/*!
Theme Name: Cresscreek Auto
Description: Ported Existing Theme To WordPress.
Author: Webvolution LLC
Author URI: http://www.webvolutionchicago.com
Version: 2.4
*/

.header .fusion-header{padding-top:40px;padding-bottom:40px}.fusion-header-content-3-wrapper{float:right}.fusion-header-banner span{margin-top:10px;margin-right:10px;display:inline-block;color:#fff}.fusion-header-banner span a{color:#fff}.fusion-header-banner span a:hover{color:#df1f3d}.bannerContentcnt{position:relative;height:500px}.innerBanner .bannerContentcnt{height:350px}.bannerContent{max-width:500px;background:rgba(0,0,0,.5);padding:50px;border-top:2px solid #df1f3d}.mainbanner-bg{position:absolute;width:100%;height:100%;background-size:cover}.dt{display:table;position:relative;width:100%;height:100%;vertical-align:middle}.dtc{display:table-cell;vertical-align:middle}.bannerContent h1{margin-top:0;font-size:48px;color:#fff;margin-bottom:10px;text-transform:uppercase}.bannerContent p{font-size:18px;color:#fff;font-weight:300}.bannerContent a{border:1px solid #fff;background:rgba(0,0,0,.4);padding:15px 50px;color:#fff;margin-top:5px;transition:all .4s;display:inline-block}.bannerContent a:hover{background:#fff;color:#000}.afterBanner *{color:#fff}.afterBannerlink{margin-top:50px}.afterBanner h2{margin-top:30px}.afterBanner{background:#df1f3d no-repeat left top;padding:10px 30px 2px;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.fusion-button.button-1 .fusion-button-text,.fusion-button.button-1 i{color:#fff}.fusion-button.button-1{border:2px #fff}.fusion-button.button-1 .fusion-button-icon-divider{border-color:#fff}.fusion-button.button-1:active,.fusion-button.button-1:active .fusion-button-text,.fusion-button.button-1:focus .fusion-button-text,.fusion-button.button-1:focus i,.fusion-button.button-1:hover .fusion-button-text,.fusion-button.button-1:hover i{color:#fff}.fusion-button.button-1:active,.fusion-button.button-1:focus,.fusion-button.button-1:hover{border:2px #fff}.fusion-button.button-1:active .fusion-button-icon-divider,.fusion-button.button-1:hover .fusion-button-icon-divider{border-color:#fff}.fusion-button.button-1{background:#df1f3d}.button-1:focus,.fusion-button.button-1:active,.fusion-button.button-1:hover{background:#111}.fusion-button.button-1{width:auto}.fusion-one-half.fusion-column-first.firstHalf{margin-top:0;margin-bottom:20px;width:48%;margin-right:4%}.fusion-one-half.fusion-column-last.lastHalf{margin-top:0;margin-bottom:20px;width:48%}.fusion_builder_column_2_3.fusion-two-third.twoThirdlast{margin-top:0;margin-bottom:20px;width:65.3333%}.fusion_builder_column_1_4.fusion-one-fourth.fourthHalflast{margin-top:0;margin-bottom:20px;width:22%}.fusion_builder_column_1_3.fusion-one-third.thirdHalf{margin-top:0;margin-bottom:20px;width:30.6666%;margin-right:4%}.fusion_builder_column_1_3.fusion-one-third.thirdHalflast{margin-top:0;margin-bottom:20px;width:30.6666%}.fusion_builder_column_1_5.fusion-one-fifth.fifthHalf{margin-top:0;margin-bottom:20px;width:16.8%;margin-right:4%}.fusion_builder_column_1_5.fusion-one-fifth.fifthHalflast{margin-top:0;margin-bottom:20px;width:16.8%}.fusion_builder_column_3_4.thirdfourthlast{margin-top:0;margin-bottom:20px;width:74%}.whatwedohomerow{background:#f7f7f7;padding:40px 50px;border-radius:5px;float:left;width:100%;margin-bottom:0;text-align:center}.whatwedohomerow .fusion-layout-column{margin-bottom:0;text-align:left}.whatwedohomerow h2{color:#df1f3d}.contactform h2{color:#df1f3d}.contactform input[type=text]{height:50px;margin-top:10px;border-radius:4px;transition:all .4s;border:0 solid #f7f7f7!important;box-shadow:0 1px 4px rgba(0,0,0,.1)}.contactform textarea{resize:none;height:120px;border-radius:4px;transition:all .4s;border:0 solid #f7f7f7!important;box-shadow:0 1px 4px rgba(0,0,0,.1);margin-top:10px}.contactform input[type=text]:focus{outline:0;box-shadow:0 1px 8px rgba(0,0,0,.2)}.sploffer{border:2px dashed #df1f3d;padding:20px;border-radius:5px;text-align:center;background:#fefefe}.contactform input[type=submit]{background:#df1f3d;color:#fff;float:right;height:60px;padding:0 50px;border-radius:3px;font-size:18px;transition:all .4s}.contactform input[type=submit]:hover{filter:brightness(110%)}.serviceCounter{background:rgba(255,255,255,0) url(http://cresscreekautomotive.com/wp-content/uploads/2019/07/HOME-PAGE-BACKGROUND.jpg) no-repeat left top;float:left;width:100%;padding:70px 30px;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.serviceCounter .fusion_builder_column_1_3.fusion-one-third.thirdHalf{margin-bottom:0!important}.serviceCounter .fusion_builder_column_1_3.fusion-one-third.thirdHalflast{margin-bottom:0!important}.serviceCounter .fusion-counters-box .fusion-counter-box{margin-bottom:0!important}.counter-box-container{border:1px solid #e0dede}.content-box-percentage.content-box-counter{color:#df1f3d;font-size:75px;line-height:normal}.counter-box-content{color:#fff;font-size:25px}.partnership h2{text-align:center;margin-bottom:0;margin-top:40px}.partnership{float:left;width:100%}.autoRepair{background:#df1f3d no-repeat left top;padding:50px 30px;float:left;width:100%;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.autoRepair *{color:#fff}.autoRepair .autoRepairlink{margin-top:20px}.fusion-button.button-3 .fusion-button-text,.fusion-button.button-3 i{color:#fff}.fusion-button.button-3{border:0 #fff}.fusion-button.button-3 .fusion-button-icon-divider{border-color:#fff}.fusion-button.button-3:active,.fusion-button.button-3:active .fusion-button-text,.fusion-button.button-3:focus .fusion-button-text,.fusion-button.button-3:focus i,.fusion-button.button-3:hover .fusion-button-text,.fusion-button.button-3:hover i{color:#df1f3d}.fusion-button.button-3:active,.fusion-button.button-3:focus,.fusion-button.button-3:hover{border:0 #df1f3d}.fusion-button.button-3:active .fusion-button-icon-divider,.fusion-button.button-3:hover .fusion-button-icon-divider{border-color:#df1f3d}.fusion-button.button-3{background:#111}.button-3:focus,.fusion-button.button-3:active,.fusion-button.button-3:hover{background:#fff}.fusion-button.button-3{width:auto}.autoMaintenance{background:rgba(255,255,255,0) no-repeat left top;padding:50px 30px;float:left;width:100%;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.fusion-button.button-4 .fusion-button-text,.fusion-button.button-4 i{color:#fff}.fusion-button.button-4{border:0 #fff}.fusion-button.button-4 .fusion-button-icon-divider{border-color:#fff}.fusion-button.button-4:active,.fusion-button.button-4:active .fusion-button-text,.fusion-button.button-4:focus .fusion-button-text,.fusion-button.button-4:focus i,.fusion-button.button-4:hover .fusion-button-text,.fusion-button.button-4:hover i{color:#fff}.fusion-button.button-4:active,.fusion-button.button-4:focus,.fusion-button.button-4:hover{border:0 #fff}.fusion-button.button-4:active .fusion-button-icon-divider,.fusion-button.button-4:hover .fusion-button-icon-divider{border-color:#fff}.fusion-button.button-4{background:#111}.button-4:focus,.fusion-button.button-4:active,.fusion-button.button-4:hover{background:#df1f3d}.fusion-button.button-4{width:auto}.autoMaintenancelink{margin-top:20px}.autoMaintenance h1{color:#df1f3d}.fusion-footer-parallax{position:static}.aboutInfo{background:no-repeat left top;padding:20px 30px;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.aboutInfo h1{color:#df1f3d}.aboutCounter{background:rgba(0,0,0,.6) no-repeat left top;padding:30px 30px 0;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid;position:relative}.aboutCounter:after{position:absolute;content:'';width:100%;height:100%;z-index:1;filter:grayscale(100%);background-image:url(http://cresscreekautomotive.com/wp-content/uploads/2019/07/Naperville-Auto-Maintenance-Cress-Creek-Automotive.jpg);top:0;right:0;background-size:cover}.aboutCounter:before{position:absolute;content:'';width:100%;height:100%;z-index:2;top:0;background-color:rgba(0,0,0,.8);right:0;background-size:cover}.fusion-counters-circle .counter-circle{color:#fff}.autoMativespecial .fusion-reading-box-container{margin-bottom:30px}.aboutCounter .counter-circle-wrapper{width:220px;height:220px;line-height:220px}.element-bottomshadow:after,.element-bottomshadow:before{display:none}.autoMativespecial .element-bottomshadow.reading-box{border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.1);background:#fff;border:1px solid #fff}.autoMativespecial .element-bottomshadow.reading-box a.button{border-radius:4px;margin-top:15px}.autoMativespecial .element-bottomshadow.reading-box a.button span{color:#fff;border-radius:4px}.autoMativespecial .element-bottomshadow.reading-box h2{color:#df1f3d}.autoMativespecial .element-bottomshadow.reading-box *{color:#000}.fusion-counter-circle{width:220px;height:220px;line-height:220px;font-size:50px}.aboutInfobelow{background:rgba(255,255,255,0) no-repeat left top;padding:40px 30px 20px;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.autoRepairnaper{background:rgba(255,255,255,0) no-repeat left top;padding:40px 30px 20px;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.autoRepair .fusion-one-half.fusion-column-first.firstHalf,.autoRepair .fusion-one-half.fusion-column-last.lastHalf{margin-bottom:0}.autoRepairnaper h1,.post-content h1{color:#df1f3d;font-size:2em;margin-top:10px;font-weight:700}.reading-box-description a{color:#fff}.autoRepairgallery{background:rgba(255,255,255,0) no-repeat left top;padding:20px 30px;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.autoRepairlist{background:#df1f3d no-repeat left top;padding:20px 30px;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.onlycontent{margin:0 auto;display:block}.onlycontent p{font-size:18px;line-height:1.8}.onlycontent .wp-caption p{font-size:14px;line-height:1.2;margin-top:10px;font-weight:300}.centerTitle{text-align:center}.centerTitle:after{width:80px;height:1px;content:'';display:block;margin:5px auto 0;background:#df1f3d}.autoRepairlist h2{text-align:center}.autoRepairlist li{position:relative;padding:10px 10px 10px 15px;width:32%;float:none;display:inline-block;vertical-align:top}.fusion-imageframe{padding:10px;border:1px solid #e7e7e7;box-shadow:0 5px 10px rgba(0,0,0,.1)}.autoRepairmain{background:#f7f7f7;text-align:center;padding:60px 0}.autoRepairlist li span{color:rgba(255,255,255,.8)}.autoRepairlist li:before{content:'';width:6px;height:6px;border-radius:100px;background:#fff;position:absolute;left:0;top:15px}.autoRepairlist *{color:#fff}.reading-box-container-1 .element-bottomshadow:after,.reading-box-container-1 .element-bottomshadow:before{opacity:.7}.autoMativespecial{background:rgba(255,255,255,0) no-repeat left top;padding:20px 30px 0;border-color:#eae9e9;border-top:0 solid;border-bottom:0 solid}.autoMativespecial h2{color:#fff}.element-bottomshadow.reading-box{background-color:#111;border:1px solid #f6f6f6}.reading-box-container-2 .element-bottomshadow:after,.reading-box-container-2 .element-bottomshadow:before{opacity:.7}#main .fusion-row #content{width:100%;padding-top:30px}.fusion-header-banner a{color:#747474}.fusion-main-menu .fusion-dropdown-menu:hover .fusion-main-menu .sub-menu{display:block!important}.fusion-main-menu,.fusion-main-menu>ul>li{overflow:visible!important}.special-container{padding:0 0 80px}.special-container h2{color:#df1f3d;margin-bottom:5px}.special-container p{margin-bottom:5px}.contactsidebar li{list-style:none}.contactsidebar hr{border-top:1px solid #e6e6e6;border-bottom:0;margin-bottom:20px}.contactsidebar h2{text-transform:uppercase;font-weight:700}.contactsidebar p strong{color:#000}.contactsidebar h2{color:#000}.fusion-main-menu>ul>li{padding-right:0!important}.fusion-main-menu>ul>li>a{font-size:15px;height:63px;line-height:60px;border:0;padding:0 15px}.fusion-main-menu>ul>li>a:hover{border:transparent;background:#df1f3d;color:#fff}.fusion-main-menu>ul>li.active>a{background:#df1f3d;color:#fff}.fusion-main-menu .sub-menu{width:190px}.homeabout{padding-top:50px}.previewcressCreek,.previewcressCreek p{margin-bottom:0!important}.hiring{background:#df1f3d1f;padding:20px;border-radius:10px;margin-bottom:20px}h2.heading2{font-size:2em;margin-bottom:0;margin-bottom:0}.fusion-secondary-main-menu{float:left;width:100%}.fusion-secondary-main-menu .container{overflow:visible}header.header.fusion-header-wrapper:after{content:'';clear:both;display:block}.m-auto{margin:0 auto;max-width:800px;display:block;float:none}.m-auto h1{text-align:center}@media screen and (max-width:1170px){.fusion-main-menu>ul>li>a{font-size:14px}.fusion-main-menu>ul>li{padding-right:20px}}@media screen and (max-width:991px){.fusion-main-menu{display:none}.fusion-mobile-menu-icons{display:block;top:25px;right:20px;z-index:99999999;position:absolute}.fusion-secondary-main-menu{padding:0}.fusion-header-banner{display:none}.header .fusion-header{padding:20px 0}.fusion-header .container{max-width:100%;width:100%}.fusion-mobile-nav-holder>ul{display:block}}@media screen and (max-width:800px){.container{max-width:100%;width:100%}.fusion-row{padding:0 20px}.nonhundred-percent-fullwidth .fusion-layout-column .fusion-text{width:100%;float:left}.contactsidebar ul{padding-left:0}#main{padding-right:15px;padding-left:15px}#main .fusion-row{padding-right:0;padding-left:0}}@media screen and (max-width:620px){.special-container h2{font-size:1.2em}.centerTitle:after{width:50px}.autoRepairnaper h1,.post-content h1{font-size:1.4em}.onlycontent p{font-size:16px;line-height:1.5}.bannerContent h1{font-size:32px}.bannerContent p{font-size:16px}.afterBanner{padding-left:0;padding-right:0}.afterBannerlink{margin-top:0;width:100%;margin-bottom:40px}.homeabout{padding-top:20px}h2.heading2{font-size:1.5em}.whatwedohomerow{padding-right:0;padding-left:0;text-align:left}.serviceCounter{padding:30px 0}.serviceCounter .fusion_builder_column_1_3.fusion-one-third.thirdHalf{margin-bottom:30px!important}.content-box-percentage.content-box-counter{font-size:50px}.counter-box-content{font-size:20px}.autoRepair{padding-right:0;padding-left:0}.autoRepair .firstHalf{margin-bottom:50px!important}.fusion-footer-parallax iframe{max-width:100%!important}.aboutInfo{padding-right:0;padding-left:0}h1{font-size:1.5em}.aboutInfo .firstHalf p{margin-bottom:0}.aboutCounter .counter-circle-wrapper{width:150px;height:150px}.aboutInfobelow{padding-right:0;padding-left:0}.innerBanner .bannerContentcnt{height:130px}.autoRepairnaper{padding-right:0;padding-left:0}.autoRepairgallery{padding-right:0;padding-left:0}.autoRepairlist{padding-right:0;padding-left:0;text-align:left}.autoRepairlist h2{text-align:left}.autoRepairlist h2 br{display:none}.autoRepairlist li{width:100%}.autoRepairlist ul{padding-left:0}.autoRepairmain{text-align:left;padding:30px 0}.autoMativespecial{padding-right:0;padding-left:0}.special-container .fusion-row{padding-right:0;padding-left:0}#main .fusion-row #content{margin-bottom:0}p:empty{display:none}}*{font-family:Roboto,sans-serif!important}

/* mainly for menu */
ul#menu-menu > li > a {
  text-transform: uppercase;
}

.fusion-main-menu .sub-menu li a {
  border-bottom: thin solid #dcdadb;
}

.fusion-secondary-main-menu {
	margin:auto !important;
	max-width: 1000px !important;
	float:none;
}

/* banners for pages */
.afterBannerlink .fusion-button.button-1 {
  background-color: #000;
  color:#000;
  transition: all .2s;
}

  .afterBannerlink a.fusion-button.button-1:hover {
    background-color: #fff;
  }

    .afterBannerlink a.fusion-button.button-1:hover span {
      color: #df1f3d;
    }

/* home */
body.home .homeabout h1 {
  color: #df1f3d;
}

  body.home .homeabout h1:after {
    width: 100%;
    height: 1px;
    content: '';
    display: block;
    background: #df1f3d;
  }

body.home .homeabout a {
  background: #111111;
  border: 0 #ffffff;
  color: #fff;
  transition: all .2s;
  padding: 17px 40px;
  line-height: 45px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
}

  body.home .homeabout a:hover {
      background-color: #df1f3d;
  }

body.home .counter-box-content {
	/*color: #000 !important;*/
}

body.home .autoRepair a {
  background: #111111;
  border: 0 #ffffff;
  color: #fff;
  transition: all .2s;
  padding: 17px 40px;
  line-height: 45px;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0px;
}

  body.home .autoRepair a:hover {
      background-color: #fff;
      color:#000;
  }

/* home reviews section */
body.home div.wp-yrw {
  margin-top: 30px !important;
  margin-bottom: 60px !important;
}

/* home logo section */
.afterBanner.white, .afterBanner.white * {
  background: #FFF no-repeat left top !important;
  color: #747474 !important;
}

/* contact form */
.wpcf7-form input[type="text"], .wpcf7-form  input[type="email"], .wpcf7-form  input[type="tel"], textarea  {
    height: 50px;
    margin-top: 10px;
    border-radius: 4px;
    transition: all .4s;
    border: 0 solid #f7f7f7 !important;
    box-shadow: 0 1px 4px rgba(0,0,0,.1);
  }

  .wpcf7-form input[type="submit"] {
    background: #df1f3d;
    color: #fff;
    float: right;
    height: 60px;
    padding: 0 50px;
    border-radius: 3px;
    font-size: 18px;
    transition: all .4s;
  }

    .wpcf7-form input[type="submit"]:hover {
        filter: brightness(110%);
    }

    .wpcf7-form .wpcf7-response-output {
      margin-top: 50px;
    }

/* reviews button */
#desktop-reviews-button {
  display: inline-block;
  margin: 0 0 0 15px;
  width: 150px;
  vertical-align: middle;
  line-height: 40px;
  /* border: thin solid #fff; */
}

  #desktop-reviews-button a {
    color: #df1f3d;
  }

    #desktop-reviews-button a:hover {
      color: #FFF;
    }

    #desktop-reviews-button img {
      z-index: 999;
      height: 40px;
      width: 40px;
    }

    #desktop-reviews-button #map-button-text {
      visibility: visible;
    }

/* map button */
#desktop-map-button {
  display: inline-block;
  margin: 0 0 0 15px;
  width: 125px;
  vertical-align: middle;
  line-height: 40px;
  /* border: thin solid #fff; */
}

  #desktop-map-button a {
    color: #df1f3d;
  }

    #desktop-map-button a:hover {
      color: #FFF;
    }

    #desktop-map-button img {
      z-index: 999;
      height: 40px;
      width: 40px;
    }

  #desktop-map-button #map-button-text {
    visibility: visible;
	  color: #FFF;
  }

/* call button */
#desktop-call-button {
  display: inline-block;
  margin: 0 0 0 35px;
  width: 135px;
  vertical-align: middle;
  line-height: 40px;
	color: #FFF;
  /* border: thin solid #fff; */
}

  #desktop-call-button a {
    color: #df1f3d;
  }

    #desktop-call-button a:hover {
      color: #FFF;
    }

  #desktop-call-button img {
    z-index: 999;
    height: 40px;
    width: 40px;
  }

  #desktop-call-button #call-button-text {
    visibility: visible;
	  color: #FFF;
  }

	#reviews-button-text {
		color: #FFF;
	}

/* responsive google maps */
.map-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.map-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

  /* tablet */
  @media only screen and (max-width: 1200px) {
    #desktop-call-button #call-button-text,
    #desktop-map-button #map-button-text,
    #desktop-reviews-button #reviews-button-text
    {
      visibility: hidden;
    }

    #desktop-call-button {
      width: 65px;
      height: 65px;
      margin-left: 25px;
    }

    #desktop-map-button {
      width: 65px;
      height: 65px;
      margin-left: 0;
    }

    #desktop-reviews-button {
      width: 65px;
      height: 65px;
      margin-left: 0;
    }

  }

  /* mobile */
  @media only screen and (max-width: 700px) {
    .container #logo {
      width: 100%;
      max-width: 160px;
      display: block;
      margin: 25px auto;
    }

    span#button-container div {
      display: block;
      border: 3px solid #df1f3d;
      color: #df1f3d;
      width: 250px;
      padding: 10px 25px;
      margin: 15px auto;
      text-align: center;
      -moz-border-radius: 7px;
      border-radius: 7px;
    }
	  


    #desktop-call-button {
		
    }

    #desktop-map-button {

    }

    #desktop-reviews-button {

    }

    #desktop-call-button #call-button-text,
    #desktop-map-button #map-button-text,
    #desktop-reviews-button #reviews-button-text
    {
      visibility:visible;
      display: inline-block;
    }
  }