﻿body {
    /*font-size: 18px*/
}

h2 {
    color: #04182c
}

.section-sub {
    color: #7d7d7d
}

.package-name span {
    color: #04182c
}

.package-name {
    margin-top: 25px
}

.pricing-table {
    background-color: #fff
}

.table-header {
    background-color: #fff;
    padding-left: 0;
    padding-right: 0;
    border: 2px solid #04182c;
    margin-bottom: 0;
    height: 200px;
    border-left: none;
    border-right: none;
    border-top: none
}

.table-info {
    background-color: #dcdcdc;
    padding: 90px 0
}

    .table-info ul:nth-child(1) li {
        color: #04182c;
        text-align: left
    }

    .table-info ul:nth-child(2) li {
        color: #7d7d7d;
        text-align: left
    }

.one_year {
    border-top: 1px solid #dcdcdc;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 10px;
    padding-top: 10px
}

.table-footer {
    background-color: #fff
}

.table-contents {
    border: 2px solid #04182c
}

.package-price {
    background-color: #04182c;
    position: absolute;
    left: 16%;
    background-color: #04182c;
    top: 161px !important;
    width: 200px;
    height: 80px;
    color: #fff;
    margin: 0 auto;
    text-align: center;
    border-radius: 40px;
    top: 40px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12)
}

.type_version {
    font-weight: 100 !important;
    font-size: 16px
}

.type_version_persian {
    padding-bottom: 10px
}

.package-price .currency-symbol, .package-price .price {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
    display: inline-block;
    margin-top: 18px
}

.package-price .currency-code {
    font-size: 12px;
    font-weight: 700;
    display: block;
    margin-top: -10px
}

.pricing-table:hover .package-name span {
    color: #515151 !important
}

.pricing-table:hover .brand-hover {
    background-color: #fff !important;
    padding-top: 80px;
    transition-duration: .5s
}

.pricing-table:hover .type_version {
    display: none
}

.pricing-table:hover #type_standard {
    padding-top: 5px
}

.table-info ul li {
    font-size: 14px !important;
    direction: ltr
}

.table-footer, .table-header, .table-info {
    background-color: #fff !important
}

.table-footer {
    padding-bottom: 32px !important
}

.pricing-table:hover .package-name {
    z-index: -10
}

.ulfooter {
    margin-bottom: 24px !important
}

.pricing-table:hover .top_image_pricing_table {
    z-index: 10 !important
}

.purchase-button a {
    background-color: #106c39
}

#guidance {
    background-color: #04182C
}

.btn-download {
    background-color: #106c39
}

h1.text-uppercase {
    color: #04182c
}

p.width-60 {
    color: #7d7d7d
}

.dark-bg.lighten-4 {
    background-color: #18263b !important
}

.float-right {
    float: right !important
}

.clr {
    clear: both
}

.feature-accordion.panel-group .panel + .panel {
    margin-top: 0
}

.panel-group .panel + .panel {
    margin-top: 0
}

.text_align_center {
    text-align: center
}

.material-icons {
    font-size: 48px
}

.feature-accordion .panel-title a.collapsed {
    color: #202020;
    background-color: #fff !important;
    box-shadow: none;
    border: 1px solid #dcdcdc
}

.dark-text {
    color: #04182c !important
}

.my-text {
    color: #7d7d7d !important
}

.icon .panel .panel-heading a::after {
    right: unset;
    left: 0
}

.feature-accordion .panel-title a.collapsed {
    text-align: right
}

.feature-accordion.brand-accordion .panel-title a {
    text-align: right
}

.feature-accordion .panel-default > .panel-heading + .panel-collapse > .panel-body {
    text-align: justify;
    direction: ltr
}

.feature-accordion .panel-title a {
    display: block;
    color: #fff;
    padding: 16px;
    border-radius: 4px;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,.16),0 2px 10px 0 rgba(0,0,0,.12);
    background-color: #106c39 !important
}

.slider-intro p {
    text-align: left
}

strong {
    text-align: left
}

.featured-item .desc p {
    margin: 0
}

form p:last-child {
    margin-bottom: 0
}

form p {
    text-align: left;
    color: #7d7d7d
}

.featured-item h2 {
    text-align: center !important
}

.purple-icon {
    color: #28374e
}

.icon-hover-purple:hover .icon {
    background-color: #28374e
}

.fa-certificate {
    font-size: 60px
}

.fa-gift {
    font-size: 60px
}

.header_left_align {
    text-align: left
}

.list-icon li {
    text-align: left
}

.img-w-130 {
    width: 130px !important
}

.img-w-150 {
    width: 150px !important
}

.img-w-100 {
    width: 100px
}

.img-w-85 {
    width: 85px
}

.font-white {
    color: #fff !important
}

.font-gray2 {
    color: #7d7d7d !important
}

.back-dark1 {
    background-color: #04182c !important
}

.back-dark2 {
    background-color: #18263b !important
}

.back-dark3 {
    background-color: #28374e !important
}

.feature-presentation .featured-item.feature-icon .icon {
    border: none !important
}

.text_align_left {
    text-align: left !important
}

.btn-download {
    height: 75px;
}

.top_image_pricing_table {
    width: 90%;
    height: 100px;
    position: absolute;
    top: -99px;
    transition-duration: .5s
}

    .top_image_pricing_table:hover {
        z-index: 10;
        transition-duration: .5s
    }

.header {
    margin: 30px
}

.header__title {
    display: inline-block;
    font-weight: 700;
    margin-right: 20px
}

.header__tagline {
    display: inline-block
}

.keys {
    bottom: 20px;
    position: absolute;
    right: 20px
}

.container_slider {
    align-items: center;
    display: flex;
    margin: 0 auto;
    max-width: 960px;
    width: 100%
}

.birds {
    flex-shrink: 1;
    height: auto;
    max-width: 600px;
    width: 100%
}

    .birds circle {
        fill: #e0e0e0;
        pointer-events: none
    }

    .birds path {
        pointer-events: none
    }

.bird-text {
    box-sizing: border-box;
    flex-shrink: 0;
    line-height: 1.44;
    padding: 0 20px;
    width: 358px;
    text-align: left
}

.bird-text__title {
    font-size: 50px;
    font-weight: 700;
    margin-bottom: 20px;
    text-align: left;
    padding-top: 30px
}

.box {
    fill: #fff;
    cursor: pointer
}

    .box:hover {
        fill: #f2f2f2
    }

#my_slider {
    background-color: #dcdcdc !important
}

#guidance {
    background-image: url(/content/mysvg/back-motif-Model-2.svg);
    background-size: 30px 36px;
    background-repeat: space
}

.icon .panel .panel-heading a::after {
    color: #fff !important
}

.angle-icon .panel .panel-heading a.collapsed:after {
    color: #04182c !important
}

.font-gray3 {
    color: #dcdcdc !important
}
.font-gray3 {
    color: #dcdcdc !important
}
.font-adv-red {
    color: #ed4e4e !important
}

.box_buy {
    border: 7px solid #515151;
    height: 100px
}

.font-size-12px {
    font-size: 12px !important
}

.font-size-14px {
    font-size: 14px !important
}

.box_buy_down {
    border: 7px solid #515151;
    height: 100px;
    padding-top: 30px
}

.w-54 {
    width: 54%
}

.w-46 {
    width: 46%
}

.my_circle_up {
    width: 40px;
    height: 40px;
    border: 2px solid #dcdcdc;
    border-radius: 50%;
    background-color: #eee;
    position: absolute;
    left: 39%;
    bottom: 77px;
    text-align: center;
    padding-top: 7px
}

.my_circle_down {
    width: 40px;
    height: 40px;
    border: 2px solid #b8d8c3;
    border-radius: 50%;
    background-color: #eee;
    position: absolute;
    left: 39%;
    top: 77px;
    text-align: center;
    padding-top: 7px
}

.my_circle_left {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #a3a2a2;
    position: relative;
    right: 43%;
    top: 89px
}

.my_circle_right {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #4d986a;
    position: relative;
    left: 100%;
    top: 89px
}

.step_buy_number {
    font-size: 20px;
    font-weight: bolder
}

.p_justify {
    text-align: justify;
    direction: ltr
}

.mt-55 {
    margin-top: 55px !important
}

.mt-45 {
    margin-top: 45px !important
}

.bird-text__title {
    text-align: justify;
    direction: ltr;
    line-height: 45px;
    font-size: 20px;
    color: #04182C;
}

.bird-text {
    padding-left: 0 !important;
    margin-left: 90px !important
}

.bird-text__body {
    line-height: 30px;
    text-align: justify;
    direction: ltr;
    font-size: 14px !important
}

.brand-hover:hover {
    background-color: #0f1e34 !important
}

#section-main-buy-content-desktop {
    background-color: #eee;
    padding-top: 40px;
    padding-bottom: 200px;
    display: block;
}

#section-main-buy-content-mobile {
    display: none;
}

@media screen and (max-width: 768px) {

    #section-main-buy-content-desktop {
        display: none;
    }

    #section-main-buy-content-mobile {
        display: block;
    }
}

#buy_div_one {
    height: 1px;
    background-color: #7d7d7d;
    top: 40px
}

#buy_h2 {
    font-size: 30px;
    color: #515151
}

#buy_div_two {
    height: 1px;
    background-color: #7d7d7d;
    top: 40px
}

#buy_div_three {
    height: 100px;
    position: relative;
    left: 14px;
    border-bottom: 7px solid #a3a2a2
}

#buy_div_four {
    border-left-color: #a3a2a2;
    border-top-color: #a3a2a2;
    border-right-color: #a3a2a2;
    border-bottom: none;
    margin-left: 14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 40px;
    text-align: center
}

#buy_div_five {
    border-color: #a3a2a2
}

#buy_div_six {
    color: #a3a2a2
}

#buy_div_seven {
    background-color: unset;
    border: none;
    padding-top: 47px;
    text-align: center;
    padding-left: 5px
}

#buy_div_eight {
    border-left-color: #646e7c;
    border-top-color: #646e7c;
    border-right-color: #646e7c;
    border-bottom: none;
    margin-left: -14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 40px;
    text-align: center
}

#buy_div_nine {
    border-color: #646e7c
}

#buy_div_ten {
    color: #646e7c
}

#buy_div_eleven {
    background-color: unset;
    border: none;
    padding-top: 47px;
    text-align: center;
    padding-left: 5px
}

#buy_div_twelve {
    border-left-color: #4d986a;
    border-top-color: #4d986a;
    border-right-color: #4d986a;
    border-bottom: none;
    margin-left: -14px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    padding-top: 40px;
    text-align: center
}

#buy_div_thrteen {
    border-color: #4d986a
}

#buy_div_fourteen {
    color: #4d986a
}

#buy_div_fifteen {
    height: 100px;
    border-bottom: 7px solid #4d986a
}

#buy_div_sixteen {
    height: 100px
}

#buy_div_seventeen {
    background-color: unset;
    border: none;
    padding-left: 30px;
    padding-right: 0
}

#buy_div_eighteen {
    border-left-color: #646e7c;
    border-bottom-color: #646e7c;
    border-right-color: #646e7c;
    border-top: none;
    margin-left: 7px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-right: 3px
}

#buy_div_nineteen {
    border-color: #646e7c
}

#buy_div_twenty {
    color: #646e7c
}

#buy_div_twenty_one {
    background-color: unset;
    border: none;
    padding-left: 0
}

#buy_div_twenty_two {
    border-left-color: #4d986a;
    border-bottom-color: #4d986a;
    border-right-color: #4d986a;
    border-top: none;
    margin-left: -14px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding-right: 3px
}

#buy_div_twenty_three {
    border-color: #4d986a
}

#buy_div_twenty_four {
    color: #4d986a
}

#buy_div_twenty_five {
    background-color: unset;
    border: none;
    padding-left: 8px
}

#buy_div_twenty_six {
    height: 100px
}

.overlay.dark-5::before {
    background-color: unset
}

.bg-cover, [class*=banner-] {
    background-size: unset !important
}

.bg-fixed {
    background-attachment: unset !important
}

#div_page_product {
    background-image: url(../../../images/balas-soft-lock/balas-soft-lock.png);
    height: 600px;
    background-repeat: no-repeat;
    background-position: center
    /* background-size: cover;*/
}
.div_package_price {
    text-align: center;
    display: block
}

.div_p_p_mobile {
    display: none
}

@media screen and (min-width:768px) and (max-width:991px) {
    .float_right {
        float: right !important
    }

    .margin_left_20 {
        margin-left: 20px !important
    }

    #div_page_product {
        background-image: url(../../../images/balas-soft-lock/balas-soft-lock.png);
        height: 600px !important;
        background-repeat: no-repeat;
        background-position: center
        /*background-size: cover;*/
    }

    .mt_negative_20_mobile {
        margin-top: -20px !important
    }

    .table-header {
        border-bottom: none
    }

    .div_package_price {
        text-align: center;
        display: none
    }

    .div_package_price_mobile {
        position: static
    }

    .div_p_p_mobile {
        display: block
    }

    .divider_price_mobile {
        height: 2px;
        background-color: #04182c;
        width: 100%;
        position: relative;
        bottom: 35px
    }

    .table-info {
        padding-top: 0
    }

    .mb_120_mobile {
        margin-bottom: 120px
    }

    .table-info ul li {
        font-size: 14px !important;
        direction: ltr;
        text-align: left
    }
}

@media screen and (max-width:768px) {
    .float_right {
        float: right !important
    }

    .margin_left_20 {
        margin-left: 20px !important
    }

    #div_page_product {
        background-image: url(../../../images/balas-soft-lock/balas-soft-lock.png);
        height: 600px !important;
        background-repeat: no-repeat;
        background-position: center
        /*background-size: cover;*/
    }

    .keys {
        display: none
    }

    .container {
        flex-direction: column
    }

    .bird-text {
        max-width: 600px;
        width: 30%;
        padding: 20px
    }

    .bird-text__title {
        font-size: 32px
    }

    .bird-text {
        max-width: unset;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-right: 0;
        margin: 0 auto !important
    }

    .container {
        flex-direction: column
    }

    .bird-text__body {
        display: block;
        text-align: center;
        padding-bottom: 50px
    }

    .bird-text__title {
        font-size: 15px;
        position: relative;
        width: 80%;
        right: 0;
        top: 96%;
        width: 100%;
        animation-name: anim_text_slider;
        animation-duration: 1s;
        text-align: center
    }

    .container_slider {
        display: block
    }

    .mt_negative_20_mobile {
        margin-top: -20px !important
    }

    .mb_120_mobile {
        margin-bottom: 120px
    }

    .table-header {
        border-bottom: none
    }

    .div_package_price {
        text-align: center;
        display: none
    }

    .div_package_price_mobile {
        position: static
    }

    .div_p_p_mobile {
        display: block
    }

    .divider_price_mobile {
        height: 2px;
        background-color: #04182c;
        width: 100%;
        position: relative;
        bottom: 35px
    }

    .table-info {
        padding-top: 0
    }

        .table-info ul li {
            font-size: 14px !important;
            direction: ltr;
            text-align: left
        }
}

@media screen and (max-width:600px) {
    .margin_left_20 {
        margin-left: 20px !important
    }

    #div_page_product {
        background-image: url(../images/balas-soft-lock/balas_softlock_page_product_mobile.png);
        height: 240px;
        background-repeat: no-repeat;
        background-position: center
        /*background-size: cover;*/
    }

    .mt_negative_20_mobile {
        margin-top: -60px !important
    }

    .mt_40_mobile {
        margin-top: 40px
    }

    .table-header {
        border-bottom: none
    }

    .div_package_price {
        text-align: center;
        display: none
    }

    .div_package_price_mobile {
        position: static
    }

    .div_p_p_mobile {
        display: block
    }

    .divider_price_mobile {
        height: 2px;
        background-color: #04182c;
        width: 100%;
        position: relative;
        bottom: 35px
    }

    .table-info {
        padding-top: 0
    }
}

@media all and (max-width:467px) {
    .container_slider {
        display: block
    }

    .bird-text {
        max-width: unset;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        margin: 0 auto !important
    }

    .bird-text__body {
        display: block;
        text-align: center;
        padding-bottom: 50px
    }

    .bird-text__title {
        font-size: 15px;
        position: static !important;
        width: 100%;
        padding-right: 0;
        animation-name: anim_text_slider;
        animation-duration: 1s;
        padding-left: 40px;
        padding-right: 40px;
        text-align: center !important;
        right: 10%
    }

    #my_slider {
        padding-top: 20px
    }

    .float_right {
        float: right !important
    }

    .margin_left_20 {
        margin-left: 20px !important
    }

    #div_page_product {
        background-image: url(../images/balas-soft-lock/balas_softlock_page_product_mobile.png);
        height: 240px;
        background-repeat: no-repeat;
        background-position: center
        /*background-size: cover;*/
    }

    .mt_negative_20_mobile {
        margin-top: -60px !important
    }

    .mb_60_mobile {
        margin-bottom: 60px
    }

    .mb_100_mobile {
        margin-bottom: 100px
    }

    .mb_120_mobile {
        margin-bottom: 120px
    }

    .mt_40_mobile {
        margin-top: 40px
    }

    .font_size_14_mobile {
        font-size: 14px
    }

    .table-header {
        border-bottom: none
    }

    .div_package_price {
        text-align: center;
        display: none
    }

    .div_package_price_mobile {
        position: static
    }

    .div_p_p_mobile {
        display: block
    }

    .divider_price_mobile {
        height: 2px;
        background-color: #04182c;
        width: 100%;
        position: relative;
        bottom: 35px
    }

    .table-info {
        padding-top: 0
    }
}
