/*
 Theme Name:    Crystal Bathrooms Theme
 Theme URI:      
 Description:    Crystal Bathrooms Divi Child Theme
 Author:         Crystal Bathrooms Divi Child Theme
 Author URI:     
 Template:       Divi
 Version:        1.7
*/

 
/* =Theme customization starts here
------------------------------------------------------- */
.inherit-font * {
	font-family: inherit;
	color: inherit;
	font-weight: inherit;
	font-size: inherit;
	line-height:inherit;
}
/******** Slide Header Styles **********/



.headcol2 .gform_wrapper.gform_validation_error .gform_body ul li.gfield.gfield_error:not(.gf_left_half):not(.gf_right_half) {
     width: 100% !important;
    max-width: 100% !important;
}
.header-menus > div {
    width: 30%;
    float: left;
    margin-right: 5%;
}

div#menu-slidedown {
    position: fixed;
    background-image: url(/wp-content/uploads/2017/05/headerbg.jpg);
    width: 100%;
    z-index: 100;
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 40px;
    display: none;
}
div#menu-slidedown .container{
   /* max-height: 750px;*/
   /* overflow: auto;*/
}
.headcol1 {
    width: 46%;
    float: left;
    margin-right: 4%;
}

.headcol2 {
    width: 50%;
    float: left;
}

.headcol1 > a {
    padding-top: 51px;
    display: inline-block;
}

div#menu-slidedown .container {
    /* padding: 0 11px; */
}

.header-menus > div .menu-item a {
    color: #fff;
    font-size: 15px;
    border-bottom: 2px solid transparent;
    padding-bottom: 3px;
    transition: all 0.2s ease-in;
}
.header-menus > div .menu-item a:hover {
    border-bottom-color: #fff;
}
.topseeus-logos ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    /* align-items: center; */
    -webkit-align-items: center;
    align-items: center;
}

img.top-seeus {
    margin-bottom: 14px;
}

.topseeus-logos ul li {
    margin-right: 5%;
}

.header-menus > div:last-child {
    margin-right: 0px;
}

.header-menus {
    margin-top: 14%;
}

ul.topsocial {
    margin-top: 17%;
    margin-bottom: 12%;
}

ul.topsocial li {
    display: inline-block;
    margin-right: 22px;
}

ul.topsocial li a {
  color: #fff;
  font-size: 18px;
  border: 2px solid #fff;
  border-radius: 100%;
  padding: 4px 0;
  transition: all 0.2s ease-in;
  width: 35px;
  height: 35px;
  display: block;
  text-align: center;
}

ul.topsocial li a:hover {
    background: #fff;
    color: #ec1c24;
}

p.topquote {
    font-size: 36px;
    color: #fff;
    font-weight: 900;
    line-height: 1.2;
    padding-top: 46px;
    margin-bottom: 32px;
}

p.topquote a {
    color: #000;
}

.topform-wrap {
    max-width: 400px;
    margin: 0 auto;
}

.header-menus > div .menu-item {
    margin-bottom: 3px;
}

.headinputs[type="text"], .headinputs[type="email"],.headinputs[type="tel"] {
    width: 100%;
    font-size: 15px;
    color: #0d0d0d!important;
    padding: 20px;
    border: none;
    margin-bottom: 13px;
}

.headinputs::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #0d0d0d;
}

.headinputs::-moz-placeholder {
    /* Firefox 19+ */
    color: #0d0d0d;
}

.headinputs:-ms-input-placeholder {
    /* IE 10+ */
    color: #0d0d0d;
}

.headinputs:-moz-placeholder {
    /* Firefox 18- */
    color: #0d0d0d;
}

.headsubmit {
    width: 100%;
    background: #000000;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    border: none;
    padding: 20px;
    cursor: pointer;
}
a.menutoggleup {
    position: absolute;
    color: #fff;
    bottom: -113px;
    background: #ec1c24;
    padding: 64px 26px 16px 26px!important;
    z-index: 100;
    font-size: 23px;
    right: 0;
}

@media screen and (max-height:800px){
a.menutoggleup {
    bottom: auto;
    top: 0;
}
div#menu-slidedown{
    height: 100%;
    overflow-y: auto;
}
}
@media screen and (min-width:1300px) and (max-width:1400px){
a.menutoggleup {
    bottom: auto;
    top: 0;
}

}
/**** Header Styles *****/

div#et-top-navigation {
    padding-top: 0px!important;
}

a.dmenutoggle,a.menutoggleup {
    cursor: pointer;
}
.hamburgermenu {
    background: #ec1c24;
    padding: 64px 26px 16px 26px!important;
    position: relative;
    z-index: 100;
}

header#main-header.et-fixed-header .container > .logo_container img {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

header#main-header.et-fixed-header .container > .logo_container a {
    pointer-events: none;
}

/**** Banner Styles ****/
.homebnerlogos ul li {
    display: inline-block;
    margin-right: 5%;
}

.homebnerlogos ul {
    text-align: center;
}

.homebnerlogos ul li:last-child {
    margin-right: 0;
}
@media screen and (min-width:1209px){
.bbnnerlgorow .et_pb_column.et_pb_column_1_3.et_pb_column_2 {
    width: 38.333%;
}

.bbnnerlgorow .et_pb_column.et_pb_column_2_3.et_pb_column_1.et_pb_column_empty {
    width: 58.666%;
}
}
@media screen and (min-width:981px){
.bbnnerlgorow .et_pb_column.et_pb_column_1_3.et_pb_column_2 {
    width: 44.333%;
}

.bbnnerlgorow .et_pb_column.et_pb_column_2_3.et_pb_column_1.et_pb_column_empty {
    width: 52.666%;
}

}
@media screen and (max-width:1100px){
.bbnnerlgorow .et_pb_column.et_pb_column_1_3.et_pb_column_2 {
    width: 50.333%;
}

.bbnnerlgorow .et_pb_column.et_pb_column_2_3.et_pb_column_1.et_pb_column_empty {
    width: 46.666%;
}

}



/**** Services Blurb Section ****/

.servblurbs .et_pb_main_blurb_image {
    width: 70px;
}

.servblurbs .et_pb_main_blurb_image img {
    width: auto;
}
.et_pb_module.vrgirl:after {
    content: '';
    width: 44px;
    height: 110px;
    background: url(http://crystal.mmxdev.com/wp-content/uploads/2017/04/arrow.png)no-repeat;
    display: block;
    position: absolute;
    bottom: -36px;
    left: 19px;
}

.et_pb_module.vrgirl {
    position: relative;
}


/***** Live Section ****/

.livetxt h3 {
    color: #646464;
    font-size: 24px;
    line-height: 1.2;
    padding-bottom: 19px;
}

.livetxt p {
    font-size: 18px;
    color: #646464;
    font-weight: 500;
    line-height: 1.5;
    padding-bottom: 40px;
    line-height: 1.6!important;
}

a.livelrnmore {
    background: #ec1c24;
    color: #fff;
    padding: 8px 15px;
    font-size: 16px;
    font-weight: 900;
    display: block;
    width: 100%;
    text-align: center;
    max-width: 130px;
    border: 2px solid #ec1c24;
    transition: all 0.2s ease-in;
}

a.livelrnmore:hover {
    background: #fff;
    color: #ec1c24;
}


/***** The block txt ****/
.theblocktxt {
    width: 40%;
    float: left;
    margin-bottom: 0px!important;
    margin-top: 14px;
}

.theblockimg {
    width: 60%;
    float: left;
}

/******** project section *****/

div#projects-section .et_pb_portfolio_item {
    width: 33%;
    float: left;
}
#projects-mas .alm-btn-wrap {
    display: none;
}

div#projects-section span.projecttitle {
    position: absolute;
    left: 50%;
    top: 23%;
    transform: translate(-50%,-50%);
    font-family: "Lato";
    font-size: 24px;
    color: #fff;
}

div#projects-section span.et_overlay:before {
    content: "";
    background-image: url(/wp-content/uploads/2017/05/zoomicon.png);
    background-size: cover;
    background-position: center center;
    width: 71px;
    height: 71px;
    transform: translate(-50%,-50%);
    left: 54%;
}

div#projects-section span.et_overlay {
    background: rgba(0,0,0,0.70);
    border: 0px;
}


/***** News Section ******/
div#blog-section .et_pb_blog_grid p.post-meta a {
    float: left;
    font-weight: 900;
    font-size: 14px;
    text-transform: uppercase;
    margin-right: 7px;
    color: #ec1c24;
}

div#blog-section .et_pb_blog_grid p.post-meta {
    font-size: 0px;
}

div#blog-section .et_pb_blog_grid p.post-meta span.published {
    font-size: 14px;
    margin-top: -1px;
    display: inline-grid;
}

div#blog-section .et_pb_blog_grid .et_pb_post {
    background: transparent;
    border: none;
    padding: 19px 24px;
}

h2.entry-title {
    margin-top: 11px;
}

div#blog-section .et_pb_blog_grid a.more-link {
    background: #ec1c24;
    color: #fff!important;
    padding: 10px 15px;
    width: 100%;
    max-width: 140px;
    display: block;
    text-align: center;
    margin-top: 13px;
    margin-bottom: -35px;
}

div#blog-section .et_pb_blog_grid .et_pb_image_container {
    margin: -24px -24px -14px;
}

.postcont-wrapper {
    background: #fff;
    padding: 10px 30px;
    position: relative;
}

.postcont-wrapper:before {
     display: block;
     content: "";
     background: url(/wp-content/uploads/2017/05/crystalbathrooms-home_03.png);
     height: 75px;
     width: 100%;
     position: absolute;
     top: -75px;
     left: 0;
    background-size: 100% 100%;
    background-repeat: no-repeat;

}


/**** Logo *****/
.logolists ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
}

.logolists ul {
    list-style-type: none;
}

.logolists ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    width: 100%;
    text-align: center;
    -ms-flex-pack: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
    -ms-flex-align: center;
}


/***** Footer Styles *****/
a.btmtel {
    font-size: 36px;
    font-weight: 900;
    color: #fff;
    line-height: 1;
    margin-bottom: 24px;
    display: inline-block;
}

p.cpyright, p.cpyright a,p.ftrpar {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    line-height: 1.8;
    padding-bottom: 19px;
}
footer#main-footer div#footer-widgets .footer-widget {
    margin-bottom: 0px;
}

footer#main-footer div#footer-widgets .footer-widget:nth-child(2) div.et_pb_widget {
    width: 22%;
    margin-right: 3%;
    margin-bottom: 0px;
}

footer#main-footer div#footer-widgets .footer-widget:nth-child(2) div.et_pb_widget:last-child {
    margin-right: 0px;
}

ul.ftrlinks li:before {
    display: none;
}

ul.ftrlinks li {
    padding-left: 0px!important;
    margin-bottom: 4px;
}

ul.ftrlinks li a {
    font-size: 15px;
    line-height: 1;
}

ul.ftrsocial li {
    display: inline-block;
    margin-right: 1.5%;
}

ul.ftrsocial li a {
    color: #fff;
    font-size: 18px;
    border: 2px solid #fff;
    border-radius: 100%;
    padding: 4px 0;
    width: 35px;
    height: 35px;
    display: block;
    text-align: center;
}

ul.ftrsocial {
    float: left;
    width: 50%;
}

a.ftrcta {
    float: right;
}

a.ftrcta {
    font-size: 15px;
    font-weight: 400;
    border-bottom: 2px solid #ec1c24;
    padding-bottom: 9px;
}

div#footer-bottom {
    padding: 30px 0 10px;
}

footer#main-footer {
    padding-bottom: 75px;
    padding-top: 0;
}

.ftr-logos {
    background: #fff;
    padding: 61px 0px;
}
ul.ftrsocial li a:hover {
    color: #ec1c24;
    border-color: #ec1c24;
}

a.ftrcta:hover {
    color: #fff;
    border-color: #fff;
}
.logoitem img {
    width: auto!important;
    margin: 0 auto;
}

div#logoslider .owl-stage {
    text-align: center;
    display: flex !important;
    align-items: center;
}
/**************====== Responsiveness ======= ****************/
@media screen and (max-width:1100px){
.header-menus > div {
    width: 44%;
    margin-bottom: 10%;
}

p.topquote {
    font-size: 26px;
    padding-right: 66px;
}

a.menutoggleup {
    right: 0;
}
div#services-section .et_pb_column.et_pb_column_1_2.et_pb_column_3 {
    padding-bottom: 25%;
}
.theblocktxt br {
    display: none;
}
.postcont-wrapper {
    padding: 10px 10px;
}
}


@media screen and (max-width: 980px) {
p.topquote {
    font-size: 26px;
    padding-right: 100px;
}
    div#et_mobile_nav_menu {
        display: none!important;
    }

    .et-fixed-header#main-header {
        position: fixed!important;
    }

    div#services-section .et_pb_column.et_pb_column_1_2.et_pb_column_3 {
        padding-bottom: 32%;
        margin-bottom: -43%;
    }

    div#projects-section .et_pb_portfolio_item {
        width: 50%;
    }
.livetxt h3 {
    font-size: 18px;
}

.livetxt p {
    font-size: 15px;
}
.theblocktxt {
    width: 100%;
    padding-bottom: 15px;
}

.theblockimg {
    width: 100%;
}
footer#main-footer div#footer-widgets .footer-widget:nth-child(2) div.et_pb_widget {
    width: 47%;
}
.internal-contactform .internal-form .headsubmit {
   
    padding: 20px !important;
    max-width: 100%;
}
.banner-section br {
    display: none;
}
/* popup */
div#popmake-811 {
    background-color: #ec1c24 !important;
}
/* mobile menu */
.header-menus {
  display: block !important;
}
.header-menus .nav-col1 {
  display: block !important;
  width: 100% !important;
  margin: 0 !important;
}
.header-menus .nav-col2 {
  display: none;
}
/* popup mobile */
 #popmake-811 input[type="text"] {
    width: 100% !important;
    font-size: 15px !important;
    color: #0d0d0d !important;
    padding: 20px !important;
    border: none !important;
    margin-bottom: 0px !important;
}

 #popmake-811 textarea {
    width: 100% !important;
    height: 58px !important;
    font-size: 15px !important;
    color: #0d0d0d !important;
    padding: 20px !important;
    border: none !important;
    margin-bottom: 0px !important;
}
#popmake-811 input[type="submit"] {
    width: 100%;
    background: #000000;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    padding: 20px;
    cursor: pointer;
    border: none;
}
}



@media screen and (max-width:767px){
.header-menus > div {
    width: 100%;
}
.banner-title {
    padding-bottom: 40px !IMPORTANT;
}
}
@media screen and (max-width: 480px) {
footer#main-footer div#footer-widgets .footer-widget:nth-child(2) div.et_pb_widget {
    width: 100%;
}
    div#projects-section .et_pb_portfolio_item {
        width: 100%;
    }

    div#services-section .et_pb_column.et_pb_column_1_2.et_pb_column_3 {
        padding-bottom: 72%;
        margin-bottom: -86%;
    }

     #services-section .servblurbs .et_pb_main_blurb_image {
        display: block;
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 10px;
    }

     #services-section .et_pb_blurb_container {
        display: block;
    }

    #services-section .et_pb_blurb {
        margin-bottom: 40px!important;
    }

.header-menus > div {
    width: 44%;
}

.header-menus.clearfix {
    /* width: 100%; */
}

.headcol1 {
    width: 100%;
}

.headcol2 {
    width: 100%;
}

div#menu-slidedown .headcol1 img#logo {
    max-width: 200px;
}

a.menutoggleup {
    padding: 49px 26px 16px 26px!important;
}
/*  .container.et_menu_container {
   margin: 0 auto !important;
   } */
  .et_header_style_left #logo, .et_header_style_split #logo {
    max-width: 65% !important;
}
}
@media screen and (max-width:420px){
.homebnerlogos ul li {
    margin-bottom: 25px;
}
ul.ftrsocial {
    float: none;
}

a.ftrcta {
    float: none;
    margin-top: 41px;
    display: inline-block;
}

div#footer-bottom {
    padding-top: 0px;
}

}

/* internal page ----------------------------- */

.internal-form .headcontact input#gform_submit_button_1 {
    width: 100%;
    font-weight: 900;
    border: none;
    padding: 15px !important;
    cursor: pointer;
    color: #ffffff !important;
    background: #333333 !Important;
    border-color: #ec1c24;
    border-radius: 0px;
    font-size: 16px;
    padding-left: 2em !important;
    padding-right: 1em !important;
    background-image: url(http://crystal.mmxdev.com/wp-content/uploads/2017/05/arrow.png) !Important;
    background-repeat: no-repeat !Important;
    background-position: 10% 50% !Important;
    max-width: 275px !important;
}
.blurb-section .et_pb_blurb_position_left .et_pb_main_blurb_image {
     width: 50px !important;
}

/* gravity form */

.headcontact .headinputs, .headcontact ul li.gfield  {
    margin-top: 0px !important;
}
.headcontact label.gfield_label {
    display: none !important;
}
.headcontact input#input_1_7, .headcontact input#input_1_8, .headcontact input#input_1_2, .headcontact input#input_1_4 {
    width: 100%;
    font-size: 15px;
    color: #0d0d0d!important;
    padding: 20px;
    border: none;
    margin-bottom: 5px;
}
.headcontact input#gform_submit_button_1 {
    width: 100%;
    background: #000000;
    color: #fff;
    font-size: 18px;
    font-weight: 900;
    border: none;
    padding: 20px;
    cursor: pointer;
    margin: 10px auto;
}
.gform_wrapper .headcontact textarea.medium {
    max-height: 105px;
}
.gform_wrapper .headcontact ul.gform_fields li.gfield {
    padding: 0px;
}
.gform_wrapper .headcontact .gform_footer {
    padding: 0px !Important;
    margin: 0px !Important;
}

/* ------------------ Global */


.faq-accordion .et_pb_toggle_open h5.et_pb_toggle_title:first-letter { color: #ec1f27; font-family: 'Lato', sans-serif; font-size: 18px; } 

.faq-accordion .et_pb_toggle_close h5.et_pb_toggle_title:first-letter {
 color: #ec1f27; font-family: 'Lato', sans-serif; font-size: 18px; font-weight: 900;
 }

.single-project .et_pb_accordion .et_pb_toggle {
    border: 1px solid transparent;
}
/* ---------------project detail */ 

.single-project .project-list ul li:before {
    content: url(http://crystal.mmxdev.com/wp-content/uploads/2017/05/cross.png) !important;
    vertical-align: middle;
    margin-right: 15px;
    font-size: 32px;
}
.single-project .project-list ul {
    padding: 0px !important;
    list-style: none !important;
}
.single-project .project-list ul li {
    margin-bottom: 8px;
}

.quality-list li:before {
    content: url(http://crystal.mmxdev.com/wp-content/uploads/2017/05/check.png) !Important;
    margin-right: 15px;
    vertical-align: middle;
}
.quality-list ul li {
    list-style: none;
    margin-bottom: 8px;
}



/* slider project 2 */

.wonderpluginslider > div:last-child > div > div:nth-child(2) > div:nth-child(3) {
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    border: none !important;
    padding: 0 !important;
}


/******** Menu *********/
div#menu-slidedown .gform_wrapper div.validation_error {
    background: none;
    color: #fff;
}

div#menu-slidedown .gform_wrapper .field_description_below .gfield_description {
    background: none;
    color: #fff;
    padding-top: 0px;
}

div#menu-slidedown .gform_wrapper li.gfield.gfield_error {
    background: none;
    border: none;
}

div#menu-slidedown .gform_wrapper .validation_message {
    color: #fff;
}


/* blog page */
.page-id-716 .post-content {
    display: none;
}
.page-id-716 h1,
.single-post h1 {
    font-weight: 900;
}
#recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title:before {
    content: url(http://crystal.mmxdev.com/wp-content/uploads/2017/07/arrow.png);
    margin-right: 5px;
    position: absolute;
    left: 0;
    bottom: 0;
    margin-bottom: 22px;
}

#rpwwt-recent-posts-widget-with-thumbnails-2 img {
    min-height: 110px;
    max-height: 110px;
    width: 100% !important;
    margin-bottom: 25px;
}
#rpwwt-recent-posts-widget-with-thumbnails-2 span.rpwwt-post-title {
    position: relative !important;
}
span.rpwwt-post-title, 
.rpwwt-post-date {
    padding-left: 30px;
    display: block;
}
.rpwwt-post-date {
    color: #646464;
    font-size: 14px;
}
/*  order */
.blog-section article,
.blog-section .et_pb_post_title_0 {
   display: -webkit-box;
   display: -moz-box;
   display: -ms-flexbox;
   display: -webkit-flex;
   display: flex;
   flex-wrap: wrap;
}
.blog-section a.entry-featured-image-url {
   -webkit-box-ordinal-group: 1;   /* OLD - iOS 6-, Safari 3.1-6 */
   -moz-box-ordinal-group: 1;      /* OLD - Firefox 19- */
   -ms-flex-order: 1;              /* TWEENER - IE 10 */
   -webkit-order: 1;               /* NEW - Chrome */
   order: 1;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
   margin-bottom: 30px;
}
.blog-section .post-meta,
.blog-section .et_pb_title_container  p.et_pb_title_meta_container {
   -webkit-box-ordinal-group: 2;   /* OLD - iOS 6-, Safari 3.1-6 */
   -moz-box-ordinal-group: 2;      /* OLD - Firefox 19- */
   -ms-flex-order: 2;              /* TWEENER - IE 10 */
   -webkit-order: 2;               /* NEW - Chrome */
   order: 2;                       /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.blog-section h2.entry-title,
.blog-section .et_pb_title_container h1.entry-title {
   -webkit-box-ordinal-group: 3;
   -moz-box-ordinal-group: 3;
   -ms-flex-order: 3;
   -webkit-order: 3;
   order: 3;
   width: 100%;
}
.blog-section .post-content {
   -webkit-box-ordinal-group: 4;
   -moz-box-ordinal-group: 4;
   -ms-flex-order: 4;
   -webkit-order: 4;
   order: 4;
   margin-top: 30px;
}

.blog-section p.post-meta,
.single-post p.et_pb_title_meta_container
 {
    font-size: 0px !important;
}

/* pagination */
.blog-section .wp-pagenavi a, .wp-pagenavi span {
    color: #333;
    font-size: 12px !important;
    font-weight: 800 !important;
     font-family: 'Lato', sans-serif;
}
.blog-section .wp-pagenavi span.current, .wp-pagenavi a:hover {
    color: #ec1c24 !important;
}
.blog-section  span.pages {
    display: none;
}
.blog-section .wp-pagenavi {
    border-top: none;
    text-align: left;
}
.blog-section .wp-pagenavi a.first:after {
    content: "\23";
    font-family: "ETmodules" !important;
    vertical-align: middle;
    font-size: 20px;
}
.blog-section .wp-pagenavi a.last:after {
    content: "\24";
    font-family: "ETmodules" !important;
    font-size: 20px;
    vertical-align: middle;
}
.blog-section .wp-pagenavi a.last,
.blog-section .wp-pagenavi a.first {
    font-size: 0px !important;
    vertical-align: middle;
}

/* meta data */
.blog-section .post-meta span.published,
.single-post  p.et_pb_title_meta_container .published {
    font-size: 13px;
}
.blog-section .post-meta a,
.single-post  p.et_pb_title_meta_container a
 {
    color: #ec1c24 !important;
    text-transform: uppercase !important;
    font-weight: 800;
    font-size: 13px;
    margin-right: 7px;
}
.blog-section h4.widgettitle:after,
.single-post h4.widgettitle:after {
    content: "Posts";
    font-weight: 900;
    color: #ec1c24;
    font-size: 24px;
}
.blog-section h4.widgettitle,
.single-post h4.widgettitle
 {
    font-weight: 900 !important;
}


/* single post */
.single-post .blog-section h1.entry-title {
    font-size: 32px;
    color: #333333;
    font-weight: 800;
    line-height: 1.2em;
}

body.single h4.widgettitle {
    background-color: #fff !important;
    text-align: left;
    padding: 0px;
}
.single-post .et_pb_title_featured_container img {
       margin-bottom: 30px;
}
.single-post .et_pb_text h3 {
    font-size: 18px;
    color: #333333;
    font-weight: 900 !important;
}
.single header#main-header {
    background-color: rgba(255,255,255,0) !important;
}
.single-post .et_pb_section.white-copy {
    padding: 200px 0 180px !important;
}
.single-post h1.entry-title {
    font-size: 45px;
    text-align: left;
    color: #fff;
    font-weight: 900;
    margin-top: 10px;
}
.single-post div#left-area {
    padding-bottom: 0px;
}
.single .et_pb_post {
    margin-bottom: 0 !important;
}
.single .post {
    padding-bottom: 0!important; 
}
/* pagination */
.blog-section ul.paging_btns li:first-child a:before {
    content: "\23" !important;
    font-family: "ETmodules" !important;
    vertical-align: middle;
    font-size: 20px;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 3px;
}

.blog-section ul.paging_btns li:last-child a:after {
    content: "\24" !important;
    font-family: "ETmodules" !important;
    font-size: 20px;
    vertical-align: middle;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: 3px;
}

.blog-section ul.paging_btns li:first-child {
    position: relative !important;
    padding-left: 25px !important; 
}

.blog-section ul.paging_btns li:last-child {
    position: relative !important; 
    padding-right: 25px !important; 
}
.blog-section .paging_btns li.nbox {
    font-weight: 800;
}
.blog-section  .jcarousel {
    margin-top: 60px;
    display: block;
}
/* breadcrumbs */
.breadcumb-site span > a {
    color: #ec1c24 !important;
}
.breadcumb-site > span {
    color: #fff;
}
.breadcumb-site {
    color: #fff;
    font-size: 18px;
    font-family: 'Lato', sans-serif;
}
.et_pb_section.white-copy:after {
    background: rgba(0, 0, 0, 0.60);
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}
.et_pb_section.white-copy {
    position: relative;
}
.white-copy .et_pb_row {
    z-index: 1;
}

/********** Mobile Menu ************/
.mobilemenu {
    display: none;
}

@media screen and (max-width: 980px) {
    .header-menus.clearfix, ul.topsocial,.topseeus-logos,.headcol2 {
        display: none;
    }

    .mobilemenu,.mobilemenu #top-menu {
        display: block;
        width: 100%;
    }

    .headcol1 {
        width: 100%;
    }

    .mobilemenu ul li {
        display: block;
        width: 100%;
    }

    .mobilemenu #top-menu a {
        line-height: 1;
        font-size: 16px;
    }

    .mobilemenu #top-menu > li {
        margin-bottom: 13px;
        position: relative;
        padding-right: 0;
    }

    .mobilemenu #top-menu > li > ul {
        margin-top: 9px;
        display: none;
    }

    .mobilemenu #top-menu .menu-item-has-children > a:first-child:after {
        display: none;
    }

    .et_header_style_left #logo {
        max-width: 100%;
    }

    .mobilemenu {
        margin-top: 42px;
    }

    li#menu-item-475 {
    }

    .mobilemenu #top-menu > li > a {
        border-bottom: 2px solid #c41e23;
        padding-bottom: 15px;
    }

    a.menutoggleup {
        bottom: auto;
        top: 0;
    }

    span.plustoggle {
        position: absolute;
        right: 10px;
        width: 40px;
        height: 40px;
        color: #c41e23;
        top: -10px;
        text-align: center;
    }

    span.plustoggle:before {
        content: "+";
        font-size: 39px;
        font-weight: 700;
        line-height: 1;
    }
   .blog-section h2.entry-title a {
    font-size: 25px !important;
    }
}


/* fixed bottom menu */
@media screen and (max-width: 980px) {
ul#menu-fixed-bottom-menu {
    position: fixed;
    bottom: 0px;
    right: 0px;
    padding: 0px;
    display: flex;
    justify-content: flex-start;
    width: 100%;
    z-index: 99999;
}

#et-footer-nav .container {   
    width: 100%;
}
li#menu-item-519 {
    width: 100%;
    max-width: 50%;
    background: #000;
    /* padding: 20px 10px; */
}

li#menu-item-520 {
    width: 100%;
    max-width: 50%;
    background: #ec1c24;
   /*  padding: 20px; */
}

ul#menu-fixed-bottom-menu li a {
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 20px 10px;
}
.bottom-nav i {
    margin-right: 10px;
}
.bottom-nav li {
     padding-right: 0 !important;
   
}
}

@media screen and (min-width: 981px) {

ul#menu-fixed-bottom-menu {
   display: none;
}
}

/* popup contact form */

div#popmake-811 {
    background-color: #ec1c24 !important;
}

@media screen and (min-width: 981px) {
.mob-menu {
    display: none;
}
}


/* new css for banner */

.banner-title span {
    border-bottom: 3px solid #ec1c24;
}
.banner-section .btn-quote {
    max-width: 245px;
    width: 100%;
}
.homebnerlogos ul {
    text-align: left;
     padding: 0px !important;
}

/*  renovation page */
.renovation-section .et_pb_column {
    overflow: hidden;
    margin: 0 !important;
    padding: 4%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.renovation-section .et_pb_column_2_3 {
    width: 58.31%;
}

.renovation-section .et_pb_column_1_3 {
    width: 41.66%;
}

/* bottom menu */
.bottom-element {
    width: 100%;
    position: relative;
}
.btm-quote a:after {
    content: '';    
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: transparent;
}
.btm-call a:after {
    content: '';    
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    righ: 0;
    right: 0;
    background: transparent;    
}


@media screen and (max-width: 1024px) {
.service-row .et_pb_module.et-waypoint img {
    min-height: auto !important;
}
.service-row h3 {
    font-size: 18px;
}
br {
  display: none !important; 
}
}

@media screen and (max-width: 767px) {
.black32, .black32 * {
    font-size: 25px !important; 
    line-height: 1.2em;
}
.vintage-slider .et-pb-arrow-prev,
.vintage-slider .et-pb-arrow-next {
    font-size: 30px;
  }
}


/* Checklist style */


/* Base for label styling */
#gform_2 input[type=checkbox],
#gform_2 input[type=checkbox]:not(:checked) {
    position: absolute;
    left: -9999px;
}

#gform_2 [type="checkbox"]:not(:checked) + label,
#gform_2 [type="checkbox"]:checked + label {
  position: relative;
  padding-left: 2.3em;
  cursor: pointer;
}

#gform_2 ul.gfield_checkbox li input[type=checkbox]:checked+label, 
#gform_2 ul.gfield_radio li input[type=radio]:checked+label {
    font-weight: 400;
}

/* checkbox aspect */
#gform_2 [type="checkbox"]:not(:checked) + label:before,
#gform_2 [type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 25px; 
  height: 25px;
  border: 2px solid #e5e5e5;
  background: #e5e5e5;
}
#gform_2 [type="checkbox"]:checked + label:before  {
  border: 2px solid #ec1c24;
  background: #ec1c24;
}
/* checked mark aspect */
#gform_2 [type="checkbox"]:not(:checked) + label:after,
#gform_2 [type="checkbox"]:checked + label:after {
  content: '\f00c';
  font-family: FontAwesome;
  position: absolute;
  top: 6px; 
  left: 5px;
  font-size: 16px;
  line-height: 0.8;
  color: #fff;
  transition: all .2s;


}


/* checked mark aspect changes */
#gform_2 [type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
#gform_2 [type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
 

}

/* disabled checkbox */
#gform_2 [type="checkbox"]:disabled:not(:checked) + label:before,
#gform_2 [type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #ec1c24;
  background-color: #ec1c24;
}
#gform_2 [type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
#gform_2 [type="checkbox"]:disabled + label {
  color: #aaa;
}

/* accessibility */
#gform_2 [type="checkbox"]:checked:focus + label:before,
#gform_2 [type="checkbox"]:not(:checked):focus + label:before {
  border: 2px dotted #ec1c24;
   background: #ec1c24 !important;
}

/* hover style just for information */
#gform_2 label:hover:before {
  border: 2px solid #ec1c24!important;
 
}