/***************************
File generated by shrinker.ch
DateTime: 2018-03-29, 02:31:19
File list:
* owl.carousel.min.css
* owl.theme.default.min.css
* easy-responsive-tabs.css
* magnific-popup.css
* superfish.css
* themify-icons.css
* style.css
*****************************/

@font-face {
    font-family: "kalamehblack";
    src: url(/assets/fonts/kalameh/KalamehWeb/eot/KalamehWeb_Black.eot);
    src: url(/assets/fonts/kalameh/KalamehWeb/eot/KalamehWeb_Black.eot) format('embedded-opentype'),url(/assets/fonts/kalameh/KalamehWeb/woff2/KalamehWeb_Black.woff2) format('woff2'),url(/assets/fonts/kalameh/KalamehWeb/woff/KalamehWeb_Black.woff) format('woff'),url(/assets/fonts/kalameh/KalamehWeb/ttf/KalamehWeb_Black.ttf) format('truetype');
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: "Vazir";
    src: url('/assets/fonts/vazir/webfonts/Vazirmatn[wght].woff2') format('woff2 supports variations'), url('/assets/fonts/vazir/webfonts/Vazirmatn[wght].woff2') format('woff2-variations'),url('/assets/fonts/vazir/variable/Vazirmatn[wght].ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "VazirFD";
    src: url('/assets/fonts/vazir/webfonts/Vazirmatn-FD.woff2') format('woff2 supports variations'), url('/assets/fonts/vazir/webfonts/Vazirmatn-FD.woff2') format('woff2-variations'),url('/assets/fonts/vazir/ttf/Vazirmatn-FD.ttf') format('truetype');
    font-weight: 100 900;
    font-style: normal;
    font-display: swap;
}



.owl-carousel .animated {
    -webkit-animation-duration: 1000ms;
    animation-duration: 1000ms;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.owl-carousel .owl-animated-in {
    z-index: 0
}

.owl-carousel .owl-animated-out {
    z-index: 1
}

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

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

    100% {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
    /* height: 100% !important; */
}

.owl-carousel {
    display: none;
    width: 100%;
    -webkit-tap-highlight-color: transparent;
    position: relative;
    z-index: 1
}

.owl-carousel .owl-stage {
    position: relative;
    margin-top: 15px;height:300px;
    -ms-touch-action: pan-Y
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    position: relative;
    overflow: hidden;
    -webkit-transform: translate3d(0px,0,0)
}

.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev {
    cursor: pointer;
    cursor: hand;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-loaded {
    display: block
}

.owl-carousel.owl-loading {
    opacity: 0;
    display: block
}

.owl-carousel.owl-hidden {
    opacity: 0
}

.owl-carousel .owl-refresh .owl-item {
    display: none
}

.owl-carousel .owl-item {
    position: relative;
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%;
    -webkit-transform-style: preserve-3d
}

.owl-carousel.owl-text-select-on .owl-item {
    -webkit-user-select: auto;
    -moz-user-select: auto;
    -ms-user-select: auto;
    user-select: auto
}

.owl-carousel .owl-grab {
    cursor: move;
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab
}

.owl-carousel.owl-rtl {
    direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
    float: right
}

.no-js .owl-carousel {
    display: block
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-item img {
    transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
    position: relative;
    height: 100%;
    background: #000
}

.owl-carousel .owl-video-play-icon {
    position: absolute;
    height: 80px;
    width: 80px;
    left: 50%;
    top: 50%;
    margin-left: -40px;
    margin-top: -40px;
    background: url(owl.video.play.png) no-repeat;
    cursor: pointer;
    z-index: 1;
    -webkit-backface-visibility: hidden;
    -webkit-transition: scale 100ms ease;
    -moz-transition: scale 100ms ease;
    -ms-transition: scale 100ms ease;
    -o-transition: scale 100ms ease;
    transition: scale 100ms ease
}

.owl-carousel .owl-video-play-icon:hover {
    -webkit-transition: scale(1.3,1.3);
    -moz-transition: scale(1.3,1.3);
    -ms-transition: scale(1.3,1.3);
    -o-transition: scale(1.3,1.3);
    transition: scale(1.3,1.3)
}

.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn {
    display: none
}

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    -webkit-transition: opacity 400ms ease;
    -moz-transition: opacity 400ms ease;
    -ms-transition: opacity 400ms ease;
    -o-transition: opacity 400ms ease;
    transition: opacity 400ms ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1
}

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
    -webkit-tap-highlight-color: transparent
}

.owl-theme .owl-controls .owl-nav [class*=owl-] {
    color: #fff;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #d6d6d6;
    display: inline-block;
    cursor: pointer;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.owl-theme .owl-controls .owl-nav [class*=owl-]:hover {
    background: #869791;
    color: #fff;
    text-decoration: none
}

.owl-theme .owl-controls .owl-nav .disabled {
    opacity: .5;
    cursor: default
}

.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom:1;*display: inline
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    -webkit-transition: opacity 200ms ease;
    -moz-transition: opacity 200ms ease;
    -ms-transition: opacity 200ms ease;
    -o-transition: opacity 200ms ease;
    transition: opacity 200ms ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #869791
}

.row .content {
    /* white-space: pre-line; */
    text-align: justify;
    direction: rtl;
    font-size: 16px;
}


.resp-tabs-list,.resp-tabs-list p {
    margin: 0;
    padding: 0
}

.resp-tabs-list {
    display: inline-block
}

.resp-tabs-list li {
    font-weight: 600;
    font-size: 16px;
    display: inline-block;
    padding: 18px 15px;
    margin: 0 4px 0 0;
    list-style: none;
    cursor: pointer
}

.resp-tabs-container {
    padding: 0;
    background-color: #fff;
    clear: left
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none
}

.resp-tab-content {
    display: none;
    padding: 15px;
    padding-top: 30px;
    text-align: left;
    box-shadow: none
}

.text-center .resp-tab-content,.text-center .resp-accordion {
    font-size: 20px;
}

.resp-tab-active {
    border: 1px solid #ebebeb!important;
    border-bottom: 0;
    margin-bottom: -1px!important;
    padding: 17px 14px 19px 14px!important;
    border-top: 1px solid #ebebeb!important;
    border-bottom: 0 #fff solid!important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px
}

.resp-tab-active {
    border-bottom: 0;
    background-color: #fff
}

video#video {
    width: 100%;
      -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    border-radius: 10px
}

img.icon {
    width: 20%;
    margin: auto;
    margin-bottom: 30px;
}

.container-fluid.video-background {
    background-color: #f4f4f4;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 5px solid #eaeaeaa3;
    border-left: none;
    border-right: none;
}

.container-fluid.blue-background {
    background-color: #4fc3f7;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 5px solid #ffffffa3;
    border-left: none;
    border-right: none;
}

.container-fluid.blue-background h2,.container-fluid.blue-background  h3,.container-fluid.blue-background  h4 {
    font-weight: normal;
    color: #fff;
    text-shadow: 2px 2px 1px rgb(0 0 0 / 8%);
    line-height: 1.7em;
    font-family: 'kalamehblack';
    color: white;
    }


.container-fluid.prize-background {
    background-color: #fffdf0;
    padding-top: 20px;
    padding-bottom: 20px;
    border: 1px solid #eaeaea;
    border-left: none;
    border-right: none;
}

.video-img {
    height: 1000px;
    background-size: contain;
    width: 200%;
    background-repeat-x: no-repeat;
    background-repeat-y: no-repeat;
    margin: auto;
    background-image: url(/assets/img/video-box-typeo.svg);
    position: relative;
    top: -700px;
    left: 75%;
}


.resp-content-active,.resp-accordion-active {
    display: block
}

.resp-tab-content {
    border: 0;
    border-top: 1px solid #ebebeb
}

h2.resp-accordion {
    font-size: 13px;
    border: 1px solid #ebebeb;
    border-top: 0 solid #ebebeb;
    margin: 0;
    padding: 10px 15px;
    font-family: 'Vazir';
}

h2.resp-tab-active {
    border-bottom: 0 solid #ebebeb!important;
    margin-bottom: 0!important;
    padding: 10px 15px!important
}

h2.resp-tab-title:last-child {
    border-bottom: 12px solid #ebebeb!important;
    background: blue
}

.resp-vtabs ul.resp-tabs-list {
    float: left;
    width: 30%
}

.resp-vtabs .resp-tabs-list li {
    display: block;
    padding: 19px 15px!important;
    margin: 0 0 4px;
    cursor: pointer;
    float: none
}

.resp-vtabs .resp-tabs-container {
    padding: 0;
    background-color: #fff;
    border-left: 1px solid #ebebeb;
    float: left;
    width: 68%;
    min-height: 250px;
    border-radius: 4px;
    clear: none
}

.resp-vtabs .resp-tab-content {
    border: 0;
    word-wrap: break-word;
    padding-left: 30px
}

.resp-vtabs li.resp-tab-active {
    position: relative;
    z-index: 1;
    margin-right: -1px!important;
    padding: 18px 15px 19px 14px!important;
    border: 1px solid #ebebeb!important;
    border-left: 1px solid #ebebeb!important;
    border-left: none!important;
    margin-bottom: 4px!important;
    border-right: 1px #FFF solid!important;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.resp-arrow {
    float: right;
    margin-top: 10px;
    -moz-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-transition: all .2s ease;
    transition: all .2s ease
}

h2.resp-tab-active span.resp-arrow {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

h2.resp-tab-active {
    background: #dbdbdb
}

.resp-easy-accordion h2.resp-accordion {
    display: block
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 1px solid #ebebeb
}

.resp-jfit {
    width: 100%;
    margin: 0
}

.resp-tab-content-active {
    display: block
}

h2.resp-accordion:first-child {
    border-top: 1px solid #ebebeb
}

.resp-accordion.resp-tab-active {
    border-top: 0
}

@media only screen and (max-width: 768px) {
    ul.resp-tabs-list {
        display:none
    }

    h2.resp-accordion {
        display: block
    }

    .resp-tab-content {
        border: 1px solid #ebebeb
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #ebebeb
    }

    .resp-tabs-container .resp-accordion.resp-tab-active {
        border-top: none!important;
        border-bottom: none!important;
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    .resp-tabs-container .resp-accordion.resp-tab-active:nth-of-type(1) {
        border-top-left-radius: 0;
        border-top-right-radius: 0;
        border-top: 1px solid #ebebeb!important;
        border-bototm: none!important
    }

    .resp-tab-content {
        /* -webkit-box-shadow: inset 0 4px 5px -3px rgba(0,0,0,0.05); */
        -moz-box-shadow: inset 0 4px 5px -3px rgba(0,0,0,0.05);
        -ms-box-shadow: inset 0 4px 5px -3px rgba(0,0,0,0.05);
        /* box-shadow: inset 0 4px 5px -3px rgba(0,0,0,0.05); */
    }

    .resp-vtabs .resp-tabs-container {
        border: 0;
        float: none;
        width: 100%;
        min-height: 100px;
        clear: none
    }

    .resp-accordion-closed {
        display: none!important
    }

    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #ebebeb!important
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80)
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none!important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none!important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: white
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}

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

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial,Baskerville,monospace
}

.mfp-close:hover,.mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0,0,0,0)
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,.mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}

.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}

.mfp-arrow:after,.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before,.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after,.mfp-arrow-left .mfp-a {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before,.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after,.mfp-arrow-right .mfp-a {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before,.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: black
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0,0,0,0.6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@media screen and (max-width: 800px) and (orientation:landscape),screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left:0;
        padding-right: 0
    }


    
    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0,0,0,0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0,0,0,0.6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform:scale(0.75);
        transform: scale(0.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

.mfp-ie7 .mfp-img {
    padding: 0
}

.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}

.mfp-ie7 .mfp-container {
    padding: 0
}

.mfp-ie7 .mfp-content {
    padding-top: 44px
}

.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}

.sf-menu,.sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none
}

.sf-menu li {
    position: relative
}

.sf-menu ul {
    position: absolute;
    display: none;
    top: 100%;
    right: 0;
    z-index: 99
}

.sf-menu>li {
    float: left
}

.sf-menu li:hover>ul,.sf-menu li.sfHover>ul {
    display: block
}

.sf-menu a {
    display: block;
    position: relative
}

.sf-menu ul ul {
    top: 0;
    left: 100%
}

.sf-menu {
    float: left;
    margin-bottom: 1em
}

.sf-menu ul {
    box-shadow: 2px 2px 6px rgba(0,0,0,.2);
    min-width: 12em;
    *width: 12em
}

.sf-menu a {
    border-left: 1px solid #fff;
    border-top: 1px solid #dfeeff;
    border-top: 1px solid rgba(255,255,255,.5);
    padding: .75em 1em;
    text-decoration: none;
    zoom:1}

.sf-menu a {
    color: #13a
}

.sf-menu li {
    background: #bdd2ff;
    white-space: nowrap;
    *white-space: normal;
    -webkit-transition: background .2s;
    transition: background .2s
}

.sf-menu ul li {
    background: #aabde6
}

.sf-menu ul ul li {
    background: #9aaedb
}

.sf-menu li:hover,.sf-menu li.sfHover {
    background: #cfdeff;
    -webkit-transition: none;
    transition: none
}

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #dfeeff;
    border-top-color: rgba(255,255,255,.5)
}

.sf-arrows>li>.sf-with-ul:focus:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>.sfHover>.sf-with-ul:after {
    border-top-color: white
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    border-color: transparent;
    border-left-color: #dfeeff;
    border-left-color: rgba(255,255,255,.5)
}

.sf-arrows ul li>.sf-with-ul:focus:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul .sfHover>.sf-with-ul:after {
    border-left-color: white
}

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

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

.ti-wand:before {
    content: "\e600"
}

.ti-volume:before {
    content: "\e601"
}

.ti-user:before {
    content: "\e602"
}

.ti-unlock:before {
    content: "\e603"
}

.ti-unlink:before {
    content: "\e604"
}

.ti-trash:before {
    content: "\e605"
}

.ti-thought:before {
    content: "\e606"
}

.ti-target:before {
    content: "\e607"
}

.ti-tag:before {
    content: "\e608"
}

.ti-tablet:before {
    content: "\e609"
}

.ti-star:before {
    content: "\e60a"
}

.ti-spray:before {
    content: "\e60b"
}

.ti-signal:before {
    content: "\e60c"
}

.ti-shopping-cart:before {
    content: "\e60d"
}

.ti-shopping-cart-full:before {
    content: "\e60e"
}

.ti-settings:before {
    content: "\e60f"
}

.ti-search:before {
    content: "\e610"
}

.ti-zoom-in:before {
    content: "\e611"
}

.ti-zoom-out:before {
    content: "\e612"
}

.ti-cut:before {
    content: "\e613"
}

.ti-ruler:before {
    content: "\e614"
}

.ti-ruler-pencil:before {
    content: "\e615"
}

.ti-ruler-alt:before {
    content: "\e616"
}

.ti-bookmark:before {
    content: "\e617"
}

.ti-bookmark-alt:before {
    content: "\e618"
}

.ti-reload:before {
    content: "\e619"
}

.ti-plus:before {
    content: "\e61a"
}

.ti-pin:before {
    content: "\e61b"
}

.ti-pencil:before {
    content: "\e61c"
}

.ti-pencil-alt:before {
    content: "\e61d"
}

.ti-paint-roller:before {
    content: "\e61e"
}

.ti-paint-bucket:before {
    content: "\e61f"
}

.ti-na:before {
    content: "\e620"
}

.ti-mobile:before {
    content: "\e621"
}

.ti-minus:before {
    content: "\e622"
}

.ti-medall:before {
    content: "\e623"
}

.ti-medall-alt:before {
    content: "\e624"
}

.ti-marker:before {
    content: "\e625"
}

.ti-marker-alt:before {
    content: "\e626"
}

.ti-arrow-up:before {
    content: "\e627"
}

.ti-arrow-right:before {
    content: "\e628"
}

.ti-arrow-left:before {
    content: "\e629"
}

.ti-arrow-down:before {
    content: "\e62a"
}

.ti-lock:before {
    content: "\e62b"
}

.ti-location-arrow:before {
    content: "\e62c"
}

.ti-link:before {
    content: "\e62d"
}

.ti-layout:before {
    content: "\e62e"
}

.ti-layers:before {
    content: "\e62f"
}

.ti-layers-alt:before {
    content: "\e630"
}

.ti-key:before {
    content: "\e631"
}

.ti-import:before {
    content: "\e632"
}

.ti-image:before {
    content: "\e633"
}

.ti-heart:before {
    content: "\e634"
}

.ti-heart-broken:before {
    content: "\e635"
}

.ti-hand-stop:before {
    content: "\e636"
}

.ti-hand-open:before {
    content: "\e637"
}

.ti-hand-drag:before {
    content: "\e638"
}

.ti-folder:before {
    content: "\e639"
}

.ti-flag:before {
    content: "\e63a"
}

.ti-flag-alt:before {
    content: "\e63b"
}

.ti-flag-alt-2:before {
    content: "\e63c"
}

.ti-eye:before {
    content: "\e63d"
}

.ti-export:before {
    content: "\e63e"
}

.ti-exchange-vertical:before {
    content: "\e63f"
}

.ti-desktop:before {
    content: "\e640"
}

.ti-cup:before {
    content: "\e641"
}

.ti-crown:before {
    content: "\e642"
}

.ti-comments:before {
    content: "\e643"
}

.ti-comment:before {
    content: "\e644"
}

.ti-comment-alt:before {
    content: "\e645"
}

.ti-close:before {
    content: "\e646"
}

.ti-clip:before {
    content: "\e647"
}

.ti-angle-up:before {
    content: "\e648"
}

.ti-angle-right:before {
    content: "\e649"
}

.ti-angle-left:before {
    content: "\e64a"
}

.ti-angle-down:before {
    content: "\e64b"
}

.ti-check:before {
    content: "\e64c"
}

.ti-check-box:before {
    content: "\e64d"
}

.ti-camera:before {
    content: "\e64e"
}

.ti-announcement:before {
    content: "\e64f"
}

.ti-brush:before {
    content: "\e650"
}

.ti-briefcase:before {
    content: "\e651"
}

.ti-bolt:before {
    content: "\e652"
}

.ti-bolt-alt:before {
    content: "\e653"
}

.ti-blackboard:before {
    content: "\e654"
}

.ti-bag:before {
    content: "\e655"
}

.ti-move:before {
    content: "\e656"
}

.ti-arrows-vertical:before {
    content: "\e657"
}

.ti-arrows-horizontal:before {
    content: "\e658"
}

.ti-fullscreen:before {
    content: "\e659"
}

.ti-arrow-top-right:before {
    content: "\e65a"
}

.ti-arrow-top-left:before {
    content: "\e65b"
}

.ti-arrow-circle-up:before {
    content: "\e65c"
}

.ti-arrow-circle-right:before {
    content: "\e65d"
}

.ti-arrow-circle-left:before {
    content: "\e65e"
}

.ti-arrow-circle-down:before {
    content: "\e65f"
}

.ti-angle-double-up:before {
    content: "\e660"
}

.ti-angle-double-right:before {
    content: "\e661"
}

.ti-angle-double-left:before {
    content: "\e662"
}

.ti-angle-double-down:before {
    content: "\e663"
}

.ti-zip:before {
    content: "\e664"
}

.ti-world:before {
    content: "\e665"
}

.ti-wheelchair:before {
    content: "\e666"
}

.ti-view-list:before {
    content: "\e667"
}

.ti-view-list-alt:before {
    content: "\e668"
}

.ti-view-grid:before {
    content: "\e669"
}

.ti-uppercase:before {
    content: "\e66a"
}

.ti-upload:before {
    content: "\e66b"
}

.ti-underline:before {
    content: "\e66c"
}

.ti-truck:before {
    content: "\e66d"
}

.ti-timer:before {
    content: "\e66e"
}

.ti-ticket:before {
    content: "\e66f"
}

.ti-thumb-up:before {
    content: "\e670"
}

.ti-thumb-down:before {
    content: "\e671"
}

.ti-text:before {
    content: "\e672"
}

.ti-stats-up:before {
    content: "\e673"
}

.ti-stats-down:before {
    content: "\e674"
}

.ti-split-v:before {
    content: "\e675"
}

.ti-split-h:before {
    content: "\e676"
}

.ti-smallcap:before {
    content: "\e677"
}

.ti-shine:before {
    content: "\e678"
}

.ti-shift-right:before {
    content: "\e679"
}

.ti-shift-left:before {
    content: "\e67a"
}

.ti-shield:before {
    content: "\e67b"
}

.ti-notepad:before {
    content: "\e67c"
}

.ti-server:before {
    content: "\e67d"
}

.ti-quote-right:before {
    content: "\e67e"
}

.ti-quote-left:before {
    content: "\e67f"
}

.ti-pulse:before {
    content: "\e680"
}

.ti-printer:before {
    content: "\e681"
}

.ti-power-off:before {
    content: "\e682"
}

.ti-plug:before {
    content: "\e683"
}

.ti-pie-chart:before {
    content: "\e684"
}

.ti-paragraph:before {
    content: "\e685"
}

.ti-panel:before {
    content: "\e686"
}

.ti-package:before {
    content: "\e687"
}

.ti-music:before {
    content: "\e688"
}

.ti-music-alt:before {
    content: "\e689"
}

.ti-mouse:before {
    content: "\e68a"
}

.ti-mouse-alt:before {
    content: "\e68b"
}

.ti-money:before {
    content: "\e68c"
}

.ti-microphone:before {
    content: "\e68d"
}

.ti-menu:before {
    content: "\e68e"
}

.ti-menu-alt:before {
    content: "\e68f"
}

.ti-map:before {
    content: "\e690"
}

.ti-map-alt:before {
    content: "\e691"
}

.ti-loop:before {
    content: "\e692"
}

.ti-location-pin:before {
    content: "\e693"
}

.ti-list:before {
    content: "\e694"
}

.ti-light-bulb:before {
    content: "\e695"
}

.ti-Italic:before {
    content: "\e696"
}

.ti-info:before {
    content: "\e697"
}

.ti-infinite:before {
    content: "\e698"
}

.ti-id-badge:before {
    content: "\e699"
}

.ti-hummer:before {
    content: "\e69a"
}

.ti-home:before {
    content: "\e69b"
}

.ti-help:before {
    content: "\e69c"
}

.ti-headphone:before {
    content: "\e69d"
}

.ti-harddrives:before {
    content: "\e69e"
}

.ti-harddrive:before {
    content: "\e69f"
}

.ti-gift:before {
    content: "\e6a0"
}

.ti-game:before {
    content: "\e6a1"
}

.ti-filter:before {
    content: "\e6a2"
}

.ti-files:before {
    content: "\e6a3"
}

.ti-file:before {
    content: "\e6a4"
}

.ti-eraser:before {
    content: "\e6a5"
}

.ti-envelope:before {
    content: "\e6a6"
}

.ti-download:before {
    content: "\e6a7"
}

.ti-direction:before {
    content: "\e6a8"
}

.ti-direction-alt:before {
    content: "\e6a9"
}

.ti-dashboard:before {
    content: "\e6aa"
}

.ti-control-stop:before {
    content: "\e6ab"
}

.ti-control-shuffle:before {
    content: "\e6ac"
}

.ti-control-play:before {
    content: "\e6ad"
}

.ti-control-pause:before {
    content: "\e6ae"
}

.ti-control-forward:before {
    content: "\e6af"
}

.ti-control-backward:before {
    content: "\e6b0"
}

.ti-cloud:before {
    content: "\e6b1"
}

.ti-cloud-up:before {
    content: "\e6b2"
}

.ti-cloud-down:before {
    content: "\e6b3"
}

.ti-clipboard:before {
    content: "\e6b4"
}

.ti-car:before {
    content: "\e6b5"
}

.ti-calendar:before {
    content: "\e6b6"
}

.ti-book:before {
    content: "\e6b7"
}

.ti-bell:before {
    content: "\e6b8"
}

.ti-basketball:before {
    content: "\e6b9"
}

.ti-bar-chart:before {
    content: "\e6ba"
}

.ti-bar-chart-alt:before {
    content: "\e6bb"
}

.ti-back-right:before {
    content: "\e6bc"
}

.ti-back-left:before {
    content: "\e6bd"
}

.ti-arrows-corner:before {
    content: "\e6be"
}

.ti-archive:before {
    content: "\e6bf"
}

.ti-anchor:before {
    content: "\e6c0"
}

.ti-align-right:before {
    content: "\e6c1"
}

.ti-align-left:before {
    content: "\e6c2"
}

.ti-align-justify:before {
    content: "\e6c3"
}

.ti-align-center:before {
    content: "\e6c4"
}

.ti-alert:before {
    content: "\e6c5"
}

.ti-alarm-clock:before {
    content: "\e6c6"
}

.ti-agenda:before {
    content: "\e6c7"
}

.ti-write:before {
    content: "\e6c8"
}

.ti-window:before {
    content: "\e6c9"
}

.ti-widgetized:before {
    content: "\e6ca"
}

.ti-widget:before {
    content: "\e6cb"
}

.ti-widget-alt:before {
    content: "\e6cc"
}

.ti-wallet:before {
    content: "\e6cd"
}

.ti-video-clapper:before {
    content: "\e6ce"
}

.ti-video-camera:before {
    content: "\e6cf"
}

.ti-vector:before {
    content: "\e6d0"
}

.ti-themify-logo:before {
    content: "\e6d1"
}

.ti-themify-favicon:before {
    content: "\e6d2"
}

.ti-themify-favicon-alt:before {
    content: "\e6d3"
}

.ti-support:before {
    content: "\e6d4"
}

.ti-stamp:before {
    content: "\e6d5"
}

.ti-split-v-alt:before {
    content: "\e6d6"
}

.ti-slice:before {
    content: "\e6d7"
}

.ti-shortcode:before {
    content: "\e6d8"
}

.ti-shift-right-alt:before {
    content: "\e6d9"
}

.ti-shift-left-alt:before {
    content: "\e6da"
}

.ti-ruler-alt-2:before {
    content: "\e6db"
}

.ti-receipt:before {
    content: "\e6dc"
}

.ti-pin2:before {
    content: "\e6dd"
}

.ti-pin-alt:before {
    content: "\e6de"
}

.ti-pencil-alt2:before {
    content: "\e6df"
}

.ti-palette:before {
    content: "\e6e0"
}

.ti-more:before {
    content: "\e6e1"
}

.ti-more-alt:before {
    content: "\e6e2"
}

.ti-microphone-alt:before {
    content: "\e6e3"
}

.ti-magnet:before {
    content: "\e6e4"
}

.ti-line-double:before {
    content: "\e6e5"
}

.ti-line-dotted:before {
    content: "\e6e6"
}

.ti-line-dashed:before {
    content: "\e6e7"
}

.ti-layout-width-full:before {
    content: "\e6e8"
}

.ti-layout-width-default:before {
    content: "\e6e9"
}

.ti-layout-width-default-alt:before {
    content: "\e6ea"
}

.ti-layout-tab:before {
    content: "\e6eb"
}

.ti-layout-tab-window:before {
    content: "\e6ec"
}

.ti-layout-tab-v:before {
    content: "\e6ed"
}

.ti-layout-tab-min:before {
    content: "\e6ee"
}

.ti-layout-slider:before {
    content: "\e6ef"
}

.ti-layout-slider-alt:before {
    content: "\e6f0"
}

.ti-layout-sidebar-right:before {
    content: "\e6f1"
}

.ti-layout-sidebar-none:before {
    content: "\e6f2"
}

.ti-layout-sidebar-left:before {
    content: "\e6f3"
}

.ti-layout-placeholder:before {
    content: "\e6f4"
}

.ti-layout-menu:before {
    content: "\e6f5"
}

.ti-layout-menu-v:before {
    content: "\e6f6"
}

.ti-layout-menu-separated:before {
    content: "\e6f7"
}

.ti-layout-menu-full:before {
    content: "\e6f8"
}

.ti-layout-media-right-alt:before {
    content: "\e6f9"
}

.ti-layout-media-right:before {
    content: "\e6fa"
}

.ti-layout-media-overlay:before {
    content: "\e6fb"
}

.ti-layout-media-overlay-alt:before {
    content: "\e6fc"
}

.ti-layout-media-overlay-alt-2:before {
    content: "\e6fd"
}

.ti-layout-media-left-alt:before {
    content: "\e6fe"
}

.ti-layout-media-left:before {
    content: "\e6ff"
}

.ti-layout-media-center-alt:before {
    content: "\e700"
}

.ti-layout-media-center:before {
    content: "\e701"
}

.ti-layout-list-thumb:before {
    content: "\e702"
}

.ti-layout-list-thumb-alt:before {
    content: "\e703"
}

.ti-layout-list-post:before {
    content: "\e704"
}

.ti-layout-list-large-image:before {
    content: "\e705"
}

.ti-layout-line-solid:before {
    content: "\e706"
}

.ti-layout-grid4:before {
    content: "\e707"
}

.ti-layout-grid3:before {
    content: "\e708"
}

.ti-layout-grid2:before {
    content: "\e709"
}

.ti-layout-grid2-thumb:before {
    content: "\e70a"
}

.ti-layout-cta-right:before {
    content: "\e70b"
}

.ti-layout-cta-left:before {
    content: "\e70c"
}

.ti-layout-cta-center:before {
    content: "\e70d"
}

.ti-layout-cta-btn-right:before {
    content: "\e70e"
}

.ti-layout-cta-btn-left:before {
    content: "\e70f"
}

.ti-layout-column4:before {
    content: "\e710"
}

.ti-layout-column3:before {
    content: "\e711"
}

.ti-layout-column2:before {
    content: "\e712"
}

.ti-layout-accordion-separated:before {
    content: "\e713"
}

.ti-layout-accordion-merged:before {
    content: "\e714"
}

.ti-layout-accordion-list:before {
    content: "\e715"
}

.ti-ink-pen:before {
    content: "\e716"
}

.ti-info-alt:before {
    content: "\e717"
}

.ti-help-alt:before {
    content: "\e718"
}

.ti-headphone-alt:before {
    content: "\e719"
}

.ti-hand-point-up:before {
    content: "\e71a"
}

.ti-hand-point-right:before {
    content: "\e71b"
}

.ti-hand-point-left:before {
    content: "\e71c"
}

.ti-hand-point-down:before {
    content: "\e71d"
}

.ti-gallery:before {
    content: "\e71e"
}

.ti-face-smile:before {
    content: "\e71f"
}

.ti-face-sad:before {
    content: "\e720"
}

.ti-credit-card:before {
    content: "\e721"
}

.ti-control-skip-forward:before {
    content: "\e722"
}

.ti-control-skip-backward:before {
    content: "\e723"
}

.ti-control-record:before {
    content: "\e724"
}

.ti-control-eject:before {
    content: "\e725"
}

.ti-comments-smiley:before {
    content: "\e726"
}

.ti-brush-alt:before {
    content: "\e727"
}

.ti-youtube:before {
    content: "\e728"
}

.ti-vimeo:before {
    content: "\e729"
}

.ti-twitter:before {
    content: "\e72a"
}

.ti-time:before {
    content: "\e72b"
}

.ti-tumblr:before {
    content: "\e72c"
}

.ti-skype:before {
    content: "\e72d"
}

.ti-share:before {
    content: "\e72e"
}

.ti-share-alt:before {
    content: "\e72f"
}

.ti-rocket:before {
    content: "\e730"
}

.ti-pinterest:before {
    content: "\e731"
}

.ti-new-window:before {
    content: "\e732"
}

.ti-microsoft:before {
    content: "\e733"
}

.ti-list-ol:before {
    content: "\e734"
}

.ti-linkedin:before {
    content: "\e735"
}

.ti-layout-sidebar-2:before {
    content: "\e736"
}

.ti-layout-grid4-alt:before {
    content: "\e737"
}

.ti-layout-grid3-alt:before {
    content: "\e738"
}

.ti-layout-grid2-alt:before {
    content: "\e739"
}

.ti-layout-column4-alt:before {
    content: "\e73a"
}

.ti-layout-column3-alt:before {
    content: "\e73b"
}

.ti-layout-column2-alt:before {
    content: "\e73c"
}

.ti-instagram:before {
    content: "\e73d"
}

.ti-google:before {
    content: "\e73e"
}

.ti-github:before {
    content: "\e73f"
}

.ti-flickr:before {
    content: "\e740"
}

.ti-facebook:before {
    content: "\e741"
}

.ti-dropbox:before {
    content: "\e742"
}

.ti-dribbble:before {
    content: "\e743"
}

.ti-apple:before {
    content: "\e744"
}

.ti-android:before {
    content: "\e745"
}

.ti-save:before {
    content: "\e746"
}

.ti-save-alt:before {
    content: "\e747"
}

.ti-yahoo:before {
    content: "\e748"
}

.ti-wordpress:before {
    content: "\e749"
}

.ti-vimeo-alt:before {
    content: "\e74a"
}

.ti-twitter-alt:before {
    content: "\e74b"
}

.ti-tumblr-alt:before {
    content: "\e74c"
}

.ti-trello:before {
    content: "\e74d"
}

.ti-stack-overflow:before {
    content: "\e74e"
}

.ti-soundcloud:before {
    content: "\e74f"
}

.ti-sharethis:before {
    content: "\e750"
}

.ti-sharethis-alt:before {
    content: "\e751"
}

.ti-reddit:before {
    content: "\e752"
}

.ti-pinterest-alt:before {
    content: "\e753"
}

.ti-microsoft-alt:before {
    content: "\e754"
}

.ti-linux:before {
    content: "\e755"
}

.ti-jsfiddle:before {
    content: "\e756"
}

.ti-joomla:before {
    content: "\e757"
}

.ti-html5:before {
    content: "\e758"
}

.ti-flickr-alt:before {
    content: "\e759"
}

.ti-email:before {
    content: "\e75a"
}

.ti-drupal:before {
    content: "\e75b"
}

.ti-dropbox-alt:before {
    content: "\e75c"
}

.ti-css3:before {
    content: "\e75d"
}

.ti-rss:before {
    content: "\e75e"
}

.ti-rss-alt:before {
    content: "\e75f"
}

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



html.fh5co-overflow,body.fh5co-overflow {
    overflow-x: auto;
}

html.fh5co-overflow #fh5co-header-section,html.fh5co-overflow #fh5co-main,html.fh5co-overflow #fh5co-hero,html.fh5co-overflow #fh5co-mobile-menu,html.fh5co-overflow #fh5co-footer,body.fh5co-overflow #fh5co-header-section,body.fh5co-overflow #fh5co-main,body.fh5co-overflow #fh5co-hero,body.fh5co-overflow #fh5co-mobile-menu,body.fh5co-overflow #fh5co-footer {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

body {
    font-family: "vazir",tahoma,sans-serif;
    font-size: 16px;
    line-height: 2;
    font-weight: normal;
    color: #454545;
    direction: rtl;
}

.owl-carousel .owl-stage-outer {
    direction: ltr;
    /* pointer-events: none; */
}

@media screen and (max-width: 420px) {

.typeo-logo{height: 185px !important;width: 96% !important;}

.typeo-img{

height: 260px !important;
width: 80% !important;

}

}



.typeo-logo {/* height: 15em; */background-image: url("/assets/img/typo-logo-home-page.svg");height: 17em;background-size: contain;width: 60%;background-repeat-x: no-repeat;background-repeat-y: no-repeat;margin: auto;background-repeat: no-repeat;}

.typeo-img {height: 400px;background-size: contain;width: 55%;background-repeat-x: no-repeat;background-repeat-y: no-repeat;margin: auto;background-image: url(/assets/img/typeo-enjoy-it.svg);}

.clouds {
    background: url(/assets/img/clouds.svg) repeat-x fixed 0px -90px;
    background-position-x: 0px;
    width: 100%;
    /* background-position-x: 1319px; */
    height: 100%;
    margin-top: 00px;
    position: absolute;
    animation: clouds 30s linear .1s infinite;
    top: 80px;
    zoom: 1.5;
    }

@keyframes clouds {
    0% {
        background-position-x: 0
    }

    100% {
        background-position-x: 1319px
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size:16px;
        line-height: 1.5
    }
}

::-webkit-selection {
    color: #fff;
    background: #90d7ea
}

::-moz-selection {
    color: #fff;
    background: #90d7ea
}

::selection {
    color: #fff;
    background: #29b6f6;
}

a {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
    color: #03a9f4;
    /* border-bottom:1px solid #ccc */
}

a:hover,a:focus,a:active {
    color: #50c0de
}

a:hover,a:focus,a:active {
    outline: 0;
    color: #2e2e2e;
    text-decoration: none;
}

input {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
    margin: 0 0 20px;
    padding: 0;
    color: #5c5c5c;
}

h1,.h1 {
    font-size: 30px;
    line-height: 42px
}

h2,.h2 {
    font-size: 2.7em;
    line-height: 38px;
    font-family: "kalamehblack";
}

h3,.h3 {
    font-size: 20px;
    line-height: 32px
}

h4,.h4 {
    font-size: 16px;
    line-height: 28px
}

h5,.h5 {
    font-size: 14px;
    line-height: 24px
}

h6,.h6 {
    font-size: 12px;
    line-height: 24px
}

ul,ol {
    padding-left: 15px;
    line-height: 26px;
}

ul ul,ul ol,ol ul,ol ol {
    padding-left: 25px
}

ul,ol,p {
    margin: 0 0 20px 0;
}

.fh5co-serif {
    font-family: "Crimson Text",serif
}

.fh5co-sans-serif {
    font-family: "Lato",arial,sans-serif
}

input[type="text"],input[type="password"],input[type="email"],input[type="search"],textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

@media screen and (max-width: 480px) {
    .col-xxs-12 {
        display:block;
        clear: both;
        width: 100%;
        float: left
    }
}

#fh5co-header-section {
    /* position: absolute; */
    top: 0;
    width: 100%;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    z-index: 103;
    background-color: #58c3f5;
}

#fh5co-menu-logo {
    clear: both
}

#fh5co-logo-mobile {
    margin: 4px 0px !important;
}

#fh5co-quick-contacts {
    float: right;
    width: 100%;
    text-align: right;
    margin-top: 2em
}

#fh5co-quick-contacts .sep {
    padding: 0 .5em;
    color: rgba(255,255,255,0.5)
}

#fh5co-quick-contacts a {
    font-size: 14px;
    padding: 20px 10px;
    color: white
}

#fh5co-quick-contacts a>i {
    margin-right: 10px;
    margin-top: 5px;
    color: white
}

#fh5co-quick-contacts a:hover {
    color: white
}

#fh5co-logo {
    font-size: 20px;
    margin: .9em 0 0;
    padding: 0;
    /* font-weight: 700 */
}

#fh5co-logo a {
    border-bottom: none!important;
    color: #fff;
    text-transform: uppercase;
    font-size: 1em;
}

#fh5co-logo a:hover {
    opacity: .9;
}

#fh5co-logo span,#fh5co-logo-mobile span {
    font-family: 'kalamehblack';
    font-size: 1.6em;
}

/* responsive */

@media screen and (max-width: 768px) {

h2,.h2 {
    font-size: 1.6em;
    line-height: 1.4em!important;
}

.row.selectaccounts {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}

.clouds{animation: clouds 30s linear .1s infinite;/* animation-delay: 5s; */top: 20px;background: url(/assets/img/clouds.svg) repeat-x  1772px -87px;}    

.typeo-logo{
background-image: url(/assets/img/typo-logo-home-page-noanimation.svg) !important;
    
        
}

    
 .owl-carousel .owl-stage-outer {
    direction: ltr;
    pointer-events: none;
}
    

    
header#fh5co-header-section {
    display:none !important;
}

.pull-right-xs {
      float: left;
 }

.float-right-xs {
      /* float: right; */
 }

.owl-stage {
    height: 500px !important;
} 
    #fh5co-logo {
        text-align:center;
        margin: 0;
        float: none!important
    }

        #fh5co-mobile-menu #fh5co-mobile-menu-ul{

    display: flex !important;
    flex-direction: column-reverse !important;
        
    }
    
}

.sf-menu {
    margin: 0!important
}

.sf-menu {
    float: right
}

.sf-menu ul {
    box-shadow: none;
    border: transparent;
    min-width: 8em;
    *width: 8em
}

.sf-menu a {color: rgba(0,0,0,0.8);color: #ffffff;padding: .75em 1em;font-weight: normal;font-family: 'VazirFD';text-transform: uppercase;/* letter-spacing: 1px; */border-left: none;border-top: 0;border-top: 0;text-decoration: none;zoom: 1;font-size: 1.1em;border-bottom: none!important;}

.sf-menu li,.sf-menu ul li,.sf-menu ul ul li,.sf-menu li:hover,.sf-menu li.sfHover {
    background: transparent
}

.sf-menu ul li a,.sf-menu ul ul li a {
    text-transform: none;
    padding: .75em 1em;
    letter-spacing: 1px
}

.sf-menu li:hover a,.sf-menu li.sfHover a,.sf-menu ul li:hover a,.sf-menu ul li.sfHover a,.sf-menu li.active a {
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.08)
}

.sf-menu ul li:hover,.sf-menu ul li.sfHover {
    background: transparent
}

.sf-menu ul li {
    background: transparent
}

.sf-arrows .sf-with-ul {
    padding-right: 2.5em;
    *padding-right: 1em
}

.sf-arrows .sf-with-ul:after {
    content: '';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -3px;
    height: 0;
    width: 0;
    border: 5px solid transparent;
    border-top-color: #ccc
}

.sf-arrows>li>.sf-with-ul:focus:after,.sf-arrows>li:hover>.sf-with-ul:after,.sf-arrows>.sfHover>.sf-with-ul:after {
    border-top-color: #ccc
}

.sf-arrows ul .sf-with-ul:after {
    margin-top: -5px;
    margin-right: -3px;
    border-color: transparent;
    border-left-color: #ccc
}

.sf-arrows ul li>.sf-with-ul:focus:after,.sf-arrows ul li:hover>.sf-with-ul:after,.sf-arrows ul .sfHover>.sf-with-ul:after {
    border-left-color: #ccc
}

.fh5co-special a {
    padding: 0!important;
    margin-top: 29px;
    background: #e96338;
    padding-left: 20px!important;
    padding-top: 4px!important;
    padding-bottom: 4px!important;
    padding-right: 20px!important;
    color: #fff;
    font-family: 'kalamehblack';
    font-size: 1.4em;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

#fh5co-menu-wrap {
    float: right;
    position: relative;
    margin-right: -20px
}

#fh5co-menu-wrap .sf-menu a {
      padding: 1.1em;
      padding-top: 2em;
}

#fh5co-menu-wrap .sf-menu li:not(.fh5co-special) a:hover {
      opacity:.8;
}

#fh5co-menu-wrap .sf-menu li.fh5co-special a:hover {
      background-color: #fa693a;
}

#fh5co-primary-menu>li>ul li.active>a {
    color: #90d7ea!important
}

#fh5co-primary-menu>li>.sf-with-ul:after {
    border: none!important;
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    float: right;
    margin-right: -15px;
    top: 50%;
    margin-top: 1px;
    content: "\e64b";
    color: #ffffff;
    font-size: 11px;
}

#fh5co-primary-menu>li>ul li>.sf-with-ul:after {
    border: none!important;
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    float: right;
    margin-right: 10px;
    top: 13px;
    font-size: 12px;
    content: "\e649";
    color: rgba(255,255,255,0.5)
}

#fh5co-primary-menu .fh5co-sub-menu {
    padding: 7px 0 3px;
    background: rgb(255 255 255);
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px
}

#fh5co-primary-menu .fh5co-sub-menu:before {
    position: absolute;
    top: -9px;
    right: 20px;
    width: 0;
    height: 0;
    content: ''
}

#fh5co-primary-menu .fh5co-sub-menu:after {
    position: absolute;
    top: -8px;
    right: 21px;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #ffffff;
    /* border-bottom: 8px solid rgba(0,0,0,0.8); */
    border-left: 8px solid transparent;
    content: ''
}

#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:before {
    top: 6px;
    right: 100%
}

#fh5co-primary-menu .fh5co-sub-menu .fh5co-sub-menu:after {
    top: 7px;
    right: 100%;
    border: none!important
}

.site-header.has-image #primary-menu .sub-menu {
    border-color: #ebebeb;
    box-shadow: 0 0 0 1px rgba(0,0,0,0.19)
}

.site-header.has-image #primary-menu .sub-menu:before {
    display: none
}

#fh5co-primary-menu .fh5co-sub-menu a {
    letter-spacing: 0;
    padding: 0 15px;
    font-size: 14px;
    line-height: 30px;
    text-shadow: unset;
    color: #000000!important;
    text-transform: none;
    background: 0
}

#fh5co-primary-menu .fh5co-sub-menu a:hover {
    color: #03a9f4!important;
}

.fh5co-nav-toggle {
    width: 25px;
    height: 25px;
    cursor: pointer;
    text-decoration: none
}

.fh5co-nav-toggle.active i::before,.fh5co-nav-toggle.active i::after {
    background: #2e2e2e
}

.fh5co-nav-toggle:hover,.fh5co-nav-toggle:focus,.fh5co-nav-toggle:active {
    outline: 0;
    border-bottom: none!important
}

.fh5co-nav-toggle i {
    position: relative;
    display: inline-block;
    width: 25px;
    height: 3px;
    color: #252525;
    font: bold 14px/.4 Helvetica;
    text-transform: uppercase;
    text-indent: -55px;
    background: #252525;
    transition: all .2s ease-out
}

.fh5co-nav-toggle i::before,.fh5co-nav-toggle i::after {
    content: '';
    width: 25px;
    height: 3px;
    background: #252525;
    position: absolute;
    left: 0;
    transition: all .2s ease-out
}

.fh5co-nav-toggle.fh5co-nav-white>i {
    color: #fff;
    background: #fff
}

.fh5co-nav-toggle.fh5co-nav-white>i::before,.fh5co-nav-toggle.fh5co-nav-white>i::after {
    background: #fff
}

.fh5co-nav-toggle i::before {
    top: -7px
}

.fh5co-nav-toggle i::after {
    bottom: -7px
}

.fh5co-nav-toggle:hover i::before {
    top: -10px
}

.fh5co-nav-toggle:hover i::after {
    bottom: -10px
}

.fh5co-nav-toggle.active i {
    background: transparent
}

.fh5co-nav-toggle.active i::before {
    top: 0;
    -webkit-transform: rotateZ(45deg);
    -moz-transform: rotateZ(45deg);
    -ms-transform: rotateZ(45deg);
    -o-transform: rotateZ(45deg);
    transform: rotateZ(45deg)
}

.fh5co-nav-toggle.active i::after {
    bottom: 0;
    -webkit-transform: rotateZ(-45deg);
    -moz-transform: rotateZ(-45deg);
    -ms-transform: rotateZ(-45deg);
    -o-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg)
}

.fh5co-nav-toggle {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 21;
    padding: 8px 0 0;
    display: block;
    margin: 0px 6px;
    display: none;
    background: #4fc3f7;
    height: 44px;
    width: 44px;
    border-bottom: none!important;
    /* border-radius: 10px; */
}

@media screen and (max-width: 768px) {
    .fh5co-nav-toggle {
        display:block
    }
}

#fh5co-mobile-menu {
    -moz-transform: translateX(275px);
    -webkit-transform: translateX(275px);
    -ms-transform: translateX(275px);
    transform: translateX(275px);
    display: block;
    height: 100%;
    /* right: 1px; */
    overflow-y: auto;
    position: fixed;
    top: 44px;
    width: 275px;
    z-index: 10002;
    background: #4fc3f7;
    padding: .75em 1.25em;
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul {
    padding: 0;
    margin: 0;
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul li {
    list-style: none;
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul li.active>a {
    color: #fff
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul a {
    border-bottom: none!important;
    padding: 7px 0;
    display: block;
    color: #fff;
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul a:hover {
    color: #fff;
    color: white
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul .fh5co-sub-ddown {
    position: relative
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul .fh5co-sub-ddown::after {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    margin-top: 5px;
    content: "\e64b";
    font-size: 10px;
    padding-right: 10px;
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul .fh5co-sub-menu {
    display: none;
    padding-left: 20px
}

#fh5co-mobile-menu #fh5co-mobile-menu-ul .fh5co-sub-menu li {
    list-style: none
}

#fh5co-logo-mobile-wrap {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
    display: block;
    height: 44px;
    left: 0;
    top: 0px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 10001;
    background: #72d3ff;
    color: #fff;
}

#fh5co-logo-mobile a {
    color: white;
    font-size: .8em;
    line-height: 2em !important;
}

#fh5co-logo-mobile-wrap h1 {
    padding: 0;
    margin: 0;
    font-size: 20px;
    font-weight: bold
}

#fh5co-logo-mobile-wrap h1 a {
    border-bottom: none!important;
    color: #ccc;
    text-transform: uppercase;
    font-size: .6em;
}

@media screen and (max-width: 768px) {
    #fh5co-content {
        margin-bottom:4em
    }
}

#fh5co-sidebar {
    font-size: 14px
}

#fh5co-sidebar .sidebar-box {
    margin-bottom: 2em;
    float: left;
    width: 100%
}

#fh5co-sidebar .sidebar-heading {
    margin-bottom: 10px;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 4px;
    color: #2e2e2e;
    position: relative;
    padding-top: 7px
}

#fh5co-sidebar .sidebar-heading .border {
    width: 30px;
    height: 3px;
    position: absolute;
    top: 0;
    left: 0;
    background: #ebebeb
}

#fh5co-sidebar .sidebar-links {
    padding: 0;
    margin: 0 0 30px 0
}

#fh5co-sidebar .sidebar-links li {
    padding: 0;
    margin: 0;
    list-style: none
}

#fh5co-hero {
    background-color: #4fc3f7;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
    margin-bottom: 7em;
    float: left;
    width: 100%;
    height: 100px;
    display: table;
    position: relative;
    z-index: 20;
    color: #fff;
}

@media screen and (max-width: 768px) {
    #fh5co-hero {
        background-position:center center
    }
}

#fh5co-hero:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -40px;
    overflow: visible;
    width: 100%;
    height: 400px;
    background: #4fc3f7;
    z-index: -1;
    -webkit-transform: skewY(
-3deg
);
    -moz-transform: skewY(-3deg);
    -ms-transform: skewY(-3deg);
    -o-transform: skewY(-3deg);
    transform: skewY(
-3deg
);
    background-color: #4fc3f7;
}

#fh5co-hero .fh5co-arrow {
    position: absolute;
    bottom: -70px;
    left: 50%;
    margin-left: -30px;
    display: table;
    color: #fff;
    font-size: 24px;
    z-index: 99;
    text-decoration: none;
    width: 60px;
    height: 60px;
    background: #f86942;
    /* border-bottom: none!important; */
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    /* -webkit-box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125); */
    -moz-box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125);
    -ms-box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125);
    -o-box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125);
    /* box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125); */
}

#fh5co-hero .fh5co-arrow i {
    display: table-cell;
    vertical-align: middle
}

#fh5co-hero .fh5co-arrow:active,#fh5co-hero .fh5co-arrow:focus,#fh5co-hero .fh5co-arrow:hover {
    outline: 0
}

#fh5co-hero .fh5co-hero-wrap {
    padding-top: 3em;
    display: table;
    height: 600px;
    width: 100%
}

@media screen and (max-width: 768px) {
    #fh5co-hero .fh5co-hero-wrap {
        padding-top:4em
    }
}

#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro {
    vertical-align: middle;
    text-align: center;
    color: #fff
}

#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro a {
    color: rgb(255, 255, 255);
    border-bottom: 1px solid rgba(255,255,255,0.3);
}

#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro a:hover {
    color: #fff;
    border-bottom: 1px solid white;
}

#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro>h1 {
    font-size: 40px;
    font-weight: normal;
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.08);
    line-height: 1.7em;
    font-family: 'kalamehblack';
}

@media screen and (max-width: 768px) {
    #fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro>h1 {
        font-size:30px
    }
}

#fh5co-hero .fh5co-hero-wrap .fh5co-hero-intro>h2 {
    line-height: 1.5;
    font-size: 1.2em;
    font-family: 'vazirfd';
    text-transform: uppercase;
    padding-bottom: 20px;
    position: relative;
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.08)
}

@media screen and (max-width: 768px) {
}

#fh5co-hero .fh5co-hero-wrap .btn {
    color: #fff;
    text-shadow: 2px 2px 1px rgba(0,0,0,0.08)
}

#fh5co-hero .fh5co-hero-wrap .btn:hover,#fh5co-hero .fh5co-hero-wrap .btn:active,#fh5co-hero .fh5co-hero-wrap .btn:focus {
    background: #90d7ea;
    border-color: #90d7ea
}

body.inner-page #fh5co-hero {
    height: 400px
}

body.inner-page #fh5co-hero:after {
    height: 750px
}

body.inner-page #fh5co-hero .fh5co-hero-wrap {
    padding-top: 15em
}

@media screen and (max-width: 768px) {
    body.inner-page #fh5co-hero .fh5co-hero-wrap {
        padding-top:4em
    }
}

@media screen and (max-width: 768px) {
    #fh5co-hero,.fh5co-hero-wrap {
        position:relative;
        padding: 4em 0 3em;
        height: inherit!important
    }
}

#fh5co-main {
    padding-top: 50px;
    position: relative;
    float: left;
    width: 100%;
    clear: both;
    margin-bottom: 2em;
}

@media screen and (max-width: 768px) {
    #fh5co-main {
        margin-top:0;
        padding-top: 20px;
        margin-bottom: 4em;
    }
}

@media screen and (max-width: 768px) {
    body.inner-page #fh5co-main {
        margin-top:0;
        padding-top: 20px
    }
}

#fh5co-hero,#fh5co-main,#fh5co-logo-mobile-wrap {
    -moz-transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

body.fh5co-mobile-menu-visible #fh5co-hero,body.fh5co-mobile-menu-visible #fh5co-main,body.fh5co-mobile-menu-visible #fh5co-logo-mobile-wrap {
  
}

body.fh5co-mobile-menu-visible #fh5co-mobile-menu {
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

#fh5co-works .fh5co-work-item figure {
    margin-bottom: 20px!important;
    float: left;
    width: 100%
}

#fh5co-works .fh5co-work-item .heading {
    font-size: 17px;
    margin-bottom: 40px
}

#fh5co-works .fh5co-work-item .fh5co-category {
    color: #ccc;
    font-size: 13px;
    margin-bottom: 0
}

#fh5co-call-to-action {
    clear: both;
    display: block;
    padding: 3em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    letter-spacing: 7px;
    text-transform: uppercase;
    background: transparent;
    font-size: 16px;
    color: #000
}

#fh5co-call-to-action:hover,#fh5co-call-to-action:focus,#fh5co-call-to-action:active {
    color: #fff;
    background: #f86942;
    border-top: 1px solid #f86942;
    border-bottom: 1px solid #f86942
}

#fh5co-footer {
    clear: both;
    position: relative;
    padding: 4em 0 1em;
    background: #90d7ea;
    background: #4fc3f7;
    border-top: 4px solid #03a9f45c;
    float: left;
    width: 100%;
    font-size: 13px;
    line-height: 20px;
}

#fh5co-footer::before {
    /* content: ''; */
    position: absolute;
    left: 0;
    top: -4em;
    overflow: hidden;
    width: 100%;
    height: 350px;
    /* background: #90d7ea; */
    background: #e1f5fe;
    z-index: -1;
    -webkit-transform: skewY(3deg);
    -moz-transform: skewY(3deg);
    -ms-transform: skewY(3deg);
    -o-transform: skewY(3deg);
    transform: skewY(3deg)
}

#fh5co-footer .fh5co-arrow {
    position: absolute;
    top: -40px;
    left: 50%;
    margin-left: -30px;
    display: table;
    color: #fff!important;
    font-size: 24px;
    z-index: 99;
    text-decoration: none;
    width: 60px;
    height: 60px;
    background: #f86942;
    border-bottom: none!important;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125);
    -moz-box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125);
    -ms-box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125);
    -o-box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125);
    box-shadow: 0 .125em .125em 0 rgba(0,0,0,0.125)
}

#fh5co-footer .fh5co-arrow i {
    display: table-cell;
    vertical-align: middle
}

#fh5co-footer .fh5co-arrow:active,#fh5co-footer .fh5co-arrow:focus,#fh5co-footer .fh5co-arrow:hover {
    outline: 0;
    color: #fff!important
}

#fh5co-footer .fh5co-copyright {
    margin-top: 5em;
    direction: ltr;
    font-family: tahoma
}

#fh5co-footer .fh5co-footer-heading {
    font-size: 2.1em;
    text-transform: uppercase;
    color: #ffffff;
    margin-bottom: 10px;
    font-family: 'kalamehblack';
}


#fh5co-footer a,#fh5co-footer p{color: #ffffff;font-size: 1.2em;font-family: 'VazirFD';}

.fh5co-footer-links li a:hover{
    opacity:.6;
}
#fh5co-footer p{color: #ffffff;font-size: 1.1em;font-family: 'Vazir';}

#fh5co-footer .fh5co-footer-links {
    padding: 0;
    margin: 0 0 30px 0
}

#fh5co-footer .fh5co-footer-links li {
    padding: 0;
    margin: 0;
    list-style: none
}

.quote {
    width: 80%;
    margin: 0 auto;
    font-size: 28px;
    font-weight: 300;
    line-height: 38px
}

.quote cite {
    margin-top: 20px;
    display: block;
    font-size: 20px;
    font-style: normal
}

@media screen and (max-width: 768px) {
    .quote {
        font-size:20px;
        width: 100%
    }
}

.fh5co-spacer {
    clear: both;
    position: relative;
    border: 0;
    padding: 0;
    margin: 0
}

.fh5co-spacer-xlg {
    height: 150px
}

@media screen and (max-width: 768px) {
    .fh5co-spacer-xlg {
        height:70px
    }

    
}

.fh5co-spacer-lg {
    height: 100px
}

@media screen and (max-width: 768px) {
    .fh5co-spacer-lg {
        height:50px
    }
}

.fh5co-spacer-md {
    height: 80px
}

@media screen and (max-width: 768px) {
    .fh5co-spacer-md {
        height:30px
    }
}

.fh5co-spacer-sm {
    height: 50px
}

@media screen and (max-width: 768px) {
    .fh5co-spacer-sm {
        height:20px
    }
}

.fh5co-spacer-xs {
    height: 30px
}

@media screen and (max-width: 768px) {
    .fh5co-spacer-xs {
        height:20px
    }
}

.fh5co-spacer-xxs {
    height: 20px
}

.fh5co-letter-spacing {
    letter-spacing: 1px
}

.fh5co-no-margin-bottom {
    margin-bottom: 0!important
}

.fh5co-uppercase-heading-sm {
    font-size: 14px;
    line-height: 26px;
    text-transform: uppercase;
    letter-spacing: 3px;
    color: #ccc
}

.form-group {
    margin-bottom: 30px
}

.image-popup:hover {
    opacity: .7
}

.fh5co-section-heading .fh5co-lead {
    text-transform: uppercase;
    position: relative
}

.fh5co-section-heading .fh5co-lead>.fh5co-line {
    height: 2px;
    display: block;
    width: 100px;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -50px;
    background: rgba(0,0,0,0.3)
}

.fh5co-section-heading .fh5co-sub {
    font-size: 18px
}

.alert.alert-info {
    /* border-bottom: 2px solid #8ccfe8; */
background-color: #f2fcff;color: #0fa1d6;}

.btn {
    border-bottom: none!important;
    text-transform: uppercase;
    margin-bottom: 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    padding-left: 20px;
    padding-right: 20px;
    margin-right: 10px;
    font-family: 'kalamehblack' !important;
    font-size: 1.5em !important;
}

.btn:hover,.btn:focus,.btn:active {
    box-shadow: none;
    outline: none!important;
    border-color: transparent
}

.btn.fh5co-btn-icon {
    text-transform: none!important;
    letter-spacing: normal!important;
    padding-left: 15px;
    padding-right: 15px
}

.btn-outline {
    border: 2px solid #2a2e37 !important;
    background: transparent;
    color: #2a2e37;
}

.btn-outline:hover, .btn-outline:active, .btn-outline:focus, .btn.active {
    border: 2px solid #ff663c !important;
    background: #ff663c !important;
    color: #fff
}

.btn.active:hover {
    
    border: 2px solid #ff7752 !important;
    background: #ff7752 !important;
    color: #fff
}

.btn-primary {
    background: #90d7ea
}

.btn-success {
    background: #00e195
}

.btn-danger {
    background: #e02745
}

.btn-info {
    background: #0bbff2
}

.btn-warning {
    background: #ffd042
}

.btn-primary,.btn-success,.btn-info,.btn-warning,.btn-danger {
    border-color: transparent
}

.btn-default:hover,.btn-default:active,.btn-default:focus,.btn-primary:hover,.btn-primary:active,.btn-primary:focus,.btn-success:hover,.btn-success:active,.btn-success:focus,.btn-info:hover,.btn-info:active,.btn-info:focus,.btn-warning:hover,.btn-warning:active,.btn-warning:focus,.btn-danger:hover,.btn-danger:active,.btn-danger:focus {
    background: #282e3c;
    color: #fff
}

.form-control {
    box-shadow: none!important;
    border: 2px solid #ccc
}

.form-control:hover,.form-control:focus,.form-control:active {
    outline: 0;
    box-shadow: none!important;
    border: 2px solid #90d7ea
}

.js .to-animate,.js .feature-box,.js .work-box,.js .footer-box,.js .animate-box {
    opacity: 0
}

#fh5co-features .fh5co-feature {
    margin-bottom: 30px
}

#fh5co-features .fh5co-feature .heading {
    font-size: 1.2em;
    margin: 0;
    margin-bottom: 3px;
    font-weight: 700;
    color: #2e2e2e;
    font-family: 'Vazir';
}

#fh5co-features .fh5co-feature-icon {
    margin: 0 auto 2em auto;
    text-align: center;
    border-radius: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%
}

#fh5co-features .fh5co-feature-icon i {
    vertical-align: middle;
    font-size: 50px;
    color: #4fc3f7;
}

.fh5co-header {
    text-align: center
}

.fh5co-header .fh5co-heading {
    font-weight: bold;
    font-size: 45px;
    line-height: 57px
}

@media screen and (max-width: 768px) {
    .fh5co-header .fh5co-heading {
        font-size:30px!important;
        line-height: 42px!important
    }
}

.fh5co-header .fh5co-heading-sub {
    color: #777;
    font-size: 18px;
    line-height: 30px
}

.fh5co-tab {
    clear: both;
    display: block;
    margin-top: 10px !important;!i;!;
}

.resp-tab-active {
    color: #4fc3f7;
}

.resp-content-active,.resp-accordion-active {
    display: block
}

.fh5co-tab-menu-icon {
    font-size: 20px;
    position: relative;
    float: left;
    margin-right: 10px
}

@media screen and (max-width: 768px) {
    .fh5co-tab-menu-icon {
        /* margin-top:7px; */
    }
}

#fh5co-feature-slider .fh5co-item-slide-text {
    margin-top: 1em
}

#fh5co-feature-slider .fh5co-item-slide-text>h2 {
    position: relative;
    padding-bottom: 20px
}

#fh5co-feature-slider .fh5co-item-slide-text>h2 span {
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px;
    background: #ccc;
    background: rgba(0,0,0,0.1)
}

@media screen and (max-width: 992px) {
    #fh5co-feature-slider .fh5co-item-slide-text {
        margin-top:0
    }
}

@media screen and (max-width: 768px) {
    #fh5co-feature-slider .fh5co-item-slide-text {
        margin-top:0
    }
}

@media screen and (max-width: 480px) {
    #fh5co-feature-slider .fh5co-item-slide-text {
        margin-top:0
    }
}

#fh5co-testimonial {
    padding: 10em 0;
    background: #000 url(../images/hero2.jpg) no-repeat center center;
    background-size: cover
}

@media screen and (max-width: 768px) {
    #fh5co-testimonial {
        padding:3em 0
    }
}

#fh5co-testimonial blockquote {
    padding-left: 0;
    width: 70%;
    margin: 0 auto;
    color: #fff;
    border-left: none;
    font-size: 45px;
    line-height: 57px
}

@media screen and (max-width: 768px) {
    #fh5co-testimonial blockquote {
        width:100%;
        font-size: 35px;
        line-height: 47px
    }
}

#fh5co-testimonial blockquote p {
    text-align: center;
    color: #fff
}

#fh5co-testimonial .fh5co-testimonial-author {
    font-size: 18px
}

#fh5co-testimonial .fh5co-uppercase-heading-sm {
    color: #fff
}

.fh5co-accordion .panel-title>a {
    border-bottom: none!important
}

.fh5co-accordion .panel-title>a:hover {
    border-bottom: none!important
}

.fh5co-accordion .panel-heading {
    background: transparent;
    position: relative;
    cursor: pointer
}

.fh5co-accordion .panel-heading .accordion-toggle {
    color: #90d7ea
}

.fh5co-accordion .panel-heading .accordion-toggle:after {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2e2e2e!important;
    position: absolute;
    content: "\e622";
    right: 15px;
    top: 16px
}

.fh5co-accordion .panel-heading.collapsed .accordion-toggle {
    color: #2e2e2e!important
}

.fh5co-accordion .panel-heading.collapsed .accordion-toggle:after {
    font-family: 'themify';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2e2e2e!important;
    position: absolute;
    content: "\e61a";
    right: 15px;
    top: 16px
}

.progress {
    height: 15px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

.progress-bar {
    box-shadow: none;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    border-radius: 30px
}

.progress-bar.progress-bar-default {
    background: #90d7ea
}

.progress-bar.progress-bar-success {
    background: #00e195
}

.progress-bar.progress-bar-info {
    background: #0bbff2
}

.progress-bar.progress-bar-warning {
    background: #ffd042
}

.progress-bar.progress-bar-danger {
    background: #e02745
}

.fh5co-social-icons {
    padding: 0
}

.fh5co-social-icons li {
    list-style: none;
    display: inline;
    display: inline-block
}

.fh5co-social-icons li a {
    height: 40px;
    width: 40px;
    border: 1px solid #ebebeb;
    display: table;
    text-align: center;
    color: #2e2e2e;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    margin: 5px;
}

.fh5co-social-icons li a:hover {
    background: cornflowerblue;
    border: 1px solid red;
    color: #fff!important
}

.fh5co-social-icons li i {
    display: table-cell;
    vertical-align: middle;
    font-size: 18px
}

@media screen and (max-width: 992px) {
    .fh5co-pricing-table-1 .fh5co-pricing-table-item {
        margin-bottom:20px!important
    }
}

@media screen and (max-width: 768px) {
    .fh5co-pricing-table-1 .fh5co-pricing-table-item {
        margin-bottom:20px!important;
        float: left;
        width: 100%
    }
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-body,.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading {
    text-align: center;
    float: left;
    width: 100%;
    padding: 1em 2em
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading {
    background: #90d7ea;
    color: #fff
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading h3 {
    font-size: 70px;
    position: relative;
    display: inline-block
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading h3 sup {
    position: absolute;
    top: 2px;
    margin-left: -7px
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading h3 sup,.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading h3 span {
    font-size: 14px;
    text-transform: uppercase
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-heading p {
    color: rgba(255,255,255,0.6);
    font-size: 14px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item.fh5co-best-offer .fh5co-pricing-table-item-heading {
    background: #90d7ea;
    color: #fff
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-body {
    border: 2px solid #ccc;
    border-top: 0
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-body ul {
    padding: 0;
    margin: 0
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item .fh5co-pricing-table-item-body ul li {
    list-style: none;
    padding: 0;
    margin: 0 0 10px 0
}

.fh5co-pricing-table-1 .fh5co-pricing-table-item.fh5co-best-offer .fh5co-pricing-table-item-body {
    border: 2px solid #90d7ea;
    border-top: 0
}

.fh5co-nav-links ul {
    padding: 0;
    margin: 0
}

.fh5co-nav-links ul li {
    padding: 0;
    margin: 0 0 .5em;
    list-style: none
}

.fh5co-nav-links ul li.active a {
    color: #2e2e2e;
    border-bottom: 2px solid #90d7ea
}

.owl-carousel .owl-controls,.owl-carousel-posts .owl-controls {
    margin-top: 0
}

.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel-posts .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    top: 50%;
    margin-top: -29px;
    z-index: 9999;
    position: absolute;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    top: 24%
}

.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel-posts .owl-controls .owl-nav .owl-next {
    right: -40px
}

.owl-carousel .owl-controls .owl-nav .owl-next:hover,.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover {
    margin-right: -10px
}

.owl-carousel .owl-controls .owl-nav .owl-prev,.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    left: -40px
}

.owl-carousel .owl-controls .owl-nav .owl-prev:hover,.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover {
    margin-left: -10px
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next {
    right: -50px
}

@media screen and (max-width: 768px) {
    .owl-carousel-posts .owl-controls .owl-nav .owl-next {
        right:0
    }
}

.owl-carousel-posts .owl-controls .owl-nav .owl-prev {
    left: -50px
}

@media screen and (max-width: 768px) {
    .owl-carousel-posts .owl-controls .owl-nav .owl-prev {
        left:0
    }
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next i,.owl-carousel-posts .owl-controls .owl-nav .owl-prev i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev i {
    color: #2e2e2e
}

.owl-carousel-posts .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-posts .owl-controls .owl-nav .owl-prev:hover i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-fullwidth .owl-controls .owl-nav .owl-prev:hover i {
    color: #000
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev i {
    color: #fff
}

.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-next:hover i,.owl-carousel-fullwidth.fh5co-light-arrow .owl-controls .owl-nav .owl-prev:hover i {
    color: #fff
}

@media screen and (max-width: 768px) {
    .owl-theme .owl-controls .owl-nav {
        display:none
    }
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] {
    background: none!important
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] i {
    font-size: 30px
}

.owl-theme .owl-controls .owl-nav [class*="owl-"] i:hover,.owl-theme .owl-controls .owl-nav [class*="owl-"] i:focus {
    background: none!important
}

.owl-theme .owl-controls .owl-nav [class*="owl-"]:hover,.owl-theme .owl-controls .owl-nav [class*="owl-"]:focus {
    background: none!important
}

.owl-theme .owl-dots {
    position: absolute;
    top: -15px;
    width: 100%;
    text-align: center;
    direction: ltr;
}

.owl-carousel-fullwidth.owl-theme .owl-dots {
    bottom: 0;
    margin-bottom: -2.5em
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    border: 2px solid #4fc3f7;
    background: 0;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    transition: all .2s ease;
}

.owl-theme .owl-dots .owl-dot span:hover {
    background: 0;
    border: 2px solid #90d7ea
}

.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span {
    background: #4fc3f7;
    border: 2px solid #4fc3f7;
}

img.fh5co-align-right {
    float: right;
    margin: 0 0 .5em 1em
}

@media screen and (max-width: 480px) {
    img.fh5co-align-right {
        width:100%;
        margin: 0 0 .5em 0
    }
}

img.fh5co-align-left {
    float: left;
    margin: 0 1em .5em 0
}

@media screen and (max-width: 480px) {
    img.fh5co-align-left {
        width:100%;
        margin: 0 0 .5em 0
    }
}

img.fh5co-align-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}

a>img.fh5co-align-right {
    float: right;
    margin: 0 0 .5em 1em
}

@media screen and (max-width: 480px) {
    a>img.fh5co-align-right {
        width:100%;
        margin: 0 0 .5em 0
    }
}

a>img.fh5co-align-left {
    float: left;
    margin: 0 1em .5em 0
}

@media screen and (max-width: 480px) {
    a>img.fh5co-align-left {
        width:100%;
        margin: 0 0 .5em 0
    }
}

a>img.fh5co-align-center {
    display: block;
    margin-left: auto;
    margin-right: auto
}


img.bigimg {
    width: 200px;
    position: absolute;
}

.imgbox {
    text-align: center;
    margin: auto;
    width: 50%;
    position: relative;
    top: -320px;
    left: -190px;
    transform: rotate(-10deg);
}

.objects {
    width: 95%;
    /* background-color: #f9f9f9 !important; */
    background-image: url(/assets/img/landings/winner-objects.svg);
    /* height: 380px; */
    /* background-size: cover; */
    /* background-repeat: no-repeat; */
    background-attachment: scroll;
    animation: obj 100s linear .1s infinite;
    height: 160px;
    position: absolute;
    /* border: 1px solid; */
    overflow: hidden;
    filter: blur(2px);
    -webkit-filter: blur(2px);
}

.customers img {
    width: 923px !important;
    margin: auto;
    opacity: .8;
    /* height: 100px !important; */
}


@keyframes obj {
    0% {
        background-position-y: 0
    }

    100% {
        background-position-y: 2000px
    }
}

.prize ul li {
    background-color: white;
    padding: 5px;
    margin: 5px;
    list-style: none;
    border-radius: 10px;
    width: 100%;
}



.prize {
    margin: auto;
    float: unset;
}

.prize ul {
    text-align: center;
}

p.prize {
    background-color: #ffffff;
    margin: 5px;
    border-radius: 10px;
    /* border-bottom: 2px solid #d8d8d8; */
    color: #2f2f2f;
    padding: 10px;
}

.objects.bigger {background-size: contain;}

@media (min-width: 992px){

.rtl .feature-box {
    float: right !important;
}

}

@media only screen and (max-device-width: 480px) {

.imgbox {
    text-align: center;
    margin: auto;
    width:20%;
    position: relative;
    top: -210px;
    left: -100px;
    transform: rotate(-10deg);
}

img.bigimg {
    width: 160px;
    position: absolute;
}

.imgbox.phone {
    text-align: center;
    margin: auto;
    width:50%;
    position: relative;
    top: -110px  !important;
    left: 120px !important;
    z-index:0;
    transform: rotate(-10deg);
}

.phone img.bigimg {
    width: 201px !important;
    position: absolute;
    margin-right: 29px !important;
    margin-top: 30px;
    }


    }

.customers .item{

opacity:.7
} 

.fh5co-sub-ddown {
    margin-right: 10px;
}

.imgbox.phone {
    transform: unset;
    top: -230px;
    left: -160px;
}

.phone img.bigimg {
    width: 300px;
}

@keyframes float {
	0% {
		
		transform: translatey(0px);
	}
	50% {
		
		transform: translatey(-15px);
	}
	100% {
		
		transform: translatey(0px);
	}
}

.float {
 
 transform: translatey(0px);
 animation: float 4s ease-in-out infinite;

}

.prize span.value {background-color: #fff9d7;padding: 2px 5px;border-radius: 10px;color: #ff9900;}



.user-card::before,
.user-card::after,
.user-card {
  /* position: absolute; */
  margin: auto;
  background-color: #fff;
}

.user-card {
  /* width: 90%; */
  max-width: 450px;
  height: 130px;
  border-radius: 24px;
  /* border: 1px solid; */
  box-shadow: 0px 2px 0px 1px rgb(0 0 0 / 8%);
  margin-top: 15px;
  transition: all .3s;
  border: 1px solid #eaeaea;
  direction: rtl;
  }
.user-card .content {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  border-radius: inherit;
  align-items: flex-start;

}

.user-card.testimonial .content {

  flex-direction: row-reverse;
}

.user-card:hover {box-shadow: 1px 1px 0px 0px rgb(0 0 0 / 8%);transition: all .4s;border-color: white;background-color: #fdfdfd;}

.user-card .content .img-wrapper,
.user-card .content img {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.user-card .content .img-wrapper {
  position: relative;
  height: 128px;
  width: 128px;
border-radius: 50%;}
.user-card .content .img-wrapper img {
  border-radius: 50%;
  height: 100px;
  width: 100px;
  padding: 0;
  margin: 0;
  border: 5px solid transparent;
  /* border-radius: 10%; */
  }
.user-card .content .user-infos {
  /* position: relative; */
  /* flex: 1; */
  /* padding: 5px 5px 5px 0; */
  /* color: #B4AAAA; */
  /* text-align: right; */
  }

.owl-carousel .user-card.testimonial {
    background-color: transparent !important;
}

.user-card .content .user-infos .account-type {
  float: left;
  padding: 5px 10px;
  border-radius: 20px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #E5E5E5;
}
.user-card .content .user-infos .username {
  /* clear: both; */
text-align: right;}
.user-card .content .user-infos .username .fullname {
  color: #000000;
  /* font-weight: bold; */
  /* font-size: 1.2em; */
}
.user-card .content .user-infos .job {
  font-style: italic;
  color: grey;
}
.user-card .content .user-infos .job::before {
  content: "=>";
  color: skyblue;
  padding-right: 5px;
}
.user-card .content .user-infos .user-stats {
  margin-top: -10px;
  float: right;
  }
.user-card .content .user-infos .user-stats .stat {
  padding: 5px 5px;
  display: inline-block;
  text-align: center;
font-size: 14px;}
.user-card .content .user-infos .user-stats .stat.projects .stat-title {
  /* color: darkviolet; */
}
.user-card .content .user-infos .user-stats .stat.followers .stat-title {
  /* color: darkblue; */
}
.user-card .content .user-infos .user-stats .stat.awards .stat-title {
  /* color: darkgoldenrod; */
}
.user-card .content .btn-follow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  
  top: 75px;
  
  width: 10px;
  height: 10px;
  padding: 22px;
  border-radius: 50%;
  margin-right: 18px;
  background-color: #fff0c2;
  color: #ffc92b;
  transition: background-color 0.3s;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  
z-index: 2;/* border: 2px solid #ffffff; */}

.user-card::before,
.user-card::after {
}

.user-card::after {
  
}

.author-bar {
  position: fixed;
  bottom: 0;
  min-height: 70px;
  width: 100vw;
  padding: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #000;
  background: linear-gradient(-120deg, skyblue 30%, darkviolet 90%);
  color: #fff;
}
.author-bar a {
  color: #000;
}
.author-bar > div {
  margin: 0 15px;
}
.author-bar .author {
  display: flex;
  justify-content: center;
  align-items: center;
}
.

img.add-icon.medal {width: 90px;position: absolute;}

img.add-icon.medal {width: 88px;position: absolute;right: 37px;z-index: 1;top: 50px;}

.winners {
	
height: 600px;
    display: block;
    overflow: scroll;
    overflow-x: hidden;

}

span.add-icon.number {font-size: 25px;font-weight: bold;}

.stat-val.speed {color: #03a9f4;background-color: #f0faff;padding: 1px 5px;border-radius: 5px;position: unset;width: unset;margin-left: 1px;}

.stat-val.acc {color: #8bc34a;background-color: #f2fee5;padding: 1px 5px;border-radius: 5px;}

.btn-follow.video {padding: 17px !important;right: -2px;top: 1px !important;background-color: #ff6e63 !important;}

.playicon {color: #ffffff;}

.float.imgcenter img {
    width: 200px !important;
    margin-top: -60px;
}

.shine:before {
content: '';
overflow: hidden;
position: absolute;
top: -94px;
margin-top: -10px;left: -100px;
width: 70px;
height: 150%;
background: rgba(255,255,255, 0.3);
transform: skewX(322deg);
animation-name: slide;
animation-duration: 2s;
animation-timing-function: ease-in-out;
animation-delay: .3s;
animation-iteration-count: infinite;
animation-direction: alternate;
background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgba(255, 255, 255, 0.5) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
}

.shine.small:before {
    content: '';
    overflow: hidden !important;
    position: absolute;
    top: 0px;
    margin-top: -140px;
    left: 10px;
    /* width: 166px; */
    /* height: 50%; */
    background: rgba(255,255,255, 0.3);
    transform: skewX(326deg);
    /* animation-name: slide; */
    animation-duration: 2s;
    animation-timing-function: ease-in-out;
    animation-delay: .3s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    background: linear-gradient(
    to right, 
    rgba(255, 255, 255, 0.13) 0%,
    rgba(255, 255, 255, 0.13) 77%,
    rgb(255 255 255 / 9%) 92%,
    rgba(255, 255, 255, 0.0) 100%
  );
    }

@keyframes slide {
  0% {
    left: -100;
    top: 0;
  }
  50% {
    left: 120px;
    top: 0px;
  }
  100% {
    left: 290px;
    top: 0;
  }
}

.alert-warning {
    color: #f86942;
    background-color: #fffcfb !important;
    border-color: #f86942;
}

/*  new style */

/*! tailwindcss v2.2.7 | MIT License | https://tailwindcss.com*/
/*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */



::-moz-focus-inner {
    border-style: none;
    padding: 0
}

:-moz-focusring {
    outline: 1px dotted ButtonText
}

:-moz-ui-invalid {
    box-shadow: none
}

::-webkit-inner-spin-button,::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}



*,:after,:before {
    box-sizing: border-box;
    border: 0 solid
}




img,video {
    /* display: block; */
    vertical-align: middle
}

img,video {
    max-width: 100%;
    height: auto
}

[hidden] {
    display: none
}

*,:after,:before {
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    --tw-border-opacity: 1;
    border-color: transparent;
    --tw-ring-inset: var(--tw-empty, );
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(66,153,225,0.5);
    --tw-ring-offset-shadow: 0 0 transparent;
    --tw-ring-shadow: 0 0 transparent;
    --tw-shadow: 0 0 transparent;
    --tw-blur: var(--tw-empty, );
    --tw-brightness: var(--tw-empty, );
    --tw-contrast: var(--tw-empty, );
    --tw-grayscale: var(--tw-empty, );
    --tw-hue-rotate: var(--tw-empty, );
    --tw-invert: var(--tw-empty, );
    --tw-saturate: var(--tw-empty, );
    --tw-sepia: var(--tw-empty, );
    --tw-drop-shadow: var(--tw-empty, );
    --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)
}









.card.is-active .card-text {
    --tw-text-opacity: 1;
    color: rgba(44,82,130,var(--tw-text-opacity))
}

.card--lessons {
    display: none
}

.card-text {
    --tw-text-opacity: 1;
    color: rgba(122,125,130,var(--tw-text-opacity))
}

@media (min-width: 1024px) {


    .card-benefit.is-active,.card-benefit:hover {
        --tw-bg-opacity:1;
        background-color: rgba(235,248,255,var(--tw-bg-opacity)) !important;
    }


    
    .card-benefit.is-active .card-icon,.card-benefit:hover .card-icon {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        transform: var(--tw-transform);
        --tw-border-opacity: 1;
        /* border-color: rgba(49,130,206,var(--tw-border-opacity)); */
    }
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.left-1\/2 {
    left: 50%
}

.-left-4 {
    left: -1rem
}

.left-0 {
    left: 0
}

.-left-16 {
    left: -4rem
}

.order-5 {
    order: 5
}

.order-none {
    order: 0
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.-mx-4 {
    margin-left: -1rem;
    margin-right: -1rem
}

.-mx-6 {
    margin-left: -1.5rem;
    margin-right: -1.5rem
}

.-mx-2 {
    margin-left: -.5rem;
    margin-right: -.5rem
}

.-mx-3 {
    margin-left: -.75rem;
    margin-right: -.75rem
}

.-mx-10 {
    margin-left: -2.5rem;
    margin-right: -2.5rem
}

.mx-4 {
    margin-left: 1rem;
    margin-right: 1rem
}

.mx-2 {
    margin-left: .5rem;
    margin-right: .5rem
}

.-mx-8 {
    margin-left: -2rem;
    margin-right: -2rem
}

.mx-1 {
    margin-left: .25rem;
    margin-right: .25rem
}

.-mx-5 {
    margin-left: -1.25rem;
    margin-right: -1.25rem
}

.mt-6 {
    margin-top: 1.5rem
}

.mt-8 {
    margin-top: 2rem
}

.mt-4 {
    margin-top: 1rem
}

.mt-64 {
    margin-top: 16rem
}

.mb-32 {
    margin-bottom: 8rem
}

.mt-16 {
    margin-top: 4rem
}

.mt-px {
    margin-top: 1px
}

.-mt-4 {
    margin-top: -1rem
}

.mt-3 {
    margin-top: .75rem
}

.mt-1 {
    margin-top: .25rem
}

.mt-5 {
    margin-top: 1.25rem
}

.mr-2 {
    margin-right: .5rem
}

.mr-4 {
    margin-right: 1rem;
}

.mt-2 {
    margin-top: .2rem;
    font-size: 1.01em;
    margin-right: 5px;
    margin-bottom: 6px;
}

.mt-10 {
    margin-top: 2.5rem
}

.mr-32 {
    margin-right: 8rem
}

.mb-4 {
    margin-bottom: 3rem;
}

.mt-24 {
    margin-top: 6rem
}

.mr-12 {
    margin-right: 3rem
}

.-mt-8 {
    margin-top: -2rem
}

.mt-20 {
    margin-top: 5rem
}

.-mt-2 {
    margin-top: -.5rem
}

.mt-12 {
    margin-top: 3rem
}

.mt-32 {
    margin-top: 8rem
}

.mb-16 {
    margin-bottom: 4rem
}

.mr-6 {
    margin-right: 1.5rem
}

.-mt-6 {
    margin-top: -1.5rem
}

.mb-2 {
    margin-bottom: .5rem
}

.mb-6 {
    margin-bottom: 1.5rem
}

.mb-1 {
    margin-bottom: .25rem
}

.mb-12 {
    margin-bottom: 3rem
}

.mb-5 {
    margin-bottom: 1.25rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-8 {
    margin-bottom: 2rem
}

.\!mb-2 {
    margin-bottom: .5rem!important
}

.-mt-24 {
    margin-top: -6rem
}

.-mt-16 {
    margin-top: -4rem
}

.mt-48 {
    margin-top: 12rem
}

.block {
    display: block
}

.inline-block {
    display: inline-block
}

.inline {
    display: inline
}

.flex {
    display: flex
}

.inline-flex {
    display: inline-flex
}

.hidden {
    display: none
}

.h-4 {
    height: 1rem
}

.h-12 {
    height: 3rem
}

.h-10 {
    height: 2.5rem
}

.h-6 {
    height: 1.5rem
}

.h-3 {
    height: .75rem
}

.h-px {
    height: 1px
}

.h-16 {
    height: 4rem
}

.h-8 {
    height: 2rem
}

.h-5 {
    height: 1.25rem
}

.h-full {
    height: 100%
}

.h-24 {
    height: 6rem
}

.h-20 {
    height: 5rem
}

.h-5\/4 {
    height: 125%
}

.h-64 {
    height: 16rem
}

.h-32 {
    height: 8rem
}

.h-48 {
    height: 12rem
}

.h-5\/6 {
    height: 83.333333%
}

.h-72 {
    height: 18rem
}

.h-96 {
    height: 24rem
}

.h-80 {
    height: 20rem
}

.h-56 {
    height: 14rem
}

.h-40 {
    height: 10rem
}

.h-1 {
    height: .25rem
}

.min-h-screen {
    min-height: 100vh
}

.w-full {
    width: 100%;
}

.w-8 {
    width: 2rem
}

.w-20 {
    width: 5rem
}

.w-40 {
    width: 10rem
}

.w-4 {
    width: 1rem
}

.w-max-content {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.w-3 {
    width: .75rem
}

.w-6 {
    width: 1.5rem
}

.w-16 {
    width: 4rem
}

.w-1\/2 {
    width: 50%
}

.w-5 {
    width: 1.25rem
}

.w-10 {
    width: 2.5rem
}

.w-24 {
    width: 6rem
}

.w-11\/12 {
    width: 91.666667%
}

.w-12 {
    width: 3rem
}

.w-3\/4 {
    width: 75%
}

.w-5\/12 {
    width: 41.666667%
}

.w-32 {
    width: 8rem
}

.w-7\/12 {
    width: 58.333333%
}

.w-6\/12 {
    width: 50%
}

.w-4\/12 {
    width: 33.333333%
}

.w-2\/12 {
    width: 16.666667%
}

.w-64 {
    width: 16rem
}

.w-48 {
    width: 12rem
}

.w-4\/5 {
    width: 80%
}

.w-2\/3 {
    width: 66.666667%
}

.w-10\/12,.w-5\/6 {
    width: 83.333333%
}

.w-9\/12 {
    width: 75%
}

.w-28 {
    width: 7rem
}

.min-w-20 {
    min-width: 5rem
}

.min-w-16 {
    min-width: 4rem
}

.min-w-12 {
    min-width: 3rem
}

.min-w-24 {
    min-width: 6rem
}

.min-w-4 {
    min-width: 1rem
}

.min-w-8 {
    min-width: 2rem
}

.min-w-6 {
    min-width: 1.5rem
}

.max-w-screen-md {
    max-width: 768px
}

.max-w-screen-xl {
    max-width: 1200px
}

.max-w-screen-sm {
    max-width: 640px
}

.max-w-screen-lg {
    max-width: 1024px
}

.max-w-56 {
    max-width: 14rem
}

.max-w-md {
    max-width: 28rem
}

.max-w-sm {
    max-width: 24rem
}

.flex-1 {
    flex: 1 1 0%
}

.origin-left {
    transform-origin: left
}

.origin-center {
    transform-origin: center
}

.transform {
    transform: var(--tw-transform);
}

.items-start {
    align-items: flex-start
}

.items-center {
    align-items: center
}

.justify-start {
    justify-content: flex-start
}

.justify-center {
    justify-content: center
}

.rounded-lg {
    border-radius: .5rem
}

.rounded {
    border-radius: .25rem
}

.rounded-md {
    border-radius: .375rem
}

.rounded-full {
    border-radius: 9999px
}

.rounded-xl {
    border-radius: .75rem;
}

.rounded-sm {
    border-radius: .125rem
}

.border {
    border-width: 1px
}

.border-4 {
    border-width: 4px
}

.border-2 {
    border-width: 2px
}

.border-blue-100 {
    --tw-border-opacity: 1;
    border-color: rgba(235,248,255,var(--tw-border-opacity))
}

.border-blue-600 {
    --tw-border-opacity: 1;
    border-color: rgba(49,130,206,var(--tw-border-opacity))
}

.border-blue-300 {
    --tw-border-opacity: 1;
    border-color: rgba(144,205,244,var(--tw-border-opacity));
}

.border-blue-200 {
    --tw-border-opacity: 1;
    border-color: #81d4fa;
}

.border-white {
    --tw-border-opacity: 1;
    border-color: rgba(255,255,255,var(--tw-border-opacity))
}

.border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(66,153,225,var(--tw-border-opacity))
}

.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgba(255,255,255,var(--tw-bg-opacity));
}

.bg-blue-900 {
    --tw-bg-opacity: 1;
    background-color: rgba(42,67,101,var(--tw-bg-opacity))
}

.bg-blue-600 {
    --tw-bg-opacity: 1;
    background-color: rgba(49,130,206,var(--tw-bg-opacity))
}

.bg-blue-700 {
    --tw-bg-opacity: 1;
    background-color: rgba(43,108,176,var(--tw-bg-opacity))
}

.bg-blue-200 {
    --tw-bg-opacity: 1;
    background-color: rgba(190,227,248,var(--tw-bg-opacity))
}

.bg-blue-100 {
    --tw-bg-opacity: 1;
    background-color: rgba(235,248,255,var(--tw-bg-opacity))
}

.bg-blue-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(144,205,244,var(--tw-bg-opacity))
}

.bg-blue-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(66,153,225,var(--tw-bg-opacity))
}

.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgba(246,253,255,var(--tw-bg-opacity))
}

.bg-blue-400 {
    --tw-bg-opacity: 1;
    background-color: rgba(99,179,237,var(--tw-bg-opacity))
}

.p-6 {
    padding: 1.5rem
}

.p-3 {
    padding: .75rem
}

.p-2 {
    padding: .5rem
}

.p-4 {
    padding: 1rem;
    padding-top: 1.2em;
}

.p-12 {
    padding: 3rem
}

.p-1 {
    padding: .25rem
}

.p-8 {
    padding: 2rem
}

.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.px-2 {
    padding-left: .5rem;
    padding-right: .5rem
}

.py-1 {
    padding-top: .25rem;
    padding-bottom: .25rem
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-6 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.px-16 {
    padding-left: 4rem;
    padding-right: 4rem
}

.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem
}

.py-16 {
    /* padding-top: 4rem; */
    padding-bottom: 4rem
}

.py-10 {
    padding-top: 2.5rem;
    padding-bottom: 2.5rem
}

.py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.px-10 {
    padding-left: 2.5rem;
    padding-right: 2.5rem
}

.px-8 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-5 {
    padding-left: 1.25rem;
    padding-right: 1.25rem
}

.px-12 {
    padding-left: 3rem;
    padding-right: 3rem
}

.pb-20 {
    padding-bottom: 5rem
}

.pb-16 {
    padding-bottom: 4rem
}

.pb-2 {
    padding-bottom: .5rem
}

.pb-4 {
    padding-bottom: 1rem
}

.pb-1 {
    padding-bottom: .25rem
}

.pb-56 {
    padding-bottom: 14rem
}

.pb-12 {
    padding-bottom: 3rem
}

.pb-6 {
    padding-bottom: 1.5rem
}

.pb-full {
    padding-bottom: 100%
}

.text-center {
    text-align: center
}

.text-4xl {
    font-size: 2.25rem;
    line-height: 2.5rem
}

.text-xl {
    font-size: 1.25rem;
    line-height: 1.75rem
}

.text-2xl {
    font-size: 1.5rem;
    line-height: 2rem
}

.text-sm {
    font-size: .875rem;
    line-height: 1.25rem
}

.text-lg {
    font-size: 1.795rem;
    line-height: .5rem;
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.text-7xl {
    font-size: 4.5rem;
    line-height: 1
}

.text-5xl {
    font-size: 2.5rem
}

.font-bold {
    font-weight: 700
}

.text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.text-blue-600 {
    --tw-text-opacity: 1;
    color: #29b6f6;
    text-align: right;
    margin-right: 10px;
}

.text-blue-500 {
    --tw-text-opacity: 1;
    color: rgba(66,153,225,var(--tw-text-opacity))
}

.text-blue-50 {
    --tw-text-opacity: 1;
    color: rgba(246,253,255,var(--tw-text-opacity))
}

.text-blue-800 {
    --tw-text-opacity: 1;
    color: rgba(44,82,130,var(--tw-text-opacity))
}

.text-blue-700 {
    --tw-text-opacity: 1;
    color: rgba(43,108,176,var(--tw-text-opacity))
}

.text-blue-200 {
    --tw-text-opacity: 1;
    color: rgba(190,227,248,var(--tw-text-opacity))
}

.shadow-xl {
    /* --tw-shadow: 0 20px 25px -5px rgba(0,0,0,0.1),0 10px 10px -5px rgba(0,0,0,0.04); */
}

.shadow-lg,.shadow-xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shadow-lg {
    --tw-shadow: 0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -2px rgba(0,0,0,0.05)
}

.shadow-2xl {
    --tw-shadow: 0 25px 50px -12px rgba(0,0,0,0.25)
}

.shadow-2xl {
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.shadow-sm {
    --tw-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
    box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
}

.transition {
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;
    transition-property: background-color,border-color,color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.transition-transform {
    transition-property: transform;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-duration: .15s
}

.duration-75 {
    transition-duration: 75ms
}

.duration-500 {
    transition-duration: .5s
}

.duration-150 {
    transition-duration: .15s
}

.ease-in-out {
    transition-timing-function: cubic-bezier(.4,0,.2,1);
}

.text-shadow-xl {
    text-shadow: 0 20px 25px rgba(0,0,0,.2)
}

.is-active .is-active\:block {
    display: block
}

.is-active .is-active\:flex {
    display: flex
}

.is-active .is-active\:rotate-180 {
    --tw-rotate: 180deg;
    transform: var(--tw-transform)
}

.is-active.is-active\:bg-gradient-to-b {
    background-image: linear-gradient(180deg,var(--tw-gradient-stops))
}

.is-active.is-active\:border-blue-500 {
    --tw-border-opacity: 1;
    border-color: rgba(66,153,225,var(--tw-border-opacity))
}

.is-active.is-active\:text-white {
    --tw-text-opacity: 1;
    color: rgba(255,255,255,var(--tw-text-opacity))
}

.pb-66 {
    padding-bottom: 56%;
}

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

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes blink {
    0% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes btnLoading {
    0% {
        border-left-color: hsla(0,0%,100%,0)
    }

    20% {
        border-right-color: hsla(0,0%,100%,0)
    }

    40% {
        border-left-color: #fff
    }

    60% {
        border-right-color: #fff
    }

    80% {
        border-left-color: hsla(0,0%,100%,0)
    }

    to {
        border-right-color: hsla(0,0%,100%,0)
    }
}

@keyframes btnLoading {
    0% {
        border-left-color: hsla(0,0%,100%,0)
    }

    20% {
        border-right-color: hsla(0,0%,100%,0)
    }

    40% {
        border-left-color: #fff
    }

    60% {
        border-right-color: #fff
    }

    80% {
        border-left-color: hsla(0,0%,100%,0)
    }

    to {
        border-right-color: hsla(0,0%,100%,0)
    }
}

@-webkit-keyframes dance {
    0% {
        transform: rotate(0) translateY(0)
    }

    25% {
        transform: rotate(1deg) translateY(5px)
    }

    50% {
        transform: rotate(-1deg) translateY(0)
    }

    75% {
        transform: rotate(1deg) translateY(5px)
    }

    to {
        transform: rotate(0) translateY(0)
    }
}

@keyframes dance {
    0% {
        transform: rotate(0) translateY(0)
    }

    25% {
        transform: rotate(1deg) translateY(5px)
    }

    50% {
        transform: rotate(-1deg) translateY(0)
    }

    75% {
        transform: rotate(1deg) translateY(5px)
    }

    to {
        transform: rotate(0) translateY(0)
    }
}

@-webkit-keyframes ellipsis {
    to {
        width: 1.25em
    }
}

@keyframes ellipsis {
    to {
        width: 1.25em
    }
}

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

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translateY(30%)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

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

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@-webkit-keyframes loading {
    0% {
        border-left-color: hsla(0,0%,51%,0)
    }

    20% {
        border-right-color: hsla(0,0%,51%,0)
    }

    40% {
        border-left-color: #828282
    }

    60% {
        border-right-color: #828282
    }

    80% {
        border-left-color: hsla(0,0%,51%,0)
    }

    to {
        border-right-color: hsla(0,0%,51%,0)
    }
}

@keyframes loading {
    0% {
        border-left-color: hsla(0,0%,51%,0)
    }

    20% {
        border-right-color: hsla(0,0%,51%,0)
    }

    40% {
        border-left-color: #828282
    }

    60% {
        border-right-color: #828282
    }

    80% {
        border-left-color: hsla(0,0%,51%,0)
    }

    to {
        border-right-color: hsla(0,0%,51%,0)
    }
}

@-webkit-keyframes loadingError {
    0% {
        border-left-color: rgba(214,47,67,0)
    }

    20% {
        border-right-color: rgba(214,47,67,0)
    }

    40% {
        border-left-color: #d62f43
    }

    60% {
        border-right-color: #d62f43
    }

    80% {
        border-left-color: rgba(214,47,67,0)
    }

    to {
        border-right-color: rgba(214,47,67,0)
    }
}

@keyframes loadingError {
    0% {
        border-left-color: rgba(214,47,67,0)
    }

    20% {
        border-right-color: rgba(214,47,67,0)
    }

    40% {
        border-left-color: #d62f43
    }

    60% {
        border-right-color: #d62f43
    }

    80% {
        border-left-color: rgba(214,47,67,0)
    }

    to {
        border-right-color: rgba(214,47,67,0)
    }
}

@-webkit-keyframes modal {
    0% {
        transform: translateY(25px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes modal {
    0% {
        transform: translateY(25px);
        opacity: 0
    }

    to {
        transform: translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes modalReverse {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(25px);
        opacity: 0
    }
}

@keyframes modalReverse {
    0% {
        transform: translateY(0);
        opacity: 1
    }

    to {
        transform: translateY(25px);
        opacity: 0
    }
}

@-webkit-keyframes notice {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    50% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@keyframes notice {
    0% {
        opacity: 0;
        transform: translateY(-200px)
    }

    50% {
        opacity: 1
    }

    to {
        transform: translateY(0)
    }
}

@-webkit-keyframes zoomIn {
    0% {
        transform: scale(.2) translateY(5%);
        opacity: 0
    }

    80% {
        transform: scale(1.1) translateY(1%)
    }

    to {
        transform: scale(1) translateY(0);
        opacity: 1
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(.2) translateY(5%);
        opacity: 0
    }

    80% {
        transform: scale(1.1) translateY(1%)
    }

    to {
        transform: scale(1) translateY(0);
        opacity: 1
    }
}

@-webkit-keyframes bounce-right {
    0%,to {
        left: 0
    }

    60%,80% {
        left: -2%
    }

    70% {
        left: 8%
    }

    90% {
        left: 3%
    }
}

@keyframes bounce-right {
    0%,to {
        left: 0
    }

    60%,80% {
        left: -2%
    }

    70% {
        left: 8%
    }

    90% {
        left: 3%
    }
}

@-webkit-keyframes spin {
    0% {
        transform: rotateX(20deg) rotateY(10deg) rotate(10deg)
    }

    to {
        transform: rotateX(380deg) rotateY(370deg) rotate(370deg)
    }
}

@keyframes spin {
    0% {
        transform: rotateX(20deg) rotateY(10deg) rotate(10deg)
    }

    to {
        transform: rotateX(380deg) rotateY(370deg) rotate(370deg)
    }
}

.active\:bg-gray-100:active {
    --tw-bg-opacity: 1;
    background-color: rgba(233,233,235,var(--tw-bg-opacity))
}

.active\:text-gray-700:active {
    --tw-text-opacity: 1;
    color: rgba(99,103,110,var(--tw-text-opacity))
}

.active\:text-gray-500:active {
    --tw-text-opacity: 1;
    color: rgba(143,146,151,var(--tw-text-opacity))
}

@media (min-width: 640px) {
    .sm\:order-3 {
        order:3
    }

    .sm\:mr-6 {
        margin-right: 1.5rem
    }

    .sm\:mr-4 {
        margin-right: 1rem
    }

    .sm\:mt-0 {
        margin-top: 0
    }

    .sm\:-mt-32 {
        margin-top: -8rem
    }

    .sm\:inline-block {
        display: inline-block
    }

    .sm\:flex {
        display: flex
    }

    .sm\:hidden {
        display: none
    }

    .sm\:w-96 {
        width: 24rem
    }

    .sm\:w-auto {
        width: auto
    }

    .sm\:w-6\/12 {
        width: 50%
    }

    .sm\:w-1\/3 {
        width: 33.333333%
    }

    .sm\:w-9\/12 {
        width: 75%
    }

    .sm\:w-10\/12 {
        width: 83.333333%
    }

    .sm\:w-7\/12 {
        width: 58.333333%
    }

    .sm\:w-5\/12 {
        width: 41.666667%
    }

    .sm\:max-w-sm {
        max-width: 24rem
    }

    .sm\:flex-1 {
        flex: 1 1 0%
    }

    .sm\:flex-row {
        flex-direction: row
    }

    .sm\:items-center {
        align-items: center
    }

    .sm\:justify-end {
        justify-content: flex-end
    }

    .sm\:justify-between {
        justify-content: space-between
    }

    .sm\:p-6 {
        padding: 1.5rem
    }

    .sm\:pt-0 {
        padding-top: 0
    }

    .sm\:pl-0 {
        padding-left: 0
    }

    .sm\:pb-8 {
        padding-bottom: 2rem
    }

    .sm\:pl-6 {
        padding-left: 1.5rem
    }

    .sm\:pb-64 {
        padding-bottom: 16rem
    }

    .sm\:text-xs {
        font-size: .75rem;
        line-height: 1rem
    }

    .sm\:shadow-none {
        --tw-shadow: 0 0 transparent;
        box-shadow: var(--tw-ring-offset-shadow,0 0 transparent),var(--tw-ring-shadow,0 0 transparent),var(--tw-shadow)
    }
}

@media (min-width: 768px) {

     .sf-menu .services{

        display:none !important;
    }
    
}

@media (min-width: 768px) {


    
    .md\:-bottom-16 {
        bottom:-4rem
    }

    .md\:-mx-2 {
        margin-left: -.5rem;
        margin-right: -.5rem
    }

    .md\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .md\:my-32 {
        margin-top: 8rem;
        margin-bottom: 8rem
    }

    .md\:my-6 {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .md\:mt-4 {
        margin-top: 1rem
    }

    .md\:mt-0 {
        margin-top: 0
    }

    .md\:ml-3 {
        margin-left: .75rem
    }

    .md\:mr-4 {
        margin-right: 1rem
    }

    .md\:mr-6 {
        margin-right: 1.5rem
    }

    .md\:mr-16 {
        margin-right: 4rem
    }

    .md\:mb-40 {
        margin-bottom: 10rem
    }

    .md\:ml-8 {
        margin-left: 2rem
    }

    .md\:block {
        display: block
    }

    .md\:inline-block {
        display: inline-block
    }

    .md\:flex {
        display: flex
    }

    .md\:hidden {
        display: none
    }

    .md\:h-16 {
        height: 4rem
    }

    .md\:h-8 {
        height: 2rem
    }

    .md\:min-h-screen {
        min-height: 100vh
    }

    .md\:w-1\/2 {
        width: 50%
    }

    .md\:w-1\/3 {
        width: 33.333333%
    }

    .md\:w-1\/4 {
        width: 25%
    }

    .md\:w-7\/12 {
        width: 58.333333%
    }

    .md\:w-5\/12 {
        width: 41.666667%
    }

    .md\:w-32 {
        width: 8rem
    }

    .md\:w-3\/12 {
        width: 25%
    }

    .md\:w-auto {
        width: auto
    }

    .md\:w-2\/12 {
        width: 16.666667%
    }

    .md\:w-6\/12 {
        width: 50%
    }

    .md\:w-4\/12 {
        width: 33.333333%
    }

    .md\:w-8\/12 {
        width: 66.666667%
    }

    .md\:w-3\/4 {
        width: 75%
    }

    .md\:max-w-screen-sm {
        max-width: 640px
    }

    .md\:max-w-sm {
        max-width: 24rem
    }

    .md\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: var(--tw-transform)
    }

    .md\:-translate-y-40 {
        --tw-translate-y: -10rem;
        transform: var(--tw-transform)
    }

    .md\:-translate-y-4 {
        --tw-translate-y: -1rem;
        transform: var(--tw-transform)
    }

    .md\:scale-100 {
        --tw-scale-x: 1;
        --tw-scale-y: 1;
        transform: var(--tw-transform)
    }

    .md\:flex-row {
        flex-direction: row
    }

    .md\:flex-wrap {
        flex-wrap: wrap
    }

    .md\:items-start {
        align-items: flex-start
    }

    .md\:items-center {
        align-items: center
    }

    .md\:space-x-4>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem*var(--tw-space-x-reverse));
        margin-left: calc(1rem*(1 - var(--tw-space-x-reverse)))
    }

    .md\:self-end {
        align-self: flex-end
    }

    .md\:border-0 {
        border-width: 0
    }

    .md\:object-cover {
        -o-object-fit: cover;
        object-fit: cover
    }

    .md\:object-center {
        -o-object-position: center;
        object-position: center
    }

    .md\:p-6 {
        padding: 1.5rem
    }

    .md\:p-12 {
        padding: 3rem
    }

    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem
    }

    .md\:py-8 {
        padding-top: 2rem;
        padding-bottom: 2rem
    }

    .md\:pt-0 {
        padding-top: 0
    }

    .md\:pb-8 {
        padding-bottom: 2rem
    }

    .md\:pl-0 {
        padding-left: 0
    }

    .md\:pb-0 {
        padding-bottom: 0
    }

    .md\:text-left {
        text-align: left
    }

    .md\:text-5xl {
        font-size: 2.5rem
    }

    .md\:text-2xl {
        font-size: 1.5rem;
        line-height: 2rem
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .md\:leading-normal {
        line-height: 1.5
    }
}

@media (max-width: 1024px) {

        .responsive-hide{

        display:none !important;
    }

}

@media (min-width: 1024px) {



    
    .lg\:absolute {
        position:absolute
    }

    .lg\:inset-y-0 {
        top: 0;
        bottom: 0
    }

    .lg\:left-0 {
        left: 0
    }

    .lg\:top-0 {
        top: 0
    }

    .lg\:mx-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg\:mx-auto {
        margin-left: auto;
        margin-right: auto
    }

    .lg\:mr-2 {
        margin-right: .5rem
    }

    .lg\:mt-6 {
        margin-top: 1.5rem
    }

    .lg\:mt-0 {
        margin-top: 0
    }

    .lg\:mt-16 {
        margin-top: 4rem
    }

    .lg\:ml-8 {
        margin-left: 2rem
    }

    .lg\:mb-80 {
        margin-bottom: 20rem
    }

    .lg\:ml-0 {
        margin-left: 0
    }

    .lg\:mt-4 {
        margin-top: 1rem
    }

    .lg\:block {
        display: block;
    }

    .lg\:flex {
        display: flex
    }

    .lg\:hidden {
        display: none
    }

    .lg\:h-full {
        height: 100%
    }

    .lg\:h-20 {
        height: 5rem
    }

    .lg\:h-12 {
        height: 3rem
    }

    .lg\:h-auto {
        height: auto
    }

    .lg\:w-8\/12 {
        width: 66.666667%
    }

    .lg\:w-1\/2 {
        width: 50%;
    }

    .lg\:w-7\/12 {
        width: 58.333333%
    }

    .lg\:w-5\/12 {
        width: 41.666667%
    }

    .lg\:w-2\/3 {
        width: 66.666667%
    }

    .lg\:w-2\/12 {
        width: 16.666667%
    }

    .lg\:w-10\/12 {
        width: 83.333333%
    }

    .lg\:w-1\/3,.lg\:w-4\/12 {
        width: 33.333333%
    }

    .lg\:w-1\/6 {
        width: 16.666667%
    }

    .lg\:w-3\/5 {
        width: 60%
    }

    .lg\:w-3\/4 {
        width: 75%
    }

    .lg\:w-6\/12 {
        width: 50%
    }

    .lg\:w-20 {
        width: 5rem
    }

    .lg\:w-12 {
        width: 3rem
    }

    .lg\:w-1\/12 {
        width: 8.333333%
    }

    .lg\:w-auto {
        width: auto
    }

    .lg\:min-w-20 {
        min-width: 5rem
    }

    .lg\:max-w-none {
        max-width: none
    }

    .lg\:-translate-x-16 {
        --tw-translate-x: -4rem;
        transform: var(--tw-transform)
    }

    .lg\:translate-x-0 {
        --tw-translate-x: 0px;
        transform: var(--tw-transform)
    }

    .lg\:translate-y-56 {
        --tw-translate-y: 14rem;
        transform: var(--tw-transform)
    }

    .lg\:translate-y-16 {
        --tw-translate-y: 4rem;
        transform: var(--tw-transform)
    }

    .lg\:translate-x-5 {
        --tw-translate-x: 1.25rem;
        transform: var(--tw-transform)
    }

    .lg\:scale-125 {
        --tw-scale-x: 1.25;
        --tw-scale-y: 1.25;
        transform: var(--tw-transform)
    }

    .lg\:flex-row-reverse {
        flex-direction: row-reverse
    }

    .lg\:flex-col {
        flex-direction: column
    }

    .lg\:items-start {
        align-items: flex-start
    }

    .lg\:items-center {
        align-items: center
    }

    .lg\:justify-start {
        justify-content: flex-start
    }

    .lg\:justify-end {
        justify-content: flex-end
    }

    .lg\:justify-center {
        justify-content: center
    }

    .lg\:space-x-6>:not([hidden])~:not([hidden]) {
        --tw-space-x-reverse: 0;
        margin-right: calc(1.5rem*var(--tw-space-x-reverse));
        margin-left: calc(1.5rem*(1 - var(--tw-space-x-reverse)))
    }

    .lg\:self-center {
        align-self: center
    }

    .lg\:justify-self-start {
        justify-self: start
    }

    .lg\:justify-self-end {
        justify-self: end
    }

    .lg\:object-bottom {
        -o-object-position: bottom;
        object-position: bottom
    }

    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem
    }

    .lg\:px-4 {
        padding-left: 1rem;
        padding-right: 1rem
    }

    .lg\:py-4 {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

    .lg\:py-24 {
        padding-top: 6rem;
        padding-bottom: 6rem
    }

    .lg\:px-16 {
        padding-left: 4rem;
        padding-right: 4rem
    }

    .lg\:px-2 {
        padding-left: .5rem;
        padding-right: .5rem
    }

    .lg\:pl-6 {
        padding-left: 1.5rem
    }

    .lg\:pt-2 {
        padding-top: .5rem
    }

    .lg\:pl-20 {
        padding-left: 5rem
    }

    .lg\:pb-16 {
        padding-bottom: 4rem
    }

    .lg\:pt-1 {
        padding-top: .25rem
    }

    .lg\:pb-20 {
        padding-bottom: 5rem
    }

    .lg\:pl-8 {
        padding-left: 2rem
    }

    .lg\:pr-8 {
        padding-right: 2rem
    }

    .lg\:pr-24 {
        padding-right: 6rem
    }

    .lg\:pr-32 {
        padding-right: 8rem
    }

    .lg\:pb-0 {
        padding-bottom: 0
    }

    .lg\:text-left {
        text-align: left
    }

    .lg\:text-center {
        text-align: center
    }

    .lg\:text-5xl {
        font-size: 2.5rem
    }

    .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem
    }

    .lg\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .lg\:text-gray-800 {
        --tw-text-opacity: 1;
        color: rgba(77,82,89,var(--tw-text-opacity))
    }
}

@media (min-width: 1200px) {
    .xl\:-mx-10 {
        margin-left:-2.5rem;
        margin-right: -2.5rem
    }

    .xl\:-mt-4 {
        margin-top: -1rem
    }

    .xl\:-mt-8 {
        margin-top: -2rem
    }

    .xl\:block {
        display: block
    }

    .xl\:w-7\/12 {
        width: 58.333333%
    }

    .xl\:w-6\/12 {
        width: 50%
    }

    .xl\:w-5\/12 {
        width: 41.666667%
    }

    .xl\:w-1\/2 {
        width: 50%
    }

    .xl\:w-4\/5 {
        width: 80%
    }

    .xl\:w-3\/4,.xl\:w-9\/12 {
        width: 75%
    }

    .xl\:max-w-sm {
        max-width: 24rem
    }

    .xl\:py-12 {
        padding-top: 3rem;
        padding-bottom: 3rem
    }

    .xl\:px-10 {
        padding-left: 2.5rem;
        padding-right: 2.5rem
    }

    .xl\:pt-20 {
        padding-top: 5rem
    }
}

.benefit-icon {
    font-size: 1.9em;
    color: #29b6f6;
}

.card-benefit {
    margin-bottom: 5px;
    cursor: pointer;
}

.card-icon {
    margin-left: .5em;
    margin-top: -5px;
    padding-left: 5px;
}

/* end new style */


.user-card.testimonial {}

.user-card.testimonial {
    /* height: 280px !important; */
    max-width: 650px;
    max-height: 300px !important;
    border: unset !important;
    padding: 10px;
    text-align: center;
    box-shadow: unset;
}

.user-card video {
    width: 226px !important;
    /* position: absolute; */
    height: 200px !important;
    margin: auto;
    filter: opacity(80%);
    /* transform: translateX(10%) translateY(40%); */
    margin-top: -20px;
    margin-right: -15px !important;
    margin-bottom: 20px;
}


p.tcomment {
    z-index: 1000;
    position: relative;
    margin-bottom: 1px;
    margin: 5px;
    text-align: right;
    text-align: justify;
}


.user-card.testimonial .content .user-infos {
    text-align: right;
    width: 100px !important;
    flex: 1;
}

.user-card.testimonial .content .user-infos .username .fullname {
  color: #212121;
  /* font-weight: bold; */
  font-size: 1em;
  text-align: left;
  margin-bottom: 8px;
}

.user-card video.puase {
    opacity: .3 !important;
}

.user-card.testimonial .content {/* position: absolute; *//* display: block; */margin-top: 20px !important;}

.float-right {
    /* float: right; */
}

.testimonial .user-stats {margin-top: -10px;}

.justify {
    text-align: justify;
}

.black-btn {
    border: 2px solid #000000!important;
    background: transparent;
    color: black;
}

.black-btn:hover {
    border: 2px solid #000000!important;
    background: #f1f1f1;
    color: black;
}

.blue-btn {
    border: 2px solid #03a9f4!important;
    background: #ffffffa1;
    color: #03a9f4;
}

.blue-btn:hover {
    border: 2px solid #03a9f4!important;
    background: #ffffff;
    color: #03a9f4;
}

.typeoBox {
    padding: 28px 25px;
    background-color: #e1f5fe;
    border-radius: 10px;
}

.typeoBox.bluebox h2 {
    color: #03a9f4;
    font-size: 2.4em;
    padding-right: 15px;
    margin-bottom: 5px;
}

.typeoBox.bluebox p {
    color: #039be5;
    font-family: 'Vazir';
    padding: 0px 30px;
    font-weight: 700;
    line-height: 2em;
    text-align: justify;
}

.footer-box.center {
    text-align: center;
}



video.js-benefits-video {
    object-fit: cover;
}

.services {
    display: flex;
    direction: rtl;
    justify-content: center;
    flex-wrap: nowrap;
}

.service {
    padding: 5px;
    height: 100px;
    width: 120px;
    text-align: center;
    border-radius: 10px;
    margin: 5px;
    transform: scale(0.9);
    transition: transform .25s cubic-bezier(.42,0,.61,1.86);
}

.service:hover{
    
transform: scale(1.05);
    animation-play-state: paused;
    
}

.service a {
    color: black;
    font-weight: 500;
    font-size: 1.1em;
    border-bottom: none !important;
}

.service a:hover {
text-decoration:none;
}

.service::before {
    content: ".";
    position: absolute;
    margin-right: 37px;
    margin-top: -35px;
    font-size: 3.5em;
}

.service img {
    width: 50px;
    margin-bottom: 5px;
}

.service.white img {
    display: block;
    margin: auto;
}

.service.white::before {

    content:"";
}

.service.white {
    width: 110px;
    margin: 0px;
    padding: 0px;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Vazir';
    cursor: pointer;
}

.services.white a {
    border-bottom: none !important;
}

@media only screen and (max-width:533px) {

    .services {
    display: flex;
    direction: rtl;
    justify-content: center;
    flex-wrap: wrap;
}
    
}

.popout {
animation: popout 1s ease;
-webkit-animation: popout 1s cubic-bezier(.42,0,.61,1.86);
}
@keyframes popout {
from{transform:scale(.5)}
80%{transform:scale(1.001)}
to{transform:scale(1)}
}

@keyframes popInOut {
    from{transform:scale(.9)}
    50%{transform:scale(1.001)}
    to{transform:scale(.9)}
}

.btn-success:hover {
    background: #1ef5ad !important;
}

.row.selectaccounts {display: flex;flex-wrap: wrap;flex-direction: column-reverse;}      


a#buybtn {
    font-family: 'VazirFD' !important;
}

.selectaccounts label#discount {
    font-family: 'VazirFD';
}

.selectaccounts label {
   
}

blockquote {
    border-color: #4fc3f7;
    color: #03A9F4;
    background-color: #fafdff;
    border-left: unset;
    border-right: 4px solid #4fc3f7;
    margin: 5px 5px;
}

.content ul li {
    margin-bottom: 20px;
}

span.taken {
    font-size: 12px;
    color: #21baff;
    position: absolute;
    margin-top: -20px;
}