html, body {

  height: 100%;

}

body {

	background-color: #fff;

	color: #333;

	font-family: 'Open Sans', sans-serif;

	font-size: 18px;

}

a {

	color: #00adef;

	-moz-transition:color 0.3s ease;

	-o-transition:color 0.3s ease;

	-webkit-transition:color 0.3s ease;

	transition:color 0.3s ease;

}

a:hover {

	text-decoration: none;

	color: #333;

}

a:hover,

a:focus,

a:active,

button:focus,

input[type="submit"]:focus {

	outline: none;

}

h1
{
	color: #676767;
	font-size: 24px;
	font-family: "Open Sans", sans-serif;
	font-weight: 600;
	margin-top: 0px;
}

h2 {

	color: #01506e;

	font-size: 26px;

	line-height: 40px;

	margin: 40px 0 20px;

	font-family: Anton, sans-serif;

}

h3
{
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

h4 {

	margin-top: 0;

	margin-bottom: 5px;

	font-size: 16px;

	height: 20px;

	color: #01506e;

}

h5 {

	font-weight: bold;

}

.page-wrap {

  min-height: 100%;

}

.page-wrap > section:last-child {

	padding-bottom: 210px;

}

header {

	background-color: #fff;

	padding-top: 25px;

}

header .namel1{

	color: #3a96d8;

	font: 28px/28px Anton, sans-serif;

	text-transform: uppercase;

	margin-top: 20px;

}

header .namel2{

	color: #3a96d8;

	font: 52px/50px Anton, sans-serif;

	text-transform: uppercase;

}

header .namel3{

	color: #113059;

	font: 700 20px 'Open Sans', sans-serif;

}

header .slogan{

	color: #676767;

	font-weight: 600;

	font-size: 18px;

	line-height: 24px;

	font-family: 'Open Sans', sans-serif;

	text-align: center;

	width:100%;

	margin-top: 20px;

}

header .slogan span{

	width:100%;

	display: inline-block;

}

header .anthony{

	max-width:130px;

	display: inline-block;

}

header .anthony img{

	max-width:100%;

	border-radius:50%;

}

section {

	background-color: #fff;

}

section.top-line {

	background-color: #3a96d8;

	color:#fff;

	font-size: 1.125em;

	line-height: 35px;

	font-weight: bold;

}

section.top-line .container {

	position: relative;

}

section.top-line .fa {

	margin-left: 90px;

}

section.top-line a,

section.top-line a:hover {

	color: #fff;

	text-decoration: none;

}

.separator-desktop
{
	display: none;
	height: 0;
	opacity: 0;
}

.logo {

	position:absolute;

	top:0;

	left:15px;

}

menu {

	border-top: 1px solid #dadada;

	border-bottom: 1px solid #dadada;

	margin:20px 0;

	padding:0;

	color:#737373;

	font-weight: 300;

	background-image: url(/images/bg.png);

	background-color: #fbfbfb;

}

menu .navbar {margin-bottom: 0;}

menu .navbar-default {background-color: transparent; border-color: transparent;}



menu nav .nav > li > a {

	font-size: 16px;

	line-height: 30px;

	font-weight: 300;

	/* background-color: #ccc; */

	color: #737373;

	padding: 10px 10px;

	text-align: center;

	border-bottom: 1px solid #e7e7e7;

}

menu nav .nav.navbar-right > li:last-child > a {

	border-bottom: none;

}

.navbar-default .navbar-nav{

	margin-top: 0;

	margin-bottom: 0;

}

.navbar-default .navbar-nav>li>a{

	color: #000;/* 737373 */

}

/* menu nav .nav > li:hover > a,

menu nav .nav > li > a:focus,

menu nav .nav > li > a:hover,

menu nav .nav > li.active > a {

	color: #3a96d8;

	background-color: transparent;

} */

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{

	color: #3a96d8;

	background-color: transparent;

}

.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{

	color: #3a96d8;

}

p {

	word-wrap: break-word;

}

.inlb {display: inline-block;}

.fwb {font-weight: bold;}

.fa-ul{

	/* line-height: 24px; */

	margin-top: 25px;

	margin-bottom: 25px;

	margin-left: 2em;

}

.fa-ul .fa-li{

	color: #3a96d8;

	/* line-height: 20px; */

}

.gray-section {

	background-color: #f4f4f4;

	margin:0 0 30px;

    position: relative;

	font-size: 16px;

}

.gray-section .right-content{

	padding: 35px 7px;

}

.gray-section .fa-ul{

	line-height: 24px;

	margin-top: 5px;

	margin-bottom: 15px;

	margin-left: 2em;

}

.gray-section .fa-ul .fa-li{

	color: #3a96d8;

	line-height: 20px;

}



.green-section {

	background-color: #a5a51c;

	margin:0 0 30px;

    position: relative;

	font-size: 16px;

}

.green-section.big-text {

	font-size: 18px;

}

.green-section.no-title {

	margin:0;

}

.green-section .right-content{

	padding: 35px 15px;

	color: #f9f9dd;

	line-height: 26px;

}

.green-section.no-image .right-content{

	padding: 15px;

}

.green-section .right-content.button{

	padding-bottom: 55px;

}

.green-section .fa-ul{

	line-height: 24px;

	margin-top: 5px;

	margin-bottom: 15px;

}

.green-section .fa-ul .fa-li{

	color: #3a96d8;

	line-height: 20px;

}

.green-section .title{

	color: #f9f9dd;

	font-size: 38px;

	line-height: 40px;

	font-family: Anton, sans-serif;

}

.green-section.no-image .title{

	background-color: #f9f9dd;

	color: #6b6b03;

	line-height: 48px;

	margin-bottom: 10px;

}

.green-section .sub-title{

	color: #333333;

	font-size: 22px;

	line-height: 28px;

	font-weight: 700;

	margin-bottom: 20px;

}

.green-section a.more {

    position: absolute;

    color: #f9f9dd;

    font-size: 17px;

    line-height: 22px;

    font-weight: bold;

    bottom: 0;

    right: 0;

    padding: 10px 12px;

    text-transform: uppercase;

    display: block;

    background-color: #6b6b03;

}

.green-section a.more:hover {

    color: #fff;

    background-color: #434302;

}

.left-img {

    background-size: cover;

    background-repeat: no-repeat;

    background-position: center center;

    min-height: 250px;

}

.blue-checks {

	margin-bottom: 40px;

}

.blue-checks.rows2 {

	margin-bottom: 20px;

}

.blue-checks li {

	margin: 20px 0;

}

.blue-checks.rows2 li {

	margin: 10px 0;

	width:100%;

	display: inline-block;

	vertical-align: top;

}

.blue-checks .fa-ul {

	margin-left: 2em;

}

.blue-checks .fa-ul .fa-li {

	color: #3a96d8;

}

.logos {

	text-align: center;

	margin: 45px 0 5px;

}

.logos img {

	max-width:100%;

}

.social {

	display: inline-block;

	margin:15px auto 25px;

	color:#fff;

}

.social a {

	color:#fff;

}

.social .left {

	float:left;

}

.social .right {

	float:left;

	text-align: left;

	margin-left: 10px;

}

footer {

	color: #fff;

	font-size: 14px;

	margin-top: -190px;

	background-color: #3a96d8;

	text-align: center;

}

footer .container {

	padding: 10px 0;

	/* height: 140px; */

}

footer .navbar-nav {

	float:none;

	width: 100%;

	text-align: center;

}

footer .navbar-nav > li {

	float: none;

	display: inline-block;

}

footer .nav {

	margin: 0 0 13px;

	font-size: 0;

}

footer .nav > li {

	padding: 5px 10px;

}

footer .nav > li > a {

	font-weight: normal;

	color: #fff;

	padding: 0;

	font-size: 14px;

	line-height: 20px;

}

footer .nav > li > a:hover,

footer .nav > li > a:focus,

footer .nav > li.active > a {

	color: #fff;

	background-color: transparent;

}

.book-order {padding: 10px 10px 40px;}

.book-order .form-my-book .form-control:focus {border-color: #6b6b03;}

.book-order .form-my-book span[title^=Required] {display: none;}

.book-order .form-my-book .err {color: #fff;}

.book-order .form-my-book .error { border: 1px solid #434302;}

.book-order button {

    color: #f9f9dd;

    font-size: 17px;

    line-height: 22px;

    font-weight: bold;

    bottom: 0;

    right: 0;

    padding: 10px 12px;

    text-transform: uppercase;

    display: block;

    background-color: #6b6b03;

	border: none;

	width: 100%;

	margin-bottom: 10px;

}

.book-order button:hover {

    color: #fff;

    background-color: #434302;

}

.book-order a { color: #fff;}

.book-order a:hover { color: #434302;}

.copy {

	background-color: #2e78ae;

	font-size: 13px;

	line-height: 30px;

	text-align: center;

	color: #b0deff;

	padding: 10px 0;

}

.copy a{

	color: #b0deff;

	text-decoration: underline;

}

.copy a:hover{

	color: #fff;

}

.form-control {

	font-size: 15px;

	height: 36px;

}



/* no gutter */

.row.no-gutter {

  margin-left: 0;

  margin-right: 0;

}



.row.no-gutter [class*='col-']:not(:first-child),

.row.no-gutter [class*='col-']:not(:last-child) {

  padding-right: 0;

  padding-left: 0;

}



.img-wide {

	border-bottom:15px solid #3a96d8;

	margin-bottom: 25px;

}

.table {

	font-size: 16px;

}

.table-nonfluid {

   width: auto;

}

.question {

	background-color: #a5a51c;

	color: #f9f9dd;

    font-size: 20px;

    line-height: 38px;

    font-family: Anton, sans-serif;

	padding: 10px 25px;

	border-radius: 3px 3px 0 0;

}

.answer {

	background-color: #f4f4f4;

	padding: 10px 25px;

	font-size: 16px;

	border-radius: 0 0 3px 3px;

	margin-bottom: 25px;

}

.form-contact {margin: 40px 0;}

.form-contact label{

	font-size: 16px;

}



.form-contact label span[title="Required field"] {

    position:absolute;

    margin-left:5px;

}

.form-contact .err{

	font-size: 13px;

    vertical-align: inherit;

}

.form-contact #captcha{

	max-width:120px;

}

/* fix firefox responsive images */

/* .img-responsive { */

    /* width: 100% */

/* } */



/* non-responsive - remove any .container css below  

.container {

	width: 1170px;

	max-width: none !important;

}

*/

@media (min-width: 480px) {
	
	.separator-mobile
	{
		display: inline;
	}
	
	section.top-line .fa {

		margin-left: 100px;

	}

	header .namel1{

		font-size: 48px;

		line-height: 48px;

		margin-top: 30px;

	}

	header .namel2{

		font-size: 92px;

		line-height: 90px;

	}

	header .namel3{

		font-size: 24px;

	}

	header .slogan{

		font-size: 18px;

		line-height: 28px;

		margin-top: 30px;

	}

	header .anthony{

		max-width:220px;

	}

	.table {

		font-size: 18px;

	}

	.gray-section .right-content{

		padding: 35px 15px;

	}

	.fa-ul{

		margin-left: 4em;

	}

	.gray-section .fa-ul{

		margin-left: 4em;

	}

	.blue-checks .fa-ul {

		margin-left: 4em;

	}

}

@media (min-width: 768px) {

	h1
	{
		font-size: 24px;
		line-height: 30px;
		margin-top: 0px;
	}

	header .namel1{

		font-size: 48px;

		line-height: 48px;

		margin-top: 35px;

	}

	header .namel2{

		font-size: 92px;

		line-height: 90px;

	}

	header .namel3{

		font-size: 24px;

	}

	header .slogan{

		font-size: 20px;

		line-height: 34px;

		margin-top: 30px;

	}

	header .slogan span{

		width:210px;

	}

	menu nav .nav > li > a {

		font-size: 17px;

		line-height: 40px;

		padding: 10px 7px;

		background-color: transparent;

		border-bottom: none;

	}

	menu nav .nav.navbar-right {

		margin-right: 0;

	}

	menu nav .nav > li:first-child > a {

		padding-left: 0;

	}

	menu nav .nav > li:last-child > a {

		padding-right: 0;

	}

	.row-height {

		display: table;

		table-layout: fixed;

		height: 100%;

		width: 100%;

	}

	.col-height {

		display: table-cell;

		float: none;

		height: 100%;

	}

	.green-section .title{

		font-size: 48px;

		line-height: 50px;

	}

	.gray-section .right-content{

		padding-left: 35px;

		padding-left: 35px;

	}

	.green-section.no-image .title{

		line-height: 58px;

	}

	.green-section .right-content{

		padding-left: 35px;

		padding-left: 35px;

	}

	.green-section a.more {

		font-size: 18px;

		line-height: 24px;

		padding: 13px 21px;

	}

	.left-img {

		border-right: 1px solid #fcfcfc;

	}

	.green-section .left-img {

		border-right: 1px solid #f9f9dd;

	}

	.blue-checks.rows2 li {

		width:43%;

		margin-right: 5%;

	}

	footer, footer .nav > li > a {

		font-size: 15px;

	}

	footer .nav > li {

		padding: 0 5px;

		border-right: 1px solid #fff;

	}

	footer .nav > li:last-child {

		border-right: none;

	}

	.copy {

		font-size: 14px;

	}
	
	.separator-desktop
	{
		display: inline;
		height: inherit;
		opacity: 1;
	}
	
	.separator-mobile
	{
		display: none;
	}

}

@media (min-width: 992px) {

	header .slogan{

		font-size: 24px;

		line-height: 36px;

		margin-top: 70px;

	}

	header .namel1{

		font-size: 48px;

		line-height: 48px;

		margin-top: 40px;

	}

	header .slogan span{

		width:340px;

	}

	header .anthony{

		max-width:none;

	}

	menu nav .nav > li > a {

		font-size: 20px;

		padding: 10px 15px;

	}

	footer .nav > li {

		padding: 0 10px;

	}

}

@media (min-width: 1024px) {

	

}

@media (min-width: 1200px) {

	header .slogan{

		margin-top: 90px;

	}

	header .namel1{

		margin-top: 50px;

	}

	menu nav .nav > li > a {

		font-size: 20px;

		padding: 10px 7px;

	}

}

@media (min-width: 1920px) {



}