/*
Theme Name: Phivex
Author: Firefly Studios
Version: 1.0
*/
@font-face {
    font-family: 'Ariel';
    src: url('css/fonts/arl-webfont.eot');
    src: url('css/fonts/arl-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arl-webfont.woff2') format('woff2'),
         url('css/fonts/arl-webfont.woff') format('woff'),
         url('css/fonts/arl-webfont.ttf') format('truetype'),
         url('css/fonts/arl-webfont.svg#sp_arielmlregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Ariel';
    src: url('css/fonts/arlb-webfont.eot');
    src: url('css/fonts/arlb-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arlb-webfont.woff2') format('woff2'),
         url('css/fonts/arlb-webfont.woff') format('woff'),
         url('css/fonts/arlb-webfont.ttf') format('truetype'),
         url('css/fonts/arlb-webfont.svg#sp_arielmlbold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Ariel';
    src: url('css/fonts/arlo-webfont.eot');
    src: url('css/fonts/arlo-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arlo-webfont.woff2') format('woff2'),
         url('css/fonts/arlo-webfont.woff') format('woff'),
         url('css/fonts/arlo-webfont.ttf') format('truetype'),
         url('css/fonts/arlo-webfont.svg#sp_arielmlitalic') format('svg');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: 'Ariel';
    src: url('css/fonts/arlbo-webfont.eot');
    src: url('css/fonts/arlbo-webfont.eot?#iefix') format('embedded-opentype'),
         url('css/fonts/arlbo-webfont.woff2') format('woff2'),
         url('css/fonts/arlbo-webfont.woff') format('woff'),
         url('css/fonts/arlbo-webfont.ttf') format('truetype'),
         url('css/fonts/arlbo-webfont.svg#sp_arielmlitalicbold') format('svg');
    font-weight: bold;
    font-style: italic;
}

body {
	font-family:'Ariel', Arial, Helvetica, sans-serif;
	color:#777;
	padding:0;
	margin:0;
	font-size:14px;
	background:#fff;
}
a {color:#777;}
a:hover {text-decoration:underline;}
img {display:block; margin:0; padding:0; -khtml-user-select: none; -o-user-select: none; -moz-user-select: none; -webkit-user-select: none; user-select: none;}
h1, h2, h3 {padding:0; margin:0; font-weight:normal;}
p {margin:0 0 15px 0; padding:0; line-height:1.5em;}
table {border-collapse:separate; border-spacing:4px;}
table th {color:#231d16; font-size:1.15em; font-weight:normal; padding:10px;}
table td {padding:10px;}
table th p, table td p {margin:0 !important;}
*:focus {outline:none;}
*:active {outline:none;}
.clear {display:block; clear:both;}
.hidden { display:none; }
.anchor-top {display:none; width:30px; height:30px; position:fixed; bottom:20px; left:20px; background:url('img/arrow-top.png') no-repeat 0 0; z-index:100;}
.logo-footer {display:none; width:166px; height:76px; position:fixed; bottom:30px; left:30px;}
.logo-footer.lang-bg {background:url('img/logo-footer_bg.png') no-repeat 0 0;}
.logo-footer.lang-en {background:url('img/logo-footer_en.png') no-repeat 0 0;}

/* structure */
#page-wrapper {width:100%; max-width:850px; height:100%; position:relative; z-index:10; overflow:hidden;}
.btn-collapse {display:block; width:40px; height:40px; line-height:36px; position:fixed; top:72px; left:830px; background:#fff; border:1px solid #f2f2f2; border-radius:20px; font-size:2em; text-align:center; z-index:99;}
.btn-collapse:hover {text-decoration:none;}

#content-wrapper {display:block; width:100%; max-width:850px; height:100%; position:relative; background:#fff; z-index:10;}

.collapsed-info {width:350px; height:100%; position:fixed; top:0; left:-350px; z-index:11; overflow:auto; background:#fff;}
.collapsed-info .top {padding:20px;}
.collapsed-info .btn-home {display:block; width:183px; height:42px; background:url('img/phivex-logo.png') no-repeat 0 0; background-size:auto 100%;}
.collapsed-info #menu-side {display:block; width:100%; padding:20px; min-height:calc(100vh - 130px); box-sizing:border-box;}
.collapsed-info #menu-side li {border-bottom:1px solid #ccc;}
.collapsed-info #menu-side li a {display:block; padding:5px 0; color:#777; font-size:1.15em; font-weight:normal; text-transform:uppercase; box-sizing:border-box;}
.collapsed-info .bottom {display:block; width:100%; height:48px; padding:0 20px; box-sizing:border-box;}
.collapsed-info .bottom a {display:inline-block; height:12px; line-height:12px; font-size:0.8em; color:#9f9f9f; margin:0; padding-left:15px;}
.collapsed-info .bottom a.btn-terms {background:url('img/icon-terms.png') no-repeat 0 0;}
.collapsed-info .bottom a.btn-download {background:url('img/icon-download.png') no-repeat 0 0;}
.collapsed-info .bottom .copyright {display:block; line-height:20px; font-size:0.8em; color:#9f9f9f; margin:0;}

#header-wrapper {width:100%; max-width:850px; position:fixed; top:0; left:0; padding-top:20px; background:#fff; z-index:99;}
	#header {display:block; width:100%; padding:0 87px; margin:0 auto; box-sizing:border-box;}
	#header:after {content:""; display: table; clear:both;}
	#header .btn-home {display:block; float:left; width:183px; height:42px; margin-bottom:11px; background:url('img/phivex-logo.png') no-repeat 0 0; background-size:auto 100%;}
	#header .btn-menu-mobile {display:none;}
	#header .btn-youtube {display:block; float:right; width:49px; height:22px; margin-left:14px; background:url('img/icon-yt.png') no-repeat 0 0; background-size:auto 100%; opacity:0.35; filter:alpha(opacity=35);}
	#header .btn-facebook {display:block; float:right; width:22px; height:22px; background:url('img/icon-fb.png') no-repeat 0 0; background-size:auto 100%; opacity:0.35; filter:alpha(opacity=35);}
	/* original menu */
	/*
	#menu-top {display:block; clear:both; width:100%; height:40px; line-height:40px; border-top:1px solid #999; border-bottom:1px solid #999; position:relative; z-index:11;}
	#menu-top li {display:block; float:left; width:16%; margin:0 2px 0 0; box-sizing:border-box;}
	#menu-top li a {display:block; width:auto; margin:0 auto; height:40px; line-height:40px; color:#777; font-size:1.15em; font-weight:normal; text-align:center; text-transform:uppercase; box-sizing:border-box;}
	#menu-top li a:hover,
	#menu-top li.current_page_item a,
	#menu-top li.current_page_parent a,
	#menu-top li.current_page_ancestor a {border-bottom:4px solid #999; text-decoration:none;}
	#menu-top li.external {float:right; margin:0;}
	#menu-top li.external a {text-transform:none;}
	#menu-top li.container ul {display:none; width:200px; position:absolute; top:40px; left:220px; background:#a1a1a1; padding:5px 15px; z-index:22;}
	#menu-top li.container ul li {display:block; float:none; width:auto; padding:8px 0; border-bottom:1px solid #fff;}
	#menu-top li.container ul li:last-child {border-bottom:0;}
	#menu-top li.container ul li a {color:#fff; font-size:0.9em; height:auto; line-height:100%; text-align:left; border:0px;}
	#menu-top li.container ul li a:hover,
	#menu-top li.container ul li.current_page_item a,
	#menu-top li.container ul li.current_page_parent a,
	#menu-top li.container ul li.current_page_ancestor a {color:#ddd;}
	*/
	/* new menu - 2019/06/17 */
	#menu-top {display:block; clear:both; width:100%; height:40px; line-height:40px; border-top:1px solid #999; border-bottom:1px solid #999; position:relative; z-index:11;}
	#menu-top li {display:block; float:left; width:14.2%; padding:0 2px 0 0; box-sizing:border-box;}
	#menu-top li a {display:block; width:auto; margin:0 auto; height:40px; line-height:40px; color:#777; font-size:1.05em; font-weight:normal; text-align:center; text-transform:uppercase; box-sizing:border-box;}
	#menu-top li a:hover,
	#menu-top li.current_page_item a,
	#menu-top li.current_page_parent a,
	#menu-top li.current_page_ancestor a,
	#menu-top li.current-menu-item a,
	#menu-top li.current-page-ancestor a {border-bottom:4px solid #999; text-decoration:none;}
	#menu-top li.external {float:right; margin:0;}
	#menu-top li.external a {text-transform:none;}
	#menu-top li.container ul {display:none; width:200px; position:absolute; top:40px; left:220px; background:#a1a1a1; padding:5px 15px; z-index:22;}
	#menu-top li.container ul li {display:block; float:none; width:auto; padding:8px 0; border-bottom:1px solid #fff;}
	#menu-top li.container ul li:last-child {border-bottom:0;}
	#menu-top li.container ul li a {color:#fff; font-size:0.9em; height:auto; line-height:100%; text-align:left; border:0px;}
	#menu-top li.container ul li a:hover,
	#menu-top li.container ul li.current_page_item a,
	#menu-top li.container ul li.current_page_parent a,
	#menu-top li.container ul li.current_page_ancestor a {color:#ddd;}
	#submenu-top {display:block; clear:both; width:100%; height:18px; line-height:18px; padding:12px 0 11px 0; border-bottom:1px solid #999; position:relative; z-index:10;}
	#submenu-top .parent-title {float:left; padding:0; margin:0; font-size:1.15em; line-height:18px;}
	#submenu-top .links-container {display:block;}
	#submenu-top ul {float:right; line-height:18px;}
	#submenu-top ul li {display:inline; padding:0 5px;}
	#submenu-top li a:hover,
	#submenu-top li.current_page_item a,
	#submenu-top li.current_page_parent a,
	#submenu-top li.current_page_ancestor a {color:#f58220; text-decoration:none;}
	#submenu-top .downloads {display:block; width:100%; height:20px; line-height:20px; position:absolute; bottom:-21px; left:0; background:#fff;}
	#submenu-top .downloads li {display:inline-block; padding:0; margin-left:1px;}
	#submenu-top .downloads li a {display:block; float:right; height:20px; line-height:20px; padding:0 7px; font-size:0.85em; color:#fff; text-transform:uppercase; background:#d4d5d6;}
	#submenu-top .downloads li a:hover,
	#submenu-top .downloads li.current_page_item a {background:#f58220;}
	
#home-slider {display:block; width:100%; max-width:675px; height:676px; margin:0 auto; overflow:hidden; position:relative;}
	#home-slider .s-info {display:block; float:left; width:80%; padding:30px 0; box-sizing:border-box;}
	#home-slider .slide {opacity:0;}
	#home-slider .s-title {font-size:2.2em; line-height:100%; }
	#home-slider .s-copy {font-size:1.15em; line-height:110%; }
	#home-slider .s-more {display:block; float:right; width:16%; max-width:80px; height:80px; padding:30px 2% 30px 0; background:url('img/sl-more.png') no-repeat 0 30px; background-size:90% auto;}
	#home-slider .s-more span {display:none;}
	#home-slider .flex-direction-nav {display:block; width:100%; height:33px; position:absolute; left:0; top:470px; z-index:8;}
	#home-slider .flex-nav-prev {display:block; width:33px; height:33px; position:absolute; left:18px; top:0;}
	#home-slider .flex-nav-prev a {display:block; width:33px; height:33px; background:url('img/sl-arrow-left.png') no-repeat 0 0; opacity:0.30; filter:alpha(opacity=30);}
	#home-slider .flex-nav-next {display:block; width:33px; height:33px; position:absolute; right:18px; top:0;}
	#home-slider .flex-nav-next a {display:block; width:33px; height:33px; background:url('img/sl-arrow-right.png') no-repeat 0 0; opacity:0.30; filter:alpha(opacity=30);}
	#home-slider .flex-nav-prev a:hover, #home-slider .flex-nav-next a:hover {opacity:0.6; filter:alpha(opacity=60);}
	#home-slider .flex-control-paging {display:block; width:auto; height:33px; line-height:33px; position:absolute; top:470px; left:50%; transform:translate(-50%, 0); text-align:center; z-index:9;}
	#home-slider .flex-control-paging li {display:inline-block; padding:0 5px; cursor:pointer;}
	#home-slider .flex-control-paging li a {display:block; width:15px; height:15px; background:#fff; border-radius:50%; opacity:0.30; filter:alpha(opacity=30);}
	#home-slider .flex-control-paging li a:hover, 	#home-slider .flex-control-paging li a.flex-active {opacity:0.9; filter:alpha(opacity=90);}
	#home-slider .flex-control-paging li a span {display:none;}

#content {display:block; width:100%; padding:128px 87px 75px; box-sizing:border-box; position:relative; z-index:88;}
	#content.home {padding-top:128px;}
	#content.inner.level-2 {padding-top:180px;} 
	#content.inner.level-3 {padding-top:200px;}
	#content .entry {display:block; width:100%; margin:0 auto; max-width:1000px; padding:0; box-sizing:border-box;}
	#content .entry > h1 {font-size:1.7em; line-height:120%; text-transform:uppercase; margin-bottom:15px; padding-top:15px;}
	#content .entry > h2 {font-size:1.15em; font-weight:bold; margin-bottom:10px; padding-top:10px; text-transform:uppercase;}
	#content .entry > h3 {font-size:1.15em; margin-bottom:7px; border-bottom:1px dotted #ccc;}
	#content .entry > h4 {font-size:1.05em; margin-bottom:10px; text-transform:uppercase; padding:5px 10px; background:#f2f2f2; border-radius:2px;}
	#content .entry > p > a {color:#d6721d; text-decoration:underline;}
	#content .entry > p > a:hover {text-decoration:none;}
	#content .entry > ul {padding-left:20px; margin-bottom:15px;}
	#content .entry > ul li {list-style-type:circle; margin-bottom:7px;}
	#content .entry > ol {padding-left:20px; margin-bottom:15px;}
	#content .entry > ol li {list-style-type:decimal; margin-bottom:7px;}
	#content .entry h1 a, 
	#content .entry h2 a,
	#content .entry h3 a,
	#content .entry h4 a {color:#d6721d; text-decoration:underline;}
	#content .entry h1 a:hover, 
	#content .entry h2 a:hover,
	#content .entry h3 a:hover,
	#content .entry h4 a:hover {text-decoration:none;}
	#content .entry iframe {width:100%; height:auto;}
	#content .entry.narrow {float:left; width:500px;}
	#content .entry.narrow > h1 {font-size:1.7em; line-height:24px; text-transform:uppercase;}
	#content .entry.narrow > h2 {font-size:1.15em; font-weight:bold;}
	#content .entry.narrow > h3 {font-size:1.15em;}
	#content .entry.news > h1 {font-size:1.3em; padding-bottom:25px; color:#999; border-bottom:1px solid #999;}
	#content .entry.news > h2 {font-size:1.15em; font-weight:bold;}
	#content .entry.news > h3 {font-size:1.15em;}
	#content .entry.collections > h1 {font-size:1.35em; padding-bottom:25px; color:#999; border-bottom:1px solid #999;}
	#content .entry.collections > h2 {font-size:1.15em; font-weight:bold;}
	#content .entry.collections > h3 {font-size:1.15em;}
	#content .entry.colors > h1 {font-size:1.35em; padding-bottom:10px; color:#999; border-bottom:1px solid #999;}
	#content .entry.colors > h2 {font-size:1.15em; font-weight:bold;}
	#content .entry.colors > h3 {font-size:1.15em;}
	#content .entry.oils > h1 {display:none;}
	#content .entry.oils > h2 {font-size:1.15em; font-weight:bold;}
	#content .entry.oils > h3 {font-size:1.15em;}
	#content .entry.downloads > h1 {font-size:1.2em; padding-bottom:25px; color:#999; border-bottom:1px solid #999;}
	#content .entry-submenu {display:block; float:left; width:150px; margin:0 25px 0 0; border-top:1px solid #777;}
	#content .entry-submenu li {padding:5px 0; border-bottom:1px solid #777;}
	#content .entry-submenu li a {font-size:0.85em;}
	#content .entry-submenu li a:hover,
	#content .entry-submenu li.current_page_item a {color:#f58220; text-decoration:none;}
	#content .entry-submenu li.mobile-submenu {display:none;}
	
	/* news list */
	.news-article {display:block; padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #999;}
	.news-article .news-image {display:block; float:left; margin-right:15px; width:240px; height:160px; overflow:hidden;}
	.news-article .news-image img {width:240px; height:auto;}
	.news-article .news-copy {display:block; width:420px; float:right;}
	.news-article .news-title {position:relative;}
	.news-article .news-title h2 {font-size:0.9em; font-weight:bold; line-height:1.3em; padding:0 80px 0 0; margin-bottom:10px;}	
	.news-article .news-title p {font-size:0.9em; font-weight:bold; line-height:1.3em; position:absolute; top:0; right:0;}	
	.news-article .news-excerpt {font-size:0.9em; line-height:1.3em;}	
	.news-article .news-more {display:block; float:right; padding:5px 12px; font-size:0.9em; color:#606060; border:1px solid #606060; border-radius:15px;}	
	.news-article .news-more:hover  {text-decoration:none; color:#fff; background:#f58220; border-color:#f58220;}
	
	/* news single */
	.news-single .news-title {position:relative; margin-top:20px;}
	.news-single .news-title h2 {font-size:0.9em; font-weight:bold; line-height:1.3em; padding:0 80px 0 0; margin-bottom:10px;}
	.news-single .news-title p {font-size:0.9em; font-weight:bold; line-height:1.3em; position:absolute; top:0; right:0;}	
	
	/* collections */
	.collection {display:block; padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #999;}
	.collection .col-image, .collection img.default {display:block; float:left; margin-right:15px;}
	.collection .col-image {width:240px; height:160px; overflow:hidden;}
	.collection .col-image img {width:240px; height:auto;}
	.collection .col-copy {display:block; width:420px; float:right;}
	.collection .col-title {position:relative;}
	.collection .col-title h2 {font-size:1.2em; font-weight:normal; color:#000; text-transform:uppercase; line-height:1.3em; padding:0 80px 0 0; margin-bottom:10px;}	
	.collection .col-title p {font-size:0.9em; font-weight:bold; line-height:1.3em; position:absolute; top:0; right:0;}	
	.collection .col-excerpt {font-size:0.9em; line-height:1.3em;}	
	.collection .col-content {display:none;}
	.collection .col-content h3 {font-size:1.15em; margin-bottom:10px; color:#000;}
	.collection .col-more {display:block; width:25px; float:right; padding:5px 5px; font-size:1.05em; font-weight:bold; text-align:center; color:#606060; border:1px solid #606060; border-radius:15px;}	
	.collection .col-more .minus {display:none;}
	.collection .col-more.open .plus {display:none;}
	.collection .col-more.open .minus {display:block;}
	.collection .col-more:hover  {text-decoration:none; color:#fff; background:#f58220; border-color:#f58220;}
	
	/* colors */
	.color {display:block; padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #999;}
	.color .clr-images {display:block; float:left; margin-right:15px;}
	.color .clr-images img.default {margin-bottom:15px;}
	.color .clr-image {display:block; margin-bottom:15px; position:relative; width:240px; height:160px; overflow:hidden;}
	.color .clr-image img {width:240px; height:auto;}
	.color .clr-image .bw-copyright {display:block; position:absolute; bottom:3px; left:5px; font-size:0.8em; font-weight:bold; font-style:italic; color:#fff; text-shadow:1px 1px 0px #333;}
	.color .clr-image.interior {opacity:0.25; transition:opacity 0.5s;}
	.color .clr-image.interior:hover {opacity:1;}
	.color .clr-copy {display:block; width:420px; float:right;}
	.color .clr-title {position:relative;}
	.color .clr-title h2 {font-size:1.2em; font-weight:normal; color:#000; text-transform:uppercase; line-height:1.3em; padding:0 80px 0 0; margin-bottom:10px;}	
	.color .clr-title h2 a {color:#000;}
	.color .clr-title p {font-size:0.9em; font-weight:bold; line-height:1.3em; position:absolute; top:0; right:0;}	
	.color .clr-parameters table {border-spacing:0; margin-bottom:15px;}
	.color .clr-parameters table td {padding:6px 0; font-size:0.9em; line-height:110%; border-bottom:1px dotted #eee; vertical-align:middle;}	
	.color .clr-parameters table td.label {width:40%; padding-right:5px;}
	.color .clr-content {display:none;}
	.color .clr-content h3 {font-size:1.15em; margin-bottom:10px; color:#000;}
	.color .clr-content table {border-spacing:0; margin-bottom:15px;}
	.color .clr-content table td {padding:6px 0; font-size:0.9em; line-height:110%; border-bottom:1px dotted #eee; vertical-align:middle;}	
	.color .clr-content table td.label {width:40%; padding-right:5px;}
	.color .clr-videos h3 {font-size:1.15em; margin-bottom:10px; color:#000; text-transform:uppercase;}
	.color .clr-videos .yt-video {display:block; border-bottom:1px dotted #999; margin-bottom:15px;}
	.color .clr-videos .yt-video iframe {margin:0; padding-bottom:10px;}
	.color .clr-more {display:block; width:25px; float:right; padding:5px 5px; font-size:1.05em; font-weight:bold; text-align:center; color:#606060; border:1px solid #606060; border-radius:15px;}	
	.color .clr-more .minus {display:none;}
	.color .clr-more.open .plus {display:none;}
	.color .clr-more.open .minus {display:block;}
	.color .clr-more:hover  {text-decoration:none; color:#fff; background:#f58220; border-color:#f58220;}
	
	/* oils */
	.oils-submenu {display:block; width:100%; padding:20px 0 19px 0!important; margin:0 0 25px 0; border-bottom:1px solid #999; position:relative;}
	.oils-submenu li {display:inline-block; margin-bottom:0 !important; }
	.oils-submenu li a {display:block; height:25px; line-height:25px; font-size:0.85em; padding:0 10px; background:#fff; border:1px solid #999; border-radius:5px;}
	.oils-submenu li a:hover,
	.oils-submenu li.current_page_item a {color:#fff; background:#f58220; border-color:#f58220; text-decoration:none;}
	
	.oil {display:block; width:100%; padding:0 0 15px 0; margin-bottom:15px; border-bottom:1px solid #999;}
	.oil .oil-image, .oils img.default {display:block; float:left; margin-right:15px;}
	.oil .oil-copy {display:block; width:500px; float:right; margin-bottom:15px;}
	.oil .oil-title {position:relative;}
	.oil .oil-title h2 {font-size:1.2em; font-weight:normal; color:#000; text-transform:uppercase; line-height:1.3em; padding:15px 80px 0 0; margin-bottom:10px;}	
	.oil .oil-title h2 a {color:#000;}
	.oil .oil-title p {font-size:1.05em; line-height:1.3em;}
	.oil .oil-title .labels {display:block; position:absolute; top:0; right:0;}
	.oil .oil-title .labels div {display:block; float:left; margin:0 0 0 2px; padding:2px 7px; color:#fff; font-size:0.9em;}
	.oil .oil-title .labels div.green {background:#4ead3b;}
	.oil .oil-title .labels div.orange {background:#f19900;}
	.oil .oil-parameters table {border-spacing:0; margin-bottom:15px;}
	.oil .oil-parameters table td {padding:6px 0; font-size:0.9em; line-height:110%; border-bottom:1px dotted #eee; vertical-align:middle;}	
	.oil .oil-parameters table td.label {width:40%; padding-right:5px;}
	.oil .oil-content {display:none; border-top:1px solid #999; padding-top:10px;}
	.oil .oil-content h2 {font-size:1.05em; color:#333; text-transform:uppercase; line-height:1.3em; padding:0; margin-bottom:7px;}	
	.oil .oil-content h3 {font-size:1em; margin-bottom:10px; color:#000;}
	.oil .oil-content ul {padding-left:25px; margin-bottom:15px;}
	.oil .oil-content ul li {padding:0; list-style-type:circle; overflow:visible; margin-bottom:5px;}
	.oil .oil-content table {border-spacing:0; margin-bottom:15px;}
	.oil .oil-content table td {padding:6px 0; font-size:0.9em; line-height:110%; border-bottom:1px dotted #eee; vertical-align:middle;}	
	.oil .oil-content table td.label {width:40%; padding-right:5px;}
	.oil .oil-content .info {border-bottom:1px dotted #999; margin-bottom:15px;}
	.oil .oil-content .yt-video {display:block; border-bottom:1px dotted #999; margin-bottom:15px;}
	.oil .oil-content .yt-video iframe {margin:0; padding-bottom:10px;}
	.oil .oil-content #attachments {padding-top:10px; border-bottom:1px dotted #999; margin-bottom:15px;}
	.oil .oil-content #attachments p {color:#333; padding:5px 0; margin:0; border-bottom:1px solid #999;}
	.oil .oil-content #attachments a {padding:0; background:none; border:0; color:#000;}
	.oil .oil-content #attachments a:hover {color:#f58220;}
	.oil .oil-more {display:block; float:left; padding:5px 15px; font-size:1.05em; text-align:center; color:#606060; border:1px solid #606060; border-radius:15px;}	
	.oil .oil-more .minus {display:none;}
	.oil .oil-more.open .plus {display:none;}
	.oil .oil-more.open .minus {display:block;}
	.oil .oil-more:hover  {text-decoration:none; color:#fff; background:#f58220; border-color:#f58220;}
	.oil .oil-buy {display:block; float:right; padding:5px 15px; font-size:1.05em; text-align:center; color:#606060; border:1px solid #606060; border-radius:15px;}	
	.oil .oil-buy:hover  {text-decoration:none; color:#fff; background:#4ead3b; border-color:#4ead3b;}
	
	/* common elements */
	.gallery {padding:20px 0 10px; border-top:1px solid #999; border-bottom:1px solid #999; margin-bottom:20px !important;}
	.gallery .gallery-item {box-sizing:border-box; padding:0 10px 10px 0; margin:0 !important;}
	.gallery .gallery-item a {box-sizing:border-box;}
	.gallery .gallery-item a img {width:100%; height:auto; border:0px !important;}
	.gallery .gallery-item .gallery-caption {display:block; font-size:0.85em; padding:2px 0; background:#f2f2f2; border:1px dashed #ccc;}
	
	.parkett-size {width:100%; height:auto;}
	
	.btn-back {display:block; float:right; padding:5px 12px; font-size:0.9em; color:#606060; border:1px solid #606060; border-radius:15px;}	
	.btn-back:hover  {text-decoration:none; color:#fff; background:#f58220; border-color:#f58220;}
	
	/* ajax loader */
	#alm-filter-nav {display:block; width:100%; padding:0 0 19px 0!important; margin:0 0 25px 0; border-bottom:1px solid #999; position:relative;}
	#alm-filter-nav li {display:block; float:left; width:4.166%; list-style-type:none; padding:1px; margin:0 !important; box-sizing:border-box;}
	#alm-filter-nav li.current-color {background:#d6721d; padding:4px;}
	#alm-filter-nav li img {display:block; width:100%; height:auto;}
	#alm-filter-nav li.showall {width:100%; float:none; clear:both;}
	#alm-filter-nav li.showall span {display:none;}
	#alm-filter-nav li.showall a {display:block;}
	#alm-filter-nav li.showall.active span {display:block;}
	#alm-filter-nav li.showall.active a {display:none;}
	#alm-filter-nav li.clear {width:100%; height:1px; float:none; clear:both; margin:0 !important; padding:0 !important;}
	.alm-load-more-btn.phivex {display:block; height:40px; line-height:35px; padding:0 12px; margin:0 auto; font-size:0.9em; font-weight:normal; text-transform:uppercase; font-family:'Ariel'; color:#606060; border:1px solid #606060; border-radius:15px; background:#fff;}
	.alm-load-more-btn.phivex:hover {text-decoration:none; color:#fff; background:#f58220; border-color:#f58220;}
	.alm-load-more-btn.phivex.done {display:none;}
	
	/* contacts */
	#phivex-map {display:block; width:100%; height:250px; overflow:hidden; margin-bottom:35px;}
	#phivex-map .info-window {display:block; padding:15px; background:rgba(255,194,64,0.6); border-radius:15px;}
	#phivex-map .info-window p {color:#000; font-family:'Ariel'; font-size:1em; margin:0;}
	#phivex-map .info-window p strong {font-size:1.05em; text-transform:uppercase;}
	
	.phivex-contacts {display:block; float:left; width:230px; padding:0 25px 0 0; box-sizing:border-box;}
	.phivex-contacts h2 {font-size:1.05em; margin-bottom:15px;}
	.phivex-contacts p {font-size:1em; margin-bottom:5px;}
	.phivex-feedback {display:block; float:left; width:445px; padding:0 0 0 25px; margin-bottom:20px; border-left:1px solid #999; box-sizing:border-box;}
	.phivex-feedback h2 {font-size:1.05em; margin-bottom:15px;}
	.phivex-feedback .form-left {display:block; float:left; width:150px;}
	.phivex-feedback .form-right {display:block; float:right; width:256px; padding:5px; border:1px solid #999; box-sizing:border-box;}
	.phivex-feedback .wpcf7-form .label {display:block; float:left; width:228px; height:18px; line-height:18px; padding:10px 15px; margin:0 2px 2px 0; background:#3e3629; font-family:'Ariel'; font-size:1.05em; color:#c5c3bf; position:relative;}
	.phivex-feedback .wpcf7-form .label .wpcf7-captchac {display:block; height:28px; width:auto; position:absolute; top:5px; right:15px;}
	.phivex-feedback .wpcf7-form .input {display:block; float:left; width:100%; padding:0; margin:0; background:none; border-bottom:1px solid #999;}
	.phivex-feedback .wpcf7-form .input input {display:block; width:100%; height:20px; line-height:20px; padding:5px 0; margin:0; background:none; border:0; font-family:'Ariel'; font-size:0.85em; color:#777;}
	.phivex-feedback .wpcf7-form .input.user-name {border-top:1px solid #999;}
	.phivex-feedback .wpcf7-form .input.user-subject input {padding:0 5px 5px 5px;}
	.phivex-feedback .wpcf7-form .textarea {display:block; float:left; width:100%; height:auto; padding:5px; background:none; border:0; box-sizing:border-box;}
	.phivex-feedback .wpcf7-form .textarea textarea {display:block; width:100%; height:170px; padding:0; margin:0; background:none; border:0px; font-family:'Ariel'; font-size:0.85em; color:#777; resize:none; overflow:auto;}
	.phivex-feedback .wpcf7-form-control-wrap {margin-top:20px;}
	.phivex-feedback .wpcf7-form-control-wrap:after {content:""; display:table; clear:both;}
	.phivex-feedback .wpcf7-form .submit {display:block; clear:both;}
	.phivex-feedback .wpcf7-form .submit:after {content:""; display:table; clear:both;}
	.phivex-feedback .wpcf7-form .wpcf7-submit {display:block; float:left; width:302px; height:40px; line-height:40px; margin:20px 2px 0 0; background:#f58220; border:0; text-align:center; text-indent:5px; text-transform:uppercase; color:#fff; font-family:'Ariel'; font-size:1.15em; cursor:pointer; border-radius:20px; box-shadow:0 0 5px #777; position:relative; z-index:10;}
	.phivex-feedback .wpcf7-form .wpcf7-submit:hover {box-shadow:none;}
	.phivex-feedback span.wpcf7-not-valid-tip {font-size:0.85em;}
	.phivex-feedback .wpcf7-form .wpcf7-validation-errors, 
	.phivex-feedback .wpcf7-form .wpcf7-validation-errors .wpcf7-form .wpcf7-mail-sent-ok {text-align:center; margin:35px 0 0 0;}
	
	/* downloads */
	table.downloads {width:100%; border-spacing:0; border-collapse:collapse;}
	table.downloads td {padding:10px; border-bottom:1px solid #999; vertical-align:middle;}
	table.downloads td.file-title {padding-left:0;}
	table.downloads td.file-size {text-align:center;}
	table.downloads td.file-download {text-align:right; padding:0;}
	table.downloads td.file-download a {display:block; float:right; padding:5px 12px; font-size:0.9em; color:#606060; border:1px solid #606060; border-radius:15px;}	
	table.downloads td.file-download a:hover {text-decoration:none; color:#fff; background:#f58220; border-color:#f58220;}
	table.downloads td.separator {border-right:1px solid #999; padding:0;}
	
#footer-wrapper {display:block; width:100%; max-width:850px; height:45px; position:absolute; bottom:0; left:0; z-index:98;}
	#footer {display:block; width:100%; padding:0 87px; text-align:center; box-sizing:border-box;}
	#footer a {display:inline-block; height:12px; line-height:12px; font-size:0.8em; color:#9f9f9f; padding-left:15px; margin:0 5px;}
	#footer a.btn-terms {background:url('img/icon-terms.png') no-repeat 0 0;}
	#footer a.btn-download {background:url('img/icon-download.png') no-repeat 0 0;}
	#footer .copyright {display:block; height:33px; line-height:20px; font-size:0.8em; color:#9f9f9f; margin:0;}
	
.bgr-slideshow {display:block; width:100%; height:100%; position:fixed; left:850px; top:0; z-index:0;}
	.bgr-slideshow .slide {display:block; position:absolute; width:100%; height:100%; top:0; left:0; overflow:hidden; z-index:8;}
	.bgr-slideshow .slide.active {z-index:10;}
	.bgr-slideshow .slide.last-active {z-index:9;}
	.bgr-slideshow .slide img {display:block; position:absolute; height:100%; width:auto; right:0; top:50%; transform:translate(0, -50%); transition:all 1s ease-out;}
	.bgr-slideshow .slide img.invert {width:100%; height:auto;}
	
.backstretch-zoom {display:block; width:50px; height:50px; position:fixed; bottom:25px; right:25px; background:url('img/icon-magnify.png') no-repeat 50% 50%; background-size:100% 100%; opacity:0.75; z-index:2;}
.backstretch img {height:100vh !important; width:auto !important; top:0 !important; right:0 !important; left:auto !important;}

@media screen and (max-width: 850px) {
	#page-wrapper {padding-bottom:calc(100vw * 0.55);}
	#header-wrapper {border-bottom:0px;}
	#header {padding:0 8%;}
	
	#submenu-top {height:auto; padding:0; background:#fff; z-index:10; transition:all 1s;}
	#submenu-top .parent-title {float:none; width:100%; height:43px; line-height:43px; padding:0 5px; background:url('img/btn-submenu.png') no-repeat right top; background-size:43px 86px; box-sizing:border-box; cursor:pointer;}
	#submenu-top .parent-title.open {background-position:right bottom;}
	#submenu-top .links-container {display:none;}
	#submenu-top ul {float:none; width:100%; background:#fff;}
	#submenu-top ul li {display:block; height:auto; border-top:1px solid #999;}
	#submenu-top ul li a {display:block; padding:10px 0;}
	#submenu-top .downloads {position:static; height:auto; padding:0;}
	#submenu-top .downloads li {padding:0;}
	#submenu-top .downloads li a {display:block; float:none; height:40px; line-height:40px; font-size:14px;}
	
	#content {padding-right:0; padding-left:0;}
	#content .entry {padding:0 8%;}
	#content .entry > h1 {padding:0;}
	#content .entry.news > h1,
	#content .entry.downloads > h1,
	#content .entry.collections > h1 {padding:0 0 15px 0;}
	#content.inner.level-2 {padding-top:175px;}
	#content.inner.level-3 {padding:180px 8% 87px;}
	#content.inner.level-3 .entry.narrow {width:calc(100% - 175px); padding:0;}
	
	.news-article .news-image {width:35%; height:auto; margin:0;}
	.news-article .news-image img {width:300px; height:auto;}
	.news-article .news-copy {width:65%; padding-left:15px; box-sizing:border-box;}
	.news-article .news-title h2 {padding:0; margin-bottom:0;}	
	.news-article .news-title p {display:block; font-weight:normal; font-style:italic; position:static;}
	
	.color .clr-images {width:35%; margin:0;}
	.color .clr-images a {width:100%; height:auto;}
	.color .clr-images a img {width:300px; height:auto;}
	.color .clr-images .clr-image.interior {display:none;}
	.color .clr-copy {width:65%; padding-left:15px; box-sizing:border-box;}
	.color .clr-title h2 {padding:0;}
	
	.collection .col-image {width:35%; height:auto; margin:0;}
	.collection .col-image img {width:300px; height:auto;}
	.collection .col-copy {width:65%; padding-left:15px; box-sizing:border-box;}
	.collection .col-title h2 {padding:0;}
	
	.oils-submenu {padding:0 0 15px 0 !important;}
	.oils-submenu li {margin-bottom:5px !important;}
	
	.oil .oil-image {width:25%; height:auto; margin:0;}
	.oil .oil-image img {width:100%; height:auto;}
	.oil .oil-copy {width:75%; padding-left:15px; box-sizing:border-box;}
	.oil .oil-title h2 {padding:0;}
	
	#phivex-map {margin-bottom:15px;} 
	.phivex-contacts {float:none; width:100%; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid #999;}
	.phivex-feedback {width:100%; padding:0; border:0;}
	.phivex-feedback h2 {font-weight:bold; text-transform:uppercase;}
	.phivex-feedback .form-left {width:50%; padding-right:15px; box-sizing:border-box;}
	.phivex-feedback .form-right {width:50%; box-sizing:border-box;}
	.phivex-feedback .wpcf7-form-control-wrap .g-recaptcha {float:right;}
	.phivex-feedback .wpcf7-form  .wpcf7-submit {float:right;}
	
	.btn-collapse {display:none;}
	.bgr-slideshow {height:calc(100vw * 0.55); top:auto; bottom:0; left:0 !important; width:100% !important;}
	.bgr-slideshow .slide img {width:100%; height:auto;}
	
	#footer {padding:0 8%;}
}

@media screen and (max-width: 675px) {
	#header {padding:0 5%;}
	#menu-top li a {font-size:1em;}
	
	#home-slider {height:auto;}
	#home-slider .slide img {width:100%; height:auto;}
	#home-slider .s-info {padding:30px 0 30px 20px;}
	#home-slider .s-title {font-size:1.7em;}
	#home-slider .s-copy {font-size:1em;}
	#home-slider .flex-control-paging {top:calc(100vw * 0.65);}
	#home-slider .flex-direction-nav {top:calc(100vw * 0.65);}
	
	#content .entry {padding:0 5%;}
	#content.inner.level-3 {padding:180px 5% 87px;}
	
	table.downloads td {padding:5px !important; font-size:0.9em;}
	table.downloads td.file-title {word-break:break-all;}
	table.downloads td.file-size {text-align:center;}
	table.downloads td.separator {padding:0 !important;}
	.oil .oil-content table td.file-title {width:65%; word-break:keep-all;}
	.color .clr-content table td.file-title {width:65%; word-break:keep-all;}
	
	#footer {padding:0 5%;}
}

@media screen and (max-width: 560px) {
	#header-wrapper {padding:20px 0;}
	#header .btn-home {margin:0 0 10px 0;}
	#header .btn-menu-mobile {display:block; float:right; width:42px; height:42px; margin-left:30px; background:url('img/btn-menu.png') no-repeat center bottom; background-size:42px 84px;}
	#header .btn-menu-mobile.active {background-position:center top;}
	#header .social {margin-top:10px;}
	
	#menu-top {display:none; width:90%; height:calc(100vh - 100px); position:fixed; top:72px; left:5%; padding:0 10px; background:#fff; border:none; box-sizing:border-box; overflow:scroll;}
	#menu-top.mobile {z-index:200; box-shadow:0 4px 4px #999;}
	#menu-top li {float:none; width:100%; border-top:1px solid #999;}
	#menu-top li a {text-align:left;}
	#menu-top li a:hover,
	#menu-top li.current_page_item a,
	#menu-top li.current_page_parent a,
	#menu-top li.current_page_ancestor a {border-bottom:0; text-decoration:none; color:#000;}
	#menu-top li.container ul {display:none; width:auto; position:relative; top:auto; left:auto; padding:0; background:none; box-sizing:border-box;}
	#menu-top li.container ul li {background:#eee; border-bottom:0; padding:10px;}
	#menu-top li.container ul li a {color:#777;} 
	#menu-top li.container ul li a:hover,
	#menu-top li.container ul li.current_page_item a,
	#menu-top li.container ul li.current_page_parent a,
	#menu-top li.container ul li.current_page_ancestor a {color:#000;}
	
	#submenu-top {margin-top:5px; border-top:1px solid #999;}
	
	#content {padding:100px 0 80px;}
	#content.home {padding-top:82px;}
	#content.inner.level-2 {padding-top:137px;}
	#content.inner.level-3 {padding:137px 5% 87px;}
	#content.inner.level-3 .entry.narrow {width:100%; padding-top:50px;}
	
	#content .entry.colors > h1,
	#content .entry.collections > h1 {padding-top:0;}
	#content .entry-submenu {float:none; width:90%; margin:0 0 15px 0; border:0; position:fixed;}
	#content .entry-submenu li {display:none; background:#f9f9f9; padding:0; position:relative; z-index:1;}
	#content .entry-submenu li.current_page_item {display:block;}
	#content .entry-submenu li a {display:block; height:19px; line-height:20px; padding:5px;}
	#content .entry-submenu li.mobile-submenu {display:block; width:100%; height:29px; position:absolute; top:0; right:0; padding:0; border:1px solid #f3f3f3; background:none; border-bottom:0px; box-sizing:border-box; z-index:10;}
	#content .entry-submenu li.mobile-submenu a {display:block; width:100%; height:28px; padding:0; background:url('img/btn-submenu.png') no-repeat right top; background-size:29px 58px;}
	#content .entry-submenu li.mobile-submenu.open {width:28px;}
	#content .entry-submenu li.mobile-submenu.open a {background-position:right bottom;}
	
	#alm-filter-nav li {width:8.332%;}
}
	
@media screen and (max-width: 480px) {
	#header .btn-home {width:130px; height:30px;}
	#header .btn-menu-mobile {width:30px; height:30px; margin-left:20px; background-position:center -49px;}
	#header .btn-menu-mobile.active {background-position:center -8px;}
	#header .social {margin-top:4px;}
	
	#menu-top {top:60px;}
	
	#home-slider .s-title {font-size:1.5em;}
	
	#content {padding:90px 0 80px;}
	#content.home {padding-top:70px;}
	#content.inner.level-2 {padding-top:125px;}
	#content.inner.level-3 {padding:125px 5% 87px;}
	#content.inner.level-3 .entry.narrow {width:100%; padding-top:48px;}
	
	.news-article .news-image {width:100%; float:none; margin:0 0 15px 0; padding-top:10px;}
	.news-article .news-image img {width:100%; max-width:320px; height:auto; margin:0 auto;}
	.news-article .news-copy {width:100%; max-width:320px; float:none; padding:0; margin:0 auto;}
	.news-article .news-title h2 {font-size:1.1em; line-height:110%; margin-bottom:5px;}
	
	.color .clr-images {width:100%; float:none; margin:0 0 15px 0; padding-top:10px;}
	.color .clr-images a {width:100%; height:150px;}
	.color .clr-images a img {width:100%; max-width:320px; height:auto; margin:0 auto;}
	.color .clr-images .clr-image.interior {display:none;}
	.color .clr-image .bw-copyright {left:50%; transform:translate(-140px, 0);}
	.color .clr-copy {width:100%; max-width:320px; float:none; padding:0; margin:0 auto;}
	
	.collection .col-image {width:100%; float:none; margin:0 0 15px 0; padding-top:10px;}
	.collection .col-image img {width:100%; max-width:320px; height:auto; margin:0 auto;}
	.collection .col-copy {width:100%; max-width:320px; float:none; padding:0; margin:0 auto;}
	
	.oil .oil-image {width:100%; float:none; margin:0 0 15px 0; padding-top:10px;}
	.oil .oil-image img {width:50%; max-width:150px; height:auto;}
	.oil .oil-copy {width:100%; max-width:320px; float:none; padding:0; margin:0 auto;}
	
	.phivex-contacts {float:none; width:100%; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid #999;}
	.phivex-feedback {width:100%; padding:0; border:0;}
	.phivex-feedback .wpcf7-form .input {float:none;}
	.phivex-feedback .wpcf7-form .input.user-subject input {padding:5px 0;}
	.phivex-feedback .wpcf7-form .textarea {float:none; padding:5px 0;}
	.phivex-feedback .form-left {width:100%; float:none; padding-right:0;}
	.phivex-feedback .form-right {width:100%; float:none; padding:0; border-left:none; border-right:none; border-top:none;}
	.phivex-feedback .wpcf7-form-control-wrap .g-recaptcha {display:block; float:none; margin:0 auto 25px; overflow:hidden;}
	.phivex-feedback .wpcf7-form-control-wrap .g-recaptcha div {margin:0 auto;}
	.phivex-feedback .wpcf7-form  .wpcf7-submit {float:none; width:100%; max-width:340px; margin:0 auto;}
}
	
/* the end */