/*
Theme Name: SunBeamEnergy
Theme URI: 
Description : 
Author: 1PixelDesigns
Version: 1.0
*/
*{margin:0; padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;}
a {outline:none; text-decoration:none;color: #005b7f}
img{outline:none; border:0 none;}
ul{list-style:none;}
p{line-height: 170%}
input{outline: none;}
textarea{outline: none;resize:none;}
button, input[type="submit"], input[type="button"]{cursor: pointer;}
.clearfix:before,.clearfix:after,.row:before,.row:after {content: ".";display: block;height: 0;overflow: hidden;}
.clearfix:after,.row:after {clear: both;}
.clearfix {zoom: 1; /* IE < 8 */}
.clear10{clear: both;width: 100%;height: 10px;}
.clear15{clear: both;width: 100%;height: 15px;}
.clear20{clear: both;width: 100%;height: 20px;}
.clear30{clear: both;width: 100%;height: 30px;}
.f_right{float: right;}
.f_left{float: left;}
body{font-size: 13px;font-weight: 400;font-family: 'Open Sans', sans-serif;color: #000000;position: relative;}
strong,b, .bold{font-weight: 700}
.semibold{font-weight: 600}
.blue{color: #005b7f}
.aligncenter{text-align: center;}
.textalignleft{text-align: left !important;}
.yellow{color:#f9c620}
.btn_yellow{background-color: #f9c620 !important}
.font_17{font-size: 17px;}
.block{display: block;}
.btn, #load-more{line-height: 35px;height: 34px;padding: 0 25px 0 15px;color: #ffffff;background: #005b7f url(images/white-arrow.png) no-repeat 94% center;font-size: 13px;
border: 0 none;text-transform: uppercase;display: inline-block;min-width: 155px;outline: none;
border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;-o-border-radius: 3px;}
.bottom_20{margin-bottom: 20px !important}
.bottom_25{margin-bottom: 25px !important}
.bottom_30{margin-bottom: 30px !important}
.nopadding{padding: 0 !important}


.row{position: relative;clear: both;}
.middle_wrapper{position: relative;width: 960px;margin: 0 auto;}

/*style for header*/
#top_header{background-color: #000000;padding: 5px 10px;color: #ffffff;font-size: 15px;text-align: center;line-height: 18px;}
#header{padding: 14px 10px;background-color: #252525;text-align: center;}
#logo{display: inline-block;}

/* Style for Menu */
#menu{background-color: #005b7f;border-bottom: 4px solid #f9c620;text-align: center;}
#menu li{display: inline-block;margin: 0 -4px 0 0;}
#menu li a{display: block;padding: 0 18px;line-height: 28px;color: #ffffff;text-transform: uppercase;}
#menu li:hover > a, #menu li.current-menu-item a{background-color: #f9c620}

/*--- Dropdown Menu ---*/
.middle_wrapper ul ul{
	display: none;
	position: absolute;
	z-index: 5;
	background: #005b7f;
}
.middle_wrapper ul ul li{
	float: none;
	display: block !important;
}
.middle_wrapper ul li:hover >ul {
	display: block;
}

/* Style for MegaMenu */

#menu{position: relative;}
#menu li.megamenu ul{background-color: #0f3644;}
#menu li.megamenu ul li{margin: 0px;float:left;}
#menu li.megamenu ul li a {background-color: #0f3644;}
#menu li.megamenu>ul{position:absolute;text-align: left;width: 100%;left:0;padding-left:0px;}
#menu li.megamenu>ul:after{content:"";clear:both;height:0px; width:100%;}
.mega_head>a {text-align: left!important; font-weight: bold;}
#menu li.megamenu>ul>li{display: inline-block!important;position:relative;}
#menu li.megamenu>ul>li.col_2-3{width:66.6%;}
#menu li.megamenu>ul>li.col_1-3{width:33%;}
#menu li.megamenu>ul>li>ul{width:100%;padding-left: 0px;display: inline-block;position:static;}
#menu li.megamenu>ul>li>ul:after{content:"";clear:both;height:0px; width:100%;}
#menu li.mega_head2 a {font-weight: bold;color: #f9c620;}
#menu li.megamenu>ul>li>ul>li>a .menu-image-title{display: none;}
#menu li.megamenu>ul>li>ul>li.col_1-2{width: 49.7%;display: inline-block!important;position:relative;}
#menu li.megamenu>ul>li>ul>li>a>img{width:100%; height: 160px;}
#menu li.megamenu>ul>li>ul>li>ul{width:100%;padding-left: 0px;display: inline-block;position:static;}
#menu li.megamenu>ul>li>ul>li>ul>li{float:none;}
#menu li.megamenu>ul>li>ul>li>ul:after{content:"";clear:both;height:0px; width:100%;}

/* Style for Home slideshow  */
#slideshow{/*height: 335px;background: url(images/slide-1.jpg) no-repeat center center;background-size: cover;*/border-bottom: 4px solid #f9c620;
width: 100%;text-align: center;color: #ffffff;text-transform: uppercase;}
#slideshow h2{font-size: 62px;font-weight: 700;margin-top: 100px;font-family: 'Open Sans', sans-serif;width: 100%; text-align: center;}
#slideshow h3{font-size: 40px;font-weight: 700;color: #6dcff6;font-family: 'Open Sans', sans-serif; padding-top:30px;width: 100%; text-align: center;}
#slideshow .ls-l{width: 900px !important}


/* Style for Homepage */
#home_brandings{text-align: center;padding: 10px 0 15px;}
#home_brandings img{display: inline-block;margin: 0 26px 0 30px;}

#home_section_1{margin-bottom: 30px;}
.home_section_1_list{position: relative;overflow: hidden;}
.home_section_1_list li{float: left;width: 33.33%;}
.home_section_1_list li .img_1{display: block;width: 100%;}
.home_section_1_list li .link_1{display: block;padding: 25px 18px 16px 18px;font-size: 18px;color: #ffffff;
line-height: 140%;}
.home_section_1_list li.list_item_1 .link_1{background-color: #005b7f}
.home_section_1_list li.list_item_2 .link_1{background-color: #f9c620}
.home_section_1_list li.list_item_3 .link_1{background-color: #000000}

#home_section_1_2 .middle_wrapper{background-color: #0f3644; color: #fff; text-align: center; padding: 60px 0;}
#home_section_1_2 h3 {font-size: 24px;font-weight: 700;margin-bottom: 18px;line-height: 115%;}

#home_section_2{margin-top: 30px;}
.home_section_2_item{float: left;padding: 0 10px;width: 33.33%;margin-bottom: 20px;}
.home_section_2_item h3{font-size: 24px;font-weight: 700;color: #363636;margin-bottom: 18px;line-height: 115%}
.home_section_2_item p{margin-bottom: 15px;}
.h_work_img{display: block;}
.h_work_img img{display: block;width: 100%;height: auto;margin-bottom: 8px;}
.req_estimate_wrap .inputwrap{margin-bottom: 15px;}
.req_estimate_wrap span.block{text-transform: uppercase;display: block;margin-bottom: 8px;}
body span.wpcf7-list-item {margin-left: 0;float: left;width: 50%;margin-bottom: 7px;}
.alm-btn-wrap{clear: both;text-align: center;margin-top: 50px;}
#load-more{background-color: #f9c620 !important;display: inline-block;}

.home_section_4_list { list-style-type: none; }
.home_section_4_list li {float: left; width: 50%;}
.home_section_4_list li video { max-width: 100%; width: 100%; height: auto }

/* Style for About us page  */
#about_section_1{margin: 17px auto 38px;}
.getstarted_block{border: 1px solid #9e9e9e;padding: 22px 43px;background-color: #e1e1e1;text-align: center;}
.heading_1{font-size: 24px;font-weight: 600;line-height: 120%;margin-bottom: 28px;display: block;color: #363636;}
.heading_2{font-size: 38px;font-weight: 400;line-height: 100%;margin-bottom: 15px;text-align: center;display: block;}
.getstarted_block p{margin-bottom: 12px;}
#container .middle_wrapper{margin-bottom: 20px;padding: 0 10px;}
.container_left{float: left;width: 48.5%;margin-bottom: 30px;}
.ct_data img{display: block;width: 100%;height: auto;margin-bottom: 35px;}
.ct_data_info{padding: 0 15px;}
.ct_data h3{font-size: 18px;font-weight: 700;margin-bottom: 7px;}
.ct_data p{line-height: 190%}
.container_right{float: right;width: 48.5%;margin-bottom: 30px;}
.fullwidth_grey{padding: 38px 10px 45px;background-color: #e1e1e1}
.fullwidth_grey p{margin-bottom: 18px;}

.all_prod_blocks{margin-bottom: 20px;}

/* Style for Case study details page  */
.case_study_wrap{margin-top: 62px;}
.cs_navigation{position: absolute;right: 0;top: 0}
.cs_navigation a{color: #f9c620;text-transform: uppercase;margin-left: 15px;}
.cs_navigation a[rel="prev"]{margin-left: 0}


/* Style for Case Studies */
#cs_main_wrap{margin: 22px 0 38px;}
/*.cs_list{margin-bottom: 60px;}*/
.cs_list li{float: left;margin: 0 20px 20px 0;width: 300px;}
.cs_list li a{display: block;}
.cs_list li img{display: block;width: 100%;height: auto;}
.cs_list li .csdata{display: block;padding: 7px 16px;background-color: #005b7f;color: #ffffff;height: 71px;}
.cs_list li .csdata h3{font-weight: 400;font-size: 16px;margin-bottom: 4px;line-height: 20px;}
.cs_list li a:hover .csdata{background-color: #f9c620}
.cs_list li .csdata p{line-height: 16px;height: 32px;overflow: hidden;}

/* Style for Contact page  */
#contact_main_wrap{margin: 65px 0 30px;}
.contact_left{float: left;width: 290px;}
#contact_main_wrap h2{font-size: 23px;font-weight: 700;line-height: 105%;margin-bottom: 20px;color: #363636;
margin-bottom: 20px;}
#contact_main_wrap p{margin-bottom: 30px;padding: 0 10px}
#contact_main_wrap a{color: #005b7f}
.contact_right{float: right;width: 620px;}
.inputwrap{position: relative;margin-bottom: 20px;overflow: hidden;}
.inputbox1{border: 1px solid #3c3c3c;padding: 6px 15px;line-height: 17px;width: 100%;font-family: 'Open Sans', sans-serif;
font-weight: 400}
.req_estimate_wrap div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label, 
.req_estimate_wrap div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label, 
.req_estimate_wrap div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label, 
.req_estimate_wrap div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label, 
.req_estimate_wrap div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label,
.contact_right div.wpforms-container-full .wpforms-field.wpforms-field-checkbox ul li input+label, 
.contact_right div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input+label, 
.contact_right div.wpforms-container-full .wpforms-field.wpforms-field-payment-checkbox ul li input+label, 
.contact_right div.wpforms-container-full .wpforms-field.wpforms-field-payment-multiple ul li input+label, 
.contact_right div.wpforms-container-full .wpforms-field.wpforms-field-gdpr-checkbox ul li input+label{
	font-size: inherit;
}
.req_estimate_wrap div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input,
.req_estimate_wrap div.wpforms-container-full input[type=radio]:before,
.contact_right div.wpforms-container-full .wpforms-field.wpforms-field-radio ul li input,
.contact_right div.wpforms-container-full input[type=radio]:before{
	width: 13px;
	height: 13px;
}
.inputbox,
.req_estimate_wrap div.wpforms-container-full input[type=email], 
.req_estimate_wrap div.wpforms-container-full input[type=number], 
.req_estimate_wrap div.wpforms-container-full input[type=tel], 
.req_estimate_wrap div.wpforms-container-full input[type=text],
.req_estimate_wrap div.wpforms-container-full select, 
.req_estimate_wrap div.wpforms-container-full textarea,
.req_estimate_wrap div.wpforms-container-full .wpforms-form textarea,
.contact_right div.wpforms-container-full input[type=email], 
.contact_right div.wpforms-container-full input[type=number], 
.contact_right div.wpforms-container-full input[type=tel], 
.contact_right div.wpforms-container-full input[type=text],
.contact_right div.wpforms-container-full select, 
.contact_right div.wpforms-container-full textarea,
.contact_right div.wpforms-container-full .wpforms-form textarea{border: 1px solid #444444;padding: 4px 7px;line-height: 16px;width: 100%;font-family: 'Open Sans', sans-serif;
font-weight: 400}
.req_estimate_wrap div.wpforms-container-full input, .req_estimate_wrap div.wpforms-container-full select,
.contact_right div.wpforms-container-full input, .contact_right div.wpforms-container-full select{
	height: auto;
}
.contact_right textarea{height: 120px}

/* Style for validation messages  */
body div.wpcf7 img.ajax-loader {float: right;margin-left: 0;margin-top: 5px;}
body div.wpcf7-response-output {margin: 20px 0 0;padding: 8px 15px;color: #333;font-size: 14px;
margin-left: 0;overflow: hidden;}
body div.wpcf7-validation-errors, .contact_form_wrap div.wpcf7-mail-sent-ng,.contact_form_wrap div.wpcf7-response-output {border: 1px solid #d13428;background: #ec9c96;clear:both;float: none;}
body div.wpcf7-mail-sent-ok,.contact_form_wrap div.wpcf7-mail-sent-ng {border: 1px solid #b4e8aa;background: #c6e4be;}
body span.wpcf7-form-control-wrap {display: block !important;}
body span.wpcf7-not-valid-tip {color: #f00;font-size: 12px;display: block;position: absolute;top: 0;right: 0;
font-family: arial;padding: 6px 10px;border: 1px solid #f00;background: #fff;}

/* Style for 404 page  */
.wrap_404{text-align: center;margin: 50px 0 80px;}
.nf404_title_1{font-size: 80px;}
.nf404_title_2{font-size: 35px;margin-bottom: 12px;}
.wrap_404 p{font-size: 16px;}


/* Style for Footer  */
#footer1{border-top: 5px solid #f9c620;padding: 70px 10px;background: url(images/footer-bg.jpg) no-repeat center center;
background-size: cover;text-align: center;font-weight: 600;color: #ffffff}
.footer_logo{display: inline-block;margin-bottom: 5px;}
#footer1 span{display: block;line-height: 170%;}
#footer2{padding: 8px 10px;font-size: 11px;color: #ffffff;line-height: 14px;background-color: #000000;
text-align: center;}
#footer2 a{color: #ffffff;}

/* Touch menu style */
.mobilemenu_icon {position: absolute;width: 34px;right: 2px;top:16px;display: none;}
.mobilemenu_icon span{float: left;clear: both;width: 100%;height: 6px;margin-bottom: 2px;background: #f9c620;}
#white_overlay{position:fixed;width:100%;height:100%;left:0;top:0;background-color:rgba(255,255,255,0);z-index: -1;}
#menu.m_menu_active{left:0;padding: 0;}
#white_overlay.m_menu_active{background-color:rgba(255,255,255,0.8);z-index: 990;}

/* Commmon styles  */
#menu *, #white_overlay, #cs_main_wrap * {-moz-transition: all 0.2s ease-in;-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;transition: all 0.2s ease-in;}
.prod_block{width: 31%;float: left;margin: 2% 1%;}
#contact_main_wrap .prod_block a{border: 5px solid #f9c620; background: #005b7f; color: #fff; width: 100%; height: 100%; text-align: center; display:block;padding: 40px; font-weight: bold;}
#header .middle_wrapper{padding: 6px;background: url(../../../../sunbeamenergy.ca/wp-content/uploads/2016/04/sunbeam-energy-header-background.jpg) no-repeat; background-size: cover;}
#header {text-align:left;padding:0px;background:#0f3645;}

/* Responsive styling  */
@media only screen and (max-width: 960px){
#menu {display:block;margin-top: 0;margin-left:0;position: fixed;z-index: 999;width: 250px;background: #252525;
height: 100%;left: -265px;margin-top: 0;top: 0;box-shadow: 0 0 10px #ccc;-moz-box-shadow: 0 0 10px #ccc;
-webkit-box-shadow: 0 0 10px #ccc;-o-box-shadow: 0 0 10px #ccc;-ms-box-shadow: 0 0 10px #ccc;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;overflow:auto;}
#menu ul li {float: left;margin: 0;width: 100%;clear: both;padding:0;background:none;}
#menu ul li a {display: block;color: #ffffff;font-size: 16px;line-height: 46px;padding: 0 12px;text-align: left;
border-top: 0 none;font-weight: normal;border-bottom: 1px solid #111111 !important;position: relative;}
#menu .middle_wrapper{width: 100%;}
.middle_wrapper{width: 94%;}
.home_section_1_list li {float: left;width: 50%;}
.home_section_2_item {padding: 0 15px;width: 50%;}
#home_section_2_item_1{width: 100%;margin-bottom: 25px;}
#logo {float: left;}
#logo img{height: 60px;width: auto;}
#header {padding: 8px 0;}
.mobilemenu_icon{display: block;}
.heading_2 {font-size: 26px;line-height: 120%;}
.heading_1 {font-size: 21px;}
.contact_left {width: 38%;}
.contact_right {width: 55%;}
#contact_main_wrap h2 {font-size: 18px;line-height: 120%;}
#contact_main_wrap p{padding: 0}
.cs_list li {margin: 0 2% 4%;width: 46%;}
.cs_list li .csdata {height: 75px;}
.cs_navigation {position: relative;right: 0;top: 0;float: right;margin-bottom: 12px;}
#slideshow .ls-l {width: 94% !important;left: 3% !important;}
#slideshow h2{margin-top: 50px;font-size: 45px;}
#slideshow h3{font-size: 28px;}


}
@media only screen and (max-width: 650px){
#home_brandings img {margin: 0 10px 0 14px;height: 60px;width: auto;}
.footer_logo img{max-width: 70%}
.container_left {width: 100%;margin-bottom: 50px;}
.container_right {float: left;width: 100%;}
.heading_2 {font-size: 22px;}
.getstarted_block {padding: 22px 30px;}
#footer1 {padding: 30px 10px;}
.ct_data_info {padding: 0 0;}
#slideshow h2{margin-top: 40px;font-size: 40px;}
#slideshow h3{font-size: 26px;}
}
@media only screen and (max-width: 520px){
.home_section_1_list li {width: 100%;margin-bottom: 10px;}
.home_section_4_list li {width: 100%;margin-bottom: 10px;}
.home_section_2_item {width: 100%;}
#logo img {height: 50px;}
.mobilemenu_icon{top: 11px;}
.home_section_1_list li .link_1 {padding: 15px 18px 16px 18px;}
.home_section_2_item h3 {font-size: 21px;}
.heading_2 {font-size: 20px;}
.contact_left {width: 100%;}
.contact_right {width: 100%;float: left;}
.cs_list li {margin: 0px 3% 6%;width: 94%;}
#slideshow h2{margin-top: 28px;font-size: 28px;}
#slideshow h3{font-size: 18px;}
}
/*--- Mobile Menu ---*/
@media only screen and (max-width: 960px){
  .middle_wrapper ul ul{
	  display: block;
	  position: relative;
	  padding-left: 30px;
  }
  #menu li.megamenu>ul>li.col_1-3,
  #menu li.megamenu>ul>li.col_2-3,
  #menu li.megamenu>ul>li>ul>li.col_1-2{
	width: 100%;
  }
}
@media only screen and (min-width: 320px){
	.req_estimate_wrap div.wpforms-container-full .wpforms-field.wpforms-field-radio.wpforms-list-2-columns ul{
		grid-template-columns: repeat(2, minmax(0, 1fr))!important;
	}
}
  
#breadcrumbs{
    list-style:none;
    padding:10px 20px;
    overflow:hidden;
}
  
#breadcrumbs li{
    display:inline-block;
    vertical-align:middle;
    margin-right:15px;
}
  
#breadcrumbs .separator{
    font-size:18px;
    font-weight:100;
    color:#000;
}
.brcrmbs{
	background: #999;
}
.brcrmbs a{
	color: #f9c620;
    font-weight:bold;
}
.brcrmbs_cont{
	width: 960px;
  	margin: auto;
}
.cs_list li{
	max-height: 231px;
}
h4.highlight{
	color: #f9c620;
	font-weight: bold;
	font-size: 16px;
}
.cat_img{
	width:33.3%;
	display: inline-block;
}
.cat_img img{
	width:100%;
	padding: 10px;
}