html {
    font-family: IRANSansWeb !important;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
.w-col-12-es {
    font-size: 16px;
    background: #ffc234;
    padding: 0px 20px;
    border-radius: 9px;
}
.bang {
    border-radius: 5px !important;
    padding-top: 7px !important;
    /* border: 1px solid #cdc8c8; */
    text-align: center;
    height: 35px !important;
    width: 99% !important;
    background-color: #eaeaea;
}
.blucss {
   
}

.stik {
    float: right !important;
    position: -webkit-sticky !important;
    position: sticky !important;
    top: 86px !important;
    padding: 5px;
    z-index: 200;
}

.ct {
    font-size: 17px;
    background-color: #fcffd0;
    padding: 0px 15px;
    color: #000;
    margin: 0px 5px;
    border-radius: 27px;
}
.w-col-12-esn {
    font-size: 16px;
    background: #cdd3d5;
    padding: 0px 20px;
    border-radius: 9px;
}
.plrm a {
color:#FFF !important;
}

.exit {
    float: left;
    color: #FFF;
    background-color: red;
    padding: 5px 10px;
    height: 33px;
    border-radius: 10px;
}

.btn-n {
    color: #FFF;
    background-color: #33A4DD;
    padding: 10px 40px;
    border-radius: 8px;
    bottom: 10px;
    position: absolute;
}

    .btn-n:hover {
        background-color: #555;
        cursor: pointer !important;
    }

.boxform {
    text-align: center;
    padding: 20px !important;
    background-color: #f3f3f3;
    border-radius: 10px;
    font-size: 20px;
    margin-bottom: 20px;
    box-shadow: 2px 2px 2px #ababab;
}

.box2 {
    direction: rtl;
    box-shadow: 1px 1px 5px 1px #b1a7a7;
    border-radius: 10px;
    text-align: center;
    padding: 30px 10px !important;
    background-color: #eaeaea;
    margin-bottom: 20px;
}

.df {
    padding: 0px 10px;
    background-color: #eaeaeaa3;
    margin-left: 10px;
    border-radius: 16px;
}

.ps {
    padding: 10px !important;
    text-align: center !important;
}

.boxs {
    margin-bottom: 15px;
    background-color: #FFF;
    padding: 10px 0px !important;
    border-radius: 12px;
    box-shadow: 2px 2px 2px #858585;
}

.bgpro {
    background-color: #fff;
    padding: 20px 30px !important;
    box-shadow: 4px 4px 7px 0px #676f7a;
    border-radius: 7px;
}

    .bgpro a {
        color: #000;
    }

.widget-thumb a img {
    width: 85px;
    height: auto;
}

.widget-thumb a img {
    display: block;
    width: 95px;
    height: 40px;
    float: left;
    border-radius: 3px;
    margin: -4px 22px 3px 0;
}

.widget-thumb {
    display: inline-block;
    float: right;
}

.widget-thumb {
    width: 85px;
    margin-left: 23px;
}

.widget-tabs .widget-content .widget-text {
    display: block;
    vertical-align: middle;
}

.widget-text {
    display: inline-block;
    width: 70%;
    padding: 0;
    position: relative;
    top: -2px;
    text-align: right;
}

    .widget-text h5 {
        line-height: 8px;
    }

        .widget-text h5 a {
            color: #000;
        }

    .widget-text span {
        color: #6d7c87;
    }

.widget-tabs {
    padding: 0px 10px;
    list-style: none;
}

    .widget-tabs li {
        padding-bottom: 3px !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
        border-bottom: 1px solid #e0e0e0;
    }

.widget h2 {
    font-size: 2.2rem;
    margin-top: 0;
    font-weight: 800;
    word-spacing: -4px;
    margin-bottom: 18px;
    border-bottom: 2px solid #333;
    padding-bottom: 15px;
    display: inline-block;
}


.widget-tabs li:first-child {
    padding: 0 0 6px;
    margin: 10px 0 0;
}

.widget-tabs li {
    padding: 0 0 6px;
    margin: 10px 0 0;
}

.widget-tabs li {
    padding: 0 0 27px;
    margin: 24px 0 0;
    border-bottom: 1px solid #e0e0e0;
}

.f4c {
    border-bottom: 2px solid #000;
    width: fit-content;
    float: right;
    margin-bottom: 30px;
}
/* .post-img img {
            height: 200px !important;
        }

        .post-content h3 a {
            font-size: 1.8rem;
        }

        .post-content .pcat {
            height: 150px;
        }

        .post-content p {
            font-size: 1.4rem;
            line-height: 2.3rem;
            margin-top: 10px;
        }

        .post-content a.read-more {
            margin-top: 7px;
            font-size: 1.4rem;
        }

        a.read-more i {
            font-size: 1.3rem;
        }

        .post-content.pnc {
            padding: 16px !important;
        }*/

.bdsearchb {
    position: absolute;
    height: 50px;
    background-color: #fff0;
    border: 0;
    font-size: 25px;
}

.widget-text a {
    color: #7d8a97;
}

#loader {
    border: 15px solid #ff0000;
    border-radius: 50%;
    border-top: 12px solid #ffb400;
    width: 80px;
    height: 80px;
    animation: spin 1s linear infinite;
    z-index: 1000;
    box-shadow: 3px 3px 3px yellow;
}

@keyframes spin {
    100% {
        transform: rotate(360deg);
    }
}

body {
    margin: 0
}

.hvr-shutter-out-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    background: #e1e1e1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: #2098d1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-shutter-out-horizontal:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }


/* Float Shadow */

[class^="hvr-"] {
    /* display: inline-block; */
    /* vertical-align: middle; */
    margin: 0.4em;
    padding: 1em;
    cursor: pointer;
    background: #e1e1e1;
    text-decoration: none;
    color: #666;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block
}

audio, canvas, progress, video {
    display: inline-block;
    vertical-align: baseline
}

    audio:not([controls]) {
        display: none;
        height: 0
    }

[hidden], template {
    display: none
}

a {
    background-color: transparent
}

    a:active, a:hover {
        outline: 0
    }

abbr[title] {
    border-bottom: 1px dotted
}

b, strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

mark {
    background: #ff0;
    color: #000
}

small {
    font-size: 80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

svg:not(:root) {
    overflow: hidden
}

figure {
    margin: 1em 40px
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0
}

pre {
    overflow: auto
}

code, kbd, pre, samp {
    font-family: monospace,monospace;
    font-size: 1em
}

button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button, select {
    text-transform: none
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer
}

    button[disabled], html input[disabled] {
        cursor: default
    }

    button::-moz-focus-inner, input::-moz-focus-inner {
        border: 0;
        padding: 0
    }

input {
    line-height: normal
}

    input[type="checkbox"], input[type="radio"] {
        box-sizing: border-box;
        padding: 0
    }

    input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
        height: auto
    }

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box
    }

        input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
            -webkit-appearance: none
        }

fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}

legend {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

td, th {
    padding: 0
}

@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 {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

    .animated.flipOutX, .animated.flipOutY {
        -webkit-animation-duration: .75s;
        animation-duration: .75s
    }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

@keyframes bounce {
    0%,20%,53%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    40%,43% {
        -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform: translate3d(0,-30px,0);
        transform: translate3d(0,-30px,0)
    }

    70% {
        -webkit-transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-4px,0);
        transform: translate3d(0,-4px,0)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce;
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom
}

@-webkit-keyframes flash {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

@keyframes flash {
    0%,50%,100% {
        opacity: 1
    }

    25%,75% {
        opacity: 0
    }
}

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

@-webkit-keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

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

@keyframes pulse {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    50% {
        -webkit-transform: scale3d(1.05,1.05,1.05);
        transform: scale3d(1.05,1.05,1.05)
    }

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

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

@-webkit-keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,0.75,1);
        transform: scale3d(1.25,0.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

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

@keyframes rubberBand {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    30% {
        -webkit-transform: scale3d(1.25,0.75,1);
        transform: scale3d(1.25,0.75,1)
    }

    40% {
        -webkit-transform: scale3d(0.75,1.25,1);
        transform: scale3d(0.75,1.25,1)
    }

    50% {
        -webkit-transform: scale3d(1.15,0.85,1);
        transform: scale3d(1.15,0.85,1)
    }

    65% {
        -webkit-transform: scale3d(.95,1.05,1);
        transform: scale3d(.95,1.05,1)
    }

    75% {
        -webkit-transform: scale3d(1.05,.95,1);
        transform: scale3d(1.05,.95,1)
    }

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

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

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

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

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

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

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

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

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

@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

@keyframes swing {
    20% {
        -webkit-transform: rotate3d(0,0,1,15deg);
        transform: rotate3d(0,0,1,15deg)
    }

    40% {
        -webkit-transform: rotate3d(0,0,1,-10deg);
        transform: rotate3d(0,0,1,-10deg)
    }

    60% {
        -webkit-transform: rotate3d(0,0,1,5deg);
        transform: rotate3d(0,0,1,5deg)
    }

    80% {
        -webkit-transform: rotate3d(0,0,1,-5deg);
        transform: rotate3d(0,0,1,-5deg)
    }

    100% {
        -webkit-transform: rotate3d(0,0,1,0deg);
        transform: rotate3d(0,0,1,0deg)
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing
}

@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

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

@keyframes tada {
    0% {
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }

    10%,20% {
        -webkit-transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);
        transform: scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)
    }

    30%,50%,70%,90% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)
    }

    40%,60%,80% {
        -webkit-transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);
        transform: scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)
    }

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

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

@-webkit-keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes wobble {
    0% {
        -webkit-transform: none;
        transform: none
    }

    15% {
        -webkit-transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);
        transform: translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)
    }

    30% {
        -webkit-transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg);
        transform: translate3d(20%,0,0) rotate3d(0,0,1,3deg)
    }

    45% {
        -webkit-transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);
        transform: translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)
    }

    60% {
        -webkit-transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg);
        transform: translate3d(10%,0,0) rotate3d(0,0,1,2deg)
    }

    75% {
        -webkit-transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);
        transform: translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    20% {
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

    40% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(1.03,1.03,1.03);
        transform: scale3d(1.03,1.03,1.03)
    }

    80% {
        -webkit-transform: scale3d(.97,.97,.97);
        transform: scale3d(.97,.97,.97)
    }

    100% {
        opacity: 1;
        -webkit-transform: scale3d(1,1,1);
        transform: scale3d(1,1,1)
    }
}

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

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-3000px,0);
        transform: translate3d(0,-3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,25px,0);
        transform: translate3d(0,25px,0)
    }

    75% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,5px,0);
        transform: translate3d(0,5px,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(-3000px,0,0);
        transform: translate3d(-3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(25px,0,0);
        transform: translate3d(25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(5px,0,0);
        transform: translate3d(5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(3000px,0,0);
        transform: translate3d(3000px,0,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(-25px,0,0);
        transform: translate3d(-25px,0,0)
    }

    75% {
        -webkit-transform: translate3d(10px,0,0);
        transform: translate3d(10px,0,0)
    }

    90% {
        -webkit-transform: translate3d(-5px,0,0);
        transform: translate3d(-5px,0,0)
    }

    100% {
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

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

@keyframes bounceInUp {
    0%,60%,75%,90%,100% {
        -webkit-transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000);
        transition-timing-function: cubic-bezier(0.215,0.610,0.355,1.000)
    }

    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,3000px,0);
        transform: translate3d(0,3000px,0)
    }

    60% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

    75% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    90% {
        -webkit-transform: translate3d(0,-5px,0);
        transform: translate3d(0,-5px,0)
    }

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

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

@-webkit-keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

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

@keyframes bounceOut {
    20% {
        -webkit-transform: scale3d(.9,.9,.9);
        transform: scale3d(.9,.9,.9)
    }

    50%,55% {
        opacity: 1;
        -webkit-transform: scale3d(1.1,1.1,1.1);
        transform: scale3d(1.1,1.1,1.1)
    }

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

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

@-webkit-keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

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

@keyframes bounceOutDown {
    20% {
        -webkit-transform: translate3d(0,10px,0);
        transform: translate3d(0,10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0)
    }

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

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

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

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

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px,0,0);
        transform: translate3d(20px,0,0)
    }

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

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

@-webkit-keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

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

@keyframes bounceOutRight {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(-20px,0,0);
        transform: translate3d(-20px,0,0)
    }

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

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

@-webkit-keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

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

@keyframes bounceOutUp {
    20% {
        -webkit-transform: translate3d(0,-10px,0);
        transform: translate3d(0,-10px,0)
    }

    40%,45% {
        opacity: 1;
        -webkit-transform: translate3d(0,20px,0);
        transform: translate3d(0,20px,0)
    }

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

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

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

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

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes fadeOutDown {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

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

@-webkit-keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutDownBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

@keyframes fadeOutLeft {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

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

@-webkit-keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutLeftBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

@keyframes fadeOutRight {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

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

@-webkit-keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutRightBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

@keyframes fadeOutUp {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

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

@-webkit-keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

@keyframes fadeOutUpBig {
    0% {
        opacity: 1
    }

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

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

@-webkit-keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

@keyframes flip {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-360deg);
        transform: perspective(400px) rotate3d(0,1,0,-360deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    40% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);
        -webkit-animation-timing-function: ease-out;
        animation-timing-function: ease-out
    }

    50% {
        -webkit-transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        transform: perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    80% {
        -webkit-transform: perspective(400px) scale3d(.95,.95,.95);
        transform: perspective(400px) scale3d(.95,.95,.95);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px);
        -webkit-animation-timing-function: ease-in;
        animation-timing-function: ease-in
    }
}

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

@-webkit-keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInX {
    0% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,90deg);
        transform: perspective(400px) rotate3d(1,0,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,10deg);
        transform: perspective(400px) rotate3d(1,0,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-5deg);
        transform: perspective(400px) rotate3d(1,0,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

@-webkit-keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

@keyframes flipInY {
    0% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,90deg);
        transform: perspective(400px) rotate3d(0,1,0,90deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in;
        opacity: 0
    }

    40% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-20deg);
        transform: perspective(400px) rotate3d(0,1,0,-20deg);
        -webkit-transition-timing-function: ease-in;
        transition-timing-function: ease-in
    }

    60% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,10deg);
        transform: perspective(400px) rotate3d(0,1,0,10deg);
        opacity: 1
    }

    80% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-5deg);
        transform: perspective(400px) rotate3d(0,1,0,-5deg)
    }

    100% {
        -webkit-transform: perspective(400px);
        transform: perspective(400px)
    }
}

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

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

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

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

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

    30% {
        -webkit-transform: perspective(400px) rotate3d(1,0,0,-20deg);
        transform: perspective(400px) rotate3d(1,0,0,-20deg);
        opacity: 1
    }

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

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

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

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

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

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

    30% {
        -webkit-transform: perspective(400px) rotate3d(0,1,0,-15deg);
        transform: perspective(400px) rotate3d(0,1,0,-15deg);
        opacity: 1
    }

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

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

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

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

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    80% {
        -webkit-transform: skewX(-5deg);
        transform: skewX(-5deg);
        opacity: 1
    }

    100% {
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.lightSpeedIn {
    -webkit-animation-name: lightSpeedIn;
    animation-name: lightSpeedIn;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out
}

@-webkit-keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

@keyframes lightSpeedOut {
    0% {
        opacity: 1
    }

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

.lightSpeedOut {
    -webkit-animation-name: lightSpeedOut;
    animation-name: lightSpeedOut;
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in
}

@-webkit-keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateIn {
    0% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: rotate3d(0,0,1,-200deg);
        transform: rotate3d(0,0,1,-200deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: center;
        transform-origin: center;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInDownRight {
    0% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

@-webkit-keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

@keyframes rotateInUpLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

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

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

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

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

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

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

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,45deg);
        transform: rotate3d(0,0,1,45deg);
        opacity: 0
    }
}

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

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

    100% {
        -webkit-transform-origin: right bottom;
        transform-origin: right bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0,0,1,-45deg);
        transform: rotate3d(0,0,1,-45deg);
        opacity: 0
    }
}

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

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

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

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

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

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

@-webkit-keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

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

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

@keyframes hinge {
    0% {
        -webkit-transform-origin: top left;
        transform-origin: top left;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out
    }

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

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

    100% {
        -webkit-transform: translate3d(0,700px,0);
        transform: translate3d(0,700px,0);
        opacity: 0
    }
}

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

@-webkit-keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes rollIn {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);
        transform: translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

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

@-webkit-keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

@keyframes rollOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        -webkit-transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg);
        transform: translate3d(100%,0,0) rotate3d(0,0,1,120deg)
    }
}

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

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    50% {
        opacity: 1
    }
}

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

@-webkit-keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

@keyframes zoomInDown {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

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

@-webkit-keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

@keyframes zoomInLeft {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

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

@-webkit-keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

@keyframes zoomInRight {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        transform: scale3d(.1,.1,.1) translate3d(1000px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-10px,0,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

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

@-webkit-keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

@keyframes zoomInUp {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,1000px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    60% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

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

@-webkit-keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

@keyframes zoomOut {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0;
        -webkit-transform: scale3d(.3,.3,.3);
        transform: scale3d(.3,.3,.3)
    }

    100% {
        opacity: 0
    }
}

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

@-webkit-keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

@keyframes zoomOutDown {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,-60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

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

@-webkit-keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

@keyframes zoomOutLeft {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(-2000px,0,0);
        transform: scale(.1) translate3d(-2000px,0,0);
        -webkit-transform-origin: left center;
        transform-origin: left center
    }
}

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

@-webkit-keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

@keyframes zoomOutRight {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0);
        transform: scale3d(.475,.475,.475) translate3d(-42px,0,0)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(.1) translate3d(2000px,0,0);
        transform: scale(.1) translate3d(2000px,0,0);
        -webkit-transform-origin: right center;
        transform-origin: right center
    }
}

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

@-webkit-keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

@keyframes zoomOutUp {
    40% {
        opacity: 1;
        -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        transform: scale3d(.475,.475,.475) translate3d(0,60px,0);
        -webkit-animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190);
        animation-timing-function: cubic-bezier(0.550,0.055,0.675,0.190)
    }

    100% {
        opacity: 0;
        -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0);
        -webkit-transform-origin: center bottom;
        transform-origin: center bottom;
        -webkit-animation-timing-function: cubic-bezier(0.175,0.885,0.320,1);
        animation-timing-function: cubic-bezier(0.175,0.885,0.320,1)
    }
}

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

@-webkit-keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

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

@keyframes slideInDown {
    0% {
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

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

@keyframes slideInLeft {
    0% {
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

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

@keyframes slideInRight {
    0% {
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

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

@keyframes slideInUp {
    0% {
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0);
        visibility: visible
    }

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

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

@-webkit-keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

@keyframes slideOutDown {
    0% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,100%,0);
        transform: translate3d(0,100%,0)
    }
}

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

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

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

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

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(-100%,0,0);
        transform: translate3d(-100%,0,0)
    }
}

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

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

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

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

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(100%,0,0);
        transform: translate3d(100%,0,0)
    }
}

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

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

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

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

    100% {
        visibility: hidden;
        -webkit-transform: translate3d(0,-100%,0);
        transform: translate3d(0,-100%,0)
    }
}

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


@font-face {
    font-family: 'moutheme-icons';
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg6SAy0AAAC8AAAAYGNtYXAaVcxaAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5ZgscV1gAAAFwAAABhGhlYWQCkFKvAAAC9AAAADZoaGVhB0MDyQAAAywAAAAkaG10eBIAA10AAANQAAAAIGxvY2EBMADyAAADcAAAABJtYXhwAAwATQAAA4QAAAAgbmFtZWTuiIAAAAOkAAABe3Bvc3QAAwAAAAAFIAAAACAAAwQAAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADmAwPA/8D/wAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIOYD//3//wAAAAAAIOYA//3//wAB/+MaBAADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQEgAAADIAOAAAUAAAkBBwkBFwMg/kBAAYD+gEABwAHAQP6A/oBAAAEA4AAAAuADgAAFAAATARcJAQfgAcBA/oABgEABwAHAQP6A/oBAAAADAMAA4ANAAsAAGAAxAEoAAAEhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIxUhIg4CHQEUHgIzITI+Aj0BNC4CIwMg/cAHCwkFBQkLBwJABwsJBQUJCwf9wAcLCQUFCQsHAkAHCwkFBQkLB/3ABwsJBQUJCwcCQAcLCQUFCQsHAsAFCQsHIAcLCQUFCQsHIAcLCQXABQkLByAHCwkFBQkLByAHCwkFwAUJCwcgBwsJBQUJCwcgBwsJBQAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFFv+egGGAAAAAAEAAAABAADSLAJOXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAAAAACgAUAB4AMgBGAKwAwgAAAAEAAAAIAEsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAaAAAAAQAAAAAAAgAOAHEAAQAAAAAAAwAaADAAAQAAAAAABAAaAH8AAQAAAAAABQAWABoAAQAAAAAABgANAEoAAQAAAAAACgA0AJkAAwABBAkAAQAaAAAAAwABBAkAAgAOAHEAAwABBAkAAwAaADAAAwABBAkABAAaAH8AAwABBAkABQAWABoAAwABBAkABgAaAFcAAwABBAkACgA0AJkAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBWAGUAcgBzAGkAbwBuACAAMQAuADAAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4Ac3dlYmZsb3ctaWNvbnMAdwBlAGIAZgBsAG8AdwAtAGkAYwBvAG4AcwBSAGUAZwB1AGwAYQByAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format("truetype"),url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAAVcAAoAAAAABRQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAZMAAAGTuzUomU9TLzIAAAKIAAAAYAAAAGAOkgMtY21hcAAAAugAAABMAAAATBpVzFpnYXNwAAADNAAAAAgAAAAIAAAAEGhlYWQAAAM8AAAANgAAADYCkFKvaGhlYQAAA3QAAAAkAAAAJAdDA8lobXR4AAADmAAAACAAAAAgEgADXW1heHAAAAO4AAAABgAAAAYACFAAbmFtZQAAA8AAAAF7AAABe2TuiIBwb3N0AAAFPAAAACAAAAAgAAMAAAEABAQAAQEBDndlYmZsb3ctaWNvbnMAAQIAAQA6+BwC+BsD+BgEHgoACXf/i4seCgAJd/+LiwwHi0v6lPpUBR0AAACaDx0AAACfER0AAAAJHQAAAYoSAAkBAQ4bHR8iJywxNndlYmZsb3ctaWNvbnN3ZWJmbG93LWljb25zdTB1MXUyMHVFNjAwdUU2MDF1RTYwMnVFNjAzAAACAYkABgAIAQEEBwoNJDvH4P6UDv6UDv6UDvyUDvm0+FQV/FT4VEtL+BT8FPwU/BTLSwUO93T4VBX4VPhUy0v8FPwU+BT8FEtLBQ75tPlUFfzUiwV5i319i3kIi2sFi3mZfZ2LCPjUiwWdi5mZi50Ii6sFi519mXmLCIv7VBX81IsFeYt9fYt5CItrBYt5mX2diwj41IsFnYuZmYudCIurBYudfZl5iwiL+1QV/NSLBXmLfX2LeQiLawWLeZl9nYsI+NSLBZ2LmZmLnQiLqwWLnX2ZeYsIDvm4+SkV+6n7qvuq96ovLvgG/Bj4BvgYBQ76lBT6lBWLDAoAAAMEAAGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAARAAAAAAAAAAAAAAAAAAAAAAQAAA5gMDwP/A/8ADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAgAAAAMAAAAUAAMAAQAAABQABAA4AAAACgAIAAIAAgABACDmA//9//8AAAAAACDmAP/9//8AAf/jGgQAAwABAAAAAAAAAAAAAAABAAH//wAPAAEAAAABAAC1pQTjXw889QALBAAAAAAAz/iHGQAAAADP+IcZAAAAAAOBA4AAAAAIAAIAAAAAAAAAAQAAA8D/wAAABAAAAAAAA4EAAQAAAAAAAAAAAAAAAAAAAAgAAAAAAAAAAAAAAAACAAAABAABIAQAAOAEAADABAAAnQAAUAAACAAAAAAADgCuAAEAAAAAAAEAGgAAAAEAAAAAAAIADgBxAAEAAAAAAAMAGgAwAAEAAAAAAAQAGgB/AAEAAAAAAAUAFgAaAAEAAAAAAAYADQBKAAEAAAAAAAoANACZAAMAAQQJAAEAGgAAAAMAAQQJAAIADgBxAAMAAQQJAAMAGgAwAAMAAQQJAAQAGgB/AAMAAQQJAAUAFgAaAAMAAQQJAAYAGgBXAAMAAQQJAAoANACZAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAVgBlAHIAcwBpAG8AbgAgADEALgAwAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHN3ZWJmbG93LWljb25zAHcAZQBiAGYAbABvAHcALQBpAGMAbwBuAHMAUgBlAGcAdQBsAGEAcgB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("woff");
    font-weight: 400;
    font-style: normal
}

.visible-xs {
    display: none !important
}

.resdive {
    min-height: 208px !important
}

[class^="w-icon-"], [class*=" w-icon-"] {
    font-family: 'moutheme-icons';
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.w-icon-slider-right:before {
    content: "\e600"
}

.w-icon-slider-left:before {
    content: "\e601"
}

.w-icon-nav-menu:before {
    content: "\e602"
}

.w-icon-arrow-down:before, .w-icon-dropdown-toggle:before {
    content: "\e603"
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html {
    height: 100%
}

body {
    margin: 0;
    min-height: 100%;
    background-color: #fff;
    color: #333
}

img {
    width: auto;
    height: auto;
    max-width: 100%;
/*    width: 100%;
*/    vertical-align: middle;
    display: inline-block;
    border-radius: 6px
}

html.w-mod-touch * {
    background-attachment: scroll !important
}

a:focus {
    outline: 0
}

.w-block {
    display: block
}

.w-inline-block {
    max-width: 100%;
    display: inline-block
}

.w-clearfix:before, .w-clearfix:after {
    content: " ";
    display: table
}

.w-clearfix:after {
    clear: both
}

.w-hidden {
    display: none
}

html[data-w-dynpage] [data-w-cloak] {
    color: transparent !important
}

h1, h2, h3, h4, h5, h6 {
    margin: 0;
    font-family: YekanF;
    font-weight: 600
}

p {
    margin: 0
}

blockquote {
    margin: 0
}

ul, ol {
    margin-top: 0;
    margin-bottom: 0
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none
}

.w-embed:before, .w-embed:after {
    content: " ";
    display: table
}

.w-embed:after {
    clear: both
}

.w-video {
    width: 100%;
    position: relative;
    padding: 0
}

    .w-video iframe, .w-video object, .w-video embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

fieldset {
    padding: 0;
    margin: 0;
    border: 0
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
    cursor: pointer;
    -webkit-appearance: button
}

.w-form {
    margin: 0 0 15px
}

.w-form-done {
    display: none;
    padding: 10px;
    background-color: #ddd
}

.w-form-fail {
    display: none;
    margin-top: 10px;
    padding: 10px;
    background-color: #ffdede
}

label {
    display: block;
    margin-bottom: 5px;
    font-weight: 700
}

.w-input, .w-select {
    display: block;
    width: 100%;
    height: 38px;
    padding: 8px 12px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc
}

    .w-input:-moz-placeholder, .w-select:-moz-placeholder {
        color: #999
    }

    .w-input::-moz-placeholder, .w-select::-moz-placeholder {
        color: #999;
        opacity: 1
    }

    .w-input:-ms-input-placeholder, .w-select:-ms-input-placeholder {
        color: #999
    }

    .w-input::-webkit-input-placeholder, .w-select::-webkit-input-placeholder {
        color: #999
    }

    .w-input:focus, .w-select:focus {
        border-color: rgba(82,168,236,0.8);
        outline: 0
    }

    .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select {
        cursor: not-allowed;
        background-color: #eee
    }

textarea.w-input, textarea.w-select {
    height: auto
}

.w-select[multiple] {
    height: auto
}

.w-button {
    display: inline-block;
    padding: 12px;
    background-color: #000;
    color: #fff;
    border: 0;
    line-height: inherit
}

.w-form-label {
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    margin-bottom: 0
}

.w-checkbox, .w-radio {
    display: block;
    margin-bottom: 5px;
    padding-left: 20px
}

    .w-checkbox:before, .w-radio:before, .w-checkbox:after, .w-radio:after {
        content: " ";
        display: table
    }

    .w-checkbox:after, .w-radio:after {
        clear: both
    }

.w-checkbox-input, .w-radio-input {
    margin: 4px 0 0;
    margin-top: 1px \9;
    line-height: normal;
    float: left;
    margin-left: -20px
}

.w-radio-input {
    margin-top: 3px
}

.w-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 1050px
}

    .w-container:before, .w-container:after {
        content: " ";
        display: table
    }

    .w-container:after {
        clear: both
    }

    .w-container .w-row {
        margin-left: -10px;
        margin-right: -10px
    }

.w-row:before, .w-row:after {
    content: " ";
    display: table
}

.w-row:after {
    clear: both
}

.w-row .w-row {
    margin-left: 0;
    margin-right: 0
}

.pfair {
    margin-top: 50px !important;
    margin-bottom: 100px !important;
    padding: 20px !important;
}

.fc1 {
    padding: 2% 15px 5px 5px !important;
    background-color: #eff7fb;
}

.fc2 {
    padding: 2% 15px 5px 5px !important;
    background-color: #fefdf6;
}

.w-col {
    position: relative;
    float: right;
    width: 100%;
    min-height: 1px;
    padding: 0
}

    .w-col .w-col {
        padding-left: 0;
        padding-right: 0
    }

.w-col-1 {
    width: 8.33333333%
}

.w-col-100 {
    width: 9.09% !important;
    min-height: 140px;
}

.w-col-2 {
    width: 16.66666667%
}

.w-col-35 {
    width: 20%
}

.w-col-3 {
    width: 25%
}

.w-col-4 {
    width: 32.9%
}

.w-col-5 {
    width: 41.66666667%
}

.w-col-6 {
    width: 50%
}

.w-col-7 {
    width: 58.33333333%
}

.w-col-8 {
    width: 66.66666667%
}

.w-col-9 {
    width: 75%
}

.w-col-10 {
    width: 83.33333333%
}

.w-col-11 {
    width: 91.66666667%
}

.w-col-12 {
    width: 100%
}

.w-hidden-main {
    display: none !important
}

@media screen and (max-width: 991px) {
    .w-col-100 {
        width: 14.285% !important
    }

    .w-container {
        max-width: 990px
    }

    .w-hidden-main {
        display: inherit !important
    }

    .w-hidden-medium {
        display: none !important
    }

    .w-col-35 {
        width: 33.3333%
    }

    .w-view-medium {
        display: inherit !important;
        visibility: visible
    }

    div.hihidden {
        display: inherit !important
    }

    .w-col-stack {
        width: 100%;
        left: auto;
        right: auto
    }
}

@media screen and (max-width: 767px) {
    .indexsms h4 {
    padding-top:20px !important;
    }
    .boxhead {
        padding-top: 35px;
    }
    .f4c {
        padding-bottom: 20px;
    }
    h4 {
        font-size: 15px !important;
        line-height: 0 !important;
        padding-right: 10px !important;
    }
    .hgts {
        font-size: 15px !important;
        line-height: 45px !important;
        padding-right: 10px !important;
        text-align:center !important;
    }

    .clm {
        padding-right: 13px !important;
        top: -14px !important;
    }
    .listing-item-container {
        height: 180px !important;
        padding: 20px 10px;
    }

    .plrm {
        left: -67px !important;
        width: 180px !important;
        top: 75px !important;
    }
    .dates {
        right: 10% !important;
    }
    .w-col-100 {
        width: 20% !important
    }

    .resdive {
        min-height: 308px !important
    }

    .w-col-35 {
        width: 50% !important
    }

    .visible-xs {
        display: block !important
    }

    .w-hidden-main {
        display: inherit !important
    }

    .w-hidden-medium {
        display: inherit !important
    }

    .w-hidden-small {
        display: none !important
    }

    .w-view-small {
        display: inherit !important;
        visibility: visible
    }

    div.hihidden {
        display: inherit !important
    }

    .w-row, .w-container .w-row {
        margin-left: 0;
        margin-right: 0
    }

    .w-col {
        width: 100%;
        left: auto;
        right: auto
    }

    .w-col-small-1 {
        width: 8.33333333%
    }

    .w-col-small-2 {
        width: 16.66666667%
    }

    .w-col-small-3 {
        width: 25%
    }

    .w-col-small-4 {
        width: 33.33333333%
    }

    .w-col-small-5 {
        width: 41.66666667%
    }

    .w-col-small-6 {
        width: 50%
    }

    .w-col-small-7 {
        width: 58.33333333%
    }

    .w-col-small-8 {
        width: 66.66666667%
    }

    .w-col-small-9 {
        width: 75%
    }

    .w-col-small-10 {
        width: 83.33333333%
    }

    .w-col-small-11 {
        width: 91.66666667%
    }

    .w-col-small-12 {
        width: 100%
    }

    .w-col-small-push-1 {
        left: 8.33333333%
    }

    .w-col-small-push-2 {
        left: 16.66666667%
    }

    .w-col-small-push-3 {
        left: 25%
    }

    .w-col-small-push-4 {
        left: 33.33333333%
    }

    .w-col-small-push-5 {
        left: 41.66666667%
    }

    .w-col-small-push-6 {
        left: 50%
    }

    .w-col-small-push-7 {
        left: 58.33333333%
    }

    .w-col-small-push-8 {
        left: 66.66666667%
    }

    .w-col-small-push-9 {
        left: 75%
    }

    .w-col-small-push-10 {
        left: 83.33333333%
    }

    .w-col-small-push-11 {
        left: 91.66666667%
    }

    .w-col-small-pull-1 {
        right: 8.33333333%
    }

    .w-col-small-pull-2 {
        right: 16.66666667%
    }

    .w-col-small-pull-3 {
        right: 25%
    }

    .w-col-small-pull-4 {
        right: 33.33333333%
    }

    .w-col-small-pull-5 {
        right: 41.66666667%
    }

    .w-col-small-pull-6 {
        right: 50%
    }

    .w-col-small-pull-7 {
        right: 58.33333333%
    }

    .w-col-small-pull-8 {
        right: 66.66666667%
    }

    .w-col-small-pull-9 {
        right: 75%
    }

    .w-col-small-pull-10 {
        right: 83.33333333%
    }

    .w-col-small-pull-11 {
        right: 91.66666667%
    }

    .w-col-small-offset-1 {
        margin-left: 8.33333333%
    }

    .w-col-small-offset-2 {
        margin-left: 16.66666667%
    }

    .w-col-small-offset-3 {
        margin-left: 25%
    }

    .w-col-small-offset-4 {
        margin-left: 33.33333333%
    }

    .w-col-small-offset-5 {
        margin-left: 41.66666667%
    }

    .w-col-small-offset-6 {
        margin-left: 50%
    }

    .w-col-small-offset-7 {
        margin-left: 58.33333333%
    }

    .w-col-small-offset-8 {
        margin-left: 66.66666667%
    }

    .w-col-small-offset-9 {
        margin-left: 75%
    }

    .w-col-small-offset-10 {
        margin-left: 83.33333333%
    }

    .w-col-small-offset-11 {
        margin-left: 91.66666667%
    }
}

@media screen and (max-width: 479px) {
    .w-col-100 {
        width: 33% !important
    }

    .w-col-35 {
        width: 50% !important
    }

    .hihidden {
        display: inherit !important
    }

    .visible-xs {
        display: block !important
    }

    .w-container {
        max-width: none
    }

    .w-hidden-main {
        display: inherit !important
    }

    .w-hidden-medium {
        display: inherit !important
    }

    .w-hidden-small {
        display: inherit !important
    }

    .w-hidden-tiny {
        display: none !important
    }

    .w-view-tiny {
        display: inherit !important
    }

    .w-col {
        width: 100%
    }

    .w-col-tiny-1 {
        width: 8.33333333%
    }

    .w-col-tiny-2 {
        width: 16.66666667%
    }

    .w-col-tiny-3 {
        width: 25%
    }

    .w-col-tiny-4 {
        width: 33.33333333%
    }

    .w-col-tiny-5 {
        width: 41.66666667%
    }

    .w-col-tiny-6 {
        width: 50%
    }

    .w-col-tiny-7 {
        width: 58.33333333%
    }

    .w-col-tiny-8 {
        width: 66.66666667%
    }

    .w-col-tiny-9 {
        width: 75%
    }

    .w-col-tiny-10 {
        width: 83.33333333%
    }

    .w-col-tiny-11 {
        width: 91.66666667%
    }

    .w-col-tiny-12 {
        width: 100%
    }

    .w-col-tiny-push-1 {
        left: 8.33333333%
    }

    .w-col-tiny-push-2 {
        left: 16.66666667%
    }

    .w-col-tiny-push-3 {
        left: 25%
    }

    .w-col-tiny-push-4 {
        left: 33.33333333%
    }

    .w-col-tiny-push-5 {
        left: 41.66666667%
    }

    .w-col-tiny-push-6 {
        left: 50%
    }

    .w-col-tiny-push-7 {
        left: 58.33333333%
    }

    .w-col-tiny-push-8 {
        left: 66.66666667%
    }

    .w-col-tiny-push-9 {
        left: 75%
    }

    .w-col-tiny-push-10 {
        left: 83.33333333%
    }

    .w-col-tiny-push-11 {
        left: 91.66666667%
    }

    .w-col-tiny-pull-1 {
        right: 8.33333333%
    }

    .w-col-tiny-pull-2 {
        right: 16.66666667%
    }

    .w-col-tiny-pull-3 {
        right: 25%
    }

    .w-col-tiny-pull-4 {
        right: 33.33333333%
    }

    .w-col-tiny-pull-5 {
        right: 41.66666667%
    }

    .w-col-tiny-pull-6 {
        right: 50%
    }

    .w-col-tiny-pull-7 {
        right: 58.33333333%
    }

    .w-col-tiny-pull-8 {
        right: 66.66666667%
    }

    .w-col-tiny-pull-9 {
        right: 75%
    }

    .w-col-tiny-pull-10 {
        right: 83.33333333%
    }

    .w-col-tiny-pull-11 {
        right: 91.66666667%
    }

    .w-col-tiny-offset-1 {
        margin-left: 8.33333333%
    }

    .w-col-tiny-offset-2 {
        margin-left: 16.66666667%
    }

    .w-col-tiny-offset-3 {
        margin-left: 25%
    }

    .w-col-tiny-offset-4 {
        margin-left: 33.33333333%
    }

    .w-col-tiny-offset-5 {
        margin-left: 41.66666667%
    }

    .w-col-tiny-offset-6 {
        margin-left: 50%
    }

    .w-col-tiny-offset-7 {
        margin-left: 58.33333333%
    }

    .w-col-tiny-offset-8 {
        margin-left: 66.66666667%
    }

    .w-col-tiny-offset-9 {
        margin-left: 75%
    }

    .w-col-tiny-offset-10 {
        margin-left: 83.33333333%
    }

    .w-col-tiny-offset-11 {
        margin-left: 91.66666667%
    }
}

.w-widget {
    position: relative
}

.w-widget-map {
    width: 100%;
    height: 400px
}

    .w-widget-map label {
        width: auto;
        display: inline
    }

    .w-widget-map img {
        max-width: inherit
    }

    .w-widget-map .gm-style-iw {
        width: 90% !important;
        height: auto !important;
        top: 7px !important;
        left: 6% !important;
        display: inline;
        text-align: center;
        overflow: hidden
    }

        .w-widget-map .gm-style-iw + div {
            display: none
        }

.w-widget-twitter {
    overflow: hidden
}

.w-widget-gplus {
    overflow: hidden
}

.w-slider {
    position: relative;
    height: 300px;
    text-align: center;
    background: rgba(153,153,153,0.5);
    clear: both;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0)
}

.w-slider-mask {
    position: relative;
    display: block;
    overflow: hidden;
    z-index: 1;
    left: 0;
    right: 0;
    height: 100%;
    white-space: nowrap
}

.w-slide {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 100%;
    height: 100%;
    white-space: normal;
    text-align: left
}

.w-slider-nav {
    position: absolute;
    z-index: 2;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-top: 10px;
    height: 40px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0)
}

    .w-slider-nav.w-round > div {
        -webkit-border-radius: 100%;
        -webkit-background-clip: padding-box;
        -moz-border-radius: 100%;
        -moz-background-clip: padding;
        border-radius: 100%;
        background-clip: padding-box
    }

    .w-slider-nav.w-num > div {
        width: auto;
        height: auto;
        padding: .2em .5em;
        font-size: inherit;
        line-height: inherit
    }

    .w-slider-nav.w-shadow > div {
        -webkit-box-shadow: 0 0 3px rgba(51,51,51,0.4);
        -moz-box-shadow: 0 0 3px rgba(51,51,51,0.4);
        box-shadow: 0 0 3px rgba(51,51,51,0.4)
    }

.w-slider-nav-invert {
    color: #fff
}

    .w-slider-nav-invert > div {
        background-color: rgba(34,34,34,0.4)
    }

        .w-slider-nav-invert > div.w-active {
            background-color: #222
        }

.w-slider-dot {
    position: relative;
    display: inline-block;
    width: 1em;
    height: 1em;
    background-color: rgba(255,255,255,0.4);
    cursor: pointer;
    margin: 0 3px .5em;
    -webkit-transition: background-color 100ms,color 100ms;
    -moz-transition: background-color 100ms,color 100ms;
    -o-transition: background-color 100ms,color 100ms;
    transition: background-color 100ms,color 100ms
}

.w-slider-arrow-left, .w-slider-arrow-right {
    position: absolute;
    width: 90px;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    cursor: pointer;
    overflow: hidden;
    color: #fff;
    font-size: 40px;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .w-slider-arrow-left [class^="w-icon-"], .w-slider-arrow-right [class^="w-icon-"], .w-slider-arrow-left [class*=" w-icon-"], .w-slider-arrow-right [class*=" w-icon-"] {
        position: absolute
    }

.w-slider-arrow-left {
    z-index: 3;
    right: auto
}

.w-slider-arrow-right {
    z-index: 4;
    left: auto
}

.w-icon-slider-left, .w-icon-slider-right {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 1em;
    height: 1em
}

.w-dropdown {
    display: inline-block;
    position: relative;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    z-index: 900
}

.w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link {
    position: relative;
    vertical-align: top;
    text-decoration: none;
    color: #FFF;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    white-space: nowrap
}

.w-dropdown-toggle {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: inline-block;
    cursor: pointer;
    padding-right: 40px
}

    .w-dropdown-toggle:focus {
        outline: 0
    }

.w-icon-dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-right: 20px;
    width: 1em;
    height: 1em
}

.w-dropdown-list {
    position: absolute;
    background: #FFF;
    padding-right: 15px;
    display: none;
    min-width: 100%
}

    .w-dropdown-list.w--open {
        display: block
    }

.w-dropdown-link {
    padding: 10px 20px;
    display: block
}

    .w-dropdown-link.w--current {
        color: #339ce1
    }

.w-nav[data-collapse="all"] .w-dropdown, .w-nav[data-collapse="all"] .w-dropdown-toggle {
    display: block
}

.w-nav[data-collapse="all"] .w-dropdown-list {
    position: static
}

@media screen and (max-width: 991px) {
    .w-nav[data-collapse="medium"] .w-dropdown, .w-nav[data-collapse="medium"] .w-dropdown-toggle {
        display: block
    }

    .visible-xs {
        display: block !important
    }

    .w-nav[data-collapse="medium"] .w-dropdown-list {
        position: static
    }
}

@media screen and (max-width: 767px) {
    .w-nav[data-collapse="small"] .w-dropdown, .w-nav[data-collapse="small"] .w-dropdown-toggle {
        display: block
    }

    .visible-xs {
        display: block !important
    }

    .w-nav[data-collapse="small"] .w-dropdown-list {
        position: static
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width: 479px) {
    .w-nav[data-collapse="tiny"] .w-dropdown, .w-nav[data-collapse="tiny"] .w-dropdown-toggle {
        display: block
    }

    .visible-xs {
        display: block !important
    }

    .w-nav[data-collapse="tiny"] .w-dropdown-list {
        position: static
    }
}

.w-lightbox-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    color: #fff;
    font-family: YekanF;
    font-size: 17px;
    font-weight: 300;
    text-align: center;
    background: rgba(0,0,0,0.9);
    z-index: 2000;
    outline: 0;
    opacity: 0;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-tap-highlight-color: transparent;
    -webkit-transform: translate(0,0)
}

.w-lightbox-backdrop, .w-lightbox-container {
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.w-lightbox-content {
    position: relative;
    height: 100vh;
    overflow: hidden
}

.w-lightbox-view {
    position: absolute;
    width: 100vw;
    height: 100vh;
    opacity: 0
}

    .w-lightbox-view:before {
        content: "";
        height: 100vh
    }

.w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
    height: 86vh
}

.w-lightbox-frame, .w-lightbox-view:before {
    display: inline-block;
    vertical-align: middle
}

.w-lightbox-figure {
    position: relative;
    margin: 0
}

.w-lightbox-group .w-lightbox-figure {
    cursor: pointer
}

.w-lightbox-img {
    width: auto;
    height: auto;
    max-width: none
}

.w-lightbox-image {
    display: block;
    max-width: 100vw;
    max-height: 100vh
}

.w-lightbox-group .w-lightbox-image {
    max-height: 86vh
}

.w-lightbox-caption {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: .5em 1em;
    background: rgba(0,0,0,0.4);
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.w-lightbox-embed {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.w-lightbox-control {
    position: absolute;
    top: 0;
    width: 4em;
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.w-lightbox-left {
    display: none;
    bottom: 0;
    left: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==)
}

.w-lightbox-right {
    display: none;
    right: 0;
    bottom: 0;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+)
}

.w-lightbox-close {
    right: 0;
    height: 2.6em;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
    background-size: 18px
}

.w-lightbox-strip {
    padding: 0 1vh;
    line-height: 0;
    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden
}

.w-lightbox-item {
    display: inline-block;
    width: 10vh;
    padding: 2vh 1vh;
    box-sizing: content-box;
    cursor: pointer;
    -webkit-transform: translate3d(0,0,0)
}

.w-lightbox-active {
    opacity: .3
}

.w-lightbox-thumbnail {
    position: relative;
    height: 10vh;
    background: #222;
    overflow: hidden
}

.w-lightbox-thumbnail-image {
    position: absolute;
    top: 0;
    left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
    top: 50%;
    width: 100%;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
    left: 50%;
    height: 100%;
    -webkit-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.w-lightbox-spinner {
    position: absolute;
    top: 50%;
    left: 50%;
    box-sizing: border-box;
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    border: 5px solid rgba(0,0,0,0.4);
    border-radius: 50%;
    -webkit-animation: spin .8s infinite linear;
    animation: spin .8s infinite linear
}

    .w-lightbox-spinner:after {
        content: "";
        position: absolute;
        top: -4px;
        right: -4px;
        bottom: -4px;
        left: -4px;
        border: 3px solid transparent;
        border-bottom-color: #fff;
        border-radius: 50%
    }

.w-lightbox-hide {
    display: none
}

.w-lightbox-noscroll {
    overflow: hidden
}

@media (min-width: 768px) {
    .w-lightbox-content {
        height: 96vh;
        margin-top: 2vh
    }

    .w-lightbox-view, .w-lightbox-view:before {
        height: 96vh
    }

    .w-lightbox-group, .w-lightbox-group .w-lightbox-view, .w-lightbox-group .w-lightbox-view:before {
        height: 84vh
    }

    .w-lightbox-image {
        max-width: 96vw;
        max-height: 96vh
    }

    .w-lightbox-group .w-lightbox-image {
        max-width: 82.3vw;
        max-height: 84vh
    }

    .w-lightbox-left, .w-lightbox-right {
        display: block;
        opacity: .5
    }

    .w-lightbox-close {
        opacity: .8
    }

    .w-lightbox-control:hover {
        opacity: 1
    }
}

.w-lightbox-inactive, .w-lightbox-inactive:hover {
    opacity: 0
}

.w-nav {
    position: relative;
    z-index: 1000
}

    .w-nav:before, .w-nav:after {
        content: " ";
        display: table
    }

    .w-nav:after {
        clear: both
    }

.w-nav-brand {
    position: relative;
    float: left;
    text-decoration: none;
    color: #222
}

    .w-nav-brand:hover {
        text-decoration: none;
        color: #222
    }

.w-nav-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    color: #222;
    padding: 20px;
    text-align: left;
    margin-left: auto;
    margin-right: auto
}

    .w-nav-link:hover {
        text-decoration: none;
        color: #222
    }

    .w-nav-link.w--current {
        color: #3b63ff
    }

.w-nav-menu {
    position: relative;
    float: right
}

.w--nav-menu-open {
    display: block !important;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: #999;
    text-align: center;
    overflow: visible;
    min-width: 200px
}

.w--nav-link-open {
    display: block;
    position: relative
}

.w-nav-overlay {
    position: absolute;
    overflow: hidden;
    display: none;
    top: 100%;
    left: 0;
    right: 0;
    width: 100%
}

    .w-nav-overlay .w--nav-menu-open {
        top: 0
    }

.w-nav[data-animation="over-left"] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation="over-left"] .w-nav-overlay, .w-nav[data-animation="over-left"] .w--nav-menu-open {
    right: auto;
    z-index: 1;
    top: 0
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation="over-right"] .w-nav-overlay, .w-nav[data-animation="over-right"] .w--nav-menu-open {
    left: auto;
    z-index: 1;
    top: 0
}

.w-nav-button {
    position: relative;
    float: right;
    padding: 18px;
    font-size: 24px;
    display: none;
    cursor: pointer;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    tap-highlight-color: rgba(0,0,0,0);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #afdeff
}

    .w-nav-button.w--open {
        background-color: #999;
        color: #fff
    }

.w-nav[data-collapse="all"] .w-nav-menu {
    display: none
}

.w-nav[data-collapse="all"] .w-nav-button {
    display: block
}

@media screen and (max-width: 991px) {
    .persad {
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px !important
    }

    .w-nav[data-collapse="medium"] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse="medium"] .w-nav-button {
        display: block
    }
}

@media screen and (max-width: 767px) {
    .men {
        width: 19%
    }

    .log {
        width: 80%;
        padding: 0 3%
    }

    .login {
        width: 18%;
        float: left
    }

    .w-nav[data-collapse="small"] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse="small"] .w-nav-button {
        display: block
    }

    .w-nav-brand {
        padding-left: 10px
    }
}

@media screen and (max-width:530px) {
    .men {
        width: 19%
    }
}

@media screen and (max-width: 479px) {
    .w-nav[data-collapse="tiny"] .w-nav-menu {
        display: none
    }

    .w-nav[data-collapse="tiny"] .w-nav-button {
        display: block
    }
}

.w-tabs {
    position: relative
}

    .w-tabs:before, .w-tabs:after {
        content: " ";
        display: table
    }

    .w-tabs:after {
        clear: both
    }

.w-tab-menu {
    position: relative
}

.w-tab-link {
    position: relative;
    display: inline-block;
    vertical-align: top;
    text-decoration: none;
    padding: 8px 30px;
    cursor: pointer;
    background-color: #E8E8E8
}

    .w-tab-link.w--current {
        background-color: #BCD3F3
    }

.w-tab-content {
    position: relative;
    display: block;
    overflow: hidden
}

.w-tab-pane {
    position: relative;
    display: none
}

.w--tab-active {
    display: block
}

@media screen and (max-width: 479px) {
    .w-tab-link {
        display: block
    }
}

.w-ix-emptyfix:after {
    content: ""
}

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

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

@keyframes spin {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.w-dyn-items {
    display: none
}

    .w-dyn-items.visible {
        display: block
    }

.w-dyn-empty {
    display: none;
    padding: 10px;
    background-color: #ddd
}

.w-dyn-error {
    display: none;
    padding: 10px;
    background-color: #ffdede
}

@media screen and (max-width: 991px) {
    .mix.mix-3 {
        width: 50% !important
    }
}

.stan {
    color: #FFF;
    border-radius: 3px;
    float: left;
    text-align: left
}

.blue, .b-arrow, .p-pagination:hover, .dropcast.dc-transparent, .remove-modal:hover, .tab-link-caption:hover, .toggle-header.fourth-style, .qoute-ico, .title-full-portfolio:hover, .mega-item-list.w--current, .mega-tittle:hover, .h-minimal, .footer-link.f-2, .core-ico, .blog-link:hover, .link, .tab-slide.w--current, .li-ico.li-blue, .portfolio-ico:hover, .dropdown-link.w--current, .language-link.active, .email:hover, .search-wrapper:hover, .icobox-circle, .hand-of-sean, .portfolio-text-wrapper:hover, .arrow-language {
    color: #ff0000
}

.nav-link:hover, .nav-link.w--open, .nav-link.active {
    color: #ff0000;
}

.button:hover, .portfolio-ico, .banner, .creative-banner, .w-slider-nav-invert > div.w-active, .w-slider-dot.w-active, .dropcast, .highlight, .pricing-price, .call-to-action, .tab-ico-number, .toggle-line-2.blue-color, .caption-tab, .toggle-line.blue-color, .animation-ico, .small-line, .dt-blog, .procces-wrapper.color-3, .social-ico.footer-soc:hover, .social-ico:hover, .social-ico.social-gray:hover, .search-form:hover, .icobox-circle:hover, .icobox-circle.ibox-gray:hover, .divider-1.dvd-color, .carousel-arrow:hover, .tab.w--current, .tab.t-vertical.w--current, .button.btn-top:hover {
    background-color: #ff0000
}

.fa-angle-left {
    color: #ff0000
}

.fa-angle-right {
    color: #ff0000
}

.tab.w--current.stan {
    background-color: red
}

.button.btn-small.btn-blog:hover {
    background-color: #ff0000;
    box-shadow: #ff0000 0 0 0 1px inset
}

.button.btn-gradient {
    background-image: -webkit-linear-gradient(bottom,#ff0000,#aae5f2);
    background-image: linear-gradient(to top,#ff0000,#aae5f2)
}

    .button.btn-gradient:hover {
        background-image: -webkit-linear-gradient(#ff0000,#aae5f2);
        background-image: linear-gradient(#ff0000,#aae5f2)
    }

.drop-down-list.w--open, .filter.active {
    border-top: 2px solid #ff0000
}

.social-ico:hover, .divider-1.dvd-dash.dvd-b-color, .divider-1.dvd-dots.dvd-b-color {
    border-color: #ff0000
}

.social-ico.footer-soc:hover {
    border-bottom-color: #ff0000
}

.search-result {
    border-top: 1px solid #ff0000
}

.icobox-circle, .qoute-ico {
    border: 1px solid #ff0000
}

.tab.w--current, .tab.t-vertical.w--current {
    border-bottom-color: #0A5174
}

.procces-wrapper, .call-to-action.cta-v3 {
    background-color: #023E5C
}

    .procces-wrapper.color-2, .call-to-action.cta-v2 {
        background-color: #036EA3
    }

    .procces-wrapper.color-4, .call-to-action.cta-v4 {
        background-color: #74C0E5
    }

.arrow-proccess {
    border-left: 15px solid #023E5C
}

    .arrow-proccess.color-2 {
        border-left-color: #036EA3
    }

    .arrow-proccess.color-3 {
        border-left-color: #ff0000
    }

.mega-menu.w--open {
    border-top: 2px solid #ff0000
}

.toggle-header.fourth-style {
    /*border-bottom-color: #ff0000;*/
    padding-right: 10px;
    margin-bottom: 5px;
}

.blockquote.bq-v2 {
    background-color: #d4e2e8
}

.icobox-circle.ibox-gray:hover {
    border-color: #ff0000
}

.blockquote {
    border-right: 5px solid #ff0000
}

.boxed {
    border-top: 3px solid #ff0000
}

.tab-slide.w--current {
    border-top-color: #ff0000;
    opacity: 1
}

.tab-slide {
    opacity: .6
}

.button {
    background-color: #33A4DD
}

.video-overlay {
    background-image: url('/images/ÝæáÇÏ ãåÑ ÓåäÏ.jpg'),linear-gradient(to right,rgba(0,136,204,0.94) 3%,rgba(0,136,204,0.59) 60%,#000)
}

.button.btn-gradient {
    box-shadow: #027EBD 0 0 0 1px
}

@media (max-width: 991px) {
    .hamburger.w--open {
        background-color: #ff0000
    }
}


/*-------------------  style --------------------*/
@font-face {
    font-family: 'YekanF';
    src: url(../fonts/Yekan.otf) format("embedded-opentype"),url(../fonts/Yekan.woff) format("woff"),url(../fonts/Yekan.ttf) format("truetype"),url(../fonts/Yekan.eot) format("opentype");
    font-weight: 600;
    font-style: normal
}

.bod {
    text-align: center
}

.ola {
    padding: 8px 20px;
    color: #181818;
    background-color: #adff2f;
    border-radius: 7px;
    position: absolute;
    right: 0;
    top: 13px
}

.usu {
    background: #ff0;
    padding: 12px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50px
}

.hot {
    background: red;
    padding: 12px;
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 50px;
    color: #FFF
}

h1 {
    font-size: 18px
}

.page_enabled, .page_disabled {
    display: inline-block;
    height: 37px;
    min-width: 45px;
    line-height: 33px;
    text-align: center;
    text-decoration: none;
    border-radius: 8px
}

.page_enabled {
    background-color: #eee;
    color: #000
}

.page_disabled {
    background-color: #0067c9;
    color: #fff !important
}

.padd {
    padding: 0 2% !important
}

.bfont {
    font-size: 13px;
    text-align: justify;
    direction: rtl;
    padding: 0 10px
}

.res {
    opacity: 1;
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 0px
}

.res2 {
    opacity: 1;
    position: fixed;
    left: 0;
    z-index: 1;
    bottom: 0;
    width: 16%;
}

@keyframes ring {
    0% {
        transform: rotate(0)
    }

    1% {
        transform: rotate(30deg)
    }

    3% {
        transform: rotate(-28deg)
    }

    5% {
        transform: rotate(34deg)
    }

    7% {
        transform: rotate(-32deg)
    }

    9% {
        transform: rotate(30deg)
    }

    11% {
        transform: rotate(-28deg)
    }

    13% {
        transform: rotate(26deg)
    }

    15% {
        transform: rotate(-24deg)
    }

    17% {
        transform: rotate(22deg)
    }

    19% {
        transform: rotate(-20deg)
    }

    21% {
        transform: rotate(18deg)
    }

    23% {
        transform: rotate(-16deg)
    }

    25% {
        transform: rotate(14deg)
    }

    27% {
        transform: rotate(-12deg)
    }

    29% {
        transform: rotate(10deg)
    }

    31% {
        transform: rotate(-8deg)
    }

    33% {
        transform: rotate(6deg)
    }

    35% {
        transform: rotate(-4deg)
    }

    37% {
        transform: rotate(2deg)
    }

    39% {
        transform: rotate(-1deg)
    }

    41% {
        transform: rotate(1deg)
    }

    43% {
        transform: rotate(0)
    }

    100% {
        transform: rotate(0)
    }
}

.homeceo {
    color: #000 !important;
    font-size: 17px;
    font-weight: 700;
    margin-bottom: 18px;
    padding: 0 45px !important;
    text-align: justify;
    line-height: 30px
}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0
}

input[type=number] {
    -moz-appearance: textfield
}

.swiper-button-prev {
    font-size: 30px
}

.ov {
    text-align: center;
    border: 3px solid #f6f8f9
}

    .ov:hover {
        border: 3px solid #ff0000
    }

        .ov:hover .io {
            opacity: .4
        }

.owl-theme .owl-controls .owl-buttons div.owl-prev {
    left: auto !important;
    left: 32px !important;
    top: 50% !important;
    left: 0 !important;
    background-color: #e1e3e6 !important;
    border-radius: 50px !important;
    opacity: .6 !important
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    right: auto !important;
    right: 32px !important;
    top: 50% !important;
    right: 0 !important;
    background-color: #e1e3e6 !important;
    border-radius: 50px !important;
    opacity: .6 !important
}

.fs {
    font-size: 60px;
    opacity: 1 !important;
    color: #ff0000
}

.pas {
    padding: 10px 10px 40px;
    background: #FFF;
    max-height: 500px;
    min-height: 500px
}

#myVideo {
    width: 100%;
    height: 100%
}

.p3css {
    padding: 0 10px 0 30px !important
}

.vb1 {
    font-size: 14px;
    border-bottom: 1px solid;
    float: left;
    padding-top: 19px
}

.persad {
    max-width: 100% !important;
    padding: 4% 8%;
    background-color: #FFF
}

.kk {
    text-align: right;
    list-style-type: none
}

.g1 {
    background-color: #feece4 !important
}

.g2 {
    background-color: #e2e1e1 !important
}

.g3 {
    background-color: #e8ffe3 !important
}

.g4 {
    background-color: #feffdf !important
}

.g5 {
    background-color: #eaebff !important
}

.g6 {
    background-color: #ffecff !important
}

.g7 {
    background-color: #e5fffc !important
}

.g8 {
    background-color: #ffe4e4 !important
}

.g10 {
    background-color: #ffd376 !important;
    /* box-shadow: inset 0px 0px 7px 0px black; */
    /* border: 1px solid #000 !important; */
    margin: 10px 0px;
}

.g9 {
    background-color: #e5f1ff !important
}

.rown > .columnne {
    padding: 0 8px
}

.rown:after {
    content: "";
    display: table;
    clear: both
}

.checks:before {
    content: ' ✓ ';
    color: #07b94c;
    font-weight: bolder;
    font-size: 20px
}

.columnne {
    float: left;
    width: 25%
}

.pimg {
    padding: 5%
}

.flogo {
    filter: grayscale(100%);
    border-radius: 0;
    width: 60%
}

    .flogo:hover {
        filter: grayscale(0%)
    }

.modalfm {
    display: none;
    position: fixed;
    z-index: 1001;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: #000000a6
}

.right {
    text-align: right !important;
    direction: rtl !important;
    margin-bottom: 40px;
}

.tophead {
    background-color: #006bff;
    padding: 10px 30px;
    z-index: 2;
    border-radius: 0 15px 0 15px;
    color: #FFF;
    box-shadow: -2px 2px 0 2px #fff;
    right: 0;
    position: absolute;
    top: -24px
}

.blockquotebc {
    background-color: #ff0000;
    color: #fff;
    border-radius: 4px;
    position: relative;
    font-size: 16px;
    font-weight: 700;
    padding: 47px 50px 50px !important;
    margin-top: 30px;
    float: left
}

.overlay2 {
    opacity: 0
}

.ab {
    color: #ff0000;
    float: right
}

.ac {
    color: #9b9b9b
}

.bp {
    color: #555;
    font-size: 16px
}

.overlay3:hover .blog_title {
    border-right: 4px solid #FFF
}

.overlay3:hover, .overlay3:hover .ab, .overlay3:hover .ac, .overlay3:hover p, .overlay3:hover h3, .overlay3:hover .bp {
    transition: .9s ease;
    color: #FFF !important
}

.overlay3:hover {
    opacity: 1
}

    .overlay3:hover .pas {
        background-color: #ff0000
    }

    .overlay3:hover .vb {
        color: #FFF !important;
        border-bottom-color: #FFF
    }

.ow {
    padding: 5px;
    text-align: center
}

.overlay3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0
}

.ow:hover .overlay3 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    transition: .3s ease;
    background-color: #ff0000
}

.blockquotebc:after {
    content: "";
    position: absolute;
    bottom: -27px;
    left: 50px;
    border: 27px solid;
    border-color: #ff0000 transparent transparent #ff0000
}

.mixx-3 {
    width: 20% !important;
    float: left
}

.highlighted {
    background: #ff0
}

.colorsme {
    background-color: red
}

.solfav {
    width: 49px;
    background: #353535;
    padding: 10px;
    margin: 5px
}

    .solfav:hover {
        text-align: center;
        background-color: #ff0000
    }

.modalfm-content {
    text-align: center;
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 0;
    width: 90%;
    max-width: 90%
}

.closefm {
    color: #fff;
    position: absolute;
    top: 10px;
    right: 25px;
    font-size: 35px;
    font-weight: 700;
    background: #e83a3a;
    padding: 5px 15px;
    border-radius: 5px
}

.team {
    margin: 10px 0;
    border: 2px solid #c7cbd2;
    border-radius: 8px
}

.closefm:hover, .closefm:focus {
    color: #999;
    text-decoration: none;
    cursor: pointer
}

.mySlidesfm {
    display: none;
    padding: 25px
}

.sax {
    text-align: right;
    margin-bottom: 20px;
    border-bottom: 1px solid #b7babd
}

.cursorfm {
    cursor: pointer
}

.prevfm, .nextfm {
    cursor: pointer;
    position: absolute;
    top: 55%;
    width: auto;
    padding: 25px;
    margin-top: -50px;
    color: #fff;
    font-weight: 700;
    font-size: 35px;
    transition: .6s ease;
    user-select: none;
    -webkit-user-select: none;
    background-color: #0077ffa6;
    border-radius: 50% !important
}

.nextfm {
    left: 0;
    border-radius: 3px 0 0 3px
}

.prevfm {
    right: 0 !important
}

    .prevfm:hover, .nextfm:hover {
        background-color: rgba(0,0,0,0.8)
    }

.numbertextfm {
    color: #f2f2f2;
    font-size: 12px;
    padding: 8px 12px;
    position: absolute;
    top: 0
}

.hco {
    border-bottom: 3px solid #2596ed;
    color: #2596ed;
    margin-bottom: 30px
}

.si {
    box-shadow: 0 2px 2px #a0a0a0;
    background-color: #fff;
    text-align: center;
    border-radius: 7px;
    transition: .3s;
    position: relative;
    top: 0;
    padding: 15px;
    margin-bottom: 10px
}

    .si a {
        color: #414141 !important
    }

    .si:hover {
        background-color: #ff0000;
        color: #FFF !important;
        cursor: pointer
    }

        .si:hover a {
            color: #FFF !important
        }

.sim {
    text-align: right;
    padding-right: 15px !important
}

    .sim:hover {
        background-color: #ff0000;
        color: #FFF !important;
        cursor: pointer
    }

.pz {
    border-bottom: 1px solid #c4cdda;
    color: #dce3e8 !important;
    padding: 10px 0
}

.rel {
    padding: 15px 0;
    border-bottom: 1px solid #bbc5ca;
    margin-bottom: 30px;
    text-align: right;
    direction: rtl
}

.tiz {
    background-color: #676767;
    padding: 7px 20px;
    margin-bottom: 20px;
    margin-top: -15px;
    position: absolute;
    float: right;
    display: block;
    border: 1px solid #fff;
    border-radius: 6px;
    right: 15px;
    color: #fff;
    z-index: 1
}

.l1 {
    background-color: #005ed1;
    color: #FFF
}

.l2 {
    background-color: #d10000;
    color: #FFF
}

.l3 {
    background-color: #676767;
    color: #FFF
}

.saleh {
    padding: 0;
    box-shadow: 0 1px 9px 0 #cbd6e0;
    background: #3870c3;
    text-align: center;
    margin-bottom: 20px;
    color: #FFF
}

.sals {
    float: right !important;
    position: -webkit-sticky;
    position: sticky;
    top: 40px;
    padding: 5px;
    z-index: 200
}

.paz {
    padding: 20px !important;
    border: 1px solid #d8dce6;
    text-align: right;
    direction: rtl;
    border-radius: 5px;
    background-color: #FFF
}

.caption-containerfm {
    text-align: center;
    background-color: #000;
    padding: 2px 16px;
    color: #fff
}

.demofm {
    opacity: .6
}

    .activefm, .demofm:hover {
        opacity: 1
    }

img.hover-shadowfm {
    transition: .3s
}

.hover-shadowfm:hover {
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19)
}

.parallaxbg {
    background-image: url(/image/paralex_fuladmehr.jpg);
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.parallaxbgart {
    background-image: url(/image/article.png);
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.parallaxbgnewp {
    background-image: url(/image/newsp.jpg);
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.parallaxbg2 {
    background-image: url(/image/chartsbg.svg);
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

.parallax {
    background-image: url(/image/IMG_2806.jpg);
    height: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}

@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll
    }
}

input[type=radio] {
    width: 2%;
    float: right;
    margin-top: 5px
}

#myDIV {
    width: 100%;
    text-align: center;
    display: none
}

.ti {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    background-color: #c8d4de;
    padding: 0 10px
}

.overlays {
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s cubic-bezier(0,0.86,0.63,1.01);
    opacity: 1;
    color: #fff;
    font-size: 35px;
    padding: 10px 18px 25px;
    text-align: center;
    border-radius: 0 10% 100%;
    box-shadow: 6px 3px 7px 1px #ffffff8c
}

.st {
    font-size: 20px;
    letter-spacing: -3px;
    font-weight: 700;
    font-style: normal;
    margin-right: 3px;
    color: #f16d1a
}

.txta {
    border-radius: 5px;
    border: 2px solid #ddd;
    background-color: #f9f9f9;
    height: 160px;
    width: 100%
}

.hr {
    border-bottom: 1px dashed #6a6d71;
}

.bs {
    color: #FFF;
    background-color: #08c;
    float: left
}

.tx {
    position: absolute;
    top: 14px;
    font-size: 16px
}

.overlayvideo {
    background: #ee273a;
    color: #fff
}

.overlaynews {
    background: #277aee;
    color: #fff
}

.overlayart {
    background: #010101;
    color: #fff
}

.blog_img:hover .overlayvideo {
    box-shadow: 0 0 0 0 #ee273a;
    opacity: .6;
    height: 100%;
    width: 100%;
    border-radius: 0;
    padding-top: 25%;
    font-size: 55px
}

.blog_img:hover .overlaynews {
    box-shadow: 0 0 0 0 #277aee;
    opacity: .6;
    height: 100%;
    width: 100%;
    border-radius: 0;
    padding-top: 25%;
    font-size: 55px
}

.blog_img:hover .overlayart {
    box-shadow: 0 0 0 0 #010101;
    opacity: .6;
    height: 100%;
    width: 100%;
    border-radius: 0;
    padding-top: 25%;
    font-size: 55px
}

.blog_img:hover .oversidv {
    padding-top: 15% !important
}

.blog_img:hover .oversidv2 {
    padding-top: 27% !important
}

.overlaypro {
    background: rgba(48,59,74,0.54);
    position: absolute;
    top: 0;
    left: 0;
    transition: .2s cubic-bezier(0,0.86,0.63,1.01);
    opacity: 0;
    color: #fff;
    font-size: 35px;
    padding: 20px;
    text-align: center;
    width: 100%;
    height: 100%
}

.op:hover .overlaypro {
    opacity: 1
}

.imgsid {
    object-fit: cover;
    height: 180px !important;
    width: 100%
}

.paa {
    border: 1px solid #c8d4de;
    padding: 20px
}

.pad {
    margin-bottom: 15px
}

.padf {
    margin-bottom: 10px;
    font-size: 20px;
    direction: rtl;
    text-align: center
}

.vb {
    color: #222;
    border-bottom: 2px solid #222;
    font-weight: bolder;
    font-size: 14px
}

    .vb:hover .vbi:before {
        font-family: FontAwesome;
        content: "\f0a8";
        padding-right: 13px;
        color: #ff0000
    }

.overlay2:hover .vbii:before {
    font-family: FontAwesome;
    content: "\f0a8";
    padding-right: 13px;
    color: #FFF
}

.vb:hover {
    color: #ff0000;
    border-bottom: 3px solid #ff0000
}

.vbi:before, .vbii:before {
    font-family: FontAwesome;
    content: "\f137";
    display: inline-block;
    padding-right: 3px;
    vertical-align: middle;
    font-weight: 900;
    color: #222
}

.txts {
    width: 70%;
    padding: 12px 20px;
    box-sizing: border-box;
    border: 1px solid #dfe4e8;
    background-color: #dfe4e8;
    color: #042956;
    border-radius: 30px
}

.btns {
    background-color: #d2d8dc;
    padding: 10px 30px;
    border-radius: 30px;
    color: #3c3c3c
}

.vbv {
    background-image: url("/image/MEHR steel.svg")
}

​
.vb:hover {
    background-color: #87b8c2;
    box-shadow: inset 0 0 16px 0 #5e8d96
}

.vbf {
    margin-top: 20px;
    text-align: left;
    margin-bottom: 10px
}

.vbp {
    padding-right: 10px
}

.vf {
    box-shadow: inset 0 0 20px 0 #b1b1b1e0;
    padding: 15px !important;
    border-radius: 10px;
    margin-bottom: 15px;
    background-color: #f1f1f1;
    direction: rtl
}

.pag {
    font-weight: 700;
    padding: 8px 20px;
    margin: 2px;
    background: #005184;
    color: #fff;
    font-weight: bold;
    border-radius: 8px
}

.txtl {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-align: justify;
    direction: rtl
}

.txtlone {
    -webkit-line-clamp: 1 !important
}

.hs {
    background-color: #e2e9f1;
    padding: 16px
}

.imghs {
    padding: 20px;
    border-radius: 49px
}

.sp {
    padding: 10px !important;
    box-shadow: 0 0 2px 0 #777676;
    margin-top: 15px;
    border-radius: 4px
}

.spl {
    padding: 10px;
    border-bottom: 1px solid #d4d6d6
}

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

    .blog-item .blog_img {
        position: relative;
        overflow: hidden;
        border-radius: 5px
    }

    .blog-item .blog_content {
        position: relative;
        z-index: 2;
        padding: 20px;
        margin: 0;
        padding-bottom: 30px !important;
        opacity: 1
    }

    .blog-item .blog_meta {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 11px
    }

.blog_title {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    padding-right: 8px;
    position: relative;
    border-right: 5px solid #0e0e0e;
}

.pall p {
    line-height: 30px;
    direction: rtl
}

a {
    text-decoration: none
}

.hihidden {
    display: none !important
}

.visible-xs {
    display: none !important
}

body {
    font-family: YekanF;
    color: #313131;
    font-size: 14px;
    line-height: 20px
}

h1 {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 38px;
    line-height: 44px
}

h2 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 32px;
    line-height: 36px
}

h3 {
    font-size: 26px;
    line-height: 50px;
    direction: rtl
}

h4 {
    margin-top: 10px;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 40px;
    direction: rtl;
}

h5 {
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 24px
}

h6 {
    margin-top: 2px;
    margin-bottom: 0;
    font-size: 13px;
    line-height: 18px
}

p {
    line-height: 40px;
    text-align: justify;
    direction: rtl;
}

.button {
    position: relative;
    display: inline-block;
    overflow-x: hidden;
    overflow-y: hidden;
    margin-right: 6px;
    padding: 15px 23px !important;
    border-radius: 3px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    font-family: YekanF;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    margin-top: 10px;
}

    .button.btn-top {
        width: 40px;
        height: 40px;
        padding: 0;
        float: right;
        border-bottom-style: none;
        background-color: rgba(0,0,0,0.70);
        font-size: 10px;
        line-height: 43px
    }

    .button.btn-line {
        background-color: transparent;
        box-shadow: #fff 0 0 0 1px inset
    }

        .button.btn-line:hover {
            background-color: #676767;
            box-shadow: #676767 0 0 0 1px
        }

    .button.btn-small {
        padding: 15px 13px 11px;
        font-size: 11px
    }

        .button.btn-small.btn-blog {
            background-color: #fafafa;
            box-shadow: #ddd 0 0 0 1px inset;
            color: #414141
        }

            .button.btn-small.btn-blog:hover {
                color: #fff
            }

            .button.btn-small.btn-blog.active {
                background-color: #676767;
                box-shadow: #676767 0 0 0 1px inset;
                color: #fff
            }

    .button.btn-medium {
        padding: 17px 16px 13px;
        font-size: 12px
    }

    .button.btn-xlarge {
        padding: 24px 26px 19px
    }

    .button.btn-green-color {
        background-color: #78bd33
    }

        .button.btn-green-color:hover {
            background-color: #609629
        }

    .button.btn-dark-color {
        background-color: #767676
    }

        .button.btn-dark-color:hover {
            background-color: #525151
        }

    .button.btn-gradient {
        text-shadow: rgba(0,0,0,0.46) 0 1px 0
    }

    .button.btn-square {
        border-radius: 0
    }

    .button.btn-round {
        border-radius: 15px
    }

.normal-header {
    right: 0;

    width: 100%;
    background-color: #FFF;
    padding: 10px !important;
    box-shadow: 0px 5px 14px 0px #3b49594d;
}

    .normal-header.full-header {
        padding-right: 25px;
        padding-left: 25px
    }

.brand-logo {
    padding-top: 20px;
    padding-bottom: 14px
}

.nav-link {
    padding-right: 26px;
    padding-bottom: 15px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    font-family: YekanF;
    font-weight: bold;
    font-size: 15px;
    text-transform: uppercase;
    text-align: right;
    color: #555;
}

.nav-menu {
    padding-top: 3px
}

    .nav-menu.nav-center {
        float: none;
        text-align: center
    }

.drop-arrow {
    margin-top: 26px;
    margin-right: 9px;
    margin-bottom: 23px;
    font-size: 13px;
}

.drop-down-list.w--open {
    margin-top: 10px;
    box-shadow: rgba(0,0,0,0.07) 0 2px 4px 1px
}

.dropdown-link {
    padding-top: 7px;
    padding-right: 7px;
    padding-bottom: 15px;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #1b1a1a;
    font-size: 13px;
    font-weight: 400;
    text-align: right
}

    .dropdown-link:hover {
        color: #ff0000
    }

.search-wrapper {
    position: relative;
    top: 19px;
    display: inline-block;
    width: 20px;
    height: 20px;
    float: right;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #a9a9a9;
    font-size: 15px;
    text-align: center;
    cursor: pointer
}

    .search-wrapper.search-none {
        display: none
    }

.top-nav {
    border-bottom: 1px solid #e6e6e6;
    background-color: #fafafa
}

.top-left-wrapper {
    position: relative;
    margin-right: -1px;
    padding: 9px 15px;
    float: right;
    background-color: #3777bc !important;
    color: #FFF !important;
    border-radius: 7px
}

.top-ico {
    margin-right: 7px;
    float: left;
    color: #fafafa;
    text-align: center
}

.top-text {
    display: inline-block;
    float: right;
    color: #fff;
    font-size: 12px;
    padding-right: 15px
}

.lanimg {
    width: 20px;
    float: left;
    margin-top: 10px;
    margin-left: 5px
}

.language-drop {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9999;
    display: none;
    margin-top: 33px;
    border: 1px solid #ebebeb;
    background-color: #fafafa;
    box-shadow: rgba(0,0,0,0.09) 0 4px 8px 0;
    text-align: center
}

.language-link {
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb;
    color: #919191;
    font-size: 12px;
    text-decoration: none
}

    .language-link:hover {
        background-color: #f1f1f1;
        color: #515151
    }

.email {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #717171;
    text-decoration: none
}

.arrow-language {
    margin-left: 7px;
    float: right
}

.top-right-wrapper {
    margin-top: 9px;
    float: right
}

.social-ico {
    width: 27px;
    height: 27px;
    margin-left: 5px;
    border-bottom: 2px solid #bfbfbf;
    border-radius: 20%;
    background-color: #414141;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #fff;
    font-size: 12px;
    line-height: 26px;
    text-align: center;
    text-decoration: none
}

    .social-ico:hover {
        color: #fff
    }

    .social-ico.footer-soc {
        width: 35px;
        height: 35px;
        margin-left: 8px;
        border-bottom-color: #121212;
        background-color: #303030;
        font-size: 13px;
        line-height: 35px
    }

    .social-ico.social-gray {
        background-color: #fafafa
    }

.search-result {
    position: absolute;
    left: -195px;
    top: 45px;
    right: -30px;
    display: none;
    padding: 22px 26px;
    background-color: #f1f1f1;
    box-shadow: rgba(0,0,0,0.1) 0 2px 4px 1px
}

.search-field {
    position: relative;
    display: block;
    width: 80%;
    height: 37px;
    margin-bottom: 0;
    float: right;
    border-color: #e1e1e1;
    border-top-width: 1px
}

.search-form {
    position: relative;
    z-index: 2;
    width: 20%;
    height: 37px;
    margin-left: -2px;
    float: right;
    background-color: #313131;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #fff;
    line-height: 35px
}

.section {
    position: relative;
    padding: 50px 10px
}

.light-gray {
    border-top: 1px solid #e1e1e1;
    border-bottom: 1px solid #ebebeb;
    background-color: #dee4e8;
    box-shadow: #000 0 2px 4px 0 inset
}

.section.video {
    height: auto;
    padding: 0;
    background-color: transparent
}

.section.logo {
    padding-top: 50px;
    padding-bottom: 50px
}

.section.less-p {
    padding-top: 70px;
    padding-bottom: 70px
}

.section.dark {
    background-color: #676767
}

.section.dark-gray {
    background-color: #2e2e2e
}

.section.s-remove-p-botton {
    padding-bottom: 0
}

.section.parrallax {
    overflow-x: hidden;
    overflow-y: hidden;
    padding-top: 119px;
    padding-bottom: 119px;
    background-image: -webkit-linear-gradient(right,rgba(0,0,0,0.92),rgba(0,0,0,0.59)),url(../images/paralax5.jpg);
    background-image: linear-gradient(to right,rgba(0,0,0,0.92),rgba(0,0,0,0.59)),url(../images/paralax5.jpg);
    background-size: auto,cover;
    background-repeat: repeat,no-repeat;
    background-attachment: scroll,fixed
}

.section.pattern {
    padding-top: 70px;
    padding-bottom: 30px;
    background-color: #fafafa
}

.section.sc-tab {
    padding-top: 30px
}

.iconbox-wrapper.ibox-gray-center {
    text-align: center
}

.icobox-circle {
    width: 100px;
    height: 100px;
    margin-bottom: 35px;
    border-radius: 100%;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    font-size: 30px;
    line-height: 110px;
    text-align: center
}

    .icobox-circle:hover {
        color: #fff
    }

    .icobox-circle.ibox-gray {
        display: block;
        margin-right: auto;
        margin-left: auto;
        border-color: #f1f1f1;
        background-color: #f1f1f1;
        color: #414141
    }

        .icobox-circle.ibox-gray:hover {
            color: #fff
        }

        .icobox-circle.ibox-gray.ibox-dark {
            border-color: #414141;
            background-color: #414141;
            color: #878787
        }

            .icobox-circle.ibox-gray.ibox-dark:hover {
                border-color: #ac7ccc;
                background-color: #ac7ccc;
                color: #fff
            }

.ul-iconbox {
    margin-top: 20px;
    padding-left: 16px;
    border-left: 1px solid #ebebeb
}

.li-ibox {
    padding-top: 4px;
    padding-bottom: 4px
}

.tittle-wrapper {
    position: relative;
    text-align: center
}

.sub-tittle {
    font-family: YekanF;
    color: #414141;
    font-size: 17px;
    line-height: 35px
}

.hand-of-sean {
    font-family: 'Shadows Into Light',sans-serif;
    font-size: 28px
}

.tittle-line {
    margin-bottom: 15px
}

    .tittle-line.tittle-sml-mg {
        margin-bottom: 20px
    }

.divider-1 {
    width: 100%;
    height: 1px;
    background-color: #e1e1e1
}

    .divider-1.small {
        margin-bottom: -1px
    }

    .divider-1.dvd-dots {
        border: 1px dotted #e1e1e1;
        background-color: transparent
    }

    .divider-1.dvd-dash {
        border: 1px dashed #e1e1e1;
        background-color: transparent
    }

    .divider-1.dvd-color {
        border-color: transparent
    }

    .divider-1.dvd-dark {
        background-color: #242424
    }

    .divider-1.dvd-black {
        background-color: #3b3a3a
    }

    .divider-1.div-blog {
        margin-top: 30px;
        margin-bottom: 30px
    }

.divider-small {
    width: 250px;
    height: 1px;
    margin-bottom: -1px;
    background-color: #b3b3b3;
    float: right
}

.success-message {
    padding-top: 25px;
    padding-bottom: 25px;
    background-color: #22a966;
    text-align: center;
    margin-top: 30px
}

.seuccses {
    margin-bottom: 0;
    color: #fff
}

.error-message {
    margin-top: 25px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(255,0,0,0.49);
    text-align: center
}

.from {
    color: #fff
}

.carousel-project {
    height: auto;
    background-color: transparent
}

.carousel-arrow {
    width: 40px;
    height: 80px;
    padding-top: 20px;
    border-radius: 4px;
    background-color: rgba(0,0,0,0.70);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    font-size: 15px;
    line-height: 40px;
    font-weight: 700
}

.space0 {
    padding: 40px 10% !important;
    text-align: center !important
}

.space1 {
    padding: 10px 20px !important
}

.space {
    margin-top: 20px;
    margin-bottom: 10px
}

.spaceb {
    margin-bottom: 6%
}

.space.x2 {
    margin-top: 60px
}

.space.x1 {
    margin-top: 30px
}

.space.margin-bottom {
    margin-top: 10px
}

.btn-txt {
    float: right
}

.btn-ico {
    position: relative;
    bottom: -2px;
    margin-right: 9px;
    padding-right: 9px;
    float: right;
    border-right: 1px solid rgba(255,255,255,0.29);
    line-height: 9px
}

.go-top {
    position: fixed;
    right: 15px;
    bottom: 15px;
    z-index: 20
}

.carousel-dots {
    position: relative;
    padding-top: 20px;
    font-size: 10px
}

.mix {
    width: 25%;
    margin-bottom: 10px;
    padding-right: 5px;
    padding-left: 5px;
    float: right;
    text-align: center;
    min-height: 310px;
}

    .mix.mix-3 {
        width: 33.333%
    }

    .mix.mix-no-content {
        margin-bottom: 0;
        padding-right: 0;
        padding-left: 0
    }

    .mix.mix-2 {
        width: 50%
    }

.mix-5 {
    width: 18%
}

.vertical-pagination {
    width: 42px;
    margin-right: -50px;
    margin-bottom: 51px;
    margin-left: -50px;
    opacity: 0
}

    .vertical-pagination.v-p-remove-mg {
        margin-bottom: auto
    }

.portfolio-wrapper {
    position: relative;
    z-index: 2;
    overflow-x: hidden;
    overflow-y: hidden;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    background-color: #fff
}

    .portfolio-wrapper.remove-radius {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

.portfolio-text-wrapper {
    position: relative;
    bottom: 3px;
    width: 100%;
    padding: 17px 10px 15px;
    border-right: 1px solid #ebebeb;
    border-bottom: 1px solid #e1e1e1;
    border-left: 1px solid #ebebeb;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #fff;
    box-shadow: #f2f2f2 0 2px 0 0;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #515151;
    text-decoration: none
}

.portfolio-tittle {
    margin-bottom: 0;
    font-family: 'PT Sans',sans-serif;
    letter-spacing: 0;
    text-transform: capitalize
}

    .portfolio-tittle.blog-tittle {
        display: inline-block;
        margin-bottom: 10px;
        color: #414141;
        font-size: 17px;
        font-weight: 700
    }

    .portfolio-tittle.r-mp {
        margin-top: 0;
        margin-bottom: 10px
    }

.portfolio-sub {
    color: #bababa;
    font-size: 13px;
    line-height: 25px;
    font-style: italic
}

.portfolio-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    background-color: rgba(0,0,0,0.70);
    opacity: 0;
    color: #fff;
    font-size: 18px;
    text-decoration: none
}

.portfolio-ico {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-right: 5px;
    margin-left: 5px;
    border-radius: 100%;
    background-color: rgba(61,196,228,0.90);
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    line-height: 53px
}

    .portfolio-ico:hover {
        background-color: #fff
    }

.pico-wrp {
    position: relative;
    top: 40%
}

    .pico-wrp.lico-wrp {
        top: 31%
    }

    .pico-wrp.pico-bg {
        top: 45%
    }

.video-wrapper {
    position: relative;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 650px;
    background-color: transparent
}

.embed-video {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0
}

.video-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    height: 100%
}

.container-inside-v {
    position: relative;
    top: 17%
}

.white {
    color: #fff
}

.ul {
    position: relative;
    margin-top: 10px
}

    .ul.ul-pricing {
        margin-top: 0;
        margin-bottom: 25px
    }

.li-list {
    line-height: 35px
}

    .li-list.li-pricing {
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #e6e6e6
    }

.li-ico {
    position: relative;
    top: -6px;
    width: 18px;
    margin-right: 7px;
    float: right;
    color: #fff
}

    .li-ico.tab-ico {
        top: auto;
        width: auto;
        font-size: 14px
    }

    .li-ico.li-ico-footer {
        color: #919191;
        text-align: center
    }

    .li-ico.li-current {
        color: #515151
    }

.arrow {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 3
}

.core-ico {
    width: 60px;
    height: 60px;
    float: right;
    font-size: 32px;
    text-align: center
}

    .core-ico.ico-minimal {
        width: 45px;
        height: 45px;
        margin-right: 15px;
        border-radius: 100%;
        background-color: #474747;
        color: #fff;
        font-size: 18px;
        line-height: 48px
    }

.core-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.li-blog {
    margin-bottom: 23px
}

.blog-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-right: 24px
}

.dt-blog {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 4px 7px;
    font-size: 13px;
    font-style: italic
}

.blog-link {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #313131;
    text-decoration: none
}

.link {
    font-style: italic;
    text-decoration: none
}

    .link:hover {
        color: #313131
    }

.tab {
    margin-right: 5px;
    padding: 11px 25px;
    border-bottom: 1px solid #adadad;
    border-radius: 4px;
    /*    background-color: #c9c9c9;*/
    background-color: #738289;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #fff;
    font-size: 13px
}

    .tab:hover {
        border-bottom-color: #6e6e6e;
        background-color: #aaa
    }

    .tab.t-vertical {
        width: 100%;
        margin-bottom: 10px;
        padding-right: 21px;
        padding-left: 21px
    }

        .tab.t-vertical.w--current {
            box-shadow: none;
            color: #fff
        }

.tab-content {
    margin-top: 25px
}

.tab-txt {
    position: relative;
    float: right
}

.lightbox-tb {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    width: 150px;
    height: 150px;
    margin-right: 15px;
    float: right;
    border-radius: 4px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    text-align: center
}

    .lightbox-tb:hover {
        opacity: 1
    }

.tab-tx-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.light-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(1,1,1,0.58);
    opacity: 0
}

.lightbox {
    color: #fff;
    text-decoration: none
}

.procces-wrapper {
    position: relative;
    width: 25%;
    padding: 30px;
    float: right;
    text-align: center;
    cursor: pointer
}

.procces-text-wrapper {
    padding: 40px 10px 35px;
    background-color: #fff
}

.arrow-proccess {
    position: absolute;
    left: 0;
    top: 43%;
    bottom: 43%;
    width: 0;
    height: 0;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent
}

.procc-ico {
    display: block;
    width: 100px;
    margin-right: auto;
    margin-left: auto;
    color: #fff;
    font-size: 70px;
    line-height: 80px
}

.logo-wrapper {
    position: relative;
    width: 20%;
    margin-bottom: 10px;
    float: right;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    text-align: center
}

    .logo-wrapper:hover {
        opacity: .85
    }

.footer {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 75px;
    /*    border-top: 15px solid #000;
*/ background-color: rgba(0,0,0,.02);
    border-top: 1px solid rgba(0,0,0,.09);
}

.bottom-footer {
    padding-top: 40px;
    padding-bottom: 40px;
    border-top: 1px solid rgba(0,0,0,.09);
}

.copyright {
    width: 100%;
    padding-top: 17px;
    float: right;
    color: #737373;
    font-size: 13px
}

.footer-link {
    color: #fff;
    font-style: normal;
    text-decoration: none
}

    .footer-link.f-2 {
        -webkit-transition: all 500ms ease;
        transition: all 500ms ease;
        font-size: 13px
    }

        .footer-link.f-2:hover {
            color: #fff
        }

.get-in-touch {
    position: absolute;
    left: -13px;
    top: 20px;
    text-align: center
}

.touc-text {
    position: absolute;
    padding-top: 10px;
    padding-left: 30px;
    font-family: YekanF;
    color: #fff;
    font-size: 17px;
    text-align: center
}

.top-left-wrapper.top-left-click {
    cursor: pointer
}

#Grid .mix {
    display: none
}

.affix {
    background-color: #FFF !important;
}


    .affix .topmenu {
        display: none
    }

    .affix .smenucall {
        display: block !important
    }

.normal-header.affix {
    position: fixed;
    top: 0;
    width: 100%
}

.h-process {
    font-family: YekanF;
    color: #fff;
    font-size: 28px
}

.col-footer {
    height: 330px;
    padding-top: 30px;
    padding-right: 32px;
    padding-left: 20px;
    border-right: 1px solid #3b3b3b
}

    .col-footer.no-line {
        border-right-style: none
    }

.footer-tittle {
    color: #ebebeb
}

.p-lighter {
    color: #c9c9c9
}

.h-minimal {
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 22px;
    line-height: 43px
}

.spac-bott {
    margin-bottom: 100px
}

.testi-wrapper {
    padding: 20px 15px;
    border-radius: 3px;
    background-color: #fafafa
}

.mega-menu {
    width: 941px
}

    .mega-menu.w--open {
        /*        left: -697px;
*/ width: 220px;
        margin-top: 9px;
        padding: 5px 21px 15px;
        background-color: #FFF;
        color: #1b1a1a;
        box-shadow: rgba(0,0,0,0.07) 0 2px 4px 1px
    }

    .mega-menu.mega-menu-center-nav.w--open {
        left: -601px;
        margin-top: 9px
    }

.mega-tittle {
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #fff
}

    .mega-tittle.with-no-line {
        border-right-style: none
    }

.mega-item-list {
    width: 100%;
    padding: 8px 0;
    border-radius: 4px;
    -webkit-transition: all 200ms ease;
    transition: all 200ms ease;
    color: #1b1a1a;
    font-size: 13px;
    text-decoration: none;
    text-align: right
}

    .mega-item-list:hover {
        color: #ff0000
    }

.li-ico-mega {
    position: relative;
    width: 16px;
    float: right;
    font-size: 11px
}

.element-tittle {
    padding-left: 10px
}

.qoute-ico {
    width: 50px;
    height: 50px;
    margin-right: 13px;
    float: right;
    border-radius: 100px;
    font-size: 20px;
    line-height: 50px;
    text-align: center
}

    .qoute-ico.display-none {
        display: none
    }

.test-text-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.sub-tittle-test {
    font-family: 'PT Sans',sans-serif;
    color: #919191;
    font-size: 12px;
    font-weight: 400
}

.p-white {
    color: #b0b0b0
}

.h-lighter {
    color: #fff
}

.grid {
    width: 100%
}

.portfolio-overlay-full {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,0.98) 13%,transparent);
    background-image: linear-gradient(to top,rgba(0,0,0,0.98) 13%,transparent);
    opacity: 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff;
    text-decoration: none
}

.portfolio-txt-full {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

.title-full-portfolio {
    margin-bottom: 8px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease
}

.social-full {
    margin-top: 16px;
    float: right
}

.hero-section {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #ac7ccc
}

.hero-center-div {
    text-align: center
}

.sp-process {
    margin-top: 20px
}

.arrow {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: #fff
}

    .arrow.a-dark {
        background-color: #676767
    }

    .arrow:before, .arrow:after {
        content: '';
        position: absolute;
        bottom: 100%;
        width: 50%;
        padding-bottom: inherit;
        background-color: inherit
    }

    .arrow:before {
        right: 50%;
        -ms-transform-origin: 100% 100%;
        -webkit-transform-origin: 100% 100%;
        transform-origin: 100% 100%;
        -ms-transform: skewX(45deg);
        -webkit-transform: skewX(45deg);
        transform: skewX(45deg)
    }

    .arrow:after {
        left: 50%;
        -ms-transform-origin: 0 100%;
        -webkit-transform-origin: 0 100%;
        transform-origin: 0 100%;
        -ms-transform: skewX(-45deg);
        -webkit-transform: skewX(-45deg);
        transform: skewX(-45deg)
    }

.small-line {
    width: 40px;
    height: 3px;
    margin-top: 10px;
    margin-bottom: 10px
}

.inner-banner {
    position: relative;
    padding-top: 39px;
    padding-bottom: 35px;
    border-bottom: 8px solid #525252;
    background-color: #676767;
    color: #fff;
    font-size: 12px
}

.inner-space {
    padding: 10px 10% !important;
    margin-top: 100px
}
.alert {
    text-align: center;
    border-radius: 14px;
    box-shadow: -5px 5px 5px #c9a053;
    border: 0 !important;
    padding: 0 !important;
}
.alert-message {
    position: relative;
    margin-bottom: 20px;
    padding: 10px 20px;
    border: 1px solid #f2e3c7;
    background-color: #fcf8e3;
    background-image: -webkit-linear-gradient(94deg,#fcf8e3,white);
    background-image: linear-gradient(356deg,#fcf8e3,white);
    color: #c09853;
    font-size: 14px
}

    .alert-message.info {
        border-color: #aed7ea;
        background-color: #d8ecf5;
        background-image: -webkit-linear-gradient(94deg,#d8ecf5,white);
        background-image: linear-gradient(356deg,#d8ecf5,white);
        color: #5593b1
    }

    .alert-message.success {
        border-color: #cddb9b;
        background-color: #e3ebc6;
        background-image: -webkit-linear-gradient(94deg,#e3ebc6,white);
        background-image: linear-gradient(356deg,#e3ebc6,white);
        color: #8e9c5e
    }

    .alert-message.error {
        border-color: #fad2d3;
        background-color: #064f8e;
        background-image: -webkit-linear-gradient(94deg,#f9e5e6,white);
        background-image: linear-gradient(356deg,#f9e5e6,white);
        color: #c48587
    }

.remove-alert {
    width: 20px;
    float: right
}

.toggle-wrapper {
    margin-bottom: 10px
}

.toggle-header {
    width: 100%;
    padding: 10px;
    border-bottom: 1px solid #adadad;
    border-radius: 4px;
    background-color: #4133d2;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #fff;
    font-size: 14px;
    text-decoration: none
}

    .toggle-header.second-style {
        border-bottom-color: #0d0d0d;
        background-color: #676767
    }

    .toggle-header.third-style {
        border: 1px solid #ddd;
        background-color: #ff0000;
        box-shadow: rgba(180,180,180,0.2) 0 1px 2px 1px;
        color: #FFF
    }

    .toggle-header.fourth-style {
        border-radius: 8px;
        background-color: transparent
    }

.toggle-content {
    overflow-x: hidden;
    overflow-y: hidden;
    height: 0
}

.toggle-ico {
    padding-top: 10px;
    float: right;
    text-transform: none
}

.toggle-space {
    padding: 0
}

.toggle-line {
    width: 15px;
    height: 2px;
    background-color: #fff
}

    .toggle-line.dark-color {
        background-color: #313131
    }

.toggle-line-2 {
    width: 15px;
    height: 2px;
    background-color: #fff;
    -webkit-transform: rotate(90deg) translate(-2px,0px);
    -ms-transform: rotate(90deg) translate(-2px,0px);
    transform: rotate(90deg) translate(-2px,0px)
}

    .toggle-line-2.dark-color {
        background-color: #313131
    }

.shadow {
    opacity: .5;
    text-align: center
}

.divider-1-pattern {
    width: 100%;
    height: 12px;
    background-image: url(../images/divider17.png);
    opacity: .6
}

    .divider-1-pattern._2 {
        background-image: url(../images/divider10.png)
    }

    .divider-1-pattern._3 {
        background-image: url(../images/divider5.png)
    }

.divider-space {
    margin-top: 40px;
    margin-bottom: 40px
}

    .divider-space.less-space {
        margin-top: 50px;
        margin-bottom: 50px
    }

.vertical-menu {
    width: 20%;
    margin-right: 15px;
    float: right
}

.modal {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 9999;
    display: block;
    overflow-x: scroll;
    overflow-y: scroll;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.6)
}

.container-popup {
    position: relative;
    top: 50%;
    -webkit-transform: translate(0px,-50%);
    -ms-transform: translate(0px,-50%);
    transform: translate(0px,-50%)
}

.popup {
    position: relative;
    display: block;
    max-width: 940px;
    margin-right: auto;
    margin-left: auto;
    padding: 50px;
    border-radius: 2px;
    background-color: #fff;
    box-shadow: rgba(0,0,0,0.29) 0 0 6px 2px
}

.remove-modal {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 30px;
    height: 30px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #515151;
    font-size: 17px;
    text-align: center
}

.call-to-action {
    padding: 38px 10px
}

    .call-to-action.cta-v-color {
        background-color: #ac7ccc
    }

.left-aglin-column {
    text-align: right
}

.m-p {
    padding-top: 5px;
    font-size: 20px
}

.icon {
    width: 40px;
    float: right;
    font-size: 20px;
    line-height: 42px;
    text-align: center
}

.icon-text {
    display: inline-block;
    padding: 7px 11px;
    border-radius: 2px;
    background-color: #f1f1f1;
    color: #999;
    font-size: 13px
}

.aler-link {
    color: #5593b1;
    font-weight: 700;
    text-decoration: none
}

    .aler-link:hover {
        text-decoration: underline
    }

.pricing-table {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    padding-bottom: 18px;
    border-radius: 4px;
    background-color: #fff;
    box-shadow: #e6e6e6 0 0 0 1px inset;
    text-align: center
}

.pricing-price {
    padding-bottom: 55px
}

.pricing-txt {
    padding-top: 25px;
    padding-bottom: 20px;
    border-bottom: 1px solid rgba(255,255,255,0.27);
    font-family: YekanF;
    font-weight: 600;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px
}

.circle-price {
    position: relative;
    top: 25px;
    display: block;
    width: 130px;
    height: 130px;
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #fff;
    border-radius: 100%;
    color: #fff;
    font-size: 25px;
    line-height: 125px;
    font-weight: 400
}

.p-pricing {
    color: #a6a6a6;
    font-size: 13px;
    font-style: italic
}

.month {
    color: rgba(255,255,255,0.65);
    font-size: 17px
}

.featured-txt {
    position: absolute;
    top: 0;
    right: 0;
    display: inline-block;
    margin-top: 15px;
    margin-right: -37px;
    padding: 9px 50px;
    background-color: #ffae00;
    -webkit-transform: rotate(46deg);
    -ms-transform: rotate(46deg);
    transform: rotate(46deg);
    color: #8c630b;
    font-size: 12px;
    font-weight: 700
}

.highlight {
    padding: 3px 6px;
    color: #fff
}

    .highlight.hl-dark {
        background-color: #414141
    }

.underline {
    text-decoration: underline
}

.strikeout {
    text-decoration: line-through
}

.dropcast {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin-top: 8px;
    margin-right: 17px;
    padding-top: 17px;
    float: right;
    border-radius: 5px;
    font-family: YekanF;
    font-weight: 600;
    color: #fff;
    font-size: 22px;
    text-align: center
}

    .dropcast.dc-circile {
        border-radius: 100%
    }

    .dropcast.dc-dark {
        background-color: #414141
    }

    .dropcast.dc-square {
        border-radius: 0
    }

    .dropcast.dc-transparent {
        background-color: transparent;
        font-size: 40px
    }

.blockquote {
    padding: 25px 18px;
    color: #313131;
    font-size: 17px;
    line-height: 40px;
    font-style: italic
}

.filters {
    margin-bottom: 50px;
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
    text-align: center
}

.filter-ul {
    display: inline-block
}

.filter {
    display: inline-block;
    margin-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-top: 2px solid #fff;
    font-size: 13px;
    font-weight: 400
}

.flt-lnk {
    padding-top: 16px;
    padding-bottom: 16px;
    color: #515151;
    text-decoration: none
}

.ver-remove-spc {
    margin-bottom: 40px
}

.team-img-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.overlay-team {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: rgba(0,0,0,0.8);
    text-align: center
}

.soc-team {
    width: 30px;
    opacity: .7;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #fff
}

    .soc-team:hover {
        opacity: 1
    }

.sub-tittle-team {
    margin-bottom: 15px;
    color: #919191;
    font-size: 14px
}

.big-testimonials-wrapper {
    text-align: center
}

.testi-photo {
    display: block;
    width: 100px;
    height: 100px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 100%;
    background-image: url(../images/cleint3.jpg);
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat
}

    .testi-photo._2 {
        background-image: url(../images/client1.jpg)
    }

    .testi-photo._3 {
        background-image: url(../images/client2.jpg)
    }

.b-test-txt {
    margin-top: 20px;
    padding-right: 120px;
    padding-left: 120px
}

.p-big-test {
    color: #fff;
    font-size: 17px;
    line-height: 30px;
    font-style: italic
}

.b-test-name {
    margin-top: 16px
}

.tm-margin {
    margin-bottom: 25px
}

.portfolio-pagination {
    margin-bottom: 50px;
    padding-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1
}

    .portfolio-pagination.blog-pag {
        padding-top: 0;
        padding-bottom: 0
    }

.p-pagination {
    width: 30px;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #bebebe;
    font-size: 17px;
    line-height: 44px;
    text-align: center;
    text-decoration: none
}

    .p-pagination.p-pag-all {
        position: relative;
        top: 7px;
        font-size: 26px
    }

.blog-search {
    height: 45px;
    padding-left: 35px;
    border: 1px solid #ddd;
    background-image: url(../images/search_adadad_100.png);
    background-position: 12px 50%;
    background-size: 16px;
    background-repeat: no-repeat;
    box-shadow: rgba(180,180,180,0.2) 0 1px 2px 1px
}

.select-filed {
    height: 41px;
    border: 1px solid #ddd;
    box-shadow: rgba(180,180,180,0.2) 0 1px 2px 1px
}

.li-post {
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ebebeb
}

    .li-post.n-line {
        border-bottom-style: none
    }

.sidebar {
    padding-left: 15px
}

.meta-tag {
    color: #919191;
    font-size: 13px;
    line-height: 24px
}

.blog-img {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    text-align: center
}

.blog-pagination {
    text-align: right
}

.padd-right {
    padding-left: 19px
}

.blog-author {
    width: 100px;
    height: 100px;
    margin-right: 12px;
    float: right;
    border-radius: 100%;
    background-image: url(../images/cleint3.jpg);
    background-position: 50% 50%;
    background-size: cover
}

.author-wrapper {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.share-post {
    margin-right: 15px;
    float: right
}

.comment-photo {
    width: 50px;
    height: 50px;
    margin-right: 15px;
    float: right;
    background-image: url(../images/client2.jpg);
    background-size: cover
}

    .comment-photo._2 {
        background-image: url(../images/cleint3.jpg)
    }

.comment-wraper {
    overflow-x: hidden;
    overflow-y: hidden
}

.h-comment {
    margin-bottom: 0
}

.reply {
    padding-left: 60px
}

.text-field {
    height: 46px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    box-shadow: rgba(180,180,180,0.2) 0 1px 2px 1px
}

    .text-field.txt-f-2 {
        width: 300px
    }

.text-area {
    padding-bottom: 75px;
    border: 1px solid #ddd;
    box-shadow: rgba(180,180,180,0.2) 0 1px 2px 1px
}

.map-block {
    display: block;
    padding-top: 3px;
    font-family: YekanF;
    font-weight: 600;
    color: #fff;
    font-size: 27px;
    line-height: 30px;
    letter-spacing: 1px;
    text-decoration: none
}

.mp-txt {
    display: inline-block
}

.map-arrow {
    position: relative;
    top: -4px;
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    font-size: 20px
}

.banner {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden
}

.bussines-slider {
    position: relative;
    height: auto;
    background-color: transparent;
    background-image: url(../images/chalkdust.png);
    background-position: 50% 50%;
    background-size: auto;
    background-repeat: no-repeat
}

.b-arrow {
    width: 80px;
    height: 80px;
    margin-right: 0;
    background-color: rgba(60,60,60,0.59);
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    font-size: 36px;
    line-height: 80px;
    border-radius: 50px
}

    .b-arrow:hover {
        background-color: rgba(60,60,60,0.80)
    }

    .b-arrow.ba-l {
        margin-left: 0
    }

.slider-sub-text {
    color: rgba(255,255,255,0.72);
    font-size: 17px;
    line-height: 24px;
    font-weight: 400
}

    .slider-sub-text.bx-slider {
        color: #b5b5b5;
        font-size: 17px;
        font-style: italic
    }

.bslider-txt-wrapper {
    position: relative;
    top: 95px;
    padding-right: 30px
}

.col-center {
    text-align: center
}

.creative-banner {
    position: relative;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 800px;
    background-image: url(../images/parallax.png);
    background-position: 100% 169%;
    background-size: 1497px;
    background-repeat: no-repeat;
    background-attachment: fixed
}

.sub-txt-rotator {
    display: inline-block;
    color: rgba(255,255,255,0.74);
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 1px
}

.txt-rot-con {
    position: relative;
    top: 20%
}

.rotator-line {
    display: block;
    width: 550px;
    height: 1px;
    margin: 20px auto;
    border-style: dotted;
    border-width: 1px;
    border-color: rgba(255,255,255,0.74)
}

.rotator-slider {
    height: auto;
    background-color: transparent
}

.txt-rotator-wrapper {
    padding-right: 65px;
    padding-left: 65px;
    text-align: center
}

.sl-rot-txt {
    color: #fff;
    font-size: 60px;
    line-height: 85px
}

.slid-bus-txt {
    font-size: 44px;
    line-height: 52px
}

.boxed-slider {
    height: 500px;
    background-color: transparent;
    background-image: -webkit-radial-gradient(50% 50%,circle,white,#e0e0e0);
    background-image: radial-gradient(circle at 50% 50%,white,#e0e0e0)
}

.shadow-slider {
    height: 50px;
    background-image: url(../images/shadow.png);
    background-position: 50% 23%;
    background-size: 920px;
    background-repeat: no-repeat;
    opacity: .7;
    text-align: center
}

.dots-boxed-slider {
    font-size: 10px
}

.boxed-slider-wrapper {
    position: relative;
    left: 100px;
    top: 140px
}

    .boxed-slider-wrapper.bx-right {
        left: -25px
    }

.boxed {
    display: block;
    background-color: #676767;
    background-image: url(../images/ptn.png);
    position: relative;
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
    box-shadow: rgba(0,0,0,0.1) 0 0 40px 4px
}

.embed-sl {
    position: relative;
    left: 30px;
    top: 48px;
    padding: 18px
}

.tab-slide {
    width: 25%;
    padding: 0;
    float: right;
    border-top: 5px solid #8c8c8c;
    background-color: #313131;
    box-shadow: rgba(255,255,255,0.02) -1px 0 0 0;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    color: #fff
}

    .tab-slide:hover {
        border-top-color: #6b6b6b;
        background-color: #242424
    }

    .tab-slide.w--current {
        background-color: #313131
    }

.tab-sl-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    margin-top: 6px
}

.tittle-tb-slider {
    margin-bottom: 0
}

.tab-ico-number {
    width: 55px;
    height: 55px;
    margin-right: 10px;
    float: right;
    border-radius: 100%;
    color: #fff;
    font-size: 20px;
    line-height: 57px;
    text-align: center
}

.caption-tab {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 19px 19px 17px;
    font-family: YekanF;
    font-weight: 600;
    color: #fff;
    font-size: 17px;
    letter-spacing: 1px
}

.side-cont-tab {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    height: 100%;
    padding: 18px 28px 15px 21px;
    background-color: rgba(0,0,0,0.84)
}

.h-tb {
    color: #fff;
    font-size: 18px;
    line-height: 30px
}

.top-line-cap-tab {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    padding: 13px 20px;
    background-color: #ac7ccc;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    color: #fff;
    line-height: 26px;
    text-align: center;
    text-decoration: none
}

    .top-line-cap-tab:hover {
        background-color: #313131
    }

.tab-link-caption {
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    color: #fff;
    text-decoration: none
}

.breadcrumb {
    font-size: 23px;
    font-weight: 400;
    letter-spacing: 0
}

.lighter {
    position: relative;
    top: -3px;
    font-family: 'Open Sans',sans-serif;
    color: #b8b8b8;
    font-size: 15px;
    font-weight: 300
}

.bread-link {
    color: #b8b8b8;
    text-decoration: none
}

    .bread-link:hover {
        text-decoration: underline
    }

.gr-color-l {
    color: #b8b8b8
}

.animation-ico {
    display: block;
    width: 150px;
    height: 150px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 100%;
    color: #fff;
    font-size: 60px;
    line-height: 170px;
    text-align: center
}

html.w-mod-js [data-ix="move-language-drop"] {
    display: none;
    opacity: 0;
    -webkit-transform: translate(0px,20px);
    -ms-transform: translate(0px,20px);
    transform: translate(0px,20px)
}

html.w-mod-js [data-ix="hide-search"] {
    display: none
}

html.w-mod-js [data-ix="move-top-btn"] {
    opacity: 0;
    -webkit-transform: translate(100px,0px);
    -ms-transform: translate(100px,0px);
    transform: translate(100px,0px)
}

html.w-mod-js [data-ix="zom-out-pico"] {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

html.w-mod-js [data-ix="move-dt-blog"] {
    -webkit-transform: translate(0px,43px);
    -ms-transform: translate(0px,43px);
    transform: translate(0px,43px)
}

html.w-mod-js [data-ix="move-sub-full-portfolio"] {
    opacity: 0;
    -webkit-transform: translate(0px,40px);
    -ms-transform: translate(0px,40px);
    transform: translate(0px,40px)
}

html.w-mod-js [data-ix="move-tittle-full-portfolio"] {
    opacity: 0;
    -webkit-transform: translate(0px,60px);
    -ms-transform: translate(0px,60px);
    transform: translate(0px,60px)
}

html.w-mod-js [data-ix="move-process-text"] {
    opacity: 0;
    -webkit-transform: translate(0px,100px);
    -ms-transform: translate(0px,100px);
    transform: translate(0px,100px)
}

html.w-mod-js [data-ix="move-titte-procces"] {
    -webkit-transform: translate(0px,40px);
    -ms-transform: translate(0px,40px);
    transform: translate(0px,40px)
}

/*html.w-mod-js [data-ix="out-click-remove-modal"] {
    display: none;
    opacity: 0
}*/

html.w-mod-js [data-ix="move-social-team"] {
    -webkit-transform: translate(0px,60px);
    -ms-transform: translate(0px,60px);
    transform: translate(0px,60px)
}

html.w-mod-js [data-ix="remove-map"] {
    height: 0
}

html.w-mod-js [data-ix="move-mascot-slide"] {
    opacity: 0;
    -webkit-transform: translate(150px,0px);
    -ms-transform: translate(150px,0px);
    transform: translate(150px,0px)
}

html.w-mod-js [data-ix="move-from-bottom-txt-slider"] {
    opacity: 0;
    -webkit-transform: translate(0px,25px);
    -ms-transform: translate(0px,25px);
    transform: translate(0px,25px)
}

html.w-mod-js [data-ix="move-from-left-txt-slider"] {
    opacity: 0;
    -webkit-transform: translate(-25px,0px);
    -ms-transform: translate(-25px,0px);
    transform: translate(-25px,0px)
}

html.w-mod-js [data-ix="zoom-scale-button-slider"] {
    opacity: 0;
    -webkit-transform: rotate(-15deg) scale(1.3);
    -ms-transform: rotate(-15deg) scale(1.3);
    transform: rotate(-15deg) scale(1.3)
}

html.w-mod-js [data-ix="zoom-scale-button-slider-2"] {
    opacity: 0;
    -webkit-transform: rotate(-15deg) scale(1.3);
    -ms-transform: rotate(-15deg) scale(1.3);
    transform: rotate(-15deg) scale(1.3)
}

html.w-mod-js [data-ix="move-mascot-from-bottom-top"] {
    opacity: 0;
    -webkit-transform: translate(0px,510px);
    -ms-transform: translate(0px,510px);
    transform: translate(0px,510px)
}

html.w-mod-js [data-ix="zom-in-out-txt-slider"] {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

html.w-mod-js [data-ix="zom-in-out-txt-slider-2"] {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

html.w-mod-js [data-ix="move-from-bottom-txt-slider-2"] {
    opacity: 0;
    -webkit-transform: translate(0px,25px);
    -ms-transform: translate(0px,25px);
    transform: translate(0px,25px)
}

html.w-mod-js [data-ix="zoom-scale-button-slider-3"] {
    opacity: 0;
    -webkit-transform: rotate(-15deg) scale(1.3);
    -ms-transform: rotate(-15deg) scale(1.3);
    transform: rotate(-15deg) scale(1.3)
}

html.w-mod-js [data-ix="move-from-bottom-txt-slider-3"] {
    opacity: 0;
    -webkit-transform: translate(0px,25px);
    -ms-transform: translate(0px,25px);
    transform: translate(0px,25px)
}

html.w-mod-js [data-ix="move-txt-from-right"] {
    opacity: 0;
    -webkit-transform: translate(30px,0px);
    -ms-transform: translate(30px,0px);
    transform: translate(30px,0px)
}

html.w-mod-js [data-ix="zom-in-out-txt-slider-3"] {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

html.w-mod-js [data-ix="move-from-left-txt-slider-2"] {
    opacity: 0;
    -webkit-transform: translate(-25px,0px);
    -ms-transform: translate(-25px,0px);
    transform: translate(-25px,0px)
}

html.w-mod-js [data-ix="slider-rot-from-top"] {
    opacity: 0;
    -webkit-transform: translate(0px,-30px);
    -ms-transform: translate(0px,-30px);
    transform: translate(0px,-30px)
}

html.w-mod-js [data-ix="slide-rot-line"] {
    opacity: 0;
    width: 0
}

html.w-mod-js [data-ix="big-text-rot"] {
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

html.w-mod-js [data-ix="rot-btn-form-bottom"] {
    opacity: 0;
    -webkit-transform: translate(0px,40px);
    -ms-transform: translate(0px,40px);
    transform: translate(0px,40px)
}

html.w-mod-js [data-ix="move-from-left-txt-slider-3"] {
    opacity: 0;
    -webkit-transform: translate(-25px,0px);
    -ms-transform: translate(-25px,0px);
    transform: translate(-25px,0px)
}

html.w-mod-js [data-ix="zom-in-out-txt-slider-4"] {
    opacity: 0;
    -webkit-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}

html.w-mod-js [data-ix="move-from-bottom-txt-slider-4"] {
    opacity: 0;
    -webkit-transform: translate(0px,25px);
    -ms-transform: translate(0px,25px);
    transform: translate(0px,25px)
}

html.w-mod-js [data-ix="caption-tab"] {
    opacity: 0;
    -webkit-transform: translate(300px,0px);
    -ms-transform: translate(300px,0px);
    transform: translate(300px,0px)
}

html.w-mod-js [data-ix="side-tab"] {
    opacity: 0;
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}

.btnme {
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 2px;
    cursor: pointer;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 1.2px;
    line-height: 1.375;
    border-radius: 8px;
    background-color: #00BFD6;
    border: 1px solid #41a7b4;
    color: #fff;
    -webkit-transition-duration: .9s;
    transition-duration: .9s
}

input, select, textarea, input[type=password] {
    width: 99%;
    padding: 12px 20px;
    box-sizing: border-box;
    color: #004e2f;
    border-radius: 5px;
    height: 52px;
    border: 1px solid #bbc7cd;
    margin: 10px;
    border-radius: 8px
}

    input:focus {
        border-color: #d5d9e373;
        outline: #d5d9e373;
        background-color: #d5d9e373;
    }

.thumb {
    display: block;
    padding: 8px;
    margin: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out
}

    .thumb:hover {
        border: 2px solid #0009b1
    }

.retticket {
    border: none;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    background-color: #e7e7e7;
    color: #000
}

.sidenavxnbcd {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 2000;
    top: 0;
    right: 0;
    background-color: #FFF;
    overflow-x: hidden;
    transition: .1s;
    padding-top: 60px;
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,.07);
    direction: rtl
}

    .sidenavxnbcd a {
        padding: 8px 8px 15px 32px;
        text-decoration: none;
        font-size: 14px;
        color: #818181;
        display: block;
        transition: .3s
    }

        .sidenavxnbcd a:hover {
            color: #FFFF;
            background-color: #0248fb
        }

    .sidenavxnbcd .closebtn {
        position: absolute;
        top: 0;
        font-size: 36px;
        width: 100%;
        left: 0;
        padding: 15px;
        direction: ltr
    }

#main2 {
    transition: margin-right .5s;
    direction: rtl
}

@media screen and (max-height: 450px) {
    .sidenavxnbcd {
        padding-top: 15px
    }

        .sidenavxnbcd a {
            font-size: 18px
        }
}

div.scrollmenu {
    background-color: #fff;
    overflow: auto;
    white-space: nowrap;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 4px 0 #46485a;
    text-align: center;
    z-index: 5
}

    div.scrollmenu a {
        display: inline-block;
        color: #252a35;
        text-align: center;
        padding: 14px;
        text-decoration: none;
        font-size: 25px;
        padding: 15px 3%
    }

        div.scrollmenu a:hover {
            background: #002caf;
            color: #fff
        }

div.scrollmenu1 {
    background-color: #fff;
    overflow: scroll;
    white-space: nowrap;
    width: 100%;
    box-shadow: 0 1px 0 0 #cecfd4;
    text-align: center;
    direction: rtl;
    overflow-y: hidden;
    padding: 8px 0;
    display: inline-flex
}

    div.scrollmenu1 a {
        float: right
    }

    div.scrollmenu1 .fa {
        color: #252a35;
        text-align: center;
        padding: 15px;
        text-decoration: none;
        font-size: 25px;
        width: 60px;
        height: 60px;
        text-align: center
    }

        div.scrollmenu1 .fa:hover {
            background: #0237d5;
            color: #fff;
            border-radius: 100px
        }

    div.scrollmenu1 a {
        color: #46485a;
        padding: 0 10px
    }

        div.scrollmenu1 a:hover {
            color: #0237d5
        }

            div.scrollmenu1 a:hover > .fa {
                background: #0237d5;
                color: #fff;
                border-radius: 100px
            }

.socialghajil {
    padding: 20px;
    font-size: 28px;
    width: 70px;
    height: 70px;
    border-radius: 50px;
    color: #fff;
    margin: 20px 5px;
    text-align: center
}

.in {
    background-color: #007BB6
}

.insta {
    background-image: linear-gradient(266deg,#4e60d3,#913baf 35%,#d52d88 68%,#f26d4f)
}

.fac {
    background-color: #3B579D
}

.gp {
    background-color: #D64B3B
}

.fittext {
    text-decoration: none;
    font-size: 12px;
    text-align: center;
    float: right;
    direction: rtl;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px
}

.awidth {
    width: 40%
}

.filterwidth {
    width: 50%
}

.deletemargin {
    margin: 0 19px
}

.searchbtn {
    width: 100%;
    margin-left: 5px
}

.w3-blue {
    color: #fff !important;
    background-color: #2196F3 !important;
    padding: 5px 15px;
    border-radius: 5px;
    margin: 2px;
    display: inline-block
}

    .w3-blue:hover {
        color: #fff !important;
        background-color: #555 !important;
        padding: 5px 15px;
        border-radius: 5px
    }

@media screen and (max-width:1600px) {
    .art {
        width: 33.33% !important
    }
}

@media screen and (max-width:1200px) {
    .art {
        width: 50% !important
    }
}

@media screen and (max-width:991px) {
    .art {
        width: 50% !important
    }

    .hper {
        width: 100% !important
    }

    .searchbtn {
        width: 100%;
        margin-left: 5px
    }

    .inputwidth {
        width: 75%
    }

    .searchwidth {
        width: 25%
    }

    .awidth {
        width: 100%
    }

    .fres {
        font-size: 17px
    }

    .padf {
        font-size: 14px
    }

    .rel {
        text-align: center;
        direction: rtl
    }

    .bfont, .pcs {
        font-size: 13px !important
    }
}

@media screen and (max-width:460px) {
    .btns {
        padding: 10px !important
    }

    .art {
        width: 100% !important
    }

    .deletemargin {
        margin: 0
    }

    .inputwidth {
        width: 75%
    }

    .searchwidth {
        width: 25%
    }

    .searchbtn {
        width: 100%;
        margin: 0;
        padding: 0
    }
}

@media screen and (max-width:400px) {
    .filterwidth {
        width: 100%;
        margin: 10px 0
    }
}

@media (max-width: 991px) {
    .nav-link.active {
        width: 100%
    }

    .nav-menu {
        padding-top: 0;
        background-color: rgb(230 235 239 / 90%)
    }

    .hamburger {
        margin-top: 4px;
        padding: 13px;
        border-radius: 4px;
        font-size: 26px
    }

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

        .section.light-gray {
            padding-top: 50px;
            padding-bottom: 50px
        }

        .section.pattern {
            padding-top: 30px
        }

    .iconbox-wrapper {
        margin-bottom: 35px
    }

    .space.x2.remove-spc {
        margin-top: 10px
    }

    .mix {
        width: 50%
    }

    .mixx {
        width: 50%
    }

    .vertical-pagination.v-p-remove-mg {
        margin-right: 0;
        margin-left: 0
    }

    .core-wrapper {
        margin-bottom: 36px
    }

    .tab {
        margin-bottom: 10px
    }

    .procces-wrapper {
        width: 50%
    }

    .footer {
        padding-top: 15px;
        padding-bottom: 60px
    }

    .col-footer {
        height: auto;
        border-right-style: none
    }

    .h-minimal {
        font-size: 19px
    }

    .mega-menu.w--open {
        width: auto;
        max-width: 728px;
        padding-left: 11px
    }

    .mega-tittle {
        margin-bottom: 14px;
        border-right-style: none
    }

        .mega-tittle.with-no-line {
            margin-bottom: 0
        }

    .inner-space {
        margin-top: 50px
    }

    .vertical-menu {
        width: 23%
    }

    .call-to-action {
        padding-top: 17px;
        padding-bottom: 17px
    }

    .left-aglin-column {
        text-align: center
    }

        .left-aglin-column.cetner {
            text-align: center
        }

    .m-p {
        margin-bottom: 15px;
        text-align: center
    }

    .sidebar {
        margin-top: 30px;
        padding-left: 0
    }

    .row-slider {
        text-align: center
    }

    #change-tp.bslider-txt-wrapper {
        top: -30px
    }

    #change-tp-a.bslider-txt-wrapper {
        top: -30px
    }

    #change-tp-b.bslider-txt-wrapper {
        top: -30px
    }

    .creative-banner {
        height: 676px
    }

    .sl-rot-txt {
        font-size: 57px
    }

    .slid-bus-txt {
        margin-bottom: 5px;
        font-size: 38px
    }

    #change-tp-2.boxed-slider-wrapper {
        left: 35px;
        top: 114px
    }

    .boxed-layout {
        margin-right: 0;
        margin-left: 0
    }

    .tab-slide {
        width: 50%
    }

    .center {
        text-align: center
    }

    .img-e-wrap {
        margin-top: 40px
    }

    #myaffix.normal-header.affix {
        position: fixed;
        top: auto;
        width: 100%;
    }
}


@media (max-width: 991px) {
    .res2 {
        width: 16%;
        bottom: 60px;
    }

    .res {
        /*        width: 35%;
*/ bottom: 60px;
    }
}

@media (max-width: 767px) {
    .padd {
        padding: 0 4% !important
    }

    .res2 {
        bottom: 60px;
        width: 25%;
    }

    /*  .res {
        width: 26%;
        bottom: 60px
    }*/

    .p3css {
        padding: 0 10px !important
    }

    .sals {
        position: initial;
        top: 0
    }

    h1 {
        font-size: 33px
    }

    .resizefont {
        font-size: 12px
    }

    .normal-header.full-header {
        padding-right: 0;
        padding-left: 0
    }

    .normal-header {
        position: inherit;
        background: #fff
    }

    .top-right-wrapper {
        float: none;
        text-align: center
    }

    .hamburger {
        margin-top: 1px;
        margin-right: 14px
    }

    .space {
        margin-top: 10px;
        margin-bottom: 10px
    }

    .mix.mix-3 {
        width: 50%
    }

    .video-wrapper {
        background-image: url(../images/paralax5.jpg);
        background-size: cover
    }

    .logo-wrapper {
        width: 33.333%
    }

    .footer {
        padding-top: 5px;
        padding-bottom: 40px
    }

    .copyright {
        margin-bottom: 9px;
        padding-top: 7px;
        float: none;
        text-align: center
    }

    .h-minimal {
        font-size: 16px
    }

    .spac-bott {
        margin-bottom: 50px
    }

    .mega-menu.w--open {
        padding-left: 0
    }

    .inner-banner {
        padding-top: 35px;
        padding-bottom: 24px
    }

    .inner-space {
        margin-top: 50px
    }

    .divider-space {
        margin-top: 50px;
        margin-bottom: 50px
    }

        .divider-space.less-space {
            margin-top: 25px;
            margin-bottom: 25px
        }

    .popup {
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        overflow-x: scroll;
        overflow-y: scroll;
        margin-right: 10px;
        margin-left: 10px;
        padding: 27px
    }

    .remove-modal {
        top: 10px;
        right: 10px
    }

    .left-aglin-column {
        text-align: center
    }

    .m-p {
        font-size: 19px;
        line-height: 30px
    }

    .icon-wrapper {
        margin-bottom: 20px
    }

    .pricing-table {
        margin-bottom: 15px
    }

    .portfolio-pagination {
        text-align: center
    }

    .padd-right {
        margin-top: 20px;
        padding-left: 0
    }

    .mp-txt {
        font-size: 20px
    }

    .slider-sub-text {
        font-size: 16px
    }

    .bslider-txt-wrapper {
        padding-right: 39px;
        padding-left: 39px;
        top: -25px
    }

    .creative-banner {
        height: 604px
    }

    .sub-txt-rotator {
        font-size: 13px
    }

    .rotator-line {
        width: 515px
    }

    .sl-rot-txt {
        font-size: 41px;
        line-height: 67px
    }

    .slid-bus-txt {
        font-size: 35px
    }

    #change-tp-2.boxed-slider-wrapper {
        left: 0;
        top: 7px
    }

    #change-tp-3.boxed-slider-wrapper.bx-right {
        left: 4px;
        top: -10px
    }

    #change-tp-4.embed-sl {
        left: 0;
        top: 0
    }

    .breadcrumb {
        margin-bottom: 15px;
        text-align: center
    }

    .center {
        text-align: center
    }

    .res-space {
        margin-top: 30px
    }

    .pzero {
        padding: 0 !important
    }
}

@media (max-width: 479px) {

    h1 {
        font-size: 31px
    }

    .resizefont {
        font-size: 12px
    }

    h3 {
        line-height: 39px
    }

    .normal-header.full-header {
        padding-right: 0;
        padding-left: 0
    }

    .hamburger {
        margin-right: 10px
    }

    .mix {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .mixx {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }

    .mix.mix-3 {
        width: 100%
    }

    .mix.mix-2 {
        width: 100%
    }

    .video-wrapper {
        height: 600px
    }

    .container-inside-v {
        top: 11%
    }

    .blog-link {
        font-size: 21px
    }

    .tab {
        margin-bottom: 12px
    }

    .lightbox-tb {
        margin-bottom: 20px;
        float: none
    }

    .procces-wrapper {
        width: 100%
    }

    .arrow-proccess {
        display: none
    }

    .logo-wrapper {
        width: 50%
    }

    .footer {
        padding-bottom: 219px
    }

    .copyright {
        line-height: 24px
    }

    .divider-space.less-space {
        margin-top: 25px;
        margin-bottom: 25px
    }

    .popup {
        margin-right: 5px;
        margin-left: 5px;
        padding: 22px
    }

    .remove-modal {
        top: 5px;
        right: 5px
    }

    .call-to-action.cta-v-color {
        padding-bottom: 28px
    }

    .filter {
        display: block
    }

    .b-test-txt {
        padding-right: 28px;
        padding-left: 28px
    }

    .text-field.txt-f-2 {
        width: 280px
    }

    .creative-banner {
        height: 538px
    }

    .rotator-line {
        width: 270px
    }

    .txt-rotator-wrapper {
        padding-right: 10px;
        padding-left: 10px
    }

    .sl-rot-txt {
        margin-top: 0;
        font-size: 26px;
        line-height: 48px
    }

    .boxed-slider {
        height: 446px
    }

    .tab-slide {
        width: 100%
    }

    .lighter {
        display: none
    }
}

@media screen and (min-width: 1200px) {
    .w-container {
        max-width: 92%
    }
}

@media screen and (max-width: 1300px) {
    .vertical-pagination {
        margin-left: -16px;
        margin-right: -16px
    }
}

@media screen and (max-width: 1198px) {
    .bslider-txt-wrapper {
        top: 36px
    }

    .boxed-slider-wrapper {
        top: 110px;
        left: 65px
    }

    .embed-sl {
        top: 87px
    }
}

@media screen and (max-width: 1040px) {
    .social-full {
        display: none
    }
}

@font-face {
    font-family: 'Lovelo';
    src: url(../fonts/Lovelo_Black.otf) format("embedded-opentype"),url(../fonts/Lovelo_Black.woff) format("woff"),url(../fonts/Lovelo_Black.ttf) format("truetype"),url(../fonts/Lovelo_Black.eot) format("opentype");
    font-weight: 600;
    font-style: normal
}

@media screen and (max-width:1630px) {
    .imgfw {
        max-width: 1000px;
        overflow: scroll;
        overflow-x: scroll;
        overflow-y: hidden
    }
}

.topnaav {
    overflow: hidden;
    background-color: #FAFAFA
}

    .topnaav a {
        float: right;
        color: #333;
        text-align: center;
        text-decoration: none;
        font-size: 12px;
        border-left: 1px solid #d3d3d3;
        padding: 15px 8px 15px 16px
    }

        .topnaav a:hover {
            background-color: #333;
            color: #fff
        }

.social-ico2 {
    display: inherit;
    width: 40px;
    height: 40px;
    margin-left: 5px;
    border-radius: 10%;
    border: 1px solid #aaa;
    -webkit-transition: all 400ms ease;
    transition: all 400ms ease;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    margin-bottom: 5px;
    color: #555
}

    .social-ico2 i {
        padding-top: 7px;
        color: #555;
        font-size: 23px
    }

    .social-ico2:hover i {
        font-size: 23px;
        color: #fff
    }

.bg1:hover {
    background-color: #444;
    border: 0 solid #aaa
}

.bg2:hover {
    background-color: #a799ff;
    border: 0 solid #aaa
}

.bg3:hover {
    background-color: #000;
    border: 0 solid #aaa
}

.bg4:hover {
    background-color: #08C;
    border: 0 solid #aaa
}

.bg5:hover {
    background-color: #fcbf2d;
    border: 0 solid #aaa
}

.bg6:hover {
    background-image: linear-gradient(266deg,#4e60d3,#913baf 35%,#d52d88 68%,#f26d4f);
    border: 0 solid #aaa
}

.sidenav {
    height: 500px;
    position: fixed;
    z-index: 1;
    top: 260px;
    left: 10px;
    overflow-x: hidden;
    padding: 8px 0;
    float: right;
    direction: ltr
}

    .sidenav a {
        text-decoration: none;
        display: block
    }

.tooltip2 {
    position: relative;
    display: inline-block
}

    .tooltip2 .tooltiptext2 {
        visibility: hidden;
        width: 100px;
        background-color: #aaa;
        color: #fff;
        text-align: center;
        border-radius: 6px;
        padding: 5px 0;
        position: absolute;
        z-index: 1;
        top: -5px;
        left: 110%
    }

        .tooltip2 .tooltiptext2::after {
            content: "";
            position: absolute;
            top: 50%;
            right: 100%;
            margin-top: -5px;
            border-width: 5px;
            border-style: solid;
            border-color: transparent #aaa transparent transparent
        }

    .tooltip2:hover .tooltiptext2 {
        visibility: visible
    }

.overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s ease;
    background-color: #eaebed
}

.container:hover .overlay {
    opacity: 1
}

.textover {
    line-height: 40px;
    color: #7e653b;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center
}

.visible-xss {
    display: none !important
}

.mixf {
    font-size: 10px
}

.refont {
    font-size: 24px
}

.rezooom {
    width: 100%;
    height: 100%
}

@media screen and (max-width: 1021px) {

    .mixx {
        width: 33%;
        padding-right: 5px;
        padding-left: 5px
    }
}

@media screen and (max-width: 991px) {
    .pfair {
        margin-top: 50px !important;
    }

    .visible-xss {
        display: inherit !important
    }

    .mixx {
        width: 33%;
        padding-right: 5px;
        padding-left: 5px
    }

    .dropdown-link {
        padding-bottom: 5px;
        border-top: 0 solid #777;
        border-bottom: 0 solid #555
    }

    .mega-tittle {
        margin-bottom: 4px
    }
}

@media screen and (max-width: 767px) {
    .pfair {
        margin-top: 30px !important;
    }

    .reres {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .homeceo {
        padding: 0 !important
    }

    .visible-xss {
        display: inherit !important
    }

    .refoont {
        font-size: 12px
    }

    .mixx {
        width: 33%;
        padding-right: 8px;
        padding-left: 8px
    }
}

@media screen and (max-width: 500px) {
    .pfair {
        margin-top: 10px !important;
    }

    .reres {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .visible-xss {
        display: inherit !important
    }

    .refoont {
        font-size: 12px
    }

    .mixx {
        width: 50%;
        padding-right: 5px;
        padding-left: 5px
    }
}

@media screen and (max-width: 400px) {

    .pfair {
        margin-top: 10px !important;
    }

    .visible-xss {
        display: inherit !important
    }

    .reres {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .refont {
        font-size: 14px
    }

    .refoont {
        font-size: 13px
    }

    .mixx {
        width: 50%;
        padding-right: 5px;
        padding-left: 5px
    }
}

@media screen and (max-width: 250px) {
    .reres {
        padding-bottom: 10px;
        margin-bottom: 10px
    }

    .refoont {
        font-size: 13px
    }

    .mixx {
        width: 100%;
        padding-right: 0;
        padding-left: 0
    }
}

.btntick {
    border: none;
    outline: none;
    padding: 12px 16px;
    background-color: #f1f1f1;
    cursor: pointer
}

    .btntick:hover {
        background-color: #ddd
    }

    .btntick.active {
        background-color: #666;
        color: #fff
    }

.toppnav {
    overflow: hidden;
    text-align: center
}

    .toppnav a {
        float: none;
        color: #fff;
        text-align: center;
        padding-left: 8px;
        padding-right: 8px;
        text-decoration: none;
        font-size: 12px;
        border-left: 1px solid #f5f5f5
    }

        .toppnav a:hover {
            color: #ffd580;
            font-weight: 700
        }

.dropdownpro {
    position: relative;
    display: inline-block;
    color: #000
}

.dropdownpro-content {
    display: none;
    position: fixed;
    background-color: #fff;
    max-width: 230px;
    min-width: 230px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 1060;
    top: 20px
}

.dropdownpro:hover .dropdownpro-content {
    display: block;
    border-top: 3px solid #00BFD6
}

.dropdownpro-content :hover {
    background-color: #f5f5f5
}

.dropdownproo {
    position: relative;
    display: inline-block;
    color: #000
}

.dropdownproo-content {
    display: none;
    position: fixed;
    background-color: #fff;
    max-width: 230px;
    min-width: 230px;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
    z-index: 3000;
    left: 20px
}

.dropdownproo:hover .dropdownproo-content {
    display: block;
    border-top: 3px solid #00BFD6
}

.dropdownproo-content :hover {
    background-color: #f5f5f5
}

.overa {
    background-color: #fff
}

.overb {
    background-color: #f7f7f761
}

.overa:hover {
    background-color: #ffecec
}

.overb:hover {
    background-color: #ffecec
}

    .overb:hover > a:hover {
        color: #FFF
    }

.panel-heading {
    background-color: #f5f5f5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 10px;
    padding-right: 20px;
    padding-top: 10px;
    border: 1px solid #e9e7e7
}



.sliding-marquee {
    width: 100%;
    height: 44px;
    background-color: #FFF;
    /* opacity: 0.6;*/
    color: #000;
    line-height: 44px;
    position: absolute;
    left: 0;
    /* top: 105px;*/
    overflow: hidden;
    z-index: 100;
    box-shadow: 0 1px 8px rgb(0 0 0 / 10%);
}

    .sliding-marquee span {
        /*  display: inline-flex;*/
        font-size: 20px;
        text-transform: uppercase;
        position: absolute;
        font-weight: 500;
        left: -300px;
        width: 100%;
    }

    .sliding-marquee span {
        animation: marquee 38s cubic-bezier(0.26, 0.26, 0.82, 0.81) infinite;
        animation-play-state: running;
    }



    .sliding-marquee .t h3 {
        font-size: 1em;
        /*height: 15px;*/
        line-height: 44px;
        text-align: center;
        font-weight: bold;
        position: relative;
        color: #FFF;
        /*  font-family: "Sans_Medium";*/
    }

    .sliding-marquee span a {
        padding: 0px 7px;
        display: inline-block;
        margin: 0 0 0 -5px;
        font-weight: normal;
        font-size: 13px;
    }

    .sliding-marquee .t {
        /* top: 0;*/
        width: 15%;
        background: #ff8000;
        border-left: 1px solid rgba(0, 0, 0, 0.03);
        float: left;
        min-height: 44px;
        position: relative;
        z-index: 5;
    }

        .sliding-marquee .t::before {
            content: "";
            width: 9px;
            height: 9px;
            display: block;
            background-color: #ff8000;
            transform: rotate(45deg);
            position: absolute;
            top: 35%;
            right: -5px;
        }


    .sliding-marquee span:nth-child(1) {
        animation: marquee 29s linear infinite;
        animation-delay: 1s;
    }

    .sliding-marquee span:nth-child(2) {
        animation: marquee 29s linear infinite;
        animation-delay: 1s;
    }

    .sliding-marquee span:nth-child(3) {
        animation: marquee 29s linear infinite;
        animation-delay: 6s;
    }

    .sliding-marquee span:nth-child(4) {
        animation: marquee 29s linear infinite;
        animation-delay: 6s;
    }

    .sliding-marquee span:nth-child(5) {
        animation: marquee 29s linear infinite;
        animation-delay: 6s;
    }

    .sliding-marquee span:nth-child(6) {
        animation: marquee 29s linear infinite;
        animation-delay: 6s;
    }

    .sliding-marquee span:nth-child(7) {
        animation: marquee 29s linear infinite;
        animation-delay: 6s;
    }

    .sliding-marquee span:nth-child(8) {
        animation: marquee 29s linear infinite;
        animation-delay: 6s;
    }

    .sliding-marquee span:nth-child(9) {
        animation: marquee 29s linear infinite;
        animation-delay: 6s;
    }

    .sliding-marquee span:nth-child(10) {
        animation: marquee 29s linear infinite;
        animation-delay: 6s;
    }

@keyframes marquee {
    0% {
        left: -300px
    }

    100% {
        left: 105%
    }
}

.sliding-marquee:hover > span {
    animation-play-state: paused;
}

.sliding-marquee span a:hover {
    color: #ff8000;
    /*background-color:#fb0000;*/
    cursor: pointer;
}

#blink {
    padding: 5px;
    /*color: #FFF;
            background-color: #555;*/
    -webkit-animation: flash linear 2s infinite;
    animation: flash linear 2s infinite;
}

@-webkit-keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 1;
    }

    50% {
        opacity: .1;
    }

    100% {
        opacity: 1;
    }
}

#result {
    text-align: right;
    color: gray;
    min-height: 2em;
}

#table-sparkline {
    margin: 0 auto;
    border-collapse: collapse;
}

thead th {
    border-top: 2px solid gray;
    border-bottom: 2px solid gray;
}

.highcharts-tooltip > span {
    background: white;
    border: 1px solid silver;
    border-radius: 3px;
    box-shadow: 1px 1px 2px #888;
    padding: 8px;
}

.caption2 {
    width: auto;
    position: relative;
    /* background: #fff; */
    padding: 10px 17px;
    border-top-right-radius: 9px;
    border-top-left-radius: 45px;
    border-bottom-right-radius: 0;
    /* box-shadow: -16px 0 16px -9px hsl(19deg 100% 54%); */
    -webkit-box-shadow: 0px -2px 3px 0px hsl(19deg 100% 54%);
    -moz-box-shadow: -16px 0 16px -9px hsla(0,0%,58%,.58);
    /* margin-right: -10px; */
    /* width: 74%; */
    float: right;
    background-color: #fffaf8;
}



/*-------------------------start of state price------------------------------------*/

.topsubnav {
    color: #787878;
}

    .topsubnav:hover {
        color: #fbb100;
    }
/* The container */
.concheckbox {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 3px;
    cursor: pointer;
    font-size: 13px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

    /* Hide the browser's default checkbox */
    .concheckbox input {
        position: absolute;
        opacity: 0;
        cursor: pointer;
    }

/* Create a custom checkbox */
.checkmark {
    position: relative;
    top: 0;
    left: 10px;
    height: 18px;
    width: 18px;
    /* background-color: #eee;*/
    border: 1px solid #D4DBDE;
    float: right;
    border-radius: 3px;
}

/* On mouse-over, add a grey background color */
.concheckbox:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.concheckbox input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.concheckbox input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.concheckbox .checkmark:after {
    left: 5px;
    top: 1px;
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.containerr {
    position: relative;
    /*width: 50%;*/
}

.image {
    opacity: 1;
    display: block;
    width: 100%;
    height: auto;
    transition: .5s ease;
    backface-visibility: hidden;
}

.middle {
    transition: .5s ease;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.containerr:hover .image {
    opacity: 0.7;
}

.containerr:hover .middle {
    opacity: 50;
}

.text {
    background-color: #6e6e70;
    color: white;
    font-size: 16px;
    padding: 16px 32px;
}

.resgroup1 {
    width: 81%;
    float: left;
    margin-right: 1%;
    padding: 15px 25px 15px 0px;
}

.resgroup2 {
    width: 17%;
}

@media screen and (max-width:1400px) {
    .resgroup1 {
        width: 78%;
    }

    .resgroup2 {
        width: 20%;
    }
}



@media screen and (max-width:991px) {
    .resgroup1 {
        width: 78%;
    }

    .resgroup2 {
        width: 20%;
    }
}

@media screen and (max-width:800px) {
    .resgroup1 {
        width: 100%;
        padding: 0;
    }

    .resgroup2 {
        width: 100%;
    }

    .stik {
        float: right !important;
        position: -webkit-sticky !important;
        position: static !important;
        top: 0;
        padding: 5px;
        z-index: 200;
    }
}

.price-topsubcat > div {
    width: 100%;
    float: right;
    /* display: contents; */
    flex-wrap: wrap;
    flex: 1 1 auto;
    line-height: 20px !important;
}

    .price-topsubcat > div ul {
        list-style: none;
        padding: 1rem 0 2rem 0;
        white-space: nowrap;
        display: contents;
        overflow: auto;
        overflow-y: auto;
        overflow-y: hidden;
    }

        .price-topsubcat > div ul li {
            display: inline-block;
            margin-left: 8px;
            white-space: nowrap;
            margin-bottom: 10px;
        }

            .price-topsubcat > div ul li a {
                box-shadow: 0 0 10px 0 rgba(0,0,0,.15);
                background-color: #fff;
                display: block;
                border-radius: 5px;
                padding: 10px 15px;
                font-size: 16px;
                border: 1px solid #fff;
                color: #000;
            }

                .price-topsubcat > div ul li a img {
                    width: 40px;
                    margin-left: 4px;
                    margin-right: -9px;
                    margin-top: -13px;
                    margin-bottom: -9px;
                    border-radius: 5px
                }

                .pl-active, .price-topsubcat > div ul li a:hover {
                    background-color: #efefef !important;
                    border: 1px solid #59595c !important
                }

.plrm {
    -ms-transform: rotate(90deg) !important;
    -webkit-transform: rotate(90deg) !important;
    transform: rotate(-90deg) !important;
    position: absolute;
    left: -11px;
    width: 70px;
    top: 20px;
    text-align: center;
    background-color: #eee;
    font-size: 12px;
    border-radius: 0;
    height: 30px;
    background: #0000008f;
    color: #fff;
    padding-top: 4px;
}

/*            .llcompare {
                cursor: pointer;
                border: 1px solid;
                text-align: center;
                line-height: 12px;
                font-size: 10px;
                border-radius: 100%;
                width: 45px;
                height: 45px;
                color: #9f9f9f;
                margin-bottom: 0;
            }
*/
.llcompare {
    position: absolute;
    left: 50px;
    top: 12px;
}

    .llcompare label {
        cursor: pointer;
        border: 1px solid;
        text-align: center;
        line-height: 12px;
        font-size: 10px;
        border-radius: 100%;
        width: 45px;
        height: 45px;
        color: #9f9f9f;
        margin-bottom: 0;
    }

        .llcompare label i {
            width: 100%;
            text-align: center;
            font-size: 18px;
            padding-top: 6px;
        }

.rowp {
    /* padding: 0px 10px;
                background-color: #636364;
                border-radius: 50px;
                color: #FFF;
                margin: 10px;*/
    /* padding: 0px 6px; */
    /* background-color: #636364; */
    border-radius: 0;
    color: #232020;
    margin: 10px;
}


.llp {
    margin-left: 10px;
    background-color: #19b453;
    color: #fff !important;
    float: right;
    padding: 0 5px 0 9px;
    line-height: 22px !important;
    border-radius: 11px;
    font-size: 13px !important;
    margin-top: 1px;
    width: 97px
}

    .llp.lp-down {
        background-color: #e91721
    }

    .llp.lp-zero {
        background-color: #9f9f9f
    }

    .llp i {
        font-size: 20px;
        position: relative;
        top: 2px;
        right: -1px;
        margin-left: 2px
    }

/*     .llprice {
                color: #000;
                font-size: 20px;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                right: 605px
            }*/
.llprice {
    color: #000;
    font-size: 20px;
    /* position: absolute; */
    /* top: 50%; */
    /* transform: translateY(-50%); */
    /* right: 605px; */
    float: right;
    margin-top: 20px;
}

.lldate {
    font-size: 16px;
    position: absolute;
    /*                top: 50%;
*/ transform: translateY(-50%);
    /*left: 237px*/
}

.llsize {
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 390px
}

.llsortprice {
    padding-right: 0
}

.lldate {
    font-size: 16px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 237px;
}

.dates {
    margin-top: 23px;
    position: absolute;
    left: 110px;
    font-size: 17px;
}

.listing-item-container {
    text-align: right;
    direction: rtl; /* padding: 20px 0px; */
    height: 70px;
    margin-bottom: 10px;
    background-color: #e8e8e899;
    /*background: 0 0;
    background-color: #f9f9f9;*/
    /*margin-bottom: 15px*/
}

    .listing-item-container:hover {
        transform: translate3d(6px,0,0);
        background-color: #c1c3c87d
    }

        .listing-item-container:hover .plrm {
            background-color: #15a1ed;
            color: #fff
        }
.ss {
    text-align: center;
    height: 250px !important;
    border-radius: 50px;
    box-shadow: -4px 4px 2px #d5d5d5;
}
.gf {

    direction: ltr;
    color: #58595b;
    margin-bottom: 5px;
    font-weight: 200;
    background-color: black;
    padding: 5px;
    border-radius: 50px;
    color: #fff;
    margin-right: 5px;
}
/*-------------------------------------------------------------*/