@import url('https://fonts.googleapis.com/css?family=Nunito:200,300,400,400i,600,700,800,900');
/*Reset style css*/
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: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
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; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
/* End reset style css */

/*font-family: 'Nunito', sans-serif;*/


body { font-family: 'Nunito', sans-serif; font-size: 14px; color: #828282; letter-spacing: 0.50px; font-weight: 400; line-height: 1.75;
       -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body, html { width: 100%; height: 100%; }

h1, h2, h3, h4, h5 { margin: 0; padding: 0; }
h1 { font-size: 28px; }
h2 { font-size: 26px; font-weight: 700; position: relative; display: inline-block; }
h2:after { content: " "; position: absolute; bottom: -15px; left: 0; right: 0; margin: 0 auto; width: 40px; height: 3px; background: #061524; }
h2.font-color-white:after { background: #FFF; }
h3 { font-size: 22px; }
h4 { font-size: 20px; }
h5 { font-size: 18px; }
img { display: block; max-width: 100%; height: auto; }
.img-center { margin: 0 auto; }
/*table-class*/
.table-main { width: 100%; display: table; }
.table-main .table-inner { width: 100%; display: table-cell; vertical-align: middle; }
/*align class*/
.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }
/*color class*/
.font-color-white { color: #FFFFFF; }
.font-color-gray { color: #4E5264; }
/*margin class*/
.margin-top-10 { margin-top: 10px; }
.margin-top-15 { margin-top: 15px; }
.margin-top-20 { margin-top: 20px; }
.margin-top-25 { margin-top: 25px; }
.margin-top-50 { margin-top: 50px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-bottom-50 { margin-bottom: 50px; }
/*padding class*/
.padding-t-b-100 { padding-top: 100px; padding-bottom: 100px; }
.padding-top-10 { padding-top: 10px; }
.padding-top-15 { padding-top: 15px; }
.padding-top-20 { padding-top: 20px; }
.padding-top-25 { padding-top: 25px; }
.padding-bottom-10 { padding-bottom: 10px; }
.padding-bottom-15 { padding-bottom: 15px; }
.padding-bottom-20 { padding-bottom: 20px; }
.padding-bottom-25 { padding-bottom: 25px; }

.container { width: auto; max-width: 970px; padding-left: 15px; padding-right: 15px; margin: 0 auto; }
.form-control { display: block; width: 100%; height: 40px; padding: 6px 12px 6px 40px; font-size: 14px; line-height: 1.42857143; color: #828282; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 20px;
                -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.050), 0 0 8px rgba(0,0,0,.3); box-shadow: inset 0 1px 1px rgba(0,0,0,.050), 0 0 8px rgba(0,0,0,.3); }
.form-control:focus { border-color: #66afe9; outline: 0;
                      -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6); }
.btn-default { display: inline-block; padding: 10px 30px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 0; border-radius: 25px; background: #f8941e; color: #FFF; }
.btn-default:focus { outline: none; }

.header { position: fixed; width: 100%; top: 0; left: 0; z-index: 100; background: rgba(248, 148, 30, 0.7); padding: 10px 0; }
.header-inner { width: 100%; display: table; }
.header-inner .menu-icon { display: table-cell; vertical-align: middle; width: 80%; }
.header-inner .btn-right { display: table-cell; vertical-align: middle; width: 20%; }
.header-inner .btn-right a { display: inline-block; padding: 10px 20px; background: #23b7e5; color: #FFF; text-decoration: none; border-radius: 5px; font-weight: 600; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
.header .nav { float: left; display: none; margin: 13px 0 13px 20px; }
.header .nav ul { list-style-type: none; padding: 0; margin: 0; }
.header .nav ul li { display: inline-block; padding: 0; }
.header .nav ul li a { text-decoration: none; color: #FFF; font-size: 13px; display: inline-block; padding: 0px 20px; font-weight: 600; }
.header .nav ul li:last-child a:after { display: none; }
.intro .nav ul li a { color: #293743; }

.banner { width: 100%; height: 101%; display: table; background: url('../images/banner-img.jpg');
          background-size: cover; background-position: center; background-repeat: no-repeat; position: fixed; top: 0; z-index: 1; }
.banner:after { content: " "; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.76); z-index: -1; }
.banner-inner { width: 100%; display: table-cell; vertical-align: middle; text-align: center; }
.banner-inner img { width: 232px; }
.banner-inner h1 { font-weight: 700; color: rgba(255, 255, 255, 0.73); margin-top: 20px; }

.section-about { width: 100%; font-size: 16px; letter-spacing: 1px; height: auto; min-height: 101%; position: relative; top: 100%; z-index: 1; background: #FFF; }
.section-about .images-ul { margin: 0 0 30px; padding: 0; list-style-type: none; width: 75%; display: table; }
.section-about .images-ul li { display: table-cell; vertical-align: middle; }
.section-about .images-ul li.arrow { padding: 0 25px; }
.section-service { width: 100%; font-size: 16px; letter-spacing: 1px; background: #061524; color: #d2d2d2; height: auto; min-height: 101%; position: relative; top: 100%; z-index: 1; }
.bg_dark{background: #061524 !important;}
.section-gallery { width: 100%; height: auto; min-height: 100%; position: relative; top: 100%; background: url('../images/bg-pattern.png'); z-index: 1; }
.section-gallery ul { width: 100%; display: inline-block; }
.section-gallery ul li { width: 50%; float: left; padding: 0 15px; margin-bottom: 30px; }
.section-gallery ul li a { outline: none; }
.section-gallery .img-effect { width: 100%; height: 100%; position: relative; overflow: hidden; padding: 5px; border: 1px solid #e2e2e2; background: #FFF; border-radius: 3px;
                               /*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=0, Color=#000000)";IE 8
                               -moz-box-shadow: 0 0 30px 2px rgba(0,0,0,0.2);FF 3.5+
                               -webkit-box-shadow: 0 0 30px 2px rgba(0,0,0,0.2);Saf3-4, Chrome, iOS 4.0.2-4.2, Android 2.3+
                               box-shadow: 0 0 30px 2px rgba(0,0,0,0.2); FF3.5+, Opera 9+, Saf1+, Chrome, IE10
                               filter: progid:DXImageTransform.Microsoft.Shadow(Strength=30, Direction=135, Color=#000000); IE 5.5-7 */}
.section-gallery .img-effect img { -moz-transition: all 0.3s; -webkit-transition: all 0.3s; transition: all 0.3s; }
.section-gallery .img-effect:hover img { -moz-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1); }

.section-career { width: 100%; height: auto; position: relative; top: 100%; background: #F2F4F7; z-index: 1; font-size: 18px; }
.section-career p span { color: #23b7e5; }
.section-career p strong { font-weight: 600; }
.section-career p a { background: #23b7e5; color: #FFF; text-decoration: none; padding: 0px 15px; border-radius: 15px; display: inline-block; vertical-align: middle; margin-left: 10px; }

.section-contact { width: 100%; height: auto; position: relative; top: 100%; background: #FFF; z-index: 1; font-size: 18px; padding-top: 100px; }
.section-contact .contact-icon { padding-left: 50px; position: relative; }
.section-contact .contact-icon img { position: absolute; left: 0; top: 0; }
.section-contact .contact-icon a { color: #828282; text-decoration: none; }
.section-contact .contact-icon a:hover { color: #23b7e5; }
.section-contact .contact-form { display: inline-block; margin-left: -15px; margin-right: -15px; }
.section-contact .contact-form .three-part { width: 33.33%; float: left; padding: 0 15px; position: relative; }
.section-contact .contact-form img { position: absolute; top: 0; left: 25px; bottom: 0; margin: auto 0; }
.section-contact .contact-form .one-part { width: 100%; float: left; padding: 0 15px; position: relative; }
.sub-footer { width: 100%; display: inline-block; padding: 10px 0; background: #061524; color: #FFF; font-size: 13px; }
.section-contact .thanks-msg { display: none; color: #0bb50b; margin-bottom: 10px; font-weight: 700; }
.section-contact .error-msg { display: none; color: #ff6969; margin-bottom: 10px; font-weight: 700; }

/* Menu icon css */
.round-menu { width: 50px; height: 50px; border-radius: 50%; background: #f8941e; float: left;-moz-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);
box-shadow: 0 0 6px 3px rgba(0,0,0,0.1);}
#nav-icon1 { width: 27px; height: 15px; position: relative; top: 18px; margin: 0 auto; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; transition: .5s ease-in-out; cursor: pointer; }
#nav-icon1 span { display: block; position: absolute; height: 2px; width: 100%; background: #FFF; border-radius: 9px; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .25s ease-in-out; -moz-transition: .25s ease-in-out; -o-transition: .25s ease-in-out; transition: .25s ease-in-out; }
#nav-icon1 span:nth-child(1) { top: 0px; width: 70%; }
#nav-icon1 span:nth-child(2) { top: 6px; }
#nav-icon1 span:nth-child(3) { top: 12px; width: 60%; }
#nav-icon1.open span:nth-child(1) { width: 70%; top: 6px; -webkit-transform: rotate(135deg); -moz-transform: rotate(135deg); -o-transform: rotate(135deg); transform: rotate(135deg); }
#nav-icon1.open span:nth-child(2) { opacity: 0; left: -60px; }
#nav-icon1.open span:nth-child(3) { width: 90%; top: 8px; -webkit-transform: rotate(-135deg); -moz-transform: rotate(-135deg); -o-transform: rotate(-135deg); transform: rotate(-135deg); }

/*mouse down css*/
.scroll-btn { display: block; position: absolute; text-align: center; left: 0; right: 0; bottom: 20px; }
.scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *.active { color: #ffffff; }
.scroll-btn > *:hover, .scroll-btn > *:focus, .scroll-btn > *:active, .scroll-btn > *.active { opacity: 0.8; filter: alpha(opacity=80); }
.scroll-btn .mouse { position: relative; display: block; width: 25px; height: 40px; margin: 0 auto 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border: 2px solid white; border-radius: 23px; }
.scroll-btn .mouse > * { position: absolute; display: block; top: 29%; left: 60%; width: 5px; height: 5px; margin: -4px 0 0 -4px; background: white; border-radius: 50%; -webkit-animation: ani-mouse 2.5s linear infinite; -moz-animation: ani-mouse 2.5s linear infinite; animation: ani-mouse 2.5s linear infinite; }
.blue-scroll-btn .mouse { border-color: #061524; }
.blue-scroll-btn .mouse > * { background: #061524; }

/*scroll top btn*/
.scroll-top { position:fixed; right:10px; bottom:10px; cursor:pointer; width:40px; height:40px; background-color:#23b7e5; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index: 100; text-align: center; }
.scroll-top img { margin: 12px auto; }



/*image gallary start*/
.image_gallery_filter .year_filter, .image_gallery_filter{width: 100%;display: inline-block; float: left;}
.image_gallery_filter .portfolioContainer > div{
    float: left;
    display: inline-block;
    width: calc(100% / 3 - 6px);
    margin: 2px;
}
.image_gallery_filter .portfolioFilter{padding: 0 0 15px 0;}
.image_gallery_filter .portfolioFilter .button{
    text-decoration: none;
    color: #fff;
    font-size: 20px;
    margin: 0 10px 0 0;
    border-bottom: 2px solid transparent;
    background-color: transparent;
    padding: 0;
    border-width: 0 0 2px 0;
    border-color: transparent;
    outline: none;
}
.image_gallery_filter .portfolioFilter .is-checked{
    border-bottom-color: #fff;
}
.image_gallery_filter .portfolioFilter_inner{padding: 5px 0 10px 0;}
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.isotope,
.isotope .isotope-item {
    /* change duration value to whatever you like */
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    transition-property: transform, opacity;
}
/*image gallary end*/
.office-address{width: 100%; display: inline-block;}
.office-address .w-half-div{width: 50%; display: inline-block; float: left;}
.office-address .w-half-div strong{font-weight: bold;}
@-webkit-keyframes ani-mouse {
    0% { opacity: 1; top: 29%; }
    15% { opacity: 1; top: 50%; }
    50% { opacity: 0; top: 50%; }
    100% { opacity: 0; top: 29%; }
}
@-moz-keyframes ani-mouse {
    0% { opacity: 1; top: 29%; }
    15% { opacity: 1; top: 50%; }
    50% { opacity: 0; top: 50%; }
    100% { opacity: 0; top: 29%; }
}
@keyframes ani-mouse {
    0% { opacity: 1; top: 29%; }
    15% { opacity: 1; top: 50%; }
    50% { opacity: 0; top: 50%; }
    100% { opacity: 0; top: 29%; }
}

@media(max-width: 767px){
    .header .nav { position: absolute; width: 100%; top: 100%; left: 0; background: #293743; margin: 0; }
    .header .nav ul li, .header .nav ul li a { width: 100%; }
    .header .nav ul li a { padding: 10px 15px; border-bottom: 1px solid #374450; }
    .office-address .w-half-div{width: 100%;}
}
@media(max-width: 576px){
    .image_gallery_filter .portfolioContainer > div {width: calc(100% / 2 - 6px);}
}
@media(min-width: 768px){
    .section-gallery ul li { width: 33.33%; }
    .header .nav ul li a { padding: 0px 5px; }
}

@media(min-width: 992px){
    .header .nav ul li a { padding: 0px 18px; }
}

@media(min-width: 1200px){

}

::-webkit-scrollbar { display: none; }