/* 
 ==========================================================================
   Helper Classes
 ========================================================================== 
*/

ul, h1, h2, h3, h4{margin:0; padding:0; list-style:none;}

.clearfix:before, .clearfix:after {content: " "; display: table; }
.clearfix:after { clear: both;}
.clearfix {clear: both; overflow: hidden;}
.floatleft-img{float: left; margin-right: 20px; margin-top:5px;}
.floatright-img{float: right; margin-left: 20px; margin-top:5px;}
.floatcenter-img{display: block; margin: auto; text-align: center;}

*, *:before, *:after {transition: all 0.3s linear; -webkit-transition: all 0.3s linear; box-sizing: border-box; -moz-box-sizing: border-box;}
*:before, *:after {position: absolute;}

img{max-width: 100%;height: auto;}

html, body { height: 100%;}

body{background:#fff;}

a{text-decoration: none; outline: 0 !important;}
iframe{width:100%; border:0;}
textarea {resize: vertical;}
.two_col{-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.three_col{-webkit-column-count: 3; -moz-column-count: 3; column-count: 3;}
.zindex{position:relative; z-index:99;}
.comp{color:#d11e42; font-weight:bold;}
.comingsoon{color:red; font-style:italic; font-weight:bold;}
.maincontents a{color:#ba810d; font-weight:bold;}
.maincontents a:hover{text-decoration:underline;}
.wrapper{max-width:940px; width:100%; margin:0 auto; position:relative;}

/* Header Config*/
.fixedheader{width:100%; position:fixed; z-index:999;top:0;}
header{width:100%; height:113px; background:url(images/header_bg.jpg) repeat-x center top;}
	
	.header_left{padding:10px 0; float:left;}
	
	.header_right{padding:0; float:right;position: relative;margin: 27px 0 15px;}
	.head_phone{position: absolute;width: 100%; top:-30px;}
	.head_phone p{position: absolute;padding: 0px;text-align: right !important;color:#fff;font: 15px/20px lora; display: inline-block;width: 100%;}
	.head_phone a{color: #FFD622; font-size:17px;font-weight:700;}
	.head_phone a:hover{color: #530112; text-decoration:underline;}
	.head_phone2{display:none;position: relative;width: 100%;}
	.head_phone2 p{padding: 0px;text-align:center; color:#fff;font: 17px/23px lora; display: inline-block;width: 100%;}
	.head_phone2 a{color: #FFD622; font-size:15px;font-weight:700; display:block;}
	.head_phone2 a:first-child{font-size:20px;}
	.head_phone2 a:hover{color: #530112; text-decoration:underline;}
	
/* Navigation Config */
nav ul li{display: inline-block; position: relative; vertical-align:top;}

.nav_top{width:100%; text-align:right; padding:5px;}
.nav_top ul li:after{content:url(images/nav_spacer.png); top:12px; right:-31px;}
.nav_top ul li:last-child:after{content:"";}
.nav_top ul li a{font:16px lora; display:block; padding: 20px 0px 20px 44px; color:#fff; }
.nav_top ul li a:hover, nav ul li a:active, nav ul li.current_page_item a{ color: #ffd622;}

.nav_mobile{ display:none; } 

.nav_btm{text-align:right; background:url(images/nav_btm.png) repeat-x center top; clear:both;}
.nav_btm ul li:after{content:url(images/nav_spacer2.png); top:4px; right:-34px;}
.nav_btm ul li:last-child:after{content:"";}
.nav_btm ul li:nth-child(5) a{padding:12.5px 5px;}
.nav_btm ul li a{font:14px roboto;display:block; padding:12.5px 10.5px; color:#000; text-align:center; margin:0 4px;}
.nav_btm ul li a small{display:block; font-size:14px;}
.nav_btm ul li a:hover, .nav_btm ul li a:active, .nav_btm ul li.current_page_item a{background:#ffb622; color: #fff;}
/* Drop down menu */
.dropdown ul li {position: relative;}
.dropdown ul ul {display: none; margin: 0; padding: 0; position: absolute; top: 81px; left: 0; z-index: 999;}
.dropdown ul ul ul {left: 100%; top: 0;}
.dropdown ul ul li:after{content:"";}
.dropdown ul ul li{display: block; }
.dropdown ul ul li a {width: 208px; height: auto; background: #cf1b3f; margin: auto; display: block; padding: 10px; border-bottom: 1px solid #f0355a; text-align:left;}
.dropdown ul li:hover > ul {display: block; visibility: visible;}

/* Drop down icon */
nav span{position: absolute; right: 0; top: 0; display: none; padding: 5px; cursor: pointer; z-index: 9;}

/* Navigation bar icon */
.nav-toggle-button, .nav-toggle-button2{width:100%; display: none; background:#cf1b3f; color: #ffd622; cursor: pointer; margin: 0 auto; padding:10px 0; text-align:right;}
.nav-toggle-button:hover{color: #ffd622;}
.nav-toggle-button .fa, .nav-toggle-button2 .fa{ display: block; }

.nav-toggle-button2{background:#D92145; color:#fff;}
.nav-toggle-button2:hover{color:#ffb622;}

/* Banner Area Config */
#banner{width:100%;margin-top:200px;}
#banner .wrapper {background:url(images/banner-bg.jpg) no-repeat center top;min-height:350px;padding:85px 0 0 76px;border-radius:4px;}
.banner-container {text-align:center;width:600px;}
#banner h2 {text-align:center;font:bold 26px/26px lora;color:#ffb622;margin-bottom:35px;}
#banner h2 span{font:normal 34px roboto;color:#fff;display:block;}

#banner a {display:inline-block;font:22px/49px roboto;color:#fff;border-radius:5px;padding-left:50px;position:relative;text-align:left;}

#banner .com_btn:after {content:url(images/com_btn.png);position:absolute;top:7px;left:10px;}
#banner .res_btn:after {content:url(images/res_btn.png);position:absolute;top:7px;left:10px;}

#banner a:hover {background-position:left top!important;}

#banner .com_btn {background:url(images/commercial_btn.jpg) repeat-x left bottom;border:3px solid #cf1b3f;width:240px;margin-right:10px;}
#banner .res_btn {background:url(images/residential_btn.jpg) repeat-x left bottom;border:3px solid #ffb622;width:298px;}

#banner .com_btn:hover {border:3px solid #ffb622;}
#banner .res_btn:hover {border:3px solid #cf1b3f;}

/* Middle Area Config */
#mid{width:100%;}
	#mid h2{font:15px lora; color:#000;}
	#midcomp{color:#d11e42; font-size:25px; display:block;}
	#mid a{font:700 13px roboto; color: #fff; display:block; background:url(images/mid_tab.png) top left; width:113px; height:31px; text-align:center; padding:8px 0; margin:15px 0 0 356px;}
	#mid a:hover{background-position:bottom left;}

/* Main Content Area Config */
#main{width:100%;}

/* Sidebar Area Config */
#col-a{width:338px; float:right; margin-bottom:15px;}
	.needhelp{background:url(images/needhelp_bg.png) no-repeat center top 5px #ffb922; border-radius:14px; position:relative; padding:20px; color:#fff; margin:0 0 10px;}
	.needhelp:after{content:url(images/needhelp-after.png); bottom:-4px; right:0;}
	.needhelp h2{font:25px lora;}
	.needhelp p{font:13px/23px roboto; white-space:pre-line; margin:6px 0 43px;}
	.sechelp{margin:15px 0;}
	.sechelp a{font-weight:700; color:#fff; display:block;}
	.sechelp a:hover{color:#ffe09d;}
	#sidebar ul li a{font:18px roboto; color:#fff; display:block; background:url(images/sidetab.png) top left; height:66px; padding:23px 0 0 68px; margin:15px 0; position:relative;}
	#sidebar ul li a:before{content:url(images/side-before.png); top:18px; left:15px;}
	#sidebar ul li a:hover:before{content:url(images/side-hov.png);}
	#sidebar ul li a:hover{background-position:bottom left;}
		
#col-b{width:570px; float:left; border-right:1px dotted #cccccc; padding-right:15px; margin-bottom:15px;}
	.maincontents{padding:0 0 0 0;} 
	#mid h1, .maincontents h1{font:32px lora; color:#d11e42;}
	.welcome{font-size:19px; color:#000; display:block;}
	.assistive-text , .maincontents p, .maincontents ul li, #mid p{font:15px roboto; color:#000;}
	.maincontents img{max-width:250px; border-radius:5px;}
	#mid p, .maincontents p{margin:0; text-align:justify;}
	.maincontents ul{margin:10px 0 0 20px;}
	.maincontents p, .maincontents ul li, #mid p{padding:15px 0 0 0; line-height:25px;}
	.maincontents ul li{background:url(images/bullet.png) no-repeat left 6px; padding:0 0 0 25px; margin-bottom:5px;}
	.inlinebox, .contactbox{text-align:center;}
	.inlinebox ul{margin:0;}
	.inlinebox ul li{display:inline-block; vertical-align:middle; margin:0; background:none; padding:0;}
	.contactb{display:inline-block; vertical-align:top; margin:0 10px; width:42%;}
	
/* Main Bottom Area Config */
#main_bottom{background:url(images/main_bottom.jpg) repeat-x center top #474c60; padding:30px 10px; margin:20px 0 0;}
	.btm-box{width:291px; margin: 0; display: inline-block; vertical-align:top; position:relative; transition:none;}
	.btm-box:nth-child(2){margin:0 20px;}
	.btm-img{background:url(images/mid1.png) no-repeat left bottom; transition:none; height:173px;}
	.btm-box:nth-child(2) .btm-img{background:url(images/mid2.png) no-repeat left bottom;}
	.btm-box:nth-child(3) .btm-img{background:url(images/mid3.png) no-repeat left bottom;}
	.btm-box .btm-img:hover{background-position:left top; transition:none;}
	.btm-img:before{content:url(images/midbefore1.png); top:0; left:0;}
	.btm-box:nth-child(2) .btm-img:before{content:url(images/midbefore2.png); top:0; left:0;}
	.btm-box:nth-child(3) .btm-img:before{content:url(images/midbefore3.png); top:0; left:0;}
	.btm-box .btm-img:hover:before{content:"";}
	.btm-box h2{font:23px lora; color: #a7a7a7; margin-top:10px;}
	.btm-box span{color: #fff;}
	.btm-box p{font:13px/24px roboto; color:#999999; margin:5px 20px 10px 0;}
	.btm-box a{font:700 13px roboto; color: #fff; display:block; background:url(images/bottom_tab.png) top left; width:107px; height:31px; text-align:center; padding:8px 0;}
	.btm-box a:hover{background-position:bottom left;}
	
/* Bottom Area Config */
#bottom{width:100%; height:440px; background:url(images/bottom_bg.jpg) repeat-x center top #f3af1c;}
.newsletter{background:url(images/main_bottom.png) no-repeat center top; padding:45px 69px 25px;}
.newsletter h2{font:19px lora; color:#fff; text-align:center;}
.newsletter h2 span{border-top:1px solid #dea11b; display:block; width:94px; margin:8px auto 15px;}
	.text{border:none; border-radius:8px; width:41%; height:40px; font:13px roboto; color:#6f6e6e; padding:5px 10px;}
	.submit2{border:none; font:700 16px roboto; color:#fff; width:138px; height:40px; display:block; background:url(images/newsletter_tab.png) left top; float:right;}
	.submit2:hover{background-position:bottom left;}
	.bottom_left{float:left; width:235px;}
	.bottom_right{float:right; width:665px;}
	.con_info{width:310px; display:inline-block; vertical-align:top; }
	.con_info:nth-child(1){margin:0 37px 0 0;}
	.con_info:nth-child(3){margin:0 37px 0 0;}
	.con_info:nth-child(2){padding:18px 0 0;}
	.con_info h2{font:14px lora; color:#ba8716;}
	.con_info h2 span{color:#fff;}
	.con_info h3{font:700 13px roboto; color:#fff; margin:5px 0 -9px;}
		.con_info p{font:12px/23px roboto; color:#a77405; position:relative; display:block; padding-left:47px; white-space:pre-line;}
		/* .con_info p:before{content:url(images/icon_home.png); top:16px; left:0;} */
		.con_info p a{color:#a77405;}
		.con_info p a:hover{color:#e0002d;}
	.footer_logo{padding:15px 0!important;}
	
	.outerquote{background:#fff; border-radius:7px; padding:15px; margin:60px 0 0;text-align:center;}
	.quote{background:url(images/quote_bg.png) no-repeat center bottom 10px #3d4359; border-radius:9px; padding-bottom:7px;}
		.quote h2{background:#ffb622; border-radius:8px 8px 0 0; font:20px roboto; color:#ba810d; padding:15px;}
		.quote h2 span{font-weight:700; color:#fff; display:inline-block;}
	.input{padding:15px 20px;text-align:left;}
	.input h3{font:13px roboto; color:#fff; margin-bottom:11px;}
		.qtext{background:url(images/name_bg.png) no-repeat right 6px top 15px #fff; border:none; border-radius:5px; width:100%; height:35px; font:13px roboto; color:#4d4d4e; padding:5px 10px; margin:3px 0 10px;}
		.fname{width:49%;}
		.fname2{float:right;}
		.qdesc{height:124px; color:#919191;}
		.qsubmit2{border:none; font:700 13px roboto; color:#fff; width:89px; height:31px; display:block; background:url(images/quote_tab.png) left top; margin:5px 0 0;}
		.qsubmit2:hover{background-position:bottom left;}
		
/* Footer Area Config */
footer{width:100%; background:#dea11b; padding:0 10px 20px; text-align:center;}

	.social{position:relative;text-align:center;margin:0 auto;padding:18px 10px 0 0; left:73px;max-width:378px;width:100%;}
	.social:after{content:url(images/social-icon.png); top:-5px; left:0;}
		.social ul li{display:inline-block; vertical-align:top; margin:0 3px;}

	.nav_footer ul li{display: inline-block; position:relative;}
	.nav_footer ul li:before{content:url(images/footer_spacer.png); top:-1px; right:-7px;}	
	.nav_footer ul li:last-child:before{content:"";}	
	.nav_footer ul li a{font:14px lora;  display: block; padding:9px 25px; color: #fff;}
	.nav_footer ul li a:hover, .nav_footer li.current_page_item a{color:#e0002d; text-decoration:underline;}
	.nav_footer ul ul {display:none; }
	.nav_footer ul ul li a{display:block;color:gray;background:#fff;border:1px solid gray;}
	.nav_footer ul ul li span{display:none;}
	.nav_footer ul li:hover > ul{display:block; }
	
	/* Drop down icon */
	.nav_footer span{position:absolute; right:0; top:9px; display:none; padding:5px; cursor:pointer; z-index: 9999;}

	/* Copyright Config */
	#copyright{padding:10px 0 0; font:12px roboto; color: #a77405;}
	#copyright a{color: #a77405;}
	#copyright a:hover{text-decoration:underline;}

/*resources*/
.resources {font-size:14px; margin-top:20px;}
.resources a {text-decoration:none; display:block;font-weight:bold;}
.resources a:hover {padding-left:2px; text-decoration:none; -webkit-transition: none; transition: none;}
.resources ul,.resources li {list-style-type:none; margin:0; padding:0;}
.resources ul li {margin-bottom:8px; padding:12px; background:#fff; border:1px solid #196515; border-bottom:2px solid #196515;}	
	
/*SEARCH*/
.search_results div.page, .search_results div.post{ padding:15px; border:1px solid #000; background:#ffffe1; margin:10px 0; color:#000;}
.search_results h2 a{font-size:20px; text-decoration:none; }
.search_results div.entry-meta{ font-style:italic; }
.search_results a{ color:#000; }
.search_results a:hover{ text-decoration:none; }

.lt-ie8 .dang-ie{width: 100%; height: 100%; position: fixed; background-color: #00abdd;}

.message{text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0;}

.inner-message{position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto;}
.inner-message img{position: relative; left: 3em;}
.inner-message a.download{display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff;}

.terms{color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0;}
.terms a{color: #fff; font-weight: bold;}
.form-allowed-tags{display:none;}
.lt-ie8 .protect-me{display: none; }


/** blog **/


/*** COMMENTS STYLE ***/
	#comments, #comments-title{padding-top:15px;}
	
	ol.commentlist {border:1px dashed #CCC; width:auto; max-width:100%; margin:0;}
	ol.commentlist li {background: url(images/com_line.jpg) no-repeat left bottom; padding-bottom:25px; margin-bottom:10px; padding-top:15px; padding-right:15px; margin-left:25px; }
	ol.commentlist ul {border-top:1px dashed #CCC; width:100%; margin-top:15px; list-style:none;}
	ol.commentlist ul li {border-bottom:1px dashed #CCC;}
	
	.comment p {padding:15px 0; line-height:20px;}
	.comment-form label { vertical-align:top; width:20%; display:inline-block; }
	.comment-form input { padding:4px; width:69%; max-width:100%; }
	.comment-form input[type="submit"] { width:25%; }
	.comment-form-comment textarea { width:70%; max-width:100%; resize:vertical; }
	#respond  input[type="submit"] {width:auto; border-radius:7px;margin: 25px 0 20px 0; max-width:100%; border:1px solid #CCC;background:#DE2147; color:#FFF;padding:10px; }
	#respond {width:auto; max-width:100%; border:1px solid #CCC; background:#FFFFE1; padding:15px 20px 0 20px; margin-top:25px;}
	.form-submit input {background:#DE2147; border-radius:7px;border:none; color:#fff; font-weight:bold; padding:7px 12px; cursor:pointer;margin:0 0 20px 0;}