/*
 Theme Name:     Gasnaturally
 Theme URI:      
 Description:    
 Author:         
 Author URI:     
 Template:       Divi
 Version:        1.0.0
*/

@import url("../Divi/style.css");

body { overflow-x: hidden;text-align: justify; }
#logo{vertical-align: top !important;}
.section-accordion { margin-bottom: 50px !important; }
.section-accordion .et_pb_toggle {border: 0;border-bottom: 1px solid #089eff;margin-bottom: 0 !important;background-color: transparent;padding-left: 10px;}
.section-accordion .et_pb_toggle:first-of-type { border-top: 1px solid #089eff; }
.section-accordion h5 {color: #1f7ae1 !important;font-size: 22px;padding-bottom: 0 !important;}
.navigation_text a {padding: 20px;border: 0;border-bottom: 1px solid #089eff;margin-bottom: 0 !important;background-color: transparent;padding-left: 10px;display: inline-block;width: 100%;}
.navigation_text a:first-of-type { border-top: 1px solid #089eff; }
.navigation_text a {color: #1f7ae1 !important;font-size: 22px;font-weight: 600;}
.navigation_text a i{float: right;font-size: 30px;}
#section-accordion .et_pb_toggle_title{padding-bottom: 0 !important;font-weight: 600;}
.section-accordion .et_pb_toggle_title:before {content: "\43"; color: #1f7ae1; font-size: 40px !important}
.section-accordion .et_pb_toggle_open .et_pb_toggle_title:before {content: "\42";display: block !important;font-size: 40px !important}
#section-sample-projects {padding-bottom: 0 !important}
.section-sample-projects h2{font-size: 22px !important;color: #1f7ae1;font-weight: 600;}
.section-sample-projects h3{font-size: 16px !important;font-weight: 600;}
.section-sample-projects  .border-bottom h3{border-bottom: 1px solid #133468;display: inline-block;padding-bottom: 5px !important;}
.section-blue { color: #fff; }
.section-blue h4 {color: #fff;padding-bottom: 0 !important;line-height: 24px;font-weight: 600;}
.section-blue h6 {color: #fff; font-weight: 600 !important;padding-top: 5px;}
.section-blue p { line-height: 22px;font-family: 'Open Sans';font-weight: 100;font-size: 16px !important }
.section-blue p span{color: #b4ecf4 !important;font-weight: 600;font-size: 16px;}
.section-blue .et_pb_image {margin-bottom: 10px !important;}
.section-blue .et_pb_text_inner p:last-child { margin-bottom: 0 !important; }
body.page-id-7243 .entry-content {padding: 0 15px!important;}
.section-blue:after{position: absolute;}
.section-blue h4{color: #b4ecf4; font-weight: 600;font-size: 22px !important;}
.section-blue p{color: #fff !important;} 
.section-blue h6{color: #b4ecf4 !important;font-weight: 600;font-size: 16px;}
.section-video-content p span{color: #92c024 !important;font-weight: 600;font-size: 16px;}
body .section-video-content h2 {color: #1f7ae1;font-size: 22px !important;padding-bottom: 10px !important;font-weight: 600;}
body .section-blue h2 {color: #b4ecf4;font-size: 22px !important;padding-bottom: 10px !important;font-weight: 600;}
body .section-video-content h3{font-size: 16px !important;color: #133468 !important; font-weight: 600;}
.section-video-content a { color: #92c024; }
.section-video-content p { line-height: 24px; }
#section-call p{color: #133468 !important;}
.section-hyrogen{padding-top: 0 !important}
.section-hyrogen h3{color: #1f7ae1 !important;font-size: 22px !important;}
.section-hyrogen p span{color: #92c024 !important;font-weight: 600;font-size: 16px;}
#section-call p span{color: #133468 !important;font-weight: 600;font-size: 16px;}
.section-references .et_pb_text_inner{border-top: 1px solid #d0d0d0;border-bottom: 1px solid #d0d0d0; padding:30px 0;padding-bottom: 30px !important}
.section-references p{font-size: 12px;padding-bottom: 15px !important;line-height: 15px;}
.section-references p:first-child{font-size: 16px !important;}
#section-references .et_pb_text_inner p{padding-bottom: 15px !important;}
.section-references p:last-of-type{padding-bottom: 0px !important;}

@media (min-width: 1400px){
	#section-call .et_pb_image_wrap {width: 100% !important;}
	#section-call .et_pb_image_wrap img{width: 100% !important;}
	.section-video-content img{display: block !important;width: 100% !important;}
	.section-video-content .et_pb_image .et_pb_image_wrap{display: block !important;}
	#section-blue .et_pb_row {
		padding: 20px 0 !important;
		padding-bottom: 0 !important;
	}
}
@media (min-width: 981px){
	body.page-id-7243 .et_pb_section {
	    padding: 4% 7% !important;
	}
	#section-sample-projects .et_pb_row.et_pb_row_6{padding-bottom:0 !important }
	#section-sample-projects .et_pb_row.et_pb_row_7 {padding-top: 0 !important }
	#section-call .et_pb_image_11 {text-align: right !important;}
	#section-call .et_pb_image_wrap {width: 100% !important;}
	#section-call .et_pb_image_wrap img{width: 100% !important;}
}
@media (min-width: 991px){
	#main-header .container {max-width: 1170px !important;width: 100%;margin: auto;}
	#main-content{max-width: 1170px !important;width: 100%;margin: auto;}
	#section-hyrogen .et_pb_column.et_pb_column_1_4.et_pb_column_13.et_pb_css_mix_blend_mode_passthrough{
    	width: 13.875% !important;
	}
	#section-hyrogen .et_pb_gutters1 .et_pb_column_1_4, .et_pb_gutters1.et_pb_row .et_pb_column_1_4 {
	    width: 15% !important;
	}
	#section-hyrogen .et_pb_gutters1 .et_pb_column_3_4, .et_pb_gutters1.et_pb_row .et_pb_column_3_4 {
	    width: 85% !important;
	}

	#section-hyrogen .et_pb_row{padding-bottom: 0!important}
	#section-hyrogen .et_pb_row:first-of-type{padding: 0}
	.blue_section_img img {
	    position: relative;
	    height: 510px;
	    object-fit: cover;
	    object-position: center;
	}
}
@media (max-width: 991px){
	body.page-id-7243 .et_pb_section {
	    padding: 0 15px !important;
	}
	#section-hyrogen .et_pb_row{padding: 15px !important;}
	.section-references .et_pb_text_inner{padding: 15px 0;}
	.section-blue:before {left: -90%}
	.section-blue:after {right: -90%}   
	#section-call:before {left: -90%}
	#section-call:after{right: -90%}
}


#section-hyrogen .et_pb_row {
    padding-bottom: 0!important;
    padding-left: 0!important;
    padding-right: 0!important;

}

body p sup{
	font-size: 12px;
}
#top-menu .menu-item-has-children .sub-menu > .menu-item-has-children > a:first-child:after {
	transform: rotate(-90deg);
}