body {
    color: grey;
    height: 100%;
    font-family: Open Sans, sans-serif;
    font-size: 14px
}

body .container > .content {
    min-height: 335px
}

img {
    max-width: 100%;
    height: auto
}

h1, h2, h3, h4, h5, h6 {
    color: #1d2127;
    font-weight: 300;
    font-family: Open Sans, sans-serif
}

h1 {
    font-size: 36px;
    line-height: 44px;
    margin: 0 0 17px 0
}

h2 {
    font-size: 36px;
    font-weight: 300;
    line-height: 42px;
    margin: 0 0 17px 0
}

h3 {
    font-size: 26px;
    font-weight: 200;
    line-height: 30px;
    margin-bottom: 17px
}

h4 {
    font-size: 1.4em;
    font-weight: 200;
    line-height: 20px;
    margin: 0 0 14px 0
}

h5 {
    font-size: 1em;
    font-weight: 600;
    line-height: 18px
}

h6 {
    color: #333;
    font-size: 1em;
    font-weight: 400;
    line-height: 18px;
    margin: 0 0 14px 0
}

h1.big {
    font-size: 4.2em;
    line-height: 54px
}

h1.small {
    font-size: 2.2em;
    line-height: 42px;
    font-weight: 600
}

h1.short {
    margin-bottom: 15px
}

@media (max-width: 767px) {
    h2 {
        line-height: 40px
    }
}

.p-t-10 {
    padding-top: 10px
}

.p-b-10 {
    padding-bottom: 10px
}

.m-t-10 {
    margin-top: 10px
}

.m-b-10 {
    margin-bottom: 10px
}

.p-t-15 {
    padding-top: 15px
}

.p-b-15 {
    padding-bottom: 15px
}

.m-t-15 {
    margin-top: 15px
}

.m-b-15 {
    margin-bottom: 15px
}

.p-t-20 {
    padding-top: 20px
}

.p-b-20 {
    padding-bottom: 20px
}

.m-t-20 {
    margin-top: 20px
}

.m-b-20 {
    margin-bottom: 20px
}

.p-t-25 {
    padding-top: 25px
}

.p-b-25 {
    padding-bottom: 25px
}

.m-t-25 {
    margin-top: 25px
}

.m-b-25 {
    margin-bottom: 25px
}

.p-t-30 {
    padding-top: 30px
}

.p-b-30 {
    padding-bottom: 30px
}

.m-t-30 {
    margin-top: 30px
}

.m-b-30 {
    margin-bottom: 30px
}

.p-t-35 {
    padding-top: 35px
}

.p-b-35 {
    padding-bottom: 35px
}

.m-t-35 {
    margin-top: 35px
}

.m-b-35 {
    margin-bottom: 35px
}

.p-t-40 {
    padding-top: 40px
}

.p-b-40 {
    padding-bottom: 40px
}

.m-t-40 {
    margin-top: 40px
}

.m-b-40 {
    margin-bottom: 40px
}

.p-t-45 {
    padding-top: 45px
}

.p-b-45 {
    padding-bottom: 45px
}

.m-t-45 {
    margin-top: 45px
}

.m-b-45 {
    margin-bottom: 45px
}

.p-t-50 {
    padding-top: 50px
}

.p-b-50 {
    padding-bottom: 50px
}

.m-t-50 {
    margin-top: 50px
}

.m-b-50 {
    margin-bottom: 50px
}

.btn {
    border-radius: 4px !important
}

.btn-primary {
    background-color: #08c;
    border: none
}

.btn-primary:hover {
    background-color: #0099e6
}

.btn-green {
    background-color: #88b541;
    border: none;
    color: #fff
}

.btn-green:hover {
    background-color: #93aa00;
    color: #fff
}

.btn-readmore {
    background-color: #fff;
    color: #08c;
    border: 1px solid #ccc
}

.btn-readmore:hover {
    color: #fff;
    background-color: #08c
}

.btn-grey {
    background-color: #a0a0a0;
    color: #fff
}

.btn-grey:hover {
    background-color: grey;
    color: #fff
}

.btn-offline {
    background-color: #dbdad8;
    color: #878787;
    border: 1px solid #dbdad8
}

.btn-livechat {
    margin-top: 20px !important
}

.btn-huge {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333;
    border-radius: 6px
}

.btn-club {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border: 1px solid #2d2d2d;
    font-size: 18px;
    border-radius: 4px
}

.btn-club:hover {
    background-color: rgba(0, 0, 0, .8)
}

.btn-main {
    padding: 7px 50px 10px 30px;
    color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    background: #08c;
    display: inline-block;
    margin: 0 auto;
    font-family: Open Sans, sans-serif
}

.btn-main:hover {
    color: #fff;
    text-decoration: none
}

.btn-main:before {
    background: url(../images/partners/mid-arrow.png) no-repeat;
    bottom: -32px;
    content: "";
    display: inline-block;
    height: 13px;
    margin: 0 auto;
    position: relative;
    width: 25px;
    left: calc(50% - 12px)
}

.btn-bonuses {
    background-color: #3d3f53;
    color: #fff
}

.btn-bonuses:hover {
    opacity: .8;
    color: #fff
}

.separator, .separator-large, .separator-medium, .separator-small {
    width: 100%;
    display: block;
    background: 0 0
}

.separator-small {
    height: 5px
}

.separator-medium {
    height: 10px
}

.separator-large {
    height: 30px
}

.line-breaker {
    display: block;
    width: 0;
    height: 0
}

ul {
    margin: 0;
    padding: 0
}

li {
    list-style: none
}

a {
    color: #08c
}

b, strong {
    font-family: Open Sans, sans-serif;
    font-weight: 700
}

label {
    color: #000;
    font-weight: 100
}

form .has-error .chosen-container .chosen-drop, form .has-error .chosen-container-single .chosen-single {
    border-color: #a94442
}

form .has-success .chosen-container .chosen-drop, form .has-success .chosen-container-single .chosen-single {
    border-color: #3c763d
}

form .chosen-container-single {
    display: block;
    width: 100% !important
}

form .chosen-container-single .chosen-single {
    border-radius: 4px
}

form .chosen-container-single .chosen-single span {
    color: #555
}

.form-control:focus {
    box-shadow: none
}

.form-control[class*=icon] {
    padding-left: 32px;
    position: relative
}

.form-control[class*=icon]:before {
    position: absolute;
    top: 50%;
    left: 0;
    content: ""
}

.form-control.icon-user:before {
    background-image: url(/static/home/images/common.png);
    background-position: -29px -45px;
    width: 14px;
    height: 14px
}

.form-control.icon-email:before {
    background-image: url(/static/home/images/common.png);
    background-position: 0 -32px;
    width: 17px;
    height: 13px
}

.form-control.icon-mobile:before {
    background-image: url(/static/home/images/common.png);
    background-position: -62px 0;
    width: 10px;
    height: 16px
}

.position-inherit {
    position: inherit
}

.nav-pills > li a:before, .nav-pills > li p:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 8px
}

.nav-pills > li a.live-chat:before, .nav-pills > li p.live-chat:before {
    background-image: url(/static/home/images/common.png);
    background-position: -17px -32px;
    width: 15px;
    height: 13px;
    margin-top: -6.5px
}

.nav-pills > li a.faq_s:before, .nav-pills > li p.faq_s:before {
    background-image: url(/static/home/images/common.png);
    background-position: -32px -16px;
    width: 16px;
    height: 16px;
    margin-top: -8px
}

.nav-pills > li a.metatrader:before, .nav-pills > li p.metatrader:before {
    background-image: url(/static/home/images/common.png);
    background-position: -32px 0;
    width: 17px;
    height: 16px;
    margin-top: -8px
}

.nav-pills > li a.phone_top:before, .nav-pills > li p.phone_top:before {
    background-image: url(/static/home/images/common.png);
    background-position: -62px -16px;
    width: 10px;
    height: 16px;
    margin-top: -8px
}

.nav-pills > li a.vip-club:before, .nav-pills > li p.vip-club:before {
    background-image: url(/static/home/images/common.png);
    background-position: 0 -45px;
    width: 15px;
    height: 14px;
    margin-top: -7px
}

.nav-pills > li a.cabinet:before, .nav-pills > li p.cabinet:before {
    background-image: url(/static/home/images/common.png);
    background-position: -15px -45px;
    width: 14px;
    height: 14px;
    margin-top: -7px
}

.nav-pills #dropdownLanguage + .dropdown-menu {
    width: 300px
}

.nav-pills #dropdownLanguage + .dropdown-menu li {
    width: 50%;
    float: left
}

.nav-pills #dropdownLanguage + .dropdown-menu > li:nth-of-type(odd) {
    border-right: 1px solid #d8d8d8
}

.nav-pills .dropdown.blog > .dropdown-menu {
    transform: translate3d(calc(-100% + 60px), 0, 0)
}

.nav-pills html[lang=ar] .dropdown.blog > .dropdown-menu, .nav-pills html[lang=fa] .dropdown.blog > .dropdown-menu {
    transform: translate3d(calc(100% - 60px), 0, 0)
}

.nav-pills .languages-list {
    position: relative;
    z-index: 200
}

.nav-pills .languages-list.opened > .title:before {
    background-image: url(/static/home/images/common.png);
    background-position: -62px -32px;
    width: 7px;
    height: 5px
}

.nav-pills .languages-list > .title {
    color: #999;
    font-size: .9em;
    padding: 6px 10px 6px 27px;
    display: inline-block;
    margin-left: 15px;
    border-radius: 4px;
    cursor: pointer;
    margin-bottom: 0
}

.nav-pills .languages-list > .title:hover {
    text-decoration: none;
    background-color: #eee
}

.nav-pills .languages-list > .title:focus {
    text-decoration: none;
    background-color: #eee
}

.nav-pills .languages-list > .title:before {
    top: 50%;
    left: 25px;
    position: absolute;
    content: "";
    background-image: url(/static/home/images/common.png);
    background-position: -62px -37px;
    width: 7px;
    height: 5px;
    margin-top: -2.5px
}

.nav-pills .languages-list > ul {
    padding: 10px;
    display: none;
    background-color: #fff;
    position: absolute;
    top: 100%;
    border-top: 5px solid #08c;
    left: 0;
    z-index: 1000;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    border-radius: 4px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175)
}

.nav-pills .languages-list > ul > li {
    text-align: left
}

.nav-pills .languages-list > ul > li > a {
    display: block !important;
    margin-left: 0 !important;
    padding: 5px 0 !important
}

.nav-pills .languages-list > ul > li.flag {
    padding-left: 20px
}

html {
    position: relative;
    min-height: 100%
}

body {
    margin-bottom: 360px
}

html[lang=ar] .site-footer .footer-nav {
    padding-right: 35px;
    padding-left: 105px
}

html[lang=ar] .site-footer .footer-nav > li {
    margin-right: 15px
}

html[lang=ar] .site-footer .footer-nav > li > a {
    border-left: none;
    border-right: 1px dashed #373737
}

html[lang=ar] .site-footer .footer-nav:before {
    left: auto;
    right: 0
}

html[lang=ar] .site-footer .footer-nav:after {
    right: auto;
    left: 0
}

.site-footer {
    width: 100%;
    background-color: #1d1d1d;
    font-size: 14px
}

.site-footer .white {
    color: #c3c3c3;
    font-weight: 600
}

.site-footer .small {
    font-size: 12px
}

.site-footer .copy, .site-footer .copy2 {
    font-size: 14px
}

.site-footer .copy {
    color: grey;
    background-color: #272727;
    padding: 18px 0 15px
}

.site-footer .copy2 {
    color: grey;
    margin-bottom: 20px;
    margin-top: 20px;
}

.site-footer p {
    font-size: 14px
}

.site-footer .footer-nav {
    padding-left: 35px;
    padding-right: 105px;
    margin: 23px 0;
    line-height: 32px;
    word-spacing: -4px;
    position: relative
}

.site-footer .footer-nav > li {
    word-spacing: 0;
    display: inline-block;
    vertical-align: top
}

.site-footer .footer-nav:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    background-image: url(/static/home/images/common.png);
    background-position: 0 0;
    width: 32px;
    height: 32px
}

.site-footer .footer-nav > li:first-child > a {
    border-left: 0
}

.site-footer .footer-nav > li > a {
    font-size: 12px;
    display: block;
    padding: 0 15px;
    border-left: 1px dashed #373737
}

.site-footer .footer-nav:after {
    position: absolute;
    content: "";
    top: 0;
    right: 21px;
    width: 102px;
    height: 32px;
    background: url(../images/main/mastercard-visa.png?3);
    background-repeat: no-repeat;
    background-size: contain
}

.site-footer .subscribe-form {
    display: none;
    padding-left: 50px;
    padding-right: 105px;
    margin: 10px 0;
    line-height: 32px;
    position: relative
}

.site-footer .subscribe-form li {
    display: inline-block;
    vertical-align: top;
    color: #08c;
    font-size: 12px
}

.site-footer .subscribe-form li:hover {
    color: #23527c;
    text-decoration: underline;
    cursor: pointer
}

.site-footer .subscribe-form li a {
    font-size: 12px
}

.site-footer .subscribe-form .subscribe-title, .site-footer .subscribe-form .unsubscribe-title {
    display: none
}

.site-footer .pafti-cert {
    padding-right: 160px;
    position: relative
}


@media (max-width: 768px) {
    .site-footer .pafti-cert {
        padding-right: 0 !important;
        padding-left: 0 !important;
        padding-top: 150px !important
    }

    .site-footer .pafti-cert:after {
        top: -10px !important;
        left: auto !important;
        right: auto !important;
        margin: auto;
        width: 100px;
        height: 100px;
        background-size: contain
    }
}

@media (max-width: 992px) {
    .site-footer .footer-nav > li {
        width: 100%;
        margin-left: 15px
    }

    .site-footer .footer-nav > li:first-child > a {
        border-left: 1px dashed #373737
    }
}

html[lang=ar] .site-footer .pafti-cert, html[lang=fa] .site-footer .pafti-cert {
    padding-right: 0;
    padding-left: 160px
}

html[lang=ar] .site-footer .pafti-cert:after, html[lang=fa] .site-footer .pafti-cert:after {
    left: 0;
    right: auto
}

.site-footer.footer-eu {
    padding-bottom: 70px;
    min-height: 300px
}

@media (max-width: 992px) {
    .site-footer.footer-eu {
        padding-bottom: 90px
    }
}

@media (max-width: 768px) {
    .site-footer.footer-eu {
        padding-bottom: 110px
    }

    .site-footer.footer-eu .pafti-cert {
        padding-top: 0
    }
}

@media (max-width: 580px) {
    .site-footer.footer-eu {
        padding-bottom: 140px
    }
}

.page-header {
    border-top: 5px solid #3b4246;
    border-bottom: 5px solid #cacaca;
    background-color: #1d1d1d;
    margin: 0 0 20px;
    padding: 15px 0
}

.page-header .container {
    overflow: visible
}

.page-header h1 {
    color: #fff;
    font-size: 24px;
    margin: 0 0 -20px;
    font-family: Open Sans, sans-serif;
    font-weight: 300;
    border-bottom: 5px solid #0d84c7;
    display: inline-block;
    padding-bottom: 7px
}

.page-header .breadcrumb {
    margin: 0;
    background-color: transparent;
    padding: 0;
    border-radius: 0
}

.page-header .breadcrumb > li:before {
    color: #fff
}

@media (max-width: 991px) {
    .page-header h1 {
        padding-bottom: 23px
    }

    .page-header .breadcrumb {
        margin: 0;
        background-color: transparent;
        padding: 0;
        font-size: 12px;
        border-radius: 0;
        word-wrap: break-word;
        display: inline-block
    }
}

.section-title {
    text-align: center;
    margin-bottom: 50px
}

.section-title h3 {
    font-size: 36px;
    line-height: 1
}

.section-title p {
    font-size: 18px;
    font-family: Open Sans, sans-serif
}

.ajax-loading-fade {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 5
}

.ajax-loading-fade > div {
    position: absolute;
    background: #fff url(../images/ajax/loader/477_48x50.gif) no-repeat 50% 50%;
    width: 100px;
    height: 100px;
    border-radius: 6px;
    top: 50%;
    left: 50%;
    margin: -50px 0 0 -50px
}

.form-control {
    border-radius: 0
}

.header-phone-link-wrap {
    background: #fff url(../images/icons/common/form-input-mobile.png) no-repeat 0 50%;
    line-height: 30px;
    padding-left: 15px
}

.header-phone-link-wrap .phone-link {
    padding: 0 5px !important;
    margin-left: 0 !important
}

.header-phone-link-wrap.header-whatsapp {
    background: 0 0
}

.header-phone-link-wrap.header-whatsapp:before {
    position: absolute;
    left: 0;
    top: 7px;
    width: 16px;
    height: 16px;
    background: url(../images/support/whatsup.png) no-repeat 0 0/cover;
    content: ""
}

#header {
    position: relative;
    z-index: 100
}

#header .header-body {
    background: #fff;
    border-top: 5px solid #fff;
    border-bottom: 1px solid transparent;
    padding: 8px 0;
    width: 100%;
    z-index: 1001;
    min-height: 125px
}

#header .container {
    position: relative
}

#header .header-container {
    position: relative;
    display: table
}

#header .header-row {
    display: table-row;
    clear: both
}

#header .header-column {
    display: table-cell;
    vertical-align: middle
}

#header .header-column .row {
    margin: 0
}

#header .header-column .header-row {
    display: block;
    clear: right
}

#header .header-column .header-extra-info {
    list-style: outside none none;
    margin: 24px 0 0;
    padding: 0;
    float: right
}

#header .header-column .header-extra-info li {
    display: inline-block;
    margin-left: 25px
}

#header .header-column .header-extra-info li .feature-box small {
    position: relative;
    top: -4px
}

#header .header-column.header-column-valign-top {
    vertical-align: top
}

#header .header-column.header-column-valign-bottom {
    vertical-align: bottom
}

#header .header-column.header-column-center {
    text-align: center
}

#header .header-column.header-column-center .header-logo {
    width: 100% !important;
    padding: 9px 0
}

#header .header-logo {
    position: relative
}

#header .header-logo img {
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    transition: all .2s ease;
    position: relative;
    margin: 15px 15px 15px 0;
    top: 0
}

#header .header-nav-top {
    float: right;
    margin: 8px -2px 2px 10px
}

#header .header-nav-top .nav > li a, #header .header-nav-top .nav > li span {
    color: #999;
    font-size: .9em;
    padding: 6px 10px 6px 27px;
    display: inline-block;
    margin-left: 15px
}

#header .header-nav-top .nav > li a a:focus, #header .header-nav-top .nav > li a a:hover, #header .header-nav-top .nav > li span a:focus, #header .header-nav-top .nav > li span a:hover {
    background: #eee
}

#header .header-nav-top .nav > li a a .fa, #header .header-nav-top .nav > li a a .icons, #header .header-nav-top .nav > li span a .fa, #header .header-nav-top .nav > li span a .icons {
    margin-right: 3px;
    position: relative;
    top: 1px
}

#header .header-nav-top .nav > li a span .fa, #header .header-nav-top .nav > li a span .icons, #header .header-nav-top .nav > li span span .fa, #header .header-nav-top .nav > li span span .icons {
    margin-right: 3px;
    position: relative;
    top: 1px
}

#header .header-nav-top .nav > li.open > .dropdown-menu-toggle {
    border-radius: 4px 4px 0 0
}

#header .header-nav-top .nav > li .cabinet {
    color: #000
}

#header .header-nav-top .nav > li .dropdown-menu li {
    border-bottom: 1px solid #d8d8d8
}

#header .header-nav-top .nav > li .dropdown-menu li:last-of-type {
    border-bottom: none
}

#header .header-nav-top .nav > li .dropdown-menu li a {
    color: grey
}

#header .header-nav-top .dropdown-menu {
    border-color: #eee;
    margin-top: -2px;
    border-radius: 4px 0 4px 4px;
    z-index: 9999;
    padding: 0
}

#header .header-nav-top .dropdown-menu a {
    color: #999;
    padding: 6px 12px !important;
    font-size: .9em;
    margin-left: 0 !important;
    display: block !important
}

#header .header-nav-top .flag {
    margin-right: 6px;
    margin-top: -2px;
    margin-left: 0 !important;
    padding: 5px !important
}

.lite-15year {
    position: absolute;
    top: 35px;
    left: 240px;
    z-index: 9
}

html[lang=ar] .lite-15year, html[lang=fa] .lite-15year {
    left: auto !important;
    right: -20px !important
}

html:not(.boxed) #header.header-full-width .header-container {
    width: 100%
}

html #header.header-transparent {
    min-height: 0 !important;
    width: 100%;
    position: absolute
}

html #header.header-transparent .header-body {
    position: relative;
    top: 0;
    background: 0 0;
    border-top: 0;
    border-bottom: 0;
    box-shadow: none
}

html #header.header-transparent .header-body:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #fff;
    opacity: 0;
    border-bottom: 1px solid #f1f1f1;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

html.sticky-header-enabled #header.header-transparent .header-body {
    position: fixed
}

html.sticky-header-active #header.header-transparent .header-body {
    border-bottom: 0;
    box-shadow: none
}

html.sticky-header-active #header.header-transparent .header-body:before {
    opacity: 1
}

html #header.header-semi-transparent, html #header.header-semi-transparent-light {
    min-height: 0 !important;
    width: 100%;
    position: absolute
}

html #header.header-semi-transparent .header-body, html #header.header-semi-transparent-light .header-body {
    position: relative;
    top: 0;
    background: 0 0;
    border-top: 0;
    border-bottom: 0;
    box-shadow: none
}

html #header.header-semi-transparent .header-body:before, html #header.header-semi-transparent-light .header-body:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #000;
    border-bottom: 0;
    opacity: .3;
    -webkit-transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    -webkit-perspective: 1000
}

html.sticky-header-enabled #header.header-semi-transparent .header-body {
    position: fixed
}

html.sticky-header-active #header.header-semi-transparent .header-body {
    border-bottom: 0;
    box-shadow: none
}

html.sticky-header-active #header.header-semi-transparent .header-body:before {
    opacity: .8
}

html #header.header-semi-transparent-light .header-body:before {
    opacity: .1;
    background: #fff
}

html.sticky-header-enabled #header.header-semi-transparent-light .header-body {
    position: fixed
}

html.sticky-header-active #header.header-semi-transparent-light .header-body {
    border-bottom: 0;
    box-shadow: none
}

html.sticky-header-active #header.header-semi-transparent-light .header-body:before {
    border-bottom: 1px solid #f1f1f1;
    opacity: .9
}

html #header.header-transparent-bottom-border .header-body {
    border-bottom: 1px solid rgba(255, 255, 255, .2)
}

html.sticky-header-active #header .header-body {
    position: fixed;
    border-bottom-color: #e9e9e9;
    box-shadow: 0 0 3px rgba(0, 0, 0, .1)
}

html:not(.sticky-header-active) #header.header-transparent-sticky-deactive .header-body:before {
    background: 0 0 !important
}

@media (min-width: 992px) {
    #header .header-nav-main {
        min-width: 720px;
        margin: 0;
        min-height: 45px;
        float: right
    }

    #header .header-nav-main #menu {
        float: right
    }

    #header .header-nav-main nav > ul > li > a {
        border-radius: 4px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        padding: 30px 6px 23px;
        color: #08c;
        text-transform: uppercase;
        font-family: Open Sans, sans-serif;
        font-size: 11px
    }

    #header .header-nav-main nav > ul > li > a:focus, #header .header-nav-main nav > ul > li > a:hover {
        background: 0 0
    }

    #header .header-nav-main nav > ul > li > a.dropdown-toggle {
        padding-right: 23px
    }

    #header .header-nav-main nav > ul > li > a.dropdown-toggle .fa-caret-down {
        display: none
    }

    #header .header-nav-main nav > ul > li > a.dropdown-toggle:after {
        position: absolute;
        font-family: FontAwesome, sans-serif;
        content: "\f0d7";
        font-size: 10px;
        top: 9px;
        right: 11px
    }

    #header .header-nav-main nav > ul > li a.active, #header .header-nav-main nav > ul > li.open > a, #header .header-nav-main nav > ul > li:hover > a {
        background: #08c !important;
        color: #fff
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
        top: -10000px;
        display: block;
        opacity: 0;
        left: auto;
        border-radius: 0 0 4px 4px !important;
        border: 0;
        border-top: 5px solid #08c;
        box-shadow: 0 2px 21px rgba(0, 0, 0, .38);
        margin: -3px 0 0 0;
        min-width: 300px;
        overflow: hidden;
        padding: 0;
        text-align: left
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li {
        padding: 0;
        line-height: 13px
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:hover {
        background-color: #f5f5f5
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a {
        color: #08c;
        font-size: 15px;
        background: 0 0 !important;
        font-weight: 400;
        padding: 5px 20px;
        position: relative;
        text-transform: none
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a span {
        font-size: 12px;
        display: block;
        line-height: 1.1;
        color: grey;
        white-space: normal
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu {
        position: relative
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu a .fa-caret-down {
        display: none
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu a:after {
        border-color: transparent transparent transparent #ccc;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        content: " ";
        display: block;
        float: right;
        height: 0;
        margin-right: -10px;
        margin-top: 5px;
        position: absolute;
        right: 15px;
        top: 8px;
        width: 0
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu a .dropdown-menu {
        display: block;
        left: 100%;
        margin-top: -10px;
        margin-left: -1px;
        border-radius: 4px;
        opacity: 0
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li.dropdown-submenu:hover > .dropdown-menu {
        top: 0;
        opacity: 1
    }

    #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li:last-child a {
        border-bottom: 0
    }

    #header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a {
        padding-bottom: 23px
    }

    #header .header-nav-main nav > ul > li.dropdown.open > .dropdown-menu, #header .header-nav-main nav > ul > li.dropdown:hover > .dropdown-menu {
        top: auto;
        display: block;
        opacity: 1
    }

    #header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li a {
        padding-right: 8px;
        padding-left: 20px
    }

    #header .header-nav-main nav > ul > li.dropdown-reverse .dropdown-menu li.dropdown-submenu > a:after {
        left: 8px;
        border-width: 5px 5px 5px 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega {
        position: static;
        margin-left: 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu {
        border-radius: 4px;
        left: 0;
        right: 0;
        width: auto
    }

    #header .header-nav-main nav > ul > li.dropdown-mega > .dropdown-menu > li {
        background: 0 0 !important;
        padding: 0 !important
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content {
        padding: 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container {
        position: relative;
        width: 33.33333%;
        display: table-cell;
        padding: 0;
        border-right: 1px solid #d5d5d5
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container:last-child {
        border-right: 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container li {
        line-height: 18px
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container a.dropdown-mega-sub-title, #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container p.dropdown-mega-sub-title {
        padding: 3px 20px;
        margin: 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container .sub-container {
        border-bottom: 1px solid #d5d5d5;
        padding: 8px 0 5px 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container .sub-container:last-child {
        border-bottom: 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title {
        color: #333 !important;
        display: block !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        margin-top: 20px;
        padding-bottom: 5px !important;
        text-transform: uppercase !important
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-title:first-child {
        margin-top: 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav {
        list-style: none;
        padding: 0;
        margin: 0
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li > a {
        border: 0 none;
        border-radius: 4px;
        color: #08c;
        padding: 3px 20px;
        display: block;
        font-size: 15px;
        font-weight: 400;
        text-shadow: none;
        text-transform: none;
        text-decoration: none
    }

    #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-sub-nav > li:hover > a {
        background: #f4f4f4
    }

    #header .header-nav-main.header-nav-main-square {
        margin-bottom: -9px;
        position: relative
    }

    #header .header-nav-main.header-nav-main-square nav > ul > li > a {
        border-radius: 0
    }

    #header .header-nav-main.header-nav-main-square nav > ul > li.dropdown .dropdown-menu {
        margin-top: 0
    }

    #header .header-nav-main {
        display: block !important;
        height: auto !important
    }

    #header .header-nav-bar {
        background: #f4f4f4;
        padding: 0 10px 5px;
        margin-bottom: 0
    }

    #header .header-nav-bar .header-nav-main {
        float: left;
        margin-bottom: 0
    }
}

@media (max-width: 991px) {
    #header .header-container, #header .header-row {
        display: block
    }

    #header .header-column {
        display: block
    }

    #header .header-column .header-row {
        display: block
    }

    #header.header-mobile-nav-only .header-logo {
        float: none
    }

    #header.header-mobile-nav-only .header-nav {
        margin-top: -35px
    }

    html.sticky-header-negative.sticky-header-active #header .header-logo {
        padding-top: 7px
    }
}

a.dropdown-toggle {
    color: #000
}

.pagination > li a {
    color: #08c;
    padding: 6px 10px
}

.pagination .active a {
    background-color: #08c !important;
    border-color: #08c;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, .25)
}

.pagination .active a[disabled] {
    border-color: #3bf;
    background-color: #3bf
}

#dropdownLanguage {
    padding-left: 8px !important
}

blockquote {
    font-size: 1em;
    border-left: 5px solid #08c;
    border-radius: 6px;
    border-top: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #ececec;
    box-shadow: 0 5px 5px 3px rgba(0, 0, 0, .04);
    padding: 15px 20px
}

.site-content p {
    color: grey
}

.site-content p.featured {
    font-size: 1.6em;
    line-height: 1.5em
}

.site-content p.short {
    margin-bottom: 0
}

.site-content p.tall {
    margin-bottom: 20px
}

.site-content p.taller {
    margin-bottom: 40px
}

.site-content p .alternative-font {
    display: inline-block;
    margin-top: -15px;
    position: relative;
    top: 3px;
    margin-bottom: -6px
}

hr {
    background-image: -webkit-linear-gradient(left, transparent, #dbdbdb, transparent);
    background-image: linear-gradient(to right, transparent, #dbdbdb, transparent);
    border: 0;
    height: 1px;
    margin: 22px 0
}

hr.short {
    margin: 11px 0
}

hr.tall {
    margin: 44px 0
}

hr.taller {
    margin: 66px 0
}

hr.solid {
    background: #dbdbdb
}

hr.light {
    background-image: -webkit-linear-gradient(left, transparent, rgba(255, 255, 255, .15), transparent);
    background-image: linear-gradient(to right, transparent, rgba(255, 255, 255, .15), transparent)
}

hr.invisible {
    background: 0 0
}

.divider.dashed, hr.dashed {
    background: 0 0;
    position: relative
}

.divider.dashed:after, hr.dashed:after {
    border-top: 1px dashed #dbdbdb;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    width: 100%
}

.divider.pattern, hr.pattern {
    background: 0 0;
    position: relative
}

dl dd {
    margin-bottom: 15px
}

html .scroll-to-top {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: #404040;
    border-radius: 7px 7px 0 0;
    bottom: 0;
    color: #fff;
    display: block;
    height: 9px;
    opacity: 0;
    padding: 13px 10px 35px;
    position: fixed;
    right: 10px;
    text-align: center;
    text-decoration: none;
    min-width: 49px;
    z-index: 1040
}

html .scroll-to-top:hover {
    opacity: 1
}

html .scroll-to-top.visible {
    opacity: .75
}

html .scroll-to-top span {
    display: inline-block;
    padding: 0 5px
}

html.ie11 .scroll-to-top {
    right: 25px
}

@media (max-width: 991px) {
    html .scroll-to-top.hidden-mobile {
        display: none !important
    }
}

table > thead > tr > th, td {
    vertical-align: middle;
    font-weight: 700;
    border-bottom: 2px solid #ddd
}

table > tbody > tr > th, td {
    vertical-align: middle;
    border-bottom: 1px solid #ddd;
    padding: 5px 15px
}

table > tbody > tr:nth-of-type(odd) {
    background-color: #f9f9f9
}

.thumb-info {
    display: block;
    position: relative;
    text-decoration: none;
    max-width: 100%;
    border-radius: 0;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.thumb-info .thumb-info-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    border-radius: 0;
    overflow: hidden;
    display: block;
    position: relative
}

.thumb-info .thumb-info-wrapper:after {
    content: "";
    background: rgba(23, 23, 23, .4);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    border-radius: 0;
    bottom: -4px;
    color: #fff;
    left: -4px;
    position: absolute;
    right: -4px;
    top: -4px;
    display: block;
    opacity: 0;
    z-index: 1
}

.thumb-info .thumb-info-action-icon {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: #08c;
    border-radius: 0 0 0 25px;
    display: inline-block;
    font-size: 25px;
    height: 50px;
    line-height: 50px;
    position: absolute;
    right: -100px;
    text-align: center;
    top: -100px;
    width: 50px;
    z-index: 2
}

.thumb-info .thumb-info-action-icon i {
    font-size: 24px;
    left: 3px;
    position: relative;
    top: -4px;
    color: #fff
}

.thumb-info .thumb-info-inner {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: block
}

.thumb-info .thumb-info-inner em {
    display: block;
    font-size: .8em;
    font-style: normal;
    font-weight: 400
}

.thumb-info .thumb-info-title {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: rgba(23, 23, 23, .8);
    bottom: 10%;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    left: 0;
    padding: 9px 11px 9px;
    position: absolute;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    z-index: 2;
    max-width: 90%
}

.thumb-info .thumb-info-type {
    background-color: #ccc;
    border-radius: 2px;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-weight: 400;
    margin: 8px -2px -15px -2px;
    padding: 2px 9px;
    text-transform: none;
    z-index: 2
}

.thumb-info .owl-carousel {
    z-index: auto
}

.thumb-info .owl-carousel .owl-dots {
    z-index: 2
}

.thumb-info img {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    position: relative;
    width: 100%
}

.thumb-info:hover .thumb-info-wrapper:after {
    opacity: 1
}

.thumb-info:hover .thumb-info-action-icon {
    right: 0;
    top: 0
}

.thumb-info:hover .thumb-info-title {
    background: #000
}

.thumb-info:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

.thumb-info.thumb-info-no-zoom:hover img {
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -ms-transform: scale(1, 1);
    -o-transform: scale(1, 1);
    transform: scale(1, 1)
}

.thumb-info.thumb-info-lighten .thumb-info-wrapper:after {
    background: rgba(23, 23, 23, .25)
}

.thumb-info.thumb-info-hide-wrapper-bg .thumb-info-wrapper:after {
    display: none
}

.thumb-info.thumb-info-centered-icons .thumb-info-action {
    -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transform: translate3d(0, -10px, 0);
    top: 50%;
    left: 3px;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 40px;
    margin-top: -20px;
    text-align: center;
    position: absolute;
    opacity: 0;
    z-index: 2
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon {
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease;
    position: relative;
    z-index: 2;
    left: auto;
    right: auto;
    top: auto;
    bottom: auto;
    width: 40px;
    height: 40px;
    line-height: 33px;
    border-radius: 50%;
    margin-right: 3px
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon i {
    position: static;
    font-size: 18px
}

.thumb-info.thumb-info-centered-icons .thumb-info-action-icon:hover {
    -webkit-transform: scale(1.15, 1.15);
    -moz-transform: scale(1.15, 1.15);
    -ms-transform: scale(1.15, 1.15);
    -o-transform: scale(1.15, 1.15);
    transform: scale(1.15, 1.15)
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.thumb-info:hover.thumb-info-centered-icons .thumb-info-action-icon {
    position: relative
}

.thumb-info.thumb-info-centered-info .thumb-info-title {
    background: 0 0;
    left: 5%;
    width: 90%;
    -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transform: translate(0, -30%);
    top: 50%;
    bottom: auto;
    opacity: 0;
    text-align: center;
    padding: 0;
    position: absolute
}

.thumb-info.thumb-info-centered-info .thumb-info-type {
    float: none
}

.thumb-info.thumb-info-centered-info:hover .thumb-info-title {
    opacity: 1;
    transform: translate(0, -50%)
}

.thumb-info.thumb-info-bottom-info .thumb-info-title {
    background: #fff;
    left: 0;
    width: 100%;
    max-width: 100%;
    -webkit-transition: -webkit-transform .2s ease-out, opacity .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out, opacity .2s ease-out;
    transition: transform .2s ease-out, opacity .2s ease-out;
    transform: translate3d(0, 100px, 0);
    top: auto;
    bottom: 0;
    opacity: 0;
    padding: 15px;
    text-shadow: none;
    color: #777
}

.thumb-info.thumb-info-bottom-info .thumb-info-type {
    float: none;
    background: 0 0;
    padding: 0;
    margin: 0
}

.thumb-info.thumb-info-bottom-info:hover .thumb-info-title {
    transform: translate3d(0, 0, 0);
    opacity: 1
}

.thumb-info.thumb-info-bottom-info:hover img {
    -webkit-transform: translateY(-18px);
    -moz-transform: translateY(-18px);
    -ms-transform: translateY(-18px);
    -o-transform: translateY(-18px);
    transform: translateY(-18px)
}

.thumb-info.thumb-info-bottom-info-dark .thumb-info-title {
    background: -webkit-linear-gradient(bottom, rgba(23, 23, 23, .8) 0, transparent 100%) repeat scroll 0 0 transparent;
    background: linear-gradient(to top, rgba(23, 23, 23, .8) 0, transparent 100%) repeat scroll 0 0 transparent;
    color: #fff
}

.select2-container--krajee .select2-selection {
    border-radius: 0
}

.waves-effect {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    vertical-align: middle;
    z-index: 1;
    will-change: opacity, transform;
    transition: all .3s ease-out
}

.waves-effect .waves-ripple {
    position: absolute;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    margin-left: -10px;
    opacity: 0;
    z-index: 10;
    background: rgba(0, 0, 0, .2);
    transition: all .7s ease-out;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -o-transition-property: -o-transform, opacity;
    transition-property: transform, opacity;
    transform: scale(0);
    pointer-events: none
}

.waves-effect.waves-light .waves-ripple {
    background-color: rgba(255, 255, 255, .45)
}

.waves-effect.waves-red .waves-ripple {
    background-color: rgba(244, 67, 54, .7)
}

.waves-effect.waves-yellow .waves-ripple {
    background-color: rgba(255, 235, 59, .7)
}

.waves-effect.waves-orange .waves-ripple {
    background-color: rgba(255, 152, 0, .7)
}

.waves-effect.waves-purple .waves-ripple {
    background-color: rgba(156, 39, 176, .7)
}

.waves-effect.waves-green .waves-ripple {
    background-color: rgba(76, 175, 80, .7)
}

.waves-effect.waves-teal .waves-ripple {
    background-color: rgba(0, 150, 136, .7)
}

.waves-effect.waves-blue .waves-ripple {
    background-color: rgba(0, 136, 204, .7)
}

.waves-notransition {
    transition: none !important
}

.waves-circle {
    transform: translateZ(0);
    -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%)
}

.waves-input-wrapper {
    border-radius: .2em;
    vertical-align: bottom
}

.waves-input-wrapper .waves-button-input {
    position: relative;
    top: 0;
    left: 0;
    z-index: 1
}

.waves-circle {
    text-align: center;
    width: 2.5em;
    height: 2.5em;
    line-height: 2.5em;
    border-radius: 50%;
    -webkit-mask-image: none
}

.waves-block {
    display: block
}

a.waves-effect .waves-ripple {
    z-index: -1
}

.lfh {
    background-color: #ff0 !important;
    color: purple !important
}

.cookie {
    position: fixed;
    opacity: 0;
    bottom: 0;
    width: 100%;
    background: rgba(0, 136, 204, .93);
    z-index: 9998;
    padding: 20px 0
}

.cookie p {
    color: #fff;
    margin-bottom: 0
}

.cookie a {
    background-color: #23262b !important
}

.risk {
    font-size: 14px !important
}

.risk.center {
    text-align: center;
    display: block;
    margin-top: 10px
}

.align-center {
    text-align: center
}

.blue-warn-text {
    font-size: larger;
    padding-left: 32px;
    background: url(../images/main/warning.png) no-repeat 0 50%;
    margin-left: auto !important;
    margin-right: auto !important;
    display: table !important
}

.alert-warning.blue-warn-text {
    background-color: #fcf8e3 !important;
    background-position: 10px 50% !important;
    padding-left: 50px !important
}

.risk-footer p strong {
    font-weight: 400 !important
}

@media (max-width: 991px) {
    .header-nav-top {
        display: none
    }
}

@media (max-width: 500px) {
    .header-nav-mobile {
        display: block !important;
        float: left !important;
        margin: 0 !important
    }

    .header-nav-mobile li {
        display: none
    }

    .header-nav-mobile li.header-phone-link-wrap {
        display: block
    }
}

.header-logo {
    min-height: 99px
}

@media (min-width: 991px) and (max-width: 1200px) {
    #header .header-nav-main nav > ul > li > a {
        padding: 30px 4px 23px
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {
    .header-nav-main nav > ul > li.dropdown .dropdown-menu li a span {
        display: none !important
    }
}

.modal-header {
    padding: 0;
    border: 0
}

.modal-header .close {
    font-size: 44px;
    color: #fff;
    position: absolute;
    opacity: 1;
    z-index: 10000;
    right: -22px;
    border-radius: 100%;
    top: -24px;
    width: 45px;
    height: 47px;
    margin-top: 0;
    margin-right: 0;
    display: block;
    background-color: #08c
}

.modal-content {
    border: 4px solid #fff;
    border-radius: 4px;
    background: #f9f9f9;
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, .5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, .5)
}

.modal-content .modal-body {
    padding: 0
}

.modal-content .modal-body .modal-body-content {
    padding: 15px
}

.modal-backdrop.in {
    opacity: .4
}

@media (min-width: 768px) {
    .modal-dialog {
        margin: 120px auto
    }
}

@media (max-width: 768px) {
    .modal-dialog {
        margin: 50px auto;
        padding: 0 10px
    }
}

@media (max-width: 991px) {
    .modal-header .close {
        right: -10px
    }
}

html[lang=ar] .nav-pills > li, html[lang=fa] .nav-pills > li {
    float: right
}

html[lang=ar] .mobile-menu-link, html[lang=fa] .mobile-menu-link {
    left: 20px;
    right: auto
}

@media (min-width: 992px) {
    html[lang=ar] #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container:last-child, html[lang=fa] #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container:last-child {
        border-right: 1px solid #d5d5d5
    }
}

html[lang=ar] .select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__arrow, html[lang=fa] .select2-container--krajee[dir=rtl] .select2-selection--single .select2-selection__arrow {
    display: none
}

html[lang=ar] .intl-tel-input .selected-flag .iti-flag, html[lang=fa] .intl-tel-input .selected-flag .iti-flag {
    left: 5px
}

html[lang=ar] .main .forex-block article .content, html[lang=fa] .main .forex-block article .content {
    padding-left: 0;
    padding-right: 30px
}

html[lang=ar] .main .forex-block .forex-articles, html[lang=ar] .main .forex-block .forex-tutorial, html[lang=ar] .main .forex-block .individual-training, html[lang=fa] .main .forex-block .forex-articles, html[lang=fa] .main .forex-block .forex-tutorial, html[lang=fa] .main .forex-block .individual-training {
    padding-left: auto;
    padding-right: 54px
}

html[lang=ar] .main .forex-block .forex-articles:before, html[lang=ar] .main .forex-block .forex-tutorial:before, html[lang=ar] .main .forex-block .individual-training:before, html[lang=fa] .main .forex-block .forex-articles:before, html[lang=fa] .main .forex-block .forex-tutorial:before, html[lang=fa] .main .forex-block .individual-training:before {
    left: auto;
    right: 0
}

@media (max-width: 767px) {
    body {
        font-size: 13px
    }

    .nav-tabs > li {
        display: block;
        width: 100%;
        margin-bottom: 0
    }

    p {
        font-size: 13px
    }

    h1.big {
        font-size: 3.2em;
        line-height: 42px
    }

    h1 {
        font-size: 25px;
        line-height: 25px;
        margin: 0 0 17px 0
    }

    h2 {
        font-size: 23px;
        font-weight: 300;
        line-height: 23px;
        margin: 0 0 17px 0
    }

    h3 {
        font-size: 20px;
        font-weight: 200;
        line-height: 20px;
        margin-bottom: 17px
    }

    .section-title h3 {
        font-size: 20px
    }

    .table-responsive > .table > tbody > tr > td, .table-responsive > .table > tbody > tr > th, .table-responsive > .table > tfoot > tr > td, .table-responsive > .table > tfoot > tr > th, .table-responsive > .table > thead > tr > td, .table-responsive > .table > thead > tr > th {
        white-space: normal !important
    }
}

#header .header-nav-top .nav > li .register__on-top {
    padding: 6px 10px 6px 10px;
    color: #fff
}

#header .header-nav-top .nav > li .register__on-top:focus, #header .header-nav-top .nav > li .register__on-top:hover {
    background-color: #0099e6
}

.only_us_menu {
    color: #d53a9c !important
}

#header .header-nav-main nav > ul > li.dropdown li a {
    border-radius: 0 !important
}

#header .header-nav-main nav > ul > li.dropdown li a.active {
    background: #dcdcdc !important
}

.lf-menu {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    box-sizing: border-box;
    border-top: 5px solid #000
}

.lf-panels {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    box-sizing: border-box
}

.lf-panels > .lf-panel {
    margin: 0;
    left: 0;
    right: 0;
    top: 0;
    z-index: 0;
    box-sizing: border-box
}

.lf-btn, .lf-menu {
    box-sizing: border-box
}

.lf-listview a, .lf-navbar a {
    text-decoration: none
}

.lf-listview a:hover, .lf-navbar a:hover {
    text-decoration: none
}

.lf-listview .lf-next:before, .lf-listview > li:not(.lf-divider):after {
    content: "";
    bottom: 0
}

.lf-next:after, .lf-prev:before {
    content: "";
    bottom: 0
}

.lf-hidden {
    display: none !important
}

.lf-menu, .lf-panels > .lf-panel:not(.lf-hidden) {
    display: block
}

.lf-wrapper {
    overflow-x: hidden;
    position: relative
}

.lf-menu {
    padding: 0;
    position: absolute;
    bottom: 0
}

.lf-panels {
    background: inherit;
    border-color: inherit;
    position: absolute;
    bottom: 0
}

.lf-panels > .lf-panel {
    background: inherit;
    border-color: inherit;
    position: absolute;
    bottom: 0
}

.lf-btn, .lf-panel.lf-highest {
    z-index: 1
}

.lf-panels {
    overflow: hidden
}

.lf-panel {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lf-panel.lf-opened {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lf-panel.lf-subopened {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

.lf-panels > .lf-panel {
    -webkit-overflow-scrolling: touch;
    overflow: scroll;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0 20px
}

.lf-listview .lf-divider {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.lf-listview a, .lf-listview span {
    text-overflow: ellipsis;
    white-space: normal;
    overflow: hidden
}

.lf-navbar .lf-title {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden
}

.lf-panels > .lf-panel.lf-hasnavbar {
    padding-top: 40px;
    border-left: 1px solid #d8d8d5
}

.lf-vertical .lf-panel {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important
}

.lf-listview .lf-vertical .lf-panel, .lf-vertical .lf-listview .lf-panel {
    display: none;
    padding: 10px 0 10px 10px
}

.lf-listview .lf-vertical .lf-panel .lf-listview > li:last-child:after {
    border-color: transparent
}

.lf-vertical .lf-listview .lf-panel .lf-listview > li:last-child:after {
    border-color: transparent
}

.lf-vertical li.lf-opened > .lf-panel {
    display: block
}

li.lf-vertical.lf-opened > .lf-panel {
    display: block
}

.lf-listview > li.lf-vertical > .lf-next, .lf-vertical .lf-listview > li > .lf-next {
    height: 40px;
    bottom: auto
}

.lf-listview > li.lf-vertical > .lf-next:after, .lf-vertical .lf-listview > li > .lf-next:after {
    top: 16px;
    bottom: auto
}

.lf-listview > li.lf-vertical.lf-opened > .lf-next:after, .lf-vertical .lf-listview > li.lf-opened > .lf-next:after {
    -webkit-transform: rotate(225deg);
    -ms-transform: rotate(225deg);
    transform: rotate(225deg);
    right: 19px
}

.lf-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0
}

.lf-clear:after, .lf-clear:before {
    content: "";
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lf-close:after, .lf-close:before {
    content: "";
    border: 2px solid transparent;
    display: block;
    width: 5px;
    height: 5px;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.lf-clear:before, .lf-close:before {
    border-right: none;
    border-bottom: none;
    right: 18px
}

.lf-clear:after, .lf-close:after {
    border-left: none;
    border-top: none;
    right: 25px
}

.lf-next:after {
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0
}

.lf-prev:before {
    border-top: 2px solid transparent;
    border-left: 2px solid transparent;
    display: block;
    width: 8px;
    height: 8px;
    margin: auto;
    position: absolute;
    top: 0;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 23px;
    right: auto
}

.lf-next:after {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    right: 23px;
    left: auto
}

.lf-navbar {
    border-bottom: 1px solid;
    border-color: inherit;
    text-align: center;
    line-height: 20px;
    height: 40px;
    padding: 0 20px;
    margin: 0;
    position: absolute;
    top: 0;
    left: 0;
    right: 0
}

.lf-navbar > a {
    display: inline-block;
    font-size: 20px
}

.lf-navbar > * {
    display: block;
    padding: 10px 0
}

.lf-navbar .lf-btn:first-child {
    left: 0
}

.lf-navbar .lf-btn:last-child {
    text-align: right;
    right: 0
}

.lf-panel .lf-navbar {
    display: none
}

.lf-panel.lf-hasnavbar .lf-navbar {
    display: block
}

.lf-listview {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    font: inherit;
    font-size: 14px;
    line-height: 20px
}

.lf-listview > li {
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    position: relative;
    border-color: inherit
}

.lf-listview > li .lf-next {
    border-color: inherit
}

.lf-listview > li .lf-next:before {
    border-color: inherit
}

.lf-listview > li:after {
    border-color: inherit
}

.lf-listview > li a, .lf-listview > li span {
    color: inherit;
    padding: 10px 10px 10px 20px;
    display: block;
    margin: 0
}

.lf-listview > li span {
    padding: 0;
    color: rgba(0, 0, 0, .3);
    background-color: transparent !important;
    font-size: 12px
}

.lf-listview > li:not(.lf-divider):after {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    display: block;
    position: absolute;
    right: 0;
    left: 20px
}

.lf-listview .lf-next {
    background: rgba(3, 2, 1, 0);
    width: 50px;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 2
}

.lf-listview .lf-next:before {
    border-left-width: 1px;
    border-left-style: solid;
    display: block;
    position: absolute;
    top: 0;
    left: 0
}

.lf-listview .lf-next span, .lf-listview .lf-next + a {
    margin-right: 50px
}

.lf-listview .lf-next.lf-fullsubopen {
    width: 100%
}

.lf-listview .lf-next.lf-fullsubopen:before {
    border-left: none
}

.lf-listview .lf-next.lf-fullsubopen span, .lf-listview .lf-next.lf-fullsubopen + a {
    padding-right: 50px;
    margin-right: 0
}

.lf-listview {
    margin: 0 -20px
}

.lf-listview:first-child {
    margin-top: -20px
}

.lf-listview .lf-navbar + .lf-listview {
    margin-top: -20px
}

.lf-listview .lf-inset {
    list-style: disc inside;
    padding: 0 10px 15px 40px;
    margin: 0
}

.lf-listview .lf-inset > li {
    padding: 5px 0
}

.lf-listview .lf-divider {
    font-size: 10px;
    text-transform: uppercase;
    text-indent: 20px;
    line-height: 25px
}

.lf-listview .lf-spacer {
    padding-top: 40px
}

.lf-listview .lf-spacer > .lf-next {
    top: 40px
}

.lf-listview .lf-spacer.lf-divider {
    padding-top: 25px
}

.lf-menu {
    background: #f3f3f3;
    border-color: rgba(0, 0, 0, .1);
    border-top: 5px solid #000;
    color: rgba(0, 0, 0, .75)
}

.lf-menu .lf-navbar a, .lf-menu .lf-navbar > * {
    color: rgba(0, 0, 0, .3)
}

.lf-menu .lf-btn:after, .lf-menu .lf-btn:before {
    border-color: rgba(0, 0, 0, .3)
}

.lf-menu .lf-listview {
    border-color: rgba(0, 0, 0, .1)
}

.lf-menu .lf-listview > li .lf-next:after {
    border-color: rgba(0, 0, 0, .3)
}

.lf-menu .lf-listview > li a:not(.lf-next) {
    background: rgba(255, 255, 255, .5)
}

.lf-menu .lf-listview > li a:not(.lf-next), .lf-menu .lf-listview > li span {
    background: rgba(255, 255, 255, .5)
}

.lf-menu .lf-divider {
    background: rgba(0, 0, 0, .05)
}

.lf-menu .lf-panel {
    background: #efefec
}

.lf-menu a.lf-next {
    background: rgba(3, 2, 1, 0)
}

.lf-menu .lf-panel {
    background: #efefec
}

.lf-menu a.lf-next {
    background: rgba(3, 2, 1, 0)
}

.lf-page {
    box-sizing: border-box;
    position: relative
}

.lf-slideout {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

html.lf-opened {
    overflow-x: hidden;
    position: relative
}

html.lf-blocking {
    overflow: hidden
}

html.lf-blocking body {
    overflow: hidden
}

html.lf-background .lf-page {
    background: inherit
}

#lf-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

html.lf-blocking #lf-blocker {
    display: block
}

.lf-menu.lf-offcanvas {
    z-index: 5;
    display: none;
    position: fixed;
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

.lf-menu.lf-offcanvas.lf-current {
    display: block
}

.lf-menu.lf-offcanvas.lf-no-csstransforms.lf-current.lf-opened {
    z-index: 10
}

html.lf-opening .lf-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-opening .lf-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.lf-opening .lf-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.lf-page {
    box-sizing: border-box;
    position: relative
}

html.lf-opened {
    overflow-x: hidden;
    position: relative
}

html.lf-blocking {
    overflow: hidden
}

html.lf-blocking body {
    overflow: hidden
}

html.lf-background .lf-page {
    background: inherit
}

#lf-blocker {
    background: rgba(3, 2, 1, 0);
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2
}

html.lf-blocking #lf-blocker {
    display: block
}

.lf-menu.lf-offcanvas {
    z-index: 0;
    display: none;
    position: fixed;
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

.lf-menu.lf-offcanvas.lf-current {
    display: block
}

.lf-menu.lf-offcanvas.lf-no-csstransforms.lf-current.lf-opened {
    z-index: 10
}

html.lf-opening .lf-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-opening .lf-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.lf-opening .lf-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

.lf-navbar-bottom, .lf-navbar-top ~ .lf-navbar-top {
    border-bottom: none
}

.lf-menu > .lf-navbar {
    background: inherit;
    padding: 0;
    z-index: 3;
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lf-navbar-bottom {
    border-top-width: 1px;
    border-top-style: solid;
    top: auto;
    bottom: 0
}

.lf-navbar-bottom ~ .lf-navbar-bottom {
    border-top: none
}

.lf-navbar.lf-hasbtns {
    padding: 0 40px
}

.lf-navbar[class*=lf-navbar-content-] > * {
    box-sizing: border-box;
    display: block;
    float: left
}

.lf-navbar .lf-breadcrumbs {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-x: auto;
    text-align: left;
    padding: 0 0 0 17px
}

.lf-navbar .lf-breadcrumbs * {
    display: inline-block;
    padding: 10px 3px
}

.lf-navbar .lf-breadcrumbs * a {
    text-decoration: underline
}

.lf-navbar.lf-hasbtns .lf-breadcrumbs {
    margin-left: -40px
}

.lf-navbar.lf-hasbtns .lf-btn:not(.lf-hidden) + .lf-breadcrumbs {
    margin-left: 0;
    padding-left: 0
}

.lf-navbar-top-1 {
    top: 0
}

.lf-hasnavbar-top-1 .lf-panels, .lf-navbar-top-2 {
    top: 40px
}

.lf-hasnavbar-top-2 .lf-panels, .lf-navbar-top-3 {
    top: 80px
}

.lf-hasnavbar-top-3 .lf-panels, .lf-navbar-top-4 {
    top: 120px
}

.lf-hasnavbar-top-4 .lf-panels {
    top: 160px
}

.lf-navbar-bottom-1 {
    bottom: 0
}

.lf-hasnavbar-bottom-1 .lf-panels, .lf-navbar-bottom-2 {
    bottom: 40px
}

.lf-hasnavbar-bottom-2 .lf-panels, .lf-navbar-bottom-3 {
    bottom: 80px
}

.lf-hasnavbar-bottom-3 .lf-panels, .lf-navbar-bottom-4 {
    bottom: 120px
}

.lf-hasnavbar-bottom-4 .lf-panels {
    bottom: 160px
}

.lf-navbar-size-2 {
    height: 80px
}

.lf-navbar-size-3 {
    height: 120px
}

.lf-navbar-size-4 {
    height: 160px
}

.lf-navbar-content-2 > * {
    width: 50%
}

.lf-navbar-content-3 > * {
    width: 33.33%
}

.lf-navbar-content-4 > * {
    width: 25%
}

.lf-navbar-content-5 > * {
    width: 20%
}

.lf-navbar-content-6 > * {
    width: 16.67%
}

html.lf-right.lf-opening.lf-columns-0 .lf-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-right.lf-opening.lf-columns-0 .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 0px) {
    html.lf-right.lf-opening.lf-columns-0 .lf-slideout {
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-columns-1 {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-opened:not([class*=lf-columns-]) ~ .lf-panel:not(.lf-opened).lf-columns-1 {
    display: block;
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.lf-menu.lf-offcanvas.lf-columns-1 {
    width: 80%;
    min-width: 140px;
    max-width: 440px
}

html.lf-opening.lf-columns-1 .lf-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

html.lf-right.lf-opening.lf-columns-1 .lf-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-opening.lf-columns-1 .lf-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.lf-opening.lf-columns-1 .lf-slideout {
        -webkit-transform: translate(440px, 0);
        -ms-transform: translate(440px, 0);
        transform: translate(440px, 0);
        -webkit-transform: translate3d(440px, 0, 0);
        transform: translate3d(440px, 0, 0)
    }
}

@media all and (max-width: 175px) {
    html.lf-right.lf-opening.lf-columns-1 .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.lf-right.lf-opening.lf-columns-1 .lf-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

.lf-menu.lf-columns-1 .lf-panels > .lf-panel {
    width: 100%
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-columns-2 {
    -webkit-transform: translate(200%, 0);
    -ms-transform: translate(200%, 0);
    transform: translate(200%, 0);
    -webkit-transform: translate3d(200%, 0, 0);
    transform: translate3d(200%, 0, 0)
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-opened:not([class*=lf-columns-]) ~ .lf-panel:not(.lf-opened).lf-columns-2 {
    display: block;
    -webkit-transform: translate(300%, 0);
    -ms-transform: translate(300%, 0);
    transform: translate(300%, 0);
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.lf-menu.lf-offcanvas.lf-columns-2 {
    width: 80%;
    min-width: 140px;
    max-width: 880px
}

html.lf-opening.lf-columns-2 .lf-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

html.lf-right.lf-opening.lf-columns-2 .lf-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-opening.lf-columns-2 .lf-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 1100px) {
    html.lf-opening.lf-columns-2 .lf-slideout {
        -webkit-transform: translate(880px, 0);
        -ms-transform: translate(880px, 0);
        transform: translate(880px, 0);
        -webkit-transform: translate3d(880px, 0, 0);
        transform: translate3d(880px, 0, 0)
    }
}

@media all and (max-width: 175px) {
    html.lf-right.lf-opening.lf-columns-2 .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 1100px) {
    html.lf-right.lf-opening.lf-columns-2 .lf-slideout {
        -webkit-transform: translate(-880px, 0);
        -ms-transform: translate(-880px, 0);
        transform: translate(-880px, 0);
        -webkit-transform: translate3d(-880px, 0, 0);
        transform: translate3d(-880px, 0, 0)
    }
}

.lf-menu.lf-columns-2 .lf-panels > .lf-panel {
    width: 50%
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-columns-3 {
    -webkit-transform: translate(300%, 0);
    -ms-transform: translate(300%, 0);
    transform: translate(300%, 0);
    -webkit-transform: translate3d(300%, 0, 0);
    transform: translate3d(300%, 0, 0)
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-opened:not([class*=lf-columns-]) ~ .lf-panel:not(.lf-opened).lf-columns-3 {
    display: block;
    -webkit-transform: translate(400%, 0);
    -ms-transform: translate(400%, 0);
    transform: translate(400%, 0);
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.lf-menu.lf-offcanvas.lf-columns-3 {
    width: 80%;
    min-width: 140px;
    max-width: 1320px
}

html.lf-opening.lf-columns-3 .lf-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

html.lf-right.lf-opening.lf-columns-3 .lf-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-opening.lf-columns-3 .lf-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 1650px) {
    html.lf-opening.lf-columns-3 .lf-slideout {
        -webkit-transform: translate(1320px, 0);
        -ms-transform: translate(1320px, 0);
        transform: translate(1320px, 0);
        -webkit-transform: translate3d(1320px, 0, 0);
        transform: translate3d(1320px, 0, 0)
    }
}

@media all and (max-width: 175px) {
    html.lf-right.lf-opening.lf-columns-3 .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 1650px) {
    html.lf-right.lf-opening.lf-columns-3 .lf-slideout {
        -webkit-transform: translate(-1320px, 0);
        -ms-transform: translate(-1320px, 0);
        transform: translate(-1320px, 0);
        -webkit-transform: translate3d(-1320px, 0, 0);
        transform: translate3d(-1320px, 0, 0)
    }
}

.lf-menu.lf-columns-3 .lf-panels > .lf-panel {
    width: 33.34%
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-columns-4 {
    -webkit-transform: translate(400%, 0);
    -ms-transform: translate(400%, 0);
    transform: translate(400%, 0);
    -webkit-transform: translate3d(400%, 0, 0);
    transform: translate3d(400%, 0, 0)
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-opened:not([class*=lf-columns-]) ~ .lf-panel:not(.lf-opened).lf-columns-4 {
    display: block;
    -webkit-transform: translate(500%, 0);
    -ms-transform: translate(500%, 0);
    transform: translate(500%, 0);
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.lf-menu.lf-offcanvas.lf-columns-4 {
    width: 80%;
    min-width: 140px;
    max-width: 1760px
}

html.lf-opening.lf-columns-4 .lf-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

html.lf-right.lf-opening.lf-columns-4 .lf-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-opening.lf-columns-4 .lf-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 2200px) {
    html.lf-opening.lf-columns-4 .lf-slideout {
        -webkit-transform: translate(1760px, 0);
        -ms-transform: translate(1760px, 0);
        transform: translate(1760px, 0);
        -webkit-transform: translate3d(1760px, 0, 0);
        transform: translate3d(1760px, 0, 0)
    }
}

@media all and (max-width: 175px) {
    html.lf-right.lf-opening.lf-columns-4 .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 2200px) {
    html.lf-right.lf-opening.lf-columns-4 .lf-slideout {
        -webkit-transform: translate(-1760px, 0);
        -ms-transform: translate(-1760px, 0);
        transform: translate(-1760px, 0);
        -webkit-transform: translate3d(-1760px, 0, 0);
        transform: translate3d(-1760px, 0, 0)
    }
}

.lf-menu.lf-columns-4 .lf-panels > .lf-panel {
    width: 25%
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-columns-5 {
    -webkit-transform: translate(500%, 0);
    -ms-transform: translate(500%, 0);
    transform: translate(500%, 0);
    -webkit-transform: translate3d(500%, 0, 0);
    transform: translate3d(500%, 0, 0)
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-opened:not([class*=lf-columns-]) ~ .lf-panel:not(.lf-opened).lf-columns-5 {
    display: block;
    -webkit-transform: translate(600%, 0);
    -ms-transform: translate(600%, 0);
    transform: translate(600%, 0);
    -webkit-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0)
}

.lf-menu.lf-offcanvas.lf-columns-5 {
    width: 80%;
    min-width: 140px;
    max-width: 2200px
}

html.lf-opening.lf-columns-5 .lf-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

html.lf-right.lf-opening.lf-columns-5 .lf-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-opening.lf-columns-5 .lf-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 2750px) {
    html.lf-opening.lf-columns-5 .lf-slideout {
        -webkit-transform: translate(2200px, 0);
        -ms-transform: translate(2200px, 0);
        transform: translate(2200px, 0);
        -webkit-transform: translate3d(2200px, 0, 0);
        transform: translate3d(2200px, 0, 0)
    }
}

@media all and (max-width: 175px) {
    html.lf-right.lf-opening.lf-columns-5 .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 2750px) {
    html.lf-right.lf-opening.lf-columns-5 .lf-slideout {
        -webkit-transform: translate(-2200px, 0);
        -ms-transform: translate(-2200px, 0);
        transform: translate(-2200px, 0);
        -webkit-transform: translate3d(-2200px, 0, 0);
        transform: translate3d(-2200px, 0, 0)
    }
}

.lf-menu.lf-columns-5 .lf-panels > .lf-panel {
    width: 20%
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-columns-6 {
    -webkit-transform: translate(600%, 0);
    -ms-transform: translate(600%, 0);
    transform: translate(600%, 0);
    -webkit-transform: translate3d(600%, 0, 0);
    transform: translate3d(600%, 0, 0)
}

.lf-menu.lf-columns .lf-panels > .lf-panel.lf-opened:not([class*=lf-columns-]) ~ .lf-panel:not(.lf-opened).lf-columns-6 {
    display: block;
    -webkit-transform: translate(700%, 0);
    -ms-transform: translate(700%, 0);
    transform: translate(700%, 0);
    -webkit-transform: translate3d(700%, 0, 0);
    transform: translate3d(700%, 0, 0)
}

.lf-menu.lf-offcanvas.lf-columns-6 {
    width: 80%;
    min-width: 140px;
    max-width: 2640px
}

html.lf-opening.lf-columns-6 .lf-slideout {
    -webkit-transform: translate(80%, 0);
    -ms-transform: translate(80%, 0);
    transform: translate(80%, 0);
    -webkit-transform: translate3d(80%, 0, 0);
    transform: translate3d(80%, 0, 0)
}

html.lf-right.lf-opening.lf-columns-6 .lf-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

@media all and (max-width: 175px) {
    html.lf-opening.lf-columns-6 .lf-slideout {
        -webkit-transform: translate(140px, 0);
        -ms-transform: translate(140px, 0);
        transform: translate(140px, 0);
        -webkit-transform: translate3d(140px, 0, 0);
        transform: translate3d(140px, 0, 0)
    }
}

@media all and (min-width: 3300px) {
    html.lf-opening.lf-columns-6 .lf-slideout {
        -webkit-transform: translate(2640px, 0);
        -ms-transform: translate(2640px, 0);
        transform: translate(2640px, 0);
        -webkit-transform: translate3d(2640px, 0, 0);
        transform: translate3d(2640px, 0, 0)
    }
}

@media all and (max-width: 175px) {
    html.lf-right.lf-opening.lf-columns-6 .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 3300px) {
    html.lf-right.lf-opening.lf-columns-6 .lf-slideout {
        -webkit-transform: translate(-2640px, 0);
        -ms-transform: translate(-2640px, 0);
        transform: translate(-2640px, 0);
        -webkit-transform: translate3d(-2640px, 0, 0);
        transform: translate3d(-2640px, 0, 0)
    }
}

html.lf-right.lf-opened .lf-menu.lf-effect-menu-zoom {
    -webkit-transform: scale(.7, .7) translate3d(30%, 0, 0);
    transform: scale(.7, .7) translate3d(30%, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center
}

html.lf-right.lf-opening .lf-menu.lf-effect-menu-zoom {
    -webkit-transform: scale(1, 1) translate3d(0, 0, 0);
    transform: scale(1, 1) translate3d(0, 0, 0)
}

.lf-menu.lf-effect-menu-slide {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease
}

html.lf-opened .lf-menu.lf-effect-menu-slide {
    -webkit-transform: translate(-30%, 0);
    -ms-transform: translate(-30%, 0);
    transform: translate(-30%, 0);
    -webkit-transform: translate3d(-30%, 0, 0);
    transform: translate3d(-30%, 0, 0)
}

html.lf-opening .lf-menu.lf-effect-menu-slide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.lf-right.lf-opened .lf-menu.lf-effect-menu-slide {
    -webkit-transform: translate(30%, 0);
    -ms-transform: translate(30%, 0);
    transform: translate(30%, 0);
    -webkit-transform: translate3d(30%, 0, 0);
    transform: translate3d(30%, 0, 0)
}

html.lf-right.lf-opening .lf-menu.lf-effect-menu-slide {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

html.lf-right.lf-opening.lf-fullscreen .lf-slideout {
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

@media all and (max-width: 140px) {
    html.lf-right.lf-opening.lf-fullscreen .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 10000px) {
    html.lf-right.lf-opening.lf-fullscreen .lf-slideout {
        -webkit-transform: translate(-10000px, 0);
        -ms-transform: translate(-10000px, 0);
        transform: translate(-10000px, 0);
        -webkit-transform: translate3d(-10000px, 0, 0);
        transform: translate3d(-10000px, 0, 0)
    }
}

.lf-menu.lf-offcanvas.lf-right {
    left: auto
}

html.lf-right.lf-opening .lf-slideout {
    -webkit-transform: translate(-80%, 0);
    -ms-transform: translate(-80%, 0);
    transform: translate(-80%, 0);
    -webkit-transform: translate3d(-80%, 0, 0);
    transform: translate3d(-80%, 0, 0)
}

html.lf-front .lf-slideout {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    z-index: 0
}

html.lf-front #lf-blocker {
    z-index: 1
}

html.lf-front .lf-menu.lf-offcanvas {
    z-index: 2
}

@media all and (max-width: 175px) {
    html.lf-right.lf-opening .lf-slideout {
        -webkit-transform: translate(-140px, 0);
        -ms-transform: translate(-140px, 0);
        transform: translate(-140px, 0);
        -webkit-transform: translate3d(-140px, 0, 0);
        transform: translate3d(-140px, 0, 0)
    }
}

@media all and (min-width: 550px) {
    html.lf-right.lf-opening .lf-slideout {
        -webkit-transform: translate(-440px, 0);
        -ms-transform: translate(-440px, 0);
        transform: translate(-440px, 0);
        -webkit-transform: translate3d(-440px, 0, 0);
        transform: translate3d(-440px, 0, 0)
    }
}

.lf-menu.lf-offcanvas.lf-front, .lf-menu.lf-offcanvas.lf-next {
    -webkit-transition: -webkit-transform .4s ease;
    transition: -webkit-transform .4s ease;
    transition: transform .4s ease;
    transition: transform .4s ease, -webkit-transform .4s ease;
    -webkit-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0)
}

.lf-menu.lf-offcanvas.lf-front.lf-right, .lf-menu.lf-offcanvas.lf-next.lf-right {
    -webkit-transform: translate(100%, 0);
    -ms-transform: translate(100%, 0);
    transform: translate(100%, 0);
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0)
}

.lf-menu.lf-offcanvas.lf-top {
    -webkit-transform: translate(0, -100%);
    -ms-transform: translate(0, -100%);
    transform: translate(0, -100%);
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0)
}

.lf-menu.lf-offcanvas.lf-bottom {
    -webkit-transform: translate(0, 100%);
    -ms-transform: translate(0, 100%);
    transform: translate(0, 100%);
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    top: auto;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

.lf-menu.lf-offcanvas.lf-top {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 80%;
    min-height: 140px;
    max-height: 880px
}

html.lf-opening .lf-menu.lf-offcanvas.lf-front, html.lf-opening .lf-menu.lf-offcanvas.lf-next {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.lf-menu.lf-shadow-page:after {
    content: "";
    display: block;
    width: 20px;
    height: 120%;
    position: absolute;
    left: 100%;
    top: -10%;
    z-index: 99
}

.lf-menu.lf-shadow-page.lf-right:after {
    left: auto;
    right: 100%
}

.lf-menu .lf-listview > li a.active {
    background-color: #efefec;
    color: #08c
}

.close-menu {
    float: right
}

.lf-listview.lf-border-full > li:after, .lf-menu.lf-border-full .lf-listview > li:after {
    left: 0 !important
}

@media (max-width: 991px) {
    .mobile-menu-link {
        display: block
    }
}

@media (min-width: 991px) {
    .mobile-menu-link {
        display: none
    }
}

.mobile-menu-link {
    font-size: 40px;
    position: absolute;
    top: 28px;
    right: 20px;
    text-decoration: none !important
}

.lf-menu .dropdown-mega-sub-title {
    background-color: #e8e8e2 !important;
    padding: 10px 10px 10px 20px
}

.lf-menu .dropdown-menu {
    border-radius: 0;
    border: none;
    position: relative;
    background-color: transparent;
    box-shadow: none;
    float: none
}

nav li.mobile_only {
    display: none
}

.lf-menu .mobile_only {
    display: inherit
}

.left-socials-container {
    position: fixed;
    top: 180px;
    left: 0;
    z-index: 999
}

.left-socials-container .socials-block {
    width: 48px;
    z-index: 999;
    font-size: 14px;
    text-align: center;
    height: 20px;
    line-height: 20px;
    transition: .25s;
    -webkit-transition: all .25s ease;
    border-top: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: 1px solid transparent;
    cursor: pointer;
    opacity: .25;
    color: #333;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none
}

.left-socials-container .socials-block:hover {
    background: #efefef;
    border-top: 1px solid #d7d7d7;
    border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    opacity: .5
}

.left-socials-container .left-socials {
    width: 48px;
    z-index: 999
}

.left-socials-container .left-socials a {
    text-align: center;
    padding: 8px;
    display: block;
    float: left;
    width: 48px;
    height: 48px;
    transition: .25s;
    -webkit-transition: all .25s ease;
    box-shadow: 0 0 1px rgba(255, 255, 255, .75)
}

.left-socials-container .left-socials a div {
    display: block;
    width: 32px;
    height: 32px;
    transition: .25s;
    -webkit-transition: all .25s ease
}

.left-socials-container .left-socials a:hover {
    width: 48px
}

.left-socials-container .left-socials a div:hover {
    margin-left: 8px
}

.left-socials-container .left-socials .ls-vk {
    background: #2f5070
}

.left-socials-container .left-socials .ls-ok {
    background: #e77924
}

.left-socials-container .left-socials .ls-fb {
    background: #305891
}

.left-socials-container .left-socials .ls-tw {
    background: #2aa7de
}

.left-socials-container .left-socials .ls-gp {
    background: #ce4d39
}

.left-socials-container .left-socials .ls-yt {
    background: #d02707
}

.left-socials-container .left-socials .ls-mql {
    background: #e3e3e3
}

.left-socials-container .left-socials .ls-rss {
    background: #f58e50
}

.left-socials-container .left-socials .ls-tg {
    background: #31a9dc
}

@media (max-width: 1070px) {
    .left-socials-container {
        display: none
    }
}

.social_buttons {
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    right: 11px;
    bottom: 180px
}

.social_buttons_x3 {
    bottom: 240px
}

.social_buttons-list {
    display: none;
    list-style: none;
    margin: 0 5px;
    overflow: visible;
    padding: 0
}

.social_buttons-label {
    background: rgba(0, 136, 204, .9);
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 50%;
    content: "";
    top: 0;
    left: 0;
    position: relative;
    height: 50px;
    width: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 62px
}

.panel_live_chat-label, .panel_modal-label, .panel_phone-label {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .3);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 50%;
    content: "";
    top: 0;
    left: 0;
    position: relative;
    height: 50px;
    width: 50px;
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    text-align: center;
    line-height: 62px
}

.social_buttons-label:hover span {
    animation: rolls .8s 245ms both
}

@keyframes rolls {
    from {
        transform: rotate(0)
    }
    to {
        transform: rotate(360deg)
    }
}

.social_buttons.social_active .social_buttons-list {
    display: block
}

.social_buttons-list li {
    display: none;
    opacity: 0;
    position: relative;
    height: 40px;
    width: 40px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .2);
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
    border-radius: 50%;
    margin-bottom: 10px;
    text-align: center;
    animation: fadeOutUp .3s 245ms both
}

.social_buttons-list li:hover {
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .4)
}

.social_buttons-list li a {
    background-position: center center;
    background-repeat: no-repeat;
    text-align: center;
    line-height: 50px;
    animation: fadeInUp .3s 245ms both;
    margin-bottom: 10px;
    fill: #fff
}

.social_buttons-list li > span {
    display: none;
    opacity: 0;
    position: absolute;
    right: 50px;
    top: 8px;
    padding: 2px 5px;
    text-align: center;
    color: #000;
    border-radius: 4px;
    white-space: pre;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18)
}

.social_buttons-list li:hover > span {
    opacity: 1;
    display: block
}

.social_buttons-list li.social_active {
    display: block;
    opacity: 1;
    animation: fadeInUp .3s 245ms both
}

@keyframes fadeInUp {
    from {
        height: 20px;
        opacity: 0
    }
    to {
        height: 40px;
        opacity: 1
    }
}

@keyframes fadeOutUp {
    from {
        height: 40px;
        opacity: 1
    }
    to {
        height: 20px;
        opacity: 0
    }
}

.live_chat, .panel_mod, .phone_icon, .social_share {
    color: #fff;
    font-size: 30px
}

.svg_zam {
    color: #fff;
    font-size: 27px
}

.share_buttons-vk {
    background: #2f5070
}

.share_buttons-fb {
    background: #305891
}

.share_buttons-go {
    background: #ce4d39
}

.share_buttons-in {
    background: #124c7a
}

.share_buttons-tw {
    background: #2aa7de
}

.share_buttons-ok {
    background: #e77924
}

.share_buttons-rss {
    background: #f58e50
}

.share_buttons-yt {
    background: #d02707
}

.share_buttons-mql {
    background: #e3e3e3
}

.share_buttons-tg {
    background: #31a9dc
}

.svg_zam img {
    line-height: 10px;
    top: -7px;
    position: relative;
    border-radius: 32px
}

.panel_live_chat {
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    right: 11px;
    bottom: 120px
}

.panel_phone {
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    right: 11px;
    bottom: 180px
}

.panel_modal {
    box-sizing: border-box;
    position: fixed;
    z-index: 9999;
    right: 11px;
    bottom: 60px
}

.panel_live_chat-label {
    background: rgba(22, 152, 65, .9)
}

.panel_phone-label {
    background: rgba(208, 39, 7, .9)
}

.panel_modal-label {
    background: rgba(241, 112, 0, .9)
}

.panel_live_chat-label:hover span, .panel_modal-label:hover span, .panel_phone-label:hover span {
    animation: rolls .8s 245ms both
}

.rating-container .star {
    display: inline-block;
    margin: 0 3px;
    text-align: center
}

.rating-animate .filled-stars {
    transition: width .25s ease;
    -o-transition: width .25s ease;
    -moz-transition: width .25s ease;
    -webkit-transition: width .25s ease
}

.rating-container .filled-stars {
    position: absolute;
    left: 0;
    top: 0;
    margin: auto;
    color: #fde16d;
    white-space: nowrap;
    overflow: hidden;
    -webkit-text-stroke: 1px #777;
    text-shadow: 1px 1px #999;
    color: #08c !important;
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important
}

.add-ajax .ajax {
    padding: 10px 25px
}

.add-ajax .social {
    margin-top: 30px
}

.panel_title {
    display: none;
    opacity: 0;
    transition: .3s
}

.panel_right:hover .panel_title {
    position: absolute;
    transition: .3s;
    opacity: 1;
    display: block;
    right: 60px;
    bottom: 14px;
    color: #000;
    padding: 1px 8px;
    text-align: center;
    border-radius: 4px;
    white-space: pre;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .18)
}

@media (max-width: 989px) {
    .panel_live_chat, .panel_modal, .social_buttons {
        display: none
    }

    .panel_phone {
        display: block !important;
        bottom: 60px;
        z-index: 9997 !important
    }
}

@media (max-width: 670px) {
    .panel_phone {
        bottom: 86px
    }
}

.intl-tel-input {
    display: block !important
}

#newaccountmodel-username, #practiceaccountvalidator-username {
    background: url(../images/widgets/form1.png) no-repeat 7px 8px #fff
}

#newaccountmodel-email, #practiceaccountvalidator-email {
    background: url(../images/widgets/form2.png) no-repeat 7px 8px #fff
}

.non-padding input {
    padding: 6px 12px 6px 30px
}

#newaccountmodel-full_name, #practiceaccountvalidator-full_name {
    background: url(../images/widgets/form1.png) no-repeat 7px 8px #fff
}

.non-padding.fastr .select2-selection {
    padding: 2px 26px 2px 24px !important;
    background: url(../images/widgets/form3.png) no-repeat 7px 8px #fff;
    border-radius: 0 !important;
    height: auto !important;
    border: 1px solid #ccc !important
}

.non-padding .select2-selection {
    padding: 6px 12px 6px 30px !important;
    background: url(../images/widgets/form3.png) no-repeat 7px 8px #fff;
    border-radius: 0 !important;
    height: 33px
}

.intl-tel-input .selected-flag .iti-arrow {
    display: none
}

.block-border-top {
    border-top: 1px solid #e5e5e5;
    box-shadow: 0 -2px 0 rgba(0, 0, 0, .1);
    margin-top: 20px;
    padding-top: 20px
}

@media (min-width: 768px) {
    .non-padding {
        padding: 0 15px !important;
        min-height: none !important
    }
}

@media (min-width: 992px) {
    .non-padding {
        padding: 0 !important;
        min-height: 120px !important
    }
}

.center-link {
    display: table;
    margin: 0 auto
}

html[lang=ar] #header .header-nav-top .nav > li .dropdown-menu li, html[lang=fa] #header .header-nav-top .nav > li .dropdown-menu li {
    text-align: right !important
}

#chatra {
    z-index: 9997 !important
}

.reglinks .lf-next {
    display: none !important
}

.reglinks > a {
    float: left;
    width: 50%;
    background: #08c !important;
    color: #fff !important;
    text-align: center;
    padding: 0 !important;
    display: block !important;
    line-height: 40px;
    text-decoration: none !important;
    margin-right: 0 !important;
    cursor: pointer !important;
    z-index: 1
}

.reglinks__login {
    border-right: 1px solid #2e5279
}

.reglinks > a:hover {
    background: #2498dc !important
}

.clear {
    clear: both
}

.blog-view .next-prev .next:before, .blog-view .next-prev .prev:before {
    display: none !important
}

.nav > li > a:focus {
    background: #08c !important;
    color: #fff !important
}

@media (max-width: 520px) {
    body #chatra.chatra--pos-right.chatra--expanded {
        right: 0 !important;
        width: 100% !important;
        max-width: 100% !important
    }

    #chatra.chatra--expanded #chatra__iframe-wrapper, #chatra.chatra--expanded.chatra--webkit #chatra__iframe {
        border-radius: 0 !important
    }

    .blog-posts table td, .blog-posts table th {
        padding: 3px 4px !important
    }
}

@media (max-width: 1200px) {
    html[lang=ar] #header .header-logo img, html[lang=fa] #header .header-logo img {
        margin-left: 15px !important;
        max-width: inherit !important
    }

    .lite-15year {
        top: 35px;
        left: 210px
    }

    .lite-15year > a > img {
        height: 40px !important
    }

    html[lang=vi] .lite-15year {
        display: none
    }
}

@media (max-width: 991px) {
    .lite-15year {
        top: 35px !important;
        left: 240px !important
    }

    .lite-15year > a > img {
        height: 40px !important
    }

    html[lang=vi] .lite-15year {
        display: block
    }

    html[lang=ar] .lite-15year {
        left: auto !important;
        right: 260px !important
    }

    html[lang=fa] .lite-15year {
        left: auto !important;
        right: 300px !important
    }

    .sticky-header-active .lite-15year {
        top: 65px !important;
        left: 180px !important
    }

    html[lang=ar].sticky-header-active .lite-15year, html[lang=fa].sticky-header-active .lite-15year {
        left: auto !important;
        right: 240px !important
    }
}

@media (max-width: 350px) {
    .lite-15year {
        display: none !important
    }
}

.sub-container img {
    display: table;
    margin: 0 auto;
    padding-top: 15px
}

.drawmenu-block {
    background: #fff;
    padding: 10px 0 1px
}

.drawmenu-title {
    font-weight: 500 !important;
    font-size: 20px !important;
    line-height: 24px !important;
    text-align: center;
    color: #000 !important;
    font-family: Roboto, "Open Sans", sans-serif !important
}

.drawmenu-text {
    font-size: 13px !important;
    line-height: 17px !important;
    text-align: center !important;
    color: grey !important;
    padding: 4px 40px 8px !important;
    display: table;
    margin: 0 auto;
    font-family: Roboto, "Open Sans", sans-serif !important
}

.drawmenu-link {
    display: table !important;
    font-size: 12px !important;
    line-height: 30px !important;
    margin: 0 auto 20px !important;
    padding: 0 30px !important;
    border-radius: 15px
}

.drawmenu-link:hover {
    opacity: .8
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.drawmenu-link {
    font-weight: 500;
    font-size: 12px !important;
    padding: 0 30px;
    line-height: 30px;
    text-align: center;
    color: #fff !important;
    background: #4a5de2 !important;
    border-radius: 30px !important;
    display: table;
    margin: 8px auto 20px;
    text-decoration: none !important
}

#header .header-nav-main nav > ul > li.dropdown .dropdown-menu li a.drawmenu-link:hover {
    opacity: .8
}

.menu-container {
    vertical-align: top
}

.lf-listview li img {
    display: table;
    margin: 10px auto 0
}

.lf-listview li a.drawmenu-link {
    color: #fff !important;
    background: #4a5de2 !important
}

html[lang=ar] #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li, html[lang=ar] #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container a.dropdown-mega-sub-title, html[lang=ar] #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container li, html[lang=ar] #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container p.dropdown-mega-sub-title, html[lang=fa] #header .header-nav-main nav > ul > li.dropdown .dropdown-menu li, html[lang=fa] #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container a.dropdown-mega-sub-title, html[lang=fa] #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container li, html[lang=fa] #header .header-nav-main nav > ul > li.dropdown-mega .dropdown-mega-content .menu-container p.dropdown-mega-sub-title {
    text-align: right
}

#at-image-sharing-mobile-icons {
    display: none
}

#rating > .nav-tabs > li {
    text-transform: uppercase
}

.site-footer .small {
    display: flex;
    justify-content: space-between;
}

.risk-footer {
    color: #e3e3e3;
    background-color: #272727;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9996;
    /* box-shadow: 0 -5px 5px rgba(0,0,0,.2);*/
}

.risk-footer > .container {
    padding: 0 5px;
}

.risk-footer p {
    font-size: 14px;
    line-height: 18px;
    font-weight: normal;
    margin: 0 !important;
    text-align: center;
}

.risk-footer p a {
    color: #efefef;
    text-decoration: underline;
}

.risk-footer p a:hover {
    text-decoration: none;
}

@media (max-width: 600px) {
    .risk-footer p {
        font-size: 14px;
        line-height: 14px;
    }
}

.paralax-text p {
    color: #e2e2e2 !important;
    font-size: 32px;
    font-weight: 300;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .paralax-text p {
        color: #e2e2e2 !important;
        font-size: 32px;
    }
}

.main .box .header-wrapper .header .paralax-text .top-ad a {
    background-color: unset;
    border: unset;
}

.main .box .header-wrapper .header .paralax-text .top-ad a:hover {
    background-color: unset;
}