html {
     font-size: 14px!important;
     position: inherit;
}

.site{
  max-width: 1700px;
  margin: auto;
  overflow: hidden;
  box-shadow: 0em 0em 2em #e0e5ff;
}

a {
    -webkit-transition: color .4s ease 0s;
    -moz-transition: color .4s ease 0s;
    -o-transition: color .4s ease 0s;
    transition: color .4s ease 0s;
}

.hide{
  display: none;
}


.modal-dialog {
    max-width: 500px;
    margin: 12.75rem auto!important;
}

.schema a{
  text-decoration: none;
}

body .btn-primary, body .btn-secondary{
  background-color: #b00c03;
  border-radius: 0;
  border: 0;
  text-transform: uppercase;
  letter-spacing: .07em;
  padding: 0.6em 3em;
}


body .btn-secondary{
  background-color: #000000;
}

body .btn-secondary:hover{
  background-color: #b00c03!important;
}

.post-thumbnail img{
  position: relative;
  top: calc(-5% - 1.7em);
}

.post-thumbnail{
    overflow: hidden;
    height: 17em;
    margin-top: 1em;
}


h1, h2, h3, h4, h5, h6 {
  font-family: 'Playfair Display', serif;
}

body .button:focus, body .button:hover {
    background-color: #231f20;
    color: #fefefe;
}

body{
    font-family: 'Poppins', sans-serif;
}

  
.camp-form iframe{
  height: 30.5em!important;
}

.modal-dialog iframe{
  height: 29em!important;
}

.single-blog img{
  padding: 3%;
}

 a[href^="tel"]{
    color:inherit;
    text-decoration:none;
    margin-bottom: 3%;
    display: block;
    /* border-bottom: 1px solid; */
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff!important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #fff!important;
}  
  
@font-face {
  font-family: 'icomoon';
  src:  url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.eot?6g1s2p');
  src:  url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.eot?6g1s2p#iefix') format('embedded-opentype'),
    url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.woff2?6g1s2p') format('woff2'),
    url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.ttf?6g1s2p') format('truetype'),
    url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.woff?6g1s2p') format('woff'),
    url('/wp-content/themes/plumberseo-bootstrap/fonts/icomoon.svg?6g1s2p#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-slab-leakscon:before {
  content: "\e900";
}
.icon-water-heater-replacecon:before {
  content: "\e901";
}
.icon-leak-repcon:before {
  content: "\e902";
}
.icon-clean-westcon:before {
  content: "\e903";
}
.icon-drain-cleancon:before {
  content: "\e904";
}
.icon-emerg-plumbcon:before {
  content: "\e905";
}
.icon-water-maincon:before {
  content: "\e906";
}
.icon-calander-brittingham:before {
  content: "\e911";
}
.icon-phone-brittingham:before {
  content: "\e914";
}
.icon-clock-pro:before {
  content: "\e923";
}
.icon-clear-price:before {
  content: "\e951";
}
.icon-hassle-free:before {
  content: "\e91c";
}
.icon-money-down:before {
  content: "\e922";
}
.icon-pers-options:before {
  content: "\e921";
}
.icon-regulare-maint:before {
  content: "\e9aa";
}
.icon-top-prod:before {
  content: "\e915";
}
.icon-drain-clean:before {
  content: "\e965";
}
.icon-flat-rate-allserv:before {
  content: "\e943";
}
.icon-instagram-square:before {
  content: "\e918";
}
.icon-fb-circle:before {
  content: "\e907";
}
.icon-instagram-circle:before {
  content: "\e917";
}
.icon-twitter-circle:before {
  content: "\e91b";
}
.icon-yt-circle:before {
  content: "\e91f";
}
.icon-plus:before {
  content: "\f067";
}
.icon-minus:before {
  content: "\f068";
}
.icon-heart:before {
  content: "\f004";
}
.icon-star:before {
  content: "\f005";
}
.icon-check:before {
  content: "\f00c";
}
.icon-close:before {
  content: "\f00d";
}
.icon-remove:before {
  content: "\f00d";
}
.icon-times:before {
  content: "\f00d";
}
.icon-home:before {
  content: "\f015";
}
.icon-clock-o:before {
  content: "\f017";
}
.icon-play-circle-o:before {
  content: "\f01d";
}
.icon-tag:before {
  content: "\f02b";
}
.icon-camera:before {
  content: "\f030";
}
.icon-align-justify:before {
  content: "\f039";
}
.icon-pencil:before {
  content: "\f040";
}
.icon-map-marker:before {
  content: "\f041";
}
.icon-play:before {
  content: "\f04b";
}
.icon-pause:before {
  content: "\f04c";
}
.icon-forward:before {
  content: "\f04e";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-plus-circle:before {
  content: "\f055";
}
.icon-minus-circle:before {
  content: "\f056";
}
.icon-check-circle:before {
  content: "\f058";
}
.icon-check-circle-o:before {
  content: "\f05d";
}
.icon-calendar:before {
  content: "\f073";
}
.icon-comment:before {
  content: "\f075";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-arrows-h:before {
  content: "\f07e";
}
.icon-twitter-square:before {
  content: "\f081";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-comments:before {
  content: "\f086";
}
.icon-phone:before {
  content: "\f095";
}
.icon-phone-square:before {
  content: "\f098";
}
.icon-twitter:before {
  content: "\f099";
}
.icon-facebook:before {
  content: "\f09a";
}
.icon-facebook-f:before {
  content: "\f09a";
}
.icon-wrench:before {
  content: "\f0ad";
}
.icon-group:before {
  content: "\f0c0";
}
.icon-users:before {
  content: "\f0c0";
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-truck:before {
  content: "\f0d1";
}
.icon-pinterest-square:before {
  content: "\f0d3";
}
.icon-google-plus-square:before {
  content: "\f0d4";
}
.icon-google-plus:before {
  content: "\f0d5";
}
.icon-money:before {
  content: "\f0d6";
}
.icon-caret-down:before {
  content: "\f0d7";
}
.icon-caret-up:before {
  content: "\f0d8";
}
.icon-caret-left:before {
  content: "\f0d9";
}
.icon-caret-right:before {
  content: "\f0da";
}
.icon-envelope:before {
  content: "\f0e0";
}
.icon-comments-o:before {
  content: "\f0e6";
}
.icon-building-o:before {
  content: "\f0f7";
}
.icon-angle-double-left:before {
  content: "\f100";
}
.icon-angle-double-right:before {
  content: "\f101";
}
.icon-angle-double-up:before {
  content: "\f102";
}
.icon-angle-double-down:before {
  content: "\f103";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-mobile:before {
  content: "\f10b";
}
.icon-mobile-phone:before {
  content: "\f10b";
}
.icon-shield:before {
  content: "\f132";
}
.icon-calendar-o:before {
  content: "\f133";
}
.icon-rocket:before {
  content: "\f135";
}
.icon-chevron-circle-right:before {
  content: "\f138";
}
.icon-play-circle:before {
  content: "\f144";
}
.icon-ticket:before {
  content: "\f145";
}
.icon-thumbs-up:before {
  content: "\f164";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-youtube:before {
  content: "\f167";
}
.icon-youtube-play:before {
  content: "\f16a";
}
.icon-paper-plane-o:before {
  content: "\f1d9";
}
.icon-send-o:before {
  content: "\f1d9";
}
.icon-newspaper-o:before {
  content: "\f1ea";
}
.icon-calculator:before {
  content: "\f1ec";
}
.icon-street-view:before {
  content: "\f21d";
}
.icon-calendar-check-o:before {
  content: "\f274";
}
.icon-map-pin:before {
  content: "\f276";
}
.icon-map-signs:before {
  content: "\f277";
}
.icon-commenting-o:before {
  content: "\f27b";
}
.icon-volume-control-phone:before {
  content: "\f2a0";
}
.icon-handshake-o:before {
  content: "\f2b5";
}
.icon-address-card:before {
  content: "\f2bb";
}
.icon-vcard:before {
  content: "\f2bb";
}
.icon-address-card-o:before {
  content: "\f2bc";
}
.icon-vcard-o:before {
  content: "\f2bc";
}

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


.wrap1 {
    z-index: 2;
    position: relative;
    padding: 0 2%;
}

.row {
    max-width:100%!important;
    margin-left: 0;
}

.clear{
    clear:both;
}
  

ul {
    margin-left: 0em!important;
}



 /* -------------------------------------------------------Header Section CSS---------------------------------  */



/* Search Bar & Page */


 /* Top Bar Section CSS  */


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

.lic-numb{
  position: relative;
  text-align: center;
  display: block;
  font-size: .78em;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: -1em;
}

.desk-nav .lic-numb{
   top: -1em;
}

.desk-nav{
  display: none;
  width: 100%;
  max-width: none;
  padding: 0;
}  

.desk-nav .row>* , .mobile-nav .row>* {
   padding: 0;
}

.mobile-nav{
  padding: 0;
  width: 100%;
  max-width: none;
  padding: 1% 0;
}

.logo-image img{
  position: relative;
  width: 24em;
  display: block;
  margin: auto;
  transition: all .3s ease-in-out;
}

.logo-image a{
  position: relative;
  display: block;
} 

.smallbar .logo-image img{
  width: 21em;
}

.contact-info {
    font-size: 1.7em;
    font-weight: 900;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    line-height: 1;
    letter-spacing: .04em;
    text-align: -webkit-center;
    margin-top: 0%;
    padding-right: 1%;
    font-family: 'Ubuntu', sans-serif;
}

.contact-info strong{
  position: relative;
  font-size: 0.9em;
  font-weight: 400;
  color: #0a05e4;
  letter-spacing: .04em;
  top: .1em;
  display: block;
}

.contact-info span{
  position: relative;
  top: 0.05em;
}

.contact-info a:hover{
  color: #137bbe;
}
 

.contact-info a{
    font-size: 1.3em;
    display: block;
    background-color: #b00c03;
    width: 1.5em;
    border-radius: 23em;
    border: .1em solid #8c0b04;
    height: 1.5em;
    line-height: 1.23;
    line-height: 1.4;
    color: #ffffff;
    margin: auto;
    transition: all .3s ease-in-out;
    text-align: center;
    text-decoration: none;
}
 
.contact-info .button{
  display: block;
  text-transform: uppercase;
  letter-spacing: .08em;
  background-color: #e7090c;
  font-family: 'Ubuntu', sans-serif;
  padding: 0.75em 1em;
  margin: 0 0 0.5rem;
}

.call-button{
  position: relative;
  display: block;
  letter-spacing: .08em;
  font-family: 'arvobold';
  transition: all .3s ease-in-out;
  font-size: 1.8em;
  line-height: 1.1;
  border-bottom: 1px solid;
  margin: auto;
}

.call-button .row>* {
  padding: 0;
}

.call-button span{
  display: block;
  text-align: center;
  font-size: 1.7em;
  height: 1.1em;
  width: 1.1em;
  line-height: 1.1;
  border: 1px solid;
  border-top-right-radius: 0.3em;
  border-bottom: 0;
  margin-top: -0.1em;
  transition: all .3s ease-in-out;
}

.call-button strong{
  display: block;
  font-size: .45em;
  font-weight: 400;
  font-family: 'open_sansregular'!important;
}

.mobile-nav .btn-primary {
    color: #fff;
    border: 0;
    border-radius: 0;
    padding: 0.8em 1.6em;
    background: #b2b2b2;
}

.mobile-nav .btn-primary span{
  display: block;
}

.call-button:hover, .section-3 .call-button:hover span{
  background-color: #e7090c;
  color: white!important;
}

.call-button:hover strong{
  color: white!important;
}

.shift-menu{
  background: rgb(42,42,42);
  background: -moz-radial-gradient(circle, rgba(42,42,42,1) 0%, rgba(42,42,42,1) 62%, rgba(22,22,22,1) 100%);
  background: -webkit-radial-gradient(circle, rgba(42,42,42,1) 0%, rgba(42,42,42,1) 62%, rgba(22,22,22,1) 100%);
  background: radial-gradient(circle, rgba(42,42,42,1) 0%, rgba(42,42,42,1) 62%, rgba(22,22,22,1) 100%);
  padding: 10.2em 0 0 0;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2a2a2a",endColorstr="#161616",GradientType=1);
}

.shift-item{
  position: relative;
}

.shift-item a{
  display: block;
  position: relative;
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  padding: .85em 0em .85em 1em;
  background: #ff000000;
  color: white;
  margin: 0em 0;
  border-bottom: 1px solid #ffffff1a;
  border-left: 0em solid #003046;
  font-family: 'poppinsbold'!important;
  transition: all .3s ease-in-out;
}

.shift-item .btn-secondary{
  display: none;
  position: absolute;
  right: 0em;
  top: 0em;
  background: #ff000000;
  border: 0;
  font-size: 1.3em;
}

.shift-item a:hover{
  color: #ffffff;
  background-color: #b00c03;
  border-left: 0.5em solid #8c0b04;
}

.dropdown.shift-item .btn-secondary{
  display: block;
  padding: 0.5em 1em;
}

.shift-item a.sub-item{
  background: #0000005c;
}

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


/* NAV CSS  */ 

 .modal {
    z-index: 999999999999999999999999999999;
}

.modal-header {
    padding: 0;
    border: 0;
}

.modal-content {
    background-color: #ffffff;
    box-shadow: 0em 0em 1em #0000004f;
}

.modal-header .btn-close{
  position: relative;
  left: -.9em;
}

.modal-title {
    display: block;
    text-align: center!important;
    font-family: 'Playfair Display';
    width: 100%;
    text-transform: uppercase;
    letter-spacing: .07em;
    font-size: 1.3em;
    padding-top: 1em;
    margin-bottom: -0.5em;
}

header#masthead {
    margin-bottom: 0;
    background-color: white!important;
    box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 5%), inset 0 -1px 0 rgb(0 0 0 / 10%);
    padding: 0rem 0rem!important;
    z-index: 9999;
    width: 100%;
    transition: all .3s ease-in-out;
    top: 0em;
    display: block;
    position: fixed;
    max-width: 1700px;
}

.top-bar{
  position: relative;
  background-color: #ffffff;
  padding: 0% 0% 0% 0%;
  border-bottom: 1px solid #0000001c;
  width: 96%;
  margin-left: auto;
  border-left: 1px solid #0000001c;
}

.top-bar em{
  text-align: center;
  display: block;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #000000;
  font-size: 0.9em;
  font-style: normal;
  font-family: 'Poppins', sans-serif;
}


.top-bar input::-webkit-input-placeholder,.top-bar textarea::-webkit-input-placeholder {
  color: #fff!important;
}
.top-bar input:-moz-placeholder,.top-bar textarea:-moz-placeholder {
  color: #fff!important;
}  

.top-bar .btn-primary{
  display: block;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .9em;
  color: black;
  border: 0;
  border-radius: 0;
}

.main-nav{
  position: relative;
}

.main-nav:after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0%;
  right: 0%;
  background: #111111;
  z-index: -1;
}

 
.search-bar input{
  background-color: #ffffff00;
  border: 0;
  color: white;
  border-bottom: 1px solid white;
}

.contact-desk{
  position: relative;
  padding: 0% 0 0% 0!important;
  margin-top: 0%;
  background: #b00c03;
 }

.contact-desk a{
  display: block;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 2.4em;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  border-bottom: 0;
  transition: all .3s ease-in-out;
  padding: 0.2em 0em 0.4em 1em;
  margin: 0;
  font-family: 'Playfair Display';
  font-weight: 900;
}

.contact-desk span{
  font-size: 1em;
  line-height: 1.4;
  position: absolute;
  top: 0.1em;
  left: 0.4em;
  height: 1.4em;
  width: 1.4em;
  display: block;
  border-radius: 900em;
}

.smallbar .contact-desk a{
  font-size: 1.3em;
}

.contact-desk a strong{
  display: block;
  font-size: .8em;
}
 

 .desk-nav .btn-primary{
   display: block;
   width: 100%;
   padding: 1.1em;
   text-transform: uppercase;
   border-radius: 0em;
   font-size: 1em;
   font-family: 'poppinsbold';
   letter-spacing: .06em;
   border: 0;
 }

 .desk-nav .btn-primary span{
   font-size: 2em;
   line-height: 0;
   position: relative;
   top: 0.3em;
 }

.desk-nav .top-bar .btn-primary{
  color: white;
  font-size: .8em;
  width: 90%;
  margin-left: auto;
  transition: all .3s ease-in-out;
}

.menu{
  position: relative;
  list-style: none;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0;
  list-style-type: none;
  width: 100%;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.menu>li a{
  padding: 0.7em 1.4em;
  text-decoration: none;
  color: white!important;
  font-size: 1.08em;
  letter-spacing: .09em;
  display: block;
  transition: all .3s ease-in-out;
  text-transform: uppercase;
  position: relative;
}

 .menu>li.menu-item-has-children> a:before {
    content: "\f107";
    font-family: 'icomoon' !important;
    color: #ffffff;
    display: block;
    position: absolute;
    font-size: 0.8em;
    top: 37%;
    right: 0.5%;
}

.menu>li a span{
  font-size: 1em;
  line-height: 0;
  position: relative;
  top: 0.13em;
  color: #b00c03!important;
}

.sub-menu li a{
  color: #030303!important;
}

.top-bar .menu>li a{
  border-right: 1px solid #d6d6d6;
}

.top-bar .menu>li:nth-child(3) a{
  border: 0;
}

.menu>li a:hover{
  background-color: #b00c03!important;
  color: white!important;
}

.menu-top-menu-container .menu>li a:hover {
    color: white!important;
}

.menu>li a:hover span{
  color: #fff!important;
}

.menu-main-menu-container .menu>li a span{
  display: block;
  text-align: center;
  color: #e62318;
  font-size: 2.4em;
}

.menu-top-menu-container .menu>li a{
  color: black!important;
  font-size: 1em;
  padding: 0.7em 0.9em;
}

.menu-top-menu-container .menu>li.sched-link a{
  border: 1px solid #0000001a;
  padding: 0.7em 1.5em;  
}

.menu-top-menu-container .menu>li.sched-link a span{
  color: #ee3338;
}


.menu-top-menu-container .menu>li.current-menu-item  a{
  background-color: #ffffff;
  color: #ee3338;
}

.menu-top-menu-container .menu>li.current-menu-item  a span{
  color: #ee3338;
}

.menu-top-menu-container .menu>li.sched-link a:hover{
  background-color: #b00c03!important;
  color: white;
}

.menu-top-menu-container .menu>li.sched-link a:hover span{
  color: white;
}

.mid-bar{
  padding: 2% 0% 2% 0%;
}

.mainnav{
  text-align: right;
  padding: 0.7% 0;
  position: relative;
}
.nav-border{
  padding-left: 0em!important;
  padding-right: 0em!important;
}

.mainnav .menu {
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.mainnav .menu .active>a {
    color: #ffffff;
    background: #f78d1f;
}

.mainnav .menu .active>a:before{
  color: black!important;
}

.mainnav .menu .current-menu-item.active>a {
    color: #ffffff;
    background: #faa61a;
}

.mainnav .menu .sub-menu .current-menu-item.active>a {
    color: #fefefe!important;
    background: #f78d1f!important;
}



.mainnav .menu>li>a {
    display: block;
    padding: 0.7rem 0.6rem;
    line-height: 1;
    font-weight: 400;
    font-size: 0.78em;
    color: black;
    letter-spacing: .02em;
    font-family: 'Signika', sans-serif;
}



.mainnav .menu>li>a:hover{
    color: #ffffff;
    background: #f78d1f;
}

.mainnav .menu>li>a:hover:before{
  color: white;
}

.menu-item-has-children{
  position: relative;
  transition: all .3s ease-in-out;
  }


.menu>li .sub-menu  a{
  text-transform: none;
  letter-spacing: inherit;
  padding: 0.6em 1em;
}


.mainnav .menu>li.menu-item-has-children >a:before {
    content: "\f107";
    font-family: 'icomoon' !important;
    color: #ffffff;
    display: block;
    position: absolute;
    font-size: 0.8em;
    top: 37%;
    right: 0.5%;
}

.main-nav .menu-item-has-children > .sub-menu{
    top: 100%;
    right: auto;
    left: 0;
}

.main-nav .menu-item-has-children .sub-menu{
  opacity: 0;
  transition: all .3s ease-in-out;
  position: absolute;
  background: #ebebec;
  list-style: none;
  margin-left: 0.0rem;
  width: 17em;
  height: 0;
  display: none;
  z-index: 99;
}

.main-nav .menu-item-has-children:hover .sub-menu{
  opacity: 1;
  height: auto;
  top: 100%;
  left: 0;
  display: block;
  animation: fadeIn .2s;
  font-size: .88em;
  text-align: left;
  padding-left: 0;
}

.main-nav .last-column.menu-item-has-children:hover .sub-menu {
    opacity: 1;
    height: auto;
    top: 100%;
    left: -100%;
    display: block;
    animation: fadeIn .2s;
    font-size: .88em;
    text-align: left;
}

.main-nav .slim.menu-item-has-children .sub-menu{

    color: #9ad25d;
    background: #33204d;;
  width: 165%;
  text-align: left;
  padding-left: 0%;
}

.main-nav .slim.menu-item-has-children:hover .sub-menu {
    left: 0%;
}


.main-nav .menu-item-has-children .sub-menu>li{
  padding: 0%;
} 

.sub-menu a{
  padding: 5% 4% 5% 4%;
  display: block;
  color: #1d1d1d;
  font-size: .9em;
  transition: all .3s ease-in-out;
  border-bottom: 1px solid #00000014;
}

.sub-menu a:hover{
    color: #ffffff;
    background: #e62318;
    padding: 5% 4% 5% 7%;
}


/* Heating Tab 2 columns Sub menu */

.main-nav .double-column.menu-item-has-children .sub-menu{
  opacity: 0;
  transition: all .3s ease-in-out;
  position: absolute;
  background: #e1e1e1;
  list-style: none;
  margin-left: 0.0rem;
  width: 36em;
  height: 0;
  display: none;
  text-align: left;
  z-index: 99;
} 




.main-nav .double-column.menu-item-has-children:hover .sub-menu{
  opacity: 1;
  height: auto;
  top: 100%;
  left: 0%;
  display: block;
  animation: fadeIn .2s;
}

.main-nav .double-column.menu-item-has-children .sub-menu>li{
  width: 50%;
  float: left;
  padding: 0%;
} 

.main-nav .double-column.menu-item-has-children .sub-menu>li.full-sub{
  width: 100%;
  float: left;
  padding: 0%;
} 

.double-column .sub-menu .full-sub a {
    padding: 0.3em 0.6em 0.7em 0.6em;
    border-right: 1px solid #00000014;
    text-transform: uppercase;
    letter-spacing: 0.12em;
    text-align: center;
}

.double-column .sub-menu .full-sub a span{
   font-size: 1.8em;
   position: relative;
   top: 0.2em;
}

.last-cool{
  float: right!important;
}

.double-column .sub-menu a{
  padding: 0.9em 0.6em 0.9em 0.7em;
  border-right: 1px solid #00000014;
}


.main-nav .double-column-l.menu-item-has-children .sub-menu{
  opacity: 0;
  transition: all .3s ease-in-out;
  position: absolute;
  background: #006ee3;
  list-style: none;
  margin-left: 0.0rem;
  width: 410%;
  height: 0;
  display: none;
  text-align: left;
  z-index: 99;
} 

.main-nav .double-column-l.menu-item-has-children:hover .sub-menu{
  opacity: 1;
  height: auto;
  top: 100%;
  right: 0%;
  display: block;
  left: auto;
  animation: fadeIn .2s;
}

.main-nav .double-column-l.menu-item-has-children .sub-menu>li{
  width: 50%;
  float: left;
  padding: 0%;
} 

/* Fly out menu */


.main-nav .double-column .fly-out.menu-item-has-children .sub-menu{
  opacity: 0;
  transition: all .3s ease-in-out;
  position: absolute;
  background: #1a6887;
  list-style: none;
  margin-left: 0.0rem;
  width: 18.8em;
  height: 0;
  display: none;
  text-align: left;
  z-index: 99;
} 

.main-nav .double-column.menu-item-has-children .sub-menu>li.fly-out:hover{
  background-color: #f2a525;
}


.main-nav .double-column.menu-item-has-children .sub-menu>li.fly-out:hover .sub-menu{
   opacity: 1;
   position: absolute;
   background: #dcdcdc;
   height: auto;
   top: 0%;
   right: -18.8em;
   display: block;
   animation: fadeInUp .2s;
   left: auto;
}

.main-nav .double-column .fly-out.menu-item-has-children .sub-menu>li {
    width: 100%;
    float: left;
    padding: 0%;
}

.quick-nav{
  position: fixed;
  top: -3em;
  width: 100%;
  background-color: #111111;
  padding: 2% 2% 5.5% 2%;
  opacity: 0;
  transition: all .3s ease-in-out;
  overflow: hidden;
  border-bottom: .2em solid #111111;
}

.quick-nav.adjust{
  padding: 1% 2% 2% 2%;
  opacity: 1;
  top: 4em;
}

.quick-nav .col-3 {
    flex: 0 0 auto;
    width: 20%;
    padding: 0;
}

.quick-nav a{
  color: #ffffff;
  text-align: center;
  display: block;
  text-decoration: none;
  padding: 9% 1% 1% 1%;
  font-size: 1.3em;
  transition: all .3s ease-in-out;
  border-right: 1px solid #ffffff30;
}

.quick-nav a:hover{
  color: #b00c03;
}

.smallbar .quick-nav{
}

.quick-nav a span{
  display: block;
  position: relative;
  top: 0em;
  transition: all .3s ease-in-out;
}

.quick-nav a em{
  font-style: normal;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 900;
  display: block;
  margin: 1.5em auto -2.6em auto;
  color: white;
  bottom: 0em;
  font-size: 0.7em;
  position: relative;
  opacity: 0;
  transition: all .3s ease-in-out;
}

.quick-nav a em:after{
  content: '';
  position: absolute;
  height: 11.5em;
  width: 100%;
  background-color: #b00c03;
  border-radius: 900em;
  z-index: -1;
  left: 0%;
  bottom: -9.6em;
}

.quick-nav a:hover em{
  bottom: 1.2em;
  opacity: 1;
}

.quick-nav a:hover span{
  top: -0.6em;
  font-size: .9em;
}

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

#site-wrap {
    max-width: 1700px;
    margin: auto;
    box-shadow: 0px 0px 2em rgba(181,193,199,.46);
}


 /* Slider Section CSS  */

.sliderfull {
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: cover;
    position: relative;
    z-index: 3;
    margin-top: 13%;
    padding: 9% 2% 16% 2%;
    /*background-image: url(/wp-content/uploads/2024/08/west-slider-redneww.jpg);*/
}

.slider-header{
  line-height: 1;
  font-size: 4.2em;
  position: relative;
  letter-spacing: .03em;
  color: #000000;
  font-family: 'Playfair Display', serif;
  border-left: 0.2em solid black;
  padding-left: 0.2em;
  font-weight: 900;
}
 
.slider-header span{
  display: block;
}

.slider-sub{
  position: relative;
  font-size: 1.66em;
  text-transform: uppercase;
  letter-spacing: .08em;
  line-height: 1.2;
  padding: 1.5em 0em 1em 0em;
}

.slider-sub span{
  display: block;
}
 

.sliderfull .btn{
  background-color: #b00c03;
  border: 0;
  text-transform: uppercase;
  padding: .72em 3em;
  border-radius: 0em;
  margin: 1em 0 0 0;
  letter-spacing: .08em;
  position: relative;
}
 

.btn:hover{
  background-color: black!important;
  color: white!important;
}
 
.slider-usp{
  position: absolute;
  bottom: 1.5em;
  right: 2.5em;
  width: 45%;
  font-size: .9em;
}

.slider-usp.row>*{
  padding: .8%;
}

.usp-box{
  position: relative;
  padding: 1em 1em 1em 1em;
  background-color: #111111;
  height: 10em;
  color: white;
  text-transform: uppercase;
  letter-spacing: .08em;
  text-align: center;
  line-height: 1.3;
  border-top-left-radius: 2.3em;
  transition: all .3s ease-in-out;
}

.usp-box span{
  display: block;
  font-size: 4em;
  line-height: 1.2;
  margin-bottom: 0.1em;
}

.usp-box:hover{
  background-color: #b00c03;
  cursor: pointer;
}

.usp-box:hover span{
    -webkit-animation: pulse .7s;
    animation: pulse .7s;  
}

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

 /* Section-1 CSS  */
.section-1 {
    position: relative;
    z-index: 2;
    padding: 3% 2% 9% 2%;
    background-color: #ffffff;
    background-size: 40%;
    background-repeat: no-repeat;
    background-position: 100% 6em;
}

.home-form{
  position: relative;
  background-color: #111111;
  padding: 8% 1% 8% 1%;
  margin-top: .5em;
  z-index: 9;
  outline: 1px solid white;
  outline-offset: -1em;
}


.home-form:before{
    content: '';
    position: absolute;
    bottom: 0.1em;
    left: 0.2em;
    background-image: url(/wp-content/uploads/2021/09/west-compass.png);
    height: 3.7em;
    width: 3.8em;
    background-size: 100%;
    z-index: 2;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    transition: all .3s ease-in-out;
    background-repeat: no-repeat;
}

.home-form:after{
    content: '';
    position: absolute;
    bottom: 0.1em;
    left: 0.2em;
    background-color: #111111;
    z-index: 1;
    height: 3.7em;
    width: 3.8em;  
}

.home-form iframe{
  height: 32em!important;
}

.home-label{
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: white;
  font-size: 1.4em;
}

.section-1 h1{
  position: relative;
  font-size: 3.3em;
  letter-spacing: .03em;
  color: #000000;
  line-height: 1.1;
  margin: 0.4em 0em 0.3em 0em;
  font-weight: 400;
  border-bottom: 0.1em solid black;
}

.section-1 h1:after{
  content: '';
  position: absolute;
  background-image: url(/wp-content/uploads/2021/09/west-compass.png);
  height: 2em;
  width: 2em;
  bottom: -1em;
  left: -1.1em;
  background-size: 100%;
  background-position: center;
  opacity: 0.1;
}

.section-1 h1:before{
  content: '';
  position: absolute;
  background-color: black;
  height: .2em;
  width: .2em;
  border-radius: 900em;
  bottom: -0.15em;
  left: -0.1em;
}

.section-1 h1 span{
  font-size: .6em;
  color: #b00c03;
  text-transform: uppercase;
  letter-spacing: .07em;
  display: block;
  font-family: 'Poppins';
 }


/* ----------------- END DESKTOP TOP SERVICES -------------------------  */



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



/* Section-2 CSS  */ 
.section-2{
 padding: 7% 7% 7% 7%;
 position: relative;
 background-position: top;
 background-size: cover;
 background-repeat: no-repeat;
 background-image: url(/wp-content/uploads/2021/09/top-services-bg.jpg);
 z-index: 3;
 background-color: black;
} 
 


.top-services{
  position: relative;
  margin: -2em 0;
  z-index: 6;
}

.top-services a{
  position: relative;
  display: block;
  text-decoration: none;
  color: #000000;
  letter-spacing: .03em;
  padding: 0;
  background: #ee333800;
  margin: 0.3em 0;
  border: 1px solid #d2d2d2;
  height: 17em;
  z-index: 1;
  overflow: hidden;
  top: 0em;
  line-height: 1.3;
  transition: all .3s ease-in-out;
  text-align: center;
}
 

.top-services .col-md-4{
  position: relative;
}


.top-services .col-md-4:after{
  content: '';
  position: absolute;
  top: 0em;
  right: 0em;
  width: 3em;
  height: 3em;
  background-image: url(https://shire-westplumbing.bwpsites.com/wp-content/uploads/2021/09/west-x.png);
  background-size:100%;
  z-index: 2;
  background-position: center;
  transform: scale(0);
  opacity: 0;
  transition: all .3s ease-in-out;
} 

.top-services a img{
  position: absolute;
  width: 100%;
  height: auto;
  left: 0;
  top: -100%;
  z-index: -1;
  opacity: 0;
  transition: all .3s ease-in-out;
}

 
.top-services a span{
  display: block;
  text-align: center;
  font-size: 8em;
  position: relative;
  top: 0.33em;
  color: #b00c03;
  transform: scale(1.4);
  transition: all .3s ease-in-out;
  width: 1em;
  height: 1em;
  margin: auto;
  right: 0;
} 

.top-services a span:after{
  content: '';
  position: absolute;
  height: 140%;
  width: 140%;
  top: -22%;
  left: -20%;
  border: .04em solid #00000021;
  border-radius: 900em;
  opacity: 0;
}

.top-services a .serv-label{
  position: absolute;
  height: 3.6em;
  bottom: 0em;
  width: 100%;
  font-size: 1.2em;
  line-height: 1.2;
  padding: 0.6em 1em;
  transition: all .3s ease-in-out;
  background-color: #ff000000;
}  

.top-services a:hover{
  top: -1em;
}

.top-services a:hover .serv-label{
  bottom: -0.5em;
  background-color: #b00c03;
  color: white;
}

.top-services a:hover img{
  opacity: 1;
  top: 0%;
}

.top-services a:hover span{
  font-size: 4.7em;
  right: -34%;
  top: 1.8em;
}

.top-services a:hover span:after{
  opacity: 1;
}

.top-services .col-md-4:hover:after{
  transform: scale(1);
  opacity: 1;
}

/* Mobile Top Services */

 @media screen and (max-width: 55em) and (min-width: 9.939em) { 

   .top-services a{
     height: auto;
     background: #b00c03;
     color: white;
   }


   .top-services a span, .top-services a img{
     display: none;
   }


 .top-services a .serv-label{
   position: relative;
   bottom: 0em!important;
   height: auto;
 }

 .top-services a:hover .serv-label {
    background-color: #000000;
}

.top-services a:hover{
  top: 0em;
}




 }


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

 /* Section-3 CSS  */ 

.section-3{
 padding: 7% 0% 10% 0%;
 position: relative;
 z-index: 2;
 background-size: cover;
 background-position: center;
 background: #000000;
 color: white;
} 
 
.section-3 img{
  top: 1.5em;
  position: relative;
  display: block;
  margin: auto;
  width: 80%;
}

.add-header{
  text-transform: uppercase;
  text-align: center;
  letter-spacing: .09em;
  font-size: 1.1em;
  background-color: #b00c03;
  padding: .5em;
}

.sec3-header{
  font-size: 2.3em;
  margin-bottom: 0.5em;
  font-family: 'Playfair Display', serif;
  letter-spacing: .05em;
}

.section-3 p{
  line-height: 1.8;
}


.service-list{
   overflow-y: scroll;
   height: 13em;
   margin-top: 5%;
   margin-left: 0rem;
   width: 99%;
   background: #f9f9f900;
   padding: 1% 0% 1% 0%;
   overflow-x: hidden;
   text-align: left;
}

.service-list li {
    font-size: 1em;
    list-style-type: none!important;
    position: relative;
}

.service-list li a span{
  color: #ffffff;
  position: relative;
  left: -0.1em;
}

.service-list li a{
  display: block;
  padding: 0.4em 0.2em 0.3em 0.5em;
  position: relative;
  transition: all .3s ease-in-out;
  color: white;
  border-left: .0em solid #b5201d;
  text-decoration: none;
}

.service-list li a:after{
    content: '';
    position: absolute;
    bottom: 0.1em;
    left: -2.4em;
    background-image: url(/wp-content/uploads/2021/09/west-compass.png);
    height: 1.8em;
    width: 1.8em;
    background-size: 100%;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    transition: all .3s ease-in-out;
    background-repeat: no-repeat;
}
 
.service-list li a:hover{
   background-color: #b00c03;
   color: #ffffff;
   padding: 0.4em 0.2em 0.3em 2.4em;
}

 

.service-list li a:hover:after{
  left: 0.4em;
}

/*
 *  STYLE 1
 */

.service-list::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgb(255 255 255 / 30%);
  border-radius: 15px;
  background-color: #ffffff29;
}

.service-list::-webkit-scrollbar
{
  width: 5px;
  /* background-color: #F5F5F4; */
}

.service-list::-webkit-scrollbar-thumb
{
  border-radius: 15px;
  -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 36%);
  background-color: #b00c03;
}


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


 /* Section-4 CSS  */ 
.section-4{
 padding: 15% 0% 1% 0%;
 position: relative;
 background-position: top;
 background-size: cover;
 background-repeat: no-repeat;
 background-image: url(/wp-content/uploads/2021/10/review-bg-new.jpg);
}

.section-4:after {
    content: '';
    position: absolute;
    height: 11em;
    width: 100%;
    left: 0em;
    top: 0em;
    background-image: url(/wp-content/uploads/2021/09/mobile-revdivider.jpg);
    background-size: cover;
    background-position: 50% 100%;
    opacity: 0;
    background-repeat: no-repeat;
}

.rev-header{
  position: relative;
  font-family: 'Playfair Display', serif;
  font-size: 2em;
  line-height: 1.1;
  padding-left: 1em;
}


.rev-header span{
  font-family: 'Poppins';
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: .7em;
  line-height: 1.5;
  display: block;
  color:#b00c03;
  position: relative;
}

.rev-header span:after{
  content: '';
  position: absolute;
  top: -0.3em;
  left: -2em;
  background-image: url(/wp-content/uploads/2021/09/west-compass.png);
  height: 2em;
  width: 2em;
  background-size: 100%;
}

.rev-truck{
  position: relative;
  top: 7.1em;
  right: -3em;
}

.carousel-inner .col-lg-6{
  margin: 1% 0;
}

.section-4 .ttshowcase_rl_box{
  border: 1px solid #0000001c;
  background-color: white;
  padding: 1em;
  text-align: center;
}

.section-4 #ttshowcase_0 .tt_theme_card .ttshowcase_rl_quote_block .ttshowcase_rl_quote{
  position: relative;
  background-color: white;
  height: 10em;
  display: table-cell;
  vertical-align: middle;
  line-height: 1.8;
  text-align: center;
  border: 0px solid #e4e4e4;
  width: 100em;
}

.section-4 #ttshowcase_0 .tt_theme_card .ttshowcase_rl_quote_block .ttshowcase_rl_quote:after,.section-4 #ttshowcase_0 .tt_theme_card .tt_quote_info-below .ttshowcase_rl_quote:after,.section-4 #ttshowcase_0 .tt_theme_card .tt_quote_info-above .ttshowcase_rl_quote:after{
  display: none;
}

.section-4 #ttshowcase_0 .tt_theme_card .tt_info-below{
  background-color: white;
  color: black;
  padding: 0em 0em 1.2em 0em;
}

.section-4 .ttshowcase_rl_subtitle{
  display: none;
}

.rev-stars{
  letter-spacing: .2em;
  font-size: 1.2em;
  color: #fcb73f;
}

.section-4 .ttshowcase_rl_title{
  display: block;
  font-family: 'Playfair';
  font-weight: 900;
  font-size: 1.5em;
}

.section-4 .btn{
  margin: 2em auto 2% auto;
  display: block;
  width: 80%;
  padding: 0.6em 0em;
}

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





/* Section-5 CSS  */ 
.section-5{
 padding: 4% 0% 12% 0%;
 position:relative;
 line-height: 1.8;
 background-image: url(/wp-content/uploads/2021/10/finance-bg-new.jpg);
 background-position: bottom;
 background-size: 100%;
 background-repeat: no-repeat;
}

.usp-blk{
  position: relative;
  background-color: white;
  border: 1px solid #00000026;
  padding: 1em;
  height: 24em;
  transition: all .3s ease-in-out;
}

.usp-blk:after{
  content: '';
  position: absolute;
  bottom: 0.2em;
  right: 0.5em;
  background-image: url(/wp-content/uploads/2021/09/west-compass.png);
  height: 4em;
  width: 4em;
  background-size: 100%;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.usp-label{
  font-family: 'Playfair';
  font-weight: 900;
  font-size: 1.2em;
  line-height: 1.3;
}

.usp-blk span{
  display: block;
  color: #b00c03;
  font-size: 4.6em;
  margin-bottom: 0.1em;
}

.usp-blk span.icon-clean-westcon{
  font-size: 10em;
  line-height: 0.48;
}

.usp-blk:hover{
  background-color: #b00c03;
  color: white;
  cursor: pointer;
}

.usp-blk:hover span{
  color: white;
  -webkit-animation: tada 2s;
  animation: tada 2s;
}

.home-coup{
  text-align: center;
  background-image: url(/wp-content/uploads/2021/09/home-coupon-bg.jpg);
  padding: 19% 5% 24% 5%;
  background-size: cover;
  background-position: center;
  margin: 5% auto 2% auto;
}

.home-price{
  font-family: 'Playfair';
  font-weight: 900;
  font-size: 8em;
  line-height: 1;
}

.home-price span {
    font-size: .5em;
    text-transform: uppercase;
    position: relative;
    top: -.6em;
}

.home-price span:last-child {
    top: initial;
}

.home-offer{
  font-family: 'Playfair';
  font-weight: 900;
  font-size: 1.8em;
  margin-bottom: .4em;
}

.home-coup .btn{
  margin-bottom: 1.2em;
}

.home-coup p{
  padding: 0 12%;
  text-transform: uppercase;
  font-size: 0.6em;
}

.finance-head{
  font-size: 3.5em;
  padding-left: .2em;
  border-left: .2em solid #b00c03;
  font-family: 'Playfair';
  font-weight: 900;
  line-height: 1.1;
  margin-top: 17%;
}

.finance-sub{
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #b00c03;
  font-size: 1.1em;
  line-height: 1.3;
}

.section-5 .bullet-list li{
  width: 100%;
}

.section-5  .btn-secondary{
  margin-top: 1em;
}

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


/* Section-6 CSS  */ 
.section-6{
 position: relative;
 padding: 4% 0% 0% 0%;
 background-color: #000000;
 background-size: cover;
 background-position: 50% 50%;
 color: white;
 margin-top: -1px;
}

.sec6-header{
  position: relative;
  font-size: 2.2em;
  line-height: 1.2;
  font-family: 'Playfair';
  font-weight: 900;
}

.sec6-header span{
  display: block;
  font-size: .6em;
  text-transform: uppercase;
  font-family: 'Poppins';
  font-weight: 400;
  letter-spacing: .08em;
}

.usp-wrap{
  padding-left: 3%;
  padding-right: 3%;
  position: relative;
  margin-top: -5em;
  z-index: 2;
  bottom: -6em;
}
 

.section-6 .usp-blk{
  position: relative;
  text-align: center;
  background-color: white;
  color: black;
  height: 18em;
  margin: 0.5em auto;
  box-shadow: 0em 0em 1em #0000001c;
  top: 0em;
}

.section-6 .usp-blk:after{
  content: '';
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0em;
  bottom: 0em;
  background-image: url(/wp-content/uploads/2021/09/west-compass.png);
  background-size: 12em;
  background-position: 50% 50%;
  -webkit-filter: none;
  filter: none;
  background-repeat: no-repeat;
  opacity: 0.13;
  transition: all .3s ease-in-out;
}



.section-6 .usp-label{
  font-family: 'Poppins';
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 1.1em;
  margin-bottom: 0.3em;
}

.section-6 .usp-blk:hover{
  background-color: #b00c03;
  color: white;
  top: -0.6em;
  cursor: pointer;
}

.section-6 .usp-blk:hover:after{
  background-position: 97% 3%;  
  background-size: 4em;  
  opacity: 1;
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);  
}

/* (CLOSE CTA) */

.close-cta{
  position: relative;
  padding: 8% 2% 3% 2%;
  text-align: center;
  background-color: white;
  line-height: 1.1;
  background-image: url(/wp-content/uploads/2021/09/west-ctabg.jpg);
  background-size: 10em;
  background-position: center left;
  background-repeat: no-repeat;
} 

.close-cta strong{
  font-size: 2.5em;
  display: block;
  font-family: 'Playfair';
}

.close-cta strong a{
  display: unset;
  color: #b00c03;
}

.close-cta strong a:hover{
  color: #bdbdbdff;
}


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


/* Section 8 */

.section-8{
 position: relative;
 padding: 0 0 0.9em 0;
 z-index: 4;
 background: #fff;
}



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

.sched-row {
    position: relative;
    padding: 0;
    max-width: 1700px!important;
    margin: auto;
    box-shadow: 0em 0em 2em #e0e5ff;
}

.sched-row.row>*{
  padding: 0;
}


.sched-row a {
    color: white;
    text-transform: uppercase;
    display: block;
    line-height: 1;
    padding: 1% 2% 2% 2%;
    transition: all .3s ease-in-out;
    border-radius: .7em;
    letter-spacing: .06em;
    text-decoration: none;
    font-size: 0.7em;
    background: #000000;
    margin: 0;
    border-radius: 0em;
    position: relative;
    z-index: 1;
}

.sched-row a.pop-button{
  position: relative;
  color: white;
  background: #b00c03;
  }

.sched-row a.pop-button:after {
    content: " ";
    position: absolute;
    bottom: 0em;
    height: 100%;
    z-index: -1;
    width: 100%;
    transition: all .3s ease-in-out;
    right: 0%;
} 

.sched-row a .column,.sched-row a .columns {
    padding-left: 0rem;
    padding-right: 0rem;
}

.sched-row a strong {
    letter-spacing: 0.03em;
    font-size: 2.2em;
    font-family: 'Playfair';
    font-weight: 900;
    display: block;
}

.sched-row a span {
    display: block;
    text-align: center;
    font-size: 9.7em;
    position: relative;
    /* top: -.1em; */
    opacity: 1;
    line-height: 0.6;
    left: -0.1em;
}

.sched-row a:hover{
  background-color: #dedede;
  color: #b00c03;
}

/* Footer Section CSS  */ 

/* Footer CTA */

.site-footer{
  background-color: #ffffff!important;
  color: black!important;
  max-width: 1700px!important;
  margin: auto;
  box-shadow: 0em 0em 2em #e0e5ff;
  padding-bottom: 0em;
}

.site-footer .bullet-list li:after{
  display: none;
}

.site-footer .bullet-list li{
  padding: 0.2em 0;
}

.site-footer .bullet-list li{
  width: 50%;
}

.logo-foot{
  text-align: center;
  padding: 2%;
}

.logo-foot a{
  text-decoration: none;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: black!important;
}

.schema{
  text-align: center;
}

.schema a{
  display: block;
  font-weight: 900;
}

.schema a:hover{
  color: #e53631!important;
}
 

.footer-txt{
  text-transform: uppercase;
  text-align: center;
  font-family: 'Poppins';
  color: #b00c03;
  letter-spacing: .08em;
  font-size: 1.2em;
  margin-top: 1em;
}

.help-links a{
  display: block;
  text-decoration: none;
  border-bottom: 1px solid #0000001c;
  padding: .5em;
}

.help-links a:hover{
  color: #e62318!important;
}

.copyright{
  color: white;
  text-transform: uppercase;
  font-size: 0.7em!important;
  letter-spacing: .08em;
  padding: 0.5em 0em 0.8em 0em!important;
  max-width: none;
  width: 100%;
  background: black;
  margin-top: 2%;
}

.socialmedia{
  position: relative;
}

.socialmedia .navbar{
  position: relative;
  padding-left: 0rem;
  list-style: none;
  justify-content: center;
  margin: 0;
  padding: 0;
}

.socialmedia .navbar a{
  color: #b00c03!important;
  font-size: 2em;
  text-decoration: none;
  padding: 0em 0.2em 0em 0.2em;
  margin: 0em 0em;
  display: block;
  text-align: center;
}

.socialmedia .navbar a span{
  line-height: 1.7;
}

.socialmedia .navbar a:hover{
  background-color: #b5201d00;
}

.socialmedia .navbar a:hover{
  color: #ee3338!important;
}

.schema-title{
  margin: 0.7em 0 0em 0!important;
}

footer a{
  text-decoration: none;
}

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

/* ------------------------------------------------------------------Inner Pages Css ------------------------------------------------------------------ */ 

/* Global Inner CSS  */ 

.full-inner-max{
  padding-top: 0em;
}

.insideimage{
  position: relative;
  padding: 10% 0% 13% 0%;
  background-position: top;
  background-size: cover;
  margin-top: 11.5%;
  background-image: url(/wp-content/uploads/2021/09/inside-topbanner.jpg);
}

.insideimage .slider-usp{
  bottom: -1em;
}

.insideimage .slider-usp-cont{
  margin: -2% auto 0em 0;
  top: 4em;
  width: 65%;
  border-left: 0;
  padding: 1.2% 1% 1.2% 1%;
  position: relative;
  z-index: 2;
  text-align: center;
}

.insideimage .slider-usp .row{
  line-height: 1.2;
}

.insideimage .slider-usp-cont span{
  font-size: 6em;
  line-height: .9;
}

.banner-head{
  position: relative;
  color: #111111;
  letter-spacing: .12em;
  font-size: 1.5em;
  text-transform: uppercase;
  padding-left: 4%;
  border-left: .2em solid #b00c03;
  font-family: 'Playfair Display', serif;
}

.extra-pad{
  padding: 0 5%;
}


#breadcrumbs {
    border-bottom: solid 1px rgba(0, 0, 0, 0.18);
    color: black;
    z-index: 999;
    position: relative;
    margin-bottom: 0px;
    margin-right: auto;
    margin-top: 30px;
    padding: 0% 2% 1.8% 1%;
}


 

#breadcrumbs a {
    color: #b00c03;
    font-weight: 900;
    text-decoration: none;
}

#breadcrumbs .icon-home {
    font-size: 1.2em;
    border-right-width: thin;
    border-right-style: solid;
    border-right-color: rgba(0, 0, 0, 0.2);
    padding: 1em;
    margin-right: 12px;
    color: #b00c03;
}

.emp-form{
  position: relative;
  background-color: #003046;
  padding: 5% 5%;
}

.emp-form .with_frm_style .vertical_radio .frm_checkbox label, .emp-form .with_frm_style .vertical_radio .frm_radio label{
  color: #fff;
}

.emp-label{
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .08em;
  color: white;
  font-size: 1.5em;
  margin-bottom: .8em;
}

.emp-form .with_frm_style .frm_primary_label{
  color: white;
}

.emp-form .frm_style_formidable-style.with_frm_style input[type=submit]{
  display: block;
  width: 100%;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  font-family: 'arvobold';
  background-color: #00169d;
}

.emp-form .frm_style_formidable-style.with_frm_style input[type=submit]:hover{
  background-color: black;
  color: white;
}

.emp-form .frm_forms.frm_style_formidable-style-2.with_frm_style{
  width: 100%!important;
  max-width: none!important;
}

.finance-sbox{
  position: relative;
  padding: 1.4em 1.5em 2em 1.5em;
  outline-offset: -0.8em;
  outline: 1px solid white;
  background-image: url(/wp-content/uploads/2021/10/finance-innerbgg.jpg);
  background-size: cover;
  background-position: center;
  margin-top: 1.5em;
  color: white;
}


.finance-sbox:before{
  content: '';
  position: absolute;
  background-image: url(/wp-content/uploads/2021/10/truck-bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 100%;
  z-index: -1;
  top: -8em;
  right: -80%;
  background-position: center;
  opacity: 0;
}

.finance-sbox:after{
  content: '';
  position: absolute;
  background-image: url(/wp-content/uploads/2021/10/new-westtrk.png);
  background-size: 17.5em;
  background-repeat: no-repeat;
  height: 12em;
  width: 100%;
  bottom: -9.5em;
  left: 0em;
  background-position: center;
}

.finance-sbox .finance-head{
  font-size: 1.9em;
  color: white;
  margin-top: 0em;
}

.finance-sbox .finance-sub{
  font-size: .6em;
  background-color: #000000d6;
  padding: .5em;
  text-align: center;
}

.finance-sbox .bullet-list li{
  width: 100%;
  font-size: .8em;
}

.finance-sbox .btn{
  display: block;
}


/* Opening CTA Inner CSS  */ 


blockquote {
    font-size: 1.32em!important;
    margin-top: 35px!important;
    width: 95%;
    border-left: aliceblue;
    position: relative;
    padding: 3% 6.5EM 0.1% 3%!important;
    margin: 4% 1% 6% 1%!important;
    z-index: 9;
    color: #000000!important;
    background-color: #000000!important;
}

blockquote, blockquote p {
    line-height: 1.6;
    color: #ffffff!important;
}

 

blockquote:after {
    content: '';
    position: absolute;
    bottom: 0.3em;
    background-size: 100%;
    background-repeat: no-repeat;
    z-index: 1;
    height: 3em;
    width: 3em;
    transition: all .3s ease-in-out;
    background-position: center;
    right: 0.5em;
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
    background-image: url(/wp-content/uploads/2021/09/west-compass.png);
}

blockquote:before {
    content: '';
    position: absolute;
    bottom: 0em;
    left: 0em;
    height: 100%;
    width: 100%;
    transition: all .3s ease-in-out;
    z-index: -01;
    background-repeat: repeat;
    background-size: 100%;
    border-left: 0.3em solid #b00c03;
    border-radius: 0.8em;
    border-top-left-radius: 0em;
    border-bottom-left-radius: 0em;
}

blockquote a{color: #e62318;text-decoration: none;}

blockquote a:hover{color: #87aad5;}



#breadcrumbs {
    border-bottom: solid 1px rgba(0, 0, 0, 0.18);
    color: black;
    z-index: 9;
    position: relative;
    margin-bottom: 0px;
    margin-right: auto;
    margin-top: 30px;
}


.inside-content h1 {
    margin-bottom: -1px;
    color: #b00c03;
    font-weight: 900;
    font-size: 2.5em;
}

.inside-content h1 strong{
    color: #3f6fa6;
}

.inside-content h1 span{
  display: block;
  font-size: .6em;
  font-family: 'Poppins';
  font-weight: normal;
}

.inside-content h2 em{
  font-size: .8em;
  font-family: 'Poppins';
  font-weight: normal;
  font-style: normal

}




.inside-content h2 {
    color: #212529;
    font-weight: 900;
    font-size: 2em;
}

.inside-content h3 {
    color: #1d9799;
    font-weight: 900;
    font-size: 1.4em;
}

.inside-content h5{
  font-size:  1.3em;
}

.deal-price{
  position: relative;
  font-family: 'Playfair';
  font-weight: 900;
  font-size: 4em;
  color: #000000;
  line-height: 1.2;
}

.deal-price span{
  display: block;
  font-size: 0.5em;
  padding: 1% 7%;
}

.deal-offer{
  position: relative;
  font-size: 1.2em;
  line-height: 1.4;
  display: block;
  margin: 2% 0 2% 0;
}

.deal-offer span{
  display: block;
  font-size: .7em;
}

.coup-page{
  position: relative;
}

.coup-page .col-lg-6{
  margin: .5em 0;
}

.coup-page .home-coup:before{
  width: 100%;
  height: 27%;
}


.coup-page .home-coup img{
  width: 5em;
  left: 0;
  margin-bottom: 2em;
}

.coup-page .home-coup{
  color: #0c0d0e;
  padding: 7% 6% 7% 6%;
  height: 21em;
  display: table-cell;
  font-size: 1.1em;
  vertical-align: middle;
  background-image: url(/wp-content/uploads/2021/10/couo-bg.jpg);
  outline: .3em dashed #000000a1;
  outline-offset: -1em;
}

.coup-page .home-coup .btn{
  margin: 0.4em auto 1em auto;
}
 

.employ-acc .accordion-header{
  margin: 0;
  text-align: center;
} 

.employ-acc  .accordion-button{
   text-transform: uppercase;
   letter-spacing: .03em;
   font-size: 1.3em;
   text-align: center!important; 
}

.employ-acc .accordion-button:not(.collapsed) {
    color: #fbf6a5;
    background-color: #b5201d;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

/* List Style 1 Inner CSS  */ 

.bullet-list{
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 10px;
}

.bullet-list li {
    position: relative;
    padding: 0 0 0.1em;
    padding-left: 2em;
    font-size: 1.2em;
    font-weight: 500;
    width: 48%;
}

.bullet-list li:after {
    content: "\f058";
    font-family: 'icomoon' !important;
    position: absolute;
    top: 0;
    left: 0;
    color: #b00c03;
    font-size: 1.333em;
    border-radius: 50%;
    line-height: 1;
}

.bullet-list li a{
  color: #b00c03;
  text-decoration: none;
}

.bullet-list li a:hover{
  color: #000000;
}

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

/* List Style 2 Inner CSS  */ 

.check-list li{
    display: block!important;
    padding: .8em 1em .8em 4em!important;
    border-bottom: solid 1px rgba(0, 0, 0, 0.14)!important;
    position: relative!important;
    line-height: 1.5em!important;
    text-align: left!important;
    width:100%!important;
}

.check-list  {
    display: block!important;
    margin: 1em 0!important;
    padding: 0!important;
    border: solid 1px rgba(0, 0, 0, 0.08)!important;
}

.check-list li:before {
    content: "\f00c";
    font-family: 'icomoon' !important;
    color: #b00c03;
    display: block;
    position: absolute;
    font-size: 1.2em;
    top: 0.8em;
    left: 1.06em;
    z-index: 2;
}

.check-list li:after{
  content: '';
  position: absolute;
  background-size: 100%;
  width: 2.5em;
  height: 2.5em;
  top: 0.4em;
  left: 0.3em;
  background-repeat: no-repeat;
}

.check-list li strong {
    text-transform: uppercase;
    font-size: 1.025em;
    color: #000000;
    font-family: 'Playfair Display', serif;
}

.check-list li a{
  color: #b00c03!important;
}

.check-list li a:hover{
  color: #ffdd17;
}

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

/* Opening CTA Inner CSS  */ 

.text-highlight {
    font-size: 1.36em;
    font-style: italic;
    color: #000000;
    position: relative;
    font-weight: 500!important;
    margin-top: 8px;
    padding-bottom: 3%;
    margin-bottom: 39px;
    line-height: 1.4!important;
}

.text-highlight:not(.no-line):after {
    content: ' ';
    display: block;
    width: 159%;
    height: 4px;
    background-color: #b00c03;
    position: absolute;
    top: 99%;
    right: 20px;
}

.text-highlight p{
  margin-bottom: 0;
}

.side-coup{
    position: relative;
    background-color: #ebebeb;
    text-align: center;
    outline-offset: -1.3em;
    padding: 5% 14% 13% 14%;
    font-size: 0.8em;
    text-transform: uppercase;
    margin-bottom: 1em;
    background-position: 53% 19%;
    color: black;
    background-size: cover;
    margin-top: 3%;
    border-radius: 0em;
    background-image: url(/wp-content/uploads/2021/10/couo-bg.jpg);
    outline: .3em dashed #0000008f;
}

.side-coup img{
  display: block;
  width: 6.5em;
  margin: auto;
}

.side-price{
  font-size: 4em;
  color: #000000;
  position: relative;
  margin-top: 2%;
  font-family: 'Playfair Display', serif;
  font-weight: 900;
}

.side-offer{
    font-size: 1.3em;
    position: relative;
    margin-bottom: 3%;
    letter-spacing: .08em;
}

.side-offer span{
  display: block;
  font-size: .7em;
}

.side-coup .btn-primary{
  display: block;
  text-transform: uppercase;
  letter-spacing: .03em;
  color: #ffffff;
  letter-spacing: .08em;
  border: 0;
  padding: 0.6em 1em;
  border-radius: 0;
  font-size: 0.9em;
  width: 90%;
  margin: auto;
}

.side-label{
  text-align: center;
  text-transform: uppercase;
  font-size: 1.4em;
  letter-spacing: .05em;
  margin-bottom: 0%;
  color: #ffffff;
}

.side-form{
  position: relative;
  background-color: #000000;
  padding: 5% 9%;
  margin-bottom: 5%;
  box-shadow: 0px 0px 2em rgb(2 2 2 / 15%);
  border: 1px solid #e4e4e4;
}

.side-form iframe{
  height: 29em!important;
}


 .text-highlight2 {
    font-size: 1.25em;
    padding: 1.5em 3% 1.1em;
    position: relative;
    border-bottom: solid 1px #00000054;
    text-align: center;
    margin: 4.5rem 0 1.5rem;
    color: #000000;
    font-weight: 900;
}

.text-highlight2:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right,#00000040 44.99%,#FFFFFF 45%,#FFFFFF 54.99%,#00000040 55%);
}


.text-highlight2:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 5em;
    background-size: 3.5em;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    left: 0em;
    top: -2.95em;
    background-image: url(/wp-content/uploads/2021/09/west-compass.png);
}

 .text-highlight2 a{
   display: unset;
   color: #b00c03;
   transition: all .3s ease-in-out;
   transform: scale(1);
   position: relative;
   bottom: 0em;
 }

  .text-highlight2 a:hover{
    font-size: 1.04em;
    bottom: 0.12em;

 }

.inner-bottom{
  margin-top: 5%;
  color: #000!important;
  padding: 3% 0% 4% 0%;
  z-index: 99;
  background-image: none;
} 

.inner-bottom .usp-row{
  margin-top: -25%;
}

.inner-bottom:after{
  display: none;
}

.side-reviews{
  position: relative;
  text-align: center;
  line-height: 1.8;
  padding: 8% 5%;
  background: #b00c03;
  color: white;
}

.side-reviews .rev-author:after{
  display: none;
}

.side-rev-box{
  padding: 5% 6%;
  font-size: .9em;
}

.side-reviews .carousel-control-next, .side-reviews .carousel-control-prev {
    color: #fff;
    opacity:1;
}

.side-reviews .btn-primary{
  display: block;
  border-radius: 0em;
  border: 0;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 6%;
  color: white;
  background: #000000;
}

.side-reviews .side-label{
  color: white;
}

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


/* Closing CTA Inner CSS  */ 


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


.faq-page .accordion-button{
  background-color: #000000;
  color: white;
}

.faq-page .accordion-button[aria-expanded=true], .faq-page .accordion-button:hover{
  background-color: #b00c03;
  color: white;
}

.faq-page .accordion-button::after{
   -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);  
}

/* 404 Page */



.error-page {
    padding: 7% 4% 7% 4%;
    background-size: cover;
    background-position: center;
    text-align: center;
    color: black;
    margin-top: 9%;
    background-image: url(/wp-content/uploads/2021/10/west-404.jpg);
}

.error-page .inside-content {
    position: relative;
    padding-top: 0px;
    background-color: #00000000;
    padding: 4% 1% 4% 1%;
}

.error-page .error{
  font-size: 1.3em;
  font-weight: 700;
  color: #b00c03;
  position: relative;
  display: block;
  line-height: 0.8;
  letter-spacing: 0.08em;
  z-index: 2;
  font-family: 'Poppins';
  text-transform:  uppercase;
  width: 11em;
  margin: 0.2% auto 1% auto;
  border-left: .2em solid;
}

.error-page .error strong{
  color: black;
}


.error-page .inside-content h1{
  font-size: 6em;
  color: #000000;
  position: relative;
  z-index: 1;
}

.error-page .entry-content{
  font-size: 1.4em;
  padding: 0% 8%;
  position: relative;
  color: black;
}


.reroute-btns{
  padding: 0% 8%;
  position: relative;
}

.reroute-btns .column,.reroute-btns .columns {
    padding-left: .3375rem;
    padding-right: .3375rem;
}

.reroute-btns .btn{
  width: 100%;
  padding: 2% 2% 2% 2%;
  font-size: 1.1em;
  background-color: #a90c03;
  color: #ffffff;
  box-shadow: 1px 1px 16px 8px #0000000f;
  text-transform: uppercase;
  /* font-weight: 900; */
  letter-spacing: .03em;
  border: 0;
  border-radius: 0;
  margin: .7em 0;
}

.reroute-btns .btn:hover{
  background-color: #000000!important;
  color: white!important;
  text-shadow: none;
}


.reroute-btns span{
  position: relative;
  top: 0.15em;
  font-size: 1.3em;
}


.single-blog ul{
  margin-left: 2em!important;
}

/* Default Template CSS  */ 

.main-blog{
  position: relative;
}

.main-blog a{
  text-decoration: none;
  color: #b92b22!important;
}

.main-blog .page-nav{
  position: relative;
  background-color: #efefef;
  padding: 1.5em;
  margin-bottom: 1em;
}

.main-blog .post-thumbnail img{
  width: 100%;
  display: block;
}


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


/* Thank You Template CSS  */ 

.thank-you {
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    padding: 9% 1% 5% 1%;
    margin-top: 6%;
    z-index: 99;
    background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/ty-bgdss.jpg);    
    position: relative;
}

.thank-you .bg-inner {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.39);
    border: solid 1px #0000005e;
    position: relative;
    padding: 4.063rem 0 3.363rem 0;
    color: white;
}

.thank-you .bg-inner {
    width: 100%;
    max-width: 1100px!important;
    margin: 0 auto;
    position: relative;
}

.thank-you .bg-inner p {
    font-size: 1.5rem;
    line-height: 1.5em;
}

.thank-you .bg-inner  h1{
    margin: 0;
    color: #ffffff;
    font-weight: normal;
    font-size: 3.3rem;
    line-height: 1;
    margin-bottom: 33px;
    text-transform: uppercase;
    letter-spacing: .03em;
    text-shadow: -6px -1px .8em #2b2b2b;
}


.thank-you .bg-inner h1 strong {
    display: block;
    font-size: 1.847em;
    color: #b00c03;
}


.thank-you .button{
  display: block;
  background-color: #b00c03;
  text-transform: uppercase;
  font-size: 1em;
  letter-spacing: .08em;
  color: #ffffff;
  text-decoration: none;
  padding: 0.65em 0em;
  font-family: 'Poppins';
  margin: 0.7em 0;
}

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


/* Client Response Template CSS  */ 

 

.client-resp-wrap{
  padding: 0% 5%;
}


.client-response .entry-content{
  padding: 0% 5%;
}

.client-response .frm_style_formidable-style.with_frm_style input[type=submit]{
  display: block;
  width: 100%;
  font-family: 'arvobold';
  font-size: 1em;
  text-transform: uppercase;
  letter-spacing: .08em;
  background-color: #e62318;
}

.client-response .frm_style_formidable-style.with_frm_style input[type=submit]:hover{
  background-color: black;
  color: white;
}

.client-response .frm_style_formidable-style-2.with_frm_style .frm_primary_label{
  color: white;
}

.client-response .frm_style_formidable-style-2.with_frm_style input[type=submit]{
  display: block;
  background-color: #d51f2f;
  color: white;
  width: 100%;
  padding: .85em 0em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 1em;
  font-family: 'poppinsbold', sans-serif!important;
}

.client-response .frm_forms.frm_style_formidable-style-2.with_frm_style{
  margin: auto;
}

.client-response .bg-inner {
    text-align: center;
    background-color: rgba(0, 0, 0, 0.31);
    border: solid 1px #000000a6;
    position: relative;
    padding: 3.063rem 0 1.363rem 0;
    color: white;
}

.client-response .bg-inner {
    width: 100%;
    max-width: 1100px!important;
    margin: 0 auto;
    position: relative;
}

.client-response .bg-inner p {
    font-size: 1.6rem;
    line-height: 1.5em;
    padding: 0% 5%;
}

.client-response .bg-inner  h1{
    margin: 0;
    color: #ffffff;
    font-size: 4.5rem;
    line-height: 0.9;
    margin-bottom: 3%;
    text-shadow: 4px 4px 0.7em #00000075;
    text-transform: uppercase;
}


.client-response .bg-inner h1 strong {
    display: block;
    font-size: 1.647em;
    color: #b00c03;
    position: relative;
}

.client-response .bg-inner  h1 span strong{
  font-size: 1.3em;
}

.client-response .bg-inner  h1 span{
  font-size: 0.7em;
  display: block;
  font-weight: normal;
}

.client-response .with_frm_style .frm_primary_label{
  color: white;
}

.client-response .frm_button_submit {
  position: relative;
  display: block;
  width: 100%;
  background-color: #e7090c;
  padding: .85em 0em;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 900;
  font-family: 'Ubuntu', sans-serif!important;
}

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


/* Client Feedback Review Template CSS  */ 


.client-response {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 13% 1% 7% 1%;
    background-color: #4e4e4e;
    margin-top: 6%;
    background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/ty-bgdss.jpg);
}

.client-review {
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: cover;
    padding: 11% 4% 5% 4%;
    position: relative;
    z-index: 9;
    margin-top: 8%;
    background-image: url(/wp-content/themes/plumberseo-bootstrap/inc/assets/images/feedback-bg.jpg);
    text-align: center;
}
 

.client-review  p {
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 0% 0%;
    color: black;
}

.client-review  h1{
    margin: 0;
    color: #000000;
    font-weight: normal;
    font-size: 3.2rem;
    line-height: 1;
    margin-bottom: -0.1em;
    /* text-shadow: 4px 4px 0.4em #00000057; */
    text-transform: uppercase;
    position: relative;
}


.client-review h1 strong {
    display: block;
    font-size: 1.47em;
    color: #b00c03;
}


.resp-box{
  border-top: 1px solid #00304624;
  FONT-WEIGHT: 100;
  position: relative;
  margin-top: 2%;
  border-bottom: 1px solid #00304624;
}

.resp-txt{
  font-weight: 900;
  font-size: 1.7em;
  letter-spacing: 0.03em;
  margin-bottom: 2%;
  line-height: 1.7;
  padding: 1% 5% 0% 5%;
}

.resp-box .btn{
  display: block;
  width: 80%;
  max-width: 440px;
  border-radius: 0em;
  border: 0;
  margin: auto;
}

.client-review img{
  display: block;
  width: 90%;
  margin: auto;
}

.client-review .col-12 img{
  max-width: 450px;
}

.client-review .row-cols-5{
  padding: 0% 15%;
  margin-top: 2%;
}


/* ------------------------------------------------------Media Queries CSS ---------------------------------------- */ 


 @media screen and (min-width: 5.001em) and (max-width: 25em) {


      #breadcrumbs{
     font-size: .6em;
   }

   blockquote {
    padding: 2% 3% 1% 3%!important;
}

   blockquote:after{
     display: none;
   }   

   .error-page .inside-content h1{
     font-size: 2.8em;
     margin-bottom: 0em;
   }


   .error-page .error{
     font-size: 0.8em;
   }   

.error-page .entry-content {
    font-size: 1em;
    padding: 0% 3%;
    margin-top: 0.1em;
}   
   

.client-review{
  text-align: center;
  margin-top: 24%;
  padding: 20% 4% 5% 4%;
}


.client-review .row-cols-5 {
    padding: 0% 1%;
    margin-top: 2%;
}


.client-review .row-cols-5 .col{
  padding: 0.5%;
}


.client-review img, .client-review .btn{
  margin: auto;
  width: 100%;
}

.client-review h1{
  font-size: 2em;
}   

 
.client-response .bg-inner p {
    font-size: 1.1rem;
    padding: 0% 0%;
}

.client-response .bg-inner h1 {
    font-size: 1.9rem;
}

.thank-you .bg-inner h1 {
    font-size: 1.4rem;
}

.thank-you .button{
  margin: .5em 0;
}

.thank-you .bg-inner p {
    font-size: 1rem;
}


   .bullet-list li{
     width: 100%;
   }

        .insideimage {
    margin-top: 21%;
    padding: 17% 0% 0% 0%;
}

.thank-you {
    padding: 15% 1% 5% 1%;
    margin-top: 17%;
}

.finance-sbox .finance-head {
    font-size: 1.8em;
}

.finance-sbox .finance-sub {
    font-size: .6em;
}

.finance-sbox .bullet-list li {
    font-size: 1.1em;
}

.finance-sbox:after{
  display: none;
}


.banner-head{
   font-size: 1.1em;
}


.sliderfull {
    padding: 7% 2% 19% 2%;
    background-position: 100% 50%;
    margin-top: 29%;
    background-image: url(/wp-content/uploads/2021/09/mobile-paper-bg.jpg);
}


.add-header{
  margin-top: 4em;
}


.logo-image img{
  width: 31em;
  transform: scale(1.4);
}

.smallbar .logo-image img{
  width: 8em;
}


.quick-nav.adjust {
    font-size: .9em;
    top: 4.2em;
}

.home-form{
  margin-top: 3em;
}

.section-4{
  background-image: url(/wp-content/uploads/2021/09/mobile-reviewsbg.jpg);
  background-position: bottom;
  padding: 48% 0% 10% 0%;
}

.section-4:after{
  opacity: 1;
}

.usp-box{
  font-size: .79em;
}

.slider-usp{
  width: 100%;
  right: 0%;
  position: relative;
  bottom: -2em;
  font-size: 0.7em;
}

.top-bar em{
  font-size: .8em;
}

.slider-header{
  font-size: 2.3em;
}

.slider-sub{
  font-size: 0.9em;
  padding: 1em 0em 0.5em 0em;
}

.section-1 h1{
  font-size: 2.2em;
}



.sec3-header{
  font-size: 1.8em;
}

.rev-header{
  font-size: 1.7em;
  margin-bottom: 0.8em;
}

.section-4 .btn.btn-primary{
  margin-top: .3em;

}

.home-coup {
    padding: 11% 5% 13% 5%;
    width: 100%;
}


.home-price{
  font-size: 6em;
}

.home-offer {
    font-size: 1.6em;
  }


.finance-head{
  margin-top: 2%;
  font-size: 2.3em;
}

.usp-blk{
  height: 21em;
  font-size: .9em;
}

.section-5 .col-sm-12 {
    flex: 0 0 auto;
    width: 100%!important;
    margin: 1% 0;
}

.section-5 .col-md-5, .section-5 .col-md-7{
  width: 100%!important;
}

.sec6-header{
  font-size: 1.88em;
  margin-bottom: 0.4em;
}

.section-6 .usp-blk{
  font-size: 1.06em;
  padding: 0.5em;
  width: 90%;
  height: auto;
}

.section-6:after{
  display: none;
}

.close-cta{
  font-size: 0.8em;
  padding: 20% 2% 3% 2%;
}

.usp-wrap {
    margin-top: -4em;
    bottom: -5em;
    padding-left: 2%;
    padding-right: 2%;
}

 

.sched-row a {
    padding: 3% 0% 3% 0%;
}

.home-form .camp-form iframe {
    height: 32.2em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.3em!important;
}
.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}
 

.resp-txt{
  font-size: 1em;
}


.client-response {
    padding: 17% 1% 7% 1%;
    margin-top: 14%;
}

.insideimage .slider-usp-cont{
  border-top-left-radius: 3em;
  border-bottom-left-radius: 3em;
  border-left: 0.4em solid #0a3000;
  margin: 2% 0% auto;
  font-size: 0.5em;
  width: 90%;
  text-align: center;
}

.finance.btn{
  margin: 3em 0 2em 0;
}


.hide-for-small-only{
  display: none!important;
}

.error-page {
    padding: 13% 4% 6% 4%;
    margin-top: 18%;
}

.help-links a{
  text-align: center;
}

.side-form iframe {
    height: 39em!important;
}



}



 @media screen and (max-width: 35em) and (min-width: 25.001em) {

   .side-form iframe {
    height: 39em!important;
}

   .home-form .camp-form iframe {
    height: 32em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32em!important;
}



.sliderfull {
    padding: 7% 2% 19% 2%;
    background-position: 100% 50%;
    margin-top: 24%;
    background-image: url(/wp-content/uploads/2021/09/mobile-paper-bg.jpg);
}


.add-header{
  margin-top: 4em;
}


.home-form{
  margin-top: 3em;
}

.section-4{
  background-image: url(/wp-content/uploads/2021/09/mobile-reviewsbg.jpg);
  background-position: bottom;
  padding: 27% 0% 10% 0%;
}

.section-4:after{
  opacity: 1;
}

.usp-box{
  font-size: .79em;
}

.slider-usp{
  width: 100%;
  right: 0%;
  position: relative;
  bottom: -2em;
}

.top-bar em{
  font-size: .8em;
}

.slider-header{
  font-size: 2.7em;
}

.slider-sub{
  font-size: 1.2em;
  padding: 1em 0em 0.5em 0em;
}

.section-1 h1{
  font-size: 2.8em;
}



.sec3-header{
  font-size: 2.1em;
}

.rev-header{
  font-size: 2.1em;
  margin-bottom: 0.8em;
}

.section-4 .btn.btn-primary{
  margin-top: .3em;

}

.home-coup {
    padding: 12% 5% 15% 5%;
    width: 100%;
}


.home-price{
  font-size: 8.9em;
}

.home-offer {
    font-size: 1.9em;
  }


.finance-head{
  margin-top: 2%;
  font-size: 2.9em;
}

.usp-blk{
  height: 21em;
  font-size: .9em;
}

.section-5 .col-sm-12 {
    flex: 0 0 auto;
    width: 100%!important;
    margin: 1% 0;
}

.section-5 .col-md-5, .section-5 .col-md-7{
  width: 100%!important;
}

.sec6-header{
  font-size: 2.38em;
  margin-bottom: 0.4em;
}

.section-6 .usp-blk{
  font-size: 1.06em;
  padding: 0.5em;
  width: 90%;
  height: auto;
}

.section-6:after{
  display: none;
}

.close-cta{
  font-size: 0.9em;
  padding: 20% 2% 3% 2%;
}

.usp-wrap {
    margin-top: -4em;
    bottom: -5em;
    padding-left: 2%;
    padding-right: 2%;
}

 
        .insideimage {
    margin-top: 20%;
    padding: 17% 0% 0% 0%;
}


   #breadcrumbs{
     font-size: .7em;
   }



.finance-sbox .finance-head {
    font-size: 2.4em;
}

.finance-sbox .finance-sub {
    font-size: .74em;
}

.finance-sbox .bullet-list li {
    font-size: 1.1em;
}

.finance-sbox:after{
  display: none;
}

.client-review .row-cols-5 {
    padding: 0% 1%;
    margin-top: 2%;
}


.client-review .row-cols-5 .col{
  padding: 0.5%;
}

      blockquote {
    padding: 2% 3% 1% 3%!important;
}

   blockquote:after{
     display: none;
   }

      .bullet-list li{
     width: 100%;
   }

   .error-page .error{
     font-size: 0.9em;
   }

   .error-page .inside-content h1{
     font-size: 3.4em;
     margin-bottom: 0em;
   }

.error-page .entry-content {
    font-size: 1em;
    padding: 0% 3%;
    margin-top: 0.1em;
}   

.client-review{
  text-align: center;
  padding: 22% 4% 5% 4%;
  margin-top: 21%;
}

.client-review img, .client-review .btn{
  margin: auto;
}

.client-review h1{
  font-size: 2.3em;
}    

.client-response .bg-inner p {
    font-size: 1.4rem;
}

.client-response .bg-inner h1 {
    font-size: 2.4rem;
}

.thank-you .bg-inner h1 {
    font-size: 1.8rem;
}

.thank-you .button{
  margin: .5em 0;
}

.thank-you .bg-inner p {
    font-size: 1rem;
}

.thank-you {
    padding: 15% 1% 5% 1%;
    margin-top: 17%;
}
 

.client-response {
    padding: 16% 1% 7% 1%;
    margin-top: 16%;
}


.hide-for-small-only{
  display: none!important;
}

.error-page {
    padding: 7% 4% 6% 4%;
    margin-top: 18%;
}


  .logo-image img {
    width: 11.8em;
    transform: scale(1.5);
}

.quick-nav.adjust {
    font-size: .9em;
    top: 4.2em;
}

.smallbar .logo-image img {
    width: 8em;
}

.help-links a{
  text-align: center;
}




}




 @media screen and (max-width: 39.938em) and (min-width: 35.001em) {

   .side-form iframe {
    height: 40em!important;
}


  .logo-image img {
    width: 13.8em;
}

  .smallbar .logo-image img {
    width: 12.6em;
} 

.error-page {
    padding: 3% 4% 6% 4%;
    margin-top: 17%;
}


.client-review{
  text-align: center;
  padding: 22% 4% 5% 4%;
  margin-top: 17%;
}

.client-review img, .client-review .btn{
  margin: auto;
}


.client-review .row-cols-5 {
    padding: 0% 1%;
    margin-top: 2%;
}


.client-review .row-cols-5 .col{
  padding: 0.5%;
}

.client-review h1{
  font-size: 3.4em;
}   

.resp-txt {
    font-size: 1.5em;
}   

   .home-form .camp-form iframe {
    height: 32.2em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32em!important;
}

     .insideimage {
    margin-top: 8%;
    padding: 16% 0% 7% 0%;
}

.insideimage .slider-usp-cont{
  border-top-left-radius: 3em;
  border-bottom-left-radius: 3em;
  border-left: 0.4em solid #0a3000;
  margin: 2% 0% auto;
  font-size: 0.6em;
  width: 75%;
  text-align: center;
}


.finance-sbox .finance-head {
    font-size: 3em;
}

.finance-sbox .finance-sub {
    font-size: 1em;
}

.finance-sbox .bullet-list li {
    font-size: 1.1em;
}

.finance-sbox:after{
  display: none;
}

.banner-head{
   font-size: 1.2em;
}

   #breadcrumbs{
     font-size: .79em;
   }


   .bullet-list li{
     width: 100%;
   }

   blockquote {
    padding: 2% 3% 1% 3%!important;
}

   blockquote:after{
     display: none;
   }

      .error-page .inside-content h1{
     font-size: 4.6em;
     margin-bottom: 0em;
   }

.error-page .entry-content {
    font-size: 1.2em;
    padding: 0% 3%;
    margin-top: 0.1em;
}   


.add-header{
  margin-top: 4em;
}


.sliderfull {
    padding: 7% 40% 19% 2%;
    background-position: 100% 60%;
    margin-top: 18%;
    background-image: url(/wp-content/uploads/2021/10/mobile-slider-bg-red.jpg);
}

.home-form{
  margin-top: 3em;
}

.section-4{
  background-image: url(/wp-content/uploads/2021/09/mobile-reviewsbg.jpg);
  background-position: bottom;
  padding: 27% 0% 10% 0%;
}

.section-4:after{
  opacity: 1;
}

.usp-box{
  font-size: .79em;
}

.slider-usp{
  width: 54%;
  right: 1.2em;
  font-size: .8em;
}

.top-bar em{
  font-size: .8em;
}

.slider-header{
  font-size: 2.5em;
}

.slider-sub{
  font-size: 1em;
  padding: 1em 0em 0.5em 0em;
}

.section-1 h1{
  font-size: 2.4em;
}



.sec3-header{
  font-size: 1.8em;
}

.rev-header{
  font-size: 3.1em;
  margin-bottom: 0.8em;
}

.section-4 .btn.btn-primary{
  margin-top: .3em;

}

.home-coup {
    padding: 19% 5% 24% 5%;
    width: 95%;
}


.home-price{
  font-size: 9.9em;
}

.home-offer {
    font-size: 2.5em;
  }


.finance-head{
  margin-top: 2%;
}

.usp-blk{
  height: 27em;
  font-size: .9em;
}

.section-5 .col-sm-12 {
    flex: 0 0 auto;
    width: 50%!important;
    margin: 1% 0;
}

.section-5 .col-md-5, .section-5 .col-md-7{
  width: 100%!important;
}

.sec6-header{
  font-size: 3.38em;
  margin-bottom: 0.4em;
}

.section-6 .usp-blk{
  font-size: 1.06em;
  padding: 0.5em;
  width: 90%;
  height: auto;
}

.section-6:after{
  display: none;
}

.close-cta{
  font-size: 0.8em;
  padding: 15% 2% 3% 2%;
}

.close-cta strong{
  font-size: 2.4em;
}

.usp-wrap {
    margin-top: -4em;
    bottom: -5em;
    padding-left: 2%;
    padding-right: 2%;
}


.client-response .bg-inner p {
    font-size: 1.5rem;
    padding: 0% 0%;
}

.client-response .bg-inner h1 {
    font-size: 3.1rem;
}

.thank-you .bg-inner h1 {
    font-size: 2.3rem;
}

.thank-you .button{
  margin: .5em 0;
}
 
.thank-you {
    padding: 13% 1% 5% 1%;
    margin-top: 15%;
} 

.client-response {
    padding: 15% 1% 7% 1%;
    margin-top: 16%;
}
 

.hide-for-small-only{
  display: none!important;
}

.help-links a{
  text-align: center;
}



 }



 @media screen and (max-width: 55em) and (min-width: 39.939em) {

   .side-form iframe {
    height: 41em!important;
}

   .quick-nav.adjust{
     top: 5.4em;
   }

    .logo-image img {
    width: 21.8em;
}

   .smallbar .logo-image img {
    width: 19em;
}

.error-page {
    padding: 6% 4% 6% 4%;
    margin-top: 10%;
}

.sliderfull .col-sm-12, .section-1 .col-sm-12, .section-2 .col-sm-12, .section-3 .col-sm-12, .section-4 .col-sm-12, .section-6 .col-sm-12{
    width: 100%!important;
}

.add-header{
  margin-top: 4em;
}

.sliderfull {
    padding: 7% 40% 19% 2%;
    background-position: 100% 50%;
    margin-top: 19%;
    background-image: url(/wp-content/uploads/2021/10/mobile-slider-bg-red.jpg);
}

.home-form{
  margin-top: 3em;
}

.section-4{
  background-image: url(/wp-content/uploads/2021/09/mobile-reviewsbg.jpg);
  background-position: bottom;
  padding: 27% 0% 10% 0%;
}

.section-4:after{
  opacity: 1;
}

.usp-box{
  font-size: .79em;
}

.slider-usp{
  width: 55%;
}

.top-bar em{
  font-size: .8em;
}

.slider-header{
  font-size: 2.8em;
}

.slider-sub{
  font-size: 1.2em;
  padding: 1em 0em 0.5em 0em;
}

.section-1 h1{
  font-size: 2.8em;
}



.sec3-header{
  font-size: 2.1em;
}

.rev-header{
  font-size: 3.3em;
  margin-bottom: 0.8em;
}

.section-4 .btn.btn-primary{
  margin-top: .3em;

}

.home-coup {
    padding: 19% 5% 24% 5%;
    width: 85%;
}


.home-price{
  font-size: 9.9em;
}

.home-offer {
    font-size: 2.5em;
  }


.finance-head{
  margin-top: 2%;
}

.usp-blk{
  height: 27em;
  font-size: .9em;
}

.section-5 .col-sm-12 {
    flex: 0 0 auto;
    width: 50%!important;
    margin: 1% 0;
}

.section-5 .col-md-5, .section-5 .col-md-7{
  width: 100%!important;
}


.sec6-header{
  font-size: 3.48em;
  margin-bottom: 0.4em;
}

.section-6 .usp-blk{
  font-size: 1.06em;
  padding: 0.5em;
  width: 90%;
  height: auto;
}

.section-6:after{
  display: none;
}

.close-cta{
  font-size: 0.9em;
  padding: 13% 2% 3% 2%;
}

.usp-wrap {
    margin-top: -4em;
    bottom: -5em;
    padding-left: 2%;
    padding-right: 2%;
}



.hide-for-small-only{
  display: none!important;
}

   .home-form .camp-form iframe {
    height: 31.9em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.2em!important;
}

.help-links a{
  text-align: center;
}

   .insideimage {
    margin-top: 17%;
}

   .error-page .inside-content h1{
     font-size: 5.2em;
     margin-bottom: 0em;
   }

.error-page .entry-content {
    font-size: 1.3em;
    padding: 0% 3%;
    margin-top: 0.1em;
}   

 
.insideimage .col-md-4{
  width: 33.33%!important;
}


.home-label{
  font-size: 1.9em;
}

.call-button{
  font-size: 3em;
  width: 90%;
}
  

 


 
.sched-row a{
  font-size: 1.1em;
}

.sched-row .col-sm-12{
  width: 100%!important;
}

.client-review{
  text-align: center;
  padding: 18% 4% 5% 4%;
}

.client-review img, .client-review .btn{
  margin: auto;
}


.client-review .row-cols-5 {
    padding: 0% 8%;
    margin-top: 2%;
}


.client-review .row-cols-5 .col{
  padding: 0.5%;
}

.client-review h1{
  font-size: 3.9em;
}   

.resp-txt {
    font-size: 1.5em;
}

.copyright{
  font-size: .9em!important;
}

.client-response .bg-inner p {
    font-size: 1.5rem;
}

.thank-you .bg-inner h1 {
    font-size: 2.6rem;
}

.thank-you {
    padding: 9% 1% 5% 1%;
    margin-top: 10%;
}

.thank-you .button{
  margin: .5em 0;
}


.inside-content .col-md-8, .inside-content .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
}


.finance-sbox .finance-head {
    font-size: 2.2em;
}

.finance-sbox {
  width: 60%;
  padding: 1.8em 3.5em 2.5em 2.5em;
}

.finance-sbox .finance-sub {
    font-size: .6em;
}

.finance-sbox .bullet-list li {
    width: 100%;
    font-size: 1.1em;
}

.finance-sbox:after {
    background-size: 19.5em;
    height: 12em;
    width: 18em;
    left: 92%;
    bottom: -0.3em;
}

.finance-sbox:before{
  opacity: 1;
}

 }


 @media screen and (max-width: 59.999em) and (min-width: 55.001em) {

.side-form iframe {
    height: 38em!important;
}

.smallbar .logo-image img {
    width: 20em;
}
  
 .quick-nav.adjust {
    top: 7.6em;
} 


   .home-form .camp-form iframe {
    height: 32.5em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.2em!important;
}


.sliderfull {
    padding: 5% 0% 19% 2%;
    background-position: 100% 50%;
    margin-top: 19%;
}

.section-4 .col-sm-12{
  width: 100%;
}

.usp-box{
  font-size: .9em;
}

.top-bar em{
  font-size: .8em;
}

.slider-header{
  font-size: 3.3em;
}

.slider-sub{
  font-size: 1.4em;
  padding: 1em 0em 0.5em 0em;
}

.section-1 h1{
  font-size: 2.6em;
}

.sec3-header{
  font-size: 1.9em;
}

.rev-header{
  font-size: 3.5em;
  margin-top: 3em;
}

.section-4 {
    padding: 10% 0% 1% 0%;
}

.usp-blk{
  height: 27em;
  font-size: .9em;
}



.inner-bottom .usp-blk {
    height: 24em;
}


.finance-sbox .finance-head {
    font-size: 1.8em;
}
 
 .inside-content .col-md-8, .inside-content .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
}


.finance-sbox .finance-head {
    font-size: 3.2em;
}

.finance-sbox {
  width: 60%;
  padding: 1.8em 3.5em 2.5em 2.5em;
}

.finance-sbox .finance-sub {
    font-size: 0.9em;
}

.finance-sbox .bullet-list li {
    width: 100%;
    font-size: 1.1em;
}

.finance-sbox:after {
    background-size: 27.5em;
    height: 16em;
    width: 27em;
    left: 92%;
    bottom: -0.3em;
}

.finance-sbox:before{
  opacity: 1;
}


.sec6-header{
  font-size: 1.68em;
}

.section-6 .usp-blk{
  font-size: 0.86em;
  padding: .3em;
}

.close-cta{
  font-size: 1.2em;
}

.usp-wrap {
    margin-top: -4em;
    bottom: -5em;
}


.site-footer .bullet-list li{
  font-size: .9em;
}

.sched-row a{
  font-size: 0.9em;
}   


.error-page {
    padding: 11% 4% 6% 4%;
    margin-top: 10%;
}


.resp-txt {
    font-size: 1.5em;
}

.client-review h1{
  font-size: 2.8em;
}

.sched-row:after {
    content: " ";
    position: absolute;
    bottom: 35%;
    height: 2.4em;
    width: .4em;
    left: 50.8%;
}

.sliderfull .btn{
  font-size: 1em;
}

.copyright{
  font-size: .9em!important;
}   

.hide-for-small-only{
  display: none;
}


.show-for-small-only{
  display: none;
}


 }


 @media screen and (min-width: 60.000em) and (max-width: 63.938em) {
 
   .home-form .camp-form iframe {
    height: 32em!important;
}

.inside-content .col-md-8, .inside-content .col-md-4 {
    flex: 0 0 auto;
    width: 100%;
}


.finance-sbox .finance-head {
    font-size: 1.8em;
}
 


.finance-sbox .finance-head {
    font-size: 3.2em;
}

.finance-sbox {
  width: 60%;
  padding: 1.8em 3.5em 2.5em 2.5em;
}

.finance-sbox .finance-sub {
    font-size: 0.9em;
}

.finance-sbox .bullet-list li {
    width: 100%;
    font-size: 1.1em;
}

.finance-sbox:after {
    background-size: 27.5em;
    height: 16em;
    width: 27em;
    left: 92%;
    bottom: -0.3em;
}

.finance-sbox:before{
  opacity: 1;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.2em!important;
}

   .desk-nav{
     display: block;
   }

   .mobile-nav, .quick-nav{
     display: none;
   }

   .menu>li a {
    font-size: .8em;
}

.menu-top-menu-container .menu>li a{
  font-size: 0.7em;
}

.smallbar .menu-top-menu-container .menu>li a{
  font-size: .68em;
}

.smallbar    .menu>li a {
    font-size: .76em;
}

.smallbar .desk-nav .top-bar .btn-primary{
  font-size: 0.7em;
}

  .logo-image img {
    width: 18.8em;
}

.smallbar .desk-nav .btn-primary{
  font-size: .9em;
}


.sliderfull {
    padding: 5% 0% 19% 2%;
    background-position: 100% 50%;
    margin-top: 13%;
}

 
.rev-truck {
    top: 15.1em;
}

.top-bar em{
  font-size: 0.7em;
}

.slider-header{
  font-size: 3.4em;
}

.slider-sub{
  font-size: 1.4em;
  padding: 1em 0em 0.5em 0em;
}

.section-1 h1{
  font-size: 2.6em;
}

.sec3-header{
  font-size: 2em;
}

.rev-header{
  font-size: 1.6em;
}

.usp-blk{
  height: 27em;
}

.side-form iframe {
    height: 34em!important;
}

.sec6-header{
  font-size: 1.78em;
}

.section-6 .usp-blk{
  font-size: 0.86em;
  padding: .3em;
}

.usp-wrap {
    margin-top: -4em;
    bottom: -5em;
}

.contact-desk a {
    font-size: 1.3em;
}

.smallbar .contact-desk a {
    font-size: 1.1em;
}


.sched-row:after {
    content: " ";
    position: absolute;
    bottom: 35%;
    height: 2.4em;
    width: .4em;
    left: 50.8%;
}

.sliderfull .btn{
  font-size: 1em;
}

.copyright{
  font-size: .9em!important;
}   

.sched-row a {
    padding: 3% 0% 3% 0%;
}


.close-cta{
  font-size: 1.2em;
}

.home-form .row {
    font-size: 1.3em;
}



html {
    font-size: 15px!important;
}
 

.show-for-small-only{
  display: none;
}

 }


 @media screen and (max-width: 75em) and (min-width: 63.939em) {


.side-form iframe {
    height: 31em!important;
}

   .home-form .camp-form iframe {
    height: 32em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.2em!important;
}

   .desk-nav{
     display: block;
   }

   .mobile-nav, .quick-nav{
     display: none;
   }

   .menu>li a {
    font-size: .9em;
}

.menu-top-menu-container .menu>li a {
    font-size: 0.8em;
}

.smallbar .menu-top-menu-container .menu>li a{
  font-size: .68em;
}

.smallbar    .menu>li a {
    font-size: .86em;
}

.smallbar .desk-nav .btn-primary{
  font-size: .9em;
}


.smallbar .desk-nav .top-bar .btn-primary{
  font-size: 0.7em;
}

  .logo-image img {
    width: 21.8em;
}


html {
    font-size: 16px!important;
}
 
.rev-truck {
    top: 15.1em;
}
 
.sliderfull {
    padding: 7% 0% 17% 2%;
    background-position: 100% 50%;
    margin-top: 14%;
}

.top-bar em{
  font-size: .78em;
}

.slider-header{
  font-size: 3.4em;
}

.home-form iframe{
  height: 28em!important;
}

.slider-sub{
  font-size: 1.4em;
}

.section-1 h1{
  font-size: 2.6em;
}

.sec3-header{
  font-size: 2em;
}

.rev-header{
  font-size: 1.6em;
}


.sec6-header{
  font-size: 1.78em;
}

.section-6 .usp-blk{
  font-size: 0.86em;
  padding: .3em;
}

.usp-wrap {
    margin-top: -4em;
    bottom: -5em;
}




.sched-row:after {
    content: " ";
    position: absolute;
    bottom: 35%;
    height: 2.4em;
    width: .4em;
    left: 50.8%;
}

.sliderfull .btn{
  font-size: 1em;
}

.copyright{
  font-size: .9em!important;
}   

.close-cta{
  font-size: 1.2em;
}

.show-for-small-only{
  display: none;
}

 }


 @media screen and (max-width: 85em) and (min-width: 75.001em) {

   html {
    font-size: 17px!important;
}

.home-form iframe{
  height: 28em!important;
}



   .home-form .camp-form iframe {
    height: 32em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.2em!important;
}

   .desk-nav{
     display: block;
   }

   .mobile-nav, .quick-nav{
     display: none;
   }

 
 
.sliderfull {
    padding: 5% 0% 19% 2%;
    background-position: 100% 50%;
    margin-top: 15%;
}

.top-bar em{
  font-size: .8em;
}

.slider-header{
  font-size: 3.6em;
}

.slider-sub{
  font-size: 1.4em;
}

.section-1 h1{
  font-size: 2.9em;
}

.sec3-header{
  font-size: 2em;
}

.rev-header{
  font-size: 1.7em;
}

.usp-blk{
  height: 27em;
}

.inner-bottom .usp-blk {
    height: 24em;
}

.sec6-header{
  font-size: 1.8em;
}

.section-6 .usp-blk{
  font-size: .9em;
  padding: 1.3em;
}

.usp-wrap {
    margin-top: -4em;
    bottom: -5em;
}

.sched-row:after {
    content: " ";
    position: absolute;
    bottom: 35%;
    height: 2.4em;
    width: .4em;
    left: 50.8%;
}

.sliderfull .btn{
  font-size: 1em;
}

.copyright{
  font-size: .9em!important;
}   

.close-cta{
  font-size: 1.3em;
}

.sched-row a {
    padding: 1% 2% 2% 2%;
}

.show-for-small-only{
  display: none;
}


 } 



 @media screen and (max-width: 95.001em) and (min-width: 85.001em) {

   html {
    font-size: 17px!important;
}

.home-form iframe{
  height: 28em!important;
}


   .home-form .camp-form iframe {
    height: 32em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.2em!important;
}

   .desk-nav{
     display: block;
   }

   .mobile-nav, .quick-nav{
     display: none;
   }

   .menu>li a {
    font-size: 1em;
}

.smallbar    .menu>li a {
    font-size: .9em;
}

.smallbar .menu-top-menu-container .menu>li a{
  font-size: .7em;
}

.smallbar .desk-nav .btn-primary{
  font-size: .9em;
}


.smallbar .desk-nav .top-bar .btn-primary{
  font-size: 0.7em;
}

  .logo-image img {
    width: 25em;
}

.smallbar .logo-image img {
    width: 23em;
}
 



.sched-row:after {
    content: " ";
    position: absolute;
    bottom: 35%;
    height: 2.4em;
    width: .4em;
    left: 50.8%;
}

.sliderfull .btn{
  font-size: 1em;
}

.copyright{
  font-size: .9em!important;
}   


.close-cta{
  font-size: 1.5em;
}

.show-for-small-only{
  display: none;
}


 }


 @media screen and (max-width: 125em) and (min-width: 95.001em) {

   html {
    font-size: 17px!important;
}

   .home-form .camp-form iframe {
    height: 32em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.2em!important;
}

.home-form iframe{
  height: 28em!important;
}


   .desk-nav{
     display: block;
   }

   .mobile-nav, .quick-nav{
     display: none;
   }

 
 
.sliderfull {
    padding: 11% 2% 14% 2%;
    margin-top: 12%;
    background-position: 100% 50%;
}

.sec6-header {
    font-size: 2.4em;
}

.rev-header {
    font-size: 2.2em;
}

.section-1 h1 {
    font-size: 3.7em;
}

.sched-row:after {
    content: " ";
    position: absolute;
    bottom: 35%;
    height: 2.4em;
    width: .4em;
    left: 50.8%;
}

.sliderfull .btn{
  font-size: 1em;
}

.copyright{
  font-size: .9em!important;
}   

.close-cta{
  font-size: 1.6em;
}

.sched-row a {
    padding: 3% 0% 3% 0%;
}


.show-for-small-only{
  display: none;
}


 } 
  
  
 @media screen and (min-width: 125.001em) and (max-width: 999.9em) {
 

.sec6-header {
    font-size: 2.4em;
}

.rev-header {
    font-size: 2.2em;
}

.section-1 h1 {
    font-size: 3.7em;
}

.home-form iframe{
  height: 28em!important;
}

 
html {
    font-size: 17px!important;
}


   .home-form .camp-form iframe {
    height: 32em!important;
}

.widget .home-form .camp-form iframe {
    height: 36.3em!important;
}

.modal-dialog .camp-form iframe {
    height: 32.2em!important;
}

   .desk-nav{
     display: block;
   }

   .mobile-nav, .quick-nav{
     display: none;
   }

   .menu>li a {
    font-size: 1.1em;
}

.smallbar    .menu>li a {
    font-size: .96em;
}

.smallbar .menu-top-menu-container .menu>li a{
  font-size: 0.7em;
}

.smallbar .desk-nav .top-bar .btn-primary{
  font-size: 0.7em;
}


.smallbar .desk-nav .btn-primary{
  font-size: .9em;
}


.copyright{
  font-size: .9em!important;
}   

.slider-header{
  font-size: 5.1em;
}

.sliderfull {
    margin-top: 12%;
    padding: 11% 2% 16% 2%;
}

.slider-subline{
  font-size: 3.5em;
}

.close-cta{
  font-size: 1.9em;
}

.sched-row a {
    padding: 3% 0% 3% 0%;
    font-size: 1.1em;
}

.show-for-small-only{
  display: none;
}

 }






/*******
*****   Animate CSS 
*******/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
 
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06)}70%{-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}.headShake{-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-name:headShake;animation-name:headShake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes tada{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate(-3deg);transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(3deg);transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate(-3deg);transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate(-5deg);transform:translate3d(-25%,0,0) rotate(-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate(3deg);transform:translate3d(20%,0,0) rotate(3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate(-3deg);transform:translate3d(-15%,0,0) rotate(-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate(2deg);transform:translate3d(10%,0,0) rotate(2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate(-1deg);transform:translate3d(-5%,0,0) rotate(-1deg)}to{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,11.1%,to{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes bounceIn{0%,20%,40%,60%,80%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scaleX(1);transform:scaleX(1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes bounceInUp{0%,60%,75%,90%,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotateY(-1turn);transform:perspective(400px) rotateY(-1turn)}0%,40%{-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-190deg);transform:perspective(400px) translateZ(150px) rotateY(-190deg)}50%{-webkit-transform:perspective(400px) translateZ(150px) rotateY(-170deg);transform:perspective(400px) translateZ(150px) rotateY(-170deg)}50%,80%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95)}to{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg)}60%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateX(-5deg);transform:perspective(400px) rotateX(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}0%,40%{-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}40%{-webkit-transform:perspective(400px) rotateY(-20deg);transform:perspective(400px) rotateY(-20deg)}60%{-webkit-transform:perspective(400px) rotateY(10deg);transform:perspective(400px) rotateY(10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotateY(-5deg);transform:perspective(400px) rotateY(-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateX(-20deg);transform:perspective(400px) rotateX(-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotateY(-15deg);transform:perspective(400px) rotateY(-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotateY(90deg);transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg)}60%,80%{opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{transform-origin:center;-webkit-transform:rotate(-200deg);transform:rotate(-200deg);opacity:0}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{transform-origin:right bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{transform-origin:right bottom;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);opacity:0}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}@keyframes rotateOut{0%{transform-origin:center;opacity:1}0%,to{-webkit-transform-origin:center}to{transform-origin:center;-webkit-transform:rotate(200deg);transform:rotate(200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(45deg);transform:rotate(45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}0%,to{-webkit-transform-origin:left bottom}to{transform-origin:left bottom;-webkit-transform:rotate(-45deg);transform:rotate(-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}0%,to{-webkit-transform-origin:right bottom}to{transform-origin:right bottom;-webkit-transform:rotate(90deg);transform:rotate(90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{transform-origin:top left}0%,20%,60%{-webkit-transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate(80deg);transform:rotate(80deg);transform-origin:top left}40%,80%{-webkit-transform:rotate(60deg);transform:rotate(60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate(-120deg);transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}@keyframes rollOut{0%{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate(120deg);transform:translate3d(100%,0,0) rotate(120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%,to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translateZ(0);transform:translateZ(0)}}@keyframes sli