@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}::selection {
background-color: #db2723;
color: #fff;
}
.bdt-button-icon-align-right path {
stroke: #db2723;
}
.single-view-portfolio-member .portfolio_info strong::before,
.single-view-team-member .member_info strong::before,
.footer-copyright .copyright-text a,
.feature-block .lower-content .icon,
.slider-section-twenty .owl-carousel.arrows-transparent .owl-nav [class*=owl-] i,
.slider-section-twenty .slider-btn-play i,
.header-widget-news .widget .widget_title:before,
.nav-twenty .navigation .menubar .menu-wrap > li.active > a,
.nav-twenty .navigation .menubar .menu-wrap > li.btn-home.current > a,
.nav-twenty .navigation .menubar .menu-wrap > li:hover > a,
.nav-twenty .navigation .menubar .menu-wrap > li.focus > a,
.nav-eighteen .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-eighteen .navigation .menubar .menu-wrap > li:hover > a,
.nav-eighteen .navigation .menubar .menu-wrap > li.focus > a,
.nav-eighteen .navigation .menubar .menu-wrap > li.active > a,
.nav-seventeen .menu-right .contact-info span.text,
.nav-seventeen .menu-right .contact-icon,
.nav-seventeen .menubar .menu-wrap>.menu-item:hover > a,
.nav-seventeen .menubar .menu-wrap>.menu-item:focus > a,
.nav-seventeen .menubar .menu-wrap>.menu-item.focus > a,
.nav-seventeen .menubar .menu-wrap>.menu-item.active > a,
.nav-sixteen .menubar .menu-wrap>.menu-item:hover > a,
.nav-sixteen .menubar .menu-wrap>.menu-item:focus > a,
.nav-sixteen .menubar .menu-wrap>.menu-item.focus > a,
.nav-sixteen .menubar .menu-wrap>.menu-item.active > a,
.nav-fifteen .menubar .menu-wrap>.menu-item:hover > a,
.nav-fifteen .menubar .menu-wrap>.menu-item:focus > a,
.nav-fifteen .menubar .menu-wrap>.menu-item.focus > a,
.nav-fifteen .menubar .menu-wrap>.menu-item.active > a,
.slider-section-fourteen .specia-content h6,
.slider-section-fourteen .slider-btn-play .video-play,
.slider-section-fourteen .bt-white-border:hover,
.slider-section-fourteen .bt-white-border:focus,
.slider-section-fourteen .bt-white:hover,
.slider-section-fourteen .bt-white:focus,
.slider-section-fourteen .bt-white,
.slider-section-fourteen .specia-content h6,
.nav-fourteen .menubar .menu-wrap>.menu-item:hover > a,
.nav-fourteen .menubar .menu-wrap>.menu-item:focus > a,
.nav-fourteen .menubar .menu-wrap>.menu-item.focus > a,
.nav-fourteen .menubar .menu-wrap>.menu-item.active > a,
.thirteen-service-box .inner-box .icon-box,
.call-to-action-thirteen .call-btn-1:hover,
.nav-thirteen .menubar .menu-wrap>.menu-item:hover > a,
.nav-thirteen .menubar .menu-wrap>.menu-item:focus > a,
.nav-thirteen .menubar .menu-wrap>.menu-item.focus > a,
.nav-thirteen .menubar .menu-wrap>.menu-item.active > a,
.bdt-advanced-icon-box-readmore,
.call-to-action-eleven .subtitle i,
.nav-eleven .menubar .menu-wrap>.menu-item:hover > a,
.nav-eleven .menubar .menu-wrap>.menu-item:focus > a,
.nav-eleven .menubar .menu-wrap>.menu-item.focus > a,
.nav-eleven .menubar .menu-wrap>.menu-item.active > a,
.service-nifty .service-box .service-bg-icon,
.service-nifty .service-box:hover .service-title a,
.service-nifty .service-box:focus-within .service-title a,
.service-nifty .service-box .specia-icon:before,
.call-to-action-ten .call-btn-1:hover,
.call-to-action-ten p,
.call-to-action-ten h2 span.rotate,
.webstrap-service-box .service-description .more-link:after,
.webstrap-service-box .back-part .more-link,
.call-to-action-nine .call-btn-1:hover,
.call-to-action-nine h2,
.slider-section-nine .owl-carousel.arrows-transparent .owl-nav [class*=owl-] i,
.slider-section-nine .specia-content .video-play,
.slider-section-nine .specia-content .bt-white-border:hover,
.slider-section-nine .specia-content .bt-white-border:focus,
.slider-section-nine .specia-content .bt-white:hover,
.slider-section-nine .specia-content .bt-white:focus,
.slider-section-nine .specia-content .bt-white,
.service-spyropress .service-box:hover .service-title a,
.service-spyropress .service-box:focus-within .service-title a,
.service-spyropress .service-box .specia-icon:before,
.call-to-action-eight .call-btn-1:hover,
.call-to-action-eight .call-wrapper a:hover,
.slider-wrapper.slider-section-eight .specia-content h6,
.service-benzer .service-description .more-link:after,
.service-benzer .service-icon-box i,
.call-to-action-seven .call-icon-box,
.call-to-action-seven .call-btn-1:hover,
.call-to-action-six .call-btn-1:hover,
.call-to-action-four .call-title,
.service-proficient .service-box .service-icon,
.call-to-action-two .call-btn-2:hover,
.service-specia .service-description a.more-link,
.woocommerce ul.products li.product .yith-wcwl-wishlistaddedbrowse span.feedback+a,
.woocommerce ul.products li.product .yith-wcwl-wishlistexistsbrowse span.feedback+a,
.career-item ul li span,
.panel-group .panel-heading .panel-title a:hover,
.panel-group .panel-heading .panel-title a:focus,
.panel-group .panel-heading .panel-title a:not(.collapsed),
.inner-box .info-list li i,
.inner-box .info-list li a:hover, .inner-box .info-list li a:focus,
.inner-box .info-list li:hover a, .inner-box .info-list li:focus-within a,
.about-timeline .section-heading h4,
.process-icon>span, .step-items .item .date,
.feature-block .read-more-link,
.about-content-three .section-heading h4,
.about-content-two .works-box .work-process li:nth-child(odd) .icon-box,
.testimonials .testimonial-box .quotes,
.twelve-service-box-title a,
.twelve-service-box-icon,
.call-to-action-twelve .call-btn-1:hover,
.slider-section-twelve .video-play i,
.slider-section-twelve .bt-white-border:hover,
.slider-section-twelve .bt-white-border:focus,
.nav-twelve .menubar .menu-wrap>.menu-item:hover > a,
.nav-twelve .menubar .menu-wrap>.menu-item:focus > a,
.nav-twelve .menubar .menu-wrap>.menu-item.focus > a,
.nav-twelve .menubar .menu-wrap>.menu-item.active > a,
.gallery-mask .gallery-button-holder a {
color: #db2723;
}
.call-to-action-nine .background-overlay,
.team-single-image .chat-button a,
.sidebar .widget input[type="submit"]:hover,
.sidebar .widget input[type="submit"]:focus,
.sidebar .wp-block-search .wp-block-search__button:hover,
.sidebar .wp-block-search .wp-block-search__button:focus,
.service-magzee .specia-icon:after,
.service-magzee .service-box .inner:before,
.header-widget-news .widget_tag_cloud .tagcloud a:hover,
.header-widget-news .widget_tag_cloud .tagcloud a:focus,
.slider-section-twenty .specia-content:after,
.nav-nineteen .menubar .menu-wrap>.menu-item:hover > a,
.nav-nineteen .menubar .menu-wrap>.menu-item:focus > a,
.nav-nineteen .menubar .menu-wrap>.menu-item.focus > a,
.nav-nineteen .menubar .menu-wrap>.menu-item.active > a,
.nav-nineteen .header-categories-form .select-wraper:after,
.slider-section-nineteen .specia-content h6:after,
.slider-section-eighteen .specia-content h1:before,
.nav-seventeen .navigation .menubar .menu-wrap > li > a:after,
.nav-seventeen .navigation .menubar .menu-wrap > li.dropdown > a:after,
.nav-sixteen .logo a,
.nav-fifteen .logo,
.slider-section-fourteen .specia-content:after,
.slider-section-fourteen .specia-content:before,
.nav-fourteen .logo:after,
.nav-fourteen .logo:before,
.thirteen-service-box .inner-box .icon-box:before,
.call-to-action-thirteen .call-btn-1,
.nav-thirteen .navigation .menu-wrap > li > a:after,
.slider-section-thirteen .owl-carousel .owl-nav [class*=owl-]:hover:after,
.eleven-service-box:hover .bdt-advanced-icon-box,
.eleven-service-box:focus-within .bdt-advanced-icon-box,
.bdt-advanced-icon-box:before,
.call-to-action-eleven .call-btn-1,
.call-to-action-eleven .call-icon-box,
.slider-section-eleven .specia-content h6:after,
.slider-section-eleven .owl-dots .owl-dot.active,
.get-info-box:before,
.service-nifty .service-box:hover a.icon-link,
.service-nifty .service-box:focus-within a.icon-link,
.service-nifty .service-box a.icon-link:hover,
.service-nifty .service-box a.icon-link:focus,
.service-nifty .service-box .icon-link,
.call-to-action-ten .call-btn-1,
.slider-section-ten .owl-dots .owl-dot:after,
.webstrap-service-box .front-icon-part,
.call-to-action-nine .call-btn-1,
.slider-section-nine .owl-carousel.arrows-transparent .owl-nav [class*=owl-]:hover,
.slider-section-nine .specia-content,
.call-to-action-eight .call-btn-1,
.nav-spyropress .navigation .cart-icon-wrap,
.service-benzer .inner:before,
.call-to-action-seven .background-overlay,
.slider-section-seven .specia-slider:after,
.call-to-action-six .call-btn-1,
.call-to-action-six .call-icon-box,
.call-to-action-six .background-overlay,
.slider-section-six .specia-content h6:before,
.call-to-action-five .call-icon-box,
.call-to-action-five .call-btn-1,
.hero-service-box .back-part,
.hero-service-box .back-part::before,
.cta-icon-wrap .call-icon-box,
.slider-section-four .specia-content h1:before,
.service-avira .service-box:hover,
.service-avira .service-box:focus-within,
.call-to-action-three .background-overlay .row:after,
.slider-section-three .specia-content h6,
.service-proficient .service-rating:after,
.service-proficient .service-rating:before,
.slider-section-two .item:before, .slider-section-two .item:after,
.service-description .more-link:after,
.slider-btn-play .video-play,
.owl-carousel.arrows-transparent .owl-nav [class*=owl-],
.woocommerce ul.products li.product .onsale,
.yith-wcwl-wishlistaddedbrowse .feedback i, .yith-wcwl-wishlistexistsbrowse .feedback i,
.history span:first-child,
.panel-group .panel-heading .panel-title a:not(.collapsed) .fa,
.panel-group .panel-heading .panel-title a:not(.collapsed) .panel-num,
.call-to-action-one .call-btn-1,
.inner-box .info-list li:hover i, .inner-box .info-list li:focus-within i,
#header-cart .checkout.wc-forward,
.step-items .item:after,
.step-items .item:before,
.step-items .item:nth-child(odd) .heading:after,
.step-items .item:nth-child(even) .heading:before,
.about-content-two .works-box .work-process li:nth-child(even),
.plans-version-one .plan.recommended header,
.plans-version-one .plan:hover header,
.plans-version-one .plan:focus-within header,
.av-tab-filter .indicator,
.call-to-action-twelve .call-btn-1,
.slider-section-twelve .specia-content h6 span,
.nav-twelve .navigation .menu-wrap > li > a:after,
.gallery-mask .gallery-content-holder .gallery-caption,
.gallery-mask .gallery-button-holder a:hover {
background-color: #db2723;
}
.slider-section-fifteen .specia-slider.text-center h6:before,
.slider-section-fifteen .specia-slider h6:after,
.call-to-action-eleven .call-icon-box:after,
.slider-section-eleven .specia-content,
div.get-info-box:before,
.service-nifty div.service-box,
.service-spyropress div.service-box,
.call-to-action-eight .call-wrapper a.bt-primary,
.call-to-action-six .call-icon-box:after, .call-to-action-six .call-icon-box:before,
.call-to-action-five .call-icon-box:after, .call-to-action-five .call-icon-box:before,
.owl-carousel.arrows-transparent .owl-nav [class*=owl-],
.yith-wcwl-wishlistaddedbrowse .feedback i,
.yith-wcwl-wishlistexistsbrowse .feedback i,
.twelve-service-box:hover, .twelve-service-box:focus {
border-color: #db2723;
}
div.header-vertical-bar .dropdown-menu, div.header-vertical-bar,
.nav-sixteen .navigation .menubar .menu-wrap > li > a:after,
.nav-sixteen .navigation .menubar .menu-wrap > li.dropdown > a:after,
.webstrap-service-box div.back-part {
border-top-color: #db2723;
}
.nav-nineteen .header-widget-info,
.header.nav-seventeen,
.call-to-action-eleven h2:after,
.team-version-one .single-team-member div.img-box {
border-bottom-color: #db2723;
}
.slider-section-thirteen div.specia-content h6 {
border-left-color: #db2723;
}
.service-spyropress div.service-box:before {
border-left-color: #db2723;
border-top-color: #db2723;
}
.service-spyropress div.service-box:after {
border-bottom-color: #db2723;
border-right-color: #db2723;
}
.form-panel .wpcf7-form .wpcf7-form-control:focus,
input[type="text"]:focus, input[type="email"]:focus,
input[type="url"]:focus, input[type="password"]:focus,
input[type="search"]:focus, input[type="number"]:focus,
input[type="tel"]:focus, input[type="range"]:focus,
input[type="date"]:focus, input[type="month"]:focus,
input[type="week"]:focus, input[type="time"]:focus,
input[type="datetime"]:focus, input[type="datetime-local"]:focus,
input[type="color"]:focus, textarea:focus {
border-color: #db2723;
} .nav-classic-three .menubar .menu-wrap > li:hover > a,
.nav-classic-three .menubar .menu-wrap > li:focus > a,
.nav-classic-three .menubar .menu-wrap > li.focus > a,
.nav-classic-three .menubar .menu-wrap > li.active > a {
color: #db2723;
}
.nav-classic-three .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-classic-three .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-classic-three .navigation .menubar .menu-wrap > li.active > a:after {
background: #db2723;
}  .nav-classic-two .menubar .menu-wrap > li:hover > a,
.nav-classic-two .menubar .menu-wrap > li:focus > a,
.nav-classic-two .menubar .menu-wrap > li.focus > a,
.nav-classic-two .menubar .menu-wrap > li.active > a {
color: #db2723;
}
.nav-classic-two .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-classic-two .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-classic-two .navigation .menubar .menu-wrap > li.active > a:after,
.nav-classic-two .navigation .menubar .dropdown-menu:after{
background: #db2723;
}  .nav-classic-one .menubar .menu-wrap > li:hover > a,
.nav-classic-one .menubar .menu-wrap > li:focus > a,
.nav-classic-one .menubar .menu-wrap > li.focus > a,
.nav-classic-one .menubar .menu-wrap > li.active > a {
color: #db2723;
}
.nav-classic-one .navigation .menu-wrap > li > a:after,
.nav-classic-one .navigation .menu-wrap > li.dropdown > a:after,
.nav-classic-one .navigation .menubar .dropdown-menu:after {
background: #db2723;
}  .nav-webstrap .menubar .menu-wrap > li:hover > a,
.nav-webstrap .menubar .menu-wrap > li:focus > a,
.nav-webstrap .menubar .menu-wrap > li.focus > a,
.nav-webstrap .menubar .menu-wrap > li.active > a {
color: #db2723;
}
.nav-webstrap .navigation li .view-popup,
.nav-webstrap .menu-right li.cart-wrapper .cart-icon-wrap span,
.nav-webstrap .navigation .menubar .menu-wrap > li > a:after,
.nav-webstrap .navigation .menubar .menu-wrap > li.dropdown > a:after {
background: #db2723;
}  .nav-nifty .header-top-info .header-widget .widget:not(.widget-square) a:hover,
.nav-nifty .header-top-info .header-widget .widget:not(.widget-circle) a:hover,
.nav-nifty .menubar .menu-wrap > li:hover > a,
.nav-nifty .menubar .menu-wrap > li:focus > a,
.nav-nifty .menubar .menu-wrap > li.focus > a,
.nav-nifty .menubar .menu-wrap > li.active > a {
color: #db2723;
}
.nav-nifty .navigation .menubar .menu-wrap > li > a:after,
.nav-nifty .navigation .menubar .menu-wrap > li.dropdown > a:after {
background: #db2723;
}  .nav-spyropress .menubar .menu-wrap > li:hover > a,
.nav-spyropress .menubar .menu-wrap > li:focus > a,
.nav-spyropress .menubar .menu-wrap > li.focus > a,
.nav-spyropress .menubar .menu-wrap > li.active > a {
color: #db2723;
}
.nav-spyropress .navigation .menubar .menu-wrap > li > a:after,
.nav-spyropress .navigation .menubar .menu-wrap > li.dropdown > a:after {
border-bottom-color: #db2723;
}  .nav-benzer .menubar .menu-wrap > .menu-item:hover > a,
.nav-benzer .menubar .menu-wrap > .menu-item:focus > a,
.nav-benzer .menubar .menu-wrap > .menu-item.focus > a,
.nav-benzer .menubar .menu-wrap > .menu-item.active > a {
color: #ffffff;
background: #db2723;
}  .nav-fabify .menu-right li.cart-wrapper .cart-icon-wrap span,
.nav-fabify .navigation .theme-menu {
background: #db2723;
}  .nav-magzee .menu-right li.cart-wrapper .cart-icon-wrap span {
color: #db2723;
}
.nav-magzee .navigation,
.nav-magzee .navigation .menubar .dropdown-menu:after,
.nav-magzee .theme-menu .bt-primary.bt-effect-2:after {
background: #db2723;
}  .nav-heropress .menubar .menu-item:hover > a,
.nav-heropress .menubar .menu-item:focus > a,
.nav-heropress .menubar .menu-item.focus > a,
.nav-heropress .menubar .menu-item.active > a {
color: #db2723;
}
.nav-heropress .navigation .menubar .dropdown-menu {
border-top-color: #db2723;
}  .nav-avira .navigation .menu-wrap > li:hover > a,
.nav-avira .navigation .menu-wrap > li:focus > a,
.nav-avira .navigation .menu-wrap > li.focus > a,
.nav-avira .navigation .menu-wrap > li.active > a {
color: #ffffff;
background: #db2723;
}  .nav-proficient .navigation,
.nav-proficient .navigation .menubar .dropdown-menu:after {
background: #db2723;
}  .nav-specia .menubar .menu-wrap > .menu-item:hover > a,
.nav-specia .menubar .menu-wrap > .menu-item:focus > a,
.nav-specia .menubar .menu-wrap > .menu-item.focus > a,
.nav-specia .menubar .menu-wrap > .menu-item.active > a {
color: #ffffff;
background: #db2723;
} .header-categories-form .search-submit,
.woocommerce a.remove:hover,
.woocommerce a.remove:focus,
.owl-carousel.arrows-transparent .owl-nav [class*=owl-]:hover,
.tool-primary[class*=tool-]:after,
.prealoader, .menu-right li.cart-wrapper .cart-icon-wrap span,
.nav-specia input[type="button"],
.widget-square.widget_social_widget li a:hover,
.widget-square.widget_social_widget li a:focus,
.widget-circle.widget_social_widget li a:hover,
.widget-circle.widget_social_widget li a:focus,
.header-sidebar-toggle.active span,
.header-sidebar-toggle.active span:before, .header-sidebar-toggle.active span:after,
.hamburger-menu:hover div, button, input[type="reset"], input[type="submit"],
.bt-primary, .badge.badge-primary, .tool-primary:after,
.ny-heading.animate-4 .ny-text-wrapper::after {
background: #db2723;
}
.shopping-cart,
.widget:not(.widget-square) a:focus,
.widget:not(.widget-square) a:hover,
.widget:not(.widget-square) a:active,
.widget:not(.widget-circle) a:focus,
.widget:not(.widget-circle) a:hover,
.widget:not(.widget-circle) a:active,
.mobile-menu li > span, .navigation .menubar .dropdown-menu,
.mobile-menu .dropdown.current > a, .mobile-menu a:hover,
.mobile-menu ul > li.active > a,
.widget_social_widget:not(.widget-circle):not(.widget-square) li a:hover i,
.widget_social_widget:not(.widget-circle):not(.widget-square) li a:focus i,
.mobi-head-top .header-widget .widget_social_widget li a:hover i,
.view-search form, .p-menu, [class*="widget_"]:not(.widget_info):not(.widget_social_widget) li a:before,
.ny-text-wrapper b.is-show, .header-info .contact-icon i,
.header:not(.nav-nifty) .header-widget .widget:not(.widget_social_widget) i,
.mobi-head-top .header-widget .widget:not(.widget_social_widget) i {
color: #db2723;
}
.shopping-cart,
.tool-primary.tool-top-left:before,
.tool-primary.tool-top-right:before,
.tool-primary.tool-top:before,
.navigation .menubar .dropdown-menu {
border-top-color: #db2723;
}
.view-search form .form-control,
.tool-primary.tool-bottom-left:before,
.tool-primary.tool-bottom-right:before,
.tool-primary.tool-bottom:before,
.navigation .menu-wrap > li.dropdown > a:after {
border-bottom-color: #db2723;
}
.tool-primary.tool-left:before {
border-left-color: #db2723
}
.badge.badge-primary:before,
.tool-primary.tool-right:before {
border-right-color: #db2723
}
button, input[type="button"],
input[type="reset"], input[type="submit"],
.bt-primary, .logo a:focus,
.view-search .form-control:focus,
.shopping-cart:after {
border-color: #db2723;
}
.widget-square.widget_social_widget li a:hover i,
.widget-circle.widget_social_widget li a:hover i,
button, input[type="button"], input[type="reset"], input[type="submit"],
.bt-primary, .menubar .menu-item:hover > a, .menubar .menu-item:focus > a,
.menubar .menu-item.focus > a, .menubar .menu-item.active > a,
.badge.badge-primary, .widget-circle.widget_social_widget li a:hover,
.widget-square.widget_social_widget li a:hover,
.widget-square.widget_social_widget li a:focus,
.widget-circle.widget_social_widget li a:focus {
color: #fff;
}
button:hover, button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
.bt-primary:hover, .bt-primary:focus {
color: #ffffff;
border-color: #db2723;
background-color: #db2723;
}  .slider-version-one .caption h1 span, .slider-version-two .caption h1 span, .slider-version-three .caption h1 span{
color: #db2723;
}
.specia-btn-1:hover, .specia-btn-2:hover, .specia-btn-3:hover{
background: #db2723;
border-color: #db2723;
}
.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background: #db2723;
border-color: #db2723;
}
.owl-theme div.owl-dots .owl-dot.active span,
.owl-theme div.owl-dots .owl-dot:hover span,
.slider-version .slider-version-three .owl-controls div.owl-dots .owl-dot.active span,
.slider-version .slider-version-three.owl-controls div.owl-dots .owl-dot.hover span {
background: #db2723;
border-color: #db2723;
} .section-heading span{
color: #db2723;
}
.service-version-one .service-title a:hover,
.service-version-one .service-title a:active,
.service-version-one .service-title a:focus,
.service-box:hover .icon-block.icon-block-1:hover .icon-block-item i,
.service-box:focus-within .icon-block.icon-block-1:hover .icon-block-item i {
color: #db2723;
} .service-version-one .service-box:hover .service-icon-box i,
.service-version-one .service-box:focus-within .service-icon-box i {
background: #db2723;
}
.specia-icon-effect-1 .specia-icon:after {
box-shadow: 0 0 0 4px #db2723;
}
.specia-icon-effect-5 .specia-icon:hover {
box-shadow: 0 0 0 4px #db2723;
}
.specia-icon-effect-6 .specia-icon:hover {
box-shadow: 0 0 0 4px #db2723;
}
.specia-icon-effect-8 .specia-icon:hover {
background: #db2723;
} figure.effect-apollo p {
border-left: 5px solid #db2723;
} .call-to-action-one h2 span.rotate {
color: #db2723;
}
.call-to-action-two .background-overlay {
background: #db2723;
}
.call-to-action-one .call-btn-1:hover {
color: #db2723;
}
.call-to-action-two .call-btn-2:hover {
background: #db2723;
border-color: #db2723;
}
.call-to-action-three .call-btn-3:hover {
background: #db2723;
border-color: #db2723;
}
.call-to-action-four .call-btn-3:hover {
background: #db2723;
border-color: #db2723;
}
.call-to-action-five .call-btn-1:hover {
color: #db2723;
} .features-version-one h2 span, .features-version-two h2 span, .features-version-three h2 span{
color: #db2723;
}
.features-version-one .feature-box-info h4 a, .features-version-two .feature-box-info h4 a, .features-version-three .feature-box-info h4 a{
color: #db2723;
} .plans-version-one .plan .order:hover, .plans-version-three .plan .order:hover{
background: #db2723;
border: solid 2px #db2723;
} .plans-version-two .plan h2 {
background: #db2723;
}
.plans-version-two .plan .order:hover{
background: #db2723;
border: solid 2px #db2723;
}
.pricing-box .default-btn{
border: 2px solid #db2723;
}
.pricing-box .default-btn:hover {
background-color: #db2723;
}
.pricing-head h3 {
color: #db2723;
} .testimonial-one h2 span, .testimonial-two h2 span{
color: #db2723;
}
.testimonial-one .testimonial-version-one .item .testimonial-box footer .testimonial-name,
.testimonial-two .testimonial-version-two .item .testimonial-box footer .testimonial-name,
.testimonial-four .testimonial-version-four .item h4 {
color: #db2723;
}
.testimonial-four .testimonial-version-four .owl-controls .owl-dots .owl-dot.active span {
background: #db2723;
border: 2px solid #db2723;
} .blog-version-1 article:hover footer.entry-footer{
background: #db2723;
}
.entry-content .more-link:hover {
background: #db2723;
border: solid 2px #db2723;
} .client h2 span{
color: #db2723;
} .team-version-one .single-team-member a.profile-btn {
background: #db2723;
border: solid 2px #db2723;
} .footer-sidebar .widget .title-border { 
border-bottom: 2px solid #db2723;
}
.footer-sidebar .widget table tbody a { 
color: #db2723; 
}
.widget table #next a, .widget table #prev a { 
color: #db2723; font-weight: 600; 
}
.footer-sidebar  .widget ul li a:hover, .widget ul li a:active { 
color: #db2723; 
}
.footer-sidebar .widget input[type="submit"]:hover{
background: #db2723;
border-color: #db2723;
}
.footer-sidebar .tagcloud a:hover, .tagcloud a:focus {  
border: 1px solid #db2723;
background: #db2723;
}
.footer-sidebar .widget table tbody a:hover, .widget table tbody a:focus { 
color: #db2723; 
} .payment-icon li a:hover{
color: #db2723;
}
.footer-copyright .copyright-text a:hover{
color: #db2723;
}
.top-scroll {
border-color: #db2723;
color: #db2723;
} .team-version-one .single-team-member .img-box .background-overlay .box .content ul li a,
.team-version-two .single-team-member .img-box .background-overlay .box .content ul li a {
color: #db2723;
}
.team-version-one .single-team-member > span,
.team-version-two .single-team-member > span,
.team-version-four .single-team-member .team-info h4,
.team-version-four .single-team-member .team-overlay .bio h4 {
color: #db2723;
}
.single-view-team-member span,
.single-view-team-member span {
color: #db2723;
}
.team-version-one .single-view-team-member .social li a i:hover,
.team-version-two .single-view-team-member .social li a i:hover,
.team-version-two .background-overlay .box .content ul li a:hover {
background: #db2723;
}
.team-version-one .single-team-member a.profile-btn:hover,
.team-version-two .single-team-member a.profile-btn:hover {
background: #db2723;
border: solid 2px #db2723;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li a:hover,
.team-version-two .single-team-member .img-box .background-overlay .box .content ul li a:hover {
background: #db2723;
border-color: #db2723;
}
.single-view-portfolio-member .portfolio_button:hover {
background: #db2723;
border: solid 2px #db2723;
} .paginations a:hover, .paginations a:focus, .paginations a.active, span.page-numbers.current {
border: 1px solid #db2723;
background-color: #db2723;
} .portfolio-tab-sorting li a.active, .portfolio-tab-sorting li a:hover {
background: #db2723;
border: solid 2px #db2723;
} .page-wrapper article:hover footer.entry-footer {
background: #db2723;
}
.comment-reply-title {
border-top: 4px solid #db2723;
}
.required {
color: #db2723;
}
a.comment-reply-link {
color: #db2723;
} .error-page h1{
color: #db2723;
} .contact-section-two .contact-info .fa {
color: #db2723;
} button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
background: #db2723;
border: solid 2px #db2723;
} .page-breadcrumb a{
color: #db2723;
} .sidebar .widget ul li a:hover, .widget ul li a:active { 
color: #db2723; 
}
.sidebar .widget table tbody a {
color: #db2723;
}
.sidebar .widget input[type="submit"]:hover{
background: #db2723;
border-color: #db2723;
}
.sidebar .tagcloud a:hover, .tagcloud a:focus {  
border: 1px solid #db2723;
background: #db2723;
} 
.sidebar .widget .title-border { 
border-bottom: 2px solid #db2723;
} blockquote { 
border-left: 5px solid #db2723 !important;
}
table th {     
border: 1px solid #db2723;
background: #db2723;
}
em, cite, q { 
color: #db2723;
}
s, strike, del { 
color: #db2723; 
}
h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
color: #db2723;
}
body a:focus, body a:hover {
color: #db2723;
}
.gallery-item:hover figcaption {
background: #db2723;
} button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
background: #db2723;
border: solid 2px #db2723;
} .woocommerce .yith-wcwl-add-button a.add_to_wishlist:not(.single_add_to_wishlist):hover,
.wishlist_table .product-add-to-cart a:hover,
.woocommerce a.button:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce #respond input#submit:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce-cart table.cart input.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button:hover {
background: #db2723;
border: solid 2px #db2723;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
background: #db2723;
border: solid 1px #db2723;
}
.woocommerce nav.woocommerce-pagination a.page-numbers:hover {
background: #db2723;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #db2723;
border: solid 2px #db2723;
}
.woocommerce p.stars a {
color: #db2723;
}
.woo-sidebar .widget .title-border { 
border-bottom: 2px solid #db2723;
}
.woocommerce a.remove:hover {
background: #db2723;
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
border: 5px solid #db2723;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
background: #db2723;
}
.woocommerce-MyAccount-navigation ul li.is-active {
background: #db2723;
}
.contact-section-one .contact-info > li:hover,
.contact-section-one .contact-info > li:focus-within {
color: #db2723;
}  .section-heading{
color: #222222;
}
.specia-icon-effect-1 .specia-icon {
background: #222222;
}
.specia-icon-effect-2 .specia-icon:after {
background: #222222;
}
.specia-icon-effect-3 .specia-icon:after {
background: #222222;
}
.specia-icon-effect-4 .specia-icon {
background: #222222;
box-shadow: 0 0 0 4px #222222;
}
.specia-icon-effect-5 .specia-icon {
box-shadow: 0 0 0 4px #222222;
background: #222222;
}
.specia-icon-effect-6 .specia-icon {
background: #222222;
box-shadow: 0 0 0 4px #222222;
}
.specia-icon-effect-8 .specia-icon {
background: #222222;
} .plans-version-one .plan .order, .plans-version-three .plan .order{
color: #222222;
border: solid 2px #222222;
} .plans-version-two .plan header {
background: #ffffff;
}
.plans-version-two .plan .order{
color: #222222;
border: solid 2px #222222;
} .blog-version-1 footer.entry-footer {
background: #222222;
}
.entry-content .more-link {
color: #222222;
border: solid 2px #222222;
} .client h2 {
color: #222222;
} .footer-sidebar .background-overlay { 
background: #222222;
}
.footer-sidebar .widget table caption, .woo-sidebar .widget table caption  { 
background: #222222;
} .footer-copyright {
background: #222222;
} .single-team-member a.profile-btn{    
color: #222222;
border: solid 2px #222222;
} .portfolio-tab-sorting li a {
color: #222222;
border: solid 2px #222222;
} footer.entry-footer {
background: #222222;
}   
h2.entry-title a {
color: #222222;
}
.entry-header h2.entry-title {
color: #222222;
} .error-page h2{
color: #222222;
} .sidebar .widget .widget-title {
color: #222222;
}
.sidebar .widget input[type="submit"] {
color: #222222;
border: solid 2px #222222;
}
.sidebar .widget table caption { 
background: #222222;
} h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
color: #222222;
}
blockquote cite, blockquote small { 
color: #222222;
}
address { 
color: #222222;
}
ins { 
color: #222222;
}
.gallery-item .gallery-caption {
background: #222222;
} .wishlist_table .product-add-to-cart a,
.woocommerce a.button, 
.woocommerce button.button.alt, 
.woocommerce #respond input#submit,
.woocommerce input.button.alt, 
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled],
.woocommerce-cart table.cart input.button,
.woocommerce input.button,
.woocommerce button.button {
color: #222222;
border: solid 2px #222222;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
border: solid 2px #222222;
color: #222222;
}
.price_slider_wrapper .ui-slider-horizontal {
background: #222222;
}
.woocommerce-MyAccount-navigation ul li {
background: #222222;
}.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
} .owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
} .owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent; position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden; -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
width: 100%;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
} .no-js .owl-carousel {
display: block;
} .owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
} .owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
}
a:active,
a:hover {
outline: 0;
}
abbr[title] {
border-bottom: 1px dotted;
}
b,
strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small {
font-size: 80%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}
svg:not(:root) {
overflow: hidden;
}
figure {
margin: 1em 40px;
}
hr {
height: 0;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
font-family: monospace, monospace;
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
margin: 0;
font: inherit;
color: inherit;
}
button {
overflow: visible;
}
button,
select {
text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
button[disabled],
html input[disabled] {
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
input {
line-height: normal;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
input[type="search"] {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
fieldset {
padding: .35em .625em .75em;
margin: 0 2px;
border: 1px solid #c0c0c0;
}
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
} @media print {
*,
*:before,
*:after {
color: #000 !important;
text-shadow: none !important;
background: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
.navbar {
display: none;
}
.btn > .caret,
.dropup > .btn > .caret {
border-top-color: #000 !important;
}
.label {
border: 1px solid #000;
}
.table {
border-collapse: collapse !important;
}
.table td,
.table th {
background-color: #fff !important;
}
.table-bordered th,
.table-bordered td {
border: 1px solid #ddd !important;
}
}
@font-face {
font-family: 'Glyphicons Halflings';
src: url(//renaterothe.de/wp-content/themes/specia-lifetime/fonts/glyphicons-halflings-regular.eot);
src: url(//renaterothe.de/wp-content/themes/specia-lifetime/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'), url(//renaterothe.de/wp-content/themes/specia-lifetime/fonts/glyphicons-halflings-regular.woff2) format('woff2'), url(//renaterothe.de/wp-content/themes/specia-lifetime/fonts/glyphicons-halflings-regular.woff) format('woff'), url(//renaterothe.de/wp-content/themes/specia-lifetime/fonts/glyphicons-halflings-regular.ttf) format('truetype'), url(//renaterothe.de/wp-content/themes/specia-lifetime/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg');
}
.glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.glyphicon-asterisk:before {
content: "\002a";
}
.glyphicon-plus:before {
content: "\002b";
}
.glyphicon-euro:before,
.glyphicon-eur:before {
content: "\20ac";
}
.glyphicon-minus:before {
content: "\2212";
}
.glyphicon-cloud:before {
content: "\2601";
}
.glyphicon-envelope:before {
content: "\2709";
}
.glyphicon-pencil:before {
content: "\270f";
}
.glyphicon-glass:before {
content: "\e001";
}
.glyphicon-music:before {
content: "\e002";
}
.glyphicon-search:before {
content: "\e003";
}
.glyphicon-heart:before {
content: "\e005";
}
.glyphicon-star:before {
content: "\e006";
}
.glyphicon-star-empty:before {
content: "\e007";
}
.glyphicon-user:before {
content: "\e008";
}
.glyphicon-film:before {
content: "\e009";
}
.glyphicon-th-large:before {
content: "\e010";
}
.glyphicon-th:before {
content: "\e011";
}
.glyphicon-th-list:before {
content: "\e012";
}
.glyphicon-ok:before {
content: "\e013";
}
.glyphicon-remove:before {
content: "\e014";
}
.glyphicon-zoom-in:before {
content: "\e015";
}
.glyphicon-zoom-out:before {
content: "\e016";
}
.glyphicon-off:before {
content: "\e017";
}
.glyphicon-signal:before {
content: "\e018";
}
.glyphicon-cog:before {
content: "\e019";
}
.glyphicon-trash:before {
content: "\e020";
}
.glyphicon-home:before {
content: "\e021";
}
.glyphicon-file:before {
content: "\e022";
}
.glyphicon-time:before {
content: "\e023";
}
.glyphicon-road:before {
content: "\e024";
}
.glyphicon-download-alt:before {
content: "\e025";
}
.glyphicon-download:before {
content: "\e026";
}
.glyphicon-upload:before {
content: "\e027";
}
.glyphicon-inbox:before {
content: "\e028";
}
.glyphicon-play-circle:before {
content: "\e029";
}
.glyphicon-repeat:before {
content: "\e030";
}
.glyphicon-refresh:before {
content: "\e031";
}
.glyphicon-list-alt:before {
content: "\e032";
}
.glyphicon-lock:before {
content: "\e033";
}
.glyphicon-flag:before {
content: "\e034";
}
.glyphicon-headphones:before {
content: "\e035";
}
.glyphicon-volume-off:before {
content: "\e036";
}
.glyphicon-volume-down:before {
content: "\e037";
}
.glyphicon-volume-up:before {
content: "\e038";
}
.glyphicon-qrcode:before {
content: "\e039";
}
.glyphicon-barcode:before {
content: "\e040";
}
.glyphicon-tag:before {
content: "\e041";
}
.glyphicon-tags:before {
content: "\e042";
}
.glyphicon-book:before {
content: "\e043";
}
.glyphicon-bookmark:before {
content: "\e044";
}
.glyphicon-print:before {
content: "\e045";
}
.glyphicon-camera:before {
content: "\e046";
}
.glyphicon-font:before {
content: "\e047";
}
.glyphicon-bold:before {
content: "\e048";
}
.glyphicon-italic:before {
content: "\e049";
}
.glyphicon-text-height:before {
content: "\e050";
}
.glyphicon-text-width:before {
content: "\e051";
}
.glyphicon-align-left:before {
content: "\e052";
}
.glyphicon-align-center:before {
content: "\e053";
}
.glyphicon-align-right:before {
content: "\e054";
}
.glyphicon-align-justify:before {
content: "\e055";
}
.glyphicon-list:before {
content: "\e056";
}
.glyphicon-indent-left:before {
content: "\e057";
}
.glyphicon-indent-right:before {
content: "\e058";
}
.glyphicon-facetime-video:before {
content: "\e059";
}
.glyphicon-picture:before {
content: "\e060";
}
.glyphicon-map-marker:before {
content: "\e062";
}
.glyphicon-adjust:before {
content: "\e063";
}
.glyphicon-tint:before {
content: "\e064";
}
.glyphicon-edit:before {
content: "\e065";
}
.glyphicon-share:before {
content: "\e066";
}
.glyphicon-check:before {
content: "\e067";
}
.glyphicon-move:before {
content: "\e068";
}
.glyphicon-step-backward:before {
content: "\e069";
}
.glyphicon-fast-backward:before {
content: "\e070";
}
.glyphicon-backward:before {
content: "\e071";
}
.glyphicon-play:before {
content: "\e072";
}
.glyphicon-pause:before {
content: "\e073";
}
.glyphicon-stop:before {
content: "\e074";
}
.glyphicon-forward:before {
content: "\e075";
}
.glyphicon-fast-forward:before {
content: "\e076";
}
.glyphicon-step-forward:before {
content: "\e077";
}
.glyphicon-eject:before {
content: "\e078";
}
.glyphicon-chevron-left:before {
content: "\e079";
}
.glyphicon-chevron-right:before {
content: "\e080";
}
.glyphicon-plus-sign:before {
content: "\e081";
}
.glyphicon-minus-sign:before {
content: "\e082";
}
.glyphicon-remove-sign:before {
content: "\e083";
}
.glyphicon-ok-sign:before {
content: "\e084";
}
.glyphicon-question-sign:before {
content: "\e085";
}
.glyphicon-info-sign:before {
content: "\e086";
}
.glyphicon-screenshot:before {
content: "\e087";
}
.glyphicon-remove-circle:before {
content: "\e088";
}
.glyphicon-ok-circle:before {
content: "\e089";
}
.glyphicon-ban-circle:before {
content: "\e090";
}
.glyphicon-arrow-left:before {
content: "\e091";
}
.glyphicon-arrow-right:before {
content: "\e092";
}
.glyphicon-arrow-up:before {
content: "\e093";
}
.glyphicon-arrow-down:before {
content: "\e094";
}
.glyphicon-share-alt:before {
content: "\e095";
}
.glyphicon-resize-full:before {
content: "\e096";
}
.glyphicon-resize-small:before {
content: "\e097";
}
.glyphicon-exclamation-sign:before {
content: "\e101";
}
.glyphicon-gift:before {
content: "\e102";
}
.glyphicon-leaf:before {
content: "\e103";
}
.glyphicon-fire:before {
content: "\e104";
}
.glyphicon-eye-open:before {
content: "\e105";
}
.glyphicon-eye-close:before {
content: "\e106";
}
.glyphicon-warning-sign:before {
content: "\e107";
}
.glyphicon-plane:before {
content: "\e108";
}
.glyphicon-calendar:before {
content: "\e109";
}
.glyphicon-random:before {
content: "\e110";
}
.glyphicon-comment:before {
content: "\e111";
}
.glyphicon-magnet:before {
content: "\e112";
}
.glyphicon-chevron-up:before {
content: "\e113";
}
.glyphicon-chevron-down:before {
content: "\e114";
}
.glyphicon-retweet:before {
content: "\e115";
}
.glyphicon-shopping-cart:before {
content: "\e116";
}
.glyphicon-folder-close:before {
content: "\e117";
}
.glyphicon-folder-open:before {
content: "\e118";
}
.glyphicon-resize-vertical:before {
content: "\e119";
}
.glyphicon-resize-horizontal:before {
content: "\e120";
}
.glyphicon-hdd:before {
content: "\e121";
}
.glyphicon-bullhorn:before {
content: "\e122";
}
.glyphicon-bell:before {
content: "\e123";
}
.glyphicon-certificate:before {
content: "\e124";
}
.glyphicon-thumbs-up:before {
content: "\e125";
}
.glyphicon-thumbs-down:before {
content: "\e126";
}
.glyphicon-hand-right:before {
content: "\e127";
}
.glyphicon-hand-left:before {
content: "\e128";
}
.glyphicon-hand-up:before {
content: "\e129";
}
.glyphicon-hand-down:before {
content: "\e130";
}
.glyphicon-circle-arrow-right:before {
content: "\e131";
}
.glyphicon-circle-arrow-left:before {
content: "\e132";
}
.glyphicon-circle-arrow-up:before {
content: "\e133";
}
.glyphicon-circle-arrow-down:before {
content: "\e134";
}
.glyphicon-globe:before {
content: "\e135";
}
.glyphicon-wrench:before {
content: "\e136";
}
.glyphicon-tasks:before {
content: "\e137";
}
.glyphicon-filter:before {
content: "\e138";
}
.glyphicon-briefcase:before {
content: "\e139";
}
.glyphicon-fullscreen:before {
content: "\e140";
}
.glyphicon-dashboard:before {
content: "\e141";
}
.glyphicon-paperclip:before {
content: "\e142";
}
.glyphicon-heart-empty:before {
content: "\e143";
}
.glyphicon-link:before {
content: "\e144";
}
.glyphicon-phone:before {
content: "\e145";
}
.glyphicon-pushpin:before {
content: "\e146";
}
.glyphicon-usd:before {
content: "\e148";
}
.glyphicon-gbp:before {
content: "\e149";
}
.glyphicon-sort:before {
content: "\e150";
}
.glyphicon-sort-by-alphabet:before {
content: "\e151";
}
.glyphicon-sort-by-alphabet-alt:before {
content: "\e152";
}
.glyphicon-sort-by-order:before {
content: "\e153";
}
.glyphicon-sort-by-order-alt:before {
content: "\e154";
}
.glyphicon-sort-by-attributes:before {
content: "\e155";
}
.glyphicon-sort-by-attributes-alt:before {
content: "\e156";
}
.glyphicon-unchecked:before {
content: "\e157";
}
.glyphicon-expand:before {
content: "\e158";
}
.glyphicon-collapse-down:before {
content: "\e159";
}
.glyphicon-collapse-up:before {
content: "\e160";
}
.glyphicon-log-in:before {
content: "\e161";
}
.glyphicon-flash:before {
content: "\e162";
}
.glyphicon-log-out:before {
content: "\e163";
}
.glyphicon-new-window:before {
content: "\e164";
}
.glyphicon-record:before {
content: "\e165";
}
.glyphicon-save:before {
content: "\e166";
}
.glyphicon-open:before {
content: "\e167";
}
.glyphicon-saved:before {
content: "\e168";
}
.glyphicon-import:before {
content: "\e169";
}
.glyphicon-export:before {
content: "\e170";
}
.glyphicon-send:before {
content: "\e171";
}
.glyphicon-floppy-disk:before {
content: "\e172";
}
.glyphicon-floppy-saved:before {
content: "\e173";
}
.glyphicon-floppy-remove:before {
content: "\e174";
}
.glyphicon-floppy-save:before {
content: "\e175";
}
.glyphicon-floppy-open:before {
content: "\e176";
}
.glyphicon-credit-card:before {
content: "\e177";
}
.glyphicon-transfer:before {
content: "\e178";
}
.glyphicon-cutlery:before {
content: "\e179";
}
.glyphicon-header:before {
content: "\e180";
}
.glyphicon-compressed:before {
content: "\e181";
}
.glyphicon-earphone:before {
content: "\e182";
}
.glyphicon-phone-alt:before {
content: "\e183";
}
.glyphicon-tower:before {
content: "\e184";
}
.glyphicon-stats:before {
content: "\e185";
}
.glyphicon-sd-video:before {
content: "\e186";
}
.glyphicon-hd-video:before {
content: "\e187";
}
.glyphicon-subtitles:before {
content: "\e188";
}
.glyphicon-sound-stereo:before {
content: "\e189";
}
.glyphicon-sound-dolby:before {
content: "\e190";
}
.glyphicon-sound-5-1:before {
content: "\e191";
}
.glyphicon-sound-6-1:before {
content: "\e192";
}
.glyphicon-sound-7-1:before {
content: "\e193";
}
.glyphicon-copyright-mark:before {
content: "\e194";
}
.glyphicon-registration-mark:before {
content: "\e195";
}
.glyphicon-cloud-download:before {
content: "\e197";
}
.glyphicon-cloud-upload:before {
content: "\e198";
}
.glyphicon-tree-conifer:before {
content: "\e199";
}
.glyphicon-tree-deciduous:before {
content: "\e200";
}
.glyphicon-cd:before {
content: "\e201";
}
.glyphicon-save-file:before {
content: "\e202";
}
.glyphicon-open-file:before {
content: "\e203";
}
.glyphicon-level-up:before {
content: "\e204";
}
.glyphicon-copy:before {
content: "\e205";
}
.glyphicon-paste:before {
content: "\e206";
}
.glyphicon-alert:before {
content: "\e209";
}
.glyphicon-equalizer:before {
content: "\e210";
}
.glyphicon-king:before {
content: "\e211";
}
.glyphicon-queen:before {
content: "\e212";
}
.glyphicon-pawn:before {
content: "\e213";
}
.glyphicon-bishop:before {
content: "\e214";
}
.glyphicon-knight:before {
content: "\e215";
}
.glyphicon-baby-formula:before {
content: "\e216";
}
.glyphicon-tent:before {
content: "\26fa";
}
.glyphicon-blackboard:before {
content: "\e218";
}
.glyphicon-bed:before {
content: "\e219";
}
.glyphicon-apple:before {
content: "\f8ff";
}
.glyphicon-erase:before {
content: "\e221";
}
.glyphicon-hourglass:before {
content: "\231b";
}
.glyphicon-lamp:before {
content: "\e223";
}
.glyphicon-duplicate:before {
content: "\e224";
}
.glyphicon-piggy-bank:before {
content: "\e225";
}
.glyphicon-scissors:before {
content: "\e226";
}
.glyphicon-bitcoin:before {
content: "\e227";
}
.glyphicon-btc:before {
content: "\e227";
}
.glyphicon-xbt:before {
content: "\e227";
}
.glyphicon-yen:before {
content: "\00a5";
}
.glyphicon-jpy:before {
content: "\00a5";
}
.glyphicon-ruble:before {
content: "\20bd";
}
.glyphicon-rub:before {
content: "\20bd";
}
.glyphicon-scale:before {
content: "\e230";
}
.glyphicon-ice-lolly:before {
content: "\e231";
}
.glyphicon-ice-lolly-tasted:before {
content: "\e232";
}
.glyphicon-education:before {
content: "\e233";
}
.glyphicon-option-horizontal:before {
content: "\e234";
}
.glyphicon-option-vertical:before {
content: "\e235";
}
.glyphicon-menu-hamburger:before {
content: "\e236";
}
.glyphicon-modal-window:before {
content: "\e237";
}
.glyphicon-oil:before {
content: "\e238";
}
.glyphicon-grain:before {
content: "\e239";
}
.glyphicon-sunglasses:before {
content: "\e240";
}
.glyphicon-text-size:before {
content: "\e241";
}
.glyphicon-text-color:before {
content: "\e242";
}
.glyphicon-text-background:before {
content: "\e243";
}
.glyphicon-object-align-top:before {
content: "\e244";
}
.glyphicon-object-align-bottom:before {
content: "\e245";
}
.glyphicon-object-align-horizontal:before {
content: "\e246";
}
.glyphicon-object-align-left:before {
content: "\e247";
}
.glyphicon-object-align-vertical:before {
content: "\e248";
}
.glyphicon-object-align-right:before {
content: "\e249";
}
.glyphicon-triangle-right:before {
content: "\e250";
}
.glyphicon-triangle-left:before {
content: "\e251";
}
.glyphicon-triangle-bottom:before {
content: "\e252";
}
.glyphicon-triangle-top:before {
content: "\e253";
}
.glyphicon-console:before {
content: "\e254";
}
.glyphicon-superscript:before {
content: "\e255";
}
.glyphicon-subscript:before {
content: "\e256";
}
.glyphicon-menu-left:before {
content: "\e257";
}
.glyphicon-menu-right:before {
content: "\e258";
}
.glyphicon-menu-down:before {
content: "\e259";
}
.glyphicon-menu-up:before {
content: "\e260";
}
* {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
font-size: 10px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
a {
color: #337ab7;
text-decoration: none;
}
a:hover,
a:focus {
color: #23527c;
text-decoration: underline;
}
a:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
figure {
margin: 0;
}
img {
vertical-align: middle;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
display: block;
max-width: 100%;
height: auto;
}
.img-rounded {
border-radius: 6px;
}
.img-thumbnail {
display: inline-block;
max-width: 100%;
height: auto;
padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.img-circle {
border-radius: 50%;
}
hr {
margin-top: 20px;
margin-bottom: 20px;
border: 0;
border-top: 1px solid #eee;
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
[role="button"] {
cursor: pointer;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
font-family: inherit;
font-weight: 500;
line-height: 1.1;
color: inherit;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small,
h1 .small,
h2 .small,
h3 .small,
h4 .small,
h5 .small,
h6 .small,
.h1 .small,
.h2 .small,
.h3 .small,
.h4 .small,
.h5 .small,
.h6 .small {
font-weight: normal;
line-height: 1;
color: #777;
}
h1,
.h1,
h2,
.h2,
h3,
.h3 {
margin-top: 20px;
margin-bottom: 10px;
}
h1 small,
.h1 small,
h2 small,
.h2 small,
h3 small,
.h3 small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
font-size: 65%;
}
h4,
.h4,
h5,
.h5,
h6,
.h6 {
margin-top: 10px;
margin-bottom: 10px;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
font-size: 75%;
}
h1,
.h1 {
font-size: 36px;
}
h2,
.h2 {
font-size: 30px;
}
h3,
.h3 {
font-size: 24px;
}
h4,
.h4 {
font-size: 18px;
}
h5,
.h5 {
font-size: 14px;
}
h6,
.h6 {
font-size: 12px;
}
p {
margin: 0 0 10px;
}
.lead {
margin-bottom: 20px;
font-size: 16px;
font-weight: 300;
line-height: 1.4;
}
@media (min-width: 768px) {
.lead {
font-size: 21px;
}
}
small,
.small {
font-size: 85%;
}
mark,
.mark {
padding: .2em;
background-color: #fcf8e3;
}
.text-left {
text-align: left;
}
.text-right {
text-align: right;
}
.text-center {
text-align: center;
}
.text-justify {
text-align: justify;
}
.text-nowrap {
white-space: nowrap;
}
.text-lowercase {
text-transform: lowercase;
}
.text-uppercase {
text-transform: uppercase;
}
.text-capitalize {
text-transform: capitalize;
}
.text-muted {
color: #777;
}
.text-primary {
color: #337ab7;
}
a.text-primary:hover,
a.text-primary:focus {
color: #286090;
}
.text-success {
color: #3c763d;
}
a.text-success:hover,
a.text-success:focus {
color: #2b542c;
}
.text-info {
color: #31708f;
}
a.text-info:hover,
a.text-info:focus {
color: #245269;
}
.text-warning {
color: #8a6d3b;
}
a.text-warning:hover,
a.text-warning:focus {
color: #66512c;
}
.text-danger {
color: #a94442;
}
a.text-danger:hover,
a.text-danger:focus {
color: #843534;
}
.bg-primary {
color: #fff;
background-color: #337ab7;
}
a.bg-primary:hover,
a.bg-primary:focus {
background-color: #286090;
}
.bg-success {
background-color: #dff0d8;
}
a.bg-success:hover,
a.bg-success:focus {
background-color: #c1e2b3;
}
.bg-info {
background-color: #d9edf7;
}
a.bg-info:hover,
a.bg-info:focus {
background-color: #afd9ee;
}
.bg-warning {
background-color: #fcf8e3;
}
a.bg-warning:hover,
a.bg-warning:focus {
background-color: #f7ecb5;
}
.bg-danger {
background-color: #f2dede;
}
a.bg-danger:hover,
a.bg-danger:focus {
background-color: #e4b9b9;
}
.page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
ul,
ol {
margin-top: 0;
margin-bottom: 10px;
}
ul ul,
ol ul,
ul ol,
ol ol {
margin-bottom: 0;
}
.list-unstyled {
padding-left: 0;
list-style: none;
}
.list-inline {
padding-left: 0;
margin-left: -5px;
list-style: none;
}
.list-inline > li {
display: inline-block;
padding-right: 5px;
padding-left: 5px;
}
dl {
margin-top: 0;
margin-bottom: 20px;
}
dt,
dd {
line-height: 1.42857143;
}
dt {
font-weight: bold;
}
dd {
margin-left: 0;
}
@media (min-width: 768px) {
.dl-horizontal dt {
float: left;
width: 160px;
overflow: hidden;
clear: left;
text-align: right;
text-overflow: ellipsis;
white-space: nowrap;
}
.dl-horizontal dd {
margin-left: 180px;
}
}
abbr[title],
abbr[data-original-title] {
cursor: help;
border-bottom: 1px dotted #777;
}
.initialism {
font-size: 90%;
text-transform: uppercase;
}
blockquote {
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
border-left: 5px solid #eee;
}
blockquote p:last-child,
blockquote ul:last-child,
blockquote ol:last-child {
margin-bottom: 0;
}
blockquote footer,
blockquote small,
blockquote .small {
display: block;
font-size: 80%;
line-height: 1.42857143;
color: #777;
}
blockquote footer:before,
blockquote small:before,
blockquote .small:before {
content: '\2014 \00A0';
}
.blockquote-reverse,
blockquote.pull-right {
padding-right: 15px;
padding-left: 0;
text-align: right;
border-right: 5px solid #eee;
border-left: 0;
}
.blockquote-reverse footer:before,
blockquote.pull-right footer:before,
.blockquote-reverse small:before,
blockquote.pull-right small:before,
.blockquote-reverse .small:before,
blockquote.pull-right .small:before {
content: '';
}
.blockquote-reverse footer:after,
blockquote.pull-right footer:after,
.blockquote-reverse small:after,
blockquote.pull-right small:after,
.blockquote-reverse .small:after,
blockquote.pull-right .small:after {
content: '\00A0 \2014';
}
address {
margin-bottom: 20px;
font-style: normal;
line-height: 1.42857143;
}
code,
kbd,
pre,
samp {
font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}
code {
padding: 2px 4px;
font-size: 90%;
color: #c7254e;
background-color: #f9f2f4;
border-radius: 4px;
}
kbd {
padding: 2px 4px;
font-size: 90%;
color: #fff;
background-color: #333;
border-radius: 3px;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .25);
}
kbd kbd {
padding: 0;
font-size: 100%;
font-weight: bold;
-webkit-box-shadow: none;
box-shadow: none;
}
pre {
display: block;
padding: 9.5px;
margin: 0 0 10px;
font-size: 13px;
line-height: 1.42857143;
color: #333;
word-break: break-all;
word-wrap: break-word;
background-color: #f5f5f5;
border: 1px solid #ccc;
border-radius: 4px;
}
pre code {
padding: 0;
font-size: inherit;
color: inherit;
white-space: pre-wrap;
background-color: transparent;
border-radius: 0;
}
.pre-scrollable {
max-height: 340px;
overflow-y: scroll;
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
float: left;
}
.col-xs-12 {
width: 100%;
}
.col-xs-11 {
width: 91.66666667%;
}
.col-xs-10 {
width: 83.33333333%;
}
.col-xs-9 {
width: 75%;
}
.col-xs-8 {
width: 66.66666667%;
}
.col-xs-7 {
width: 58.33333333%;
}
.col-xs-6 {
width: 50%;
}
.col-xs-5 {
width: 41.66666667%;
}
.col-xs-4 {
width: 33.33333333%;
}
.col-xs-3 {
width: 25%;
}
.col-xs-2 {
width: 16.66666667%;
}
.col-xs-1 {
width: 8.33333333%;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
@media (min-width: 768px) {
.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
float: left;
}
.col-sm-12 {
width: 100%;
}
.col-sm-11 {
width: 91.66666667%;
}
.col-sm-10 {
width: 83.33333333%;
}
.col-sm-9 {
width: 75%;
}
.col-sm-8 {
width: 66.66666667%;
}
.col-sm-7 {
width: 58.33333333%;
}
.col-sm-6 {
width: 50%;
}
.col-sm-5 {
width: 41.66666667%;
}
.col-sm-4 {
width: 33.33333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.66666667%;
}
.col-sm-1 {
width: 8.33333333%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
}
@media (min-width: 992px) {
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
float: left;
}
.col-md-12 {
width: 100%;
}
.col-md-11 {
width: 91.66666667%;
}
.col-md-10 {
width: 83.33333333%;
}
.col-md-9 {
width: 75%;
}
.col-md-8 {
width: 66.66666667%;
}
.col-md-7 {
width: 58.33333333%;
}
.col-md-6 {
width: 50%;
}
.col-md-5 {
width: 41.66666667%;
}
.col-md-4 {
width: 33.33333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.66666667%;
}
.col-md-1 {
width: 8.33333333%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
}
@media (min-width: 1200px) {
.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
float: left;
}
.col-lg-12 {
width: 100%;
}
.col-lg-11 {
width: 91.66666667%;
}
.col-lg-10 {
width: 83.33333333%;
}
.col-lg-9 {
width: 75%;
}
.col-lg-8 {
width: 66.66666667%;
}
.col-lg-7 {
width: 58.33333333%;
}
.col-lg-6 {
width: 50%;
}
.col-lg-5 {
width: 41.66666667%;
}
.col-lg-4 {
width: 33.33333333%;
}
.col-lg-3 {
width: 25%;
}
.col-lg-2 {
width: 16.66666667%;
}
.col-lg-1 {
width: 8.33333333%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
}
table {
background-color: transparent;
}
caption {
padding-top: 8px;
padding-bottom: 8px;
color: #777;
text-align: left;
}
th {
text-align: left;
}
.table {
width: 100%;
max-width: 100%;
margin-bottom: 20px;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
}
.table > thead > tr > th {
vertical-align: bottom;
border-bottom: 2px solid #ddd;
}
.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
border-top: 0;
}
.table > tbody + tbody {
border-top: 2px solid #ddd;
}
.table .table {
background-color: #fff;
}
.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
padding: 5px;
}
.table-bordered {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
border-bottom-width: 2px;
}
.table-striped > tbody > tr:nth-of-type(odd) {
background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover {
background-color: #f5f5f5;
}
table col[class*="col-"] {
position: static;
display: table-column;
float: none;
}
table td[class*="col-"],
table th[class*="col-"] {
position: static;
display: table-cell;
float: none;
}
.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
background-color: #f5f5f5;
}
.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
background-color: #e8e8e8;
}
.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
background-color: #dff0d8;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
background-color: #d0e9c6;
}
.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
background-color: #d9edf7;
}
.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
background-color: #c4e3f3;
}
.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
background-color: #fcf8e3;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
background-color: #faf2cc;
}
.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
background-color: #f2dede;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
background-color: #ebcccc;
}
.table-responsive {
min-height: .01%;
overflow-x: auto;
}
@media screen and (max-width: 767px) {
.table-responsive {
width: 100%;
margin-bottom: 15px;
overflow-y: hidden;
-ms-overflow-style: -ms-autohiding-scrollbar;
border: 1px solid #ddd;
}
.table-responsive > .table {
margin-bottom: 0;
}
.table-responsive > .table > thead > tr > th,
.table-responsive > .table > tbody > tr > th,
.table-responsive > .table > tfoot > tr > th,
.table-responsive > .table > thead > tr > td,
.table-responsive > .table > tbody > tr > td,
.table-responsive > .table > tfoot > tr > td {
white-space: nowrap;
}
.table-responsive > .table-bordered {
border: 0;
}
.table-responsive > .table-bordered > thead > tr > th:first-child,
.table-responsive > .table-bordered > tbody > tr > th:first-child,
.table-responsive > .table-bordered > tfoot > tr > th:first-child,
.table-responsive > .table-bordered > thead > tr > td:first-child,
.table-responsive > .table-bordered > tbody > tr > td:first-child,
.table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.table-responsive > .table-bordered > thead > tr > th:last-child,
.table-responsive > .table-bordered > tbody > tr > th:last-child,
.table-responsive > .table-bordered > tfoot > tr > th:last-child,
.table-responsive > .table-bordered > thead > tr > td:last-child,
.table-responsive > .table-bordered > tbody > tr > td:last-child,
.table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.table-responsive > .table-bordered > tbody > tr:last-child > th,
.table-responsive > .table-bordered > tfoot > tr:last-child > th,
.table-responsive > .table-bordered > tbody > tr:last-child > td,
.table-responsive > .table-bordered > tfoot > tr:last-child > td {
border-bottom: 0;
}
}
fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
legend {
display: block;
width: 100%;
padding: 0;
margin-bottom: 20px;
font-size: 21px;
line-height: inherit;
color: #333;
border: 0;
border-bottom: 1px solid #e5e5e5;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}
input[type="search"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
margin: 4px 0 0;
margin-top: 1px \9;
line-height: normal;
}
input[type="file"] {
display: block;
}
input[type="range"] {
display: block;
width: 100%;
}
select[multiple],
select[size] {
height: auto;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
output {
display: block;
padding-top: 7px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, .6);
}
.form-control::-moz-placeholder {
color: #999;
opacity: 1;
}
.form-control:-ms-input-placeholder {
color: #999;
}
.form-control::-webkit-input-placeholder {
color: #999;
}
.form-control::-ms-expand {
background-color: transparent;
border: 0;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
cursor: not-allowed;
}
textarea.form-control {
height: auto;
}
input[type="search"] {
-webkit-appearance: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
input[type="date"].form-control,
input[type="time"].form-control,
input[type="datetime-local"].form-control,
input[type="month"].form-control {
line-height: 34px;
}
input[type="date"].input-sm,
input[type="time"].input-sm,
input[type="datetime-local"].input-sm,
input[type="month"].input-sm,
.input-group-sm input[type="date"],
.input-group-sm input[type="time"],
.input-group-sm input[type="datetime-local"],
.input-group-sm input[type="month"] {
line-height: 30px;
}
input[type="date"].input-lg,
input[type="time"].input-lg,
input[type="datetime-local"].input-lg,
input[type="month"].input-lg,
.input-group-lg input[type="date"],
.input-group-lg input[type="time"],
.input-group-lg input[type="datetime-local"],
.input-group-lg input[type="month"] {
line-height: 46px;
}
}
.form-group {
margin-bottom: 15px;
}
.radio,
.checkbox {
position: relative;
display: block;
margin-top: 10px;
margin-bottom: 10px;
}
.radio label,
.checkbox label {
min-height: 20px;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
position: absolute;
margin-top: 4px \9;
margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
position: relative;
display: inline-block;
padding-left: 20px;
margin-bottom: 0;
font-weight: normal;
vertical-align: middle;
cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
margin-top: 0;
margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
cursor: not-allowed;
}
.radio-inline.disabled,
.checkbox-inline.disabled,
fieldset[disabled] .radio-inline,
fieldset[disabled] .checkbox-inline {
cursor: not-allowed;
}
.radio.disabled label,
.checkbox.disabled label,
fieldset[disabled] .radio label,
fieldset[disabled] .checkbox label {
cursor: not-allowed;
}
.form-control-static {
min-height: 34px;
padding-top: 7px;
padding-bottom: 7px;
margin-bottom: 0;
}
.form-control-static.input-lg,
.form-control-static.input-sm {
padding-right: 0;
padding-left: 0;
}
.input-sm {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-sm {
height: 30px;
line-height: 30px;
}
textarea.input-sm,
select[multiple].input-sm {
height: auto;
}
.form-group-sm .form-control {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.form-group-sm select.form-control {
height: 30px;
line-height: 30px;
}
.form-group-sm textarea.form-control,
.form-group-sm select[multiple].form-control {
height: auto;
}
.form-group-sm .form-control-static {
height: 30px;
min-height: 32px;
padding: 6px 10px;
font-size: 12px;
line-height: 1.5;
}
.input-lg {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-lg {
height: 46px;
line-height: 46px;
}
textarea.input-lg,
select[multiple].input-lg {
height: auto;
}
.form-group-lg .form-control {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.form-group-lg select.form-control {
height: 46px;
line-height: 46px;
}
.form-group-lg textarea.form-control,
.form-group-lg select[multiple].form-control {
height: auto;
}
.form-group-lg .form-control-static {
height: 46px;
min-height: 38px;
padding: 11px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.has-feedback {
position: relative;
}
.has-feedback .form-control {
padding-right: 42.5px;
}
.form-control-feedback {
position: absolute;
top: 0;
right: 0;
z-index: 2;
display: block;
width: 34px;
height: 34px;
line-height: 34px;
text-align: center;
pointer-events: none;
}
.input-lg + .form-control-feedback,
.input-group-lg + .form-control-feedback,
.form-group-lg .form-control + .form-control-feedback {
width: 46px;
height: 46px;
line-height: 46px;
}
.input-sm + .form-control-feedback,
.input-group-sm + .form-control-feedback,
.form-group-sm .form-control + .form-control-feedback {
width: 30px;
height: 30px;
line-height: 30px;
}
.has-success .help-block,
.has-success .control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline,
.has-success.radio label,
.has-success.checkbox label,
.has-success.radio-inline label,
.has-success.checkbox-inline label {
color: #3c763d;
}
.has-success .form-control {
border-color: #3c763d;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-success .form-control:focus {
border-color: #2b542c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #67b168;
}
.has-success .input-group-addon {
color: #3c763d;
background-color: #dff0d8;
border-color: #3c763d;
}
.has-success .form-control-feedback {
color: #3c763d;
}
.has-warning .help-block,
.has-warning .control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline,
.has-warning.radio label,
.has-warning.checkbox label,
.has-warning.radio-inline label,
.has-warning.checkbox-inline label {
color: #8a6d3b;
}
.has-warning .form-control {
border-color: #8a6d3b;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-warning .form-control:focus {
border-color: #66512c;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #c0a16b;
}
.has-warning .input-group-addon {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #8a6d3b;
}
.has-warning .form-control-feedback {
color: #8a6d3b;
}
.has-error .help-block,
.has-error .control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .radio-inline,
.has-error .checkbox-inline,
.has-error.radio label,
.has-error.checkbox label,
.has-error.radio-inline label,
.has-error.checkbox-inline label {
color: #a94442;
}
.has-error .form-control {
border-color: #a94442;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.has-error .form-control:focus {
border-color: #843534;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483;
}
.has-error .input-group-addon {
color: #a94442;
background-color: #f2dede;
border-color: #a94442;
}
.has-error .form-control-feedback {
color: #a94442;
}
.has-feedback label ~ .form-control-feedback {
top: 25px;
}
.has-feedback label.sr-only ~ .form-control-feedback {
top: 0;
}
.help-block {
display: block;
margin-top: 5px;
margin-bottom: 10px;
color: #737373;
}
@media (min-width: 768px) {
.form-inline .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.form-inline .form-control-static {
display: inline-block;
}
.form-inline .input-group {
display: inline-table;
vertical-align: middle;
}
.form-inline .input-group .input-group-addon,
.form-inline .input-group .input-group-btn,
.form-inline .input-group .form-control {
width: auto;
}
.form-inline .input-group > .form-control {
width: 100%;
}
.form-inline .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio,
.form-inline .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.form-inline .radio label,
.form-inline .checkbox label {
padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.form-inline .has-feedback .form-control-feedback {
top: 0;
}
}
.form-horizontal .radio,
.form-horizontal .checkbox,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
padding-top: 7px;
margin-top: 0;
margin-bottom: 0;
}
.form-horizontal .radio,
.form-horizontal .checkbox {
min-height: 27px;
}
.form-horizontal .form-group {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.form-horizontal .control-label {
padding-top: 7px;
margin-bottom: 0;
text-align: right;
}
}
.form-horizontal .has-feedback .form-control-feedback {
right: 15px;
}
@media (min-width: 768px) {
.form-horizontal .form-group-lg .control-label {
padding-top: 11px;
font-size: 18px;
}
}
@media (min-width: 768px) {
.form-horizontal .form-group-sm .control-label {
padding-top: 6px;
font-size: 12px;
}
}
.btn {
display: inline-block;
padding: 6px 12px;
margin-bottom: 0;
font-size: 14px;
font-weight: normal;
line-height: 1.42857143;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
outline: 5px auto -webkit-focus-ring-color;
outline-offset: -2px;
}
.btn:hover,
.btn:focus,
.btn.focus {
color: #333;
text-decoration: none;
}
.btn:active,
.btn.active {
background-image: none;
outline: 0;
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
cursor: not-allowed;
filter: alpha(opacity=65);
-webkit-box-shadow: none;
box-shadow: none;
opacity: .65;
}
a.btn.disabled,
fieldset[disabled] a.btn {
pointer-events: none;
}
.btn-default {
color: #333;
background-color: #fff;
border-color: #ccc;
}
.btn-default:focus,
.btn-default.focus {
color: #333;
background-color: #e6e6e6;
border-color: #8c8c8c;
}
.btn-default:hover {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
color: #333;
background-color: #e6e6e6;
border-color: #adadad;
}
.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
color: #333;
background-color: #d4d4d4;
border-color: #8c8c8c;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
background-image: none;
}
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled.focus,
.btn-default[disabled].focus,
fieldset[disabled] .btn-default.focus {
background-color: #fff;
border-color: #ccc;
}
.btn-default .badge {
color: #fff;
background-color: #333;
}
.btn-primary {
color: #fff;
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary:focus,
.btn-primary.focus {
color: #fff;
background-color: #286090;
border-color: #122b40;
}
.btn-primary:hover {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
color: #fff;
background-color: #286090;
border-color: #204d74;
}
.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
color: #fff;
background-color: #204d74;
border-color: #122b40;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
background-image: none;
}
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus {
background-color: #337ab7;
border-color: #2e6da4;
}
.btn-primary .badge {
color: #337ab7;
background-color: #fff;
}
.btn-success {
color: #fff;
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success:focus,
.btn-success.focus {
color: #fff;
background-color: #449d44;
border-color: #255625;
}
.btn-success:hover {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
color: #fff;
background-color: #449d44;
border-color: #398439;
}
.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
color: #fff;
background-color: #398439;
border-color: #255625;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
background-image: none;
}
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus {
background-color: #5cb85c;
border-color: #4cae4c;
}
.btn-success .badge {
color: #5cb85c;
background-color: #fff;
}
.btn-info {
color: #fff;
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info:focus,
.btn-info.focus {
color: #fff;
background-color: #31b0d5;
border-color: #1b6d85;
}
.btn-info:hover {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
color: #fff;
background-color: #31b0d5;
border-color: #269abc;
}
.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
color: #fff;
background-color: #269abc;
border-color: #1b6d85;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
background-image: none;
}
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus {
background-color: #5bc0de;
border-color: #46b8da;
}
.btn-info .badge {
color: #5bc0de;
background-color: #fff;
}
.btn-warning {
color: #fff;
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning:focus,
.btn-warning.focus {
color: #fff;
background-color: #ec971f;
border-color: #985f0d;
}
.btn-warning:hover {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
color: #fff;
background-color: #ec971f;
border-color: #d58512;
}
.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
color: #fff;
background-color: #d58512;
border-color: #985f0d;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
background-image: none;
}
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus {
background-color: #f0ad4e;
border-color: #eea236;
}
.btn-warning .badge {
color: #f0ad4e;
background-color: #fff;
}
.btn-danger {
color: #fff;
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger:focus,
.btn-danger.focus {
color: #fff;
background-color: #c9302c;
border-color: #761c19;
}
.btn-danger:hover {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
color: #fff;
background-color: #c9302c;
border-color: #ac2925;
}
.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
color: #fff;
background-color: #ac2925;
border-color: #761c19;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
background-image: none;
}
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus {
background-color: #d9534f;
border-color: #d43f3a;
}
.btn-danger .badge {
color: #d9534f;
background-color: #fff;
}
.btn-link {
font-weight: normal;
color: #337ab7;
border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
color: #23527c;
text-decoration: underline;
background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
color: #777;
text-decoration: none;
}
.btn-lg,
.btn-group-lg > .btn {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
.btn-sm,
.btn-group-sm > .btn {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-xs,
.btn-group-xs > .btn {
padding: 1px 5px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
.btn-block {
display: block;
width: 100%;
}
.btn-block + .btn-block {
margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
width: 100%;
}
.fade {
opacity: 0;
-webkit-transition: opacity .15s linear;
-o-transition: opacity .15s linear;
transition: opacity .15s linear;
}
.fade.in {
opacity: 1;
}
.collapse {
display: none;
}
.collapse.in {
display: block;
}
tr.collapse.in {
display: table-row;
}
tbody.collapse.in {
display: table-row-group;
}
.collapsing {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition-timing-function: ease;
-o-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: .35s;
-o-transition-duration: .35s;
transition-duration: .35s;
-webkit-transition-property: height, visibility;
-o-transition-property: height, visibility;
transition-property: height, visibility;
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 4px dashed;
border-top: 4px solid \9;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
.dropup,
.dropdown {
position: relative;
}
.dropdown-toggle:focus {
outline: 0;
}
.dropdown-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 1000;
display: none;
float: left;
min-width: 160px;
padding: 5px 0;
margin: 2px 0 0;
font-size: 14px;
text-align: left;
list-style: none;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
right: 0;
left: auto;
}
.dropdown-menu .divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.dropdown-menu > li > a {
display: block;
padding: 3px 20px;
clear: both;
font-weight: normal;
line-height: 1.42857143;
color: #333;
white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
color: #262626;
text-decoration: none;
background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
color: #fff;
text-decoration: none;
background-color: #337ab7;
outline: 0;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
background-image: none;
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
display: block;
}
.open > a {
outline: 0;
}
.dropdown-menu-right {
right: 0;
left: auto;
}
.dropdown-menu-left {
right: auto;
left: 0;
}
.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}
.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}
.pull-right > .dropdown-menu {
right: 0;
left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
content: "";
border-top: 0;
border-bottom: 4px dashed;
border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
top: auto;
bottom: 100%;
margin-bottom: 2px;
}
@media (min-width: 768px) {
.navbar-right .dropdown-menu {
right: 0;
left: auto;
}
.navbar-right .dropdown-menu-left {
right: auto;
left: 0;
}
}
.btn-group,
.btn-group-vertical {
position: relative;
display: inline-block;
vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
position: relative;
float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
margin-left: -1px;
}
.btn-toolbar {
margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
border-radius: 0;
}
.btn-group > .btn:first-child {
margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group > .btn-group {
float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
padding-right: 8px;
padding-left: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
padding-right: 12px;
padding-left: 12px;
}
.btn-group.open .dropdown-toggle {
-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}
.btn-group.open .dropdown-toggle.btn-link {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn .caret {
margin-left: 0;
}
.btn-lg .caret {
border-width: 5px 5px 0;
border-bottom-width: 0;
}
.dropup .btn-lg .caret {
border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
display: block;
float: none;
width: 100%;
max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
margin-top: -1px;
margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.btn-group-justified {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
display: table-cell;
float: none;
width: 1%;
}
.btn-group-justified > .btn-group .btn {
width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
position: absolute;
clip: rect(0, 0, 0, 0);
pointer-events: none;
}
.input-group {
position: relative;
display: table;
border-collapse: separate;
}
.input-group[class*="col-"] {
float: none;
padding-right: 0;
padding-left: 0;
}
.input-group .form-control {
position: relative;
z-index: 2;
float: left;
width: 100%;
margin-bottom: 0;
}
.input-group .form-control:focus {
z-index: 3;
}
.input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
height: 46px;
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
border-radius: 6px;
}
select.input-group-lg > .form-control,
select.input-group-lg > .input-group-addon,
select.input-group-lg > .input-group-btn > .btn {
height: 46px;
line-height: 46px;
}
textarea.input-group-lg > .form-control,
textarea.input-group-lg > .input-group-addon,
textarea.input-group-lg > .input-group-btn > .btn,
select[multiple].input-group-lg > .form-control,
select[multiple].input-group-lg > .input-group-addon,
select[multiple].input-group-lg > .input-group-btn > .btn {
height: auto;
}
.input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
height: 30px;
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
border-radius: 3px;
}
select.input-group-sm > .form-control,
select.input-group-sm > .input-group-addon,
select.input-group-sm > .input-group-btn > .btn {
height: 30px;
line-height: 30px;
}
textarea.input-group-sm > .form-control,
textarea.input-group-sm > .input-group-addon,
textarea.input-group-sm > .input-group-btn > .btn,
select[multiple].input-group-sm > .form-control,
select[multiple].input-group-sm > .input-group-addon,
select[multiple].input-group-sm > .input-group-btn > .btn {
height: auto;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
border-radius: 0;
}
.input-group-addon,
.input-group-btn {
width: 1%;
white-space: nowrap;
vertical-align: middle;
}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: normal;
line-height: 1;
color: #555;
text-align: center;
background-color: #eee;
border: 1px solid #ccc;
border-radius: 4px;
}
.input-group-addon.input-sm {
padding: 5px 10px;
font-size: 12px;
border-radius: 3px;
}
.input-group-addon.input-lg {
padding: 10px 16px;
font-size: 18px;
border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.input-group-addon:first-child {
border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.input-group-addon:last-child {
border-left: 0;
}
.input-group-btn {
position: relative;
font-size: 0;
white-space: nowrap;
}
.input-group-btn > .btn {
position: relative;
}
.input-group-btn > .btn + .btn {
margin-left: -1px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:focus,
.input-group-btn > .btn:active {
z-index: 2;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
z-index: 2;
margin-left: -1px;
}
.nav {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
text-decoration: none;
background-color: #eee;
}
.nav > li.disabled > a {
color: #777;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
color: #777;
text-decoration: none;
cursor: not-allowed;
background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
background-color: #eee;
border-color: #337ab7;
}
.nav .nav-divider {
height: 1px;
margin: 9px 0;
overflow: hidden;
background-color: #e5e5e5;
}
.nav > li > a > img {
max-width: none;
}
.nav-tabs {
border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
border-color: #eee #eee #ddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
color: #555;
cursor: default;
background-color: #fff;
border: 1px solid #ddd;
border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
width: 100%;
border-bottom: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs.nav-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
border-radius: 4px;
}
.nav-pills > li + li {
margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
color: #fff;
background-color: #337ab7;
}
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 2px;
margin-left: 0;
}
.nav-justified {
width: 100%;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
.nav-tabs-justified > li > a {
margin-right: 0;
border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border: 1px solid #ddd;
}
@media (min-width: 768px) {
.nav-tabs-justified > li > a {
border-bottom: 1px solid #ddd;
border-radius: 4px 4px 0 0;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
border-bottom-color: #fff;
}
}
.tab-content > .tab-pane {
display: none;
}
.tab-content > .active {
display: block;
}
.nav-tabs .dropdown-menu {
margin-top: -1px;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar {
position: relative;
min-height: 50px;
margin-bottom: 20px;
border: 1px solid transparent;
}
@media (min-width: 768px) {
.navbar {
border-radius: 4px;
}
}
@media (min-width: 768px) {
.navbar-header {
float: left;
}
}
.navbar-collapse {
padding-right: 15px;
padding-left: 15px;
overflow-x: visible;
-webkit-overflow-scrolling: touch;
border-top: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1);
}
.navbar-collapse.in {
overflow-y: auto;
}
@media (min-width: 768px) {
.navbar-collapse {
width: auto;
border-top: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-collapse.collapse {
display: block !important;
height: auto !important;
padding-bottom: 0;
overflow: visible !important;
}
.navbar-collapse.in {
overflow-y: visible;
}
.navbar-fixed-top .navbar-collapse,
.navbar-static-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
padding-right: 0;
padding-left: 0;
}
}
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 340px;
}
@media (max-device-width: 480px) and (orientation: landscape) {
.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
max-height: 200px;
}
}
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: -15px;
margin-left: -15px;
}
@media (min-width: 768px) {
.container > .navbar-header,
.container-fluid > .navbar-header,
.container > .navbar-collapse,
.container-fluid > .navbar-collapse {
margin-right: 0;
margin-left: 0;
}
}
.navbar-static-top {
z-index: 1000;
border-width: 0 0 1px;
}
@media (min-width: 768px) {
.navbar-static-top {
border-radius: 0;
}
}
.navbar-fixed-top,
.navbar-fixed-bottom {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
}
@media (min-width: 768px) {
.navbar-fixed-top,
.navbar-fixed-bottom {
border-radius: 0;
}
}
.navbar-fixed-top {
top: 0;
border-width: 0 0 1px;
}
.navbar-fixed-bottom {
bottom: 0;
margin-bottom: 0;
border-width: 1px 0 0;
}
.navbar-brand {
float: left;
height: 50px;
padding: 15px 15px;
font-size: 18px;
line-height: 20px;
}
.navbar-brand:hover,
.navbar-brand:focus {
text-decoration: none;
}
.navbar-brand > img {
display: block;
}
@media (min-width: 768px) {
.navbar > .container .navbar-brand,
.navbar > .container-fluid .navbar-brand {
margin-left: -15px;
}
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid transparent;
border-radius: 4px;
}
.navbar-toggle:focus {
outline: 0;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 4px;
}
@media (min-width: 768px) {
.navbar-toggle {
display: none;
}
}
.navbar-nav {
margin: 7.5px -15px;
}
.navbar-nav > li > a {
padding-top: 10px;
padding-bottom: 10px;
line-height: 20px;
}
@media (max-width: 767px) {
.navbar-nav .open .dropdown-menu {
position: static;
float: none;
width: auto;
margin-top: 0;
background-color: transparent;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
.navbar-nav .open .dropdown-menu > li > a,
.navbar-nav .open .dropdown-menu .dropdown-header {
padding: 5px 15px 5px 25px;
}
.navbar-nav .open .dropdown-menu > li > a {
line-height: 20px;
}
.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus {
background-image: none;
}
}
@media (min-width: 768px) {
.navbar-nav {
float: left;
margin: 0;
}
.navbar-nav > li {
float: left;
}
.navbar-nav > li > a {
padding-top: 15px;
padding-bottom: 15px;
}
}
.navbar-form {
padding: 10px 15px;
margin-top: 8px;
margin-right: -15px;
margin-bottom: 8px;
margin-left: -15px;
border-top: 1px solid transparent;
border-bottom: 1px solid transparent;
-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 rgba(255, 255, 255, .1);
}
@media (min-width: 768px) {
.navbar-form .form-group {
display: inline-block;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .form-control {
display: inline-block;
width: auto;
vertical-align: middle;
}
.navbar-form .form-control-static {
display: inline-block;
}
.navbar-form .input-group {
display: inline-table;
vertical-align: middle;
}
.navbar-form .input-group .input-group-addon,
.navbar-form .input-group .input-group-btn,
.navbar-form .input-group .form-control {
width: auto;
}
.navbar-form .input-group > .form-control {
width: 100%;
}
.navbar-form .control-label {
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio,
.navbar-form .checkbox {
display: inline-block;
margin-top: 0;
margin-bottom: 0;
vertical-align: middle;
}
.navbar-form .radio label,
.navbar-form .checkbox label {
padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
position: relative;
margin-left: 0;
}
.navbar-form .has-feedback .form-control-feedback {
top: 0;
}
}
@media (max-width: 767px) {
.navbar-form .form-group {
margin-bottom: 5px;
}
.navbar-form .form-group:last-child {
margin-bottom: 0;
}
}
@media (min-width: 768px) {
.navbar-form {
width: auto;
padding-top: 0;
padding-bottom: 0;
margin-right: 0;
margin-left: 0;
border: 0;
-webkit-box-shadow: none;
box-shadow: none;
}
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
margin-bottom: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.navbar-btn {
margin-top: 8px;
margin-bottom: 8px;
}
.navbar-btn.btn-sm {
margin-top: 10px;
margin-bottom: 10px;
}
.navbar-btn.btn-xs {
margin-top: 14px;
margin-bottom: 14px;
}
.navbar-text {
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 768px) {
.navbar-text {
float: left;
margin-right: 15px;
margin-left: 15px;
}
}
@media (min-width: 768px) {
.navbar-left {
float: left !important;
}
.navbar-right {
float: right !important;
margin-right: -15px;
}
.navbar-right ~ .navbar-right {
margin-right: 0;
}
}
.navbar-default {
background-color: #f8f8f8;
border-color: #e7e7e7;
}
.navbar-default .navbar-brand {
color: #777;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
color: #5e5e5e;
background-color: transparent;
}
.navbar-default .navbar-text {
color: #777;
}
.navbar-default .navbar-nav > li > a {
color: #777;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav > .disabled > a,
.navbar-default .navbar-nav > .disabled > a:hover,
.navbar-default .navbar-nav > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
.navbar-default .navbar-toggle {
border-color: #ddd;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #ddd;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #888;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
border-color: #e7e7e7;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
color: #555;
background-color: #e7e7e7;
}
@media (max-width: 767px) {
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
color: #777;
}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
color: #333;
background-color: transparent;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #555;
background-color: #e7e7e7;
}
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #ccc;
background-color: transparent;
}
}
.navbar-default .navbar-link {
color: #777;
}
.navbar-default .navbar-link:hover {
color: #333;
}
.navbar-default .btn-link {
color: #777;
}
.navbar-default .btn-link:hover,
.navbar-default .btn-link:focus {
color: #333;
}
.navbar-default .btn-link[disabled]:hover,
fieldset[disabled] .navbar-default .btn-link:hover,
.navbar-default .btn-link[disabled]:focus,
fieldset[disabled] .navbar-default .btn-link:focus {
color: #ccc;
}
.navbar-inverse {
background-color: #222;
border-color: #080808;
}
.navbar-inverse .navbar-brand {
color: #9d9d9d;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-text {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
color: #444;
background-color: transparent;
}
.navbar-inverse .navbar-toggle {
border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
border-color: #101010;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
color: #fff;
background-color: #080808;
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-header {
border-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu .divider {
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
color: #9d9d9d;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
color: #fff;
background-color: transparent;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .active > a:focus {
color: #fff;
background-color: #080808;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:hover,
.navbar-inverse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
color: #444;
background-color: transparent;
}
}
.navbar-inverse .navbar-link {
color: #9d9d9d;
}
.navbar-inverse .navbar-link:hover {
color: #fff;
}
.navbar-inverse .btn-link {
color: #9d9d9d;
}
.navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link:focus {
color: #fff;
}
.navbar-inverse .btn-link[disabled]:hover,
fieldset[disabled] .navbar-inverse .btn-link:hover,
.navbar-inverse .btn-link[disabled]:focus,
fieldset[disabled] .navbar-inverse .btn-link:focus {
color: #444;
}
.breadcrumb {
padding: 8px 15px;
margin-bottom: 20px;
list-style: none;
background-color: #f5f5f5;
border-radius: 4px;
}
.breadcrumb > li {
display: inline-block;
}
.breadcrumb > li + li:before {
padding: 0 5px;
color: #ccc;
content: "/\00a0";
}
.breadcrumb > .active {
color: #777;
}
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px;
}
.pagination > li {
display: inline;
}
.pagination > li > a,
.pagination > li > span {
position: relative;
float: left;
padding: 6px 12px;
margin-left: -1px;
line-height: 1.42857143;
color: #337ab7;
text-decoration: none;
background-color: #fff;
border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
margin-left: 0;
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
border-top-right-radius: 4px;
border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
z-index: 2;
color: #23527c;
background-color: #eee;
border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
z-index: 3;
color: #fff;
cursor: default;
background-color: #337ab7;
border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
color: #777;
cursor: not-allowed;
background-color: #fff;
border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
padding: 10px 16px;
font-size: 18px;
line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
border-top-left-radius: 6px;
border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
border-top-right-radius: 6px;
border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
padding: 5px 10px;
font-size: 12px;
line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.pager {
padding-left: 0;
margin: 20px 0;
text-align: center;
list-style: none;
}
.pager li {
display: inline;
}
.pager li > a,
.pager li > span {
display: inline-block;
padding: 5px 14px;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
text-decoration: none;
background-color: #eee;
}
.pager .next > a,
.pager .next > span {
float: right;
}
.pager .previous > a,
.pager .previous > span {
float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
color: #777;
cursor: not-allowed;
background-color: #fff;
}
.label {
display: inline;
padding: .2em .6em .3em;
font-size: 75%;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: baseline;
border-radius: .25em;
}
a.label:hover,
a.label:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.label:empty {
display: none;
}
.btn .label {
position: relative;
top: -1px;
}
.label-default {
background-color: #777;
}
.label-default[href]:hover,
.label-default[href]:focus {
background-color: #5e5e5e;
}
.label-primary {
background-color: #337ab7;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
background-color: #286090;
}
.label-success {
background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
background-color: #449d44;
}
.label-info {
background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
background-color: #31b0d5;
}
.label-warning {
background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
background-color: #ec971f;
}
.label-danger {
background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
background-color: #c9302c;
}
.badge {
display: inline-block;
min-width: 10px;
padding: 3px 7px;
font-size: 12px;
font-weight: bold;
line-height: 1;
color: #fff;
text-align: center;
white-space: nowrap;
vertical-align: middle;
background-color: #777;
border-radius: 10px;
}
.badge:empty {
display: none;
}
.btn .badge {
position: relative;
top: -1px;
}
.btn-xs .badge,
.btn-group-xs > .btn .badge {
top: 0;
padding: 1px 5px;
}
a.badge:hover,
a.badge:focus {
color: #fff;
text-decoration: none;
cursor: pointer;
}
.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
color: #337ab7;
background-color: #fff;
}
.list-group-item > .badge {
float: right;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.nav-pills > li > a > .badge {
margin-left: 3px;
}
.jumbotron {
padding-top: 30px;
padding-bottom: 30px;
margin-bottom: 30px;
color: inherit;
background-color: #eee;
}
.jumbotron h1,
.jumbotron .h1 {
color: inherit;
}
.jumbotron p {
margin-bottom: 15px;
font-size: 21px;
font-weight: 200;
}
.jumbotron > hr {
border-top-color: #d5d5d5;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 15px;
padding-left: 15px;
border-radius: 6px;
}
.jumbotron .container {
max-width: 100%;
}
@media screen and (min-width: 768px) {
.jumbotron {
padding-top: 48px;
padding-bottom: 48px;
}
.container .jumbotron,
.container-fluid .jumbotron {
padding-right: 60px;
padding-left: 60px;
}
.jumbotron h1,
.jumbotron .h1 {
font-size: 63px;
}
}
.thumbnail {
display: block;
padding: 4px;
margin-bottom: 20px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: border .2s ease-in-out;
-o-transition: border .2s ease-in-out;
transition: border .2s ease-in-out;
}
.thumbnail > img,
.thumbnail a > img {
margin-right: auto;
margin-left: auto;
}
a.thumbnail:hover,
a.thumbnail:focus,
a.thumbnail.active {
border-color: #337ab7;
}
.thumbnail .caption {
padding: 9px;
color: #333;
}
.alert {
padding: 15px;
margin-bottom: 20px;
border: 1px solid transparent;
border-radius: 4px;
}
.alert h4 {
margin-top: 0;
color: inherit;
}
.alert .alert-link {
font-weight: bold;
}
.alert > p,
.alert > ul {
margin-bottom: 0;
}
.alert > p + p {
margin-top: 5px;
}
.alert-dismissable,
.alert-dismissible {
padding-right: 35px;
}
.alert-dismissable .close,
.alert-dismissible .close {
position: relative;
top: -2px;
right: -21px;
color: inherit;
}
.alert-success {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.alert-success hr {
border-top-color: #c9e2b3;
}
.alert-success .alert-link {
color: #2b542c;
}
.alert-info {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.alert-info hr {
border-top-color: #a6e1ec;
}
.alert-info .alert-link {
color: #245269;
}
.alert-warning {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.alert-warning hr {
border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
color: #66512c;
}
.alert-danger {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.alert-danger hr {
border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
color: #843534;
}
@-webkit-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@-o-keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.progress {
height: 20px;
margin-bottom: 20px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 12px;
line-height: 20px;
color: #fff;
text-align: center;
background-color: #337ab7;
-webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
-webkit-transition: width .6s ease;
-o-transition: width .6s ease;
transition: width .6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
}
.media {
margin-top: 15px;
}
.media:first-child {
margin-top: 0;
}
.media,
.media-body {
overflow: hidden;
zoom: 1;
}
.media-body {
width: 10000px;
}
.media-object {
display: block;
}
.media-object.img-thumbnail {
max-width: none;
}
.media-right,
.media > .pull-right {
padding-left: 10px;
}
.media-left,
.media > .pull-left {
padding-right: 10px;
}
.media-left,
.media-right,
.media-body {
display: table-cell;
vertical-align: top;
}
.media-middle {
vertical-align: middle;
}
.media-bottom {
vertical-align: bottom;
}
.media-heading {
margin-top: 0;
margin-bottom: 5px;
}
.media-list {
padding-left: 0;
list-style: none;
}
.list-group {
padding-left: 0;
margin-bottom: 20px;
}
.list-group-item {
position: relative;
display: block;
padding: 10px 15px;
margin-bottom: -1px;
background-color: #fff;
border: 1px solid #ddd;
}
.list-group-item:first-child {
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.list-group-item:last-child {
margin-bottom: 0;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
}
a.list-group-item,
button.list-group-item {
color: #555;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
color: #333;
}
a.list-group-item:hover,
button.list-group-item:hover,
a.list-group-item:focus,
button.list-group-item:focus {
color: #555;
text-decoration: none;
background-color: #f5f5f5;
}
button.list-group-item {
width: 100%;
text-align: left;
}
.list-group-item.disabled,
.list-group-item.disabled:hover,
.list-group-item.disabled:focus {
color: #777;
cursor: not-allowed;
background-color: #eee;
}
.list-group-item.disabled .list-group-item-heading,
.list-group-item.disabled:hover .list-group-item-heading,
.list-group-item.disabled:focus .list-group-item-heading {
color: inherit;
}
.list-group-item.disabled .list-group-item-text,
.list-group-item.disabled:hover .list-group-item-text,
.list-group-item.disabled:focus .list-group-item-text {
color: #777;
}
.list-group-item.active,
.list-group-item.active:hover,
.list-group-item.active:focus {
z-index: 2;
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small,
.list-group-item.active:hover .list-group-item-heading > .small,
.list-group-item.active:focus .list-group-item-heading > .small {
color: inherit;
}
.list-group-item.active .list-group-item-text,
.list-group-item.active:hover .list-group-item-text,
.list-group-item.active:focus .list-group-item-text {
color: #c7ddef;
}
.list-group-item-success {
color: #3c763d;
background-color: #dff0d8;
}
a.list-group-item-success,
button.list-group-item-success {
color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
color: inherit;
}
a.list-group-item-success:hover,
button.list-group-item-success:hover,
a.list-group-item-success:focus,
button.list-group-item-success:focus {
color: #3c763d;
background-color: #d0e9c6;
}
a.list-group-item-success.active,
button.list-group-item-success.active,
a.list-group-item-success.active:hover,
button.list-group-item-success.active:hover,
a.list-group-item-success.active:focus,
button.list-group-item-success.active:focus {
color: #fff;
background-color: #3c763d;
border-color: #3c763d;
}
.list-group-item-info {
color: #31708f;
background-color: #d9edf7;
}
a.list-group-item-info,
button.list-group-item-info {
color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
color: inherit;
}
a.list-group-item-info:hover,
button.list-group-item-info:hover,
a.list-group-item-info:focus,
button.list-group-item-info:focus {
color: #31708f;
background-color: #c4e3f3;
}
a.list-group-item-info.active,
button.list-group-item-info.active,
a.list-group-item-info.active:hover,
button.list-group-item-info.active:hover,
a.list-group-item-info.active:focus,
button.list-group-item-info.active:focus {
color: #fff;
background-color: #31708f;
border-color: #31708f;
}
.list-group-item-warning {
color: #8a6d3b;
background-color: #fcf8e3;
}
a.list-group-item-warning,
button.list-group-item-warning {
color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
color: inherit;
}
a.list-group-item-warning:hover,
button.list-group-item-warning:hover,
a.list-group-item-warning:focus,
button.list-group-item-warning:focus {
color: #8a6d3b;
background-color: #faf2cc;
}
a.list-group-item-warning.active,
button.list-group-item-warning.active,
a.list-group-item-warning.active:hover,
button.list-group-item-warning.active:hover,
a.list-group-item-warning.active:focus,
button.list-group-item-warning.active:focus {
color: #fff;
background-color: #8a6d3b;
border-color: #8a6d3b;
}
.list-group-item-danger {
color: #a94442;
background-color: #f2dede;
}
a.list-group-item-danger,
button.list-group-item-danger {
color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
color: inherit;
}
a.list-group-item-danger:hover,
button.list-group-item-danger:hover,
a.list-group-item-danger:focus,
button.list-group-item-danger:focus {
color: #a94442;
background-color: #ebcccc;
}
a.list-group-item-danger.active,
button.list-group-item-danger.active,
a.list-group-item-danger.active:hover,
button.list-group-item-danger.active:hover,
a.list-group-item-danger.active:focus,
button.list-group-item-danger.active:focus {
color: #fff;
background-color: #a94442;
border-color: #a94442;
}
.list-group-item-heading {
margin-top: 0;
margin-bottom: 5px;
}
.list-group-item-text {
margin-bottom: 0;
line-height: 1.3;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: 0 1px 1px rgba(0, 0, 0, .05);
}
.panel-body {
padding: 15px;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
color: inherit;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
color: inherit;
}
.panel-footer {
padding: 10px 15px;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
border-width: 1px 0;
border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
border-top: 0;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
border-bottom: 0;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
border-top-width: 0;
}
.list-group + .panel-footer {
border-top-width: 0;
}
.panel > .table,
.panel > .table-responsive > .table,
.panel > .panel-collapse > .table {
margin-bottom: 0;
}
.panel > .table caption,
.panel > .table-responsive > .table caption,
.panel > .panel-collapse > .table caption {
padding-right: 15px;
padding-left: 15px;
}
.panel > .table:first-child,
.panel > .table-responsive:first-child > .table:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:first-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:first-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:first-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:first-child {
border-top-left-radius: 3px;
}
.panel > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child td:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child td:last-child,
.panel > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > thead:first-child > tr:first-child th:last-child,
.panel > .table:first-child > tbody:first-child > tr:first-child th:last-child,
.panel > .table-responsive:first-child > .table:first-child > tbody:first-child > tr:first-child th:last-child {
border-top-right-radius: 3px;
}
.panel > .table:last-child,
.panel > .table-responsive:last-child > .table:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child {
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:first-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:first-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:first-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:first-child {
border-bottom-left-radius: 3px;
}
.panel > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child td:last-child,
.panel > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tbody:last-child > tr:last-child th:last-child,
.panel > .table:last-child > tfoot:last-child > tr:last-child th:last-child,
.panel > .table-responsive:last-child > .table:last-child > tfoot:last-child > tr:last-child th:last-child {
border-bottom-right-radius: 3px;
}
.panel > .panel-body + .table,
.panel > .panel-body + .table-responsive,
.panel > .table + .panel-body,
.panel > .table-responsive + .panel-body {
border-top: 1px solid #ddd;
}
.panel > .table > tbody:first-child > tr:first-child th,
.panel > .table > tbody:first-child > tr:first-child td {
border-top: 0;
}
.panel > .table-bordered,
.panel > .table-responsive > .table-bordered {
border: 0;
}
.panel > .table-bordered > thead > tr > th:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:first-child,
.panel > .table-bordered > tbody > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:first-child,
.panel > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:first-child,
.panel > .table-bordered > thead > tr > td:first-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:first-child,
.panel > .table-bordered > tbody > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:first-child,
.panel > .table-bordered > tfoot > tr > td:first-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:first-child {
border-left: 0;
}
.panel > .table-bordered > thead > tr > th:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > th:last-child,
.panel > .table-bordered > tbody > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > th:last-child,
.panel > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > th:last-child,
.panel > .table-bordered > thead > tr > td:last-child,
.panel > .table-responsive > .table-bordered > thead > tr > td:last-child,
.panel > .table-bordered > tbody > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tbody > tr > td:last-child,
.panel > .table-bordered > tfoot > tr > td:last-child,
.panel > .table-responsive > .table-bordered > tfoot > tr > td:last-child {
border-right: 0;
}
.panel > .table-bordered > thead > tr:first-child > td,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > td,
.panel > .table-bordered > tbody > tr:first-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > td,
.panel > .table-bordered > thead > tr:first-child > th,
.panel > .table-responsive > .table-bordered > thead > tr:first-child > th,
.panel > .table-bordered > tbody > tr:first-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:first-child > th {
border-bottom: 0;
}
.panel > .table-bordered > tbody > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > td,
.panel > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > td,
.panel > .table-bordered > tbody > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tbody > tr:last-child > th,
.panel > .table-bordered > tfoot > tr:last-child > th,
.panel > .table-responsive > .table-bordered > tfoot > tr:last-child > th {
border-bottom: 0;
}
.panel > .table-responsive {
margin-bottom: 0;
border: 0;
}
.panel-group {
margin-bottom: 20px;
}
.panel-group .panel {
margin-bottom: 0;
border-radius: 4px;
}
.panel-group .panel + .panel {
margin-top: 5px;
}
.panel-group .panel-heading {
border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
border-top: 0;
}
.panel-group .panel-footer + .panel-collapse .panel-body {
border-bottom: 1px solid #ddd;
}
.panel-default {
border-color: #ddd;
}
.panel-default > .panel-heading {
color: #333;
background-color: #f5f5f5;
border-color: #ddd;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ddd;
}
.panel-default > .panel-heading .badge {
color: #f5f5f5;
background-color: #333;
}
.panel-default > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ddd;
}
.panel-primary {
border-color: #337ab7;
}
.panel-primary > .panel-heading {
color: #fff;
background-color: #337ab7;
border-color: #337ab7;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #337ab7;
}
.panel-primary > .panel-heading .badge {
color: #337ab7;
background-color: #fff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #337ab7;
}
.panel-success {
border-color: #d6e9c6;
}
.panel-success > .panel-heading {
color: #3c763d;
background-color: #dff0d8;
border-color: #d6e9c6;
}
.panel-success > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #d6e9c6;
}
.panel-success > .panel-heading .badge {
color: #dff0d8;
background-color: #3c763d;
}
.panel-success > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #d6e9c6;
}
.panel-info {
border-color: #bce8f1;
}
.panel-info > .panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-info > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #bce8f1;
}
.panel-info > .panel-heading .badge {
color: #d9edf7;
background-color: #31708f;
}
.panel-info > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #bce8f1;
}
.panel-warning {
border-color: #faebcc;
}
.panel-warning > .panel-heading {
color: #8a6d3b;
background-color: #fcf8e3;
border-color: #faebcc;
}
.panel-warning > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #faebcc;
}
.panel-warning > .panel-heading .badge {
color: #fcf8e3;
background-color: #8a6d3b;
}
.panel-warning > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #faebcc;
}
.panel-danger {
border-color: #ebccd1;
}
.panel-danger > .panel-heading {
color: #a94442;
background-color: #f2dede;
border-color: #ebccd1;
}
.panel-danger > .panel-heading + .panel-collapse > .panel-body {
border-top-color: #ebccd1;
}
.panel-danger > .panel-heading .badge {
color: #f2dede;
background-color: #a94442;
}
.panel-danger > .panel-footer + .panel-collapse > .panel-body {
border-bottom-color: #ebccd1;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.embed-responsive-16by9 {
padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
padding-bottom: 75%;
}
.well {
min-height: 20px;
padding: 19px;
margin-bottom: 20px;
background-color: #f5f5f5;
border: 1px solid #e3e3e3;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
}
.well blockquote {
border-color: #ddd;
border-color: rgba(0, 0, 0, .15);
}
.well-lg {
padding: 24px;
border-radius: 6px;
}
.well-sm {
padding: 9px;
border-radius: 3px;
}
.close {
float: right;
font-size: 21px;
font-weight: bold;
line-height: 1;
color: #000;
text-shadow: 0 1px 0 #fff;
filter: alpha(opacity=20);
opacity: .2;
}
.close:hover,
.close:focus {
color: #000;
text-decoration: none;
cursor: pointer;
filter: alpha(opacity=50);
opacity: .5;
}
button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}
.modal-open {
overflow: hidden;
}
.modal {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1050;
display: none;
overflow: hidden;
-webkit-overflow-scrolling: touch;
outline: 0;
}
.modal.fade .modal-dialog {
-webkit-transition: -webkit-transform .3s ease-out;
-o-transition:      -o-transform .3s ease-out;
transition:         transform .3s ease-out;
-webkit-transform: translate(0, -25%);
-ms-transform: translate(0, -25%);
-o-transform: translate(0, -25%);
transform: translate(0, -25%);
}
.modal.in .modal-dialog {
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
-o-transform: translate(0, 0);
transform: translate(0, 0);
}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
.modal-dialog {
position: relative;
width: auto;
margin: 10px;
}
.modal-content {
position: relative;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
outline: 0;
-webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000;
}
.modal-backdrop.fade {
filter: alpha(opacity=0);
opacity: 0;
}
.modal-backdrop.in {
filter: alpha(opacity=50);
opacity: .5;
}
.modal-header {
padding: 15px;
border-bottom: 1px solid #e5e5e5;
}
.modal-header .close {
margin-top: -2px;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
}
.modal-body {
position: relative;
padding: 15px;
}
.modal-footer {
padding: 15px;
text-align: right;
border-top: 1px solid #e5e5e5;
}
.modal-footer .btn + .btn {
margin-bottom: 0;
margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
margin-left: 0;
}
.modal-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
@media (min-width: 768px) {
.modal-dialog {
width: 600px;
margin: 30px auto;
}
.modal-content {
-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
}
.modal-sm {
width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg {
width: 900px;
}
}
.tooltip {
position: absolute;
z-index: 1070;
display: block;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
filter: alpha(opacity=0);
opacity: 0;
line-break: auto;
}
.tooltip.in {
filter: alpha(opacity=90);
opacity: .9;
}
.tooltip.top {
padding: 5px 0;
margin-top: -3px;
}
.tooltip.right {
padding: 0 5px;
margin-left: 3px;
}
.tooltip.bottom {
padding: 5px 0;
margin-top: 3px;
}
.tooltip.left {
padding: 0 5px;
margin-left: -3px;
}
.tooltip-inner {
max-width: 200px;
padding: 3px 8px;
color: #fff;
text-align: center;
background-color: #000;
border-radius: 4px;
}
.tooltip-arrow {
position: absolute;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.tooltip.top .tooltip-arrow {
bottom: 0;
left: 50%;
margin-left: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
right: 5px;
bottom: 0;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
bottom: 0;
left: 5px;
margin-bottom: -5px;
border-width: 5px 5px 0;
border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
top: 50%;
left: 0;
margin-top: -5px;
border-width: 5px 5px 5px 0;
border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
top: 50%;
right: 0;
margin-top: -5px;
border-width: 5px 0 5px 5px;
border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
top: 0;
left: 50%;
margin-left: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
top: 0;
right: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
top: 0;
left: 5px;
margin-top: -5px;
border-width: 0 5px 5px;
border-bottom-color: #000;
}
.popover {
position: absolute;
top: 0;
left: 0;
z-index: 1060;
display: none;
max-width: 276px;
padding: 1px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-style: normal;
font-weight: normal;
line-height: 1.42857143;
text-align: left;
text-align: start;
text-decoration: none;
text-shadow: none;
text-transform: none;
letter-spacing: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
white-space: normal;
background-color: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .2);
border-radius: 6px;
-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
line-break: auto;
}
.popover.top {
margin-top: -10px;
}
.popover.right {
margin-left: 10px;
}
.popover.bottom {
margin-top: 10px;
}
.popover.left {
margin-left: -10px;
}
.popover-title {
padding: 8px 14px;
margin: 0;
font-size: 14px;
background-color: #f7f7f7;
border-bottom: 1px solid #ebebeb;
border-radius: 5px 5px 0 0;
}
.popover-content {
padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
position: absolute;
display: block;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
}
.popover > .arrow {
border-width: 11px;
}
.popover > .arrow:after {
content: "";
border-width: 10px;
}
.popover.top > .arrow {
bottom: -11px;
left: 50%;
margin-left: -11px;
border-top-color: #999;
border-top-color: rgba(0, 0, 0, .25);
border-bottom-width: 0;
}
.popover.top > .arrow:after {
bottom: 1px;
margin-left: -10px;
content: " ";
border-top-color: #fff;
border-bottom-width: 0;
}
.popover.right > .arrow {
top: 50%;
left: -11px;
margin-top: -11px;
border-right-color: #999;
border-right-color: rgba(0, 0, 0, .25);
border-left-width: 0;
}
.popover.right > .arrow:after {
bottom: -10px;
left: 1px;
content: " ";
border-right-color: #fff;
border-left-width: 0;
}
.popover.bottom > .arrow {
top: -11px;
left: 50%;
margin-left: -11px;
border-top-width: 0;
border-bottom-color: #999;
border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
top: 1px;
margin-left: -10px;
content: " ";
border-top-width: 0;
border-bottom-color: #fff;
}
.popover.left > .arrow {
top: 50%;
right: -11px;
margin-top: -11px;
border-right-width: 0;
border-left-color: #999;
border-left-color: rgba(0, 0, 0, .25);
}
.popover.left > .arrow:after {
right: 1px;
bottom: -10px;
content: " ";
border-right-width: 0;
border-left-color: #fff;
}
.carousel {
position: relative;
}
.carousel-inner {
position: relative;
width: 100%;
overflow: hidden;
}
.carousel-inner > .item {
position: relative;
display: none;
-webkit-transition: .6s ease-in-out left;
-o-transition: .6s ease-in-out left;
transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
.carousel-inner > .item {
-webkit-transition: -webkit-transform .6s ease-in-out;
-o-transition:      -o-transform .6s ease-in-out;
transition:         transform .6s ease-in-out;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1000px;
perspective: 1000px;
}
.carousel-inner > .item.next,
.carousel-inner > .item.active.right {
left: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
.carousel-inner > .item.prev,
.carousel-inner > .item.active.left {
left: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
.carousel-inner > .item.next.left,
.carousel-inner > .item.prev.right,
.carousel-inner > .item.active {
left: 0;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
display: block;
}
.carousel-inner > .active {
left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
position: absolute;
top: 0;
width: 100%;
}
.carousel-inner > .next {
left: 100%;
}
.carousel-inner > .prev {
left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
left: 0;
}
.carousel-inner > .active.left {
left: -100%;
}
.carousel-inner > .active.right {
left: 100%;
}
.carousel-control {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 15%;
font-size: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
background-color: rgba(0, 0, 0, 0);
filter: alpha(opacity=50);
opacity: .5;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .0001)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image:      -o-linear-gradient(left, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .0001)), to(rgba(0, 0, 0, .5)));
background-image:         linear-gradient(to right, rgba(0, 0, 0, .0001) 0%, rgba(0, 0, 0, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control:hover,
.carousel-control:focus {
color: #fff;
text-decoration: none;
filter: alpha(opacity=90);
outline: 0;
opacity: .9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right {
position: absolute;
top: 50%;
z-index: 5;
display: inline-block;
margin-top: -10px;
}
.carousel-control .icon-prev,
.carousel-control .glyphicon-chevron-left {
left: 50%;
margin-left: -10px;
}
.carousel-control .icon-next,
.carousel-control .glyphicon-chevron-right {
right: 50%;
margin-right: -10px;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 20px;
height: 20px;
font-family: serif;
line-height: 1;
}
.carousel-control .icon-prev:before {
content: '\2039';
}
.carousel-control .icon-next:before {
content: '\203a';
}
.carousel-indicators {
position: absolute;
bottom: 10px;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
}
.carousel-indicators li {
display: inline-block;
width: 10px;
height: 10px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000 \9;
background-color: rgba(0, 0, 0, 0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #fff;
}
.carousel-caption {
position: absolute;
right: 15%;
bottom: 20px;
left: 15%;
z-index: 10;
padding-top: 20px;
padding-bottom: 20px;
color: #fff;
text-align: center;
text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
text-shadow: none;
}
@media screen and (min-width: 768px) {
.carousel-control .glyphicon-chevron-left,
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-prev,
.carousel-control .icon-next {
width: 30px;
height: 30px;
margin-top: -10px;
font-size: 30px;
}
.carousel-control .glyphicon-chevron-left,
.carousel-control .icon-prev {
margin-left: -10px;
}
.carousel-control .glyphicon-chevron-right,
.carousel-control .icon-next {
margin-right: -10px;
}
.carousel-caption {
right: 20%;
left: 20%;
padding-bottom: 30px;
}
.carousel-indicators {
bottom: 20px;
}
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
display: table;
content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
clear: both;
}
.center-block {
display: block;
margin-right: auto;
margin-left: auto;
}
.pull-right {
float: right !important;
}
.pull-left {
float: left !important;
}
.hide {
display: none !important;
}
.show {
display: block !important;
}
.invisible {
visibility: hidden;
}
.text-hide {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
.hidden {
display: none !important;
}
.affix {
position: fixed;
}
@-ms-viewport {
width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
display: none !important;
}
@media (max-width: 767px) {
.visible-xs {
display: block !important;
}
table.visible-xs {
display: table !important;
}
tr.visible-xs {
display: table-row !important;
}
th.visible-xs,
td.visible-xs {
display: table-cell !important;
}
}
@media (max-width: 767px) {
.visible-xs-block {
display: block !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline {
display: inline !important;
}
}
@media (max-width: 767px) {
.visible-xs-inline-block {
display: inline-block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm {
display: block !important;
}
table.visible-sm {
display: table !important;
}
tr.visible-sm {
display: table-row !important;
}
th.visible-sm,
td.visible-sm {
display: table-cell !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-block {
display: block !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline {
display: inline !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.visible-sm-inline-block {
display: inline-block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md {
display: block !important;
}
table.visible-md {
display: table !important;
}
tr.visible-md {
display: table-row !important;
}
th.visible-md,
td.visible-md {
display: table-cell !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-block {
display: block !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline {
display: inline !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.visible-md-inline-block {
display: inline-block !important;
}
}
@media (min-width: 1200px) {
.visible-lg {
display: block !important;
}
table.visible-lg {
display: table !important;
}
tr.visible-lg {
display: table-row !important;
}
th.visible-lg,
td.visible-lg {
display: table-cell !important;
}
}
@media (min-width: 1200px) {
.visible-lg-block {
display: block !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline {
display: inline !important;
}
}
@media (min-width: 1200px) {
.visible-lg-inline-block {
display: inline-block !important;
}
}
@media (max-width: 767px) {
.hidden-xs {
display: none !important;
}
}
@media (min-width: 768px) and (max-width: 991px) {
.hidden-sm {
display: none !important;
}
}
@media (min-width: 992px) and (max-width: 1199px) {
.hidden-md {
display: none !important;
}
}
@media (min-width: 1200px) {
.hidden-lg {
display: none !important;
}
}
.visible-print {
display: none !important;
}
@media print {
.visible-print {
display: block !important;
}
table.visible-print {
display: table !important;
}
tr.visible-print {
display: table-row !important;
}
th.visible-print,
td.visible-print {
display: table-cell !important;
}
}
.visible-print-block {
display: none !important;
}
@media print {
.visible-print-block {
display: block !important;
}
}
.visible-print-inline {
display: none !important;
}
@media print {
.visible-print-inline {
display: inline !important;
}
}
.visible-print-inline-block {
display: none !important;
}
@media print {
.visible-print-inline-block {
display: inline-block !important;
}
}
@media print {
.hidden-print {
display: none !important;
}
}
.d-none {
display: none !important;
}
.d-block {
display: block !important;
}
@media (min-width: 1200px) {
.d-xl-none {
display: none !important;
}
.d-xl-block {
display: block !important;
}
}
@media (min-width: 992px) {
.d-lg-none {
display: none !important;
}
.d-lg-block {
display: block !important;
}
}.woocommerce ul.products li.product {
overflow: hidden;
}
.woocommerce ul.products li.product a img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.woocommerce ul.products li.product a img:hover{
-webkit-transform: scale(0.90);
transform: scale(0.90);
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce ul.products li.product .onsale {
margin: 0.5em 0.5em 0 0;
z-index: 1;
}
.woocommerce span.onsale {
top: 0.5em;
left: 0.5em;
}
.woocommerce ul.products li.product a img {
margin: 0 0 3px;
}
.woocommerce ul.products li.product h3 {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
text-align: center;
padding: 3px 0;
}
.woocommerce ul.products li.product .star-rating {
margin: 0 auto;
}
.woocommerce ul.products li.product .price {
text-align: center;
}
.woocommerce a.button, 
.woocommerce button.button.alt, 
.woocommerce #respond input#submit,
.woocommerce input.button.alt, 
.woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled],
.woocommerce-cart table.cart input.button,
.woocommerce input.button,
.woocommerce button.button {
background: transparent;
font-family: 'Open Sans', sans-serif;
padding: 16px 24px;
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
font-size: 13px;
}
.woocommerce a.button:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce #respond input#submit:hover,
.woocommerce input.button.alt:hover,
.woocommerce button.button.alt.disabled:hover,
.woocommerce-cart table.cart input.button:hover,
.woocommerce input.button:hover,
.woocommerce button.button:hover {
color: #ffffff;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.woocommerce a.button {
padding: .618em 1em;
}
.woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
width: 100px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: transparent;
font-family: 'Open Sans', sans-serif;
padding: 16px 24px;
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
font-size: 13px;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
color: #ffffff;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.woocommerce ul.products li.product .price ins {
font-size: 14px;
}
.woocommerce ul.products li.product .price del {
color: #ff0000;
opacity: .5;
display: inline-block;
font-weight: 500;
}
.woocommerce ul.products li.product .price {
margin: 10px 0 0;
}
.woocommerce ul.products li.product .price {
color: #1c314c;
font-weight: 400;
font-size: 14px;
}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {
padding: 0 0 20px 0;
}
.woocommerce li.product:hover, .woocommerce-page li.product:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.woocommerce div.product p.price, 
.woocommerce div.product span.price {
color: #1c314c;
font-family: 'Open Sans', sans-serif;
font-size: 20px;
font-weight: 700;
}
.woocommerce div.product .product_title {
font-size: 24px;
font-family: 'Open Sans', sans-serif;
}
.woocommerce-billing-fields h3, .woocommerce-shipping-fields h3, .cart_totals h2, header.title h3, h3#order_review_heading, h2.woocommerce-Reviews-title, .woocommerce-Tabs-panel h2, .related h2 {
font-size: 26px;
font-family: 'Open Sans', sans-serif;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
border: dashed 1px #1c314c;
background: transparent;
line-height: 35px;
}
.woocommerce-message:before, .woocommerce-info:before {
color: #1c314c;
}
.woocommerce form.checkout_coupon, 
.woocommerce form.login, 
.woocommerce form.register {
border-radius: 0;
}
tr.cart-subtotal th, tr.order-total th {
border: 1px solid #e8e7e7;
background: transparent;
color: #747474;
}
.woocommerce-checkout #payment {
background: transparent;
}
.woocommerce-checkout #payment div.payment_box {
background-color: #1c314c;
}
.woocommerce-checkout #payment div.payment_box p {
color: #ffffff;
}
#add_payment_method #payment div.payment_box:before, .woocommerce-cart #payment div.payment_box:before, .woocommerce-checkout #payment div.payment_box:before {
border: 1em solid #1c314c;
content: "";
display: block;
border-right-color: transparent;
border-left-color: transparent;
border-top-color: transparent;
position: absolute;
top: -.75em;
left: 0;
margin: -1em 0 0 2em;
}
.woocommerce a.remove {
display: block;
font-size: 1.5em;
height: 1em;
width: 1em;
text-align: center;
line-height: 1;
border-radius: 100%;
background: #1c314c;
color: #ffffff !important;
text-decoration: none;
font-weight: 700;
border: 0;
} .woocommerce .order_details li {
font-size: 12px;
}
p.woocommerce-thankyou-order-received {
background: #f8f8f8;
font-family: 'Open Sans', sans-serif;
padding: 1em;
border-radius: 3px;
} .woocommerce-MyAccount-navigation ul {
margin: 0;
padding: 0 0px 0px 20px;
}
.woocommerce-MyAccount-navigation ul li {
list-style: none;
font-family: 'Open Sans', sans-serif;
padding: 10px 15px;
margin-bottom: 4px;
border-radius: 3px;
}
.woocommerce-MyAccount-navigation ul li a {
color: #ffffff;
} .woocommerce nav.woocommerce-pagination {
text-align: center;
}
.woocommerce nav.woocommerce-pagination ul {
display: inline-block;
white-space: nowrap;
padding: 0;
border-right: 0;
margin: 1px;
border: none;
}
.woocommerce nav.woocommerce-pagination ul li {
padding: 0;
margin: 0;
float: left;
display: inline;
overflow: hidden;
border-right: none;
}
.woocommerce nav.woocommerce-pagination ul li span.current {
color: #fff;
padding: 12px 16px;
margin-right: 5px;
border-radius: 30px;
}
.woocommerce nav.woocommerce-pagination ul li a {
padding: 12px 16px;
font-size: 15px;
color: #747474 !important;
border: solid 1px #efe9e9;
background: transparent;
margin-right: 6px;
border-radius: 30px;
}
.woocommerce nav.woocommerce-pagination a.page-numbers:hover {
color: #ffffff !important;
}
.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
margin: 0;
color: #ffffff;
text-decoration: none;
margin-right: 5px;
line-height: 1;
font-weight: 400;
min-width: 1em;
display: block;
}.footer-sidebar .widget .widget-title{
font-family: 'Open Sans', sans-serif;
font-size: 24px; 
line-height: 24px;
font-style: normal;
margin: 0;
}
.footer-sidebar .widget { margin: 0 0 60px; padding: 0px; display: block; }
.footer-sidebar .widget:last-child { margin: 0 0 40px; }
.footer-sidebar .widget .widget-title {
font-weight: 500;
display: block;
margin: 0 0 30px;
border-bottom: 1px solid #e7eaf1;
color: #ffffff;
padding: 0 0 18px;
}
.footer-sidebar .widget .title-border { 
width: 30px;
margin-bottom: 15px;
margin-top: -32px;
}
.footer-sidebar .widget ul { 
margin: 0; padding: 0; 
list-style: outside none none; 
padding: 0; 
}
.footer-sidebar .widget li {
padding: 8px 0;
color: #ffffff; 
}
.footer-sidebar .widget ul li a { 
color: #ffffff;
font-weight: lighter; 
}
.footer-sidebar .widget ul li::before { 
content: "\f054";
font-family: "Fontawesome";
font-size: 9px;
margin-right: 5px;
}
.widget ul.product_list_widget li::before { 
content:none;
}
.footer-sidebar .widget ul li a:hover, .widget ul li a:active { 
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.footer-sidebar .widget li ul.children { 
margin-left: 10px; 
padding-bottom: 0; 
margin-top:12px; 
}
.footer-sidebar .widget ul li ul.children { 
padding-left: 20px; 
}
.footer-sidebar .widget li ul.sub-menu { margin-top:12px; padding-right:0; padding-bottom:0; }
.footer-sidebar .widget ul.children, .widget ul.sub-menu { margin-top:12px; margin-left:20px; }
.footer-sidebar .widget ul.children, .sidebar .widget ul.sub-menu { margin-top:12px; margin-left:0px; }
.footer-sidebar .widget ul.children li:first-child, .widget ul.sub-menu li:first-child { padding-top:12px; }
.footer-sidebar .widget li:first-child { padding-top: 9px; }
.footer-sidebar .widget li:last-child { padding-bottom: 0px;  border-bottom: 0px !important; } .footer-sidebar .widget input[type="submit"] {
padding: 12px 24px;
border-radius: 30px;
background: transparent;
color: #ffffff;
border: solid 2px #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.footer-sidebar .widget input[type="submit"]:hover{
color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.footer-sidebar .widget  input[type="submit"]:hover, button:hover, input[type="submit"]:focus, button:focus {
transition: all 0.3s ease 0s;
outline: none;
} .footer-sidebar .widget .calendar_wrap { background-color: #ffffff; border: 1px solid #eae7e4; padding: 5px; border-radius: 3px; }
.footer-sidebar .widget table { 
border-collapse: inherit;
border-spacing: 5px;
border: 0 none;
padding: 0px; 
margin: 0; 
line-height: 40px; 
text-align: center; 
table-layout: fixed; 
width: 100%; 
}
.footer-sidebar .widget table caption { 
text-align: center; 
color: #ffffff; 
font-size: 18px; 
font-weight: 500; 
line-height: 25px; 
padding: 10px; 
border-radius: 3px; 
}
.footer-sidebar .widget table th { 
background:transparent; 
color:#747474; 
border: 0 none; 
font-weight: 700;  
}
.footer-sidebar .widget table td { background: #f2f2f2; border-radius: 3px; }
.footer-sidebar .widget table td, .widget table th { padding: 0px; line-height: 27px; text-align: center; } 
.footer-sidebar .widget table tbody a { display: block; border-radius: 3px; }
.widget table #next a, .widget table #prev a { font-weight: 600; } .footer-sidebar .widget .comment-author-link a { font-weight: 600; } .footer-sidebar .tagcloud { margin: 0; padding: 0; display: block; }
.footer-sidebar .tagcloud a {  
display: inline-block;
background: transparent;
padding: 12px;
position: relative;
border: 1px solid #ffffff;
color: #ffffff;
font-size: 14px !important;
line-height: 10px;
font-weight: lighter;
margin: 0 10px 14px 0;
text-decoration: none; 
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;                 
}
.footer-sidebar .tagcloud a:hover, .tagcloud a:focus {  
color: #ffffff;       
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;  
} .footer-sidebar .widget-title .rsswidget { color: #36404a; } .footer-sidebar .widget .post { border-bottom: 1px solid #eae7e4; margin: 0 0 20px; padding: 0 0 20px; }
.footer-sidebar .widget .post:last-child { margin: 0px; padding: 0; border-bottom: 0 none; }
.footer-sidebar .widget .post .entry-header { margin: 0 0 5px; }
.footer-sidebar .widget .post .entry-header .entry-title { display: block; margin: 0; padding: 0; font-size: 15px; font-weight: 500; }
.footer-sidebar .widget .post .entry-date { color: #787878; font-size: 13px; line-height: 20px; margin-right: 8px; font-weight: 500; display: block; }
.footer-sidebar .widget .post-thumbnail { margin: 0px 20px 0px 0; overflow: hidden; float: left; display: block; width: 60px; border-radius: 2px; }
.footer-sidebar .widget .post-thumbnail img { display: block; height: auto; max-width: 100%; transition: all 0.3s ease-in-out 0s; } .sidebar { margin: 0px; padding: 0px; }
.sidebar aside { 
padding: 15px 20px; 
background-color: #f7f9fc;
}
.sidebar .widget { 
margin: 0 0 40px;
display: block; 
border: solid 1px #f6f6f6;
}
.sidebar .widget:last-child { 
margin: 0px;
}
.sidebar .widget .widget-title {
background-color: transparent;
font-family: 'Open Sans', sans-serif;
font-size: 24px; 
line-height: 24px;
font-weight: 500;
display: block;
font-style: normal;
padding: 0 0 18px;
margin: 0 0 10px;
border-bottom: 1px solid #e7eaf1;
}
.sidebar .widget .title-border { 
width: 30px;
margin-bottom: 15px;
margin-top: -12px;
}
.sidebar .widget ul { 
margin: 0; padding: 0; 
list-style: outside none none; 
padding: 0; 
}
.sidebar .widget li {
color: #505050; 
padding: 13px 0;
border-bottom: 1px solid #e7eaf1;
}
.sidebar .widget ul li a { 
color: #505050;
font-weight: normal; 
}
.sidebar .widget ul li a::after { 
content: "\f054";
font-family: "Fontawesome";
font-size: 9px;
margin-right: 5px;
float: right;
}
.sidebar .widget ul li a:hover, .widget ul li a:active { 
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.sidebar .widget li ul.children { 
margin-left: 10px; 
padding-bottom: 0; 
margin-top:12px; 
}
.footer-sidebar .widget ul li ul.children { 
padding-left: 20px; 
}
.sidebar .widget li ul.sub-menu { margin-top:0; margin-left: 14px; padding-right:0; padding-bottom:0; }
.sidebar .widget ul.children, .widget ul.sub-menu { margin-top:12px; margin-left:20px; }
.sidebar .widget ul.children, .sidebar .widget ul.sub-menu { margin-top:12px; margin-left:0px; }
.sidebar .widget ul.children li:first-child, .widget ul.sub-menu li:first-child { padding-top:12px; }
.sidebar .widget li:first-child { padding-top: 9px; }
.sidebar .widget li:last-child { border-bottom: 0px !important; } 
.sidebar .widget input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
border-radius: 3px;
margin-bottom: 20px;
box-shadow: inherit;
padding: 6px 12px;
line-height: 25px;
}
.sidebar .widget input[type="submit"] {
padding: 12px 24px;
border-radius: 30px;
background: transparent;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.sidebar .widget input[type="submit"]:hover {
color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.sidebar .widget  input[type="submit"]:hover, button:hover, input[type="submit"]:focus, button:focus {
transition: all 0.3s ease 0s;
outline: none;
} .sidebar .widget .calendar_wrap { background-color: #ffffff; border: 1px solid #eae7e4; padding: 5px; border-radius: 3px; }
.sidebar .widget table { 
border-collapse: inherit;
border-spacing: 5px;
border: 0 none;
padding: 0px; 
margin: 0; 
line-height: 40px; 
text-align: center; 
table-layout: fixed; 
width: 100%; 
}
.sidebar .widget table caption { 
text-align: center;
color: #ffffff; 
font-size: 18px; 
font-weight: 500; 
line-height: 25px; 
padding: 10px; 
border-radius: 3px; 
}
.sidebar .widget table th { 
background:transparent; 
color:#747474; 
border: 0 none; 
font-weight: 700;  
}
.sidebar .widget table td { 
border: solid 1px #f2f2f2;
border-radius: 0;
}
.sidebar .widget table td, .widget table th { padding: 0px; line-height: 40px; text-align: center; } 
.sidebar .widget table tbody a { display: block; border-radius: 3px; }
.sidebar .widget table tbody a:hover, .widget table tbody a:focus { color: #e84c3d; }
.widget table #next a, .widget table #prev a { font-weight: 600; } .sidebar .widget .comment-author-link a { font-weight: 600; } .sidebar .tagcloud { margin: 0; padding: 0; display: block; }
.sidebar .tagcloud a {  
display: inline-block;
background: transparent;
padding: 12px;
position: relative;
border: 1px solid #505050;
color: #505050;
font-size: 14px !important;
line-height: 10px;
font-weight: lighter;
margin: 0 10px 14px 0;
text-decoration: none; 
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;                 
}
.sidebar .tagcloud a:hover, .tagcloud a:focus {  
color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;  
} .sidebar .widget-title .rsswidget { color: #36404a; } .sidebar .widget .post { border-bottom: 1px solid #eae7e4; margin: 0 0 20px; padding: 0 0 20px; }
.sidebar .widget .post:last-child { margin: 0px; padding: 0; border-bottom: 0 none; }
.sidebar .widget .post .entry-header { margin: 0 0 5px; }
.sidebar .widget .post .entry-header .entry-title { display: block; margin: 0; padding: 0; font-size: 15px; font-weight: 500; }
.sidebar .widget .post .entry-date { color: #787878; font-size: 13px; line-height: 20px; margin-right: 8px; font-weight: 500; display: block; }
.sidebar .widget .post-thumbnail { margin: 0px 20px 0px 0; overflow: hidden; float: left; display: block; width: 60px; border-radius: 2px; }
.sidebar .widget .post-thumbnail img { display: block; height: auto; max-width: 100%; transition: all 0.3s ease-in-out 0s; } .woo-sidebar { margin: 0px; padding: 0px; }
.woo-sidebar aside { 
padding: 15px 20px; 
background-color: #f7f9fc;
}
.woo-sidebar .widget { 
margin: 0 0 40px;
display: block; 
border: solid 1px #f6f6f6;
}
.woo-sidebar .widget:last-child { 
margin: 0px;
}
.woo-sidebar .widget .widget-title {
background-color: transparent;
font-family: 'Open Sans', sans-serif;
font-size: 24px; 
line-height: 24px;
font-weight: 500;
display: block;
font-style: normal;
padding: 0 0 18px;
margin: 0 0 10px;
border-bottom: 1px solid #e7eaf1;
}
.woo-sidebar .widget .title-border { 
width: 30px;
margin-bottom: 15px;
margin-top: -12px;
}
.woo-sidebar .widget ul { 
margin: 0; padding: 0; 
list-style: outside none none; 
padding: 0; 
}
.woo-sidebar .widget li {
color: #505050; 
border-bottom: 1px solid #e7eaf1;
padding:13px 0;
}
.woo-sidebar .widget ul li a { 
color: #505050;
font-weight: normal; 
}
.woo-sidebar li.mini_cart_item a {
padding: 0 !important;
}
.woo-sidebar .widget ul li a:hover, .widget ul li a:active { 
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.woo-sidebar .widget li ul.children { 
margin-left: 10px; 
padding-bottom: 0; 
margin-top:12px; 
}
.woo-footer-sidebar .widget ul li ul.children { 
padding-left: 20px; 
}
.woo-sidebar .widget li ul.sub-menu { margin-top:0; margin-left: 14px; padding-right:0; padding-bottom:0; }
.woo-sidebar .widget ul.children, .widget ul.sub-menu { margin-top:12px; margin-left:20px; }
.woo-sidebar .widget ul.children, .sidebar .widget ul.sub-menu { margin-top:12px; margin-left:0px; }
.woo-sidebar .widget ul.children li:first-child, .widget ul.sub-menu li:first-child { padding-top:12px; }
.woo-sidebar .widget li:first-child { padding-top: 9px; }
.woo-sidebar .widget li:last-child { border-bottom: 0px !important; } 
.woo-sidebar .widget input:not([type]), input[type="email"], input[type="number"], input[type="password"], input[type="tel"], input[type="url"], input[type="text"] {
border-radius: 3px;
margin-bottom: 20px;
box-shadow: inherit;
padding: 6px 12px;
line-height: 25px;
}
.woo-sidebar .widget input[type="submit"] {
padding: 12px 24px;
margin-top: 10px;
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.woo-sidebar .widget input[type="submit"]:hover {
color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.woo-sidebar .widget  input[type="submit"]:hover, button:hover, input[type="submit"]:focus, button:focus {
transition: all 0.3s ease 0s;
outline: none;
} .woo-sidebar .widget .calendar_wrap { background-color: #ffffff; border: 1px solid #eae7e4; padding: 5px; border-radius: 3px; }
.woo-sidebar .widget table { 
border-collapse: inherit;
border-spacing: 5px;
border: 0 none;
padding: 0px; 
margin: 0; 
line-height: 40px; 
text-align: center; 
table-layout: fixed; 
width: 100%; 
}
.woo-sidebar .widget table caption { 
text-align: center;
color: #ffffff; 
font-size: 18px; 
font-weight: 500; 
line-height: 25px; 
padding: 10px; 
border-radius: 3px; 
}
.woo-sidebar .widget table th { 
background:transparent; 
color:#747474; 
border: 0 none; 
font-weight: 700;  
}
.woo-sidebar .widget table td { 
border: solid 1px #f2f2f2;
border-radius: 0;
}
.woo-sidebar .widget table td, .widget table th { padding: 0px; line-height: 40px; text-align: center; } 
.woo-sidebar .widget table tbody a { color: #e84c3d; display: block; border-radius: 3px; }
.woo-sidebar .widget table tbody a:hover, .widget table tbody a:focus { color: #e84c3d; }
.woo-widget table #next a, .widget table #prev a { font-weight: 600; } .woo-sidebar .widget .comment-author-link a { font-weight: 600; } .woo-sidebar .tagcloud { margin: 0; padding: 0; display: block; }
.woo-sidebar .tagcloud a {  
display: inline-block;
background: transparent;
padding: 12px;
position: relative;
border: 1px solid #505050;
color: #505050;
font-size: 14px !important;
line-height: 10px;
font-weight: lighter;
margin: 0 10px 14px 0;
text-decoration: none; 
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;                 
}
.woo-sidebar .tagcloud a:hover, .tagcloud a:focus {  
border: 1px solid #e84c3d;
color: #ffffff;  
background: #e84c3d;       
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;  
} .woo-sidebar .widget-title .rsswidget { color: #36404a; } .woo-sidebar .widget .post { border-bottom: 1px solid #eae7e4; margin: 0 0 20px; padding: 0 0 20px; }
.woo-sidebar .widget .post:last-child { margin: 0px; padding: 0; border-bottom: 0 none; }
.woo-sidebar .widget .post .entry-header { margin: 0 0 5px; }
.woo-sidebar .widget .post .entry-header .entry-title { display: block; margin: 0; padding: 0; font-size: 15px; font-weight: 500; }
.woo-sidebar .widget .post .entry-date { color: #787878; font-size: 13px; line-height: 20px; margin-right: 8px; font-weight: 500; display: block; }
.woo-sidebar .widget .post-thumbnail { margin: 0px 20px 0px 0; overflow: hidden; float: left; display: block; width: 60px; border-radius: 2px; }
.woo-sidebar .widget .post-thumbnail img { display: block; height: auto; max-width: 100%; transition: all 0.3s ease-in-out 0s; }
ul.product_list_widget li a img, .footer-sidebar ul.product_list_widget li a img {
width: 32px;
float: right;
}.hvr-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .hvr-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-shrink:hover, .hvr-shrink:focus, .hvr-shrink:active {
-webkit-transform: scale(0.9);
transform: scale(0.9);
} @-webkit-keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse {
25% {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
75% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse:hover, .hvr-pulse:focus, .hvr-pulse:active {
-webkit-animation-name: hvr-pulse;
animation-name: hvr-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
@keyframes hvr-pulse-grow {
to {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
}
.hvr-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
-webkit-animation-name: hvr-pulse-grow;
animation-name: hvr-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@keyframes hvr-pulse-shrink {
to {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
.hvr-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pulse-shrink:hover, .hvr-pulse-shrink:focus, .hvr-pulse-shrink:active {
-webkit-animation-name: hvr-pulse-shrink;
animation-name: hvr-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
@keyframes hvr-push {
50% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
}
}
.hvr-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-push:hover, .hvr-push:focus, .hvr-push:active {
-webkit-animation-name: hvr-push;
animation-name: hvr-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
@keyframes hvr-pop {
50% {
-webkit-transform: scale(1.2);
transform: scale(1.2);
}
}
.hvr-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-pop:hover, .hvr-pop:focus, .hvr-pop:active {
-webkit-animation-name: hvr-pop;
animation-name: hvr-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-bounce-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-in:hover, .hvr-bounce-in:focus, .hvr-bounce-in:active {
-webkit-transform: scale(1.2);
transform: scale(1.2);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-bounce-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-out:hover, .hvr-bounce-out:focus, .hvr-bounce-out:active {
-webkit-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
-webkit-transform: rotate(4deg);
transform: rotate(4deg);
} .hvr-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-grow-rotate:hover, .hvr-grow-rotate:focus, .hvr-grow-rotate:active {
-webkit-transform: scale(1.1) rotate(4deg);
transform: scale(1.1) rotate(4deg);
} .hvr-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-float:hover, .hvr-float:focus, .hvr-float:active {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
} .hvr-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sink:hover, .hvr-sink:focus, .hvr-sink:active {
-webkit-transform: translateY(8px);
transform: translateY(8px);
} @-webkit-keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob {
0% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
50% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@-webkit-keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
@keyframes hvr-bob-float {
100% {
-webkit-transform: translateY(-8px);
transform: translateY(-8px);
}
}
.hvr-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-bob:hover, .hvr-bob:focus, .hvr-bob:active {
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang {
0% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
50% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@-webkit-keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
@keyframes hvr-hang-sink {
100% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
}
.hvr-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-hang:hover, .hvr-hang:focus, .hvr-hang:active {
-webkit-animation-name: hvr-hang-sink, hvr-hang;
animation-name: hvr-hang-sink, hvr-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} .hvr-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-skew:hover, .hvr-skew:focus, .hvr-skew:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .hvr-skew-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-forward:hover, .hvr-skew-forward:focus, .hvr-skew-forward:active {
-webkit-transform: skew(-10deg);
transform: skew(-10deg);
} .hvr-skew-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-skew-backward:hover, .hvr-skew-backward:focus, .hvr-skew-backward:active {
-webkit-transform: skew(10deg);
transform: skew(10deg);
} @-webkit-keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-wobble-vertical {
16.65% {
-webkit-transform: translateY(8px);
transform: translateY(8px);
}
33.3% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
-webkit-animation-name: hvr-wobble-vertical;
animation-name: hvr-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-wobble-horizontal {
16.65% {
-webkit-transform: translateX(8px);
transform: translateX(8px);
}
33.3% {
-webkit-transform: translateX(-6px);
transform: translateX(-6px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
-webkit-animation-name: hvr-wobble-horizontal;
animation-name: hvr-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-bottom-right {
16.65% {
-webkit-transform: translate(8px, 8px);
transform: translate(8px, 8px);
}
33.3% {
-webkit-transform: translate(-6px, -6px);
transform: translate(-6px, -6px);
}
49.95% {
-webkit-transform: translate(4px, 4px);
transform: translate(4px, 4px);
}
66.6% {
-webkit-transform: translate(-2px, -2px);
transform: translate(-2px, -2px);
}
83.25% {
-webkit-transform: translate(1px, 1px);
transform: translate(1px, 1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-bottom-right:hover, .hvr-wobble-to-bottom-right:focus, .hvr-wobble-to-bottom-right:active {
-webkit-animation-name: hvr-wobble-to-bottom-right;
animation-name: hvr-wobble-to-bottom-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
@keyframes hvr-wobble-to-top-right {
16.65% {
-webkit-transform: translate(8px, -8px);
transform: translate(8px, -8px);
}
33.3% {
-webkit-transform: translate(-6px, 6px);
transform: translate(-6px, 6px);
}
49.95% {
-webkit-transform: translate(4px, -4px);
transform: translate(4px, -4px);
}
66.6% {
-webkit-transform: translate(-2px, 2px);
transform: translate(-2px, 2px);
}
83.25% {
-webkit-transform: translate(1px, -1px);
transform: translate(1px, -1px);
}
100% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
}
.hvr-wobble-to-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
-webkit-animation-name: hvr-wobble-to-top-right;
animation-name: hvr-wobble-to-top-right;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-top {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;
}
.hvr-wobble-top:hover, .hvr-wobble-top:focus, .hvr-wobble-top:active {
-webkit-animation-name: hvr-wobble-top;
animation-name: hvr-wobble-top;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-bottom {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
.hvr-wobble-bottom:hover, .hvr-wobble-bottom:focus, .hvr-wobble-bottom:active {
-webkit-animation-name: hvr-wobble-bottom;
animation-name: hvr-wobble-bottom;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
@keyframes hvr-wobble-skew {
16.65% {
-webkit-transform: skew(-12deg);
transform: skew(-12deg);
}
33.3% {
-webkit-transform: skew(10deg);
transform: skew(10deg);
}
49.95% {
-webkit-transform: skew(-6deg);
transform: skew(-6deg);
}
66.6% {
-webkit-transform: skew(4deg);
transform: skew(4deg);
}
83.25% {
-webkit-transform: skew(-2deg);
transform: skew(-2deg);
}
100% {
-webkit-transform: skew(0);
transform: skew(0);
}
}
.hvr-wobble-skew {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-wobble-skew:hover, .hvr-wobble-skew:focus, .hvr-wobble-skew:active {
-webkit-animation-name: hvr-wobble-skew;
animation-name: hvr-wobble-skew;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
-webkit-animation-name: hvr-buzz;
animation-name: hvr-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
}
.hvr-buzz-out:hover, .hvr-buzz-out:focus, .hvr-buzz-out:active {
-webkit-animation-name: hvr-buzz-out;
animation-name: hvr-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active {
-webkit-transform: translateX(8px);
transform: translateX(8px);
} .hvr-backward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-backward:hover, .hvr-backward:focus, .hvr-backward:active {
-webkit-transform: translateX(-8px);
transform: translateX(-8px);
}  .hvr-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
background-color: #2098D1;
color: white;
} @-webkit-keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
@keyframes hvr-back-pulse {
50% {
background-color: rgba(32, 152, 209, 0.75);
}
}
.hvr-back-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
overflow: hidden;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color, background-color;
transition-property: color, background-color;
}
.hvr-back-pulse:hover, .hvr-back-pulse:focus, .hvr-back-pulse:active {
-webkit-animation-name: hvr-back-pulse;
animation-name: hvr-back-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-delay: 0.5s;
animation-delay: 0.5s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
background-color: #2098D1;
background-color: #2098d1;
color: white;
} .hvr-sweep-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-right:hover, .hvr-sweep-to-right:focus, .hvr-sweep-to-right:active {
color: white;
}
.hvr-sweep-to-right:hover:before, .hvr-sweep-to-right:focus:before, .hvr-sweep-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-sweep-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-left:hover, .hvr-sweep-to-left:focus, .hvr-sweep-to-left:active {
color: white;
}
.hvr-sweep-to-left:hover:before, .hvr-sweep-to-left:focus:before, .hvr-sweep-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-sweep-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {
color: white;
}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .hvr-sweep-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-sweep-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-sweep-to-top:hover, .hvr-sweep-to-top:focus, .hvr-sweep-to-top:active {
color: white;
}
.hvr-sweep-to-top:hover:before, .hvr-sweep-to-top:focus:before, .hvr-sweep-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
} .hvr-bounce-to-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-right:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 0 50%;
transform-origin: 0 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-right:hover, .hvr-bounce-to-right:focus, .hvr-bounce-to-right:active {
color: white;
}
.hvr-bounce-to-right:hover:before, .hvr-bounce-to-right:focus:before, .hvr-bounce-to-right:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-left:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 100% 50%;
transform-origin: 100% 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-left:hover, .hvr-bounce-to-left:focus, .hvr-bounce-to-left:active {
color: white;
}
.hvr-bounce-to-left:hover:before, .hvr-bounce-to-left:focus:before, .hvr-bounce-to-left:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-bottom:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 0;
transform-origin: 50% 0;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-bottom:hover, .hvr-bounce-to-bottom:focus, .hvr-bounce-to-bottom:active {
color: white;
}
.hvr-bounce-to-bottom:hover:before, .hvr-bounce-to-bottom:focus:before, .hvr-bounce-to-bottom:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-bounce-to-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
}
.hvr-bounce-to-top:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-bounce-to-top:hover, .hvr-bounce-to-top:focus, .hvr-bounce-to-top:active {
color: white;
}
.hvr-bounce-to-top:hover:before, .hvr-bounce-to-top:focus:before, .hvr-bounce-to-top:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-radial-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
border-radius: 100%;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-out:hover, .hvr-radial-out:focus, .hvr-radial-out:active {
color: white;
}
.hvr-radial-out:hover:before, .hvr-radial-out:focus:before, .hvr-radial-out:active:before {
-webkit-transform: scale(2);
transform: scale(2);
} .hvr-radial-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-radial-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
border-radius: 100%;
-webkit-transform: scale(2);
transform: scale(2);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
color: white;
}
.hvr-radial-in:hover:before, .hvr-radial-in:focus:before, .hvr-radial-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .hvr-rectangle-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-in:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #e1e1e1;
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-in:hover, .hvr-rectangle-in:focus, .hvr-rectangle-in:active {
color: white;
}
.hvr-rectangle-in:hover:before, .hvr-rectangle-in:focus:before, .hvr-rectangle-in:active:before {
-webkit-transform: scale(0);
transform: scale(0);
} .hvr-rectangle-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-rectangle-out:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
-webkit-transform: scale(0);
transform: scale(0);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-rectangle-out:hover, .hvr-rectangle-out:focus, .hvr-rectangle-out:active {
color: white;
}
.hvr-rectangle-out:hover:before, .hvr-rectangle-out:focus:before, .hvr-rectangle-out:active:before {
-webkit-transform: scale(1);
transform: scale(1);
} .hvr-shutter-in-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleX(1);
transform: scaleX(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-horizontal:hover, .hvr-shutter-in-horizontal:focus, .hvr-shutter-in-horizontal:active {
color: white;
}
.hvr-shutter-in-horizontal:hover:before, .hvr-shutter-in-horizontal:focus:before, .hvr-shutter-in-horizontal:active:before {
-webkit-transform: scaleX(0);
transform: scaleX(0);
} .hvr-shutter-out-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-horizontal:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleX(0);
transform: scaleX(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-horizontal:active {
color: white;
}
.hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
-webkit-transform: scaleX(1);
transform: scaleX(1);
} .hvr-shutter-in-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #2098D1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-in-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #e1e1e1;
-webkit-transform: scaleY(1);
transform: scaleY(1);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-in-vertical:hover, .hvr-shutter-in-vertical:focus, .hvr-shutter-in-vertical:active {
color: white;
}
.hvr-shutter-in-vertical:hover:before, .hvr-shutter-in-vertical:focus:before, .hvr-shutter-in-vertical:active:before {
-webkit-transform: scaleY(0);
transform: scaleY(0);
} .hvr-shutter-out-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
background: #e1e1e1;
-webkit-transition-property: color;
transition-property: color;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-shutter-out-vertical:before {
content: "";
position: absolute;
z-index: -1;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #2098D1;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50%;
transform-origin: 50%;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-shutter-out-vertical:hover, .hvr-shutter-out-vertical:focus, .hvr-shutter-out-vertical:active {
color: white;
}
.hvr-shutter-out-vertical:hover:before, .hvr-shutter-out-vertical:focus:before, .hvr-shutter-out-vertical:active:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}  .hvr-border-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }
.hvr-border-fade:hover, .hvr-border-fade:focus, .hvr-border-fade:active {
box-shadow: inset 0 0 0 4px #2098D1, 0 0 1px transparent; } .hvr-hollow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: background;
transition-property: background;
box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent; }
.hvr-hollow:hover, .hvr-hollow:focus, .hvr-hollow:active {
background: none;
} .hvr-trim {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-trim:before {
content: '';
position: absolute;
border: white solid 4px;
top: 4px;
left: 4px;
right: 4px;
bottom: 4px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-trim:hover:before, .hvr-trim:focus:before, .hvr-trim:active:before {
opacity: 1;
} @-webkit-keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
@keyframes hvr-ripple-out {
100% {
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
}
}
.hvr-ripple-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-ripple-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 6px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-out:hover:before, .hvr-ripple-out:focus:before, .hvr-ripple-out:active:before {
-webkit-animation-name: hvr-ripple-out;
animation-name: hvr-ripple-out;
} @-webkit-keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
@keyframes hvr-ripple-in {
100% {
top: 0;
right: 0;
bottom: 0;
left: 0;
opacity: 1;
}
}
.hvr-ripple-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-ripple-in:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -12px;
right: -12px;
bottom: -12px;
left: -12px;
opacity: 0;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
.hvr-ripple-in:hover:before, .hvr-ripple-in:focus:before, .hvr-ripple-in:active:before {
-webkit-animation-name: hvr-ripple-in;
animation-name: hvr-ripple-in;
} .hvr-outline-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-outline-out:before {
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: 0;
right: 0;
bottom: 0;
left: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-out:hover:before, .hvr-outline-out:focus:before, .hvr-outline-out:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
} .hvr-outline-in {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-outline-in:before {
pointer-events: none;
content: '';
position: absolute;
border: #e1e1e1 solid 4px;
top: -16px;
right: -16px;
bottom: -16px;
left: -16px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: top, right, bottom, left;
transition-property: top, right, bottom, left;
}
.hvr-outline-in:hover:before, .hvr-outline-in:focus:before, .hvr-outline-in:active:before {
top: -8px;
right: -8px;
bottom: -8px;
left: -8px;
opacity: 1;
} .hvr-round-corners {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: border-radius;
transition-property: border-radius;
}
.hvr-round-corners:hover, .hvr-round-corners:focus, .hvr-round-corners:active {
border-radius: 1em;
} .hvr-underline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-left:hover:before, .hvr-underline-from-left:focus:before, .hvr-underline-from-left:active:before {
right: 0;
} .hvr-underline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-center:hover:before, .hvr-underline-from-center:focus:before, .hvr-underline-from-center:active:before {
left: 0;
right: 0;
} .hvr-underline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-from-right:hover:before, .hvr-underline-from-right:focus:before, .hvr-underline-from-right:active:before {
left: 0;
} .hvr-overline-from-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-left:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 100%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: right;
transition-property: right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-left:hover:before, .hvr-overline-from-left:focus:before, .hvr-overline-from-left:active:before {
right: 0;
} .hvr-overline-from-center {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-center:before {
content: "";
position: absolute;
z-index: -1;
left: 50%;
right: 50%;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left, right;
transition-property: left, right;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-center:hover:before, .hvr-overline-from-center:focus:before, .hvr-overline-from-center:active:before {
left: 0;
right: 0;
} .hvr-overline-from-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-from-right:before {
content: "";
position: absolute;
z-index: -1;
left: 100%;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transition-property: left;
transition-property: left;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-from-right:hover:before, .hvr-overline-from-right:focus:before, .hvr-overline-from-right:active:before {
left: 0;
} .hvr-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
bottom: 0;
border-color: #2098D1;
border-style: solid;
border-width: 0;
-webkit-transition-property: border-width;
transition-property: border-width;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-reveal:hover:before, .hvr-reveal:focus:before, .hvr-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
border-width: 4px;
} .hvr-underline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-underline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
bottom: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(4px);
transform: translateY(4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-underline-reveal:hover:before, .hvr-underline-reveal:focus:before, .hvr-underline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
} .hvr-overline-reveal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
overflow: hidden;
}
.hvr-overline-reveal:before {
content: "";
position: absolute;
z-index: -1;
left: 0;
right: 0;
top: 0;
background: #2098D1;
height: 4px;
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-overline-reveal:hover:before, .hvr-overline-reveal:focus:before, .hvr-overline-reveal:active:before {
-webkit-transform: translateY(0);
transform: translateY(0);
}  .hvr-glow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-glow:hover, .hvr-glow:focus, .hvr-glow:active {
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
} .hvr-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-shadow:hover, .hvr-shadow:focus, .hvr-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
} .hvr-grow-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow, transform;
transition-property: box-shadow, transform;
}
.hvr-grow-shadow:hover, .hvr-grow-shadow:focus, .hvr-grow-shadow:active {
box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.5);
-webkit-transform: scale(1.1);
transform: scale(1.1);
} .hvr-box-shadow-outset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
}
.hvr-box-shadow-outset:hover, .hvr-box-shadow-outset:focus, .hvr-box-shadow-outset:active {
box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
} .hvr-box-shadow-inset {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: box-shadow;
transition-property: box-shadow;
box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent; }
.hvr-box-shadow-inset:hover, .hvr-box-shadow-inset:focus, .hvr-box-shadow-inset:active {
box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent; } .hvr-float-shadow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-float-shadow:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 100%;
left: 5%;
height: 10px;
width: 90%;
opacity: 0;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, transparent 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, transparent 80%); -webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.hvr-float-shadow:hover, .hvr-float-shadow:focus, .hvr-float-shadow:active {
-webkit-transform: translateY(-5px);
transform: translateY(-5px); }
.hvr-float-shadow:hover:before, .hvr-float-shadow:focus:before, .hvr-float-shadow:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px); } .hvr-shadow-radial {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-shadow-radial:before, .hvr-shadow-radial:after {
pointer-events: none;
position: absolute;
content: '';
left: 0;
width: 100%;
box-sizing: border-box;
background-repeat: no-repeat;
height: 5px;
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: opacity;
transition-property: opacity;
}
.hvr-shadow-radial:before {
bottom: 100%;
background: -webkit-radial-gradient(50% 150%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:after {
top: 100%;
background: -webkit-radial-gradient(50% -50%, ellipse, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0%, transparent 80%);
}
.hvr-shadow-radial:hover:before, .hvr-shadow-radial:focus:before, .hvr-shadow-radial:active:before, .hvr-shadow-radial:hover:after, .hvr-shadow-radial:focus:after, .hvr-shadow-radial:active:after {
opacity: 1;
}  .hvr-bubble-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-top:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
top: 0;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
}
.hvr-bubble-top:hover:before, .hvr-bubble-top:focus:before, .hvr-bubble-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-right:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
right: 0;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
}
.hvr-bubble-right:hover:before, .hvr-bubble-right:focus:before, .hvr-bubble-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-bottom:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
left: calc(50% - 10px);
bottom: 0;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
}
.hvr-bubble-bottom:hover:before, .hvr-bubble-bottom:focus:before, .hvr-bubble-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-bubble-left:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
border-style: solid;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
top: calc(50% - 10px);
left: 0;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
}
.hvr-bubble-left:hover:before, .hvr-bubble-left:focus:before, .hvr-bubble-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
} .hvr-bubble-float-top {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-top:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
top: 0;
border-style: solid;
border-width: 0 10px 10px 10px;
border-color: transparent transparent #e1e1e1 transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-top:hover, .hvr-bubble-float-top:focus, .hvr-bubble-float-top:active {
-webkit-transform: translateY(10px);
transform: translateY(10px);
}
.hvr-bubble-float-top:hover:before, .hvr-bubble-float-top:focus:before, .hvr-bubble-float-top:active:before {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
} .hvr-bubble-float-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-right:before {
position: absolute;
z-index: -1;
top: calc(50% - 10px);
right: 0;
content: '';
border-style: solid;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent #e1e1e1;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-right:hover, .hvr-bubble-float-right:focus, .hvr-bubble-float-right:active {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}
.hvr-bubble-float-right:hover:before, .hvr-bubble-float-right:focus:before, .hvr-bubble-float-right:active:before {
-webkit-transform: translateX(10px);
transform: translateX(10px);
} .hvr-bubble-float-bottom {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-bottom:before {
position: absolute;
z-index: -1;
content: '';
left: calc(50% - 10px);
bottom: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #e1e1e1 transparent transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-bottom:hover, .hvr-bubble-float-bottom:focus, .hvr-bubble-float-bottom:active {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.hvr-bubble-float-bottom:hover:before, .hvr-bubble-float-bottom:focus:before, .hvr-bubble-float-bottom:active:before {
-webkit-transform: translateY(10px);
transform: translateY(10px);
} .hvr-bubble-float-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-left:before {
position: absolute;
z-index: -1;
content: '';
top: calc(50% - 10px);
left: 0;
border-style: solid;
border-width: 10px 10px 10px 0;
border-color: transparent #e1e1e1 transparent transparent;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}
.hvr-bubble-float-left:hover, .hvr-bubble-float-left:focus, .hvr-bubble-float-left:active {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.hvr-bubble-float-left:hover:before, .hvr-bubble-float-left:focus:before, .hvr-bubble-float-left:active:before {
-webkit-transform: translateX(-10px);
transform: translateX(-10px);
}  .hvr-icon-back {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-left: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-back:before {
content: "\f137";
position: absolute;
left: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-back:hover:before, .hvr-icon-back:focus:before, .hvr-icon-back:active:before {
-webkit-transform: translateX(-4px);
transform: translateX(-4px);
} .hvr-icon-forward {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
}
.hvr-icon-forward:before {
content: "\f138";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.1s;
transition-duration: 0.1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-forward:hover:before, .hvr-icon-forward:focus:before, .hvr-icon-forward:active:before {
-webkit-transform: translateX(4px);
transform: translateX(4px);
} @-webkit-keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-down {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
} .hvr-icon-down {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-down:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-down:hover:before, .hvr-icon-down:focus:before, .hvr-icon-down:active:before {
-webkit-animation-name: hvr-icon-down;
animation-name: hvr-icon-down;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-up {
0%,
50%,
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
25%,
75% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
} .hvr-icon-up {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-up:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-up:hover:before, .hvr-icon-up:focus:before, .hvr-icon-up:active:before {
-webkit-animation-name: hvr-icon-up;
animation-name: hvr-icon-up;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .hvr-icon-spin {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-spin:before {
content: "\f021";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-in-out;
transition-timing-function: ease-in-out;
}
.hvr-icon-spin:hover:before, .hvr-icon-spin:focus:before, .hvr-icon-spin:active:before {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
} @-webkit-keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
}
@keyframes hvr-icon-drop {
0% {
opacity: 0;
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
transform: translateY(-100%);
}
51%,
100% {
opacity: 1;
}
} .hvr-icon-drop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-drop:before {
content: "\f041";
position: absolute;
right: 1em;
opacity: 1;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-drop:hover:before, .hvr-icon-drop:focus:before, .hvr-icon-drop:active:before {
opacity: 0;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-animation-name: hvr-icon-drop;
animation-name: hvr-icon-drop;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-delay: 0.3s;
animation-delay: 0.3s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
animation-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);
} .hvr-icon-fade {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-fade:before {
content: "\f00c";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.5s;
transition-duration: 0.5s;
-webkit-transition-property: color;
transition-property: color;
}
.hvr-icon-fade:hover:before, .hvr-icon-fade:focus:before, .hvr-icon-fade:active:before {
color: #0F9E5E;
} @-webkit-keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
}
@keyframes hvr-icon-float-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(-1em);
transform: translateY(-1em);
}
} .hvr-icon-float-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-float-away:before, .hvr-icon-float-away:after {
content: "\f055";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
}
.hvr-icon-float-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-float-away:hover:after, .hvr-icon-float-away:focus:after, .hvr-icon-float-away:active:after {
-webkit-animation-name: hvr-icon-float-away;
animation-name: hvr-icon-float-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} @-webkit-keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
}
@keyframes hvr-icon-sink-away {
0% {
opacity: 1;
}
100% {
opacity: 0;
-webkit-transform: translateY(1em);
transform: translateY(1em);
}
} .hvr-icon-sink-away {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-sink-away:before, .hvr-icon-sink-away:after {
content: "\f056";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-sink-away:after {
opacity: 0;
-webkit-animation-duration: 0.5s;
animation-duration: 0.5s;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
}
.hvr-icon-sink-away:hover:after, .hvr-icon-sink-away:focus:after, .hvr-icon-sink-away:active:after {
-webkit-animation-name: hvr-icon-sink-away;
animation-name: hvr-icon-sink-away;
-webkit-animation-timing-function: ease-out;
animation-timing-function: ease-out;
} .hvr-icon-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow:before {
content: "\f118";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-grow:hover:before, .hvr-icon-grow:focus:before, .hvr-icon-grow:active:before {
-webkit-transform: scale(1.3) translateZ(0);
transform: scale(1.3) translateZ(0);
} .hvr-icon-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-shrink:before {
content: "\f119";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-shrink:hover:before, .hvr-icon-shrink:focus:before, .hvr-icon-shrink:active:before {
-webkit-transform: scale(0.8);
transform: scale(0.8);
} @-webkit-keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse {
25% {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
75% {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.hvr-icon-pulse {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse:hover:before, .hvr-icon-pulse:focus:before, .hvr-icon-pulse:active:before {
-webkit-animation-name: hvr-icon-pulse;
animation-name: hvr-icon-pulse;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
@keyframes hvr-icon-pulse-grow {
to {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
}
.hvr-icon-pulse-grow {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse-grow:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-grow:hover:before, .hvr-icon-pulse-grow:focus:before, .hvr-icon-pulse-grow:active:before {
-webkit-animation-name: hvr-icon-pulse-grow;
animation-name: hvr-icon-pulse-grow;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
@keyframes hvr-icon-pulse-shrink {
to {
-webkit-transform: scale(0.8);
transform: scale(0.8);
}
}
.hvr-icon-pulse-shrink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
}
.hvr-icon-pulse-shrink:before {
content: "\f015";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pulse-shrink:hover:before, .hvr-icon-pulse-shrink:focus:before, .hvr-icon-pulse-shrink:active:before {
-webkit-animation-name: hvr-icon-pulse-shrink;
animation-name: hvr-icon-pulse-shrink;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
-webkit-animation-direction: alternate;
animation-direction: alternate;
} @-webkit-keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
@keyframes hvr-icon-push {
50% {
-webkit-transform: scale(0.5);
transform: scale(0.5);
}
}
.hvr-icon-push {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-push:before {
content: "\f006";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-push:hover:before, .hvr-icon-push:focus:before, .hvr-icon-push:active:before {
-webkit-animation-name: hvr-icon-push;
animation-name: hvr-icon-push;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
@keyframes hvr-icon-pop {
50% {
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
}
.hvr-icon-pop {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-pop:before {
content: "\f005";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-pop:hover:before, .hvr-icon-pop:focus:before, .hvr-icon-pop:active:before {
-webkit-animation-name: hvr-icon-pop;
animation-name: hvr-icon-pop;
-webkit-animation-duration: 0.3s;
animation-duration: 0.3s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} .hvr-icon-bounce {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bounce:before {
content: "\f087";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-bounce:hover:before, .hvr-icon-bounce:focus:before, .hvr-icon-bounce:active:before {
-webkit-transform: scale(1.5);
transform: scale(1.5);
-webkit-transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
transition-timing-function: cubic-bezier(0.47, 2.02, 0.31, -0.36);
} .hvr-icon-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-rotate:before {
content: "\f0c6";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-rotate:hover:before, .hvr-icon-rotate:focus:before, .hvr-icon-rotate:active:before {
-webkit-transform: rotate(20deg);
transform: rotate(20deg);
} .hvr-icon-grow-rotate {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-grow-rotate:before {
content: "\f095";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-grow-rotate:hover:before, .hvr-icon-grow-rotate:focus:before, .hvr-icon-grow-rotate:active:before {
-webkit-transform: scale(1.5) rotate(12deg);
transform: scale(1.5) rotate(12deg);
} .hvr-icon-float {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-float:before {
content: "\f01b";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-float:hover:before, .hvr-icon-float:focus:before, .hvr-icon-float:active:before {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
} .hvr-icon-sink {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-sink:before {
content: "\f01a";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
.hvr-icon-sink:hover:before, .hvr-icon-sink:focus:before, .hvr-icon-sink:active:before {
-webkit-transform: translateY(4px);
transform: translateY(4px);
} @-webkit-keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob {
0% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
50% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@-webkit-keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
@keyframes hvr-icon-bob-float {
100% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
}
.hvr-icon-bob {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-bob:before {
content: "\f077";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-bob:hover:before, .hvr-icon-bob:focus:before, .hvr-icon-bob:active:before {
-webkit-animation-name: hvr-icon-bob-float, hvr-icon-bob;
animation-name: hvr-icon-bob-float, hvr-icon-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang {
0% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
50% {
-webkit-transform: translateY(2px);
transform: translateY(2px);
}
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@-webkit-keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
@keyframes hvr-icon-hang-sink {
100% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
}
.hvr-icon-hang {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-hang:before {
content: "\f078";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-hang:hover:before, .hvr-icon-hang:focus:before, .hvr-icon-hang:active:before {
-webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
animation-name: hvr-icon-hang-sink, hvr-icon-hang;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
} @-webkit-keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes hvr-icon-wobble-horizontal {
16.65% {
-webkit-transform: translateX(6px);
transform: translateX(6px);
}
33.3% {
-webkit-transform: translateX(-5px);
transform: translateX(-5px);
}
49.95% {
-webkit-transform: translateX(4px);
transform: translateX(4px);
}
66.6% {
-webkit-transform: translateX(-2px);
transform: translateX(-2px);
}
83.25% {
-webkit-transform: translateX(1px);
transform: translateX(1px);
}
100% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.hvr-icon-wobble-horizontal {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-horizontal:before {
content: "\f061";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-horizontal:hover:before, .hvr-icon-wobble-horizontal:focus:before, .hvr-icon-wobble-horizontal:active:before {
-webkit-animation-name: hvr-icon-wobble-horizontal;
animation-name: hvr-icon-wobble-horizontal;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes hvr-icon-wobble-vertical {
16.65% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
33.3% {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
49.95% {
-webkit-transform: translateY(4px);
transform: translateY(4px);
}
66.6% {
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
}
83.25% {
-webkit-transform: translateY(1px);
transform: translateY(1px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.hvr-icon-wobble-vertical {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical:before {
content: "\f062";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover:before, .hvr-icon-wobble-vertical:focus:before, .hvr-icon-wobble-vertical:active:before {
-webkit-animation-name: hvr-icon-wobble-vertical;
animation-name: hvr-icon-wobble-vertical;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
} @-webkit-keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
@keyframes hvr-icon-buzz {
50% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
100% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
}
.hvr-icon-buzz {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz:before {
content: "\f017";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz:hover:before, .hvr-icon-buzz:focus:before, .hvr-icon-buzz:active:before {
-webkit-animation-name: hvr-icon-buzz;
animation-name: hvr-icon-buzz;
-webkit-animation-duration: 0.15s;
animation-duration: 0.15s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
} @-webkit-keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
@keyframes hvr-icon-buzz-out {
10% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
20% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
30% {
-webkit-transform: translateX(3px) rotate(2deg);
transform: translateX(3px) rotate(2deg);
}
40% {
-webkit-transform: translateX(-3px) rotate(-2deg);
transform: translateX(-3px) rotate(-2deg);
}
50% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
60% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
70% {
-webkit-transform: translateX(2px) rotate(1deg);
transform: translateX(2px) rotate(1deg);
}
80% {
-webkit-transform: translateX(-2px) rotate(-1deg);
transform: translateX(-2px) rotate(-1deg);
}
90% {
-webkit-transform: translateX(1px) rotate(0);
transform: translateX(1px) rotate(0);
}
100% {
-webkit-transform: translateX(-1px) rotate(0);
transform: translateX(-1px) rotate(0);
}
}
.hvr-icon-buzz-out {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
padding-right: 2.2em;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
}
.hvr-icon-buzz-out:before {
content: "\f023";
position: absolute;
right: 1em;
padding: 0 1px;
font-family: FontAwesome;
-webkit-transform: translateZ(0);
transform: translateZ(0);
}
.hvr-icon-buzz-out:hover:before, .hvr-icon-buzz-out:focus:before, .hvr-icon-buzz-out:active:before {
-webkit-animation-name: hvr-icon-buzz-out;
animation-name: hvr-icon-buzz-out;
-webkit-animation-duration: 0.75s;
animation-duration: 0.75s;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
animation-iteration-count: 1;
}  .hvr-curl-top-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-top-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
left: 0;
background: white; background: linear-gradient(135deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#000000'); z-index: 1000;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-top-left:hover:before, .hvr-curl-top-left:focus:before, .hvr-curl-top-left:active:before {
width: 25px;
height: 25px;
} .hvr-curl-top-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-top-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
top: 0;
right: 0;
background: white; background: linear-gradient(225deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-top-right:hover:before, .hvr-curl-top-right:focus:before, .hvr-curl-top-right:active:before {
width: 25px;
height: 25px;
} .hvr-curl-bottom-right {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-bottom-right:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
right: 0;
background: white; background: linear-gradient(315deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-bottom-right:hover:before, .hvr-curl-bottom-right:focus:before, .hvr-curl-bottom-right:active:before {
width: 25px;
height: 25px;
} .hvr-curl-bottom-left {
display: inline-block;
vertical-align: middle;
-webkit-transform: perspective(1px) translateZ(0);
transform: perspective(1px) translateZ(0);
box-shadow: 0 0 1px transparent;
position: relative;
}
.hvr-curl-bottom-left:before {
pointer-events: none;
position: absolute;
content: '';
height: 0;
width: 0;
bottom: 0;
left: 0;
background: white; background: linear-gradient(45deg, white 45%, #aaa 50%, #ccc 56%, white 80%);
box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: width, height;
transition-property: width, height;
}
.hvr-curl-bottom-left:hover:before, .hvr-curl-bottom-left:focus:before, .hvr-curl-bottom-left:active:before {
width: 25px;
height: 25px;
}figure.effect-portfolio1 figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.8) 75%);
background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0.4) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
figure.effect-portfolio1 h2 {
position: absolute;
top: 45%;
left: 0;
width: 100%;
color: #ffffff;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
figure.effect-portfolio1 figcaption::before,
figure.effect-portfolio1 p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio1 p {
position: absolute;
bottom: 0;
left: 0;
padding: 0px 20px;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
font-size: 13px;
color: #fff;
top: 42%;
font-family: 'Open Sans', sans-serif;
}
figure.effect-portfolio1:hover h2,
figure.effect-portfolio1:focus-within h2 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-portfolio1:hover figcaption::before,
figure.effect-portfolio1:focus-within figcaption::before,
figure.effect-portfolio1:hover p,
figure.effect-portfolio1:focus-within p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   figure.effect-portfolio2 {
background: -webkit-linear-gradient(45deg, #000000 0%, #333333 40%, #111111 100%);
background: linear-gradient(45deg, #000000 0%,#333333 40%,#111111 100%);
}
figure.effect-portfolio2 img {
opacity: 0.9;
-webkit-transition: opacity 0.65s;
transition: opacity 0.65s;
}
figure.effect-portfolio2 figcaption {
-webkit-transition: background-color 0.35s;
transition: background-color 0.35s;
padding: 5px 20px;
}
figure.effect-portfolio2 figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
}
figure.effect-portfolio2 h2 {
margin-top: 10%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
figure.effect-portfolio2 figcaption::before,
figure.effect-portfolio2 p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(0);
transform: scale(0);
font-family: 'Open Sans', sans-serif;
font-size: 13px;
color: #ffffff;
padding: 0 26px;
}
figure.effect-portfolio2:hover h2,
figure.effect-portfolio2:focus-within h2 {
-webkit-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
}
figure.effect-portfolio2:hover figcaption::before,
figure.effect-portfolio2:focus-within figcaption::before,
figure.effect-portfolio2:hover p,
figure.effect-portfolio2:focus-within p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-portfolio2:hover figcaption,
figure.effect-portfolio2:focus-within figcaption {
background-color: rgb(0 0 0 / 30%);
}
figure.effect-portfolio2:hover img,
figure.effect-portfolio2:focus-within img {
opacity: 0.4;
}   figure.effect-portfolio3 figcaption {
text-align: center;
}
figure.effect-portfolio3:hover figcaption,
figure.effect-portfolio3:focus-within figcaption {
background-color: rgb(0 0 0 / 30%);
}
figure.effect-portfolio3 h2,
figure.effect-portfolio3 p {
position: absolute;
right: 30px;
left: 30px;
padding: 10px 0;
}
figure.effect-portfolio3 p {
top:40%;
line-height: 1.5;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
figure.effect-portfolio3 h2 {
top: 30px;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
figure.effect-portfolio3:hover h2,
figure.effect-portfolio3:focus-within h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio3 h2::after {
position: absolute;
top: 100%;
left: 0;
width: 100%;
height: 4px;
background: #fff;
content: '';
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
figure.effect-portfolio3 h2::after,
figure.effect-portfolio3 p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
font-size: 13px;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
}
figure.effect-portfolio3:hover h2::after,
figure.effect-portfolio3:focus-within h2::after,
figure.effect-portfolio3:hover p,
figure.effect-portfolio3:focus-within p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   figure.effect-portfolio4 {
background: #000000;
}
figure.effect-portfolio4 img {
opacity: 0.7;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-portfolio4:hover img,
figure.effect-portfolio4:focus-within img {
opacity: 0.4;
}
figure.effect-portfolio4 figcaption::before,
figure.effect-portfolio4 figcaption::after {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio4 figcaption::before {
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
}
figure.effect-portfolio4 figcaption::after {
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
}
figure.effect-portfolio4 h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
figure.effect-portfolio4 p {
padding: 0 42px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
color: #ffffff;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
}
figure.effect-portfolio4:hover figcaption::before,
figure.effect-portfolio4:focus-within figcaption::before,
figure.effect-portfolio4:hover figcaption::after,
figure.effect-portfolio4:focus-within figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-portfolio4:hover h2,
figure.effect-portfolio4:focus-within h2,
figure.effect-portfolio4:hover p,
figure.effect-portfolio4:focus-within p {
opacity: 1;
}
figure.effect-portfolio4:hover p,
figure.effect-portfolio4:focus-within p {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio4:hover h2,
figure.effect-portfolio4:focus-within h2 {
-webkit-transform: translate3d(0,-6px,0);
transform: translate3d(0,-6px,0);
}   figure.effect-portfolio5 {
-webkit-perspective: 1000px;
perspective: 1000px;
}
figure.effect-portfolio5 img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,0,300px);
transform: translate3d(0,0,300px);
}
figure.effect-portfolio5:hover img,
figure.effect-portfolio5:focus-within img {
opacity: 0.6;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio5 figcaption::before,
figure.effect-portfolio5 figcaption::after {
position: absolute;
top: 38%;
left: 50%;
width: 80%;
height: 1px;
background: #fff;
content: '';
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);
}
figure.effect-portfolio5:hover figcaption::before,
figure.effect-portfolio5:focus-within figcaption::before {
opacity: 0.5;
top: 50%;
-webkit-transform: translate3d(-50%,-50%,0) rotate(45deg);
transform: translate3d(-50%,-50%,0) rotate(45deg);
}
figure.effect-portfolio5:hover figcaption::after,
figure.effect-portfolio5:focus-within figcaption::after {
opacity: 0.5;
top: 50%;
-webkit-transform: translate3d(-50%,-50%,0) rotate(-45deg);
transform: translate3d(-50%,-50%,0) rotate(-45deg);
}
figure.effect-portfolio5 h2
{
position: absolute;
top: 22%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-portfolio5 p {
position: absolute;
top: 36%;
left: 0;
width: 100%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-portfolio5 h2 {
-webkit-transform: translate3d(0,80%,0) translate3d(0,-120%,0);
transform: translate3d(0,80%,0) translate3d(0,-120%,0);
}
figure.effect-portfolio5 p {
color: #ffffff;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
padding: 0 20px;
-webkit-transform: translate3d(0,10%,0) translate3d(0,20%,0);
transform: translate3d(0,10%,0) translate3d(0,20%,0);
}
figure.effect-portfolio5:hover h2,
figure.effect-portfolio5:focus-within h2 {
-webkit-transform: translate3d(0,110%,0) translate3d(0,-100%,0);
transform: translate3d(0,110%,0) translate3d(0,-100%,0);
}
figure.effect-portfolio5:hover p,
figure.effect-portfolio5:focus-within p {
-webkit-transform: translate3d(0,-70%,0) translate3d(0,100%,0);
transform: translate3d(0,-70%,0) translate3d(0,100%,0);
}   figure.effect-portfolio6 {
background: -webkit-linear-gradient(top, rgba(37,141,200,1) 0%, rgba(104,60,19,1) 100%);
background: linear-gradient(to bottom, rgba(37,141,200,1) 0%,rgba(104,60,19,1) 100%); 
}
figure.effect-portfolio6 img {
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-portfolio6:hover img,
figure.effect-portfolio6:focus-within img {
opacity: 0.4;
}
figure.effect-portfolio6 figcaption div {
height: 100% !important;
}
figure.effect-portfolio6 figcaption {
padding: 3em;
text-align: left;
}
figure.effect-portfolio6 p {
color: #ffffff;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
position: absolute;
right: 45px;
bottom: 42px;
left: 45px;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-100px,0);
}
figure.effect-portfolio6:hover p,
figure.effect-portfolio6:focus-within p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio6 figcaption p::after {
position: absolute;
right: 0;
bottom: -12px;
left: -12px;
width: 108%;
height: 120%;
border: 7px solid #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
figure.effect-portfolio6:hover figcaption p::after,
figure.effect-portfolio6:focus-within figcaption p::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
figure.effect-portfolio6 p {
bottom: 25px;
}
figure.effect-portfolio6 figcaption p::after {
bottom: -6px;
height: 110%;
}
}
@media only screen and (min-width: 469px) and (max-width: 767px) {
figure.effect-portfolio6 figcaption p::after {
height: 150%;
}
}   figure.effect-portfolio7 img {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.12);
transform: scale(1.12);
}
figure.effect-portfolio7:hover img,
figure.effect-portfolio7:focus-within img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-portfolio7 figcaption {
padding: 3rem 4.5rem;
}
figure.effect-portfolio7 figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 1px solid #fff;
content: '';
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
figure.effect-portfolio7 h2 {
transform: translateY(100%);
}
figure.effect-portfolio7:hover h2,
figure.effect-portfolio7:focus-within h2 {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
figure.effect-portfolio7 figcaption::before,
figure.effect-portfolio7 p {
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio7 p {
margin: 0 auto;
-webkit-transform: scale(1.5);
transform: scale(1.5);
color: #ffffff;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}
figure.effect-portfolio7:hover figcaption::before,
figure.effect-portfolio7:focus-within figcaption::before,
figure.effect-portfolio7:hover p,
figure.effect-portfolio7:focus-within p {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
@media screen and (max-width: 50em) {
.content {
padding: 0 10px;
text-align: center;
}
.grid figure {
display: inline-block;
float: none;
margin: 10px auto;
width: 100%;
}
}   figure.effect-portfolio8 {
background: #000000;
}
figure.effect-portfolio8 img {
opacity: 0.6;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
figure.effect-portfolio8 figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(255,255,255,0.1);
content: '';
-webkit-transition: -webkit-transform 0.6s;
transition: transform 0.6s;
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
figure.effect-portfolio8 h2 {
transform: translateY(100%);
}
figure.effect-portfolio8:hover h2,
figure.effect-portfolio8:focus-within h2 {
-webkit-transform: translateY(0%);
transform: translateY(0%);
}
figure.effect-portfolio8 p {
color: #ffffff;
font-size: 13px;
font-family: 'Open Sans', sans-serif;
font-weight: lighter;
text-align: center;
padding: 0.5em 2em;
opacity: 0;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-portfolio8 h2 {
margin-top: 40px;
}
figure.effect-portfolio8:hover img,
figure.effect-portfolio8:focus-within img {
opacity: 0.6;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}
figure.effect-portfolio8:hover figcaption::before,
figure.effect-portfolio8:focus-within figcaption::before {
-webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
figure.effect-portfolio8:hover p,
figure.effect-portfolio8:focus-within p {
opacity: 1;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}   figure.effect-portfolio9 { }
figure.effect-portfolio9 img {
opacity: 0.9;
}
figure.effect-portfolio9 figcaption::after,
figure.effect-portfolio9 img,
figure.effect-portfolio9 p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio9 figcaption::after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 120%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
content: '';
opacity: 0;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,0,1);
-webkit-transform-origin: 50% 65%;
transform-origin: 50% 65%;
}
figure.effect-portfolio9 h2 {
transform: translateY(100%);
}
figure.effect-portfolio9 h2 {
padding-top: 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
figure.effect-portfolio9 p {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
color: #ffffff;
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
figure.effect-portfolio9:hover img,
figure.effect-portfolio9:focus-within img {
opacity: 0.7;
-webkit-transform: scale3d(1.05,1.05,1);
transform: scale3d(1.05,1.05,1);
}
figure.effect-portfolio9:hover figcaption::after,
figure.effect-portfolio9:focus-within figcaption::after {
opacity: 1;
-webkit-transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
transform: rotate3d(0,0,1,45deg) scale3d(1,1,1);
}
figure.effect-portfolio9:hover h2,
figure.effect-portfolio9:focus-within h2,
figure.effect-portfolio9:hover p,
figure.effect-portfolio9:focus-within p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
}   .grid figure.effect-portfolio10 img {
max-width: none;
opacity: 0.7;
width: calc(100% + 50px);
min-height: 240px;
max-height: 240px;
object-fit: cover;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px,0, 0);
transform: translate3d(-40px,0,0);
}
figure.effect-portfolio10:hover img,
figure.effect-portfolio10:focus-within img,
figure.effect-portfolio10:hover p,
figure.effect-portfolio10:focus-within p {
opacity: 1;
}
figure.effect-portfolio10 figcaption {
text-align: left;
}
figure.effect-portfolio10 figcaption > div {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
}
figure.effect-portfolio10 h2, figure.effect-portfolio10 p {
-webkit-transform: translate3d(0,40px,0);
transform: translate3d(0,40px,0);
}
figure.effect-portfolio10:hover img,
figure.effect-portfolio10:focus-within img,
figure.effect-portfolio10:hover h2,
figure.effect-portfolio10:focus-within h2,
figure.effect-portfolio10:hover p,
figure.effect-portfolio10:focus-within p {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio10 p {
color: #ffffff;
opacity: 0;
-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
transition: opacity 0.2s, transform 0.35s;
}   figure.effect-portfolio11 img,
figure.effect-portfolio11 figcaption::before,
figure.effect-portfolio11 figcaption::after,
figure.effect-portfolio11 p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio11:hover img,
figure.effect-portfolio11:focus-within img {
opacity: 0.7;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio11:hover figcaption::after,
figure.effect-portfolio11:focus-within figcaption::after,
figure.effect-portfolio11:hover h2,
figure.effect-portfolio11:focus-within h2,
figure.effect-portfolio11:hover p,
figure.effect-portfolio11:focus-within p,
figure.effect-portfolio11:hover img,
figure.effect-portfolio11:focus-within img {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.effect-portfolio11 figcaption {
padding: 2.3em 2.8em;
}
figure.effect-portfolio11 figcaption::before,
figure.effect-portfolio11 figcaption::after {
position: absolute;
content: '';
opacity: 0;
}
figure.effect-portfolio11 figcaption::before {
top: 38px;
right: 38px;
bottom: 38px;
left: 38px;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: scale(0,1);
transform: scale(0,1);
-webkit-transform-origin: 0 0;
transform-origin: 0 0;
}
figure.effect-portfolio11 figcaption::after {
top: 30px;
right: 50px;
bottom: 30px;
left: 50px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
-webkit-transform: scale(1,0);
transform: scale(1,0);
-webkit-transform-origin: 100% 0;
transform-origin: 100% 0;
}
figure.effect-portfolio11 img,
figure.effect-portfolio11 figcaption::before,
figure.effect-portfolio11 figcaption::after,
figure.effect-portfolio11 p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio11:hover figcaption::before,
figure.effect-portfolio11:focus-within figcaption::before,
figure.effect-portfolio11:hover figcaption::after,
figure.effect-portfolio11:focus-within figcaption::after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-portfolio11 h2 {
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,100%,0);
transform: translate3d(0,100%,0);
}
figure.effect-portfolio11:hover h2,
figure.effect-portfolio11:focus-within h2,
figure.effect-portfolio11:hover p,
figure.effect-portfolio11:focus-within p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio11 p {
padding: 0.5em 2em;
text-transform: none;
opacity: 0;
-webkit-transform: translate3d(0,-10px,0);
transform: translate3d(0,-10px,0);
color: #ffffff;
}   figure.effect-portfolio12 {
background: #030c17;
}
figure.effect-portfolio12 img {
opacity: 0.9;
-webkit-transition: opacity 0.35s;
transition: opacity 0.35s;
}
figure.effect-portfolio12 figcaption::before {
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;
border: 2px solid #fff;
box-shadow: 0 0 0 30px rgba(255,255,255,0.2);
content: '';
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale3d(1.4,1.4,1);
transform: scale3d(1.4,1.4,1);
}
figure.effect-portfolio12 h2 {
margin: 20% 0 10px 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transition: all .35s cubic-bezier(.645,.045,.355,1);
transition: all .35s cubic-bezier(.645,.045,.355,1);
}
figure.effect-portfolio12 p {
color: #ffffff;
padding: 1em 3.5em;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.5);
transform: scale(1.5);
}
figure.effect-portfolio12:hover h2,
figure.effect-portfolio12:focus-within h2 {
margin-top: 5%;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
figure.effect-portfolio12:hover figcaption::before,
figure.effect-portfolio12:focus-within figcaption::before,
figure.effect-portfolio12:hover p,
figure.effect-portfolio12:focus-within p {
opacity: 1;
-webkit-transform: scale3d(1,1,1);
transform: scale3d(1,1,1);
padding-top: 0;
}
figure.effect-portfolio12:hover figcaption,
figure.effect-portfolio12:focus-within figcaption {
background-color: rgba(58,52,42,0);
}
figure.effect-portfolio12:hover img,
figure.effect-portfolio12:focus-within img {
opacity: 0.4;
}   figure.effect-portfolio13 {
background: #2f3238;
}
figure.effect-portfolio13 img {
-webkit-transition: opacity 1s, -webkit-transform 1s;
transition: opacity 1s, transform 1s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-portfolio13 figcaption {
text-align: left;
padding: 25px;
}
figure.effect-portfolio13 h2 {
position: relative;
padding: 0.5em 0;
}
figure.effect-portfolio13 p {
display: inline-block;
margin: 0 0 0.25em;
padding: 0.4em 1em;
background: rgba(255,255,255,0.9);
color: #2f3238;
text-transform: none;
font-weight: 500;
font-size: 75%;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-360px,0,0);
transform: translate3d(-360px,0,0);
}
figure.effect-portfolio13 p:first-child {
-webkit-transition-delay: 0.15s;
transition-delay: 0.15s;
}
figure.effect-portfolio13 p:nth-of-type(2) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-portfolio13 p:nth-of-type(3) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-portfolio13:hover p:first-child {
-webkit-transition-delay: 0s;
transition-delay: 0s;
}
figure.effect-portfolio13:hover p:nth-of-type(2) {
-webkit-transition-delay: 0.05s;
transition-delay: 0.05s;
}
figure.effect-portfolio13:hover p:nth-of-type(3) {
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
}
figure.effect-portfolio13:hover img {
opacity: 0.4;
-webkit-transform: scale3d(1.1,1.1,1);
transform: scale3d(1.1,1.1,1);
}
figure.effect-portfolio13:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   figure.effect-portfolio14 figcaption::before {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: -webkit-linear-gradient(top, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
background: linear-gradient(to bottom, rgba(72,76,97,0) 0%, rgba(72,76,97,0.8) 75%);
content: '';
opacity: 0;
-webkit-transform: translate3d(0,50%,0);
transform: translate3d(0,50%,0);
}
figure.effect-portfolio14 h2 {
position: absolute;
top: 50%;
left: 0;
width: 100%;
color: #484c61;
-webkit-transition: -webkit-transform 0.35s, color 0.35s;
transition: transform 0.35s, color 0.35s;
-webkit-transform: translate3d(0,-50%,0);
transform: translate3d(0,-50%,0);
}
figure.effect-portfolio14 figcaption::before,
figure.effect-portfolio14 p {
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
}
figure.effect-portfolio14 p {
position: absolute;
bottom: 0;
left: 0;
padding: 2em;
width: 100%;
opacity: 0;
-webkit-transform: translate3d(0,10px,0);
transform: translate3d(0,10px,0);
}
figure.effect-portfolio14:hover h2 {
color: #fff;
-webkit-transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
transform: translate3d(0,-50%,0) translate3d(0,-40px,0);
}
figure.effect-portfolio14 p {
color: #ffffff;
}
figure.effect-portfolio14:hover figcaption::before ,
figure.effect-portfolio14:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   .grid figure.effect-portfolio15 img {
width: 105%;
}
figure.effect-portfolio15 {
background: #42b078;
}
figure.effect-portfolio15 img {
max-width: none;
width: -webkit-calc(100% + 20px);
width: calc(100% + 20px);
min-height: 240px;
max-height: 240px;
object-fit: cover;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-10px,0,0);
transform: translate3d(-10px,0,0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
figure.effect-portfolio15:hover img {
opacity: 0.4;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio15 figcaption {
text-align: left;
padding: 25px;
}
figure.effect-portfolio15 p {
color: #ffffff;
}
figure.effect-portfolio15 h2 {
position: relative;
overflow: hidden;
padding: 0.5em 0;
}
figure.effect-portfolio15 h2::after {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 3px;
background: #fff;
content: '';
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(-100%,0,0);
transform: translate3d(-100%,0,0);
}
figure.effect-portfolio15:hover h2::after {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio15 p {
padding: 1em 0;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(100%,0,0);
transform: translate3d(100%,0,0);
}
figure.effect-portfolio15:hover p {
opacity: 1;
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}   figure.effect-portfolio16 {
background-color: #17819c;
}
figure.effect-portfolio16 img {
opacity: 0.7;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
figure.effect-portfolio16:hover img {
opacity: 0.5;
-webkit-transform: scale(1);
transform: scale(1);
}
figure.effect-portfolio16 figcaption {
padding: 25px;
}
figure.effect-portfolio16 h2 {
margin-top: 20%;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
-webkit-transform: translate3d(0,20px,0);
transform: translate3d(0,20px,0);
}
figure.effect-portfolio16 p {
margin: 1em 0 0;
padding: 1.2em;
color: #ffffff;
border: 1px solid #fff;
opacity: 0;
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(0,20px,0) scale(1.1);
transform: translate3d(0,20px,0) scale(1.1);
} 
figure.effect-portfolio16:hover h2 {
-webkit-transform: translate3d(0,0,0);
transform: translate3d(0,0,0);
}
figure.effect-portfolio16:hover p {
opacity: 1;
margin-top: 1em;
-webkit-transform: translate3d(0,0,0) scale(1);
transform: translate3d(0,0,0) scale(1);
}.specia-icon {
display: inline-block;
font-size: 12px;
cursor: pointer;
width: 60px;
height: 60px;
border-radius: 50%;
position: relative;
z-index: 1;
color: #fff;
}
.specia-icon:after {
pointer-events: none;
position: absolute;
width: 100%;
height: 100%;
border-radius: 50%;
content: '';
-webkit-box-sizing: content-box; 
-moz-box-sizing: content-box; 
box-sizing: content-box;
}
.specia-icon:before {
font-family: 'Fontawesome';
speak: none;
font-size: 24px;
height: 100%;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
display: flex;
align-items: center;
justify-content: center;
-webkit-font-smoothing: antialiased;
padding: 5px;
}
.service-description p {
margin-bottom: 0;
font-size: 16px;
} .specia-icon-effect-1 .specia-icon {
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.specia-icon-effect-1 .specia-icon:after {
top: 0;
left: 0;
padding: 4px;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-webkit-transform: scale(.8);
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
-moz-transform: scale(.8);
-ms-transform: scale(.8);
transition: transform 0.2s, opacity 0.2s;
transform: scale(.8);
opacity: 0;
} .service-box:hover .specia-icon-effect-1a .specia-icon,
.service-box:focus-within .specia-icon-effect-1a .specia-icon {
background: rgba(28,49,76,0.1);
color: #fff;
}
.service-box:hover .specia-icon-effect-1a .specia-icon:after,
.service-box:focus-within .specia-icon-effect-1a .specia-icon:after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
} .service-box:hover .specia-icon-effect-1b .specia-icon,
.service-box:focus-within .specia-icon-effect-1b .specia-icon {
background: #e84c3d;
color: #fff;
}
.specia-icon-effect-1b .specia-icon:after {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.service-box:hover .specia-icon-effect-1b .specia-icon:after,
.service-box:focus-within .specia-icon-effect-1b .specia-icon:after {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
opacity: 1;
} .specia-icon-effect-2 .specia-icon {
color: #fff;
box-shadow: 0 0 0 3px #fff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.specia-icon-effect-2 .specia-icon:after {
top: 0;
left: -3px;
padding: 2px;
z-index: -1;
-webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
-moz-transition: -moz-transform 0.2s, opacity 0.2s;
transition: transform 0.2s, opacity 0.2s;
} .specia-icon-effect-2b .specia-icon:after {
left: 0;
}
.service-box:hover .specia-icon-effect-2b .specia-icon:after,
.service-box:focus-within .specia-icon-effect-2b .specia-icon:after {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
opacity: 0;
-webkit-transition: -webkit-transform 0.4s, opacity 0.2s;
-moz-transition: -moz-transform 0.4s, opacity 0.2s;
transition: transform 0.4s, opacity 0.2s;
}
.service-box:hover .specia-icon-effect-2b .specia-icon,
.service-box:focus-within .specia-icon-effect-2b .specia-icon {
color: #fff;
} .specia-icon-effect-3 .specia-icon {
box-shadow: 0 0 0 4px #fff;
-webkit-transition: color 0.3s;
-moz-transition: color 0.3s;
transition: color 0.3s;
}
.specia-icon-effect-3 .specia-icon:after {
top: -2px;
left: -2px;
padding: 2px;
z-index: -1;
-webkit-transition: -webkit-transform 0.2s, opacity 0.3s;
-moz-transition: -moz-transform 0.2s, opacity 0.3s;
transition: transform 0.2s, opacity 0.3s;
} .specia-icon-effect-3a .specia-icon {
color: #ffffff;
}
.service-box:hover .specia-icon-effect-3a .specia-icon,
.service-box:focus-within .specia-icon-effect-3a .specia-icon {
color: #ffffff;
}
.service-box:hover .specia-icon-effect-3a .specia-icon:after,
.service-box:focus-within .specia-icon-effect-3a .specia-icon:after {
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
transform: scale(1.3);
opacity: 0;
} .specia-icon-effect-4 .specia-icon {
width: 60px;
height: 60px;
}
.specia-icon-effect-4a .specia-icon {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.specia-icon-effect-4 .specia-icon:after {
top: -4px;
left: -4px;
padding: 0;
z-index: 10;
border: 4px dashed #1c314c;
}
.service-box:hover .specia-icon-effect-4 .specia-icon,
.service-box:focus-within .specia-icon-effect-4 .specia-icon {
box-shadow: 0 0 0 0 rgba(255,255,255,0);
color: #fff;
} .service-box:hover .specia-icon-effect-4b .specia-icon,
.service-box:focus-within .specia-icon-effect-4b .specia-icon {
-webkit-transition: box-shadow 0.2s;
-moz-transition: box-shadow 0.2s;
transition: box-shadow 0.2s;
}
.service-box:hover .specia-icon-effect-4b .specia-icon:after,
.service-box:focus-within .specia-icon-effect-4b .specia-icon:after {
-webkit-animation: spinAround 9s linear infinite;
-moz-animation: spinAround 9s linear infinite;
animation: spinAround 9s linear infinite;
}
@-webkit-keyframes spinAround {
from {
-webkit-transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
}
}
@-moz-keyframes spinAround {
from {
-moz-transform: rotate(0deg)
}
to {
-moz-transform: rotate(360deg);
}
}
@keyframes spinAround {
from {
transform: rotate(0deg)
}
to {
transform: rotate(360deg);
}
} .specia-icon-effect-5 .specia-icon {
overflow: hidden;
-webkit-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, color 0.3s, box-shadow 0.3s;
transition: background 0.3s, color 0.3s, box-shadow 0.3s;
}
.specia-icon-effect-5 .specia-icon:after {
display: none;
}
.service-box:hover .specia-icon-effect-5 .specia-icon,
.service-box:focus-within .specia-icon-effect-5 .specia-icon {
color: #ffffff;
}
.service-box:hover .specia-icon-effect-5a .specia-icon:before,
.service-box:focus-within .specia-icon-effect-5a .specia-icon:before {
-webkit-animation: toRightFromLeft 0.3s forwards;
-moz-animation: toRightFromLeft 0.3s forwards;
animation: toRightFromLeft 0.3s forwards;
}
@-webkit-keyframes toRightFromLeft {
49% {
-webkit-transform: translate(100%);
}
50% {
opacity: 0;
-webkit-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toRightFromLeft {
49% {
-moz-transform: translate(100%);
}
50% {
opacity: 0;
-moz-transform: translate(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toRightFromLeft {
49% {
transform: translate(100%);
}
50% {
opacity: 0;
transform: translate(-100%);
}
51% {
opacity: 1;
}
}
.service-box:hover .specia-icon-effect-5b .specia-icon:before,
.service-box:focus-within .specia-icon-effect-5b .specia-icon:before {
-webkit-animation: toLeftFromRight 0.3s forwards;
-moz-animation: toLeftFromRight 0.3s forwards;
animation: toLeftFromRight 0.3s forwards;
}
@-webkit-keyframes toLeftFromRight {
49% {
-webkit-transform: translate(-100%);
}
50% {
opacity: 0;
-webkit-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toLeftFromRight {
49% {
-moz-transform: translate(-100%);
}
50% {
opacity: 0;
-moz-transform: translate(100%);
}
51% {
opacity: 1;
}
}
@keyframes toLeftFromRight {
49% {
transform: translate(-100%);
}
50% {
opacity: 0;
transform: translate(100%);
}
51% {
opacity: 1;
}
}
.service-box:hover .specia-icon-effect-5c .specia-icon:before,
.service-box:focus-within .specia-icon-effect-5c .specia-icon:before {
-webkit-animation: toTopFromBottom 0.3s forwards;
-moz-animation: toTopFromBottom 0.3s forwards;
animation: toTopFromBottom 0.3s forwards;
}
@-webkit-keyframes toTopFromBottom {
49% {
-webkit-transform: translateY(-100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toTopFromBottom {
49% {
-moz-transform: translateY(-100%);
}
50% {
opacity: 0;
-moz-transform: translateY(100%);
}
51% {
opacity: 1;
}
}
@keyframes toTopFromBottom {
49% {
transform: translateY(-100%);
}
50% {
opacity: 0;
transform: translateY(100%);
}
51% {
opacity: 1;
}
}
.service-box:hover .specia-icon-effect-5d .specia-icon:before,
.service-box:focus-within .specia-icon-effect-5d .specia-icon:before {
-webkit-animation: toBottomFromTop 0.3s forwards;
-moz-animation: toBottomFromTop 0.3s forwards;
animation: toBottomFromTop 0.3s forwards;
}
@-webkit-keyframes toBottomFromTop {
49% {
-webkit-transform: translateY(100%);
}
50% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@-moz-keyframes toBottomFromTop {
49% {
-moz-transform: translateY(100%);
}
50% {
opacity: 0;
-moz-transform: translateY(-100%);
}
51% {
opacity: 1;
}
}
@keyframes toBottomFromTop {
49% {
transform: translateY(100%);
}
50% {
opacity: 0;
transform: translateY(-100%);
}
51% {
opacity: 1;
}
} .specia-icon-effect-6 .specia-icon {
-webkit-transition: background 0.2s, color 0.2s;
-moz-transition: background 0.2s, color 0.2s;
transition: background 0.2s, color 0.2s;
}
.service-box:hover .specia-icon-effect-6 .specia-icon,
.service-box:focus-within .specia-icon-effect-6 .specia-icon {
color: #fff;
}
.service-box:hover .specia-icon-effect-6 .specia-icon:before,
.service-box:focus-within .specia-icon-effect-6 .specia-icon:before {
-webkit-animation: spinAround 2s linear infinite;
-moz-animation: spinAround 2s linear infinite;
animation: spinAround 2s linear infinite;
} .specia-icon-effect-8 .specia-icon {
-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
transition: transform ease-out 0.1s, background 0.2s;
}
.specia-icon-effect-8 .specia-icon:after {
top: 0;
left: 0;
padding: 0;
z-index: -1;
box-shadow: 0 0 0 2px #e84c3d;
opacity: 0;
-webkit-transform: scale(0.9);
-moz-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
}
.service-box:hover .specia-icon-effect-8 .specia-icon,
.service-box:focus-within .specia-icon-effect-8 .specia-icon {
-webkit-transform: scale(0.93);
-moz-transform: scale(0.93);
-ms-transform: scale(0.93);
transform: scale(0.93);
color: #fff;
}
.specia-icon-effect-8 .service-box:hover .specia-icon:after,
.specia-icon-effect-8 .service-box:focus-within .specia-icon:after {
-webkit-animation: sonarEffect 1.3s ease-out 75ms;
-moz-animation: sonarEffect 1.3s ease-out 75ms;
animation: sonarEffect 1.3s ease-out 75ms;
}
@-webkit-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
-webkit-transform: scale(1.5);
opacity: 0;
}
}
@-moz-keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
-moz-transform: scale(1.5);
opacity: 0;
}
}
@keyframes sonarEffect {
0% {
opacity: 0.3;
}
40% {
opacity: 0.5;
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
}
100% {
box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5);
transform: scale(1.5);
opacity: 0;
}
}
 .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.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-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)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}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,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-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)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}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)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}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(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-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}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{11.1%,from,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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,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(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.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}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.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}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.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}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.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{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.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)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-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)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}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)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}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)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}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)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-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}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-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}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-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}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-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}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-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}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-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}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-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}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-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}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-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)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-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)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-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)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-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)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-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)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-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)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-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)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-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)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.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(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.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}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-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)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-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)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-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}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-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}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-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}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-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}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-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}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-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}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-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}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-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}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-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}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-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}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-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}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-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}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-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}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-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}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}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}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-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}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-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)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-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)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-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)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-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)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-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)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-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)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-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)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-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)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-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)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}.ny-heading {
font-size: 3rem;
line-height: 1.2;
}
@media only screen and (min-width: 768px) {
.ny-heading {
font-size: 4.4rem;
font-weight: 300;
}
}
@media only screen and (min-width: 1170px) {
.ny-heading {
font-size: 6rem;
}
}
.ny-text-wrapper {
display: inline-block;
position: relative;
text-align: left;
}
.ny-text-wrapper b {
display: inline-block;
position: absolute;
white-space: nowrap;
left: 0;
top: 0;
}
.ny-text-wrapper i {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
.ny-text-wrapper b.is-show {
position: relative;
border-bottom: 1px dashed;
line-height: 1.5;
}
.animate-4 .ny-text-wrapper b.is-show {
border-bottom: 0;
}
.no-js .ny-text-wrapper b {
opacity: 0;
}
.no-js .ny-text-wrapper b.is-show {
opacity: 1;
} .ny-heading.animate-1 .ny-text-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.ny-heading.animate-1 b {
opacity: 0;
-webkit-transform-origin: 50% 100%;
-moz-transform-origin: 50% 100%;
-ms-transform-origin: 50% 100%;
-o-transform-origin: 50% 100%;
transform-origin: 50% 100%;
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
}
.ny-heading.animate-1 b.is-show {
opacity: 1;
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-animation: ny-animate-1-in 1.2s;
-moz-animation: ny-animate-1-in 1.2s;
animation: ny-animate-1-in 1.2s;
}
.ny-heading.animate-1 b.is-hide {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
-webkit-animation: ny-animate-1-out 1.2s;
-moz-animation: ny-animate-1-out 1.2s;
animation: ny-animate-1-out 1.2s;
}
@-webkit-keyframes ny-animate-1-in {
0% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
opacity: 1;
}
}
@-moz-keyframes ny-animate-1-in {
0% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
35% {
-moz-transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(360deg);
opacity: 1;
}
}
@keyframes ny-animate-1-in {
0% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
35% {
-webkit-transform: rotateX(120deg);
-moz-transform: rotateX(120deg);
-ms-transform: rotateX(120deg);
-o-transform: rotateX(120deg);
transform: rotateX(120deg);
opacity: 0;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(360deg);
-moz-transform: rotateX(360deg);
-ms-transform: rotateX(360deg);
-o-transform: rotateX(360deg);
transform: rotateX(360deg);
opacity: 1;
}
}
@-webkit-keyframes ny-animate-1-out {
0% {
-webkit-transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
opacity: 0;
}
}
@-moz-keyframes ny-animate-1-out {
0% {
-moz-transform: rotateX(0deg);
opacity: 1;
}
35% {
-moz-transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-moz-transform: rotateX(180deg);
opacity: 0;
}
}
@keyframes ny-animate-1-out {
0% {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 1;
}
35% {
-webkit-transform: rotateX(-40deg);
-moz-transform: rotateX(-40deg);
-ms-transform: rotateX(-40deg);
-o-transform: rotateX(-40deg);
transform: rotateX(-40deg);
opacity: 1;
}
65% {
opacity: 0;
}
100% {
-webkit-transform: rotateX(180deg);
-moz-transform: rotateX(180deg);
-ms-transform: rotateX(180deg);
-o-transform: rotateX(180deg);
transform: rotateX(180deg);
opacity: 0;
}
} .ny-heading.animate-2 .ny-text-wrapper {
vertical-align: top;
overflow: hidden;
}
.ny-heading.animate-2 .ny-text-wrapper::after { content: '';
position: absolute;
right: 0;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
height: 90%;
width: 1px;
background-color: #e2e2e2;
}
.ny-heading.animate-2 .ny-text-wrapper.waiting::after {
-webkit-animation: ny-pulse 1s infinite;
-moz-animation: ny-pulse 1s infinite;
animation: ny-pulse 1s infinite;
}
.ny-heading.animate-2 .ny-text-wrapper.selected {
background-color: #e2e2e2;
}
.ny-heading.animate-2 .ny-text-wrapper.selected::after {
visibility: hidden;
}
.ny-heading.animate-2 .ny-text-wrapper.selected b {
color: #0d0d0d;
}
.ny-heading.animate-2 b {
visibility: hidden;
}
.ny-heading.animate-2 b.is-show {
visibility: visible;
}
.ny-heading.animate-2 i {
position: absolute;
visibility: hidden;
}
.ny-heading.animate-2 i.in {
position: relative;
visibility: visible;
}
@-webkit-keyframes ny-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@-moz-keyframes ny-pulse {
0% {
-moz-transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-moz-transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-moz-transform: translateY(-50%) scale(0);
opacity: 0;
}
}
@keyframes ny-pulse {
0% {
-webkit-transform: translateY(-50%) scale(1);
-moz-transform: translateY(-50%) scale(1);
-ms-transform: translateY(-50%) scale(1);
-o-transform: translateY(-50%) scale(1);
transform: translateY(-50%) scale(1);
opacity: 1;
}
40% {
-webkit-transform: translateY(-50%) scale(0.9);
-moz-transform: translateY(-50%) scale(0.9);
-ms-transform: translateY(-50%) scale(0.9);
-o-transform: translateY(-50%) scale(0.9);
transform: translateY(-50%) scale(0.9);
opacity: 0;
}
100% {
-webkit-transform: translateY(-50%) scale(0);
-moz-transform: translateY(-50%) scale(0);
-ms-transform: translateY(-50%) scale(0);
-o-transform: translateY(-50%) scale(0);
transform: translateY(-50%) scale(0);
opacity: 0;
}
} .ny-heading.animate-3 .ny-text-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.ny-heading.animate-3 i, .ny-heading.animate-3 em {
display: inline-block;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.ny-heading.animate-3 b {
opacity: 0;
}
.ny-heading.animate-3 i {
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
opacity: 0;
}
.is-show .ny-heading.animate-3 i {
opacity: 1;
}
.ny-heading.animate-3 i.in {
-webkit-animation: ny-animate-3-in 0.4s forwards;
-moz-animation: ny-animate-3-in 0.4s forwards;
animation: ny-animate-3-in 0.4s forwards;
}
.ny-heading.animate-3 i.out {
-webkit-animation: ny-animate-3-out 0.4s forwards;
-moz-animation: ny-animate-3-out 0.4s forwards;
animation: ny-animate-3-out 0.4s forwards;
}
.ny-heading.animate-3 em {
-webkit-transform: translateZ(20px);
-moz-transform: translateZ(20px);
-ms-transform: translateZ(20px);
-o-transform: translateZ(20px);
transform: translateZ(20px);
}
.no-csstransitions .ny-heading.animate-3 i {
-webkit-transform: rotateX(0deg);
-moz-transform: rotateX(0deg);
-ms-transform: rotateX(0deg);
-o-transform: rotateX(0deg);
transform: rotateX(0deg);
opacity: 0;
}
.no-csstransitions .ny-heading.animate-3 i em {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.no-csstransitions .ny-heading.animate-3 .is-show i {
opacity: 1;
}
@-webkit-keyframes ny-animate-3-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
}
}
@-moz-keyframes ny-animate-3-in {
0% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0deg);
}
}
@keyframes ny-animate-3-in {
0% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(90deg);
-moz-transform: translateZ(-20px) rotateX(90deg);
-ms-transform: translateZ(-20px) rotateX(90deg);
-o-transform: translateZ(-20px) rotateX(90deg);
transform: translateZ(-20px) rotateX(90deg);
}
60% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(-10deg);
-moz-transform: translateZ(-20px) rotateX(-10deg);
-ms-transform: translateZ(-20px) rotateX(-10deg);
-o-transform: translateZ(-20px) rotateX(-10deg);
transform: translateZ(-20px) rotateX(-10deg);
}
100% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0deg);
-moz-transform: translateZ(-20px) rotateX(0deg);
-ms-transform: translateZ(-20px) rotateX(0deg);
-o-transform: translateZ(-20px) rotateX(0deg);
transform: translateZ(-20px) rotateX(0deg);
}
}
@-webkit-keyframes ny-animate-3-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
}
}
@-moz-keyframes ny-animate-3-out {
0% {
opacity: 1;
-moz-transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-moz-transform: translateZ(-20px) rotateX(-90deg);
}
}
@keyframes ny-animate-3-out {
0% {
opacity: 1;
-webkit-transform: translateZ(-20px) rotateX(0);
-moz-transform: translateZ(-20px) rotateX(0);
-ms-transform: translateZ(-20px) rotateX(0);
-o-transform: translateZ(-20px) rotateX(0);
transform: translateZ(-20px) rotateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-100deg);
-moz-transform: translateZ(-20px) rotateX(-100deg);
-ms-transform: translateZ(-20px) rotateX(-100deg);
-o-transform: translateZ(-20px) rotateX(-100deg);
transform: translateZ(-20px) rotateX(-100deg);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-20px) rotateX(-90deg);
-moz-transform: translateZ(-20px) rotateX(-90deg);
-ms-transform: translateZ(-20px) rotateX(-90deg);
-o-transform: translateZ(-20px) rotateX(-90deg);
transform: translateZ(-20px) rotateX(-90deg);
}
} .ny-heading.animate-4 span {
display: inline-block;
padding: 0;
}
.ny-heading.animate-4 .ny-text-wrapper {
overflow: hidden;
vertical-align: top;
}
.ny-heading.animate-4 .ny-text-wrapper::after { content: '';
position: absolute;
left: 0;
bottom: 0;
height: 2px;
width: 0;
z-index: 2;
-webkit-transition: width 0.3s -0.1s;
-moz-transition: width 0.3s -0.1s;
transition: width 0.3s -0.1s;
}
.ny-heading.animate-4 .ny-text-wrapper.is-loading::after {
width: 100%;
-webkit-transition: width 3s;
-moz-transition: width 3s;
transition: width 3s;
}
.ny-heading.animate-4 b {
top: .2em;
opacity: 0;
-webkit-transition: opacity 0.3s;
-moz-transition: opacity 0.3s;
transition: opacity 0.3s;
}
.ny-heading.animate-4 b.is-show {
opacity: 1;
top: 0;
} .ny-heading.animate-5 span {
display: inline-block;
padding: .2em 0;
}
.ny-heading.animate-5 .ny-text-wrapper {
overflow: hidden;
vertical-align: top;
}
.ny-heading.animate-5 b {
opacity: 0;
top: .2em;
}
.ny-heading.animate-5 b.is-show {
top: 0;
opacity: 1;
-webkit-animation: slide-in 0.6s;
-moz-animation: slide-in 0.6s;
animation: slide-in 0.6s;
}
.ny-heading.animate-5 b.is-hide {
-webkit-animation: slide-out 0.6s;
-moz-animation: slide-out 0.6s;
animation: slide-out 0.6s;
}
@-webkit-keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
}
}
@-moz-keyframes slide-in {
0% {
opacity: 0;
-moz-transform: translateY(-100%);
}
60% {
opacity: 1;
-moz-transform: translateY(20%);
}
100% {
opacity: 1;
-moz-transform: translateY(0);
}
}
@keyframes slide-in {
0% {
opacity: 0;
-webkit-transform: translateY(-100%);
-moz-transform: translateY(-100%);
-ms-transform: translateY(-100%);
-o-transform: translateY(-100%);
transform: translateY(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateY(20%);
-moz-transform: translateY(20%);
-ms-transform: translateY(20%);
-o-transform: translateY(20%);
transform: translateY(20%);
}
100% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
}
@-webkit-keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
}
}
@-moz-keyframes slide-out {
0% {
opacity: 1;
-moz-transform: translateY(0);
}
60% {
opacity: 0;
-moz-transform: translateY(120%);
}
100% {
opacity: 0;
-moz-transform: translateY(100%);
}
}
@keyframes slide-out {
0% {
opacity: 1;
-webkit-transform: translateY(0);
-moz-transform: translateY(0);
-ms-transform: translateY(0);
-o-transform: translateY(0);
transform: translateY(0);
}
60% {
opacity: 0;
-webkit-transform: translateY(120%);
-moz-transform: translateY(120%);
-ms-transform: translateY(120%);
-o-transform: translateY(120%);
transform: translateY(120%);
}
100% {
opacity: 0;
-webkit-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
}
} .ny-heading.animate-6 span {
display: inline-block;
padding: 0;
}
.ny-heading.animate-6 .ny-text-wrapper {
overflow: hidden;
vertical-align: top;
}
.ny-heading.animate-6 .ny-text-wrapper::after { content: '';
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 100%;
background-color: #e2e2e2;
}
.ny-heading.animate-6 b {
opacity: 0;
}
.ny-heading.animate-6 b.is-show {
opacity: 1;
} .ny-heading.animate-7 .ny-text-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.ny-heading.animate-7 b {
opacity: 0;
}
.ny-heading.animate-7 b.is-show {
opacity: 1;
-webkit-animation: zoom-in 0.8s;
-moz-animation: zoom-in 0.8s;
animation: zoom-in 0.8s;
}
.ny-heading.animate-7 b.is-hide {
-webkit-animation: zoom-out 0.8s;
-moz-animation: zoom-out 0.8s;
animation: zoom-out 0.8s;
}
@-webkit-keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
}
}
@-moz-keyframes zoom-in {
0% {
opacity: 0;
-moz-transform: translateZ(100px);
}
100% {
opacity: 1;
-moz-transform: translateZ(0);
}
}
@keyframes zoom-in {
0% {
opacity: 0;
-webkit-transform: translateZ(100px);
-moz-transform: translateZ(100px);
-ms-transform: translateZ(100px);
-o-transform: translateZ(100px);
transform: translateZ(100px);
}
100% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
}
@-webkit-keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
}
}
@-moz-keyframes zoom-out {
0% {
opacity: 1;
-moz-transform: translateZ(0);
}
100% {
opacity: 0;
-moz-transform: translateZ(-100px);
}
}
@keyframes zoom-out {
0% {
opacity: 1;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
-ms-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
}
100% {
opacity: 0;
-webkit-transform: translateZ(-100px);
-moz-transform: translateZ(-100px);
-ms-transform: translateZ(-100px);
-o-transform: translateZ(-100px);
transform: translateZ(-100px);
}
} .ny-heading.animate-8 .ny-text-wrapper {
-webkit-perspective: 300px;
-moz-perspective: 300px;
perspective: 300px;
}
.ny-heading.animate-8 b {
opacity: 0;
}
.ny-heading.animate-8 i {
display: inline-block;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.is-show .ny-heading.animate-8 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
.ny-heading.animate-8 i.in {
-webkit-animation: ny-rotate-3-in 0.6s forwards;
-moz-animation: ny-rotate-3-in 0.6s forwards;
animation: ny-rotate-3-in 0.6s forwards;
}
.ny-heading.animate-8 i.out {
-webkit-animation: ny-rotate-3-out 0.6s forwards;
-moz-animation: ny-rotate-3-out 0.6s forwards;
animation: ny-rotate-3-out 0.6s forwards;
}
.no-csstransitions .ny-heading.animate-8 i {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
opacity: 0;
}
.no-csstransitions .ny-heading.animate-8 .is-show i {
opacity: 1;
}
@-webkit-keyframes ny-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
}
}
@-moz-keyframes ny-rotate-3-in {
0% {
-moz-transform: rotateY(180deg);
}
100% {
-moz-transform: rotateY(0deg);
}
}
@keyframes ny-rotate-3-in {
0% {
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
transform: rotateY(180deg);
}
100% {
-webkit-transform: rotateY(0deg);
-moz-transform: rotateY(0deg);
-ms-transform: rotateY(0deg);
-o-transform: rotateY(0deg);
transform: rotateY(0deg);
}
}
@-webkit-keyframes ny-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
}
}
@-moz-keyframes ny-rotate-3-out {
0% {
-moz-transform: rotateY(0);
}
100% {
-moz-transform: rotateY(-180deg);
}
}
@keyframes ny-rotate-3-out {
0% {
-webkit-transform: rotateY(0);
-moz-transform: rotateY(0);
-ms-transform: rotateY(0);
-o-transform: rotateY(0);
transform: rotateY(0);
}
100% {
-webkit-transform: rotateY(-180deg);
-moz-transform: rotateY(-180deg);
-ms-transform: rotateY(-180deg);
-o-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
} .ny-heading.animate-9 b {
opacity: 0;
}
.ny-heading.animate-9 i {
display: inline-block;
opacity: 0;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.is-show .ny-heading.animate-9 i {
opacity: 1;
}
.ny-heading.animate-9 i.in {
-webkit-animation: scale-up 0.6s forwards;
-moz-animation: scale-up 0.6s forwards;
animation: scale-up 0.6s forwards;
}
.ny-heading.animate-9 i.out {
-webkit-animation: scale-down 0.6s forwards;
-moz-animation: scale-down 0.6s forwards;
animation: scale-down 0.6s forwards;
}
.no-csstransitions .ny-heading.animate-9 i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 0;
}
.no-csstransitions .ny-heading.animate-9 .is-show i {
opacity: 1;
}
@-webkit-keyframes scale-up {
0% {
-webkit-transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
opacity: 1;
}
}
@-moz-keyframes scale-up {
0% {
-moz-transform: scale(0);
opacity: 0;
}
60% {
-moz-transform: scale(1.2);
opacity: 1;
}
100% {
-moz-transform: scale(1);
opacity: 1;
}
}
@keyframes scale-up {
0% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
60% {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-ms-transform: scale(1.2);
-o-transform: scale(1.2);
transform: scale(1.2);
opacity: 1;
}
100% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
}
@-webkit-keyframes scale-down {
0% {
-webkit-transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
opacity: 0;
}
}
@-moz-keyframes scale-down {
0% {
-moz-transform: scale(1);
opacity: 1;
}
60% {
-moz-transform: scale(0);
opacity: 0;
}
}
@keyframes scale-down {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
opacity: 1;
}
60% {
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
opacity: 0;
}
} .ny-heading.animate-10 b {
opacity: 0;
}
.ny-heading.animate-10 b.is-show {
opacity: 1;
-webkit-animation: push-in 0.6s;
-moz-animation: push-in 0.6s;
animation: push-in 0.6s;
}
.ny-heading.animate-10 b.is-hide {
-webkit-animation: push-out 0.6s;
-moz-animation: push-out 0.6s;
animation: push-out 0.6s;
}
@-webkit-keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
}
}
@-moz-keyframes push-in {
0% {
opacity: 0;
-moz-transform: translateX(-100%);
}
60% {
opacity: 1;
-moz-transform: translateX(10%);
}
100% {
opacity: 1;
-moz-transform: translateX(0);
}
}
@keyframes push-in {
0% {
opacity: 0;
-webkit-transform: translateX(-100%);
-moz-transform: translateX(-100%);
-ms-transform: translateX(-100%);
-o-transform: translateX(-100%);
transform: translateX(-100%);
}
60% {
opacity: 1;
-webkit-transform: translateX(10%);
-moz-transform: translateX(10%);
-ms-transform: translateX(10%);
-o-transform: translateX(10%);
transform: translateX(10%);
}
100% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
}
@-webkit-keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
}
}
@-moz-keyframes push-out {
0% {
opacity: 1;
-moz-transform: translateX(0);
}
60% {
opacity: 0;
-moz-transform: translateX(110%);
}
100% {
opacity: 0;
-moz-transform: translateX(100%);
}
}
@keyframes push-out {
0% {
opacity: 1;
-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
transform: translateX(0);
}
60% {
opacity: 0;
-webkit-transform: translateX(110%);
-moz-transform: translateX(110%);
-ms-transform: translateX(110%);
-o-transform: translateX(110%);
transform: translateX(110%);
}
100% {
opacity: 0;
-webkit-transform: translateX(100%);
-moz-transform: translateX(100%);
-ms-transform: translateX(100%);
-o-transform: translateX(100%);
transform: translateX(100%);
}
} [class*=tool-] {
position: relative;
display: inline-block
}
[class*=tool-]:before,
[class*=tool-]:after {
position: absolute;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
visibility: hidden;
opacity: 0;
z-index: 1000000;
pointer-events: none;
-webkit-transition: .3s ease;
transition: .3s ease;
-webkit-transition-delay: 0ms;
transition-delay: 0ms
}
[class*=tool-]:hover:before,
[class*=tool-]:hover:after {
visibility: visible;
opacity: 1
}
[class*=tool-]:hover:before,
[class*=tool-]:hover:after {
-webkit-transition-delay: .1s;
transition-delay: .1s
}
[class*=tool-]:before {
content: '';
position: absolute;
background: 0 0;
border: 7px solid transparent;
z-index: 1000001
}
[class*=tool-]:after {
background: #222222;
color: #fff;
padding: 8px 10px;
font-size: 13px;
line-height: 14px;
white-space: nowrap;
border-radius: 5px
}
[class*=tool-][aria-label]:after {
content: attr(aria-label);
text-transform: capitalize;
}
[aria-label='']:before,
[aria-label='']:after {
display: none !important
}
.tool-top-left:before,
.tool-top-right:before,
.tool-top:before {
border-top-color: #222222
}
.tool-bottom-left:before,
.tool-bottom-right:before,
.tool-bottom:before {
border-bottom-color: #222222
}
.tool-left:before {
border-left-color: #222222
}
.tool-right:before {
border-right-color: #222222
}
.tool-top:before {
margin-bottom: -13px
}
.tool-top:before,
.tool-top:after {
bottom: 100%;
left: 50%
}
.tool-top:before {
left: calc(50% - 7px)
}
.tool-top:after {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tool-top:hover:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px)
}
.tool-top:hover:after {
-webkit-transform: translateX(-50%) translateY(-8px);
-ms-transform: translateX(-50%) translateY(-8px);
transform: translateX(-50%) translateY(-8px)
}
.tool-bottom:before {
margin-top: -13px
}
.tool-bottom:before,
.tool-bottom:after {
top: 100%;
left: 50%
}
.tool-bottom:before {
left: calc(50% - 7px)
}
.tool-bottom:after {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.tool-bottom:hover:before {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px)
}
.tool-bottom:hover:after {
-webkit-transform: translateX(-50%) translateY(8px);
-ms-transform: translateX(-50%) translateY(8px);
transform: translateX(-50%) translateY(8px)
}
.tool-right:before {
margin-left: -13px;
margin-bottom: -7px
}
.tool-right:after {
margin-bottom: -15px
}
.tool-right:before,
.tool-right:after {
left: 100%;
bottom: 50%
}
.tool-right:hover:before {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px)
}
.tool-right:hover:after {
-webkit-transform: translateX(8px);
-ms-transform: translateX(8px);
transform: translateX(8px)
}
.tool-left:before {
margin-right: -13px;
margin-bottom: -7px
}
.tool-left:after {
margin-bottom: -15px
}
.tool-left:before,
.tool-left:after {
right: 100%;
bottom: 50%
}
.tool-left:hover:before {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px)
}
.tool-left:hover:after {
-webkit-transform: translateX(-8px);
-ms-transform: translateX(-8px);
transform: translateX(-8px)
}
.tool-top-left:before {
margin-bottom: -13px
}
.tool-top-left:before,
.tool-top-left:after {
bottom: 100%;
left: 50%
}
.tool-top-left:before {
left: calc(50% - 7px)
}
.tool-top-left:after {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.tool-top-left:after {
margin-left: 14px
}
.tool-top-left:hover:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px)
}
.tool-top-left:hover:after {
-webkit-transform: translateX(-100%) translateY(-8px);
-ms-transform: translateX(-100%) translateY(-8px);
transform: translateX(-100%) translateY(-8px)
}
.tool-top-right:before {
margin-bottom: -13px
}
.tool-top-right:before,
.tool-top-right:after {
bottom: 100%;
left: 50%
}
.tool-top-right:before {
left: calc(50% - 7px)
}
.tool-top-right:after {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.tool-top-right:after {
margin-left: -14px
}
.tool-top-right:hover:before {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px)
}
.tool-top-right:hover:after {
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px)
}
.tool-bottom-left:before {
margin-top: -13px
}
.tool-bottom-left:before,
.tool-bottom-left:after {
top: 100%;
left: 50%
}
.tool-bottom-left:before {
left: calc(50% - 7px)
}
.tool-bottom-left:after {
-webkit-transform: translateX(-100%);
-ms-transform: translateX(-100%);
transform: translateX(-100%)
}
.tool-bottom-left:after {
margin-left: 14px
}
.tool-bottom-left:hover:before {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px)
}
.tool-bottom-left:hover:after {
-webkit-transform: translateX(-100%) translateY(8px);
-ms-transform: translateX(-100%) translateY(8px);
transform: translateX(-100%) translateY(8px)
}
.tool-bottom-right:before {
margin-top: -13px
}
.tool-bottom-right:before,
.tool-bottom-right:after {
top: 100%;
left: 50%
}
.tool-bottom-right:before {
left: calc(50% - 7px)
}
.tool-bottom-right:after {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.tool-bottom-right:after {
margin-left: -14px
}
.tool-bottom-right:hover:before {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px)
}
.tool-bottom-right:hover:after {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px)
}
[class*=tool-]:after {
box-shadow: 4px 4px 8px rgba(0, 0, 0, .3)
}
.tool-rounded:after {
border-radius: 4px
}
.tool-no-animate:before,
.tool-no-animate:after {
-webkit-transition-duration: 0ms;
transition-duration: 0ms
}
.tool-bounce:before,
.tool-bounce:after {
-webkit-transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3s ease, visibility .3s ease, -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24);
transition: opacity .3s ease, visibility .3s ease, transform .3s cubic-bezier(.71, 1.7, .77, 1.24), -webkit-transform .3s cubic-bezier(.71, 1.7, .77, 1.24)
} .tool-danger:after {
background-color: #dc3545;
}
.tool-danger.tool-top-left:before,
.tool-danger.tool-top-right:before,
.tool-danger.tool-top:before {
border-top-color: #dc3545
}
.tool-danger.tool-bottom-left:before,
.tool-danger.tool-bottom-right:before,
.tool-danger.tool-bottom:before {
border-bottom-color: #dc3545
}
.tool-danger.tool-left:before {
border-left-color: #dc3545
}
.tool-danger.tool-right:before {
border-right-color: #dc3545
}
.tool-success:after {
background-color: #28a745;
}
.tool-success.tool-top-left:before,
.tool-success.tool-top-right:before,
.tool-success.tool-top:before {
border-top-color: #28a745
}
.tool-success.tool-bottom-left:before,
.tool-success.tool-bottom-right:before,
.tool-success.tool-bottom:before {
border-bottom-color: #28a745
}
.tool-success.tool-left:before {
border-left-color: #28a745
}
.tool-success.tool-right:before {
border-right-color: #28a745
}
.tool-warning:after {
background-color: #fab702;
}
.tool-warning.tool-top-left:before,
.tool-warning.tool-top-right:before,
.tool-warning.tool-top:before {
border-top-color: #fab702
}
.tool-warning.tool-bottom-left:before,
.tool-warning.tool-bottom-right:before,
.tool-warning.tool-bottom:before {
border-bottom-color: #fab702
}
.tool-warning.tool-left:before {
border-left-color: #fab702
}
.tool-warning.tool-right:before {
border-right-color: #fab702
}  .badge.badge-danger {
color: #fff;
background-color: #dc3545;
}
.badge.badge-danger:before {
border-right-color: #dc3545;
}
.badge.badge-success {
color: #fff;
background-color: #28a745;
}
.badge.badge-success:before {
border-right-color: #28a745;
}
.badge.badge-warning {
color: #222222;
background-color: #fab702;
}
.badge.badge-warning:before {
border-right-color: #fab702;
}.rotating {
display: inline-block;
-webkit-transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-o-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform: rotateX(0) rotateY(0) rotateZ(0);
-moz-transform: rotateX(0) rotateY(0) rotateZ(0);
-ms-transform: rotateX(0) rotateY(0) rotateZ(0);
-o-transform: rotateX(0) rotateY(0) rotateZ(0);
transform: rotateX(0) rotateY(0) rotateZ(0);
-webkit-transition: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-o-transition: 0.5s;
transition: 0.5s;
-webkit-transform-origin-x: 50%;
}
.rotating.flip {
position: relative;
}
.rotating .front, .rotating .back {
left: 0;
top: 0;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-o-backface-visibility: hidden;
backface-visibility: hidden;
}
.rotating .front {
position: absolute;
display: inline-block;
-webkit-transform: translate3d(0,0,1px);
-moz-transform: translate3d(0,0,1px);
-ms-transform: translate3d(0,0,1px);
-o-transform: translate3d(0,0,1px);
transform: translate3d(0,0,1px);
}
.rotating.flip .front {
z-index: 1;
}
.rotating .back {
display: block;
opacity: 0;
}
.rotating.spin {
-webkit-transform: rotate(360deg) scale(0);
-moz-transform: rotate(360deg) scale(0);
-ms-transform: rotate(360deg) scale(0);
-o-transform: rotate(360deg) scale(0);
transform: rotate(360deg) scale(0);
}
.rotating.flip .back {
z-index: 2;
display: block;
opacity: 1;
-webkit-transform: rotateY(180deg) translate3d(0,0,0);
-moz-transform: rotateY(180deg) translate3d(0,0,0);
-ms-transform: rotateY(180deg) translate3d(0,0,0);
-o-transform: rotateY(180deg) translate3d(0,0,0);
transform: rotateY(180deg) translate3d(0,0,0);
}
.rotating.flip.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,0);
-moz-transform: rotateX(180deg) translate3d(0,0,0);
-ms-transform: rotateX(180deg) translate3d(0,0,0);
-o-transform: rotateX(180deg) translate3d(0,0,0);
transform: rotateX(180deg) translate3d(0,0,0);
}
.rotating.flip.cube .front {
-webkit-transform: translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: translate3d(0,0,100px) scale(0.85,0.85);
transform: translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube .back {
-webkit-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateY(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}
.rotating.flip.cube.up .back {
-webkit-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.9,0.9);
-moz-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-ms-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
-o-transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
transform: rotateX(180deg) translate3d(0,0,100px) scale(0.85,0.85);
}h1, .h1,
h2, .h2,
h3, .h3,
h4, .h4,
h5, .h5,
h6, .h6 {
font-family: 'Open Sans', sans-serif;
font-weight:400;
margin: 0 0 20px;
font-weight: 600;
}
h1, .h1 {
font-size: 36px;
line-height: 42px;
}
h2, .h2 {
font-size: 32px;
line-height: 38px;
}
h3, .h3 {
font-size: 28px;
line-height: 34px;
}
h4, .h4 {
font-size: 24px;
line-height: 28px;
}
h5, .h5 {
font-size: 20px;
line-height: 24px;
}
h6, .h6 {
font-size: 16px;
line-height: 20px;
}
p {
color: #222222;
font-size: 15px;
line-height: 22px;
font-family: 'Open Sans', sans-serif;
}
a {
text-decoration: none;
outline: none;
color: #222222;
font-family: 'Open Sans', sans-serif;
}
a:hover, a:active, a:focus {
text-decoration: none;
}
body a:focus, body a:hover {
text-decoration: none;
}
button[type=submit]:focus, button:focus, input[type="button"]:focus,
input[type="reset"]:focus, input[type="submit"]:focus,
a:focus {
outline: 1px dotted;
text-decoration: none;
outline-offset: -3px;
outline-color: inherit;
}
.bypostauthor{} img.alignnone{ display: block; margin: 0 auto; height: auto; max-width: 100%; }
#attachment_907 { width: 100% !important; }
.alignnone img{ display: block; height: auto; }
img.alignleft, .wp-caption.alignleft{ margin-right: 30px; }
img.alignright, .wp-caption.alignright{ margin-left: 30px; float: right;}
img.wp-caption .alignnone { display: block; margin: 0 auto; height: auto; width: 100%; }
a img.alignright { float: right; }
a img.alignnone { margin: 5px 20px 20px 0; }
a img.alignleft { float: left; }
a img.aligncenter { display: block; margin-left: auto; margin-right: auto;}
.aligncenter { margin-top: .5em; margin-bottom: .5em; }  
.alignleft { float: left; margin: .5em 20px .5em 0; }
.alignright { float: right; margin: .5em 0 .5em 20px; }
.wp-caption .wp-caption-text, .gallery-caption, .entry-caption { 
clear: left;
font-style: italic;
line-height: 1.5em;
margin: 0.75em 0;
text-align: center;
}
.wp-caption.alignright { margin: 5px 0 20px 20px;}
.wp-caption p.wp-caption-text { font-family: 'Open Sans', sans-serif; font-size: 14px; margin: 12px 0; text-align: center; font-weight: 400; font-style: italic; line-height: 1.5em; }
.wp-caption.alignleft { margin: 5px 20px 20px 0;}
.wp-caption {
-moz-border-bottom-colors: none;
-moz-border-left-colors: none;
-moz-border-right-colors: none;
-moz-border-top-colors: none;
background-color: #f8f8f8;
border-color: #eee;
border-image: initial;
border-radius: 3px;
border-style: solid;
border-width: 1px;
margin-bottom: 20px;
max-width: 100%;
padding-left: 4px;
padding-right: 4px;
padding-top: 4px;
text-align: center;
}
.wp-caption > img {
max-width: 100%;
height: auto;
} .gallery-icon {
margin-bottom: -11px;
overflow: hidden;
}
.gallery-icon img{
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.gallery-icon img:hover{
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.gallery-item { 
display: inline-block;
}
.gallery-item .gallery-caption {
font-family: 'Open Sans', sans-serif;
color: #fff;
font-weight: 400;
display: block;
word-wrap: break-word;
padding: 8px 3px;
}
.gallery-item:hover figcaption {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.gallery-columns-1 .gallery-item {
float: none;
text-align: center;
margin: 10px 0 20px;
width: 100%;
}
.gallery-columns-2 .gallery-item {
width: 50%;
float: none;
text-align: center;
margin: 10px 0 20px;
padding: 0 10px;
}
.gallery-columns-3 .gallery-item {
width: 33.33%;
float: none;
text-align: center;
margin: 10px 0 20px;
padding: 0 10px;
}
.gallery-columns-4 .gallery-item {
width: 25%;
float: none;
text-align: center;
margin: 10px 0 20px;
padding: 0 10px;
}
.gallery-columns-5 .gallery-item {
width: 20%;
float: none;
text-align: center;
margin: 10px 0 20px;
padding: 0 10px;
}
.gallery-columns-6 .gallery-item {
width: 13.6%;
}
.gallery-columns-7 .gallery-item {
width: 12.25%;
margin: 10px 1% 10px;
}
.gallery-columns-8 .gallery-item {
width: 10.5%;
margin: 10px 1% 10px;
}
.gallery-columns-9 .gallery-item {
width: 9.11%;
margin: 10px 1% 10px;
}
.gallery dl a {
display: block;
}
.gallery dl a img {
height: auto;
margin: 0 auto;
}
.gallery .gallery-caption {
font-size: 15px;
line-height: 1.2;
margin: 10px 0 0;
}
.gallery br+br {
display: none;
} .tiled-gallery-caption {
background: #1c314c !important;
font-family: 'Open Sans', sans-serif !important;
color: #fff !important;
font-weight: 400;
font-size: 14px;
display: block;
word-wrap: break-word;
padding: 8px 3px;
text-align: center;
} ul { 
margin: 0 0 20px; 
padding: 0 0px 0px 20px; 
}
ol { 
margin: 0 0 20px; 
padding: 0 0px 0px 20px; 
}
ul li, ol li { 
margin: 0; 
padding: 0;
}
ul li, ul li a, ol li, ol li a  { 
border: 0 none; 
font-family: 'Open Sans', sans-serif;
}
li > ul, li > ol, blockquote > ul, blockquote > ol {
margin-left: 1.3333em;
} blockquote { 
padding: 10px 20px;
margin: 0 0 20px;
font-size: 17.5px;
background: #f7f9fc;
}
blockquote, blockquote p { 
font-size: 15px; 
font-style: italic; 
font-weight: 500; 
line-height: 21px; 
letter-spacing: 1px; 
}
blockquote cite, blockquote small { font-size: 15px; display: block; line-height: 20px; padding-top: 15px; }
blockquote em, blockquote i, blockquote cite { font-style: normal; }
blockquote strong, blockquote b { font-weight: 600; } address { font-style: italic; margin: 0 0 20px; font-weight: 600; letter-spacing: 0.5px; line-height: 27px; } table { 
border: 1px solid #e9e9e9;
background-color: #fcfcfc; 
border-spacing: 0; 
letter-spacing: 0.5px; 
margin: 0 0 20px; 
text-align: left; 
table-layout: fixed; 
width: 100%; 
}
table th {     
padding: 10px 10px;
color: #fff; 
}
table td { border: 1px solid #e8e7e7; padding: 8px 10px;  } dl { 
margin-bottom: 25px; 
margin-top: 0; 
}
dl dt { 
font-weight: 700; 
margin-bottom: 10px; 
color: #222222;
font-family: 'Open Sans', sans-serif;
}
dl dd { 
margin-bottom: 20px; 
margin-left: 15px; 
}
abbr, tla, acronym { text-decoration: underline; cursor: help; }
acronym { border-bottom: 0 none; }
big { font-size: large; font-weight: 600; }
s, strike, del { text-decoration: line-through; }
em, cite, q { 
font-style: italic; 
font-weight: 600;
}
ins { text-decoration: none; padding: 0 3px; }
code, kbd, tt, var, samp, pre {
font-family: 'Open Sans', sans-serif;
-webkit-hyphens: none;
-moz-hyphens: none;
-ms-hyphens: none;
hyphens: none;
background: #333;
color: #ffffff;
padding: 2px 5px;
}
mark {
color: #000;
background: #ff0;
padding: 2px 5px;
}
.search-form label {
width: 100%;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 5px;
font-weight: bold;
}.header-top-info {
border-bottom: 1px solid #e5e5e5;
background-color: #f9f9f9;
}
.header-top-info .header-widget {
height: 100%;
min-height: 45px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-widget .widget {
display: inline-block;
line-height: 45px;
margin: 0;
}
.widget_social_widget li {
display: inline-block;
margin-right: -5px;
overflow: visible;
list-style: none;
}
#header-top-left, #header-top-right {
margin: 0;
height: 100%;
}
.header-top-info #header-top-left, .header-top-info #header-top-right {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top-info #header-top-right {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.header-top-info .col-lg-12.col-12 #header-top-right,
.header-top-info .col-lg-12.col-12 #header-top-left {
width: 100%;
justify-content: center;
text-align: center;
}
#header-top-left .widget {
padding: 0px 10px;
}
#header-top-left .widget:first-child {
padding-left: 0;
}
.header-top-info #header-top-left .widget:last-child {
border-right: 0;
padding-left: 0;
}
#header-top-right .widget:nth-child(n+2) {
padding: 0 10px;
}
#header-top-right .widget:not(:first-child) {
margin-left: 0;
margin-right: 10px;
}
.header .widget ul, .tagcloud {
list-style: none;
margin: 0;
padding: 0;
position: relative;
z-index: 0;
}
.header .widget:not(.widget_social_widget) li, .tagcloud a {
display: inline-block;
margin: 0;
margin-right: 6px;
padding: 0;
}
.tagcloud {
margin-top: -6px;
}
.tagcloud a {
margin-bottom: 6px;
}
footer.footer-sidebar .widget ul li::before {
margin-right: 5px;
display: inline-block;
vertical-align: middle;
}
.header-widget ul li, .header-widget ul li a,
.header .widget span, .contact-info span {
font-size: 14px;
font-weight: 500;
line-height: normal;
}
.header-widget ul li span, .header-widget a,
.contact-info span {
display: block;
text-decoration: none;
position: relative;
text-shadow: -0.15px -0.15px 0 transparent, 0.15px 0.15px transparent;
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
}
.header .widget li span .ny-text-wrapper {
}
.widget_social_widget ul {
padding: 0;
margin: 0;
}
.widget_social_widget li a {
width: auto;
display: inline-block;
text-align: center;
line-height: 30px;
}
.widget_social_widget:not(.widget-square):not(.widget-circle) li:not(:first-child) {
margin-left: 20px;
} .header-widget .widget:not(.widget_social_widget) li a {
width: max-content;
}
#header-top-right li a,
#header-top-left li a {
position: relative;
}
#header-top-right li a {
margin-left: auto;
}
#header-top-left li a {
margin-right: auto;
}
.header-widget .widget:not(.widget_social_widget):not(.widget_menu_top):not(.widget_contact) i,
.header-widget .widget:not(.widget_social_widget):not(.widget_menu_top):not(.widget_contact) img {
font-size: 15px;
width: 14px;
margin-right: 3px;
display: inline-block;
}
.header .widget li:last-child, .header-widget-info li:last-child {
margin-right: 0;
}
.header .widget:not(.widget_info) .widget-title,
.header .widget:not(.widget_info) .title-border {
display: none;
}
.header-widget .widget img {
width: 32px;
}
.header-widget .gallery {
display: inline-flex;
flex-wrap: wrap;
}
.header-widget .gallery .gallery-item {
flex: 1;
margin: 0 6px 0 0;
padding: 0;
}
.header-widget .widget_media_video {
display: block;
width: 100%;
}
.header-widget .widget_media_video .wp-video .mejs-container {
width: 100% !important;
max-height: max-content;
}
.header-widget .widget_menu_top li a i {
display: block;
text-align: center;
font-size: 32px;
margin-bottom: 5px;
}
.header-widget .widget .contact-area {
padding: 0;
}
.footer-copyright .left {
text-align: left;
}
.footer-copyright .right {
text-align: right;
}
.footer-copyright .widget_nav_menu ul li {
display: inline-block;
margin: 0 10px;
}
.footer-copyright .widget_nav_menu ul li:first-child {
margin-left: 0;
}
.footer-copyright .widget_nav_menu ul li:last-child {
margin-right: 0;
}
.footer-copyright .widget_nav_menu a {
color: #ffffff;
}button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
font-family: 'Open Sans', sans-serif;
padding: 12px 24px;
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
select, textarea {
border-radius: 5px;
display: block;
font-size: 14px;
height: 45px;
line-height: 1.42857;
padding: 10px 12px;
transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
vertical-align: middle;
width: 100%;
background-color: #fefefe;
border: 1px solid #dcdcdc; color: #121212;
}
select {
background-clip: padding-box;
border-color: #cccccc;
border-width: 1px;
border-style: solid;
border-radius: 3px;
color: #444444;
display: block;
font-weight: 400;
overflow: hidden;
padding: 6px 12px;
position: relative;
text-decoration: none;
white-space: nowrap;
width: 100%;
}
.form-panel .wpcf7-form .wpcf7-form-control:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
color: #111111;
-webkit-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
select,
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"] {
outline: none;
}
textarea {
width: 100%;
height: 150px;
outline: none;
}
.contact-formed {
position: relative;
display: block;
background: #ffffff;
padding: 40px 50px 44px;
box-shadow: 0 0px 30px rgb(0 0 0 / 15%);
}
.contact-formed .wpcf7 .wpcf7-form {
display: flex;
flex-wrap: wrap;
align-items: baseline;
justify-content: flex-start;
}
.contact-formed .wpcf7 form p {
margin-bottom: 0;
flex: 0 0 48%;
}
.contact-formed .wpcf7 p {
margin-left: 25px;
}
.contact-formed .wpcf7 p:nth-child(8) {
margin-top: 26px;
}
.contact-formed .wpcf7 p:nth-child(2),
.contact-formed .wpcf7 p:nth-child(4),
.contact-formed .wpcf7 p:nth-child(6),
.contact-formed .wpcf7 p:nth-child(7),
.contact-formed .wpcf7 p:nth-child(8) {
margin-left: 0;
}
.contact-formed .wpcf7 p:nth-child(8),
.contact-formed .wpcf7 p:nth-child(6), .contact-formed .wpcf7 p:nth-child(7) {
width: 100%;
max-width: 100%;
flex-basis: 100%;
}
.contact-formed .wpcf7 .wpcf7-submit {
width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
.form-panel .wpcf7-form p {
flex: 0 0 47.9% !important;
max-width: 47.9% !important;
}
.form-panel .wpcf7-form p:nth-child(4),
.form-panel .wpcf7-form p:nth-child(6) {
margin-left: 0 !important;
}
.form-panel .wpcf7-form p:nth-child(5) {
margin-left: 22px !important;
}
}
@media (max-width: 755px) {
.contact-formed .wpcf7 form p {
flex-basis: 100%;
margin-left: 0;
margin-right: 0;
}
}
.locations-section {
position: relative;
padding: 100px 0px;
overflow: hidden;
background: #f4f9fc;
}
.locations-section .pattern-layer {
position: absolute;
left: 0px;
top: 0px;
right: 0px;
width: 100%;
height: 100%;
opacity: 0.2;
background-repeat: repeat-x;
animation: slide 100s linear infinite;
-webkit-animation: slide 100s linear infinite;
}
@keyframes slide{
from { background-position: 0 0; }
to { background-position: 1920px 0; }
}
@-webkit-keyframes slide{
from { background-position: 0 0; }
to { background-position: 1920px 0; }
}
.locations-row {
margin-top: -20px;
}
.inner-box {
position: relative;
display: block;
background: #fff;
margin-top: 20px;
padding: 34px 40px 37px 40px;
box-shadow: 0 0px 20px rgb(0 0 0 / 6%);
}
.inner-box .upper-box {
position: relative;
margin-bottom: 18px;
}
.inner-box .upper-box h3 {
font-size: 22px;
line-height: 30px;
font-weight: 700;
margin-bottom: 10px;
}
.inner-box .upper-box p {
font-size: 17px;
line-height: 28px;
font-weight: 500;
}
.info-list.clearfix {
list-style: none;
padding: 0px;
margin: 0px;
}
.inner-box .info-list li {
position: relative;
display: block;
padding-left: 70px;
margin-bottom: 14px;
}
.inner-box .info-list li i {
position: absolute;
left: 0px;
top: 0;
font-size: 18px;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #f4f9fc;
border-radius: 50%;
transition: all 500ms ease;
}
.inner-box .info-list li p {
position: relative;
display: block;
font-size: 17px;
line-height: 1.4;
color: #222222;
font-weight: 700;
margin-bottom: 0px;
}
.inner-box .info-list li a {
position: relative;
display: inline-block;
font-size: 17px;
line-height: 1.4;
font-weight: 500;
color: #273333;
transition: all 500ms ease;
}
.inner-box .info-list li:last-child {
margin-bottom: 0px;
}
.inner-box .info-list li:hover i,
.inner-box .info-list li:focus-within i {
color: #ffffff;
}
.google-section {
margin: 0 0 100px;
position: relative;
z-index: 0;
}
.google-section [class^='col-']:not(.pxl) {
position: inherit;
}
.google-map-banner-inner {
width: 100%;
height: 100%;
}
.google-section-frame {
height: 100%;
}
.google-section-frame img {
width: 100%;
height: 100%;
min-height: 520px;
object-fit: cover;
}
.google-map-info {
position: relative;
z-index: 0;
}
.live-contact {
position: relative;
margin-bottom: 0;
}
.live-contact img {
width: 100%;
max-width: 375px;
max-height: 520px;
border-radius: 6px;
object-fit: cover;
}
.live-contact .content {
position: absolute;
left: 0;
right: 0;
bottom: 0;
padding: 50px 30px;
text-align: center;
}
.live-contact .content .icon {
color: #ffffff;
font-size: 70px;
line-height: 70px;
margin-bottom: 30px;
}
.live-contact .content h4 {
position: relative;
color: #ffffff;
font-size: 24px;
font-weight: 600;
margin-bottom: 16px;
}
.live-contact .content .text {
position: relative;
color: #ffffff;
font-size: 18px;
font-weight: 500;
margin-bottom: 25px;
}.header-search-active,
.overlay-enabled {
position: inherit;
overflow: hidden;
height: 100vh;
}
.header {
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
background: #ffffff;
-webkit-transition: min-height 0.3s ease;
transition: min-height 0.3s ease;
width: 100%;
z-index: 9;
}
.header-top-info {
position: relative;
z-index: 1;
}
.navigator-wrapper {
position: relative;
z-index: 0;
}
.header-search-active .header,
.header-search-active .navigator-wrapper {
z-index: auto;
}
@media only screen and (min-width: 783px) {
body.admin-bar .header .sticky-menu {
top: 32px;
}
}
@media only screen and (max-width: 782px) and (min-width: 601px) {
body.admin-bar .header .sticky-menu {
top: 46px;
}
}
.logo a, .mobile-logo a, .site-title {
display: inline-block;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
white-space: normal;
max-width: 100%;
float: none;
height: auto;
z-index: 9;
}
.logo a, .mobile-logo a {
margin: auto 0;
}
a.site-title {
margin: auto 0 0;
}
.logo a:focus {
outline-width: 1px;
outline-style: dotted;
}
.site-description {
width: 100%;
display: block;
font-size: 12px;
font-weight: 500;
line-height: 1.2;
white-space: normal;
margin: 0;
padding-top: 0px;
}
.navbar-brand {
padding: 0;
}
img.navbar-brand {
width: auto;
min-height: 38px;
float: none;
margin: 0;
}
.navigation:not(.pagination) {
padding: 18px 0;
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
-moz-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}
.theme-menu {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-ms-flex-item-align: stretch;
align-self: stretch;
width: 100%;
height: 100%;
}
.menubar {
text-align: right;
position: relative;
}
.not-included {
color: red;
display: block;
font-size: 0.7em;
line-height: 1;
padding: 0 0 5px 0;
margin-top: 1px;
}
.mobile-menu .not-included {
margin-top: -6px;
}
.menubar .menu-wrap > li > a > .not-included {
position: absolute;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
max-width: 100%;
z-index: 1;
bottom: -5px;
}
.header .widget_nav_menu li > a > .not-included,
.footer .widget_nav_menu li > a > .not-included,
.footer .menu-wrap > li > a > .not-included {
display: contents;
line-height: 0;
width: 100%;
}
.footer .menu-wrap > li > a > .badge,
.menubar .menu-wrap > li > a > .badge {
position: absolute;
top: -18px;
right: 0;
left: 0;
text-align: center;
max-width: max-content;
margin: 0 auto;
z-index: 1;
}
.footer .menu-wrap > li > a > .badge:before,
.menubar .menu-wrap > li > a > .badge:before {
transform: rotate(-90deg);
left: 0;
right: 0;
bottom: -36px;
margin: auto auto;
}
.badge {
margin: 0 6px;
position: relative;
color: #ffffff;
background-color: #492cdd;
padding: 3px 6px;
height: 25px;
font-size: 12px;
line-height: 1.6;
display: inline-block;
}
.badge:before {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -15px;
margin: auto 0;
height: 0;
width: 0;
border: 10px solid transparent;
border-right-color: #492cdd;
z-index: -1;
}
.menubar ul.menu-wrap {
display: inline-block;
}
ul.menu-wrap {
list-style: none;
margin: 0px;
padding: 0px;
display: block;
}
ul.menu-wrap li {
list-style: none;
}
.menu-wrap > li > a,
.dropdown-menu li a {
position: relative;
font-size: 17px;
display: block;
text-align: inherit;
z-index: 0;
line-height: 44px;
}
.menu-wrap > li a img {
width: auto;
height: 15px;
display: inline-block;
vertical-align: initial;
margin: auto;
margin-right: 5px;
transform: translateY(1px);
}
.header .widget_nav_menu li.menu-item-has-children > a:after,
.footer .widget_nav_menu li.menu-item-has-children > a:after,
.footer .menu-wrap > li.dropdown > a:before,
.menubar .menu-wrap > li.dropdown > a:before {
content: "\f107";
font-family: fontawesome;
position: absolute;
top: 0;
right: 8px;
bottom: 0;
display: flex;
align-items: center;
color: inherit;
}
.header .widget_nav_menu li.menu-item-has-children > a,
.footer .widget_nav_menu li.menu-item-has-children > a,
.footer ul.menu-wrap > li.dropdown > a,
.menubar ul.menu-wrap > li.dropdown > a {
padding-right: 25px;
}
.navigation .menubar ul.menu-wrap li.btn-home {
vertical-align: bottom;
text-align: center;
}
.navigation .menubar ul.menu-wrap li.btn-home > a {
padding: 0 20px;
}
.active-five .menubar ul.menu-wrap li.btn-home {
margin-right: -9px;
}
ul.menu-wrap .btn-home > a.nav-link > span {
font-size: 25px;
line-height: inherit;
}
.footer .menu-wrap > li > a {
padding: 0px 5px;
}
.widget-left .menu-wrap > li:first-child > a,
.widget-right .menu-wrap > li:first-child > a {
padding-left: 0
}
.widget-left .menu-wrap > li:last-child > a,
.widget-right .menu-wrap > li:last-child > a {
padding-right: 0px;
}
.footer .menu-wrap > li > a,
.menubar .menu-wrap > li > a {
display: inline-flex;
}
.menubar .menu-wrap > li.menu-item > a {
padding: 0px 14px;
color: #222222;
}
.menu-wrap > li > a {
white-space: normal;
border: 0;
border-radius: 2px;
}  .footer .menu-wrap > li,
.navigation .menubar .menu-wrap > li {
display: inline-block;
margin: 0 -1px;
position: relative;
} .footer-copyright .widget_nav_menu ul.menu .sub-menu li.menu-item a,
.header .widget_nav_menu ul.menu .sub-menu li.menu-item a,
.header .widget_nav_menu ul.menu .sub-menu li.menu-item a {
margin: 0;
display: block;
width: 100%;
}
.footer-copyright .widget_nav_menu ul.menu > li > a,
.header .widget_nav_menu ul.menu > li > a {
line-height: 45px;
}
.header .widget_nav_menu .sub-menu,
.navigation .menubar .dropdown-menu {
position: absolute;
z-index: 99;
width: 215px;
background: #ffffff;
padding: 5px;
margin: 0;    
border: 0;
border-radius: 0;
-moz-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
font-size: 1rem;
text-align: left;
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all .25s;
}
.navigation .menubar .dropdown-menu {
border-top-width: 3px;
border-style: solid;
}
.footer-copyright .widget_nav_menu .sub-menu,
.footer .menu-wrap .dropdown-menu {
position: absolute;
top: auto;
right: auto;
bottom: 50px;
left: auto;
border: 0;
padding: 5px;
border-radius: 0;
text-align: left;
margin: 0 auto;
background: #ffffff;
min-width: 12.5rem;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
-webkit-box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.15);
box-shadow: 0 0.5rem 1.875rem rgba(0, 0, 0, 0.15);
transition: all .25s;
}
.header .widget_nav_menu .menu > .menu-item > .sub-menu:before,
.footer-copyright .widget_nav_menu .menu .menu-item .sub-menu:before,
.footer .menu-wrap .menu-item .dropdown-menu:before {
content: '';
position: absolute;
top: auto;
right: auto;
bottom: -10px;
left: 20px;
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
}
.header .widget_nav_menu .menu > .menu-item > .sub-menu:before {
top: -10px;
border-bottom: 10px solid #ffffff;
}
.footer-copyright .widget_nav_menu .menu .menu-item .sub-menu:before,
.footer .menu-wrap .menu-item .dropdown-menu:before {
border-top: 10px solid #ffffff;
}
.footer .menu-wrap .dropdown-menu,
.footer-copyright .widget_nav_menu .sub-menu {
bottom: 100%;
}
.header .widget_nav_menu .sub-menu,
.navigation .menubar .dropdown-menu {
top: 100%;
}
.footer-copyright .widget_nav_menu .menu-item:hover > .sub-menu,
.footer-copyright .widget_nav_menu .menu-item.focus > .sub-menu,
.header .widget_nav_menu .menu-item:hover > .sub-menu,
.header .widget_nav_menu .menu-item.focus > .sub-menu,
.footer .menu-wrap .menu-item:hover > .dropdown-menu,
.footer .menu-wrap .menu-item.focus > .dropdown-menu,
.navigation .menu-wrap .menu-item:hover > .dropdown-menu,
.navigation .menu-wrap .menu-item.focus > .dropdown-menu {
visibility: visible;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
transition: all .2s;
} .footer .menu-wrap .dropdown-menu li .dropdown-menu,
.footer-copyright .widget_nav_menu .sub-menu li .sub-menu {
bottom: 100%;
transform: translateY(12px);
}
.header .widget_nav_menu .sub-menu li .sub-menu,
.navigation .menubar .dropdown-menu li .dropdown-menu {
top: -4px; 
transform: translateY(-12px);
}
.footer-copyright .widget_nav_menu .sub-menu li .sub-menu,
.footer .menu-wrap .dropdown-menu li .dropdown-menu,
.header .widget_nav_menu .sub-menu li .sub-menu,
.navigation .menubar .dropdown-menu li .dropdown-menu {
display: block;    
opacity: 0;
visibility: hidden;
}
.footer-copyright .widget_nav_menu .sub-menu li .sub-menu,
.footer .menu-wrap .dropdown-menu li .dropdown-menu {
margin-bottom: 20px;
}
.header .widget_nav_menu .sub-menu li .sub-menu,
.navigation .menubar .dropdown-menu li .dropdown-menu {
left: 100%;
margin-top: 0;
margin-left: 10px;
}
.footer .menu-wrap > .menu-item:last-child > .dropdown-menu li .dropdown-menu,
.footer-copyright .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu {
bottom: 100%;
}
.header .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu,
.navigation .menubar .menu-wrap > .menu-item:last-child > .dropdown-menu li .dropdown-menu {
left: auto;
right: 100%;
margin-right: 10px;
}
.header .widget_nav_menu .menu > .menu-item:last-child > .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu,
.navigation .menubar .menu-wrap > .menu-item:last-child > .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
right: auto;
left: 100%;
}
.header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu,
.navigation .menubar .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: auto;
right: 100%;
margin-right: 10px;
}
.header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu,
.navigation .menubar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
right: auto;
left: 100%;
}
.header .widget_nav_menu .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu li .sub-menu,
.navigation .menubar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
right: auto;
left: 100%;
}
.footer .menu-wrap .menubar .dropdown-menu > li,
.footer-copyright .widget_nav_menu .sub-menu > li,
.header .widget_nav_menu .sub-menu > li,
.navigation .menubar .dropdown-menu > li {
padding: 0;
position: relative;
height: auto;
}
.footer .menu-wrap .dropdown-menu li a,
.footer-copyright .widget_nav_menu .sub-menu li a,
.header .widget_nav_menu .sub-menu li a,
.navigation .menubar .dropdown-menu li a {
border-bottom: 1px solid #f7f7f7;
color: #222222;
font-size: 14px;
font-weight: 400;
line-height: 24px;
padding: 8px 18px 8px 18px;
text-transform: none;
white-space: normal;
}
.footer .menu-wrap .dropdown-menu li:last-child a,
.footer-copyright .widget_nav_menu .sub-menu li:last-child a,
.header .widget_nav_menu .sub-menu li:last-child a,
.navigation .menubar .dropdown-menu li:last-child a {
border-bottom: 0;
border-radius: 0 3px 3px;
}
.footer .menu-wrap .dropdown-menu li:hover > a,
.footer .menu-wrap .dropdown-menu li.focus > a,
.footer-copyright .widget_nav_menu .sub-menu li:hover > a,
.footer-copyright .widget_nav_menu .sub-menu li.focus > a,
.header .widget_nav_menu .sub-menu li:hover > a,
.header .widget_nav_menu .sub-menu li.focus > a,
.navigation .menubar .dropdown-menu li:hover > a,
.navigation .menubar .dropdown-menu li.focus > a {
background-color: #f7f7f7;
}
.footer .menu-wrap .dropdown-menu li:last-child,
.footer-copyright .widget_nav_menu .sub-menu li:last-child,
.header .widget_nav_menu .sub-menu li:last-child,
.navigation .menubar .dropdown-menu li:last-child {
border-bottom-color: transparent;
}
.footer .menu-wrap .dropdown-menu .dropdown > a:after,
.footer-copyright .widget_nav_menu .sub-menu .menu-item-has-children > a:after,
.header .widget_nav_menu .sub-menu .menu-item-has-children > a:after,
.navigation .menubar .dropdown-menu .dropdown > a:after {
font-family: "FontAwesome";
content: "\f054";
position: absolute;
top: 50%;
right: 20px;
font-size: 10px;
opacity: 0.7;  
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.footer .menu-wrap .dropdown-menu .dropdown:hover > a:after,
.footer .menu-wrap .dropdown-menu .dropdown.focus > a:after,
.footer-copyright .widget_nav_menu .sub-menu .menu-item-has-children:hover > a:after,
.footer-copyright .widget_nav_menu .sub-menu .menu-item-has-children.focus > a:after,
.header .widget_nav_menu .sub-menu .menu-item-has-children:hover > a:after,
.header .widget_nav_menu .sub-menu .menu-item-has-children.focus > a:after,
.navigation .menubar .dropdown-menu .dropdown:hover > a:after,
.navigation .menubar .dropdown-menu .dropdown.focus > a:after {
opacity: 1;
right: 15px;
}  .is-above-sticky,
.sticky-menu {
position: fixed;
top: -1px;
left: 0;
right: 0;
width: 100%;
background: #ffffff;
z-index: 999;
-webkit-animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
animation: 1s ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky-menu {
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}
.sticky-menu .sticky-navbar-brand {
display: block;
visibility: visible;
}
a.sticky-navbar-brand,
.sticky-menu .sticky-navbar-brand + .navbar-brand {
display: none;
visibility: hidden;
}
@-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;
}
}
.fadeInDown {
-webkit-animation-name:fadeInDown;
animation-name:fadeInDown;
} .theme-mobile-nav {
width: 100%;
display: none;
background: #ffffff;
}
.theme-mobile-menu {    
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
padding: 1.219em 0px;
}
.slide-menu .mobile-menu {
max-width: 320px;
}
.header-menu-active .slide-menu .mobile-menu:after {
position: fixed;
width: 100%;
height: 100vh;
opacity: 0.85;    
}
.slide-menu .mobile-menu {
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}
.theme-mobile-menu .mobile-menu-shift {
height: 100%;
max-height: 500px;
overflow-x: hidden;
overflow-y: overlay;
-ms-touch-action: overlay;
touch-action: auto;
}
.theme-mobile-menu ul,
.theme-mobile-menu ul li {
padding: 0;
list-style: none;
position: relative;
z-index: 1;
border: 0;
}
.mobile-menu > ul > li:first-child {
border-top: 1px solid #e0e0e0;
}
.mobile-menu > ul > li {
border-bottom: 1px solid #e0e0e0;
} .theme-mobile-menu ul li {
margin: 0;
}
.mobile-menu .dropdown-menu {
display: none;
}
.mobile-menu {
position: fixed;
top: -150%;
left: 0;    
z-index: 999;
width: 100%;
height: 100%;
padding-top: 4.3rem;
padding-bottom: 1.25rem;
opacity: 0;
visibility: hidden;
overflow: hidden;
text-align: left;
display: none;
background: #ffffff;
}
.mobile-menu:after {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: inherit;
z-index: -1;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.mobile-menu-scroll {
padding: 0;
margin: 0px;
height: 100%;
overflow-x: hidden;
overflow-y: auto;
}
.header-menu-active .mobile-menu {
top: 0;
opacity: 1;
visibility: visible;
display: block;
}
.mobile-menu .login-btn {
margin-top: 16px;
}
.mobile-menu ul li.dropdown {
display: flex;
justify-content: flex-start;
flex-wrap: wrap;
}
.mobile-menu ul.menu-wrap>li {
border-bottom: 1px solid #e0e0e0;
}
.mobile-menu .menu-wrap > li a {
width: 100%;
padding-left: 15px;
}
.mobile-menu li.dropdown ul.dropdown-menu li > a {
padding-left: 25px;
width: 100%;
}
.mobile-menu .dropdown > a {
flex: 1;
}
.footer span.mobi_drop {
display: none;
}
span.mobi_drop {
max-width: 48px;
}
.mobile-menu .dropdown-menu li:not(:last-child) {
border-bottom: 1px solid #e0e0e0;
}
.mobile-menu .dropdown > span > a {
cursor: pointer;
flex-basis: 10%;
text-align: center;
line-height: 46px;
padding: 0 1.17em;
border-left: 1px solid #e0e0e0;
display: flex;
align-items: center;
justify-content: center;
height: 100%;
}
.mobile-menu .dropdown > span > a:before {
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
display: block;
}
.mobile-menu .dropdown.current > span > a:before {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.mobile-menu .dropdown-menu {
margin: 0;
float: none;
clear: both;
background: none;
border-top: 1px solid #e0e0e0;
width: 100%;
padding: 0;
border-radius: 0;
box-shadow: none;
}
.mobile-menu .menu-item a {
display: inline-block;
}
.mobile-menu li > a {
text-transform: none;
font-weight: 600;
letter-spacing: 0.5px;
}
.mobile-menu .dropdown.current > a {
margin: 0;
} .menu-toggle-wrap {
text-align: center;
}
span.tgl-lbl {
line-height: 1.1;
display: block;
}
.hamburger-menu {
width: 40px;
height: 40px;
display: inline-block;
vertical-align: middle;
border-radius: .25rem;
}
.hamburger-menu a {
display: block;
padding: 7px 8px;
}
.hamburger-menu div {
height: 3px;
width: 100%;
margin: 0 0 5px;
background: #383E41;
}
.hamburger-menu div:first-child {
margin-top: 5px;
}
.hamburger-menu .meat,
.hamburger-menu .bottom-bun,
.hamburger-menu > a:hover div,
.hamburger-menu > a:focus div {
width: 100%;
}
.hamburger-menu > a:hover .top-bun,
.hamburger-menu > a:focus .top-bun {
-webkit-animation: burger-hover 0.8s infinite ease-in-out alternate;
animation: burger-hover 0.8s infinite ease-in-out alternate;
}
.hamburger-menu > a:hover .meat,
.hamburger-menu > a:focus .meat {
-webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
animation: burger-hover 0.8s infinite ease-in-out alternate forwards 150ms;
}
.hamburger-menu > a:hover .bottom-bun,
.hamburger-menu > a:focus .bottom-bun {
-webkit-animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
animation: burger-hover 0.8s infinite ease-in-out alternate forwards 300ms;
}
@-webkit-keyframes burger-hover {
0% {
width: 100%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
}
@keyframes burger-hover {
0% {
width: 100%;
}
50% {
width: 50%;
}
100% {
width: 100%;
}
} .header-sidebar-toggle.close-button {
display: none;
}
.header-sidebar-toggle {
display: inline-block;
position: relative;
width: 12px;
height: 40px;
line-height: 40px;
padding: 0;
cursor: pointer;
color: #ffffff;
background-color: transparent;
z-index: 1;
}
.header-sidebar-toggle span {
top: 50%;
}
.header-sidebar-toggle span,
.header-sidebar-toggle span:before,
.header-sidebar-toggle span:after {
position: absolute;
width: 7px;
height: 7px;
line-height: 7px;
text-align: center;
background: #383E41;
left: 50%;
margin-left: -3px;
border-radius: 50%;
}
.header-sidebar-toggle span:before,
.header-sidebar-toggle span:after {
content: '';
transform: translateX(-0.5px);
}
.header-sidebar-toggle span:before {
bottom: 100%;
margin-bottom: 4px
}
.header-sidebar-toggle span:after {
top: 100%;
margin-top: 4px
}
.header-sidebar-toggle.active span {
-webkit-transform: scale(.9);
transform: scale(.9);
border: 0;
}
.header-sidebar-toggle.active span:before {
-webkit-transform: translateY(19px)translateX(-1px);
transform: translateY(19px)translateX(-1px);
border: 0;
}
.header-sidebar-toggle.active span:after {
-webkit-transform: translateY(-19px)translateX(-1px);
transform: translateY(-19px)translateX(-1px);
border: 0;
} @-webkit-keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
@keyframes tada {
0% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
10%,
20% {
-webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%,
50%,
70%,
90% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%,
60%,
80% {
-webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1)
}
}
.tada {
-webkit-animation-name: tada;
animation-name: tada;
}
.mobi-head-top {
position: absolute;
text-align: center;
top: 100%;
right: 0;
left: 0;
margin: 0 auto;
display: block;
height: auto;
width: 95%;
padding: 15px;
border-radius: 0;
opacity: 0;
visibility: hidden;
display: none;
background-color: #ffffff;
-webkit-box-shadow: 0 15px 40px rgba(0,0,0,.15);
box-shadow: 0 15px 40px rgba(0, 0, 0, 0.075);
}
.mobi-head-top.active {
display: block;
visibility: visible;
opacity: 1;
filter: alpha(opacity=100);
-webkit-animation-name: tada;
animation-name: tada;
}
.mobi-head-top .header-widget .widget:not(.widget_contact) {
width: 100%;
}
.mobi-head-top .header-widget .widget {
margin-bottom: 10px;
}
.mobi-head-top #header-top-right .widget:last-child {
margin-bottom: 0px;
}
.mobi-head-top #header-top-right .widget.widget_social_widget:first-child:before {
background: none;
}
.mobi-head-top .header-widget .widget .contact-area {
padding-left: 0;
} .menu-right > ul {
margin: 0;
padding: 0;
padding-left: 12px;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
height: 100%;
}
.menu-right > ul > ul > li, .menu-right > ul > li {
display: inline-block;
margin-right: 0;
position: relative;
color: initial;
list-style: none;
}
.menu-right li.header_btn {
margin-left: 18px;
}
.menu-right > ul > ul > li:last-child,
.menu-right > ul > li:last-child {
margin-right: 0;
} .cart-icon-wrap a {
position: relative;
z-index: 0;
}
.menu-right li .cart-icon-wrap i {
display: inline-block;
padding: 0 10px;
color: initial;
vertical-align: middle;
}
.menu-right li.cart-wrapper {
position: relative;
}
.menu-right li.cart-wrapper .cart-icon-wrap span {
position: absolute;
top: 0px;
right: 0px;
width: 20px;
height: 20px;
line-height: 19px;
display: inline-block;
font-size: 10px;
color: #ffffff;
border-width: 1px;
border-style: solid;
border-radius: 50%;
text-align: center;
}
.shopping-cart {
position: absolute;
top: 100%;
right: 0;
z-index: 1;
display: -ms-flexbox;
display: flex;
width: auto;
padding: 0;
background: #ffffff;
border-radius: 0 3px 3px;
border: 0;
border-top: 3px solid transparent;
opacity: 0;
visibility: hidden;
-webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.30);
box-shadow: 0 15px 30px -5px rgba(0, 0, 0, 0.30);
-webkit-transform: translate3d(0, -5px, 0);
transform: translate3d(0, -5px, 0);
}
.menu-right li.cart-wrapper:hover .shopping-cart {
opacity: 1;
visibility: visible;
-webkit-transform: translate3d(0, 2px, 0);
transform: translate3d(0, 2px, 0);
}
.cart-body {
width: 270px;
position: relative;
}
.cart-header {
padding-bottom: 20px;
position: relative;
overflow: hidden;
}
.cart-header:after {
content: "";
border-bottom: 1px solid #d4d5d9;
position: absolute;
left: 0;
right: 0px;
bottom: 0;
}
.cart-menu {
width: 66px;
height: 66px;    
overflow: hidden;
position: relative;
float: left;
border: 1px solid #dddddd;
background-color: #ffffff;
display: block;
cursor: pointer;
}
.cart-menu:after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(40, 44, 63, .05);
content: "";
background-blend-mode: overlay;
}
.product-name {
margin-left: 76px;
height: 66px;
overflow: hidden;
padding-right: 30px;
position: relative;
}
a.remove.remove_from_cart_button {
position: absolute;
top: auto;
bottom: auto;
left: 22px;
float: left;
color: #222222 !important;
background: #ffffff;
text-align: center;
width: 1.5em;
height: 1.5em;
line-height: 1.5;
font-size: 12px;
border-radius: 100%;
-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
}
.p-head {
padding-top: 2px;
margin-left: -1px;
font-size: 15px;
font-weight: 500;
color: #222222;
}
.p-text,
.p-head {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
line-height: 1.4;
}
.p-text {
margin-top: -1px;
font-size: 12px;
color: #7e808c;
font-weight: 300;
}
.p-menu {
margin-top: 8px;
font-size: 12px;
font-weight: 600;
text-transform: uppercase;
cursor: pointer;
line-height: 1.4;
}
.p-menu:hover {
font-weight: 700;
}
.cart-content {
padding: 8px 0;
border-bottom: 1px dashed #a9abb2;
min-height: 50px;
max-height: 100px;
overflow-y: auto;
}
.cart-item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
margin: 8px 0;
font-size: 13px;
-ms-flex-align: center;
align-items: center;
line-height: 1.4;
}
.icon-item {
color: #ad4728;
margin-right: 8px;
font-size: 10px;
}
.name-item {
-ms-flex: 1;
flex: 1;
font-weight: 500;
color: #3d4152;
text-overflow: ellipsis;
overflow: hidden; white-space: nowrap;
}
.item-shrink {
}
.item-amount {
color: #686b78;
text-align: right;
font-weight: 300;
width: 60px;
}
.cart-total {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
padding: 14px 0 16px;
-ms-flex-direction: column;
flex-direction: column;
color: #222222;
}
.total-item {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
font-weight: 600;
}
.total-name {
-ms-flex: 1;
flex: 1;
}
.sup-tagline {
margin-top: -1px;
font-size: 13px;
color: #999;
font-weight: 300;
line-height: 1.4;
}
.actions {
width: 100%;
text-align: center;
margin-bottom: 4px;
}
.shopping-cart .actions .btn {
font-size: 13px;
line-height: 35px;
padding: 0px 20px;
position: relative;
z-index: 0;
}
.shopping-cart .actions .btn:first-child {
margin-right: 8px;
}
#header-cart ul {
list-style: none;
flex-direction: column;
padding: 15px 20px 0;
}
#header-cart ul li {
list-style: none;
padding: 10px 10px 10px 25px;
margin: 0 0 10px 0;
width: 100%;
border-bottom: 1px solid rgba(0,0,0,.05);
}
#header-cart ul li:last-child {
margin-bottom: 0;
}
#header-cart .total {
padding: 1em 0;
margin: 0 auto;
text-align: center;
border-bottom: 1px solid rgba(0,0,0,.05);
}
#header-cart .buttons {
background: #f7f9fc;
padding: 0;
margin: 0;
display: flex;
width: 100%;
max-width: 100%;
}
#header-cart .buttons a {
margin: 0!important;
padding: 12px!important;
font-weight: 700;
display: block!important;
text-decoration: none!important;
outline: none!important;
flex: 1;
border: 0;
border-right: 1px solid rgba(255, 255, 255, 0.5);
border-radius: 0 !important;
text-align: center;
color: #ffffff;
background: #333333;
}
#header-cart .buttons a:last-child {
border-right: 0;
}
#header-cart .woocommerce-mini-cart__empty-message {
margin: 0;
padding: 15px;
font-weight: 500;
} .emergency-call {
height: 100%;
list-style: none;
}
.emergency-call .contact-area {
-webkit-flex-direction: row-reverse;
flex-direction: row-reverse;
height: 100%;
}
.emergency-call .contact-icon {
margin-right: 0;
margin-left: 35px;
height: 100%;
}
.emergency-call .contact-icon i {
text-align: center;
top: 3px;
font-size: 32px;
line-height: 32px;
color: #ffffff;
position: relative;
padding: 0px 20px;
margin-top: 10px;
}
.emergency-call .contact-icon::before {
position: absolute;
content: '';
height: 0px;
border-right: 36px solid rgba(34, 34, 34, 0.9);
border-top: 72px solid rgba(34, 34, 34, 0.9);
border-left: 36px solid rgba(34, 34, 34, 0.9);
border-bottom: 25px solid transparent;
z-index: 0;
right: 0px;
top: -8px;
}
.emergency-call .contact-info {
text-align: right;
color: #fff;
}
.emergency-call .contact-info .text {
font-size: 12px;
line-height: 24px;
font-weight: 700;
text-transform: uppercase;
}
.emergency-call .contact-info .title {
font-weight: 700;
font-size: 20px;
line-height: 26px;
}  .header-search-popup {
background-color: rgb(255, 255, 255, 1);
position: fixed;
left: 0;
top: 0;
width: 100%;
height:100%;
z-index: 999;
display: none;
padding: 0 25px;
overflow: hidden;
visibility: hidden;
opacity: 0;
}
.header-search-active .header-search-popup {
display: block;
visibility: visible;
opacity: 1;
}
.header-search-active .header-search-popup form {
max-width: 1200px;
opacity:1;
}
.header-search-popup form {
width: 100%;
max-width: 100px;
margin: auto;
position: relative;
top: 50%;
-moz-transform: translate(0px, -50%);
-moz-transform: translate(0px, -50%);
-o-transform: translate(0px, -50%);
-webkit-transform: translate(0px, -50%);
opacity:0;
}
.header-search-popup form .xl-search-field {
padding-right: 60px;
border-top: none;
border-left: none;
border-right: none;
color: inherit;
font-size: 35px;
border-radius: 0;
}
.header-search-popup .xl-search-field::-moz-placeholder {
color: inherit;
font-weight: 500
}
.header-search-popup .xl-search-field:-moz-placeholder {
color: inherit;
font-weight: 500
}
.header-search-popup .xl-search-field:-ms-input-placeholder {
color: inherit;
font-weight: 500
}
.header-search-popup .xl-search-field::-webkit-input-placeholder {
color: inherit;
font-weight: 500
}
.header-search-popup .xl-search-field:focus {
outline: 0;
box-shadow: none;
}
.header-search-popup .header-search-close {
width: 60px;
top: 0;
bottom: 0;
margin: auto 0;
}
.close-style {
position: absolute;
display: block;
top: 1.75%;
height: 46px;
width: 46px;
right: 0;
z-index: 9;
}
.close-style.close-menu {
background-color: #ffffff;
}
.close-style:before, .close-style:after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;    
width: 30px;
height: 3px;
background: #383E41;
-webkit-transform-origin: 50% 50%;
-ms-transform-origin: 50% 50%;
transform-origin: 50% 50%;
}
.close-style:before {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.close-style:after {
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.close-style:hover:before, .close-style:hover:after,
.close-style:focus:before, .close-style:focus:after {
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
.header .header-search-toggle, .cart-icon-wrap #cart {
color: #222222;
display: flex;
align-items: center;
justify-content: center;
font-size: 16px;
width: 45px;
height: 45px;
position: relative;
text-align: center;
cursor: pointer;
}
@media (min-width: 601px) {
.admin-bar .theme-mobile-nav:not(.sticky-menu) .close-menu {
top: 5.4%;
}
.admin-bar .theme-mobile-nav:not(.sticky-menu) .mobile-menu {
padding-top: 6.88rem;
}
}  .header-info {
width: 100%;
height: 100%;
}
.header-item {
position: relative;
}
.header-item .menu-right {
font-size: 17px;
}
.header-info .header-item.widget-right,
.header-info .header-item.widget-left {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.header-info .header-item.widget-right {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
}
.header-info .header-item.widget-left {
margin: auto 0;
}
.header-info .widget_social_widget ul {
display: -ms-inline-flexbox;
display: inline-flex;
}
.header-info .widget_social_widget li {
overflow: visible;
list-style: none;
margin-right: 0;
}
.header-info .widget_social_widget li:last-child {
margin-right: 0px;
} .header-widget-info {
border-bottom: 1px solid #e9e9ea;
}
.header-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
min-height: 100px;
}
.brand-logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 0;
}
.header-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -12px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-right .header-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-right .header-info > div {
padding: 0 12px;
}
.header-right .header-info .menu-right ul {
padding-left: 0;
}  .edd_checkout a, .button:not(span),
div.wpforms-container-full .wpforms-form button[type=submit],
button, input[type="button"], input[type="reset"], input[type="submit"],
.bt-primary, .bt-secondary, .bt-white, .bt-white-border, .bt-primary-border {
font-weight: 600;
padding: 12.5px 32px;
line-height: 1;
letter-spacing: .5px;
border-width: 2px;
border-style: solid;
border-radius: 100px;
display: inline-block;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
font-size: 16px;
position: relative;
z-index: 0;
}
.bt-secondary {
color: #ffffff;
background-color: #383E41;
border-color: #383E41;
}
.bt-secondary:hover, .bt-secondary:focus {
color: #ffffff;
background-color: #383E41;
border-color: #383E41;
}
.bt-white, .bt-primary.bt-white,
a.bt-white, a.bt-primary.bt-white {
color: #383E41;
background-color: #ffffff;
border-color: #ffffff;
}
.bt-white-border {
color: #ffffff;
background: none;
border-color: #ffffff;
}
.bt-white-border:hover, .bt-white-border:focus,
.bt-white:hover, .bt-white:focus,
a.bt-white-border:hover, a.bt-white-border:focus,
a.bt-white:hover, a.bt-white:focus {
color: #383E41;
background-color: #ffffff;
border-color: #ffffff;
}
.bt-primary.bt-white-border.bt-effect-2:hover,
.bt-primary.bt-white-border.bt-effect-2:focus,
.bt-primary.bt-white.bt-effect-2:hover,
.bt-primary.bt-white.bt-effect-2:focus {
background-color: transparent;
}
.bt-primary.bt-white-border.bt-effect-2:hover,
.bt-primary.bt-white-border.bt-effect-2:focus,
.bt-primary.bt-white.bt-effect-2:hover,
.bt-primary.bt-white.bt-effect-2:focus {
border-color: #ffffff;
}
.bt-primary.bt-white-border.bt-effect-2:before,
.bt-primary.bt-white.bt-effect-2:before {
background: #ffffff;
} .bt-effect-1:hover, .bt-effect-1:focus {
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-3px);
}
.bt-effect-2:before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: -1;
background-color: #383E41;
-webkit-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: 50% 100%;
transform-origin: 50% 100%;
}
.bt-primary.bt-effect-2:hover:before,
.bt-primary.bt-effect-2:focus:before {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.bt-primary.bt-effect-2:hover,
.bt-primary.bt-effect-2:focus {
border-color: #383E41;
}  .active-one .menubar .menu-wrap > li > a {
border-radius: 3px;
}
.active-one .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
display: block;
position: absolute;
left: 0;
right: 0;
bottom: -8px;
border-bottom-width: 12px;
border-bottom-style: solid;
opacity: 0;
}
.active-one .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.active-one .navigation .menubar .menu-wrap > li.dropdown.focus > a:after {
top: auto;
opacity: 1;
}
.active-two .navigation .menubar .menu-wrap > li > a:after,
.active-two .navigation .menubar .menu-wrap > li.dropdown > a:after,
.active-three .navigation .menubar .menu-wrap > li > a:after,
.active-three .navigation .menubar .menu-wrap > li.dropdown > a:after,
.active-four .navigation .menubar .menu-wrap > li > a:after,
.active-four .navigation .menubar .menu-wrap > li.dropdown > a:after,
.active-six .navigation .menubar .menu-wrap > li > a:after,
.active-six .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;    
right: 0;
height: 3px;
width: 0;
}
.active-two .navigation .menubar .menu-wrap > li > a:after,
.active-two .navigation .menubar .menu-wrap > li.dropdown > a:after,
.active-three .navigation .menubar .menu-wrap > li > a:after,
.active-three .navigation .menubar .menu-wrap > li.dropdown > a:after,
.active-four .navigation .menubar .menu-wrap > li > a:after,
.active-four .navigation .menubar .menu-wrap > li.dropdown > a:after {
left: auto;
-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.active-two .navigation .menubar .menu-wrap > li > a:after,
.active-two .navigation .menubar .menu-wrap > li.dropdown > a:after {
bottom: 0;
}
.active-two .navigation .menubar .menu-wrap > li > a:after,
.active-two .navigation .menubar .menu-wrap > li.dropdown > a:after,
.active-four .navigation .menubar .menu-wrap > li > a:after,
.active-four .navigation .menubar .menu-wrap > li.dropdown > a:after {
border-bottom-width: 3px;
border-bottom-style: solid;
}
.active-three .navigation .menubar .menu-wrap > li > a:after,
.active-three .navigation .menubar .menu-wrap > li.dropdown > a:after {
border-bottom-width: 4px;
border-bottom-style: dotted;
}
.active-three .navigation .menubar .menu-wrap > li > a:after,
.active-three .navigation .menubar .menu-wrap > li.dropdown > a:after,
.active-four .navigation .menubar .menu-wrap > li > a:after,
.active-four .navigation .menubar .menu-wrap > li.dropdown > a:after {
bottom: 18%;
}
.active-two .navigation .menubar .menu-wrap > li.btn-home.current > a:after,
.active-two .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.active-two .navigation .menubar .menu-wrap > li:hover > a:after,
.active-two .navigation .menubar .menu-wrap > li.focus > a:after,
.active-two .navigation .menubar .menu-wrap > li.active > a:after {
width: 100%;
left: 0;
right: auto;
}
.active-three .navigation .menubar .menu-wrap > li.btn-home.current > a:after,
.active-four .navigation .menubar .menu-wrap > li.btn-home.current > a:after,
.active-four .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.active-four .navigation .menubar .menu-wrap > li:hover > a:after,
.active-four .navigation .menubar .menu-wrap > li.focus > a:after,
.active-four .navigation .menubar .menu-wrap > li.active > a:after,
.active-three .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.active-three .navigation .menubar .menu-wrap > li:hover > a:after,
.active-three .navigation .menubar .menu-wrap > li.focus > a:after,
.active-three .navigation .menubar .menu-wrap > li.active > a:after {
width: 20px;
left: 0;
right: 0;
margin: auto;
}
.active-six .navigation .menubar .menu-wrap > li > a:after {
border-bottom: 10px solid;
border-right: 7px solid transparent;
border-top: 0;
border-left: 7px solid transparent;
left: 0;
bottom: 0;
margin: 0 auto;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.active-six .navigation .menubar .menu-wrap > li.btn-home.current > a:after,
.active-six .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.active-six .navigation .menubar .menu-wrap > li:hover > a:after,
.active-six .navigation .menubar .menu-wrap > li.focus > a:after,
.active-six .navigation .menubar .menu-wrap > li.active > a:after {
opacity: 1;
visibility: visible;
} .more-link:after, .more-link,
.widget .cat-item:hover a + span,
.widget_title:after,
.navbar-brand, img.navbar-brand,
.sticky-menu img.navbar-brand,
.active-two .menubar .menu-wrap > li > a,
.menubar .dropdown-menu > li,
.menubar .dropdown-menu li a,
.menubar .dropdown-menu .dropdown > a:after,
.footer .dropdown-menu > li,
.footer .dropdown-menu li a,
.footer .menu-wrap .dropdown-menu .dropdown > a:after,
.sub-menu .menu-item-has-children > a:after,
.mobile-menu, .mobi-head-top, .shopping-cart,
.mobile-menu .dropdown > span > a:before,
.mobile-menu li > a,
.hamburger-menu div,
.hamburger-menu .meat,
.hamburger-menu .bottom-bun,
.header-sidebar-toggle span,
.header-sidebar-toggle span:before,
.header-sidebar-toggle span:after,
.p-menu,
.header-search-active .header-search-popup form,
.header-search-popup form,
.close-style:before, .close-style:after,
.header-search-popup span:before, .header-search-popup span:after,
.edd_checkout a, .button,
button, input, input[type="button"],
input[type="reset"], input[type="submit"],
.bt-white-border, .bt-primary-border,
.bt-shape, .bt-primary, .bt-secondary, .bt-white,
.bt-effect-2:before {
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}@media(min-width: 1200px) {
body.boxed {
width: 1210px;
-webkit-box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
box-shadow: 0 0 10px 0 rgba(48, 48, 48, 0.5);
margin: 0 auto;
position: relative;
}
}
@media (min-width: 768px) and (max-width: 979px)  {
body.boxed { width: 100%; }
}
@media (max-width: 767px) {
body.boxed { width: 100%; }
body { padding-left: 0px !important; padding-right: 0px !important; }
}
@media (min-width: 980px) and (max-width: 1199px) {
body.boxed { width: 100%; }
}@font-face{font-family:'FontAwesome';src:url(//renaterothe.de/wp-content/themes/specia-lifetime/inc/fonts/font-awesome/fonts/fontawesome-webfont.eot?v=4.6.3);src:url(//renaterothe.de/wp-content/themes/specia-lifetime/inc/fonts/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.6.3) format('embedded-opentype'),url(//renaterothe.de/wp-content/themes/specia-lifetime/inc/fonts/font-awesome/fonts/fontawesome-webfont.woff2?v=4.6.3) format('woff2'),url(//renaterothe.de/wp-content/themes/specia-lifetime/inc/fonts/font-awesome/fonts/fontawesome-webfont.woff?v=4.6.3) format('woff'),url(//renaterothe.de/wp-content/themes/specia-lifetime/inc/fonts/font-awesome/fonts/fontawesome-webfont.ttf?v=4.6.3) format('truetype'),url(//renaterothe.de/wp-content/themes/specia-lifetime/inc/fonts/font-awesome/fonts/fontawesome-webfont.svg?v=4.6.3#fontawesomeregular) format('svg');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}.header {
min-height: 88px;
}
html {
position: relative;
overflow-x: hidden;
scroll-behavior: smooth;
}
body {
font-size: 15px;
position: inherit;
overflow-x: hidden;
font-family: 'Open Sans', sans-serif;
letter-spacing: 0.2px;
font-weight: 400;
color: #222222;
padding: 0;
margin: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
img {
display: block;
max-width: 100%;
height: auto;
}
*, *:after, *:before {
-webkit-box-sizing: border-box !important;
-moz-box-sizing: border-box !important;
box-sizing: border-box !important;
}
.site {
background: #ffffff;
}
.dropdown-menu > .active > a, .dropdown-menu > .active > a:hover, .dropdown-menu > .active > a:focus {
color: inherit;
background: none;
} @media (min-width: 992px) {
.text-md-left {
text-align: left;
}
.text-md-right {
text-align: right;
}
.text-md-center {
text-align: center;
}
.pl-md-0 {
padding-left: 0;
}
.pr-md-0 {
padding-right: 0;
}
.mb-md-0 {
margin-bottom: 0 !important;
}
} .padding-0{
padding: 0 !important;
}
.padding-top-5{
padding-top: 5px;
}
.padding-top-10{
padding-top: 10px;
}
.padding-top-15{
padding-top: 15px;
}
.padding-top-20{
padding-top: 20px;
}
.padding-top-25{
padding-top: 25px;
}
.padding-top-30{
padding-top: 30px;
}
.padding-top-35{
padding-top: 35px;
}
.padding-top-40{
padding-top: 40px;
}
.padding-top-45{
padding-top: 55px;
}
.padding-top-50{
padding-top: 50px;
}
.padding-top-55{
padding-top: 55px;
}
.padding-top-60{
padding-top: 60px;
}
.padding-top-65{
padding-top: 65px;
}
.padding-top-70{
padding-top: 70px;
}
.padding-top-75{
padding-top: 75px;
}
.padding-top-80{
padding-top: 80px;
}
.padding-top-85{
padding-top: 85px;
}
.padding-top-90{
padding-top: 90px;
}
.padding-top-95{
padding-top: 95px;
}
.padding-top-100{
padding-top: 100px;
}
.padding-bottom-5{
padding-bottom: 5px;
}
.padding-bottom-10{
padding-bottom: 10px;
}
.padding-bottom-15{
padding-bottom: 15px;
}
.padding-bottom-20{
padding-bottom: 20px;
}
.padding-bottom-25{
padding-bottom: 25px;
}
.padding-bottom-30{
padding-bottom: 30px;
}
.padding-bottom-35{
padding-bottom: 35px;
}
.padding-bottom-40{
padding-bottom: 40px;
}
.padding-bottom-45{
padding-bottom: 45px;
}
.padding-bottom-50{
padding-bottom: 50px;
}
.padding-bottom-55{
padding-bottom: 55px;
}
.padding-bottom-60{
padding-bottom: 60px;
}
.padding-bottom-65{
padding-bottom: 65px;
}
.padding-bottom-70{
padding-bottom: 70px;
}
.padding-bottom-75{
padding-bottom: 75px;
}
.padding-bottom-80{
padding-bottom: 80px;
}
.padding-bottom-85{
padding-bottom: 85px;
}
.padding-bottom-90{
padding-bottom: 90px;
}
.padding-bottom-95{
padding-bottom: 95px;
}
.padding-bottom-100{
padding-bottom: 100px;
}
.header-widget .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.header-widget .row>div {
flex: auto;
}
.wp-block-search .wp-block-search__input {
border-radius: 100px;
}
.wp-block-search .wp-block-search__button {
flex-shrink: 0;
border-radius: 100px;
padding: .6em 1.4em;
}
.sidebar .tagcloud a:hover, .tagcloud a:focus {
color: #ffffff !important;
}
.widget .wp-calendar-nav {
padding: 10px 9px;
} .margin-0{
padding: 0;
}
.margin-top-0{
margin-top: 0;
}
.margin-top-5{
margin-top: 5px;
}
.margin-top-10{
margin-top: 10px;
}
.margin-top-15{
margin-top: 15px;
}
.margin-top-20{
margin-top: 20px;
}
.margin-top-25{
margin-top: 25px;
}
.margin-top-30{
margin-top: 30px;
}
.margin-top-35{
margin-top: 35px;
}
.margin-top-40{
margin-top: 40px;
}
.margin-top-45{
margin-top: 45px;
}
.margin-top-50{
padding-top: 50px;
}
.margin-top-55{
margin-top: 55px;
}
.margin-top-60{
margin-top: 60px;
}
.margin-top-65{
margin-top: 65px;
}
.margin-top-70{
margin-top: 70px;
}
.margin-top-75{
margin-top: 75px;
}
.margin-top-80{
margin-top: 80px;
}
.margin-top-85{
margin-top: 85px;
}
.margin-top-90{
margin-top: 90px;
}
.margin-top-95{
margin-top: 95px;
}
.margin-top-100{
margin-top: 100px;
}
.margin-bottom-5{
margin-bottom: 5px;
}
.margin-bottom-10{
margin-bottom: 10px;
}
.margin-bottom-15{
margin-bottom: 15px;
}
.margin-bottom-20{
margin-bottom: 20px;
}
.margin-bottom-25{
margin-bottom: 25px;
}
.margin-bottom-30{
margin-bottom: 30px;
}
.margin-bottom-35{
margin-bottom: 35px;
}
.margin-bottom-40{
margin-bottom: 40px;
}
.margin-bottom-45{
margin-bottom: 45px;
}
.margin-bottom-50{
margin-bottom: 50px;
}
.margin-bottom-55{
margin-bottom: 55px;
}
.margin-bottom-60{
margin-bottom: 60px;
}
.margin-bottom-65{
margin-bottom: 65px;
}
.margin-bottom-70{
margin-bottom: 70px;
}
.margin-bottom-75{
margin-bottom: 75px;
}
.margin-bottom-80{
margin-bottom: 80px;
}
.margin-bottom-85{
margin-bottom: 85px;
}
.margin-bottom-90{
margin-bottom: 90px;
}
.margin-bottom-95{
margin-bottom: 95px;
}
.margin-bottom-100{
margin-bottom: 100px;
} .btn-default{
font-family: 'Open Sans', sans-serif;
padding: 12px 24px;
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.btn-light{
background: transparent;
color: #ffffff;
border: solid 2px #ffffff;
}
.btn-light:hover{
background: #ffffff;
color: #747474;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.btn-dark{
background: transparent;
color: #ffffff;
border: solid 2px #ffffff;
}
.btn-dark:hover{
background: #1c314c;
color: #ffffff;
border-color: #1c314c;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
} .prealoader {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 999999;
width: 100%;
height: 100%;
}
.prealoader .load {
left: 50%;
top: 50%;
margin-left: -20px;
margin-top: -20px;
}
.load {
width: 40px;
height: 40px;
position: relative;
-webkit-animation: load 2.5s infinite linear both;
animation: load 2.5s infinite linear both;
}
.load-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
-webkit-animation: load-dot 2.0s infinite ease-in-out both;
animation: load-dot 2.0s infinite ease-in-out both;
}
.load-dot:before {
content: '';
display: block;
width: 25%;
height: 25%;
background-color: #fff;
border-radius: 100%;
-webkit-animation: load-dot-before 2.0s infinite ease-in-out both;
animation: load-dot-before 2.0s infinite ease-in-out both;
}
.load-dot:nth-child(1) {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.load-dot:nth-child(2) {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.load-dot:nth-child(3) {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.load-dot:nth-child(4) {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.load-dot:nth-child(5) {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.load-dot:nth-child(6) {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.load-dot:nth-child(1):before {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.load-dot:nth-child(2):before {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.load-dot:nth-child(3):before {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.load-dot:nth-child(4):before {
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.load-dot:nth-child(5):before {
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.load-dot:nth-child(6):before {
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
@-webkit-keyframes load {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes load-dot {
80%,
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes load-dot {
80%,
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes load-dot-before {
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100%,
0% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
}
@keyframes load-dot-before {
50% {
-webkit-transform: scale(0.4);
transform: scale(0.4);
}
100%,
0% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
}
} .bt-primary {
--duration: .5s;
--move-hover: -4px;
--shadow: 0 2px 8px -1px rgb(29 29 29 / 28%);
--shadow-hover: 0 4px 20px -2px rgba(29, 29, 29, 0.5);
padding: 16px 30px;
border-radius: 100px;
cursor: pointer;
text-transform: initial;
text-decoration: none;
box-shadow: var(--shadow);
transform: translateY(var(--y));
transition: transform var(--duration) ease, box-shadow var(--duration) ease;
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
}
.bt-primary.bt-effect-1 span {
display: inline-block;
}
.bt-primary.bt-effect-1:hover>span,
.bt-primary.bt-effect-1:focus>span {
animation: button .15s cubic-bezier(0.05,-1.11,1,1.82) 2;
}
@keyframes button{from{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}50%{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}to{-moz-transform:scale(1);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}}
.bt-primary div {
display: flex;
}
.bt-primary div span {
display: block;
white-space: pre-wrap;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
font-style: normal;
}
.bt-primary div span:nth-child(1) {
--d: 0.05s;
}
.bt-primary div span:nth-child(2) {
--d: 0.1s;
}
.bt-primary div span:nth-child(3) {
--d: 0.15s;
}
.bt-primary div span:nth-child(4) {
--d: 0.2s;
}
.bt-primary div span:nth-child(5) {
--d: 0.25s;
}
.bt-primary div span:nth-child(6) {
--d: 0.3s;
}
.bt-primary div span:nth-child(7) {
--d: 0.35s;
}
.bt-primary div span:nth-child(8) {
--d: 0.4s;
}
.bt-primary div span:nth-child(9) {
--d: 0.45s;
}
.bt-primary div span:nth-child(10) {
--d: 0.5s;
}
.bt-primary div span:nth-child(11) {
--d: 0.55s;
}
.bt-primary:hover,
.bt-primary:focus {
--y: var(--move-hover);
--shadow: var(--shadow-hover);
--move: -4px;
--shadow-active: 0 3px 1px rgba(0, 0, 0, .2);
}
.bt-primary.bt-effect-2:hover span,
.bt-primary.bt-effect-2:focus span {
-webkit-animation: move var(--duration) linear var(--d);
animation: move var(--duration) linear var(--d);
}
.bt-primary.bt-effect-3 {
--move: 12px;
--move-y: -8px;
--blur: 4px;
}
.bt-primary.bt-effect-3:hover span,
.bt-primary.bt-effect-3:focus span {
--duration: 1s;
-webkit-animation: smoke var(--duration) linear var(--d);
animation: smoke var(--duration) linear var(--d);
}
.bt-primary.bt-effect-4 {
--move: 16px;
--skew: 25deg;
--skew-fast: 40deg;
--skew-bounce: -12px;
}
.bt-primary.bt-effect-4:hover span,
.bt-primary.bt-effect-4:focus span {
--duration: 1s;
transform-origin: 50% 100%;
-webkit-animation: drive var(--duration) linear var(--d);
animation: drive var(--duration) linear var(--d);
}
@keyframes move {
40% {
transform: translateY(var(--move));
text-shadow: var(--shadow-active);
}
}
@keyframes smoke {
45%,
55% {
filter: blur(var(--blur));
}
50%,
50.1% {
opacity: 0;
}
25%,
75% {
transform: translateX(0);
}
50% {
transform: translateX(var(--move)) translateY(var(--move-y));
}
50.1% {
transform: translateX(calc(var(--move) * -1));
}
}
@keyframes drive {
40% {
opacity: 1;
}
55% {
transform: skewX(var(--skew)) translateX(var(--move));
}
56% {
transform: skewX(var(--skew-fast)) translateX(calc(var(--move) * -1));
}
55%,
56% {
opacity: 0;
}
75% {
transform: skewX(var(--skew));
}
85% {
transform: skewX(var(--skew-bounce));
}
}  #slider-section {
position: relative;
overflow: hidden;
width: 100%;
padding: 0;
background-color: #333;
z-index: 0;
}
.main-slider,
.main-slider .owl-item img {
width: 100%;
height: 100%;
} .specia-slider {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 0;
overflow: hidden;
background: rgba(0, 0, 0, 0.35);
}
.specia-table {
overflow: hidden;
display: table;
width: 100%;
height: 100%;
}
.specia-table-cell {
display: table-cell;
vertical-align: middle;
}
.specia-content {
position: relative;
max-width: 700px;
width: 100%;
margin-top: 0;
}
.specia-slider.text-left .specia-content {
margin-right: auto;
}
.specia-slider.text-center .specia-content {
margin: auto;
margin-top: 0;
}
.specia-slider.text-right .specia-content {
margin-left: auto;
}
.specia-content h6 {
color: #ffffff;
margin-bottom: 15px;
line-height: 1.15;
font-size: 18px;
}
.specia-content h1 {
font-size: 45px;
font-family: 'Raleway', sans-serif;
color: #ffffff;
font-weight: 800;
line-height: 1.15;
margin: 0 0 18px;
}
.specia-content > span {
width: 100%;
display: inline-block;
}
.specia-content p {
font-family: 'Open Sans', sans-serif;
color: #ffffff;
font-weight: normal;
margin: 0 0 30px;
font-size: 16px;
line-height: 1.5;
}
.specia-content a:not(:last-child) {
margin-right: 5px;
}
.slider-btn-play,
.slider-btn-play [class*='video-'] {
display: inline-block;
color: #ffffff;
}
.slider-btn-play .video-play {
width: 46px;
height: 46px;
line-height: 46px;
text-align: center;
font-size: 16px;
border-radius: 100%;
position: relative;
}
.slider-btn-play .video-play:after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 38px;
height: 38px;
margin: auto;
-webkit-animation: ripple 1.6s ease-out infinite;
animation: ripple 1.6s ease-out infinite;
-webkit-animation-delay: 3s;
animation-delay: 3s;
border-radius: 100%;
background: inherit;
opacity: 0.5;
z-index: -1;
}
@-webkit-keyframes ripple{0%,35%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{opacity:0;transform:scale(2)}}
@keyframes ripple{0%,35%{transform:scale(0);opacity:1}50%{transform:scale(1.5);opacity:.8}to{opacity:0;transform:scale(2)}}
.slider-btn-play i {
margin-left: 4px;
}
.slider-btn-play .video-text {
margin-left: 5px;
font-weight: 600;
font-size: 15px;
}
.owl-carousel .owl-dots, .owl-carousel .owl-nav {
text-align: center;
-webkit-tap-highlight-color: transparent;
line-height: 0;
}
.owl-carousel .owl-nav [class*=owl-] {
width: 40px;
height: 40px;
line-height: 40px;
margin: -23px 0 0;
display: block;
position: absolute;
top: 50%;
z-index: 10;
cursor: pointer;
text-align: center;
transition: all .2s ease 0s;
color: #222222;
background-color: #fff;
text-align: center;
z-index: 200;
border-radius: 3px;
border: 1px solid #ececec;
box-sizing: initial;
opacity: 0;
}
.owl-carousel .owl-nav [class*=owl-] i {
line-height: 36px;
color: #222222;
font-size: 20px;
transition: all .2s ease 0s;
}
.owl-carousel .owl-nav .owl-prev i {
margin-left: -2px;
}
.owl-carousel .owl-nav .owl-next i {
margin-right: -2px;
}
.owl-carousel.arrows-transparent .owl-nav [class*=owl-] i {
color: #ffffff;
}
.owl-carousel.arrows-big .owl-nav [class*=owl-] {
width: 55px;
height: 55px;
line-height: 50px;
font-size: 25px;
}
.owl-carousel .owl-nav .owl-prev {
left: 0;
}
.owl-carousel .owl-nav .owl-next {
right: 0;
}
.owl-carousel:hover .owl-next {
left: auto;
right: 25px;
opacity: 1;
}
.owl-carousel:hover .owl-prev {
right: auto;
left: 25px;
opacity: 1;
}
.owl-carousel .owl-dots {
margin-top: 25px;
position: relative;
}
.owl-carousel .owl-dots div {
background-color: transparent;
border: 0;
}
.owl-carousel .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
}
.owl-carousel .owl-dots .owl-dot span {
position: relative;
display: inline-block;
margin: 0 4px;
width: 20px;
height: 6px;
cursor: pointer;
border-radius: 0;
overflow: hidden;
background-color: #ffffff;
transition: background .3s ease;
}
.main-slider .owl-dots {
position: absolute;
bottom: 40px;
left: 0;
right: 0;
margin: 0 auto;
z-index: 0;
}
.main-slider .owl-dots .owl-dot span {
border-color: #ffffff;
}
@media (max-width: 767px) {
.main-slider .owl-dots {
bottom: 10px;
}
}  .widget_social_widget li a:hover i,
.widget_social_widget li a:focus i {
-webkit-animation: socialFxD .3s forwards;
animation: socialFxD .3s forwards;
}
@-webkit-keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
}
.widget-square.widget_social_widget ul li,
.widget-circle.widget_social_widget ul li {
padding: 4px 5px;
}
.widget-square.widget_social_widget ul li a,
.widget-circle.widget_social_widget ul li a {
text-align: center;
margin-left: 5px;
background-color: #fff;
transition: all .3s;
box-shadow: 0 1px 1px 0 rgba(0,0,0,.2);
}
.widget-circle.widget_social_widget ul li a {
border-radius: 50%;
}
.widget-square.widget_social_widget ul li a,
.widget-circle.widget_social_widget ul li a {
width: 30px;
height: 30px;
line-height: 30px;
}
.widget-square.widget_social_widget ul li:first-child a,
.widget-circle.widget_social_widget ul li:first-child a {
margin-left: 0;
}
#header-top-right .widget-square.widget_social_widget:first-child,
#header-top-right .widget-circle.widget_social_widget:first-child {
padding: 0 6px;
}
#header-top-left .widget-square.widget_social_widget li a,
#header-top-right .widget-square.widget_social_widget li a,
#header-top-left .widget-circle.widget_social_widget li a,
#header-top-right .widget-circle.widget_social_widget li a,
#header-top-left .widget-square.widget_social_widget:first-child li a,
#header-top-right .widget-square.widget_social_widget:first-child li a,
#header-top-left .widget-circle.widget_social_widget:first-child li a,
#header-top-right .widget-circle.widget_social_widget:first-child li a,
.widget-square.widget_social_widget ul li a,
.widget-square.widget_social_widget ul li:last-child a,
.widget-circle.widget_social_widget ul li a,
.widget-circle.widget_social_widget ul li:last-child a {
border: 0;
box-shadow: 0 0 3px 0px rgba(0, 0, 0, 0.15);
}
.ny-heading.animate-2 .ny-text-wrapper::after {
height: 20px;
} .header-vertical-toggle {
width: 100%;
position: relative;
padding-right: 25px;
}
.header-vertical-btn {
width: 100%;
max-width: 255px;
padding: 0 25px;
border: 0;
line-height: 44px;
}
.header-vertical-btn span {
position: relative;
display: inline-flex;
align-items: center;
z-index: 0;
padding-right: 25px;
}
.header-vertical-btn i {
margin-right: 20px;
}
.header-vertical-btn span::after,
.header-vertical-btn span::before {
content: '';
position: absolute;
top: 50%;
margin-top: -1px;
height: 2px;
width: 9px;
background: #ffffff;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-transition: width .3s,-webkit-transform .3s;
-moz-transition: width .3s,-moz-transform .3s;
transition: width .3s,transform .3s;
}
.header-vertical-btn span::before {
right: 6px;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.header-vertical-btn span::after {
right: 0px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.vertical-is-active .header-vertical-btn span::after,
.vertical-is-active .header-vertical-btn span::before {
width: 14px;
}
.vertical-is-active .header-vertical-btn span::after {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.vertical-is-active .header-vertical-btn span::before {
-webkit-transform: translateX(5px) rotate(-45deg);
-moz-transform: translateX(5px) rotate(-45deg);
-ms-transform: translateX(5px) rotate(-45deg);
-o-transform: translateX(5px) rotate(-45deg);
transform: translateX(5px) rotate(-45deg);
}
.vertical-is-active .overlay-cover {
position: fixed;
left: 0;
top: 0;
height: 100%;
width: 100%;
z-index: 10000;
background-color: #222;
opacity: .5;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.vertical-is-active .header-vertical-btn,
.vertical-is-active .header-vertical-bar {
z-index: 100009;
}
.vertical-is-active .header-top-info {
z-index: 0;
}
.header-vertical-bar .dropdown-menu,
.header-vertical-bar {
position: absolute;
top: 100%;
z-index: 99;
width: 250px;
background: #ffffff;
padding: 5px;
margin: 0;
border-top: 3px solid transparent;
border-radius: 0;
-moz-box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
box-shadow: 0 2px 29px rgba(0, 0, 0, 0.05);
font-size: 1rem;
text-align: left;
display: block;
opacity: 0;
visibility: hidden;
transform: translateY(10px);
transition: all .25s;
}
.header-vertical-bar .dropdown-menu {
top: -4px;
transform: translateY(-12px);
display: block;
opacity: 0;
visibility: hidden;
margin-top: 0;
margin-left: 10px;
left: 100%;
right: auto;
margin-right: 10px;
}
.header-vertical-bar .menu-wrap li:hover > .dropdown-menu,
.header-vertical-bar .menu-wrap li.focus > .dropdown-menu,
.vertical-is-active .header-vertical-bar {
visibility: visible;
opacity: 1;
transform: translateY(0);
pointer-events: auto;
transition: all .2s;
}
.header-vertical-bar .menu-wrap li {
padding: 0;
position: relative;
height: auto;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.header-vertical-bar .menu-wrap li a {
border-bottom: 1px solid #f7f7f7;
color: #222222;
font-size: 14px;
font-weight: 400;
line-height: 24px;
padding: 8px 18px 8px 18px;
text-transform: none;
white-space: normal;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.header-vertical-bar .menu-wrap li:last-child {
border-bottom-color: transparent;
}
.header-vertical-bar .menu-wrap li:last-child a {
border-bottom: 0;
border-radius: 0 3px 3px;
}
.header-vertical-bar .menu-wrap li:hover > a,
.header-vertical-bar .menu-wrap li.focus > a {
background-color: #f7f7f7;
}
.header-vertical-bar .menu-wrap .dropdown > a:after {
font-family: "FontAwesome";
content: "\f054";
position: absolute;
top: 50%;
right: 20px;
font-size: 10px;
opacity: 0.7;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.header-vertical-bar .menu-wrap .dropdown:hover > a:after,
.header-vertical-bar .menu-wrap .dropdown.focus > a:after {
opacity: 1;
right: 15px;
}  .header-top-info.header-top-dark {
background-color: #222222;
}
.header-top-info.header-top-dark ul li a, .header-top-info.header-top-dark .widget {
color: #fff;
}
.header-top-info.header-top-dark .widget_social_widget li a {
border-left: 1px solid #424242;
}
.header-top-info.header-top-dark .widget_social_widget li:last-child a {
border-right: 1px solid #424242;
} .header-widget-info .widget-square.widget_social_widget ul li a,
.header-widget-info .widget-circle.widget_social_widget ul li a {
width: 40px;
height: 40px;
line-height: 40px;
}
.header-widget-info .widget_social_widget li a {
font-size: 18px;
}
.header-info {
width: 100%;
height: 100%;
}
.header-item {
position: relative;
}
.header-item.widget-right {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: flex-end;
-webkit-justify-content: flex-end;
-ms-flex-pack: flex-end;
justify-content: flex-end;
}
.header-item .menu-right {
font-size: 17px;
}
.header-info .header-item.widget-left {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: flex-start;
-webkit-justify-content: flex-start;
-ms-flex-pack: flex-start;
justify-content: flex-start;
margin: auto 0;
}
.header-info .widget_social_widget ul {
display: -ms-inline-flexbox;
display: inline-flex;
}
.header-info .widget_social_widget li {
overflow: visible;
list-style: none;
} .header-widget-info {
border-bottom: 1px solid #e5e5e5;
}
.header-wrapper {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
min-height: 100px;
}
.brand-logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
line-height: 0;
}
.header-right {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -12px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-flex: 1;
-webkit-flex-grow: 1;
-ms-flex-positive: 1;
flex-grow: 1;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.header-right .header-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
}
.header-right .header-info .menu-right ul {
padding-left: 0;
}
.header-carousel.owl-carousel {
z-index: 0;
}
.header-right .header-carousel {
width: 700px;
cursor: crosshair;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
}
.header-right .header-carousel .owl-item.active~.owl-item .widget {
border-left: 1px solid #e5e5e5;
padding-left: 15px;
}
.header-center .header-info {
-webkit-justify-content: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
}
.owl-stage-outer.owl-height100 {
height: 100% !important;
}
.contact-area {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding-left: 15px;
}
.contact-icon {
height: 35px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
font-size: 35px;
line-height: 1;
margin-right: 10px;
position: relative;
z-index: 0;
}
@-webkit-keyframes bob {
0% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@keyframes bob {
0% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
50% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
100% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@-webkit-keyframes bob-float {
100% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
@keyframes bob-float {
100% {
-webkit-transform: translateY(-4px);
transform: translateY(-4px);
}
}
.contact-area .contact-icon i,
.contact-area .contact-icon img {
display: inline-block;
vertical-align: super;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.contact-area:hover .contact-icon i,
.contact-area:hover .contact-icon img {
-webkit-animation-name: bob-float, bob;
animation-name: bob-float, bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.contact-info { display: inline-block;
text-align: left;
color: inherit;
word-break: break-word;
}
.contact-info span.title {
font-size: 16px;
line-height: 1.15;
margin-bottom: 0px;
}
.contact-info .text {
margin: 0;
word-break: break-word;
} .navigation .search-form {
position: relative;
}
.navigation .search-form:not(.search-default) {
border: 1px solid #e5e5e5;
}
.navigation .search-field {
width: 232px;
border-radius: 0;
background: #fff;
border: 0;
outline: 0;
min-height: 60px;
padding-right: 50px;
padding-left: 20px;
}
.view-search-btn.header-search-popup .search-field {
width: 100%;
}
.navigation .search-submit {
position: absolute;
top: 50%;
right: 0;
background: none;
width: 48px;
height: 48px;
line-height: 50px;
font-size: 18px;
color: #222222;
padding: 0;
border: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.navigation .search-form label {
width: 100%;
margin: 0;
} .header-categories-form {
width: 100%;
max-width: 540px;
}
.header-categories-form .search-form>div {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
height: 100%;
background-color: #ffffff;
border: 1px solid #e9e9ea;
border-radius: 5px;
overflow: hidden;
min-height: 50px;
}
.header-categories-form .search-field {
color: #929292;
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin-bottom: 0;
border: 0;
border-radius: 0;
padding-left: 30px;
padding-right: 30px;
font-size: 14px;
}
.header-categories-form .select-wraper {
width: 30%;
position: relative;
z-index: 0;
}
.header-categories-form .select-wraper::before {
position: absolute;
content: "";
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
height: 20px;
width: 1px;
background-color: #e9e9ea;
z-index: 1;
}
.header-categories-form .select-wraper::after {
content: "\f107";
font-family: FontAwesome;
position: absolute;
top: 0;
right: 0;
width: 36px;
height: 100%;
font-size: 17px;
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
}
.header-categories-form .search-select {
border-radius: 0;
border: 0;
min-height: 50px;
color: #222222;
font-size: 14px;
padding: 10px 15px;
padding-right: 38px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.header-categories-form .search-select::-ms-expand {
display: none;
}
.header-categories-form .search-submit {
border-radius: 0;
border: 0;
padding: 0 25px;
color: #ffffff;
}  .nav-proficient .flex-fill {
flex-basis: 50% !important;
}
.nav-proficient .theme-menu {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.nav-proficient .logo img {
margin: 0px auto;
width: 100%;
max-width: 176px;
max-height: max-content;
}
.nav-proficient .navigation {
padding: 0;
}
.nav-proficient .menubar .menu-wrap > li > a {
line-height: 60px;
border-radius: 0;
}
.nav-proficient .menubar .menu-wrap > li > a {
color: rgba(255, 255, 255, 0.7);
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.nav-proficient .menubar .menu-wrap > li:hover > a,
.nav-proficient .menubar .menu-wrap > li:focus > a,
.nav-proficient .menubar .menu-wrap > li.focus > a,
.nav-proficient .menubar .menu-wrap > li.active > a {
color: #fff;
}
.nav-proficient .navigation .menubar .menu-wrap > li > a:after,
.nav-proficient .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 3px;
width: 0;
border-bottom: 0;
-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.nav-proficient .navigation .menubar .menu-wrap > li > a:after,
.nav-proficient .navigation .menubar .menu-wrap > li.dropdown > a:after {
background: #fff;
}
.nav-proficient .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-proficient .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-proficient .navigation .menubar .menu-wrap > li:focus > a:after,
.nav-proficient .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-proficient .navigation .menubar .menu-wrap > li.active > a:after {
width: 100%;
left: 0;
right: auto;
}
.nav-proficient .navigation .menubar .dropdown-menu {
border-top: none;
padding-bottom: 8px;
} .nav-proficient .navigation .menubar .dropdown-menu:after {
content: '';
height: 4px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
} .nav-proficient .menubar .menu-item:hover > a,
.nav-proficient .menubar .menu-item:focus > a,
.nav-proficient .menubar .menu-item.active > a {
background: none;
opacity: 1;
}
.nav-proficient .theme-menu .menu-right li,
.nav-proficient .theme-menu .cart-icon-wrap i {
color: #fff;
}
.nav-proficient .theme-menu .bt-primary {
background: rgba(0, 0, 0, 0.5);
}  .nav-avira .menu-right li .cart-icon-wrap > a {
width: 40px;
height: 40px;
line-height: 40px;
display: block;
text-align: center;
border: 1px solid #e5e5e5;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.nav-avira .bt-primary,
.nav-avira .bt-primary {
} @media (min-width: 992px) {
.nav-heropress.header {
position: absolute;
top: 0;
left: 0;
border-top: 0;
background: none;
}
.nav-heropress .header-top-info {
border-bottom-color: rgba(255,255,255,0.2);
background: none;
}
.nav-heropress.header .header-top-info #header-top-left .widget {
border-right-color: rgba(255,255,255,0.2);
}
.nav-heropress .navigation:not(.sticky-menu) {
box-shadow: none;
}
.nav-heropress .navigation:not(.sticky-menu) .logo a,
.nav-heropress .navigation:not(.sticky-menu) .logo .site-description {
color: #ffffff;
}
}
.nav-heropress .hamburger-menu {
border-radius: 0;
}
.nav-heropress .hamburger-menu div:first-child {
margin-top: 4px;
}
@media (min-width: 992px) {
.nav-heropress .navigation:not(.sticky-menu) .menu-right #cart i,
.nav-heropress .navigation:not(.sticky-menu) .menu-right .header-search-toggle i,
.nav-heropress .navigation:not(.sticky-menu) .menu-wrap > li:not(:hover):not(.focus):not(.active) > a,
.nav-heropress .header-widget .widget span,
.nav-heropress .header-widget .widget:not(.widget-circle) li a {
color: #ffffff;
}
}
@media (max-width: 991px) {
.breadcrumb.hero div.background-overlay {
padding-top: 0;
padding-bottom: 80px;
}
}
.nav-heropress #header-top-right .widget.widget_social_widget:first-child li a,
.nav-heropress .header-widget .widget_social_widget li a,
.nav-heropress #header-top-left .widget {
border-left-color: rgba(255,255,255,0.2);
}
.nav-heropress .header-top-info #header-top-right .widget,
.nav-heropress .header-widget .widget_social_widget li:last-child a,
.nav-heropress #header-top-right .widget.widget_social_widget:first-child li:last-child a,
.nav-heropress #header-top-left .widget:last-child {
border-right-color: rgba(255,255,255,0.2);
} .nav-magzee .menu-right {
flex: auto;
display: flex;
justify-content: flex-end;
}
.nav-magzee .navigation {
padding: 0;
}
.nav-magzee .menubar .menu-wrap > li > a {
line-height: 60px;
border-radius: 0;
}
.nav-magzee .navigation .search-field {    
background: rgba(0, 0, 0, 0.15);
}
.nav-magzee .navigation .search-field,
.nav-magzee .navigation .search-submit {
color: #ffffff;
}
.nav-magzee .navigation .menubar .menu-wrap > li > a:after,
.nav-magzee .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 3px;
width: 0;
border-bottom: 0;
-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.nav-magzee .navigation .menubar .menu-wrap > li.dropdown:focus > a:after,
.nav-magzee .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-magzee .navigation .menubar .menu-wrap > li.dropdown.focus > a:after,
.nav-magzee .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-magzee .navigation .menubar .menu-wrap > li:focus > a:after,
.nav-magzee .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-magzee .navigation .menubar .menu-wrap > li.active > a:after {
width: 100%;
left: 0;
right: auto;
}
.nav-magzee .menubar .menu-wrap > li > a {
color: rgba(255, 255, 255, 0.7);
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.nav-magzee .menubar .menu-wrap > li:hover > a,
.nav-magzee .menubar .menu-wrap > li:focus > a,
.nav-magzee .menubar .menu-wrap > li.focus > a,
.nav-magzee .menubar .menu-wrap > li.active > a,
.nav-magzee .menu-right li .cart-icon-wrap i {
color: #fff;
}
.nav-magzee .menu-right li.cart-wrapper .cart-icon-wrap span,
.nav-magzee .navigation .menubar .menu-wrap > li > a:after,
.nav-magzee .navigation .menubar .menu-wrap > li.dropdown > a:after {
background: #fff;
}
.nav-magzee .navigation .menubar .dropdown-menu:after {
content: '';
height: 4px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.nav-magzee .theme-menu .bt-primary {
color: #222222;
background: #ffffff;
}
.nav-magzee .theme-menu .bt-primary.bt-effect-2:hover,
.nav-magzee .theme-menu .bt-primary.bt-effect-2:focus {
color: #fff;
border-color: #fff !important;
} @media (min-width: 992px) {
.nav-fabify .navigator-wrapper {
margin-bottom: -30px;
}
}
.nav-fabify .header-widget-info {
border-bottom: 0;
}
.nav-fabify .navigation {
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-bottom: -30px;
background: none;
}
.nav-fabify .navigation .theme-menu {
padding: 0 0 0 5px;
}
.nav-fabify .menu-right {
flex: auto;
display: flex;
justify-content: flex-end;
}
.nav-fabify .navigation .menubar .menu-wrap > li > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
bottom: 10px;
height: 2px;
width: 0;
left: 50%;
border: 0;
-webkit-transform: translate(-50%,0) translateZ(0);
transform: translate(-50%,0) translateZ(0);
-webkit-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
.nav-fabify .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.dropdown:focus > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.active > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.dropdown.focus > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li:focus > a:after {
width: 15px;
}
.nav-fabify .menubar .menu-wrap > li > a {
line-height: 60px;
border-radius: 0;
}
.nav-fabify .menubar .menu-wrap > li > a {
color: rgba(255, 255, 255, 0.7);
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.nav-fabify .menubar .menu-wrap > li:hover > a,
.nav-fabify .menubar .menu-wrap > li:focus > a,
.nav-fabify .menubar .menu-wrap > li.focus > a,
.nav-fabify .menubar .menu-wrap > li.active > a {
color: #fff;
}
.nav-fabify .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.dropdown:focus > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.active > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.dropdown.focus > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-fabify .navigation .menubar .menu-wrap > li:focus > a:after {
background: #fff;
}
.nav-fabify .navigation .search-field {
background: rgba(0, 0, 0, 0.15);
}
.nav-fabify .navigation .search-field,
.nav-fabify .navigation .search-submit {
color: #fff;
} .nav-benzer .navigation:not(.pagination) {
padding: 0;
}
.nav-benzer .navigation .logo {
padding: 19px 0;
}
.nav-benzer .menubar .menu-wrap > li > a {
line-height: 90px;
padding: 0 16px;
border-radius: 0;
} @media (min-width: 992px) {
.header.nav-spyropress {
position: absolute;
top: 0;
left: 0;
border-top: 0;
background-color: rgb(34 34 34 / 0.25);
}
}
.nav-spyropress .flex-fill {
flex-basis: 50% !important;
}
.nav-spyropress .header-widget-info {
border-bottom: 0;
}
.nav-spyropress .header-wrapper {
min-height: 95px;
}
.nav-spyropress .navigation {
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
margin-bottom: -30px;
}
.nav-spyropress .logo a,
.nav-spyropress .logo .site-description {
color: #fff;
}
.nav-spyropress .theme-menu {
background-color: #fff;
}
.nav-spyropress .navigation.sticky-menu .theme-menu {
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}
.nav-spyropress .menubar .menu-wrap > li > a {
border-radius: 0;
}
.nav-spyropress .navigation .theme-menu {
padding: 17px 15px;
}
.nav-spyropress .menu-right {
flex: auto;
display: flex;
justify-content: flex-end;
}
.nav-spyropress .navigation .menubar .menu-wrap > li > a:after,
.nav-spyropress .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 4px;
width: 0;
border-bottom-width: 4px;
border-bottom-style: dotted;
-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.nav-spyropress .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-spyropress .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-spyropress .navigation .menubar .menu-wrap > li.active > a:after {
width: 20px;
left: 0;
right: 0;
margin: auto;
}
.nav-spyropress .header-widget-info .widget, .nav-spyropress .header-widget-info .widget a {
color: #fff;
}
.nav-spyropress .navigation li .view-popup {
display: block;
font-size: 22px;
padding: 0 10px 0 22px;
cursor: pointer;
line-height: 46px;
border-left-width: 1px;
border-left-style: solid;
border-left-color: #ededed;
}
.nav-spyropress .navigation .cart-icon-wrap {
line-height: 46px;
padding: 0 12px;
border-radius: 3px;
text-align: center;
font-size: 20px;
}
.nav-spyropress .cart-icon-wrap #cart i {
color: #ffffff;
padding: 0;
}
.nav-spyropress .navigation .menu-right li.cart-wrapper .cart-icon-wrap span {
position: unset;
border: 0;
color: #fff;
margin-top: 4px;
font-size: 18px;
margin-left: 5px;
font-weight: 600;
display: inline-block;
width: auto;
height: auto;
line-height: 13px;
background: none;
} @media (min-width: 992px) {
.nav-webstrap {
position: absolute;
top: 0;
left: 0;
border-top: 0;
}
}
.nav-webstrap {
background: none;
}
.nav-webstrap .header-widget-info {
border-bottom: 0;
}
.nav-webstrap .header-wrapper {
min-height: 95px;
}
.nav-webstrap .navigation {
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-webstrap .logo a,
.nav-webstrap .logo .site-description {
color: #fff;
}
.nav-webstrap .theme-menu {
background-color: #fff;
}
.nav-webstrap .navigation.sticky-menu .theme-menu {
-webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
-ms-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
-o-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
box-shadow: 0 10px 15px rgba(0, 0, 0, 0.05);
}
.nav-webstrap .menubar .menu-wrap > li > a {
line-height: 70px;
border-radius: 0;
}
.nav-webstrap .navigation .theme-menu {
padding: 0 15px;
}
.nav-webstrap .menu-right {
flex: auto;
display: flex;
justify-content: flex-end;
}
.nav-webstrap .navigation .menubar .menu-wrap > li > a:after,
.nav-webstrap .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
left: auto;
right: 0;
bottom: 0;
height: 3px;
width: 0;
border-bottom: 0;
-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.nav-webstrap .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-webstrap .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-webstrap .navigation .menubar .menu-wrap > li.active > a:after {
width: 100%;
left: 0;
right: auto;
}
.nav-webstrap .navigation li .view-popup {
display: block;
font-size: 22px;
padding: 0 30px;
line-height: 70px;
color: #fff;
cursor: pointer;
}
.nav-webstrap .header-widget-info .widget a {
color: #fff;
} .sticky-menu.header-widget-info {
padding: 0px;
}
.nav-nifty .header-top-info .header-widget .widget {
line-height: 100%;
}
.nav-nifty .header-top-info {
border-bottom: 0;
background-color: #1c314c;
}
.nav-nifty .flex-fill {
-ms-flex-basis: 50% !important;
flex-basis: 50% !important;
}
.nav-nifty .flex-fill:nth-child(2) {
flex-basis: 18% !important;
}
.nav-nifty .logo {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.nav-nifty .header-wrapper {
min-height: 64px;
}
.nav-nifty .navigation {
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-nifty .theme-menu {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nav-nifty .menubar {
text-align: left;
}
.nav-nifty .navigation .menubar .menu-wrap > li > a:after,
.nav-nifty .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
left: auto;
right: 0;
top: 0;
height: 3px;
width: 0;
border-bottom: 0;
-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.nav-nifty .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-nifty .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-nifty .navigation .menubar .menu-wrap > li:focus > a:after,
.nav-nifty .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-nifty .navigation .menubar .menu-wrap > li.active > a:after {
width: 100%;
left: 0;
right: auto;
}
.nav-nifty .menubar .menu-wrap > li > a {
line-height: 64px;
border-radius: 0;
}
.nav-nifty .header-widget {
min-height: 86px;
}
.nav-nifty .header-widget .widget:first-child .contact-area {
padding-left: 0;
}
.nav-nifty .header-top-info .header-widget .widget,
.nav-nifty .header-top-info .header-widget .widget .contact-area,
.nav-nifty .header-top-info .header-widget .widget a {
color: #e5e5e5;
} .nav-eleven .header-widget-info {
border: 0;
}
.nav-eleven .menubar,
.nav-eleven .header-top-info,
.nav-eleven .header-widget-info {
background-color: #fff;
}
.nav-eleven .menu-right {
flex: auto;
display: flex;
justify-content: flex-end;
align-items: center;
height: 100%;
flex-wrap: wrap;
}
.nav-eleven .navigator-wrapper {
margin-bottom: -35px;
}
.nav-eleven .navigation {
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: none;
}
.nav-eleven .menubar {
border-radius: 8px;
padding-right: 1.25rem;
}
.nav-eleven .menubar:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 3000px;
height: 100%;
background: #ffffff;
border: 1px solid #f0f0f0;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
border-radius: 8px;
}
.nav-eleven .menubar .menu-wrap {
float: left;
}
.get-info-box ul.wrap-right {
padding-left: 50px;
height: 100%;
margin: 0;
}
.get-info-box {
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
}
.get-info-box:before {
content: '';
position: absolute;
top: 0; width: 3000px;
height: 100%;
border: 1px solid transparent;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
border-radius: 8px;
}
.nav-eleven .navigation .menu-wrap > li > a {
line-height: 72px;
}
.nav-eleven .navigation .menu-wrap > li:not(:last-child):before {
position: absolute;
content: '';
background: #e0e0e0;
width: 1px;
height: 32px;
right: 0;
top: 20px;
}
.nav-eleven .navigation .menu-wrap > li.dropdown > a:after {
visibility: hidden;
}  .nav-twelve .navigator-wrapper {
z-index: 1;
}
.nav-twelve .header-carousel {
justify-content: flex-start;
}
.nav-twelve .menu-right ul {
padding-left: 20px;
}
.nav-twelve .navigation .menubar .dropdown-menu {
top: 140%;
}
.nav-twelve .navigation .menu-wrap > li > a:after {
content: "\f111";
display: inline-block;
font-family: FontAwesome;
color: #fff;
font-size: 6px;
border: 0;
position: absolute;
left: 0;
right: 0;
bottom: -5px;
width: 12px;
height: 12px;
opacity: 0;
margin: auto;
text-align: center;
line-height: 12px;
border-radius: 100%;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.nav-twelve .navigation .menu-wrap > li.active > a:after,
.nav-twelve .navigation .menu-wrap > li:hover > a:after,
.nav-twelve .navigation .menu-wrap > li.focus > a:after {
top: auto;
opacity: 1;
}
.nav-twelve .navigation .menu-wrap > li:not(:last-child):before {
position: absolute;
content: '';
background: #e0e0e0;
width: 1px;
height: 22px;
right: 0;
top: 0;
bottom: 0;
margin: auto 0;
}  .nav-thirteen .navigation {
padding: 0;
background-color: #ffffff;
}
.nav-thirteen .navigation > .container > .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.nav-thirteen .navigation.sticky-menu .header-widget-info {
display: none !important;
}
.nav-thirteen .header-widget-info {
position: relative;
background-color: #222222;
color: #fff;
padding: 12px 0px;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.nav-thirteen .header-widget-info::before {
content: "";
position: absolute;
left: -70px;
background-color: #222222;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
width: 120px;
height: 102%;
top: 0px;
-webkit-transform: skewX(25deg);
-ms-transform: skewX(25deg);
transform: skewX(25deg);
}
.nav-thirteen .header-widget-info::after {
position: absolute;
content: "";
right: -50%;
top: 0px;
width: 50%;
height: 102%;
background-color: #222222;
border-bottom: 2px solid rgba(255, 255, 255, 0.2);
}
.nav-thirteen .theme-menu {
position: relative;
background-color: #222222;
-ms-flex-pack: space-between;
justify-content: space-between;
}
.nav-thirteen .theme-menu::before {
content: "";
position: absolute;
background-color: #222222;
height: 100%;
width: 75px;
left: -27px;
top: 0px;
-webkit-transform: skewX(25deg);
-ms-transform: skewX(25deg);
transform: skewX(25deg);
}
.nav-thirteen .theme-menu::after {
content: "";
position: absolute;
background-color: #222222;
height: 100%;
width: 60%;
right: -60%;
top: 0px;
}
.nav-thirteen .header-widget-info .widget a {
color: #fff;
}
.nav-thirteen .menubar > .menu-wrap > li > a {
line-height: 60px;
color: #fff;
}
.nav-thirteen .navigation .menu-wrap > li > a:after {
content: "\f111";
display: inline-block;
font-family: FontAwesome;
color: #fff;
font-size: 6px;
border: 0;
position: absolute;
top: -100%;
left: 0;
right: 0;
bottom: -5px;
width: 12px;
height: 12px;
opacity: 0;
margin: auto;
text-align: center;
line-height: 12px;
border-radius: 100%;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.nav-thirteen .navigation .menu-wrap > li.active > a:after,
.nav-thirteen .navigation .menu-wrap > li:hover > a:after,
.nav-thirteen .navigation .menu-wrap > li.focus > a:after {
top: -100%;
opacity: 1;
transform: translateY(-4px);
}
.nav-thirteen .menu-right .header-search-toggle, .nav-thirteen .menu-right #cart i {
color: #ffffff;
}
@media only screen and (max-width: 1199px) {
.nav-thirteen .header-widget-info::before {
left: -85px;
}
.nav-thirteen .theme-menu::before {
left: -28px;
}
}  .nav-fourteen .navigation {
padding: 0;
}
.nav-fourteen .logo {
position: relative;
width: 100%;
min-height: 100px;
display: flex;
align-items: center;
z-index: 0;
}
.nav-fourteen .logo:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 3000px;
height: calc(100% + 20px);
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
-webkit-clip-path: none;
clip-path: none;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
z-index: -1;
}
.nav-fourteen .logo::after {
content: "";
position: absolute;
top: 0;
right: -15px;
width: 3000px;
height: calc(100% + 35px);
-ms-transform: skewX(-10deg);
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
opacity: 0.25;
z-index: -1;
}
.nav-fourteen .menubar > .menu-wrap > li > a {
line-height: 100px;
}
.nav-fourteen .logo a,
.nav-fourteen .logo .site-description {
color: #fff;
}
.nav-fourteen .navigation .menu-wrap > li.dropdown > a:after {
visibility: hidden;
}  .nav-fifteen .navigation {
padding: 0;
}
.nav-fifteen .logo {
position: relative;
width: 100%;
min-height: 100px;
display: flex;
align-items: center;
padding: 0px 32px;
z-index: 0;
filter: drop-shadow(0px 8px 20px rgba(0, 0, 0, 0.1));
}
.nav-fifteen .logo::before {
content: '';
position: absolute;
width: 100%;
height: 60px;
background: inherit;
top: 100%;
left: 0;
z-index: 10;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 0 50%);
}
.nav-fifteen .menubar > .menu-wrap > li > a {
line-height: 100px;
}
.nav-fifteen .logo a,
.nav-fifteen .logo .site-description {
color: #fff;
}
.nav-fifteen .navigation .menu-wrap > li.dropdown > a:after {
visibility: hidden;
}  .header.nav-sixteen {
min-height: auto;
}
.nav-sixteen .header-widget-info.sticky-nav.sticky-menu {
background-color: #000000 !important;
}
.nav-sixteen .header-widget-info {
background-color: rgba(0,0,0,.17)!important;
border-bottom: none;
}
.nav-sixteen .header-top-info .header-widget .widget {
line-height: 100%;
}
.nav-sixteen .header-top-info {
border-bottom: 0;
}
.nav-sixteen .flex-fill {
-ms-flex-basis: 50% !important;
flex-basis: 50% !important;
}
.nav-sixteen .flex-fill:nth-child(2) {
flex-basis: 18% !important;
}
.nav-sixteen .header-wrapper {
min-height: 64px;
-webkit-box-align: stretch;
-webkit-align-items: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
.nav-sixteen .header-info {
display: flex;
align-items: center;
}
.nav-sixteen .navigation {
padding: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
.nav-sixteen .logo {
width: 100%;
height: 100%;
position: relative;
z-index: 0;
}
.nav-sixteen .logo a {
position: absolute;
width: 100%;
height: 95px;
display: flex;
flex-direction: column;
justify-content: center;
right: 0;
left: 0;
top: -10px;
padding: 12px;
border-radius: 0;
}
.nav-sixteen .logo a::before {
content: "";
border: 2px solid;
width: 100%;
height: 100%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 0;
opacity: 0.6;
}
.nav-sixteen .logo a:after {
content: "";
border: 2px dashed;
width: 88%;
height: 88%;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
border-radius: 0;
opacity: 0.6;
}
.nav-sixteen .logo a,
.nav-sixteen .logo .site-description {
color: #fff;
}
.nav-sixteen .logo img.navbar-brand {
padding: 0 10px;
}
.nav-sixteen .theme-menu {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nav-sixteen .menubar {
text-align: left;
}
.nav-sixteen .navigation .menubar .menu-wrap > li > a:after,
.nav-sixteen .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
left: auto;
right: 0;
top: 0;
border-top: 2px dashed;
width: 0;
border-bottom: 0;
-webkit-transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
transition: width .6s cubic-bezier(.25,.8,.25,1) 0s;
}
.nav-sixteen .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-sixteen .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-sixteen .navigation .menubar .menu-wrap > li:focus > a:after,
.nav-sixteen .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-sixteen .navigation .menubar .menu-wrap > li.active > a:after {
width: 100%;
left: 0;
right: auto;
}
.nav-sixteen .menubar .menu-wrap > li > a {
line-height: 72px;
border-radius: 0;
color: #fff;
}
.nav-sixteen .menu-right .header-search-toggle,
.nav-sixteen .menu-right #cart i {
color: #fff;
} .nav-sixteen .header-widget .widget:first-child .contact-area {
padding-left: 0;
}       .nav-seventeen {
border-bottom: 5px solid;
}
.nav-seventeen .navigation {
padding: 0px;
}
.nav-seventeen .navigation > .container > .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.nav-seventeen .menu-right>ul {
flex-direction: column;
flex-wrap: wrap;
border: 1px solid #e5e5e5;
border-top: 0;
border-bottom: 0;
padding: 0;
margin-left: 12px;
}
.nav-seventeen .menu-right .widget,
.nav-seventeen .menu-right > ul > ul {
padding: 10px;
}
.nav-seventeen .menu-right .widget.widget_social_widget,
.nav-seventeen .menu-right ul ul .widget {
padding: 0px;
}
.nav-seventeen .menu-right .widget.widget_social_widget:first-child li:not(:last-child) a {
border-right: 1px solid #e5e5e5;
line-height: 2.7;
}
.nav-seventeen .menu-right .contact-area {
padding: 0;
justify-content: center;
}
.nav-seventeen .menu-right > ul > ul,
.nav-seventeen .menu-right > ul > li {
width: 100%;
margin: 0;
text-align: center;
}
.nav-seventeen .menu-right > ul > ul:not(:last-child),
.nav-seventeen .menu-right > ul > li:first-child,
.nav-seventeen .menu-right > ul > li:not(:last-child) {
border-bottom: 1px solid #e5e5e5;
}
.nav-seventeen .menu-item .bt-primary {
margin: 0;
padding: 0px 10px;
line-height: 32px;
}
.nav-seventeen .menu-right .contact-icon {
font-size: 31px;
height: 31px;
margin-right: 6px;
}
.nav-seventeen .menu-right .contact-info span.title {
font-size: 13px;
font-weight: 600;
}
.nav-seventeen .navigation .menubar .menu-wrap > li > a {
line-height: 6.4;
}
.nav-seventeen .navigation .menubar .menu-wrap > li > a:after,
.nav-seventeen .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
bottom: 25px;
height: 2px;
width: 0;
left: 50%;
border: 0;
-webkit-transform: translate(-50%,0) translateZ(0);
transform: translate(-50%,0) translateZ(0);
-webkit-transition: width .2s ease-in-out;
transition: width .2s ease-in-out;
}
.nav-seventeen .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-seventeen .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-seventeen .navigation .menubar .menu-wrap > li:focus > a:after,
.nav-seventeen .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-seventeen .navigation .menubar .menu-wrap > li.active > a:after {
width: 15px;
}
.nav-seventeen .header-widget .widget:first-child .contact-area {
padding-left: 0;
}  .nav-eighteen .header-widget-info {
border-bottom: 0;
background-color: #222222;
}
.nav-eighteen .header-wrapper {
min-height: 97px;
}
.nav-eighteen .header-search-toggle,
.nav-eighteen .cart-icon-wrap #cart i,
.nav-eighteen .site-title,
.nav-eighteen .site-description {
color: #ffffff;
}
.nav-eighteen .navigation:not(.pagination) {
padding: 0;
}
.nav-eighteen .theme-menu .menubar,
.nav-eighteen .theme-menu > .menu-right {
flex: auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
.nav-eighteen .header-search-toggle,
.nav-eighteen .cart-icon-wrap #cart {
font-size: 20px;
line-height: 2.2;
}
.nav-eighteen .cart-icon-wrap #cart span {
border: 0;
top: 5px;
right: 2px;
}
.nav-eighteen .theme-menu .menubar {
margin-left: 30px;
}
.nav-eighteen .theme-menu .menubar,
.nav-eighteen .theme-menu > .menu-right {
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.nav-eighteen .theme-menu .header-widget-news {
width: 100%;
padding-left: 15px;
text-align: right;
}
.nav-eighteen .menubar .menu-wrap > li > a {
font-weight: 600;
}
.nav-eighteen .menubar .menu-wrap > li > a {
line-height: 72px;
}
.nav-eighteen .navigation .menubar .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: 100%;
right: auto;
}
.nav-eighteen .navigation .menubar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
right: 100%;
left: auto;
}
.nav-eighteen .navigation .menubar .menu-wrap > li > a:after,
.nav-eighteen .navigation .menubar .menu-wrap > li.dropdown > a:after {
content: '';
position: absolute;
right: 0;
height: 3px;
width: 0;
}
.nav-eighteen .navigation .menubar .menu-wrap > li > a:after {
border-bottom: 10px solid;
border-right: 7px solid transparent;
border-top: 0;
border-left: 7px solid transparent;
left: 0;
bottom: 0;
margin: 0 auto;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.nav-eighteen .navigation .menubar .menu-wrap > li.dropdown:hover > a:after,
.nav-eighteen .navigation .menubar .menu-wrap > li:hover > a:after,
.nav-eighteen .navigation .menubar .menu-wrap > li.focus > a:after,
.nav-eighteen .navigation .menubar .menu-wrap > li.active > a:after {
opacity: 1;
visibility: visible;
}
.nav-eighteen.header-widget-news .widget_tag_cloud .tagcloud a {
background-color: #e6e6e6;
}
.nav-eighteen .header-right {
margin: 0;
}
.nav-eighteen .header-right .header-info {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: initial;
-ms-flex-negative: initial;
flex-shrink: initial;
}
.nav-eighteen .header-categories-form .search-form>div {
border: 0;
}
.nav-eighteen .header-wrapper .logo a {
color: #ffffff;
}  .nav-nineteen .navigator-wrapper {
z-index: 1;
}
.nav-nineteen .header-wrapper {
min-height: 66px;
}
.nav-nineteen .header-widget-info {
background-color: #222222;
}
.nav-nineteen .navigation:not(.pagination) {
padding: 26px 0;
}
.nav-nineteen .navigation .container .row {
display: flex;
flex-wrap: wrap;
align-items: center;
}
.nav-nineteen .menu-right ul {
padding-left: 20px;
}
.nav-nineteen [class*='header-carousel'] {
flex-basis: auto;
padding: 0 20px;
}
.nav-nineteen .header-widget-info .menu-left {
flex: 0 0 58%;
display: flex;
align-items: center;
justify-content: flex-start;
}
.nav-nineteen .header-widget-info .menu-right {
flex: auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-ms-flex-pack: flex-end;
justify-content: flex-end;
}
.nav-nineteen .header-categories-form .search-form>div {
border: 0;
}
.nav-nineteen .header-vertical-toggle {
max-width: 240px;
}
.nav-nineteen .header-vertical-bar .dropdown-menu,
.nav-nineteen .header-vertical-bar {
width: 240px;
}
.nav-nineteen .header-categories-form {
max-width: 475px;
margin-left: 10px;
}
.nav-nineteen .header-categories-form .search-field,
.nav-nineteen .header-categories-form .search-select,
.nav-nineteen .header-categories-form .search-form>div {
border-radius: 0;
min-height: 56px;
}
.nav-nineteen .header-categories-form .select-wraper {
width: 36%;
}
.nav-nineteen .header-vertical-btn {
line-height: 66px;
min-height: 66px;
border-radius: 0;
}
.nav-nineteen .header-widget-info .widget .widget_title {
color: #ffffff;
}
.nav-nineteen .header-search-toggle,
.nav-nineteen .cart-icon-wrap #cart {
font-size: 20px;
line-height: 2.2;
}
.nav-nineteen .cart-icon-wrap #cart span {
border: 0;
top: 5px;
right: 2px;
}
.nav-nineteen .header-categories-form .select-wraper::after {
color: rgba(255, 255, 255, 0.5);
}
.nav-nineteen .header-categories-form .select-wraper:hover::after {
color: rgba(255, 255, 255, 0.75);
}
.nav-nineteen .menubar .menu-wrap > li.menu-item > a {
border-radius: 3px;
}
.nav-nineteen .menubar .menu-wrap>.menu-item:hover > a,
.nav-nineteen .menubar .menu-wrap>.menu-item:focus > a,
.nav-nineteen .menubar .menu-wrap>.menu-item.focus > a,
.nav-nineteen .menubar .menu-wrap>.menu-item.active > a {
color: #ffffff;
}  .nav-twenty .header-wrapper {
min-height: 130px;
}
.nav-twenty .navigation:not(.pagination) {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #e9e9ea;
background-color: #f1f1f1;
padding: 0;
z-index: 1;
}
.nav-twenty .theme-menu {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.nav-twenty .theme-menu .menubar {
justify-content: space-between;
}
.nav-twenty .theme-menu .menubar {
flex-basis: 75%;
display: flex;
max-width: 75%;
}
.nav-twenty .theme-menu > .menu-right {
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
flex-basis: 35%;
}
.nav-twenty .theme-menu .header-widget-news {
width: 100%;
padding-left: 15px;
text-align: right;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
}
.nav-twenty .menubar .menu-wrap > li > a {
font-weight: 600;
}
.nav-twenty.active-one .navigation:not(.pagination) {
padding: .782em 0;
}
.nav-twenty:not(.active-one) .menubar .menu-wrap > li > a {
line-height: 76px;
}
.nav-twenty .navigation .menubar .dropdown-menu li .dropdown-menu li .dropdown-menu {
left: 100%;
right: auto;
}
.nav-twenty .navigation .menubar .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu li .dropdown-menu {
right: 100%;
left: auto;
}
.nav-twenty .navigation .menubar .menu-wrap > li > a:after,
.nav-twenty .navigation .menubar .menu-wrap > li.dropdown > a:after {
top: 0;
}
.nav-twenty .navigation .menubar .menu-wrap > li.active > a,
.nav-twenty .navigation .menubar .menu-wrap > li.btn-home.current > a,
.nav-twenty .navigation .menubar .menu-wrap > li:hover > a,
.nav-twenty .navigation .menubar .menu-wrap > li.focus > a {
background-color: rgba(255, 255, 255, 0.5);
}
.nav-twenty .widget_tag_cloud .tagcloud a {
background-color: #e6e6e6;
}
.nav-twenty .widget_social_widget li:not(:first-child) a {
margin-left: 5px;
} .header-single-carousel {
max-width: 350px;
max-height: 70px;
margin: 0 auto;
}
.header-single-carousel .emergency-call, .header-single-carousel .widget {
width: max-content;
max-width: 100%;
}
.header-single-carousel.widget-right,
.wrap-right .header-single-carousel {
margin: 0 0 0 auto;
}
.header-single-carousel.header-widget:not(.header-carousel) .widget {
display: flex;
flex-wrap: wrap;
height: 100%;
}
.header-single-carousel.widget-right:not(.header-carousel) .widget {
justify-content: flex-end;
}
.header-single-carousel.header-widget .widget img {
width: 50px;
}
.header-widget .widget:not(:first-child) {
margin-left: 10px;
}
.header-widget .widget_tag_cloud .tagcloud a {
display: inline-block;
padding: 0 15px;
} .header-widget-news .widget ul, .header-widget-news .widget .tagcloud,
.header-widget-news .widget .widget_title:not(.widget_info):not(.widget_none) {
display: inline-block !important;
}
.header-widget-news .widget .widget_title {
font-size: 14px;
font-weight: 700;
letter-spacing: 0.35px;
margin-right: 10px;
margin-bottom: 0;
}
.header-widget-news .widget .widget_title:before {
content: '\f292';
font-family: FontAwesome;
font-size: 12px;
padding: 0 5px;
}
.header-widget-news .widget_tag_cloud .tagcloud a {
padding: 2px 4px;
border-radius: 2px;
font-size: 12px !important;
margin-right: 0;
line-height: normal;
font-weight: 700;
letter-spacing: 0.5px;
color: #222222;
background: #f3eeee;
margin-bottom: 0;
border: 0;
}
.header-widget-news .widget_tag_cloud .tagcloud a:hover,
.header-widget-news .widget_tag_cloud .tagcloud a:focus {
color: #ffffff;
}
.widget_marquee {
width: 100%;
min-width: 320px;
min-height: 40px;
position: relative;
overflow: hidden;
margin: 0;
background-color: #fff;
z-index: 0;
}
.widget.widget_marquee:not(.widget_none) .widget_title {
display: inline-block;
font-size: 17px;
padding: 0px 18px;
line-height: inherit;
letter-spacing: 0.25px;
font-weight: 700;
color: #ffffff;
vertical-align: bottom;
background-color: #00a3c8;
z-index: 1;
}
.widget_marquee .widget_title:before {
content: "";
position: absolute;
right: -25px;
top: 0px;
width: 40px;
height: 100%;
background-color: inherit;
clip-path: polygon(40% 0, 100% 100%, 0 100%, 0 0);
}
.xl-update-marquee {
position: absolute;
left: 150px;
top: 0;
right: 40px;
height: 100%;
overflow: hidden;
width: 100%;
padding: 0;
margin: 0 auto;
line-height: inherit;
white-space: nowrap;
animation: marquee 50s linear infinite;
}
.xl-update-marquee:hover {
animation-play-state: paused
} @keyframes marquee {
0%   { text-indent: 27.5em }
100% { text-indent: -105em }
}
.xl-update-marquee a {
display: unset !important;
text-decoration: none;
font-weight: normal;
margin-left: 18px;
}
.xl-update-marquee a:before {
content: "\f0e7";
font-family: FontAwesome;
font-size: 14px;
margin-right: 5px;
}  .spyropress-logo {
padding: 0 18% !important;
}
.header-top-info-8 .social {
padding: 0px 0;
margin: 0;
line-height: 20px;
padding: 5px 0 4px;
}
.header-top-info-8 .social li {
font-family: 'Awesomefont';
margin-right: 4px;
display: inline-block;
}
.header-top-info-8 .social li {
position: relative;
}
.header-top-info-8 .social li a i {
background: #ffffff;
border-radius: 3px;
text-align: center;
display: table-cell;
vertical-align: middle;
color: #283645;
width: 25px;
height: 25px;
font-size: 12px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.header-top-info-8 .social li a i:hover {
color: #ffffff;
-webkit-animation: socialFxD .3s forwards;
animation: socialFxD .3s forwards
}
@-webkit-keyframes socialFxD {
49% {
-webkit-transform: translateX(100%);
transform: translateX(100%)
}
50% {
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-webkit-transform: translateX(-100%);
transform: translateX(-100%)
}
51% {
opacity: 1;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
}
} .header_spyropress_dark {
position: absolute;
width: 100%;
z-index: 9;
padding: 32px 0 32px 0;
}
.header_spyropress_dark .info_details .icon {
width: 28px;
height: 25px;
display: inline-block;
position: relative;
top: 4px;
}
.header_spyropress_dark .info_details .icon i {
font-size: 23px;
line-height: 33px;
}
.header_spyropress_dark .info_details a {
color: #fff;
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
.header_spyropress_light {
background: #fff;
position: absolute;
width: 100%;
z-index: 9;
padding: 32px 0 32px 0;
}
.header_spyropress_light .info_details .icon {
width: 28px;
height: 25px;
display: inline-block;
position: relative;
top: 4px;
}
.header_spyropress_light .info_details .icon i {
font-size: 23px;
line-height: 33px;
}
.header_spyropress_light .info_details a {
font-size: 14px;
font-weight: 700;
line-height: 22px;
} .slider-section-one .specia-slider:before,
.slider-section-one .specia-slider:after {
content: "";
position: absolute;
width: 50%;
height: 100%;
background: inherit;
z-index: -1;
}
.slider-section-one .specia-slider:before {
top: 0;
left: 0;
}
.slider-section-one .specia-slider:after {
bottom: 0;
right: 0;
}
.slider-section-one .main-slider .owl-item.active .specia-slider::before {
-webkit-animation: 3s .3s fadeInUp both;
animation: 3s .3s fadeInUp both;
}
.slider-section-one .main-slider .owl-item.active .specia-slider::after {
-webkit-animation: 3s .3s fadeInDown both;
animation: 3s .3s fadeInDown both;
} .slider-section-two .item {
position: relative;
overflow: hidden;
z-index: 0;
}
.slider-section-two .item:before,
.slider-section-two .item:after {
content: '';
position: absolute;
border-radius: 0;
transform: rotate(-40deg);
}
.slider-section-two .item:before {
top: -210px;
left: -210px;
width: 500px;
height: 400px;
z-index: 1;
opacity: 0;
transform: scale(0) rotate(-40deg);
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
}
.slider-section-two .item:after {
top: -75px;
left: -120px;
width: 360px;
height: 200px;
opacity: 0.4;
transform: scale(0) rotate(-40deg);
-webkit-transition: all 600ms ease;
transition: all 600ms ease;
}
.slider-section-two .owl-item.active .item:before {
opacity: 0.4;
transform: scale(1) rotate(-40deg);
webkit-transition-delay: 600ms;
-ms-transition-delay: 600ms;
transition-delay: 600ms;
}
.slider-section-two .owl-item.active .item:after {
transform: scale(1) rotate(-40deg);
webkit-transition-delay: 300ms;
-ms-transition-delay: 300ms;
transition-delay: 300ms;
}
.slider-section-two .owl-carousel .owl-nav [class*=owl-] {
border-radius: 100px;
}
.slider-section-two .owl-dots .owl-dot span {
width: 20px;
height: 6px;
border: none;
border-radius: 10px;
background-color: #ffffff;
}
.slider-section-two .specia-content h6 {
position: relative;
}
.slider-section-two .specia-content h6:before {
content: "";
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/anim-bg.svg);
background-size: 100% 100%;
display: inline-block;
width: 20px;
height: 20px;
vertical-align: text-top;
margin-right: 6px;
-webkit-animation: fliping-rotate 2.8s infinite ease-in-out;
animation: fliping-rotate 2.8s infinite ease-in-out;
animation-delay: 4s;
}
@-webkit-keyframes fliping-rotate{0%{-webkit-transform:perspective(120px)}25%{-webkit-transform:perspective(120px)rotateY(180deg)}50%{-webkit-transform:perspective(120px)rotateY(180deg)rotateX(180deg)}75%{-webkit-transform:perspective(120px)rotateY(1deg)rotateX(180deg)}100%{-webkit-transform:perspective(120px)rotateY(0)rotate(0)}}
@media (max-width: 767px) {
.slider-section-two .item:after {
top: -120px;
left: -120px;
width: 200px;
height: 200px;
}
.slider-section-two .item:before {
top: -135px;
left: -135px;
width: 200px;
height: 200px;
}
} .slider-section-three .item {
position: relative;
overflow: hidden;
}
.slider-section-three .owl-item .item > img {
display: block;
width: 100%;
height: auto;
-webkit-transition: all 20s;
transition: all 20s;
transition-timing-function: linear;
}
.slider-section-three .owl-item:nth-child(even) .item > img {
-webkit-transform: scale(1.4);
transform: scale(1.4);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
}
.slider-section-three .owl-item:nth-child(odd) .item > img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
.slider-section-three .owl-item.active:nth-child(even) .item > img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.slider-section-three .owl-item.active:nth-child(odd) .item > img {
-webkit-transform: scale(1.4);
transform: scale(1.4);
}
.slider-section-three .specia-content h6 {
max-width: max-content;
display: inline-block;
padding: 9px 16px;
}
.slider-section-three .specia-content h6 span {
color: #ffffffff;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.slider-section-three .specia-content h6 {
padding: 6px 12px;
font-size: 15px;
}
.slider-section-three .specia-content h1 {
font-size: 36px;
margin: 0 0 10px;
}
} .slider-section-four .specia-content {
display: flex;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
max-width: 100%;
}
.slider-section-four .specia-verticle {
flex: auto;
text-align: left;
padding-right: 2rem;
overflow: hidden;
border-right: 4px solid rgba(255, 255, 255, 0.7);
}
.slider-section-four .specia-verticle-content {
flex: 0 0 40%;
padding: 1rem 2.25rem 0;
text-align: left;
overflow: hidden;
}
.slider-section-four .specia-verticle-content p {
color: rgba(255, 255, 255, 0.7);
}
.slider-section-four .specia-verticle-content > span {
display: inline-block;
width: 100%;
}
.slider-section-four .specia-content h1 {
font-size: 46px;
position: relative;
padding-left: 6rem;
}
.slider-section-four .specia-content h1:before {
content: "";
position: absolute;
top: 25px;
left: 0;
width: 50px;
height: 4px;
}
.slider-section-four .heropress-slider-btn {
margin-top: -1rem;
text-align: right;
}
.slider-section-four .specia-content a:not(:last-child) {
margin-bottom: 8px;
}
@media (max-width: 767px) {
.slider-section-four .specia-content {
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.slider-section-four .specia-verticle-content,
.slider-section-four .specia-verticle {
flex: 100%;
overflow: unset;
text-align: inherit;
padding: 0;
border: 0;
}
.slider-section-four .specia-content h1 {
font-size: 22px;
display: inline-block;
padding-left: 3.125rem;
line-height: 1.35;
}
.slider-section-four .specia-content h1:before {
width: 20px;
height: 3px;
top: 12px;
}
.slider-section-four .heropress-slider-btn {
margin-top: 0;
text-align: inherit;
}
} .slider-section-five .owl-thumb-item img {
width: 40px;
height: 40px;
border-radius: 100%;
object-fit: cover;
border: 2px solid rgb(255 255 255 / 0.55);
}
.slider-section-five .owl-thumbs {
display: none;
}
.slider-section-five .owl-thumbs {
position: absolute;
bottom: 50px;
left: 0;
display: table;
width: 100%;
text-align: center;
}
.slider-section-five button.owl-thumb-item {
display: table-cell;
border: none;
outline: none;
background: none;
padding: 0;
}
.slider-section-five .owl-thumb-item:not(:last-child) {
margin-right: 10px;
}
.slider-section-five .owl-thumb-item.active img {
border-color: #ffffff;
}
@media (max-width: 991px) {
.slider-section-five .owl-thumbs {
bottom: 12px;
}
.slider-section-five .owl-thumb-item img {
width: 25px;
height: 25px;
}
}
.slider-section-five .owl-dots .owl-dot span {
border-radius: 10px;
} .slider-section-six .owl-carousel:hover .owl-prev {
left: 12px;
}
.slider-section-six .owl-carousel:hover .owl-prev {
right: 12px;
}
.slider-section-six .owl-theme .owl-controls .owl-nav [class*=owl-] {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
background-position: center center;
background-size: cover;
background-blend-mode: multiply;
width: 60px;
height: 60px;
line-height: 59px;
border-width: 2px;
border-radius: 100%;
}
.slider-section-six .owl-theme .owl-controls .owl-nav [class*=owl-] i {
-webkit-transition-duration: 500ms;
transition-duration: 500ms;
}
.slider-section-six .owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
background-color: rgb(0 0 0 / 60%);
}
.slider-section-six .owl-theme .owl-controls .owl-nav [class*=owl-]:hover i {
color: #00a3c8
}
.slider-section-six .specia-content h6 {
position: relative;
display: inline-block;
}
.slider-section-six .specia-slider.text-center .specia-content h6 {
padding-bottom: 15px;
margin-bottom: 7px;
}
.slider-section-six .specia-content h6:before {
content: "";
position: absolute;
top: 0;
right: -28px;
width: 30px;
height: 3px;
}
.slider-section-six .specia-slider.text-center .specia-content h6:before {
right: 0;
left: 0;
margin: auto;
top: auto;
width: 50px;
bottom: 0;
}
.slider-section-six .specia-slider.text-right .specia-content h6:before {
right: auto;
left: -28px;
}
@media (max-width: 600px) {
.slider-section-six .owl-theme .owl-controls .owl-nav [class*=owl-] {
width: 40px;
height: 40px;
line-height: 39px;
}
} .slider-section-seven .specia-slider:after {
content: "";
position: absolute;
top: 0;
left: -10%;
width: 75%;
height: 100%;
transform: skew(-20deg, 0deg);
opacity: 0.3;
z-index: -1;
}
.slider-section-seven .specia-slider.text-center:after {
left: 0;
right: 0;
margin: auto;
transform: skew(-20deg, 0deg);
}
.slider-section-seven .specia-slider.text-right:after {
left: auto;
right: -10%;
} .slider-wrapper.slider-section-eight .specia-content {
background-color: rgb(34 34 34 / 0.75);
padding: 25px;
}
.slider-section-eight .main-slider .owl-dots {
bottom: 25px;
}
.slider-section-eight .owl-carousel .owl-nav [class*=owl-] {
top: 62%;
}
@media (min-width: 992px) {
.slider-wrapper.slider-section-eight .specia-content {
margin-top: 180px;
}
}
@media (max-width: 767px) {
.slider-wrapper.slider-section-eight .specia-content {
padding: 16px;
}
} .slider-section-nine .specia-content {
max-width: 650px;
padding: 50px;
margin-top: 90px;
border-radius: 3px;
}
.slider-section-nine .specia-content:after {
content: "";
position: absolute;
bottom: -25px;
left: -25px;
width: 100%;
height: 100%;
background: inherit;
z-index: -1;
opacity: 0.75;
border-radius: inherit;
}
.slider-section-nine .specia-content h1 {
font-size: 40px;
line-height: 40px;
}
.slider-section-nine .specia-content .video-play {
background-color: #ffffff;
}
.slider-section-nine .owl-carousel:hover .owl-prev {
left: 15px;
}
.slider-section-nine .owl-carousel:hover .owl-next {
right: 15px;
}
.slider-section-nine .owl-carousel.arrows-transparent .owl-nav [class*=owl-] {
border-color: #ffffff;
background-color: #ffffff;
border-radius: 100%;
}
.slider-section-nine .specia-content h6 span,
.slider-section-nine .owl-carousel.arrows-transparent .owl-nav [class*=owl-]:hover i {
color: #ffffff;
}
@media (min-width: 992px) {
.slider-section-nine .main-slider,
.slider-section-nine .main-slider .owl-item img {
min-height: 600px;
object-fit: cover;
}
.slider-section-nine .specia-slider.text-center .specia-content {
margin-top: 120px;
}
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
.slider-section-nine .specia-content {
padding: 22px;
margin-top: 130px !important;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) and (orientation : landscape) {
.slider-section-nine .specia-content {
max-width: 620px;
padding: 25px;
}
.slider-section-nine .specia-content h6 {
margin-bottom: 8px;
}
.slider-section-nine .specia-content h1 {
font-size: 30px;
line-height: 35px;
margin-bottom: 8px;
}
}
@media (max-width: 991px) {
.slider-section-nine .specia-content {
margin: 0;
}
}
@media (max-width: 767px) {
.slider-section-nine .specia-content:after {
bottom: -10px;
left: -10px;
}
.slider-section-nine .specia-content h1 {
font-size: 20px;
line-height: 20px;
}
.slider-section-nine .specia-content h6 {
font-size: 12px;
}
}
@media (max-width: 450px) {
.slider-section-nine .specia-content {
padding: 25px;
}
} .slider-section-ten .owl-carousel .owl-dots .owl-dot span {
display: none;
}
.slider-section-ten .owl-dots  {
position: absolute;
right: 30px;
width: auto;
left: auto;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
z-index: 100;
}
.slider-section-ten .owl-dots .owl-dot {
pointer-events: all;
background-color: transparent;
width: 26px;
height: 26px;
border: 1px solid #ffffff;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
font-size: 1px;
padding: 0px;
margin: 0px 7px 70px;
z-index: 100;
display: block;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
position: relative;
}
.slider-section-ten .owl-dots .owl-dot:last-child {
margin-bottom: 0;
}
.slider-section-ten .owl-dots .owl-dot:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-border-radius: 50%;
-moz-background-clip: padding;
border-radius: 50%;
background-clip: padding-box;
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 1);
-webkit-transform: translate(-50%, -50%) scale(0);
transform: translate(-50%, -50%) scale(0);
}
.slider-section-ten .owl-dots .owl-dot.active:after {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
}
.slider-section-ten .owl-dots .owl-dot:hover:after {
-webkit-transform: translate(-50%, -50%) scale(1);
transform: translate(-50%, -50%) scale(1);
transition: all 300ms cubic-bezier(0.175, 0.885, 0.32, 4.75);
}
.slider-section-ten .owl-dots .owl-dot:not(:first-child):before {
content: "";
height: 70px;
position: absolute;
bottom: 25px;
border-right: 1px solid #ffffff;
zoom: 1;
filter: alpha(opacity=50);
-webkit-opacity: 0.5;
-moz-opacity: 0.5;
opacity: 0.5;
}
.slider-section-ten .owl-dots .owl-dot.active {
background-color: transparent;
}
@media (max-width: 860px) {
.slider-section-ten .owl-dots {
right: 0;
}
}
@media (max-width: 790px) {
.slider-section-ten .owl-dots {
right: -0.5%;
}
.slider-section-ten .owl-dots .owl-dot {
width: 18px;
height: 18px;
margin-bottom: 50px;
}
.slider-section-ten .owl-dots .owl-dot:not(:first-child):before {
height: 50px;
bottom: 17px;
}
}
@media (max-width: 767px) {
.slider-section-ten .owl-dots .owl-dot {
width: 16px;
height: 16px;
margin-bottom: 40px;
}
.slider-section-ten .owl-dots .owl-dot:not(:first-child):before {
height: 40px;
bottom: 15px;
}
.slider-section-ten .owl-dots .owl-dot:after {
width: 8px;
height: 8px;
}
}
@media only screen and (min-width: 601px) and (max-width: 767px) {
.slider-section-ten .specia-slider.text-right .specia-content {
padding-right: 15px;
}
} .slider-section-eleven .specia-content {
padding: 25px;
background-color: rgb(255 255 255 / 0.8);
border-width: 0;
border-style: solid;
overflow: hidden;
box-shadow: 0 3px 25px -3px rgb(0 0 0 / 0.5);
}
.slider-section-eleven .text-left .specia-content {
border-left-width: 8px;
}
.slider-section-eleven .text-center .specia-content {
border-top-width: 8px;
}
.slider-section-eleven .text-right .specia-content {
border-right-width: 8px;
}
.slider-section-eleven .specia-content h1 {
font-size: 50px;
font-weight: 900;
}
.slider-section-eleven .specia-content h6 {
position: relative;
display: inline-block;
}
.slider-section-eleven .text-left .specia-content h6 {
padding-right: 60px;
}
.slider-section-eleven .text-center .specia-content h6 {
padding-bottom: 10px;
margin-bottom: 10px;
}
.slider-section-eleven .text-right .specia-content h6 {
padding-left: 60px;
}
.slider-section-eleven .specia-content h6:after {
content: "";
position: absolute;
top: 8px;
width: 50px;
height: 3px;
z-index: 0;
}
.slider-section-eleven .text-left .specia-content h6:after {
right: 0;
}
.slider-section-eleven .text-center .specia-content h6:after {
top: auto;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.slider-section-eleven .text-right .specia-content h6:after {
left: 0;
}
.slider-section-eleven .slider-btn-play .video-text,
.slider-section-eleven .specia-content h6,
.slider-section-eleven .specia-content h1,
.slider-section-eleven .specia-content p {
color: #222222;
}
.slider-section-eleven .owl-dots .owl-dot {
height: 7px;
width: 14px;
-webkit-border-radius: 7px;
border-radius: 7px;
border: none;
background: #b3b3b3;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: background 0.3s ease;
transition: background 0.3s ease;
overflow: hidden;
}
.slider-section-eleven .owl-dots .owl-dot {
margin-left: 8px;
}
.slider-section-eleven .owl-dots .owl-dot:first-child {
margin-left: 0;
}
.slider-section-eleven .owl-dots .owl-dot.active {
border: none;
}
.slider-section-eleven .owl-dots .owl-dot span {
display: none;
}
@media (min-width: 768px) {
.slider-section-eleven .owl-dots {
position: absolute;
right: auto;
width: auto;
left: 10px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
z-index: 100;
}
.slider-section-eleven .owl-dots .owl-dot {
display: block;
height: 14px;
width: 7px;
margin-bottom: 8px;
margin-left: 0;
}
.slider-section-eleven .owl-dots .owl-dot:last-child {
margin-bottom: 0;
}
}
@media (max-width: 767px) {
.slider-section-eleven .specia-content {
padding: 15px 12px;
}
.slider-section-eleven .specia-content p {
font-size: 15px;
margin-bottom: 4px;
}
.slider-section-eleven .specia-content h1 {
font-size: 18px;
margin-bottom: 6px;
}
.slider-section-eleven .text-left .specia-content h6 {
padding-right: 40px;
}
.slider-section-eleven .text-right .specia-content h6 {
padding-left: 40px;
}
.slider-section-eleven .specia-content h6:after {
top: 5px;
width: 35px;
height: 2px;
}
.slider-section-eleven .owl-dots {
left: 4px;
}
.slider-section-eleven .text-left .specia-content {
border-left-width: 3px;
}
.slider-section-eleven .text-right .specia-content {
border-right-width: 3px;
}
.slider-section-eleven .text-center .specia-content {
border-top-width: 3px;
}
} .slider-section-twelve .specia-content h6 {
font-size: 13px;
font-weight: 500;
line-height: 28px;
padding: 0 15px 0 5px;
border: 1px solid rgba(255, 255, 255, 0.3);
background-color: rgba(255, 255, 255, 0.1);
border-radius: 100px;
display: inline-block;
}
.slider-section-twelve .specia-content h6:first-child::nth-line(-n+2) {
color: red;
}
.slider-section-twelve .specia-content h6 span {
color: #ffffff;
display: inline;
padding: 2px 10px;
border-radius: 100px;
font-size: 12px;
margin-right: 1px;
}
.slider-section-twelve .bt-primary {
border-width: 1px;
}
.slider-section-twelve .bt-white-border {
border-width: 1px;
border-color: rgb(255 255 255 / 0.3);
background-color: rgb(255 255 255 / 0.1);
}
.slider-section-twelve .bt-white-border:hover,
.slider-section-twelve .bt-white-border:focus {
background-color: #ffffff;
}
.slider-section-twelve .video-play {
background: #ffffff !important;
box-shadow: 4px 4px 13px 0 rgba(0,0,0,.1);
}
.slider-section-twelve .owl-dots .owl-dot {
position: relative;
display: inline-block;
width: 30px;
height: 30px;
line-height: 27px;
background: none;
border: 1px solid;
border-color: transparent;
outline: none;
border-radius: 50%;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
}
.slider-section-twelve .owl-dots .owl-dot {
margin-left: 8px;
}
.slider-section-twelve .owl-dots .owl-dot:first-child {
margin-left: 0;
}
.slider-section-twelve .owl-dots .owl-dot.active {
border-color: rgba(255,255,255,0.5);
}
.slider-section-twelve .owl-dots .owl-dot span {
background: #ffffff;
width: 8px;
height: 8px;
border: none;
box-shadow: none;
}
@media (min-width: 768px) {
.slider-section-twelve .owl-dots {
position: absolute;
right: auto;
width: auto;
left: 10px;
top: 50%;
bottom: auto;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
text-align: center;
z-index: 100;
}
.slider-section-twelve .owl-dots .owl-dot {
display: block;
margin-bottom: 1px;
margin-left: 0;
}
.slider-section-twelve .owl-dots .owl-dot:last-child {
margin-bottom: 0;
}
} .slider-section-thirteen .main-slider .owl-dots {
display: none !important;
}
.slider-section-thirteen .specia-content {
padding: 25px 45px;
}
.slider-section-thirteen .owl-carousel .owl-nav [class*=owl-]:after,
.slider-section-thirteen .specia-content:after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #ffffff;
transform: skewX(10deg);
z-index: -1;
-webkit-transition: all 0.3s linear;
transition: all 0.3s linear;
box-shadow: 0 3px 16px -1px rgb(0 0 0 / 0.2);
}
.slider-section-thirteen .video-text,
.slider-section-thirteen .specia-content h6,
.slider-section-thirteen .specia-content h1,
.slider-section-thirteen .specia-content p {
color: #222222;
}
.slider-section-thirteen .specia-content h6 {
padding: 5px 15px;
font-size: 13px;
box-shadow: 0 2px 16px -1px rgb(0 0 0 / 0.17);
border-left: 2px solid transparent;
display: inline-block;
}
.slider-section-thirteen .owl-carousel .owl-nav [class*=owl-]:hover,
.slider-section-thirteen .owl-carousel .owl-nav [class*=owl-] {
background: none;
border: none;
}
.slider-section-thirteen .owl-carousel .owl-nav [class*=owl-] i {
color: #222222;
}
.slider-section-thirteen .owl-carousel .owl-nav [class*=owl-]:hover i {
color: #ffffff;
} .slider-section-fourteen .main-slider .owl-dots {
display: none !important;
}
.slider-section-fourteen .specia-content {
padding: 26px 45px;
background: none;
}
.slider-section-fourteen .specia-content:before {
content: '';
position: absolute;
right: 0;
top: 0;
width: 100%;
height: 100%;
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
-webkit-clip-path: none;
clip-path: none;
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.05);
opacity: 0.75;
z-index: -1;
}
.slider-section-fourteen .specia-content:after {
content: "";
position: absolute;
top: 15px;
right: -15px;
width: 100%;
height: 100%;
-webkit-transform: skewX(-10deg);
transform: skewX(-10deg);
opacity: 0.5;
z-index: -1;
}
.slider-section-fourteen .specia-content h6 {
display: inline-block;
margin-bottom: 10px;
font-size: 13px;
background-color: #ffffff;
padding: 5px 10px;
border-radius: 100px;
}
.slider-section-fourteen .slider-btn-play .video-play {
background-color: #ffffff;
}
@media (max-width: 767px) {
.slider-section-fourteen .specia-content h6 {
font-size: 10px;
}
.slider-section-fourteen .specia-content {
padding: 22px;
}
} .specia-content-inner {
display: block;
background-color: rgb(0 0 0 / 0.35);
padding: 30px 25px;
margin-top: -25px;
margin-bottom: 25px;
}
.specia-content-inner > span {
display: block;
}
.specia-content-inner > span p {
margin-bottom: 0;
}
.specia-content-inner h6 {
position: relative;
display: inline-block;
}
.slider-section-fifteen .specia-slider.text-center h6:before,
.slider-section-fifteen .specia-slider h6:after {
content: "";
position: absolute;
width: 2px;
height: 18px;
top: 0;
bottom: 0;
margin: auto;
border-width: 0;
border-style: solid;
}
.slider-section-fifteen .specia-slider.text-right h6 {
padding-right: 10px;
}
.slider-section-fifteen .specia-slider.text-center h6:before,
.slider-section-fifteen .specia-slider.text-right h6:after {
right: 0;
border-right-width: 3px;
}
.slider-section-fifteen .specia-slider.text-left h6 {
padding-left: 10px;
}
.slider-section-fifteen .specia-slider.text-center h6:after,
.slider-section-fifteen .specia-slider.text-left h6:after {
left: 0;
border-left-width: 3px;
}
.slider-section-fifteen .specia-slider.text-center h6 {
padding: 0 10px;
}
@media (max-width: 767px) {
.slider-section-fifteen .specia-content-inner {
padding: 17px;
}
} .slider-section-sixteen .owl-dots {
display: none !important;
}
.slider-section-sixteen .owl-carousel .owl-nav .owl-prev {
border-radius: 20px 0 0 20px;
}
.slider-section-sixteen .owl-carousel .owl-nav .owl-next {
border-radius: 0 20px 20px 0;
}
.slider-section-sixteen .specia-content {
padding: 30px 25px;
background-color: rgb(28 48 74 / 0.65);
}
@media (max-width: 767px) {
.slider-section-sixteen .specia-content {
padding: 17px;
}
} .slider-section-seventeen .owl-nav [class*=owl-] {
border-radius: 100%;
}
.slider-section-seventeen .specia-content h6 {
display: inline-block;
font-size: 15px;
font-weight: 600;
padding: 4px 6px;
color: #222222;
background-color: #ffffff;
}
.slider-section-seventeen .specia-content h1 {
background-color: rgb(0 0 0 / 0.35);
padding: 6px 15px;
}
.slider-section-seventeen .specia-content p {
position: relative;
} .slider-section-eighteen .specia-content h6 {
display: inline-block;
padding: 4px 6px;
font-size: 15px;
border: 1px solid rgb(255 255 255 / 0.5);
}
.slider-section-eighteen .specia-content h1 {
position: relative;
}
.slider-section-eighteen .specia-slider.text-left h1 {
padding-left: 15px;
}
.slider-section-eighteen .specia-slider.text-right h1 {
padding-right: 15px;
}
.slider-section-eighteen .specia-slider.text-center h1 {
padding-bottom: 12px;
}
.slider-section-eighteen .specia-content h1:before {
content: "";
position: absolute;
margin: auto;
}
.slider-section-eighteen .specia-slider.text-left h1:before {
top: 0;
bottom: 0;
left: 0;
width: 4px;
height: 85%;
}
.slider-section-eighteen .specia-slider.text-right h1:before {
top: 0;
bottom: 0;
right: 0;
width: 4px;
height: 85%;
}
.slider-section-eighteen .specia-slider.text-center h1:before {
bottom: 0;
left: 0;
right: 0;
width: 15%;
height: 4px;
} .slider-section-nineteen .specia-content h6 {
position: relative;
display: inline-block;
padding-right: 16px;
}
.slider-section-nineteen .specia-content h6:after {
content: "";
position: absolute;
top: -10px;
right: 0;
width: 16px;
height: 16px;
border-radius: 50%;
z-index: -1;
}
.slider-section-nineteen .specia-content h1 {
position: relative;
font-size: 40px;
padding: 6px 12px;
border: 3px solid #000000;
border-bottom: 0;
}
.slider-section-nineteen .specia-content h1:after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 94%;
height: 3px;
background: #000000;
} .slider-section-twenty .specia-content:after {
content: "";
width: 320px;
height: 320px;
position: absolute;
top: -50px;
bottom: 0;
margin: auto;
border-radius: 100%;
opacity: 0.75;
z-index: -1;
-webkit-animation: bounce_one 5s linear infinite;
animation: bounce_one 5s linear infinite;
}
@keyframes bounce_one{0%{transform:translateY(-0.625rem)}50%{transform:translateY(0.625rem)}to{transform:translateY(-0.625rem)}}
.slider-section-twenty .text-left .specia-content:after {
left: -50px;
}
.slider-section-twenty .text-right .specia-content:after {
right: -50px;
}
.slider-section-twenty .text-center .specia-content:after {
right: 0;
left: 0;
}
.slider-section-twenty .specia-content h6 {
display: inline-block;
position: relative;
padding-left: 26px;
font-size: 14px;
}
.slider-section-twenty .specia-content h6:before {
content: "";
position: absolute;
top: 0;
left: 0;
bottom: 0;
width: 20px;
height: 2px;
margin: auto;
background-color: #ffffff;
}
.slider-section-twenty .slider-btn-play .video-play {
background-color: #ffffff;
}
.slider-section-twenty .owl-carousel .owl-nav [class*=owl-] {
border-radius: 100%;
background-color: #ffffff;
border-color: #ffffff;
}
.slider-section-twenty .owl-carousel .owl-nav [class*=owl-]:hover i {
color: #ffffff;
}
@media (max-width: 767px) {
.slider-section-twenty .specia-content h6 {
font-size: 13px;
}
} #unique_serv_pg .col-md-4:nth-child(3n+1),
#unique_serv_pg .col-sm-4:nth-child(3n+1),
#unique-service .col-md-4:nth-child(3n+1),
#unique-service .col-sm-4:nth-child(3n+1) {
clear: both;
}
.service-description {
position: relative;
}
.service-specia .service-box:hover,
.service-specia .service-box:focus-within {
background-color: #ffffff;
border-color: #ffffff;
box-shadow: 0 0 30px rgb(0 0 0 / 8%);
-webkit-transform: translate3d(0,-3px,0);
transform: translate3d(0,-3px,0);
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
}
.service-specia .service-box * {
transition-duration: .4s;
-webkit-transition-duration: .4s;
}
.service-specia .service-box .inner {
width: 100%;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.service-specia .service-box:hover .inner,
.service-specia .service-box:focus-within .inner {
-webkit-transform: translateY(-5px);
transform: translateY(-5px);
}
.service-specia .service-box a.more-link {
opacity: 0;
-webkit-transform: translateY(20px);
transform: translateY(20px);
}
.service-specia .service-box:hover a.more-link,
.service-specia .service-box:focus-within a.more-link {
opacity: 1;
-webkit-transform: translateY(0);
transform: translateY(0);
}
.service-specia .service-box .service-description {
padding: 10px 0 0;
}
.service-specia .service-description a.more-link:after {
content: "";
top: auto;
right: auto;
bottom: 0;
width: 100%;
height: 2px;
left: 0;
opacity: 1;
} .service-version-one{
background: #ffffff;
}
.section-heading{
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
margin: 0;
}
.section-heading span{
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
}
.service-box {
position: relative;
overflow: hidden;
z-index: 0;
}
.service-box p:-moz-only-whitespace {
display: none;
}
.service-avira .service-box,
.service-version-one .service-box {
border: solid 1px #f1f1f1;
padding: 30px;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.service-avira .service-box {
padding-bottom: 16px;
}
.service-avira .service-box:hover,
.service-avira .service-box:focus-within {
box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.service-avira .service-icon-box,
.service-version-one .service-icon-box {
margin-bottom: 18px;
}
.service-avira .service-icon-box figure img,
.service-version-one .service-icon-box figure img {
margin: 0 auto;
}
.service-avira .service-title a,
.service-version-one .service-title a {
font-size: 18px;
color: #1c314c;
font-weight: 700;
}
.service-avira .service-description,
.service-version-one .service-description {
font-size: 15px;
font-weight: normal;
}
.service-avira .service-description {
padding: 10px 0 8px;
}
.service-description .more-link {
top: 0;
margin-top: 8px;
display: inline-block;
font-weight: 600;
}
.service-description .more-link:after {
content: "\f105";
font-family: 'FontAwesome';
font-weight: 600;
font-size: 12px;
position: absolute;
top: 3px;
bottom: 0;
right: 0;
width: 15px;
height: 15px;
border-radius: 100%;
line-height: 15px;
color: #ffffff;
text-align: center;
opacity: 0;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.service-description .more-link:hover:after,
.service-description .more-link:focus:after {
right: -18px;
opacity: 1;
}
.service-avira .col-md-6:nth-child(2n+1),
.service-version-one .col-md-6:nth-child(2n+1),
.service-fabify .col-md-6:nth-child(2n+1) {
clear:left;
}
.service-avira .col-md-4:nth-child(3n+1),
.service-version-one .col-md-4:nth-child(3n+1),
.service-fabify .col-md-4:nth-child(3n+1) {
clear:left;
}
.service-avira .col-md-3:nth-child(4n+1),
.service-version-one .col-md-3:nth-child(4n+1),
.service-fabify .col-md-3:nth-child(4n+1) {
clear:left;
} .service-proficient .service-box {
text-align: left;
background-color: #ffffff;
padding: 30px 25px 35px;
margin-bottom: 30px;
-webkit-transform: translateY(0);
transform: translateY(0);
-webkit-transition: 0.5s;
transition: 0.5s;
overflow: hidden;
box-shadow: 0 0 10px 0 rgb(43 52 59 / 10%);
}
.service-proficient .service-box:hover,
.service-proficient .service-box:focus-within {
-webkit-transform: translateY(-10px);
transform: translateY(-10px);
}
.service-proficient .service-box .service-icon-box {
position: relative;
padding-top: 15px;
display: table-cell;
vertical-align: middle;
}
.service-proficient .service-box .service-icon {
height: 55px;
width: 55px;
line-height: 1;
display: inline-block;
vertical-align: middle;
text-align: center;
border: 1px solid transparent;
transition: all .4s ease-in-out;
-webkit-transition: all .4s ease-in-out;
position: relative;
}
.service-proficient .service-box .service-icon:after {
content: "";
top: -20px;
left: -12px;
width: 85px;
height: 80px;
position: absolute;
z-index: -1;
background-image: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/pattern.svg);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
-webkit-animation: service-ani 3s linear infinite;
animation: service-ani 3s linear infinite;
}
@-webkit-keyframes service-ani{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}@keyframes service-ani{0%{opacity:1}50%{opacity:.2}100%{opacity:1}}
.service-proficient .service-box .service-icon i {
font-size: 52px;
display: inline-block;
vertical-align: middle;
}
.service-proficient .service-box .service-content {
padding-left: 15px;
display: table-cell;
vertical-align: middle;
}
.service-proficient .service-box .service-description p {
position: relative;
z-index: 2;
}
.service-proficient .service-box .service-title {
margin-bottom: 10px;
}
.service-proficient .service-box .service-title a {
font-size: 20px;
line-height: 30px;
font-weight: 600;
}
.service-proficient .service-box .more-link:after {
display: none;
}
.service-proficient .service-rating a.more-link {
top: 0;
color: #ffffff;
}
.service-proficient .service-linked {
padding-top: 0;
opacity: 0;
transition: all .4s;
}
.service-proficient .service-box:hover .service-linked,
.service-proficient .service-box:focus-within .service-linked {
opacity: 1;
}
.service-proficient .service-rating {
color: #ffffff;
font-size: 20px;
line-height: 20px;
font-weight: 500;
position: absolute;
bottom: -50px;
right: -50px;
padding: 13px 12px;
text-align: center;
z-index: 1;
transition: all .4s;
}
.service-proficient .service-box:hover .service-rating,
.service-proficient .service-box:focus-within .service-rating {
bottom: 0;
right: 0;
}
.service-proficient .service-rating:before {
position: absolute;
content: "";
bottom: 0;
right: 0;
width: 60px;
height: 55px;
z-index: -1;
border-radius: 70px 0px 6px 0px;
}
.service-proficient .service-rating:after {
content: '';
position: absolute;
bottom: 0;
right: 0;
border-radius: 90px 0px 6px 0px;
width: 0;
height: 0;
z-index: -1;
opacity: .5;
transition: all .6s;
}
.service-proficient .service-box:hover .service-rating:after,
.service-proficient .service-box:focus-within .service-rating:after {
width: 75px;
height: 70px;
} .service-avira .service-box:hover,
.service-avira .service-box:focus-within {
color: #ffffff;
}
.service-box,
.specia-icon:before,
.service-title a,
.service-description p {
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.service-avira .service-title a:hover,
.service-avira .service-title a:focus {
color: #00a3c8;
}
.service-avira .specia-icon:before {
font-size: 60px;
color: #222222;
padding: 0;
}
.service-avira .service-box {
text-align: left;
padding-bottom: 18px;
}
.service-avira a.more-link {
display: block;
border-top: 1px solid #e6e6e6;
margin-top: 20px;
padding-top: 17px;
}
.service-avira a.more-link:after,
.service-avira a.more-link:after {
bottom: 5px;
right: 20px;
top: auto;
}
.service-avira .service-description a.more-link:after {
content: "\f112";
color: #00a3c8;
background: none;
transform: rotateY(170deg);
font-weight: 500;
}
.service-avira .service-box:hover .service-description a.more-link:after,
.service-avira .service-box:focus-within .service-description a.more-link:after {
right: 0;
opacity: 1;
}
.service-avira .service-box:hover .specia-icon:before,
.service-avira .service-box:focus-within .specia-icon:before,
.service-avira .service-box:hover .service-title a,
.service-avira .service-box:focus-within .service-title a,
.service-avira .service-box:hover .service-description p,
.service-avira .service-box:focus-within .service-description p,
.service-avira .service-box:hover a.more-link,
.service-avira .service-box:focus-within a.more-link {
color: #ffffff;
}
.service-avira .service-box:hover a.more-link:after,
.service-avira .service-box:focus-within a.more-link:after {
color: #ffffff;
background: none;
} .hero-service-box {
position: relative;
-webkit-transform: translateZ(0);
-webkit-perspective: 1e3px;
perspective: 1e3px;
border-radius: 0;
margin-bottom: 30px;
box-shadow: -13px -13px 58px -13px rgb(0 0 0 / 10%);
-webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
-o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.hero-service-box .front-part,
.hero-service-box .back-part {
top: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-ms-flex-align: center;
height: 300px;
background-position: 50%;
background-clip: padding-box;
background-size: cover;
background-repeat: no-repeat;
text-align: center;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-perspective: 1e3px;
perspective: 1e3px;
-webkit-transition: -webkit-transform .6s cubic-bezier(.2,.85,.4,1.275);
transition: -webkit-transform .6s cubic-bezier(.2,.85,.4,1.275);
transition: transform .6s cubic-bezier(.2,.85,.4,1.275);
transition: transform .6s cubic-bezier(.2,.85,.4,1.275),-webkit-transform .6s cubic-bezier(.2,.85,.4,1.275);
}
.hero-service-box .front-part {
position: relative;
bottom: 0;
z-index: 10;
padding: 30px;
border-radius: 5px;
background-color: #6094da;
align-items: center;
text-align: left;
border-style: solid;
border-width: 0px 0px 0px 0px;
padding: 40px 40px 40px 40px;
border-radius: 0px 0px 0px 0px;
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
.hero-service-box .front-part:before,
.hero-service-box .back-part:before {
position: absolute;
top: 0;
left: 0;
z-index: -9;
width: 100%;
height: 100%;
background-color: initial;
content: "";
}
.hero-service-box .front-part::before {
background-color: #FFFFFF;
}
.hero-service-box .front-content-part,
.hero-service-box .back-content-part {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
transition: all .9s ease 0s;
}
.hero-service-box .front-content-part {
transition: 0.95s;
}
.hero-service-box .front-icon-part {
margin-bottom: 21px;
}
.hero-service-box .front-icon-part span {
display: inline-block;
text-align: center;
color: #222222;
font-size: 35px;
line-height: 1;
}
.hero-service-box .front-icon-part span img {
width: 60px;
height: 60px;
}
.hero-service-box .front-title-part {
margin-bottom: 10px;
}
.hero-service-box .front-title {
margin: 0;
font-weight: 700;
font-size: 20px;
line-height: 1.5;
color: #222222;
}
.hero-service-box .front-desc-part p {
margin-bottom: 0;
font-size: 16px;
color: #555555;
}
.hero-service-box .back-part {
position: absolute;
z-index: -1;
padding: 30px;
border-radius: 5px;
align-items: center;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.hero-service-box .back-title-part {
margin-bottom: 17px;
}
.hero-service-box .back-title {
margin: 0;
font-weight: 700;
font-size: 20px;
line-height: 1.5;
color: #ffffff;
}
.hero-service-box .back-title a,
.hero-service-box .back-title a:hover,
.hero-service-box .back-title a:focus {
color: #ffffff;
}
.hero-service-box .back-desc-part {
margin-bottom: 25px;
}
.hero-service-box .back-desc-part p {
margin-bottom: 0;
font-size: 16px;
color: #ffffff;
}
.hero-service-box .back-btn {
display: inline-block;
padding: 12px 25px 12px 25px;
font-size: 14px;
font-weight: 500;
text-transform: uppercase;
color: #111111;
background-color: #FFFFFF;
line-height: 1;
border-radius: 30px 30px 30px 30px;
}
.hero-service-box:hover .front-part,
.hero-service-box:focus-within .front-part {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
z-index: -1;
}
.hero-service-box:hover .back-part,
.hero-service-box:focus-within .back-part {
-webkit-transform: rotateY(0);
transform: rotateY(0);
z-index: 1;
} .service-fabify .service-box {
position: relative;
text-align: center;
z-index: 0;
border-radius: 5px;
background-color: #fff;
padding: 30px;
-webkit-transition: .5s;
transition: .5s;
-webkit-box-shadow: 0 0 40px rgb(82 85 90 / 10%);
box-shadow: 0 0 40px rgb(82 85 90 / 10%);
}
.service-fabify .service-box:hover,
.service-fabify .service-box:focus-within {
background-color: #222222;
color: #ffffff;
}
.service-fabify .specia-icon {
position: relative;
-webkit-transition: .5s;
transition: .5s;
background: none;
color: #222222;
}
.service-fabify .specia-icon:before {
font-size: 60px;
}
.service-fabify .service-title a {
font-size: 20px;
font-weight: 600;
display: block;
position: relative;
}
.service-fabify .service-title a:after {
content: "";
position: absolute;
bottom: -8px;
left: 0;
right: 0;
border-bottom: 1px solid #dddddd;
width: 50px;
margin: auto;
}
.service-fabify .service-description {
margin-top: 25px;
}
.service-fabify .service-description a.more-link {
margin-top: 20px;
}
.service-fabify .service-box:hover .specia-icon:before,
.service-fabify .service-box:focus-within .specia-icon:before,
.service-fabify .service-box:hover .service-title a,
.service-fabify .service-box:focus-within .service-title a,
.service-fabify .service-box:hover .service-description p,
.service-fabify .service-box:focus-within .service-description p,
.service-fabify .service-box:hover a.more-link,
.service-fabify .service-box:focus-within a.more-link {
color: #ffffff;
}
.service-fabify .service-box a.more-link:hover,
.service-fabify .service-box a.more-link:focus {
color: #ffffff;
background: none;
letter-spacing: .75px;
}
.service-fabify .service-box .service-description a.more-link:after {
display: none;
}
.service-fabify .service-box:hover .specia-icon-effect-8 .specia-icon,
.service-fabify .service-box:focus-within .specia-icon-effect-8 .specia-icon {
background: none;
}
.service-fabify .service-icon-box {
margin-bottom: 20px;
position: relative;
z-index: 0;
}
.service-fabify .icon-bg img {
position: absolute;
left: 0;
right: 0;
top: 50%;
width: auto;
margin: 0 auto;
display: inline-block;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1;
}
.service-fabify .box-shape img {
position: absolute;
left: 0;
top: 0;
width: auto;
display: inline-block;
-webkit-transition: .5s;
transition: .5s;
}
.service-fabify .box-shape img:nth-child(2) {
opacity: 0;
visibility: hidden;
}
.service-fabify .service-box:hover .box-shape img:nth-child(1),
.service-fabify .service-box:focus-within .box-shape img:nth-child(1) {
opacity: 0;
visibility: hidden;
}
.service-fabify .service-box:hover .box-shape img:nth-child(2),
.service-fabify .service-box:focus-within .box-shape img:nth-child(2) {
opacity: 1;
visibility: visible;
} .service-magzee .row .col-md-4:nth-child(4) {
clear: both;
}
.service-magzee .service-box .inner {
text-align: left;
position: relative;
display: block;
background: #f9f9f9;
border-radius: 5px;
overflow: hidden;
padding: 38px 26px 35px;
transition: all 500ms ease;
}
.service-magzee .service-box .inner:after {
content: '';
position: absolute;
top: -70px;
right: -70px;
width: 216px;
height: 216px;
background-image: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/circle-anim.png);
background-repeat: no-repeat;
opacity: 0;
transition: all 500ms ease;
animation: rotateme 30s infinite linear;
}
.service-magzee .service-box .inner:before {
position: absolute;
content: '';
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transform-origin: top;
transform-origin: top;
-webkit-transform: scale(.9) translateY(20px);
transform: scale(.9) translateY(20px);
transition: all 500ms ease;
}
.service-magzee .service-box:hover .inner,
.service-magzee .service-box:focus-within .inner {
margin: -5px 0px;
padding: 43px 26px 40px;
}
.service-magzee .service-box:hover .inner:after,
.service-magzee .service-box:focus-within .inner:after {
opacity: 1;
}
.service-magzee .service-box:hover .inner:before,
.service-magzee .service-box:focus-within .inner:before {
opacity: 1;
-webkit-transform: scale(1) translateY(0px);
-ms-transform: scale(1) translateY(0px);
transform: scale(1) translateY(0px);
-webkit-transition: 1s;
-o-transition: 1s;
transition: 1s;
}
.service-magzee .service-row [class*='col-'] {
padding: 0;
margin: 0;
}
.service-magzee .service-row [class*='col-']:nth-child(2n+1) .service-box .inner {
background: #f6f6f6;
}
.service-magzee .specia-icon {
color: #222222;
}
.service-magzee .specia-icon:before {
padding: 0;
font-size: 60px;
}
.service-magzee .specia-icon:after {
position: absolute;
content: '';
width: 30px;
height: 30px;
border-radius: 50%;
top: 0px;
right: -6px;
opacity: 0.5;
transition: all 500ms ease;
-webkit-animation: zoomfade 2s infinite linear;
animation: zoomfade 2s infinite linear;
}
.service-magzee .service-title {
margin-bottom: 12px;
transition: all 500ms ease;
}
.service-magzee .service-title a {
font-size: 20px;
font-weight: 600;
display: block;
position: relative;
}
.service-magzee .service-icon-box {
position: relative;
display: inline-block;
font-size: 60px;
width: 80px;
height: 80px;
line-height: 80px;
text-align: center;
border-radius: 50%;
background: transparent;
margin-bottom: 16px;
transition: all 500ms ease;
}
.service-magzee .service-description p {
transition: all 500ms ease;
}
.service-magzee .service-description .more-link {
margin-top: 12px;
}
.service-magzee .service-box:hover .service-icon-box,
.service-magzee .service-box:focus-within .service-icon-box {
background-color: #ffffff;
}
.service-magzee .service-box:hover .specia-icon:before,
.service-magzee .service-box:focus-within .specia-icon:before {
font-size: 50px;
}
.service-magzee .service-box:hover a,
.service-magzee .service-box:hover p,
.service-magzee .service-box:focus-within a,
.service-magzee .service-box:focus-within p {
color: #ffffff;
}
.service-magzee .service-description .more-link:after {
content: "";
width: 100%;
height: 2px;
background-color: #ffffff;
border-radius: 0;
top: auto;
bottom: 0;
right: auto;
left: 0;
}
@keyframes rotateme {
from {
transform: rotate(0deg);
}
to { 
transform: rotate(360deg);
}
}
@-webkit-keyframes rotateme {
from {
-webkit-transform: rotate(0deg);
}
to { 
-webkit-transform: rotate(360deg);
}
}
@keyframes zoomfade {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
}
@-webkit-keyframes zoomfade {
0% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
50% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
} .service-benzer .service-box {    
min-height: 388px;
}
.service-benzer .inner {
position: relative;
display: block;
overflow: hidden;
text-align: center;
padding: 46px 20px 54px 20px;
border-radius: 5px;
transition: all 900ms ease;
}
.service-benzer .inner:before {
position: absolute;
content: '';
width: 100%;
height: 0%;
left: 0px;
bottom: 0px;
right: 0px;
border-radius: 5px;
transition: all 500ms ease;
}
.service-benzer .service-box:hover .inner:before,
.service-benzer .service-box:focus-within .inner:before {
height: 100%;
top: 0px;
}
.service-benzer .service-title {
margin-bottom: 30px;
}
.service-benzer .service-title a {
position: relative;
font-size: 20px;
line-height: 30px;
font-weight: 600;
transition: all 500ms ease;
}
.service-benzer .service-icon-box {
position: relative;
display: inline-block;
margin-bottom: 33px;
}
.service-benzer .service-layer {
position: absolute;
width: 120px;
height: 120px;
left: -10px;
top: -10px;
border: 2px solid #fff;
border-radius: 50%;
clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%, 0 0);
transition: all 500ms ease;
-webkit-animation: service_hexagon 2s infinite linear;
animation: service_hexagon 2s infinite linear;
-webkit-animation-play-state: paused;
animation-play-state: paused;
}
.service-benzer .service-box:hover .service-layer,
.service-benzer .service-box:focus-within .service-layer {
-webkit-animation-play-state: running;
-moz-animation-play-state: running;
-o-animation-play-state: running;
animation-play-state: running;
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0 0);
}
@-webkit-keyframes service_hexagon{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}
@keyframes service_hexagon{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}
.service-benzer .service-layer:before {
content: '';
position: absolute;
width: 8px;
height: 8px;
left: 15px;
bottom: 9px;
border-radius: 50%;
background: #ffffff;
}
.service-benzer .service-description .more-link:after {
background-color: #ffffff;
}
.service-benzer .service-icon-box i {
position: relative;
display: inline-block;
font-size: 50px;
background: #ffffff;
width: 100px;
height: 100px;
line-height: 100px;
text-align: center;
border-radius: 50%;
box-shadow: 0 0 50px rgb(0 0 0 / 10%);
transition: all 500ms ease;
}
.service-benzer .specia-icon:before {
font-size: inherit;
}
.service-benzer .service-box:hover a,
.service-benzer .service-box:hover p,
.service-benzer .service-box:focus-within a,
.service-benzer .service-box:focus-within p {
color: #ffffff;
} .service-spyropress .service-box {
text-align: center;
padding: 30px;
transition: all ease .5s;
border: 1px dashed transparent;
margin-bottom: 30px;
}
.service-spyropress .service-box:after,
.service-spyropress .service-box:before {
content: "";
position: absolute;
width: 0;
height: 0;
transition: all ease .5s;
opacity: 0;
}
.service-spyropress .service-box:before {
top: 15px;
left: 15px;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
}
.service-spyropress .service-box:after {
bottom: 15px;
right: 15px;
border-bottom: 2px solid transparent;
border-right: 2px solid transparent;
}
.service-spyropress .service-box:hover,
.service-spyropress .service-box:focus-within {
border-color: #222222;
background-color: #222222;
}
.service-spyropress .service-box:hover:after,
.service-spyropress .service-box:hover:before,
.service-spyropress .service-box:focus-within:after,
.service-spyropress .service-box:focus-within:before {
width: 50px;
height: 50px;
opacity: 1;
}
.service-spyropress .service-box .service-icon-box {
line-height: 1;
margin-bottom: 17px;
display: inline-block;
}
.service-spyropress .service-box .specia-icon:before {
font-size: 50px;
}
.service-spyropress .service-box .service-title {
margin-bottom: 12px;
}
.service-spyropress .service-box .service-title a {
font-size: 20px;
font-weight: 600;
display: block;
position: relative;
transition: all ease .5s;
}
.service-spyropress .service-box:hover a.more-link,
.service-spyropress .service-box:hover p,
.service-spyropress .service-box:focus-within a.more-link,
.service-spyropress .service-box:focus-within p {
color: #ffffff;
}
.service-spyropress .service-box a.more-link:hover,
.service-spyropress .service-box a.more-link:focus {
letter-spacing: 1px;
}
.service-spyropress .service-description .more-link:after {
display: none;
} .webstrap-service-box {
position: relative;
text-align: left;
margin-bottom: 30px;
z-index: 0;
-webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
transition: .3s cubic-bezier(.24,.74,.58,1);
}
.webstrap-service-box:hover,
.webstrap-service-box:focus-within {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
.webstrap-service-box .front-part {
background-color: #ffffff;
padding: 54px 38px 50px;
-webkit-box-shadow: 0 0 40px rgb(12 12 12 / 10%);
box-shadow: 0 0 40px rgb(12 12 12 / 10%);
}
.webstrap-service-box .front-icon-part {
height: 86px;
width: 86px;
-webkit-border-radius: 86px;
border-radius: 86px;
line-height: 86px;
text-align: center;
margin-bottom: 24px;
display: inline-flex;
align-items: center;
justify-content: center;
}
.webstrap-service-box .front-icon-part i {
font-size: 46px;
color: #ffffff;
}
.webstrap-service-box .front-title-part {
margin-bottom: 18px;
}
.webstrap-service-box .front-title-part h2 {
font-size: 22px;
color: #222222;
}
.webstrap-service-box .front-desc-part p {
color: #666666;
font-size: 16px;
line-height: 1.5;
font-weight: 500;
}
.webstrap-service-box .back-part {
position: absolute;
top: 0;
left: 0;
z-index: 99;
width: 100%;
height: 100%;
padding: 40px;
background-color: #222222;
border-top: 7px solid transparent;
-webkit-transform: scaleY(0);
transform: scaleY(0);
transform-origin: 0 0 0;
-webkit-transform-origin: 0 0 0;
-webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
transition: .3s cubic-bezier(.24,.74,.58,1);
}
.webstrap-service-box:hover .back-part,
.webstrap-service-box:focus-within .back-part {
-webkit-transform: scaleY(1);
transform: scaleY(1);
}
.webstrap-service-box:hover .back-part:before,
.webstrap-service-box:focus-within .back-part:before {
content: '';
position: absolute;
top: 0;
left: 0;
z-index: -1;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.8);
}
.webstrap-service-box .back-part .bg-image {
position: absolute;
top: 0;
left: 0;
z-index: -2;
width: 100%;
height: 100%;
background-size: cover;
background-position: 50%;
background-repeat: no-repeat;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.webstrap-service-box .back-part .back-title-part {
margin-bottom: 19px;
}
.webstrap-service-box .back-part .back-title-part a {
font-size: 22px;
color: #ffffff;
}
.webstrap-service-box .back-part p {
font-size: 16px;
color: #e1e1e1;
line-height: 1.5;
}
.webstrap-service-box .service-description .more-link:after {
background: none;
content: "\f061";
font-weight: normal;
right: -16px;
opacity: 1;
}
.webstrap-service-box .service-description .more-link:hover:after,
.webstrap-service-box .service-description .more-link:focus:after {
right: -19px;
}
.webstrap-service-box .back-btn-part {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: space-between;
}
.webstrap-service-box .front-id,
.webstrap-service-box .back-id {
font-size: 80px;
line-height: 1;
font-weight: 700;
}
.webstrap-service-box .front-id {
position: absolute;
right: 40px;
top: 26px;
color: #f5f3f0;
}
.webstrap-service-box .back-id {
color: #ffffff;
} .nav-nifty .menu-right li.menu-item {
margin-left: 18px;
}
.service-nifty .service-box {
text-align: center;
padding: 30px;
transition: all ease .5s;
border: 1px dashed transparent;
margin-bottom: 30px;
box-shadow: 0 0 20px 3px rgb(0 0 0 / 5%);
}
.service-nifty .service-box:hover,
.service-nifty .service-box:focus-within {
border-color: #222222;
background-color: #222222;
transform: translateY(-5px);
}
.service-nifty .service-box .service-icon-box {
line-height: 1;
margin-bottom: 17px;
display: inline-block;
}
.service-nifty .service-box .specia-icon:before {
font-size: 50px;
}
.service-nifty .service-box .service-title {
margin-bottom: 12px;
}
.service-nifty .service-box .service-title a {
font-size: 20px;
font-weight: 600;
display: block;
position: relative;
transition: all ease .5s;
}
.service-nifty .service-box .icon-link {
display: inline-block;
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
text-align: center;
font-size: 12px;
color: #fff;
margin-top: 16px;
font-weight: normal;
}
.service-nifty .service-box .service-bg-icon {
position: absolute;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
-moz-box-pack: center;
justify-content: center;
-moz-box-align: center;
align-items: center;
display: -moz-box;
display: flex;
font-size: 100px;
margin-bottom: 20px;
line-height: 1;
z-index: -1;
opacity: 0;
transition: all .5s;
}
.service-nifty .service-box:hover .service-bg-icon,
.service-nifty .service-box:focus-within .service-bg-icon {
opacity: .3;
}
.service-nifty .service-box:hover p,
.service-nifty .service-box:focus-within p {
color: #ffffff;
}
.service-nifty .service-box:hover a.icon-link,
.service-nifty .service-box:focus-within a.icon-link,
.service-nifty .service-box a.icon-link:hover,
.service-nifty .service-box a.icon-link:focus {
color: #ffffff;
} .eleven-service-box {
width: 100%;
position: relative;
transition: all 500ms ease-in-out;
}
.eleven-service-box:hover,
.eleven-service-box:focus-within {
margin-top: -6px;
padding-bottom: 6px;
}
.bdt-advanced-icon-box {
text-align: left;
min-height: 408px;
padding: 46px 50px 52px;
background-color: #ffffff;
background-image: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/vector16.png);
background-position: bottom right;
background-repeat: no-repeat;
border-radius: 12px 12px 12px 12px;
box-shadow: 0px 8px 16px 0px rgb(9 17 26 / 15%);
position: relative;
z-index: 0;
-webkit-transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
transition: background .3s,border .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
-o-transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
transition: background .3s,border .3s,border-radius .3s,box-shadow .3s,-webkit-border-radius .3s,-webkit-box-shadow .3s;
}
.eleven-service-box:hover .bdt-advanced-icon-box,
.eleven-service-box:focus-within .bdt-advanced-icon-box {
box-shadow: 0px 16px 32px 0px rgb(255 73 73 / 25%);
}
.bdt-advanced-icon-box:before {
position: absolute;
top: 0px;
left: 0;
content: "";
width: 100%;
height: 6px;
border-top-right-radius: 12px;
border-top-left-radius: 12px;
}
.eleven-service-box:hover .bdt-advanced-icon-box:before,
.eleven-service-box:focus-within .bdt-advanced-icon-box:before {
background: transparent;
}
.bdt-advanced-icon-box-icon {
display: inline-block;
margin-bottom: 25px;
-webkit-transform: translate(0);
transform: translate(0);
}
.bdt-advanced-icon-box .bdt-icon-wrapper {
display: inline-block;
line-height: 1;
transition: all 350ms cubic-bezier(.24, .85, .58, 1);
color: #818a91;
height: auto;
text-align: center;
position: relative;
background-image: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/decor2.svg);
background-position: center left;
background-repeat: no-repeat;
padding: 19px 24px 0px 10px;
font-size: 60px;
width: 60px;
transform: rotate(0deg);
box-sizing: content-box !important;
}
.eleven-service-box:hover .bdt-advanced-icon-box .bdt-icon-wrapper,
.eleven-service-box:focus-within .bdt-advanced-icon-box .bdt-icon-wrapper {
background-image: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/decor1.svg)!important;
}
.bdt-advanced-icon-box .bdt-icon-wrapper:after {
content: '';
position: absolute;
transition: all .3s ease-out;
width: 100%;
height: 100%;
z-index: -1;
opacity: 0;
top: 0;
left: 0;
}
.eleven-service-box:hover .bdt-icon-wrapper:after,
.eleven-service-box:focus-within .bdt-icon-wrapper:after {
opacity: 1;
background-color: rgb(80 85 89 / 0%);
background-image: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/decor1.svg);
background-position: center left;
background-repeat: no-repeat;
}
.bdt-advanced-icon-box .bdt-icon-wrapper i,
.bdt-advanced-icon-box .bdt-icon-wrapper img {
position: relative;
display: block;
transition: transform 350ms cubic-bezier(.24, .85, .58, 1);
z-index: 1;
}
.bdt-advanced-icon-box p {
margin-top: 10px;
margin-bottom: 25px;
font-size: 16px;
}
.bdt-advanced-icon-box-title {
margin-bottom: 36px;
font-size: 18px;
line-height: 28px;
}
.eleven-service-box:hover .bdt-advanced-icon-box .bdt-icon-wrapper i,
.eleven-service-box:hover .bdt-advanced-icon-box-content .bdt-advanced-icon-box-title a,
.eleven-service-box:hover .bdt-advanced-icon-box-content .bdt-advanced-icon-box-title,
.eleven-service-box:focus-within .bdt-advanced-icon-box .bdt-icon-wrapper i,
.eleven-service-box:focus-within .bdt-advanced-icon-box-content .bdt-advanced-icon-box-title a,
.eleven-service-box:focus-within .bdt-advanced-icon-box-content .bdt-advanced-icon-box-title {
color: #ffffff;
}
.bdt-advanced-icon-box-sub-title {
margin-top: -20px;
margin-bottom: 17px;
font-size: 16px;
transition: all .25s ease;
}
.eleven-service-box:hover .bdt-advanced-icon-box-sub-title,
.eleven-service-box:focus-within .bdt-advanced-icon-box-sub-title {
opacity: 0;
}
.bdt-advanced-icon-box-description {
opacity: 0;
margin-bottom: 0px;
position: relative;
top: -45px;
}
.eleven-service-box:hover .bdt-advanced-icon-box p,
.eleven-service-box:focus-within .bdt-advanced-icon-box p {
color: #ffffff;
}
.eleven-service-box:hover .bdt-advanced-icon-box-content .bdt-advanced-icon-box-description,
.eleven-service-box:focus-within .bdt-advanced-icon-box-content .bdt-advanced-icon-box-description {
color: #ffffff;
opacity: 1;
}
.bdt-advanced-icon-box-readmore {
font-size: 16px;
font-weight: 500;
position: relative;
top: -30px;
display: inline-block;
text-transform: capitalize;
font-style: normal;
text-decoration: none;
line-height: 26px;
padding-right: 53px;
transition: all 300ms ease-in-out;
}
.bdt-advanced-icon-box-readmore:hover,
.bdt-advanced-icon-box-readmore:focus {
padding-right: 0px;
padding-left: 53px;
}
.bdt-button-icon-align-right {
margin-left: 16px;
position: absolute;
top: 2px;
right: 0;
float: right;
}
.eleven-service-box:hover .bdt-button-icon-align-right,
.eleven-service-box:focus-within .bdt-button-icon-align-right {
top: 0;
width: 38px;
height: 26px;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/vector32.svg) no-repeat;
background-position-y: center;
}
.eleven-service-box:hover .bdt-advanced-icon-box-readmore svg,
.eleven-service-box:focus-within .bdt-advanced-icon-box-readmore svg {
fill: #ffffff;
}
.eleven-service-box:hover .bdt-advanced-icon-box-readmore,
.eleven-service-box:focus-within .bdt-advanced-icon-box-readmore {
color: #ffffff;
}
.bdt-advanced-icon-box-readmore:hover .bdt-button-icon-align-right,
.bdt-advanced-icon-box-readmore:focus .bdt-button-icon-align-right {
left: 0;
right: unset;
float: left;
margin-left: 0!important;
margin-right: 16px!important;
} .twelve-service-box {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
text-align: left;
padding: 2em;
border: 1px solid #f1f1f1;
border-radius: 5px;
-webkit-transition: all .4s ease;
transition: all .4s ease;
background-color: #fff;
position: relative;
overflow: hidden;
height: 100%;
}
.twelve-service-box:hover,
.twelve-service-box:focus {
transform: translateY(-8px);
}
.twelve-service-box-header {
position: relative;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
z-index: 0;
}
.twelve-service-box-body {
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 0;
}
.twelve-service-box-icon {
width: 100px;
height: 100px;
font-size: 75px;
line-height: 100px;
display: inline-flex;
align-items: center;
justify-content: flex-start;
text-align: center;
margin-bottom: 13px;
border-radius: 5px;
padding: 10px;
}
.twelve-service-box-icon img {
max-width: 100%;
height: auto;
-webkit-user-select: none;
user-select: none;
}
.twelve-service-box-title {
font-size: 21px;
line-height: 1.2;
margin-bottom: 0;
} .thirteen-service-box {
position: relative;
z-index: 0;
}
.thirteen-service-box .inner-box {
position: relative;
display: block;
overflow: hidden;
background: #ffffff;
border: 1px solid #f1f1f1;
padding: 40px 25px 32px 25px;
text-align: center;
}
.thirteen-service-box .inner-box .light-icon {
position: absolute;
right: 0%;
bottom: 0px;
font-size: 110px;
line-height: 105px;
margin-right: -14px;
opacity: 0.12;
color: #ffffff;
transition: all 500ms ease;
}
.thirteen-service-box:hover .inner-box .light-icon {
margin-right: 0px;
transform: translateX(-60%);
}
.thirteen-service-box .inner-box .icon-box {
position: relative;
display: inline-block;
width: 70px;
line-height: 70px;
height: 70px;
background: #f1f1f1;
font-size: 38px;
text-align: center;
border-radius: 50%;
margin-bottom: 14px;
z-index: 1;
transition: all 500ms ease;
}
.thirteen-service-box:hover .inner-box .icon-box {
color: #ffffff;
}
.thirteen-service-box .inner-box .icon-box:before {
position: absolute;
content: '';
width: 100%;
height: 100%;
left: 0px;
top: 0px;
right: 0px;
border-radius: 50%;
transform: scale(0,0);
z-index: -1;
transition: all 500ms ease;
}
.thirteen-service-box:hover .inner-box .icon-box:before {
transform: scale(1,1);
}
.thirteen-service-box .inner-box h4 {
display: block;
font-size: 20px;
line-height: 30px;
font-weight: 600;
margin-bottom: 15px;
}
.thirteen-service-box .inner-box p {
position: relative;
}  @media (max-width: 767px) {
#unique-feature {
background-size: 100vmax 100vmax !important;
}
}
.features-version-one{
height: 100%;
overflow: hidden;
width: 100%;
}
.features-version-one .features-overlay {
background: rgba(0,0,0,0.6);
height: 100%;
overflow: hidden;
width: 100%;
opacity: 0.79;
}
.features-version-one h2 {
color: #ffffff;
}
.features-version-one p{
color: #ffffff;
}
.features-version-one .feature-item{
margin-bottom: 25px;
}
.features-version-one .feature-box-icon {
border-radius: 50%;
background: rgba(0,0,0,0);
float: left;
display: inline-block;
height: 50px;
margin-right: 10px;
margin-left: 10px;
position: relative;
text-align: center;
top: 7px;
width: 50px;
line-height: 35px;
border: solid 1px #fff;
padding: 6px 0px 0px 2px;
font-size: 22px;
color: #fff;
}
.features-version-one .feature-box-info {
margin-left: 12px;
padding-left: 58px;
text-align: left;
}
.features-version-one .feature-box-info h4{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
text-align: left;
white-space: nowrap;
margin: 0;
} .features-version-two{
height: 100%;
overflow: hidden;
width: 100%;
}
.features-version-two .features-overlay {
background: rgba(0,0,0,0.6);
bottom: 0;
height: 100%;
z-index: 3;
}
.features-version-two h2 {
color: #ffffff;
}
.features-version-two p{
color: #ffffff;
}
.features-version-two .feature-item{
margin-bottom: 25px;
text-align: center;
border: solid 1px #e9e9e9;
padding: 20px 10px;
background: rgba(0, 0, 0, 0.1);
}
.features-version-two .feature-box-icon {
background: rgba(0,0,0,0);
display: inline-block;
height: 50px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 28px;
position: relative;
text-align: center;
line-height: 35px;
padding: 6px 0px 0px 2px;
font-size: 65px;
color: #fff;
}
.features-version-two .feature-box-info {
text-align: center;
}
.features-version-two .feature-box-info h4{
font-size: 18px;
font-family: 'Open Sans', sans-serif;
text-align: center;
margin: 0;
} .features-version-three{
height: 100%;
overflow: hidden;
width: 100%;
}
.features-version-three .features-overlay {
background: rgba(0,0,0,0.2);
bottom: 0;
height: 100%;
z-index: 3;
}
.features-version-three h2 {
color: #ffffff;
}
.features-version-three p{
color: #ffffff;
}
.features-version-three .feature-item{
margin-bottom: 25px;
text-align: center;
border: solid 1px rgba(255, 255, 255, 0.2);
padding: 20px 15px;
background: rgba(0, 0, 0, 0.4);
}
.features-version-three .feature-box-icon {
background: rgba(0,0,0,0);
display: inline-block;
height: 50px;
margin-right: 10px;
margin-left: 10px;
margin-bottom: 28px;
position: relative;
text-align: center;
line-height: 35px;
padding: 6px 0px 0px 2px;
font-size: 45px;
color: #fff;
}
.features-version-three .feature-box-info {
text-align: center;
}
.features-version-three .feature-box-info h4{
font-size: 16px;
font-family: 'Open Sans', sans-serif;
text-align: center;
margin: 0;
}  .portfolio-version{
background: #f4f9fc;
}
.portfolio .portfolio-version-one .col-md-6:nth-child(2n+1),
.portfolio .portfolio-version-two .col-md-6:nth-child(2n+1) { 
clear:left; 
}
.portfolio .portfolio-version-one .col-md-4:nth-child(3n+1),
.portfolio .portfolio-version-two .col-md-4:nth-child(3n+1) { 
clear:left; 
}
.portfolio .portfolio-version-one .col-md-3:nth-child(4n+1),
.portfolio .portfolio-version-two .col-md-3:nth-child(4n+1) { 
clear:left; 
}
.grid {
position: relative;
margin: 0 auto;
padding: 0;
max-width: 1000px;
list-style: none;
text-align: center;
} .grid figure {
position: relative;
float: left;
overflow: hidden;
margin: 10px 0;
width: 100%;
min-height: 240px;
background: #000;
text-align: center;
cursor: pointer;
}
.grid figure img {
width: 100%;
height: 100%;
min-height: 240px;
object-fit: cover;
position: relative;
display: block;
opacity: 0.8;
}
.grid figure figcaption::before,
.grid figure figcaption::after {
pointer-events: none;
}
.grid figure figcaption {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.grid figure figcaption > div {
width: 100%;
height: auto;
}
.grid figure figcaption > a {
position: absolute;
width: 100%;
height: 100%;
z-index: 10;
text-indent: 200%;
white-space: nowrap;
font-size: 0;
opacity: 0;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.grid figure h2 {
font-family: 'Open Sans', sans-serif;
font-weight: 600;
font-size: 20px;
color: #ffffff;
-webkit-transition: -webkit-transform 0.35s;
transition: transform 0.35s;
}
.grid figure h2 span {
font-weight: 800;
}
.grid figure h2,
.grid figure p {
margin: 0;
}
.grid figure p {
letter-spacing: 1px;
font-size: 97%;
} .portfolio-tab {
text-align: center;
}
.portfolio-tab-sorting {    
display: inline-block;
height: auto;
margin: 0;
padding: 0;
position: relative;
}
.portfolio-tab-sorting li {    
display: inline-block;
float: none;
list-style: outside none none;
margin: 8px;
padding: 0px;
}
.portfolio-tab-sorting li a{    
background: transparent;
font-family: 'Open Sans', sans-serif;
padding: 10px 17px;
font-size: 13px;
}
.portfolio-tab-sorting li a:hover {
color: #ffffff;
}
.portfolio-tab-sorting li a.active {
color: #ffffff;
} .single-view-portfolio-member {
}
.single-view-portfolio-member .portfolio_info {
margin: 0;
padding: 0;
margin-top: 11px;
list-style: none;
}
.single-view-portfolio-member .portfolio_info strong {
min-width: 150px;
display: inline-block;
}
.single-view-portfolio-member .portfolio_info li {
line-height: 30px;
}
.single-view-portfolio-member .portfolio_info strong::before {
content: "\f058";
font-family: Fontawesome;
font-size: 16px;
margin-right: 10px;
}
.single-view-portfolio-member .portfolio_button_area {
padding: 22px 0 0;
}
.portfolio-single-member {
padding: 32px;
position: relative;
z-index: 0;
border: 1px solid #e4e4e4;
border-radius: 10px;
}
.portfolio-single-member figure {
margin-bottom: 22px;
}
.portfolio-single-member figure img {
border-radius: 5px;
}  .plans-pricing{
background: #ffffff;
}
.recommended-badge {
padding: 10px;
background-color: #f5f7fa;
color: #00a3c8;
font-size: 15px;
font-weight: 600;
margin: 0 auto;
border: 1px solid #e7ebf1;
letter-spacing: 0.5px;
border-radius: 8px 8px 0 0;
}
.plans-version-one .plan {
margin-top: 41px;
overflow: hidden;
border-radius: 8px 8px 0 0;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.plans-version-one .plan.recommended {
transform: translateY(-41px);
}
.plans-version-one .plan:hover {
box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.plans-version-one .plan header {
position: relative;
text-align: center;
padding: 20px 18px;
border: 14px solid #f5f7fa;
outline: 2px solid #222222;
outline-offset: -15px;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.plans-version-one .plan.recommended header,
.plans-version-one .plan:hover header,
.plans-version-one .plan:focus-within header {
outline-color: #ffffff;
border-color: transparent;
color: #ffffff;
}
.plans-version-one .plan .sale-badge {
position: absolute;
top: -8px;
left: 0;
right: 0;
margin: 0 auto;
line-height: 1.8;
width: max-content;
display: inline-block;
vertical-align: text-bottom;
font-size: 10px;
background-color: #4dc840;
color: #ffffff;
padding: 0 7px;
border-radius: 10px;
z-index: 0;
}
.plans-version-one .plan .sale-badge.bottom {
top: unset;
bottom: -8px;
}
.plans-version-one .plan .title {
position: relative;
z-index: 0;
}
.plans-version-one .plan h2 {
font-size: 19px;
font-weight: 600;
line-height: 1.2;
padding: 0;
margin: 0;
}
.plans-version-one .plan .btn {
margin-bottom: 0;
}
.plans-version-one .plan .price {
padding: 12px 0;
}
.plans-version-one .plan .price * {
font-family: 'Open Sans', sans-serif;
line-height: 100%;
}
.plans-version-one .plan .price .amount {
font-size: 50px;
font-weight: 800;
}
.plans-version-one .plan .price .currency {
position: relative;
top: 5px;
font-size: 23px;
font-weight: 600;
vertical-align: top;
margin-right: 0;
}
.plans-version-one .plan .period {
font-size: 14px;
padding-bottom: 0;
display: inline-block;
vertical-align: baseline;
}
.plans-version-one .plan .features {
background: #F5F7FA;
padding: 0;
margin: 0;
list-style: none;
text-align: left;
}
.plans-version-one .plan .features li {
position: relative;
padding: 15px 42px;
z-index: 0;
border-top: 1px solid #e7ebf1;
}
.plans-version-one .plan .features li .fa-check {
color: #4dc840;
}
.plans-version-one .plan .features li .fa-close {
color: #e80e0e;
}
.plans-version-one .plan .features li:first-child {
border: none;
}
.plans-version-one .plan .features li i {
margin-right: 10px;
}
.plans-version-one.col-4 .plan header {
padding: 40px;
}
.plans-version-one.col-4 .plan h2 {
font-size: 18px;
}
.plans-version-one.col-4 .plan .price .amount {
font-size: 90px;
}
.plans-version-one.col-4 .plan .features {
padding: 20px 30px;
}
.plans-version-one .plan .order-now{
padding: 25px 0 20px;
}
.plans-version-one .plan .order{
background: transparent;
font-family: 'Open Sans', sans-serif; -webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.plans-version-one .plan .order:hover {
color: #ffffff;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.plans-pricing .plans-version-one .col-md-6:nth-child(2n+1){ clear:left; }
.plans-pricing .plans-version-one .col-md-4:nth-child(3n+1){ clear:left; }
.plans-pricing .plans-version-one .col-md-3:nth-child(4n+1){ clear:left; }
.plans-version-one .plan .order:hover:before,
.plans-version-three .plan .order:hover:before {
background: inherit;
} .plans-version-two .plan {
border-top-left-radius: 3px;
border-top-right-radius: 3px;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.plans-version-two .plan:hover {
box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.plans-version-two .plan header {
text-align: center;
}
.plans-version-two .plan h2 {
font-size: 20px;
font-weight: 400;
color: #ffffff;
padding: 6px 0;
margin: 0;
}
.plans-version-two .plan .btn {
margin-bottom: 0;
}
.plans-version-two .plan .price {
padding: 2px 0;
}
.plans-version-two .plan .price * {
font-family: 'Open Sans', sans-serif;
line-height: 100%;
}
.price_overlay {
background: rgba(0,0,0,0.3);
}
.plans-version-two .plan .price .amount {
font-size: 70px;
font-weight: 900;
color: #ffffff;
}
.plans-version-two .plan .price .currency {
position: relative;
top: 16px;
font-size: 24px;
vertical-align: top;
margin-right: 5px;
color: #ffffff;
}
.plans-version-two .plan .period {
font-size: 14px;
color: #ffffff;
padding-bottom: 10px;
}
.plans-version-two .plan .features {
background: #fff;
padding: 0;
border: 1px solid #e7ebf1;
border-top: none;
border-bottom-width: 2px;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
margin-top: 0;
list-style: none;
}
.plans-version-two .plan .features li {
padding: 15px 0;
border-top: 1px solid #e7ebf1;
}
.plans-version-two .plan .features li:first-child {
border: none;
}
.plans-version-two .plan .features li i {
margin-right: 10px;
}
.plans-version-two.col-4 .plan header {
padding: 40px;
}
.plans-version-two.col-4 .plan h2 {
font-size: 18px;
}
.plans-version-two.col-4 .plan .price .amount {
font-size: 90px;
}
.plans-version-two.col-4 .plan .features {
padding: 20px 30px;
}
.plans-version-two .plan .order-now{
padding: 20px 0;
}
.plans-version-two .plan .order{
background: transparent;
font-family: 'Open Sans', sans-serif;
padding: 10px 17px;
border-radius: 4px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
font-size: 13px;
font-weight: bold;
}
.plans-version-two .plan .order:hover {
color: #ffffff;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
.plans-pricing .plans-version-two .col-md-6:nth-child(2n+1){ clear:left; }
.plans-pricing .plans-version-two .col-md-4:nth-child(3n+1){ clear:left; }
.plans-pricing .plans-version-two .col-md-3:nth-child(4n+1){ clear:left; } .plans-pricing{
background: #ffffff;
}
.pricing-box{
box-shadow: 0 0 15px 5px rgba(0, 0, 0, .10);
padding: 60px 10px;
margin-bottom: 32px;
}
.pricing-head h2{
font-weight: 600;
color: #777;
font-size: 18px;
margin-bottom: 20px;
}
.pricing-head h3{
font-size: 55px;
font-weight: 700;
margin-bottom: 30px;
font-family: 'Open Sans', sans-serif;
}
.pricing-head h3 span{
display: block;
font-size: 12px;
text-transform: uppercase;
color: #777;
letter-spacing: 0;
margin-top: 10px;
}
.pricing-details{
margin-bottom: 30px;
}
ul.pricing-details {
list-style: none;
}
.pricing-box .default-btn{
background-color:transparent;
-webkit-animation: pulse 1s;
animation: pulse 1s;
box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
line-height: 45px;
display: inline-block;
padding: 0 25px;
font-size: 14px;
font-weight: 600;
}
.pricing-box .default-btn:hover {
color: #fff;
-webkit-animation: pulse 1s;
animation: pulse 1s;
box-shadow: 0 0 0 2em rgba(255, 255, 255, 0);
}
@-webkit-keyframes pulse {
0% {
box-shadow: 0 0 0 0 var(--hover);
}
}
@keyframes pulse {
0% {
box-shadow: 0 0 0 0 var(--hover);
}
}
.plans-pricing .col-md-6:nth-child(2n+1){ clear:left; }
.plans-pricing .col-md-4:nth-child(3n+1){ clear:left; }
.plans-pricing .col-md-3:nth-child(4n+1){ clear:left; }  #unique-testimonial .owl-carousel {
z-index: 0;
}
.testimonial-one {}
.testimonial-one .section-heading,
.testimonial-one .section-description {
color: #ffffff;
}
.testimonial-one .background-overlay {
background: rgba(0,0,0,0.6);
bottom: 0;
height: 100%;
z-index: 3;
}
.testimonials h2 {
color: #ffffff;
}
.testimonials h2 span {
color: #e84c3d;
}
.testimonials p {
color: #ffffff;
}
.testimonials .testimonial-box .quotes {
position: absolute;
top: 20px;
right: 20px;
width: 59px;
height: 69px;
display: inline-block;
text-align: right;
font-size: 25px;
margin-bottom: 0;
opacity: 0.72;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/dottedShape.png) no-repeat center center /  100% rgb(255 255 255 / 0.72);
background-blend-mode: overlay;
z-index: -1;
}
.testimonial_rating {
margin-top: 12px;
font-size: 15px;
color: #f6b91c;
}
.testimonial_rating ul {
margin: 0;
padding: 0;
list-style: none;
}
.testimonial_rating li {
display: inline-block;
}
.testimonials .testimonial-box {
width: 100%;
position: relative;
padding: 40px 35px;
border-radius: 10px;
border-bottom-left-radius: 0px;
z-index: 0;
background-color: white;
box-shadow: 0px 7px 24px 0px rgb(2 55 156 / 20%);
}
.testimonials .testimonial-box:after {
content: "";
position: absolute;
left: 0px;
bottom: -45px;
z-index: 1;
border-left: 0px solid transparent;
border-right: 50px solid transparent;
border-top: 45px solid #fff;
filter: drop-shadow(0px 20px 13px rgba(2, 55, 156, 0.2));
}
.testimonial-image {
margin-top: 30px;
padding-left: 30px;
position: relative;
z-index: 0;
}
.testimonial-image:after {
content: "";
display: table;
clear: both;
}
.testimonials .testimonial-image footer {
margin-top: 5px;
}
.testimonials .testimonial-image img {
width: 65px;
height: 65px;
float: left;
border-radius: 100%;
margin-right: 15px;
overflow: hidden;
border: 5px solid #ffffff;
box-shadow: 0px 7px 6px 0px rgb(0 15 44 / 19%), inset -1px 0px 27px 0px rgb(0 0 0 / 29%);
}
.testimonials .testimonial-image .testimonial-name {
font-size: 20px;
font-weight: 600;
color: #ffffff;
}
.testimonials .testimonial-image .testimonial-designation {
font-size: 15px;
color: #ffffff;
}
.testimonials .testimonial-box p {
color: #747474;
padding: 0;
margin: 0;
font-size: 16px;
}
.testimonials .testimonial-box footer{
border-top: solid 1px #eae8e8;
padding-top: 10px;
}
.testimonials .testimonial-box footer .testimonial-name{
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
.testimonials .testimonial-box footer .testimonial-designation{
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}
.testimonial-one .testimonial-version-one .owl-dots {
position: relative;
margin-top: 30px;
text-align: center;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.testimonial-one .testimonial-version-one .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
display: inline;
}
#unique-testimonial .owl-carousel .owl-dots .owl-dot:not(.active):not(:hover) span {
border-color: #ffffff;
} .testimonial-two{
}
.testimonial-two .background-overlay {
background: rgba(0,0,0,0.6);
bottom: 0;
height: 100%;
z-index: 3;
}
.testimonial-two h2 {
color: #ffffff;
}
.testimonial-two p{
color: #ffffff;
}
.testimonial-two .testimonial-version-two .item .testimonial-box{
width: 75%;
margin: 0 auto;
background: #ffffff;
border-radius: 1px;
box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
}
.testimonial-two .testimonial-version-two .item .testimonial-image {
position: relative;
width: 80px;
height: 80px;
border-radius: 50%;
background: #f2dede;
margin: 0 auto;
top: 36px;
}
.testimonial-two .testimonial-version-two .item .testimonial-image img{
width: 80px;
height: 80px;
}
.testimonial-two .testimonial-version-two .item .testimonial-box p{
color: #747474;
padding: 0 16px;
text-align: left;
font-size: 16px;
line-height: 22px;
}
.testimonial-two .testimonial-version-two .item .testimonial-box footer{
padding-top: 10px;
}
.testimonial-two .testimonial-version-two .item .testimonial-box footer .testimonial-name{
font-size: 15px;
font-family: 'Open Sans', sans-serif;
}
.testimonial-two .testimonial-version-two .item .testimonial-box footer .testimonial-designation{
font-size: 13px;
font-family: 'Open Sans', sans-serif;
}
.testimonial-two .testimonial-version-two .owl-dots {
position: relative;
margin-top: 10px;
text-align: center;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.testimonial-two .testimonial-version-two .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline;
}
.testimonial-version-two .owl-dots .owl-dot span{
margin: 5px;
background: #ffffff;
padding: 3px 10px;
border-radius: 4px;
-webkit-backface-visibility: visible;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
display: block;
} .testimonial-four{
}
.testimonial-four .background-overlay {
background: rgba(0,0,0,0.6);
bottom: 0;
height: 100%;
z-index: 3;
}
.testimonial-four h2 {
color: #ffffff;
}
.testimonial-four p{
color: #ffffff;
}
.testimonial-four .testimonial-version-four .item img {
border: 3px solid #ffffff;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
display: inline-block;
font-size: 35px;
height: 100px;
line-height: 100px;
margin-bottom: 20px;
position: relative;
text-align: center;
width: 100px;
z-index: 1;
padding: 5px;
}
.testimonial-four .testimonial-version-four .item span {
color: #ffffff;
font-size: 16px;
}
.testimonial-four .testimonial-version-four .item h4 {
font-weight: 700;
margin: 25px 0 0;
font-size: 18px;
}
.testimonial-four .testimonial-version-four .site-heading h2 {
color: #ffffff;
}
.testimonial-four .testimonial-version-four .site-heading h2::after {
background: #ffffff none repeat scroll 0 0;
}
.testimonial-four .testimonial-version-four .site-heading {
margin-bottom: 30px;
}
.testimonials-area .testimonial-items .owl-dots {
margin-top: 20px !important;
}
.testimonials-area .testimonial-items .owl-dots span {
background: #ffffff none repeat scroll 0 0;
border-radius: inherit;
height: 4px;
width: 30px;
margin: 0 7px;
}
.testimonial-four .testimonial-version-four .owl-controls .owl-theme .owl-dots .owl-dot {
display: inline-block;
zoom: 1;
*display: inline
}
.testimonial-four .testimonial-version-four .owl-controls .owl-dots .owl-dot span{
margin: 3px;
background: transparent;
padding: 3px;
border-radius: 50%;
border: 2px solid #fff;
-webkit-backface-visibility: visible;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
display: block;
}
.testimonial-four .testimonial-version-four .owl-controls .owl-dots .owl-dot.active span {
padding: 3px;
}
.owl-theme .owl-controls .owl-nav .disabled {
opacity: .5;
cursor: default
}  .latest-blog {
background: #ffffff;
}
.blog-version-1{
}
.blog-version-1 article {
background: #fbfbfb;
border: 1px solid #f5f6f8;
padding-bottom: 37px;
margin-bottom: 30px;
}
.blog-version-1 article:hover footer.entry-footer{
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.blog-version-1 header.entry-header{
padding: 10px 20px;
}
.blog-version-1 footer.entry-footer {
font-size: 13px;
color: #ffffff;
padding: 10px 20px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.blog-version-1  h2.entry-title {
line-height: 24px;
}
.blog-version-1 h2.entry-title a {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #203143;
}
.post_date {
position: absolute;
background: rgba(0,0,0,0.5);
height: 70px;
z-index: 999;
color: #fff;
font-size: 35px;
padding: 15px;
font-weight: 700;
text-align: center;
}
.post_date .date{
display: block;
font-size: 20px;
line-height: 24px;
padding: 0;
}
.post_date h6 {
font-size: 14px;
font-weight: lighter;
line-height: 20px;
margin: 0px;
text-align: center;
color: #ffffff;
} .latest-blog {
background: #ffffff;
}
.blog-version-3{
}
.blog-version-3 article {
padding-bottom: 37px;
margin-bottom: 30px;
box-shadow: 0px 15px 16px 0px rgba(0, 0, 0, 0.08);
}
.blog-version-3 article:hover footer.entry-footer{
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.blog-version-3 header.entry-header{
padding: 10px 20px;
}
.blog-version-3 footer.entry-footer {
font-size: 13px;
color: #ffffff;
padding: 10px 20px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.blog-version-3  h2.entry-title {
line-height: 24px;
}
.blog-version-3 h2.entry-title a {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
color: #203143;
}
.post_date {
position: absolute;
background: rgba(0,0,0,0.5);
height: 70px;
z-index: 0;
color: #fff;
font-size: 35px;
padding: 15px;
font-weight: 700;
text-align: center;
}
.post_date .date{
display: block;
font-size: 20px;
line-height: 24px;
padding: 0;
}
.post_date h6 {
font-size: 14px;
font-weight: lighter;
line-height: 20px;
margin: 0px;
text-align: center;
}  .client-one .item {
position: relative;
z-index: 0;
}
.client-image {
position: relative;
min-height: 130px;
max-height: 150px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid transparent;
transition: all 0.3s ease;
z-index: 0;
}
.client-image img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all .3s cubic-bezier(0,0,.2,1)0s;
transition: all .3s cubic-bezier(0,0,.2,1)0s;
cursor: pointer;
}
.client-image:hover img:nth-child(1),
.client-image:focus-within img:nth-child(1) {
-webkit-transform: translateY(100%);
-khtml-transform: translateY(100%);
-moz-transform: translateY(100%);
-ms-transform: translateY(100%);
-o-transform: translateY(100%);
transform: translateY(100%);
opacity: 0;
}
.client-image img:nth-child(2) {
position: absolute;
max-width: 80%;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-150%);
transform: translate(-50%,-150%);
opacity: 0;
}
.client-image:hover img:nth-child(2),
.client-image:focus-within img:nth-child(2) {
-webkit-transform: translate(-50%,-50%);
-khtml-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
opacity: 1;
}
.client-image:hover img,
.client-image:focus-within img {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.client-image img:nth-child(1) {
opacity: .6;
}
.client-one a {
display: block;
padding: 3px;
}
.client-one a:hover .client-image,
.client-one a:focus .client-image {
border-color: #dedede;
}
.client-one .item:before, .client-one .item:after,
.client-one .client-image:before, .client-one .client-image:after {
content: '';
position: absolute;
width: 0;
height: 0;
z-index: 1;
opacity: 0;
border: 0 solid #222222;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
-o-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.client-one .item:before {
bottom: 0;
left: 0;
border-left-width: 1px;
border-bottom-width: 1px;
}
.client-one .item:after {
top: 0;
left: 0;
border-left-width: 1px;
border-top-width: 1px;
}
.client-one .client-image:before {
bottom: 0;
right: 0;
border-right-width: 1px;
border-bottom-width: 1px;
}
.client-one .client-image:after {
top: 0;
right: 0;
border-right-width: 1px;
border-top-width: 1px;
}
.client-one a:hover .item:before,
.client-one a:focus .item:before,
.client-one a:hover .item:after,
.client-one a:focus .item:after,
.client-one a:hover .client-image:before,
.client-one a:focus .client-image:before,
.client-one a:hover .client-image:after,
.client-one a:focus .client-image:after {
width: 11%;
height: 15%;
opacity: 1;
}
.client-version-one{
}
.client-version-one .background-overlay {
background: rgba(0,0,0,0.6);
bottom: 0;
height: 100%;
z-index: 3;
}
.client-one p{
color: #747474;
}
.client-one .owl-dots {
position: relative;
margin-top: 20px;
text-align: center;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.client-version-one .owl-controls .owl-dots .owl-dot span{
margin: 5px;
background: #1c314c;
padding: 0;
-webkit-backface-visibility: visible;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
display: block;
}
.client-version-one .client-one .item .client-image {
padding: 20px;
} .client-version-two{
}
.client-version-two .background-overlay {
background: rgba(0,0,0,0.6);
bottom: 0;
height: 100%;
z-index: 3;
}
.client-two p{
color: #747474;
}
.client-two .owl-dots {
position: relative;
margin-top: 10px;
text-align: center;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.client-version-two .owl-controls .owl-dots .owl-dot span{
margin: 5px;
background: #1c314c;
padding: 3px 10px;
-webkit-backface-visibility: visible;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
display: block;
}
.client-version-two .client-two .item .client-image {
padding: 20px;
background: #fff;
border: solid 1px #eee;
}
.client-version-two .owl-dots .owl-dot span {
border-radius: 4px;
}  .feature{
background: #203143;
} [class*='call-to-action-'] .background-overlay {
background-repeat: no-repeat;
background-blend-mode: overlay;
background-size: cover;
background-position: center;
position: relative;
z-index: 0;
}
.cta-icon-wrap {
display: flex;
align-items: center;
justify-content: flex-start;
}
.cta-icon-wrap .call-icon-box {
width: 70px;
height: 70px;
line-height: 70px;
text-align: center;
color: #ffffff;
border-radius: 100%;
font-size: 28px;
margin-right: 0;
}
.cta-icon-wrap .call-icon-box:after,
.cta-icon-wrap .call-icon-box:before {
display: none;
}
.cta-icon-wrap .cta-bg {
border: 1px solid rgb(255 255 255 / 0.075);
overflow: hidden;
border-radius: 100%;
position: relative;
left: -12px;
width: 70px;
height: 70px;
z-index: 0;
}
.call-wrapper {
display: inline-flex;
align-items: center;
min-height: 45px;
font-size: 15px;
color: #ffffff;
}
.call-wrapper a {
font-weight: 600;
border-bottom: 1px solid #ffffff;
}
.call-wrapper a:focus, .call-wrapper a:hover {
border-bottom-style: dotted;
border-bottom-color: inherit;
}
.call-icon-box {
width: 55px;
height: 55px;
line-height: 55px;
text-align: center;
background-color: #222222;
border-radius: 50%;
position: relative;
font-size: 23px;
margin-right: 12px;
}
.call-icon-box:before,
.call-icon-box:after {
position: absolute;
content: '';
left: 0;
top: 0;
height: 100%;
width: 100%;
border-radius: 50%;
border: 1px solid #222222;
z-index: 1;
opacity: 0;
}
.call-icon-box:before {
-webkit-animation: pulse_border-2 1.5s linear infinite;
animation: pulse_border-2 1.5s linear infinite;
}
.call-icon-box:after {
-webkit-animation: pulse_border 1s linear infinite;
animation: pulse_border 1s linear infinite;
}
@keyframes pulse_border{0%{transform:scale(1);-webkit-transform:scale(1);opacity:1}100%{transform:scale(1.3);-webkit-transform:scale(1.3);opacity:0}}
.cta-info {
display: inline-block;
text-align: left;
}
.call-to-action-one .background-overlay {
background-color: #222222;
height: 100%;
}
.call-to-action-one .background-overlay .row {
min-height: 150px;
}
.flexing, .call-to-action-thirteen .background-overlay .row,
.call-to-action-twelve .background-overlay .row,
.call-to-action-eleven .background-overlay .row,
.call-to-action-ten .background-overlay .row,
.call-to-action-nine .background-overlay .row,
.call-to-action-eight .background-overlay .row,
.call-to-action-five .background-overlay .row,
.call-to-action-four .background-overlay .row,
.call-to-action-three .background-overlay .row,
.call-to-action-two .background-overlay .row,
.call-to-action-one .background-overlay .row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
.flexing.flexing-btn {
justify-content: space-evenly;
}
.flexing.flexing-end {
justify-content: flex-end;
}
.flexing.flexing-start {
justify-content: flex-start;
}
.call-to-action-one h2 span.rotate {
position: relative;
z-index: 0;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/bottom_sign.png) no-repeat right bottom;
background-size: auto;
padding-bottom: 16px;
}
.call-to-action-one h2 {
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
color: #ffffff;
padding-top: 3px;
margin: 0 0 13px;
}
.call-to-action-one .cta-or,
.call-wrapper a,
.call-to-action-one p,
.call-to-action-one h2 span {
color: #ffffff;
}
.call-to-action-one .cta-or {
margin: 0 8px;
}
.call-to-action-one .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-one .call-btn-1:hover{
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-two .call-btn-2.bt-effect-2:before,
.call-to-action-one .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
} .call-to-action-two .call-wrapper {
margin-right: 8px;
font-size: 17px;
}
.call-to-action-two .call-wrapper a:hover,
.call-to-action-two .call-wrapper a:focus {
color: #ffffff;
}
.call-to-action-two .cta-or {
display: inline-block;
width: 25px;
height: 25px;
line-height: 22px;
text-align: center;
border-radius: 50%;
font-size: 15px;
color: #ffffff;
background-color: #222222;
margin: 0 12px 0 6px;
}
.call-to-action-two .background-overlay {
height: 100%;
background-size: cover;
background-blend-mode: multiply;
}
.call-to-action-two h2 {
font-family: 'Raleway', sans-serif;
font-size: 30px;
font-weight: 800;
color: #ffffff;
padding-top: 3px;
margin: 0 0 13px;
}
.call-to-action-two p {
font-size: 16px;
color: #ffffff;
margin-bottom: 0;
}
.call-to-action-two h2 span {
color: #ffffff;
}
.call-to-action-two .call-btn-2 {
background: none;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
border: 2px solid #ffffff;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-two .call-btn-2:hover{
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
} .call-to-action-three .background-overlay {
overflow: hidden;
}
.call-to-action-three .background-overlay .row {
position: relative;
height: 100%;
min-height: 200px;
z-index: 0;
}
.call-to-action-three .background-overlay .row:after {
content: '';
background-image: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/bg-line.png);
background-repeat: repeat;
background-position: top left;
background-blend-mode: multiply;
position: absolute;
top: 0;
left: 0;
width: calc(100% + 1000px);
height: 100%;
z-index: -1;
}
.call-to-action-three .cta-bg {
width: 100%;
height: 100%;
display: block;
}
.call-to-action-three .cta-bg img {
min-height: 250px;
object-fit: cover;
}
.call-to-action-three .call-wrapper {
margin-left: 5px;
}
.call-to-action-three h2 {
font-size: 23px;
font-weight: 400;
line-height: 1.5;
color: #ffffff;
padding-top: 0;
margin: 0 0 6px;
}
.call-to-action-three p {
font-size: 27px;
line-height: 1.2;
color: #ffffff;
margin-bottom: 0;
font-weight: 700;
}
.call-to-action-three .cta-or,
.call-to-action-three h2 span{
color: #ffffff;
}
.call-to-action-three .cta-or {
margin: 0 6px 0 10px;
font-size: 16px;
font-weight: 500;
}
.call-to-action-three .call-btn-1 {
font-family: 'Open Sans', sans-serif;
display: inline-block;
color: #ffffff;
background: #222222;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-three .bt-effect-2:before {
background: #ffffff;
}
.call-to-action-three .call-btn-1:hover{
color: #222222;
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-three .call-wrapper a:focus,
.call-to-action-three .call-wrapper a:hover {
color: #ffffff;
}
@media (min-width: 1200px) {
.call-to-action-three .background-overlay .container {
width: 1170px;
}
}
@media (max-width: 991px) {
.call-to-action-three .cta-bg img {
max-height: 200px;
}
.call-to-action-three .background-overlay .row {
padding: 25px 0;
}
.call-to-action-three [class^='col-md-'] {
padding: 0 25px;
}
.call-to-action-three [class^='col-md-'], .call-to-action-three [class^='col-md-'] img {
width: 100%;
text-align: left;
justify-content: flex-start;
}
.call-to-action-three [class^='col-md-'] p {
margin-bottom: 0;
}
} .call-to-action-four .background-overlay {
background-color: #222222;
background-size: cover;
}
.call-to-action-four h2 {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
padding-top: 0;
margin: 0 0 6px;
}
.call-to-action-four p {
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-bottom: 0;
}
.call-to-action-four h2 span{
color: #ffffff;
}
.call-to-action-four .call-btn-3 {
background: transparent;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
border: 2px solid #ffffff;
margin-left: 10px;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-four .call-btn-3:hover{
color: inherit;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-four .call-btn-3.bt-effect-2:before {
background-color: #ffffff;
}
.call-to-action-four .cta-bg img {
height: 100%;
object-fit: cover;
}
.call-to-action-four .call-phone {
font-size: 20px;
}
.ca-menu{
padding: 0;
width: 100%;
}
.ca-menu{
height: 100px;
float: left;
overflow: hidden;
display: block;
margin-bottom: 4px;
-webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
-o-transition: all 300ms ease-in-out;
-ms-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.ca-menu:last-child{
margin-bottom: 0px;
}
.ca-menu a{
text-align: left;
display: block;
width: 100%;
height: 100%;
color: #333;
position:relative;
}
.ca-icon{
font-size: 27px;
color: #ffffff;
line-height: 103px;
position: absolute;
left: 15px;
text-align: center;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.ca-content{
position: absolute;
left: 60px;
margin:0;
padding: 20px 0;
}
.ca-main{
font-size: 20px;
color: #ffffff;
margin:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear;
}
.ca-sub{
font-size: 14px;
line-height: 14px;
color: #ffffff;
margin:0;
-webkit-transition: all 300ms linear;
-moz-transition: all 300ms linear;
-o-transition: all 300ms linear;
-ms-transition: all 300ms linear;
transition: all 300ms linear; 
}
.ca-menu:hover{
background: transparent;
}
.ca-menu:hover .ca-icon{
color: #e84c3d;
text-shadow: 0px 0px 1px #e84c3d;
font-size: 40px;
}
.ca-menu:hover .ca-main{
color: #e84c3d;
font-size: 14px;
}
.ca-menu:hover .ca-sub{
color: #fff;
font-size: 20px;
} .call-to-action-five .background-overlay {
background-color: #222222;
background-size: cover;
}
.call-to-action-five h2 {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
padding-top: 0;
margin: 0 0 6px;
}
.call-to-action-five p {
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-bottom: 20px;
padding-bottom: 12px;
border-bottom: 2px dashed rgb(255 255 255 / 0.5);
}
.call-to-action-five h2 span{
color: #00a3c8;
}
.call-to-action-five .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
margin-top: 12px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-five .call-btn-1:hover{
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-five .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
}
.call-to-action-five .call-icon-box {
width: 45px;
height: 45px;
line-height: 45px;
}
.call-to-action-five .call-title {
display: inline-block;
border-bottom: 1px solid rgb(255 255 255 / 0.5);
margin-bottom: 5px;
line-height: 1.2;
font-weight: 600;
}
.call-to-action-five .call-phone {
font-size: 20px;
}
.call-to-action-five .call-phone a:not(:hover):not(:focus) {
border-bottom-color: transparent;
}
.call-to-action-five .cta-or {
display: inline-block;
font-size: 18px;
text-align: center;
font-weight: 700;
color: #ffffff;
margin: 0 15px 0 10px;
}
@media (max-width: 548px) {
.call-to-action-five .cta-or {
display: block;
margin: 8px 0;
text-align: left;
}
} .call-to-action-six .background-overlay {
overflow: hidden;
}
.call-to-action-six h2 {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
padding-top: 0;
margin: 0 0 6px;
}
.call-to-action-six p {
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-bottom: 0;
}
.call-to-action-six h2 span {
color: #00a3c8;
}
.cta-img-overlay {
display: flex;
align-items: center;
justify-content: flex-end;
flex-wrap: wrap;
position: relative;
z-index: 0;
min-height: 176px;
}
.call-to-action-six .cta-bg {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: calc(100% + 250px);
height: 100%;
min-height: 176px;
transform: skewX(-20deg);
padding: 0 25px;
overflow: hidden;
z-index: -1;
}
.call-to-action-six .cta-bg div {
width: 100%;
height: 100%;
min-height: 176px;
background-size: cover;
background-position: top left;
background-color: #222222;
background-blend-mode: overlay;
}
.call-to-action-six .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
margin-top: 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-six .call-btn-1:hover {
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-six .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
}
.call-to-action-six .call-icon-box {
width: 45px;
height: 45px;
line-height: 45px;
}
.call-to-action-six .call-title {
display: inline-block;
border-bottom: 1px solid rgb(255 255 255 / 0.5);
margin-bottom: 5px;
line-height: 1.2;
font-weight: 600;
}
.call-to-action-six .call-phone {
font-size: 20px;
}
.call-to-action-six .call-phone a:not(:hover):not(:focus) {
border-bottom-color: transparent;
}
.call-to-action-six .cta-or {
display: inline-block;
font-size: 18px;
text-align: center;
font-weight: 700;
color: #ffffff;
margin: 0 15px 0 12px;
}
@media (max-width: 991px) {
.call-to-action-six .col-md-6.padding-top-25.padding-bottom-25 {
z-index: 1;
}
.call-to-action-six[class*='call-to-action-'] p {
margin-bottom: 0;
}
.call-to-action-six .cta-img-overlay {
width: 100%;
min-height: auto;
justify-content: flex-start;
position: unset;
padding: 15px 15px 30px;
}
.call-to-action-six .cta-bg {
top: 0;
right: 0;
width: 100%;
height: 100%;
min-height: 100%;
transform: skewX(0deg);
padding: 0;
z-index: -1;
}
}
@media (max-width: 600px) {
.call-to-action-six .cta-or {
display: none;
}
.call-to-action-six .call-wrapper {
width: 100%;
margin-bottom: 15px;
}
} .call-to-action-seven .background-overlay {
overflow: hidden;
}
.call-to-action-seven h2 {
font-family: 'Open Sans', sans-serif;
font-size: 30px;
font-weight: 700;
line-height: 1.2;
color: #ffffff;
padding-top: 0;
margin: 0 0 6px;
}
.call-to-action-seven p {
font-size: 16px;
line-height: 24px;
color: #ffffff;
margin-bottom: 0;
}
.call-to-action-seven h2 span {
color: #00a3c8;
}
.call-to-action-seven .cta-img-overlay {
justify-content: space-around;
}
.call-to-action-seven .cta-bg {
position: absolute;
top: 0;
right: 0;
width: calc(100% + 250px);
height: 100%;
min-height: 176px;
overflow: hidden;
z-index: -1;
}
.call-to-action-seven .cta-bg div {
width: 100%;
height: 100%;
min-height: 176px;
background-size: cover;
background-position: top left;
background-color: #222222;
background-blend-mode: overlay;
}
.call-to-action-seven .call-btn-1 {
background: transparent;
color: #ffffff;
font-family: 'Open Sans', sans-serif;
border: 2px solid #ffffff;
display: inline-block;
margin-top: 0;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-seven .call-btn-1:hover{
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-seven .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
}
.call-to-action-seven .call-icon-box {
width: 50px;
height: 50px;
line-height: 2.35;
background-color: #ffffff;
position: absolute;
left: -23px;
}
.call-to-action-seven .call-icon-box:after,
.call-to-action-seven .call-icon-box:before {
border-color: #ffffff;
}
.call-to-action-seven .call-title {
display: inline-block;
border-bottom: 1px solid rgb(255 255 255 / 0.5);
margin-bottom: 5px;
line-height: 1.2;
font-weight: 600;
}
.call-to-action-seven .call-phone {
font-size: 20px;
}
.call-to-action-seven .call-phone a:not(:hover):not(:focus) {
border-bottom-color: transparent;
}
.call-to-action-seven .cta-or {
display: inline-block;
font-size: 18px;
text-align: center;
font-weight: 700;
color: #ffffff;
margin: 0 15px 0 12px;
}
.call-to-action-seven .call-wrapper a:focus,
.call-to-action-seven .call-wrapper a:hover {
color: inherit;
}
@media (max-width: 991px) {
.call-to-action-seven .flexing.flexing-btn {
padding-bottom: 25px;
padding-top: 0;
text-align: center;
margin: auto;
}
.call-to-action-seven[class*='call-to-action-'] p {
margin-bottom: 0;
}
.call-to-action-seven .cta-or {
display: none;
}
.call-to-action-seven .call-btn-1 {
margin-left: 10px;
}
.call-to-action-seven .cta-img-overlay {
width: 100%;
text-align: center;
align-content: center;
}
.call-to-action-seven .cta-bg {
display: none;
}
.call-to-action-seven .call-icon-box {
position: relative;
left: 0;
}
}
@media (max-width: 444px) {
.call-to-action-seven .call-wrapper {
margin-bottom: 16px;
width: 100%;
justify-content: center;
}
.call-to-action-seven .call-btn-1 {
margin-left: 0;
}
} .call-to-action-eight .background-overlay {
background-color: #222222;
height: 100%;
}
.call-to-action-eight h2 span.rotate {
position: relative;
z-index: 0;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/bottom_sign.png) no-repeat right bottom;
background-size: auto;
padding-bottom: 16px;
}
.call-to-action-eight h2 {
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
color: #ffffff;
padding-top: 3px;
margin: 0 0 13px;
}
.call-to-action-eight .cta-or,
.call-to-action-eight p,
.call-to-action-eight h2 span {
color: #ffffff;
}
.call-to-action-eight .cta-or {
margin: 0 8px;
}
.call-to-action-eight .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-eight .call-btn-1:hover {
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-eight .call-wrapper {
width: 100%;
justify-content: flex-end;
margin-bottom: 15px;
}
.call-to-action-eight .call-wrapper a {
background: none;
transform: translateY(0);
border: 2px solid transparent;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-eight .call-wrapper a:hover {
background: #ffffff;
border-color: #ffffff;
}
.call-to-action-eight .cta-border-left a:before {
background-color: #ffffff;
}
.call-to-action-eight .cta-border-left {
position: relative;
overflow: hidden;
z-index: 0;
border-left: 2px solid rgb(255 255 255 / 0.6);
}
.call-to-action-eight .cta-border-left:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
left: -6px;
margin: auto;
width: 12px;
height: 12px;
background-color: rgb(255 255 255 / 0.6);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
z-index: -1;
}
@media (max-width: 991px) {
.call-to-action-eight .call-wrapper {
width: auto;
margin-bottom: 0;
}
.call-to-action-eight .cta-border-left {
width: 100%;
padding-top: 15px;
border-top: 2px solid rgb(255 255 255 / 0.6);
border-left: 0;
}
.call-to-action-eight .cta-border-left:after {
top: -7px;
bottom: auto;
left: 0;
right: 0;
}
} .call-to-action-nine .background-overlay {
padding: 0 40px;
background-blend-mode: multiply;
}
.call-to-action-nine .background-overlay .row {
min-height: 90px;
}
[class*='call-to-action-'] p:empty {
display: none;
}
.call-to-action-nine .cta-icon-wrap .cta-bg {
left: 0;
width: 125px;
height: 125px;
}
.call-to-action-nine .cta-icon-wrap .cta-bg img {
width: 100%;
height: 100%;
object-fit: cover;
}
.call-to-action-nine h6 {
margin-bottom: 0;
}
.call-to-action-nine h6 p {
font-size: 22px;
color: #ffffff;
font-weight: 600;
line-height: 1.15;
}
@media (min-width: 992px) {
.call-to-action-nine .cta-icon-wrap {
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.call-to-action-nine .the_content {
padding-left: 160px;
}
}
@media (max-width: 991px) {
.call-to-action-nine h6 p {
margin-bottom: 15px;
}
.call-to-action-nine .background-overlay {
padding: 0 15px;
}
.call-to-action-nine .background-overlay, .call-to-action-nine .background-overlay * {
text-align: center;
margin-left: auto;
margin-right: auto;
}
}
.call-to-action-nine h2 {
font-family: 'Raleway', sans-serif;
font-size: 34px;
font-weight: 800;
padding: 0;
margin: 0;
color: #ffffff !important;
}
.call-to-action-nine h2 i {
font-size: 110%;
margin-right: 3px;
vertical-align: baseline;
}
.call-to-action-nine .call-btn-1 {
color: #ffffff;
background-color: #222222;
border-color: #222222;
font-family: 'Open Sans', sans-serif;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-nine .call-btn-1:not(:hover) {
background-color: #222222 !important;
border-color: #222222 !important;
}
.call-to-action-nine .call-btn-1:hover {
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-nine .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
}
@media (max-width: 991px) {
.call-to-action-nine h2 {
margin-bottom: 13px;
}
} .call-to-action-ten .background-overlay {
background-color: #222222;
height: 100%;
}
.call-to-action-ten .background-overlay .row {
min-height: 250px;
align-content: center;
}
.call-to-action-ten .col-md-9, .call-to-action-ten .col-md-3 {
width: 100%;
text-align: center;
}
.call-to-action-ten h2 {
font-family: 'Raleway', sans-serif;
font-size: 26px;
font-weight: 800;
color: #ffffff;
padding-top: 3px;
margin: 0 0 20px;
}
.call-to-action-ten h2 span.rotate {
text-decoration: underline;
}
.call-to-action-ten p {
font-size: 18px;
font-weight: 600;
}
.call-to-action-ten .rating {
margin-bottom: 16px;
color: #ffbc00;
font-size: 18px;
}
.call-to-action-ten .rating i {
display: inline-block;
margin: 0 2px;
}
.call-to-action-ten .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-ten .call-btn-1:hover {
background-color: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-ten .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
} .call-to-action-eleven .background-overlay {
background-color: rgb(255 255 255 / 92%);
height: 100%;
}
.call-to-action-eleven .background-overlay .row {
min-height: 250px;
align-content: center;
}
.call-to-action-eleven .col-md-9, .call-to-action-eleven .col-md-3 {
width: 100%;
text-align: center;
justify-content: center;
}
.call-to-action-eleven h2 {
position: relative;
padding-bottom: 20px;
margin-bottom: 35px;
}
.call-to-action-eleven h2:after {
content: '';
position: absolute;
bottom: 0;
border-bottom-width: 4px;
border-bottom-style: dotted;
width: 20px;
left: 0;
right: 0;
margin: auto;
z-index: 0;
}
.call-to-action-eleven .subtitle {
font-size: 75%;
font-weight: 500;
margin-bottom: 6px;
}
.call-to-action-eleven .subtitle span {
color: #393939;
text-transform: capitalize;
}
.call-to-action-eleven .call-wrapper {
margin-right: 12px;
}
.call-to-action-eleven .cta-or {
margin-right: 12px;
}
.call-to-action-eleven .call-icon-box {
width: 45px;
height: 45px;
line-height: 45px;
}
.call-to-action-eleven .call-title,
.call-to-action-eleven .call-phone a {
color: #222222;
}
.call-to-action-eleven .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-eleven .call-btn-1:hover {
color: #ffffff;
background-color: #222222;
border-color: #222222;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
@media (max-width: 575px) {
.call-to-action-eleven .call-wrapper,
.call-to-action-eleven .call-btn-1 {
margin-top: 12px;
}
} .call-to-action-twelve .background-overlay {
background-color: #222222;
height: 100%;
}
.call-to-action-twelve h2 {
font-family: 'Raleway', sans-serif;
font-size: 30px;
font-weight: 500;
color: #ffffff;
padding-top: 3px;
margin: 0 0 13px;
}
.call-to-action-twelve h2 span {
font-weight: 800;
}
.call-to-action-twelve .flexing.flexing-btn {
justify-content: flex-end;
}
.call-to-action-twelve .call-btn-1 {
margin-left: 15px;
}
.call-to-action-twelve .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-twelve .call-btn-1:hover {
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-twelve .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
}
.call-to-action-twelve .call-phone, .call-to-action-twelve .call-phone a {
font-size: 30px;
border-bottom: none;
} .call-to-action-thirteen .background-overlay {
background-color: #222222;
height: 100%;
}
.call-to-action-thirteen h2 {
font-family: 'Raleway', sans-serif;
font-size: 30px;
font-weight: 500;
color: #ffffff;
padding-top: 3px;
margin: 0 0 13px;
}
.call-to-action-thirteen h2 span {
font-weight: 800;
}
.call-to-action-thirteen .flexing.flexing-btn {
justify-content: flex-end;
}
.call-to-action-thirteen .call-btn-1 {
margin-left: 15px;
}
.call-to-action-thirteen .call-btn-1 {
color: #ffffff;
font-family: 'Open Sans', sans-serif;
display: inline-block;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-thirteen .call-btn-1:hover {
background: #ffffff;
border-color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.call-to-action-thirteen .call-btn-1.bt-effect-2:before {
background-color: #ffffff;
}
.call-to-action-thirteen .call-phone, .call-to-action-thirteen .call-phone a {
font-size: 30px;
border-bottom: none;
}  .footer-sidebar{
}
.footer-sidebar .background-overlay .row.padding-top-60.padding-bottom-30 .row {
margin: 0;
}
.footer-sidebar p {
color: #ffffff;
}
.footer-sidebar .background-overlay {
opacity: 0.9;
bottom: 0;
height: 100%;
z-index: 3;
}  .footer-copyright, .footer-copyright p {
color: #ffffff;
line-height: 39px;
}
.footer-copyright .copyright-text a {
text-decoration: underline;
text-underline-offset: 1px;
line-height: 39px;
}
.footer-copyright .copyright-text a:hover,
.footer-copyright .copyright-text a:focus {
text-decoration-style: dotted;
}
.footer-copyright ul {
margin: 0;
padding: 0;
} ul.payment-icon {
text-align: right;
}
.payment-icon li{
display: inline-block;
}
.payment-icon li a{
font-size: 26px;
color: #ffffff;
display: inline-block;
margin-right: 5px;
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
}
.payment-icon li a:hover{
-webkit-transition: all 200ms ease-in;
-moz-transition: all 200ms ease-in;
-ms-transition: all 200ms ease-in;
-o-transition: all 200ms ease-in;
transition: all 200ms ease-in;
} .breadcrumb{
background: none;
font-family: 'Open Sans', sans-serif;
padding: 0 !important;
margin-bottom: 0 !important;
border-radius: 0;
list-style: none;
position: relative;
z-index: 0;
}
.breadcrumb .background-overlay {
bottom: 0;
height: 100%;
width: 100%;
z-index: 3;
opacity: 0.79;
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
z-index: 0;
}
.breadcrumb.shadow-one {
padding-bottom: 22px !important;
}
.breadcrumb.shadow-two {
padding-bottom: 70px !important;
}
.breadcrumb.shadow-one:after {
height: 22px;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/shadow-one.png) no-repeat center bottom;
}
.breadcrumb.shadow-two:after {
height: 70px;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/shadow-two.png) no-repeat center bottom;
}
.breadcrumb.shadow-one:after,
.breadcrumb.shadow-two:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
right: 0;
opacity: 0.8;
z-index: -1;
}
.breadcrumb h2{
font-size: 16px;
color: #747474;
margin: 0;
padding: 15px 0;
font-weight: 600;
text-transform: none;
font-family: 'Open Sans', sans-serif;
}
.breadcrumb-position {
text-align: right;
}
.page-breadcrumb{
list-style: none outside none;
margin-bottom: 0px;
padding: 23px 0;
text-align: right;
font-size: 15px;
line-height: 20px;
display: inline-block;
}
.page-breadcrumb li{
display: inline-block;
color: #747474;
} .breadcrumb.hero .background-overlay {
position: relative;
bottom: 0;
border: 0;
padding: 40px 0;
background: rgba(0,0,0,0.4);
}
.hero-breadcrumb h2 {
color: #ffffff;
}
@media (min-width: 992px) {
.breadcrumb.hero .background-overlay {
padding: 160px 0 40px;
}
} .breadcrumb.webstrap .row,
.breadcrumb.spyropress .row {
padding: 30px 0;
}
@media (min-width: 992px) {
.breadcrumb.webstrap .row,
.breadcrumb.spyropress .row {
padding: 266px 0 40px;
}
}  .page-wrapper{}
.page-wrapper article{
border: solid 1px #efe9e9;
padding-bottom: 43px;
margin-bottom: 30px;
position: relative;
}
article.comment-body {
border: solid 1px #f7f9fc;
background: #fefefe;
border-radius: 3px;
}
a.post-thumbnail img {
opacity: 1;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
a.post-thumbnail img:hover{
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
header.entry-header {
padding: 14px 20px;
}
h2.entry-title {
margin: 0;
line-height: 28px;
}
h2.entry-title a {
font-family: 'Open Sans', sans-serif;
font-size: 22px;
}
.entry-header h2.entry-title {
font-size: 22px;
font-family: 'Open Sans', sans-serif;
}
.entry-content { 
padding: 0 20px; 
}
.entry-content .more-link {
font-family: 'Open Sans', sans-serif;
padding: 10px 20px;
border-radius: 30px;
background: transparent;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.proficient-btn {
border-radius: 3px !important;
font-weight: bold;
}
a.more-link{
position: relative;
top: 15px;
}
.entry-content .more-link:hover {
color: #ffffff;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
footer.entry-footer {
font-size: 13px;
color: #ffffff;
padding: 15px 20px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
footer.entry-footer .byline, footer.entry-footer .posted-on, footer.entry-footer .cat-links, footer.entry-footer .tags-links {
margin-right: 15px;
}
footer.entry-footer span { }
footer.entry-footer a {
color: #ffffff;
}
footer.entry-footer a:hover {
color: #ffffff;
}
.page-wrapper article:hover footer.entry-footer {
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
} .masonry {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
}
.masonry-column {
display: inline-block;
width: 100%;
}
@media only screen and (min-width: 400px) {
.masonry {
-moz-column-count: 1;
-webkit-column-count: 1;
column-count: 1;
}
}
@media only screen and (min-width: 700px) {
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (min-width: 900px) {
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
}
@media only screen and (min-width: 1100px) {
.masonry {
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
} .paginations {
margin: 0px;
text-align: center;
}
.paginations a, span.page-numbers.current {
border: solid 1px #efe9e9;
cursor: pointer;
display: inline-block;
font-size: 13px;
border-radius: 1px;
line-height: 20px;
margin: 0 1px 0;
padding: 9px 16px;
transition: all 0.3s ease 0s;
vertical-align: baseline;
white-space: nowrap;
border-radius: 30px;
}
.paginations a:hover, .paginations a:focus, .paginations a.active, span.page-numbers.current {
color: #ffffff;
border-radius: 30px;
}
.proficient_pagination a, .proficient_pagination a:hover, .proficient_pagination a:focus, .proficient_pagination a.active, a.page-numbers.current, .proficient_pagination .page-numbers.current {
border-radius: 4px;
} .comments-area {
}
.comment-list + .comment-respond,
.comment-navigation + .comment-respond {
padding-top: 1.75em;
}
.comments-title,
.comment-reply-title {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
background: #fefefe;
padding: 5px 20px;
}
.comments-title {
margin-bottom: 1.217391304em;
}
.comment-list {
list-style: none;
margin: 0;
padding:0;
}
.comment-list article,
.comment-list .pingback,
.comment-list .trackback {
padding: 20px;
}
.comment-list .children {
list-style: none;
margin: 0;
}
.comment-list .children > li {
padding-left: 0.875em;
}
.comment-author {
color: #1a1a1a;
margin-bottom: 0.4375em;
}
.comment-author .avatar {
float: left;
height: 28px;
margin-right: 0.875em;
position: relative;
width: 28px;
}
.bypostauthor > article .fn:after {
content: "\f007";
left: 3px;
position: relative;
top: 5px;
}
.comment-metadata,
.pingback .edit-link {
color: #686868;
font-size: 13px;
font-size: 0.8125rem;
line-height: 1.6153846154;
}
.comment-metadata {
margin-bottom: 2.1538461538em;
}
.comment-metadata a,
.pingback .comment-edit-link {
color: #686868;
}
.comment-metadata a:hover,
.comment-metadata a:focus,
.pingback .comment-edit-link:hover,
.pingback .comment-edit-link:focus {
color: #007acc;
}
.comment-metadata .edit-link,
.pingback .edit-link {
display: inline-block;
}
.comment-metadata .edit-link:before,
.pingback .edit-link:before {
content: "\002f";
display: inline-block;
opacity: 0.7;
padding: 0 0.538461538em;
}
.comment-metadata time {
font-size: 13px;
color: #747474;
}
.comment-content ul,
.comment-content ol {
margin: 0 0 1.5em 1.25em;
}
.comment-content li > ul,
.comment-content li > ol {
margin-bottom: 0;
}
a.comment-reply-link {
font-size: 14px;
float: right;
position: relative;
top: -10px;
}
a.comment-reply-link:hover, a.comment-reply-link:focus {
color: #e84c3d;
}
.comment-reply-link:before {
content: "\f112";
font-family: "Fontawesome";
margin-right: 5px;
font-size: 12px;
}
.comment-reply-link:hover,
.comment-reply-link:focus {
border-color: currentColor;
color: #007acc;
outline: 0;
}
.comment-form {
padding-top: 1.75em;
margin-bottom: 50px;
}
.comment-list .comment-form {
padding-bottom: 1.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.no-comments {
border-top: 1px solid #d1d1d1;
font-family: 'Open Sans', sans-serif;
font-weight: 700;
margin: 0;
padding-top: 1.75em;
}
.comment-navigation + .no-comments {
border-top: 0;
padding-top: 0;
}
.form-allowed-tags code {
font-family: 'Open Sans', sans-serif;
}
.form-submit {
margin-bottom: 0;
}
.required {
font-family: 'Open Sans', sans-serif;
}
.comment-reply-title small {
font-size: 100%;
}
.comment-reply-title small a {
border: 0;
float: right;
height: 32px;
overflow: hidden;
width: 26px;
}
.comment-reply-title small a:hover,
.comment-reply-title small a:focus {
color: #1a1a1a;
}
.comment-reply-title small a:before {
content: "\f405";
font-size: 32px;
position: relative;
top: -5px;
} .team-version-one{
}
.team-version-one .single-team-member {
margin-bottom: 60px;
text-align: center;
border: solid 1px #f4f9fc;
box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
-webkit-transition: .3s all;
transition: .3s all;
}
.team-version-one .single-team-member:hover {
box-shadow: 0 0 22px -3px rgba(0, 0, 0, 0.3);
}
.team-version-one .single-team-member .img-box {
margin-bottom: 17px;
position: relative;
overflow: hidden;
border-bottom: 6px groove transparent;
}
.single-team-member .img-box img {
-webkit-transition: .6s;
transition: .6s;
}
.single-team-member:focus-within .img-box img,
.single-team-member:hover .img-box img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
filter: blur(3px);
}
.team-version-one .single-team-member .img-box .background-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom:0;
background: rgba(0,0,0, 0.3);
opacity: 0;
visibility: hidden;
transition: all .25s ease;
}
.team-version-one .single-team-member:focus-within .img-box .background-overlay,
.team-version-one .single-team-member:hover .img-box .background-overlay {
opacity: 1;
visibility: visible;
}
.team-version-one .single-team-member .img-box .background-overlay .box {
display: table;
width: 100%;
height: 100%;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content {
display: table-cell;
vertical-align: middle;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul {
text-align: center;
margin: 0;
padding: 0;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li {
display: inline-block;
list-style: none;
opacity: 0;
visibility: hidden;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li:nth-child(1) {
-webkit-transition: .35s;
transition: .35s;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li:nth-child(2) {
-webkit-transition: .65s;
transition: .65s;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li:nth-child(3) {
-webkit-transition: 1s;
transition: 1s;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li:nth-child(4) {
-webkit-transition: 2s;
transition: 2s;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li:nth-child(5) {
-webkit-transition: 3s;
transition: 3s;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li:nth-child(6) {
-webkit-transition: 4s;
transition: 4s;
}
.team-version-one .single-team-member:focus-within .img-box .background-overlay .box .content ul li,
.team-version-one .single-team-member:hover .img-box .background-overlay .box .content ul li {
opacity: 1;
visibility: visible;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li a {
display: inline-block;
width: 40px;
height: 40px;
margin-right: 8px;
background: #ffffff;
border: 1px solid #ffffff;
line-height: 38px;
font-size: 18px;
border-radius: 50%;
transition: all .3s ease;
}
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li a:focus,
.team-version-one .single-team-member .img-box .background-overlay .box .content ul li a:hover {
color: #ffffff;
}
.team-version-one .single-team-member h3 {
font-size: 20px;
color: #222E35;
line-height: 26px;
margin: 0;
margin-bottom: 4px;
}
.single-team-member h3 a {
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.team-version-one .single-team-member p {
padding: 0 12px;
margin-bottom: 0;
}
.team-version-one .single-team-member > span {
font-size: 16px;
font-style: normal;
display: block;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid rgb(230 230 230 / 60%);
}
.team-version-one .single-team-member a.profile-btn {
font-family: 'Open Sans', sans-serif;
padding: 14px 30px;
border-radius: 30px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
font-size: 15px;
color: #fff;
position: relative;
top: 20px;
}
.team-version-one .single-team-member a.profile-btn:focus,
.team-version-one .single-team-member a.profile-btn:hover {
color: #ffffff;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
} .single-view-team-member {
}
.single-view-team-member span {
font-size: 14px;
font-style: italic;
display: block;
}
.single-view-team-member .member_info {
margin: 0;
padding: 0;
margin-top: 12px;
list-style: none;
}
.single-view-team-member .member_info strong {
min-width: 150px;
display: inline-block;
}
.single-view-team-member .member_info li {
line-height: 30px;
}
.single-view-team-member .member_info strong::before {
content: "\f058";
font-family: Fontawesome;
font-size: 16px;
margin-right: 8px;
}
.single-view-team-member .widget_social_widget {
margin-top: 22px;
}
.team-single-content h4 {
margin-bottom: 0;
} .team-version-two { }
.team-version-two .single-team-member {
text-align: center;
padding: 20px 10px 28px;
background: #fff;
border-radius: 4px;
}
.team-version-two .single-team-member .img-box {
margin-bottom: 25px;
position: relative;
}
.team-version-two .single-team-member .img-box figure img {
border-radius: 50%;
width: 180px;
padding: 5px;
height: 180px;
margin: 0 auto;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.team-version-two .single-team-member:hover .img-box figure img {
box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.3);
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
}
.team-version-two .single-team-member .img-box .background-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom:0;
background: rgba(0,0,0, 0.8);
transform: scale(0);
transition: all .5s ease;
}
.team-version-two .background-overlay {
transform: scale(1);
}
.team-version-two .background-overlay .box {
display: table;
width: 100%;
height: 100%;
}
.team-version-two .background-overlay .box .content {
display: table-cell;
vertical-align: middle;
}
.team-version-two .background-overlay .box .content ul {
text-align: center;
margin: 0;
padding: 0;
}
.team-version-two .background-overlay .box .content ul li {
display: inline-block;
list-style: none;
}
.team-version-two .background-overlay .box .content ul li a {
display: inline-block;
width: 30px;
height: 30px;
margin-right: 8px;
color: #fff;
background: #999;
border: 1px solid #fff;
line-height: 25px;
font-size: 18px;
border-radius: 4px;
transition: all .3s ease;
}
.team-version-two .background-overlay .box .content ul li a i {
font-size: 13px;
}
.team-version-two .background-overlay .box .content ul li a:hover {
color: #fff;
}
.team-version-two .single-team-member h3 {
font-size: 21px;
color: #222E35;
line-height: 26px;
margin: 0;
margin-bottom: 4px;
}
.team-version-two .single-team-member > span {
font-size: 13px;
display: block;
padding-bottom: 15px;
font-weight: bold;
}
.team-version-two .single-team-member a.profile-btn{    
background: transparent;
font-family: 'Open Sans', sans-serif;
padding: 5px 12px;
border-radius: 4px;
-webkit-transition: all 200ms ease-out;
-moz-transition: all 200ms ease-out;
-o-transition: all 200ms ease-out;
transition: all 200ms ease-out;
font-size: 13px;
}
.team-version-two .single-team-member a.profile-btn:hover {
color: #ffffff;
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
} .team-version-four{
}
.team-version-four .single-team-member {
margin-bottom: 60px;
text-align: center;
}
.team-version-four .single-team-member {
overflow: hidden;
}
.team-version-four .single-team-member, .single-team-member .team-img {
position: relative;
}
.team-version-four .single-team-member .team-img img {
height: auto;
width: 100%;
}
.team-version-four .single-team-member .team-info {
bottom: 0;
left: 0;
padding: 14px 20px;
position: absolute;
text-align: center;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
width: 100%;
z-index: 1;
}
.team-version-four .single-team-member .team-info::after {
background: #1c1c1c none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.7;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.team-overlay {
bottom: 0;
left: 0;
margin: 0;
opacity: 0;
position: absolute;
right: 0;
top: 0;
-webkit-transition: all 0.35s ease-in-out;
-moz-transition: all 0.35s ease-in-out;
-ms-transition: all 0.35s ease-in-out;
-o-transition: all 0.35s ease-in-out;
transition: all 0.35s ease-in-out;
z-index: 9;
}
.team-overlay::after {
background: #1c1c1c none repeat scroll 0 0;
content: "";
height: 100%;
left: 0;
opacity: 0.9;
position: absolute;
top: 0;
width: 100%;
z-index: -1;
}
.team-version-four .single-team-member:hover .team-overlay, 
.team-version-four .single-team-member:hover .team-overlay .bio, 
.team-version-four .single-team-member:hover .team-overlay .social-link {
opacity: 1;
}
.team-version-four .single-team-member:hover .team-info {
bottom: -100%;
}
.team-version-four .single-team-member:hover .team-overlay .social-link {
bottom: 20%;
}
.team-version-four .single-team-member:hover .team-overlay .bio {
top: 35%;
}
.team-overlay .bio {
opacity: 0;
padding: 0 20px;
position: absolute;
top: 0;
transform: translateY(-50%);
-webkit-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
-ms-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s;
transition: all 0.3s ease 0.2s;
width: 100%;
}
.team-overlay .social-link {
bottom: 0;
font-size: 35px;
opacity: 0;
position: absolute;
text-align: center;
-webkit-transform:translateY(50%);
-moz-transform: translateY(50%);
-ms-transform: translateY(50%);
transform: translateY(50%);
-webkit-transition: all 0.3s ease 0.2s;
-moz-transition: all 0.3s ease 0.2s;
-ms-transition: all 0.3s ease 0.2s;
-o-transition: all 0.3s ease 0.2s;
transition: all 0.3s ease 0.2s;
width: 100%;
}
.team-version-four .single-team-member .team-info h4 {
font-weight: 600;
margin-bottom: 5px;
font-size: 18px;
}
.team-version-four .single-team-member .team-info span {
color: #ffffff;
font-weight: 600;
}
.team-version-four .single-team-member .team-overlay .bio h4 {
font-weight: 600;
font-size: 18px;
}
.team-version-four .single-team-member .team-overlay .bio p {
color: #ffffff;
}
.team-overlay .social-link a {
color: #ffffff;
font-size: 20px;
margin: 5px;
}
.team-overlay .social-link a:hover {
color: #fdc236;
}  .contact-section-one {
}
.contact-section-one .contact-info {
list-style-type: none;
padding-left: 0;
margin-bottom: 20px;
}
.contact-section-one .contact-info > li {
padding: 15px 0;
border-bottom: 1px dashed #ddd;
}
.contact-section-one .contact-info .fa {
float: left;
margin-top: 2px;
font-size: 40px;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.contact-section-one .contact-info-content {
overflow: hidden;
margin-left: 58px;
}
.contact-section-one .contact-info-content .title {
font-size: 18px;
font-weight: 700;
margin-bottom: 0;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.contact-section-one .contact-info-content .description {
font-size: 15px;
color: #747474;
}
.contact-section-one .feature .background-overlay {
background: rgba(28, 49, 76, 0.9);
bottom: 0;
height: 100%;
z-index: 3;
}
.contact-section-one .wpcf7 p {
margin-top: 10px;
}
.contact-section-two {
}
.contact-section-two .contact-info {
list-style-type: none;
padding-left: 0;
margin-bottom: 20px;
}
.contact-section-two .contact-info > li {
padding: 20px;
border: 1px solid #ddd;
margin-bottom: 10px;
}
.contact-section-two .contact-info .fa {
float: left;
font-size: 40px;
width: 60px;
}
.contact-section-two .contact-info-content {
overflow: hidden;
margin-left: 45px;
}
.contact-section-two .contact-info-content .title {
font-weight: 700;
margin-bottom: 0;
}
.contact-section-two .contact-info-content .description {
font-size: 14px;
color: #747474;
}
.contact-section-two feature .background-overlay {
background: rgba(28, 49, 76, 0.9);
bottom: 0;
height: 100%;
z-index: 3;
}
.google-map {
margin: 20px 0;
}
.google-map-frame {
height: 100%;
border: 4px solid #ffffff;
box-shadow: 0 0 5px 0 #bebebe;
}
.google-map-frame iframe {
width: 100%;
height: 100%;
min-height: 500px;
}
.contact-section-two .wpcf7 p {
margin-top: 0;
} .error-page {}
.error-page h1{
font-family: 'Raleway', sans-serif;
font-size: 146px;
font-weight: 800;
line-height: 156px;
text-shadow: 0 3px 0 #000;
animation: bounce 2s infinite;
}
.error-page h2{
font-family: 'Open Sans', sans-serif;
font-size: 26px;
line-height: 36px;
font-weight: 800;
margin: 0;
} .top-scroll {
bottom: 2%;
display: none;
height: 40px;
opacity: 1;
overflow: hidden;
position: fixed;
right: 12px;
text-align: center;
width: 40px;
z-index: 9999;
border-radius: 30px;
border-width: 2px;
border-style: solid;
animation: bounce 2s infinite;
}
.top-scroll:hover {
opacity: 1;
}
.top-scroll i {
font-size: 18px;
line-height: 36px;
}
.top-scroll:hover, .top-scroll:focus {
border-width: 2px;
border-style: solid;
transition: all 0.3s ease 0s;
}
.proficient-scroll {
border-radius: 4px;
} .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000; }
.price_slider_wrapper .price_slider {
margin-bottom: 1em;
}
.price_slider_wrapper .price_slider_amount {
text-align: right;
line-height: 2.4em;
font-size: 0.8751em;
}
.price_slider_wrapper .price_slider_amount .button {
font-size: 1.15em;
}
.price_slider_wrapper .price_slider_amount .button {
float: left;
}
.price_slider_wrapper .ui-slider {
position: relative;
text-align: left;
}
.price_slider_wrapper .ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 17px;
height: 17px;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 0;
cursor: pointer;
background: #fff;
outline: none;
top: -5px;
}
.price_slider_wrapper .ui-slider .ui-slider-handle:last-child {
margin-left: -0.5em;
}
.price_slider_wrapper .ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
}
.price_slider_wrapper .price_slider_wrapper .ui-widget-content {
-webkit-border-radius: 1em;
-moz-border-radius: 1em;
border-radius: 1em;
background: #d5d5d5;
}
.price_slider_wrapper .ui-slider-horizontal {
height: .5em;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-min {
left: -1px;
}
.price_slider_wrapper .ui-slider-horizontal .ui-slider-range-max {
right: -1px;
}
.masonry {
margin: 1.5em 0;
padding: 0;
-moz-column-gap: 1.5em;
-webkit-column-gap: 1.5em;
column-gap: 1.5em;
font-size: .85em;
} .wp-block-embed__wrapper iframe {
display: block;
max-width: 100%;
height: auto;
}
section.latest-blog iframe {
max-width: 100%;
height: auto;
display: block;
} .bg-sticky {
position: absolute;
top: 10px;
right: 10px;
display: block;
text-align: center;
letter-spacing: 0.5px;
font-size: 20px;
font-weight: 600;
padding: 0.25em .62em;
line-height: 30px;
border-radius: 3px;
color: #fff;
background: #00a3c8;
z-index: 9;
}
.rounded-circle {
border-radius: 50%;
}  #product-filter .woocommerce-loop-product__title {
padding: .5em 0 .25em;
margin: 0;
text-align: center;
font-size: 18px;
}
#product-filter .price del {
color: #ff0000;
opacity: .5;
display: inline-block;
font-weight: 500;
}
#product-filter .price {
color: #1c314c;
font-weight: 400;
font-size: 14px;
margin: 0;
text-align: center;
display: block;
}
#product-filter ins span {
font-weight: 700;
}
#product-filter span.button.product_type_simple.add_to_cart_button.ajax_add_to_cart {
text-align: center;
display: block;
margin-top: 1em;
}
#product-filter .single-product:hover {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-webkit-transition: all 300ms ease-out 0s;
-moz-transition: all 300ms ease-out 0s;
-o-transition: all 300ms ease-out 0s;
transition: all 300ms ease-out 0s;
}
#product-filter span.onsale {
min-height: 3.236em;
min-width: 3.236em;
padding: .202em;
font-weight: 700;
position: absolute;
text-align: center;
line-height: 3.236;
border-radius: 100%;
background-color: #77a464;
color: #fff;
font-size: .857em;
top: 0;
right: 15px;
left: auto;
margin: 0.5em 0.5em 0 0;
z-index: 1;
}
#product-filter .single-product img {
width: 100%;
object-fit: cover;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
#product-filter .single-product img:hover{
-webkit-transform: scale(0.90);
transform: scale(0.90);
}
#product-filter .single-product {
padding: 0 0 20px 0;
}
.mb-4, .my-4 {
margin-bottom: 1.5rem!important;
}
@media (min-width: 992px) {
.mb-lg-0, .my-lg-0 {
margin-bottom: 0!important;
}
} .about-content-two .section-heading {
margin-bottom: 40px;
text-align: left;
}
.about-content-two .section-heading h2 {
font-weight: 600;
max-width: 460px;
width: 100%;
margin-bottom: 15px;
font-size: 40px;
}
.about-content-two .section-heading p {
max-width: 460px;
width: 100%;
margin-bottom: 10px;
color: #6b6b6b;
font-weight: 500;
}
.about-content-two .works-box {
width: 100%;
margin-bottom: 30px;
display: flex;
align-items: center;
justify-content: center;
}
.about-content-two .works-box .inline-list {
padding: 0;
margin: 0;
list-style: none;
display: flex;
flex-wrap: wrap;
}
.about-content-two .works-box .work-process li {
display: flex;
padding: 20px 45px;
border-radius: 10px;
margin-bottom: 20px;
}
.about-content-two .works-box .work-process li:nth-child(odd) {
background-color: #edf6ff;
margin-right: 50px;
}
.about-content-two .works-box .work-process li .icon-box {
line-height: 1.2;
font-size: 40px;
margin-right: 10px;
}
.about-content-two .works-box .work-process li .content-box h3 {
font-size: 24px;
font-weight: 500;
margin-bottom: 5px;
line-height: 1.46;
margin-bottom: 10px;
}
.about-content-two .works-box .work-process li .content-box p {
margin-bottom: 0;
}
.about-content-two .works-box .work-process li:nth-child(even) {
margin-left: 50px;
}
.about-content-two .works-box .work-process li:nth-child(even) .icon-box {
color: #ffffff;
}
.about-content-two .works-box .work-process li:nth-child(even) .content-box h3 {
color: #ffffff;
}
.about-content-two .works-box .work-process li:nth-child(even) .content-box p {
color: #ffffff;
}
.about-content-two .works-box .inner {
text-align: center;
padding: 70px 0;
width: 100%;
position: relative;
z-index: 1;
}
.about-content-two .works-box .inner:before {
position: absolute;
z-index: 0;
height: 95%;
width: 40%;
right: 0;
top: 50%;
transform: translateY(-50%);
content: "";
background-color: #f9fafe;
border-radius: 20px;
}
.about-content-two .works-box .inner .shape1 li {
position: absolute;
}
.about-content-two .works-box .inner .shape1 li:nth-child(1n) {
top: 0;
left: 0;
bottom: inherit;
}
.about-content-two .works-box .inner .shape1 li:nth-child(2n) {
bottom: 0;
left: 70px;
top: inherit;
}
.about-content-two .works-box .inner .shape2 li {
position: absolute;
z-index: -1;
top: 50%;
right: -195px;
transform: translateY(-50%);
}
.about-content-two .works-box .figure-box {
position: relative;
z-index: 1;
display: inline-block;
}
.about-content-two .works-box .figure-box img {
border-radius: 50%;
}
.about-content-two .works-box .play-btn {
height: 100px;
width: 100px;
background-color: #f81608;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
color: #ffffff;
font-size: 35px;
position: absolute;
bottom: 20px;
left: 20px;
box-shadow: 0 0 30px 0 rgb(0 0 0 / 10%);
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.about-content-three .section-heading {
position: relative;
margin-bottom: 50px;
}
.about-content-three .section-heading h4 {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 15px;
}
.about-content-three .section-heading h2 {
position: relative;
display: block;
font-size: 40px;
line-height: 1.2em;
padding-bottom: 0;
font-weight: 600;
text-transform: capitalize;
letter-spacing: -0.5px;
}
.about-content-three .content-block {
position: relative;
padding-left: 140px;
margin-bottom: 30px;
}
.about-content-three .content-block .image {
position: absolute;
left: 0;
}
.about-content-three .content-block .content-text {
margin-bottom: 35px;
line-height: 1.6em;
}
.about-content-three .content-block .content-text p {
font-size: 18px;
font-weight: 500;
}
.feature-block .inner-box {
padding: 0;
position: relative;
margin-bottom: 30px;
}
.feature-block .image {
position: relative;
}
.feature-block .image img {
width: 100%;
}
.feature-block .lower-content {
position: relative;
padding: 30px 30px;
-webkit-box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
box-shadow: 0px 0px 50px 0px rgb(0 0 0 / 10%);
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
background: #ffffff;
}
.feature-block .lower-content:before {
position: absolute;
content: '';
right: 0;
top: 0;
width: 174px;
height: 109px;
background-image: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/about/shape-1.png);
}
.feature-block .lower-content .icon {
position: relative;
font-size: 60px;
line-height: 60px;
margin-bottom: 30px;
}
.feature-block .lower-content h4 {
position: relative;
font-size: 22px;
font-weight: 600;
padding-bottom: 35px;
margin-bottom: 20px;
}
.feature-block .lower-content h4:before {
position: absolute;
content: '';
left: 0;
bottom: 0;
height: 6px;
width: 100%;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/about/border-shape.png) repeat-x center;
}
.feature-block .read-more-link {
position: relative;
padding-left: 0;
font-size: 16px;
font-weight: 600;
transition: .5s;
}
.feature-block .overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
transition: 1s;
opacity: 0;
}
.feature-block .inner-box:hover .overlay {
opacity: 1;
}
.feature-block .overlay .top-content {
position: relative;
padding: 34px 30px;
background-size: cover;
border-top-left-radius: 6px;
border-top-right-radius: 6px;
transition: .5s;
opacity: 0;
transform: perspective(400px) rotateX(-90deg);
-webkit-transform-origin: top;
-ms-transform-origin: top;
}
.feature-block .inner-box:hover .overlay .top-content {
opacity: 1;
-webkit-transform: perspective(400px) rotateX(0deg);
transform: perspective(400px) rotateX(0deg);
}
.feature-block .top-content .icon {
position: relative;
font-size: 65px;
line-height: 70px;
margin-bottom: 30px;
color: #fff;
}
.feature-block .top-content h4 {
position: relative;
font-size: 22px;
line-height: 34px;
font-weight: 600;
color: #fff;
}
.feature-block .overlay .bottom-content {
position: relative;
background-color: #fff;
padding: 25px;
}
.feature-block .overlay .text {
font-size: 17px;
font-weight: 500;
color: #3b3b3b;
position: relative;
padding-bottom: 30px;
margin-bottom: 20px;
}
.feature-block .overlay .text:before {
position: absolute;
content: '';
left: 0;
bottom: 0;
height: 6px;
width: 100%;
background: url(//renaterothe.de/wp-content/themes/specia-lifetime/images/about/border-shape.png) repeat-x center;
}
.process-box {
position: relative;
text-align: center;
display: block;
margin-bottom: 20px;
}
.process-item {
position: relative;
padding: 0 20px;
z-index: 0;
}
.process-icon {
position: relative;
margin-bottom: 25px;
display: inline-block;
transition: all 0.3s ease-out;
}
.process-icon>span {
position: absolute;
top: 50%;
left: 0;
right: 0;
font-size: 48px;
transform: translateY(-50%);
text-align: center;
}
.process-icon>span img {
display: inherit;
}
.process-content {
-ms-flex: 1;
flex: 1;
}
.process-title {
font-size: 22px;
margin-bottom: 15px;
line-height: 34px;
font-weight: 600;
}
.process-text {
line-height: 1.8;
transition: all 0.3s ease-in-out;
}
.process-text p {
margin-bottom: 0;
}
.about-timeline .section-heading {
text-align: center;
position: relative;
margin-bottom: 50px;
}
.about-timeline .section-heading h4 {
font-size: 16px;
font-weight: 600;
text-transform: uppercase;
margin-bottom: 15px;
}
.about-timeline .section-heading h2 {
position: relative;
display: block;
font-size: 40px;
line-height: 1.2em;
padding-bottom: 0;
font-weight: 600;
text-transform: capitalize;
letter-spacing: -0.5px;
}
.step-items {
max-width: 955px;
margin: 30px auto;
}
.step-items .item {
counter-increment: steps-num;
position: relative;
margin-left: 50%;
padding: 0 55px;
margin-bottom: 10px;
}
.step-items .item:nth-child(even) {
text-align: right;
margin-left: 0;
margin-right: 50%;
}
.step-items .item:before {
content: "";
position: absolute;
top: 51px;
bottom: -62px;
left: 0;
width: 1px;
opacity: 0.5;
}
.step-items .item:nth-child(even):before {
left: auto;
right: -1px;
}
.step-items .item:last-of-type:before {
bottom: 0;
opacity: 0;
}
.step-items .item:after {
content: "";
position: absolute;
top: 33px;
left: -19px;
width: 38px;
height: 38px;
border-radius: 50%;
border: 6px solid #fff;
box-shadow: 0px 13px 29px 0px rgb(175 175 175 / 60%), inset 0 0 0 6px #eafcff;
}
.step-items .item:nth-child(even):after {
left: auto;
right: -19px;
}
.step-items .item .num {
color: #d8d8d8;
font-size: 1.286em;
}
.step-items .item .num:before {
content: '0'counter(steps-num);
}
.step-items .item .date {
position: absolute;
top: 32px;
right: 100%;
margin-right: 135px;
white-space: nowrap;
}
.step-items .item:nth-child(even) .date {
right: auto;
margin-right: 0;
margin-left: 135px;
left: 100%;
}
.step-items .item .date:after {
content: "";
position: absolute;
top: 50%;
right: -135px;
left: 100%;
margin-left: 20px;
height: 1px;
box-shadow: inset 0 0 0 5px;
}
.step-items .item:nth-child(even) .date:after {
left: -135px;
right: 100%;
margin-left: 0;
margin-right: 20px;
}
.step-items .item .heading {
font-size: 18px;
font-weight: 800;
text-transform: uppercase;
margin: 10px 0 15px;
position: relative;
z-index: 0;
}
.step-items .item .date h6 {
margin-bottom: 0;
color: initial;
}
.step-items .item:nth-child(odd) .heading:after,
.step-items .item:nth-child(even) .heading:before {
content: "";
width: 25px;
height: 2px;
display: inline-block;
vertical-align: middle;
}
.step-items .item:nth-child(odd) .heading:after {
margin-left: 8px;
}
.step-items .item:nth-child(even) .heading:before {
margin-right: 8px;
}
.step-items .item .text {
line-height: 1.714em;
}
.career-item {
padding: 30px;
background: #ffffff;
margin-bottom: 30px;
border: 1px solid #eeeeee;
}
.career-item .title-item {
border-bottom: 1px solid #eee;
padding-bottom: 20px;
margin-bottom: 15px;
}
.career-item h3 {
color: #02185a;
font-size: 18px;
font-weight: 600;
text-transform: capitalize;
display: block;
line-height: 20px;
margin-bottom: 15px;
}
.history span:first-child {
color: #ffffff;
font-weight: 600;
padding: 5px 10px;
margin-right: 10px;
font-size: 12px;
}
.history span {
text-transform: uppercase;
color: #989898;
font-weight: 600;
font-size: 12px;
letter-spacing: 0.20px;
}
.career-item p {
line-height: 28px;
font-weight: 400;
color: #989898;
}
.career-item ul {
padding-left: 0;
margin-bottom: 0;
list-style: none;
}
.career-item ul li {
margin-bottom: 5px;
color: #666666;
}
.career-item ul li span {
margin-right: 10px;
}
.btn-read-more {
margin-top: 17px;
}
.form-panel {
padding: 80px 50px 100px;
background: #FFF;
border: 1px solid #dcdcdc;
}
.form-panel .wpcf7-form {
display: flex;
align-items: flex-start;
flex-wrap: wrap;
justify-content: flex-start;
}
.form-panel .wpcf7-form p {
flex: 0 0 31.9%;
max-width: 31.9%;
margin-left: 22px;
margin-bottom: 22px;
}
.form-panel .wpcf7-form p:nth-child(9),
.form-panel .wpcf7-form p:nth-child(8),
.form-panel .wpcf7-form p:nth-child(5),
.form-panel .wpcf7-form p:nth-child(2) {
margin-left: 0;
}
.form-panel .wpcf7-form p:nth-child(8) {
flex: 0 0 100% !important;
max-width: 100% !important;
}
.form-panel .wpcf7-form p:nth-child(9) {
margin-top: 20px;
}
.form-panel .wpcf7-form .wpcf7-form-control {
min-height: 50px;
margin-bottom: 0;
outline: none;
}
.form-panel .wpcf7-form .wpcf7-form-control.wpcf7-file {
max-width: 100%;
padding: 12px;
border: 1px solid #cccccc;
border-radius: 3px;
}
#accordion > div:nth-child(2n+1) {
clear: both;
}
.panel-group .panel {
box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 5%);
border: 1px solid #e6e6ea;
margin-bottom: 30px;
background: #ffffff;
border-radius: 5px;
overflow: hidden;
}
.panel-group .panel-heading {
padding: 0;
background: none;
border: none;
}
.panel-group .panel-heading .panel-title a {
width: 100%;
display: block;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.panel-group .panel-heading .panel-num {
width: 70px;
height: 68px;
line-height: 68px;
display: inline-block;
text-align: center;
margin-right: 16px;
color: #8e91a2;
font-size: 20px;
border-right: 1px solid #e6e6ea;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.panel-group .panel-heading .fa {
float: right;
display: inline-block;
line-height: 68px;
width: 70px;
height: 68px;
font-size: 16px;
color: #8e91a2;
text-align: center;
border-left: 1px solid #e6e6ea;
-webkit-transition: all .3s cubic-bezier(.645,.045,.355,1);
transition: all .3s cubic-bezier(.645,.045,.355,1);
}
.panel-group .panel-heading .panel-title a:not(.collapsed) .fa,
.panel-group .panel-heading .panel-title a:not(.collapsed) .panel-num {
color: #ffffff;
}
.panel-group .panel-heading .panel-title a.collapsed {
color: #222222;
}
.panel-group .panel-heading .panel-title a.collapsed .fa,
.panel-group .panel-heading .panel-title a.collapsed .panel-num {
background: none;
color: #8e91a2;
}
.panel-group .panel-heading .panel-title .panel-txt {
color: inherit;
max-width: 68%;
line-height: 1.5;
display: inline-block;
vertical-align: middle;
}
.panel-group .panel-body {
padding: 18px 22px;
}
.panel-group .panel-body p {
margin-bottom: 0;
}
@media (max-width: 540px) {
.panel-group .panel-heading .panel-title .panel-txt {
max-width: 64%;
font-size: 86%;
}
.panel-group .panel-heading .panel-num,
.panel-group .panel-heading .fa {
width: 45px;
}
.panel-group .panel-heading .panel-num {
margin-right: 5px;
}
}
@media (max-width: 320px) {
.panel-group .panel-heading .panel-title .panel-txt {
max-width: 58%;
line-height: 1.2;
font-size: 82%;
}
} .gallery-overlay-wrapper img {
width: 100%;
}
.tiled-gallery {
margin-bottom: -30px;
}
.gallery-box {
position: relative;
z-index: 0;
margin-bottom: 30px;
}
.gallery-overlay-wrapper {
position: relative;
overflow: hidden;
}
.gallery-overlay-wrapper .gallery-mask {
position: absolute;
width: 100%;
top: 0;
bottom: 0;
height: 100%;
opacity: 0;
background: rgba(0,0,0,0.6);
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.gallery-box .gallery-overlay-wrapper:hover .gallery-mask {
opacity: 1;
}
.gallery-mask .gallery-inner-wrapper {
position: absolute;
left: 0;
right: 0;
z-index: 999;
height: 100%;
}
.gallery-mask .gallery-button-holder {
position: absolute;
width: 100%;
left: -100%;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
top: -100%;
padding-left: 20px;
z-index: 999999;
margin-bottom: 10px;
}
.gallery-box .gallery-overlay-wrapper:hover .gallery-mask .gallery-button-holder {
top: 20px;
left: 0;
}
.gallery-mask .gallery-button-holder a {
border: none;
background: #ffffff;
border-radius: 50%;
cursor: pointer;
width: 40px;
height: 40px;
display: inline-block;
margin: 0 2px;
line-height: 40px;
text-align: center;
font-size: 13px;
transition: all ease 0.3s;
-webkit-transition: all ease 0.3s;
-ms-transition: all ease 0.3s;
}
.gallery-mask .gallery-button-holder a:hover {
color: #fff;
}
.gallery-mask .gallery-content-holder .gallery-caption {
position: absolute;
bottom: 0;
width: 100%; right: -100%;
color: #fff;
margin: 0 auto;
text-align: left;
padding: 15px 18px;
transition: all ease 0.5s;
-webkit-transition: all ease 0.5s;
}
.gallery-box .gallery-overlay-wrapper:hover .gallery-mask .gallery-content-holder .gallery-caption {
right: 0;
}
.gallery-mask .gallery-content-holder .gallery-caption span.gallery-title {
display: block;
font-size: 24px;
margin-bottom: 8px;
line-height: 1.2;
font-style: normal;
}
.gallery-mask .gallery-content-holder .gallery-caption p {
color: inherit;
}
.gallery-mask .gallery-content-holder .gallery-caption p {
text-overflow: ellipsis;
overflow: hidden;
font-size: 13px;
margin: 0;
line-height: 1.3;
font-style: italic;
} .team-single-box {
position: relative;
z-index: 0;
}
.team-single-box:after {
content: "";
display: table;
clear: both;
}
.team-single-content {
width: 65%;
height: 399px;
max-height: 399px;
margin-left: auto;
padding: 25px 30px;
border: 1px solid #dddddd;
}
.team-single-image {
width: 35%;
float: left;
text-align: center;
position: relative;
z-index: 0;
}
.team-single-image img {
height: 399px;
max-height: 399px;
object-fit: cover;
}
.team-single-image .chat-button {
display: inline-block;
margin-bottom: -22px;
transform: translate(0, -22px);
}
.team-single-image .chat-button a {
color: #ffffff;
line-height: 42px;
display: inline-block;
padding: 0 26px;
border-radius: 50px;
font-weight: 600;
font-size: 14.4px;
letter-spacing: 0.5px;
box-shadow: 0 6px 20px rgb(0 0 0 / 15%);
}
.team-single-image .chat-button a i {
margin-right: 2px;
} .av-tab-filter {
padding: 10px 2px;
border-radius: 100px;
background: #ffffff;
text-align: center;
display: inline-flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
position: relative;
z-index: 0;
box-shadow: 0 5px 20px -5px rgb(0 0 0 / 20%);
}
.av-tab-filter a {
margin: 0;
background: none;
padding: 8px 20px;
font-weight: 600;
display: inline-block;
position: relative;
z-index: 0;
letter-spacing: .15px;
text-transform: capitalize;
text-decoration: none;
border-radius: 0;
}
.av-tab-filter a.active {
color: #ffffff;
}
.av-tab-filter .indicator {
position: absolute;
left: 0;
z-index: -1;
top: 50%;
opacity: 0;
display: inline-block;
border: 10px solid #ffffff;
transform: translateY(-50%);
border-radius: 100px;
transition: all .3s cubic-bezier(.645,.045,.355,1);
height: 100%;
}
.widget .woocommerce-product-search input[type="search"],
.widget .search-form input[type="search"] {
border-radius: 100px;
}
.widget .woocommerce-product-search, .widget .search-form {
display: flex;
align-items: center;
justify-content: flex-start;
}
.widget .woocommerce-product-search button, .widget .search-form .search-submit {
padding-left: 22px;
padding-right: 22px;
white-space: nowrap;
display: inline-block;
margin-left: 12px;
flex-shrink: 0;
text-align: center;
}
.widget .woocommerce-product-search button:not(:hover):not(:focus) {
color: #222222;
border: solid 2px #222222;
background: transparent;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
padding: 8px 12px;
}
.woocommerce .woocommerce-mini-cart__total.total, .woocommerce .woocommerce-mini-cart__buttons.button {
text-align: center;
}
.woocommerce .woocommerce-mini-cart__buttons .button {
display: inline-block;
margin: 0 5px;
}
.woocommerce-mini-cart__buttons.buttons {
max-width: max-content;
margin: auto;
}
.col-lg5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
@media (min-width: 1200px) {
.col-lg5 {
width: 20%;
float: left;
}
}
@media (max-width: 991px) {
.owl-carousel:hover .owl-next {
right: 5px;
}
.owl-carousel:hover .owl-prev {
left: 5px;
}
}
@media only screen and (min-width: 200px) and (max-width: 768px) and (orientation: landscape) {
.call-to-action-two .call-btn-2 {
float: left;
margin-top: 0 !important;
}
}
@media (max-width: 767px) {
.breadcrumb .breadcrumb-position,
.breadcrumb .background-overlay {
text-align: center;
}
.plans-version-one .col-md-3.col-sm-4.shuffle-item {
width: 100%;
}
}
@media (max-width: 421px) {
#cta-unique .flexing.flexing-end {
justify-content: flex-start;
}
.call-to-action-two .call-btn-2 {
margin-top: 12px;
}
}
nav.woocommerce-MyAccount-navigation ul {
width: 100%;
margin: 0;
padding: 0;
list-style: none;
}
.woocommerce-account .addresses .title .edit {
font-weight: 600;
text-decoration: underline;
}
.woocommerce .woocommerce-Address {
padding: 12px;
border: 1px solid #dddddd;
}
.admin-bar .mobile-menu {
padding-top: 100px;
}
.admin-bar .mobile-menu .close-style {
top: 48px;
}
.sidebar .widget form input[type="submit"] {
border-radius: 100px;
}
.woo-sidebar .widget[id*='woocommerce_widget_cart'] ul li a::after,
.sidebar .widget[id*='woocommerce_widget_cart'] ul li a::after,
.sidebar .widget[id*='recent-comments-'] ul li a::after,
.sidebar .widget[id*='recent-posts-'] ul li a::after {
display: none;
}
body footer .woocommerce-mini-cart li.mini_cart_item {
margin-top: 15px;
}
body footer .woocommerce-mini-cart li.mini_cart_item:first-child {
margin-top: 0;
}
body .woocommerce-mini-cart li.mini_cart_item {
padding-left: 12px;
padding-right: 12px;
}
body p.woocommerce-mini-cart__total.total {
text-align: center;
width: max-content;
margin: 15px auto;
}
body .woocommerce-mini-cart__buttons.buttons .button {
margin: 0 3px;
}
body footer .woocommerce-mini-cart__buttons.buttons .button {
padding: 10px 16px;
font-size: 15px;
}
body footer .woocommerce-mini-cart__buttons.buttons .button:not(:hover):not(:focus) {
color: #ffffff;
}
footer .widget_shopping_cart_content a.remove.remove_from_cart_button {
left: 4px;
}
.woocommerce form .form-row .input-checkbox {
position: relative;
}
.woocommerce-terms-and-conditions-checkbox-text {
display: inline-block;
}
.footer-sidebar div.tagcloud a:hover, div.tagcloud a:focus {
color: #FFFFFF;
}
.woo-sidebar p.woocommerce-mini-cart__buttons.buttons,
footer p.woocommerce-mini-cart__buttons.buttons {
text-align: center;
}
.woo-sidebar .woocommerce-mini-cart__buttons.buttons .button,
footer .woocommerce-mini-cart__buttons.buttons .button {
display: inline-block;
}
body .woocommerce-mini-cart__buttons.buttons .button:hover,
body .woocommerce-mini-cart__buttons.buttons .button:focus {
color: #ffffff;
}
.woocommerce table.cart td.actions .input-text,
.woocommerce-page #content table.cart td.actions .input-text,
.woocommerce-page table.cart td.actions .input-text {
min-height: 49px;
}
.woocommerce .cart [name='update_cart'].button {
padding: 16px 26px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
line-height: 48px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
height: 48px !important;
}
.specia-content h6 span h4 {
font-size: inherit;
line-height: 1.2;
margin-bottom: 0;
}
.header-vertical-bar {
max-height: 340px;
overflow-y: auto;
}