/*

Theme Name: wp-pbc-bootstrap

Theme URI: 

Description: Custome Styles for Coffee Cart King

Version: 1.0.1

Author: George Yap

Author URI: 



All rights reserved.

*/



@import url("css/bootstrap.min.css");

@import url("css/font-awesome.min.css");

@font-face {font-family:Franklin; src: url(fonts/FranklinGothicDemiCondRegular.ttf);}

@font-face {font-family:FranklinBook; src:url(fonts/FranklinGothicBook.TTF);}

@font-face {font-family:'RobotoSlabBold'; src: url(fonts/RobotoSlab-Bold.ttf);}

@font-face {font-family:'RobotoSlab'; src: url(fonts/RobotoSlab-Regular.ttf);}



@font-face {

	font-family:ArtBrush; 

	src: url(fonts/artbrush.ttf);

}

@font-face {

	font-family:HandOfSean; 

	src: url(fonts/Hand_Of_Sean.ttf)

}



body {

	background:url(images/background1.png) no-repeat top center fixed; 

	-webkit-background-size:cover; 

	-moz-background-size:cover; 

	-o-background-size:cover; 

	background-size:cover; 

	font-family:Arial, Helvetica, sans-serif !important; 

	list-style:none !important;

	margin:0 0 20px; 

	padding:0; 

}

h1, h2, h3, h4, h5, h6 {

	margin:0; 

	padding:0;

}



/*Header Section*/

header {

	background-color:#fff; 

	border-bottom:3px solid #95612c; 

	height:135px;

	padding:0;

	position:relative;

}

.logo {

	position:absolute;

	top:0;

	left:40px;

	z-index:10;

}

.portable-building-cash {

	position:absolute;

	top:10px;

	left:300px;

	z-index:10;

}

.phone {

	color:#000; 

	font-family:Tahoma, Geneva, sans-serif; 

	font-size:30px; 

	font-weight:600 !important;

	position:absolute; 

	top:45px; 

	right:40px; 

	z-index:10; 

	-webkit-transition:all 0.6s ease 0s; 

	-moz-transition:all 0.6s ease 0s; 

	-o-transition: all 0.6s ease 0s; 

	transition: all 0.6s ease 0s;

}

.phone:hover {

	color:#000; 

	cursor:pointer;

}

.header-title {

	position:absolute; 

	top:60px; 

	right:40px; 

	z-index:10; 

}

.header-title h1 {

	color:#553a20;

	font-family:'RobotoSlabBold'; 

	font-size:19px;

	/*font-style:italic;*/

	font-weight:bold;

	letter-spacing:1px;

}



/*Form Section*/

.form-section {

	background:url(images/form-section-bg.png) repeat; 

	border-radius:0 0 8px 8px;

	padding:0 40px 10px; 

}

.fill-in-form-below {

	padding:0;

	position:absolute; 

	top:25px; 

	left:130px; 

	z-index:20;	

}

.fill-in-form-below h3 {

	color:#ED0000; 

	font-family:ArtBrush;

	font-size:22px;

	/*font-style:italic; */ 

	letter-spacing:1px;

	text-align:center; 	

}

.badges {

	padding:0;

	position:absolute; 

	top:-25px; 

	right:40px; 

	z-index:20; 	

}

.form, .form-footer {

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFFFCD)); 

	background: -webkit-linear-gradient(top, #FFFFCD, #FFFFFF); 

	background: -moz-linear-gradient(top, #FFFFCD, #FFFFFF); 

	background: -ms-linear-gradient(top, #FFFFCD, #FFFFFF); 

	background: -o-linear-gradient(top, #FFFFCD, #FFFFFF);

	border:2px dashed #B07904; 

        margin:90px auto 0; 

	position:relative; 

        padding:20px;

}

.form-footer {margin-top:20px !important;}	

.form-content {

	position:absolute; 

	top:20px; 

	left:40px; 

	width:680px;

}

.form-content h1 {

	font-family:'RobotoSlabBold'; 

	font-size:30px; 

	color:#ED0000;  

	margin-bottom:5px;

}

.form-content p {font-size:12px;}

.form-box {

	/*background:url(images/formbox-bg.png) no-repeat top;*/ 

	position:absolute; 

	top:195px; 

	left:40px; 

	width:500px; 

	padding:0 0 0 70px;

}

.padlock {

	position:absolute; 

	bottom:20px; 

	left:40px; 

	padding:0; 

	z-index:10;

}

.portable-with-cash {

	position:absolute; 

	top:30px; 

	right:15px; 

	padding:0; 

	z-index:10;

}

.guy-smiling {

	position:absolute; 

	bottom:0; 

	right:0; 

	padding:0; 

	z-index:15;

}

.watch-a-free-online-video {

	position:absolute; 

	top:20px; 

	right:230px; 

	padding:0; 

	z-index:20;

}

.amazing-business-opportunities {

	position:absolute; 

	top:-8px; 

	right:-16px; 

	padding:0; 

	z-index:25;

}



.as-seen-on {margin-top:10px;}

.as-seen-on h3 {font-size:16px; font-weight:bold;}



/*Content Section*/

.content, .content-address {

	background:url(images/content-bg.png) repeat-y; 

	border-radius:8px;

        margin-top:20px;

	padding:0;

}

.content-address {

        border-radius:0 0 8px 8px !important;

        margin-top:0 !important;

}

.leftcol {

	border-radius:8px 0 0 8px; 

	padding:30px 20px; 

}

.leftcol li {

	font-size:15px;

	list-style:none outside !important;

	margin-bottom:10px;  

	margin-left:-40px; 	

}

.leftcol li a {

	color:#000; 

	text-decoration:none; 

	-webkit-transition:all 0.6s ease 0s; 

	-moz-transition:all 0.6s ease 0s; 

	-o-transition: all 0.6s ease 0s; 

	transition: all 0.6s ease 0s;

}

.leftcol li a:hover {color:#FFCC00;}

.rightcol {

	border-radius:0 8px 8px 0; 

	padding:30px 30px 15px;

}

.rightcol h1 {

	font-family:'RobotoSlabBold'; 

	font-size:30px; 

	font-weight:800;

	line-height:34px; 

	margin-bottom:15px; 

	text-align:center;

}

.rightcol h2 {

	font-family:'RobotoSlabBold'; 

	font-size:26px; 

	font-weight:800;

	line-height:30px; 

	margin-bottom:20px; 

	text-align:center;

}

.rightcol h3 {

	color:#CB0303;

	font-family:'RobotoSlabBold';  

	font-size:20px; 

	font-weight:600;

	line-height:24px;

	margin-top:20px; 

	margin-bottom:20px; 

	

}



.rightcol h4 {

	color:#000;

	font-family:'RobotoSlabBold';  

	font-size:18px; 

	font-weight:580;

	line-height:24px;

	margin-bottom:25px; 	

}



.rightcol p {

	font-size:14px; 

	line-height:18px; 

	margin-bottom:10px;

}

.rightcol ul {margin-left:-20px;}

.rightcol ul li {list-style:none outside !important;}

.rightcol li {

	font-size:14px; 

	margin-bottom:8px; 

}

.rightcol ol {margin-left:-20px;}

.rightcol ol li  {list-style:decimal outside; }

.rightcol li {

	font-size:14px; 

	margin-bottom:8px; 

}



.content-address .rightcol li {margin-left:-20px !important;} 



.rightcol #gallry1 #gallery-1 .gallery-item { width: 25% !important; }



/*Footer Section*/

footer { 

    margin:15px 0 20px; 

	font-size:13px; 

	text-align:center;

}

.footernav {margin-bottom:10px;}

.footernav a {

	color:#000; 

	padding:0 15px;

	text-decoration:none;  

	-webkit-transition:all 0.6s ease 0s; 

	-moz-transition:all 0.6s ease 0s; 

	-o-transition: all 0.6s ease 0s; 

	transition: all 0.6s ease 0s;

}

.footernav a:hover {color:#FFCC00;;} 

.copyright p {

	font-size:12px; 

	text-align:center;

}

.copyright a {

	color:#000; 

        font-weight:bold;

	text-decoration:none; 

	-webkit-transition:all 0.6s ease 0s; 

	-moz-transition:all 0.6s ease 0s; 

	-o-transition: all 0.6s ease 0s; 

	transition: all 0.6s ease 0s;

}

.copyright a:hover {color:#FFCC00;}



/*Misc*/

.clearfix, .clear {clear:both;}

.highlight {

	background-color:#ffff00; 

	padding:1px 3px;

}

.widgettitle {

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8BA00), to(#FFCC00)); 

	background: -webkit-linear-gradient(top, #FFCC00, #E8BA00); 

	background: -moz-linear-gradient(top, #FFCC00, #E8BA00); 

	background: -ms-linear-gradient(top, #FFCC00, #E8BA00); 

	background: -o-linear-gradient(top, #FFCC00, #E8BA00); 

	color:#000; 

	font-family:'RobotoSlabBold'!Important; 

	font-size:24px; 

	font-weight:600;

	margin-bottom:20px; 

	padding:5px 0; 

	text-align:center; 	

}

.center-block {

	margin:0 auto; 

	display:block;

}

.video {

	display:block; 

	margin:10px auto 20px;

	width:560px; 

}

.dotted {

	clear:both;

	border-bottom:1px dotted #ccc; 

	height:15px; 

	margin-bottom:15px; 	

}

.left, .right{

	float:left; 

	margin-right:10px;

}

.right {float:right; }

.top-input, .top-textarea, .top-select {  

	border:1px #ccc solid; 

	height:20px; 

	padding:0 0 0 5px; 

	width:230px;

}

.top-select {

	height:25px;

	padding:1px 0 1px 5px; 

	width:192px; 

}	

.top-textarea { margin-top:8px;}

.next-step {

	border:2px dashed #336699;

        margin:20px 0;

	padding:10px 10px 5px; 

}

.next-step h4 {

	color:#CB0303;

	font-weight:700;

}

.watch-video-below {

	color:#F00; 

	font-family:HandOfSean; 

	font-size:22px; 

	font-weight:normal;

	text-align:center; 

}



.form-control {

        border-radius:0 !important; 

        margin-bottom:3px;

        border:1px solid #ccc !important;

        height:30px; 

}



.formbox {

        background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFE2A8)); 

	background: -webkit-linear-gradient(top, #FFE2A8, #FFFFFF); 

	background: -moz-linear-gradient(top, #FFE2A8, #FFFFFF); 

	background: -ms-linear-gradient(top, #FFE2A8, #FFFFFF); 

	background: -o-linear-gradient(top, #FFE2A8, #FFFFFF); 

        border:3px dashed #D2A54A;  

	margin:20px auto; 

	padding:10px 20px 0;

        /*width:98%;*/

}

.formbox p {

	color:#a00;

	font-family:Tahoma, Geneva, sans-serif !important;  

	font-size:16px; 

	font-weight:600;

	line-height:20px;

	margin-bottom:10px; 

        text-align:center;	

}



.formbox-input, .formbox-select {

        border:1px solid #ccc !important; 

	border-radius:0 !important;

        height:25px;

	margin-top:3px; 

	margin-bottom:8px; 

	padding:5px; 

	width:100%; 

}



.formbox-select {padding:3px !important;}



.label-text {font-size:13px !important;}



.boxform {margin-bottom:-2px !important;}



/*Step 3 Page*/

.step3-video { 

    margin:10px 0 20px;

	text-align:center;

}

.step3-video h3 {

	color:#ff0000; 

	font-family:Tahoma, Geneva, sans-serif; 

	font-size:18px; 

	font-weight:600;

	letter-spacing:1px;

	margin-bottom:10px;

}

.step3-video p {margin-top:10px;}

.step3-form {

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFE2A8)); 

	background: -webkit-linear-gradient(top, #FFE2A8, #FFFFFF); 

	background: -moz-linear-gradient(top, #FFE2A8, #FFFFFF); 

	background: -ms-linear-gradient(top, #FFE2A8, #FFFFFF); 

	background: -o-linear-gradient(top, #FFE2A8, #FFFFFF); 

	border:3px dashed #D2A54A;  

	margin-top:20px; 

	margin-bottom:20px;

	padding:20px 40px; 

	position:relative;

}

.step3-headline h1, .step3-headline h3 { 

	color:#CB0303; 

	font-family:Impact;

	font-size:32px; 

	text-align:center;

} 

.step3-headline h3 {

	font-family: Arial, Helvetica, sans-serif;

	font-size:26px; 

}

.step3-content {margin-top:15px;}

.step3-box-title {

	background-color:#336799; 

    color:#FFF; 

	font-family:Tahoma, Geneva, sans-serif; 

	font-size:26px; 

	font-weight:bold; 

	margin-top:10px; 

	margin-bottom:10px;

	padding:5px 0;

	text-align:center;	 

}

.step3-box p {

	font-size:13px; 

	line-height:15px;

}

.form-input {

	border:1px solid #ccc !important; 

	border-radius:0 !important;

	margin-top:3px; 

	margin-bottom:8px; 

	padding:5px; 

	width:100%; 

}

.step3-content label {

	font-size:13px; 

	font-weight:normal; 

	margin-bottom:5px;

}

.small-text {

	font-family: "Times New Roman", Times, serif; 

	font-size:10px; 

	font-style:italic; 

	margin-top:10px;

}

.required {

	font-family: "Times New Roman", Times, serif; 

	font-size:11px; 

	font-weight:600;

	padding:0; 

	position:absolute; 

	bottom:-25px; 

	left:20px; 

	z-index:50;

}



.btn-modal

{

    border-top-width: 1px;

    border-right-width-value: 1px;

    border-bottom-width: 1px;

    border-left-width-value: 1px;

    border-top-style: solid;

    border-right-style-value: solid;

    border-bottom-style: solid;

    border-left-style-value: solid;

    border-top-color:#EDBB00;

    border-right-color-value:#EDBB00;

    border-bottom-color:#EDBB00;

    border-left-color-value:#EDBB00;

    border-image-source: none;

    border-image-slice: 100% 100% 100% 100%;

    border-image-width: 1 1 1 1;

    border-image-outset: 0 0 0 0;

    border-image-repeat: stretch stretch;

    color: #000000;

    text-shadow: 0px 1px rgba(0, 0, 0, 0.1);

    background-color: #FDCA00;

    border-top-left-radius: 3px;

    border-top-right-radius: 3px;

    border-bottom-right-radius: 3px;

    border-bottom-left-radius: 3px;

    padding-top:10px;

    padding-right:15px;

    padding-bottom:10px;

    padding-left:15px;

    margin-top: 10px;

    text-align: center;

    vertical-align: middle;

    font-size:18px;

    width:60%;

    border:1px solid #EDBB00 !important;

}



.btn-modal:hover

{

  border-top-width: 1px;

  border-right-width-value: 1px;

  border-bottom-width: 1px;

  border-left-width-value: 1px;

  border-top-style: solid;

  border-right-style-value: solid;

  border-bottom-style: solid;

  border-left-style-value: solid;

  border-top-color: #2f5bb7;

  border-right-color-value: #2f5bb7;

  border-bottom-color: #2f5bb7;

  border-left-color-value: #2f5bb7;

  border-image-source: none;

  border-image-slice: 100% 100% 100% 100%;

  border-image-width: 1 1 1 1;

  border-image-outset: 0 0 0 0;

  border-image-repeat: stretch stretch;

  color: #000000;

  text-shadow: 0px 1px rgba(0, 0, 0, 0.3);

  background-color:#EDBB00;

}



.modal-body {

    background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFE2A8)); 

    background: -webkit-linear-gradient(top, #FFE2A8, #FFFFFF); 

    background: -moz-linear-gradient(top, #FFE2A8, #FFFFFF); 

    background: -ms-linear-gradient(top, #FFE2A8, #FFFFFF); 

    background: -o-linear-gradient(top, #FFE2A8, #FFFFFF);}



.modal-body h3 {

    font-size:20px !important;

    font-weight:700 !important;

    color:#d80000;

    margin-bottom:15px;

    font-family:Tahoma, Geneva, sans-serif; 

}



.modal-body p {}



.modal-body .label-text {font-size:12px !important; text-align:left !important;}



/*Light Page*/



.bg-light {

	background:url(images/light.jpg) no-repeat top center;

	-webkit-background-size:cover; 

	-moz-background-size:cover; 

	-o-background-size:cover; 

	background-size:cover;  

}



.light-video { 

    margin:10px 0 20px;

	text-align:center;

}



.light-video h3 {

	color:#fff; 

	font-family:FranklinBook; 

	font-size:24px; 

	font-weight:600;

	letter-spacing:1px;

	margin-bottom:10px;

}

.light-video img {

	margin-top:20px !important;

	margin-bottom:20px !important;

}



.light-form {

	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#FFDD75)); 

	background: -webkit-linear-gradient(top, #FFDD75, #FFFFFF); 

	background: -moz-linear-gradient(top, #FFDD75, #FFFFFF); 

	background: -ms-linear-gradient(top, #FFDD75, #FFFFFF); 

	background: -o-linear-gradient(top, #FFDD75, #FFFFFF); 

	border:1px solid #D2AE34;  

	margin-top:20px; 

	padding:20px 40px; 

	position:relative;

}



.light-headline h1, .light-headline h3 { 

	color:#0759A7; 

	font-family:Impact;

	font-size:40px; 

	text-align:center;

} 

.light-headline h3 {

	font-family:FranklinBook; 

	font-size:34px;

	color:#B20000 !important; 

}



.light-content {margin-top:15px;}



.light-box-title {

	background-color:#0859A8; 

     color:#FFF; 

	font-family:Tahoma, Geneva, sans-serif; 

	font-size:26px; 

	font-weight:bold; 

	margin-top:10px; 

	margin-bottom:10px;

	padding:5px 0;

	text-align:center;	 

}

.light-box p {

	font-size:13px; 

	line-height:15px;

}

.form-input {

	border:1px solid #ccc !important; 

	border-radius:0 !important;

	margin-top:3px; 

	margin-bottom:5px; 

	padding:3px 5px; 

	width:100%; 

}



.form-select {

	border:1px solid #ccc !important; 

	border-radius:0 !important;

	margin-top:3px; 

	margin-bottom:10px; 

	padding:5px 5px; 

	width:100%; 

}





.light-content label {

	font-size:13px; 

	font-weight:normal; 

	margin-bottom:5px;

}



.small-text {

	font-family: "Times New Roman", Times, serif; 

	font-size:10px; 

	font-style:italic; 

	margin-top:10px;

}



.tickbox {line-height:15px !important;}



.required {

	font-family: "Times New Roman", Times, serif; 

	font-size:11px; 

	font-weight:600;

	padding:0; 

	position:absolute; 

	bottom:-25px; 

	left:20px; 

	z-index:50;

}



.light-shadow {background:url(images/light-shadow.png) no-repeat top center; height:80px;}



.footer-light p {

	font-size:14px; 

	text-align:center;

	color:#fff !important; 

}

.footer-light a {

	color:#fff; 

        font-weight:normal;

	text-decoration:none; 

	-webkit-transition:all 0.6s ease 0s; 

	-moz-transition:all 0.6s ease 0s; 

	-o-transition: all 0.6s ease 0s; 

	transition: all 0.6s ease 0s;

}

.footer-light a:hover {color:#FFCC00;}



/*Address 2*/



.bg-address2 {

	background:#458AFF url(images/address2-bg2.jpg) repeat-x top !important; 

	margin-top:10px;

}

.address2 h2 {

	font-family:Tahoma, Geneva, sans-serif; 

	font-size:26px; 

	font-weight:800;

	line-height:32px; 

	margin-bottom:15px; 

	text-align:center;

}

.content-address2 {background-color:#FFF; /*border:1px solid #f9f9f9;*/ padding:20px 20px 40px; 

-webkit-box-shadow: 0px 0px 10px 5px #b1b1b1;

-moz-box-shadow: 0px 0px 10px 5px #b1b1b1;

box-shadow: 0px 0px 10px 5px #b1b1b1;

}

.content-address2 h1 {font-family:Tahoma, Geneva, sans-serif; font-weight:800; margin-bottom:15px; text-align:center;}

.content-address2 h3 {font-size:22px; margin-bottom:15px; text-align:center;}

.content-address2 h4 {font-size:18px; margin-bottom:15px; text-align:center;}

.content-address2 ul {margin-bottom:20px;}

.content-address2 li {list-style:none !important; margin-bottom:10px;}

.content-address2 .red {color:#F00 !important;}

.content-address2 .btn-modal {width:auto;}

.content-address2-formbox {border:3px dashed #D2A54A; padding:10px 15px 20px;}

.content-address2-formbox-input {border:1px solid #ccc !important; border-radius:0 !important; margin-top:3px; margin-bottom:5px; padding:5px; width:100%; }

.footer-address2 p {font-size:14px; text-align:center;}

.footer-address2 a {color:#000;  font-weight:normal; text-decoration:none; -webkit-transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -o-transition: all 0.6s ease 0s; transition: all 0.6s ease 0s;}

.footer-address2 a:hover {color:#FFCC00;}

.display-blk-lg {display:block;}

.postal1 {background-color:#ffff00; border:1px solid #ff0000 !important;}



/*Buttons*/

.btn-warning a, a.btn-warning {color:#fff !important; font-weight:normal !important;}







/*New Form Layout*/

.new_form_content {padding:0 10px;}

.new_form_content h1 {color:#ED0000;  font-family:'RobotoSlabBold';  font-size:26px; margin-bottom:5px; text-align:center;}

.new_form_content P {font-size:13px;}

.new_form_content .form-control {margin-bottom:10px !important;}

.new_form_content .new-form-control  {border:1px solid #cbcbf6; border-radius:0 !important; height:25px; margin-bottom:20px !important; padding:2px 2px 2px 5px; width:100%;}

.new_form_content_lock {font-size:9px; text-align:center;}

.new_form_content_lock .fa-lock {color:#E3C836; padding-right:3px;}

.new_form_content .submit {font-size:10px; font-weight:bold; text-align:center; text-transform:uppercase; }

.new-form-control option {

    color: #999 !important;

}



.img_left {float:left; margin-right:20px; margin-bottom:20px;}

.img_right {float:right; margin-left:20px; margin-bottom:20px;}



.table > thead:first-child > tr:first-child > th {border-top-color:#000 !important;}

.table > thead:first-child > tr:first-child > th {background-color:#724d44; color:#fff !important;}

.table-bordered {border-color:#000 !important;}

.table > thead:first-child > tr:first-child > th {border-color:#000 !important; border-bottom-color:transparent !important;}

.table-bordered > tbody > tr > td {background-color:#fff; border-color:#000 !important; text-transform:capitalize;}

.sitemap {margin-bottom:5px; margin-left:-40px;}
.sitemap h4 {margin-bottom:10px; text-align:center; text-transform:uppercase;}
.sitemap ul {}
.sitemap li {display:inline-block; list-style:none; margin-bottom:10px; padding:0 8px;}
.sitemap li a {color:#000;}
.sitemap li a:hover {color:#ffcc00; text-decoration:none;}



/* Media Queries */

@media (min-width: 1200px) { 



}



@media (min-width: 980px) and (max-width: 1199px) {

.header-title {right:40px;}

.header-title h1 {font-size:28px;}

.fill-in-form-below {left:20px;}

.form, .form-footer {height:400px;}

.form-content {width:450px;}

.form-box {top:180px; left:30px;}

.portable-with-cash {top:120px; right:120px;}

.portable-with-cash img {width:90%;}

.guy-smiling img {width:90%;}

.watch-a-free-online-video {top:50px; right:200px;}

.watch-a-free-online-video img {width:80%;}

.content {background:url(images/content-bg-970px.png) repeat-y; }

.form, .form-footer {height:auto;}

}



@media (min-width: 768px) and (max-width: 979px) {

header {height:auto; padding-bottom:30px;}

.logo, .portable-building-cash, .phone, .header-title, .fill-in-form-below, .badges {position:static;}

.logo, .header-title {margin-bottom:10px;}

.phone {text-align:center;}

.header-title h1 {

	font-size:28px !important; 

	text-align:center;

}

.badges {margin-top:-30px;}

.fill-in-form-below {margin:10px 0;}

.form-section {height:auto !important;}

.fill-in-form-below {position:static; margin:10px 0 0;}

.badges {position:static; display:block; margin:-20px auto 5px;} 

.form, .form-footer {margin-top:20px; padding-left:10px;}

.form-content {width:400px; left:20px;}

.form-content h1 {font-size:26px;}

.form-content p {font-size:12px;}

.formbox {top:180px; left:20px;}

.portable-with-cash {top:20px; right:-60px;}

.portable-with-cash img {width:60%;}

.guy-smiling {right:-30px;}

.guy-smiling img {width:80%;}

.watch-a-free-online-video {top:200px; right:80px;}

.watch-a-free-online-video img {width:60%;}

.top-input, .top-textarea, .top-select { width:200px;}

.content {background:transparent !important;}

.leftcol {

	background:transparent !important; 

	padding:10px;

}

.leftcol li {

	margin-bottom:5px;

	text-align:center; 

}

.leftcol li a {

	background-color:#FFF; 

	color:#000; 

	display:block; 

	padding:5px 0; 

	-webkit-transition:all 0.6s ease 0s; 

	-moz-transition:all 0.6s ease 0s; 

	-o-transition: all 0.6s ease 0s; 

	transition: all 0.6s ease 0s;

}

.leftcol li a:hover {

	background-color:#FFCC00; 

	color:#000;

}

.rightcol {

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

	padding:10px 15px;

}

}



@media (max-width: 767px) {

header {height:auto; padding-bottom:30px;}

.logo, .portable-building-cash, .phone, .header-title, .fill-in-form-below, .badges {position:static;}

.logo, .header-title {margin-bottom:10px;}

.phone {text-align:center;}

.header-title h1 {

	font-size:28px !important; 

	text-align:center;

}

.badges {margin-top:-30px;}

.fill-in-form-below {margin:10px 0;}

.form-section {height:auto !important; margin-bottom:0;}

.form, .form-footer {padding:20px 20px; height:auto; margin-top:0;}

.form-content {width:100%; position:static;}

.form-content h1 {font-size:30px; text-align:center;}

.form-content p {font-size:14px;}

.form-box {background:none !important; position:static; width:auto; padding-left:0; }

.guy-smiling, .amazing-business-opportunities {display:none;}

.watch-a-free-online-video {position:static; margin-top:-180px; margin-bottom:30px;}

.watch-a-free-online-video img {width:40%;}

.portable-with-cash {position:static;}

.padlock {position:static;}

.content {background:transparent !important;}

.leftcol {

	background:transparent !important; 

	padding:10px;

}

.leftcol li {

	margin-bottom:5px;

	text-align:center; 

}

.leftcol li a {

	background-color:#FFF; 

	color:#000; 

	display:block; 

	padding:5px 0; 

	-webkit-transition:all 0.6s ease 0s; 

	-moz-transition:all 0.6s ease 0s; 

	-o-transition: all 0.6s ease 0s; 

	transition: all 0.6s ease 0s;

}

.leftcol li a:hover {

	background-color:#FFCC00; 

	color:#000;

}

.rightcol {

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

	border-radius: 0 !important;

	padding:10px 15px;

}

.footernav a {

	background-color:#FFF; 

	display:block !important; 

	margin-bottom:5px; 

	padding:5px 0; 

	-webkit-transition:all 0.6s ease 0s; 

	-moz-transition:all 0.6s ease 0s; 

	-o-transition: all 0.6s ease 0s; 

	transition: all 0.6s ease 0s;

}

.footernav a:hover {

	background-color:#FFCC00;

	color:#000;

}

.video {

	width:100% !important; 

	height:100% !important;

}

.top-input {width:100%;}

.display-block {display:block;}

}





@media (max-width: 480px) {	

.form-section {margin-bottom:10px; padding:10px !important;}

.form, .form-footer {padding:20px 20px; height:auto;}

.form-content {width:auto; position:static;}

.form-content h1 {font-size:22px; text-align:center;}

.form-content p {font-size:12px;}

.form-box {padding-left:0;} 

.guy-smiling, .amazing-business-opportunities  {display:none;}

.watch-a-free-online-video {position:static; margin-top:-160px; margin-bottom:30px;}

.watch-a-free-online-video img {width:60%;}

.padlock {position:static;}

.step3-video h3 {font-size:20px;}

.step3-video iframe {height:300px !important;}

footer p {font-size:11px !important;}

.sitemap ul {margin-left:-40px; text-align:center;}
.sitemap li {display:block;}
.sitemap li a {color:#000;}
.sitemap li a:hover {color:#ffcc00; text-decoration:none;}

}