/*
Theme Name:  My Site
Theme URI:   https://diviblank.pageprogressive.com
Version:     1.5
Description: A custom child theme of Divi.
Author:      Page Progressive
Author URI:  https://www.pageprogressive.com/contact/
Template:    Divi
*/

/*- Add any CSS custom code for this child theme below this line -*/


/*====================================================
	Font_Family
=====================================================*/
	@font-face {
		font-family: 'HelveticaNeueLT-Std-Cn';
		src: url('fonts/HelveticaNeueLTStd-BdCn.eot');
		src: url('fonts/HelveticaNeueLTStd-BdCn.eot?#iefix') format('embedded-opentype'), 
			url('fonts/HelveticaNeueLTStd-BdCn.woff2') format('woff2'), 
			url('fonts/HelveticaNeueLTStd-BdCn.woff') format('woff'), 
			url('fonts/HelveticaNeueLTStd-BdCn.ttf') format('truetype'), 
			url('fonts/HelveticaNeueLTStd-BdCn.svg#HelveticaNeueLTStd-BdCn') format('svg');
		font-weight: bold;
		font-style: normal;
	}

	@font-face {
		font-family: 'HelveticaNeueLT Std';/**HelveticaNeueLTStd-Bd**/
		src: url('fonts/HelveticaNeueLTStd-Bd.eot');
		src: url('fonts/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), 
			url('fonts/HelveticaNeueLTStd-Bd.woff2') format('woff2'), 
			url('fonts/HelveticaNeueLTStd-Bd.woff') format('woff'), 
			url('fonts/HelveticaNeueLTStd-Bd.ttf') format('truetype'), 
			url('fonts/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg');
		font-weight: bold;
		font-style: normal;
	}

	@font-face {
		font-family: 'Helvetica Neue LT Std';/**HelveticaNeueLTStd-Md**/
		src: url('fonts/HelveticaNeueLTStd-Md.eot');
		src: url('fonts/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'), 
			url('fonts/HelveticaNeueLTStd-Md.woff2') format('woff2'), 
			url('fonts/HelveticaNeueLTStd-Md.woff') format('woff'), 
			url('fonts/HelveticaNeueLTStd-Md.ttf') format('truetype'), 
			url('fonts/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg');
		font-weight: 500;
		font-style: normal;
	}
	@font-face {
		font-family: 'Helvetica Neue LT Std';/**HelveticaNeueLTStd-Lt**/
		src: url('fonts/HelveticaNeueLTStd-Lt.eot');
		src: url('fonts/HelveticaNeueLTStd-Lt.eot?#iefix') format('embedded-opentype'), 
			url('fonts/HelveticaNeueLTStd-Lt.woff2') format('woff2'), 
			url('fonts/HelveticaNeueLTStd-Lt.woff') format('woff'), 
			url('fonts/HelveticaNeueLTStd-Lt.ttf') format('truetype'), 
			url('fonts/HelveticaNeueLTStd-Lt.svg#HelveticaNeueLTStd-Lt') format('svg');
		font-weight: 300;
		font-style: normal;
	}

/*====================================================
	Header_Main
=====================================================*/
/* 	body.page-template-default.page.page-id-6037 #page-container {
	    padding-top: 145px !important;
	} */
	#mobile_menu > li {
		position: relative;
	}
	#mobile_menu > li > ul.sub-menu {
		display: none !important;
		position: absolute;
		top: 100%;
		left: 0;
		background: #287cb3;
		right: 0;
	}
	#mobile_menu > li:hover > ul.sub-menu {
		display: block !important;
		z-index: 99;
	}
	#main-header{
	    background: rgb(55,161,230);
	    background: -moz-linear-gradient(left, rgba(55,161,230,1) 0%, rgba(43,135,194,1) 100%);
	    background: -webkit-linear-gradient(left, rgba(55,161,230,1) 0%, rgba(43,135,194,1) 100%);
	    background: linear-gradient(to right, rgba(55,161,230,1) 0%, rgba(43,135,194,1) 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#37a1e6', endColorstr='#2b87c2', GradientType=1 );
	    border-top: 7px solid #e74b3c;
	    position: fixed;
	    width: 100%;
	    z-index: 999;
	}/* 
	#top-menu {
		display: none !important;
	} */
	#top-menu li{
		padding-right: 0; 
	}
	#top-menu li a{
		color: #fff;
	}
	#main-header:after {
	    position: absolute;
	    content: "";
	    left: 0;
	    top: -12px;
	    width: 25%;
	    background: #2b87c2;
	    height: 107%;
	}
	.container.et_menu_container {
	    max-width: 1400px !important;
	    width: 100% !important;
	    display: table;
	    padding: 0 15px;
	    z-index: 0;
	}
	.et_header_style_left .logo_container {
	    position: relative;
	    width: 27%;
	    height: auto;
	    display: inline-block;
	    float: left;
	    padding: 0;
	    margin-top: -7px;
	    z-index: 9;
	}
	.et_header_style_left .logo_container a{
		line-height: 140px;
		background-color: #2b87c2;
		display: inline-block;
		position: relative;
		z-index: 99;
	}
/* 	.et_header_style_left .logo_container:after {
	    content: "";
	    display: block;
	    background-image: url('https://www.shinglesroofdirect.com/wp-content/uploads/2019/11/header_logo_after-1.png');
	    background-repeat: no-repeat;
	    background-size: cover;
	    width: 300px;
	    height: 169px;
	    position: absolute;
	    right: -13px;
	    top: -24px;
	    z-index: -1;
	} */
	.et_header_style_left .logo_container:after {
		content: "";
		display: block;
		position: absolute;
		right: -10px;
		top: 0;
		z-index: -1;
		width: 400px;
		height: 100% !important;
		background: #2B87C2;
		transform: skew(-30deg, 0);
	}
	#et-top-navigation{
		position: relative;
		z-index: 9999;
		width: 65%;
		display: inline-block;
	}
	#main-header .right-menubar{
		width: 66.66666667%;
		display: inline-block;
		float: left;
	}
	#main-header .right-menubar .header_rht{
	    text-align: right;
	    float: right;
	}
	.header_rht .contact_no {
	    font-family: 'HelveticaNeueLT-Std-Cn';
	    font-size: 30px;
	    color: #fff;
	    letter-spacing: 2px;
	    text-decoration: none;
	    display: block;
	    line-height: 42.8571px;
	}
	.header_rht .contact_no span {
	    margin-right: 5px;
	}
	.header_rht .contact_no span img{
		vertical-align: middle;
	}
	.header_rht .call_back {
	    font-family: 'HelveticaNeueLT-Std-Cn';
	    font-size: 20px;
	    color: #fefefe;
	    text-transform: uppercase;
	    text-decoration: none;
	    background-color: #e74b3c;
	    max-width: 211px;
	    min-height: 37px;
	    display: block;
	    border-radius: 30px;
	    text-align: center;
	    padding: 7px 0 0;
	    outline: none;
	}
	#main-header #et-top-navigation{
		padding: 0px 0px 0px 0px !important;
	}
	.menu-primary-menu-container > li{
	    position: relative;
	    list-style: none;
	    float: left;
	    display: block;
	    background-color: transparent;
	    overflow: visible;
	    padding: 0 8px;
	}
	.header-nav ul#top-menu li a {
	    width: 100%;
	    padding: 0 10px;
	    color: #fff;
	    font-size: 18px;
	    line-height: 25px;
	    text-align: center;
	    text-transform: uppercase;
	    font-family: 'HelveticaNeueLT-Std-Cn';
	    padding-bottom: 13px !important;
	}
	.header-nav ul#top-menu li a:hover {
	    background: #2B87C2;
	    opacity: 1;
	}
	/* .page-id-447 #main-header, .page-id-2466 #main-header{
	    background: transparent;
	    padding: 20px 0 0;
	    position: fixed;
	    z-index: 999;
	    width: 100%;
	    top: 0;
	    border-top: 7px solid #e74c3c;
	    transition: .3s;
	    box-shadow: none;
	} */
	.page-id-447 .et_header_style_left .logo_container:after, 
	.page-id-2466 .et_header_style_left .logo_container:after,
	#main-header .et_search_outer{
		display: none;
	}
	.page-id-447 .et_header_style_left .logo_container a, .page-id-2466 .et_header_style_left .logo_container a{
		background-color: transparent;
		line-height: 1;
		padding: 22px 0 0 0;
	}
	.page-id-447 #main-header.et-fixed-header, .page-id-2466 #main-header.et-fixed-header{
		background-color: #2b87c2;
	}
/* 	.page-id-447 #page-container, .page-id-2466 #page-container{
		padding-top: 0 !important;
	} */
	li#menu-item-3656 {
	    padding: 0 0 0 8px!important;
	}
/* 	#page-container{
		padding-top: 145px !important;
	} */
	.social-icon {
	    float: left;
	    margin: 20px 0 0 50px;
	}
	.social-icon li{
		float: left;
	    margin-right: 5px;
	}
	.social-icon li i {
	    font-size: 14px;
	    color: #fff;
	    padding: 7px 10px;
	}
	li.google i {
	    padding: 7px 6px;
	}
	.social-icon li img{
		vertical-align: top;
	}
	.facebook {
	    background-color: #3b5998;
	}
	.google{
		background: #DB3C24;
	}
	.instagram {
	    background-color: #262626;
	}
	li#menu-item-2002 a{
		padding-left: 0 !important;
	}
	.header-nav ul#top-menu #menu-item-9111 a {
	    padding: 0 0 0 10px;
	}
	.head-annou {
	    background-color: #e74b3c;
	    position: relative;
	    z-index: -1;
	}
	.head-annou p {
		color: #fff;
		font-size: 21px;
	    padding: 10px 0 !important;
	    display: inline-block;
	    width: 100%;
		text-align: center;
	}
	#main-header:after {
		z-index: -1;
	}
	.header-nav p {
		color: #FFF;
		font-size: 20px;
	    text-align: center;
	    background: #e74b3c;
	    padding: 5px !important;
	}
	.header-nav a {
	    color: #FFF;
	    text-decoration: underline;
	}

/*====================================================
    Sub_Menu
=====================================================*/
	.sub-menu li a {
	    padding: 5px 20px !important;
	}
	.header_rht.clearHeader {
	    float: right;
	}
	.header_nav_main {
	    margin-left: auto;
	    width: 65%;
	    display: inline-block;
	}
	.nave-bar:hover .nav li ul.sub-menu {
	    opacity: 1;
	    visibility: visible;
	    z-index: 99;
	}
	.nav li ul.sub-menu {
	    background: #2c89c5;
	    /* border: 0; */
		/* padding: 10px 0 0 0; */
		padding: 0;
	}
	#top-menu li a {
	    color: #FFF !important;
	}
	.menu-primary-menu-container ul li {
	    float: left;
	    display: inline-block;
	    border: 0;
	    padding-bottom: 12px;
	    background: transparent;
	    position: relative;
	}
	.header-nav ul#top-menu li a {
	    width: 100%;
	    padding: 0 10px;
	    color: #fff;
	    font-size: 18px;
	    line-height: 25px;
	    text-align: center;
	    text-transform: uppercase;
/* 	    font-family: 'HelveticaNeueLT-Std-Cn'; */
		font-family: 'HelveticaNeueLTStd-Bd';
	    padding-bottom: 13px !important;
	}
	.header_nav_main {
	    margin-left: auto;
	    width: 65%;
	    display: inline-block;
	}
	.social-icon {
	    float: left;
	    margin: 20px 0 0 50px;
	}
	.social-icon li {
	    float: left;
	    margin-right: 5px;
	}
	.social-icon li i {
	    font-size: 14px;
	    color: #fff;
	    padding: 7px 10px;
	}
	.header_rht.clearHeader {
	    float: right;
		width: 275px;
		text-align: center;
	}
	.header_rht .contact_no {
	    font-family: 'HelveticaNeueLTStd-Bd';
	    font-size: 36px;
	    color: #fff;
	    letter-spacing: 2px;
	    text-decoration: none;
	    display: block;
	    line-height: 42.8571px;
	}
	.header_rht .contact_no span {
	    margin-right: 5px;
	}
	.header_rht .contact_no span {
	    margin-right: 5px;
	}
	.header_rht .call_back {
	    font-family: 'HelveticaNeueLTStd-Bd';
	    font-size: 24px;
	    color: #fefefe;
	    text-transform: uppercase;
	    text-decoration: none;
	    background-color: #e74b3c;
	    max-width: 280px;
	    min-height: 37px;
	    display: block;
	    border-radius: 30px;
	    text-align: center;
	    padding: 7px 0 0;
	    outline: none;
	}
	ul#menu-primary-menu a {
/* 	    padding: 0 13px; */
	    margin: 0;
	    font-size: 16px;
	    color: #FFF !important;
	    display: inline-block;
	    font-family: 'HelveticaNeueLTStd-Bd';
	    text-align: center !important;
/* 	    border-bottom: 3px solid transparent; */
		border: 0;
/* 	    text-transform: uppercase; */
	}
	#main-header .sub-menu li:hover {
	    border-color: #FFF;
	}
	#main-header .sub-menu li {
	    width: 100%;
	    padding: 0;
	    border-width: 0 0 3px 0;
	    border-color: transparent;
	    border-style: solid;
	}
	li#menu-item-2006 {
	    /* padding-right: 6px; */
	}
	.header-nav ul#top-menu li a:hover {
	    background: transparent;
	}
	#et-top-navigation {
	    position: relative;
	    z-index: 9999;
	    width: 65%;
	    display: inline-block;
	}


/*=======================Responsive=============================*/

	@media screen and (max-width: 1392px){
		.et_header_style_left .logo_container:after{
			height: 168px;
		}
		#main-header:after{
			top: -25px;
		}
		.header-nav ul#top-menu li a{
			padding: 0 4px;
		}
	}
	@media screen and (max-width: 1388px){
		.et_header_style_left .logo_container:after {
		    right: -40px;
		}
		#main-header:after {
		    top: -10px;
		}
/* 		#page-container {
		    padding-top: 206px !important;
		} */
/* 		body.page-template-default.page.page-id-6037 #page-container {
		    padding-top: 183px !important;
		} */
	}
	@media screen and (max-width: 1280px){
		.menu-primary-menu-container > li{
			padding: 0 5px;
		}
		.et_header_style_left .logo_container:after{
			right: -16%;
		}
		.et_header_style_left .logo_container a{
			padding: 0 20px 0 0;
			background-color: transparent;
		}
		#main-header:after{
			width: 20%;
		}
		.header-nav ul#top-menu li a{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 1200px){
		#main-header:after {
		    top: -12px;
		}
		.et_header_style_left .logo_container a {
		    line-height: 206px;
		}
		.et_header_style_left .logo_container:after{
			display: none;
		}
		.et_header_style_left .logo_container{
			background-color: #2b87c2;
		}
		.page-id-447 .et_header_style_left .logo_container, .page-id-2466 .et_header_style_left .logo_container{
			background-color: transparent;
		}
		.et_header_style_left .logo_container{
			margin-top: -30px;
		}
/* 		#page-container {
		    padding-top: 207px !important;
		} */
	}
	@media screen and (max-width: 1199px){
		.et_header_style_left .logo_container a {
		    line-height: 170px;
		}
	}
	@media screen and (max-width: 1194px){
		.et_header_style_left .logo_container a{
			line-height: 206px;
		}
	}
	@media screen and (max-width: 1100px){
		.menu-primary-menu-container > li > a{
			font-size: 15px;
		}
	}
	@media screen and (max-width: 980px){
		.header-nav p{
			font-size: 16px;
		}
		.header_rht.clearHeader{
			max-width: 475px;
			width: 100%;
		}
		.header_rht .contact_no{
			float: left;
		}
		.header_rht .call_back{
			float: right;
		    padding: 7px;
		}
		.container.et_menu_container{
			position: relative;
		}
		.header_nav_main .social-icon{
			position: absolute;
			top: 0;
			left: auto;
			right: 0;
			z-index: 9;
		}
/* 		body.page-template-default.page.page-id-6037 #page-container {
		    padding-top: 303px !important;
		} */
/* 		.nave-bar:before {
		    content: "\f107" !important;
		    position: absolute;
		    top: 0;
		    right: 0;
		    line-height: 35px;
		    font-size: 20px;
		    color: #FFF;
		    font-family: 'fontawesome';
		} */
		.header_nav_main {
		    margin: 0 auto;
		    width: 100%;
		}
		.menu-primary-menu-container {
		    display: none;
		}
		.et_header_style_left .logo_container a{
			line-height: 1;
			margin:15px 0; 
		}
		.et_header_style_left .logo_container{
			width: 100%;
			text-align: center;
			margin: 0;
		}
		.et_header_style_left .logo_container:after, #main-header:after{
			display: none;
		}
		#main-header .right-menubar{
			width: 100%;
		}
		#main-header, .page-id-447 #main-header, .page-id-2466 #main-header{
			position: relative;
			background: #2b87c2;
			display: inline-block;
			width: 100%;
			vertical-align: top;
		}
		#main-header .right-menubar .header_rht{
			width: 100%;
			text-align: center;
			float: none;
		}
		.header_rht .call_back{
			margin: 0 auto;
		}
		#main-header #et-top-navigation{
			width: 100%;
		}
		#et_mobile_nav_menu{
			width: 100%;
			margin: 0 0 10px;
		}
		#et_mobile_nav_menu .mobile_menu_bar{
			position: relative;
		    display: block;
		    padding: 10px 0 0 20px !important;
		    background: #3297d8;
		    color: #fff;
		    cursor: pointer;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		    height: 45px;
		}
		#et_mobile_nav_menu .mobile_menu_bar:before{
			content: 'menu';
			color: #fff;
			font-size: 20px;
			font-weight: 700;
			letter-spacing: 1px;
			font-family: 'Helvetica Neue LT Std' !important;
		}
		#et_mobile_nav_menu .mobile_menu_bar:after{
			width: 0; 
			height: 0; 
			border-left: 10px solid transparent;
			border-right: 10px solid transparent;
			border-top: 18px solid #fff;
			position: absolute;
			right: 15px;
			top: 50%;
			margin: -9px 0 0;
			content: '';
		}
		.et_mobile_menu{
/* 			position: relative; */
			background: transparent;
			box-shadow: none;
			border:0px solid transparent;
			padding:0; 
		}
		.et_mobile_menu > li {
		    padding: 10px 0;
		    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
		}
		.et_mobile_menu > li > a {
		    padding: 0;
		    font-size: 16px;
		    color: #fff;
		    border: 0px solid transparent;
/* 		    text-transform: uppercase; */
		    background: transparent !important;
		    font-family: 'HelveticaNeueLTStd-Bd';
		}
		.menu-item-2006,
		.menu-item-6785 {
		    position: relative;
		}
		.et_mobile_menu > li .sub-menu {
		    left: 0;
		    padding: 0 !important;
		    width: 100%;
		}
		.et_mobile_menu > li .sub-menu > li{
			padding: 0;
			display: inline-block;
			width: 100%;
			position: relative;
		}
		.et_mobile_menu > li .sub-menu > li > a{
			padding: 8px;
			font-size: 16px;
			color: #fff;
			border:0px solid transparent;
/* 			text-transform: uppercase; */
			font-family: 'HelveticaNeueLTStd-Bd';
		}
		.page-id-447 .et_header_style_left .logo_container a, .page-id-2466 .et_header_style_left .logo_container a{
			padding:0;
			margin: 0 0 15px; 
		}
		li#menu-item-2006:before{
			content: none;
		}
/* 		.social-icon, .header_rht.clearHeader {
		    float: none;
		    display: table;
		    margin: 10px auto 15px;
		} */
	}
	@media screen and (max-width: 910px){
		li#wp_nav_menu-item-6785 {
		    width: 14%;
		}
	}
	@media screen and (max-width: 767px){
		li#wp_nav_menu-item-6785 {
		    width: 100%;
		}
		.wp-mega-toggle-block {
		    position: relative;
		    display: block;
		    padding: 10px 0 0 20px !important;
		    background: #3297d8;
		    color: #fff;
		    cursor: pointer;
		    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
		    height: 45px;
		    z-index: 9999;
		}
		.wp-mega-toggle-block:before {
		    content: 'menu';
		    color: #fff;
		    font-size: 20px;
		    z-index: 1;
		    font-family: 'HelveticaNeueLT Std' !important;
		}
		i.dashicons.dashicons-menu{
			font-size: 0 !important;
		}
		.wp-mega-toggle-block:after {
		    position: absolute;
		    content: '';
		    width: 0;
		    height: 0;
		    right: 15px;
		    top: 50%;
		    margin: -9px 0 0;
		    border-left: 10px solid transparent;
		    border-right: 10px solid transparent;
		    border-top: 18px solid #fff;
		    z-index: 1;
		}
		.dashicons-no-alt:before {
		    position: absolute;
		    content: '';
		    width: 30px;
		    height: 30px;
		    right: 15px;
		    top: 10%;
		}
		.wp-megamenu-main-wrapper.wpmega-gold-yellow-black.wpmm-orientation-vertical ul.wpmm-mega-wrapper > li > a{
			text-align: left !important;
		}
		ul.wpmm-mega-wrapper li {
		    width: 100%;
		    padding: 10px 0;
		    display: inline-block !important;
		    border-bottom: 1px solid rgba(255, 255, 255, 0.5) !important;
		}
		.wpmega-openblock{
		    position: absolute;
			top: 0px;
		    left: 0px;
		    right: 0px;
		    padding: 10px 0 !important;
		}
		.wp-megamenu-main-wrapper.wpmm-orientation-vertical ul.wpmm-mega-wrapper li .wpmm-sub-menu-wrap {
			top: 40% !important;
		}
		.wpmm-custom-image img{
			width: 100%;
		}
		.wpmm-sub-menu-posts {
		    margin-top: -15px;
		}
		.wp-megamenu-main-wrapper.wpmega-gold-yellow-black.wpmm-orientation-vertical ul.wpmm-mega-wrapper > li > a{
			border: 0 !important;
		}
		.header_rht.clearHeader{
			max-width: 430px;
		}
		.header_rht .contact_no{
			float: none;
			padding-right: 25px;
		}
		.header_rht .call_back{
			float: none;
		}
	}
	@media screen and (max-width: 575px){
/* 		body.page-template-default.page.page-id-6037 #page-container {
		    padding-top: 253px !important;
		} */
		.wp-megamenu-main-wrapper.wpmm-orientation-vertical ul.wpmm-mega-wrapper li .wpmm-sub-menu-wrap {
		    top: 40% !important;
		}
	}
	@media screen and (max-width: 480px){
		.header-nav p {
		    font-size: 14px;
		}
		.header_rht .contact_no{
			font-size: 18px;
		}
		.header_rht .call_back{
			font-size: 14px;
		}
/* 		body.page-template-default.page.page-id-6037 #page-container {
		    padding-top: 157px !important;
		} */
		.social-icon li img {
		    max-width: 86%;
		}
		li.bbb {
		    margin: 0;
		}
		img#logo {
		    max-width: 100% !important;
		}
		.et_header_style_left .logo_container {
		    width: 60%;
		    line-height: 1;
		}
		.social-icon {
		    position: absolute;
		    right: 10px;
		    top: 0;
		    margin-top: 20px;
		}
		.social-icon li i {
		    font-size: 10px;
		    padding: 4px 8px;
		}
		.et_header_style_left .logo_container a {
		    margin: 5px 0;
		}
		.header_rht .contact_no img {
		    max-width: 15%;
		}
	}