/*

 Theme Name:     Divi Child

 Theme URI:      https://www.elegantthemes.com/gallery/divi/

 Description:    Divi Child Theme

 Author:         Elegant Themes

 Author URI:     https://www.elegantthemes.com

 Template:       Divi

 Version:        1.0.0

*/

/*================CSS====================*/
body{ font-weight: normal;}
select {font-weight:normal; appearance:none; -moz-appearance:none; -webkit-appearance:none; outline:0; box-shadow:none;}
a, button{transition: all 0.25s ease-in 0s;-webkit-transition: all 0.25s ease-in 0s;-moz-transition: all 0.25s ease-in 0s;-o-transition: all 0.25s ease-in 0s; outline:0; box-shadow:none;}
a:focus, button:focus{ border:0; outline:none; box-shadow:none;}
input,select,textarea{transition: all 0.25s ease-in 0s;-webkit-transition: all 0.25s ease-in 0s;-moz-transition: all 0.25s ease-in 0s;-o-transition: all 0.25s ease-in 0s; outline:none; box-shadow:none;}
.btn:focus, .btn.focus{ box-shadow:none;}
img {max-width:100%;vertical-align:middle;border:none}
select::-ms-expand{ display:none;}

/*================page Css====================*/
.topbar_outer{ padding-left: 35.5% !important;}
.topbar_outer > .et_pb_column{ display: flex; flex-wrap: wrap;}
.topbar{ line-height: normal; width: 25%; padding-right: 60px;}
.topbar:last-of-type{ padding-right: 0;}
.topbar .et_pb_blurb_container{ padding-left: 10px;}
.topbar h4{ padding-bottom: 0;}

.header_row{ padding-left: 15.5% !important;}
.logo{ width: 23% !important; margin-right: 0 !important; position: relative;}
.logo .et_pb_image{ height: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.logo .et_pb_image:before{ content: ""; position: absolute; left: 0; right: 0; top: -55px; bottom: -70px; background: url(images/logo-bg.svg) center center no-repeat;}
.logo_name{ width: 31% !important; margin-right: 0 !important; display: flex; flex-wrap: wrap; align-items: center;}
.menu{ width: 46% !important; display: flex; flex-wrap: wrap; align-items: center;}
#menu-hook-menus{ margin: 0;}
#menu-hook-menus li{ margin-top: 0; padding: 0 15px;}

.banner_left{ padding-left: 19% !important;}
.banner_content{ width: 40% !important; margin-right: 0 !important;}
.banner_content .et_pb_text_inner{ margin-right: -13%;}
.banner_content h2{ padding-bottom: 20px;}
.banner_content .button1{ margin-right: 30px;}
.banner_image{ width: 60% !important;}
.banner_image .et_pb_image{ clip-path: polygon(25% 0, 100% 0, 100% 100%, 0% 100%);}
.banner_image .et_pb_image_wrap{ width: 100%;}
.banner_image .et_pb_image_wrap img{ width: 100%;}

.button1{ background: #FAB702; color: #1C1C1C; font-size: 18px; min-width: 148px; line-height: 48px; text-align: center; font-family: 'ProximaNova-Bold'; display: inline-block; border-radius:5px;}
.button1:hover, .button1:focus{ background: #1C1C1C; color: #fff;}
.button2{ border: 2px solid #FAB702 !important; color: #FAB702; font-size: 18px; min-width: 148px; line-height: 44px; text-align: center; font-family: 'ProximaNova-Bold'; display: inline-block; border-radius:5px;}
.button2:hover, .button2:focus{ background: #FAB702; color: #1C1C1C;}
.button3{ min-width: 148px; text-align: center; line-height: 48px !important; padding: 0 !important; border-radius: 5px !important;}

.marketing_plan ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.marketing_plan ul li{ color: #333; line-height: 32px; font-size: 26px; font-family: 'ProximaNova-Bold'; max-width: 250px;}
.marketing_plan ul li img{ margin-right: 21px; max-width: 64px; float: left;}

.vincent .et_pb_team_member_image{ margin: 0 25px 0 0;}
.vincent .et_pb_team_member_description h4{ padding-bottom: 5px;}
.welcome_content_outer{ padding-left: 7% !important;}
.welcome_content h2{ padding-bottom: 25px;}
.wrimage{ max-width: 18% !important;}
.tieroadcylinder p a{ font-family: 'ProximaNova-Bold'; font-size: 14px; color: #626262; margin-top: 5px; text-transform: uppercase; letter-spacing: 0.5px;}
.tieroadcylinder p a:hover, .tieroadcylinder p a:focus{ color: #CC003C;}
.cylenderrepair h2{ padding-bottom: 13px;}
.cylenderrepair h4{ padding-bottom: 19px;}
.cylenderrepair ul{ margin: 0; padding: 0;}
.cylenderrepair ul li{ background: url(images/circle-check-icon.svg) left 12px no-repeat; padding-left: 25px;}

.home_contact{ padding-left: 19%;}
.home_contact h2{ padding-bottom: 17px;}
.home_contact ul{ padding: 0;}
.home_contact ul li{ padding: 15px 0;}
.home_contact ul li img{ max-width: 30px; margin-right: 25px;}

.recent_article .et_pb_salvattore_content{ margin: 0 -15px;}
.recent_article .column{ width: 33.3333% !important; padding: 0 15px; margin-right: 0 !important;}
.recent_article .column .et_pb_post{ margin: 0 !important; border: 0; padding: 0; position: relative;}
.recent_article .column .et_pb_image_container{ margin: 0;}
.recent_article .et_pb_post .entry-featured-image-url{ margin: 0;}
.recent_article .et_pb_post .post-meta{ display: none;}
.recent_article .et_pb_post .entry-title{ padding: 0; position: absolute; left: 25px; right: 25px; bottom: 25px; font-size: 24px !important; line-height: 30px !important;}
.recent_article .et_pb_post .entry-title a{ font-family: 'ProximaNova-Bold' !important; color: #ffffff !important;}

.gravity_form .gform_wrapper form{ display: flex; flex-wrap: wrap;}
.gravity_form .gform_wrapper form .gform_body{ width: 100%;}
.gravity_form .gform_wrapper form .ginput_container input{ background: none; border: 2px solid #777; color: #ccc; padding: 13px 20px; font-size: 16px; border-radius: 5px;}
.gravity_form .gform_wrapper form .gform_footer{ margin: 0px; padding: 0;}
.gravity_form .gform_wrapper form .gform_footer .button{ background: #FAB702; color: #000; min-width: 148px; line-height: 48px !important; padding: 0; font-family: 'ProximaNova-Bold'; font-size: 18px; text-align: center; border: 0; margin: 15px 0 0; cursor: pointer; border-radius: 5px;}
#signup_img{ right: -90px;}

#footer .footer_left{ width: 32%; margin-right: 0; padding-right: 30px;}
#footer .footer_right{ width: 68%; display: flex; flex-wrap: wrap; padding-top: 31px;}
#footer .et_pb_social_media_follow{ letter-spacing: 1px;}
.footer_link{ width:28%;}
.footer_link:last-child{ width:auto;}
.footer_link ul{ margin: 0; padding: 20px 0 0; list-style-type: none;}
.footer_link ul li{ font-weight: normal; padding: 9px 0;}
.footer_link ul li a{ color: #E3E3E3; font-size: 16px;}
.footer_link ul li a:hover, .footer_link ul li a:focus{ color: #FAB702;}

.inner_banner h1{ padding-bottom: 4px;}
.inner_banner p a{ color: #000;}
.servicetop_content h2{ padding-bottom: 30px;}
.servicetop_content ul{ padding: 10px 0 0;}
.servicetop_content ul li{ background: url(images/bullet.svg) left 12px no-repeat; padding-left: 25px;}
.welded_image{ margin-right:-100px; padding-left: 85px; padding-top: 75px;}
.welded_image:after{ content: ""; background: #fab702; position: absolute; left: 0; right: 0; top: 0; bottom: 20%; width: 3500px; z-index: -1;}
.services-box .et_pb_blurb{ min-height: 410px;}
.services-box .et_pb_blurb .et_pb_blurb_content{ position:static;}
.services-box .et_pb_blurb_description .button1{ color:#000; position: absolute; bottom: 30px; left: 0; right: 0; margin: auto; max-width: 148px;}
.services-box .et_pb_blurb_description .button1:hover,.services-box .et_pb_blurb_description .button1:focus{ color:#FFF;}

#filterable .sortLink{ background: #FAB702; color: #1C1C1C; font-size: 18px; min-width: 148px; line-height: 48px; text-align: center; font-family: 'ProximaNova-Bold'; border-radius: 5px; border: 0; padding: 0 15px;}
#filterable .sortLink:hover, #filterable .sortLink.selected{ background: #1C1C1C; color: #fff;}
#filterable .et_pb_portfolio_filters ul li{ font-size: 16px; line-height: normal; text-transform: uppercase;}
#filterable .et_pb_portfolio_filters ul li a{ color: #1C1C1C; text-decoration: none; border: 0; margin: 0; font-family: 'ProximaNova-Bold'; background: #f6f6f6; padding: 15px 30px;}
#filterable .et_pb_portfolio_filters ul li a:hover, #filterable .et_pb_portfolio_filters ul li a.active{ background: #f6f6f6; color: #FAB702;}
#filterable .et_pb_portfolio_items{ display: flex; flex-wrap: wrap; justify-content: center;}
#filterable .et_pb_portfolio_items .et_pb_portfolio_item{ width: 33.33%; padding: 15px; margin: 0;}

.calltoday_txt h2{ padding-top: 13px;}
.dropus_bx h4{ padding-bottom: 22px;}
.dropus_bx p a{ color: #1C1C1C; font-size: 20px; font-weight: 500; font-family: 'DM Sans';}
.dropus_bx p a img{ max-width: 20px; margin-left: 10px;}
.contact_image{ padding-left: 30px;}
.contact_image:after{ content: ""; position: absolute; left: 0; right: 35px; top: 35px; bottom: -30px; background: #fab702; z-index: -1;}
.contact_image:before{ content: ""; position: absolute; left: 0; right: 0; top: -58px; bottom: 0; background: url(images/dotted-shape-top.svg) left top no-repeat; z-index: -1;}
.contact_image span:after{ content: ""; position: absolute; left: 0; right: 50px; top: 0; bottom: -66px; background: url(images/dotted-shape-btm.svg) right bottom no-repeat; z-index: -1;}
.contact_frm_submit_wrapper{ padding-top: 25px;}
.contact_frm_submit_wrapper.gform_wrapper .gform_body input[type="text"], .contact_frm_submit_wrapper.gform_wrapper .gform_body input[type="email"], .contact_frm_submit_wrapper.gform_wrapper .gform_body .textarea{ border: 1px solid #E4E4E4; border-radius: 4px; font-size: 16px; color: #666; padding: 15px 21px;}
.contact_frm_submit_wrapper.gform_wrapper .gform_body .textarea{ max-height: 150px;}
.contact_frm_submit_wrapper.gform_wrapper .gform_footer .button{ background: #FAB702; color: #1C1C1C; font-size: 18px; min-width: 148px; line-height: 48px !important; text-align: center; font-family: 'ProximaNova-Bold'; display: inline-block; cursor: pointer; border: 0; border-radius: 5px;}
.contact_frm_submit_wrapper.gform_wrapper .gform_footer .button:hover, .contact_frm_submit_wrapper.gform_wrapper .gform_footer .button:focus{ background: #1C1C1C; color: #fff;}
.contact_frm_submit_wrapper.gform_wrapper .gform_body .validation_message{ border: 0; padding: 0; background: none;}





/*Responsive css start*/
@media only screen and (max-width: 1600px) {
.header_row{ padding-left: 9% !important;}
    .banner_left{ padding-left: 10% !important;}
    .wrimage{ max-width: 14% !important;}
    .welcome_content_outer{ padding-left: 3% !important;}
    .home_contact{ padding-left: 13%;}
    
}
@media only screen and (max-width: 1440px) {
    
    .header_row { padding-left: 4% !important;}
    .logo_name .et_pb_text_0_tb_header{ font-size: 40px; padding-left: 20px;}
    .header_row{ min-height: 160px !important;}
    .logo{ width: 20% !important;}
    .logo .et_pb_image::before{ background-size: 280px; bottom: -66px;}
    .logo .et_pb_image img{ max-width: 190px;}
    .menu {	width: 49% !important;}
	#menu-hook-menus li{ padding: 0 12px;}
    .topbar_outer{ padding-left: 24% !important;}
    .banner_left { padding-left: 5% !important;}
    .welcome_content_outer { padding-right: 9%; padding-left: 2%;}
    .home_contact{ padding-left: 9%;}
    
    .welded_image{ margin-right: -55px; padding-left: 40px; padding-top: 35px;}
    #filterable{ padding-left: 1%; padding-right: 1%;}

}
@media only screen and (max-width: 1310px) {

    .logo_name .et_pb_text_0_tb_header{ font-size: 36px;}
    .home_contact ul li{ padding: 9px 0;}
    #signup_img{ right: -50px;}
	#menu-hook-menus li{ padding: 0 8px;}
}
@media only screen and (max-width: 1199px) {

    .header_row{ padding-left: 20px !important; min-height: 120px !important;}
    .logo .et_pb_image::before{ background-size: 210px; bottom: -62px;}
    .logo .et_pb_image img{ max-width: 160px;}
    .logo_name .et_pb_text_0_tb_header{ font-size: 30px; padding-left: 15px;}
    #menu-hook-menus li{ padding: 0 5px;}
    #menu-hook-menus li a{ padding-bottom: 0; font-size: 18px;}
    .topbar_outer{ padding-left: 22% !important;}
    .topbar{ width: 33%; padding-right: 0;}
    .banner_left { padding-left: 30px !important;}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {

    .banner_content .et_pb_module:first-child{ padding-top: 50px !important; margin-bottom: 15px !important;}
    .banner_content h2 { padding-bottom: 7px; font-size: 36px !important; line-height: normal !important;}
    body .marketing_plan.et_pb_row{ margin: 0 30px; width: auto; padding: 50px !important;}
    .wrimage { display: none;}
    .welcome_content_outer{ padding-right: 2%;}
    .home_contact { padding-left: 3%;}
    .home_contact h2 {padding-bottom: 0;}
    .home_contact ul li { padding: 7px 0;}
    .recent_article .et_pb_salvattore_content { margin: 0;}
    #signup_img{ right: 0px;}
    .signupleft{ padding-left: 25px;}
    .gravity_form .gform_wrapper form .gform_footer{ margin: 0;}
    .gravity_form .gform_wrapper form .gform_body { max-width: 320px;}
    .footer_link { width: 25% !important;}
    #footer{ padding-left: 25px; padding-right: 25px;}
    
    .welded_image{ margin-right: 0; padding-left: 30px; padding-top: 25px;}
    .services_top_content{ padding-left: 20px; padding-right: 20px;}
    .padding_tablet{ padding-left: 20px; padding-right: 20px;}
    
}
@media only screen and (max-width: 991px) {

    .topbar_outer { padding-left: 20px !important; padding-right: 20px !important;}
    .logo{ margin-bottom: 0; width: 30% !important;}
    .logo .et_pb_image{ background: #fff;}
    .logo_name { width: 40% !important;	margin-bottom: 0;}
    .menu { width: 30% !important; justify-content: flex-end;}
    .logo .et_pb_image::before { display: none;}
    .header_row { min-height: 100px !important;}
    
    .et_mobile_menu{ border-top-color:#FAB702;}
    .et_pb_menu .et_mobile_menu{ position: fixed; top: 208px;}
    .et_pb_menu .et_mobile_menu li a{ text-align: center;}
    
    .banner_content { width: 100% !important;}
    .banner_image { width: 100% !important;}
    .banner_image .et_pb_image { clip-path: none;}
    .banner_content .et_pb_text_inner{ margin-right: 0 !important;}
    .marketing_plan ul{ justify-content: center;}
    .marketing_plan ul li{ font-size: 24px; max-width: 100%; width: 100%; text-align: center; padding: 20px;  border-bottom: 1px solid #eee;}
    .marketing_plan ul li br{ display: none;}
    .marketing_plan ul li:last-child{ border-bottom: 0;}
    .marketing_plan ul li img{ float: none; display: block; margin: 0 auto 10px;}
    .welcome_content_outer{ padding-left: 0 !important; padding-right: 0 !important;}
    .welcome_content h2 { padding-bottom: 10px;}
    .home_contact { padding-left: 0;}
    .home_contact ul{ display: flex; flex-wrap: wrap;}
    .home_contact ul li{ width: 33.33%;}
    .recent_article .column { width: 100% !important;}
    .recent_article .column .et_pb_post{ margin-bottom: 20px !important;}
    #signup_img{ right: 0;}
    #footer .footer_left{ width: 100%; padding-right: 0;}
    #footer .footer_right{ width: 100%; padding-top: 0;}
    .footer_link ul{ padding: 0;}
    
    .welded_image::after{ display: none;}
    .welded_image{ margin-right: 0; padding-top: 0; padding-left: 0;}
    .welded_image .et_pb_image_wrap{ width: 100%;}
    .welded_image .et_pb_image_wrap img{ width: 100%;}
    #filterable{ padding-left: 10px; padding-right: 10px;}
    #filterable .et_pb_portfolio_items .et_pb_portfolio_item{ width: 50%; padding: 10px;}
	.services-box .et_pb_blurb{ min-height:inherit;}
	.services-box .et_pb_blurb_description .button1{ position: static;}
    
}
@media only screen and (max-width: 767px) {

    .logo_name{ display: none;}
    .logo{ width: 50% !important;}
    .menu { width: 50% !important;}
    .header_row { min-height: 84px !important;}
    .et_pb_menu .et_mobile_menu { top: 130px;}
    .logo .et_pb_image{ text-align: center;}
    .logo .et_pb_image img { max-width: 95%;}
    .vincent .et_pb_team_member_image{ margin-right: 15px;}
    .home_contact ul li{ width: 100%;}
    .recent_article .et_pb_post .post-meta { display: none !important;}
    .gravity_form .gform_wrapper form .gform_body{ max-width: 100%; width: 100%;}
    .gravity_form .gform_wrapper form .gform_body .gform_fields{ display: block;}
    .gravity_form .gform_wrapper form .gform_footer{ margin: 20px 0 0;}
    .footer_link{ width: 100%; padding: 10px 0;}
    
    #filterable .et_pb_portfolio_filters ul{ padding-left: 10px; padding-right: 10px;}
    .contact_image{ padding-left: 0;}
    .contact_image::after{ display: none;}
    .contact_image::before{ display: none;}
    .contact_image span::after{ display: none;}
    .contact_frm_submit_wrapper.gform_wrapper .gform_body .validation_message{ margin-top: 0;}
}
@media only screen and (max-width: 500px) {

    #filterable .et_pb_portfolio_items .et_pb_portfolio_item{ width: 100%;}
    #filterable .et_pb_portfolio_items .et_pb_portfolio_item img{ width: 100%;}
    .contact_frm_submit_wrapper.gform_wrapper .gform_body .gform_fields{ grid-column-gap:0;}

}