* {
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border-radius: 0 !important;
}
@font-face {
font-family: 'DXB';
src: url('../fonts/DaxlinePro-Bold.eot?#iefix') format('embedded-opentype'),
url('../fonts/DaxlinePro-Bold.woff') format('woff'), url('../fonts/DaxlinePro-Bold.ttf')  format('truetype'), url('../fonts/DaxlinePro-Bold.svg#DaxlinePro-Bold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'DXR';
src: url('../fonts/DaxlinePro-Regular.eot?#iefix') format('embedded-opentype'),
url('../fonts/DaxlinePro-Regular.woff') format('woff'), url('../fonts/DaxlinePro-Regular.ttf')  format('truetype'), url('../fonts/DaxlinePro-Regular.svg#DaxlinePro-Regular') format('svg');
font-weight: normal;
font-style: normal;
}
/* ::selection {background: orange; color: white;} */
article, aside, details, div, figcaption, figure, footer, header, hgroup, nav, section {display: block;}
body, img, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, blockquote, dl, dt, dd, button, input {
margin: 0;
padding: 0;
}
a, a:hover, a:active, a:visited {text-decoration: none; outline: none !important;}
.clear {
clear:both;
float: none !important;
}
a {
color: #1a6c7f;
color: #3fa5b8;
color: #024f5c;
}
a:hover {
text-decoration: underline;
}
html, body {
height: 100%;
}
body {
font-family: Tahoma, Arial;
font-size:62.5%;
margin-right: 0 !important;
background: url(../i/pattern.png) center top;
/* 	color: #024e5c; */
/* 	color: #435152; */
}
.label {
font:normal 13px/20px 'DXR',Arial, Tahoma;
color: #fff;
display: block;
padding-left: 25px;
position: relative;
margin: auto;
}
.label a {color: #fff;}
#cb ~ input[type="submit"] {
opacity: 0.5;
margin: 10px 0;
pointer-events: none;
}
#cb:checked ~ input[type="submit"] {
opacity: 1;
pointer-events: all;
}
.check {
width: 18px;
height: 18px;
vertical-align: middle;
display: inline-block;
border: 1px solid #fff;
background: #cfcfcf;
margin-right: 5px;
position: absolute;
top:2px;left: 0;
}
#cb {
display: none;
}
#cb:checked ~ label .check {
background: #fff;
text-align: center;
}
#cb:checked ~ label .check:after {
content: "✓";
font-size: 13px;
line-height: 20px;
color: #024e5c;
font-family: Arial;
}
.center {
max-width: 1200px;
margin: 0 auto;
}
#wrap {
min-height: 100%;
}
#main {
padding-bottom: 300px;
}
body:before {
content: "";
float: left;
height: 100%;
margin-top: -32767px;
width: 0;
}
.fancybox-lock {
overflow: visible;
}
.fancybox-overlay {
overflow: hidden !important;
}
img {
max-height: 100%;
max-width: 100%;
}
ul { list-style-type: none;}
h1 {font-size:22px;}
h2 {font-size:21px;}
h3 {font-size:20px;}
h4 {font-size:19px;}
h5 {font-size:18px;}
h6 {font-size:17px;}
.live-edit {
position: relative;
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
min-height: 20px;
}
.live-edit:hover {
box-shadow:  0px 0px 0px 1px white,  0px 0px 0px 2px black, 0px 0px 0px 3px white;
box-shadow:  0px 0px 0px 1px rgba(255, 255, 255, 0.8),  0px 0px 0px 2px black, 0px 0px 0px 3px rgba(255, 255, 255, 0.8);
padding: 10px;
margin: -10px;
z-index: 2;
}
.live-edit > .live-edit-a {
position: absolute;
width: 30px;
height: 0px;
opacity: 0;
overflow: hidden;
background: #fff;
top:-30px;
right: -30px;
z-index: 222;
background: url('data:image/png;base64,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') center center no-repeat #fff;
background-size: 20px;
-webkit-transition:  top 0.2s linear,opacity 0.2s linear,right 0.2s linear;
-moz-transition: 	 top 0.2s linear,opacity 0.2s linear,right 0.2s linear;
-o-transition: 	     top 0.2s linear,opacity 0.2s linear,right 0.2s linear;
transition: 		 top 0.2s linear,opacity 0.2s linear,right 0.2s linear;
}
.live-edit-missing {
font: 100 14px/24px 'Arial';
color: #666666;
}
.live-edit:hover > .live-edit-a {
height: 30px;
opacity: 1;
top:-10px;
right: -10px;
box-shadow:  0px 0px 0px 1px white,  0px 0px 0px 2px black, 0px 0px 0px 3px white;
cursor: pointer;
}
.live-edit:hover > .live-edit-a:hover {
box-shadow:  0px 0px 0px 2px white, 0px 0px 0px 3px black;
}
/* ------------------------------------ GENERAL ------------------------------------- */
.right {
float: right;
}
.left {
float: left;
}
.no-border {  border: none !important;}
.no-right {   border-right: none !important;}
.no-left {    border-left: none !important;}
.no-bottom {    border-bottom: none !important;}
.no-top {    border-top: none !important;}
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hidden {
display: none;
}
.tabulation {
display: inline-block;
width: 10px;
}
.uppercase {
text-transform: uppercase !important;
}
/* ERROR SUCCESS */
.error, .success, .warning, .note {
position: relative;
width: auto;
margin: 20px 0px;
padding: 10px 15px;
font: bold 14px/18px Tahoma, "DXR", Arial, sans-serif;
color: #15172c;
}
.error {	background: #fd8b8b;}
.warning {	background: #fcdf8b;}
.success {	background: #9EE481;}
.note { 	background: #81C9E4;}
.error ul, .success ul {
list-style-type: disc;
list-style-position: inside;
}
.error a:hover, .success a:hover, .field-error a { text-decoration: underline; }
.error404 {
width: 100%;
font-size: 100%;
max-width: 420px;
margin: 0 auto;
padding: 10% 0 15%;
text-transform: uppercase;
}
.error404 div {
font: normal 240px/240px 'DXB',Tahoma, 'Arial';
color: #414343;
}
.error404 p {
color: #414343;
font: normal 30px/42px Arial,'Georgia','Playfair Display';
}
.error404 a {
font: normal 17px/42px 'DXR';
color: #3fa5b8;
}
.ct {
font-family: Tahoma;
color: #024e5c;
}
._close {
position: absolute;
top: 6px;
right: 6px;
font-size: 2em;
color: #000000;
}
#generror {
background: #000;
background: rgba(0, 0, 0, 0.7);
position: fixed;
top:0;
left: 0;
right: 0;
height: 100%;
z-index: 1000;
}
#generror > div.bodyerror {
max-width: 930px;
min-height: 113px;
background: #fff;
margin: 0% auto;
position: relative;
top: 33%;
}
#generror .icon {
width: 40px;
background: #FAC017;
float: left;
position: absolute;
top: 0;
bottom: 0;
height: auto;
left: 0;
}
#generror .icon + div    {
background: white;
min-height: 73px;
padding: 20px;
margin-left: 40px;
}
#generror h6 {
font: bold 22px/22px 'DXR';
color: #7a3836;
text-transform: uppercase;
margin-bottom: 20px;
}
#generror p {
font: normal 14px/22px 'DXR';
color: #424242;
}
body.overflow-hidden {
overflow: hidden;
}
._gclose {
position: absolute;
top: 15px;
right: 15px;
font-size: 2em;
color: #000000;
width: 26px;
height: 26px;
text-align: center;display: block;
font-family: 'Raleway';
opacity: 0.8;
}
._gclose:hover {
opacity: 1;
text-decoration: none;
}
/* INPUT types and FANCYFIELDS */
input[type="text"],input[type="email"],input[type="password"],input[type="data"], textarea {
border: 1px solid transparent;
border-bottom: 1px solid #4e848d;
border-radius: 0;
padding: 0px 10px;
width: 100%;
box-shadow: 0;
display: inline-block;
font: normal 15px/42px 'DXR',Arial, Tahoma;
color: #024f5c;
height: 40px;
background: 0;
margin-bottom: 20px;
}
input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,input[type="data"]:focus, textarea:focus {
border-bottom-color:#fff !important;
}
textarea {
height: 120px;
resize: none;
line-height: 22px;
margin-bottom: 20px;
}
/* article */
article {
padding-bottom: 40px;
padding-top: 1px;
}
article, p, article p, article ul, article ol {
color: #435152;
font: normal 14px/24px Tahoma, Arial;
}
article ul, article ol, article p {
margin: 10px 0;
}
article ol{
list-style-position: inside;
}
article ul {
list-style-position: outside;
padding-left: 20px;
}
article ul {
list-style-type: disc;
}
article ol {
list-style-type: decimal;
list-style-position: inside;
}
article ul ul,
article ol ul {
list-style-type: circle;
list-style-position: inside;
margin-left: 15px;
}
article ol ol,
article ul ol {
list-style-type: lower-latin;
list-style-position: inside;
margin-left: 15px;
}
article a:hover {
text-decoration: underline;
}
article h1,
article h2,
article h3,
article h4,
article h5,
article h6 {
font-family: "DXB", Tahoma, Arial;
font-weight: normal;
margin: 5px 0;
}
article a {
color: #3fa5b8;
}
/*  END GENERAL */
/* ------------------------------------ HEADER ------------------------------------- */
header {
top:0;
width: 100%;
z-index: 999;
background-color: #ffffff;
}
.header-top {
background: #1a7b8d;
}
.top-menu li {
float: left;
}
.top-menu a {
font: normal 13px/34px 'DXR';
height: 36px;
color: #fff;
text-transform: uppercase;
border-top:4px solid transparent;
margin-right: 20px;
display: block;
text-decoration: none;
}
.top-menu .active > a,
.top-menu a.active,
.top-menu a:hover {
border-top-color: #fff;
}
.menu + label {display: none;}
.header-top {
text-align: right;
color: #ffffff;
font: normal 13px/40px 'DXR';
}
.header-top a {
color: inherit;
}
.quickcontact,
.quickcontact > *,
.lang {
display: inline-block;
vertical-align: top;
}
.social {
margin-left: 10px;
padding-left: 5px;
}
.social a {
font-size: 0;
background-image:url(../i/social.png);
background-repeat: no-repeat;
background-color: transparent;
width: 24px;
height: 40px;
display:inline-block;
vertical-align: top;
}
.fb {background-position: 9px 13px;}
.gp {background-position:-17px 14px;}
.in {background-position:-43px 13px;}
.fb:hover {background-position: 9px -31px;}
.gp:hover {background-position: -17px -30px;}
.in:hover {background-position: -43px -31px;}
.lang > a,
.lang select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border: 0;
color: #fff;
padding: 11px 10px 9px;
text-align: center;
/*     background: url(../i/_spriteCB.png) 70px 18px no-repeat transparent; */
border-radius: 0;
display: inline-block;
vertical-align: top;
max-width: 100px;
width: 100px;
font: normal 12px/22px 'DXR';
}
.social,
.lang {
border-left: 1px solid #4c98a6;
}
.lang > a:hover,
.lang select:hover {
background-color: #fff;
background-image: none;
color: #075463;
text-decoration: none;
}
.header-bottom {
/*     height: 78px; */
}
.logo {
float: left;
margin-right: 20px;
}
nav {
margin-left: 285px;
display: block;
float: none;
width: auto;
}
nav .top-menu {
display: none;
}
nav ul {
display: inline-block;
width: 100%;
}
nav ul li {
float: left;
position: relative;
z-index: 222;
}
nav > ul > li > a {
display: inline-block;
font:300 18px/40px 'DXR';
padding: 24px 0px 14px;
margin-right: 45px;
color: #435152;
text-transform: uppercase;
display: block;
border-bottom: 4px solid transparent;
}
nav ul li.right > a {
margin-right: 0;
}
nav > ul > li.active > a,
nav > ul > li > a.active,
nav > ul > li:hover > a,
nav > ul > li > a:hover {
color: #1a7b8d;
text-decoration: none;
border-bottom-color: #197b8d;
}
nav > ul > li.right:hover > a {
color: #fff;
}
nav > ul >  li > ul + a:after {
content:"";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: url(../i/_spriteCB.png) center -82px no-repeat;
}
nav > ul > li >  a.active:after,
nav > ul > li:hover > a:after {
background-position: center -596px;
}
nav > ul >  li > a {
text-transform: uppercase;
}
nav > ul > li.active >  a {
color:#197b8d;
}
nav > ul > li >  ul +  a.active,
nav > ul > li:hover > ul + a {
border-bottom-color: #197b8d;
}
nav > ul > li >  a.active,
nav > ul > li:hover > a {
color:#197b8d;
text-decoration: none;
}
nav > ul > li ul {
background: #ffffff;
border-radius: 0 0 4px 4px;
box-shadow: 3px 3px 0px rgba(0, 0, 0, 0.1);
padding: 5px 0;
}
nav > ul > li > ul {
padding: 20px 0px;
}
nav ul ul {
position: absolute;
top:100%;
min-width: 260px;
width: 100%;
background: #fff;
padding: 0px 10px 0;
top:-10000px;
left:-10000px;
-webkit-transition: opacity 0.2s linear ,transform 0.15s linear;
-moz-transition: 	opacity 0.2s linear ,transform 0.15s linear;
-o-transition: 	opacity 0.2s linear ,transform 0.15s linear;
transition: 	opacity 0.2s linear ,transform 0.15s linear;
transform: translateY(20px);
opacity: 0;
}
@media screen and (min-width:980px) {
nav ul ul li:hover > ul {
left: 100%;
top:0;
}
nav ul li:hover > ul {
top:100%;
left:0;
opacity: 1;
transform: translateY(0px);
}
}
nav ul ul li {position: relative;}
.submenu a,
nav ul ul li a {
font: normal 17px/20px 'DXR';
color: #435152;
padding: 14px 20px;
display: block;
text-decoration: none !important;
}
nav ul ul ul li a {
font-size: 15px;
}
nav ul ul li:last-child a{
border-bottom: 0;
}
nav > ul > li > ul > li > a {
padding-right: 35px;
}
.submenu li a:before,
nav > ul > li > ul > li > a:after {
content:"";
position: absolute;
top:8px;right: 10px;
display: inline-block;
vertical-align: middle;
height: 20px;
width: 15px;
margin-right: 5px;
background: url(../i/_spriteCB.png) center -395px no-repeat;
opacity: 0.3;
}
nav > ul > li > ul > li:hover > a:after {
opacity: 1;
}
.submenu > li.active > a,
.submenu > li >  a.active,
.submenu > li > a:hover,
nav ul ul > li.active > a,
nav ul ul > li >  a.active,
nav ul ul > li > a:hover {
color:#197b8d;
}
.submenu li,
nav ul ul li {
display: block;
float: none;
margin-right: 0;
}
.logo {
padding-top: 28px;
}
.bttn {
display: inline-block;
padding: 9px 20px 7px;
vertical-align: middle;
font: normal 14px/24px 'DXR';
text-transform: uppercase;
min-width: 200px;
text-align: center;
border-radius: 30px;
color: #197b8d;
text-decoration: none !important;
border: 0;
box-shadow: none;
}
.bttn.justlink {
background: 0 !important;
}
.bttn.justlink:hover {
color: inherit;
text-decoration: underline !important;
}
.bttn-main {
background: #197b8d;
color: #fff;
}
.bttn-active,
.bttn:hover,
.bttn-main:hover {
color: #fff;
background: #034f5d;
}
.bttn-big {
font-size: 17px;
padding: 15px 20px 11px;
}
.bttn-type3:hover,
body .bttn-active:hover {
background: #000;
}
.bttn-type3 {
background: #35727d;
color: #fff;
}
.fullwidth {
width: 100%;
}
.noradius {
border-radius: 0;
}
nav ul .bttn {
margin-top: 22px;
float: right;
}
@media screen and (min-width:767px) and (min-height:500px) {
header {
height: 122px;
}
.shrink .forfix .header-bottom {
position: fixed;
left: 0;
right: 0;
top:0;
background: #fff;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
z-index:999;
}
.shrink .forfix .header-bottom nav > ul > li > a {
height: 50px;
line-height: 34px;
padding: 10px 0px;
}
.shrink .forfix .header-bottom nav > ul > li.right > a {
margin-top: 9px;
padding: 0 20px;
height: auto;
}
.shrink .logo {
padding-top: 12px;
padding-bottom: 9px;
}
.shrink .header-bottom .center > .bttn {
margin-top: 5px;
margin-bottom: 5px;
}
}
/* ------------------------------------ END HEADER ------------------------------------- */
/* ------------------------------------ FOOTER ------------------------------------- */
footer {
background: #fff;
position: relative;
margin-top: -300px;
height: 300px;
clear: both;
border-top: 3px solid #024e5c;
font: normal 14px/20px 'DXR';
color: #435152;
}
.fbox {
float: left;
}
.fbox1,
.fbox2 {
width: 25%;
padding-right: 20px;
}
.fbox3 {
width: 20%;
padding-left: 3%;
}
.fbox4 {
width: 30%;
padding-left: 1%;
}
address {
margin-top: 35px;
font-style: normal;
}
.ftitle {
font: normal 14px/20px 'DXB';
color: #435152;
text-transform: uppercase;
}
.fbox p {
margin-top: 10px;
}
.nl {position: relative;margin-top: 20px;}
input[type="email"].nlmail {
width: 100%;
border: 1px solid #8cbdc6 ;
line-height: 38px;
height: 36px;
padding-right: 40px;
}
input[type="email"].nlmail:focus {
border-color: #000 !important;
}
.nlsubmit {
border: 0;
font-size: 0;
position: absolute;
right: 0;
top:0;
width: 40px;
height: 36px;
background: url(../i/_spriteCB.png) center -250px no-repeat;
}
.nlsubmit:hover {
-webkit-filter:grayscale(1);
-moz-filter:grayscale(1);
-o-filter:grayscale(1);
}
.fmenu {
margin-top: 10px;
}
.fmenu li {display: block;}
.fmenu a {
font: normal 13px/22px 'DXR';
color: #435152;
display: block;
}
.columns {
-webkit-columns:2;
-moz-columns:2;
columns:2;
}
/*
.fmenu.caps a {
text-transform: uppercase;
}
*/
.footer-top {
padding: 40px 0 20px;
background: #ffffff;
min-height: 236px;
}
.footer-bottom {
background: #f0f0f0;
padding: 20px 0;
}
.footer-bottom {
font: normal 12px/24px 'DXR';
color: #435152;
}
.copyleft {float: left; height: 20px;}
.copyright {float: right;height: 20px;}
.copyright img {
width: 67px;
}
/* ------------------------------------ END FOOTER ------------------------------------- */
.content {
border-top: 6px solid #024e5c;
}
.content.index {
border-top:0;
}
.index-top {
height: 540px;
overflow: hidden;
width: 100%;
background: url(../i/top.jpg) center top no-repeat;
color: #fcfcfc;
position: relative;
}
.index-top .owl-controls {
position: absolute;
left: 0;right: 0;
bottom: 20px;
max-width: 1200px;
margin: auto;
text-align: center;
}
.index-top .owl-dot {
width: 10px;
height: 10px;
background: #fff;
display: inline-block;
vertical-align: middle;
margin: 3px;
opacity: 0.6;
}
.index-top .owl-dot.active {
opacity: 1;
}
.top-slide {
height: 540px;
position: relative;
display: block;
text-decoration: none !important;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
.index-top .center {
position: relative;
height: 100%;
padding: 1px 0 90px 1px;
}
.overlaybig {
background: url('../i/overlaybig.png') center top no-repeat;
background-size: cover;
position: absolute;
left: 0;right: 0;top:0;
bottom: 0;
overflow: hidden;
}
.index-top .sectitle {
margin: 100px 0 0px;
}
.index-top .blogpreview {
font: normal 15px/22px 'DXR';
color: #fff;
}
.index-top h1 {
font: normal 55px/65px 'DXB';
text-transform: uppercase;
margin: 100px 0 20px;
}
.index-top h2 {
font: normal 30px/40px 'DXB';
}
.index-top strong {
font: normal 40px/50px 'DXB';
margin-top: 15px;
display: block;
}
.column {
width: 50%;
}
.column-wrap {
font-size: 0;
}
.column-wrap .column {
display: inline-block;
vertical-align: top;
}
.column-wrap .column+.column {
padding-left: 20px;
}
.scroll {
width: 160px;
height: 80px;
display: inline-block;
vertical-align: top;
position: absolute;
bottom: 0px;
left: 0;
background: url(../i/scrolldown.png) center center no-repeat;
}
.sectitle {
font: normal 30px/32px 'DXB';
color: #197b8d;
text-transform: uppercase;
padding: 30px 0;
}
.slider-pre-wrap.left {
width: 50%;
max-width: 500px;
}
.slider-wrap .slide {
margin-bottom: 20px;
}
.slide-title {
font: normal 20px/28px 'DXB';
color: #435152;
margin-bottom: 5px;
text-transform: uppercase;
display: inline-block;
vertical-align: middle;
}
.slide-body,.slide-body * {
color: #435152;
font: normal 14px/24px 'DXR';
}
.slide-body p {
margin: 0 0 5px;
}
.container-slider .slide {
min-height: 180px;
}
.infowrap {
background: #f9f9f9;
padding:0;
display: block;
border-radius: 5px;
min-width: 380px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
cursor: pointer;
height: 90px;
-webkit-transition: all 0.3s linear;
-moz-transition: 	 all 0.3s linear;
-o-transition: 	 all 0.3s linear;
transition: 		 all 0.3s linear;
position: relative;
}
.infowrap .num {
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
}
.container-slider .pagination {
height: 300px;
margin-right: 140px;
margin-top: -45px;
}
.infowrap > div {
padding: 0px 30px;
padding-left: 100px;
height: 100%;
opacity: 0.7;
}
.infowrap > div:after {
height: 100%;
content: "";
display: inline-block;
vertical-align: middle;
}
.infowrap > div .icon {
position: absolute;
top:40px;
top:28px;
left: 30px;
}
.container.icon {
width: 50px;
height: 32px;
background-position: center -21px;
}
.infowrap:hover {
background: #fff;
opacity: 1;
}
.infowrap.active > div {
opacity: 1;
}
.infowrap.active > div .icon {
top:37px;
}
.infowrap.active {
background: #fff;
margin: -10px -20px;
z-index: 3;
height: 104px;
}
.infowrap.prev,
.infowrap.next {
z-index: 2;
}
.infowrap .slide-title {
margin-bottom: 0;
max-height: 60px;
overflow: hidden;
width: 100%;
text-align: left;
}
.infowrap.future,
.infowrap.past,
.container-slider .infowrap.active + .infowrap + div ~ div,
.infowrap.active + .infowrap + div + div ~ div,
.container-slider .infowrap.active + .infowrap + div,
.infowrap.active + .infowrap + div + div {
opacity: 0;
height: 0;
overflow: hidden;
z-index: -1;
}
.size {
color: #435152;
font: normal 13px/24px 'DXR';
}
.index-slide {
background: url(../i/top_bottom.jpg) center top no-repeat;
}
.slider-nav {
position: absolute;
right: 30px;
top:178px;
}
.container-slider .slider-nav {
top:135px;
}
.slider-nav a {
padding: 1px;
width: 40px;
height: 40px;
text-align: center;
display: block;
border-radius: 30px !important;
background: #fff;
position: relative;
border: 1px solid rgba(0, 0, 0, 0.1);
overflow: hidden;
transform: translateZ(0px);
-webkit-transition: all 0.1s linear;
-moz-transition: 	 all 0.1s linear;
-o-transition: 	 all 0.1s linear;
transition: 		 all 0.1s linear;
}
.slider-nav a:after {
background: transparent;
display: block;
position: absolute;
z-index: 22;
width: 38px;
left: -3px;
top: -3px;
height: 38px;
content: "";
border-radius: 200px;
border: 2px solid #197b8d;
transform: rotateZ(0);
transform-origin: center 22px;
border-radius: 200px;
}
.slider-nav a.next:after {
opacity: 0;
}
.invert .slider-nav a:after {
border-color: #fff;
}
@keyframes tz {
0% {    transform: rotateZ(0);}
100% {  transform: rotateZ(359deg);}
}
.slider-nav a .icon {
margin:6px 0 0 2px;
}
a.next {
margin-top:10px;
}
.slider-nav a:hover:after {
/*     display: none; */
opacity: 1;
-webkit-animation: tz 2s linear infinite;
-moz-animation:    tz 2s linear infinite;
-o-animation:      tz 2s linear infinite;
animation:         tz 2s linear infinite;
}
.icon {
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
background-image: url(../i/_spriteCB.png);
background-repeat: no-repeat;
background-color: transparent;
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
}
.icon.up {    background-position: center -189px;}
.icon.down {  background-position: center -213px;}
.slider-nav a:hover .icon.up {    margin-top: 4px;}
.slider-nav a:hover .icon.down {  margin-top: 8px;}
/* a:hover .icon.up, */
.invert .icon.up {    background-position: center -128px;}
/* a:hover .icon.down, */
.invert .icon.down {  background-position: center -152px;}
/* .slider-nav a:hover, */
.invert .slider-nav a {
background: #197b8d;
border-color: #fff;
}
.container-slider .center {
position: relative;
height: 369px;
}
.buttons {
clear: both;
}
.buttons .bttn {
margin-left: 5px;
}
.slide .buttons {
margin-top: 20px;
}
.index-slide.invert {
background: #197b8d;
position: relative;
height: 470px;
overflow: hidden;
width: 100%;
}
.invert .slider {
position: absolute;
overflow: hidden;
left: 0;right: 0;top:0;bottom: 0;
}
.invert .slider:after {
content: "";
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top:0;
background: url(../i/overlay.png) center center repeat-x;
pointer-events: none;
}
.invert .slider .slide {
display: block;
width: 100%;
height: 100%;
min-height: 470px;
/*     background-size: contain; */
background-position: left center;
background-repeat: no-repeat;
}
.hovered .suggestions-btn {
background: #024f5c;
color: #fff;
}
.suggestions-btn,
.invert .slider .slide .bttn {
width: 150px;
height: 150px;
min-width: 0;
border-radius: 300px !important;
padding: 0;
text-align: center;
position: absolute;
z-index: 1;
background: #fff;
color: #435152;
font: normal 16px/154px 'DXB';
display: block;
bottom: 20px;
right: 590px;
pointer-events: none;
}
.invert .center {position: relative; z-index: 2;}
.invert .column {
float: left;
}
.invert .sectitle {
color: #fff;
}
.viewall {
font: normal 14px/22px 'DXR';
text-transform: none;
color: #435152;
}
.viewall .icon {
margin-right: 10px;
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
position: relative;
right: 0;
}
.viewall:hover .icon {
right: -5px;
}
.icon.harrow {
width: 40px;
height: 20px;
background-color: transparent;
background-position: center -295px;
}
.icon.white.harrow {
background-position: center -330px;
}
.invert .viewall {
color: #fff;
}
.invert .column+.column {
padding-left: 70px;
}
.custompagination {
width: 380px;
}
.custompagination .num {
display: inline-block;
vertical-align: middle;
font: normal 35px/45px 'DXB';
color: #acc5c9;
width: 42px;
height: 42px;
margin-right: 20px;
}
.custompagination .active .num {
color: #197b8d;
margin-left: 20px;
}
.custompagination .active + div {
border-bottom: 1px solid #81a7ae;
}
.custompagination .infowrap {
background: #024e5c;
box-shadow: none;
}
/*
.custompagination .infowrap.prev div,
.custompagination .infowrap.next div {
height: 90px;
}
*/
.custompagination .infowrap.prev .slide-title,
.custompagination .infowrap.next .slide-title {
max-height: 40px;
}
.custompagination .infowrap.active {
background: #fff;
}
.custompagination .infowrap > div {
padding-left: 30px;
}
.custompagination .slide-title {
width: 250px;
display: inline-block;
vertical-align: middle;
font: normal 17px/20px 'DXR';
color: #fff;
text-transform: none;
text-align: left;
}
.custompagination .active .slide-title {
color: #435152;
text-transform: none;
}
.blogtitle {
color: #435152;
font: normal 16px/24px 'DXB';
display: block;
padding-left: 20px;
max-height: 67px;
overflow: hidden;
}
.bloglist {
padding: 20px 0 30px;
}
.bloglist ul {
display: inline-block;
width: 100%;
}
.bloglist li {
padding: 20px 0;
width: 31.33%;
margin: 0 1% 1%;
float: left;
height: 410px;
}
.index-blog .bloglist li {
height: auto;
}
.bloglist .img-wrap {
width: 100%;
height: 174px;
display: block;
max-width: 310px;
padding-left: 20px;
padding-bottom: 20px;
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
opacity: 1;
}
.bloglist .img-wrap img {
width: 100%;
height: 100%;
object-fit:cover;
}
.bloglist a:hover .img-wrap {
opacity: 0.8;
}
.bloglist li hr {
border: 0;
height: 3px;
background: #197b8d;
width: 140px;
display: block;
vertical-align: top;
margin: 10px 0;
}
.bloglist li a {
display: block;
text-decoration: none !important;
}
.bloglist li a:hover .blogtitle {
color: #000;
}
.blogtitle:after {
content: "";
display: inline-block;
vertical-align: middle;
width: 20px;
height: 20px;
background: url(../i/_spriteCB.png) transparent -20px -295px no-repeat;
margin-left: 5px;
opacity: 0;
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
}
.bloglist li a:hover .blogtitle:after {opacity: 1;}
.bloglist li a:hover .blogpreview {
opacity: 0.7;
}
.bloglist li a:hover hr {
width: 50%;
background: #000;
-webkit-transition: all 0.1s linear;
-moz-transition: 	 all 0.1s linear;
-o-transition: 	 all 0.1s linear;
transition: 		 all 0.1s linear;
}
.blogpreview {
font: normal 14px/24px 'DXR';
color: #435152;
padding-left: 20px;
display: block;
}
.pagetitle {
font: normal 25px/1.2 'DXB';
color: #435152;
padding: 23px 0 21px;
border-bottom: 1px solid #8abbc4;
}
.breadcrumbs {
padding: 7px 0;
}
.breadcrumbs > * {
font: normal 13px/24px 'DXR';
color: #435152;
white-space: nowrap;
display: inline-block;
vertical-align: middle;
}
.breadcrumbs a:after {
content: "";
width: 20px;
height: 20px;
display: inline-block;
vertical-align: top;
background: url(../i/_spriteCB.png) center -361px no-repeat;
}
.pagination {
font-size: 0;
text-align: center;
padding-bottom: 20px;
}
.pagination > a,
.pagination > span {
display: inline-block;
vertical-align: top;
width: 38px;
height: 38px;
border:1px solid #000000;
border:1px solid rgba(0, 0, 0, 0.1);
background: transparent;
color: #197b8d;
font: normal 17px/40px 'DXB';
text-align: center;
border-radius: 100px;
margin: 0 4px;
}
.pagination > a.active,
.pagination > a:hover,
.pagination > span {
color: #fff;
text-decoration: none;
background: #197b8d;
}
.img-wrap.right {
max-width: 500px;
margin-left: 30px;
margin-bottom: 20px;
}
.thumbnails {
font-size: 0;
margin: 0 -1%;
}
.thumbnails > a {
width: 48%;
margin: 1%;
display: inline-block;
vertical-align: top;
}
.blog article {
/*     margin-right: 530px; */
}
.prodlist {
margin: 0 -1.5%;
}
.prodlist li {
background: #f4f4f4;
float: left;
width: 22%;
margin: 10px 1.5% 40px;
}
.prodlist .img-wrap {
width: 100%;
height: 230px;
text-align: center;
background: #fff;
font-size: 0;
display: block;
border-bottom: 4px solid #0c5b6a;
margin-bottom: 10px;
padding: 10px;
}
.prodlist .img-wrap img {
vertical-align: middle;
}
.prodlist .img-wrap:after {
content: "";
height: 100%;
display: inline-block;
vertical-align: middle;
}
.pinfo {
text-align: center;
}
.buttons-wrap {
padding: 20px 0;
}
.buttons-wrap .bttn {
margin-top: 10px;
margin-bottom: 10px;
}
.ptitle {
font: normal 19px/24px 'DXB';
text-transform: uppercase;
color: #4c595a;
padding: 20px 0;
}
.products .ptitle {
padding-left: 10px;
height: 88px;
padding-right: 10px;
}
.dimensions {
font: normal 14px/30px 'DXR';
color: #666565;
text-align: center;
}
.contacts textarea,
.contacts input {
color: #fff !important;
}
.form-wrap {
width: 420px;
background: #024f5c;
padding: 20px;
}
.g-recaptcha > div {
margin: 0 auto 20px;
}
.address-wrap {
background: #fff;
padding: 20px 40px;
width: 300px;
}
.contacts {
position: relative;
padding: 1px 0;
}
.map-wrap {
position: absolute;
left: 0;right: 0;
bottom: 0;
top:0;background: url(../i/mapbgr1.jpg) center top no-repeat;
background-size: cover;
-webkit-transition: all .1s linear;
-moz-transition: 	 all .1s linear;
-o-transition: 	 all .1s linear;
transition: 		 all .1s linear;
cursor: pointer;
min-height: 1000px;
}
.map-wrap.bgr2 {
background-image: url(../i/mapbgr2.jpg);
}
.contacts .center {
position: relative;
z-index: 2;
height: 0;
}
.floatingbox {
display: table;
box-shadow: 0 0 5px #000;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
margin: 250px 40px 200px 0;
float: right;
border-radius: 5px;
overflow: hidden;
}
.form-wrap, .address-wrap {
display: table-cell;
vertical-align: top;
}
.address-wrap address {
margin-top: 0px;
}
.address-wrap h1 {
color: #435152;
font-size: 30px;
}
.addr-wrap, .address-wrap a {
font: normal 14px/24px 'DXR';
color: #435152;
}
.addr-wrap {
padding-left: 30px;
position: relative;
padding-bottom: 20px;
}
.addr-wrap .icon {
position: absolute;
left: 0;
top:-1px;
}
.icon.location { background-position: center -437px; }
.icon.email    { background-position: center -484px; }
.icon.phone    { background-position: center -532px; }
.icon.fax      { background-position: center -584px; }
.addr-wrap a:hover .icon {
margin-top: -2px;
}
.left.images {
width: 340px;
width: 500px;
float: left;
margin-right: 30px;
margin-top: 10px;
}
.images .img-wrap {
width: 340px;
width: 500px;
height: 190px;
height: 281px;
display: block;
margin-bottom: 20px;
}
.images .img-wrap img {
vertical-align: top;
width: 100%;
height: 100%;
object-fit:cover;
}
.images .text-center {
font-size: 0;
margin-right: -3%;
overflow: hidden;
margin-bottom: 20px;
}
.images .text-center a {
width: 47%;
height: 62px;
height: 135px;
display: block;
float: left;
margin-right: 3%;
margin-bottom: 10px;
margin-bottom: 20px;
}
.images .text-center a img {
object-fit:cover;
width: 100%;
height: 100%;
}
article .quickcontact {
background: #f4f4f4;
border-top:6px solid #1a7b8d;
border-radius: 5px;
padding: 20px;
display: block;
}
article .quickcontact i {
margin-right: 10px;
}
article .quickcontact a {
font: normal 14px/28px 'DXR';
display: inline-block;
vertical-align: middle;
color: #435152;
}
article .quickcontact a + a {
margin-left: 70px;
}
.images + article {
margin-left: 530px;
}
/* ---- Templates Preview ---- */
div#templates-preview {
position: fixed;
top: 10px;
left: 10px;
background-color: #fff;
border: 1px solid #ccc;
color: #3C6C07;
padding: 0px;
margin-bottom: 10px;
z-index: 98710;
text-align: left;
opacity: 1;
font-size: 11px;
width: 7px;
height: 7px;
overflow: hidden;
text-indent: -9999px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
line-height: 20px;
}
div#templates-preview:hover {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
opacity: 1;
width: auto;
height: auto;
padding: 10px;
text-indent: 0;
cursor: help;
background-color: #F1F1F1;
}
div#templates-preview a:hover {
color: black;
text-decoration: underline;
}
article table,
.product-table {
border-top:3px solid #2c5f69;
padding-bottom: 30px;
}
table {
width: 100%;
background: #f4f4f4;
}
table tbody tr:nth-child(even) {
background: #e0e0e0;
}
table td, th {
font: normal 14px/18px 'DXR';
padding: 15px 15px;
color: #666565;
}
table td+td {
border-left: 1px solid rgba(0, 0, 0, 0.2);
}
.product-table td {min-width: 240px;}
.product-table td+td {width: 100%;}
.giant .bttn {
border-radius: 30px;
font-size: 17px;
letter-spacing: 0.5px;
margin-top: 10px;
padding: 20px 40px 15px;
}
.giant .bttn + .bttn {
margin-left: 20px;
}
.column-wrap article {
padding-bottom: 20px;
}
.column-wrap .block-bttn {
padding-bottom: 20px;
}
.block-bttn .bttn {
width: 100%;
padding: 80px 0;
font-size: 20px;
border-radius: 20px;
}
.block .bttn img {display: block;margin: 0 auto 20px;}
.block .bttn {
width: 100%;
padding: 80px 0;
font-size: 20px;
border-radius: 20px;
}
.block .bttn:hover {
-webkit-filter: grayscale(1);
-moz-filter: grayscale(1);
-o-filter: grayscale(1);
filter: grayscale(1);
}
.product-class {
padding: 20px 0;
display: inline-block;vertical-align: top;
width: 100%;
}
.product-class .prodlist {
margin: 0 -20px 0 0
}
.product-class li {
width: 20%;
padding-right: 25px;
margin: 0 0 80px;
height: auto;
background: 0;
}
.product-class .prodlist a {
display: block;
padding: 0;
border-bottom: 0;
}
.product-class .img-wrap {
width: 220px;
height: 124px;
}
.product-class .img-wrap img {
object-fit:cover;
width: 100%;
height: 100%;
}
.product-class .prodlist .ptitle {
padding: 10px 0;
font: normal 15px/22px 'DXB';
color: #435152;
text-align: left;
}
.product-class .sectitle {
font-size: 'DXR';
color: #197b8d;
font-weight: normal;
font-size: 20px;
padding: 20px 0;
text-transform: none;
}
.bttn-square {
background: #197b8d;
border-radius: 4px;
padding: 0 20px;
color: #fff;
line-height: 26px;
height: 26px;
min-width: 0;
position: relative;
}
h1 .bttn-square {
top:13px;
}
.invert .slider .slide span {display: none;}
/* vvvvvvvvvvvvvv < MEDIA QUERIES > vvvvvvvvvv */
@media screen and (min-width:1980px) {
.invert .slider .slide {background-size: cover;}
}
@media screen and (max-width:1240px) {
.center {
padding: 0 10px;
}
.index-top .center {
padding-left: 10px;
padding-right: 10px;
}
nav > ul > li > a {
margin-right: 15px;
}
nav {
margin-left: 255px;
}
}
@media screen and (max-width:1180px) {
.slide-body {
padding-right: 70px;
line-height: 22px;
}
.container-slider .pagination {
margin-right: 100px;
}
}
@media screen and (max-width:1080px) {
nav ul li.right > a,
nav > ul > li > a {
font-size: 15px;
}
nav ul li.right > a {
font-size: 13px;
min-width: 0;
}
.slider-nav {
display: none;
}
.container-slider .pagination {
margin-right: 20px;;
}
.index-slide {
background: 0;
}
.container-slider .center {
height: auto;
padding-bottom: 30px;
}
.slide-body {
padding-right: 0px;
}
.buttons .bttn {
margin-top: 10px;
}
.blog article {
margin-right: 0;
}
.img-wrap.right {
max-width: 100%;
margin-left: 0;
float: none;
}
.prodlist li {
width: 30.33%;
}
.product-table td {
min-width: 0;
}
.product-table td+td {
width: auto;
}
}
@media screen and (max-width:1024px) {
}
@media screen and (max-width:980px) { /* fall of mainmenu */
#menu + label {
position: relative;
height: 40px;
display: inline-block;
vertical-align: top;
width: 70px;
cursor: pointer;
margin-left: 10px;
margin-top: 3px;
float: right;
z-index: 3888;
}
#menu + label span {
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 2px;
bottom: 0;
width: 30px;
margin-top: 10px;
height: 5px;
box-shadow: 0 18px 0 0 #024e5c, 0 9px 0 0 #024e5c;
background: #024e5c;
}
#menu:checked ~ label span {
box-shadow: 0 18px 0 0 #66cdba, 0 9px 0 0 #66cdba;
background: #66cdba;
}
nav {
position: relative;
height: 50px;
margin-left: -10px;
margin-right: -10px;
z-index: 344;
}
#menu:checked ~ nav > ul {
left: 0;
}
nav > ul {
position: absolute;
background: white;
width: 100%;
left: -1000%;
top:100%;
text-align: center;
margin-top: 6px;
-webkit-transition: all 0.2s ease-out;
-moz-transition: 	 all 0.2s ease-out;
-o-transition: 	 all 0.2s ease-out;
transition: 		 all 0.2s ease-out;
}
nav ul li {
display: block;
vertical-align: top;
float: none !important;
}
nav ul li.right > a {
float: none;
margin-top: 0 !important;
width: 100%;
border-radius: 0;
background: #66cdba;
}
.logo {
padding-top: 11px;
position: relative;
z-index: 4733;
}
header {
height: 90px;
}
nav > ul >  li > a {
margin-right: 0;
}
nav > ul > li > a {
padding: 0;
border-bottom: 0;
}
nav> ul> li > ul > li.open {
background: #f9f9f9;
}
nav ul li > ul > li.open > ul{
background: #fff;
}
nav ul li.open > ul {
display: block;
top:auto;
left: auto;
position: relative;
opacity: 1;
box-shadow: none;
transform: translateY(0px);
}
nav > ul > li > ul {padding: 0;}
nav > ul > li > ul > li > a {
font-size: 15px;
}
nav ul ul li a {
padding: 5px 10px;
}
.submenu li a:before, nav > ul > li > ul > li > a:after {
top:4px;
}
.invert .column+.column {
padding-left: 0;
margin-left: -20px;
}
#wrap {
min-height: auto;
}
#main {
padding-bottom: 0;
}
footer {
height: auto;
margin-top: 0;
}
.column-wrap .column +.column {
padding-left: 0;
}
.column-wrap .column {
width: 100%;
}
h1 .bttn-square { top:0;}
}
@media screen and (max-width:920px) {
}
@media screen and (max-width:860px) {
.index-top strong,
.index-top h1 {
font-size: 30px;
line-height: 36px;
}
.index-top h1 {
margin-top: 70px;
}
.index-top h2 {
font-size: 20px;
line-height: 24px;
}
.container-slider .pagination,
.slider-pre-wrap.left {
width: auto;
float: none;
margin: auto;
max-width: 100%;
}
.slider-pre-wrap.left {
margin-right: 80px;
}
.container-slider .pagination {
display: none;
}
.container-slider .slider-nav {
display: block;
top:120px;
}
.bloglist li {
width: 100%;
margin-left: 0;
margin-right: 0;
height: auto;
}
.fbox {
width: 100%;
padding-left: 0;
padding-right: 0;
padding-bottom: 20px;
}
.map-wrap {background: 0 !important;}
.floatingbox {
margin: 0;
width: 100%;
float: none;
border-radius: 0;
box-shadow: 0;
}
.contacts .center {
height: auto;
padding: 0;
}
.contacts {
padding:    0px 0;
}
.left.images {
float: none;
width: 100%;
}
.images + article {
margin-left: 0px;
}
.images .img-wrap {
margin: 20px auto;
}
.images .text-center a {
width: 110px;
}
.images .text-center {
margin-right: 0;
}
}
@media screen and (max-width:767px) {
.custompagination {pointer-events: none; margin-left: 70px;}
.custompagination .infowrap {
height: 60px;
display: none;
min-width: 100%;
}
.custompagination {width: auto;}
.custompagination .infowrap.active {
margin: 0px 0px;
height: auto;
padding: 10px;
display: block;
}
.custompagination .num {
display: none;
}
.custompagination .slide-title {
font-size: 14px;
line-height: 18px;
height: auto;
max-height: 100%;
width: auto;
}
.index-slide.invert {
height: auto;
min-height: 470px;
}
.invert .slider-nav {
display: block;
right: auto;
left: 10px;
}
.custompagination .infowrap > div {
padding: 0 5px;
}
.footer-bottom > .center > div {
float: none;
text-align: center;
display: block;
}
.invert .column+.column,
.invert .column {
width: auto;
float: none;
margin-left: 0;
}
.prodlist li {
width: 47%;
}
.address-wrap {
padding: 20px;
}
.product-table td {
width: auto !important;
min-width: 0;
}
.giant .bttn {
margin-left: 0 !important;
display: block;
}
.invert .slider .slide {min-height: 370px; position: relative; background-size: cover;}
.invert .slider {top:100px;}
.invert .suggestions-btn,
.invert .slider-nav,
.invert .custompagination {display: none;}
.invert .slider .slide span {
display: block; padding: 20px;
margin: auto;
max-width: 300px;
background: #fff;
display: inline-block;
vertical-align: middle;
font: normal 17px/20px 'DXR';
text-transform: none;
color: #435152;
text-align: left;
position: absolute;
top:50%;
left:0; right: 0;
text-align: center;
}
.invert .slider:after {
opacity: 0.5;
background-position: left center;
}
}
@media screen and (max-width:746px) {
}
@media screen and (max-width:680px) {
h1 .bttn-square {
max-width: 100px;
display: block;
float: none;
clear: both;
margin-top: 5px;
}
#topmenu + label {
position: relative;
height: 40px;
display: inline-block;
vertical-align: top;
width: 50px;
cursor: pointer;
margin-left: 0px;
margin-top: 0px;
float: left;
z-index: 3;
}
#topmenu + label span {
display: block;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0px;
bottom: 0;
width: 30px;
margin-top: 10px;
height: 2px;
box-shadow: 0 18px 0 0 #fff, 0 9px 0 0 #fff;
background: #fff;
}
#topmenu:checked ~ label span {
box-shadow: 0 18px 0 0 #66cdba, 0 9px 0 0 #66cdba;
background: #66cdba;
}
#topmenu:checked ~ .top-menu {
left: 20px;
top:100%;
}
.top-menu li {
display: block;
float: none;
}
.top-menu a {
border: 0;
margin-right: 0;
height: 30px;
padding: 0 20px;
line-height: 30px;
}
.top-menu a:hover,
.top-menu .active a {
background: #fff;
color: #024f5c;
}
.top-menu {
left: -300%;
position: absolute;
background: #1a7b8d;
text-align: left;
z-index: 444;
border: 1px solid #fff;
border-top: 0;
/*             box-shadow: 0 0 3px #fff; */
}
.header-top {
position: relative;
}
.header-top label,
.header-top .top-menu {display: none !important;}
nav .top-menu {
display: block;
float: none;
position: relative;
left: -1000%;
-webkit-transition: all 0.2s linear;
-moz-transition: 	 all 0.2s linear;
-o-transition: 	 all 0.2s linear;
transition: 		 all 0.2s linear;
}
nav .top-menu li:first-child {
display: none;
}
nav .top-menu a {
font: 300 15px/30px 'DXR';
margin-right: 0px;
color: #435152;
background: #fff;
text-align: center;
}
#menu:checked ~ nav .top-menu {
display: block ;
top:180px;
left: 0;
z-index: 10;
margin-top: 0;
padding-top: 0;
border: 0;
}
nav .top-menu ul {display: block; clear: both; }
.quickcontact {
font-size: 12px;
display: block;
text-align: center;
}
.invert .slider:after {
display: none;
}
}
@media screen and (max-width:600px) {
.prodlist li {
width: 100%;
margin: 0;
}
.product-class li {
margin-bottom: 100px;
width: 50%;
}
.prodlist {
margin: 0;
}
.floatingbox {display: block;}
.form-wrap, .address-wrap {
display: block;
max-width: 100%;
width: auto;
padding: 10px;
}
article .quickcontact a,
article .quickcontact a + a {
display: block;
margin-left: 0;
text-align: left;
}
}
@media screen and (max-width:480px) {
.index-top h2 {
font-size: 17px;
line-height: 20px;
}
.index-top strong, .index-top h1 {
font-size: 26px;
line-height: 30px;
}
.scroll {
width: 80px;
background-position: left center;
}
.g-recaptcha {
transform: scale(.85);
transform-origin: left center;
}
.error404 div {
font-size: 160px;
line-height: 1;
}
.product-table tr,
.product-table td {
display: block;
border-left: 0 !important;
}
.product-class li {
width: 100%;
}
.product-class .prodlist a {
margin: auto auto 40px;
}
.images .img-wrap {
width: 100%;
}
.invert .viewall {
float: none;
display: block;
}
.invert .slider {
top:110px;
}
}
@media screen and (max-width:450px) {
}
@media screen and (max-width:410px) {
}
@media screen and (max-width:390px) {
}
@media screen and (max-width:370px) {
.logo {width: 200px;padding-top: 13px;margin-right: 0;}
#menu + label {
width: 50px;
}
.lang select {
padding: 11px 10px 9px;
text-align: center;
}
}
@media screen and (max-width:380px) {
.images .text-center a {
width: 47%;
}
}
@media screen and (max-width:320px) {
.error404 div {
font-size: 130px;
}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}
@media all and (orientation: portrait) {
}
@media all and (orientation: landscape) {
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { /*ipads*/
}
@media screen and (min-width:0\0) {
/* Enter ~~~IE 9 10 11CSS here */
}