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

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

.icon-man .path1:before {
    content: "\e90c";
    color: #677897
}

.icon-man .path2:before {
    content: "\e90d";
    margin-left: -.916015625em;
    color: #edf0f7
}

.icon-man .path3:before {
    content: "\e90e";
    margin-left: -.916015625em;
    color: #677897
}

.icon-building .path1:before {
    content: "\e90f";
    color: #c8eddb
}

.icon-building .path2:before {
    content: "\e910";
    margin-left: -1.1181640625em;
    color: #c8eddb
}

.icon-building .path3:before {
    content: "\e911";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path4:before {
    content: "\e912";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path5:before {
    content: "\e913";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path6:before {
    content: "\e914";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path7:before {
    content: "\e915";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path8:before {
    content: "\e916";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path9:before {
    content: "\e917";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path10:before {
    content: "\e918";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path11:before {
    content: "\e919";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path12:before {
    content: "\e91a";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path13:before {
    content: "\e91b";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path14:before {
    content: "\e91c";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path15:before {
    content: "\e91d";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-building .path16:before {
    content: "\e91e";
    margin-left: -1.1181640625em;
    color: #14894f
}

.icon-g-hot:before {
    content: "\e900";
    color: red
}

.icon-g-group:before {
    content: "\e901";
    color: #1e8ecd
}

.icon-g-hot-dis:before {
    content: "\e902";
    color: #c3cddd
}

.icon-grid:before {
    content: "\e903"
}

.icon-close:before {
    content: "\e905"
}

.icon-chevron-down:before {
    content: "\e906"
}

.icon-list:before {
    content: "\e907"
}

.icon-search:before {
    content: "\e908"
}

.icon-paperclip:before {
    content: "\e90b"
}

.icon-loading:before {
    content: "\e904"
}

.icon-star-o:before {
    content: "\e909"
}

.icon-star:before {
    content: "\e90a"
}

@font-face {
    font-family: GESS-Ultra-Light;
    src: url(../fonts/rtl/gess/GESSTextUltraLight-UltraLight.woff2) format("woff2"),url(../fonts/rtl/gess/GESSTextUltraLight-UltraLight.woff) format("woff");
    font-weight: 200;
    font-style: normal
}

@font-face {
    font-family: GESS-Light;
    src: url(../fonts/rtl/gess/GESSTextLight-Light.woff2) format("woff2"),url(../fonts/rtl/gess/GESSTextLight-Light.woff) format("woff");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: GESS-Medium;
    src: url(../fonts/rtl/gess/GESSTextMedium-Medium.woff2) format("woff2"),url(../fonts/rtl/gess/GESSTextMedium-Medium.woff) format("woff");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: GESS-Bold;
    src: url(../fonts/rtl/gess/GESSTextBold-Bold.woff2) format("woff2"),url(../fonts/rtl/gess/GESSTextBold-Bold.woff) format("woff");
    font-weight: 700;
    font-style: normal
}

::-webkit-scrollbar {
    width: 4px
}

::-webkit-scrollbar-track {
    background: rgba(234,236,239,.8);
    border-radius: 0
}

::-webkit-scrollbar-thumb {
    border-radius: 0;
    background: #0086a9
}

    ::-webkit-scrollbar-thumb:window-inactive {
        background: #95c8f4
    }

::selection {
    background-color: rgba(86,196,141,.05);
    color: #3cab74
}

::-moz-selection {
    background-color: rgba(86,196,141,.05);
    color: #3cab74
}

html.ltr-fix {
    direction: ltr
}

h1 {
    font-family: Lato;
    color: #314358;
    font-weight: 300;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

h2 {
    font-family: Lato;
    color: #314358;
    font-weight: 300;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

h3 {
    font-family: Lato;
    color: #314358;
    font-weight: 300;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

h4 {
    font-family: Lato;
    color: #314358;
    font-weight: 300;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

h5 {
    font-family: Lato;
    color: #314358;
    font-weight: 300;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

h6 {
    font-family: Lato;
    color: #314358;
    font-weight: 300;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0
}

.page-title {
    word-break: break-word
}

@media only screen and (max-width:1439px) {
    .card-img-container {
        -webkit-transform: translateX(50px);
        transform: translateX(50px)
    }
}

@media only screen and (max-width:992px) {
    .card-img-container {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

.pointer span:first-child {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

@media only screen and (max-width:400px) {
    .g-captcha {
        -webkit-transform: scale(.77);
        transform: scale(.77);
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0;
        -webkit-transform-origin: left;
        transform-origin: left
    }
}

h1.block-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 30px
}

h1.block-title--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

h1.block-title--large {
    font-size: 3.125rem
}

@media only screen and (max-width:992px) {
    h1.block-title--large {
        font-size: 2.5rem
    }
}

h1.block-title--small {
    font-size: 1.5625rem
}

@media only screen and (max-width:992px) {
    h1.block-title--small {
        font-size: 1.25rem
    }
}

a, button, img {
    -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

a {
    position: relative;
    text-decoration: none
}

    a.lined {
        width: auto !important;
        position: relative
    }

        a.lined:after {
            content: '';
            display: block;
            width: 100%;
            height: 1px;
            position: absolute;
            bottom: 0;
            -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
            transition: all .35s cubic-bezier(.2,1,.3,1);
            -webkit-transform: scaleX(0);
            transform: scaleX(0);
            background-color: #1e8ecd;
            left: 0;
            -webkit-transform-origin: left center;
            transform-origin: left center
        }

        a.lined:hover:after {
            -webkit-transform: scaleX(1);
            transform: scaleX(1)
        }

    a.primary {
        color: #1e8ecd
    }

    a.default {
        color: #677897
    }

    a:hover {
        text-decoration: none
    }

.img-responsive {
    width: 100%
}

.no-m {
    margin-right: 0 !important;
    margin-left: 0 !important
}

.no-p {
    padding-right: 0 !important;
    padding-left: 0 !important
}

.hide {
    display: none;
    visibility: hidden;
    opacity: 0;
    filter: alpha(opacity=0)
}

.show {
    display: block;
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=100)
}

.hidden {
    display: none !important
}

.gap {
    width: 100%;
    height: 0
}

    .gap.small {
        padding: 15px 0
    }

    .gap.large {
        padding: 30px 0
    }

    .gap.huge {
        padding: 50px 0
    }

    .gap:after {
        content: '';
        display: table
    }

@media only screen and (max-width:767px) {
    .gap.desktop-only {
        display: none
    }
}

hr.divider {
    border: 0;
    height: 1px;
    background: #d3d3d2;
    background-image: -webkit-gradient(linear,left top,right top,from(#e8e8e7),color-stop(#d3d3d2),to(#e8e8e7));
    background-image: linear-gradient(to right,#e8e8e7,#d3d3d2,#e8e8e7);
    margin: 30px 0
}

    hr.divider.large {
        margin: 60px 0
    }

@media only screen and (max-width:767px) {
    hr.divider.large {
        margin: 30px 0
    }
}

.flexable {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

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

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

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

.page-title {
    margin-top: 50px;
    margin-bottom: 45px
}

@media only screen and (max-width:480px) {
    .page-title {
        text-align: center
    }
}

.page-title h1 {
    font-size: 2.5rem;
    color: #1e8ecd;
    margin-bottom: 10px
}

.page-title p {
    font-size: 1.25rem;
    color: #677897
}

.page-title--center {
    text-align: center
}

.box-shadow {
    -webkit-box-shadow: 0 15px 45px 0 rgba(23,128,224,.21);
    box-shadow: 0 15px 45px 0 rgba(23,128,224,.21)
}

@media only screen and (min-width:1200px) {
    .container--smaller {
        /*max-width: 940px*/
        max-width: 1150px
    }
}

@media only screen and (min-width:1200px) {
    .container--smallest {
        max-width: 540px
    }
}

.router-animation-enter-active {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.router-animation-leave-active {
    -webkit-animation-name: fadeOutDown;
    animation-name: fadeOutDown;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.fade-in-enter-active {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: .6s;
    animation-duration: .6s
}

.fade-in-leave-active {
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut;
    -webkit-animation-duration: .4s;
    animation-duration: .4s
}

.en-font {
    font-family: Lato !important
}

.row--large-padding {
    margin: 0 -20px
}

    .row--large-padding > [class^=col-] {
        padding: 0 20px
    }

.row--small-padding {
    margin: 0 -10px
}

    .row--small-padding > [class^=col-] {
        padding: 0 10px
    }

.temp-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .temp-section h2 {
        margin-bottom: 20px
    }

    .temp-section ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 80%;
        list-style: none;
        margin: 0;
        padding: 0
    }

        .temp-section ul li {
            margin: 0 5px
        }

            .temp-section ul li a {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
                padding: 10px 15px;
                color: #f8fafd;
                background-color: #1e8ecd;
                border-radius: 4px
            }

                .temp-section ul li a:hover {
                    background-color: #176fa1
                }

@media only screen and (max-width:767px) {
    .temp-section ul {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

        .temp-section ul li {
            width: 100%;
            margin: 0 0 10px 0
        }

            .temp-section ul li a {
                width: 100%
            }
}

.vue-dropzone .dz-preview .dz-remove {
    top: -10px;
    right: -10px;
    bottom: unset;
    width: 10px;
    height: 10px;
    font-size: 0;
    padding: 0;
    margin: 0;
    border: unset
}

    .vue-dropzone .dz-preview .dz-remove::after {
        content: "\E905";
        font-size: 17px;
        font-family: sls !important;
        speak: none;
        font-style: normal;
        font-weight: 400;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        background: #fd1515;
        width: 27px;
        height: 27px;
        line-height: 27px;
        border-radius: 50%;
        display: inline-block;
        -webkit-transition: background .3s;
        transition: background .3s
    }

    .vue-dropzone .dz-preview .dz-remove:hover:after {
        background: #dd0202
    }

.center-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: .3;
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    from {
        opacity: .3;
        -webkit-transform: translate3d(0,-15px,0);
        transform: translate3d(0,-15px,0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes fadeOutDown {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeOutDown {
    from {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: none;
        transform: none
    }

    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: none;
        transform: none
    }
}

@-webkit-keyframes hidePage {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@keyframes hidePage {
    from {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    to {
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(20px);
        transform: translateY(20px)
    }
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
        visibility: hidden
    }

    to {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@keyframes fadeOut {
    from {
        opacity: 1;
        visibility: visible
    }

    to {
        opacity: 0;
        visibility: hidden
    }
}

@-webkit-keyframes sos {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes sos {
    0% {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

.breadcrumb-container {
    border-bottom: 1px solid #eaecef
}

    .breadcrumb-container ol.breadcrumb {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 50px;
        background-color: transparent;
        margin: 0
    }

        .breadcrumb-container ol.breadcrumb li.breadcrumb-item a {
            min-height: 50px;
            font-family: Lato;
            font-size: 1rem;
            color: #677897
        }

        .breadcrumb-container ol.breadcrumb li.breadcrumb-item:before {
            content: "\f104";
            font-family: FontAwesome;
            font-size: 1rem;
            color: #677897;
            margin: 0 25px;
            padding: 0;
            -webkit-transform: scaleX(-1);
            transform: scaleX(-1)
        }

        .breadcrumb-container ol.breadcrumb li.breadcrumb-item:hover a {
            color: #1e8ecd
        }

        .breadcrumb-container ol.breadcrumb li.breadcrumb-item:first-child:before {
            display: none
        }

@media only screen and (max-width:992px) {
    .breadcrumb-container ol.breadcrumb li.breadcrumb-item:before {
        margin: 0 10px
    }
}

.alert-success {
    background-color: rgba(60,171,116,.1);
    border-color: rgba(60,171,116,.2);
    color: rgba(60,171,116,.6)
}

article.article__main {
    position: relative
}

    article.article__main img {
        -ms-flex-negative: 0;
        flex-shrink: 0;
        display: inline-block;
        border-radius: 8px;
        overflow: hidden;
        -webkit-box-shadow: 0 4px 25px 0 rgba(23,128,224,.1);
        box-shadow: 0 4px 25px 0 rgba(23,128,224,.1)
    }

@media only screen and (max-width:767px) {
    article.article__main img {
        width: 100%
    }
}

article.article__main img.no-shadow {
    -webkit-box-shadow: none;
    box-shadow: none
}

article.article__main blockquote, article.article__main p {
    display: inline-block;
    font-size: 1.125rem;
    text-align: justify;
    line-height: 1.6
}

    article.article__main blockquote.img-desc, article.article__main p.img-desc {
        font-family: Lato;
        font-size: .9375rem;
        color: #314358;
        margin-top: 20px
    }

article.article__main blockquote {
    font-family: Lato;
    font-weight: 400;
    color: #677897
}

article.article__main b {
    display: inline-block;
    margin: 0 10px
}

article.article__main h1.title, article.article__main h2.title, article.article__main h3.title, article.article__main h4.title, article.article__main h5.title {
    color: #314358;
    margin-bottom: 25px
}

article.article__main h1.title--center, article.article__main h2.title--center, article.article__main h3.title--center, article.article__main h4.title--center, article.article__main h5.title--center {
    text-align: center
}

article.article__main h1.title--large, article.article__main h2.title--large, article.article__main h3.title--large, article.article__main h4.title--large, article.article__main h5.title--large {
    font-size: 3.125rem
}

@media only screen and (max-width:992px) {
    article.article__main h1.title--large, article.article__main h2.title--large, article.article__main h3.title--large, article.article__main h4.title--large, article.article__main h5.title--large {
        font-size: 2.5rem
    }
}

article.article__main h1.title--medium, article.article__main h2.title--medium, article.article__main h3.title--medium, article.article__main h4.title--medium, article.article__main h5.title--medium {
    font-size: 2.25rem
}

@media only screen and (max-width:992px) {
    article.article__main h1.title--medium, article.article__main h2.title--medium, article.article__main h3.title--medium, article.article__main h4.title--medium, article.article__main h5.title--medium {
        font-size: 1.25rem
    }
}

article.article__main h1.title--small, article.article__main h2.title--small, article.article__main h3.title--small, article.article__main h4.title--small, article.article__main h5.title--small {
    font-size: 1.5625rem
}

@media only screen and (max-width:992px) {
    article.article__main h1.title--small, article.article__main h2.title--small, article.article__main h3.title--small, article.article__main h4.title--small, article.article__main h5.title--small {
        font-size: 1.25rem
    }
}

article.article__main h1.title--tiny, article.article__main h2.title--tiny, article.article__main h3.title--tiny, article.article__main h4.title--tiny, article.article__main h5.title--tiny {
    font-size: 1.25rem
}

@media only screen and (max-width:992px) {
    article.article__main h1.title--tiny, article.article__main h2.title--tiny, article.article__main h3.title--tiny, article.article__main h4.title--tiny, article.article__main h5.title--tiny {
        font-size: 1.25rem
    }
}

article.article__main h1.title--primary, article.article__main h2.title--primary, article.article__main h3.title--primary, article.article__main h4.title--primary, article.article__main h5.title--primary {
    color: #1e8ecd
}

article.article__main h1.title--green, article.article__main h2.title--green, article.article__main h3.title--green, article.article__main h4.title--green, article.article__main h5.title--green {
    color: #3cab74
}

article.article__main ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    height: auto;
    list-style: none;
    margin: 0;
    padding: 0
}

    article.article__main ul li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        position: relative;
        min-height: 35px;
        padding-left: 25px;
        margin-bottom: 10px;
        line-height: 1.6
    }

        article.article__main ul li a {
            color: #677897
        }

            article.article__main ul li a:hover {
                color: #1e8ecd
            }

        article.article__main ul li:before {
            content: "\f111";
            font-family: FontAwesome;
            font-size: 7px;
            position: absolute;
            top: 58%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: 0
        }

article.article__main .floated--left {
    float: right;
    margin-left: 50px
}

article.article__main .floated--right {
    float: left;
    margin-right: 50px
}

@media only screen and (max-width:767px) {
    article.article__main .floated--left {
        float: none !important;
        margin: 0 0 20px 0 !important
    }

    article.article__main .floated--right {
        float: none !important;
        margin: 0 0 20px 0 !important
    }
}

article.article__main .article__block {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    position: relative;
    margin-bottom: 80px
}

article.article__main .article__block--column {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

article.article__main .article__block--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

article.article__main .article__block--middle {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

article.article__main .article__block--equal > * {
    width: 50%
}

article.article__main .article__block--equal > :first-child {
    padding-right: 20px
}

article.article__main .article__block--equal > :last-child {
    padding-left: 20px
}

@media only screen and (max-width:767px) {
    article.article__main .article__block--equal > * {
        width: 100%
    }

    article.article__main .article__block--equal > :first-child {
        padding-right: 0
    }

    article.article__main .article__block--equal > :last-child {
        padding-right: 0
    }
}

article.article__main .article__block--bg {
    background-color: #fff;
    padding: 45px;
    border-radius: 8px;
    -webkit-box-shadow: 0 14px 23px 0 rgba(23,128,224,.2);
    box-shadow: 0 14px 23px 0 rgba(23,128,224,.2)
}

@media only screen and (max-width:767px) {
    article.article__main .article__block--bg {
        padding: 25px
    }
}

article.article__main .article__block--alert {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
    background-color: #f8e71c
}

    article.article__main .article__block--alert p {
        margin: 0;
        text-align: center;
        color: #000
    }

article.article__main .article__block:last-child {
    margin-bottom: 0
}

@media only screen and (max-width:767px) {
    article.article__main .article__block {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 40px
    }
}

article.article__main table.table--custom {
    background-color: #fff
}

    article.article__main table.table--custom tbody tr, article.article__main table.table--custom thead tr {
        height: 50px
    }

        article.article__main table.table--custom tbody tr td, article.article__main table.table--custom tbody tr th, article.article__main table.table--custom thead tr td, article.article__main table.table--custom thead tr th {
            vertical-align: middle;
            padding-right: 30px;
            padding-left: 30px
        }

@media only screen and (max-width:767px) {
    article.article__main table.table--custom tbody tr td, article.article__main table.table--custom tbody tr th, article.article__main table.table--custom thead tr td, article.article__main table.table--custom thead tr th {
        padding-left: 15px;
        padding-right: 15px
    }
}

article.article__main table.table--custom thead {
    background-color: #3ca6e2
}

    article.article__main table.table--custom thead tr th {
        font-family: Lato;
        font-size: 1.125rem;
        color: #fff;
        text-shadow: none;
        font-weight: 400
    }

@media only screen and (max-width:767px) {
    article.article__main table.table--custom thead tr th {
        font-size: 1rem
    }
}

article.article__main table.table--custom tbody tr td {
    font-size: .9375rem;
    line-height: 1.6;
    color: #314358
}

article.article__main table.table--en tbody tr td {
    font-family: Lato;
    font-weight: 700
}

article.article__main--margined {
    margin: 50px 0
}

.btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: auto;
    height: auto;
    min-height: 40px;
    padding: 0 25px;
    position: relative;
    font-family: Lato;
    font-size: 1rem;
    line-height: normal;
    text-align: center;
    border: none;
    cursor: pointer;
    outline: 0 !important
}

.btn--full {
    width: 100%
}

.btn__round {
    border-radius: 4px
}

.btn__oval {
    border-radius: 25px
}

.btn__circular {
    border-radius: 50%
}

.btn__image {
    border-radius: 0;
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0 !important;
    -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

.btn__image--ios {
    width: 150px;
    background-image: url(../images/icons/store-ios.svg);
    margin: 0 5px
}

    .btn__image--ios:hover {
        opacity: .8
    }

@media only screen and (max-width:992px) {
    .btn__image--ios {
        width: 120px
    }
}

.btn__image--android {
    width: 150px;
    background-image: url(../images/icons/store-android.svg);
    margin: 0 5px
}

    .btn__image--android:hover {
        opacity: .8
    }

@media only screen and (max-width:992px) {
    .btn__image--android {
        width: 120px
    }
}

.btn--gray {
    color: #314358;
    background-color: #e6effa
}

    .btn--gray:hover {
        background-color: #bcd4f2
    }

.btn--shifted {
    padding-bottom: 3px
}

.btn--gradient {
    color: #fff;
    background: #34a56d;
    background: -webkit-gradient(linear,left top,right top,from(#34a56d),to(#169de8));
    background: linear-gradient(to right,#34a56d 0,#169de8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34a56d', endColorstr='#169de8', GradientType=1);
    -webkit-box-shadow: 0 5px 9px 0 rgba(0,0,0,.06);
    box-shadow: 0 5px 9px 0 rgba(0,0,0,.06)
}

    .btn--gradient:active, .btn--gradient:hover {
        color: #fff;
        background: #34a56d !important;
        background: linear-gradient(135deg,#34a56d 0,#169de8 100%) !important;
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#34a56d', endColorstr='#169de8', GradientType=1)
    }

@media only screen and (max-width:767px) {
    .btn--submit {
        width: 100%
    }
}

.btn--wide {
    min-width: 100% !important
}

.btn--card-info {
    width: 50px;
    height: 50px;
    -webkit-transition: all .6s cubic-bezier(.68,-.55,.265,1.55);
    transition: all .6s cubic-bezier(.68,-.55,.265,1.55);
    position: absolute;
    right: 0;
    padding: 0;
    font-family: Lato;
    font-weight: 700;
    color: #fff;
    border: 5px solid #fff;
    background-color: #677897
}

    .btn--card-info#card-top {
        top: 80px
    }

    .btn--card-info#card-middle {
        top: 40%
    }

    .btn--card-info#card-bottom {
        top: 75%
    }

    .btn--card-info:hover {
        color: #fff;
        background-color: #48546a
    }

    .btn--card-info.selected {
        color: #fff;
        background: #1eb07f;
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        background: -webkit-gradient(linear,left top,left bottom,from(#1eb07f),to(#21daf8));
        background: linear-gradient(to bottom,#1eb07f 0,#21daf8 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1eb07f', endColorstr='#21daf8', GradientType=0)
    }

.btn--compare {
    font-family: Lato;
    font-size: 1.25rem;
    color: #000;
    color: #1e8ecd;
    border: 1px solid #1e8ecd;
    background-color: #e6f6ff
}

    .btn--compare:before {
        content: '';
        display: inline-block;
        width: 20px;
        height: 20px;
        margin-right: 10px;
        background: url(../images/icons/compare.svg) center no-repeat;
        background-size: contain
    }

    .btn--compare.active {
        background-color: #b3e4ff
    }

@media only screen and (max-width:1200px) {
    .btn {
        min-height: 40px;
        padding: 0 20px
    }

    .btn__oval {
        border-radius: 20px
    }
}

@media only screen and (max-width:767px) {
    .btn {
        font-size: .9375rem
    }
}

.btn:active, .btn:focus {
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.lds-ellipsis {
    display: inline-block;
    width: 64px;
    height: 40px;
    position: relative;
    -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

    .lds-ellipsis div {
        position: absolute;
        top: 40%;
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: rgba(103,120,151,.15);
        -webkit-animation-timing-function: cubic-bezier(0,1,1,0);
        animation-timing-function: cubic-bezier(0,1,1,0)
    }

        .lds-ellipsis div:nth-child(1) {
            left: 6px;
            -webkit-animation: lds-ellipsis1 .4s infinite;
            animation: lds-ellipsis1 .4s infinite
        }

        .lds-ellipsis div:nth-child(2) {
            left: 6px;
            -webkit-animation: lds-ellipsis2 .4s infinite;
            animation: lds-ellipsis2 .4s infinite
        }

        .lds-ellipsis div:nth-child(3) {
            left: 26px;
            -webkit-animation: lds-ellipsis2 .4s infinite;
            animation: lds-ellipsis2 .4s infinite
        }

        .lds-ellipsis div:nth-child(4) {
            left: 45px;
            -webkit-animation: lds-ellipsis3 .4s infinite;
            animation: lds-ellipsis3 .4s infinite
        }

    .lds-ellipsis.reveal {
        opacity: 1;
        visibility: visible
    }

    .lds-ellipsis.lds-p-review {
        height: 40px;
        position: absolute;
        top: 0;
        right: 10px
    }

@media only screen and (max-width:767px) {
    .lds-ellipsis.lds-p-review {
        top: -5px
    }
}

.lds-ellipsis.center {
    text-align: center
}

@-webkit-keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes lds-ellipsis1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }

    100% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
}

@-webkit-keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(19px,0);
        transform: translate(19px,0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        -webkit-transform: translate(0,0);
        transform: translate(0,0)
    }

    100% {
        -webkit-transform: translate(19px,0);
        transform: translate(19px,0)
    }
}

form.form.product-search {
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

    form.form.product-search input.form-control.product-search {
        width: 100%;
        height: 80px;
        padding: 20px;
        border: none;
        border-radius: 0;
        background-color: #e8f0f7;
        font-family: Lato;
        font-size: 2.5rem;
        color: #677897
    }

        form.form.product-search input.form-control.product-search:focus {
            border: none;
            -webkit-box-shadow: none;
            box-shadow: none
        }

@media only screen and (max-width:767px) {
    form.form.product-search {
        margin-bottom: 0
    }

        form.form.product-search input.form-control.product-search {
            height: 60px;
            font-size: 1.5625rem
        }
}

form.form__product-search {
    margin: 20px 0 0;
    width: 100%
}

form.form--contact textarea.form-control {
    height: 190px
}

form.form--contact .btn {
    min-width: 260px
}

@media only screen and (max-width:767px) {
    form.form--contact .btn {
        min-width: unset
    }
}

form.form .confirm-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-height: 80px;
    height: auto;
    padding: 10px
}

    form.form .confirm-msg .alert {
        margin: 0
    }

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

    .form-group .inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .form-group .inline > div {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

            .form-group .inline > div.form-check {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                min-height: 50px;
                padding: 0
            }

                .form-group .inline > div.form-check label {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    font-size: .9375rem;
                    margin: 0
                }

                    .form-group .inline > div.form-check label input[type=checkbox], .form-group .inline > div.form-check label input[type=radio] {
                        display: none
                    }

                        .form-group .inline > div.form-check label input[type=checkbox] + span,
                        .form-group .inline > div.form-check label .checkbox-input-span, .form-group .inline > div.form-check label input[type=radio] + span {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-orient: horizontal;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: row;
                            flex-direction: row;
                            width: 25px;
                            height: 25px;
                            border-radius: 50%;
                            border: 2px solid #eaecef
                        }

                            .form-group .inline > div.form-check label input[type=checkbox] + span > i, .form-group .inline > div.form-check label input[type=radio] + span > i {
                                opacity: 0;
                                color: rgba(103,120,151,.8);
                                -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
                                transition: all .35s cubic-bezier(.2,1,.3,1)
                            }

                                .form-group .inline > div.form-check label input[type=checkbox] + span > i:before, .form-group .inline > div.form-check label input[type=radio] + span > i:before {
                                    line-height: 25px;
                                    font-size: 10px
                                }

                        .form-group .inline > div.form-check label input[type=checkbox]:checked + span, .form-group .inline > div.form-check label input[type=radio]:checked + span {
                            border-color: rgba(103,120,151,.8)
                        }

                            .form-group .inline > div.form-check label input[type=checkbox]:checked + span > i, .form-group .inline > div.form-check label input[type=radio]:checked + span > i {
                                opacity: 1
                            }

                        .form-group .inline > div.form-check label input[type=checkbox]:disabled + .cr, .form-group .inline > div.form-check label input[type=radio]:disabled + .cr {
                            opacity: .5
                        }

                    .form-group .inline > div.form-check label > span {
                        position: relative;
                        display: inline-block;
                        border: 1px solid #a9a9a9;
                        border-radius: .25em;
                        width: 1.3em;
                        height: 1.3em;
                        float: left;
                        margin-right: 10px
                    }
                        .form-group .inline > div.form-check label > span.aspNetDisabled {
                            width: auto;
                            border: none;
                            margin: 0;
                        }
                        .form-group .inline > div.form-check label > span > i {
                            position: absolute;
                            font-size: .8em
                        }

    .form-group.error label {
        color: rgba(232,40,16,.4)
    }

    .form-group.error input.form-control {
        color: rgba(232,40,16,.4);
        border: 1px solid rgba(232,40,16,.2);
        background-color: rgba(232,40,16,.05)
    }

        .form-group.error input.form-control::-webkit-input-placeholder {
            color: rgba(232,40,16,.4)
        }

        .form-group.error input.form-control::-ms-input-placeholder {
            color: rgba(232,40,16,.4)
        }

        .form-group.error input.form-control::placeholder {
            color: rgba(232,40,16,.4)
        }

    .form-group.no-margin {
        margin-bottom: 0
    }

#reg-prev {
    margin-top: 1.5rem;
    color: #677897
}

.form-control {
    background-color: #f6f9fc;
    border: 1px solid #e4e7e9;
    border-radius: 2px;
    height: 50px;
    -webkit-transition: .4s;
    transition: .4s
}

    .form-control:focus {
        border: 1px solid rgba(232,40,16,.219);
        -webkit-box-shadow: 0 2px 4px 0 rgba(232,40,16,.219);
        box-shadow: 0 2px 4px 0 rgba(232,40,16,.219)
    }

@media only screen and (max-width:992px) {
    .form-control {
        height: 40px
    }
}

label {
    font-size: 1.125rem;
    color: #314358
}

.form-box {
    background: #fff;
    padding: 60px;
    border-radius: 5px
}

@media only screen and (max-width:767px) {
    .form-box {
        padding: 30px
    }
}

.g-recaptcha.shifted {
    margin-left: 3px;
    padding-left: 10px
}

@media only screen and (max-width:767px) {
    .g-recaptcha.shifted {
        padding: 0;
        margin: 0 auto;
        -webkit-transform: scale(.94);
        transform: scale(.94)
    }
}

.b-dropdown--custom {
    width: 100%;
    padding: 0
}

    .b-dropdown--custom button.btn-secondary.dropdown-toggle {
        width: 100%;
        border-radius: 8px;
        border: 2px solid #eaecef;
        padding: 0 15px;
        background-color: transparent;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: #677897
    }

        .b-dropdown--custom button.btn-secondary.dropdown-toggle:after {
            content: "\f107";
            font-family: FontAwesome;
            font-size: 1.5625rem;
            color: #1e8ecd;
            width: 15px;
            height: 15px;
            padding: 0;
            margin: 0;
            line-height: .7;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 15px;
            border: none
        }

        .b-dropdown--custom button.btn-secondary.dropdown-toggle:active, .b-dropdown--custom button.btn-secondary.dropdown-toggle:hover {
            color: #1e8ecd;
            border-color: #b0b8c3;
            background-color: transparent;
            outline: 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

    .b-dropdown--custom div.dropdown-menu {
        width: 100%;
        border-radius: 8px;
        border: 2px solid #eaecef;
        padding: 0;
        overflow: hidden
    }

        .b-dropdown--custom div.dropdown-menu a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            min-height: 50px;
            padding: 0 15px;
            font-family: Lato
        }

            .b-dropdown--custom div.dropdown-menu a:active, .b-dropdown--custom div.dropdown-menu a:hover {
                color: #677897;
                background-color: #eaecef
            }

.btn-group.btn-group-toggle--custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .btn-group.btn-group-toggle--custom label.btn.btn-secondary {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 10px;
        border-radius: 8px;
        background-color: transparent;
        border: 2px solid #eaecef;
        color: #677897
    }

        .btn-group.btn-group-toggle--custom label.btn.btn-secondary:hover {
            border-color: #cdd2d9
        }

        .btn-group.btn-group-toggle--custom label.btn.btn-secondary.active, .btn-group.btn-group-toggle--custom label.btn.btn-secondary.focus {
            color: #1e8ecd;
            border-color: #b0b8c3;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .btn-group.btn-group-toggle--custom label.btn.btn-secondary:last-child {
            margin-right: 0
        }

.slim.custom {
    height: 85px;
    background-color: rgba(211,211,206,.1);
    border-radius: 5px;
    border: 2px dashed #d3d3ce
}

    .slim.custom .slim-area .slim-result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 60px;
        height: 60px;
        border-radius: 50%;
        -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
        transition: all .35s cubic-bezier(.2,1,.3,1);
        opacity: 0;
        overflow: hidden;
        top: 13px;
        left: 45px;
        left: unset;
        bottom: unset
    }

        .slim.custom .slim-area .slim-result img {
            display: none
        }

        .slim.custom .slim-area .slim-result:before {
            content: "\e910";
            font-family: zm-font;
            font-size: 1.5625rem
        }

    .slim.custom .slim-area .slim-status {
        -webkit-box-align: end;
        -ms-flex-align: end;
        align-items: flex-end
    }

    .slim.custom .slim-area .slim-loader {
        right: unset;
        left: 40px;
        top: 30%
    }

    .slim.custom .slim-btn-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 50px;
        height: 50px;
        left: 5px;
        right: unset;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        padding: 0
    }

        .slim.custom .slim-btn-group button.slim-btn {
            margin: 0;
            background-color: transparent;
            color: #677897;
            -webkit-transform: unset !important;
            transform: unset !important
        }

            .slim.custom .slim-btn-group button.slim-btn:before {
                color: #677897;
                border: none;
                top: unset;
                right: unset;
                bottom: unset;
                left: unset
            }

            .slim.custom .slim-btn-group button.slim-btn.slim-btn-remove {
                background: 0 0
            }

                .slim.custom .slim-btn-group button.slim-btn.slim-btn-remove:before {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    width: 100%;
                    height: 100%;
                    position: relative;
                    content: "\e911";
                    font-family: zm-font;
                    font-size: 18px;
                    color: #8593ac;
                    opacity: 1;
                    border: none
                }

        .slim.custom .slim-btn-group button:hover {
            border: none
        }

    .slim.custom[data-state=preview] .slim-area .slim-result {
        opacity: 1
    }

    .slim.custom:hover {
        background-color: rgba(211,211,206,.2)
    }

@media only screen and (max-width:992px) {
    .slim.custom {
        height: 60px
    }

        .slim.custom .slim-area .slim-result {
            top: 0
        }
}

@media only screen and (max-width:480px) {
    .slim.custom .slim-status .slim-label {
        display: none
    }
}

.slim.custom.short {
    height: 55px
}

    .slim.custom.short .slim-area .slim-result {
        width: 35px;
        height: 35px;
        top: 10px
    }

        .slim.custom.short .slim-area .slim-result:before {
            font-size: 1.25rem
        }

@media only screen and (max-width:992px) {
    .slim.custom.short .slim-area .slim-result {
        top: 10px
    }
}

.slim.profile {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    background-color: #fff;
    border: 1px dashed rgba(30,142,205,.2);
    margin-left: 20px
}

    .slim.profile .slim-area .slim-result {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 120px;
        height: 120px;
        border-radius: 50%;
        -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
        transition: all .35s cubic-bezier(.2,1,.3,1);
        overflow: hidden
    }

    .slim.profile .slim-area .slim-status .slim-label-loading {
        display: none !important
    }

    .slim.profile .slim-area .slim-loader {
        position: absolute;
        right: unset;
        left: 45px;
        top: 43%
    }

    .slim.profile .slim-btn-group {
        -webkit-box-orient: horizontal !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: row !important;
        flex-direction: row !important;
        width: 100%;
        height: 30px;
        padding: 0;
        position: absolute;
        bottom: -10px
    }

        .slim.profile .slim-btn-group button.slim-btn {
            -ms-flex-negative: 0;
            flex-shrink: 0;
            width: 25px;
            height: 25px;
            background-color: #1e8ecd;
            margin: 0 2px;
            -webkit-transition: background-color .35s !important;
            transition: background-color .35s !important
        }

            .slim.profile .slim-btn-group button.slim-btn:hover {
                background-color: #176fa1;
                border: none !important
            }

            .slim.profile .slim-btn-group button.slim-btn:first-child {
                margin-left: 0
            }

            .slim.profile .slim-btn-group button.slim-btn:last-child {
                margin-right: 0
            }

            .slim.profile .slim-btn-group button.slim-btn:before {
                display: none !important
            }

    .slim.profile:hover {
        background-color: rgba(30,142,205,.1)
    }

.img-uploader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 50px
}

    .img-uploader.center {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }

.slim-popover:after {
    background: rgba(30,142,205,.5)
}

.ui.dropdown.sls {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-width: unset;
    height: 40px;
    min-height: unset;
    padding: 0 10px;
    border-radius: 8px;
    -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    border: 2px solid #eaecef;
    background-color: transparent
}

    .ui.dropdown.sls .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        height: 100%;
        font-size: .9375rem;
        line-height: 1;
        color: #677897;
        -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
        transition: all .35s cubic-bezier(.2,1,.3,1)
    }

        .ui.dropdown.sls .text.default {
            color: #94a0b6
        }

    .ui.dropdown.sls i.dropdown.icon {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        margin: 0;
        padding: 0;
        -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
        transition: all .35s cubic-bezier(.2,1,.3,1);
        -webkit-transform-origin: center center;
        transform-origin: center center
    }

    .ui.dropdown.sls .menu {
        min-width: calc(100% + 4px);
        width: calc(100% + 4px);
        margin: 0 -2px;
        -webkit-box-shadow: none;
        box-shadow: none;
        border: 2px solid #1e8ecd !important;
        border-top: none !important;
        border-radius: 8px;
        border-radius: 0 0 8px 8px;
        background-color: #fff
    }

        .ui.dropdown.sls .menu .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            font-size: .9375rem;
            min-height: 40px;
            -webkit-transition: background .35s cubic-bezier(.2,1,.3,1);
            transition: background .35s cubic-bezier(.2,1,.3,1)
        }

            .ui.dropdown.sls .menu .item:hover {
                color: #1e8ecd;
                background-color: rgba(234,236,239,.1)
            }

            .ui.dropdown.sls .menu .item.active, .ui.dropdown.sls .menu .item.selected {
                font-weight: 400;
                color: #1e8ecd;
                background-color: rgba(234,236,239,.3)
            }

    .ui.dropdown.sls.active, .ui.dropdown.sls.visible {
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .ui.dropdown.sls.active i.dropdown.icon, .ui.dropdown.sls.visible i.dropdown.icon {
            -webkit-transform: translateY(-50%) rotate(180deg);
            transform: translateY(-50%) rotate(180deg);
            opacity: .5
        }

    .ui.dropdown.sls.upward .menu {
        -webkit-box-shadow: none !important;
        box-shadow: none !important;
        border-top: 2px solid #1e8ecd !important;
        border-radius: 8px 8px 0 0
    }

    .ui.dropdown.sls:hover {
        border-color: #b0b8c3
    }

    .ui.dropdown.sls:active, .ui.dropdown.sls:focus {
        border-color: #1e8ecd !important
    }

@media only screen and (max-width:992px) {
    .ui.dropdown.sls {
        height: 50px;
        font-size: 1rem
    }
}

.ui.dropdown.flat {
    /*color: rgba(232,40,16,.4);*/
    border: 1px solid #e4e7e9;
    background-color: #f6f9fc;
    border-radius: 0
}

    .ui.dropdown.flat .text {
        color: #495057
    }

        .ui.dropdown.flat .text.default {
            color: #495057
        }

    .ui.dropdown.flat i.dropdown.icon {
        color: #495057
    }

    .ui.dropdown.flat:focus, .ui.dropdown.flat:hover {
        border-color: #e4e7e9
    }

    .ui.dropdown.flat.active, .ui.dropdown.flat.visible, .ui.dropdown.flat:active {
        background-color: #fff;
        border: 1px solid rgba(232,40,16,.219) !important;
        -webkit-box-shadow: 0 2px 4px 0 rgba(232,40,16,.219);
        box-shadow: 0 2px 4px 0 rgba(232,40,16,.219)
    }

        .ui.dropdown.flat.active:hover, .ui.dropdown.flat.visible:hover, .ui.dropdown.flat:active:hover {
            border: 1px solid rgba(232,40,16,.219) !important;
            -webkit-box-shadow: 0 2px 4px 0 rgba(232,40,16,.219);
            box-shadow: 0 2px 4px 0 rgba(232,40,16,.219)
        }

    .ui.dropdown.flat .menu {
        min-width: calc(100% + 2px);
        width: calc(100% + 2px);
        margin: 0 -1px;
        border: 1px solid rgba(232,40,16,.219) !important;
        border-top: none !important;
        border-radius: 0;
        -webkit-box-shadow: 0 2px 4px 0 rgba(232,40,16,.219);
        box-shadow: 0 2px 4px 0 rgba(232,40,16,.219)
    }

.ui.dropdown.short {
    width: 200px
}

@media only screen and (max-width:767px) {
    .ui.dropdown.short {
        width: 100%
    }
}

.ui.dropdown.searchable {
    padding: 0;
    border: none;
    height: 20px;
    min-height: 20px
}

    .ui.dropdown.searchable input.search {
        width: 100%;
        height: 100%;
        line-height: normal;
        padding: 0 !important
    }

        .ui.dropdown.searchable input.search::-webkit-input-placeholder {
            color: rgba(103,120,151,.3) !important
        }

        .ui.dropdown.searchable input.search::-ms-input-placeholder {
            color: rgba(103,120,151,.3) !important
        }

        .ui.dropdown.searchable input.search::placeholder {
            color: rgba(103,120,151,.3) !important
        }

    .ui.dropdown.searchable .text {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        height: 100%;
        font-size: 1.125rem;
        color: #677897;
        position: absolute;
        top: 0
    }

        .ui.dropdown.searchable .text.default {
            color: rgba(103,120,151,.3) !important
        }

    .ui.dropdown.searchable i.dropdown.icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -32px;
        right: 0;
        -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
        transition: all .35s cubic-bezier(.2,1,.3,1);
        opacity: .3;
        -webkit-transform-origin: center center;
        transform-origin: center center;
        margin: 0;
        padding: 0
    }

        .ui.dropdown.searchable i.dropdown.icon:before {
            content: "\f107";
            font-family: FontAwesome;
            font-size: 1.5625rem
        }

    .ui.dropdown.searchable .menu {
        border-radius: 4px;
        border: none;
        top: 150%
    }

        .ui.dropdown.searchable .menu .item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            width: 100%;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            min-height: 45px;
            padding: 0 15px;
            font-family: Lato;
            font-size: .9375rem;
            color: #677897;
            border-bottom: 1px solid #eaecef;
            cursor: pointer;
            -webkit-transition: background-color .35s cubic-bezier(.2,1,.3,1);
            transition: background-color .35s cubic-bezier(.2,1,.3,1)
        }

            .ui.dropdown.searchable .menu .item:hover:not(.active) {
                color: #314358;
                background-color: rgba(234,236,239,.1)
            }

            .ui.dropdown.searchable .menu .item.selected {
                color: #677897;
                background-color: #fff
            }

                .ui.dropdown.searchable .menu .item.selected:hover {
                    color: #314358;
                    background-color: rgba(234,236,239,.1)
                }

            .ui.dropdown.searchable .menu .item.active {
                color: #314358;
                background-color: rgba(234,236,239,.2)
            }

                .ui.dropdown.searchable .menu .item.active:hover {
                    color: #314358;
                    background-color: rgba(234,236,239,.2)
                }

            .ui.dropdown.searchable .menu .item:last-child {
                border-bottom: none
            }

    .ui.dropdown.searchable.active, .ui.dropdown.searchable.visible {
        border-radius: 0 !important;
        -webkit-box-shadow: none !important;
        box-shadow: none !important
    }

        .ui.dropdown.searchable.active i.dropdown.icon, .ui.dropdown.searchable.visible i.dropdown.icon {
            opacity: .6;
            -webkit-transform: rotate(180deg);
            transform: rotate(180deg)
        }

@media only screen and (max-width:992px) {
    .ui.dropdown.searchable i.dropdown.icon {
        top: -25px
    }
}

@media only screen and (max-width:992px) {
    .ui.dropdown {
        height: 40px !important
    }
}

@media only screen and (max-width:767px) {
    .ui.dropdown.searchable .menu {
        min-width: 100%;
        top: 100%
    }
}

.hamburger--spin .hamburger-inner {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--spin .hamburger-inner::before {
        -webkit-transition: top .1s .25s ease-in,opacity .1s ease-in;
        transition: top .1s .25s ease-in,opacity .1s ease-in
    }

    .hamburger--spin .hamburger-inner::after {
        -webkit-transition: bottom .1s .25s ease-in,-webkit-transform .4s cubic-bezier(.55,.055,.675,.19);
        transition: bottom .1s .25s ease-in,-webkit-transform .4s cubic-bezier(.55,.055,.675,.19);
        transition: bottom .1s .25s ease-in,transform .4s cubic-bezier(.55,.055,.675,.19);
        transition: bottom .1s .25s ease-in,transform .4s cubic-bezier(.55,.055,.675,.19),-webkit-transform .4s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin.active .hamburger-inner {
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

    .hamburger--spin.active .hamburger-inner::before {
        width: 25px;
        top: 0;
        opacity: 0;
        -webkit-transition: top .1s ease-out,opacity .1s .12s ease-out;
        transition: top .1s ease-out,opacity .1s .12s ease-out
    }

    .hamburger--spin.active .hamburger-inner::after {
        width: 25px;
        bottom: 0;
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
        -webkit-transition: bottom .1s ease-out,-webkit-transform .4s .12s cubic-bezier(.175,.885,.32,1.275);
        transition: bottom .1s ease-out,-webkit-transform .4s .12s cubic-bezier(.175,.885,.32,1.275);
        transition: bottom .1s ease-out,transform .4s .12s cubic-bezier(.175,.885,.32,1.275);
        transition: bottom .1s ease-out,transform .4s .12s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .4s .12s cubic-bezier(.175,.885,.32,1.275)
    }

.hamburger--spin-r .hamburger-inner {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
    transition-timing-function: cubic-bezier(.55,.055,.675,.19)
}

    .hamburger--spin-r .hamburger-inner::before {
        -webkit-transition: top .1s .25s ease-in,opacity .1s ease-in;
        transition: top .1s .25s ease-in,opacity .1s ease-in
    }

    .hamburger--spin-r .hamburger-inner::after {
        -webkit-transition: bottom .1s .25s ease-in,-webkit-transform .4s cubic-bezier(.55,.055,.675,.19);
        transition: bottom .1s .25s ease-in,-webkit-transform .4s cubic-bezier(.55,.055,.675,.19);
        transition: bottom .1s .25s ease-in,transform .4s cubic-bezier(.55,.055,.675,.19);
        transition: bottom .1s .25s ease-in,transform .4s cubic-bezier(.55,.055,.675,.19),-webkit-transform .4s cubic-bezier(.55,.055,.675,.19)
    }

.hamburger--spin-r.active .hamburger-inner {
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -webkit-transition-delay: .12s;
    transition-delay: .12s;
    -webkit-transition-timing-function: cubic-bezier(.175,.885,.32,1.275);
    transition-timing-function: cubic-bezier(.175,.885,.32,1.275)
}

    .hamburger--spin-r.active .hamburger-inner::before {
        width: 25px;
        top: 0;
        opacity: 0;
        -webkit-transition: top .1s ease-out,opacity .1s .12s ease-out;
        transition: top .1s ease-out,opacity .1s .12s ease-out
    }

    .hamburger--spin-r.active .hamburger-inner::after {
        width: 25px;
        bottom: 0;
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        -webkit-transition: bottom .1s ease-out,-webkit-transform .4s .12s cubic-bezier(.175,.885,.32,1.275);
        transition: bottom .1s ease-out,-webkit-transform .4s .12s cubic-bezier(.175,.885,.32,1.275);
        transition: bottom .1s ease-out,transform .4s .12s cubic-bezier(.175,.885,.32,1.275);
        transition: bottom .1s ease-out,transform .4s .12s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .4s .12s cubic-bezier(.175,.885,.32,1.275)
    }

.hamburger {
    padding: 10px 10px;
    cursor: pointer;
    -webkit-transition-property: opacity,-webkit-filter;
    transition-property: opacity,-webkit-filter;
    transition-property: opacity,filter;
    transition-property: opacity,filter,-webkit-filter;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -webkit-transition-timing-function: cubic-bezier(.2,1,.3,1);
    transition-timing-function: cubic-bezier(.2,1,.3,1);
    position: absolute;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
    outline: 0 !important;
    display: none;
    left: 10px;
    z-index: 999999
}

    .hamburger:hover {
        opacity: .5
    }

@media only screen and (max-width:767px) {
    .hamburger {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.hamburger-box {
    width: 25px;
    height: 18px;
    display: inline-block;
    position: relative
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -1px
}

    .hamburger-inner, .hamburger-inner::after, .hamburger-inner::before {
        width: 25px;
        height: 2px;
        background-color: #1e8ecd;
        border-radius: 4px;
        position: absolute;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        transition-property: transform;
        transition-property: transform,-webkit-transform;
        -webkit-transition-duration: .15s;
        transition-duration: .15s;
        -webkit-transition-timing-function: ease;
        transition-timing-function: ease
    }

        .hamburger-inner::after, .hamburger-inner::before {
            content: "";
            display: block;
            left: 0
        }

        .hamburger-inner::before {
            top: -8px
        }

        .hamburger-inner::after {
            bottom: -8px
        }

.datepicker {
    z-index: 9999
}

    .datepicker .table-condensed thead tr th.datepicker-switch, .datepicker .table-condensed thead tr th.dow, .datepicker .table-condensed thead tr th.next, .datepicker .table-condensed thead tr th.prev {
        font-family: Lato;
        font-weight: 400;
        font-size: .9375rem;
        color: #1e8ecd
    }

    .datepicker .table-condensed thead tr th.dow {
        font-family: Lato;
        font-size: .875rem
    }

    .datepicker .table-condensed tbody td {
        font-family: Lato;
        font-size: .875rem;
        color: #677897
    }

        .datepicker .table-condensed tbody td.active {
            background-color: #42a693 !important
        }

    .datepicker .datepicker-months .table-condensed {
        min-width: 250px
    }

        .datepicker .datepicker-months .table-condensed tbody tr td span.month {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
            transition: all .35s cubic-bezier(.2,1,.3,1);
            height: 35px;
            padding: 5px 10px;
            font-family: Lato;
            font-size: .75rem;
            color: #677897;
            float: left
        }

            .datepicker .datepicker-months .table-condensed tbody tr td span.month:hover {
                color: #677897;
                background-color: #eaecef
            }

            .datepicker .datepicker-months .table-condensed tbody tr td span.month.active, .datepicker .datepicker-months .table-condensed tbody tr td span.month.focused {
                color: #fff;
                text-shadow: none;
                background-color: rgba(255,117,56,.8)
            }

        .datepicker .datepicker-months .table-condensed tbody tr td.active {
            background-color: #42a693 !important
        }

    .datepicker.datepicker-rtl:after, .datepicker.datepicker-rtl:before {
        right: unset;
        left: 5px
    }

    .datepicker.datepicker-rtl:after {
        right: unset;
        left: 6px
    }

.strength {
    padding-right: 40px
}

.strength__meter {
    width: calc(100% - 30px);
    position: absolute;
    left: 15px;
    top: 100%
}

    .strength__meter > div {
        width: 0%;
        height: auto;
        padding-top: 0;
        margin-top: -2px;
        font-size: 0;
        color: transparent !important;
        text-align: right;
        border-top: 2px solid;
        -webkit-transition: all 1s cubic-bezier(.2,1,.3,1);
        transition: all 1s cubic-bezier(.2,1,.3,1);
        opacity: 0;
        visibility: hidden
    }

        .strength__meter > div.veryweak {
            color: #d44456;
            border-top-color: #d44456;
            width: 20%
        }

        .strength__meter > div.weak {
            color: #f8e71c;
            border-top-color: #f8e71c;
            width: 30%
        }

        .strength__meter > div.medium {
            color: #44c5b4;
            border-top-color: #44c5b4;
            width: 50%
        }

        .strength__meter > div.strong {
            color: #00af6c;
            border-top-color: #00af6c;
            width: 100%
        }

    .strength__meter.reveal > div {
        opacity: 1;
        visibility: visible
    }

.strength__btn {
    display: block;
    padding: 5px;
    font-size: 1.375rem;
    position: absolute;
    top: 68%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 25px;
    outline: 0;
    -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

    .strength__btn:before {
        content: "\f06e";
        font-family: FontAwesome;
        color: #9b9b9b
    }

    .strength__btn.hide_strength__btn:before {
        content: "\f070";
        color: #677897
    }

    .strength__btn:hover:before {
        color: #677897
    }

    .strength__btn.conceal {
        opacity: 0;
        visibility: hidden
    }

.strength.password {
    margin-bottom: 10px
}

.dzone {
    min-height: 100px;
    border: 1px dashed #d9dfdf;
    margin-top: 10px;
    padding: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-transition: background-color .35s cubic-bezier(.2,1,.3,1);
    transition: background-color .35s cubic-bezier(.2,1,.3,1);
    cursor: pointer
}

    .dzone .dz-message {
        width: 100%;
        margin: 0;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        flex-direction: column;
        text-align: center
    }

    .dzone .dz-message__icon {
        background: #737a81;
        width: 44px;
        height: 44px;
        line-height: 44px;
        border-radius: 50%;
        color: #fff;
        text-align: center;
        text-align: center;
        display: inline-block;
        margin-bottom: 20px
    }

    .dzone .dz-message__text {
        font-size: 14px
    }

    .dzone .dz-preview .dz-image {
        border-radius: 10px;
        -webkit-box-shadow: 0 2px 4px 0 rgba(234,236,239,.7);
        box-shadow: 0 2px 4px 0 rgba(234,236,239,.7)
    }

    .dzone .dz-preview .dz-remove {
        position: absolute;
        top: -10px;
        left: -10px;
        bottom: unset;
        width: 10px;
        height: 10px;
        font-size: 0;
        padding: 0;
        margin: 0;
        border: unset;
        z-index: 9999
    }

        .dzone .dz-preview .dz-remove:after {
            content: "\E905";
            font-size: 17px;
            font-family: sls !important;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            -webkit-font-smoothing: antialiased;
            color: #fff;
            background: #d44456;
            width: 20px;
            height: 20px;
            line-height: 20px;
            border-radius: 50%;
            display: inline-block;
            -webkit-transition: background .3s;
            transition: background .3s
        }

        .dzone .dz-preview .dz-remove:hover:after {
            background: #ba2b3d
        }

    .dzone.dz-started .dz-message {
        display: none
    }

    .dzone.dz-started:hover {
        background-color: #fff
    }

    .dzone:hover {
        background-color: rgba(234,236,239,.15)
    }

@media only screen and (max-width:992px) {
    .dzone {
        padding: 10px
    }

        .dzone .dz-preview {
            width: 60px;
            height: 60px;
            min-height: 60px;
            margin: 10px
        }

            .dzone .dz-preview .dz-image {
                width: 60px;
                height: 60px
            }
}

header.header {
/*    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: 100px;
    background-color: #fff;
    -webkit-box-shadow: 0 4px 13px 0 rgba(23,128,224,.119);
    box-shadow: 0 4px 13px 0 rgba(23,128,224,.119);
    -ms-flex-negative: 0;
    flex-shrink: 0;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-transition: background-color 1.5s cubic-bezier(.2,1,.3,1);
    transition: background-color 1.5s cubic-bezier(.2,1,.3,1);
    z-index: 9999*/
}

    header.header .container {
       /* display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row*/
    }

    header.header .logo {
/*        display: block;
        width: 105px;
        height: auto;
        position: relative;
        margin: 0 50px 0 0*/
    }

        header.header .logo img {
/*            display: block;
            width: 100%;
            height: auto*/
        }

@media only screen and (max-width:1200px) {
    header.header .logo {
       /* width: 80px*/
    }
}

@media only screen and (max-width:767px) {
    header.header .logo {
    /*    width: 70px;
        margin: 0 0 0 50px*/
    }
}

header.header--home {
/*    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: transparent*/
}

header.header--highlighted {
    background-color: #fff;
    -webkit-box-shadow: 0 4px 13px 0 rgba(23,128,224,.119);
    box-shadow: 0 4px 13px 0 rgba(23,128,224,.119);
    -ms-flex-negative: 0;
    flex-shrink: 0
}

@media only screen and (max-width:767px) {
    header.header {
  /*      height: 70px*/
    }

/*        header.header .container {
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            max-width: unset
        }*/
}

nav.nav__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    -webkit-transition: all 750ms cubic-bezier(.075,.82,.165,1);
    transition: all 750ms cubic-bezier(.075,.82,.165,1);
    margin: 0 0 15px
}

    nav.nav__main ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        list-style: none;
        margin: 0;
        padding: 0
    }

        nav.nav__main ul li {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            position: relative;
            margin: 0 8px
        }

            nav.nav__main ul li a {
                display: inline-block;
                font-size: 1.125rem;
                font-weight: 400;
                color: #677897;
                padding: 5px 8px;
                cursor: pointer
            }

            nav.nav__main ul li:after {
                content: '';
                display: block;
                width: 30px;
                height: 3px;
                -webkit-transition: all 350ms cubic-bezier(.075,.82,.165,1);
                transition: all 350ms cubic-bezier(.075,.82,.165,1);
                -webkit-transform: scaleX(0);
                transform: scaleX(0);
                border-radius: 2px;
                background-color: #1e8ecd;
                position: absolute;
                right: 0;
                bottom: -15px;
                right: unset;
                left: 0;
                -webkit-transform-origin: left center;
                transform-origin: left center
            }

            nav.nav__main ul li.active a, nav.nav__main ul li:hover a {
                color: #1e8ecd
            }

            nav.nav__main ul li.active:after, nav.nav__main ul li:hover:after {
                -webkit-transform: scaleX(1);
                transform: scaleX(1)
            }

            nav.nav__main ul li.lang-switcher {
                margin-top: 20px
            }

                nav.nav__main ul li.lang-switcher a.btn {
                    min-height: 40px !important;
                    padding: 10px 0;
                    font-family: GESS-Medium;
                    font-size: .9375rem
                }

                nav.nav__main ul li.lang-switcher.active a, nav.nav__main ul li.lang-switcher:hover a {
                    color: #314358;
                    background-color: #bcd4f2
                }

                nav.nav__main ul li.lang-switcher.active:after, nav.nav__main ul li.lang-switcher:hover:after {
                    display: none
                }

@media only screen and (max-width:1200px) {
    nav.nav__main ul li {
        margin: 0 4px
    }

        nav.nav__main ul li a {
            font-size: 1rem;
            padding: 2px 4px
        }
}

@media only screen and (max-width:767px) {
    nav.nav__main {
        width: 100%;
      /*  height: 100vh;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: 0 !important;
        padding: 20px;
        background-color: #fff;*/
       /* opacity: 0;
        visibility: hidden;*/
        z-index: 9999
    }

        nav.nav__main ul {
            height: auto;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column
        }

           /* nav.nav__main ul li {
                width: 100%
            }*/

                nav.nav__main ul li a {
                    width: 100%;
                    padding: 25px 0;
                    font-size: 1.5625rem;
                    text-align: center
                }

                nav.nav__main ul li:after {
                    top: 10px;
                    bottom: unset;
                    -webkit-transform-origin: center;
                    transform-origin: center;
                    left: unset !important;
                    right: 45% !important
                }

        nav.nav__main.visible {
            opacity: 1;
            visibility: visible
        }
}

body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    min-height: 100vh;
    font-family: Lato,GESS-medium,Arial,Helvetica,sans-serif;
    font-size: 16px;
    -webkit-font-smoothing: antialiased;
    color: #677897;
    line-height: 1;
    direction: ltr;
    text-align: left;
    background: #f8fafd;
    overflow-x: hidden
}

    body.no-react {
        overflow: hidden
    }

main.main {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 100px 0 50px;
    padding-top:10px;
}

main.main--home {
    padding-top: 0
}

main.main--bg:before {
    content: '';
    display: block;
    width: 30%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/bg.svg) repeat-y;
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    background-size: 100%;
    z-index: -1
}

main.main--bg-center:before {
    background-position: center center;
    background-repeat: no-repeat
}

@media only screen and (max-width:767px) {
    main.main {
        padding: 70px 0 50px
    }

    main.main--bg:before {
        display: none
    }
}

.slider {
    position: relative
}

    .slider .slick-slide {
        outline: 0
    }

.slider__home {
    width: 100%;
    background-image: url(../images/slider-bg.svg);
    background-size: cover;
    background-position: center bottom
}

    .slider__home .slick-track {
        padding-top: 150px
    }

@media only screen and (max-width:767px) {
    .slider__home .slick-track {
        padding-top: 40px
    }
}

.slider__home .slide-entry {
    min-height: 500px;
    outline: 0 !important
}

    .slider__home .slide-entry .container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        padding: 0
    }

        .slider__home .slide-entry .container > div {
            padding: 0
        }

            .slider__home .slide-entry .container > div h1 {
                font-size: 3.125rem;
                color: #677897;
                margin-bottom: 20px
            }

            .slider__home .slide-entry .container > div p {
                font-family: Lato;
                font-size: 1.25rem;
                line-height: 1.5;
                margin-bottom: 20px
            }

            .slider__home .slide-entry .container > div img {
                width: 100%;
                border-radius: 8px
            }

                .slider__home .slide-entry .container > div img.no-shadow {
                    -webkit-box-shadow: none;
                    box-shadow: none;
                    border-radius: 0
                }

            .slider__home .slide-entry .container > div a.btn {
                max-width: 260px
            }

            .slider__home .slide-entry .container > div:first-child {
                width: 60%;
                padding-left: 30px
            }

@media only screen and (max-width:1439px) {
    .slider__home .slide-entry .container > div h1 {
        font-size: 2.5rem
    }

    .slider__home .slide-entry .container > div p {
        font-size: 1.125rem
    }

    .slider__home .slide-entry .container > div img {
        max-width: 400px
    }
}

@media only screen and (max-width:767px) {
    .slider__home .slide-entry .container {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .slider__home .slide-entry .container > div {
            width: 90% !important;
            padding: 0
        }

            .slider__home .slide-entry .container > div h1, .slider__home .slide-entry .container > div p {
                text-align: center
            }

            .slider__home .slide-entry .container > div a {
                margin: 20px auto 0
            }

            .slider__home .slide-entry .container > div img {
                width: 80%;
                max-width: unset;
                margin: 0 auto
            }

            .slider__home .slide-entry .container > div:first-child {
                padding: 0 !important;
                margin-bottom: 60px
            }
}

@media only screen and (max-width:767px) {
    .slider__home {
        margin-bottom: 100px !important
    }
}

.slider__products .slick-list .slick-track {
    padding: 60px 0
}

    .slider__products .slick-list .slick-track .slick-slide {
        margin: 0 10px
    }

    .slider__products .slick-list .slick-track .slide-entry {
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        min-height: 420px;
        position: relative;
        padding: 40px 20px;
        border-radius: 8px;
        background-color: #fff;
        -webkit-box-shadow: 0 15px 45px 0 rgba(23,128,224,.21);
        box-shadow: 0 15px 45px 0 rgba(23,128,224,.21);
        -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
        transition: all .35s cubic-bezier(.2,1,.3,1);
        -webkit-transform: scale(.95);
        transform: scale(.95);
        opacity: .7
    }

        .slider__products .slick-list .slick-track .slide-entry > section {
            width: 100%;
            height: auto
        }

            .slider__products .slick-list .slick-track .slide-entry > section img {
                display: block;
                width: 80%;
                -ms-flex-negative: 0;
                flex-shrink: 0
            }

            .slider__products .slick-list .slick-track .slide-entry > section > div {
                width: 100%;
                margin-bottom: 20px
            }

                .slider__products .slick-list .slick-track .slide-entry > section > div h2 {
                    font-size: 1.25rem;
                    color: #1e8ecd
                }

                .slider__products .slick-list .slick-track .slide-entry > section > div h3 {
                    font-size: 1.125rem;
                    color: #677897;
                    margin-bottom: 10px
                }

                .slider__products .slick-list .slick-track .slide-entry > section > div small {
                    font-family: Lato;
                    font-size: 1rem
                }

                .slider__products .slick-list .slick-track .slide-entry > section > div a {
                    display: -webkit-inline-box;
                    display: -ms-inline-flexbox;
                    display: inline-flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    min-height: 30px;
                    padding: 0 20px;
                    border: 1px solid #cfdff0;
                    border-radius: 15px;
                    font-family: Lato;
                    font-size: .8125rem;
                    color: #677897;
                    margin-left: 10px
                }

                    .slider__products .slick-list .slick-track .slide-entry > section > div a:hover {
                        color: #677897;
                        background-color: #cddbee
                    }

                .slider__products .slick-list .slick-track .slide-entry > section > div:not(:first-child) {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row
                }

                .slider__products .slick-list .slick-track .slide-entry > section > div:last-child {
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    margin: 0
                }

            .slider__products .slick-list .slick-track .slide-entry > section:first-child {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

        .slider__products .slick-list .slick-track .slide-entry.slick-center, .slider__products .slick-list .slick-track .slide-entry.slick-current {
            -webkit-transform: scale(1);
            transform: scale(1);
            opacity: 1
        }

.slider__products .slick-list:after, .slider__products .slick-list:before {
    content: '';
    display: block;
    width: 25%;
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 99;
    background: -webkit-gradient(linear,left top,right top,from(#f8fafd),color-stop(25%,#f8fafd),to(rgba(248,250,253,0)));
    background: linear-gradient(to right,#f8fafd 0,#f8fafd 25%,rgba(248,250,253,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8fafd', endColorstr='#00f8fafd', GradientType=1)
}

.slider__products .slick-list:before {
    right: 0;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

.slider__products .slick-list:after {
    left: 0
}

.slider__products .slick-list:before {
    left: unset;
    right: 0
}

.slider__products .slick-list:after {
    right: 0
}

@media only screen and (max-width:992px) {
    .slider__products .slick-list .slick-track .slide-entry {
        -webkit-box-shadow: 0 3px 20px 0 rgba(23,128,224,.21);
        box-shadow: 0 3px 20px 0 rgba(23,128,224,.21)
    }

    .slider__products .slick-list:after, .slider__products .slick-list:before {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .slider__products .slick-arrow {
        bottom: 0 !important
    }
}

.slider__product-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .slider__product-detail .slick-list {
        width: 100%;
        padding-bottom: 20px
    }

        .slider__product-detail .slick-list .slick-track {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

            .slider__product-detail .slick-list .slick-track .slick-slide {
                margin: 0 10px
            }

            .slider__product-detail .slick-list .slick-track .slide-entry {
                display: -webkit-box !important;
                display: -ms-flexbox !important;
                display: flex !important;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                position: relative;
                min-height: 75px;
                padding: 10px;
                background-color: #fff;
                border-radius: 8px;
                -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
                transition: all .35s cubic-bezier(.2,1,.3,1);
                cursor: pointer
            }

                .slider__product-detail .slick-list .slick-track .slide-entry p {
                    font-family: Lato;
                    font-size: 1.25rem;
                    text-align: center;
                    margin: 0
                }

@media only screen and (max-width:992px) {
    .slider__product-detail .slick-list .slick-track .slide-entry p {
        font-size: .9375rem
    }
}

.slider__product-detail .slick-list .slick-track .slide-entry:hover {
    background-color: #3ca6e2
}

    .slider__product-detail .slick-list .slick-track .slide-entry:hover p {
        color: #fff
    }

.slider__product-detail .slick-list .slick-track .slide-entry.active {
    color: #fff;
    background-color: #1e8ecd;
    -webkit-box-shadow: 0 5px 15px 0 rgba(23,128,224,.21);
    box-shadow: 0 5px 15px 0 rgba(23,128,224,.21)
}

    .slider__product-detail .slick-list .slick-track .slide-entry.active:after {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.slider__product-detail .slick-list .slick-track .slide-entry:after {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    bottom: 0;
    left: 50%;
    border: 10px solid transparent;
    border-top-color: #1e8ecd;
    border-left: 10px solid transparent;
    border-bottom: 0;
    margin-left: -10px;
    margin-bottom: -10px;
    -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
    transition: all .35s cubic-bezier(.2,1,.3,1);
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden
}

.slider__product-detail button.btn.slick-arrow {
    position: relative;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    top: unset;
    left: unset;
    bottom: unset;
    right: unset;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    background-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none
}

    .slider__product-detail button.btn.slick-arrow.slick-next:after {
        content: "\f104"
    }

    .slider__product-detail button.btn.slick-arrow.slick-prev:after {
        content: "\f105"
    }

.slider .slick-arrow {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    padding: 0;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background-color: #fff;
    -webkit-box-shadow: 0 4px 13px 0 rgba(0,0,0,.2);
    box-shadow: 0 4px 13px 0 rgba(0,0,0,.2);
    z-index: 999;
    opacity: .8
}

    .slider .slick-arrow.slick-next {
        right: 80px
    }

        .slider .slick-arrow.slick-next:after {
            content: "\f105"
        }

    .slider .slick-arrow.slick-prev {
        left: 80px
    }

        .slider .slick-arrow.slick-prev:after {
            content: "\f104"
        }

    .slider .slick-arrow.slick-disabled {
        opacity: .3
    }

    .slider .slick-arrow:hover {
        opacity: 1
    }

    .slider .slick-arrow:after {
        font-family: FontAwesome;
        font-size: 1.5625rem;
        color: #50515c
    }

@media only screen and (max-width:1439px) {
    .slider .slick-arrow {
        width: 40px;
        min-height: unset;
        height: 40px;
        top: unset;
        bottom: 0;
        -webkit-transform: unset;
        transform: unset
    }

        .slider .slick-arrow.slick-next {
            right: calc(50% - 70px);
            -webkit-transform: translateX(-50%);
            transform: translateX(-50%)
        }

        .slider .slick-arrow.slick-prev {
            left: calc(50% - 70px);
            -webkit-transform: translateX(50%);
            transform: translateX(50%)
        }
}

@media only screen and (max-width:767px) {
    .slider .slick-arrow {
        bottom: -60px
    }
}

#result-chart svg {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: scale(-1) translateY(50%) translateX(50%);
    transform: scale(-1) translateY(50%) translateX(50%)
}

.product-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: 280px;
    position: relative;
    border-radius: 8px;
    padding: 20px 20px 40px;
    -webkit-box-shadow: 0 4px 4px 0 rgba(23,128,224,.21);
    box-shadow: 0 4px 4px 0 rgba(23,128,224,.21);
    background-color: #fff;
    -webkit-transition: -webkit-box-shadow .35s cubic-bezier(.2,1,.3,1);
    transition: -webkit-box-shadow .35s cubic-bezier(.2,1,.3,1);
    transition: box-shadow .35s cubic-bezier(.2,1,.3,1);
    transition: box-shadow .35s cubic-bezier(.2,1,.3,1),-webkit-box-shadow .35s cubic-bezier(.2,1,.3,1);
    margin-bottom: 40px
}

.product-thumb__label {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    min-width: 80px;
    height: 40px;
    position: absolute;
    top: 35px;
    left: 0;
    padding: 0 20px 5px;
    border-radius: 0 2px 2px 0;
    font-size: 1rem;
    color: #fff
}

    .product-thumb__label.excellent {
        background-color: #408a4c
    }

        .product-thumb__label.excellent:after {
            border-left: 20px solid #408a4c
        }

    .product-thumb__label.v-good {
        background-color: #6ba855
    }

        .product-thumb__label.v-good:after {
            border-left: 20px solid #6ba855
        }

    .product-thumb__label.good {
        background-color: #c6d551
    }

        .product-thumb__label.good:after {
            border-left: 20px solid #c6d551
        }

    .product-thumb__label.medium {
        background-color: #f7ea4f;
        width: auto !important
    }

        .product-thumb__label.medium:after {
            border-left: 20px solid #f7ea4f
        }

    .product-thumb__label.bad {
        background-color: #f1b743
    }

        .product-thumb__label.bad:after {
            border-left: 20px solid #f1b743
        }

    .product-thumb__label.v-bad {
        background-color: #d97038
    }

        .product-thumb__label.v-bad:after {
            border-left: 20px solid #d97038
        }

    .product-thumb__label.x-bad {
        background-color: #d5382d
    }

        .product-thumb__label.x-bad:after {
            border-left: 20px solid #d5382d
        }

    .product-thumb__label:after {
        content: '';
        width: 0;
        height: 0;
        border: 20px solid transparent;
        border-bottom-color: transparent;
        border-right: 0;
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -20px;
        margin-right: -20px
    }

    .product-thumb__label.short {
        min-width: 40px
    }

.product-thumb__section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    position: relative;
    margin-top: 20px
}

    .product-thumb__section img {
        width: 80%
    }

    .product-thumb__section h2 {
        font-family: lato,GESS-bold,Arial,Helvetica,sans-serif;
        font-size: .9375rem;
        line-height: 1.4;
        text-align: center;
        color: #314358
    }

.product-thumb__section__feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

    .product-thumb__section__feature li {
        margin-right: 5px
    }

        .product-thumb__section__feature li i {
            font-size: 1.25rem
        }

            .product-thumb__section__feature li i.icon-g-hot:before {
                color: #c3cddd
            }

            .product-thumb__section__feature li i.icon-g-hot.available:before {
                color: red
            }

        .product-thumb__section__feature li:last-child {
            margin-right: 0
        }

.product-thumb__section__score {
    font-family: Lato;
    font-size: 1.25rem;
    font-weight: 700;
    color: #677897
}

    .product-thumb__section__score * {
        font-family: Lato;
        color: #677897
    }

    .product-thumb__section__score:after {
        display: inline-block;
        content: "\f005";
        font-family: FontAwesome;
        font-size: 1.5625rem;
        color: #f8e71c;
        margin-left: 10px;
        margin-top: 10px
    }

.product-thumb__section .product-thumb__consumption {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 60px;
    position: relative;
    padding: 5px 15px;
    color: #fff;
    background-color: #1e8ecd
}

    .product-thumb__section .product-thumb__consumption * {
        text-align: center
    }

    .product-thumb__section .product-thumb__consumption span {
        font-family: Lato;
        font-size: 1.5625rem;
        font-weight: 700
    }

    .product-thumb__section .product-thumb__consumption small {
        font-family: Lato;
        font-size: .625rem;
        color: #fff;
        margin-top: 5px
    }

    .product-thumb__section .product-thumb__consumption:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 50%;
        border: 30px solid transparent;
        border-bottom-color: transparent;
        border-left: 0;
        border-right: 30px solid #1e8ecd;
        margin-top: -30px;
        margin-left: -30px
    }

@media only screen and (max-width:992px) {
    .product-thumb__section .product-thumb__consumption {
        height: 50px
    }

        .product-thumb__section .product-thumb__consumption span {
            font-size: 1.125rem
        }

        .product-thumb__section .product-thumb__consumption:after {
            border: 25px solid transparent;
            border-right: 25px solid #1e8ecd;
            margin-top: -25px;
            margin-left: -50px
        }
}

@media only screen and (max-width:992px) {
    .product-thumb__section .product-thumb__consumption {
        padding: 5px
    }
}

.product-thumb__section:first-child {
    margin-top: 0
}

.product-thumb__section--fit {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.product-thumb__section--eco {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

    .product-thumb__section--eco h2 {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1
    }

.product-thumb__select {
    width: auto;
    height: auto;
    padding: 20px;
    min-width: unset;
    min-height: unset;
    position: absolute;
    left: 0;
    top: 0;
    background-color: transparent;
    z-index: 99;
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

    .product-thumb__select:before {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        width: 100%;
        height: 100%;
        content: "\f00c";
        font-family: FontAwesome;
        font-size: .9375rem;
        color: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 99
    }

    .product-thumb__select:after {
        content: '';
        width: 25px;
        height: 25px;
        position: absolute;
        border: 2px solid #677897;
        border-radius: 4px;
        -webkit-transition: background-color .35s cubic-bezier(.2,1,.3,1);
        transition: background-color .35s cubic-bezier(.2,1,.3,1)
    }

.product-thumb:hover {
    background-color: rgba(255,255,255,.9);
    -webkit-box-shadow: 0 2px 2px 0 rgba(23,128,224,.5);
    box-shadow: 0 2px 2px 0 rgba(23,128,224,.5)
}

.product-thumb.selectable .product-thumb__select {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.product-thumb.selected {
    background-color: rgba(0,175,108,.1);
    border-color: #00af6c;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,175,108,.1);
    box-shadow: 0 2px 2px 0 rgba(0,175,108,.1)
}

    .product-thumb.selected button.btn.product-thumb__select:before {
        opacity: 1;
        visibility: visible
    }

    .product-thumb.selected button.btn.product-thumb__select:after {
        background-color: #00af6c;
        border-color: #00af6c
    }

.product-thumb.single {
    min-height: 350px;
    padding: 30px 20px 20px
}

    .product-thumb.single .product-thumb__section img {
        width: 100%
    }

.product-thumb.similar {
    margin-bottom: 20px
}

@media only screen and (max-width:992px) {
    .product-thumb {
        padding: 20px
    }
}

@media only screen and (max-width:767px) {
    .product-thumb {
        margin-bottom: 50px
    }
}

#product-evaluation .home-block__content {
    position: relative
}

.card-img-container {
    -webkit-perspective: 2000px;
    perspective: 2000px
}

    .card-img-container .card-img {
        background-size: cover
    }

    .card-img-container .card-img, .card-img-container .card-img-shadow {
        display: block;
        width: 20vw;
        min-width: 360px;
        max-width: 430px;
        -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
        transition: all .35s cubic-bezier(.2,1,.3,1);
        -webkit-transform: rotateX(50deg) rotateY(0) rotateZ(-25deg);
        transform: rotateX(50deg) rotateY(0) rotateZ(-25deg);
        -webkit-transform-style: preserve-3d;
        transform-style: preserve-3d
    }

    .card-img-container .card-img-shadow {
        height: 30vw;
        min-height: 450px;
        max-height: 600px;
        position: absolute;
        top: 0;
        background-color: #f8fafd
    }

        .card-img-container .card-img-shadow.shadow-1 {
            z-index: -1;
            -webkit-transform: rotateX(50deg) rotateY(0) rotateZ(-25deg) translateX(-20px) translateY(20px);
            transform: rotateX(50deg) rotateY(0) rotateZ(-25deg) translateX(-20px) translateY(20px)
        }

        .card-img-container .card-img-shadow.shadow-2 {
            z-index: -2;
            -webkit-transform: rotateX(50deg) rotateY(0) rotateZ(-25deg) translateX(-35px) translateY(35px);
            transform: rotateX(50deg) rotateY(0) rotateZ(-25deg) translateX(-35px) translateY(35px)
        }

@media only screen and (max-width:992px) {
    .card-img-container {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }
}

@media only screen and (max-width:767px) {
    .card-img-container .card-img {
        width: 100%;
        min-width: 280px;
        margin: 0 auto;
        -webkit-transform: unset;
        transform: unset
    }

    .card-img-container .card-img-shadow {
        display: none
    }
}

.pointer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    position: absolute;
    left: 50px;
    z-index: 99
}

    .pointer span {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        height: 100%
    }

        .pointer span:last-child {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

        .pointer span:last-child {
            font-family: Lato;
            font-size: 1.125rem;
            padding-left: 10px
        }

    .pointer.info {
        top: 110px;
        left: 20vw
    }

        .pointer.info span:last-child {
            margin-bottom: 55px
        }

@media only screen and (min-width:1850px) {
    .pointer.info {
        top: 150px;
        left: 400px
    }
}

@media only screen and (max-width:1439px) {
    .pointer.info {
        left: 350px
    }
}

.pointer.f-con {
    top: 15vw;
    left: 19vw
}

@media only screen and (min-width:1850px) {
    .pointer.f-con {
        top: 290px;
        left: 370px
    }
}

@media only screen and (max-width:1439px) {
    .pointer.f-con {
        top: 225px;
        left: 340px
    }
}

.pointer.f-eco {
    top: 19vw;
    left: 16vw
}

    .pointer.f-eco span:last-child {
        margin-top: 80px
    }

@media only screen and (min-width:1850px) {
    .pointer.f-eco {
        top: 330px;
        left: 300px
    }
}

@media only screen and (max-width:1439px) {
    .pointer.f-eco {
        top: 280px;
        left: 300px
    }
}

.pointer.saso {
    top: 24vw;
    left: 11vw
}

    .pointer.saso span:last-child {
        max-width: 200px;
        margin-top: 50px
    }

@media only screen and (min-width:1850px) {
    .pointer.saso {
        top: 420px;
        left: 250px
    }
}

@media only screen and (max-width:1439px) {
    .pointer.saso {
        top: 365px;
        left: 240px
    }
}

@media only screen and (max-width:992px) {
    .pointer {
        display: none
    }

        .pointer span:first-child {
            display: none
        }

        .pointer span:last-child {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            margin: 0 !important;
            padding: 10px !important;
            max-width: 80px;
            text-align: center;
            font-size: .9375rem;
            color: transparent;
            background-color: transparent;
            border-radius: 4px;
            -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
            transition: all .35s cubic-bezier(.2,1,.3,1);
            -webkit-transform: translateY(-10px);
            transform: translateY(-10px)
        }

            .pointer span:last-child:after {
                content: '';
                display: block;
                width: 12px;
                height: 12px;
                border-radius: 50%;
                background-color: #677897;
                -webkit-animation: sos 1s ease-in-out infinite;
                animation: sos 1s ease-in-out infinite;
                margin-top: 5px
            }

            .pointer span:last-child:hover {
                color: #f8fafd;
                background-color: rgba(103,120,151,.9);
                -webkit-transform: translateY(0);
                transform: translateY(0)
            }

        .pointer.info {
            top: 100px;
            left: calc(50% + 100px)
        }

        .pointer.f-con {
            top: 150px;
            left: calc(50% + 100px)
        }

        .pointer.f-eco {
            top: 170px;
            left: calc(50% - 40px)
        }

        .pointer.saso {
            top: 280px;
            left: calc(50% - 40px)
        }
}

@media only screen and (max-width:767px) {
    .pointer span:last-child:after {
        width: 20px;
        height: 20px
    }

    .pointer.info {
        top: 10px
    }

    .pointer.f-con {
        top: 120px
    }

    .pointer.f-eco {
        top: 250px
    }

    .pointer.saso {
        top: 380px;
        left: calc(50% - 50px)
    }
}

.product-review-container {
    width: 100%
}

    .product-review-container .product-review-options {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        list-style: none;
        margin: 0;
        padding: 25px 0;
        background-color: #fff;
        border-radius: 8px;
        -webkit-box-shadow: 0 2px 5px 0 rgba(23,128,224,.2);
        box-shadow: 0 2px 5px 0 rgba(23,128,224,.2)
    }

        .product-review-container .product-review-options > li {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1;
            -webkit-box-orient: vertical;
            -webkit-box-direction: normal;
            -ms-flex-direction: column;
            flex-direction: column;
            padding: 0 25px;
            position: relative;
            cursor: pointer;
            border-right: 2px solid #eaecef
        }

            .product-review-container .product-review-options > li span.product-review__label--title {
                font-family: Lato;
                font-size: 1rem;
                margin-bottom: 15px
            }

            .product-review-container .product-review-options > li span.product-review__label--text {
                font-size: 1.25rem
            }

                .product-review-container .product-review-options > li span.product-review__label--text.default {
                    color: rgba(103,120,151,.3)
                }

            .product-review-container .product-review-options > li label.product-review__label--title {
                font-family: Lato;
                font-size: 1rem;
                margin-bottom: 15px;
                color: #677897 !important;
            }

            .product-review-container .product-review-options > li label.product-review__label--text {
                font-size: 1.25rem
            }

                .product-review-container .product-review-options > li label.product-review__label--text.default {
                    color: rgba(103,120,151,.3)
                }

            .product-review-container .product-review-options > li ul.product-review__options {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: start;
                -ms-flex-align: start;
                align-items: flex-start;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                min-width: 170px;
                list-style: none;
                margin: 0;
                padding: 0;
                -webkit-box-shadow: 0 2px 3px 0 rgba(23,128,224,.2);
                box-shadow: 0 2px 3px 0 rgba(23,128,224,.2);
                background-color: #fff;
                position: absolute;
                top: 30px;
                left: 5px;
                z-index: 99;
                border-radius: 2px 0 0 2px;
                opacity: 0;
                visibility: hidden;
                -webkit-transform: translateY(20px);
                transform: translateY(20px)
            }

                .product-review-container .product-review-options > li ul.product-review__options li {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    width: 100%;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    min-height: 45px;
                    padding: 0 15px;
                    font-family: Lato;
                    font-size: 1rem;
                    border-bottom: 1px solid #eaecef;
                    cursor: pointer;
                    -webkit-transition: background-color .35s cubic-bezier(.2,1,.3,1);
                    transition: background-color .35s cubic-bezier(.2,1,.3,1)
                }

                    .product-review-container .product-review-options > li ul.product-review__options li:hover {
                        color: #314358;
                        -webkit-box-shadow: inset 0 0 5px 0 rgba(23,128,224,.05);
                        box-shadow: inset 0 0 5px 0 rgba(23,128,224,.05);
                        background-color: rgba(234,236,239,.5)
                    }

                    .product-review-container .product-review-options > li ul.product-review__options li.active {
                        color: #314358;
                        -webkit-box-shadow: inset 0 0 5px 0 rgba(23,128,224,.05);
                        box-shadow: inset 0 0 5px 0 rgba(23,128,224,.05);
                        background-color: rgba(234,236,239,.2)
                    }

                    .product-review-container .product-review-options > li ul.product-review__options li:last-child {
                        border-bottom: none
                    }

            .product-review-container .product-review-options > li:last-child {
                border-right: none
            }

@media only screen and (max-width:992px) {
    .product-review-container .product-review-options > li {
        padding: 0 15px
    }

        .product-review-container .product-review-options > li span.product-review__label--title {
            font-size: .9375rem;
            margin-bottom: 5px
        }

        .product-review-container .product-review-options > li span.product-review__label--text {
            font-size: 1.125rem
        }

        .product-review-container .product-review-options > li:after {
            left: 10px
        }
}

@media only screen and (max-width:767px) {
    .product-review-container .product-review-options {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        background-color: transparent;
        border-radius: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .product-review-container .product-review-options > li {
            width: 100%;
            padding: 15px;
            margin-bottom: 10px;
            background-color: #fff;
            border-radius: 3px;
            border-right: none;
            -webkit-box-shadow: 0 1px 2px 0 rgba(23,128,224,.2);
            box-shadow: 0 1px 2px 0 rgba(23,128,224,.2)
        }

            .product-review-container .product-review-options > li ul.product-review__options {
                width: 80%;
                right: unset;
                left: 10px
            }

            .product-review-container .product-review-options > li:after {
                top: 40%;
                right: 15px;
                left: unset
            }
}

.product-review-container .product-result-cont {
    position: relative
}

.product-review-container .product-result {
    width: 100%;
    height: auto;
    position: relative;
    margin: 50px 0;
    -webkit-transition: all 1.5s cubic-bezier(.2,1,.3,1);
    transition: all 1.5s cubic-bezier(.2,1,.3,1);
    opacity: 1;
    pointer-events: none
}

    .product-review-container .product-result h1 {
        font-size: 2.1875rem;
        color: #677897;
        margin-bottom: 30px
    }

@media only screen and (max-width:992px) {
    .product-review-container .product-result h1 {
        font-size: 1.5625rem
    }
}

@media only screen and (max-width:767px) {
    .product-review-container .product-result {
        margin: 0
    }

        .product-review-container .product-result h1 {
            margin-bottom: 30px
        }
}

.product-review-container .product-result.reveal {
    opacity: 1;
    visibility: visible;
    pointer-events: auto
}

.product-review-container .product-result.stable {
    position: relative
}

.product-review-container .result-placeholder {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 80px 10px;
    -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
    transition: all .35s cubic-bezier(.2,1,.3,1)
}

    .product-review-container .result-placeholder h1 {
        font-size: 3.125rem;
        color: rgba(103,120,151,.3);
        text-align: center
    }

@media only screen and (max-width:767px) {
    .product-review-container .result-placeholder {
        padding: 30px 10px
    }

        .product-review-container .result-placeholder h1 {
            font-size: 1.5625rem
        }
}

.product-review-container .result-placeholder.conceal {
    opacity: 0;
    visibility: hidden;
    pointer-events: none
}

.product-review-container .product-result__grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: auto
}

.product-review-container .product-result__grid__col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 50%;
    position: relative
}

    .product-review-container .product-result__grid__col .performance-bars {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        list-style: none;
        padding: 0;
        margin: 0
    }

        .product-review-container .product-result__grid__col .performance-bars .performance-bar {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            max-width: 70%;
            height: 30px;
            line-height: normal;
            position: relative;
            margin-bottom: 15px;
            border-radius: 2px 0 0 2px;
            padding: 0 10px 2px;
            font-size: .875rem;
            color: #fff
        }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar.excellent {
                width: 61.7%;
                background-color: #408a4c
            }

                .product-review-container .product-result__grid__col .performance-bars .performance-bar.excellent:after {
                    border-left: 15px solid #408a4c
                }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar.v-good {
                width: 55.3%;
                background-color: #6ba855
            }

                .product-review-container .product-result__grid__col .performance-bars .performance-bar.v-good:after {
                    border-left: 15px solid #6ba855
                }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar.good {
                width: 48.9%;
                background-color: #c6d551
            }

                .product-review-container .product-result__grid__col .performance-bars .performance-bar.good:after {
                    border-left: 15px solid #c6d551
                }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar.medium {
                width: 41.4% !important;
                background-color: #f7ea4f
            }

                .product-review-container .product-result__grid__col .performance-bars .performance-bar.medium:after {
                    border-left: 15px solid #f7ea4f
                }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar.bad {
                width: 34%;
                background-color: #f1b743
            }

                .product-review-container .product-result__grid__col .performance-bars .performance-bar.bad:after {
                    border-left: 15px solid #f1b743
                }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar.v-bad {
                width: 27.6%;
                background-color: #d97038
            }

                .product-review-container .product-result__grid__col .performance-bars .performance-bar.v-bad:after {
                    border-left: 15px solid #d97038
                }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar.x-bad {
                width: 20.2%;
                background-color: #d5382d
            }

                .product-review-container .product-result__grid__col .performance-bars .performance-bar.x-bad:after {
                    border-left: 15px solid #d5382d
                }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar:after {
                content: '';
                width: 0;
                height: 0;
                border: 15px solid transparent;
                border-bottom-color: transparent;
                border-right: 0;
                position: absolute;
                right: 0;
                top: 50%;
                margin-top: -15px;
                margin-right: -15px
            }

            .product-review-container .product-result__grid__col .performance-bars .performance-bar:last-child {
                margin-bottom: 0
            }

@media only screen and (max-width:992px) {
    .product-review-container .product-result__grid__col .performance-bars .performance-bar {
        margin-bottom: 10px;
        font-size: .9375rem
    }
}

.product-review-container .product-result__grid__col .performance-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 50px;
    height: 50px;
    padding: 0 10px;
    font-family: Lato;
    font-size: 1.5625rem;
    font-weight: 700;
    color: #fff;
    background-color: #1e8ecd;
    position: absolute;
    z-index: 99;
    right: 20px;
    border-radius: 0 2px 2px 0;
    -webkit-transition: top 750ms cubic-bezier(.68,-.55,.265,1.55);
    transition: top 750ms cubic-bezier(.68,-.55,.265,1.55)
}

    .product-review-container .product-result__grid__col .performance-result.excellent {
        background-color: #408a4c
    }

        .product-review-container .product-result__grid__col .performance-result.excellent:after {
            border-right-color: #408a4c
        }

    .product-review-container .product-result__grid__col .performance-result.v-good {
        background-color: #6ba855
    }

        .product-review-container .product-result__grid__col .performance-result.v-good:after {
            border-right-color: #6ba855
        }

    .product-review-container .product-result__grid__col .performance-result.good {
        background-color: #c6d551
    }

        .product-review-container .product-result__grid__col .performance-result.good:after {
            border-right-color: #c6d551
        }

    .product-review-container .product-result__grid__col .performance-result.medium {
        width: auto !important;
        background-color: #f7ea4f
    }

        .product-review-container .product-result__grid__col .performance-result.medium:after {
            border-right-color: #f7ea4f
        }

    .product-review-container .product-result__grid__col .performance-result.bad {
        background-color: #f1b743
    }

        .product-review-container .product-result__grid__col .performance-result.bad:after {
            border-right-color: #f1b743
        }

    .product-review-container .product-result__grid__col .performance-result.v-bad {
        background-color: #d97038
    }

        .product-review-container .product-result__grid__col .performance-result.v-bad:after {
            border-right-color: #d97038
        }

    .product-review-container .product-result__grid__col .performance-result.x-bad {
        background-color: #d5382d
    }

        .product-review-container .product-result__grid__col .performance-result.x-bad:after {
            border-right-color: #d5382d
        }

    .product-review-container .product-result__grid__col .performance-result span.class-grade {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        line-height: normal;
        font-style: 1.5625rem
    }

    .product-review-container .product-result__grid__col .performance-result small {
        font-family: Lato;
        font-size: .625rem;
        color: #fff;
        margin-top: 5px
    }

    .product-review-container .product-result__grid__col .performance-result:after {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        left: 0;
        top: 50%;
        border: 25px solid transparent;
        border-bottom-color: transparent;
        border-left: 0;
        border-right: 25px solid #1e8ecd;
        margin-top: -25px;
        margin-left: -25px
    }

@media only screen and (max-width:992px) {
    .product-review-container .product-result__grid__col .performance-result {
        padding: 0 5px;
        height: 40px;
        font-size: 1.125rem
    }

        .product-review-container .product-result__grid__col .performance-result:after {
            border-width: 20px;
            border-right: 20px solid #1e8ecd;
            margin-top: -20px;
            margin-left: -20px
        }
}

.product-review-container .product-result__grid__col .product-image-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    height: auto;
    position: relative
}

    .product-review-container .product-result__grid__col .product-image-container img {
        display: block;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 300px
    }

.product-review-container .product-result__grid__col:first-child {
    width: 45%
}

.product-review-container .product-result__grid__col:last-child {
    width: 55%
}

@media only screen and (max-width:767px) {
    .product-review-container .product-result__grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .product-review-container .product-result__grid__col {
        width: 100% !important
    }

        .product-review-container .product-result__grid__col .product-image-container {
            margin-top: 50px
        }

            .product-review-container .product-result__grid__col .product-image-container img {
                width: 100%;
                max-height: unset
            }
}

.product-review-container .product-result-animation-enter-active {
    -webkit-animation: showPage .35s cubic-bezier(.68,-.55,.265,1.55);
    animation: showPage .35s cubic-bezier(.68,-.55,.265,1.55);
    opacity: 0;
    visibility: hidden
}

.product-review-container .product-result-animation-leave-active {
    -webkit-animation: hidePage .35s cubic-bezier(.68,-.55,.265,1.55);
    animation: hidePage .35s cubic-bezier(.68,-.55,.265,1.55);
    opacity: 0;
    visibility: hidden
}

.product-review-container .chart-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-top: 0;
}

.product-review-container .chart-container__chart {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 120px;
    height: 120px;
    position: relative;
    margin-right: 40px
}

    .product-review-container .chart-container__chart h4 {
        font-family: Lato;
        font-size: .9375rem;
        color: #677897;
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

.product-review-container .chart-container__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

    .product-review-container .chart-container__info h2 {
        font-size: 2.5rem;
        color: #1e8ecd;
        margin-bottom: 0
    }

    .product-review-container .chart-container__info p {
        font-family: Lato;
        font-size: 1.5625rem;
        margin: 0
    }

@media only screen and (max-width:767px) {
    .product-review-container .chart-container__chart {
        margin-right: 10px
    }

    .product-review-container .chart-container__info h2 {
        font-size: 1.5625rem
    }

    .product-review-container .chart-container__info p {
        font-size: 1.125rem
    }
}

div.product-search {
    width: 100%;
    height: auto;
    margin-bottom: 30px
}

input.form-control.product-search {
    width: 100%;
    height: 80px;
    padding: 20px;
    border: none;
    border-radius: 0;
    background-color: #e8f0f7;
    font-family: Lato;
    /*font-size: 2.5rem;*/
    font-size: 1.5rem;
    color: #677897
}

    input.form-control.product-search:focus {
        border: none;
        -webkit-box-shadow: none;
        box-shadow: none
    }

@media only screen and (max-width:767px) {
    form.form.product-search {
        margin-bottom: 0
    }

        form.form.product-search input.form-control.product-search {
            height: 60px;
            font-size: 1.5625rem
        }
}

form.form__product-search {
    margin: 20px 0 0;
    width: 100%
}

form.form--contact textarea.form-control {
    height: 190px
}

form.form--contact .btn {
    min-width: 260px
}

@media only screen and (max-width:767px) {
    form.form--contact .btn {
        min-width: unset
    }
}

form.form .confirm-msg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-height: 80px;
    height: auto;
    padding: 10px
}

    form.form .confirm-msg .alert {
        margin: 0
    }

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

    .form-group .inline {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row
    }

        .form-group .inline > div {
            -webkit-box-flex: 1;
            -ms-flex: 1;
            flex: 1
        }

            .form-group .inline > div.form-check {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                min-height: 50px;
                padding: 0
            }

                .form-group .inline > div.form-check label {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    font-size: .9375rem;
                    margin: 0
                }

                    .form-group .inline > div.form-check label input[type=checkbox], .form-group .inline > div.form-check label input[type=radio] {
                        display: none
                    }

                        .form-group .inline > div.form-check label input[type=checkbox] + span, .form-group .inline > div.form-check label input[type=radio] + span {
                            display: -webkit-box;
                            display: -ms-flexbox;
                            display: flex;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            -webkit-box-pack: center;
                            -ms-flex-pack: center;
                            justify-content: center;
                            -webkit-box-orient: horizontal;
                            -webkit-box-direction: normal;
                            -ms-flex-direction: row;
                            flex-direction: row;
                            width: 25px;
                            height: 25px;
                            border-radius: 50%;
                            border: 2px solid #eaecef
                        }

                            .form-group .inline > div.form-check label input[type=checkbox] + span > i, .form-group .inline > div.form-check label input[type=radio] + span > i {
                                opacity: 0;
                                color: rgba(103,120,151,.8);
                                -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
                                transition: all .35s cubic-bezier(.2,1,.3,1)
                            }

                                .form-group .inline > div.form-check label input[type=checkbox] + span > i:before, .form-group .inline > div.form-check label input[type=radio] + span > i:before {
                                    line-height: 25px;
                                    font-size: 10px
                                }

                        .form-group .inline > div.form-check label input[type=checkbox]:checked + span, .form-group .inline > div.form-check label input[type=radio]:checked + span {
                            border-color: rgba(103,120,151,.8)
                        }

                            .form-group .inline > div.form-check label input[type=checkbox]:checked + span > i, .form-group .inline > div.form-check label input[type=radio]:checked + span > i {
                                opacity: 1
                            }

                        .form-group .inline > div.form-check label input[type=checkbox]:disabled + .cr, .form-group .inline > div.form-check label input[type=radio]:disabled + .cr {
                            opacity: .5
                        }

                    .form-group .inline > div.form-check label > span {
                        position: relative;
                        display: inline-block;
                        border: 1px solid #a9a9a9;
                        border-radius: .25em;
                        width: 1.3em;
                        height: 1.3em;
                        float: left;
                        margin-right: 10px
                    }

                        .form-group .inline > div.form-check label > span > i {
                            position: absolute;
                            font-size: .8em
                        }

    .form-group.error label {
        color: rgba(232,40,16,.4)
    }

    .form-group.error input.form-control {
        color: rgba(232,40,16,.4);
        border: 1px solid rgba(232,40,16,.2);
        background-color: rgba(232,40,16,.05)
    }

        .form-group.error input.form-control::-webkit-input-placeholder {
            color: rgba(232,40,16,.4)
        }

        .form-group.error input.form-control::-ms-input-placeholder {
            color: rgba(232,40,16,.4)
        }

        .form-group.error input.form-control::placeholder {
            color: rgba(232,40,16,.4)
        }

    .form-group.no-margin {
        margin-bottom: 0
    }

#reg-prev {
    margin-top: 1.5rem;
    color: #677897
}

.form-control {
    background-color: #f6f9fc;
    border: 1px solid #e4e7e9;
    border-radius: 2px;
    height: 50px;
    -webkit-transition: .4s;
    transition: .4s
}

    .form-control:focus {
        border: 1px solid rgba(232,40,16,.219);
        -webkit-box-shadow: 0 2px 4px 0 rgba(232,40,16,.219);
        box-shadow: 0 2px 4px 0 rgba(232,40,16,.219)
    }

@media only screen and (max-width:992px) {
    .form-control {
        height: 40px
    }
}

label {
    font-size: 1.125rem;
    color: #314358
}

.form-box {
    background: #fff;
    padding: 60px;
    border-radius: 5px
}

@media only screen and (max-width:767px) {
    .form-box {
        padding: 30px
    }
}

.g-recaptcha.shifted {
    margin-left: 3px;
    padding-left: 10px
}

@media only screen and (max-width:767px) {
    .g-recaptcha.shifted {
        padding: 0;
        margin: 0 auto;
        -webkit-transform: scale(.94);
        transform: scale(.94)
    }
}

.b-dropdown--custom {
    width: 100%;
    padding: 0
}

    .b-dropdown--custom button.btn-secondary.dropdown-toggle {
        width: 100%;
        border-radius: 8px;
        border: 2px solid #eaecef;
        padding: 0 15px;
        background-color: transparent;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        color: #677897
    }

        .b-dropdown--custom button.btn-secondary.dropdown-toggle:after {
            content: "\f107";
            font-family: FontAwesome;
            font-size: 1.5625rem;
            color: #1e8ecd;
            width: 15px;
            height: 15px;
            padding: 0;
            margin: 0;
            line-height: .7;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            right: 15px;
            border: none
        }

        .b-dropdown--custom button.btn-secondary.dropdown-toggle:active, .b-dropdown--custom button.btn-secondary.dropdown-toggle:hover {
            color: #1e8ecd;
            border-color: #b0b8c3;
            background-color: transparent;
            outline: 0 !important;
            -webkit-box-shadow: none !important;
            box-shadow: none !important
        }

    .b-dropdown--custom div.dropdown-menu {
        width: 100%;
        border-radius: 8px;
        border: 2px solid #eaecef;
        padding: 0;
        overflow: hidden
    }

        .b-dropdown--custom div.dropdown-menu a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            min-height: 50px;
            padding: 0 15px;
            font-family: Lato
        }

            .b-dropdown--custom div.dropdown-menu a:active, .b-dropdown--custom div.dropdown-menu a:hover {
                color: #677897;
                background-color: #eaecef
            }

.btn-group.btn-group-toggle--custom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

    .btn-group.btn-group-toggle--custom label.btn.btn-secondary {
        -webkit-box-flex: 1;
        -ms-flex: 1;
        flex: 1;
        margin-right: 10px;
        border-radius: 8px;
        background-color: transparent;
        border: 2px solid #eaecef;
        color: #677897
    }

        .btn-group.btn-group-toggle--custom label.btn.btn-secondary:hover {
            border-color: #cdd2d9
        }

        .btn-group.btn-group-toggle--custom label.btn.btn-secondary.active, .btn-group.btn-group-toggle--custom label.btn.btn-secondary.focus {
            color: #1e8ecd;
            border-color: #b0b8c3;
            outline: 0;
            -webkit-box-shadow: none;
            box-shadow: none
        }

        .btn-group.btn-group-toggle--custom label.btn.btn-secondary:last-child {
            margin-right: 0
        }

.footer {
    position: relative;
    background-color: #f6f9fd
}

    .footer .container {
        padding-top: 80px;
        padding-bottom: 80px;
        border-top: 1px solid #e3eefa
    }

    .footer .btn {
        font-family: GESS-Light;
        font-size: .9375rem
    }

    .footer .footer-block {
        width: 100%;
        height: 100%
    }

        .footer .footer-block form button {
            min-width: unset
        }

@media only screen and (max-width:767px) {
    .footer .footer-block {
        margin-bottom: 30px
    }
}

.footer ul.footer-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0
}

.footer ul.footer-list__logos {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

    .footer ul.footer-list__logos li {
        display: -webkit-inline-box;
        display: -ms-inline-flexbox;
        display: inline-flex;
        position: relative;
        margin: 0 20px 0 0
    }

        .footer ul.footer-list__logos li a {
            display: block;
            width: 125px;
            height: auto;
            position: relative;
            opacity: .8
        }

            .footer ul.footer-list__logos li a img {
                display: block;
                width: 100%;
                height: auto
            }

            .footer ul.footer-list__logos li a:hover {
                opacity: 1
            }

        .footer ul.footer-list__logos li:last-child {
            margin: 0
        }

.footer ul.footer-list__links {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

    .footer ul.footer-list__links li {
        width: 100%;
        height: auto
    }

        .footer ul.footer-list__links li a {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            width: 100%;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: start;
            -ms-flex-pack: start;
            justify-content: flex-start;
            padding: 10px 0;
            font-size: 1rem;
            color: #314358
        }

@media only screen and (max-width:767px) {
    .footer ul.footer-list__links li a {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer ul.footer-list__links li.active a, .footer ul.footer-list__links li:hover a {
    color: #1e8ecd;
    text-decoration: none
}

.footer ul.footer-list__social {
    width: 100%;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

    .footer ul.footer-list__social li {
        position: relative;
        margin-bottom: 5px !important;
        margin: 0 15px 0 0
    }

        .footer ul.footer-list__social li a {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center;
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-direction: row;
            flex-direction: row;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            color: #fff;
            background-color: #314358
        }

            .footer ul.footer-list__social li a i {
                font-family: FontAwesome
            }

                .footer ul.footer-list__social li a i:before {
                    font-family: FontAwesome
                }

            .footer ul.footer-list__social li a:hover {
                background-color: #161e27
            }

        .footer ul.footer-list__social li:last-child {
            margin: 0
        }

@media only screen and (max-width:992px) {
    .footer ul.footer-list__social li {
        margin: 0 5px 0 0
    }
}

@media only screen and (max-width:767px) {
    .footer ul.footer-list__social {
        margin-top: 5px
    }

        .footer ul.footer-list__social li a i {
            font-size: 12px
        }
}

@media only screen and (max-width:767px) {
    .footer ul.footer-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center
    }
}

.footer .flexable {
    height: 100%;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

@media only screen and (max-width:767px) {
    .footer .flexable {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.footer article h1.block-title {
    margin-bottom: 10px
}

.footer article p {
    font-family: Lato;
    font-size: .9375rem;
    color: #8593ac;
    line-height: 1.5;
    margin: 0
}

@media only screen and (max-width:767px) {
    .footer article {
        text-align: center
    }

        .footer article h1.block-title {
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center
        }
}

.footer .footer-tail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    min-height: 50px;
    padding: 10px 20px;
    background-color: #e6effa
}

    .footer .footer-tail p {
        font-size: .9375rem;
        text-align: center;
        line-height: 1.2;
        margin: 0
    }

.footer--home:before {
    content: '';
    display: block;
    width: 100%;
    height: 700px;
    background-image: url(../images/footer-bg.svg);
    background-size: cover;
    background-attachment: scroll;
    background-position: center top;
    position: absolute;
    bottom: 70%;
    right: 0;
    z-index: -1
}

@media only screen and (max-width:767px) {
    .footer > .container {
        padding-top: 40px;
        padding-bottom: 40px
    }
}

.e404-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    max-width: 760px;
    padding: 0 15px
}

    .e404-container > * {
        margin-bottom: 20px
    }

    .e404-container > :last-child {
        margin-bottom: 0
    }

    .e404-container h1.error-404-title {
        font-family: Lato;
        font-weight: 700;
        font-size: 200px
    }

    .e404-container h3 {
        font-size: 3.125rem;
        font-size: 3.125rem;
        color: #1e8ecd;
        line-height: 1
    }

        .e404-container h3 b {
            color: #eaecef
        }

    .e404-container p {
        color: #545452
    }

    .e404-container .btn.block {
        max-width: 350px
    }

@media only screen and (max-width:767px) {
    .e404-container {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        max-width: unset;
        margin: 30px auto
    }

        .e404-container h1.error-404-title {
            font-size: 80px
        }

        .e404-container h3, .e404-container p {
            text-align: center
        }

        .e404-container h3 {
            font-size: 1.5625rem
        }

        .e404-container .btn.block {
            max-width: 400px
        }
}

.info-tab__heads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    list-style: none;
    margin: 0;
    padding: 0
}

    .info-tab__heads li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
        -ms-flex-direction: row;
        flex-direction: row;
        min-height: 40px;
        border-radius: 8px;
        -webkit-transition: background-color .35s cubic-bezier(.2,1,.3,1);
        transition: background-color .35s cubic-bezier(.2,1,.3,1);
        padding: 10px 20px 12px;
        margin-right: 10px;
        background-color: #fff;
        cursor: pointer;
        z-index: 999
    }

        .info-tab__heads li h3 {
            font-size: 1rem;
            text-align: center;
            -webkit-transition: color .35s cubic-bezier(.2,1,.3,1);
            transition: color .35s cubic-bezier(.2,1,.3,1)
        }

        .info-tab__heads li.active {
            background-color: #1e8ecd
        }

            .info-tab__heads li.active h3 {
                color: #fff
            }

        .info-tab__heads li:last-child {
            margin-right: 0
        }

        .info-tab__heads li:hover:not(.active) {
            background-color: rgba(103,120,151,.02)
        }

            .info-tab__heads li:hover:not(.active) h3 {
                color: #1e8ecd
            }

@media only screen and (max-width:767px) {
    .info-tab__heads {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

        .info-tab__heads li {
            width: calc(50% - 10px);
            margin: 0 0 10px 0
        }
}

.info-tab__body .tab {
    padding: 20px 0 0
}

    .info-tab__body .tab .evaluation-container {
        margin-top: -50px
    }

@media only screen and (max-width:320px) {
    .info-tab__body .tab .evaluation-container {
        margin-top: 0
    }
}

.info-tab__body .tab.temp-content {
    width: 100%;
    min-height: 50px;
    text-align: center;
    padding: 20px 0 0
}

.home-block {
    margin-bottom: 70px
}

.home-block__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 30px
}

    .home-block__title h2 {
        font-family: Lato;
        font-size: 2.5rem;
        color: #677897;
        margin-bottom: 10px
    }

    .home-block__title p {
        font-family: Lato;
        font-size: 1.125rem;
        color: #677897
    }

.home-block__title--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

    .home-block__title--center * {
        text-align: center
    }

.home-block__content {
    position: relative
}

.home-block__content--center {
    text-align: center
}

.home-block .app-dl-container {
    max-width: 350px;
    height: auto;
    position: relative;
    text-align: center;
    margin: 0 auto 40px
}

    .home-block .app-dl-container .img-container {
        width: 100%;
        overflow: hidden
    }

        .home-block .app-dl-container .img-container img {
            display: block;
            width: 100%;
            margin: 0 auto
        }

    .home-block .app-dl-container:after {
        content: '';
        display: block;
        width: 200%;
        height: 20px;
        background-image: url(../images/app-shadow.png);
        background-size: 100%;
        background-position: center top;
        background-repeat: no-repeat;
        position: absolute;
        bottom: -20px;
        right: 50%;
        -webkit-transform: translateX(50%);
        transform: translateX(50%)
    }

    .home-block .app-dl-container .img-container img {
        width: 60%
    }

    .home-block .app-dl-container:after {
        width: 100%;
        background-size: contain
    }

.home-block .show-all {
    max-width: 210px;
    margin: 0 auto
}

@media only screen and (max-width:1439px) {
    .home-block .show-all {
        margin-top: 25px
    }
}

.home-block .btn-cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row
}

@media only screen and (max-width:992px) {
    .home-block__title {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        margin-bottom: 15px
    }

        .home-block__title * {
            text-align: center
        }

        .home-block__title h2 {
            font-size: 1.5625rem
        }

        .home-block__title p {
            font-size: 1rem
        }

    .home-block__content {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center
    }
}

.home-block--top-border > .container {
    padding-top: 35px
}

.home-block:last-child {
    margin-bottom: 0
}

#product-evaluation {
    overflow: hidden
}

.card-desc {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    position: relative
}

.card-desc__img-container {
    max-width: 350px;
    position: relative
}

    .card-desc__img-container img {
        display: block;
        width: 100%
    }

.card-desc__info {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    padding: 30px 25px;
    margin-left: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0 14px 23px 0 rgba(23,128,224,.2);
    box-shadow: 0 14px 23px 0 rgba(23,128,224,.2)
}

    .card-desc__info article p {
        font-size: .9375rem
    }

    .card-desc__info .card-no {
        font-family: Lato;
        font-weight: 700;
        font-size: 350px;
        color: #677897;
        opacity: .05;
        position: absolute;
        bottom: 0;
        right: 130px;
        z-index: -1
    }

@media only screen and (max-width:992px) {
    .card-desc__info .card-no {
        display: none
    }
}

@media only screen and (max-width:767px) {
    .card-desc {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .card-desc__img-container {
        max-width: 100%
    }

    .card-desc__info {
        padding: 20px;
        margin: 20px 0 0 0
    }
}

#login-reg-container {
    width: 100%;
    position: relative
}

@media only screen and (max-width:480px) {
    .links-container {
        -webkit-box-orient: vertical !important;
        -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }
}

.login-portal {
    min-width: 400px;
    height: 230px;
    border-radius: 5px;
    -webkit-box-shadow: 0 15px 45px 0 rgba(23,128,224,.2);
    box-shadow: 0 15px 45px 0 rgba(23,128,224,.2);
    background-color: #fff;
    border: 3px solid #fff;
    margin: 0 25px;
    cursor: pointer;
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    outline: 0 !important
}

    .login-portal h1 {
        font-size: 1.125rem;
        color: #677897;
        margin-top: 30px
    }

    .login-portal svg .st0, .login-portal svg .st1 {
        -webkit-transition: fill ease-in-out cubic-bezier(.2,1,.3,1);
        transition: fill ease-in-out cubic-bezier(.2,1,.3,1)
    }

    .login-portal svg .st0 {
        fill: #edf0f7
    }

    .login-portal svg .st1 {
        fill: #677897
    }

    .login-portal:hover {
        border-color: #3cab74;
        background-color: #eef6f6;
        -webkit-transform: translateY(5px);
        transform: translateY(5px);
        -webkit-box-shadow: 0 5px 20px 0 rgba(23,128,224,.2);
        box-shadow: 0 5px 20px 0 rgba(23,128,224,.2)
    }

        .login-portal:hover h1 {
            color: #3cab74
        }

        .login-portal:hover svg .st0 {
            fill: rgba(60,171,116,.05)
        }

        .login-portal:hover svg .st1 {
            fill: #3cab74
        }

@media only screen and (max-width:992px) {
    .login-portal {
        min-width: 300px;
        height: 180px;
        margin: 0 10px
    }

        .login-portal h1 {
            margin-top: 10px
        }
}

@media only screen and (max-width:767px) {
    .login-portal {
        min-width: 180px;
        height: 150px
    }
}

@media only screen and (max-width:480px) {
    .login-portal {
        min-width: calc(100vw - 40px);
        margin: 10px 0
    }
}

.steps {
    padding: 0 0 60px;
    position: relative
}

    .steps:after {
        content: '';
        background: #ddd;
        width: 100%;
        height: 1px;
        position: absolute;
        bottom: 67px
    }

    .steps .steps__step {
        position: relative;
        z-index: 1;
        background: #fff;
        padding: 0 50px
    }

        .steps .steps__step .steps__step__number {
            width: 30px;
            height: 30px;
            margin-bottom: 15px;
            background: #ddd;
            border-radius: 50%;
            line-height: 30px;
            text-align: center
        }

    .steps .steps__step--active .steps__step__number {
        background: #1e8ecd;
        color: #fff
    }

    .steps .steps__step--active .steps__step__text {
        color: #1e8ecd
    }

.search-box {
    position: relative
}

    .search-box .form-control {
        border-radius: 8px;
        border-width: 2px
    }

    .search-box .search-box__icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        color: #1e8ecd;
        font-size: 20px
    }

.sidebar .main-title {
    color: #677897;
    font-size: 24px;
    margin-bottom: 30px
}

.sidebar .widget {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eaecef
}

    .sidebar .widget:last-child {
        border: none
    }

    .sidebar .widget .widget__title {
        font-size: .9375rem;
        color: #000;
        border-bottom: 1px solid #eaecef;
        padding-bottom: 15px;
        margin-bottom: 24px
    }

.sidebar .widget__collapse {
    margin-bottom: 26px
}

.sidebar .widget__collapse__title {
    font-family: Lato;
    font-size: .9375rem;
    color: #000;
    position: relative;
    padding-left: 30px;
    cursor: pointer
}

    .sidebar .widget__collapse__title .count {
        font-size: 13px;
        color: #677897
    }

    .sidebar .widget__collapse__title .title-icon {
        position: absolute;
        top: 0;
        left: 0;
        display: inline-block;
        border-radius: 4px;
        border: 1px solid #6dc653;
        width: 20px;
        height: 20px;
        background: #6dc653;
        -webkit-transition: all .35s cubic-bezier(.2,1,.3,1);
        transition: all .35s cubic-bezier(.2,1,.3,1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1)
    }

        .sidebar .widget__collapse__title .title-icon .toggle-icon {
            display: inline-block;
            -webkit-transform: rotate(0);
            transform: rotate(0);
            -webkit-transition: -webkit-transform .3s;
            transition: -webkit-transform .3s;
            transition: transform .3s;
            transition: transform .3s,-webkit-transform .3s;
            line-height: 20px;
            color: #fff
        }

    .sidebar .widget__collapse__title.collapsed .title-icon {
        background: #fff;
        border-color: #677897
    }

    .sidebar .widget__collapse__title.collapsed .toggle-icon {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
        color: #677897
    }

.sidebar .widget.widget--collapse ul {
    margin: 0;
    list-style-type: none;
    padding: 20px 0 0 30px
}

    .sidebar .widget.widget--collapse ul li {
        font-family: Lato;
        padding-bottom: 18px;
        position: relative
    }

        .sidebar .widget.widget--collapse ul li a {
            font-size: .9375rem;
            color: #677897
        }

        .sidebar .widget.widget--collapse ul li:before {
            font-family: FontAwesome;
            speak: none;
            font-style: normal;
            font-weight: 400;
            font-variant: normal;
            text-transform: none;
            font-size: 7px;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            content: "\f111";
            position: absolute;
            top: 25%;
            -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
            left: -20px
        }

        .sidebar .widget.widget--collapse ul li.active a, .sidebar .widget.widget--collapse ul li:hover a {
            color: #314358
        }

.sidebar .search-widget {
    margin: 25px 0
}

.sidebar .search-widget__search-control {
    height: 42px;
    font-size: 13px;
    color: #000;
    border-width: 1px;
    border-bottom-width: 0;
    border-color: #eaecef;
    background: #fff;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    -webkit-box-shadow: inset 0 2px 8px 0 rgba(175,192,202,.24);
    box-shadow: inset 0 2px 8px 0 rgba(175,192,202,.24)
}

.sidebar .search-widget .search-widget__list {
    max-height: 170px;
    min-height: 45px;
    overflow-y: auto;
    overflow-x: hidden;
    direction: ltr;
    background: #fff;
    border: 1px solid #eaecef
}

    .sidebar .search-widget .search-widget__list ul {
        list-style: none;
        margin: 0;
        padding: 5px 0
    }

        .sidebar .search-widget .search-widget__list ul li {
            position: relative;
            padding: 13px 25px;
            color: #000;
            font-size: 13px;
            font-family: Lato;
            -webkit-transition: background .3s;
            transition: background .3s;
            cursor: pointer
        }

            .sidebar .search-widget .search-widget__list ul li:hover {
                background: #fafafa
            }

            .sidebar .search-widget .search-widget__list ul li .count {
                display: inline-block;
                position: absolute;
                top: 50%;
                -webkit-transform: translateY(-50%);
                transform: translateY(-50%);
                right: 0px;
                font-size: 14px;
                color: #677897
            }

.rating-result {
    margin-bottom: 14px
}

.rating-result__set {
    cursor: pointer
}

    .rating-result__set .text {
        font-family: Lato;
        font-size: .9375rem;
        color: #000
    }

    .rating-result__set:hover {
        opacity: .8
    }

    .rating-result__set .star {
        font-size: 32px;
        font-weight: 100;
        margin-left: 28px;
        display: inline-block
    }

.rating-result__separator {
    height: 36px;
    width: 2px;
    margin: 0 12px;
    background: #b3bbcb
}

.rating-result__selected-rate {
    font-family: lato,Arial,Helvetica,sans-serif;
    font-size: 12px
}

    .rating-result__selected-rate .value {
        font-weight: 600;
        font-size: 15px
    }

    .rating-result__selected-rate .icon-star {
        color: #ffc300;
        font-size: 18px
    }

.set-rating {
    background: #fff;
    padding: 0 10px;
    max-width: 260px;
    -webkit-box-shadow: 0 8px 10px 0 rgba(23,128,224,.21);
    box-shadow: 0 8px 10px 0 rgba(23,128,224,.21);
    height: 45px;
    border-radius: 8px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    transition: .3s;
    -webkit-transform: translateX(12px);
    transform: translateX(12px)
}

    .set-rating.reveal {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

.set-rating__separator {
    height: 25px;
    width: 2px;
    background: #b3bbcb
}

.set-rating__close {
    background: #677897;
    color: #fff;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    font-size: 12px;
    cursor: pointer;
    -webkit-transition: background .3s;
    transition: background .3s;
    margin-left: 5px
}

    .set-rating__close:hover {
        background: #d44456
    }

@media only screen and (max-width:1200px) {
    .set-rating {
        padding: 0 5px
    }
}

@media only screen and (max-width:992px) {
    .set-rating {
        padding: 0 15px
    }
}

.product-meta__tabs-heads {
    min-height: 80px;
    margin-bottom: 40px
}

@media only screen and (max-width:767px) {
    .product-meta__tabs-heads {
        margin-bottom: 20px
    }
}

.product-meta__tabs-body {
    padding-left: 50px
}

    .product-meta__tabs-body .product-meta__title {
        font-size: 1.5625rem;
        color: #677897;
        margin-bottom: 20px
    }

    .product-meta__tabs-body .product-meta__fields {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%;
        padding: 0;
        margin: 0
    }

        .product-meta__tabs-body .product-meta__fields li {
            display: -webkit-inline-box;
            display: -ms-inline-flexbox;
            display: inline-flex;
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            width: 100%;
            min-height: 50px;
            margin-bottom: 20px
        }

            .product-meta__tabs-body .product-meta__fields li div .match-status {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                font-family: Lato;
                font-size: 1.125rem
            }

                .product-meta__tabs-body .product-meta__fields li div .match-status:before {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: center;
                    -ms-flex-align: center;
                    align-items: center;
                    -webkit-box-pack: center;
                    -ms-flex-pack: center;
                    justify-content: center;
                    -webkit-box-orient: horizontal;
                    -webkit-box-direction: normal;
                    -ms-flex-direction: row;
                    flex-direction: row;
                    width: 25px;
                    height: 25px;
                    border-radius: 50%;
                    content: "\f00c";
                    font-family: FontAwesome;
                    font-size: .9375rem;
                    color: #fff;
                    margin-right: 10px
                }

                .product-meta__tabs-body .product-meta__fields li div .match-status.match {
                    color: #00af6c
                }

                    .product-meta__tabs-body .product-meta__fields li div .match-status.match:before {
                        background-color: #00af6c
                    }

                .product-meta__tabs-body .product-meta__fields li div .match-status.no-match {
                    color: #d44456
                }

                    .product-meta__tabs-body .product-meta__fields li div .match-status.no-match:before {
                        content: "\f00d";
                        background-color: #d44456
                    }

            .product-meta__tabs-body .product-meta__fields li div img {
                max-width: 150px
            }

            .product-meta__tabs-body .product-meta__fields li div:first-child {
                min-width: 30%
            }

            .product-meta__tabs-body .product-meta__fields li div:last-child {
                -webkit-box-flex: 1;
                -ms-flex: 1;
                flex: 1
            }

@media only screen and (max-width:767px) {
    .product-meta__tabs-body .product-meta__fields li:not(:first-child) {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

        .product-meta__tabs-body .product-meta__fields li:not(:first-child) div {
            min-width: 100%
        }

            .product-meta__tabs-body .product-meta__fields li:not(:first-child) div:first-child {
                margin-bottom: 10px
            }
}

@media only screen and (max-width:992px) {
    .product-meta__tabs-body {
        padding-left: 0
    }
}

.search-box {
    position: relative
}

    .search-box .search-box__icon {
        position: absolute;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 20px;
        color: #1e8ecd;
        font-size: 20px
    }

#compare-form-cont {
    margin-bottom: 30px
}

button.btn.search {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}

input.btn.search {
    width: 100%;
    max-width: 300px;
    margin: 0 auto
}


.compare-result {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    height: auto;
    margin: 0;
    overflow-x: scroll;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    border-radius: 4px;
    background-color: #fff;
    -webkit-box-shadow: 0 5px 10px 0 rgba(23,128,224,.21);
    box-shadow: 0 5px 10px 0 rgba(23,128,224,.21)
}

    .compare-result::-webkit-scrollbar {
        height: 4px
    }

.compare-result__row {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 25%;
    border-right: 1px solid #eaecef
}

    .compare-result__row .product-thumb {
        -webkit-box-shadow: none;
        box-shadow: none;
        border-radius: 0;
        padding: 20px 20px 40px;
        margin-bottom: 0
    }

        .compare-result__row .product-thumb:hover {
            background-color: unset;
            -webkit-box-shadow: none;
            box-shadow: none
        }

    .compare-result__row table.table.b-table-stacked.compare-result-table {
        margin-bottom: 0 !important;
        border-top: 4px solid #dee2e6
    }

        .compare-result__row table.table.b-table-stacked.compare-result-table tr td {
            font-size: .875rem
        }

            .compare-result__row table.table.b-table-stacked.compare-result-table tr td:first-child {
                font-weight: 700;
                color: #314358
            }

    .compare-result__row:last-child {
        border-right: none
    }

@media only screen and (max-width:767px) {
    .compare-result__row {
        min-width: 100%;
        border-right: none;
        padding-bottom: 10px;
        margin-bottom: 10px
    }
}


.with-btn {
    width: 85% !important;
    float: left;
}

.with-ddl {
    width: 10% !important;
}

.asterick {
    color: red;
}

fieldset {
    padding: 25px 14px 5px;
    border: 1px solid #A9A9A9;
    border-top: 1px solid #A9A9A9;
    margin-bottom: 20px;
}

legend {
    width: auto !important;
    padding-right: 5px !important;
    padding-left: 5px !important;
}

.form-control {
    height: 40px !important;
}

.no-margin-left {
    margin-left: 0px !important;
}

.no-padding-left {
    padding-left: 0px !important;
}

.no-margin-bottom {
    margin-bottom: 0px !important;
}

.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    height: 50px;
}

.panel-apps > .panel-heading {
    background-color: #174dab;
    border-color: transparent;
    color: #fff;
    height: 50px;
}

.panel-lbls > .panel-heading {
    background-color: #5CB8D9;
    border-color: transparent;
    color: #fff;
    height: 50px;
}

.panel-renew > .panel-heading {
    background-color: #7DDBAC;
    /*background-color: #66CC99;*/
    border-color: transparent;
    color: #fff !important;
    height: 50px;
}

.panel-heading > h3 {
    color: #fff !important;
}

.panel {
    border-color: #bce8f1 !important;
    border: 1px solid transparent;
    margin-bottom: 20px;
}

    .panel > .panel-body {
        padding-top: 20px;
    }

:: placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: lightgrey !important;
    opacity: 1; /* Firefox */
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: lightgrey !important;
}

::-ms-input-placeholder { /* Microsoft Edge */
    color: lightgrey !important;
}

.bs-example {
    margin: 20px;
}

.rotate {
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    -moz-transform: rotate(90deg); /* Firefox */
    -ms-transform: rotate(90deg); /* IE 9 */
    transform: rotate(90deg); /* Standard syntax */
}

.alert {
    border: 0;
}

    .alert:before {
        content: '\f05a';
        display: inline-block;
        vertical-align: middle;
        margin-left: 8px;
        height: 24px;
        width: 24px;
        font-size: 18px;
        
    }

.alert-success {
    color: #fff;
    background-color: #2FA35D;
}

    .alert-success:before {
        content: "\f058";
    }

.alert .alert-link {
    text-decoration: underline;
    color: #fff;
}

.alert-info {
    color: #fff;
    background-color: #5CB8D9;
}

    .alert-info:before {
    }

.alert-warning {
    color: #fff;
    background-color: #FFBF2F;
}

    .alert-warning:before {
        content: "\f071";
    }

.alert-error {
    color: #fff;
    background-color: #E52B20;
}

    .alert-error:before {
        content: "\f057";
    }

.alert-alert {
    color: #fff;
    background-color: #FFBF2F;
}

   

.alert-alert {
    color: #0c5460;
    background-color: #d1ecf1;
    border-color: #bee5eb;
}

    .alert-alert:before {
        content: "\f071";
        font-weight:800;
    }

.myAlert-top {
    position: fixed;
    top: 5px;
    left: 2%;
    width: 96%;
    z-index: 10000;
}



nav.nav__main ul li a {
    color: #fff;
    padding: 5px 8px;
    font-size: 14px;
}

nav.nav__main ul li.active a, nav.nav__main ul li:hover a {
    color: #fff;
}
nav.nav__main ul li.active .dropdown-menu a, nav.nav__main ul li:hover .dropdown-menu a {
    color: #000;
}
.footer .footer-tail {
    background: #000;
    text-align: center;
    padding: 6px 13px 6px 13px;
    height: 32px;
    min-height: 34px;
}
.header--home {
    display: flex;
    flex-direction: column;
    z-index: 10;
    position: relative;
    min-height: 130px;
    overflow: visible;
    background-color: #0086a9 !important;
    background-position-y: -75px;
    height: auto !important;
}