/*
Theme Name: WP-BOOTSTRAP3
Theme URI: 
Description: Custome Styles for Importing Business Sites (Bootstrap 3)
Version: 0.0.1
Author: George P. Yap
Author URI: 

All rights reserved.
*/

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

/*General*/
body {font-family:MuseoSans500; list-style:none !important; margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, p, li {margin:0; padding:0;}
a {-webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
a:hover {text-decoration:none;}
.fa {color:#929497;}

/*Fonts*/
@font-face {font-family:BebasNeue; src:url(fonts/BebasNeue.otf);}
@font-face {font-family:MuseoSans500; src: url(fonts/museosans-500.otf);}

body {background:url(http://cncmachinesdirect.com.au/wp-content/uploads/2018/07/Product-3-high-precision-cnc-laser-welding-metal-sheet-94993487.jpg) no-repeat top 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); height:150px; position:relative; padding:0; }
.logo {position:absolute; top:5px; left:40px; z-index: 5;}
.email, .address, .phone {color:#000; font-size:30px; font-weight:bold; letter-spacing:1px; position:absolute; top:50px; right:50px; z-index: 5;}
.email {top:65px; font-size:16px;}

/*Form Section*/
.form {}
.form_container {background-color:rgba(0,0,0, 0.2); padding:30px;}
.form_box {background: -webkit-gradient(linear, 0% 0%, 0% 60%, from(#ffffff), to(#e6b061)); background: -webkit-linear-gradient(top, #929497, #ffffff); background: -moz-linear-gradient(top, #929497, #ffffff); background: -ms-linear-gradient(top, #e6b061, #ffffff); background: -o-linear-gradient(top, #929497, #ffffff); border-radius:10px; opacity:.95 !important; padding:20px 30px; }
.form_title {color:#ffffff; margin-bottom:10px;}
.form_title h1 { font-family:BebasNeue; font-weight:bold; text-align: center;}
.form_title .fa-check-square-o {color:#363738;}
.form_content {opacity:1 !important;}
.form_content .form-control {border-radius:0 !important; margin-bottom:5px; border:1px solid #909090 !important; height:30px; width:100%; }
.form_content textarea {height:80px !important; margin-bottom:10px !important;}
.form_content .lock {font-size:11px; text-align: center; }
.form_content .fa-lock {color:#E3C836; padding-right:3px;}


/*Content Section*/
.content {}
.content_box {background-color:rgba(255, 255, 255, 0.92); padding:40px 30px;}
.leftcol {}
.leftcol h2 {background-color:#212122; -moz-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2); color:#fff; font-family:BebasNeue; margin-top:15px; margin-bottom:15px; text-align: center; padding:5px 10px;}
.leftcol ul {margin-bottom:20px; margin-left:-40px;}
.leftcol li {font-size:14px; list-style: none;}
.leftcol li a {background-color:#929497; color:#363738; display:block; margin-bottom:3px; padding:5px 10px 5px 20px;}
.leftcol li a:hover {background-color:#d4d7dc;}
.rightcol {}
.rightcol h1, .rightcol h2, .rightcol h3, .rightcol h4, .rightcol h5, .rightcol h6 {font-weight:bold; margin-bottom:15px;}
.rightcol h1 {text-align:center; text-transform:capitalize;}
.rightcol h2 {}
.rightcol h3 {}
.rightcol h4 {margin-top:10px; margin-bottom:15px;}
.rightcol p {font-size:16px; margin-bottom:10px; }
.rightcol ul {margin-top:20px; margin-bottom:20px;}
.rightcol li {font-size:16px; list-style:none outside; margin-bottom:10px; margin-left:-20px;}
.rightcol li:before {color:#c76026; content: "\f00c"; display: inline-block; font-family: FontAwesome; padding-right:5px;}
.rightcol ol li {list-style:decimal;} 
.rightcol ol li:before {content:none !important;}
.rightcol ol > li > ul > li:before {color:#c76026; content: "\f00c"; display: inline-block; font-family: FontAwesome; padding-right:5px;}
.rightcol img {opacity:.9; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.rightcol img:hover {cursor: pointer; opacity:1;}
.rightcol .address2_form {}
.rightcol .address2_form .form-control {border-radius:0; margin-bottom:5px;}
.rightcol .unsubscribe_form {} 
.rightcol .unsubscribe_form .form-control {border-radius:0; margin-bottom:5px;}

/*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:#e7cfaa; color:#000; cursor:pointer;}
.faq_box:hover li:before {color:#000 !important;}
.faq_title {font-size:130%; font-weight:bold;}

/*Photo Gallery Page*/
.photo_gallery_box {margin-bottom:15px;}
.photo_gallery_box img {opacity:.9; -webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
.photo_gallery_box img:hover {cursor: pointer; opacity:1;}
.rpg-gal-title {font-family:BebasNeue !important; font-size:30px !important;}

/*Blockquote Section*/
blockquote {border-left:5px solid #29aae1; clear:both; margin-top:20px; margin-bottom:30px; webkit-transition:all .4s ease 0s; -moz-transition:all .4s ease 0s; -o-transition: all .4s ease 0s; transition: all .4s ease 0s;}
blockquote:hover {background-color:29aae1; border-left:5px solid #29aae1; cursor:pointer;}
blockquote span {float:right; font-weight:bold;}
blockquote span:before {content:"-"; padding-right:5px;}

/*Table Section*/
.table {font-size:16px !important;}

/*Alert Section*/
.alert {font-size:16px; margin-top:20px;}

/*Map*/
.map iframe {height:300px; margin:20px auto; width:100%;}

/*Footer Section*/
footer {margin-bottom:15px;}
.sitemap {padding:20px 0 5px; text-align:center;}
.sitemap h4 {text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); border-bottom:3px solid #fbfbfb; color:#fbfbfb; display:inline-block; margin-bottom:15px; padding-bottom:5px; text-align:center; text-transform:uppercase;}
.sitemap ul  {margin-left:-40px;}
.sitemap li {display:inline-block; letter-spacing:1px; list-style: none; margin-bottom:10px; text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5);}
.sitemap li a {background-color:transparent; color:#fbfbfb; padding:5px 10px;}
.sitemap li a:hover {background-color:#baffc9;}
.owner_details {text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); color:#fbfbfb; padding-bottom:5px; text-align: center;}
.owner_details a {color:#fbfbfb;}
.owner_details a:hover {text-decoration:underline;}
.copyright {text-shadow:1px 1px 1px rgba(0, 0, 0, 0.5); color:#fbfbfb; text-align: center;}
.copyright a {color:#fbfbfb;}
.copyright a:hover {color:#c0551d;}

/*Misc*/
.display_blk {display:block;}
.display_none {display:none;}
.gapfix {height:20px; clear:both;}
.img_full {margin:0 auto 15px; text-align:center; text-transform:capitalize;}
.img_full img {margin-bottom:-10px;}
.img_full .img_tagline {font-size:12px;}
.img_right {float:right; margin-left:20px; margin-bottom:10px; text-align:center; text-transform:capitalize;}
.img_right img {margin-bottom:10px;}
.img_right .img_tagline {font-size:12px;}
.img_left {float:left; margin-right:10px; margin-bottom:10px; text-align:center; text-transform:capitalize;}
.img_left img {margin-bottom:-10px;}
.img_left .img_tagline {font-size:12px;}
.postal1 {background-color:#e9f7fd;}
.small-txt {font-size:13px !important; text-align:center;}
.big-txt {font-size:130%;}
.box-range {background-color:#f9f9f9; border-radius:5px; margin-bottom:15px; padding:20px 10px;}
.red {color:red;}
.red-text {color:red; font-weight:bold;}

/*Media Queries*/
@media (min-width: 1200px) { 
.bbqnum {float:right;}
}

@media (min-width: 980px) and (max-width: 1199px) {
.bbqnum {float:right;}
}


@media (min-width: 768px) and (max-width: 979px) {
.header_box {height:auto;}
.logo, .email, .address, .phone {position:static; text-align:center;}
.form_image {margin-top:20px; margin-bottom:20px;}
.leftcol {margin-bottom:30px;}
}


@media (max-width: 767px) {
.email, .phone {font-size:16px !important;}
.header_box {height:auto;}
.logo, .email, .address, .phone {font-size:30px; position:static; text-align:center;}
.form_image {margin-top:20px; margin-bottom:20px;}
.leftcol {margin-bottom:30px;}
}


@media (max-width: 480px) {
.form_container {padding:15px 0;}
.form_box {padding:15px;}
.form_content .lock {font-size:10px;}
.content_box {padding:20px 10px;}
.sitemap li {display:block;}
.owner_details, .copyright {font-size:12px;}
.display_blk_480 {display:block;}
.img_right {float:none; margin:10px auto;}
.img_left {float:none; margin:10px auto;}
.rightcol h3 {margin-top:30px;}
}