/*
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("http://wholesaleflooringsupplies.com.au/wp-content/uploads/2017/02/HM_Walk_Kitchen.jpg") 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;
}

.alignright {
float:right;
padding:10px;
}

.imgright{
float:right;
padding:10px;
}

/*FAQ's Page*/
.faq_box {background-color:#fbfbfb; margin:15px auto; padding:10px 15px; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.faq_box:hover {background-color:#dd6c1f; color:#fff; cursor:pointer;}
.faq_title {font-size:130%; font-weight:bold;}

/*Header Section*/
header {
	background-color:#fff; 
	border-bottom:3px solid #093346; 
	height:135px;
	padding:0;
	position:relative;
}
.logo {
	position:absolute;
	top:15px;
	left:40px;
	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:20px 40px; 
}
.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 #c3262e; 
        margin:0 auto; 
	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;
background-color:#d8cabd; display:block; padding:10px 10px 10px 20px;
}
.leftcol li a:hover {color:#a41e22; background-color:#d8cabd;}
.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:15px; 
	text-align:center;
}
.rightcol h3 {
	font-family:'RobotoSlabBold';  
	font-size:20px; 
	font-weight:600;
	line-height:24px;
	margin-top:20px; 
	margin-bottom:15px; 
	
}

.rightcol h4 {
	color:#000;
	font-family:'RobotoSlabBold';  
	font-size:18px; 
	font-weight:580;
	line-height:24px;
        margin-bottom:5px; 	
}

.rightcol p {
	font-size:16px; 
	line-height:18px; 
	margin-bottom:10px;
}
.rightcol ul {margin-left:-20px;}
.rightcol ul li {list-style:square outside !important;}
.rightcol li {
	font-size:16px; 
	margin-bottom:8px; 
}
.rightcol ol {margin-left:-20px;}
.rightcol ol li  {list-style:decimal outside; }
.rightcol li {
	font-size:16px; 
	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:#5cb85c; 
	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 {
        color:#5cb85c;
	font-size:12px; 
	text-align:center;
text-shadow: 1px 1px #000;
}
.copyright a {
	color:#5cb85c; 
        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:#a41e22;}

/*Misc*/
.clearfix, .clear {clear:both;}
.highlight {
	background-color:#ffff00; 
	padding:1px 3px;
}
.widgettitle {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#a5461a), to(#dd6c1f)); 
	background: -webkit-linear-gradient(top, #dd6c1f, #a5461a); 
	background: -moz-linear-gradient(top, #dd6c1f, #a5461a); 
	background: -ms-linear-gradient(top, #dd6c1f, #a5461a); 
	background: -o-linear-gradient(top, #dd6c1f, #a5461a); 
	color:#fff; 
	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:22px; letter-spacing:-1.5px; 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;}
h4.red {color:#ff0000 !important;}
.right_box {float:right;}
.left_box {float:left;}
.box {background-color:#093346; color:#fff; padding:10px 15px;}
.bg-danger {font-size:16px; line-height:18px; margin-top:15px; padding:15px 20px;}

/*Sitemap*/
.footer_menu {color:#5cb85c; margin:10px 0; text-shadow: 1px 1px #000;}
.footer_menu h4 {color:#5cb85c; margin-bottom:10px; text-align:center; text-transform:uppercase; text-shadow: 1px 1px #000;}
.footer_menu ul {margin-left:-40px;}
.footer_menu li {color:#5cb85c; display:inline-block; font-size:16px; margin-bottom:5px; padding-right:3px; padding-left:3px; text-shadow: 1px 1px #000;}
.footer_menu li a {color:#5cb85c; text-shadow: 1px 1px #000;}
.footer_menu li a:hover {color:#a41e22; 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:#a41e22; 
	color:#fff;
}
.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;}
/*Sitemap*/
.footer_menu li {display:block;}
.footer_menu 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;
}
.footer_menu li a:hover {
	background-color:#a41e22; 
	color:#fff;
}

@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;}
}