/*! HTML5 Boilerplate v6.0.1 | MIT License | https://html5boilerplate.com/ */
@font-face {
    font-family: 'OriginalFont';
    font-weight: normal;
    src: url('../fonts/Vazir-FD.eot?');
    src: url('../fonts/Vazir-FD.eot?#iefix') format('embedded-opentype'),url('../fonts/Vazir-FD.woff2') format('woff2'),url('../fonts/Vazir-FD.woff') format('woff'),url('../fonts/Vazir-FD.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'OriginalFont';
    font-weight: bold;
    src: url('../fonts/Vazir-Bold-FD.eot?');
    src: url('../fonts/Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'),url('../fonts/Vazir-Bold-FD.woff2') format('woff2'),url('../fonts/Vazir-Bold-FD.woff') format('woff'),url('../fonts/Vazir-Bold-FD.ttf') format('truetype');
    font-display: swap
}

@font-face {
    font-family: 'englishFont';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/SignPainter-HouseScript.eot?');
    src: url('../fonts/SignPainter-HouseScript.eot?#iefix') format('embedded-opentype'),url('../fonts/SignPainter-HouseScript.woff') format('woff'),url('../fonts/SignPainter-HouseScript.ttf') format('truetype');
    font-display: swap
}

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

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "instaplus";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-down-open:before {
    content: ''
}

.icon-left-open:before {
    content: ''
}

.icon-right-open:before {
    content: ''
}

.icon-up-open:before {
    content: ''
}

.icon-down-open-mini:before {
    content: ''
}

.icon-left-open-mini:before {
    content: ''
}

.icon-right-open-mini:before {
    content: ''
}

.icon-up-open-mini:before {
    content: ''
}

.icon-emo-coffee:before {
    content: ''
}

.icon-down:before {
    content: ''
}

.icon-left:before {
    content: ''
}

.icon-right:before {
    content: ''
}

.icon-up:before {
    content: ''
}

.icon-basket:before {
    content: ''
}

.icon-ico-follow:before {
    content: ''
}

.icon-ico-world:before {
    content: ''
}

.icon-ico-call:before {
    content: ''
}

.icon-ico-twitter:before {
    content: ''
}

.icon-ico-storage:before {
    content: ''
}

.icon-ico-love:before {
    content: ''
}

.icon-ico-view:before {
    content: ''
}

.icon-ico-comment:before {
    content: ''
}

.icon-ico-instaplus:before {
    content: ''
}

.icon-ico-flag:before {
    content: ''
}

.icon-ico-telegram:before {
    content: ''
}

.icon-ico-mail:before {
    content: ''
}

.icon-headphones:before {
    content: ''
}

.icon-search:before {
    content: ''
}

.icon-heart-1:before {
    content: ''
}

.icon-heart-empty-1:before {
    content: ''
}

.icon-heart-2:before {
    content: ''
}

.icon-heart-empty-2:before {
    content: ''
}

.icon-coffee:before {
    content: ''
}

.icon-spin3:before {
    content: ''
}

.icon-menu:before {
    content: ''
}

.icon-instagram:before {
    content: ''
}

html {
    color: #222;
    font-size: 1em;
    line-height: 1.4
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none
}

::selection {
    background: #b3d4fc;
    text-shadow: none
}

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0
}

audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}

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

textarea {
    resize: vertical
}

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

.db {
    display: block
}

.englishFont {
    font-family: 'englishFont'
}

.dIb {
    display: inline-block
}

.bold {
    font-weight: bold
}

.ofh {
    overflow: hidden
}

.noPadd {
    padding: 0
}

.noPaddLeft {
    padding-left: 0;
    padding-right: 3px
}

.brs50 {
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%
}

.pInitial {
    position: initial
}

a:hover, a:focus {
    text-decoration: none
}

.bigBtn {
    height: 50px;
    line-height: 50px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px
}

.smallBtn {
    height: 33px;
    line-height: 34px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.relative {
    position: relative
}

.absoulote {
    position: absolute
}

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

.img-responsive {
    margin-right: auto;
    margin-left: auto
}

.tsCarousel {
    min-height: 335px !important
}

.browserupgrade {
    margin: .2em 0;
    background: #ccc;
    color: #000;
    padding: .2em 0
}

.White {
    color: #fff
}

.bgWhite {
    background: #fff
}

.blue1 {
    color: #4492d5
}

.blue7 {
    color: #24a4dd
}

.red {
    color: #bb3232
}

.bgBlue7 {
    background-color: #24a4dd
}

.bgBlue1 {
    background: #4492d5
}

.blue2 {
    color: #22a4e4
}

.bgBlue2 {
    background: #22a4e4
}

.blue3 {
    color: #6e7bdd
}

.bgBlue3 {
    background: #6e7bdd
}

.blue4 {
    color: #34409c
}

.bgBlue4 {
    background: #34409c
}

.blue5 {
    color: #5887df
}

.bgBlue5 {
    background: #5887df
}

.blue6 {
    color: #e9ecff
}

.bgBlue6 {
    background: #e9ecff
}

.Purple1 {
    color: #585688
}

.bgPurple1 {
    background: #585688
}

.Purple2 {
    color: #f4f5ff
}

.bgPurple2 {
    background: #f4f5ff
}

.Purple3 {
    color: #8c98f1
}

.bgPurple3 {
    background: #8c98f1
}

.Purple4 {
    color: #5963af
}

.bgPurple4 {
    background: #5963af
}

.pink1 {
    color: #d82aad
}

.bgPink1 {
    background: #d82aad
}

.Gray1 {
    color: #8f8e8e
}

.bgGray1 {
    background: #8f8e8e
}

.bgGray2 {
    background: #bbb
}

.Gray2 {
    color: #969596
}

.yellow-star {
    border: 3px #d82aad solid;
    background: #ffffb4;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 16px;
    animation: blinkingText 1.2s infinite
}

.blinking {
    animation: blinkingText 1s infinite
}

@keyframes blinkingText {
    0% {
        color: #001eff;
        border: 3px #d82aad solid
    }

    49% {
        opacity: .6
    }

    50% {
        opacity: .3
    }

    99% {
        opacity: .6
    }

    100% {
        color: #6e7bdd;
        border: 3px #d82aad solid
    }
}

.Gray3 {
    color: #a8a8a8
}

.bgGray3 {
    background: #a8a8a8
}

.Gray4 {
    color: #d8d8d8
}

.bgGray4 {
    background: #d8d8d8
}

.Gray5 {
    color: #f9f9f9
}

.bgGray5 {
    background: #f9f9f9;
    padding-bottom: 40px;
}

.bgyellow {
    background: #fbf8ff;
    padding-bottom: 44px
}

.Gray6 {
    color: #9e9e9e
}

.bgGray6 {
    background: #9e9e9e
}

.Black1 {
    color: #444
}

.bgBlack1 {
    background: #444
}

.Black2 {
    color: #3b3b3b
}

.bgBlack2 {
    background: #3b3b3b
}

.Black3 {
    color: #454545
}

.bgBlack3 {
    background: #454545
}

.Black4 {
    color: #676767
}

.bgBlack4 {
    background: #676767
}

.Black5 {
    color: #464646
}

.bgBlack5 {
    background: #464646
}

#topMenu {
    margin-top: 30px;
    margin-bottom: 20px
}

.subMenuLinkStyle {
    color: #8f8e8e
}

    .subMenuLinkStyle i {
        visibility: hidden;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms
    }

    .subMenuLinkStyle:hover {
        color: #6e7add
    }

        .subMenuLinkStyle:hover i {
            visibility: visible
        }

.tmIcon {
    margin-top: 8px
}

.tmMobileMode {
    padding-left: 30px
}

.tmIcon span {
    width: 30px;
    height: 5px;
    background: #ccc;
    margin-bottom: 5px;
    display: block
}

.tmMenuListMobile {
    margin-top: 70px;
    padding: 0 30px
}

    .tmMenuListMobile ul li {
        margin-top: 20px
    }

.trshUnderMenu {
    background: #fff;
    padding-top: 45px;
    width: 100%;
    top: 65px;
    position: absolute;
    right: 0;
    height: 180px;
    display: none;
    z-index: 999;
    box-shadow: 0 0 2px rgba(0,0,0,.3)
}

.tmRightSide ul li a.pink1:hover {
    color: #d82aad
}

.tmRightSide ul li a.blue1:hover {
    color: #4492d5
}

.tmRightSide ul li a.Purple1:hover {
    color: #585688
}

.imgInMenu {
    margin-top: 8px
}

.trshUnderMenu li:not(:first-child) {
    margin-top: 20px
}

.trshUnderMenu li {
    margin-right: 0 !important
}

.tmLogo {
    width: 96px;
    margin-top: -10px
}

.fIconPlus {
    width: 96px;
    display: block;
    margin-right: -9px
}

.tmTitle {
    margin-top: 7px;
    font-size: 14px
}

.tmRightSide ul li {
    display: inline-block;
    margin-right: 15px
}

.tmRightSide .FollowOrder {
    width: 126px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.mobileFollowOrder {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding: 4px 7px
}

.tmRightSide .FollowOrder:hover {
    color: #fff;
    background: #3574ab
}

.tmRightSide ul li a.menuCatOne.pink1:after {
    background-color: #d82aad
}

.tmRightSide ul li a.menuCatOne.Purple1:after {
    background-color: #585688
}

.tmRightSide ul li a.menuCatOne.blue1:after {
    background-color: #4492d5
}

.tmRightSide ul li a.menuCatOne:after {
    content: '';
    position: absolute;
    right: 50%;
    left: 50%;
    bottom: -36px;
    height: 4px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    -webkit-transition-property: left,right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}

.tmRightSide ul li:hover a.menuCatOne:after {
    right: -10px;
    left: 0
}

.activeMenu:after {
    right: -10px;
    left: 0
}

#topSlider {
    height: 460px;
    background: #f4f1fa
}

.tsCarousel .owl-prev, .tsCarousel .owl-next {
    position: absolute;
    top: 70%;
    -webkit-transform: translate(0,-50%);
    -moz-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    -o-transform: translate(0,-50%);
    transform: translate(0,-50%)
}

.owl-nav i {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.tsCarousel .owl-prev:hover i, .tsCarousel .owl-next:hover i {
    color: #ab2088
}

.owl-theme .owl-nav [class*=owl-] {
    background: transparent;
    color: #c5caee;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms
}

    .owl-theme .owl-nav [class*=owl-]:hover {
        background: transparent
    }

.tsCarousel .owl-prev {
    left: -45px
}

.tsCarousel .owl-next {
    right: -45px
}

.absoluteWrapperSlide {
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 100%
}

.tsocRightSide, .tsocLeftSide {
    height: 400px;
    position: relative
}

.tsocrTitle {
    font-size: 28px;
    letter-spacing: -.7px;
    font-weight: normal
}

.tsBoxes {
    margin-top: -90px
}

.tsbWrapperItem:hover .tsbiBottomSide:after {
    top: -300px
}

#boxesTop, .tsbItemHover2, .tsbItemHover3.tsbItemHover4 {
    position: relative;
    z-index: 99
}

.tsbiBottomSide h4, .tsbiBottomSide h5 {
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) 0s;
    transition: transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) 0s;
    position: relative;
    z-index: 99
}

.tsbWrapperItem:hover .tsbiTopSide img, .tsbWrapperItem:hover .tsbiBottomSide h4, .tsbWrapperItem:hover .tsbiBottomSide h5 {
    opacity: 0;
    -webkit-transform: rotate3d(1,0,0,80deg) translate3d(0,-50px,50px);
    transform: rotate3d(1,0,0,80deg) translate3d(0,-50px,50px);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) .2s;
    transition: transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) .2s
}

.tsbWrapperItem:hover .tsbItemHover2 {
    opacity: 1;
    -webkit-transform: translate3d(0,-60px,0);
    transform: translate3d(0,-115px,0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) 0s;
    transition: transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) 0s
}

.tsbWrapperItem:hover .tsbItemHover3 {
    opacity: 1;
    -webkit-transform: translate3d(0,-60px,0);
    transform: translate3d(0,-129px,0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) 0s;
    transition: transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) 0s
}

.tsbWrapperItem:hover .tsbItemHover4 {
    opacity: 1;
    -webkit-transform: translate3d(0,-60px,0);
    transform: translate3d(0,-142px,0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) 0s;
    transition: transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .3s cubic-bezier(.26,.86,.44,.985) 0s
}

.tsbItemHover2, .tsbItemHover3, .tsbItemHover4 {
    opacity: 0;
    -webkit-transform: rotate3d(1,0,0,-90deg) translate3d(0,50px,0);
    transform: rotate3d(1,0,0,-90deg) translate3d(0,50px,0);
    -webkit-transition: -webkit-transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .2s cubic-bezier(.26,.86,.44,.985) .3s;
    transition: transform .7s cubic-bezier(.26,.86,.44,.985) 0s,opacity .2s cubic-bezier(.26,.86,.44,.985) .3s;
    position: relative;
    z-index: 999
}

@media(min-width:992px) {
    .tsBoxes .col-md-offset-2 {
        margin-right: 12.666667%
    }
}

.tsbItem {
    height: 245px;
    background: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 18px 2px rgba(64,72,136,.18);
    -moz-box-shadow: 0 0 18px 2px rgba(64,72,136,.18);
    box-shadow: 0 0 18px 2px rgba(64,72,136,.18)
}

.tsbiTopSide {
    height: 80px;
    padding: 20px
}

.tsbiBottomSide {
    height: 145px;
    padding-top: 16px;
    z-index: 1
}

    .tsbiBottomSide:after {
        top: 0;
        right: 0;
        left: 0;
        margin-left: auto;
        margin-right: auto;
        background: #e8e8e8;
        height: 1px;
        width: 180px
    }

    .tsbiBottomSide:before {
        top: 53px;
        right: -24px;
        background: url(../images/box-bg.png);
        width: 310px;
        height: 215px;
        z-index: -1
    }

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

.packOne {
    padding-bottom: 52px !important;
}

    .packTwo .pack, .packOne .pack {
        padding-bottom: 0
    }

.packTwo { /* margin-top: 49px; */
    padding-top: 46px;
    padding-bottom: 128px
}

.packTwo-new {
    padding-bottom: 90px !important;
}

.packTwo-head-new {
    margin-top: -45px !important
}

.packThree .pack .enPackTitleTop {
    margin-left: 98px
}

.packTwo .ipbPrice:hover {
    background: #1d8cc3;
    color: #fff
}

.itemPack .bgPink1, .itemPack .bgBlue2 {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.packSubTitle {
    margin-right: 5px;
    margin-left: 5px;
    font-weight: bold;
    color: #6e7bdd
}

.pLogoTitle {
    width: 27px
}

.packTitle, .cpTitle, .faqTitle, .lnTitle {
    font-size: 18px
}

.enPackTitleTop {
    margin-left: 99px;
    margin-top: -7px;
    font-size: 36px
}

    .enPackTitleTop:before {
        right: -36px;
        top: -26px;
        background: url(../images/pat-1.png) 40px -5px;
        width: 40px;
        height: 40px
    }

.enPackTitleBottom:before {
    left: -79px;
    bottom: 0;
    background: url(../images/pat-1.png) 0 -5px;
    width: 200px;
    height: 60px;
    background-size: 130%
}

.enPackTitleBottom {
    margin-top: -20px;
    margin-left: 40px;
    font-size: 36px
}

.itemPack {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    -moz-box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
    -webkit-transition: all 700ms;
    -moz-transition: all 700ms;
    -ms-transition: all 700ms;
    -o-transition: all 700ms;
    transition: all 700ms;
    background: #fff
}

    .itemPack:hover {
        -webkit-box-shadow: 0 0 15px 0 rgba(110,123,221,.3);
        -moz-box-shadow: 0 0 15px 0 rgba(110,123,221,.3);
        box-shadow: 0 0 15px 0 rgba(110,123,221,.3)
    }

        .itemPack:hover .iptsCircle {
            -webkit-border-radius: 0;
            -moz-border-radius: 0;
            border-radius: 0;
            transform: rotate(0deg)
        }

.ipTopSide {
    height: 100px;
    position: relative;
    padding: 25px;
    overflow: hidden
}

.ipBottomSide {
    padding: 15px
}

    .ipBottomSide p {
        font-size: 13px
    }

.itemsPacksWrapper {
    margin-top: 61px
}

@media(min-width:992px) {
    .itemsPacksWrapper .col-md-3 {
        width: 20%
    }
}

.iptsCircle {
    width: 404px;
    height: 125px;
    display: inline-block;
    position: absolute;
    top: -25px;
    right: -42px;
    -webkit-transition: all 800ms;
    -moz-transition: all 800ms;
    -ms-transition: all 800ms;
    -o-transition: all 800ms;
    transition: all 800ms;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.iptsTitle {
    z-index: 9
}

.iptstCountSubtitle {
    margin-top: -15px;
    font-size: 12px
}

.iptsIconCircle {
    width: 40px;
    height: 40px;
    background: #e9ecff;
    z-index: 1;
    position: relative;
    margin-top: 23px;
    display: inline-block
}

.icon-ico-follow {
    font-size: 30px
}

.icon-ico-love {
    font-size: 26px;
    margin-top: 5px;
    margin-right: 1px;
    display: inline-block
}

.icon-ico-view {
    font-size: 28px;
    margin-top: 3px;
    display: inline-block
}

.icon-ico-comment {
    font-size: 28px;
    margin-top: 5px;
    display: inline-block
}

.iptsIconCircleNone {
    z-index: 1;
    position: relative;
    margin-top: 21px;
    display: inline-block
}

.iptsicLogo {
    width: 48px !important
}

.iptstCount {
    font-size: 36px;
    margin-top: 0
}

.ipbPrice {
    margin-top: 17px;
    font-size: 24px
}

    .ipbPrice span {
        font-size: 11px;
        font-weight: normal
    }

#calcPrice {
    height: 480px;
    padding: 80px 0;
    background: url("../images/bgCalc.png") no-repeat center/cover
}

.rotate90 {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.cpSelectMode {
    width: 60px;
    height: 130px;
    background: rgba(255,255,255,.31);
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    border-radius: 30px;
    margin-right: 20px;
    overflow: hidden
}

.cpsmTopSide, .cpsmBottomSide {
    height: 65px;
    line-height: 65px
}

.cpsmtsIconInstagram, .cpsmbsIconTelegram {
    font-size: 25px;
    color: #fff
}

.activeInsta {
    color: #e1306c;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.activeTelg {
    color: #08c;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms
}

.afterTopArrow:after {
    top: 1px;
    right: 22px;
    border-top: 6px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.beforeBottomArrow:before {
    bottom: 1px;
    right: 22px;
    border-bottom: 6px solid #fff;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent
}

.selectSocial {
    position: absolute;
    right: -20px;
    margin-top: 52px
}

.cpswRightSide {
    margin-top: 17px
}

.cpseSelect {
    margin-top: 15px;
    height: 84px
}

.cpswRightTitle {
    font-size: 24px;
    margin-right: 10px;
    margin-top: 2px
}

.cpswRightSubtitle {
    color: #b6bce9;
    font-size: 18px
}

.cpseSelectTelg {
    display: none
}

.cpsesContainer {
    display: block;
    position: relative;
    padding-right: 30px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #fff
}

    .cpsesContainer input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

.checkmark {
    position: absolute;
    top: 0;
    right: 0;
    height: 18px;
    width: 18px;
    border-radius: 50%;
    border: 2px solid #fff
}

.cpsesContainer input:checked ~ .checkmark {
    background-color: #2196f3
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none
}

.cpsesContainer input:checked ~ .checkmark:after {
    display: block
}

.cpsesContainer .checkmark:after {
    top: 2px;
    left: 2px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #d82aad
}

.cpSelectEvent {
    margin-right: 25px
}

#just-a-slider {
    height: 2px;
    border-radius: 3px;
    margin-top: 80px
}

    #just-a-slider .handle {
        height: 11px;
        line-height: 60px;
        border-radius: 5.5px
    }

.value {
    font-size: 48px;
    margin-left: 20px
}

.cpsTomanTitle {
    margin-top: 25px
}

.cpsWrapperProgress {
    margin-left: 40px
}

.dragdealer {
    position: relative;
    height: 30px;
    background: rgba(255,255,255,.21)
}

    .dragdealer .handle {
        position: absolute;
        top: -4px;
        left: 0;
        cursor: pointer
    }

    .dragdealer .red-bar {
        height: 30px;
        width: 100px;
        background: #fff;
        color: #fff;
        font-size: 14px;
        line-height: 30px;
        text-align: center
    }

    .dragdealer .disabled {
        background: #898989
    }

.cpWrapper {
    margin-top: 85px
}

.cpBtnSubmit {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px
}

#latestNews {
    padding: 65px 0
}

.lniItem, .lniiImage {
    height: 450px
}

.lniSmallItem, .lniiSmallImage {
    height: 223.5px;
    margin-bottom: 3px
}

    .lniItem:hover .lniiImage, .lniSmallItem:hover .lniiSmallImage {
        -webkit-transform: scale(1.2);
        -moz-transform: scale(1.2);
        -ms-transform: scale(1.2);
        -o-transform: scale(1.2);
        transform: scale(1.2)
    }

.ui-corner-all {
    -webkit-border-radius: 5.5em;
    -moz-border-radius: 5.5em;
    border-radius: 5.5em
}

.ui-widget.ui-widget-content {
    border: none;
    background: transparent;
    position: relative
}

.ui-slider {
    position: relative
}

    .ui-slider:after {
        content: '';
        position: absolute;
        top: 4px;
        width: 100%;
        right: 0;
        height: 2px;
        background: rgba(255,255,255,.2)
    }

.ui-widget-header {
    background: #fff
}

    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
        outline: none
    }

.dotsProgress {
    bottom: -25px;
    width: 100%;
    left: -30px
}

    .dotsProgress span {
        background: #fff;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        display: inline-block;
        width: 5px;
        z-index: 99999;
        height: 5px
    }

        .dotsProgress span:not(:first-child) {
            margin-right: 27px
        }

.ui-slider-horizontal {
    height: 10px
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.4em;
        width: 32px;
        height: 20px;
        border-radius: 5px;
        box-shadow: 0 4px 8px rgba(0,0,0,.2);
        background: #fff url(../images/handler-bg.png)
    }

.lniiImage, .lniiSmallImage {
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -ms-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms
}

.lnTitle:after {
    top: -80px;
    right: -32px;
    background: url(../images/blog-bg.png);
    width: 286px;
    height: 169px;
    z-index: -2
}

.lniDescription {
    bottom: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(to top,#11587b,transparent);
    height: 150px;
    padding-right: 20px;
    padding-left: 20px
}

.lnidWrapperDetails {
    bottom: 20px
}

#faq {
    padding-top: 65px;
    padding-bottom: 45px
}

    #faq .smallBtn {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms
    }

        #faq .smallBtn:hover {
            background: #d5d8e8;
            color: #6e7bdd
        }

.faqTitle, .faqTitleEn, .lnTitle, .lnTitleEn {
    z-index: 1
}

.faqTitleEn, .lnTitleEn {
    margin-top: 0
}

.faqTitle:after {
    top: -42px;
    right: 0;
    background: url("../images/question.png");
    width: 299px;
    height: 169px;
    z-index: -2
}

.fiSignle {
    border-top: 1px solid #eaeaea;
    padding-top: 15px;
    padding-bottom: 15px
}

    .fiSignle h6 {
        line-height: 26px
    }

.faqItems, .lnItems {
    margin-top: 90px
}

.banner {
    margin-top: -67px
}

.bilIcon {
    font-size: 43px;
    margin-top: 3px
}

.bItemsList {
    padding-top: 15px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 11px
}

    .bItemsList li:not(:last-child) {
        display: inline-block;
        margin-left: 60px
    }

.bilWrapperTitle h1 {
    margin-top: 5px
}

.bilWrapperTitle p {
    margin-top: -18px
}

.bItemsList h6 {
    margin-top: 0
}

.bilWrapperTitle {
    color: #bdc2e4
}

.bilInstaPlus {
    font-size: 50px;
    color: #bdc2e4
}

#contactUs {
    height: 150px;
    background: url("../images/contact-bg.jpg") no-repeat center/cover;
    padding-top: 60px
}

    #contactUs a, #contactUs a i {
        -webkit-transition: all 500ms;
        -moz-transition: all 500ms;
        -ms-transition: all 500ms;
        -o-transition: all 500ms;
        transition: all 500ms
    }

        #contactUs a:first-child:hover, #contactUs a:first-child:hover i {
            color: #daa520
        }

        #contactUs a:nth-child(2):hover, #contactUs a:nth-child(2):hover i {
            color: #53c396
        }

        #contactUs a:nth-child(3):hover, #contactUs a:nth-child(3):hover i {
            color: #1da1f2
        }

        #contactUs a:nth-child(4):hover, #contactUs a:nth-child(4):hover i {
            color: #08c
        }

        #contactUs a:nth-child(5):hover, #contactUs a:nth-child(5):hover i {
            color: #e1306c
        }

.iconMessage {
    font-size: 25px;
    margin-top: 10px;
    position: relative;
    top: 3px
}

.cuTitleIcon {
    margin-right: 15px
}

.fTop {
    padding: 70px 0
}

.fTitlePlus {
    color: #dee2ff;
    font-size: 36px;
    margin-top: 0;
    margin-bottom: 5px
}

.ftDetails {
    width: 90%;
    text-align: justify;
    line-height: 27px;
    color: #969bbb
}

.ftTitleMenu, .fBottom p {
    color: #dee2ff
}

.keyfooter {
    text-align: center;
    font-size: 10px;
    color: #efefef;
    height: 45px
}

    .keyfooter span {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        cursor: pointer
    }

        .keyfooter span:hover {
            font-size: 18px;
            color: #aaa
        }

.ftListMenu li {
    margin-bottom: 24px;
    margin-top: 24px
}

    .ftListMenu li a {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px
    }

        .ftListMenu li a:hover {
            padding: 3px 8px;
            color: #fff;
            background: #6e7bdd
        }

.imgContactUs {
    width: 150px;
    margin-top: 7px
}

.fBottom {
    height: 75px;
    border-top: 1px solid #e9ecff;
    padding-top: 30px
}

    .fBottom a {
        color: #c0ece6;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms
    }

        .fBottom a:hover {
            color: #87bdb6
        }

#singlePageSlider {
    padding: 45px 0;
    background-size: cover
}

    #singlePageSlider h6 {
        margin-top: 15px
    }

.breadCrumbWrapper {
    padding: 0 35px
}

.labelA {
    -webkit-border-radius: 10px 4px 4px 10px;
    -moz-border-radius: 10px 4px 4px 10px;
    border-radius: 10px 4px 4px 10px;
    padding: 3px 7px
}

#newsSlider {
    margin-top: 15px;
    margin-bottom: 15px
}

    #newsSlider .labelA {
        bottom: 22px
    }

.txtNews {
    margin-right: 5px;
    line-height: 26px
}

.txtNewsSlide {
    margin-right: 75px
}

#aboutUs {
    margin-top: 80px;
    margin-bottom: 80px
}

    #aboutUs p {
        line-height: 30px;
        text-align: justify
    }

#rules p {
    line-height: 32px
}

.titleRoles {
    margin-bottom: 30px
}

.payFullWrapper {
    border: 1px solid #d6d6d6
}

.rTopSidePay {
    height: 80px;
    padding-top: 10px
}

.rBottomSidePay {
    height: 383px;
    border-top: 1px solid #d6d6d6;
    padding: 15px
}

    .rBottomSidePay h5 {
        margin-top: 18px
    }

.payRight {
    border-left: 1px solid #d6d6d6
}

.payLeft {
    padding: 20px;
    padding-bottom: 37px
}

.formPay label {
    font-size: 14px;
    font-weight: bold
}

.formPay input, .payFullWrapper input, .payFullWrapper textarea {
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    margin-top: 10px
}

.paddLeftZero {
    padding-left: 0
}

.form-element {
    margin-top: 10px;
}

.containerCheckBox {
    display: inline-block;
    position: relative;
    padding-right: 35px;
    margin-bottom: 12px;
    padding-top: 5px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

    .containerCheckBox input {
        position: absolute;
        opacity: 0;
        cursor: pointer
    }

    .containerCheckBox .checkmark {
        position: absolute;
        top: 0;
        left: 0;
        height: 20px;
        width: 20px;
        background-color: #f5f5f5;
        border: 1px solid #ccc;
        -webkit-border-radius: 0;
        -moz-border-radius: 0;
        border-radius: 0
    }

    .containerCheckBox:hover input ~ .checkmark {
        background-color: #ccc
    }

    .containerCheckBox input:checked ~ .checkmark {
        background-color: #2196f3
    }

    .containerCheckBox:after {
        content: "";
        position: absolute;
        display: none
    }

    .containerCheckBox input:checked ~ .checkmark:after {
        display: block
    }

    .containerCheckBox .checkmark:after {
        left: 7px;
        top: 3px;
        width: 5px;
        height: 10px;
        border: solid #fff;
        border-width: 0 3px 3px 0;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg)
    }

.wrapperSendRequest {
    margin-top: 20px
}

.formPay {
    margin-top: 0
}

.formSearch {
    margin-top: 9px
}

.payBtn {
    height: 34px;
    line-height: 34px;
    margin-top: 15px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

#btnSearch {
    margin-top: 25px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border: none;
    width: 100%
}


.formPay .payBtn, #sendMessage {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    transition: all 300ms;
    border: none;
    height: 50px;
    font-size: 16px;
    border-radius: 7px
}

#pay, #contactUsPage {
    margin-bottom: 80px
}

.pad25 {
    padding: 25px
}

.payFullWrapper {
    margin-top: 25px
}

.contactFormIitem, .YourMessage {
    margin-top: 15px
}

.textArea textarea {
    height: 257px
}

.contactFormIitem label, .YourMessage {
    margin-bottom: 15px
}

.rBottomSidePay i.icon-coffee {
    font-size: 130px
}

.txt404 {
    margin-top: 30px
}

.leftSideAboutUsPage {
    padding: 25px 15px
}

#section404 {
    margin-top: 180px;
    margin-bottom: 180px
}

.carouselNews .owl-nav {
    position: absolute;
    top: 10px;
    left: 0
}

    .carouselNews .owl-nav i {
        font-size: 21px;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        transition: all 300ms
    }

        .carouselNews .owl-nav i:hover {
            color: #6e7bdd
        }

.carouselNews .owl-prev, .carouselNews .owl-next {
    margin: 0 !important;
    padding: 0 !important
}

.rTopSidePay i.icon-search {
    color: #bcbcbc;
    font-size: 22px;
    margin-top: 15px;
    display: inline-block
}

.formSearch input, .formSearch label, .formPay input, .formPay label {
    margin-top: 7px
}

@media(max-width:768px) {
    .lnidWrapperDetails h4 {
        font-size: 14px
    }

    .rBottomSidePay {
        height: 186px
    }

    .lniItem {
        height: 235.5px
    }

    .absoluteWrapperSlide {
        text-align: center
    }

    .tsocRightSide, .tsocLeftSide {
        height: initial
    }

    .tsocrTitle {
        font-size: 30px
    }

    .tsocrSubtitle {
        font-size: 20px
    }

    .absoluteWrapperSlide {
        position: initial;
        top: initial;
        left: initial;
        transform: none
    }

    .tsocRightSide {
        margin-top: 30px
    }

    #topSlider {
        height: initial;
        padding-bottom: 100px
    }

    .tsbItem {
        margin-bottom: 17px;
    }

    .tsbWrapperItem:hover .tsbItemHover2 {
        -webkit-transform: translate3d(0,-55px,0);
        transform: translate3d(0,-122px,0)
    }

    .tsbWrapperItem:hover .tsbItemHover3 {
        -webkit-transform: translate3d(0,-40px,0);
        transform: translate3d(0,-122px,0)
    }

    .tsbWrapperItem:hover .tsbItemHover4 {
        -webkit-transform: translate3d(0,-50px,0);
        transform: translate3d(0,-122px,0)
    }

    .tsbItemHover3 p, .tsbItemHover4 p {
        display: inline-block;
        margin-right: 7px
    }

    .noPaddLeft, .noPadd {
        padding: 1.5px 15px
    }

    .bilIcon {
        display: none
    }

    .bItemsList li {
        display: block !important;
        text-align: center;
        margin-left: 0 !important;
        margin-bottom: 25px
    }

    .itemsPacksWrapper {
        margin-top: 55px
    }

    .pack {
        padding-top: 0
    }

    .wrapperForMobileMode .pull-right {
        margin-top: 14px
    }

    .wrapperForMobileMode {
        margin-right: auto;
        margin-left: auto;
        width: 330px;
        height: 150px
    }

    .packTitle, .packSubTitle {
        position: relative;
        top: 90px;
    }

    .bilDetailsWrapper {
        float: initial !important
    }

    .pack .ofhM {
        overflow: hidden
    }

    .bItemsListMobile {
        margin-bottom: 40px;
        text-align: center
    }

    .cpSelectCount {
        margin-top: 40px
    }

    #calcPrice {
        height: initial
    }

    .dotsProgress {
        bottom: -25px;
        left: -5px
    }

    .ftListMenu, .ftTitleMenu {
        text-align: center
    }

    .fIconPlus {
        margin-left: auto;
        margin-right: auto
    }

    .fTitlePlus {
        text-align: center
    }

    .ftDetails {
        width: 100%;
        margin-top: 15px;
        margin-bottom: 45px
    }

    #contactUs a {
        text-align: center;
        margin-bottom: 10px
    }

    #contactUs {
        height: initial;
        padding-bottom: 60px
    }

    .imgContactUs {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
        display: block
    }

    .dotsProgress span:not(:first-child) {
        margin-right: 4.5%
    }

    .fBottom div[class^="col"] {
        margin-bottom: 25px;
        text-align: center
    }

    .txtNewsSlide {
        line-height: 25px;
        margin-right: 5px
    }

    .labelA {
        position: initial
    }

    .lniiImage {
        height: 246px
    }

    #newsSlider .owl-carousel .owl-stage-outer {
        padding: 0
    }

    .carouselNews .owl-nav {
        top: -40px
    }

    .payFullWrapper, .payRight {
        border: none
    }

    .paddLeftZero {
        padding-left: 15px
    }

    .pad25 {
        padding: 0
    }
}

@media(max-width:1024px) and (min-width:768px) {
    .FollowOrder {
        margin-top: 10px
    }

    .trshUnderMenu {
        top: 98px
    }

    .tsbWrapperItem:hover .tsbItemHover2 {
        -webkit-transform: translate3d(0,-155px,0);
        transform: translate3d(0,-155px,0)
    }

    .tsbWrapperItem:hover .tsbItemHover3 {
        -webkit-transform: translate3d(0,-137px,0);
        transform: translate3d(0,-137px,0)
    }

    .tsbWrapperItem:hover .tsbItemHover4 {
        -webkit-transform: translate3d(0,-139px,0);
        transform: translate3d(0,-139px,0)
    }
}

.hidden {
    display: none !important
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    white-space: nowrap
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        -webkit-clip-path: none;
        clip-path: none;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
        white-space: inherit
    }

.invisible {
    visibility: hidden
}

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

.clearfix:after {
    clear: both
}

@media print {
    *, *:before, *:after {
        background: transparent !important;
        color: #000 !important;
        box-shadow: none !important;
        text-shadow: none !important
    }

    a, a:visited {
        text-decoration: underline
    }

        a[href]:after {
            content: " (" attr(href) ")"
        }

    abbr[title]:after {
        content: " (" attr(title) ")"
    }

    a[href^="#"]:after, a[href^="javascript:"]:after {
        content: ""
    }

    pre {
        white-space: pre-wrap !important
    }

    pre, blockquote {
        border: 1px solid #999;
        page-break-inside: avoid
    }

    thead {
        display: table-header-group
    }

    tr, img {
        page-break-inside: avoid
    }

    p, h2, h3 {
        orphans: 3;
        widows: 3
    }

    h2, h3 {
        page-break-after: avoid
    }
}

.ipbPrice {
    padding: 0;
    margin-top: 5px;
    font-size: 21px
}

a.smallBtn {
    margin-top: 10px !important;
    height: 41px;
    line-height: 43px
}

span.smallBtn {
    margin-top: 10px !important;
    height: 41px;
    line-height: 43px;
    cursor: pointer
}

a.smallBtn:hover {
    color: #fff
}

span.smallBtn:hover {
    color: #fff
}

.oldprice {
    color: #d82aad;
    text-decoration: line-through;
    font-size: 18px !important
}

.product-plan {
    margin-top: 20px
}

a.smallBtn:hover {
    background: #c5289e
}

.rTopSidePay img {
    width: 103px
}

.form-price {
    border-top: 1px dashed #ccc;
    padding-top: 29px
}

.en-from {
    direction: ltr;
    font-family: Tahoma
}

#faq h5, #faq p {
    line-height: 2
}

.tsocrSubtitle {
    font-size: 20px;
    font-weight: normal;
    line-height: 1.6;
    letter-spacing: -.7px
}

.offer-banner {
    margin-bottom: -103px;
    margin-top: 43px
}

#serachProduct {
    margin-bottom: 57px
}

.factor {
    width: 100%;
    margin-bottom: 18px
}

    .factor td {
        border: 1px solid #ccc;
        padding: 10px
    }

.banner-offer {
    margin-bottom: -92px;
    margin-top: 48px
}

.notification_bar {
    background: url(../images/top_bar_bg_nowrouz.jpg);
    background-size: 1600px 182px !important;
    padding: 15px 0;
    display: none
}

    .notification_bar a {
        color: #42404e !important
    }

    .notification_bar .notification_bar_container {
        position: relative;
        padding: 5px 0;
        border-radius: 5px
    }

        .notification_bar .notification_bar_container .btn {
            font-size: 15px;
            padding: 6px 22px;
            background: #f9d036 !important;
            border-radius: 3px;
            border: 2px solid #fff;
            -webkit-transition: all .2s linear;
            -moz-transition: all .2s linear;
            -o-transition: all .2s linear;
            transition: all .2s linear
        }

        .notification_bar .notification_bar_container .notification_close {
            position: absolute;
            right: -40px;
            color: rgba(255,255,255,.6);
            font-size: 200%;
            font-weight: bold;
            line-height: 1.3
        }

        .notification_bar .notification_bar_container .text {
            font-size: 16px;
            text-shadow: 1px 1px 1px rgba(0,0,0,.4);
            font-weight: bold;
            color: #fff;
            display: block;
            float: right;
            padding-top: 10px
        }

.push-left {
    float: left
}

.special-offer {
    color: #ffd333
}

.dropdown-toggle a::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent
}

.navbar-nav > li > .dropdown-menu {
    padding-top: 26px;
    width: 160px !important;
    background: #fff;
    border: none;
    padding-bottom: 0;
    color: #d82aad;
    box-shadow: none
}

    .navbar-nav > li > .dropdown-menu > .dropdown-item {
        display: block;
        padding: 11px;
        border: 1px solid #dadada;
        border-bottom: none;
        border-top: none
    }

    .navbar-nav > li > .dropdown-menu > a {
        color: #4492d5
    }

@media only screen and (max-width:600px) {
    .push-left {
        float: initial;
        margin-right: 10px
    }
}

@media(max-width:992px) {
    .top-nav li {
        padding: 10px 26px
    }

        .top-nav li.support {
            border-bottom: none
        }

    .main-menu {
        clear: both
    }
}

@media(min-width:992px) {
    .navbar-expand-lg .navbar-toggler {
        display: none
    }
}

@media(max-width:768px) {
    .navbar-nav .open .dropdown-menu {
        width: 100% !important;
        background: #f9f9f9;
        padding-top: 0;
        margin-top: 9px;
        margin-bottom: 9px
    }

    .navbar-nav > li > .dropdown-menu > .dropdown-item {
        border: none
    }
}

@media(min-width:768px) {
    .navbar-nav {
        padding: 24px;
        padding-left: 0;
        float: left
    }

    .dropdown-menu a:first-child {
        border-top: 3px solid #d82aad !important
    }

    .dropdown-menu {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 1000;
        display: none;
        float: right;
        min-width: 219px
    }

    .top-nav li {
        padding: 10px
    }

    .navbar {
        margin-bottom: 0
    }

    ul.top-nav li.support {
        padding-top: 0;
        padding-bottom: 0
    }

    ul.top-nav li.purp {
        margin: auto 0
    }

        ul.top-nav li.purp a:after {
            background-color: #585688
        }

        ul.top-nav li.purp a:after {
            content: '';
            position: absolute;
            right: 50%;
            left: 50%;
            bottom: -26px;
            height: 4px;
            -webkit-border-radius: 6px 6px 0 0;
            -moz-border-radius: 6px 6px 0 0;
            border-radius: 6px 6px 0 0;
            -webkit-transition-property: left,right;
            -webkit-transition-duration: .3s;
            transition-duration: .3s;
            -webkit-transition-timing-function: ease-out;
            transition-timing-function: ease-out
        }

    ul.top-nav li.open a:after {
        background: none
    }

    ul.top-nav li.purp:hover a:after {
        right: 0;
        left: 0
    }
}

.supportbtn {
    padding: 10px !important;
    border-radius: 4px;
    background: #4492d5
}

    .supportbtn:hover {
        color: #fff;
        background: #3574ab
    }

.navbar-toggler {
    float: left;
    margin-top: 18px;
    background: transparent;
    border: 1px solid #ccc;
    padding: 12px 15px 9px 15px
}

.notification_bar_container {
    max-width: 1100px
}

.new-badge {
    background: #ff5056;
    border-radius: 4px;
    padding: 2px 8px;
    font-size: 11px;
    color: #fff
}

span.ti-angle-down {
    font-size: 12px;
    margin-right: 6px
}

.tsbItem h2 {
    font-size: 18px
}

.tsbItem a {
    display: block;
    font-size: 16px;
    line-height: 2;
    width: 90%;
    margin: auto;
    background: rgba(244,245,255,.5);
    margin-bottom: 4px
}

    .tsbItem a:hover {
        background: rgba(244,245,255,1)
    }

.freedetail .red {
    border: 1px #d6d6d6 dashed;
    padding: 11px;
    background: #fff;
    color: #4492d5
}

.freedetail .rBottomSidePay {
    height: 512px
}

#notfound {
    position: relative;
    height: 40vh
}

    #notfound .notfound {
        position: absolute;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%)
    }

.notfound {
    max-width: 520px;
    width: 100%;
    line-height: 1.4;
    text-align: center
}

    .notfound .notfound-404 {
        position: relative;
        height: 240px
    }

        .notfound .notfound-404 h1 {
            font-family: 'Montserrat',sans-serif;
            position: absolute;
            left: 50%;
            top: 50%;
            -webkit-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
            font-size: 252px;
            font-weight: 900;
            margin: 0;
            color: #262626;
            text-transform: uppercase;
            letter-spacing: -40px;
            margin-left: -20px
        }

            .notfound .notfound-404 h1 > span {
                text-shadow: -8px 0 0 #fff
            }

        .notfound .notfound-404 h3 {
            position: relative;
            font-size: 16px;
            font-weight: 700;
            text-transform: uppercase;
            color: #676767;
            margin: 0;
            letter-spacing: 2px;
            padding-left: 6px
        }

    .notfound h2 {
        font-size: 20px;
        font-weight: 400;
        text-transform: uppercase;
        color: #000;
        margin-top: 0;
        border-top: 1px solid #2b2b2b;
        border-bottom: 1px solid #2b2b2b;
        padding-bottom: 10px
    }

.faqItems {
    margin-left: 0;
    margin-right: 0
}

.second-detail {
    margin: 21px auto;
    padding: 40px;
    background: #f4f5ff;
    font-size: 17px;
    margin-bottom: 0
}

    .second-detail h2 {
        font-size: 18px;
        font-weight: bold;
        color: #4472c4;
    }

        .second-detail h2 a {
            color: #d82aad !important;
            text-decoration: underline;
        }

.first-detail {
    font-size: 17px;
    padding: 0 35px !important;
    margin-bottom: 45px;
    text-align: justify;
    margin-top: 52px;
    max-width: 681px
}

.catTitle h1 {
    font-size: 30px;
    position: inherit !important
}

.single-page {
    background: url(../images/abstract1.png?ver=2.34568) right 0 top 30px no-repeat;
    overflow: hidden
}

.cat-img {
    height: 224px;
    margin-top: 40px;
    margin-right: 33px
}

.clearfix {
    clear: both
}

.single-page .itemsPacksWrapper {
    margin-top: 20px
}

.target-footer {
    list-style: inherit;
    margin-top: 26px;
    color: #969bc2
}

    .target-footer li {
        padding: 4px 2px
    }

.order-warning .alert-warning {
    padding: 12px;
    border-radius: 11px
}

.order-warning .new-badge {
    font-size: 20px
}

.form-control {
    outline: none;
    display: block;
    background: #fff;
    width: 100%;
    border: 0 !important;
    border-radius: 4px !important;
    height: 46px;
    box-sizing: border-box;
    padding: 7px 15px;
    color: rgba(0,0,0,.6);
    font-family: inherit;
    border: 1px solid #ccc !important;
    font-size: inherit;
    font-weight: 500;
    line-height: inherit;
    transition: .3s ease
}

.product-page .first-detail {
    margin-bottom: 0;
    margin-top: 77px
}

.product-page #singlePageSlider {
    padding: 0
}

.product-page h1 {
    font-size: 27px;
    line-height: 1.3
}

@media(max-width:768px) {
    .first-detail {
        padding: 0 17px !important
    }

    .target-footer {
        padding: 0 25px;
        margin-bottom: 35px
    }

    .cat-img, .tsocrSubtitle {
        display: none
    }

    .single-page .packTitle, .single-page .packSubTitle {
        margin-top: 0;
        margin-bottom: 26px;
        font-size: 27px !important;
        line-height: 1.4;
        text-align: center
    }

    .second-detail {
        padding: 25px 13px;
        font-size: 17px
    }

    .product-page .packTitle {
        text-align: right;
        font-size: 20px !important
    }

    .product-page .first-detail {
        margin-top: 0
    }

    .product-page h1 {
        font-size: 20px
    }
}

.btn-login {
    background-color: transparent;
    color: #6e7bdd;
    border: 1px solid rgb(110 123 221);
    padding: 10px !important;
}

.btn-logout {
    padding: 10px !important;
}

.header-btn {
    padding-right: 5px !important;
    padding-left: 5px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

#packageOrderForm input.form-control::placeholder {
    text-align: center;
    direction: rtl;
}


.badge-danger {
    border-radius: 5px;
    padding: 7px;
    font-size: 12px;
    margin-right: 4px;
    background: none;
    border: 1px solid #c11414;
    color: #d9534f;
}