/*
Theme Name: WP-BOOTSTRAP3
Theme URI: 
Description: Custome Styles for Importing Business Sites (Bootstrap 3)
Version: 0.0.1
Author: PrimeWebPro
Author URI: www.primewebpro.com

All rights reserved.
*/

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

/*General*/
body {list-style:none !important; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p {margin:0; padding:0;}
a {-webkit-transition:all .6s ease 0s; -moz-transition:all .6s ease 0s; -o-transition: all .6s ease 0s; transition: all .6s ease 0s;}
a:hover {text-decoration:none;}

@font-face {font-family:HelveticaProBdEx; src: url(fonts/HelveticaNeueLTPro-BdEx.otf);}
@font-face {font-family:HelveticaProBlk; src:url(fonts/HelveticaNeueLTPro-Blk.otf);}
@font-face {font-family:HelveticaProlt; src: url(fonts/HelveticaNeueLTPro-Lt.otf);}

/* 
Colors:
Blue = #005397;
Light Blue = #ecf2f7;
Grey = #acacac;
*/

body {background:url(images/bg.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  padding:0;}

/*Header Section*/
header {}
.header_box {background-color:rgba(255, 255, 255, 1); padding:0; position:relative; height:150px;}
.logo {position:absolute; top:5px; left:10px; z-index: 5;}
.phone {color:#6d6e72; font-family:HelveticaProBdEx; font-size:24px; position:absolute; top:40px; right:30px; z-index: 5;}
.phone .btn-danger {background-color:#ee1c25; font-family:HelveticaProlt; font-size:16px; font-weight:bolder; letter-spacing: 1px;}
.phone .btn-danger:hover {background-color:#a71b21;}
.form {background-color:rgba(255, 255, 255, 0.9); /*border-top:2px solid #acadb1;*/  margin-top:3px; margin-bottom:20px; padding:20px 0;}
.form_box {background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#ecf2f7)); background: -webkit-linear-gradient(top, #ecf2f7, #ffffff); background: -moz-linear-gradient(top, #ecf2f7, #ffffff); background: -ms-linear-gradient(top, #ecf2f7, #ffffff); background: -o-linear-gradient(top, #ecf2f7, #ffffff); border:3px dashed #005397; padding:20px;}
.form_box h3 {color:#005397; font-weight:bold; margin-bottom:15px; text-align:center;}
.form_box p {font-family:HelveticaProlt; font-size:14px; font-weight:bolder;}
.form_box_content {margin-top:10px;}
.form-control {border-radius:0; margin-bottom:5px;}
.form_content_lock {font-size:9px; text-align:center;}
.form_content_lock .fa-lock {color:#E3C836; padding-right:3px;}
.form_content .submit {font-size:10px; font-weight:bold; text-align:center; text-transform:uppercase; }
.form-control option { color: #999 !important;}

/*Content Section*/
.home_content, .page_content, .address_content, .thankyou_content {background-color: rgba(255, 255, 255, .9); margin-top:3px;}
.leftcol { padding: 5px;}
.leftcol h3 {background-color:#005397; color:#fff; margin-top:15px; padding:10px; text-align:center; text-transform:uppercase;}
.leftcol ul {margin-left:-40px;}
.leftcol li { border:1px solid #daeaf8; display:block; list-style: none; text-transform:capitalize;}
.leftcol li a {background-color:#ecf2f7; color:#000; display:block; padding:10px 10px 10px 20px;}
.leftcol li a:hover {background-color:#005397; color:#fff;}
.rightcol { box-shadow: inset 5px 0 10px -1px #999; padding:50px 40px 30px; min-height:1000px;}
.rightcol h1, .rightcol h2, .rightcol h3 {font-weight:bold; margin-bottom:15px;}
.rightcol h4, .rightcol h5, .rightcol h6 {font-weight:bold; margin-bottom:5px;}
.rightcol h1 {font-family:HelveticaProBdEx; text-align:center;}
.rightcol .sublist {margin-bottom:30px; -moz-column-count:2; -moz-column-gap:60px; -webkit-column-count:2; -webkit-column-gap:60px; column-count:2; column-gap:60px;}
.rightcol .sublist li {font-size:20px; margin-bottom:5px;}
.rightcol p, .rightcol li {font-size:16px; margin-bottom:15px;}
.rightcol p {}
.rightcol ul {margin-top:20px; margin-bottom:20px;}
.rightcol li {list-style:none outside; margin-bottom:10px; margin-left:-40px;}
.rightcol li .fa-check {color:#005397; font-size:150%;}
.rightcol .map {margin-top:15px; margin-bottom:15px;}
.rightcol .map iframe {height:250px; width:100%;}

/*Footer Section*/
footer {padding-top:10px; padding-bottom:20px;}
.copyright {color:#fff; font-size:12px;  text-align: center;}
.copyright a {color:#fff;}
.copyright a:hover {text-decoration:underline;}

/*Sitemap Section*/
.footer_menu {margin:10px 0;}
.footer_menu h4 {color:#fff; margin-bottom:10px; text-align:center; text-transform:uppercase;}
.footer_menu ul {margin-left:-40px; text-align:center;}
.footer_menu li {display:inline-block; margin-bottom:5px; padding-right:5px; padding-left:5px;}
.footer_menu li a {background-color:transparent; color:#fff; padding:2px 5px;}
.footer_menu li a:hover {background-color:#005397; text-decoration:none;}


/*Misc*/
.bold {font-weight:bolder;}
.img_left {float:left; margin-right:15px; margin-bottom:15px;}
.img_right {float:right; margin-bottom:15px; margin-left:15px;}
.img_left img, .img_right img {border:6px solid #fff; -webkit-box-shadow: 0 8px 6px -6px #333; -moz-box-shadow: 0 8px 6px -6px #333; box-shadow: 0 8px 6px -6px #333;}
.img_right_no_border {float:right; margin-bottom:15px; margin-left:15px;}
.display_blk {display:block;}
.display_none {display:none;}
.postal1 {background-color:#ffff00; border:1px solid #ff0000 !important;}
.gallery_img {margin-top:20px; margin-bottom:20px;}
.gallery_img_box {margin-bottom:10px;}

/*Photo Gallery*/
.rpg-gal-title {font-size:30px !important;}

/*Media Queries*/
@media (min-width: 1200px) { 

}

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

}


@media (min-width: 768px) and (max-width: 979px) {
.rightcol { box-shadow:none !important; padding-right:20px; padding-left:20px;}
}


@media (max-width: 767px) {
.header_box {height:auto;}
.logo, .phone {margin-top:10px; position:static;}
.phone {text-align:center;}
.rightcol { box-shadow:none !important; padding:20px;}
.rightcol h1 {font-size:28px;}
.rightcol p, .rightcol li {font-size:14px;}
.rightcol .sublist {-moz-column-count:1; -moz-column-gap:60px; -webkit-column-count:1; -webkit-column-gap:60px; column-count:1; column-gap:60px;}
.rightcol .sublist li {font-size:16px;}
.display_blk_xs {display:block;}
}


@media (max-width: 480px) {
.img_right {float:none; margin-left:0;}
}