body{min-width:320px;font-family:'Muli',sans-serif;font-size:18px;background-color:#034f73;color:#424242;line-height:1.4;text-align:center;} h1,h2,h3,h4,h5,h6,p,th,td,dd,dt,li,blockquote{text-align:left;} body,.top ul,nav ul,.banner ul{padding:0;margin:0;} main ul,main ol,.construction ul,footer ul{padding:0} img,iframe{max-width:100%;} a img,iframe{border:none;} a,nav a:hover{text-decoration:none;color:#0472a6;transition:ease-out .3s;} a:hover{color:#89a2a9;transition:ease-in .3s;} hr{border-width:1px;border-color:#eee;border-style:none none solid;margin:40px 0;} .imgLeft,.imgRight{max-width:45%;} .imgLeft{float:left;margin:5px 4% 1% 1%;} .imgCenter{display:block;margin:20px auto;} .imgRight{float:right;margin:5px 1% 1% 4%;} .clear{clear:both;} .center{text-align:center;} .nowrap{white-space:nowrap;} .hide{display:none;} .pad{padding:0 10px;} .container{background-color:#fff;} .wrap{max-width:1200px;display:block;margin:0 auto;position:relative;} .table{display:table;width:100%;} .table>div{display:table-cell;vertical-align:top;} .table.half>div{width:50%;} .table.half>div:first-of-type{padding-right:2%;} .table.half>div:last-of-type{padding-left:2%;} .table.third>div{width:33%;} .table.third>div:nth-of-type(1){padding-right:2%;} .table.third>div:nth-of-type(2){padding:0 1%;} .table.third>div:nth-of-type(3){padding-left:2%;} .table.quad>div{width:25%;} .top li,nav li,.banner li,.service li,.gallery a,.construction li,footer .table.third>div:nth-of-type(3) li{display:inline-block;vertical-align:top;} header .table>div,.construction li,footer .table.half>div{vertical-align:middle;} .top{font-size:14px;text-align:right;background-color:#034f73;color:#fff;padding:10px 0;} .top li{margin-left:30px;} .top i{display:inline-block;width:18px;height:14px} header{border-bottom:1px solid #eee;} header .wrap{padding:0 10px;} header i,nav i{margin-right:5px;} header .table.half{padding:15px 0;} header .table.half>div:first-of-type{text-align:left;} header .table.half>div:last-of-type{position:relative;} header p,nav{text-transform:uppercase;} header p,nav a{color:#666;} header p{text-align:center;position:absolute;top:5px;right:0;} header p span{display:block;font-weight:bold;} header p a{font-size:24px;} nav ul{font-size:16px;padding:15px 0;} nav li{line-height:1;padding:0 20px;position:relative} nav li:before{content:"";height:20px;width:1px;background-color:#eee;position:absolute;margin-left:-20px;top:4px} nav li:first-of-type:before{content:none;} nav i{display:inline-block;width:16px;height:16px} nav a{display:block;padding:5px 0;border-bottom:3px solid #fff;} nav a:hover{border-bottom:3px solid rgba(137,162,169,.5);} .cycle-slideshow{height:600px;position:relative;overflow:hidden;} .cycle-slideshow span{display:block;width:100%;height:100%;background-size:cover;background-position:center;} .cycle-prev,.cycle-next{position:absolute;top:0;width:5%;z-index:888;height:100%;cursor:pointer;background-position:50% 50%;background-repeat:no-repeat;opacity:0;} .cycle-prev{left:0;background-image:url(/images-design/arrow-prev.png);} .cycle-next{right:0;background-image:url(/images-design/arrow-next.png);} .cycle-prev:hover,.cycle-next:hover{opacity:.5;transition:all .3s linear .01s;} .slide1{background-image:url(/images-design/slides/1.jpg);} .slide2{background-image:url(/images-design/slides/2.jpg);} .slide3{background-image:url(/images-design/slides/3.jpg);} .slide4{background-image:url(/images-design/slides/4.jpg);} .slide5{background-image:url(/images-design/slides/5.jpg);} .banner,.banner p,.banner .table.half>div:last-of-type li a:after,.banner a:hover{color:#fff;} .banner{background-color:#1f365c;padding:50px 10px;} .banner .wrap{position:relative;} .banner p{font-size:32px;margin:0;position:absolute;top:50%;transform:translateY(-50%);} .banner a,footer a:hover{color:#9dbac2;} .banner .table.half>div:last-of-type{font-size:16px;text-align:right;} .banner .table.half>div:last-of-type li a:after{content:"/";display:inline-block;width:0;height:0;padding:0 10px;} .grid{display:grid} .intro{margin:50px 0;padding:0 10px;} .intro h1{font-weight:normal;text-transform:none;} .intro h1 span{font-weight:bold;} .intro h1,.intro h2,.intro p,.service h2,.contact h2{color:#116282;} .intro h1,.intro p{display:inline;font-size:28px;} .intro i{font-size:30px;background-color:#89a2a9;color:#fff;padding:15px 11px;border-radius:50px;display:block;width:38px;height:30px;margin:0 auto} .intro h1,.intro h2,.intro p,.service h2,.cta h2,.cta p{text-align:center;} .intro h2,.service h2,.cta h2,.cta p,.banner p,.contact h2{text-transform:uppercase;} .intro h2{font-size:16px;margin:20px 0;} .intro .grid.quad{grid-template-columns:repeat(4,1fr);margin:50px 0;} .intro .grid.quad>div{padding:0 10px;} .intro .grid.quad p{font-size:18px;color:#424242;} .service .table.third{width:calc(100% - 20px);padding:0 10px;} .service h2{font-size:24px;font-weight:normal;margin-top:80px;padding:0 10px 5px;border-bottom:1px solid rgba(137,162,169,.5);} .service ul{font-size:0;padding:0;} .service li{width:calc(33% - 40px);font-size:18px;padding:0 20px;} .cta{background-color:#1f365c;margin:50px 0 20px;padding:40px 10px;} .cta h2,.cta p,.cta a{color:#89a2a9;} .cta h2,.cta p{font-size:30px;} .cta h2 em,.cta .btn{color:#fff;} .cta h2 em{display:block;font-size:50px;font-style:normal;} .cta p{font-weight:bold;} .cta .btn{display:inline-block;font-size:24px;font-weight:normal;padding:20px 40px;} .cta p:last-of-type a:hover{color:#b2d2db;} main{padding:40px 10px;} main h1,main h2,main h3,main h4,main h5,main h6{text-transform:uppercase;color:#116282;} main h1{font-size:24px;} main h2{font-size:22px;} main h3{font-size:20px;} main h4{font-size:18px;} main .btn{display:inline-block;background-color:#89a2a9;color:#fff;padding:12px 50px;} main ul,main ol{padding-left:25px;} main li{margin-bottom:10px;} .construction h1{font-size:20px;font-weight:normal;text-transform:none;} .construction ul{font-size:0;} .construction li{width:calc(25% - 40px);padding:10px 20px;} .construction img{display:block;margin:0 auto;} .testimonials>div{margin:20px 0;padding:20px 40px;border:1px solid #eee;} .testimonials>div:nth-of-type(odd){border-right:5px solid #89a2a9;} .testimonials>div:nth-of-type(even){border-left:5px solid #89a2a9;} .testimonials>div p:last-of-type{font-weight:bold;color:#116282;} .contact h2,.login h2{font-size:24px;} .contact p{width:80%;} .contact ul{list-style:none;padding-left:50px;margin:40px 0;position:relative;} .contact li{margin-bottom:5px;} .contact i{width:36px;vertical-align:middle;background-color:#89a2a9;color:#fff;border-radius:50px;position:absolute;left:0;} .contact .fa-building{font-size:18px;padding:9px 0;} .contact .fa-mobile{font-size:28px;padding:4px 0;} .map{width:100%;height:30vh;margin:20px 0 30px;} .fa-lock{margin-right:5px;} .gallery{text-align:left;padding:20px 0;} .gallery a,footer .gallery a{overflow:hidden;} .gallery a{width:390px;height:298px;margin:5px;outline:1px solid #eee;} .gallery img{width:100%;height:100%;object-fit:cover;} footer .gallery{padding:0;} footer .gallery a{width:115px;height:86px;margin:5px 10px 5px 0;outline:none;} form{text-align:left;margin:25px 0;} form .table.half>div:first-of-type{padding-right:7px;} form .table.half>div:last-of-type{padding-left:7px;} form input[type=text],form input[type=email],form input[type=tel],form input[type=password],form input[type=submit],form textarea{font-family:'Muli',sans-serif;font-size:16px;} form input[type=text],form input[type=email],form input[type=tel],form input[type=password],form textarea{width:calc(100% - 40px);background-color:#f5f5f5;margin-bottom:15px;padding:15px 20px;border:none;} form input[type=checkbox]{height:18px;width:18px;vertical-align:middle;margin:0 10px 0 0;} form label{display:block;margin-bottom:15px;} form textarea{height:100px;} form input[type=submit]{font-weight:bold;text-align:center;background-color:#89a2a9;color:#fff;border:none;transition:ease-out .3s;} form input[type=submit]{padding:15px 60px;} form input[type=submit]:hover,.btn:hover{cursor:pointer;text-decoration:none;background-color:#9dbac2;color:#fff;transition:ease-in .3s;} footer{clear:both} footer .wrap{padding:0 10px;} footer,footer>.wrap a{font-size:16px;color:#fff;} footer h3{font-size:18px;font-weight:normal;text-transform:uppercase;} footer ul{list-style:none;text-align:left;} footer .table.third{padding:40px 0;} footer .table.third>div:nth-of-type(2) p{width:80%;} footer .btn{display:inline-block;width:250px;text-align:center;font-weight:normal;background-color:#89a2a9;padding:14px 0;margin-top:20px;} footer .table.third>div:nth-of-type(2) a:hover{background-color:#9dbac2;} footer hr{border-color:rgba(255,255,255,.1);margin:0;} footer .table.half{padding:20px 0;} footer .table.half>div:first-of-type p{text-align:left;} footer .table.half>div:last-of-type p{text-align:right;} .invis{display:none !important;} @media(max-width:999px){nav li{padding:0 15px;} nav a:hover{border:none;} .gallery a{width:calc(50% - 10px);max-height:30vh;} footer .table.third>div:nth-of-type(1){padding-right:20px;} footer .table.third>div:nth-of-type(2){padding-left:20px;} footer .table.third>div:nth-of-type(3){display:none;} footer p{width:100% !important;} header{border:none;} nav ul{padding-top:5px;} nav li:before{content:none;} nav li{text-align:center;text-align:center;padding:0;margin:4px;} nav li a{padding:10px 15px;border:1px solid #eee;} nav li a:hover{border:1px solid rgba(137,162,169,.5);}} @media(max-width:800px){.construction li{width:calc(33% - 40px);} .gallery a{max-height:25vh;}} @media(max-width:767px){.top ul{text-align:center;} .top li{margin:0 15px;} .cycle-slideshow{height:400px;} .banner p{font-size:24px;} .intro .grid.quad{grid-template-columns:repeat(2,1fr);margin:20px 0 0;} .intro .grid.quad>div{padding:20px 10px;} .intro h1,.intro p{font-size:24px;} .service li{width:calc(100% - 40px);}} @media(max-width:700px){.construction li{width:calc(33% - 20px);padding:10px;} .gallery a{max-height:20vh;}} @media(max-width:600px){.table.half.contact>div,.table.half.login>div,.banner .table.half>div,.construction li,footer .btn{display:block;width:auto;} .table.half.contact>div,.banner .table.half>div,.table.half.login>div{padding:0;} .banner{padding:30px 10px 20px;} .banner p{position:unset;} .banner p,.banner ul{text-align:center;} .intro .grid.quad{grid-template-columns:repeat(1,1fr);} .intro .grid.quad>div{padding:10px;} .cta span{display:block;} .contact p{width:100%;} .construction li{padding:20px;}} @media(max-width:500px){.top li{display:block;text-align:center;margin:0;} .cta .btn{display:block;margin:0 10px;padding:20px 0;} .gallery a{width:calc(100% - 10px);max-height:25vh;} footer .table.third>div{display:block;width:auto;} footer .table.third>div:nth-of-type(1),footer .table.third>div:nth-of-type(2){padding:0;} footer .table.third>div:nth-of-type(2){padding-top:20px;} footer h3,footer li,footer p{text-align:center;}} @media(max-width:400px){header .table.half{padding-bottom:0;} header .table.half>div,footer .table.half>div{display:block;width:auto;padding:0 !important;} header .table.half>div,footer .table.half>div p{text-align:center !important;} header .table.half>div p{position:unset;} .cta h2,.cta p{font-size:24px;} .cta h2 em{font-size:38px;} .cta .btn{font-size:20px;margin:0;} .gallery a{max-height:20vh;} form input[type=submit]{width:100%;padding:15px 0;}}