@import url('https://fonts.googleapis.com/css?family=Rozha+One');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Sail');
*{margin:0 auto; padding:0; outline:none; list-style:none;}
body,p{font-family:'Open Sans', sans-serif;color:#7e7673;font-size:16px;outline: none;}
span.error:empty,small.error:empty{display:none;}
.system-message,.system-error-message{background:none;border:none;color:#6e6460;margin:0;padding:0;}
p{margin-bottom:16px}
p.lead{font-family: 'Open Sans', sans-serif;text-align:center;font-size:17px;margin-bottom:0;}
.system-message h1,.system-error-message h1{font-size:36px;}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif; color:#404141;}
h1{ font-size:32px; margin-bottom:10px;}
h2{font-size:24px;margin-bottom:13px;}
h3{font-size:18px; margin-bottom:16px}
h4{font-size:16px;margin-bottom:21px}
h5{font-size:13px;margin-bottom:26px}
h6{font-size:10px;margin-bottom:37px}
a,a:visited,.breadcrumbs a{color:#00003f;-webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out; outline: none;}
h1 a,h2 a,h3 a,h4 a,h5 a,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited{color:#00003f;}
a:hover,a:focus,.breadcrumbs a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus{color:#080808; outline: none;}
a img{-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out; outline: none;}
a img:hover{opacity:.7;}
em,input[type="text"],textarea,select{font-family:Montserrat, serif;}
input[type="text"],input[type="email"],input[type="password"],input[type="submit"],texarea,select{border-radius:3px;height:auto;padding:10px 13px;}
input[type="text"],input[type="email"],input[type="password"],textarea,select{background:#fff;}
input[type="submit"]{font-weight:500;background:#00003f;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;border:none;cursor:pointer;padding:15px 20px;}
input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color:#a8a8a8 ;}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder { /* Firefox 18- */ color: #a8a8a8  }
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder { /* Firefox 19+ */ color: #a8a8a8  }
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder { /* IE 10+ */ color:#a8a8a8 }
input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder { /* Edge */ color:#a8a8a8 } 
textarea::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color:#a8a8a8;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0;}
ol, ul , figure{margin:0;list-style-type: none;}
ol ol, ol ul, ul ol, ul ul{margin:0}
.row{width:100%;max-width:1210px;}
.row .row{width: auto;margin-top: 0;margin-bottom: 0;}
a#catshopbuy {font-family:Montserrat, sans-serif;font-weight:500;letter-spacing:2px;background:#52CAB3;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;}
a#catshopbuy:hover {background:#276D5F;color:#fff;transition-duration:.5s;}
a#catshopclear {font-family:Montserrat, sans-serif;font-weight:500;letter-spacing:2px;background:#b5b5b5;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;  font-size: 12px; text-align: center; text-shadow: none; padding: 1em;}
a#catshopclear:hover {background:#646464;color:#fff;transition-duration:.5s;}
.click-to-reveal {cursor:pointer;font-size: .7rem; color: #52cab3;}
.opt-discount input[type="submit"] { margin-top: 10px; }
.product-remove a:link, .product-remove a:visited { font-size: 20px; color: #606060; line-height: 20px;transition-duration:.5s;}
.product-remove a:hover { color: #900; }
.product-image img, .product-title{ margin-bottom: 20px;}

input[type="text"],input[type="email"],input[type="password"]{font-family:Montserrat, serif;font-size:13px;border: 1px solid #FBFBFF; margin-bottom: 10px;padding: 11px;font-weight: 300; color: #a8a8a8; background: #fbfbfb; box-shadow: none;}
textarea{border-radius:3px;padding:10px 13px;background:#fbfbfb; box-shadow: none; resize: none;    border: 1px solid #FBFBFF; }
ul li{font-size:14px;margin-bottom:0;}

/*buttons*/
.button { background-color:#00003f;margin-bottom:0; color: #fff; font-family: 'Open Sans', sans-serif; font-weight:700}
.button,/*button*/,input[type="submit"],a#catshopbuy:link,a#catshopbuy:visited{font-family:Montserrat, sans-serif;font-weight:500;letter-spacing:2px;background:#1abc9c;color:#fff;border-radius:3px;text-transform:uppercase;}
.button.secondary,button.secondary {background:#777777;color:#fefefe;}
.button.hollow {  border: 1px solid #6bb6c2; color: #6bb6c2;}

.button:hover,.button.secondary:hover,button.secondary:hover,button:focus,.button:focus,input[type="submit"]:hover,input[type="submit"]:focus {color:#fff;transition-duration:.5s;}
.button:visited{color:#fff;}


/*header*/
header{width:100%;padding:20px 0; background: #fff;position:fixed;top:0; z-index: 75; border-bottom: 1px solid #d8d8d8;}
.main_header{width:100%; float:left;padding:0px 68px}
.top-bar,.top-bar ul,.top-bar.expanded .title-area{background-color:#74D4C2;}
.utility-nav{background:url(/_assets/css/images/ultility-nav.png);margin:0;padding:5px 0 0;}
.utility-nav ul,.utility-nav ul li{list-style:none outside none;margin:0;padding:0;}
.utility-nav li{float:left;}
.utility-nav li span{margin-right:5px;color:#1abc9c;}
.utility-nav li a{font-size:12px;font-weight:400;color:#fff;position:relative;font-family:'Open Sans', sans-serif; top:-2px;padding:5px;}
.utility-nav li:hover{background:#1abc9c;}
.utility-nav li:hover > a,.utility-nav li:hover > a span{color:#fff;}
aside .is-drilldown li.selected{background:#ECECEC;}
aside li.selected > a.selected { color: #080808; }
aside li.is-selected > a{color:#080808;}

.top-bar .menu .selected>a {color:#00003f;}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); display:none}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{border-color:transparent #fff transparent transparent;}
.is-accordion-submenu-parent>a:after { border-color: #00003f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) !important; }
.is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #00003f; }
.js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #00003f rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.show-for-small-only .is-accordion-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.show-for-small-only .is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.show-for-small-only .js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.top-bar-left .show-for-small-only a { color: #fff; }
/*This section prevents the mobile menu bar from flashing when the page loads*/
/*This is directly from the Foundation documentation*/
.no-js .top-bar { display: none; }
@media screen and (min-width: 40em) {
	.no-js .top-bar { display: block; }
	.no-js .title-bar { display: none; }
}
/* End of section to prevent mobile menu bar flashing*/
#preloader { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; height: 100%; z-index: 9999; overflow: hidden; }
#status{width: 250px; height: 250px; position: absolute; left: 50%; top: 50%; background-image:url(../img/loader.gif); background-repeat: no-repeat; background-position: center;  margin: -115px 0 0 -110px; z-index: 9999;}
button.menu-icon{background:none;}
.shopping-cart{color:#FFFFFF;font-size:13px;font-family:Montserrat, sans-serif;}
#catCartSummary table tbody,#catCartSummary table tfoot,#catCartSummary table thead{border:none;background:none;}
a.cartSummaryLink{color:#1abc9c;}
.utility-nav .uty0,.utility-nav .uty1{display:none;}
table.cartSummaryTable{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;margin:0 0 0 20px;}
td.cartSummaryItem{color:#FFFFFF;font-size:12px;padding:0;}
/*alert boxes*/
.alert-box{display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;font-size:.8125rem;transition:opacity 300ms ease-out;background-color:#008cba;color:#fff;border-color:#0078a0;border-style:solid;border-width:1px;padding:.875rem 1.5rem .875rem .875rem;}
.alert-box .close{font-size:1.375rem;line-height:0;position:absolute;top:50%;margin-top:-.6875rem;right:.25rem;color:#333;opacity:0.3;padding:9px 6px 4px;}
.alert-box .close:hover,.alert-box .close:focus{opacity:0.5;}
.alert-box.radius{border-radius:3px;}
.alert-box.round{border-radius:1000px;}
.alert-box.success{background-color:#43ac6a;color:#fff;border-color:#3a945b;}
.alert-box.alert{background-color:#f04124;color:#fff;border-color:#de2d0f;}
.alert-box.secondary{background-color:#e7e7e7;color:#4f4f4f;border-color:#c7c7c7;}
.alert-box.warning{background-color:#f08a24;color:#fff;border-color:#de770f;}
.alert-box.info{background-color:#a0d3e8;color:#4f4f4f;border-color:#74bfdd;}
.alert-box.alert-close{opacity:0;}

/*search*/
.search-container{display:none;background:url(images/ultility-nav.png) repeat scroll 0 0 rgba(0,0,0,0);padding:30px 0 0;}
.search-icon span{color:#FFFFFF;margin-left:10px;cursor:pointer; position: relative; top: -3px; padding: 5px;}
.search-container input[type="text"]{height:auto;padding:14px 15px;}
/*slider*/
.slick-slider{overflow:hidden;margin:0;}
.slick-slide img{width:100%;}
.slide-description{position:absolute;width:100%;margin-top:330px;z-index:1;}
.slick-dots{bottom:0;}
.slick-dots li button:before{color:#98918d;opacity:1;font-size:13px;}
.slick-dots li.slick-active button:before{color:#1abc9c;}
.hero-slider .slick-dots{bottom:145px;z-index:1;text-align:left;margin:0 0 0 25%;}
.hero-slider .slick-dots li button:before{content:none;}
.hero-slider .slick-dots li{width:auto;margin:0 5px 0 0;}
.hero-slider .slick-dots li button{width:50px;height:5px;border-radius:0;background:#fff;padding:0;}
.hero-slider .slick-dots li.slick-active button{background:none repeat scroll 0 0 #52cab3;height:15px;top:-10px;}
.slide-description span{color:#18987f;font-size:46px;float:left;margin:0 15px 30px 0;}
.slide-description h1{color:#fff;font-weight:100;}
.slide-description h2{color:#fff;font-weight:100;}
.slide-description-contents {background: rgba(0, 0, 0, 0.35); color:#fff; border-radius: 3px; padding: 20px;}
.slide-description h1.brown,.slide-description h2.brown{color:#6e6460;}
.slide-description h1{font-size:100px;line-height:134px;margin-bottom:30px;}
.slide-description h2{font-family:Montserrat, sans-serif;float:left;font-size:18px;text-align:left;text-transform:uppercase;}
.slide-description h2 em{font-style:normal;text-transform:none;white-space:nowrap;} 
.home-slider { position: relative;}
i.fa.prev-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;left:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.next-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;right:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.prev-btn:hover,i.fa.next-btn:hover{opacity:1;}
/*section main*/
section.main{padding:20px 0 50px;}
.feature-image{border-radius:90em;overflow:hidden;width:100%;height:100%;max-width:189px;margin-bottom:30px;}
/*events section*/
section.events{background:url(images/events-bg.jpg) repeat-x top;padding:50px 0;}
.event-item{background:rgba(255,255,255,0.9);box-shadow:0 1px 1px rgba(0,0,0,0.2);border-top:5px solid #6bb6c2;margin-bottom:30px;padding:20px 30px;}
.event-date{background:#00003f;width:75px;height:75px;border-radius:90em;font-size:24px;text-align:center;color:#fff;font-family:Montserrat, sans-serif;text-transform:uppercase;padding-top:14px;margin:0 auto 20px;}
.event-date span{display:block;line-height:1.2;}
.event-date span.month{font-size:16px;}
.event-item h3{text-align:center;font-weight:100;}
.event-item-detail{background:url(/_assets/img/dashed-bg.jpg) repeat-x bottom;margin-bottom:30px;padding-bottom:30px;}
.event-item-detail h3{margin-bottom:5px;}
.event-details{line-height:18px;color:#99918e;font-size:13px;font-family:Montserrat, sans-serif;margin-bottom:10px;}
.dash{width:30px;height:1px;background:#6bb6c2;margin:20px auto;}
.event-item p{font-size:13px;}
.event-item-detail .button{float:right;}
/*announcements*/
.news-item{margin-bottom:30px;}
.news-item h3{margin-bottom:5px;}
.news-details{line-height:18px;color:#99918e;font-size:13px;font-family:Montserrat, sans-serif;margin-bottom:10px;}
/*faq*/
.faq-question a{color:#6e6460;font-family:Montserrat, sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;}
.faq-details{padding-top:30px;background:url(/_assets/img/dashed-bg.jpg) repeat-x bottom;margin-bottom:50px;padding-bottom:20px;}
.faq-details a{font-family:Montserrat, serif;font-size:14px;text-transform:none;font-weight:normal;color:#00003f;}
.faq-icon{background:none repeat scroll 0 0 #00003f;border-radius:90em;color:#fff;display:block;float:left;font-family:Montserrat, sans-serif;font-size:15px;font-weight:600;height:30px;width:30px;padding-top:3px;position:relative;text-align:center;text-transform:uppercase;margin:0 15px 17px 0;}
.faq-icon.answer{background:#00003f;}
.accordion-title { padding: 1.25rem 1rem; line-height: 1;  font-size: 1.5rem; color: #00003f; }
/*page-title*/
section.page-title{overflow:hidden;position:relative;}
section.page-title img{width:100%;}
.row.page-headline{position:absolute;z-index:1;top:0;left:0;right:0;}
.row.page-headline h1{color:#fff;margin-top:190px;}
/*breadcrumps-container*/
.breadcrumps-container { padding: 30px 0 20px; }
/*about*/
section.main span.fa-heart{display:block;color:#c87492;font-size:46px;width:46px;margin:0 auto 30px;}
p.literature-container span.icon,p.literature-container span.name{font-family:Montserrat, sans-serif;margin:0 3px 0 0;}
p.literature-container img{vertical-align:middle;}
.double-dash{height:3px;background:url(/_assets/img/dashed-bg.jpg) repeat-x top;margin:30px 0;}
/*store / products*/
.product-thumbs { padding:10px;}
.product-thumb { margin-bottom:20px;}
/*footer
footer{background:url(images/footer-bg.jpg) repeat-x top;padding:50px 0 30px;}
footer h4{color:#1abc9c;margin-bottom:3rem;}
footer p,footer div.copy{color:#a79b97;font-size:12px;font-family:"open sans", sans-serif;line-height:20px;}
footer div.copy a{color:#fffffe;transition-duration:.5s;margin:0 15px 15px 0; text-transform: uppercase;}
footer div.copy a:hover{color:#6bb6c2;}
footer .vcard{border:medium none;color:#98958B;font-size:14px;margin:0;padding:0;}
footer .vcard .fa{margin-right:5px;}
ul.social-icons{float:right;list-style-type:none;}
ul.social-icons li{display:inline-block;}
.social-icons a{font-size:28px;border-radius:90em;border:3px solid;width:45px;height:45px;padding-top:7px;text-align:center;color:#74D4C2;transition-duration:.5s;margin:0 15px 15px 0;}
.social-icons a:hover { color: #fff; }*/
/*misc*/

.breadcrumbs a{color:#535353; font-size:14px;}
.breadcrumbs {padding-top: 20px;}



img.post-image {width: 100%; margin-bottom: 20px;}
.blogpost-result-item.item.panel-body { padding-top: 30px; font-size: .8rem; }
.cb-Tags { margin-bottom: 5px; }
.cb-Image img { width: 100%; }
.mb10 {margin-bottom: 10px;}
.select2-container .select2-search--inline { border-bottom: none; }
.page-nav span#pagination { display: inline-block; }
p.page-nav{text-align:center;}
.page-nav a { margin: 0 9px; display: inline-block; color: #00003f;}
.pagination li a { color: #00003f; }
.pagination-previous a::before,.pagination-previous.disabled::before{content:'\00ab';display:inline-block;margin-right:.5rem;}
.pagination-next a::after,.pagination-next.disabled::after{content:'\00bb';display:inline-block;margin-left:.5rem;}
.pagination .current { background: #00003f; color: #fefefe; }
.photo-item { position: relative; }
p.photo-caption { position: absolute; bottom: 5px; left: 4px; background: rgba(0, 0, 0, 0.5); width: calc(100% - 8px); color: #fff; padding-left: 10px; padding-right: 10px; overflow: hidden; }
/*************media queries**************/
@media only screen and (min-width: 0) and (max-width: 640px) {
    .top-bar-section ul{margin-top:48px;}
    .logo img{width:100%;}
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 5px; padding: 5px; }
    .slide-description h1{font-size:20px;line-height:20px;margin-bottom: 0px; }
    .slide-description h2{display:none;}
    .slide-description span { display:none; }
    i.fa.prev-btn,i.fa.next-btn { opacity:0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .community-search-wrap{background:none;padding:20px 0 60px;}
    .search-ellipse{border-radius:0;display:block;float:none;width:100%;background:none;box-shadow:none;height:auto;text-align:left;padding:0;}
    .search-ellipse h2{text-align:left;}
    .search-ellipse h2,.search-ellipse h6{color:#6e6460;display:inline;margin:auto;}
    section.main{padding:20px 0;}
    footer{text-align:center;padding:20px 0 10px;}
    footer p,footer div.copy{margin-bottom:15px;}
    .social-icons{float:none;}
    .row.page-headline h1{font-size:1.75rem;margin-top:15px;}
}

@media only screen and (min-width: 480px) and (max-width: 640px) {
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:30px;line-height:30px;margin-bottom: 15px; }
    .slide-description h2{font-size:12px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 10px 0; }
    .row.page-headline h1{margin-top:20px;}
}
@media only screen and (min-width: 641px) and (max-width: 1024px) {
    .top-bar .name{margin-top:-5px;max-width:126px;}
    .top-bar-section ul li > a{font-size:13px;}
    .side-search h2{font-size:38px;}
    .side-search h6{font-size:9px;}
    .search-filters a{margin-left:10px;}
    .slide-description{margin-top:10px;}
    .slide-description-contents { border-radius: 10px; padding: 10px; }
    .slide-description h1{font-size:30px;line-height:30px; margin-bottom: 15px; }
    .slide-description h2{font-size:12px;line-height:13px;margin-bottom: 0;}
    .slide-description span { font-size: 26px; margin: 0 15px 30px 0; }
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:30px; font-size: 2rem;}
}
@media only screen and (min-width: 1024px) and (max-width: 1399px) {
    .top-bar .name{margin-top:-18px;max-width:199px;}
    .top-bar-section ul li > a{font-size:14px;}
    .slide-description{margin-top:10px;}
    .slide-description h1{font-size:70px;line-height:70px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
	.row.page-headline h1{margin-top:70px; font-size: 2.5rem;}
}
@media only screen and (min-width: 1400px) { 
    .slide-description{margin-top:50px;}
    .hero-slider .slick-dots{bottom:0;text-align:center;margin:0;}
    .row.page-headline h1{margin-top:130px;}
}
/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;z-index:1045;margin:0 auto;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out;}
.mfp-zoom{cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-hide{display:none!important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;padding:0;}
button::-moz-focus-inner{border:0;padding:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;padding:0 0 18px 10px;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);top:50%;width:90px;height:110px;-webkit-tap-highlight-color:transparent;margin:-55px 0 0;padding:0;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}
.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none;}
.mfp-close:hover,.mfp-close:focus,.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}
/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:40px 0;}
/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /* Remove all paddings around the image on small screen  */
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;top:auto;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:3px 5px;}
    .mfp-img-mobile .mfp-counter{right:5px;top:3px;}
    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
    .mfp-img-mobile img.mfp-img,.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
}
@media all and (max-width: 900px) {
    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
    .mfp-container{padding-left:6px;padding-right:6px;}
}
.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-ie7 .mfp-img,.mfp-ie7 .mfp-container{padding:0;}
/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('images/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
/* Slick Slider  Icons */
@font-face { font-family: "slick"; src: url('../fonts/slick.eot'); src: url('../fonts/slick.eot?#iefix') format("embedded-opentype"), url('../fonts/slick.woff') format("woff"), url('../fonts/slick.ttf') format("truetype"), url('../fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }
/* Slick Slider  Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before { font-family: "slick"; font-size:0px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left:0px; }
.slick-prev:before { content: "\2190"; }
.slick-next { right: 0px; }
.slick-next:before { content: "\2192"; }
/* Slick Slider Dots */
.slick-slider { margin-bottom:0px; }
.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size:0px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }
/*THE FOLLOWING CSS IS USED FOR THE KITCHEN SINK PAGE AND CAN BE DELETED IF YOU ARE NOT USING THAT PAGE*/
.docs-code.kitchen-sink{border:1px solid #cacaca;max-height:300px;overflow-y:scroll;margin-bottom:1rem;}
.docs-code-copy{position:absolute;top:0;right:0;background:#2199e8;color:#FFF;font-size:.8rem;z-index:1;padding:.75rem 1rem;}
.docs-code,pre{position:relative;}
.docs-code.kitchen-sink code{border:0;}
.docs-code code,pre code{display:block;overflow-x:auto;background:#f9f9f9;margin-bottom:1.5rem;padding:1rem;}
.row.display{background:#eee;font-size:11px;margin-bottom:10px;line-height:2rem;border:solid 1px #c6c6c6;margin-left:0!important;margin-right:0!important;}
.row.display .columns:nth-child(2),.row.display .columns.small-centered,.row.display .columns.large-centered{background:#e1e1e1;}
.docs-component .thumbnail{margin-left:auto;margin-right:auto;display:block;}
.docs-toc .active{background:#00003f;color:#FFF;}
/*END KITCHEN SINK DOCS*/
.logo a{ float: left;line-height: 35px; color: #000;font-family: 'Montserrat', sans-serif;font-size: 23px; font-weight:600;text-transform: uppercase;cursor: pointer;}
.logo span { position: relative; float: left; width: 20px; height: 20px; background: #00003f; background: rgba(76,221,243,0.5); margin:7px 7px 0 0;}
.logo span em { position: absolute; width: 10px; height: 10px; background: #00003f;  bottom: 0;  left: 0;}
.top-bar{width:auto; float:right;}
.top-bar, .top-bar ul, .top-bar.expanded .title-area {padding:0; background-color: inherit;}
.top-bar-left ul li{ padding: 0 22px; float: left; }
.top-bar .menu a{padding:0;line-height:35px; color:#414141;letter-spacing: 2px;font-size:14px; font-weight:400;font-family:'Open Sans', sans-serif;text-transform: uppercase;}
.top-bar-left ul li ul li a{line-height:15px !important; color:#fff !important}
.top-bar-left ul li ul li a:hover{color:#414141 !important}
.dropdown.menu>li.is-dropdown-submenu-parent>a{padding-right:0}
.top-bar .menu a:hover{color:#00003f;}
.top-bar-left{width:100%;float:left;}
.top-bar-left ul li ul{background: #00003f;}
.top-bar-left ul li ul li{padding: 7px 15px;}
.main-slider{width:100%;float:left; position: relative;}
.home_slider{width:100%;float:left;position:relative}
.home_slider:after{content:'';background:none; width: 100%; height: 100%;position:absolute; top:0; left:0;  z-index: 3;}
.home_slider li img{width:100%;}
.slider_desc{width:100%;float:left; position:absolute; top:50%;left:0;margin-top: -176px; text-align:center;z-index: 10;color:#fff}
.slider_desc h2{font-style: italic; font-size: 27px; letter-spacing: 3px;color:#fff; font-weight:400}
.slider_desc ul {margin: 10px 0 0;position: relative;text-align: center;height:100%;width:100%}
.slider_desc ul li{width: 100%;font-family: 'Montserrat', sans-serif;position: absolute;opacity: 0;font-size: 100px;letter-spacing: 5px;text-transform: uppercase;z-index: 100; font-weight:600; top: 40px;line-height: 100px; -webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;	transition-timing-function: ease;	-webkit-transition-timing-function: ease; }
.slider_desc li.t-current {	opacity: 1;	top: 0;	-webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out;
transition-timing-function: ease;	-webkit-transition-timing-function: ease;}
.slider_desc .spacer { width: 100%; max-width:60px; margin:142px auto 40px; background:#fff; height:2px;}
.slider_desc p{font-size: 16px;font-family: 'Open Sans', sans-serif; width: 680px;color:#fff; text-transform: none; margin:0 auto 40px; font-weight: 400;}
.slider_desc a.button{border:2px solid #fff;color: #fff;    padding: 14px 53px; font-size: 14px; background:inherit}
.slider_desc a.button:hover{border:2px solid #fff}
.home_slider .slick-prev:before, .home_slider .slick-next:before{font-size:0;}
.home_slider .slick-next{right:70px;background:transparent url(../img/s-next.png);  width: 81px; height: 80px; opacity: 0.3; z-index:99}
.home_slider .slick-next:hover , .home_slider .slick-prev:hover{ opacity: 1;}
.home_slider .slick-prev{left:70px;background:transparent url(../img/s-prev.png);  width: 81px; height: 80px; opacity: 0.3; z-index:99}
.feature-work , .team_wrap {width:100%;float:left;background: #f7f7f7;padding-bottom: 85px; position:relative;}
.our_services{width:100%;float:left;background: #fff;padding-bottom: 85px; position:relative;}
.feature-work:after{content: ''; position: absolute; width: 0; height: 0; border: 30px solid #f7f7f7; border-bottom: 0px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; left:0; right:0;margin:0 auto; bottom: -28px;text-align:center;}
.team_wrap:after{content: ''; position: absolute; width: 0; height: 0; border: 30px solid #f7f7f7; border-bottom: 0px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; left:0; right:0;margin:0 auto; bottom: -28px;text-align:center;}
.our_services:after{content: ''; position: absolute; width: 0; height: 0; border: 30px solid #fff; border-bottom: 0px solid transparent; border-right: 30px solid transparent; border-left: 30px solid transparent; left:0; right:0;margin:0 auto; bottom: -28px;text-align:center;}
.sub-title{width:100%;max-width:680px;margin:0 auto;text-align:center; padding:80px 0 40px 0;}
.sub-title h1{color: #404141; font-size: 37px;line-height:30px;margin-bottom:40px;    font-family: 'Open Sans', sans-serif; font-weight:300; letter-spacing: 5px;text-transform: uppercase;}
.sub-title .blue-border{width:100px;height:2px; background:#00007F;margin:0 auto 50px;}
.sub-title p.lead{color: #757575;font-weight:300}
.featured-slider{width:100%; float:left; text-align:center;}
.featured-slider a.btn-featured{color: #fff; font-size: 14px; text-transform: uppercase; font-weight: 400; text-align: center; font-family: 'Open Sans', sans-serif; background: #00007f; border-radius: 25px;
    padding: 13px 25px 13px;  letter-spacing: 1px;width: 163px; position: relative; z-index:99; top: 38px;}
.featured-slider a.btn-featured:hover { background: #e1e1e1; color: #00007f; border: 1px solid #00007f;}
.feature_gallery{width:100%;float:left;padding:23px 0}
.f-single{width:100%;float: left;position: relative;padding-top:85px;}
.f-image{ cursor: pointer; position: relative;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out; color: #fff;}
.image-hover-overlay{width: 100%; height: 100%; position: absolute; left: 0; top: 0; zoom: 1; opacity: 0;}
.f-image .image-hover-overlay, .t-photo .image-hover-overlay{ z-index: 11; background-color: #000!important; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.f-image .f-category {position: absolute; top: 20%; left: 50%; z-index: 20;display: block; margin-left: -22px; width: 44px; height: 44px;text-align: center; line-height: 44px; zoom: 1; filter: alpha(opacity=0);
    opacity: 0; background:url(../img/color-icons.png) no-repeat; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;  transition: all 0.3s ease-out;}
.blue .f-image .f-category { background-position: 0 0;}
.f-single .portfolio-meta, .t-element .portfolio-meta { color: #fff; position: absolute; bottom: 0; left: 0; z-index: 20; width: 100%; text-align: center; text-transform: uppercase; zoom: 1; filter: alpha(opacity=0);
    opacity: 0; font-size: 15px; font-weight: 400; letter-spacing: 1px; font-family: 'Open Sans', sans-serif; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.f-single:hover .f-image { opacity: 1;}
.f-single:hover .image-hover-overlay, .t-element:hover .image-hover-overlay { zoom: 1; filter: alpha(opacity=85);  opacity: .85; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.f-image .image-hover-overlay, .t-photo .image-hover-overlay { z-index: 11;  background-color: #000!important;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;}
.f-single:hover .f-category, .t-element:hover .f-category { top: 85px; zoom: 1; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta { bottom: 75px;  zoom: 1; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.portfolio-meta div:last-child { font-weight: 400; opacity: 0.5; font-size: 13px;}
.f-single:hover .f-info { cursor: pointer; opacity: 1; background: #00003f; color: #fff; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;transition: all 0.2s ease-out;}
.f-info { font-weight: 400; text-align: center;  font-family: 'Open Sans', sans-serif; font-size: 17px; color: #404141; background: #fff; line-height: 30px; padding: 40px 20px; letter-spacing: 1px; text-transform: uppercase;
    -webkit-transition: all 0.2s ease-out;   -moz-transition: all 0.2s ease-out;   -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.feature_gallery .slick-prev, .feature_gallery .slick-next{top:10px;}
.feature_gallery .slick-next{background: url(../img/f-next.png) no-repeat #e1e1e1; width: 30px; height: 57px;right:38%;    z-index:9;}
.feature_gallery .slick-prev{background: url(../img/f-prev.png) no-repeat #e1e1e1; width: 30px; height: 57px;left:38%;     z-index:9;}
.feature_gallery .slick-prev:hover, .feature_gallery .slick-next:hover{background-color: #00003f;}
.feature_gallery .slick-prev:before, .feature_gallery .slick-next:before{font-size:0;}

.about_wrap{width:100%;float:left; background:#dedede;}
.about_content{width:100%;float:left;padding: 80px 0px 70px 0;}
.about_content .title , .what_block .title{width:100%;float:left; text-align:center;}
.about_content .title h4 , .what_block .title h4{font-weight: 400; text-align: center; font-family: 'Montserrat', sans-serif; font-size: 15px; color: #d7d9da; text-transform: uppercase;margin-bottom:0}
.about_content .title h2 , .what_block .title h2{font-weight: 300; text-align: center; font-family: 'Open Sans', sans-serif; font-size: 28px;  color: #434343;padding:10px 0 50px 0; margin-bottom:0}
.about_content .title h2{padding-bottom:10px!important }
.amazing-slider{width:100%; float:left; padding:0 40px}
.amazing-slider .slick-dots{bottom:0;position:relative}
.amazing-slider .slick-dots li{width:14px;height:14px;border-radius:50%;border:2px solid #eaeaea;position:relative;margin-top:35px;}
.amazing-slider .slick-dots li.slick-active button:before{opacity:1}
.amazing-slider .slick-dots li.slick-active{border: 2px solid #00003f; background: #00003f;}

.amazing-slider:hover .slick-prev , .testimonial_slider:hover .slick-prev{background:url(../img/amazing-arrow-prev.png) no-repeat;width: 30px; height: 57px; color:#e1e1e1; z-index: 99;}
.amazing-slider:hover .slick-next , .testimonial_slider:hover .slick-next{background:url(../img/amazing-arrow-next.png) no-repeat;width: 30px; height: 57px; color:#e1e1e1; z-index: 99;}
.amazing-slider .slick-prev, .amazing-slider .slick-next{top:40%;}

.testimonial_slider .slick-prev , .testimonial_slider .slick-next{top:30%;}

.about_desc{width:100%;float:left;padding:0 30px}
.about_desc p{color: #888888; font-size: 15px; line-height: 26px;}

.parallax_wrap{width:100%;float:left;text-align: center; background:url(../img/parallax-01.jpg);height: 680px;overflow: hidden;position:relative}
.parallax{background-position:0% 0%;background-repeat: no-repeat;background-attachment: fixed;-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover;background-size: cover;}
.parallax_wrap .sub-title , .p-two .sub-title{padding:140px 0 15px 0}
.parallax_wrap .sub-title h4 , .p-two .sub-title h4{font-weight: 400; color: #fff; text-transform: uppercase;opacity: 0.5;}
.parallax_wrap .sub-title h1 , .fun-facts .sub-title h1 , .p-two .sub-title h1{font-weight: 300;letter-spacing: 0; text-transform:capitalize; font-family: 'Open Sans', sans-serif; font-size: 35px; color: #fff;}
.p-image-02 , .p-image-second , .p-image-first{position: absolute; bottom: 0; left:0;right:0;}

/*.hideme {opacity: 0;}
.hideme-slide, .hideme-slide2 {opacity: 0;bottom: -100%;}
.dontHide {	-webkit-transition: all 1s ease-in-out;	-moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out;	transition: all 1s ease-in-out;}
.dontHide.delay {	-webkit-transition: all 1.5s ease-in-out;	-moz-transition: all 1.5s ease-in-out;	-o-transition: all 1.5s ease-in-out;transition: all 1.5s ease-in-out;}*/

.team_wrap .sub-title , .our_services .sub-title{padding:80px 0 50px 0}
.t-list{width:100%;float:left;}
.t-element{width:100%;float:left;}
.t-photo {width:100%; position: relative; overflow: hidden;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.t-photo img{width:100%}
.t-photo .f-category { position: absolute;top: 20%; left: 50%; z-index: 20;display: block; margin-left: -22px; width: 44px; height: 44px; text-align: center; line-height: 44px; zoom: 1; filter: alpha(opacity=0);
    opacity: 0; background: url(../img/color-icons.png) no-repeat 0 -44px; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.blue .t-photo .f-category { background-position: 0 -44px;}

.t-element .portfolio-meta div:last-child{ font-weight: 400;  opacity: 1;  font-size: 16px;}
.t-data{ background: #fff; text-align: center; text-transform: uppercase; font-family: 'Open Sans', sans-serif;padding: 24px 30px; overflow: auto; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.t-name{ color: #030303; font-size: 18px;}
.t-info { color: #7f7f7f; font-size: 14px;  margin-top: 10px; -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.t-spacer { width: 40px; height: 2px;  background: #4cd8ed; margin: auto;  margin-top: 30px;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.t-social{width:100%; float:left; position:relative;margin-top:20px;}
.t-social ul li{width:auto;display:inline-block; padding:0 10px;}
.t-social ul li a{font-size:20px; color: #bababa;  width: 34px; height: 34px;  border: 1px solid #bababa;  border-radius: 50%; display: block;  line-height: 34px;}
.t-element:hover .f-category { top: 65px;}
.t-element:hover .t-data { background: #4cd8ed;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.t-element:hover .t-info { color: #fff;  -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.t-element:hover .t-spacer { background: #fff;  -webkit-transition: all 0.2s ease-out;  -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
.t-element:hover .t-social ul li a{color: #fff;border: 1px solid #fff;}

.fun-facts{width:100%;float:left;padding-bottom:100px;}
.fun-facts .sub-title{padding:80px 0 10px 0}
.fun-facts .sub-title h4{font-size: 15px; color: #d7d9da;text-transform: uppercase;font-weight:600}
.fun-facts .sub-title h1{color:#434343;}

.counter-block{width:100%;float:left;text-align:center;}
.counter-block h1{font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 100px;  color: #000000; line-height: 75px;margin-bottom:0}
.counter-block h1 img{display:block;margin:0 auto 20px; background-color: #00003f;}
.counter-block h3{font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 20px; color: #7f7f7f; text-transform: uppercase; padding-top:25px; letter-spacing: 1px;margin-bottom:0}

.p-two{width:100%;float:left;text-align: center; background:#00003f url(../img/parallax-02.png); background-size: cover;height: 625px;overflow: hidden;position:relative;}
.p-image-01{ position: absolute; left: 0; right: 0; bottom:-3px;}
.p-two .sub-title h4{color:#404040;font-weight:600}

.service_block{width:100%;float:left;}
.sl-element{width: 165px; height: auto; float: left;padding-top: 10px; text-align: center; position: relative; overflow: visible;}
.sl-element figure{width: 110px;height: 110px;line-height:110px; background:#none;border-radius:50%;margin:0 auto 30px}
.sl-element figure:hover{background:#e6e6e6;cursor: crosshair;}
.sl-element h3{font-family: 'Open Sans', sans-serif; color: #434242; font-weight: 400;margin-bottom:0; text-transform: uppercase;}

.tooltip {width:100%; display: none; position: absolute;max-width:100% !important; background: #000; top: auto; bottom: 100%; left:0;  padding:15px;  margin-bottom:20px;}
.details{color: #fff;  font-size: 14px;  text-align: left; font-weight: 300; font-family: 'Open Sans', sans-serif; line-height: 30px;}
.details ul { list-style: none;padding: 0;}
.list-dot { display: inline-block; margin: 0px 7px -3px 0px; width: 15px; height: 15px; background:url(../img/ckeck.png) no-repeat #00003f;}
.visible {display: block;}
.tooltip.top:before, .tooltip:before{border:none}

.what_we_do{width:100%;float:left;}
.what_block{width:100%;float:left;padding:80px 0px;}

/* Skills */
.sk-container , .testimonial_slider{width:100%;float:left;padding: 0 30px;}
.skill-1 .skill-in {width: 0%;}
.skill-2 .skill-in {width: 0%;}	/* Change your percent Skills here!*/
.skill-3 .skill-in {width: 0%;}	/* Change your percent Skills here!*/
.skill-4 .skill-in {width: 0%;}	/* Change your percent Skills here!*/
.skill-5 .skill-in {width: 0%;} /* Change your percent Skills here!*/
.progress-bar {	height: 36px;width:100%;background: #f6f6f6;}
.progress-bar .skill-in {display: inline-block;	height: 100%;background: #00003f url(../img/skill-sprite.png) repeat-x;}
.info-skills {	position: absolute;font-family: 'Open Sans', sans-serif;font-size: 14px;color: #fff;font-weight: 600;line-height: 36px;	padding-left: 18px;	text-transform: uppercase;}
.info-skills span {	font-weight: 300;}
.skill-content {margin-bottom: 32px;}
.skill-content:last-child {margin-bottom: 0;}

.testimonial_slider li{float: left; width: 100%; padding-bottom: 30px; margin-bottom: 30px;}
.testimonial_slider li figure{width:25%;float:left;padding-right:20px;}
.testimonial_slider li figure img{border-radius:50%;}
.testo_desc{width:75%;float:left;}
.testo_desc p{font-size:14px; color: #acacac;margin-bottom:0}
.testo_desc p span{ color: #474747; font-weight: 600;padding-top: 10px;display: inline-block;}

.testimonial_slider .slick-dots{position:initial}
.testimonial_slider .slick-dots li , .wrapper-project .slick-dots li{width:14px;height:14px;border-radius:50%;border:2px solid #eaeaea;position:relative;margin-bottom: 0;padding:0;float:none}
.testimonial_slider .slick-dots li.slick-active button:before{opacity:1}
.testimonial_slider .slick-dots li.slick-active , .wrapper-project ul.slick-dots li.slick-active{border: 2px solid #00003f; background: #00003f;}
/* .wrapper-project ul.slick-dots{position:relative;margin-top: 30px;bottom: 0;}*/
.wrapper-project ul.slick-dots li{margin: 0 7px;}


.wrapper-project ul:hover .slick-next{background: url(../img/work-arrows.png) no-repeat; width: 30px; height: 57px;right:15px;z-index: 99999;}
.wrapper-project ul:hover .slick-prev{background: url(../img/work-arrows.png) no-repeat; width: 30px; height: 57px;left:15px;background-position: bottom left; z-index: 9;}


/* .portfolio-slider .slick-dots{position: relative;bottom: 0px;} */
.portfolio-slider .slick-dots li{margin: 30px 5px;}


#video_background {position: absolute;bottom: 0px;right: 0px;min-width: 100%;min-height: 100%;width: auto;height: auto;	z-index: -1000;	overflow: hidden;}
.container-video {width:100%;float:left; position: relative;overflow: hidden;height: 700px;}
.parallax-info { position: absolute;  z-index: 50; width: 100%;  height: 100%;}
.full_slide {}
.p-video { display: inline-block;padding: 0;margin: 0;width: 100%; 	padding-top: 56.25%; heigth: auto; position: absolute;top: 0;z-index: 5;}
.p-video > iframe {	position: absolute; top: 0px;left: 0px;	right: 0px;	bottom: 0px;z-index: -100;}
.mk-video-mask {position: absolute;	top: 0;	left: 0;z-index: 10;width: 100%;height: 100%;background: url(../img/05.png) center repeat;}
.p-video-title {height: auto;margin: auto;text-align: center;opacity: 0.7;	font-size: 50px;font-weight: 300;font-family: 'Open Sans', sans-serif;letter-spacing: 30px;	text-transform: uppercase;color: #fff;
 position: absolute;  left: 50%;  top: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); 
 -ms-transform: translate(-50%,-50%); }
.p-video-title span {}
.video-container{ position: relative; padding-bottom: 56.25%; padding-top:0px; height: 0; overflow: hidden;}
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/* Portfolio */
.boundingBox{width:100%;float:left;overflow:hidden;}
.our_portfolio{width:100%;float:left;background: #f7f7f7;overflow: hidden;}
.our_portfolio .sub-title{padding: 80px 0 50px 0;}
ul#portfolio-list li img{width:100%;}
ul#portfolio-filter{width: 100%;text-align: center;display: block;margin: 0 auto;margin-bottom:80px;}
ul#portfolio-list{width:100%; margin:0 auto;float: left;}
ul#portfolio-filter li:last-child {border-right: 0px;}
ul#portfolio-filter li{background: #fff;cursor:pointer;display: inline-block;line-height: 32px;font-weight:400; color: #c1c1c1;text-transform:capitalize;padding:0 20px;font-size:15px;font-family: 'Open Sans', sans-serif;}
ul#portfolio-filter li:hover{background:#4cddf3;color:#fff;}
ul#portfolio-list > li {width: 20%;float: left;overflow: hidden; position:relative;display: block;}
ul#portfolio-list > li > a {display: block;width: 100%; }
ul#portfolio-list > li:hover .gallery-title{background:#50a2de;}
ul#portfolio-list > li:hover .gallery-title p, ul#portfolio-list > li:hover .gallery-title span{color:#fff;}
ul#portfolio-list-home{width:auto; max-width:1170px; margin:0 auto}
ul#portfolio-list-home > li {width:50%;height: auto;display: block;float: left;overflow: hidden;padding-right:6px; position:relative;}
ul#portfolio-list-home > li.three-col {width:33.333%;height: auto;display: block;float: left;overflow: hidden;padding:6px 6px 0 0; position:relative;}
.filtr-item .f-single{padding-top:0}
.filtr-item .f-image .image-hover-overlay{background-color: #00003f !important}
ul#portfolio-list .f-image .f-category{background-position:14.3% 0;}
ul#portfolio-list .portfolio-meta div:last-child { font-weight: 400; opacity: 1;  font-size: 13px; color: #555;}
.filtr-item .f-single:hover .portfolio-meta{top:50%;  zoom: 1; filter: alpha(opacity=100); opacity: 1; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out;  -o-transition: all 0.2s ease-out;  transition: all 0.2s ease-out;}
ul#portfolio-filter li.active{ background:#00003f;color:#fff;}
#i-portfolio{width:100%;float:left;}

/* END Portfolio  */

.brand_wrap{width:100%;float:left;padding:85px 0px; text-align:center;background:#f7f7f7}
.brand_wrap ul{width:100%;float:left;text-align:center;}
.brand_wrap ul li{float:left;}
.brand-logo{width:100%;float:left}
.brands-logo-slider figure img{width:auto}
.img-spacer{width:100%;float:left;background:#dedede;text-align:center;}
.img-item{position:relative;top:95px;}

.footer-block .sub-title{padding:0px 0 80px 0;}
.footer_contact{width:100%; float:left;background: #c5c5c5;}
.footer-block{width:100%; float:left;padding: 130px 0 60px;}
.contact-col h4{font-weight: 400; font-size: 15px; color: #d7d9da; text-transform: uppercase;margin-bottom: 5px;line-height: 20px;}
.contact-col h2{font-weight: 300; font-family: 'Open Sans', sans-serif; font-size: 28px; color: #434343; margin-bottom: 40px;}
.contact-col p{color: #3f3f3f; font-size: 15px;margin-bottom: 6px; font-weight: 600; line-height: 30px;}
.contact-col p span{color: #a8a8a8;font-size:13px; padding-left: 15px;}
.contact-col p em{margin-right:10px;}
.contact-form form input[type="submit"]{background:#00003f;font-family: 'Montserrat', sans-serif;font-size:14px; margin-bottom:0;padding: 8px 0;width:100%;}
.contact-form form input[type="submit"]:hover{background: #f7f7f7; color:#00003f;}

/* Scroll Up */
.scrollup {z-index: 500;width: 50px;height: 50px;border-radius: 50%;opacity: 0.8;position: fixed;bottom: 50px;right: 40px;display: none;background:#00003f;color:#fff !important;line-height:49px;font-size: 25px;text-transform: uppercase;text-align: center;font-weight: 300;}

/* Map */
#maps {width: 100%;	height: 500px;overflow: hidden;}
.map-content {width: 100%;}
.inner-map {width: 100%;height: 500px;}

.footer-bottom{width:100%;float:left; padding:50px 0; text-align:center}
.footer_social{width:100%;float:left;margin-bottom:35px}
.footer_social ul li{width:auto; display:inline-block; margin:0 10px}
.footer_social ul li a{width: 51px; height: 51px; border:1px solid #e0e0e0; border-radius:50%; color:#a1a1a1; display:block; line-height:50px; font-size:24px}
.footer_social ul li a:hover{opacity: 0.7;}
.footer-bottom p{ color: #aaa; font-size: 13px;margin-bottom:0}
.anchor{width:100%;float:left}

.inner-content{width:100%;float:left;padding:50px 0 20px 0;}
.off-canvas-wrapper{overflow:hidden;}

.btn-view{width: 100%;  float: left;  text-align: center;  margin-top:50px;}
.btn-view a.button{text-transform: capitalize; border-radius: 25px; padding: 13px 25px 13px; text-transform: uppercase; font-weight: 400;}
.btn-view a.button:hover{background: #e1e1e1; color: #00007f; border: 1px solid #00007f;}

.top-bar ul li a.active{color: #00003f !important;}


.comment_listview {width: 100%; float: left; padding: 0px 0 15px 0;border-bottom: 1px dotted #eee; margin-bottom: 30px;}
.comment_listview ul{width:100%; height:auto; float:left;padding-bottom:0px;}
.comment_listview ul li { width: 100%;height: auto; float: left; margin-bottom: 25px; padding: 15px 15px; border: 1px solid #eee; border-radius: 10px;}
.comment_listview ul li:nth-child(2n+2) { width: 85%;float:right}
.comment-item{width:100%; height:auto; float:left;}
.comment-image{width:70px; height:70px;border-radius:50%; float:left;border:2px solid #6ec6cd;}
.comment-image figure{padding:3px; width:auto; display:inline-block;border-radius:50%;}
.comment-image figure img{ width:100%; display:inline-block;border-radius:50%;}
.comment-content {width: auto;height: auto; padding: 0 0 0 90px;}
.comment-content h5{font-size:20px; display:inline-block; width:auto; margin:0px 22px 0px 0px; line-height:20px; float:left; font-weight:normal;text-transform:capitalize;}
.comment-content h5 a{font-size:20px; display:inline-block; width:auto;line-height:20px; float:left; font-weight:normal;}
.comment-content h5 a:hover{color:#60564D;}
.comment-content span {font-size: 12px;}
.comment-content a{float:right; color:#00CEF3; font-size:12px; font-weight:bold;}
.comment-content p{font-size:12px; margin-top:8px;margin-bottom:10px;}
.comment_listview .block-title{margin-bottom:20px;}
.comment-list{width: 100%; float: left; }




/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license

Copyright (c) 2013 Daniel Eden

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/


.map_content{width:100% ;float:left;position:relative}
#map{width:100%; height:500px; float:left; border:none; box-shadow:none;}
#googleMap {height: 100%;width: 100%;}


@charset "UTF-8";

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  40% {
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  60% {
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
  }
}

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

@-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: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

@keyframes pulse {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  50% {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }
}

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

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

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

@keyframes swing {
  20% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  40% {
    -webkit-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
  }

  60% {
    -webkit-transform: rotate(5deg);
    -ms-transform: rotate(5deg);
    transform: rotate(5deg);
  }

  80% {
    -webkit-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    transform: rotate(-5deg);
  }

  100% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(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: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

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

@keyframes tada {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  10%, 20% {
    -webkit-transform: scale(0.9) rotate(-3deg);
    -ms-transform: scale(0.9) rotate(-3deg);
    transform: scale(0.9) rotate(-3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale(1.1) rotate(3deg);
    -ms-transform: scale(1.1) rotate(3deg);
    transform: scale(1.1) rotate(3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale(1.1) rotate(-3deg);
    -ms-transform: scale(1.1) rotate(-3deg);
    transform: scale(1.1) rotate(-3deg);
  }

  100% {
    -webkit-transform: scale(1) rotate(0);
    -ms-transform: scale(1) rotate(0);
    transform: scale(1) rotate(0);
  }
}

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

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

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

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

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

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

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

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

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

  15% {
    -webkit-transform: translateX(-25%) rotate(-5deg);
    -ms-transform: translateX(-25%) rotate(-5deg);
    transform: translateX(-25%) rotate(-5deg);
  }

  30% {
    -webkit-transform: translateX(20%) rotate(3deg);
    -ms-transform: translateX(20%) rotate(3deg);
    transform: translateX(20%) rotate(3deg);
  }

  45% {
    -webkit-transform: translateX(-15%) rotate(-3deg);
    -ms-transform: translateX(-15%) rotate(-3deg);
    transform: translateX(-15%) rotate(-3deg);
  }

  60% {
    -webkit-transform: translateX(10%) rotate(2deg);
    -ms-transform: translateX(10%) rotate(2deg);
    transform: translateX(10%) rotate(2deg);
  }

  75% {
    -webkit-transform: translateX(-5%) rotate(-1deg);
    -ms-transform: translateX(-5%) rotate(-1deg);
    transform: translateX(-5%) rotate(-1deg);
  }

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

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

@-webkit-keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    transform: scale(.9);
  }

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

@keyframes bounceIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }

  70% {
    -webkit-transform: scale(.9);
    -ms-transform: scale(.9);
    transform: scale(.9);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

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

@-webkit-keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

@keyframes bounceInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(30px);
    -ms-transform: translateY(30px);
    transform: translateY(30px);
  }

  80% {
    -webkit-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    transform: translateY(-10px);
  }

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

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

@-webkit-keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

@keyframes bounceInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(30px);
    -ms-transform: translateX(30px);
    transform: translateX(30px);
  }

  80% {
    -webkit-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    transform: translateX(-10px);
  }

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

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

@-webkit-keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }

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

@keyframes bounceInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px);
  }

  80% {
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    transform: translateX(10px);
  }

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

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

@-webkit-keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
  }

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

@keyframes bounceInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }

  60% {
    opacity: 1;
    -webkit-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    transform: translateY(-30px);
  }

  80% {
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
  }

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

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

@-webkit-keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }

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

@keyframes bounceOut {
  0% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }

  25% {
    -webkit-transform: scale(.95);
    -ms-transform: scale(.95);
    transform: scale(.95);
  }

  50% {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.3);
    -ms-transform: scale(.3);
    transform: scale(.3);
  }
}

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

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

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

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

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

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

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

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

  20% {
    opacity: 1;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

.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: translateY(-20px);
    transform: translateY(-20px);
  }

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

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    transform: translateX(20px);
  }

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

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }

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

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

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

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

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

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

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

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    transform: translateY(20px);
  }

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

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }

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

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

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

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

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

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

.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;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutDown {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(20px);
    -ms-transform: translateY(20px);
    transform: translateY(20px);
  }
}

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

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(2000px);
    -ms-transform: translateY(2000px);
    transform: translateY(2000px);
  }
}

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

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
    -ms-transform: translateX(-20px);
    transform: translateX(-20px);
  }
}

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

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRight {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(20px);
    -ms-transform: translateX(20px);
    transform: translateX(20px);
  }
}

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

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }

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

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutUp {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
  }
}

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

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }

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

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(0) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(170deg) scale(1);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(.95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -ms-transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    transform: perspective(400px) translateZ(0) rotateY(360deg) scale(1);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

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

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateX(-10deg);
    -ms-transform: perspective(400px) rotateX(-10deg);
    transform: perspective(400px) rotateX(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateX(10deg);
    -ms-transform: perspective(400px) rotateX(10deg);
    transform: perspective(400px) rotateX(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

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

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotateY(-10deg);
    -ms-transform: perspective(400px) rotateY(-10deg);
    transform: perspective(400px) rotateY(-10deg);
  }

  70% {
    -webkit-transform: perspective(400px) rotateY(10deg);
    -ms-transform: perspective(400px) rotateY(10deg);
    transform: perspective(400px) rotateY(10deg);
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

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

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

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px) rotateX(0deg);
    -ms-transform: perspective(400px) rotateX(0deg);
    transform: perspective(400px) rotateX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateX(90deg);
    -ms-transform: perspective(400px) rotateX(90deg);
    transform: perspective(400px) rotateX(90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

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

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

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px) rotateY(0deg);
    -ms-transform: perspective(400px) rotateY(0deg);
    transform: perspective(400px) rotateY(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotateY(90deg);
    -ms-transform: perspective(400px) rotateY(90deg);
    transform: perspective(400px) rotateY(90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: translateX(-20%) skewX(30deg);
    -ms-transform: translateX(-20%) skewX(30deg);
    transform: translateX(-20%) skewX(30deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: translateX(0%) skewX(-15deg);
    -ms-transform: translateX(0%) skewX(-15deg);
    transform: translateX(0%) skewX(-15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    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% {
    -webkit-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

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

@keyframes lightSpeedOut {
  0% {
    -webkit-transform: translateX(0%) skewX(0deg);
    -ms-transform: translateX(0%) skewX(0deg);
    transform: translateX(0%) skewX(0deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: translateX(100%) skewX(-30deg);
    -ms-transform: translateX(100%) skewX(-30deg);
    transform: translateX(100%) 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 center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(-200deg);
    -ms-transform: rotate(-200deg);
    transform: rotate(-200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    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: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    opacity: 1;
  }
}

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

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

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

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

  100% {
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transform: rotate(200deg);
    -ms-transform: rotate(200deg);
    transform: rotate(200deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

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

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

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

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

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    opacity: 0;
  }
}

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

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

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

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

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    opacity: 0;
  }
}

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

@-webkit-keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

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

@keyframes slideInDown {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }

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

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

@-webkit-keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

@keyframes slideInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }

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

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

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }

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

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(-2000px);
    -ms-transform: translateX(-2000px);
    transform: translateX(-2000px);
  }
}

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateX(2000px);
    -ms-transform: translateX(2000px);
    transform: translateX(2000px);
  }
}

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

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

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

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

  100% {
    opacity: 0;
    -webkit-transform: translateY(-2000px);
    -ms-transform: translateY(-2000px);
    transform: translateY(-2000px);
  }
}

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

@-webkit-keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    transform: rotate(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: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40% {
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

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

  100% {
    -webkit-transform: translateY(700px);
    transform: translateY(700px);
    opacity: 0;
  }
}
@keyframes hinge {
  0% {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
    -webkit-transform-origin: top left;
    -ms-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: rotate(80deg);
    -ms-transform: rotate(80deg);
    transform: rotate(80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  40% {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  80% {
    -webkit-transform: rotate(60deg) translateY(0);
    -ms-transform: rotate(60deg) translateY(0);
    transform: rotate(60deg) translateY(0);
    opacity: 1;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }
  100% {
    -webkit-transform: translateY(700px);
    -ms-transform: translateY(700px);
    transform: translateY(700px);
    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: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%) rotate(-120deg);
    -ms-transform: translateX(-100%) rotate(-120deg);
    transform: translateX(-100%) rotate(-120deg);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
}
.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}
/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
@keyframes rollOut {
  0% {
    opacity: 1;
    -webkit-transform: translateX(0px) rotate(0deg);
    -ms-transform: translateX(0px) rotate(0deg);
    transform: translateX(0px) rotate(0deg);
  }
  100% {
    opacity: 0;
    -webkit-transform: translateX(100%) rotate(120deg);
    -ms-transform: translateX(100%) rotate(120deg);
    transform: translateX(100%) rotate(120deg);
  }
}
.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}
.main-content{width:100%;float:left;}
.faq-question { width: 100%; float: left;}
.inner-content .sub-title{padding: 40px 0;}
.booking-container input[type="text"]{margin-bottom: 10px !important;border: 1px solid #cacaca;}
.comment-list input[type="text"] , .comment-list textarea{border: 1px solid #cacaca;}
.banner-section { padding-top: 50px;}
.menu-icon.dark { right: 15px; top: 50px;position: absolute !important;}
.main-content3.projectdetails { background-image: none !important;    padding: 0;}
/*td.photogalleryItem img { width: 100%; height: 100%;}
td.photogalleryItem { width:280px !important; height: 178px !important;display: inline-block !important;}
td.photogalleryItem a img{width:100% !important; height:100% !important;}
.f-image > img{height:280px !important;}*/
.slider_desc h2 {text-align: center !important;}
.about_content .columns:first-child h2:after { display: none;}
/*#outerImageContainer {height: 100% !important;width: 100% !important;}
#lightbox img { height: 100% !important;width: 100%  !important;float: none;display:inherit;}
#lightbox img { height: auto !important;width: 100%  !important;float: left;}
#imageDataContainer {background-color: #fff; font: 10px/1.4em Verdana,Helvetica,sans-serif; margin: 0 auto;}
#loadingLink{  width: 100% !important; min-height:100px;}
#loadingLink img{width:auto !important;}
#lightbox {  left: 5% !important;  width: 90% !important; }*/
/*#imageDataContainer {width:100% !important;}*/
#outerImageContainer { max-width: 90%; overflow: hidden;  height: auto !important; font-size:0!important; }
#imageDataContainer { max-width: 90%; overflow: hidden;}
#lightboxImage { max-width: 100%;}
#overlay {position: fixed !important;}
.title{padding-bottom: 30px;    text-align: center; }
.title h2{color:#434343;font-size:48px; font-family: 'Open Sans', sans-serif;position: relative; display: inline-block;font-weight: 300;}
.contait p{color:#888888;font-size:18px; font-family: 'Open Sans', sans-serif;text-align: justify;}
.main-content2{padding: 50px 0 0 0;}
.title h2:after{ position: absolute; content: ""; border-bottom: 2px solid #00007f; top: 0;right: 0;left:0;bottom: -10px; width: 100px; margin: 0 auto;}
.singlepotofoilo{ position: relative;padding:0;}
.singlepotofoilo span {display: none;position: absolute;background: rgba(0,0,127,0.5); top: 0;bottom: 0; right: 0; left: 0;text-align: center; width: 95%; margin: 5px auto;}
.singlepotofoilo p {display: none;position: absolute;top:45%; text-align: center; bottom: 0; left: 0; right: 0; }
.singlepotofoilo:hover span{display: block; font-family: 'Roboto', sans-serif; font-size:24px; font-weight: 400; color: white;}
.singlepotofoilo:hover p{display: block;}
.thumbnail{border-radius: 0px;display: block; padding: 5px; margin-bottom: 0px; line-height: 1.42857143; border: 0px;}
.thumbnail p{display: none;}
.singlepotofoilo a img.thumbnail{box-shadow: 0 0 0 0 !important;}
span.thumbnail .fa-search-plus { color: #fff; opacity: 0.8; font-size: 24px;}
.mfp-title small {display: none;} 
.title{padding-bottom: 30px;    text-align: center; }
.title h2{color:#434343;font-size:48px; font-family: 'Open Sans', sans-serif; position: relative; display: inline-block;font-weight: 300;}
.contait p{color:#888888;font-size:18px; font-family: 'Open Sans', sans-serif; text-align: justify;}
.main-content2{padding: 50px 0 0 0;}
.main-content3{background-image: url(https://glenbuild-draft.worldsecuresystems.com/newimg/2.jpg);padding:100px 0;}
.white{background-color: white; padding: 25px;}
.white p,h2{text-align: left!important;}
.teamimg { position: relative; z-index: 1;top:45px;}
.white { position: relative; z-index: 0;}
.white::after{  background-color: white;  bottom: -20px;  content: "";  display: block;  left: -20%;  padding: 0;
  position: absolute;  top: -20px;  width: 120%;  z-index: -1;}
.main-content4{padding: 100px 0 0 0;}
.main-content2 .small-12{text-align: center;}
.title h2:after{ position: absolute; content: ""; border-bottom: 2px solid #00007f; top: 0;right: 0;left: 70px;bottom: -10px;
 display: block; width: 85px;}
.white .title{text-align:left !important;}
.white .title h2:after{left:12px !important;}
.main-content4 p{text-align: justify; padding-right: 25px;color: #888888;  font-size: 18px;}


.info-project{width: 100%; float: left;margin-top: 40px;}
.tag-project{ text-align: center;  text-transform: uppercase; font-size: 12px; color: #929292; font-family: 'Montserrat', sans-serif; letter-spacing: 3px;}
.title-project {  color: #000;  font-size: 30px;  font-family: 'Open Sans', sans-serif;  margin: 5px 0 20px;  text-transform: uppercase;  text-align: center; font-weight: 300;}
.info-project .spacer { width: 100px;  height: 2px; background: #00003f;  margin:0 auto;}
.info-project .description {  color: #646464;  font-size: 14px; font-family: 'Open Sans', sans-serif;  margin:50px 0;}

/* Portfolio */
.p-category {text-decoration: none;position: relative;	margin: 0 auto;z-index: 20;	display: block;	width: 44px;height: 44px;text-align: center;line-height: 44px;zoom: 1;filter: alpha(opacity=0);
	opacity: 0;	background: url(../img/color-icons.png) 0 -88px no-repeat;cursor: pointer;	-webkit-transition: all 0.3s ease-in-out;	-moz-transition: all 0.3s ease-in-out;	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;}
.ch-grid:hover .p-category {opacity: 1;}
.nav-wrapper {position: relative;}
.nav-wrapper:hover .nav-work {	opacity: 1}
.nav-work {	opacity: 0;	-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;}
.nav-work div {	position: absolute;	top: 47%;	width: 30px;	height: 60px;	cursor: pointer;	background: url("../img/work-arrows.png") no-repeat;}
.nav-work .w-prev {	left: 15px;	background-position: bottom left;}
.nav-work .w-next {	right: 15px;	background-position: top left; z-index: 99999;}
.w-arrows .close {	background-position: -264px bottom;	border: none;borde-radius: none;}
.w-arrows .btn-next {background-position: right bottom;}
.w-arrows .btn-prev {background-position: -218px bottom;}
.w-arrows div {	cursor: pointer;display: block;	height: 44px;width: 44px;line-height: 32px;	border: 2px solid #ddd;	border-radius: 50%;	text-transform: uppercase;margin: 0 10px;text-align: center;
	background: url(../img/color-icons.png) no-repeat bottom right;display: inline-block;}
.w-arrows {width: 100%;  margin: 0 auto; text-align: center; display: block;}
.w-arrows.last {margin:0px auto 150px;}
.ch-item {float: left;width: 100%;cursor: pointer;}
.ch-item img {	width: 100%;}
.ch-grid img {	opacity: 1;	-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;}
.ch-grid:hover img {opacity: 0.1;	-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;}
.ch-grid:hover div {opacity: 1;	-webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;}
.ch-grid {overflow: hidden;	background-color: #00003f;}
.ch-grid div {cursor: pointer;position: absolute;/*background: #00003f;   background: rgba(76,221,243,0.8);*/	width: 100%;height: 100%;left:0;opacity: 0;	-webkit-transition: all 0.5s ease-in-out;	-moz-transition: all 0.5s ease-in-out;	-o-transition: all 0.5s ease-in-out;	transition: all 0.5s ease-in-out;}
.ch-grid div span {	display: block;	padding: 0 0;margin: 20% 20px;text-transform: uppercase;font-family: 'Open Sans', sans-serif;letter-spacing: 1px;font-size: 16px;font-weight: 400;color: #fff;text-align: center;}
.ch-grid div span span {margin: auto;	text-transform: lowercase;	font-size: 16px;	font-weight: 400;}
.ch-grid div span span.p-category {	margin-bottom: 15px;}
.ch-grid div span span.cat2 {color: #555;padding: 0;font-size: 13px;text-transform: uppercase;}
#options {  width: 100%;   margin: 0 auto;  text-align: center; float: none; display: block;}
#filters{    margin-bottom: 70px;}
.folio-btn {list-style: none;background: #fff;   display: inline-block;	cursor: pointer;border-radius: 3px;	font-family: 'Open Sans', sans-serif;font-size: 15px;color: #c1c1c1;font-weight: 400;line-height: 32px;	text-decoration: none;	margin: 0 5px 10px;	-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;}
.folio-btn:hover {	color: #fff;	-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;}
.folio-btn:firt-child {margin-left: 0;}
.folio-btn:last-child {	margin-right: 0;}
.folio-btn.selected {	border: none !important;	background: #4ad8ed !important;color: #fff !important;}
.p-roll {position: absolute;width: 100%;height: 100%;cursor: pointer;background: #00003f;	color: #fff;opacity: 0;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;}
.p-roll:hover {	opacity: 0.7;	-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;}
.ch-grid {position: relative;list-style: none;    width: 20%;   float: left;}
.bottom-line {border-bottom: solid 1px #f7f7f7;	width: 1180px;margin: 85px auto 0;}
/* Project Window Ajax */
.project-show {overflow: auto;}
.project-window {width: 100%;}
.project-content {width: 1180px;margin:0 auto;}
.project-content img {width: 1180px;}
.wrapper-project {overflow: hidden;width: 100%;height: auto;}
.wrapper-project ul {margin: 0;padding: 0;}
.wrapper-project ul li {list-style: none;margin: 20px 0 0;   float: left;}
.controller-2, .controller-3 {  right: 0;  position: relative;  margin: 30px 0 60px;  left: 0;}
.controller-3 {margin-top: 0;}
.controller-2 ul, .controller-3 ul {position: relative;margin: 0 auto;text-align: center;display: block;width: 100%;}
.controller-2 ul li, .controller-3 ul li {list-style: none;width: 10px;height: 10px;border-radius: 50%;border: 2px solid #eaeaea;
	background: #fff;display: inline-block;margin: 0 7px;cursor: pointer;margin: 35px 0 0 15px;}
.controller-3 ul li {border: 2px solid #fff;}
.controller-2 ul li:hover, .controller-3 ul li:hover {border: 2px solid #4ad8ed;background: #4ad8ed;}
.controller-3 ul li.selected{border: 2px solid #00003f !important; background: #00003f !important;}
.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none;z-index: 1;}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 1s;
     -moz-transition-duration: 1s;
      -ms-transition-duration: 1s;
       -o-transition-duration: 1s;
          transition-duration: 1s;
}
.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}

/************salman*************/
.title {padding-bottom: 30px;text-align: center;}
.title h2 {color: #434343;font-size: 48px;font-family: 'Open Sans', sans-serif; position: relative;display: inline-block;font-weight: 300;}
.contait p {color: #888888;font-size: 18px;font-family: 'Open Sans', sans-serif;text-align: justify;}
.main-content2 {padding: 0px 0;}
.projectdetail h3 {font-size: 17px;font-weight: 600;font-family: 'Open Sans', sans-serif;color: #404141;}
.projectdetail p {color: #404141;font-size: 15px;font-family: 'Open Sans', sans-serif;}
.main-content4 {padding: 50px 0 0 0;}
.projectimage {float: left;width: 50%;}
.projectdetail {float: right;width: 47%;}
.project-gallery > div {margin-top: 30px}
.projectdetail a {border: #00007f 1px solid;color: white;text-decoration: none;padding: 3px 10px;border-radius: 30px;background-color: #00007f;}
.projectdetail a:hover {background-color: white;color: #00007F;}
.title h2:after {position: absolute;content: "";border-bottom: 2px solid #00007f;top: 0;right: 0;left: 0;bottom: -10px;display: block;width: 85px;margin:0 auto;}
.projectimage {position: relative;}
.projectimage span {background: rgba(26,28,35,0.5);position: absolute;left: 0;bottom: 0;content: attr(data);width: 120px;display: block;padding: 10px;height: 40px;color: white;} 
/*div#hoverNav a { height: auto !important;}
.f-single .f-image img{width:auto !important;height:215px !important;}*/
/*==========	MEDIA  QUERIES 	==========*/
@media (max-width: 1850px) {
.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta{bottom:50px}
}
@media (max-width: 1366px) {
.f-single:hover .f-category, .t-element:hover .f-category {top: 40px;}
.f-single .portfolio-meta, .t-element .portfolio-meta{font-size:12px}
.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta{bottom:40px}
.home_slider .slick-prev{left:0;}
.home_slider .slick-next{right:0;}
.slider_desc ul li{font-size:80px;}
.slider_desc .spacer { margin: 130px auto 20px;}
.container-video{height:auto;}
/*.f-image > img{height:215px !important;}*/
.projectdetail {padding: 0 25px;}
}
@media (max-width: 1280px) {
.f-info{padding:15px;}
.main-slider{margin-top:99px;}
.t-social ul li {padding: 0 4px;}
.main_header{padding:0 15px;}
.g-recaptcha{transform:scale(0.77);-webkit-transform:scale(0.77);transform-origin:0 0;-webkit-transform-origin:0 0;}
.f-image > img{height:180px !important;}
.project-content{width: 900px !important;}
.project-content img{width: 900px !important;}
.info-project{margin-top: 0;}
.w-arrows.last { margin: 0px auto 70px;}
.projectimage {width: 280px;float: none;text-align: center;padding: 0;margin: 25px auto;}
.projectdetail {width: 100%;float: none;text-align: center;}
.float-left {padding: 0;}
.project-gallery .columns {width: 30% !important;}
    
td.photogalleryItem {  width: 248px !important; height: 158px !important;}    

	#outerImageContainer {
    height: auto !important;
	}
#lightbox img{display:block;}
#hoverNav{position:relative;}

}
@media (max-width:1024px) {
	.slider_desc ul li{font-size:50px; line-height:70px;}
	.slider_desc h2 { font-size: 22px;margin-bottom: 0;}
	.slider_desc .spacer {margin: 80px auto 20px;}
	.slider_desc p{margin: 0 auto 20px;}
	.featured-slider a.btn-featured {font-size: 12px; padding: 8px 25px 8px; letter-spacing: 0;}
	.feature_gallery{padding:15px 0}
	.t-social{margin-top:15px;}
	.t-spacer{margin-top:10px;}
	.counter-block h1{font-size:50px;}
	.p-two{height:auto;}
	.p-image-01{position:inherit;bottom:0}
	.sl-element{width:20%;}	
	.parallax_wrap .sub-title, .p-two .sub-title { padding: 70px 0 15px 0;}
	#map{height:400px;}
	ul#portfolio-list .f-image .f-category {top: 25px;}
	.tooltip ul li{font-size:11px;}
	.tooltip{padding:15px 10px}
	.about_desc , .amazing-slider{padding:0;}
	.p-video-title{margin-top:25%;}
    .project-content img { width:100% !important}
	td.photogalleryItem { height: 140px !important;width: 25% !important;}
    .singlepotofoilo a img.thumbnail { width: 100%;}
	#outerImageContainer {
    height: auto !important;
	}
#lightbox img{display:block;}
#hoverNav{position:relative;}
}
@media (max-width:991px) {
.counter-block h3{font-size: 14px;}
ul#portfolio-list > li { width: 33.3%;}  
.projectimage {width: 100%;}
.project-gallery .columns {width: 30% !important;margin: 1.6%;}
.projectimage img {margin: 0;}
    .top-bar-left ul li {padding: 0 20px;}
    .project-content {width: 700px !important;}
.project-content img{width: 700px !important;}
.controller-3{ margin: 0px;}
#outerImageContainer {
    height: auto !important;
	}
#lightbox img{display:block;}
#hoverNav{position:relative;}
}
@media (max-width:800px) {
.contact-col p {font-size: 13px; margin-bottom: 6px; line-height: 25px;}
.contact-col p em { margin-right: 5px;}
.contact-col p span{padding-left:5px}
.top-bar-left ul li { padding: 0 10px;}
.top-bar .menu a{font-size:13px;letter-spacing: 0;}
.slider_desc{top:220px;}
.slider_desc p { font-size: 15px; width: 530px;}
.sub-title {padding: 50px 0;}
.sub-title .blue-border{margin: 0 auto 20px;}
.feature_gallery .slick-prev{left:30%;}
.feature_gallery .slick-next{right:30%;}
.parallax_wrap{height:620px;}
.t-data {padding: 15px 10px;}
.t-social ul li a {font-size:15px; width: 25px; height: 25px; line-height: 25px;}
.anchor .img-item{top:95px;}
.footer-bottom{padding:30px 0;}
.sl-element figure { width: 90px; height: 90px; line-height: 90px;}
.t-element .portfolio-meta div:last-child {font-size: 14px; text-transform: capitalize;}
ul#portfolio-list .f-image .f-category { top: 15px;}
.sl-element h3{font-size:14px}
.sk-container, .testimonial_slider{padding:0}
.g-recaptcha{transform:scale(0.57);-webkit-transform:scale(0.57);transform-origin:0 0;-webkit-transform-origin:0 0;}
.project-content{width: 400px !important;}
.project-content img{width: 400px !important;}
.info-project { margin-top: 0;}
.info-project .description{margin: 30px 0;}  
#outerImageContainer {
    height: auto !important;
	}
#lightbox img{display:block;}
#hoverNav{position:relative;}
}
@media (max-width: 768px) {
.projectimage {width: 84%;}
.project-gallery .columns {width: 45% !important;margin: 2.5%;}
.title h2{font-size:36px;}
#hoverNav a { height: auto !important;}
.home_slider .slick-prev, .home_slider .slick-next {  width: 61px;  height: 60px;  background-size: cover;}
.main-slider{margin-top:99px;}
.main-content2 {  padding: 50px 0 0 !important;}  
#outerImageContainer {
    height: auto !important;
	}
#lightbox img{display:block;}
#hoverNav{position:relative;}
}
@media (max-width: 767px) {
	.sub-title h1 {font-size: 28px; line-height:25px; margin-bottom: 22px;}
	p.lead{font-size:14px}
	.t-name{font-size:14px}
	.t-info , .testo_desc p{font-size:12px}
	.testimonial_slider li{margin-bottom:10px;}
	.contact-col h2{font-size:22px;}
	.contact-col p , .contact-col p span{font-size:11px;}
	.parallax_wrap .sub-title, .p-two .sub-title { padding: 40px 0 15px 0;}
	.parallax_wrap { height: 560px;}
    .title h2 { font-size: 30px !important;}
    td.photogalleryItem { height: 180px !important; width: 50% !important;}
    .title h2{font-size: 28px;}
.title h2:after{    width: 55px;}
.top-bar-left ul li {padding: 0 10px;}

	
}
@media (max-width: 667px) {
.slider_desc ul li { font-size: 40px; line-height: 50px;}
.slider_desc .spacer {margin: 65px auto 15px;}
.slider_desc p { font-size: 13px; width: 400px;}
.contact-col p{float:left}
.footer_social ul li a {width: 40px; height: 40px; line-height: 40px; font-size: 18px;}
.footer_social{margin-bottom:20px;}

}
@media (max-width: 639px) {
.title-bar { background: inherit;color: #fefefe; padding: 0;}
.primary-nav{width:100%; float:right}
.menu-icon:after , .menu-icon:hover:after{background:#000; box-shadow: 0 7px 0 #000,0 14px 0 #000;}
.top-bar{width:100%;float:left}
.top-bar-left ul li { padding:5px 0; display: block; float:none}
.top-bar-left ul li ul li { padding: 5px 10px;}
.top-bar-left ul li ul{margin:0}
.top-bar-left h4{margin:0}
.top-bar .menu a { line-height: 25px;}
.title-bar .menu-icon{margin:0}
.t-element , .counter-block{margin-bottom:20px;}
.counter-block h3{padding-top:10px;}
.counter-block h1 img {margin: 0 auto 0px;}
.fun-facts{padding-bottom:30px;}
.f-single{padding-top:50px;}
.feature-work, .team_wrap, .our_services{padding-bottom:40px;}
.about_content , .what_block , .footer-block{padding:40px 0}
.about_content .title h2, .what_block .title h2{padding: 10px 0 30px 0;}
.amazing-slider{margin-bottom:15px;}
.parallax_wrap { height: 520px;}
.sk-container, .testimonial_slider{margin-bottom:20px;}
.footer-block .sub-title { padding: 0px 0 40px 0;}
.contact-col h2{margin-bottom:15px;}
.contact-col p { float: none; text-align: left;}
.contact-col{text-align:left; margin-bottom:20px}
.p-video-title{font-size:30px;letter-spacing: 20px;}
.sk-container, .testimonial_slider{padding:0}
    .project-content img { width: 100% !important;}
    .ch-grid {width: 33.3% !important;}
  .g-recaptcha{transform:scale(0.87);-webkit-transform:scale(0.87);transform-origin:0 0;-webkit-transform-origin:0 0;}  
.f-image > img{height:300px !important;}
    .teamimg{top:0px;}
	

}

@media (max-width:568px) {
	.slider_desc ul li {font-size:30px; line-height:40px;}
	.slider_desc ul{margin:0;}
	.slider_desc .spacer {margin: 45px auto 10px;}
	.slider_desc p { font-size: 12px; width: 355px;}
	.slider_desc a.button{ padding: 10px 20px; font-size: 12px;}
	.sl-element figure {width: 70px;height: 70px; line-height: 70px;}
	ul#portfolio-filter li{margin:0 2px;font-size:12px; padding: 0 10px;}
	.ch-grid { width:50% !important;}
     td.photogalleryItem { height: 150 !important; width: 50% !important;}
	 

}
@media (max-width: 480px) {
	.feature_gallery .slick-prev {left: 15%;}
	.feature_gallery .slick-next {right:15%;}
	.t-list .small-6{width:100%;}
	.f-single:hover .f-category, .t-element:hover .f-category { top:20%;}
	.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta { bottom: 40%;}
	ul#portfolio-list > li { width:50%;}
	.slider_desc ul li {font-size:20px; line-height:30px;}
	.slider_desc p { font-size: 12px; width: 280px;}
	.slider_desc { top: 195px;}
	.slider_desc .spacer {margin:30px auto 10px;}
	.slider_desc p { margin: 0 auto 10px;}
	.parallax_wrap {height: 410px;}
	.parallax_wrap .sub-title h4, .p-two .sub-title h4{margin-bottom:10px;}
	.service_block .sl-element figure img{width:auto;}
	.home_slider .slick-prev, .home_slider .slick-next{display:none !important}
	.parallax_wrap .sub-title h1, .fun-facts .sub-title h1, .p-two .sub-title h1{font-size:22px;}
	.fun-facts .sub-title {padding: 40px 0 0px 0;}
     .ch-grid {width:50% !important;}
     .title h2 { font-size: 24px !important;}
    td.photogalleryItem { height: 140px !important; width: 50% !important;}
    .f-image > img{height:215px !important;}
    .project-gallery .columns {width: 100% !important;margin: 0 auto;}
.projectimage {width: 280px;}
#bottomNav a#bottomNavClose { width: 50px !important;}
#bottomNav { width: 100% !important; position: relative !important; float: none !important;}
#imageData #imageDetails {width: 30% !important;}
#prevBLink, #nextBLink { width: 45px !important;margin: 0 5px;background-size: 100% !important;}
#overlay {height: 200vh !important;}
.gn .main-content3 .inner-content {padding: 0;}
    .project-content{width: 300px !important;}
.project-content img{width: 300px !important;}
.info-project .description p{font-size: 14px;}


  
}
@media (max-width:379px) {
	.main-slider { margin-top: 99px;}
	.slider_desc { top: 5%;margin-top:0;}
	.slider_desc h2 {font-size: 18px;}
	.slider_desc .spacer { margin: 30px auto 0px;}
	.sub-title h1 { font-size: 20px; line-height: 20px; margin-bottom: 10px;}
	.sub-title { padding: 40px 0;}
	.about_content .title h2, .what_block .title h2{padding:10px 0}
	.about_desc p {font-size: 12px; line-height: 22px;}
	.parallax_wrap { height: 310px;}
	.sl-element figure {width: 80px; height: 80px; line-height: 50px;}
	.sl-element figure img { width: 20px;}
	.sl-element h3 { font-size: 11px;}
	.f-single:hover .portfolio-meta, .t-element:hover .portfolio-meta { bottom: 20%;}
	ul#portfolio-filter{margin-bottom:30px;}
	ul#portfolio-filter li{ padding: 0 5px; font-size: 10px;}
	.p-video-title {font-size: 14px;letter-spacing: 12px;}
	#map{height: 300px;}
   .sl-element{width:33%;}	
    .title h2 {font-size: 20px !important}
.title h2:after {width: 42px!important} 
    td.photogalleryItem { height: 110px !important;}
	

}