#header_email::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #000000!important;
}
#header_email::-moz-placeholder { /* Firefox 19+ */
 color: #000000!important;
}
#header_email:-ms-input-placeholder { /* IE 10+ */
  color: #000000!important;
}
#header_email:-moz-placeholder { /* Firefox 18- */
  color: #000000!important;
}





.top-head:not(.sticky-nav).semi.transparent.dark, .top-bar.semi.transparent.dark {
    background-color: transparent;
}
.top-head.semi.transparent.dark:not(.header-1), .top-head.transparent.light, .top-head.transparent.dark:not(.header-1) {
    border-bottom: 0px rgba(255,255,255,.1) solid;
}
.tparrows{display: none !important;}
.top-head .logo .showonSticky{display: none;}
.top-head.sticky-nav .hideonSticky{display: none;}
.top-head.sticky-nav .showonSticky{display: block;}
.top-head.transparent .top-nav > ul > li.selected > a{color: #44444f;}
.sticky-nav .top-nav > ul > li.selected > a{color: #44444f; background: #ffffff;}
.sticky-nav .top-nav > ul > li:hover > a{background-color:#ffffff;  color:#44444f;}
.top-nav ul ul li a{color: #44444f;}



.intro-text{
    display: block;
    padding-top: 40vh;
    padding-bottom: 25vh;
    position: relative;
    height: 100vh;
    text-align: right;
}

.intro-text h1.intro-lead-in,.intro-text .intro-lead-in {
    color: #ffffff;
    font-family: 'Arimo', sans-serif;
    font-size: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    line-height: 40px;
    margin-bottom: 25px;
    text-transform: none;
    text-shadow: 1px 1px rgba(45, 43, 43, 0.3);
}
.intro-text .form-control{
    border-width: medium;
    border-style: solid;
    padding: 10px 12px;
    height: auto;
    color: #000;
    border: 2px solid #000000;
    background-color: rgba(255, 255, 255, .3);
}

.intro-text .home-button {
    background: #000000;
    color: #fff;
    border: none;
    margin-left: 10px;
    padding: 12px 20px;
    font-family: 'Arimo', sans-serif;
    font-size: 15px;
    font-weight: 400;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
a.page-scroll.learn-more{
    color: #000000; font-size:17px;text-decoration:underline;
}
a.page-scroll.learn-more:hover{
color:#ffffff;
}
.intro-text p {   color: #ffffff; font-size:17px; font-weight:600; text-shadow: 1px 1px rgba(45, 43, 43, 0.3)}

.md-padding.clientsSection {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top :1px solid #ccc;}


header.top-head.transparent.semi.dark.boxed.fixed-head {
    background-color: rgba(255, 255, 255, 0.65);
}

.dashboard-h1 {
    font-size: 56px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.88;
    letter-spacing: 1px;
    text-align: center;
    color: #241c3a;
}
.dashboard-p {
    font-size: 20px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.6;
    text-align: center;
    color: #a4a4a4;
    padding: 20px 20px 40px 0px;
}

.carousel { position: relative; }
.carousel-inner { position: relative; width: 100%; overflow: hidden; }
#myCarousel .list-group {  position: absolute; top: 0; right: 0;}
.list-group { padding-left: 0; margin-bottom: 20px; }
#myCarousel .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
    background: rgba(0,0,0,0.05);
    text-shadow: none;
    display: none;
}

.carousel-caption > p {
    color: #000000;
    font-size: 15px;
    text-align: center;
}


.list-group-item.active > h4 {  color: #000;     font-size: 24px;}
.slide-p-data { font-size: 16px; }
#myCarousel .list-group-item {  border-radius: 0px; cursor: pointer; }

#myCarousel .carousel-caption {
    left: 0;
    right: 0;
    bottom: 0;
    text-align: left;
    padding: 10px;
    background: rgba(0,0,0,0.05);
    text-shadow: none;
    display: none;
}

.geoSection .dynamic-pricing-top-h2 {
    color: #22193b;
    font-size: 56px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 0.98;
    text-align: left;
}
.geoSection .dynamic-pricing-top-h1 {
    color: #939393;
    font-size: 56px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: 0;
    line-height: 0.98;
    text-align: left;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover{
    color: #ffffff;
    background-color: #8a8e91;
    border-color: #8a8e91;
}

.dynamic-pricing-left-image {  float: left;  width: 60%;     padding: 0 60px 0px 0px; }
.dynamic-pricing-right-content {  float: left; width: 40%;}
.dynamic-pricing-left-content {  float: left;  width: 40%;}
.dynamic-pricing-right-image {  float: left;   width: 60%;     padding: 0 0 0 60px;}

.dynamic-pricing-Row.geoSectionRow { margin-bottom: 60px; margin-top: 30px;}
.dynamic-pricing-right-content { padding: 0 0 0 40px;     text-align: right;}
.dynamic-pricing-left-content { padding: 0 40 0 0px;}


.dynamic-pricing-right-content-top-text h2,.dynamic-pricing-left-content-top-text h2 {
    color: #3e3e3e;
    font-size: 30px;
    font-stretch: normal;
    font-style: normal;
    font-weight: bold;
    letter-spacing: 0;
    line-height: 0.8;
    text-align: right;
}
.dynamic-pricing-left-content-top-text h2{
    text-align: left;
}


.dynamic-pricing-left-content-bottom p,.dynamic-pricing-right-content-bottom p {
    color: #828282;
    font-size: 18px;
    font-stretch: normal;
    font-style: normal;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 1.44;
    text-align: left;
}
.dynamic-pricing-right-content-bottom p{
     text-align: right;
}

/* footer Box */
.footerWrap{border-top : 1px rgba(255,255,255,0.05) solid;  padding-top: 20px;}
.header_email .form-inline .form-group {   width: 100%;}
.intro-text .form-control { width: 230px !important;}
.footerTop a.kato_c_popup.kato_click_popup {
    padding: 15px 30px;
    color: #000;
    background-color: #ffffff;
    font-size: 30px;
    text-decoration: none;
    cursor: pointer;
    border: 1px solid #fff;
}

.footerTop a.kato_c_popup.kato_click_popup{
    padding: 15px 30px;
    color: #000;
    background-color: #ffffff;
    font-size: 30px;
        text-decoration: none;
    cursor: pointer;
        border-radius: 40px;
}
a.kato_c_popup.kato_click_popup:hover {
    border: 1px solid #fff;
    background-color: transparent;
    color: #ffffff;
}


.social-list.half-icons a {  margin: 0 7px 5px 0;}
.footer-middle {
    padding: 50px 0;
    height: 100%;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    background: #000000;
}
.footer-bottom {
    padding: 20px 0;
    overflow: hidden;
    font-size: 13px;
    color: #ffffff;
    background-color: #000;
}
.footerTop { background-color: #44444f;  padding: 50px 0px; text-align: center;}

#to-top { background-color: #ccc !important;}
#to-top span {  color: #000 !important; }
#to-top:hover{color: #44444f;}
.sticky-nav{background-color:#222!important;}
.slick-dots li.slick-active button { background-color: #222222 !important;}
button.slick-next.slick-arrow, button.slick-prev.slick-arrow { display: none !important;}


/* Poup work */

#myModal .modal-header.t-center {   background-color: rgba(34, 34, 34, 0.89); }
.error {
    border-color: red !important;
    color: red;
}

.form-control.error {
    border-color: #f00 !important;
    border: 1px solid red !important;
}

.intro-text .home-button:hover{
    background-color: #222222;
}
.kato_click_popup{   text-decoration: none;}

/* End of popup work */

/*@media (min-width: 992px){

    #myCarousel .carousel-controls { display: none; }
    #myCarousel {   padding-right: 33.3333%;}
}
@media (max-width: 991px)
{

    .carousel-caption p, #myCarousel .list-group {  display: none;  }

    .responsive-menu > ul li a, .responsive-menu > ul li h4 { color: #000000; }

}



@media (max-width: 768px) and (orientation:landscape){

 .intro-text{height: auto;     padding-top: 40vh!important;}
}
@media (max-width: 768px)
{
    #myCarousel .carousel-caption { display: block; }
    .dynamic-pricing-left-image ,.dynamic-pricing-right-image{ width: 100%; padding: 30px; text-align: center; }
    .dynamic-pricing-right-content,.dynamic-pricing-left-content { float: left;  width: 100%; padding: 0px 30px;}
   .newNav.oppenned .responsive-menu > ul{height: 100vh!important; overflow-y: auto; padding-bottom: 100px;}

     #myCarousel .carousel-caption p {display: block; text-align: left;}
     #myCarousel .carousel-caption h4 a,#myCarousel .carousel-caption p { color: #221637;}
     
    #myCarousel .carousel-caption h4{margin : 0 0 5px !important;}
    .slick-slide img {   padding: 0 10px !important; }
}


@media (min-width: 768px){
.dynamic-pricing-right-image{float: right;}

}

@media (max-width: 767px)
{

    input#header_email {  max-width: 300px;  float: right; }



}

@media (max-width: 736px)
{
    .intro-text { padding-top: 50vh;  padding-bottom: 0vh;}
    .intro-text h1.intro-lead-in, .intro-text .intro-lead-in { font-size: 35px;  letter-spacing: 1px; line-height: 10px;  margin-bottom: 20px;}
    .geoSection .dynamic-pricing-top-h2 {font-size: 40px;}
    .geoSection .dynamic-pricing-top-h1{font-size: 40px;}
    .dashboard-h1 {font-size: 40px; line-height: 1; }

}

@media (max-width: 667px)
{

    .md-padding, .section {  padding-top: 50px;  padding-bottom: 50px;}
    #myCarousel .carousel-caption p {  font-size: 12px;}
    .footer-middle { padding: 20px 0px !important; }

    .my-hero-image {  background-position: 100%;   background-repeat: no-repeat; }
}


@media (max-width: 480px)
{

     #myCarousel .carousel-caption h4{margin-bottom: 10px;}
    .intro-text h1.intro-lead-in, .intro-text .intro-lead-in { font-size: 30px; line-height: 20px;}
    .dashboard-p { font-size: 18px;  padding: 0px 25px; margin-bottom: 40px;}
    .md-padding.geoSection {  padding-top: 0px; }
    .dynamic-pricing-Row.geoSectionRow { float: left; width: 100%; margin-bottom: 0px; }
    .dynamic-pricing-left-image, .dynamic-pricing-right-image {  padding: 30px 0px;}
    .dynamic-pricing-right-content, .dynamic-pricing-left-content {   padding: 0px 0px;}
    footer#footWrapper .col-md-8,footer#footWrapper .col-md-4 {  padding: 0 15px;}

    #myCarousel .carousel-caption{position: static !important;}

}


@media (max-width: 480px)
{

    .intro-text h1.intro-lead-in, .intro-text .intro-lead-in{ font-size: 27px; line-height: 14px; }

}

@media (max-width: 420px)
{

.carousel-caption > h4 {  margin-top: -1%;}
#myCarousel .carousel-caption {  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;  top: 0;}

}
*/



.combine-section{background-image: url(https://jungleworks.com/wp-content/uploads/2017/12/group-13-min.png);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center center;
}

#to-top{display:none!important;}

.third-section.black-color ul li .hover-li-image img{width:65px; height:65px;}

.section-second.my-testimonials h5 {
    font-size: 16px;
    letter-spacing: .8px;
    text-align: center;
    color: #333;
    opacity: 0.7;
    margin-top: 10px;
    margin-bottom: 15px;
    text-transform: none;
    font-weight: 500;
}
.about-page-banner{background-color: #242d3c;
    width: 100%;
    height: 100vh;}
.about-page-banner .cover-sec{

    display: table;
width:100%;
    height: 100%;
padding:0px;

}


.about-page-banner{background-color:transparent!important; text-align:center}

.about-page-banner h1{
  font-family: Oswald;
  font-size: 60px;
  font-weight: bold;
margin:0px;
  letter-spacing: 1.2px;
  text-align: center;
text-transform:uppercase;
  color: #fff;}

.about-page-banner .text-area{padding:20px 175px;}
.about-page-banner h3{
font-family: Oswald;

font-size: 30px;
line-height:43px;
font-weight:400;
color:#222

}

#about-kato.about-page-banner h3 i{font-style:normal; font-weight:700;}

.about-page-banner .text-area p{    margin-top: 60px;
    margin-bottom: 0px;
}
.about-page-banner h3 b{text-decoration:underline}

.my-hero-image{background-image: url('https://jungleworks.com/wp-content/uploads/2017/08/20747661_269990453500764_1699310367_o-1.png'); background-size: cover; background-position: center center;}
.main-home-banner{
  background-color: #465585;
  background-image: url('https://jungleworks.com/wp-content/uploads/2017/09/layer-1.jpg'); background-size: cover; background-position: center center;
    width: 100%;
    height: 100vh;}
.cover-sec{

    display: table;
    height: 100%;
padding:0px;

}
#offeringsSection{
    background-color: #ffffff;
    background-image: url('https://jungleworks.com/wp-content/uploads/2017/09/layer-5.jpg');
    background-repeat: no-repeat;
}

.text-area{padding-right:100px;}

.text-area h5 {
    font-family: 'Arimo', sans-serif;
  font-size: 33px;
  font-weight: 300;
  line-height: 1.12;
  letter-spacing: -0.3px;
  text-align: left;
  color: #607c97;
}

.my-new-home-page-banner.text-area h5 { color:#607c97!important;} 

.text-area p{font-size: 21px;
    color: #fafafa;
    font-family: 'Arimo', sans-serif;
    margin-bottom: 30px;}

.my-new-home-page-banner.text-area h2 {
    font-weight: bold;
    line-height: 1;
    margin-bottom: 15px;
    margin-top: 10px;
}

.text-area h2{
    font-family: Oswald;
  font-size: 60px;
  font-weight: bold;
  line-height: 65px;
  letter-spacing: -0.6px;
  text-align: left;
  color: #ffffff;}

.text-area h4 {
    font-family: 'Arimo', sans-serif;
  font-size: 33px;
  font-weight: bold;
  line-height: 1.12;
  letter-spacing: -0.3px;
  text-align:left;
  color: #ffffff;
}
.about-page-banner .image-area, 
.about-page-banner .text-area{
     display: table-cell;
    vertical-align: middle;
    float: none;
  }


.text-area form {
    margin-top: 55px;
    position: relative;
    margin-bottom: 30px;
width:518px;
}
.text-area form input{     
    height: 44px;
    border: none; 
    font-family: 'Arimo', sans-serif;
      font-size: 16.6px;
      color: #222222;
    font-weight:600;
    float:none!important;
        max-width:335px;
     background-color: rgba(255, 255, 255, .5);
    width: 100%!important;
    border-radius: 4px;
}


.text-area form button{position: absolute;
    position: absolute;
    top: 0px;
    right: 15px;
    height: 100%;
    font-family: 'Arimo', sans-serif;
    font-size: 18px;
    letter-spacing: -0.2px;
    text-align: center;
    color: #338bcb;
    background-color: #ffffff;
    /* border: 1px solid #338bcb; */
    border-radius: 0px;
    font-weight: bold;
    text-transform: none;
    padding: 6px 30px;
    border-radius: 4px;
}
.text-area form button:hover, .text-area form button:focus, .text-area form button:active, .text-area form button:visited{ background-color: transparent; color:#1366ff; border:1px solid #1366ff;} 



.my-nav{       background-color: #062037;
    border: none;
    margin-top: 0px;  margin-bottom: 0px; padding-top:10px; padding-bottom:10px;
  }

.my-nav ul li a{font-family: 'Arimo', sans-serif;
  font-size: 17px;
  font-weight: bold;
padding-top:7px; padding-bottom:7px;
 
  color: #fafafa!important;}
.my-nav ul li ul{background-color:#242d3c;}
.my-nav ul li ul li a{text-align:left;}
.my-brand{display: block;
    padding: 10px 15px;}
.my-nav ul li a:hover{background-color:transparent;}

.my-nav .navbar-toggle{background-color: #60c5ff;
    border: none; margin-top:13px;}

.my-nav .navbar-toggle:focus, .my-nav .navbar-toggle:hover, .my-nav .navbar-toggle:active, .my-nav .navbar-toggle:visited{background-color: #60c5ff!important; }


.my-nav .navbar-toggle span{background-color: #fafafa!important;}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {
 color:#7bcf51!important;
    background-color: transparent;
}
.my-nav ul li.my-btn a {
    border:1px solid #60c5ff;
    margin-left: 15px;
            border-radius: 50px;
    background-color: transparent;

    padding: 8px 35px;

}
.my-nav .navbar-nav {
    margin: 7.5px 0px;
}
.my-nav ul li.my-btn a:hover{
  color: #ffffff !important;
}
.section-two{padding-top:50px!important; padding-bottom:50px!important;}
.pupose-four .thumbnail {
    border: none;
    padding: 0px 20px;
}


.pupose-four .row{display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
display: -moz-box;    /* OLD - Firefox 19- (buggy but mostly works) */
display: -ms-flexbox;  /* TWEENER - IE 10 */
display: -webkit-flex; /* NEW - Chrome */
display: flex;  flex-wrap:wrap }
.pupose-four .row:before{display:block!important;}
.pupose-four .thumbnail h2{font-family: Oswald;
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 0.5px;
    text-align: left;
    color: #222222;
    margin-bottom: 0px;
    padding-bottom: 10px;
    margin-top: 30px;
    text-transform: none;}
.pupose-four .thumbnail p{font-family: 'Arimo', sans-serif;
    font-size: 17px;
    line-height: 1.53;
    text-align: left;
    color: #222222;
margin-bottom:20px;
}

.pupose-four .thumbnail h2 span{width: 50px;
    height: 6px;
    background-color: #87d360;
    display: inline-block;
    margin-left: 15px;
    vertical-align: middle;
}

.pupose-four .thumbnail img{-webkit-box-shadow: 0px 0px 29px 0px rgba(222,222,222,1);
    -moz-box-shadow: 0px 0px 29px 0px rgba(222,222,222,1);
    box-shadow: 0px 0px 29px 0px rgba(222,222,222,1);
}

.heading-text-center{text-align:center!important; padding-bottom:50px!important}
.offers-two-sec img{box-shadow:none!important;}
.point-list li{font-size:22px; line-height:34px;}
.point-list {
    margin-bottom: 30px;
    padding: 0px 15px;
padding-left:30px;
}

.color-green{color:#87d360!important;}

.pupose-four .offer-thumb{-webkit-box-shadow: 0px 0px 29px 0px rgba(222,222,222,1);
    -moz-box-shadow: 0px 0px 29px 0px rgba(222,222,222,1);
    box-shadow: 0px 0px 29px 0px rgba(222,222,222,1);
    padding: 30px;
 height:100%}
.pupose-four .col-md-6{margin-bottom:30px;}

.pupose-four  .offer-thumb h2{font-size: 28px;
    line-height: 1.54;
    text-align: center;
    color: #222222;
    font-weight: 400;
    padding-bottom: 10px;
    margin: 0px;}


.pupose-four  .offer-thumb p{    font-family: 'Arimo', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.56;
    text-align: center;
    color: #222222;

}
footer .footer-middle{background-color: #fff;}
footer .footer-middle h3:after{display:none!important;}



footer .footer-middle h3{
    font-family: 'Arimo', sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.24;
  letter-spacing: -0.3px;
  text-align: left;
  color: #878787;
    text-transform:none;
    margin-bottom:20px;
}




footer .footer-middle a{
font-family: 'Arimo', sans-serif;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  text-align: left;
  color: #878787;
}


footer .footer-middle .details li {
    margin: 7px 0;
    line-height: 1.5;
}

footer .footer-middle ul li span{
font-family: 'Arimo', sans-serif;
  font-size: 18px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  text-align: left;
  color: #878787;

}

.footerTop a.kato_c_popup.kato_click_popup {
    font-size: 20px;
    font-weight: 700;
    border-radius:0px;
}


.footerTop .container  h4{font-family: 'Arimo', sans-serif;
  font-size: 25px;
  font-weight: 500;
  line-height: 1.24;
  letter-spacing: -0.3px;
  text-align: center;
  color: #ffffff; margin-bottom:30px;}


.footerTop .container {
   /* background-image: url(http://katoai.staging.wpengine.com/wp-content/uploads/2017/09/rounded-rectangle-7.png); */
    background-size: cover;
    background-repeat: no-repeat;
    padding:15px 0px; 
    border-radius:40px;
 }

.footerTop .container form{margin:auto;
    position: relative;
    
    width: 518px; margin-bottom:20px;}


.footerTop .container form input {
    height: 50px;
    border-radius: 0px;
    border: none;
    font-family: 'Arimo', sans-serif;
    font-size: 16.6px;
    color: #ffffff;
    font-weight: 600;
    float: none!important;
    max-width: 330px;
    background-color: transparent;
    width: 100%!important;
        border-radius:2px;
        border: 1px solid #ffffff;
}

.footerTop .container form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #ffffff;
}
.footerTop .container form input::-moz-placeholder { /* Firefox 19+ */
  color: #ffffff;
}
.footerTop .container form input:-ms-input-placeholder { /* IE 10+ */
  color: #ffffff;
}
.footerTop .container form input:-moz-placeholder { /* Firefox 18- */
  color: #ffffff;
}





.footerTop .container form button {
    position: absolute;
    top: 0px;
    right: 15px;
    height: 100%;
    font-family: 'Arimo', sans-serif;
    font-size: 18px;
    letter-spacing: -0.2px;
    text-align: center;
    color: #603db8;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    border-radius: 0px;
    font-weight: bold;
    text-transform: none;
    padding: 6px 30px;
   border-radius:2px;
}
.footerTop .container form button:hover{
    color: #fff;
    background-color:transparent;
    border: 1px solid #ffffff;
}

.footerTop{background-color:transparent!important; padding:0px;}

footer .social-list.half-icons a {
    margin: 5px 15px 5px 0;
 background-color: transparent!important;
}

footer .social-list.half-icons i {
 
    background-color: transparent!important;
    font-size: 21px!important;
    width: auto!important;
color:#878787;
}

.footer-bottom{ padding: 5px 0; background-color:transparent}
.footer-bottom p{


 opacity: 0.6;
padding-left:15px; padding-right:15px;
  font-family: 'Arimo', sans-serif;
  font-size: 16px;
  line-height: 1.94;
  letter-spacing: -0.2px;
  text-align: center;
  color: rgba(126, 126, 126, 0.6);
}

.footer-bottom p a {
    
    font-family: 'Arimo', sans-serif;
    font-size: 16px;
    line-height: 1.94;
    letter-spacing: -0.2px;
    text-align: center;
    color: rgba(126, 126, 126, 0.6);
}


.my-rights{text-align:right!important}

#footWrapper [class*="col-md-"] {
   
    clear: none!important;
    
}

.aiss-banner-text h2, .aiss-banner-text h5, .aiss-banner-text h4{text-transform:uppercase!important; color:#fff!important}

.head-paragraph h2{padding-bottom:0px!important;}
.head-paragraph p{opacity: 0.8;
  font-family: 'Arimo', sans-serif;
  font-size: 18px;
  line-height: 1.44;
  text-align: left;
  color: #222222; }

.head-paragraph{margin-bottom:50px;}

.classified-dots{margin-right:20px;}
 .classified-dots i  {background-color: #2f6fa3;
    width: 7px;
    height: 7px;
    display: inline-block;
    margin-right: 7px;
    border-radius: 50%;
    vertical-align: baseline;
}

.classified-dots.color-red i{background-color:  #ec6e34;
 }


.classified-dots.color-gren i{background-color:  #87d360;
 }
.footer-secs{height:auto!important; display:block!important; margin-bottom:50px!important; padding:0px!important}
.footer-secs .fp-tableCell{height:auto!important; display:block!important}

.footer-secs .footer-bottom{margin-bottom:50px!important;}

.logo-holder{    text-align: center;
    margin-bottom: 50px;
}
.logo-holder span{    display: inline-block;
    margin: 0px 20px;}

.section-second {  padding-top:100px; padding-bottom:50px; position:relative; float: left; width: 100%; }
.section-second h5{font-family: 'Arimo', sans-serif;
  font-size: 37px;
  font-weight: 900;
text-transform:uppercase;
  line-height: 1;
  letter-spacing: -0.4px;
 
  color: #082038;}

section.third-section {
    float: left;
    width: 100%;
}

.section-second p{
font-family: 'Arimo', sans-serif;
  font-size: 24px;
  line-height: 1.25;
  letter-spacing: -0.2px;
  text-align: left;

 color: #74818f;  
}


.section-second .my-new-crausal {padding-top:30px; padding-bottom:0px;}

.section-second .my-new-crausal .my-caption {
    padding-top: 100px;
}



.section-second .my-new-crausal .nav-pils-down{position: static;
    text-align: left;
    width: 100%;
       margin: 0px;
margin-top:30px;
  
}

.section-second .my-new-crausal .nav-pils-down li{    background-color: #c2c2c2; width:16px; height:16px; margin:3px}
.section-second .my-new-crausal .nav-pils-down li.active{  background-color: #0a79bf; width:16px; height:16px;}


.image-grid-section h4{font-family: 'Arimo', sans-serif;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.25;
  letter-spacing: -0.2px;
  text-align: left;
  color: #166590;
    margin-top: 18px;
    margin-bottom: 24px;}
.image-grid-section  img{width:162px; height:145px;}

.image-grid-section {
    margin-top: 50px;
    margin-bottom: 50px;
    padding-left: 30px;
    padding-right: 30px;
}
.image-grid-section p{
 font-family: 'Arimo', sans-serif;
  font-size: 22px;
  line-height: 1.36;
  letter-spacing: -0.2px;
  text-align: left;
  color: #494949;
}


/*.third-section .container{
background-image: url(http://katoai.staging.wpengine.com/wp-content/uploads/2017/09/rounded-rectangle-3.png);}*/


.third-section .container{    border-radius: 14px;
    background-color: #ffffff;
    box-shadow: 5px 13px 37px 0 rgba(99, 117, 138, 0.23);
padding-left:50px; padding-right:50px;
position:relative
}




.mid-image-abs{position: absolute;
    right: 0px;
    top: 0px;}

.third-section.black-color .container{
background-color:#082038; 
padding:0px;

}
.third-section.black-color ul:after {
    content: "";
    width: 75%;
    position: absolute;
    background-image: url(https://jungleworks.com/wp-content/uploads/2017/12/layer-12-copy.png);
    height: 2px;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    background-size: 100%;
z-index:1;
}

.third-section.black-color ul:before {
    content: "";
    width: 33.33%;
    position: absolute;
    background-color: transparent;
    height: 76%;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin: auto;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
z-index:1;



-webkit-border-image: url(https://jungleworks.com/wp-content/uploads/2017/12/layer-10-copy.png) 30 stretch; /* Safari 3.1-5 */
    -o-border-image: url(https://jungleworks.com/wp-content/uploads/2017/12/layer-10-copy.png) 30 stretch; /* Opera 11-12.1 */
    border-image: url(https://jungleworks.com/wp-content/uploads/2017/12/layer-10-copy.png) 30 stretch;


}

.third-section.black-color ul li:hover{background-image:url(https://jungleworks.com/wp-content/uploads/2017/12/layer-12.png); transition:1s;}
.third-section.black-color ul li:hover .hover-li-image{ transform: translateY(-40px); transition:1s }

.third-section.black-color ul li:hover .hover-li-image h5{opacity:1; transition:1s }

.third-section.black-color ul li .hover-li-image{  transition:1s; text-align:center; }



.third-section.black-color ul{margin:0px; list-style:none; padding:0px 0px; position:relative; float:left; width:100%}
.third-section.black-color ul li {
    text-align: center;
    display: block;
    width: 33.3%;
    padding-top: 75px;
    padding-bottom: 75px;
    position: relative;
    z-index: 2;
float:left;
overflow:hidden;
top:0px;
transition:1s;
}
.third-section.black-color ul li p
{font-family: 'Arimo', sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 1.68;
text-transform:uppercase;
  letter-spacing: -0.2px;
  text-align: center;
  color: #ffffff; margin-top:20px; margin-bottom:0px;}

.third-section.black-color ul li h5{position:absolute; top:100%; color:#fff; font-size:16px; padding:15px; opacity:0; transition:1s; width:100%}

.my-testimonials h2{font-size: 39.9px;
  font-weight: 500;
  line-height: 0.77;
  letter-spacing: -0.4px;
  text-align: center;
  color: #082038;}

.my-testimonials h3{font-family: 'Arimo', sans-serif;
  font-size: 22.6px;
  font-weight: 900;
  line-height: 0.92;
  letter-spacing: -0.3px;
  text-align: center;
  color: #082038;
margin-top:5px;}

.my-testimonials p{text-align:center; font-family: 'Arimo', sans-serif;
  font-size: 26.6px;
  line-height: 1.38;
  letter-spacing: -0.3px;
  text-align: center;
min-height:190px;
  color: #63798f;}
.my-testimonials .my-new-crausal .nav-pils-down {
   
    text-align: center!important;
   
}

.my-testimonials .my-new-crausal .carousel-inner .col-md-12 {box-shadow: 5px 13px 37px 0 rgba(99, 117, 138, 0.23); padding:50px;     padding-top: 75px;}
.my-testimonials .my-new-crausal .item{padding:50px;
}

.my-testimonials .carousel-inner img{display:block; margin:auto; margin-bottom:5px;}

.my-testimonials .carousel-inner img.avatar {
    position: absolute;
    top: -46px;
    right: 0px;
    left: 0px;
}
.md-padding.clientsSection{border:none!important;}

.place-holder-logo{position: absolute;
    width: 70px;
    left: 3px;
    top: -13px;}


.my-testimonials .carousel-inner img.place-holder-logo {
    position: absolute;
    width: 113px;
    left: 59px;
    top: 6px;
}




.my-testimonials .carousel-inner img.place-holder-logo2 {
    position: absolute;
    width: 113px;
    bottom: -4px;
    top: inherit;
    right: 65px;
    left: inherit;
}
.my-testimonials.section-second .my-new-crausal .nav-pils-down{margin-top:0px;}
.social-list a:hover i:after {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    color: #44b3ec;
}

.bi-top-section{
background-image: url(https://jungleworks.com/wp-content/uploads/2017/12/header-min-1.png);
    background-color: transparent;
    background-size: cover;
}
.bi-top-section .cover-sec h2{font-family: Oswald;
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-align: center;
  color: #ffffff; margin-bottom:50px;}
.bi-top-section .cover-sec h4{font-family: 'Arimo', sans-serif;
  font-size: 24px;
  text-align: center;
  color: #ffffff; text-transform:none!important}
.bi-top-section .cover-sec h5{font-family: 'Arimo', sans-serif;
  font-size: 34px;
  font-weight: bold;
  letter-spacing: 0.7px;
  text-align:center;
  color: #ffffff; }

.bi-images-grid .image-grid-section img{ width: 209px; height:auto}
.bi-images-grid .image-grid-section h4{font-family: 'Arimo', sans-serif; margin-bottom:10px; margin-top:48px;
  font-size: 24px;
  font-weight: 900;
  line-height: 1.29;
  letter-spacing: -0.2px;
  text-align: left;
  color: #1f1f1f;}
.bi-images-grid .image-grid-section p{font-family: 'Arimo', sans-serif;
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: -0.2px;
  text-align: left;
  color: #494949;}



.arrow-outer {
    position: absolute;
    top: 0px;
    bottom: 0px;
    margin: auto;
    height: 30px;
    width: 110%;
    left: -7.5%;
    right: -7.5%;
}


.arrow-outer a {
    color: #0a79bf;
    font-size: 25px;
    border: 1px solid  #0a79bf;
    border-radius: 50%;
    display: inline-block;
    padding: 3px 9px;
    background-color: #fff;
 transition:1s;
}
.arrow-outer a span{    line-height: 35px;}
.arrow-outer a:hover{background-color: #0a79bf; color:#fff;}
.arrow-outer a.right {float:right;}


/* Customize data */


    .overview{
        width: 100%;
        background: #fff;
        padding: 80px 0 200px 0;
        float: left;
    }
    .kato-slutions {
        width: 100%;
        background: #f9f9f9;
        padding: 20px 0 20px 0;
        float: left;  
    }
    .overview .img-box {
        width: 55%;
        float: right;
        position: relative;
    }
    .overview .text-box {
        width: 32%;
        float: left;
        padding-right: 5px;
        box-sizing: border-box;
    }

    .overview .text-box h1,.kato-slutions .titleBox h1 {
        font-size: 40px;
        font-weight: 400;
        position: relative;
        padding-bottom: 10px;
    }

    .kato-slutions .titleBox h1 {
      text-align: center;
    }
    .overview .text-box h1:after,.kato-slutions .titleBox h1:after {
        content: '';
        width: 50px;
        height: 3px;
        background: #2c8bcb;
        float: left;
        position: absolute;
        left: 0;
        bottom: 0;
    }
.kato-slutions .titleBox h1:after {
    right: 0px;
    margin: auto;
}

    .overview .img-box .img-section {
         width: 100%;
        height: 550px;
    }
    .overview .text-box p {
        font-size: 24px;
    color: #333;
    font-weight: 500;
    opacity: 0.7;
    line-height: 30px;
    }
    .overview .img-box .text-section {
            width: 100%;
            max-width: 500px;
            background: rgba(30,37,49,0.8);
            position: absolute;
            left: -80px;
            bottom: -100px;
            max-height: 370px;
            padding: 80px;
            box-sizing: border-box;
            color: #FFF;
}

.overview .btns,.inner-same .get-started-btn.btns {
    background: #2c8bcb;
    color: #fff;
    padding: 12px 35px;
    text-align: center;
    border-radius: 4px;
    font-size: 15px;
    margin: 20px 0;
    float: left;
    border: 1px solid transparent;
    text-decoration: none;
    line-height: 22px;
}

.overview .btns:hover, .inner-same .get-started-btn.btns:hover {
    background: #ffffff !important;
    border: 1px solid #338bcb !important;
    color: #338bcb !important;
    text-decoration: none;
    }
.overview .img-box .text-section p {
    font-weight: 400;
}


.kato-slutions .outer:nth-child(odd) .text-box {
    width: 100%;
    float: right;
    padding: 20px 50px 20px 50px;
    box-sizing: border-box;
    text-align: left;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    position: relative;
}

.kato-slutions .outer:nth-child(odd) .text-box h5 {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    position: relative;
}

.kato-slutions .outer:nth-child(odd) .text-box p {
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
}

.kato-slutions .outer:nth-child(odd) .text-box h5:after {
    content: '';
    width: 50px;
    height: 3px;
    background: #2c8bcb;
    float: left;
    position: absolute;
    left: 0;
    bottom: 0;
}
.kato-slutions .outer:nth-child(even) .text-box h5:after {
    content: '';
    width: 50px;
    height: 3px;
    background: #2c8bcb;
    float: left;
    position: absolute;
    right: 0;
    bottom: 0;
}

.kato-slutions .outer:nth-child(even) .text-box h5 {
    font-size: 30px;
    font-weight: bold;
    color: #000000;
    position: relative;
}
.kato-slutions .outer:nth-child(even) .text-box p {
    font-size: 16px;
    line-height: 30px;
    color: #000000;
    font-weight: 400;
}


.kato-slutions .more-btn {
    background: #2c8bcb;
    padding: 15px 50px;
    box-sizing: border-box;
    color: #ffffff;
    margin-top: 15px;
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    border-radius: 200px;
        text-transform: capitalize;
        border:1px solid #2c8bcb;
}
.kato-slutions .outer:nth-child(even) {
    width: 100%;
    position: relative;
    float: left;
}

.kato-slutions .more-btn:hover {
    color: #2c8bcb;
    text-decoration: none;
    background-color: #ffffff;
    color: #2c8bcb;
    border:1px solid #2c8bcb;
}
.kato-slutions .outer:nth-child(even) .text-box {
    width: 100%;
    float: left;
    padding: 20px 50px 20px 50px;
    box-sizing: border-box;
    position: relative;
    text-align: right;
    -webkit-transform: translateY(0%);
    -moz-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
}

.outer {
    float: left;
    width: 100%;
    margin: 50px 0px;
}
.outer.odd .more-btn{   left: 0px;
    float: left;
    position: relative;}
.outer.even .more-btn{        right: 0px;
    left: unset;
    position: relative;
    float: right;}


.footerTop {
    background-color: #052137!important;
    background: linear-gradient(90deg, #28475f 1%, #052137 64%, #052137 15%);
    padding: 50px 0px;
}




.banner-new-kato-home{background-color:#f5faff; padding-top:150px; padding-bottom:10px;
text-align:center}
.banner-new-kato-home h1{font-size: 50px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 0.82;
  letter-spacing: -1.4px;
  color: #393939;}

.banner-new-kato-home p {
    font-size: 30px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.07;
    letter-spacing: -0.8px;
    text-align: center;
    color: #393939;
        margin: 15px 0px 34px 0px;
}

.banner-new-kato-home a {
    border-radius: 3.9px;
    background-color: #1366ff;
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -0.1px;
    color: #ffffff;
    display: inline-block;
    margin: auto;
    padding: 13px 42px;
	transition:.4s;
	border:1px solid #1366ff;
}
.banner-new-kato-home img{visibility:hidden}
.banner-new-kato-home a:hover, .banner-new-kato-home a:active, .banner-new-kato-home a:focus{ color: #1366ff;  background-color: #fff;}
.tabs-new-kato-home{    background-color: #e1f0ff;
    padding: 100px 0px; position:relative; overflow:hidden}
.kato-heading-new-home{font-size: 40px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.8;
    letter-spacing: -0.9px;
    color: #393939;
    margin: 0px;
}
.tabs-new-kato-home .container{padding:0px;}
.tabs-new-kato-home ul.nav{       margin: 80px -25px;
    margin-bottom: 110px;}
.tabs-new-kato-home ul.nav li {
    width: 25%;
    float: left;
}
.tabs-new-kato-home ul.nav li a {
    padding: 0px 25px;
    font-size: 34px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 0.94;
    letter-spacing: -0.9px;
    color: #393939;
	position:relative;
	transition:.4s;
	    padding-bottom: 15px;
}

.tabs-new-kato-home ul.nav li a:before {
    content: "";
    width: 222px;
    height: 4px;
    background-color: #bfdfff;
    position: absolute;
    bottom: 0px;
}
.tabs-new-kato-home ul.nav li.active a:before{background-color: #078aff;}

.tabs-new-kato-home ul.nav li a:before{content:""} 
.tabs-new-kato-home ul.nav li.active a{font-weight:600}


.tabs-new-kato-home .tab-pane h4{font-size: 34px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: -0.9px;
  color: #393939; margin:0px;
margin-bottom:60px;}

.common-btn-new-kato-home {
    font-size: 30px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.07;
    letter-spacing: -0.8px;
    color: #393939;
    border-bottom: 4px solid #078aff;
    padding-bottom: 8px;
    position: relative;
}

.common-btn-new-kato-home:before {
    position: absolute;
    content: "";
    width: 0%;
    height: 2px;
    background-color: #078aff;
    bottom: -6px;
    transition: .4s;
}


.common-btn-new-kato-home:hover:before {
    width: 100%;
}


.cloud-for-decoration {
    position: absolute;
    bottom: 0px;
    right: 0px;
	visibility:hidden
}

.section-common-new-kato-home{padding:100px 0px; position:relative}
.section-common-new-kato-home .container{padding:0px;}
.bubbles-for-decor-kato {
    position: absolute;
    bottom: 0px;
    z-index: 1;
    left: 0px;
	visibility:hidden;
}
.text-side-kato-home h4{font-size: 34px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.18;
  letter-spacing: -0.9px;
  color: #393939;}

.text-side-kato-home p{font-size: 24px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.33;
  letter-spacing: -0.7px;
  color: #393939; margin-bottom:40px; margin-top:30px;}

.gredient-back-color-kato{background-color:#e1f0ff; overflow:hidden

}
.circle-left-right-kato:before {
    content: "";
    width: 200px;
    height: 200px;
    opacity: 0.55;
    background-color: #e1f0ff;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    left: -30px;
    top: -30px;
}
.circle-left-right-kato:after {
    content: "";
    width: 500px;
    height: 501px;
    background-color: #e1f0ff;
    position: absolute;
    right: -170px;
    bottom: 0px;
    z-index: -1;
    border-radius: 50%;
}




.circle-left-right-kato-other:before {
    content: "";
    width: 200px;
    height: 200px;
    opacity: 1;
    background-color: #1366ff;
    position: absolute;
    border-radius: 50%;
    z-index: -1;
    left: -30px;
    top: -30px;
}
.circle-left-right-kato-other:after {
    content: "";
    width: 500px;
    height: 500px;
    background-color: #e1f0ff;
    position: absolute;
    left: -100px;
    bottom: 0px;
    z-index: -2;
    border-radius: 50%;
}


.cta-kato-new-home{background-color: #259ffb;
    padding: 50px 50px;
    padding-bottom: 80px;
    margin-bottom: 60px; position:relative; overflow:hidden}

.cta-kato-new-home h4{color:#fff;}
.cta-kato-new-home p{color:#fff}
.cta-kato-new-home .common-btn-new-kato-home{color:#fff; border-color:#fff}
.cta-kato-new-home .common-btn-new-kato-home:before {
 
	background-color: #ffffff;}

.hills-for-decor-kato {
    position: absolute;
    right: 0px;
    top: 0px;
}
@media(max-width: 1200px){
.tabs-new-kato-home ul.nav li a {
   
	font-size: 30px;}
}

@media(max-width: 991px){
	.banner-new-kato-home {
   
		padding-top: 90px;}
	.banner-new-kato-home h1 {
		font-size: 30px;}
	
	.banner-new-kato-home p {
		font-size: 24px;}
	
	.section-common-new-kato-home {
		padding: 40px 15px 65px 15px!important; border-bottom:1px solid #eee; text-align:center}
	.image-side-kato-home img{width:100%; max-width:500px;}
	.text-side-kato-home{order:2}
	.image-side-kato-home{order:1;}
	.text-side-kato-home h4 {
		font-size: 24px;}
	
	.text-side-kato-home p {
		font-size: 20px;}
	
	.common-btn-new-kato-home {
		font-size: 22px;}
	.circle-left-right-kato-other:after, .circle-left-right-kato-other:before, bubbles-for-decor-kato, .hills-for-decor-kato, .bubbles-for-decor-kato, .cloud-for-decoration{display:none}
	.circle-left-right-kato:after, .circle-left-right-kato:before{display:none}
	
	.cta-kato-new-home {
    text-align: center;
    margin: 0px;
    padding: 40px 0px;
    padding-bottom: 65px; width:100%}
	
	.tabs-new-kato-home {
    background-color: #e1f0ff;
    padding: 40px 15px;
		padding-bottom: 60px; text-align:center}
	.kato-heading-new-home {
		font-size: 24px;}
	.tabs-new-kato-home ul.nav {
    margin: 40px 0px;
    margin-bottom: 25px; display: flex;
    flex-wrap: wrap;
}
	.tabs-new-kato-home ul.nav li a {
    padding: 0px 5px;
		font-size: 22px; padding-bottom:15px;}
	
	.tabs-new-kato-home ul.nav li {
    width: 50%;
    float: left;
    text-align: center;
    margin-bottom: 25px;
}
	.tabs-new-kato-home .tab-pane h4 {
    font-size: 24px;
    margin-top: 30px;
   
    margin-bottom: 30px;
}
	
	.tabs-new-kato-home ul.nav li a:before {
    content: "";
    width: 122px;
  
    bottom: 0px;
    margin: auto;
    left: 0px;
    right: 0px;
}
	
}

@media(max-width: 767px)
{

    .overview .img-box {
            width: 100%;
            float: left;
            position: relative;
    }


    .overview .img-box .text-section {
            width: 100%;
            max-width: 100%;
            background: rgba(30,37,49,0.8);
            position: relative;
            left: 0;
            bottom: 0;
            max-height: 370px;
            padding: 20px;
            box-sizing: border-box;
            color: #FFF;
            float: left;
            width: 100%;
    }

    .overview{padding:50px 0px 50px;}

    .kato-slutions .outer:nth-child(odd) .text-box,
    .kato-slutions .outer:nth-child(even) .text-box { padding: 20px 0px 20px 0px; }
    .overview .text-box {
            width: 100%;
            float: left;
            padding-right: 0px;
            box-sizing: border-box;
        }

        .overview .img-box .img-section{ height: 640px;}


}


/* End data */
/* ----------------------------------- new rebuit of kato----------------------------*/

.rebuilt-kato-banner{height: calc(100vh - 40px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-top: 60px!important;
	border-bottom:1px solid #eee;
	background-color:#e1f0fe
    }
.rebuilt-kato-banner .container{padding:0px;}

.rebuilt-kato-main-heading {
    font-size: 37px;
    line-height: .9;
	font-weight:600;
	margin: 0px;
}
.rebuilt-kato-main-text{font-size: 20px;
    margin: 0px; line-height:1.3; letter-spacing: normal; color:#777}


.rebuilt-kato-banner-form{position:relative; }
.rebuilt-kato-banner-form input{height:45px; font-size:18px; background-color:#ffffff;}
.rebuilt-kato-banner-form button{background-color: #1366ff;
    color: #fff;
    padding: 12px 30px 11px;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.3;
    margin-top: 25px;
    border: 1px solid #ffffff;
    transition: .4s;}

.rebuit-fold-kato{ padding-bottom:45px; padding-top:45px; position:relative; text-align:center; border-top:1px solid #eee}
.rebuit-fold-kato.data_slice_and_dice{
  padding-bottom:0px;
  border-bottom: 5px solid #eee;
}
.rebuit-fold-kato.data_slice_and_dice img{
  margin-top: 50px;
}

.rebuit-fold-kato:before{background-color:#ffffff; content:""; width:100%; height:57%; left:0px; bottom:0px; position: absolute;
    z-index: -1;}


.sub-headings-kato-var{font-size: 30px;
    font-weight: 800;
    line-height: 1.17;
    letter-spacing: normal;
    margin: 0px;}
.sub-text-kato-var{font-size: 20px;
    font-weight: 400;
    line-height: 1.35;
    letter-spacing: normal;
    margin: 0px;}
.clr-white-kato{color:#fff}
.sub-btn-kato-var {display: inline-block;
    font-size: 20px;
    font-weight: 600;
    line-height: 1.75;
    letter-spacing: -0.8px;
    color: #ffffff;
    border: 1px solid #1366ff;
    padding: 6px 25px;
    border-radius: 4px;
    background-color: #1366ff; transition:.4s;}
.sub-btn-kato-var:hover, .sub-btn-kato-var:focus, .sub-btn-kato-var:active{color:#1366ff; background-color:#fff}

.kato-mar-top-bot-20{margin:20px 0px;}
.kato-mar-top-40{margin-top:40px;}
.rebuilt-left-right-fold-kato{padding-top:45px; float:left; width:100%; position: relative;    padding-bottom: 45px;}

.rebuilt-left-right-fold-kato .container{    position: absolute;
    width: 1170px;
    left: 0px;
    right: 0px;
    margin: auto; padding:0px; }
    .rebuilt-left-right-fold-kato img.logos_image-only{
      padding-right:0px;
      width: 100%;
    }
    .rebuilt-left-right-fold-kato img.logos_image-only.visible-on-mobile{
     display: none;
    }
    .rebuilt-left-right-fold-kato.logos_block_section{
      float: none;

}
.rebuilt-left-right-fold-kato.logos_block_section .container{
  position: relative;
}
.bot-zero-kato{bottom:0px;}
.mar-top-neg-160{margin-top:-160px;}
.rebuilt-left-right-img-only{ width:750px}
.rebuilt-section-cta-kato {
    padding: 45px 0px;
   
}
.rebuilt-section-cta-kato.drilldown_sec{
  padding: 45px 0px 45px;
}
.rebuilt-section-cta-kato.drilldown_sec .row{
  border-bottom: 2px solid #eee;
  padding-bottom: 30px;
}
.rebuilt-section-cta-kato.drilldown_sec .row img{
  margin-top:50px;
}
.top-zero-kato{top:0px;}

.revert-to-top-section{
    padding-bottom: 100px; }
.revert-to-top-section:before{background-color:#bce0f6; top:0px; bottom:inherit; height:70%}

.lister-rebuilt-kato{padding:130px 0px;}
body ul.kt-rebuilt-pro {
    padding: 0px!important;
    display: flex;
    flex-wrap: wrap;
}

body ul.kt-rebuilt-pro li {
    width: calc(25% - 60px);
    margin: 0px 30px;
    float: left;
    padding: 15px;
}



.rebuilt-kato-cta-footer{background-color: #1366ff;
    padding: 100px 0px;}

.footer-design-rebuilt-kato{padding-right: 210px;}
.footer-design-rebuilt-kato input{background-color: transparent; color:#fff; font-size:16px;}
.footer-design-rebuilt-kato button{position: absolute;
    right: 0px;
    top: 0px;
    margin: 0px;
    background-color: #fff;
    font-size: 16px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    letter-spacing:normal;
    text-align: left;
    color: #303030;
    height: 100%;}



body .footer-design-rebuilt-kato input::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #fff;
}
body .footer-design-rebuilt-kato input::-moz-placeholder { /* Firefox 19+ */
  color: #fff;
}
body .footer-design-rebuilt-kato input:-ms-input-placeholder { /* IE 10+ */
  color: #fff;
}
body .footer-design-rebuilt-kato input:-moz-placeholder { /* Firefox 18- */
  color: #fff;
}

.footeremailerrormsg {
    position: absolute;
    bottom: -22px;
    color: #ff0000;
    left: 0px;
}
body .form-hanger input{border:1px solid #fff}
.kato-mar-top-80{margin-top:80px;}
.kato-mar-top-100{margin-top:100px;}
.all-blue-kt-bi{padding-bottom:45px;     background-color: #e1f0fe;}
.partion-line-kt-bi {
    border-top: 1px solid #333;
    margin-top: 100px;
    padding-top: 60px;
}
.rebuit-fold-kato img.new_section_img{
  margin-top: 50px;
}







@media(min-width:991px){
.rebuilt-kato-banner-form{padding-right:152px; }
	
	.rebuilt-kato-banner-form button{position: absolute;
    margin: 0px;
    top: 0px;
    right: 0px;}
}
@media(max-width:1400px){

.arrow-outer{width:108%;

}
.arrow-outer a{    padding: 2px 6px; font-size:15px;}
.arrow-outer a span {
    line-height: 22px;
}

}



@media (max-width: 1235px)
{

    .arrow-outer {
        width: 105%;
    }

}

@media(max-width:1200px){
.section-second .my-new-crausal .my-caption{padding-top:25px;}

.arrow-outer {display:none;}

.place-holder-logo2, .place-holder-logo{display:none!important;}
.third-section .container{padding:0px;}

.about-page-banner .text-area{padding:0px; display: table-cell;
    vertical-align: middle;
    float: none;}
	.rebuilt-left-right-fold-kato .container{width:100%; padding-left:15px; padding-right:15px;}
	.rebuilt-left-right-img-only {
    width: 650px;
}
}

@media (max-width:991px){

   .rebuilt-left-right-fold-kato img.logos_image-only{
     display: none;
   }
   .rebuit-fold-kato.data_slice_and_dice img{
    margin-top: 20px;
   }
   .kato-mar-top-40{
    margin-top: 20px;

   }
   .rebuilt-section-cta-kato.drilldown_sec .row img{
    margin-top: 0px;
   }
   .rebuilt-section-cta-kato.drilldown_sec{
    padding: 50px 15px 15px;
   }
   .rebuilt-left-right-fold-kato img.logos_image-only.visible-on-mobile{
    display: block;
    max-width: 460px;
    width: 100%;
    margin: auto;
    margin-bottom: 20px;
   }
	.partion-line-kt-bi {
    border-top: 1px solid #333;
    margin-top: 60px;
    padding-top: 10px;
}
	
	.all-blue-kt-bi{background-color:#bce1f6}
.text-area{padding-right:15px;}

.sec_top_nav .sec_top_nav_1 ul li:before {
    background-color: #1366ff;
}

.third-section.black-color ul:before, .third-section.black-color ul:after { display:none;}

.third-section.black-color ul li{width:50%;     border: 1px solid #fff;}


.about-page-banner .text-area{padding:0px; display: table-cell;
    vertical-align: middle;
    float: none;}
.combine-section{background-image:none }

.about-page-banner .cover-sec{
    background-image: url(https://jungleworks.com/wp-content/uploads/2017/12/group-13-min.png);
    
    background-repeat: no-repeat;
    background-position: center center;
background-size: contain;


}


.main-home-banner{background-color: #242d3c;
    
    height: auto;
padding-top:100px; padding-bottom:50px;}
.cover-sec{

    display: block;
    height: auto;


}

.image-area, .text-area{display: block;
   
    float: left;}

.about-page-banner h3 {
   
    font-size: 18px;
    line-height: 28px;
  
}
.about-page-banner h1 {
    
    font-size: 30px;
    
}


.about-page-banner .text-area p{margin-top:30px;}
	
	
	.rebuilt-left-right-fold-kato .container{position:static; width:100%}
	.rebuilt-kato-banner {
    height: auto;
    display: block;
		padding:15px;
    padding-top: 100px!important;
		padding-bottom:50px!important;
		text-align: center;}
	.image-part-kato img, .rebuilt-left-right-img-only{    max-width: 500px;
    width: 100%;
    margin: 50px auto; margin-bottom:0px!important;}
	
	.rebuilt-kato-main-heading {
		font-size: 26px;}
	.rebuilt-kato-main-text {
    font-size: 18px;
	}
	.sub-headings-kato-var {
    font-size: 24px;
	}
	.sub-text-kato-var {
		font-size: 18px;}
	
	.rebuit-fold-kato {
    padding: 35px 15px;
		}
	.rebuilt-left-right-fold-kato {
    padding-top: 30px;
		margin-top: 0px; padding-left:15px; padding-right:15px; text-align:center}
	
	.rebuilt-left-right-fold-kato .kato-mar-top-100{margin-top:0px;}
		
	body .rebuilt-left-right-img-only {
    float: none!important;
    margin: 0px;
}
	
	.rebuilt-section-cta-kato {
    padding: 40px 15px 30px;
}
	
	.settle-downin-phone{padding: 40px 15px;
    margin-top: 0px;
    border: 1px solid #eee;}
	
	.rebulit-fixer-all{border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 40px 15px;}
	
	.lister-rebuilt-kato {
    padding: 50px 0px;
}
	
body ul.kt-rebuilt-pro li {
    width: calc(50% - 30px);
    margin: 15px;
}
	
	.footer-design-rebuilt-kato{padding-right:0px;}.footer-design-rebuilt-kato button {
		position: static; margin-top:20px;}
	.rebuilt-kato-cta-footer {
    background-color: #1366ff;
    padding: 50px 0px;
}
	.footeremailerrormsg {
   
    bottom: inherit;
   
    top: -22px;
}
	
}


@media (max-width:768px) and (orientation:landscape){
        #fullpage .section.katowings{  height:auto!important; }
        .about-page-banner { height: auto!important;  padding-top: 100px; padding-bottom: 50px; }
}


@media (max-width:768px){


.bi-top-section .cover-sec h5{    font-size: 22px;}
.bi-top-section .cover-sec h2{font-size: 32px;
    line-height: 42px; margin-bottom: 20px;}
.bi-top-section .cover-sec h4{font-size: 18px;}

.my-testimonials h2{font-size:37px; line-height:40px;}


.footerTop .container form {
    width: 100%;
       padding-right: 128px;
}

.footerTop .container form button{right: 0px !important;}

.footerTop .container form button{
   padding: 6px 10px;

}

.footerTop .container form input {
    width: 100%!important;
    max-width: 97%!important;
}


.md-padding.clientsSection {
        border-top: 1px solid #ccc!important;
}


.footerTop .container{margin-top:0px;}

.third-section{padding-left:15px; padding-right:15px;}

.section-second .my-new-crausal .my-caption, .section-second {
    padding-top: 50px;
}

.footerTop{padding-left:15px; padding-right:15px;}

.text-area form{width:100%; padding-right:140px;}
.my-testimonials p{font-size:22px;}

.text-area form button{
   padding: 6px 18px;

}
.my-testimonials .my-new-crausal{padding:50px 0px; padding-bottom:0px; }
.text-area form input {
    width: 98%!important;
    max-width: 100%!important;
}



.my-testimonials .my-new-crausal .item {
    padding: 50px 15px;
}

.my-testimonials .my-new-crausal .carousel-inner .col-md-12 {
   
    padding: 30px 15px;
 padding-top: 75px;
   
}


.pad-xs-0{padding:0px;}

#fullpage .section.katowings{padding-top:100px;  height: 100vh;
}
#fullpage .section.katowings .pagerNav{display:none;}
#fullpage .section{padding-top:50px; padding-bottom:50px;}
.pupose-four .col-md-12{padding:0px;}
  .my-rights, footer .footer-middle ul li span{text-align:left!important;} 


.logo-holder span {display:block; margin:20px;}




.footer-secs{margin-bottom:0px!important;}


.footer-secs .footer-bottom{margin-bottom:0px!important;}

.pupose-four .thumbnail{padding:0px;}

.section-two{border-bottom:1px solid #f5f5f5;}

.text-area{padding:0px;}
.my-nav{ padding-top:0px; padding-bottom:0px;}
.my-nav ul li.my-btn a {
   
    margin-right: 15px;
display:inline-block
}
.my-nav ul>li{padding-bottom:15px;}
}






#fullpage .md-padding, .section {
    padding-top: 0px;
    padding-bottom: 0px;
}
.intro { text-align: center;}
.intro p {  width: 50%; margin: 0 auto;  font-size: 1.5em;}
.katowings .intro {position: relative;}
.katowings .intro p{
  font-size: 27px;
  font-weight: 300;
  text-align: center;
  color: #4e4e4e; 
  font-family: 'Lato';
}
.katowings .intro h1{
  font-size: 60px;
  font-weight: bold;
  letter-spacing: 1.2px;
  text-align: center;
  color: #222222;
  font-family: 'Oswald';
      padding-top: 105px;
}
.pagerNav {
    position: absolute;
    bottom: 60px;
    text-align: center;
    right: 0px;
    left: 0px;
}

.WHATS-JUGNOO {
   font-family: 'Oswald';
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  color: #ea746a;
  text-align: center;
      padding-top: 15px;
}

.HOW-KATO-HELPED-JUGN {
   font-family: 'Oswald';
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
  color: #87d360;
}

.katowings{
  background-image: url('https://jungleworks.com/wp-content/themes/jw/<?php%20echo%20site_url(); ?>/wp-content/uploads/2017/08/Kato_bg.jpg');
  background-repeat: no-repeat;
      background-position: 100%;
    background-size: cover;
}

.jugnooNews{
    background-image: url('https://jungleworks.com/wp-content/themes/jw/<?php%20echo%20site_url(); ?>/wp-content/uploads/2017/08/2nd_fold_bg-1.jpg');
  background-repeat: no-repeat;
      background-position: 100%;
    background-size: cover;
}

.whatsSection ul{display: inline-block; text-align: center; width: 100%;     padding: 15px 0px;  margin: 0px;}
.whatsSection ul li {
    list-style: none;
    display: inline-block;
    padding: 0 10px;
    position: relative;
    font-family:"Lato",sans-serif;
    font-size: 20px;
    line-height: 1.7;
    text-align: center;
    color: #222222;
}
.whatsSection ul li:after {  content: "|";  right: 0px; position: absolute;}
.whatsSection ul li:last-child:after {  content: "";}
.whatsSection p {
  max-width: 480px;
  width: 100%;
  font-family:"Lato",sans-serif;
  font-size: 22px;
  font-weight: 300;
  line-height: 1.55;
  text-align: center;
  color: #222222;
}

.offeringsSection h2{
  font-family: 'Oswald';
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: left;
  color: #87d360;
  text-transform: uppercase;
  padding-bottom: 25px;
}

#offeringsSection h2{ color: #46557b;}

.offeringsSection .my-caption h3{
  font-family: 'Oswald';
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.5px;
  text-align: left;
  
}
#offeringsSection .my-caption h3{
color: #e86134;
}
.offeringsSection .my-caption p{
  opacity: 0.8;
  font-family:"Lato",sans-serif;
  font-size: 18px;
  line-height: 1.44;
  text-align: left;
  color: #222222;
}
.my-pills{
    font-family:"Lato",sans-serif;
  font-size: 17px;
  text-align: left;
  color: #222222;
}
.fp-auto-height{
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}
.helpsection {
    float: left;
    width: 38%;
    padding: 20px;
    background-color: #ffffff;
    margin: 30px 6%;
    min-height: 145px;
    vertical-align: middle;
    display: table;
    border-radius: 2px;
    background-color: #ffffff;
    box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.06);
    font-family: 'Oswald';
}
.helpsection .Cut-down-burn-by-20 {
    vertical-align: middle;
    display: table-cell;
    padding: 20px 20px;
    opacity: 0.8;
    font-size: 18px;
    line-height: 1.44;
    text-align: center;
    color: #222222;
    font-family:"Lato",sans-serif;
}
.helpsection .Cut-down-burn-by-20 .text-style-1 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.08;
  color: #87d360;
}
.footerWrap { padding-bottom: 20px; border-top:1px solid #ccc;}
.my-caption{padding-top:150px;}
.carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.carousel-fade .carousel-control { z-index: 2;}
.my-pills{  position: absolute;  right: 0px;  top: 0px;}
.my-pills.nav>li {
    position: relative;
    display: block;
    border-left: 5px solid #eaeaea;
    margin: 15px 0px;
}
.my-pills.nav>li:hover {  border-left: 5px solid #e86134;}
.my-pills.nav>li.active { border-left: 5px solid #e86134; background-color:transparent}
.my-pills.nav>li.active a{font-weight:500; background-color:transparent}
.my-pills.nav>li>a {
    position: relative;
    display: block;
    padding: 0px 8px; color:#222; font-size:17px; font-weight:400
}
.col-md-4.CaptionBox {
    padding: 0px;
    padding-top: 40px;
}
.nav>li>a:focus, .nav>li>a:hover{
  background-color: transparent !important;
  color: #ee643c;
}

.footer-middle a{text-decoration: none;}
.footer-middle a:hover{text-decoration: none !important; color: #0a79bf; }
.customer-our {
    padding-top: 40px;
    padding-bottom: 60px;
position:relative
   
}







@media (max-width: 1024px)
{

  .katowings {  background-position: 50% 40px; }
  .jugnooNews {  background-position: 90%; }
  .helpsection {  min-height: 160px;}


}


@media(max-width:991px){
.customer-our {
    
    border-top: 1px solid #eee;
}


.customer-our .col-xs-6{clear:none;}
  .my-caption{padding-top:10px;}
 
  .katowings .intro h1 { font-size: 45px; padding-top: 80px;}
  .intro p {  width: 65%;}
  .katowings {  background-position: 50% -20px;}
  .my-pills {   position: static; width: 100%; bottom: 0px;  top: 72%;  height: auto;  left: 60%; }
  .helpsection {  width: 46%;  margin: 30px 2%;}


}

@media (max-width: 767px)


{
.customer-our{padding:0px 0px !important;
  position: relative;}
  section.customer-our:before{
    content: "";
    width: 16px;
    height: 16px;
    background-color: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    border-radius: 50px;
    right: 0;
    left: 0px;
    margin: auto;
    z-index: 9;
  }
.customer-logo-jw:before {
    width: 1px;
    height: 100%;
    position: absolute;
    background-color: #eee!important;
    top: 0px;
    bottom: 0px;
    content: "";
    left: 0px;
    right: 0px;
    margin: auto;
}


.customer-logo-jw:after {
    width: 100%;
    height: 1px;
    position: absolute;
    background-color: #eee!important;
    top: 0px;
    bottom: 0px;
    content: "";
    left: 0px;
    right: 0px;
    margin: auto;
    z-index: 1;
}
.customer-logo-jw{
  position:relative;
}


.third-section.black-color ul li{width:100%;     border: 1px solid #fff;}
.my-testimonials p {  font-size: 20px;  min-height: 270px;}



   .my-pills{  position: static;}

   .fp-auto-height.fp-section,
  .fp-auto-height .fp-slide,
  .fp-auto-height .fp-tableCell,
  .fp-section.fp-table, 
  .fp-slide.fp-table{
      height: auto !important;
  }


}

@media (max-width: 667px)
{

         .overview .img-box .img-section{ height: 580px;}
         .my-testimonials p {  font-size: 20px;  min-height: 280px;}

}

@media (max-width: 580px)
{
      .text-area form {  padding-right: 0px; }
      .text-area form button { top: 55px; left: 0px; display: inline-block;
max-width: 150px }
}

@media (max-width: 480px)
{
  .intro {  padding: 0px 20px;}
  .katowings .intro h1 { font-size: 32px;  padding-top: 0px;}
  .katowings .intro p {  font-size: 22px;}
  .intro p{width: 100%;}
  .whatsSection ul li{font-size: 16px;}
  .whatsSection p {font-size: 20px;}
  .offeringsSection h2 { font-size: 45px; padding-bottom: 10px;  padding-top: 14px;}
  .col-md-4.CaptionBox { padding-top: 15px;}
  .helpsection {  width: 96%;  margin: 10px 2%;  padding: 30px 15px; min-height: auto; }
  .helpsection .Cut-down-burn-by-20 { padding: 0px;     opacity: 1; font-size: 17px;}
  .HOW-KATO-HELPED-JUGN {font-size: 30px;}
  .helpsection .Cut-down-burn-by-20 .text-style-1 {font-size: 22px;}
  .my-pills {width: 100%;}
  .katowings {   background-position: 50% 0px;}
  .my-testimonials p {  font-size: 20px;  min-height: 350px;}

  .text-area form {  padding-right: 0px; }
  .text-area form button { top: 55px; left: 0px;}
}

@media (max-width: 380px)
{
  .overview .img-box .img-section{ height: 350px;}
  .offeringsSection h2 { font-size: 35px;  padding-bottom: 10px; padding-top: 14px;}
  .WHATS-JUGNOO { font-size: 36px;}
  .whatsSection ul li {  padding: 0 6px; }
  .helpsection { width: 100%; margin: 10px 0%;  padding: 25px 15px;}
  .HOW-KATO-HELPED-JUGN {  font-size: 26px; }
  .offeringsSection .my-caption h3 {  font-size: 22px;}
  .offeringsSection .my-caption p { font-size: 17px;}
  .col-md-4.CaptionBox {  padding-top: 0px;}
  .my-testimonials p {  font-size: 18px;  min-height: 350px;}

}
.for-kato-client{
    /* border-right:solid 1px #eeeeee; */
}
@media(max-width:767px){
    .for-kato-client{
        border-right:none !important;
        padding: 20px 0px;
    }   
}













.owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.owl-carousel .owl-animated-in{z-index:0;}
.owl-carousel .owl-animated-out{z-index:1;}
.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;}
@-webkit-keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
@keyframes fadeOut{0%{opacity:1;}
100%{opacity:0;}
}
.owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;}
.owl-carousel{display:none;width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;}
.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;}
.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel.owl-loaded{display:block;}
.owl-carousel.owl-loading{opacity:0;display:block;}
.owl-carousel.owl-hidden{opacity:0;}
.owl-carousel .owl-refresh .owl-item{display:none;}
.owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
.owl-carousel .owl-item img{display:block;width:auto;-webkit-transform-style:preserve-3d;}
.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;}
.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;}
.owl-carousel.owl-rtl{direction:rtl;}
.owl-carousel.owl-rtl .owl-item{float:right;}
.no-js .owl-carousel{display:block;}
.owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.owl-carousel .owl-item img{transform-style:preserve-3d;}
.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;}
.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("https://jungleworks.com/wp-content/themes/jw/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;}
.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3);}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon{display:none;}
.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;}
.owl-carousel .owl-video-frame{position:relative;z-index:1;}














.owl-theme .owl-nav{margin-top:10px;text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1;*display:inline}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;-webkit-transition:opacity 200ms ease;-moz-transition:opacity 200ms ease;-ms-transition:opacity 200ms ease;-o-transition:opacity 200ms ease;transition:opacity 200ms ease;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px}/*.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}*/





.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;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
            transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
            transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
            transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -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;
      -ms-transform-origin: center bottom;
          transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
          animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
            transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
          animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
            transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
            transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.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);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
          animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 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%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 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 swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
      -ms-transform-origin: top center;
          transform-origin: top center;
  -webkit-animation-name: swing;
          animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
          animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
            transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
          animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
          animation-name: bounceIn;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
          animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
          animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    -webkit-transform: none;
            transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
          animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

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

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
            transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  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);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 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);
  }

  100% {
    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);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
          animation-name: bounceOut;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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;}
  100% {opacity: 1;}
}

@keyframes fadeIn {
  0% {opacity: 0;}
  100% {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);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }

  100% {
    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);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
          animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

@keyframes fadeOut {
  0% {opacity: 1;}
  100% {opacity: 0;}
}

.fadeOut {
  -webkit-animation-name: fadeOut;
          animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    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;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
            transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    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;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    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;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
            transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    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;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    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;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
            transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    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;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    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;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
            transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    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) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -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);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -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) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
            transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -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);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }

  100% {
    -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) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -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) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
            transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -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) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
            transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
            transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
          animation-name: flipOutX;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
  -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) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
            transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
            transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
          backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
          animation-name: flipOutY;
  -webkit-animation-duration: .75s;
          animation-duration: .75s;
}

@-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);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -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);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
            transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -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;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
            transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -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% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
            transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
          animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
          animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
          animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
          animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
            transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
          animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
            transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
            transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
            transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
          animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
            transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
          animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
          animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
            transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
            transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
          animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
            transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
            transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
          animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 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;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
            transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
            transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
            animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
            transform: rotate3d(0, 0, 1, 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;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
            transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
          animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
            transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
          animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
            transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
          animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
            transform: scale3d(.3, .3, .3);
  }

  100% {
    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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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);
  }

  100% {
    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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 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(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    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(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
          animation-name: zoomOutUp;
}

@-webkit-keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

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

@keyframes slideInDown {
  0% {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    visibility: visible;
  }

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

.slideInDown {
  -webkit-animation-name: slideInDown;
          animation-name: slideInDown;
}

@-webkit-keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

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

@keyframes slideInLeft {
  0% {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
    visibility: visible;
  }

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

.slideInLeft {
  -webkit-animation-name: slideInLeft;
          animation-name: slideInLeft;
}

@-webkit-keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

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

@keyframes slideInRight {
  0% {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
    visibility: visible;
  }

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

.slideInRight {
  -webkit-animation-name: slideInRight;
          animation-name: slideInRight;
}

@-webkit-keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

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

@keyframes slideInUp {
  0% {
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
    visibility: visible;
  }

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

.slideInUp {
  -webkit-animation-name: slideInUp;
          animation-name: slideInUp;
}

@-webkit-keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

@keyframes slideOutDown {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(100%);
            transform: translateY(100%);
  }
}

.slideOutDown {
  -webkit-animation-name: slideOutDown;
          animation-name: slideOutDown;
}

@-webkit-keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

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

@keyframes slideOutLeft {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

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

.slideOutLeft {
  -webkit-animation-name: slideOutLeft;
          animation-name: slideOutLeft;
}

@-webkit-keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

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

@keyframes slideOutRight {
  0% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }

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

.slideOutRight {
  -webkit-animation-name: slideOutRight;
          animation-name: slideOutRight;
}

@-webkit-keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

@keyframes slideOutUp {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

  100% {
    visibility: hidden;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
  }
}

.slideOutUp {
  -webkit-animation-name: slideOutUp;
          animation-name: slideOutUp;
}



.kato-domo_banner{
text-align:center;
height: 100vh;
background-position: bottom;
background-repeat: no-repeat;
background-size:auto; background-color:#dff1ff
}
.kato-domo_banner .container{
  display: table;
  height: 100%;
}
.kato-domo_banner .row{
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}
.kato-domo_banner .container:before, .kato-domo_banner .row:before{
  display: table;
}
.kato-domo_banner h1{
  font-size: 40px;
  font-weight: 100;
  color: #3c3c3c;
}
.kato-domo_banner p{
  color: #353535;
}
.kato-domo_banner h1 strong{
  font-weight:600;
}
.kato-domo_banner .rebuilt-kato-banner-form {
  padding-right: 0px !important;
  max-width: 620px;
	width:100%;
  margin: auto;
  margin-top: 40px;
}
.kato-domo_banner .rebuilt-kato-banner-form button{
  border: 1px solid #1366ff;
}
.kato-domo_banner .trail-tookan-caption{
  max-width: 620px;
  margin: auto;
  margin-top: 10px;
	width:100%;
}
.kato-think{border-radius: 26px;
    background-color: #1366ff;
    box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.27);
    text-align: center;
    padding: 65px;
    margin-top: -100px;}
.kato-think p {
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
    letter-spacing: normal;
    color: #ffffff;
    position: relative;
    padding-bottom: 30px;
    margin-bottom: 20px;
}
.kato-think span{font-size: 26px;
    font-weight: 400;
    line-height: 1.27;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    display: block;}
.kato-think span i{font-style:normal; font-size:22px;}
.kato-think img{margin-bottom:65px;}

.kato-think p:nth-last-child(1):before{display:none}
.kato-new-ctaa{margin:0px; border-radius:0px;}

.kato-new-ctaa a{    border-radius: 5px;
    background-color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3c3c3c;
    padding: 17px 49px;
    display: inline-block; transition:.4s}
.kato-new-ctaa a:hover, .kato-new-ctaa a:focus, .kato-new-ctaa a:active, .single-btn-more:hover, .single-btn-more:active, .single-btn-more:focus{background-color:#333; color:#fff}
.kato-new-ctaa h4{font-size: 40px;
    font-weight: 600;
    line-height: 1.3;
    letter-spacing: -0.8px;
    text-align: center;
    color: #ffffff;
    margin: 0px;
    margin-bottom: 30px;}

.commom-section-kato-versus{padding:90px 0px; text-align:center; overflow:hidden}
.commom-section-kato-versus .container{padding:0px;}
.newly-added-heading-for-kato-verus h4{font-size: 36px;
    font-weight: 300;
    line-height: 1.3;
    letter-spacing: -0.8px;
    text-align: center;
    color: #3c3c3c;
    margin: 0px; margin-bottom:50px;}
.newly-added-heading-for-kato-verus h4 b{font-size: 48px;
    font-weight: 600;
    letter-spacing: -1px;
    color: #3c3c3c;
    display: block; }

.chownow-comparision-list .for-kato-verus-only-table  td{color:#333; border:1px solid #eee!important}
.chownow-comparision-list .for-kato-verus-only-table  td p{margin:0px;}


.chownow-comparision-list .for-kato-verus-only-table td:nth-child(2) {
    background-color: #1366ff;
    color: #fff;
}

.chownow-comparision-list .for-kato-verus-only-table td h4 {
    margin: 15px 0px;
    font-size: 24px;
}

.chownow-comparision-list .for-kato-verus-only-table  td i.fa-times{color:#ff0000}

.chownow-comparision-list .for-kato-verus-only-table  td i.fa-check{color:#333}

.chownow-comparision-list .for-kato-verus-only-table td:nth-child(2) i.fa-check{color:#fff}

.chownow-comparision-list .for-kato-verus-only-table{width:100%; max-width:100%; box-shadow: 0 0 125px 0 rgba(0, 0, 0, 0.1);}
.chownow-comparision-list .for-kato-verus-only-table.limits-table-height tr{display:none}
 .chownow-comparision-list .for-kato-verus-only-table.limits-table-height tr:nth-child(-n+7){
    display: table-row;
}

.single-btn-more {
    border-radius: 5px;
    background-color: #1366ff;
    font-size: 20px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    padding: 17px 49px;
    display: inline-block;
    margin: auto;
    margin-top: 40px;
	transition:.4s
}

.independent-image-abs-kato{position: absolute;
    width: 880px;
    right: 50%;
    top: 0px;
    bottom: 0px;
    margin: auto;
    margin-right: -1100px;}

.commom-section-kato-versus .list-inner-manage{padding-right:100px;}

@media(max-width:991px){
	
	
.independent-image-abs-kato {
    position: static;
    max-width: 500px;
    width: 100%;
    margin: auto;
}
	
	.commom-section-kato-versus .list-inner-manage {
    padding-right: 15px;
		width:100%
}
	.commom-section-kato-versus .container {
    padding:0px 15px;
}
	.newly-added-heading-for-kato-verus h4 b, .newly-added-heading-for-kato-verus h4 {
		font-size: 22px;}
	.newly-added-heading-for-kato-verus h4{margin-bottom:30px;}
	.commom-section-kato-versus {
		padding: 30px 0px;}
	
	.kato-new-ctaa h4 {
		font-size: 22px;}
	.kato-new-ctaa h4 br{display:none}
	
	.kato-think {
   
    padding: 30px 15px;
    margin-top: 40px;
		padding-bottom:0px;
}
	.kato-think p {
		font-size: 18px; line-height:1.3}
	.kato-think p span{font-size:18px;}
	
	.kato-new-ctaa a, .single-btn-more {
   
    font-size: 18px;
   
    padding: 8px 27px; display: inline-block;
}
	.kato-new-ctaa{margin:0px; padding-bottom: 40px;}
	.kato-think img {
    margin-bottom: 30px;
		width:100px;
}
	
	.kato-domo_banner h1 {
    font-size: 24px;
		line-height: 1.3;}
	.kato-think span i{ font-size:16px;}
}