@charset "UTF-8";
:root{
    --primary-color: #132691;
    --secondary-color: #ffa900;
    --primary-color-focus: #0523cd;
}

.border-0{
    border:none!important
}

* { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale; outline: none; }
*:focus, *:active { outline: none; outline: 0 }
body { color: #252525; overflow-x: hidden; 
    font-family: Arial, sans-serif;
}
a:hover, a:link { text-decoration: none; }
.img-inline { display: inline-block; }
.required { color: red; }
.list-unstyled { padding: 0; margin: 0; }
.no-margin { margin: 0; }
.no-padding { padding: 0; }
.mb-0 { margin-bottom: 0px !important; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.pb-10 { padding-bottom: 10px !important; }
.pb-15 { padding-bottom: 15px !important; }
.row-5 { margin-left: -5px; margin-right: -5px; }
.row-5 .col { padding-left: 5px; padding-right: 5px; }
.row-10 { margin-left: -10px; margin-right: -10px; }
.row-10 .col { padding-left: 10px; padding-right: 10px; }
.line-control { position: relative; margin-top: 25px; }
.line-control label { font-weight: normal; position: absolute; top: 8px; left: 10px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.line-control .form-control { border: 1px solid #e1e1e1; border-width: 0 0 1px; border-radius: 0; box-shadow: none; background: #f6f6f6; }
.line-control .form-control:hover, .line-control .form-control:focus { box-shadow: none; }
.line-control .form-control:focus { border-color: var(--primary-color-focus); }
.line-control.active .form-control + label, .line-control .form-control:focus + label { display: inline-block; top: -25px; left: 0; color: var(--primary-color-focus); }
.line-control.lc-big label { top: 14px; left: 14px; }/*
*	SITE HEADER
*/
.iLogo { fill: #303030; width: 261px; }
.iLogoCorporate { fill: #303030; width: 261px; }
.iLogoFooter { fill: #8e929c; width: 261px; }
#site-header {z-index: 900;position: relative;/* border-width: 0 0 1px 0; *//* border-color: #e7e7e7; */border-radius: 0;margin: 0;}
#site-header.affix {position: fixed;/* background: #fff; */top: 0;width: 100%;z-index: 1000;box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.5);}
#site-header .toggle-categories { float: left; padding: 15px; height: 60px; background: none; border: 0; border-right: 1px solid #e7e7e7; margin-right: 15px; }
#site-header .toggle-categories .fa { font-size: 16px; }
#site-header .toggle-categories span { display: block; font-size: 10px; text-transform: uppercase; }
.FlexEmbed { display: block; overflow: hidden; position: relative; }
.FlexEmbed:before { content: ""; display: block; width: 100%; }
.FlexEmbed--3by1:before { padding-bottom: 33.33333%; }
.FlexEmbed--2by1:before { padding-bottom: 50%; }
.FlexEmbed--16by9:before { padding-bottom: 56.25%; }
.FlexEmbed--4by3:before { padding-bottom: 70%; }
.CoverImageVideo { background-position: 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 3s ease !important; transition: all 3s ease !important; margin: 0 auto; max-height: 373px; max-width: 570px; }
.CoverImageSlideh {background-position: top;background-repeat: no-repeat;background-size: cover;-webkit-transition: all 3s ease !important;transition: all 3s ease !important;/* margin: 0 auto; *//* max-height: 337px; *//* max-width: 538px; */}
.CoverImageSlidehP {background-position: 50%;background-repeat: no-repeat;background-size: cover;-webkit-transition: all 3s ease !important;transition: all 3s ease !important;margin: 0 auto;/* max-height: 70px; *//* max-width: 100px; */}
.CoverImageNewsList { background-position: top; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 3s ease !important; transition: all 3s ease !important; margin: 0 auto; height: 210px; max-width: 500px; }
.CoverImageVideoList { background-position: 50%; background-repeat: no-repeat; background-size: cover; -webkit-transition: all 3s ease !important; transition: all 3s ease !important; margin: 0 auto; height: 210px; width: 380px; }
.post-thumbnails:hover .CoverImageVideo { -webkit-transform: scale(1.2) rotate(-5deg); -ms-transform: scale(1.2) rotate(-5deg); transform: scale(1.2) rotate(-5deg); }
#site-header .nav > li.menu-item-has-children { position: relative; }
#site-header .nav > li.menu-item-has-children.is-mega-menu { position: static; }
#site-header .nav > li > a {-webkit-transition: all .35s ease !important;transition: all .35s ease !important;color: #fff;}
#site-header .nav > li:hover > a {color: var(--primary-color);}
#site-header .nav > li:first-child > a {/* border-left: 1px solid rgba(255, 255, 255, 0.1); */}
#site-header .nav > li.current-menu-item > a, #site-header .nav > li > a:hover, #site-header .nav > li:focus > a { color: var(--primary-color); }
#site-header .nav > li.current-menu-item, #site-header .nav > li:hover, #site-header .nav > li:focus { background-color: #fff; }/*Search Bar and Social Link*/
.is-sub-menu { position: absolute; bottom: auto; background-color: #fff; min-width: 180px; display: block; left: 0; z-index: 9997; opacity: 0; visibility: hidden; pointer-events: none; -webkit-transform: scaleY(0); -ms-transform: scaleY(0); transform: scaleY(0); -webkit-transition: -webkit-transform .35s ease-in-out; transition: -webkit-transform .35s ease-in-out; transition: transform .35s ease-in-out; transition: transform .35s ease-in-out, -webkit-transform .35s ease-in-out; -webkit-transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; transform-origin: 100% 0%; padding-top: 10px; padding-bottom: 10px; border: 1px solid #e7e7e7; box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.08); }
.sub-sub-menu-wrap.is-sub-menu { left: 100%; top: 0; }
.is-sub-menu.mega-menu-wrap { padding: 0; }
.is-mega-menu .sub-sub-menu-wrap.is-mega-hide { display: none !important; }
.is-sub-menu ul { list-style: none; padding: 0; margin: 0; }
.is-sub-menu li { position: relative; }
.is-sub-menu li.menu-item { color: #777; letter-spacing: 1px; font-style: normal; font-size: 13px; }
.is-sub-menu li.menu-item a { color: #777; white-space: nowrap; display: block; float: none; padding: 10px 20px; overflow: hidden; line-height: 1; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; }
.is-sub-menu li.menu-item a:hover, .is-sub-menu li.menu-item a:focus { color: var(--primary-color-focus); text-decoration: none; }
.menu-item-has-children > .sub-menu-wrap li.menu-item-has-children > a { padding-right: 40px; }
.menu-item-has-children > .sub-menu-wrap li.menu-item-has-children > a:after { content: "\f105"; font-family: FontAwesome; display: block; top: 9px; right: 20px; position: absolute; }
li.menu-item-has-children:hover > .is-sub-menu, .is-mega-menu:hover > .is-sub-menu { opacity: 1; visibility: visible; pointer-events: auto; -webkit-transform: scaleY(1); -ms-transform: scaleY(1); transform: scaleY(1); }/*Search Bar and Social Link*/
#site-header .nav > li.social-nav {/* border-left: 1px solid #e7e7e7; *//* border-right: 1px solid #e7e7e7; */padding: 0 8px;}
#site-header .nav > li.social-nav > a { display: inline-block; padding-left: 8px; padding-right: 8px; }
#site-header .nav > li.search-nav {/* padding-left: 8px; */}
#site-header .nav > li.search-nav .is-sub-menu { left: auto; right: 0; width: 300px; }
.nav-search { display: block; z-index: 9999; position: absolute; position: absolute; min-width: 320px; background-color: #fff; color: #aaa; border: none; right: 0; line-height: 1.5; padding: 15px 15px; box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.08); }
.search-form { position: relative; display: block; overflow: hidden; }
.search-form .screen-reader-text { display: none; }
.search-form input[type="submit"] { position: absolute; right: 0; top: 0; padding: 0; bottom: 0; width: 90px; display: block; text-align: center; }
.search-form .ruby-search-input, .search-form input[type="search"] { padding-right: 110px; border: none; border-bottom: 1px solid rgba(0, 0, 0, 0.05); padding-left: 0; }
.nav-search-icon { display: block; padding-left: 15px; padding-right: 15px; opacity: .7; }
.nav-search-icon:hover, .nav-search-icon:focus { opacity: 1; }/*Header Sytle 2*/
#site-header.header-style-2 { border-width: 0 0 1px 0; border-color: #e7e7e7; border-radius: 0; margin: 0; }
#site-header.header-style-2 .logo-advert { padding-top: 15px; padding-bottom: 15px; background: #f8f8f8; }
#site-header.header-style-2 .menu-right { float: right; }
#site-header.header-style-2 .nav-pages-social { border-bottom: 1px solid #e7e7e7; }
#site-header.header-style-2 .nav-pages-social .nav > li > a { padding-top: 10px; padding-bottom: 10px; position: relative; }
#site-header.header-style-2 .nav-pages-social .nav > li > a:focus { background: none; }
#site-header.header-style-2 .nav > li.current-menu-item, #site-header.header-style-2 .nav > li.current-menu-item > a, #site-header.header-style-2 .nav > li:hover, #site-header.header-style-2 .nav > li:focus, #site-header.header-style-2 .nav > li > a:hover { background-color: #fff; }
#site-header.header-style-2 .nav > li.current-menu-item > a, #site-header.header-style-2 .nav > li > a:hover, #site-header.header-style-2 .nav > li:focus > a { color: var(--primary-color-focus); }
#site-header.header-style-2 .navbar { margin-bottom: 0; box-shadow: none; border-width: 0 0 1px 0; }
#site-header.header-style-2 .parent-nav > li > a { color: #505050; font-weight: 700; font-size: 16px; }
#site-header.header-style-2 .parent-nav > li > a::after { content: ''; display: inline-block; width: 100%; height: 3px; position: absolute; bottom: -2px; left: 0; }
#site-header.header-style-2 .parent-nav > li > a:hover::after { background: #e7e7e7; }
#site-header.header-style-2 .parent-nav > li.current-menu-item > a::after { background: var(--primary-color-focus); }
#site-header.header-style-2 .navigation-bar.affix { position: fixed; background: #fff; top: 0; width: 100%; z-index: 8; box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.5); }
.top-news-carousel { background-color: #f8f8f8; padding: 1px 0; }
.top-news-carousel h4 { font-size: 21px; line-height: 21px; font-weight: 700; color: var(--primary-color-focus); margin: 10px 0 3px; }
.top-news-carousel .row { position: relative; }
.top-news-carousel .owl-controls { position: absolute; left: -195px; bottom: 0; }
.top-news-carousel .owl-controls .owl-prev, .top-news-carousel .owl-controls .owl-next { display: inline-block; }
.top-news-carousel .owl-controls .owl-next { margin-left: 5px; }
.top-news-carousel .owl-controls .owl-prev:hover, .top-news-carousel .owl-controls .owl-next:hover { color: var(--primary-color-focus); }
.small-post { overflow: hidden; position: relative; }
.small-post .img-wrap { float: left; width: 100px; position: relative; overflow: hidden; }
.small-post .img-wrap img { -webkit-transition: all 3s ease !important; transition: all 3s ease !important; }
.small-post:hover .img-wrap img { -webkit-transform: scale(1.2) rotate(-5deg); -ms-transform: scale(1.2) rotate(-5deg); transform: scale(1.2) rotate(-5deg); }
.small-post .post-info { margin-left: 112px; }
.small-post .post-info .post-title {font-size: 14px;font-weight: 700;color: #000;margin: 0 0 4px 0;/* line-height: 14px; */}
.small-post .post-info .post-title > a { color: #505050; }
.small-post .post-info .post-title > a:hover { color: #000; }
.small-post .post-info p.meta-info { margin: 0; font-size: 12px; color: #606060; }
.slider-inner { overflow: hidden; }
.slider-inner img { -webkit-transition: all 3s ease !important; transition: all 3s ease !important; }
.slider-inner .image-wrap { position: relative; -webkit-transition: all .35s ease !important; transition: all .35s ease !important; }
.slider-inner .image-wrap::after { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0; content: ''; top: 0; left: 0; -webkit-transition: all 1.2s ease !important; transition: all 1.2s ease !important; }
.slider-inner .slide-caption { overflow: hidden; padding: 15px 8px; color: #fff; width: 100%; float: none; text-align: center; position: absolute; bottom: 0px; left: 0; opacity: .5; -webkit-transition: all 1s ease !important; transition: all 1s ease !important; }
.slider-inner .post-info { font-size: 12px; }
.post-category-block a, .slider-inner .post-category a { background: #5e5e5e; color: #fff; display: inline-block; padding: 6px 10px 4px; font-size: 11px; line-height: 15px; letter-spacing: 1px; -webkit-transition: all 1s ease; transition: all 1s ease; }
.post-category-block a:hover, .slider-inner .post-category a:hover { background: var(--primary-color-focus) !important; }
.slider-inner .post-title { font-size: 22px; line-height: 30px; font-weight: 700; margin: 5px 0 10px; }
.slider-inner .post-title a { color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.slider-inner:hover img { -webkit-transform: scale(1.2) rotate(-5deg); -ms-transform: scale(1.2) rotate(-5deg); transform: scale(1.2) rotate(-5deg); }
.slider-inner:hover .image-wrap::after { opacity: .1; }
.slider-inner:hover .slide-caption { /*  bottom: 30%;*/ opacity: 1; }
.slider-inner .post-title:hover, .slider-inner .post-title:hover a { color: var(--primary-color-focus); }
.mPad { padding-top: 40px; padding-bottom: 40px; }
.regular-blog-wrap {padding-top: 20px;padding-bottom: 20px;background: #fff;border-bottom: 1px solid #ebebeb;}
.corporate-padding { padding-top: 80px; padding-bottom: 80px; background: #fff; }
.might-be-missed { padding: 80px 0 40px 0; }
.hasVerticalText { padding-left: 40px; position: relative; }
.vertical-text { position: absolute; display: block; left: 0; top: -8px; }
.vertical-text span { -webkit-transform: rotate(-90deg) translateY(0.5em); -ms-transform: rotate(-90deg) translateY(0.5em); transform: rotate(-90deg) translateY(0.5em); color: #303030; display: inline-block; font-size: 20px; font-weight: 700; line-height: 0; margin: 0 0 1em; text-transform: uppercase; white-space: nowrap; }
.vertical-text span:after { content: ''; display: block; padding-top: 100%; }
.section-heading { padding-bottom: 10px; margin-bottom: 35px; border-bottom: 1px solid #d6d6d6; position: relative; }
.section-heading::before {content: '';height: 1px;width: 70px;background: var(--secondary-color);position: absolute;bottom: -1px;left: 0;}
.section-heading .mh { font-size: 26px; line-height: 32px; margin: 0; font-weight: 700; }
.section-heading .more-link { font-size: 12px; color: #606060; margin-top: 5px; }
.section-heading .more-link .fa { font-size: 9px; }
.section-heading .more-link:hover { color: var(--primary-color-focus); }
.section-heading.small-heading .mh { font-size: 24px; line-height: 24px; }
.heading-with-subtitle { padding-bottom: 50px; position: relative; }
.heading-with-subtitle::after { height: 1px; width: 70px; content: ''; display: block; position: absolute; bottom: 25px; left: 0; background: var(--primary-color-focus); }
.heading-with-subtitle .heading-title { font-size: 36px; color: #000; font-weight: 300; }
.heading-with-subtitle p { font-size: 13px; color: #939494; margin: 0; text-transform: uppercase; }
.simple-heading { padding-bottom: 20px; position: relative; }
.simple-heading .heading-title { font-size: 36px; color: #000; font-weight: 300; }
.simple-heading p { font-size: 13px; color: #939494; margin: 0; text-transform: uppercase; }
.image-with-shade-wrap { padding: 70px 0 0 70px; }
.image-with-shade { position: relative; }
.image-with-shade::before, .image-with-shade::after { position: absolute; content: ''; width: 400px; height: 400px; }
.image-with-shade::before { left: -70px; top: -70px; background: #f1f1f1; }
.image-with-shade::after { left: -50px; top: -50px; border: 1px solid #cbcbcb; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-animation: circle2block 2s linear; animation: circle2block 2s linear; }
.image-with-shade img { z-index: 5; position: relative; border: 1px solid transparent; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.image-with-shade:hover img { box-shadow: 0 1px 20px 1px rgba(0, 0, 0, 0.1); border-color: #cbcbcb; }
.slider-wrap { position: relative; color: #ffffff; }
.scroll-down { width: 104px; position: absolute; bottom: 20px; left: 50%; margin-left: -52px; z-index: 10; text-transform: uppercase; font-weight: 300; text-align: center; }
.scroll-down span { display: block; letter-spacing: 1px; font-size: 12px; }
.scroll-down span.arrow-scroll { background: url(../images/arrow-scroll.png) no-repeat 0 bottom; width: 15px; height: 46px; margin: 0 auto 10px; }
.scroll-down span.mouse { width: 30px; height: 50px; border-radius: 40%; border: 1px solid #fff; margin: 5px auto 0; position: relative; }
.scroll-down span.mouse::before { position: absolute; width: 1px; background: #fff; height: 10px; left: 50%; top: 5px; content: ''; }
.entry-meta { color: #606060; font-size: 11px; }
.entry-meta a { color: #606060; }
.entry-meta.bordered-view li + li { position: relative; }
.entry-meta.bordered-view li + li:before { position: absolute; height: 10px; width: 1px; content: ''; left: 0; top: 2px; background: #606060; }
a:hover .fa-facebook { color: #3b5998; }
a:hover .fa-twitter { color: #00aced; }
a:hover .fa-google-plus { color: #dd4b39; }
a:hover .fa-pinterest { color: #cb2027; }
a:hover .fa-stumbleupon { color: #EB4823; }
a:hover .fa-instagram { color: #bc2a8d; }
a:hover .fa-linkedin { color: #007bb6; }
a:hover .fa-rss { color: #FF6600; }
.social-sharing { width: 40px; padding: 10px 0; }
.social-sharing ul {/* margin: 0; *//* text-align: center; */}
.social-sharing ul li { font-size: 10px; }
.social-sharing ul li + li { margin-top: 5px; }
.social-sharing ul li a {font-size: 12px;}
.social-sharing-list { font-size: 14px; margin: 0; }
.social-sharing-list li { padding-top: 5px; float: left; }
.social-sharing-list, .social-sharing-list a {color: #1eb0e6;font-size: 25px;}
.social-sharing-list a:hover .fa-facebook { color: #3b5998 !important; }
.social-sharing-list a:hover .fa-twitter { color: #00aced !important; }
.social-sharing-list a:hover .fa-google-plus { color: #dd4b39 !important; }
.social-sharing-list a:hover .fa-pinterest { color: #cb2027 !important; }
.social-sharing-list a:hover .fa-stumbleupon { color: #EB4823 !important; }
.social-sharing-list a:hover .fa-instagram { color: #bc2a8d !important; }
.social-sharing-list a:hover .fa-linkedin { color: #007bb6 !important; }
.social-sharing-list a:hover .fa-rss { color: #FF6600 !important; }
.social-sharing-list.long-bar { text-align: center; border: 1px solid #d6d6d6; border-width: 1px 0; margin: 25px 0; }
.social-sharing-list.long-bar li { padding-top: 15px; padding-bottom: 10px; float: none; }
.social-sharing-list.long-bar li .fa { font-size: 16px; }
.regular-post .post-thumbnails { position: relative; margin: 0 0 20px; overflow: hidden; }
.regular-post .post-thumbnails img { -webkit-transition: all 3s ease !important; transition: all 3s ease !important; }
.regular-post:hover .post-thumbnails img { -webkit-transform: scale(1.2) rotate(-5deg); -ms-transform: scale(1.2) rotate(-5deg); transform: scale(1.2) rotate(-5deg); }
.regular-post .post-thumbnails .category-block { position: absolute; left: 8px; top: 10px; }
.regular-post .post-thumbnails .category-block a { display: inline-block; color: #232323; background: #fff; padding: 3px 7px 2px; font-size: 12px; margin-left: 5px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.regular-post .post-thumbnails .category-block a:link { text-decoration: none; }
.regular-post .post-thumbnails .category-block a:hover { color: #fff; background-color: var(--primary-color-focus); }
.regular-post .post-thumbnails .social-sharing { position: absolute; top: 0; right: 0; background: rgba(255, 255, 255, 0.15); }
.regular-post .post-thumbnails .social-sharing ul li { color: #fff; }
.regular-post .post-thumbnails .social-sharing ul li a { color: #fff; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.regular-post .post-thumbnails .social-sharing ul li a:hover .fa { color: var(--primary-color-focus); }
.regular-post .post-thumbnails > a { display: block; }
.regular-post .post-thumbnails .ribbon { position: absolute; z-index: 100; left: 0; display: inline-block; padding: 6px 10px; min-width: 175px; background: var(--primary-color-focus); color: #fff; text-transform: uppercase; top: 0; font-size: 14px; letter-spacing: 2px; }
.regular-post .post-info {position: absolute;bottom: 0;padding: 20px 0;color: #fff;text-shadow: 1px 1px 6px rgba(24, 24, 25, 0.7);}
.regular-post .post-info .entry-title {font-size: 30px;font-weight: 700;line-height: 35px;margin: 0 0 5px;color: var(--primary-color);}
.regular-post .post-info .entry-title a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.regular-post .post-info .entry-title a:hover { text-shadow: 2px 2px 1px black; }
.by-author, .regular-post .post-info p { font-size: 12px; line-height: 18px; margin: 0; }
.regular-post .post-info a { color: #fff; }
.by-author a { color: #606060; }
.post-author { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; display: inline-block; padding: 3px 6px; }
.post-author:hover { background: var(--primary-color-focus); text-shadow: none; }
.post-author:hover a { text-shadow: none; }
.regular-post.regular-post-2 { text-align: center; }
.regular-post.regular-post-2 .entry-meta, .regular-post.regular-post-2 .entry-meta a { color: #fff; }
.regular-post.regular-post-2 .post-thumbnails { margin-bottom: 10px; }
.regular-post.regular-post-2 .post-thumbnails > a::after { position: absolute; width: 100%; height: 100%; background: #000; opacity: .7; content: ''; top: 0; left: 0; -webkit-transition: all 1.2s ease !important; transition: all 1.2s ease !important; }
.regular-post.regular-post-2:hover .post-thumbnails::after { opacity: .2; }
.regular-post.regular-post-2:hover .post-info { opacity: 1; }
.regular-post.regular-post-2 .post-info { z-index: 1; }
.regular-post.regular-post-3 .post-thumbnails { margin-bottom: 0; }
.regular-post.regular-post-3 .post-thumbnails + .post-info {position: relative;text-shadow: none;color: #212121;/* padding-left: 65px; */}
.regular-post.regular-post-3 .post-thumbnails + .post-info a {color: var(--primary-color);}
.regular-post.regular-post-3 .post-info p { color: #252525; font-size: 20px; margin-bottom: 10px; line-height: 140%; }
.regular-post.regular-post-3 .social-sharing {position: absolute;/* top: 0; */left: 0;border-right: 1px solid #d2d2d2;/* padding: 10px 0 10px; */}
.regular-post.regular-post-3 .social-sharing ul li + li { margin-top: 10px; }
.regular-post.regular-post-3 .social-sharing a {color: #252525 !important;}
.category-view .regular-post { margin-top: 30px; }
.more-text-link, .regular-post .read-more { text-transform: uppercase; font-size: 14px; color: #9e9e9e; font-weight: 700; }
.more-text-link:hover, .regular-post .read-more:hover { color: var(--primary-color-focus) !important; }
.regular-post + .regular-post { margin-top: 30px; }
.title-overlay-small { margin-bottom: 30px; position: relative; }
.title-overlay-small .post-info { position: absolute; bottom: -15px; left: 10px; right: 10px; background: #f8f8f8; padding: 10px; }
.title-overlay-small .post-info .entry-title { font-size: 16px; font-weight: 700; margin: 0 0 7px; }
.title-overlay-small .post-info .entry-title a { color: #505050; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.title-overlay-small .post-thumbnails { overflow: hidden; }
.title-overlay-small .post-info, .title-overlay-small .post-thumbnails img { -webkit-transition: all 3s ease !important; transition: all 3s ease !important; }
.title-overlay-small .post-info a, .title-overlay-small .entry-meta { -webkit-transition: all .5s ease !important; transition: all .5s ease !important; }
.title-overlay-small:hover .post-thumbnails img { -webkit-transform: scale(1.2) rotate(-5deg); -ms-transform: scale(1.2) rotate(-5deg); transform: scale(1.2) rotate(-5deg); }
.title-overlay-small:hover .post-info { background: var(--primary-color-focus); }
.title-overlay-small:hover .post-info, .title-overlay-small:hover .post-info a { color: #fff; }
.title-overlay-small:hover .entry-meta { color: #fff; }/*CardView Carousels*/
.cardview-carousel { padding-top: 40px; padding-bottom: 40px; }
.cardview-carousel ul { margin: 0; }
.cardview-carousel .owl-controls { position: absolute; right: 0; top: -70px; color: #606060; }
.cardview-carousel .owl-controls .owl-prev, .cardview-carousel .owl-controls .owl-next { display: inline-block; }
.cardview-carousel .owl-controls .owl-prev:hover, .cardview-carousel .owl-controls .owl-next:hover { color: var(--primary-color-focus); }
.cardview-carousel .owl-controls .owl-next { margin-left: 5px; }
.cardview-carousel .cardview-post { margin: 5px; }/*CardView Posts*/
.cardview-post { background: #fff; border-radius: 3px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.cardview-post .post-info { padding: 12px; }
.cardview-post .post-info .entry-title { font-size: 14px; font-weight: 800; margin: 0 0 12px; line-height: 20px; }
.cardview-post .post-info .entry-title a { color: #505050; /* display: -webkit-box;*/ -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.cardview-post .post-info .entry-title a:hover { color: var(--primary-color-focus); }
.cardview-post .post-thumbnails { overflow: hidden; position: relative; background: #969696; }
.cardview-post .post-info, .cardview-post .post-thumbnails img { -webkit-transition: all 3s ease !important; transition: all 3s ease !important; min-height: 150px; }
.cardview-post .post-info a, .cardview-post .entry-meta { -webkit-transition: all .5s ease !important; transition: all .5s ease !important; }
.cardview-post .post-category-block { position: absolute; right: 10px; bottom: 10px; }
.cardview-post-small:hover, .cardview-post:hover { box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.25); }
.cardview-post:hover .post-thumbnails img { -webkit-transform: scale(1.2) rotate(-5deg); -ms-transform: scale(1.2) rotate(-5deg); transform: scale(1.2) rotate(-5deg); }
.cardview-post .entry-content p { margin-top: 15px; margin-bottom: 0; }
.category-cardview .cardview-post, .category-cardview .regular-post { margin-top: 20px; }/*CardView Small Posts*/
.cardview-post-small { background: #fff; border-radius: 3px; padding: 20px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.grid-border-posts .col { position: relative; }
.grid-border-posts .col::before, .grid-border-posts .col::after { position: absolute; width: 0; height: 0; content: ''; display: inline-block; background: #e1e1e1; }
.grid-border-posts .col::before { bottom: 0; left: 4%; width: 92%; height: 1px; }
.grid-border-posts .col ~ .col::after { top: 8%; bottom: 8%; left: 0; width: 1px; height: 84%; }/**/
.title-meta-post { position: relative; text-align: center; }
.title-meta-post .post-info { padding: 10px; }
.title-meta-post .post-info .entry-title { font-size: 18px; line-height: 28px; font-weight: 700; margin: 0 0 7px; }
.title-meta-post .post-info .entry-title a { color: #505050; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.title-meta-post .post-info .entry-title a:hover { color: var(--primary-color-focus); }
.title-meta-post .post-info p.meta-info { margin: 0; font-size: 12px; color: #606060; }
.title-meta-post .post-info p.meta-info a { color: #606060; }
.recent-commented-carousel .owl-controls { position: absolute; right: 0; top: -70px; color: #606060; }
.recent-commented-carousel .owl-controls .owl-prev, .recent-commented-carousel .owl-controls .owl-next { display: inline-block; }
.recent-commented-carousel .owl-controls .owl-prev:hover, .recent-commented-carousel .owl-controls .owl-next:hover { color: var(--primary-color-focus); }
.recent-commented-carousel .owl-controls .owl-next { margin-left: 5px; }
.title-meta-post-2 { position: relative; }
.title-meta-post-2 .post-info .entry-title { font-size: 18px; line-height: 20px; font-weight: 700; margin: 0 0 7px; }
.title-meta-post-2 .post-info .entry-title a { color: #505050; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.title-meta-post-2 .post-info .entry-title a:hover { color: var(--primary-color-focus); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.title-meta-post-2 .post-info p.meta-info { margin: 0; font-size: 12px; color: #606060; }
.title-meta-post-2 .post-info p.meta-info a { color: #606060; }
.title-meta-post.tmp-3 { position: relative; }
.title-meta-post.tmp-3 .post-info { padding: 30px 40px; }
.title-meta-post.tmp-3 .post-info .entry-title { font-size: 20px; line-height: 26px; font-weight: 700; margin: 0 0 7px; }
.title-meta-post.tmp-3 .post-info .entry-title a { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.category-featured:not(.category-featured-2) .owl-controls { position: absolute; right: 0; top: -70px; color: #606060; }
.category-featured:not(.category-featured-2) .owl-controls .owl-prev, .category-featured:not(.category-featured-2) .owl-controls .owl-next { display: inline-block; }
.category-featured:not(.category-featured-2) .owl-controls .owl-prev:hover, .category-featured:not(.category-featured-2) .owl-controls .owl-next:hover { color: var(--primary-color-focus); }
.category-featured:not(.category-featured-2) .owl-controls .owl-next { margin-left: 5px; }
.category-featured.category-featured-2 .owl-controls { overflow: hidden; }
.category-featured.category-featured-2 .owl-controls .owl-prev, .category-featured.category-featured-2 .owl-controls .owl-next { display: block; width: 50%; text-align: center; float: left; padding: 10px 15px; background: #e4e4e4; color: #4c4d4f; font-size: 17px; line-height: 23px; cursor: pointer; }
.category-featured.category-featured-2 .owl-controls .owl-prev:hover, .category-featured.category-featured-2 .owl-controls .owl-next:hover { background: #d3d3d3; }
.entry-content p { line-height: 22px; }
.justified-text p { text-align: inherit; }
.single-entry-content a { color: var(--primary-color-focus); }
.single-entry-content { font-size: 17px; line-height: 30px; color: #303030; }
.single-entry-content p { line-height: 30px; margin-bottom: 30px; }
.single-entry-content.condensed-margin p { margin-bottom: 15px; line-height: 28px; }
.single-entry-content p:last-child { margin-bottom: 0; }
.single-entry-content .embed-responsive { margin-bottom: 30px; }
blockquote { border-left-color: var(--primary-color-focus); }
blockquote.bq-style-2 { padding: 60px 70px; border-left-width: 0; border-bottom: 3px solid #d2d2d2; background: #e9e9e9; text-align: center; position: relative; }
blockquote.bq-style-2 * { -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
blockquote.bq-style-2::before { position: absolute; top: 20px; bottom: 20px; left: 20px; right: 20px; border: 1px solid #fff; content: ''; }
blockquote.bq-style-2 p { color: #303030; font-size: 30px; font-weight: 300; line-height: 38px; font-style: italic; }
blockquote.bq-style-2 footer { font-size: 12px; color: #8e8e8e; }
blockquote.bq-style-2 footer:after { content: '\00A0 \2014'; }
blockquote.bq-style-2 p { color: #303030; font-size: 30px; font-weight: 300; line-height: 38px; font-style: italic; }
blockquote.bq-style-2:hover p { color: #000; }
blockquote.bq-style-4 { padding: 60px 70px; border-left-width: 0; border: 1px solid #d2d2d2; text-align: center; position: relative; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
blockquote.bq-style-4::before { position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; border: 1px solid #d2d2d2; content: ''; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
blockquote.bq-style-4 p { color: #303030; font-size: 30px; font-weight: 300; line-height: 38px; font-style: italic; }
blockquote.bq-style-4 footer { font-size: 12px; color: #8e8e8e; }
blockquote.bq-style-4 footer:after { content: '\00A0 \2014'; }
blockquote.bq-style-4:hover, blockquote.bq-style-4:hover::before { border-color: var(--primary-color-focus); }
blockquote.bq-style-2.left, blockquote.bq-style-2.right { padding: 60px; }
blockquote.left, blockquote.right { width: 50%; margin-bottom: 0; }
blockquote.left { float: left; margin-right: 20px; }
blockquote.right { float: right; margin-left: 20px; }
.invert-bg { background: #f3f3f3; }
.invert-bg-light { background: #f8f8f8; }
.invert-bg-corporate { background: #f6f6f6; }
.post-icon-type { background: #fff; color: #fff; width: 30px; height: 30px; text-align: center; line-height: 32px; position: absolute; z-index: 1; bottom: 0; left: 0; font-size: 16px; opacity: .8; }
.post-icon-type.laranja { color: var(--primary-color-focus) !important; }
.post-icon-type.vermelho { color: #E31919 !important; }
.affix-top, .affix { position: static; }
.rc-content-title { margin-top: 0; font-size: 36px; font-weight: 300; }
.rc-content-description { font-size: 17px; margin: 0; }
.portfolio-slide { position: relative; }
.portfolio-slide .owl-controls { position: absolute; left: 7%; top: 0; right: 7%; }
.portfolio-slide .owl-controls .owl-prev, .portfolio-slide .owl-controls .owl-next { display: inline-block; width: 35px; height: 35px; line-height: 35px; border: 1px solid #cecece; font-size: 18px; color: #9a9595; text-align: center; position: absolute; top: -140px; }
.portfolio-slide .owl-controls .owl-next { margin-left: 5px; right: 0; }
.portfolio-slide .owl-controls .owl-prev:hover, .portfolio-slide .owl-controls .owl-next:hover { background: var(--primary-color-focus); color: #fff; border-color: var(--primary-color-focus); -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-animation: bubble .4s linear; animation: bubble .4s linear; }
.slide-wrapper .owl-prev, .slide-wrapper .owl-next { display: inline-block; width: 35px; height: 35px; line-height: 35px; border: 1px solid #cecece; font-size: 18px; color: #9a9595; background: #fff; text-align: center; position: absolute; bottom: 0; z-index: 10; }
.slide-wrapper .owl-prev { left: -75px; }
.slide-wrapper .owl-next { right: -75px; }
.slide-wrapper .owl-prev:hover, .slide-wrapper .owl-next:hover { background: var(--primary-color-focus); color: #fff; border-color: var(--primary-color-focus); -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-animation: bubble .4s linear; animation: bubble .4s linear; }
.portfolio-item { overflow: hidden; }
.portfolio-item img { -webkit-transition: all 3s ease !important; transition: all 3s ease !important; }
.portfolio-item .image-wrap { position: relative; -webkit-transition: all .35s ease !important; transition: all .35s ease !important; }
.portfolio-item .image-wrap::after { position: absolute; width: 100%; height: 100%; background: #000; opacity: 0; content: ''; top: 0; left: 0; -webkit-transition: all 1.2s ease !important; transition: all 1.2s ease !important; }
.portfolio-item .portfolio-caption { overflow: hidden; padding: 15px 8px; color: #fff; width: 100%; float: none; text-align: center; position: absolute; bottom: 0px; left: 0; opacity: 0; -webkit-transition: all 1s ease !important; transition: all 1s ease !important; }
.portfolio-item .portfolio-info { margin-bottom: 20px; }
.portfolio-item .portfolio-actions a { background: #fff; width: 50px; height: 50px; border-radius: 100%; color: #3c3c3c; display: inline-block; padding: 0; font-size: 14px; line-height: 52px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.portfolio-item .portfolio-actions a + a { margin-left: 25px; }
.portfolio-item .portfolio-actions a:hover { background: var(--primary-color-focus) !important; color: #fff; }
.portfolio-item .portfolio-title { font-size: 24px; line-height: 32px; font-weight: 700; margin: 0 0 10px; }
.portfolio-item .portfolio-title a { color: #fff; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.portfolio-item:hover img { -webkit-transform: scale(1.2) rotate(-5deg); -ms-transform: scale(1.2) rotate(-5deg); transform: scale(1.2) rotate(-5deg); }
.portfolio-item:hover .image-wrap::after { opacity: .7; }
.portfolio-item:hover .portfolio-caption { bottom: 30%; opacity: 1; }
.progressbar-wrap { margin-top: 30px; }
.progressbar-wrap .progress-title { font-size: 17px; line-height: 22px; }
.progressbar { width: 100%; height: 11px; background-color: #d9d9d9; }
.progressbar div { position: relative; height: 100%; color: #fff; text-align: right; line-height: 18px; width: 0; background-color: var(--primary-color-focus); }
.progressbar div .progress-num { border-radius: 10px; background: var(--primary-color-focus); display: inline-block; padding: 3px 6px; width: 48px; height: 22px; position: absolute; top: -5px; right: -2px; text-align: center; }
.project-content { padding: 60px; }
.project-content.no-padding { padding: 0; }
.project-content-title { margin-top: 0; font-size: 36px; font-weight: 300; }
.service-x { padding: 0 20px 0 0; border-right: 1px solid #d9d9d9; margin: 20px 0; }
.service-x.last { border-right-width: 0; }
.service-x::before { content: ''; height: 1px; background: #d9d9d9; width: 90%; position: absolute; top: 0; left: 1.4%; }
.serviceX .row:first-child { margin-top: 0; }
.serviceX .row:first-child .service-x::before { display: none; }
.service-info { position: relative; min-height: 136px; padding-left: 60px; padding-top: 20px; }
.service-info .service-title { font-size: 24px; position: relative; padding-left: 30px; z-index: 2; }
.service-info .service-title, .service-info .service-title a { color: #252525; }
.service-info:hover .service-title, .service-info:hover .service-title a { color: var(--primary-color-focus); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.service-info:hover .service-title::after { font-family: 'FontAwesome'; content: '\f178'; position: absolute; top: 7px; margin-left: 10px; color: #7b7b7b; font-size: 12px; }
.service-info .service-description { z-index: 2; position: relative; }
.service-info .service-number { font-size: 175px; color: #e3e2e2; font-weight: 700; line-height: 136px; height: 136px; display: inline-block; position: absolute; left: 0; top: 15px; }
.block-corporate-background { position: relative; }
.image-holder { position: absolute; }
.block-corporate-background.right-image .image-holder { right: 0; }
.background-imgholder { position: absolute; top: 0; left: 0; height: 787px; width: 100%; background-size: cover; background-position: center center; }
.background-imgholder-right { position: relative; }
.background-imgholder-right { position: absolute; top: 0; right: 0; width: 100%; background-size: cover; background-position: center center; }
.footer-advert { text-align: center; padding-top: 40px; }
.inside-advert { text-align: center; padding-top: 20px; padding-bottom: 20px; }
.featured-posts-thumbnails { text-align: center; }
.featured-posts-thumbnails .row { /* margin-left: -5px;
  margin-right: -5px;*/ }
.featured-posts-thumbnails .col-sm-6, .featured-posts-thumbnails .col-sm-12 { /* padding-left: 5px;
  padding-right: 5px;*/ }
.featured-posts-thumbnails .entry-meta { color: #fff; margin: 0; }
.regular-post.small-regular-post .entry-title { font-size: 18px; line-height: 22px; }
.featured-posts-thumbnails .regular-post .post-info { opacity: .9; }
.featured-posts-thumbnails .regular-post .post-thumbnails { /* margin-bottom: 10px;*/ }
.featured-posts-thumbnails .regular-post .post-thumbnails > a { display: block; }
.featured-posts-thumbnails .regular-post .post-thumbnails > a::after {position: absolute;width: 100%;height: 100%;/* background: #000; */opacity: .4;content: '';top: 0;left: 0;-webkit-transition: all 1.2s ease !important;transition: all 1.2s ease !important;}
.featured-posts-thumbnails .regular-post:hover .post-thumbnails > a::after { opacity: .2; }
.featured-posts-thumbnails .regular-post:hover .post-info { opacity: 1; }
.featured-posts-thumbnails .regular-post .post-info { z-index: 1; }
.featured-posts-thumbnails .regular-post:hover .post-icon-type { opacity: 1; }/* Single Post Header */
.single-top-header {padding: 40px 0 20px 0;position: relative;overflow: hidden;background: #f8f8f8;}
.single-top-header.with-image { background-size: cover !important; }
.single-top-header.with-image::after { content: ''; width: 100%; height: 100%; display: inline-block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); }
.single-top-header .row { position: relative; z-index: 1; }
.single-top-header .date {position: absolute;z-index: 1;display: block;padding: 0 20px 10px 0;left: 0;text-align: center;border-bottom: 1px solid #1eb0e6;border-right: 1px solid #1eb0e6;}
.single-top-header .date > .day, .single-top-header .date > .month-year {display: block;color: var(--primary-color);}
.single-top-header .date > .day { font-size: 60px; line-height: 60px; font-weight: 700; }
.single-top-header .date > .month-year { display: block; letter-spacing: .5px; }
.single-top-header .post-info { position: relative; padding-left: 100px; min-height: 75px; overflow: hidden; margin-bottom: 20px; }
.single-top-header .post-info.without-date { padding-left: 0; margin-bottom: 0; }
.single-top-header .entry-title { font-size: 36px; line-height: 48px; margin: 0; }
.single-top-header .entry-title a { color: #fff !important; }
.single-top-header .entry-meta { padding-top: 4px; }
.single-top-header .entry-meta, .single-top-header .entry-meta a { color: #606060; }
.single-top-header .social-sharing-list {font-size: 20px;margin: 0;float: right;}
.single-top-header .social-sharing-list li {padding-top: 5px;float: left;padding-left: 20px;}
.single-top-header .social-sharing-list, .single-top-header .social-sharing-list a {color: #1eb0e6;}
.single-top-header .post-category-block { padding-top: 0 !important; }
.single-top-header .post-category-block a { color: #fff; background: var(--primary-color-focus); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.single-top-header .post-category-block a:hover { background: #5e5e5e !important; }
.single-top-header.with-image .entry-title, .single-top-header.with-image .date > .day, .single-top-header.with-image .date > .month-year, .single-top-header.with-image .social-sharing-list, .single-top-header.with-image .social-sharing-list a, .single-top-header.with-image .entry-meta, .single-top-header.with-image .entry-meta a { color: #fff !important; }
.single-top-header .entry-meta .by-author a { color: var(--primary-color-focus) !important; }
.single-top-header .entry-meta .fa-heart-o { cursor: pointer; }
.single-top-header .entry-meta .fa-heart-o:hover { color: var(--primary-color-focus) !important; cursor: pointer; }
.prev-post-link, .next-post-link { text-transform: uppercase; letter-spacing: 2px; margin-top: -5px; }
.prev-post-link a, .next-post-link a { color: #b3b3b3; }
.prev-post-link::before, .next-post-link::before { position: absolute; top: 10px; content: ''; width: 75px; height: 1px; display: inline-block; background: #d1d1d1; }
.prev-post-link { padding: 0 0 0 85px; left: 0; }
.prev-post-link::before { left: 0; }
.next-post-link { padding: 0 85px 0 0; right: 0; }
.next-post-link::before { right: 0; }/*Caption, Galleries and Alignments*/
.attachment img { max-width: 900px; }
.alignleft, img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; }
.alignright, img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; }
.aligncenter, img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft, img.alignright, img.aligncenter { margin-bottom: 12px; }
.wp-caption { line-height: 18px; margin-bottom: 20px; padding: 0; text-align: center; max-width: 100% !important; }
.wp-caption img { max-width: 100%; height: auto; }
.wp-caption p.wp-caption-text { color: #888; padding: 2px 0; border-bottom: 1px solid #D2D2D2; font-size: 13px; }
.wp-smiley { margin: 0; }
.gallery { margin: 0 auto 20px; overflow: hidden; }
.gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 20%; overflow: hidden; padding-bottom: 5px; }
.gallery img { border: 0; max-width: 100%; height: auto; }
.gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; }
.gallery dl { margin: 0; }
.gallery br + br { display: none; }
.attachment img { display: block; margin: 0 auto; }/* Post Reactions */
.reactions { margin-top: 30px; margin-bottom: 30px; }
.reactions > h6 { font-size: 24px; font-weight: 700; margin-top: 0; margin-bottom: 20px; color: #000000; }
.reactions > .reaction-body { padding: 20px; background: #f6f6f6; border-radius: 5px; }
.reactions > .reaction-body > ul { margin-left: -10px; margin-right: -10px; margin-bottom: 0; list-style: none; text-align: center; padding: 0; overflow: hidden; }
.reactions > .reaction-body > ul > li { float: left; width: 10%; padding-left: 5px; padding-right: 5px; }
.reactions > .reaction-body > ul > li img { opacity: 0.3; -webkit-transition: all 0.95s ease; transition: all 0.95s ease; width: 65px; margin: 0 auto; }
.reactions > .reaction-body > ul > li a { color: #606060; }
.reactions > .reaction-body > ul > li a:hover img, .reactions > .reaction-body > ul > li.active img { opacity: 1; }
.reactions > .reaction-body > ul > li a span { display: block; padding-top: 10px; }
.reactions > .reaction-body > ul > li a.l10 img { width: 80px; }/* Related Posts */
.related-posts { margin: 40px 0; }
.related-posts > ul { margin-left: -5px; margin-right: -5px; overflow: hidden; }
.related-posts > ul > li { padding-left: 5px; padding-right: 5px; width: 33.33333333333333%; float: left; }
.related-posts > ul.c-list-4 > li { width: 25%; }/* Author Information */
.author-info { margin: 40px 0; padding: 20px; border: 1px solid #d6d6d6; overflow: hidden; border-radius: 6px; }
.author-info .avatar-image { width: 125px; border-radius: 6px; float: left; margin-right: 20px; overflow: hidden; }
.author-info .avatar-image img { width: 100%; height: auto; }
.author-info .author-meta { overflow: hidden; margin-bottom: 15px; }
.author-info .author-meta h5 { font-size: 24px; font-weight: 700; margin: 0; color: #000000; }
.author-info .author-description { color: #303030; font-size: 16px; }
.author-info .author-description p { line-height: 26px; margin: 0; }
.author-info .social-sharing-list a { color: #000; }/* Post Navigation */
.post-navigation { margin: 40px; margin-left: -20px; margin-right: -20px; }
.post-navigation .nav-links { width: 100%; }
.post-navigation .screen-reader-text { display: none; }
.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { padding: 0 20px; float: left; width: 50%; }
.post-navigation .nav-links .nav-previous { text-align: left; }
.post-navigation .nav-links .nav-next { text-align: right; }
.post-navigation .nav-links a { color: #000; display: block; line-height: 22px; font-size: 21px; position: relative; font-weight: bold; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.post-navigation .nav-links a:hover { text-decoration: none; color: var(--primary-color-focus); border-color: var(--primary-color-focus); }
.post-navigation .nav-links a .meta-nav { font-size: 14px; line-height: 14px; color: #606060; display: block; margin-bottom: 6px; font-weight: 400; }/* Comment Navigation */
.comment-navigation .nav-links { margin: 20px -20px; overflow: hidden; }
.comment-navigation .screen-reader-text { display: none; }
.comment-navigation .nav-links .nav-previous, .comment-navigation .nav-links .nav-next { padding: 0 20px; float: left; width: 50%; text-align: center; }
.comment-navigation .nav-links a { color: var(--primary-color-focus); display: block; padding: 16px 14px; border: 2px solid #e5e5e1; border-radius: 3px; line-height: 14px; font-size: 18px; color: #949490; position: relative; }
.comment-navigation .nav-links a:hover { text-decoration: none; color: var(--primary-color-focus); border-color: var(--primary-color-focus); }
.comment-navigation .nav-links .nav-previous span::before, .nav-links .nav-next span::after { font-family: 'FontAwesome'; display: inline-block; }
.comment-navigation .nav-links .nav-previous span::before { content: '\f177'; padding-right: 12px; margin-right: 12px; border-right: 1px solid #cecece; }
.comment-navigation .nav-links .nav-next span::after { content: '\f178'; padding-left: 12px; margin-left: 12px; border-left: 1px solid #cecece; }/* General Navigation */
nav.pagination { margin: 25px 0 5px; font-size: 12px; line-height: 18px; overflow: hidden; text-align: center; width: 100%; border-top: 1px solid #e0e0e0; padding-top: 30px; }
nav.pagination .screen-reader-text { display: none; }
nav.pagination .nav-links { margin: 0; display: inline-block; }
nav.pagination .nav-links a, nav.pagination .nav-links .page-numbers { margin-right: 5px; min-width: 30px; min-height: 30px; display: inline-block; background-color: #fff; border: 1px solid #bebebe; color: #9e9e9e; padding: 0 6px; font-size: 14px; cursor: pointer; border-radius: 4px; line-height: 28px; margin-top: 5px; margin-bottom: 5px; }
nav.pagination .nav-links span.page-numbers.current, nav.pagination .nav-links a:hover { text-decoration: none; background-color: var(--primary-color-focus); color: white; text-shadow: #677b89 1px 1px 0; border-color: var(--primary-color-focus); }/* 404 Page Style */
.i404-wrapper { padding-top: 40px; text-align: center; padding-bottom: 100px; }
#pagina .pagination a { cursor: pointer }
#pagina .pagination a.inactive { cursor: default }
.wrapper_load { z-index: 10000; position: fixed; top: 1%; left: 1.5%; }
.i404-wrapper .h404 { font-size: 36px; margin: 0 0 9px; }
.i404-wrapper p { color: #303030; }
.i404 { fill: #303030; margin: 50px 0; width: 570px; }
.i404-wrapper .check-address { box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.25); background: #fff; padding: 15px 10px; font-size: 16px; width: 570px; position: absolute; bottom: -66px; left: 50%; margin-left: -285px; }/* Comments */
.comments-title { padding-bottom: 10px; margin-bottom: 35px; border-bottom: 1px solid #d6d6d6; position: relative; font-size: 26px; line-height: 32px; margin: 0; font-weight: 700; }
.comments-title::before { content: ''; height: 1px; width: 70px; background: #6a6a6a; position: absolute; bottom: -1px; left: 0; }/*
, .comment-reply-title
, .comment-reply-title::before
*/
#respond { border-radius: 6px; border: 1px solid #d6d6d6; padding: 40px; margin: 40px 0 0; }
#respond .col-md-12 { padding-left: 0; padding-right: 0; }
#respond .comment-form-author { padding-left: 0; }
#respond .comment-form-email { padding-right: 0; }
#respond .help-text { position: absolute; top: -25px; right: 0; color: #979797; }
#comments { margin-top: 30px; }
.comment-reply-title { font-size: 24px; font-weight: 700; margin-top: 0; }
.comment-list { list-style: none; padding: 0; margin: 0; }
.comment-list li.comment .comment-wrap { margin-left: 110px; }
.comment-list .children { padding-left: 0; margin-left: 60px; }
.comment-list .comment-meta { overflow: hidden; margin-bottom: 20px; padding-right: 60px; position: relative; }
.comment-list .comment-meta .avatar { float: left; margin-right: 20px; }
.comment-list .comment-metadata { font-size: 13px; }
.comment-list .comment-metadata a { color: #979797; }
.comment-list .comment-metalinks { position: absolute; top: 10px; right: 0; }
.comment-list .comment-metalinks a { color: #979797; }
.comment-list .reply-link { padding-left: 10px; margin-left: 10px; border-left: 1px solid #d6d6d6; }
.comment-list .reply-link a { color: var(--primary-color-focus); }
.comment-list .comment-body { border-bottom: 1px solid #f2f2f0; margin-bottom: 20px; padding-bottom: 21px; overflow: hidden; }
.comment-list .comment-body .comment-author { overflow: hidden; color: #979797; }
.comment-list .comment-body .comment-author .fn { color: #414141; font-size: 20px; }
.comment-list .comment-body .comment-author .fn a { color: #414141; }
.comment-list .comment-body .comment-author time { font-size: 12px; font-style: italic; color: #8b8b8b; }
.comment-list .commentmetadata { display: inline-block; }
.btn-send, .btn-send * { -webkit-transition: all 0.15s; transition: all 0.15s; }
.btn-send { overflow: visible; border: 0; border-radius: 3px; position: relative; padding-left: 15px; padding-right: 40px; background-color: var(--primary-color-focus); color: #FFF; display: inline-block; height: 44px; cursor: pointer; }
.btn-send:hover, .btn-send:focus, .btn-send:active { color: #fff; }
.btn-send:hover:before, .btn-send:active:before, .btn-send:focus:before { -webkit-transform: rotate(10deg); -ms-transform: rotate(10deg); transform: rotate(10deg); -webkit-transition: -webkit-transform 0.15s; transition: -webkit-transform 0.15s; transition: transform 0.15s; transition: transform 0.15s, -webkit-transform 0.15s; }
.btn-send:before { content: ''; font-family: 'FontAwesome'; position: absolute; top: 12px; right: 15px; height: 30px; width: auto; -webkit-transition: -webkit-transform 0.15s; transition: -webkit-transform 0.15s; transition: transform 0.15s; transition: transform 0.15s, -webkit-transform 0.15s; }
.btn-send.clicked { -webkit-animation: bounce-in 0.3s; animation: bounce-in 0.3s; cursor: default; }
.btn-send.clicked::before { color: #6aaa3b; -webkit-animation: flyaway 1.3s linear; animation: flyaway 1.3s linear; top: -9900px; right: -9000px; }
.contact-title-wrap { padding: 40px 0; }
.contact-title-wrap .contact-title { padding-top: 5px; }
.contact-title-wrap .contact-title h1 { margin: 0 0 4px; line-height: 52px; font-size: 60px; color: #000; }
.contact-title-wrap .contact-title p { margin: 0; color: #303030; font-size: 17px; }
.contact-title-wrap .contact-info { width: 100%; }
.contact-title-wrap .contact-info li { min-height: 90px; text-align: center; width: 33.33333333333333%; float: left; position: relative; padding-top: 20px; }
.contact-title-wrap .contact-info i.fa { font-size: 90px; color: #ececec; position: absolute; width: 90px; text-align: center; top: 0; left: 50%; margin-left: -45px; }
.contact-title-wrap .contact-info .contact-info-block { position: relative; z-index: 1; }
.contact-title-wrap .contact-info .contact-info-block span { display: block; font-size: 18px; }
.contact-title-wrap .contact-info .contact-info-block span.block-title { color: var(--primary-color-focus); }
.contact-title-wrap.with-bg { background: url(../images/demo/contact-title-bg.jpg) no-repeat center center; background-size: cover; padding: 50px 0; }
.contact-title-wrap.with-bg .contact-title h1 { color: #fff; }
.contact-title-wrap.with-bg .contact-title p { color: #fff; }
.social-follow { padding-top: 40px; padding-bottom: 40px; }
.social-follow h6 { font-size: 24px; margin: 0 0 5px; color: #252525; font-size: 24px; font-weight: 700; }
.social-follow p { font-size: 14px; margin: 0 0 15px; color: #353535; }
.social-follow li a { display: block; width: 50px; height: 50px; line-height: 50px; font-size: 21px; text-align: center; color: #fff; border-radius: 3px; -webkit-transition: all 2s ease; transition: all 2s ease; }
.social-follow li a:hover { border-radius: 100%; -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); }
.social-follow li a:hover i { -webkit-transition: all 0.2s ease; transition: all 0.2s ease; color: #fff !important; }
.social-follow li.facebook a { background: #3b5998; }
.social-follow li.dribbble a { background: #f7679c; }
.social-follow li.instagram a { background: #bc2a8d; }
.social-follow li.twitter a { background: #00aced; }
.social-follow li.behance a { background: #0d78ff; }
.social-follow li.google-plus a { background: #dd4b39; }
.social-follow li.pinterest a { background: #cb2027; }
.contact-form-wrapper { position: relative; }
.contact-form-wrapper #map { height: 550px; }
.contact-form-wrapper .insider { position: absolute; top: 120px; width: 100%; }
.contact-form { background: #fff; }
.contact-form.with-shadow { min-height: 590px; padding: 30px; border-radius: 6px; box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.08); }
.contact-form .form-title { font-size: 24px; margin: 0 0 5px; color: #252525; font-size: 24px; font-weight: 700; }
.contact-form .form-info { font-size: 14px; margin: 0 0 15px; color: #353535; }
.contact-form-wrapper-2 { position: relative; padding: 80px; }
.contact-form-wrapper-2 #map { height: 100%; position: absolute; left: 0; top: 0; width: 100%; }
.contact-block { background: #fff; }
.contact-block.with-shadow { padding: 30px; border-radius: 6px; box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.08); }
.contact-info-dl dt { font-size: 18px; color: var(--primary-color-focus); font-weight: 700; }
.contact-info-dl dt .fa { margin-right: 10px; font-size: 20px; }
.contact-info-dl dd { font-size: 18px; color: #252525; padding-left: 30px; }
.business-details { padding: 30px; border-radius: 6px; box-shadow: 0 1px 10px 1px rgba(0, 0, 0, 0.08); }
.business-details .form-title { font-size: 24px; margin: 0 0 5px; color: #252525; font-size: 24px; font-weight: 700; }
.business-details .form-info { font-size: 14px; margin: 0 0 15px; color: #353535; }
.business-duration { margin: 0; overflow: hidden; color: #252525; }
.business-duration + .business-duration { margin-top: 10px; }
.business-duration dt { float: left; width: 70px; font-size: 16px; font-weight: 700; }
.business-duration dd { float: left; }
.business-duration dd .closed { color: var(--primary-color-focus); font-weight: 700; }
.business-details .social-follow { padding-bottom: 0; margin-top: 30px; padding-top: 30px; border-top: 1px solid #e9e9e9; }
.business-details li { padding: 0; }
.os-animation { opacity: 0; }
.os-animation.animated { opacity: 1; }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { display: inline-block; vertical-align: middle; *vertical-align: auto;
 *zoom: 1;
 *display: inline;
position: relative; }
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit { display: inline-block; vertical-align: middle; *vertical-align: auto;
 *zoom: 1;
 *display: inline;
position: relative; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer { display: inline-block; vertical-align: middle; *vertical-align: auto;
 *zoom: 1;
 *display: inline;
visibility: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner { text-align: left; display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon { display: block; }
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner { display: block; -webkit-backface-visibility: hidden; }
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value { display: block; -webkit-transform: translateZ(0); }
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value { position: absolute; }
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; transition: -webkit-transform 2s; transition: transform 2s; transition: transform 2s, -webkit-transform 2s; }
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); }
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner { -webkit-transition: -webkit-transform 2s; transition: -webkit-transform 2s; transition: transform 2s; transition: transform 2s, -webkit-transform 2s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.odometer.odometer-auto-theme, .odometer.odometer-theme-default { font-family: "Helvetica Neue", sans-serif; line-height: 1.1em; }
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value { text-align: center; }
.od-meter-block { text-align: center; }
.od-meter-block .odmeter { font-size: 60px; text-align: center; color: var(--primary-color-focus); }
.od-meter-block .odmeter-text { font-size: 13px; margin: 0 0 20px; }
.od-meter-block .odcircle { width: 100px; height: 100px; border-radius: 100%; border: 1px solid #ccc; display: inline-block; font-size: 30px; line-height: 100px; text-align: center; color: #777; }
.od-meter-wrap { background: url(../images/demo/progress-bg.jpg) no-repeat center top; background-attachment: fixed; background-size: cover; position: relative; }
.od-meter-wrap::before { content: ''; display: block; top: 0; left: 0; width: 100%; height: 100%; background: rgba(20, 23, 31, 0.85); position: absolute; }
.od-meter-wrap .od-meter-block { position: relative; z-index: 2; }
.od-meter-wrap .od-meter-block .odmeter { color: #fff; }
.od-meter-wrap .odmeter-text { color: #fff; }
.od-meter-wrap .odcircle { border-color: #fff; color: #fff; }
.testimonials .testimonial { text-align: center; }
.testimonials .testimonial .img-wrapper { display: none; }
.testimonials .testimonial .testimonial-subject { font-size: 24px; font-weight: 700; margin: 30px 0; }
.testimonials .testimonial .testimonial-description { font-size: 17px; line-height: 30px; margin-bottom: 40px; }
.testimonials .testimonial .testimonial-info .name { color: var(--primary-color-focus); }
.testimonials .slick-dots { position: static; top: 0; }
.client-item { padding-top: 15px; padding-bottom: 15px; margin: auto; }
.testimonials .client-wrapper { margin: 0 auto; width: 570px; }
.testimonials .client-wrapper::before { content: '"'; left: -15px; }
.testimonials .client-wrapper::after { content: '"'; right: -15px; }
.testimonials .client-wrapper::before, .testimonials .client-wrapper::after { display: block; font-size: 72px; line-height: 21px; color: #808080; position: absolute; top: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); }
.testimonials .client-item { overflow: hidden; }
.testimonials .client-item .img-wrapper { margin-top: 10px; border-radius: 50%; border: 1px solid #fff; width: 110px; height: 110px; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5); margin: 0 auto; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.testimonials .client-wrapper .slick-center, .testimonials .client-wrapper .slick-item { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.testimonials .info-wrapper .position { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }
.testimonials .client-wrapper .slick-center .img-wrapper { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); border-color: #a6a6a6 !important; padding: 5px; }
.testimonials .img-wrapper { overflow: hidden; }
.testimonials .img-wrapper img { border-radius: 100%; cursor: pointer; width: 100%; height: auto; }
.team-wrap .heading { font-size: 36px; margin-top: 0; margin-bottom: 30px; font-weight: 300; }
.team-member { margin-bottom: 25px; position: relative; }
.team-member img { border-radius: 8px; position: relative; }
.team-member .team-info { box-shadow: 0 0px 10px 0px rgba(24, 24, 25, 0.08); z-index: 5; background: #fff; padding: 25px 15px; text-align: center; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.team-member .team-info { width: 200px; height: 200px; position: absolute; right: 15px; bottom: -30px; border-radius: 6px; box-shadow: 0 0px 10px 0px rgba(24, 24, 25, 0.08); z-index: 5; background: #fff; padding: 25px 15px; text-align: center; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.team-member .name { font-size: 18px; line-height: 14px; font-weight: 700; color: #000; margin: 6px 0 12px; }
.team-member .name a { color: #000; }
.team-member p { color: #393939; margin: 0; font-size: 13px; line-height: 12px; }
.team-member .designation { color: #393939; margin: 0 0 20px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.team-member .team-info .email { padding: 15px 0; border: 1px solid #e1e1e1; border-width: 1px 0; margin-bottom: 20px; }
.team-member .telephone { font-size: 18px; }
.team-member:hover .designation { color: var(--primary-color-focus); }
.team-member:hover .team-info { box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.4); }
.team-member .social-list { display: block; float: left; position: absolute; z-index: 9; top: 110px; right: 65px; }
.team-member .social-list .social-item { display: block; margin-bottom: 5px; font-size: 0px; text-align: left; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; }
.team-member .social-list .social-item .slz-icon { font-size: 14px; line-height: 30px; width: 30px; height: 30px; text-align: center; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }
.team-member .social-list .social-item a { color: #979797; }
.team-member .social-list .social-item a:hover i { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); -webkit-transition: all 1s ease; transition: all 1s ease; -webkit-animation: bubble .4s linear; animation: bubble .4s linear; }
.team-member .social-list .social-item .facebook:hover i { background: #3b5998; color: #fff; }
.team-member .social-list .social-item .twitter:hover i { background: #00aced; color: #fff; }
.team-member .social-list .social-item .google-plus:hover i { background: #dd4b39; color: #fff; }
.team-member .social-list .social-item .instagram:hover i { background: #bc2a8d; color: #fff; }
.team-member .social-list .social-item .email:hover i { background: #FF6600; color: #fff; }
.team-member:hover .social-list { top: 10px; opacity: 1; visibility: visible; }
.team-member .social-list { padding-left: 0; font-size: 14px; opacity: 0; visibility: visible; list-style: none; margin: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.team-member .social-list .more-social-item .text { position: relative; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -o-transition: all .3s ease; }
.team-member .social-list .more-social-item .text:before { position: absolute; content: "\f060"; font-family: FontAwesome; line-height: 30px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); opacity: 0; font-size: 14px; }
.team-member .social-list .more-social-item:hover .text { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); font-size: 0; }
.team-member .social-list .more-social-item:hover .text:before { opacity: 1; }
.team-member .social-list .more-social-item:hover .more-list { transform: translate(10px, -30px); -webkit-transform: translate(10px, -30px); -moz-transform: translate(10px, -30px); -ms-transform: translate(10px, -30px); -o-transform: translate(10px, -30px); }/*
=====================================================
* Widgets
=====================================================
*/
.widget + .widget { margin-top: 20px; }
.widget .widget-title-wrap { position: relative; padding-bottom: 15px; margin-bottom: 40px; border-bottom: 1px solid #d6d6d6; }
.widget .widget-title-wrap::after {content: '';display: block;width: 70px;height: 1px;position: absolute;bottom: -1px;left: 0;background-color: var(--secondary-color);}
.widget .widget-title { font-size: 24px; font-weight: 700; color: #000; margin: 0; }
.service-more-link, .widget .more-link { font-size: 12px; color: #606060; margin-top: 5px; }
.service-more-link .fa, .widget .more-link .fa { font-size: 9px; }
.service-more-link:hover, .widget .more-link:hover { color: var(--primary-color-focus); }
.service-more-link { margin-top: 15px; }
.widget-advert { background: #f2f2f2; padding: 8px 10px 10px; text-align: center; }
.widget-advert .widget-title-wrap { padding-bottom: 0; margin-bottom: 0; border-bottom-color: #f2f2f2; }
.widget-advert .widget-title-wrap::after { display: none; }
.widget-advert .widget-title { display: block; margin-bottom: 4px; font-size: 11px; line-height: 11px; font-weight: 300; color: #909090; }
.widget-advert .img-responsive { display: inline-block; }
.widget-feedburner { /* border: 1px solid #e3e3de;
  padding: 15px 20px 20px;*/ }
.widget-feedburner .widget-title-wrap { padding-bottom: 0; margin-bottom: 0; border-bottom-color: transparent; }
.widget-feedburner .widget-title-wrap::after { display: none; }
.widget-feedburner .widget-title { display: block; font-size: 30px; line-height: 45px; font-weight: 400; color: #000; border-width: 0; }
.widget-feedburner p { margin: 0 0 10px; color: #353535; }
.widget.widget-popular-posts > ul > li { margin-top: 20px; }
.widget.widget-popular-posts-f0 > ul > li:first-child { margin-top: 0; }
.widget.widget-popular-posts-f0 > ul { margin-bottom: 0; }
.widget.widget-popular-posts-f0 > ul > li { margin-top: 30px; }
.widget.widget-popular-posts > ul > li .small-post .post-info .post-title > a {color: var(--primary-color);}
.widget.widget-popular-posts > ul > li .small-post .post-info .post-title > a:hover { color: #000; }
.widget-list-posts > ul > li { margin-top: 20px; }
.widget-list-posts.with-borders > ul > li { margin-top: 15px; }
.widget-list-posts.with-borders > ul > li + li { padding-top: 15px; border-top: 1px solid #d6d6d6; }
.widget-list-posts.with-borders-20 > ul > li { margin-top: 20px; }
.widget-list-posts.with-borders-20 > ul > li + li { padding-top: 21px; border-top: 1px solid #d6d6d6; }
.widget-footer .widget-title-wrap { padding-bottom: 0; margin-bottom: 0; border-bottom-color: transparent; }
.widget-footer .widget-title-wrap::after { display: none; }
.widget-footer .widget-title { display: block; font-size: 18px; line-height: 23px; font-weight: 400; color: #fff; border-width: 0; }
.widget.widget-categories .widget-title-wrap, .widget.widget-instagram .widget-title-wrap { margin-bottom: 20px; }
.widget.widget-categories li { border-bottom: 1px solid #ebebeb; }
.widget.widget-categories li a { position: relative; display: block; padding: 15px 5px 13px 0; color: #505050; }
.widget.widget-categories li a .cat-posts { position: absolute; background: #f2f2f2; border-radius: 4px; display: inline-block; font-size: 12px; color: #505050; min-width: 32px; line-height: 17px; text-align: center; padding: 3px 8px 2px; right: 0; top: 11px; }
.widget.widget-categories li a .cat-posts::after { content: ''; display: block; position: absolute; width: 0; height: 0; left: 50%; bottom: -8px; margin-left: -5px; border-top: 8px solid #f2f2f2; border-left: 5px solid transparent; border-right: 5px solid transparent; }
.widget.widget-categories li:hover { border-bottom-color: var(--primary-color-focus); }
.widget.widget-categories li:hover a { color: var(--primary-color-focus); -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.widget.widget-categories li:hover a .cat-posts { background-color: var(--primary-color-focus); color: #fff; }
.widget.widget-categories li:hover a .cat-posts::after { border-top-color: var(--primary-color-focus); }
.widget.widget-categories.widget-footer li a { color: #8e929c; font-size: 18px; padding: 6px 39px 4px 0; line-height: 19px; }
.widget.widget-categories.widget-footer li { border-bottom-width: 0; }
.widget.widget-categories.widget-footer li a .cat-posts { padding: 0; background: none; }
.widget.widget-categories.widget-footer li:hover a { color: #fff; }
.widget.widget-categories.widget-footer li a .cat-posts::after { display: none; }
.widget.widget-instagram a.more-link { color: var(--primary-color-focus) !important; }
.widget.widget-instagram .gallery-item { margin-bottom: 10px; }
.footer-about { color: #fff; text-align: center;/* padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #2f333e;*/ }
.footer-about .logo-image {/* margin-bottom: 30px; */}
.footer-about p { font-size: 16px; margin-bottom: 30px; }
.footer-about .social-nav a { color: #fff; font-size: 24px; }
.footer-about .social-nav a + a { margin-left: 30px; }
.call-to-action { position: relative; background: #14171f; color: #fff; }
.call-to-action * { color: #fff !important; }
.call-to-action .insider { z-index: 3; position: relative; }
.call-to-action::before, .call-to-action::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.call-to-action::before { background: url(../images/footer-bg-2.png) repeat center center; }
.call-to-action::after { background: rgba(20, 23, 31, 0.5); }
#site-footer {/* padding: 50px 0; */position: relative;background: #fff;color: #fff;}
#site-footer .footer-content { position: relative; z-index: 3; }
#site-footer::before, #site-footer::after { content: ''; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#site-footer::before { background: url(../images/footer-bg-2.png) repeat center center; }
#site-footer::after { /* background: rgba(20, 23, 31, 0.5);*/ }
#site-footer .widgetize-area { min-height: 165px; }
#site-footer.no-widget .widgetize-area { min-height: 315px; }
#copyright {background: #4d732c;padding: 22px 0;font-size: 12px;color: #fff;/* margin-top: 10px; */}
#site-footer.no-widget #copyright { margin-top: 10px; }
#copyright a {color: #004eff;}
#copyright a:hover { color: var(--primary-color-focus); }
#copyright .footer-navigation { display: inline-block; margin: 0; }
#copyright .footer-navigation > li { margin: 0; line-height: 20px; }
.widget.widget-popular-posts.widget-footer > ul > li .small-post .post-info .post-title > a { color: #838790; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.widget.widget-popular-posts.widget-footer > ul > li .small-post .post-info .post-title > a:hover { color: var(--primary-color-focus); }
.go-to-top {text-align: right;position: fixed;right: 1%;bottom: 2%;background: var(--primary-color);border-radius: 5px;padding: 5px 10px;z-index: 100;}
#site-footer.no-widget .footer-about { margin-bottom: 30px; }
.footer-navigation-2 { text-align: center; width: 100%; }
.footer-navigation-2 li a { color: #8e929c; fonmt-size: 16px; }/*
=====================================================
* Plugins 
=====================================================
*/
.testone { background: #336699; color: #fff; padding: 5px 10px; text-align: center; }
.testone:before { content: '<'; display: inline-block; }
.testone:after { content: '>'; display: inline-block; }/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.flipOutX, .animated.flipOutY, .animated.bounceIn, .animated.bounceOut { -webkit-animation-duration: .75s; animation-duration: .75s; }
.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; }
.flash { -webkit-animation-name: flash; animation-name: flash; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
.pulse { -webkit-animation-name: pulse; animation-name: pulse; }
.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }
.shake { -webkit-animation-name: shake; animation-name: shake; }
.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }
.swing { -webkit-transform-origin: top center; -ms-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }
.tada { -webkit-animation-name: tada; animation-name: tada; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
.wobble { -webkit-animation-name: wobble; animation-name: wobble; }
.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; }
.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }
.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }
.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }
.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }
.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }
.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }
.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }
.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }
.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }
.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }
.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }
.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }
.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }
.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }
.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }
.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }
.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }
.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }
.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }
.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }
.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }
.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }
.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }
.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }
.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }
.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }
.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }
.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }
.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }
.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }
.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }
.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }
.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }
.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }
.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }
.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }
.hinge { -webkit-animation-name: hinge; animation-name: hinge; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */
.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }
.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }
.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }
.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }
.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }
.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }
.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }
.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }
.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }
.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }
.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }
.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }
.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }
.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }
.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }
.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
#cd-timeline { position: relative; padding: 5em 0 0; margin-top: 2em; margin-bottom: 2em; }
#cd-timeline .startbox, #cd-timeline .finishbox { width: 70px; height: 70px; line-height: 63px; font-weight: 700; text-align: center; font-size: 18px; margin: 0 auto; border-radius: 50%; }
#cd-timeline .startbox { -webkit-transform: translateY(-5em); -ms-transform: translateY(-5em); transform: translateY(-5em); background: #fff; border: 4px solid #d9d9d9; }
#cd-timeline .finishbox { background: var(--primary-color-focus); color: #fff; z-index: 1; position: relative; }
#cd-timeline::before { /* this is the vertical line */ content: ''; position: absolute; top: 0; left: 50%; height: 100%; width: 4px; background: #d9d9d9; }
.cd-timeline-block { position: relative; margin: 2em 0; }
.cd-timeline-block:after { content: ""; display: table; clear: both; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }
.cd-timeline-img { position: absolute; top: 0; left: 0; width: 70px; height: 30px; line-height: 30px; background: #eeeeee; border-radius: 5px; text-align: center; left: 50%; margin-left: -35px; }
.cd-timeline-content { -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); position: relative; margin-left: 60px; background: #f3f3f3; border-radius: 0.25em; padding: 15px; }
.cd-timeline-content:after { content: ""; display: table; clear: both; }
.cd-timeline-content p, .cd-timeline-content .cd-date { font-size: 13px; font-size: 0.8125rem; }
.cd-timeline-content .cd-date { display: inline-block; }
.cd-timeline-content p { margin: 0; line-height: 1.6; }
.cd-timeline-content .cd-date { float: left; padding: .8em 0; opacity: .7; }
.cd-timeline-content::before { content: ''; position: absolute; top: 50%; right: 102%; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); height: 0; width: 0; border: 12px solid transparent; border-right: 12px solid var(--primary-color-focus); }/*
 * blueimp Gallery CSS
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; }
.blueimp-gallery > .slides > .slide > .slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; }
.blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none; }
.blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; /* Set the carousel width/height ratio to 16/9: */ padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y; }
.blueimp-gallery-display { display: block; opacity: 1; }
.blueimp-gallery > .slides { position: relative; height: 100%; overflow: hidden; }
.blueimp-gallery-carousel > .slides { position: absolute; }
.blueimp-gallery > .slides > .slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.blueimp-gallery > .slides > .slide-loading { background: url(../img/loading.gif) center no-repeat; background-size: 64px 64px; }
.blueimp-gallery > .slides > .slide-loading > .slide-content { opacity: 0; }
.blueimp-gallery > .slides > .slide-error { background: url(../img/error.png) center no-repeat; }
.blueimp-gallery > .slides > .slide-error > .slide-content { display: none; }
.blueimp-gallery > .prev, .blueimp-gallery > .next { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, 0.5); box-sizing: content-box; border: 3px solid #fff; border-radius: 23px; opacity: 0.5; cursor: pointer; display: none; }
.blueimp-gallery > .next { left: auto; right: 15px; }
.blueimp-gallery > .close, .blueimp-gallery > .title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: 0.8; display: none; }
.blueimp-gallery > .close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer; }
.blueimp-gallery > .play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../img/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: 0.5; display: none; }
.blueimp-gallery-playing > .play-pause { background-position: -15px 0; }
.blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .close:hover, .blueimp-gallery > .title:hover, .blueimp-gallery > .play-pause:hover { color: #fff; opacity: 1; }
.blueimp-gallery-controls > .prev, .blueimp-gallery-controls > .next, .blueimp-gallery-controls > .close, .blueimp-gallery-controls > .title, .blueimp-gallery-controls > .play-pause { display: block; /* Fix z-index issues (controls behind slide element) on Android: */ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.blueimp-gallery-single > .prev, .blueimp-gallery-left > .prev, .blueimp-gallery-single > .next, .blueimp-gallery-right > .next, .blueimp-gallery-single > .play-pause { display: none; }
.blueimp-gallery > .slides > .slide > .slide-content, .blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close, .blueimp-gallery > .play-pause { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error { background-image: url(../img/error.svg); }
body:last-child .blueimp-gallery > .play-pause { width: 20px; height: 20px; background-size: 40px 20px; background-image: url(../img/play-pause.svg); }
body:last-child .blueimp-gallery-playing > .play-pause { background-position: -20px 0; }/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide { min-height: 300px; }
* + html .blueimp-gallery > .slides > .slide > .slide-content { position: relative; }/*
 * blueimp Gallery CSS
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { position: absolute; top: 0; right: 0; bottom: 0; left: 0; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; }
.blueimp-gallery > .slides > .slide > .slide-content { margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; opacity: 1; }
.blueimp-gallery { position: fixed; z-index: 999999; overflow: hidden; background: #000; background: rgba(0, 0, 0, 0.9); opacity: 0; display: none; direction: ltr; -ms-touch-action: none; touch-action: none; }
.blueimp-gallery-carousel { position: relative; z-index: auto; margin: 1em auto; /* Set the carousel width/height ratio to 16/9: */ padding-bottom: 56.25%; box-shadow: 0 0 10px #000; -ms-touch-action: pan-y; touch-action: pan-y; }
.blueimp-gallery-display { display: block; opacity: 1; }
.blueimp-gallery > .slides { position: relative; height: 100%; overflow: hidden; }
.blueimp-gallery-carousel > .slides { position: absolute; }
.blueimp-gallery > .slides > .slide { position: relative; float: left; height: 100%; text-align: center; -webkit-transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); transition-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1); }
.blueimp-gallery, .blueimp-gallery > .slides > .slide > .slide-content { -webkit-transition: opacity 0.2s linear; transition: opacity 0.2s linear; }
.blueimp-gallery > .slides > .slide-loading { background: url(../img/loading.gif) center no-repeat; background-size: 64px 64px; }
.blueimp-gallery > .slides > .slide-loading > .slide-content { opacity: 0; }
.blueimp-gallery > .slides > .slide-error { background: url(../img/error.png) center no-repeat; }
.blueimp-gallery > .slides > .slide-error > .slide-content { display: none; }
.blueimp-gallery > .prev, .blueimp-gallery > .next { position: absolute; top: 50%; left: 15px; width: 40px; height: 40px; margin-top: -23px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 60px; font-weight: 100; line-height: 30px; color: #fff; text-decoration: none; text-shadow: 0 0 2px #000; text-align: center; background: #222; background: rgba(0, 0, 0, 0.5); box-sizing: content-box; border: 3px solid #fff; border-radius: 23px; opacity: 0.5; cursor: pointer; display: none; }
.blueimp-gallery > .next { left: auto; right: 15px; }
.blueimp-gallery > .close, .blueimp-gallery > .title { position: absolute; top: 15px; left: 15px; margin: 0 40px 0 0; font-size: 20px; line-height: 30px; color: #fff; text-shadow: 0 0 2px #000; opacity: 0.8; display: none; }
.blueimp-gallery > .close { padding: 15px; right: 15px; left: auto; margin: -15px; font-size: 30px; text-decoration: none; cursor: pointer; }
.blueimp-gallery > .play-pause { position: absolute; right: 15px; bottom: 15px; width: 15px; height: 15px; background: url(../img/play-pause.png) 0 0 no-repeat; cursor: pointer; opacity: 0.5; display: none; }
.blueimp-gallery-playing > .play-pause { background-position: -15px 0; }
.blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .close:hover, .blueimp-gallery > .title:hover, .blueimp-gallery > .play-pause:hover { color: #fff; opacity: 1; }
.blueimp-gallery-controls > .prev, .blueimp-gallery-controls > .next, .blueimp-gallery-controls > .close, .blueimp-gallery-controls > .title, .blueimp-gallery-controls > .play-pause { display: block; /* Fix z-index issues (controls behind slide element) on Android: */ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.blueimp-gallery-single > .prev, .blueimp-gallery-left > .prev, .blueimp-gallery-single > .next, .blueimp-gallery-right > .next, .blueimp-gallery-single > .play-pause { display: none; }
.blueimp-gallery > .slides > .slide > .slide-content, .blueimp-gallery > .prev, .blueimp-gallery > .next, .blueimp-gallery > .close, .blueimp-gallery > .play-pause { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide-error { background-image: url(../img/error.svg); }
body:last-child .blueimp-gallery > .play-pause { width: 20px; height: 20px; background-size: 40px 20px; background-image: url(../img/play-pause.svg); }
body:last-child .blueimp-gallery-playing > .play-pause { background-position: -20px 0; }/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide { min-height: 300px; }
* + html .blueimp-gallery > .slides > .slide > .slide-content { position: relative; }/*
 * blueimp Gallery Indicator CSS
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.blueimp-gallery > .indicator { position: absolute; top: auto; right: 15px; bottom: 15px; left: 15px; margin: 0 40px; padding: 0; list-style: none; text-align: center; line-height: 10px; display: none; }
.blueimp-gallery > .indicator > li { display: inline-block; width: 9px; height: 9px; margin: 6px 3px 0 3px; box-sizing: content-box; border: 1px solid transparent; background: #ccc; background: rgba(255, 255, 255, 0.25) center no-repeat; border-radius: 5px; box-shadow: 0 0 2px #000; opacity: 0.5; cursor: pointer; }
.blueimp-gallery > .indicator > li:hover, .blueimp-gallery > .indicator > .active { background-color: #fff; border-color: #fff; opacity: 1; }
.blueimp-gallery-controls > .indicator { display: block; /* Fix z-index issues (controls behind slide element) on Android: */ -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); }
.blueimp-gallery-single > .indicator { display: none; }
.blueimp-gallery > .indicator { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }/* IE7 fixes */
* + html .blueimp-gallery > .indicator > li { display: inline; }/*
 * blueimp Gallery Video Factory CSS
 * https://github.com/blueimp/Gallery
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.blueimp-gallery > .slides > .slide > .video-content > img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; /* Prevent artifacts in Mozilla Firefox: */ -moz-backface-visibility: hidden; }
.blueimp-gallery > .slides > .slide > .video-content > video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.blueimp-gallery > .slides > .slide > .video-content > iframe { position: absolute; top: 100%; left: 0; width: 100%; height: 100%; border: none; }
.blueimp-gallery > .slides > .slide > .video-playing > iframe { top: 0; }
.blueimp-gallery > .slides > .slide > .video-content > a { position: absolute; top: 50%; right: 0; left: 0; margin: -64px auto 0; width: 128px; height: 128px; background: url(../img/video-play.png) center no-repeat; opacity: 0.8; cursor: pointer; }
.blueimp-gallery > .slides > .slide > .video-content > a:hover { opacity: 1; }
.blueimp-gallery > .slides > .slide > .video-playing > a, .blueimp-gallery > .slides > .slide > .video-playing > img { display: none; }
.blueimp-gallery > .slides > .slide > .video-content > video { display: none; }
.blueimp-gallery > .slides > .slide > .video-playing > video { display: block; }
.blueimp-gallery > .slides > .slide > .video-loading > a { background: url(../img/loading.gif) center no-repeat; background-size: 64px 64px; }/* Replace PNGs with SVGs for capable browsers (excluding IE<9) */
body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a { background-image: url(../img/video-play.svg); }/* IE7 fixes */
* + html .blueimp-gallery > .slides > .slide > .video-content { height: 100%; }
* + html .blueimp-gallery > .slides > .slide > .video-content > a { left: 50%; margin-left: -64px; }/**************************
*
* GENERAL
*
**************************/
.camera_wrap a, .camera_wrap img, .camera_wrap ol, .camera_wrap ul, .camera_wrap li, .camera_wrap table, .camera_wrap tbody, .camera_wrap tfoot, .camera_wrap thead, .camera_wrap tr, .camera_wrap th, .camera_wrap td .camera_thumbs_wrap a, .camera_thumbs_wrap img, .camera_thumbs_wrap ol, .camera_thumbs_wrap ul, .camera_thumbs_wrap li, .camera_thumbs_wrap table, .camera_thumbs_wrap tbody, .camera_thumbs_wrap tfoot, .camera_thumbs_wrap thead, .camera_thumbs_wrap tr, .camera_thumbs_wrap th, .camera_thumbs_wrap td { background: none; border: 0; font: inherit; font-size: 100%; margin: 0; padding: 0; vertical-align: baseline; list-style: none; }
.camera_wrap { direction: ltr; display: none; /*float: left;*/ position: relative; z-index: 0; }
.camera_wrap img { max-width: none !important; }
.camera_fakehover { height: 100%; min-height: 60px; position: relative; width: 100%; z-index: 1; }
.camera_wrap { width: 100%; min-height: 400px; }
.camera_src { display: none; }
.cameraCont, .cameraContents { height: 100%; position: relative; width: 100%; z-index: 1; }
.cameraSlide { bottom: 0; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
.cameraContent { bottom: 0; display: none; left: 0; position: absolute; right: 0; top: 0; width: 100%; }
.camera_target { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; width: 100%; z-index: 0; }
.camera_overlayer { bottom: 0; height: 100%; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; width: 100%; z-index: 0; }
.camera_target_content { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 2; }
.camera_target_content .camera_link { background: url(../images/blank.gif); display: block; height: 100%; text-decoration: none; }
.camera_loader { background: url(../images/camera-loader.gif) no-repeat center; background: url(../images/camera-loader.gif) no-repeat center; border-radius: 100%; height: 78px; left: 50%; overflow: hidden; position: absolute; margin: -39px 0 0 -39px; top: 50%; width: 78px; z-index: 3; }
.camera_bar { bottom: 0; left: 0; overflow: hidden; position: absolute; right: 0; top: 0; z-index: 3; }
.camera_thumbs_wrap.camera_left .camera_bar, .camera_thumbs_wrap.camera_right .camera_bar { height: 100%; position: absolute; width: auto; }
.camera_thumbs_wrap.camera_bottom .camera_bar, .camera_thumbs_wrap.camera_top .camera_bar { height: auto; position: absolute; width: 100%; }
.camera_nav_cont { height: 65px; overflow: hidden; position: absolute; right: 9px; top: 15px; width: 120px; z-index: 4; }
.camera_caption { bottom: 0; display: block; position: absolute; width: 100%; text-align: center; }
.camera_caption .long-heading { font-size: 80px; font-weight: 700; text-transform: uppercase; }
.camera_caption .short-description { font-size: 24px; }
.camera_caption > div { padding: 10px 20px; }
.camerarelative { overflow: hidden; position: relative; }
.imgFake { cursor: pointer; }
.camera_prevThumbs { bottom: 4px; cursor: pointer; left: 0; position: absolute; top: 4px; visibility: hidden; width: 30px; z-index: 10; }
.camera_prevThumbs div { background: url(../images/camera_skins.png) no-repeat -160px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; }
.camera_nextThumbs { bottom: 4px; cursor: pointer; position: absolute; right: 0; top: 4px; visibility: hidden; width: 30px; z-index: 10; }
.camera_nextThumbs div { background: url(../images/camera_skins.png) no-repeat -190px 0; display: block; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 30px; }
.camera_command_wrap .hideNav { display: none; }
.camera_command_wrap { left: 0; position: relative; right: 0; z-index: 4; }
.camera_wrap .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: right; }
.camera_wrap .camera_pag .camera_pag_ul li { border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-align: left; text-indent: 9999px; width: 16px; }
.camera_commands_emboss .camera_pag .camera_pag_ul li { box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2); }
.camera_wrap .camera_pag .camera_pag_ul li > span { border-radius: 5px; height: 8px; left: 4px; overflow: hidden; position: absolute; top: 4px; width: 8px; }
.camera_commands_emboss .camera_pag .camera_pag_ul li:hover > span { box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2); }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { box-shadow: 0; }
.camera_pag_ul li img { display: none; position: absolute; }
.camera_pag_ul .thumb_arrow { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid; top: 0; left: 50%; margin-left: -4px; position: absolute; }
.camera_prev, .camera_next, .camera_commands { cursor: pointer; height: 40px; margin-top: -20px; position: absolute; top: 50%; width: 40px; z-index: 2; }
.camera_prev { left: 0; }
.camera_prev > span { background: url(../images/camera_skins.png) no-repeat 0 0; display: block; height: 40px; width: 40px; }
.camera_next { right: 0; }
.camera_next > span { background: url(../images/camera_skins.png) no-repeat -40px 0; display: block; height: 40px; width: 40px; }
.camera_commands { right: 41px; }
.camera_commands > .camera_play { background: url(../images/camera_skins.png) no-repeat -80px 0; height: 40px; width: 40px; }
.camera_commands > .camera_stop { background: url(../images/camera_skins.png) no-repeat -120px 0; display: block; height: 40px; width: 40px; }
.camera_wrap .camera_pag .camera_pag_ul li { border-radius: 8px; cursor: pointer; display: inline-block; height: 16px; margin: 20px 5px; position: relative; text-indent: 9999px; width: 16px; }
.camera_thumbs_cont { -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; overflow: hidden; position: relative; width: 100%; }
.camera_commands_emboss .camera_thumbs_cont { box-shadow: 0px 1px 0px white, inset 0px 1px 1px rgba(0, 0, 0, 0.2); }
.camera_thumbs_cont > div { float: left; width: 100%; }
.camera_thumbs_cont ul { overflow: hidden; padding: 3px 4px 8px; position: relative; text-align: center; }
.camera_thumbs_cont ul li { display: inline; padding: 0 4px; }
.camera_thumbs_cont ul li > img { border: 1px solid; cursor: pointer; margin-top: 5px; vertical-align: bottom; }
.camera_clear { display: block; clear: both; }
.showIt { display: none; }
.camera_clear { clear: both; display: block; height: 1px; margin: -1px 0 25px; position: relative; }/**************************
*
* COLORS & SKINS
*
**************************/
.camera_overlayer { background: rgba(0, 0, 0, 0.5); }
.pattern_1 .camera_overlayer { background: url(../images/patterns/overlay1.png) repeat; }
.pattern_2 .camera_overlayer { background: url(../images/patterns/overlay2.png) repeat; }
.pattern_3 .camera_overlayer { background: url(../images/patterns/overlay3.png) repeat; }
.pattern_4 .camera_overlayer { background: url(../images/patterns/overlay4.png) repeat; }
.pattern_5 .camera_overlayer { background: url(../images/patterns/overlay5.png) repeat; }
.pattern_6 .camera_overlayer { background: url(../images/patterns/overlay6.png) repeat; }
.pattern_7 .camera_overlayer { background: url(../images/patterns/overlay7.png) repeat; }
.pattern_8 .camera_overlayer { background: url(../images/patterns/overlay8.png) repeat; }
.pattern_9 .camera_overlayer { background: url(../images/patterns/overlay9.png) repeat; }
.pattern_10 .camera_overlayer { background: url(../images/patterns/overlay10.png) repeat; }
.camera_caption { color: #fff; top: 50%; -webkit-transform: translateY(-40%); -ms-transform: translateY(-40%); transform: translateY(-40%); }
.camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; }
.camera_wrap .camera_pag .camera_pag_ul li:hover > span { background: #b7b7b7; }
.camera_wrap .camera_pag .camera_pag_ul li.cameracurrent > span { background: #434648; }
.camera_pag_ul li img { border: 4px solid #e6e6e6; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.5); }
.camera_pag_ul .thumb_arrow { border-top-color: #e6e6e6; }
.camera_prevThumbs, .camera_nextThumbs, .camera_prev, .camera_next, .camera_commands, .camera_thumbs_cont { background: #d8d8d8; background: rgba(216, 216, 216, 0.85); }
.camera_wrap .camera_pag .camera_pag_ul li { background: #b7b7b7; }
.camera_thumbs_cont ul li > img { border-color: 1px solid #000; }/*AMBER SKIN*/
.camera_amber_skin .camera_prevThumbs div { background-position: -160px -160px; }
.camera_amber_skin .camera_nextThumbs div { background-position: -190px -160px; }
.camera_amber_skin .camera_prev > span { background-position: 0 -160px; }
.camera_amber_skin .camera_next > span { background-position: -40px -160px; }
.camera_amber_skin .camera_commands > .camera_play { background-position: -80px -160px; }
.camera_amber_skin .camera_commands > .camera_stop { background-position: -120px -160px; }/*ASH SKIN*/
.camera_ash_skin .camera_prevThumbs div { background-position: -160px -200px; }
.camera_ash_skin .camera_nextThumbs div { background-position: -190px -200px; }
.camera_ash_skin .camera_prev > span { background-position: 0 -200px; }
.camera_ash_skin .camera_next > span { background-position: -40px -200px; }
.camera_ash_skin .camera_commands > .camera_play { background-position: -80px -200px; }
.camera_ash_skin .camera_commands > .camera_stop { background-position: -120px -200px; }/*AZURE SKIN*/
.camera_azure_skin .camera_prevThumbs div { background-position: -160px -240px; }
.camera_azure_skin .camera_nextThumbs div { background-position: -190px -240px; }
.camera_azure_skin .camera_prev > span { background-position: 0 -240px; }
.camera_azure_skin .camera_next > span { background-position: -40px -240px; }
.camera_azure_skin .camera_commands > .camera_play { background-position: -80px -240px; }
.camera_azure_skin .camera_commands > .camera_stop { background-position: -120px -240px; }
.camera_azure_skin .camera_pag .camera_pag_ul { list-style: none; margin: 0; padding: 0; text-align: right; position: absolute; line-height: 11px; width: 70px; right: 10px; bottom: 10px; }
.camera_azure_skin .camera_pag .camera_pag_ul li { border-radius: 0; cursor: pointer; display: inline-block; height: 1px; position: relative; text-align: left; text-indent: 0; width: 60px !important; width: 100%; margin: 4px 0 4px 10px; }
.camera_azure_skin .camera_pag .camera_pag_ul li:hover > span { background: none; }
.camera_azure_skin .camera_pag .camera_pag_ul li > span { position: absolute; top: -4px; left: -15px; width: auto; height: 15px; display: none; }
.camera_azure_skin .camera_pag .camera_pag_ul li.cameracurrent > span { border-radius: 0; background: none; color: #fff !important; display: block; }
.camera_azure_skin .camera_pag .camera_pag_ul li.cameracurrent { margin-left: 0; width: 70px !important; }
.camera_azure_skin .camera_pag .camera_pag_ul li > span > span { font-size: 11px; }/*BEIGE SKIN*/
.camera_beige_skin .camera_prevThumbs div { background-position: -160px -120px; }
.camera_beige_skin .camera_nextThumbs div { background-position: -190px -120px; }
.camera_beige_skin .camera_prev > span { background-position: 0 -120px; }
.camera_beige_skin .camera_next > span { background-position: -40px -120px; }
.camera_beige_skin .camera_commands > .camera_play { background-position: -80px -120px; }
.camera_beige_skin .camera_commands > .camera_stop { background-position: -120px -120px; }/*BLACK SKIN*/
.camera_black_skin .camera_prevThumbs div { background-position: -160px -40px; }
.camera_black_skin .camera_nextThumbs div { background-position: -190px -40px; }
.camera_black_skin .camera_prev > span { background-position: 0 -40px; }
.camera_black_skin .camera_next > span { background-position: -40px -40px; }
.camera_black_skin .camera_commands > .camera_play { background-position: -80px -40px; }
.camera_black_skin .camera_commands > .camera_stop { background-position: -120px -40px; }/*BLUE SKIN*/
.camera_blue_skin .camera_prevThumbs div { background-position: -160px -280px; }
.camera_blue_skin .camera_nextThumbs div { background-position: -190px -280px; }
.camera_blue_skin .camera_prev > span { background-position: 0 -280px; }
.camera_blue_skin .camera_next > span { background-position: -40px -280px; }
.camera_blue_skin .camera_commands > .camera_play { background-position: -80px -280px; }
.camera_blue_skin .camera_commands > .camera_stop { background-position: -120px -280px; }/*BROWN SKIN*/
.camera_brown_skin .camera_prevThumbs div { background-position: -160px -320px; }
.camera_brown_skin .camera_nextThumbs div { background-position: -190px -320px; }
.camera_brown_skin .camera_prev > span { background-position: 0 -320px; }
.camera_brown_skin .camera_next > span { background-position: -40px -320px; }
.camera_brown_skin .camera_commands > .camera_play { background-position: -80px -320px; }
.camera_brown_skin .camera_commands > .camera_stop { background-position: -120px -320px; }/*BURGUNDY SKIN*/
.camera_burgundy_skin .camera_prevThumbs div { background-position: -160px -360px; }
.camera_burgundy_skin .camera_nextThumbs div { background-position: -190px -360px; }
.camera_burgundy_skin .camera_prev > span { background-position: 0 -360px; }
.camera_burgundy_skin .camera_next > span { background-position: -40px -360px; }
.camera_burgundy_skin .camera_commands > .camera_play { background-position: -80px -360px; }
.camera_burgundy_skin .camera_commands > .camera_stop { background-position: -120px -360px; }/*CHARCOAL SKIN*/
.camera_charcoal_skin .camera_prevThumbs div { background-position: -160px -400px; }
.camera_charcoal_skin .camera_nextThumbs div { background-position: -190px -400px; }
.camera_charcoal_skin .camera_prev > span { background-position: 0 -400px; }
.camera_charcoal_skin .camera_next > span { background-position: -40px -400px; }
.camera_charcoal_skin .camera_commands > .camera_play { background-position: -80px -400px; }
.camera_charcoal_skin .camera_commands > .camera_stop { background-position: -120px -400px; }/*CHOCOLATE SKIN*/
.camera_chocolate_skin .camera_prevThumbs div { background-position: -160px -440px; }
.camera_chocolate_skin .camera_nextThumbs div { background-position: -190px -440px; }
.camera_chocolate_skin .camera_prev > span { background-position: 0 -440px; }
.camera_chocolate_skin .camera_next > span { background-position: -40px -440px; }
.camera_chocolate_skin .camera_commands > .camera_play { background-position: -80px -440px; }
.camera_chocolate_skin .camera_commands > .camera_stop { background-position: -120px -440px; }/*COFFEE SKIN*/
.camera_coffee_skin .camera_prevThumbs div { background-position: -160px -480px; }
.camera_coffee_skin .camera_nextThumbs div { background-position: -190px -480px; }
.camera_coffee_skin .camera_prev > span { background-position: 0 -480px; }
.camera_coffee_skin .camera_next > span { background-position: -40px -480px; }
.camera_coffee_skin .camera_commands > .camera_play { background-position: -80px -480px; }
.camera_coffee_skin .camera_commands > .camera_stop { background-position: -120px -480px; }/*CYAN SKIN*/
.camera_cyan_skin .camera_prevThumbs div { background-position: -160px -520px; }
.camera_cyan_skin .camera_nextThumbs div { background-position: -190px -520px; }
.camera_cyan_skin .camera_prev > span { background-position: 0 -520px; }
.camera_cyan_skin .camera_next > span { background-position: -40px -520px; }
.camera_cyan_skin .camera_commands > .camera_play { background-position: -80px -520px; }
.camera_cyan_skin .camera_commands > .camera_stop { background-position: -120px -520px; }/*FUCHSIA SKIN*/
.camera_fuchsia_skin .camera_prevThumbs div { background-position: -160px -560px; }
.camera_fuchsia_skin .camera_nextThumbs div { background-position: -190px -560px; }
.camera_fuchsia_skin .camera_prev > span { background-position: 0 -560px; }
.camera_fuchsia_skin .camera_next > span { background-position: -40px -560px; }
.camera_fuchsia_skin .camera_commands > .camera_play { background-position: -80px -560px; }
.camera_fuchsia_skin .camera_commands > .camera_stop { background-position: -120px -560px; }/*GOLD SKIN*/
.camera_gold_skin .camera_prevThumbs div { background-position: -160px -600px; }
.camera_gold_skin .camera_nextThumbs div { background-position: -190px -600px; }
.camera_gold_skin .camera_prev > span { background-position: 0 -600px; }
.camera_gold_skin .camera_next > span { background-position: -40px -600px; }
.camera_gold_skin .camera_commands > .camera_play { background-position: -80px -600px; }
.camera_gold_skin .camera_commands > .camera_stop { background-position: -120px -600px; }/*GREEN SKIN*/
.camera_green_skin .camera_prevThumbs div { background-position: -160px -640px; }
.camera_green_skin .camera_nextThumbs div { background-position: -190px -640px; }
.camera_green_skin .camera_prev > span { background-position: 0 -640px; }
.camera_green_skin .camera_next > span { background-position: -40px -640px; }
.camera_green_skin .camera_commands > .camera_play { background-position: -80px -640px; }
.camera_green_skin .camera_commands > .camera_stop { background-position: -120px -640px; }/*GREY SKIN*/
.camera_grey_skin .camera_prevThumbs div { background-position: -160px -680px; }
.camera_grey_skin .camera_nextThumbs div { background-position: -190px -680px; }
.camera_grey_skin .camera_prev > span { background-position: 0 -680px; }
.camera_grey_skin .camera_next > span { background-position: -40px -680px; }
.camera_grey_skin .camera_commands > .camera_play { background-position: -80px -680px; }
.camera_grey_skin .camera_commands > .camera_stop { background-position: -120px -680px; }/*INDIGO SKIN*/
.camera_indigo_skin .camera_prevThumbs div { background-position: -160px -720px; }
.camera_indigo_skin .camera_nextThumbs div { background-position: -190px -720px; }
.camera_indigo_skin .camera_prev > span { background-position: 0 -720px; }
.camera_indigo_skin .camera_next > span { background-position: -40px -720px; }
.camera_indigo_skin .camera_commands > .camera_play { background-position: -80px -720px; }
.camera_indigo_skin .camera_commands > .camera_stop { background-position: -120px -720px; }/*KHAKI SKIN*/
.camera_khaki_skin .camera_prevThumbs div { background-position: -160px -760px; }
.camera_khaki_skin .camera_nextThumbs div { background-position: -190px -760px; }
.camera_khaki_skin .camera_prev > span { background-position: 0 -760px; }
.camera_khaki_skin .camera_next > span { background-position: -40px -760px; }
.camera_khaki_skin .camera_commands > .camera_play { background-position: -80px -760px; }
.camera_khaki_skin .camera_commands > .camera_stop { background-position: -120px -760px; }/*LIME SKIN*/
.camera_lime_skin .camera_prevThumbs div { background-position: -160px -800px; }
.camera_lime_skin .camera_nextThumbs div { background-position: -190px -800px; }
.camera_lime_skin .camera_prev > span { background-position: 0 -800px; }
.camera_lime_skin .camera_next > span { background-position: -40px -800px; }
.camera_lime_skin .camera_commands > .camera_play { background-position: -80px -800px; }
.camera_lime_skin .camera_commands > .camera_stop { background-position: -120px -800px; }/*MAGENTA SKIN*/
.camera_magenta_skin .camera_prevThumbs div { background-position: -160px -840px; }
.camera_magenta_skin .camera_nextThumbs div { background-position: -190px -840px; }
.camera_magenta_skin .camera_prev > span { background-position: 0 -840px; }
.camera_magenta_skin .camera_next > span { background-position: -40px -840px; }
.camera_magenta_skin .camera_commands > .camera_play { background-position: -80px -840px; }
.camera_magenta_skin .camera_commands > .camera_stop { background-position: -120px -840px; }/*MAROON SKIN*/
.camera_maroon_skin .camera_prevThumbs div { background-position: -160px -880px; }
.camera_maroon_skin .camera_nextThumbs div { background-position: -190px -880px; }
.camera_maroon_skin .camera_prev > span { background-position: 0 -880px; }
.camera_maroon_skin .camera_next > span { background-position: -40px -880px; }
.camera_maroon_skin .camera_commands > .camera_play { background-position: -80px -880px; }
.camera_maroon_skin .camera_commands > .camera_stop { background-position: -120px -880px; }/*ORANGE SKIN*/
.camera_orange_skin .camera_prevThumbs div { background-position: -160px -920px; }
.camera_orange_skin .camera_nextThumbs div { background-position: -190px -920px; }
.camera_orange_skin .camera_prev > span { background-position: 0 -920px; }
.camera_orange_skin .camera_next > span { background-position: -40px -920px; }
.camera_orange_skin .camera_commands > .camera_play { background-position: -80px -920px; }
.camera_orange_skin .camera_commands > .camera_stop { background-position: -120px -920px; }/*OLIVE SKIN*/
.camera_olive_skin .camera_prevThumbs div { background-position: -160px -1080px; }
.camera_olive_skin .camera_nextThumbs div { background-position: -190px -1080px; }
.camera_olive_skin .camera_prev > span { background-position: 0 -1080px; }
.camera_olive_skin .camera_next > span { background-position: -40px -1080px; }
.camera_olive_skin .camera_commands > .camera_play { background-position: -80px -1080px; }
.camera_olive_skin .camera_commands > .camera_stop { background-position: -120px -1080px; }/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div { background-position: -160px -960px; }
.camera_pink_skin .camera_nextThumbs div { background-position: -190px -960px; }
.camera_pink_skin .camera_prev > span { background-position: 0 -960px; }
.camera_pink_skin .camera_next > span { background-position: -40px -960px; }
.camera_pink_skin .camera_commands > .camera_play { background-position: -80px -960px; }
.camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -960px; }/*PISTACHIO SKIN*/
.camera_pistachio_skin .camera_prevThumbs div { background-position: -160px -1040px; }
.camera_pistachio_skin .camera_nextThumbs div { background-position: -190px -1040px; }
.camera_pistachio_skin .camera_prev > span { background-position: 0 -1040px; }
.camera_pistachio_skin .camera_next > span { background-position: -40px -1040px; }
.camera_pistachio_skin .camera_commands > .camera_play { background-position: -80px -1040px; }
.camera_pistachio_skin .camera_commands > .camera_stop { background-position: -120px -1040px; }/*PINK SKIN*/
.camera_pink_skin .camera_prevThumbs div { background-position: -160px -80px; }
.camera_pink_skin .camera_nextThumbs div { background-position: -190px -80px; }
.camera_pink_skin .camera_prev > span { background-position: 0 -80px; }
.camera_pink_skin .camera_next > span { background-position: -40px -80px; }
.camera_pink_skin .camera_commands > .camera_play { background-position: -80px -80px; }
.camera_pink_skin .camera_commands > .camera_stop { background-position: -120px -80px; }/*RED SKIN*/
.camera_red_skin .camera_prevThumbs div { background-position: -160px -1000px; }
.camera_red_skin .camera_nextThumbs div { background-position: -190px -1000px; }
.camera_red_skin .camera_prev > span { background-position: 0 -1000px; }
.camera_red_skin .camera_next > span { background-position: -40px -1000px; }
.camera_red_skin .camera_commands > .camera_play { background-position: -80px -1000px; }
.camera_red_skin .camera_commands > .camera_stop { background-position: -120px -1000px; }/*TANGERINE SKIN*/
.camera_tangerine_skin .camera_prevThumbs div { background-position: -160px -1120px; }
.camera_tangerine_skin .camera_nextThumbs div { background-position: -190px -1120px; }
.camera_tangerine_skin .camera_prev > span { background-position: 0 -1120px; }
.camera_tangerine_skin .camera_next > span { background-position: -40px -1120px; }
.camera_tangerine_skin .camera_commands > .camera_play { background-position: -80px -1120px; }
.camera_tangerine_skin .camera_commands > .camera_stop { background-position: -120px -1120px; }/*TURQUOISE SKIN*/
.camera_turquoise_skin .camera_prevThumbs div { background-position: -160px -1160px; }
.camera_turquoise_skin .camera_nextThumbs div { background-position: -190px -1160px; }
.camera_turquoise_skin .camera_prev > span { background-position: 0 -1160px; }
.camera_turquoise_skin .camera_next > span { background-position: -40px -1160px; }
.camera_turquoise_skin .camera_commands > .camera_play { background-position: -80px -1160px; }
.camera_turquoise_skin .camera_commands > .camera_stop { background-position: -120px -1160px; }/*VIOLET SKIN*/
.camera_violet_skin .camera_prevThumbs div { background-position: -160px -1200px; }
.camera_violet_skin .camera_nextThumbs div { background-position: -190px -1200px; }
.camera_violet_skin .camera_prev > span { background-position: 0 -1200px; }
.camera_violet_skin .camera_next > span { background-position: -40px -1200px; }
.camera_violet_skin .camera_commands > .camera_play { background-position: -80px -1200px; }
.camera_violet_skin .camera_commands > .camera_stop { background-position: -120px -1200px; }/*WHITE SKIN*/
.camera_white_skin .camera_prevThumbs div { background-position: -160px -80px; }
.camera_white_skin .camera_nextThumbs div { background-position: -190px -80px; }
.camera_white_skin .camera_prev > span { background-position: 0 -80px; }
.camera_white_skin .camera_next > span { background-position: -40px -80px; }
.camera_white_skin .camera_commands > .camera_play { background-position: -80px -80px; }
.camera_white_skin .camera_commands > .camera_stop { background-position: -120px -80px; }/*YELLOW SKIN*/
.camera_yellow_skin .camera_prevThumbs div { background-position: -160px -1240px; }
.camera_yellow_skin .camera_nextThumbs div { background-position: -190px -1240px; }
.camera_yellow_skin .camera_prev > span { background-position: 0 -1240px; }
.camera_yellow_skin .camera_next > span { background-position: -40px -1240px; }
.camera_yellow_skin .camera_commands > .camera_play { background-position: -80px -1240px; }
.camera_yellow_skin .camera_commands > .camera_stop { background-position: -120px -1240px; }
html.menuview, html.menuview body, .main-container, .content-wrap { overflow: hidden; width: 100%; height: 100%; }
.main-container { /*background:#d8d8d8;*/ ;
}
.content-wrap { overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; position: relative; }/* Overlay */
.content-wrap::before { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); content: ''; opacity: 0; -webkit-transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, -webkit-transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s; transition: opacity 0.3s, transform 0s 0.3s, -webkit-transform 0s 0.3s; -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); }/* Menu Button *//* Close Button */
.close-button { width: 1em; height: 1em; position: absolute; right: 1.5em; top: 1em; overflow: hidden; text-indent: 1em; border: none; background: transparent; color: transparent; }
.close-button::before, .close-button::after { content: ''; position: absolute; width: 2px; height: 100%; top: 0; left: 50%; background: #b8b7ad; }
.close-button::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.close-button::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }/* Menu */
.menu-wrap { position: fixed; z-index: 1001; width: 319px; height: 100%; overflow-y: scroll; background: #141720; color: #373a47; padding: 20px; -webkit-transform: translate3d(-325px, 60px, 0); transform: translate3d(-325px, 60px, 0); -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; }
.menu-wrap > .menu { margin-bottom: 40px; }
.menu-wrap .widget .widget-title-wrap { border-bottom-color: #767c8c; }
.menu-wrap .widget .widget-title-wrap::after { background: #bfcae0; }
.menu-wrap .widget .widget-title { color: #fffffd; }
.menu-wrap .widget.widget-categories li { border-bottom-color: #353b4b; }
.menu-wrap .widget.widget-categories li a { color: #7e899d; }
.menu-wrap .widget.widget-categories li a .cat-posts { background: #353b49; color: #fff; }
.menu-wrap .widget.widget-categories li a .cat-posts::after { border-top-color: #353b49; }
.menu-wrap .widget.widget-categories li:hover { border-bottom-color: var(--primary-color-focus); }
.menu-wrap .widget.widget-categories li:hover a { color: #fff; }
.menu-wrap .widget.widget-categories li:hover a .cat-posts { background-color: var(--primary-color-focus); color: #fff; }
.menu-wrap .widget.widget-categories li:hover a .cat-posts::after { border-top-color: var(--primary-color-focus); }
.menu-wrap .widget.widget-categories li:last-child { border-bottom-width: 0; }
.menu-wrap .side-menu { margin-left: -20px; margin-right: -20px; }
.menu-wrap .side-menu ul > li { border-bottom: 1px solid #353b4b; }
.menu-wrap .side-menu li > ul { border-top: 1px solid transparent; list-style: none; margin: 0; padding: 0; height: 0; display: none; overflow: hidden; }
.menu-wrap .side-menu i.fa { position: absolute; background: #353b49; border-radius: 4px; display: inline-block; font-size: 12px; color: #fff; min-width: 25px; line-height: 19px; text-align: center; padding: 3px 8px 2px; right: 14px; top: 11px; -webkit-transition: all 0.35s ease; transition: all 0.35s ease; }
.menu-wrap .side-menu li > a { color: #7e899d; display: block; padding: 14px; position: relative; }
.menu-wrap .side-menu i.fa-angle-down { background: var(--primary-color-focus); color: #fff; }
.menu-wrap .side-menu li > ul a { padding-left: 30px; }
.menu-wrap .side-menu li > ul ul > li > a { padding-left: 20px; }
.menu-wrap .side-menu li > ul a { padding-left: 30px; }
.menu-wrap .side-menu li:last-child { border-bottom-width: 0; }
.menu-wrap .side-menu li.menu-item.active > ul, .menu-wrap .side-menu li.menu-item.current-menu-item > ul { height: auto; display: block; border-top-color: #353b4b; }
.menu-wrap .side-menu li.menu-item.active > a, .menu-wrap .side-menu li.menu-item.current-menu-item > a { padding-bottom: 10px; }
.affix-top { position: relative; }
.affix { top: 20px; }
.affix, .affix-bottom { width: 213px; }
.affix-bottom { position: absolute; }
.profile { display: inline-block; line-height: 42px; margin-bottom: 1em; font-weight: 700; }
.profile img { float: left; border-radius: 50%; margin-right: 10px; }
.icon-list a { display: block; color: #b8b7ad; font-weight: 700; padding: 0.8em 0.55em; }
.icon-list a:hover, .icon-list a:focus { color: #c94e50; }
.icon-list a i { opacity: 0.5; color: #c94e50; }
.icon-list a span { margin-left: 10px; }/* Shown menu */
.show-menu { overflow: hidden; }
.show-menu .menu-wrap { position: fixed; -webkit-transform: translate3d(0, 60px, 0); transform: translate3d(0, 60px, 0); border-radius: 0 0 10px 0; }
.show-menu .content-wrap { -webkit-transform: translate3d(40px, 40px, 0); transform: translate3d(40px, 40px, 0); }
.show-menu .content-wrap::before { opacity: 1; -webkit-transition: opacity 0.3s; transition: opacity 0.3s; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.flex-container a:hover, .flex-slider a:hover { outline: none; }
.slides, .slides > li, .flex-control-nav, .flex-direction-nav { margin: 0; padding: 0; list-style: none; }
.flex-pauseplay span { text-transform: capitalize; }
.flexslider { margin: 0; padding: 0; }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.flexslider .slides img { width: 100%; display: block; }
.flexslider .slides:after { content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .flexslider .slides { display: block; }
* html .flexslider .slides { height: 1%; }
.no-js .flexslider .slides > li:first-child { display: block; }/* ====================================================================================================================
 * DEFAULT THEME
 * ====================================================================================================================*/
.flexslider-wrapper { margin-bottom: 40px; }
.item-thumbs { margin-top: 10px; }
.item-thumbs.vertical { margin-top: 0; }
.flexslider-wrapper.vertical .col { display: table-cell; }
.flexslider-wrapper.vertical .table-wrap { display: table; width: 100%; }
.flexslider { position: relative; zoom: 1; }
.flexslider .slides { zoom: 1; }
.flexslider .slides img { height: auto; -moz-user-select: none; }
.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; transition: all 1s ease; }
.loading .flex-viewport { max-height: 300px; }
.carousel li { margin-right: 5px; }
.flex-direction-nav { *height: 0;
}
.flexslider.item-thumbs .slides li img { opacity: 0.4; }
.flexslider.item-thumbs .slides li.flex-active-slide img { opacity: 1; }
.flex-direction-nav a { background: rgba(255, 255, 255, 0.7); text-decoration: none; display: block; width: 40px; height: 100%; margin: 0; position: absolute; top: 0; z-index: 10; overflow: hidden; opacity: 0; cursor: pointer; color: rgba(0, 0, 0, 0.8); text-shadow: 0 0 1px black; -webkit-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.flex-direction-nav a:before { font-family: "FontAwesome"; font-size: 20px; display: inline-block; content: '\f177'; color: #fff; text-shadow: 1px 1px 0 #000; position: absolute; top: 50%; margin-top: -15px; left: 10px; }
.flex-direction-nav a.flex-next:before { content: '\f178'; }
.flex-direction-nav .flex-prev { left: -50px; }
.flex-direction-nav .flex-next { right: -50px; text-align: right; }
.flexslider:hover .flex-direction-nav .flex-prev { left: 0; opacity: 1; }
.flexslider:hover .flex-direction-nav .flex-next { right: 0; opacity: 1; }
.flex-direction-nav .flex-disabled { opacity: 0 !important; filter: alpha(opacity=0); cursor: default; z-index: -1; }
.flex-pauseplay a { display: block; width: 20px; height: 20px; position: absolute; bottom: 5px; left: 10px; opacity: 0.8; z-index: 10; overflow: hidden; cursor: pointer; color: #000; }
.flex-pauseplay a:before { font-family: "flexslider-icon"; font-size: 20px; display: inline-block; content: '\f004'; }
.flex-pauseplay a:hover { opacity: 1; }
.flex-pauseplay a.flex-play:before { content: '\f003'; }
.flex-control-nav { position: absolute; bottom: -40px; text-align: center; }
.flex-control-nav li { margin: 0 6px; display: inline-block; zoom: 1; *display: inline;
}
.flex-control-paging li a { width: 11px; height: 11px; display: block; background: #666; background: rgba(0, 0, 0, 0.5); cursor: pointer; text-indent: -9999px; -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3); border-radius: 20px; }
.flex-control-paging li a:hover { background: #333; background: rgba(0, 0, 0, 0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0, 0, 0, 0.9); cursor: default; }
.flex-control-thumbs { margin: 0 -5px; position: static; overflow: hidden; }
.flex-control-thumbs li { width: 20%; float: left; margin: 10px 0 0; padding: 0 5px; }
.flex-control-thumbs img { width: 100%; height: auto; display: block; opacity: .7; cursor: pointer; -moz-user-select: none; -webkit-transition: all 1s ease; transition: all 1s ease; }
.flex-control-thumbs img:hover { opacity: 1; }
.flex-control-thumbs .flex-active { opacity: 1; cursor: default; }/* ====================================================================================================================
 * RESPONSIVE
 * ====================================================================================================================*//*  Owl Carousel - Animate Plugin */
.owl-carousel .animated { -webkit-animation-duration: 1000ms; animation-duration: 1000ms; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }
.owl-height { -webkit-transition: height 500ms ease-in-out; transition: height 500ms ease-in-out; }
.owl-carousel { display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1; }
.owl-carousel .owl-stage { position: relative; -ms-touch-action: pan-Y; }
.owl-carousel .owl-stage:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.owl-carousel .owl-stage-outer { position: relative; overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot { cursor: pointer; cursor: hand; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel.owl-loaded { display: block; }
.owl-carousel.owl-loading { opacity: 0; display: block; }
.owl-carousel.owl-hidden { opacity: 0; }
.owl-carousel .owl-refresh .owl-item { display: none; }
.owl-carousel .owl-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.owl-carousel .owl-item img { display: block; -webkit-transform-style: preserve-3d; }
.owl-carousel.owl-text-select-on .owl-item { -webkit-user-select: auto; -moz-user-select: auto; -ms-user-select: auto; user-select: auto; }
.owl-carousel .owl-grab { cursor: move; cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; }
.owl-carousel.owl-rtl { direction: rtl; }
.owl-carousel.owl-rtl .owl-item { float: right; }
.no-js .owl-carousel { display: block; }
.owl-carousel .owl-item .owl-lazy { opacity: 0; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-item img { -webkit-transform-style: preserve-3d;height: inherit; transform-style: preserve-3d; }
.owl-carousel .owl-video-wrapper { position: relative; height: 100%; background: #000; }
.owl-carousel .owl-video-play-icon { position: absolute; height: 80px; width: 80px; left: 50%; top: 50%; margin-left: -40px; margin-top: -40px; background: url("owl.video.play.png") no-repeat; cursor: pointer; z-index: 1; -webkit-backface-visibility: hidden; -webkit-transition: scale 100ms ease; transition: scale 100ms ease; }
.owl-carousel .owl-video-play-icon:hover { -webkit-transition: scale(1.3, 1.3); transition: scale(1.3, 1.3); }
.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon { display: none; }
.owl-carousel .owl-video-tn { opacity: 0; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; -webkit-transition: opacity 400ms ease; transition: opacity 400ms ease; }
.owl-carousel .owl-video-frame { position: relative; z-index: 1; }

@media (min-width: 300px) and (max-width: 1003px) {
.container-fluid > .navbar-collapse .navbar-right > .menu-item { display: none; }
}

@media (min-width: 320px) and (max-width: 359px) {
.navbar-brand { padding: 15px 5px; }
#site-header .toggle-categories { padding: 15px 5px; margin-right: 8px; }
.testimonials .client-item .img-wrapper { width: 95px; height: 95px; }
.regular-post.regular-post-3 .social-sharing { padding: 30px 0; }
}

@media (min-width: 320px) and (max-width: 480px) {
.footer-advert { padding-top: 20px; }
.item-thumbs { display: none; }
.i404 { margin: 30px 0 70px !important; }
/* .social-sharing-list.long-bar li:first-child {
    width: 100%;
    text-align: center;
    padding-bottom: 0;
  }*/

.service-x { border-right: 0; }
.service-x.last { border-right-width: 0; }
.service-x::before { content: ''; height: 1px; background: #d9d9d9; width: 100%; position: absolute; top: 0; left: 0; }
.serviceX .row:first-child .service-x::before { display: block; }
.serviceX .row:first-child > div:first-child .service-x::before { display: none !important; }
.team-member .team-info { width: 190px; height: 142px; padding: 15px; }
.team-member .designation { margin-bottom: 10px; }
.team-member .team-info .email { padding: 10px 0; margin-bottom: 10px; }
.team-member .social-list .social-item .slz-icon { width: 28px; height: 28px; }
.slider-inner .post-title { font-size: 16px; line-height: 20px; }
.slider-inner:hover .slide-caption { bottom: 15%; }
.regular-post .post-info { padding: 10px; }
.regular-post .post-info .entry-title { font-size: 18px; font-weight: 700; line-height: 22px; margin: 0 0 5px; }
.related-posts > ul > li { width: 100% !important; }
.reactions > .reaction-body > ul > li { width: 33.3333333333% !important; }
body.h-style-2 #site-header .toggle-categories { padding-top: 0; padding-bottom: 0; padding-left: 0; padding-right: 5px; height: 34px; margin-top: 15px; }
body.h-style-2 #site-header.header-style-2 .logo-advert { padding-top: 5px; padding-bottom: 5px; }
body.h-style-2 .navbar-brand { width: 250px; }
body.h-style-2 .navbar-brand > img { width: 100%; height: auto; }
.testimonials .client-wrapper { width: 100%; }
.testimonials .client-wrapper .slick-arrow { display: none !important; }
.od-meter-wrap { padding-top: 0; }
.od-meter-wrap .od-meter-block { margin-top: 30px; }
.od-meter-block .odmeter { font-size: 32px; }
.od-meter-block .odcircle { width: 50px; height: 50px; font-size: 18px; line-height: 50px; }
.comment-list .children { margin-left: 20px !important; }
.comment-list .comment-meta { padding-right: 0 !important; }
.comment-list .comment-metadata { float: left; }
.comment-list .comment-metalinks { position: inherit !important; top: 0; float: right; }
.comment-navigation .nav-links { margin-left: -5px; margin-right: -5px; }
.comment-navigation .nav-links .nav-previous, .comment-navigation .nav-links .nav-next { padding-left: 5px; padding-right: 5px; }
#respond { padding: 20px; }
}

@media (min-width: 608px) and (max-width: 767px) {
.container { width: 600px !important; }
}

@media only screen and (min-width: 768px) {
.cd-timeline-content p { font-size: 17px; }
.cd-timeline-content .cd-date { font-size: 14px; font-size: 0.875rem; }
}

@media (min-width: 768px) {
.noright { margin-right: 0px !important; padding-right: 0 !important }
.post-navigation .nav-links { display: table; }
.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { display: table-cell; vertical-align: middle; }
.post-navigation .nav-links .nav-previous + .nav-next { border-left: 1px solid #d6d6d6; }
#content-area { float: right;     margin-bottom: 10px; }
#sidebar-left { float: left; }
}

@media (min-width: 768px) and (max-width: 991px) {
.top-news-carousel .owl-item + .owl-item:before { border-left: 1px dotted #969696; width: 1px; height: 100%; position: absolute; top: 0; left: -12px; content: ''; }
#site-header .container-fluid { padding: 0; }
.team-member .social-list { opacity: 1; visibility: visible; background: #fff; border-radius: 6px; width: 30px; box-shadow: 0 0px 30px 0px rgba(0, 0, 0, 0.4); margin-top: 8px; }
.team-member .team-image { height: 200px; overflow: hidden; border-radius: 8px; }
.team-member .team-info::before { content: ''; height: 1px; display: block; width: 100%; clear: both; }
.single-top-header { padding: 20px 0; }
.single-top-header .post-info { padding-left: 75px; }
.single-top-header .entry-title { font-size: 26px; line-height: 32px; margin: 0; }
.single-top-header .date { padding-right: 10px; }
.single-top-header .date > .day { font-size: 44px; line-height: 34px; }
.single-top-header .date > .month-year { letter-spacing: .1px; font-size: 12px; }
.single-top-header .post-category-block { display: none; }
.author-info .avatar-image { width: 75px; }
}

@media (min-width: 768px) and (max-width: 1002px) {
.container { width: 100% !important; }
}

@media (min-width: 768px) and (max-width: 980px) {
.widget-popular-posts .small-post .img-wrap { width: 100%; float: none; }
.widget-popular-posts .small-post .post-info { margin-left: 0; margin-top: 10px; }
.title-overlay-small .post-info { position: relative !important; left: 0; right: 0; bottom: 0; z-index: 1; }
}

@media (min-width: 979px) {
#sidebar-left.affix-top { position: static; margin-top: 30px; width: 228px; }
#sidebar-left.affix { position: fixed; top: 70px; width: 228px; }
}

.footer-about {padding: 55px;}

@media (min-width: 992px) {
#site-header .container-fluid { padding: 0; }/*.featured-posts-thumbnails .regular-post.large-regular-post {min-height:}*/

.row-table-desktop { display: table; width: 100%; }
.row-table-desktop .col { display: table-cell; float: none; }
.row-table-desktop .col-vm { vertical-align: middle; }
.slide-wrapper .owl-prev { left: -175px; }
.slide-wrapper .owl-next { right: -175px; }
}

@media (min-width: 1020px) and (max-width: 1090px) {
.top-news-carousel .owl-controls { left: -243px; }
#site-header .nav > li.social-nav { display: none; }
}

@media only screen and (min-width: 1170px) {
#cd-timeline { margin-top: 3em; margin-bottom: 3em; }
#cd-timeline::before { margin-left: -2px; }
.cd-timeline-block { margin: 0; }
.cd-timeline-block:first-child { margin-top: 0; }
.cd-timeline-block:last-child { margin-bottom: 0; }
.cd-timeline-img { /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; }
.cssanimations .cd-timeline-img.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-img.bounce-in { visibility: visible; -webkit-animation: cd-bounce-1 0.6s; animation: cd-bounce-1 0.6s; }
.cd-timeline-content { margin-left: 0; padding: 1.6em; width: 43%; }
.cd-timeline-content::before { top: 50%; left: 102%; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); border-color: transparent; border-left-color: var(--primary-color-focus); }
.cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem; }
.cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; }
.cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 50%; left: auto; right: 102%; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); border-color: transparent; border-right-color: var(--primary-color-focus); }
.cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; }
.cssanimations .cd-timeline-content.is-hidden { visibility: hidden; }
.cssanimations .cd-timeline-content.bounce-in { visibility: visible; -webkit-animation: cd-bounce-2 0.6s; animation: cd-bounce-2 0.6s; }/* inverse bounce effect on even content blocks */
.cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { -webkit-animation: cd-bounce-2-inverse 0.6s; animation: cd-bounce-2-inverse 0.6s; }
}

@media (min-width: 1200px) {
.project-content { padding: 60px; }
}

@media screen and (max-width: 860px) {
.flex-direction-nav .flex-prev { opacity: 1; left: 10px; }
.flex-direction-nav .flex-next { opacity: 1; right: 10px; }
}

@media (max-width: 767px) {
#cd-timeline { padding-top: 20px; margin: 0; }
#cd-timeline .startbox { -webkit-transform: translateY(-20px) !important; -ms-transform: translateY(-20px) !important; transform: translateY(-20px) !important; }
 .cd-timeline-block:first-child, .cd-timeline-block::first-child {
 display: none !important;
}
.cd-timeline-content { margin-left: 0; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
.cd-timeline-content::before { display: none; }
.cd-timeline-img { top: -15px; z-index: 1; background: #f3f3f3; }
.camera_wrap { min-height: 200px; }
.fix-top-mobile { margin-top: 40px; }
.related-posts > ul.c-list-4 > li { width: 50%; }
.portfolio-slide .owl-controls .owl-prev, .portfolio-slide .owl-controls .owl-next { top: -50px; }
.i404 { max-width: 100%; margin: 30px 0 50px; }
.i404 * { max-width: 100%; height: auto; }
.background-imgholder { height: 394px; position: relative; }
.project-content { padding: 30px; }
.camera_caption .long-heading { font-size: 30px; }
.camera_caption .short-description { font-size: 14px; }
.corporate-padding { padding-top: 40px; padding-bottom: 40px; }
.image-holder { position: relative; }
.image-with-shade-wrap { padding: 10% 0 0 10%; margin-bottom: 30px; }
.image-with-shade::before, .image-with-shade::after { position: absolute; content: ''; width: 90%; height: 90%; }
.image-with-shade::before { left: -10%; top: -10%; }
.image-with-shade::after { left: -5%; top: -5%; }
.go-to-top {text-align: center;/* padding: 6px 0; */}
.my-svg-container { display: inline-block; position: relative; width: 50%; padding-bottom: 60%; /* depends on svg ratio, for my zebra height/width = 1.2 so padding-bottom = 50% * 1.2 = 60% */ vertical-align: middle; /* top | middle | bottom ... do what you want */ ; }
.my-svg { /* svg into : object, img or inline */ display: block; position: absolute; top: 0; left: 0; width: 100%; /* only required for <img /> */ ; }
.single-top-header { padding: 20px 0; }
.single-top-header .post-info { padding-left: 75px; }
.single-top-header .entry-title { font-size: 26px; line-height: 32px; margin: 0; }
.single-top-header .date { padding-right: 10px; }
.single-top-header .date > .day { font-size: 44px; line-height: 34px; }
.single-top-header .date > .month-year { letter-spacing: .1px; font-size: 12px; }
.single-top-header .post-category-block { display: none; }
.single-top-header .social-sharing-list {float: none;display: flex;justify-content: center;}
blockquote.bq-style-2, blockquote.bq-style-4 { padding: 30px; }
blockquote.bq-style-2 p, blockquote.bq-style-3 p, blockquote.bq-style-4 p { color: #303030; font-size: 20px; line-height: 26px; }
blockquote.bq-style-2.left, blockquote.bq-style-2.right { padding: 30px; }
blockquote.left, blockquote.right { width: 100%; margin-right: 0; margin-left: 0; float: none; margin-bottom: 30px; }
.post-navigation { margin-left: 0; margin-right: 0; }
.post-navigation .nav-links { border: 1px solid #d6d6d6; overflow: hidden; border-radius: 6px; }
.post-navigation .nav-links .nav-previous, .post-navigation .nav-links .nav-next { padding: 0; float: none; width: 100%; }
.post-navigation .nav-links .nav-previous + .nav-next { border-top: 1px solid #d6d6d6; }
.post-navigation .nav-links a { padding: 20px; display: block; }
.reactions > .reaction-body > ul > li { width: 25%; }
.reactions > .reaction-body > ul > li a span { padding-bottom: 30px; }
.i404-wrapper .check-address { font-size: 14px; width: 90%; position: absolute; left: 5%; margin-left: 0; }
.top-news-carousel h4 { margin-top: 0; margin-bottom: 15px; }
.top-news-carousel h4, .top-news-carousel p { display: inline-block; }
.top-news-carousel h4 + p { margin-left: 8px; }
.top-news-carousel .owl-controls { left: auto; right: 0; top: -40px; }
.related-posts > ul > li { width: 50%; }
.author-info .avatar-image { width: 60px; }
#respond { padding: 30px 30px 20px; }
.contact-title-wrap { padding: 40px 0; }
.contact-title-wrap .contact-title h1 { line-height: 32px; font-size: 40px; }
.contact-title-wrap .contact-title p { margin: 0; color: #303030; font-size: 17px; }
.contact-title-wrap .contact-info { width: 100%; }
.contact-title-wrap .contact-info i.fa { width: 46px; height: 46px; font-size: 46px; text-align: center; top: 22px; left: 0; margin-left: 0; }
.contact-title-wrap .contact-info li { width: 100%; float: none; text-align: left; padding-left: 60px; min-height: 70px; }
.contact-form-wrapper .insider { position: relative; top: 0; }
.contact-form-wrapper #map { height: 250px; margin-bottom: 40px; }
.social-follow h6 { font-size: 24px; margin: 0 0 5px; color: #252525; font-size: 24px; font-weight: 700; }
.social-follow p { font-size: 14px; margin: 0 0 15px; color: #353535; }
.social-follow ul { margin: 0; }
.social-follow li { padding-left: 3px; padding-right: 3px; margin-bottom: 10px; }
.social-follow li a { width: 40px; height: 40px; line-height: 40px; font-size: 18px; }
.contact-form-wrapper { position: relative; }
.contact-form { min-height: auto; padding: 0; background: #fff; border-radius: 6px; box-shadow: none; }
.contact-form .form-title { font-size: 24px; margin: 0 0 5px; color: #252525; font-size: 24px; font-weight: 700; }
.contact-form .form-info { font-size: 14px; margin: 0 0 15px; color: #353535; }
.contact-form-wrapper-2 { padding: 0; }
.contact-form-wrapper-2 #map { height: 300px; position: relative; left: 0; top: 0; width: 100%; }
.contact-form-wrapper .insider { padding: 0px; }
.team-member { margin-bottom: 50px; }
#cd-timeline .startbox { -webkit-transform: translateY(-3em); -ms-transform: translateY(-3em); transform: translateY(-3em); }
.widget-instagram { max-width: 320px; margin: 0 auto; }
#copyright { text-align: center; }
}

@media (max-width: 640px) {
.menu-wrap { width: 340px; max-height: 100%; top: 0; overflow: scroll !important; -webkit-transform: translate3d(-345px, 60px, 0); transform: translate3d(-345px, 60px, 0); }
}

@media (max-width: 480px) {
#site-header .nav > li.search-nav .is-sub-menu { max-width: 377px !important; top: -315px !important; width: 100% !important; min-width: auto !important; left: 10px; }
}

@media (max-width: 414px) {
#site-header .nav > li.search-nav .is-sub-menu { max-width: 350px !important; top: -315px !important; width: 100% !important; min-width: auto !important; left: 10px; }
}

@media (max-width: 320px) {
.menu-wrap { width: 320px; -webkit-transform: translate3d(-325px, 60px, 0); transform: translate3d(-325px, 60px, 0); }
#site-header .nav > li.search-nav .is-sub-menu { max-width: 300px !important; top: -315px !important; width: 100% !important; min-width: auto !important; left: 10px; }
}
 @-webkit-keyframes flyaway {
 0% {
 -webkit-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 transform: rotate(10deg);
 top: 0px;
 left: 25px;
 height: 30px;
}
 5% {
 -webkit-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 transform: rotate(10deg);
 top: 13px;
 left: auto;
 right: 0px;
 height: 30px;
}
 20% {
 -webkit-transform: rotate(-20deg);
 -ms-transform: rotate(-20deg);
 transform: rotate(-20deg);
 top: 13px;
 left: auto;
 right: -130px;
 height: 45px;
}
 40% {
 -webkit-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 transform: rotate(10deg);
 top: -40px;
 right: -280px;
 opacity: 1;
 left: auto;
 -ms-filter: none;
 -webkit-filter: none;
 filter: none;
}
 100% {
 -webkit-transform: rotate(60deg);
 -ms-transform: rotate(60deg);
 transform: rotate(60deg);
 top: -9000px;
 left: auto;
 right: -9000px;
 height: 0;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
}
}
 @keyframes flyaway {
 0% {
 -webkit-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 transform: rotate(10deg);
 top: 13px;
 right: 25px;
 height: 30px;
}
 5% {
 -webkit-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 transform: rotate(10deg);
 top: 13px;
 right: 0px;
 height: 30px;
}
 20% {
 -webkit-transform: rotate(-20deg);
 -ms-transform: rotate(-20deg);
 transform: rotate(-20deg);
 top: 13px;
 right: -130px;
 height: 45px;
}
 40% {
 -webkit-transform: rotate(10deg);
 -ms-transform: rotate(10deg);
 transform: rotate(10deg);
 top: -40px;
 right: -280px;
 opacity: 1;
 -ms-filter: none;
 -webkit-filter: none;
 filter: none;
}
 100% {
 -webkit-transform: rotate(60deg);
 -ms-transform: rotate(60deg);
 transform: rotate(60deg);
 top: -200px;
 right: -1000px;
 height: 0;
 opacity: 0;
 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
 filter: alpha(opacity=0);
}
}
 @-webkit-keyframes bubble {
 0% {
 -webkit-transform: scale(1.6);
 transform: scale(1.6);
}
 25% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.4);
 transform: scale(1.4);
}
 75% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 85% {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes bubble {
 0% {
 -webkit-transform: scale(1.6);
 transform: scale(1.6);
}
 25% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 50% {
 -webkit-transform: scale(1.4);
 transform: scale(1.4);
}
 75% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
 85% {
 -webkit-transform: scale(0.9);
 transform: scale(0.9);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @-webkit-keyframes circle2block {
 0% {
 border-radius: 100%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 50% {
 border-radius: 50%;
 -webkit-transform: scale(0.7);
 transform: scale(0.7);
}
 100% {
 border-radius: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes circle2block {
 0% {
 border-radius: 100%;
 -webkit-transform: scale(0.3);
 transform: scale(0.3);
}
 50% {
 border-radius: 50%;
 -webkit-transform: scale(0.7);
 transform: scale(0.7);
}
 100% {
 border-radius: 0;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @-webkit-keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @keyframes bounce {
 from, 20%, 53%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 40%, 43% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -30px, 0);
 transform: translate3d(0, -30px, 0);
}
 70% {
 -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
 -webkit-transform: translate3d(0, -15px, 0);
 transform: translate3d(0, -15px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -4px, 0);
 transform: translate3d(0, -4px, 0);
}
}
 @-webkit-keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
 @keyframes flash {
 from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0;
}
}
 @-webkit-keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes pulse {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 50% {
 -webkit-transform: scale3d(1.05, 1.05, 1.05);
 transform: scale3d(1.05, 1.05, 1.05);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @-webkit-keyframes rubberBand {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes rubberBand {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 30% {
 -webkit-transform: scale3d(1.25, 0.75, 1);
 transform: scale3d(1.25, 0.75, 1);
}
 40% {
 -webkit-transform: scale3d(0.75, 1.25, 1);
 transform: scale3d(0.75, 1.25, 1);
}
 50% {
 -webkit-transform: scale3d(1.15, 0.85, 1);
 transform: scale3d(1.15, 0.85, 1);
}
 65% {
 -webkit-transform: scale3d(0.95, 1.05, 1);
 transform: scale3d(0.95, 1.05, 1);
}
 75% {
 -webkit-transform: scale3d(1.05, 0.95, 1);
 transform: scale3d(1.05, 0.95, 1);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @-webkit-keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
 @keyframes shake {
 from, to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 10%, 30%, 50%, 70%, 90% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 20%, 40%, 60%, 80% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
}
 @-webkit-keyframes headShake {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 6.5% {
 -webkit-transform: translateX(-6px) rotateY(-9deg);
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 -webkit-transform: translateX(5px) rotateY(7deg);
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 -webkit-transform: translateX(-3px) rotateY(-5deg);
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 -webkit-transform: translateX(2px) rotateY(3deg);
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @keyframes headShake {
 0% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
 6.5% {
 -webkit-transform: translateX(-6px) rotateY(-9deg);
 transform: translateX(-6px) rotateY(-9deg);
}
 18.5% {
 -webkit-transform: translateX(5px) rotateY(7deg);
 transform: translateX(5px) rotateY(7deg);
}
 31.5% {
 -webkit-transform: translateX(-3px) rotateY(-5deg);
 transform: translateX(-3px) rotateY(-5deg);
}
 43.5% {
 -webkit-transform: translateX(2px) rotateY(3deg);
 transform: translateX(2px) rotateY(3deg);
}
 50% {
 -webkit-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 to {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
 @keyframes swing {
 20% {
 -webkit-transform: rotate3d(0, 0, 1, 15deg);
 transform: rotate3d(0, 0, 1, 15deg);
}
 40% {
 -webkit-transform: rotate3d(0, 0, 1, -10deg);
 transform: rotate3d(0, 0, 1, -10deg);
}
 60% {
 -webkit-transform: rotate3d(0, 0, 1, 5deg);
 transform: rotate3d(0, 0, 1, 5deg);
}
 80% {
 -webkit-transform: rotate3d(0, 0, 1, -5deg);
 transform: rotate3d(0, 0, 1, -5deg);
}
 to {
 -webkit-transform: rotate3d(0, 0, 1, 0deg);
 transform: rotate3d(0, 0, 1, 0deg);
}
}
 @-webkit-keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes tada {
 from {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
 10%, 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
}
 30%, 50%, 70%, 90% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
}
 40%, 60%, 80% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
 transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
}
 to {
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @-webkit-keyframes wobble {
 from {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes wobble {
 from {
 -webkit-transform: none;
 transform: none;
}
 15% {
 -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
 transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
}
 30% {
 -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
 transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
}
 45% {
 -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
 transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
}
 60% {
 -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
 transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
}
 75% {
 -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
 transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes jello {
 from, 11.1%, to {
 -webkit-transform: none;
 transform: none;
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
 @keyframes jello {
 from, 11.1%, to {
 -webkit-transform: none;
 transform: none;
}
 22.2% {
 -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
 transform: skewX(-12.5deg) skewY(-12.5deg);
}
 33.3% {
 -webkit-transform: skewX(6.25deg) skewY(6.25deg);
 transform: skewX(6.25deg) skewY(6.25deg);
}
 44.4% {
 -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
 transform: skewX(-3.125deg) skewY(-3.125deg);
}
 55.5% {
 -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
 transform: skewX(1.5625deg) skewY(1.5625deg);
}
 66.6% {
 -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);
 transform: skewX(-0.78125deg) skewY(-0.78125deg);
}
 77.7% {
 -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);
 transform: skewX(0.390625deg) skewY(0.390625deg);
}
 88.8% {
 -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
 transform: skewX(-0.1953125deg) skewY(-0.1953125deg);
}
}
 @-webkit-keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 to {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @keyframes bounceIn {
 from, 20%, 40%, 60%, 80%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 20% {
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 40% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(1.03, 1.03, 1.03);
 transform: scale3d(1.03, 1.03, 1.03);
}
 80% {
 -webkit-transform: scale3d(0.97, 0.97, 0.97);
 transform: scale3d(0.97, 0.97, 0.97);
}
 to {
 opacity: 1;
 -webkit-transform: scale3d(1, 1, 1);
 transform: scale3d(1, 1, 1);
}
}
 @-webkit-keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInDown {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -3000px, 0);
 transform: translate3d(0, -3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, 25px, 0);
 transform: translate3d(0, 25px, 0);
}
 75% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, 5px, 0);
 transform: translate3d(0, 5px, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInLeft {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 0% {
 opacity: 0;
 -webkit-transform: translate3d(-3000px, 0, 0);
 transform: translate3d(-3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(25px, 0, 0);
 transform: translate3d(25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(-10px, 0, 0);
 transform: translate3d(-10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(5px, 0, 0);
 transform: translate3d(5px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes bounceInRight {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(3000px, 0, 0);
 transform: translate3d(3000px, 0, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(-25px, 0, 0);
 transform: translate3d(-25px, 0, 0);
}
 75% {
 -webkit-transform: translate3d(10px, 0, 0);
 transform: translate3d(10px, 0, 0);
}
 90% {
 -webkit-transform: translate3d(-5px, 0, 0);
 transform: translate3d(-5px, 0, 0);
}
 to {
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes bounceInUp {
 from, 60%, 75%, 90%, to {
 -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
 animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 3000px, 0);
 transform: translate3d(0, 3000px, 0);
}
 60% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 75% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 90% {
 -webkit-transform: translate3d(0, -5px, 0);
 transform: translate3d(0, -5px, 0);
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
}
 @keyframes bounceOut {
 20% {
 -webkit-transform: scale3d(0.9, 0.9, 0.9);
 transform: scale3d(0.9, 0.9, 0.9);
}
 50%, 55% {
 opacity: 1;
 -webkit-transform: scale3d(1.1, 1.1, 1.1);
 transform: scale3d(1.1, 1.1, 1.1);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
}
 @-webkit-keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
 @keyframes bounceOutDown {
 20% {
 -webkit-transform: translate3d(0, 10px, 0);
 transform: translate3d(0, 10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, -20px, 0);
 transform: translate3d(0, -20px, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
 @-webkit-keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes bounceOutLeft {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(20px, 0, 0);
 transform: translate3d(20px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
 @-webkit-keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
 @keyframes bounceOutRight {
 20% {
 opacity: 1;
 -webkit-transform: translate3d(-20px, 0, 0);
 transform: translate3d(-20px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
 @-webkit-keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
 @keyframes bounceOutUp {
 20% {
 -webkit-transform: translate3d(0, -10px, 0);
 transform: translate3d(0, -10px, 0);
}
 40%, 45% {
 opacity: 1;
 -webkit-transform: translate3d(0, 20px, 0);
 transform: translate3d(0, 20px, 0);
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
 @-webkit-keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @keyframes fadeIn {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}
 @-webkit-keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDown {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeInDownBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDownBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInLeft {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeInLeftBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInLeftBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInRight {
 from {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInRightBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUp {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeInUpBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInUpBig {
 from {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @keyframes fadeOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
}
}
 @-webkit-keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
 @keyframes fadeOutDown {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
 @-webkit-keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
 @keyframes fadeOutDownBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, 2000px, 0);
 transform: translate3d(0, 2000px, 0);
}
}
 @-webkit-keyframes fadeOutLeft {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
 @keyframes fadeOutLeft {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
 @-webkit-keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
 @keyframes fadeOutLeftBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(-2000px, 0, 0);
 transform: translate3d(-2000px, 0, 0);
}
}
 @-webkit-keyframes fadeOutRight {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
 @keyframes fadeOutRight {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
 @-webkit-keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
 @keyframes fadeOutRightBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(2000px, 0, 0);
 transform: translate3d(2000px, 0, 0);
}
}
 @-webkit-keyframes fadeOutUp {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @keyframes fadeOutUp {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @-webkit-keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
 @keyframes fadeOutUpBig {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(0, -2000px, 0);
 transform: translate3d(0, -2000px, 0);
}
}
 @-webkit-keyframes flip {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
 @keyframes flip {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 40% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
 -webkit-animation-timing-function: ease-out;
 animation-timing-function: ease-out;
}
 50% {
 -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 80% {
 -webkit-transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 transform: perspective(400px) scale3d(0.95, 0.95, 0.95);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
}
 @-webkit-keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @keyframes flipInX {
 from {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @-webkit-keyframes flipInY {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @keyframes flipInY {
 from {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-animation-timing-function: ease-in;
 animation-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 to {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @-webkit-keyframes flipOutX {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
 @keyframes flipOutX {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 opacity: 0;
}
}
 @-webkit-keyframes flipOutY {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
 @keyframes flipOutY {
 from {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
 30% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
 opacity: 1;
}
 to {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 opacity: 0;
}
}
 @-webkit-keyframes lightSpeedIn {
 from {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 to {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes lightSpeedIn {
 from {
 -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
 transform: translate3d(100%, 0, 0) skewX(-30deg);
 opacity: 0;
}
 60% {
 -webkit-transform: skewX(20deg);
 transform: skewX(20deg);
 opacity: 1;
}
 80% {
 -webkit-transform: skewX(-5deg);
 transform: skewX(-5deg);
 opacity: 1;
}
 to {
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @-webkit-keyframes lightSpeedOut {
 from {
 opacity: 1;
}
 to {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
 @keyframes lightSpeedOut {
 from {
 opacity: 1;
}
 to {
 -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
 transform: translate3d(100%, 0, 0) skewX(30deg);
 opacity: 0;
}
}
 @-webkit-keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateIn {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, -200deg);
 transform: rotate3d(0, 0, 1, -200deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @-webkit-keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @-webkit-keyframes rotateInDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @-webkit-keyframes rotateInUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @-webkit-keyframes rotateInUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @keyframes rotateInUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -90deg);
 transform: rotate3d(0, 0, 1, -90deg);
 opacity: 0;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: none;
 transform: none;
 opacity: 1;
}
}
 @-webkit-keyframes rotateOut {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
 @keyframes rotateOut {
 from {
 -webkit-transform-origin: center;
 transform-origin: center;
 opacity: 1;
}
 to {
 -webkit-transform-origin: center;
 transform-origin: center;
 -webkit-transform: rotate3d(0, 0, 1, 200deg);
 transform: rotate3d(0, 0, 1, 200deg);
 opacity: 0;
}
}
 @-webkit-keyframes rotateOutDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
 @keyframes rotateOutDownLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, 45deg);
 transform: rotate3d(0, 0, 1, 45deg);
 opacity: 0;
}
}
 @-webkit-keyframes rotateOutDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
 @keyframes rotateOutDownRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
 @-webkit-keyframes rotateOutUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
 @keyframes rotateOutUpLeft {
 from {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: left bottom;
 transform-origin: left bottom;
 -webkit-transform: rotate3d(0, 0, 1, -45deg);
 transform: rotate3d(0, 0, 1, -45deg);
 opacity: 0;
}
}
 @-webkit-keyframes rotateOutUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
 @keyframes rotateOutUpRight {
 from {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 opacity: 1;
}
 to {
 -webkit-transform-origin: right bottom;
 transform-origin: right bottom;
 -webkit-transform: rotate3d(0, 0, 1, 90deg);
 transform: rotate3d(0, 0, 1, 90deg);
 opacity: 0;
}
}
 @-webkit-keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 to {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
 @keyframes hinge {
 0% {
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 20%, 60% {
 -webkit-transform: rotate3d(0, 0, 1, 80deg);
 transform: rotate3d(0, 0, 1, 80deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
}
 40%, 80% {
 -webkit-transform: rotate3d(0, 0, 1, 60deg);
 transform: rotate3d(0, 0, 1, 60deg);
 -webkit-transform-origin: top left;
 transform-origin: top left;
 -webkit-animation-timing-function: ease-in-out;
 animation-timing-function: ease-in-out;
 opacity: 1;
}
 to {
 -webkit-transform: translate3d(0, 700px, 0);
 transform: translate3d(0, 700px, 0);
 opacity: 0;
}
}
 @-webkit-keyframes rollIn {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes rollIn {
 from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
 transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
}
 to {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @-webkit-keyframes rollOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
 @keyframes rollOut {
 from {
 opacity: 1;
}
 to {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
 transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
}
}
 @-webkit-keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
 @keyframes zoomIn {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 50% {
 opacity: 1;
}
}
 @-webkit-keyframes zoomInDown {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInDown {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @-webkit-keyframes zoomInLeft {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInLeft {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @-webkit-keyframes zoomInRight {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInRight {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @-webkit-keyframes zoomInUp {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomInUp {
 from {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 1000px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 60% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @-webkit-keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 to {
 opacity: 0;
}
}
 @keyframes zoomOut {
 from {
 opacity: 1;
}
 50% {
 opacity: 0;
 -webkit-transform: scale3d(0.3, 0.3, 0.3);
 transform: scale3d(0.3, 0.3, 0.3);
}
 to {
 opacity: 0;
}
}
 @-webkit-keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomOutDown {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, -60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, 2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @-webkit-keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 transform: scale(0.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
 @keyframes zoomOutLeft {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(-2000px, 0, 0);
 transform: scale(0.1) translate3d(-2000px, 0, 0);
 -webkit-transform-origin: left center;
 transform-origin: left center;
}
}
 @-webkit-keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 transform: scale(0.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
 @keyframes zoomOutRight {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0);
}
 to {
 opacity: 0;
 -webkit-transform: scale(0.1) translate3d(2000px, 0, 0);
 transform: scale(0.1) translate3d(2000px, 0, 0);
 -webkit-transform-origin: right center;
 transform-origin: right center;
}
}
 @-webkit-keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @keyframes zoomOutUp {
 40% {
 opacity: 1;
 -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 transform: scale3d(0.475, 0.475, 0.475) translate3d(0, 60px, 0);
 -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
 animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
}
 to {
 opacity: 0;
 -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 transform: scale3d(0.1, 0.1, 0.1) translate3d(0, -2000px, 0);
 -webkit-transform-origin: center bottom;
 transform-origin: center bottom;
 -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
 animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
}
}
 @-webkit-keyframes slideInDown {
 from {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInDown {
 from {
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes slideInLeft {
 from {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInLeft {
 from {
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes slideInRight {
 from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInRight {
 from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @keyframes slideInUp {
 from {
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
 visibility: visible;
}
 to {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
}
 @-webkit-keyframes slideOutDown {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
 @keyframes slideOutDown {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0);
}
}
 @-webkit-keyframes slideOutLeft {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
 @keyframes slideOutLeft {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
}
 @-webkit-keyframes slideOutRight {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
 @keyframes slideOutRight {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
}
}
 @-webkit-keyframes slideOutUp {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @keyframes slideOutUp {
 from {
 -webkit-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
 to {
 visibility: hidden;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0);
}
}
 @-webkit-keyframes cd-bounce-1 {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.5);
}
 60% {
 opacity: 1;
 -webkit-transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
}
}
 @keyframes cd-bounce-1 {
 0% {
 opacity: 0;
 -webkit-transform: scale(0.5);
 -ms-transform: scale(0.5);
 transform: scale(0.5);
}
 60% {
 opacity: 1;
 -webkit-transform: scale(1.2);
 -ms-transform: scale(1.2);
 transform: scale(1.2);
}
 100% {
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
 @-webkit-keyframes cd-bounce-2 {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-100px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(20px);
}
 100% {
 -webkit-transform: translateX(0);
}
}
 @keyframes cd-bounce-2 {
 0% {
 opacity: 0;
 -webkit-transform: translateX(-100px);
 -ms-transform: translateX(-100px);
 transform: translateX(-100px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(20px);
 -ms-transform: translateX(20px);
 transform: translateX(20px);
}
 100% {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes cd-bounce-2-inverse {
 0% {
 opacity: 0;
 -webkit-transform: translateX(100px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-20px);
}
 100% {
 -webkit-transform: translateX(0);
}
}
 @keyframes cd-bounce-2-inverse {
 0% {
 opacity: 0;
 -webkit-transform: translateX(100px);
 -ms-transform: translateX(100px);
 transform: translateX(100px);
}
 60% {
 opacity: 1;
 -webkit-transform: translateX(-20px);
 -ms-transform: translateX(-20px);
 transform: translateX(-20px);
}
 100% {
 -webkit-transform: translateX(0);
 -ms-transform: translateX(0);
 transform: translateX(0);
}
}
 @-webkit-keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeOut {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
}
}


.button-container {
    margin-bottom: 1.5rem;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    column-gap: 10px;
}

@media screen and (max-width: 768px) {
    .button-container {
        margin-top: 2.5rem;
        justify-content: center;
    }   
    .regular-blog-wrap .small-post .post-info {
        margin-left: 130px;
    }
}

.button-item {
    background-color: var(--primary-color);
    padding: 1rem;
    border-radius: 10px;
    margin: 0.5rem;
    min-height: 100px;
    width: 170px;
    display: flex;
    flex-direction: column;
    text-align: center;
    /* text-decoration: none; */
    color: #fff;
    transition: .5s all;
    border: 1px solid var(--primary-color);
    justify-content: center;
}

.button-item:hover {
    text-decoration: none;
    color: var(--color-main);
    background-color: white;
}

.button-item:hover i {
    margin-left: 1rem;
}

.button-item p {
    margin-bottom: 0;
    font-weight: 600;
}

.button-item i {
    font-size: 2rem;
    color: var(--color-main);
    margin-bottom: 1rem;
    transition: .3s all ease;
}
.small-post-video{
    column-gap: 1rem;
    display: grid;
    grid-template-areas:
        "a b";
    align-items: center;
    justify-content: start;
    text-align: left;
}
.img-wrap-custom, .post-info-custom{
    float: none!important
}
.post-info-custom{
    margin-left: 0!important;
}
.post-info-custom a{
    font-size: 1.7rem;
}
.small-post .img-wrap { 
    width: 180px; 
}
.play{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    z-index: 1000;
    transform: translate(-50%, -50%);
    cursor: pointer;
    filter: drop-shadow(0 0 0.75rem black);
}

a.playiconBefore:before {
    content: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBkPSJNMTUgMi41QTEyLjUgMTIuNSAwIDEgMCAyNy41IDE1IDEyLjUxNCAxMi41MTQgMCAwIDAgMTUgMi41Wm00Ljk2OCAxNC4xNC01LjY0NyAzLjk0MmEyIDIgMCAwIDEtMy4xNDQtMS42NHYtNy44ODNhMiAyIDAgMCAxIDMuMTQ0LTEuNjQxbDUuNjQ3IDMuOTQxYTIgMiAwIDAgMSAwIDMuMjhaIiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTE1IDBhMTUgMTUgMCAxIDAgMTUgMTVBMTUuMDE2IDE1LjAxNiAwIDAgMCAxNSAwWm0wIDI3LjVBMTIuNSAxMi41IDAgMSAxIDI3LjUgMTUgMTIuNTE0IDEyLjUxNCAwIDAgMSAxNSAyNy41WiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PHBhdGggZD0iTTE5Ljk2OCAxMy4zNiAxNC4zMiA5LjQxN2EyIDIgMCAwIDAtMy4xNDQgMS42NHY3Ljg4M2EyIDIgMCAwIDAgMy4xNDQgMS42NDFsNS42NDctMy45NDF2LS4wMDFhMiAyIDAgMCAwIDAtMy4yOFoiIGZpbGw9IiNmZmZmZmYiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=');
    width: 84px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    /* height: 84px; */
    padding: 0;
}

a.playicon:after {
    content: url('data:image/svg+xml;base64,PHN2ZyB2aWV3Qm94PSIwIDAgMzAgMzAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZGF0YS1uYW1lPSJMYXllciAyIj48cGF0aCBkPSJNMTUgMi41QTEyLjUgMTIuNSAwIDEgMCAyNy41IDE1IDEyLjUxNCAxMi41MTQgMCAwIDAgMTUgMi41Wm00Ljk2OCAxNC4xNC01LjY0NyAzLjk0MmEyIDIgMCAwIDEtMy4xNDQtMS42NHYtNy44ODNhMiAyIDAgMCAxIDMuMTQ0LTEuNjQxbDUuNjQ3IDMuOTQxYTIgMiAwIDAgMSAwIDMuMjhaIiBmaWxsPSJub25lIj48L3BhdGg+PHBhdGggZD0iTTE1IDBhMTUgMTUgMCAxIDAgMTUgMTVBMTUuMDE2IDE1LjAxNiAwIDAgMCAxNSAwWm0wIDI3LjVBMTIuNSAxMi41IDAgMSAxIDI3LjUgMTUgMTIuNTE0IDEyLjUxNCAwIDAgMSAxNSAyNy41WiIgZmlsbD0iI2ZmZmZmZiIgY2xhc3M9ImZpbGwtMDAwMDAwIj48L3BhdGg+PHBhdGggZD0iTTE5Ljk2OCAxMy4zNiAxNC4zMiA5LjQxN2EyIDIgMCAwIDAtMy4xNDQgMS42NHY3Ljg4M2EyIDIgMCAwIDAgMy4xNDQgMS42NDFsNS42NDctMy45NDF2LS4wMDFhMiAyIDAgMCAwIDAtMy4yOFoiIGZpbGw9IiNmZmZmZmYiIGNsYXNzPSJmaWxsLTAwMDAwMCI+PC9wYXRoPjwvZz48L3N2Zz4=');
    width: 40px;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;

    padding: 0;
}

.big-titulo{
    color: var(--primary-color)!important;;
}

.primary-color{
    color: var(--primary-color)!important;
}
.primary-bg{
    background: var(--primary-color)!important;
}
.secondary-color{
    color: var(--secondary-color)!important;
}
.secondary-bg{
    background: var(--secondary-color)!important;
}

@media(min-width:768px){
    .regular-blog-wrap .small-post .post-info {
        margin-left: 197px;
    }
}


@media (max-width:320px){
    
.acesso-rapido {
    display: grid;
    grid-template-areas: "a b";
    gap: 0;
}
    
     .acesso-rapido   .button-item {
        width: 142px;
    }
    
    .img-wrap-custom{
       width: 120px !important;
    }
    
    .post-info-custom a{
        font-size: 1.3rem
    }
    
}

@media (max-width:375px){
    .button-item {    
    width: 155px;
}
}