@charset "utf-8";@import url('https://fonts.googleapis.com/css?family=Saira:100,200,300,400,500,600,700,800,900');@import url('https://fonts.googleapis.com/css?family=Lobster');html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;font:revert;vertical-align:baseline;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main{display:block;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
table{border-collapse:collapse;border-spacing:0;}
*, *::after, *::before{box-sizing:border-box;}
::selection{background:#076bdd;color:#fff;}
::-moz-selection{background:#076bdd;color:#fff;}
.scrollup{position:fixed;z-index:9999;bottom:15px;float:right;right:15px;width:30px;height:30px;text-align:center;display:none;color:#fff;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;background:url(../images/top.png) center center no-repeat; }
.scrollup:hover{}
#preloader{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:9999999999;}
#status{position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
.icon{width:100px;height:100px;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;}
.icon svg{padding:1px;}
.col1{fill:rgba(135, 153, 186, 0);stroke:#92a9ca;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col1 1s ease-in forwards;animation:col1 1s ease-in forwards;animation-delay:1s;}
@-webkit-keyframes col1{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
@keyframes col1{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
.col2{fill:rgba(247, 151, 51, 0);stroke:#165dab;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col2 1s ease-in forwards;animation:col2 1s ease-in forwards;animation-delay:2s;}
@-webkit-keyframes col2{50%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 0);}
75%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 1);}
}
@keyframes col2{50%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 0);}
75%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 1);}
}
.col3{fill:rgba(135, 153, 186, 0);stroke:#92a9ca;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col3 1s ease-in forwards;animation:col3 1s ease-in forwards;animation-delay:1s;}
@-webkit-keyframes col3{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
@keyframes col3{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
.col4{fill:rgba(135, 153, 186, 0);stroke:#92a9ca;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col4 1s ease-in forwards;animation:col4 1s ease-in forwards;animation-delay:1s;}
@-webkit-keyframes col4{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
@keyframes col4{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
.col5{fill:rgba(135, 153, 186, 0);stroke:#92a9ca;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col5 1s ease-in forwards;animation:col5 1s ease-in forwards;}
@-webkit-keyframes col5{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
@keyframes col5{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
.col6{fill:rgba(135, 153, 186, 0);stroke:#92a9ca;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col6 1s ease-in forwards;animation:col6 1s ease-in forwards;animation-delay:1s;}
@-webkit-keyframes col6{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
@keyframes col6{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
.col7{fill:rgba(135, 153, 186, 0);stroke:#92a9ca;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col7 1s ease-in forwards;animation:col7 1s ease-in forwards;animation-delay:1s;}
@-webkit-keyframes col7{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
@keyframes col7{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
.col8{fill:rgba(247, 151, 51, 0);stroke:#165dab;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col8 1s ease-in forwards;animation:col8 1s ease-in forwards;animation-delay:2s;}
@-webkit-keyframes col8{50%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 0);}
75%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 1);}
}
@keyframes col8{50%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 0);}
75%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(247, 151, 51, 1);}
}
.col9{fill:rgba(135, 153, 186, 0);stroke:#92a9ca;stroke-width:3;stroke-dasharray:1000;stroke-dashoffset:1000;-webkit-animation:col9 1s ease-in forwards;animation:col9 1s ease-in forwards;animation-delay:1s;}
@-webkit-keyframes col9{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
@keyframes col9{50%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 0);}
75%,100%{stroke-dashoffset:0;fill:rgba(135, 153, 186, 1);}
}
body{width:auto;margin:0;border:0;font-family:'Saira', sans-serif;}
img{max-width:100%;vertical-align:middle;border:0;}
.clearfix:after{display:block;visibility:hidden;overflow:hidden;clear:both !important;content:".";line-height:0;height:0;
}
.clearfix{display:inline-block;}
html[xmlns] .clearfix{display:block;}
*html .clearfix{height:1%;}
.clear{clear:both !important;}
.left{float:left;}
.right{float:right;}
p{color:#4d4d4f;line-height:24px;font-size:15px;font-weight:400;margin:15px 0;}
p strong{color:black;font-weight:500;}
p span{color:#165dab;}
a, span, strong, nav{-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
a{color:#ff3000;text-decoration:none;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
a:hover{color:#000;}
table{color:#000;line-height:24px;font-size:16px;}
table strong{color:#2b9e01;}
tr{border:solid 1px #F2F2F2;}
td{padding:8px 15px;border:solid 1px #F2F2F2;}
td.h3{color:#fff;background:#f86b26;margin:0;text-transform:uppercase;font-size:18px;padding:12px 15px;}
ul.list{padding:0;margin:0;list-style:none;}
ul.list li{color:#4d4d4f;line-height:24px;font-size:15px;position:relative;padding-left:22px;margin-bottom:5px;}
ul.list li:before{content:" ";position:absolute;top:10px;left:0;width:15px;height:2px;background:#165dab;}
ul.list li strong{color:#000;}
ul.list li span{color:#2d3091;}
h1, h2, h3{color:#141414;margin:15px 0;font-weight:400;}
.wrapper{}
.header{position:relative;}
.section{position:relative;}
/*.footer{position:relative;background:url(../images/footer-bg.png) bottom center no-repeat;background-size:contain;position:relative;border-top:solid 2px #92a9ca;}*/
.footer{background: #29292838;}
.footer:before{content:" ";position:absolute;top:-2px;left:0;width:50%;height:2px;background:#165dab;}
.nav-shrink{-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;position:fixed;z-index:99999999;}
.nav-shrink.header-inner{top:-44px;width:100%;box-shadow:0px 0px 26px rgba(0, 0, 0, 0.1);-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;}
.header-inner{position:fixed;top:0;left:0;right:0;z-index:9;-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;width:100%;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;}
.header-top{padding:0 100px;background:#201e1e;text-align:center;}
.header-top h2{font-weight:600;font-size:20px;margin:4px 0;font-style:italic;color:#fff;display:none;}
.header-top h2 span{font-family:'Lobster', cursive;font-size:26px;}
.header-top aside{}
.start-project{}
.start-project a{display:block;color:#fff;background:#201e1e;font-size:13px;font-weight:600;padding:11.5px 20px;}
.start-project a:hover{background:#787a7e;}
.isStuck{z-index:99999999;box-shadow:0px 0px 26px rgba(0, 0, 0, 0.1)}
.header-nav{padding:0 100px;background:#fff;position:relative;}
.header-nav h1{margin:9px 0;}
.header-nav h1 img{-webkit-transition:0.5s ease-in-out;-moz-transition:0.5s ease-in-out;-o-transition:0.5s ease-in-out;transition:0.5s ease-in-out;height:75px;}
.header-nav h2{margin:14px 0 14px 20px;}
.header-nav h2 img{height:70px; padding-left: 200px;}
.nav{}
.mobile_mail{
	display: flex;
	float:right;
}
.phone-numbers {
    display: flex;
}
.phone-numbers a {
    margin-right: 10px; /* Adjust as needed */
    padding: 11.5px 0px 11.5px 20px!important;
    display: flex;
    align-items: center;
}
.nav ul{padding:0;margin:0;list-style:none;}
.nav ul li{list-style:none;position:relative;float:left;margin-left:40px;}
.nav ul li a{color:#201e1e;font-size:13.5px;font-weight:500;display:block;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;position:relative;padding:38.5px 0;text-transform:uppercase;}
.nav ul li a span{display:none;position:absolute;top:15px;right:15px;width:15px;height:15px;}
.nav ul li a span:before{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;width:3px;height:100%;margin:auto;background:#000;}
.nav ul li a span:after{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:3px;margin:auto;background:#000;}
.nav ul li:hover a span:before{opacity:0;}
.nav ul li:hover > a, .nav ul li.active > a{color:gray;}
.nav ul li a:before{
    content: " ";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 3px;
    background: #66686a;
    opacity: 0;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.nav ul li:first-of-type a:after,
.nav ul li:nth-of-type(4) a:after,
.nav ul li:nth-of-type(5) a:after,
.nav ul li:nth-of-type(6) a:after,
.nav ul li:nth-of-type(7) a:after,
.nav ul li:nth-of-type(8) a:after,
.nav ul li:nth-of-type(9) a:after{display:none;}
.nav ul li a:after{bottom:0;left:0;right:0;margin:auto;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:gray;border-width:6px;z-index:9999;opacity:0;}
.nav ul li:hover > a:after, .nav ul li.active > a:after{opacity:1;}
.nav ul li:hover > a:before, .nav ul li.active > a:before{opacity:1;}
.nav ul li ul{position:absolute;display:none;background:#fff;z-index:9999999;box-sizing:border-box;padding:20px 0;left:-30px;box-shadow:0px 10px 16px rgba(104, 104, 104, 0.1);border-top:solid 2px gray;}
.nav ul li ul li{list-style:none;float:none;margin:0;display:block;}
.nav ul ul li a{padding:6px 30px;text-align:left;font-size:14px;color:#201e1e;width:auto;position:relative;font-weight:400;text-transform:none;}
.nav ul ul li a:before, .nav ul ul li a:after{display:none;}
.nav ul ul li a:hover, .nav ul ul li a:hover:before{color:#000;background:rgba(128, 128, 128, 0.87);}
.nav ul li ul:hover a{}
.nav ul > li:hover ul{display:block;}
.banner{position:relative;height:100vh;}
.bounce{position:absolute;bottom:50px;left:0;right:0;margin:auto;width:25px;height:25px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;animation:bounce 2s infinite;-webkit-animation:bounce 2s infinite;-moz-animation:bounce 2s infinite;-o-animation:bounce 2s infinite;cursor:pointer;z-index:999999;}
@-webkit-keyframes bounce{0%, 20%, 50%, 80%, 100%{-webkit-transform:translateY(0);}
40%{-webkit-transform:translateY(-20px);}
60%{-webkit-transform:translateY(-15px);}
}
@-moz-keyframes bounce{0%, 20%, 50%, 80%, 100%{-moz-transform:translateY(0);}
40%{-moz-transform:translateY(-20px);}
60%{-moz-transform:translateY(-15px);}
}
@-o-keyframes bounce{0%, 20%, 50%, 80%, 100%{-o-transform:translateY(0);}
40%{-o-transform:translateY(-20px);}
60%{-o-transform:translateY(-15px);}
}
@keyframes bounce{0%, 20%, 50%, 80%, 100%{transform:translateY(0);}
40%{transform:translateY(-20px);}
60%{transform:translateY(-15px);}
}
.banner-text{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;text-align:center;display:table;margin:0 auto;cursor:default;z-index:1900;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.banner-text-page{position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;text-align:center;display:table;margin:auto;}
.banner-text > div, .banner-text-page > div{vertical-align:middle;display:table-cell;}
.banner-text h2, .banner-text-page h2{font-size:40px;color:#fff;font-weight:400;text-transform:uppercase;margin:0;background:rgba(0, 0, 0, 0.4);display:inline-block;padding:20px 18px;border-radius:3px;line-height:18px;}
.banner-text a{background:#201e1e9c;display:inline-block;color:#fff;font-weight:600;text-transform:uppercase;padding:14px 30px;box-shadow:0px 2px 12px rgba(0, 0, 0, 0.2);font-size:13px;}
.banner-text a:hover{background:gray;}
.banner-icon{position:absolute;top:0;bottom:0;right:50px;width:8%;height:100%;text-align:center;display:none;margin:auto;z-index:999;padding-top:158px;}
.banner-icon img{margin:5px 0}
.banner-icon > div{vertical-align:middle;display:table-cell;}
.section-home{overflow:hidden;position:relative;padding:100px;background:url(../images/content-bg.png) bottom center repeat-x; margin-top: 5%;}
.section-home aside{width:50%;}
.section-home aside h2{color:black;margin:0;font-size:32px;font-weight:500;}
.section-home aside h3{margin:0;font-size:18px;font-weight:500;color:#165dab;}
.section-home aside p{text-align:justify;}
.tabs{margin:20px 0;}
.tabs ul{padding:0;margin:0;list-style:none;}
.tabs ul li{float:left;list-style:none;width:31.333333%;text-align:center;border-radius:5px;background:#80808042;padding:36px 15px;}
.tabs ul li:nth-of-type(2){margin:0 3%;}
.tabs ul li img{height:35px;}
.tabs ul li h4{color:#4d4d4f;margin-top:10px;font-size:15px;font-weight:500;}
.section-home aside a{   
    color: #201e1e9c;
    display: inline-block;
    font-weight: 600;
    text-transform: uppercase;
    padding: 14px 50px 14px 30px;
    font-size: 13px;
    margin-top: 20px;
    background: black;
    color: #fff;
    border-radius: 6px;}
.section-home aside a:after{content:"\27F6";position:absolute;font-size:22px;line-height:19px;margin-left:4px;}
.section-home aside a:hover{    
    color: black;
    background: white;
    border: solid 2px #000;}
.section-home figure{width:40%;position:absolute;bottom:0;left:0;}
.section-vision-mission{position:relative;display:flex;}
.section-vision-mission aside{width:100%;}
.section-vision-mission aside ul{padding:0;margin:0;list-style:none;display:flex;flex-wrap:wrap;}
.section-vision-mission aside ul li{float:left;list-style:none;width:33.333333%;}
.section-vision-mission aside ul li figure{height:170px;background:url(../images/our-vision.png) center center no-repeat;background-size:cover;margin: 20px auto;width:50%;display:block;}
.img-hide{display:none;}
.section-vision-mission aside ul li:nth-of-type(2) figure{background:url(../images/our-mission.png) center center no-repeat;background-size:cover;margin: 20px auto;width:50%;display:block;}
.section-vision-mission aside ul li:nth-of-type(3) figure{background:url(../images/our-values-image.png) center center no-repeat;background-size:cover;margin: 20px auto;width:50%;display:block;}
.section-vision-mission aside ul li figcaption{text-align:center;padding:0 20px;height:250px;display:table;margin:auto;}
.section-vision-mission aside ul li figcaption > div{vertical-align:middle;display:table-cell;}
.section-vision-mission aside ul li h3{color:#201e1e9c;font-size:20px;font-weight:500;margin-top:0;}
.section-vision-mission aside ul li a{   
    color: white;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 0 0;
    font-size: 12px;
    position: relative;
    background: black;
    padding: 10px;
    border-radius: 6px;
    border: black 2px solid;
}
.section-vision-mission aside ul li a:hover{
    background: white;
    border-radius: 4px;
    border: black 2px solid;
    color: black;
}
/*.section-vision-mission aside ul li a:before{content:" ";position:absolute;top:0;bottom:0;left:-6px;width:10px;border:solid 2px #165dab;border-right:none;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.section-vision-mission aside ul li a:after{content:" ";position:absolute;top:0;bottom:0;right:-6px;width:10px;border:solid 2px #165dab;border-left:none;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}*/
.section-vision-mission aside ul li a:hover:before{left:-10px;}
.section-vision-mission aside ul li a:hover:after{right:-10px;}
.section-vision-mission-img{width:35%;background:url(../images/our-service.png) center center no-repeat;background-size:cover;height:100%;position:absolute;top:0;bottom:0;right:0;}
.section-vision-mission-img a{position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(135, 153, 186, 0.6);text-align:center;display:table;margin:auto;width:100%;height:100%;}
.section-vision-mission-img a:hover{background:rgba(247, 151, 51, 0.6);}
.section-vision-mission-img a > div{vertical-align:bottom;display:table-cell;padding-bottom:46px;}
.section-vision-mission-img a h3{margin-bottom:0;text-transform:uppercase;font-weight:600;font-size:24px;color:#fff;}
.section-vision-mission-img a h4{text-transform:uppercase;font-weight:600;font-size:18px;line-height:22px;color:#fff;margin-bottom:20px;}
.section-vision-mission-img a p{    background: white;
    border-radius: 4px;
    border: black 2px solid;
    color: black;}
.section-vision-mission-img a p{color:#fff;display:inline-block;font-weight:500;text-transform:uppercase;margin:0 0 0 0;font-size:12px;position:relative;background: black;padding: 10px;border-radius: 6px;}
/*.section-vision-mission-img a p:before{content:" ";position:absolute;top:0;bottom:0;left:-6px;width:10px;border:solid 2px #fff;border-right:none;}
.section-vision-mission-img a p:after{content:" ";position:absolute;top:0;bottom:0;right:-6px;width:10px;border:solid 2px #fff;border-left:none;}*/
.section-projects{overflow:hidden;}
.section-projects-pages{margin-top:-30px;}
.section-projects h2{color:black;margin:0;font-size:26px;font-weight:500;padding:15px 100px 15px 100px;position:relative;}
.section-projects h2:before{content:" ";position:absolute;top:0;bottom:0;left:-70px;width:250px;background:#ccc;z-index:-8;-ms-transform:skewX(35deg);-webkit-transform:skewX(35deg);transform:skewX(35deg);opacity:0.1;}
.projects-img{}
.projects-img a{overflow:hidden;display:block;position:relative;border-radius: 15px;}
.projects-img a:after{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;background:rgba(0, 0, 0, 0.2);-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.projects-img a:hover:after{background:rgba(0, 0, 0, 0.6);}
.projects-img a figcaption{padding:30px;position:absolute;top:0;bottom:0;left:0;right:0;z-index:9;}
.projects-img a h4{color:#fff;font-size:12px;text-transform:uppercase;font-weight:500;}
.projects-img a h3:after{content:" ";position:absolute;top:-7px;left:0;width:40px;height:2px;background:#fff;}
.projects-img p{    
    color: #fff;
    display: inline-block;
    font-weight: 500;
    text-transform: uppercase;
    margin: 0 0 0 190px;
    font-size: 12px;
    position: absolute;
    bottom: -50px;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
    background: #000;
    padding:15px;
    padding: 6px;
    border-radius: 6px;
    right:10px;
}
.projects-img a h3 {
    text-transform: uppercase;
    font-weight: 800;
    color: #fff;
    position: relative;
    margin-left: 55px;
    position: absolute;
    bottom: 25px;
    right: 10px;
    font-size: 15px;
}
.projects-img p:hover{
    background: #fff;
    color: #000;
    border:1px solid #000;
}
.projects-img:hover p{bottom:3px;right:10px;}
/*.projects-img p:before{content:" ";position:absolute;top:0;bottom:0;left:-6px;width:10px;border:solid 2px #165dab;border-right:none;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.projects-img p:after{content:" ";position:absolute;top:0;bottom:0;right:-6px;width:10px;border:solid 2px #165dab;border-left:none;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}*/
.projects-img:hover p:before{left:-10px;}
.projects-img:hover p:after{right:-10px;}
.section-time-laps{width:100%;height:500px;display:table;margin:auto;background:url(../images/time-laps.gif) center center no-repeat;background-size:cover;margin-top:10px;text-align:center;position:relative;}
.section-time-laps:after{content:" ";position:absolute;top:0;bottom:0;left:0;right:0;width:100%;height:100%;background:rgba(0, 0, 0, 0.2);z-index:8;}
.section-time-laps > div{vertical-align:middle;display:table-cell;z-index:9;position:relative;}
.section-time-laps h2{color:#fff;margin:0;font-size:32px;font-weight:500;}
.section-time-laps a{display:inline-block;width:50px;height:50px;background:#165dab;color:#fff;font-size:30px;border-radius:50%;}
.section-time-laps a:hover{background:#000;}
.section-count{position:relative;padding:50px 90px;}
.section-count ul{padding:0;margin:0;list-style:none;}
.section-count ul li{float:left;width:20%;text-align:center;position:relative;border:solid 5px #fff;}
.section-count ul li svg{fill:rgba(135, 153, 186, 0.1);}
.section-count ul li figcaption{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;height:100%;display:table;margin:auto;}
.section-count ul li figcaption > div{vertical-align:middle;display:table-cell;}
.section-count ul li h2{font-weight:800;font-size:32px;text-transform:uppercase;margin:0;color:#000;line-height:24px;margin-left: 0px;}
.section-count ul li h2:after{font-family:'FontAwesome';content:"\f067";font-size:22px;margin-left:4px;font-weight:400;top:-3px;position:relative;}
.section-count ul li p{margin:0;font-size:14px;text-transform:uppercase;font-weight:600;color:#4d4d4f;margin-left: 0px;margin-top: 10px;}
.home-contact{background:#4d4d4f url(../images/for-enquiry.jpg) top center no-repeat;background-size:cover;position:relative;text-align:center;padding:65px 100px;}
.home-contact-pages{}
.home-contact h3{color:#fff;font-weight:400;font-size:22px;}
.home-contact h2{font-size:36px;font-weight:600;color:#fff;text-transform:uppercase;margin:0;}
.home-contact p{color:#fff;font-size:18px;margin:0;}
.home-contact img{width:50px;margin-top:30px;}
.home-contact a{display:inline-block;padding:10px 30px;margin:15px 2px 15px 2px;font-weight:600;font-size:13px;text-transform:uppercase;margin-top:10px;color:#fff;}
.home-contact a:first-of-type{background:#92a9ca;}
.home-contact a:nth-of-type(2){background:#4d4d4f;}
.home-contact a:nth-of-type(3){background:#4d4d4f;}
.home-contact a:hover{opacity:0.8;}
.home-clients{text-align:center;padding:50px;}
.home-clients a{display:inline-block;}
.home-clients a img{-webkit-filter:grayscale(100%);filter:grayscale(100%);width:150px;}
.home-clients a:hover img{opacity:0.8;}
.footer-top{background:#92a9ca url(../images/for-enquiry.jpg) center center no-repeat;background-size:cover;}
.footer-top-left{padding:16px 100px;width:50%;position:relative;}
.footer-top-left h3{margin:0;font-size:28px;font-weight:600;color:#fff;line-height:24px;}
.footer-top-right{padding-right:0;text-align:center;width:50%;}
.footer-top-right h3{margin:10px 0;position:relative;padding-left:40px;display:inline-block;color:#fff;font-size:22px;}
.footer-top-right h3 a{color:#fff;font-size:22px;position:relative;margin:0;font-weight:500;}
.footer-top-right h3 a:hover{text-decoration:underline;}
.footer-top-right h3:before{font-family:'FontAwesome';content:"\f095";position:absolute;top:0;left:0;font-size:40px;}
.footer_marg{padding:50px 100px 50px 100px;}
.foot{}
.foot h4{margin:0 0 0 0;position:relative;padding-left:20px;}
.foot h4 a{color:#4d4d4f;font-size:16px;position:relative;margin:0;font-weight:500;}
.foot h4 a:hover{text-decoration:underline;color:gray;}
.foot h4:before{font-family:'FontAwesome';content:"\f095";position:absolute;top:4px;left:0;font-size:18px;color:#4d4d4f;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.foot h4:hover:before{color:gray;}
.foot p{font-size:14px;line-height:24px;margin:0;color:#000;}
.foot h3{color:black;display:inline-block;font-size:16px;margin:0 0 12px 0;font-weight:600;position:relative;}
.foot a{color:#1b69c6;}
.foot a:hover{color:gray;}
.foot strong{color:#2a9b40;}
.foot_list, .foot-text{
    margin-right: 10%;
    margin-left: 10px}
.foot_list:nth-of-type(5){margin-right:0;}
.foot_list ul{padding:0;margin:0;list-style:none;display:inline;}
.foot_list ul li{}
.foot_list ul li a{color:#000;font-size:14px;display:inline-block;position:relative;}
.foot_list ul li a:hover{opacity:0.6;}
.footer-links{}
.footer-links a{display:block;padding:6px 15px;font-weight:500;color:#fff;margin-top:6px;text-align:center;}
.footer-links a:first-of-type{background:gray;}
.footer-links a:nth-of-type(2){background:#165dab;}
.footer-links a:nth-of-type(3){background:#4d4d4f;}
.footer-links a:hover{background:#fff;color:#000;box-shadow:0px 0px 26px #EEEEEE;}
.social-icon-footer{}
.social-icon-footer h3{margin-top:10px;}
.social-icon-footer a{text-transform:uppercase;font-size:22px;font-weight:500;display:inline-block;margin-right:5px;color:#4d4d4f;padding:12px 0;}
.social-icon-footer a:hover{color:gray;}
.foot-right{}
.footer-bottom{padding:25px 100px;}
.footer-bottom-inner p{color:#000;font-size:15px;margin:0;}
.footer-bottom-inner p span{color:#000;}
.footer-bottom-inner a{color:#999;position:relative;}
.footer-bottom-inner a:hover{color:#165dab;}
.banner-page{position:relative;margin-top:142px;}
.section-content{margin:100px 100px;position:relative;}
.section-content p{text-align:justify;}
.content{width:65%;}
.sidebar-sticky{width:30%;position:relative;}
.sidebar-responsive{display:none;}
.sidebar{width:100%;position:relative;}
.sidebar-pages{width:30%;position:relative;}
.sidebar img, .sidebar-pages img{margin:15px 0;}
.sidebar nav{margin:15px 0;}
.sidebar nav ul{padding:0;margin:0;list-style:none;}
.sidebar nav ul li{list-style:none;}
.sidebar nav ul li a{display:block;background:#f8f9fa;text-align:left;color:gray;font-weight:400;font-size:17px;padding:6px 22px;position:relative;margin-top:2px;}
.sidebar nav ul li a:before{content:" ";position:absolute;top:0;bottom:0;left:0;width:4px;background:#165dab;opacity:0;}
.sidebar nav ul li a:hover:before, .sidebar nav ul li.active a:before{opacity:1;}
.sidebar nav ul li a:hover, .sidebar nav ul li.active a{color:#4d4d4f;}
.sidebar h3{color:#fff;font-size:20px;font-weight:600;text-transform:uppercase;position:relative;background:#4d4d4f;text-align:left;padding:12px 20px;}
.sidebar h3:before{content:" ";position:absolute;bottom:-5px;left:0;width:50px;height:5px;background:#165dab;}
.sidebar h3:after{content:" ";position:absolute;bottom:-5px;left:50px;width:50px;height:5px;background:#92a9ca;}
.sidebar article{position:relative;}
.sidebar article figure{}
.sidebar article figure a h4{position:absolute;top:30px;left:30px;background:#fff;font-weight:500;padding:12px 18px;margin:0;color:#000;text-transform:uppercase;}
.vision-mission-value{}
.vision-mission-value h3{color:#4d4d4f;font-size:26px;font-weight:600;text-transform:uppercase;line-height:36px;position:relative;padding-top:10px;}
.vision-mission-value h3:before{content:" ";position:absolute;top:0;left:0;width:25px;height:3px;background:#165dab;}
.vision-mission-value h3:after{content:" ";position:absolute;top:0;left:25px;width:25px;height:3px;background:gray;}
.vision-mission-value h4{color:gray;font-size:18px;font-weight:500;}
.vision-mission-value article{display:flex;position:relative;border-bottom:dashed 2px #f2f2f2;padding-bottom:50px;margin-bottom:50px;}
.vision-mission-value article:last-of-type{border-bottom:none;padding-bottom:0;margin-bottom:0;}
.vision-mission-value article figure{width:30%;float:left;}
.vision-mission-value article figure img{border:solid 3px #f8f9fa;padding:25px;}
.vision-mission-value article figcaption{width:70%;padding-left:5%;display:table;margin:auto;}
.vision-mission-value article figcaption > div{vertical-align:middle;display:table-cell;}
.who-we-are{}
.who-we-are h2{color:#165dab;font-size:32px;font-weight:600;text-transform:uppercase;line-height:30px;position:relative;padding-top:22px;}
.who-we-are h2:before{content:" ";position:absolute;top:0;left:0;width:50px;height:5px;background:#165dab;}
.who-we-are h2:after{content:" ";position:absolute;top:0;left:50px;width:50px;height:5px;background:#92a9ca;}
.who-we-are h2 small{color:#4d4d4f;font-size:30px;font-weight:400;text-transform:none;}
.who-we-are h4{color:#4d4d4f;font-size:24px;font-weight:500;line-height:22px;text-transform:uppercase;}
.who-we-are h4 small{font-size:20px;opacity:0.6;text-transform:none;}
.why-hns{background:rgba(146, 169, 202, 0.1);padding:85px 100px;position:relative;}
.why-hns h2{color:#4d4d4f;font-size:30px;font-weight:600;text-transform:uppercase;line-height:36px;position:relative;padding-top:22px;}
.why-hns h2:before{content:" ";position:absolute;top:0;left:0;width:50px;height:5px;background:#165dab;}
.why-hns h2:after{content:" ";position:absolute;top:0;left:50px;width:50px;height:5px;background:#92a9ca;}
.why-hns h3{color:gray;font-size:22px;font-weight:600;}
.why-hns figure{width:46%;position:absolute;left:0;bottom:0;}
.why-hns aside{width:46%;}
.our-team{}
.our-team article{border-bottom:solid 2px #f8f9fa;margin-bottom:30px;padding-bottom:15px;padding-top:15px;}
.our-team article figure{width:25%;float:left;}
.our-team article figcaption{width:70%;float:right;}
.our-team article figcaption h3{color:#165dab;font-size:22px;font-weight:600;text-transform:uppercase;line-height:20px;position:relative;padding-top:22px;margin-top:0;}
.our-team article figcaption h3 small{color:#4d4d4f;font-size:20px;font-weight:400;text-transform:none;}
.our-team article figcaption h3:before{content:" ";position:absolute;top:0;left:0;width:50px;height:3px;background:#165dab;}
.our-team article figcaption h3:after{content:" ";position:absolute;top:0;left:50px;width:50px;height:3px;background:#92a9ca;}
.projects{margin:90px;position:relative;}
.projects h2{color:#4d4d4f;font-size:30px;font-weight:500;line-height:36px;position:relative;padding-top:22px;margin-left:10px;}
.projects h2:before{content:" ";position:absolute;top:0;left:0;width:50px;height:4px;background:#165dab;}
.projects h2:after{content:" ";position:absolute;top:0;left:50px;width:50px;height:4px;background:#92a9ca;}
.projects .sidebar{padding-right:10px;}
.projects .sidebar h3{margin-top:10px;margin-bottom:20px;}
.projects button{background-color:gray;margin:10px -3px 10px 10px;border:none;color:#fff;outline:0;text-transform:uppercase;font-family:'Saira', sans-serif;font-weight:500;padding:10px 22px;}
.projects button:hover, .projects button.active{background-color:#165dab;color:#fff;cursor:pointer;}
.projects-images{}
.projects-images ul{padding:0;margin:0;list-style:none;}
.projects-images ul li{width:33.333333%;float:left;list-style:none;}
.projects-images ul li a{overflow:hidden;position:relative;display:block;margin:10px;}
.projects-images ul li a img{}
.projects-images ul li a:before{content:" ";background:rgba(146, 169, 202, 0.8);position:absolute;top:0;bottom:0;left:0;right:0;z-index:9;opacity:0;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.projects-images ul li a:hover:before{opacity:1;}
.projects-images ul li a figcaption{position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;padding:20px;width:100%;height:100%;display:table;margin:auto;}
.projects-images ul li a figcaption > div{display:table-cell;vertical-align:middle;position:relative;z-index:9;}
.projects-images ul li a figcaption h3{margin-top:0;margin-bottom:6px;color:#fff;text-transform:uppercase;font-size:14px;font-weight:700;opacity:0;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px);}
.projects-images ul li a:hover figcaption h3, .projects-images ul li a:hover figcaption p{opacity:1;-webkit-transform:translateY(0);-moz-transform:translateY(0);transform:translateY(0);}
.projects-images ul li a figcaption p{text-align:center;display:inline-block;color:#4d4d4f;background:#fff;font-size:10px;font-weight:600;text-transform:uppercase;margin:0;padding:2px 8px;opacity:0;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;-webkit-transform:translateY(30px);-moz-transform:translateY(30px);transform:translateY(30px);transition-delay:0.2s;}
.project-details{position:absolute;top:10%;bottom:10%;left:0;right:0;}
.project-details figure{position:absolute;top:0;bottom:0;left:-10px;width:55%;height:100%;}
.project-details figure img{height:100%;}
.project-details figcaption{position:absolute;top:0;bottom:0;right:0;width:45%;height:100%;padding:0 30px;display:table;margin:auto;}
.project-details figcaption > div{vertical-align:middle;display:table-cell;position:relative;}
.project-details figcaption p:first-of-type{}
.project-details figcaption p:first-of-type:before{content:" ";position:absolute;top:0;left:0;width:50%;height:3px;background:#165dab;margin-top:-35px;}
.project-details figcaption p:first-of-type:after{content:" ";position:absolute;top:0;left:50%;width:50%;height:3px;background:#92a9ca;margin-top:-35px;}
.project-details figcaption p{margin:0;padding:5px 10px 5px 130px;color:#000;position:relative;}
.project-details figcaption p span{color:#000;position:absolute;left:5px;display:block;width:105px;}
.project-details figcaption p span:after{content:":";position:absolute;right:0;}
.project-details figcaption table{color:#000;line-height:24px;font-size:16px;position:relative;}
.project-details figcaption tr{border:none;}
.project-details figcaption tr:nth-child(even){background-color:#fef8f2;}
.project-details figcaption td{padding:6px 0;border:none;}
.modal{display:none;position:fixed;z-index:9999999999;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);}
.modal-content{background-color:#fefefe;margin:auto;padding:20px;width:90%;}
.close{color:#92a9ca;float:right;font-size:45px;font-weight:100;position:relative;z-index:999999999;width:20px;height:20px;margin-top:-30px;}
.close:hover,
.close:focus{color:#165dab;text-decoration:none;cursor:pointer;}
#previous, #next{color:#92a9ca;float:right;font-size:45px;font-weight:100;position:relative;z-index:999999999;width:20px;height:20px;margin-top:500px;display:none;}
#previous:hover,
#previous:focus,
#next:hover,
#next:focus{color:#165dab;text-decoration:none;cursor:pointer;}
.quality-policy{padding:65px 100px;}
.quality-policy article{padding:25px 0;}
.quality-policy h2{color:#4d4d4f;font-size:24px;font-weight:600;text-transform:uppercase;line-height:32px;position:relative;padding-top:22px;}
.quality-policy h2:before{content:" ";position:absolute;top:0;left:0;width:50px;height:4px;background:#165dab;}
.quality-policy h2:after{content:" ";position:absolute;top:0;left:50px;width:50px;height:4px;background:#92a9ca;}
.quality-policy figure{width:42%;text-align:center;}
.quality-policy figure a{position:relative;display:inline-block;overflow:hidden;width:43%;margin:3%;padding:10px;background:linear-gradient(0deg, #99a6c4, #57617d);}
.quality-policy figure a:before{content:" ";position:absolute;width:100%;height:100%;background:rgba(135, 153, 186, 0.6);top:0;bottom:0;left:0;right:0;z-index:8;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;opacity:0;}
.quality-policy figure a:hover:before{opacity:1;}
.quality-policy figure a:after{content:"\f00e";color:#fff;font-family:'FontAwesome';font-size:30px;position:absolute;top:0;bottom:0;left:0;right:0;width:29px;height:31px;margin:auto;z-index:9;opacity:0;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.quality-policy figure a:hover:after{opacity:1;}
.quality-policy aside{width:53%;}
.quality-policy aside ul li{margin-bottom:10px;}
.quality-policy aside h3{color:#92a9ca;font-size:20px;}
.services{padding:85px;}
.services h2{color:#4d4d4f;font-size:30px;font-weight:600;text-transform:uppercase;line-height:36px;position:relative;padding-top:22px;text-align:center;}
.services h2:before{content:" ";position:absolute;top:0;left:-50px;right:0;margin:auto;width:50px;height:5px;background:#165dab;}
.services h2:after{content:" ";position:absolute;top:0;left:50px;right:0;margin:auto;width:50px;height:5px;background:#92a9ca;}
.services h4{color:#92a9ca;font-size:20px;font-weight:400;text-align:center;margin-bottom:50px;}
.services ul{padding:0;margin:0;list-style:none;}
.services ul li{float:left;list-style:none;width:50%;display:flex;margin:15px 0;}
.services ul li figure{width:50%;padding:15px;}
.services ul li figcaption{width:50%;padding-left:30px;display:table;margin:auto;}
.services ul li figcaption h3{margin-top:0;color:#92a9ca;font-weight:600;}
.services ul li figcaption p{margin:0;position:relative;padding-left:20px;}
.services ul li figcaption p:before{content:" ";position:absolute;top:10px;left:0;width:15px;height:2px;background:#165dab;}
.services ul li figcaption > div{vertical-align:middle;display:table-cell;}
.plant-and-machinery{}
.plant-and-machinery h2{color:#4d4d4f;font-size:30px;font-weight:600;text-transform:uppercase;position:relative;padding-top:25px;margin:100px 0 0 0;text-align:center;line-height:30px;}
.plant-and-machinery h2 small{color:#92a9ca;font-weight:300;font-size:22px;}
.plant-and-machinery h2:before{content:" ";position:absolute;top:0;left:0;right:50px;width:50px;height:5px;margin:auto;background:#165dab;}
.plant-and-machinery h2:after{content:" ";position:absolute;top:0;left:50px;right:0;width:50px;height:5px;background:#92a9ca;margin:auto;}
.plant-and-machinery article{padding:25px 75px;}
.plant-and-machinery article figure{width:50%;padding:25px;}
.plant-and-machinery figure ul{padding:0;margin:0;list-style:none;}
.plant-and-machinery figure ul li{float:left;list-style:none;width:25%;position:relative;}
.plant-and-machinery figure ul li:before{content:" ";position:absolute;top:0;bottom:0;right:0;left:0;background:rgba(135, 153, 186, 0.6);}
.plant-and-machinery figure ul li:nth-of-type(2):before, .plant-and-machinery figure ul li:nth-of-type(4):before{background:rgba(247, 151, 51, 0.6);}
.plant-and-machinery figure ul li span{position:absolute;top:0;bottom:0;right:0;left:0;text-align:center;display:table;margin:auto;width:100%;height:100%;padding:0 30px;}
.plant-and-machinery figure ul li span > div{vertical-align:middle;display:table-cell;}
.plant-and-machinery figure ul li span h3{margin:0;text-transform:uppercase;font-weight:600;font-size:20px;color:#fff;}
.plant-and-machinery figure ul li span p{color:#fff;margin:0;line-height:18px;}
.plant-and-machinery figcaption{padding:90px;background:rgba(135, 153, 186, 0.1);}
.plant-and-machinery figcaption ol{counter-reset:item;padding:0;margin:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.plant-and-machinery figcaption ol li{color:#4d4d4f;line-height:24px;font-size:16px;position:relative;background:#fff;width:20%;float:left;border:solid 10px rgba(135, 153, 186, 0.1);text-align:center;padding:80px 20px 30px 20px;}
.plant-and-machinery figcaption ol li span{display:block;font-size:20px;font-weight:600;color:#92a9ca;}
.plant-and-machinery figcaption ol li:before{counter-increment:item;content:counter(item);position:absolute;top:30px;left:0;right:0;background:#165dab;width:40px;height:40px;margin:auto;color:#fff;font-weight:600;border-radius:50%;padding:9px 0;}
.credentials{padding:85px 175px;position:relative;}
.credentials ul{padding:0;margin:0;list-style:none;}
.credentials ul li{list-style:none;padding:15px;display:flex;}
.credentials ul li figure{width:30%;float:left;}
.credentials ul li figcaption{width:75%;float:left;padding-left:50px;display:table;margin:auto;}
.credentials ul li figcaption > p{vertical-align:middle;display:table-cell;font-size:17px;text-align:justify;}
.credentials-photos{background:rgba(135, 153, 186, 0.1);position:relative;padding:85px;}
.credentials-photos figure{width:65%;}
.credentials-photos figure ul{padding:0;margin:0;list-style:none;}
.credentials-photos figure ul li{width:33.333333%;float:left;list-style:none;}
.credentials-photos figure ul li a{position:relative;display:block;overflow:hidden;margin:15px;}
.credentials-photos figure ul li a:before{content:" ";position:absolute;width:100%;height:100%;background:rgba(135, 153, 186, 0.6);top:0;bottom:0;left:0;right:0;z-index:8;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;opacity:0;}
.credentials-photos figure ul li a:hover:before{opacity:1;}
.credentials-photos figure ul li a:after{content:"\f00e";color:#fff;font-family:'FontAwesome';font-size:30px;position:absolute;top:0;bottom:0;left:0;right:0;width:29px;height:31px;margin:auto;z-index:9;opacity:0;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.credentials-photos figure ul li a:hover:after{opacity:1;}
.credentials-photos aside{width:30%;margin:15px;}
.credentials-photos aside a{position:relative;display:block;}
.credentials-photos aside a:before{content:" ";position:absolute;width:100%;height:100%;background:rgba(247, 151, 51, 0.3);top:0;bottom:0;left:0;right:0;z-index:8;-webkit-transition:0.6s;-moz-transition:0.6s;-o-transition:0.6s;transition:0.6s;}
.credentials-photos aside a:hover:before{background:rgba(247, 151, 51, 0.8);}
.credentials-photos aside a:after{content:"\f1c1";color:#fff;font-family:'FontAwesome';font-size:56px;position:absolute;top:0;bottom:0;left:0;right:0;width:48px;height:56px;margin:auto;z-index:9;}
.contact{position:relative;padding:100px;overflow:hidden;}
.contact article{}
.contact article iframe{margin-top:50px;}
.contact figure{width:30%;position:absolute;bottom:0;right:-50px;}
.contact h3{color:black;font-size:26px;font-weight:600;text-transform:uppercase;line-height:36px;position:relative;padding-top:22px;}
/*.contact h3:before{content:" ";position:absolute;top:0;left:0;width:50px;height:5px;background:#165dab;}
.contact h3:after{content:" ";position:absolute;top:0;left:50px;width:50px;height:5px;background:#92a9ca;}*/
.contact h2{color:black;font-size:18px;font-weight:600;text-transform:uppercase;line-height:18px;position:relative;margin-top:25px;}
.contact h2 small{text-transform:none;color:#165dab;font-size:16px;font-weight:400;}
.contact h4{color:black;font-size:18px;font-weight:600;}
.contact p{}
.contact p strong{}
.contact p i{display:block;font-size:20px;}
.contact aside{width:55%;text-align:center;}
.contact aside iframe{margin-top:15px;}
.contact fieldset{width:40%;margin-right:50px;}
.contact fieldset input::-webkit-input-placeholder,
.contact fieldset textarea::-webkit-input-placeholder,
.contact fieldset input::-moz-placeholder,
.contact fieldset textarea::-moz-placeholder,
.contact fieldset input:-ms-input-placeholder,
.contact fieldset textarea:-ms-input-placeholder,
.contact fieldset input:-moz-placeholder,
.contact fieldset textarea:-moz-placeholder{color:#4d4d4f;font-family:'Saira', sans-serif;font-weight:400;font-size:16px;}
.start-a-project p{text-align:center;margin:0 0 25px 0;font-size:20px;}
.start-a-project p span{color:#F00;}
.start-a-project fieldset label, .contact fieldset label{position:relative;}
.career fieldset label{position:relative;width:35%;float:left;text-align:right;padding:18px 15px;}
.career fieldset label span{color:#F00;font-size:16px;}
/*.start-a-project fieldset label:after, .contact fieldset label:after{content:"*";color:#F00;position:absolute;font-size:16px;left:11px;padding:19px 0;}*/
.contact fieldset input[type=text], .contact fieldset input[type=email], .contact fieldset input[type=number],
.start-a-project fieldset input[type=text], .start-a-project fieldset input[type=email], .start-a-project fieldset input[type=number]{padding:12px 24px;box-sizing:border-box;width:100%;border:solid 2px #edf0f6;background:none;outline:0;position:relative;margin-bottom:20px;border-radius: 5px;color:#4d4d4f;font-family:'Saira', sans-serif;font-size:16px;}
.career fieldset input[type=text], .career fieldset input[type=email], .career fieldset input[type=number], .career fieldset input[type=file]{padding:16px 24px;box-sizing:border-box;width:420px;border:solid 2px #edf0f6;background:none;outline:0;position:relative;margin-bottom:6px;color:#4d4d4f;font-family:'Saira', sans-serif;font-size:16px;float:left;}
.select{position:relative;display:inline-block;width:100%;}
.selects-career{position:relative;display:inline-block;width:420px;float:left;}
.select select, .selects-career select{padding:16px 24px;box-sizing:border-box;width:100%;border:solid 2px #edf0f6;background:none;outline:0;position:relative;margin-bottom:6px;color:#4d4d4f;font-family:'Saira', sans-serif;font-size:16px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;margin-bottom:6px;}
.select select::-ms-expand, .selects-career select::-ms-expand{display:none;}
select select:hover,
.select select:focus,
.selects-career select:focus{color:#4d4d4f;}
.select:after, .selects-career:after{content:"\f107";font-family:'FontAwesome';position:absolute;top:18px;right:24px;color:#92a9ca;pointer-events:none;font-weight:normal;font-size:26px;}
.checkbox-custom{margin-bottom:12px;}
.checkbox{background:#f2f2f2;width:33.333333%;float:left;border:solid 1px #fff;padding:12px;cursor:pointer;}
.contact fieldset textarea, .start-a-project fieldset textarea, .career fieldset textarea{padding:16px 24px;box-sizing:border-box;width:100%;border:solid 2px #edf0f6;background:none;outline:0;position:relative;margin-bottom:0px;color:#4d4d4f;font-family:'Saira', sans-serif;font-size:16px;}
.contact-button{
	background: black;
    border: none;
    padding: 10px 30px;
    outline: 0;
    border-radius: 5px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    font-size: 15px;
    width: 30%;
    text-transform: uppercase;
    font-family: 'Saira', sans-serif;
    margin: 15px auto;
    display: block;
}
.section-vision-mission-img a p:hover{
    background:#fff;
    border:1px solid #000;
    color:#000;
}
.star{
	color: #F00;
}
.contact-button:hover{
	background-color: white;
    color: black;
    border: solid 2px black;
}
.map_location{
	margin-top:40px;
	border-radius: 15px;
}
.finished_monument{
   display: flex;
    align-items: center;
}
.finished_monument li{
	width:50%;
}
.finished_monument li img{
	width: 70%;
    margin: auto;
    display: block;
    border-radius: 15px;
}
.finished_monument p{
	padding: 0px 3px 5px 25px;
    font-size: 15px;
    line-height: 23px;
}
.finished_monument p i{
	color: black;
    font-weight: bold;
    right: 49%;
    position: absolute;
    font-size: 20px;
}
.finished_monument1{
   display: flex;
    align-items: center;
}
.finished_monument1 li{
	width:50%;
}
.finished_monument1 li img{
	width: 70%;
    margin: auto;
    display: block;
    border-radius: 15px;
}
.finished_monument1 p{
	padding: 0px 3px 5px 25px;
    font-size: 15px;
    line-height: 23px;
}
.finished_monument1 p i{
	color: black;
    font-weight: bold;
    left: 6%;
    position: absolute;
    font-size: 20px;
}
.finished_title{
	color: black;
    font-size: 26px;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 36px;
    position: relative;
    padding-top: 0px;
    padding-bottom: 25px;
    text-align: center;
}
.mounment{
	padding: 45px 100px;
}
.our_projects{
	display:flex;
	justify-content: space-evenly;
}
.our_projects li{
	width: 32%;
}
.our_projects li img{
	border-radius:15px;
}
.our_project_title{
	background-image: linear-gradient(black, gray);
    padding: 25px;
    width: 75%;
    margin: auto;
    display: block;
    position: relative;
    bottom: 70px;
    border-radius: 15px;
}
.our_project_title:hover{
    background-image: linear-gradient(gray, black);
    transform: translateY(-8px);
}
.our_project_title h1{
	color: #fff;
    font-weight: bold;
    font-size: 20px;
}
.our_project_title p{
	color:#fff;
}
.our_project_title a{
	    border: 1px solid #fff;
    padding: 3px 15px;
    color: #fff;
    border-radius: 6px;
    margin: auto;
    display: block;
    width: 52%!important;
    text-align: center;
}
.start-a-project{position:relative;padding:100px;background:url(../images/content-bg.png) bottom center repeat-x;}
.start-a-project fieldset{width:60%;margin:auto;}
.start-a-project fieldset aside{width:49.5%;}
.start-a-project-submit, .start-a-project-reset{background:#165dab;border:none;padding:15px 30px;outline:0;color:#fff;font-weight:600;cursor:pointer;font-size:20px;width:100%;margin-top:6px;text-transform:uppercase;font-family:'Saira', sans-serif;}
.start-a-project-submit{background:#165dab;}
.start-a-project-reset{background:#92a9ca;}
.career{position:relative;padding:100px;background:url(../images/content-bg.png) bottom center repeat-x;}
.career h2{color:#4d4d4f;font-size:30px;font-weight:600;text-transform:uppercase;line-height:36px;position:relative;padding-top:22px;text-align:center;margin:0 0 30px 0;}
.career h2:before{content:" ";position:absolute;top:0;left:-50px;right:0;margin:auto;width:50px;height:5px;background:#165dab;}
.career h2:after{content:" ";position:absolute;top:0;left:50px;right:0;margin:auto;width:50px;height:5px;background:#92a9ca;}
.career fieldset{width:100%;margin:auto;}
.career-submit{background:#92a9ca;border:none;padding:15px 30px;outline:0;color:#fff;font-weight:600;cursor:pointer;font-size:20px;width:200px;float:left;margin-top:30px;text-transform:uppercase;font-family:'Saira', sans-serif;}
.start-a-project-submit{background:#165dab;}
.anchor-section{position:absolute;top:-208px;}
.anchor-other{position:absolute;top:-186px;}
.anchor-pages{position:absolute;top:-96px;}
.phoenix-slider{background:#92a9ca !important;}
.vision-mission{
	width:65%;
	margin:auto;
	display: block;
	position: relative;
    top: 75px;
}
.shape_image{
	width:100%;
}
.about_image{
	margin-left: 35px;
    border-radius: 10px;
}
.align_left{
	    margin-left: 110px!important;
}
.stay_changed{
	margin-top:0px;
}

.back{
    background-image: url(../images/slider-image-3.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 120px 0;
    /* background-color: #c3c3c3; */
    margin-bottom: 25px;
    width: 100%;
    height: 525px;  
}
  .centered {
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 75px;
    font-weight: 600;
}
.title-overlay-color {
    content: "";
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.container {
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;

}
.back h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    word-break: break-word;
    -ms-word-break: break-word;
}
.container_image{
    position: relative;
    text-align: center;
    padding-top: 15%;
}
.bottom_tile{
    margin-bottom: 15px;
}
.font_tile{
    padding-right: 20px;
    color: #005fab;
    font-weight: bold;
}
.container_tiles {
    position: relative;
    width: 50%;
  }
  
  .image_tiles {
    display: block;
    width: 100%;
    height: auto;
  }
  
  .overlay_tiles {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
   background-color: rgba(0, 0, 0, 0.5);
  }
  
  .container_tiles:hover .overlay_tiles {
    opacity: 1;
  }
  
  .text_tiles {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
  }
  .para_tiles {
    font-size: 15px;
    line-height: 1.5;
}
.about_li{
	line-height:1.5;font-size:15px;
}
.block_flex{
	display: flex;
    justify-content: space-around;
    margin: 0% 1%;
}
.first {
    font-size: 26px;
    font-weight: 600;
}
.our_legecy{
	font-size: 26px;
    font-weight: 600;
}
.our_commitment{
    line-height: 30px;
    font-size: 15px;
}
.list_tile{
    padding-top: 10px;
    padding-left: 0px;
}
.cont_tiles p {
    font-weight: 700;
    text-align: center;
}
    .font_tile{
    padding-right: 20px !important;
    color: black!important;
    font-weight: bold !important;
    font-size:18px!important;
}
.blocK_flex{
    display: flex;
    justify-content: space-around;
}
.second{
    font-weight:600;
    font-size: 22px;
}
.vedio_tiles{
    margin-top: 0px;
    margin-left: 45px;
    border-radius: 25px;
}
.card_tiles {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    transition: 0.3s;
    width: 20%;
    margin-left: 30px;
    height: 85px;
}

.card_tiles:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

.cont_tiles {
  padding: 2px 25px;
}
.our_clients{
	display:flex;
	justify-content: center;
}
.our_commit{
	margin-top: 35px;
    margin-bottom: 35px;
    padding:25px;
}

.about_li li{
    padding: 0px 3px 20px 25px;
    font-size: 15px;
    line-height: 23px;
}
.about_li li i{
	left: 115px;
    position: absolute;
    font-size: 18px;
}
.our_commitment li{
    padding: 0px 3px 20px 0px;
    font-size: 15px;
    line-height: 23px;
}
.our_commitment li i{
	left: 115px;
    position: absolute;
    font-size: 18px;
}
.our_strength li{
    padding: 0px 3px 20px 45px;
    font-size: 15px;
    line-height: 23px;
}
.our_strength li i{
	left: 115px;
    position: absolute;
    font-size: 18px;
}
.high_tiles {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    word-break: break-word;
    -ms-word-break: break-word;
}
.mission{
    padding-left: 45px;
    padding-top: 45px;
}
.mission h2{
    font-weight: bold;
    color: #000;
    font-size: 25px;
}
.mission p {
    color: black;
    padding-bottom: 73px;
    margin-bottom: 0;
}
.vision{
    padding-left: 45px;
    padding-top: 45px;
}
.vision h2{
    font-weight: bold;
    color: #000;
    font-size: 25px;
}
.vision p{
    color:black;
    
}
.vision_flex{
     display:flex;
     align-items: center;
}
    .menu_tiles {
  width: 50%;
  float: left;
}

.main_tiles {
  width: 50%;
  float: right;
}
.hide_flex{
  visibility: hidden;
  display: none;
}
.view_flex{
    visibility: visible;
    display: block;
   }
.mission_content{
   	margin-top:45px;margin-bottom:45px;
   }
.vision_title{
   	font-size:22px; font-weight:400;color:#66667f;
   }
   .center_tiles{
    font-size: 26px;
    font-weight: 600;
   padding-left:35px;
    color: black;
    text-transform: uppercase;
    text-align: center;
}
.center_tile{
    font-size: 26px;
    font-weight: 600;
   text-align: center;
}
.our_strength{
	line-height:1.5;font-size:15px;
}
    .ground h1 {
    font-size: 50px;
    line-height: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: capitalize;
    margin: 0;
    word-break: break-word;
    -ms-word-break: break-word;
}
.founder {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.founder .cards {
  position: relative;
  width: 300px;
  height: 400px;
  background: linear-gradient(#165dab, #165dab 30%, #1d3548 30%, #1d3548);
  margin: 10px;
  border-radius: 20px;
  overflow: hidden;
}

.founder .cards .imgBx {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 0.5s;
  border-radius: 20px;
  overflow: hidden;
  transform-origin: top;
}

.founder .cards:hover .imgBx {
  transform: translateY(30px) scale(0.5);
}

.founder .cards .imgBx img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.founder .cards .content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 30px;
  transform: translateY(100%);
  transition: 0.5s;
}

.founder .cards:hover .content {
  transform: translateY(0);
}

.founder .cards .content .details {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  text-align: center;
}

.founder .cards .content .details h2 {
    color: #fff;
    font-size: 18px;
    font-weight: 500;
}

.founder .cards .content .details h2 span {
  font-size: 16px;
    font-weight: 400;
    color: #fff;
}

.social_icons {
  position: relative;
  display: flex;
  margin-top: 5px;
}

.social_icons li {
  list-style: none;
  margin: 4px;
}

.social_icons li a {
  width: 45px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #294d69;
  border-radius: 50%;
  font-size: 1.5em;
  color: #fff;
  text-decoration: none;
  transition: 0.5s;
}

.social_icons li a:hover {
  transform: rotate(360deg);
  background: #165dab;
}
.choose{
    /* padding-left:80px; */
    font-weight: 600;
}

.view_flex-hide{
width: 45%;
margin:auto;
display: block;
}
.view-flex-hide{
    width: 45%;
    margin: auto;
    display: block;
}
.img-vision{
width: 25%;
float: right;
}
.img-mission{
width: 25%;
float: left;

}
.about-flex{
    display: flex;

}
.about_us{
        text-align: center;
    font-size: 30px;
    font-weight: bold;
}
.our_facility{
    width: 50%;
}
.our_facility_flex{
    display:flex;
    align-items: center;
}
.our_facility_img{
    width:50%;
}
.our_facility_img img{
    width: 60%;
    margin: auto;
    display: block;
    border-radius: 15px;
}
.our_factory_new{
    margin-left: 50px;
}
.contact1{
    padding:25px 100px;
    border-bottom: 1px dotted #ccc;
}
.contact2{
    padding:25px 100px;
}
.exceptional_products{
    font-weight: bold;
    color: #000;
    font-size: 25px;
}
.gallery_change_active{
    padding: 10px 25px;
    margin: 0px 5px;
    background-color: #000;
    border: none;
    border-radius: 10px;
    transition: 150ms;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    position: relative;
    outline: none;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
}
.gallery_change_active:hover{
    padding: 10px 25px;
    margin: 0px 5px;
    background-color: #000;
    border: none;
    border-radius: 10px;
    transition: 150ms;
    color: #fff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    position: relative;
    outline: none;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
}
.gallery_button{
    display: flex;
    justify-content: space-evenly;
    width: 75%;
    margin: 40px auto;
}
.gallery_change_inactive{
    padding: 10px 25px;
    margin: 0px 5px;
    background-color: #fff;
    border: none;
    border-radius: 10px;
    transition: 150ms;
    color: #000;
    border:1px solid #ccc;
    font-size: 16px;
    line-height: 25px;
    font-weight: 400;
    position: relative;
    outline: none;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
}