@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700);
@import url(http://fonts.googleapis.com/css?family=Raleway:400,300);

body, html{
	height: 100%;
}



/* COMPONENTS */
h1.section_intro{
	display: inline-block;
	font-weight: bold;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	color: #333;
	letter-spacing: -2px;
}

p.section_intro{
	margin-bottom:3em;
	color: #888;
	text-shadow: 1px 1px #fff;
}

hr{
	display: block;
	clear: both;
	border-top: solid 1px #ddd;
}




/* PROPERTIES */
.center{
	text-align: center;
}

.left{
	text-align: left;
}

.right{
	text-align: right;
}

.middle{
	vertical-align: middle;
}

.white{
	color:#FFFFFF;
}

.light_grey{
	color: #DDDDDD;
}

.blue{
	color:#31b0d5;
}

.justify{
	text-align: justify;
}

.active{
	color:#31b0d5;
}



/* HEADER */
.header{
	background-color:#2e3138;
	border-top:4px solid #31b0d5;
	border-bottom: 1px solid #202227; 
}

.header ul{
	color:#FFFFFF;
	width: 100%;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: bold;
	padding-top:2.5em;
}

.header ul li a{
	margin-right: 1em;
	color:#FFFFFF;
	text-transform: uppercase;
}

.header ul li a:hover{
	color:#31b0d5;
	transition: all 300ms ease-out;
	text-decoration: none;
}

.header ul li a.active{
	color:#31b0d5;
	text-decoration: none;
}







/* BANNER SECTION */
.banner{
	background: #35383f url(../images/hero.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	padding:8em 0;
	margin-bottom:3em;
}

.banner h1{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: 300;
	color: #31b0d5;
	font-size: 4.5em;
	padding-bottom: .5em;
}

.banner h4{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: rgb(190, 193, 194);
	font-size: 2em;
}




/* SERVICE BANNER SECTION */
.service_banner{
	background: #35383f url(../images/hero.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	padding:1em 0;
	margin-bottom:3em;
}

.service_banner h4{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: rgb(190, 193, 194);
	font-size: 1.4em;
	padding-top:0.4em;
}

.service_banner h3{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #31b0d5;
	font-size: 2em;
}

.service_banner h2{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: normal;
	color: #31b0d5;
	font-size: 2em;
}




/* SERVICES SECTION */
.services{
	margin-bottom:3em;	
}

.service{
	text-align: center;
	padding-top:2em;
}

.service img{
	margin-bottom:1em;
}

.service h4{
	color: rgb(33, 37, 43);
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
}

.service p{
	text-align: justify;
	padding: 0 2em;
	margin-bottom:2em;	
}

.service ul{
	list-style: none;
	padding:0;
}

.service ul li{
	margin-bottom: 1.5em;
}

a.service{
	transition: all 300ms ease-out;
	background-color: #31b0d5;
	color: #fff;
	border: #31b0d5 2px solid;
	border-radius: 6px;
	padding:0.5em 0.5em;
	-webkit-transition-timing-function: ease-out;
	font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: bold;
}
a.service:hover{
	background: transparent;
	color:#31b0d5 !important;
	text-decoration: none;
}








/* FEATURES SECTION */
.features{
	margin-bottom:3em;
}

.feature{
	margin-bottom:3em;
}

.feature h4{
	color: #31b0d5;
	font-weight: bold;
	font-size:1.5em;
}

.feature p{
	text-align: justify;
	font-size: 1.2em;
}








/* MESSAGE SECTION */
.message{
	background: #35383f url(../images/consulting.jpg) center center no-repeat;
	background-size: cover;
	width: 100%;
	overflow: hidden;
	padding:10em 0;
	margin-bottom:3em;
}

.message h1{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: 300;
	color:  #fff !important;
	font-size: 3em;
}

.message h5{
	font-weight: bold;
	color: #FFFFFF;
	font-size: 1.2em;
}

.icon{
	font-size:1.5em;
	margin:1em 0.3em;
	color:#31b0d5;
}

span.job_position{
	color:#fafafa;
	font-style: italic;
}

span.company{
	font-style: italic;
}





/* CLIENTS */
.clients{
	margin-bottom:3em;
}

.clients table{
	width: 100%;
	margin-top:3em;
}

.clients table tr td{
	padding:1em 0;
}





/* FOOTER SECTION */
.footer{
	background-color:#2e3138;
	border-bottom:4px solid #31b0d5;
	border-top: 1px solid #202227;
	color: #FFFFFF;	
	padding:2em 0 1em 0; 
}

.footer ul{
	list-style: none;
	padding-top: 1em;
}

.footer ul li{
	margin:.5em;
}

.footer ul li a{
	color:#FFF;
}

.footer ul li a:hover{
	color:#31b0d5;
	transition: all 300ms ease-out;
	text-decoration: none;
}





/* WHY SECTION */
.why img{
	border-width: thick;
	border-style: solid;
	border-color: #FFF;
	-webkit-box-shadow: 0px 0px 3px 3px #CCC;
	-moz-box-shadow: 0px 0px 3px 3px #CCC;
	box-shadow: 0px 0px 3px 3px #CCC;
}

.why p{
	font-size:1.2em;
}

.argument{
	margin:2.5em 0;
}

.why h1{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.why h2{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
}






/* WHY SECTION */
.tour p{
	font-size:1.2em;
}

.argument{
	margin:2.5em 0;
}

.tour h1{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	font-weight: bold;
}

.tour h2{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
}








/* PLANS SECTION */
.prices h1{
	font-family: 'Open Sans', sans-serif;
	color: #3E424C;
	font-size: 2.5em;
	font-weight: bold;
	text-shadow: 1px 1px 1px #999;
}

.prices h3{
	font-family: 'Open Sans', sans-serif;
	color: #686a70;
	font-size: 1.5em;
	font-weight: 100;
	margin-bottom:2em;
}

.pricing_box{
	margin-bottom:5em;
}

.pricing_box ul{
	list-style: none;
}

.pricing_box ul li{
	padding:1em 0;
	text-align: center;
	border-radius:4px;
}

.title_row{
	background-color: #DDDDDD;
	font-size: 1.5em;
	font-weight: bold;
}

.price_row{
	font-size: 2.3em;
	font-weight: bold;
	color:#3071a9;
	padding:.5em 0;
}

.deco{
	background-color: #DDDDDD;
}

.btn_row{
	background-color: #DDDDDD;
}






/*QUOTE SECTION */
.quote img{
	margin-bottom:3.5em;
}

.quote h1,h2{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	margin-bottom: 1em;
}

.quote form{
	margin-bottom: 3em;
}

.quote img{
	height: 100%;
	vertical-align: middle;
	padding-top:10em;
	padding-bottom: 10em;
}

.thankyou{
	padding:10em 0;
}





/* ABOUT US SECTION */
.about_us img{
	margin-bottom:3.5em;
}

.about_us h2, h4{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
}

.about_us div.section{
	margin-bottom:3em;
}

.about_us div.section p{
	text-align: justify;
}





/* CONTACT US SECTION */
.contact_us img{
	margin-bottom:3.5em;
}

.contact_us h1,h2,h3{
	font-family: Raleway, 'Helvetica Neue', Helvetica, Helvetica, Arial, sans-serif;
	margin-bottom: 1em;
}





/* TERMS AND CONDITIONS */
.terms_and_conditions{
	text-align: justify;
	padding-bottom:2em;
}