/*

Theme Name:Indulexco

Author:behance.net/phosil

Text Domain:Bosmobil 1.0
*/

/* Reset */
body {background:#FFFFFF;color:#111111;font-family:'Open Sans', sans-serif;font-size:14px;font-weight:400;}
h1, h2, h3, h4 {font-family:'Raleway', sans-serif;margin-top:0;}
a {-webkit-transition:all 300ms ease;-moz-transition:all 300ms ease;-ms-transition:all 300ms ease;-o-transition:all 300ms ease;transition:all 300ms ease;}
a:hover {text-decoration:none;}
.text-center { text-align: center }

/* 1. Main Navigation */
.navbar-wrapper {background:#FFFFFF;}
.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand {background:url('assets/images/logo.png') center no-repeat; background-size:contain; width:341px; height:35px; margin:20px 0; padding:0; }
.navbar-brand span{display:none;}
.navbar-collapse {margin:20px 0 0;float:right;}
.navbar-inverse .navbar-nav > li > a {padding:15px 20px 15px;color:#333;font-family:'Raleway', san-serif;text-transform:uppercase;font-size:15px;-webkit-transition:all 100ms ease;-moz-transition:all 100ms ease;-ms-transition:all 100ms ease;-o-transition:all 100ms ease;transition:all 100ms ease;}
.navbar-inverse .navbar-nav > li {margin:0 1px 0 0;}
.navbar-inverse.navbar-static-top {background: transparent;margin-bottom:0;border-bottom: none;}
.navbar-inverse .navbar-nav > li.active a, .navbar-inverse .navbar-nav > li.active a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {border-bottom:5px solid #1A4798; background:none;color:#222 !important;}
.navbar-toggle {background:#333;margin-top:20px; margin-right: 0 }
.navbar-inverse .navbar-nav > li a.dropdown-toggle:focus { background: none }

.top-navigation { background:#333333; padding: 15px 0; color:#fff; font-weight:600 }
.top-navigation a { color:#fff; }
.top-navigation .call { margin-right: 30px; }

/* 2. Carousel */
.carousel { }
.carousel .label { position: absolute; top: 0px; left: 0px; background:#CF4D35; padding:10px 15px; font-size:18px; z-index: 15; font-family: 'Raleway', sans-serif; font-size: 20px; font-weight:400; border-radius: 0 }
.carousel .item { background: #111111 }
.carousel .item img { margin: auto; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease;-ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; }
.carousel .item:hover img { opacity: 0.15 }
.carousel .carousel-caption { background: rgba(0, 0, 0, 0); left: 0; right:0; bottom: 40%; text-align: left; -webkit-transition: all 300ms ease; -moz-transition: all 300ms ease;-ms-transition: all 300ms ease; -o-transition: all 300ms ease; transition: all 300ms ease; padding: 0; }
.carousel .carousel-caption h2 { font-size: 60px; font-weight: 700; height: 50px; color:#F1C109 }
.carousel .carousel-caption h2 span { color: #ffffff; }
.carousel .item:hover a { color: #EE4400 }

/* 3. HOME CONTENT */
.service-block { padding: 60px 0 }
.service-block h4 { font-weight: 700; text-transform: uppercase; height: 40px; margin: 15px 0 0 }
.project-block,.bottom-block { background:#F1F1F1; padding: 60px 0; }
.service-block h3,.project-block h3 { color:#B4B4B4; margin-bottom: 30px; font-size: 20px }
.service-divider { clear: both; height: 1px; margin: 30px 0 }
.project-block h3 a { float: right; color:#F1C109;}
.project-block .project-item { padding: 0; position: relative; overflow: hidden; color: #fff; }
.project-block .project-title { position: absolute; height: 100%; top:100%; left:0; right: 0;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear; padding: 20px; text-align: center }
.project-block .project-item:hover .project-title { top: 0; bottom: 0; background: rgba(26, 71, 152, 1); color: #fff }
.project-block .project-item:nth-child(even):hover .project-title { background:#F1C109 }
.project-block .project-title h4 { margin-top: 20%; font-size: 18px }

/* 4. PAGE CONTENT */
.page-banner-section { height: 160px; background: #F1F1F1 url(assets/images/header-bg.jpg) center no-repeat; text-align: center }
.heading-engineering { background: #F1F1F1 url(assets/images/engineering-bg.jpg) center no-repeat; }
.heading-economic { background: #F1F1F1 url(assets/images/economic-bg.jpg) center no-repeat; }
.heading-agriculture { background: #F1F1F1 url(assets/images/agriculture-bg.jpg) center no-repeat; }
.heading-industry-and-environment { background: #F1F1F1 url(assets/images/industrial-bg.jpg) center no-repeat; }
.project-header { background: #F1F1F1 url(assets/images/project-bg.jpg) center no-repeat; }
.page-banner-section.project-header h2 { font-size: 30px; font-weight: 700; line-height: 32px; display: table-cell; height: 160px; vertical-align: middle; text-shadow: 1px 1px 2px rgba(255,255,255,1); color: #111; }
.page-banner-section h2 { color:#ffffff; font-size: 48px; text-transform: uppercase; font-weight: 900; margin: 0; line-height: 160px; text-shadow: 2px 2px 2px rgba(0,0,0,0.45)  }
.page-content { padding: 60px 0; font-size: 16px }
.page-content p { margin-bottom: 30px; line-height: 26px }
.page-content h3,.page-content h4 { font-weight: 600 }
.page-content .media { margin-bottom: 30px }
.media-left { padding-right: 30px }
.media-right { padding-left: 30px }
.media-body { vertical-align: middle }
.embed-responsive { margin: 30px 0; }

.children-links { display: block; margin-bottom: 20px; text-transform: uppercase; font-size: 14px; }
.children-links ul { list-style-type: none; width: 100%; text-align: center }
.children-links ul li { display: inline-block; font-weight: 600; padding: 10px; border-radius: 3px; border: 2px solid #f0f0f0; margin-bottom: .5em; }
.children-links ul li a { color: #333333; }
.children-links ul li:hover { background: #eeeeee }
.children-links ul li.current_page_item { background: #dddddd }

/* 5. SIDEBAR */
.widget { background:#F1F1F1; padding: 15px 15px 0; margin-bottom: 30px }
.widget h3 { margin: 5px 0 15px 0; font-size: 18px; text-transform: uppercase }
.widget { margin-top: 60px; overflow: hidden }
.widget ul { margin: 0 -15px; padding: 0; list-style-type: none }
.widget ul li { border-top: 1px solid #ddd; padding: 0 15px; }
.widget ul li a { display: block; padding: 15px 0; color: #333 }
.widget ul li:hover { background:#F1C109 }
.widget p { overflow: hidden }
.widget p i { font-size: 18px; display: inline-block; float: left; width: 20px; height: 30px; margin-right: 15px; margin-bottom: 10px }
.widget span { display: block; }

/* 6. PORTFOLIO PROJECTS */
.portfolio-filter { font-size: 14px; font-size: 1.4rem; overflow: hidden; text-transform: uppercase; margin-top: 40px; }
.portfolio-filter ul { margin: 0 0 2em; padding: 0; text-align: center; width: 100%; }
.portfolio-filter ul li { border: 2px solid #f0f0f0; color: #999; cursor: pointer; display: inline-block; list-style-type: none; margin: 0 1em .5em 0; padding: .5em .5em; text-align: center; border-radius: 3px; font-weight: 600 }
.portfolio-filter ul li:first-child { margin-right: .8em; }
.portfolio-filter ul li:focus, .portfolio-filter ul li:hover { color: #000; }
.portfolio { padding-bottom: 40px }
.portfolio .image-link img { width: 100%; height: auto !important; }
.portfolio .type-jetpack-portfolio { float: left; margin: 0 -1px 10px 0; padding: 10px 10px 0; width: 25%; position: relative; overflow: hidden }
.portfolio .type-jetpack-portfolio img { display: block; }
.portfolio .type-jetpack-portfolio:hover .project-title { top: 0; bottom: 0; background: rgba(26, 71, 152, 1); color: #fff }
.portfolio .type-jetpack-portfolio:nth-child(even):hover .project-title { background:#F1C109 }
.portfolio .type-jetpack-portfolio .project-title { position: absolute; height: 100%; top:100%; left:0; right: 0;-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-ms-transition:all 300ms linear;-o-transition:all 300ms linear;transition:all 300ms linear; padding: 20px; margin:10px; text-align: center }
.portfolio .type-jetpack-portfolio .project-title h3 { margin-top: 20%; font-size: 18px }
.portfolio .type-jetpack-portfolio .btn { border: 2px solid #fff; color: #fff; font-weight: 600 }
.portfolio .type-jetpack-portfolio .btn:hover { background: #fff; color: #333 }

.footer { background:#333333; padding: 40px 0 }
.footer a { color: #FFFFFF }
.bottom-block h4 { color:#333; font-weight: 600; margin-bottom: 20px }
.bottom-block ul { list-style-type: none; margin:0 0 20px; padding:0; }
.bottom-block ul li { margin-bottom: 15px }
.bottom-block ul li a { color: #333 }
.bottom-block ul li i { font-size: 24px; float: left; margin-right: 15px }
.bottom-block .certificate { padding: 0; margin-left: 15px; max-width: 70px; height: auto; float: right }

@media (min-width: 480px) and (max-width: 768px) {
	.navbar-collapse { float: none; margin-top: 0 }
	.navbar-inverse .navbar-nav > li.active a, .navbar-inverse .navbar-nav > li.active a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {border-bottom:0px solid #1A4798;background:#1A4798;color:#fff !important;}
	.project-block .project-item { border: 15px solid #fff; }
	.services-menu { margin-top: 0px; }
	.portfolio .type-jetpack-portfolio { width: 50% }
	.children-links { font-size: 16px; }
}
@media screen and (max-width: 480px) {
	.navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand { width:280px; height:29px; margin-left: 20px }
	.navbar-collapse { float: none; margin-top: 0 }
	.navbar-inverse .navbar-nav > li.active a, .navbar-inverse .navbar-nav > li.active a:hover, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus {border-bottom:0px solid #1A4798;background:#1A4798;color:#fff !important;}
	.navbar-toggle { margin-right: 20px }
	.carousel .carousel-caption h2 { font-size: 30px; }
	.carousel .item, .carousel .item img { height: auto !important; }
	.page-banner-section { height: 100px }
	.page-banner-section h2 { font-size: 30px; line-height: 100px }
	.page-banner-section.project-header h2 { font-size: 20px; line-height: 22px; height: 100px }
	.project-block .project-title h3 { margin-top: 0 }
	.portfolio .type-jetpack-portfolio { width: 100% }
	.children-links { font-size: 14px; }
}