/*
Theme Name: Color Revelation
Theme URI: http://www.colorrevelation.com/
Description: Color Revelation template
Version: 2.0
Author: LLOS&
Author URI: http://llos.co
Text Domain: color_revelation
Domain Path: /lang
*/
/* Typography
---------- */
@font-face {
font-family: 'AvenirNext';
src: url('fonts/AvenirNext.eot');
src: url('fonts/AvenirNext.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNext.woff') format('woff'),
url('fonts/AvenirNext.ttf') format('truetype'),
url('fonts/AvenirNext.svg#AvenirNext') format('svg');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'AvenirNext';
src: url('fonts/AvenirNextLTPro-Demi.eot');
src: url('fonts/AvenirNextLTPro-Demi.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNextLTPro-Demi.woff') format('woff'),
url('fonts/AvenirNextLTPro-Demi.ttf') format('truetype'),
url('fonts/AvenirNextLTPro-Demi.svg#AvenirNext') format('svg');
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'AvenirNextBold';
src: url('fonts/AvenirNextLTPro-Bold.eot');
src: url('fonts/AvenirNextLTPro-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/AvenirNextLTPro-Bold.woff') format('woff'),
url('fonts/AvenirNextLTPro-Bold.ttf') format('truetype'),
url('fonts/AvenirNextLTPro-Bold.svg#AvenirNextBold') format('svg');
font-style: normal;
font-weight: normal;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'DalaFloda';
src: url('fonts/DalaFloda-RomanNo2-Web.eot');
src: url('fonts/DalaFloda-RomanNo2-Web.eot?#iefix') format('embedded-opentype'),
url('fonts/DalaFloda-RomanNo2-Web.woff2') format('woff2'),
url('fonts/DalaFloda-RomanNo2-Web.woff') format('woff');
font-weight: 500;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'DalaFlodaBold';
src: url('fonts/DalaFloda-Bold.eot');
src: url('fonts/DalaFloda-Bold.eot?#iefix') format('embedded-opentype'),
url('fonts/DalaFloda-Bold.woff') format('woff'),
url('fonts/DalaFloda-Bold.ttf') format('truetype'),
url('fonts/DalaFloda-Bold.svg#DalaFloda') format('svg');
font-style: normal;
font-weight: bold;
text-rendering: optimizeLegibility;
}
@font-face {
font-family: 'icomoon';
src: url('fonts/icomoon.eot?rle7g2');
src: url('fonts/icomoon.eot?rle7g2#iefix') format('embedded-opentype'),
url('fonts/icomoon.ttf?rle7g2') format('truetype'),
url('fonts/icomoon.woff?rle7g2') format('woff'),
url('fonts/icomoon.svg?rle7g2#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
font-family: 'icomoon' !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-arrow_down:before{ content: "\e900"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-arrow_left:before{ content: "\e901"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-arrow_right:before{ content: "\e902"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-arrow_up:before{ content: "\e903"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-burguer:before{ content: "\e904"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-cross:before{ content: "\e905"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-facebook:before{ content: "\e906"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-instagram:before{ content: "\e907"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-pinterest:before{ content: "\e908"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-plus:before{ content: "\e909"; background: rgba(0, 0, 0, 0.0001); display: block;}
.icon-twitter:before{ content: "\e90a"; background: rgba(0, 0, 0, 0.0001); display: block;}
/* Misc
---- */
body{ position: relative; margin: 0; padding: 0; width: 100%; height: 100%; background: #ffffff; font-family: 'AvenirNext'; color: #000; font-size: 18px; line-height: 24px; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -moz-osx-font-smoothing: grayscale; }
body.play_video{ overflow: hidden;}
a{ color: #1a1a1a; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out;}
a:hover, a:focus{ color: #1a1a1a; text-decoration: none; outline:none;}
input[type="text"], input[type="email"], input[type="number"], textarea { -webkit-appearance: none; border-radius: 0; }
input, textarea { -webkit-font-smoothing: antialiased; border-radius: 0; -webkit-border-radius: 0; }
textarea { resize: none; }
input:focus{ outline: none}
input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; }
input:focus::-moz-placeholder { color:transparent; }
input:focus:-ms-input-placeholder { color:transparent; }
textarea:focus{ outline: none}
textarea:focus::-webkit-input-placeholder { color:transparent; }
textarea:focus:-moz-placeholder { color:transparent; }
textarea:focus::-moz-placeholder { color:transparent; }
textarea:focus:-ms-input-placeholder { color:transparent; }
::-webkit-input-placeholder {color: #909;}
:-moz-placeholder { color: #909; opacity: 1;}
::-moz-placeholder { color: #909;Â opacity: 1;}
:-ms-input-placeholder { color: #909;}
::-moz-selection { color: black; background: #99CCFF; }
::selection { color: black; background: #99CCFF; }
:focus {outline:none;}
::-moz-focus-inner {border:0;}
h1, h2, h3, h4, h5, h6{ margin: 0; padding: 0; font-weight: normal;}
p{ margin-bottom: 20px; margin-top: 0; }
.container-fluid{ max-width: 1280px; margin: 0 auto;}
.img-responsive{ width: 100%;}
.fullscreen{ width: 100%; height: 100vh; margin: 0 auto; padding: 0; overflow: hidden}
.cover{ background-position: center center; background-size: cover; background-repeat: no-repeat;}
.slick-slide, .slick-slide img { outline: none }
.fluid-embed{ position: relative; padding-bottom: 56.25%; overflow: hidden; max-width: 100%; height: 0; z-index: 2;}
.fluid-embed video, .fluid-embed iframe, .fluid-embed object, .fluid-embed embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.transition{ transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out;}
.transition_fast{ transition: all .15s ease-in-out; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out;}
.v-middle{ position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%);}
.bg-fixed{ background-attachment: fixed; backface-visibility: inherit !important;}
.bg-parallaxed{ background-position: 50% 0;}
.wrapper{ overflow: auto; display: block; width: 100%; height: auto}
.touch #video_loop,
.touch.home #video_loop_html5_api,
.touch .color_box .visual .video-js,
.touch .page-template-all-colors .all_colors .video-js{ display: none !important}
#color-of-the-season.color_box .visual .video-js {
left: 80%;
right: auto;
}
/* Header
------ */
#logo{ font-family: 'DalaFlodaBold'; position: fixed; top: 49px; left: 80px; color: #fff; z-index: 999; font-size: 21px; text-indent: -9999em; background: url(img/logo.svg); width: 152px; height: 15px; display: block; background-size: 100% 100%; background-repeat: no-repeat; }
#menu{ position: fixed; right: 80px; top: 50px; z-index: 120; cursor: pointer; font-size: 24px; color: #fff;}
#main_nav{ font-family: 'AvenirNextBold'; letter-spacing: 1px; position: absolute; top: 49px; left: 0; right: 0; margin: 0 auto; text-align: center; z-index: 100; width: 100%; max-width: 700px;}
.page-template-home #main_nav{ position: fixed;}
#main_nav ul{ display: table; width: auto; margin: 0 auto; padding: 0; list-style: none; max-width: 700px;}
#main_nav ul li{ display: inline-block; margin: 0 15px;}
#main_nav ul li a{ color: #fff; border-bottom: 2px solid transparent; padding-bottom: 2px; position: relative;}
#main_nav ul li a:before{ content: ""; position: absolute; left: 50%; right: 50%; bottom: -3px; background: #fff; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#main_nav ul li.current-menu-item a:before,
#main_nav ul li a:hover:before,
#main_nav ul li a:focus:before{ left: 0; right: 0;}
.socialmedia{ position: fixed; right: 80px; display: table; margin: 0; padding: 0; list-style: none; z-index: 120; top: 50%; margin-top: -85px;}
.socialmedia li{ margin-bottom: 30px}
.socialmedia li div{ font-size: 20px; color: #fff;}
.is_cin .socialmedia{ display: none;}
.social_cin{ display: none}
.is_cin .social_cin{ text-transform: lowercase; font-family: 'AvenirNextBold'; font-size: 12px; display: block; color: #fff; position: fixed; right: 80px; bottom: 30px; z-index: 300; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none;}
/*.is_cin .social_cin a{ color: #fff; position: relative; border-bottom: 1px solid #fff}
.is_cin .social_cin a:hover{ border-color: transparent}
.is_cin .social_cin a:before{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -1px; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.is_cin .social_cin a:hover:before,
.is_cin .social_cin a:focus:before{ left: 0; right: 0;}*/
.is_cin .social_cin .socialmedia { display: block; position: relative;}
.social_cin .socialmedia { text-align: right; min-width: 300px; right: auto; margin: 0; }
.social_cin .socialmedia li { margin-left: 30px; margin-bottom: 0; display: inline-block; }
#cin{ position: fixed; left: 80px; bottom: 40px; z-index: 300; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none;}
#valentine{ position: fixed; right: 80px; bottom: 40px; z-index: 300; transition: none; -moz-transition: none; -webkit-transition: none; -ms-transition: none;}
#cin,
#valentine{ border: 0;}
.sticky_bottom #cin,
.sticky_bottom #valentine{ position: absolute; bottom: 110px;}
.is_cin.sticky_bottom .social_cin{ position: absolute; bottom: 100px;}
.touch #cin,
.touch #valentine{ position: fixed;}
#scroll_down{ position: fixed; left: 0; right: 0; width: 20.5px; bottom: 42px; margin: auto; z-index: 100; cursor: pointer; font-size: 20px; color: #fff; height: 25px; overflow: hidden;}
.sticky_bottom #scroll_down{ position: absolute; bottom: 111px; transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#scroll_down .first{ transform: translateY(-35px); -moz-transform: translateY(-35px); -webkit-transform: translateY(-35px); -o-transform: translateY(-35px); -ms-transform: translateY(-35px);}
#scroll_down .second{ transform: translateY(-15px); -moz-transform: translateY(-15px); -webkit-transform: translateY(-15px); -o-transform: translateY(-15px); -ms-transform: translateY(-15px);}
#scroll_down:hover .first{ transform: translateY(5px); -moz-transform: translateY(5px); -webkit-transform: translateY(5px); -o-transform: translateY(5px); -ms-transform: translateY(5px);}
#scroll_down:hover .second{ transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -o-transform: translateY(15px); -ms-transform: translateY(15px);}
.arrow_left_eff{ display: block; width: 30px; margin: 0; z-index: 100; cursor: pointer; font-size: 30px; color: #000; height: 30px; overflow: hidden;}
.arrow_left_eff .first{ transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0);}
.arrow_left_eff .second{ transform: translateX(40px) translateY(-30px); -moz-transform: translateX(40px) translateY(-30px); -webkit-transform: translateX(40px) translateY(-30px); -o-transform: translateX(40px) translateY(-30px); -ms-transform: translateX(40px) translateY(-30px);}
.arrow_left_eff:hover .first{ transform: translateX(-30px); -moz-transform: translateX(-30px); -webkit-transform: translateX(-30px); -o-transform: translateX(-30px); -ms-transform: translateX(-30px);}
.arrow_left_eff:hover .second{ transform: translateX(0) translateY(-30px); -moz-transform: translateX(0) translateY(-30px); -webkit-transform: translateX(0) translateY(-30px); -o-transform: translateX(0) translateY(-30px); -ms-transform: translateX(0) translateY(-30px);}
.arrow_right_eff{ display: block; width: 30px; margin: 0; z-index: 100; cursor: pointer; font-size: 30px; color: #000; height: 30px; overflow: hidden; background: red}
.arrow_right_eff .first{ transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); -ms-transform: translateX(0);}
.arrow_right_eff .second{ transform: translateX(-40px) translateY(-30px); -moz-transform: translateX(-40px) translateY(-30px); -webkit-transform: translateX(-40px) translateY(-30px); -o-transform: translateX(-40px) translateY(-30px); -ms-transform: translateX(-40px) translateY(-30px);}
.arrow_right_eff:hover .first{ transform: translateX(30px); -moz-transform: translateX(30px); -webkit-transform: translateX(30px); -o-transform: translateX(30px); -ms-transform: translateX(30px);}
.arrow_right_eff:hover .second{ transform: translateX(0) translateY(-30px); -moz-transform: translateX(0) translateY(-30px); -webkit-transform: translateX(0) translateY(-30px); -o-transform: translateX(0) translateY(-30px); -ms-transform: translateX(0) translateY(-30px);}
/* Popup Navigation
---------------- */
.popup_navigation{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: #E2E2E2; z-index: -1; opacity: 0; font-size: 0; overflow: auto}
.popup_navigation.active{ opacity: 1; z-index: 999;}
.popup_navigation .close_menu{ cursor: pointer; position: absolute; right: 80px; top: 50px; z-index: 999; font-size: 24px; color: #fff;}
.popup_navigation .navigation_left,
.popup_navigation .navigation_right{ width: 50%; display: inline-block; height: 100vh; vertical-align: middle; position: relative;}
.popup_navigation .navigation_right{ background: #D8D8D8;}
.popup_navigation .navigation_left .menu,
.popup_navigation .navigation_right .menu{ display: table; width: auto; padding: 0; margin: 0 0 0 80px; list-style: none; text-align: left;}
.navigation_right .main_pop_nav{ position: absolute;}
/* .navigation_right .main_pop_nav #menu-navigation{ position: absolute; bottom: 10px;} */
.popup_navigation .navigation_left .menu li{ font-family: 'DalaFloda'; font-size: 50px; line-height: 1.5;}
.popup_navigation .navigation_left .menu li a{ color: #434343; border-bottom: 2px solid transparent; position: relative;}
.popup_navigation .navigation_left .menu li a:before{ content: ""; position: absolute; left: 50%; right: 50%; bottom: -3px; background: #434343; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.popup_navigation .navigation_left .menu li a:hover:before,
.popup_navigation .navigation_left .menu li a:focus:before{ left: 0; right: 0;}
.popup_navigation .navigation_right .menu li{ font-family: 'AvenirNextBold'; font-size: 14px; line-height: 2.85; overflow: hidden}
.popup_navigation .navigation_right .menu li a{ color: #434343;}
.popup_navigation .navigation_right .menu li a:before,
.popup_navigation .navigation_right .menu li.menu-item-has-children > a:before { width: 0; line-height: 1; overflow: hidden; transform: translateX(-100%); -moz-transform: translateX(-100%); -webkit-transform: translateX(-100%); -o-transform: translateX(-100%); -ms-transform: translateX(-100%); content: '\e902 '; padding-right: 0px; font-size: 16px; font-weight: bold; display: inline-block; vertical-align: middle; position: relative; top: -1px; font-family: 'icomoon'; transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out;}
.popup_navigation .navigation_right .menu li.current-menu-item a:before,
.popup_navigation .navigation_right .menu li a:hover:before,
.popup_navigation .navigation_right .menu li.menu-item-has-children:hover > a:before { width: 25px; transform: translateX(0%); -moz-transform: translateX(0%); -webkit-transform: translateX(0%); -o-transform: translateX(0%); -ms-transform: translateX(0%);}
.popup_navigation .navigation_right .choose_lang{ position: absolute; left: 80px; top: 50px; display: table; margin: 0; padding: 0; font-size: 14px; z-index: 10; width: 270px; cursor: pointer;}
.popup_navigation .navigation_right .choose_lang span{ color: #434343; font-family: 'AvenirNextBold'; display: block; border-bottom: 1px solid #434343; cursor: pointer; position: relative; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out;}
.popup_navigation .navigation_right .choose_lang span:after{ content: ''; width: 12px; height: 7px; background: transparent url(img/arrowdown.svg) center center no-repeat; background-size: 100%; position: absolute; right: 0; top: 8px;}
.popup_navigation .navigation_right .choose_lang:hover span:after,
.touch .popup_navigation .navigation_right .choose_lang.active span:after{ transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); top: 10px}
.popup_navigation .navigation_right .choose_lang ul{ display: none; width: 100%; list-style: none; text-align: left; padding: 0; margin: 0; background: #D8D8D8; width: 270px; height: 175px; overflow: auto}
.popup_navigation .navigation_right .choose_lang:hover ul{ display: block; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.touch .popup_navigation .navigation_right .choose_lang:hover ul{ display: none}
.touch .popup_navigation .navigation_right .choose_lang.active ul{ display: block !important; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.popup_navigation .navigation_right .choose_lang ul li a{ display: block; border-bottom: 1px solid #434343; color: #434343; line-height: 2}
.popup_navigation .navigation_right .choose_lang ul li a:hover{ color: #fff;}
.popup_navigation .navigation_right .menu .sub-menu { position: absolute; margin-top: -8px; opacity: 0; transition: all .25s ease-in-out; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; padding-left: 0; }
.popup_navigation .navigation_right .menu li:hover .sub-menu { opacity: 1; padding-left: 25px; }
.popup_navigation .navigation_right .menu .sub-menu li { float: left; margin-right: 15px; font-family: 'AvenirNext', sans-serif; line-height: 1; }
.popup_navigation .navigation_right .menu .sub-menu li a { padding-bottom: 1px; display: inline-block; border-bottom: 1px solid transparent; }
.popup_navigation .navigation_right .menu .sub-menu li a:before { display: none; }
.popup_navigation .navigation_right .menu .sub-menu li a:hover { border-bottom: 1px solid #434343; }
/*
.popup_navigation .navigation_right .lang{ font-family: 'AvenirNextBold'; position: absolute; left: 80px; top: 50px; display: table; margin: 0; padding: 0; font-size: 14px; list-style: none}
.popup_navigation .navigation_right .lang li{ display: inline-block; margin-right: 30px; text-transform: capitalize;}
.popup_navigation .navigation_right .lang li a{ border-bottom: 2px solid transparent; padding-bottom: 3px; position: relative;}
.popup_navigation .navigation_right .lang li a:before{ content: ""; position: absolute; left: 50%; right: 50%; bottom: -3px; background: #434343; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.popup_navigation .navigation_right .lang li.active a:before,
.popup_navigation .navigation_right .lang li.active a:before,
.popup_navigation .navigation_right .lang li a:hover:before,
.popup_navigation .navigation_right .lang li a:focus:before{ left: 0; right: 0;}
*/
.popup_navigation .socialmedia{ display: none;}
/* Front page
---------- */
.page-template-landing,
.page-template-landing a{ color: #FFF;}
.page-template-landing .logos{ position: absolute; left: 0; right: 0; bottom: -40px; opacity: 0;}
.page-template-landing .logos a{ display: inline-block; vertical-align: middle; margin: 0 10px;}
.popup_locations{ cursor: pointer;}
.page-template-landing .underline{ font-weight: bold; position: relative; border-bottom: 2px solid #fff;}
.page-template-landing .underline:hover{ border-color: transparent}
.page-template-landing .underline:before{ content: ""; position: absolute; left: 50%; right: 50%; bottom: -2px; background: #fff; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.page-template-landing .underline:hover:before,
.page-template-landing .underline:focus:before{ left: 0; right: 0;}
.page-template-landing .front_gallery,
.page-template-landing .front_gallery .slick-slide{ width: 100%; height: 100vh; position: fixed; margin: 0; padding: 0; top: 0; left: 0;}
.page-template-landing .description{ min-height: 90px;}
.page-template-landing .country-message{ display: none;}
.page-template-landing.lang-ES .country-message-es{ display: block}
.page-template-landing.lang-EN .country-message-en{ display: block}
.page-template-landing.lang-FR .country-message-fr{ display: block}
.page-template-landing.lang-PT .country-message-pt{ display: block}
.page-template-landing.lang-PL .country-message-pl{ display: block}
.page-template-landing.lang-PL .logos, .page-template-landing.lang-ES .logos, .page-template-landing.lang-EN .logos, .page-template-landing.lang-PT .logos, .page-template-landing.lang-FR .logos{ opacity: 1; }
/* Show locations */
.locations{ height: 0; overflow: hidden}
body.show_locations .locations{ overflow: auto; position: fixed; width: 90%; max-width: 920px; height: 520px; background: #fff; z-index: 9999; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 26px; display: block;}
body.show_locations .locations .cross{ font-size: 23px; color: #000; position: absolute; right: 25px; top: 25px; cursor: pointer; z-index: 99}
body.show_locations .locations .content{ margin: 0 auto; max-width: 535px; width: 90%; font-size: 0;}
body.show_locations .locations .content h3{ color: #000; font-size: 14px; font-weight: bold; margin-bottom: 17px;}
body.show_locations .locations .content .location{ display: inline-block; padding-right: 50px; font-size: 14px; vertical-align: top}
body.show_locations .locations .content .location a{ color: #646464; display: block;}
body.show_locations .locations .content .location a:hover{ color: #000;}
body.show_locations .opacity_layer{ background: rgba(0, 0, 0, .5)}
/* Show products */
.popup_products{ display: none;}
.show_products .popup_products{ display: block; position: fixed; width: 90%; max-width: 460px; height: 520px; background: #fff; z-index: 200; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 26px;}
.show_products .popup_products .cross{ font-size: 23px; color: #000; position: absolute; right: 25px; top: 25px; cursor: pointer;}
.show_products .popup_products .content{ margin: 0 auto; max-width: 220px; width: 90%; font-size: 12px; line-height: 1.4}
.show_products .popup_products .content h3{ color: #000; font-size: 14px; font-weight: bold; margin-bottom: 17px;}
/* Show add */
.popup_add{ display: none;}
.show_add .popup_add{ padding: 80px 0 50px; text-align: center; display: block; position: fixed; width: auto; max-width: 1124px; height: 605px; background: #fff; color: #000; z-index: 200; left: 0; right: 0; top: 0; bottom: 0; margin: auto; line-height: 26px; font-size: 0;}
.show_add .popup_add .cross{ font-size: 23px; color: #000; position: absolute; right: 25px; top: 25px; cursor: pointer;}
.show_add .popup_add h2{ position: absolute; left: 0; right: 0; top: 25px; text-align: center; display: block; max-width: 300px; color: #646464; margin: auto; font-size: 11px; font-weight: normal;}
.show_add .popup_add .text{ text-align: left; margin-right: 30px; padding: 0; color: #646464; font-size: 11.5px; line-height: 1.4; width: 100%; width: 100%; max-width: 185px; display: inline-block; vertical-align: top;}
.show_add .popup_add .text strong{ color: #000;}
.show_add .popup_add .colors{ display: inline-block; vertical-align: top; width: 120px; padding: 0;}
.show_add .popup_add .colors .color_add{ max-width: 100%; width: 73px; margin-bottom: 16px;}
.show_add .popup_add .colors .color{ max-width: 100%; width: 73px; text-align: center; height: 60px; font-size: 10.5px; position: relative; line-height: 61px}
.show_add .popup_add .colors .color.azul{ background: #332B82; color: #fff;}
.show_add .popup_add .colors .color.amarillo{ background: #FEEC00; color: #000;}
.show_add .popup_add .colors .color.rojo{ background: #DE061B; color: #fff;}
.show_add .popup_add .colors .color.blanco{ background: white; color: #000; border-right: 1px dashed #000; border-left: 1px dashed #000;}
.show_add .popup_add .colors .color.negro{ background: black; color: white;}
.show_add .popup_add .colors .color.gris_o{ background: #868686; color: white;}
.show_add .popup_add .colors .color.gris_c{ background: #C5C5C5; color: white;}
.show_add .popup_add .ranges{ display: inline-block; vertical-align: top; width: 170px; padding: 0;}
.show_add .popup_add .ranges h4{ font-family: 'DalaFloda'; font-size: 15px; text-align: left; position: relative; bottom: 0px;}
.show_add .popup_add .ranges .range{ height: 45px; width: 140px; font-size: 10px; font-weight: bold;}
.show_add .popup_add .ranges .range span{ font-weight: normal;}
.show_add .popup_add .simbol{ position: relative;}
.show_add .popup_add .simbol:after{ content: ''; position: absolute; width: 14px; height: 14px; right: -18px; bottom: 0; top: 0; margin: auto;}
.show_add .popup_add .simbol_01:after{ background: transparent url(img/simbol/simbol-01.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_02:after{ background: transparent url(img/simbol/simbol-02.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_03:after{ background: transparent url(img/simbol/simbol-03.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_04:after{ background: transparent url(img/simbol/simbol-04.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_05:after{ background: transparent url(img/simbol/simbol-05.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_06:after{ background: transparent url(img/simbol/simbol-06.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_07:after{ background: transparent url(img/simbol/simbol-07.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_08:after{ background: transparent url(img/simbol/simbol-08.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_09:after{ background: transparent url(img/simbol/simbol-09.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_10:after{ background: transparent url(img/simbol/simbol-10.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_11:after{ background: transparent url(img/simbol/simbol-11.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_12:after{ background: transparent url(img/simbol/simbol-12.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_13:after{ background: transparent url(img/simbol/simbol-13.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_14:after{ background: transparent url(img/simbol/simbol-14.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_15:after{ background: transparent url(img/simbol/simbol-15.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_16:after{ background: transparent url(img/simbol/simbol-16.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_17:after{ background: transparent url(img/simbol/simbol-17.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_18:after{ background: transparent url(img/simbol/simbol-18.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_19:after{ background: transparent url(img/simbol/simbol-19.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_20:after{ background: transparent url(img/simbol/simbol-20.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_21:after{ background: transparent url(img/simbol/simbol-21.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_22:after{ background: transparent url(img/simbol/simbol-22.svg) center center no-repeat; background-size: 100%;}
.show_add .popup_add .simbol_23:after{ background: transparent url(img/simbol/simbol-23.svg) center center no-repeat; background-size: 100%;}
.popup_layer{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .5); z-index: -1;}
.show_locations .popup_layer,
.show_products .popup_layer,
.show_add .popup_layer{ z-index: 100;}
/* Homepage
-------- */
body.page-template-home,
body.tax-range{ padding-top: 100vh;}
/* Single Header
------------- */
#single_header{ background-size: cover !important; position: fixed; top: 0; left: 0; width: 100%; background: #C6C3B5; z-index: 1; text-align: center; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
.touch #single_header{ position: absolute}
#single_header .bg_color{ display: none;}
#single_header .the_content{ max-width: 960px; margin: 0 auto;}
#single_header .the_content h1{ font-family: 'DalaFloda'; font-size: 120px; line-height: 1; margin-top: 20px; margin-bottom: 4px;}
#single_header .the_content .subtitle{ font-size: 14px; line-height: 1.4; font-weight: bold; letter-spacing: 1px;}
#single_header .the_content .subtitle span { font-weight: normal; font-size: 17px; letter-spacing: 0.15em; display: inline-block; margin-top: 5px; margin-bottom: 13px; }
#single_header .the_content .description{ max-width: 600px; margin: 0 auto; font-size: 20px; line-height: 1.4;}
.home #single_header .the_content .description{ max-width: 660px;}
.page-template-landing #single_header .the_content .description{ max-width: 660px;}
#single_header .the_content .play_video{ width: 48px; text-transform: uppercase; font-size: 16px; display: inline-block; line-height: 1.4; letter-spacing: 3px; font-weight: bold; margin-top: 20px; cursor: pointer; border-bottom: 2px solid #fff; position: relative}
#single_header .the_content .play_video:hover{ border-color: transparent;}
#single_header .the_content .play_video:before{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -2px; background: #fff; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
#single_header .the_content .play_video:hover:before,
#single_header .the_content .play_video:focus:before{ left: 0; right: 0;}
/* Single range
------------ */
body.tax-range #single_header{ color: #fff; position: absolute}
body.tax-range #single_header .the_content h1{ font-size: 90px;}
body.tax-range #single_header .the_content .description{ font-weight: bold;}
.single_range_nav{ font-family: 'AvenirNextBold'; display: table; width: inherit; padding: 0; list-style: none; position: absolute; left: 0; right: 0; margin: 0; bottom: 42px; z-index: 100}
.single_range_nav li{ display: inline-block; margin: 0 20px; font-size: 16px; text-align: center; border-bottom: 2px solid transparent; cursor: pointer; position: relative}
.single_range_nav li:before{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -3px; background: #fff; height: 2px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.single_range_nav li.active:before,
.single_range_nav li:hover:before,
.single_range_nav li:focus:before{ left: 0; right: 0;}
body.tax-range #single_header .opacity_layer,
body.postid-253 .opacity_layer{ position: absolute; width: 100%; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, .15);}
body.tax-range #single_header #video{ opacity: 0;}
body.tax-range.play_video #single_header #video{ opacity: 1; z-index: 100;}
body.tax-range.play_video #single_header #video.video-js,
body.tax-range.play_video #single_header #video.video-js .vjs-tech{ width: 100%;}
body.tax-range #single_header .cross{ opacity: 0; z-index: -1; position: absolute; top: 50px; right: 80px; font-size: 24px; color: #fff;}
body.tax-range.play_video #single_header .cross{ opacity: 1; z-index: 500; cursor: pointer}
body.tax-range.play_video #menu{ display: none;}
.play_video #logo,
.play_video #main_nav,
.play_video .icon-burguer,
.play_video .socialmedia{ z-index: -1; opacity: 0;}
.touch .play_video #logo,
.touch .play_video #main_nav,
.touch .play_video .icon-burguer,
.touch .play_video .socialmedia{ z-index: 1; opacity: 1;}
body.tax-range.play_video #single_header .cross,
.play_video .single_range_nav,
.play_video #cin,
.play_video.is_cin .social_cin,
.play_video .vjs-default-skin.vjs-has-started.vjs-playing .vjs-control-bar,
.play_video #valentine{ opacity: 0 !important; transition: all 1s ease-in-out; -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; -ms-transition: all 1s ease-in-out;}
.touch body.tax-range.play_video #single_header .cross,
.touch .vjs-default-skin .vjs-control-bar,
.touch .vjs-default-skin.vjs-has-started.vjs-playing .vjs-control-bar{ opacity: 1 !important; display: block !important;}
body.show_video_items.tax-range.play_video #single_header .cross,
.show_video_items.play_video #cin,
.show_video_items.play_video.is_cin .social_cin,
.show_video_items.play_video .single_range_nav,
.show_video_items.play_video .vjs-default-skin.vjs-has-started.vjs-playing .vjs-control-bar,
.show_video_items.play_video #valentine{ opacity: 1 !important;}
.is_ipad.play_video .socialmedia{ display: none !important}
.touch body.tax-range.play_video.is_ipad #single_header .cross{ top: 20px}
/* Video js */
.video-js,
.video-js .vjs-tech{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; z-index: -1; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover;}
.vjs-fullscreen.video-js,
.vjs-fullscreen.video-js .vjs-tech{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; -ms-transform: none; -moz-transform: none; -webkit-transform: none; transform: none; background-size: cover;}
/* Controls bar */
.vjs-default-skin .vjs-control-bar{ width: auto; left: 80px; right: 80px; bottom: 100px; margin: auto; background: transparent; z-index: 999; position: absolute}
/* Progress bar */
.vjs-default-skin .vjs-progress-control{ height: 4px !important; top: 40px !important}
.vjs-default-skin .vjs-play-progress{ background: white;}
.vjs-default-skin .vjs-slider{ background: #999;}
/* Play / Pause */
.vjs-default-skin.vjs-playing .vjs-play-control:before{ background: transparent url(img/pause.svg) center center no-repeat; background-size: 25px; content: ''; top: 5px; left: -18px;}
.vjs-default-skin .vjs-play-control:before{ background: transparent url(img/play.svg) center center no-repeat; background-size: 25px; content: ''; top: 5px; left: -20px;}
/* Volume */
.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button{ float: left; position: relative; left: -110px}
.vjs-default-skin .vjs-mute-control.vjs-vol-1:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-1:before,
.vjs-default-skin .vjs-mute-control.vjs-vol-2:before, .vjs-default-skin .vjs-volume-menu-button.vjs-vol-2:before{ content: '';}
.vjs-default-skin .vjs-mute-control:before,
.vjs-default-skin .vjs-volume-menu-button:before{ background: transparent url(img/mute_off.svg) center center no-repeat; background-size: 25px; content: ''; top: 5px;}
.vjs-default-skin .vjs-mute-control.vjs-vol-0:before,
.vjs-default-skin .vjs-volume-menu-button.vjs-vol-0:before{ background: transparent url(img/mute_on.svg) center center no-repeat; background-size: 25px; content: ''; top: 5px;}
/* Fullscreen */
.vjs-default-skin .vjs-fullscreen-control{ float: left; left: -60px;}
.vjs-default-skin .vjs-fullscreen-control:before{ background: transparent url(img/fullscreen.svg) center center no-repeat; background-size: 25px; content: ''; top: 5px; float: left;}
.vjs-default-skin.vjs-fullscreen .vjs-fullscreen-control:before{ content: ''}
/* Progress bar */
.vjs-default-skin .vjs-current-time,
.vjs-default-skin .vjs-duration,
.vjs-time-divider{ color: #fff; font-family: 'AvenirNextBold'; font-size: 14px; position: relative; left: -22px;}
.vjs-default-skin .vjs-volume-control{ width: 6em; float: left; position: relative; top: 6px; left: 0px; opacity: 0; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out;}
.vjs-default-skin .vjs-volume-control:hover{ opacity: 1;}
.vjs-default-skin .vjs-volume-level{ background: #fff;}
/* Hide items */
.vjs-default-skin .vjs-slider-handle:before,
.vjs-loading-spinner{ display: none !important}
.vjs-big-play-button { display: none !important; }
/* Colors slider
------------- */
.colors{ position: relative; z-index: 200; background: #fff; text-align: center; display: none;}
.colors .main_grid_color{ max-width: 1090px; margin: 122px auto 25px; font-size: 0; text-align: center; padding: 0 30px}
.colors .main_grid_color .grid_color_row{ display: inline-block; max-width: 205px; width: 20%; vertical-align: top; height: 235px; cursor: pointer}
.colors.cots .main_grid_color .grid_color_row{ width: 100%; height: 541px; max-width: 942px; max-height: 541px;}
.colors .main_grid_color .grid_color_row h3{ font-size: 16px; line-height: 1.2; font-weight: bold; margin: 17px auto 19px;}
.colors .main_grid_color .grid_color_row .code{ font-size: 12px; line-height: 1.2; font-weight: bold; text-transform: uppercase}
.colors .main_grid_color .grid_color_row .more{ font-size: 12px; position: relative; font-weight: bold;}
.colors .main_grid_color .grid_color_row .more .border{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -3px; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.colors .main_grid_color .grid_color_row .more:hover .border,
.colors .main_grid_color .grid_color_row .more:focus .border{ left: 0; right: 0;}
.colors .main_grid_color{ opacity: 1; z-index: 20;}
.colors .main_slider_color{ opacity: 0; z-index: -1; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100vh;}
.colors.show_slider .main_grid_color{ opacity: 0; z-index: -1;}
.colors.show_slider .main_slider_color{ opacity: 1; z-index: 10;}
.colors.show_slider .share{ opacity: 0;}
.colors .main_slider_color.color_responsive{ display: none}
.colors .color_responsive{ display: none}
.colors.cots .main_grid_color .grid_color_row h3{ font-size: 22px; line-height: 1.2; font-weight: bold; margin: 7px auto 44px;}
.colors.cots .main_grid_color .grid_color_row .code{ font-size: 14px; line-height: 1.2; font-weight: bold; text-transform: uppercase}
.colors.cots .main_grid_color .grid_color_row .description{ font-size: 18px; line-height: 1.4; max-width: 570px; display: inline-block;}
/* Spaces slider
------------- */
.spaces{ position: relative; z-index: 200; background: #fff; text-align: center; display: none; padding: 0 30px;}
.spaces .slider_spaces{ max-width: 942px; width: auto; height: auto; font-size: 0; text-align: center; margin: 100px auto 25px;}
.spaces .slider_spaces .layer_image{ display: inline-block; font-size: 0; vertical-align: top; position: relative; width: auto}
.spaces .slider_spaces .layer_image .pinterest{ position: absolute; top: 15px; left: 15px; z-index: 10; font-size: 20px; color: #fff; opacity: 0}
.spaces .slider_spaces .layer_image.side_2 .pinterest{ right: 15px; left: initial;}
.spaces .slider_spaces .layer_image:hover .pinterest,
.touch .spaces .slider_spaces .layer_image:hover .pinterest{ opacity: 1;}
.spaces .slider_spaces .layer_image img{ height: auto; width: auto; max-width: 100%;}
.spaces .slider_spaces .layer_image.full_width{ max-width: 100%;}
.spaces .slider_spaces .layer_image.half_width{ max-width: 50%;}
.spaces .slider_spaces .layer_image .the_color{ position: absolute; z-index: 10; font-size: 12px; line-height: 1.2; display: inline-table}
.spaces .slider_spaces .layer_image .the_color .plus{ display: inline-block; font-size: 15px; margin-right: 7px; margin-left: 7px; position: relative; top: 3px; cursor: pointer}
.spaces .slider_spaces .layer_image .the_color.active .plus{ transform: rotate(45deg);}
.spaces .slider_spaces .layer_image .the_color .name{ opacity: 0; cursor: pointer; border-bottom: 1px solid transparent; display: inline-block; }
.spaces .slider_spaces .layer_image .the_color .color-new { opacity: 0; }
.spaces .slider_spaces .layer_image .the_color.active .name, .spaces .slider_spaces .layer_image .the_color.active .color-new{ opacity: 1;}
.spaces .row_colors{ max-width: 942px; font-size: 0; text-align: center; margin: 25px auto; overflow: hidden; max-height: 60px;}
.spaces .row_colors .row_color{ display: inline-block; width: 9.98%; height: 60px; vertical-align: middle; position: relative; cursor: pointer}
.spaces .row_colors .row_color .plus{ position: absolute; right: 15px; bottom: 15px; font-size: 15px;}
.spaces .row_colors .row_color.small{ width: 8.82%;}
.spaces .row_colors .row_color.active{ width: 20%;}
.spaces .row_colors .row_color.active .plus{ transform: rotate(45deg);}
.spaces .row_colors .row_color .color_name{ font-size: 12px; display: none; position: absolute; left: 15px; bottom: 15px; border-bottom: 1px solid #fff; padding-bottom: 1px; line-height: 1.2;}
.spaces .row_colors .row_color .color-new { display: none; }
.spaces .slick-arrow{ position: absolute; top: 41.2%; border: 0; background: transparent; z-index: 10; font-size: 30px; color: #000;}
.spaces.cots .slick-arrow{ display: none}
.spaces .slick-prev{ left: 75px;}
.spaces .slick-next{ right: 75px;}
.colors .cross,
.spaces .cross,
.main_slider_color .cross{ font-size: 24px; position: absolute; right: 80px; top: 50px; z-index: 100; cursor: pointer; color: #000;}
.spaces .slider_spaces .slick-dots{ display: none !important;}
/* Main Slider Colors
------------------ */
.main_slider_color{ position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: -1; opacity: 0; background: #fff; text-align: center;}
.main_slider_color.active{ opacity: 1; z-index: 999;}
.main_slider_color .the_content{ max-width: 570px; margin: 0 auto;}
.main_slider_color .the_content .description{ min-height: 96px;}
.main_slider_color .the_content .code{ text-transform: uppercase; font-size: 16px; font-weight: bold; display: block; margin-bottom: 10px;}
.main_slider_color .the_content h3{ font-weight: bold; font-size: 21px; margin-bottom: 27px; margin-top: 1px;}
.main_slider_color .color_nav{ position: absolute; padding: 0; width: inherit; margin: 0 auto; bottom: 52px; z-index: 20px; text-align: center; display: table; text-align: center}
.main_slider_color .color_nav li{ display: inline-block; margin: 0 15px; font-size: 16px; font-weight: bold;}
.main_slider_color .slick-arrow,
.colors.active .color_responsive .slick-arrow{ position: absolute; top: 50%; border: 0; margin-top: -15px; background: transparent; z-index: 20;}
.main_slider_color .slick-prev{ left: 75px; font-family: 'icomoon'; font-size: 30px; color: #fff;}
.main_slider_color .slick-next{ right: 75px; font-family: 'icomoon'; font-size: 30px; color: #fff;}
.main_slider_color .color_nav a{ position: relative; border-bottom: 1px solid #fff; padding-bottom: 1px;}
.main_slider_color .color_nav a:hover{ border-color: transparent;}
.main_slider_color .color_nav a .border{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -1px; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.main_slider_color .color_nav li.active a .border,
.main_slider_color .color_nav a:hover .border,
.main_slider_color .color_nav a:focus .border{ left: 0; right: 0;}
/* Range shares
------------ */
body.tax-range .share{ font-size: 12px; letter-spacing: 1px; color: #000; position: relative; margin: 15px 0 50px;}
body.tax-range .share a{ border-bottom: 1px solid #000; padding-bottom: 1px; margin: 0 0 0 6px; position: relative}
body.tax-range .share a:first-of-type { margin-left: 6px; }
body.tax-range .share a:hover{ border-color: transparent}
body.tax-range .share a:before{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -1px; background: #000; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
body.tax-range .share a:hover:before,
body.tax-range .share a:focus:before{ left: 0; right: 0;}
/* Archive Colors
-------------- */
.color_box{ width: 100%; height: 100vh; position: relative; z-index: 10; font-size: 0; background: #000; text-align: center; overflow: hidden; max-height: 100vh;}
.color_box .the_content{ display: inline-block; width: 50%; vertical-align: top; height: 100vh; position: relative; z-index: 1}
.color_box .the_content h2{ color: #fff; font-family: 'DalaFloda'; font-size: 110px; line-height: 100px; max-width: 500px; margin: 0 auto 23px;}
.color_box .the_content .description{ max-width: 370px; margin: 0 auto; font-size: 20px; line-height: 1.4;}
.color_box.cots .the_content .description{ max-width: 420px}
.color_box .visual{ position: relative; display: inline-block; width: 50%; vertical-align: top; height: 100vh; z-index: -1}
.color_box .visual a{ display: block; width: 100%; height: 100%;}
.color_box .visual .video-js,
.color_box .visual .video-js .vjs-tech{ position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: 100%; z-index: -1; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover;}
/* Range nav
--------- */
.range_nav{ display: table; width: auto; margin: 0px auto; padding: 0; list-style: none;}
.range_nav li{ display: inline-block; margin: 0 15px; font-size: 16px; text-align: center;}
.range_nav li a{ display: block; line-height: 1.2; position: relative; border-bottom: 1px solid #000; padding-bottom: 1px;}
.range_nav li a:hover{ border-color: transparent;}
/* .range_nav:before{ display: block; font-family: 'icomoon'; content: '\e900'; font-size: 14px; font-weight: bold; line-height: 1; margin: 0 auto; padding: 25px 0 20px;position: relative;} */
.arrow_down_eff{ display: block; width: 20.5px; margin: 25px auto 20px; z-index: 100; font-size: 16px; color: #000; height: 25px; overflow: hidden;}
.section.colors .arrow_down_eff,
.section.spaces .arrow_down_eff{ margin: 0 auto;}
.arrow_down_eff .first{ transform: translateY(-35px); -moz-transform: translateY(-35px); -webkit-transform: translateY(-35px); -o-transform: translateY(-35px); -ms-transform: translateY(-35px);}
.arrow_down_eff .second{ transform: translateY(-12px); -moz-transform: translateY(-12px); -webkit-transform: translateY(-12px); -o-transform: translateY(-12px); -ms-transform: translateY(-12px);}
.arrow_down_eff:hover .first{ transform: translateY(5px); -moz-transform: translateY(5px); -webkit-transform: translateY(5px); -o-transform: translateY(5px); -ms-transform: translateY(5px);}
.arrow_down_eff:hover .second{ transform: translateY(15px); -moz-transform: translateY(15px); -webkit-transform: translateY(15px); -o-transform: translateY(15px); -ms-transform: translateY(15px);}
.range_nav li a:after{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -1px; background: #000; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.range_nav li a:hover:after,
.range_nav li a:focus:after{ left: 0; right: 0;}
/* All pages
--------- */
.page-template-all-colors .all_colors{ background: #000; font-size: 0; text-align: center; position: relative; z-index: 999;}
.page-template-all-colors .all_colors .close_all_colors{ position: fixed; top: 50px; right: 80px; width: 25px; z-index: 100;}
.page-template-all-colors .all_colors article{ width: 25%; display: inline-block; vertical-align: top; height: 100vh; font-size: 16px; position: relative; overflow: hidden}
.page-template-all-colors .all_colors article .head{ width: 100%; height: 340px; position: relative}
.page-template-all-colors .all_colors article .head h2{ line-height: 1; font-family: 'DalaFloda'; font-size: 36px; color: #FFF; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 20; display: table; width: 100%; text-align: center; height: 100%;}
.page-template-all-colors .all_colors article .head h2 a{ color: #fff; display: table-cell; vertical-align: middle;}
.page-template-all-colors .all_colors article .colors_vertical{ height: calc(100vh - 340px); overflow-x: auto; width: calc(100% + 20px);}
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row{ height: calc((100vh - 340px) / 3); cursor: pointer; margin: 0; padding: 0}
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row .v-middle{ left: -10px; opacity: 1}
.page-template-all-colors .all_colors article .colors_vertical .show_info .grid_color_row .v-middle{ opacity: 1}
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row h3{ font-size: 16px; line-height: 1.2; font-weight: bold; margin: 17px auto 19px;}
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row .code{ font-size: 12px; line-height: 1.2; font-weight: bold; text-transform: uppercase}
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row .more{ font-size: 12px; position: relative; font-weight: bold}
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row .more .border{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -3px; background: #fff; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row .more:hover .border,
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row .more:focus .border{ left: 0; right: 0;}
.page-template-all-colors .all_colors article .head .video_content{ overflow: hidden; position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1;}
.page-template-all-colors .all_colors article .head .video_content{ height: 340px; position: relative; width: 100%;}
.page-template-all-colors .all_colors article .head .video_content .video-js,
.page-template-all-colors .all_colors article .head .video_content .video-js .vjs-tech{ position: absolute; top: 50%; left: 50%; min-width: 100%; height: 130%; width: auto; height: 100%; z-index: -1; -ms-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); background-size: cover;}
.slick-vertical .slick-slide{ border: 0;}
.page-template-all-colors .all_colors .slick-arrow{ position: absolute; width: 100%; height: 33.3333%; background: transparent; text-indent: -9999px; left: 0; z-index: 15; border: 0; opacity: 1; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out;}
/* .page-template-all-colors .all_colors .slick-arrow:hover{ opacity: 1;} */
.page-template-all-colors .all_colors .slick-prev{ top: 0; background: transparent url(img/arrow_up.svg) center top no-repeat; background-size: auto 15px; background-position-y: 10%;}
.page-template-all-colors .all_colors .slick-next{ bottom: 0; background: transparent url(img/arrow_down.svg) center bottom no-repeat; background-size: auto 15px; background-position-y: 90%;}
.page-template-all-colors .all_colors .slick-disabled{ opacity: 0;}
.page-template-all-colors .scroll_up{ position: absolute; left: 0; right: 0; width: 20.5px; top: calc(340px + 2%); margin: auto; z-index: 100; cursor: pointer; font-size: 16px; color: #fff; height: 25px; overflow: hidden; display: none}
.scroll_up .first{ transform: translateY(0); -moz-transform: translateY(0); -webkit-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);}
.scroll_up .second{ transform: translateY(35px); -moz-transform: translateY(35px); -webkit-transform: translateY(35px); -o-transform: translateY(35px); -ms-transform: translateY(35px);}
.scroll_up:hover .first{ transform: translateY(-35px); -moz-transform: translateY(-35px); -webkit-transform: translateY(-35px); -o-transform: translateY(-35px); -ms-transform: translateY(-35px);}
.scroll_up:hover .second{ transform: translateY(-16px); -moz-transform: translateY(-16px); -webkit-transform: translateY(-16px); -o-transform: translateY(-16px); -ms-transform: translateY(-16px);}
.page-template-all-colors .scroll_down{ position: absolute; left: 0; right: 0; width: 20.5px; bottom: 2%; margin: auto; z-index: 100; cursor: pointer; font-size: 16px; color: #fff; height: 25px; overflow: hidden;}
.scroll_down .first{ transform: translateY(-35px); -moz-transform: translateY(-35px); -webkit-transform: translateY(-35px); -o-transform: translateY(-35px); -ms-transform: translateY(-35px);}
.scroll_down .second{ transform: translateY(-10px); -moz-transform: translateY(-10px); -webkit-transform: translateY(-10px); -o-transform: translateY(-10px); -ms-transform: translateY(-10px);}
.scroll_down:hover .first{ transform: translateY(8px); -moz-transform: translateY(8px); -webkit-transform: translateY(8px); -o-transform: translateY(8px); -ms-transform: translateY(8px);}
.scroll_down:hover .second{ transform: translateY(35px); -moz-transform: translateY(35px); -webkit-transform: translateY(35px); -o-transform: translateY(35px); -ms-transform: translateY(35px);}
/* NEW colors
---------------------- */
.color-new { font-size: 10px; font-weight: bold; letter-spacing: 0.1em; text-transform: uppercase; }
.grid_color_row .color-new { margin-top: -25px; position: absolute; left: 0; right: 0; }
.main_slider_color .color-new { position: absolute; left: 0; right: 0; margin-top: -32px; }
.popup_add .color-new { font-size: 6px; position: absolute; left: 0; right: 0; margin-top: 1px; }
.the_color .color-new { left: 39px; top: -9px; position: absolute; font-size: 9px; }
.the_color .color-new.color-new-right { left: auto; right: 36px; }
.row_color .color-new { position: absolute; left: 15px; top: 9px; font-size: 9px; }
.slider_colors .color-new { position: absolute; left: 0; right: 0; margin-top: -30px;}
.cots .grid_color_row .color-new { margin-top: -45px; }
@media screen and (max-width: 768px){
.slider_colors .color-new,
.cots .grid_color_row .color-new { margin-top: -20px; }
.spaces .slider_spaces .layer_image .the_color { font-size: 6px; line-height: 6px; }
}
/* Contact + Catalog form
---------------------- */
#contact,
#catalog_form{ min-height: 100vh; position: relative; padding-bottom: 80px; padding-top: 160px; background: #D8D8D8;}
#contact .the_content,
#catalog_form .the_content{ max-width: 650px; margin: 0 auto; padding: 0 15px; font-size: 12px; line-height: 1.4;}
#contact .the_content h2,
#catalog_form .the_content h2{ font-weight: bold; font-size: 16px; text-align: center; padding-bottom: 0px; max-width: 650px; margin: 0 auto 30px; display: table; position: relative;}
#contact .the_content h2:after,
#catalog_form .the_content h2:after{ content: ''; background: #000; left: 0; right: 0; height: 2px; bottom: 0; position: absolute; width: auto;}
#contact .the_content h3,
#catalog_form .the_content h3{ font-size: 42px; text-align: center; margin-bottom: 25px;}
#contact .text{ max-width: 450px; margin: 0 auto; text-align: center; font-size: 11px}
#contact .bg_color,
#catalog_form .bg_color{ display: none}
#contact .form_content{ width: 100%; font-size: 0;}
#contact .form_content .input_content{ border-bottom: 1px solid #000; margin-top: 20px; display: inline-block; vertical-align: bottom; padding-bottom: 1px; font-size: 14px;}
#contact .form_content .full{ width: 100%; position: relative;}
#contact .form_content .half{ width: 50%; position: relative}
#contact .form_content .one_third{ width: 40%; position: relative}
#contact .form_content .two_third{ width: 60%; position: relative}
#contact .form_content label{ display: inline-block; font-weight: bold;}
#contact .form_content label:after{ content: ' /';}
#contact .form_content .no_hash label:after{ content: '';}
#contact .form_content input{ width: auto; display: inline; border: 0; border-radius: 0; background: transparent; font-size: 14px; padding-left: 8px;}
#contact .form_content textarea{ width: 100%; display: block; background: transparent; border: 0; height: 100px; margin-top: 2px;}
#contact .form_content .check_legals{ width: 100%; margin-top: 25px; font-size: 11px; display: inline-block; vertical-align: top}
#contact .form_content .check_legals p{ padding: 0; text-align: left;}
#contact .form_content .check_legals label { font-weight: normal; }
#contact .form_content .check_legals .wpcf7-checkbox{ font-size: 0; width: 100%; }
#contact .form_content .check_legals .jcf-checkbox { top: -1px; }
#contact .form_content .check_legals .wpcf7-acceptance { margin-left: -33px; }
#contact .form_content .check_legals .wpcf7-checkbox .wpcf7-list-item{ font-size: 0;}
#contact .form_content .check_legals .wpcf7-checkbox .wpcf7-list-item input{ display: inline-block; vertical-align: top; width: 5%; font-size: 11px;}
#contact .form_content .check_legals .wpcf7-checkbox .wpcf7-list-item .wpcf7-list-item-label{ display: inline-block; width: 90%; vertical-align: top; font-size: 11px; margin-left: 6px; margin-top: 0px}
#contact .form_content .check_legals:nth-child(odd) { margin-left: 20px; }
#contact .form_content .buttons{ width: 50%; display: inline-block; vertical-align: top; margin-top: 35px;}
#contact .form_content .buttons.right{ text-align: right;}
#contact .form_content .buttons input{ border: 1px solid #000; width: 97%; height: 40px; line-height: 36px; font-weight: bold; letter-spacing: 1px; text-align: center; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out;}
#contact .form_content .buttons input:hover{ color: #fff; border-color: #fff; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out;}
#contact .form_content .rc-anchor-light{ background: transparent !important; border: 0 !important; color: #000 !important; box-shadow: none !important;}
div.wpcf7-response-output{ margin: 2em 0.5em 4em;}
div.wpcf7-validation-errors,
div.wpcf7-mail-sent-ok{ border: 0; font-size: 14px; text-align: center;}
#contact .contact_bottom{ font-size: 0; margin-top: 30px;}
#contact .contact_bottom article{ display: inline-block; width: 50%; vertical-align: top; font-size: 14px;}
#contact .contact_bottom article:last-child{ padding-left: 10px;}
#contact .contact_bottom article h4{ font-size: 14px; font-family: 'AvenirNextBold'; margin-bottom: 20px;}
#catalog_form .form_content{ font-size: 0}
#catalog_form .form_content .form_block{ position: relative; display: inline-block; font-size: 14px; color: #000; margin-top: 20px; vertical-align: bottom; padding-bottom: 1px;}
#catalog_form .form_content .required:after,
#contact .wpcf7-acceptance:after,
#contact .form_content .required:after,
#catalog_form .wpcf7-acceptance:after{ position: absolute; left: -15px; content: '*'; font-weight: bold; top: 0;}
#contact .wpcf7-acceptance:after { left: -35px; font-size: 14px;}
#catalog_form .wpcf7-acceptance:after { left: -33px; font-size: 14px; }
#catalog_form .form_content .regular{ border-bottom: 1px solid #000;}
#catalog_form .form_content .form_block{ display: inline-block; font-weight: bold;}
#catalog_form .form_content .form_block label:after{ content: ' /'; margin-left: 5px}
#catalog_form .form_content .form_block.hide_slash label:after{ content: ''; margin-left: 5px; position: absolute;}
#catalog_form .form_content .last label:after,
#catalog_form .form_content .last label:after{ content: ''; position: absolute;}
#catalog_form .form_content .wpcf7-form-control.wpcf7-checkbox.catalogos label:after{ content: ' ';}
#catalog_form .form_content .form_block input{ width: auto; display: inline; border: 0; border-radius: 0; background: transparent; font-size: 14px; font-weight: normal; padding-left: 8px;}
#catalog_form .form_content .form_block .sex .first:after{ content: ' / '; margin-left: 3px}
#catalog_form div.wpcf7 .ajax-loader { position: absolute; }
#catalog_form .form_content .newsletter .wpcf7-list-item-label{ display: inline-block; max-width: 250px; position: relative; top: 15px; left: 5px;}
#catalog_form .form_content .full{ width: 100%; position: relative;}
#catalog_form .form_content .half{ width: 50%; position: relative;}
#catalog_form .form_content .small{ font-weight: normal; font-size: 11px; vertical-align: middle; margin-top: 25px; position: relative}
#catalog_form .form_content .right{ text-align: right; position: relative; top: 7px}
#catalog_form .form_content .space_top{ margin-top: 60px;}
#catalog_form .form_content .button_right{ text-align: right;}
#catalog_form .form_content .button_right input,
#catalog_form .form_content .button_left input{ border: 1px solid #000; width: 97%; height: 40px; line-height: 36px; font-weight: bold; letter-spacing: 1px; text-align: center; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out;}
#catalog_form .form_content .button_right input:hover,
#catalog_form .form_content .button_left input:hover{ color: #fff; border-color: #fff; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; -ms-transition: all .25s ease-in-out;}
#catalog_form .form_content .small .jcf-checkbox{ top: -1px; margin-right: 5px;}
#catalog_form div.wpcf7 img.ajax-loader{ display: none;}
#catalog_form span.wpcf7-list-item { margin-left: 0; margin-right: 10px;}
#catalog_form .jcf-checkbox{ top: -2px;}
#catalog_form .wpcf7-list-item-label{ font-weight: normal}
#catalog_form .clearfix{ margin: 10px auto}
#catalog_form .text{ text-align: center; margin-top: 40px;}
#catalog_form .wpcf7-form-control-wrap.pais,
#catalog_form .wpcf7-form-control-wrap.profesion,
#catalog_form .wpcf7-form-control-wrap.catalogos,
#contact .wpcf7-form-control-wrap.Profesin{ position: absolute; right: 10px;}
#catalog_form .wpcf7-form-control-wrap.menu-175{ margin-top: 5px; display: block; left: 0;}
#catalog_form .wpcf7-form-control-wrap.menu-175,
#catalog_form .wpcf7-form-control-wrap.menu-175 .select2,
#catalog_form .wpcf7-form-control-wrap.menu-175 .select2 .select2-dropdown{ width: 100% !important;}
#catalog_form .wpcf7-form-control-wrap.menu-175 .select2.select2-container{ left: 0;}
#catalog_form .wpcf7-form-control-wrap.menu-175 .select2-dropdown{ top: 17px !important;}
#catalog_form .form_content .form_block input[type="radio"]{ -webkit-appearance: checkbox; -moz-appearance: checkbox;-ms-appearance: checkbox;}
#catalog_form .form_block.small { width: 100%; }
#catalog_form .form_block.small.right { text-align: left; }
#catalog_form .form_block.small .wpcf7-acceptance { margin-left: -20px; }
#catalog_form .form_block.small:not(.right) { margin-left: 20px; padding-right: 20px; }
#catalog_form .form_block.small span.wpcf7-list-item { margin-right: 0; }
#catalog_form .select_arrow_top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b,
#catalog_form .select_arrow_top .select2-container--default .select2-selection--single .select2-selection__arrow b{ top: -12px;}
.dia .select2-container{ width: 50px !important; z-index: 99}
.month .select2-container{ width: 110px !important; z-index: 99}
.years .select2-container{ width: 65px !important; z-index: 99}
.dia .select2-container--default .select2-selection--single,
.month .select2-container--default .select2-selection--single,
.years .select2-container--default .select2-selection--single{ bottom: 4px;}
.dia .select2-container--default .select2-selection--single .select2-selection__arrow b,
.month .select2-container--default .select2-selection--single .select2-selection__arrow b,
.years .select2-container--default .select2-selection--single .select2-selection__arrow b{ left: 5px;}
.dia .select2-container--default .select2-selection--single .select2-selection__rendered,
.month .select2-container--default .select2-selection--single .select2-selection__rendered,
.years .select2-container--default .select2-selection--single .select2-selection__rendered{ background: #ccc !important; padding: 1px 5px; min-height: 21px;}
.select2-container--default .select2-selection--single .select2-selection__arrow{ background: #D8D8D8 !important; top: -7px; }
#catalog_form u{ text-decoration: none;}
.is_cin #catalog_form u{ display: none}
/* Press
---------------------- */
#catalog_form .password-form {
text-align: center;
font-size: 14px;
}
.text-before-input {
margin-bottom: 42px;
max-width: 400px;
margin-left: auto;
margin-right: auto;
}
.protected-post-form {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.protected-post-form.invalid-pass > input[type=password] {
border-color: red;
}
.protected-post-form > input {
width: 45%;
background: transparent;
border: 1px solid black;
border-radius: 0;
padding: 0 29px;
line-height: 36px;
font-weight: bold;
letter-spacing: 1px;
font-size: 14px;
}
.protected-post-form > input[type=password] {
margin-bottom: 20px;
background: #E6E6E6;
border: 1px solid #646464;
font-weight: normal;
background-image: url(img/chain.svg);
background-repeat: no-repeat;
background-position: 8px center;
}
.protected-post-form > input[type=password]:focus {
background-image: none;
}
.protected-post-form > input[type=password]:focus::placeholder {
color: #E6E6E6;
}
.protected-post-form > input[type=password]::placeholder {
color: #646464;
font-weight: bold;
}
.text-after-input {
margin-top: 40px;
}
.text-after-input a{
border-bottom: 1px solid #000;
padding-bottom: 1px;
position: relative;
font-weight: bold;
display: inline-block;
line-height: 15px;
}
.text-after-input a:first-of-type {
margin-left: 6px;
}
.text-after-input a:hover{
border-color: transparent
}
.text-after-input a::before{
content: "";
position: absolute;
left: 51%;
right: 50%;
bottom: -1px;
background: #000;
height: 1px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.text-after-input a:hover:before,
.text-after-input a:focus::before{
left: 0;
right: 0;
}
.press-title {
font-size: 28px;
line-height: 32px;
}
a.press .right .press-title {
max-width: 85%;
}
.this-previous-press-container .press-title {
margin-left: -2px;
}
#catalog_form .the_content.press-content {
max-width: 970px;
}
#catalog_form .the_content.press-content .press {
background-color: #fbfbfb;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 35px;
margin-bottom: 20px;
color: #434343;
}
.page-template-press #catalog_form .the_content.press-content a.press:hover {
-webkit-box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12),
0 4px 4px 0 rgba(0,0,0,0.08);
box-shadow: 0 4px 8px 0 rgba(0,0,0,0.12),
0 4px 4px 0 rgba(0,0,0,0.08);
}
#catalog_form .the_content.press-content .press .date {
text-transform: uppercase;
font-size: 10px;
line-height: 12px;
letter-spacing: 0.04em;
margin-bottom: 2px;
}
#catalog_form .the_content.press-content .press .date span {
margin-left: 16px;
}
#catalog_form .the_content.press-content .press .left {
width: 211px;
position: relative;
}
.hover_image {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0;
visibility: hidden;
backface-visibility: hidden;
}
#catalog_form .the_content.press-content .press:hover .hover_image {
opacity: 1;
visibility: visible;
}
#catalog_form .the_content.press-content .press .right {
width: calc(100% - 211px);
padding-left: 35px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
}
.anchor-links {
margin-top: auto;
font-size: 13px;
line-height: 15px;
}
.images-link {
margin-left: 40px;
}
.anchor-links span {
border-bottom: 1px solid #434343;
padding-bottom: 1px;
margin: 0 6px 0 0px;
position: relative;
letter-spacing: 1px;
display: inline-block;
}
.anchor-links span:hover{
border-color: transparent
}
.anchor-links span::before{
content: "";
position: absolute;
left: 51%;
right: 50%;
bottom: -1px;
background: #434343;
height: 1px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.anchor-links span:hover:before,
.anchor-links span:focus::before{
left: 0;
right: 0;
}
.single-press-image {
width: 100%;
height: auto;
}
.single-press #catalog_form .the_content.press-content .press,
.this-previous-press-container .press {
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
position: relative;
}
#catalog_form .the_content.press-content .press.hiden {
display: none;
}
.single-press h1,
.this-previous-press-container .press h1 {
font-size: 36px;
line-height: 45px;
margin: 10px 0 21px;
}
.single-press .subtitle,
.this-previous-press-container .press .subtitle {
font-size: 18px;
line-height: 24px;
font-family: 'AvenirNext';
font-weight: bold;
margin-bottom: 58px;
}
.press-top,
.press-the-content,
.press_gallery {
max-width: 620px;
margin: 0 auto;
}
.press-the-content {
font-size: 15px;
line-height: 24px;
margin-top: 55px;
padding-bottom: 9px;
margin-bottom: 37px;
border-bottom: 1px solid black;
}
.press-the-content p {
margin-bottom: 23px;
}
.press_gallery .images-title {
font-size: 14px;
line-height: 16px;
}
.press_gallery .images-title {
padding: 0 10px;
margin-bottom: 28px;
}
.press_gallery .images-title span {
border-bottom: 1px solid #434343;
padding-bottom: 1px;
position: relative;
margin-left: 8px;
}
.press_gallery .images-title span:hover{
border-color: transparent
}
.press_gallery .images-title span::before{
content: "";
position: absolute;
left: 51%;
right: 50%;
bottom: -1px;
background: #434343;
height: 1px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.press_gallery .images-title span:hover:before,
.press_gallery .images-title span:focus::before{
left: 0;
right: 0;
}
.press_gallery > div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px;
}
.press_gallery .image-wrapper {
width: 25%;
padding: 0 10px;
}
.press_gallery .image-wrapper .image-fancy > img {
max-width: 100%;
height: auto;
margin-bottom: 9px;
}
.press_gallery .download-link img {
vertical-align: unset;
margin-left: 2px;
}
.press_gallery .download-link {
margin-bottom: 28px;
display: block;
border-bottom: 1px solid #434343;
padding-bottom: 1px;
margin: 0 6px 28px 0px;
position: relative;
letter-spacing: 1px;
display: inline-block;
}
.press_gallery .download-link:hover {
border-color: transparent;
}
.press_gallery .download-link::before {
content: "";
position: absolute;
left: 51%;
right: 50%;
bottom: -1px;
background: #434343;
height: 1px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.press_gallery .download-link:hover::before {
left: 0;
right: 0;
}
.press_gallery:not(.show-hiden-images) > div.images-hidden-wrapper {
display: none;
}
.press_gallery.show-hiden-images div.ver-mas-button {
display: none;
}
.press_gallery > div.ver-mas-button {
width: 45%;
background: transparent;
border: 1px solid black;
color: black;
border-radius: 0;
padding: 0 29px;
line-height: 36px;
font-weight: bold;
letter-spacing: 1px;
font-size: 14px;
font-weight: bold;
text-align: center;
align-items: center;
display: flex;
justify-content: center;
align-items: center;
margin: 27px auto 0!important;
cursor: pointer;
/* font-size: 13px;
line-height: 15px; */
}
.close-single-press {
position: absolute;
top: 32px;
right: 35px;
cursor: pointer;
}
@media (max-width: 767px) {
.single-press h1, .this-previous-press-container .press h1 {
margin: 5px 0 11px;
}
.single-press .subtitle, .this-previous-press-container .press .subtitle {
margin-bottom: 29px;
}
.press-the-content {
margin-top: 27px;
}
.press-the-content p {
margin-bottom: 14px;
}
.press-the-content {
margin-bottom: 25px;
}
.press_gallery .images-title {
margin-bottom: 21px;
}
.press_gallery .download-link {
margin-bottom: 23px;
}
a.press .right .press-title {
max-width: 100%;
}
#catalog_form .the_content.press-content .press {
flex-flow: column;
}
#catalog_form .the_content.press-content .press .left {
width: 100%;
}
#catalog_form .the_content.press-content .press .right {
padding-top: 24px;
padding-left: 0;
width: 86%;
}
.press_gallery .image-wrapper{
width: 50%;
}
.anchor-links {
margin-top: 10px;
}
#catalog_form .the_content.press-content .press {
padding: 20px;
}
.close-single-press{
top: 20px;
right: 20px;
}
}
/* Legal
----- */
.page-template-legal .legal_container{ background: #D8D8D8; color: #000; padding-top: 160px; min-height: 100vh;}
.page-template-legal .legal_container article{ max-width: 650px; margin: 0 auto 100px; padding: 0 15px; font-size: 12px; line-height: 1.4;}
.page-template-legal .legal_container article h2{ font-weight: bold; font-size: 16px; text-align: center; padding-bottom: 0px; max-width: 650px; margin: 0 auto 40px; display: table; position: relative;}
.page-template-legal .legal_container article h2:after{ content: ''; background: #000; left: 0; right: 0; height: 2px; bottom: 0; position: absolute; width: auto;}
.page-template-legal .legal_container article h3{ font-size: 14px; font-weight: bold;}
.page-template-legal .legal_container article b,
.page-template-legal .legal_container article strong{ color: #333}
/* 404
----- */
body .error_404 .the_content{ text-align: center; margin: -40px auto 0 !important;}
body .error_404 .the_content h2{ font-size: 26px !important; margin: 0 auto 20px;}
body .error_404 .the_content article{ font-size: 17px;}
/* Footer
------ */
footer{ font-size: 0; width: 100%; background: #E6E6E6; padding: 30px 0px; position: relative; z-index: 101;}
footer a{ border: 0;}
footer nav,
footer .credits,
footer .footer_text{ font-size: 12px; line-height: 1.2; display: inline-block; vertical-align: middle}
footer nav{ width: 40%; text-align: left; padding-left: 80px;}
footer nav ul{ list-style: none; width: auto; display: table; margin: 0; padding: 0}
footer nav ul li{ margin-right: 15px; display: inline-block; line-height: 2;}
footer nav ul a{ position: relative; border: 0;}
footer nav ul a:before{ content: ""; position: absolute; left: 51%; right: 50%; bottom: -3px; background: #000; height: 1px; -webkit-transition-property: left, right; transition-property: left, right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
footer nav .current-menu-item a:before,
footer nav ul a:hover:before,
footer nav ul a:focus:before{ left: 0; right: 0;}
footer .footer_text{ width: 25%; text-align: center; font-size: 10px; line-height: 1.2}
footer .footer_text p{ margin: 0;}
footer .logos{ display: none}
footer .credits{ width: 35%; text-align: right; padding-right: 80px;}
.is_cin .hide_valentine,
body.page-id-40 .hide_valentine { display: none}
/* Cookies
------- */
#hidden-cookie-message{ position: fixed; bottom: 0; padding: 10px 5%; background: #F5F5F5; width: 100%; z-index: 999; color: #000;}
#hidden-cookie-message > div{ width: 100%; max-width: 1225px; margin: 0 auto; font-size: 12px; }
#hidden-cookie-message a{ border-bottom: 1px solid #000; color: #000;}
#hidden-cookie-message .close-cookie-banner{ color: #000; text-decoration: none; float: right; border: 0; }
#valentine{ display: none}
body:not(.is_cin) #valentine { display: block;}
body:not(.country-ES) .landing_valentine{ display: none;}
.page-template-all-colors .head.cover{ position: relative; overflow: hidden}
.page-template-all-colors .head.cover .opacity_layer{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3)}
/* 2020 update */
#catalog_form .form_content .required:after, #contact .wpcf7-acceptance:after, #contact .form_content .required:after, #catalog_form .wpcf7-acceptance:after {
display: none;
}
#catalog_form .form_content .form_block span {
font-weight: normal;
}
#catalog_form .form_content .title {
font-weight: bold;
letter-spacing: 1px;
margin-top: 5em;
}
#catalog_form .form_block.small:last-of-type {
margin-top: 6em;
}
#catalog_form .the_content h3 {
margin-bottom: 0;
}
#catalog_form .form_content {
margin-top: -20px;
}
.CookieDeclaration {
display: none;
}
/* Mediaqueries
------------ */
@media screen and (max-height: 800px){
.popup_navigation .navigation_right .choose_lang ul{ height: 115px;}
}
@media screen and (max-height: 710px){
.page-template-all-colors .all_colors .close_all_colors{ top: 30px; right: 25px;}
.page-template-all-colors .all_colors article .head,
.page-template-all-colors .all_colors article .head .video_content{ height: 200px;}
.page-template-all-colors .all_colors article .colors_vertical{ height: calc(100vh - 180px);}
.page-template-all-colors .all_colors article .colors_vertical .grid_color_row{ height: calc((100vh - 180px) / 3)}
.page-template-all-colors .scroll_up { top: calc(195px + 2%);}
.popup_navigation .navigation_right .choose_lang ul{}
}
@media screen and (max-height: 650px){
.popup_navigation .navigation_right .choose_lang ul{ height: 63px;}
}
/* @media screen and (max-width: 1800px){ */
.color_box .the_content h2{font-size: 80px; line-height: 68px; max-width: 350px;}
.color_box .the_content .description{ max-width: 300px; font-size: 18px;}
.color_box.cots .the_content .description{ max-width: 410px}
.range_nav li{ font-size: 14px;}
/* } */
@media screen and (max-width: 1685px){
/* Footer */
footer nav{ width: 75%; padding-left: 30px;}
footer .credits{ width: 25%; padding-right: 30px;}
footer .footer_text{ display: none}
}
@media screen and (max-width: 1220px){
.spaces .slick-prev{ left: 20px;}
.spaces .slick-next{ right: 20px;}
}
@media screen and (max-width: 1100px){
/* Popup Main navigation */
.popup_navigation .navigation_left .menu li{ font-size: 40px}
#main_nav{ display: none}
/* Single header */
#single_header .the_content h1{ font-size: 100px;}
.navigation_right .main_pop_nav{ position: relative;}
.navigation_right .main_pop_nav #menu-navigation{ position: relative; bottom: initial;}
.spaces .slider_spaces .slick-slide,
.spaces .row_colors{ padding: 0 40px}
.spaces .slick-arrow{ font-size: 22px;}
}
@media screen and (max-width: 1024px){
/* .single_range_nav{ bottom: 75px;} */
footer .credits{ line-height: 1.5}
footer nav ul li{ line-height: 2;}
.page-template-all-colors .scroll_top{ top: 5px;}
.page-template-all-colors .scroll_down{ bottom: 5px;}
.show_add .popup_add .ranges{ width: 160px;}
.show_add .popup_add .ranges .range{ width: 130px;}
.touch .page-template-landing #single_header{ background: #000;}
.page-template-landing .front_gallery, .page-template-landing .front_gallery .slick-slide{ opacity: .7}
.popup_navigation .navigation_left .menu, .popup_navigation .navigation_right .menu{ position: absolute; bottom: 0;}
body.tax-range.play_video #single_header #video.video-js, body.tax-range.play_video #single_header #video.video-js .vjs-tech{ z-index: 1}
.page-template-all-colors .scroll_up{ top: calc(200px + 2%);}
.touch .page-template-all-colors .all_colors article .colors_vertical{ overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.color_box .the_content h2 {
font-size: 50px;
line-height: 1;
max-width: 300px;
}
.color_box .the_content .description {
max-width: 250px;
font-size: 14px;
}
.color_box.cots .the_content .description {
max-width: 350px;
}
.range_nav li {
font-size: 14px;
}
.arrow_right_eff .second {
transform: translateX(-40px) translateY(-21px);
-moz-transform: translateX(-40px) translateY(-21px);
-webkit-transform: translateX(-40px) translateY(-21px);
-o-transform: translateX(-40px) translateY(-21px);
-ms-transform: translateX(-40px) translateY(-21px);
}
.arrow_right_eff:hover .second {
transform: translateX(0) translateY(-21px);
-moz-transform: translateX(0) translateY(-21px);
-webkit-transform: translateX(0) translateY(-21px);
-o-transform: translateX(0) translateY(-21px);
-ms-transform: translateX(0) translateY(-21px);
}
.arrow_left_eff .second {
transform: translateX(40px) translateY(-21px);
-moz-transform: translateX(40px) translateY(-21px);
-webkit-transform: translateX(40px) translateY(-21px);
-o-transform: translateX(40px) translateY(-21px);
-ms-transform: translateX(40px) translateY(-21px);
}
.arrow_left_eff:hover .second {
transform: translateX(0px) translateY(-21px);
-moz-transform: translateX(0px) translateY(-21px);
-webkit-transform: translateX(0px) translateY(-21px);
-o-transform: translateX(0px) translateY(-21px);
-ms-transform: translateX(0px) translateY(-21px);
}
.wpcf7-form-control-wrap.pais .select2-container{ width: 575px !important;}
.country-other-countries .wpcf7-form-control-wrap.pais .select2-container{ width: 550px !important;}
}
@media screen and (max-width: 1023px){
/* Single header */
#main_nav{ display: none}
#logo{ top: 25px; left: 30px;}
#menu,
.popup_navigation .close_menu,
.colors .cross,
.spaces .cross,
.page-template-all-colors .all_colors .close_all_colors,
.main_slider_color .cross{ right: 30px; top: 20px;}
.popup_navigation .navigation_right .lang{ top: 25px; left: 30px;}
.popup_navigation .navigation_left .menu, .popup_navigation .navigation_right .menu{ margin: 0 0 0 30px;}
#cin{ left: 30px; bottom: 25px;}
#valentine { right: 30px; bottom: 25px;}
.socialmedia{ right: 30px;}
#scroll_down{ bottom: 25px;}
.main_slider_color .slick-prev,
.spaces .slick-prev{ left: 25px;}
.main_slider_color .slick-next,
.spaces .slick-next{ right: 25px;}
#single_header .the_content h1,
body.tax-range #single_header .the_content h1{ font-size: 60px; max-width: 70%; margin-left: auto; margin-right: auto;}
#single_header .the_content .description{ max-width: 70%; font-size: 16px;}
#single_header .the_content .play_video{ font-size: 16px;}
.single_range_nav{ bottom: 22px;}
/* Color box */
.color_box .the_content h2{ font-size: 50px; line-height: 1; margin-bottom: 10px;}
.color_box .the_content .description{ font-size: 14px;}
/* Single range */
.colors .main_grid_color,
.spaces .slider_spaces{ margin: 45px auto 25px;}
.spaces .row_colors .row_color.small{ width: 7.777777777%;}
.spaces .row_colors .row_color.active{ width: 30%;}
/*Â Video */
body.tax-range #single_header .cross { top: 20px; right: 30px;}
.vjs-default-skin.vjs-has-started .vjs-control-bar { left: 30px; right: 30px;}
.spaces .row_colors,
.spaces .slider_spaces{ max-width: 600px;}
.arrow_down_eff{ color: #a1a1a1}
.popup_navigation .navigation_right .choose_lang{ left: 30px; top: 20px;}
}
@media screen and (max-width: 1000px){
.show_add .popup_add{ padding: 75px 30px 0px; max-width: 100%; height: 100vh; overflow: auto; z-index: 9999;}
.show_add .popup_add .text{ max-width: 100%; padding: 0px; margin: 0px}
.show_add .popup_add .colors,
.show_add .popup_add .ranges{ width: 100%; padding: 0 0px 50px; margin: 0px}
.show_add .popup_add .colors .color,
.show_add .popup_add .ranges .range{ width: 90%;}
}
@media screen and (max-width: 768px){
/* Popup Main navigation */
.popup_navigation .navigation_left .menu li{ font-size: 30px;}
.popup_navigation .navigation_left .menu, .popup_navigation .navigation_right .menu { margin: 0 0 0 30px;}
.popup_navigation .navigation_right .lang{ left: 30px; top: 20px;}
.popup_navigation .close_menu{ right: 30px; top: 20px; font-size: 20px;}
/* Color box */
.color_box .the_content{ width: 100%; background: rgba(0, 0, 0, .3) !important;}
.color_box .the_content h2{ padding: 0 10px;}
.color_box .the_content .v-middle{ max-width: 300px; margin: 0 auto;}
.color_box .the_content .v-middle{ max-width: 100%;}
#single_header .the_content h1,
body.tax-range #single_header .the_content h1,
.color_box .the_content h2{ font-size: 80px; line-height: 68px; max-width: 500px;}
#single_header .the_content h1,
body.tax-range #single_header .the_content h1{ max-width: 90%}
.color_box .the_content .description{ max-width: 300px; font-size: 18px; font-weight: bold;}
.range_nav li { font-size: 14px; font-weight: bold;}
.home #single_header .the_content .description{ max-width: 510px}
/* Main slider color */
.main_slider_color .the_content { max-width: 70%; top: 45%;}
.colors .cross, .spaces .cross, .main_slider_color .cross{ font-size: 20px; position: absolute; right: 30px; top: 20px;}
.main_slider_color .slick-prev{ left: 25px;}
.main_slider_color .slick-next{ right: 25px;}
.spaces .slider_spaces .slick-slide,
.spaces .row_colors{ padding: 0}
.color_box .the_content, .color_box .visual { width: 100%; position: absolute; top: 0; left: 0; width: 100%; right: 0; margin: auto; color: #fff; height: 100vh;}
.color_box .visual .video-js, .color_box .visual .video-js .vjs-tech{ display: none}
.range_nav li a{ color: #fff; border-color: #fff;}
.range_nav li a:after{ background: #fff;}
.arrow_down_eff{ color: #fff;}
.touch .spaces .slider_spaces .layer_image .the_color span{ opacity: 0; visibility: hidden; }
.touch .spaces .slider_spaces .layer_image .the_color .plus { top: initial; margin: 0 5px;}
/* .touch .spaces .slider_spaces .layer_image .the_color .plus.right-position { margin: 0 60px 0 0; }
.touch .spaces .slider_spaces .layer_image .the_color .plus.left-position { margin: 0 0 0 60px; }*/
/* .spaces .slider_spaces .layer_image .pinterest{ display: none !important} */
.page-template-all-colors .scroll_up{ top: calc(340px + 2%);}
#catalog_form .form_content .half{ width: 100%;}
#catalog_form .wpcf7-form-control-wrap.pais, #catalog_form .wpcf7-form-control-wrap.profesion, #catalog_form .wpcf7-form-control-wrap.catalogos, #contact .wpcf7-form-control-wrap.Profesin{ right: 10px; position: relative; width: 100% !important; display: block;}
/* .select2-container{ width: 100% !important;} */
.select2-container--open .select2-dropdown{ left: 0}
#catalog_form .form_content .newsletter .wpcf7-list-item-label{ max-width: 200px; top: 5px;}
#catalog_form .form_content .small .jcf-checkbox{ top: -25px;}
#catalog_form .form_content .right{ text-align: left}
.show_add .popup_add{ padding: 75px 30px 0px; max-width: 85%; height: 80vh; overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.show_products .popup_products{ height: 80vh;}
#contact .form_content{ padding: 0 15px}
.select_birth{ display: block; margin-top: 5px; position: relative; left: -15px;}
#catalog_form .form_content .button_right input, #catalog_form .form_content .button_left input{ width: 100%;}
#contact .select2-container{ width: 100% !important; bottom: 3px}
#contact .pais .select2-container{ left: 0;}
#contact .select2-container--default .select2-selection--single{ left: 0}
.color_box .range_nav li a{ border-bottom: 2px solid #fff; color: #fff; border-color: #fff;}
.color_box .range_nav li a:after{ background: #fff; opacity: 1}
.spaces .slider_spaces .layer_image .the_color .name{ opacity: 0; visibility: hidden;}
}
@media screen and (max-width: 767px){
/* Popup Main navigation */
.popup_navigation.active{ overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.popup_navigation.active { z-index: 9999;}
.popup_navigation .close_menu{ right: 30px; top: 20px;}
.popup_navigation .navigation_left{ width: 100%; height: auto; padding: 120px 0 40px; position: initial}
.popup_navigation .navigation_right{ width: 100%; height: auto; padding: 40px 0 120px; position: initial}
.popup_navigation .v-middle{ top: initial; transform: none; -webkit-transform: none; -moz-transform: none; -ms-transform: none;}
.popup_navigation .navigation_left .menu,
.popup_navigation .navigation_right .menu{ margin: 0 30px;}
.popup_navigation .navigation_left .menu li{ font-size: 30px;}
.popup_navigation .navigation_right .lang{ left: 30px; top: 20px;}
.popup_navigation .socialmedia{ display: block; position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; display: block; width: auto; padding: 20px; list-style: none; line-height: 1}
.popup_navigation .socialmedia li{ margin: 0; display: inline-block; margin: 0 10px;}
.popup_navigation .socialmedia li div{ color: #999; line-height: 1;}
.popup_navigation .navigation_right .choose_lang{ left: 30px; top: 17px; font-size: 14px; width: 230px;}
.popup_navigation .navigation_right .choose_lang ul{ background: #E2E2E2; width: 230px;}
.popup_navigation .navigation_left .menu, .popup_navigation .navigation_right .menu{ position: relative; bottom: initial;}
/* Single header */
#cin,
#valentine,
.socialmedia{ display: none;}
#menu{ right: 20px; top: 20px; font-size: 20px;}
#logo{ top: 20px; left: 20px;}
#single_header{ position: absolute;}
#single_header .the_content h1,
body.tax-range #single_header .the_content h1,
.color_box .the_content h2{ font-size: 52px; line-height: 40px; max-width: 100%; padding: 0 20px}
#single_header .the_content .subtitle{ font-size: 11pt;}
#single_header .the_content .description { max-width: 100%; font-size: 14px; padding: 0 30px;}
#single_header .the_content .play_video { font-size: 14px;}
/* Color box */
.color_box .the_content,
.color_box .visual{ width: 100%; position: absolute; top: 0; left: 0; width: 100%; right: 0; margin: auto; color: #fff; height: 100vh;}
.color_box .the_content .v-middle{ max-width: 85%;}
.color_box .range_nav li{ margin: 0 10px}
.color_box .range_nav li a{ border-bottom: 2px solid #fff; color: #fff; border-color: #fff;}
.color_box .range_nav li a:after{ background: #fff; opacity: 1}
.color_box .range_nav li a,
.color_box.cots .the_content .description{ font-weight: bold; font-size: 14px;}
#scroll_down{ z-index: 2;}
/*Â Colors */
.colors .cross,
.spaces .cross,
.main_slider_color .cross,
.popup_navigation .close_menu{ right: 20px; top: 20px; font-size: 20px;}
.main_grid_color{ display: none;}
.colors > .cross{ display: none}
.colors .icon-arrow_down{ display: none;}
.colors.active .color_responsive{ display: block}
.colors.active .color_responsive{ opacity: 1; z-index: 100}
.colors .color_responsive .the_content{ font-size: 14px; margin: -20px auto 0; line-height: 1.4; max-width: 60%; padding: 0;}
.colors .color_responsive .the_content .description .section{ display: block !important}
.colors .color_responsive .the_content .code{ text-transform: uppercase; font-size: 16px; font-weight: bold;}
.colors .color_responsive .the_content h3{ font-weight: bold; font-size: 21px; margin-bottom: 15px; margin-top: 1px;}
.colors .color_responsive .color_nav { position: absolute; bottom: 30px; padding: 0; left: 0; right: 0; width: inherit; margin: auto; text-align: center; display: block; text-align: center;}
/* .colors .color_responsive .color_nav a { text-transform: capitalize; }
*/ .colors .color_responsive .color_nav li{ display: inline-block; margin: 0 15px; font-size: 16px; font-weight: bold;}
.colors .color_responsive .color_nav li a { color: #646464 }
.colors.active .color_responsive .slick-prev,
.main_slider_color .slick-prev,
.spaces .slick-prev{ left: 15px; font-size: 20px;}
.colors.active .color_responsive .slick-next,
.main_slider_color .slick-next,
.spaces .slick-next{ right: 15px; font-size: 20px;}
.main_slider_color .the_content{ font-size: 14px; line-height: 1.4; max-width: 60%;}
.main_slider_color .the_content h3{ margin-bottom: 15px;}
body.tax-range .colors .share,
body.tax-range .spaces .icon-arrow_down{ display: none}
.range_nav li { margin: 0 14px}
/* Spaces */
.spaces .slider_spaces{ width: 260px; height: auto; max-height: initial}
.spaces .slider_spaces .layer_image.full_width,
.spaces .slider_spaces .layer_image.half_width{ width: 100%; max-width: 100%}
.spaces .slider_spaces .layer_image img{ width: 100%; max-width: 100%; height: initial; max-height: initial}
.spaces .row_colors{ width: 100%; max-width: 260px; height: 60px; overflow: hidden; margin: 40px auto 25px;}
.spaces .row_colors .row_colors_container{ width: 100%; max-width: 260px; height: 80px; overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch;}
.row_colors_container_in{ width: 600px; height: 80px;}
.spaces .row_colors .row_color{ width: 60px;}
.spaces .row_colors .row_color.small.active{ width: 60px;}
.spaces .row_colors .row_color.small{ width: 60px;}
.spaces .row_colors .row_color .color_name{ display: none !important}
body.tax-range .share{ font-size: 10px; margin: 10px 0 30px;}
.spaces .slider_spaces{ margin-top: 65px;}
.spaces .slick-next,
.spaces .slick-prev{ display: none}
.spaces .slider_spaces .slick-dots { position: relative; display: block !important; padding: 0; bottom: 15px; margin-bottom: -50px; }
.spaces .slider_spaces .slick-dots li { display: inline-block; margin: 0 7px; }
.spaces .slider_spaces .slick-dots button{ border: none; padding: 0; width: 4px; height: 4px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -webkit-border-radius: 15px; border-radius: 15px; display: block; background: rgb(68, 67, 67);}
.spaces .slider_spaces .slick-dots li button:hover,
.spaces .slider_spaces .slick-dots li.slick-active button{ background: #FFF; }
/*Â Video */
.vjs-default-skin.vjs-has-started .vjs-control-bar{ bottom: 80px;}
.vjs-default-skin .vjs-mute-control, .vjs-default-skin .vjs-volume-menu-button{ left: -25px; top: -30px;}
.vjs-default-skin .vjs-volume-bar{ display: none;}
/* All colors */
.page-template-all-colors .all_colors{ overflow-y: scroll; -webkit-overflow-scrolling: touch;}
.page-template-all-colors .all_colors .close_all_colors{ position: fixed; top: 20px; right: 20px; width: 20px}
.page-template-all-colors .all_colors article{ width: 100%; height: auto; display: block;}
.page-template-all-colors .all_colors article .head{ height: 50vh;}
.page-template-all-colors .all_colors article .colors_vertical,
.page-template-all-colors .slick-list{ height: auto !important;}
.page-template-all-colors .slick-track{ top: 0 !important; height: auto !important;}
/* .page-template-all-colors .slick-arrow{ display: none !important; height: 0 !important}
*/ .page-template-all-colors .all_colors article .colors_vertical .grid_color_row .v-middle{ opacity: 1;}
.page-template-all-colors .all_colors article .head .video_content,
.color_box .visual a,
.color_box .visual .vjs-no-js{ display: none;}
.page-template-legal .legal_container{ padding-top: 100px;}
/*Â Contact */
.page-template-legal .legal_container,
#contact,
#catalog_form{ padding-top: 100px;}
#contact .form_content .one_third,
#contact .form_content .two_third{ width: 100%;}
#contact .the_content h3,
#catalog_form .the_content h3{ font-size: 25px; line-height: 24px;}
#contact .form_content .half,
#contact .form_content .check_legals,
#contact .form_content .buttons input{ width: 100%;}
#contact .form_content .buttons { margin-top: 25px;}
#contact .contact_bottom article,
#contact .contact_bottom article:last-child{ width: 100%; padding: 0}
#contact .text{ max-width: 250px;}
#catalog_form .form_content{ padding: 0 15px}
body.show_locations .locations .content .location{ width: 100%;}
/*Â Footer */
footer{ padding: 0;}
footer nav ul{ margin: 0 auto;}
footer nav ul li{ margin-right: 0; padding: 0;}
footer nav li:after{ content: '|'; display: inline-block; margin: 0 5px; display: inline-block; text-align: left;}
footer nav li:last-child:after{ content: ''; margin: 0; padding: 0;}
footer nav, footer .credits{ width: 100%; display: block; line-height: 1.2; text-align: center;}
footer nav{ padding: 20px 0; border-top: 1px solid #ccc;}
footer .credits{ padding: 20px 0; border-top: 1px solid #ccc;}
footer .footer_text{ display: block; width: 100%; border-top: 1px solid #ccc; padding: 20px 25px;}
footer .socialmedia{ display: block; position: relative; width: 100%; left: 0; right: 0; margin: 0 auto; display: block; width: auto; padding: 20px 0; list-style: none; text-align: center; line-height: 1}
footer .socialmedia li{ margin: 0; display: inline-block; margin: 0 10px;}
footer .socialmedia li div{ color: #999; line-height: 1;}
footer .youtube_icon svg { fill: #999;}
footer .logos{ width: 100%; padding: 20px 0; border-top: 1px solid #ccc; position: relative; text-align: center; display: block;}
footer .logos a{ display: inline-block; bottom: initial !important; left: initial !important; right: initial !important; margin: 0 10px; position: relative !important; text-align: center;}
footer .logos #cin{ display: inline-block !important}
footer .logos a img{ height: 22px; width: auto;}
.color_responsive .slider_colors .the_content{ height: 380px;}
.color_responsive .slider_colors .the_content{ width: 200px;}
.colors.active .color_responsive .the_content{ transform: translateZ(0); -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -o-transform: translateZ(0);}
.page-template-landing .logos{ bottom: -30px;}
.section.colors .arrow_down_eff,
.section.spaces .arrow_down_eff{ display: none}
body:not(.is_cin) footer #valentine{ display: none}
footer .logos #valentine{ display: none;}
body:not(.is_cin) footer .logos #valentine{ display: inline-block}
.arrow_left_eff .second {
transform: translateX(40px) translateY(-20px);
-moz-transform: translateX(40px) translateY(-20px);
-webkit-transform: translateX(40px) translateY(-20px);
-o-transform: translateX(40px) translateY(-20px);
-ms-transform: translateX(40px) translateY(-20px);
}
.arrow_left_eff:hover .second {
transform: translateX(0) translateY(-20px);
-moz-transform: translateX(0) translateY(-20px);
-webkit-transform: translateX(0) translateY(-20px);
-o-transform: translateX(0) translateY(-20px);
-ms-transform: translateX(0) translateY(-20px);
}
.arrow_right_eff .second {
transform: translateX(-40px) translateY(-20px);
-moz-transform: translateX(-40px) translateY(-20px);
-webkit-transform: translateX(-40px) translateY(-20px);
-o-transform: translateX(-40px) translateY(-20px);
-ms-transform: translateX(-40px) translateY(-20px);
}
.arrow_right_eff:hover .second {
transform: translateX(0) translateY(-20px);
-moz-transform: translateX(0) translateY(-20px);
-webkit-transform: translateX(0) translateY(-20px);
-o-transform: translateX(0) translateY(-20px);
-ms-transform: translateX(0) translateY(-20px);
}
.color_box .arrow_down_eff .icon-arrow_down:before{ color: #fff;}
.is_cin .social_cin{ display: none}
#hidden-cookie-message{ line-height: 1.6;}
#hidden-cookie-message p{ max-width: 80%}
.page-template-landing #single_header{ background: #000;}
.page-template-landing .front_gallery, .page-template-landing .front_gallery .slick-slide{ opacity: .7}
body.show_locations .locations{ height: 450px}
body.show_locations .locations .cross{ top: 15px; right: 15px; font-size: 20px}
.home #single_header .the_content .description{ max-width: 300px;}
.color_box .the_content .description{ font-weight: bold; font-size: 14px;}
.popup_navigation .socialmedia{ display: none;}
body.tax-range.play_video #single_header .cross,
.play_video .vjs-default-skin.vjs-has-started.vjs-playing .vjs-control-bar{ display: block !important; opacity: 1 !important; z-index: 9999}
body.tax-range #single_header .opacity_layer,
body.postid-253 .opacity_layer{ background: rgba(0, 0, 0, .3);}
.page-template-all-colors .all_colors .close_all_colors{ z-index: 10}
.page-template-all-colors .all_colors article{ position: relative; z-index: 1;}
.is_cin.sticky_bottom .social_cin{ position: relative; display: block; text-align: center; padding: 10px; top: initial; bottom: initial; width: 100%; margin: 0 auto; color: #000; font-weight: normal; font-family: 'AvenirNext'; left: 0;}
.is_cin.sticky_bottom .social_cin a{ color: #000; border-color: #000}
.is_cin .social_cin a:before{ background: #000;}
/* .spaces .slider_spaces .layer_image .the_color.linen{ left: 60% !important;}
.spaces .slider_spaces .layer_image .the_color.bouquet{ left: 55% !important;}
.spaces .slider_spaces .layer_image .the_color.burgundy{ left: 83% !important;}
.spaces .slider_spaces .layer_image .the_color.bleu-canard{ left: 85% !important;}
.spaces .slider_spaces .layer_image .the_color.verdigris{ left: 12% !important;}*/
.the_color.amethyst span { display: none; }
.is_ios .main_slider_color .color_nav{ bottom: 82px;}
.page-template-catalog-form .profesion .select2-container{ width: 100% !important;}
.page-template-catalog-form .catalogos .select2-container{ width: 100% !important;}
.page-template-catalog-form .pais .select2-container{ width: 100% !important;}
#catalog_form .select_arrow_top .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b, #catalog_form .select_arrow_top .select2-container--default .select2-selection--single .select2-selection__arrow b {
top: 10px;
}
}
.is_ios:not(.is_ipad) .vjs-default-skin .vjs-control-bar{ display: none !important; opacity: 0 !important;}
/* Print
----- */
@media print {
* { background:transparent !important; color:#000 !important; box-shadow:none !important; text-shadow:none !important;}
a, a:visited { text-decoration:underline;}
a[href]:after { content:" (" attr(href) ")";}
abbr[title]:after { content:" (" attr(title) ")";}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after { content:"";}
pre,blockquote { border:1px solid #999; page-break-inside:avoid;}
thead { display:table-header-group;}
tr,img { page-break-inside:avoid;}
img { max-width:100% !important;}
@page { margin:0.4cm;}
p, h2, h3 { orphans:3; widows:3;}
h2, h3 { page-break-after:avoid;}
}