*{margin:0px;padding:0px;} * {-webkit-font-smoothing: antialiased;} a img{border:none;outline:none;box-shadow:none;} input, textarea{outline:none;} .error{color:red;} .success{color:green;} div.error, div.success{margin-bottom:12px;} .hidden{visibility:hidden;height:0px;overflow:hidden;line-height:0px;} .clearfix::after{content:"";display:block;clear:both;height:0px;line-height:0px;} .w100{width:100%;} .clear{clear:both;width:100%;display:block;height:0px;line-height:0px;margin:0px;padding:0px;} div, section, footer, header, ul#list_express li .top{-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box;} .preload * { -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important; } h1.textshadow{text-shadow: 0px 2px 1px rgba(0, 0, 0, 0.4);} #container_solaris h1.textshadow{text-shadow: 0px 4px 12px rgba(0, 0, 0, 1);} footer .ttl{text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);} .textalign_center{text-align:center;} .textalign_left{text-align:left;} /*--------------COLORS--------------*/ /*--GREENS #14400D #278019 #37b324 #73ca66 #c3e8be;--*/ body{background-color:#f4f4f4;} #cr_cookiesign{background:#2d3135;} #btn_cookie_ok, .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after{background:#ffffff;} #cr_topnav .btn_home, footer, .bg_blue, #costablanca{background:#003057;} /*#btn_mobile_nav{background:#af7313;}*/ #cr_topnav nav ul, #btn_mobile_nav{background:#c18011;} .bg_fullgrey{background:#2d3135;} .bg_fullgrey_opacity{background-color:rgba(45,49,53,0.7);} .product_item{background-color:#001d35;} .product_item:hover{background-color:#003057;} #cr_home1 .btn_down{background-color:#4f5255;} #costablanca .cntnt{background:rgba(0, 48, 87, 0.8);} #prices{background:#eeeeee;} body, a, .text_blue, .cr_textlist .text_blue a{color:#2d3135;} #cr_cookiesign, .bg_fullgrey, .bg_fullgrey_opacity, .bg_fullgrey a, .bg_fullgrey_opacity a, #cr_topnav nav a, footer, footer a, .list_products_home a, #container_solaris header h1, .bg_blue, #costablanca{color:#ffffff;} #btn_cookie_ok, #royalbotania h1, #container_solaris h3, .textgold{color:#c18011;} #royalbotania h1, #overtakara h1{color:#c18011;} #royalbotania .link_border, #overtakara .link_border{color:#56340a;} .ttl_left{display:block;width:calc( 100% - 54px );text-align:left;padding-left:18px;padding-right:36px;border-left:54px solid rgba(45,49,53,0.2);text-transform:uppercase;margin-bottom:36px;position:relative;padding-top:20px;margin-left:72px;} .ttl_left.nopadding{padding-top:10px;padding-bottom:10px;} .ttl_left > a{font-size:0.475em;text-transform:lowercase;text-decoration:none;display:block;position:absolute;top:-0px;left:18px;} @media all and (min-width: 768px) { .ttl_left{width:calc( 100% - 18px );border-left:72px solid rgba(45,49,53,0.2);padding-right:0px;padding-top:22px;line-height:1;} } @media all and (min-width:1200px) { .ttl_left > a{font-size:0.375em;} } /*----------------------------------*/ /* STICKY FOOTER */ /*----------------------------------*/ html{scroll-behavior: smooth;} html, body { height: 100%; font-family: 'Poppins', sans-serif; font-size:1em; font-weight:400; -moz-osx-font-smoothing: grayscale; padding:0px; margin:0px; width:100%; } .js body{display:none;} #container, #container_home, #container_solaris{margin:0;width:100%;position:relative;overflow:hidden;padding:0px;} footer{padding:0px 0 0px 0;width:100%;overflow:hidden;} #push, #cr_navmobile ul li.btn_nav a::after{display:none;} #container_home{height:100vh;} #container_home > a{width:100%;height:50vh;position:relative;overflow:hidden;} #container_home > a::before { content:""; position:absolute; top:0;right:0;bottom:0;left:0; background:inherit; transition:inherit; transition:all 0.6s ease-out; transform: scale(1.1); } #container_home > a:hover::before { transform: scale(1.0); } #container_home > a span{width:120px;height:105px;position:relative;text-align:center;background:rgba(0, 48, 87, 0.8);display:inline-block;padding:36px;transition:all 0.2s ease-out;} #container_home > a:hover span{opacity:1;} #container_home > a span > img{width:100%;} #container_home > a#btn_furniture{background-image:url('../img/bg_btn_furniture_lowres.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_home > a#btn_solaris{background-image:url('../img/bg_btn_solaris_lowres.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} @media all and (min-width: 768px) { body{height:100%;} #container{margin-bottom:-241px;min-height:100%;height:auto !important;} #push{display:block;height:241px;} #container_solaris #push{display:none;} #container_home > a{width:50%;height:100%;} #container_home > a span{width:160px;height:140px;position:relative;text-align:center;background:#003057;display:inline-block;padding:36px;} #container_home > a#btn_furniture{background-image:url('../img/bg_btn_furniture.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_home > a#btn_solaris{background-image:url('../img/bg_btn_solaris.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} } /*----------------------------------*/ /* STYLE CONTAINERS */ /*----------------------------------*/ .rotate{ behavior:url(-ms-transform.htc); -moz-transform:rotate(4deg); -webkit-transform:rotate(4deg); -o-transform:rotate(4deg); -ms-transform:rotate(4deg); } /*----------------------------------*/ /* LAYOUT CONTAINERS */ /*----------------------------------*/ section{margin-bottom:72px;} section.sec_start{padding-top:214px;} .cntnt{width:100%;padding:0 0px;position:relative;} #container_solaris .cntnt{width:100%;position:relative;padding:36px;box-sizing:border-box;} #container_solaris .cntnt img{width:100%;display:block;margin-bottom:24px;} #solaris_1 .cntnt{padding:0px;} footer{padding:36px 32px;position:relative;} footer .cntnt{padding:0px;} footer .cntnt p > span{margin-right:16px;} footer .cntnt p > span:last-child{margin-right:0px;} footer .cntnt div:first-child{margin-bottom:36px;} footer .cntnt div:first-child img{width:140px;float:left;margin-right:60px;} footer .cntnt div:first-child::after{content:'';display:block;width:100%;height:0px;clear:both;} footer .cntnt div:first-child ul{list-style-type:none;padding:0px;padding-top:17px;} footer .cntnt div:first-child ul li{display:block;padding:2px 0;} footer .cntnt div:first-child ul li a{text-decoration:none;letter-spacing: 3px;font-weight:300;} @media all and (min-width: 768px) { section{margin-bottom:96px;} .cntnt{ margin:0 auto; padding:0px 72px; } footer{padding:72px;} footer .cntnt{width:calc(100% - 72px);padding:0px;margin:0px;} footer .cntnt div:first-child{margin-bottom:48px;} footer .cntnt div:first-child img{margin-right:72px;} footer::after{content:'';display:block;height:100%;width:72px;position:absolute;right:0px;top:0px; background-image: -webkit-linear-gradient(top, #00192e, #002c50); background-image: -moz-linear-gradient(top, #00192e, #002c50); background-image: -ms-linear-gradient(top, #00192e, #002c50); background-image: -o-linear-gradient(top, #00192e, #002c50); background-image: linear-gradient(top, #00192e, #002c50); } #container_solaris .cntnt{padding:60px;box-sizing:border-box;} #container_solaris section{margin-bottom:24px;} #container_solaris section#costablanca{margin-bottom:0px;} #solaris_1 h2{margin-bottom:0px;} } @media all and (min-width: 1200px) { section{margin-bottom:120px;} .cntnt{ width:calc(100% - 376px); padding:0 0px; } footer{padding:120px;} footer .cntnt{width:calc(100% - 188px);} footer .cntnt div:first-child{margin-bottom:48px;} footer .cntnt div:first-child img{margin-right:96px;} footer::after{width:188px;} #container_solaris .cntnt{padding:96px;box-sizing:border-box;} } @media all and (min-width: 1600px) { section{margin-bottom:120px;} .cntnt{ width:calc( 1600px - 376px); padding:0 36px; margin:0 auto; } footer{padding:120px 168px;} footer .cntnt{width:calc(100% - (50% - 776px));padding:0px 72px;} footer .cntnt div:first-child img{margin-right:96px;} footer::after{width:calc(50% - 776px);} #container_solaris .cntnt{padding:120px;box-sizing:border-box;} } /*---------------------------------------------------------------------------*/ /* HOME CONTENT */ /*---------------------------------------------------------------------------*/ header, #container_solaris header{position:relative;height:500px;} header > .cr_img{position:absolute;width:100%;height:100%;background-image:url("../img/bg_header_small.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_solaris header > .cr_img{position:absolute;width:100%;height:100%;background-image:url("../img/bg_headersolaris_medium.jpg?v=1.1");background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_solaris header > div.text{width:100%;height:100%;position:relative;z-index:100;padding:184px 24px 24px 24px;text-align:center;} .cr_verttext{display:none;} #cr_home1{position:relative;} #cr_home1 .cntnt{padding:0px 36px 0px 36px;opacity:0;} #cr_home1 .cntnt > div:nth-child(1){position:relative;padding:36px 36px 60px 36px;} #cr_home1 .cntnt > div:nth-child(2){padding:1px 36px 36px 36px;position:relative;margin:0px;} .list_products_home{position:relative;margin-top:0px;margin-bottom:24px;} .list_products_home .product_item, #cr_list_collectieitems .cr_img{margin-bottom:24px;} #cr_home1 .list_products_home{margin-top:-60px;opacity:0;} .list_products_home > div .cr_text{padding:12px;} #cr_home1 .list_products_home > div.product_item:nth-child(2), #cr_home1 .list_products_home > div.product_item:nth-child(3){display:none;} .list_products_home > div.product_item .cr_img{height:200px;cursor:pointer;} #cr_home1 .btn_down{display:none;width:60px;height:60px;position:absolute;bottom:0px;right:0px;cursor:pointer;} #royalbotania .flex-hor-center, #overtakara .flex-hor-top, #solaris_1 .flex-hor-center{position:relative;width:100%;} #royalbotania .flex-hor-center > div, #overtakara .flex-hor-top > div, #solaris_1 .flex-hor-center > div{width:100%;padding-right:90px;} #royalbotania .flex-hor-center > div.cr_img, #overtakara .flex-hor-top > div.cr_img, #solaris_1 .flex-hor-center > div.cr_img{padding-right:90px;position:relative;} #royalbotania .flex-hor-center > div.cr_img > div, #overtakara .flex-hor-top > div.cr_img > div, #solaris_1 .flex-hor-center > div.cr_img > div{position:relative;} #royalbotania .flex-hor-center > div.cr_img > div img, #overtakara .flex-hor-top > div.cr_img > div img, #solaris_1 .flex-hor-center > div.cr_img > div img{width:100%} #royalbotania .flex-hor-center > div.cr_img > div::after, #royalbotania .flex-hor-center > div.cr_img > div::before, #overtakara .flex-hor-top > div.cr_img > div::after, #overtakara .flex-hor-top > div.cr_img > div::before, #solaris_1 .flex-hor-center > div.cr_img > div::after, #solaris_1 .flex-hor-center > div.cr_img > div::before{content:'';display:block;position:absolute;top:44px;height:6px;width:22px;} #royalbotania .flex-hor-center > div.cr_img > div::after, #overtakara .flex-hor-top > div.cr_img > div::after{right:-23px;background:#c18011;} #solaris_1 .flex-hor-center > div.cr_img > div::after{right:-23px;background:#c18011;} #royalbotania .flex-hor-center > div.cr_img > div::before, #overtakara .flex-hor-top > div.cr_img > div::before, #solaris_1 .flex-hor-center > div.cr_img > div::before{right:0px;background:white;} #royalbotania .flex-hor-center > div:first-child, #overtakara .flex-hor-top > div:first-child, #solaris_1 .flex-hor-center > div:first-child{margin-bottom:36px;} #royalbotania .flex-hor-center > div:last-child, #overtakara .flex-hor-top > div:last-child, #solaris_1 .flex-hor-center > div:last-child{padding-left:36px;} #cr_404, #cr_collecties{position:relative;} #cr_404 > .cntnt{padding:0px 36px;} #cr_collecties .cntnt{padding:0px 90px;} #cr_collecties .ttl_left{margin-left:-54px;} #costablanca{padding:0px 0px 0px 0px;background-image:url('../img/bg_costablanca.jpg?v=1.1');background-repeat:no-repeat;background-position:-200px center;margin-bottom:0px;} #costablanca .cntnt{margin-left:96px;width:calc(100% - 96px);padding:96px 36px;} #container_solaris .img_gallery{position:relative;padding:36px 90px 36px 36px;box-sizing:border-box;} #container_solaris .img_gallery > a{width:calc(50% - 3px);display:block;opacity:0.5;transition:all 0.2s ease-out;height:80px;margin-bottom:6px;margin-right:6px;} #container_solaris .img_gallery > a:nth-of-type(2n){margin-right:0px;} #container_solaris .img_gallery > a:hover{opacity:1;} #solaris_1 .img_gallery a>img{width:0px;height:0px;} #solaris_1 .img_gallery a:nth-of-type(1){background-image:url('../images/solaris/solaris_8_small.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(2){background-image:url('../images/solaris/solaris_9_small.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(3){background-image:url('../images/solaris/solaris_10_small.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(4){background-image:url('../images/solaris/solaris_12_small.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(5){background-image:url('../images/solaris/solaris_13_small.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(6){background-image:url('../images/solaris/solaris_15_small.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_solaris #prices{position:relative;} #container_solaris #prices .cntnt{overflow:hidden;padding:72px 36px;} /*#container_solaris #prices .cntnt > div:first-of-type{margin-bottom:36px;}*/ #container_solaris #prices .cntnt > div:first-of-type img{margin-bottom:0px;} #container_solaris #prices .cntnt ul, #cr_specs ul{margin:0px 0px 36px 28px;padding:0px;} #container_solaris #prices .cntnt ul:last-of-type, #cr_specs ul:last-of-type{margin-bottom:0px;} #container_solaris #prices .cntnt ul li, #cr_specs ul li{margin:0px;padding:0px;text-indent:0px;} #container_solaris #prices table{position:relative;width:316px;border-collapse:collapse;margin-bottom:36px;} #container_solaris #prices table td{width:100%;display:block;font-size:1.125em;} #container_solaris #prices table td:first-of-type{font-weight:bold;} #container_solaris #prices table td:last-of-type{margin-bottom:12px;} #container_solaris #prices table tr{padding:12px 0px;} #container_solaris #prices .flex-hor-center > div:first-child{display:none;} #container_solaris #prices .flex-hor-center > div{width:100%;} #cr_specs{position:relative;padding:36px 90px 0px 36px;} #cr_specs > div{display:inline-block;} #cr_specs>div:first-of-type{float:left;width:100%;text-align:left;font-weight:bold;} #cr_specs>div:nth-of-type(2){width:100%;text-align:left;} @media all and (min-width: 480px) { #container_solaris #prices table{width:400px;} #container_solaris #prices table td{width:50%;display:table-cell;font-size:1.125em;} #container_solaris #prices table td:last-of-type{margin-bottom:0px;} #container_solaris .img_gallery > a{height:120px;} #cr_specs>div:first-of-type{width:50%;box-sizing:border-box;padding-right:12px;text-align:right;} #cr_specs>div:nth-of-type(2){width:50%;box-sizing:border-box;padding-left:12px;} } @media all and (min-width: 768px) { .cr_verttext{width:24px;position:absolute;left:72px;display:block;opacity:0;} header .cr_verttext{bottom:0px;height:100%;overflow:hidden;background-image:url('../img/vector_luxurious_white.svg');background-repeat:no-repeat;background-size: 24px auto;background-position:center 322px;} #cr_home1 .cr_verttext{top:0px;height:100%;background-image:url('../img/vector_luxurious_grey.svg');background-repeat:no-repeat;background-size: 24px auto;background-position:center -176px;} #cr_home1 .cntnt > div:nth-child(1){position:relative;padding:48px 132px 72px 48px;} #cr_home1 .cntnt > div:nth-child(2){padding:1px 48px 48px 48px;position:relative;margin:0px;} #cr_home1 .cntnt > div:nth-child(2) .list_products_home{margin-top:-72px;margin-bottom:36px;} #cr_home1 .btn_down{display:block;right:48px;width:48px;height:48px;background-image:url('../img/arrow_down.svg');background-repeat:no-repeat;background-position:center center; background-size:14px auto;} #cr_home1 .cntnt{margin-left:168px;width:calc(100% - 168px);padding:0px 72px 0px 0px;} header > .cr_img{height:100%;background-image:url("../img/bg_header_medium.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_solaris header > .cr_img{height:100%;background-image:url("../img/bg_headersolaris_large.jpg?v=1.1");background-repeat:no-repeat;background-size:cover;background-position:center center;} #cr_home1 .list_products_home{width:calc(100% - 84px);} .list_products_home > div.product_item{width:calc(50% - 6px);} .list_products_home > div.product_item, #cr_home1 .list_products_home > div.product_item:nth-of-type(1), #cr_home1 .list_products_home > div.product_item:nth-of-type(2){width:calc(50% - 6px);display:block;float:left;margin-bottom:12px;} .list_products_home > div.product_item:nth-child(2n){margin-left:12px;} .list_products_home::after{content:'';display:block;float:none;clear:both;width:100%;height:0px;} list_products_home > div.product_item .cr_img{height:200px;} #royalbotania .flex-hor-center > div, #overtakara .flex-hor-top > div, #solaris_1 .flex-hor-center > div{width:50%;padding-right:0px;} #royalbotania .flex-hor-center > div:first-child, #overtakara .flex-hor-top > div:first-child, #solaris_1 .flex-hor-center > div:first-child{width:50%;padding-right:48px;margin-bottom:0px;} #cr_collecties .cntnt{padding:0px 240px;} #cr_collecties .ttl_left{margin-left:-72px;} #costablanca{padding:0px 0px;background-image:url('../img/bg_costablanca.jpg?v=1.1');background-repeat:no-repeat;background-position:-600px center;} #costablanca .cntnt{padding-left:50%;margin-left:0px;padding:48px 48px 48px 50%;background-color:transparent;} #container_solaris header > div.text{width:100%;height:100%;position:relative;z-index:100;padding:184px 96px 24px 96px;text-align:center;} #container_solaris .img_gallery{padding:60px 0px;} #container_solaris .img_gallery > a{width:calc(33.333333% - 6px);display:block;opacity:0.5;transition:all 0.2s ease-out;margin-bottom:6px;height:140px;margin-right:9px;} #container_solaris .img_gallery > a:nth-of-type(2n){margin-right:9px;} #container_solaris .img_gallery > a:nth-of-type(3n){margin-right:0px;} #container_solaris #prices table{width:500px;margin-bottom:48px;} #container_solaris #prices table td{font-size:1.25em;} #cr_specs>div:first-of-type{width:50%;box-sizing:border-box;padding-right:24px;text-align:right;} #cr_specs>div:nth-of-type(2){width:50%;box-sizing:border-box;padding-left:24px;} } @media all and (min-width: 960px) { .list_products_home > div.product_item .cr_img{height:240px;} .cntnt > div:nth-child(2) .list_products_home > div .cr_text{padding:16px 24px;} #costablanca{padding:24px 0px;background-image:url('../img/bg_costablanca.jpg?v=1.1');background-repeat:no-repeat;background-position:center center;} #solaris_1 .img_gallery a{height:200px;} #container_solaris #prices .flex-hor-center > div:first-child{display:block;width:34%;} #container_solaris #prices .flex-hor-center > div:last-child{width:66%;padding-left:36px;box-sizing:border-box;} } @media all and (min-width: 1200px) { header, #container_solaris header{height:720px;} .cr_verttext{width:48px;position:absolute;left:70px;display:block;opacity:0;} header .cr_verttext{bottom:0px;height:100%;overflow:hidden;background-image:url('../img/vector_luxurious_white.svg');background-repeat:no-repeat;background-size: 48px auto;background-position:center 542px;} #cr_home1 .cr_verttext{background-position:center -178px;background-size: 48px auto;} header > .cr_img{height:100%;background-image:url("../img/bg_header_large.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_solaris header > .cr_img{height:100%;background-image:url("../img/bg_headersolaris_large.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;} #cr_home1 .cntnt{margin-left:188px;width:calc(100% - 376px);padding:0px 0px 0px 94px;} .list_products_home > div.product_item, #cr_home1 .list_products_home > div.product_item:nth-child(1), #cr_home1 .list_products_home > div.product_item:nth-child(2), #cr_home1 .list_products_home > div.product_item:nth-child(3){width:calc(33.3333% - 12px);display:block;float:left;} .list_products_home > div.product_item, #cr_home1 .list_products_home > div.product_item:nth-child(1), #cr_home1 .list_products_home > div.product_item:nth-child(2), .list_products_home > div.product_item:nth-child(2n){margin-right:18px;margin-left:0px;margin-bottom:18px;} .list_products_home > div.product_item > div.product_item .cr_img, #cr_home1 .list_products_home > div.product_item .cr_img{height:200px;} .list_products_home > div.product_item:nth-of-type(3n){margin-right:0px;} #royalbotania .flex-hor-center > div:first-child, #overtakara .flex-hor-top > div:first-child, #solaris_1 .flex-hor-top > div:first-child{padding-right:72px;} #cr_collecties .cntnt{width:760px;margin-left:0px;padding:0px;} .list_products_home > div.product_item .cr_img{height:240px;} #costablanca{padding:24px 0px;background-image:url('../img/bg_costablanca.jpg?v=1.1');background-repeat:no-repeat;background-position:center center;} #container_solaris .img_gallery{padding:96px 0px;} #solaris_1{margin-bottom:0px;} #container_solaris header > div.text{width:100%;height:100%;position:relative;z-index:100;padding:184px 120px 24px 120px;text-align:center;} #solaris_1 .img_gallery a{height:240px;} #solaris_1 .img_gallery a:nth-of-type(1){background-image:url('../images/solaris/solaris_8.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(2){background-image:url('../images/solaris/solaris_9.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(3){background-image:url('../images/solaris/solaris_10.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(4){background-image:url('../images/solaris/solaris_12.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(5){background-image:url('../images/solaris/solaris_13.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #solaris_1 .img_gallery a:nth-of-type(6){background-image:url('../images/solaris/solaris_15.jpg');background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_solaris #prices table{margin-bottom:60px;width:560} #container_solaris #prices table td{font-size:1.5em;} } @media all and (min-width: 1600px) { header > .cr_img{height:100%;background-image:url("../img/bg_header_large.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;} #container_solaris header > .cr_img{height:100%;background-image:url("../img/bg_headersolaris_large.jpg");background-repeat:no-repeat;background-size:cover;background-position:center center;} #cr_home1 .list_products_home > div.product_item:nth-child(1), #cr_home1 .list_products_home > div.product_item:nth-child(2), #cr_home1 .list_products_home > div.product_item:nth-child(3){width:calc(33.33333% - 18px);display:block;float:left;} #cr_home1 .list_products_home > div.product_item:nth-child(1), #cr_home1 .list_products_home > div.product_item:nth-child(2), #cr_home1 .list_products_home > div.product_item:nth-child(3){margin-right:18px;} #cr_home1 .list_products_home > div.product_item .cr_img{height:360px;} #cr_home1 .cntnt{margin-left:auto;width:calc( 1600px - 186px );padding:0px 0px 0px 94px;} .cr_verttext{width:48px;position:absolute;left:70px;display:block;opacity:0;} header .cr_verttext{bottom:0px;height:100%;overflow:hidden;background-image:url('../img/vector_luxurious_white.svg');background-repeat:no-repeat;background-size: 48px auto;background-position:center 542px;} #cr_home1 .cr_verttext{background-position:center -178px;background-size: 48px auto;} #cr_collecties .cntnt{width:760px;margin-left:0px;padding:0px;} .list_products_home > div.product_item .cr_img{height:260px;} #costablanca{padding:48px 0px;background-image:url('../img/bg_costablanca.jpg?v=1.1');background-repeat:no-repeat;background-position:left center;} } #list_collecties{position:relative;padding:0 36px;} #overtakara, #contact{padding-left:36px;padding-right:36px;padding-bottom:36px;} #overtakara .cntnt, #contact .cntnt{padding-left:0px;padding-right:0px;width:100%;} #cr_list_collectieitems{position:relative;padding:36px 36px;margin-bottom:12px;} #cr_list_collectieitems .cr_img{width:calc( 50% - 12px );padding-bottom:calc( 50% - 48px );float:left;display:block;margin:0px 24px 24px 0px;} #cr_list_collectieitems .cr_img img{width:0px;} #list_collecties .product_item a{display:block;} /*#list_collecties .product_item{width:calc( 50% - 12px );float:left;display:block;margin-right:24px;}*/ @media all and (max-width: 767px) { #cr_list_collectieitems .cr_img:nth-child(2n){margin-right:0px;} } @media all and (min-width: 768px) and (max-width: 1199px) { #cr_list_collectieitems .cr_img{width:calc( 33.3333% - 16px );padding-bottom:calc( 33.3333% - 16px );} #cr_list_collectieitems .cr_img:nth-child(3n){margin-right:0px;} } @media all and (min-width: 1200px) and (max-width: 1599px) { #cr_list_collectieitems .cr_img{width:calc( 25% - 24px );padding-bottom:calc( 25% - 24px );margin:0 32px 32px 0px;} #cr_list_collectieitems .cr_img:nth-child(4n){margin-right:0px;} } @media all and (min-width: 1600px) { #cr_list_collectieitems .cr_img{width:calc( 25% - 24px );padding-bottom:calc( 25% - 24px );} #cr_list_collectieitems .cr_img:nth-child(4n){margin-right:0px;} } @media all and (min-width: 768px) { #list_collecties{padding:48px 168px;} #overtakara, #contact{padding-left:168px;padding-right:168px;padding-bottom:48px;} #cr_list_collectieitems{padding:36px 168px;} } @media all and (min-width: 1200px) { #list_collecties{margin:0 auto;padding:36px 0px;} #overtakara, #cr_collecties, #contact{width:calc( 100% - 468px );margin:0 auto;padding-left:0px;padding-right:0px;padding-bottom:60px;} #overtakara .cntnt, #contact .cntnt{width:760px;margin-left:0px;} #cr_list_collectieitems{padding:48px 0px;} } @media all and (min-width: 1600px) { #cr_list_collectieitems, #list_collecties{width:calc( 1600px - 376px);margin:0 auto;padding:48px 0px;} #overtakara, #cr_collecties, #contact{width:calc( 1600px - 376px);margin:0 auto;padding-left:36px;padding-right:36px;padding-bottom:96px;} #overtakara .cntnt, #contact .cntnt{width:760px;} } /*---------------------------------------------------------------------------*/ /* COOKIESIGN */ /*---------------------------------------------------------------------------*/ #cr_cookiesign{position:fixed;bottom:-200px;margin:0 12px;padding:36px;border-radius:0px 0px 0px 0px;width:calc(100% - 24px);-moz-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 3px 18px 0px rgba(0, 0, 0, 0.2);} #btn_cookie_ok{padding:6px 18px;border-radius:0px;line-height:24px;text-decoration:none;font-weight:700;display:inline-block;} @media all and (min-width: 768px) { #cr_cookiesign{width:380px;margin:0 24px;} } /*-------------------------------------*/ /* FLEX */ /*-------------------------------------*/ #cr_navmobile ul, .cr_flex, #container_home, #container_home > a, #container_solaris header > div.text, #container_solaris .img_gallery{ display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; } .flex_parent_square, .flex_image, .cr_flex{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; flex:1 0 auto; -ms-flex-align: start; -webkit-align-items: flex-start; -webkit-box-align: start; align-items: flex-start; position:relative; } #cr_list_news{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; justify-content:space-between; flex-wrap:wrap; } #cr_partners .partner{ width:94%; position:relative; -moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box;box-sizing:border-box; -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; margin:0 3% 48px 3%; } .flex_parent_square .square img{width:100%;} .flexbox_center, #list_referenties li div a, #cr_roulette .list ul li div a{ display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-flex-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; text-align:center; -webkit-justify-content: center; justify-content: center; } .flex-hor, .flex-hor-center, .flex-hor-center > div, .flex-hor-top, .flex-hor-top > div, #container_home, #container_solaris .img_gallery{ display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */ display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */ display: -ms-flexbox; /* TWEENER - IE 10 */ display: -webkit-flex; /* NEW - Chrome */ display: flex; -webkit-flex-direction: row; -moz-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-orient: horizontal; -moz-box-orient: horizontal; -ms-box-orient: horizontal; box-orient: horizontal; justify-content:space-between; flex-wrap:wrap; } .flex-hor-center > div, .flex-hor-centr > div,#container_home > a, #container_solaris header > div.text{ -ms-flex-align: center; -webkit-align-items: center; -webkit-box-align: center; align-items: center; justify-content:space-around; } .flex-hor-top.no_stretch{ -ms-flex-align: flex-start; -webkit-align-items: flex-start; -webkit-box-align: flex-start; align-items: flex-start; } /*----------------------------------*/ /* STYLE FORM */ /*----------------------------------*/ #frm_contact{position:relative;display:block;width:100%;margin-bottom:48px;} #frm_contact label, #frm_contact input[type="text"], #frm_contact textarea{display:block;width:100%;box-sizing:border-box;} #frm_contact label{text-transform:uppercase;margin-bottom:9px;} #frm_contact input[type="text"], #frm_contact textarea{margin-bottom:16px;padding:12px;font-size:1em;line-height:1.125;} #frm_contact input[type="text"], #frm_contact textarea{background:transparent;border:1px solid rgba(45,49,53,0.2);} #frm_contact textarea{resize:vertical;height:180px;} #frm_contact input[type="submit"]{display:inline-block;padding:12px 12px;border:0px;background:rgba(45,49,53,0.2);letter-spacing:0.1em;} #frm_contact p.info{opacity:0.4;} #frm_contact input[type="text"].input_error, #frm_contact textarea.input_error{border:1px solid red;} /*----------------------------------------------------------*/ /* NAVIGATION */ /*----------------------------------------------------------*/ #cr_topnav{position:absolute;width:100%;padding:0px;z-index:1100;top:0px;} #cr_topnav.show{top:0px;} #cr_topnav.hide{top:-120px;} #cr_topnav .btn_home{display:block;padding:32px;float:left;} #cr_topnav .btn_home > img{width:104px;} #cr_topnav::after{content:'';display:block;height:0px;line-height:0px;clear:both;} #cr_topnav #btn_mobile_nav{display:block;top:0px;position:absolute;right:0px;z-index:1100;padding:18px;} /*#cr_topnav #btn_mobile_nav{display:block;float:right;top:12px;position:relative;right:0px;z-index:1100;} #cr_topnav .cr_img{position:relative;display:block;float:left;width:152px;}*/ #cr_topnav nav{padding:0 0px;width:100%;box-sizing:border-box;} #cr_topnav nav ul{list-style-type:none;position:relative;height:auto;box-sizing:border-box;} #cr_topnav nav ul::after{content:'';display:block;width:100%;height:0px;clear:both;} #cr_topnav nav ul li:last-child{margin-right:0px;} #cr_topnav nav ul li a{text-decoration:none;text-transform:uppercase;transition:all 0.2s ease-out;letter-spacing: 3px;font-weight:300;position:relative;display:block;} #cr_topnav nav ul li a.active{opacity:1;font-weight:bold;} @media all and (max-width: 767px) { #cr_topnav nav{position:absolute;width:100%;height:0px;top:0px;left:0px;display:block;z-index:1000;} #cr_topnav nav ul{position:absolute;width:100%;padding:72px 72px 72px 36px;top:0px;background-image:url('../img/takara_logo_white_transparent.svg');background-repeat:no-repeat;background-size:300px auto;background-position:right -113px bottom -20px;} #cr_topnav nav ul.open{top:0px;} #cr_topnav nav ul li{padding:6px 0px;} /*#cr_topnav nav a#link_logo_mobile{width:140px;margin-top:24px;margin-left:48px;position:absolute;} #link_logo_mobile img{width:100%;} #cr_topnav nav{position:fixed;width:100%;height:100%;top:0px;left:0px;text-align:center;display:block;opacity:0;z-index:1010;} #cr_topnav nav ul{width:calc( 100% - 96px );position:relative;margin:0 48px;} #cr_topnav nav a{display:block;width:auto;} #cr_topnav nav ul li{display:block;padding:6px 12px;margin-bottom:0px;} #cr_topnav.mobile nav ul li:first-child{position:absolute;bottom:-120px;}*/ } @media all and (min-width: 768px) { #cr_topnav nav{padding:0 0px;width:calc(100% - 216px);position:absolute;right:0px;top:39px;box-sizing:border-box;} #cr_topnav nav ul{list-style-type:none;position:relative;height:72px;padding:0 36px;} #cr_topnav nav ul li{line-height:72px;height:72px;padding:0px;margin-right:24px;float:left;} #cr_topnav nav ul li a::after{content:'';height:1px;width:0px;background:white;position:absolute;bottom:26px;left:0px;transition:all 0.2s ease-out;} #cr_topnav nav ul li a:hover::after{content:'';height:1px;width:100%;background:white;position:absolute;bottom:26px;left:0px;} #cr_topnav nav ul li a.active:hover::after{width:0px;} #cr_topnav #btn_mobile_nav{ top:0px;left:0px;position:absolute;z-index:1;width:auto; } #cr_topnav #btn_mobile_nav.small{width:72px;height:auto;left:auto;right:0px;padding:18px;top:0px;} /*#cr_topnav .cr_img{width:120px;} #cr_topnav .btn_home{margin-right:18px;} #cr_topnav nav{width:calc( 100% - 138px );position:relative;float:left;} #cr_topnav nav ul{width:100%;display:block;} #cr_topnav nav ul li:first-child{float:right;margin-right:0px;} #cr_topnav nav ul li{float:left;margin-right:12px;line-height:36px;font-size:0.875em;padding:0px;} #cr_topnav nav ul::after{content:'';display:block;height:0px;line-height:0px;clear:both;width:100%;}*/ /*#cr_nav_shortcuts{right:56px;}*/ } @media all and (min-width: 1024px) { #cr_topnav nav ul li{margin-right:36px;} /*#cr_topnav .btn_home{margin-right:48px;} #cr_topnav .cr_img{width:152px;} #cr_topnav nav{width:calc( 100% - 200px );position:relative;float:left;} #cr_topnav nav ul li{margin-right:18px;font-size:1em;line-height:48px;}*/ /*#cr_nav_shortcuts{right:63px;}*/ } @media all and (min-width: 1200px) { #cr_topnav .btn_home{display:block;padding:32px;float:left;} #cr_topnav .btn_home > img{width:124px;} #cr_topnav nav{padding:0 0px;width:calc(100% - 234px);position:absolute;right:0px;top:47px;box-sizing:border-box;} #cr_topnav nav ul{padding:0 36px 0 48px;} #cr_topnav nav ul li{margin-right:48px;} } @media all and (min-width: 1600px) { #cr_topnav nav{padding:0 0px;width:calc(50% + 800px - 191px - 44px);position:absolute;right:0px;top:47px;box-sizing:border-box;} /*#cr_topnav .btn_home > img{width:200px;}*/ #cr_topnav nav{width:calc( (1600px - 306px) + (( 100% - 1434px )/2) );} } /*----------------------------------------------------------*/ /* BUTTONS . */ /*----------------------------------------------------------*/ a.link_border{font-weight:bold;text-transform:uppercase;font-size:1em;display:inline-block;line-height:2;padding:0px 0;position:relative;text-decoration:none;} a.link_border::after{content:'';display:block;height:5px;width:60px;background:#c18011;transition:all 0.2s ease-out;} a.link_border:hover::after{width:84px;} @media all and (min-width: 768px) { } @media all and (min-width: 1024px) { .button_outline, .button_fill_noshadow{padding:6px 18px;line-height:24px;} } /*#cr_button_home:hover, #cr_button_home:hover #button_home{ width:100%; }*/ /*----------------------------------*/ /* TEXT */ /*----------------------------------*/ h1{font-family: 'Spectral SC', serif;} #container_solaris h1{font-family:'Poppins', sans-serif;font-weight:700;} h1{font-size:1.75em;line-height:1.125;margin-top:0px;margin-bottom:0.45em;font-weight:300;} #cr_home1 h1{font-size:1.75em;} h1 a{text-decoration:none;} h2{font-size:1.375em;line-height:1.15;margin-top:0px;margin-bottom:0.75em;} #container_solaris h2{font-weight:400;line-height:1.25;} #cr_specs h2{font-weight:700;} .text-img h2{margin-bottom:12px;} .product_item h2{margin-bottom:0px;font-size:1em;display:block;} h2 a{text-decoration:none;font-weight:700;} h3, .cr_info{font-size:1.25em;line-height:1.14;margin-top:0px;margin-bottom:0.6em;font-weight:600;} #container_solaris h3{font-weight:400;line-height:1.25;} h4{font-size:1em;line-height:1.111;text-transform:uppercase;font-weight:700;margin-top:0px;margin-bottom:0.6em;} p, #cr_home1 .cntnt > div:nth-child(1) p:last-child{font-size:0.875em;line-height:1.625;display:block;font-weight:400;margin-bottom:1em;} p.big, span.big{font-size:1.125em;line-height:1.375;margin-bottom:1.25em;} p.info, span.info{font-style:italic;line-height:1.5;font-size:0.875em;} p strong{font-weight:700;} p:last-child{margin-bottom:0px;} p a{text-decoration:none;display:inline-block;border-bottom-width:1px;border-bottom-style:solid;} p a.noborder{text-decoration:none;display:inline-block;border-bottom-width:1px;border-bottom-style:solid;border-color:rgba(255,255,255,0);transition:all 0.2s ease-out;position:relative;} p a.noborder::after{content:'';display:block;position:absolute;bottom:4px;height:1px;background:white;width:100%;transition:all 0.1s ease-out;} footer p{margin-bottom:0px;} .underline{text-decoration:underline;} .italic{font-style:italic;} .highlight, .highlight a{font-style:italic;font-weight:700;text-decoration:none;} #cr_topnav.mobile nav ul li a{font-size:1.25em;text-decoration:none;line-height:36px;display:inline-block;} #cr_topnav.mobile nav ul li a.button_outline{line-height:30px;} #cr_topnav.mobile nav ul li{text-align:left;border-bottom:1px solid #a2661e;padding:9px 0px;} @media all and (min-width: 768px) { #cr_home1 h1{font-size:2.75em;} h1{font-size:2.375em;} h2{font-size:1.625em;} #container_solaris h3{font-size:1.5em;} p, #cr_home1 .cntnt > div:nth-child(1) p:last-child{font-size:1em;} #container_solaris p.big{font-size:1.375em;} } @media all and (min-width: 1200px) { #cr_home1 h1{font-size:3.75em;} h1{font-size:3.25em;} h2{font-size:2.625em;} #container_solaris h3{font-size:2em;} p, #cr_home1 .cntnt > div:nth-child(1) p:last-child{font-size:1em;} } @media all and (min-width: 1600px) { #cr_home1 h1{font-size:4.75em;} #container_solaris h1{font-size:4.5em;} h2{font-size:2.75em;} #container_solaris h3{font-size:2.125em;} #container_solaris h2{font-size:2.25em;} p, #cr_home1 .cntnt > div:nth-child(1) p:last-child{font-size:1em;} }