/*
Theme Name: Divi Child Theme
Theme URI: https://divireadythemes.com/
Description: Divi Child Theme
Author: Divi Ready Themes
Author URI: https://divireadythemes.com/
Template: Divi
Version: Updated for Divi 3+
*/

span.et-pb-icon.phonemobile {
    font-size: 16px;
    margin-right: 6px;
}


/*------------------------------------------------*/
/*-------------------[GENERAL]--------------------*/
/*------------------------------------------------*/



/*------------------------------------------------*/
/*-----------------[HEADER-MENU]------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[HOMEPAGE]--------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------[SUBPAGES]--------------------*/
/*------------------------------------------------*/

div#search-2 {
    margin-bottom: 30px;
    padding: 0px 30px;
}
#recent-posts-2,
#archives-2 {
    margin-bottom: 30px;
}
#recent-posts-2 ul {
    padding: 0 30px !important;
}
/*----------service section css  */
/* .service_tab_sec .at-media-wrap .dipi-tab-media{
	min-height:200px  !important;
	max-height:200px !important; 
} */
.service_tab_sec .at-media-wrap .dipi-tab-media img{
	object-fit:cover !important;
	max-height:150px  !important;
}

/*------------------------------------------------*/
/*-------------------[Footer]---------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*--------------------[RWD]-----------------------*/
/*------------------------------------------------*/


/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*--[ADD TUTORIAL CUSTOMIZATION BELOW THIS LINE]--*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/

/*--------------------------- form css----------------------------- */


 .gravity-theme .gform_submission_error,  .gravity-theme .gform_validation_errors {
	 display: none !important;
}
 .gravity-theme .validation_message {
	display:none !important;
}
 .gravity-theme .gfield_error {
	 border: none !important;
	 background: none !important;
	 margin: 0 !important;
}
 .gravity-theme .gfield_error .gfield_description,  .gravity-theme .gfield_error .validation_message {
	 color: #790000 !important;
	 padding: 0 !important;
	 font-weight: 100 !important;
}
 .gravity-theme .gform-body .gfield_label, .gravity-theme .gform-body .gform_submission_error,  .gravity-theme .gform-body .validation_message {
	 display: none;
}
 .gravity-theme .gform-body .form-control, .gravity-theme .gform-body select,  .gravity-theme .gform-body textarea,  .gravity-theme .gform-body input {
	 width: 100%;
	 height: 40px;
    	padding: 6px 12px !important;
	 font-size: 15px;
	 color: #333;
	 background-color: #ececec;
	 background-image: none;
	 border: none;
	 border-radius: 0px;
	 -webkit-transition: none;
	 -o-transition: none;
	 transition: none;
}
 .gravity-theme .gform-body textarea {
	height: 140px !important;
	 margin: 0 !important;
}
 .gravity-theme .gfield_checkbox {
	 margin: 0 0 15px;
}
 .gravity-theme .gfield_checkbox label {
	 font-weight: normal;
	 color: #c4c4c4;
}
 .gravity-theme .gfield_checkbox input {
	 width: auto;
	 height: auto;
}
 .gravity-theme .gform_footer .gform_button {
	 background: #236997;
	 padding: 12px 30px;
	 color: #fff;
	 display: inline-block;
	 letter-spacing: 1px;
	 text-transform: uppercase;
	 font-size: 16px;
	 text-align: center;
	 border-radius: 0px;
	 height: auto;
	 font-weight: 500;
	 border: none;
}
 .gravity-theme .gform_footer .gform_button:hover {
	 color: #000;
	 background: #fff;
}
 
/* -----------new home form css */
.black_bg_frm_sec   .gravity-theme .gform_footer .gform_button:hover{
	 color: #000 !important;
	 background: #fff !important;
}
.black_bg_frm_sec  .gravity-theme .gform_validation_errors ,
.black_bg_frm_sec .gravity-theme .gform_submission_error{
    display: block !important;
}
/*---------------------------End form css----------------------------- */

.contact_fom input, .contact_fom textarea{
  background:#f4f4f4;
  border:none;
  border-radius:3px;
  color:#494949 !important;
  font-size:15px !important;
  height: 50px !important;
}
.contact_fom.Bannf_head {
    padding: 40px !important;
}
.m_contact_frm .et_pb_row_1.et_pb_row{
	padding:40px 40px 40px !important;
}
.contact_fom input::placeholder , .contact_fom textarea::placeholder{
	color:#494949 !important;
  font-size:14px;
}
.contact_fom .gform_button {
    background: #236897 !important;
    padding: 7px 25px;
    border-radius: 30px !important;
    color: #fff !important;
	font-size: 16px;
    font-weight: 600;

}
.contact_fom .gform_button:hover{
    background: #000 !important;
}
@media only screen and (max-width: 2440px) and (min-width: 1770px) {
  .h_bann_text  {
    padding-left: 310px !important;
  }
}
/*  ---------home page service section */
@media only screen and (max-width: 2440px) and (min-width:2220px){
.hs_sm_row.et_pb_row_9 {
      width: 40% !important;
  }
}
@media only screen and (max-width: 2220px) and (min-width:1990px){
.hs_sm_row.et_pb_row_9 {
      width: 47% !important;
  }
}

/*  ------list */
.et_pb_text_inner ul{
	padding-left:25px !important;
}
.et_pb_text_inner ul li{
	position:relative;
}
.et_pb_text_inner ul li:before {
    content: '5';
    font-family: 'ETmodules';
    font-size: 25px;
    font-weight: 900;
    color: #236897 !important;
    position: absolute;
    left: -24px;
}
.white .et_pb_text_inner ul li:before {
    color: #ffff !important;
}

/* contact page */
@media only screen and (max-width:980px){
	.fp_fclm {
		border: 0px ;	
		padding-right:0px !important;
		border-bottom:3px solid #236997;
	}
} 

@media only screen and (max-width: 980px) and (min-width:768px){
  .cp_head h1{
  font-size:45px !important;
}
	
	.cp_frow h2{
		font-size:30px !important;
	}
}
@media only screen and (max-width:767px){
  .cp_head h1{
  font-size:30px !important;
}
	.cp_frow{
		width:90% !important;
		padding: auto 15px !important;
	}
	.cp_frow h2{
		font-size:25px !important;
	}
	.et_pb_blurb_content {
		max-width:100% !important;

	}
}
@media only screen and (max-width: 724px) and (min-width:720px){
	.md_menu .et_pb_menu__logo:before {
		left: -1px !important;
	}
}
/* -----------footer form ---- */
.foo_frm .gravity-theme  input ,.foo_frm .gravity-theme textarea{
	background:#fff !important;
}
.foo_frm .gravity-theme .gform_footer .gform_button {
    background: #236997 !important;
}
.foo_frm .gform_footer{
	justify-content:center;
}

/* -------testimonial slider */
/* .dipi-testimonial-item.swiper-slide-duplicate.swiper-slide-active {
    justify-content: center !important;
} */


.et_pb_column .dipi-testimonial-item.swiper-slide-duplicate.swiper-slide-active {
    justify-content: start !important;
}

/* CSS for New Innerpages  */

/* Button Text  */
.bg-overlay {
    position: relative;
}

.bg-overlay:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.7);
}

.bg-overlay.overlay-half:before {
    background: rgba(0, 0, 0, 0.5);
}

.Bannf_head h2 {
    margin-bottom: 30px;
}

.btn-blue {
    display: inline-block;
    color: #FFFFFF !important;
    font-weight: 600 !important;
    padding: 7px 25px;
    font-size: 15px;
    background-color: #236997;
    border-width: 0px !important;
    border-radius: 30px;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    transition: all 300ms ease 0ms;
    margin-top: 10px;
}

.btn-blue:hover {
    background-color: #000;
}

.boxes-hov-white .et_pb_blurb_description {
    transition: none !important;
}

.faq-wrap .et_pb_toggle_content {
    background: #f6f6f6;
}

.d-lg-block {
    display: block;
    color: #000;
}

.d-lg-block.white {
    color: #fff;
}

@media (max-width: 980px) {
    .d-lg-block {
        display: initial !important;
    }
}

@media (min-width: 981px) {
    .full-iwc {
        display: flex !important;
        align-items: stretch !important;
        max-width: 1750px !important;
        width: 100% !important;
    }

    .full-iwc .et_pb_column {
        margin: 0;
    }

    .full-iwc .content-right {
        padding: 80px 10% 80px 50px !important;
    }

    .full-iwc .content-left {
        padding: 80px 50% 80px 10% !important;
    }

    .full-iwc .et_pb_image {
        height: 100% !important;
    }

    .full-iwc .et_pb_image_wrap {
        display: block !important;
        height: 100% !important;
    }

    .full-iwc img {
        height: 100% !important;
        object-fit: cover !important;
        width: 100% !important;
    }

    .full-iwc .et_pb_image {
        position: absolute !important;
        width: 100% !important;
        height: 100% !important;
    }

    .full-iwc .et_pb_column {
        width: 40% !important;
    }

    .full-iwc .et_pb_column.content-right {
        width: 60% !important;
    }
}

@media (min-width: 1460px) {
    .full-iwc .content-right {
        padding: 80px 11.4% 80px 50px !important;
    }

    .full-iwc .content-left {
        padding: 80px 50px 80px 11.4% !important;
    }
}

@media (min-width: 1510px) {
    .full-iwc .content-right {
        padding: 80px 12% 80px 50px !important;
    }

    .full-iwc .content-left {
        padding: 80px 50px 80px 12% !important;
    }
}

@media (min-width: 1600px) {
    .full-iwc .content-right {
        padding: 80px 15% 80px 50px !important;
    }

    .full-iwc .content-left {
        padding: 80px 50px 80px 15% !important;
    }
	.full-iwc{
/* 		margin-left: 0; */
	}
}
@media (min-width: 1740px) {
    .full-iwc {
        max-width: 1920px !important;
    }
	.full-iwc .content-right {
        padding: 80px 17.2% 80px 50px !important;
    }

    .full-iwc .content-left {
        padding: 80px 50px 80px 17.2% !important;
    }
}

/* @media (min-width: 1700px) {

    .full-iwc .content-right {
        padding: 80px 0 80px 50px !important;
    }

    .full-iwc .content-left {
        padding: 80px 50px 80px 0 !important;
    }

    .full-iwc {

        max-width: 1170px !important;
        width: 80% !important;
    }
} */

/*----------------new-basement-renovations-ottawa-page------------------*/

.black-list .et_pb_text_inner ul li:before {
    color: #000 !important;
}

/* Basement renovation slider ========================== */

.slider {
    margin: 40px auto 0;
    max-width: 1170px;
}

.heading {
    text-align: center;
    max-width: 1170px;
    margin: 0 0 30px;
}

.heading h2 {
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
    font-size: 38px;
    margin: 0 0;
}

.heading p {
    margin: 0 0 20px;
    font-family: 'Poppins', Helvetica, Arial, Lucida, sans-serif;
}

.slider .swiper-container {
    padding-bottom: 20px;
}

.slider .swiper-scrollbar {
    background: #f2f2f2;
}

.slider .swiper-container-horizontal>.swiper-scrollbar {
	display: block!important;
    border-radius: 2px;
    height: 10px;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.slider .swiper-wrapper img {
    width: 100%;
}

.slider .swiper-slide .text {
    padding: 30px;
    border: 1px solid #ddd;
    box-shadow: 0 0 10px #eee;
    margin: 0 0;
    transition: background ease-in-out .5s;
	margin-bottom: 40px;
}

.slider .swiper-slide .text .title {
    font-size: 18px;
    font-weight: bold;
    color: #000;

}

.slider .swiper-slide .text .title span {
    width: 50px;
    height: 50px;
    padding: 10px;
    font-size: 20px;
    border: 2px solid #eee;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    background: #256a98;
    color: #fff;
    box-shadow: 0 0 10px #00000038;
	margin-bottom: 20px;
}

.slider .swiper-slide .text p {
    font-size: 16px;
    color: #000;
}

.slider .swiper-slide .text ul {
    padding-left: 20px;
}

.slider .swiper-slide .text ul li {
    font-size: 16px;
    color: #000;

}

.slider .swiper-scrollbar-drag {
    background: #256a98;
}

.slider .swiper-slide-active .text {
    background: #256a98;
    transition: background ease-in-out .5s;
}

.slider .swiper-slide-active .title,
.slider .swiper-slide-active p,
.slider .swiper-slide-active ul li {
    color: #fff !important;
}

.slider .swiper-button-prev {
    background: url(./img/right.png) no-repeat;
    height: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    width: 70px;
    transform: rotate(180deg);
}
.slider .swiper-button-prev:after,
.slider .swiper-button-next:after{
	display: none;
}

.slider .swiper-slide .text{
	word-wrap: break-word;
}

.slider .swiper-button-next {
    background: url(./img/left.png) no-repeat;
    height: 100%;
    top: 0;
    right: 0px;
    left: auto;
    background-size: cover;
    width: 70px;
    /*transform: rotate(180deg);*/
}

@media screen and (max-width: 600px) {

    .heading h2 {
        line-height: 1.2;
        font-size: 25px;
        margin: 0 0 20px;
    }
	.slider .swiper-slide .text{
		margin-bottom: 20px;
	}
	.slider{
		margin-top: 30px;
	}
	.slider .swiper-pagination {
    display: none !important;
	}
}
/*------ottawa flooring page cs  */

.icon_box_sec .et_pb_blurb .et_pb_blurb_content{
	display:flex;
	align-items:center;
}
.icon_box_sec .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container{
    background: #fff;
    padding: 30px 20px 30px 100px;
	min-height: 400px;
	display: flex;
    flex-direction: column;
    justify-content: center;

}
.icon_box_sec .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container h4{
	margin-bottom:20px;
}
.icon_box_sec .et_pb_blurb .et_pb_blurb_content  .et_pb_main_blurb_image{
    margin-right: 47px !important;
    display: block;
	position:relative;
}
.icon_box_sec .et_pb_main_blurb_image img {
    border-radius: initial;
}
@media(max-width:980px){
	.icon_box_sec .et_pb_blurb .et_pb_blurb_content{
		display:block;
		align-items:center;
	}
	.icon_box_sec .et_pb_blurb .et_pb_blurb_content  .et_pb_main_blurb_image{
		margin-right: 0px !important;
		margin-bottom: -50px;
	}
	.icon_box_sec .et_pb_blurb .et_pb_blurb_content .et_pb_blurb_container{
		padding: 60px 30px 30px 30px;
	}
}
.toggle_row .et_pb_toggle{
	border-radius:10px;
}
.toggle_row .et_pb_toggle_title:after ,
.toggle_row .et_pb_toggle_title:before{
	right:7px !important;
}
/*------------------footer css   */
.et_pb_section_0_tb_footer .et_pb_text_inner ul{
	text-align: center;
}
.et_pb_section_0_tb_footer .et_pb_text_inner ul li {
    display: inline-block;
    /* gap: 10px; */
    align-items: center;
    text-align: center;
    padding: 10px;
    margin: 0px !important;
    align-content: center;
}

.tab_content .tab_list ul{
	column-count:2;
}
@media(max-width:320px){
	.tab_sec .dipi-at-tab-container .dipi-at-tab-title{
		font-size:15px !important;
		line-height:1.2em;
	}
}
@media(max-width:767px){
	.tab_content .tab_list ul {
		column-count:1;
	}	
}
@media(max-width:1250px) and (min-width:981px){
	.tab_sec .dipi-at-tab-container .dipi-at-tab-title{
		font-size:13px !important;
	}
	.service_tab_sec .at-media-wrap .dipi-tab-media img{
		object-fit:cover !important;
		max-height:150px  !important;
	}
}
@media(max-width:1024px) and (min-width:981px) {
/* 	.tab_sec .dipi-at-tab-container .dipi-at-tab-title{
		font-size:13px !important;
	}
	.service_tab_sec .at-media-wrap .dipi-tab-media img{
		object-fit:cover !important;
		max-height:150px  !important;
	} */

	.new_hm_banner .et_pb_module_inner .et_pb_module{
		margin-left:0px !important;
	}
	.page-id-3648 h2{
		font-size:31px !important;
	}
	.page-id-3648 h1{
		font-size:34px !important;
	}
	
	header span.et_pb_image_wrap img {
		width: 145px !important;
	}
	.et_pb_menu_0_tb_header.et_pb_menu ul li a {
		font-size: 14px !important;
	}
	.et_pb_column.et_pb_column_1_2.et_pb_column_1_tb_header.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu {
		width: 52.5% !important;
	}
	
	body .et_pb_button {
		font-size: 13px !important;
	}
	.topNumber a {
		font-size: 16px !important;
	}
	
}

@media(max-width:767px) and (min-width:320px) {
	.md_menu .et_pb_menu__logo:before {
		left: -1px !important;
	}
}

/* ------header menu button css */
.main_header ul#menu-header-menu {
    align-items: center;
}
.main_header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
    margin-top: 8px;
	margin-top:0px;
	padding-top:20px;
	padding-bottom:20px;
}
.main_header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li>a{
	padding:0px !important;
}
.main_header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li.default_btn>a {	
	color: #fff !important;
    background: #226a97;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 14px;
    margin-bottom: 0px !important;
    padding: 13px 18px !important;
    border-radius: 20px;
}
.main_header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li.default_btn>a:hover{
	   background: #000;
}
.main_header .et-menu .menu-item-has-children>a:first-child:after {
    font-family: ETmodules;
    content: "3";
    font-size: 16px;
    position: absolute;
    right: -16px;
    top: 0;
    font-weight: 800;
}
.topNumber a {
    padding: 7px 25px !important;
    color: #ffffff;
    font-size: 15px !important;
    background-color: #236997;
    border-width: 0px !important;
    border-radius: 30px;
    font-weight: bold !important;
    font-style: normal;
    text-transform: uppercase;
    text-decoration: none;
    display: inline-block;
}
.topNumber a:hover {
    background: #000;
}

@media(max-width:1415px) and (min-width:981px) {
	.main_header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
		padding-top:0px;
		padding-bottom:0px;
	}
	.main_header .et_pb_menu_0_tb_header.et_pb_menu ul li a  {
		font-size: 13px !important;
	}
	.topNumber a {
		font-size: 13px !important;
	}
	.main_header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li.default_btn>a {
		    padding: 13px 18px !important;
	}
	 .main_header .et_pb_column.et_pb_column_1_2.et_pb_column_1_tb_header.menu_column.et_pb_css_mix_blend_mode_passthrough.et_pb_column--with-menu {
		width: 60% !important;
		 margin-right:20px;
	}
}
@media(max-width:1260px) and (min-width:981px) {
	.main_header .et_pb_menu--without-logo .et_pb_menu__menu>nav>ul>li {
		margin-bottom:10px;
	}
}
@media(max-width:1024px) and (min-width:981px) {
	.et_pb_image_0_tb_header:before {
        width: 98% !important;
    }

}

.service_area_tab h5.et_pb_toggle_title {
    background-color: #000;
    padding: 15px 10px !important;
    position: relative;
}

.service_area_tab .et_pb_toggle_open h5.et_pb_toggle_title:after {
    color: #256a98;
    font-weight: bold;
    position: absolute;
    right: 6%;
    left: auto;
    font-size: 30px;
    font-family: ETmodules !important;
    content: "\4b" !important;
    width: 11px;
}

.service_area_tab h5.et_pb_toggle_title:before {
    right: 4%;
    font-size: 15px;
}
.service_area_tab .et_pb_toggle_content.clearfix {
    padding: 15px 10px !important;
}
.service_area_tab{
        column-count: 2;
    column-gap: 30px;
}

.service_area_tab .et_pb_toggle_open{
        break-inside: avoid;
}

.list ul li {
    position: relative;
    margin-bottom: 10px;
	padding-left: 30px;
}
.list ul li:before{
	content: "5";
    font-family: "ETmodules";
    color: #000;
    font-weight: 700;
    font-size: 25px;
    margin-right: 0px;
    top: 0px;
    position: absolute;
    left: 0;
}
    
.list ul {
    padding-left: 0;
    list-style-type: none;
}

@media only screen and (max-width:980px){
	.service_area_tab{
        column-count: 1;
}
}
@media only screen and (max-width:480px){
	.service_area_tab h5.et_pb_toggle_title:before {
    font-size: 10px;
}
.service_area_tab .et_pb_toggle_open h5.et_pb_toggle_title:after{
    font-size: 19px;    
    width: 10px;
}
	.service_area_tab h5.et_pb_toggle_title{
    padding-right:25px !important;
}
}


/* ---------------- LandingPage FormCss ---------------------- */

@media(max-width:1024px) and (min-width:981px){
	.landing_header_row .et_pb_column_1_5.et_pb_column_5_tb_header {
        width: 19.6% !important;
    }
}


.our_landing_form .gravity-theme input {
    padding: 25px 20px !important;
}
.our_landing_form .gravity-theme input#gform_submit_button_4 {
    padding: 10px 22px !important;
	background-color:#fff;
    border-radius: 10px;
    font-size: 20px;
    font-weight: 700;
	transition: all 300ms ease 0ms;
	color:#256a98;
}
.our_landing_form .gravity-theme input#gform_submit_button_4:hover{
	background-color:#000;
	color:#fff;
}
/* ---------------- Blog Posts Css ---------------------- */

.styled-table {
  border-collapse: collapse;
  width: 100%;
  border: 2px solid black;
  margin: 20px 0;
  box-shadow: 0 0 10px rgba(0,0,0,0.1);
}

.styled-table td {
  border: 1px solid #000;
  padding: 10px;
  text-align: left;
}

.styled-table tr:first-child td {
  background-color: #000;
  color: white;
  font-weight: bold;
}
.et_pb_post_content_0_tb_body h3,
.et_pb_post_content_0_tb_body h2 {
	line-height: 1em !important;

}