/*
Theme Name:     SmartBox Child Theme
Description:    Child theme for the SmartBox WP Theme
Author:         Oxygenna
Author URI:     http://themeforest.net/user/oxygenna
Template:       smartbox-wordpress
Version:        1.0
*/

@font-face {
    font-family: 'montserratbold';
    src: url('fonts/montserrat-bold-webfont.eot');
    src: url('fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-bold-webfont.woff2') format('woff2'),
         url('fonts/montserrat-bold-webfont.woff') format('woff'),
         url('fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratblack';
    src: url('fonts/montserrat-black-webfont.eot');
    src: url('fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-black-webfont.woff2') format('woff2'),
         url('fonts/montserrat-black-webfont.woff') format('woff'),
         url('fonts/montserrat-black-webfont.ttf') format('truetype'),
         url('fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratlight';
    src: url('fonts/montserrat-light-webfont.eot');
    src: url('fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-light-webfont.woff2') format('woff2'),
         url('fonts/montserrat-light-webfont.woff') format('woff'),
         url('fonts/montserrat-light-webfont.ttf') format('truetype'),
         url('fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserrathairline';
    src: url('fonts/montserrat-hairline-webfont.eot');
    src: url('fonts/montserrat-hairline-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-hairline-webfont.woff2') format('woff2'),
         url('fonts/montserrat-hairline-webfont.woff') format('woff'),
         url('fonts/montserrat-hairline-webfont.ttf') format('truetype'),
         url('fonts/montserrat-hairline-webfont.svg#montserrathairline') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'montserratregular';
    src: url('fonts/montserrat-regular-webfont.eot');
    src: url('fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/montserrat-regular-webfont.woff2') format('woff2'),
         url('fonts/montserrat-regular-webfont.woff') format('woff'),
         url('fonts/montserrat-regular-webfont.ttf') format('truetype'),
         url('fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*---------------------------------------*/
/* MISC */
/*---------------------------------------*/
.wrapper {margin: 40px auto 0}
body.custom-background.custom-background {
	background-color: #208fce;
	background-image: none;
	background: #fff url(images/bedge_grunge.png) repeat top left}
.wrapper.wrapper {border: 0}
a {color: #1c449b}
	a:hover {color: #208fce}
body, .section.section p {color: #000}
*::-moz-selection{background-color: #999 !important; color: #fff !important}
*::selection{background-color: #999 !important; color: #fff !important}
/*---------------------------------------*/
/* NAV & HEADER */
/*---------------------------------------*/
.navbar-inner {border: 0}
#masthead .brand.brand { 
	background-color: #fff;
    display: inline-block;
    height: auto;
    margin: 0;
    padding: 12px 45px;
    width: auto;}
	
	nav .container-fluid  {padding-left: 0}

	#masthead .nav > li > a{
		font-family: 'montserratbold', Arial, sans-serif;
		1color: #208fce;}
		#masthead .nav > li > a:hover {1color: #ee4337}
		#masthead .nav > li.current_page_item a {1color: #ee4337}
		
#masthead .dropdown-menu{
	background-color: #003366;
	border-color: #1c449b}	
	.dropdown-menu > li > a:hover,
	.dropdown-submenu:hover {
		background-color: #1c449b !important;
		background-image: none}
.navbar .nav > li > .dropdown-menu:after {border-bottom: 6px solid #1c449b}
.navbar .nav > li > .dropdown-menu:before {border-bottom: 7px solid #1c449b}

.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {font-weight: normal}

/*---------------------------------------*/
/* HERO */
/*---------------------------------------*/		
	
.home.home figcaption p{
	font-size: 72px;
	color: #fff}
	
.flexslider .slides img {width: 100%}

/*---------------------------------------*/
/* SERVICES */
/*---------------------------------------*/		
.our-clients-objectives {text-align: center}
.blue {color: #1c449b !important}
.round-box .box-inner:after,
.round-box.no-rounded .box-inner:after {box-shadow: 0 0 0 rgba(0, 0, 0, 0) inset}	
.section .section .container-fluid {padding: 0}
.section .section-padded {padding: 0}
.section-header:before, .section-header:after {background-color: #d8d8d8}
.round-box .box-inner {width: auto}
.section-header h2 {
    background-color: #fff;
    color: #222;
    display: inline-block;
    font-family: "montserratregular", Arial, sans-serif;
    font-size: 36px;
    padding: 0 15px;
    position: relative;
    width: auto;
    z-index: 100;}
	.section-alt .section-header h2 {background-color: #f2f2f4}
	.home.home .section h3 {
		font-family: 'montserratregular', Arial, sans-serif;
		font-weight: normal;
		color: #1c449b}
	.section p {
		font-family: 'montserratlight', Arial, sans-serif;
		font-size: 14px;
		font-weight: normal;
		color: #6c6b6b}
.more-link {text-align: left}

.hp-key-industries figcaption {display: none !important}
	.hp-key-industries .key-industries-list {margin-top: 55px}
	.hp-key-industries .key-industries-list li {
		list-style-type: none;
		font-family: 'montserratlight', Arial, sans-serif;
		font-size: 14px;
		padding-left: 25px;
		color: #6c6b6b;
		margin-bottom: 35px;
		background: url(images/chevron.png) 0 5px no-repeat}
		.hp-key-industries span {
			font-family: 'montserratbold', Arial, sans-serif;
			color: #222;
			text-transform: uppercase;
			font-size: 18px;}
			
.featured-solutions .section-header:before, .featured-solutions .section-header:after {width: 10%}
.featured-solutions .round-box {
	float: left;
	margin-right: 15px;
	width: 87px;
	height: 87px}
.featured-solutions h3 {text-align: left !important}	


.why-different .section-header:before, .why-different .section-header:after {width: 20%}
			
.section-dark {background-color: #003366}
			
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 35px;
    height: 0;
    overflow: hidden;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

			
/*---------------------------------------*/
/* NEWS */
/*---------------------------------------*/	
.post-info {display: none !Important}
			
/*---------------------------------------*/
/* FOOTER */
/*---------------------------------------*/	
			
footer {
    background: none repeat scroll 0 0 #1c449b;
    border: 0;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.3), 0 0 50px rgba(0, 0, 0, 0.1) inset;
    box-sizing: border-box;
    margin: 40px auto;
    max-width: 1250px;
    overflow: hidden;
    width: 90%;
	margin: 0 auto;
	padding-bottom: 25px;
}
	footer #text-2 {
		background: url(images/footer-logo.png) top left no-repeat;
		padding-top: 65px}
	footer .container-fluid {padding: 0}
	footer p {	
		font-family: 'montserrat', Arial, sans-serif;
		color: #fff;
		text-shadow: 1px 1px 0 #000000;}
	#footer a {
		color: #fff;		
		text-shadow: 1px 1px 0 #000000;}
	
	

/*---------------------------------------*/
/* SUBPAGES */
/*---------------------------------------*/		

.long-icon-list ul ul li{
	padding-left: 25px !important;
	margin-bottom: 0 !important}

/*---------------------------------------*/
/* MOBILE */
/*---------------------------------------*/	

@media only screen and (max-width: 1140px) {
	.navbar .nav > li > a {padding: 30.5px 10px;}
	#masthead .brand.brand {padding: 12px 25px;}
}

@media only screen and (max-width: 980px) {
	.super-hero-unit figure figcaption {
		top: 0;
		margin: 0;
		width: 100%}
	.wrapper.wrapper.wrapper {margin: 0}
	footer#footer {
		width: 100%;
		padding: 25px}
	.navbar .btn-navbar, .navbar .btn {
		background-image: none;
		cursor: pointer;
		border: 0;
		box-shadow: 0 0 0 rgba(255, 255, 255, 0.1) inset;
		background-color: #bb342b !important;
		color: #ee4337 !important}
}


@media only screen and (max-width: 770px) {
.section .section-header:before, .section .section-header:after,
.section-alt .section-header:before, .section-alt .section-header:after  {display: none !important}
}