/*
Theme Name: WP-Bootstrap
Theme URI: 
Description: Custome Styles (Bootstrap 3)
Version: 0.0.1
Author: George Padlan Yap
Author URI: 

All rights reserved.
*/

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

body {background-color:#2C8F80;  list-style:none !important; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, li {margin:0; padding:0;}

/*Header Section*/
header {background-color:#FFF; border-radius:5px; margin-top:10px; padding:15px 20px 25px;}
.header {position:relative; height:275px; padding:0 40px;}
.logo {position:absolute; top:0; left:10px; z-index:5;}
.phone {font-family: Tahoma,Geneva,sans-serif; font-size:36px; font-weight:800; text-align:center; position:absolute; top:0; left:380px; z-index:5;}
.claim-your-instant-pricing {position:absolute; top:10px; right:0; z-index:5;}
.banner {position:absolute; top:75px; left:0; z-index:3;}
.form {margin-top:20px;}
.formbox {border:3px dashed #11683C; margin-top:5px; padding:15px 20px;}
.formbox h3 {background-color:#2C8F80; color:#FFF; font-size:20px; margin-bottom:10px; padding:5px 0;  text-align:center; text-transform:uppercase;}
.form-control {border:1px solid #e0e0e0; border-radius:0; height:30px; margin-bottom:5px;}
.top-arrow-text h4 {color:#ff0000; text-align:center;}

/*Content Section*/
.content {background-color:#FFF; border-radius:5px; margin-top:10px; padding:20px;}
.leftcol {}
.leftcol h2 {background-color:#CC0000; color:#FFF; font-size:22px; margin-top:10px; margin-bottom:10px; padding:10px 0; text-align:center; text-transform:uppercase; -moz-box-shadow:inset 0 0 10px #555; -webkit-box-shadow: inset 0 0 10px #555; box-shadow:inset 0 0 10px #555;}
.leftcol ul {margin-bottom:20px;}
.leftcol li {font-size:14px; list-style:none !important; margin-left:-40px; margin-bottom:3px;}
.leftcol li a {background-color:#EEE; color:#000; display:block; padding:5px 0 5px 15px; -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:#000; color:#FFF; text-decoration:none;}
.rightcol {margin-top:10px;}
.rightcol h1, .rightcol h2, .rightcol h3, .rightcol h4, .rightcol h5, .rightcol h6 {margin-bottom:15px;}
.rightcol h1 {font-weight:bold; text-align:center;}
.rightcol h3 {line-height:130%;}
.rightcol p {margin-bottom:15px;}
.rightcol li {list-style:url(images/green-tick.png) outside; margin-bottom:5px;}
.slideshow12x3, .slideshow9x3, .slideshow6x3  {margin-bottom:15px;}
.slideshow12x3-box, .slideshow9x3-box, .slideshow6x3-box {margin-bottom:10px;}

/*Footer Section*/
footer {background-color:#FFF; border-radius:5px; margin-top:10px; margin-bottom:10px; padding:15px 20px;}
.footermenu {text-align:center;}
.footermenu h4 {margin-bottom:10px;}
.footermenu li {display:inline-block; font-size:14px; margin-top:10px;}
.footermenu li a {color:#000; padding:10px; text-align:center; -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;}
.footermenu li a:hover {background-color:#000; color:#FFF !important; text-decoration:none; }
.copyright {margin-top:10px; text-align:center;}
.copyright a {color:#000; -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:#cc0000; text-decoration:none;}

/*Misc*/
.divider {border-bottom:1px dotted #e1e1e1; clear:both; height:10px; margin-bottom:15px;}
.question {color:#f00;}
.red {color:#cc0000;}

 /* Large desktop */
@media (min-width: 1200px) { 

}

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

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
.header {height:auto;}
.logo, .phone, .banner {position:static;}
.logo {margin-top:5px; margin-bottom:20px;}
.stepbox {margin-bottomn:10px;}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
.header {height:auto;}
.logo, .phone, .banner {position:static;}
.logo {margin-top:5px; margin-bottom:20px;}
.footermenu li {display:block !important; font-size:14px; margin-left:-40px; text-align:center; margin-bottom:5px; color:#FFF; background-color:#EEEEEE; padding:3px 5px; -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;}
.footermenu li:hover {background-color:#FFCC32; color:#FFF !important;}
.footermenu li a {color:#000 !important; display:block; padding:0; border-bottom:none !important;}
.footermenu li a:hover {color:#000 !important;}
}

/* Landscape phones and down */
@media (max-width: 480px) {	
.phone {font-size:24px;}
.reserved {display:block;}
}