/*
	Theme Name: Customized Divi Template
	Theme URI: 
	Description: Divi Child Theme
	Author: Admin
	Template: Divi template for child theme
	Version: 1.0.0
	License: GNU General Public License v2 or later
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
	Text Domain: Divi-child
*/



/* -----------------------------------------------------------------------

 * Base Style

 * ----------------------------------------------------------------------- */

body {

  color: #242424;

  font-family: 'Raleway', sans-serif; }



.container {

  width: 90%;

}



blockquote {

  border: 0;

  padding: 0;

}



span.wpcr3_item_name a{

  color: #C94808;

}



.has-button .et_pb_button {

  color: #272D33!important;

  text-transform: uppercase;

  font-weight: 700;

  padding: 12px 30px;

  border-width: 3px;

  border-color: #c9c9c9;

  background-color: #fff;

}



.has-button .et_pb_button:hover {

  color: #fff!important;

  border-color: #FC5A0A;

  background-color: #FC5A0A;

  border-width: 3px;

  padding: 12px 30px;

}



.has-button .et_pb_button:hover:after {

  content: none;

}



a:link, a:active, a:hover, a:visited, a:focus {

  text-decoration: none !important; }



.nav li ul, .nav li li {

  padding: 0;

  margin: 0;

  border: 0;

}





.social-icons li {

  display: inline-block;

  margin-right: 15px; }

  .social-icons li a {

    display: block;

    color: #76828f;

    font-size: 26px;

    text-align: center;

    transition: 0.3s linear; }

    .social-icons li a:hover {

      color: #fff; }



.section-heading h2 {

  font-size: 46px;

  font-weight: 800;

  color: rgb(252, 90, 11);

}



.section-heading h2 + p {

  font-size: 20px;

  color: rgb(39, 45, 50);

}



.content-article h2 {

  font-size: 36px;

  font-weight: 700;

  color: rgb(252, 90, 11);

  margin-bottom: 10px;

}



.content-article p{

  font-size: 16px;

  color: rgb(0, 0, 0);

}



.testimonial.et_pb_text {

  padding: 20px;

  background-color: rgba(231, 231, 230, 0.7);

}



.big-text h1 {

  font-weight: 800;

  font-size: 50px;

  color: rgb(39, 45, 51);

}



.big-text h2 {

  font-size: 38px;

  line-height: 40px;

  color: rgb(118, 130, 143);

}



/* -----------------------------------------------------------------------

 * Navbar Style Style

 * ----------------------------------------------------------------------- */

.navbar-default {

  background-color: #272D33;

  border: 0;

  border-radius: 0;

  margin-bottom: 0; }

  .navbar-default .navbar-nav > .current-menu-item a, .navbar-default .navbar-nav > .current-menu-item a:hover, .navbar-default .navbar-nav > .current-menu-item a:focus {

    background-color: transparent;

    color: #fff !important; }

  .navbar-default .navbar-nav > .open > a {

    background: transparent !important; }

  .navbar-default .navbar-toggle {

    border: 0; }

    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

      background: transparent; }

    .navbar-default .navbar-toggle span {

      background-color: #fff !important; }



.navbar:before {

content: '';

position: absolute;

top: -5px;

height: 5px;

width: 100%;

background: #EFBB20 url(http://jon.411pros.net/towing/wp-content/uploads/2017/03/line.png) repeat-x top;

}



.navbar-collapse {

  padding: 0; }



.navbar-nav > li > a {

  color: #76828f !important;

  font-family: "Raleway", sans-serif;

  font-size: 16px;

  font-weight: 800;

  text-transform: uppercase;

  border-radius: 2px;

  padding: 25px 30px 25px 0;

  transition: 0.3s linear; }

  .navbar-nav > li > a:hover {

    color: #fff !important; }



.dropdown-menu {

  top: 100%;

  min-width: 250px;

  background-color: #E7E7E6 !important;

  border-radius: 0;

  padding: 10px;

  margin: 0; }

  .dropdown-menu > li > a {

    color: #76828f !important;

    font-family: "Raleway", sans-serif;

    font-size: 16px;

    font-weight: 700;

    text-transform: uppercase;

    padding: 12px 18px !important;

    transition: 0.3s linear; }

    .dropdown-menu > li > a:hover {

      background-color: transparent;

      color: #FC5A0A !important; }

  .dropdown-menu > .current-menu-item > a, .dropdown-menu > .current-menu-item > a:focus, .dropdown-menu > .current-menu-item > a:hover {

    background-color: transparent;

    color: #FC5A0A !important; }



/* -----------------------------------------------------------------------

 * Header Style

 * ----------------------------------------------------------------------- */

header .top-header {

  background-color: #fff; 

  padding-botom: 5px;}

  header .top-header .logo-wrapper {

    padding-top: 0px; }

  header .top-header .brand-name {

    color: #FC5A0A;

    font-family: "Raleway", sans-serif;

    font-size: 50px;

    font-weight: 900;

    text-transform: uppercase; }

    header .top-header .brand-name span {

      display: inline-block;

      color: #272D33;

      font-size: 50px;

      font-weight: 500;

      margin-left: -15px; }

  header .top-header .header-info {

    text-align: right; }

    header .top-header .header-info h4 {

      position: relative;

      color: #FC5A0A;

      font-size: 35px;

      font-weight: 700;

      line-height: 43px;

      letter-spacing: -0.8px;

      padding-left: 51px; }

      header .top-header .header-info h4:before {

        position: absolute;

        content: "\f2d2";

        top: 0;

        left: 0px;

        color: #c9c9c9;

        font-size: 50px;

        font-family: "Ionicons"; }

    header .top-header .header-info h5 {

      font-size: 20px;

      font-weight: 700; }

      header .top-header .header-info h5 span {

        display: inline-block;

        color: #c9c9c9;

        font-size: 35px;

        line-height: 43px;

        letter-spacing: -0.8px; }



/* -----------------------------------------------------------------------

 * Footer Style

 * ----------------------------------------------------------------------- */

footer {

  background-color: #272D33;

  color: #76828f!important;

  font-weight: 500;

  padding-top: 45px;

  padding-bottom: 0; }

  footer .col-md-3 {

    margin-bottom: 50px; }

  footer h4 {

    position: relative;

    color: #fff;

    font-size: 20px;

    font-weight: 800;

    border-bottom: 1px solid #323a41;

    padding-bottom: 20px;

    margin-bottom: 20px; }

  footer h5 {

    color: #fff;

    font-size: 15px;

    margin: 0;

    padding: 0; }

  footer ul {

    padding: 0;

    margin: 0;

    list-style: none; }

    footer ul li {

      padding-top: 5px;

      padding-bottom: 5px; }

      footer ul li em {

        font-size: 11px; }

      footer ul li span {

        display: block;

        margin-bottom: 7px; }

  footer a {

    color: #FC5A0A!important;

    transition: 0.3s linear; }

    footer a:hover {

      color: #fff; }

  footer .post-thumbnail {

    float: left;

    margin: 0 5px 5px 0; }

  footer .has-icon li {

    position: relative;

    padding-left: 30px; }

    footer .has-icon li:before {

      position: absolute;

      top: 5px;

      left: 0;

      color: #fff; }

  footer .has-icon .map:before {

    content: "\f203";

    font-family: "Ionicons";

    font-size: 21px; }

  footer .has-icon .email:before {

    content: "\f422";

    font-family: "Ionicons";

    font-size: 24px; }

  footer .services li:before {

    content: "\f2c1";

    top: 3px;

    left: 5px;

    display: block;

    color: #76828f;

    font-family: "Ionicons";

    font-size: 16px;

    transition: 0.3s linear; }

  footer .services.has-icon li:hover:before {

    color: #fff;

    transform: scale(1.25); }

  footer .copyright {

    color: #fff;

    font-size: 12px;

    padding-top: 20px;

    padding-bottom: 30px; }

    footer .copyright .comp-name {

      color: #FC5A0A; }

  footer .et_pb_widget {
    float: none;
  }

   footer .copyright .container {
      text-align: center;
   }

   /* Footer Widgets */
  footer .col-md-3:nth-child(3) strong {display: none;}
  footer .col-md-3:nth-child(3) h4 {margin-bottom: -22px !important;}
  footer .col-md-3:first-child #social-icons {text-align: left!important;}
  #current-day {color: #fff; background-color: #C94808; text-shadow: none; font-size: 15px;}
  #closed-day {color: #777;}
  .openinghours tr td{font-weight: 300!important; font-size: 14px!important;}
  .openinghours tr td:first-child {text-align: left!important; padding-left: 13px !important;}

  /* Elegant Themes */ 
  .et_pb_slide_description  h2 {color: #333!important; font-size: 60px; font-weight: bold;} 

  /* Contact Form */
  footer .col-md-3:last-child #contact {padding: 0;}
  footer .col-md-3:last-child #contactForm input, footer .col-md-3:last-child #contactForm textarea {width: 100%; font-size: 13px; padding: 2px 5px; border-radius: 2px;}
  footer .col-md-3:last-child #contactForm div:nth-child(2), footer .col-md-3:last-child #contactForm div:nth-child(3) {float: left; width: 49%;}
  footer .col-md-3:last-child #contactForm div:nth-child(3) {margin-left: 2%;}
  footer .col-md-3:last-child #contactForm textarea {height: 80px; margin: 2px 0;}
  footer .col-md-3:last-child #contactForm div:nth-child(5) img {float: left;}
  footer .col-md-3:last-child #contactForm div:nth-child(5) input {float: right; width: 49%; height: 40px; margin: 0;}
  footer .col-md-3:last-child #contactForm #submitter {background: #fff; border-color: #c9c9c9; color: #272D33; font-weight: bold; text-transform: uppercase; margin-top: 5px; transition: 0.3s background-color, color linear}
  footer .col-md-3:last-child #contactForm #submitter:hover {background-color: #FC6B24; color: #fff; border-color: #FC6B24;}



/*

 Media Queries

 ----------------------------------------------------------------------------- */

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

  .top-header .logo-wrapper, .top-header .header-info {

    float: none !important;

    text-align: center !important; }

    .top-header .logo-wrapper .brand-name, .top-header .header-info .brand-name {

      font-size: 60px; }

      .top-header .logo-wrapper .brand-name span, .top-header .header-info .brand-name span {

        display: inline;

        font-size: 30px;

        margin-left: -10px; }

    .top-header .logo-wrapper h4, .top-header .header-info h4 {

      display: inline-block;

      font-size: 30px !important; }

      .top-header .logo-wrapper h4:before, .top-header .header-info h4:before {

        font-size: 50px !important; }

    .top-header .logo-wrapper h5, .top-header .header-info h5 {

      display: none; } }



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

  .logo-wrapper {

    padding-top: 45px; }

  .top-header .logo-wrapper .brand-name {

    line-height: 30px; }

  .navbar-header {

    padding-top: 10px;

    padding-bottom: 10px; }

  .navbar-default .navbar-collapse {

    border-color: rgba(118, 130, 143, 0.2); }

  .nav {

    margin: 0; }

    .nav > li > a {

      padding: 15px 20px; }

  .dropdown-menu {

    float: none !important;

    position: relative !important;

    width: 100% !important; }

  .dropdown-menu > li > a {

    padding-left: 25px !important; }

  .copyright .col-sm-4, .col-sm-8 {

    text-align: left !important; } }





	@-webkit-keyframes Ringing {

	  0% {-webkit-transform:rotate(0deg);}

	  4% {-webkit-transform:rotate(-45deg); color: #272D33}

	  8% {-webkit-transform:rotate(0deg);}

	  12% {-webkit-transform:rotate(-45deg); color: #272D33}

	  16% {-webkit-transform:rotate(0deg);}

	  20% {-webkit-transform:rotate(-45deg); color: #272D33}

	  24% {-webkit-transform:rotate(0deg);}

	  100% {-webkit-transform:rotate(0deg);}

	}



	@keyframes Ringing {

	  0% {transform:rotate(0deg);}

	  4% {transform:rotate(-45deg); color: #272D33}

	  8% {transform:rotate(0deg);}

	  12% {transform:rotate(-45deg); color: #272D33}

	  16% {transform:rotate(0deg);}

	  20% {transform:rotate(-45deg); color: #272D33}

	  24% {transform:rotate(0deg);}

	  100% {transform:rotate(0deg);}

	}



	.shake:before{

	  display: inline-block;

	  -webkit-animation: Ringing 2000ms linear 2000ms infinite;

	  animation: Ringing 2000ms linear 2000ms infinite;

	}