/* 
THEME NAME: WHM
THEME URI: http://internetmarketingcompany.biz/
VERSION: 1.0
AUTHOR: S. Leni.
*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700);

/*Reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.pagination > li {
  background: none !important;
}

/*Global elements*/
.white{ color:#fff; }
.uc, .uc a{ text-transform:uppercase; }
.bold{ font-weight:bold; }
.text-center{ text-align:center; }
.text-left{ text-align:left !important; }
.offset{ margin:0 -15px; }
.offset-sm{ margin:0 -7px; }
	.offset-sm div{ padding:0 7px; }
img.responsive{ width:100%; display:block; height:auto; }

.animate, .animate a, .cm-btn{ transition:all 300ms ease-in-out 0s; }
.v-middle { position:absolute; top:50%; transform:translateY(-50%); }

span.num, .arial{ font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; }
.a-btn{	position:relative; }

em.error{ display:none !important; }
/*input.error, textarea.error, select.error{ border-color: #ed1c24; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(237, 28, 36, 0.6);	color:#ed1c24; }
label.error{}
*/
.form-control::-webkit-input-placeholder { color:#666; }
.form-control:-moz-placeholder { color:#666; }
.form-control::-moz-placeholder { color:#666; }
.form-control:-ms-input-placeholder { color:#666; }

.error::-webkit-input-placeholder { color:red; }
.error:-moz-placeholder { color:red; }
.error::-moz-placeholder { color:red; }
.error:-ms-input-placeholder { color:red; }
select.error{ color:red; }

.cm-btn{ display:block;	cursor:pointer;	line-height:44px; margin:0 auto; border:1px solid #777; color:#777; background-color:transparent; text-align:center; text-transform:uppercase; font-size:18px; width:100%; max-width:240px; border-radius:4px;
}
.cm-btn:hover { background-color:#777; color:#fff;}

/*
.color-1{ color:#317eac; }
.no-margin{	margin:0 !important; }
.padding{ padding-right:15px; padding-left:15px; }
.no-padding{ padding-right:0 !important; padding-left:0 !important;	}
.no-padding-right{ padding-right:0 !important; }
.no-padding-left{ padding-left:0 !important; }
*/


h1, .h1 {
  	font-size: 32px;
	text-transform:uppercase;
	color: rgb(5, 68, 164);
	text-align: center;
	font-weight: 400;
}
h2, .h2 {
  	font-size: 26px;
	text-transform:uppercase;
}
h3, .h3 {
  	font-size: 22px;
	text-transform:uppercase;
}
p {
	margin:0 0 20px;
}



.scaling{
	font-size:10px;
}
.scaling h1{
	font-size:4.4em;
	line-height:1.2;
	margin-bottom:25px;
}
.scaling h2{
	font-size:2.8em;
	line-height:1.2;
	margin-bottom:18px;
}
.scaling h3{
	font-size:2.4em;
	line-height:1.2;
	margin-bottom:10px;
}
.scaling p, .scaling li{
	font-size:1.6em;
	line-height:1.4;
}


a{
	text-decoration:none;
	color:#ff6600;
}
a:hover, a:active, a:focus {
	color:#777;
	outline: 0;
	text-decoration:none;
}

strong {
	font-weight:bold;
	padding:0 ;	
}

img {
	margin:0px;;
	border:none;
	outline:none;
}



/*Layout\structure elements*/
body {		
	color:#3b3636;
	font-family:Arial, Helvetica, sans-serif;
	font-family: 'Roboto', sans-serif;
	font-weight:400;
	font-size:16px;
	padding:0;
	margin:0;
	line-height:1.5;
}
.wrapper {
	position:relative;
	padding:0;	
}
.center {
	width:100%;
	max-width:1120px;
	padding:0 15px;
	margin:0 auto;
	position:relative;
}

#container {	
	margin:10px 0;	
}	
	#container-inner {
		min-height:400px;		
	}	
	
	
		.content{
			width:100%;
			min-height:350px;
			padding:0;
			float:left;
		}
		.one-column .content{
			width:100%;
			float:none;
			padding:30px 0 ; 
		}
		
		.sidebar {
			width:21%;
			padding:15px 15px 15px 0;
			/*margin:15px 15px 0 0;*/
			float:right;
			min-height:200px;
		}
		.one-column .sidebar {
			display:none;
		}




#status{
	padding:4px 0;
	background-color:#A2F5CA;
	color:#222;
	text-transform:uppercase;
}
.info{
	background-color:rgba(255,255,255,0.7);
	border:1px solid #ccc;
	margin:0;
	padding:3px 10px;
	/*width:120px;*/
	display:inline-block;
	position:fixed;
	top:0;
	right:0;
	z-index:9999;
}



/*Header section!!!*/
.header {
	background-color:#f8f6f6;
	padding:15px 0;
}
	.logo {
		max-width:100%;		
		display:block;
		margin:0 auto;	
	}
		/*.logo img{
			background-blend-mode:darken;
		}*/
	
	.d-header-phone {		
		font-size:32px;
		font-weight:700;
		color:#f60;
		line-height:1;
		position:absolute;
		top:0;
		right:15px;
	}
	.mobile-header-bar{
		display:none;
	}		
		
		
	.header-menu {
		position:absolute;
		top:0;
		left:15px;
	}		
		.header-menu ul {
			margin:0;
			padding:0;
		}
			.header-menu ul li{
				list-style-type:none;
				float:left;
				margin-right:25px;
			}
				.header-menu ul li a{
					font-size:20px;
					color:#000;
					text-transform:capitalize;
					position:relative;					
				}
				.header-menu ul li a:hover{
					color:#f60;
				}
				
				
				
/*banner*/
.banner{
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	padding:20px 0 60px;
	min-height:700px;
}
.page-template-page-thank-you .banner{
	display:none;
}

	.banner .form-wrap{
		width:100%;
		max-width:700px;
		/*float:left;*/
		background-color:rgba(255,255,255,0.7);
		padding:30px 15px 20px;
		margin:0 auto;
	}
		.yelp{
			width:125px;
			margin:0 auto 15px;
		}
	
		.form-wrap h3{
			color:#f60;
			font-weight:500;
			font-size:24px;
			text-transform:uppercase;
			text-align:center;
			padding-bottom:3px;
			margin-bottom:10px;
			border-bottom:1px solid #ccc;
		}
		.form-wrap .lead-phone a{
			display:block;
			margin-bottom:15px;
			text-align:center;
			color:#111;
			font-weight:bold;
			font-size:20px;
		}
			.form-wrap .lead-phone a .fa{
				position:relative;
				top:2px;
				margin-right:4px;
			}
		.form-wrap .form-group{
			margin-bottom:20px;
			padding: 0 7px;
  			position: relative;
		}
		
		.form-wrap .form-group input {
		  	padding-right: 36px;
		}
			.form-wrap .icon-box {
				height: 36px;
				position: absolute;
				right: 7px;
				text-align: center;
				top: 0;
				width: 36px;
			}
				.form-wrap .form-group span {
					color: #ccc;
					display: inline-block;
					font-size: 18px;
					line-height: 34px;
				}
		
		
		.disclaimer{
			text-align:center;
		}
		
		.cm-btn-lead{
			max-width:200px;
			background-color:#f60;
			border-color:#f60;
			color:#fff;
			margin-top:15px;
		}
		.cm-btn-lead:hover{
			background-color:#fff;
			color:#f60;
		}
		
		
	.banner-slogan {
		max-width:594px;
		width:55%;
		float:right;
		position:relative;
		height:564px;
	}
		.banner-slogan img{
			display:block;
			width:100%;
			height:auto;			
		}

.home-slogan{
	background-color:#ffa800;	
	padding:55px 0;	
}
	.home-slogan h1{
		color:#fff;
		text-align:center;
		text-transform:uppercase;
		font-weight:300;
	}



/*Content*/
.page-header {
	/*border-bottom: 1px solid #EEEEEE;
	margin: 0px 0 20px;
	padding-bottom: 9px;*/
	text-align:center;
	margin:15px 0 45px;
}

		


/*Sidebar*/
.sidebar .main-box {		
	margin-bottom:30px;
}
.sidebar .label {
	display:block;
	padding:7px 6px;
	text-align:left;
}
.sidebar ol, .sidebar ul{
	margin:0;
	padding:0 0 0 15px;
	list-style-type:none;
}



/*Loop*/
.panel-heading {
	position:relative;
}
	.loop-posts .panel-title {
		padding-right:140px;
		line-height:140%;
		text-align:left;
	}
	.loop-posts .label{
		font-size:14px;
		font-weight:normal;
		position:absolute;
		top:10px;
		right:10px;
	}
	
	.panel-body:after {
	  clear: left;
	}
	
	
/*Footer section*/
.footer {	
	padding:35px 0 20px;
	border-top:1px solid #ccc;
	background: #3e3e3e;
	color: #fff;
}

.footer a{
	color:#3b3636;
}
.footer a:hover {
	text-decoration:none;
	color:#f60;
}

.copy {
	width: 100%; text-align: center;
	margin-bottom:15px;
}

.footer-menu {
   float:left;
   margin-bottom:15px;  
}
	.footer-menu ul {
	   margin:0;
	   padding:0;
	}
		.footer-menu ul li {		   
		   float:left;
		   list-style:none;
		   position:relative;		   
		}
		.footer-menu ul li.sep{
			margin:0 15px;
		}
			.footer-menu ul li a {
			   display:block;
			   color:#111;
			   margin:0;
			   padding:0x;
			}
				.footer-menu ul li a:hover {
					color:#f60;
				}
				
.footer-text{
	text-align:center;
	font-size:12px;
	margin-bottom:15px;
}


.footer.custom{}
.footer.custom .copy {
	float:none;
	text-align:center;
	display:block;
	margin-bottom:15px;
}
.footer.custom .footer-menu {
  	float:none;
	text-align:center;
	display:block;
   	margin-bottom:15px;  
}
	.footer.custom .footer-menu ul li {		   
		   float:none;
		   list-style:none;
		   position:relative;
		   display:inline-block;		   
		}
		.footer.custom .footer-menu ul li.sep{
			margin:0 15px;
		}
			.footer.custom .footer-menu ul li a {
			   display:block;
			   color:#111;
			   margin:0;
			   padding:0x;
			}
				.footer.custom .footer-menu ul li a:hover {
					color:#f60;
				}


/*Thank-you*/
.thank-you .banner{
	display:none;
}
.thank-you .content{
	padding:50px 0 70px;
}
	.ty-section{
		background-color:#f7f7f7;
		padding:70px 15px 120px;
		box-shadow:1px 1px 5px #555;
	}
	
	.ty-section-book{
		background-color:#e9ffec;
		padding:70px 35px 70px;
		/*box-shadow:1px 1px 5px #555;*/
	}
		.ty-section-book h1{
			font-size:48px;
			font-weight:bold;
			color:#246b2e;
			text-align:left;
		}
		.ty-section-book p{
			text-align:left;
		}
		.ty-section-book img{
			width:100%;
			display:block;
			height:auto;
		}
	
		.ty-section p {
			text-align:center;
			color:#111;
			font-size:18px;
			font-weight:400;
		}
		
		
.thank-you .get-in-touch, .thank-you .footer{
	display:none;
}




/*home*/
.tag-line{
	background-color:#004677;
	padding:30px 0 10px;
	/*padding:3vmin 0;*/
	text-align:center;		
}
	.tag-line h2, .tag-line h3, .tag-line p{		
		text-transform:uppercase;
		color:#fff;
	}

.home-page .responsive{
	max-width:356px;
	margin:0 auto 15px;	
}

.content h1{
	color: rgb(5, 68, 164);
	text-align: center;
	font-weight: 400;
}
.content h3{
	font-weight:300;
}

.content ul{
	margin-bottom:20px;
}
	.content ul li{
		padding:0 0 0 30px;
		background:url(images/li.jpg) no-repeat 0 6px;
		margin-bottom:15px;
	}
	
	
	
/*Services*/
.services{}
	.services img{
		display:block;
		margin:0 auto 20px;
	}
	h3.service-title{
		text-align:center;
		font-size:20px;
		color:#111;
		font-weight:500;
		margin-bottom:25px;
	}
	
	


/* =Images
-------------------------------------------------------------- */
/*
Applies only to images uploaded via WordPress by targeting size-* classes.
*/
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
.attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}
.wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.wp-caption img {
	margin: 5px 5px 0;
}
.wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}



@media (max-width: 912px) {
  	.banner-slogan{
		display:none;
	}
}




@media (max-width: 798px) {
.header {
	padding:20px 0 0;	
}
	.logo {
		float: none; 	
		display:block;
		margin:0 auto 20px;
		padding:0 !important;
	}	
		
	.d-header-phone {
		display:none;		
	}
	.mobile-header-bar{
		display:block;
		background-color:#f60;
		height:40px;
		padding:0 15px;
	}	
		.menu-icon {
			display:block;
			cursor:pointer;
			color:#fff;
			line-height:40px;
			font-size:18px;
			
			float:left;
			padding:0 10px;
			margin-left:-10px;
		}
		.mobile-header-bar .m-header-phone{
			display:block;
			margin:0;
			float:right;
		}
			.mobile-header-bar .m-header-phone span.fa{
				margin-right:8px;				
			}
			.mobile-header-bar .m-header-phone a{				
				font-size:18px;
				color:#fff;
				line-height:40px;
				display:block;				
			}
			.mobile-header-bar .m-header-phone a:hover{
				color:#000;
			}
		
	.header-menu {
		position:static;
		display:none;
		width:100%;
	}		
		.header-menu ul {
			margin:0;
			padding:10px 0 0px;
		}
			.header-menu ul li{
				list-style-type:none;
				float:none;
				margin:0px 0 10px 0;
				display:block;
			}
				.header-menu ul li a{
					display:block;
					font-size:18px;
					line-height:1;
					text-align:center;
					padding:7px 10px;
					border:1px solid #ccc;
					border-radius:4px;										
				}
				.header-menu ul li a:hover{					
					color:#fff;
					background-color:#f60;	
					border-color:#f60;
				}
	
	
.home-slogan{	
	padding:6% 0;	
}



.copy{
	float:none;
	display:block;
	text-align:center;
}

.footer-menu{
	float:none;
	display:block;
}
	.footer-menu ul , .footer.custom .footer-menu ul{
		text-align:center;
		padding-bottom:10px;		
	}
		.footer-menu ul li, .footer.custom .footer-menu ul li{
			display:block;
			margin-bottom:10px;
			float:none;
		}
		.footer-menu ul li.sep, .footer.custom .footer-menu ul li.sep{
			display:none;
		}
			.footer-menu ul li a, .footer.custom .footer-menu ul li a{
				display:block;
				text-align:center;
				padding:7px 10px;
				border:1px solid #ccc;
				border-radius:4px;
			}
			.footer-menu ul li a:hover, .footer.custom .footer-menu ul li a:hover{
				color:#fff;
				background-color:#f60;	
				border-color:#f60;
			}

		
	
		
.scaling h1{
	font-size:2.8em;
}
.scaling h2{
	font-size:2.4em;
}
.scaling h3{
	font-size:2.0em;
}
}


@media (max-width: 768px) {
	.service-col{
		margin-bottom:30px;
	}
	.services ul li{
		text-align:center;
		padding:0;
		background:none;
	}
}


@media (max-width: 484px) {
.scaling h1{
	font-size:2.4em;
}
.scaling h2{
	font-size:2.2em;
}
.scaling h3{
	font-size:1.8em;
} 
}






/*New grid size xxs*/
.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 484px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}    


.blue{background: #004a9d; text-align: center; color: #fff; padding: 5px 0;}

#lead-form{max-width: 600px; margin: 30px auto 0;}

.form-wrap{background: #f6f6f6; padding-top: 50px; margin-top: 30px;}

.header-contaner{padding-top: 100px;}
.header-contaner h1{color: #fff; font-size: 60px; margin-bottom: 30px; text-transform: none; line-height: 70px;}