@import url('https://fonts.googleapis.com/css2?family=Fira+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@400;500;600&display=swap');


/*
font-family: 'Fira Sans', sans-serif;
font-family: 'Poppins', sans-serif;
font-family: 'Fira Sans Condensed', sans-serif;
*/
* { margin: 0px; padding: 0px; -webkit-font-smoothing: antialiased; box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-text-size-adjust: none; }
html, body { width: 100%; font-size: 22px; line-height: 26px; color: #000000; font-family: 'Poppins', sans-serif; background: #fff; }
/*font-family: 'Lato', sans-serif; */
*::-webkit-input-placeholder { opacity:1; color: #000000; }
*::-moz-placeholder {opacity:1;color: #000000; }
*:-ms-input-placeholder {opacity:1;color: #000000; }

input[type=checkbox]{ -webkit-appearance: checkbox; margin: 5px 0 0 5px; display: inline-block; vertical-align: top;}
button, input, textarea, select { -webkit-appearance: none; -webkit-border-radius: 0px; font-family: 'Poppins', sans-serif; }

:focus,input:focus, textarea:focus { outline: none; }
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; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
:focus { outline: none; }

/* common */
a { transition: all 0.3s; -webkit-transition: all 0.3s; -ms-transition: all 0.3s; text-decoration: none; outline: none; }
ul { list-style: none; }
.clear { clear: both; overflow: hidden; }
img { border: 0px; outline: none; display: block; max-width: 100%; }

h1,h2,h3,h4,h5,h6 { font-family: 'Fira Sans', sans-serif; line-height:1.1; font-weight:700; color: #0d1589; }
h1 span,
h2 span,
h3 span { color: #1e221d; }
h1 { font-size: 60px; text-transform: uppercase; }
h2 { font-size: 55px; text-transform: uppercase; }
h3 { font-size: 45px; text-transform: uppercase; }
h4 { font-size: 30px; }
h5 { font-size: 25px; }
h6 { font-size: 18px; }
p { line-height: 32px; padding-bottom: 32px; }

#back-to-top { border: 1px solid #fff; position: fixed; bottom: 60px; display: none; right: 15px; z-index: 9999; width: 34px; height: 34px; cursor: pointer; border-radius: 50%; -webkit-border-radius: 50%; transition: opacity 0.2s ease-out; -webkit-transition: opacity 0.2s ease-out; opacity: 0; background: #006bb6; }
#back-to-top:after { width: 0px; height: 0px; content: ''; position: absolute; left: 50%; top: 50%; border: 10px solid transparent; border-bottom-color: #fff; margin: -15px 0 0 -10px; }
#back-to-top.show { opacity: 100; }
a.close, a.mobilemenu { display: none; }
.button { display:inline-block; position: relative; font-size: 18px; line-height: 28px; letter-spacing: 0.02em; padding: 10px 64px 10px 25px; background: #0d1589; color: #fff; text-transform: uppercase; font-weight:600; border: 1px solid #fff; }
.button:before { width: 18px; height:12px; content:''; position:absolute; right:30px; top:50%; margin-top:-6px; background:url(../images/btn-arrow.png) center center no-repeat; }
.button:hover { background: #333cbf; }


/* wrapper */
#wrapper { overflow: hidden; width: 100%; min-height: 100%; position: relative; }
.wrapper { padding: 0 15px; width:100%; max-width: 1530px; margin: auto; position: relative; }
.wrapper2 { padding: 0 15px; width:100%; max-width: 1470px; margin: auto; position: relative; }
.flex-wrap { display: flex; flex-wrap:wrap; }
.v-center { align-items:center; }
.h-center { justify-content:center; }
.h-right { justify-content:flex-end; }
.space-between { justify-content:space-between; }

/* header-part */
#header-part { padding: 22px 0 12px; position: relative; z-index: 100; width: 100%; }
#header-part .logo { margin: 0 0 0 -2px; max-width: 394px; }
#header-part .right { padding: 0 0 0 35px; width: calc(100% - 404px); }
#header-part .top { padding: 10px 30px 0 0; }
#header-part .address { display: table; padding: 5px 0 0 30px; background:url(../images/location-pin.png) left 10px no-repeat; } 
#header-part address { font-style:normal; text-transform:uppercase; font-size: 20px; line-height:1.1; font-family: 'Fira Sans Condensed', sans-serif; color:#000;  }
#header-part .contact { margin: 0 0 0 50px; width: 180px; text-align: right; } 
#header-part .contact a, 
#header-part .contact span { display:inline-block; vertical-align: top; font-size: 20px; line-height:1.1; font-family: 'Fira Sans Condensed', sans-serif; color:#000; }
#header-part .phone { background:url(../images/phone.png) left center no-repeat; padding-left:30px; margin-bottom:10px; }  
#header-part .fax { background:url(../images/fax.png) left center no-repeat; padding-left:35px; }
#header-part .menubar { position: relative; padding: 10px 15px 10px 34px; margin: 20px 0 0 0; background:#fff; }  
#header-part .menubar:after { width: 5000px; height:100%; content:''; position:absolute; right:-5000px; top:0; background: #fff; }
#header-part .menubar ul { list-style:none; margin:0; padding:0; } 
#header-part .menubar li { font-size: 18px; text-transform: uppercase; font-weight:500; line-height:30px; display: inline-block; vertical-align: top; position: relative; padding: 0  0 0 27px; margin-left: 20px; }
#header-part .menubar li:not(:first-child):before { width: 2px; height:16px; content:''; position:absolute; left:0; top:50%; margin-top:-8px; background: #0e158a; }
#header-part .menubar li a { position: relative; padding:5px 0; display: block; color: #0e158a; }
#header-part .menubar li a:before { transition:all 0.3s; width: 0; height: 3px; content:''; position:absolute; left:0; bottom:0; background: #0e158a; }
#header-part .menubar li.active a:before ,
#header-part .menubar li a:hover:before { width: 100%; }
#header-part .menubar li:first-child { padding-left:0; margin-left:0; }

/* content-part */
#content-part { z-index: 99; width: 100%; position: relative; background: #edf5f8; }

/*banner_sec*/
.banner_sec { padding: 170px 0 300px; width: 100%; min-height:740px; background-position: center center; background-size:cover; position: relative; }
.banner_sec:before { width: 100%; height:100%; content:''; position:absolute; left:0; top:0; background:url(../images/banner-shadow.png) left top repeat-y; z-index:1; }
.banner_sec h1 { padding-bottom: 30px; font-weight:500; line-height:1.2; color: #fff; text-transform: uppercase; }
.banner_sec .wrapper { position: relative; z-index:1; max-width: 1470px; }

/*service_sec*/
.service_sec { width: 100%; text-align:center; position: relative; z-index:1; }
.service_sec .inner { margin: -265px 0 0 0; padding: 45px 30px 35px; background: #fff; box-shadow: 0px 0px 15px rgba(0,0,0,0.1); }  
.service_sec h2 { padding: 0 0  35px 0; letter-spacing: 0.01em; font-size: 45px; font-family: 'Poppins', sans-serif; line-height:1.15; color: #0d1589; text-transform: uppercase; }
.service_sec .service_list { margin: 0 -13px; }  
.service_sec .service { width: 25%; padding: 0 13px 26px; }
.service_sec .service a { display: block; position: relative; overflow: hidden; background: #000; }
.service_sec .service a img { width: 100%; transition:all 0.3s; display: block; opacity:0.75; }
.service_sec .service a span { font-size: 30px; line-height: 35px; color: #fff; position:absolute; left:0; bottom:40px; text-align: center; font-weight:700; text-transform: uppercase; letter-spacing: 0.02em; width: 100%;  } 
.service_sec .service a:hover img { transform: scale(1.1); opacity:0.5; } 

/*welcome_sec*/
.welcome_sec { padding: 110px 0 80px; width: 100%; position: relative; }
.welcome_sec .subtitle { font-size: 20px; line-height:1; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: -0.02em; color: #0d1589; font-weight:600; }
.welcome_sec h2 { padding-bottom: 10px; font-family: 'Fira Sans Condensed', sans-serif; line-height: 1.15; letter-spacing: -0.02em; }
.welcome_sec p { padding-right:150px; }

/*projects_sec*/
.projects_sec { padding: 85px 0 90px; width: 100%; position: relative; background-position: center center; background-size:cover; }
.projects_sec h2 { padding-bottom: 40px; font-size: 50px; }
.projects_sec .row { margin: 0 -38px; }
.projects_sec .col3 { width: 33.33%; padding: 0 38px; }
.projects_sec .col3 img { width: 100%; transition:all 0.3s; }
.projects_sec .col3 a:hover img { transform: scale(1.1);}
.projects_sec a.pic { display: block; overflow: hidden; }
.projects_sec h5 { line-height:1.2; padding: 20px 0 30px; color: #0d1589; text-transform: uppercase; font-weight:600; }
.projects_sec h5 a { color: #0d1589; }
.projects_sec h5 a:hover { color: #000; }
.projects_sec .view { font-size: 16px; line-height: 25px; display: inline-block; padding: 5px 35px 5px 20px; background:#000 url(../images/arrow.png) calc(100% - 10px) center no-repeat; color:#fff; font-weight:600; text-transform: uppercase; }
.projects_sec .view:hover  { background-color: #0d1589; }

/*inner_banner_sec*/
.inner_banner_sec { width: 100%; min-height:400px; text-align: center; background-position: center center; background-size:cover; position: relative; padding: 50px 0; }
.inner_banner_sec:before { width: 100%; height:100%; content:''; position:absolute; left:0; top:0; background: rgba(0,0,0,0.7); } 
.inner_banner_sec .wrapper { z-index:1; position: relative; }
.inner_banner_sec h1 { color: #fff; font-weight:500; padding-bottom: 17px; }
.inner_banner_sec ul.paging { list-style:none; margin:0; padding:0; }
.inner_banner_sec ul.paging li { color: #fff; text-transform: uppercase; font-size: 20px; display: inline-block; vertical-align: top; } 
.inner_banner_sec ul.paging li a { color: #fff; }
.inner_banner_sec ul.paging li a:hover { text-decoration:underline; }
.inner_banner_sec ul.paging li:not(:first-child):before { content:'/'; display:inline-block; vertical-align: top;	margin-right:5px; }

/*project_sec*/
.project_sec { padding: 60px 0 90px; width: 100%; position: relative; }
.project_sec .project_list { margin: 0 -15px; }
.project_sec .project { width: 33.33%; padding: 0 15px 30px; }
.project_sec .project a { display: block; overflow:hidden; background: #000; position: relative; } 
.project_sec .project a img { width: 100%;opacity:0.75; transition:all 0.3s; }
.project_sec .project a:hover img { transform: scale(1.1); } 
.project_sec .project a span { width: calc(100% - 60px); position:absolute; left:30px; bottom:35px; z-index:1; font-size: 30px; line-height:1.17; color: #fff; text-transform: uppercase; font-weight:700; } 
.project_sec .project a span:after { width: 125px; height: 15px; z-index:-1; content:''; position:absolute; left:0; bottom:0; background: #0d1589; }

/*contact_sec*/
.contact_sec { padding: 35px 0; width: 100%; position: relative; background-position: center center; background-size:cover; }
.contact_sec:before { background:#0d1589; width: 100%; height:100%; content:''; position:absolute; left:0; top:0; opacity:0.8; } 
.contact_sec .inner { width: 100%; max-width: 840px; border: 10px solid #fff; margin:auto; text-align:center; padding: 36px; }
.contact_sec address { padding-bottom: 20px; font-size: 30px; line-height: 1.35; color: #fff; text-transform: uppercase; font-weight:600; font-style:normal; }
.contact_sec .contact { display:block; font-size: 22px; line-height: 1.35; color: #fff; text-transform: uppercase; font-weight:600; font-style:normal; }
.contact_sec .contact a { color: #fff; } 
.contact_sec.light { padding: 0; background: #fff; }
.contact_sec.light:before { background: #edf5f8; height: 52%; }
.contact_sec.light .inner { padding: 52px 35px; max-width: 100%; background-color: #fff; border: 2px solid #0d1589; }
.contact_sec.light address { color: #000; }
.contact_sec.light .contact a,
.contact_sec.light .contact { color: #0d1589; }

/*client_sec*/
.client_sec { padding: 65px 0; width: 100%; position: relative; }
.client_sec .banner img { box-shadow: 0px 0px 2px rgba(0,0,0,0.4); width: 100%; }
.client_sec .row { margin: -30px 0px 0; }
.client_sec .col4 { display: flex; flex-wrap: wrap; align-items: center; padding: 18px 10px 18px 30px; min-height: 100px; width: calc(25% - 30px); margin: 0 15px 30px; background: #ffffff; border-top: 5px solid #0d1589;}
.client_sec h4 { font-family: 'Poppins', sans-serif; text-transform: uppercase; font-size: 20px; line-height: 1.2; color: #0d1589; font-weight: 600; }

/*history_sec*/
.history_sec { padding: 65px 0; width: 100%; position: relative; }
.history_sec .banner img { box-shadow: 0px 0px 2px rgba(0,0,0,0.4); width: 100%; }
.history_sec .contactbox { padding: 30px 80px 40px; background: #fff; width: 100%; max-width: 1080px; }
.history_sec address { font-style: normal; line-height: 1.37; letter-spacing: 0.01em; text-transform: uppercase; }
.history_sec .left { padding: 10px 40px 10px 0; width: 51.5%; }
.history_sec .right { padding: 10px 0 0 75px; width: 48.5%; border-left: 2px solid #0d1589; }
.history_sec .right span { text-transform: uppercase; letter-spacing: 0.02em; line-height: 1.35; display: block; } 
.history_sec  .right span a { color: #000; }
.history_sec .subtitle { text-transform: uppercase; font-size: 20px; line-height:1; font-family: 'Fira Sans Condensed', sans-serif; letter-spacing: -0.02em; color: #0d1589; font-weight:600; }
.history_sec h2 { padding-bottom: 20px; font-family: 'Fira Sans Condensed', sans-serif; color: #1e221d; line-height: 1.15; letter-spacing: -0.02em; }
.history_sec p { padding-right:100px; font-size: 20px; line-height: 30px; }
.history_sec .history { padding: 80px 0 0 0; }

/*employment_sec*/
.employment_sec { margin-bottom: 65px; padding: 60px 0; width: 100%; text-align: center; position: relative; background-position: center center; background-size:cover; }
.employment_sec:before { background:#03084f; width: 100%; height:100%; content:''; position:absolute; left:0; top:0; opacity:0.8; } 
.employment_sec h3 { font-size: 40px; line-height: 1.2; color: #fff; }
.employment_sec h3 a { color: #ff7200;  }
.employment_sec h3 a:hover { color: #fff;  }

/*gallery_sec*/
.gallery_sec { padding: 50px 0 30px; width: 100%; position: relative; }
.gallery_sec .row { margin: 0 -15px; }
.gallery_sec .col4 { width: 33.33%; padding: 0 15px 30px;}
.gallery_sec .col8 { width: 66.66%; padding: 0 15px 30px;}
.gallery_sec .col12 { width: 100%; padding: 0 15px 30px;}
.gallery_sec .col4 img { width: 100%; }
.gallery_sec .col4 a { width: 100%; height: 0; padding-bottom: 64.5%; position: relative; display: block; }
.gallery_sec .col8 a { width: 100%; height: 0; padding-bottom: 31%; position: relative; display: block; }
.gallery_sec .col12 a { width: 100%; height: 0; padding-bottom: 40%; position: relative; display: block; }
.gallery_sec a img { position: absolute; left: 0; top:0; width: 100%; height: 100%; object-fit:cover; }
.gallery_sec .col12 a { padding-bottom: 20.5%; }


/*footer_sec*/
.footer_sec { padding: 70px 0 50px; width: 100%; }
.footer_sec .col1 { padding: 0 0 0 5px; width: 60%; padding-right:20px; }
.footer_sec .col2 { width: 25%; }
.footer_sec .col3 { width: 15%; padding-left:10px; }
.footer_sec h4 { padding-bottom: 25px; color: #1e221d; font-size: 30px; text-transform: uppercase; }
.footer_sec .col1 ul { column-count:2; -webkit-column-count:2; -moz-column-count:2; list-style:none; margin:0; padding:0; }
.footer_sec .col1 li { padding: 0 20px 20px 0; width: 100%; display:inline-block; }
.footer_sec h6 { font-size: 18px; line-height: 24px; color: #0d1589; font-family: 'Poppins', sans-serif; font-weight:600; text-transform: uppercase; }
.footer_sec .col1 li a { font-size: 15px; font-weight:300; color: #000; } 
.footer_sec .col1 li a:hover { text-decoration:underline; } 
.footer_sec address { font-size: 18px; line-height: 30px; font-style:normal; }  
.footer_sec .col3 ul { list-style:none; margin:0; padding:0; }
.footer_sec .col3 li { padding-bottom: 10px; font-family: 'Poppins', sans-serif; font-size: 18px; font-weight:300; text-transform: uppercase; } 
.footer_sec .col3 li a { color: #000; }
.footer_sec .col3 li a:hover { text-decoration: underline; color:#0d1589; }
.footer_sec .col3 li.active a { font-weight:500; color:#0d1589; }
.footer_sec address strong { color: #0d1589; font-weight: 600; text-transform: uppercase; } 
.footer_sec address a { color: #000; } 
.footer_sec h5 { text-transform: uppercase; line-height:1.4; color: #1e221d; margin: -10px 0 0 5px; }

/*copyright_sec*/
.copyright_sec { padding: 20px 0; width: 100%; background: #828282; text-align:center; }
.copyright_sec p { font-size: 16px; line-height: 20px; color: #fff; font-weight:300; padding:0; }
.copyright_sec p a { color: #fff; text-decoration:underline;  }
.copyright_sec p a:hover { text-decoration:none; }