/*
Template Name: Solutions
Author: NEXT Ad Agency
Author URI: http://nextadagency.com/
Description: Mobile first Bootstrap based template 
Version: 2.0


Table of contents:
	- General
		- typographic
		- images
		- links
	- Btn Styles 
	- Panel Styles 
	- Header Styles
	- Navbar Styles
	- Content Styles
		- Carousel Styles 
		- Form Styles
	- Slogan Syles
	- Sidebar Syles
	- Footer Styles 
	- Media Query Medium
	- Media Query Large
	- Media Query Large
*/

/* =============================================================
	General Styles  
   ============================================================= */

body{
	background: #F7F7F7;
	font-family: 'Raleway', sans-serif;
}

.wrapper.fixed-width{
	max-width: 1170px;
	width: 100%;
	margin: 0 auto;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6{
	font-family: 'Playfair Display', serif;
	font-weight: 700;
	color: #2a4670;
}

h1, .h1{ font-size: 2.25em; } 
h2, .h2{ font-size: 2em; }

h4{
	margin-bottom: 1.25em;
}

p{
	margin-bottom: 1.25em;
}

ul + p{
	margin-top: 2em;
}

a{
	/*color: #47a5e3;*/
	font-weight: bold;

	-webkit-transition: all 0.2s;
	   -moz-transition: all 0.2s;
	     -o-transition: all 0.2s;
	        transition: all 0.2s;
}

a:hover,
a:focus {
	color: #000;
}

strong{
	font-weight: bold;
}

img {
	height: auto;
	max-width: 100%;
}

.pull-right{
	margin-left:1.25em;
	margin-bottom:1.25em;
}
.pull-left{
	margin-right:1.25em;
	margin-bottom:1.25em;
}


.no-top{ margin-top:0 !important; }
.no-bottom{ margin-bottom: 0 !important; }
.space-bottom{ margin-bottom: 2em !important; }

table{
	margin-bottom: 1.25em;
}

th{
	padding-right: 10px;
}

.fa-ul li{
	line-height: 1.2;
	margin-top:7px;
	margin-bottom: 7px;
}

.fa-li{
	color: #47a5e3;
}

hr{
	color: #E5E5E5;
	border-color: #E5E5E5;
	margin-bottom: 2.25em;
    margin-top: 2.25em;
}


/* =============================================================
	Btn Styles 
   ============================================================= */

/* General button styles */
.btn{
	border-radius:0;
	font-family: 'Raleway', sans-serif;
	margin-bottom: 1.25em;
}

.btn span.glyphicon,
.btn i.fa{
	margin-right: 5px;
}

.btn-primary{
	color: #fff;
	border:0;
	font-weight: 700;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#47a5e3+0,2380c6+100 */
	background: #47a5e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #47a5e3 0%, #2380c6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #47a5e3 0%,#2380c6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #47a5e3 0%,#2380c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a5e3', endColorstr='#2380c6',GradientType=0 ); /* IE6-9 */
}

.btn-primary:hover{
	color: #fff;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2380c6+0,47a5e3+100 */
	background: #2380c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #2380c6 0%, #47a5e3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2380c6 0%,#47a5e3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2380c6 0%,#47a5e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2380c6', endColorstr='#47a5e3',GradientType=0 ); /* IE6-9 */
}

.btn-info{
	color: #fff;
	border:0;
	/*font-size: 1.3em;*/

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#47a5e3+0,2380c6+100 */
	background: #47a5e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #47a5e3 0%, #2380c6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #47a5e3 0%,#2380c6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #47a5e3 0%,#2380c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a5e3', endColorstr='#2380c6',GradientType=0 ); /* IE6-9 */
}

.btn-info:hover{
	color: #fff;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2380c6+0,47a5e3+100 */
	background: #2380c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #2380c6 0%, #47a5e3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2380c6 0%,#47a5e3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2380c6 0%,#47a5e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2380c6', endColorstr='#47a5e3',GradientType=0 ); /* IE6-9 */
}

/* =============================================================
	Panel Styles 
   ============================================================= */

.panel-primary{
	border-color: #282725;
}

.panel-primary > .panel-heading {
	border-color: #282725;
	background: #282725;
}


/* =============================================================
	Header Styles 
   ============================================================= */

.header{
	color: #fff;
	padding:2em 0 2em;
	text-align: center;

background: #2a4670;
background: -moz-linear-gradient(top,  #2a4670 0%, #1b2a41 100%);
background: -webkit-linear-gradient(top,  #2a4670 0%,#1b2a41 100%);
background: linear-gradient(to bottom,  #2a4670 0%,#1b2a41 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a4670', endColorstr='#1b2a41',GradientType=0 );



	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
       -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
            box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.75);
}

.header h1{
	margin: 0;
}

.header h2.text-right.visible-lg{
	color: #fff;
	margin-top:0;
}

/* =============================================================
	Navbar Styles 
   ============================================================= */

.navbar{
	margin-bottom: 0;
	border:0;
	border-radius: 0;
	background: none;
}

/* Border between navbar options*/
/*.navbar-nav li + li{
	border-left:1px solid #494F57;
}*/

/* Navbar text */
.navbar-default .navbar-nav > li > a{
	color: #ccc;
}

/* Navbar text when hovered */
.navbar-default .navbar-nav > li > a:focus, 
.navbar-default .navbar-nav > li > a:hover{
	color: #fff;
}

/* Navbar text when set to active */
.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:focus, 
.navbar-default .navbar-nav > .active > a:hover{
	color: #fff;
	background: none;
}



/* =============================================================
	Content Styles 
   ============================================================= */

.content{
	margin-top: 2.25em;
	margin-bottom: 2.25em;
}

.content h1{
	margin-top: 0;
}

.content img, .map-holder{
	margin-bottom: 2em;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.container .jumbotron, .container-fluid .jumbotron{
	padding: 0;
	margin-bottom: 2em;
}


/* =============================================================
	Carousel Styles 
   ============================================================= */

.carousel{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.carousel-inner img{
	border:0;
	border-radius: 0;
	margin: 0;

	-webkit-box-shadow: none;
	   -moz-box-shadow: none;
	        box-shadow: none;
}


/* =============================================================
	Form Styles 
   ============================================================= */

label small{
	color: #777;
	font-weight: normal;
}

.error{
	color: #c00;
	border-color: #c00;
}

textarea.form-control{
	height: 185px;
}

.g-recaptcha{
	margin-bottom: 20px;
}

/* =============================================================
	Slogan Styles 
   ============================================================= */

.slogan{
	padding: 2.25em 0;
	border-top:1px solid #E2E2E2;
}

hr.no-bottom + .slogan{
	border-top: 0;
}

.slogan h1, .slogan .h1, 
.slogan h2, .slogan .h2, 
.slogan h3, .slogan .h3, 
.slogan h4, .slogan .h4, 
.slogan h5, .slogan .h5, 
.slogan h6, .slogan .h6{
	margin: 0;
	padding:0;
	color: #333;
}


/* =============================================================
	Sidebar Styles 
   ============================================================= */

.sidebar{
	background: #F1F1F1;
	border:1px solid #E2E2E2;
	border-width: 1px 0;
	padding: 1em 0;
}

.video-holder{
	background: #F7F7F7;
	height: 113px;
	margin-bottom:1.25em;
	margin-left: 0;
	margin-right: 0;
	position: relative;
	width: 202px;
	border:1px solid #ccc;

	-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	   -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
	        box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15);
}

.video-holder:before{
	color: #000;
	content: "Video Coming Soon";
	left:0;
	line-height: 111px;
	text-align: center;
	top:0;
	width: 100%;
	display: block;
	position: absolute;
}

.social a{
	font-size: 1.2em;
	color: #fff;
	border-radius: 100px;
	width: 35px;
	height: 35px;
	line-height: 35px;
	display: inline-block;
	text-align: center;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#47a5e3+0,2380c6+100 */
	background: #47a5e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #47a5e3 0%, #2380c6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #47a5e3 0%,#2380c6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #47a5e3 0%,#2380c6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#47a5e3', endColorstr='#2380c6',GradientType=0 ); /* IE6-9 */

}

.social a:hover{
	color: #fff;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2380c6+0,47a5e3+100 */
	background: #2380c6; /* Old browsers */
	background: -moz-linear-gradient(top,  #2380c6 0%, #47a5e3 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #2380c6 0%,#47a5e3 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #2380c6 0%,#47a5e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2380c6', endColorstr='#47a5e3',GradientType=0 ); /* IE6-9 */
}

/* =============================================================
	Footer Styles 
   ============================================================= */
footer{
	padding: .75em 0;
	text-align: center;
}

footer p{
	margin: 0;
	line-height: 30px;
}



/* =============================================================
	Media Query Medium (>768px) Styles 
   ============================================================= */
@media (min-width: 768px) {

	.container .jumbotron, .container-fluid .jumbotron{
		margin-bottom: 0;
	}
	

}




/* =============================================================
	Media Query Large (>992px) Styles 
   ============================================================= */
@media (min-width: 992px) {

	.btn span.glyphicon.pull-left,
	.btn i.fa.pull-left{
		font-size: 1.5em;
		margin-bottom: 0;
		margin-top: 10px;
		margin-right: 15px;
	}
}





/* =============================================================
	Media Query Large (>1200px) Styles 
   ============================================================= */
@media (min-width:1200px) {}