/*------------------------------------------------------------------
[Table of contents]
- Page Heading
- Blog
- Post Page
- Comments
-------------------------------------------------------------------*/

/*01. Page Heading*/


/*02  Blog */

.wrap-post {
    margin-right: -15px;
    margin-bottom: 25px;
    margin-left: -15px;
    text-align: center;
}

.post {
    position: relative;
    margin-bottom: 40px;
}

.post .entry-media {
    position: relative;
}

.post .entry-main {
    position: relative;
    padding: 50px 20px 20px 50px;
    background: #fff;
    transition: all 0.3s;
}

.post:hover .entry-main_mod-a {
    /* background: url('../media/bg/texture-1.gif'); */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.post .entry-title {
    font-family: Raleway;
    font-size: 18px;
    font-weight: 700;
    text-transform: uppercase;
}

.post .entry-title,
.post .entry-title a {
    margin-top: 0;
    margin-bottom: 13px;
    padding-right: 50px;
    color: #222;
}

.post .entry-meta {
    text-transform: uppercase;
}

.post .entry-meta__item {
    margin-right: 15px;
    font-size: 11px;
    font-weight: 500;
    color: #999;
}

.post .entry-main__inner {
    position: relative;
    margin-bottom: 25px;
}

.post .entry-main__inner:after {
    position: absolute;
    top: 0;
    left: -50px;
    width: 5px;
    height: 100%;
    background-color: #999;
    content: '';
    transition: all 0.3s;
}

.post .entry-content {
    padding-top: 5px;
}

.post .entry-date {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 1px;
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.22);
    transform: rotate(45deg);
}

.post .entry-date__inner {
    display: block;
    margin: -3px 0 0 14px;
    font-family: Ubuntu;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle;
    transform: rotate(-45deg);
    text-transform: uppercase;
}

.post .entry-btn {
    position: absolute;
    top: 25px;
    left: 30px;
    opacity: 0;
    transition: all 0.3s;
}

.post:hover .entry-btn {
    opacity: 1;
}

.entry-date__number {
    font-size: 15px;
}

.wrap-post-btn {
    display: inline-block;
    padding-right: 7px;
    border-left: 1px solid #eee;
    overflow: hidden;
}

.post-btn {
    display: block;
    margin-left: -8px;
    padding: 12px 18px 12px 18px;
    font-size: 10px;
    font-weight: 500;
    color: #555;
    vertical-align: top;
    border: 1px solid #eee;
    background-color: #fff;
    transform: skewX(22deg);
    text-transform: uppercase;
}

.post-btn:hover {
    color: #fff;
    text-decoration: none;
}

.post-btn__inner {
    display: block;
    transform: skewX(-22deg);
}

.post .decor-1 {
    margin-bottom: 15px;
}

.post .entry-footer {
    margin-top: 30px;
    margin-bottom: 15px;
}

.post-link {
    font-family: Raleway;
    font-size: 11px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
}

.post .ui-title-inner {
    margin-bottom: 18px;
    padding-top: 20px;
    font-size: 14px;
}

.post .wrap-social-block {
    margin-top: 0;
    margin-bottom: 20px;
}


.post_mod-a .entry-date {
    top: 61px;
}

.post_mod-a .entry-media {
    max-width: 470px;
}

.post_mod-a:nth-child(odd) .entry-media {
    float: right;
}

.post_mod-a:nth-child(even) .entry-media {
    float: left;
}

.post_mod-a .post-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: all 0.3s;
    text-align: center;
}

.post_mod-a:hover .post-hover {
    opacity: 1;
}

.post_mod-a .post-hover .icon {
    display: inline-block;
    font-size: 20px;
    color: #fff;
    vertical-align: middle;
}

.post_mod-a .entry-main {
    padding-top: 55px;
    padding-bottom: 33px;
    transition: all 0.3s;
}

.post_mod-a:nth-child(odd) .entry-main {
    margin-right: 470px;
}

.post_mod-a:nth-child(even) .entry-main {
    margin-left: 470px;
    padding-left: 74px;
}

.post_mod-a:nth-child(even) .entry-date {
    left: -25px;
}

.post_mod-a:nth-child(odd) .entry-date {
    right: -25px;
}

.post_mod-a:nth-child(odd) .entry-main__inner,
.post_mod-a:nth-child(odd) .entry-content {
    padding-right: 70px;
}


.post_mod-a:nth-child(even) .entry-main__inner:after {
    right: -20px;
    left: auto;
    ;
}

.post_mod-b {
    margin-bottom: 0;
}

.post_mod-b .entry-date {
    top: -25px;
    right: 72px;
}

.post_mod-b .entry-content {
    padding-top: 0;
}


.post_mod-c {
    display: inline-block;
    width: 355px;
    margin-right: 15px;
    margin-bottom: 50px;
    margin-left: 15px;
    vertical-align: top;
    text-align: left;
}


.post_mod-c .entry-main {
    padding-top: 58px;
    padding-bottom: 13px;
}

.post_mod-c .entry-title {
    font-size: 14px;
}

.post_mod-c .post-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0);
    transition: all 0.3s;
}

.post_mod-c:hover .post-hover {
    background-color: rgba(0, 0, 0, 0.5);
}

.post_mod-c .entry-title {
    margin-bottom: 5px;
}


.post_mod-c .entry-date {
    position: absolute;
    top: -24px;
    right: 50px;
}

.post_mod-c .entry-date__inner {
    margin-top: 3px;
    margin-left: 0;
    text-align: center;
}


.post_mod-d {
    margin-bottom: 50px;
}

.about-autor {
    position: relative;
    padding: 34px 84px 34px 34px;
    color: #fff;
}

.about-autor__img {
    float: left;
}

.about-autor__inner {
    margin-left: 147px;
}

.about-autor__name {
    margin-top: 5px;
    margin-bottom: 5px;
    font-family: Raleway;
    font-size: 13px;
    font-weight: 700;
    color: #fefefe;
    text-transform: uppercase;
}

.about-autor__categorie {
    margin-bottom: 18px;
    font-size: 11px;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.6);
    text-transform: uppercase;
}

.about-autor__description {
    font-size: 13px;
    font-weight: 300;
    line-height: 20px;
}

.about-autor__social {
    position: absolute;
    top: 0;
    right: 0;
}

.about-autor__social a {
    display: block;
    padding: 17px 28px;
    color: #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    transition: all 0.3s;
}

.about-autor__social a:hover {
    color: #ccc;
    text-decoration: none;
}

/*.about-autor__social li:last-child a {
	border-bottom: none;
}*/
.about-autor .decor-1,
.about-autor .decor-1:after {
    border-top-color: rgba(204, 204, 204, 0.7);
}

.post-nav {
    margin-top: 45px;
    /* background: url('../media/bg/texture-1.gif'); */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.post-nav__item {
    display: inline-block;
    width: 50%;
    margin-right: -2px;
    margin-left: -1px;
    padding: 50px 25px 50px;
    vertical-align: top;
}

.post-nav__img {
    width: 75px;
    height: 75px;
}

.post-nav__title {
    font-family: Raleway;
    font-size: 15px;
    font-weight: 700;
    line-height: 18px;
    color: #222;
    text-transform: uppercase;
}

.post-nav__link {
    display: block;
    margin-top: 22px;
    font-family: Raleway;
    font-size: 12px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
}

.post-nav__item:nth-child(odd) {
    text-align: right;
}

.post-nav__item:nth-child(odd) .post-nav__inner {
    margin-right: 95px;
}

.post-nav__item:nth-child(even) .post-nav__inner {
    margin-left: 95px;
}

.post-nav__item:nth-child(odd) .post-nav__img {
    float: right;
}

.post-nav__item:nth-child(even) .post-nav__img {
    float: left;
}

.post-nav .decor-3 {
    margin-top: -2px;
    margin-left: 14px;
    text-align: left;
}


/*03  Comments */

.section-comment {
    margin-top: 46px;
    padding: 26px 40px 0 50px;
    background-color: #fff;
}

.section-comment .ui-title-inner {
    margin-bottom: 16px;
    font-size: 15px;
}

.section-comment .border-color {
    border-width: 3px;
}

.section-comment .border-color:after {
    width: 0;
}

.comments-list {
    margin-top: 39px;
    padding-left: 0;
    list-style-type: none;
    ;
}

.comments-list .children {
    margin-left: 70px;
    list-style-type: none;
}

.comments-list .comment {
    position: relative;
    margin-bottom: 45px;
}

.comments-list .comment-inner {
    margin-left: 90px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
}

.comments-list .comment-inner {
    margin-left: 90px;
    border-bottom: 1px solid #eee;
}

.comments-list .avatar-placeholder {
    float: left;
    width: 65px;
    height: 65px;
    border-radius: 50%;
    overflow: hidden;
}

.comments-list .comment-header {
    margin-bottom: 15px;
    overflow: hidden;
    text-transform: uppercase;
}

.comments-list .comment-author {
    display: block;
    margin-top: 6px;
    margin-bottom: 4px;
    font: 700 12px Raleway;
    color: #222;
}

.comments-list .comment-author__inner {
    font-size: 13px;
    color: #999;
    text-transform: none;
}

.comments-list .comment-datetime {
    display: block;
    font-family: Ubuntu;
    font-size: 11px;
    font-weight: 500;
}

.comments-list .comment-reply {
    position: absolute;
    top: 0;
    right: 0;
}

.comments-list .comment-reply .btn {
    background-color: #f8f8f8;
    padding: 10px 20px;
}

.comment-reply-form {
    /* margin-top: 44px; */
    padding: 27px 45px 48px;
    background-color: #8b281f21;
}

.comment-reply-form .ui-title-inner {
    margin-top: 20px;
    margin-bottom: 16px;
    font-size: 15px;
}

.comment-reply-form .input-group {
    margin-bottom: 20px;
}

.comment-reply-form .form-control {
    margin-bottom: 22px;
    background-color: #f5f5f5;
}

.comment-reply-form .form-control:focus {
    background-color: #fff;
}

.comment-reply-form .decor-1 {
    margin-bottom: 40px;
}

.comment-reply-form .wrap__btn-skew-r {
    margin-top: 5px;
}




/* color  */

/*///////////////////////////////////////////////////////////////////////////////////////////*/
/* COLOR CSS 1*/
/*///////////////////////////////////////////////////////////////////////////////////////////*/


a,
.color_primary,
.ui-title-inner .icon:before,
.link-img__link:hover .link-img__title,
.main-block__title strong,
.decor-3,
.list-services:hover .list-services__title,
.list-progress .icon,
.footer-title__inner,
.card__price-number,
.list-categories__link:before,
.list-categories__link:hover,
.list-descriptions dt:before,
.widget-post1__price,
.nav-tabs>li.active>a,
.nav-tabs>li>a:hover,
.nav-tabs>li.active>a:focus,
.social-blog__item:before,
blockquote:before,
.comments-list .comment-datetime {
    color: #dc2d13;
}


.bg-color_primary,
.main-slider__link,
.decor-2:before,
.decor-2:after,
.section-bg_primary,
.border-section-top_mod-b:before,
.border-section-top_mod-b:after,
.slider-grid__price,
.btn-default:after,
.owl-theme_mod-c .owl-controls .owl-page.active span,
.owl-theme_mod-c .owl-controls.clickable .owl-page:hover span,
.owl-theme_mod-d .owl-controls .owl-page.active span,
.owl-theme_mod-d .owl-controls.clickable .owl-page:hover span,
.list-type__link:hover,
.list-staff__item:hover .list-staff__info,
.progress-bar,
.post .entry-date,
.post:hover .entry-main__inner_mod-a:after,
.btn-effect:after,
.yamm .navbar-toggle,
.ui-btn_mod-a,
.jelect-option:hover,
.jelect-option_state_active,
.car-details__price,
.noUi-origin,
.btn-skew-r,
.list-tags__link:hover,
.about-autor {
    background-color: #8b281f;
}

.link-img__link,
.owl-theme_mod-c .owl-controls .owl-page.active span,
.owl-theme_mod-c .owl-controls.clickable .owl-page:hover span,
.owl-theme_mod-d .owl-controls .owl-page.active span,
.owl-theme_mod-d .owl-controls.clickable .owl-page:hover span,
.list-type__link:hover {
    border-color: #dc2d13;
}

#iview div.iview-directionNav a.iview-nextNav:hover:before,
.list-staff__item:nth-child(even):hover .list-staff__info:after,
.reviews:hover .reviews__title {
    border-left-color: #dc2d13;
}

#iview div.iview-directionNav a.iview-prevNav:hover:before,
.list-staff__item:nth-child(odd):hover .list-staff__info:after {
    border-right-color: #dc2d13;
}

.header.sticky .navbar,
.form-control:focus {
    border-bottom-color: #DC2D13;
}

.btn-default,
.btn-success {
    box-shadow: 5px 0 0 0 #dc2d13;
}

.yamm .nav>li>a:hover {
    box-shadow: 0 -5px 0 0 #dc2d13;
}

.link,
.list-type__link,
.main-slider__btn,
.car-details__title {
    box-shadow: -4px 0 0 0 #dc2d13;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus,
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
    box-shadow: 0 3px 0 0 #dc2d13;
}




/*///////////////////////////////////////////////////////////////////////////////////////////*/
/* RESPONSIVE CSS */
/*///////////////////////////////////////////////////////////////////////////////////////////*/



@media (min-width:1199px) and (max-width:1350px) {}

/* 768 x 1024 (Laptop) */

@media (min-width:992px) and (max-width:1199px) {
    
    .list-progress__item:nth-child(1),
    .list-progress__item:nth-child(3) {
        width: 290px;
    }

    .list-progress__item:nth-child(2) {
        width: 300px;
        background-position: 0 3px;
    }

    .list-progress__item:nth-child(1) .icon,
    .list-progress__item:nth-child(2) .icon,
    .list-progress__item:nth-child(3) .icon {
        font-size: 40px;
    }

    .list-type__item,
    .list-type__link {
        width: 290px;
    }

    .list-staff__item {
        width: 440px;
    }

    .list-staff__media {
        width: 210px;
    }

    .list-staff__item:nth-child(odd) .list-staff__inner {
        margin-left: 210px;
    }

    .list-staff__item:nth-child(even) .list-staff__inner {
        margin-right: 210px;
    }
}

/* end min-width:992px and max-width:1199px */


/* 768 x 1024 (iPad - Portrait) */

@media (max-width:991px) {
    .iview-caption {
        top: 37vw;
        right: -60vw;
        text-align: right;
    }

    .header .logo {
        position: absolute;
        left: 10px;
        top: 50px;
    }

    .yamm .nav>li>a {
        padding-top: 20px;
    }

    .list-progress__item:nth-child(1),
    .list-progress__item:nth-child(3) {
        width: 350px;
        background-image: url('https://pro-theme.com:443/html/autozone/assets/media/figure/figure-2.svg');
    }

    .list-progress__item:nth-child(1),
    .list-progress__item:nth-child(2),
    .list-progress__item:nth-child(3) {
        height: 120px;
        background-size: containh;
    }

    .list-progress__item:nth-child(2) {
        width: 350px;
        background-position: 0 0;
    }

    .list-progress__item:nth-child(1) .icon,
    .list-progress__item:nth-child(2) .icon,
    .list-progress__item:nth-child(3) .icon {
        font-size: 40px;
    }

    .post_mod-a:nth-child(odd) .entry-media,
    .post_mod-a:nth-child(even) .entry-media {
        float: none;
    }

    .post_mod-a:nth-child(odd) .entry-main {
        margin-right: 0;
    }

    .post_mod-a:nth-child(even) .entry-main {
        margin-left: 0;
    }

    .list-staff {
        text-align: center;
    }

    .main-block {
        margin-left: 0;
        margin-right: 0;
    }

    .wrap-link-img {
        position: relative;
        height: 260px;
        margin-bottom: 30px;
    }

    .link-img__item {
        width: 170px;
    }

    .post_mod-a:nth-child(even) .entry-date {
        left: 10px;
    }

    .post_mod-a:nth-child(odd) .entry-date {
        right: 10px;
    }

    .ui-title-inner {
        line-height: 1.5;
    }

    .section_mod-d {
        background: none;
    }

    .section_brands {
        margin-top: 0;
    }

    .list-brands__item {
        width: 200px;
        margin-bottom: 20px;
    }

    .owl-item:nth-child(4n+1) .slider-gallery__link,
    .owl-item:nth-child(4n+2) .slider-gallery__link,
    .owl-item:nth-child(4n+3) .slider-gallery__link,
    .owl-item:nth-child(4n+4) .slider-gallery__link {
        -webkit-clip-path: none;
        clip-path: none;
    }

    .list-staff {
        margin-left: 0;
        margin-right: 0;
    }

    .card-list__row {
        float: none;
        width: 100%;
    }

    .card__price {
        margin-top: 20px;
    }

    .about-autor__social li:last-child a {
        border-bottom: 1px solid #fff;
    }
    .mapCon{
        height: 250px !important;
    }
}

/* end max-width:991px */


@media (max-width:991px) and (min-width:768px) {
    .yamm .nav>li>a {
        font-size: 11px;
    }

    .list-type__item
    {
        width: 340px;
    }
}

/* end max-width:991px and min-width:768px */


/*480 x 640 (small tablet and iPhone)*/

@media (max-width:767px) {
    .top-header {
        text-align: center;
    }

    .header-contacts,
    .header .social-links {
        float: none;
    }

    .header-contacts {
        margin-bottom: 15px;
    }

    .navbar-nav {
        margin: 0;
    }

    .yamm .nav {
        margin-right: 0;
    }

    .link-img {
        position: relative;
        margin-bottom: 20px;
    }

    .link-img_mod-a {
        left: 0;
    }

    .link-img_mod-b {
        right: 0;
    }

    .wrap-link-img {
        height: auto;
        text-align: center;
    }

    .owl-theme_mod-a .owl-controls {
        top: -30px;
    }

    .list-staff__item {
        width: auto;
        background-color: #FFF;
    }

    .list-staff__item:nth-child(odd) .list-staff__media,
    .list-staff__item:nth-child(even) .list-staff__media {
        float: none;
    }

    .list-staff__item:nth-child(odd) .list-staff__inner {
        margin-left: 0;
    }

    .list-staff__item:nth-child(even) .list-staff__inner {
        margin-right: 0;
    }

    .list-staff__info:after {
        content: none;
    }

    .post_mod-a {
        margin-top: 10px;
    }

    .card__img {
        float: none;
    }

    .card__inner {
        margin-left: 0;
        margin-top: 20px;
    }

    .card__list {
        width: 100%;
    }

    .pagination>li>a,
    .pagination>li>span {
        margin-bottom: 10px;
    }

    .letter__inner {
        width: 100%;
        float: none;
    }

    .post-nav__item:nth-child(odd) .post-nav__img,
    .post-nav__item:nth-child(even) .post-nav__img {
        display: none;
    }

    .post-nav__item:nth-child(even) .post-nav__inner {
        margin-left: 0;
    }

    .post-nav__item:nth-child(odd) .post-nav__inner {
        margin-right: 0;
    }
}

/* end max-width:767px */


@media (max-width:767px) and (min-width:480px) {}

/*320 x 480 (iPhone)*/

@media (max-width:480px) {
    .header {
        background: #333;
    }

    html .header .logo {
        left: 8px;
        margin: 0px;
        position: absolute;
        top: 4px;
        right: 13px;
    }

    .sp-arrow {
        display: none !important;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inherit !important;
    }

    html .yamm .nav {
        margin-top: 20px;
    }

    .header__inner {

        border-top: 1px solid rgba(255, 255, 255, 0.15);
        margin-top: 0;
        padding: 10px 0;
    }

    .link-img__item {
        width: 40%;
    }

    .link-img_mod-a .link-img__wrap-title {
        margin-right: 0;
    }

    .link-img_mod-b .link-img__wrap-title {
        margin-left: 0;
    }

    .border-section-top:before,
    .border-section-top:after,
    .border-section-bottom:before,
    .border-section-bottom:after {
        display: none;
    }

    .list-progress__item:nth-child(1),
    .list-progress__item:nth-child(2),
    .list-progress__item:nth-child(3) {
        width: 270px;
    }

    .list-progress__item {
        padding-top: 5px;
    }

    .list-type__item,
    .list-type__link {
        width: 270px;
    }

    .slider-gallery {
        margin-top: 73px;
    }

    #iview div.iview-directionNav {
        display: none;
    }

    .header {
        position: relative;
    }

    .iview-caption {
        display: none;
    }

    .iview-controlNav {
        top: 0;
        bottom: auto;
        right: 0;
    }

    .list-staff__item {
        margin-left: 0;
        margin-right: 0;
    }

    .entry-meta__item {
        display: block;
    }

    .block-title .bg-inner {
        padding-top: 30px;
    }

    .sorting__title {
        font-size: 11px;
    }

    .sorting__item {
        margin-right: 5px;
    }

    .post_mod-c {
        width: auto;
    }

    .post-nav__item {
        width: 100%;
        display: block;
    }

    .about-autor__img {
        float: none;
    }

    .about-autor__inner {
        margin-left: 0;
    }

    .post .entry-main {
        padding-left: 35px;
    }

    .comments-list .avatar-placeholder {
        float: none;
    }

    .comments-list .comment-inner,
    .comments-list .children {
        margin-left: 0;
    }
}




.wrap-section-border {
    padding-top: 30px;
    overflow: hidden;
}

.bg-inner {
    position: relative;
    z-index: 10;
}

.section-bg {
    position: relative;
}

.section-bg_second {
    background-color: #181818;
}

.section-bg:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    opacity: 0.2;
    content: '';
}

.section-bg .bg-inner {
    padding-top: 50px;
    padding-bottom: 30px;
}

.section-bg-2:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0.1;
}

.section_default {
    position: relative;
    padding-top: 90px;
    padding-bottom: 130px;
}

.section_mod-a {
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.section_mod-a:before {
    bottom: -30px;
    /* background: url('../media/bg/1.png') no-repeat bottom center; */
}

.section_mod-a .ui-title-inner {
    margin-top: 0;
}

.section_mod-a .brand-link {
    margin-top: 20px;
}

.section_mod-b {
    height: 610px;
}

/* .section_mod-b:after {
    background-image: url('../media/bg/2.jpg');
} */

.section_mod-c:after {
    background-image: url('../media/bg/3.jpg');
}

.imagecont {
   margin-top: 20px;
    width: 100%;

}
.section_mod-d{
    padding-bottom: 70px;
}

.section_mod-d .ui-subtitle-block_mod-b {
    margin-bottom: 20px;
}

.section_mod-d .link {
    margin-top: 23px;
}

.section_mod-d .decor-1+.link {
    margin-top: 0;
}

/* .section_mod-e:after {
    background-image: url('../media/bg/5.jpg');
}

.section_mod-f:after {
    background-image: url('../media/bg/6.jpg');
} */

.section_mod-g:after {
    background-image: url('../media/bg/7.jpg');
}

.section_mod-h {
    padding-bottom: 30px;
}

/* .section_mod-h:after {
    background-image: url('../media/bg/9.jpg');
} */

.section_mod-e:before {
    bottom: -30px;
    background: url('../media/bg/4.jpg') no-repeat 0 100%;
}

.section_mod-i {
    
    padding-bottom: 45px;
}

.section_brands {
    margin-top: 0px;
    padding-bottom: 20px;
}

.section_brands .ui-title-inner {
    margin-top: 40px;
    margin-bottom: 0;
}

.section_list-post {
    padding-top: 60px;
    padding-bottom: 40px;
}

.section_list-post .ui-subtitle-block_mod-b {
    margin-bottom: 56px;
}

.section_list-post .ui-title-block {
    margin-top: 0;
}

.section_map {
    position: relative;
    padding-top: 100px;
    padding-bottom: 50px;
}

.section_map:before {
    bottom: -30px;
    background: url('../media/bg/7.jpg') no-repeat 100% 100%;
}

.section_map .ui-title-inner {
    margin-top: 43px;
    margin-bottom: 25px;
}

.section_letter {
    color: #fff;
}

.section_letter .bg-inner {
    padding-top: 28px;
    padding-bottom: 48px;
    overflow: hidden;
    ;
}

.section_letter:after {
    background-image: url('../media/bg/12.jpg');
}




.sidebar {
    margin-bottom: 40px;
    padding-top: 5px;
    padding-bottom: 50px;
    background-color: #fff;
}

.widget {
    padding: 26px 32px 0;
}

.widget_mod-a {
    padding: 46px 32px 35px;
    border-bottom: 1px solid #eee;
}

.widget_mod-b {
    margin-top: 30px;
    padding-left: 80px;
}

.widget_mod-c {
    padding-bottom: 16px;
}

.widget-slider {
    padding-bottom: 38px;
}

.widget-title {
    position: relative;
    margin-top: 0;
    margin-bottom: 12px;
    font-family: Raleway;
    font-size: 15px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
}

.widget-title:before {
    position: absolute;
    top: -5px;
    left: -32px;
    width: 4px;
    height: 25px;
    background-color: #999;
    content: '';
}

.widget-content {
    margin-top: 35px;
    margin-bottom: 8px;
}


.widget-post1 {
    margin-top: 25px;
    padding-bottom: 26px;
    border-bottom: 1px solid #eee;
}

.widget-post1__img {
    float: left;
    width: 75px;
}

.widget-post1__inner {
    margin-left: 100px;
}

.widget-post1__title {
    margin-top: 0;
    margin-bottom: 6px;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #555;
    text-align: left;
}

.widget-post1__price {
    margin-bottom: 12px;
    font: 500 13px Ubuntu;
    text-align: left;
    text-transform: uppercase;
}

.widget-post1__description {
    font-weight: 300;
}

.widget-post1__reviews {
    margin-top: 13px;
}

.widget-banner {
    margin-bottom: 30px;
}



.list-categories__link {
    display: block;
    margin-bottom: 12px;
    margin-left: 8px;
    font-weight: 500;
    color: #555;
    transition: all 0.3s;
    text-transform: uppercase;
}

.list-categories__link:before {
    display: inline-block;
    margin-right: 13px;
    font: normal normal normal 7px/1 FontAwesome;
    vertical-align: middle;
    content: '\f0da';
}

.list-categories__link:hover {
    text-decoration: none;
}

.list-categories__more {
    display: block;
    margin-top: 27px;
    margin-left: 9px;
    font-size: 11px;
    font-weight: 500;
}



.list-descriptions dt {
    display: block;
    margin-left: 2px;
    font-weight: 500;
    color: #222;
    transition: all 0.3s;
    text-transform: uppercase;
}

.list-descriptions dt:before {
    display: inline-block;
    margin-right: 13px;
    font: normal normal normal 7px/1 FontAwesome;
    vertical-align: middle;
    content: '\f0da';
}

.list-descriptions dt:hover {
    text-decoration: none;
}

.list-descriptions dd {
    display: block;
    margin-top: 3px;
    margin-bottom: 23px;
    margin-left: 17px;
    font-weight: 300;
    line-height: 1.7;
}


.slider-price {
    max-width: 200px;
}

.slider-price__wrap-input {
    display: block;
    margin-bottom: 5px;
}

.slider-price__input {
    display: inline-block;
    width: 70px;
    margin: 0 10px;
    font-size: 10px;
    color: #fff;
    border: none;
    background-color: #444;
    text-align: center;
}

.wrap__btn-skew-r {
    /*width: 160px;*/
    margin-top: 42px;
    padding-left: 12px;
    padding-right: 12px;
    overflow: hidden;
}

.btn-skew-r {
    margin-left: -20px;
    padding: 15px 29px 14px;
    font-size: 12px;
    font-weight: 700;
    color: #fff;
    border: none;
    box-shadow: 5px 0 0 0 #555;
    transform: skewX(18deg);
    text-transform: uppercase;
}

.btn-skew-r__inner {
    display: block;
    transform: skewX(-18deg);
}

.btn-skew-r.btn-effect:after {
    background-color: #222;
}


.list-tags__link {
    display: block;
    padding: 10px 18px;
    font-size: 11px;
    font-weight: 500;
    color: #222;
    background-color: #f5f5f5;
    box-shadow: 0 3px 0 0 #ccc;
    transition: all 0.3s;
    text-transform: uppercase;
}

.list-tags__link:hover {
    color: #fff;
    box-shadow: 0 3px 0 0 #555;
    text-decoration: none;
}

.list-tags>li {
    margin-bottom: 15px;
    padding-left: 0;
}


.social-blog {
    padding-left: 0;
    list-style-type: none;
}

.social-blog__item {
    position: relative;
    margin-bottom: 22px;
    padding-bottom: 23px;
    padding-left: 24px;
    font-weight: 300;
    line-height: 1.53;
    color: #888;
    border-bottom: 1px solid #eee;
}

.social-blog__item:before {
    position: absolute;
    top: 2px;
    left: 0;
    font: normal normal normal 14px/1 FontAwesome;
    content: '\f099';
}

.social-blog__link,
.social-blog__link a {
    margin-top: 7px;
    font-weight: 500;
    color: #555;
}

.social-blog__link:hover {
    color: #555;
}

.widget_searce {
    margin-bottom: 27px;
    padding-top: 33px;
}

.form-search {
    position: relative;
    padding-bottom: 17px;
    border-bottom: 1px solid #ccc;
}

.form-search__input {
    width: 100%;
    padding: 0 30px 0 5px;
    font-family: Ubuntu;
    font-size: 13px;
    font-weight: 400;
    color: #ccc;
    border: none;
}

.form-search__input:focus {
    outline-style: none;
}

.form-search__submit {
    position: absolute;
    top: -2px;
    right: 0;
    font-size: 16px;
    color: #999;
    border: none;
    background-color: transparent;
}

.form-search__input::-webkit-input-placeholder {
    color: #aaa;
}

.form-search__input::-moz-placeholder {
    color: #aaa;
}

.btn-filter {
    margin-left: 40px;
}




/*------------------------------------------------------------------
[Table of contents]

 - Global
 - Header
 - Navigation
 - Footer
 - Components
 - Sections
 - Sliders


-------------------------------------------------------------------*/


/* ======= GLOBAL ======= */



body p {
    font-weight: 300;
    line-height: 1.6923;
}

select:focus {
    outline-style: none;
}

input::-webkit-input-placeholder {
    color: #aaa;
}

input::-moz-placeholder {
    color: #aaa;
}

img.pull-right {
    padding-left: 20px;
}

img.pull-left {
    padding-right: 20px;
}

#wrapper {
    margin: auto;
}


.main-content {
    margin-bottom: 60px;
}

.ui-title-page {
    margin-bottom: 30px;
    padding-right: 10px;
    padding-left: 10px;
    font-family: Ubuntu;
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.ui-title-block {
    font-family: Raleway;
    font-size: 40px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
}

.ui-title-block_mod-a {
    color: #fff;
}

.ui-subtitle-block_mod-a {
    font-size: 16px;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.ui-subtitle-block_mod-b {
    font-size: 13px;
    font-weight: 300;
    color: #777;
    text-transform: uppercase;
}

.ui-title-inner {
    margin-bottom: 12px;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    text-transform: uppercase;
}
.ui-title-inner1{
    text-transform: none;
}

.ui-title-inner_mod-a {
    font-size: 20px;
}

.ui-description {
    font-size: 15px;
    font-weight: 500;
    color: #777;
   
}
.ui-description p{
    text-align: justify;

}
.paraab{
    text-align: justify;
    width: 90%;
}
.link {
    display: inline-block;
    margin-bottom: 18px;
    margin-left: 4px;
    padding: 4px 17px;
    font-size: 13px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
}

.btn-primary.btn-effect:after {
    background-color: #000;
}


.ui-btn_wrap {
    display: block;
    overflow: hidden;
}

.ui-btn_mod-a {
    display: inline-block;
    transform: skewX(10deg);
}

.ui-btn_mod-a_inner {
    display: block;
    transform: skewX(-10deg);
}

.br {
    display: block;
}


.helper,
.helper:before {
    display: inline-block;
    vertical-align: middle;
}

.helper:before {
    width: 0;
    height: 100%;
    content: '';
}

.rtd {
    position: relative;
}



/* ======= BASIC ELEMENTS ======= */

.decor-1 {
    width: 30px;
    margin-bottom: 20px;
    border-top: 1px solid #5d5b5b;
}

.decor-1:after {
    display: block;
    width: 30px;
    margin-top: 2px;
    margin-left: 10px;
    border-top: 1px solid #5d5b5b;
    content: '';
}

.decor-1_mod-a {
    border-top: 1px solid rgba(204, 204, 204, 0.8);
}

.decor-1_mod-a:after {
    border-top: 1px solid rgba(204, 204, 204, 0.8);
}

.decor-1_mod-b {
    display: inline-block;
    width: 170px;
    margin: 17px 0 20px -15px;
}

.decor-1_mod-b:after {
    width: 170px;
    margin-left: 20px;
}

.decor-1_mod-c {
    margin-top: 17px;
    margin-bottom: 30px;
    margin-left: 30px;
}

.tab-content .decor-1 {
    margin-top: 19px;
}

.decor-2 {
    position: relative;
    display: inline-block;
    margin-top: 6px;
    text-align: center;
}

.decor-2:before,
.decor-2:after {
    position: absolute;
    top: 5px;
    display: block;
    width: 14px;
    height: 14px;
    content: '';
    transform: rotate(45deg);
}

.decor-2:before {
    right: -10px;
}

.decor-2:after {
    left: -10px;
}

.decor-2 .icon {
    position: relative;
    display: inline-block;
    width: 23px;
    height: 23px;
    font-size: 12px;
    line-height: 1;
    color: #555;
    border: 3px solid #f5f5f5;
    border-radius: 3px;
    background-color: #ddd;
    z-index: 1;
    transform: rotate(45deg);
}

.decor-2 .icon:before {
    display: block;
    margin: 3px 0 0 1px;
    transform: rotate(-45deg);
}

.decor-3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 14px;
    margin-left: 3px;
    font-size: 8px;
    vertical-align: middle;
    border: solid 1px #ccc;
    background-color: #fff;
    transform: rotate(45deg);
    text-align: left;
}

.decor-3:before {
    display: block;
    margin: 4% 45% 0 32%;
    line-height: 1;
    transform: rotate(-45deg);
}

.brand-link {
    display: block;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
}

.brand-link .icon {
    display: inline-block;
    margin-top: 3px;
    padding-right: 10px;
    padding-left: 10px;
    font-size: 9px;
    vertical-align: text-top;
    ;
    ;
}

.border-section-top {
    position: relative;
}

.border-section-top:before,
.border-section-top:after {
    position: absolute;
    top: -16px;
    width: 170px;
    height: 80px;
    content: '';
}

.border-section-top:before {
    left: -70px;
    box-shadow: 4px 1px 0 2px #f5f5f5;
    transform: skew(-58deg, 10deg);
}

.border-section-top:after {
    right: -70px;
    box-shadow: -4px 1px 0 2px #f5f5f5;
    transform: skew(58deg, -10deg);
}

.border-section-top_mod-a:before,
.border-section-top_mod-a:after {
    background-color: #222;
}

.border-section-bottom {
    position: relative;
    bottom: -2px;
    width: 100%;
    z-index: 10;
}

.border-section-bottom:before,
.border-section-bottom:after {
    position: absolute;
    bottom: -2px;
    content: '';
}

.border-section-bottom:before {
    right: 127px;
    width: 165px;
    height: 54px;
    background-color: #f5f5f5;
    transform: skewX(-42deg);
}

.border-section-bottom:after {
    right: 35px;
    border-right: 50px solid transparent;
    border-bottom: 55px solid #f5f5f5;
    border-left: 50px solid transparent;
}

.border-section-bottom_mod-a:before {
    right: 112px;
    width: 150px;
    height: 15px;
}

.border-section-bottom_mod-a:after {
    right: 74px;
    border-right-width: 15px;
    border-bottom-width: 15px;
    border-left-width: 15px;
}

.btn-inner {
    display: block;
    transform: skewX(17deg);
}

.btn-effect {
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.btn-effect:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 120%;
    height: 50%;
    opacity: 0;
    z-index: -1;
    content: '';
    transition: all 0.3s ease 0s;
    transform: translateX(-50%) translateY(-50%) rotate(45deg);
}

.btn-effect:hover:after {
    height: 350%;
    opacity: 1;
}

.block-title {
    position: relative;
    display: block;
    margin-bottom: 40px;
    overflow: hidden;
    text-align: center;
    ;
}

.block-title__inner:after {
    background-image: url('../images/breadcrumb13.jpg');
}

.block-title__inner {
    padding-top: 120px;
    padding-bottom: 60px;
}

.block-title:before,
.block-title:after {
    position: absolute;
    bottom: -3vw;
    width: 50.01%;
    height: 8vw;
    background-color: #f5f5f5;
    z-index: 101;
    content: '';
}

.block-title:before {
    left: 0;
    transform: skewY(4.5deg);
}

.block-title:after {
    right: 0;
    transform: skewY(-4.5deg);
}

.sorting {
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    /* background-image: url('../media/bg/texture-1.gif'); */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.sorting__inner {
    margin-left: 5px;
    padding-left: 34px;
    box-shadow: -5px 0 0 0 #999;
}

.sorting__item {
    display: inline-block;
    margin-right: 30px;
    padding-bottom: 10px;
}

.sorting__title {
    display: inline-block;
    margin-right: 10px;
    font-size: 12px;
    font-weight: 700;
    color: #555;
    text-transform: uppercase;
}

.select_mod-a {
    width: 190px;
}


.card {
    margin-bottom: 25px;
    padding: 24px 21px 10px;
    background-color: #fff;
}

.card__img {
    position: relative;
    float: left;
    width: 235px;
}

.card__wrap-label {
    position: absolute;
    bottom: 23px;
    left: 20px;
    padding: 10px 16px;
    background: red;
    box-shadow: 5px 0 0 0 #fff;
    transform: skewX(-18deg);
}

.card__title {
    margin-top: 12px;
    margin-bottom: 19px;
    margin-left: -5px;
}

.card__label {
    display: block;
    font-family: Raleway;
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    transform: skewX(18deg);
}

.card__inner {
    margin-left: 270px;
}

.card__description {
    margin-top: -5px;
}

.card__list {
    display: inline-block;
    width: 420px;
    ;
}

.card-list__row {
    float: left;
    width: 50%;
    margin-bottom: 5px;
    padding-right: 30px;
    font-size: 11px;
    color: #777;
}

.card-list__title {
    padding-right: 13px;
    font-weight: 700;
    color: #555;
}

.card__price {
    display: inline-block;
    padding-bottom: 20px;
    font-size: 13px;
    font-weight: 700;
    line-height: 18px;
    color: #555;
    vertical-align: top;
}

.card__price-number {
    display: block;
    margin-top: 7px;
    font-size: 24px;
}

.wrap-nav-tabs {
    margin-bottom: 15px;
    padding: 14px 0 12px;
    /* background-image: url('../media/bg/texture-1.gif'); */
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

.accordion .panel-heading .btn-collapse {
    position: absolute;
    top: 15px;
    left: -29px;
    display: block;
}

.accordion .panel .icon {
    float: right;
    width: 45px;
    background-color: transparent;
    text-align: center;
}

.accordion .panel-heading .collapsed .btn-collapse {
    background-color: transparent;
}

.accordion .btn-collapse .icon {
    font: normal normal 30px Raleway;
    line-height: 1;
}

.accordion .btn-collapse .icon:before {
    display: block;
    content: '-';
}

.accordion .btn-collapse.collapsed .icon:before {
    margin-top: 1px;
    content: '+';
}

/* ======= HEADER ======= */

.header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 110;
}

.top-header {
    padding-top: 17px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    background: linear-gradient(0deg, rgba(186, 209, 241, 0) 0%, rgba(0, 0, 0, 0.5) 100%);
}

.header-contacts {
    float: left;
}

.header-contacts__item {
    display: inline-block;
    margin-right: 30px;
    color: #fff;
}

.header-contacts__item .icon {
    margin-right: 10px;
}

.header .social-links {
    float: right;
    margin-right: -12px;
}

.header .social-links>li>a {
    padding-right: 7px;
    padding-left: 7px;
    font-size: 14px;
    color: rgba(255, 255, 255, 0.8);
}

.header .social-links>li>a:hover {
    color: #fff;
}

.header__inner {
    margin-top: 3px;
    border-top: 1px solid rgba(255, 255, 255, 0.15);
}

.header .logo {
    display: inline-block;
    margin-top: 8px;
}



/* ======= NAVIGATION ======= */



/* ======= FOOTER ======= */

.footer {
    /* padding-bottom: 40px; */
    text-align: center;
}

.footer-title {
    margin-top: 10px;
    margin-bottom: 0;
    font-family: Raleway;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.footer__item {
    display: inline-block;
    margin-top: 46px;
    margin-right: 21px;
    margin-left: 21px;
}

.footer__name {
    margin-top: 32px;
    margin-bottom: 10px;
    padding-right: 4px;
    padding-left: 5px;
    font-size: 16px;
    color: rgba(255, 255, 255, 0.5);
    letter-spacing: 0.1em;
    text-transform: uppercase;
}

.footer__text {
    font-size: 16px;
    color: #fff;
}

.footer__wrap-btn {
    position: relative;
    width: 300px;
    margin-top: -40px;
    margin-right: auto;
    margin-left: auto;
    border-top: 132px solid #181819;
    border-right: 150px solid transparent;
    border-left: 150px solid transparent;
    z-index: 10;
    text-align: center;
}

.footer__btn {
    position: absolute;
    top: -53px;
    left: -10px;
    font-size: 12px;
    color: #999;
    text-transform: uppercase;
    text-decoration: none !important;
}

.footer__btn:hover {
    color: #999;
}

.footer__btn:before,
.footer__btn:after {
    position: absolute;
    content: '';
}

.footer__btn:before {
    top: -38px;
    left: -14px;
    border-right: 25px solid transparent;
    border-bottom: 33px solid red;
    border-left: 25px solid transparent;
    z-index: 15;
}

.footer__btn:after {
    top: -23px;
    left: 2px;
    border-right: 9px solid transparent;
    border-bottom: 10px solid #eee;
    border-left: 9px solid transparent;
    z-index: 15;
}

.copyright {
    margin-top: 43px;
    color: #999;
    text-transform: uppercase;
}

.copyright__link {
    color: #222;
}

.footer .social-links {
    margin-top: 58px;
}

.footer .social-links>li>a {
    width: 34px;
    height: 34px;
    padding-top: 7px;
    font-size: 16px;
    color: #fff;
    /* border: 2px solid #999; */
    /* border-radius: 50%; */
    /* background-color: #222127; */
    /* opacity: 0.5; */
    transition: all 0.3s;
}

.footer .social-links>li>a:hover {
    opacity: 1;
}


/* ======= COMPONENTS ======= */

.list-mark {
    padding-top: 15px;
    padding-bottom: 15px;
}

.list-mark li {
    margin-bottom: 12px;
}

.social-links>li>a {
    transition: all 0.3s;
}

.social-links>li>a:hover {
    text-decoration: none;
}

.wrap-link-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.link-img {
    position: absolute;
    top: 0;
    margin-bottom: 0;
}

.link-img__item {
    width: 180px;
}

.link-img__link {
    position: relative;
    display: block;
    color: #fff;
    border-bottom-width: 5px;
    border-bottom-style: solid;
    overflow: hidden;
    transition: all 0.3s;
    text-align: center;
}

.link-img__link:before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    content: '';
    transition: all 0.3s;
}

.link-img__link:after {
    position: absolute;
    top: -38px;
    left: 0;
    width: 100%;
    height: 50px;
    height: 50px;
    background-color: #f5f5f5;
    content: '';
}

.link-img__link:hover {
    border-color: #222;
}

.link-img__link:hover:before {
    background-color: rgba(0, 0, 0, 0.8);
}

.link-img__title {
    display: block;
    font: 600 15px Raleway;
    color: #fff;
    text-shadow: 0 0 3px rgba(0, 0, 0, 0.6);
    transition: all 0.3s;

    text-transform: uppercase;
}

.link-img__wrap-title {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 20px;
}

.link-img_mod-a {
    left: 15px;
}

.link-img_mod-b {
    right: 10px;
}


.link-img_mod-a .link-img__wrap-title {
    right: 0;

    line-height: 1;
}

.link-img_mod-b .link-img__wrap-title {
    right: 0;

    line-height: 1;
}

.link-img_mod-a .link-img__link:after {
    transform: skewY(8deg);
}

.link-img_mod-b .link-img__link:after {
    transform: skewY(-8deg);
}


.main-block {
    margin: 40px 350px 70px;
    font-family: Raleway;
    color: #555;
    text-transform: uppercase;
}

.main-block__label {
    margin-bottom: 16px;
    font-size: 13px;
    font-weight: 600;
}

.main-block__title {
    margin-top: 35px;
    margin-bottom: 46px;
    font-size: 15px;
    font-weight: 700;
}

.main-block__title strong {
    display: block;
    margin-bottom: 7px;
    font-size: 30px;
}

.list-services {
    position: relative;
    margin-bottom: 150px;
    padding: 22px 22px 22px 0;
    background: #222;
    transition: all 1s;
    margin-left: 20px;
}

.list-services:after {
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background-color: #555;
    content: '';
}

.list-services .icon {
    display: block;
    margin-bottom: 32px;
    margin-left: 40px;
    font-size: 70px;
    transition: all 0.3s;
}

.list-services .decor-1 {
    margin-left: 40px;
}

.list-services__title {
    margin-bottom: 15px;
    font-family: Raleway;
    font-size: 18px;
    color: #fff;
}

.list-services__title strong {
    display: block;
    margin-top: 4px;
    font-size: 20px;
    font-weight: 600;
}

.list-services__description {
    display: none;
    margin-bottom: 17px;
    font-size: 13px;
    line-height: 1.38;
}

.list-services__inner {
    padding-left: 35px;
    border-left: 5px solid transparent;
    transition: all 0.3s;
}

.list-services:hover {
    margin-bottom: 0;
    border-bottom: 5px solid #ddd;
    /* background: url('../media/bg/texture-1.gif'); */
}

.list-services:hover:after {
    content: none;
}

.list-services:hover .list-services__description {
    display: block;
}

.list-services:hover .decor-1,
.list-services:hover .list-services__title strong {
    display: none;
}

.list-services:hover .list-services__title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
}

.list-services:hover .list-services__inner {
    border-left-color: #999;
}

.list-services:hover .icon {
    margin-top: 7px;
    margin-bottom: 25px;
    font-size: 85px;
}


.list-progress {
    margin-top: 52px;
    margin-bottom: 150px;
    text-align: center;
}

.list-progress__item {
    position: relative;
    display: inline-block;
    margin-right: 7px;
    margin-left: 7px;
    padding: 20px 0 0;
    vertical-align: top;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: contain;
}

.list-progress__item:nth-child(1) {
    width: 350px;
    height: 122px;
    background-image: url('https://pro-theme.com:443/html/autozone/assets/media/figure/figure-1.svg');
}

.list-progress__item:nth-child(2) {
    width: 360px;
    height: 118px;
    background-image: url('https://pro-theme.com:443/html/autozone/assets/media/figure/figure-2.svg');
    background-position: 0 100%;
}

.list-progress__item:nth-child(3) {
    width: 350px;
    height: 120px;
    background-image: url('https://pro-theme.com:443/html/autozone/assets/media/figure/figure-3.svg');
}

.list-progress__inner {
    display: inline-block;
    text-align: left;
}

.list-progress .chart {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
}

.list-progress .icon {
    display: inline-block;
    margin-right: 22px;
    line-height: 1;
}

.list-progress__item:nth-child(1) .icon {
    font-size: 78px;
}

.list-progress__item:nth-child(2) .icon {
    font-size: 53px;
}

.list-progress__item:nth-child(3) .icon {
    font-size: 58px;
}

.list-progress__name {
    display: block;
    font-family: Raleway;
    font-size: 15px;
    font-weight: 600;
    color: #999;
}


.list-brands {
    margin-top: 40px;
}

.list-brands__item {
    width: 20%;
    margin-right: -2px;
    margin-left: -1px;
}

.list-brands__inner {
    height: 100px;
    margin-right: 3px;
    margin-left: 3px;
    background-color: #fff;
    /*box-shadow: 0 4px 0 0 #ececec;*/
}

.list-brands__img {
    padding: 28px 15px;
}


.list-type {
    margin-top: 40px;
    margin-bottom: 30px;
    padding-left: 0;
    list-style-type: none;
    text-align: center;
}

.list-type__item {
    display: inline-block;
    width: 360px;
    margin: 0 0px 48px;
    padding-left: 23px;
    /* border-right: 1px solid #333; */
    overflow: hidden;
}

.list-type__link {
    display: block;
    /* width: 360px; */
    height: 210px;
    font-family: Raleway;
    color: #fff;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    background-color: rgba(0, 0, 0, 0.4);
    transition: all 0.3s;
    transform: skewX(6deg);
}

.list-type__link:hover {
    color: #fff;
    text-decoration: none;
}

.list-type__item .icon {
    display: block;
    margin-bottom: 0;
    font-size: 131px;
    line-height: 1;
}

.list-type__name {
    padding-top: 5px;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
}

.list-type__link:hover .list-type__name {
    display: none;
}

.list-type__info {
    display: none;
    padding-top: 5px;
    font-size: 22px;
    font-weight: 600;
}

.list-type__link:hover .list-type__info {
    display: block;
}

.list-type__inner {
    transform: skewX(-6deg);
}


.list-staff {
    margin: 57px -35px 0;
}

.list-staff__item {
    display: inline-block;
    width: 540px;
    /* margin-right: 31px; */
    margin-bottom: 40px;
    /* margin-left: 31px; */
    vertical-align: top;
}

.list-staff__media {
    position: relative;
    width: 50%;
    transition: all 0.3s;
}

.list-staff__media:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    transition: all 0.3s;
}

.list-staff__item:hover .list-staff__media:after {
    background-color: rgba(0, 0, 0, 0.65);
}

.list-staff__item:nth-child(odd) .list-staff__media {
    float: left;
}

.list-staff__item:nth-child(even) .list-staff__media {
    float: right;
}

.list-staff__item:nth-child(odd) .list-staff__inner {
    margin-left: 270px;
    text-align: left;
}

.list-staff__item:nth-child(even) .list-staff__inner {
    margin-right: 270px;
}

.list-staff__info {
    position: relative;
    padding-top: 40px;
    padding-bottom: 15px;
    background-color: #fff;
    transition: all 0.3s;
}

.list-staff__info:after {
    position: absolute;
    top: 50px;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
    content: '';
    transition: all 0.3s;
}

.list-staff__item:nth-child(odd) .list-staff__info:after {
    left: -15px;
    border-right: 15px solid #fff;
}

.list-staff__item:nth-child(even) .list-staff__info:after {
    right: -15px;
    border-left: 15px solid #fff;
}

.list-staff__item:nth-child(even) .list-staff__info {
    text-align: right;
}

.list-staff__wrap_name {
    padding-right: 21px;
    transition: all 0.3s;
    text-transform: uppercase;
}

.list-staff__item:nth-child(odd) .list-staff__wrap_name {
    margin-right: 5px;
    margin-left: 27px;
    box-shadow: 5px 0 0 0 #999;
}

.list-staff__item:nth-child(even) .list-staff__wrap_name {
    margin-left: 5px;
    box-shadow: -5px 0 0 0 #999;
}

.list-staff__name {
    font-family: Raleway;
    font-size: 15px;
    font-weight: 700;
    color: #222;
    transition: all 0.3s;
}

.list-staff__item:hover .list-staff__name,
.list-staff__item:hover .list-staff__categories,
.list-staff__item:hover .list-staff__description {
    color: #fff;
}

.list-staff__item:nth-child(odd):hover .list-staff__wrap_name {
    box-shadow: 5px 0 0 0 #eee;
}

.list-staff__item:nth-child(even):hover .list-staff__wrap_name {
    box-shadow: -5px 0 0 0 #eee;
}

.list-staff__item:nth-child(odd) .decor-1 {
    margin-right: auto;
    margin-left: 36px;
}

.list-staff__item:nth-child(even) .decor-1 {
    margin-right: 36px;
    margin-left: auto;
}

.list-staff__categories {
    margin-bottom: 16px;
    padding-top: 3px;
    font-size: 11px;
    font-weight: 500;
    color: #999;
    transition: all 0.3s;
}

.list-staff__description {
    padding-right: 26px;
    padding-left: 26px;
    transition: all 0.3s;
    text-align: justify;
}

.list-staff__social {
    position: absolute;
    bottom: 25px;
    width: 100%;
    opacity: 0;
    z-index: 10;
    transition: all 0.3s;
    text-align: center;
}

.list-staff__item:hover .list-staff__social {
    opacity: 1;
}

.list-staff__social>li {
    padding-right: 3px;
    padding-left: 3px;
}

.list-staff__social>li>a {
    width: 34px;
    height: 34px;
    padding-top: 7px;
    font-size: 14px;
    color: #888;
    border: 2px solid #999;
    border-radius: 50%;
    transition: all 0.3s;
}

.list-staff__social>li>a:hover {
    color: #fff;
    border-color: #fff;
    text-decoration: none;
}

.staff-progress {
    margin-top: 33px;
    margin-right: 10px;
    margin-left: 20px;
}

.staff-progress__title {
    margin-bottom: 22px;
    font-family: Raleway;
    font-size: 12px;
    font-weight: 700;
    color: #555;
}


.reviews {
    position: relative;
    margin-right: 15px;
    margin-left: 15px;
    padding-top: 25px;
    padding-bottom: 38px;
    background-color: #fff;
    overflow: hidden;
    transition: all 0.3s;
}

.reviews:after {
    position: absolute;
    right: 30px;
    bottom: 25px;
    font: normal normal normal 39px/1 FontAwesome;
    color: rgba(34, 34, 34, 0.06);
    content: '\f10e';
}

.reviews:hover {
    color: #fff;
    background-color: #222;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.3s;
}

.reviews:hover:after {
    color: rgba(255, 255, 255, 0.06);
}

.reviews__title {
    margin-top: 14px;
    margin-bottom: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 40px;
    font-family: Raleway;
    font-size: 16px;
    font-weight: 700;
    color: #222;
    border-left: 4px solid #999;
    transition: all 0.3s;
    text-align: left;
    text-transform: uppercase;
}

.reviews:hover .reviews__title {
    color: #fff;
}

.reviews .decor-1 {
    margin-left: 45px;
}

.reviews__text {
    padding: 11px 15px 21px 45px;
}

.reviews__img {
    float: left;
    width: 55px;
    height: 55px;
    margin-left: 44px;
    border-radius: 50%;
    overflow: hidden;
}

.reviews__inner {
    margin-top: 8px;
    margin-left: 115px;
}

.reviews__name {
    font-family: Raleway;
    font-weight: 700;
    color: #555;
    transition: all 0.3s;
    text-transform: uppercase;
}

.reviews__category {
    font-size: 10px;
    font-weight: 500;
    color: #999;
    transition: all 0.3s;
    text-transform: uppercase;
}

.reviews:hover .reviews__category,
.reviews:hover .reviews__name {
    color: #fff;
}


.map {
    position: relative;
    margin-top: 50px;
    margin-bottom: 60px;
    z-index: 0;
}

.map img {
    margin: 0 auto;
}

.map:before,
.map:after {
    position: absolute;
    bottom: -4vw;
    width: 50%;
    height: 7vw;
    background-color: #f5f5f5;
    z-index: 1;
    content: '';
}

.map:before {
    left: 0;
    transform: skewY(6deg);
}

.map:after {
    right: 0;
    transform: skewY(-6deg);
}

.form-contact {
    margin-top: 40px;
}

.form-contact__btn {
    padding: 16px 31px;
    color: #fff;
    border: none;
    box-shadow: 5px 0 0 0 #555;
    text-transform: uppercase;
}

.form-contact__btn.btn-effect:after {
    background-color: #222;
}



.car-details__wrap-title {
    margin-bottom: 32px;
    padding-top: 17px;
    padding-right: 25px;
    padding-bottom: 18px;
    /* background-image: url('../media/bg/texture-1.gif'); */
    overflow: hidden;
}
.car-details__wrap-title1 {
    margin-bottom: 0px;
    display: flex;
    flex-direction: column;

}

.car-details__title {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 4px;
    padding-top: 7px;
    padding-bottom: 9px;
    padding-left: 26px;
    font-family: Raleway;
    font-size: 26px;
    font-weight: 700;
    color: #222;
}

.car-details__wrap-price {
    float: right;
    margin-left: 30px;
    overflow: hidden;
}

.car-details__price {
    display: block;
    margin-right: -10px;
    margin-left: 40px;
    padding: 1px 31px 1px 25px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    overflow: hidden;
    transform: skewX(-12deg);
}

.car-details__price-inner {
    display: block;
    transform: skewX(12deg);
}



.letter {
    padding: 0 50px 0;
}

.letter__info {
    font-weight: 300;
    line-height: 1.53;
    color: rgba(255, 255, 255, 0.7);
}

.letter__title {
    margin-bottom: 14px;
    font-family: Raleway;
    font-size: 24px;
    font-weight: 600;
    line-height: 1.16;
    color: #fefefe;
}

.letter__btn {
    float: right;
    font-family: Raleway;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    border-right: 2px solid #fff;
    text-transform: uppercase;
}

.letter__inner {
    float: left;
    width: 450px;
}


.wrap-social-block {
    display: inline-block;
    width: 190px;
    margin-top: 29px;
    margin-left: -7px;
    padding-left: 8px;
    vertical-align: top;
    overflow: hidden;
}

.social-block {
    display: block;
    width: 210px;
    padding: 10px 0 10px;
    background-color: #555;
    transform: skewX(-22deg);
}

.social-block:hover {
    text-decoration: none;
}

.social-block_mod-a {
    margin-left: 20px;
    padding: 14px 0;
    background-color: transparent;
}

.social-block_mod-b {
    display: inline-block;
    margin-left: 9px;
    transform: skewX(22deg);
}

.social-block__inner {
    display: block;
    width: 100%;
    margin-left: 27px;
    transform: skewX(22deg);
}

.wrap-social-block_mod-a .social-block {
    border: 2px solid #fff;
}

.wrap-social-block_mod-a .social-block__inner {
    color: #fff;
}

.social-block__title {
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    color: #fff;
    vertical-align: middle;
}

.social-block__list {
    display: inline-block;
    margin-bottom: 0;
    margin-left: 15px;
    vertical-align: middle;
}

.social-block__list>li>a {
    font-size: 14px;
    color: #999;
    transition: all 0.3s;
}

.social-block__list>li>a:hover {
    color: #fff;
    text-decoration: none;
}

.wrap-social-block_mod-c {
    margin-top: 0;
}

.wrap-social-block_mod-c .social-block {
    transform: skewX(22deg);
}

.wrap-social-block_mod-c .social-block__inner {
    transform: skewX(-22deg);
}


/* ======= SECTION ======= */



/* ======= SLIDERS ======= */

/* Main slider */

.main-slider {
    overflow: hidden;
}

.main-slider:before,
.main-slider:after {
    position: absolute;
    bottom: -3vw;
    width: 50%;
    height: 5vw;
    background-color: #f5f5f5;
    z-index: 101;
    content: '';
}

.main-slider:before {
    left: 0;
    transform: skewY(4.5deg);
}

.main-slider:after {
    right: 0;
    transform: skewY(-4.5deg);
}

.main-slider__item {
    position: relative;
    margin-bottom: 50px;
}

.iviewSlider:after {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 100;
    content: '';
}

.main-slider__title {
    font-size: 50px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
}

.main-slider__subtitle {
    margin-bottom: 25px;
    font-family: Raleway;
    font-size: 26px;
    font-weight: 500;
}

.main-slider__text {
    font-size: 16px;
    font-weight: 400;
}

.main-slider__price {
    display: inline-block;
    font-size: 36px;
    font-weight: 500;
    vertical-align: middle;
}

.main-slider__link {
    display: inline-block;
    width: 36px;
    height: 38px;
    margin-top: 5px;
    margin-left: 20px;
    padding-top: 8px;
    vertical-align: middle;
    transform: skewX(-16deg);
    text-align: center;
}

.main-slider__link .icon {
    font-size: 15px;
    color: #fff;
    transform: skewX(16deg);
}

.main-slider__btn {
    display: inline-block;
    padding: 7px 0;
    background-color: rgba(0, 0, 0, 0.4);
    transform: skewX(16deg);
}

.main-slider__btn_inner {
    display: inline-block;
    width: 180px;
    font-family: Ubuntu;
    color: #fff;
    transform: skewX(-16deg);
    text-align: center;
    text-transform: uppercase;
    font-size:30px;
}

.slider-services {
    height: 360px;
    margin-top: 60px;
    /* margin-bottom: 25px; */
}


.slider-grid {
    margin-top: 55px;
}

.slider-grid__inner {
    position: relative;
    margin-bottom: 30px;
    color: #fff;
    ;
}

.slider-grid__name {
    display: inline-block;
    font-family: Raleway;
    font-weight: 600;
    background-color: rgba(0, 0, 0, 0.7);
    transition: all 0.3s;
}

.slider-grid__inner_mod-b .slider-grid__name {
    position: absolute;
    bottom: 0;
    z-index: 10;
}

.slider-grid__wrap-name {
    position: absolute;
    bottom: 0;
    left: 0;
}

.slider-grid__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    opacity: 0;
    transition: all 0.3s;
}

.slider-grid__inner:hover .slider-grid__hover {
    opacity: 1;
}

.slider-grid__inner:hover .slider-grid__name {
    background-color: rgba(0, 0, 0, 0);
}

.slider-grid__info {
    position: absolute;
    top: 20px;
    right: 20px;
    font-size: 12px;
    font-weight: 300;
}

.slider-grid__info .icon {
    margin-right: 7px;
    font-size: 14px;
}

.slider-grid__info li {
    margin-bottom: 3px;
}

.slider-grid__btn {
    position: absolute;
    top: 20px;
    left: 26px;
}


.slider-grid__inner_mod-a .slider-grid__name {
    padding: 14px 28px;
    font-size: 16px;
    vertical-align: bottom;
}

.slider-grid__inner_mod-a .slider-grid__price {
    display: inline-block;
    margin-left: -3px;
    padding: 12px 28px 13px;
    font-size: 18px;
    vertical-align: bottom;
}

.slider-grid__inner_mod-b .slider-grid__name {
    padding: 10px 20px;
    font-size: 14px;
}

.slider-grid__inner_mod-b .slider-grid__price {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 4px 13px;
    font-size: 15px;
    font-weight: 500;
}


.slider-gallery {
    margin-top: 53px;
    margin-bottom: 40px;
}

.slider-gallery__item {
    position: relative;
    height: 167px;
  
    text-align: center;
}

.slider-gallery__item img {
    width: 100%;
    height: auto;
}

.slider-gallery__item .icon {
    display: block;
    margin-top: 60px;
    font-size: 16px;
    ;
}

.slider-gallery__item .icon_video-link {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    margin-left: -25px;
    padding-top: 17px;
    font-size: 14px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.32);
    z-index: 10;
}

.slider-gallery__title {
    margin-top: 16px;
    font-family: Raleway;
    font-size: 15px;
    font-weight: 600;
}

.slider-gallery__link {
    position: relative;
    display: block;
    color: #fff;
    overflow: hidden;
}

.slider-gallery__link:hover {
    color: #fff;
    text-decoration: none;
}

.slider-gallery__hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
    transition: all 0.3s;
}

.slider-gallery__hover:hover {
    opacity: 1;
}

.owl-item:nth-child(4n+1) .slider-gallery__link {
    -webkit-clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
    clip-path: polygon(0 0, 100% 0%, 93% 100%, 0% 100%);
}

.owl-item:nth-child(4n+2) .slider-gallery__link {
    -webkit-clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
    clip-path: polygon(7% 0%, 93% 0%, 100% 100%, 0% 100%);
}

.owl-item:nth-child(4n+3) .slider-gallery__link {
    -webkit-clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);
    clip-path: polygon(0 0, 100% 0, 93% 100%, 7% 100%);
}

.owl-item:nth-child(4n+4) .slider-gallery__link {
    -webkit-clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(7% 0, 100% 0, 100% 100%, 0 100%);
}


.slider-reviews {
    margin-top: 54px;
    margin-bottom: 154px;
}




/*Loader*/


.preloaderjs .spinner {
    display: none !important;

}


.preloaderjs#page-preloader {
    background: rgba(46, 46, 46, 0.99) !important;

}


#page-preloader {
    position: fixed;
    z-index: 100500;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #2e2e2e;
}

#page-preloader .spinner {
    position: absolute;
    z-index: 1001;
    top: 50%;
    left: 50%;
    display: block;
    width: 100px;
    height: 100px;
    margin-top: -50px;
    margin-left: -50px;
    -webkit-animation: spin 2.5s infinite linear;
    animation: spin 2.5s infinite linear;
    border: 3px solid transparent;
    border-top-color: #e7e4d7;
    border-radius: 50%;
}

#page-preloader .spinner:before,
#page-preloader .spinner:after {
    position: absolute;
    content: '';
    border-radius: 50%;
}

#page-preloader .spinner:before {
    top: 5px;
    right: 5px;
    bottom: 5px;
    left: 5px;
    -webkit-animation: spin 2s infinite linear;
    animation: spin 2s infinite linear;
    border: 3px solid transparent;
    border-top-color: #71383e;
}

#page-preloader .spinner:after {
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    -webkit-animation: spin 1s infinite linear;
    animation: spin 1s infinite linear;
    border: 3px solid transparent;
    border-top-color: #efa96b;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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

@keyframes spin {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }

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



@font-face {
    font-family: 'fontello';
    src: url('https://pro-theme.com:443/html/autozone/assets/fonts/autoicon/font/fontello.eot?63088088');
    src: url('https://pro-theme.com:443/html/autozone/assets/fonts/autoicon/font/fontello.eot?63088088#iefix') format('embedded-opentype'),
        url('https://pro-theme.com:443/html/autozone/assets/fonts/autoicon/font/fontello.woff?63088088') format('woff'),
        url('https://pro-theme.com:443/html/autozone/assets/fonts/autoicon/font/fontello.ttf?63088088') format('truetype'),
        url('https://pro-theme.com:443/html/autozone/assets/fonts/autoicon/font/fontello.svg?63088088#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: 'fontello';
        src: url('https://pro-theme.com:443/html/autozone/assets/fonts/autoicon/font/fontello.svg?63088088#fontello') format('svg');
    }


    @font-face {
        font-family: 'Play';
        font-style: normal;
        font-weight: 400;
        src: local('Play'), url(http://themes.googleusercontent.com/static/fonts/play/v4/dmwh-u_Rcp3MFyefMbpf7A.woff) format('woff');
    }

    @font-face {
        font-family: 'Play';
        font-style: normal;
        font-weight: 700;
        src: local('Play-Bold'), url(http://themes.googleusercontent.com/static/fonts/play/v4/ExEmzRpc1jg3it614mrxcA.woff) format('woff');
    }

}


[class^="auto"]:before,
[class*=" auto"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak-as: none;

    display: inline-block;
    text-decoration: inherit;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */

    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;

    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;

    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;

    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */

    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.auto1:before {
    content: '\e800';
}

/* '' */
.autologo_avto:before {
    content: '\e813';
}

/* '' */
.auto3:before {
    content: '\e802';
}

/* '' */
.auto4:before {
    content: '\e803';
}

/* '' */
.auto5:before {
    content: '\e804';
}

/* '' */
.auto6:before {
    content: '\e805';
}

/* '' */
.auto7:before {
    content: '\e806';
}

/* '' */
.auto8:before {
    content: '\e807';
}

/* '' */
.auto9:before {
    content: '\e808';
}

/* '' */
.auto11:before {
    content: '\e809';
}

/* '' */
.auto2:before {
    content: '\e801';
}

/* '' */
.auto10:before {
    content: '\e80b';
}

/* '' */


/* '' */


/* '' */


/* '' */


/* '' */
.auto17:before {
    content: '\e810';
}

/* '' */
.auto18:before {
    content: '\e811';
}

/* '' */
.auto19:before {
    content: '\e812';
}

/* '' */

/* '' */





/*ONLY FOR THEME AUTO IMAGE*/



.section-header .autologo_avto {
    color: #000000;
    display: block;
    font-size: 30px;
    height: 38px;
    margin: 0 auto;
    min-height: 16px;
    width: 146px !important;
}


#Services div[data-icon] {
    color: #d2583e;
    font-size: 60px;
    height: 68px;
    margin: 0 auto 20px;
    width: 63px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}




.auto1,
.auto2,
.auto3,
.auto4 {
    color: #D2583E;
    display: block;
    font-size: 60px;
    height: 73px;
    margin: 0 auto 25px;
    width: 100px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.service-item article:hover i {
    color: #000 !important;
}

.service-item article h4 {
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;
}

.service-item article:hover h4 {
    color: #d2583e !important;
}






.auto5,
.auto6,
.auto7 {
    color: #FFFFFF;
    float: left;
    font-size: 60px;
    height: 91px;
    margin: 10px 10px 0;
    width: 87px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;

}

.active .auto5,
.active .auto6,
.active .auto7 {
    color: #D2583E !important;
}



.tab-content .auto5,
.tab-content .auto6,
.tab-content .auto7 {
    color: #D2583E !important;
    display: block;
    float: none;
    font-size: 100px;
    height: 155px;
    margin-left: -20px;
    margin-top: -20px !important;
    padding-top: 0 !important;
}







.auto8,
.auto9,
.auto10,
.auto11 {
    border: 1px solid #DFDFDF;
    border-radius: 100px;
    color: #D2583E;
    float: left;
    font-size: 38px;
    height: 53px;
    line-height: 51px;
    margin: 5px 20px 40px 5px;
    padding: 3px 0px 0 0;
    text-align: center;

    width: 54px;
    -webkit-transition: all .35s ease;
    -moz-transition: all .35s ease;
    -ms-transition: all .35s ease;
    -o-transition: all .35s ease;
    transition: all .35s ease;

}


.active .auto8,
.active .auto9,
.active .auto10,
.active .auto11 {
    border: 1px solid #D2583E !important;
    background: #D2583E !important;
    color: #fff !important;
}


.auto17 {
    position: relative;
    right: -5px;
    top: 3px;
}


.auto17,
.auto18,
.auto19 {
    display: inline-block;
    font-size: 27px;
    width: 30px;
}


@font-face {
    font-family: "Flaticon";
    src: url("flaticon.eot");
    src: url("flaticon.eot#iefix") format("embedded-opentype"),
        url("flaticon.woff") format("woff"),
        url("flaticon.ttf") format("truetype"),
        url("flaticon.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="flaticon-"]:before,
[class*=" flaticon-"]:before,
[class^="flaticon-"]:after,
[class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-style: normal;
}

.flaticon-automobile5:before {
    content: "\e000";
}

.flaticon-automobile8:before {
    content: "\e001";
}

.flaticon-bus6:before {
    content: "\e002";
}

.flaticon-car33:before {
    content: "\e003";
}

.flaticon-car36:before {
    content: "\e004";
}

.flaticon-repairing4:before {
    content: "\e005";
}

.flaticon-speakers17:before {
    content: "\e006";
}

.flaticon-transport320:before {
    content: "\e007";
}

.flaticon-transport327:before {
    content: "\e008";
}

.flaticon-transport391:before {
    content: "\e009";
}

.flaticon-wheels10:before {
    content: "\e00a";
}



@font-face {
    font-family: 'Simple-Line-Icons';
    src: url('fonts/Simple-Line-Icons.eot');
    src: url('fonts/Simple-Line-Iconsd41d.eot?#iefix') format('embedded-opentype'),
        url('fonts/Simple-Line-Icons.woff') format('woff'),
        url('fonts/Simple-Line-Icons.ttf') format('truetype'),
        url('fonts/Simple-Line-Icons.svg#Simple-Line-Icons') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
    font-family: 'Simple-Line-Icons';
    content: attr(data-icon);
    speak-as: none;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/
.icon-user-female,
.icon-user-follow,
.icon-user-following,
.icon-user-unfollow,
.icon-trophy,
.icon-screen-smartphone,
.icon-screen-desktop,
.icon-plane,
.icon-notebook,
.icon-moustache,
.icon-mouse,
.icon-magnet,
.icon-energy,
.icon-emoticon-smile,
.icon-disc,
.icon-cursor-move,
.icon-crop,
.icon-credit-card,
.icon-chemistry,
.icon-user,
.icon-speedometer,
.icon-social-youtube,
.icon-social-twitter,
.icon-social-tumblr,
.icon-social-facebook,
.icon-social-dropbox,
.icon-social-dribbble,
.icon-shield,
.icon-screen-tablet,
.icon-magic-wand,
.icon-hourglass,
.icon-graduation,
.icon-ghost,
.icon-game-controller,
.icon-fire,
.icon-eyeglasses,
.icon-envelope-open,
.icon-envelope-letter,
.icon-bell,
.icon-badge,
.icon-anchor,
.icon-wallet,
.icon-vector,
.icon-speech,
.icon-puzzle,
.icon-printer,
.icon-present,
.icon-playlist,
.icon-pin,
.icon-picture,
.icon-map,
.icon-layers,
.icon-handbag,
.icon-globe-alt,
.icon-globe,
.icon-frame,
.icon-folder-alt,
.icon-film,
.icon-feed,
.icon-earphones-alt,
.icon-earphones,
.icon-drop,
.icon-drawer,
.icon-docs,
.icon-directions,
.icon-direction,
.icon-diamond,
.icon-cup,
.icon-compass,
.icon-call-out,
.icon-call-in,
.icon-call-end,
.icon-calculator,
.icon-bubbles,
.icon-briefcase,
.icon-book-open,
.icon-basket-loaded,
.icon-basket,
.icon-bag,
.icon-action-undo,
.icon-action-redo,
.icon-wrench,
.icon-umbrella,
.icon-trash,
.icon-tag,
.icon-support,
.icon-size-fullscreen,
.icon-size-actual,
.icon-shuffle,
.icon-share-alt,
.icon-share,
.icon-rocket,
.icon-question,
.icon-pie-chart,
.icon-pencil,
.icon-note,
.icon-music-tone-alt,
.icon-music-tone,
.icon-microphone,
.icon-loop,
.icon-logout,
.icon-login,
.icon-list,
.icon-like,
.icon-home,
.icon-grid,
.icon-graph,
.icon-equalizer,
.icon-dislike,
.icon-cursor,
.icon-control-start,
.icon-control-rewind,
.icon-control-play,
.icon-control-pause,
.icon-control-forward,
.icon-control-end,
.icon-calendar,
.icon-bulb,
.icon-bar-chart,
.icon-arrow-up,
.icon-arrow-right,
.icon-arrow-left,
.icon-arrow-down,
.icon-ban,
.icon-bubble,
.icon-camcorder,
.icon-camera,
.icon-check,
.icon-clock,
.icon-close,
.icon-cloud-download,
.icon-cloud-upload,
.icon-doc,
.icon-envelope,
.icon-eye,
.icon-flag,
.icon-folder,
.icon-heart,
.icon-info,
.icon-key,
.icon-link,
.icon-lock,
.icon-lock-open,
.icon-magnifier,
.icon-magnifier-add,
.icon-magnifier-remove,
.icon-paper-clip,
.icon-paper-plane,
.icon-plus,
.icon-pointer,
.icon-power,
.icon-refresh,
.icon-reload,
.icon-settings,
.icon-star,
.icon-symbol-female,
.icon-symbol-male,
.icon-target,
.icon-volume-1,
.icon-volume-2,
.icon-volume-off,
.icon-users {
    font-family: 'Simple-Line-Icons';
    speak-as: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

.icon-user-female:before {
    content: "\e000";
}

.icon-user-follow:before {
    content: "\e002";
}

.icon-user-following:before {
    content: "\e003";
}

.icon-user-unfollow:before {
    content: "\e004";
}

.icon-trophy:before {
    content: "\e006";
}

.icon-screen-smartphone:before {
    content: "\e010";
}

.icon-screen-desktop:before {
    content: "\e011";
}

.icon-plane:before {
    content: "\e012";
}

.icon-notebook:before {
    content: "\e013";
}

.icon-moustache:before {
    content: "\e014";
}

.icon-mouse:before {
    content: "\e015";
}

.icon-magnet:before {
    content: "\e016";
}

.icon-energy:before {
    content: "\e020";
}

.icon-emoticon-smile:before {
    content: "\e021";
}

.icon-disc:before {
    content: "\e022";
}

.icon-cursor-move:before {
    content: "\e023";
}

.icon-crop:before {
    content: "\e024";
}

.icon-credit-card:before {
    content: "\e025";
}

.icon-chemistry:before {
    content: "\e026";
}

.icon-user:before {
    content: "\e005";
}

.icon-speedometer:before {
    content: "\e007";
}

.icon-social-youtube:before {
    content: "\e008";
}

.icon-social-twitter:before {
    content: "\e009";
}

.icon-social-tumblr:before {
    content: "\e00a";
}

.icon-social-facebook:before {
    content: "\e00b";
}

.icon-social-dropbox:before {
    content: "\e00c";
}

.icon-social-dribbble:before {
    content: "\e00d";
}

.icon-shield:before {
    content: "\e00e";
}

.icon-screen-tablet:before {
    content: "\e00f";
}

.icon-magic-wand:before {
    content: "\e017";
}

.icon-hourglass:before {
    content: "\e018";
}

.icon-graduation:before {
    content: "\e019";
}

.icon-ghost:before {
    content: "\e01a";
}

.icon-game-controller:before {
    content: "\e01b";
}

.icon-fire:before {
    content: "\e01c";
}

.icon-eyeglasses:before {
    content: "\e01d";
}

.icon-envelope-open:before {
    content: "\e01e";
}

.icon-envelope-letter:before {
    content: "\e01f";
}

.icon-bell:before {
    content: "\e027";
}

.icon-badge:before {
    content: "\e028";
}

.icon-anchor:before {
    content: "\e029";
}

.icon-wallet:before {
    content: "\e02a";
}

.icon-vector:before {
    content: "\e02b";
}

.icon-speech:before {
    content: "\e02c";
}

.icon-puzzle:before {
    content: "\e02d";
}

.icon-printer:before {
    content: "\e02e";
}

.icon-present:before {
    content: "\e02f";
}

.icon-playlist:before {
    content: "\e030";
}

.icon-pin:before {
    content: "\e031";
}

.icon-picture:before {
    content: "\e032";
}

.icon-map:before {
    content: "\e033";
}

.icon-layers:before {
    content: "\e034";
}

.icon-handbag:before {
    content: "\e035";
}

.icon-globe-alt:before {
    content: "\e036";
}

.icon-globe:before {
    content: "\e037";
}

.icon-frame:before {
    content: "\e038";
}

.icon-folder-alt:before {
    content: "\e039";
}

.icon-film:before {
    content: "\e03a";
}

.icon-feed:before {
    content: "\e03b";
}

.icon-earphones-alt:before {
    content: "\e03c";
}

.icon-earphones:before {
    content: "\e03d";
}

.icon-drop:before {
    content: "\e03e";
}

.icon-drawer:before {
    content: "\e03f";
}

.icon-docs:before {
    content: "\e040";
}

.icon-directions:before {
    content: "\e041";
}

.icon-direction:before {
    content: "\e042";
}

.icon-diamond:before {
    content: "\e043";
}

.icon-cup:before {
    content: "\e044";
}

.icon-compass:before {
    content: "\e045";
}

.icon-call-out:before {
    content: "\e046";
}

.icon-call-in:before {
    content: "\e047";
}

.icon-call-end:before {
    content: "\e048";
}

.icon-calculator:before {
    content: "\e049";
}

.icon-bubbles:before {
    content: "\e04a";
}

.icon-briefcase:before {
    content: "\e04b";
}

.icon-book-open:before {
    content: "\e04c";
}

.icon-basket-loaded:before {
    content: "\e04d";
}

.icon-basket:before {
    content: "\e04e";
}

.icon-bag:before {
    content: "\e04f";
}

.icon-action-undo:before {
    content: "\e050";
}

.icon-action-redo:before {
    content: "\e051";
}

.icon-wrench:before {
    content: "\e052";
}

.icon-umbrella:before {
    content: "\e053";
}

.icon-trash:before {
    content: "\e054";
}

.icon-tag:before {
    content: "\e055";
}

.icon-support:before {
    content: "\e056";
}

.icon-size-fullscreen:before {
    content: "\e057";
}

.icon-size-actual:before {
    content: "\e058";
}

.icon-shuffle:before {
    content: "\e059";
}

.icon-share-alt:before {
    content: "\e05a";
}

.icon-share:before {
    content: "\e05b";
}

.icon-rocket:before {
    content: "\e05c";
}

.icon-question:before {
    content: "\e05d";
}

.icon-pie-chart:before {
    content: "\e05e";
}

.icon-pencil:before {
    content: "\e05f";
}

.icon-note:before {
    content: "\e060";
}

.icon-music-tone-alt:before {
    content: "\e061";
}

.icon-music-tone:before {
    content: "\e062";
}

.icon-microphone:before {
    content: "\e063";
}

.icon-loop:before {
    content: "\e064";
}

.icon-logout:before {
    content: "\e065";
}

.icon-login:before {
    content: "\e066";
}

.icon-list:before {
    content: "\e067";
}

.icon-like:before {
    content: "\e068";
}

.icon-home:before {
    content: "\e069";
}

.icon-grid:before {
    content: "\e06a";
}

.icon-graph:before {
    content: "\e06b";
}

.icon-equalizer:before {
    content: "\e06c";
}

.icon-dislike:before {
    content: "\e06d";
}

.icon-cursor:before {
    content: "\e06e";
}

.icon-control-start:before {
    content: "\e06f";
}

.icon-control-rewind:before {
    content: "\e070";
}

.icon-control-play:before {
    content: "\e071";
}

.icon-control-pause:before {
    content: "\e072";
}

.icon-control-forward:before {
    content: "\e073";
}

.icon-control-end:before {
    content: "\e074";
}

.icon-calendar:before {
    content: "\e075";
}

.icon-bulb:before {
    content: "\e076";
}

.icon-bar-chart:before {
    content: "\e077";
}

.icon-arrow-up:before {
    content: "\e078";
}

.icon-arrow-right:before {
    content: "\e079";
}

.icon-arrow-left:before {
    content: "\e07a";
}

.icon-arrow-down:before {
    content: "\e07b";
}

.icon-ban:before {
    content: "\e07c";
}

.icon-bubble:before {
    content: "\e07d";
}

.icon-camcorder:before {
    content: "\e07e";
}

.icon-camera:before {
    content: "\e07f";
}

.icon-check:before {
    content: "\e080";
}

.icon-clock:before {
    content: "\e081";
}

.icon-close:before {
    content: "\e082";
}

.icon-cloud-download:before {
    content: "\e083";
}

.icon-cloud-upload:before {
    content: "\e084";
}

.icon-doc:before {
    content: "\e085";
}

.icon-envelope:before {
    content: "\e086";
}

.icon-eye:before {
    content: "\e087";
}

.icon-flag:before {
    content: "\e088";
}

.icon-folder:before {
    content: "\e089";
}

.icon-heart:before {
    content: "\e08a";
}

.icon-info:before {
    content: "\e08b";
}

.icon-key:before {
    content: "\e08c";
}

.icon-link:before {
    content: "\e08d";
}

.icon-lock:before {
    content: "\e08e";
}

.icon-lock-open:before {
    content: "\e08f";
}

.icon-magnifier:before {
    content: "\e090";
}

.icon-magnifier-add:before {
    content: "\e091";
}

.icon-magnifier-remove:before {
    content: "\e092";
}

.icon-paper-clip:before {
    content: "\e093";
}

.icon-paper-plane:before {
    content: "\e094";
}

.icon-plus:before {
    content: "\e095";
}

.icon-pointer:before {
    content: "\e096";
}

.icon-power:before {
    content: "\e097";
}

.icon-refresh:before {
    content: "\e098";
}

.icon-reload:before {
    content: "\e099";
}

.icon-settings:before {
    content: "\e09a";
}

.icon-star:before {
    content: "\e09b";
}

.icon-symbol-female:before {
    content: "\e09c";
}

.icon-symbol-male:before {
    content: "\e09d";
}

.icon-target:before {
    content: "\e09e";
}

.icon-volume-1:before {
    content: "\e09f";
}

.icon-volume-2:before {
    content: "\e0a0";
}

.icon-volume-off:before {
    content: "\e0a1";
}

.icon-users:before {
    content: "\e001";
}




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

Copyright (c) 2015 Daniel Eden
*/



@media (min-width:767px) {

    .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 {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    .animated.flipOutX,
    .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s;
    }

    @-webkit-keyframes bounce {

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

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

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

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }

    @keyframes bounce {

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

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

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

        90% {
            -webkit-transform: translate3d(0, -4px, 0);
            transform: translate3d(0, -4px, 0);
        }
    }

    .bounce {
        -webkit-animation-name: bounce;
        animation-name: bounce;
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
    }

    @-webkit-keyframes flash {

        0%,
        50%,
        100% {
            opacity: 1;
        }

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

    @keyframes flash {

        0%,
        50%,
        100% {
            opacity: 1;
        }

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

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

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

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

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

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

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

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

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

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

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

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

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

        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
        }

        65% {
            -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
        }

        75% {
            -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
        }

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

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

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

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

        50% {
            -webkit-transform: scale3d(1.15, 0.85, 1);
            transform: scale3d(1.15, 0.85, 1);
        }

        65% {
            -webkit-transform: scale3d(.95, 1.05, 1);
            transform: scale3d(.95, 1.05, 1);
        }

        75% {
            -webkit-transform: scale3d(1.05, .95, 1);
            transform: scale3d(1.05, .95, 1);
        }

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

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

    @-webkit-keyframes shake {

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

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

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

    @keyframes shake {

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @-webkit-keyframes bounceIn {

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

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

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
        }

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

        80% {
            -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
        }

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

    @keyframes bounceIn {

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

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

        20% {
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

        40% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
        }

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

        80% {
            -webkit-transform: scale3d(.97, .97, .97);
            transform: scale3d(.97, .97, .97);
        }

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

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

    @-webkit-keyframes bounceInDown {

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

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

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }

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

    @keyframes bounceInDown {

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

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

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, 25px, 0);
            transform: translate3d(0, 25px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0);
        }

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

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

    @-webkit-keyframes bounceInLeft {

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

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

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }

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

    @keyframes bounceInLeft {

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

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

        60% {
            opacity: 1;
            -webkit-transform: translate3d(25px, 0, 0);
            transform: translate3d(25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(-10px, 0, 0);
            transform: translate3d(-10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(5px, 0, 0);
            transform: translate3d(5px, 0, 0);
        }

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

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

    @-webkit-keyframes bounceInRight {

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

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

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }

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

    @keyframes bounceInRight {

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

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

        60% {
            opacity: 1;
            -webkit-transform: translate3d(-25px, 0, 0);
            transform: translate3d(-25px, 0, 0);
        }

        75% {
            -webkit-transform: translate3d(10px, 0, 0);
            transform: translate3d(10px, 0, 0);
        }

        90% {
            -webkit-transform: translate3d(-5px, 0, 0);
            transform: translate3d(-5px, 0, 0);
        }

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

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

    @-webkit-keyframes bounceInUp {

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

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

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }

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

    @keyframes bounceInUp {

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

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

        60% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }

        75% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }

        90% {
            -webkit-transform: translate3d(0, -5px, 0);
            transform: translate3d(0, -5px, 0);
        }

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

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

    @-webkit-keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
        }

        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

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

    @keyframes bounceOut {
        20% {
            -webkit-transform: scale3d(.9, .9, .9);
            transform: scale3d(.9, .9, .9);
        }

        50%,
        55% {
            opacity: 1;
            -webkit-transform: scale3d(1.1, 1.1, 1.1);
            transform: scale3d(1.1, 1.1, 1.1);
        }

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

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

    @-webkit-keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }

        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }

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

    @keyframes bounceOutDown {
        20% {
            -webkit-transform: translate3d(0, 10px, 0);
            transform: translate3d(0, 10px, 0);
        }

        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0);
        }

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

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

    @-webkit-keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
        }

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

    @keyframes bounceOutLeft {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(20px, 0, 0);
            transform: translate3d(20px, 0, 0);
        }

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

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

    @-webkit-keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }

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

    @keyframes bounceOutRight {
        20% {
            opacity: 1;
            -webkit-transform: translate3d(-20px, 0, 0);
            transform: translate3d(-20px, 0, 0);
        }

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

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

    @-webkit-keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
        }

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

    @keyframes bounceOutUp {
        20% {
            -webkit-transform: translate3d(0, -10px, 0);
            transform: translate3d(0, -10px, 0);
        }

        40%,
        45% {
            opacity: 1;
            -webkit-transform: translate3d(0, 20px, 0);
            transform: translate3d(0, 20px, 0);
        }

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

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

    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

    @keyframes fadeIn {
        0% {
            opacity: 0;
        }

        100% {
            opacity: 1;
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        100% {
            opacity: 0;
        }
    }

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

        100% {
            opacity: 0;
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    @-webkit-keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

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

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

        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }

    @keyframes flip {
        0% {
            -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
            -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
        }

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

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

        80% {
            -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
            transform: perspective(400px) scale3d(.95, .95, .95);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }

        100% {
            -webkit-transform: perspective(400px);
            transform: perspective(400px);
            -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    .lightSpeedIn {
        -webkit-animation-name: lightSpeedIn;
        animation-name: lightSpeedIn;
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out;
    }

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

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

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

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

    .lightSpeedOut {
        -webkit-animation-name: lightSpeedOut;
        animation-name: lightSpeedOut;
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in;
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        50% {
            opacity: 1;
        }
    }

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

        50% {
            opacity: 1;
        }
    }

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

    @-webkit-keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    @keyframes zoomInDown {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

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

    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    @keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

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

    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    @keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

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

    @-webkit-keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    @keyframes zoomInUp {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        60% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

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

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

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

        100% {
            opacity: 0;
        }
    }

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

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

        100% {
            opacity: 0;
        }
    }

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

    @-webkit-keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    @keyframes zoomOutDown {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

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

    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }

    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
            transform: scale(.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center;
            transform-origin: left center;
        }
    }

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

    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }

    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
            transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
            transform: scale(.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center;
            transform-origin: right center;
        }
    }

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

    @-webkit-keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

    @keyframes zoomOutUp {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
            -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
            animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
        }

        100% {
            opacity: 0;
            -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
            -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
        }
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


}




/*
 * jQuery FlexSlider v2.5.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 and later license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 *
 */
/* ====================================================================================================================
 * FONT-FACE
 * ====================================================================================================================*/
@font-face {
    font-family: 'flexslider-icon';
    src: url('fonts/flexslider-icon.eot');
    src: url('fonts/flexslider-icond41d.eot?#iefix') format('embedded-opentype'), url('fonts/flexslider-icon.woff') format('woff'), url('fonts/flexslider-icon.ttf') format('truetype'), url('fonts/flexslider-icon.svg#flexslider-icon') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* ====================================================================================================================
   * RESETS
   * ====================================================================================================================*/
.flex-container a:hover,
.flex-slider a:hover,
.flex-container a:focus,
.flex-slider a:focus {
    outline: none;
}

.slides,
.slides>li,
.flex-control-nav,
.flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}

.flex-pauseplay span {
    text-transform: capitalize;
}

/* ====================================================================================================================
   * BASE STYLES
   * ====================================================================================================================*/
.flexslider {
    margin: 0;
    padding: 0;
}

.flexslider .slides>li {
    display: none;
    -webkit-backface-visibility: hidden;
    cursor: pointer;
}

.flexslider .slides img {
    display: block;
    max-width: 100%;
}

.flexslider .slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

html[xmlns] .flexslider .slides {
    display: block;
}

* html .flexslider .slides {
    height: 1%;
}

.no-js .flexslider .slides>li:first-child {
    display: block;
}

/* ====================================================================================================================
   * DEFAULT THEME
   * ====================================================================================================================*/
.flexslider {
    margin: 0 0 8px;
    position: relative;
    zoom: 1;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
}

.flexslider .slides {
    zoom: 1;
}

.flexslider .slides img {
    height: auto;
}

.flex-viewport {
    max-height: 2000px;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.loading .flex-viewport {
    max-height: 300px;
}

.carousel li {
    margin-right: 5px;
}

.carousel-product {
    margin-bottom: 30px;
}

.carousel-product .slides>li {
    position: relative;
    margin: 10px;
}

.carousel-product .slides>li:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all .3s;
}

.carousel-product .slides>li:hover:after {
    background-color: rgba(0, 0, 0, 0);
}

.flex-direction-nav {
    *height: 0;
}

.flex-direction-nav a {
    text-decoration: none;
    display: block;
    width: 40px;
    height: 40px;
    margin: -20px 0 0;
    position: absolute;
    top: 50%;
    z-index: 10;
    overflow: hidden;
    opacity: 0;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.flex-direction-nav a:focus {
    outline-style: none;
}

.flex-direction-nav a:before {
    font-family: "flexslider-icon";
    font-size: 40px;
    display: inline-block;
    content: '\f001';
    color: rgba(0, 0, 0, 0.8);
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
    line-height: 1;
}

.flex-direction-nav a.flex-next:before {
    content: '\f002';
}

.flex-direction-nav .flex-prev {
    left: -50px;
}

.flex-direction-nav .flex-next {
    right: -50px;
    text-align: right;
}

.flexslider:hover .flex-direction-nav .flex-prev {
    opacity: 0.7;
    left: 10px;
}

.flexslider:hover .flex-direction-nav .flex-prev:hover {
    opacity: 1;
}

.flexslider:hover .flex-direction-nav .flex-next {
    opacity: 0.7;
    right: 10px;
}

.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}

.flex-direction-nav .flex-disabled {
    opacity: 0 !important;
    filter: alpha(opacity=0);
    cursor: default;
}

.flex-pauseplay a {
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 5px;
    left: 10px;
    opacity: 0.8;
    z-index: 10;
    overflow: hidden;
    cursor: pointer;
    color: #000;
}

.flex-pauseplay a:before {
    font-family: "flexslider-icon";
    font-size: 20px;
    display: inline-block;
    content: '\f004';
}

.flex-pauseplay a:hover {
    opacity: 1;
}

.flex-pauseplay a.flex-play:before {
    content: '\f003';
}

.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -40px;
    text-align: center;
}

.flex-control-nav li {
    margin: 0 6px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.5);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}

.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}

.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}

.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}

.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1s ease;
}

.flex-control-thumbs img:hover {
    opacity: 1;
}

.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}

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

    .flex-direction-nav .flex-next {
        opacity: 1;
        right: 10px;
    }
}






/* Start: Recommended Isotope styles */



.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
    pointer-events: none;
}

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: top, left, opacity;
    transition-property: transform, opacity;
}

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}


#filter {
    padding-left: 0;
    margin-bottom: 50px;
}

#filter li {
    display: inline-block;
    margin-bottom: 0;
    list-style: none;
}

#filter li a {
    position: relative;
    display: block;
    margin-right: -3px;
    transition: all 0.3s;
    cursor: pointer;
}

#filter li a:hover,
#filter li a.current {
    text-decoration: none;
}

#filter li a:focus {
    text-decoration: none;
}

.title-action a {
    color: #fff !important;
    border-color: #526aff !important;
    background: none repeat scroll 0 0 #526aff !important;
}

.isotope-skin2 .isotope-item {
    width: 31.18%;
    margin: 1%;
}

.isotope-item {
    width: 24.9%;
}


.isotope-item img {
    max-width: 100%;
    height: auto;
}


.isotope-item:hover .slide-desc {
    opacity: 1;
}

.isotope-item .slide-desc {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    color: #fff;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6);
    opacity: 0;
    overflow: hidden;
    z-index: 9999;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    text-align: center;
}


.isotope-item .slide-desc table,
.isotope-item .slide-desc td {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
}

/* 0.7 X-carousel */

/**** Isotope Filtering ****/

.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    z-index: 1;
    pointer-events: none;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
    -webkit-transition-duration: 0.8s;
    -moz-transition-duration: 0.8s;
    -ms-transition-duration: 0.8s;
    -o-transition-duration: 0.8s;
    transition-duration: 0.8s;
}

.isotope {
    -webkit-transition-property: height, width;
    -moz-transition-property: height, width;
    -ms-transition-property: height, width;
    -o-transition-property: height, width;
    transition-property: height, width;
}

.isotope .isotope-item {
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
    -webkit-transition-duration: 0s;
    -moz-transition-duration: 0s;
    -ms-transition-duration: 0s;
    -o-transition-duration: 0s;
    transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    transition: none;
}



.jelect {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #888;
}



.jelect:focus,
.jelect *:focus {
    outline: none;
}

.jelect-input {
    display: none;
}

.jelect-current {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 11px 36px 11px 24px;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
    background-color: #f5f5f5;
    font-size: 12px;
    color: #999999;
    -webkit-clip-path: polygon(7% 0%, 100% 0%, 93% 100%, 0% 100%);
}

.jelect-current:focus {
    outline: none;
}

.jelect-current:before {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    content: '';
}

.jelect-current:after {
    position: absolute;
    top: 0;
    right: 18px;
    bottom: 1px;
    margin: auto;
    width: 0;
    height: 0;
    border-top: 5px solid #555;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    content: '';
}

.jelect-options {
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    z-index: 2000;
    margin-top: 1px;
    display: none;
    max-height: 194px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-left: 0;
    background: #fff;
    box-shadow: 1px 1px 4px 1px #eee;
}

.jelect-options_state_active {
    display: block;
}

.jelect-option {
    position: relative;
    overflow: hidden;
    margin-bottom: 1px;
    padding: 8px 16px 8px 16px;
    display: block;
    height: 38px;
    font-size: 13px;
    line-height: 22px;
    color: #222;
    box-shadow: 0 1px 0 #ccc;
    overflow-wrap: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    -webkit-transition: 0.125s ease-out;
    -o-transition: 0.125s ease-out;
    transition: 0.125s ease-out;
}

.jelect-option:last-child {
    margin-bottom: 0;
    box-shadow: none;
}

.jelect-option:hover,
.jelect-option_state_active {
    text-decoration: underline;
    color: #fff;
}

.jelect-option:before {
    position: absolute;
    top: 0;
    left: 10px;
    bottom: 0;
    margin: auto;
    display: block;
    width: 16px;
    height: 16px;
    background-repeat: no-repeat;
    content: '';
}

/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-touch-action: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-base {
    width: 100%;
    height: 100%;
    position: relative;
}

.noUi-origin {
    position: absolute;
    right: 0;
    top: 0;
    left: 0;
    bottom: 0;
}

.noUi-handle {
    background: none repeat scroll 0 0 #fff;
    position: relative;
    z-index: 1;
    border-radius: 50%;
    border: 1px solid #eee;

}

.noUi-stacking .noUi-handle {
    /* This class is applied to the lower origin when
   its values is > 50%. */
    z-index: 10;
}

.noUi-stacking+.noUi-origin {
    /* Fix stacking order in IE7, which incorrectly
   creates a new context for the origins. */
    *z-index: -1;
}

.noUi-state-tap .noUi-origin {
    -webkit-transition: left 0.3s, top 0.3s;
    transition: left 0.3s, top 0.3s;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

/* Slider size and handle placement;
 */
.noUi-horizontal {
    height: 10px;
    margin-bottom: 24px;
    margin-top: 40px;
}

.noUi-horizontal .noUi-handle {
    height: 18px;
    left: -7px;
    top: -6px;
    width: 18px;
    cursor: pointer;
}

.noUi-horizontal .noUi-handle:after {
    position: absolute;
    width: 8px;
    height: 8px;
    left: 4px;
    content: '';
    display: block;
    top: 4px;
    background-color: #999;
    border-radius: 50%;
}



.noUi-horizontal.noUi-extended {
    padding: 0 15px;
}

.noUi-horizontal.noUi-extended .noUi-origin {
    right: -15px;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    left: -6px;
    top: -17px;
}

.noUi-vertical.noUi-extended {
    padding: 15px 0;
}

.noUi-vertical.noUi-extended .noUi-origin {
    bottom: -15px;
}

/* Styling;
 */
.noUi-background {
    background: #FAFAFA;

}

.noUi-origin {
    -webkit-transition: background 450ms;
    transition: background 450ms;
}

.noUi-origin+.noUi-origin {
    border: 0 none;
    background: none repeat scroll 0 0 #f5f5f5;
}

.noUi-origin {
    border-radius: 2px;
}

.noUi-target {
    border: 1px solid #eee;
    background: none repeat scroll 0 0 #f5f5f5;
}


/* Handles and cursors;
 */
.noUi-dragable {
    cursor: w-resize;
}

.noUi-vertical .noUi-dragable {
    cursor: n-resize;
}

.noUi-handle {
    cursor: default;
}

.noUi-active {
    box-shadow: inset 0 0 1px #FFF, inset 0 1px 7px #DDD, 0 3px 6px -3px #BBB;
}

/* Handle stripes;
 */


.noUi-handle:after {
    left: 9px;
}

.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

/* Disabled state;
 */
[disabled].noUi-connect,
[disabled] .noUi-connect {
    background: #B8B8B8;
}

[disabled] .noUi-handle {
    cursor: not-allowed;
}


.tooltip {
    display: block;
    position: absolute;
    border: 1px solid #D9D9D9;
    font: 400 12px/12px Arial;
    border-radius: 3px;
    background: #fff;
    top: -43px;
    padding: 5px;
    left: -9px;
    text-align: center;
    width: 50px;
}

.tooltip strong {
    display: block;
    padding: 2px;
}



/*!
*  - v1.2.3
* Homepage: http://bqworks.com/slider-pro/
* Author: bqworks
* Author URL: http://bqworks.com/
*/
/* Core
--------------------------------------------------*/
.slider-pro {
    position: relative;
    margin: 0 auto;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

.sp-slides-container {
    position: relative;
}

.sp-mask {
    position: relative;
    overflow: hidden;
}

.sp-slides {
    position: relative;
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000;
}

.sp-slide {
    position: absolute;
}

.sp-image-container {
    overflow: hidden;
}

.sp-image {
    position: relative;
    display: block;
    border: none;
}

.sp-no-js {
    overflow: hidden;
    max-width: 100%;
}

/* Thumbnails
--------------------------------------------------*/
.sp-thumbnails-container {
    position: relative;
    overflow: hidden;
}

.sp-top-thumbnails,
.sp-bottom-thumbnails {
    left: 0;
    margin: 0 auto;
}

.sp-top-thumbnails {
    position: absolute;
    top: 0;
    margin-bottom: 4px;
}

.sp-bottom-thumbnails {
    margin-top: 4px;
}

.sp-left-thumbnails,
.sp-right-thumbnails {
    position: absolute;
    top: 0;
}

.sp-right-thumbnails {
    right: 0;
    margin-left: 4px;
}

.sp-left-thumbnails {
    left: 0;
    margin-right: 4px;
}

.sp-thumbnails {
    position: relative;
}

.sp-thumbnail {
    border: none;
}

.sp-thumbnail-container {
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* Horizontal thumbnails
------------------------*/
.sp-top-thumbnails .sp-thumbnail-container,
.sp-bottom-thumbnails .sp-thumbnail-container {
    margin-left: 2px;
    margin-right: 2px;
}

.sp-top-thumbnails .sp-thumbnail-container:first-child,
.sp-bottom-thumbnails .sp-thumbnail-container:first-child {
    margin-left: 0;
}

.sp-top-thumbnails .sp-thumbnail-container:last-child,
.sp-bottom-thumbnails .sp-thumbnail-container:last-child {
    margin-right: 0;
}

/* Vertical thumbnails 
----------------------*/
.sp-left-thumbnails .sp-thumbnail-container,
.sp-right-thumbnails .sp-thumbnail-container {
    margin-top: 2px;
    margin-bottom: 2px;
}

.sp-left-thumbnails .sp-thumbnail-container:first-child,
.sp-right-thumbnails .sp-thumbnail-container:first-child {
    margin-top: 0;
}

.sp-left-thumbnails .sp-thumbnail-container:last-child,
.sp-right-thumbnails .sp-thumbnail-container:last-child {
    margin-bottom: 0;
}

/* Right thumbnails with pointer
--------------------------------*/
.sp-right-thumbnails.sp-has-pointer {
    margin-left: -13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    left: 18px;
    margin-left: 0 !important;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid #F00;
    left: 0;
    top: 0;
    margin-left: 13px;
}

.sp-right-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    top: 50%;
    margin-top: -8px;
    border-right: 13px solid #F00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/* Left thumbnails with pointer
-------------------------------*/
.sp-left-thumbnails.sp-has-pointer {
    margin-right: -13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    right: 18px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    height: 100%;
    border-left: 5px solid #F00;
    right: 0;
    top: 0;
    margin-right: 13px;
}

.sp-left-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    right: 0;
    top: 50%;
    margin-top: -8px;
    border-left: 13px solid #F00;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
}

/* Bottom thumbnails with pointer
---------------------------------*/
.sp-bottom-thumbnails.sp-has-pointer {
    margin-top: -13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    top: 18px;
    margin-top: 0 !important;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 5px solid #F00;
    top: 0;
    margin-top: 13px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: 0;
    margin-left: -8px;
    border-bottom: 13px solid #F00;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

/* Top thumbnails with pointer
------------------------------*/
.sp-top-thumbnails.sp-has-pointer {
    margin-bottom: -13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-thumbnail {
    position: absolute;
    bottom: 18px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:before {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: 5px solid #F00;
    bottom: 0;
    margin-bottom: 13px;
}

.sp-top-thumbnails.sp-has-pointer .sp-selected-thumbnail:after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    bottom: 0;
    margin-left: -8px;
    border-top: 13px solid #F00;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
}

/* Layers
--------------------------------------------------*/
.sp-layer {
    position: absolute;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-backface-visibility: hidden;
}

.sp-black {
    color: #FFF;
    background: rgb(0, 0, 0);
    background: rgba(0, 0, 0, 0.7);
}

.sp-white {
    color: #000;
    background: rgb(255, 255, 255);
    background: rgba(255, 255, 255, 0.7);
}

.sp-rounded {
    border-radius: 10px;
}

.sp-padding {
    padding: 10px;
}

/* Touch Swipe
--------------------------------------------------*/
.sp-grab {
    cursor: url(images/openhand.cur), move;
}

.sp-grabbing {
    cursor: url(images/closedhand.cur), move;
}

.sp-selectable {
    cursor: default;
}

/* Caption
--------------------------------------------------*/
.sp-caption-container {
    text-align: center;
    margin-top: 10px;
}

/* Full Screen
--------------------------------------------------*/
.sp-full-screen {
    margin: 0 !important;
    background-color: #000;
}

.sp-full-screen-button {
    position: absolute;
    top: 5px;
    right: 10px;
    font-size: 30px;
    line-height: 1;
    cursor: pointer;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.sp-full-screen-button:before {
    content: '\2195';
}

.sp-fade-full-screen {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.slider-pro:hover .sp-fade-full-screen {
    opacity: 1;
}

/* Buttons
--------------------------------------------------*/
.sp-buttons {
    position: relative;
    width: 100%;
    text-align: center;
    padding-top: 10px;
}

.sp-button {
    width: 10px;
    height: 10px;
    border: 2px solid #000;
    border-radius: 50%;
    margin: 4px;
    display: inline-block;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.sp-selected-button {
    background-color: #000;
}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .sp-button {
        width: 14px;
        height: 14px;
    }
}

@media only screen and (min-width: 568px) and (max-width: 768px) {
    .sp-button {
        width: 16px;
        height: 16px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 568px) {
    .sp-button {
        width: 18px;
        height: 18px;
    }
}

/* Arrows
--------------------------------------------------*/
.sp-arrows {
    position: absolute;
}

.sp-fade-arrows {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.sp-slides-container:hover .sp-fade-arrows {
    opacity: 1;
}

.sp-horizontal .sp-arrows {
    width: 100%;
    left: 0;
    top: 50%;
    margin-top: -15px;
}

.sp-vertical .sp-arrows {
    height: 100%;
    left: 50%;
    top: 0;
    margin-left: -10px;
}

.sp-arrow {
    position: absolute;
    display: block;
    width: 20px;
    height: 30px;
    cursor: pointer;
}

.sp-vertical .sp-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sp-horizontal .sp-previous-arrow {
    left: 20px;
}

.sp-horizontal .sp-next-arrow {
    right: 20px;
}

.sp-vertical .sp-previous-arrow {
    top: 20px;
}

.sp-vertical .sp-next-arrow {
    bottom: 20px;
}

.sp-previous-arrow:before,
.sp-previous-arrow:after,
.sp-next-arrow:before,
.sp-next-arrow:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #FFF;
}

.sp-previous-arrow:before {
    left: 30%;
    top: 0;
    -webkit-transform: skew(145deg, 0deg);
    -ms-transform: skew(145deg, 0deg);
    transform: skew(145deg, 0deg);
}

.sp-previous-arrow:after {
    left: 30%;
    top: 50%;
    -webkit-transform: skew(-145deg, 0deg);
    -ms-transform: skew(-145deg, 0deg);
    transform: skew(-145deg, 0deg);
}

.sp-next-arrow:before {
    right: 30%;
    top: 0;
    -webkit-transform: skew(35deg, 0deg);
    -ms-transform: skew(35deg, 0deg);
    transform: skew(35deg, 0deg);
}

.sp-next-arrow:after {
    right: 30%;
    top: 50%;
    -webkit-transform: skew(-35deg, 0deg);
    -ms-transform: skew(-35deg, 0deg);
    transform: skew(-35deg, 0deg);
}

.ie8 .sp-arrow,
.ie7 .sp-arrow {
    width: 0;
    height: 0;
}

.ie8 .sp-arrow:before,
.ie8 .sp-arrow:after,
.ie7 .sp-arrow:before,
.ie7 .sp-arrow:after {
    content: none;
}

.ie8.sp-horizontal .sp-previous-arrow,
.ie7.sp-horizontal .sp-previous-arrow {
    border-right: 20px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.ie8.sp-horizontal .sp-next-arrow,
.ie7.sp-horizontal .sp-next-arrow {
    border-left: 20px solid #FFF;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}

.ie8.sp-vertical .sp-previous-arrow,
.ie7.sp-vertical .sp-previous-arrow {
    border-bottom: 20px solid #FFF;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

.ie8.sp-vertical .sp-next-arrow,
.ie7.sp-vertical .sp-next-arrow {
    border-top: 20px solid #FFF;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
}

/* Thumbnail Arrows
--------------------------------------------------*/
.sp-thumbnail-arrows {
    position: absolute;
}

.sp-fade-thumbnail-arrows {
    opacity: 0;
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
}

.sp-thumbnails-container:hover .sp-fade-thumbnail-arrows {
    opacity: 1;
}

.sp-top-thumbnails .sp-thumbnail-arrows,
.sp-bottom-thumbnails .sp-thumbnail-arrows {
    width: 100%;
    top: 50%;
    left: 0;
    margin-top: -12px;
}

.sp-left-thumbnails .sp-thumbnail-arrows,
.sp-right-thumbnails .sp-thumbnail-arrows {
    height: 100%;
    top: 0;
    left: 50%;
    margin-left: -7px;
}

.sp-thumbnail-arrow {
    position: absolute;
    display: block;
    width: 15px;
    height: 25px;
    cursor: pointer;
}

.sp-left-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow,
.sp-right-thumbnails .sp-thumbnail-arrows .sp-thumbnail-arrow {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.sp-top-thumbnails .sp-previous-thumbnail-arrow,
.sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
    left: 0px;
}

.sp-top-thumbnails .sp-next-thumbnail-arrow,
.sp-bottom-thumbnails .sp-next-thumbnail-arrow {
    right: 0px;
}

.sp-left-thumbnails .sp-previous-thumbnail-arrow,
.sp-right-thumbnails .sp-previous-thumbnail-arrow {
    top: 0px;
}

.sp-left-thumbnails .sp-next-thumbnail-arrow,
.sp-right-thumbnails .sp-next-thumbnail-arrow {
    bottom: 0px;
}

.sp-previous-thumbnail-arrow:before,
.sp-previous-thumbnail-arrow:after,
.sp-next-thumbnail-arrow:before,
.sp-next-thumbnail-arrow:after {
    content: '';
    position: absolute;
    width: 50%;
    height: 50%;
    background-color: #FFF;
}

.sp-previous-thumbnail-arrow:before {
    left: 30%;
    top: 0;
    -webkit-transform: skew(145deg, 0deg);
    -ms-transform: skew(145deg, 0deg);
    transform: skew(145deg, 0deg);
}

.sp-previous-thumbnail-arrow:after {
    left: 30%;
    top: 50%;
    -webkit-transform: skew(-145deg, 0deg);
    -ms-transform: skew(-145deg, 0deg);
    transform: skew(-145deg, 0deg);
}

.sp-next-thumbnail-arrow:before {
    right: 30%;
    top: 0;
    -webkit-transform: skew(35deg, 0deg);
    -ms-transform: skew(35deg, 0deg);
    transform: skew(35deg, 0deg);
}

.sp-next-thumbnail-arrow:after {
    right: 30%;
    top: 50%;
    -webkit-transform: skew(-35deg, 0deg);
    -ms-transform: skew(-35deg, 0deg);
    transform: skew(-35deg, 0deg);
}

.ie8 .sp-thumbnail-arrow,
.ie7 .sp-thumbnail-arrow {
    width: 0;
    height: 0;
}

.ie8 .sp-thumbnail-arrow:before,
.ie8 .sp-thumbnail-arrow:after,
.ie7 .sp-thumbnail-arrow:before,
.ie7 .sp-thumbnail-arrow:after {
    content: none;
}

.ie8 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-previous-thumbnail-arrow {
    border-right: 12px solid #FFF;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.ie8 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-bottom-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-top-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-bottom-thumbnails .sp-next-thumbnail-arrow {
    border-left: 12px solid #FFF;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-previous-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-previous-thumbnail-arrow {
    border-bottom: 12px solid #FFF;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

.ie8 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie8 .sp-right-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-left-thumbnails .sp-next-thumbnail-arrow,
.ie7 .sp-right-thumbnails .sp-next-thumbnail-arrow {
    border-top: 12px solid #FFF;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
}

/* Video
--------------------------------------------------*/
a.sp-video {
    text-decoration: none;
}

a.sp-video img {
    -webkit-backface-visibility: hidden;
    border: none;
}

a.sp-video:after {
    content: '\25B6';
    position: absolute;
    width: 45px;
    padding-left: 5px;
    height: 50px;
    border: 2px solid #FFF;
    text-align: center;
    font-size: 30px;
    border-radius: 30px;
    top: 0;
    color: #FFF;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.2);
    margin: auto;
    line-height: 52px;
}

/* CSS for preventing styling issues in WordPress
--------------------------------------------------*/
.slider-pro img.sp-image,
.slider-pro img.sp-thumbnail {
    max-width: none;
    max-height: none;
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
    -webkit-box-shadow: none !important;
    -mox-box-shadow: none !important;
    box-shadow: none !important;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none;
    -o-transition: none;
}

.slider-pro a {
    transition: none !important;
    -moz-transition: none !important;
    -webkit-transition: none !important;
    -o-transition: none !important;
}

.slider-pro iframe,
.slider-pro object,
.slider-pro video,
.slider-pro embed,
.slider-pro canvas {
    max-width: none;
    max-height: none;
}

.slider-pro p.sp-layer {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h1.sp-layer {
    font-size: 32px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h2.sp-layer {
    font-size: 24px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h3.sp-layer {
    font-size: 19px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h4.sp-layer {
    font-size: 16px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h5.sp-layer {
    font-size: 13px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro h6.sp-layer {
    font-size: 11px;
    line-height: 1.4;
    margin: 0;
}

.slider-pro img.sp-layer {
    border: none;
}





.needsfilled {
    color: #df3c3c !important;
    font-weight: 400 !important;
    border-color: #df3c3c !important
}

.needsfilled2 {
    border-color: #ef0a0a !important
}

.correctfilled {
    border: 1px solid #5ac164 !important
}

form input[readonly].picker__input {
    background: #fff;
    cursor: text
}

#spambox {
    position: relative
}

.spam {
    position: relative;
    clear: both;
    float: left;
    width: auto;
    height: auto;
    background: #fff;
    border: 1px solid #DDD;
    padding: 8px 10px 6px 20px;
    margin-bottom: 5px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.spam[class*="mini"] {
    padding: 0 5px 0 15px
}

.spam[class*="mini"] canvas {
    padding-bottom: 2px
}

.spam[class*="mini"] #refresh_spam {
    font-size: 12px;
    right: -1px;
    top: -1px
}

.spam[class*="dark"] {
    border: 0;
    background: 0;
    padding-left: 5px
}

.spam[class*="dark"] #randomtext_overlay {
    background: transparent
}

.spam[class*="dark"] #refresh_spam {
    color: #797979
}

.spam[class*="light"] {
    border: 0;
    background: 0;
    padding-left: 5px
}

.spam[class*="light"] #randomtext_overlay {
    background: transparent
}

.spam[class*="light"] #refresh_spam {
    color: #575757
}

.spam[class*="light"] canvas {
    opacity: .6
}

.spam.mini-light-theme #refresh_spam,
.spam.mini-dark-theme #refresh_spam {
    right: -4px
}

.spam[class*="greyscale"] {
    background: #000;
    border: 1px solid #6D6D6D
}

.spam[class*="greyscale"] #refresh_spam {
    color: #fff
}

.spam canvas {
    float: left;
    margin-left: -5px
}

#refresh_spam {
    position: absolute !important;
    top: 0;
    right: 2px;
    z-index: 9999 !important;
    color: #888;
    opacity: .4;
    width: 13px;
    height: 18px;
    cursor: pointer;
    font-size: 14px
}

#refresh_spam:hover {
    opacity: 1
}

#refresh_spam:hover:after {
    background: rgba(0, 0, 0, .6);
    border-radius: 5px;
    color: #fff;
    content: attr(title);
    padding: 5px 15px;
    position: absolute;
    z-index: 98;
    font-size: 12px;
    width: auto;
    bottom: 18px;
    left: -30px
}

.spam[class*="dark"] #refresh_spam:hover:after {
    background: rgba(255, 255, 255, .8);
    color: #222;
    font-weight: bold
}

#randomtext {
    float: left;
    text-align: center;
    position: relative;
    z-index: 0
}

#randomtext_overlay {
    position: absolute !important;
    background: url(captchaoverlay.png);
    width: 100%;
    height: 100%;
    z-index: 10 !important;
    opacity: .6;
    left: 0;
    top: 0
}

#spambox input[type="text"]#spam {
    width: 107px !important;
    clear: both;
    display: block;
    margin-top: 5px !important
}

div.flashes {
    background-color: #c4df9b;
    margin: 10px 0;
    width: 100%;
}

div.flashes .flash_success {
    color: #333;
    padding: 10px 0;
    text-indent: 10px;
    font-size: 14px;
    font-family: "Helvetica Neue", Arial;
    text-align: center
}

div.custom_flash {
    background-color: #c4df9b;
    margin: 10px 0;
    width: 100%;
    color: #333;
    padding: 10px 0;
    font-size: 19px;
    font-family: "Helvetica Neue", Arial;
    text-align: center;
    display: inline-block
}

form .tab-content {
    position: relative
}

form .tab-content>.tab-pane {
    opacity: 0;
    position: absolute;
    z-index: -9999;
    display: block !important;
    top: 0
}

form .tab-content>.active {
    position: relative;
    opacity: 1;
    z-index: 1
}

.error_box {
    background: #f2dede;
    border: 1px solid #eed3d7;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #b94a48;
    font-size: 13px;
    margin: 0 0 15px 0;
    width: 100%;
    display: none
}

.error_box span {
    padding: 8px 8px;
    display: block
}



/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 *
 * @geedmo - Licensed under the MIT license
 */


.header.sticky {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    border-bottom-width: 0;
    border-bottom-style: solid;
    z-index: 1111;
    padding-bottom: 10px;
}


.header.sticky .logo {
    display: inline-block;
    margin-top: 22px;

}

.header.sticky .yamm .nav>li>a {
    padding: 35px 13px 23px;
    color: white;
}



.header.sticky .navbar .yamm {
    margin-top: 0;
}

.header.sticky .top-cart,
.header.sticky #search-global-menu,
.header.sticky .top-header {
    display: none !important;
}

.header.sticky .navbar .dropdown-menu {
    background-color: #222;
}


.yamm {
    position: relative;
    margin-bottom: 0;
    min-height: auto;
    border: 0 none;
    z-index: 777;
    vertical-align: middle;
    float: right;
}

.yamm .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
}

.yamm .navbar-brand {
    color: #fff;
    float: left;
    font-size: 24px;
    font-weight: 700;
    height: 50px;
    line-height: 21px;
    padding: 14.5px 15px;
    text-transform: uppercase;
}

.yamm .nav {
    display: inline-block;
    vertical-align: middle;
    margin-right: -13px;
}

.yamm .nav>li {
    display: inline-block;
}

.yamm .nav>li>a {
    position: relative;
    display: block;
    padding: 30px 13px;
    font: 700 12px Raleway;
    color: #c51f0d;
    text-transform: uppercase;
    transition: all .3s ease-out;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.yamm-fw {
    position: inherit;
}

.yamm .navbar-toggle .icon-bar {
    background: #fff;
}

.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
    position: static;
}

.yamm .container {
    position: relative;
}

.yamm .dropdown-menu {
    padding: 0;
    left: auto;
    background: rgba(0, 0, 0, 0.15);
    border: none;
    border-radius: 0;
}


.yamm .dropdown-menu li {
    position: relative;
}

.yamm .dropdown-menu .dropdown-menu {
    top: 0;
    left: 100%;
    visibility: hidden;
}


.yamm .dropdown-menu li:hover>.dropdown-menu {
    visibility: visible;
}


.yamm .dropdown-menu a {
    padding: 10px 20px;
    font: 700 12px Raleway;
    color: #FFF;
    border-bottom: 1px dotted rgba(255, 255, 255, 0.4);
}



.yamm .yamm-fw .dropdown-menu {
    left: 0;
}

.yamm .yamm-content {
    padding: 20px 30px;
}

.yamm .dropdown.yamm-fw .dropdown-menu {
    left: 0;
    right: 0;
}

.yamm .dropdown-menu>li>a {
    font-size: 12px;
    text-transform: uppercase;

}



@media (max-width:767px) {

    html .yamm .dropdown-menu {
        position: relative;
        top: 0;
        float: none;
        background-color: #7B7B7B;
    }

    .yamm {
        display: block;
        margin-top: 0;
        float: none;
    }

    .yamm .nav {
        display: block;
        background-color: #222;
    }

    .yamm .nav>li {
        display: block;
    }

    .yamm .nav>li>a:hover {
        background-color: #7B7B7B;
    }
}


.header {
    background-color: #fffafa9e;
}

.header.sticky {
    background-color: rgba(0, 0, 0, 0.8);
}


.decor-3 {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 14px;
    margin-left: 3px;
    font-size: 8px;
    vertical-align: middle;
    border: solid 1px #ccc;
    background-color: #fff;
    transform: rotate(45deg) !important;
    text-align: left;
}

.list-services img {

    width: 40%;

    margin-left: 40px;

}

.entry-media {
    height: 240px;
    overflow: hidden;
}

.margin {
    margin-top: 30px;
}

.auto16 {
    background-image: url(../images/Alloy_Wheels.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    width: 100%;
}

.auto14 {
    background-image: url(../images/Overrugs.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    width: 100%;
}

.auto13 {
    background-image: url(../images/client_img/Used.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    width: 100%;
}

.auto15 {
    background-image: url(../images/client_img/New.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    width: 100%;
}

.auto12 {
    background-image: url(../images/client_img/Acc.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    width: 100%;
}

.auto22 {
    background-image: url(../images/client_img/PA.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 120px;
    width: 100%;
}

/* Unopened lightbox */
.lightbox {
    display: none;
}

/* Opened lightbox */
.lightbox:target {
    position: absolute;
    left: 0;
    top: 0px;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Lightbox content */
.lightbox img {
    margin: auto;
    width: 90%;
    height: auto;
    position: relative;
    background-color: lightpink;
    z-index: 100;
}

/* Close button */
.lightbox .close {
    position: relative;
    display: block;
    z-index: 100;
}

.lightbox .close::after {
    right: -1rem;
    top: -1rem;
    width: 2rem;
    height: 2rem;
    position: absolute;
    display: flex;
    z-index: 100;
    align-items: center;
    justify-content: center;
    background-color: black;
    border-radius: 50%;
    color: white;
    content: "×";
    cursor: pointer;
}

/* Lightbox overlay */
.lightbox .close::before {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: fixed;
    background-color: rgba(0, 0, 0, 0.7);
    content: "";
    cursor: default;
}


@media (max-width:991px) {
    .wrap-link-img {
        display: none;
    }

    .main-block {
        margin: 0px 10px 27px;
        font-family: Raleway;
        color: #555;
        text-transform: uppercase;
    }

    .main-block__title {
        margin-top: 25px;
        margin-bottom: 30px;
        font-size: 15px;
        font-weight: 700;
    }

    .section_mod-a {
        position: relative;
        padding-top: 40px;
        padding-bottom: 20px;
    }

    .border-section-bottom {
        position: relative;
        bottom: -20px;
        width: 100%;
        z-index: 10;
        right: -42px;
    }

    .slider-services {
        height: 361px;
        margin-top: 60px;
        /* margin-bottom: 25px; */
    }

    .list-type {

        margin-bottom: 60px;

    }

    .slider-gallery {
        margin-top: 53px;
        margin-bottom: 80px;
    }

    .section_mod-h {
        padding-bottom: 50px;
    }

}

@media (max-width:768px) {
    .CopywriteA {
        padding: 7px 0px;
    }

    .CopywriteA p {
        line-height: 1;
        margin: 0px;
    }

    .header.sticky .yamm .nav>li>a {
        padding: 35px 5px 15px;
    }

}

@media (max-width:767px) {
    .yamm .nav>li>a {

        padding: 10px 50px;

    }

    .header .logo {
        display: inline-block;
        margin-top: 0px;
        position: absolute;
        /* left: 10px; */
        top: 0px;
    }

    .top-header {
        padding-top: 8px;
        padding-bottom: 0px;

    }

    .header.sticky .logo {
        display: inline-block;
        margin-top: 0px;
    }

    .header.sticky .yamm .nav>li>a {
        padding: 16px 31px 6px;
    }

}

@media (min-width:992px) and (max-width:1147px) {
    .header .logo {
        width: 36%;
    }

}

@media (min-width:768px) and (max-width:991px) {
    .header .logo {
        display: inline-block;
        margin-top: 6px;
        width: 36%;
        position: absolute;
        left: -15px;
        top: 0px;
    }

    .yamm .nav>li>a {

        padding: 17px 5px;

    }

}

@media (max-width:600px) {
    /* .contenttop {
        display: none !important;
    } */

}

@media (max-width:767px) {
    .top-header {
        display: none;
    }

    .header__inner {
        padding: 0px;
    }

}

@media (max-width:465px) {
    .owl-theme_mod-a .owl-controls {
        text-align: center !important;
        top: -157px !important;
        right: 0 !important;
    }

    .listItem {
        flex-direction: column !important;
        align-items: center;
    }

    .listItem li div {
        height: auto;
    }

    .list-brands__img {
        padding: 0px;
        width: 358px !important;
        height: 73px !important;
    }

    .listItem li {
        width: 60% !important;
    }

}

@media (min-width:466px) and (max-width:768px) {

    .listItem {
        flex-direction: row !important;
        align-items: center;
    }

    .listItem li div {
        height: auto;
    }

    .list-brands__img {
        padding: 0px;
        width: 358px !important;
        height: 73px !important;
    }

    .listItem li {
        width: 26% !important;
    }

}

@media (min-width:769px) {

    .listItem {
        flex-direction: row !important;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 30px;
    }

    .listItem li div {
        height: auto;
    }

    .list-brands__img {
        padding: 0px;
        width: 358px !important;
        height: 73px !important;
    }

    .listItem li {
        width: 20% !important;
    }

}

.listItem {
    display: flex;
}

.ablink{
    margin-top: 55px !important;
}

.abpara p{
    text-align: justify;
}
.abotimg2{
    width: 95%;
    /*animation-name: rotate;*/
    /*animation-iteration-count: infinite;*/
    /*animation-duration: 1.5s;*/

}

@keyframes rotate {
    0%{
        rotate: -5deg;
    
    }
    50%{
rotate: 5deg;
    }
    100%{
rotate: -5deg;
    }
    
}





.news{
    width: 100%;
    height: 200px;
    text-align: center;

}
.news h1{
    display: inline-block;
}

.partscount{
    margin-top: 17px !important;
}

.partswrap{
    margin-bottom: 0px !important;
}
.gallerysection::before{
    content: none !important;
}
.gallerysection::after{
    content: none !important;
}
.d-inline-block{
    display: inline-block !important;
}
.pt-0{
    padding-top: 0 !important;
}
.d-flex{
    display: flex;
    width: 100%;
}
.h{
    
    height: 230px !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
}
.mt-20{
    margin-top: 90px !important;
}

.linksDiv{
    width: 80% ;
    margin:auto !important;
}
.linksDiv .col-sm-4{
    overflow: hidden !important;
    margin-bottom: 30px;
   padding-left: 40px !important;
   padding-right: 0px !important;
    height: 225px;
    text-align: center;
    
}
.linkss{
    text-align: center;
    font-size: 20px;
    box-shadow: rgba(0, 0, 0, 0.17) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.15) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
    margin-top: 5px;
   
}
textarea
{
    resize: none;
}
.mapCon{
    height: 615px;
}

@media (max-width:767px) {
    .linksDiv .col-sm-4{
        text-align: center;
    }
    .linkss{
width: 70%;
margin: auto;
    }
    .linksDiv .col-sm-4 {
        overflow: hidden !important;
        margin-bottom: 30px;
        padding-left: 0px !important;
        padding-right: 0px !important;
        height: 225px;
    }
}
@media (max-width:480px) {
    .linksDiv .col-sm-4{
        text-align: center;
    }
    .linkss{
width: 80%;
margin: auto;
    }
    
}
@media (min-width:1200px) {
    
.containNav {
    width: 100% !important;
}
.h {
    height: 200px !important;
    overflow: hidden !important;
    margin-bottom: 30px !important;
}
}

@media (min-width:1500px) {
    .h {
        height: 260px !important;
        overflow: hidden !important;
        margin-bottom: 30px !important;
    }
    
}
@media (min-width:2000px) {
    .h {
        height: 340px !important;
        overflow: hidden !important;
        margin-bottom: 30px !important;
    }
    
}
@media (min-width:768px) and (max-width:991px) {
    .h {
        height: 120px !important;
        overflow: hidden !important;
        margin-bottom: 30px !important;
        
    }
    .slider-gallery {
        margin-top: 30px;
        margin-bottom: 0px !important;
    }
    
}
@media (max-width:767px) {
    .h {
        height: 43px !important;
        overflow: hidden !important;
        margin-bottom: 20px !important;
        
    }
    .slider-gallery {
        margin-top: 30px;
        margin-bottom: 0px !important;
    }
    .mt-20 {
        margin-top: 190px !important;
    }
    .gallerysection{
        width: 100% !important;
        margin: auto;
        padding-bottom: 0px !important;
    }

    .lightbox .close::after {
        right: 1rem;
        
    }

    .lightbox img {
       
        margin-left: 15px;
    }
}

@media (max-width:550px) {
    .clearfix{
        display: flex;
        flex-direction: column;
        align-items: center;
        width: auto;
    }
    .list-staff__item:nth-child(odd) .list-staff__inner {
        margin-left: 0px;
        text-align: center;
    }
    .list-staff__item:nth-child(even) .list-staff__inner {
        margin-right: 0px;
    
    }
    .list-staff__item:nth-child(even) .list-staff__info {
        text-align: center !important;
    }
    .list-staff__item:nth-child(even) .decor-1 {
        display: none;
    }
    .list-staff__item:nth-child(odd) .decor-1 {
        display: none;
    }
    .list-staff__name {
       
        margin-bottom: 10px;
       
    }
}

@media (max-width:991px) {
    .aboutcont{
        display: flex;
        flex-direction: column-reverse;
    }
    .abotimg2{
        margin-top: -100px;
        margin-bottom: -100px;
    }
    
}
.entry-media2{
    height: 100%;
}
.entry-media3{
    padding-bottom: 17px !important;
}
.contactsection{
    margin-bottom: 50px;
}


.list-staff__item:nth-child(even) .list-staff__info {
    text-align: right;
}

.pay{
    font-size:16px !important;
}
.main-block1 {
    margin: 40px;
    font-family: Raleway;
    color: #555;
    text-transform: uppercase;
    margin-bottom: 0px;
}

@media (max-width:535px){
    .main-block1 {
    margin: 70px 30px;
    font-family: Raleway;
    color: #555;
    text-transform: uppercase;
    margin-bottom: 0px;
}
.pay1{
    margin-top:20px;
   
}
}
@media (min-width:535px) and (max-width:767px){
    .main-block1 {
        
    padding: 70px 30px !important;
    font-family: Raleway;
    color: #555;
    text-transform: uppercase;
    margin-bottom: 0px !important;
    padding-bottom: 0px !important;
}
.pay2{
    display:flex;
        flex-direction:row;
      justify-content: space-around;
      margin-top:10px;
}
.pay1{
    margin-top:20px;
   
}
}
img.list-brands__img.img-responsive {
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}



.footer__text img{
    margin-left:5px;
    margin-right:5px;
}
#img2M, #img3M, #img22M{
    display: block;
}
.ndSlide{
display: flex;
flex-direction: row;
}
#img1M, #img11M, #img111M{
    display: block;
}
.black{
    color: #000;
}
.my-12{
    margin-top: 12px;
    margin-bottom: 12px;
}
.w-2{
    border-top: 1px solid #0008;
}
#PartsAvailable, #Accessories, #NewParts, #UsedParts{
    position: absolute;
    top: -100px;
}
.car-details{
    position: relative;
}
.mb-20{
    margin-bottom: 20px;
}
@media (max-width:991px){
.pl-35{
    padding-left: 35px !important;
}
}
@media (min-width:992px) and (max-width:1199px) {
    .pl-100{
    padding-left: 100px !important;
}
}
@media (max-width:991px) {
    

    .post_mod-a:nth-child(even) .entry-main {
       padding-right: 70px;
        padding-left: 35px;
    }
    .post .entry-main__inner:after {
        position: absolute;
        top: 0;
        left: -50px !important;
        width: 5px;
        height: 100%;
        background-color: #999;
        content: '';
        transition: all 0.3s;
    }
}
.ndSlide li {
    padding: 0px 10px;
}


.repair img, .servicing img{
    float:right;
}

/* new  */

.text-black{
    color: #222;
}

.section_brands {
    margin-top: 30px;
    padding-bottom: 20px;
}
.slider-reviews {
    margin-top: 54px;
    margin-bottom: 65px;
}

.ReadPara1, .ReadPara2, .ReadPara3, .ReadPara4, .ReadPara5, .ReadPara6{
    display:none;
}
.ReadMore1, .ReadMore2, .ReadMore3, .ReadMore4, .ReadMore5, .ReadMore6{
    color:blue;
    cursor:pointer;
}
.Less1, .Less2, .Less3, .Less4, .Less5, .Less6{
    
    cursor:pointer;
    color:blue;
}