/*!/wp-content/themes/xcubelabsv2/css_new/newcss.css*//*banner*/
.carouselBanner{background:url(../jpg/bannerimg.jpg) no-repeat center;  background-size:cover; position: relative; height: 773px; overflow: hidden; }
.topSpace{ width:100%; clear:both; height:100px;}
.carouselBanner-caption{ text-align:center; padding-top:120px; font-family: 'Source Sans Pro'; color:#fff; font-weight: 100; width: 85%; margin: 0 auto;}
.carouselBanner-caption h1 {font-family: 'Source Sans Pro';font-weight: 600;text-transform: none;font-size: 80px; margin-bottom: 28px; padding: 0px;}
.carouselBanner-caption p { font-family: 'Source Sans Pro'; font-size: 20px; padding-bottom: 47px;letter-spacing: 0.02em;}

.captionBox p {  line-height: 32px; font-weight:300;color: #555555; font-size: 24px;  padding: 70px 8%; text-align: center; font-family: 'Source Sans Pro'; letter-spacing: 0.02em;}
.inEnterprises{ color:#fff; padding:101px 36px!important }
.inEnterprises h2{margin-top: -6px;  text-transform: uppercase;  letter-spacing: 0.02em; font-size:30px; font-family: 'Source Sans Pro'; font-weight: 600;}
.inEnterprises p{ margin-top: -3px;  letter-spacing: 0.02em; font-size:18px; font-family: 'Source Sans Pro'; font-weight: 100;}
.inEnterprises button{ margin-top:10px;}
.carouselBanner button{padding: 12px 34px!important;}


/*services*/
.servicesBox{position:relative;display:block;cursor:pointer;overflow:hidden; cursor:pointer; background: #fff; box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.09); padding:30px 20px; margin-bottom: 30px;height:100%;}
.servicesBox h2 {text-transform: uppercase;color: #353535;  letter-spacing: 0.02em; font-size: 24px;font-family: 'Source Sans Pro';font-weight: 600; padding-top: 35px; line-height: 26px; padding-bottom: 18px;}
.servicesBox img{ height:60px;margin-top: 20px;}
.servicesBox .servimg img{height:auto;margin-top:0;}
.servicesBox p{letter-spacing: 0.02em; color: #525252; line-height:24px;font-family: 'Source Sans Pro';
font-weight: 100; padding-top: 5px; }
.servicesBox:hover .servicesBoxcaption{-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);opacity:1;top:0;}
.servicesBoxcaption{left:0px; -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);opacity:0;position:absolute;height:100%;width:100%;top:250px;background:#000;color:#fff;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease;transition:all .9s ease;-webkit-transition-delay:.5s;-moz-transition-delay:.5s;-o-transition-delay:.5s;-ms-transition-delay:.5s;transition-delay:.15s;}
.servicesBoxcaption h3{ font-size: 24px;font-family: 'Source Sans Pro';font-weight: 600;  padding:30px;margin-bottom:0;position:relative;righ:100%;margin-top:37px;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease;transition:all .9s ease;}
.servicesBoxcaption p{font-family: 'Source Sans Pro';padding:10% 30px 8%;margin-bottom:0;color:#FFFFFF;position:relative;font-size:18px;-webkit-transition:all .9s ease;-moz-transition:all .9s ease;-o-transition:all .9s ease;-ms-transition:all .9s ease;transition:all .9s ease;}
.servicesBox:hover h3,.servicesBox:hover p{left:0;}

/*portfolio*/
.portfolio{background:url(../jpg/porfolio-bg.jpg) no-repeat;  background-size:cover; position: relative; height: 480px; overflow: hidden; margin-top:90px }
.ourClients img{padding-top:45px;}
.leftBorder{ border-right:1px solid #D0D0D0}
.ourClientsLogos .clear1{border-top:1px solid #D0D0D0}
.ourClientsLogos{     overflow: hidden; height: 256px;     margin-bottom: 40px}
.ourClientsLogos div {border: 1px solid #D0D0D0; text-align: center; min-height: 130px; margin-top: -1px;  margin-bottom: 0px; margin-right: 0px; margin-left: -1px;}
.ourClientsLogos div:nth-child(4),.ourClientsLogos div:last-child{border-right:1px solid #fff}
.ourClients .mainTitle{ font-weight: 700;}
.ourClients button{margin-top: 40px; }

/*blogs*/
.blogs{background:url(../jpg/blogs-bg.jpg) no-repeat;  background-size:100%; position: relative; height: 563px; overflow: hidden;  margin-top:90px}
.blogsContainer{background: #FFFFFF; box-shadow: 0px 20px 50px 0px rgba(0,0,0,0.17); padding:24px 30px;padding-bottom: 44px; color:#4E4E4E}
.blogsContainer span{ color:#A3A3A3; text-transform: uppercase; font-size: 12px;}
.blogsContainer p{font-size: 20px;font-family: 'Source Sans Pro';font-weight: 400;padding-bottom:25px;padding-top: 10px; line-height:28px;}
.blogs .mobilitybox{margin-right: 40px; margin-left: -13px;}


/*talktoUs*/
.talktoUs{margin-bottom: 80px;}
.talktoUs .inputText { background: none!important; box-shadow: none !important; border: none!important; border-bottom: 1px solid #CACACA!important;  padding: 10px 0px; font-size:16px; font-weight: 100; margin-bottom:40px}
.talktoUs textarea{ font-family:'Source Sans Pro';  font-weight: 100;font-size:16px;background:none!important; border-top:none!important; border-left:none!important; border-right:none!important; border-bottom:1px solid #CACACA!important; padding:10px 0px;}
.talktoUs .inputText::-webkit-input-placeholder {  color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs .inputText::-moz-placeholder { color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs .inputText:-ms-input-placeholder { color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs .inputText:-moz-placeholder { color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
 .talktoUs input:placeholder-shown{ color: #B2B2B2; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100;}
.talktoUs .mainTitle{ font-weight: 700;}
.talktoUs button{margin:40px 0px; }
 textarea:placeholder-shown {
  color: #B2B2B2 !important; font-size: 16px;font-family: 'Source Sans Pro'; font-weight: 100 !important;
}
.grayBg{ background:#F5F5F5; }
.gradient-bg{  background: #272529; background: -moz-linear-gradient(left, #0084e5 50%, #0084e5 50%); background: -webkit-linear-gradient(left, #0084e5 50%,#0084e5 50%); background: -ms-linear-gradient(left, #0084e5 50%,#0084e5 50%); background: linear-gradient(to right, #272529 50%,#0084e5 50%); }
.mainTitle{color: #353535; font-size:50px; font-family: 'Source Sans Pro'; font-weight: 600;  text-align: center;  padding: 108px 0px 50px 0px}
.clear{ clear:both;}
.whiteText{ color:#fff}
.ftrBG2{ margin-top:0px!important; padding-top:60px}
.noPadLeft{padding-left:0px!important}
.noPadRight{padding-right:0px!important}
.noPad{padding-left:0px!important; padding-right:0px!important;}
.mainTitle span{text-transform: lowercase;}
.boldText{ font-weight: 700;}
/*
.carouselBanner .btn,.inEnterprises .btn,.ourClientsLogos .btn, .blogsContainer .btn { background: transparent; font-family: 'Source Sans Pro'; border: 2px solid #fff;    text-align: left; font-size: 16px;  text-transform: capitalize; padding:12px 36px;  border-radius: 200px;     text-transform: uppercase!important;   letter-spacing: 0.02em;}
.carouselBanner .btn span,.inEnterprises .btn span { background: url(/wp-content/themes/xcubelabsv2/css_new/../images/btnrightArrow.svg) no-repeat!important; margin-left: 15px; width: 14px; display: inline; height: 2px; float: right; color: #fff; width: 18px; height: 8px; margin-top: 8px;     text-transform: uppercase!important; letter-spacing: 0.02em;}
.talktoUds .btn { border-color: #0084E5!important; background-color: #0084E5; color: #fff; font-weight: 600; margin: 30px auto;}
.talktoUs .btn { border-color: #0084E5!important;     text-transform: uppercase; background:#0084E5 url(/wp-content/themes/xcubelabsv2/css_new/../images/btnrightArrow.svg) no-repeat center right 20px !important; color: #fff; padding: 15px 50px; border-radius: 150px;   font-weight: 300;   margin:30px auto;}
.ourClients .btn {     width: 240px; letter-spacing: 0.02em; text-transform: uppercase; border-color: #525252!important;  background: url(/wp-content/themes/xcubelabsv2/css_new/../images/btnArrow.svg) no-repeat center right 20px !important; color: #525252; padding: 12px 36px; border-radius: 150px;   font-weight: 600;   margin:30px auto;}
.blogsContainer .btn{    text-transform: uppercase; background:#fff; border:2px solid #979797; width:auto; padding:10px 22px; height:auto}
.blogsContainer .btn:hover, .blogsContainer  .active{background:#4A90E2!important; color:#fff; border-color:#4A90E2; box-shadow:none!important}


*/

.btnDefault{ font-size:14px; border:2px solid #fff; background: transparent;  font-family: 'Source Sans Pro';  padding:12px 25px;  border-radius: 200px;  text-transform: uppercase;   font-weight: 600;} 
.btnDefault span{ background: url(../svg/btnrightarrow.svg) no-repeat!important; width: 20px; height: 10px; float: right;     margin-left: 15px; margin-top: 7px;}
.btnDefault:hover{background:#0084e5!important; color:#fff!important; border-color:#0084e5!important }
.btnPrimary{ font-size:14px; border:2px solid #0084e5; background: #0084e5;  color:#fff; font-family: 'Source Sans Pro';  padding:12px 25px;  border-radius: 200px;  text-transform: uppercase;    font-weight: 600;} 
.btnPrimary span{ background: url(../svg/btnrightarrow.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px;margin-top: 7px;}
.btnSecondary{ font-size:14px; border:2px solid #525252; background: transparent;  font-family: 'Source Sans Pro';  padding:8px 25px;  border-radius: 200px; color: #525252; text-transform: uppercase;    font-weight: 600;} 
.btnSecondary span{ background: url(../svg/btnarrow.svg) no-repeat!important; width: 17px; height: 10px; float: right;     margin-left: 15px; margin-top: 7px;}
.btnSecondary:hover{background:#0084e5!important; color:#fff!important; border-color:#0084e5!important }
.btnSecondary:hover span{background-image: url(../svg/btnrightarrow.svg)!important;}
.gradient-bg .btnDefault:hover { background-color: #fff!important; border-color: #fff!important; color: #000!important;}
.gradient-bg .btnDefault:hover span{background-image: url(../svg/btnarrow.svg)!important;}
.blogs .btnSecondary{border-color:#525252 !important}
.blogs .btnSecondary:hover{border-color:#0084e5!important}
.carouselBanner .btnDefault:hover { background-color: #fff!important;  border-color: #fff!important;  color: #000!important;}
.carouselBanner .btnDefault:hover span{background-image: url(../svg/btnarrow.svg)!important;}
.videocls { width: 78%; height: 490px; }
.cstcls {text-align: center;}

@media only screen and (min-width : 320px) and (max-width : 479px) {
.navbar-header{    margin-top: 0;}
.topSpace{height: 40px;}
.carouselBanner { background: url(../jpg/bannerimg.jpg) no-repeat bottom #000; height:260px;   background-size: 100%;}
.carouselBanner-caption { padding-top: 30px;  width: 100%;}
.carouselBanner-caption h1 {font-size: 20px; padding-top: 24px;}
.carouselBanner-caption  p {  line-height: 18px; font-size: 16px;padding-bottom: 20px;}
.captionBox p { padding: 10px 0px; width: 100%;}
.mainTitle {   font-size: 40px; padding-top: 10px;}
.gradient-bg{  background: #272529; background: -moz-linear-gradient(top, #0084e5 50%, #0084e5 50%); background: -webkit-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: -ms-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: linear-gradient(to bottom, #272529 50%,#0084e5 50%); }
.inEnterprises {padding: 50px 0px!important;}
.portfolio{height: 550px;}
.ourClientsLogos {height: auto;}
.ourClients{ text-align:center}
.ourClientsLogos div { min-height: 60px; margin-top: -1px; margin-bottom: 0px; margin-right: 3px; margin-left: -1px; width: 101%;}
.ourClients img { padding: 15px 0px;}
.blogs { background: url(../jpg/blogs-bg.jpg) no-repeat bottom #000; height: auto; margin-top: 0px;}
.blogsContainer{padding: 15px; margin-bottom: 15px;}
.carouselBanner button {padding: 5px 10px !important;}
.servicesBox p {font-size: 18px;}
}

@media only screen and (min-width : 480px) and (max-width : 567px) {
.navbar-header{    margin-top: 16px!important;}
.topSpace{height: 40px;}
.carouselBanner { background: url(../jpg/bannerimg.jpg) no-repeat bottom #000; height:200px;   background-size: 100%;}
.carouselBanner-caption { padding-top: 30px;  width: 100%;}
.carouselBanner-caption h1 {font-size: 20px;}
.carouselBanner-caption  p {  line-height: 18px;}
.captionBox p { padding: 10px 0px; width: 100%;}
.mainTitle {   font-size: 40px; padding-top: 10px;}
.gradient-bg{  background: #272529; background: -moz-linear-gradient(top, #0084e5 50%, #0084e5 50%); background: -webkit-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: -ms-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: linear-gradient(to bottom, #272529 50%,#0084e5 50%); }
.inEnterprises {padding: 50px 0px!important;}
.portfolio{height: 200px;}
.ourClientsLogos {height: auto;}
.ourClients{ text-align:center}
.ourClientsLogos div { min-height: 60px; margin-top: -1px; margin-bottom: 0px; margin-right: 3px; margin-left: -1px; width: 101%;}
.ourClients img { padding: 15px 0px;}
.blogs { background: url(../jpg/blogs-bg.jpg) no-repeat bottom #000; height: auto; margin-top: 0px;}
.blogsContainer{padding: 15px; margin-bottom: 15px;}
}

@media only screen and (min-width : 568px) and (max-width :767px) {
.navbar-header{    margin-top: 16px!important;}
.topSpace{height: 40px;}
.carouselBanner { background: url(../jpg/bannerimg.jpg) no-repeat bottom #000; height:200px;   background-size: 100%;}
.carouselBanner-caption { padding-top: 30px;  width: 100%;}
.carouselBanner-caption h1 {font-size: 20px;}
.carouselBanner-caption  p {  line-height: 18px;}
.captionBox p { padding: 10px 0px; width: 100%;}
.mainTitle {   font-size: 40px; padding-top: 10px;}
.gradient-bg{  background: #272529; background: -moz-linear-gradient(top, #0084e5 50%, #0084e5 50%); background: -webkit-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: -ms-linear-gradient(top, #0084e5 50%,#0084e5 50%); background: linear-gradient(to bottom, #272529 50%,#0084e5 50%); }
.inEnterprises {padding: 50px 0px!important;}
.portfolio{height: 200px;}
.ourClientsLogos {height: auto;}
.ourClients{ text-align:center}
.ourClientsLogos div { min-height: 60px; margin-top: -1px; margin-bottom: 0px; margin-right: 3px; margin-left: -1px; width: 101%;}
.ourClients img { padding: 15px 0px;}
.blogs { background: url(../jpg/blogs-bg.jpg) no-repeat bottom #000; height: auto; margin-top: 0px;}
.blogsContainer{padding: 15px; margin-bottom: 15px;}
}

@media only screen and (min-width : 768px) and (max-width :1023px) {
.navbar-header{    margin-top: 16px!important;}
.topSpace{height: 40px;}
.carouselBanner-caption{padding-top: 50px;}
.carouselBanner{height: 310px;}
.captionBox p{    width: 100%; padding:70px 0px}
.mainTitle{padding-top: 50px;}
.portfolio{    height: 340px;}
.blogs { background: url(../jpg/blogs-bg.jpg) no-repeat #000 bottom; height: 440px; margin-top: 90px;}
}

@media only screen and (min-width : 1024px) and (max-width :1280px) {
    .carouselBanner{height: 510px;}
    .carouselBanner-caption {padding-top: 75px; width: 85%;}
    .servicesBox{    height: 300px;    overflow: hidden;}
    .portfolio{    height: 500px;}
    .blogs { background: url(../jpg/blogs-bg.jpg) no-repeat #000; height: 470px; margin-top: 90px;}
    .blogs .mainTitle{padding-top: 85px;}
    .cstcls {text-align: center;}
    .videocls {width: 41%;height: 256px;}
    
}
@font-face {
  font-family: 'newIcons';
  src:  url('../index-2.html?qtur24');
  src:  url('../index-2.html?qtur24#iefix') format('embedded-opentype'),
    url('../index-2.html?qtur24') format('truetype'),
    url('../index-2.html?qtur24') format('woff'),
    url('../index-2.html?qtur24#newIcons') format('svg');
  font-weight: normal;
  font-style: normal;
 font-display:swap;}
p {
  font-weight: 300;

}
textarea {
  box-shadow: none !important;
font-size: 16px;
font-family: 'Source Sans Pro';
font-weight: 100;}
textarea:focus, input:focus{
    outline: none;
}
*:focus {
    outline: none;
}
.scrl {
  max-height: 100%;
  overflow-y: scroll;
}
.attachment-100x100.wp-post-image {
    display: inline-block;
    float: left;
    margin-right: 30px;
    margin-top: 15px;
}
.blogsContainer p {
  display: block;
}

.mrgin {
  margin-top: 90px;
}
div.wpcf7-validation-errors {
  font-size: 14px;
}
#wpcf7-f11205-o1 span.wpcf7-not-valid-tip {
   
    margin-top: -20px;
    padding-bottom: 40px;
    font-family: 'Source Sans Pro';
}
#wpcf7-f11205-o1 div.wpcf7-mail-sent-ok {
	display: none !important;
}
h2,h3 {text-transform: uppercase;}
/**
Education inner page css
**/

/* InnerPage */
.trainingBanner {background:url('../jpg/banner-manufacturing.jpg') no-repeat center;  background-size:cover; position: relative; height: 500px; overflow: hidden;}

.vrintoursim {background:url('../jpg/banner-tourism1.jpg') no-repeat center;  background-size:cover; position: relative; height: 500px; overflow: hidden;}

.vrinSales{background:url(../jpg/vrinsales.jpg) no-repeat center;}
.trainingBanner h1{font-family: 'Source Sans Pro';font-weight: 600; text-transform:none; color:#fff; font-size:50px; text-align:center; padding-top: 16%;}
.vrintoursim h1{font-family: 'Source Sans Pro';font-weight: 600; text-transform:none; color:#fff; font-size:50px; text-align:center; padding-top: 16%;}
.vrReally {padding: 100px 0px;}
.vrReally img{width:340px;height:340px;background: #527C8A;border: 8px solid #FFFFFF;box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.50);border-radius:100%;}
.vrReallyContainer{padding-top:8%;}
.vrReally p{ font-family: 'Source Sans Pro'; color: #525252; font-size: 18px;}
.costEffectiveBox{ min-height: 225px; background: #FFFFFF; box-shadow: 0px 30px 60px 0px rgba(0,0,0,0.09); font-family: 'Source Sans Pro'; font-size: 18px; color: #525252; line-height: 24px; padding:30px 24px; margin-bottom: 30px; overflow: hidden;}
.costEffectiveBox p {font-family: 'Source Sans Pro'; display: block;  padding: 0px; overflow: hidden; text-overflow: ellipsis;   display: -webkit-box; -webkit-line-clamp:4; -webkit-box-orient: vertical; display: -moz-box; -moz-line-clamp:4; -moz-box-orient: vertical; display: -ms-box; -ms-line-clamp:4; -ms-box-orient: vertical;}
.costEffectiveBox h2{ font-family: 'Source Sans Pro'; font-size: 20px; color: #353535; padding-bottom: 10px; font-weight: 600;}
.costEffectiveButton{ margin-top:50px; margin-bottom:120px;}
.tagline-text{
  color: #FFFFFF;
  text-align: center;
}
.tourism-cls {
  min-height: 332px !important;
}

@media only screen and (min-width : 320px) and (max-width : 479px) {
    .trainingBanner,.vrintoursim, .vrinSales{ background-size: 100%;     height: 120px;}
    .trainingBanner h1 ,.vrintoursim h1{padding-top: 20%; font-size: 20px;}
    .vrReally img { width: 250px; height: 250px;}
    .vrReally p{text-align:center}
    .vrReally {padding: 50px 0px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}
    .costEffectiveBox{text-align:center}
    .costEffectiveBox h2{line-height: 25px;}
    .boldText {   font-size: 30px; padding-top: 50px;}

}


@media only screen and (min-width : 480px) and (max-width : 567px) {
    .trainingBanner,.vrintoursim , .vrinSales{ background-size: 100%; height: 160px;}
    .trainingBanner h1, .vrintoursim h1 {padding-top: 20%; font-size: 20px;}
    .vrReally img { width: 250px; height: 250px;}
    .vrReally,.costEffectiveBox{text-align:center}
    .trainingBanner h1 {padding-top: 20%; font-size: 20px;}
    .vrReally { padding: 50px 0px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}
}


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

    .trainingBanner, .vrintoursim, .vrinSales{ background-size: 100%; height: 160px;}
    .trainingBanner h1, .vrintoursim h1 {padding-top: 14%; font-size: 20px;}
    .vrReally img { width: 250px; height: 250px;}
    .vrReally,.costEffectiveBox{text-align:center}
    .trainingBanner h1 {padding-top: 20%; font-size: 20px;}
    .vrReally { padding: 50px 0px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}

} 

@media only screen and (min-width : 768px) and (max-width :1023px) {
    .trainingBanner, .vrintoursim, .vrinSales{ background-size:cover; height: 250px;}
    .trainingBanner h1 {      font-size: 30px;  padding-top: 12%;}
    .vrReally img { width: 200px; height: 200px; margin-top: 50px;}
    .costEffectiveBox{height: 200px;}
    .costEffectiveBox h2{    line-height: 20px;     font-size: 18px;}
    .costEffectiveButton { margin-top: 30px; margin-bottom: 30px;}
    .vrReally {padding: 0px 0px 50px 0px;}
}


@media only screen and (min-width : 1024px) and (max-width :1280px) {
       .trainingBanner, .vrintoursim, .vrinSales{ background-size:cover; height: 350px;}
    .trainingBanner h1, .vrintoursim h1 {      font-size: 30px;  padding-top: 12%;}
    .vrReally img { width: 250px; height: 250px; margin-top:-20px;}
    .vrReallyContainer { padding-top: 0%; }
    .costEffectiveBox{height: 200px;}
    .costEffectiveBox h2{  line-height: 22px;}
}


a.tile.column:hover {
    -webkit-animation-name: hvr-bob-float, hvr-bob;
    animation-name: hvr-bob-float, hvr-bob;
    -webkit-animation-duration: .3s, 1.5s;
    animation-duration: .3s, 1.5s;
    -webkit-animation-delay: 0s, .3s;
    animation-delay: 0s, .3s;
    -webkit-animation-timing-function: ease-out, ease-in-out;
    animation-timing-function: ease-out, ease-in-out;
    -webkit-animation-iteration-count: 1, infinite;
    animation-iteration-count: 1, infinite;
    -webkit-animation-direction: normal, alternate;
    animation-direction: normal, alternate;
    box-shadow: 0 15px 10px -10px rgba(0, 0, 0, 0.70)
}

a.tile.column {
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 .5px transparent;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-property: box-shadow;
    transition-property: box-shadow
}
.tile {
    display: block;
}

@-webkit-keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob-float {
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@-webkit-keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}

@keyframes hvr-bob {
    0% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
    50% {
        -webkit-transform: translateY(-4px);
        transform: translateY(-4px)
    }
    100% {
        -webkit-transform: translateY(-8px);
        transform: translateY(-8px)
    }
}