@font-face {
    font-family: 'josefin_sansregular';
    src: url('../fonts/josefinsans-regular-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'josefin_sansbold';
    src: url('../fonts/josefinsans-bold-webfont.woff2') format('woff2'),
         url('../fonts/josefinsans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{ margin:0; padding:0;font-size:16px;font-family: 'josefin_sansregular', sans-serif; color:#555;}
h1, h2, h3, h4, h5, h6 {margin:0 0 10px 0; padding:0;line-height: 136%; font-family: 'josefin_sansbold', sans-serif;}
h1 { font-size:32px; }
h2 { font-size:28px; }
h3 { font-size:24px; }
h4 { font-size:18px; }
h5 { font-size:20px; }
h6 { font-size:18px; }
a img { border:0 none; }
img{max-width:100%; height:auto;}
a{text-decoration:none !important; color:#086296;}
a:hover , a:focus{ transition:all .5s; color:#8db32c;}
ul { margin:0; padding:0; list-style:none; }
p{line-height: 120%;}
.clear { clear:both; float:none; }
input:focus,select:focus,textarea:focus,button:focus , a:focus { outline: none;}
.btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus { outline: none;}
::-moz-selection { background: #086296; color: #fff; text-shadow: none; }
::selection { background: #086296; color: #fff; text-shadow: none; }
/*************************/
@media (max-width:767px){.container{max-width: 500px;}}
header{ position:absolute; top:0; z-index:100; width:100%;}
.top-header{ padding-top:2px; padding-bottom:2px;}
.language{ float:right; color:#f6f6f6; font-size:17px;font-family: 'josefin_sansbold'; line-height:100%; margin-top: 13px;margin-inline-end: 16px;}
.language i{font-size:30px; position:relative; top:5px;}
.top-socail{ float:right; margin-right:20px;}
.top-socail a{ font-size:30px; color:#FFF; display:inline-block; margin:0 2px 0 0;}
.top-socail a:hover{ color:#8db32c;}
.top-socail [class^="icon-"]::before{ margin:0;}
@media (max-width:479px){
.top-socail{margin-right:0;}
.top-socail a{margin:0;}
}
.header-bg{ position:absolute; z-index:-1; width:100%;}
.header-left-bg{ height:126px; width:50%; margin-left:-365px; float:left; background-color:#FFF; background:linear-gradient(315deg, transparent 14px, #FFF 0px);}
.header-right-bg{ height:110px; background:#FFF; position:relative; z-index:-1;}
.logo{ display:table; margin-top:-35px;}
@media (max-width:1199px){
.header-left-bg{ display:none;}
.logo{ margin-top:-15px;}
}
@media (max-width:991px){
.header-right-bg{ height:60px;}
.logo{ margin-top:-27px;}
.logo img{ max-height:80px; width:auto;}
}
/**************menu****************/
@media (min-width:768px){
.collapse{ padding:0;}
.navbar-nav > li > a { font-size:24px; color:#666; padding:45px 20px 52px;  border-top:6px solid transparent;}
.navbar-nav > li:after { border-right:1px solid #eee; display:block; content:" "; height:55px; position:absolute; top:35px;
right:-1px;}
.navbar-nav > li:last-child:after{ border:none;}

.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{ background:#086296; color:#FFF; border-top:6px solid #8db32c;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:#086296; color:#FFF; border-top:6px solid #8db32c;}
.menu .navbar-nav > li > .dropdown-menu{ border-radius:0; background:#FFF; border:none; box-shadow:none; margin:0; padding:0;}
.menu .dropdown-menu > li > a{ padding: 5px 15px;font-size: 18px;}
.menu .dropdown-menu > li > a:hover , .menu .dropdown-menu > li > a:focus{ background:#086296; color:#FFF;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover { color: #FFF; background-color: #086296; border-top:6px solid #8db32c;}
}
@media (max-width:1199px){
.navbar-nav > li > a { padding: 45px 15px 52px; font-size: 22px;}
}

@media (max-width:991px){
.navbar-nav > li > a { padding: 20px 11px 26px; font-size: 17px;}
.navbar-nav > li:after { border-right:1px solid #eee; display:block; content:" "; height:35px; position:absolute; top:20px;
right:-1px;}
}

.menu{ background:none; border: none; margin:-6px 0 0;}
.menu [class^="icon-"]::before{ line-height:84%; margin-right:0;}
.menu .navbar-toggle {border-color: #086296; border-radius:3px;margin-top: 19px;}
.menu .navbar-toggle:hover , .menu .navbar-toggle:focus {border-color: #8db32c; background:none;}
.menu .icon-bar::before { content:normal;}
.navbar-default .navbar-toggle .icon-bar {background-color: #086296;}
@media (max-width:767px){
.navbar-collapse{ background:#FFF; border:none;}
.menu .navbar-toggle {margin-top: -34px;}
.navbar-nav > li > a {padding: 15px 20px;}
.navbar-nav > li:after {display:none;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover{background:#086296; color:#FFF;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover{background:#086296; color:#FFF;}
.navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {background:#086296; color:#FFF;}
.navbar-nav .open .dropdown-menu > li > a{padding: 10px 15px 10px 30px; font-size:16px;}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover{ color:#086296;}
}
.search-btn{ margin:40px 0; display:block; font-size:22px; color:#999; width:42px; height:42px; border-radius:3px;
border:1px solid #ccc; text-align:center; padding:4px 4px 0 0;}
.search-btn:hover , .search-btn:focus{border:1px solid #086296; color:#086296;}
@media (max-width:991px){
.search-btn{ margin:18px 0; font-size:22px; width:38px; height:38px; padding:2px 4px 0 0;}
}
.modal{ z-index:2000;}
.search{}
.form-control{ border-radius:24px;height: 44px;font-size: 16px; padding: 6px 20px; box-shadow:none;}
.form-control:focus{ box-shadow:none; border:1px solid #8db32c;}
.search{ padding-top:20%;}
.search .form-control{ min-width:450px; height: 48px;border-radius:36px; margin-right:5px;}
@media (max-width:767px){
.search{ padding-top:50%;}
.search .form-control{ min-width:222px;}
}
.search .form-inline .form-group { display: inline-block;margin-bottom: 0;vertical-align: middle;}
.search .btn-default{ border-color:#8db32c; color:#8db32c;padding: 6px 7px; border-radius:100%;}
.search .btn-default:hover ,.search .btn-default:focus { border-color:#FFF; color:#FFF;}
.search .form-inline{ margin:auto; display:table;}
/******Banner*****/
.banner{ position:relative;}
.slider-pic{ height:1000px; background-size:cover !important; display:block; background-position:center top !important;}
.carousel-caption{ text-align:left; top: 42%; left: 15%; bottom:inherit;}
@media (max-width:1600px){.carousel-caption{left: 6%;}}
.carousel-caption h1{ background:rgba(0,0,0,.5); font-size:36px; text-transform:uppercase; padding:20px 20px 0 20px; margin:0;
display:table;}
.carousel-caption p{ background:rgba(0,0,0,.5); font-size:22px;padding:20px;}
.carousel-indicators li{background-color: #FFF;border:none; width:14px; height:14px;}
.carousel-indicators .active{ width:18px; height:18px; background:#8db32c;}
@media (max-width:1199px){
.carousel-caption{ top: 40%; left:7%; width:85%;}
.slider-pic{ height:600px;}
}
@media (max-width:767px){
.carousel-caption{ top: 25%; left:7%; width:85%;}
}
@media (min-width:1200px){.carousel-indicators {bottom: 260px;}}
/************/
.title{ font-size:50px; display:table; margin:45px auto 15px;position:relative; line-height:120%; text-align:center;}
.title:after{ content:" "; background:#8db32c; height:5px; width:126px; display:block; margin:15px auto;}
@media (max-width:767px){.title{ font-size:40px;}}
.btn{ background:none;font-family: 'josefin_sansbold'; font-size:24px; border-width:2px; padding:6px 40px; border-radius:32px;}
.btn:hover , .btn:focus{ background:none;}
.btn-default{ color:#888; border-color:#888;}
.btn-default:hover , .btn-default:focus{ color:#333 ; border-color:#333; background:none !important;}
.btn-primary{ color:#086296; border-color:#086296;}
.btn-primary:hover , .btn-primary:focus{ color:#8db32c; border-color:#8db32c;}
.btn-center{ display:table; margin:auto;}
.btn-sm{font-size:16px;padding:3px 15px;}
.banner-bg{ background:url(../images/banner-shape1600.png) center no-repeat; width:100%; height:266px; position:absolute; bottom:0;}
@media (min-width:1360px){.banner-bg{background-size:100% 266px;}}
@media (max-width:1199px){.banner-bg{ display:none;}}
@media (min-width:1920px){.banner-bg{ background:url(../images/banner-shape.png) center no-repeat; height:319px;background-size:100% 319px;}}

/****************welcome****************/
.welcome{ padding:35px 0 80px; background:#FFF; text-align:center;}
.welcome p{font-size:22px; max-width:980px; margin:auto;}
.welcome .btn{ margin-top:30px;}
/*************projects************/
.projects{ background:url(../images/div-bg1.jpg) center top fixed no-repeat; background-size:cover; padding:35px 0 80px;}
.filtr-item img { width: 100%;height: 242px;}
@media (max-width:1199px){.filtr-item img {height: 197px;}}
@media (max-width:991px){.filtr-item img {height: 232px;}}
@media (max-width:767px){.filtr-item img {height: auto;}}
/***********why***********/
.why{ background:url(../images/div-bg2.jpg) center top fixed no-repeat; background-size:cover; padding:35px 0 80px; text-align:center;}
.why .title{ color:#FFF;}
.why p{ color:#FFF; font-size:26px; max-width:980px; margin:auto;}
.why .btn{ margin-top:30px;}

/*****send-request******/
.send-request{ background:#8db32c; color:#FFF; padding:25px 0;}
.send-request h1{ font-size:32px; margin:0;}
.send-request p{ font-size:24px;}
.send-request .btn-default{ border-color:#FFF; color:#FFF; float:right; margin:15px 0;}
.send-request .btn-default:hover , .welcome-box .btn-default:focus{ border-color:#FFF; color:#FFF; background:#086296;}

@media (max-width:767px){
.send-request{ text-align:center;}
.send-request .btn-default{float:none; margin:15px auto 0;}
}
/**********footer**********/
footer{ padding:60px 0 30px;}
footer .col-sm-6{ margin-bottom:30px;}
.bottom-nav li{ margin-bottom:5px;}
.bottom-nav a{ font-size:18px; color:#555;font-family: 'josefin_sansbold';}
.bottom-nav a:hover{ color:#8db32c;}
.socail a{ font-size:32px; color:#8db32c; display:inline-block; margin:0 5px 0 0;}
.socail a:hover{ color:#086296;}
.socail [class^="icon-"]::before{ margin:0;}
.copy-r-ight{ background:#f6f6f6; padding:35px 0;}
.copy-r-ight a{ color:#555;font-family: 'josefin_sansbold';}
.copy-r-ight a:hover{ color:#8db32c;}

@media (max-width:767px){
footer{ text-align:center;}
.footer-logo{ display:block; margin:0 auto 30px;}
.socail a{ margin:0 3px;}
.copy-r-ight{ text-align:center;}
.copy-r-ight .pull-right{ float:none !important;}
}
.modal-backdrop.in {opacity: .8;}


/***************About*****************/
.inner-banner{height:300px; background:url(../images/page-bg.jpg) top center fixed; padding-top:200px;}
.inner-banner .title{ color:#FFF; margin:auto;}
@media (max-width:991px){.inner-banner{height:220px; padding-top:120px;}}
.page-content{ min-height:300px; padding-top:60px; padding-bottom:60px;}
.page-content p{ font-size:18px;}
.about-pic img{ width:100%; border:1px solid #ddd; padding:12px;}
.about-pic{ margin-bottom:15px;}

/****************career*****************/
.career-list{ border:1px solid #ddd; padding:15px; margin-bottom:15px;}
.career-list i{ color:#086296; font-size:32px; float:left; padding-top:3px;}
.career-info { margin-left:55px; border-left:2px solid #086296; padding-left:15px;}
.career-info h4{margin:0 0 5px 0; color:#086296}
.career-info p{margin:0 0 5px 0; font-size:16px;}
.career-info .btn{margin:5px 0 0 0;}

/***************projects-list**************/
.projects-list .simplefilter { border:1px solid #ddd;}

/******************projects-details*******************/
.pro-location{ font-size:18px;color:#999;}
.project-type{color:#8db32c;}
@media (max-width:767px){.pro-location{ display:block; margin:10px 0 0 -5px;}}
/***slider***/
.selected img {border-color:#086296 !important;}
#slider-thumbs{ margin-top:10px;}
.slider .carousel{ border:1px solid #ddd; padding:10px;}
.slider .carousel-inner > .item > img { height:300px; width:100%;}
.slider .list-inline { text-align:center; margin:0;}
.slider .list-inline > li img{ width:100%; height:60px; border:1px solid #ddd; padding:5px;}
.slider .list-inline > li{ width:19.1%; padding:0;}
@media (max-width:991px){
.slider{ margin:0 0 30px;}
}
@media (max-width:767px){
.slider .carousel-inner > .item > img { height:240px;}
.slider .list-inline > li img{ height:50px;}
.slider .list-inline > li {width: 18.70%;}
}
/***/
/******************gallery***************/
.zoom-hover{display:block; width:180px; height:180px; background:rgba(8,98,150,.75); color:#FFF; font-size:16px; text-align:center;
padding:10px; position:absolute; top:18%; left:18%; opacity:0; transition:.5s;}
.zoom-hover i{ font-size:50px; display:block; margin:0 0 10px; padding-top:30px;}

@media (max-width: 1280px){
.zoom-hover{width:150px; height:150px;top:42px; right:50px; font-size:14px;}
.zoom-hover i{ font-size:40px; padding-top:20px;}
}
@media (max-width: 767px){
.zoom-hover{ display:none;}
}

#lightgallery .filtr-item:hover .zoom-hover{ opacity: 1;}

#lightgallery .filtr-item {
    padding: 1rem !important;
}

#lightgallery .filtr-item img{ width:280px; height:280px; margin:auto;}
@media (max-width: 1199px) {#lightgallery .filtr-item img{ width:222px; height:222px;}}
@media (max-width: 479px) {#lightgallery .filtr-item img{ width:140px; height:140px;}}
#lightgallery .filtr-item a{ margin-bottom:0;}

.pagination{ margin:40px auto 0; display:table;}
.pagination > li > a, .pagination > li > span {color:#555;}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {background-color: #086296;border-color: #086296;}
.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {background-color: #8db32c;border-color: #8db32c;
color:#FFF;}
.pagination > li:last-child > a, .pagination > li:last-child > span {border-top-right-radius: 25px; border-bottom-right-radius: 25px;padding-right: 15px;}
.pagination > li:first-child > a, .pagination > li:first-child > span { border-top-left-radius: 25px; border-bottom-left-radius: 25px;padding-left: 15px;}

/******************contacts*******************/
.map{ border:1px solid #ddd; padding:7px 7px 2px;}
.map iframe{ width:100%; height:260px;}
.contact-form-content{}
.contact-form-content .form-control{ margin-bottom:15px;}
.contact-us h1{ margin:30px 0;}
.contact-us .media-left, .media > .pull-left { margin-right: 10px; background:#ccc; color:#FFF; width:32px; height:32px; border-radius:100%; text-align:center;
padding:5px 0 0 0;}
.contact-us .media-body span{font-family: 'josefin_sansbold'; font-size:18px;}

/***************send-request-content**************/
.send-request-content{ color:#555; text-align:center;}
.send-request-content form{ max-width:400px; margin: 15px auto;}
.send-request-content .close{font-size: 32px; margin-right:10px; color:#086296; opacity:1;}
.send-request-content .close:hover , .send-request-content .close:focus{ color:#8db32c; opacity:1;}
.send-request-content .modal-content{border-radius: 20px;}

/**************/
.simplefilter li.active {font-family: 'josefin_sansbold';}
.item-desc h1{margin:27% 0 0 0;}