.owl-carousel,.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative
}

/* ===== MOBILE FIX ===== */
@media (max-width: 768px) {

    .hiddenMobile {
        display: none !important;
    }

    .visibleMobile {
        display: block !important;
    }

    .topLine {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
    }

    .topLine .logo img {
        max-height: 40px;
    }

    .topLineIcons {
        display: flex;
        gap: 10px;
    }

    .searchForm {
        width: 100%;
        padding: 10px;
    }

    .searchForm input {
        width: 100%;
        padding: 8px;
    }

    .menuMobileWrap {
        display: none;
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 60px;
        z-index: 999;
    }

    .menuMobileWrap.active {
        display: block;
    }

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

    .menuMobileWrap ul li {
        border-bottom: 1px solid #eee;
    }

    .menuMobileWrap ul li a {
        display: block;
        padding: 12px;
        color: #333;
    }
}
.visibleMobile .topLine {
    position: relative;
}

.visibleMobile .logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.owl-carousel {
    display: none;
    width: 100%;
    z-index: 1
}

.icon {
  width: 20px;
  height: 20px;
  fill: #000; /* ya koi visible color */
}

.owl-carousel .owl-stage {
    position: relative;
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

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

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

.owl-carousel .owl-item,.owl-carousel .owl-wrapper {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
    display: none
}

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

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

.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit
}

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

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

.owl-carousel.owl-refresh .owl-item {
    visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel.owl-grab {
    cursor: move;
    cursor: grab
}

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

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

.owl-carousel .animated {
    animation-duration: 1s;
    animation-fill-mode: both
}

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

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

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

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.owl-height {
    transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
    opacity: 0;
    transition: opacity .4s ease
}

.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""] {
    max-height: 0
}

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

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

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

.owl-carousel .owl-video-play-icon:hover {
    -ms-transform: scale(1.3,1.3);
    transform: scale(1.3,1.3)
}

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

.owl-carousel .owl-video-tn {
    opacity: 0;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    transition: opacity .4s ease
}

.owl-carousel .owl-video-frame {
    position: relative;
    z-index: 1;
    height: 100%;
    width: 100%
}

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

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

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

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

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

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

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

.mfp-ajax-cur {
    cursor: progress
}

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

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

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

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

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

.mfp-hide {
    display: none!important
}

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

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

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

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

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

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

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

.mfp-close:focus,.mfp-close:hover {
    opacity: 1
}

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

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

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

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

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: transparent
}

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

.mfp-arrow:focus,.mfp-arrow:hover {
    opacity: 1
}

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

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

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

.mfp-arrow-left {
    left: 0
}

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

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

.mfp-arrow-right {
    right: 0
}

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

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

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

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

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

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

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

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

.mfp-figure {
    line-height: 0
}

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

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

.mfp-figure figure {
    margin: 0
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.intl-tel-input {
    position: relative;
    display: inline-block
}

.intl-tel-input * {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.intl-tel-input .hide {
    display: none
}

.intl-tel-input .v-hide {
    visibility: hidden
}

.intl-tel-input input,.intl-tel-input input[type=tel],.intl-tel-input input[type=text] {
    position: relative;
    z-index: 0;
    margin-top: 0!important;
    margin-bottom: 0!important;
    padding-right: 36px;
    margin-right: 0
}

.intl-tel-input .flag-container {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 1px
}

.intl-tel-input .selected-flag {
    z-index: 1;
    position: relative;
    width: 36px;
    height: 100%;
    padding: 0 0 0 8px
}

.intl-tel-input .selected-flag .iti-flag {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto
}

.intl-tel-input .selected-flag .iti-arrow {
    position: absolute;
    top: 50%;
    margin-top: -2px;
    right: 6px;
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #555
}

.intl-tel-input .selected-flag .iti-arrow.up {
    border-top: none;
    border-bottom: 4px solid #555
}

.intl-tel-input .country-list {
    position: absolute;
    z-index: 2;
    list-style: none;
    text-align: left;
    padding: 0;
    margin: 0 0 0 -1px;
    box-shadow: 1px 1px 4px rgba(0,0,0,.2);
    background-color: #fff;
    border: 1px solid #ccc;
    white-space: nowrap;
    max-height: 200px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch
}

.intl-tel-input .country-list.dropup {
    bottom: 100%;
    margin-bottom: -1px
}

.intl-tel-input .country-list .flag-box {
    display: inline-block;
    width: 20px
}

@media (max-width: 500px) {
    .intl-tel-input .country-list {
        white-space:normal
    }
}

.intl-tel-input .country-list .divider {
    padding-bottom: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ccc
}

.intl-tel-input .country-list .country {
    padding: 5px 10px
}

.intl-tel-input .country-list .country .dial-code {
    color: #999
}

.intl-tel-input .country-list .country.highlight {
    background-color: rgba(0,0,0,.05)
}

.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .dial-code,.intl-tel-input .country-list .flag-box {
    vertical-align: middle
}

.intl-tel-input .country-list .country-name,.intl-tel-input .country-list .flag-box {
    margin-right: 6px
}

.intl-tel-input.allow-dropdown input,.intl-tel-input.allow-dropdown input[type=tel],.intl-tel-input.allow-dropdown input[type=text],.intl-tel-input.separate-dial-code input,.intl-tel-input.separate-dial-code input[type=tel],.intl-tel-input.separate-dial-code input[type=text] {
    padding-right: 6px;
    padding-left: 52px;
    margin-left: 0
}

.intl-tel-input.allow-dropdown .flag-container,.intl-tel-input.separate-dial-code .flag-container {
    right: auto;
    left: 0
}

.intl-tel-input.allow-dropdown .selected-flag,.intl-tel-input.separate-dial-code .selected-flag {
    width: 46px
}

.intl-tel-input.allow-dropdown .flag-container:hover {
    cursor: pointer
}

.intl-tel-input.allow-dropdown .flag-container:hover .selected-flag {
    background-color: rgba(0,0,0,.05)
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover {
    cursor: default
}

.intl-tel-input.allow-dropdown input[disabled]+.flag-container:hover .selected-flag,.intl-tel-input.allow-dropdown input[readonly]+.flag-container:hover .selected-flag {
    background-color: transparent
}

.intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0,0,0,.05);
    display: table
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    display: table-cell;
    vertical-align: middle;
    padding-left: 28px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 input,.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-2 input[type=text] {
    padding-left: 66px
}

.intl-tel-input.separate-dial-code.iti-sdc-2 .selected-flag {
    width: 60px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 input[type=text] {
    padding-left: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-2 .selected-flag {
    width: 70px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 input,.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-3 input[type=text] {
    padding-left: 74px
}

.intl-tel-input.separate-dial-code.iti-sdc-3 .selected-flag {
    width: 68px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 input[type=text] {
    padding-left: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-3 .selected-flag {
    width: 78px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 input,.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-4 input[type=text] {
    padding-left: 82px
}

.intl-tel-input.separate-dial-code.iti-sdc-4 .selected-flag {
    width: 76px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 input[type=text] {
    padding-left: 92px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-4 .selected-flag {
    width: 86px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 input,.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.iti-sdc-5 input[type=text] {
    padding-left: 90px
}

.intl-tel-input.separate-dial-code.iti-sdc-5 .selected-flag {
    width: 84px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input,.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=tel],.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 input[type=text] {
    padding-left: 100px
}

.intl-tel-input.separate-dial-code.allow-dropdown.iti-sdc-5 .selected-flag {
    width: 94px
}

.intl-tel-input.iti-container {
    position: absolute;
    top: -1000px;
    left: -1000px;
    z-index: 1060;
    padding: 1px
}

.intl-tel-input.iti-container:hover {
    cursor: pointer
}

.iti-mobile .intl-tel-input.iti-container {
    top: 30px;
    bottom: 30px;
    left: 30px;
    right: 30px;
    position: fixed
}

.iti-mobile .intl-tel-input .country-list {
    max-height: 100%;
    width: 100%
}

.iti-mobile .intl-tel-input .country-list .country {
    padding: 10px 10px;
    line-height: 1.5em
}

.iti-flag {
    width: 20px
}

.iti-flag.be {
    width: 18px
}

.iti-flag.ch {
    width: 15px
}

.iti-flag.mc {
    width: 19px
}

.iti-flag.ne {
    width: 18px
}

.iti-flag.np {
    width: 13px
}

.iti-flag.va {
    width: 15px
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .iti-flag {
        background-size:5652px 15px
    }
}

.iti-flag.ac {
    height: 10px;
    background-position: 0 0
}

.iti-flag.ad {
    height: 14px;
    background-position: -22px 0
}

.iti-flag.ae {
    height: 10px;
    background-position: -44px 0
}

.iti-flag.af {
    height: 14px;
    background-position: -66px 0
}

.iti-flag.ag {
    height: 14px;
    background-position: -88px 0
}

.iti-flag.ai {
    height: 10px;
    background-position: -110px 0
}

.iti-flag.al {
    height: 15px;
    background-position: -132px 0
}

.iti-flag.am {
    height: 10px;
    background-position: -154px 0
}

.iti-flag.ao {
    height: 14px;
    background-position: -176px 0
}

.iti-flag.aq {
    height: 14px;
    background-position: -198px 0
}

.iti-flag.ar {
    height: 13px;
    background-position: -220px 0
}

.iti-flag.as {
    height: 10px;
    background-position: -242px 0
}

.iti-flag.at {
    height: 14px;
    background-position: -264px 0
}

.iti-flag.au {
    height: 10px;
    background-position: -286px 0
}

.iti-flag.aw {
    height: 14px;
    background-position: -308px 0
}

.iti-flag.ax {
    height: 13px;
    background-position: -330px 0
}

.iti-flag.az {
    height: 10px;
    background-position: -352px 0
}

.iti-flag.ba {
    height: 10px;
    background-position: -374px 0
}

.iti-flag.bb {
    height: 14px;
    background-position: -396px 0
}

.iti-flag.bd {
    height: 12px;
    background-position: -418px 0
}

.iti-flag.be {
    height: 15px;
    background-position: -440px 0
}

.iti-flag.bf {
    height: 14px;
    background-position: -460px 0
}

.iti-flag.bg {
    height: 12px;
    background-position: -482px 0
}

.iti-flag.bh {
    height: 12px;
    background-position: -504px 0
}

.iti-flag.bi {
    height: 12px;
    background-position: -526px 0
}

.iti-flag.bj {
    height: 14px;
    background-position: -548px 0
}

.iti-flag.bl {
    height: 14px;
    background-position: -570px 0
}

.iti-flag.bm {
    height: 10px;
    background-position: -592px 0
}

.iti-flag.bn {
    height: 10px;
    background-position: -614px 0
}

.iti-flag.bo {
    height: 14px;
    background-position: -636px 0
}

.iti-flag.bq {
    height: 14px;
    background-position: -658px 0
}

.iti-flag.br {
    height: 14px;
    background-position: -680px 0
}

.iti-flag.bs {
    height: 10px;
    background-position: -702px 0
}

.iti-flag.bt {
    height: 14px;
    background-position: -724px 0
}

.iti-flag.bv {
    height: 15px;
    background-position: -746px 0
}

.iti-flag.bw {
    height: 14px;
    background-position: -768px 0
}

.iti-flag.by {
    height: 10px;
    background-position: -790px 0
}

.iti-flag.bz {
    height: 14px;
    background-position: -812px 0
}

.iti-flag.ca {
    height: 10px;
    background-position: -834px 0
}

.iti-flag.cc {
    height: 10px;
    background-position: -856px 0
}

.iti-flag.cd {
    height: 15px;
    background-position: -878px 0
}

.iti-flag.cf {
    height: 14px;
    background-position: -900px 0
}

.iti-flag.cg {
    height: 14px;
    background-position: -922px 0
}

.iti-flag.ch {
    height: 15px;
    background-position: -944px 0
}

.iti-flag.ci {
    height: 14px;
    background-position: -961px 0
}

.iti-flag.ck {
    height: 10px;
    background-position: -983px 0
}

.iti-flag.cl {
    height: 14px;
    background-position: -1005px 0
}

.iti-flag.cm {
    height: 14px;
    background-position: -1027px 0
}

.iti-flag.cn {
    height: 14px;
    background-position: -1049px 0
}

.iti-flag.co {
    height: 14px;
    background-position: -1071px 0
}

.iti-flag.cp {
    height: 14px;
    background-position: -1093px 0
}

.iti-flag.cr {
    height: 12px;
    background-position: -1115px 0
}

.iti-flag.cu {
    height: 10px;
    background-position: -1137px 0
}

.iti-flag.cv {
    height: 12px;
    background-position: -1159px 0
}

.iti-flag.cw {
    height: 14px;
    background-position: -1181px 0
}

.iti-flag.cx {
    height: 10px;
    background-position: -1203px 0
}

.iti-flag.cy {
    height: 14px;
    background-position: -1225px 0
}

.iti-flag.cz {
    height: 14px;
    background-position: -1247px 0
}

.iti-flag.de {
    height: 12px;
    background-position: -1269px 0
}

.iti-flag.dg {
    height: 10px;
    background-position: -1291px 0
}

.iti-flag.dj {
    height: 14px;
    background-position: -1313px 0
}

.iti-flag.dk {
    height: 15px;
    background-position: -1335px 0
}

.iti-flag.dm {
    height: 10px;
    background-position: -1357px 0
}

.iti-flag.do {
    height: 14px;
    background-position: -1379px 0
}

.iti-flag.dz {
    height: 14px;
    background-position: -1401px 0
}

.iti-flag.ea {
    height: 14px;
    background-position: -1423px 0
}

.iti-flag.ec {
    height: 14px;
    background-position: -1445px 0
}

.iti-flag.ee {
    height: 13px;
    background-position: -1467px 0
}

.iti-flag.eg {
    height: 14px;
    background-position: -1489px 0
}

.iti-flag.eh {
    height: 10px;
    background-position: -1511px 0
}

.iti-flag.er {
    height: 10px;
    background-position: -1533px 0
}

.iti-flag.es {
    height: 14px;
    background-position: -1555px 0
}

.iti-flag.et {
    height: 10px;
    background-position: -1577px 0
}

.iti-flag.eu {
    height: 14px;
    background-position: -1599px 0
}

.iti-flag.fi {
    height: 12px;
    background-position: -1621px 0
}

.iti-flag.fj {
    height: 10px;
    background-position: -1643px 0
}

.iti-flag.fk {
    height: 10px;
    background-position: -1665px 0
}

.iti-flag.fm {
    height: 11px;
    background-position: -1687px 0
}

.iti-flag.fo {
    height: 15px;
    background-position: -1709px 0
}

.iti-flag.fr {
    height: 14px;
    background-position: -1731px 0
}

.iti-flag.ga {
    height: 15px;
    background-position: -1753px 0
}

.iti-flag.gb {
    height: 10px;
    background-position: -1775px 0
}

.iti-flag.gd {
    height: 12px;
    background-position: -1797px 0
}

.iti-flag.ge {
    height: 14px;
    background-position: -1819px 0
}

.iti-flag.gf {
    height: 14px;
    background-position: -1841px 0
}

.iti-flag.gg {
    height: 14px;
    background-position: -1863px 0
}

.iti-flag.gh {
    height: 14px;
    background-position: -1885px 0
}

.iti-flag.gi {
    height: 10px;
    background-position: -1907px 0
}

.iti-flag.gl {
    height: 14px;
    background-position: -1929px 0
}

.iti-flag.gm {
    height: 14px;
    background-position: -1951px 0
}

.iti-flag.gn {
    height: 14px;
    background-position: -1973px 0
}

.iti-flag.gp {
    height: 14px;
    background-position: -1995px 0
}

.iti-flag.gq {
    height: 14px;
    background-position: -2017px 0
}

.iti-flag.gr {
    height: 14px;
    background-position: -2039px 0
}

.iti-flag.gs {
    height: 10px;
    background-position: -2061px 0
}

.iti-flag.gt {
    height: 13px;
    background-position: -2083px 0
}

.iti-flag.gu {
    height: 11px;
    background-position: -2105px 0
}

.iti-flag.gw {
    height: 10px;
    background-position: -2127px 0
}

.iti-flag.gy {
    height: 12px;
    background-position: -2149px 0
}

.iti-flag.hk {
    height: 14px;
    background-position: -2171px 0
}

.iti-flag.hm {
    height: 10px;
    background-position: -2193px 0
}

.iti-flag.hn {
    height: 10px;
    background-position: -2215px 0
}

.iti-flag.hr {
    height: 10px;
    background-position: -2237px 0
}

.iti-flag.ht {
    height: 12px;
    background-position: -2259px 0
}

.iti-flag.hu {
    height: 10px;
    background-position: -2281px 0
}

.iti-flag.ic {
    height: 14px;
    background-position: -2303px 0
}

.iti-flag.id {
    height: 14px;
    background-position: -2325px 0
}

.iti-flag.ie {
    height: 10px;
    background-position: -2347px 0
}

.iti-flag.il {
    height: 15px;
    background-position: -2369px 0
}

.iti-flag.im {
    height: 10px;
    background-position: -2391px 0
}

.iti-flag.in {
    height: 14px;
    background-position: -2413px 0
}

.iti-flag.io {
    height: 10px;
    background-position: -2435px 0
}

.iti-flag.iq {
    height: 14px;
    background-position: -2457px 0
}

.iti-flag.ir {
    height: 12px;
    background-position: -2479px 0
}

.iti-flag.is {
    height: 15px;
    background-position: -2501px 0
}

.iti-flag.it {
    height: 14px;
    background-position: -2523px 0
}

.iti-flag.je {
    height: 12px;
    background-position: -2545px 0
}

.iti-flag.jm {
    height: 10px;
    background-position: -2567px 0
}

.iti-flag.jo {
    height: 10px;
    background-position: -2589px 0
}

.iti-flag.jp {
    height: 14px;
    background-position: -2611px 0
}

.iti-flag.ke {
    height: 14px;
    background-position: -2633px 0
}

.iti-flag.kg {
    height: 12px;
    background-position: -2655px 0
}

.iti-flag.kh {
    height: 13px;
    background-position: -2677px 0
}

.iti-flag.ki {
    height: 10px;
    background-position: -2699px 0
}

.iti-flag.km {
    height: 12px;
    background-position: -2721px 0
}

.iti-flag.kn {
    height: 14px;
    background-position: -2743px 0
}

.iti-flag.kp {
    height: 10px;
    background-position: -2765px 0
}

.iti-flag.kr {
    height: 14px;
    background-position: -2787px 0
}

.iti-flag.kw {
    height: 10px;
    background-position: -2809px 0
}

.iti-flag.ky {
    height: 10px;
    background-position: -2831px 0
}

.iti-flag.kz {
    height: 10px;
    background-position: -2853px 0
}

.iti-flag.la {
    height: 14px;
    background-position: -2875px 0
}

.iti-flag.lb {
    height: 14px;
    background-position: -2897px 0
}

.iti-flag.lc {
    height: 10px;
    background-position: -2919px 0
}

.iti-flag.li {
    height: 12px;
    background-position: -2941px 0
}

.iti-flag.lk {
    height: 10px;
    background-position: -2963px 0
}

.iti-flag.lr {
    height: 11px;
    background-position: -2985px 0
}

.iti-flag.ls {
    height: 14px;
    background-position: -3007px 0
}

.iti-flag.lt {
    height: 12px;
    background-position: -3029px 0
}

.iti-flag.lu {
    height: 12px;
    background-position: -3051px 0
}

.iti-flag.lv {
    height: 10px;
    background-position: -3073px 0
}

.iti-flag.ly {
    height: 10px;
    background-position: -3095px 0
}

.iti-flag.ma {
    height: 14px;
    background-position: -3117px 0
}

.iti-flag.mc {
    height: 15px;
    background-position: -3139px 0
}

.iti-flag.md {
    height: 10px;
    background-position: -3160px 0
}

.iti-flag.me {
    height: 10px;
    background-position: -3182px 0
}

.iti-flag.mf {
    height: 14px;
    background-position: -3204px 0
}

.iti-flag.mg {
    height: 14px;
    background-position: -3226px 0
}

.iti-flag.mh {
    height: 11px;
    background-position: -3248px 0
}

.iti-flag.mk {
    height: 10px;
    background-position: -3270px 0
}

.iti-flag.ml {
    height: 14px;
    background-position: -3292px 0
}

.iti-flag.mm {
    height: 14px;
    background-position: -3314px 0
}

.iti-flag.mn {
    height: 10px;
    background-position: -3336px 0
}

.iti-flag.mo {
    height: 14px;
    background-position: -3358px 0
}

.iti-flag.mp {
    height: 10px;
    background-position: -3380px 0
}

.iti-flag.mq {
    height: 14px;
    background-position: -3402px 0
}

.iti-flag.mr {
    height: 14px;
    background-position: -3424px 0
}

.iti-flag.ms {
    height: 10px;
    background-position: -3446px 0
}

.iti-flag.mt {
    height: 14px;
    background-position: -3468px 0
}

.iti-flag.mu {
    height: 14px;
    background-position: -3490px 0
}

.iti-flag.mv {
    height: 14px;
    background-position: -3512px 0
}

.iti-flag.mw {
    height: 14px;
    background-position: -3534px 0
}

.iti-flag.mx {
    height: 12px;
    background-position: -3556px 0
}

.iti-flag.my {
    height: 10px;
    background-position: -3578px 0
}

.iti-flag.mz {
    height: 14px;
    background-position: -3600px 0
}

.iti-flag.na {
    height: 14px;
    background-position: -3622px 0
}

.iti-flag.nc {
    height: 10px;
    background-position: -3644px 0
}

.iti-flag.ne {
    height: 15px;
    background-position: -3666px 0
}

.iti-flag.nf {
    height: 10px;
    background-position: -3686px 0
}

.iti-flag.ng {
    height: 10px;
    background-position: -3708px 0
}

.iti-flag.ni {
    height: 12px;
    background-position: -3730px 0
}

.iti-flag.nl {
    height: 14px;
    background-position: -3752px 0
}

.iti-flag.no {
    height: 15px;
    background-position: -3774px 0
}

.iti-flag.np {
    height: 15px;
    background-position: -3796px 0
}

.iti-flag.nr {
    height: 10px;
    background-position: -3811px 0
}

.iti-flag.nu {
    height: 10px;
    background-position: -3833px 0
}

.iti-flag.nz {
    height: 10px;
    background-position: -3855px 0
}

.iti-flag.om {
    height: 10px;
    background-position: -3877px 0
}

.iti-flag.pa {
    height: 14px;
    background-position: -3899px 0
}

.iti-flag.pe {
    height: 14px;
    background-position: -3921px 0
}

.iti-flag.pf {
    height: 14px;
    background-position: -3943px 0
}

.iti-flag.pg {
    height: 15px;
    background-position: -3965px 0
}

.iti-flag.ph {
    height: 10px;
    background-position: -3987px 0
}

.iti-flag.pk {
    height: 14px;
    background-position: -4009px 0
}

.iti-flag.pl {
    height: 13px;
    background-position: -4031px 0
}

.iti-flag.pm {
    height: 14px;
    background-position: -4053px 0
}

.iti-flag.pn {
    height: 10px;
    background-position: -4075px 0
}

.iti-flag.pr {
    height: 14px;
    background-position: -4097px 0
}

.iti-flag.ps {
    height: 10px;
    background-position: -4119px 0
}

.iti-flag.pt {
    height: 14px;
    background-position: -4141px 0
}

.iti-flag.pw {
    height: 13px;
    background-position: -4163px 0
}

.iti-flag.py {
    height: 11px;
    background-position: -4185px 0
}

.iti-flag.qa {
    height: 8px;
    background-position: -4207px 0
}

.iti-flag.re {
    height: 14px;
    background-position: -4229px 0
}

.iti-flag.ro {
    height: 14px;
    background-position: -4251px 0
}

.iti-flag.rs {
    height: 14px;
    background-position: -4273px 0
}

.iti-flag.ru {
    height: 14px;
    background-position: -4295px 0
}

.iti-flag.rw {
    height: 14px;
    background-position: -4317px 0
}

.iti-flag.sa {
    height: 14px;
    background-position: -4339px 0
}

.iti-flag.sb {
    height: 10px;
    background-position: -4361px 0
}

.iti-flag.sc {
    height: 10px;
    background-position: -4383px 0
}

.iti-flag.sd {
    height: 10px;
    background-position: -4405px 0
}

.iti-flag.se {
    height: 13px;
    background-position: -4427px 0
}

.iti-flag.sg {
    height: 14px;
    background-position: -4449px 0
}

.iti-flag.sh {
    height: 10px;
    background-position: -4471px 0
}

.iti-flag.si {
    height: 10px;
    background-position: -4493px 0
}

.iti-flag.sj {
    height: 15px;
    background-position: -4515px 0
}

.iti-flag.sk {
    height: 14px;
    background-position: -4537px 0
}

.iti-flag.sl {
    height: 14px;
    background-position: -4559px 0
}

.iti-flag.sm {
    height: 15px;
    background-position: -4581px 0
}

.iti-flag.sn {
    height: 14px;
    background-position: -4603px 0
}

.iti-flag.so {
    height: 14px;
    background-position: -4625px 0
}

.iti-flag.sr {
    height: 14px;
    background-position: -4647px 0
}

.iti-flag.ss {
    height: 10px;
    background-position: -4669px 0
}

.iti-flag.st {
    height: 10px;
    background-position: -4691px 0
}

.iti-flag.sv {
    height: 12px;
    background-position: -4713px 0
}

.iti-flag.sx {
    height: 14px;
    background-position: -4735px 0
}

.iti-flag.sy {
    height: 14px;
    background-position: -4757px 0
}

.iti-flag.sz {
    height: 14px;
    background-position: -4779px 0
}

.iti-flag.ta {
    height: 10px;
    background-position: -4801px 0
}

.iti-flag.tc {
    height: 10px;
    background-position: -4823px 0
}

.iti-flag.td {
    height: 14px;
    background-position: -4845px 0
}

.iti-flag.tf {
    height: 14px;
    background-position: -4867px 0
}

.iti-flag.tg {
    height: 13px;
    background-position: -4889px 0
}

.iti-flag.th {
    height: 14px;
    background-position: -4911px 0
}

.iti-flag.tj {
    height: 10px;
    background-position: -4933px 0
}

.iti-flag.tk {
    height: 10px;
    background-position: -4955px 0
}

.iti-flag.tl {
    height: 10px;
    background-position: -4977px 0
}

.iti-flag.tm {
    height: 14px;
    background-position: -4999px 0
}

.iti-flag.tn {
    height: 14px;
    background-position: -5021px 0
}

.iti-flag.to {
    height: 10px;
    background-position: -5043px 0
}

.iti-flag.tr {
    height: 14px;
    background-position: -5065px 0
}

.iti-flag.tt {
    height: 12px;
    background-position: -5087px 0
}

.iti-flag.tv {
    height: 10px;
    background-position: -5109px 0
}

.iti-flag.tw {
    height: 14px;
    background-position: -5131px 0
}

.iti-flag.tz {
    height: 14px;
    background-position: -5153px 0
}

.iti-flag.ua {
    height: 14px;
    background-position: -5175px 0
}

.iti-flag.ug {
    height: 14px;
    background-position: -5197px 0
}

.iti-flag.um {
    height: 11px;
    background-position: -5219px 0
}

.iti-flag.un {
    height: 14px;
    background-position: -5241px 0
}

.iti-flag.us {
    height: 11px;
    background-position: -5263px 0
}

.iti-flag.uy {
    height: 14px;
    background-position: -5285px 0
}

.iti-flag.uz {
    height: 10px;
    background-position: -5307px 0
}

.iti-flag.va {
    height: 15px;
    background-position: -5329px 0
}

.iti-flag.vc {
    height: 14px;
    background-position: -5346px 0
}

.iti-flag.ve {
    height: 14px;
    background-position: -5368px 0
}

.iti-flag.vg {
    height: 10px;
    background-position: -5390px 0
}

.iti-flag.vi {
    height: 14px;
    background-position: -5412px 0
}

.iti-flag.vn {
    height: 14px;
    background-position: -5434px 0
}

.iti-flag.vu {
    height: 12px;
    background-position: -5456px 0
}

.iti-flag.wf {
    height: 14px;
    background-position: -5478px 0
}

.iti-flag.ws {
    height: 10px;
    background-position: -5500px 0
}

.iti-flag.xk {
    height: 15px;
    background-position: -5522px 0
}

.iti-flag.ye {
    height: 14px;
    background-position: -5544px 0
}

.iti-flag.yt {
    height: 14px;
    background-position: -5566px 0
}

.iti-flag.za {
    height: 14px;
    background-position: -5588px 0
}

.iti-flag.zm {
    height: 14px;
    background-position: -5610px 0
}

.iti-flag.zw {
    height: 10px;
    background-position: -5632px 0
}

.iti-flag {
    width: 20px;
    height: 15px;
    box-shadow: 0 0 1px 0 #888;
    background-image: url(../libs/img/flags.png);
    background-repeat: no-repeat;
    background-color: #dbdbdb;
    background-position: 20px 0
}

@media (-webkit-min-device-pixel-ratio: 2),(min-resolution:192dpi) {
    .iti-flag {
        background-image:url(../libs/img/flags@2x.png)
    }
}

.iti-flag.np {
    background-color: transparent
}

.selectric-wrapper {
    position: relative;
    cursor: pointer
}

.selectric-responsive {
    width: 100%
}

.selectric {
    border: 1px solid #ddd;
    border-radius: 0;
    background: #f8f8f8;
    position: relative;
    overflow: hidden
}

.selectric .label {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0 38px 0 10px;
    font-size: 12px;
    line-height: 38px;
    color: #444;
    height: 38px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 38px;
    height: 38px;
    line-height: 38px;
    background-color: #f8f8f8;
    color: #bbb;
    text-align: center;
    font: 0/0 a
}

.selectric .button:after {
    content: " ";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 0;
    height: 0;
    border: 4px solid transparent;
    border-top-color: #bbb;
    border-bottom: none
}

.selectric-focus .selectric {
    border-color: #aaa
}

.selectric-hover .selectric {
    border-color: #c4c4c4
}

.selectric-hover .selectric .button {
    color: #a2a2a2
}

.selectric-hover .selectric .button:after {
    border-top-color: #a2a2a2
}

.selectric-open {
    z-index: 9999
}

.selectric-open .selectric {
    border-color: #c4c4c4
}

.selectric-open .selectric-items {
    display: block
}

.selectric-disabled {
    opacity: .5;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-hide-select {
    position: relative;
    overflow: hidden;
    width: 0;
    height: 0
}

.selectric-hide-select select {
    position: absolute;
    left: -100%
}

.selectric-hide-select.selectric-is-native {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 10
}

.selectric-hide-select.selectric-is-native select {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    border: none;
    z-index: 1;
    box-sizing: border-box;
    opacity: 0
}

.selectric-input {
    position: absolute!important;
    top: 0!important;
    left: 0!important;
    overflow: hidden!important;
    clip: rect(0,0,0,0)!important;
    margin: 0!important;
    padding: 0!important;
    width: 1px!important;
    height: 1px!important;
    outline: 0!important;
    border: none!important;
    background: 0 0!important
}

.selectric-temp-show {
    position: absolute!important;
    visibility: hidden!important;
    display: block!important
}

.selectric-items {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #f8f8f8;
    border: 1px solid #c4c4c4;
    z-index: -1;
    box-shadow: 0 0 10px -6px
}

.selectric-items .selectric-scroll {
    height: 100%;
    overflow: auto
}

.selectric-above .selectric-items {
    top: auto;
    bottom: 100%
}

.selectric-items li,.selectric-items ul {
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    min-height: 20px
}

.selectric-items li {
    display: block;
    padding: 10px;
    color: #666;
    cursor: pointer
}

.selectric-items li.selected {
    background: #e0e0e0;
    color: #444
}

.selectric-items li.highlighted {
    background: #d0d0d0;
    color: #444
}

.selectric-items li:hover {
    background: #d5d5d5;
    color: #444
}

.selectric-items .disabled {
    opacity: .5;
    cursor: default!important;
    background: 0 0!important;
    color: #666!important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.selectric-items .selectric-group .selectric-group-label {
    font-weight: 700;
    padding-left: 10px;
    cursor: default;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: 0 0;
    color: #444
}

.selectric-items .selectric-group.disabled li {
    opacity: 1
}

.selectric-items .selectric-group li {
    padding-left: 25px
}

/*@font-face {*/
/*    font-family: 'OpenSansRegular';*/
/*    src: url('/lib/fonts/OpenSans-Regular.woff2') format('woff2'),*/
/*         url('/lib/fonts/OpenSans-Regular.woff') format('woff');*/
/*    font-weight: 400;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*@font-face {*/
/*    font-family: 'OpenSansSemiBold';*/
/*    src: url('/lib/fonts/OpenSans-SemiBold.woff2') format('woff2'),*/
/*         url('/lib/fonts/OpenSans-SemiBold.woff') format('woff');*/
/*    font-weight: 600;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/*@font-face {*/
/*    font-family: 'OpenSansBold';*/
/*    src: url('/lib/fonts/OpenSans-Bold.woff2') format('woff2'),*/
/*         url('/lib/fonts/OpenSans-Bold.woff') format('woff');*/
/*    font-weight: 700;*/
/*    font-style: normal;*/
/*    font-display: swap;*/
/*}*/

/* Lato */

/*@font-face {*/
/*    font-family: 'LatoRegular';*/
/*    src: url('/lib/fonts/Lato-Regular.woff2') format('woff2'),*/
/*         url('/lib/fonts/Lato-Regular.woff') format('woff');*/
/*}*/

/*@font-face {*/
/*    font-family: 'LatoSemiBold';*/
/*    src: url('/lib/fonts/Lato-Semibold.woff2') format('woff2'),*/
/*         url('/lib/fonts/Lato-Semibold.woff') format('woff');*/
/*}*/

/*@font-face {*/
/*    font-family: 'LatoBold';*/
/*    src: url('/lib/fonts/Lato-Bold.woff2') format('woff2'),*/
/*         url('/lib/fonts/Lato-Bold.woff') format('woff');*/
/*}*/

/*@font-face {*/
/*    font-family: 'LatoBlack';*/
/*    src: url('/lib/fonts/Lato-Black.woff2') format('woff2'),*/
/*         url('/lib/fonts/Lato-Black.woff') format('woff');*/
/*}*/

/* Montserrat */

/*@font-face {*/
/*    font-family: 'MontserratSemiBold';*/
/*    src: url('/lib/fonts/Montserrat-SemiBold.woff2') format('woff2'),*/
/*         url('/lib/fonts/Montserrat-SemiBold.woff') format('woff');*/
/*}*/

/*@font-face {*/
/*    font-family: 'MontserratMedium';*/
/*    src: url('/lib/fonts/Montserrat-Medium.woff2') format('woff2'),*/
/*         url('/lib/fonts/Montserrat-Medium.woff') format('woff');*/
/*}*/


/* Icons */
.topLineIcon .icon,
.searchForm .icon {
    width: 22px;
    height: 22px;
    stroke: #1a1a1a;       /* Dark color like ExamCollection header */
    stroke-width: 2;
    transition: all 0.3s ease;
}

/* Hover effect */
.topLineIcon:hover .icon,
.searchForm .submitBtn:hover .icon {
    stroke: #ff6600;       /* Orange accent on hover */
}

/* Alignment */
.topLineIcon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
}

.searchForm .submitBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent;
    border: none;
    cursor: pointer;
}

/* Search input styling */
.searchForm input[type="search"] {
    padding: 5px 10px;
    border-radius: 4px;
    border: 1px solid #ccc;
    font-size: 14px;
}


/* Default Font */
body {
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
}

/* Buttons & Important Text */
button, .btn {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
}

/* Bold Utility */
.bold {
    font-weight: 700;
}

/* Extra Bold (Lato Black) */
.black {
    font-family: 'Lato', sans-serif;
    font-weight: 900;
}


*,::after,::before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: transparent
}

@-ms-viewport {
    width: device-width
}

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

body {
    margin: 0;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
    background-color: #fff
}

[tabindex="-1"]:focus {
    outline: 0!important
}

hr {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

h1,h2,h3,h4,h5,h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

p {
    margin-top: 0;
    margin-bottom: 1rem
}

abbr[data-original-title],abbr[title] {
    text-decoration: underline;
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
    cursor: help;
    border-bottom: 0
}

address {
    margin-bottom: 1rem;
    font-style: normal;
    line-height: inherit
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-bottom: .5rem;
    margin-left: 0
}

blockquote {
    margin: 0 0 1rem
}

dfn {
    font-style: italic
}

b,strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

a {
    color: #007bff;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}

a:hover {
    color: #0056b3;
    text-decoration: underline
}

a:not([href]):not([tabindex]) {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus,a:not([href]):not([tabindex]):hover {
    color: inherit;
    text-decoration: none
}

a:not([href]):not([tabindex]):focus {
    outline: 0
}

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

pre {
    margin-top: 0;
    margin-bottom: 1rem;
    overflow: auto;
    -ms-overflow-style: scrollbar
}

figure {
    margin: 0 0 1rem
}

img {
    vertical-align: middle;
    border-style: none
}

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

table {
    border-collapse: collapse
}

caption {
    padding-top: .75rem;
    padding-bottom: .75rem;
    color: #6c757d;
    text-align: left;
    caption-side: bottom
}

th {
    text-align: inherit
}

label {
    display: inline-block;
    margin-bottom: .5rem
}

button {
    border-radius: 0
}

button:focus {
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color
}

button,input,optgroup,select,textarea {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    line-height: inherit
}

button,input {
    overflow: visible
}

button,select {
    text-transform: none
}

[type=reset],[type=submit],button,html [type=button] {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner {
    padding: 0;
    border-style: none
}

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

input[type=date],input[type=datetime-local],input[type=month],input[type=time] {
    -webkit-appearance: listbox
}

textarea {
    overflow: auto;
    resize: vertical
}

fieldset {
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0
}

legend {
    display: block;
    width: 100%;
    max-width: 100%;
    padding: 0;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: inherit;
    color: inherit;
    white-space: normal
}

progress {
    vertical-align: baseline
}

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

[type=search] {
    outline-offset: -2px;
    -webkit-appearance: none
}

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

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button
}

output {
    display: inline-block
}

summary {
    display: list-item;
    cursor: pointer
}

template {
    display: none
}

[hidden] {
    display: none!important
}

@-ms-viewport {
    width: device-width
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,::after,::before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

.container {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

@media (min-width: 576px) {
    .container {
        max-width:540px
    }
}

@media (min-width: 768px) {
    .container {
        max-width:720px
    }
}

@media (min-width: 992px) {
    .container {
        max-width:960px
    }
}

@media (min-width: 1200px) {
    .container {
        max-width:1140px
    }
}

.container-fluid {
    width: 100%;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}

.row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.no-gutters {
    margin-right: 0;
    margin-left: 0
}

.no-gutters>.col,.no-gutters>[class*=col-] {
    padding-right: 0;
    padding-left: 0
}

.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.col {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%
}

.col-auto {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none
}

.col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    max-width: 8.33333%
}

.col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    max-width: 16.66667%
}

.col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%
}

.col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    max-width: 33.33333%
}

.col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    max-width: 41.66667%
}

.col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%
}

.col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    max-width: 58.33333%
}

.col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    max-width: 66.66667%
}

.col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%
}

.col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    max-width: 83.33333%
}

.col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    max-width: 91.66667%
}

.col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%
}

.order-first {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
    -ms-flex-order: -1;
    order: -1
}

.order-last {
    -webkit-box-ordinal-group: 14;
    -webkit-order: 13;
    -ms-flex-order: 13;
    order: 13
}

.order-0 {
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0
}

.order-1 {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
    -ms-flex-order: 1;
    order: 1
}

.order-2 {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
    -ms-flex-order: 2;
    order: 2
}

.order-3 {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
    -ms-flex-order: 3;
    order: 3
}

.order-4 {
    -webkit-box-ordinal-group: 5;
    -webkit-order: 4;
    -ms-flex-order: 4;
    order: 4
}

.order-5 {
    -webkit-box-ordinal-group: 6;
    -webkit-order: 5;
    -ms-flex-order: 5;
    order: 5
}

.order-6 {
    -webkit-box-ordinal-group: 7;
    -webkit-order: 6;
    -ms-flex-order: 6;
    order: 6
}

.order-7 {
    -webkit-box-ordinal-group: 8;
    -webkit-order: 7;
    -ms-flex-order: 7;
    order: 7
}

.order-8 {
    -webkit-box-ordinal-group: 9;
    -webkit-order: 8;
    -ms-flex-order: 8;
    order: 8
}

.order-9 {
    -webkit-box-ordinal-group: 10;
    -webkit-order: 9;
    -ms-flex-order: 9;
    order: 9
}

.order-10 {
    -webkit-box-ordinal-group: 11;
    -webkit-order: 10;
    -ms-flex-order: 10;
    order: 10
}

.order-11 {
    -webkit-box-ordinal-group: 12;
    -webkit-order: 11;
    -ms-flex-order: 11;
    order: 11
}

.order-12 {
    -webkit-box-ordinal-group: 13;
    -webkit-order: 12;
    -ms-flex-order: 12;
    order: 12
}

.offset-1 {
    margin-left: 8.33333%
}

.offset-2 {
    margin-left: 16.66667%
}

.offset-3 {
    margin-left: 25%
}

.offset-4 {
    margin-left: 33.33333%
}

.offset-5 {
    margin-left: 41.66667%
}

.offset-6 {
    margin-left: 50%
}

.offset-7 {
    margin-left: 58.33333%
}

.offset-8 {
    margin-left: 66.66667%
}

.offset-9 {
    margin-left: 75%
}

.offset-10 {
    margin-left: 83.33333%
}

.offset-11 {
    margin-left: 91.66667%
}

@media (min-width: 576px) {
    .col-sm {
        -webkit-flex-basis:0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-sm-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-sm-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-sm-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-sm-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-sm-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-sm-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-sm-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-sm-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-sm-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-sm-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-sm-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-sm-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-sm-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-sm-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-sm-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-sm-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-sm-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-sm-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-sm-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-sm-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-sm-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-sm-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-sm-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-sm-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-sm-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-sm-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-sm-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-sm-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-sm-0 {
        margin-left: 0
    }

    .offset-sm-1 {
        margin-left: 8.33333%
    }

    .offset-sm-2 {
        margin-left: 16.66667%
    }

    .offset-sm-3 {
        margin-left: 25%
    }

    .offset-sm-4 {
        margin-left: 33.33333%
    }

    .offset-sm-5 {
        margin-left: 41.66667%
    }

    .offset-sm-6 {
        margin-left: 50%
    }

    .offset-sm-7 {
        margin-left: 58.33333%
    }

    .offset-sm-8 {
        margin-left: 66.66667%
    }

    .offset-sm-9 {
        margin-left: 75%
    }

    .offset-sm-10 {
        margin-left: 83.33333%
    }

    .offset-sm-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 768px) {
    .col-md {
        -webkit-flex-basis:0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-md-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-md-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-md-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-md-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-md-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-md-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-md-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-md-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-md-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-md-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-md-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-md-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-md-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-md-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-md-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-md-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-md-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-md-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-md-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-md-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-md-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-md-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-md-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-md-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-md-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-md-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-md-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-md-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-md-0 {
        margin-left: 0
    }

    .offset-md-1 {
        margin-left: 8.33333%
    }

    .offset-md-2 {
        margin-left: 16.66667%
    }

    .offset-md-3 {
        margin-left: 25%
    }

    .offset-md-4 {
        margin-left: 33.33333%
    }

    .offset-md-5 {
        margin-left: 41.66667%
    }

    .offset-md-6 {
        margin-left: 50%
    }

    .offset-md-7 {
        margin-left: 58.33333%
    }

    .offset-md-8 {
        margin-left: 66.66667%
    }

    .offset-md-9 {
        margin-left: 75%
    }

    .offset-md-10 {
        margin-left: 83.33333%
    }

    .offset-md-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 992px) {
    .col-lg {
        -webkit-flex-basis:0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-lg-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-lg-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-lg-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-lg-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-lg-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-lg-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-lg-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-lg-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-lg-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-lg-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-lg-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-lg-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-lg-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-lg-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-lg-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-lg-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-lg-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-lg-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-lg-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-lg-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-lg-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-lg-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-lg-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-lg-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-lg-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-lg-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-lg-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-lg-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-lg-0 {
        margin-left: 0
    }

    .offset-lg-1 {
        margin-left: 8.33333%
    }

    .offset-lg-2 {
        margin-left: 16.66667%
    }

    .offset-lg-3 {
        margin-left: 25%
    }

    .offset-lg-4 {
        margin-left: 33.33333%
    }

    .offset-lg-5 {
        margin-left: 41.66667%
    }

    .offset-lg-6 {
        margin-left: 50%
    }

    .offset-lg-7 {
        margin-left: 58.33333%
    }

    .offset-lg-8 {
        margin-left: 66.66667%
    }

    .offset-lg-9 {
        margin-left: 75%
    }

    .offset-lg-10 {
        margin-left: 83.33333%
    }

    .offset-lg-11 {
        margin-left: 91.66667%
    }
}

@media (min-width: 1200px) {
    .col-xl {
        -webkit-flex-basis:0;
        -ms-flex-preferred-size: 0;
        flex-basis: 0;
        -webkit-box-flex: 1;
        -webkit-flex-grow: 1;
        -ms-flex-positive: 1;
        flex-grow: 1;
        max-width: 100%
    }

    .col-xl-auto {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none
    }

    .col-xl-1 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 8.33333%;
        -ms-flex: 0 0 8.33333%;
        flex: 0 0 8.33333%;
        max-width: 8.33333%
    }

    .col-xl-2 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 16.66667%;
        -ms-flex: 0 0 16.66667%;
        flex: 0 0 16.66667%;
        max-width: 16.66667%
    }

    .col-xl-3 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%
    }

    .col-xl-4 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 33.33333%;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .col-xl-5 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 41.66667%;
        -ms-flex: 0 0 41.66667%;
        flex: 0 0 41.66667%;
        max-width: 41.66667%
    }

    .col-xl-6 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .col-xl-7 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 58.33333%;
        -ms-flex: 0 0 58.33333%;
        flex: 0 0 58.33333%;
        max-width: 58.33333%
    }

    .col-xl-8 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 66.66667%;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .col-xl-9 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%
    }

    .col-xl-10 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 83.33333%;
        -ms-flex: 0 0 83.33333%;
        flex: 0 0 83.33333%;
        max-width: 83.33333%
    }

    .col-xl-11 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 91.66667%;
        -ms-flex: 0 0 91.66667%;
        flex: 0 0 91.66667%;
        max-width: 91.66667%
    }

    .col-xl-12 {
        -webkit-box-flex: 0;
        -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }

    .order-xl-first {
        -webkit-box-ordinal-group: 0;
        -webkit-order: -1;
        -ms-flex-order: -1;
        order: -1
    }

    .order-xl-last {
        -webkit-box-ordinal-group: 14;
        -webkit-order: 13;
        -ms-flex-order: 13;
        order: 13
    }

    .order-xl-0 {
        -webkit-box-ordinal-group: 1;
        -webkit-order: 0;
        -ms-flex-order: 0;
        order: 0
    }

    .order-xl-1 {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .order-xl-2 {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .order-xl-3 {
        -webkit-box-ordinal-group: 4;
        -webkit-order: 3;
        -ms-flex-order: 3;
        order: 3
    }

    .order-xl-4 {
        -webkit-box-ordinal-group: 5;
        -webkit-order: 4;
        -ms-flex-order: 4;
        order: 4
    }

    .order-xl-5 {
        -webkit-box-ordinal-group: 6;
        -webkit-order: 5;
        -ms-flex-order: 5;
        order: 5
    }

    .order-xl-6 {
        -webkit-box-ordinal-group: 7;
        -webkit-order: 6;
        -ms-flex-order: 6;
        order: 6
    }

    .order-xl-7 {
        -webkit-box-ordinal-group: 8;
        -webkit-order: 7;
        -ms-flex-order: 7;
        order: 7
    }

    .order-xl-8 {
        -webkit-box-ordinal-group: 9;
        -webkit-order: 8;
        -ms-flex-order: 8;
        order: 8
    }

    .order-xl-9 {
        -webkit-box-ordinal-group: 10;
        -webkit-order: 9;
        -ms-flex-order: 9;
        order: 9
    }

    .order-xl-10 {
        -webkit-box-ordinal-group: 11;
        -webkit-order: 10;
        -ms-flex-order: 10;
        order: 10
    }

    .order-xl-11 {
        -webkit-box-ordinal-group: 12;
        -webkit-order: 11;
        -ms-flex-order: 11;
        order: 11
    }

    .order-xl-12 {
        -webkit-box-ordinal-group: 13;
        -webkit-order: 12;
        -ms-flex-order: 12;
        order: 12
    }

    .offset-xl-0 {
        margin-left: 0
    }

    .offset-xl-1 {
        margin-left: 8.33333%
    }

    .offset-xl-2 {
        margin-left: 16.66667%
    }

    .offset-xl-3 {
        margin-left: 25%
    }

    .offset-xl-4 {
        margin-left: 33.33333%
    }

    .offset-xl-5 {
        margin-left: 41.66667%
    }

    .offset-xl-6 {
        margin-left: 50%
    }

    .offset-xl-7 {
        margin-left: 58.33333%
    }

    .offset-xl-8 {
        margin-left: 66.66667%
    }

    .offset-xl-9 {
        margin-left: 75%
    }

    .offset-xl-10 {
        margin-left: 83.33333%
    }

    .offset-xl-11 {
        margin-left: 91.66667%
    }
}

.d-none {
    display: none!important
}

.d-inline {
    display: inline!important
}

.d-inline-block {
    display: inline-block!important
}

.d-block {
    display: block!important
}

.d-table {
    display: table!important
}

.d-table-row {
    display: table-row!important
}

.d-table-cell {
    display: table-cell!important
}

.d-flex {
    display: -webkit-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: flex!important
}

.d-inline-flex {
    display: -webkit-inline-box!important;
    display: -webkit-inline-flex!important;
    display: -ms-inline-flexbox!important;
    display: inline-flex!important
}

@media (min-width: 576px) {
    .d-sm-none {
        display:none!important
    }

    .d-sm-inline {
        display: inline!important
    }

    .d-sm-inline-block {
        display: inline-block!important
    }

    .d-sm-block {
        display: block!important
    }

    .d-sm-table {
        display: table!important
    }

    .d-sm-table-row {
        display: table-row!important
    }

    .d-sm-table-cell {
        display: table-cell!important
    }

    .d-sm-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-sm-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display:none!important
    }

    .d-md-inline {
        display: inline!important
    }

    .d-md-inline-block {
        display: inline-block!important
    }

    .d-md-block {
        display: block!important
    }

    .d-md-table {
        display: table!important
    }

    .d-md-table-row {
        display: table-row!important
    }

    .d-md-table-cell {
        display: table-cell!important
    }

    .d-md-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-md-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display:none!important
    }

    .d-lg-inline {
        display: inline!important
    }

    .d-lg-inline-block {
        display: inline-block!important
    }

    .d-lg-block {
        display: block!important
    }

    .d-lg-table {
        display: table!important
    }

    .d-lg-table-row {
        display: table-row!important
    }

    .d-lg-table-cell {
        display: table-cell!important
    }

    .d-lg-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-lg-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display:none!important
    }

    .d-xl-inline {
        display: inline!important
    }

    .d-xl-inline-block {
        display: inline-block!important
    }

    .d-xl-block {
        display: block!important
    }

    .d-xl-table {
        display: table!important
    }

    .d-xl-table-row {
        display: table-row!important
    }

    .d-xl-table-cell {
        display: table-cell!important
    }

    .d-xl-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-xl-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

@media print {
    .d-print-none {
        display: none!important
    }

    .d-print-inline {
        display: inline!important
    }

    .d-print-inline-block {
        display: inline-block!important
    }

    .d-print-block {
        display: block!important
    }

    .d-print-table {
        display: table!important
    }

    .d-print-table-row {
        display: table-row!important
    }

    .d-print-table-cell {
        display: table-cell!important
    }

    .d-print-flex {
        display: -webkit-box!important;
        display: -webkit-flex!important;
        display: -ms-flexbox!important;
        display: flex!important
    }

    .d-print-inline-flex {
        display: -webkit-inline-box!important;
        display: -webkit-inline-flex!important;
        display: -ms-inline-flexbox!important;
        display: inline-flex!important
    }
}

.flex-row {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: row!important;
    -ms-flex-direction: row!important;
    flex-direction: row!important
}

.flex-column {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: normal!important;
    -webkit-flex-direction: column!important;
    -ms-flex-direction: column!important;
    flex-direction: column!important
}

.flex-row-reverse {
    -webkit-box-orient: horizontal!important;
    -webkit-box-direction: reverse!important;
    -webkit-flex-direction: row-reverse!important;
    -ms-flex-direction: row-reverse!important;
    flex-direction: row-reverse!important
}

.flex-column-reverse {
    -webkit-box-orient: vertical!important;
    -webkit-box-direction: reverse!important;
    -webkit-flex-direction: column-reverse!important;
    -ms-flex-direction: column-reverse!important;
    flex-direction: column-reverse!important
}

.flex-wrap {
    -webkit-flex-wrap: wrap!important;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important
}

.flex-nowrap {
    -webkit-flex-wrap: nowrap!important;
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important
}

.flex-wrap-reverse {
    -webkit-flex-wrap: wrap-reverse!important;
    -ms-flex-wrap: wrap-reverse!important;
    flex-wrap: wrap-reverse!important
}

.justify-content-start {
    -webkit-box-pack: start!important;
    -webkit-justify-content: flex-start!important;
    -ms-flex-pack: start!important;
    justify-content: flex-start!important
}

.justify-content-end {
    -webkit-box-pack: end!important;
    -webkit-justify-content: flex-end!important;
    -ms-flex-pack: end!important;
    justify-content: flex-end!important
}

.justify-content-center {
    -webkit-box-pack: center!important;
    -webkit-justify-content: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important
}

.justify-content-between {
    -webkit-box-pack: justify!important;
    -webkit-justify-content: space-between!important;
    -ms-flex-pack: justify!important;
    justify-content: space-between!important
}

.justify-content-around {
    -webkit-justify-content: space-around!important;
    -ms-flex-pack: distribute!important;
    justify-content: space-around!important
}

.align-items-start {
    -webkit-box-align: start!important;
    -webkit-align-items: flex-start!important;
    -ms-flex-align: start!important;
    align-items: flex-start!important
}

.align-items-end {
    -webkit-box-align: end!important;
    -webkit-align-items: flex-end!important;
    -ms-flex-align: end!important;
    align-items: flex-end!important
}

.align-items-center {
    -webkit-box-align: center!important;
    -webkit-align-items: center!important;
    -ms-flex-align: center!important;
    align-items: center!important
}

.align-items-baseline {
    -webkit-box-align: baseline!important;
    -webkit-align-items: baseline!important;
    -ms-flex-align: baseline!important;
    align-items: baseline!important
}

.align-items-stretch {
    -webkit-box-align: stretch!important;
    -webkit-align-items: stretch!important;
    -ms-flex-align: stretch!important;
    align-items: stretch!important
}

.align-content-start {
    -webkit-align-content: flex-start!important;
    -ms-flex-line-pack: start!important;
    align-content: flex-start!important
}

.align-content-end {
    -webkit-align-content: flex-end!important;
    -ms-flex-line-pack: end!important;
    align-content: flex-end!important
}

.align-content-center {
    -webkit-align-content: center!important;
    -ms-flex-line-pack: center!important;
    align-content: center!important
}

.align-content-between {
    -webkit-align-content: space-between!important;
    -ms-flex-line-pack: justify!important;
    align-content: space-between!important
}

.align-content-around {
    -webkit-align-content: space-around!important;
    -ms-flex-line-pack: distribute!important;
    align-content: space-around!important
}

.align-content-stretch {
    -webkit-align-content: stretch!important;
    -ms-flex-line-pack: stretch!important;
    align-content: stretch!important
}

.align-self-auto {
    -webkit-align-self: auto!important;
    -ms-flex-item-align: auto!important;
    align-self: auto!important
}

.align-self-start {
    -webkit-align-self: flex-start!important;
    -ms-flex-item-align: start!important;
    align-self: flex-start!important
}

.align-self-end {
    -webkit-align-self: flex-end!important;
    -ms-flex-item-align: end!important;
    align-self: flex-end!important
}

.align-self-center {
    -webkit-align-self: center!important;
    -ms-flex-item-align: center!important;
    align-self: center!important
}

.align-self-baseline {
    -webkit-align-self: baseline!important;
    -ms-flex-item-align: baseline!important;
    align-self: baseline!important
}

.align-self-stretch {
    -webkit-align-self: stretch!important;
    -ms-flex-item-align: stretch!important;
    align-self: stretch!important
}

@media (min-width: 576px) {
    .flex-sm-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-sm-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-sm-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-sm-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-sm-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-sm-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-sm-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .justify-content-sm-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-sm-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-sm-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-sm-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-sm-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-sm-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-sm-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-sm-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-sm-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-sm-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-sm-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-sm-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-sm-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-sm-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-sm-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-sm-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-sm-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-sm-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-sm-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-sm-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-sm-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-sm-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 768px) {
    .flex-md-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-md-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-md-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-md-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-md-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-md-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-md-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .justify-content-md-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-md-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-md-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-md-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-md-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-md-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-md-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-md-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-md-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-md-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-md-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-md-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-md-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-md-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-md-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-md-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-md-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-md-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-md-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-md-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-md-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-md-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 992px) {
    .flex-lg-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-lg-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-lg-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-lg-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-lg-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-lg-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-lg-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .justify-content-lg-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-lg-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-lg-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-lg-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-lg-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-lg-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-lg-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-lg-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-lg-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-lg-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-lg-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-lg-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-lg-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-lg-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-lg-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-lg-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-lg-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-lg-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-lg-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-lg-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-lg-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-lg-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

@media (min-width: 1200px) {
    .flex-xl-row {
        -webkit-box-orient:horizontal!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: row!important;
        -ms-flex-direction: row!important;
        flex-direction: row!important
    }

    .flex-xl-column {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: normal!important;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important
    }

    .flex-xl-row-reverse {
        -webkit-box-orient: horizontal!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: row-reverse!important;
        -ms-flex-direction: row-reverse!important;
        flex-direction: row-reverse!important
    }

    .flex-xl-column-reverse {
        -webkit-box-orient: vertical!important;
        -webkit-box-direction: reverse!important;
        -webkit-flex-direction: column-reverse!important;
        -ms-flex-direction: column-reverse!important;
        flex-direction: column-reverse!important
    }

    .flex-xl-wrap {
        -webkit-flex-wrap: wrap!important;
        -ms-flex-wrap: wrap!important;
        flex-wrap: wrap!important
    }

    .flex-xl-nowrap {
        -webkit-flex-wrap: nowrap!important;
        -ms-flex-wrap: nowrap!important;
        flex-wrap: nowrap!important
    }

    .flex-xl-wrap-reverse {
        -webkit-flex-wrap: wrap-reverse!important;
        -ms-flex-wrap: wrap-reverse!important;
        flex-wrap: wrap-reverse!important
    }

    .justify-content-xl-start {
        -webkit-box-pack: start!important;
        -webkit-justify-content: flex-start!important;
        -ms-flex-pack: start!important;
        justify-content: flex-start!important
    }

    .justify-content-xl-end {
        -webkit-box-pack: end!important;
        -webkit-justify-content: flex-end!important;
        -ms-flex-pack: end!important;
        justify-content: flex-end!important
    }

    .justify-content-xl-center {
        -webkit-box-pack: center!important;
        -webkit-justify-content: center!important;
        -ms-flex-pack: center!important;
        justify-content: center!important
    }

    .justify-content-xl-between {
        -webkit-box-pack: justify!important;
        -webkit-justify-content: space-between!important;
        -ms-flex-pack: justify!important;
        justify-content: space-between!important
    }

    .justify-content-xl-around {
        -webkit-justify-content: space-around!important;
        -ms-flex-pack: distribute!important;
        justify-content: space-around!important
    }

    .align-items-xl-start {
        -webkit-box-align: start!important;
        -webkit-align-items: flex-start!important;
        -ms-flex-align: start!important;
        align-items: flex-start!important
    }

    .align-items-xl-end {
        -webkit-box-align: end!important;
        -webkit-align-items: flex-end!important;
        -ms-flex-align: end!important;
        align-items: flex-end!important
    }

    .align-items-xl-center {
        -webkit-box-align: center!important;
        -webkit-align-items: center!important;
        -ms-flex-align: center!important;
        align-items: center!important
    }

    .align-items-xl-baseline {
        -webkit-box-align: baseline!important;
        -webkit-align-items: baseline!important;
        -ms-flex-align: baseline!important;
        align-items: baseline!important
    }

    .align-items-xl-stretch {
        -webkit-box-align: stretch!important;
        -webkit-align-items: stretch!important;
        -ms-flex-align: stretch!important;
        align-items: stretch!important
    }

    .align-content-xl-start {
        -webkit-align-content: flex-start!important;
        -ms-flex-line-pack: start!important;
        align-content: flex-start!important
    }

    .align-content-xl-end {
        -webkit-align-content: flex-end!important;
        -ms-flex-line-pack: end!important;
        align-content: flex-end!important
    }

    .align-content-xl-center {
        -webkit-align-content: center!important;
        -ms-flex-line-pack: center!important;
        align-content: center!important
    }

    .align-content-xl-between {
        -webkit-align-content: space-between!important;
        -ms-flex-line-pack: justify!important;
        align-content: space-between!important
    }

    .align-content-xl-around {
        -webkit-align-content: space-around!important;
        -ms-flex-line-pack: distribute!important;
        align-content: space-around!important
    }

    .align-content-xl-stretch {
        -webkit-align-content: stretch!important;
        -ms-flex-line-pack: stretch!important;
        align-content: stretch!important
    }

    .align-self-xl-auto {
        -webkit-align-self: auto!important;
        -ms-flex-item-align: auto!important;
        align-self: auto!important
    }

    .align-self-xl-start {
        -webkit-align-self: flex-start!important;
        -ms-flex-item-align: start!important;
        align-self: flex-start!important
    }

    .align-self-xl-end {
        -webkit-align-self: flex-end!important;
        -ms-flex-item-align: end!important;
        align-self: flex-end!important
    }

    .align-self-xl-center {
        -webkit-align-self: center!important;
        -ms-flex-item-align: center!important;
        align-self: center!important
    }

    .align-self-xl-baseline {
        -webkit-align-self: baseline!important;
        -ms-flex-item-align: baseline!important;
        align-self: baseline!important
    }

    .align-self-xl-stretch {
        -webkit-align-self: stretch!important;
        -ms-flex-item-align: stretch!important;
        align-self: stretch!important
    }
}

.w-25 {
    width: 25%!important
}

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

.w-75 {
    width: 75%!important
}

.w-100 {
    width: 100%!important
}

.h-25 {
    height: 25%!important
}

.h-50 {
    height: 50%!important
}

.h-75 {
    height: 75%!important
}

.h-100 {
    height: 100%!important
}

.mw-100 {
    max-width: 100%!important
}

.mh-100 {
    max-height: 100%!important
}

::-webkit-input-placeholder {
    color: #c0c9cf
}

::-moz-placeholder {
    color: #c0c9cf
}

:-ms-input-placeholder {
    color: #c0c9cf
}

::-ms-input-placeholder {
    color: #c0c9cf
}

::placeholder {
    color: #c0c9cf
}

::-moz-selection {
    background-color: #1a70c5;
    color: #fff
}

::selection {
    background-color: #1a70c5;
    color: #fff
}

body {
    /* font-size:16px; */
    /* min-width:320px; */
    /* position:relative; */
    /* line-height:1.5; */
    /* font-family:OpenSansRegular,sans-serif; */
    /* overflow-x:hidden; */
    /* color:#516e84; */
}

body input,body textarea {
    border: #666 1px solid;
    outline: 0
}

body input:required:valid,body textarea:required:valid {
    border-color: green
}

body.overlay::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 2
}

body::-webkit-scrollbar {
    width: 12px
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(26,112,197,.4)
}

#policyPopup::-webkit-scrollbar {
    width: 6px
}

#policyPopup::-webkit-scrollbar-thumb {
    background-color: rgba(26,112,197,.4)
}

body,html {
    height: 100%
}

.wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%
}

.wrapper .contentPage {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.wrapper .myFooter {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

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

.h1,h1 {
    font-size: 48px;
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e;
    line-height: 1.3;
    letter-spacing: -1.4px;
    margin-bottom: 25px
}

.subH1 {
    font-size: 48px;
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e;
    line-height: 1.3;
    letter-spacing: -1.4px
}

.h2 {
    font-size: 32px;
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e;
    line-height: 1.3;
    letter-spacing: -1.4px
}

.subH2 {
    font-size: 28px;
    font-family: OpenSansSemiBold,sans-serif;
    color: #1a70c5;
    line-height: 1.3;
    letter-spacing: -1.4px
}

.mH2 {
    font-size: 36px;
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e;
    line-height: 1.3;
    letter-spacing: -1.4px;
    margin-bottom: 35px;
    text-align: center
}

.fz24 {
    font-size: 24px;
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e
}

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

.h4 {
    font-size: 18px
}

.small {
    font-size: 15px
}

.textCenter {
    text-align: center
}

.textRight {
    text-align: right
}

.less1920 {
    display: none
}

.latoBold {
    font-family: OpenSansBold,sans-serif
}

.latoSemiBold {
    font-family: OpenSansSemiBold,sans-serif
}

.loadMoreLink {
    font-family: OpenSansBold,sans-serif
}

.visible320 {
    display: none
}

.underline {
    padding-bottom: 2px;
    border-bottom: 1px solid rgba(151,190,255,.36)!important;
    color: #1a70c5
}

.underline:hover {
    text-decoration: none;
    color: #1a70c5;
    border-color: #97beff!important
}

.hoverUnderline {
    padding-bottom: 2px;
    border-bottom: 1px solid transparent;
    color: #1a70c5
}

.hoverUnderline:hover {
    border-color: rgba(151,190,255,.36);
    text-decoration: none;
    color: #1a70c5
}

.bold,b,strong {
    font-family: OpenSansBold,sans-serif
}

a {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.visible992,.visibleMobile {
    display: none!important
}

.hiddenText {
    display: none
}

.link {
    color: #1a70c5
}

.headerColor {
    color: #354c5e
}

.italic {
    font-style: italic
}

.intl-tel-input .selected-flag::before {
    content: '';
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    height: 38px;
    width: 1px;
    background-color: rgba(53,76,94,.2)
}

.typicForm {
    width: 100%
}

.typicForm .flexSelect {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.typicForm .flexSelect .selectric-wrapper {
    width: 100%
}

.typicForm .flexSelect .selectric-wrapper:last-child {
    margin-left: 15px
}

.typicForm .cvvWrap {
    position: relative
}

.typicForm .cvvWrap .parsley-errors-list {
    top: -18px
}

.typicForm .cvvWrap::before {
    content: '';
    position: absolute;
    right: 55px;
    background-color: #eff1f2;
    height: 44px;
    width: 1px;
    z-index: 1
}

.typicForm .cvv {
    position: absolute;
    top: 50%;
    right: 7px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.typicForm .checkBoxWrap {
    position: relative;
    padding-left: 30px;
    margin-bottom: 20px;
    margin-top: 10px
}

.typicForm .checkBoxWrap .flexWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.typicForm .checkBoxWrap input {
    display: none
}

.typicForm .checkBoxWrap input:checked~.checkmark::after {
    display: block
}

.typicForm .checkBoxWrap .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid rgba(53,76,94,.2);
    border-radius: 3px;
    cursor: pointer
}

.typicForm .checkBoxWrap .checkmark::after {
    content: '';
    position: absolute;
    display: none;
    width: 8px;
    height: 14px;
    border: solid #516e84;
    border-width: 0 3px 3px 0;
    left: 5px;
    top: 1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.typicForm .flexChoose {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 30px
}

.typicForm .flexChoose .chooseFile {
    color: #1a70c5;
    font-family: OpenSansBold,sans-serif;
    text-transform: uppercase;
    background-color: rgba(188,212,247,.5);
    border: 1px solid rgba(18,103,170,.18);
    border-radius: 3px;
    min-width: 150px;
    display: inline-block;
    padding: 12px 0;
    text-align: center;
    cursor: pointer
}

.typicForm .flexChoose .chooseFile span {
    border-bottom: 1px solid rgba(26,112,197,.16);
    padding-bottom: 1px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.typicForm .flexChoose .chooseFile span:hover {
    border-color: rgba(26,112,197,.48)
}

.typicForm .flexChoose .filePath {
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e
}

.typicForm .flexChoose label {
    margin-bottom: 0
}

.typicForm .flexChoose .file-upload {
    margin-right: 16px
}

.typicForm .flexChoose .file-upload input {
    display: none
}

.typicForm textarea {
    resize: none
}

.typicForm label {
    width: 100%;
    margin-bottom: 20px;
    position: relative
}

.typicForm .intl-tel-input .parsley-errors-list {
    top: -18px
}

.typicForm .parsley-errors-list {
    position: absolute;
    font-size: 13px;
    top: 3px;
    right: 0;
    padding: 0;
    margin: 0;
    list-style-type: none;
    color: #cf0004
}

.typicForm input.parsley-error,.typicForm textarea.parsley-error {
    border-color: #cf0004
}

.typicForm input,.typicForm textarea {
    width: 100%;
    border: 1px solid rgba(53,76,94,.2);
    border-radius: 3px;
    padding: 9px 15px
}

.typicForm button {
    cursor: pointer
}

.typicForm .helpText {
    font-size: 15px;
    display: block;
    color: #31526b
}

.typicForm .flexInput {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin-bottom: 20px
}

.typicForm .flexInput .flexInput {
    margin-bottom: 0
}

.typicForm .flexInput .flexInput:last-child {
    margin-bottom: 0
}

.typicForm .flexInput .flexInput label:last-child {
    margin-bottom: 0
}

.typicForm .flexInput.withHelpMessage label {
    position: relative
}

.typicForm .flexInput.withHelpMessage label .captchaInfo {
    position: absolute;
    top: 3px;
    right: 0;
    font-size: 13px;
    color: #354c5e;
    opacity: .5
}

.typicForm .flexInput label {
    width: 100%;
    margin-bottom: 0
}

.typicForm .flexInput label p {
    display: none
}

.typicForm .flexInput label:last-child {
    margin-left: 20px
}

.typicForm .flexInput label.fileVersion {
    min-width: 240px
}

.typicForm .flexInput .flexCaptcha {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.typicForm .flexInput .flexCaptcha .captchaWrap {
    min-width: 110px;
    width: 110px;
    border: 1px solid rgba(53,76,94,.2);
    background-color: #fff;
    border-radius: 3px
}

.promoForm .parsley-errors-list,.searchForm .parsley-errors-list,.searchFormV2 .parsley-errors-list {
    top: -18px
}

.topBtn {
    border: 1px solid rgba(53,76,94,.2);
    position: fixed;
    bottom: 25px;
    right: -100px;
    border-radius: 10em;
    color: #000;
    font-size: 26px;
    width: 52px;
    height: 52px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    z-index: 12;
    opacity: .5;
    -webkit-box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.topBtn svg {
    width: 17px;
    height: 17px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.topBtn.active {
    right: 30px
}

.topBtn:hover {
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 32px 61px 0 rgba(32,70,128,.21);
    box-shadow: 0 32px 61px 0 rgba(32,70,128,.21)
}

.topBtn:hover svg {
    fill: #fff
}

.myBtn {
    min-width: 135px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(60,171,60,.31)),to(rgba(154,252,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#3eb53e),to(#3eb53e));
    background-image: -o-linear-gradient(bottom,rgba(60,171,60,.31),rgba(154,252,101,.31)),-o-linear-gradient(top,#3eb53e,#3eb53e);
    background-image: linear-gradient(to top,rgba(60,171,60,.31),rgba(154,252,101,.31)),linear-gradient(to bottom,#3eb53e,#3eb53e);
    border-radius: 3px;
    border: none;
    display: inline-block;
    color: #fff;
    font-size: 20px;
    font-family: OpenSansSemiBold,sans-serif;
    cursor: pointer
}

.myBtn:hover {
    color: #fff;
    text-decoration: none;
    background: #54c547
}

.platformBtns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.platformBtns .myBtn {
    padding: 14px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 140px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.platformBtns .myBtn:hover {
    background: #54c547
}

.platformBtns svg {
    width: 24px;
    height: 24px;
    fill: #fff;
    margin-right: 10px
}

.appBtns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.myHeader .menuSecondWrap {
    background-color: #445fa9;
    -webkit-box-shadow: inset 0 0 3px 0 rgba(2,44,88,.31);
    box-shadow: inset 0 0 3px 0 rgba(2,44,88,.31)
}

.myHeader .menuSecondWrap .flexWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.myHeader .menuSecondWrap .practiceExam {
    color: #fff;
    font-size: 15px;
    font-family: OpenSansSemiBold,sans-serif;
    text-transform: uppercase;
    padding: 18px 0;
    min-width: 135px;
    margin-right: 65px;
    position: relative;
    z-index: 1;
    white-space: nowrap
}

.myHeader .menuSecondWrap .practiceExam::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100vw;
    height: 100%;
    background-color: #2a4182;
    z-index: -1
}

.myHeader .menuSecondWrap .practiceExam::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 0;
    border-top: 29px solid transparent;
    border-left: 16px solid #2a4182;
    border-bottom: 29px solid transparent;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

.myHeader .menuSecondWrap .secondMenu {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%
}

.myHeader .menuSecondWrap .secondMenu li a {
    color: #fff;
    font-size: 15px;
    font-family: OpenSansSemiBold,sans-serif;
    border-bottom: 1px solid rgba(151,190,255,.36);
    padding-bottom: 2px
}

.myHeader .menuSecondWrap .secondMenu li a:hover {
    text-decoration: none;
    border-color: rgba(151,190,255,.72)
}

/* Menu container */
.menuFirst {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}

/* Hide on mobile (already handled by hiddenMobile class) */
.hiddenMobile {
    display: flex;
}

/* Menu items */
.menuFirst li {
    position: relative;
    margin-right: 25px;
}

/* Anchor links */
.menuFirst li a {
    text-decoration: none;
    color: #1a1a1a; /* Dark header text color */
    font-size: 14px;
    padding: 8px 0;
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

/* Active page highlight */
.menuFirst li.active a {
    color: #ff6600;  /* Orange accent for active page */
}

/* Hover effect */
.menuFirst li a:hover {
    color: #ff6600;
}

/* Crown icon style */
.menuFirst li.crown svg {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    stroke: #ff6600;  /* Orange crown */
    stroke-width: 2;
    fill: none;
}

/* Submenu (if any, optional) */
.menuFirst li ul {
    position: absolute;
    top: 100%;
    left: 0;
    background: #fff;
    list-style: none;
    padding: 5px 0;
    min-width: 150px;
    display: none;  /* hidden by default */
    box-shadow: 0 4px 8px rgba(0,0,0,0.1);
    border-radius: 4px;
    z-index: 999;
}

.menuFirst li:hover ul {
    display: block;
}

.menuFirst li ul li {
    margin: 0;
}

.menuFirst li ul li a {
    padding: 8px 15px;
    font-weight: 400;
    color: #1a1a1a;
}

.menuFirst li ul li a:hover {
    background-color: #ff6600;
    color: #fff;
}

/* Menu container */
.menuFirst {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;              /* horizontal row */
    flex-wrap: nowrap;          /* no wrap */
    align-items: center;        /* vertical align */
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
    white-space: nowrap;        /* prevent text wrap */
    justify-content: flex-start; /* start from left */
    max-width: 100%;            /* ensure container does not exceed page width */
    overflow: hidden;           /* hide extra content instead of scrolling */
    box-sizing: border-box;
}

/* Menu items */
.menuFirst li {
    position: relative;
    margin: 0 12px 0 0;        /* compact spacing */
    display: flex;
    align-items: center;
}

/* Remove margin for last item */
.menuFirst li:last-child {
    margin-right: 0;
}

/* Anchor links */
.menuFirst li a {
    text-decoration: none;
    color: #1a1a1a;
    font-size: 14px;
    padding: 6px 0;            /* vertical padding */
    display: flex;
    align-items: center;
    transition: color 0.3s ease;
}

/* Active item highlight */
.menuFirst li.active a {
    color: #ff6600;
}

/* Hover effect */
.menuFirst li a:hover {
    color: #ff6600;
}

/* Crown icon */
.menuFirst li.crown svg {
    width: 14px;
    height: 14px;
    margin-right: 4px;
    stroke: #ff6600;
    stroke-width: 2;
    fill: none;
}

/* Prevent text wrapping */
.menuFirst li a span {
    white-space: nowrap;
}

/* Optional: Reduce extra padding on very small screens */
@media screen and (max-width: 1024px) {
    .menuFirst li {
        margin-right: 8px;
    }
    .menuFirst li a {
        font-size: 13px;
    }
}


.myHeader .menuFirst {
    list-style: none;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    position: relative
}

.myHeader .menuFirst::before {
    content: '';
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(53,76,94,.06);
    width: 100vw;
    height: 1px
}

.myHeader .menuFirst li.crown {
    position: relative
}

.myHeader .menuFirst li.crown svg {
    width: 15px;
    height: 15px;
    position: absolute;
    top: 10px;
    right: 47px
}

.myHeader .menuFirst li.active a {
    background-color: rgba(164,187,243,.11);
    border-color: #445fa9
}

.myHeader .menuFirst li a {
    padding: 18.5px 47px;
    font-size: 15px;
    color: #354c5e;
    border-top: 1px solid transparent;
    text-transform: uppercase;
    font-family: OpenSansSemiBold,sans-serif;
    display: inline-block
}

.myHeader .menuFirst li a:hover {
    background-color: rgba(164,187,243,.11);
    text-decoration: none
}

.myHeader .topLine {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 20px 0
}

.myHeader .topLine .logo {
    display: block;
    min-width: 325px
}

.myHeader .topLineElements {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.myHeader .topLineIcons {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-left: 30px
}

.myHeader .topLineIcons .topLineIcon {
    width: 44px;
    height: 44px;
    border-radius: 10em;
    background-color: #f5f8fe;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 20px
}

.myHeader .topLineIcons .topLineIcon.active,.myHeader .topLineIcons .topLineIcon:hover {
    background-color: rgba(53,76,94,.2)
}

.myHeader .topLineIcons .topLineIcon:last-child {
    margin-right: 0
}

.myHeader .topLineIcons .topLineIcon svg {
    width: 24px;
    height: 24px;
    fill: #354c5e
}

.searchForm {
    position: relative;
    max-width: 400px
}

.searchForm .submitBtn {
    border: none;
    background-color: transparent;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    width: 24px;
    height: 24px;
    padding: 0;
    cursor: pointer
}

.searchForm .submitBtn svg {
    width: 24px;
    height: 24px;
    fill: #354c5e
}

.sWelcome {
    text-align: center;
    padding: 45px 0 50px
}

.sWelcome h1 {
    margin-bottom: 18px
}

.sWelcome .h3 {
    max-width: 850px;
    margin: 0 auto 22px
}

.sWelcome .searchFormV2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 670px;
    margin: 0 auto
}

.sWelcome .searchFormV2 .wrap {
    margin-right: 20px;
    position: relative;
    width: 100%
}

.sWelcome .searchFormV2 input {
    padding: 13px 15px;
    font-size: 20px
}

.sWelcome .searchFormV2 input::-webkit-input-placeholder {
    color: #6186b0
}

.sWelcome .searchFormV2 input::-moz-placeholder {
    color: #6186b0
}

.sWelcome .searchFormV2 input:-ms-input-placeholder {
    color: #6186b0
}

.sWelcome .searchFormV2 input::-ms-input-placeholder {
    color: #6186b0
}

.sWelcome .searchFormV2 input::placeholder {
    color: #6186b0
}

.owl-carousel .owl-dots {
    position: absolute;
    width: 100%;
    text-align: center
}

.owl-carousel .owl-dots .owl-dot {
    background-color: rgba(53,76,94,.12);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    margin-right: 10px;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.owl-carousel .owl-dots .owl-dot.active {
    background-color: #46b846
}

.owl-carousel .owl-dots .owl-dot.active:hover {
    background-color: #46b846
}

.owl-carousel .owl-dots .owl-dot:hover {
    background-color: rgba(81,110,132,.12)
}

.owl-carousel .owl-dots .owl-dot:last-child {
    margin-right: 0
}

.owl-carousel .owl-nav {
    position: absolute;
    width: 100%
}

.owl-carousel .owl-nav button {
    border: 1px solid rgba(53,76,94,.2)!important;
    position: absolute;
    left: -5px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-image: url(../img/arrowNext.svg)!important;
    outline: 0;
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
    -webkit-box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    box-shadow: 0 8px 16px 0 rgba(51,51,51,.08)
}

.owl-carousel .owl-nav button:hover {
    -webkit-box-shadow: 0 32px 61px 0 rgba(32,70,128,.21);
    box-shadow: 0 32px 61px 0 rgba(32,70,128,.21)
}

.owl-carousel .owl-nav button.disabled {
    opacity: .5
}

.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -5px;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

button.mfp-arrow {
    width: 52px;
    height: 52px;
    border-radius: 50%;
    background-image: url(../img/arrowNext.svg)!important;
    outline: 0;
    top: 54%;
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1);
    -webkit-box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    left: 15px
}

button.mfp-arrow:hover {
    -webkit-box-shadow: 0 32px 61px 0 rgba(32,70,128,.21);
    box-shadow: 0 32px 61px 0 rgba(32,70,128,.21)
}

button.mfp-arrow.mfp-arrow-right {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    left: auto;
    right: 15px
}

button.mfp-arrow::after,button.mfp-arrow::before {
    content: none
}

.sHotCertifications {
    padding: 36px 0 0;
    background-color: #f7f8fa;
    text-align: center
}

.sHotCertifications .owl-dots {
    bottom: 11%
}

.sHotCertifications .owl-stage {
    padding: 18px 0 78px
}

.sHotCertifications .owl-nav {
    top: 28%
}

.sHotCertifications .owl-nav button {
    left: -90px
}

.sHotCertifications .owl-nav button.owl-next {
    left: auto;
    right: -90px
}

.sHotCertifications .slide {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0 55px
}

.sHotCertifications .item {
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    border: solid 1px rgba(225,232,245,.5);
    background-color: #fff;
    padding: 20px 20px 15px;
    text-align: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    display: block
}

.sHotCertifications .item .imgWrap {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 124px
}

.sHotCertifications .item:hover {
    -webkit-box-shadow: 0 32px 61px 0 rgba(32,70,128,.21);
    box-shadow: 0 32px 61px 0 rgba(32,70,128,.21);
    text-decoration: none
}

.sHotCertifications .item:hover .h4 {
    border-color: rgba(151,190,255,.36)
}

.sHotCertifications .item .h4 {
    color: #1a70c5;
    font-family: OpenSansSemiBold,sans-serif;
    border-bottom: 1px solid transparent;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    max-width: 175px
}

.home .sPracticeExam {
    padding: 72px 0
}

.sPracticeExam {
    padding: 12px 0 65px
}

.sPracticeExam .hotTrainingCourses {
    margin-bottom: 32px
}

.sPracticeExam .hotTrainingCourses .h2 {
    margin-bottom: 20px
}

.sPracticeExam .hotTrainingCourses .items .item {
    position: relative;
    display: block;
    margin-bottom: 20px
}

.sPracticeExam .hotTrainingCourses .items .item:hover .itemTitle .ellipsis span {
    border-color: #fff
}

.sPracticeExam .hotTrainingCourses .items .item .itemAdvantages {
    position: absolute;
    top: 20px;
    right: 20px
}

.sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant {
    background-color: rgba(255,255,255,.8);
    width: 64px;
    height: 64px;
    border-radius: 5px;
    font-family: OpenSansBold,sans-serif;
    color: #354c5e;
    margin-bottom: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant:last-child {
    margin-bottom: 0
}

.sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant svg {
    width: 30px;
    height: 30px
}

.sPracticeExam .hotTrainingCourses .items .item .itemPrice {
    position: absolute;
    font-family: OpenSansBold,sans-serif;
    font-size: 28px;
    color: #354c5e;
    left: 20px;
    top: 20px;
    background-color: rgba(255,255,255,.8);
    padding: 0 15px;
    border-radius: 5px
}

.sPracticeExam .hotTrainingCourses .items .item .itemTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 20px 30px;
    background-color: rgba(26,112,197,.8)
}

.sPracticeExam .hotTrainingCourses .items .item .itemTitle .needOverflow {
    border-bottom: 1px solid rgba(255,255,255,.5);
    padding-bottom: 2px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 380px;
    overflow: hidden;
    display: inline-block
}

.sPracticeExam .hotTrainingCourses .items .item .itemTitle .ellipsis {
    border-bottom: 1px solid rgba(255,255,255,.5);
    padding-bottom: 2px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    white-space: nowrap;
    max-width: 297px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block
}

.sPracticeExam .hotTrainingCourses .items .item:hover .itemTitle .ellipsis,.sPracticeExam .hotTrainingCourses .items .item:hover .itemTitle .needOverflow {
    border-color: #fff
}

.sPracticeExam .hotTrainingCourses .items .item .itemTitle .ellipsis span {
    border-bottom: 1px solid rgba(255,255,255,.5);
    transition: all .25s ease
}

.sPracticeExam .h2 {
    margin-bottom: 25px
}

.sPracticeExam .practiceFilter {
    padding: 0;
    margin: 0;
    list-style: none;
    margin-bottom: 20px
}

.sPracticeExam .practiceFilter li {
    display: inline-block;
    margin: 0 15px 10px 0;
    padding: 10px 20px;
    -webkit-box-shadow: 0 5.3px 10.6px 0 rgba(51,51,51,.08);
    box-shadow: 0 5.3px 10.6px 0 rgba(51,51,51,.08);
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    border-radius: 5px
}

.sPracticeExam .practiceFilter li:hover {
    background-color: #f7f8fa
}

.sPracticeExam .practiceFilter li.active {
    color: #54c547
}

.sPracticeExam .practiceFilter li.active:hover {
    background-color: #fff
}

.sPracticeExam .practiceFilter li:last-child {
    margin-right: 0
}

.sPracticeExam .avansetBanner {
    margin-bottom: 32px;
    background-color: #f7f9fd;
    border-radius: 0 0 3px 3px
}

.sPracticeExam .avansetBanner .avansetLogoWrap {
    background: -o-radial-gradient(50% 50%,171px,#2c5b88 0,#244d79 100%);
    background: radial-gradient(171px at 50% 50%,#2c5b88 0,#244d79 100%);
    padding: 32px 0;
    border-radius: 3px 3px 0 0
}

.sPracticeExam .avansetBanner .avansetLogoWrap .avansetLogo {
    max-width: 225px;
    margin: 0 auto
}

.sPracticeExam .avansetBanner .avansetInfo {
    padding: 35px 68px 30px;
    text-align: center
}

.sPracticeExam .avansetBanner .avansetImg {
    -webkit-box-shadow: 0 9px 38px 0 rgba(14,58,104,.12);
    box-shadow: 0 9px 38px 0 rgba(14,58,104,.12);
    margin-top: 20px
}

.sPracticeExam .avansetBanner .platformBtns {
    margin-bottom: 25px
}

.sPracticeExam .avansetBanner .howToOpenBtn {
    font-family: OpenSansSemiBold,sans-serif;
    color: #1a70c5;
    display: block;
    text-align: center;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 27px
}

.sPracticeExam .avansetBanner .howToOpenBtn span {
    border-bottom: 1px solid rgba(26,112,197,.16);
    padding-bottom: 1px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.sPracticeExam .avansetBanner .howToOpenBtn:hover {
    text-decoration: none
}

.sPracticeExam .avansetBanner .howToOpenBtn:hover span {
    border-color: rgba(26,112,197,.48)
}

.sPracticeExam .premiumBanner {
    background-color: #f7f9fd;
    border-radius: 3px;
    padding: 30px 50px 40px;
    text-align: center;
    margin-bottom: 32px
}

.sPracticeExam .premiumBanner .myBtn {
    min-width: 170px;
    padding: 14px 0;
    margin-bottom: 35px;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.sPracticeExam .premiumBanner .h4 {
    color: #354c5e
}

.sPracticeExam .premiumBanner .premiumBannerTitle {
    font-size: 28px;
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e;
    letter-spacing: -1.4px
}

.sPracticeExam .premiumBanner .premiumFlex {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    line-height: 1.3;
    margin-bottom: 25px
}

.sPracticeExam .premiumBanner .premiumFlex .premiumTitle {
    font-size: 56px;
    color: #1a70c5;
    font-family: OpenSansSemiBold,sans-serif;
    margin-left: 10px
}

.sPracticeExam .threeBtns {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    max-width: 320px;
    padding-bottom: 40px
}

.sPracticeExam .threeBtns .myBtn {
    padding: 13px 15px;
    border-radius: 8px;
    font-family: OpenSansSemiBold,sans-serif;
    font-size: 20px;
    margin-bottom: 15px;
    letter-spacing: -.5px;
    position: relative
}

.sPracticeExam .threeBtns .myBtn:first-child:hover {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(60,171,60,.31)),to(rgba(154,252,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#3eb53e),to(#3eb53e));
    background-image: -o-linear-gradient(bottom,rgba(60,171,60,.31),rgba(154,252,101,.31)),-o-linear-gradient(top,#3eb53e,#3eb53e);
    background-image: linear-gradient(to top,rgba(60,171,60,.31),rgba(154,252,101,.31)),linear-gradient(to bottom,#3eb53e,#3eb53e)
}

.sPracticeExam .threeBtns .myBtn:first-child::before {
    content: "Free Demo";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 52px;
    font-size: 14px;
    color: #7aff75;
    font-family: OpenSansSemiBold,sans-serif
}

.sPracticeExam .threeBtns .myBtn:nth-child(2) {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(250,165,55,.31)),to(rgba(252,235,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#fda00a),to(#fda00a));
    background-image: -o-linear-gradient(bottom,rgba(250,165,55,.31),rgba(252,235,101,.31)),-o-linear-gradient(top,#fda00a,#fda00a);
    background-image: linear-gradient(to top,rgba(250,165,55,.31),rgba(252,235,101,.31)),linear-gradient(to bottom,#fda00a,#fda00a)
}

.sPracticeExam .threeBtns .myBtn:last-child {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(26,112,197,.31)),to(rgba(75,160,243,.31))),-webkit-gradient(linear,left top,left bottom,from(#1a70c5),to(#1a70c5));
    background-image: -o-linear-gradient(bottom,rgba(26,112,197,.31),rgba(75,160,243,.31)),-o-linear-gradient(top,#1a70c5,#1a70c5);
    background-image: linear-gradient(to top,rgba(26,112,197,.31),rgba(75,160,243,.31)),linear-gradient(to bottom,#1a70c5,#1a70c5);
    margin-bottom: 0
}

.sPracticeExam .threeBtns .myBtn svg {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px;
    width: 32px;
    height: 32px;
    fill: #fff
}

.sPracticeExam table tr.hide {
    display: none
}

.sPracticeExam table tr th:first-child,.sPracticeExam table tr th:nth-child(2) {
    width: 21%
}

.sPracticeExam .filterResults tr:nth-child(even) {
    background-color: #f7f8fa
}

.sPracticeExam .filterResults tr td:first-child,.sPracticeExam .filterResults tr td:nth-child(2) {
    width: 21%
}

table {
    width: 100%
}

table a {
    color: #1a70c5;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
    display: inline-block
}

table a:hover {
    color: #1a70c5;
    border-color: rgba(151,190,255,.36);
    text-decoration: none
}

table th {
    font-family: OpenSansSemiBold,sans-serif;
    font-size: 18px
}

table tr td {
    padding: 17px 20px;
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e
}

table tr th {
    padding: 15px 20px;
    font-weight: 400
}

.myFooter {
    background-color: #fcfcfc;
    padding: 45px 0 40px;
    text-align: center;
    border-top: 1px solid rgba(225,232,245,.5);
    color: #607688
}

.myFooter .footerMenu {
    padding: 0;
    margin-bottom: 25px
}

.myFooter .footerMenu li {
    display: inline-block;
    margin: 0 45px 20px 0
}

.myFooter .footerMenu li:last-child {
    margin-right: 0
}

.myFooter .footerMenu li a {
    color: #1a70c5;
    font-family: OpenSansSemiBold,sans-serif;
    border-bottom: 1px solid rgba(26,112,197,.16);
    padding-bottom: 2px
}

.myFooter .footerMenu li a:hover {
    text-decoration: none;
    border-color: rgba(26,112,197,.48)
}

.brearCrumb {
    padding: 0;
    margin: 0 0 35px 0;
    list-style: none
}

.brearCrumb li {
    display: inline-block;
    color: #6186b0;
    margin-right: 25px;
    position: relative
}

.brearCrumb li::before {
    content: ">>";
    position: absolute;
    right: -23px;
    top: 0;
    color: #c0c9cf
}

.brearCrumb li:last-child {
    margin-right: 0
}

.brearCrumb li:last-child::before {
    content: ''
}

.brearCrumb li a {
    color: #c0c9cf
}

.brearCrumb li a:hover {
    text-decoration: none
}

.topSertifications {
    padding: 30px;
    background-color: #f7f8fa;
    margin: 50px 0 35px;
    border-radius: 3px
}

.topSertificationsList {
    padding: 0;
    margin: 0;
    list-style: none
}

.topSertificationsList.width50 li {
    width: 49%
}

.topSertificationsList.width50 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.topSertificationsList li {
    margin-bottom: 15px;
    position: relative;
    padding-left: 20px
}

.topSertificationsList li:last-child {
    margin-bottom: 0
}

.topSertificationsList li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 9px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: rgba(53,76,94,.2)
}

.topSertificationsList li a:hover {
    text-decoration: none
}

.sPracticeExam .searchForm {
    max-width: none
}

.certInfo {
    margin-bottom: 30px
}

.certInfo .certInfoEl {
    color: #354c5e;
    margin-bottom: 10px
}

.certInfo .certInfoEl b {
    font-family: OpenSansBold,sans-serif
}

.certInfo .certInfoEl:last-child {
    margin-bottom: 0
}

.certCard {
    padding: 40px 25px 40px 60px;
    background-color: #fafcff;
    border: solid 1px rgba(53,76,94,.08);
    border-radius: 3px;
    margin-bottom: 80px
}

.certCard .certCardFlex {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between
}

.certCard .certCardText.fixedBot {
    position: absolute;
    bottom: 0
}

.certCard.three {
    position: relative
}

.certCard.three::before {
    content: '';
    position: absolute;
    bottom: 105px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eff1f2
}

.certCard.three .certCardItems {
    margin-bottom: 0
}

.certCard.three .desc {
    margin-top: 55px
}

.certCard .certCardImg {
    margin-bottom: 20px;
    display: flex;
    justify-content: center
}

.certCard form .myBtn {
    min-width: 200px;
    padding: 14px 0;
    display: block;
    margin: 0 auto
}

.certCard form .myBtn.margin {
    margin-bottom: 20px
}

.certCard>.typicForm {
    max-width: inherit;
    margin: 0
}

.certCard .subH1 {
    color: #1a70c5;
    text-align: center;
    font-family: OpenSansRegular,sans-serif
}

.certCard .desc {
    font-size: 15px;
    margin-top: 25px;
    color: #354c5e
}

.certCard .desc a {
    color: #1a70c5;
    font-family: OpenSansBold,sans-serif
}

.certCard .desc a:hover {
    color: #1a70c5;
    text-decoration: none
}

.certCard .col-lg-8 {
    padding-right: 15px;
    padding-left: 30px
}

.certCard .subH2 {
    color: #354c5e;
    font-family: OpenSansRegular,sans-serif;
    font-weight: 700
}

.certCard .certCardItems .certCardItem {
    color: #354c5e;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #eff1f2
}

.certCard .certCardItems .certCardItem:last-child {
    border-bottom: none
}

.certCard .certCardItems .certCardItem .h3 {
    font-family: OpenSansSemiBold,sans-serif;
    margin-bottom: 10px
}

.certCard .certCardItems .certCardItem .h3 a {
    color: #1a70c5;
    border-bottom: 1px solid transparent;
    padding-bottom: 2px
}

.certCard .certCardItems .certCardItem .h3 a:hover {
    text-decoration: none;
    border-color: rgba(18,103,170,.18)
}

.certCard .certCardItems .certCardItem .h4 {
    margin-bottom: 5px
}

.certCard .certCardItems .certCardItem .h4:last-child {
    margin-bottom: 0
}

.purchase {
    margin-bottom: 80px
}

.purchase table {
    border: 1px solid rgba(53,76,94,.08)
}

.purchase table tr {
    border-bottom: 1px solid rgba(53,76,94,.08)
}

.purchase table tr td {
    color: #354c5e
}

.purchase table tr td a {
    border-color: rgba(151,190,255,.36)
}

.purchase table tr td a:hover {
    border-color: #97beff
}

.purchase table tr td:first-child {
    width: 17%
}

.purchase table tr td:nth-child(2) {
    width: 55%
}

.purchase table tr:nth-child(even) {
    background-color: transparent
}

.purchase table tr:last-child {
    border-bottom: none
}

.myAccountMenu,.tabs {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 14px;
    -webkit-box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    position: relative
}

.tabs.four .switcher {
    width: 25%;
    height: 64px
}

.tabs.four .tab {
    padding: 19px 0
}

.tabs .switcher {
    position: absolute;
    left: 0;
    top: 0;
    height: 80px;
    background-color: #1a70c5;
    width: 33.3333%;
    border-radius: 14px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    -webkit-box-shadow: 0 32px 61px 0 rgba(32,70,128,.21);
    box-shadow: 0 32px 61px 0 rgba(32,70,128,.21)
}

.tabs .switcher.hover {
    background-color: #4596e6
}

.myAccountMenu .tab,.tabs .tab {
    width: 100%;
    text-align: center;
    padding: 27px 0;
    cursor: pointer;
    position: relative;
    z-index: 1;
    border-radius: 14px
}

.myAccountMenu .tab {
    color: #516e84
}

.myAccount .topSertificationsList {
    padding-left: 30px
}

.myAccountMenu .tab.active,.tabs .tab.active {
    background-color: #1a70c5;
    color: #fff
}

.myAccountMenu .tab:hover,.tabs .tab:hover {
    background-color: #1a70c5;
    color: #fff;
    text-decoration: none
}

.tabsWrap {
    border: 1px solid rgba(53,76,94,.08);
    border-top: none;
    border-radius: 14px 14px 10px 10px;
    margin-bottom: 60px
}

.tabsWrap.one {
    border-top: 1px solid rgba(53,76,94,.08)
}

.tabsWrap.one .h2 {
    text-align: center;
    margin: 30px 0 0 0
}

.tabContent {
    padding: 45px 15px 90px;
    color: #354c5e
}

.premiumPage .productScreenshotsCarousel .owl-dots {
    top: 88%
}

.productScreenshotsCarousel .owl-dots {
    top: 107%
}

.productScreenshotsCarousel .owl-nav {
    top: 45%
}

.productScreenshotsCarousel .slide {
    max-width: 672px;
    display: block;
    margin: 0 auto
}

.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: default
}

.mfp-close {
    cursor: pointer!important
}

.sPracticeExam .filesWrap {
    margin-bottom: 60px
}

.filesWrap table td:first-child {
    min-width: 180px
}

.newFiles .filesWrap table td:first-child {
    width: 170px
}

.newFiles .addDots a,.newFiles .addDots span {
    max-width: 360px
}

.newFiles .filesWrap table td:nth-child(3),.newFiles .filesWrap table td:nth-child(4) {
    width: 140px
}

.sPracticeExam .filesWrap .h2 {
    margin-bottom: 20px
}

.sPracticeExam .filesWrap table tr:nth-child(even),.sPracticeExam .highlight table tr:nth-child(even) {
    background-color: #f7f8fa
}

.sPracticeExam .filesWrap table tr td.link a {
    border-bottom: none
}

.sPracticeExam .filesWrap table tr td a {
    border-color: rgba(151,190,255,.36)
}

.sPracticeExam .filesWrap table tr td:first-child a {
    white-space: nowrap;
    max-width: 130px;
    text-overflow: ellipsis;
    overflow: hidden
}

.sPracticeExam .filesWrap table tr td a:hover {
    border-color: #97beff
}

.sPracticeExam .filesWrap table tr th:nth-child(2) {
    width: 64%
}

.facts {
    color: #354c5e;
    text-align: justify
}

.facts .h2 {
    margin-bottom: 20px
}

.facts .loadMoreLink {
    font-family: OpenSansBold,sans-serif
}

.comments {
    position: relative;
    padding: 45px 20px;
    margin-bottom: 60px;
    background-color: #f7f8fa
}

.comments .commentsTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 40px;
    position: relative
}

.comments .commentsTitle .h2 {
    margin-bottom: 0
}

.comments .commentsTitle span {
    font-size: 13px;
    margin-left: 30px;
    color: #354c5e;
    margin-top: 5px
}

.comments .commentsItems {
    position: relative
}

.comments .commentItem {
    border-bottom: 1px solid #eff1f2;
    margin-bottom: 25px;
    padding: 0 50px 15px 0
}

.comments .commentItem:last-child {
    border-bottom: 0;
    margin-bottom: 0
}

.comments .commentItem .commentItemHeader {
    padding: 0;
    margin: 0 0 10px 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.comments .commentItem .commentItemHeader li {
    margin-right: 30px;
    position: relative
}

.comments .commentItem .commentItemHeader li.warning a {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    color: #fda00a;
    border-bottom: 1px solid rgba(255,138,80,.17)
}

.comments .commentItem .commentItemHeader li.warning a:hover {
    text-decoration: none;
    border-color: rgba(255,138,80,.51)
}

.comments .commentItem .commentItemHeader li.warning svg {
    width: 20px;
    height: 20px;
    margin-right: 5px
}

.comments .commentItem .commentItemHeader li::before {
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: rgba(53,76,94,.12);
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: -15px
}

.comments .commentItem .commentItemHeader li:last-child {
    margin-right: 0
}

.comments .commentItem .commentItemHeader li:last-child::before {
    content: none
}

.comments .commentItem .commentItemHeader li.name {
    font-size: 20px;
    color: #1a70c5;
    font-family: OpenSansBold,sans-serif
}

.comments .commentItem .commentItemHeader li .country {
    font-family: OpenSansBold,sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.comments .commentItem .commentItemHeader li .country div:last-child {
    margin-left: 5px
}

.addComment {
    position: relative;
    padding: 30px 0 0 0;
    border-top: 1px solid #eff1f2
}

.addComment .h2 {
    margin-bottom: 30px
}

.addComment .typicForm {
    max-width: 745px
}

.addComment .commentForm .flexInput {
    margin-bottom: 25px
}

.addComment .commentForm .flexInput.withHelpMessage {
    margin-bottom: 30px
}

.addComment .commentForm .myBtn {
    min-width: 252.5px;
    padding: 14px 0
}

.mobileHotCourses {
    display: none
}

.addDots a,.addDots span {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 420px;
    display: inline-block
}

.addDots2 a,.addDots2 span {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 455px;
    display: inline-block
}

.addDots3 a {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 340px;
    display: inline-block
}

.addDots4 a,.addDots4 span {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 500px;
    display: inline-block
}

.addDotsFour a {
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 135px;
    display: inline-block
}

.fileCard {
    background-color: #fafcff;
    border: solid 1px rgba(53,76,94,.08);
    padding: 35px 25px 45px;
    margin-bottom: 80px;
    color: #354c5e
}

.fileCard .subH1 {
    margin: 20px 0 35px 0;
    font-family: OpenSansRegular,sans-serif
}

.fileCard .myBtn {
    padding: 14px 0;
    width: 100%
}

.fileCard.v1 .myBtn {
    width: auto;
    min-width: 250px;
    text-align: center;
    transition: none
}

.fileCard.v1 .info {
    margin-bottom: 0
}

.fileCard .col-lg-5 {
    text-align: center
}

.fileCard .info {
    margin-bottom: 40px
}

.fileCard .info div {
    margin-bottom: 10px
}

.fileCard .info div:last-child {
    margin-bottom: 0
}

.fileCard .info .h3 {
    font-family: OpenSansBold,sans-serif
}

.fileCard .info .h4 b {
    font-family: OpenSansBold,sans-serif
}

.filePagePurchase {
    margin-bottom: 80px
}

.filePagePurchase .h2 {
    margin-bottom: 20px
}

.filePagePurchase table tr:nth-child(even) {
    background-color: #f7f8fa
}

.filePagePurchase table tr th:first-child {
    width: 60%
}

.filePagePurchase table tr th:nth-child(2),.filePagePurchase table tr th:nth-child(3) {
    width: 10%
}

.filePagePurchase table tr th:last-child {
    width: 20%
}

.filePagePurchase table td:nth-child(3) {
    min-width: 120px
}

.videoCoursesPage .hotTrainingCoursesCarousel {
    margin-bottom: 90px
}

.videoCoursesPage .hotTrainingCoursesCarousel:last-of-type {
    margin-bottom: 0
}

.videoCoursesPage .hotTrainingCourses .owl-nav {
    top: 35%
}

.videoCoursesPage .hotTrainingCourses .owl-nav button {
    left: -85px
}

.videoCoursesPage .hotTrainingCourses .owl-nav button.owl-next {
    left: auto;
    right: -85px
}

.videoCoursesPage .hotTrainingCourses .h2 {
    margin-bottom: 30px;
    display: inline-block
}

.videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemPrice {
    font-size: 28px
}

.videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemTitle {
    font-size: 16px;
    padding: 5px 20px
}

.videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages {
    top: 10px;
    right: 10px
}

.videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant {
    font-size: 13px;
    width: 47px;
    height: 45px
}

.videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant svg {
    width: 20px;
    height: 20px
}

.stars svg {
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 26px 25px;
    margin-left: 0
}

.stars svg:first-child {
    margin-left: 0
}

.stars.star4_5 svg:nth-child(5) {
    background-image: url(../img/starHalf.svg)
}

.stars.star4_5 svg:nth-child(5) use {
    display: none
}

.stars.star4 svg:nth-child(5) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star4 svg:nth-child(5) use {
    display: none
}

.stars.star3_5 svg:nth-child(5) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star3_5 svg:nth-child(5) use {
    display: none
}

.stars.star3_5 svg:nth-child(4) {
    background-image: url(../img/starHalf.svg)
}

.stars.star3_5 svg:nth-child(4) use {
    display: none
}

.stars.star3 svg:nth-child(5) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star3 svg:nth-child(5) use {
    display: none
}

.stars.star3 svg:nth-child(4) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star3 svg:nth-child(4) use {
    display: none
}

.stars.star2_5 svg:nth-child(5) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star2_5 svg:nth-child(5) use {
    display: none
}

.stars.star2_5 svg:nth-child(4) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star2_5 svg:nth-child(4) use {
    display: none
}

.stars.star2_5 svg:nth-child(3) {
    background-image: url(../img/starHalf.svg)
}

.stars.star2_5 svg:nth-child(3) use {
    display: none
}

.stars.star2 svg:nth-child(5) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star2 svg:nth-child(5) use {
    display: none
}

.stars.star2 svg:nth-child(4) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star2 svg:nth-child(4) use {
    display: none
}

.stars.star2 svg:nth-child(3) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star2 svg:nth-child(3) use {
    display: none
}

.stars.star1_5 svg:nth-child(5) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star1_5 svg:nth-child(5) use {
    display: none
}

.stars.star1_5 svg:nth-child(4) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star1_5 svg:nth-child(4) use {
    display: none
}

.stars.star1_5 svg:nth-child(3) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star1_5 svg:nth-child(3) use {
    display: none
}

.stars.star1_5 svg:nth-child(2) {
    background-image: url(../img/starHalf.svg)
}

.stars.star1_5 svg:nth-child(2) use {
    display: none
}

.stars.star1 svg:nth-child(5) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star1 svg:nth-child(5) use {
    display: none
}

.stars.star1 svg:nth-child(4) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star1 svg:nth-child(4) use {
    display: none
}

.stars.star1 svg:nth-child(3) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star1 svg:nth-child(3) use {
    display: none
}

.stars.star1 svg:nth-child(2) {
    background-image: url(../img/starEmpty.svg)
}

.stars.star1 svg:nth-child(2) use {
    display: none
}

.videoCoursePage .facts {
    margin-bottom: 80px
}

.videoCoursePage .comments {
    margin-bottom: 0
}

.videoCourseTop {
    padding-bottom: 80px
}

.videoCourseTop .stars {
    position: absolute;
    right: 10px;
    top: 15px
}

.videoCourseTop .col-lg-8 {
    padding-right: 15px
}

.videoCourseTop .videoCourseImg {
    position: relative
}

.videoCourseTop .bestSellerWrap {
    position: absolute;
    top: 11px;
    left: -11px;
    background-color: #445fa9;
    border-radius: 6px;
    -webkit-box-shadow: .9px 2.9px 6px 0 rgba(6,14,18,.72);
    box-shadow: .9px 2.9px 6px 0 rgba(6,14,18,.72);
    color: #fff;
    font-family: OpenSansBold,sans-serif;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    min-width: 150px;
    padding: 8px 0;
    text-transform: uppercase;
    z-index: 1
}

.videoCourseTop .bestSellerWrap::before {
    content: '';
    position: absolute;
    top: 100%;
    left: 5px;
    border-top: 3px solid #142a64;
    border-right: 3px solid #142a64;
    border-bottom: 3px solid transparent;
    border-left: 3px solid transparent;
    z-index: 0
}

.videoCourseTop .bestSellerWrap .bestSellerIcon {
    margin-right: 5px
}

.videoCourseTop .videoCourseTopInfo {
    padding: 10px 60px 0 10px;
    color: #354c5e
}

.videoCourseTop .videoCourseTopInfo .myBtn.orange {
    padding: 14px 0;
    min-width: 250px;
    text-align: center;
    transition: none;
    background-image: linear-gradient(to top,rgba(250,165,55,.31),rgba(252,235,101,.31)),linear-gradient(to bottom,#fda00a,#fda00a)
}

.videoCourseTop .videoCourseTopInfo .myBtn.orange.login {
    display: inline-flex;
    align-items: center
}

.videoCourseTop .videoCourseTopInfo .myBtn.orange.login img {
    margin: 0 5px 0 10px
}

.videoCourseTop .videoCourseTopInfo .myBtn.orange:hover {
    background: #fda00a
}

.videoCourseTop .videoCourseTopInfo .h2 {
    margin-bottom: 20px
}

.videoCourseTop .videoCourseTopInfo .advantages {
    margin: 30px 0 50px
}

.videoCourseTop .addToCart {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.videoCourseTop .addToCart .prices {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 55px
}

.videoCourseTop .addToCart .prices .pricesOld {
    font-size: 24px;
    text-decoration: line-through;
    color: #ff734d;
    margin-right: 15px
}

.videoCourseTop .addToCart .prices .pricesNew {
    font-size: 36px;
    font-family: OpenSansRegular,sans-serif;
    color: #46b846
}

.videoCourseTop .addToCart .myBtn {
    min-width: 205px;
    padding: 14px 0
}

.advantages {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.advantages .advant {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-family: OpenSansBold,sans-serif;
    margin-right: 60px
}

.advantages .advant:last-child {
    margin-right: 0
}

.advantages .advant svg {
    width: 24px;
    height: 24px;
    margin-right: 6px
}

.videoWrap {
    position: relative;
    padding: 45px 55px 60px 0;
    margin-bottom: 60px
}

.videoWrap::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 100vw;
    height: 100%;
    background-color: #f7f8fa;
    border-radius: 3px
}

.videoWrap .h2 {
    position: relative
}

.videoCarousel .owl-dots {
    top: 113%
}

.videoCarousel .owl-nav {
    top: 35%
}

.videoCarousel .owl-nav button {
    left: -80px
}

.videoCarousel .owl-nav button.owl-next {
    left: auto;
    right: -80px
}

.videoCarousel .videoItem {
    border-radius: 3px;
    background-color: #fff;
    display: block;
    border: solid 1px rgba(225,232,245,.5);
    color: #354c5e;
    cursor: pointer
}

.videoCarousel .videoItem.active {
    border-color: rgba(68,95,169,.6)
}

.videoCarousel .videoItem:hover {
    text-decoration: none
}

.videoCarousel .videoItem .advantagesWrap {
    padding: 15px 20px
}

.videoCarousel .videoItem .advantages {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.videoCarousel .videoItem .advantages .advant {
    margin: 0 0 10px 0
}

.videoCarousel .videoItem .advantages .advant:last-child {
    margin-bottom: 0
}

.videoCarousel .videoItem .videoItemImg {
    position: relative
}

.videoCarousel .videoItem .videoItemImg::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(10,36,114,.6)
}

.videoCarousel .videoItem .videoItemImg .videoItemInfo {
    position: absolute;
    top: 10px;
    left: 20px;
    right: 20px;
    font-size: 18px;
    font-family: OpenSansBold,sans-serif;
    font-size: 15px
}

.videoCarousel .videoItem .videoItemImg .videoItemInfo .videoItemNumber {
    color: #fda00a
}

.videoCarousel .videoItem .videoItemImg .videoItemInfo .videoItemTitle {
    color: #fff
}

.videoCourseTable {
    margin-bottom: 90px
}

.videoCourseTable .h2 {
    margin-bottom: 20px
}

.videoCourseTable table tr th {
    width: 20%
}

.videoCourseTable table tr:nth-child(even) {
    background-color: #f7f8fa
}

.videoCourseTable table tr td {
    white-space: nowrap
}

.feedBack {
    margin-bottom: 90px;
    color: #354c5e
}

.feedBack .feedBackResult {
    display: inline-block
}

.feedBack .subH2 {
    color: #354c5e;
    font-family: OpenSansRegular,sans-serif;
    text-align: center
}

.feedBack .feedBackNumber {
    font-size: 113px;
    font-family: OpenSansRegular,sans-serif;
    line-height: 1;
    margin-bottom: 10px
}

.feedBack .progressBarWrap {
    padding-right: 55px
}

.feedBack .progressBarWrap .progressBarItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 10px
}

.feedBack .progressBarWrap .progressBarItem:last-child {
    margin-bottom: 0
}

.feedBack .progressBarWrap .progressBarItem .progressBarLineWrap {
    width: 100%;
    height: 12px;
    background-color: rgba(53,76,94,.2);
    border-radius: 10em
}

.feedBack .progressBarWrap .progressBarItem .progressBarLineWrap .progressBarLine {
    background-color: #3eb53e;
    height: 100%;
    border-radius: 10em
}

.feedBack .progressBarWrap .progressBarItem .progressBarPercent {
    margin-left: 25px;
    min-width: 45px;
    font-family: OpenSansSemiBold,sans-serif
}

.videoListWrap {
    position: relative;
    margin-top: 90px
}

.videoListWrap .subH2 {
    color: #354c5e;
    text-align: center;
    margin-bottom: 20px
}

.videoListWrap .items {
    border: 1px solid rgba(53,76,94,.08);
    border-radius: 3px;
    color: #354c5e;
    font-family: OpenSansSemiBold,sans-serif
}

.videoListWrap .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 16px 30px;
    border-bottom: 1px solid rgba(53,76,94,.08)
}

.videoListWrap .item:last-child {
    border-bottom: none
}

.videoListWrap .item .itemHeader {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex
}

.videoListWrap .item .playBtn {
    margin-right: 15px
}

.videoPopup {
    max-width: 774px;
    position: relative;
    margin: 0 auto
}

.videoPopup video {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    display: block
}

.d-none {
    display: none
}

.mfp-close {
    font-size: 40px
}

.myControls .btns button:not(.disabled):hover svg path {
    fill: #48a0f7
}

.myControls svg path {
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.myControls .btnsTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.myControls .btnsTitle .btns {
    margin-right: 15px
}

.myControls .speedList {
    font-size: 12px;
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3c3d3c;
    border-radius: 10em;
    min-width: 75px;
    cursor: pointer;
    position: relative;
    padding: 7px 0;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.myControls .speedList.show .speedElements {
    display: block
}

.myControls .speedList:hover {
    background-color: #010101;
    color: #48a0f7
}

.myControls .speedList:hover svg path {
    fill: #48a0f7
}

.myControls .speedList .speedElements {
    position: absolute;
    bottom: 140%;
    display: none;
    left: 0;
    background-color: #010101;
    border-radius: 18px;
    width: 100%;
    text-align: center;
    padding: 10px 0
}

.myControls .speedList .speedElements .speedEl {
    color: #fff;
    margin-bottom: 10px
}

.myControls .speedList .speedElements .speedEl.active {
    color: #48a0f7
}

.myControls .speedList .speedElements .speedEl:last-child {
    margin-bottom: 0
}

.myControls .speedList svg {
    width: 15px;
    height: 15px;
    margin-left: 5px
}

.myControls .speedList svg path {
    fill: #fff
}

.myControls .headerVideo {
    color: #fff;
    font-size: 14px
}

.popup.popup_video {
    background-color: #262726
}

.myControls {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 10px;
    background-color: #262726
}

.myControls button svg {
    width: 12px;
    height: 12px;
    position: relative;
    top: 2px
}

.myControls button svg path {
    fill: #fff
}

.myControls .btns button {
    width: 32px;
    height: 32px;
    border-radius: 10em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-color: #3c3d3c;
    border: none;
    margin-right: 10px;
    display: inline-block;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    cursor: pointer
}

.myControls .btns button:last-child {
    margin-right: 0
}

.myControls .btns button.disabled {
    background-color: #3c3d3c
}

.myControls .btns button.disabled svg path {
    fill: #b1b1b1
}

.myControls #btnnext svg {
    -webkit-transform: scale(-1,1);
    -ms-transform: scale(-1,1);
    transform: scale(-1,1)
}

.speedList button {
    font-size: 16px
}

.productsPage .h2 {
    margin-bottom: 15px
}

.productsPage .threeBtns {
    margin-bottom: 10px
}

.productsItems {
    margin-top: 40px
}

.productsItems .productsItem {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #354c5e;
    padding: 20px 20px 25px;
    background-color: #fafcff;
    border: 1px solid rgba(53,76,94,.08);
    margin-bottom: 20px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    border-radius: 3px
}

.productsItems .productsItem:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    box-shadow: 0 8px 16px 0 rgba(51,51,51,.08)
}

.productsItems .productsItem:last-child {
    margin-bottom: 0
}

.productsItems .productsItem .subH2 {
    font-family: OpenSansRegular,sans-serif;
    color: #354c5e
}

.productsItems .productsItem .productsItemImg {
    min-width: 115px;
    margin-right: 20px
}

.ciscoPage .filesWrap {
    margin-bottom: 60px
}

.ciscoPage .h2 {
    margin-bottom: 15px
}

.ciscoPage ul {
    padding-left: 0;
    list-style: none
}

.newFiles .h1 {
    margin-bottom: 45px
}

.newFiles .h2 {
    margin-bottom: 15px
}

.newFiles .filesWrap {
    margin-bottom: 60px
}

.newFiles .filesWrap table tr:nth-child(odd) {
    background-color: #f7f8fa
}

.newFiles .filesWrap table tr:nth-child(even) {
    background-color: transparent
}

.textUnderline {
    text-decoration: underline;
    color: #354c5e
}

.examRequest {
    color: #354c5e
}

.examRequest .intl-tel-input {
    display: block
}

.examRequest .iti-flag {
    background-image: url(../img/flags.png)
}

.examRequest .h2 {
    margin-bottom: 15px
}

.examRequest .addComment {
    padding: 0;
    margin-bottom: 60px;
    border-top: none
}

.examRequest .addComment::before {
    content: none
}

.examRequest .addComment .commentForm {
    max-width: 362.5px
}

.examRequest .addComment .commentForm .withHelpMessage label:last-child {
    margin-left: 0
}

.sharePage {
    color: #354c5e
}

.sharePage .intl-tel-input {
    display: block
}

.sharePage .iti-flag {
    background-image: url(../img/flags.png)
}

.sharePage .h2 {
    margin-bottom: 15px
}

.sharePage .addComment {
    padding: 0;
    margin: 35px 0 50px;
    border-top: 0
}

.sharePage .addComment::before {
    content: none
}

.selectric-hover .selectric {
    border: 1px solid rgba(53,76,94,.2)
}

.selectric-items {
    background-color: #fff
}

.selectric-items li {
    color: #516e84
}

.selectric-items li:hover {
    background-color: #f7f8fa;
    color: #516e84
}

.selectric-items li.highlighted {
    color: #1a70c5;
    background-color: #f7f8fa
}

.selectric-wrapper::before {
    content: '';
    position: absolute;
    right: 42px;
    background-color: #eff1f2;
    height: 44px;
    width: 1px;
    z-index: 1
}

.selectric {
    border: 1px solid rgba(53,76,94,.2);
    border-radius: 3px;
    background-color: #fff
}

.selectric .label {
    color: #516e84;
    font-size: 16px;
    line-height: inherit;
    height: 44px;
    margin: 0;
    padding: 9px 15px
}

.selectric .button {
    background-image: url(../img/down-arrow.svg);
    background-color: transparent;
    width: 12px;
    height: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 16px
}

.selectric .button::after {
    content: none
}

.loginRegistrationPage .sPracticeExam {
    padding: 75px 0 70px
}

.loginRegistrationPage .loginRegistrationForm {
    max-width: 365px;
    margin: 0 auto;
    color: #354c5e;
    display: none
}

.loginRegistrationPage .loginRegistrationForm.show {
    display: block
}

.loginRegistrationPage .loginRegistrationForm .h2 {
    margin-bottom: 25px
}

.loginRegistrationPage .loginRegistrationForm .myBtn {
    padding: 14px 0;
    width: 100%;
    margin-bottom: 45px
}

.myPopup {
    max-width: 995px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    border: 1px solid rgba(225,232,245,.5);
    margin: 0 auto;
    position: relative;
    padding: 28px 45px 40px;
    color: #354c5e
}

.myPopup .popupImg {
    position: absolute;
    top: 95px;
    right: 40px
}

.myPopup .h4 {
    font-family: OpenSansSemiBold,sans-serif;
    letter-spacing: -.5px
}

.myPopup .offsetWrap {
    padding-right: 350px
}

.myPopup .downloadWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 25px
}

.myPopup .downloadWrap .myBtn {
    min-width: 225px;
    padding: 14px 0;
    margin-right: 45px;
    text-align: center
}

.myPopup .downloadWrap .myBtn:hover {
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(60,171,60,.31)),to(rgba(154,252,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#3eb53e),to(#3eb53e));
    background-image: -o-linear-gradient(bottom,rgba(60,171,60,.31),rgba(154,252,101,.31)),-o-linear-gradient(top,#3eb53e,#3eb53e);
    background-image: linear-gradient(to top,rgba(60,171,60,.31),rgba(154,252,101,.31)),linear-gradient(to bottom,#3eb53e,#3eb53e)
}

.myPopup .popupTitle {
    font-size: 24px;
    font-family: OpenSansSemiBold,sans-serif;
    line-height: 1.4
}

.myPopup .h2 {
    text-align: center;
    font-family: OpenSansBold,sans-serif;
    color: #1a70c5
}

.myPopup .mfp-close {
    color: #354c5e;
    opacity: 1;
    background-color: #f5f8fe;
    border-radius: 50%;
    top: 20px;
    right: 20px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.myPopup .logoImg {
    display: flex;
    justify-content: center;
    margin-bottom: 30px
}

.myPopup .title {
    margin-bottom: 10px
}

.myPopup .topSertificationsList li {
    margin-bottom: 10px
}

#discountPopup1.myPopup .typicForm {
    margin-top: 15px;
    padding: 0 20px;
    max-width: 615px
}

.myPopup .typicForm .myBtn {
    max-width: 260px
}

.myPopup .typicForm .h4 {
    margin-bottom: 15px
}

.blogItems {
    margin-bottom: 60px
}

.blogItems:last-of-type {
    margin-bottom: 0
}

.blogItems .blogItem {
    margin-bottom: 30px
}

.blogItems .blogItem:last-child {
    margin-bottom: 0
}

.blogItems .blogItem .subH2 {
    color: #354c5e
}

.blogItems .blogItem .blogItemList {
    padding: 25px 20px;
    margin: 0;
    list-style: none;
    background-color: #fafcff;
    border-radius: 3px;
    border: 1px solid rgba(53,76,94,.08)
}

.blogItems .blogItem .blogItemList li {
    margin-bottom: 17px
}

.blogItems .blogItem .blogItemList li:last-child {
    margin-bottom: 0
}

.blogItems .blogItem .blogItemList li a {
    font-family: OpenSansBold,sans-serif
}

#policyPopup {
    max-height: 600px;
    overflow: auto;
    word-break: break-word
}

.checkoutWrap {
    margin: 20px 30px
}

.checkoutWrap .checkoutText {
    font-size: 13px
}

.checkoutWrap .typicForm {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.checkoutWrap .typicForm .myBtn {
    padding: 14px 0;
    min-width: 225px
}

.promoForm {
    max-width: 370px;
    position: relative;
    margin-bottom: 0
}

.promoForm label {
    margin-bottom: 0
}

.promoForm .promoBtn {
    position: absolute;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
    right: 4px;
    background-color: #f5f8fe;
    width: 40px;
    height: 40px;
    border-radius: 10em;
    border: none;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.promoForm .promoBtn:hover {
    background-color: rgba(53,76,94,.2)
}

.promoForm .promoBtn::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 23px;
    border: solid #516e84;
    border-width: 0 2px 2px 0;
    left: 14px;
    top: 6px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.cartPage {
    margin-bottom: 55px
}

.cartPage .h2 {
    margin-bottom: 20px
}

.cartPage .promoWrap {
    padding: 20px 135px 25px 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid #eff1f2;
    border-top: 1px solid #eff1f2
}

.cartPage .promoWrap.noBorder {
    border-bottom: none
}

.cartPage .promoWrap .totalPrice {
    color: #354c5e;
    font-family: OpenSansSemiBold,sans-serif;
    font-size: 20px
}

.cartPage .promoWrap .totalPrice .el {
    font-size: 16px;
    opacity: .8
}

.cartPage table tr:nth-child(even) {
    background-color: #f7f8fa
}

.cartPage table tr th {
    padding-left: 30px
}

.cartPage table tr th:first-child {
    width: 75%
}

.cartPage table tr td {
    padding-bottom: 25px;
    padding-left: 30px
}

.cartPage .selectric .label {
    padding: 10px 15px
}

.cartPage .selectric-wrapper {
    margin-top: 15px;
    max-width: 370px
}

.cartPage table tr td:last-child {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.cartPage table .small {
    margin-top: 5px
}

.cartPage table .closeBtn {
    margin-left: 70px;
    margin-bottom: 0;
    background-color: #f5f8fe;
    width: 28px;
    height: 28px;
    border-radius: 10em;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease
}

.cartPage table .closeBtn:hover {
    color: transparent;
    background-color: rgba(53,76,94,.2)
}

.checkout .billingForm {
    max-width: 745px
}

.checkout .billingForm .payWrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 20px
}

.checkout .billingForm .payWrap .payText {
    font-size: 13px
}

.checkout .billingForm .myBtn {
    padding: 14px 0;
    min-width: 225px;
    margin-right: 60px
}

.checkout .sPracticeExam {
    padding-top: 50px
}

.checkout .billingDetailsTitle {
    margin-top: 55px
}

.checkout .topSertifications {
    margin: 0 0 25px 0
}

.checkout .myHeader .topLine {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 31px 0
}

.checkout .myHeader .topLine::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: rgba(53,76,94,.06);
    width: 100vw;
    height: 1px
}

.filePagePurchase.providers table tr th:first-child {
    width: 85%
}

.vceSimulators {
    position: relative;
    padding-left: 15px
}

.vceSimulators .vceSimulator {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid rgba(53,76,94,.08);
    background-color: #fafcff;
    -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    border-radius: 3px;
    padding: 25px 30px;
    margin-bottom: 20px
}

.vceSimulators .vceSimulator:hover {
    -webkit-box-shadow: 0 8px 16px 0 rgba(51,51,51,.08);
    box-shadow: 0 8px 16px 0 rgba(51,51,51,.08)
}

.vceSimulators .vceSimulator:last-child {
    margin-bottom: 0
}

.vceSimulators .vceSimulator .h3 {
    font-family: OpenSansBold,sans-serif;
    margin-bottom: 10px
}

.vceSimulators .vceSimulator .iconWrap {
    margin-right: 20px;
    min-width: 24px
}

.myAccount .tab4 .typicForm .passwordsWrap {
    max-width: 365px
}

.myAccount .tab4 .typicForm .myBtn {
    min-width: 195px;
    padding: 14px 0;
    margin-bottom: 40px
}

.myAccount .tab4 .typicForm .checkBoxWrap {
    margin-bottom: 40px
}

.myAccount .tab4 .h2 {
    margin-bottom: 20px
}

.myAccount .filesWrap {
    margin-bottom: 10px
}

.myAccount .tab3 .filesWrap table tr:nth-child(even) {
    background-color: #f7f8fa
}

.myAccount .tab3 .filesWrap table tr:nth-child(odd) {
    background-color: transparent
}

.myAccount table th {
    color: #516e84
}

.myAccount .filesWrap table tr:nth-child(odd) {
    background-color: #f7f8fa
}

.myAccount .filesWrap table tr:nth-child(even) {
    background-color: transparent
}

.myAccount .filesWrap table tr th:nth-child(1) {
    width: 37%
}

.myAccount .filesWrap table tr th:nth-child(2) {
    width: 23%
}

.myAccount .tabsWrap {
    margin-bottom: 0
}

.myAccount .tabContent {
    padding: 0
}

.myAccount .tabItem {
    padding: 30px 30px 40px
}

.myAccount .tabItem .hiddenWrap .filesWrap:last-of-type {
    margin-bottom: 40px
}

.myAccount .tabItem .loadMore {
    margin: 20px 0 40px 30px;
    display: inline-block;
    cursor: pointer
}

.myAccount .tabItem.tab1 {
    position: relative
}

.myAccount .tabItem.tab1::before {
    content: '';
    position: absolute;
    bottom: 520px;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #eff1f2
}

.myAccount .tabItem.tab2 {
    padding: 0 0 40px 0
}

.myAccount .h2 {
    font-size: 28px
}

.myAccount .tabItem.tab2 .h2 {
    padding: 30px 30px 0
}

.myAccount .tabItem.tab3 {
    padding: 0 0 30px 0
}

.myAccount .tabItem.tab3 .h2 {
    padding: 30px 30px 0
}

.myProducts .product {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: 1px solid #eff1f2
}

.myProducts .product:last-child {
    border-bottom: none
}

.myProducts .productInfo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-size: 15px;
    padding-left: 15px;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.myProducts .productInfo .productInfoWrap div {
    margin-bottom: 5px
}

.myProducts .productInfo .productInfoWrap div:last-child {
    margin-bottom: 0
}

.myProducts .productInfo .downloadBtn {
    font-family: OpenSansBold,sans-serif;
    border-radius: 3px;
    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(60,171,60,.31)),to(rgba(154,252,101,.31))),-webkit-gradient(linear,left top,left bottom,from(#3eb53e),to(#3eb53e));
    background-image: -o-linear-gradient(bottom,rgba(60,171,60,.31),rgba(154,252,101,.31)),-o-linear-gradient(top,#3eb53e,#3eb53e);
    background-image: linear-gradient(to top,rgba(60,171,60,.31),rgba(154,252,101,.31)),linear-gradient(to bottom,#3eb53e,#3eb53e);
    min-width: 160px;
    display: inline-block;
    padding: 5px 10px;
    color: #fff;
    text-align: center;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.myProducts .productInfo .downloadBtn:hover {
    background: #54c547;
    text-decoration: none
}

.myProducts .productTitle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    font-family: OpenSansSemiBold,sans-serif;
    margin-bottom: 10px
}

#signUpPopup .topSertificationsList {
    margin-bottom: 20px
}

#signUpPopup .typicForm label {
    margin-bottom: 0
}

#discountPopup1 .typicForm .myBtn,#light2 .typicForm .myBtn,#signUpPopup .typicForm .myBtn {
    width: 100%;
    padding: 8.5px 0;
    font-size: 18px
}

#discountPopup1 .parsley-errors-list {
    display: none
}

.myPopup#discountPopup1,.myPopup#light2,.myPopup#signUpPopup {
    max-width: 754px
}

.smallText {
    font-size: 13px
}

.myPopup#light2 .h2,.myPopup#signUpPopup .h2 {
    padding: 0 55px
}

.error_message,.red {
    color: #cf0004
}

.downloadFiles {
    margin-bottom: 20px
}

.downloadFiles .downloadFilesItem {
    display: flex;
    margin-bottom: 5px
}

.downloadFiles .downloadFilesItem .index {
    min-width: 250px
}

.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close {
    width: 44px;
    padding-right: 0;
    text-align: center
}

.viaDropboxList {
    margin: 0 0 15px 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center
}

.viaDropboxList li {
    margin-right: 15px
}

.viaDropboxList li:last-child {
    margin-right: 0
}

.textCenter a {
    display: inline-block
}

.article_table,.myMargin {
    margin-bottom: 1rem
}

.typicList {
    list-style: disc
}

.showLoginForm {
    cursor: pointer
}

.videoCoursesPage .others .item {
    width: 32.3%;
    margin-right: 20px
}

.videoCoursesPage .others .item:nth-child(3n) {
    margin-right: 0
}

.videoCoursesPage .others {
    display: flex;
    flex-wrap: wrap
}

.hidden-text {
    overflow: hidden;
    position: relative;
    height: 100px
}

.hidden-text:after {
    content: "";
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    background: -moz-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.01) 75%,#fff 100%);
    background: -webkit-linear-gradient(top,rgba(255,255,255,0) 0,rgba(255,255,255,.01) 75%,#fff 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,0) 0,rgba(255,255,255,.01) 75%,#fff 100%)
}

.btn-close-video {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1000;
    margin: 5px;
    width: 25px;
    height: 25px;
    background-image: url(/design/img/close.svg);
    background-position: center;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    opacity: .5;
    cursor: pointer;
    -webkit-transition-duration: .3s;
    -moz-transition-duration: .3s;
    -o-transition-duration: .3s;
    transition-duration: .3s
}

.btn-close-video:hover {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.btn-close-video:active {
    filter: brightness(1.3);
    transform: scale(1)
}

.premiumWrap {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
    color: #354c5e
}

.premiumWrap .premiumColor {
    color: #fda00a;
    font-size: 67px;
    line-height: 1;
    font-family: OpenSansBold,sans-serif;
    text-transform: uppercase;
    margin-left: 10px
}

.premiumPage .productScreenshotsCarousel .slide {
    max-width: 560px
}

.premiumWrap .imgWrap {
    max-width: 270px;
    margin-bottom: 5px
}

.premiumWrap .premiumWrapText {
    font-size: 14px
}

.premiumPage .topSertificationsList {
    margin: 25px 0 60px;
    font-size: 18px;
    color: #354c5e
}

.subscriptionOptions .h2 {
    margin-bottom: 15px
}

.subscriptionOptions .typicForm {
    margin-top: 30px
}

.subscriptionOptions .typicForm input {
    display: none
}

.subscriptionItems {
    display: flex;
    margin-bottom: 36px
}

.subscriptionItems .subscriptionOption {
    border: 1px solid rgba(225,232,245,.5);
    box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    width: 100%;
    margin-right: 20px;
    border-radius: 3px;
    color: #354c5e;
    cursor: pointer;
    transition: all .25s ease
}

.subscriptionItems .subscriptionOption:hover {
    box-shadow: 0 8px 16px rgba(51,51,51,.08)
}

.subscriptionItems .subscriptionOption.active {
    border-color: rgba(68,95,169,.6);
    box-shadow: 0 8px 16px rgba(51,51,51,.08)
}

.subscriptionItems .subscriptionOption.active .subscriptionOptionTitle {
    background-color: #fda00a
}

.subscriptionItems .subscriptionOption .subscriptionOptionPrice .h2,.subscriptionItems .subscriptionOption .subscriptionOptionPrice .oldPrice {
    transition: all .25s ease
}

.subscriptionItems .subscriptionOption.active .subscriptionOptionPrice .h2,.subscriptionItems .subscriptionOption.active .subscriptionOptionPrice .oldPrice {
    color: #1a70c5
}

.subscriptionItems .subscriptionOption:hover .subscriptionOptionPrice .h2,.subscriptionItems .subscriptionOption:hover .subscriptionOptionPrice .oldPrice {
    color: #1a70c5
}

.subscriptionItems .subscriptionOption:last-child {
    margin-right: 0
}

.subscriptionItems .subscriptionOption .subscriptionOptionTitle {
    background-color: #6186b0;
    color: #fff;
    font-size: 24px;
    font-family: OpenSansBold,sans-serif;
    text-align: center;
    padding: 15px 0;
    border-radius: 3px
}

.subscriptionItems .subscriptionOption .subscriptionOptionWrap {
    padding: 23px 15px 38px;
    text-align: center
}

.subscriptionItems .subscriptionOption .billedMonth {
    margin-bottom: 25px;
    font-size: 20px
}

.subscriptionItems .subscriptionOption .subscriptionOptionPrice .oldPrice {
    font-size: 18px;
    text-decoration: line-through;
    font-family: OpenSansSemiBold,sans-serif
}

.subscriptionOptions .totalPrice {
    font-family: OpenSansSemiBold,sans-serif;
    color: #1a70c5;
    font-size: 36px;
    display: flex;
    align-items: flex-end
}

.subscriptionOptions .totalPrice .totalText {
    letter-spacing: -1.4px
}

.subscriptionOptions .totalPrice #discountPrice {
    font-size: 24px;
    margin: 0 5px 5px 10px;
    text-decoration: line-through
}

.subscriptionOptions .typicForm .myBtn {
    width: 100%;
    padding: 14px 0;
    margin-bottom: 25px
}

.subscriptionOptions .typicForm .totalOffset {
    padding-right: 90px
}

.needHelpWrap .cardWrap {
    max-width: 290px;
    margin: 30px auto 20px
}

.needHelpWrap {
    background-color: #f7f9fd;
    border-radius: 3px;
    text-align: center;
    padding: 30px 15px;
    height: 100%;
    color: #354c5e
}

.checkoutPrice {
    min-width: 70px
}

.continueShopping {
    margin: 20px 0 0 30px
}

.spritesheet-flags {
    background-image: url(../img/spritesheet-flags.png);
    background-repeat: no-repeat;
    display: block
}

.sprite-AD {
    width: 32px;
    height: 32px;
    background-position: -20px -20px
}

.sprite-AE,.sprite-AF,.sprite-AG {
    width: 32px;
    height: 32px;
    background-position: -92px -20px
}

.sprite-AF,.sprite-AG {
    background-position: -164px -20px
}

.sprite-AG {
    background-position: -236px -20px
}

.sprite-AI,.sprite-AL,.sprite-AM {
    width: 32px;
    height: 32px;
    background-position: -308px -20px
}

.sprite-AL,.sprite-AM {
    background-position: -380px -20px
}

.sprite-AM {
    background-position: -452px -20px
}

.sprite-AN,.sprite-AO,.sprite-AQ {
    width: 32px;
    height: 32px;
    background-position: -524px -20px
}

.sprite-AO,.sprite-AQ {
    background-position: -596px -20px
}

.sprite-AQ {
    background-position: -668px -20px
}

.sprite-AR,.sprite-AS,.sprite-AT {
    width: 32px;
    height: 32px;
    background-position: -740px -20px
}

.sprite-AS,.sprite-AT {
    background-position: -812px -20px
}

.sprite-AT {
    background-position: -884px -20px
}

.sprite-AU,.sprite-AW,.sprite-AX {
    width: 32px;
    height: 32px;
    background-position: -956px -20px
}

.sprite-AW,.sprite-AX {
    background-position: -1028px -20px
}

.sprite-AX {
    background-position: -1100px -20px
}

.sprite-AZ,.sprite-BA,.sprite-BB {
    width: 32px;
    height: 32px;
    background-position: -1172px -20px
}

.sprite-BA,.sprite-BB {
    background-position: -1244px -20px
}

.sprite-BB {
    background-position: -1316px -20px
}

.sprite-BD,.sprite-BE,.sprite-BF {
    width: 32px;
    height: 32px;
    background-position: -1388px -20px
}

.sprite-BE,.sprite-BF {
    background-position: -1460px -20px
}

.sprite-BF {
    background-position: -1532px -20px
}

.sprite-BG,.sprite-BH,.sprite-BI {
    width: 32px;
    height: 32px;
    background-position: -1604px -20px
}

.sprite-BH,.sprite-BI {
    background-position: -1676px -20px
}

.sprite-BI {
    background-position: -1748px -20px
}

.sprite-BJ,.sprite-BL,.sprite-BM {
    width: 32px;
    height: 32px;
    background-position: -1820px -20px
}

.sprite-BL,.sprite-BM {
    background-position: -1892px -20px
}

.sprite-BM {
    background-position: -1964px -20px
}

.sprite-BN,.sprite-BO,.sprite-BR {
    width: 32px;
    height: 32px;
    background-position: -2036px -20px
}

.sprite-BO,.sprite-BR {
    background-position: -2108px -20px
}

.sprite-BR {
    background-position: -2180px -20px
}

.sprite-BS,.sprite-BT,.sprite-BW {
    width: 32px;
    height: 32px;
    background-position: -2252px -20px
}

.sprite-BT,.sprite-BW {
    background-position: -2324px -20px
}

.sprite-BW {
    background-position: -2396px -20px
}

.sprite-BY,.sprite-BZ,.sprite-CA {
    width: 32px;
    height: 32px;
    background-position: -2468px -20px
}

.sprite-BZ,.sprite-CA {
    background-position: -2540px -20px
}

.sprite-CA {
    background-position: -2612px -20px
}

.sprite-CC,.sprite-CD,.sprite-CF {
    width: 32px;
    height: 32px;
    background-position: -2684px -20px
}

.sprite-CD,.sprite-CF {
    background-position: -2756px -20px
}

.sprite-CF {
    background-position: -2828px -20px
}

.sprite-CG,.sprite-CH,.sprite-CI {
    width: 32px;
    height: 32px;
    background-position: -2900px -20px
}

.sprite-CH,.sprite-CI {
    background-position: -2972px -20px
}

.sprite-CI {
    background-position: -3044px -20px
}

.sprite-CK,.sprite-CL,.sprite-CM {
    width: 32px;
    height: 32px;
    background-position: -3116px -20px
}

.sprite-CL,.sprite-CM {
    background-position: -3188px -20px
}

.sprite-CM {
    background-position: -3260px -20px
}

.sprite-CN,.sprite-CO,.sprite-CR {
    width: 32px;
    height: 32px;
    background-position: -3332px -20px
}

.sprite-CO,.sprite-CR {
    background-position: -3404px -20px
}

.sprite-CR {
    background-position: -3476px -20px
}

.sprite-CU,.sprite-CV,.sprite-CW {
    width: 32px;
    height: 32px;
    background-position: -3548px -20px
}

.sprite-CV,.sprite-CW {
    background-position: -3620px -20px
}

.sprite-CW {
    background-position: -3692px -20px
}

.sprite-CX,.sprite-CY,.sprite-CZ {
    width: 32px;
    height: 32px;
    background-position: -3764px -20px
}

.sprite-CY,.sprite-CZ {
    background-position: -3836px -20px
}

.sprite-CZ {
    background-position: -3908px -20px
}

.sprite-DE,.sprite-DJ,.sprite-DK {
    width: 32px;
    height: 32px;
    background-position: -3980px -20px
}

.sprite-DJ,.sprite-DK {
    background-position: -4052px -20px
}

.sprite-DK {
    background-position: -4124px -20px
}

.sprite-DM,.sprite-DO,.sprite-DZ {
    width: 32px;
    height: 32px;
    background-position: -4196px -20px
}

.sprite-DO,.sprite-DZ {
    background-position: -4268px -20px
}

.sprite-DZ {
    background-position: -4340px -20px
}

.sprite-EC,.sprite-EE,.sprite-EG {
    width: 32px;
    height: 32px;
    background-position: -4412px -20px
}

.sprite-EE,.sprite-EG {
    background-position: -4484px -20px
}

.sprite-EG {
    background-position: -4556px -20px
}

.sprite-EH,.sprite-ER,.sprite-ES {
    width: 32px;
    height: 32px;
    background-position: -4628px -20px
}

.sprite-ER,.sprite-ES {
    background-position: -4700px -20px
}

.sprite-ES {
    background-position: -4772px -20px
}

.sprite-ET,.sprite-EU,.sprite-FI {
    width: 32px;
    height: 32px;
    background-position: -4844px -20px
}

.sprite-EU,.sprite-FI {
    background-position: -4916px -20px
}

.sprite-FI {
    background-position: -4988px -20px
}

.sprite-FJ,.sprite-FK,.sprite-FM {
    width: 32px;
    height: 32px;
    background-position: -5060px -20px
}

.sprite-FK,.sprite-FM {
    background-position: -5132px -20px
}

.sprite-FM {
    background-position: -5204px -20px
}

.sprite-FO,.sprite-FR,.sprite-GA {
    width: 32px;
    height: 32px;
    background-position: -5276px -20px
}

.sprite-FR,.sprite-GA {
    background-position: -5348px -20px
}

.sprite-GA {
    background-position: -5420px -20px
}

.sprite-GB,.sprite-GD,.sprite-GE {
    width: 32px;
    height: 32px;
    background-position: -5492px -20px
}

.sprite-GD,.sprite-GE {
    background-position: -5564px -20px
}

.sprite-GE {
    background-position: -5636px -20px
}

.sprite-GG,.sprite-GH,.sprite-GI {
    width: 32px;
    height: 32px;
    background-position: -5708px -20px
}

.sprite-GH,.sprite-GI {
    background-position: -5780px -20px
}

.sprite-GI {
    background-position: -5852px -20px
}

.sprite-GL,.sprite-GM,.sprite-GN {
    width: 32px;
    height: 32px;
    background-position: -5924px -20px
}

.sprite-GM,.sprite-GN {
    background-position: -5996px -20px
}

.sprite-GN {
    background-position: -6068px -20px
}

.sprite-GQ,.sprite-GR,.sprite-GS {
    width: 32px;
    height: 32px;
    background-position: -6140px -20px
}

.sprite-GR,.sprite-GS {
    background-position: -6212px -20px
}

.sprite-GS {
    background-position: -6284px -20px
}

.sprite-GT,.sprite-GU,.sprite-GW {
    width: 32px;
    height: 32px;
    background-position: -6356px -20px
}

.sprite-GU,.sprite-GW {
    background-position: -6428px -20px
}

.sprite-GW {
    background-position: -6500px -20px
}

.sprite-GY,.sprite-HK,.sprite-HN {
    width: 32px;
    height: 32px;
    background-position: -6572px -20px
}

.sprite-HK,.sprite-HN {
    background-position: -6644px -20px
}

.sprite-HN {
    background-position: -6716px -20px
}

.sprite-HR,.sprite-HT,.sprite-HU {
    width: 32px;
    height: 32px;
    background-position: -6788px -20px
}

.sprite-HT,.sprite-HU {
    background-position: -6860px -20px
}

.sprite-HU {
    background-position: -6932px -20px
}

.sprite-IC,.sprite-ID,.sprite-IE {
    width: 32px;
    height: 32px;
    background-position: -7004px -20px
}

.sprite-ID,.sprite-IE {
    background-position: -7076px -20px
}

.sprite-IE {
    background-position: -7148px -20px
}

.sprite-IL,.sprite-IM,.sprite-IN {
    width: 32px;
    height: 32px;
    background-position: -7220px -20px
}

.sprite-IM,.sprite-IN {
    background-position: -7292px -20px
}

.sprite-IN {
    background-position: -7364px -20px
}

.sprite-IO {
    width: 94px;
    height: 47px;
    background-position: -7436px -20px
}

.sprite-IQ,.sprite-IR {
    width: 32px;
    height: 32px;
    background-position: -7570px -20px
}

.sprite-IR {
    background-position: -7642px -20px
}

.sprite-IS,.sprite-IT,.sprite-JE {
    width: 32px;
    height: 32px;
    background-position: -7714px -20px
}

.sprite-IT,.sprite-JE {
    background-position: -7786px -20px
}

.sprite-JE {
    background-position: -7858px -20px
}

.sprite-JM,.sprite-JO,.sprite-JP {
    width: 32px;
    height: 32px;
    background-position: -7930px -20px
}

.sprite-JO,.sprite-JP {
    background-position: -8002px -20px
}

.sprite-JP {
    background-position: -8074px -20px
}

.sprite-KE,.sprite-KG,.sprite-KH {
    width: 32px;
    height: 32px;
    background-position: -8146px -20px
}

.sprite-KG,.sprite-KH {
    background-position: -8218px -20px
}

.sprite-KH {
    background-position: -8290px -20px
}

.sprite-KI,.sprite-KM,.sprite-KN {
    width: 32px;
    height: 32px;
    background-position: -8362px -20px
}

.sprite-KM,.sprite-KN {
    background-position: -8434px -20px
}

.sprite-KN {
    background-position: -8506px -20px
}

.sprite-KP,.sprite-KR,.sprite-KW {
    width: 32px;
    height: 32px;
    background-position: -8578px -20px
}

.sprite-KR,.sprite-KW {
    background-position: -8650px -20px
}

.sprite-KW {
    background-position: -8722px -20px
}

.sprite-KY,.sprite-KZ,.sprite-LA {
    width: 32px;
    height: 32px;
    background-position: -8794px -20px
}

.sprite-KZ,.sprite-LA {
    background-position: -8866px -20px
}

.sprite-LA {
    background-position: -8938px -20px
}

.sprite-LB,.sprite-LC,.sprite-LI {
    width: 32px;
    height: 32px;
    background-position: -9010px -20px
}

.sprite-LC,.sprite-LI {
    background-position: -9082px -20px
}

.sprite-LI {
    background-position: -9154px -20px
}

.sprite-LK,.sprite-LR,.sprite-LS {
    width: 32px;
    height: 32px;
    background-position: -9226px -20px
}

.sprite-LR,.sprite-LS {
    background-position: -9298px -20px
}

.sprite-LS {
    background-position: -9370px -20px
}

.sprite-LT,.sprite-LU,.sprite-LV {
    width: 32px;
    height: 32px;
    background-position: -9442px -20px
}

.sprite-LU,.sprite-LV {
    background-position: -9514px -20px
}

.sprite-LV {
    background-position: -9586px -20px
}

.sprite-LY,.sprite-MA,.sprite-MC {
    width: 32px;
    height: 32px;
    background-position: -9658px -20px
}

.sprite-MA,.sprite-MC {
    background-position: -9730px -20px
}

.sprite-MC {
    background-position: -9802px -20px
}

.sprite-MD,.sprite-ME,.sprite-MF {
    width: 32px;
    height: 32px;
    background-position: -9874px -20px
}

.sprite-ME,.sprite-MF {
    background-position: -9946px -20px
}

.sprite-MF {
    background-position: -10018px -20px
}

.sprite-MG,.sprite-MH,.sprite-MK {
    width: 32px;
    height: 32px;
    background-position: -10090px -20px
}

.sprite-MH,.sprite-MK {
    background-position: -10162px -20px
}

.sprite-MK {
    background-position: -10234px -20px
}

.sprite-ML,.sprite-MM,.sprite-MN {
    width: 32px;
    height: 32px;
    background-position: -10306px -20px
}

.sprite-MM,.sprite-MN {
    background-position: -10378px -20px
}

.sprite-MN {
    background-position: -10450px -20px
}

.sprite-MO,.sprite-MP,.sprite-MQ {
    width: 32px;
    height: 32px;
    background-position: -10522px -20px
}

.sprite-MP,.sprite-MQ {
    background-position: -10594px -20px
}

.sprite-MQ {
    background-position: -10666px -20px
}

.sprite-MR,.sprite-MS,.sprite-MT {
    width: 32px;
    height: 32px;
    background-position: -10738px -20px
}

.sprite-MS,.sprite-MT {
    background-position: -10810px -20px
}

.sprite-MT {
    background-position: -10882px -20px
}

.sprite-MU,.sprite-MV,.sprite-MW {
    width: 32px;
    height: 32px;
    background-position: -10954px -20px
}

.sprite-MV,.sprite-MW {
    background-position: -11026px -20px
}

.sprite-MW {
    background-position: -11098px -20px
}

.sprite-MX,.sprite-MY,.sprite-MZ {
    width: 32px;
    height: 32px;
    background-position: -11170px -20px
}

.sprite-MY,.sprite-MZ {
    background-position: -11242px -20px
}

.sprite-MZ {
    background-position: -11314px -20px
}

.sprite-NA,.sprite-NC,.sprite-NE {
    width: 32px;
    height: 32px;
    background-position: -11386px -20px
}

.sprite-NC,.sprite-NE {
    background-position: -11458px -20px
}

.sprite-NE {
    background-position: -11530px -20px
}

.sprite-NF,.sprite-NG,.sprite-NI {
    width: 32px;
    height: 32px;
    background-position: -11602px -20px
}

.sprite-NG,.sprite-NI {
    background-position: -11674px -20px
}

.sprite-NI {
    background-position: -11746px -20px
}

.sprite-NL,.sprite-NO,.sprite-NP {
    width: 32px;
    height: 32px;
    background-position: -11818px -20px
}

.sprite-NO,.sprite-NP {
    background-position: -11890px -20px
}

.sprite-NP {
    background-position: -11962px -20px
}

.sprite-NR,.sprite-NU,.sprite-NZ {
    width: 32px;
    height: 32px;
    background-position: -12034px -20px
}

.sprite-NU,.sprite-NZ {
    background-position: -12106px -20px
}

.sprite-NZ {
    background-position: -12178px -20px
}

.sprite-OM,.sprite-PA,.sprite-PE {
    width: 32px;
    height: 32px;
    background-position: -12250px -20px
}

.sprite-PA,.sprite-PE {
    background-position: -12322px -20px
}

.sprite-PE {
    background-position: -12394px -20px
}

.sprite-PF,.sprite-PG,.sprite-PH {
    width: 32px;
    height: 32px;
    background-position: -12466px -20px
}

.sprite-PG,.sprite-PH {
    background-position: -12538px -20px
}

.sprite-PH {
    background-position: -12610px -20px
}

.sprite-PK,.sprite-PL,.sprite-PN {
    width: 32px;
    height: 32px;
    background-position: -12682px -20px
}

.sprite-PL,.sprite-PN {
    background-position: -12754px -20px
}

.sprite-PN {
    background-position: -12826px -20px
}

.sprite-PR,.sprite-PS,.sprite-PT {
    width: 32px;
    height: 32px;
    background-position: -12898px -20px
}

.sprite-PS,.sprite-PT {
    background-position: -12970px -20px
}

.sprite-PT {
    background-position: -13042px -20px
}

.sprite-PW,.sprite-PY,.sprite-QA {
    width: 32px;
    height: 32px;
    background-position: -13114px -20px
}

.sprite-PY,.sprite-QA {
    background-position: -13186px -20px
}

.sprite-QA {
    background-position: -13258px -20px
}

.sprite-RE {
    width: 50px;
    height: 33px;
    background-position: -13330px -20px
}

.sprite-RO,.sprite-RS,.sprite-RU {
    width: 32px;
    height: 32px;
    background-position: -13420px -20px
}

.sprite-RS,.sprite-RU {
    background-position: -13492px -20px
}

.sprite-RU {
    background-position: -13564px -20px
}

.sprite-RW,.sprite-SA,.sprite-SB {
    width: 32px;
    height: 32px;
    background-position: -13636px -20px
}

.sprite-SA,.sprite-SB {
    background-position: -13708px -20px
}

.sprite-SB {
    background-position: -13780px -20px
}

.sprite-SC,.sprite-SD,.sprite-SE {
    width: 32px;
    height: 32px;
    background-position: -13852px -20px
}

.sprite-SD,.sprite-SE {
    background-position: -13924px -20px
}

.sprite-SE {
    background-position: -13996px -20px
}

.sprite-SG,.sprite-SH,.sprite-SI {
    width: 32px;
    height: 32px;
    background-position: -14068px -20px
}

.sprite-SH,.sprite-SI {
    background-position: -14140px -20px
}

.sprite-SI {
    background-position: -14212px -20px
}

.sprite-SK,.sprite-SL,.sprite-SM {
    width: 32px;
    height: 32px;
    background-position: -14284px -20px
}

.sprite-SL,.sprite-SM {
    background-position: -14356px -20px
}

.sprite-SM {
    background-position: -14428px -20px
}

.sprite-SN,.sprite-SO,.sprite-SR {
    width: 32px;
    height: 32px;
    background-position: -14500px -20px
}

.sprite-SO,.sprite-SR {
    background-position: -14572px -20px
}

.sprite-SR {
    background-position: -14644px -20px
}

.sprite-SS,.sprite-ST,.sprite-SV {
    width: 32px;
    height: 32px;
    background-position: -14716px -20px
}

.sprite-ST,.sprite-SV {
    background-position: -14788px -20px
}

.sprite-SV {
    background-position: -14860px -20px
}

.sprite-SX {
    width: 65px;
    height: 40px;
    background-position: -14932px -20px
}

.sprite-SY,.sprite-SZ,.sprite-TC {
    width: 32px;
    height: 32px;
    background-position: -15037px -20px
}

.sprite-SZ,.sprite-TC {
    background-position: -15109px -20px
}

.sprite-TC {
    background-position: -15181px -20px
}

.sprite-TD,.sprite-TF,.sprite-TG {
    width: 32px;
    height: 32px;
    background-position: -15253px -20px
}

.sprite-TF,.sprite-TG {
    background-position: -15325px -20px
}

.sprite-TG {
    background-position: -15397px -20px
}

.sprite-TH,.sprite-TJ,.sprite-TK {
    width: 32px;
    height: 32px;
    background-position: -15469px -20px
}

.sprite-TJ,.sprite-TK {
    background-position: -15541px -20px
}

.sprite-TK {
    background-position: -15613px -20px
}

.sprite-TL,.sprite-TM,.sprite-TN {
    width: 32px;
    height: 32px;
    background-position: -15685px -20px
}

.sprite-TM,.sprite-TN {
    background-position: -15757px -20px
}

.sprite-TN {
    background-position: -15829px -20px
}

.sprite-TO,.sprite-TR,.sprite-TT {
    width: 32px;
    height: 32px;
    background-position: -15901px -20px
}

.sprite-TR,.sprite-TT {
    background-position: -15973px -20px
}

.sprite-TT {
    background-position: -16045px -20px
}

.sprite-TV,.sprite-TW,.sprite-TZ {
    width: 32px;
    height: 32px;
    background-position: -16117px -20px
}

.sprite-TW,.sprite-TZ {
    background-position: -16189px -20px
}

.sprite-TZ {
    background-position: -16261px -20px
}

.sprite-UA,.sprite-UG,.sprite-US {
    width: 32px;
    height: 32px;
    background-position: -16333px -20px
}

.sprite-UG,.sprite-US {
    background-position: -16405px -20px
}

.sprite-US {
    background-position: -16477px -20px
}

.sprite-UY,.sprite-UZ,.sprite-VA {
    width: 32px;
    height: 32px;
    background-position: -16549px -20px
}

.sprite-UZ,.sprite-VA {
    background-position: -16621px -20px
}

.sprite-VA {
    background-position: -16693px -20px
}

.sprite-VC,.sprite-VE,.sprite-VG {
    width: 32px;
    height: 32px;
    background-position: -16765px -20px
}

.sprite-VE,.sprite-VG {
    background-position: -16837px -20px
}

.sprite-VG {
    background-position: -16909px -20px
}

.sprite-VI,.sprite-VN,.sprite-VU {
    width: 32px;
    height: 32px;
    background-position: -16981px -20px
}

.sprite-VN,.sprite-VU {
    background-position: -17053px -20px
}

.sprite-VU {
    background-position: -17125px -20px
}

.sprite-WF,.sprite-WS,.sprite-YE {
    width: 32px;
    height: 32px;
    background-position: -17197px -20px
}

.sprite-WS,.sprite-YE {
    background-position: -17269px -20px
}

.sprite-YE {
    background-position: -17341px -20px
}

.sprite-YT,.sprite-ZA,.sprite-ZM {
    width: 32px;
    height: 32px;
    background-position: -17413px -20px
}

.sprite-ZA,.sprite-ZM {
    background-position: -17485px -20px
}

.sprite-ZM {
    background-position: -17557px -20px
}

.sprite-ZW,.sprite-_abkhazia {
    width: 32px;
    height: 32px;
    background-position: -17629px -20px
}

.sprite-_abkhazia {
    background-position: -17701px -20px
}

.sprite-_basque-country {
    width: 32px;
    height: 32px;
    background-position: -17773px -20px
}

.sprite-_british-antarctic-territory,.sprite-_commonwealth {
    width: 32px;
    height: 32px;
    background-position: -17845px -20px
}

.sprite-_commonwealth {
    background-position: -17917px -20px
}

.sprite-_england,.sprite-_gosquared {
    width: 32px;
    height: 32px;
    background-position: -17989px -20px
}

.sprite-_gosquared {
    background-position: -18061px -20px
}

.sprite-_kosovo,.sprite-_mars {
    width: 32px;
    height: 32px;
    background-position: -18133px -20px
}

.sprite-_mars {
    background-position: -18205px -20px
}

.sprite-_nagorno-karabakh,.sprite-_nato {
    width: 32px;
    height: 32px;
    background-position: -18277px -20px
}

.sprite-_nato {
    background-position: -18349px -20px
}

.sprite-_northern-cyprus {
    width: 32px;
    height: 32px;
    background-position: -18421px -20px
}

.sprite-_olympics,.sprite-_red-cross {
    width: 32px;
    height: 32px;
    background-position: -18493px -20px
}

.sprite-_red-cross {
    background-position: -18565px -20px
}

.sprite-_scotland,.sprite-_somaliland {
    width: 32px;
    height: 32px;
    background-position: -18637px -20px
}

.sprite-_somaliland {
    background-position: -18709px -20px
}

.sprite-_south-ossetia {
    width: 32px;
    height: 32px;
    background-position: -18781px -20px
}

.sprite-_united-nations,.sprite-_unknown {
    width: 32px;
    height: 32px;
    background-position: -18853px -20px
}

.sprite-_unknown {
    background-position: -18925px -20px
}

.sprite-_wales,.sprite-unknown {
    width: 32px;
    height: 32px;
    background-position: -18997px -20px
}

.sprite-unknown {
    background-position: -19069px -20px
}

.faqItem {
    margin-bottom: 44px
}

.faqItem:last-child {
    margin-bottom: 0
}

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

.faqItem ul li {
    border-radius: 3px;
    box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    border: solid 1px rgba(53,76,94,.08);
    background-color: #fafcff;
    padding: 20px;
    color: #354c5e;
    margin-bottom: 20px
}

.sPracticeExam .practiceFilter.faq li a {
    color: #516e84
}

.sPracticeExam .practiceFilter.faq li a:hover {
    text-decoration: none
}

.faqItem ul li p:last-child {
    margin-bottom: 0
}

.faqItem ul li:last-child {
    margin-bottom: 0
}

.faqItem ul li .faqItemTitle {
    font-family: OpenSansBold,sans-serif;
    color: #1a70c5;
    margin-bottom: 12px
}

.paynow .cartPage .promoWrap {
    display: block;
    text-align: right
}

.paynowEl {
    border-radius: 3px;
    box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    border: solid 1px rgba(53,76,94,.08);
    background-color: #fafcff;
    padding: 24px 30px;
    margin-bottom: 20px
}

.paynowEl:last-of-type {
    margin-bottom: 0
}

.paynowEl .subH2 {
    color: #354c5e;
    font-family: OpenSansRegular,sans-serif
}

.paynow .h2+p {
    margin-bottom: 32px
}

.paynowElWrap {
    display: flex
}

.paynowElWrap .myBtn {
    padding: 7px 0;
    min-width: 200px;
    margin-right: 30px
}

.paynowElWrap .myBtn.orange {
    background-image: linear-gradient(to top,rgba(250,165,55,.31),rgba(252,235,101,.31)),linear-gradient(to bottom,#fda00a,#fda00a);
    text-align: center;
    transition: none
}

.paynowElWrap .myBtn.orange:hover {
    background: #fda00a
}

.pager {
    position: relative;
    margin-bottom: 20px
}

.pager a,.pager span {
    display: inline-block;
    color: #354c5e;
    padding: 5px 12px;
    border-radius: 50%
}

.pager a:first-child,.pager span:first-child {
    margin-left: 10px
}

.examRequest .pager a:first-child,.examRequest .pager span:first-child {
    padding-left: 12px;
    margin-left: 10px
}

.pager a:hover {
    text-decoration: none
}

.pager span {
    background-color: #445fa9;
    color: #fff
}

.mcreturn .headerColor+.italic {
    margin-top: 30px
}

.mcreturn .orange {
    color: #fda00a
}

.mcreturn .purchaseWrap {
    padding: 0 90px;
    position: relative
}

.mcreturn .topSertificationsList {
    color: #354c5e;
    font-size: 18px;
    margin-bottom: 70px
}

.mcreturn .purchaseImg {
    max-width: 560px
}

.mcreturn .topSertificationsList li {
    margin-bottom: 25px
}

.mcreturn .membershipWrap {
    margin: 44px 0 34px;
    display: flex;
    align-items: center
}

.mcreturn .membershipWrap.two .membershipEl:nth-child(2) {
    width: 66.77777%;
    padding-left: 30px
}

.mcreturn .membershipWrap.two .topSertificationsList {
    margin-bottom: 0
}

.mcreturn .membershipWrap.two .topSertificationsList li:last-child {
    margin-bottom: 0
}

.mcreturn .membershipWrap .membershipEl {
    width: 33.33333%
}

.mcreturn .membershipWrap .membershipEl .h1 {
    margin-bottom: 12px
}

.mcreturn .membershipWrap .membershipEl:nth-child(2) {
    transform: translate(20px,-8px)
}

.mcreturn .membershipWrap .membershipEl:nth-child(3) {
    padding: 0 0 25px 30px
}

.annualMember {
    border-radius: 3px;
    box-shadow: 0 0 0 0 rgba(0,0,0,.25);
    border: 1px solid rgba(225,232,245,.5)
}

.annualMember .annualMemberTitle {
    color: #fff;
    background-color: #6186b0;
    text-align: center;
    padding: 14px 0;
    font-family: OpenSansBold,sans-serif;
    border-radius: 3px 3px 0 0
}

.annualMemberContent {
    padding: 13px 5px 29px;
    text-align: center;
    color: #354c5e
}

.annualMemberContent .annualMemberContentEl .title {
    font-family: OpenSansBold,sans-serif;
    font-size: 20px
}

.annualMemberContent .annualMemberContentEl {
    margin-bottom: 25px
}

.annualMemberContent .annualMemberContentEl:last-child {
    margin-bottom: 0
}

.annualMemberContentEl .prices {
    display: inline-flex;
    align-items: flex-end
}

.annualMemberContentEl .prices .old {
    text-decoration: line-through;
    opacity: .5;
    margin: 0 10px 3px 0;
    font-size: 18px
}

.annualMemberContentEl .prices .current {
    color: #fda00a;
    font-size: 28px;
    font-family: OpenSansRegular,sans-serif
}

.memberImg {
    max-width: 251px;
    margin: 0 auto;
    position: relative
}

.memberImg .savePrice {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-40%) rotate(-8deg);
    color: #fff;
    font-family: OpenSansBold,sans-serif;
    font-size: 42px
}

.mcreturn .totalDue {
    font-size: 24px;
    font-family: OpenSansRegular,sans-serif;
    color: #354c5e
}

.totalDue {
    margin-bottom: 24px
}

.totalDue span {
    color: #1a70c5;
    font-size: 36px
}

.totalDue span b {
    font-size: 24px;
    text-decoration: line-through;
    font-weight: 400;
    font-family: OpenSansRegular,sans-serif
}

.mcreturn .billingWrap {
    border-radius: 3px;
    background-color: #f7f9fd;
    padding: 40px 32px;
    margin-top: 20px;
    margin-bottom: 24px
}

.mcreturn .billingDetailsTitle {
    margin-top: 60px
}

.mcreturn .billingForm .myBtn {
    min-width: 377px;
    padding: 17px 0
}

.mcreturn .cancel {
    text-align: right
}

b.latoBlack {
    font-family: LatoBlack,sans-serif
}

.purchaseWrap .memberImg.absolute {
    position: absolute;
    right: 125px;
    top: -15px
}

.mcreturn .membershipWrap.two {
    margin-top: 15px
}

.mcreturn .sPracticeExam {
    padding-bottom: 45px
}

.mcreturn .smallLineHeight {
    line-height: 1.3
}

.mcreturn .billingForm .flexInput label {
    margin-right: 20px
}

.mcreturn .billingForm .flexInput label:last-child {
    margin: 0
}

.searchResults {
    padding: 0;
    list-style: none;
    margin: 30px 0
}

.searchResults li .counter {
    margin-right: 15px
}

.searchResults li {
    margin-bottom: 15px
}

.searchResults li:last-child {
    margin-bottom: 0
}

.unlimited .filesWrap table td:first-child {
    max-width: 455px;
    min-width: 455px;
    padding-left: 30px
}

.unlimited .filesWrap table td:nth-child(2),.unlimited .filesWrap table td:nth-child(3) {
    min-width: 100px
}

.invoices .filesWrap table td:first-child,.invoices .filesWrap table th:first-child {
    padding-left: 30px
}

.logOut {
    position: absolute;
    top: -60px;
    right: 20px
}

.invoices .filesWrap table td:nth-child(4),.invoices .filesWrap table td:nth-child(5) {
    min-width: 85px
}

.promoMessage.red {
    margin-bottom: 10px
}

.promoMessage.green {
    color: #54c547;
    display: flex;
    align-items: center;
    font-family: OpenSansBold,sans-serif
}

.promoMessage.green a {
    margin-left: 15px;
    min-width: 16px
}

.purchaseIndividually {
    margin-bottom: 32px
}

.purchaseIndividually .item {
    border-radius: 3px;
    background-color: #f7f9fd;
    padding: 24px 24px 0;
    display: flex;
    color: #354c5e;
    margin-bottom: 20px
}

.purchaseIndividually .item:last-child {
    margin-bottom: 0
}

.purchaseIndividually .item .itemImg {
    min-width: 153px;
    max-width: 168px;
    margin-right: 24px
}

.purchaseIndividually .item .itemTitle {
    font-family: OpenSansSemiBold,sans-serif;
    font-size: 28px;
    color: #1a70c5;
    letter-spacing: -1.4px;
    margin: -3px 0 0
}

.purchaseIndividually .item .itemSize {
    font-size: 18px;
    margin-bottom: 8px
}

.purchaseIndividually .item .itemPrice {
    display: flex;
    align-items: flex-end;
    margin-bottom: 15px
}

.purchaseIndividually .item .itemPrice .old {
    color: #cf0004;
    font-size: 16px;
    text-decoration: line-through;
    opacity: .6;
    margin: 0 5px 4px 0
}

.purchaseIndividually .item .itemPrice .new {
    font-size: 24px;
    font-family: OpenSansRegular,sans-serif;
    letter-spacing: -1.4px
}

.purchaseIndividually .item .myBtn {
    width: 100%;
    max-width: 155px;
    padding: 10px 0
}

.purchaseIndividually .item .imgMobile {
    display: none
}

.dotsExam a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 120px
}

.visuallyHidden {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px
}

.filesWrap .myBtn {
    transition: none;
    padding: 10px 15px!important;
    color: #fff!important
}

.siteSearch {
    font-family: OpenSansSemiBold,sans-serif;
    font-size: 18px;
    margin-bottom: 5px
}

.cancelSuscription.typicForm .checkBoxWrap {
    padding-left: 0
}

.cancelSuscription .checkboxFlex {
    padding-left: 30px
}

.cancelSuscription .h3 {
    margin-bottom: 25px;
    font-family: OpenSansSemiBold,sans-serif
}

.cancelSuscription .keepSubscr {
    padding: 14px 15px;
    margin-right: 30px
}

.cancelSuscription .cancelBtn,.cancelSuscription .cancelLink {
    color: #1a70c5!important;
    border-bottom: 1px solid rgba(151,190,255,.36);
    padding-bottom: 2px;
    opacity: .5;
    cursor: default;
    font-family: OpenSansSemiBold,sans-serif
}

.cancelSuscription .cancelLink:hover {
    text-decoration: none;
    cursor: pointer
}

.unlimitedBreadCrumb {
    list-style: none;
    padding-left: 30px
}

.unlimitedBreadCrumb li {
    display: inline-block;
    margin-right: 20px
}

.unlimitedBreadCrumb li:last-child {
    margin-right: 0
}

.premiumPage .h2 span {
    color: #fda00a
}

.semiBold {
    font-family: OpenSansSemiBold,sans-serif;
    color: #354c5e
}

.premiumPage .topSertificationsList li::before {
    background-image: url(../img/listMark.svg);
    background-position: left;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    top: 0;
    width: 28px;
    height: 28px;
    border-radius: 0;
    background-color: transparent
}

.premiumPage .topSertificationsList li {
    padding-left: 35px;
    margin-bottom: 26px
}

.premiumPage .topSertificationsList li:last-child {
    margin-bottom: 0
}

.productScreenshotsCarousel .owl-item .slide {
    transform: scale(.9)
}

.productScreenshotsCarousel .owl-item.active .slide {
    transform: scale(1)
}

.premiumPage .productScreenshotsCarousel .owl-item.active .slide {
    box-shadow: 0 32px 61px 0 rgba(32,70,128,.21)
}

.premiumPage .productScreenshotsCarousel .owl-stage-outer {
    padding: 48px 0 81px;
    background-image: linear-gradient(to top,#eef4ff,#f6f6f6,#eef4ff);
    border-radius: 3px
}

.productScreenshotsCarousel .owl-nav button.owl-prev {
    left: 15px
}

.productScreenshotsCarousel .owl-nav button.owl-next {
    right: 15px
}

.ciscoPage .sHotCertifications {
    margin-bottom: 60px
}

.sHotCertifications .vendorCarousel .owl-nav button {
    left: -25px
}

.sHotCertifications .vendorCarousel .owl-nav button.owl-next {
    left: auto;
    right: -25px
}

.certCard .priceAndBtn {
    display: flex;
    justify-content: space-between
}

.certCard .certCardItems.one .certCardItem {
    margin-bottom: 0
}

.justify {
    text-align: justify
}

.aboutText.active {
    position: relative;
    overflow: hidden;
    max-height: 50px
}

.toggleAboutText {
    margin-top: 15px
}

.topItems {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.topItems .topItem {
    width: 48%;
    margin-bottom: 15px
}

.justify .h1 {
    text-align: left
}

.popularTitle {
    display: flex;
    align-items: center
}

.popularTitle img {
    margin-right: 10px
}

.sitemapItems {
    display: flex;
    flex-wrap: wrap
}

.sitemapItems .sitemapItem {
    width: 25%;
    margin-bottom: 15px
}

.sitemapItems .sitemapItem:hover {
    text-decoration: none
}

.pager span:first-child,.sitemap .pager a:first-child {
    margin-left: 0;
    padding-left: 0
}

.myAccountMenu .tab svg {
    display: none
}

.myAccountMenu .tab.active svg path {
    fill: #fff
}

.exclusiveOffer {
    border: 1px solid #e1e8f5;
    border-radius: 6px;
    display: inline-flex;
    padding: 15px;
    margin-bottom: 25px
}

.exclusiveOffer .imgWrap {
    margin-right: 15px;
    min-width: 64px
}

.offerWrap {
    margin-bottom: 30px
}

.avanset .myHeader {
    background-image: linear-gradient(to top,#1e4e71,#18476b)
}

.avanset .promoDiscount {
    margin-bottom: 10px
}

.avanset .imgDiscount {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: relative
}

.avanset .imgDiscount .discountWrap {
    position: absolute;
    top: 0;
    right: 0;
    background-image: url(/design/img/save.png);
    background-repeat: no-repeat;
    background-size: cover;
    width: 156px;
    height: 156px;
    text-align: center;
    color: #684a17;
    font-size: 42px;
    font-weight: 700;
    padding-top: 27px;
    transform: translate(20%,-50%)
}

@media (max-width: 1919.98px) {
    .justify {
        word-break:break-word
    }

    .purchaseIndividually .item .itemImg {
        max-width: 162px
    }

    .sPracticeExam .avansetBanner .howToOpenBtn {
        margin-bottom: 21px
    }

    .logOut {
        right: 20px
    }

    .premiumPage .productScreenshotsCarousel .owl-dots {
        top: 87%
    }

    .filesWrap table td:first-child {
        min-width: 170px
    }

    .dotsExam a {
        max-width: 89px
    }

    .sHotCertifications .item .imgWrap {
        min-height: 88px
    }

    .videoCoursesPage .others .item {
        width: 32%
    }

    .purchaseIndividually .item .itemTitle {
        font-size: 22px
    }

    .purchaseIndividually .item {
        padding: 24px 15px 0 5px
    }

    .purchaseIndividually .item .itemImg {
        margin-right: 15px
    }

    .unlimited .filesWrap table td:first-child {
        max-width: 420px;
        min-width: 420px
    }

    .mcreturn .billingForm .myBtn {
        min-width: 335.33px
    }

    .mcreturn .membershipWrap.two {
        margin-top: 30px
    }

    .purchaseWrap .memberImg.absolute {
        right: 0
    }

    .totalDue span {
        font-size: 34px
    }

    .mcreturn .purchaseWrap {
        padding: 0
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle .needOverflow {
        max-width: 300px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle .ellipsis {
        max-width: 215px
    }

    .cartPage .promoWrap {
        padding-right: 130px
    }

    .subscriptionOptions .typicForm .totalOffset {
        padding-right: 0
    }

    .premiumPage .topSertificationsList {
        font-size: 16px
    }

    .premiumWrap .premiumColor {
        font-size: 53px
    }

    .premiumPage .productScreenshotsCarousel .slide {
        max-width: 465px
    }

    .filePagePurchase.providers table tr th:first-child {
        width: 84%
    }

    .myAccount .tabItem.tab1::before {
        bottom: 520px
    }

    .certCard.three::before {
        bottom: 98px
    }

    .certCard .certCardImg {
        margin-bottom: 15px
    }

    .addComment .commentForm .myBtn {
        min-width: 202.5px
    }

    .typicForm .flexInput label.fileVersion {
        min-width: 195px
    }

    .videoListWrap .itemHeader a {
        display: inline-block;
        max-width: 490px;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        overflow: hidden
    }

    .feedBack .feedBackNumber {
        font-size: 105px
    }

    .videoCarousel .owl-dots {
        top: 110%
    }

    .videoCarousel .owl-nav button {
        left: -60px
    }

    .videoCarousel .owl-nav button.owl-next {
        right: -60px
    }

    .only1920 {
        display: none
    }

    .less1920 {
        display: block
    }

    .videoCourseTop {
        padding-bottom: 65px
    }

    .videoCourseTop .videoCourseTopInfo {
        padding: 0
    }

    .videoCourseTop .videoCourseTopInfo .advantages {
        margin: 30px 0 45px
    }

    .videoCourseTop .addToCart {
        margin-bottom: 25px
    }

    .addDots a,.addDots span {
        width: 335px
    }

    .newFiles .addDots a,.newFiles .addDots span {
        width: 243px
    }

    .addDots2 a,.addDots2 span {
        width: 420px
    }

    .addDots3 a {
        width: 260px
    }

    .addDots4 a,.addDots4 span {
        width: 425px
    }

    .videoCoursesPage .hotTrainingCourses .owl-nav button {
        left: -65px
    }

    .videoCoursesPage .hotTrainingCourses .owl-nav button.owl-next {
        right: -65px
    }

    table a {
        word-break: break-all
    }

    .fileCard {
        padding-bottom: 45px
    }

    .addComment .typicForm {
        max-width: 645px
    }

    .productScreenshotsCarousel .slide {
        max-width: 562px
    }

    .tabContent {
        padding: 45px 15px 80px
    }

    .purchase table tr td:nth-child(2) {
        width: 53%
    }

    .certCard {
        padding: 30px 20px
    }

    .certCard .col-lg-8 {
        padding-left: 15px
    }

    .certCard .certCardItems .certCardItem {
        padding-bottom: 15px;
        margin-bottom: 15px
    }

    .topSertifications {
        padding: 30px 25px
    }

    .myFooter .footerMenu li {
        margin-right: 25px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemPrice {
        top: 10px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages {
        top: 15px;
        right: 15px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant {
        width: 55px;
        height: 50px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle {
        padding: 5px 20px
    }

    .sPracticeExam .avansetBanner .avansetInfo {
        padding: 35px 25px 30px
    }

    .sPracticeExam .premiumBanner {
        padding: 30px 15px 40px
    }

    .sPracticeExam .premiumBanner .premiumFlex {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .sPracticeExam .premiumBanner .premiumFlex .premiumTitle {
        font-size: 50px
    }

    .sPracticeExam .filterResults tr td:first-child,.sPracticeExam .filterResults tr td:nth-child(2) {
        width: 18%
    }

    .sPracticeExam table tr th:first-child,.sPracticeExam table tr th:nth-child(2) {
        width: 18%
    }

    .sHotCertifications .owl-nav button {
        left: -70px
    }

    .sHotCertifications .owl-nav button.owl-next {
        right: -70px
    }

    .sHotCertifications .item .h4 {
        font-size: 15px;
        max-width: 130px
    }

    .myHeader .menuFirst li.crown svg {
        right: 28px
    }

    .myHeader .menuFirst li a {
        padding: 18.5px 28px
    }

    .myHeader .menuSecondWrap .practiceExam {
        margin-right: 25px
    }

    .filePagePurchase table tr th {
        font-size: 15px
    }

    .filePagePurchase table tr th:first-child {
        width: 60%
    }

    .filePagePurchase table tr th:nth-child(2),.filePagePurchase table tr th:nth-child(3) {
        width: 10%
    }

    .filePagePurchase table tr th:last-child {
        width: 20%
    }

    .cartPage table tr th:first-child {
        width: 75%
    }
}

@media (max-width: 1365.98px) {
    .sHotCertifications .item .imgWrap {
        min-height:159px
    }
}

@media (max-width: 1199.98px) {
    .subscriptionItems .subscriptionOption .subscriptionOptionTitle {
        font-size:21px
    }

    .subscriptionItems .subscriptionOption .billedMonth {
        font-size: 17px
    }

    .sHotCertifications .vendorCarousel .item .imgWrap {
        min-height: auto
    }

    .sPracticeExam .threeBtns {
        margin: 0 15px
    }

    .filesWrap table td:first-child {
        min-width: 138px
    }

    .sPracticeExam .filesWrap table tr td:first-child a {
        max-width: 97px
    }

    .dotsExam a {
        max-width: 67px
    }

    .sHotCertifications .item .imgWrap {
        min-height: 126px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages {
        top: 10px;
        right: 10px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant svg {
        width: 20px;
        height: 20px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant {
        width: 50px;
        height: 45px;
        margin-bottom: 5px
    }

    .purchaseIndividually .item .itemTitle {
        margin-bottom: 5px
    }

    .purchaseIndividually .item .imgMobile {
        display: block
    }

    .purchaseIndividually .item .itemImg {
        display: none
    }

    .purchaseIndividually .item {
        padding: 24px
    }

    .cartPage .promoWrap.noBorder {
        padding-right: 30px
    }

    .unlimited .filesWrap table td:first-child {
        max-width: 340px;
        min-width: 340px
    }

    .mcreturn .membershipWrap.two .membershipEl:nth-child(2) {
        padding-left: 0
    }

    .purchaseWrap .memberImg.absolute {
        max-width: 235px
    }

    .mcreturn .membershipWrap .membershipEl .h1 {
        font-size: 42px
    }

    table .small {
        font-size: 12px
    }

    .newFiles .addDots a,.newFiles .addDots span {
        width: 172px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle .needOverflow {
        max-width: 250px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle .ellipsis {
        max-width: 255px
    }

    .certCard form .myBtn {
        margin-bottom: 0
    }

    .sPracticeExam .premiumBanner .premiumBannerTitle {
        font-size: 24px
    }

    .sPracticeExam .avansetBanner .platformBtns {
        margin-bottom: 15px
    }

    .examRequest .addComment {
        margin-bottom: 30px
    }

    table {
        font-size: 12px
    }

    .h2 {
        font-size: 28px
    }

    .mH2 {
        font-size: 30px
    }

    .sPracticeExam .premiumBanner .myBtn {
        padding: 10px 0
    }

    .sPracticeExam .premiumBanner .h4 {
        font-size: 16px
    }

    .sPracticeExam .premiumBanner .premiumFlex .premiumTitle {
        font-size: 36px
    }

    .sPracticeExam .premiumBanner .premiumFlex .crownWrap {
        max-width: 40px
    }

    .platformBtns .myBtn {
        padding: 10px 0
    }

    .sPracticeExam .avansetBanner .howToOpenBtn {
        font-size: 16px
    }

    .sPracticeExam .avansetBanner .avansetLogoWrap {
        padding: 22px 0
    }

    .sPracticeExam .avansetBanner .avansetLogoWrap .avansetLogo {
        max-width: 195px
    }

    .home .sPracticeExam {
        padding: 60px 0
    }

    .subscriptionOptions .totalPrice {
        font-size: 32px
    }

    .premiumWrap .premiumWrapText {
        font-size: 16px
    }

    .premiumWrap .premiumColor {
        margin-left: 0;
        order: 0
    }

    .premiumWrap div:first-child {
        order: 1
    }

    .premiumWrap .imgWrap {
        display: none
    }

    .premiumWrap {
        flex-direction: column;
        align-items: flex-start
    }

    .videoCoursesPage .others {
        justify-content: space-between
    }

    .videoCoursesPage .others .item {
        margin-right: 0
    }

    .videoCoursesPage .others .item:nth-child(4n) {
        margin-right: 0
    }

    .videoCoursesPage .others .item {
        width: 33.3333%;
        max-width: 296px
    }

    .cartPage .selectric-wrapper {
        max-width: 320px
    }

    .addDotsFour a {
        max-width: 97px!important
    }

    .filePagePurchase.providers table tr th:first-child {
        width: 80%
    }

    .myAccount .tabItem.tab1::before {
        bottom: 565px
    }

    .myAccount .filesWrap table tr th:nth-child(1) {
        width: 30%
    }

    .tabs.four .switcher {
        height: 61px
    }

    .certCard.three .desc {
        margin-top: 45px
    }

    .cartPage .promoForm {
        max-width: 320px
    }

    .cartPage .promoWrap {
        padding-right: 103px
    }

    .cartPage table tr th:first-child {
        width: 50%
    }

    .cartPage table .closeBtn {
        margin-left: 0
    }

    .certCard.three::before {
        bottom: 116px
    }

    .certCard .certCardItems {
        margin-bottom: 25px
    }

    .certCard .certCardItems.one {
        margin-bottom: 0
    }

    .addComment .commentForm .myBtn {
        min-width: 185px
    }

    .sharePage .addComment .typicForm {
        max-width: inherit
    }

    .typicForm .flexInput label.fileVersion {
        min-width: 180px
    }

    .videoListWrap .itemHeader a {
        max-width: 415px
    }

    .feedBack .feedBackNumber {
        font-size: 85px
    }

    .videoWrap {
        padding-right: 30px
    }

    .videoCourseTop .stars {
        top: 22px
    }

    .stars svg {
        width: 20px;
        height: 20px;
        background-size: 19.5px 19.5px
    }

    .addDots a,.addDots span {
        width: 225px
    }

    .addDots2 a,.addDots2 span {
        width: 340px
    }

    .addDots3 a {
        width: 140px
    }

    .addDots4 a,.addDots4 span {
        width: 345px
    }

    .visible992 {
        display: block!important
    }

    .comments .commentItem {
        padding-right: 15px
    }

    .tabs .switcher {
        height: 50px
    }

    .fileCard {
        padding: 20px 15px 40px
    }

    .typicForm .flexInput.withHelpMessage label .captchaInfo {
        display: none
    }

    .addComment .typicForm {
        max-width: 545px
    }

    .comments .commentsTitle {
        margin-bottom: 25px
    }

    .comments .commentItem {
        margin-bottom: 15px;
        padding-bottom: 5px;
        color: #354c5e
    }

    .comments .commentItem .commentItemHeader li {
        font-size: 15px
    }

    .comments .commentItem .commentItemHeader li.name {
        font-size: 18px
    }

    .comments .commentItem .commentItemHeader li:nth-child(2) {
        margin-right: 0
    }

    .comments .commentItem .commentItemHeader li:nth-child(2)::before {
        content: none
    }

    .comments .commentItem .commentItemHeader li:nth-child(3),.comments .commentItem .commentItemHeader li:nth-child(4) {
        display: none
    }

    .productScreenshotsCarousel .slide {
        max-width: 452px
    }

    .tabContent {
        padding: 30px 15px 60px
    }

    .myAccountMenu .tab,.tabs .tab {
        padding: 13.5px 0;
        font-size: 18px
    }

    .purchase table tr td:nth-child(2) {
        width: 48%
    }

    .certCard form .myBtn {
        min-width: 165px
    }

    .topSertifications {
        padding: 30px 15px
    }

    table tr td {
        word-break: break-all
    }

    .platformBtns .myBtn {
        min-width: 125px
    }

    .appBtns a {
        max-width: 125px;
        display: block
    }

    .sPracticeExam .threeBtns .myBtn:first-child::before {
        content: none
    }

    .sPracticeExam .premiumBanner .premiumFlex .premiumTitle {
        font-size: 36px
    }

    .sPracticeExam .avansetBanner .avansetInfo {
        padding: 25px 15px 30px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemPrice {
        font-size: 24px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle {
        padding: 2px 20px
    }

    .myHeader .menuSecondWrap .practiceExam {
        display: none
    }

    .myHeader .menuSecondWrap .secondMenu li a {
        padding: 21px 0;
        display: inline-block;
        border-bottom: none;
        position: relative
    }

    .myHeader .menuSecondWrap .secondMenu li a::before {
        content: '';
        position: absolute;
        bottom: 19px;
        left: 0;
        height: 1px;
        width: 100%;
        background-color: rgba(151,190,255,.36);
        -webkit-transition: all .25s ease;
        -o-transition: all .25s ease;
        transition: all .25s ease
    }

    .myHeader .menuSecondWrap .secondMenu li a:hover::before {
        background-color: rgba(151,190,255,.72)
    }

    .myHeader .menuFirst li.crown svg {
        right: 16px
    }

    .myHeader .menuFirst li a {
        padding: 18.5px 17px
    }

    .filePagePurchase table tr th:first-child {
        width: 45%
    }

    .filePagePurchase table tr th:nth-child(2) {
        width: 10%
    }

    .filePagePurchase table tr th:nth-child(3) {
        width: 15%
    }

    .filePagePurchase table tr th:last-child {
        width: 23%
    }
}

@media (max-width: 991.98px) {
    .sPracticeExam .filePagePurchase.providers .filterResults tr td:nth-child(1) {
        width:50%
    }

    .newFiles .sPracticeExam .filesWrap .filterResults tr td:nth-child(3) {
        margin-top: 8px
    }

    .newFiles .filterResults tr:first-child {
        display: flex
    }

    .sPracticeExam .filePagePurchase .filterResults tr td:nth-child(1) {
        width: 100%;
        margin-bottom: 8px
    }

    .sPracticeExam .filePagePurchase .filterResults tr td:nth-child(3) {
        margin-top: 0
    }

    .sPracticeExam .filePagePurchase .filterResults tr td:nth-child(4) {
        margin-top: 8px
    }

    .cert .sHotCertifications {
        background-color: #fff
    }

    .sPracticeExam .filesWrap .filterResults tr td:nth-child(1) {
        order: 0
    }

    .sPracticeExam .filesWrap .filterResults tr td:nth-child(2) {
        order: 2;
        margin-top: 8px;
        width: 100%
    }

    .sPracticeExam .filesWrap .filterResults tr td:nth-child(3) {
        order: 1;
        margin-top: 0;
        width: 50%
    }

    .home .filterResults {
        margin-bottom: 32px
    }

    .filterResults .addDots a,.filterResults .addDots2 a,.filterResults .addDots2 span,.filterResults .addDots4 a,.filterResults .addDots4 span,.filterResults .dotsExam a {
        white-space: inherit;
        overflow: inherit;
        -o-text-overflow: inherit;
        text-overflow: inherit;
        width: inherit;
        display: initial
    }

    .filterResults tr:first-child {
        display: none
    }

    .filterResults tr {
        display: flex;
        flex-wrap: wrap;
        padding: 20px 15px
    }

    .filterResults tr td {
        padding: 0;
        font-size: 16px;
        font-family: OpenSansRegular,sans-serif
    }

    .filterResults tr td .visibleMobile {
        font-size: 12px
    }

    .sPracticeExam .filterResults tr td:nth-child(1),.sPracticeExam .filterResults tr td:nth-child(2) {
        width: 50%
    }

    .filterResults tr td:nth-child(3) {
        margin-top: 8px
    }

    .avanset .imgDiscount {
        display: none
    }

    .avanset .topSertificationsList {
        margin-bottom: 20px
    }

    .sitemapItems .sitemapItem {
        width: 33.3333%
    }

    .topItems .topItem {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .hotCertificationsCarousel .owl-item img,.vendorCarousel .owl-item img {
        width: auto
    }

    #aboutText {
        margin-bottom: 35px
    }

    .ciscoPage .sHotCertifications .h2 {
        text-align: center
    }

    .ciscoPage .sHotCertifications {
        margin-bottom: 35px
    }

    .productScreenshotsCarousel .owl-item .slide {
        transform: scale(1)
    }

    .sPracticeExam .threeBtns {
        padding-bottom: 25px
    }

    .sPracticeExam .avansetBanner .avansetImg {
        margin-top: 0
    }

    .logOut {
        top: -45px
    }

    #discountPopup1.myPopup .typicForm {
        padding: 0
    }

    .filesWrap .myBtn {
        padding: 9px 15px!important
    }

    .sHotCertifications .item .imgWrap {
        min-height: 126px
    }

    .purchaseIndividually {
        margin-top: 32px
    }

    .purchaseIndividually .mobileFlex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .purchaseIndividually .mobileFlex .item {
        width: 48.5%
    }

    .cartPage .promoWrap.noBorder {
        padding-right: 15px
    }

    .videoCourseTop .videoCourseTopInfo .myBtn.orange {
        padding: 9px 0
    }

    .noMargin {
        margin: 0!important
    }

    .mcreturn .billingForm .flexInput {
        flex-direction: column
    }

    .mcreturn .typicForm .flexInput label {
        margin: 0 0 20px 0
    }

    .mcreturn .membershipWrap.two {
        flex-direction: column;
        margin-top: 10px
    }

    .mcreturn .membershipWrap.two .membershipEl:first-child {
        order: 1;
        width: 320px;
        margin-top: 24px
    }

    .mcreturn .membershipWrap.two .membershipEl:nth-child(2) {
        display: block;
        order: 0;
        width: 100%;
        transform: translate(0)
    }

    .purchaseWrap .memberImg.absolute {
        display: none
    }

    .mcreturn .billingForm .myBtn {
        padding: 9px 0
    }

    .mcreturn .cancel {
        text-align: center;
        margin-bottom: 44px
    }

    .mcreturn .billingDetailsTitle {
        margin-top: 25px
    }

    .totalDue {
        margin-bottom: 45px
    }

    .mcreturn .billingWrap {
        padding: 0;
        border-radius: 0;
        background-color: transparent;
        margin: 0 0 36px 0
    }

    .mcreturn .membershipWrap .membershipEl {
        width: 320px
    }

    .totalDue {
        text-align: center
    }

    .totalDue span {
        font-size: 24px
    }

    .totalDue span b {
        font-size: 18px
    }

    .annualMemberContent .annualMemberContentEl {
        margin-bottom: 15px
    }

    .annualMemberContent {
        padding-bottom: 15px
    }

    .annualMember .annualMemberTitle {
        font-size: 18px
    }

    .annualMemberContent .annualMemberContentEl .title {
        font-size: 16px
    }

    .mcreturn .membershipWrap .membershipEl:nth-child(2),.mcreturn .membershipWrap .membershipEl:nth-child(3) {
        display: none
    }

    .mcreturn .membershipWrap {
        margin: 24px 0;
        justify-content: center
    }

    .mcreturn .topSertificationsList {
        margin-bottom: 35px
    }

    .myHeader .topLineIcons .topLineIcon:hover {
        background-color: transparent
    }

    .mcreturn .purchaseImg {
        display: none
    }

    .mcreturn .topSertificationsList li {
        margin-bottom: 15px
    }

    .mcreturn .sPracticeExam .avansetBanner {
        display: none
    }

    .paynowEl {
        padding: 15px 15px 20px
    }

    .paynow .alternatives,.paynow .h2+p {
        margin-bottom: 28px
    }

    .paynow .cartPage .promoWrap {
        margin-bottom: 20px
    }

    .paynow .cartPage table tr td:last-child,.paynow .cartPage table tr th:last-child {
        padding-right: 15px
    }

    .paynow .cartPage .promoWrap {
        padding-right: 15px
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages {
        left: auto;
        right: 10px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages {
        display: block;
        top: 10px;
        right: 10px;
        left: auto
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle .needOverflow {
        max-width: 285px
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle .ellipsis {
        max-width: 295px
    }

    .continueShopping {
        margin-left: 15px
    }

    .needHelpWrap {
        margin-top: 25px;
        height: auto
    }

    .subscriptionOptions .totalPrice {
        font-size: 24px
    }

    .subscriptionOptions .totalPrice #discountPrice {
        font-size: 18px;
        margin-bottom: 2px
    }

    .subscriptionItems .subscriptionOption {
        margin-right: 0
    }

    .subscriptionItems {
        flex-direction: column;
        margin-bottom: 20px
    }

    .subscriptionOptions .typicForm {
        margin-top: 25px
    }

    .sPracticeExam .subscriptionOptions .h2 {
        margin-bottom: 15px
    }

    .premiumPage .topSertificationsList {
        margin-bottom: 45px
    }

    .premiumWrap .premiumColor {
        font-size: 67px
    }

    .myHeader {
        background-color: #fcfcfc
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items.others .item {
        width: 50%;
        max-width: 335px
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items.others {
        display: flex
    }

    .myAccount .tabItem.tab1::before {
        bottom: 510px
    }

    .myAccount .tab4 .typicForm .myBtn {
        padding: 9px 0
    }

    .myAccount .tabsWrap {
        margin-bottom: 45px
    }

    .myAccount .tabItem.tab3 {
        padding-bottom: 0
    }

    .checkout .topSertifications {
        display: none
    }

    .checkout .billingDetailsTitle {
        margin-top: 45px
    }

    .checkout .sPracticeExam {
        padding-top: 30px
    }

    .checkout .myHeader .topLine {
        padding: 20px 0
    }

    .cartPage table tr td {
        padding: 15px
    }

    .cartPage .promoWrap {
        padding: 20px 51px 25px 15px
    }

    .cartPage table tr:first-child {
        display: none
    }

    .checkoutWrap {
        margin-left: 15px
    }

    .blogItems {
        margin-bottom: 45px
    }

    .blogItems .blogItem .blogItemList {
        padding: 20px 15px
    }

    .blogItems:last-child {
        margin-bottom: 45px
    }

    .subH2 {
        font-size: 24px;
        font-family: OpenSansSemiBold,sans-serif
    }

    .certCard .certCardItems {
        margin-bottom: 0
    }

    .myPopup .offsetWrap {
        padding-right: 0
    }

    .myPopup .popupImg {
        display: none
    }

    .loginRegistrationPage .sPracticeExam {
        padding: 35px 0 30px
    }

    .loginRegistrationPage .loginRegistrationForm .myBtn {
        margin-bottom: 25px;
        padding: 9px 0
    }

    .typicForm .flexChoose .chooseFile {
        padding: 9.5px 0
    }

    .addComment .commentForm .myBtn {
        min-width: 225px;
        padding: 9px 0
    }

    .sharePage .addComment {
        margin-top: 30px
    }

    .newFiles .h1 {
        margin-bottom: 25px
    }

    .productsPage .sPracticeExam .avansetBanner {
        margin-bottom: 0
    }

    .productsItems {
        margin-bottom: 60px
    }

    .videoListWrap {
        margin-top: 70px
    }

    .videoListWrap .itemHeader a {
        max-width: 470px
    }

    .videoListWrap .subH2 {
        text-align: left
    }

    .feedBack {
        margin-bottom: 45px
    }

    .feedBack .progressBarWrap .progressBarItem {
        margin-bottom: 0
    }

    .feedBack .progressBarWrap .progressBarItem .progressBarLineWrap {
        height: 7px
    }

    .videoCoursePage .comments,.videoCoursePage .facts {
        margin-bottom: 45px
    }

    .videoCoursePage .sPracticeExam {
        padding-bottom: 35px
    }

    .videoCoursePage .sPracticeExam .hotTrainingCourses {
        margin-bottom: 0
    }

    .videoCourseTable,.videoWrap {
        margin-bottom: 40px
    }

    .videoCoursePage .sPracticeExam .purchase .examsItems .top .el:last-child {
        text-align: left
    }

    .videoWrap {
        padding: 30px 55px 60px 0
    }

    .videoCarousel .advantages .advant {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .advantages {
        display: block
    }

    .advantages .advant {
        display: -webkit-inline-box;
        display: -webkit-inline-flex;
        display: -ms-inline-flexbox;
        display: inline-flex
    }

    .videoCourseTop {
        padding-bottom: 45px
    }

    .videoCourseTop .videoCourseTopInfo .advantages {
        margin: 20px 0
    }

    .videoCourseTop .addToCart {
        margin-bottom: 0
    }

    .videoCourseTop .addToCart .myBtn {
        padding: 8.5px 0
    }

    .videoCourseTop .addToCart .prices {
        position: absolute;
        margin-right: 0;
        right: 10px;
        bottom: 10px
    }

    .videoCourseTop .addToCart .prices .pricesNew {
        font-size: 32px
    }

    .videoCourseTop .addToCart .prices .pricesOld {
        font-size: 18px;
        margin-top: 7px
    }

    .videoCourseTop .videoCourseImg {
        display: inline-block;
        margin-bottom: 10px
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items {
        display: block
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item {
        width: auto;
        margin-bottom: 20px
    }

    .certCard {
        border-radius: 200px 0 0 0
    }

    .certCard .certCardItems .certCardItem:last-child {
        padding-bottom: 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid #eff1f2
    }

    .certCard .certCardImg {
        width: 154px;
        min-width: 154px;
        margin-right: 10px
    }

    .certCard .flexTop {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .certCard .subH2 {
        font-size: 24px;
        font-family: OpenSansRegular,sans-serif;
        line-height: 1.2
    }

    button.mfp-arrow {
        left: 65px
    }

    .videoCoursesPage .hotTrainingCoursesCarousel {
        margin-bottom: 50px
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages {
        top: 10px;
        display: block;
        left: auto
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item .itemAdvantages .itemAdvant {
        margin-right: 0
    }

    .filePagePurchase {
        margin-bottom: 32px
    }

    .comments,.fileCard,.tabsWrap {
        margin-bottom: 35px
    }

    .filePage .sPracticeExam .hotTrainingCourses {
        margin: 35px 0
    }

    .fileCard .moveMobile {
        margin-top: 30px;
        display: inline-block
    }

    .fileCard .info {
        border-bottom: 1px solid rgba(53,76,94,.08);
        margin-bottom: 20px;
        padding-bottom: 15px
    }

    .fileCard.v1 .info {
        border-bottom: 0;
        margin-bottom: 0;
        padding-bottom: 0
    }

    .fileCard .info div:nth-child(2) {
        margin-bottom: 5px
    }

    .fileCard .myBtn {
        padding: 9px 0;
        max-width: 280px
    }

    .fileCard .subH1 {
        margin: 0 0 20px 0;
        color: #1a70c5
    }

    .comments {
        padding-top: 35px
    }

    .addComment {
        padding: 30px 0 0
    }

    .comments .commentItem:last-child {
        margin-bottom: 10px
    }

    .sPracticeExam .filePagePurchase .purchase .examsItems .examItem .top .el:last-child {
        text-align: left
    }

    .sPracticeExam .purchase {
        margin-bottom: 35px
    }

    .sPracticeExam .purchase .examsItems {
        margin-bottom: 0;
        color: #354c5e
    }

    .sPracticeExam .purchase .examsItems .examItem {
        position: relative
    }

    .sPracticeExam .purchase .examsItems .examItem::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 1px;
        width: 100vw;
        background-color: rgba(53,76,94,.08)
    }

    .sPracticeExam .purchase .examsItems .examItem:first-child::after {
        content: '';
        position: absolute;
        top: 0;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        transform: translateX(-50%);
        height: 1px;
        width: 100vw;
        background-color: rgba(53,76,94,.08)
    }

    .sPracticeExam .purchase .examsItems .examItem:nth-child(odd) {
        background-color: transparent
    }

    .sPracticeExam .purchase .examsItems .top {
        margin-bottom: 15px
    }

    .sPracticeExam .purchase .examsItems .top .el:last-child {
        text-align: right
    }

    .sPracticeExam .purchase .examsItems .el {
        margin-bottom: 12px
    }

    .certCard {
        padding: 20px 15px;
        margin-bottom: 45px
    }

    .certCard .desc {
        border-top: 1px solid #eff1f2;
        padding-top: 20px
    }

    .certCard .subH1 {
        font-size: 32px
    }

    .certCard form {
        margin: 15px auto 0;
        max-width: 280px
    }

    .certCard form .myBtn {
        padding: 9px 0;
        width: 100%
    }

    .topSertifications {
        margin: 40px 0 32px;
        padding: 15px 15px 20px
    }

    .paynow .topSertifications {
        margin-top: 0
    }

    .brearCrumb {
        margin-bottom: 20px
    }

    .brearCrumb li a {
        font-size: 14px
    }

    .sPracticeExam {
        padding: 15px 0 45px
    }

    .myFooter {
        padding: 25px 0
    }

    .myFooter .footerMenu {
        margin-bottom: 20px
    }

    .topBtn {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 24px;
        bottom: 15px
    }

    .topBtn.active {
        right: 15px
    }

    .topBtn svg {
        width: 15px;
        height: 15px
    }

    #insertMobile {
        margin-bottom: 35px
    }

    .hiddenMobile {
        display: none!important
    }

    .visibleMobile {
        display: block!important
    }

    .subH1 {
        font-size: 28px
    }

    .h2 {
        font-size: 28px
    }

    .mH2 {
        font-size: 28px
    }

    .h3,h5 {
        font-size: 18px
    }

    .h4 {
        font-size: 16px
    }

    .platformBtns {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .platformBtns .myBtn {
        margin-right: 10px;
        padding: 9px 0
    }

    .platformBtns .myBtn:last-child {
        margin-right: 0
    }

    .appBtns {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center
    }

    .appBtns a {
        margin-right: 10px
    }

    .appBtns a:last-child {
        margin-right: 0
    }

    .home .sPracticeExam {
        padding: 40px 0
    }

    .sPracticeExam .filesWrap {
        margin-bottom: 35px
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses {
        margin: 0
    }

    .sPracticeExam .hotTrainingCourses .items {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .sPracticeExam .hotTrainingCourses .items .item {
        width: 49%;
        margin-bottom: 15px
    }

    .sPracticeExam .threeBtns {
        margin: 0 auto
    }

    .sPracticeExam .premiumBanner {
        padding: 15px 15px 25px;
        margin-bottom: 32px
    }

    .sPracticeExam .premiumBanner .myBtn {
        padding: 9px 0;
        min-width: 125px;
        margin-bottom: 15px
    }

    .sPracticeExam .premiumBanner .premiumBannerTitle {
        font-size: 25px;
        margin-bottom: 10px
    }

    .sPracticeExam .premiumBanner .premiumBannerTitle+.premiumBannerTitle {
        font-size: 20px
    }

    .sPracticeExam .premiumBanner .premiumFlex {
        margin-bottom: 15px
    }

    .sPracticeExam .premiumBanner .premiumFlex .crownWrap {
        max-width: 40px
    }

    .sPracticeExam .premiumBanner .premiumFlex .premiumTitle {
        font-size: 30px
    }

    .sPracticeExam .avansetBanner .platformBtns {
        margin-bottom: 20px
    }

    .sPracticeExam .avansetBanner .howToOpenBtn {
        padding: 9.5px 0;
        max-width: 205px;
        margin: 0 auto 10px
    }

    .sPracticeExam .avansetBanner .avansetLogoWrap {
        padding: 21px 0
    }

    .sPracticeExam .avansetBanner .avansetLogoWrap .avansetLogo {
        max-width: 160px
    }

    .sPracticeExam .avansetBanner .avansetImg {
        display: inline-block
    }

    .sPracticeExam .h2 {
        margin-bottom: 20px
    }

    .sPracticeExam .examsItems {
        margin-bottom: 35px
    }

    .sPracticeExam .examsItems .hiddenExamItems .examItem:nth-child(even) {
        background-color: #f7f8fa
    }

    .sPracticeExam .examsItems .hiddenExamItems .examItem:nth-child(odd) {
        background-color: #fff
    }

    .sPracticeExam .examsItems .loadMore {
        padding: 9px 0;
        min-width: 155px;
        margin-top: 25px
    }

    .sPracticeExam .examsItems .examItem {
        padding: 20px 15px 5px
    }

    .sPracticeExam .examsItems .examItem:nth-child(odd) {
        background-color: #f7f8fa
    }

    .sPracticeExam .examsItems a {
        color: #1a70c5;
        word-break: break-all;
        padding-bottom: 2px;
        border-bottom: 1px solid transparent
    }

    .sPracticeExam .examsItems a:hover {
        text-decoration: none;
        border-color: rgba(26,112,197,.16)
    }

    .sPracticeExam .examsItems .underline {
        font-family: OpenSansSemiBold,sans-serif
    }

    .sPracticeExam .examsItems .top {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 15px
    }

    .sPracticeExam .examsItems .top .el {
        width: 50%;
        margin-bottom: 0
    }

    .sPracticeExam .examsItems .el {
        margin-bottom: 15px;
        color: #354c5e
    }

    .sPracticeExam .examsItems .el .index {
        font-size: 12px
    }

    .sPracticeExam .examsItems .el .value {
        line-height: 1.3;
        display: inline-block;
        padding-right: 10px
    }

    .sHotCertifications {
        text-align: left;
        padding: 30px 0 75px
    }

    .sHotCertifications .owl-dots {
        bottom: auto;
        top: 110%
    }

    .sHotCertifications .h2 {
        margin-bottom: 20px
    }

    .sHotCertifications .owl-stage {
        padding: 0
    }

    .sHotCertifications .item:hover {
        -webkit-box-shadow: none;
        box-shadow: none
    }

    .myBtn {
        font-size: 18px
    }

    .h1,h1 {
        font-size: 28px
    }

    .sWelcome {
        padding: 25px 0 45px;
        text-align: left
    }

    .sWelcome .searchFormV2 {
        margin: 0
    }

    .sWelcome .searchFormV2 input {
        font-size: 18px;
        padding: 10.5px 15px
    }

    .sWelcome h1 {
        margin-bottom: 25px
    }

    .sWelcome .h3 {
        display: none
    }

    .myHeader .menuSecondWrap .flexWrap {
        display: block;
        overflow: auto
    }

    .myHeader .menuSecondWrap .secondMenu {
        width: 1200px
    }

    .myHeader .menuSecondWrap .secondMenu li a {
        padding: 19px 0
    }

    .myHeader .visibleMobile .hamburger {
        fill: #54c547;
        width: 24px;
        height: 24px
    }

    .myHeader .visibleMobile .menuMobileWrap {
        display: none;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        overflow-y: scroll;
        z-index: 2
    }

    .myHeader .visibleMobile .menuMobileWrap .bottom {
        margin: 0;
        padding: 30px 15px;
        list-style: none;
        background-color: #f7f8fa
    }

    .myHeader .visibleMobile .menuMobileWrap .bottom svg {
        width: 24px;
        height: 24px;
        fill: #354c5e
    }

    .myHeader .visibleMobile .menuMobileWrap .bottom li {
        margin-bottom: 30px
    }

    .myHeader .visibleMobile .menuMobileWrap .bottom li:nth-child(1) svg,.myHeader .visibleMobile .menuMobileWrap .bottom li:nth-child(3) svg {
        fill: #54c547
    }

    .myHeader .visibleMobile .menuMobileWrap .bottom li:last-child {
        margin-bottom: 0
    }

    .myHeader .visibleMobile .menuMobileWrap .bottom li a {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        color: #354c5e;
        font-size: 15px;
        text-transform: uppercase;
        font-family: OpenSansBold,sans-serif
    }

    .myHeader .visibleMobile .menuMobileWrap .bottom li a svg {
        margin-right: 10px;
        fill: #1a70c5
    }

    .myHeader .visibleMobile .menuMobileWrap .bottom li a:hover {
        text-decoration: none
    }

    .myHeader .visibleMobile .menuMobileWrap .hamburger {
        -webkit-transform: scale(-1,1);
        -ms-transform: scale(-1,1);
        transform: scale(-1,1)
    }

    .myHeader .visibleMobile .menuMobileWrap .top {
        background-color: #fafcff;
        padding: 20px 15px
    }

    .myHeader .visibleMobile .menuMobileWrap .top .hamburger {
        margin-bottom: 20px
    }

    .myHeader .visibleMobile .menuMobileWrap.show {
        display: block
    }

    .myHeader .visibleMobile>.searchForm {
        display: none;
        margin: 10px auto 15px
    }

    .myHeader .visibleMobile>.searchForm.show {
        display: block
    }

    .myHeader .topLineIcons {
        margin-left: 0
    }

    .myHeader .topLineIcons .topLineIcon {
        width: auto;
        height: 24px;
        display: block;
        background-color: transparent;
        margin-right: 15px
    }

    .myHeader .topLineIcons .topLineIcon svg {
        fill: #54c547
    }

    .myHeader .topLine {
        padding: 20px 0 15px
    }

    .myHeader .topLine .logo {
        min-width: auto;
        width: 210px
    }

    .myHeader .topLine .left {
        max-height: 24px
    }

    .myHeader .topLine .left .hamburger {
        margin-right: 15px
    }

    .myHeader .topLine .left .search {
        width: 24px;
        height: 24px;
        fill: #354c5e
    }
}

@media (max-width: 767.98px) {
    .logOut {
        position:static;
        margin-bottom: 30px
    }

    .myAccountMenu .tab {
        font-size: 12px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .myAccountMenu .tab svg {
        margin-bottom: 8px;
        display: block
    }

    .sitemapItems .sitemapItem {
        width: 50%
    }

    .unlimitedBreadCrumb {
        margin-bottom: 0;
        padding-left: 15px
    }

    .sPracticeExam .hotTrainingCourses .items .item:last-child {
        margin-bottom: 0
    }

    .cartPage .checkoutWrap .typicForm .myBtn {
        margin-bottom: 0
    }

    .sHotCertifications .item .imgWrap {
        min-height: 85px
    }

    .videoListWrap .item .itemHeader .ellipsis {
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 360px;
        display: inline-block
    }

    .videoListWrap .item {
        padding: 15px
    }

    .feedBack .feedBackResult {
        white-space: nowrap
    }

    .cartPage .promoWrap.noBorder {
        padding-right: 0
    }

    .sPracticeExam .practiceFilter.faq {
        margin-bottom: 30px
    }

    .sPracticeExam .practiceFilter.faq li {
        display: block;
        margin: 0 0 15px 0;
        padding: 0;
        box-shadow: none;
        border-radius: 0;
        font-family: OpenSansBold,sans-serif
    }

    .sPracticeExam .practiceFilter.faq li:hover {
        background-color: transparent
    }

    .sPracticeExam .practiceFilter.faq li a {
        text-decoration: underline;
        color: #1a70c5
    }

    .sPracticeExam .practiceFilter.faq li a:hover {
        border-color: #97beff
    }

    .continueShopping {
        margin-left: 0
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items.others .item {
        width: auto;
        max-width: inherit
    }

    .myAccount .topSertificationsList {
        padding-left: 15px
    }

    .myAccount .tab4 .typicForm .myBtn {
        margin-bottom: 20px
    }

    .myAccount .tabItem.tab1::before {
        bottom: 495px
    }

    .myAccount .tabItem.tab2 .h2 {
        padding: 20px 15px 0
    }

    .vceSimulators {
        padding-left: 0
    }

    .vceSimulators .vceSimulator {
        padding: 20px 15px
    }

    .myProducts .product {
        margin-bottom: 15px;
        padding-bottom: 20px
    }

    .myProducts .product:last-child {
        margin-bottom: 20px
    }

    .myProducts .productTitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .myProducts .productTitle .title {
        margin-bottom: 10px
    }

    .myProducts .productInfo {
        padding-left: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .myProducts .productInfo:last-of-type {
        margin-top: 10px
    }

    .myProducts .productInfo .downloadBtn {
        margin-top: 15px
    }

    .myAccount .tabItem {
        padding: 20px 15px
    }

    .checkout .billingForm .payWrap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .checkout .billingForm .payWrap .myBtn {
        margin: 0 0 15px 0;
        width: 100%
    }

    .checkoutWrap {
        margin: 0
    }

    .checkoutWrap .typicForm {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .checkoutWrap .typicForm .myBtn {
        padding: 9px 0;
        margin: 0 0 35px 0;
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .checkoutWrap .typicForm .checkoutText {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2
    }

    .cartPage .promoWrap {
        padding: 20px 25px 15px 0;
        border-bottom: none
    }

    .addComment .commentForm .myBtn {
        min-width: 245px
    }

    .typicForm .flexInput label.fileVersion {
        min-width: 130px
    }

    .videoListWrap .itemHeader a {
        max-width: 330px
    }

    .feedBack .progressBarWrap {
        padding-right: 0
    }

    .feedBack .feedBackNumber {
        font-size: 70px
    }

    .myControls .headerVideo {
        display: none
    }

    .videoCarousel .owl-dots {
        top: 107%
    }

    .videoWrap {
        padding-right: 30px
    }

    .videoCourseTop .videoCourseTopInfo .advantages {
        margin-bottom: 5px
    }

    .advantages .advant {
        margin-bottom: 15px
    }

    .sPracticeExam .hotTrainingCourses .items {
        display: block
    }

    .sPracticeExam .hotTrainingCourses .items .item {
        width: auto;
        display: inline-block
    }

    .addComment .typicForm {
        max-width: 490px
    }

    .overflowTabs {
        overflow: auto
    }
}

@media (max-width: 575.98px) {
    .filterResults {
        width:100vw;
        margin-left: -15px
    }

    .avanset .myHeader .topLine {
        flex-direction: column
    }

    .avanset .myHeader .topLine img:first-child {
        margin-bottom: 15px
    }

    .exclusiveOffer .imgWrap {
        display: none
    }

    .popularTitle img {
        display: none
    }

    .comments {
        width: 100vw;
        margin-left: -15px
    }

    .ciscoPage .sHotCertifications {
        width: 100vw;
        margin-left: -15px
    }

    .ciscoPage .sHotCertifications .h2 {
        padding: 0 15px;
        text-align: left
    }

    .sHotCertifications .vendorCarousel .item .imgWrap {
        min-height: auto
    }

    .sHotCertifications .vendorCarousel .item .imgWrap {
        max-height: inherit
    }

    .cancelSuscription .buttons .keepSubscr {
        margin: 0 0 20px 0;
        display: block;
        width: 100%
    }

    .sHotCertifications .item .imgWrap {
        min-height: 83px
    }

    .sHotCertifications .item .imgWrap img {
        max-height: 83px
    }

    #registerPopup .mfp-close,#signUpPopup .mfp-close {
        right: 5px
    }

    .videoListWrap .item .itemHeader .ellipsis {
        max-width: 205px
    }

    .purchaseIndividually .mobileFlex .item {
        width: 100%
    }

    .promoMessage.green {
        margin-bottom: 10px
    }

    .checkoutPrice {
        min-width: 50px
    }

    .promoMessage.red {
        padding: 0
    }

    .mcreturn .membershipWrap.two .membershipEl:first-child {
        width: 290px
    }

    .mcreturn .billingForm .myBtn {
        min-width: inherit;
        max-width: 290px;
        width: 100%
    }

    .mcreturn .topSertificationsList {
        font-size: 16px
    }

    .mcreturn .headerColor+.italic {
        margin-top: 24px
    }

    .paynow .cartPage .promoWrap .totalPrice {
        margin-bottom: 0
    }

    .paynowElWrap {
        flex-direction: column
    }

    .paynowElWrap .myBtn,.paynowElWrap form {
        order: 1;
        margin: 0
    }

    button.stripe-button-el,button.stripe-button-el>span {
        width: 100%!important
    }

    .paynowElWrap>div {
        order: 0;
        margin-bottom: 16px;
        display: flex;
        justify-content: center
    }

    .paynow .cartPage .promoWrap {
        padding-right: 0
    }

    .faqItem {
        margin-bottom: 25px
    }

    .faqItem .fz24 {
        font-size: 24px
    }

    .faqItem ul {
        width: 100vw;
        margin-left: -15px
    }

    .faqItem ul li {
        padding: 20px 15px
    }

    .commentItemDesc {
        word-break: break-word
    }

    .videoCoursesPage .hotTrainingCourses .h2 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .videoCoursesPage .hotTrainingCourses .h2.underline {
        padding-bottom: 0;
        border-bottom: none!important;
        text-decoration: underline
    }

    .sPracticeExam .hotTrainingCourses .items .item .itemTitle .ellipsis {
        max-width: 245px
    }

    .premiumWrap {
        margin-bottom: 20px
    }

    .fz24 {
        font-size: 18px
    }

    .premiumWrap .premiumColor {
        font-size: 60px
    }

    .downloadFiles .downloadFilesItem {
        flex-direction: column
    }

    .downloadFiles .downloadFilesItem .index {
        min-width: inherit
    }

    .typicList {
        padding-left: 20px
    }

    .myPopup#light2 .h2,.myPopup#signUpPopup .h2 {
        padding: 0
    }

    #light2 .typicForm .flexInput label:first-child {
        margin-bottom: 0
    }

    #light2 #mb .typicForm .flexInput label:first-child {
        margin-bottom: 20px
    }

    .myAccount .myProducts {
        position: relative
    }

    .myAccount .myProducts::before {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100vw;
        margin-left: -15px;
        height: 1px;
        background-color: #eff1f2
    }

    .myAccount .tabItem.tab1::before {
        content: none
    }

    .myAccount .tab4 .typicForm {
        max-width: inherit
    }

    .myAccount .tab4 .typicForm .checkBoxWrap {
        margin-bottom: 25px
    }

    .myAccount .tab4 .typicForm .myBtn {
        width: 100%
    }

    .myAccount .examsItems .examItem {
        margin-left: 0
    }

    .vceSimulators .vceSimulator {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .vceSimulators .vceSimulator .iconWrap {
        margin: 0 0 15px 0
    }

    .checkout .billingForm .payWrap .myBtn {
        padding: 9px 0;
        min-width: 290px;
        margin-bottom: 35px
    }

    .checkout .billingDetailsTitle {
        margin-top: 25px
    }

    .checkout .myHeader .topLine .logo {
        min-width: 210px
    }

    .cartPage .promoWrap {
        padding-right: 0;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .cartPage .promoWrap .totalPrice {
        margin-bottom: 20px
    }

    .cartPage .promoWrap .promoForm {
        -webkit-box-ordinal-group: 3;
        -webkit-order: 2;
        -ms-flex-order: 2;
        order: 2;
        max-width: inherit
    }

    .cartPage .promoWrap .checkoutWrap {
        -webkit-box-ordinal-group: 2;
        -webkit-order: 1;
        -ms-flex-order: 1;
        order: 1
    }

    .cartPage table {
        width: 100vw;
        margin-left: -15px
    }

    .cartPage table a {
        line-height: 1.3
    }

    .cartPage table tr td:last-child {
        white-space: nowrap
    }

    .blogItems .blogItem .blogItemList {
        width: 100vw;
        margin-left: -15px
    }

    .blogItems .blogItem .blogItemList a {
        font-size: 15px
    }

    .certCard .subH2 {
        margin-bottom: 15px
    }

    .certCard .flexTop {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .myPopup .mfp-close {
        background-color: #fff;
        top: 5px;
        right: 5px
    }

    .myPopup {
        padding: 40px 15px 20px
    }

    .myPopup .downloadWrap {
        margin-top: 20px;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .myPopup .downloadWrap .myBtn {
        margin: 0 0 15px 0
    }

    .typicForm .flexChoose {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .typicForm .flexChoose .file-upload {
        margin: 0 0 10px 0
    }

    .hidden320 {
        display: none
    }

    .visible320 {
        display: block
    }

    .productsItems .mobileWrap {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center
    }

    .productsItems .subH2 {
        font-size: 24px
    }

    .productsItems .productsItem {
        border-radius: 200px 3px 3px 3px;
        display: block
    }

    .productsItems .productsItem .productsItemImg {
        margin: 0 10px 15px -15px
    }

    .videoListWrap .item {
        padding: 16px 15px
    }

    .videoListWrap .items {
        width: 100vw;
        margin-left: -15px
    }

    .videoListWrap .itemHeader a {
        max-width: 205px
    }

    .feedBack .subH2 {
        font-size: 20px
    }

    .feedBack .feedBackNumber {
        font-size: 60px
    }

    .feedBack .progressBarWrap {
        padding-left: 30px
    }

    .feedBack .progressBarWrap .progressBarItem .progressBarPercent {
        margin-left: 10px;
        font-size: 15px
    }

    .videoWrap {
        padding-right: 0
    }

    .videoWrap::before {
        right: -15px
    }

    .videoCourseTop .stars {
        top: 16px
    }

    .videoCourseTop .bestSellerWrap {
        font-size: 13px;
        min-width: 120px;
        padding: 5px 0
    }

    .videoCourseTop .bestSellerWrap .bestSellerIcon {
        width: 15px
    }

    .videoCourseTop .addToCart .myBtn {
        min-width: 290px
    }

    .videoCoursesPage .sPracticeExam .hotTrainingCourses .items .item {
        margin-bottom: 10px
    }

    .comments .commentItem {
        padding-right: 0
    }

    .comments .commentItem .commentItemHeader:first-of-type {
        display: block
    }

    .comments .commentItem .commentItemHeader li {
        display: inline-block;
        vertical-align: middle;
        margin-right: 25px
    }

    .tabsWrap {
        width: 100vw;
        margin-left: -15px
    }

    .certCard .certCardImg {
        min-width: 114px;
        margin-left: -15px
    }

    .mobileHotCourses {
        display: block
    }

    .mobileHotCourses .mobileHotCoursesItem {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px
    }

    .mobileHotCourses .mobileHotCoursesItem:last-child {
        margin-bottom: 0
    }

    .mobileHotCourses .mobileHotCoursesItem .itemAdvantages {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .mobileHotCourses .mobileHotCoursesItem .itemAdvantages .itemAdvant {
        margin-right: 12px;
        color: #354c5e;
        font-size: 13px;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex
    }

    .mobileHotCourses .mobileHotCoursesItem .itemAdvantages .itemAdvant svg {
        width: 16px;
        height: 16px;
        margin-right: 6px
    }

    .mobileHotCourses .mobileHotCoursesItem .itemAdvantages .itemAdvant:last-child {
        margin-right: 0
    }

    .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemImg {
        min-width: 105px;
        width: 105px;
        margin-right: 8px;
        position: relative
    }

    .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemImg img {
        border-radius: 3px
    }

    .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemImg .mobileHotCoursesItemPrice {
        position: absolute;
        font-family: OpenSansBold,sans-serif;
        color: #fff;
        top: 4px;
        left: 4px
    }

    .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemTitle {
        font-size: 15px;
        color: #1a70c5;
        margin-bottom: 10px;
        line-height: 1.33;
        display: inline-block
    }

    .mobileHotCourses .mobileHotCoursesItem .mobileHotCoursesItemTitle:hover {
        text-decoration: none;
        color: #1a70c5
    }

    .sPracticeExam .hotTrainingCourses .items {
        display: none
    }

    .sPracticeExam .myAccount .examsItems .examItem {
        margin-left: 0
    }

    .sPracticeExam .examsItems .examItem {
        width: 100vw;
        margin-left: -15px;
        color: #354c5e;
        padding: 20px 15px 5px
    }

    .owl-carousel .owl-dots .owl-dot {
        width: 8px;
        height: 8px;
        margin-right: 6px
    }

    .typicForm .flexInput {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .typicForm .flexInput.withHelpMessage label:first-child {
        margin-bottom: 0
    }

    .typicForm .flexInput.withHelpMessage label .captchaInfo {
        display: block;
        font-size: 11px
    }

    .typicForm .flexInput label:last-child {
        margin-left: 0
    }

    .typicForm .flexInput label:first-child {
        margin-bottom: 20px
    }

    .myPopup .typicForm .myBtn {
        max-width: inherit
    }

    .addComment::before {
        right: -15px
    }

    .addComment .commentForm .myBtn {
        width: 100%;
        max-width: 320px;
        padding: 9px 0
    }

    .comments::before {
        right: -15px;
        border-radius: 0
    }

    .comments .commentsTitle {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        -ms-flex-align: start;
        align-items: flex-start
    }

    .comments .commentsTitle span {
        margin: 5px 0 0 0
    }

    .tabContent {
        padding: 30px 15px 50px
    }

    .sHotCertifications .item {
        padding: 10px
    }

    .sHotCertifications .item .h4 {
        font-size: 14px;
        max-width: 120px
    }

    .myHeader .topLineIcons .topLineIcon {
        margin-right: 10px
    }

    .myHeader .topLine .left .hamburger {
        margin-right: 10px
    }

    .myHeader .topLine .logo {
        width: 140px
    }

    .sWelcome .searchFormV2 .wrap {
        margin-right: 10px
    }

    .sWelcome .searchFormV2 input {
        min-width: 185px
    }

    .myBtn {
        min-width: 95px
    }

    .appBtns a {
        min-width: 125px
    }
}

@media (max-width: 370px) {
    .sPracticeExam .threeBtns .myBtn {
        margin:0 15px 15px
    }
}

@media (min-width: 360px) {
    .myAccountMenu {
        margin:0 15px
    }

    .myAccountMenu .tab {
        padding-left: 5px;
        padding-right: 5px
    }
}

@media (min-width: 576.98px) {
    .myAccountMenu {
        margin:0
    }

    .myAccountMenu .tab {
        padding-left: 0;
        padding-right: 0
    }
}

@media (min-width: 1920px) {
    .container {
        max-width:1445px
    }
}

/* ===== MOBILE FIX START ===== */
@media (max-width: 768px) {

    /* show/hide control */
    .hiddenMobile {
        display: none !important;
    }

    .visibleMobile {
        display: block !important;
    }

    /* top header line */
    .visibleMobile .topLine {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 10px;
        position: relative;
    }

    /* left icons */
    .visibleMobile .left {
        display: flex;
        gap: 10px;
        align-items: center;
    }

    /* right icons */
    .visibleMobile .right {
        display: flex;
        align-items: center;
    }

    /* center logo */
    .visibleMobile .logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    }

    .visibleMobile .logo img {
        height: 35px;
    }

    /* search bar */
    .visibleMobile .searchForm {
        display: flex;
        width: 100%;
        padding: 10px;
        background: #fff;
    }

    .visibleMobile .searchForm input {
        width: 100%;
        padding: 8px;
        border: 1px solid #ddd;
    }

    /* mobile menu */
    .menuMobileWrap {
        display: none;
        position: absolute;
        top: 60px;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 999;
        border-top: 1px solid #eee;
    }

    .menuMobileWrap.active {
        display: block;
    }

    .menuMobileWrap .bottom li {
        border-bottom: 1px solid #eee;
    }

    .menuMobileWrap .bottom li a {
        display: block;
        padding: 12px;
        color: #333;
    }

    /* IMPORTANT: icons fix */
    .topLineIcons {
        display: flex !important;
        gap: 10px;
    }

    .topLineIcon svg {
        width: 22px;
        height: 22px;
    }
}
.visibleMobile .searchForm {
    display: none;
}

/* ===== MOBILE FIX END ===== */