body { font-family: 'latoregular'!important; font-weight: normal; font-style: normal; letter-spacing: 1px; }
.white123 { column-count: 2; -webkit-column-count: 2; -moz-column-count: 2; -ms-column-count: 2; -o-column-count: 2; line-height: 26px; padding: 0px; width: 100%; display: block; list-style: none; text-align: left; }
.welcome { margin-bottom: 35px; }
 
.topcontact a { font-size: 18px; font-weight: bold; }
#ascrail2000-hr {display:none; visibility:hidden; }
.module1 { background: url(https://09ae5d.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/standard-product.jpg) no-repeat; background-size: 100% auto; height: 346px; padding: 20px; }
.module1 h4 { font-size: 25px; font-weight: bold; }
.module1 p { width: 46%; text-transform: uppercase; font-size: 15px; font-weight: bold; padding-bottom: 15px; }
.module1 p a { background: #0093d0; border: 2px solid #0674a2; color: #fff; text-transform: uppercase; padding: 12px 15px; margin-top: 15px; text-decoration: none; }
 .fullstrip{background:url(https://e2bd09.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/topbg.jpg); padding:20px 0px;}

.etalage_magnifier{visibility:hidden; display:none;}
.etalage_zoom_preview{visibility:hidden; display:none;}

.etalage_zoom_area{visibility:hidden; display:none;}
.mainheader{background:rgba(255,255,255,0.5);}

 .mprocess img{margin-bottom:15px;}

ul.mtree li:hover{background:#40aedc; text-decoration:none;}
                         ul.mtree li a:hover{text-decoration:none; color:#fff;}
                        
.module1 p{height:134px;}      
                   
 
.topmodule p{margin-top:20px;}
.topmodule p a{padding:10px 25px; text-decoration:none; font-size:20px; border:1px solid #fff; color:#fff;}

.topmodule0{width:280px;}

.topmodule1{width:280px;}
.topmodule2{width:280px;}
.topmodule3{width:280px;}
   
.services h3{text-align:left;}
        .services p{text-align:left;}
.products p{text-align:justify !important; font-size:14px;}

.textback {background:url(https://f0857d.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/textback.jpg) no-repeat fixed center center / cover  rgba(0, 0, 0, 0);}

footer { background: url(https://b71867.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/footer.jpg)  no-repeat fixed center center / cover  rgba(0, 0, 0, 0); padding: 20px 0px; }
footer a { color: #a5a5a5; line-height: 25px; }
footer a:hover { color: #fff; }
footer p { color: #fff; font-size: 15px; font-weight: bold; }
footer p span { color: #a5a5a5; margin:0; }
footer .fa:before { color: #fff; margin: 0px; padding: 0px; }
footer .moduleterms li { color: #a5a5a5;}
.lastfooter{background:#0093d0; color:#fff; padding:15px 0px;}
.lastfooter a{color:#fff;}
.lastfooter p{margin:0px;}

.amazingcarousel-title{background:url(https://c48495.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/products-title.jpg) repeat-x;}

.amazingcarousel-title span{background:#f2f1f1; padding:0px 15px; font-weight:bold;}

.moduleterms p a {
    margin-right: 20px;
    font-weight: bold;
    font-size: 14px;
}
.solutions { color: #4f4e4e; font-size: 14px; }
.solutions h3 { color: #060709; }
.solutions p { margin: 10px 0px; }
.solutions li { list-style: url(https://136781.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/li.png) inside; line-height: 25px; }
.news i a { font-style: normal; font-size: 14px; color: #62615d; }
.demo2 li { padding: 6px 0px; border-bottom: 1px dotted; }
.demo2 p { font-size: 18px; color: #000; text-transform: uppercase; text-align: center; }
.productback { background: #f3f3f3; padding: 15px 0px; }
.carousel-caption h3 { font-size: 60px; text-shadow: 0px 0px 5px #000000; }
.carousel-caption p { font-size: 40px; font-family: "latolight"; }
.carousel-caption p a { font-size: 20px; border: 1px solid #fff; padding: 10px 30px; color: #000; text-decoration: none; }
.module2 { background: url(https://5735a6.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/solid.jpg) no-repeat; background-size: 100% auto; height: 346px; padding: 20px; }
.module2 h4 { font-size: 34px; font-weight: bold; color: #fff; text-transform: uppercase; }
.module2 p { width: 51%; text-transform: uppercase; font-size: 15px; font-weight: bold; padding-bottom: 15px; color: #fff; }
.module2 p a { background: #0093d0; border: 2px solid #0674a2; color: #fff; text-transform: uppercase; padding: 12px 30px; margin-top: 15px; text-decoration: none; }
.module3 { background: url(https://d92a99.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/mobility.jpg) no-repeat; background-size: 100% auto; height: 346px; padding: 20px; }
.module3 h4 { font-size: 34px; font-weight: bold; color: #fff; text-transform: uppercase; }
.module3 p { width: 52%; text-transform: uppercase; font-size: 15px; font-weight: bold; padding-bottom: 15px; color: #fff; }
.module3 p a { background: #0093d0; border: 2px solid #0674a2; color: #fff; text-transform: uppercase; padding: 12px 30px; margin-top: 8px; text-decoration: none; float:left; }
.module4 { background: url(https://a2d77c.claudeassets.com/20220517100559im_/https://skywaywheels.com/images/custom.jpg) no-repeat; background-size: 100% auto; height: 346px; padding: 20px; }
.module4 h4 { font-size: 34px; font-weight: bold; color: #fff; text-transform: uppercase; }
.module4 p { width: 45%; text-transform: uppercase; font-size: 15px; font-weight: bold; padding-bottom: 15px; color: #fff; }
.module4 p a { background: #0093d0; border: 2px solid #0674a2; color: #fff; text-transform: uppercase; padding: 12px 30px; margin-top: 15px; text-decoration: none; }
.specialize p { text-align: center; font-size: 25px; text-transform: uppercase; }

.areas { text-align: center; margin: auto; }
.areas p a{ border: 2px solid #b7bfc3; font-size: 19px; padding: 8px 23px; margin-top: 35px; color: #0093d0; text-decoration:none; }
.areas img { padding: 5px; }


 
.areas1 {
    text-align: center;
    margin: auto;
    min-height: 295px;
}

.areas1:hover {text-align: center; margin: auto;  box-shadow:2px 4px 13px #ccc;}

.areas1 p a{ border: 2px solid #b7bfc3; font-size: 14px; padding:5px 25px;  color: #0093d0; text-decoration:none; }
.areas1 img { padding: 5px; }


 .textback{padding:50px;}
  .textback h5{font-size:25px; color:#0090ce;}
  
   .textback h3{font-size:20px; color:#0090ce;}
  
  .textback p{font-size:14px; color:#ccc; width:100%; }
  
  .services h3{text-align:left;}
        .services p{text-align:left;}

.photo { padding: 0px; }
.welcome { background: #3b3b3b; padding: 18px 50px; }
.welcome h3 { color: #0093d0; font-size: 30PX; padding: 5px 0px; text-transform: uppercase; }
.welcome p span { color: #fff; font-size: 22px; line-height: 33px; text-transform: uppercase; }
.welcome p { color: #fff; font-size: 19px; line-height: 25px; margin-bottom: 16px; }
.menu { margin-top: 30px !important; }
.topheader .quote { color: #fff; background: #40aedc; padding: 8px 12px; text-decoration: none; cursor: pointer; margin-left: 5px; border: 1px solid #fff; }
.topheader .quote1 { color: #fff; background: #404040; padding: 8px 12px; text-decoration: none; cursor: pointer; margin-left: 5px; border: 1px solid #fff; }
.topheader .quote1:hover { color: #fff; background: #40aedc; padding: 8px 12px; text-decoration: none; cursor: pointer; margin-left: 5px; border: 1px solid #fff; }
.topheader .quote:hover { color: #fff; background: #404040; padding: 8px 12px; text-decoration: none; cursor: pointer; border: 1px solid #fff; }
.topheader .quote a { color: #fff; text-decoration: none; }
.topheader .quote1 a { color: #fff; text-decoration: none; }
.topheader span { color: #0b68ce; }
.specialize { padding: 10px 0px 30px 0px; }


.product p{ font-family: 'latolight'; text-align:center; margin:10px 0px;}

 @media (min-width:200px) and (max-width:600px) {
.module1 p{height:auto !important}
.finalfooter p { width: 100%; text-align: center; font-size: 12px; }
.menu { margin-top: 0px !important; }
.animated-arrow { padding: 14px 14px 18px 6px; }
.topcontact a { font-size: 11px; }
.topcontact .quote { padding: 6px 8px; }
.topcontact .quote:hover { padding: 6px 8px; }
.topcontact .quote1 { padding: 6px 8px; }
.topcontact .quote1:hover { padding: 6px 8px; }
.finalmargin{margin:0px -10px!important;}
 

}
@media screen and (min-width:200px) and (max-width:768px) {
.logo { margin-bottom: 10px; }
.nav { font-size: 12px !important; }
.nav li { border-top: 1px dotted #4897f0; }
.nav li:first-child { border-top: none; }
.nav li:hover { background: #0b56aa; color: #000; }
.nav>li>a { padding: 8px 3px; font-size: 14px !important }
.blue { text-align: justify; color: #fff; width: 100% !important; margin-top: 10px !important; }
.navbar { margin-top: -23px !important; }
 .menu { margin-top:0px !important; }
 
 .lastfooter p{text-align:center; width:100%; font-size:12px;}
 
 .wsmenu-list > li > a{border:none !important; color:#000 !important;}
 .wsmenu-list > li{padding-left:0px !important;}
 
}

@media screen and (min-width:200px) and (max-width:320px) {
  .topcontact a{font-size:9px !important;} 
  .link3{height:250px !important;} 
    }
    


 @media screen and (min-width:200px) and (max-width:481px) {
     
   .module1 p{width:70%; font-size:12px;}
   .module1 h4{font-size:25px;}
 .module2 p{width:100%; font-size:12px;} 
 .module3 p{width:80%; font-size:12px;}  
 .module4 p{width:70%; font-size:12px;} 
  
  .module2 h4{font-size:25px;}
  .module3 h4{font-size:25px;}
  .module4 h4{font-size:25px;} 
   .module1{ height:270px;}
.module2{height:270px;}
.module3{height:270px;}
.module4{height:270px;}    

.welcome p{font-size:14px !important;}

.welcome p span{font-size:18px;}

.welcome{padding:2px 25px;}

#etalage{display:block; float:none;}
.product h3{text-align:center;}


#etalage{text-align:center; margin:auto;}

#etalage{width:250px !important;}

.etalage_thumb_image{width:250px !important;}

.etalage_magnifier{visibility:hidden; display:none;}
.etalage_zoom_preview{visibility:hidden; display:none;}

.etalage_zoom_area{visibility:hidden; display:none;}

 .etalage_small_thumb{width:30px;}

 
}

@media screen and (min-width:772px) and (max-width:802px) {
    
}
@media screen and (min-width:200px) and (max-width:480px) {
h1 { font-size: 25px; }
.logo  img{width:80px;}
}
 @media screen and (min-width:200px) and (max-width:500px) {
 
}
 @media screen and (min-width:200px) and (max-width:996px) {
 
.mainheader { position: static !important; }
.navbar a{color:#000 !important;}
.logo  img{width:80px;}
footer{text-align:center !important;}

footer img{text-align:center !important;}

.link1{height:215px;}
.link2{height:215px;}
.link3{height:215px;}

.etalage_magnifier{visibility:hidden; display:none;}
.etalage_zoom_preview{visibility:hidden; display:none;}

.etalage_zoom_area{visibility:hidden; display:none;}}
 
 @media screen and (min-width:640px) and (max-width:999px) {
     
 .menu { margin-top:0px !important; }

 .wsmenu-list li a .arrow::after{top:13px !important;}    
}
 

 @media screen and (min-width:767px) and (max-width:996px) {
.nav>li>a { padding: 8px 3px; }
.topcontact a{font-size:13px;}
 
  .carousel-caption h3{ font-size:40px;}
  .carousel-caption{top:0%;}
  .carousel-caption p{font-size:25px;}
  .carousel-caption p a{padding:4px 30px;}
  
  .module1 p{width:57%; font-size:14px; height:162px;}
 .module2 p{width:70%; font-size:14px;} 
 .module3 p{width:70%; font-size:14px;}  
 .module4 p{width:60%; font-size:14px;} 
 .module1{ height:320px;}
.module2{height:320px;}
.module3{height:320px;}
.module4{height:320px;} 
 
}

@media screen and (min-width:997px) and (max-width:1250px) {
.nav { font-size: 13px; }
.logo {margin-bottom:10px;}

.areas p a{font-size:15px;}

.carousel-caption h3{font-size:40px !important;}
 
  .carousel-caption{top:35%;}
  .carousel-caption p{font-size:25px;}
  .carousel-caption p a{padding:4px 30px;}
 

.topmodule0{width:230px; font-size:14px !important;}

.topmodule1{width:230px; font-size:14px !important;}
.topmodule2{width:230px; font-size:14px !important;}
.topmodule3{width:230px; font-size:14px !important;}
.wsmenu-list > li > a{border:none !important; color:#000 !important;}

}
big a { color: #003399; text-decoration: none; }
.white1 { height: 360px !important; }
.white2 { height: 360px !important; }
.white3 { height: 360px !important; }
.white4 { height: 360px !important; }

@media screen and (min-width:1000px) {
.carousel-caption h3 { font-size: 60px; }

}

@media screen and (min-width:1000px) and (max-width:1200px){.menu{margin-top:0px !important;}}

@media screen and (min-width:1200px) and (max-width:1300px)
{
.module1{ height:260px;}
.module2{height:260px;}
.module3{height:260px;}
.module4{height:260px;}
.module1 p{width:88%; font-size:12px; }
 .module2 p{width:100%; font-size:12px;} 
 .module2 h4{font-size:30px;}
 .module3 p{width:100%; font-size:12px; }  
 .module4 p{width:84%; font-size:12px;}  
 .welcome h3{font-size:25px !important;}
.welcome p span{font-size:16px !important;}
.welcome p{font-size:14px; line-height:22px; margin-bottom:6px;}
 .photo img{height:455px;}
 .welcome{height:455px; padding:6px 30px;} 
.wsmenu-list > li > a{border:none !important; color:#000 !important;} 
}

@media screen and (min-width:1301px) and (max-width:1400px)
{
.module1{ height:280px;}
.module2{height:280px;}
.module3{height:280px;}
.module4{height:280px;}
 .module1 p{width:70%; font-size:12px;}
 .module2 p{width:74%; font-size:12px;} 
 .module2 h4{font-size:33px;}
 .module3 p{width:80%; font-size:12px;}  
 .module4 p{width:85%; font-size:12px;}  
 
.welcome h3{font-size:25px !important;}
.welcome p span{font-size:14px !important;}
.welcome p{font-size:14px; line-height:22px; margin-bottom:6px;}
 .photo img{height:455px;}
 .welcome{height:455px; padding:4px 33px;}
.wsmenu-list > li > a{border:none !important; color:#000 !important;} 
  
}

@media screen and (min-width:1401px) and (max-width:1600px){
.module1{ height:305px;}
.module2{height:305px;}
.module3{height:305px;}
.module4{height:305px;}  
  
.welcome h3{font-size:25px !important;}
.welcome p span{font-size:14px !important;}
.welcome p{font-size:14px; line-height:22px; margin-bottom:6px;}
 .photo img{height:455px;}
 .welcome{height:455px;}
.wsmenu-list > li > a{border:none !important; color:#000 !important;}
 }

@media screen and (min-width:1601px) and (max-width:1899px){
 .welcome h3{font-size:25px !important;}
.welcome p span{font-size:15px !important;}
.welcome p{font-size:14px; line-height:22px; margin-bottom:15px;}
 .photo img{height:455px;}
 .welcome{height:455px;}
 
 .wsmenu-list > li > a{border:none !important; color:#000 !important;}
    
}

@media screen and (min-width:1401px) and (max-width:1900px)
{
 .module1 p{width:57%; font-size:14px;}
 .module2 p{width:70%; font-size:14px;} 
 .module3 p{width:55%; font-size:14px;}  
 .module4 p{width:60%; font-size:14px;} 
 .wsmenu-list > li > a{border:none !important; color:#000 !important;}
}
    
 @media screen and (min-width:1901px) and (max-width:5000px)
{
  .wsmenu-list > li > a{border:none !important; color:#000 !important;}   
}
.hvr-shutter-out-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #e1e1e1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #2098d1;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
  color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);}

 @-webkit-keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

@keyframes hvr-buzz-out {
  10% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  20% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  30% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  40% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }

  50% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  60% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  70% {
    -webkit-transform: translateX(2px) rotate(1deg);
    transform: translateX(2px) rotate(1deg);
  }

  80% {
    -webkit-transform: translateX(-2px) rotate(-1deg);
    transform: translateX(-2px) rotate(-1deg);
  }

  90% {
    -webkit-transform: translateX(1px) rotate(0);
    transform: translateX(1px) rotate(0);
  }

  100% {
    -webkit-transform: translateX(-1px) rotate(0);
    transform: translateX(-1px) rotate(0);
  }
}

.hvr-buzz-out {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
  -webkit-animation-name: hvr-buzz-out;
  animation-name: hvr-buzz-out;
  -webkit-animation-duration: 0.75s;
  animation-duration: 0.75s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}



.hvr-shutter-in-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #2098d1;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #fff;
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
  color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
}


.hvr-float-shadow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(1, 147, 207, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-float-shadow:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 100%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(1, 147, 207, 0.70) 10%, rgba(1, 147, 207, 0) 100%);
  background: radial-gradient(ellipse at center, rgba(1, 147, 207, 0.70) 10%, rgba(1, 147, 207, 0) 100%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
  /* move the element up by 5px */
}
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}





@-webkit-keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

@keyframes hvr-icon-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(6px);
    transform: translateX(6px);
  }

  33.3% {
    -webkit-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

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

.hvr-icon-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  padding-right: 2.2em;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
  content: "\f061";
  position: absolute;
  right: 1em;
  padding: 0 1px;
  font-family: FontAwesome;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
  -webkit-animation-name: hvr-icon-wobble-horizontal;
  animation-name: hvr-icon-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

.hvr-rectangle-in {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background: #ccc;
  color:#000;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  color:#000;
  background: #fff;
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out ;
  transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
  color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
  -webkit-transform: scale(0);
  transform: scale(0);
}

p{font-family:'latoregular'!important; }

.recentposts ul {margin-top: 10px;border:1px solid #ccc;}
.recentposts ul li{border-top:1px solid #ccc;padding: 10px;}
.recentposts ul li:first-child{border-top:none;}
.recentposts ul li .post-date {display: inherit;color: #40aedc;}
.recentposts ul li a{color: #333;}

.postpagination {
    border: 1px solid #ccc;
    display: inline-block;
    margin: 10px;
    padding: 5px;
}



/*
     FILE ARCHIVED ON 10:19:08 Dec 06, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 05:16:01 Jul 08, 2026.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 0.476
  exclusion.robots: 0.043
  exclusion.robots.policy: 0.033
  esindex: 0.009
  cdx.remote: 45.397
  LoadShardBlock: 155.069 (3)
  PetaboxLoader3.datanode: 155.526 (5)
  PetaboxLoader3.resolve: 193.784 (3)
  load_resource: 268.351 (2)
*/