html, body { height: 100%;margin:0; padding:0; }
body { }
* { margin: 0; }
<
@keyframes fadein { from { opacity: 0; } to { opacity: 1; }}
/* Firefox */
@-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; }}
a, #play, .img-bg {display:block; font-family: 'proximanova-semibold-webfont', sans-serif; text-transform: uppercase; text-decoration: none; font-size:14px; letter-spacing:0.1em; background-position: right center; background-size: 15%; cursor: pointer; color: #f36f39; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 150ms; -moz-transition-timing-function: ease-in; -moz-transition-duration: 150ms; border:none; margin:0;}
#section-1 a, #section-2 a, #section-3 a, #section-4 a, #section-5 a {position:relative; display:block; height: 39px; line-height: 39px; margin-top:40px; cursor: pointer;
background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/arrow-subscribe-hover.png); background-repeat: no-repeat; background-position: 80% center; background-size: 18%; }
#section-2 a { margin-left:70%; width:260px; padding:0; } #section-1 a, #section-3 a { width:260px; }
#section-1 a:after, #section-2 a:after, #section-3 a:after, #section-4 a:after, #section-5 a:after { display:block; content: ''; border-bottom: solid 2px #f36f39; transform: scaleX(0); transition: transform 250ms ease-in-out; }
#section-1 a:hover:after, #section-2 a:hover:after, #section-3 a:hover:after, #section-4 a:hover:after, #section-5 a:hover:after { transform: scaleX(1); }
#section-1 a.fromLeft:after, #section-2 a.fromLeft:after, #section-3 a.fromLeft:after, #section-4 a.fromLeft:after, #section-5 a.fromLeft:after { transform-origin: 0% 50%; }
#section-1 a:hover, #section-2 a:hover, #section-3 a:hover, #section-4 a:hover, #section-5 a:hover {
background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/arrow-subscribe-hover.png); background-position: 92% center; background-size: 18%; text-indent: 20px; }
h1, h2, h3, h4, h5, h6 {display:block; position:relative; z-index: 999999999999999999999; text-align: left; color: #000; font: 15px/23px 'proximanova-regular-webfont', sans-serif; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 150ms; -moz-transition-timing-function: ease-in; -moz-transition-duration: 150ms;}
h1 { font-size: 55px; line-height: 60px; color:#fff; } h1:nth-child(2) { font-size: 22px; line-height: 30px; color:#fff; margin-top:30px; }
h2 { font-size: 40px; line-height: 48px; width:45%; }
h3 { font-size: 22px; line-height: 33px; margin-bottom:1.7%; width:45%; font-family: 'muli', sans-serif;}
h4 { font-size: 26px; line-height: 33px; margin-bottom:1.7%; width:30%; }
h6 { font-size: 14px; text-transform: uppercase; margin-bottom:2%;}
p, #body-content-wrapper ul li { text-align: left; color: #000; font-size: 17px; line-height: 30px; font-family: 'muli', sans-serif; width:42%; padding-top:1.7%;}
#body-content-wrapper ul { list-style-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/bullet.png); list-style-type: square; } p .more-text{ display: none; }
p > img { margin: 0 !important;}
svg { margin:0; padding:0; }
#header {position: absolute; height: 145px; width: 100%; top: 0; margin:0; padding:0; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 150ms; -moz-transition-timing-function: ease-in; -moz-transition-duration: 150ms; z-index:999;
border-bottom: solid 1px #fff; }
#header #logo {z-index:9; position:relative; display: inline-block; left:100px; height: 145px; width: 200px;
background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/logo2025.png); background-size:100%; background-repeat: no-repeat; background-position: left center;
-webkit-transition-timing-function: ease-in; -webkit-transition-duration: 150ms; -moz-transition-timing-function: ease-in; -moz-transition-duration: 150ms;} #header a { height: 100%; width: 100%; }
#header #lang {position: absolute; display: inline-block; height: 145px; width: 88px; right:60px; z-index:9999; }
#header #lang a {position: relative; display: inline-block; width:24px; padding:10px; margin-top:55px; font-size: 14px; text-align: center; color:#000; }
#header #lang a:after { display:block; content: ''; border-bottom: solid 2px #f36f39; transform: scaleX(0); transition: transform 250ms ease-in-out; }
#header #lang a:hover:after { transform: scaleX(1); } #header #lang a.fromLeft:after{ transform-origin: 0% 50%; }
#header #phone{ position: absolute; display: inline-block; height: 145px; width: 82px; right:185px; float:right; z-index:999999; cursor:pointer; }
#header #phone-icon{ position: absolute; display: inline-block; height:50%; width: 65%; top:23%; padding-left:12px; padding-right:12px; border-width: 0px 1px 0px 1px; border-style: solid; border-color: #d7d7d7; z-index: 99; fill: #000000; }
#header #phone:hover #phone-icon{ fill: #f36f39; }
.dropdown { position: relative; display: inline-block; z-index: 9; }
.dropdown-content {width: 178px; padding:20px; display: none; position: absolute; top: 144px; background-color: #f9f9f7; left:-70px; z-index: 1; text-align: center; border-bottom: solid 3px #f36f39;
background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/culture-menu-shadow.jpg); background-size:300%; background-repeat: no-repeat; background-position: left top;}
.dropdown-content a { background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/phone-2.png); background-repeat: no-repeat; background-position: 12px 6px; background-size: 8%; color: black; padding: 10px 5px; text-decoration: none; display: block; font-size:13px; } .dropdown-content h6 { padding: 12px 16px; }
.dropdown-content a:hover {background-color: #f1f1f1}.dropdown:hover .dropdown-content { display: block; }
#container { overflow: hidden; position: relative; width: 100%; background-color: #fff; display: block; display: flex; justify-content: center; align-items: center;
border-bottom-style: solid; border-bottom-width: 10px; -moz-border-image: -moz-linear-gradient(left, #f03a40 0%, #fcb666 100%); -webkit-border-image: -webkit-linear-gradient(left, #f03a40 0%, #fcb666 100%);
border-image: linear-gradient(to right, #f03a40 0%, #fcb666 100%); border-image-slice: 1; -webkit-transition-timing-function: ease-in; -webkit-transition-duration: 150ms; -moz-transition-timing-function: ease-in; -moz-transition-duration: 150ms; }
.main-hero { height: 93%; height: 93vh; } .hero-area {height: 70%; height: 70vh;}
.slide {overflow: hidden; display: block; position: absolute; width: 110%; height: 120%; left:0; z-index: 2; bottom:-10%; }
.slide img { position: absolute; display: block; object-fit: contain; width: 100%; height: auto; right:4%; }
#container .bg {overflow: hidden; object-fit: contain; display: block; position: absolute; width: 110%; height: 100%; left:0; z-index: 1; bottom:-5%; }
#container .bg img {display: block; object-fit: contain; position: absolute; width: 130%; height: 130%; left:0; bottom:0; display:none; }
#mask { position:absolute; display:none; background-color: transparent; width: 100%; height: 100%; top:0; left:0; z-index:5; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/mask.png); background-repeat: repeat-y; }
#container #videoplayer {margin-top:12%; display:none; width: 100%; z-index: 2; } #container video {width: 120%; height:auto;}
#container img, #container p { width: 100%; height:auto; bottom:0; z-index: 2; } #container p img, #container img { margin:0; padding:0;} #container img { display:none; }
#contacts {display:block; position: absolute; top:0; left:0; width: 104px; height: 100%; background-color: #fff; z-index: 99; margin:0; } .links-home {padding-top:14.5%; } .links {padding-top:8.9%; }
#contacts a {margin:0; padding:0; } #contacts a:hover {fill: #f36f39; }
#contacts svg {display:inline-block; position: relative; top: 0; width: 10%; z-index: 9999; margin-left:43px; margin-top:0px; padding:0; padding-top:14%; } #contacts svg:nth-child(4) { width: 13%; padding-top:0; }
#contacts svg {height: 80px; width:9%; } #contacts svg:nth-child(2) {height: 20px; } #contacts svg:nth-child(3) {height: 100px; width: 14%; } #contacts svg:nth-child(4) {height: 250px; }
#badge {z-index:9; position:absolute; right:0; top:47%; width:320px; height:230px; } #badge img { width:100%; height:auto; } #badge p { margin:0; padding:0; width: 100%; height:auto; }
#slogan, #main-intro {z-index: 99; position: absolute; display: block; float:left; width: 38%; height:57%; top:42%; left:12.9%;
background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/line-white.png); background-repeat: no-repeat; background-position: left 210%; } #main-intro {top:30%; background-image: url();}
#slogan a { position: relative; display: inline-block; z-index: 9999999999; float:left; top:30px; left:0px; color:#fff; background-position: right center; background-size: 12%; font-weight: normal; cursor: pointer; margin-right:10px; height: 22px; padding-top:5px;padding-right:45px; width:auto ;}
#slogan a:after { display:block; content: ''; border-bottom: solid 2px #f36f39; transform: scaleX(0); transition: transform 250ms ease-in-out; padding:5px;}
#slogan a:nth-child(3) {background-image: none; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #acabad; padding-left:30px }
#slogan a:hover, #header #lang a:hover {color: #f36f39; } #slogan #play { position: absolute; display: inline-block; top:-3px; right:10px; width:12%; height:100%; padding:1%; fill: #ffffff; } #slogan a:hover #play { fill: #f36f39; }
#slogan a:hover:after { transform: scaleX(1); }
#slogan a.fromLeft:after{ transform-origin: 0% 50%; }
/*** IMGS INSIDE SECTIONS ***/
.right-img, .right-img-2 {position:absolute; display:inline-block; width:50%; height: auto; right:-180px; top:-100px; opacity:0;}
.right-img img, .right-img-2 img, .right-img-2 video, .block-1 img {position:absolute; width:100%; height: auto; right:0; top:0; } .right-img-2 , .block-1 img { top:-10px; opacity:1;} .right-img-2, .block-1 img { right:-21%; width:62%; }
.right-img img {-webkit-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55); -moz-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55); box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55);}
#section-3 .right-img {position:absolute; display:inline-block; width:50%; height: auto; right:-150px; top:0; }
.left-img, .left-img-2, .left-img-3, .left-img-3 #videoplayer {position:relative; display:inline-block; height: auto; margin:0; left:-14%; margin-top:-5%; padding:0; float:left; overflow: hidden; margin-right:-5%; }
.left-img {width:75%;} .left-img-2 { width:50%; margin-right:-5.5%; margin-left:-16px; } .left-img-3, .left-img-3 #videoplayer { width:60%; margin-right:-5.5%; margin-left:-10px; margin-top: -2%; }
.left-img img, .left-img-2 img, .left-img-3 img, .left-img-3 #videoplayer {position:relative; display:inline-block; width:55%; height: auto; top:0; } .left-img img:nth-child(2) { width:40.3%; margin-left:30px; } .left-img-3 img, .left-img-3 #videoplayer {width:100%; height: auto;} .left-img-3 #videoplayer {width:140%; left:-20%; margin-top:0;height: 630px;}
.img-bg {position:absolute; display: block; width:70%; height: auto; left:-11%; top:200px; z-index: -9; cursor:auto; }
.img-bg img {position:relative; display:inline-block; width:100%; height: auto; top:0; }
/*** SECTIONS ***/
#section-1, #section-2, #section-3, #section-4, #section-5, #video, #member, #newsletter, #footer, #end-page-bg, #form, #contacts-2, #google-maps, #issuu {display:block; position: relative; width:100%; padding-top:15%; margin-left:-40px; padding-left: 38px; z-index:2; font-size: 17px; line-height: 30px; font-family: 'proximanova-regulard-webfont', sans-serif; }
.home-block-1, .home-block-2, .home-block-3, .home-block-4, .home-block-5, #video, #member, #newsletter, #footer, #end-page-bg {height:55%; }
.home-block-1 { padding-bottom:8%; } .home-block-2 { padding-bottom:22%;} .home-block-3 { padding-bottom:30%;}
.home-block-2 h2 {padding-top:4%; } .home-block-3 h2 {margin-top:-5%; } .home-block-2 h2, .home-block-2 h6, .home-block-2 p, .home-block-4 p {padding:0;padding-left:50%; width:60%;}
.block-2 h2, .block-2 h4, .block-2 p {position:relative; display: inline-block; width:45%; height: auto; left:3.5%; padding:0;} .block-2 h2 { margin-bottom:2%;} .block-2 p, .block-3 p { padding-bottom:1%;}
.block-3 h2, .block-3 h4, .block-3 p { position:relative; display: block; padding:0;} .block-3 h3 { padding-top:3%;}
#section-1 h4, #section-2 h4, #section-3 h4, #section-4 h4, #section-5 h4 { margin-bottom:1.2%; margin-top:3%; height: auto; padding-bottom:0;}
#section-1 p, #section-2 p, #section-3 p, #section-4 p, #section-5 p {margin-top:1.2%; }
.block-1, .block-2, .block-3, .block-4, .block-5 {padding-bottom:8%; margin-left:-20px; margin-bottom:8%;} .block-2 { margin-top:6%; }
.block-4 p, .block-4 h4, .block-4 h6 { position:relative; width:43%; display:inline-block; padding-left:11%; right:-3.3%; }
#section-1 { top:0; padding-top:10%; background-repeat: no-repeat; background-position: left -185px;} .home-block-1, .block-1 { background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/line-orange.png); background-repeat: no-repeat; background-position: left 70px; }
#section-2 { padding-top:4%; } .home-block-2 { margin-top:9%; } .block-1 { background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/line-orange-2.png); }
.block-2 p:nth-child(2), .block-2 p:nth-child(3) { top:0; right:-3.3%; width:45%; position:relative; display:inline-block; } .block-2 { margin-bottom:8%;}
.block-2 p:nth-child(4) { margin:0; padding:0; padding-left:50%; width:400px; }
#section-2 .service-list, #section-4 .service-list { position:relative; display:inline-block; top:0; width:45%; right:-3.3%; }
#section-2 .service-list p, #section-4 .service-list p { margin:0; padding:0; width:100%; padding-left:0; margin-left:-3%; } #section-2 .service-list h3, #section-2 .service-list ul, #section-4 .service-list h3, #section-4 .service-list ul { margin-left:1%; width:100%; } #section-2 ul li, #section-4 ul li {position:relative; display:inline-block; top:0; left:0; width:42%; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/bullet.png); background-repeat: no-repeat; background-position: left 23px; padding-left:5%; }
#section-2 .service-list ul li:nth-child(1), #section-2 .service-list ul li:nth-child(2), #section-2 .service-list ul li:nth-child(3), #section-2 .service-list ul li:nth-child(4), #section-2 .service-list ul li:nth-child(5), #section-2 .service-list ul li:nth-child(6), #section-2 .service-list ul li:nth-child(7), #section-2 .service-list ul li:nth-child(8), #section-2 .service-list ul li:nth-child(9), #section-2 .service-list ul li:nth-child(10), #section-2 .service-list ul li:nth-child(11), #section-2 .service-list ul li:nth-child(12), #section-2 .service-list ul li:nth-child(13), #section-2 .service-list ul li:nth-child(14) {display:inline-block; top:0; left:0; width:42%; vertical-align: top; }
#section-3 .right-img-2, #section-5 .right-img-2, #section-3 .right-img-2 video { right:-1.5%;top:-10%;} #section-3 { padding-top:8%; margin-bottom:12%;}
#section-3 .right-img-2 img, #section-5 .right-img-2 img, #section-3 .right-img-2 video { width:68%; } .block-3 {margin-top:4%; } .block-3 .right-img-2 {margin-top:8%; }
#section-3 .right-img-2 img:nth-child(2), #section-3 .right-img-2 img:nth-child(3) { right:-10%; width:30%; padding-top:20%; position:absolute;} .block-3 {margin-left:-40px; margin-top:8%; margin-bottom:8%; padding-bottom:8%; padding-top:10%; } #section-3 p:nth-child(3) { margin:0; padding:0; }
#section-4 { padding-top:8%; margin-top:10%; margin-bottom:5%; }
#section-4 ul, #section-2 ul {position:relative; display:inline-block; margin-left:14%; padding-left:4%; padding-right:0; width:45%; margin-bottom:2%; height:auto; }
#section-4 ul li, #section-2 ul li { width:100%; padding-right:0; } #section-2 ul { left:auto; margin-left:auto; padding-left:6%; width:39%; }
#section-4 .left-img-2 { left:0; margin-top:0; padding-bottom:2%; }
#section-4 .left-img-2 img:nth-child(1) { width:84%; padding-right:16%; }
#section-4 .left-img-2 img:nth-child(2) {position:absolute; right:3%; top:40%; width:40%; -webkit-box-shadow: -7px 8px 28px -5px rgba(0,0,0,0.6);
-moz-box-shadow: -7px 8px 28px -5px rgba(0,0,0,0.6); box-shadow: -7px 8px 28px -5px rgba(0,0,0,0.6);}
#section-4 .left-img-2 img:nth-child(3) {position:absolute; left:8%; top:55%; width:70%; height:auto; z-index: -1; } #section-4 .left-img-2 img:nth-child(4) { opacity:0; }
#section-4 .service-list { position:relative; display:inline-block; top:0; width:45%; left:15%; } .service-list a, .service-list p { position:relative; display:inline-block; margin:0; padding:0; } #section-4 .service-list h4 { width:100%; margin:0; padding:0; text-align: left; margin-top:10%; text-indent: 0; margin-left:-20px; margin-bottom:3%;} #section-4 h4, #section-4 h6 { margin-bottom:0; }
#section-1 a.read-more,#section-2 a.read-more,#section-3 a.read-more,#section-4 a.read-more, #section-5 a.read-more, #section-4 a, #section-5 a {margin:0; padding:0; padding-left:10px; position:relative; display:inline-block; width:auto; height:auto; text-transform: none; letter-spacing: normal; font-size: 17px; background-image: url(); } #section-1 a.read-more:hover,#section-2 a.read-more:hover,#section-3 a.read-more:hover,#section-4 a.read-more:hover, #section-5 a.read-more:hover { background-image: url(); }
#section-5 { margin-top:5%; padding-top:5%;} .block-5 .right-img-2 {margin-top:8%; }
.left-img p, .left-img-2 p, .left-img-3 p, .right-img p, .right-img-2 p, .img-bg p { height: auto; width:100%; margin:0; padding:0; }
a.read-more { background-image: url(); width:auto; margin:0; padding:0; top:0; position:relative; display:inline-block; text-transform: none; letter-spacing: normal; font-size: 17px; }
.read-more svg {position: relative; display: inline-block; width:13px; height:13px; fill:#f36f39; margin-left:10px; margin-right: 0; }
.feature {position:relative; display:inline-block; width:54%; height: auto; margin:0; padding:0; left:-10%; top:-16%; z-index: 999; }
.feature p {position:relative; display:block; left:5%; top:0; width:auto; padding:15% 12% 12% 12%; margin:0; font-size:27px; line-height: 38px; z-index: 999; border-width: 10px; border-style: solid; -moz-border-image: -moz-linear-gradient(left, #f03a40 0%, #fcb666 100%); -webkit-border-image: -webkit-linear-gradient(left, #f03a40 0%, #fcb666 100%); border-image: linear-gradient(to right, #f03a40 0%, #fcb666 100%); border-image-slice: 1; }
.feature .bg-gray {position:absolute; display:block; left:-3%; top:10%; width:102%; height:99%; margin:0; background-color: #f4f4f4; z-index: -99; }
#video, #issuu {margin-top:16%; padding-top:8%; background-position: 76px 100px; padding-bottom:8%; margin-left:-20px; }
#issuu { height:750px; margin-top:14%; padding:0; margin-bottom:14%; margin-left:0; left:0; top:0; z-index: 0; }
#video a, #video { cursor:pointer; } #video a { position:absolute; display:block; top:0; width:100%; height:100%; } #video { margin-left:-55px; }
#video:hover .img-bg{-webkit-box-shadow: 0px 0px 51px -2px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 51px -2px rgba(0,0,0,0.33);
box-shadow: 0px 0px 51px -2px rgba(0,0,0,0.33);}
#video h2, #video p { width:25%; padding-left: 80px; }
#video #play { dislay:block; position:relative; z-index:99999999999999; width:80px; height:80px; padding:0; margin-left:80px; margin-bottom:2%; border:2px solid #f36f39;
-webkit-border-radius: 100px !important; -moz-border-radius: 100px !important; border-radius: 100px !important; text-align: center; cursor: pointer; }
#video #play svg { width:30%; height:30%; padding:35%; } #play svg { fill: #f36f39; } #video:hover svg { fill: #ffffff; } #video:hover #play { background-color: #f36f39; }
#video .img-bg {display:block; position: absolute; width:100%; height:100%; left: 0; padding-left: 0; padding-bottom:5%; margin-left:0; top:0; overflow: hidden;}
#video .bg, #video .mask {display:block; position: absolute; width:100%; height:100%; left: 0; top:0; background-repeat: no-repeat; background-position: left top; z-index:9; background-size: cover ;}
#video .mask{ background-position: right bottom; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/video-mask.png); } #video .bg{ background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/video-bg.png); z-index:8; }
#video .img-bg img {display:block; position: absolute; top:0; right:2%; z-index:7; height:100%; width: auto; }
#member { text-align: center; text-transform: uppercase; width:100%; padding-left: 20px; height:40%; margin-top:-40px; padding-top:14%; padding-bottom:10%; margin-left:-20px; }
#member h2 { text-align: center; font-size: 20px; letter-spacing: 0.2em; width:100%; padding: 0; margin:0; left:0; }
#member img { width:12%; height:auto; padding: 4%; margin:0; left:0; }
#body-content-wrapper:before { content:''; float: left; height: 100%;}
#body-content-wrapper {position:relative; display:block; width: 70%; margin-left:15%; margin-right:15%; padding:0; z-index:555; top:0; margin-top:0px; margin-bottom:-250px; }
#body-content-wrapper:after { content:''; display: block; clear: both;}
#body-content-wrapper { opacity:0; }
/*** NEWSLETTER ***/
#newsletter { height: 230px; margin:0; padding:0; left:-20px; padding-top:50px; border-image-slice: 1; }
#newsletter .newsletter {position:absolute; display:inline-block; height: 80px; width: 50%; right:10%; margin-top:-38px; }
#newsletter .newsletter h6 {text-transform: none; letter-spacing:0.1em; position:relative; display: block; padding-left:12px; } #newsletter h6 { padding-left:8%;}
#newsletter h4 { position:relative; display: inline-block; padding-left:8%; }
/*** CONTACTS & FORM ***/
#form, #contacts-2, #google-maps {display:inline-block; width:30%; height:600px; top:0; }
#google-maps {width:23%; position:absolute; right:0; top:15.2%; border-width: 0 0 0 8px; border-style: solid; border-color: #fff;} #map {width: 100%; height: 100%; z-index: 11; margin-top:0px; top:0; left:0; position: absolute; display: block;}
#contacts-2 {width:20%; position:absolute;right:23%; top:15.2%; padding-top:0; }
#contacts-2 .col { position:relative; display: block; margin:0; padding:0; left:-10%; width: 100%; height:192px; padding-top:24.8%; border-width: 0 0 8px 0; border-style: solid; border-color: #fff; background-color: #f9f9f7; }
#contacts-2 .col p, #contacts-2 .col h6{ position:relative; display: block; width: 100%; margin-left:14%; padding-left:10%; line-height:38px; border-width:0px 0px 0px 1px; border-style:solid; border-color:#f36f39;}
#contacts-2 .col h6{ font-family: 'proximanova-semibold-webfont', sans-serif; font-size:20px; line-height:50px; margin-bottom:-10px; top:-10px; letter-spacing: 0.1em; color:#444444; }
#contacts-2 .col p:nth-child(2) { padding-left:20%; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/msg.png); background-repeat: no-repeat; background-position: 9% 14px; background-size: 5%; }
#contacts-2 .col p:nth-child(3) { padding-left:20%; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/phone-2.png); background-repeat: no-repeat; background-position: 9% 14px; background-size: 5%; }
fieldset {border: 0;}
#form { margin-top:22%; width:50%; margin-bottom:8%; }
form#formulario { height: 300px; position: relative; display: inline-block; width:550px; top:-5px; left:0; z-index:14; }
input#name, input#email, input#telefone, textarea#message { position:relative; display:block; height: 40px; width: 550px; margin-right: 0; padding-right: 0; margin-top:8px; border-width:0px 0px 1px 0px; padding-left: 27px; border-style:solid; border-color:#000;
font-family: 'proximanova-regular-webfont', sans-serif; color: #444; text-decoration: none; font-size:15px; letter-spacing:0.1em; }
textarea#message {width: 510px; padding: 30px; padding-right: -85px; margin-top:8.5%; height: 80px; overflow: hidden; z-index:14; background-color: #f9f9f7; border-width: 1px; border-style: solid; border-color: #fff; }
textarea#message:focus {background-color: #fff; border-width: 1px; border-style: solid; border-color: #999; }
input#name {margin-top: 8px;float: left; margin-bottom:5%;}
input#name:focus {background-position: 0px -32px;}
input#email {margin-top: 7px;float: left; margin-bottom:5.9%; }
input#email:focus {border-color:#f36f39; background-color: #f9f9f7;}
input#telefone { top:5.9%;}
input#boton, input#send {position:relative; display:block; width: 55px; height: 40px; border: none; right: 0; top: 0; margin-top:-70px; float: right; border: none; cursor: pointer; color:#000; background-color: transparent; background-image: url( ../img/arrow-subscribe.png); background-repeat: no-repeat; background-position: left center; background-size: 100%; }
input#send {position:relative; display:block; width: 160px; height: 40px; left: 0; top: 0; margin-top:20px; float: left; border: none; cursor: pointer;
background-position: right center; background-size: 22%; padding-left:0; margin-left:0; text-indent: -40px; font-size:15px; font-family: 'proximanova-semibold-webfont', sans-serif; }
input#boton:hover, input#send:hover { background-position: 0px -61px; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/arrow-subscribe-hover.png); } input#send:hover { background-position: right center; color:#f36f39; border-bottom: solid 2px #f36f39; transition: transform 250ms ease-in-out; }
input#boton:active, input#send:active {background-position: 0px -122px; outline-style: none; outline-width: 0;}
input#send:after{ display:block; content: ''; border-bottom: solid 2px #f36f39; transform: scaleX(0); transition: transform 250ms ease-in-out; }
input#send:hover:after { transform: scaleX(1); }
input#send.fromLeft:after { transform-origin: 0% 50%; }
/*** FOOTER ***/
#footer {position: relative; display: block; width: 102%; height: 350px; bottom:0; padding: 0; float: left; margin: 0; margin-top: 110px; left: -20px; z-index:99; }
#footer .col h6 { font-family: 'proximanova-semibold-webfont', sans-serif; text-transform: uppercase; text-decoration: none; letter-spacing:0.2em; margin-bottom:14px;}
#footer .email, #footer a { text-transform: none; color:#000; padding-left:30px; line-height: 35px; position: relative; display: block; }
#footer .email { background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/msg.png); background-repeat: no-repeat; background-position: left 6px; background-size: 7%; }
#footer .phone {width: 100%; font-size: 15px; padding-left:30px; font-family: 'muli', sans-serif; color:#000; line-height: 35px; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/phone-2.png); background-repeat: no-repeat; background-position: left 10px; background-size: 7%; }
#footer .col {position: relative; display: inline-block; z-index: 99999; width:21%; height:90px; border-width:0px 0px 0px 1px; padding-left:38px; border-style:solid; border-color:#d0d0d0; text-align: left;float:left; }
#footer .col img {position: relative; display: inline-block; width:80%; height:auto; float:left; text-align: left; margin:0; padding:0; }
#footer .col:nth-child(1){ padding-right:60px; width:12%; margin:0; padding-left:0; border: none; } #footer .col:nth-child(1) a{ padding:0; }
#footer .col:nth-child(5){ position: absolute; right:0; width:10%; float:right; margin:0; padding:0; border: none; }
#footer .col:nth-child(5) a { width:50px; height:50px; text-transform: none; color:#000; position: relative; display: inline-block; padding:0;
border:1px solid #d6d6d6; -webkit-border-radius: 50px !important; -moz-border-radius: 50px !important; border-radius: 50px !important} #footer .col:nth-child(5) a:nth-child(2) {float:right;}
#footer .social-icon {fill: #f36f39; position: absolute; display: inline-block; margin-top:0; top:26%; right:30%; width:40%; height:20px; padding:0; } #footer a:hover .social-icon { fill: #fff;} #footer .col:nth-child(5) a:hover { background-color: #f36f39; border-color:#f36f39; } #footer p a { padding:0; margin:0; }
#footer .footer-credits {position:relative; display:block; bottom:0; text-align:left; height: 23px;margin-top: 190px; padding-top: 14px;margin-left: 0;
border-width:1px 0px 0px 0px; border-style:solid; border-color:#9e9e9e;}
.footer-credits h6 {margin-top: 0; float:left; text-transform: none; } .footer-credits h6:nth-child(2) { float:right; }
#end-page-bg {position:relative; display:block; margin:0; padding:0; margin-top:0; top:auto; z-index:0; width:100%; height: 350px; }
#end-page-bg #water {position:absolute; display:block; left:0; bottom:0; z-index:0; width:100%; height: 250px; background-color: #f00; }
#end-page-bg img {position:relative; display:block; margin:0; padding:0; top:-250px; bottom:0; z-index:0; width:110%; height:auto; }
/*** NAVIGATION ***/
#navigation { display: inline-block; width:100%; height:100%; position:absolute; top:0; left:0; margin:0; padding:0; background-color: #fff; }
.menu {display: inline-block; position:relative; width:62%; height:100%; margin-left:20%; margin-right:20%; left:-60px; z-index: 999; text-align: center; } .menu #lang { top:-60%; }
/*** STYLIZATION ***/
.menu ul {display: inline-block; position:relative; width:1400px; height:100%; margin: 0 auto; text-align: center; }
.menu ul ul { margin-top:105px; width:80%; height:555px; margin:0; margin-left:10%; top: -999em; left:0; padding: 0 2px; padding-left:55px; background-color: #f9f9f7; border-width: 0px 4px 4px 4px; border-style: solid; border-color: #f36f39;
display: inline-table; position: fixed; list-style-type: lower-alpha; float:right; text-align:center; white-space: nowrap; overflow:hidden; /* older browsers */ z-index: 9; }
.menu .culture-dropdown { background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/culture-menu-shadow.jpg); background-size:100%; background-repeat: no-repeat; background-position: top center; }
.menu .sports-dropdown { background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/sports-menu-shadow.jpg); background-size:100%; background-repeat: no-repeat; background-position: top center; }
.menu li:hover > ul { -webkit-animation: fadein 0.5s; /* Safari and Chrome */ -moz-animation: fadein 0.5s; /* Firefox */ -ms-animation: fadein 0.5s; /* Internet Explorer */ -o-animation: fadein 0.5s; /* Opera */ animation: fadein 0.5s; }
#nav-overlay{ position: fixed; float:left; width: 100%; height:100%; top:0; left:0; background-color:#000; opacity: 0.5; overflow: hidden; z-index: 998; display:none;}
.menu ul li {position: relative; display: block; width:auto; text-align: center; margin-left:0.15%; margin-right: 0.15%; }
.menu ul > li > a {position: relative; display: block; width:auto; float: left; font-size: 14.5px; text-decoration: none; color: #000;
font-family: 'proximanova-semibold-webfont'; margin-left:23px; margin-right: 23px; border-width: 4px 0px 0px 0px; border-style: solid; border-color: #fff;
text-align: center; font-weight: 100; text-transform: uppercase; margin-top: 0; line-height: 141px; list-style-type: none;} .menu ul li a svg {position: relative; display: inline-block; width:13px; height:13px; fill:#000; margin-left:10px; margin-right: 0; }
.menu ul li:hover svg { fill:#f36f39; transform: rotate(180deg);}
.menu ul li > a:hover, .menu ul li > a:active, .menu ul > li.active > a, .menu ul > li.sfHover > a, #navigation ul li.dropdown a:hover { border-width: 4px 0px 0px 0px; border-style: solid; border-color: #f36f39; background-color: #f9f9f7; text-decoration: none; z-index:9999999; }
#navigation ul li:hover > a, #navigation ul li:active > a { background-color: #f9f9f7; border-width: 4px 0px 0px 0px; border-style: solid; border-color: #f36f39; } #navigation ul ul li:hover > a { background-color: #fff; border-width: 0px 0px 0px 1px; } #navigation .dropdown-link:hover {border: none; }
.menu ul ul li {position: relative; display: block; width:17.3%; height: 300px; float: left; margin-top: 60px; margin-right: 30px; padding:0; overflow: hidden; padding-bottom: 60px; }
.menu ul ul li a {position: relative; display: block; width:100%; height: auto; float: left; font-size: 24px; line-height: 30px; text-decoration: none; padding-top: 250px; text-align: left; text-transform: none; z-index: 99; padding-left:0; margin: 0; margin-left:3px; letter-spacing: 0.01em; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #f9f9f7; }
.menu ul ul li a img {position: absolute; display: block; left:0; top:-3%; width:100%; height: auto; float: left; z-index: 9; padding:0; padding-top:3%; }
.menu ul ul li a:hover, .menu ul ul li a:active {background-color:#fff; margin: 0; padding-left:10%; border-width: 0px 0px 0px 1px; border-style: solid; border-color: #f36f39; margin-left:2px; }
.view-all-cta { position: absolute; display: none; bottom:auto; top:85%; width:200px; height:auto; line-height: 70px; padding-top:25px; padding-bottom:25px; margin-right:25px; float: left; font-size: 14px; text-decoration: none; text-align: center; font-weight: 100; text-transform: none; background-image: transparent url('../img/cta-arrow.png') no-repeat ; background-position: left center; border-width: 1px 0px 0px 0px; border-style: solid; border-color: #f36f39; }
.view-all-cta:hover { background-color: #fff; }
.menu ul, .menu ul * {line-height: 1.0; z-index: 99999999999; list-style: none; }
.menu ul li:hover, .menu ul li:active { visibility: inherit; /* fixes IE7 'sticky bug' */}
.menu ul li { float: left; position: relative;}
.menu ul a { display: block; position: relative;}
.menu ul li:hover ul, .menu ul li.sfHover ul, .menu ul li:active ul { left: 0; top: 2.5em; /* match top ul list item height */}
ul.menu ul li:hover li ul, ul.menu ul li.sfHover li ul, ul.menu ul li:active li ul { top: -999em;}
ul.menu ul li li:hover ul, ul.menu ul li li.sfHover ul, ul.menu ul li li:active ul { left: 10em; /* match ul width */ top: 0;}
ul.menu ul li li:hover li ul, ul.menu ul li li.sfHover li ul, ul.menu ul li li:active li ul { top: -999em; }
ul.menu ul li li li:hover ul, ul.menu ul li li li.sfHover ul, ul.menu ul li li li:active ul { left: 10em; /* match ul width */ top: 0;}
.menu li:hover ul.noJS, .menu li:active ul.noJS { display: block;}
.menu ul .sf-sub-indicator, .menu #lang-mobile{ display:none; }
img{ border:none;}
#header #menu-icon svg { height: 20px; top:0;}
@media only screen and (min-width: 100px) and (max-width: 700px) {
html, body { height: 100%; width:100%; margin:0; padding:0; }
#body-content-wrapper { width:90%; margin:5%; padding:0; }
#header { height: 55px; width:100%; position:fixed; -webkit-box-shadow: -5px 10px 20px -5px rgba(0,0,0,0.18); -moz-box-shadow: -5px 10px 20px -5px rgba(0,0,0,0.18); box-shadow: -5px 10px 20px -5px rgba(0,0,0,0.18); }
#header #logo { left:28px; height: 55px; width: 95px; margin-top:0; }
#lang { width: 200px; left:10%; top:-99999px; background-position: -4px -9px; } #header #lang a { margin-top:0; font-size:14px; padding:14px; } #header #lang { width: 120px; background-position: 58px top; background-size: 3%; height:30px; z-index: 999999999; }
#header #phone{ height: 100%; width: 50px; right:76px; top:0; } #header #phone-icon{ height:70%; width: 65%; top:17%; } .dropdown-content { top: 53px; }
#header #menu-icon, #header #menu-close {display:inline-block; position: absolute; width: 30px; right:25px; top:20px; height: 40px; z-index: 999999; cursor: pointer; } #header #menu-close { right:20px; display:none; width: 20px; }
#container { margin:0; padding:0; left:-3px; width:100.5%; } .main-hero { height: 60%; height: 60vh;} .hero-area {height: 42%; height: 42vh; } #container p img, #container img { height:auto; width:175%; padding-top:7%; margin-right:200px; }
#container .bg img { width: auto; height:100%; bottom:0; right:4%; } #container .slide img { width: auto; height:90%; bottom:2%; right:-35%; }
#slogan {left:10.7%; top:25%; width:85%; height:40%; background-position: left 300px; background-image: url(); } #slogan a { letter-spacing: 0.08em; margin:0; padding:0; padding-top:5px; padding-right:37px; }
#slogan a:nth-child(3) { padding-left:15px; letter-spacing: 0.08em; border-color: #E5E5E5; } #slogan a:nth-child(3) { margin:0; padding:0; padding-top:6px ; padding-left:15px; }
#badge { width: 40%; top:55%;} #contacts { display:none; } #main-intro { top:20.8%; width:70.5%; height:40%;left:10.7%; }
h1 { font-size: 23.8px; line-height: 32px; letter-spacing: -0.025em; } h1:nth-child(2) { margin-top:10px; font-size: 16px; line-height: 22px; width:90%;} h2 { font-size: 20px; line-height: 28px; width:100%; margin-bottom:10px; } h3 { font-size: 15px; line-height: 24px; padding-left:0; width:125%; } h4 { font-size: 20px; line-height: 28px; padding-top:8%; margin-bottom:20px; width:115%;} h6 { font-size: 10px; line-height: 15px;} p, #body-content-wrapper ul li { font-size: 13px; line-height: 22px; width:115%; padding-top:7px; } #body-content-wrapper ul { margin-top:5%; margin-bottom:15%;} #body-content-wrapper ul li { margin-left:2%; } a { font-size: 12.5px; padding-top:0; top:-20px; } #slogan a { font-size: 11.5px; }
a.read-more { top:0; font-size: 13px; }
.menu { position: absolute; width:80%; height:1200px; padding:0; padding-top:20%; left:0; top:0; background-color: #fff; z-index: 99; display:none;
-webkit-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55); -moz-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55); box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55); }
.menu ul { width:100%; height:100%; z-index: 99999; padding:0; margin:0; position: static;}
.menu ul > li { width:100%; padding:0; border:none; }
.menu ul > li > a { width:100%; padding-left:10%;padding-right: 9px; margin-left: 0; line-height: 35px; font-size:14.3px; text-align: left; border:none; }
.menu ul li > a:hover, .menu ul > li.active > a, .menu ul > li.sfHover > a, #navigation ul li.dropdown a:hover, #navigation ul li.dropdown a:active, .menu ul > li.active > a, .menu ul li > a:active { background-color: #fff; border:none; }
#navigation ul li:hover > a, #navigation ul li:active > a { border-width: 0px 0px 0px 0px; } #navigation ul ul li:hover > a { border-width: 0px 0px 0px 0px; }
.menu ul ul { width:99%; height:180px; margin:0; padding:0; padding-top:20px; padding-bottom:10px; margin-bottom:25px; margin-top:-20px; margin-left:2px; position: static; display:none; border-width: 0px 0px 0px 3px; }
.menu ul:nth-child(1) ul , #navigation .sports { background-size:200%; background-position: top left; z-index:999999999999;}
.menu ul ul li {position: relative; display: block; width:78%; height: 25px; float: left; margin-top: 0; margin-right: 30px; padding-left:20px; padding-bottom: 2px; padding-top: 10px; overflow: hidden; z-index:999999999999; border:none;}
.menu ul ul li a {position: relative; display: block; width:90%; height: 100%; float: left; font-size: 15px; line-height: 15px; padding-top: 12px; padding-left:10%; margin: 0; margin-left:3px; border:none; }
.menu ul ul li a img, .menu ul ul li a br {display:none;}
.menu ul li:hover ul , .menu ul li a:hover ul , .children:hover, .menu ul li:active ul , .menu ul li a:active ul, .menu ul li.dropdown-link-1:hover ul { display:block; top:0; position: relative; }
.menu ul ul li a:hover, .menu ul ul li:hover { background-color: #f9f9f7; border:none; }
.view-all-cta { width:70%; height:37px; font-size: 13px; line-height: 20px; text-align: left; top:7px; padding-top:15px; margin-top:7px; padding-left:0; margin-left:16%; }
.menu #lang-mobile {display:block; position: relative; top:auto; width:88%; height: 40px; padding:0; margin-top:0px; margin-left:20px; z-index: 999999999;
border-width: 1px 0px 0px 0px; border-style: solid; border-color: #d7d7d7;}
.menu #lang-mobile a {position: relative; display: inline-block; width:24px; padding:10px; margin-top:20px; font-size: 13px; text-align: center; color:#000; }
.left-img, .left-img-2, .left-img-3 { width:128%; height:auto; left:-16%; top:-10%; margin:0; } .left-img-2 { margin-left:3.5%;}
.left-img img, .left-img-2 img { width:55.1%; } .left-img img:nth-child(2) { width:40.3%; margin-left:10px; } .left-img-3 { top:-15%; left:0; margin-left:0; margin-bottom:17%; width:110%;} .left-img-3 #videoplayer { height: 300px;}
.block-1, .block-2, .block-3, .block-4, .block-5 {height:auto; padding-bottom:20%; } .home-block-2 { height:750px; } .block-3 { top:-30px; } #section-3 h4:nth-child(1), #section-3 p:nth-child(1) { padding-top:240px; }
.block-3 .right-img-2 { height:auto; left:-28%;right:auto; top:0; } .home-block-3 .left-img-2 { padding-left:16.5%; } #section-3 p:nth-child(2) { padding:0; margin:0; width:115%; } .block-3 h4:nth-child(2) { padding-top:50px; margin-top:50px; }
#section-3 .right-img-2 p img:nth-child(2) { margin-left:70%; }
#section-1, #section-2, #section-3, #section-4, #section-5, #video, #member, #newsletter, #footer, #end-page-bg { width:80%; padding:0; margin:0; padding-top:12%; margin-left:0; z-index:2; background-image: url(); }
#section-1 { padding-left:7%; top:-15px; height:auto; } #section-1 h2, #section-1 p { width:110%; padding-bottom:0%; } #section-1 img, #section-1 .right-img-2 { right:99999px; }
#section-2, #section-3, #section-4 , #section-5 {padding:0; margin:0; left:0; padding-top:9%; height:auto; margin-bottom:15%; } #section-2 {padding-left:7%; } #section-2 ul li { background-position: left 16px; background-size: 6%; }
.block-2 h2, .block-2 p { width:110%; padding-left:0; left:0;} .block-2 h2 { margin-bottom:3%; width:115%; padding-bottom:4%;}
#section-2 p:nth-child(2), #section-3 p:nth-child(2), #section-4 p:nth-child(2) { top:0; right:auto; width:100%; left:0; padding-left:0; }
#section-2 .service-list, #section-4 .service-list { width:110%; left:0; } .service-list p { width:125%; }
.feature { width:100%; left:-30px; right:0; top:-30px; margin-right:0; margin-bottom:10%;} .feature p { font-size:18px; line-height:26px; padding:10%; padding-left:8%; border-width: 6px; width:105%; } .feature .bg-gray { left:-3.5%; top:7.5%; width:125%; }
.home-block-2 h2, .home-block-2 h6, .home-block-2 p, .block-2 h4, .block-4 h3, .block-4 p, .block-4 h4, .block-5 h3, .block-5 p, .block-5 h4{ padding-left:0; width:115%; }
.home-block-2 h2 { margin-top:80%;} #section-1 a { width:240px; } #section-2 a { margin-left:0; width:220px; padding:0; } .block-2 h4 {left:0; }
#section-3 { height:auto; width:78.6%; margin-bottom:0; }
#section-3 { padding-left:7%; } #section-3 h2 { padding-top:260px; width:130%; } #section-3 h4 { margin:0; padding:0; } #section-3 h4:nth-child(2), #section-3 .right-img p, #section-3 .right-img-2 p, .block-3 p, .right-img-2 p { margin:0; padding:0; }
#section-3 .right-img, #section-3 .right-img-2, #section-3 .right-img-2 #videoplayer { width:125%; height:44%; right:-32.6%; overflow: hidden; opacity:1; }
#section-3 .right-img img { -webkit-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.0); -moz-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.0); box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.0);} #section-3 .img-bg { margin:5%; width:142%; left:-15%; top:72%; opacity:0.5; } #section-3 .right-img-2 #videoplayer { width:87%; height:auto; left:0; margin:0; padding:0;}
#section-3 .right-img-2, #section-5 .right-img-2 { margin:0; padding:0; left:10%; right:auto; margin-left:0; margin-top:0;} #section-3 .right-img-2 { margin-top:90px;}
#section-3 .right-img-2 img, #section-5 .right-img-2 img { width:80%; left:0; } #section-3 .right-img-2 img:nth-child(2), #section-3 .right-img-2 img:nth-child(3) { width:30%; padding-top:30%; position:absolute; left:60%; }
#section-4 { margin-top:6%;width:78.6%;padding-left:4%; margin-bottom:15%;}
#section-4 .left-img-2 { width:129%; left:0; margin-top:2%; padding-bottom:14%; }
#section-4 .left-img-2 img:nth-child(1) { padding-right:30%; width:80%; } #section-4 .left-img-2 #videoplayer {width:100%; height:auto;margin:0; margin-left:10px; padding:0;}
#section-4 .left-img-2 img:nth-child(2) {position:absolute; right:10%; top:45%; width:30%; }
#section-4 .left-img-2 img:nth-child(3) { left:8%; top:50%; width:60%; }
#section-4 p:nth-child(2) { margin-top:10%; padding-left:4.5%; width:120%; } #section-4 p { width:120%; }
#section-4 ul, #section-2 ul { margin-left:10%; padding-left:0; padding-right:0; width:90%; margin-bottom:2%; height:auto; }
#section-4 ul li, #section-2 ul li { width:100%; padding-right:0; } #section-4 a, #section-5 a, #section-4 a:hover, #section-5 a:hover { height: auto; line-height: 39px; padding:0; margin-top:auto; top:auto; background-image: url(); } #section-4 .service-list h4 { text-indent:0; margin-left:-10px;}
#section-5 { margin-top:15%; padding-top:55%;width:72.6%;padding-left:7%; }
#section-5 .right-img-2 { left:8%; padding-bottom:20%; margin-top:40px; width:115%;} #section-5 .right-img-2 img { width:100%;}
#video{ margin-top:30%; padding-top:6%; top:0; padding-left:0; background-position: 55px 30px; margin-left:0; width:100%; height:190px; overflow: hidden; } #video #play { margin-left:10%; margin-top:20px; }
#video h2 { padding-left:10%; width:40%; } #video p { display:none; } #video img{ width:150%; bottom:0; right:10%; } #video #play { width:50px; height:50px; }
#video .img-bg { height:95%; } #video .bg, #video .mask { width:100%; height:100%; z-index:9;} #video .mask{ background-position: right bottom; } #video .bg{ background-position: right bottom; background-position: -30px top; z-index:8; } #video .img-bg img { right:-14%; z-index:7; }
#member { height:auto; margin:0; margin-top:12%; padding-bottom:80px; width:100%; }
#member h2 { font-size: 13px; padding-bottom:3%; text-indent:0px; } #member img { width:12%; height:auto; padding: 4%; margin:0; left:0; }
#newsletter { left:0; height:220px; width:96%; margin:0; padding:0; padding-top:8%; margin-bottom:8%;border-width: 6px;}
#newsletter .newsletter { position:absolute; height: 75px; width: 85%; right:auto; left:6%; top:0px; margin-top:150px; } #newsletter h4 { font-size: 20px; line-height: 28px; width:86%; padding-top:1%; } #newsletter h4 br {display:none;}
form#formulario { top:0; left:0; z-index:14; } form#formulario { height: 300px; display: block; width:100%; top:-5px; left:0; }
input#name, input#email, input#telefone { ; width: 100%; margin-right: 0; padding-right: 0; margin-top:0; font-size:13px; }
#footer { width: 80%; height:auto; left: 0; padding-left:40px;} #footer .col:nth-child(1){ padding-right:19px; width:10%; } #footer .col img {width:100%; }
#footer .col:nth-child(1) a { padding:0; } #footer .col { padding-left:0;} #footer .col h6 { margin-bottom:0; padding-bottom: 15px; }
#footer p, #footer a { font-size:13px; padding-left:24px; background-position: left 22px; background-size: 6%; line-height: 28px; }
#footer .phone {line-height: 15px; padding-top:18px; background-position: left top; background-size: 6; }
#footer .col { width:96%; height:auto; display: block; margin-top:10px; padding-top:25px; border-width:1px 0px 0px 0px; }
#footer .col:nth-child(1) a { width:60%; height:auto; } #footer .col:nth-child(1) {top:20px; }
#footer .col:nth-child(2) { padding-left:0; margin-top:50px; }
#footer .col:nth-child(5), #footer .col:nth-child(1) { width:50%; height:auto; position:absolute; } #footer .col:nth-child(5) { right:12px; margin-top:8px; }
#footer .col:nth-child(5) a { width:33px; height:33px; -moz-border-radius: 33px !important; border-radius: 33px !important} #footer .col:nth-child(5) a { float:right; margin: 5% 0 0 5%; }
#footer .col:nth-child(5) a img { width:40%; height:auto; margin-left: 8px; margin-top: 8px; } #footer .footer-credits { margin-top: 430px; }
#footer .social-icon { top:20%; }
#end-page-bg, #section-1 .right-img { display:none; }
#end-page-bg #water {position:absolute; display:block; left:0; top:15%; z-index:0; width:100%; height:auto; }
}
@media only screen and (min-width: 700px) and (max-width: 1020px) {
html, body { height: 100%; width:100%; margin:0; padding:0; }
#body-content-wrapper{ width:90%; margin:4.5%; padding:0; margin-bottom:-300px }
#header { height: 80px; }
#header #logo { left:38px; height: 100px; width: 16%; margin-top:-10px; }
#lang { width: 200px; left:5%; top:-99999px; display:none; } #header #lang a { margin-top:0; font-size:16px; padding:14px; } #header #lang { width: 120px; background-position: 60px 20px; height:30px; z-index: 999999999; }
#header #phone{ height: 80px; width: 70px; right:100px; top:0; padding-left:30px; } .dropdown-content { top: 80px; left:-55px; }
#header #phone-icon{ width: 55%; padding:0; margin:0; top:25%; }
#header #menu-icon, #header #menu-close {display:inline-block; position: absolute; width: 43px; right:40px; top:32px; height: 40px; z-index: 999999; cursor: pointer; } #header #menu-close { width: 35px; top:27px;right:36px; display:none; }
.main-hero { height: 550px; } .hero-area {height: 450px;} #container .slide img { width: auto; height:90%; bottom:2%; right:-4%; }
#container .bg { width: 140%; height: 140%; top:-10%; left:0; } #container .slide { right:-8%; } #container img { height:120%; width:auto; right:0; }
#container .bg img { width: auto; height:80%; top:0; right:4%; } #container .slide img { width: auto; height:90%; bottom:2%; right:-4%; } #container p img, #container img { position:absolute; right:-20%; }
#slogan, #main-intro {left:11.5%; top:230px; width:60%; height:550px; background-position: 3px 260px; }#main-intro { top:180px; width:60%; height:43%; } #badge { width: 30%; top:500px;}
h1 { font-size: 40px; line-height: 48px;} h2 { font-size: 28px; line-height: 35px; width:50%; margin-bottom:2%; } h3 { font-size: 20px; line-height: 32px; margin-bottom:2%; padding-left:17%; width:90%; } h4 { font-size: 20px; line-height: 28px; margin-bottom:2%; width:35%; } h6 { font-size: 12px; } p, #body-content-wrapper ul li { font-size: 17px; line-height: 30px; width:90%; padding-bottom:2%; } #body-content-wrapper ul { margin-top:5%; margin-bottom:15%;} #body-content-wrapper ul li { margin-left:17%; } a { font-size: 15px; }
.menu { position: absolute; width:60%; height:2000px; margin:0; padding:0; left:40%; padding-top:10%; right:3px; top:0; background-color: #fff; z-index: 99; display:none;
-webkit-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55); -moz-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55); box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.55); }
.menu ul { width:87%; height:100%; margin:0; padding:0; left:0; padding-bottom:20px;}
.menu ul > li { width:100%; padding:0; border:none; }
.menu ul > li > a { width:100%; padding-left:12%; padding-right: 9px; margin-left:-7%; line-height: 55px; font-size:20px; text-align: left; border:none; }
.menu ul li > a:hover, .menu ul > li.active > a, .menu ul > li.sfHover > a, #navigation ul li.dropdown a:hover { background-color: #fff; border:none; border-left: solid 4px #f36f39; }
.menu ul ul { position: absolute; width:115%; height: 230px; margin:0; padding:0; padding-top:20px; padding-bottom: 30px; margin-top:0px; margin-left:50px; margin-right:-34px; border:none; border-left: solid 4px #f36f39; }
.menu ul ul li {position: relative; display: block; width:100%; height: 45px; float: left; left:0; margin: 0px; padding:0; margin-bottom:2px; overflow: hidden; border:none;}
.menu ul ul li a {position: relative; display: block; width:100%; height: 100%; float: left; font-size: 20px; line-height: 15px; padding-top: 0px; padding-top:20px; padding-bottom:40px; padding-left:13%; margin: 0; border:none; }
.menu ul li:hover ul , .menu ul li a:hover ul , .children:hover, .menu ul li:active ul , .menu ul li a:active ul, .menu ul li.dropdown-link-1:hover ul { display:block; top:0; position: relative; }
.menu ul ul li a:hover, .menu ul ul li:hover { background-color: #f9f9f7; border:none; border-left: solid 0px #f36f39;}
.menu ul ul li a img, .menu ul ul li a br {display:none;}
.view-all-cta { width:60%; height:70px; font-size: 14px; line-height: 70px; text-align: left; top:28px; padding-top:17px; margin-left:-8%; padding-left:20%; }
.menu #lang-mobile {display:block; position: relative; top:auto; width:88%; height: 50px; padding:0; margin-top:40px; margin-left:30px; z-index: 999999999;
border-width: 1px 0px 0px 0px; border-style: solid; border-color: #d7d7d7;}
.menu #lang-mobile a {position: relative; display: inline-block; width:30px; padding:10px; margin-top:20px; font-size: 15px; line-height: 15px; text-align: center; color:#000; }
#contacts { top:0; width: 40px; height:140%; } .links {padding-top:73px; } #contacts svg { margin-left:15px; width:20%; } #contacts svg:nth-child(4) { width: 27%; padding-top:1%; margin-top:-45px; } .links-home {padding-top:10.5%; }
.block-2 h2, .block-2 h4, .block-2 p, .block-4 h2, .block-3 h2, .block-3 h4, .block-3 p, .block-4 h4, .block-4 p, .block-5 h2, .block-5 h4, .block-5 p { width:90%; height: auto; left:0; top:0; padding-left:17%; } .block-3 h4, .block-3 h2, .block-2 h2 { margin-bottom:3%; padding-bottom:3%;}
#section-1, #section-2, #section-3, #section-4, #section-5, #video, #member, #newsletter, #footer, #end-page-bg { width:80%; padding-top:15%; margin-left:0; z-index:2;}
#section-1 { padding-left:14%; background-position: 64px -212px; top:-42px; } .home-block-1 {height:400px; margin-bottom:5%; } .block-1 {height:auto; } #section-1 h2, #section-1 p { width:88%; } #section-1 img, #section-1 .right-img-2 { right:99999px; }
#section-2, #section-3, #section-4, #section-5 {padding:0; margin:0; left:0; } .home-block-2 { height:750px; }
#section-2 p:nth-child(2), #section-3 p:nth-child(2), #section-4 p:nth-child(2) { top:0; right:auto; width:88%; left:0; padding-left:17%; } #section-4 p:nth-child(2) { margin-top:17%; padding-left:17%; } #section-2 a, #section-3 a { margin-top:2%; padding-top:2%;} #section-2 .service-list, #section-4 .service-list { width:100%; }
.feature { width:100%; left:0; right:0; top:-40px; margin-right:0; margin-bottom:17%; } .feature p { font-size:24px; line-height:34px; } .feature .bg-gray { width:120%; }
.left-img, .left-img-2, .left-img-3 { width:122%; height:45%; left:-8%; top:-15%; margin:0; } .left-img-2 { width:100%; height:55%; margin-left:11%; }
.left-img img, .left-img-2 img { width:55.1%; } .left-img img:nth-child(2) { width:40.3%; margin-left:15px; } .left-img-3 { top:-15%; left:0; margin-left:0%; margin-bottom:17%; width:110%;} .left-img-3 #videoplayer { height: 400px;}
.home-block-2 h2, .home-block-2 h6, .home-block-2 p{ padding-left:17%; width:90%; } #section-2 {padding-top:2%; } #section-2 a { margin-left:17%; width:290px; padding:0; }
#section-3 { padding-top:77%; background-image: url(); } .home-block-3 {height:650px; padding-top:77%; }
#section-3 h2, #section-4 h2 { padding-left:17%; width:90%; } #section-3 p, #section-4 p, #section-5 p { padding-left:17%; width:90%; font-size: 17px; line-height: 30px; } #section-3 a { margin-left:17%; }
#section-3 .right-img, #section-3 .right-img-2 { width:115%; height:45%; right:-32.6%; overflow: hidden; top:-60px; opacity:1; } #section-3 .right-img img { -webkit-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.0); -moz-box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.0); box-shadow: -16px 24px 89px -19px rgba(0,0,0,0.0);} #section-3 .img-bg { margin:5%; width:135%; left:-10%; top:650px; }
#section-3 .right-img-2, #section-5 .right-img-2 { width:100%; margin:0; padding:0; left:17%; right:auto; margin-left:0; margin-top:33%;}
#section-3 .right-img-2 img, #section-5 .right-img-2 img { width:85%; left:0; } #section-3 .right-img-2 img:nth-child(2) { width:30%; padding-top:30%; position:absolute; left:70%; }
#section-4 { margin-top:10%; width:70%; left:4%;}
#section-4 .left-img-2 { left:2%; padding-bottom:10%; padding-top:4%; width:118%;} #section-4 .service-list h4 { font-size:28px; }
#section-5 { margin-top:8%; padding-top:50%;}
#section-5 .right-img-2 { left:17%; padding-bottom:20%; margin-top:10%;}
#video{ margin-top:5%; padding-top:10%; padding-left:0; background-position: 55px 30px; margin-left:0; width:100%; height:220px; overflow: hidden; }
#video h2 { width:35%; margin-bottom:0;} #video p { font-size:15px; margin-top:0; width:32%; } #video #play { width:50px; height:50px; }
#video .img-bg {display:block; position: absolute; width:100%; height:102%; left: 0; padding-left: 0; padding-bottom:5%; margin-left:0; top:0; overflow: hidden;}
#video .bg, #video .mask { width:100%; height:90%; z-index:9;} #video .mask{ background-position: right bottom; } #video .bg{ background-position: right bottom; background-position: -30px top; z-index:8; } #video .img-bg img { right:-14%; z-index:7;}
#member { padding:0; padding-top:21%; height:540px; margin-top:0; width:100%; margin:0; }
#member h2 { font-size: 15px; padding-bottom:2%; text-indent:0px; } #member img { width:12%; height:auto; padding: 6%; margin:0; left:0; }
#newsletter { left:0; height:190px; width:98%; padding-top:11%; }
#newsletter .newsletter { position:absolute; height: 75px; width: 50%; right:2%; margin-top:80px; top:0;} #newsletter h4 { font-size: 22px; width:30%; } #newsletter h4 br {display:none;}
form#formulario { width:300px; top:0; left:0; z-index:14; }
input#name, input#email, input#telefone { width: 300px; margin-right: 0; padding-right: 0; margin-top:8px; font-size:13px; }
#footer { width: 100%; left: 0; top:0; margin-top:0; } #footer .col:nth-child(1){ padding-right:19px; width:10%; } #footer .col img {width:100%; }
#footer .col:nth-child(1) a { padding:0; width:50%; height:auto; } #footer .col { padding-left:19px;}
#footer p, #footer a { font-size:15px; padding-left:24px; background-position: left 6px; background-size: 8%; line-height: 28px; }
#footer .col { width:31%; display: block; margin-top:150px; } #footer .credits { top:90%; }
#footer .col:nth-child(2) { border:none; padding-left:0; }
#footer .col:nth-child(5), #footer .col:nth-child(1) { width:50%; height:80px; position:absolute; } #footer .col:nth-child(5) { right:0; }
#footer .col:nth-child(5) a { width:50px; height:50px; -moz-border-radius: 50px !important; border-radius: 50px !important} #footer .col:nth-child(5) a { float:right; margin: 5% 0 0 5%; }
#footer .col:nth-child(5) a img { width:40%; height:auto; margin-left: 8px; margin-top: 8px; } #footer .footer-credits { margin-top: 300px; }
#end-page-bg { top:0; bottom:0; z-index:0; width:100%; height:300px; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/waves.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: 105%; }
#end-page-bg #water, #section-1 .right-img { display:none;}
}
@media only screen and (min-width: 1020px) and (max-width: 1280px) {
#header { height: 100px; } #menu-icon, #menu-close, .menu #lang { display:none;}
#header #logo { left:33px; height: 100px; width: 9%; }
#header #lang { width: 88px; right:-10px; height: 100%; background-position: 31px 43px; } #header #lang a { margin-top:38px; font-size:11px; padding:5px;} .dropdown-content { top: 100px;}
#header #phone{ height: 100px; width: 4%; right:8%; padding-left:30px; } #badge { width: 20%; top:315px; } #slogan, #main-intro {left:11.9%; height:57%; background-position: left 270px; } #main-intro {top:250px; }#slogan { width: 45%; top:310px;}
#header #phone-icon{ width: 50%; padding:0; margin:0; top:25%; }
#container .bg { background-position: left 25px;left:0; top:5%; width:108%; }
.main-hero { height: 700px; } .hero-area { height: 550px; } #container .bg {background-position: left 20%; } #container p img, #container img { height: 100%; width:auto; right:0;} #container .bg img { width: 110%; top:-4%; right:4%; } #container .slide img { width: 110%; bottom:-10%; left:-15%; } #container { max-height:900px;}
h1 { font-size: 34px; line-height: 44px;} h2 { font-size: 26px; line-height: 33px; width:50%; } h4 { font-size: 20px; line-height: 28px; margin-bottom:2%; width:35%; }
h6 { font-size: 13px; } p { font-size: 14px; line-height: 25px; width:50%; } a { font-size: 13px; }
.menu { width:50%; margin-left:15%; margin-right:25%; left:auto; right:5%; }
.menu ul { width:850px; } .menu ul > li > a { margin-left:10%; margin-right:10%; line-height: 100px; font-size:12px; }
.menu ul > li { margin-right: 4px; margin-left:4px; height: 96px; }
.menu ul > li > a { margin-left:12px; margin-right: 12px; }
.menu ul ul { margin-top:60px; height:250px; margin-left:9%; padding-left:4%; }
.menu ul ul li { width:17%; height: 120px;float: left; margin-top: 40px; margin-right: 16px; }
.menu ul ul li a { font-size: 17px; line-height: 23px; padding-top: 110px; }
.menu ul ul li a img { bottom:95px; width:100%; height: auto; padding:0; }
#contacts { width: 40px; } .links-home {padding-top:16%; } .links {padding-top:10%; } #contacts svg { margin-left:15px; width:20%; } #contacts svg:nth-child(4) { width: 27%; }
.feature { margin:0; padding:0; width:52%; } .feature p{ font-size: 22px; line-height: 28px; }
#section-1 { padding-top:12%; background-position: 7px -242px; top:0; width:96%; } .home-block-1 {height:52%; margin-bottom:-6%; } #section-1 h2, #section-1 p, #section-3 h2, #section-3 p { width:55%; } .block-4 p { width:48%; padding-left:0%; right:-16.3%; }
.left-img { width:85%; left:-22%; margin-top:0; margin-right:-14%; }
.left-img img { width:52.3%; } .left-img img:nth-child(2) { width:38.3%; margin-left:20px; } .left-img-3 #videoplayer { height: 400px;}
#section-1 .right-img-2, #section-1 .right-img { top:-40px; right:-25.5%; opacity:1;} #section-1 .right-img-2 { top:-10px; right:-25.5%;} .block-1 img { top:-10px; right:-25.5%; }
#section-2, #section-3 { padding-top:6%; width:98.5%; } #section-2 p:nth-child(1), #section-2 p:nth-child(2), #section-2 p:nth-child(3) { right:-5.9%; width:45%; } .block-1 { margin-bottom:0%; } .block-2 { left:2.5%; margin-top:-2%; } .block-3 { left:-1.5%; }
.block-3 p {width:35%;} #section-3 .img-bg { width:100%; top:25%; } #section-3 .right-img { right:-29.5%;opacity:1;} #section-3 .right-img-2 { right:-5.5%; width:55%;} #section-3 .right-img-2 p, #section-3 .right-img-2 p img { width:100%;}
#section-4 { margin-top:4%; left:-1.5%; }
#section-4 .left-img-2 { left:0; margin:0; padding:0; top:0; padding-bottom:8%; width:45%; } #section-4 p, #section-4 .service-list h4 { left:14%; } #section-4 .left-img-2 p , #section-4 .left-img-2 p img { left:0; margin:0; padding:0; width:120%; height:auto; } #section-4 .service-list h4 { text-indent: 0 ; margin-left:-10px; }
.home-block-2 h2, .home-block-2 h6, .home-block-2 p { padding-left:40%; width:72%; } #section-2 a { margin-left:71%; width:300px; padding:0;} .block-4 { padding-bottom:0; }
#section-3, #video{ padding-top:7%; } .home-block-3 { background-position: left -5px; }
#video{ margin-top:24%; padding-top:10%; padding-left:0; background-position: 55px 30px; margin-left:-8px; width:100%; }
#video #play { width:50px; height:50px; }
#member { padding-top:20%; height:40%; margin-top:0; }
#member h2 { font-size: 16px; padding-bottom:3%; } #member img { width:8%; height:auto; padding: 4%; margin:0; left:0; }
#newsletter { left:-20px; height:190px; padding-top:11%; }
#newsletter .newsletter { height: 75px; width: 50%; right:4%; margin-top:-35px; }
form#formulario { width:320px; top:0; left:0; z-index:14; }
input#name, input#email, input#telefone { width: 320px; margin-right: 0; padding-right: 0; margin-top:8px; font-size:13px; }
#footer { width: 102%; left: -20px; } #footer .col:nth-child(1){ padding-right:19px; width:10%; } #footer .col {width:23%; } #footer .col img {width:100%; }
#footer .col:nth-child(1) a{ padding:0; } #footer .col { padding-left:19px;}
#footer p, #footer a { font-size:12px; padding-left:17px; background-position: left 6px; background-size: 8%; line-height: 28px; }
#footer .col:nth-child(5) a { width:30px; height:30px; -moz-border-radius: 30px !important; border-radius: 30px !important}
#footer .social-icon { top:15%; }
#end-page-bg { top:0; bottom:0; z-index:0; width:100%; height:400px; background-image: url(https://www.domitur.pt/en/wp-content/themes/domitur/img/waves.jpg); background-repeat: no-repeat; background-position: left bottom; background-size: 105%; }
#end-page-bg #water { display:none;}
}
@media only screen and (min-width: 1000px) and (max-width: 1100px) {.menu ul > li > a { margin-left:6px; margin-right: 6px; } }
@media only screen and (min-width: 1280px) and (max-width: 1540px) {
#header { height: 100px; } #menu-icon, #menu-close, .menu #lang { display:none;}
#header #logo { left:60px; height: 100px; width: 9%; }
#header #lang { width: 88px; right:20px; height: 100%; } #header #lang a { margin-top:32px; font-size:12px; }
#header #phone{ height: 100px; width: 4%; right:9%; } #slogan {left:12.1%; height:58%; background-position: left 330px; width: 44%; top:360px;} #main-intro { top:280px} .dropdown-content { top: 100px;}
.main-hero { height: 800px; } .hero-area { height: 650px; } #badge { top:350px; }
#container .bg {background-position: left bottom; } #container img { height:100%; width:auto; } #container .bg img { width: 120%; left:-20%; } #container .slide img { width: 130%; bottom:-3%; left:-30%; } #container { max-height:1000px;}
h1 { font-size: 42px; line-height: 48px;} h2 { font-size: 28px; line-height: 37px; width:50%; } h4 { font-size: 25px; line-height: 30px; margin-bottom:2%; width:37%; }
h6 { font-size: 13px; } p { font-size: 15px; line-height: 27px; width:50%; }
.menu { width:50%; margin-left:17%; margin-right:19%; left:-1%;}
.menu ul { width:1000px; } .menu ul > li > a { margin-left:15px; margin-right: 15px; line-height: 96px; font-size:13px; } .menu ul ul { height:340px; margin-top:60px; }
.menu ul ul li { width:17.3%; height: 180px; float: left; margin-top: 40px; margin-right: 20px; }
.menu ul ul li a { font-size: 19px; line-height: 24px; padding-top: 160px; }
#contacts { top:0; width: 60px; } .links-home {padding-top:16%; } .links {padding-top:11%; } #contacts svg { margin-left:27px; width:15%; } #contacts svg:nth-child(4) { width: 19.5%; }
#section-1 { padding-top:8%; background-position: left -200px; }
#section-2 { padding-top:8%; } #section-3 { padding-top:9%; }
#section-3, #video{ padding-top:8%; } #video{ margin-top:15%; margin-left:-55px; background-position: 60px 45px; }
#section-1 .right-img {opacity:1; top:-15%; right:-20.8%; } .block-1 img {opacity:1; top:-10px; right:-20.8%; } #section-3 .right-img {opacity:1; right:-20.8%; } #section-3 .img-bg { width:90%; top:18%; }
.left-img { left:-16%; top:-15%; } .left-img img { width:55.3%; } .left-img img:nth-child(2) { width:40.3%; margin-left:25px; } .left-img-3 #videoplayer { height: 500px;}
#member { padding-top:18%; height:32%; margin-top:-20px; }
#member h2 { font-size: 17px; } #member img { width:20%; height:auto; padding: 3.8%; margin:0; left:0; }
#newsletter { left:-12px; height:200px; padding-top:11%; }
#newsletter .newsletter { height: 80px; width: 50%; right:2%; margin-top:-35px; }
form#formulario { width:350px; top:0; left:0; z-index:14; }
input#name, input#email, input#telefone { ; width: 350px; margin-right: 0; padding-right: 0; margin-top:8px; font-size:15px; }
#footer { width: 102%; left: -20px; } #footer .col:nth-child(1){ padding-right:20px; width:12%; } #footer .col:nth-child(1) a{ padding:0; } #footer .col { padding-left:20px;} #footer p, #footer a { font-size:13px; }
#footer .col:nth-child(5) a { width:40px; height:40px; -moz-border-radius: 40px !important; border-radius: 40px !important}
#footer .col:nth-child(5) a img { width:40%; height:auto; margin-left: 12px; margin-top: 12px; }
#end-page-bg { margin-top:0; top:0; bottom:0; z-index:0; width:100%; height:auto; }
#end-page-bg #water {position:absolute; display:block; left:0; top:40%; z-index:0; width:100%; height:auto; }
}
@media only screen and (min-width: 1540px) and (max-width: 1800px) {
#header { height: 125px; width: 100%; top: 0; margin:0; padding:0; } #menu-icon, #menu-close, .menu #lang { display:none;}
#header #logo { left:80px; height: 125px; width:150px; }
#header #lang { width: 88px; right:40px; height: 100%; } #header #lang a { margin-top:45px; }
#header #phone{ height: 125px; width: 4%; right:10%; } #slogan {left:12.6%; height:60%; width: 38%; top:44%; background-position: left 315px; } #main-intro { height:60%; width: 36%; top:320px} #badge { top:430px; }
.hero-area { height: 750px; } #section-3 .right-img { right:-20.8%; } #section-3 .img-bg { width:90%; top:18%; }
#container img { height: 110%; width:auto; } #container .bg img { width: 120%; left:-9%; } #container .slide img { width: 110%; bottom:-7%; left:-15%; } #container { max-height:950px;}
h1 { font-size: 45px; line-height: 55px;} h2 { font-size: 30px; line-height: 40px; width:47%; } h6 { font-size: 13px; }
.menu { width:50%; margin-left:19%; margin-right:21%; left:-40px;}
.menu ul { width:1200px; } .menu ul > li > a { margin-left:20px; margin-right: 20px; line-height: 121px; } .menu ul ul { height: 380px; margin-top: 85px; } .menu ul ul li { height: 235px; margin-top: 55px; padding-bottom: 40px; } .menu ul ul li a { padding-top: 180px; } .menu ul ul li a img { bottom:270px; } .view-all-cta { top:5px; padding-top:25px; width:97%; } .dropdown-content { top: 125px;}
#contacts { top:0; width: 90px; } .links-home {padding-top:12.5%; } .links {padding-top:13%; }
#section-1 { padding-top:8%; background-position: left -200px; margin-bottom:-2%; } #section-1 .right-img {opacity:1; top:-15%; right:-20.8%; } .block-1 img {opacity:1; top:-10px; right:-20.8%; }
#section-2 { padding-top:9%; margin-top:2%; } #section-3 { padding-top:2%; }
.home-block-3, #video{ padding-top:8%; background-position: left 38px; background-size: 0.08%; } #video{ top:23%; padding-left:2%; background-position: 60px 92px; background-size: 0.09%; } #member { padding-top:24%; height:38%; }
.left-img { left:-14%; top:-17%; margin-right:-5%; } .block-3 .right-img-2 { margin-top:-2%; } .left-img-3 #videoplayer { height: 500px;}
}
@media only screen and (min-width: 1800px) and (max-width: 1920px) { .menu { margin-left:20%; margin-right:20%; left:-10px;} .menu ul { width:1400px; } .menu ul > li > a { margin-left:25px; margin-right: 25px; } .menu ul ul { height: 440px; } .menu ul ul li { height: 235px; margin-top: 55px; padding-bottom: 40px; } .menu ul ul li a { padding-top: 180px; } .menu ul ul li a img { bottom:270px; } #slogan {left:12.9%; height:56.4%; background-position: left 365px; } #menu-icon, #menu-close, .menu #lang { display:none;} .menu ul ul { padding-left:4.5%; height:430px; margin-top:105px; } #container .bg img { width: 120%; left:-9%; } #container .slide img { width: 110%; bottom:-4%; left:-15%; } #container { max-height:1000px;} .hero-area { height: 750px; }.links {padding-top:11%; } #slogan { width: 40%; top:40.5%; } #main-intro { width: 36%; top:37%;} #member { padding-top:23%; height:40%; }
}
@media only screen and (min-width: 1920px) and (max-width: 2060px) { .menu { margin-left:19%; margin-right:21%; left:0;} .menu ul { width:100%; } .menu ul ul { margin-top:105px; } .menu ul > li > a { margin-left:28px; margin-right: 28px; } .menu ul ul { height: 400px; } .menu ul ul li { height: 270px; margin-top: 55px; padding-bottom: 40px; } .menu ul ul li a { padding-top: 200px; } .menu ul ul li a img { bottom:270px; } #member { padding-top:18%; height:40%; margin-top:0; } #slogan {left:12.9%; height:58.5%; background-position: left 384px; } #menu-icon, #menu-close, .menu #lang { display:none;} #container .bg img { width: 120%; left:-8%; } #container .slide img { width: 110%; bottom:-4%; left:-15%; } #container { max-height:1100px;} h1 { font-size: 58px; line-height: 67px;} #member { padding-top:22%; height:40%; }}
@media only screen and (min-width: 2060px) and (max-width: 2500px) { .menu { margin-left:20%; margin-right:20%; left:2%;} .menu ul { width:100%; } .menu ul ul { padding-left:3%; margin-top:105px; } .menu ul > li > a { margin-left:32px; margin-right: 32px; } #container .bg img { width: 120%; left:-7%; } #section-3 {padding-top:7%; } .home-block-3 { background-position: left 40px; background-size: 0.07%; } #slogan {left:13.3%; height:55%; background-position: left 410px; } #main-intro { width: 30%; top:33%;} #menu-icon, #menu-close, .menu #lang { display:none;} #video { background-position: 5% 95px; background-size: 0.08%; } #video .img-bg img { right:2%; height:120%; } #member {padding-top:23%; height:40%; margin-top:0; } h1 { font-size: 60px; line-height: 70px;} p { font-size: 19px; line-height: 34px; } } @media only screen and (min-width: 2050px) and (max-width: 2300px) { .menu { left:0;} }
@media only screen and (min-width: 2500px) and (max-width: 99999px) { .menu { margin-left:19%; margin-right:21%; left:3%;} .menu ul { width:100%; } .menu ul > li > a { margin-left:38px; margin-right: 38px; } .menu ul ul { margin-left:10.5%; padding-left:76px; margin-top:105px; } #section-3 {padding-top:6%;} #container .bg img { width: 120%; left:-7%; } #section-3 .img-bg { width:80%; top:10%; z-index:-1; } #menu-icon, #menu-close, .menu #lang { display:none;} .menu ul ul li { margin-right:41px; } h1 { font-size: 75px; line-height: 80px;} h1:nth-child(2) { font-size: 30px; line-height: 40px;} h2 { font-size: 45px; line-height: 53px; } p { font-size: 20px; line-height: 35px; } .links {padding-top:11.5%; } #slogan {left:13.4%; height:55%; background-position: left 145%; } #main-intro { width: 33%; } #section-3 .right-img { right:-190px; } #section-3 .right-img-2 { right:-1.2%; } #video { margin-top:22%;} #video .img-bg img { right:2%; height:120%; } #member { padding-top:22%; height:40%; margin-top:0; } #footer .col:nth-child(1){ padding-right:60px; width:14%; } }