@font-face {
    font-family: Iranbold;
    src: url('../service/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../service/fonts/IRANSansWeb_Medium.woff') format('woff'), url('../service/fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('../service/fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Iran';
    src: url('../service/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../service/fonts/IRANSansWeb_Medium.woff') format('woff'), url('../service/fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('../service/fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'Shabnam-Bold-FD';
    src: url('../service/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../service/fonts/IRANSansWeb_Medium.woff') format('woff'), url('../service/fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('../service/fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}


@font-face {
    font-family: 'diero';
    src: url('../service/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../service/fonts/IRANSansWeb_Medium.woff') format('woff'), url('../service/fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('../service/fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'yekan';
    src: url('../service/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../service/fonts/IRANSansWeb_Medium.woff') format('woff'), url('../service/fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('../service/fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'web-vazir';
    src: url('../service/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../service/fonts/IRANSansWeb_Medium.woff') format('woff'), url('../service/fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('../service/fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'web-vazir';
    src: url('../service/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../service/fonts/IRANSansWeb_Medium.woff') format('woff'), url('../service/fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('../service/fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}

@font-face {
    font-family: 'web-vazir';
    src: url('../service/fonts/IRANSansWeb_Medium.woff2') format('woff2'), url('../service/fonts/IRANSansWeb_Medium.woff') format('woff'), url('../service/fonts/IRANSansWeb_Medium.ttf') format('truetype'), url('../service/fonts/IRANSansWeb_Medium.eot') format('embedded-opentype');
}

@charset "UTF-8";

body {
    background-color: rgba(244, 250, 255, 0.25);
    font-size: 13px;
    line-height: 20px;
    font-family: iran,'yekan','web-vazir', tahoma;
    color: #565a5c;
    font-weight: 700;
}

input {
    font-family: iran,'yekan','web-vazir', tahoma !important;
}
/*-------------------------------------------------------
[ Preloader ]
-------------------------------------------------------*/

.loading {
    position: fixed;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.30);
    z-index: 9999999999999;
}

    .loading .middle {
        position: absolute;
        top: 50%;
        width: 100%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

.lds-ellipsis {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px;
    vertical-align: middle;
}

    .lds-ellipsis div {
        position: absolute;
        top: 27px;
        width: 11px;
        height: 11px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
     
        background: #fff;
        -webkit-animation-timing-function: cubic-bezier(0, 1, 1, 0);
        -moz-animation-timing-function: cubic-bezier(0, 1, 1, 0);
        -o-animation-timing-function: cubic-bezier(0, 1, 1, 0);
        animation-timing-function: cubic-bezier(0, 1, 1, 0);
    }

        .lds-ellipsis div:nth-child(1) {
            right: 6px;
            -webkit-animation: lds-ellipsis1 0.6s infinite;
            -moz-animation: lds-ellipsis1 0.6s infinite;
            -o-animation: lds-ellipsis1 0.6s infinite;
            animation: lds-ellipsis1 0.6s infinite;
        }3


        .lds-ellipsis div:nth-child(2) {
            right: 6px;
            -webkit-animation: lds-ellipsis2 0.6s infinite;
            -moz-animation: lds-ellipsis2 0.6s infinite;
            -o-animation: lds-ellipsis2 0.6s infinite;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(3) {
            right: 26px;
            -webkit-animation: lds-ellipsis2 0.6s infinite;
            -moz-animation: lds-ellipsis2 0.6s infinite;
            -o-animation: lds-ellipsis2 0.6s infinite;
            animation: lds-ellipsis2 0.6s infinite;
        }

        .lds-ellipsis div:nth-child(4) {
            right: 45px;
            -webkit-animation: lds-ellipsis3 0.6s infinite;
            -moz-animation: lds-ellipsis3 0.6s infinite;
            -o-animation: lds-ellipsis3 0.6s infinite;
            animation: lds-ellipsis3 0.6s infinite;
        }

@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
    }

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

@-moz-keyframes lds-ellipsis1 {
    0% {
        -moz-transform: scale(0);
        transform: scale(0);
    }

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

@-o-keyframes lds-ellipsis1 {
    0% {
        -o-transform: scale(0);
        transform: scale(0);
    }

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

@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }

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

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

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

@-moz-keyframes lds-ellipsis3 {
    0% {
        -moz-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -moz-transform: scale(0);
        transform: scale(0);
    }
}

@-o-keyframes lds-ellipsis3 {
    0% {
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
    }

    100% {
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -o-transform: scale(0);
        transform: scale(0);
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-19px, 0);
        transform: translate(-19px, 0);
    }
}

@-moz-keyframes lds-ellipsis2 {
    0% {
        -moz-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -moz-transform: translate(-19px, 0);
        transform: translate(-19px, 0);
    }
}

@-o-keyframes lds-ellipsis2 {
    0% {
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -o-transform: translate(-19px, 0);
        transform: translate(-19px, 0);
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0, 0);
        -moz-transform: translate(0, 0);
        -o-transform: translate(0, 0);
        transform: translate(0, 0);
    }

    100% {
        -webkit-transform: translate(-19px, 0);
        -moz-transform: translate(-19px, 0);
        -o-transform: translate(-19px, 0);
        transform: translate(-19px, 0);
    }
}

.dropdown1, .dropdown2 {
    position: relative;
    display: inline-block;
}

.dropdown-content1, .dropdown-content2 {
    display: block;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px 8px 16px;
    z-index: 1;
    border-style: none !important;
    border-width: 0px !important;
    background-color: #00BCD4 !important;
    color: #ffffff !important;
    text-align: right !important;
    position: absolute !important;
    top: 30px;
    right: 0px;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.00) !important;
}

    .dropdown-content1 p {
        text-align: right;
        margin-bottom: 0px;
    }

        .dropdown-content1 p a {
            color: #fff !important;
            padding: 3px;
            border-radius: 3px;
            text-decoration: none;
            display: block;
            width: 98%;
        }

.dropdown1 i {
    text-indent: 0px;
    font-size: 16px;
}
/* Change color of dropdown links on hover */
.dropdown-content1 p a:hover {
    background-color: #2196f3
}

.dropdown-content2 p {
    text-align: right;
    margin-bottom: 0px;
}

    .dropdown-content2 p a {
        color: #fff !important;
        padding: 3px;
        border-radius: 3px;
        text-decoration: none;
        display: block;
        width: 98%;
    }

.dropdown2 i {
    text-indent: 0px;
    font-size: 16px;
}
/* Change color of dropdown links on hover */
.dropdown-content2 p a:hover {
    background-color: #2196f3
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}



.ul-search, .ul-search li {
    padding: 5px 10px
}

body, h1, h2, h3, h4, h5, h6 {
    -webkit-font-smoothing: antialiased;
    font-weight: 700;
}

a, a:focus, a:hover {
    text-decoration: none;
    font-weight: 600;
}

.plan, .searchTerm {
    -webkit-box-sizing: border-box
}

#map_filter ul li a, #nav-search-in #nav-search-in-content, #single_tour_feat ul li, .btn_1, .dropdown.dropdown-cart a.dropdown-toggle, .fix_rtl, .general_icons ul li, .score, a.btn_1, ul#top_links {
    white-space: nowrap
}

#map_filter ul, #rating_summary ul, #single_tour_feat ul, .chat_option, .filter_type ul, .general_icons ul, .other_tours ul, .plan-features li, .tour_title li, .ul_no_decpration, footer ul, ul li, ul#cart_items, ul#cat_nav, ul#top_links, ul.add_info, ul.list_icons, ul.list_ok, ul.list_order {
    list-style: none
}


i.color_1 {
    color: #e04f67
}

i.color_2 {
    color: #1cbbb4
}

i.color_3 {
    color: #82ca9c
}

i.color_4 {
    color: #f7941d
}

.search-result {
    position: absolute;
    z-index: 100000;
    background: #fff;
    height: auto;
    width: 85%;
    top: 53px;
    right: 3%;
    border: 1px solid #ececec;
    border-top: none;
    border-radius: 0 0 20px 20px;
    box-shadow: 0 6px 10px 3px rgba(0, 0, 38, 0.2);
}

.ul-search {
    font-size: 13px
}

    .ul-search li:hover {
        background-color: #ececec;
        cursor: pointer
    }

.btn-detiles {
    font-size: 18px;
    font-size: 1.286rem;
    line-height: 1.222;
    padding: 10px 18px 9px 14px;
    border-radius: 5px;
    background-color: #00bfd6;
    color: #fff;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    margin-right: 33px
}

.chromeframe {
    background: #ddd;
    color: #000;
    padding: .2em;
    position: fixed;
    top: 0;
    left: 0;
    text-align: center;
    z-index: 9999;
    width: 100%
}

#top_line, header {
    position: relative
}

.chromeframe a {
    color: #ed1c24
}



#newsletter_container h3, .main_title p {
    font-family: iran,'yekan','web-vazir', tahoma;
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    font-weight: 700
}

h3 {
    font-size: 20px;
}

.main_title {
    text-align: center;
    font-size: 16px;
    margin-bottom: 30px
}

    .main_title h2 {
        text-transform: uppercase;
        font-weight: 900 !important;
        letter-spacing: -1px;
        font-size: 30px;
        margin-bottom: 0;
        margin-top: 0
    }

    .main_title p {
        font-weight: 900 !important;
        font-size: 20px
    }

h2 span, h3 span, h4 span, h5 span, h6 span {
    color: #00bcd4
}

.box_style_1 h3.inner {
    margin: -30px -30px 20px;
    background-color: #565a5c;
    padding: 10px 20px 10px 18px;
    color: #fff;
    border: 1px solid #fff;
    -webkit-border-top-left-radius: 3px;
    text-align: center;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

a {
    color: #323232;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
    outline: 0;
    font-weight: 700;
}

    .button_drop, .button_intro, a.button_drop, a.button_intro {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        text-align: center;
        display: inline-block;
        text-transform: uppercase;
        font-family: inherit;
        cursor: pointer;
        outline: 0
    }

    a:focus, a:hover {
        color: #00bcd4 !important;
        outline: 0
    }

p {
    margin: 0 0 20px
}

.nopadding {
    margin: 0 !important;
    padding: 0 !important
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ddd
}

.button_intro, a.button_intro {
    border: none;
    color: #fff !important;
    background: #e04f67;
    padding: 8px 25px;
    font-size: 12px;
    transition: all .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700;
    min-width: 150px
}

    .button_intro:hover, a.button_intro:hover {
        color: #e04f67 !important
    }

    .button_intro.outline, a.button_intro.outilne {
        border: 2px solid #fff;
        color: #fff;
        background: 0 0;
        padding: 6px 23px
    }

    .button_intro:hover, a.button_intro:hover {
        background: #fff
    }

.button_drop, a.button_drop {
    border: none;
    color: #00bcd4 !important;
    background: #ededed;
    padding: 5px 15px !important;
    font-size: 11px;
    transition: all .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700 !important;
    width: 49%
}

    .button_drop.outline, a.button_drop.outilne {
        border: 2px solid #ededed;
        color: #00bcd4;
        background: 0 0;
        padding: 3px 23px !important;
        float: left
    }

    .button_drop:hover, a.button_drop:hover {
        background: #ededed;
        color: #333
    }

    .button_drop.outline:hover, a.button_drop.outline:hover {
        background: #ededed;
        color: #333;
        border: 2px solid #ededed
    }

.btn_1, a.btn_1 {
    border: none;
    font-family: inherit;
    color: #fff;
    background: #51bce6;
    cursor: pointer;
    padding: 7px 20px;
    display: inline-block;
    outline: 0;
    font-size: 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700
}

    .btn_1.green, a.btn_1.green {
        background: #83c99f
    }

    .btn_1.white, a.btn_1.white {
        background: #fff;
        color: #e04f67
    }

        .btn_1.white a:hover, a.btn_1.white:hover {
            background: #333;
            color: #fff
        }

    .btn_1.outiline, a.btn_1.outline, input .btn_1.outiline {
        color: #555;
        background: 0 0;
        border: 2px solid #555;
        padding: 5px 18px
    }

        .btn_1.outiline:hover, a.btn_1.outline:hover, input .btn_1.outiline:hover {
            color: #fff;
            background: #e04f67;
            border: 2px solid #e04f67
        }

    .btn_1.medium, a.btn_1.medium {
        padding: 10px 25px;
        font-size: 14px
    }

    .btn_1.small, a.btn_1.small {
        padding: 5px 8px;
        font-size: 10px;
        line-height: 9px;
        text-transform: none;
        color: #fff !important
    }

a.bt_facebook, a.bt_paypal {
    color: #fff !important;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    display: block
}

.btn_1:hover, a.btn_1:hover {
    background: #333
}

a.bt_facebook {
    background: #337ab7;
    padding: 10px 5px;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

a.bt_paypal {
    padding: 10px 8px;
    background: #5bc0de;
    border: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px
}

.btn_full, a.btn_full, a.btn_map {
    color: #fff;
    padding: 12px 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}

a.btn_map {
    border: none;
    font-family: inherit;
    background: #00bcd4;
    cursor: pointer;
    outline: 0;
    font-size: 14px;
    transition: all .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    text-align: center
}

.btn_full, a.btn_full, a.btn_full_outline {
    font-family: inherit;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;
    display: block;
    text-align: center;
    outline: 0
}

a.btn_map:hover {
    background: #333
}

.btn_full, a.btn_full {
    border: none;
    width: 100%;
    background: #85c99d;
    transition: all .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 10px
}

    .btn_full:hover, a.btn_full:hover {
        background: #333
    }

a.btn_full_outline {
    color: #85c99d;
    background: 0 0;
    border: 2px solid #85c99d;
    padding: 10px 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.sticky ul#top_tools a, header#plain ul#top_links :hover a, header#plain ul#top_tools a {
    color: #333
}

#top_line, footer h3 {
    font-weight: 900 !important
}

a.btn_full_outline:hover {
    border: 2px solid #333;
    color: #333
}

#logo {
    margin-top: 10px
}

header {
    width: 100%;
    left: 0;
    top: 0;
    padding: 00px 0
}

    header #logo .logo_sticky, header.sticky #logo .logo_normal {
        display: none
    }

    header.sticky #logo .logo_sticky {
        display: block
    }

    header.sticky #top_line {
        height: 0;
        overflow: hidden;
        padding: 0;
        opacity: 0;
        transition: all .2s ease-in-out;
        -moz-transition: all .1s ease-in-out;
        -webkit-transition: all .1s ease-in-out;
        -o-transition: all .1s ease-in-out
    }

    header.sticky {
        -webkit-box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
        -moz-box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
        box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
        background-color: #fff;
        padding-bottom: 0
    }

#logo_home h1 {
    margin: 10px 0 0;
    padding: 0
}

    #logo_home h1 a, header#colored #logo_home h1 a, header#plain #logo_home h1 a, header.sticky #logo_home h1 a {
        height: 34px;
        display: block;
        background-image: url(../img/logo.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: 160px 34px;
        text-indent: -9999px
    }

header.sticky #logo_home h1 {
    margin: 0 0 10px;
    padding: 0
}

.sticky nav, nav {
    margin-top: 10px
}

.sticky #logo, nav {
    margin-bottom: 10px
}

header#plain #logo_home h1 a, header.sticky #logo_home h1 a {
    background-image: url(../img/logo_sticky.png)
}

header.sticky#colored #logo_home h1 a {
    background-image: url(../img/logo_sticky_colored.png)
}

@media only screen and (min--moz-device-pixel-ratio:2),only screen and (-o-min-device-pixel-ratio:2/1),only screen and (-webkit-min-device-pixel-ratio:2),only screen and (min-device-pixel-ratio:2) {
    #logo_home h1 a, header#colored #logo_home h1 a {
        background-image: url(../img/logo_2x.png);
        background-size: 160px 34px
    }

    header#plain #logo_home h1 a, header.sticky #logo_home h1 a {
        background-image: url(../img/logo_sticky_2x.png);
        background-size: 160px 34px
    }

    header.sticky#colored #logo_home h1 a {
        background-image: url(../img/logo_sticky_colored_2x.png);
        background-size: 160px 34px
    }
}

.sticky #logo {
    margin-top: 0
}

ul#top_tools {
    flist-style: none;
    padding: 0;
    position: absolute;
    left: 15px;
    top: 0;
    z-index: 999
}

    ul#top_tools a {
        color: #fff
    }

#top_line, ul#top_links a {
    color: #fff
}

ul#top_tools li {
    display: inline-block;
    padding: 0 10px
}

#top_line {
    height: 28px;
    border-bottom: 1px solid rgba(255,255,255,.2);
    font-size: 13px;
    visibility: visible;
    opacity: 1;
    margin-bottom: 5px;
    z-index: 999999;
    padding-top: 10px;
    padding-bottom: 30px;
}

ul#top_links {
    margin: 0;
    padding: 0;
    float: left
}

a#access_link, a#wishlist_link {
    position: relative;
    display: inline-block;
    padding-right: 20px
}

#access_link:before, #wishlist_link:before {
    font-style: normal;
    font-weight: 400;
    font-family: icon_set_1;
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 0;
    color: #fff;
    padding-left: 4px
}

#wishlist_link:before {
    content: "\67"
}

#access_link:before {
    content: "\66"
}

ul#top_links li {
    display: inline-block;
    border-right: 1px solid rgba(255,255,255,.3);
    margin-left: 5px;
    padding-right: 0;
    border-style: none;
    border-width: 0
}

    ul#top_links li:first-child {
        border-left: none;
        padding-left: 0
    }

ul#top_links a:hover {
    color: #e04f67
}

header#plain {
    background-color: #fff;
    padding-bottom: 0;
    border-bottom: solid 2px #e1e1e1
}

    header#plain.sticky {
        -webkit-box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
        -moz-box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
        box-shadow: 0 2px 10px -2px rgba(0,0,0,.41);
        background-color: #fff;
        position: fixed;
        left: 0;
        top: 0;
        z-index: 99999
    }

#hero, #hero_video {
    z-index: 99;
    text-align: center
}

header#plain.sticky #logo .logo_normal {
    display: none
}

header#plain.sticky #logo .logo_sticky {
    display: block
}

header#plain #top_line {
    color: #FFF !important;
    background-color: #00b7d4;
    border-style: none
}

header#plain ul#top_links li {
    border-style: none;
    border-width: 0
}

    header#plain ul#top_links li:first-child {
        border-right: none
    }

header#colored.sticky ul#top_tools a, header#plain ul#top_links a {
    color: #fff
}

.subheader_plain {
    margin-top: 60px
}

header#colored.sticky {
    background-color: #e04f67;
    padding-bottom: 0;
    border-bottom: 2px solid #e04f67
}

.dropdown.dropdown-cart, .dropdown.dropdown-search {
    float: left;
    font-size: 13px !important
}

.dropdown-access .dropdown-menu, .dropdown-cart .dropdown-menu, .dropdown-search .dropdown-menu {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: left;
    right: auto;
    min-width: 0;
    padding: 15px;
    left: 0;
    width: 250px;
    top: 100%;
    font-size: 12px;
    font-weight: 400;
    text-transform: none !important;
    border-top: 2px solid #00bcd4
}

#pass-info.goodpass, #pass-info.stillweakpass, #pass-info.strongpass, #pass-info.weakpass {
}

.dropdown-access .dropdown-menu:before, .dropdown-cart .dropdown-menu:before, .dropdown-search .dropdown-menu:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #00bcd4;
    border-width: 7px;
    margin-right: -7px
}

.dropdown-menu {
    margin-top: 14px
}

ul#cart_items {
    padding: 5px 0 0
}

    ul#cart_items li {
        border-bottom: 1px solid #ededed;
        position: relative;
        margin: 0;
        padding: 5px 10px 10px;
        width: 100%;
        clear: both
    }

        ul#cart_items li .image {
            border: 1px solid #ddd;
            overflow: hidden;
            width: 50px;
            height: 50px;
            float: right;
            margin-left: 10px
        }

            ul#cart_items li .image img {
                padding: 1px;
                width: 48px;
                height: auto
            }

        ul#cart_items li strong {
            font-weight: 400;
            color: #999;
            margin-top: 10px;
            float: right;
            width: 150px;
            line-height: 14px
        }

            ul#cart_items li strong > a {
                color: #333;
                display: block
            }

                ul#cart_items li strong > a:hover {
                    color: #e04f67
                }

        ul#cart_items li a.action {
            color: #999;
            position: absolute;
            font-size: 14px;
            left: 10px;
            top: 0;
            width: 15px;
            height: 15px
        }

            ul#cart_items li a.action:hover {
                color: #333;
                background: 0 0
            }

        ul#cart_items li:last-child div {
            color: #999;
            text-align: right;
            font-size: 14px;
            padding: 10px 0 15px;
            display: block
        }

        ul#cart_items li:last-child span {
            color: #333;
            font-weight: 700;
            font-size: 16px
        }

.dropdown-cart .dropdown-menu a.button_drop {
    display: inline-block
}

.dropdown- .dropdown-menu {
    margin-top: 7px
}

.login-or {
    position: relative;
    font-size: 16px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: 2px;
    margin-left: -30px;
    background-color: #fff;
    width: 60px;
    text-align: center
}

#hero, #hero_video, .feature_home, .header-video, .other_tours ul li a i {
    position: relative
}

.hr-or {
    background-color: #cdcdcd;
    height: 1px;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

a#forgot_pw {
    color: #999 !important;
    font-size: 11px;
    padding: 0;
    margin: -5px 0 10px;
    display: block
}

    a#forgot_pw:hover {
        color: #333 !important
    }

.dropdown-search .dropdown-menu {
    margin-top: 15px;
    left: -25px
}

.input-group button {
    background-color: #333;
    color: #fff;
    border-color: #333
}

    .input-group button:focus, .input-group button:hover {
        background-color: #e04f67;
        color: #fff;
        border-color: #e04f67
    }

footer {
    background: url(../img/pattern.png) #333;
    color: #fff;
    padding: 30px 0 0
}

    footer h3 {
        font-size: 16px;
        color: #fff
    }

    a#call:hover, a#email_footer:before, a#phone:hover, footer a {
        color: #fff
    }

        footer a:hover {
            color: #999
        }

    footer ul {
        margin: 0;
        padding: 0 0 20px;
        line-height: 35px;
        font-size: 14px
    }

#social_footer {
    text-align: center;
    border-top: 1px solid rgba(255,255,255,.2);
    padding-top: 30px;
    margin-top: 30px
}

    #social_footer p {
        font-size: 12px;
        color: #8c8c8c
    }

    #social_footer ul {
        margin: 0;
        padding: 0 0 10px;
        text-align: center
    }

        #social_footer ul li {
            display: inline-block;
            margin: 0 5px 10px
        }

            #social_footer ul li a {
                color: #fff;
                text-align: center;
                line-height: 34px;
                display: block;
                font-size: 16px;
                width: 35px;
                height: 35px;
                border: 1px solid rgba(255,255,255,.3);
                -webkit-border-radius: 50%;
                -moz-border-radius: 50%;
                border-radius: 50%
            }

                #social_footer ul li a:hover {
                    border: 1px solid #fff;
                    background: #fff;
                    color: #111
                }

a#call, a#email_footer, a#phone {
    display: block;
    position: relative;
    color: #fdf7ac;
    font-size: 14px;
    padding-right: 40px;
    margin: 20px 0
}

    a#call:before, a#email_footer:before, a#phone:before {
        font-style: normal;
        font-weight: 400;
        font-family: FontAwesome;
        position: absolute
    }

    a#phone:before {
        font-size: 24px;
        content: "\f041";
        right: 0;
        top: 0
    }

    a#email_footer:before {
        font-size: 20px;
        content: "\f003";
        right: 0;
        top: 0;
        color: #fdf7ac
    }

    a#call:before {
        font-size: 22px;
        content: "\f095";
        right: 0;
        top: 0
    }

.feature_home {
    padding: 30px;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    text-align: center
}

    .feature_home h3 {
        font-size: 20px
    }

    .feature_home i {
        margin: auto auto 20px;
        display: block;
        width: 120px;
        height: 120px;
        line-height: 110px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px dashed #ccc;
        font-size: 62px;
        color: #6dcff6
    }

#hero_video, iframe {
    height: 100%;
    width: 100%
}

.other_tours ul {
    padding: 0;
    margin: 0
}

    .other_tours ul li a {
        border-bottom: 1px solid #ededed;
        padding: 5px 0 10px;
        display: block;
        color: #333
    }

        .other_tours ul li a:hover {
            background-color: #f9f9f9;
            color: #e04f67
        }

    .other_tours ul li:last-child a {
        border-bottom: none
    }

    .other_tours ul li a i {
        font-size: 22px;
        margin-right: 5px;
        margin-left: 2px;
        top: 5px;
        color: #555
    }

.other_tours_price {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
    color: #888
}

#hero {
    height: 600px;
    background: url(../img/slide_hero.jpg) center center no-repeat #4d536d;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table;
    text-transform: uppercase
}

.intro_title h1, .intro_title h3 {
    font-size: 45px;
    margin-bottom: 5px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase
}

.intro_title {
    display: table-cell;
    vertical-align: middle
}

    .intro_title h3 strong span {
        color: #fff
    }

    .intro_title.error h1 {
        font-size: 130px
    }

.header-video {
    overflow: hidden;
    background: url(../img/slide_hero.jpg) center center no-repeat #4d536d;
    background-size: cover
}

#hero_video {
    background-size: cover;
    color: #fff;
    font-size: 16px;
    display: table;
    text-transform: uppercase
}

    #hero_video a.video {
        display: none
    }

iframe, video {
    position: absolute;
    /* top: 0; */
    bottom: 0;
    left: 0;
    right: 0;
}

video {
    width: 100%
}

.header-video--media, .teaser-video {
    width: 100%;
    height: auto
}

#search_bar_container {
    background: #333;
    background-color: rgba(0,0,0,.4);
    padding: 15px 0;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center
}

.search_bar {
    position: relative;
    width: 80%;
    margin: auto
}

#nav-search-in {
    display: inline-block;
    height: 45px;
    left: 0;
    overflow: hidden;
    position: absolute;
    top: 0;
    background: #6ccef5
}

    #nav-search-in #nav-search-in-content {
        color: #fff;
        display: inline-block;
        font-size: 12px;
        text-transform: uppercase;
        height: 45px;
        line-height: 35px;
        margin: 5px 65px 0 20px;
        text-indent: 1px;
        text-overflow: ellipsis;
        width: 60px;
        overflow: visible
    }

.button_inc, .nav-submit-button {
    text-indent: -9999px;
    cursor: pointer
}

#nav-search-in.nav-facade-active .nav-down-arrow {
    display: inline-block;
    right: 15px;
    top: 20px;
    background: url(../img/arrow_down_2.png);
    height: 6px;
    width: 10px;
    position: absolute
}

.nav-facade-active #searchDropdownBox {
    cursor: pointer;
    height: 45px;
    left: 15px;
    opacity: 0;
    top: 0;
    visibility: visible;
    width: auto
}

#searchDropdownBox {
    background: #fff;
    border: 1px solid #DDD;
    color: #000;
    font-family: iran,'yekan','web-vazir', tahoma;
    left: 5px;
    margin: 0;
    outline: 0;
    padding: 0;
    position: absolute;
    top: 0;
    visibility: hidden;
    width: 100px
}

.nav-searchfield-outer {
    background: #fff;
    color: #ccc;
    display: block;
    font-size: 15px;
    left: 0;
    padding: 5px;
    position: relative;
    width: 100%;
    font-family: iran,'yekan','web-vazir', tahoma;
    border: none;
    height: 45px;
    font-weight: 900 !important;
    margin-top: 1px
}

#position ul li:after, #position ul li:first-child:before, #toTop:before, .view_on_map:after, ul#cat_nav li a:after {
    font-family: FontAwesome;
}

#twotabsearchtextbox {
    background: #FFF;
    width: 100%;
    border: none;
    box-shadow: none;
    color: #333;
    font-size: 14px;
    height: 30px;
    padding: 3px 0 0 150px;
    outline: 0;
    font-weight: 700
}

.feature, .strip_all_tour_list {
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.nav-submit-button {
    background: url(../img/search-bt.png) center center no-repeat #fff;
    border: none;
    display: block;
    height: 45px;
    right: 5px;
    position: absolute;
    top: 0;
    width: 40px
}

    .nav-submit-button .nav-submit-input {
        background: #fff;
        border: none;
        color: #fff;
        cursor: pointer
    }

.box_style_cat {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #ddd;
    margin-bottom: 25px
}

ul#cat_nav {
    margin: 0;
    padding: 0
}

    ul#cat_nav li {
        border-bottom: 1px solid #ddd
    }

        ul#cat_nav li a {
            position: relative;
            color: #777;
            display: block;
            padding: 15px 10px
        }

            ul#cat_nav li a span {
                font-size: 11px;
                color: #999
            }

            ul#cat_nav li a:after {
                content: "\e9ed";
                position: absolute;
                left: 15px;
                top: 15px
            }

        ul#cat_nav li:last-child {
            border-bottom: 0;
            padding-bottom: 0
        }

        ul#cat_nav li:first-child a#active, ul#cat_nav li:first-child a.active, ul#cat_nav li:first-child a:hover {
            -webkit-border-top-left-radius: 3px;
            -webkit-border-top-right-radius: 3px;
            -moz-border-radius-topleft: 3px;
            -moz-border-radius-topright: 3px;
            border-top-left-radius: 3px;
            border-top-right-radius: 3px
        }

        ul#cat_nav li:last-child a#active, ul#cat_nav li:last-child a.active, ul#cat_nav li:last-child a:hover {
            -webkit-border-bottom-right-radius: 3px;
            -webkit-border-bottom-left-radius: 3px;
            -moz-border-radius-bottomright: 3px;
            -moz-border-radius-bottomleft: 3px;
            border-bottom-right-radius: 3px;
            border-bottom-left-radius: 3px
        }

        ul#cat_nav li a#active, ul#cat_nav li a.active, ul#cat_nav li a:hover {
            background: #f9f9f9;
            color: #111
        }

    ul#cat_nav i {
        font-size: 22px;
        margin-left: 5px;
        float: right
    }

#tools {
    padding: 5px;
    margin-bottom: 15px
}

    #tools .text-right {
        text-align: left
    }

.marker_info {
    width: 280px;
    height: 320px;
    border-radius: 3px;
    text-align: center;
    background: #FFF;
    background: rgba(255,255,255,.9);
    position: relative;
    z-index: 9999999;
    font-family: iran,'yekan','web-vazir', tahoma;
}

    .marker_info img {
        display: block;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .marker_info h3 {
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    .marker_info span {
        display: block;
        padding: 0 20px;
        font-size: 12px;
        line-height: 16px;
        color: #7a7f82;
        margin-bottom: 15px
    }

    .marker_info:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: rgba(255,255,255,.9);
        border-width: 10px;
        margin-top: -10px
    }

.strip_all_tour_list {
    margin-bottom: 30px;
    background-color: #fff;
    display: block;
    color: #777;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

    .strip_all_tour_list h3 {
        text-transform: uppercase
    }

.tour_list_desc .rating {
    margin: 15px 0 3px -3px;
    font-size: 15px
}

.img_list {
    overflow: hidden;
    min-height: 220px;
    text-align: center;
    position: relative
}

    .img_list img {
        width: auto;
        height: 220px;
        position: absolute;
        right: -10%
    }

    .img_list a img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        -webkit-transition: all .7s ease;
        transition: all .7s ease
    }

    .img_list a:hover img {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    .img_list .short_info {
        padding: 5px;
        text-align: left;
        min-height: 38px
    }

.price_list .button {
    display: block
}

.tour_list_desc {
    padding: 10px 0 0 20px;
    border-left: 1px solid #ededed;
    height: 220px;
    line-height: 17px
}

    .tour_list_desc h3 {
        font-size: 18px;
        line-height: 20px;
        margin-top: 0;
        margin-bottom: 10px
    }

.price_list {
    display: table;
    height: 220px;
    font-size: 38px;
    color: #e74c3c;
    width: 100%;
    margin-right: -15px
}

    .price_list small {
        font-size: 11px;
        color: #999;
        display: block;
        margin-bottom: 10px;
        line-height: 12px
    }

    .price_list div {
        display: table-cell;
        vertical-align: middle;
        text-align: center
    }

    .price_list p {
        padding: 0;
        margin: 0
    }

    .price_list .normal_price_list {
        display: block;
        text-decoration: line-through;
        color: #999;
        font-size: 20px;
        margin-top: 10px
    }

    .price_list sup, ul.add_info li i {
        font-size: 22px;
        position: relative
    }

    .price_list sup {
        top: -10px
    }

ul.add_info {
    padding: 0;
    margin: 0
}

    ul.add_info li {
        display: inline-block;
        margin-right: 5px;
        border: 1px solid #ededed;
        text-align: center;
        width: 35px;
        height: 35px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

        ul.add_info li a {
            color: #555;
            width: 35px;
            height: 35px;
            display: block
        }

        ul.add_info li i {
            display: inline-block;
            top: 6px
        }

#filters_col label {
    color: #534d4d;
    font-weight: 400
}

a#filters_col_bt {
    display: block;
    color: #333
}

    a#filters_col_bt .icon_set_1_icon-65 {
        font-size: 20px;
        position: relative;
        top: 0;
        margin-right: 5px
    }

#filters_col .pull-right {
    float: left !important
}

.filter_type h6 {
    font-size: 14px;
    margin: 1px 0
}

.filter_type ul {
    padding: 0
}

    .filter_type ul li .rating {
        font-size: 16px;
        right: -7px;
        position: relative;
        top: 3px;
        white-space: nowrap
    }

#Img_carousel .sp-selected-thumbnail {
    border-bottom: 2px solid #e04f67
}

.parallax-content-2 {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 999;
    padding: 18px 0 20px;
    color: #fff;
    font-size: 13px;
    background: url(../img/shadow_single.png) bottom left repeat-x;
    width: 100%
}

    .parallax-content-2 div h1 {
        font-size: 36px;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff;
        margin: 0
    }

    .parallax-content-2 .rating {
        font-size: 14px
    }

#price_single_main {
    text-align: left;
    padding-top: 25px;
    font-weight: 400
}

    #price_single_main span {
        font-size: 60px;
        color: #3CF
    }

    #price_single_main sup {
        font-size: 22px;
        position: relative;
        top: -25px
    }

#price_single {
    background-color: #e74c3c;
    color: #fff;
    font-size: 36px;
    margin: -15px -15px 15px;
    padding: 20px 15px 10px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

    #price_single small {
        font-size: 12px
    }

#single_tour_feat ul {
    padding: 0;
    margin: 0 0 30px;
    display: table;
    border-bottom: 2px solid #555
}

#map, .review_strip_single {
    border-bottom: 1px solid #ddd
}

#single_tour_feat ul li {
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    text-align: center;
    padding: 0 10px 20px
}

    #single_tour_feat ul li:last-child {
        margin-right: 0
    }

    #single_tour_feat ul li i {
        font-size: 36px;
        display: block;
        margin-bottom: 10px
    }

#single_tour_desc h3 {
    font-size: 22px;
    margin-top: 5px
}

#single_tour_desc h4 {
    line-height: 20px;
    font-size: 18px
}

#map {
    width: 100%;
    height: 450px;
    border-top: 1px solid #ddd
}

.table.table_summary td {
    border-top: 1px solid #ededed;
    width: 50%
}

.table.table_summary .text-right {
    text-align: left
}

#hero_2, .price_in, input.qty2 {
    text-align: center
}

.table.table_summary tr.total {
    color: #e04f67;
    font-size: 20px;
    font-weight: 700;
    text-transform: uppercase
}

.review_strip_single {
    position: relative;
    padding: 30px 0 20px;
    margin: 30px 0 25px
}

    .review_strip_single.last {
        margin-bottom: 0;
        border-bottom: 0
    }

    .review_strip_single img {
        top: -15px;
        position: absolute;
        left: 0;
        border: 4px solid #fff
    }

    .review_strip_single h4 {
        font-size: 18px;
        margin: -12px 0 35px 90px;
        padding: 0
    }

    .review_strip_single small {
        float: right;
        font-size: 12px;
        margin-top: -10px;
        font-style: italic
    }

    .review_strip_single .rating {
        font-size: 16px
    }

.normal_price_single {
    font-size: 18px;
    text-decoration: line-through
}

.price_in {
    font-size: 42px;
    color: #e74c3c;
    border-bottom: 1px solid #ededed;
    padding-top: 30px;
    background-color: #fff8e5;
    margin: -20px -20px 20px
}

    .price_in small {
        font-size: 11px;
        color: #999;
        display: block;
        margin-bottom: 20px;
        margin-top: 4px
    }

    .price_in p {
        padding: 0;
        margin: 0
    }

.normal_price_in {
    display: block;
    text-decoration: line-through;
    color: #999;
    font-size: 20px;
    margin-top: 10px
}

.price_in sup {
    font-size: 22px;
    position: relative;
    top: -10px
}

.table.options_booking td i {
    font-size: 26px
}

.table.options_booking td {
    vertical-align: middle
}

#general_rating {
    font-size: 18px;
    margin: 10px 0 20px
}

    #general_rating .rating {
        display: inline
    }

#rating_summary ul {
    margin: 0 0 -5px;
    padding: 0
}

    #rating_summary ul li {
        margin-bottom: 5px
    }

        #rating_summary ul li .rating {
            display: inline-block;
            font-size: 14px;
            float: right
        }

#hero_2 {
    position: relative;
    height: 470px;
    background: url(../img/slide_hero_2.jpg) center center no-repeat #4d536d;
    background-size: cover;
    color: #fff;
    width: 100%;
    font-size: 16px;
    display: table
}

    #hero_2.restaurant_bg {
        background: url(../img/restaurant_top_in.jpg) center center no-repeat #4d536d;
        background-size: cover
    }

    #hero_2 .intro_title h1 {
        font-size: 38px;
        margin-bottom: 15px
    }

        #hero_2 .intro_title h1:after, #hero_2 .intro_title h1:before {
            display: inline-block;
            width: 60px;
            height: 1px;
            content: '';
            vertical-align: middle;
            background: rgba(255,255,255,.5)
        }

        #hero_2 .intro_title h1:before {
            margin-right: 10px
        }

        #hero_2 .intro_title h1:after {
            margin-left: 10px
        }

.bs-wizard {
    width: 90%;
    margin: auto
}

    .bs-wizard > .bs-wizard-step {
        padding: 0;
        position: relative
    }

        .bs-wizard > .bs-wizard-step .bs-wizard-stepnum {
            font-size: 16px;
            margin-bottom: 5px
        }

        .bs-wizard > .bs-wizard-step .bs-wizard-info {
            color: #999;
            font-size: 14px
        }

        .bs-wizard > .bs-wizard-step > .bs-wizard-dot {
            position: absolute;
            width: 30px;
            height: 30px;
            display: block;
            background: #fbe8aa;
            top: 45px;
            left: 50%;
            margin-top: -15px;
            margin-left: -15px;
            border-radius: 50%
        }

            .bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {
                content: ' ';
                width: 14px;
                height: 14px;
                background: #e04f67;
                border-radius: 50px;
                position: absolute;
                top: 8px;
                left: 8px
            }

        .bs-wizard > .bs-wizard-step > .progress {
            position: relative;
            border-radius: 0;
            height: 8px;
            box-shadow: none;
            margin: 23px 0
        }

            .bs-wizard > .bs-wizard-step > .progress > .progress-bar {
                width: 0;
                box-shadow: none;
                background: #fbe8aa
            }

.feature, .review_strip, .transfer_container {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {
    width: 100%
}

.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {
    width: 50%
}

.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {
    width: 0%
}

.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {
    width: 100%
}

.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {
    background-color: #f5f5f5
}

    .bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {
        opacity: 0
    }

.bs-wizard > .bs-wizard-step:first-child > .progress {
    right: 50%;
    width: 50%
}

.bs-wizard > .bs-wizard-step:last-child > .progress {
    width: 50%
}

.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot {
    pointer-events: none
}

.form_title {
    position: relative;
    padding-right: 55px;
    margin-bottom: 10px
}

    .form_title h3, .form_title p {
        margin: 0;
        padding: 0
    }

        .form_title h3 strong {
            background-color: #00bcd4;
            width: 40px;
            height: 40px;
            display: inline-block;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
            border-radius: 50%;
            color: #fff;
            font-size: 18px;
            line-height: 40px;
            text-align: center;
            position: absolute;
            right: 0;
            top: 0
        }

.numbers-row, input.qty2 {
    position: relative;
    height: 40px
}

.form_title p {
    color: #999;
    font-size: 12px;
    line-height: 14px
}

.step {
    padding: 20px 0;
    margin: 0 20px 10px 0
}

.cards {
    margin-top: 18px
}

.table {
    border-bottom: 3px solid #ddd
}

    .table.options_cart td i {
        font-size: 38px
    }

    .table.cart-list th, .table.options_cart th {
        background-color: #fff;
        text-transform: uppercase
    }

    .table.cart-list td, .table.options_cart td {
        vertical-align: middle
    }

.numbers-row {
    width: 97px;
    overflow: visible
}

    .numbers-row.list {
        margin: 15px auto 5px
    }

input.qty2 {
    width: 35px;
    border-radius: none;
    right: 31px;
    font-size: 12px;
    padding: 5px
}

.button_inc {
    position: absolute;
    width: 33px;
    height: 40px;
    z-index: 9
}

.dec {
    background: url(../img/minus.png) center center no-repeat #fff;
    border: 1px solid #ccc;
    left: 0;
    top: 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px
}

.inc {
    background: url(../img/plus.png) center center no-repeat #fff;
    right: 0;
    top: 0;
    border: 1px solid #ccc;
    -webkit-border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    -moz-border-radius-bottomright: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px
}

#total {
    text-align: right;
    margin-top: 20px
}

    #total h3 {
        font-size: 26px;
        line-height: 26px;
        padding: 0;
        font-weight: 700;
        display: block;
        margin: 0 0 10px
    }

.options i {
    font-size: 22px
}

.thumb_cart {
    border: 1px solid #ddd;
    overflow: hidden;
    width: 60px;
    height: 60px;
    margin-left: 10px;
    float: right
}

.feature i, .score span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%
}

.thumb_cart img {
    padding: 1px;
    width: 58px;
    height: auto
}

.item_cart {
    display: inline-block;
    margin-top: 20px
}

.table.confirm th {
    text-transform: uppercase
}

.table.confirm td {
    width: 50%
}

#policy {
    padding: 10px 0 0 50px
}

.feature {
    padding: 30px 120px 20px 30px;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    color: #888;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.review_strip, .transfer_container {
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.feature i {
    position: absolute;
    top: 30px;
    right: 30px;
    padding: 0;
    margin: 0;
    width: 65px;
    height: 65px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    border: 1px dashed #ccc;
    font-size: 34px;
    color: #00bcd4
}

.features-bg {
    position: relative;
    min-height: 400px;
    background: url(../img/features-intro-01.jpg) center center no-repeat;
    background-size: cover
}

.content-left, .map-right, .row-height {
    min-height: 100%
}

.features-img {
    width: 100%;
    height: 400px;
    text-align: center;
    line-height: 400px
}

.features-content {
    position: relative;
    padding: 1% 100px 10%;
    height: 400px;
    background-color: #6582a1;
    color: #fff;
    font-size: 14px
}

    .features-content h3 {
        color: #fff;
        font-size: 32px;
        line-height: 34px;
        text-transform: uppercase
    }

.review_strip {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    position: relative;
    padding: 30px 20px 20px 30px;
    margin-bottom: 30px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

    .loader, .review_strip img, .tape {
        position: absolute
    }

    .review_strip img {
        top: -15px;
        left: 25px;
        border: 4px solid #fff
    }

    .review_strip h4 {
        font-size: 18px;
        margin: -10px 0 35px 80px;
        padding: 0
    }

    .review_strip p {
        margin-bottom: 10px
    }

    .review_strip .rating {
        font-size: 16px
    }

.rating {
    font-size: 18px
}

    .rating small {
        font-size: 12px;
        color: #CCC
    }

    .rating .voted {
        color: #F90
    }

#map_contact {
    width: 100%;
    height: 450px
}

#directions {
    background-color: #e04f67;
    padding: 22px 0
}

ul#contact-info {
    list-style: none;
    margin: 0;
    padding: 0
}

.tape {
    left: 0;
    top: -20px;
    height: 45px;
    width: 100%;
    background: url(../img/tape.png) center top no-repeat;
    display: block
}

.loader {
    margin-left: 5px
}

.error_message {
    color: #F33;
    font-weight: 900 !important;
    margin-bottom: 4px
}

#hero.login {
    height: auto;
    display: block;
    text-transform: none;
    font-size: 12px;
    background: url(../img/bg_login.jpg) center center no-repeat;
    background-size: cover
}

#login {
    margin: 170px 0 60px;
    color: #333;
    text-align: right;
    background-color: #fff;
    -moz-box-shadow: 0 0 5px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 5px rgba(0,0,0,.4);
    box-shadow: 0 0 5px rgba(0,0,0,.4);
    padding: 30px
}

#pass-info, #score_detail span, #tour_guide, .marker_info_2, .score span, .wishlist_close {
    text-align: center
}

#pass-info {
    width: 98.5%;
    margin-bottom: 15px;
    color: #829CBD;
    font: 12px/25px Iran,'Shabnam-Bold-FD'
}

#score_detail span, .score span, a.btn_collapse {
    display: inline-block;
    font-weight: 700
}

#toTop:before, .view_on_map:after, .wishlist_close:before {
    font-style: normal;
    font-weight: 400
}

#pass-info.weakpass {
    border: 1px solid #FF9191;
    background: #FFC7C7;
    color: #94546E
}

#pass-info.stillweakpass {
    border: 1px solid #FBB;
    background: #FDD;
    color: #945870
}

#pass-info.goodpass {
    border: 1px solid #C4EEC8;
    background: #E4FFE4;
    color: #51926E
}

#pass-info.strongpass {
    border: 1px solid #6ED66E;
    background: #79F079;
    color: #348F34
}

#pass-info.vrystrongpass {
    border: 1px solid #379137;
    background: #48B448;
    color: #CDFFCD;
}

.img-circle.styled {
    border: 5px solid #fff
}

#filters {
    padding: 20px;
    background-color: #f2f2f2;
    border-bottom: 1px solid #ededed;
    margin: 0 -15px 30px
}

a.bt_filters {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 6px 8px;
    color: #888;
    display: inline-block
}

.hotel_container .hotel_title, .transfer_container .transfer_title {
    padding: 15px;
    position: relative
}

.transfer_container {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    margin-bottom: 30px
}

.box_style_3, .hotel_container {
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.transfer_container .transfer_title .rating {
    font-size: 14px;
    margin-left: -3px
}

.transfer_container .transfer_title h3 {
    margin: 0;
    font-size: 16px;
    text-transform: uppercase
}

a.btn_collapse {
    margin-bottom: 10px
}

.score span {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 2px solid #999;
    line-height: 32px;
    font-size: 13px;
    color: #999;
    margin-right: 5px
}

.score {
    float: left;
    font-size: 11px;
    margin-top: 5px
}

#score_detail span {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    border: 2px solid #555;
    line-height: 42px;
    font-size: 14px;
    color: #555;
    margin-left: 5px
}

#score_detail {
    font-size: 14px;
    margin-bottom: 15px
}

    #score_detail small {
        color: #999
    }

.hotel_container {
    background-color: #fff;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    margin-bottom: 30px
}

    .hotel_container .hotel_title .rating {
        font-size: 14px;
        margin-left: -3px
    }

    .hotel_container .hotel_title h3 {
        margin: 0;
        font-size: 16px;
        text-transform: uppercase
    }

    .hotel_container .score span {
        color: #fff;
        margin-left: 5px;
        text-align: center;
        border: 2px solid #fff
    }

    .hotel_container .score {
        font-size: 11px;
        margin-top: 5px;
        position: absolute;
        bottom: 30px;
        right: 5px
    }

    .hotel_container a .score {
        color: #fff
    }

ul.list_icons {
    margin: 0 0 20px;
    padding: 0
}

    ul.list_icons li i {
        font-size: 16px
    }

.modal-dialog {
    margin-top: 120px
}

#price_single_main.hotel {
    padding-top: 40px
}

.hotel_container .short_info.hotel {
    padding-left: 10px
}

.wishlist_close {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 30px;
    height: 30px;
    z-index: 2;
    line-height: 25px;
    font-size: 18px;
    cursor: pointer;
    color: #F66 !important
}

    .wishlist_close:before {
        font-family: icon_set_1;
        font-size: 30px;
        content: "\72";
        color: #F66;
        position: absolute;
        left: 0;
        top: 3px
    }

.marker_info_2 {
    width: 240px;
    height: 340px;
    border-radius: 3px;
    background: #FFF;
    background: rgba(255,255,255,.9);
    position: relative;
    z-index: 9999999;
    font-family: iran,'yekan','web-vazir', tahoma;
}

    .marker_info_2 img {
        display: block;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-topright: 3px;
        border-top-left-radius: 3px;
        border-top-right-radius: 3px
    }

    .marker_info_2 h3 {
        font-size: 18px;
        line-height: 18px;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    .marker_info_2 span {
        display: block;
        padding: 0 20px;
        font-size: 12px;
        line-height: 16px;
        color: #7a7f82;
        margin-bottom: 15px
    }

    .marker_info_2:after {
        right: 100%;
        top: 50%;
        border: solid transparent;
        content: " ";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
        border-right-color: rgba(255,255,255,.9);
        border-width: 10px;
        margin-top: -10px
    }

.full-height, .map-right, .row-height {
    height: 100%
}

.map-right {
    padding: 0
}

.content-left {
    height: 100%;
    overflow-y: scroll;
    padding-top: 115px
}

.view_on_map {
    position: relative;
    cursor: pointer;
    padding: 8px 30px 0 0;
    display: block;
    border-top: 1px solid #ededed;
    margin: 10px -15px -8px
}

    .view_on_map:after {
        font-size: 14px;
        content: "\ecea";
        color: #e04f67;
        position: absolute;
        right: 15px;
        top: 7px
    }

.box_style_1 {
    background: #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
    padding: 30px;
    position: relative;
    color: #666;
    border: 1px solid #f5f5f5;
    -webkit-box-shadow: 6px 11px 24px -16px rgba(0,0,0,.75);
    -moz-box-shadow: 6px 11px 24px -16px rgba(0,0,0,.75);
    box-shadow: 6px 11px 24px -16px rgba(0,0,0,.75)
}

.box_style_2, .box_style_3, .box_style_4 {
    background: #fff;
    padding: 20px;
    position: relative;
    text-align: center
}

.box_style_3 {
    margin-bottom: 30px;
    color: #888;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

    .box_style_3 h3 {
        font-size: 20px
    }

    .box_style_3 i {
        margin: auto auto 20px;
        display: block;
        width: 80px;
        height: 80px;
        line-height: 80px;
        text-align: center;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        border: 1px dashed #ccc;
        font-size: 42px;
        color: #6dcff6
    }

.box_style_2, .box_style_4 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-bottom: 25px;
    border: 1px solid #ddd
}

    .box_style_4:after, .box_style_4:before {
        content: "";
        position: absolute;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        bottom: 100%;
        left: 50%;
        margin-left: -10px
    }

    .box_style_4:before {
        border-bottom: 10px solid #ccc;
        margin-bottom: 0
    }

    .box_style_4:after {
        border-bottom: 10px solid #fff;
        margin-bottom: -1px;
        z-index: 1
    }

    .box_style_2 i, .box_style_4 i {
        font-size: 52px;
        margin-top: 10px;
        display: inline-block
    }

    .box_style_2 a.phone, .box_style_4 a.phone {
        font-size: 26px;
        display: block;
        padding: 10px 0
    }

.form-control {
    font-size: 12px;
    color: #333;
    height: 40px;
    border-radius: 3px
}

#booking .form-group, .expose {
    position: relative
}

#overlay {
    background: rgba(0,0,0,.4);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 3;
    bottom: 0
}

label.error {
    font-size: 11px;
    position: absolute;
    top: -15px;
    right: -30px;
    z-index: 99;
    height: 25px;
    line-height: 25px;
    background-color: #e34f4f;
    color: #fff;
    font-weight: 400;
    padding: 0 6px
}

    label.error:after {
        content: '';
        position: absolute;
        border-style: solid;
        border-width: 0 6px 6px 0;
        border-color: transparent #e34f4f;
        display: block;
        width: 0;
        z-index: 1;
        bottom: -6px;
        left: 20%
    }

#toTop, .wishlist {
    left: 10px;
    text-align: center
}

#toTop {
    width: 40px;
    height: 40px;
    background-color: rgba(0,0,0,.6);
    padding: 10px;
    line-height: 20px;
    position: fixed;
    bottom: 10px;
    cursor: pointer;
    display: none;
    color: #fff;
    font-size: 20px;
    transform: rotate(-90deg);
}

    #toTop:before {
        content: "\f197";
    }

.white_bg {
    background-color: #fff
}

.add_bottom_15 {
    margin-bottom: 15px
}

.add_bottom_30 {
    margin-bottom: 30px
}

.add_bottom_45 {
    margin-bottom: 45px
}

.add_bottom_60 {
    margin-bottom: 60px
}

.nomargin_top {
    margin-top: 0
}

ul.list_ok {
    margin: 0 0 20px;
    padding: 0;
    line-height: 22px
}

    ul.list_ok li {
        position: relative;
        padding-right: 25px
    }

        ul.list_ok li:after {
            font-style: normal;
            font-weight: 700;
            font-family: icon_set_1;
            font-size: 14px;
            content: "\6c";
            color: #e04f67;
            position: absolute;
            right: 0;
            top: 0
        }

ul.list_order {
    margin: 0 0 30px;
    padding: 0;
    line-height: 30px;
    font-size: 14px
}

    ul.list_order li {
        position: relative;
        padding-right: 40px;
        margin-bottom: 10px
    }

.styled-select select, .styled-select-filters select {
    padding: 7px 15px 5px 5px;
    font-weight: 900 !important;
    -moz-appearance: window;
    cursor: pointer;
    -webkit-appearance: none
}

ul.list_order li span {
    background-color: #e04f67;
    color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    line-height: 30px
}

.pagination > li > a, .pagination > li > span {
    color: #888
}

    .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
        color: #333 !important;
        background-color: #f9f9f9
    }

.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    background-color: #00bcd4;
    border-color: #00bcd4
}

.styled-select select {
    background: 0 0;
    width: 115%;
    border: 0;
    border-radius: 0;
    height: 37px;
    margin: 0;
    color: #999
}

.styled-select {
    width: 100%;
    overflow: hidden;
    height: 40px;
    background: url(../img/down_arrow_select.png) left center no-repeat #434343;
    border: none;
    margin-bottom: 15px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

    .styled-select select::-ms-expand {
        display: none
    }

    .styled-select select:focus {
        outline: 0
    }

.styled-select-filters select {
    background: 0 0;
    width: 115%;
    border: 0;
    border-radius: 0;
    height: 31px;
    margin: 0;
    font-size: 12px;
    color: #888
}

.styled-select-filters {
    width: 100%;
    overflow: hidden;
    height: 34px;
    background: url(../img/down_arrow_select_filters.png) left center no-repeat #fff;
    margin: 0;
    padding: 0;
    border: 1px solid #ddd;
    display: block
}

    .styled-select-filters select::-ms-expand {
        display: none
    }

    .styled-select-filters select:focus {
        outline: 0
    }

.margin_60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.margin_30 {
    margin-top: 30px;
    margin-bottom: 30px
}

.margin_45 {
    padding-top: 15px;
    padding-bottom: 10px
}

.parallax-window {
    min-height: 470px;
    background: 0 0;
    position: relative
}

.parallax-content-1 {
    display: table;
    width: 100%;
    height: 470px
}

    .parallax-content-1 > div {
        display: table-cell;
        padding: 0 15%;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        font-size: 16px
    }

    .parallax-content-1 div h1, .parallax-content-1 div h3 {
        font-size: 48px;
        text-transform: uppercase;
        font-weight: 700;
        color: #fff
    }

    .parallax-content-1 div h1 {
        margin-bottom: 0;
        padding-top: 40px
    }

        .parallax-content-1 div h1:after, .parallax-content-1 div h1:before {
            display: inline-block;
            width: 50px;
            height: 1px;
            content: '';
            vertical-align: middle;
            background: rgba(255,255,255,.5)
        }

.strip_all_tour_list .wishlist:before, .wishlist:before {
    font-family: icon_set_1;
    content: "\72";
    font-weight: 400;
    font-style: normal
}

.parallax-content-1 div h1:before {
    margin-right: 10px
}

.parallax-content-1 div h1:after {
    margin-left: 10px
}

.parallax-content-1 div a i {
    color: #fff;
    opacity: .5;
    font-size: 72px;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.parallax-content-1 div a:hover i {
    opacity: 1
}

.tour_container {
    background-color: #fff;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    margin: 0 0 30px
}

.img_container {
    position: relative;
    overflow: hidden;
    border: 1px solid #fff;
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px
}

.tour_container .tour_title {
    padding: 15px;
    position: relative
}

    .tour_container .tour_title .rating {
        font-size: 14px;
        margin-left: -3px
    }

    .tour_container .tour_title h3 {
        margin: 0;
        font-size: 18px;
        text-transform: uppercase
    }

.wishlist {
    position: absolute;
    top: 10px;
    width: 40px;
    height: 40px;
    z-index: 2;
    font-size: 20px;
    line-height: 40px;
    cursor: pointer
}

    .wishlist a {
        color: #888;
        cursor: pointer;
        display: block
    }

.strip_all_tour_list .wishlist a {
    color: #fff
}

.wishlist:before {
    font-size: 40px;
    color: #888;
    position: absolute;
    left: 0;
    top: 4px
}

.strip_all_tour_list .wishlist {
    position: absolute;
    top: 10px;
    right: 25px;
    width: 30px;
    height: 30px;
    z-index: 2;
    line-height: 30px;
    font-size: 14px;
    text-align: center;
    cursor: pointer;
    color: #fff !important
}

    .strip_all_tour_list .wishlist:before {
        font-size: 30px;
        color: #fff;
        position: absolute;
        left: 0;
        top: 3px
    }

.maxhi40 {
    max-height: 40px;
    overflow: hidden;
    min-height: 40px
}

.maxhi30 {
    max-height: 24px;
    overflow: hidden;
    min-height: 24px;
}

.btnblockbeshtar {
    padding: 7px 15px;
    background-color: #fff;
    border: 1px solid #e1e1e1;
    color: #2a2a2a;
    width: 230px;
    margin-top: 20px;
    margin-right: 10px
}

.img_container a:hover img {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    filter: grayscale(75%)
}

.img_container img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all .7s ease;
    transition: all .7s ease;
    max-height: 170px;
    min-height: 170px
}

.short_info {
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(../img/shadow_tour.png) left bottom repeat-x;
    width: 100%;
    padding: 10px 5px 8px 10px;
    color: #fff;
    font-size: 16px
}

.tooltip-content, .tooltip-item::after {
    width: 300px;
    left: 50%;
    position: absolute
}

.short_info i {
    font-size: 25px;
    display: inline-block;
    vertical-align: middle;
    font-weight: 400;
    font-style: normal;
    padding: 0;
    margin: 0
}

.short_info .price {
    float: left;
    font-size: 28px;
    font-weight: 700;
    display: inline-block
}

    .short_info .price sup {
        font-size: 18px;
        position: relative;
        top: -5px
    }

.ribbon {
    top: 0;
    left: -1px;
    z-index: 1
}

    .ribbon.popular {
        background: url(../img/ribbon_popular.png) no-repeat
    }

    .ribbon.top_rated {
        background: url(../img/ribbon_top_rated.png) no-repeat
    }

.tooltip_styled {
    display: inline;
    position: relative;
    z-index: 999
}

.tooltip-item {
    cursor: pointer;
    display: inline-block
}

.tooltip-content, .tooltip-content-flip {
    z-index: 9999;
    cursor: default;
    color: #fff;
    bottom: 100%
}

.tooltip-item::after {
    content: '';
    height: 20px;
    bottom: 100%;
    pointer-events: none;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.tooltip_styled:hover .tooltip-item::after {
    pointer-events: auto
}

.tooltip-content {
    margin: 0 0 20px -150px;
    text-align: right;
    line-height: 20px;
    display: block;
    padding: 15px;
    font-size: 12px;
    box-shadow: -5px -5px 15px rgba(48,54,61,.2);
    background: #333;
    opacity: 0;
    pointer-events: none
}

.tooltip-effect-1 .tooltip-content {
    -webkit-transform: translate3d(0,-10px,0);
    transform: translate3d(0,-10px,0);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

.tooltip-effect-2 .tooltip-content {
    -webkit-transform-origin: 50% calc(100% + 10px);
    transform-origin: 50% calc(100% + 10px);
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,45deg);
    transform: perspective(1000px) rotate3d(1,0,0,45deg);
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s
}

.tooltip-effect-3 .tooltip-content {
    -webkit-transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
    transform: translate3d(0,10px,0) rotate3d(1,1,0,25deg);
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

.tooltip-effect-4 .tooltip-content {
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transform: scale3d(.7,.3,1);
    transform: scale3d(.7,.3,1);
    -webkit-transition: opacity .2s,-webkit-transform .2s;
    transition: opacity .2s,transform .2s
}

.tooltip_styled:hover .tooltip-content {
    pointer-events: auto;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0) rotate3d(0,0,0,0);
    transform: translate3d(0,0,0) rotate3d(0,0,0,0)
}

.tooltip-content::after, .tooltip_flip::after {
    pointer-events: none;
    content: ''
}

.tooltip_styled.tooltip-effect-2:hover .tooltip-content {
    -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
    transform: perspective(1000px) rotate3d(1,0,0,0deg)
}

.tooltip-content::after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    height: 0;
    width: 0;
    position: absolute;
    border-color: #333 transparent transparent;
    border-width: 10px;
    margin-left: -10px
}

.tooltip-content .label {
    margin-left: 10px
}

.tooltip-content i {
    font-size: 20px !important;
    top: 3px !important;
    left: -3px !important;
    position: relative
}

.tooltip-content h4 {
    display: block;
    margin: 0 0 10px;
    line-height: 14px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase
}

.tooltip-content a {
    font-weight: 700
}

.tooltip_flip {
    position: relative
}

    .tooltip_flip::after {
        position: absolute;
        width: 100%;
        height: 20px;
        bottom: 100%;
        left: 50%;
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    .tooltip_flip:hover::after {
        pointer-events: auto
    }

.tooltip-content-flip {
    position: absolute;
    width: 80px;
    height: 80px;
    left: -40%;
    text-align: center;
    opacity: 0;
    margin-bottom: 7px;
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s,-webkit-transform .3s;
    transition: opacity .3s,transform .3s
}

.strip_all_tour_list .tooltip-content-flip {
    left: -65%
}

.tooltip-effect-1 .tooltip-content-flip {
    -webkit-transform: translate3d(0,10px,0);
    transform: translate3d(0,10px,0)
}

.tooltip_flip:hover .tooltip-content-flip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.tooltip-content-flip > span {
    float: left;
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
    height: 100%;
    position: relative;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s
}

.tooltip-back {
    background: #e04f67;
    font-size: 12px;
    line-height: 14px;
    padding-top: 25px;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,90deg);
    transform: perspective(1000px) rotate3d(0,1,0,90deg)
}

.tooltip_flip:hover .tooltip-content-flip > span {
    -webkit-transform: perspective(1000px) rotate3d(0,1,0,0deg);
    transform: perspective(1000px) rotate3d(0,1,0,0deg)
}

.tooltip-content-flip .tooltip-back::after, .tooltip-content-flip .tooltip-front::after {
    content: '';
    position: absolute;
    top: 100%;
    width: 0;
    height: 0
}

#position ul li:after, #position ul li:last-child:after {
    content: "\e9ed"
}

.tooltip-content-flip .tooltip-front::after {
    right: 0;
    border-top: 10px solid #e64b50;
    border-left: 10px solid transparent
}

.tooltip-content-flip .tooltip-back::after {
    left: 45%;
    border-top: 10px solid #e64b50;
    border-right: 10px solid transparent
}

#position {
    background-color: #333;
    padding: 10px 0;
    font-size: 11px
}

    #position ul li:first-child {
        padding-right: 20px
    }

        #position ul li:first-child:before {
            content: "\eaf4";
            font-style: normal;
            font-weight: 400;
            position: absolute;
            right: 0;
            top: 1px;
            color: #fff
        }

    #position ul {
        margin: 0;
        padding: 0;
        color: #888
    }

        #position ul li a {
            color: #fff;
            opacity: .7
        }

            #position ul li a:hover {
                color: #fff;
                opacity: 1
            }

        #position ul li {
            display: inline-block;
            padding-right: 8px;
            margin-right: 3px;
            position: relative
        }

            #position ul li:after {
                font-style: normal;
                font-weight: 400;
                position: absolute;
                right: 0;
                top: 2px
            }

.banner {
    position: relative;
    background: url(../img/banner_bg.png) center bottom no-repeat #fff;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0,.1);
    box-shadow: 0 2px 5px rgba(0,0,0,.1);
    padding: 30px;
    margin-bottom: 60px
}

.panel, .panel-group .panel {
    border-radius: 3px
}

.banner h4, .banner p {
    margin: 0;
    padding: 0
}

.banner:after, .banner:before {
    position: absolute;
    content: "";
    z-index: 1;
    height: 18px;
    width: 50%;
    top: 100%
}

.banner:after {
    left: 0;
    background: url(../img/shadow-bg.png) top left no-repeat
}

.banner:before {
    right: 0;
    background: url(../img/shadow-bg.png) top right no-repeat
}

.banner a {
    position: absolute;
    top: 35%;
    left: 30px
}

.banner h4 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 32px;
    color: #e04f67;
    font-family: "Gochi Hand",cursive
}

    .banner h4 span {
        text-transform: none;
        color: #555
    }

#search .nav-tabs, .badge_save, .plan-title, .promo_full_wp div h3, .ribbon_3 span {
    text-transform: uppercase
}

.banner.colored {
    background: url(../img/banner_bg_colored.png) center bottom no-repeat #e04f67;
    color: #fff
}

    .banner.colored h4 {
        color: #fff
    }

        .banner.colored h4 span {
            color: #FFC
        }

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    bottom: 0;
    z-index: 999999999
}

.sk-spinner-wave.sk-spinner {
    text-align: center
}

.ie8 .sk-spinner-wave.sk-spinner {
    display: none
}

.sk-spinner-wave div {
    background-color: #ccc;
    height: 100%;
    width: 6px;
    display: inline-block;
    -webkit-animation: sk-waveStretchDelay 1.2s infinite ease-in-out;
    animation: sk-waveStretchDelay 1.2s infinite ease-in-out
}

.sk-spinner-wave .sk-rect2 {
    -webkit-animation-delay: -1.1s;
    animation-delay: -1.1s
}

.sk-spinner-wave .sk-rect3 {
    -webkit-animation-delay: -1s;
    animation-delay: -1s
}

.sk-spinner-wave .sk-rect4 {
    -webkit-animation-delay: -.9s;
    animation-delay: -.9s
}

.sk-spinner-wave .sk-rect5 {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s
}

@-webkit-keyframes sk-waveStretchDelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

@keyframes sk-waveStretchDelay {
    0%,100%,40% {
        -webkit-transform: scaleY(.4);
        transform: scaleY(.4)
    }

    20% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1)
    }
}

.laptop {
    margin: 20px auto auto
}

.panel {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: #ddd
}

.panel-title a {
    display: block;
    color: #777
}

.panel-default > .panel-heading {
    background-color: #fff;
    padding: 20px
}

.panel-heading {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.panel-body {
    padding: 30px;
    line-height: 1.6 !important
}

.panel-title a .indicator {
    color: #e04f67
}

.panel-title a:hover .indicator {
    color: #333
}

blockquote.styled {
    font-family: iran,'yekan','web-vazir', tahoma;
    line-height: 1.42857143
}

.plan-price, .pricing-table-header .price-value {
    font-family: iran,'yekan','web-vazir', tahoma;
}

.tab-content {
    padding: 0 30px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-top: none;
    -webkit-border-bottom-right-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px
}

.img-responsive.styled {
    margin-top: 20px;
    border: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.general_icons ul {
    padding: 0;
    margin: 30px 0 0
}

    .general_icons ul li {
        display: inline-block;
        text-align: center;
        padding: 0 20px 20px 0
    }

        .general_icons ul li:last-child {
            padding-right: 0
        }

        .general_icons ul li i {
            font-size: 36px;
            display: block;
            margin-bottom: 10px
        }

#search_container {
    position: relative;
    height: 700px;
    background: url(../img/slide_hero.jpg) center top no-repeat #4d536d;
    background-size: cover;
    color: #fff;
    width: 100%;
    display: table;
    z-index: 99
}

#search {
    display: table-cell;
    vertical-align: middle;
    padding: 100px 20% 0
}

.dd-desc, .dd-option, .dd-selected {
    display: block;
    overflow: hidden
}

#search .nav-tabs {
    border-radius: 0;
    font-size: 12px;
    border: 0;
    border-bottom: 1px solid transparent;
    margin-right: 10px
}

    #search .nav-tabs > li > a {
        border-radius: 0;
        border: 0;
        margin-left: 5px;
        color: #fff !important;
        background: rgba(0,0,0,.4)
    }

#search .tab-content {
    border-radius: 0;
    border: 0;
    color: #333
}

#search .nav-tabs > li.active > a, #search .nav-tabs > li.active > a:focus, #search .nav-tabs > li.active > a:hover {
    color: #fff;
    background-color: #e14d67
}

.tab-pane h3 {
    color: #999;
    margin: 0 0 20px
}

.dd-select {
    border-radius: 3px !important;
    border: 1px solid #ccc;
    position: relative;
    cursor: pointer;
    height: 40px;
    font-weight: 400 !important
}

.dd-desc {
    color: #aaa;
    font-weight: 400
}

.dd-selected, ​ label.dd-selected-text {
    font-weight: 400 !important
}

.dd-selected {
    padding: 0 28px 0 10px !important;
    color: #444 !important
}

.dd-pointer {
    width: 0;
    height: 0;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -3px
}

.dd-container, .plan-title {
    position: relative
}

.dd-pointer-down {
    border: 5px solid transparent;
    border-top: solid 5px #999 !important
}

.dd-pointer-up {
    border: 5px solid transparent !important;
    border-bottom: solid 5px #000 !important;
    margin-top: -8px
}

.dd-option {
    padding: 10px;
    border-bottom: solid 1px #ddd;
    text-decoration: none;
    color: #333;
    cursor: pointer;
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    -ms-transition: all .25s ease-in-out
}

.dd-options > li:last-child > .dd-option {
    border-bottom: none
}

.dd-options li .dd-option {
    height: 45px;
    line-height: 25px !important
}

.dd-option:hover {
    background: #f9f9f9 !important;
    color: #000
}

.dd-option-selected {
    background: #f9f9f9 !important;
    color: #444 !important
}

.dd-option-image, .dd-selected-image {
    vertical-align: middle;
    float: left;
    margin-right: 10px !important;
    max-width: 64px
}

.dd-image-right {
    float: right;
    margin-right: 15px;
    margin-left: 5px
}

.radio_fix, .tweet_avatar {
    float: left
}

.dd-option-text {
    line-height: 14px !important
}

.dd-selected-image {
    margin-top: 7px
}

.dd-options label, .dd-select label {
    font-weight: 400 !important;
    cursor: pointer !important
}

.radio_fix {
    margin-top: 35px
}

#faq h2 {
    margin: 0 0 20px;
    font-size: 24px
}

.plans {
    margin: 0 auto 50px;
    zoom: 1
}

    .plans:after, .plans:before {
        content: '';
        display: table
    }

    .plans:after {
        clear: both
    }

.plan {
    margin: 10px 0;
    padding: 20px;
    text-align: center;
    background: #fff;
    background-clip: padding-box;
    border: solid #ddd;
    min-height: 435px;
    border-width: 1px 0 1px 1px;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1)
}

.col-md-4.plan:first-child {
    margin-right: -30px;
    margin-left: 30px
}

.plan:last-child {
    border-width: 1px
}

.plan-title {
    margin: -20px -10px 20px;
    padding: 20px;
    line-height: 1;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px dotted #ccc
}

    .plan-title:before {
        content: '';
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        height: 1px
    }

.plan-price {
    margin: 0 auto 20px;
    width: 110px;
    height: 110px;
    line-height: 110px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    background: #4b4b4b;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    display: inline-block;
    text-align: center
}

    .plan-price > span {
        font-size: 12px;
        font-weight: 400;
        color: rgba(255,255,255,.9)
    }

.plan-features {
    margin-bottom: 20px;
    line-height: 2;
    font-size: 12px;
    text-align: center
}

ul.plan-features {
    padding: 0;
    margin: 0 0 30px
}

.plan-tall {
    margin: 0 -30px 0 0;
    background: #fff;
    border-radius: 4px;
    z-index: 100;
    border: solid #83c99f;
    position: relative
}

.ribbon_2, .ribbon_table {
    position: absolute;
    z-index: 101
}

.ribbon_table {
    width: 99px;
    height: 97px;
    left: -7px;
    top: -7px;
    display: block;
    background: url(../img/ribbon.png) no-repeat
}

.plan-tall > .plan-title {
    font-size: 18px
}

.plan-tall > .plan-price {
    margin: 0 auto 20px;
    height: 130px;
    width: 130px;
    line-height: 130px;
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    background: #f26d7d;
    border-radius: 130px;
    -webkit-border-radius: 130px;
    -moz-border-radius: 130px;
    display: inline-block;
    text-align: center
}

#pricing_2, footer #logo {
    margin-top: 20px
}

.pricing-table, .pricing-table p, .pricing-table p strong, .pricing-table-header .heading {
    font-weight: 900 !important
}

.plan-tall > .plan-features {
    font-size: 14px
}

.plan-tall > .plan-button {
    padding: 0 16px;
    line-height: 32px
}

.plan-tall + .plan {
    border-left: 0
}

.ribbon_2 {
    width: 99px;
    height: 97px;
    left: -5px;
    top: -5px;
    display: block;
    background: url(../img/ribbon.png) no-repeat
}

.pricing-table {
    text-align: center;
    margin-bottom: 30px;
    background: #fff;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    position: relative;
    padding-bottom: 5px;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2)
}

    .pricing-table:hover {
        -moz-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
        -webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.5);
        box-shadow: 0 2px 8px 0 rgba(0,0,0,.5)
    }

    .pricing-table.black, .pricing-table.green {
        text-align: center;
        font-weight: 900 !important
    }

.pricing-table-sign-up {
    border-top: 1px solid #ededed;
    padding: 10px 10px 5px;
    text-align: center;
    margin-top: 30px
}

.pricing-table-features p {
    padding: 10px 20px;
    text-align: center;
    margin: 10px 0
}

    .pricing-table-features p:nth-child(2n) {
        background: #f8f8f8;
        padding: 10px 0
    }

.pricing-table-features, .pricing-table-space {
    background: #fff
}

.pricing-table p {
    padding: 5px;
    margin-top: 5px;
    font-size: 110%;
    background: #fff
}

.pricing-table .pricing-table-header {
    color: #fff;
    padding: 0
}

.pricing-table-header .heading {
    display: inline-block;
    width: 100%;
    padding: 15px 0;
    text-transform: uppercase;
    font-size: 18px
}

.pricing-table.green .heading {
    background: #83c99f
}

.pricing-table.black .heading {
    background: #333
}

.pricing-table .pricing-table-header .price-value, .pricing-table.black .pricing-table-header .price-value, .pricing-table.green .pricing-table-header .price-value {
    background: #fff
}

.pricing-table-header .price-value {
    display: inline-block;
    width: 100%;
    padding: 10px 0;
    background: #1ABC9C;
    font-weight: 700;
    color: #555;
    border-bottom: 1px solid #ededed;
    margin-bottom: 15px
}

    .pricing-table-header .price-value span {
        font-weight: 900 !important;
        font-size: 36px;
        line-height: 36px
    }

        .pricing-table-header .price-value span.mo {
            font-size: 22px;
            font-weight: 900 !important
        }

.question_box h3 {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 10px
}

.question_box {
    padding-right: 40px;
    position: relative;
    margin-bottom: 30px
}

    .question_box:before {
        content: "\ec7e";
        font-family: fontello;
        font-style: normal;
        font-weight: 400;
        text-decoration: inherit;
        font-size: 30px;
        position: absolute;
        color: #999;
        top: 5px;
        right: 0
    }

.badge_save {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: 77px;
    color: #fff;
    text-align: center;
    background: url(../img/badge_save.png);
    font-size: 11px;
    line-height: 12px;
    padding-top: 32px
}

    .badge_save strong {
        display: block;
        font-size: 14px;
        font-weight: 700
    }

.input-group input {
    height: 34px
}

.promo_full {
    height: auto;
    background: url(../img/home_bg_2.jpg) center center no-repeat fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    position: relative
}

.promo_full_wp {
    display: table;
    width: 100%;
    height: auto
}

    .promo_full_wp > div {
        display: table-cell;
        padding: 10% 15%;
        vertical-align: middle;
        text-align: center;
        color: #fff;
        font-size: 16px
    }

    .promo_full_wp div h3 {
        font-size: 48px;
        font-weight: 700;
        color: #fff
    }

    .promo_full_wp div a i {
        color: #fff;
        opacity: .5;
        font-size: 72px;
        -webkit-transition: all .5s ease;
        transition: all .5s ease
    }

    .promo_full_wp div a:hover i {
        opacity: 1
    }

#map_filter {
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: rgba(255,255,255,.7);
    z-index: 2;
    width: 100%
}

    #map_filter ul {
        margin: 0;
        padding: 0;
        text-align: center
    }

        #map_filter ul li {
            display: inline-block;
            text-align: center
        }

            #map_filter ul li a {
                display: inline-block;
                padding: 15px;
                color: #444;
                min-width: 120px;
                margin: 0 -3px
            }

                #map_filter ul li a.active, #map_filter ul li a:hover {
                    background-color: #fff;
                    color: #e04f67
                }

                #map_filter ul li a i {
                    display: block;
                    font-size: 36px;
                    margin: 5px 0
                }

#map_contact.contact_2 {
    margin-top: 98px
}

.ribbon_3 {
    position: absolute;
    left: 10px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right
}

    .ribbon_3 span {
        font-size: 10px;
        font-weight: 700;
        color: #FFF;
        text-align: center;
        line-height: 20px;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        width: 100px;
        display: block;
        background: #79A70A;
        background: linear-gradient(#9BC90D 0,#79A70A 100%);
        box-shadow: 0 3px 10px -5px rgba(0,0,0,1);
        position: absolute;
        top: 19px;
        left: -21px
    }

        .ribbon_3 span::after, .ribbon_3 span::before {
            content: "";
            position: absolute;
            top: 100%;
            z-index: -1;
            border-bottom: 3px solid transparent;
            border-top: 3px solid #638908
        }

        .ribbon_3 span::before {
            left: 0;
            border-left: 3px solid #638908;
            border-right: 3px solid transparent
        }

        .ribbon_3 span::after {
            right: 0;
            border-left: 3px solid transparent;
            border-right: 3px solid #638908
        }

    .ribbon_3.popular span::after, .ribbon_3.popular span::before {
        border-bottom: 3px solid transparent;
        border-top: 3px solid #a3362a
    }

    .ribbon_3.popular span {
        background: linear-gradient(#f14f3f 0,#cb4335 100%)
    }

        .ribbon_3.popular span::before {
            border-left: 3px solid #a3362a;
            border-right: 3px solid transparent
        }

        .ribbon_3.popular span::after {
            border-left: 3px solid transparent;
            border-right: 3px solid #a3362a
        }

footer#pattern_2 {
    background: url(../img/pattern_3.png) #333
}

#newsletter_container {
    background-color: #f8f8f8;
    border-top: 1px solid #ededed
}

    #newsletter_container h3 {
        font-size: 32px;
        font-weight: 900 !important;
        margin: 0 0 20px
    }

    #newsletter_container input.form-control#email_newsletter_2 {
        margin-bottom: 0;
        background-color: #fff;
        border: none;
        border: 2px solid #ededed;
        height: 49px;
        font-size: 15px;
        padding-left: 20px;
        width: 380px;
        margin-top: -2px;
        margin-right: 5px;
        -webkit-box-shadow: none;
        box-shadow: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px
    }

        #newsletter_container input.form-control#email_newsletter_2:focus {
            border-color: none;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none;
            color: #444
        }

    #newsletter_container #submit-newsletter_2.btn_1 {
        padding: 14px 35px
    }

ul.tweet_list li {
    padding-left: 30px;
    background: url(../img/twitter_icon.svg) 0 5px no-repeat
}

.tweets-next, .tweets-prev {
    display: inline-block;
    font-size: 28px;
    color: #FFF;
    margin-top: 5px;
    width: 28px;
    padding: 0;
    text-align: left
}

.tweets-prev {
    margin-right: 5px
}

.tweet_time a {
    display: block;
    margin-bottom: 5px;
    color: #fdf7ac
}

a.bx-next, a.bx-prev {
    color: #fff
}

    a.bx-next:hover, a.bx-prev:hover {
        color: #fdf7ac
    }

.tweet_text a {
    text-decoration: underline
}

.tweet-control {
    margin-left: 15px
}

footer#pattern_3 {
    background: url(../img/pattern_4.png) #333
}

footer .post {
    position: relative;
    min-height: 62px;
    padding-right: 80px;
    padding-top: 5px;
    margin-bottom: 10px
}

    footer .post:last-child {
        margin-bottom: 5px
    }

    footer .post figure {
        position: absolute;
        right: 0;
        top: 0;
        width: 62px;
        height: 62px
    }

    footer .post h4 {
        font-size: 13px;
        color: #fff;
        margin-bottom: 6px
    }

    footer.post i {
        font-size: 14px;
        padding-right: 10px
    }

footer#pattern_4 {
    background: url(../img/pattern_5.png) #333
}

footer .gallery-image {
    overflow: hidden
}

    footer .gallery-image a {
        max-width: 33.33%;
        padding-left: 10px;
        padding-bottom: 10px;
        float: right
    }

    footer .gallery-image img {
        width: 100%;
        transition: .3s ease-in-out
    }

#opening {
    display: inline-block;
    margin-right: 15px
}

#social_top a i {
    font-size: 13px;
    color: #fff
}

    #social_top a i:hover {
        color: #e05068
    }

#lang_top i {
    font-size: 14px
}

.dropdown-menu#log_out {
    text-align: center
}

    .dropdown-menu#log_out p {
        color: #999
    }

.dropdown-mini .dropdown-menu {
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    float: left;
    right: auto;
    min-width: 100px;
    padding: 0;
    left: 0;
    width: auto;
    top: 100%;
    font-size: 12px;
    font-weight: 400;
    text-transform: none !important;
    border-top: 2px solid #e04f67
}

.btn_infobox, .butn, .ribbon span, a.btn_infobox {
    text-transform: uppercase
}

.dropdown-mini .dropdown-menu:before {
    bottom: 100%;
    left: 10%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: #e04f67;
    border-width: 7px;
    margin-right: -7px
}

.dropdown-mini .dropdown-menu ul#lang_menu {
    padding: 0;
    margin: 0;
    text-align: right
}

    .dropdown-mini .dropdown-menu ul#lang_menu li {
        padding: 0;
        margin: 0;
        width: 100%;
        float: none;
        display: block
    }

        .dropdown-mini .dropdown-menu ul#lang_menu li a {
            color: #555 !important;
            text-align: right;
            border-bottom: 1px solid #ededed;
            padding: 8px;
            display: block
        }

            .dropdown-mini .dropdown-menu ul#lang_menu li a:hover {
                background-color: #f9f9f9;
                color: #e04f67 !important;
                padding-left: 15px
            }

a#currency_link, a#lang_link {
    position: relative;
    display: inline-block;
    padding-left: 20px
}

#currency_link:before, #lang_link:before {
    font-style: normal;
    font-weight: 400;
    font-family: fontello;
    font-size: 14px;
    position: absolute;
    left: 0;
    top: 0
}

#lang_link:before {
    content: "\ea26"
}

#currency_link:before {
    content: "\e8b8"
}

.img_wrapper_gallery {
    margin: 20px 0 0;
    background-color: #000;
    border: 5px;
    -webkit-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 5px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 5px 0 rgba(0,0,0,.1)
}

.img_container_gallery a:hover img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    opacity: .6
}

.img_container_gallery img {
    -webkit-transform: scale(1);
    transform: scale(1);
    -moz-transition: all .4s;
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
    opacity: 1;
    -webkit-backface-visibility: hidden
}

.img_container_gallery {
    position: relative;
    overflow: hidden;
    z-index: 0
}

    .img_container_gallery i {
        position: absolute;
        top: 50%;
        z-index: 10;
        display: none;
        color: #fff;
        font-size: 30px;
        left: 50%;
        margin-top: -15px;
        margin-left: -15px
    }

    .img_container_gallery a:hover i {
        display: block
    }

.infoBox {
    padding-right: 25px !important
}

.map-right #map {
    height: 100%;
    width: 100%
}

.btn_infobox_get_directions:before, a.btn_infobox_detail:before, a.btn_infobox_phone:before {
    font-style: normal;
    font-weight: 400;
    font-family: Fontello;
    font-size: 20px;
    cursor: pointer
}

.btn_infobox_get_directions, a.btn_infobox_phone {
    border: none;
    display: inline-block;
    color: #e04f67;
    background: 0 0;
    cursor: pointer;
    margin: 0 5px;
    font-size: 13px;
    position: relative;
    padding-left: 18px;
    outline: 0
}

    .btn_infobox_get_directions:hover, a.btn_infobox_phone:hover {
        color: #333
    }

    .btn_infobox_get_directions:before {
        font-size: 14px;
        content: "\ecea";
        position: absolute;
        left: 0;
        top: 2px
    }

    a.btn_infobox_phone:before {
        font-size: 13px;
        content: "\eed5";
        position: absolute;
        left: 0;
        top: 0
    }

.btn_infobox, a.btn_infobox {
    border: none;
    font-family: inherit;
    color: #fff;
    background: #51bce6;
    cursor: pointer;
    padding: 5px 15px;
    display: inline-block;
    outline: 0;
    font-size: 11px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-weight: 700
}

    .btn_infobox:hover, a.btn_infobox:hover {
        background: #333
    }

.marker_tools {
    margin: 10px 0 15px
}

main {

    position: relative;
}

.parallax-content-1 {
    z-index: 3;
    position: relative
}

[data-notify=progressbar] {
    margin-bottom: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px
}

.customized_notify.alert-info {
    text-align: center;
    background-color: #fff;
    width: 310px;
    line-height: 1.4;
    border: 0;
    color: #777;
    padding: 20px;
    -webkit-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 30px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 30px 0 rgba(0,0,0,.1)
}

    .customized_notify.alert-info h4 {
        color: #333;
        font-size: 14px;
        margin-bottom: 5px;
        text-transform: uppercase;
        font-weight: 900 !important
    }

.customized_notify i span {
    font-size: 55px;
    margin-bottom: 0;
    color: #6C6;
    display: inline-block
}

    .customized_notify i span img {
        border: 5px solid #ededed;
        width: 80px;
        height: auto;
        margin-bottom: 10px;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%
    }

.search-overlay-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
    -webkit-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    -moz-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    -ms-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    -o-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    opacity: 0;
    visibility: hidden;
    z-index: 999999;
    text-align: center
}

    .search-overlay-menu.open {
        opacity: 1;
        visibility: visible;
        -webkit-transition: opacity .3s ease 0s,transform .3s ease 0s;
        -moz-transition: opacity .3s ease 0s,transform .3s ease 0s;
        -ms-transition: opacity .3s ease 0s,transform .3s ease 0s;
        -o-transition: opacity .3s ease 0s,transform .3s ease 0s;
        transition: opacity .3s ease 0s,transform .3s ease 0s
    }

    .search-overlay-menu form {
        height: 70px;
        position: absolute;
        top: 50%;
        margin: -35px auto 0;
        width: 60%;
        left: 20%;
        transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        -webkit-transform: translateY(20px);
        transition: all .3s ease-in-out 0s;
        -moz-transition: all .3s ease-in-out 0s;
        -o-transition: all .3s ease-in-out 0s;
        -webkit-transition: all .3s ease-in-out 0s
    }

    .search-overlay-menu.open form {
        transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        -webkit-transform: translateY(0)
    }

    .search-overlay-menu input[type=search] {
        height: 100%;
        width: 100%;
        color: #fff;
        background: 0 0;
        border-top: 0 solid transparent;
        border-bottom: 2px solid #909090 !important;
        border-left: 0 solid transparent;
        border-right: 0 solid transparent;
        font-size: 32px;
        font-weight: 900 !important;
        outline: 0;
        padding: 10px 0
    }

    .search-overlay-menu form button {
        background: rgba(0,0,0,0);
        border: none;
        font-size: 3rem;
        position: absolute;
        left: 0;
        top: 20px;
        color: #c6c6c6;
        outline: 0
    }

        .search-overlay-menu form button:hover {
            color: #e04f67
        }

    .search-overlay-menu .search-overlay-close {
        position: absolute;
        top: 20px;
        right: 20px;
        opacity: 1;
        font-size: 25px;
        color: #c6c6c6
    }

        .search-overlay-menu .search-overlay-close:hover {
            color: #e04f67;
            cursor: pointer
        }

body.has-fullscreen-modal {
    position: fixed;
    width: 100%
}

nav.full-horizontal {
    margin-top: 10px
}

header.sticky nav.full-horizontal {
    margin-top: 0
}

.search {
    width: 100%;
    position: relative;
    margin-bottom: 15px
}

    .search:before, .searchButton {
        position: absolute;
        left: 0;
        top: 0
    }

    .search:before {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-family: FontAwesome;
        content: '\f002';
        background: #00bcd4;
        text-align: center;
        color: #fff;
        -webkit-font-smoothing: subpixel-antialiased;
        font-smooth: always
    }

.searchTerm {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #00bcd4;
    padding: 5px;
    height: 40px;
    outline: 0
}

.searchButton {
    width: 40px;
    height: 40px;
    opacity: 0;
    cursor: pointer
}

.tour_title h5 {
    color: #534d4d
}

.tour_title li {
    display: flex
}

.browse .categories-sidebar .ui.vertical.pointing.menu {
    width: 90% !important;
    box-shadow: none !important;
    border: 0 !important;
    margin-bottom: 5px
}

.ui.vertical.menu .item {
    display: block;
    background: 0 0;
    border-top: none;
    border-right: none;
    text-align: right
}

.ui.vertical.menu .active.item {
    background: #2196F3;
    border-radius: 0;
    box-shadow: none
}

    .ui.vertical.menu .active.item h1 {
        color: #fff !important
    }

.normal-heading {
    font-size: 13px !important;
    display: inline !important;
    font-weight: 900 !important;
    padding: 0 10px
}

.ui.vertical.menu .item::before {
    position: absolute;
    content: '';
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(34,36,38,0);
    height: 0
}

.ch-info, .ch-item {
    height: 200px
}

.browse .categories-sidebar .ui.vertical.pointing.menu .item .padded {
    padding-right: 15px !important
}

.line_meno {
    line-height: 35px
}

.browse .categories-sidebar .ui.vertical.pointing.menu .item {
    line-height: 20px !important;
    padding: 11.5px 16px
}

.compare__button--compare, .filtered__filter-name, .filters-panel, .filters-panel .filter__items--brand, .filters-panel .filter__items-colors--case-tooltip, .filters-panel .filter__items-txt:before, .list .didYouMean, .list .not-found, .list .products-panel, .list .products-panel .scrollTop, .options__internal-search input, .placeholder .filtered, .placeholder .options__product-numbers span, .placeholder .options__txt, .placeholder .products__item-entitle > .fake-txt, .placeholder .products__item-fatitle > .fake-txt, .placeholder .select, .placeholder .sorting__title, .products__item--colors .colors-wrapper .single-color--tooltip, .products__item-compare, .products__item-compare-txt:before, .products__item-price--old .old-price-txt, .products__item-wrapper, .promotion__list, .range-slider__action, .range-slider__handle--tooltip, .range-slider__input, .select__holder, .select__item--focused, .select__options, .toastify-content {
    border-radius: 2px
}

    .filters-panel .filter__items--brand {
        display: block;
        padding: 10px;
        width: 100%;
        margin-bottom: 20px;
        color: #aaa;
        font: 400 13px Iran,'Shabnam-Bold-FD';
        font-size: 13px;
        font-size: .8125rem
    }

.products__item-image-wrapper:after {
    clear: both;
    content: "";
    display: block
}

.float_left {
    float: left
}

.filter_type .icon-angle-up {
    transition: .3s transform ease-in-out
}

.filter_type .collapsed .icon-angle-up {
    transform: rotate(180deg)
}

.ul_no_decpration {
    text-decoration: none;
    -webkit-padding-start: 0 !important;
    margin-top: 10px
}

#foo {
    display: block
}

#foo1 {
    display: none
}

.btn1 {
    padding: 10px
}

.ch-item, .custom-services {
    position: relative !important;
    padding: 0;
    overflow: visible;
    display: block
}

.custom-services {
    margin: 20px 0
}

.ch-info, .ch-info-wrap, .ch-info > div {
    position: absolute;
    width: 100%
}

.butn, .dk-button-container, .fab, .fileUploadd, .inputbehnam, .my-news .post .post-image, .post .inner_border, .ribbon, .ripple-effect, .wizard {
    overflow: hidden
}

.ch-info-wrap {
    height: 200px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    -o-perspective: 800px;
    -ms-perspective: 800px;
    perspective: 800px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    background: #fff
}

.ch-info {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d
}

.ch-info-front h3 {
    font-size: 20px;
    color: #222;
    font-weight: 700
}

#top_line i, .text-white {
    color: #fff
}

.ch-info-back h4 {
    font-size: 20px;
    margin-bottom: 0;
    padding-bottom: 0;
    color: #fff;
    font-weight: 700
}

.ch-info .ch-info-back {
    -webkit-transform: rotate3d(0,1,0,180deg);
    -moz-transform: rotate3d(0,1,0,180deg);
    -o-transform: rotate3d(0,1,0,180deg);
    -ms-transform: rotate3d(0,1,0,180deg);
    transform: rotate3d(0,1,0,180deg)
}

.ch-info > div {
    display: block;
    height: 100%;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.ch-info-back {
    padding: 15px;
    text-align: center
}

.galerry-caption {
    text-align: center;
    padding: 7px 0
}

.dir_l {
    direction: ltr !important
}

.text_left {
    text-align: left !important
}

.p_about {
    padding: 25px 0
}

.features-content p {
    line-height: 25px;
    text-align: justify
}

.feature p {
    line-height: 25px
}

.p_tarikh {
    line-height: 35px
}

.page-section-ptb {
    padding: 40px 0
}

.page-section-pt {
    padding: 40px 0 0
}

.page-section-pb {
    padding: 0 0 40px
}

.page-section-ptb2 {
    padding: 20px 0
}

.page-section-pt2 {
    padding: 20px 0 0
}

.page-section-pb2 {
    padding: 0 0 20px
}

.page-section-ptb3 {
    padding: 30px 0
}

.page-section-pt3 {
    padding: 30px 0 0
}

.page-section-pb3 {
    padding: 0 0 30px
}

.page-section-ptb4 {
    padding: 40px 0
}

.page-section-pt4 {
    padding: 40px 0 0
}

.page-section-pb4 {
    padding: 0 0 40px
}

.page-section-ptb5 {
    padding: 50px 0
}

.page-section-pt5 {
    padding: 50px 0 0
}

.page-section-pb5 {
    padding: 0 0 50px
}

.page-section-ptb6 {
    padding: 60px 0
}

.page-section-pt6 {
    padding: 60px 0 0
}

.page-section-pb6 {
    padding: 0 0 60px
}

.page-section-ptb7 {
    padding: 70px 0
}

.page-section-pt7 {
    padding: 70px 0 0
}

.page-section-pb7 {
    padding: 0 0 70px
}

.page-section-ptb9 {
    padding: 90px 0
}

.page-section-ptb100 {
    padding: 100px 0
}

.page-section-ptb125 {
    padding: 125px 0
}

.page-section-ptb150 {
    padding: 150px 0
}

.page-section-pt9 {
    padding: 150px 0 0
}

.page-section-pb9 {
    padding: 0 0 150px
}

.mall-20 {
    margin: 20px !important
}

.mall-40 {
    margin: 40px !important
}

.mall-50 {
    margin: 50px !important
}

.mall-60 {
    margin: 60px !important
}

.mall-80 {
    margin: 80px !important
}

.mall-10 {
    margin: 100px !important
}

.mt-0 {
    margin-top: 0 !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.mt-60 {
    margin-top: 60px !important
}

.mt-70 {
    margin-top: 70px !important
}

.mt-80 {
    margin-top: 80px !important
}

.mt-90 {
    margin-top: 90px !important
}

.mt-100 {
    margin-top: 100px !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mb-60 {
    margin-bottom: 60px !important
}

.mb-70 {
    margin-bottom: 70px !important
}

.mb-80 {
    margin-bottom: 80px !important
}

.mb-90 {
    margin-bottom: 90px !important
}

.mb-100 {
    margin-bottom: 100px !important
}

.pall-20 {
    padding: 20px !important
}

.pall-40 {
    padding: 40px !important
}

.pall-50 {
    padding: 50px !important
}

.pall-60 {
    padding: 60px !important
}

.pall-80 {
    padding: 80px !important
}

.pall-10 {
    padding: 100px !important
}

.ptb-20 {
    padding: 20px 0 !important
}

.ptb-40 {
    padding: 40px 0 !important
}

.ptb-50 {
    padding: 50px 0 !important
}

.ptb-60 {
    padding: 60px 0 !important
}

.ptb-80 {
    padding: 80px 0 !important
}

.ptb-10 {
    padding: 100px 0 !important
}

.pt-0 {
    padding-top: 0 !important
}

.pt-10 {
    padding-top: 10px !important
}

.pt-20 {
    padding-top: 20px !important
}

.pt-30 {
    padding-top: 30px !important
}

.pt-40 {
    padding-top: 40px !important
}

.pt-50 {
    padding-top: 50px !important
}

.pt-60 {
    padding-top: 60px !important
}

.pt-70 {
    padding-top: 70px !important
}

.pt-80 {
    padding-top: 80px !important
}

.pt-90 {
    padding-top: 90px !important
}

.pt-100 {
    padding-top: 100px !important
}

.pb-0 {
    padding-bottom: 0 !important
}

.pb-10 {
    padding-bottom: 10px !important
}

.pb-20 {
    padding-bottom: 20px !important
}

.pb-30 {
    padding-bottom: 30px !important
}

.pb-40 {
    padding-bottom: 40px !important
}

.pb-50 {
    padding-bottom: 50px !important
}

.pb-60 {
    padding-bottom: 60px !important
}

.pb-70 {
    padding-bottom: 70px !important
}

.pb-80 {
    padding-bottom: 80px !important
}

.pb-90 {
    padding-bottom: 90px !important
}

.pb-100 {
    padding-bottom: 100px !important
}

.pl-10 {
    padding-left: 10px !important
}

.pl-20 {
    padding-left: 20px !important
}

.pl-30 {
    padding-left: 30px !important
}

.pl-40 {
    padding-left: 40px !important
}

.pl-50 {
    padding-left: 50px !important
}

.pl-60 {
    padding-left: 60px !important
}

.pl-70 {
    padding-left: 70px !important
}

.pl-80 {
    padding-left: 80px !important
}

.pl-90 {
    padding-left: 90px !important
}

.pl-100 {
    padding-left: 100px !important
}

.pr-10 {
    padding-right: 10px !important
}

.pr-20 {
    padding-right: 20px !important
}

.pr-30 {
    padding-right: 30px !important
}

.pr-40 {
    padding-right: 40px !important
}

.pr-50 {
    padding-right: 50px !important
}

.pr-60 {
    padding-right: 60px !important
}

.pr-70 {
    padding-right: 70px !important
}

.pr-80 {
    padding-right: 80px !important
}

.pr-90 {
    padding-right: 90px !important
}

.pr-100 {
    padding-right: 100px !important
}

.text-black {
    color: #353535
}

.text-gray, .text-grey {
    color: #aaa
}

.text-yellow {
    color: #ffd200
}

.white-bg {
    background: #fff
}

.dark-bg {
    background: #151515
}

.gray-bg, .grey-bg {
    background: #f8f8f8
}

.blue-bg, .yellow-bg {
    background: #ffd200
}

.bg, .bg.fixed {
    background-color: rgba(0,0,0,0);
    background-origin: initial;
    background-position: center center;
    background-size: cover !important;
    z-index: 0;
    position: relative;
    background-repeat: no-repeat
}

.no-gutter > [class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.row-eq-height {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.section-title {
    margin-bottom: 30px
}

    .section-title span {
        font-weight: 900 !important;
        font-size: 16px;
        margin-top: 30px;
        display: block;
        line-height: 28px
    }

    .section-title p {
        padding: 0;
        margin-top: 10px;
        display: block;
        margin-bottom: 10px
    }

        .section-title p.text-left, .section-title.text-left p, .text-left .section-title p {
            padding: 0;
            margin-bottom: 20px
        }

.card .header, .post .post-details a.button {
    margin-bottom: 0
}

.bg.fixed {
    background-attachment: fixed
}

.parallax {
    background-size: cover;
    position: relative;
    z-index: 0;
    background-repeat: inherit
}

.gradient-overlay {
    position: relative
}

    .gradient-overlay:before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: -1;
        background: url(../images/bg/gradient-overlay.png) left 0 repeat-y
    }

.pattern-overlay {
    position: relative;
    z-index: 0
}

    .bg-overlay-black-10:before, .bg-overlay-black-20:before, .bg-overlay-black-30:before, .bg-overlay-black-40:before, .bg-overlay-black-50:before, .bg-overlay-black-60:before, .bg-overlay-black-70:before, .bg-overlay-black-80:before, .bg-overlay-black-90:before, .bg-overlay-blue-10:before, .bg-overlay-blue-20:before, .bg-overlay-blue-30:before, .bg-overlay-blue-40:before, .bg-overlay-blue-50:before, .bg-overlay-blue-60:before, .bg-overlay-blue-70:before, .bg-overlay-blue-80:before, .bg-overlay-blue-90:before, .bg-overlay-blue-95:before, .bg-overlay-white-10:before, .bg-overlay-white-20:before, .bg-overlay-white-30:before, .bg-overlay-white-40:before, .bg-overlay-white-60:before, .bg-overlay-white-70:before, .bg-overlay-white-80:before, .bg-overlay-white-90:before, .bg-overlay-white-95:before, .pattern-overlay:before {
        height: 100%;
        position: absolute;
        top: 0;
        z-index: -1;
        width: 100%;
        left: 0;
        content: ""
    }

.fixed.pattern-overlay:before {
    background-attachment: fixed
}

.pattern-overlay:before {
    background-image: url(../images/pattern/pattern1.png);
    background-repeat: repeat
}

.pattern-2:before {
    background-image: url(../images/pattern/pattern2.jpg)
}

.pattern-3:before {
    background-image: url(../images/pattern/pattern3.png)
}

.pattern-4:before {
    background-image: url(../images/pattern/pattern4.png)
}

.pattern-5:before {
    background-image: url(../images/pattern/pattern5.jpg)
}

.bg-overlay-black-10:before {
    background: rgba(0,0,0,.1)
}

.bg-overlay-black-20:before {
    background: rgba(0,0,0,.2)
}

.bg-overlay-black-30:before {
    background: rgba(0,0,0,.3)
}

.bg-overlay-black-40:before {
    background: rgba(0,0,0,.4)
}

.bg-overlay-black-50:before {
    background: rgba(0,0,0,.5)
}

.bg-overlay-black-60:before {
    background: rgba(0,0,0,.6)
}

.bg-overlay-black-70:before {
    background: rgba(0,0,0,.7)
}

.bg-overlay-black-80:before {
    background: rgba(0,0,0,.8)
}

.bg-overlay-black-90:before {
    background: rgba(0,0,0,.9)
}

.bg-overlay-white-10:before {
    background: rgba(255,255,255,.1)
}

.bg-overlay-white-20:before {
    background: rgba(255,255,255,.2)
}

.bg-overlay-white-30:before {
    background: rgba(255,255,255,.3)
}

.bg-overlay-white-40:before {
    background: rgba(255,255,255,.4)
}

.bg-overlay-white-50:before {
    background: rgba(255,255,255,.5);
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1
}

.bg-overlay-white-60:before {
    background: rgba(255,255,255,.6)
}

.bg-overlay-white-70:before {
    background: rgba(255,255,255,.7)
}

.bg-overlay-white-80:before {
    background: rgba(255,255,255,.8)
}

.bg-overlay-white-90:before {
    background: rgba(255,255,255,.9)
}

.bg-overlay-white-95:before {
    background: rgba(255,255,255,.95)
}

.bg-overlay-blue-10:before {
    background: rgba(0,46,91,.1)
}

.bg-overlay-blue-20:before {
    background: rgba(0,46,91,.2)
}

.bg-overlay-blue-30:before {
    background: rgba(0,46,91,.3)
}

.bg-overlay-blue-40:before {
    background: rgba(0,46,91,.4)
}

.bg-overlay-blue-50:before {
    background: rgba(0,46,91,.5)
}

.bg-overlay-blue-60:before {
    background: rgba(0,46,91,.6)
}

.bg-overlay-blue-70:before {
    background: rgba(0,46,91,.7)
}

.bg-overlay-blue-80:before {
    background: rgba(0,46,91,.8)
}

.bg-overlay-blue-90:before {
    background: rgba(0,46,91,.9)
}

.bg-overlay-blue-95:before {
    background: rgba(0,46,91,.95)
}

[class*=bg-overlay-]:before {
    z-index: 0
}

.bg-effect {
    position: relative;
    z-index: 0;
    margin-top: -20px;
    padding: 0 17px
}

    .bg-effect > img {
        display: inline
    }

    .bg-effect:before {
        content: "";
        background-color: #f9f9f9;
        background-image: url(../images/pattern/pattern3.png);
        width: 100%;
        height: 70%;
        left: 0;
        position: absolute;
        top: 15%;
        z-index: -1
    }

.section-title .pos, .title .pos {
    margin-top: 10px;
    color: #ffd200
}

.custom-info {
    position: relative;
    border-left: 5px solid #ffd200
}

    .custom-info i {
        position: absolute;
        left: 15px;
        font-size: 50px;
        color: #f4f1e6;
        z-index: 0
    }

    .custom-info p, .post {
        position: relative
    }

    .custom-info p {
        z-index: 9;
        padding-left: 50px;
        font-size: 15px;
        font-style: italic;
        line-height: 26px
    }

.post .post-date, .post .post-thumb-image {
    display: inline-block;
    height: 85px;
    line-height: 55px;
    text-align: center
}

.post .post-date {
    font-size: 27px;
    font-weight: 900 !important;
    background: #00bcd4;
    width: 60px;
    border-radius: 5px;
    position: absolute;
    box-shadow: 0 0 41px -20px black;
}

.post .post-thumb-image {
    background: #ffd200;
    width: 85px;
    position: absolute
}

.post .post-date span {
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background: #323232;
    width: 60px;
    height: 32px;
    display: block;
    position: absolute;
    bottom: 0;
    letter-spacing: 1px;
    border-radius: 0px 0px 5px 5px;
    line-height: 32px;
}

.post .post-details {
    padding-left: 85px;
    min-height: 90px
}

.post .post-meta {
    margin-bottom: 10px
}

    .post .post-meta a {
        font-size: 14px;
        font-weight: 900 !important;
        color: #555;
        margin-right: 10px
    }

        .post .post-meta a:hover {
            color: #ffd200
        }

        .post .post-meta a .fa {
            color: #ffd200;
            padding-right: 8px
        }

.post .button-small {
    background: #ffd200;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
    text-decoration: none;
    padding: 7px 15px;
    margin-top: 5px
}

.post .post-image {
    position: relative
}

    .post .post-image + .post-date {
        margin-top: -20px;
        margin-left: 8px
    }

    .post .post-image .post-date {
        position: absolute;
        right: 10px;
        bottom: 10px
    }

.post-2 .post-details {
    padding-left: 0
}

.post .inner_border {
    position: relative;
    width: 100%;
    height: 100%
}

    .post .inner_border:before {
        position: absolute;
        display: block;
        content: "";
        top: 8px;
        left: 8px;
        border: 5px solid rgba(255,255,255,.7);
        height: 100%;
        width: 100%
    }

.post.left_pos {
    border: 1px solid #ddd
}

    .post.left_pos .post-details, .post.left_pos .post-image {
        float: left;
        width: 50%
    }

.btn-irv, .width100 {
    width: 100%
}

.post.left_pos .post-details {
    padding: 25px
}

    .post.left_pos .post-details .title {
        margin-top: 0
    }

.post.left_pos .post-image .post-date {
    bottom: 15px;
    right: 13px
}

.text-white .post.left_pos {
    border-color: #fff
}

.post-article .post {
    margin-bottom: 20px;
    background: #ffffff;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 0 0 30px -12px black;
}

.my-news .post .post-image {
    max-height: 230px
}

.post .post-date {
    color: #fff
}

.my-news .post-date {
    left: 0
}

.my-news .post .post-details {
    padding-right: 15px;
    padding-left: 85px;
    padding-bottom: 50px
}

.button.small {
    padding: 10px 25px
}

.button.border {
    color: #fff;
    font-weight: 900 !important;
    float: left;
    background: linear-gradient(-60deg,#2362ef,#aa23ef);
    margin-bottom: 10px;
    border-radius: 54px;
    position: relative;
    top: -36px;
    box-shadow: 0 0 25px -5px #0000008f;
}

    .button.border:hover {
        color: #fff !important;
    }

.my-news-view-more {
    padding-left: 10px;
    width: 100%;
    padding: 20px;
    text-align: justify !important;
    padding-left: 30px;
}

    .my-news-view-more img {
        max-width: 100%;
        height: auto;
    }

.post .post-details .title {
    font-weight: 100 !important;
    margin-top: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 35px;
    border-bottom: solid 1px #e1e1e1;
}

.post_single p {
    font-size: 13px;
    line-height: 35px
}

.card-like {
    margin-top: 50px;
    margin-bottom: 50px;
    color: #fff;
    background: #f9f9f9;
    border-radius: 6px;
    padding: 50px;
    box-shadow: 0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)
}

.btn-irv {
    background: #e6e9e9;
    color: #333 !important;
    font-weight: 700;
    padding: 10px 0;
    transition: all .3s
}

.btn-irv-default {
    font-weight: 700;
    background: #bbb;
    color: #fff !important
}

.boxfff h3, .btnsearch, .butn.butn-red, .ccc, .div_box_search, .footer_new_div h4, .material-form__label {
    font-weight: 900 !important
}

.btn-irv-default:hover {
    background: #aaa
}

.wizard .wizard-header {
    margin-bottom: 30px
}

    .wizard .wizard-header h1 {
        margin-top: 0;
        margin-bottom: 20px
    }

        .wizard .wizard-header h1 small {
            color: #bbb
        }

    .wizard .wizard-header hr {
        border-color: #00bcd4;
        border-top-width: 2px
    }

    .wizard .wizard-header .steps {
        height: 15px
    }

        .wizard .wizard-header .steps .wizard-step {
            background: #00bcd4;
            width: 15px;
            height: 15px;
            display: inline-block;
            margin: 0 10px;
            opacity: .2;
            border-radius: 50%;
            transition: all .8s
        }

.wizard-body label {
    color: #333;
    font-size: 16px;
    padding: 0 25px 10px 0
}

.wizard .wizard-header .steps .wizard-step.active {
    opacity: 1
}

.wizard .wizard-body {
    position: relative;
    transition: all .3s cubic-bezier(.68,-.3,.37,.6)
}

    .wizard .wizard-body .step {
        transition: all .3s ease-in-out;
        position: absolute;
        width: 100%;
        top: 0;
        left: -100%;
        opacity: 0
    }

        .rangestyle, .wizard .wizard-body .step.initial {
            position: relative
        }

        .wizard .wizard-body .step.off {
            opacity: 0 !important;
            left: 100% !important
        }

        .wizard .wizard-body .step.active {
            left: 0;
            margin-right: 0;
            margin-top: 0;
            opacity: 1;
            transition: all .4s linear;
            transition-delay: .1s
        }

.wizard .wizard-footer {
    margin-top: 30px
}

.rangestyle {
    box-shadow: rgba(0,0,0,.15) 0 2px 3px 0;
    display: block;
    height: 38px;
    width: 120px;
    text-align: center;
    margin-top: 15px;
    background-color: #2196f3;
    color: #fff;
    line-height: 38px;
    cursor: pointer
}

.divrange {
    padding-right: 80px
}

.input-group-addon:last-child {
    border-left-width: 1px;
    border-left-style: solid;
    border-right: 0;
    border-left-color: #ccc
}

.pricelable {
    padding-right: 5px;
    padding-left: 5px
}

.priceinput {
    width: 110px;
    border-color: #ccc;
    border-width: 1px;
    border-style: solid;
    border-radius: 3px
}

.form-wrapper {
    max-width: 40%;
    float: none;
    margin: 0 auto
}

.material-form__item {
    position: relative;
    margin-top: 16px;
    margin-bottom: 26px
}

    .material-form__item:after {
        height: 2px;
        background-color: #cecfcf;
        width: 100%
    }

    .material-form__item:before {
        height: 2px;
        background: #0e9fca;
        z-index: 1;
        width: 0;
        -webkit-transition: width .3s;
        transition: width .3s
    }

    .material-form__item:after, .material-form__item:before {
        display: block;
        content: "";
        position: absolute;
        bottom: 0
    }

    .material-form__item.error {
        margin-bottom: 36px
    }

        .material-form__item.error:before {
            background-color: #f7406b
        }

    .material-form__item.focused:before {
        width: 100%
    }

.error small.error {
    position: absolute;
    background: 0 0;
    color: #f7406b;
    font-style: normal;
    padding-left: 0
}

.material-form__label {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1;
    cursor: text;
    color: #3e3e3e;
    font-size: 16px;
    -webkit-transition: color ease .3s,-webkit-transform ease .3s;
    transition: color ease .3s,-webkit-transform ease .3s;
    transition: transform ease .3s,color ease .3s;
    transition: transform ease .3s,color ease .3s,-webkit-transform ease .3s;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0
}

.ripple-effect, .wizard .nav-tabs, .wizard > div.wizard-inner {
    position: relative
}

.error .material-form__label {
    color: #f7406b
}

.focused .material-form__label {
    -webkit-transform: translateY(-220%) scale(.9);
    transform: translateY(-220%) scale(.9);
    color: #0e9fca
}

.error.focused .material-form__label {
    color: #f7406b
}

.has-value .material-form__label {
    -webkit-transform: translateY(-220%) scale(.9);
    transform: translateY(-220%) scale(.9)
}

input.material-form__field, select.material-form__field, textarea.material-form__field {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #fff;
    border: 0;
    outline: 0;
    width: 100%;
    font-family: iran,'yekan','web-vazir', tahoma;
    padding-left: 0;
    padding-right: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    margin: 0;
    height: 46px;
    color: #3e3e3e;
    font-size: 16px;
    font-weight: 900 !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.anetworkbox img, .boxfff {
    box-sizing: border-box
}

input.material-form__field:focus, select.material-form__field:focus, textarea.material-form__field:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    background: 0 0
}

.butn {
    border: none;
    color: #fff;
    padding: 0;
    min-width: 150px;
    height: 40px
}

    .butn.butn-red {
        font-size: 18px;
        background-color: #f7406b;
        border-radius: 20px;
        -webkit-box-shadow: 9.5px 16.5px 43px rgba(1,1,1,.26);
        box-shadow: 9.5px 16.5px 43px rgba(1,1,1,.26)
    }

.ripple-effect {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

.ink {
    pointer-events: none;
    opacity: 1
}

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        -webkit-transform: scale(2.5);
        transform: scale(2.5)
    }
}

.wizard {
    margin: 20px auto;
    background: #fff
}

    .wizard .nav-tabs {
        margin: 20px auto 0;
        border-bottom-color: #e0e0e0
    }

.connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 70%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 50%;
    z-index: 1
}

.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:focus, .wizard .nav-tabs > li.active > a:hover {
    color: #555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent
}

span.round-tab {
    width: 70px;
    height: 70px;
    line-height: 70px;
    display: inline-block;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: absolute;
    left: 0;
    text-align: center;
    font-size: 25px
}

.wizard li.active:after, .wizard li:after {
    content: " ";
    left: 46%;
    margin: 0 auto;
    position: absolute;
    bottom: 0
}

span.round-tab i {
    color: #555
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #0e9fca
}

    .wizard li.active span.round-tab i {
        color: #0e9fca
    }

span.round-tab:hover {
    color: #333;
    border: 2px solid #333
}

.wizard .nav-tabs > li {
    width: 33.3%
}

.wizard li:after {
    opacity: 0;
    border: 5px solid transparent;
    border-bottom-color: #0e9fca;
    transition: .1s ease-in-out
}

.wizard li.active:after {
    opacity: 1;
    border: 10px solid transparent;
    border-bottom-color: #0e9fca
}

.wizard .nav-tabs > li a {
    width: 70px;
    height: 70px;
    margin: 20px auto;
    border-radius: 100%;
    padding: 0
}

    .wizard .nav-tabs > li a:hover {
        background: 0 0
    }

.wizard .tab-pane {
    position: relative;
    padding-top: 20px
}

.wizard h3 {
    margin-top: 0
}

@media(max-width :585px) {
    .wizard; {
        width: 90%;
        height: auto !important
    }

    .wizard .nav-tabs > li a, span.round-tab {
        width: 50px;
        height: 50px;
        line-height: 50px
    }

    span.round-tab {
        font-size: 16px
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%
    }
}

.boxfff, .btn_reg_width, .tbl {
    width: 100%
}

.btn_reg {
    margin: 36px 0 26px
}

    .btn_reg a {
        font-size: 13px
    }

.btn_reg_color {
    color: #0e9fca
}

.btn_back, .btn_back:hover, .btn_reg button, .btn_reg button:hover {
    background-color: #0e9fca;
    border: none !important;
    color: #fff
}

.float_center {
    float: none;
    margin: 0 auto
}

.tbl {
    margin-bottom: 20px
}

    .tbl i {
        font-size: 1
    }

.font_size20, .font_size20_1 {
    font-size: 20px;
    display: inline-block
}

.line_txt {
    line-height: 35px
}

.btn_b {
    background-color: #b0b2b4 !important
}

.boxfff, .div_radis:hover {
    background-color: #fff;
    transition: all linear .3s
}

.font_size20 {
    color: #888a8c !important
}

.ccc {
    color: #202938 !important;
    padding-left: 25px !important
}

.div_radis, .div_radis:hover {
    padding: 2px 15px 2px 24px;
    text-decoration: none
}

.e34 {
    color: red !important
}

.e35 {
    color: #1cbbb4 !important
}

.div_radis {
    color: #fff;
    font-size: 14px;
    border: 2px solid #fff;
    border-radius: 25px
}

    .div_radis i {
        color: #fff !important;
        font-size: 15px
    }

    .div_radis:hover {
        color: #00bcd4;
        font-size: 14px;
        border: 2px solid #FFF;
        border-radius: 25px
    }

.boxfff, .circleboxfff {
    text-align: center;
    padding-top: 10px;
    position: relative
}

.div_radis:hover i {
    color: #00bcd4 !important;
    font-size: 15px
}

.boxfff {
    border: 1px solid rgba(0,0,0,.125);
    display: inline-block;
    border-radius: 10px;
    margin: 10px 0;
    padding-bottom: 20px;
    box-shadow: 0 0 10px 2px #e1e1e154
}

.circleboxfff, .circleboxfff i {
    margin-right: auto;
    margin-left: auto
}

.boxfff:hover {
    box-shadow: inset 0 0 30px rgba(0,0,0,.03);
    transition: all linear .3s;
    transform: scale(1.1)
}

.boxfff h3 {
    color: #273b5d;
    font-size: 15px;
    margin-top: 10px !important;
    margin-bottom: 0 !important;
    padding-bottom: 7px
}

.circleboxfff {
    border: none;
    background-color: #ecedef;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    padding-bottom: 5px
}

    .circleboxfff i {
        color: #2196F3 !important;
        font-size: 35px !important;
        padding-top: 2px
    }

.text {
    color: #00bcd4
}

.textbtn {
    background-color: #f7f7f8;
    color: #a29f9f;
    padding: 5px 12px 5px 13px;
    margin: 5px;
    display: inline-block;
    border-style: none;
    border-radius: 25px;
    font-size: 10px !important;
    text-decoration: none
}

    .textbtn:hover {
        background-color: rgba(0,188,212,.6);
        color: #fff;
        transition: all linear .3s
    }

.box_fff_li h4 {
    color: #333;
    font-size: 13px;
    text-decoration: none
}

.box_bg_img {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain
}

.box_bg_img_about, .box_left, .box_right {
    background-size: cover
}

.div_box_search {
    width: 50%;
    height: 50px;
    position: relative;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    border: 1px solid #dadada;
    color: #333131;
    font-size: 15px;
    text-decoration: none;
    display: block;
    border-radius: 50px;
    background-color: #fff;
    box-shadow: 0 0 0 4px #ececec
}

.txtsearch {
    text-align: right;
    color: #565656;
    text-decoration: none;
    border-style: none;
    border-width: 0;
    width: 70%;
    height: 42px;
    background-color: rgba(148,57,57,0);
    margin-right: 30px;
    outline: 0
}

.alinlAzarmoeen, .alinlAzarmoeen1 {
    border-bottom: 1px dashed;
    margin-right: 3px;
    cursor: pointer
}

.txtsearch:focus .div_box_search {
    box-shadow: 0 0 0 4px #f9ba48
}

.txtsearch::-webkit-input-placeholder {
    color: #747371;
    font-weight: 900 !important;
    font-size: 14px
}

.txtsearch:-moz-placeholder {
    color: #747371;
    font-weight: 900 !important;
    font-size: 14px
}

.txtsearch::-moz-placeholder {
    color: #747371;
    font-weight: 900 !important;
    font-size: 14px
}

.txtsearch:-ms-input-placeholder {
    color: #747371;
    font-weight: 900 !important;
    font-size: 14px
}

.en::-webkit-input-placeholder {
    color: #ccc;
    font-weight: 900 !important;
    font-size: 14px
}

.en:-moz-placeholder {
    color: #747371;
    font-weight: 900 !important;
    font-size: 14px
}

.en::-moz-placeholder {
    color: #747371;
    font-weight: 900 !important;
    font-size: 14px
}

.en:-ms-input-placeholder {
    color: #747371;
    font-weight: 900 !important;
    font-size: 14px
}

.alinlAzarmoeen {
    color: #2196f3;
    margin-left: 2px
}

.alinlAzarmoeen1 {
    color: #4caf50 !important
}

.btnsearch, .btnsearch:hover {
    background-color: #f9ba48;
    color: #fff;
    transition: all linear .3s
}

.btnsearch {
    border: none;
    font-size: 13px;
    text-decoration: none;
    padding: 7px 15px;
    margin-top: 6px;
    border-radius: 25px;
    float: left;
    margin-left: 9px
}

.footer_new, .footer_new_1 {
    padding-top: 25px;
    padding-bottom: 20px
}

.chat_header .span, .mod_login_box, .right {
    float: right
}

.btnsearch:hover {
    box-shadow: inset 150px 10px #85c99d
}

.footer_new {
    background-color: #e8e8e8;
    color: #3a3535;
    font-size: 13px;
    margin-top: 0px
}

.footer_new_1 {
    background-color: #202938;
    color: #FFF;
    font-size: 12px
}

.footer_new_div h4 {
    border-style: none none solid;
    border-width: 1px;
    border-color: #ed331e;
    color: #202938;
    font-size: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    display: inline-block;
    padding-right: 2px;
    margin-bottom: 15px
}

.fontred {
    color: #ff002a !important
}

.fontgren {
    color: #00ff90
}

.fontblo {
    color: #1cbbb4
}

.footer_new_div a {
    color: #4a2f2f !important;
    font-size: 12px !important;
    display: inline-block
}

.footer_new_div p {
    color: #777 !important;
    font-size: 12px !important;
    display: block;
    text-align: justify
}

.faceb, .goo, .ins, .twe {
    border-radius: 3px;
    width: 40px;
    height: 40px;
    padding-top: 7px;
    display: inline-block !important;
    margin: 5px
}

.box_bg_img_about h4, .faceb, .goo, .ins, .twe {
    text-align: center
}

.faceb {
    color: #3a599c
}

.twe {
    color: #2aa3e8
}

.ins {
    color: #ed331e
}

.goo {
    color: #333f4f;
    font-size: 30px !important
}

.anetworkbox h4, .anetworkboxh5 {
    text-decoration: none;
    font-weight: 900 !important;
    border-radius: 30px
}

.divsolid {
    border-style: solid none none;
    border-width: 1px;
    border-color: #212d3b;
    width: 100%;
    height: 2px;
    display: block;
    margin-top: 5px;
    margin-bottom: 30px
}

.box_bg_img_about {
    border-style: none none solid;
    border-width: 3px;
    border-color: #e1e1e1;
    background-image: url(../img/sa.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    min-height: 320px
}

    .box_bg_img_about h1 {
        color: #FFF;
        font-size: 42px;
        text-decoration: none;
        text-align: center;
        font-weight: 900 !important;
        margin-top: 50px
    }

    .box_bg_img_about h4 {
        color: #FFF;
        font-size: 17px;
        text-decoration: none;
        font-weight: 900 !important;
        margin-top: 20px;
        line-height: 25px
    }

.anetworkbox {
    margin-top: 5px;
    margin-bottom: 10px
}

    .anetworkbox h4 {
        padding: 5px 10px;
        position: absolute;
        top: 15px;
        right: 25px;
        background-color: #ff0057
    }

.but_sanje, .mod_login_box, .oferbox {
    position: relative
}

.anetworkboxh5 {
    padding: 5px 15px;
    color: #fff;
    font-size: 16px;
    width: auto;
    display: block;
    margin-top: -35px;
    min-width: 150px
}

.anetworkbox_link {
    border-style: none !important;
    background-color: #00bcd4 !important;
    color: #FFF !important;
    border-radius: 30px !important
}

.fontsize36px {
    font-size: 36px
}

.mod_login_box {
    margin-left: 20px;
    z-index: 100
}

.minhight400 {
    min-height: 400px
}

.box_loginleft {
    display: inline-table;
    padding-top: 12px;
    text-align: center;
    color: #000;
    margin-right: 30px;
    margin-left: auto;
    width: 300px
}

    .box_loginleft h3, .box_loginleft h5 {
        padding: 5px;
        text-decoration: none;
        text-align: center;
        color: #000
    }

    .box_loginleft h3 {
        font-size: 17px;
        font-weight: 700
    }

    .box_loginleft h5 {
        font-size: 12px
    }

    .box_loginleft h6, .input_login_box {
        text-align: right;
        text-decoration: none;
        box-sizing: border-box
    }

    .box_loginleft h6 {
        padding: 0 20px 0 5px;
        color: #000;
        font-size: 12px;
        width: 90%;
        font-weight: 700
    }

.boxbot1 {
    bottom: 0;
    width: 100%;
    left: 0;
    height: 70px;
    line-height: 68px;
    font-size: 13px;
    background: #f3fff3;
    font-weight: 900 !important;
    z-index: 1
}

.fab, .fabs {
    z-index: 998
}

.boxbot1 a {
    color: #b9b9b9;
    font-size: 12px;
    font-weight: 400
}

.input_login_box {
    margin: 1px 0 6px 5px;
    width: 100%;
    height: 37px;
    line-height: 15px;
    font-size: 12px;
    color: grey;
    display: inline-block;
    text-indent: 15px;
    outline: 0;
    border: 1px solid #607D8B;
    border-radius: 5px
}

    .input_login_box::-webkit-input-placeholder {
        color: #bebebe;
        font-weight: 700;
        font-size: 13px
    }

    .input_login_box::-moz-placeholder {
        color: #bebebe;
        font-weight: 900 !important;
        font-size: 13px
    }

    .input_login_box:-ms-input-placeholder {
        color: #bebebe;
        font-weight: 900 !important;
        font-size: 13px
    }

    .input_login_box:-moz-placeholder {
        color: #bebebe;
        font-weight: 900 !important;
        font-size: 12px
    }

    .input_login_box:hover {
        transition: all linear .3s
    }

    .input_login_box:focus {
        transition: all linear .3s;
        border: 1px solid #607d8b
    }

.input_login_box_small {
    width: 42% !important
}

.but_sanje {
    border-style: none;
    border-width: 0;
    color: #FFF;
    font-size: 13px;
    line-height: 35px;
    height: 38px;
    width: 98%;
    border-radius: 5px;
    font-weight: 900 !important;
    box-sizing: border-box;
    transition: all linear .5s;
    margin-left: 10px;
    text-decoration: none;
    background: #00bcd4
}

    .but_sanje:hover {
        background: #FFC107;
        transition: all linear .4s;
        color: #fff
    }

.oferbox {
    border-radius: 50%;
    color: #fff;
    background-color: #f30c32;
    width: 30px;
    height: 30px;
    line-height: 10px;
    text-align: center;
    margin-top: 0;
    padding-left: 2px;
    margin-right: 10px;
    font-size: 14px
}

.boxpop {
    border-style: none !important;
    border-width: 0 !important;
    background-color: #00BCD4 !important;
    color: #fff !important;
    text-align: right !important;
    padding: 11px !important;
    position: absolute !important;
    top: 15px !important;
    right: -45px !important;
    border-radius: 0 !important;
    box-shadow: 0 0 0 rgba(255,255,255,0) !important
}

.class_topmenu, .class_topmenu:hover {
    color: #FFF !important
}

.btnhidenborder {
    color: #333;
    border-style: none;
    background-color: rgba(255,255,255,0);
    width: auto;
    padding: 0 !important
}

.parent {
    background-color: #f5f5f5;
    padding-right: 15px;
    text-align: right
}

form .form-group {
    margin-bottom: 15px
}

.userform .form-group > label {
    position: relative;
    font: 400 13px Iran,'Shabnam-Bold-FD';
    color: #4d4d4d;
    padding-right: 5px
}

user agent stylesheet label {
    cursor: default
}

.btnsave, .container1, .container1 input, .home {
    cursor: pointer
}

.auth {
    direction: rtl;
    font: 13px Iran,'Shabnam-Bold-FD';
    color: #737373;
    margin-top: 40px
}

.box.noback {
    background: #fff;
    border: 1px solid #f0f1f2;
    border-radius: 4px;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    -ms-box-shadow: 0 1px 2px 0 rgba(0,0,0,.1);
    margin: 0 auto;
    overflow: hidden
}

.auth__content {
    display: flex;
    flex-direction: row
}

.auth__title {
    border-bottom: 1px dashed #30658e;
    padding-right: 38px;
    margin-bottom: 25px;
    font-family: iran,'yekan','web-vazir', tahoma;
    padding-bottom: 20px;
    color: #30658e
}

.userform .form-group input.en {
    color: #828282;
    text-align: left;
    direction: ltr;
    font: 700 12px Iran,'Shabnam-Bold-FD'
}

.head, Textarea, input, label, select {
    direction: rtl
}

.chat, .chat_field {
    -webkit-font-smoothing: antialiased
}

.userform .form-group input[type=email], .userform .form-group input[type=password], .userform .form-group input[type=text] {
    border-radius: 5px;
    background: #fff;
    border: 1px solid #c8c8c8;
    color: #717171;
    font-size: 14px;
    font-size: 1.5rem;
    line-height: 1.571;
    padding: 22px 12px;
    width: 100%;
    height: 40px
}

.auth__form {
    padding: 0 12px;
    display: flex;
    flex-direction: column
}

.clearfix, .dk-button-container.full, .form .dk-button-container.full {
    display: block
}

.auth__form, .auth__guidance {
    width: 50%
}

.form .form-group {
    margin-bottom: 15px;
    padding: 0 45px 10px
}

.auth__guidance {
    background: #fafcfc
}

.guidance__thumb {
    text-align: center;
    margin: 50px 0
}

.guidance__rules {
    padding: 0 35px;
    margin-bottom: 80px
}

    .guidance__rules p {
        margin-top: 20px;
        font-size: 12px;
        font-weight: 500
    }

.userform .form-group .agreement > label, .userform .form-group .rememberme > label, label.newsletter {
    color: #4d4d4d;
    width: auto !important
}

.form label {
    margin-bottom: 10px
}

.userform .form-group .agreement {
    margin: 0 12px 0 10px;
    line-height: 32px
}

.userform .form-group .dk-button-container {
    margin: 0
}

.dk-button-container.large {
    min-height: 50px;
    height: 50px
}

.dk-button-container {
    display: inline-block;
    line-height: 0;
    margin: 4px;
    min-height: 38px;
    position: relative;
    cursor: pointer;
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    -ms-box-shadow: 0 2px 3px 0 rgba(0,0,0,.15);
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.15)
}

.anetworkbox11:hover, .anetworkbox:hover {
    box-shadow: 0 5px 5px rgba(113,112,112,.04);
    transition: all linear .3s
}

.auth__nav {
    line-height: 63px;
    border-top: 1px solid #e4e2e2;
    font-size: 16px;
    text-align: center
}

    .auth__nav a {
        color: #2196f3;
        border-bottom: 1px dashed;
        margin-right: 3px
    }

.buttonblue {
    background: #3ca3f4;
    color: #fff;
    padding: 10px
}

.head {
    text-align: right !important;
    background: 0 0 !important;
    height: auto !important;
    margin-right: 15px;
    color: #6d717a;
    padding-top: 10px;
    padding-bottom: 10px;
    display: inline-block;
    border-bottom: 2px solid #2196f3
}

.home, .title-reg, .toppin11 {
    text-align: center
}

.btnsave {
    padding-left: 20px;
    padding-right: 20px
}

.message.confirm {
    height: 80px
}

.message--success {
    background: #f0f7ff;
    border: 1px solid #88c5dd;
    color: #2f9ec9;
    font-size: 15px
}

.message {
    padding: 0 18px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 4px;
    margin-bottom: 10px
}

.form-group input.mobileConfirm {
    font-size: 22px !important;
    font-weight: 700;
    letter-spacing: 35px;
    width: 100% !important;
    padding: 0;
    height: 50px !important;
    padding-left: 35px !important;
    margin-top: 15px;
    margin-bottom: 5px;
    user-select: none;
    color: #000 !important
}

.blue, .message a {
    color: #2196f3
}

.message a {
    border-bottom: 1px dashed
}

.left {
    float: left
}

.container1 {
    display: block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    font-size: 18px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 400
}

    .container1 input {
        position: absolute;
        opacity: 0
    }

.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 25px;
    width: 25px;
    background-color: #eee
}

.container1:hover input ~ .checkmark {
    background-color: #ccc
}

.container1 input:checked ~ .checkmark {
    background-color: #2196F3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.container1 input:checked ~ .checkmark:after {
    display: block
}

.container1 .checkmark:after {
    right: 9px;
    top: 4px;
    width: 8px;
    height: 14px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.checkbox label, .radio label {
    padding-left: initial;
    padding-right: 30px
}

.active-product {
    background-color: #e4e4e4 !important
}

.home {
    background-color: #a4a4a5;
    color: #fff;
    font-size: 13px
}

.title-reg {
    height: 42px;
    margin: auto;
    background-color: #e4f9ff24;
    border: 1px solid;
    color: #87bcce;
    line-height: 2;
    font-size: 1em;
    border-radius: 3px;
    text-align: center;
    display: table;
    padding: 6px 10px;
}

.margtopbot11 {
    margin-top: 10px;
    margin-bottom: 10px
}

.toppin11 {
    width: 100%;
    height: 100px;
    display: inline-block;
    border-style: none;
    background-color: #FF5C5E;
    border-radius: 8px 8px 0 0
}

.toppini11, .toppini111 {
    font-size: 50px !important;
    text-decoration: none;
    text-align: right;
    margin-right: auto;
    margin-left: auto
}

.toppin11 i {
    font-size: 50px !important;
    text-decoration: none;
    color: #712527;
    margin-right: auto;
    margin-left: auto;
    margin-top: 30px
}

.toppini11 {
    color: #d5d5d5
}

.anetworkbox11, .anetworkbox11 h4, .anetworkbox11 p, .botwit11, .btn_buten11, .textcolr99911 {
    text-align: center
}

.anetworkbox11 {
    width: 100%;
    position: relative;
    background: #fff;
    min-height: 320px;
    padding: 20px 5px;
    border: 1px solid #e5e5e5;
    border-radius: 2px;
    margin-top: 20px
}

    .anetworkbox11:hover {
        -webkit-box-shadow: 0 5px 5px rgba(113,112,112,.04);
        cursor: default
    }

    .anetworkbox11 h4 {
        color: #000;
        font-size: 14px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-weight: 700
    }

    .anetworkbox11 p {
        font-weight: 700;
        font-size: 16px
    }

.btn_buten11 {
    display: block;
    position: relative;
    width: 99%;
    height: 25px;
    font-weight: 700
}

.botwit11, .boxemalpin11, .toppin {
    display: inline-block
}

.btn_buten11 a {
    font-size: 13px;
    color: #c7c7c7;
    font-weight: 700;
    font-variant: 5;
    cursor: pointer
}

    .btn_buten11 a:hover {
        color: #555;
        transition: all linear .3s
    }

.botwit11 {
    padding: 15px 25px 10px;
    width: 100%;
    border-style: none;
    background-color: #fff;
    border-radius: 0 0 8px 8px;
    color: #333;
    min-height: 198px
}

.textcolr99911 {
    color: #999
}

.boxemalpin11 {
    border: 1px solid #F5F5F5;
    width: 80%;
    text-align: right;
    background-color: #F5F5F5;
    margin-top: 10px;
    margin-bottom: 10px;
    box-sizing: border-box;
    border-radius: 25px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px
}

    .boxemalpin11:focus, .boxemalpin11:hover {
        border: 1px solid #E5E5E5;
        transition: all ease-in .3s
    }

.marrightAndlefat {
    margin-right: auto;
    margin-left: auto
}

.cours {
    cursor: pointer !important
}

@media only screen and (max-width:600px) {
    .title-reg {
        height: 52px;
        background-color: #fffce2;
        margin: 10px 45px;
        border: 1px solid #ffe2b4;
        color: #7c6a26;
        font-size: 1.1em;
        line-height: 1.7;
        border-radius: 3px;
        text-align: center;
        padding: 3px
    }

    .boxpop {
        border-style: none !important;
        border-width: 0 !important;
        background-color: #00BCD4 !important;
        color: #fff !important;
        text-align: right !important;
        padding: 10px !important;
        position: absolute !important;
        top: 16px !important;
        right: -131px !important;
        border-radius: 0 !important;
        box-shadow: 0 0 0 rgba(255,255,255,0) !important
    }
}

@media (max-width:480px) {
    .boxfff h3 {
        color: #202938;
        font-weight: 900 !important;
        font-size: 12px;
        margin-top: 10px !important;
        margin-bottom: 0 !important;
        padding-bottom: 7px
    }

    .features-content p {
        line-height: 20px;
        text-align: justify
    }

    .features-content h3 {
        color: #fff;
        font-size: 25px;
        line-height: 34px;
        text-transform: uppercase
    }
}

.fab, .fileUploadd, .toppin {
    text-align: center
}

    .toppin i, .toppini, .toppini1 {
        font-size: 50px;
        margin-right: auto;
        text-decoration: none;
        margin-left: auto
    }

.margtopbot {
    margin-top: 10px;
    margin-bottom: 10px
}

.toppin {
    width: 100%;
    height: 100px;
    border-style: none;
    background-color: #FF5C5E;
    border-radius: 8px 8px 0 0
}

.anetworkbox, .anetworkbox h4, .toppini, .toppini1 {
    text-align: right
}

.toppin i {
    color: #712527;
    margin-top: 30px
}

.toppini {
    color: #d5d5d5
}

    .toppini:hover, toppini1:hover {
        transition: all linear .3s;
        color: #674567
    }

.fff {
    background-color: #fff !important
}

.anetworkbox {
    width: 100%;
    position: relative;
    background: #fff;
    min-height: 320px;
    padding: 20px;
    border: 1px solid #e5e5e5;
    border-radius: 2px
}

    .anetworkbox:hover {
        -webkit-box-shadow: 0 5px 5px rgba(113,112,112,.04);
        cursor: default
    }

    .anetworkbox h4 {
        color: #696969;
        font-size: 22px;
        padding-top: 10px;
        padding-bottom: 10px
    }

    .anetworkbox p {
        font-family: iran,'yekan','web-vazir', tahoma;
        text-align: justify;
        font-size: 14px;
        font-weight: 900 !important
    }

.btn_buten {
    display: block;
    position: relative;
    width: 99%;
    height: 25px;
    top: -35px;
    left: 10px
}

    .btn_buten a {
        font-size: 13px;
        font-weight: lighter;
        color: #c7c7c7;
        float: left;
        font-variant: 5
    }

.maps {
    padding-left: 5px
}

@media only screen and (max-width:600px) {
    .maps {
        padding-left: 180px
    }
}

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    max-width: 100%;
    height: auto;
    display: inline-block
}

.weswap-current, .weswap-new {
    max-height: 250px;
    padding: 5px;
    overflow-y: auto;
    margin-left: -4px
}

    .weswap-current::-webkit-scrollbar {
        width: 10px
    }

    .weswap-current::-webkit-scrollbar-track {
        background-color: #edeadf;
        border-radius: 10px
    }

    .weswap-current::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #555
    }

    .weswap-new::-webkit-scrollbar {
        width: 10px
    }

    .weswap-new::-webkit-scrollbar-track {
        background-color: #5A5D66;
        border-radius: 10px
    }

    .weswap-new::-webkit-scrollbar-thumb {
        border-radius: 10px;
        background-color: #ffc72e
    }

.parntback {
    color: #2196F3 !important
}

    .parntback h2 {
        color: #555 !important
    }

.disnon {
    display: none !important
}

.fileUploadd {
    border-style: none;
    position: relative;
    font-family: iran,'yekan','web-vazir', tahoma;
    color: #94969c;
    text-decoration: none;
    line-height: 36px;
    background-color: rgba(120,130,140,0);
    padding: 2px;
    width: 40px;
    height: 44px;
    display: inline-block;
    transition: all linear .3s;
    font-size: 32px !important;
    box-sizing: border-box;
    border-radius: 5px 0 0 5px;
    font-weight: 400 !important;
    top: 0;
    right: -5px
}

.chat, .chat_form .message_form button, .chat_form .message_form textarea, .chat_header {
    font-family: Roboto
}

.hiup {
    opacity: 0;
    background-color: #99F;
    position: absolute;
    right: 11px;
    top: 0
}

.card .header {
    color: #555;
    padding: 15px;
    position: relative;
    box-shadow: 0 16px 38px -12px rgba(0,0,0,.09);
    border-radius: 3px;
    background-color: #fff
}

.chat_header, .fab {
    background: #42a5f5
}

.fabs {
    bottom: 0;
    position: fixed;
    margin: 1em;
    right: 0
}

.fab {
    display: block;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    color: #f0f0f0;
    margin: 25px auto 0;
    box-shadow: 0 0 4px rgba(0,0,0,.14),0 4px 8px rgba(0,0,0,.28);
    cursor: pointer;
    -webkit-transition: all .1s ease-out;
    transition: all .1s ease-out;
    position: relative
}

.fab(:last-child):active, .fab(:last-child):focus, .fab(:last-child):hover, .is-float {
    box-shadow: 0 0 6px rgba(0,0,0,.16),0 6px 12px rgba(0,0,0,.32)
}

.fab > i {
    font-size: 2em;
    line-height: 55px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.fab:not(:last-child) {
    width: 0;
    height: 0;
    margin: 20px auto 0;
    opacity: 0;
    visibility: hidden;
    line-height: 40px
}

    .fab:not(:last-child) > i {
        font-size: 1.4em;
        line-height: 40px
    }

    .fab:not(:last-child).is-visible {
        width: 40px;
        height: 40px;
        margin: 15px auto 10px;
        opacity: 1;
        visibility: visible
    }

.fab:nth-last-child(1) {
    -webkit-transition-delay: 25ms;
    transition-delay: 25ms
}

.fab:not(:last-child):nth-last-child(2) {
    -webkit-transition-delay: 20ms;
    transition-delay: 20ms
}

.fab:not(:last-child):nth-last-child(3) {
    -webkit-transition-delay: 40ms;
    transition-delay: 40ms
}

.fab:not(:last-child):nth-last-child(4) {
    -webkit-transition-delay: 60ms;
    transition-delay: 60ms
}

.fab:not(:last-child):nth-last-child(5) {
    -webkit-transition-delay: 80ms;
    transition-delay: 80ms
}

.chat {
    position: fixed;
    right: 85px;
    bottom: 20px;
    width: 400px;
    font-size: 12px;
    line-height: 22px;
    font-weight: 900 !important;
    font-smoothing: antialiased;
    display: none;
    box-shadow: 1px 1px 100px 2px rgba(0,0,0,.22);
    border-radius: 10px;
    -webkit-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    z-index: -1 !important
}

.chat_fullscreen {
    position: fixed;
    right: 0;
    bottom: 0;
    top: 0
}

.chat_field, .chat_option {
    position: relative;
    font-weight: 900 !important
}

.chat_header {
    font-size: 13px;
    font-weight: 900 !important;
    color: #f3f3f3;
    height: 55px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding-top: 8px
}

.chat_header2 {
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.chat_fullscreen_loader {
    display: none;
    float: right;
    cursor: pointer;
    font-size: 20px;
    opacity: .5;
    margin: -10px 10px
}

.chat.is-visible {
    display: inline-block;
    -webkit-animation: zoomIn .2s cubic-bezier(.42,0,.58,1);
    animation: zoomIn .2s cubic-bezier(.42,0,.58,1)
}

.is-hide {
    opacity: 0
}

.chat_option {
    float: left;
    font-family: iran,'yekan','web-vazir', tahoma;
    font-size: 15px;
    height: 100%;
    width: 100%;
    text-align: right;
    margin-right: 10px;
    letter-spacing: .5px;
    padding-right: 15px
}

    .chat_option img {
        border-radius: 50%;
        width: 55px;
        float: left;
        margin: -30px 20px 10px;
        border: 4px solid rgba(0,0,0,.21)
    }

.change_img img {
    width: 35px;
    margin: 0 20px
}

.chat_option .agent {
    font-size: 12px;
    font-weight: 900 !important
}

.chat_option .online {
    opacity: .4;
    font-size: 11px;
    font-weight: 900 !important
}

.chat_list, .chat_list .chat_list_item {
    opacity: 0;
    visibility: hidden
}

.chat_color {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    margin: 10px;
    float: left
}

.chat_body {
    background: #fff;
    width: 100%;
    display: inline-block;
    text-align: center;
    overflow-y: auto
}

#chat_body {
    height: 450px
}

.chat_body li, .chat_login p, a, p {
    -webkit-animation: zoomIn .5s cubic-bezier(.42,0,.58,1);
    animation: zoomIn .5s cubic-bezier(.42,0,.58,1)
}

.chat_body p {
    padding: 20px;
    color: #888;
    font-family: iran,'yekan','web-vazir', tahoma;
}

.chat_body a {
    width: 10%;
    text-align: center;
    border: none;
    box-shadow: none;
    line-height: 40px;
    font-size: 15px
}

.chat_field {
    margin: 5px 0;
    width: 50%;
    font-family: iran,'yekan','web-vazir', tahoma;
    font-size: 12px;
    line-height: 30px;
    color: #4b4b4b;
    font-smoothing: antialiased;
    border: none;
    outline: 0;
    display: inline-block
}

    .chat_field.chat_message {
        height: 50px;
        resize: none;
        font-size: 13px;
        font-weight: 900 !important
    }

.chat_category {
    text-align: left;
    margin: 20px;
    background: rgba(0,0,0,.03);
    padding: 10px
}

    .chat_category ul li, .chat_form .get-notified i, .fab_field, .fab_field a, .ribbon span {
        text-align: center
    }

    .chat_category ul li {
        width: 80%;
        height: 30px;
        background: #fff;
        padding: 10px;
        box-shadow: 0 4px 8px rgba(0,0,0,.1);
        margin-bottom: 10px;
        border-radius: 3px;
        border: 1px solid #e0e0e0;
        font-size: 13px;
        cursor: pointer;
        line-height: 30px;
        color: #888
    }

    .chat_category li.active, .chat_category li:hover {
        background: #83c76d;
        color: #fff
    }

.tags {
    margin: 20px;
    bottom: 0;
    display: block;
    width: 120%
}

    .fab_field, .fab_field a, .tags li {
        display: inline-block
    }

    .tags li {
        padding: 5px 10px;
        border-radius: 40px;
        border: 1px solid #0375d0;
        margin: 5px;
        color: #0375d0;
        cursor: pointer
    }

.fab_field {
    width: 100%;
    background: #fff;
    border-top: 1px solid #eee;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

#fab_camera, #fab_send {
    background: rgba(0,0,0,0)
}

.fab_field2 {
    bottom: 0;
    position: absolute;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    z-index: 999
}

#fab_camera {
    float: left
}

#fab_send {
    float: right
}

.fab_field .fab {
    width: 35px;
    height: 35px;
    box-shadow: none;
    margin: 5px
}

    .fab_field .fab > i {
        font-size: 1.6em;
        line-height: 35px;
        color: #bbb
    }

        .fab_field .fab > i:hover {
            color: #42a5f5
        }

.chat_converse {
    position: relative;
    background: #fff;
    height: 300px;
    min-height: 0;
    font-size: 12px;
    line-height: 18px;
    overflow-y: auto;
    width: 100%;
    float: right;
    padding-bottom: 100px
}

.chat_converse2 {
    height: 100%;
    max-height: 800px
}

.chat_list {
    height: 0
}

.status, .status2 {
    float: right;
    opacity: .3;
    font-size: 11px
}

.chat .chat_converse .chat_msg_item {
    position: relative;
    margin: 8px 0 15px;
    padding: 8px 10px;
    max-width: 60%;
    display: block;
    word-wrap: break-word;
    border-radius: 3px;
    -webkit-animation: zoomIn .5s cubic-bezier(.42,0,.58,1);
    animation: zoomIn .5s cubic-bezier(.42,0,.58,1);
    clear: both;
    z-index: 999;
    font-family: iran,'yekan','web-vazir', tahoma;
}

.status {
    margin: 45px -50px 0 0
}

.status2 {
    margin: -10px 20px 0 0;
    display: block
}

.chat .chat_converse .chat_msg_item .chat_avatar {
    position: absolute;
    top: 0
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin .chat_avatar {
    left: -52px;
    background: rgba(0,0,0,.03)
}

.chat .chat_converse .chat_msg_item.chat_msg_item_user .chat_avatar {
    right: -52px;
    background: rgba(0,0,0,.6)
}

.chat .chat_converse .chat_msg_item .chat_avatar, .chat_avatar img {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin {
    margin-left: 60px;
    float: left;
    background: rgba(0,0,0,.03);
    color: #666
}

.chat .chat_converse .chat_msg_item.chat_msg_item_user {
    margin-right: 20px;
    float: right;
    background: #42a5f5;
    color: #eceff1
}

.chat .chat_converse .chat_msg_item.chat_msg_item_admin:before {
    content: '';
    position: absolute;
    top: 15px;
    left: -12px;
    z-index: 998;
    border: 6px solid transparent;
    border-right-color: rgba(255,255,255,.4)
}

.chat_form .get-notified label {
    color: #077ad6;
    font-weight: 900 !important;
    font-size: 11px
}

.chat_form .get-notified input {
    margin: 2px 0 0;
    border: 1px solid #83c76d
}

.chat_form .get-notified i {
    background: #83c76d;
    width: 30px;
    height: 32px;
    font-size: 18px;
    color: #fff;
    line-height: 30px;
    font-weight: 900 !important;
    margin: 2px 0 0 -30px;
    position: absolute;
    border-radius: 3px
}

.chat_form .message_form button, .chat_form .message_form textarea {
    position: relative;
    font-size: 12px;
    line-height: 20px;
    outline: 0;
    display: inline-block;
    padding: 5px;
    font-weight: 900 !important
}

.chat_form .message_form input, .chat_form .message_form textarea {
    border: 1px solid #e0e0e0;
    margin: 5px 0
}

.chat_form .message_form {
    margin: 10px 0 0
}

    .chat_form .message_form textarea {
        width: 90%;
        color: #4b4b4b;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        background: #fff;
        resize: none;
        border-radius: 3px
    }

    .chat_form .message_form button {
        margin: 5px 0;
        border: 1px solid #e0e0e0;
        width: 95%;
        color: #fff;
        -webkit-font-smoothing: antialiased;
        font-smoothing: antialiased;
        resize: none;
        border-radius: 3px;
        background: #83c76d;
        cursor: pointer
    }

.ink, .ribbon, .ribbon span {
    position: absolute
}

strong.chat_time {
    padding: 0 1px 1px 0;
    font-weight: 900 !important;
    font-size: 8px;
    display: block
}

::-webkit-scrollbar {
    width: 6px
}

::-webkit-scrollbar-track {
    border-radius: 0
}

::-webkit-scrollbar-thumb {
    margin: 2px;
    border-radius: 10px;
    background: rgba(0,0,0,.2)
}

.is-active {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out
}

.is-loading {
    display: block;
    -webkit-animation: load 1s cubic-bezier(0,.99,1,.6) infinite;
    animation: load 1s cubic-bezier(0,.99,1,.6) infinite
}

@-webkit-keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

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

@keyframes zoomIn {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

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

@-webkit-keyframes load {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

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

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

@keyframes load {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0
    }

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

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

@media only screen and (min-width:300px) {
    .chat {
        width: 250px
    }
}

@media only screen and (min-width:480px) {
    .chat {
        width: 300px
    }

    .chat_field {
        width: 65%
    }
}

@media only screen and (min-width:768px) {
    .chat {
        width: 300px
    }

    .chat_field {
        width: 65%
    }
}

@media only screen and (min-width:1024px) {
    .chat {
        width: 300px
    }

    .chat_field {
        width: 65%
    }
}

.blue .fab {
    background: #42a5f5;
    color: #fff
}

.blue .chat {
    background: #42a5f5;
    color: #999
}

.ink {
    display: block;
    background: rgba(38,50,56,.4);
    border-radius: 100%;
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    webkit-transform: scale(0);
    -webkit-transform: scale(0);
    transform: scale(0)
}

    .ink.animate {
        -webkit-animation: ripple .5s ease-in-out;
        animation: ripple .5s ease-in-out
    }

@-webkit-keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        webkit-transform: scale(5);
        -webkit-transform: scale(5);
        transform: scale(5)
    }
}

@keyframes ripple {
    100% {
        opacity: 0;
        -moz-transform: scale(5);
        -ms-transform: scale(5);
        webkit-transform: scale(5);
        -webkit-transform: scale(5);
        transform: scale(5)
    }
}

::-webkit-input-placeholder {
    color: #bbb;
    font-size: 13px;
    font-weight: 400;
}

:-ms-input-placeholder {
    color: #bbb
}

::-moz-placeholder {
    color: #bbb
}

:-moz-placeholder {
    color: #bbb
}

menu, nav {
    display: inline-block
}

.ribbon {
    width: 150px;
    height: 150px
}

    .ribbon span {
        display: block;
        width: 225px;
        padding: 15px 0;
        background-color: #cc2a45;
        box-shadow: 0 5px 10px rgba(0,0,0,.1);
        color: #fff;
        font: 700 15px/1 Iran,'Shabnam-Bold-FD',sans-serif;
    }

.ribbon-top-left {
    top: -1px;
    left: -10px
}

    .ribbon-top-left::after, .ribbon-top-left::before {
        border-top-color: transparent;
        border-left-color: transparent
    }

    .ribbon-top-left::before {
        top: 0;
        right: 0
    }

    .ribbon-top-left::after {
        bottom: 0;
        left: 0
    }

    .ribbon-top-left span {
        right: -9px;
        top: 16px;
        transform: rotate(-45deg)
    }

.ribbon-top-right {
    top: -1px;
    right: -10px
}

    .ribbon-top-right::after, .ribbon-top-right::before {
        border-top-color: transparent;
        border-right-color: transparent
    }

    .ribbon-top-right::before {
        top: 0;
        left: 0
    }

    .ribbon-top-right::after {
        bottom: 0;
        right: 0
    }

    .ribbon-top-right span {
        left: -9px;
        top: 16px;
        transform: rotate(45deg)
    }

.ribbon-bottom-left {
    bottom: -10px;
    left: -10px
}

    .ribbon-bottom-left::after, .ribbon-bottom-left::before {
        border-bottom-color: transparent;
        border-left-color: transparent
    }

    .ribbon-bottom-left::before {
        bottom: 0;
        right: 0
    }

    .ribbon-bottom-left::after {
        top: 0;
        left: 0
    }

    .ribbon-bottom-left span {
        right: -9px;
        bottom: 16px;
        transform: rotate(225deg)
    }

.ribbon-bottom-right {
    bottom: -10px;
    right: -10px
}

    .ribbon-bottom-right::after, .ribbon-bottom-right::before {
        border-bottom-color: transparent;
        border-right-color: transparent
    }

    .ribbon-bottom-right::before {
        bottom: 0;
        left: 0
    }

    .ribbon-bottom-right::after {
        top: 0;
        right: 0
    }

    .ribbon-bottom-right span {
        left: -25px;
        bottom: 30px;
        transform: rotate(-225deg)
    }

.icon_aroow_animatbehnam {
    position: relative;
    -webkit-animation-name: examplebehnam;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    animation-name: examplebehnam;
    animation-duration: 1s;
    animation-iteration-count: infinite
}

@keyframes examplebehnam {
    0% {
        color: #e4e4e4;
        top: 0
    }

    25% {
        color: #c1c1c1;
        top: 5px
    }

    50% {
        color: #a7a7a7;
        top: 10px
    }

    75% {
        color: #767676;
        top: 15px
    }

    100% {
        color: #5c5c5c;
        top: 20px
    }
}

.imghover {
    border: 1px solid #e4e4e4;
    padding: 2px;
    margin-top: 1px;
    margin-bottom: 2px;
    opacity: .8;
    min-height: 50px;
    max-height: 50px
}

    .imghover:hover {
        border: 1px solid #ffd800;
        transition: all linear .3s
    }

.boxcathower {
    visibility: visible;
    animation-delay: .2s;
    border-left: solid 1px #e1e1e1;
    border-bottom: solid 1px #e1e1e1;
    box-sizing: border-box;
    cursor: pointer !important;
    height: 360px
}

.c-box, .div_single {
    border: 1px solid #dedede
}

.boxcathower:hover {
    box-shadow: 0 2px 17px 0 rgba(0,0,0,.21);
    transition: all linear .3s;
    cursor: pointer
}

.apoint, .butbehnam1 {
    cursor: pointer !important
}

.boxcathower:hover .img_container a img {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    filter: grayscale(75%)
}

.apoint {
    float: left;
    color: #515151;
    font-size: 14px
}

.boxcathower:hover div div .apoint {
    box-shadow: 0 2px 17px 0 rgba(0,0,0,.21);
    background-color: #727b72;
    padding: 7px 10px;
    position: absolute;
    bottom: 0;
    margin-right: auto;
    margin-left: auto;
    color: #fff !important;
    cursor: pointer !important;
    left: 0;
    font-size: 13px
}

.c-box__header, .hclass1tabel, .lblst {
    position: relative
}

.div_single {
    margin-bottom: 23px;
    height: calc(100% - 68px);
    padding: 15px;
    background-color: #fff;
    border-radius: 10px;
    display: flow-root;
    box-shadow: 0 2px 17px 2px rgb(222, 223, 241);
    border: none;
}

.boxabout, .c-box {
    box-shadow: 0 12px 12px 0 hsla(0,0%,71%,.11)
}

.hclass1 {
    color: #3c48e7;
    margin-top: 20px
}

.hclass1tabel {
    display: block;
    background: #fafafa;
    padding: 14px 18px 12px;
    font-size: 13px;
    margin: 3px;
    line-height: 1.692;
    color: #4d4d4d;
    letter-spacing: -.3px;
    min-height: 47px;
    text-align: right
}

.divstyle1, .inputbehnam, .social-icons li {
    display: inline-block
}

.box_left, .box_right {
    background-position: center
}

.hclass2 {
    color: #4e4e4e;
    line-height: 30px
}

.hclass3 {
    color: #8b8b8b;
    line-height: 30px
}

.c-box {
    background-color: #fff;
    margin: 0 0 10px;
    width: 100%
}

.c-box__header {
    color: #535353;
    letter-spacing: .2px;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.571;
    padding: 8px 16px 10px 15px;
    border-bottom: 1px solid #f2f2f2;
    margin-right: 6px;
    margin-left: 6px
}

.hclass4 {
    padding: 10px
}

.inputbehnam {
    height: 28px;
    width: 90%;
    min-height: 35px;
    line-height: 40px !important;
    border-radius: 5px;
    background-color: #f8f8f8;
    border: none;
    margin: 6px 0;
    text-align: center;
    color: #858585 !important;
    font-size: 12px;
    letter-spacing: .3px
}

.butbehnam, .butbehnam2 {
    color: #fff;
    padding: 10px 20px;
    margin-right: auto;
    margin-left: auto
}

.butbehnam {
    background-color: #3F51B5;
    border-radius: 5px;
    border: none
}

.butbehnam2 {
    background-color: #13ba8c;
    border-radius: 5px;
    border: none
}

.boxabout, .boxlogin {
    background-color: #fff
}

.butbehnam1 {
    color: #8b8b8b;
    padding: 10px;
    border: none;
    margin-right: auto;
    margin-left: auto
}

.bs, .bs:hover .divstyle1 {
    cursor: default !important
}

.divstyle1 {
    width: 13px;
    height: 13px;
    border-radius: 50%;
    border: 1px solid #8b8b8b;
    float: left;
    margin-left: 12px
}

.lblst {
    top: -4px;
    margin-right: 10px;
    color: #8b8b8b
}

.bs {
    padding-top: 5px
}

    .bs:hover .divstyle1 {
        transition: all linear .3s;
        opacity: .5;
        border: 2px solid #4d4d4d;
        transform: scale(1.3)
    }

.color_grenbehnam {
    color: #13ba8c;
    font-weight: 700
}

.behnamrotate {
    transform: rotate(180deg)
}

.social-icons li a {
    color: #888 !important;
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    line-height: 1.7;
    border: 1px solid rgba(255,255,255,0);
    font-size: 25px
}

.social-icons li:nth-child(2) a:hover {
    border: 1px solid #3a5795;
    color: #3a5795 !important;
    transition: all linear .3s
}

.social-icons li:nth-child(3) a:hover {
    border: 1px solid #e1306c;
    color: #e1306c !important;
    transition: all linear .3s
}

.social-icons li:nth-child(4) a:hover {
    border: 1px solid #55acee;
    color: #55acee !important;
    transition: all linear .3s
}

.social-icons li:nth-child(5) a:hover {
    border: 1px solid #e74c3c;
    color: #e74c3c !important;
    transition: all linear .3s
}

.social-icons li:nth-child(6) a:hover {
    border: 1px solid #08c;
    color: #08c !important;
    transition: all linear .3s
}

.social-icons li a:before {
    font-family: FontAwesome;
    font-size: 25px
}

.btn_border_rd {
    padding: 5px 10px;
    border-radius: 25px;
    border: 2px solid #73d4e0;
    height: 35px;
    line-height: 1.7;
    width: 170px;
    font-weight: 200 !important;
    font-size: 13px
}

    .btn_border_rd a {
        color: #7b7b7b
    }

.tb tr td {
    vertical-align: baseline !important
}

.boxabout {
    border: 1px solid #dedede;
    display: block
}

.hhead {
    padding: 16px;
    border-bottom: 1px dashed #2eacc8;
    display: inline-block;
    margin-right: 21px;
    color: #2eacc8
}

.pabout {
    text-align: justify;
    padding: 10px 41px;
    line-height: 2.5;
    font-size: 13px
}

.boxlogin {
    margin-top: 0;
    margin-bottom: 20px;
    transform: scale(.9);
    padding: 10px;
    box-shadow: 0 2px 17px 2px rgb(222, 223, 241);
    border-radius: 7px;
}

.box_left {
    background-image: url('../../images/reg.jpg');
    min-height: 700px !important
}

.box_right {
    min-height: 575px;
    background-image: url(~/images/iso-3.jpg)
}

@media only screen and (max-width:900px) {
    .container-fluid {
        padding-right: 5px;
        padding-left: 5px;
        margin-right: auto;
        margin-left: auto;
    }

    .box_left, .box_right {
        display: none;
        background-position: center;
        background-size: cover
    }

    .box_left {
        background-image: url('~/Content/img/top-line-management-login-background-1 (3).jpg');
        min-height: 700px
    }

    .box_right {
        min-height: 575px;
        background-image: url(~/images/iso-3.jpg)
    }
}
/* Icon pack */
.fileUploadd {
    border-style: none;
    position: relative;
    overflow: hidden;
    font-family: iran,'yekan','web-vazir', tahoma;
    color: #94969c;
    text-decoration: none;
    line-height: 36px;
    background-color: rgba(120, 130, 140, 0.00);
    padding: 2px;
    width: 40px;
    height: 44px;
    display: inline-block;
    transition: all linear 0.4s;
    text-align: center;
    transition: all linear 0.3s;
    font-size: 32px !important;
    box-sizing: border-box;
    border-radius: 5px 0px 0px 5px;
    font-weight: normal !important;
    top: 0px;
    right: -5px;
}

.hiup {
    opacity: 0;
    background-color: #9999FF;
    position: absolute;
    right: 11px;
    top: 0px;
}

input {
    font-family: iran,'yekan','web-vazir', tahoma !important;
}

.dropdown1, .dropdown2 {
    position: relative;
    display: inline-block;
}

.dropdown-content1, .dropdown-content2 {
    display: block;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px 8px 16px;
    z-index: 1;
    border-style: none !important;
    border-width: 0px !important;
    background-color: #00BCD4 !important;
    color: #ffffff !important;
    text-align: right !important;
    position: absolute !important;
    top: 30px;
    right: 0px;
    border-radius: 0px !important;
    box-shadow: 0px 0px 0px rgba(255, 255, 255, 0.00) !important;
}

    .dropdown-content1 p {
        text-align: right;
        margin-bottom: 0px;
    }

        .dropdown-content1 p a {
            color: #fff !important;
            padding: 3px;
            border-radius: 3px;
            text-decoration: none;
            display: block;
            width: 98%;
        }

.dropdown1 i {
    text-indent: 0px;
    font-size: 16px;
}
/* Change color of dropdown links on hover */
.dropdown-content1 p a:hover {
    background-color: #2196f3
}

.dropdown-content2 p {
    text-align: right;
    margin-bottom: 0px;
}

    .dropdown-content2 p a {
        color: #fff !important;
        padding: 3px;
        border-radius: 3px;
        text-decoration: none;
        display: block;
        width: 98%;
    }

.dropdown2 i {
    text-indent: 0px;
    font-size: 16px;
}
/* Change color of dropdown links on hover */
.dropdown-content2 p a:hover {
    background-color: #2196f3
}

.centered {
    position: fixed;
    top: 50%;
    left: 50%;
    /* bring your own prefixes */
    transform: translate(-50%, -50%);
}

.main-menu {
    position: relative;
    width: auto
}

    .main-menu a {
        -webkit-transition: all .3s;
        -moz-transition: all .3s;
        transition: all .3s
    }

    .main-menu ul, .main-menu ul li, .main-menu ul li a {
        position: relative;
        margin: 0;
        padding: 0
    }

        .main-menu ul li a {
            display: block;
            line-height: 20px;
            padding: 5px 10px;
        }

    .main-menu > ul > li > a {
        color: #fff;
        padding: 0 8px 15px
    }

.sticky .main-menu > ul > li > a {
    color: #333
}

.main-menu > ul > li:hover > a {
    color: #e04f67
}

header#plain .main-menu > ul > li > a {
    color: #333
}

header#plain .main-menu > ul > li:hover > a {
    color: #e04f67
}

header#colored.sticky .main-menu > ul > li > a {
    color: #fff
}

.layer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    min-height: 100%;
    background-color: #000;
    z-index: 99;
    background-color: rgba(0,0,0,.8);
    -webkit-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    -moz-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    -ms-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    -o-transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    transition: transform .3s ease 0s,opacity .3s ease 0s,visibility 0s ease .3s;
    opacity: 0;
    visibility: hidden
}

.layer-is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s ease 0s,transform .3s ease 0s;
    -moz-transition: opacity .3s ease 0s,transform .3s ease 0s;
    -ms-transition: opacity .3s ease 0s,transform .3s ease 0s;
    -o-transition: opacity .3s ease 0s,transform .3s ease 0s;
    transition: opacity .3s ease 0s,transform .3s ease 0s
}

#close_in, #header_menu, .cmn-toggle-switch {
    display: none
}

a.dropdown-toggle.icon-search {
    display: inline-block
}

.ie9 a.show-submenu, .ie9 a.show-submenu-mega {
    background: url(../img/fix_ie_9_menu.png)
}

@media (min-width:992px) and (max-width:1200px) {
    .main-menu > ul > li > a {
        padding: 0 5px 15px
    }
}

@media only screen and (min-width:992px) {
    .main-menu {
        width: auto
    }

        .main-menu a {
            white-space: nowrap
        }

        .main-menu ul li {
            display: inline-block
        }

            .main-menu ul li.submenu:hover > a:after, .main-menu ul li.submenu:hover > a:before {
                bottom: -20px;
                opacity: 0
            }

            .main-menu ul li .menu-wrapper, .main-menu ul ul {
                position: absolute;
                border-top: 2px solid #143ac7;
                z-index: 1;
                visibility: hidden;
                right: 0;
                top: 100%;
                margin: 0;
                display: inline-table;
                padding: 0;
                background: #fff;
                min-width: 150px;
                max-width: 150px;
                -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
                box-shadow: 0 6px 12px rgba(0,0,0,.175);
                -webkit-transform: translateY(20px);
                -ms-transform: translateY(20px);
                transform: translateY(20px);
                opacity: 0;
                border-radius: 10px;
                -webkit-transition: all .2s ease;
                transition: all .2s ease;
            }

            .main-menu ul li .menu-wrapper {
                padding: 10px 15px !important;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box
            }

            .main-menu ul li:hover .menu-wrapper, .main-menu ul li:hover > ul {
                padding: 0;
                visibility: visible;
                -webkit-transform: translateY(0);
                -ms-transform: translateY(0);
                transform: translateY(0);
                opacity: 1;
            }

        .main-menu ul .menu-wrapper ul {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            border-top: none;
            margin: 0;
            position: static;
            -webkit-transform: translateY(0);
            -ms-transform: translateY(0);
            transform: translateY(0)
        }

            .main-menu ul .menu-wrapper ul:before {
                border: 0
            }

        .main-menu ul ul li {
            display: inline-block;
            height: auto;
            padding: 0;
            width: 95%;
            text-align: right;
        }

            .main-menu ul ul li a {
                font-size: 14px;
                color: #666;
                display: block;
            }

            .main-menu ul ul li:hover {
                padding-bottom: 0px;
                border-bottom: solid #fff;
                margin-top: 10px;
            }

            .main-menu ul ul li:last-child a {
                border-bottom: none
            }

            .main-menu ul ul li:hover > a {
                background-color: #f9f9f900;
                color: #e04f67;
                padding-left: 15px;
            }

        .main-menu ul li.megamenu {
            position: static
        }

            .main-menu ul li.megamenu .menu-wrapper {
                width: 1140px;
                float: left;
                left: auto;
                right: 0
            }

        .main-menu ul li:hover.megamenu .menu-wrapper, .main-menu ul li:hover.megamenu .menu-wrapper ul {
            visibility: visible;
            opacity: 1
        }

        .main-menu ul .menu-wrapper h3 {
            font-size: 13px;
            text-transform: uppercase;
            border-bottom: 2px solid #ededed;
            padding-bottom: 10px;
            margin-bottom: 0
        }

        .main-menu ul ul ul {
            position: absolute;
            border-top: 0;
            z-index: 1;
            height: auto;
            left: 100%;
            top: 0;
            margin: 0;
            padding: 0;
            background: #fff;
            min-width: 190px;
            -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
            box-shadow: 0 6px 12px rgba(0,0,0,.175)
        }

        .main-menu ul ul:before {
            bottom: 100%;
            right: 25%;
            border: solid transparent;
            content: " ";
            height: 0;
            width: 0;
            position: absolute;
            pointer-events: none;
            border-bottom-color: #143ac7;
            border-width: 7px;
            margin-left: -7px;
        }

        .main-menu ul ul ul:before {
            border-width: 0;
            margin-left: 0
        }
}

@media only screen and (max-width:991px) {
    #header_menu, .main-menu li {
        position: relative
    }

    #header_menu {
        text-align: center;
        padding: 25px 15px 10px;
        display: block
    }

    .main-menu ul li a:hover, a.show-submenu-mega:focus, a.show-submenu-mega:hover, a.show-submenu:focus, a.show-submenu:hover {
        color: #e04f67 !important;
        background-color: #f9f9f9
    }

    .main-menu ul li {
        border-top: none;
        border-bottom: 1px solid #ededed;
        color: #fff
    }

        .main-menu ul li a {
            padding: 10px 15px !important
        }

    .main-menu h3 {
        font-size: 12px;
        line-height: 14px;
        margin: 0;
        padding: 0 0 15px 15px;
        color: #333;
        text-transform: uppercase
    }

    .megamenu .menu-wrapper > div {
        padding: 0
    }

    .main-menu a, .main-menu li {
        display: block;
        color: #333 !important
    }

        .main-menu a:hover {
            color: #e04f67 !important
        }

    .main-menu ul > li {
        padding-bottom: 0
    }

        .main-menu ul > li i {
            float: right
        }

    .main-menu ul li.submenu ul {
        font-size: 12px;
        border-right: 1px solid #ededed;
        margin: 0px;
        background-color: #e7f7ff;
        display: none;
        width: 100%;
    }

        /*.main-menu ul li:hover.submenu ul {
        display: -webkit-box;
    }*/

        .main-menu ul li.submenu ul li {
            font-size: 12px;
            display: inline-block;
            border: 0;
            width: 47%;
        }

        .main-menu ul li.submenu ul ul {
            border-left: none;
            margin: 0 0 0 15px
        }

    .main-menu {
        overflow: auto;
        transform: translateX(-105%);
        top: 0;
        left: 0;
        bottom: 0;
        width: 55%;
        height: 100%;
        position: fixed;
        background-color: #fff;
        z-index: 999999;
        -webkit-box-shadow: 1px 0 5px 0 rgba(50,50,50,.55);
        -moz-box-shadow: 1px 0 5px 0 rgba(50,50,50,.55);
        box-shadow: 1px 0 5px 0 rgba(50,50,50,.55);
        -webkit-transition: all .5s cubic-bezier(.77,0,.175,1);
        -moz-transition: all .5s cubic-bezier(.77,0,.175,1);
        -ms-transition: all .5s cubic-bezier(.77,0,.175,1);
        -o-transition: all .5s cubic-bezier(.77,0,.175,1);
        transition: all .5s cubic-bezier(.77,0,.175,1)
    }

        .main-menu.show {
            transform: translateX(0)
        }

        .main-menu .show-submenu + ul, a.show-submenu-mega + .menu-wrapper {
            display: none;
            visibility: hidden
        }

            .main-menu a.show-submenu + ul.show_normal, a.show-submenu-mega + .menu-wrapper.show_mega {
                display: block;
                visibility: visible
            }

    .cmn-toggle-switch {
        display: block;
        overflow: visible;
        position: absolute;
        right: 20px;
        margin: 0;
        padding: 0;
        width: 30px;
        height: 30px;
        font-size: 0;
        text-indent: -9999px;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        box-shadow: none;
        border: none;
        cursor: pointer
    }

        .cmn-toggle-switch:focus {
            outline: 0
        }

        .cmn-toggle-switch span {
            display: block;
            position: absolute;
            top: 10px;
            left: 0;
            right: 0;
            height: 2px;
            background: #fff
        }

            .cmn-toggle-switch span::after, .cmn-toggle-switch span::before {
                position: absolute;
                display: block;
                left: 0;
                width: 100%;
                height: 2px;
                background-color: #fff;
                content: ""
            }

    .sticky .cmn-toggle-switch span, .sticky .cmn-toggle-switch span::after, .sticky .cmn-toggle-switch span::before, header#plain .cmn-toggle-switch span, header#plain .cmn-toggle-switch span::after, header#plain .cmn-toggle-switch span::before, header#plain.sticky .cmn-toggle-switch span::after, header#plain.sticky .cmn-toggle-switch span::before {
        background-color: #333
    }

    header#colored.sticky .cmn-toggle-switch span, header#colored.sticky .cmn-toggle-switch span::after, header#colored.sticky .cmn-toggle-switch span::before {
        background-color: #fff
    }

    .cmn-toggle-switch span::before {
        top: -10px
    }

    .cmn-toggle-switch span::after {
        bottom: -10px
    }

    .cmn-toggle-switch__htx span::after, .cmn-toggle-switch__htx span::before {
        -webkit-transition-duration: .3s,.3s;
        transition-duration: .3s,.3s;
        -webkit-transition-delay: .3s,0;
        transition-delay: .3s,0
    }

    .cmn-toggle-switch__htx span::before {
        -webkit-transition-property: top,-webkit-transform;
        transition-property: top,transform
    }

    .cmn-toggle-switch__htx span::after {
        -webkit-transition-property: bottom,-webkit-transform;
        transition-property: bottom,transform
    }

    .cmn-toggle-switch__htx.active span {
        background: 0 0 !important
    }

        .cmn-toggle-switch__htx.active span::before {
            top: 0;
            -webkit-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            transform: rotate(45deg)
        }

        .cmn-toggle-switch__htx.active span::after {
            bottom: 0;
            -webkit-transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            transform: rotate(-45deg)
        }

        .cmn-toggle-switch__htx.active span::after, .cmn-toggle-switch__htx.active span::before {
            -webkit-transition-delay: 0,.3s;
            transition-delay: 0,.3s
        }
}
@media only screen and (max-width:768px) {
  
    a#close_in {
        display: block;
        position: absolute;
        left: 15px;
        top: 10px;
        width: 20px;
        height: 20px
    }

    #close_in i {
        color: #555 !important;
        font-size: 16px
    }
}
@media only screen and (max-width:480px) {
    .main-menu {
        width: 100%
    }

    a#close_in {
        display: block;
        position: absolute;
        left: 15px;
        top: 10px;
        width: 20px;
        height: 20px
    }

    #close_in i {
        color: #555 !important;
        font-size: 16px
    }
}
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 999999;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999999;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden;
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box;
}

    .mfp-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.mfp-align-top .mfp-container:before {
    display: none;
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045;
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto;
}

.mfp-ajax-cur {
    cursor: progress;
}

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out;
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in;
}

.mfp-auto-cursor .mfp-content {
    cursor: auto;
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.mfp-loading.mfp-figure {
    display: none;
}

.mfp-hide {
    display: none !important;
}

.mfp-preloader {
    color: #CCC;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044;
}

    .mfp-preloader a {
        color: #CCC;
    }

        .mfp-preloader a:hover {
            color: #FFF;
        }

.mfp-s-ready .mfp-preloader {
    display: none;
}

.mfp-s-error .mfp-content {
    display: none;
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation;
}

button::-moz-focus-inner {
    padding: 0;
    border: 0;
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    padding: 0 0 18px 10px;
    color: #FFF;
    font-style: normal;
    font-size: 28px;
    font-family: iran,'yekan','web-vazir', tahoma;
}

    .mfp-close:hover,
    .mfp-close:focus {
        opacity: 1;
    }

    .mfp-close:active {
        top: 1px;
    }

.mfp-close-btn-in .mfp-close {
    color: #333;
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #FFF;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%;
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #CCC;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap;
}

.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent;
}

    .mfp-arrow:active {
        margin-top: -54px;
    }

    .mfp-arrow:hover,
    .mfp-arrow:focus {
        opacity: 1;
    }

    .mfp-arrow:before,
    .mfp-arrow:after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 0;
        margin-top: 35px;
        margin-left: 35px;
        border: medium inset transparent;
    }

    .mfp-arrow:after {
        border-top-width: 13px;
        border-bottom-width: 13px;
        top: 8px;
    }

    .mfp-arrow:before {
        border-top-width: 21px;
        border-bottom-width: 21px;
        opacity: 0.7;
    }

.mfp-arrow-left {
    left: 0;
}

    .mfp-arrow-left:after {
        border-right: 17px solid #FFF;
        margin-left: 31px;
    }

    .mfp-arrow-left:before {
        margin-left: 25px;
        border-right: 27px solid #3F3F3F;
    }

.mfp-arrow-right {
    right: 0;
}

    .mfp-arrow-right:after {
        border-left: 17px solid #FFF;
        margin-left: 39px;
    }

    .mfp-arrow-right:before {
        border-left: 27px solid #3F3F3F;
    }

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px;
}

    .mfp-iframe-holder .mfp-content {
        line-height: 0;
        width: 100%;
        max-width: 900px;
    }

    .mfp-iframe-holder .mfp-close {
        top: -40px;
    }

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%;
}

    .mfp-iframe-scaler iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #000;
    }

/* Main image in popup */
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto;
}

/* The shadow behind the image */
.mfp-figure {
    line-height: 0;
}

    .mfp-figure:after {
        content: '';
        position: absolute;
        left: 0;
        top: 40px;
        bottom: 40px;
        display: block;
        right: 0;
        width: auto;
        height: auto;
        z-index: -1;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
        background: #444;
    }

    .mfp-figure small {
        color: #BDBDBD;
        display: block;
        font-size: 12px;
        line-height: 14px;
    }

    .mfp-figure figure {
        margin: 0;
    }

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto;
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #F3F3F3;
    word-wrap: break-word;
    padding-right: 36px;
}

.mfp-image-holder .mfp-content {
    max-width: 100%;
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer;
}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /**
       * Remove all paddings around the image on small screen
       */
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0;
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0;
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0;
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px;
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box;
    }

        .mfp-img-mobile .mfp-bottom-bar:empty {
            padding: 0;
        }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px;
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0;
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75);
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0;
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%;
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px;
    }
}
/*انیمیشن  صفحه*/
@charset "UTF-8";

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

    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }

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

    .animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -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%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }

    40%,43% {
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    40%,43%,70% {
        -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06);
        animation-timing-function: cubic-bezier(.755,.05,.855,.06)
    }

    70% {
        -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%,to {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

    25%,75% {
        opacity: 0
    }
}

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

    50% {
        -webkit-transform: scale3d(1.15,.85,1);
        transform: scale3d(1.15,.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes shake {
    0%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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%,to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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 headShake {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

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

    6.5% {
        -webkit-transform: translateX(-6px) rotateY(-9deg);
        transform: translateX(-6px) rotateY(-9deg)
    }

    18.5% {
        -webkit-transform: translateX(5px) rotateY(7deg);
        transform: translateX(5px) rotateY(7deg)
    }

    31.5% {
        -webkit-transform: translateX(-3px) rotateY(-5deg);
        transform: translateX(-3px) rotateY(-5deg)
    }

    43.5% {
        -webkit-transform: translateX(2px) rotateY(3deg);
        transform: translateX(2px) rotateY(3deg)
    }

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

.headShake {
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-name: headShake;
    animation-name: headShake
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

    to {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

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

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

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

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

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

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

@keyframes jello {
    0%,11.1%,to {
        -webkit-transform: none;
        transform: none
    }

    22.2% {
        -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);
        transform: skewX(-12.5deg) skewY(-12.5deg)
    }

    33.3% {
        -webkit-transform: skewX(6.25deg) skewY(6.25deg);
        transform: skewX(6.25deg) skewY(6.25deg)
    }

    44.4% {
        -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);
        transform: skewX(-3.125deg) skewY(-3.125deg)
    }

    55.5% {
        -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);
        transform: skewX(1.5625deg) skewY(1.5625deg)
    }

    66.6% {
        -webkit-transform: skewX(-.78125deg) skewY(-.78125deg);
        transform: skewX(-.78125deg) skewY(-.78125deg)
    }

    77.7% {
        -webkit-transform: skewX(.390625deg) skewY(.390625deg);
        transform: skewX(.390625deg) skewY(.390625deg)
    }

    88.8% {
        -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);
        transform: skewX(-.1953125deg) skewY(-.1953125deg)
    }
}

.jello {
    -webkit-animation-name: jello;
    animation-name: jello;
    -webkit-transform-origin: center;
    transform-origin: center
}

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

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

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

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

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    to {
        opacity: 1;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

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

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    to {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to {
        -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-timing-function: cubic-bezier(.215,.61,.355,1)
    }

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

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

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

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

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

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

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

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

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

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

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

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

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

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

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

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

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

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

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

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

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

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

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        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)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

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

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

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

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

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

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,80% {
        -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)
    }

    to {
        -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) rotateY(-1turn);
        transform: perspective(400px) rotateY(-1turn)
    }

    0%,40% {
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

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

    50% {
        -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg);
        transform: perspective(400px) translateZ(150px) rotateY(-170deg)
    }

    50%,80% {
        -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)
    }

    to {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

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

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

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

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

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

    80% {
        -webkit-transform: perspective(400px) rotateX(-5deg);
        transform: perspective(400px) rotateX(-5deg)
    }

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

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

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

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

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

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

    0%,40% {
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

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

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

    80% {
        -webkit-transform: perspective(400px) rotateY(-5deg);
        transform: perspective(400px) rotateY(-5deg)
    }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    to {
        -webkit-transform: perspective(400px) rotateY(90deg);
        transform: perspective(400px) rotateY(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)
    }

    60%,80% {
        opacity: 1
    }

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

    to {
        -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)
    }

    60%,80% {
        opacity: 1
    }

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

    to {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

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

    0%,to {
        -webkit-transform-origin: center
    }

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

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

    0%,to {
        -webkit-transform-origin: center
    }

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

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

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

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

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

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

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

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

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

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

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

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

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

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

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

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

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

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

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

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

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

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

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

    0%,to {
        -webkit-transform-origin: center
    }

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

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

    0%,to {
        -webkit-transform-origin: center
    }

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

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

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        opacity: 0
    }
}

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

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

    to {
        transform-origin: right bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

    0%,to {
        -webkit-transform-origin: left bottom
    }

    to {
        transform-origin: left bottom;
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg);
        opacity: 0
    }
}

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

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

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

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

    0%,to {
        -webkit-transform-origin: right bottom
    }

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

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

@-webkit-keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

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

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

@keyframes hinge {
    0% {
        transform-origin: top left
    }

    0%,20%,60% {
        -webkit-transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

    20%,60% {
        -webkit-transform: rotate(80deg);
        transform: rotate(80deg);
        transform-origin: top left
    }

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

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

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

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

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

@keyframes rollOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate(120deg);
        transform: translate3d(100%,0,0) rotate(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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

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

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

    50%,to {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

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

    50%,to {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    to {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19);
        animation-timing-function: cubic-bezier(.55,.055,.675,.19)
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1);
        animation-timing-function: cubic-bezier(.175,.885,.32,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
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(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
    }

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

    to {
        -webkit-transform: translateZ(0);
        transform: translateZ(0)
    }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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