/* RESET */
html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, caption, tfoot,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
nav ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;text-decoration:none;color:inherit;}
ins{background-color:#008c98;color:#000;text-decoration:none;}
mark{background-color:#008c98;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted;cursor:help;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:0;padding:0;}
input, select{vertical-align:middle;}
input, select, textarea{outline:none}
body{font:12px/1.231 sans-serif;*font-size:small;}
select, input, textarea, button{font:99% sans-serif;}
pre, code, kbd, samp{font-family:monospace, sans-serif;}
body, select, input, textarea{color:#444;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
html{overflow-y:scroll;}
ul, ol{margin-left:0;}
ol{list-style-type:decimal;}
li{list-style:none;}
nav ul, nav li{margin:0;}
small{font-size:85%;}
strong, th{font-weight:bold;}
td, td img{vertical-align:top;}
sub{vertical-align:sub;font-size:smaller;}
sup{vertical-align:super;font-size:smaller;}
pre{padding:15px;white-space:pre;white-space:pre-wrap;white-space:pre-line;word-wrap:break-word;}
textarea{overflow:auto;}
.ie6 legend, .ie7 legend{margin-left:-7px;}
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
label, input[type=button], input[type=submit], button{cursor:pointer;}
button, input, select, textarea{margin:0;}
::-moz-selection{background:#343436;color:#fff;text-shadow:1px 1px 1px #000;}
::selection{background:#343436;color:#fff;text-shadow:1px 1px 1px #000;}
button{width:auto;overflow:visible;}
.ie7 img{-ms-interpolation-mode:bicubic;}
.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}
.hidden{display:none;visibility:hidden;}
.visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}
.invisible{visibility:hidden;}
.clearfix:before, .clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}
.clearfix{zoom:1;}
.table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}
th{text-align:left;}
.table a i{color:#f47b20;}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td{padding:0px;line-height:1.428571429;vertical-align:top;}
.table thead > tr > th{vertical-align:bottom;}
.table caption + thead tr:first-child th, .table colgroup + thead tr:first-child th, .table thead:first-child tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child td{border-top:0;}
.table tbody + tbody{border-top:2px solid #dddddd;}
.table .table{background-color:#ffffff;}
.table-condensed thead > tr > th, .table-condensed tbody > tr > th, .table-condensed tfoot > tr > th, .table-condensed thead > tr > td, .table-condensed tbody > tr > td, .table-condensed tfoot > tr > td{padding:5px;}
.table-bordered{border:1px solid #dddddd;}
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{border:1px solid #dddddd;}
.table-bordered > thead > tr > th, .table-bordered > thead > tr > td{border-bottom-width:2px;}
.table-striped > tbody > tr:nth-child(odd) > td, .table-striped > tbody > tr:nth-child(odd) > th{background-color:#f9f9f9;}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th{background-color:#f5f5f5;}
.table col[class*="col-"]{display:table-column;float:none;}
.table td[class*="col-"], table th[class*="col-"]{display:table-cell;float:none;}
@media print{*{background:transparent !important;color:#444 !important;text-shadow:none !important;}
a, a:visited{color:#444 !important;text-decoration:underline;}
a:after{content:" (" attr(href) ")";}
abbr:after{content:" (" attr(title) ")";}
.ir a:after{content:"";}
pre, blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
tr, img{page-break-inside:avoid;}
@page{margin:0.5cm;}
p, h2, h3{orphans:3;widows:3;}
h2, h3{page-break-after:avoid;}
}
.right{float:right !important}
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11{float:left;position:relative}
.col-1{width:8.333333333333332%;}
.col-2{width:16.666666666666664%;}
.col-3{width:25%;}
.col-4{width:33.33333333333333%;}
.col-5{width:41.66666666666667%;}
.col-6{width:50%;}
.col-7{width:58.333333333333336%;}
.col-8{width:66.66666666666666%;}
.col-9{width:75%;}
.col-10{width:83.33333333333334%;}
.col-11{width:91.66666666666666%;}
.col-12{width:100%;}
@media screen and (max-width:680px){.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-logo, .col-nav{float:none;position:relative;display:block;width:100%;}
}

/* MAIN */
body{font-family:"futura-pt",sans-serif;font-style:normal;font-weight:300;-webkit-font-smoothing:antialiased;}
img{width:100%;height:auto;display:block;}
p, li{font-family:"futura-pt",sans-serif;font-size:18px;color:#686765;margin:0;line-height:1.7;}
p strong{font-weight:600;}
h1, h2, h3, h4, h5{color:#1e222b;font-family:"futura-pt",sans-serif;font-weight:700;letter-spacing:-0.02em;}
h1{font-size:62px;letter-spacing:0.04em;line-height:1;margin-bottom:6px;}
h2{font-size:46px;}
h3{font-size:36px;font-weight:600;}
h4{font-size:33px;font-weight:600;}
h5{font-size:23px;font-weight:600;}
h6{font-size:17px;font-weight:600;}
blockquote{font-family:"futura-pt",sans-serif;font-size:24px;color:#686765;margin:35px 0;}
header{position:absolute;width:100%;top:0;left:0;right:0;z-index:90;padding-top:45px;}
header .logotype{width:140px;display:inline-block;float:left;vertical-align:middle;}
header .wrapper nav{text-align:right;display:inline-block;float:right;margin-top:25px;padding-right:85px;}
header nav ul li{display:inline-block;color:#fff;font-weight:600;font-size:16px;letter-spacing:0.1em;text-transform:uppercase;margin-left:23px;position:relative;padding-bottom:4px;}
header .menu-icon{float:right;}
header nav ul li{position:relative;}
header nav ul li:before{content:'';display:block;position:absolute;left:0;bottom:0;height:2px;width:0;transition:width 0s ease, background .5s ease;}
header nav ul li:after{content:'';display:block;position:absolute;right:0;bottom:0;height:2px;width:0;transition:width .5s ease;}
header nav ul li:hover:before{width:100%;background:#fff;transition:width .5s ease;}
header nav ul li:hover:after{width:100%;background:transparent;transition:all 0s ease;}
header nav ul li.current:before{width:100%;background:#fff;transition:width .5s ease;}
header nav ul li.current:after{width:100%;background:transparent;transition:all 0s ease;}
header nav ul li ul{display:none;background:#1e222b;padding:30px 15px;position:absolute;top:24px;left:0;right:0;min-width:250px;text-align:center;border-radius:3px;}
header nav ul li:hover >ul{display:block;}
header nav ul li ul li{display:block;margin:0 0 15px;}
header nav ul li ul li:last-child{margin-bottom:0;}
header nav ul li ul li:hover, header nav ul li ul li:hover:before, header nav ul li ul li:hover:after{border:0;background:none;opacity:0.7;transition:opacity 0.3s ease;}
header nav ul li ul:before{content:"";background:#1e222b;width:5px;height:5px !important;transform:rotate(45deg);top:-4px;right:initial;padding:3px;position:absolute;left:35px;display:block;margin:0 auto;border-radius:2px;z-index:99;}
header nav ul li ul:after{content:"";background:none;width:100%;height:10px !important;top:-4px;right:initial;position:absolute;left:0px;display:block;margin:0 auto;z-index:99;}
.wrapper{max-width:1540px;margin:0 auto;}
.darkblue{background:#1e222b;}
.darkblue-two { background: #1c2029;  }
.bluelight{background:#e8f0f6;}
.home-slider{position:relative;height:100vh;width:100%;background:#e8f0f6;}
.home-slider .swiper-container{height:100%;}
.home-slider .swiper-slide{background-size:cover;background-position:center;}
.home-slider .swiper-pagination-bullet-active{background:rgba(232,240,246,0.5);}
.home-slider .swiper-container-horizontal > .swiper-pagination-bullets, .home-slider .swiper-pagination-custom, .swiper-pagination-fraction{bottom:5%;}
.home-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 12px;letter-spacing:0.08em;}
.swiper-pagination-bullet{opacity:1;background:rgba(150,151,149,0.5);height:9px;width:55px;border-radius:0;line-height:3.5em;color:#e8f0f6;font-weight:600;font-size:15px;}
.menu-icon{right:200px;top:50px;cursor:pointer;display:block;height:48px;margin:auto;position:absolute;width:50px;text-align:center;margin-right:-9px;z-index:9999999;}
.menu-icon span{background-color:#f2f2f2;display:block;height:2px;width:40px;margin-top:14px;opacity:.7;position:absolute;-webkit-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;opacity:0.36;right:0;}
.menu-icon:hover span{opacity:1;}
.menu-icon.closed-burger{position:fixed;}
.burger-bun-top{top:0;-webkit-transform-origin:20px 2px;transform-origin:20px 2px;}
.burger-middle{top:16px;}
.burger-bun-bottom{bottom:0;-webkit-transform-origin:10px 5px;transform-origin:10px 5px;}
.open-burger .burger-bun-top{-webkit-animation:burger-top-open .5s linear normal;animation:burger-top-open .5s linear normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.open-burger .burger-middle{-webkit-animation:burger-middle-open .5s linear normal;animation:burger-middle-open .5s linear normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.open-burger .burger-bun-bottom{-webkit-animation:burger-bottom-open .5s linear normal;animation:burger-bottom-open .5s linear normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.nz-marine{width:auto;position:absolute;right:50px;bottom:50px;z-index:2;}
.content-slider{position:absolute;background:none;z-index:10;top:38.5%;left:22.5%;width:50%;}
.content-slider h2{font-size:62px;color:#fff;font-family:"futura-pt",sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:0.02em;}
.line{height:3px;width:65px;background:#a47c29;margin:40px 0px 0px 30px;}
.slider-text{margin-left:45px;}
.slider-text h2{letter-spacing:0.04em;}
.slider-text p{color:#fff;opacity:0.5;font-family:"utopia-std-headline",serif;font-style:normal;font-weight:400;font-size:18px;top:-6px;position:relative;letter-spacing:0.03em;}
.button-slider{display:block;font-family:"futura-pt",sans-serif;color:#e8f0f6;text-transform:uppercase;letter-spacing:0.4em;margin-top:20px;font-size:15px;font-weight:700;}
.button-slider i{font-size:20px;top:4px;position:relative;}
.intro{padding:120px 0 140px;text-align:center;}
.intro div[class^='col-']{float:initial;display:inline-block;vertical-align:middle;text-align:left;}
.intro .line{position:absolute;left:-63px;top:60px;}
.intro p{margin-bottom:60px;}
.intro figure{height:90%;width:100%;background:gray;margin-left:-10px;}
.intro .col-3{z-index:1;width:29%;}
.intro .col-4{z-index:9;}
.intro .button{bottom:-25px;position:absolute;width:75%;}
.intro .content-white{width:37%;}
.content-white{background:#fff;padding:80px;box-sizing:border-box;position:relative;}
.content-white .button div.col-2{text-align:center;width:auto;font-size:22px;position:absolute;float:right;right:22px;top:13px;}
.button{text-transform:uppercase;font-size:15px;cursor: pointer;}
.button .col-10{padding:17px 25px;box-sizing:border-box;letter-spacing:0.3em;font-weight:600;width:85%;}
.button.button-one{background:rgba(222,231,237,0.6);color:#1e222b;}
.button.button-one .col-10{background:#d3dde4;}
.button.button-two{background:rgba(164,124,41,0.7);color:#fff;}
.button.button-two .col-10{background:rgba(164,124,41,1);} 
.slider-two{padding:60px 0;}
.slider-two .heading ul{text-align:center;width:76%;margin:0 auto;border-bottom:1px solid #393d45;padding-bottom:40px;}
.slider-two .heading ul li{display:inline-block;color:#fff;margin:0 20px;font-size:16px;text-transform:uppercase;font-weight:500;letter-spacing:0.07em;padding-bottom:2px;}
.slider-two .heading ul li.active{border-bottom:2px solid #a47c29;}
.text-inside p{font-family:"utopia-std-headline",serif;width:60%;margin:0 auto;color:#fff;font-size:40px;text-align:center;letter-spacing:0.03em;margin:80px auto 40px;line-height:1.2;}
.text-inside p strong{color:#a47c29;}
.case-study{padding:100px 0 200px;}
.container-case-study .swiper-slide{text-align:right;}
.container-case-study .image{width:1247px;height:768px;background-size:cover;background-position:center;margin:0 0 0 auto;display:block;}
.container-case-study .content-white{background:#fff;position:absolute;width:315px;padding:37px;text-align:left;left:2px;top:300px;}
.container-case-study .content-white .content{position:relative;min-height:110px;}
.container-case-study .button{bottom:-64px;position:absolute;width:100%;}
.container-case-study .button .col-10{width:77%;}
.container-case-study p{text-transform:uppercase;font-size:16px;}
.container-case-study p.title{color:#a47c29;font-weight:600;letter-spacing:0.02em;text-transform:initial;}
.case-study-pagination{margin:3.3% 0 0 29.5%;}
.case-study-pagination .swiper-pagination-bullet{margin-right:20px;width:55px;height:7px;background:#d3dde4;}
.case-study-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;}
.latest-news{background-position:center;background-size:cover;padding:80px 0 150px;}
.latest-news .wrapper{max-width:1000px;}
.latest-news .heading{width:100%;}
.latest-news .heading h3{color:#fff;display:inline-block;position:relative;padding-left:50px;}
.latest-news .heading h3:after{content:'';width:65px;height:3px;background:#a47c29;position:absolute;display:block;top:23px;left:-30px;}
.latest-news .heading h3 .line{display:inline-block;position:relative;top:-10px;}
.latest-news .heading .view-all{float:right;text-transform:uppercase;color:#959494;font-size:16px;font-weight:500;letter-spacing:0.06em;padding-top:20px;}
.latest-news .content-white{width:79%;float:right;margin-top:80px;text-align:right;padding-top:35px;margin-right:15px;}
.latest-news .content-white .content{width:74%;text-align:left;margin:0px 30px 0 auto;position:relative; height: 238px; display: table;}
.latest-news .content-white .button .col-10{width:86%;}
.latest-news .content-white .title { display: table-cell; vertical-align: middle; } 
.latest-news .content-white .button{position:absolute;bottom:-103px;width:100%;color:#fff; left:0;}
.latest-news p.date{margin-bottom:30px;font-size:16px;}
.latest-news .image{width:350px;height:240px;background:#1e222b;position:absolute;left:-23%;top:35px;background-size:cover;background-position:center;}
.latest-news .title p, .latest-news .title {font-size:36px;font-weight:600;line-height:1.2;color:#1e222b;}
footer{padding:65px 0 0;}
footer .wrapper{width:1060px;margin:0 auto;}
footer .col-4, footer .col-8, footer li{font-size:14px;line-height:1;letter-spacing:0.15em;color:#fff;text-transform:uppercase;font-weight:500;padding:10px 0 0 0px;box-sizing:border-box;}
footer .col-4 span{color:#a47c29;}
footer .logotype{padding:0;}
footer .logotype img{width:120px;margin-top:50px;}
footer .logotype p { color: #a47c29; font-size: 14px; margin-bottom: 20px; display: block; }
footer .line{width:7px;margin:8px 0;}
footer .social-icon{color:#54565b;font-size:20px;text-align:center;width:45px;height:45px;border-radius:50%;border:1px solid #54565b;display:block;padding:12px 0 0 2px;box-sizing:border-box;margin-top:10px;}
footer .social-icon:hover{background:#fff;color:#1e222b;transition:all 0.9s ease;border:1px solid #fff;}
footer .newsletter{padding-top:50px;}
footer .newsletter div{display:inline-block;width:31%;margin-right:20px;vertical-align:top;padding-top:14px;letter-spacing:0.3em;}
footer .newsletter form{display:inline-block;width:63%;position:relative;margin-right:0;float:right;background:#13161d;}
footer .newsletter form input{background:0;padding:15px 23px;font-weight:600;color:#434750;letter-spacing:0.05em;border:0;width:67%;float:left;vertical-align:top;box-sizing:border-box;}
footer .newsletter form input::-webkit-input-placeholder{color:#434750;font-family:"futura-pt",sans-serif;text-transform:uppercase;}
footer .newsletter form input::-moz-placeholder{color:#434750;font-family:"futura-pt",sans-serif;text-transform:uppercase;}
footer .newsletter form input:-ms-input-placeholder{color:#434750;font-family:"futura-pt",sans-serif;text-transform:uppercase;}
footer .newsletter form input:-moz-placeholder{color:#434750;font-family:"futura-pt",sans-serif;text-transform:uppercase;}
footer .newsletter form input[type="submit"]{position:absolute;right:0;font-weight:600;font-size:10px;background:none;text-transform:uppercase;width:35%;float:right;text-align:left;letter-spacing:0.3em;font-family:"futura-pt",sans-serif;padding-top:17px;background-image:url('../img/mail-send.png');background-position:right;background-size:30px;background-repeat:no-repeat;background-position:right 15px center;}
footer .newsletter form input[type="submit"]:hover{color:#fff;transition:all 0.7s ease;}
input{-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.copyright{background:#13161d;padding:25px 0;margin-top:40px;}
.copyright img{max-width:120px;display:inline-block;margin-right:0px;vertical-align:middle;}
.copyright p{display:inline-block;width:auto;vertical-align:middle;text-transform:uppercase;letter-spacing:0.2em;color:#3c3f48;font-size:13px;margin-top:30px;}
.copyright p span{color:#fff;font-weight:600;}
.copyright p a:hover{color:#fff;transition:all 0.9s ease;}
.tab{display:none;}
.tab.active{display:block;}
.live-chat-home{display:table;width:100px;height:100px;position:fixed;z-index:10;left:100px;bottom:50px;border-radius:50%;font-size:15px;color:#fff;}
.live-chat-home .content-bubble{display:table-cell;vertical-align:middle;text-align:center;padding-top:5px;background:#1e222b;border-radius:50%;}
.live-chat-home .content-bubble span{width:100%;display:block;text-transform:uppercase;font-weight:500;}
.live-chat-home .content-bubble span.status{text-transform:lowercase;}
.live-chat-home .content-bubble span.status i{font-size:8px;position:relative;top:-1px;}
.live-chat-home .content-bubble:before{content:"";background:#1e222b;width:10px;height:10px !important;transform:rotate(5deg);top:9px;right:9px;padding:10px;position:absolute;z-index:-1;}
.status.online i{color:#09e943;}
.status.offline i{color:#e90939;}
.position-home{z-index:999;position:fixed;bottom:140px;left:200px;}


/* CHAT */ 

.window-chat{width:350px;height:550px;background:#15181e;bottom:92%;position:absolute;left:100%;border-radius:8px;border-bottom-left-radius:0;overflow:hidden;-webkit-box-shadow:2px 6px 24px -9px rgba(0,0,0,0.75);-moz-box-shadow:2px 6px 24px -9px rgba(0,0,0,0.75);box-shadow:2px 6px 24px -9px rgba(0,0,0,0.75);}
.window-chat .head{overflow:hidden;background-color:#1e222b;padding:0px;text-transform:uppercase;font-family:"futura-pt",sans-serif;font-weight:500;letter-spacing:0.06em;text-align:center;position:relative;}
.window-chat .head .close{cursor:pointer;color:#fff;float:right;position:absolute;top:0px;right:0px;width:60px;height:60px;background:#2c303a;text-align:center;padding-top:23px;box-sizing:border-box;}
.window-chat .head .close:hover{opacity:0.7;transition:opacity 0.3s ease;}
.window-chat .head p{padding:15px 0;color:#fff;display:inline-block;}
.window-chat .body{padding:20px;max-height:370px;overflow-y:scroll;}
.message-box{border:1px solid #3F424B;padding:10px 15px 15px 15px;border-radius:5px;margin-bottom:10px;}
.author{display:inline-block;font-size:12px;text-transform:uppercase;color:#5f6471;font-weight:500;}
.hour{display:inline-block;font-size:12px;text-transform:uppercase;color:#5f6471;font-weight:500;}
.message-box p{font-size:14px;color:#fff;line-height:1.3;padding:5px 0;}
.message-box.left{width:80%;border-bottom-left-radius:0;}
.message-box.right{width:80%;border-bottom-right-radius:0;}
.message-box.left .hour{float:right;}
.message-box.right .author{float:right;}
.message-box.right .message p{text-align:right;}
.window-chat{display:none;}
.window-chat.active{display:block;}
.message-footer{font-size:15px;position:absolute;bottom:0;padding:0px;width:350px;box-sizing:border-box;background:#1e222b;}
.message-footer textarea{resize:none;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;font-family:"futura-pt",sans-serif;color:#fff;width:80%;min-height:50px;width:69%;min-height:90px;padding:15px 20px;box-sizing:border-box;}
.message-footer textarea::-webkit-input-placeholder{color:#e8f0f6;}
.message-footer textarea::-moz-placeholder{color:#e8f0f6;}
.message-footer textarea:-ms-input-placeholder{color:#e8f0f6;}
.message-footer textarea:-moz-placeholder{color:#e8f0f6;}
.message-footer input[type="submit"]{background:#2c303a;height:93px;width:95px;color:#fff;border-radius:4px;display:block;float:right;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;padding-top:5px;text-transform:uppercase;letter-spacing:0.02em;text-align:center;}
.message-footer input[type="submit"]:hover{opacity:0.7;transition:opacity 0.3s ease;}
.message-footer input:hover{color:#fff;transition:all 0.4s ease;}
.information{width:350px;font-size:13px;padding:10px 50px 10px 15px;position:relative;box-sizing:border-box;background:#1b1e26;color:#fff;}
.information .close{float:right;position:absolute;display:inline-block;right:20px;top:10px;opacity:0.8;}
.home-chat{position:fixed;height:100%;width:100%;padding:80px 50px 50px;box-sizing:border-box;color:#fff;}
.home-chat .wrapper{position:relative;}
.home-chat h4{color:#fff;margin:0;font-size:25px;}
.home-chat .message p{font-size:15px;}
.home-chat .user-list{min-height:70vh;max-height:70vh;overflow-x:scroll;float:right;top:0;box-sizing:border-box;}
.home-chat .live-messages{overflow-x:hidden;float:left;width:66.5%;padding:0px;box-sizing:border-box;border-right:1px solid #1e222b;}
.home-chat .live-messages .messages-chat{min-height:55vh;max-height:55vh;overflow-x:scroll;position:relative;padding:30px;box-sizing:border-box;}
.home-chat li.active .message-box{background:#e8f0f6;color:#1e222b;font-weight:700;border:0;padding:15px;}
.home-chat li.active .message-box .hour, .home-chat li.active .message-box p{color:#1e222b;}
.home-chat .user-list .message, .home-chat .user-list .hour{width:auto;display:inline-block;}
.home-chat .user-list .hour{float:right;padding-top:10px;}
.home-chat .wrap-chat{border-radius:5px;background:#15181e;width:100%;position:absolute;letter-spacing:0;min-height:70vh;margin-top:20px;box-sizing:border-box;}
.home-chat .delete{float:right;width:auto;width:40px;font-size:15px;padding-top:7px;text-align:center;color:#5f6471;cursor:pointer;}
.home-chat .message-footer{overflow:hidden;width:100%;background:none;position:relative;padding:30px;box-sizing:border-box;}
.home-chat textarea, .home-chat input{font-size:17px;}
.home-chat textarea{padding:15px 30px;box-sizing:border-box;}
.home-chat .message-footer textarea{width:82%;background:#e8f0f6;border-radius:3px;color:#000;}
.home-chat .message-footer textarea::-webkit-input-placeholder{color:#1e222b;}
.home-chat .message-footer textarea::-moz-placeholder{color:#1e222b;}
.home-chat .message-footer textarea:-ms-input-placeholder{color:#1e222b;}
.home-chat .message-footer textarea:-moz-placeholder{color:#1e222b;}
.home-chat .message-footer input[type="submit"]{width:17%;}
.home-chat .live-messages h4{padding:20px 30px 0;}
.home-chat .user-list h4{padding:20px 30px 20px;position:fixed;width:26%;}
.home-chat .user-list ul{padding:80px 30px 30px;}
.morecontent{display:none;}
.section-header{background:#1e222b;padding-top:150px;height:570px;}
.section-header .image{height:700px;background-position:center;background-size:cover;position:relative;}
.section-header .title{width:auto;background:#fff;padding:55px;position:absolute;bottom:60px;left:-40px;-webkit-box-shadow:0px 9px 108px -39px rgba(0,0,0,0.75);-moz-box-shadow:0px 9px 108px -39px rgba(0,0,0,0.75);box-shadow:0px 9px 108px -39px rgba(0,0,0,0.75);}
.section-header .title p{ max-width: 400px; font-family:"utopia-std-headline",serif;color:#7d868b;font-size:18px;line-height:24px;}
.section-header .title a{color:#a0abb2;text-transform:uppercase;letter-spacing:0.4em;margin-top:20px;font-size:14px;font-weight:500;display:inline-block;font-family:"futura-pt",sans-serif;}
.section-header .title a:after{content:"\f178";font-family:'FontAwesome';color:#a47c29;font-size:19px;position:relative;top:2px;}
.middle-section{padding:250px 0 200px;text-align:center; }
.middle-section .content-white{text-align:left;float:initial;margin:0 auto;width:53%;}
.middle-section .content-white .line{position:absolute;left:-6.5%;}
.middle-section .content-white h3{width:80%;margin-bottom:30px;}
.middle-section .content-white .content{column-count:2;column-gap:50px;}
.middle-section .content-white .content p{margin-bottom:30px;text-align:justify;}
.middle-section .content-white .button{position:absolute;width:40%;bottom:-25px;}
.slider-section .text-inside p{width:60%;margin:80px auto;}
.gallery{min-height:500px;width:100%;}
.gallery .grid-item{width:20%;display:inline-block;margin:0;float:left;height:300px;background-size:cover;outline:none;overflow:hidden;position:relative;}
.gallery .grid-item:hover .hover-image{display:block;}
.gallery .grid-item:hover{background-color:#1e222b;background-blend-mode:multiply;}
.hover-image{width:100%;height:100%;position:absolute;opacity:0.9;text-align:center;color:#fff;display:none;transition:all 5s ease;background-image:url('../img/search-icon.png');background-repeat:no-repeat;background-position:center;}
.hover-image img{width:auto;margin:0 auto;padding-top:40%;}
.fancybox-bg{background:#1e222b;}
.fancybox-navigation button:before, .fancybox-button{background:rgba(19,22,29,0.9);}
.fancybox-navigation button{outline:none;}
.arrow-down{width:55px;position:absolute;bottom:80px;left:0;right:0;margin:0 auto;}
.grid-items.wrapper{max-width:90%;}
.grid-project .grid-item{outline:none;position:relative;height:450px;width:25%;background-size:cover;background-position:center;padding:30px;box-sizing:border-box;display:inline-table;float:left;}
.grid-project .grid-item:after{position:absolute;display:block;content:'';width:100%;height:100%;top:0;left:0;z-index:10;}
.grid-project .grid-item:hover{background-color:#1e222b;background-blend-mode:multiply;}
.grid-project .grid-item:hover:after{background:rgba(30,34,43,0.2);background-image:url('../img/search-icon.png');background-repeat:no-repeat;background-position:center;}
.grid-project .grid-item.grid-twocolumn{width:50%;}
.grid-project .grid-item h4{color:#fff;position:relative;z-index:1;vertical-align:bottom;display:table-cell;font-size:23px;}
.team-grid{padding:100px 0;}
.team-item{margin:0 40px 120px 40px;width:27%;}
.team-item div{height:500px;background-position:center;background-size:cover;}
.team-item .content-white{width:95%;height:160px;padding:40px;bottom:-60px;position:absolute;right:-40px;-webkit-box-shadow:0px 9px 108px -39px rgba(0,0,0,0.75);-moz-box-shadow:0px 9px 108px -39px rgba(0,0,0,0.75);box-shadow:0px 9px 108px -39px rgba(0,0,0,0.75);}
.team-item .content-white h4{position:relative;margin-bottom:5px;}
.team-item .content-white h4:after{content:'';width:55px;height:3px;background:#a47c29;position:absolute;display:block;top:20px;left:-70px;}
.team-item .content-white .title p{font-family:"utopia-std-headline",serif;color:#7d868b;font-size:15px;}
.project-grid{margin:12% auto;max-width:90%;background-color:#1e222b;}
.project-grid .project{height:400px;background-size:cover;background-position:center;padding:30px;box-sizing:border-box;display:inline-table;}
.project-grid .project h4{color:#fff;font-size:23px;vertical-align:bottom;display:table-cell; display: none; }
.project-grid .project:after{position:absolute;display:block;content:'';width:100%;height:100%;top:0;left:0;z-index:10;}
.project-grid .project:hover:after{background:rgba(30,34,43,0.9);background-image:url('../img/search-icon.png');background-repeat:no-repeat;background-position:center;}
.swiper-container-horizontal>.swiper-pagination-bullets.pagination-project{bottom:60px;left:60px;right:inherit;margin:0;text-align:left;}
.section-header .wrapper{position:relative;}
.section-header .wrapper .arrow-down{bottom:60px;left:initial;right:60px;margin:0;z-index:2;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,255,255,0.8);}
.single-project{text-align:left;padding-bottom:100px;}
.single-project .wrapper{max-height:350px;overflow:hidden;position:relative;transition:all 0.5s ease;}
.single-project .wrapper.active{max-height:initial;padding-bottom:50px;}
.single-project .wrapper:after{position:absolute;bottom:0;content:'';border-bottom:1px solid #c0cad7;width:100%;height:50px;background:#e8f0f6;}
.single-project .button.read-more{background:#e8f0f6;text-align:center;padding:15px;font-weight:500;letter-spacing:0.3em;}
.single-project .col-5 p{line-height:1.5;font-weight:500;}
.single-project .col-7{padding:15px 0 0 60px;box-sizing:border-box;}
.single-project .col-7 h5{margin-bottom:5px;}
.single-project .col-7 li{font-size:15px;padding:5px 10px;vertical-align:top;display:block;}
.single-project .col-7 li:nth-child(odd){background:rgba(255,255,255,0.8);}
.single-project .col-7 li strong{margin-right:5px;}
.single-project .col-7 .col-6{padding:0 20px;box-sizing:border-box;}
.single-project .col-7 .col-6.features li{background:none !important;list-style-type:circle !important;padding-left:0;}
.single-project .col-7 .col-6.features li:before{content:"\f111";font-family:'FontAwesome';padding:0 10px 0 0;font-size:6px;bottom:3px;position:relative;}
.news{background:#13161d;padding:12% 0 5%;}
.NewsSummary{padding-right:20px; margin-bottom: 20px; box-sizing:border-box;min-height:250px;}
.NewsSummary, .NewsSummary h3{color:#fff !important;}
.NewsSummary .title{font-size:26px;color:#fff !important;font-weight:600;letter-spacing:0.0em;}
.NewsSummary .line{width:20px;margin:10px 0;}
.NewsSummary .content-news-inside, .NewsSummary .content-news-inside p{color:#fff;font-weight:500;line-height:1.5;opacity:0.8;font-size:17px;}
.NewsSummary .button, .button.no-bg{font-size:13px;letter-spacing:0.04em;font-weight:600;background:none !important;margin-top:15px;display:block;color:#a47c29;opacity:0.8;}
.NewsSummary .button:hover{color:#a47c29;transition:all 0.9s ease;opacity:1;}
.wrapper-inside{max-width:1000px;margin:0 auto;}
.wrapper-inside img{margin:40px auto 0;width:100%;}
.wrapper-inside p, .wrapper-inside h2, .wrapper-inside h3, .wrapper-inside h4, .wrapper-inside h5, .wrapper-inside li{color:#fff;}
.wrapper-inside .line{margin:10px 0px 40px 0px;}
.contact-middle{text-align:left;}
.contact-middle input, .contact-middle textarea{background:#fff;border:0;width:100%;margin-bottom:10px;padding:15px;box-sizing:border-box;border-radius:4px;font-size:13px;}
.contact-middle input[type="submit"]{width:auto;float:right;padding:0;font-size:15px;letter-spacing:0.1em;}
.contact-middle h4{margin-bottom:20px;}
.contact-middle .col-5{padding:0 0px 0 50px;box-sizing:border-box;}
.contact-middle .form{float:left;margin-right:60px;}
.contact-middle li{width:49%;display:inline-block;margin-bottom:20px;min-height:40px;vertical-align:top;}
.contact-middle li p{color:#1e222b;line-height:1.4;}
.contact-middle .col-3:nth-child(2){padding:0 0 0 30px;box-sizing:border-box;}
.contact-middle .col-3 li{width:100%;margin-bottom:10px;line-height:1;min-height:initial;}
.contact-middle .col-4{vertical-align:top;display:inline-block;width:33%;vertical-align:top;}
.induction-page .middle-section .wrapper {max-width:1000px;}
.induction-page .section-header{height:initial;text-align:center;padding-bottom:70px;}
.induction-page .section-header h2{color:#fff !important;padding:30px 0 30px;letter-spacing:0.02em;}
.induction-page .section-header p{color:#fff;max-width:600px;margin:0 auto;font-weight:500;}
.induction-page .middle-section{padding:3% 0 5%; min-height: 50vh;}
form.induction-form input {box-sizing: border-box; border: 1px solid #c9c9c9;background:#fff;padding:15px;width:100%;border-radius:3px;font-size:17px;font-weight:600;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
form.induction-form input:focus {border:1px solid #a47c29;}
form.induction-form label{font-size:15px;padding:10px 0 5px;display:block;text-align:left;font-weight:500;}
form.induction-form .col-6, form.induction-form .col-12{padding:0 10px;box-sizing:border-box;margin-bottom:10px;position:relative;float:left;}
form.induction-form span.button, form.induction-form input.button, form.induction-form input[type="button"], .button-form { border-radius: 3px; background: #a47c29 !important; border: 0; color: #fff !important; font-family: "futura-pt",sans-serif; text-transform: uppercase; letter-spacing: 0.1em; margin-top: 30px; padding: 20px 0; width: 100%; display: inline-block; text-align: center; font-weight: 600; font-size: 17px; cursor: pointer; }
form.induction-form .buttons .col-6.floatRight { float: right !important; }
form.induction-form .buttons .col-5 .button, form.induction-form input[type="button"], .button-form { background: #1e222b !important; }
span.message{position:absolute;top:60%;right:30px;font-size:14px;color:#a47c29;font-weight:700;}
.floatRight{float:right !important;}
.col-6.text-left{text-align:left;padding-top:30px !important;}
.form .exit1, .form .exit2, .form .exit3 { position: absolute; z-index: 999; }
.form .exit1 { top: -40px; left: 100px; }
.form .exit2 { top: 187px; left: 350px; }
.form .exit3 { bottom: 109px; left: 332px; }
.form .map { position: relative; margin: 60px 0; }
.highlight_message { background: #CA2C45; font-size: 20px; padding: 20px; text-align: center; color: #fff !important; font-weight: 700; margin: 20px 0; position: relative; border-radius: 3px;}
.highlight_message:after { content:''; width:20px; height: 20px; display: block; background: #CA2C45; border-radius: 3px; transform: rotate(45deg); position: absolute; bottom:-8px; left:0; right: 0; margin:0 auto;  }
.answer-icon { color: #fff !important; width: 35px; height: 35px; border-radius: 50%; text-align: center; display: table; position: absolute; left: -48px; top:5px; }
.false { background: #CA2C45;  }
.true { background: #00B16A;  }
.answer-icon i { display: table-cell;vertical-align: middle; }
.question { position: relative; }

.section-header.induction-inside { padding-bottom: 20px;}
.middle-section.induction-inside { min-height: 15vh; text-align: left; }
.middle-section.induction-inside h2, .middle-section.induction-inside h3, .middle-section.induction-inside h4 { margin-bottom: 20px; }
.middle-section.induction-inside p { margin-bottom: 15px; }
.question { margin:35px 0; }
.question h6 { margin:3px 0 20px; }
.question .check { font-size: 18px; margin-bottom: 10px;position: relative; height: 30px; }
.question .check:last-child { margin-bottom: 70px; }
table.doc td { padding: 10px; width: 20%; font-family: 'proxima-nova'; font-size: 14px; font-weight: 400; line-height: 20px; color: #444343; margin:10px 0; }
table.doc img { display: inline-block; max-width: 100%; height: 200px; width: auto; }
.form .check label, .form .checkbox label { padding:0px 0px; padding-left:40px; color:#555; padding-top: 5px; float: left; font-size: 17px; font-weight: 400; }
.form .check label:before { content: ""; font-family: 'FontAwesome'; display: block; position: absolute; left: 5px; top: 5px; -webkit-transform: rotate(-45deg) scale(0, 0); -moz-transform: rotate(-45deg) scale(0, 0); -ms-transform: rotate(-45deg) scale(0, 0); -o-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); background:#a47c29; border: none; border-radius:50%; width: 21px; height: 21px; overflow: visible; z-index:1000; }
.form .check input[type=radio]:checked ~ label:before { -webkit-transform: rotate(-45deg) scale(1, 1); -moz-transform: rotate(-45deg) scale(1, 1); -ms-transform: rotate(-45deg) scale(1, 1); -o-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1); }
.form .check label:after { content: ""; font-family: 'FontAwesome'; overflow: visible; left: 0; position: absolute; top: 1px; width: 27px; height: 25px; background:#fff; border: none; border-radius: 50%; border:2px solid #c9c9c9; }
.form .checkbox label:before { content: ""; font-family: 'FontAwesome'; display: block; position: absolute; left: 4px; top: 3px; -webkit-transform: rotate(-45deg) scale(0, 0); -moz-transform: rotate(-45deg) scale(0, 0); -ms-transform: rotate(-45deg) scale(0, 0); -o-transform: rotate(-45deg) scale(0, 0); transform: rotate(-45deg) scale(0, 0); border: 4px solid #000; border-top-style: none; border-right-style: none; width: 1rem; height: 0.4rem; overflow: visible; }
.form .checkbox input[type=checkbox]:checked ~ label:before { -webkit-transform: rotate(-45deg) scale(1, 1); -moz-transform: rotate(-45deg) scale(1, 1); -ms-transform: rotate(-45deg) scale(1, 1); -o-transform: rotate(-45deg) scale(1, 1); transform: rotate(-45deg) scale(1, 1); border: 1px solid #a47c29;  }
.form .checkbox input[type=checkbox]:checked ~ label:after { border:1px solid #a47c29; }
.form .checkbox label:after { content: ""; font-family: 'FontAwesome'; overflow: visible; border: 2px solid #181818; position: absolute; left: 0; top: -4px; width: 24px; height: 24px; border-radius: 0px; overflow: visible; }
.form .check input { float:left; }
.form .check input[type=radio], .form .checkbox input[type=checkbox] { float: left; margin: 3px 10px 0px 0px; position: relative; top: -0.375rem; margin: 0 1rem 0 0; cursor: pointer; display: inline-block; padding: 0 !important; margin-right: 30px; border: 0; border-radius: 10px; vertical-align: top; appearance: none; -webkit-appearance: none; }
.no-marign { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.center { float: initial !important; margin:0 auto; display: block; }
footer ul.cf > li:nth-child(1) { padding-top: 0; } 
.float { float: right; max-width: 25%; margin: 0px 0px 10px 20px; }
.clock-header.fix { position: fixed; top:40px; max-width: 200px; background: #d9d9d9; }
.question .checkbox { font-size: 18px; margin-bottom: 10px;position: relative; height: 30px; }
.question .checkbox:last-child { margin-bottom: 70px; }
.form .checkbox input[type=checkbox]:checked ~ label:before { border: 0 !important; font-size: 23px !important; transform:0 !important; left: 3px !important; top: -6px !important; content:"\f00c"; transform: rotate(0deg) scale(1, 1); color:#a47c29; }

.cards-test { margin-top:40px;  }
.cards-test li { padding: 30px; box-sizing: border-box; border-radius: 2px; margin-bottom: 20px; text-align: left;     background: #e8f0f6; color:#1e222b;}
.cards-test li p { color:#1e222b; font-weight: 600; }

.cd-multi-steps { width: 100%; padding: 0; margin: 0 auto 1em auto; background-color: #edeff0; border-radius: .25em; }
.cd-breadcrumb:after, .cd-multi-steps:after { content: ""; display: table; clear: both; }
.cd-breadcrumb li, .cd-multi-steps li { display: inline-block; float: left; margin: 0.5em 0; }
.cd-breadcrumb li::after, .cd-multi-steps li::after { display: inline-block; content: '\00bb'; margin: 0 .6em; color: #959fa5; }
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after { display: none; }
.cd-breadcrumb li > *, .cd-multi-steps li > * { display: inline-block; font-size: 1.4rem; color: #2c3f4c; }
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * { color: #a47c29; }
.cd-multi-steps.text-bottom.count li.current a, .cd-multi-steps.text-bottom.count li.visited a { color: #a47c29 !important; }
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover { color: #a47c29; }
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after { content: ''; height: 16px; width: 16px; background: url(../img/cd-custom-separator.svg) no-repeat center center; vertical-align: middle; }
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before { content: ''; display: inline-block; height: 20px; width: 20px; margin-right: .4em; margin-top: -2px; background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0; vertical-align: middle; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before { background-position: -20px 0; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before { background-position: -40px 0; }
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before { background-position: -60px 0; }
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before { background-position: 0 -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before { background-position: -20px -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before { background-position: -40px -20px; }
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before { background-position: -60px -20px; }

.clock-header { background: #13161d; font-weight: 600; padding: 25px 0; border-radius: 5px; max-width: 255px; }
.clock-header li {  color: #fff; }
.step-header { background: #a47c29; color: #fff; padding: 6px 17px; border-radius: 5px; width: auto; text-transform: uppercase; font-weight: bold; display: inline-block; font-size: 14px; margin-bottom: 17px; }
.map .check { background: #1e222b; height: 38px; width: 150px; border-radius: 28px; box-sizing: border-box; } 
.map .check label { color:#fff; padding-top: 8px; padding-left: 50px;}
.form .map .check label:after { left: 5px; top: 4px; }
.form .map .check label:before { left: 10px; top: 8px; }
.map .check.error { background: #CA2C45 !important; }

.modal-view { width: 100%; text-align: center; max-width: 800px; border-radius: 3px; min-height: 400px; position: relative; padding: 50px; }
.buttons .col-6.no-bg { padding-right: 20px; box-sizing: border-box; }
.buttons .col-6.no-bg .button-form { background: none !important; color: #1e222b !important; border:1px solid #1e222b; }
.modal-view .wrapper {   padding-top: 5%;  }
.social-media { margin: 20px 0; }
.news .button.go-back { color: #a47c29; margin-top: 40px; display: inherit; font-weight: 700; }
.news .button.go-back:before { content: "\f177"; font-family: 'FontAwesome'; color: #a47c29; font-size: 19px; position: relative; top: 2px; margin-right: 10px; }
.col-3.NewsSummary a {display: block;}
.button-account { float: right; margin-top: 20px; }
.button-account .button { border:1px solid #1e222b; background: none; color:#1e222b; text-transform: lowercase; padding: 4px 20px 6px; border-radius: 19px; margin-left: 4px; font-weight: 700; font-size: 13px; }
.button-account .button:hover {  background: #1e222b; color:#fff; transition: all 0.9s ease;}
.section-header h1 { text-transform: uppercase; }
.clock-header.fix.time-out { background: #CA2C45 !important; -webkit-animation: beat 550ms ease infinite alternate; }
input.fail { border:1px solid #F03434 !important; } 

.cd-popup-container .cd-popup-close { position: absolute; top: 20px; right: 20px; width: 30px; height: 30px; }
.cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 12px; width: 14px; height: 3px; background-color: #000;    }
.cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 8px; }
.cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 8px; }
.cd-popup-background { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(0, 0, 0, 0.6); -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index:1; }
.chat-button.logout { color: #a47c29; position: absolute; top: 30px; right: 30px; text-transform: uppercase; letter-spacing: 0.3em; font-size: 13px; font-weight: 700; text-align: right; }
.content-new-bg {background: #0e1016; min-height: 300px; padding: 35px; border-radius: 3px; }
@-webkit-keyframes beat { from {-webkit-transform: scale(1,1);} to {-webkit-transform: scale(0.95,0.95);} }

ul.links li { width: 30%; margin:10px; display: inline-block; }
ul.links li a { display: block }
ul.links li a img { width: 100%; display: inline-block; }

.middle-section .content-white .content.content-allwidth { column-count: 1; } 
.news.coming-soon { color:#fff !important; padding-left:25%; padding-right:25%; }
.news.coming-soon h2 { color:#fff !important; line-height: 1.5; margin-bottom: 20px;}
.news.coming-soon h4 { margin-bottom: 41px; color: #b4bdd4; opacity: 0.6; font-weight: 500; letter-spacing: 0; }
.news.coming-soon h4 a { color:#a47c29; border-bottom:2px solid #a47c29; font-weight: 700; }

#pagenav { width: 100%;  text-align: center; margin-top: 50px;}
#pagenav li { display: inline-block; margin:0 10px; }
#pagenav li a, #pagenav .selected { color:#fff; text-transform: uppercase; font-size: 15px; font-weight: 700; }
#pagenav li span.selected { color: #a47c29; border-bottom: 2px solid #a47c29; }
.product-section { padding: 4% 0; text-align: center; } 
.product-section h3 { color:#fff; }
.product-section img { width: 125px; margin: 0 auto; }
.product-section ul { margin: 60px 0; }
.product-section ul li {  box-sizing:  border-box;  padding: 0 10px; text-align: center; margin-bottom: 20px; } 
.product-section ul li .header { min-height: 140px; }
.product-section .content-white { background: #fff; padding: 15px 20px 25px; box-sizing: border-box; box-shadow: 0px 9px 108px -39px rgba(0,0,0,0.75); text-align: left; min-height: 380px; }
.copyright img { margin-left: -30px; }


@media only screen and (min-width: 768px) {
	.cd-breadcrumb, .cd-multi-steps { padding: 0 1.2em; }
	.cd-breadcrumb li, .cd-multi-steps li { margin: 1.2em 0; }
	.cd-breadcrumb li::after, .cd-multi-steps li::after { margin: 0 1em; }
	.cd-breadcrumb li > *, .cd-multi-steps li > * { font-size: 13px; color: #fff; }
	.cd-breadcrumb.triangle { background-color: transparent; padding: 0; }
	.cd-breadcrumb.triangle li { position: relative; padding: 0; margin: 4px 4px 4px 0; }
	.cd-breadcrumb.triangle li:last-of-type { margin-right: 0; }
	.cd-breadcrumb.triangle li > * { position: relative; padding: 1em .8em 1em 2.5em; color: #2c3f4c; background-color: #edeff0; border-color: #edeff0; }
	.cd-breadcrumb.triangle li.current > * { color: #ffffff; background-color: #a47c29; border-color: #a47c29; }
	.cd-breadcrumb.triangle li:first-of-type > * { padding-left: 1.6em; border-radius: .25em 0 0 .25em; }
	.cd-breadcrumb.triangle li:last-of-type > * { padding-right: 1.6em; border-radius: 0 .25em .25em 0; }
	.no-touch .cd-breadcrumb.triangle a:hover { color: #ffffff; background-color: #2c3f4c; border-color: #2c3f4c; }
	.cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after { content: ''; position: absolute; top: 0; left: 100%; content: ''; height: 0; width: 0; border: 24px solid transparent; border-right-width: 0; border-left-width: 20px; }
	.cd-breadcrumb.triangle li::after { z-index: 1; -webkit-transform: translateX(4px); -moz-transform: translateX(4px); -ms-transform: translateX(4px); -o-transform: translateX(4px); transform: translateX(4px); border-left-color: #ffffff; margin: 0; }
	.cd-breadcrumb.triangle li > *::after { z-index: 2; border-left-color: inherit; }
	.cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after { display: none; }
	.cd-breadcrumb.triangle.custom-separator li::after { background-image: none; }
	.cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after { border-top-width: 25px; border-bottom-width: 25px; }
	.no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before { background-position: 0 -40px; }
	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before { background-position: -20px -40px; }
	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before { background-position: -40px -40px; }
	.no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before { background-position: -60px -40px; }
	.cd-multi-steps { background-color: transparent; padding: 0; text-align: right; }
	.cd-multi-steps li { position: relative; float: none; margin: 0.4em 40px 0.4em 0; }
	.cd-multi-steps li:last-of-type { margin-right: 0; }
	.cd-multi-steps li::after { position: absolute; content: ''; height: 3px; background: #edeff0; margin: 0; }
	.cd-multi-steps li.visited::after { background-color: #a47c29; }
	.cd-multi-steps li > *, .cd-multi-steps li.current > * { position: relative; color: #2c3f4c; }
	.cd-multi-steps.custom-separator li::after { height: 4px; background: #edeff0; }
	.cd-multi-steps.text-center li::after { width: 100%; top: 50%; left: 100%; -webkit-transform: translateY(-50%) translateX(-1px); -moz-transform: translateY(-50%) translateX(-1px); -ms-transform: translateY(-50%) translateX(-1px); -o-transform: translateY(-50%) translateX(-1px); transform: translateY(-50%) translateX(-1px); }
	.cd-multi-steps.text-center li > * { z-index: 1; padding: .6em 1em; border-radius: .25em; background-color: #edeff0; }
	.no-touch .cd-multi-steps.text-center a:hover { background-color: #2c3f4c; }
	.cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * { color: #ffffff; background-color: #a47c29; }
	.cd-multi-steps.text-center.custom-icons li.visited a::before { background-position: 0 -60px; }
	.cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li { width: 35px; text-align: center; }
	.cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after { position: absolute; left: 50%; width: calc(100% + 40px); }
	.cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before { content: ''; position: absolute; z-index: 1; left: 50%; right: auto; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); height: 12px; width: 12px; border-radius: 50%; background-color: #edeff0; }
	.cd-multi-steps.text-top li.visited > *::before,
	.cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
	.cd-multi-steps.text-bottom li.current > *::before { background-color: #a47c29; }
	.no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover { color: #a47c29; }
	.no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before { box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3); }
	.cd-multi-steps.text-top li::after { bottom: 4px; }
	.cd-multi-steps.text-top li > * { padding-bottom: 20px; }
	.cd-multi-steps.text-top li > *::before { bottom: 0; }
	.cd-multi-steps.text-bottom li::after { top: 3px; }
	.cd-multi-steps.text-bottom li > * { padding-top: 20px; }
	.cd-multi-steps.text-bottom li > *::before { top: 0; }
	.cd-multi-steps.text-top.count li > *::before,
	.cd-multi-steps.text-bottom.count li > *::before { content:""; height: 10px; width: 10px; line-height: 26px; font-size: 5px; color: #ffffff; font-weight: 500; top:7px; }
	.cd-multi-steps.text-top.count li::after { bottom: 11px; }
	.cd-multi-steps.text-top.count li > * { padding-bottom: 34px; }
	.cd-multi-steps.text-bottom.count li::after { top: 11px; }
	.cd-multi-steps.text-bottom.count li > * { padding-top: 34px; color: #fff; font-weight: 500;font-style: normal; }

}
.cd-multi-steps.count li { counter-increment: steps; }
.cd-multi-steps.count li > *::before { content: counter(steps) " - "; }

@media all and (max-width:1870px){
.menu-icon { right: 100px; }
}

@media all and (max-width:1770px){
.menu-icon { right: 50px; }
}

@media all and (max-width:1600px){
.wrapper{max-width:1400px;}
.content-slider h2{font-size:51px;}
.slider-text p{font-size:16px;}
.button-slider{font-size:13px;}
header nav ul li{font-size:14px;}
h3{font-size:30px;}
.nz-marine{width:120px;right:70px;}
.live-chat-home{left:70px;bottom:35px;}
.intro .col-4{width:37%;}
.content-white{padding:60px;}
blockquote{font-size:20px;}
.button .col-10{font-size:13px;}
.text-inside p{font-size:36px;line-height:1.5;}
.container-case-study .image{width:1000px;height:625px;}
.container-case-study .content-white{top:200px;}
.latest-news .content-white{width:72%;}
.latest-news .image{left:-27%;top:41px;}
.latest-news .content-white .button{position:absolute;bottom:-83px;}
.latest-news .content-white .button .col-10{width:87%;}
.home-chat .user-list .message{width:56%;}
.home-chat .live-messages .messages-chat{min-height:55vh;max-height:55vh;}
.home-chat .user-list{min-height:66vh;max-height:66vh;padding:30px;}
.home-chat .wrap-chat{min-height:66vh;}
.text-inside p{width:65%;}
.slider-two .heading ul li{margin:0 30px;}
.gallery .grid-item{height:260px;}
.menu-icon { right: 60px; }
.clock-header.fix { position: fixed; top: 20px; max-width: 100px; background: #d9d9d9; left: 20px; padding: 10px 0; }

}

@media all and (max-width:1500px){
.wrapper{max-width:1300px;}
.nav-home li a{font-size:25px;}
.intro p{margin-bottom:20px;}
.text-inside p{font-size:33px;line-height:1.5;}
.container-case-study .image{width:975px;height:585px;}
.case-study-pagination{margin:4.3% 0 0 21.5%;}
.section-header .image{height:600px;}
.section-header{height:500px;}
.menu-icon{right:160px;}
h1{font-size:52px;}
.gallery .grid-item{height:230px;}
.product-section .content-white { min-height: 433px; } 
.team-item { width: 26%; }
.team-item div { height: 385px; }
}

@media all and (max-width:1480px){
header .wrapper nav{padding-right:120px;}
.live-chat-home{left:38px;}
.home-chat .user-list .message{width:52%;}
.home-chat .user-list, .home-chat .wrap-chat{min-height:66vh;max-height:66vh;}
.home-chat .live-messages .messages-chat{min-height:49vh;max-height:49vh;}
.intro .button.button-one .col-10{width:82%;}
.text-inside p{width:65%;}
.container-case-study .button .col-10{width:75%;}
.latest-news .content-white .button .col-10{width:85%;}
.content-slider{top:34.5%;left:15.5%;}
.wrapper{max-width:1200px;}
.intro .col-4{width:45%;}
.intro .col-3{width:30%;}
.container-case-study .content-white{top:200px;left:30px;}
.slider-two .heading ul li{margin:0 18px;}
.nav-home li a{font-size:21px;}
.menu-icon { right:100px; }
.induction-page .middle-section .wrapper { max-width: 900px; }
}

@media all and (max-width:1280px){
header nav ul li{font-size:12px;}
header .wrapper nav{padding-right:80px;}
blockquote{font-size:19px;margin:17px 0;}
h3{font-size:27px;}
p{font-size:16px;}
.nav-home li a{font-size:18px;}
.intro .col-4{width:46%;}
.intro .button{width:50%;}
.content-white{padding:50px;}
.wrapper{max-width:1100px;}
.live-chat-home{left:85px;}
.slider-two .heading ul{width:80%;}
.slider-two .heading ul li{font-size:13px;}
.text-inside p{font-size:27px;line-height:1.5;margin:60px auto 20px;}
.container-case-study .image{width:835px;height:517px;}
.container-case-study .content-white{top:137px;left:31px;}
.latest-news .content-white{width:58%;right:12%;}
.latest-news .image{left:-25% !important;}
.copyright p{padding-top:30px !important;font-size:12px !important;}
.home-chat .user-list .message{width:43%;}
.home-chat .user-list{padding:20px;}
.home-chat .live-messages .messages-chat{min-height:67vh;max-height:67vh;padding-bottom:18%;}
.home-chat .user-list, .home-chat .wrap-chat{min-height:67vh;max-height:67vh;}
.home-chat .message-footer{padding:30px 30px 10px;position:absolute;}
.home-chat textarea, .home-chat input{font-size:13px;}
.content-slider{top:35.5% !important;left:16.5% !important;width:51%;}
.latest-news .wrapper, footer .wrapper{max-width:69%;}
.latest-news .content-white .button{width:53%;}
footer .newsletter{width:75%;float:right;font-size:11px;padding-right:7% !important;}
.intro .col-3{width:16%;}
.intro .col-4{width:40%;}
.gallery .grid-item{height:210px;}
.middle-section .content-white .line{left:-5%;}
.slider-section .text-inside p{margin:20px auto !important;}
h1{font-size:40px;}
.product-section .content-white { min-height: 450px; } 
footer .col-4, footer .col-8, footer li { text-align: left; }
footer .newsletter { width: 93%; }
}

@media all and (max-width:1200px){
	.menu-icon { right:20px; }
}	

@media all and (max-width:1024px){
.intro .col-4{width:48%;}
.intro .col-3{width:22%;}
.case-study .button div.col-2{padding-top:0;}
}

@media all and (max-width:980px){
.wrapper, .latest-news .wrapper, footer .wrapper{max-width:90%;}
header .wrapper nav.col-8{display:none;}
.menu-icon span{background-color:#fff;opacity:1;}
.content-slider{top:19.5%;left:9.5%;width:79%;}
.content-slider h2{font-size:42px;}
.live-chat-home{left:35px;}
.nz-marine{width:109px;right:6%;bottom:5%;}
.live-chat-home{left:4%;bottom:3%;}
.home-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 6px;letter-spacing:0.08em;height:7px;}
.intro .col-4{width:58%;}
.intro .col-3 figure{height:90%;width:171%;margin-left:-43%;}
.button .col-10{width:80%;}
.slider-two .heading ul{width:100%;padding-bottom:35px;}
.slider-two .heading ul li{font-size:12px;margin:0 10px;}
.text-inside p{width:85%;}
.container-case-study .image{width:79%;height:385px;}
.container-case-study .content-white{top:50px;left:-5px;}
.latest-news .image{left:-45%;width:300px;}
.latest-news .content-white .content{width:80%;margin:0px 0px 0 auto;}
.latest-news .content-white .button .col-10{width:79%;}
.latest-news .content-white .button{bottom:-73px;}
footer .col-3.logotype img{width:120px;margin-top:0;}
footer .newsletter{width:100%;}
footer .newsletter div{width:24%;margin-right:0px;}
footer .newsletter form{width:70%;}
footer .wrapper{text-align:center;}
footer .col-3, footer .col-9{padding:0;text-align:left;}
.copyright p{padding-top:13px;font-size:10px;text-align:center;margin:0;width:70%;color:#fff;opacity:0.3;}
.home-chat .user-list .message{width:100%;}
.home-chat .delete{width:auto;}
.home-chat li .message-box .hour{float:none;}
.home-chat .live-messages .messages-chat{min-height:57vh;max-height:57vh;}
.home-chat h4, .home-chat .user-list h4{font-size:15px;padding:0;}
.home-chat .user-list h4{padding:0 10px;position:relative;}
.home-chat .message p{font-size:13px;}
.message-footer textarea{min-height:75px;}
.message-footer input[type="submit"]{height:77px;}
.home-chat .message-footer{padding:35px 20px 10px;}
.home-chat .user-list ul{padding:15px 0;}
.gallery .grid-item{height:130px;}
.latest-news .content-white{right:0;}
.latest-news .content-white .button{width:100%;}
.latest-news .image{left:0%;}
.intro .button{width:70%;}
.menu-icon{right:40px !important;}
}

@media all and (max-width:780px){
	.latest-news .image { width: 206px; height: 140px; left: -31% !important;}
	.latest-news .title p, .latest-news .title { font-size: 28px; }
	footer .col-4 ul,footer .col-4 .title  {  text-align: left; }
	footer .newsletter div { text-align: left; padding-top: 7px; }
	footer .newsletter form input[type="submit"] { width: 50%; }
	.nav-home.active ul { margin-top: 100px; }
	.nav-home li a { font-size: 33px; }
	.section-header .title { bottom: -10px; left: -10px; width: 45%; }
	.middle-section .content-white { width: 80%; } 
	.middle-section .content-white .line { left: -11%; }
	.slider-section .text-inside p {width: 90%; }
	.gallery { min-height: initial; }
	.team-item { margin: 0 10px 90px 10px; width: 47%; }
	.team-item div { height: 300px; }
	.team-item .content-white { margin: 0 auto;right: 0; left: 0; }
	.project-grid { margin: 24% auto 12%; }
	.project-grid .project { height: 270px; }
	.news { padding: 25% 0 5%; }
	.NewsSummary, .NewsSummary h3 { width: 46%; margin: 0 27px 72px 0; }
	.wrapper-inside { max-width: 90%; }
	.contact-middle .col-4, .contact-middle .col-3 { width: 100%; }
	#_account_current h2 { text-align: center; }
	.clock-header { max-width: 100%; margin-bottom: 10px; }
form.induction-form span.button, form.induction-form input.button, form.induction-form input[type="button"], .button-form { margin-top: 20px; }
.clock-header.fix { position: relative; } 
.cd-multi-steps { background-color: #13161d; }
.cd-multi-steps.count li > *::before { content:""; } 
.cd-breadcrumb li > *, .cd-multi-steps li > * { margin: 0 auto; float: inherit; display: inline-block; color: #fff; font-size: 18px; font-style: normal; padding: 0 20px; font-weight: 600;  text-align: center; }
.cd-breadcrumb li::after, .cd-multi-steps li::after { content:''; }
.cd-multi-steps.count li { width: 33%; text-align: center; }
.button-account .button { font-size: 19px; }
.button-account { width: 100%; float: inherit; text-align: center; margin-top: 20px; }
.answer-icon { width: 23px; height: 23px; left: -33px; }
table.doc td { width: 100%; display: inline-block;}
.latest-news .title p, .latest-news .title { font-size: 21px;  }
footer .logotype img { width: 120px; margin-top: 0; display: inline-block; vertical-align: middle; }
footer .social-icon { display: inline-block; margin-left: 12px; }
footer .line { width: 7px; margin: 8px auto; }
footer .col-4 { margin-top: 20px; }
footer { padding: 5px 0 0; }
footer .newsletter { margin-top: 32px; padding: 0 !important; }
footer .copyright .col-4, footer .copyright .col-8 { text-align: center; }
footer .copyright .col-8 p { font-size: 9px !important; text-align: center; padding: 0 !important; margin: 0; }
footer .copyright { padding: 0px 0 20px; }
.middle-section .content-white .line { left: -19%; top: 27px; }
footer .line { width: 14px; margin: 10px 0 0 !important; }
}

@media all and (max-width:736px){
.menu-icon{right:37px;top:13px;}
header{padding-top:20px;}
.content-slider h2{font-size:29px;}
.content-slider{top:34.5%;}
.home-chat .live-messages{width:100%;}
.home-chat .wrap-chat{position:relative;}
.home-chat{padding:100px 0 50px;}
.home-chat h4.col-4{display:none;}
.home-chat .message-footer input[type="submit"]{width:30%;}
.home-chat .message-footer textarea{width:70%;}
.home-chat .live-messages .messages-chat{padding:20px;}
}

@media all and (max-width:680px){
.content-slider .col-1{display:inline-block;vertical-align:top;width:50px;}
.content-slider .col-10{display:inline-block;width:82%;vertical-align:top;padding:0 0 0 10px;margin:0;box-sizing:border-box;}
.content-slider .line{height:3px;width:40px;margin:0 20px 0 0;display:inline-block;}
.slider-text{margin-left:45px;width:63%;display:inline-block;}
.slider-text{width:80%;}
.content-slider h2{font-size:21px;margin-bottom:10px;}
.button-slider{font-size:12px;letter-spacing:0.3em;}
.nav-home{padding:33% 5% 5%;}
.home-slider .swiper-container-horizontal > .swiper-pagination-bullets, .home-slider .swiper-pagination-custom, .swiper-pagination-fraction{bottom:6%;}
.home-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 3px;letter-spacing:0.08em;height:5px;width:20px;}
.nz-marine{width:79px;right:6%;bottom:6%;}
.intro .col-4{width:100%;}
.intro .col-3 figure{height:90%;width:100%;margin-left:0;}
.slider-two .heading ul li{font-size:12px;margin:0 10px 22px;}
.text-inside p{font-size:23px;}
.slider-two .heading ul{width:100%;padding-bottom:10px;}
.container-case-study .image{width:100%;}
.container-case-study .content-white{top:10px;left:0;position:relative;right:0;margin:0 auto;padding:35px;}
.content-white .button div.col-2{display:inline-block;padding-top:0px;margin-left:9px;}
.container-case-study .button .col-10{display:inline-block;width:75%;}
.container-case-study .button{bottom:-62px;}
.case-study-pagination{margin:5.3% 0 0 0;display:block;left:0;right:0;}
.case-study-pagination .swiper-pagination-bullet{margin-right:10px;width:34px;height:4px;}
.case-study{padding:100px 0 120px;}
.latest-news .heading h3 .line{height:3px;width:35px;margin:0px 17px 0 0;}
.latest-news .content-white{width:100%;margin:60px 0 0;padding:30px;}
.latest-news .image{position:relative;left:0 !important;right:0;width:100%;top:0;}
.latest-news .content-white .content{width:100%;}
.latest-news p.date{margin:20px 0 10px;}
.latest-news .content-white .button .col-10{width:79%;display:inline-block;}
.latest-news .content-white .button .col-2{padding-top:0;}
.latest-news .content-white .button{bottom:-57px;}
.latest-news .heading .view-all{font-size:13px;padding-top:14px;}
footer .col-3:nth-child(2), footer .col-3:nth-child(3), footer .col-3:nth-child(4){display:inline-block;width:32%;vertical-align:top;font-size:11px;line-height:1.8;margin-top:20px;}
footer .col-3.logotype img, footer .col-3 .social-icon{display:inline-block;vertical-align:middle;margin:0 20px 0 0;}
footer .newsletter{margin-top:20px;}
footer .newsletter div{width:100%;}
footer .newsletter form{width:99%;margin:10px 0 0 7px;}
footer .newsletter form input[type="submit"]{width:43%;}
.copyright img{max-width:100px;}
.copyright p{font-size:9px;}
.home-chat{position:relative;}
.home-chat .user-list, .home-chat .wrap-chat{min-height:initial;max-height:initial;}
.home-chat .user-list{float:none;}
.position-home{bottom:3%;left:21%;}
.window-chat{width:500px;height:338px;}
.nav-home{padding:9% 5% 5%;}
}

@media all and (max-width:480px){
.intro .col-3{width:100%;}
.intro .button.button-one .col-10{width:76%;}
.container-case-study .content-white{top:0px;}
.container-case-study .button .col-10{display:inline-block;width:78%;}
footer .copyright .wrapper, .copyright p{text-align:right;}
footer .copyright{padding:25px 0 120px;}
.position-home{bottom:19%;left:12px;}
.window-chat{height:450px;}
.section-header{height:200px;}
.section-header .title{right:0;left:0;width:57%;margin:0 auto;padding:40px;}
.section-header .image{height:435px;}
.middle-section .content-white{width:90%;}
.middle-section .content-white h3{width:100%;margin-bottom:30px;}
.middle-section .content-white .content{column-count:1;}
.middle-section .content-white .button{width:86%;left:23px;}
.gallery .grid-item{width:50%;height:155px;}
.induction-page .middle-section .wrapper { max-width: 80%; }
.induction-page .middle-section {padding: 12% 0 5%; }
.modal-view { width: 90%; padding: 30px; }
.buttons .col-6.no-bg { padding-right: 0;} 
.section-header { padding-top: 100px; }
.clock-header { max-width: 100%; margin-bottom: 10px; }
form.induction-form span.button, form.induction-form input.button, form.induction-form input[type="button"], .button-form { margin-top: 20px; }
.clock-header.fix { position: relative; } 
.cd-multi-steps { background-color: #13161d; }
.cd-multi-steps.count li > *::before { content:""; } 
.cd-breadcrumb li > *, .cd-multi-steps li > * { margin: 0 auto; float: inherit; display: inline-block; color: #fff; font-size: 18px; font-style: normal; padding: 0 20px; font-weight: 600;  text-align: center; }
.cd-breadcrumb li::after, .cd-multi-steps li::after { content:''; }
.cd-multi-steps.count li { width: 33%; text-align: center; }
.button-account .button { font-size: 19px; }
.button-account { width: 100%; float: inherit; text-align: center; margin-top: 20px; }
.answer-icon { width: 23px; height: 23px; left: -33px; }
table.doc td { width: 100%; display: inline-block;}
.latest-news .title p, .latest-news .title { font-size: 21px;  }
footer .logotype img { width: 120px; margin-top: 0; display: inline-block; vertical-align: middle; }
footer .social-icon { display: inline-block; margin-left: 12px; }
footer .line { width: 7px; margin: 8px auto; }
footer .col-4 { margin-top: 20px; }
footer { padding: 5px 0 0; }
footer .newsletter { margin-top: 32px; padding: 0 !important; }
footer .copyright .col-4, footer .copyright .col-8 { text-align: center; }
footer .copyright .col-8 p { font-size: 9px !important; text-align: center; padding: 0 !important; margin: 0; }
footer .copyright { padding: 0px 0 20px; }
.middle-section .content-white .line { left: -19%; top: 27px; }
.team-item { margin: 0 0 100px; width: 100%; float: left; }
.team-item .content-white { left: 0; right: 0; margin: 0 auto; }
.section-header h1 { font-size: 26px; }
.section-header .title p { font-size: 14px; line-height: 21px; }
.content-white { padding: 40px; }
.project-grid {  margin: 69% auto; background: none; }
.project-grid li { margin-bottom: 15px; }
.news { background: #13161d; padding: 73% 0 5%; }
.NewsSummary { padding-right: 0; }
.wrapper-inside { max-width: 90%; }
h2 { font-size: 28px; }
.contact-middle .col-4 { width: 100%; }
.middle-section { padding: 270px 0 40px; }
.message small { font-size: 85%; width: 62%; display: block; text-align: right; margin: 0; float: right; top: -5px; position: relative; }
tr { display: block;c }
.nav-home li a { font-size: 18px; margin-bottom: 10px; }
form.induction-form .col-6, form.induction-form .col-12 { padding: 0; }
.form .exit1 { top: 34px; left: 66px; }
.form .exit2 { top: 325px; left: 50px; }
.form .exit3 { bottom: -12px; left: 77px; }
.single-project .col-7 { padding: 15px 0 0 0px; }
.single-project .col-7 ul { margin-bottom: 20px; }
.window-chat { width: 345px; }
.window-chat .body { padding-bottom: 25%; box-sizing: border-box; }
.content-new-bg { min-height: initial; }
}

@media all and (max-width:320px){
blockquote{font-size:17px;margin:11px 0;}
h3{font-size:22px;}
p{font-size:15px;line-height:1.5;}
.content-slider .col-10{width:78%;padding:0px;}
.content-slider h2{font-size:16px;}
.slider-text p{font-size:13px;}
.nz-marine{right:10%;bottom:12%;}
.home-slider .swiper-container-horizontal > .swiper-pagination-bullets, .home-slider .swiper-pagination-custom, .swiper-pagination-fraction{bottom:4%;text-align:right;width:100%;right:30px;left:inherit;}
.content-white{padding:30px;}
.button .col-10{width:79%;}
.content-white .button div.col-2{width:26px;}
.slider-two .heading ul li{font-size:11px;margin:0 8px 20px;}
.text-inside p{font-size:19px;margin:40px auto 20px;}
.container-case-study .content-white{padding:25px;width:90%;}
.button .col-10{padding:17px;}
footer .col-3:nth-child(2), footer .col-3:nth-child(3), footer .col-3:nth-child(4){width:100%;font-size:12px;line-height:1.8;}
footer .newsletter form input[type="submit"]{width:43%;padding-left:0;letter-spacing:0;font-size:11px;width:39%;}
.copyright p{width:90%;}
.home-chat .live-messages .messages-chat{min-height:69vh;max-height:69vh;}
h1{font-size:25px;}
.nav-home li a{margin-bottom:20px;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px){
.home-chat .live-messages, .home-chat .user-list{width:100%;}
.home-chat .live-messages .messages-chat{min-height:50vh;max-height:50vh;padding-bottom:15%;}
.home-chat .user-list, .home-chat .wrap-chat{min-height:51vh;max-height:51vh;}
.home-chat .user-list{background:#15181E;min-height:25vh;max-height:25vh;margin-top:20px;padding:0;}
.home-chat .user-list h4{width:68%;}
.home-chat h4{font-size:18px;}
.home-chat .wrap-chat{min-height:55vh;max-height:55vh;}
.home-chat .user-list .message{width:auto;}
.home-chat li .message-box .hour{float:right;padding-right:20px;}
.home-chat .user-list ul{padding:65px 30px 30px;}
footer .wrapper{text-align:left;}
footer .copyright img:first-child{margin-left:140px;}
footer .copyright img{display:inline-block;width:auto;}
footer .copyright p{width:41%;padding-top:23px;}
.gallery .grid-item{height:170px;}
header .wrapper nav{display:none;}
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px){
.wrapper, .latest-news .wrapper, footer .wrapper{max-width:90%;}
.menu-icon span{background-color:#fff;opacity:1;}
.content-slider{top:19.5%;left:9.5%;width:79%;}
.content-slider h2{font-size:42px;}
.live-chat-home{left:35px;}
.nz-marine{width:109px;right:6%;bottom:5%;}
.live-chat-home{left:4%;bottom:3%;}
.home-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 6px;letter-spacing:0.08em;height:7px;}
.intro .col-4{width:58%;}
.intro .col-3 figure{height:90%;width:171%;margin-left:-43%;}
.button .col-10{width:80%;}
.slider-two .heading ul{width:100%;padding-bottom:35px;}
.slider-two .heading ul li{font-size:12px;margin:0 10px;}
.text-inside p{width:85%;}
.container-case-study .image{width:79%;height:385px;}
.container-case-study .content-white{top:50px;left:-5px;}
.latest-news .image{left:-45%;width:300px;}
.latest-news .content-white .content{width:80%;margin:0px 0px 0 auto;}
.latest-news .content-white .button .col-10{width:79%;}
.latest-news .content-white .button{bottom:-73px;}
footer .col-3.logotype img{width:120px;margin-top:0;}
footer .newsletter{width:100%;}
footer .newsletter div{width:24%;margin-right:0px;}
footer .newsletter form{width:70%;}
footer .wrapper{text-align:center;}
footer .col-3, footer .col-9{padding:0;text-align:left;}
.copyright p{padding-top:13px;font-size:10px;text-align:center;margin:0;width:70%;color:#fff;opacity:0.3;}
.home-chat .user-list h4{width:73%;}
footer .newsletter{width:75%;}
.middle-section .content-white{width:70%;}
}

@media only screen and (min-device-width:1024px) and (max-device-width:1366px) and (orientation:landscape){
.home-chat .user-list h4{width:22%;}
.home-chat .user-list{padding:0;}
.home-chat .user-list, .home-chat .wrap-chat{min-height:69vh;max-height:69vh;}
.menu-icon{right:110px;}
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape){
.wrapper, .latest-news .wrapper, footer .wrapper{max-width:90%;}
header .wrapper nav.col-8{display:none;}
.content-slider{top:35.5%;left:8.5%;width:69%;}
.content-slider h2{font-size:44px;}
.slider-text p{font-size:14px;}
.home-slider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 9px;height:5px;}
.intro figure{height:95%;margin-left:-12%;}
.slider-two .heading ul li{font-size:12px;margin:0 15px;}
.text-inside p{width:68%;}
.container-case-study .image{width:81%;height:435px;}
.container-case-study .content-white{top:50px;left:0px;}
.container-case-study .button .col-2{padding-top:13px;}
.latest-news .image{left:-36%;}
.latest-news .content-white .button .col-10{width:84%;}
.copyright p{margin-left:68px;}
.home-chat .user-list .message{width:100%;}
.home-chat li .message-box .hour{float:initial;padding-top:0;}
.home-chat .delete{padding-top:3px;}
.home-chat .live-messages .messages-chat{min-height:54vh;max-height:54vh;}
.home-chat .message-footer input[type="submit"]{font-size:11px;}
.home-chat .live-messages{width:66.5%;}
.home-chat .user-list{width:33.33333333333333%;margin-top:0px;min-height:66vh;max-height:66vh;}
.home-chat .live-messages .messages-chat{min-height:60vh;max-height:60vh;}
.home-chat .wrap-chat{min-height:66vh;max-height:66vh;}
.message-footer input[type="submit"]{height:91px;}
.home-chat .user-list h4{width:20%;}
.home-chat .message p{font-size:13px;}
header .wrapper nav{display:none;}
}

.hide{ display: none;}
.step_pointer{cursor: pointer; }