body {
  font-family: 'Assistant', Arial, 'Helvetica Neue', Helvetica, sans-serif; 
   background: #fff;
}

a:hover {
   text-decoration: underline; 
}

.elementor-container {
 max-width: 100% !important;
}

.elementor-widget {
 margin-bottom: 20px;
}

.elementor-widget {
 margin-bottom: 20px;
}

.elementor-widget:last-child {
 margin-bottom: 0px;
}


.elementor-widget-heading .elementor-heading-title {
 line-height: 1.1;
}

.elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
 padding: 0px;
}

/*==================================================================
=============== Home Page
====================================================================*/

.home-page {
   
}

#home-page h2,
#home-page h1 {
   font-size: 41px;
  line-height: 46px;
   font-weight: 800;
}

/*================================
=============== Mobile
==================================*/

@media only screen and (max-width: 960px) {
  
   #home-page h2,
   #home-page h1 {
      font-size: 35px;
     line-height: 41px;
      font-weight: 800;
     padding: 0px 5px 5px 5px;
   }
  
}

/*================================
=============== Three Steps
==================================*/

.home-three-steps {
   margin: 50px 0px 60px 0px;
}

.home-three-steps .main-title {

}

.home-three-steps .main-title h1 {
   margin: 0px 0px -5px 0px;
   padding: 0px;
}

.home-three-steps .save-money-boxes {
   margin: 40px 0px 0px 0px;
}


.home-three-steps .column-post-block {
  display: inline-block;
  width: 31%;
  vertical-align: top;
  margin: 10px 25px 10px 25px;
  border: 1px solid #f2f1f1;
  padding: 10px 10px 1px 10px;
  box-sizing: border-box;
  background: #fff;
   border-radius: 10px;
   box-shadow: 0px 0px 15px rgb(37, 37, 37, 0.2);
   text-align: center;
   border-top: 9px solid #fa7f28;
}

.home-three-steps .column-post-block .alignnone {
  margin: 0px 0px 0px 0px;
}

.home-three-steps .column-post-block-bigger {
 width: 45%
}

.home-three-steps .column-post-block .related-post-image {
  text-align: center;
  margin: 0 auto;
}

.home-three-steps .column-post-block .related-post-image img {
  margin: 20px auto 0px;
  text-align: center;
}

.home-three-steps .column-post-block .related-post-title {
  margin: 8px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  display: block;
  color: #2184c9
}

.home-three-steps .column-post-block .related-post-title p {
   font-size: 14px;
   line-height: 15px;
   color: #ffffff;
   background: #fa7f28;
   border-radius: 10px;
   display: inline-block;
   padding: 3px 10px 5px 10px;
   margin: 10px 0px 10px 0px;
   font-weight: 600;
}

.home-three-steps .column-post-block .related-post-description p {
  margin: 0px 0px 15px 0px;
  text-align: center;
  letter-spacing: 0px;
  padding: 0px 8px 0px 8px;
  font-size: 21px;
}

/*================================
=============== Mobile
==================================*/

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

  .home-three-steps .column-post-block-bigger,
  .home-three-steps .column-post-block {
    width: 30% !important;
    margin: 10px 10px 10px 10px;
  }
 
}

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

  .home-three-steps {
    text-align: center;
    padding: 0px 0px 50px 0px;
  }

 .home-three-steps .three-columns-services {
   width: 100%;
   margin: 0 auto 10px;
 }

  .home-three-steps .column-post-block-bigger,
  .home-three-steps .column-post-block {
   width: 47.5%  !important;
   text-align: center;
 }

}

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

  .home-three-steps .column-post-block-bigger,
  .home-three-steps .column-post-block {
   width: 95%  !important;
   margin: 10px auto 10px;
 }

.home-three-steps .save-money-boxes {
   margin: 20px 0px 0px 0px;
}
  
}

/*================================
=============== About Insurance Panda
==================================*/

.about-insurance-home {
  background: #fffbfb;
  display: block;
  border: 1px solid #efefef;
  max-width: 1100px;
  margin: 0 auto;
  padding: 20px 0px 20px 0px;
}

.about-insurance-home .about-left-side {
  width: 30%;
  margin: 0px 10px 0px 0px;
}

.about-insurance-home .about-right-side {
  width: 67%;
}

.about-insurance-home .about-right-side h2 {

}

.about-insurance-home .about-right-side p {

}

/*================================
=============== Mobile
==================================*/


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

  .about-insurance-home {
    max-width: 93%;
  }

  
}


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


  .about-insurance-home .about-left-side {
    width: 100%;
    display: block;
    margin: -60px 10px -10px 0px;
  }

  .about-insurance-home .about-right-side {
    width: 100%;
    display: block;  
    padding: 0px 10px 0px 10px;
    text-align: center;
  }
 
}


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

.find-car-state .states-list .col-sm-3 {
   width: 100%;
   text-align: center;
}
 
}


/*================================
=============== Find Car State
==================================*/

.find-car-state {
   background: #f2ecec;
   margin: 60px 0px 10px 0px;
  padding: 20px 0px 50px 0px;
}

.find-car-state .text-headline-section {
  padding: 0px 10px 0px 10px;
}

.find-car-state .text-headline-section h2 {

}

.find-car-state .text-headline-section p {

}

.find-car-state .states-list {
  width: 1000px !important;
  margin: 0 auto;
}

.find-car-state .states-list a { 
   color: #14648d;
  padding: 3px 0px 3px 0px;
  display: block;
}

.find-car-state .states-list a:before {
  content: '';
	height: 17px;
   width: 17px;
   display: inline-block;
   margin: 0px 7px 0px 0px;
	background: url(../images/zip-code-light-gray.png) 100% 53% no-repeat;
  
}

.find-car-state .states-list .col-sm-3 {
   width: 24%;
  padding: 0px 0px 0px 30px;
   display: inline-block;
   vertical-align: top;
}

/*================================
=============== Mobile
==================================*/



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


.find-car-state .states-list {
  width: 90% !important;
  margin: 0 auto;
}
  
.find-car-state .states-list .col-sm-3 {
   width: 48%;
  padding: 0px 30px 0px 150px;
   display: inline-block;
   vertical-align: top;
  text-align: left;
}

 
}

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

.find-car-state .states-list {
  width: 99% !important;
  margin: 0 auto;
}
  
.find-car-state .states-list .col-sm-3 {
   width: 48%;
  padding: 0px 0px 0px 80px;
}
  
}

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

.find-car-state .states-list .col-sm-3 {
  padding: 0px 0px 0px 10px;
}
  
}


/*================================
=============== Home Page Blog
==================================*/

.home-blog-section {
  text-align: center;
  padding: 40px 0px 40px 0px;
}

.home-blog-section .top-info-box {
  padding: 0px 10px 0px 10px;
}

.home-blog-section .top-info-box h2,
.home-blog-section .top-info-box p {
  margin: 0px 0px 0px 0px;
}

.home-blog-section .column-post-block {
  display: inline-block;
  width: 31%;
  width: 31.5%;
  vertical-align: top;
  margin: 10px 12px 10px 12px;
  border: 1px solid #e1dfdf;
  padding: 0px 0px 0px 0px;
  box-sizing: border-box;
  background: #fff;
}

.home-blog-section .column-post-block .alignnone {
  margin: 0px 0px 0px 0px;
}

.home-blog-section .column-post-block-bigger {
 width: 45%
}

.home-blog-section .column-post-block .related-post-image {
  text-align: center;
  margin: 0 auto;
}

.home-blog-section .column-post-block .related-post-image img {
  margin: 0 auto;
  text-align: center;
}

.home-blog-section .column-post-block .related-post-title {
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 2px 0px;
  display: block;
  color: #2184c9
}

.home-blog-section .column-post-block .related-post-title a {
 color: #3f3f3f;
   display: block;
}

.home-blog-section .column-post-block .related-post-title h3 {
 padding: 0px 8px 0px 8px !important;
 margin: 15px 0px 10px 0px;
}

.home-blog-section .column-post-block .related-post-title h3 a {
  margin: 3px 0px 5px 0px;
  font-size: 22px;
  line-height: 23px;
  font-weight: 800;
  color: #3e3e3c;
  display: block  !important;
  text-align: left;
  border-bottom: 1px solid #e2e3e3;
  padding: 0px 0px 12px 0px;
  margin: 0px 10px 0px 10px
}

.home-blog-section .column-post-block .related-post-title h3 a:hover {
  text-decoration: none;
  color: #191919;
}

.home-blog-section .column-post-block .related-post-description p {
  margin: 0px 0px 5px 0px;
  text-align: left;
  letter-spacing: 0px;
  color: #868686;
 padding: 0px 10px 10px 10px;
}

.home-blog-section .column-post-block .related-post-description a {
 color: #0000ee;
}

.home-blog-section .related-posts-clear {
  clear: both;
}

/*================================
=============== Mobile
==================================*/

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

  .home-blog-section .column-post-block-bigger,
  .home-blog-section .column-post-block {
    width: 31.5% !important;
  }
 
}

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

  .home-blog-section .column-post-block-bigger,
  .home-blog-section .column-post-block {
   width: 30% !important;
  }
 
}

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

  .home-blog-section {
    text-align: center;
    padding: 0px 0px 50px 0px;
    margin: 40px 0px 0px 0px;
  }

 .home-blog-section .three-columns-services {
   width: 100% !important;;
   margin: 0 auto 10px;
 }

  .home-blog-section .column-post-block-bigger,
  .home-blog-section .column-post-block {
   width: 46%  !important;
   text-align: center;
 }

}

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

  .home-blog-section .column-post-block-bigger,
  .home-blog-section .column-post-block {
   width: 100%  !important;
   margin: 10px auto;
 }

}

/*================================
=============== Questions & Answers 
==================================*/

.questions-and-answers { 
  max-width: 1100px;
  margin: 0 auto 30px;
}

.questions-and-answers .elementor-widget:not(:last-child) {
  margin-bottom: 0px;
}

.questions-and-answers .questions-left-side {
  width: 45%;
  margin: 45px 10px 0px 0px;
}


.questions-and-answers .questions-right-side {
  width: 55%;
}

.questions-and-answers .questions-list ul {
  margin: 8px 0px 0px 10px;
  padding: 0px;
}

.questions-and-answers .questions-list li {
  list-style: none;
}

.questions-and-answers .questions-list li a {
  color: #14648d;
  display: block;
  padding: 2px 0px 2px 0px;
}

.questions-and-answers .questions-list li a:before {
   content: '';
   width: 6px;
   height: 6px;
   display: inline-block;
   margin: 0px 8px 4px 0px;
   background: #14648d;
   border-radius: 50%;
   background-position: left center;
}

/*================================
=============== Mobile
==================================*/


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

  .questions-and-answers {
    max-width: 93%;
    text-align: center;
    margin: 0 auto;
  }
  
}

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

  .questions-and-answers {
    margin: 0px auto 30px;
  }
  
  .questions-and-answers .questions-left-side {
    width: 100%;
    display: block;
    margin: 0px 10px 0px 0px;
  }

  .questions-and-answers .questions-right-side {
    width: 100%;
    display: block;  
    padding: 0px 10px 0px 10px;
    text-align: center;
  }
 
}


/* end home page style ------------------------------------------ */

/*================================
=============== Content
==================================*/

.content {
   width: 1100px !important;;
   margin: 0px auto 0px !important;
   border-spacing: 0px 0px;
   color: #3f3f3f;
}

.warp-content {
   margin: 30px 0px 30px 0px;
   padding: 5px 5px 5px 5px;
}

.full-width-page {
   margin: 0px auto 0px;
}

h1.main-title {
   padding: 0px 0px 17px 0px;
   margin: 0px 30px 20px 0px;
  border-bottom: 1px solid #e8e8e8;
}

img.image-border {
   border: 1px solid #ac9a9a;
}

/* ============ FAQ Page ============
====================================*/

.faq-category-list {
  margin: 0px 0px 30px 20px;
  padding: 0px;
}

.faq-category-list li {
  list-style: none;
}

.faq-category-list li a {
  color: #2020fe;
  display: block;
  padding: 1px 0px 1px 0px;
  font-size: 17px;
}

.faq-category-list li a:before {
   content: '';
   width: 6px;
   height: 6px;
   display: inline-block;
   margin: 0px 8px 5px 0px;
   background: #2020fe;
   border-radius: 50%;
   background-position: left center;
}

/* ============ Header ============
====================================*/

.unsticky {
   position: static;
   background-color: #fff;
   margin: 0px 0px 0px 0px;
}

.sticky-body-tag {
   margin: 130px 0px 0px 0px !important;
}

.sticky {
   top: 0px;
   background: #fff;
   width: 100%;
   -webkit-transition: 0.25s ease-in-out;
   -moz-transition: 0.25s ease-in-out;
   transition: 0.25s ease-in-out;
   padding: 0px 0px 0px 0px;
}

/* -------------------- Header Code ---- */

.header-warp {
   border-bottom: 1px solid #e1e1e1;
   box-shadow: 0px 0px 25px rgb(37, 37, 37, 0.3);
}

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

.header .logo { 
   text-align: center;
   float: left;
   max-width: 245px;
   margin: 15px 0px 10px 10px;
}

.header .logo img {
   max-width: 100%;
   max-height: 250px;
}


.header ul.social-media {
   text-align: left;
   margin: 6px 30px 0px 0px;
   padding: 15px 12px 0px 12px;
   float: right;
}

.header ul.social-media li {
   margin: 0px 2px 0px 2px;
   list-style: none;
   display: inline;
}

.header ul.social-media li a {
   background: url(../images/social-media-icons.png) no-repeat;
   height: 32px;
   width: 32px;
   display: inline-block;
   line-height: 15px;
   padding: 0px 0px 0px 0px;
}

.header ul.social-media li.facebook a{background-position: 0px 0px;}
.header ul.social-media li.facebook a:hover {background-position: -44px 0px;}

.header ul.social-media li.twitter a {background-position: 0px -44px;}
.header ul.social-media li.twitter a:hover {background-position: -44px -44px;}

.header ul.social-media li.linkedin a {background-position: 0px -87px;}
.header ul.social-media li.linkedin a:hover {background-position: -44px -87px;}

/*================================
=============== Mobile
==================================*/

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

   /*------ Header -------- */

   .header .logo { 
      max-width: 250px;
   }

}

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

   /*------ Header -------- */

   .header .logo { 
      max-width: 260px;
      display: block;
      margin: 20px 0px 0px 20px;
   }

}

@media only screen and (max-width: 960px) {
   
   /*------ Header -------- */
   
   .header .logo { 
      text-align: center;
      float: none;
      display: block;
      max-width: 330px;
      margin: 20px auto 20px;
      display: none;
   }

   .header ul.social-media {
      display: none;
   }


}

/*================================
=============== Menu
==================================*/

.website-menu {
   max-width: 100%;
   text-align: center;
   display: block;
   position: static;
   z-index: 2000;
   margin: 0px 0px 0px 0px;
   margin: 13px 0px 0px 0px;
   float: right;
}

.mobile-menu {
   display: none;
}

.website-menu ul {
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.website-menu ul li {
   display: inline-block;
   list-style: none;
   color: #616161;
   background: url(../images/top-menu-list.png) center left no-repeat;
   position: relative;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.website-menu ul li:first-child {
   background: none;
}

.website-menu ul li a {
   font-size: 18px;
   line-height: 19px;
   color: #333333;
   text-decoration: none;
   padding: 15px 22px 23px 22px;
   margin: 0px 0px 0px 0px;
}

.website-menu ul li:hover > a {
   text-decoration: underline;
}

/* Dropdown Menu (Second Level) ============= */

.website-menu ul li ul li a.menu-has-children {
   background-image: url(../images/menu-right-arrow.png);
   background-position: 90% 50%;
   background-repeat: no-repeat;
   padding-right: 27px;
}

.website-menu ul li ul {
   display: none;
   position: absolute;
   top: 35px;
   left: -30px;
   min-width: 200px;
   padding: 0px;
   z-index: 2001;
   padding: 0px 30px 30px 30px;
}

.website-menu ul li ul li {
   position: relative;
   display: block;
   text-align: left;
}

.website-menu ul li ul li a {
   padding: 13px 22px 13px 10px;
   color: #626262;
   font-size: 15px;
   line-height: 17px;
   font-weight: normal;
   display: block;
   border-bottom: 1px solid #d6d6d6;
   border-left: 1px solid #d6d6d6;
   border-right: 1px solid #d6d6d6;
   background-color: #ffffff;
}

.website-menu ul li ul li:first-child a {
   border-top: 1px solid #d6d6d6;
}

.website-menu ul li ul li a:hover {
   text-decoration: none; 
}

.website-menu ul li ul li:hover > a {
   background-color: #f9f1f1;
   text-decoration: none;
}

/* Right Menu (Third Level) ============= */

.website-menu ul li ul li ul {
   display:none;
   position: absolute;
   top: -31px;
   left: 200px;
   min-width: 190px;
   padding: 30px 30px 30px 0px;
   z-index: 2002;
}

.website-menu ul li ul li:first-child ul {
   top: -30px;
}

.website-menu ul li ul li ul li a {
   padding: 11px 22px 11px 10px;
   line-height: 16px;
   font-weight: normal;
   display: block;
   border-bottom: 1px solid #d6d6d6;
   border-left: 1px solid #d6d6d6;
   border-right: 1px solid #d6d6d6;
   background-color: #ffffff;
}

.website-menu ul li ul li ul li:first-child a { 
   border-top: 1px solid #d6d6d6;
}

.website-menu ul li ul li ul li:hover > a {
   background-color: #f9f1f1;
}

/*================================
=============== Mobile
==================================*/

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

   /*------ Menu -------- */
   
   .website-menu {
      clear: both;
      text-align: center;
      float: left;
      margin: 15px auto 10px;
      display: block;
      width: 100%;
   }

   .website-menu ul li a {
      font-size: 17px;
      padding: 20px 20px 20px 20px;
   }
   
}

@media only screen and (max-width: 960px) {
   
   /*------ Menu -------- */
   
   .website-menu {
      float: none;
      position:relative;
      padding: 10px 20px 5px 20px;
      margin: 0px 0px 0px 0px;
      background: #121212;
      width: auto;
      max-width: 100%;
      border-bottom: 2px solid #fa7f28;
      border-top: 2px solid #fa7f28;
   }
   
   .mobile-menu {
      display: block;
      cursor: pointer;
      position: relative;
   }
   
   .website-menu ul {
      display: none;
      position: absolute;
      left: 0px;
      right: 0px;
      top: 62px;
      border-top: 1px solid #fff;
      background: #474646;
   }
   
   .website-menu ul li { 
      background: none;
      display: block;
   }
   
   .website-menu ul li a,
   .website-menu ul li:hover > a,
   .website-menu ul li ul li a,
   .website-menu ul li ul li ul li a {
      background-color: transparent;
      display: block;
      padding: 15px 25px 15px 25px;
      font-size: 16px;
      color: #fff;
      font-weight: normal;
      text-decoration: none;
      border: none;
      border-bottom: 1px solid #fff;
      line-height: 19px;
      position: relative;
      text-align: left;
   }
   
   .website-menu li ul li a:before {
      content: "- ";
   }
   
   .website-menu li ul li ul li a:before {
      content: "-- ";
   }
   
   .website-menu li ul li ul li ul li a:before {
      content: "--- ";
   }
   
   .website-menu ul li a.menu-has-children,
   .website-menu ul li ul li a.menu-has-children,
   .website-menu ul li ul li ul li a.menu-has-children {
      background-image: url(../images/menu-bottom-arrow.png);
      background-position: 97% 50%;
      background-repeat: no-repeat;
   }
   
   .website-menu ul li ul li a,
   .website-menu ul li ul li ul li a,
   .website-menu ul li ul li:hover > a,
   .website-menu ul li ul li ul li:hover > a {
      background-color: #353535;
      text-decoration: none;
   }
  
   .website-menu ul li ul li ul li:first-child a, 
   .website-menu ul li ul li:first-child a {
      border-top: none;
   }
  
   /* Dropdown Menu (Second Level) ============= */
   
   .website-menu ul li ul {
      display: block;
      position: relative;
      top: 0px;
      left: 0px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0px;
   }
   
   /* Right Menu (Third Level) ============= */
   
   .website-menu ul li ul li ul,
   .website-menu ul li ul li:first-child ul {
      display:block;
      position: relative;
      top: 0px;
      left:0px;
      border: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      padding: 0px;
   }

}


/*================================
=============== Home Slider
==================================*/


.top-form-section {
   padding: 0px 0px 0px 0px;
   overflow: hidden;
   background: #222222 url(../images/slider-bg.jpg) no-repeat;
   background-position: center right;
   background-size: cover;
   margin: 0px 0px 0px 0px;
}

.top-form-section .elementor-column.elementor-col-50, 
.top-form-section .elementor-column[data-col="50"] {
   width: auto !important;;
}

.top-form-section .elementor-section .elementor-container,
.top-form-section .elementor-row, 
.top-form-section .elementor-column, 
.top-form-section .elementor-column-wrap {
   display: block;
}


.top-form-section .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
   padding: 0px;
}

.top-form-section .content {
   padding: 0px;
   margin: 0 auto;
   max-width: 1300px !important;
   position: relative;
}


.top-form-section .slider-left-side {
   text-align: center;
   margin: 5px 0px 50px -20px;
   padding: 50px 10px 45px 10px;
   display: block;
   width: auto;
   max-width: 500px;
   height: auto;
   float: left;
}

.home-page-top .top-form-section .slider-left-side {
   padding: 110px 10px 95px 10px;
}


.top-form-section .slider-left-side h5 {
   font-size: 46px;
   font-weight: bold;
   color: #fff;
   line-height: 46px;
}

.top-form-section .slider-left-side h5 span {
   font-size: 80px;
   color: #faad28;
}

.top-form-section .slider-left-side .elementor-widget:not(:last-child) {
   margin-bottom: 0px;
}


.top-form-section .slider-left-side h2,
.top-form-section .slider-left-side p {
   color: #fff;
}

.top-form-section .slider-left-side h2 {
font-size: 35px;
font-weight: 900;
}

.top-form-section .slider-left-side .sub_headline p {
   font-weight: normal;
   font-size: 25px;
   line-height: 38px;
   margin: 5px 0px 10px 0px;
   padding: 8px 15px 5px 15px;
}


.top-form-section .enter-zip-code {
	padding: 20px 0px 0px 0px;
}

.top-form-section .enter-zip-code form {
	margin: 0px 0px 0px 0px;
   max-width: 400px;
   margin: 0 auto;
}

.top-form-section .enter-zip-code input.zip-code-input {
	width: 42%;
	padding: 12px 20px 12px 40px;
	color: #7d7d7d;
   font-size: 20px;
	font-size: 16px;
	line-height: 19px;
	border: 1px solid #b4b4b4;
	margin: 1px 0px 0px 13px;
	float: left;
	text-align: left;
	border: none;
	-webkit-box-shadow: none;
   height: 54px;
   border-radius: 5px 0px 0px 5px;
   background: #fff url(../images/zip-code-dark-gray.png) no-repeat;
   background-position: 15px 48%;
}

.top-form-section .enter-zip-code ::-webkit-input-placeholder {
 color: #7d7d7d;
 opacity: 1;
}
.top-form-section .enter-zip-code ::-moz-placeholder {
 color: #7d7d7d;
 opacity: 1;
}
.top-form-section .enter-zip-code ::-ms-input-placeholder {
 color: #7d7d7d;
 opacity: 1;
}
.top-form-section .enter-zip-code ::-moz-placeholder {
 color: #7d7d7d;
 opacity: 1;
}

.top-form-section .enter-zip-code .zip-code-submit {
	background: #fa7f28;
	margin: 1px 0px 0px 0px; 
	padding: 12px 0px 12px 0px;
	cursor: pointer;
	width: 50%;
	float: left;
   font-weight: bold;
	border: none;
	box-sizing: border-box;
	font-size: 20px;
	color: #fff;
	line-height: 32px;
   height: 54px;
   border-radius: 0px 5px 5px 0px;
}


.top-form-section .enter-zip-code .zip-code-submit span {
	height: 17px;
   width: 17px;
   display: inline-block;
   margin: 0px 7px 0px 0px;
	background: url(../images/submit-button-arrow.png) 100% 53% no-repeat;
}

/*================================
=============== Mobile
==================================*/

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

   .top-form-section .content {
      max-width: 100% !important;
      width: 100% !important;
   }

   .top-form-section .slider-left-side {
      left: 30px;
   }

   .sidebar-contact-form {
      border-right: none !important;
      border-left: none !important;
    }

}

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


   .top-form-section {
      padding: 0px 0px 0px 0px;
      border-bottom: 0px;
      overflow: auto;
      height: auto;
      margin: 0px 0px 0px 0px;
      background-position: -100px center;
   }

   .home-page-top .top-form-section {
      height: auto;
   }

   .top-form-section .slider-left-side {
      text-align: center;
      padding: 20px 20px 40px 20px !important;
      position: relative;
      top: 0px;
      left: 30px;
      width: auto;
      max-width: 500px;
      border-radius: 0px;
   }

}


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

   .top-form-section {
      background-position: -200px center;
   }

   .top-form-section .slider-left-side {
      margin: 0 auto;
      max-width: 100%;
      left: 0px;
      padding: 20px 20px 40px 20px !important;
   }
   
   
	.top-form-section .enter-zip-code {
		padding: 5px 0px 10px 0px;
	}
	
	.top-form-section .enter-zip-code input.zip-code-input {
		width: 100%;
		margin: 0 auto;
		float: none;
		display: block;
      border-radius: 0px;
	}
	
	.top-form-section .enter-zip-code .zip-code-submit {
		margin: 0 auto;
		padding: 4px 0px 4px 0px;
		width: 100%;
		float: none;
		display: block;
		text-align: center;
      border-radius: 0px;
	}

   
   .top-form-section .slider-left-side .sub_headline p {
    padding: 5px 0px 8px 0px;
    font-size: 22px;
    line-height: 32px;
   }
   
}

@media only screen and (max-width: 500px) {
   
   .top-form-section .slider-left-side h2 {
      font-size: 40px;
      line-height: 42px;
   }
   
   .top-form-section .slider-left-side h2 span {
      display: block;
   }

   
}

/*================================
=============== Left Side (When There is sidebar)
==================================*/

.left-side {
   min-width: 770px;
   max-width: 770px;
   width: 770px;
   display: table-cell;
   vertical-align: top;
   padding: 0px 18px 20px 0px;
}

/*================================
=============== Right Side - SideBar
==================================*/

.right-side {
   min-width: 280px;
   max-width: 280px;
   display: table-cell;
   vertical-align: top;
   table-layout: fixed;
   padding: 5px 5px 20px 5px;
}

.right-side h2 {
   font-size: 20px;
   font-weight: bold;
   padding: 5px 0px 4px 0px;	 
}

.right-side .sidebar-widget {
   margin: 15px 0px 35px 0px;
}

.right-side .sidebar-widget ul li {
   border-bottom: 1px solid #F2F2F2;
   margin: 0px 0px 10px 0px;
   padding: 0px 0px 10px 0px;
   color: #393939;
}

.right-side .sidebar-widget ul li a {
   color: #393939;
}

.right-side .widget_search {
   text-align: left;
}

.right-side .widget_search input {
   height: 25px;
   width: 165px;
   padding: 0px 5px 0px 5px;
   margin: 1px 0px 0px 0px;
   color: #4d4d4d;
}

.right-side .widget_search #searchsubmit {
   background: #444444;
   font-size: 15px;
   font-weight: bold;
   color: #fff;
   height: 26px;
   width: 65px;
   padding: 3px 5px 1px 5px;
   line-height: 9px;
   border: 1px solid #6d6d6d;
}

.right-side .tagcloud {
  margin: 5px 0px 0px 0px;
}

.right-side .tagcloud a {
   color: #0000ee;
   display: inline-block;
   font-size: 14px !important;
   margin: 6px 5px 6px 5px;
}

/*================================
=============== Main Blog Posts Page 
==================================*/

.blog-page {}

.blog-page .blog-posts {
   background: #fff;
   border: 1px solid #e5e5e5;
   list-style: none;
   position: relative;
   width: 99%;
   margin: 10px auto 25px;
   font-size: 15px;
   line-height: 23px;
   font-weight: normal;
   padding: 10px 5px 10px 5px;
}

.blog-page .blog-posts img {
   max-width: 100%;
}

.blog-page .blog-posts .blog-content {
   display: block;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
}

.blog-page .blog-posts .blog-post-content {
   padding: 8px 10px 10px 10px;
}

.blog-page .blog-posts h2 { 
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   line-height: 28px;
}

.blog-page .blog-posts h2 a {
   text-align: left;
   font-size: 24px;
   font-weight: bold;
   color: #3f3f3f;
   text-decoration: none;
}

.blog-page .blog-posts h2 a:hover {
   text-decoration: underline;
}

.blog-page .blog-posts p {
   padding: 5px 0px 0px 0px;
}

.blog-page .blog-posts p a:hover {
   text-decoration: underline;
}

.blog-page .blog-post-info {
   display: block;
}

.blog-page .blog-posts p.date {
   padding: 0px 0px 0px 0px;
   margin: 5px 0px 0px 0px;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   line-height: 16px;
   color: #696969;
   display: inline;
}

.blog-page .blog-posts p.comments {
   padding: 0px 0px 10px 0px;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   color: #484848;
   display: inline;
}

.blog-page .blog-posts p.comments a {
   color: #484848;
 } 

.blog-page .blog-posts a.post-edit-link span.edit-post {
   padding: 0px 0px 10px 0px;
   text-align: left;
   font-weight: bold;
   font-size: 12px;
   color: #0a0fe0;
   text-decoration: none;
   line-height: 21px;
   position: absolute;
   bottom: -5px;
   right: -10px;
   text-decoration: none;
   background: #fff;
   padding: 3px;
   border: 1px solid #ebebeb;
}

/* Future Image ============= */

.blog-post-content-thumbnail {}

.blog-post-content-thumbnail h2,
.blog-post-content-thumbnail p {
   display: block;
   clear: none;
   font-size: 18px;
}

.blog-post-content-thumbnail .thumbnail-image {
   float: left;
   width: 30%;
   min-height: 140px;
   max-height: 180px;
   overflow: hidden;
   margin: 0px 20px 10px 0px;
   padding: 0px 0px 0px 0px;
}

.blog-post-content-thumbnail .thumbnail-image img {
   width: 100%;
}

/* Pages Navigation ============= */

.blog-page .blog-posts-pages {
   text-align: left;
   padding: 0px 0px 0px 0px;
   margin: 20px 0px 0px 10px;
}

.blog-page .blog-posts-pages a,
.blog-page .blog-posts-pages span {
   font-size: 14px;
   font-weight: bold;
   color: #696a6c;
   border: 1px solid #b4b4b4;
   text-decoration: none;
   padding: 5px 10px 5px 10px;
   margin: 5px 1px 4px 1px;
  display: inline-block;
}

.blog-page .blog-posts-pages span {
   background: #ffeded;
   border: 1px solid #b4b4b4;
   color: #696a6c;
}

.blog-page .blog-posts-pages a:hover {
   background: #ffeded;
   color: #696a6c;
}

.blog-page .blog-posts-pages a.next,
.blog-page .blog-posts-pages a.next:hover,
.blog-page .blog-posts-pages a.prev,
.blog-page .blog-posts-pages a.prev:hover {
   border: none;
   padding: 0px 3px 0px 3px;
   margin: 0px;
   font-size: 16px;
   background: none;
   color: #696a6c;
}

/*================================
=============== Post Format
(allow us to create different style
to some of the posts and single pages)
==================================*/

/*------ Blog Page Format -------- */

.blog-page .post-format-aside {}
.blog-page .post-format-image {}
.blog-page .post-format-video {}
.blog-page .post-format-gallery {}

/*------ Full Single Page Format -------- */

.main-format-aside {}
.main-format-image {}
.main-format-video {}
.main-format-gallery {}

/*------ Single Page Content Format -------- */

.single-post .page-format-aside {}
.single-post .page-format-image {}
.single-post .page-format-video {}
.single-post .page-format-gallery {}

/*================================
=============== Single Post Page
==================================*/

.single-post {}

.single-post .thumbnail-blog-post {
   float: left;
   margin: 10px 10px 0px 5px;
   width: 300px;
   display: block;
}

.single-post .thumbnail-blog-post img {
   border: 1px solid #dddddd;
}

.single-post .the-content {
   max-width: 100%;
}

p.post-tags {
  margin: 10px 0px 0px 0px;
}

p.post-tags a {
   color: #0000ee;
   padding: 0px 0px 0px 5px;
}

/*------ Post Link Map -------- */

.single-post .post-link-map {
   padding: 0px 0px 10px 5px;
   margin: 0px 0px 10px 0px;
   border-bottom: 1px solid #d5d5d5;
}

.single-post .post-link-map a,
.single-post .post-link-map a:visited,
.single-post .post-link-map a:active,
.single-post .post-link-map a:focus,
.single-post .post-link-map span {
   color: #0539d0;
   font-size: 15px;
   font-weight: bold;
   text-decoration: none;
}

.single-post .post-link-map a:hover {
   text-decoration: underline; 
}

.single-post .post-link-map span {
   color: #565656;
}

/*================================
=============== Comments
==================================*/

.comment-form-cookies-consent {
  display: none;
}

.comment-form br {
   display: none;
}

/* Comments Form ============= */

.comments-area {
  padding: 0px 0px 0px 0px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  margin: 25px 0px 0px 0px;
}

.comments-text p {
padding: 5px 0px 5px 0px; 
}

.comment-text a {
 word-wrap: break-word;
}

.comment-text img {
   margin: 10px 0px 10px 0px;
}

.comments-area label {
  display: block;
  color: #8a8a8a;
  font-size: 15px;
  font-weight: normal;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
 
}

.comment-form-author label,
.comment-form-email label,
.comment-form-url label {
  text-align: left;
  float: none;
  display: block;
  padding: 2px 0px 0px 0px;
}


.comments-area [name=author],
.comments-area [name=email],
.comments-area [name=url] {
  width: 300px;
  height: 28px;
  margin: 0px auto 8px; 
  display: inline-block;
  -moz-box-sizing: border-box;
 box-sizing: border-box;
 background: #fcfcfc;
 border: 1px solid #dddddd;
 padding: 3px 8px 3px 8px;
 color: #575757;
 font-size: 15px;
 font-weight: normal;
 font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.comments-area [name=comment] {
  width: 600px;
  height: 190px;
  margin: 0px auto 0px; 
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 background: #fcfcfc;
 border: 1px solid #dddddd;
 padding: 5px 8px 5px 8px;
 color: #575757;
 font-size: 15px;
 font-weight: normal;
 font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

.comments-area #submit {
  margin: 3px 0px 10px 0px;
 font-size: 18px;
 background: #3f3f3f;
 color: #fff;
 font-weight: bold;
 border: 1px solid #b7b7b7;
 padding: 5px 20px 5px 20px;
 cursor: pointer;
    -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.comments-area h2.comments-title {
  text-align: left;
  font-size: 25px;
  font-weight: bold;
  color: #3a3a3a;
  text-decoration: none;
  margin: 0px 0px 10px 0px;
 border-bottom: 2px solid #0096d6;
}

.comments-area h3.comment-reply-title {
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  color: #3f3f3f;
  text-decoration: none;
  margin: 25px 0px 0px 0px;
}

h3.comments-amount-title {
  text-align: left;
  font-size: 22px;
  font-weight: bold;
  color: #646464;
  text-decoration: none;
  margin: 25px 25px 0px 0px;
}

h3.comments-amount-title span.comment-icon {
width: 22px;
 height: 22px;
 display: inline-block;
 padding: 0px 0px 0px 0px;
 margin: 0px 0px 0px 4px;
 background: url(../images/comments-icon.png) 0% 4px no-repeat;
}

.comments-area h3.comment-reply-title a {
  color: #0a0fe0;
  font-size: 15px;
 text-decoration: underline;
}

.comments-area p.comment-notes {
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  color: #3a3a3a;
  text-decoration: none;
  margin: 5px 0px 10px 0px;
  display: none;
}

.comments-area p.logged-in-as {
  text-align: left;
  font-size: 15px;
  font-weight: normal;
  color: #3a3a3a;
  text-decoration: none;
  margin: 5px 0px 0px 0px;
}


/* Comments Display ============= */

.comments-area ol.comment-list {
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 0px;
}

.comments-area ol.comment-list li {
  list-style: none;
  margin: 10px 0px 0px 0px;
  background: #fff;
  padding: 15px;
  border: 1px solid #dddddd;
  text-align: left;
  font-weight: bold;
  font-size: 12px;
  color: #7e7e7e;
  text-decoration: none;
  line-height: 16px;
  width: 90%;
}


.comments-area li.parent {
 background: #f3f4f4 !important;
}

.comments-area .parent .parent {
 background: #fff !important;
}

.comments-area .comment-text {
 padding: 2px 10px 5px 10px;
 margin: 5px 0px 0px 0px;
 }

.comments-area .commentmetadata {
 margin: 2px 0px 0px 0px;
}

.comments-area .commentmetadata a {
color: #808080;
font-weight: normal;
}

.comments-area .comment-left-side {
float: left; 
margin: 10px 10px 0px 0px;
}

.comments-area .comment-right-side {
float: left; 
 margin: 0px 5px 0px 0px;
}

.comments-area .comment-right-side img {
margin: 0px;
border: 1px solid #dedede;
max-width: 50px;
padding: 3px;
}

.comments-area .comment-writer-name {
color: #666666; 
 font-size: 15px;

}

.comments-area .comment-writer-name a {
 color: #3f3f3f;
}

.comments-area .commentmetadata a:hover {
text-decoration: none;
 
}


.comments-area a.comment-reply-link {
 color: #b6b6b6;
 text-decoration: underline;
 background: #fff;
 border: 1px solid #e3e3e3;
 color: #9a9a9a;
 padding: 2px 10px 2px 10px;
 margin: 10px 0px 0px 0px;
 display: inline-block;
 text-decoration: none;
 border-radius: 3px;
}

.comments-area a.comment-reply-link:hover {
 background: #a5a5a5;
 color: #fff;
}

/* Comments Pages Navigation ============= */

.blog-comments-pages {
  text-align: left;
  padding: 0px 0px 0px 0px;
  margin: 15px 0px 0px 10px;
}

.blog-comments-pages a,
.blog-comments-pages span {
  font-size: 15px;
  font-weight: bold;
  padding: 5px 5px 5px 5px;
  margin: 20px 1px 0px 1px;
  color: #3131fc !important;
}

.blog-comments-pages span {
  color: #4b4b4b !important;
}

.blog-comments-pages a.next,
.blog-comments-pages a.next:hover,
.blog-comments-pages a.prev,
.blog-comments-pages a.prev:hover {
  border: none;
  padding: 0px 3px 0px 3px;
  margin: 0px;
  font-size: 15px;
  background: none;
  color: #696a6c;
}



/*================================
=============== Regular & Custom Pages
==================================*/

.single-page {}

/*================================
=============== Single Image Page
==================================*/

.single-image-page {}

.single-image-page .image-and-caption {
   text-align: center;
   border: 1px solid #e5e5e5;
   margin: 10px auto 10px;
   padding: 10px;
   display: inline-block
}

/*================================
=============== Contact Us (Contact Form 7)
==================================*/

div.wpcf7-response-output {
   margin: 0px 0px 0px 0px;
   padding: 10px 10px 10px 10px;
}

.contact-form {
   clear: both;
   padding: 0px 0px 0px 0px;
}

.contact-form label {
   color: #595959;
   font-size: 15px;
   font-weight: bold;
   padding: 15px 0px 3px 0px;
}

.contact-form input {
  margin: 6px 3px 6px 3px;
  border: 1px solid #dbdfe6;
  font-size: 19px;
  color: #9d9d9d;
  box-sizing: border-box;
  font-size: 19px;
  height: 42px;
}

.contact-form .btn-primary {
   width: 300px;
   background: #535353;
   color: #fff;
   font-weight: bold;
}

.contact-form textarea {
  margin: 6px 3px 6px 3px;
  border: 1px solid #dbdfe6;
  width: 500px;
  display: block;
}
   
.contact-form label small {
   color: #979797;
   text-align: center;
   margin-bottom:0px;
   font-weight: normal;
}

.contact-form label.question {
   display: inline-block;
   padding: 12px 0px 10px 0px;
   color: #979797;
   text-align: center;
   margin-bottom:0px;
   font-weight: normal;
}

.contact-form label.question span {
   color: #595959;
   font-size: 16px;
   font-weight: bold;
   padding: 15px 0px 3px 0px;
}

.contact-form input.security-question {
   width: 45px;
   margin: 0px 0px 0px 5px;
}

.contact-form .message-form {
   width: 620px;
   height: 180px;
}

/*================================
=============== Mobile
==================================*/

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

   /*------ Contact Us -------- */
   
   .contact-form {
      padding: 0px 0px 0px 0px;
   }
   
   .contact-form input,
   .contact-form button,
   .contact-form select,
   .contact-form textarea,
   .contact-form .message-form {
      width: 95%; 
   }

}

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

   /*------ Contact Us -------- */

   .contact-form input.security-question {
      width: 95%;
      display: block;
      margin: 5px 0px 5px 0px;
   }

}

/*================================
=============== Search Page
==================================*/

.searchform {
   margin: 0px 0px 20px 0px;
}

h1.main-title-search {
   font-size: 25px;
   line-height: 30px;
   margin: 0px 0px 10px 0px;
}

h1.main-title-search-bigger {
   font-size: 30px;
   line-height: 35px;
   margin: 0px 0px 10px 0px;
}

/*================================
====== Visual composer older browsers support
==================================*/

.visual-composer-content {
   padding: 0px 0px 0px 0px;
   max-width: 100%;
}

.full-width-background {
   display: block;
   margin: 0 auto;
   padding: 0px;
   width: 100%;
   overflow: hidden;
}

.vc-display-block {
   display: block;
   overflow: hidden;
   width: 100%;
}

.vc-white-text,
.vc-white-text p,
.vc-white-text span,
.vc-white-text h1,
.vc-white-text h2,
.vc-white-text h3,
.vc-white-text h4,
.vc-white-text h5,
.vc-white-text h6 {
   color: #fff;
}

/*================================
=============== Mobile
==================================*/

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

   /*------ Visual Composer -------- */

   .wp_row {
      position: relative;
   }
   
   .vc_col-sm-1,
   .vc_col-sm-2,
   .vc_col-sm-3,
   .vc_col-sm-4,
   .vc_col-sm-5,
   .vc_col-sm-6,
   .vc_col-sm-7,
   .vc_col-sm-8,
   .vc_col-sm-9,
   .vc_col-sm-10,
   .vc_col-sm-11,
   .vc_col-sm-12 {
      float: left;
   }
   
   .vc_col-sm-12 {
      width: 100%;
   }
   
   .vc_col-sm-11 {
      width: 91.66666667%;
   }
   
   .vc_col-sm-10 {
      width: 83.33333333%;
   }
   
   .vc_col-sm-9 {
      width: 75%;
   }
   
   .vc_col-sm-8 {
      width: 66.66666667%;
   }
   
   .vc_col-sm-7 {
      width: 58.33333333%;
   }
   
   .vc_col-sm-6 {
      width: 50%;
   }
   
   .vc_col-sm-5 {
      width: 41.66666667%;
   }
   
   .vc_col-sm-4 {
      width: 33.33333333%;
   }
   
   .vc_col-sm-3 {
      width: 25%;
   }
   
   .vc_col-sm-2 {
      width: 16.66666667%;
   }
   
   .vc_col-sm-1 {
      width: 8.33333333%;
   }
   
   .vc_col-sm-pull-12 {
      right: 100%;
   }
   
   .vc_col-sm-pull-11 {
      right: 91.66666667%;
   }
   
   .vc_col-sm-pull-10 {
      right: 83.33333333%;
   }
   
   .vc_col-sm-pull-9 {
      right: 75%;
   }
   
   .vc_col-sm-pull-8 {
      right: 66.66666667%;
   }
   
   .vc_col-sm-pull-7 {
      right: 58.33333333%;
   }
   
   .vc_col-sm-pull-6 {
      right: 50%;
   }
   
   .vc_col-sm-pull-5 {
      right: 41.66666667%;
   }
   
   .vc_col-sm-pull-4 {
      right: 33.33333333%;
   }
   
   .vc_col-sm-pull-3 {
      right: 25%;
   }
   
   .vc_col-sm-pull-2 {
      right: 16.66666667%;
   }
   
   .vc_col-sm-pull-1 {
      right: 8.33333333%;
   }
   
   .vc_col-sm-pull-0 {
      right: auto;
   }
   
   .vc_col-sm-push-12 {
      left: 100%;
   }
   
   .vc_col-sm-push-11 {
      left: 91.66666667%;
   }
   
   .vc_col-sm-push-10 {
      left: 83.33333333%;
   }
   
   .vc_col-sm-push-9 {
      left: 75%;
   }
   
   .vc_col-sm-push-8 {
      left: 66.66666667%;
   }
   
   .vc_col-sm-push-7 {
      left: 58.33333333%;
   }
   
   .vc_col-sm-push-6 {
      left: 50%;
   }
   
   .vc_col-sm-push-5 {
      left: 41.66666667%;
   }
   
   .vc_col-sm-push-4 {
      left: 33.33333333%;
   }
   
   .vc_col-sm-push-3 {
      left: 25%;
   }
   
   .vc_col-sm-push-2 {
      left: 16.66666667%;
   }
   
   .vc_col-sm-push-1 {
      left: 8.33333333%;
   }
   
   .vc_col-sm-push-0 {
      left: auto;
   }
   
   .vc_col-sm-offset-12 {
      margin-left: 100%;
   }
   
   .vc_col-sm-offset-11 {
      margin-left: 91.66666667%;
   }
   
   .vc_col-sm-offset-10 {
      margin-left: 83.33333333%;
   }
   
   .vc_col-sm-offset-9 {
      margin-left: 75%;
   }
   
   .vc_col-sm-offset-8 {
      margin-left: 66.66666667%;
   }
   
   .vc_col-sm-offset-7 {
      margin-left: 58.33333333%;
   }
   
   .vc_col-sm-offset-6 {
      margin-left: 50%;
   }
   
   .vc_col-sm-offset-5 {
      margin-left: 41.66666667%;
   }
   
   .vc_col-sm-offset-4 {
      margin-left: 33.33333333%;
   }
   
   .vc_col-sm-offset-3 {
      margin-left: 25%;
   }
   
   .vc_col-sm-offset-2 {
      margin-left: 16.66666667%;
   }
   
   .vc_col-sm-offset-1 {
      margin-left: 8.33333333%;
   }
   
   .vc_col-sm-offset-0 {
      margin-left: 0%;
   }

}

/*================================
=============== Back To The Top Button
==================================*/

a.back-to-top {
   display: none;
   width: 40px;
   height: 40px;
   text-indent: -9999px;
   position: fixed;
   z-index: 999;
   right: 25px;
   bottom: 50px;
   background: #272726 url(../images/up-arrow.png) no-repeat center 43%;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   visibility: visible !important;
   border: 2px solid #fff;
}

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

  a.back-to-top {
    right: 10px;
  }

}

/*================================
=============== Footer Quote Button
==================================*/

.quote-footer-button {
   background: #222222;
   border: 2px solid #fa7f28;
   height: 100px;
   max-width: 960px;
   margin: 50px auto 30px;
   display: block;
   border-radius: 10px;
}

.quote-footer-button .panda-image {
   float: left;
   margin: -30px 0px 0px 33px;
}

.quote-footer-button .footer-qoute-text {
   float: left;
   max-width: 400px;
   margin: 2px 15px 0px 5px;
}

.quote-footer-button .footer-qoute-text p {
   font-size: 24px;
   font-weight: 800;
   line-height: 36px;
   color: #fa7f28;
   text-align: center;
}

.quote-footer-button  .footer-qoute-text p span {
   color: #fff;
   font-size: 36px;
   display: inline-block;;
}

.quote-footer-button .footer-qoute-button {
   float: left;
   margin: 34px 0px 0px 0px;
}

.quote-footer-button .footer-qoute-button a {
	background: #fa7f28;
	margin: 1px 0px 0px 0px; 
	padding: 12px 20px 12px 18px;
	cursor: pointer;
   font-weight: bold;
	border: none;
	box-sizing: border-box;
	font-size: 20px;
	color: #fff;
	line-height: 32px;
   border-radius: 5px;
   text-decoration: none;
}

.quote-footer-button .footer-qoute-button a span {
	height: 17px;
   width: 17px;
   display: inline-block;
   margin: 0px 7px -3px 0px;
	background: url(../images/submit-button-arrow.png) 100% 52% no-repeat;
}

/*================================
=============== Mobile
==================================*/

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

   .quote-footer-button {
      background: #222222;
      height: auto;
      max-width: 80%;
      margin: 60px auto 30px;
      display: block;
      text-align: center;
   }
   
   .quote-footer-button .panda-image {
   float: left;
   margin: -30px 0px 0px 33px;
}
   
.quote-footer-button .footer-qoute-text {
   float: left;
   max-width: 400px;
   margin: 5px 15px 20px 5px;
}
   
.quote-footer-button .footer-qoute-button {
   float: none;
   margin: 34px 0px 0px 0px;
   display: block;
   width: 90%;
}
   
}

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

   
   .quote-footer-button .panda-image {
   float: none;
   margin: -40px 0px 0px 33px;
}
   
.quote-footer-button .footer-qoute-text {
   float: none;
   max-width: 100%;
   text-align: center;
   margin: 0px 15px 10px 5px;
}
   
.quote-footer-button .footer-qoute-button {
   float: none;
   margin: 14px auto 20px;
   display: block;
   width: 90%;
}
   
   
}

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

   .quote-footer-button {
      max-width: 98%;
   }
  
}


/*================================
=============== Others
==================================*/

.col-sm-4 {
   width: 33% !important;;
   display: inline-block;
}


/*================================
=============== Mobile
==================================*/

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

   .col-sm-4 {
      width: 100% !important;;
      display: inline-block;
   }

}


/*================================
=============== Footer
==================================*/

.footer {
   max-width: 100%;
   text-align: center;
   margin: 10px 0px 0px 0px;
   padding: 5px 0px 5px 0px;
}

.footer .elementor-column-gap-default > .elementor-row > .elementor-column > .elementor-element-populated {
   padding: 0px;
}

.footer-warp {
   background: #f2f1f1;
   padding: 35px 0px 35px 0px;
}

.footer .footer-columns {
   margin: 0 auto;
   display: inline-block;
   max-width: 1200px;
}

.footer .footer-columns .footer-column {
   float: left;
   padding: 10px 30px 5px 30px;
   border-right: 1px solid #e6e6e6;
   text-align: left;
   box-sizing: border-box;
}

.footer .footer-columns .footer-column h5 {
   font-size: 17px;
   line-height: 19px;
   color: #4b4b4b;
   font-weight: bold;
   padding: 0px 0px 0px 0px;
   margin: 0px 0px 0px 0px;
}

.footer .footer-columns .first-column {
width: 37%;
}

.footer .footer-columns .second-column {
width: 37%;
}

.footer .footer-columns .third-column {
   width: 27%;
   border-right: none;
}

.footer .footer-column ul {
   padding: 5px 0px 5px 0px;
   margin: 0px 0px 0px 0px;
}

.footer .footer-column ul li {
   font-weight: bold;
   color: #757474;
   padding: 0px 0px 10px 7px;
   list-style: none;
   font-size: 16px;
}

.footer .footer-column ul  li a:before {
   content: '';
   width: 10px;
   height: 10px;
   display: inline-block;
   margin: 0px 5px 0px 5px;
   background: url(../images/list-style.png) no-repeat;
   background-position: left center;
}

.footer .footer-column ul  li a {
   color: #646262;
   font-weight: 400;
   font-size: 17px;
   letter-spacing: 0px;
   text-decoration: none;
   padding: 5px 8px 5px 0px;
   display: block;
}

.footer .footer-column ul  li a:hover {
   text-decoration: underline;
}

.footer .copyright-footer {
   text-align: center;
   padding: 3px 5px 0px 5px;
}

.footer p {
   font-size: 17px;
   letter-spacing: 0.5px;
   color: #757474;
   font-weight: normal;
   text-decoration: none;
   padding: 8px 0px 12px 0px;
   margin: 0px 0px 0px 0px;
   line-height: 20px;
}

/*================================
=============== Mobile
==================================*/

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

   /*------ Footer -------- */

   .footer .footer-columns .footer-column {
      padding: 10px 30px 5px 30px;
      width: 33% !important;
   }

}

@media only screen and (max-width: 768px) {
   
   /*------ Footer -------- */
   
   .footer .footer-columns .footer-column {
      float: none;
      width: 100% !important;
      border: none;
      text-align: center;
   }
  
}


/*===================================================
=========================== Mobile
====================================================*/

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

  /*------ Content -------- */
  
  .content {
     width: auto !important;
  }
  
   /*------ Content -------- */
   
   .content,
   .content-bigger {
      width: auto;
      padding: 0px 15px  0px 15px;
      margin: 0px 0px 0px 0px;
      max-width: 99%;
   }

  .warp-content {
     max-width: 99%;
     margin: 10px 0px 10px 0px;
     padding: 10px 0px 10px 0px;
  }
   
   /*------ Left Side -------- */
   
   .left-side {
      table-layout: auto;
      min-width: inherit;
   }
   
   /*------ Right Side -------- */
   
   .right-side {
      margin: 20px 0px 0px 0px;
   }

   /*------ Blog Page -------- */

   .blog-page .blog-posts-pages {
      text-align: center;
      padding: 0px 5px 10px 5px;
      margin: 5px 0px 10px 0px;
   } 

}

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

   /*------ Blog Page -------- */
   
   .single-post .thumbnail-blog-post {
      float: none;
      margin: 5px auto;
      text-align: center;
      max-width: 100%;
   }
   
   .single-post .thumbnail-blog-post img {
      max-width: 100%; 
   }
   
   .single-post .post-link-map {
      display: none;
   }

   /*------ Blog Comments -------- */
   
   .blog-map {
      display: none;
   }
   
   .comments-area [name=author],
   .comments-area [name=email],
   .comments-area [name=url] {
      width: 95%;
      max-width: 100%;
   }
   
   .comments-area [name=comment] {
      width: 95%;
   }
   
   .comments-area label {
      display: inline;
      padding: 15px 0px 3px 0px;
      width: auto;  
      text-align: left;
   }
   
   .comment-form-author label,
   .comment-form-email label,
   .comment-form-url label {
      width: auto;
      text-align: right;
      float: none;
      vertical-align: middle;
      padding: 2px 5px 0px 0px;
   }
   
}

@media only screen and (max-width: 900px) {
   
   .blog-page .blog-posts {
      width: 95% !important;
   }
   
   
   /*------ Left Side -------- */
   
   .left-side {
      display: block;
      width: auto;
      max-width: 100%;
      margin: 0 auto;
      padding: 0px 0px 20px 0px;
   }
   
   /*------ Right Side -------- */
   
   .right-side {
      width: auto;
      min-width: inherit;
      max-width: 100%;
      display: block;
      margin: 20px 0px 0px 0px;
      text-align: center;
   }
   
   .right-side ul {
      padding: 0px 0px 0px 0px;
   }
   
   .right-side ul li {
      list-style-position: inside;
   }
   
   .right-side .widget_search {
      text-align: center; 
   }

}

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

   /*------ Blog Page -------- */
   

   .blog-post-content-thumbnail .thumbnail-image {
      float: left;
      width: 30%;
      max-height: none;
      margin: 0px 10px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
   }
   
   .blog-post-content-thumbnail .thumbnail-image img {
      width: auto;
   }

}

@media only screen and (max-width: 700px) {
   
   /*------ Content -------- */
   
   .warp-content img {
      margin: 10px auto 10px;
   }
   
}

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

   /*------ Blog Page -------- */

   .blog-post-content-thumbnail .thumbnail-image {
      float: none;
      width: auto;
      max-height: none;
      margin: 0px 10px 0px 0px;
      padding: 0px 0px 0px 0px;
      text-align: center;
   }
   
   .blog-post-content-thumbnail .thumbnail-image img {
      width: auto;
   }

} 

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

   /*------ Blog Page -------- */
   
   .blog-page .blog-posts p.comments {
      display: none;
   }
   
   .blog-page .blog-posts-pages {
      text-align: center;
      padding: 0px 5px 10px 5px;
      margin: 5px 0px 10px 0px;
   }
   
   .blog-page .blog-posts-pages p {
      display: block;
      text-align: center;
      padding: 0px 0px 9px 0px;
   }

}



/*================================
=============== Author Box
==================================*/

.author-box {
   max-width: 1100px;
    margin: 0 auto;
   padding: 20px 10px 20px 10px;
}

.author-box .author-right-side {
   display: inline-block;
   vertical-align: top;
   margin: 10px 10px 25px 10px;
   max-width: 83%;
}

.author-box .author-left-side {
   display: inline-block;;
   vertical-align: middle;
   margin: 10px 20px 15px 0px;
   max-width: 15%;
}

.author-box .author-left-side img {
  border-radius: 50%;
  margin: 0px 0px 0px 10px;
}

.author-box .author_name {
  display: block;
   font-size: 22px;
   color: #22a8e0;
  margin: 0px 0px 10px 0px;
}

.author-box .author_description {
  font-size: 17px;
  line-height: 29px;
  font-weight: normal;
  padding: 6px 0px 6px 0px;
  color:#646464;
}

/* ---------------------------------
----------------- Mobile
--------------------------------- */

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

  .author-box {
    text-align: center;
  }
  
  .author-box .author-right-side {
     display: block;
     max-width: 100%;
  }

  .author-box .author-left-side {
     display: block;
     max-width: 100%;
  }
   
}