html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    font-size: 100%;
    vertical-align: baseline
}

html {
    line-height: 1
}

ol,
ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th,
td {
    text-align: left;
    font-weight: normal;
    vertical-align: middle
}

q,
blockquote {
    quotes: none
}

q:before,
q:after,
blockquote:before,
blockquote:after {
    content: "";
    content: none
}

a img {
    border: none
}

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

@font-face {
    font-family: "icons";
    src: url("../fonts/icons/icons.eot?a98fbf8804b229aca44fb5b90a5c5aa9");
    src: url("../fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("../fonts/icons/icons.woff?a98fbf8804b229aca44fb5b90a5c5aa9") format("woff"), url("../fonts/icons/icons.ttf?a98fbf8804b229aca44fb5b90a5c5aa9") format("truetype");
    font-weight: normal;
    font-style: normal
}

.icon {
    font-family: "icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-brochure:before {
    content: "\f101"
}

.icon-calendar:before {
    content: "\f102"
}

.icon-cart:before {
    content: "\f103"
}

.icon-check:before {
    content: "\f104"
}

.icon-fb:before {
    content: "\f105"
}

.icon-house:before {
    content: "\f106"
}

.icon-human-star:before {
    content: "\f107"
}

.icon-in:before {
    content: "\f108"
}

.icon-menu:before {
    content: "\f109"
}

.icon-pc:before {
    content: "\f10a"
}

.icon-pdf:before {
    content: "\f10b"
}

.icon-pen:before {
    content: "\f10c"
}

.icon-qoutes:before {
    content: "\f10d"
}

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

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

.icon-tw:before {
    content: "\f110"
}

.icon-x:before {
    content: "\f111"
}

@font-face {
    font-family: "Aller-Bold";
    src: url("../fonts/Aller-Std/Aller-Bold_gdi.eot?1500382209");
    src: url("../fonts/Aller-Std/Aller-Bold_gdi.eot?&1500382209#iefix") format("embedded-opentype"), url("../fonts/Aller-Std/Aller-Bold_gdi.ttf?1500382210") format("truetype"), url("../fonts/Aller-Std/Aller-Bold_gdi.svg?1500382210") format("svg"), url("../fonts/Aller-Std/Aller-Bold_gdi.woff?1500382211") format("woff")
}

@font-face {
    font-family: "Aller-Italic";
    src: url("../fonts/Aller-Std/Aller-Italic_gdi.eot?1500382211");
    src: url("../fonts/Aller-Std/Aller-Italic_gdi.eot?&1500382211#iefix") format("embedded-opentype"), url("../fonts/Aller-Std/Aller-Italic_gdi.ttf?1500382212") format("truetype"), url("../fonts/Aller-Std/Aller-Italic_gdi.svg?1500382212") format("svg"), url("../fonts/Aller-Std/Aller-Italic_gdi.woff?1500382213") format("woff")
}

@font-face {
    font-family: "Aller-Light";
    src: url("../fonts/Aller-Std/Aller-Light_gdi.eot?1500382215");
    src: url("../fonts/Aller-Std/Aller-Light_gdi.eot?&1500382215#iefix") format("embedded-opentype"), url("../fonts/Aller-Std/Aller-Light_gdi.ttf?1500382216") format("truetype"), url("../fonts/Aller-Std/Aller-Light_gdi.svg?1500382217") format("svg"), url("../fonts/Aller-Std/Aller-Light_gdi.woff?1500382217") format("woff")
}

@font-face {
    font-family: "Aller-LightItalic";
    src: url("../fonts/Aller-Std/Aller-LightItalic_gdi.eot?1500382213");
    src: url("../fonts/Aller-Std/Aller-LightItalic_gdi.eot?&1500382213#iefix") format("embedded-opentype"), url("../fonts/Aller-Std/Aller-LightItalic_gdi.ttf?1500382214") format("truetype"), url("../fonts/Aller-Std/Aller-LightItalic_gdi.svg?1500382214") format("svg"), url("../fonts/Aller-Std/Aller-LightItalic_gdi.woff?1500382215") format("woff")
}

@font-face {
    font-family: "Aller-Regular";
    src: url("../fonts/Aller-Std/Aller-Regular_gdi.eot?1500382218");
    src: url("../fonts/Aller-Std/Aller-Regular_gdi.eot?&1500382218#iefix") format("embedded-opentype"), url("../fonts/Aller-Std/Aller-Regular_gdi.ttf?1500382219") format("truetype"), url("../fonts/Aller-Std/Aller-Regular_gdi.svg?1500382219") format("svg"), url("../fonts/Aller-Std/Aller-Regular_gdi.woff?1500382220") format("woff")
}

/*!
 * Bootstrap v3.3.6 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

.container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

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

.container:after {
    clear: both
}

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

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

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

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    padding-left: 10px;
    padding-right: 10px
}

.container-fluid:before,
.container-fluid:after {
    content: " ";
    display: table
}

.container-fluid:after {
    clear: both
}

.row {
    margin-left: -10px;
    margin-right: -10px
}

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

.row:after {
    clear: both
}

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

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
    float: left
}

.col-xs-1 {
    width: 8.33333%
}

.col-xs-2 {
    width: 16.66667%
}

.col-xs-3 {
    width: 25%
}

.col-xs-4 {
    width: 33.33333%
}

.col-xs-5 {
    width: 41.66667%
}

.col-xs-6 {
    width: 50%
}

.col-xs-7 {
    width: 58.33333%
}

.col-xs-8 {
    width: 66.66667%
}

.col-xs-9 {
    width: 75%
}

.col-xs-10 {
    width: 83.33333%
}

.col-xs-11 {
    width: 91.66667%
}

.col-xs-12 {
    width: 100%
}

.col-xs-pull-0 {
    right: auto
}

.col-xs-pull-1 {
    right: 8.33333%
}

.col-xs-pull-2 {
    right: 16.66667%
}

.col-xs-pull-3 {
    right: 25%
}

.col-xs-pull-4 {
    right: 33.33333%
}

.col-xs-pull-5 {
    right: 41.66667%
}

.col-xs-pull-6 {
    right: 50%
}

.col-xs-pull-7 {
    right: 58.33333%
}

.col-xs-pull-8 {
    right: 66.66667%
}

.col-xs-pull-9 {
    right: 75%
}

.col-xs-pull-10 {
    right: 83.33333%
}

.col-xs-pull-11 {
    right: 91.66667%
}

.col-xs-pull-12 {
    right: 100%
}

.col-xs-push-0 {
    left: auto
}

.col-xs-push-1 {
    left: 8.33333%
}

.col-xs-push-2 {
    left: 16.66667%
}

.col-xs-push-3 {
    left: 25%
}

.col-xs-push-4 {
    left: 33.33333%
}

.col-xs-push-5 {
    left: 41.66667%
}

.col-xs-push-6 {
    left: 50%
}

.col-xs-push-7 {
    left: 58.33333%
}

.col-xs-push-8 {
    left: 66.66667%
}

.col-xs-push-9 {
    left: 75%
}

.col-xs-push-10 {
    left: 83.33333%
}

.col-xs-push-11 {
    left: 91.66667%
}

.col-xs-push-12 {
    left: 100%
}

.col-xs-offset-0 {
    margin-left: 0%
}

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

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

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

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

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

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

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

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

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

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

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

.col-xs-offset-12 {
    margin-left: 100%
}

@media (min-width: 768px) {
    .col-sm-1,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12 {
        float: left
    }
    .col-sm-1 {
        width: 8.33333%
    }
    .col-sm-2 {
        width: 16.66667%
    }
    .col-sm-3 {
        width: 25%
    }
    .col-sm-4 {
        width: 33.33333%
    }
    .col-sm-5 {
        width: 41.66667%
    }
    .col-sm-6 {
        width: 50%
    }
    .col-sm-7 {
        width: 58.33333%
    }
    .col-sm-8 {
        width: 66.66667%
    }
    .col-sm-9 {
        width: 75%
    }
    .col-sm-10 {
        width: 83.33333%
    }
    .col-sm-11 {
        width: 91.66667%
    }
    .col-sm-12 {
        width: 100%
    }
    .col-sm-pull-0 {
        right: auto
    }
    .col-sm-pull-1 {
        right: 8.33333%
    }
    .col-sm-pull-2 {
        right: 16.66667%
    }
    .col-sm-pull-3 {
        right: 25%
    }
    .col-sm-pull-4 {
        right: 33.33333%
    }
    .col-sm-pull-5 {
        right: 41.66667%
    }
    .col-sm-pull-6 {
        right: 50%
    }
    .col-sm-pull-7 {
        right: 58.33333%
    }
    .col-sm-pull-8 {
        right: 66.66667%
    }
    .col-sm-pull-9 {
        right: 75%
    }
    .col-sm-pull-10 {
        right: 83.33333%
    }
    .col-sm-pull-11 {
        right: 91.66667%
    }
    .col-sm-pull-12 {
        right: 100%
    }
    .col-sm-push-0 {
        left: auto
    }
    .col-sm-push-1 {
        left: 8.33333%
    }
    .col-sm-push-2 {
        left: 16.66667%
    }
    .col-sm-push-3 {
        left: 25%
    }
    .col-sm-push-4 {
        left: 33.33333%
    }
    .col-sm-push-5 {
        left: 41.66667%
    }
    .col-sm-push-6 {
        left: 50%
    }
    .col-sm-push-7 {
        left: 58.33333%
    }
    .col-sm-push-8 {
        left: 66.66667%
    }
    .col-sm-push-9 {
        left: 75%
    }
    .col-sm-push-10 {
        left: 83.33333%
    }
    .col-sm-push-11 {
        left: 91.66667%
    }
    .col-sm-push-12 {
        left: 100%
    }
    .col-sm-offset-0 {
        margin-left: 0%
    }
    .col-sm-offset-1 {
        margin-left: 8.33333%
    }
    .col-sm-offset-2 {
        margin-left: 16.66667%
    }
    .col-sm-offset-3 {
        margin-left: 25%
    }
    .col-sm-offset-4 {
        margin-left: 33.33333%
    }
    .col-sm-offset-5 {
        margin-left: 41.66667%
    }
    .col-sm-offset-6 {
        margin-left: 50%
    }
    .col-sm-offset-7 {
        margin-left: 58.33333%
    }
    .col-sm-offset-8 {
        margin-left: 66.66667%
    }
    .col-sm-offset-9 {
        margin-left: 75%
    }
    .col-sm-offset-10 {
        margin-left: 83.33333%
    }
    .col-sm-offset-11 {
        margin-left: 91.66667%
    }
    .col-sm-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 992px) {
    .col-md-1,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-10,
    .col-md-11,
    .col-md-12 {
        float: left
    }
    .col-md-1 {
        width: 8.33333%
    }
    .col-md-2 {
        width: 16.66667%
    }
    .col-md-3 {
        width: 25%
    }
    .col-md-4 {
        width: 33.33333%
    }
    .col-md-5 {
        width: 41.66667%
    }
    .col-md-6 {
        width: 50%
    }
    .col-md-7 {
        width: 58.33333%
    }
    .col-md-8 {
        width: 66.66667%
    }
    .col-md-9 {
        width: 75%
    }
    .col-md-10 {
        width: 83.33333%
    }
    .col-md-11 {
        width: 91.66667%
    }
    .col-md-12 {
        width: 100%
    }
    .col-md-pull-0 {
        right: auto
    }
    .col-md-pull-1 {
        right: 8.33333%
    }
    .col-md-pull-2 {
        right: 16.66667%
    }
    .col-md-pull-3 {
        right: 25%
    }
    .col-md-pull-4 {
        right: 33.33333%
    }
    .col-md-pull-5 {
        right: 41.66667%
    }
    .col-md-pull-6 {
        right: 50%
    }
    .col-md-pull-7 {
        right: 58.33333%
    }
    .col-md-pull-8 {
        right: 66.66667%
    }
    .col-md-pull-9 {
        right: 75%
    }
    .col-md-pull-10 {
        right: 83.33333%
    }
    .col-md-pull-11 {
        right: 91.66667%
    }
    .col-md-pull-12 {
        right: 100%
    }
    .col-md-push-0 {
        left: auto
    }
    .col-md-push-1 {
        left: 8.33333%
    }
    .col-md-push-2 {
        left: 16.66667%
    }
    .col-md-push-3 {
        left: 25%
    }
    .col-md-push-4 {
        left: 33.33333%
    }
    .col-md-push-5 {
        left: 41.66667%
    }
    .col-md-push-6 {
        left: 50%
    }
    .col-md-push-7 {
        left: 58.33333%
    }
    .col-md-push-8 {
        left: 66.66667%
    }
    .col-md-push-9 {
        left: 75%
    }
    .col-md-push-10 {
        left: 83.33333%
    }
    .col-md-push-11 {
        left: 91.66667%
    }
    .col-md-push-12 {
        left: 100%
    }
    .col-md-offset-0 {
        margin-left: 0%
    }
    .col-md-offset-1 {
        margin-left: 8.33333%
    }
    .col-md-offset-2 {
        margin-left: 16.66667%
    }
    .col-md-offset-3 {
        margin-left: 25%
    }
    .col-md-offset-4 {
        margin-left: 33.33333%
    }
    .col-md-offset-5 {
        margin-left: 41.66667%
    }
    .col-md-offset-6 {
        margin-left: 50%
    }
    .col-md-offset-7 {
        margin-left: 58.33333%
    }
    .col-md-offset-8 {
        margin-left: 66.66667%
    }
    .col-md-offset-9 {
        margin-left: 75%
    }
    .col-md-offset-10 {
        margin-left: 83.33333%
    }
    .col-md-offset-11 {
        margin-left: 91.66667%
    }
    .col-md-offset-12 {
        margin-left: 100%
    }
}

@media (min-width: 1200px) {
    .col-lg-1,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12 {
        float: left
    }
    .col-lg-1 {
        width: 8.33333%
    }
    .col-lg-2 {
        width: 16.66667%
    }
    .col-lg-3 {
        width: 25%
    }
    .col-lg-4 {
        width: 33.33333%
    }
    .col-lg-5 {
        width: 41.66667%
    }
    .col-lg-6 {
        width: 50%
    }
    .col-lg-7 {
        width: 58.33333%
    }
    .col-lg-8 {
        width: 66.66667%
    }
    .col-lg-9 {
        width: 75%
    }
    .col-lg-10 {
        width: 83.33333%
    }
    .col-lg-11 {
        width: 91.66667%
    }
    .col-lg-12 {
        width: 100%
    }
    .col-lg-pull-0 {
        right: auto
    }
    .col-lg-pull-1 {
        right: 8.33333%
    }
    .col-lg-pull-2 {
        right: 16.66667%
    }
    .col-lg-pull-3 {
        right: 25%
    }
    .col-lg-pull-4 {
        right: 33.33333%
    }
    .col-lg-pull-5 {
        right: 41.66667%
    }
    .col-lg-pull-6 {
        right: 50%
    }
    .col-lg-pull-7 {
        right: 58.33333%
    }
    .col-lg-pull-8 {
        right: 66.66667%
    }
    .col-lg-pull-9 {
        right: 75%
    }
    .col-lg-pull-10 {
        right: 83.33333%
    }
    .col-lg-pull-11 {
        right: 91.66667%
    }
    .col-lg-pull-12 {
        right: 100%
    }
    .col-lg-push-0 {
        left: auto
    }
    .col-lg-push-1 {
        left: 8.33333%
    }
    .col-lg-push-2 {
        left: 16.66667%
    }
    .col-lg-push-3 {
        left: 25%
    }
    .col-lg-push-4 {
        left: 33.33333%
    }
    .col-lg-push-5 {
        left: 41.66667%
    }
    .col-lg-push-6 {
        left: 50%
    }
    .col-lg-push-7 {
        left: 58.33333%
    }
    .col-lg-push-8 {
        left: 66.66667%
    }
    .col-lg-push-9 {
        left: 75%
    }
    .col-lg-push-10 {
        left: 83.33333%
    }
    .col-lg-push-11 {
        left: 91.66667%
    }
    .col-lg-push-12 {
        left: 100%
    }
    .col-lg-offset-0 {
        margin-left: 0%
    }
    .col-lg-offset-1 {
        margin-left: 8.33333%
    }
    .col-lg-offset-2 {
        margin-left: 16.66667%
    }
    .col-lg-offset-3 {
        margin-left: 25%
    }
    .col-lg-offset-4 {
        margin-left: 33.33333%
    }
    .col-lg-offset-5 {
        margin-left: 41.66667%
    }
    .col-lg-offset-6 {
        margin-left: 50%
    }
    .col-lg-offset-7 {
        margin-left: 58.33333%
    }
    .col-lg-offset-8 {
        margin-left: 66.66667%
    }
    .col-lg-offset-9 {
        margin-left: 75%
    }
    .col-lg-offset-10 {
        margin-left: 83.33333%
    }
    .col-lg-offset-11 {
        margin-left: 91.66667%
    }
    .col-lg-offset-12 {
        margin-left: 100%
    }
}

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: #f5f5f5;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.breadcrumb>li {
    display: inline-block
}

.breadcrumb>li+li:before {
    content: "/ ";
    padding: 0 5px;
    color: #ccc
}

.breadcrumb>.active {
    color: #777
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.pagination>li {
    display: inline
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #27ae60;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px
}

.pagination>li:first-child>a,
.pagination>li:first-child>span {
    margin-left: 0;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px
}

.pagination>li>a:hover,
.pagination>li>a:focus,
.pagination>li>span:hover,
.pagination>li>span:focus {
    z-index: 2;
    color: #19703e;
    background-color: #eee;
    border-color: #ddd
}

.pagination>.active>a,
.pagination>.active>a:hover,
.pagination>.active>a:focus,
.pagination>.active>span,
.pagination>.active>span:hover,
.pagination>.active>span:focus {
    z-index: 3;
    color: #fff;
    background-color: #27ae60;
    border-color: #27ae60;
    cursor: default
}

.pagination>.disabled>span,
.pagination>.disabled>span:hover,
.pagination>.disabled>span:focus,
.pagination>.disabled>a,
.pagination>.disabled>a:hover,
.pagination>.disabled>a:focus {
    color: #777;
    background-color: #fff;
    border-color: #ddd;
    cursor: not-allowed
}

.pagination-lg>li>a,
.pagination-lg>li>span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33333
}

.pagination-lg>li:first-child>a,
.pagination-lg>li:first-child>span {
    -webkit-border-bottom-left-radius: 6px;
    border-bottom-left-radius: 6px;
    -webkit-border-top-left-radius: 6px;
    border-top-left-radius: 6px
}

.pagination-lg>li:last-child>a,
.pagination-lg>li:last-child>span {
    -webkit-border-bottom-right-radius: 6px;
    border-bottom-right-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    border-top-right-radius: 6px
}

.pagination-sm>li>a,
.pagination-sm>li>span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5
}

.pagination-sm>li:first-child>a,
.pagination-sm>li:first-child>span {
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px
}

.pagination-sm>li:last-child>a,
.pagination-sm>li:last-child>span {
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px
}

.embed-responsive {
    position: relative;
    display: block;
    height: 0;
    padding: 0;
    overflow: hidden
}

.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    border: 0
}

.embed-responsive-16by9 {
    padding-bottom: 56.25%
}

.embed-responsive-4by3 {
    padding-bottom: 75%
}

.modal-open {
    overflow: hidden
}

.modal {
    display: none;
    overflow: hidden;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10005;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0)
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto
}

.modal-dialog {
    position: relative;
    max-width: 450px;
    height: auto;
    margin: 30px auto
}

.modal-content {
    position: relative;
    background-color: #FFF;
    background-clip: padding-box;
    outline: 0
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10000;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 30px 30px 0 30px;
    position: relative
}

.modal-header:before,
.modal-header:after {
    content: " ";
    display: table
}

.modal-header:after {
    clear: both
}

.modal-header .close .icon-x {
    position: absolute;
    right: 23px;
    top: 23px;
    font-size: 13px;
    color: #f78f1e;
    cursor: pointer
}

@media (min-width: 560px) {
    .modal-header .close {
        position: absolute;
        right: -40px;
        top: 16px;
        cursor: pointer;
        width: 80px;
        height: 80px;
        background: #f78f1e;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        z-index: -1;
        -webkit-transition: background 200ms ease;
        transition: background 200ms ease
    }
    .modal-header .close:hover {
        background: #da7508
    }
    .modal-header .close .icon-x {
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        right: 23px;
        top: 23px;
        font-size: 13px;
        color: #FFF
    }
}

.modal-title {
    color: #253f8e;
    width: 100%;
    text-align: center;
    font-size: 20px;
    margin: 0;
    line-height: 1.42857;
    font-family: "Aller-Bold"
}

.modal-body {
    position: relative;
    padding: 30px
}

.modal-body button {
    width: 100%
}

.modal-body ul {
    margin-bottom: 30px
}

.modal-body ul li {
    color: #253f8e;
    font-size: 15px;
    line-height: 22px;
    font-family: "Aller-Light"
}

.modal-body ul li .title {
    font-family: "Aller-Bold"
}

.modal-body .people-count {
    width: 100%;
    position: relative;
    color: #253f8e;
    height: 45px;
    margin-bottom: 15px
}

.modal-body .people-count select{
  min-width: 50px;
  height: 30px;
  margin-left: 10px;
}
.modal-body .people-count .title {

}

.modal-body .price-select {
    color: #253f8e;
    display: block;
    margin-bottom: 10px
}

.modal-body .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.modal-body .select-styled {
    position: absolute;
    cursor: pointer;
    width: 30%;
    left: 160px;
    border: 1px solid #e9ebf3;
    padding: 15px;
    font-weight: 700;
    color: #000;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.modal-body .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #666 transparent transparent transparent;
    position: absolute;
    top: 20px;
    right: 15px
}

.modal-body .select-styled:active:after,
.modal-body .select-styled.active:after {
    top: 15px;
    border-color: transparent transparent #666 transparent
}

.modal-body .select-options {
    display: none;
    position: absolute;
    top: 100%;
    width: 30%;
    left: 160px;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #FFF;
    border: 1px solid #e9ebf3;
    cursor: pointer
}

.modal-body .select-options li {
    margin: 0;
    padding: 8px 0;
    text-indent: 15px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #e9ebf3;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.modal-body .select-options li:last-child {
    border-bottom: none
}

.modal-body .select-options li:hover {
    background: #FFF
}

.modal-body .select-options li[rel="hide"] {
    display: none
}

.modal-body .price {
    width: 100%;
    border: 1px solid #e5e5e5;
    height: 60px;
    margin-bottom: 10px;
    display: block;
    cursor: pointer
}

.modal-body .price.active {
    border-color: #f78f1e
}

.modal-body .price .price-tag {
    font-size: 18px;
    font-family: "Aller-Bold";
    width: 200px;
    display: block;
    padding-bottom: 4px
}

.modal-body .price .additional {
    color: #666;
    width: 120px;
    font-size: 12px;
    display: block;
    width: 200px
}

.modal-body .price:hover .inner {
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: .5
}

.modal-body .price input {
    height: 1px;
    width: 1px;
    opacity: 0
}

.modal-body .price input:checked+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.modal-body .price input:focus+.outer .inner {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    background-color: #f78f1e
}

.modal-body .price .outer {
    height: 20px;
    width: 20px;
    display: block;
    float: left;
    margin: 12px 12px 10px 10px;
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #fff
}

.modal-body .price .inner {
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
    height: 12px;
    width: 12px;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    display: block;
    margin: 3px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #f78f1e;
    opacity: 0
}

.modal-footer {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer:before,
.modal-footer:after {
    content: " ";
    display: table
}

.modal-footer:after {
    clear: both
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll
}

@media (min-width: 768px) {
    .modal-dialog {
        width: 450px;
        height: auto;
        margin: 30px auto
    }
    .modal-sm {
        width: 300px
    }
}

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

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

.clearfix:after {
    clear: both
}

.center-block {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.pull-right {
    float: right !important
}

.pull-left {
    float: left !important
}

.hide {
    display: none !important
}

.show {
    display: block !important
}

.invisible {
    visibility: hidden
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.hidden {
    display: none !important
}

.affix {
    position: fixed
}

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

@media (min-width: 992px) {
    @-ms-viewport {
        width: auto !important
    }
}

.visible-xs {
    display: none !important
}

.visible-sm {
    display: none !important
}

.visible-md {
    display: none !important
}

.visible-lg {
    display: none !important
}

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
    display: none !important
}

@media (max-width: 767px) {
    .visible-xs {
        display: block !important
    }
    table.visible-xs {
        display: table !important
    }
    tr.visible-xs {
        display: table-row !important
    }
    th.visible-xs,
    td.visible-xs {
        display: table-cell !important
    }
}

@media (max-width: 767px) {
    .visible-xs-block {
        display: block !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline {
        display: inline !important
    }
}

@media (max-width: 767px) {
    .visible-xs-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm {
        display: block !important
    }
    table.visible-sm {
        display: table !important
    }
    tr.visible-sm {
        display: table-row !important
    }
    th.visible-sm,
    td.visible-sm {
        display: table-cell !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-block {
        display: block !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline {
        display: inline !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .visible-sm-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md {
        display: block !important
    }
    table.visible-md {
        display: table !important
    }
    tr.visible-md {
        display: table-row !important
    }
    th.visible-md,
    td.visible-md {
        display: table-cell !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-block {
        display: block !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline {
        display: inline !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .visible-md-inline-block {
        display: inline-block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg {
        display: block !important
    }
    table.visible-lg {
        display: table !important
    }
    tr.visible-lg {
        display: table-row !important
    }
    th.visible-lg,
    td.visible-lg {
        display: table-cell !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-block {
        display: block !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline {
        display: inline !important
    }
}

@media (min-width: 1200px) {
    .visible-lg-inline-block {
        display: inline-block !important
    }
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hidden-sm {
        display: none !important
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .hidden-md {
        display: none !important
    }
}

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

.visible-print {
    display: none !important
}

@media print {
    .visible-print {
        display: block !important
    }
    table.visible-print {
        display: table !important
    }
    tr.visible-print {
        display: table-row !important
    }
    th.visible-print,
    td.visible-print {
        display: table-cell !important
    }
}

.visible-print-block {
    display: none !important
}

@media print {
    .visible-print-block {
        display: block !important
    }
}

.visible-print-inline {
    display: none !important
}

@media print {
    .visible-print-inline {
        display: inline !important
    }
}

.visible-print-inline-block {
    display: none !important
}

@media print {
    .visible-print-inline-block {
        display: inline-block !important
    }
}

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

@media (min-width: 992px) {
    ::-webkit-input-placeholder {
        color: #e9ebf3
    }
    :-moz-placeholder {
        color: #e9ebf3;
        opacity: 1
    }
    ::-moz-placeholder {
        color: #e9ebf3;
        opacity: 1
    }
    :-ms-input-placeholder {
        color: #e9ebf3
    }
}

.no-js {
    display: none
}

* {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

html,
body {
    height: 100%
}

body {
    font-size: 14px;
    font-family: "Aller-Regular"
}

body.home-page {
    background: #e9ebf3
}

header h2 a {
    color: #253f8e;
    font-size: 18px
}

.woocommerce-message {
    color: #253f8e;
    margin-bottom: 15px;
    font-size: 18px;
    font-family: "Aller-Bold";
    -webkit-transition: color(150ms);
    transition: color(150ms)
}

.woocommerce-message a {
    color: #f78f1e
}

.woocommerce-message a:hover {
    color: #f78f1e
}

.woocommerce-Price-amount.amount .woocommerce-Price-currencySymbol {
    display: inline
}

.h-logo .logo-v1,
.h-logo .logo-v2 {
    max-height: 90px;
    width: auto;
    height: auto;
    max-width: none
}

@media (max-width: 991px) {
    .h-logo .logo-v1,
    .h-logo .logo-v2 {
        max-height: 60px
    }
}

#tab2 .checkbox label {
    width: 100%;
    display: block;
    float: left
}

@media (max-width: 500px) {
    #tab2 .checkbox .check-label {
        padding-left: 0;
        padding-top: 10px
    }
}

.priceinfo {
    margin-left: 15px;
    background-color: #a2a1c7;
    text-align: center;
    max-width: 135px;
    width: 100%;
    color: #fff;
    height: 50px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column
}

.priceinfo .txt {
    font-family: "Aller-Light";
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 7px
}

.priceinfo .prc {
    font-family: "Aller-Bold";
    font-size: 18px;
    line-height: 18px
}

.course-list-wrap .woocommerce-Price-amount {
    font-family: "Aller-Bold";
    font-size: 9px
}

@media (max-width: 991px) {
    .win {
        -webkit-box-pack: center;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        position: absolute;
        top: 40px;
        width: 100%;
        bottom: 0;
        left: 0;
        text-align: center
    }
    .h-nav-wrap .win img {
        width: 30px;
        height: auto;
        display: inline-block !important
    }
    .h-logo span img {
        margin: 0 auto !important
    }
}

.bruk {
    position: relative
}

.bruk:after {
    content: '-';
    font-family: "Aller-Bold";
    font-size: 12px;
    position: absolute;
    line-height: 12px;
    top: 50%;
    margin-top: -6px;
    left: -2px
}

.nonbruk {
    text-align: right
}

@media (max-width: 1200px) {
    .nonbruk {
        text-align: left
    }
    .bruk:after {
        display: none
    }
}

.copyinfo {
    text-decoration: none;
    color: #253f8e;
    display: inline-block
}

.copyinfo:hover {
    color: #f78f1e
}

.check-label a {
    text-decoration: none;
    color: #253f8e;
    display: inline-block
}

.check-label a:hover {
    color: #f78f1e
}

.inf {
    margin-bottom: 25px;
    font-family: "Aller-Light";
    font-size: 14px;
    line-height: 24px;
    color: #333333
}

[class^="icon-"],
[class*=" icon-"] {
    font-family: "icons";
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    font-weight: normal;
    font-style: normal;
    speak: none;
    text-decoration: inherit;
    text-transform: none;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#sagepaydirect-cc-form .form-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 15px
}

#sagepaydirect-cc-form .form-row input {
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px);
    height: 45px;
    border: none;
    background: #e9ebf3;
    padding: 15px;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666;
    outline: none
}

#sagepaydirect-cc-form .form-row ::-webkit-input-placeholder {
    color: #cbcbcf
}

#sagepaydirect-cc-form .form-row :-ms-input-placeholder {
    color: #cbcbcf
}

#sagepaydirect-cc-form .form-row ::placeholder {
    color: #cbcbcf
}

#sagepaydirect-cc-form .form-row .select {
    width: -webkit-calc(100% - 120px);
    width: calc(100% - 120px)
}

#sagepaydirect-cc-form .form-row .select .select-styled {
    display: none
}

#sagepaydirect-cc-form .form-row .select select {
    display: block !important;
    height: 45px;
    border: none;
    background: #e9ebf3;
    padding: 0 10px;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666;
    outline: none
}

.payment_method_sagepaydirect .selectm {
    position: initial;
    border: none;
    padding: 0;
    margin: 0;
    height: auto
}

.payment_method_sagepaydirect .selectm .detail-btn {
    width: 100%;
    margin: 20px auto 5px
}

.woocommerce-checkout .woocommerce-input-wrapper ::-webkit-input-placeholder {
    visibility: hidden
}

.woocommerce-checkout .woocommerce-input-wrapper :-ms-input-placeholder {
    visibility: hidden
}

.woocommerce-checkout .woocommerce-input-wrapper ::placeholder {
    visibility: hidden
}

.testimonials {
    position: relative;
    padding-top: 20px;
    padding-bottom: 20px
}

.testimonials h2 {
    color: #f78f1e;
    font-size: 30px;
    width: 100%;
    float: left
}

@media (min-width: 480px) {
    .testimonials h2 {
        width: 50%
    }
}

.testimonials .more {
    float: right
}

@media (max-width: 480px) {
    .testimonials .more {
        display: none
    }
}

.testimonials-full {
    margin: -15px -5px
}

@media (min-width: 992px) {
    .testimonials-full {
        margin: -30px -20px
    }
}

.testimonials-full .testimonial-body {
    height: auto
}

.testimonials-full .testimonial-body .testimonial-text {
    font-family: "Aller-LightItalic";
    color: #666;
    height: auto;
    margin-bottom: 0;
    padding: 15px 10px;
    overflow: hidden;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.testimonials-wrap {
    margin: 0
}

@media (min-width: 1250px) {
    .testimonials-wrap {
        margin-left: -15px;
        margin-right: -15px
    }
}

.testimonials .testimonials-inner {
    margin-left: 5px;
    margin-right: 5px
}

.testimonials .testimonials-inner .testimonial {
    display: block
}

.testimonials-header {
    margin-bottom: 30px
}

.testimonials-header.col-xs-12 {
    padding: 0 15px
}

@media (min-width: 1250px) {
    .testimonials-header.col-xs-12 {
        padding: 0 !important
    }
}

.testimonials-footer {
    text-align: center
}

.testimonials-footer.col-xs-12 {
    padding: 0 15px
}

@media (min-width: 480px) {
    .testimonials-footer {
        display: block
    }
}

.testimonials-footer .more {
    display: inline-block;
    float: none
}

.testimonial {
    position: relative;
    margin-bottom: 40px;
    padding-left: 15px;
    padding-right: 15px
}

@media (max-width: 480px) {
    .testimonial {
        display: none
    }
    .testimonial:first-child {
        display: block
    }
}

.testimonial .a-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: 0 15px
}

.testimonial-body {
    padding: 20px;
    background-color: #FFF;
    position: relative;
    height: 185px;
    -webkit-transition: background 200ms ease;
    transition: background 200ms ease
}

.testimonial-footer {
    padding: 20px;
    background-color: #FFF;
    position: relative;
    height: 70px;
    background-color: #f4f5f9
}

.testimonial-full-header {
    padding: 20px;
    background-color: #FFF;
    position: relative;
    height: 70px;
    background-color: #f4f5f9
}

.testimonial-full-header .icon-pen {
    position: absolute;
    bottom: 3px;
    left: 35px;
    width: 70px;
    height: 33px;
    font-size: 20px;
    color: #a2a1c7
}

.testimonial:after {
    content: "";
    position: absolute;
    bottom: 50px;
    left: 80px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    line-height: 0px;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')
}

.testimonial:after {
    -webkit-transition: border-color 200ms ease;
    transition: border-color 200ms ease;
    border-color: #FFF transparent transparent transparent;
    _border-color: #FFF #000000 #000000 #000000
}

.testimonial.blue .icon-qoutes {
    color: #FFF
}

.testimonial.blue .testimonial-more .s-more,
.testimonial.blue .testimonial-more span {
    color: #FFF;
    font-family: "Aller-LightItalic"
}

.testimonial.blue .testimonial-more .s-more {
    border-bottom: 1px solid #FFF
}

.testimonial.blue .testimonial-text {
    color: #FFF;
    font-size: 18px;
    line-height: 28px
}

.testimonial.blue:hover .testimonial-more .s-more {
    border-bottom: 1px solid #f78f1e
}

.testimonial.blue .testimonial-body {
    background-color: #a2a1c7
}

.testimonial.blue:after {
    border-color: #a2a1c7 transparent transparent transparent;
    _border-color: #a2a1c7 #000 #000 #000
}

.testimonial .icon-qoutes {
    position: absolute;
    top: 0px;
    left: 10px;
    font-size: 26px;
    color: rgba(162, 161, 199, 0.5);
    -webkit-transition: color 300ms linear;
    transition: color 300ms linear
}

.testimonial .icon-pen {
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 70px;
    height: 33px;
    font-size: 20px;
    color: #a2a1c7
}

.testimonial-text {
    font-family: "Aller-LightItalic";
    margin-bottom: 20px;
    color: #666;
    padding: 15px 10px;
    height: 100px;
    overflow: hidden;
    font-size: 18px;
    line-height: 28px;
    text-align: left;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.testimonial-more {
    margin-bottom: 40px;
    text-align: left;
    padding: 0 15px
}

.testimonial-more span {
    color: #666;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.testimonial-more .s-more {
    float: right;
    color: #f78f1e;
    text-decoration: none;
    border-bottom: 1px solid #f78f1e;
    font-family: "Aller-LightItalic";
    -webkit-transition: color 150ms, border-color 250ms ease-in-out;
    transition: color 150ms, border-color 250ms ease-in-out
}

.testimonial-author {
    padding-left: 70px;
    font-size: 16px;
    line-height: 20px;
    color: #253f8e;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.testimonial-source {
    padding-left: 70px;
    font-family: "Aller-Light";
    color: #a2a1c7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.testimonial:hover .testimonial-body {
    background-color: #f78f1e
}

.testimonial:hover .testimonial-more .s-more {
    border-bottom: 1px solid transparent
}

.testimonial:hover .icon-qoutes {
    color: #FFF
}

.testimonial:hover .testimonial-text {
    color: #FFF
}

.testimonial:hover .testimonial-more span {
    color: #FFF
}

.testimonial:hover:after {
    border-color: #f78f1e transparent transparent transparent;
    _border-color: #f78f1e #000 #000 #000
}

.single-testimonial {
    display: none;
    position: relative;
    margin-bottom: 40px;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .single-testimonial {
        display: block
    }
}

.single-testimonial .a-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: 0 15px
}

.single-testimonial .testimonial-body {
    height: auto
}

.single-testimonial .testimonial-body .testimonial-text {
    margin-bottom: 0;
    height: auto
}

.single-testimonial-body {
    padding: 20px;
    background-color: #FFF;
    position: relative;
    height: 185px
}

.single-testimonial-footer {
    padding: 20px;
    background-color: #FFF;
    position: relative;
    height: 70px;
    background-color: #f4f5f9
}

.single-testimonial:after {
    content: "";
    position: absolute;
    bottom: 50px;
    left: 80px;
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 20px 0 0;
    line-height: 0px;
    _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000')
}

.single-testimonial:after {
    border-color: #FFF transparent transparent transparent;
    _border-color: #FFF #000000 #000000 #000000
}

.single-testimonial.blue {
    padding: 0 20px
}

.single-testimonial.blue .icon-qoutes {
    color: #FFF
}

.single-testimonial.blue .testimonial-more .s-more,
.single-testimonial.blue .testimonial-more span {
    color: #FFF;
    font-family: "Aller-LightItalic"
}

.single-testimonial.blue .testimonial-more .s-more {
    border-bottom: 1px solid #FFF
}

.single-testimonial.blue .testimonial-text {
    color: #FFF;
    font-size: 18px;
    line-height: 28px
}

.single-testimonial.blue:hover .testimonial-more .s-more {
    border-bottom: 1px solid #f78f1e
}

.single-testimonial.blue .testimonial-body {
    background-color: #a2a1c7
}

.single-testimonial.blue:after {
    border-color: #a2a1c7 transparent transparent transparent;
    _border-color: #a2a1c7 #000 #000 #000
}

.single-testimonial .icon-qoutes {
    position: absolute;
    top: 0px;
    left: 10px;
    font-size: 26px;
    color: rgba(162, 161, 199, 0.5)
}

.single-testimonial .icon-pen {
    position: absolute;
    bottom: 10px;
    left: 20px;
    width: 70px;
    height: 33px;
    font-size: 20px;
    color: #a2a1c7
}

.single-testimonial-text {
    font-family: "Aller-LightItalic";
    margin-bottom: 20px;
    color: #666;
    padding: 15px 10px;
    height: 100px;
    overflow: hidden;
    line-height: 26px;
    text-align: left
}

.single-testimonial-more {
    margin-bottom: 40px;
    text-align: left;
    padding: 0 15px
}

.single-testimonial-more span {
    color: #666
}

.single-testimonial-more .s-more {
    float: right;
    color: #f78f1e;
    text-decoration: none;
    border-bottom: 1px solid #f78f1e;
    font-family: "Aller-LightItalic"
}

.single-testimonial-author {
    padding-left: 70px;
    font-size: 16px;
    line-height: 20px;
    color: #253f8e;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.single-testimonial-source {
    padding-left: 70px;
    font-family: "Aller-Light";
    color: #a2a1c7;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.single-testimonial:hover .testimonial-body {
    background-color: #f78f1e
}

.single-testimonial:hover .testimonial-more .s-more {
    border-bottom: 1px solid transparent
}

.single-testimonial:hover .icon-qoutes {
    color: #FFF
}

.single-testimonial:hover .testimonial-text {
    color: #FFF
}

.single-testimonial:hover .testimonial-more span {
    color: #FFF
}

.single-testimonial:hover:after {
    border-color: #f78f1e transparent transparent transparent;
    _border-color: #f78f1e #000 #000 #000
}

.banner {
    height: 560px;
    overflow: hidden;
    position: relative;
    background-position: center;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center center
}

.banner a {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.news {
    position: relative;
    padding: 0 10px 60px 10px
}

@media (min-width: 992px) {
    .news {
        padding: 0 10px 20px 10px
    }
}

.news .news-title {
    color: #FFF;
    font-size: 30px;
    position: absolute;
    top: -73px;
    margin: 0;
    padding: 0 15px
}

@media (min-width: 1250px) {
    .news .news-title {
        padding: 0px 15px 0 0px
    }
}

.news .news-title h2 {
    padding: 19px 19px 24px 33px;
    background: #f78f1e;
    display: block
}

.news .latest-title {
    color: #253f8e;
    padding: 0 20px;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: "Aller-Bold"
}

.news-wrap {
    margin: 0
}

@media (min-width: 1250px) {
    .news-wrap {
        margin-left: -15px;
        margin-right: -15px
    }
}

.news .more {
    position: absolute;
    bottom: 0;
    right: 15px;
    z-index: 10
}

@media (min-width: 992px) {
    .news .more {
        bottom: auto;
        top: 12px
    }
}

@media (min-width: 1250px) {
    .news .more {
        right: 0px;
        top: 80px
    }
}

.news .news-inner {
    margin: 0 -5px
}

.news .news-inner .news-item {
    position: relative;
    padding: 0 15px 0px 15px;
    margin-bottom: 30px
}

@media (max-width: 992px) {
    .news .news-inner .news-item:nth-child(2),
    .news .news-inner .news-item:nth-child(3),
    .news .news-inner .news-item:nth-child(4) {
        display: block
    }
}

.news .news-inner .news-item .news-item-body {
    background-color: #FFF;
    position: relative;
    height: auto
}

@media (min-width: 768px) {
    .news .news-inner .news-item .news-item-body {
        height: 345px
    }
}

@media (min-width: 992px) {
    .news .news-inner .news-item .news-item-body {
        height: 340px
    }
}

.news .news-inner .news-item .news-item-image {
    overflow: hidden
}

@media (min-width: 992px) {
    .news .news-inner .news-item .news-item-image {
        height: 50%
    }
}

@media (min-width: 992px) {
    .news .news-inner .news-item .news-item-image img {
        height: 100%;
        width: auto
    }
}

.news .news-inner .news-item .news-item-image+.news-item-content {
    padding: 20px;
    height: 170px
}

.news .news-inner .news-item .news-item-image+.news-item-content h2 {
    position: relative;
    top: 14px;
    left: 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news .news-inner .news-item .news-item-image+.news-item-content .news-item-date {
    color: #9aade5;
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 12px
}

.news .news-inner .news-item .news-item-image+.news-item-content .news-item-text {
    margin-bottom: 10px;
    height: 55px;
    overflow: hidden;
    line-height: 17px;
    font-size: 14px;
    line-height: 18px
}

.news .news-inner .news-item .news-item-image+.news-item-content .news-item-more {
    font-size: 12px
}

.news .news-inner .news-item .news-item-image+.news-item-content .news-item-more span {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.news .news-inner .news-item .news-item-content {
    height: auto;
    padding: 30px 20px 25px 20px;
    position: relative
}

@media (min-width: 992px) {
    .news .news-inner .news-item .news-item-content {
        height: 340px
    }
}

.news .news-inner .news-item .news-item-content h2 {
    position: relative;
    top: 13px;
    left: 0px;
    color: #253f8e;
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news .news-inner .news-item .news-item-content .news-item-date {
    color: #9aade5;
    position: relative;
    top: 0px;
    left: 0px;
    font-size: 12px
}

.news .news-inner .news-item .news-item-content .news-item-text {
    margin-bottom: 10px;
    height: 220px;
    overflow: hidden;
    line-height: 24px;
    font-size: 14px;
    padding: 0
}

.news .news-inner .news-item .news-item-content .news-item-more {
    font-size: 12px
}

.news .news-inner .news-item .news-item-content .news-item-more span {
    position: absolute;
    right: 20px;
    bottom: 20px
}

.news .news-inner .news-item:nth-child(n+3) .news-item-image {
    display: block
}

.news .news-inner .news-item:nth-child(4) .news-item-content {
    background: #FFF
}

.news .news-inner h2 {
    font-family: "Aller-Light";
    text-transform: capitalize;
    position: absolute;
    top: -25%;
    left: 7%;
    color: #fff;
    font-size: 30px
}

.news .news-inner .news-item-date {
    position: absolute;
    display: block;
    top: -35%;
    left: 7%;
    color: #fff;
    font-size: 12px
}

.news .news-inner .news-item-text {
    font-family: "Aller-Light";
    margin-bottom: 40px;
    color: #8b8aa9;
    padding: 30px 40px;
    height: 155px;
    overflow: hidden;
    line-height: 26px;
    text-align: left
}

.news .news-inner .news-item-more {
    text-align: left;
    padding: 0 30px 35px 0;
    font-family: "Aller-LightItalic"
}

.news .news-inner .news-item-more span {
    color: #666
}

.news .news-inner .news-item-more .s-more {
    float: right;
    color: #496bd0;
    text-decoration: none;
    border-bottom: 1px solid #496bd0;
    -webkit-transition: color 150ms, border-color 300ms ease-in-out;
    transition: color 150ms, border-color 300ms ease-in-out
}

.news-item {
    position: relative;
    padding: 0 15px 20px 15px
}

.news-item-body {
    background-color: #FFF;
    position: relative;
    margin-bottom: 15px
}

.news-item-image img {
    width: 100%
}

.news-item-content {
    position: relative
}

.news-item-content:hover .news-item-more .s-more {
    color: #f78f1e;
    border-color: #fff
}

.news-item-content .a-link {
    position: absolute;
    display: block;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10
}

.news-item h2 {
    font-family: "Aller-Light";
    text-transform: capitalize;
    position: absolute;
    top: -25%;
    left: 7%;
    color: #fff;
    font-size: 30px
}

.news-item-date {
    position: absolute;
    display: block;
    top: -35%;
    left: 7%;
    color: #fff;
    font-size: 12px
}

.news-item-text {
    font-family: "Aller-Light";
    margin-bottom: 40px;
    color: #8b8aa9;
    padding: 30px 40px;
    height: 155px;
    overflow: hidden;
    line-height: 24px;
    text-align: left
}

.news-item-more {
    text-align: left;
    padding: 0 30px 35px 0;
    font-family: "Aller-LightItalic"
}

.news-item-more span {
    color: #666
}

.news-item-more .s-more {
    float: right;
    color: #496bd0;
    text-decoration: none;
    border-bottom: 1px solid #496bd0;
    -webkit-transition: color 150ms, border-color 300ms ease-in-out;
    transition: color 150ms, border-color 300ms ease-in-out
}

.news-item:nth-child(n+2) .news-item-image {
    height: 170px;
    overflow: hidden
}

.news-item:nth-child(n+2) .news-item-image img {
    height: 100%;
    width: auto
}

.news-item:nth-child(n+2) .news-item-content {
    height: 170px;
    position: relative
}

.news-item:nth-child(n+2) .news-item-content h2 {
    position: relative;
    top: 30px;
    left: 0px;
    padding: 0 20px;
    color: #253f8e;
    font-size: 18px;
    margin-bottom: 20px
}

.news-item:nth-child(n+2) .news-item-content .news-item-date {
    color: #9aade5;
    position: relative;
    top: 20px;
    left: 0px;
    padding: 0 20px;
    font-size: 12px
}

.news-item:nth-child(n+2) .news-item-content .news-item-text {
    margin-bottom: 10px;
    height: 73px;
    overflow: hidden;
    line-height: 18px;
    font-size: 14px;
    padding: 20px
}

.news-item:nth-child(n+2) .news-item-content .news-item-more {
    font-size: 12px;
    padding: 0px 30px 15px 0
}

.news-item:nth-child(n+2) .news-item-image {
    display: none
}

@media (min-width: 768px) {
    .news-item:nth-child(2),
    .news-item:nth-child(3) {
        padding-bottom: 0px;
        padding-top: 66px
    }
}

@media (min-width: 1200px) {
    .news-item:nth-child(2),
    .news-item:nth-child(3) {
        padding-top: 140px
    }
}

.white-content .vswyg-content {
    background: #fff
}

.white-content .vswyg-content img {
    max-width: 100%;
    height: auto
}

.white-content .vswyg-content h1,
.white-content .vswyg-content h2,
.white-content .vswyg-content h3,
.white-content .vswyg-content h4,
.white-content .vswyg-content h5,
.white-content .vswyg-content h6 {
    margin-bottom: 5px;
    color: #253f8e;
    font-family: "Aller-Bold"
}

.white-content .vswyg-content h1 {
    font-size: 24px;
    line-height: 48px
}

.white-content .vswyg-content h2 {
    font-size: 18px;
    color: #f78f1e;
    font-family: "Aller-Regular";
    line-height: 36px
}

.white-content .vswyg-content h3 {
    font-size: 14px;
    color: #253f8e;
    font-family: "Aller-Regular";
    line-height: 26px
}

.white-content .vswyg-content h4 {
    font-size: 14px;
    color: #f78f1e;
    font-family: "Aller-Regular";
    line-height: 26px
}

.white-content .vswyg-content h5 {
    font-size: 13px;
    font-family: "Aller-Regular";
    line-height: 24px
}

.white-content .vswyg-content h6 {
    font-size: 12px;
    line-height: 16px;
    font-family: "Aller-Regular"
}

.white-content .vswyg-content p {
    font-family: "Aller-Light";
    margin-bottom: 20px;
    font-size: 14px;
    line-height: 24px;
    color: #333
}

.white-content .vswyg-content a {
    color: #f78f1e;
    text-decoration: none
}

.white-content .vswyg-content .btn-orange {
    color: #fff
}

.white-content .vswyg-content ul {
    list-style: none;
    color: #333;
    padding-left: 30px;
    padding-bottom: 30px
}

.white-content .vswyg-content ul li {
    position: relative;
    font-family: "Aller-Regular";
    font-size: 14px;
    margin-bottom: 15px
}

.white-content .vswyg-content ul li:before {
    content: '\2022';
    color: #a2a1c7;
    font-size: 20px;
    position: absolute;
    left: -20px;
    top: -7px;
    font-size: 25px
}

.white-content .vswyg-content .nav {
    padding: 0 20px
}

.white-content .vswyg-content .nav:before,
.white-content .vswyg-content .nav:after {
    content: " ";
    display: table
}

.white-content .vswyg-content .nav:after {
    clear: both
}

.white-content .vswyg-content .nav .left {
    float: left
}

.white-content .vswyg-content .nav .right {
    float: right
}

.info-block {
    display: none;
    position: relative;
    overflow: hidden;
    background: #FFF;
    padding: 30px 30px 90px 30px;
    color: #666;
    font-family: "Aller-Light";
    line-height: 20px;
    font-size: 18px;
    -webkit-transition: background 200ms ease;
    transition: background 200ms ease;
    margin-bottom: 20px
}

@media (min-width: 992px) {
    .info-block {
        display: block
    }
}

.info-block a {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 20
}

.info-block .title {
    display: block;
    margin-bottom: 15px;
    font-size: 18px;
    color: #253f8e;
    font-family: "Aller-Bold";
    position: relative;
    z-index: 10;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.info-block p {
    position: relative;
    z-index: 10;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.info-block .more {
    display: block;
    font-size: 12px;
    height: 17px;
    font-family: "Aller-LightItalic";
    color: #f78f1e;
    position: absolute;
    bottom: 35px;
    right: 30px;
    border-bottom: 1px solid #f78f1e;
    z-index: 10;
    -webkit-transition: color 150ms, border-color 250ms ease-in-out;
    transition: color 150ms, border-color 250ms ease-in-out
}

.info-block .i-side {
    position: absolute;
    display: block;
    font-size: 110px;
    right: -13%;
    top: 75%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #e9ebf3;
    width: 120px;
    height: 125px;
    z-index: 5;
    -webkit-transition: opacity 150ms;
    transition: opacity 150ms
}

.info-block:hover {
    background-color: #f78f1e
}

.info-block:hover .more {
    border-bottom: 1px solid transparent
}

.info-block:hover .i-side {
    opacity: 0.2
}

.info-block:hover .title,
.info-block:hover .more,
.info-block:hover p {
    color: #FFF
}

.inner-menu {
    padding: 0 10px;
    width: 100%;
    margin-bottom: 17px
}

@media (min-width: 992px) {
    .inner-menu {
        padding: 0
    }
}

.inner-menu li {
    position: relative;
    background: #a2a1c7;
    border-bottom: 1px solid #c2c1da;
    -webkit-transition: background 150ms 50ms ease;
    transition: background 150ms 50ms ease
}

@media (min-width: 992px) {
    .inner-menu li:after {
        -webkit-transition: right 150ms ease, border-color 150ms ease;
        transition: right 150ms ease, border-color 150ms ease;
        content: "\A";
        position: absolute;
        border-top: 29px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 29px solid transparent;
        width: 0;
        top: 0;
        right: 0px
    }
}

.inner-menu li.active {
    background: #f78f1e
}

@media (min-width: 992px) {
    .inner-menu li.active:after {
        right: -10px;
        border-left: 10px solid #f78f1e
    }
}

.inner-menu li:hover {
    -webkit-transition: background 150ms ease;
    transition: background 150ms ease;
    background: #f78f1e
}

@media (min-width: 992px) {
    .inner-menu li:hover:after {
        -webkit-transition: right 150ms 150ms ease, border-color 150ms 150ms ease;
        transition: right 150ms 150ms ease, border-color 150ms 150ms ease;
        right: -10px;
        border-left: 10px solid #f78f1e
    }
}

.inner-menu li a {
    padding: 20px 30px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 18px
}

.inner-wrap {
    padding: 0px 30px;
    margin-bottom: 45px
}

.breadcrumbs {
    margin: 0 10px
}

.breadcrumbs .icon-house {
    display: inline-block;
    top: 2px;
    left: -15px;
    position: relative
}

.breadcrumbs ul {
    height: 60px;
    padding-left: 15px
}

.breadcrumbs ul li {
    line-height: 60px;
    position: relative;
    float: left;
    list-style: none
}

.breadcrumbs ul li:hover a {
    color: #253f8e
}

.breadcrumbs ul li:not(:first-child) {
    padding-left: 20px
}

.breadcrumbs ul li:not(:first-child):before {
    content: "/";
    display: block;
    position: absolute;
    left: 8px;
    color: #cbced8
}

.breadcrumbs ul li a {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none
}

.breadcrumbs ul li .current {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
    cursor: default
}

.breadcrumbs ul li.current_item {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
    cursor: default
}

.breadcrumbs ul li.current_item span {
    color: #999;
    font-size: 12px;
    font-weight: 300;
    text-decoration: none;
    cursor: default
}

.no-sidebar .breadcrumbs ul li a {
    color: #fff
}

.no-sidebar .breadcrumbs ul li a:hover {
    color: #f78f1e
}

.no-sidebar .breadcrumbs ul li .current {
    color: #fff
}

.no-sidebar .breadcrumbs ul li .current.current_item {
    color: #fff
}

.no-sidebar .breadcrumbs ul li .current.current_item span {
    color: #fff
}

.course-menu-wrap {
    margin-bottom: 40px;
    height: auto;
    padding: 0 10px
}

@media (min-width: 768px) {
    .course-menu-wrap {
        margin-bottom: 17px
    }
}

@media (min-width: 992px) {
    .course-menu-wrap {
        padding: 0
    }
}

.course-menu-wrap.on .course-menu-toggle {
    background: #a2a1c7
}

.course-menu-wrap.on .course-menu-toggle:hover {
    background: #8281b4
}

.course-menu-wrap.on .course-menu-toggle:hover .icon-menu {
    color: #6361a1
}

.course-menu-wrap.on .course-menu-toggle .icon-menu {
    color: #8281b4
}

.course-menu-wrap .course-menu-toggle {
    position: relative;
    display: block;
    padding: 20px 30px 20px 55px;
    background: #f78f1e;
    color: #FFF;
    font-size: 18px;
    font-family: "Aller-Bold";
    cursor: pointer;
    -webkit-transition: background 150ms 50ms ease;
    transition: background 150ms 50ms ease
}

.course-menu-wrap .course-menu-toggle:hover {
    background: #f38309
}

.course-menu-wrap .course-menu-toggle .icon-menu {
    font-size: 15px;
    color: #FFF;
    position: absolute;
    left: 20px;
    top: 58%;
    -webkit-transition: color 150ms ease;
    transition: color 150ms ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.course-menu-wrap .course-menu {
    display: block;
    background: #a2a1c7
}

.course-menu-wrap .course-menu .course-section {
    display: block;
    font-family: "Aller-Bold";
    font-size: 16px;
    color: #fff;
    padding: 20px
}

.course-menu-wrap .course-menu .list-menu {
    width: 100%
}

.course-menu-wrap .course-menu .list-menu li {
    position: relative;
    background: #a2a1c7;
    font-family: "Aller-Regular";
    -webkit-transition: background 150ms 50ms ease;
    transition: background 150ms 50ms ease
}

@media (min-width: 992px) {
    .course-menu-wrap .course-menu .list-menu li:after {
        -webkit-transition: right 150ms ease, border-color 150ms ease;
        transition: right 150ms ease, border-color 150ms ease;
        content: "\A";
        position: absolute;
        border-top: 29px solid transparent;
        border-left: 10px solid transparent;
        border-bottom: 29px solid transparent;
        width: 0;
        top: 0;
        right: 0px
    }
}

.course-menu-wrap .course-menu .list-menu li.active {
    background: #f78f1e
}

.course-menu-wrap .course-menu .list-menu li.active:after {
    right: -10px;
    border-left: 10px solid #f78f1e
}

.course-menu-wrap .course-menu .list-menu li.active a .icon-star {
    color: #fff
}

.course-menu-wrap .course-menu .list-menu li:hover {
    -webkit-transition: background 150ms ease;
    transition: background 150ms ease;
    background: #f78f1e
}

@media (min-width: 992px) {
    .course-menu-wrap .course-menu .list-menu li:hover:after {
        -webkit-transition: right 150ms 150ms ease, border-color 150ms 150ms ease;
        transition: right 150ms 150ms ease, border-color 150ms 150ms ease;
        right: -10px;
        border-left: 10px solid #f78f1e
    }
}

.course-menu-wrap .course-menu .list-menu li:hover a .icon-star {
    color: #fff
}

.course-menu-wrap .course-menu .list-menu li a {
    padding: 20px 30px 20px 55px;
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 18px
}

.course-menu-wrap .course-menu .list-menu li a .icon-star {
    font-size: 10px;
    color: #8281b4;
    position: absolute;
    left: 20px;
    top: 55%;
    -webkit-transition: color 150ms ease;
    transition: color 150ms ease;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.course-menu-wrap .course-menu .box-menu {
    width: 100%;
    margin-bottom: 30px;
    display: inline-block;
    padding: 0 10px
}

.course-menu-wrap .course-menu .box-menu li {
    -webkit-transition: background 150ms ease;
    transition: background 150ms ease;
    background: #6361a1;
    width: 30px;
    height: 30px;
    display: inline-block;
    margin-right: 5px;
    margin-left: 5px;
    margin-bottom: 10px;
    text-align: center
}

.course-menu-wrap .course-menu .box-menu li:hover {
    background: #f78f1e
}

.course-menu-wrap .course-menu .box-menu li.active {
    background: #f78f1e
}

.course-menu-wrap .course-menu .box-menu li a {
    color: #FFF;
    text-decoration: none;
    display: block;
    padding: 7px
}

.course {
    position: relative;
    margin-bottom: 30px;
    padding-left: 20px;
    padding-right: 20px
}

.course .a-link {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 10;
    margin: 0 15px;
    z-index: 20
}

.course-body {
    padding: 25px;
    background-color: #FFF;
    position: relative;
    height: 185px;
    -webkit-transition: background 200ms ease, color 200ms;
    transition: background 200ms ease, color 200ms;
    overflow: hidden
}

.course-footer {
    padding: 20px;
    background-color: #FFF;
    position: relative;
    height: 70px;
    background-color: #f4f5f9
}

.course-footer .icon-brochure {
    color: #a2a1c7;
    font-size: 30px
}

.course.blue .course-more .s-more,
.course.blue .course-more span {
    color: #FFF;
    font-family: "Aller-LightItalic"
}

.course.blue .course-more .s-more {
    border-bottom: 1px solid #FFF
}

.course.blue .course-text {
    color: #253f8e;
    font-size: 18px;
    line-height: 28px
}

.course.blue .course-body {
    background-color: #cbced8
}

.course.blue .course-day {
    color: #FFF
}

.course.blue:hover .course-more .s-more {
    border-bottom: 1px solid #f78f1e
}

.course.blue .icon-human-star {
    opacity: 0.2
}

.course.dark-blue .course-more .s-more,
.course.dark-blue .course-more span {
    color: #FFF;
    font-family: "Aller-LightItalic"
}

.course.dark-blue .course-more .s-more {
    border-bottom: 1px solid #FFF
}

.course.dark-blue .course-text {
    color: #FFF;
    font-size: 18px;
    line-height: 28px
}

.course.dark-blue .course-body {
    background: #3953a3
}

.course.dark-blue .course-day {
    color: #FFF
}

.course.dark-blue .icon-human-star {
    opacity: 0.2
}

.course.dark-blue:hover .course-more .s-more {
    border-bottom: 1px solid #f78f1e
}

.course .icon-human-star {
    position: absolute;
    color: #f4f5f9;
    font-size: 150px;
    z-index: 5;
    top: 50%;
    -webkit-transform: translateY(-45%);
    -ms-transform: translateY(-45%);
    transform: translateY(-45%);
    left: -80px;
    width: 200px;
    height: 160px;
    -webkit-transition: opacity 200ms;
    transition: opacity 200ms
}

.course .icon-human-star:before {
    top: 50px;
    position: absolute
}

.course-day {
    text-transform: uppercase;
    font-family: "Aller-Bold";
    color: #a2a1c7;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 26px;
    text-align: left;
    -webkit-transition: color 200ms;
    transition: color 200ms;
    font-size: 12px;
    position: relative;
    z-index: 10
}

.course-text {
    font-family: "Aller-Bold";
    color: #253f8e;
    overflow: hidden;
    line-height: 26px;
    text-align: left;
    -webkit-transition: color 200ms;
    transition: color 200ms;
    font-size: 18px;
    position: relative;
    z-index: 10
}

.course-more {
    margin-bottom: 40px;
    text-align: left;
    padding: 0 15px
}

.course-more span {
    color: #666;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.course-more .s-more {
    float: right;
    color: #f78f1e;
    text-decoration: none;
    border-bottom: 1px solid #f78f1e;
    font-family: "Aller-LightItalic";
    -webkit-transition: color 150ms, border-color 250ms ease-in-out;
    transition: color 150ms, border-color 250ms ease-in-out
}

.course-author {
    padding-left: 70px;
    font-size: 16px;
    line-height: 20px;
    color: #253f8e;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.course-source {
    position: relative;
    top: 10px;
    padding-left: 70px;
    font-family: "Aller-Bold";
    color: #f78f1e;
    text-align: right
}

.course:hover .course-body {
    background-color: #f78f1e
}

.course:hover .course-more .s-more {
    border-bottom: 1px solid transparent
}

.course:hover .icon-qoutes {
    color: #FFF
}

.course:hover .course-text {
    color: #FFF
}

.course:hover .course-day {
    color: #FFF
}

.course:hover .course-more span {
    color: #FFF
}

.course:hover .icon-human-star {
    opacity: 0.2
}

.course-sub-wrap {
    padding: 0 20px
}

.course-sub-wrap .course-sub {
    background: #a2a1c7;
    height: 50px;
    margin-bottom: 35px;
    color: #fff;
    font-family: "Aller-Bold";
    font-size: 12px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center
}

.course-list-wrap {
    padding: 0 30px;
    margin-bottom: 20px
}

.course-list-wrap.in-cart .course-item {
    background: #253f8e;
    margin-bottom: 2px;
    padding: 0
}

.course-list-wrap.in-cart .course-item.white {
    background: #FFF
}

.course-list-wrap.in-cart .course-item.blue-light {
    background: #a2a1c7
}

.course-list-wrap.in-cart .cell:first-child {
    text-align: left
}

@media (min-width: 768px) {
    .course-list-wrap.in-cart .cell {
        text-align: center
    }
}

.course-list-wrap.in-cart .total {
    background: #FFF;
    height: 80px;
    text-align: center;
    padding: 0
}

.course-list-wrap.in-cart .total .cell {
    height: 80px;
    background: #fff;
    color: #666;
    font-size: 18px
}

.course-list-wrap.in-cart .total .cell:first-child {
    padding-left: 0
}

.course-list-wrap.in-cart .total .cell .text {
    height: 80px
}

.course-list-wrap.in-cart .total .cell .large {
    color: #253f8e;
    font-size: 22px
}

.course-list-wrap.in-cart .continue {
    padding: 0;
    background: transparent;
    height: 70px
}

@media (min-width: 768px) {
    .course-list-wrap.in-cart .continue {
        height: 90px
    }
}

@media (min-width: 768px) {
    .course-list-wrap.in-cart .continue .cell.arrow {
        width: -webkit-calc(33.33333% - 27px);
        width: calc(33.33333% - 27px)
    }
}

.course-list-wrap .month {
    font-family: "Aller-Bold";
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 40px;
    color: #253f8e;
    font-size: 18px
}

.course-list-wrap .course-item-content {
    padding: 30px;
    background: #253f8e
}

.course-list-wrap .course-item {
    height: auto;
    color: #FFF;
    font-family: "Aller-Light";
    font-size: 13px;
    overflow: hidden;
    margin-bottom: 25px;
    padding: 0;
    padding-bottom: 70px;
    position: relative
}

@media (min-width: 768px) {
    .course-list-wrap .course-item {
        padding: 0px
    }
}

.course-list-wrap .course-item .item-content-padding {
    padding: 30px 20px;
    background: #253f8e
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .item-content-padding {
        padding: 0px;
        background: transparent
    }
}

.course-list-wrap .course-item .item-content-padding .cell:first-child {
    padding-bottom: 30px
}

.course-list-wrap .course-item.white .item-content-padding {
    background: #FFF
}

@media (min-width: 768px) {
    .course-list-wrap .course-item.white .item-content-padding {
        background: transparent
    }
}

.course-list-wrap .course-item.white .cell {
    background: #FFF
}

.course-list-wrap .course-item.white .cell a {
    color: #253f8e;
    text-decoration: none
}

.course-list-wrap .course-item.white .cell .text {
    color: #253f8e
}

.course-list-wrap .course-item.white .cell.arrow .text {
    color: #FFF
}

.course-list-wrap .course-item.blue-light .item-content-padding {
    background: #a2a1c7
}

@media (min-width: 768px) {
    .course-list-wrap .course-item.blue-light .item-content-padding {
        background: transparent
    }
}

.course-list-wrap .course-item.blue-light .cell {
    background: #a2a1c7
}

.course-list-wrap .course-item.blue-light .cell.arrow .text {
    color: #FFF
}

.course-list-wrap .course-item.blue-light .cell a {
    text-decoration: none;
    color: #253f8e
}

.course-list-wrap .course-item.blue-light .cell .item-title {
    color: white
}

.course-list-wrap .course-item.blue-light .cell .text {
    color: #253f8e
}

.course-list-wrap .course-item .icon-x {
    cursor: pointer;
    font-size: 8px;
    padding-top: 5px
}

.course-list-wrap .course-item .icon-human-star {
    position: absolute;
    color: #f4f5f9;
    font-size: 150px;
    z-index: 5;
    top: 80px;
    left: -80px;
    width: 200px;
    height: 160px;
    opacity: 0.1
}

@media (min-width: 768px) {
    .course-list-wrap .course-item {
        padding: 0;
        height: 90px
    }
}

.course-list-wrap .course-item .cell {
    display: table;
    table-layout: fixed;
    height: 30px;
    background: #253f8e
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell {
        padding: auto;
        height: 90px
    }
}

.course-list-wrap .course-item .cell a {
    text-decoration: none;
    color: #FFF
}

.course-list-wrap .course-item .cell .icon-pdf {
    font-size: 30px;
    padding-top: 20px
}

.course-list-wrap .course-item .cell:first-child {
    font-family: "Aller-Bold";
    text-align: center
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell:first-child {
        text-align: left;
        padding-bottom: 0px;
        padding-top: 0px;
        padding-left: 25px
    }
}

.course-list-wrap .course-item .cell.remove {
    position: absolute;
    width: 35px;
    right: 0px;
    top: 10px
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell.remove {
        position: static;
        width: 8.33333%
    }
}

.course-list-wrap .course-item .cell.arrow {
    font-family: "Aller-Bold"
}

.course-list-wrap .course-item .cell.arrow {
    font-family: "Aller-Regular";
    text-align: center;
    background: #f78f1e;
    cursor: pointer;
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0px;
    left: 0;
    font-size: 16px
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell.arrow {
        font-size: 14px;
        letter-spacing: 1px
    }
}

.course-list-wrap .course-item .cell.arrow .additional-more {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell.arrow .additional-more {
        left: 60%
    }
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell.arrow {
        position: relative;
        height: 90px
    }
}

.course-list-wrap .course-item .cell.arrow a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0
}

.course-list-wrap .course-item .cell.arrow a .text {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 18px;
    height: 20px
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell.arrow {
        width: -webkit-calc(16.66667% - 27px);
        width: calc(16.66667% - 27px)
    }
    .course-list-wrap .course-item .cell.arrow:after {
        -webkit-transition: border-color 150ms ease;
        transition: border-color 150ms ease;
        content: "\A";
        position: absolute;
        border-top: 45px solid #f78f1e;
        border-left: 27px solid #f78f1e;
        border-bottom: 45px solid #f78f1e;
        width: 0;
        top: 0;
        right: -27px
    }
}

.course-list-wrap .course-item .cell.arrow:hover:after {
    border-top: 45px solid transparent;
    border-left: 27px solid #f78f1e;
    border-bottom: 45px solid transparent
}

.course-list-wrap .course-item .cell.arrow .text {
    width: 100%
}

.course-list-wrap .course-item .cell .item-title {
    height: 30px;
    display: table-cell;
    vertical-align: middle;
    color: #a2a1c7
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell .item-title {
        display: none
    }
}

.course-list-wrap .course-item .cell .text {
    height: 30px;
    display: table-cell;
    vertical-align: middle
}

@media (min-width: 768px) {
    .course-list-wrap .course-item .cell .text {
        height: 90px
    }
}

.course-list-wrap .course-item .cell .text a {
    text-decoration: none;
    color: #FFF
}

#carousel {
    position: absolute;
    top: 50%;
    opacity: 0
}

@media (min-width: 992px) {
    #carousel {
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%)
    }
}

#carousel li {
    color: #FFF;
    font-size: 48px;
    max-width: 100%
}

.news-header {
    height: auto;
    background: #FFF
}

.news-header .news-image {
    height: 360px;
    background-position: center;
    -ms-background-size: cover;
    background-size: cover;
    background-position: center center;
    margin-bottom: 30px
}

.news-header .news-date {
    padding-left: 25px;
    color: #666;
    font-size: 14px;
    margin-bottom: 15px
}

.news-header .news-title {
    color: #253f8e;
    padding-left: 25px;
    font-size: 30px;
    font-family: "Aller-Regular";
    line-height: 35px
}

.white-content {
    background: #fff;
    padding: 15px
}

@media (min-width: 992px) {
    .white-content {
        padding: 30px
    }
}

.white-content .clients-sort {
    margin-bottom: 50px;
    text-align: left
}

@media (min-width: 480px) {
    .white-content .clients-sort {
        text-align: center
    }
}

.white-content .clients-sort li {
    list-style-type: none;
    display: block;
    margin-right: 25px;
    margin-bottom: 20px
}

@media (min-width: 480px) {
    .white-content .clients-sort li {
        display: inline-block
    }
}

.white-content .clients-sort li.active a {
    color: #f78f1e
}

.white-content .clients-sort li.active a span {
    color: #f78f1e
}

.white-content .clients-sort li a {
    -webkit-transition: color 150ms;
    transition: color 150ms;
    text-decoration: none;
    color: #253f8e;
    font-size: 14px;
    font-family: "Aller-Bold"
}

.white-content .clients-sort li a span {
    -webkit-transition: color 150ms;
    transition: color 150ms;
    color: #a2a1c7;
    font-size: 10px;
    padding-top: 5px;
    padding-right: 10px
}

.white-content .clients-sort li a:hover {
    color: #f78f1e
}

.white-content .clients-sort li a:hover span {
    color: #f78f1e
}

.white-content .clients-list-top {
    width: 100%;
    margin: 0 auto 20px
}

.white-content .clients-list-top .i-client {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .white-content .clients-list-top .i-client {
        width: 32%
    }
}

@media (min-width: 992px) {
    .white-content .clients-list-top .i-client {
        width: 19.5%
    }
}

.white-content .clients-list-top .i-client img {
    display: inline-block;
    max-width: 100%;
    height: auto
}

.white-content .clients-list {
    margin-bottom: 50px;
    text-align: left
}

.white-content .clients-list a {
    text-decoration: none;
    color: #a2a1c7;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.white-content .clients-list a:hover {
    color: #253f8e
}

.white-content .clients-list a:hover span {
    color: #253f8e
}

.white-content .clients-list li {
    list-style-type: none;
    display: block;
    margin-right: 15px;
    margin-bottom: 20px;
    text-decoration: none;
    color: #a2a1c7;
    font-size: 14px;
    font-family: "Aller-regular"
}

.white-content .clients-list li span {
    color: #a2a1c7;
    font-size: 10px;
    padding-top: 5px;
    padding-right: 0px
}

@media (min-width: 480px) {
    .white-content .clients-list li {
        display: inline-block
    }
}

.details-steps {
    width: 100%;
    height: auto;
    padding: 0 10px
}

.details-steps .step {
    position: relative;
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    text-align: center;
    padding: 0
}

.details-steps .step .max {
    display: none
}

@media (min-width: 992px) {
    .details-steps .step .max {
        display: block
    }
    .details-steps .step .min {
        display: none
    }
}

.details-steps .step.active:after {
    top: 0;
    left: 10px;
    right: -10px;
    position: absolute;
    content: "";
    height: 30px;
    border-left: none;
    border-right: 2px solid #e9ebf3;
    -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
    z-index: 15;
    background: #9999cc
}

.details-steps .step.active:before {
    top: 30px;
    left: 10px;
    right: -10px;
    position: absolute;
    content: "";
    height: 30px;
    border-left: none;
    border-right: 2px solid #e9ebf3;
    -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    z-index: 15;
    background: #9999cc
}

.details-steps .step.active a {
    background: #9999cc;
    color: #FFF
}

.details-steps .step.active:nth-child(2):after {
    background: #9999cc
}

.details-steps .step.active:nth-child(2):before {
    background: #9999cc
}

.details-steps .step.active:nth-child(2) a {
    background: #9999cc
}

.details-steps .step.active:nth-child(3):after,
.details-steps .step.active:nth-child(3):before {
    display: none
}

.details-steps .step.active:nth-child(3) a {
    background: #9999cc
}

.details-steps .step:nth-child(1) {
    z-index: 15
}

.details-steps .step:nth-child(2) {
    z-index: 10
}

.details-steps .step:nth-child(2):after {
    top: 0;
    left: 10px;
    right: -10px;
    position: absolute;
    content: "";
    height: 30px;
    border-right: 2px solid #e9ebf3;
    border-left: none;
    -webkit-transform: skew(30deg);
    -ms-transform: skew(30deg);
    transform: skew(30deg);
    z-index: 15;
    background: #C1C2DF
}

.details-steps .step:nth-child(2):before {
    top: 30px;
    left: 10px;
    right: -10px;
    position: absolute;
    content: "";
    height: 30px;
    border-right: 2px solid #e9ebf3;
    border-left: none;
    -webkit-transform: skew(-30deg);
    -ms-transform: skew(-30deg);
    transform: skew(-30deg);
    z-index: 15;
    background: #C1C2DF
}

.details-steps .step:nth-child(2) a {
    background: #C1C2DF
}

.details-steps .step:nth-child(3) {
    z-index: 5
}

.details-steps .step:nth-child(3) a {
    background: #D1D2E7
}

.details-steps .step a {
    display: block;
    color: #253f8e;
    text-decoration: none;
    position: relative;
    z-index: 20
}

.white-content {
    background: #fff;
    padding: 15px
}

@media (min-width: 992px) {
    .white-content {
        padding: 30px
    }
}

@media (min-width: 992px) {
    .contacts-wrap {
        position: absolute
    }
}

.map-wrap {
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0
}

.contact-details {
    min-height: 402px;
    padding: 25px 22px;
    background: #a2a1c7;
    color: #FFF
}

.contact-details h2 {
    font-size: 24px;
    margin-bottom: 35px
}

.contact-details p {
    margin-bottom: 35px;
    font-size: 16px;
    line-height: 24px;
    font-family: "Aller-Light"
}

.contact-details p a {
    color: #FFF;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.contact-details p a:hover {
    color: #253f8e
}

.contact-form-wrap h2 {
    font-size: 24px;
    margin-bottom: 35px;
    color: #253f8e;
    font-family: "Aller-Bold"
}

.contact-form-wrap input[type=text],
.contact-form-wrap input[type=email],
.contact-form-wrap input[type=tel] {
    height: 50px;
    border: none;
    background: #e9ebf3;
    width: 100%;
    padding: 15px;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666;
    outline: none;
    margin-bottom: 10px
}

.contact-form-wrap textarea {
    width: 100%;
    height: 230px;
    background: #e9ebf3;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666;
    border: none;
    padding: 15px;
    margin-bottom: 10px;
    resize: none;
    outline: none
}

.contact-form-wrap button {
    float: right;
    height: 50px;
    width: 100%
}

.contact-form-wrap .success,
.contact-form-wrap .error {
    padding-top: 10px;
    width: 100%;
    font-size: 14px;
    color: #253f8e;
    text-align: center;
    padding-bottom: 20px
}

@media (min-width: 992px) {
    .contact-form-wrap ::-webkit-input-placeholder {
        color: #AFAFAF
    }
    .contact-form-wrap :-moz-placeholder {
        color: #AFAFAF;
        opacity: 1
    }
    .contact-form-wrap ::-moz-placeholder {
        color: #AFAFAF;
        opacity: 1
    }
    .contact-form-wrap :-ms-input-placeholder {
        color: #AFAFAF
    }
}

.contact-map {
    width: 100%;
    height: 400px;
    margin-top: 0
}

@media (min-width: 992px) {
    .contact-map {
        height: 800px;
        margin-top: -281px
    }
}

.subscriptions {
    padding: 20px 25px;
    margin: 0 auto;
    text-align: center;
    background-color: #e9ebf3
}

.subscriptions h2 {
    color: #f78f1e;
    font-size: 36px;
    font-family: "Aller-Regular";
    margin: 20px 0;
    text-transform: uppercase
}

.subscriptions p.membership-description {
    font-family: "Aller-Light";
    font-size: 18px;
    line-height: 28px;
    color: #636262;
    padding: 15px 0
}

.subscriptions .subscription {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0
}

.subscriptions .subscription-card {
    width: -webkit-calc(50% - 20px);
    width: calc(50% - 20px);
    background-color: #3953a3;
    text-align: center;
    padding: 0px 0px 30px
}

.subscriptions .subscription-card:hover {
    background-color: #4962af;
    -webkit-transition: ease-out 0.5s;
    transition: ease-out 0.5s
}

.subscriptions .subscription-card h3 {
    color: #FFFFFF
}

.subscriptions .subscription-card button {
    height: 50px;
    width: 50%;
    outline: none
}

.subscriptions .subscription-card button a {
    text-decoration: none;
    color: inherit
}

.subscriptions .subscription-option {
    background-color: #3953a3;
    padding: 30px 0;
    margin: 0;
    border-bottom: 2px solid #4962af;
    text-transform: uppercase;
    font-size: 24px;
    font-family: "Aller-Regular";
    cursor: default
}

.subscriptions .subscription-price {
    margin: 30px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: baseline;
    -webkit-align-items: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    cursor: default
}

.subscriptions .subscription-price h3 {
    font-size: 48px
}

.subscriptions .subscription-price p {
    color: #ffffff8a;
    font-size: 12px;
    font-family: "Aller-Regular";
    letter-spacing: 0.025em
}

.subscriptions .subscription-description {
    font-weight: 100;
    font-family: sans-serif;
    font-size: 16px;
    padding-bottom: 10px
}

@media (max-width: 768px) {
    .subscription {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column
    }
    .subscription .subscription-card {
        width: 100%;
        margin-bottom: 30px
    }
}

.btn {
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 12px;
    font-size: 14px;
    line-height: 14px;
    text-decoration: none;
    min-width: 100px;
    min-height: 40px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-transition: background-color 150ms;
    transition: background-color 150ms
}

.btn:hover,
.btn:focus,
.btn.focus {
    text-decoration: none;
    outline: 0
}

.btn:active,
.btn.active {
    outline: 0;
    background-image: none;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125)
}

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
    pointer-events: none;
    opacity: .65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none
}

.btn-blue {
    color: #fff;
    background-color: #a2a1c7;
    border-color: #a2a1c7
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active {
    background-color: #8281b4;
    text-shadow: 1px 1px 0px rgba(1, 1, 1, 0.1)
}

.btn-blue:active,
.btn-blue.active {
    background-image: none
}

.btn-blue.disabled,
.btn-blue.disabled:hover,
.btn-blue.disabled:focus,
.btn-blue.disabled.focus,
.btn-blue.disabled:active,
.btn-blue.disabled.active,
.btn-blue[disabled],
.btn-blue[disabled]:hover,
.btn-blue[disabled]:focus,
.btn-blue[disabled].focus,
.btn-blue[disabled]:active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue,
fieldset[disabled] .btn-blue:hover,
fieldset[disabled] .btn-blue:focus,
fieldset[disabled] .btn-blue.focus,
fieldset[disabled] .btn-blue:active,
fieldset[disabled] .btn-blue.active {
    background-color: #a2a1c7;
    border-color: #a2a1c7
}

.btn-orange {
    color: #fff;
    background-color: #f78f1e;
    border-color: #f78f1e
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange.focus,
.btn-orange:active,
.btn-orange.active {
    background-color: #da7508;
    text-shadow: 1px 1px 0px rgba(1, 1, 1, 0.1)
}

.btn-orange:active,
.btn-orange.active {
    background-image: none
}

.btn-orange.disabled,
.btn-orange.disabled:hover,
.btn-orange.disabled:focus,
.btn-orange.disabled.focus,
.btn-orange.disabled:active,
.btn-orange.disabled.active,
.btn-orange[disabled],
.btn-orange[disabled]:hover,
.btn-orange[disabled]:focus,
.btn-orange[disabled].focus,
.btn-orange[disabled]:active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange,
fieldset[disabled] .btn-orange:hover,
fieldset[disabled] .btn-orange:focus,
fieldset[disabled] .btn-orange.focus,
fieldset[disabled] .btn-orange:active,
fieldset[disabled] .btn-orange.active {
    background-color: #f78f1e;
    border-color: #f78f1e
}

.btn-gray {
    color: #fff;
    background-color: #a1a1a1;
    border-color: #a1a1a1
}

.btn-gray:hover,
.btn-gray:focus,
.btn-gray.focus,
.btn-gray:active,
.btn-gray.active {
    background-color: #888;
    text-shadow: 1px 1px 0px rgba(1, 1, 1, 0.1)
}

.btn-gray:active,
.btn-gray.active {
    background-image: none
}

.btn-gray.disabled,
.btn-gray.disabled:hover,
.btn-gray.disabled:focus,
.btn-gray.disabled.focus,
.btn-gray.disabled:active,
.btn-gray.disabled.active,
.btn-gray[disabled],
.btn-gray[disabled]:hover,
.btn-gray[disabled]:focus,
.btn-gray[disabled].focus,
.btn-gray[disabled]:active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray,
fieldset[disabled] .btn-gray:hover,
fieldset[disabled] .btn-gray:focus,
fieldset[disabled] .btn-gray.focus,
fieldset[disabled] .btn-gray:active,
fieldset[disabled] .btn-gray.active {
    background-color: #a1a1a1;
    border-color: #a1a1a1
}

.white-content h2 {
    color: #253f8e;
    font-size: 18px;
    font-family: "Aller-Bold";
    margin-bottom: 25px;
    margin-top: 10px
}

.form {
    margin: 0 -10px 25px -10px
}

@media (min-width: 992px) {
    .form {
        margin: 0 0 25px 0
    }
}

.form .item {
    margin-bottom: 10px;
    padding: 0;
    color: #666
}

.form .item .title,
.form .item label {
    display: none;
    padding-top: 15px;
    padding-left: 0;
    font-size: 14px;
    color: #666;
    font-family: "Aller-Light";
    width: 130px
}

@media (min-width: 992px) {
    .form .item .title,
    .form .item label {
        display: block;
        float: left
    }
}

.form .item input[type=text],
.form .item input[type=email],
.form .item input[type=tel] {
    height: 45px;
    border: none;
    background: #e9ebf3;
    width: 100%;
    padding: 15px;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666;
    outline: none
}

@media (min-width: 992px) {
    .form .item input[type=text],
    .form .item input[type=email],
    .form .item input[type=tel] {
        width: 400px;
        float: right
    }
}

.form .item textarea {
    width: 100%;
    height: 180px;
    background: #e9ebf3;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666666;
    border: none;
    padding: 15px;
    margin-bottom: 10px;
    resize: none;
    outline: none
}

@media (min-width: 992px) {
    .form .item textarea {
        width: 400px;
        float: right
    }
}

.form .item .select-hidden {
    display: none;
    visibility: hidden;
    padding-right: 10px
}

.form .item .select {
    cursor: pointer;
    position: relative;
    font-size: 16px;
    color: #666;
    width: 100%;
    height: 45px;
    font-family: "Aller-Light"
}

@media (min-width: 992px) {
    .form .item .select {
        width: 400px;
        float: right
    }
}

.form .item .select-styled {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #e9ebf3;
    padding: 15px;
    -webkit-transition: all 0.2s ease-in;
    transition: all 0.2s ease-in
}

.form .item .select-styled:after {
    content: "";
    width: 0;
    height: 0;
    border: 5px solid transparent;
    border-color: #666 transparent transparent transparent;
    position: absolute;
    top: 20px;
    right: 15px
}

.form .item .select-styled:active:after,
.form .item .select-styled.active:after {
    top: 15px;
    border-color: transparent transparent #666 transparent
}

.form .item .select-options {
    display: none;
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    z-index: 999;
    margin: 0;
    padding: 0;
    list-style: none;
    background: #e9ebf3
}

.form .item .select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid #FFF;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in
}

.form .item .select-options li:hover {
    background: #FFF
}

.form .item .select-options li[rel="hide"] {
    display: none
}

.form .checkbox input {
    display: none
}

.form .checkbox .ic {
    display: inline-block;
    width: 25px;
    height: 25px;
    background: #e9ebf3;
    cursor: pointer
}

.form .checkbox .check-label {
    display: inline-block;
    color: #666;
    font-size: 14px;
    padding-left: 15px;
    cursor: pointer;
    font-family: "Aller-Light"
}

.form .checkbox i {
    width: 25px;
    height: 25px;
    padding: 11px 5px;
    font-size: 13px;
    color: #666;
    margin-right: 15px
}

.form .checkbox label i {
    font-size: 13px;
    opacity: 0
}

.form .checkbox label:hover div {
    background: #16a085
}

.form .checkbox input:checked+label i {
    opacity: 1
}

.form .detail-btn {
    height: 60px;
    width: 100%;
    font-size: 18px;
    margin-top: 10px
}

@media (min-width: 992px) {
    .form .detail-btn {
        float: right;
        width: 200px
    }
}

.pay-option .pay-method-wrap {
    height: auto;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: column-reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.pay-option .pay-method-wrap .pay-method {
    border: 2px solid #ebebeb;
    position: relative;
    margin-bottom: 15px;
    padding: 15px
}

@media (min-width: 992px) {
    .pay-option .pay-method-wrap .pay-method:nth-child(odd) {
        margin-right: 10px
    }
}

@media (min-width: 992px) {
    .pay-option .pay-method-wrap .pay-method:nth-child(even) {
        margin-left: 10px
    }
}

.pay-option .pay-method-wrap .pay-method:last-child(even) {
    margin-bottom: 0px
}

.pay-option .pay-method-wrap .pay-method a {
    display: block;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0
}

.pay-option .pay-method-wrap .pay-method a img {
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%
}

@media (min-width: 992px) {
    .pay-option .pay-method-wrap .pay-method a img {
        width: auto
    }
}

.mCustomScrollbar {
    -ms-touch-action: pinch-zoom;
    touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
    -ms-touch-action: auto;
    touch-action: auto
}

.mCustomScrollBox {
    position: relative;
    overflow: hidden;
    height: 100%;
    max-width: 100%;
    outline: none;
    direction: ltr
}

.mCSB_container {
    overflow: hidden;
    width: auto;
    height: auto
}

.mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-left: 0
}

.mCSB_scrollTools {
    position: absolute;
    width: 16px;
    height: auto;
    left: auto;
    top: 0;
    right: 0;
    bottom: 0
}

.mCSB_outside+.mCSB_scrollTools {
    right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    right: auto;
    left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
    left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
    margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
    width: 2px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
    cursor: pointer;
    width: 100%;
    height: 30px;
    z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    position: relative;
    width: 4px;
    height: 100%;
    margin: 0 auto;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 8px
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown {
    display: block;
    position: absolute;
    height: 20px;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
    bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
    margin-right: 0;
    margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
    min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    width: auto;
    height: 16px;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0
}

.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
    margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 2px;
    margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 30px;
    height: 100%;
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 8px;
    margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    display: block;
    position: absolute;
    width: 20px;
    height: 100%;
    overflow: hidden;
    margin: 0 auto;
    cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
    left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
    right: 0
}

.mCSB_container_wrapper {
    position: absolute;
    height: auto;
    width: auto;
    overflow: hidden;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin-right: 30px;
    margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
    padding-right: 30px;
    padding-bottom: 30px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
    bottom: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
    margin-right: 0;
    margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
    padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
    padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 0;
    margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
    margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail {
    -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
    transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 0;
    filter: "alpha(opacity=0)";
    -ms-filter: "alpha(opacity=0)"
}

.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=100)";
    -ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.4);
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85);
    filter: "alpha(opacity=85)";
    -ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9);
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight {
    background-image: url(mCSB_buttons.png);
    background-repeat: no-repeat;
    opacity: 0.4;
    filter: "alpha(opacity=40)";
    -ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonUp:hover,
.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover {
    opacity: 0.75;
    filter: "alpha(opacity=75)";
    -ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonUp:active,
.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active {
    opacity: 0.9;
    filter: "alpha(opacity=90)";
    -ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #f78f1e;
    background-color: rgba(247, 143, 30, 0.75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: rgba(247, 143, 30, 0.85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: rgba(247, 143, 30, 0.9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 4px;
    margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 1px;
    border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -56px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    width: 4px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 4px;
    margin: 6px 0
}

.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 6px;
    margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75);
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.1)
}

.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 2px
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%
}

.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 2px;
    margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.15)
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger {
    height: 14px
}

.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 14px;
    margin: 0 1px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 14px
}

.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 14px;
    margin: 1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    width: 16px;
    height: 16px;
    margin: -1px 0
}

.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
    height: 16px;
    width: 16px;
    margin: 0 -1px
}

.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
    background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
    background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
    background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -80px -128px
}

.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail {
    width: 4px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    background-color: transparent;
    background-position: center
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
    background-repeat: repeat-y;
    opacity: 0.3;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    height: 4px;
    margin: 6px 0;
    background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=")
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -100px -128px
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-y;
    background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    background-repeat: repeat-x;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.5)), to(rgba(255, 255, 255, 0)));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.5) 0%, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 70px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 70px
}

.mCS-3d.mCSB_scrollTools,
.mCS-3d-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 16px;
    border-radius: 16px
}

.mCS-3d.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 8px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.5), inset -1px 0 1px rgba(255, 255, 255, 0.2)
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 8px;
    margin: 4px 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.5), inset 0 -1px 1px rgba(255, 255, 255, 0.2)
}

.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    width: 100%;
    height: 8px;
    margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools {
    opacity: 1;
    filter: "alpha(opacity=30)";
    -ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    -webkit-border-radius: 7px;
    border-radius: 7px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    right: 1px
}

.mCS-3d-thick.mCSB_scrollTools_vertical,
.mCS-3d-thick-dark.mCSB_scrollTools_vertical {
    -webkit-box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 1px 0 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}

.mCS-3d-thick.mCSB_scrollTools_horizontal,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    bottom: 1px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.5)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4);
    width: 12px;
    margin: 2px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 12px;
    width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
    -webkit-box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 14px rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1), inset 0 0 14px rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.4), inset -1px 0 0 rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), inset 0 -1px 0 rgba(0, 0, 0, 0.2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
    background-color: #fff;
    background-color: rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1);
    box-shadow: inset 1px 1px 16px rgba(0, 0, 0, 0.1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    right: 0;
    margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
    bottom: 0;
    margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
    left: 0;
    right: auto
}

.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent
}

.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger {
    height: 50px
}

.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger {
    width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2);
    filter: "alpha(opacity=20)";
    -ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.5);
    filter: "alpha(opacity=50)";
    -ms-filter: "alpha(opacity=50)"
}

.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    width: 6px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}

.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px
}

.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 6px;
    margin: 5px 0
}

.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    width: 12px
}

.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
    height: 12px;
    margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    width: 12px;
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.2)
}

.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 6px;
    margin: 3px 5px;
    position: absolute;
    height: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
    height: 6px;
    margin: 5px 3px;
    position: absolute;
    width: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
    width: 100%;
    height: 12px;
    margin: 2px 0
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -32px -72px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -32px -92px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -40px -112px
}

.mCS-inset.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -40px -128px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.1)
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp {
    background-position: -112px -72px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown {
    background-position: -112px -92px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft {
    background-position: -120px -112px
}

.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight {
    background-position: -120px -128px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: transparent;
    border-width: 1px;
    border-style: solid;
    border-color: #fff;
    border-color: rgba(255, 255, 255, 0.2);
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
    border-color: #000;
    border-color: rgba(0, 0, 0, 0.2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background-color: #fff;
    background-color: rgba(255, 255, 255, 0.9)
}

.book-now-wrap {
    display: none;
    z-index: 10;
    position: fixed;
    top: 200px;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Aller-Bold";
    padding: 18px;
    text-align: center
}

.book-nows {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Aller-Bold";
    padding: 18px;
    text-align: center
}

.book-now,
.book-nows {
    cursor: pointer;
    width: 135px;
    height: 50px;
    background: #f78f1e;
    margin-bottom: 20px;
    position: relative
}

.booksingle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0 10px
}

.book-now span {
    height: 50px;
    line-height: 50px;
    display: block
}

.book-now:after {
    content: "\A";
    position: absolute;
    border-top: 25px solid transparent;
    border-left: 10px solid #f78f1e;
    border-bottom: 25px solid transparent;
    width: 0;
    top: 0;
    right: -10px
}

.pdf-now {
    width: 135px;
    height: 50px;
    background: #a2a1c7;
    position: relative
}

.pdf-now a {
    height: 50px;
    line-height: 50px;
    display: block;
    color: #fff;
    text-decoration: none
}

.pdf-now:after {
    content: "\A";
    position: absolute;
    border-top: 25px solid transparent;
    border-left: 10px solid #a2a1c7;
    border-bottom: 25px solid transparent;
    width: 0;
    top: 0;
    right: -10px
}

.searchitem {
    padding: 0 20px
}

.searchitem header a {
    text-decoration: none;
    color: #253f8e;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.searchitem header a:hover {
    color: #f78f1e
}

.searchitem .entry-summary a {
    text-decoration: none;
    color: #f78f1e
}

.searchitem .entry-summary a:hover {
    text-decoration: underline
}

.cart-empty {
    margin-bottom: 25px;
    color: #253f8e
}

.slide-it {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

.slide-it.preSlide {
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s
}

@media (min-width: 992px) {
    .slide-it.slide {
        -webkit-transform: translateX(-200px);
        -ms-transform: translateX(-200px);
        transform: translateX(-200px)
    }
}

.search {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: rgba(37, 63, 142, 0);
    z-index: 10000;
    visibility: hidden;
    text-align: center;
    -webkit-transition: background 150ms linear, visibility 0s 150ms;
    transition: background 150ms linear, visibility 0s 150ms
}

.search.on {
    visibility: visible;
    background: rgba(37, 63, 142, 0.9);
    -webkit-transition: background 150ms linear;
    transition: background 150ms linear
}

.search.on .searchbox-container {
    -webkit-transition: opacity 300ms 200ms linear;
    transition: opacity 300ms 200ms linear;
    opacity: 1
}

.search.on .search-button-close {
    -webkit-transition: opacity 300ms 200ms linear;
    transition: opacity 300ms 200ms linear;
    opacity: 1
}

.search input[type="search"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search .searchbox-container {
    margin: 10% auto 0 auto;
    height: 70px;
    display: inline-block;
    width: 50%;
    opacity: 0
}

.search .searchbutton,
.search .searchbox {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: background-color, 0.3s;
    transition: background-color, 0.3s;
    font-size: 24px;
    color: #FFF;
    -webkit-border-radius: 0;
    border-radius: 0;
    float: left;
    border: none;
    height: 70px;
    outline: none;
    background: #253f8e
}

.search .searchbutton.icon-search:before,
.search .searchbox.icon-search:before {
    position: relative;
    top: 7px
}

.search input[type="search"] {
    font-family: "Aller-Light";
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-appearance: none;
    width: -webkit-calc(100% - 70px);
    width: calc(100% - 70px)
}

.search .searchbox {
    padding: 0px 20px;
    background-color: #19317b
}

.search .searchbox:focus,
.search .searchbox:hover {
    background-color: #a2a1c7
}

.search .searchbox ::-webkit-input-placeholder,
.search .searchbox :-ms-input-placeholder,
.search .searchbox ::-webkit-input-placeholder {
    color: #FFF
}

.search .searchbox ::-webkit-input-placeholder,
.search .searchbox :-ms-input-placeholder,
.search .searchbox ::placeholder {
    color: #FFF
}

.search .searchbutton {
    width: 70px;
    padding: 0;
    text-align: center;
    border: 1px solid #FFF;
    cursor: pointer;
    font-size: 16px
}

.search .searchbutton:hover {
    color: #f78f1e
}

.search .searchbutton:active {
    color: #00355c
}

.search .searchbox::-webkit-search-cancel-button {
    display: none
}

@media (min-width: 768px) {
    .search .search-button-close {
        cursor: pointer;
        width: 75px;
        height: 75px;
        position: absolute;
        text-align: center;
        background: #f78f1e;
        right: 40px;
        opacity: 0;
        -webkit-transition: background-color 150ms;
        transition: background-color 150ms;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        transform-origin: 100% 0%
    }
    .search .search-button-close span {
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: #FFF;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: color 150ms;
        transition: color 150ms
    }
    .search .search-button-close:hover {
        background: #da7508;
        border-color: transparent
    }
}

.content-overlay {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #FFF;
    z-index: 9999;
    cursor: pointer;
    visibility: hidden;
    opacity: 0
}

.content-overlay.preOn {
    -webkit-transition: opacity 300ms linear;
    transition: opacity 300ms linear
}

@media (min-width: 992px) {
    .content-overlay.on {
        opacity: 0.5;
        visibility: visible
    }
}

.l-inner-content {
    position: relative;
    padding: 20px 25px
}

@media (min-width: 992px) {
    .l-inner-content .inner-content-wrap {
        margin-top: -300px
    }
}

@media (min-width: 1250px) {
    .l-inner-content .inner-content-wrap {
        margin-left: -15px;
        margin-right: -15px
    }
}

.l-inner-content .inner-content-wrap .add-title {
    color: #253f8e;
    padding: 0 20px;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: "Aller-Bold"
}

.h-nav-wrap {
    width: 100%;
    height: 100px;
    position: fixed;
    z-index: 9999;
    transition: background 0.2s ease-in-out;
    -webkit-transition: background 200ms ease-in-out;
    transition: background 200ms ease-in-out
}

.h-nav-wrap a {
    text-decoration: none;
    color: #FFF
}

@media (min-width: 768px) {
    .h-nav-wrap a {
        -webkit-transition: color 150ms;
        transition: color 150ms
    }
    .h-nav-wrap a:hover {
        color: #f78f1e
    }
}

.h-nav-wrap .badge-v2 {
    display: none
}

.h-nav-wrap.active {
    background: #fff;
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25)
}

.h-nav-wrap.active a {
    color: #253f8e
}

.h-nav-wrap.active a:hover {
    color: #f78f1e;
    border-color: transparent
}

.h-nav-wrap.active .h-top {
    display: none
}

@media (min-width: 992px) {
    .h-nav-wrap.active .h-top {
        display: block
    }
}

.h-nav-wrap.active .h-top span {
    color: #253f8e
}

.h-nav-wrap.active .h-top a {
    color: #f78f1e
}

.h-nav-wrap.active .h-top a:hover {
    color: #253f8e
}

.h-nav-wrap.active .h-search-button {
    border-color: rgba(37, 63, 142, 0.2)
}

.h-nav-wrap.active .h-search-button span {
    color: #253f8e
}

.h-nav-wrap.active .h-search-button:hover {
    border-color: transparent
}

.h-nav-wrap.active .h-search-button:hover span {
    color: #FFF
}

.h-nav-wrap.active .logo-v1 {
    display: none
}

.h-nav-wrap.active .logo-v2 {
    display: block
}

.h-nav-wrap.active .badge-v1 {
    display: none
}

.h-nav-wrap.active .badge-v2 {
    display: block
}

.h-nav {
    z-index: 9999
}

@media (min-width: 768px) {
    .h-nav {
        height: 100px
    }
}

.shoppcart {
    position: fixed;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    -webkit-transform: translateX(100%);
    -ms-transform: translateX(100%);
    transform: translateX(100%)
}

@media (min-width: 992px) {
    .shoppcart {
        -webkit-transform: translateX(300px);
        -ms-transform: translateX(300px);
        transform: translateX(300px);
        width: 300px
    }
}

.shoppcart.preOut {
    -webkit-transition: -webkit-transform 1s;
    transition: transform 1s
}

.shoppcart.out {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

.shoppcart.out .shoppcart-toggle {
    cursor: pointer;
    position: absolute;
    top: 15px;
    right: -20px;
    width: 70px;
    height: 70px;
    left: auto
}

.shoppcart.out .shoppcart-toggle:before {
    content: "\f111";
    font-size: 15px;
    color: #FFF;
    z-index: 10000;
    position: absolute;
    right: 50px
}

@media (min-width: 992px) {
    .shoppcart.out .shoppcart-toggle {
        left: -35px;
        right: auto
    }
    .shoppcart.out .shoppcart-toggle:before {
        content: "\f111";
        font-size: 10px;
        right: 50px;
        left: 20px;
        top: 22px
    }
}

.shoppcart-toggle {
    cursor: pointer;
    position: absolute;
    top: 15px;
    left: -55px;
    width: 70px;
    height: 70px
}

.shoppcart-toggle:before {
    font-family: "icons";
    content: "\f103";
    font-size: 20px;
    color: #f78f1e;
    position: absolute;
    top: 6px;
    left: 0px;
    line-height: 70px
}

@media (min-width: 992px) {
    .shoppcart-toggle {
        background: #f78f1e;
        -webkit-transition: background 0.3s;
        transition: background 0.3s;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        left: -35px
    }
    .shoppcart-toggle:hover {
        background: #da7508
    }
    .shoppcart-toggle:before {
        font-family: "icons";
        content: "\f103";
        font-size: 17px;
        color: #FFF;
        position: absolute;
        top: 18px;
        left: 19px;
        line-height: 70px;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
}

.shoppcart-content {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background: #253f8e;
    z-index: 15
}

.shoppcart-content .total-price {
    width: 100%;
    height: 90px;
    position: absolute;
    bottom: 70px;
    background: #6a75ad;
    color: #fff;
    font-size: 18px;
    text-align: center;
    font-family: "Aller-Light";
    line-height: 24px;
    padding-top: 20px
}

.shoppcart-content .total-price span {
    display: block
}

.shoppcart-content .total-price span .big {
    font-size: 20px;
    font-family: "Aller-Regular"
}

.shoppcart-content .booking {
    width: 100%;
    height: 70px;
    position: absolute;
    bottom: 0;
    text-transform: uppercase;
    font-size: 16px
}

.shoppcart-content .booking .booking-title {
    position: relative;
    top: 15px
}

.shoppcart-content .booking .arrow-right {
    display: inline-block;
    width: 8px;
    height: 8px;
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    position: relative;
    top: -2px;
    right: -3px
}

.shoppcart-title {
    color: #fff;
    font-size: 18px;
    width: 100%;
    height: 85px;
    background: #253f8e;
    text-align: center;
    line-height: 85px
}

.shoppcart .empty {
    padding: 30px;
    color: #FFF;
    width: 100%;
    text-align: center;
    font-size: 12px
}

.shoppcart-item-wrap {
    position: absolute;
    top: 85px;
    left: 0;
    bottom: 160px;
    right: 0;
    overflow: auto
}

.shoppcart-item {
    position: relative;
    padding: 30px 30px 45px 30px;
    border-bottom: 1px solid #1f3a8b;
    border-top: 1px solid #1f3a8b;
    color: #FFF;
    font-size: 12px;
    line-height: 20px
}

.shoppcart-item:nth-child(odd) {
    background: #324994
}

.shoppcart-item .icon-x {
    position: absolute;
    font-size: 8px;
    cursor: pointer;
    width: 20px;
    height: 20px;
    right: 30px;
    top: 32px;
    padding: 10px 5px 5px 4px
}

.shoppcart-item .icon-x:hover {
    color: #f78f1e
}

.shoppcart-item .item-body {
    width: 90%
}

.shoppcart-item .item-body h3 {
    color: #FFF;
    font-size: 16px;
    line-height: 24px;
    margin-bottom: 5px
}

.shoppcart-item .item-body .title {
    color: #a2a1c7
}

.shoppcart-item a {
    color: #fff;
    position: absolute;
    bottom: 30px;
    right: 35px;
    font-family: "Aller-LightItalic"
}

.shoppcart-item a:hover {
    color: #f78f1e
}

.l-header {
    height: auto;
    position: relative;
    padding-top: 130px;
    padding-bottom: 30%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 63, 142, 0.8)), color-stop(rgba(37, 63, 142, 0.8))), to(url(../img/bg-header.jpg));
    background: linear-gradient(rgba(37, 63, 142, 0.8), rgba(37, 63, 142, 0.8)), url(../img/bg-header.jpg);
    background-position: center;
    -ms-background-size: cover;
    background-size: cover
}

.l-header a {
    text-decoration: none;
    color: #FFF
}

@media (min-width: 768px) {
    .l-header a {
        -webkit-transition: color 150ms;
        transition: color 150ms
    }
    .l-header a:hover {
        color: #f78f1e
    }
}

@media (min-width: 992px) {
    .l-header {
        height: 100%;
        padding: 0
    }
}

a.msearch {
    display: none;
    width: 30px;
    height: 30px;
    position: fixed;
    right: 25px;
    top: 39px;
    color: #fff;
    z-index: 999999;
    text-align: center;
    cursor: pointer
}

a.msearch i {
    position: relative;
    text-decoration: none;
    font-size: 20px;
    line-height: 30px;
    color: #f78f1e;
    -webkit-transition: 0.3s;
    transition: 0.3s
}

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

a.msearch:hover {
    color: #f78f1e
}

.h-menu {
    display: none
}

@media (min-width: 768px) {
    .h-menu {
        height: 50px
    }
}

@media (min-width: 992px) {
    .h-menu {
        display: block
    }
}

.h-menu ul li a {
    font-size: 16px
}

@media (min-width: 1200px) {
    .h-menu ul li a {
        font-size: 18px
    }
}

.h-menu ul.menu {
    float: right;
    position: relative;
    z-index: 9999;
    display: none
}

@media (min-width: 992px) {
    .h-menu ul.menu {
        display: block
    }
}

.h-menu ul.menu>li {
    float: left;
    margin: 0 15px;
    vertical-align: middle;
    white-space: nowrap
}

@media (min-width: 768px) {
    .h-menu ul.menu>li {
        line-height: 50px
    }
}

.h-menu ul .menu-item-has-children:hover>.sub-menu {
    display: block
}

.h-menu ul.sub-menu {
    display: none;
    position: absolute;
    margin: 0 -11px
}

.h-menu ul.sub-menu li {
    background: rgba(162, 161, 199, 0.8);
    margin-bottom: 1px
}

.h-menu ul.sub-menu a {
    color: #fff;
    padding: 15px 20px
}

.h-menu ul.sub-menu a:hover {
    color: #f78f1e
}

.h-menu-mobile {
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s;
    margin: 0 !important;
    width: 100%;
    left: -100%;
    top: 0;
    height: 100%;
    position: fixed;
    z-index: 9999;
    background: #253f8e;
    overflow: hidden;
    padding-top: 100px
}

.h-menu-mobile .search-field {
    height: 0;
    overflow: hidden;
    background: #0d2878;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s
}

.h-menu-mobile .search-field input {
    width: 100%;
    height: 62px;
    background: none;
    color: #fff;
    border: none;
    padding: 0 25px;
    line-height: 62px
}

.h-menu-mobile .search-field input::-moz-placeholder {
    color: rgba(255, 255, 255, 0.5);
    opacity: 1
}

.h-menu-mobile .search-field input:-ms-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.h-menu-mobile .search-field input::-webkit-input-placeholder {
    color: rgba(255, 255, 255, 0.5)
}

.h-menu-mobile .search-field button {
    display: none
}

.h-menu-mobile ul {
    float: left
}

.h-menu-mobile ul li {
    width: 100%;
    float: left;
    padding-left: 45px;
    margin-left: 0 !important;
    position: relative
}

.h-menu-mobile ul li:before {
    content: "";
    display: block;
    position: absolute;
    width: 5px;
    height: 5px;
    left: 25px;
    top: 25px;
    border: 2px solid transparent;
    border-right-color: #fff;
    border-top-color: #fff;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.h-menu-mobile ul li a {
    font-size: 18px;
    line-height: 60px;
    color: #fff;
    text-decoration: none;
    -webkit-transition: color, 0.3s;
    transition: color, 0.3s
}

.h-menu-mobile ul li a:hover {
    color: #f78f1e
}

.h-menu-mobile ul li.current-menu-item:before,
.h-menu-mobile ul li.current-menu-parent:before {
    border-right-color: #f78f1e;
    border-top-color: #f78f1e
}

.h-menu-mobile ul li.current-menu-item a,
.h-menu-mobile ul li.current-menu-parent a {
    color: #f78f1e
}

.h-menu-mobile ul li.current-menu-parent:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right-color: #f78f1e;
    border-top-color: #f78f1e
}

.h-menu-mobile ul li.current-menu-parent.open {
    height: auto
}

.h-menu-mobile ul.menu>li {
    float: left;
    margin: 0 15px;
    vertical-align: middle;
    white-space: nowrap
}

@media (min-width: 768px) {
    .h-menu-mobile ul.menu>li {
        line-height: 50px
    }
}

.h-menu-mobile ul.menu>li.open:before {
    -webkit-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    transform: rotate(135deg);
    border-right-color: #f78f1e;
    border-top-color: #f78f1e
}

.h-menu-mobile ul.menu>li.open>a {
    color: #f78f1e
}

.h-menu-mobile ul.menu>li:hover:before {
    border-right-color: #f78f1e;
    border-top-color: #f78f1e
}

.h-menu-mobile ul.sub-menu {
    display: block;
    width: 100%;
    overflow: hidden;
    height: 0;
    float: left;
    margin-top: -15px;
    -webkit-transition: all, 0.5s;
    transition: all, 0.5s
}

.h-menu-mobile ul.sub-menu li {
    padding-left: 15px;
    float: left
}

.h-menu-mobile ul.sub-menu li:hover:before {
    border-right-color: #f78f1e;
    border-top-color: #f78f1e
}

.h-menu-mobile ul.sub-menu li:before {
    width: 3px;
    height: 3px;
    left: 0;
    top: 22px;
    border-width: 1px
}

.h-menu-mobile ul.sub-menu li a {
    font-size: 16px;
    line-height: 45px
}

.h-menu-mobile.open {
    overflow-y: auto;
    left: 0
}

.h-mobileNav {
    position: absolute;
    left: 25px;
    top: 39px;
    width: 30px;
    height: 23px;
    display: block;
    cursor: pointer;
    z-index: 999999
}

.h-mobileNav span {
    width: 30px;
    height: 3px;
    background: #f78f1e;
    display: block;
    -webkit-transform-origin: left;
    -ms-transform-origin: left;
    transform-origin: left;
    -webkit-transition: all, 0.3s;
    transition: all, 0.3s
}

.h-mobileNav span:nth-child(2) {
    margin: 7px 0
}

.h-mobileNav.open span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.h-mobileNav.open span:nth-child(2) {
    opacity: 0
}

.h-mobileNav.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.h-logo {
    height: 100%;
    text-align: center;
    padding: 0;
    z-index: 999999
}

@media (max-width: 991px) {
    .h-logo {
        width: 80%;
        margin: 0 auto;
        float: none
    }
}

.h-logo span {
    display: block;
    width: 130px;
    margin: 0 auto
}

.h-logo span img {
    margin-top: 20px
}

.h-logo .logo-v1,
.h-logo .logo-v2 {
    display: block;
    max-width: 180px;
    width: 100%;
    height: auto
}

.h-logo .logo-v2 {
    display: none
}

@media (min-width: 992px) {
    .h-logo span {
        vertical-align: middle;
        width: auto;
        margin: 0;
        padding-top: 0
    }
    .h-logo span img {
        margin-top: 0
    }
}

.h-top {
    font-size: 14px;
    color: #FFF;
    text-align: right;
    display: none
}

.h-top a {
    color: #f78f1e
}

.h-top a:hover {
    color: #fff
}

@media (min-width: 768px) {
    .h-top {
        height: 50px;
        padding-right: 50px
    }
}

@media (min-width: 992px) {
    .h-top {
        display: block
    }
}

.h-call-us,
.h-write-us,
.h-search-button {
    font-family: "Aller-Bold";
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px
}

@media (min-width: 768px) {
    .h-call-us,
    .h-write-us,
    .h-search-button {
        line-height: 50px
    }
}

.h-call-us span,
.h-write-us span,
.h-search-button span {
    color: #fff
}

@media (min-width: 768px) {
    .h-search-button {
        cursor: pointer;
        width: 75px;
        height: 75px;
        position: relative;
        text-align: center;
        -webkit-transition: background-color 150ms;
        transition: background-color 150ms;
        border: 1px solid #fff;
        -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        -webkit-transform-origin: 100% 0%;
        -ms-transform-origin: 100% 0%;
        transform-origin: 100% 0%
    }
    .h-search-button span {
        position: absolute;
        bottom: 10px;
        right: 10px;
        color: #FFF;
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: color 150ms;
        transition: color 150ms
    }
    .h-search-button:hover {
        background: #f78f1e;
        border-color: transparent
    }
}

.h-title {
    display: none;
    position: absolute;
    top: 100px;
    left: 0;
    height: 40%;
    width: 100%
}

.h-title .container {
    height: 100%;
    display: table
}

@media (max-width: 992px) {
    .h-title .container {
        width: 90%;
        margin: 0 auto
    }
}

.h-title .container .row {
    height: 100%;
    display: table;
    width: 100%;
    margin: 0
}

.h-title h1 {
    color: #FFF;
    font-size: 48px;
    font-family: "Aller-Light";
    display: table-cell;
    vertical-align: middle
}

@media (max-width: 992px) {
    .h-title {
        display: none
    }
}

.h-triangles {
    position: relative;
    left: 10px;
    width: 100%;
    height: auto;
    margin-top: -30%;
    background-image: url(../img/bg-triangle.png);
    background-repeat: no-repeat;
    background-position: top center
}

@media (min-width: 992px) {
    .h-triangles {
        height: 300px;
        margin-top: -300px;
        background-size: 100% 100%;
        bottom: 0;
        margin-bottom: 130px
    }
}

@media (min-width: 1500px) {
    .h-triangles {
        height: 430px;
        margin-top: -430px;
        margin-bottom: 0;
        background-size: 100% 100%;
        bottom: 0
    }
}

.triangle-wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 23px;
    left: 0;
    background-image: url(../img/bg-triangle-sides.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    -webkit-transition: background 200ms linear;
    transition: background 200ms linear
}

.triangle-wrap.on-left {
    background-image: url(../img/bg-triangle-sides-left.png);
    cursor: pointer
}

.triangle-wrap.on-left+.container {
    cursor: pointer
}

.triangle-wrap.on-right {
    background-image: url(../img/bg-triangle-sides-right.png);
    cursor: pointer
}

.h-pa-left,
.h-pa-right {
    color: #FFF;
    width: 30%;
    text-align: center;
    padding-top: 15px;
    position: relative;
    z-index: 10
}

.h-pa-left h2,
.h-pa-right h2 {
    font-size: 30px;
    margin-bottom: 15px
}

.h-pa-left p,
.h-pa-right p {
    font-size: 14px;
    line-height: 24px;
    font-family: "Aller-Light";
    margin-bottom: 15px
}

.h-pa-left a,
.h-pa-right a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-family: "Aller-LightItalic";
    border-bottom: 1px solid #f78f1e
}

.h-pa-left a:hover,
.h-pa-right a:hover {
    color: #253f8e
}

@media (min-width: 1200px) {
    .h-pa-left,
    .h-pa-right {
        padding-top: 30px;
        width: 25%
    }
}

.h-pa-left {
    cursor: pointer;
    float: left
}

.h-pa-right {
    cursor: pointer;
    float: right
}

.mob-marg {
    margin: 0 10px
}

.h-mob-pa-left,
.h-mob-pa-right {
    color: #FFF;
    text-align: center;
    padding: 25px;
    position: relative;
    z-index: 10;
    background: rgba(255, 255, 255, 0.2);
    margin-bottom: 25px
}

.h-mob-pa-left h2,
.h-mob-pa-right h2 {
    font-size: 24px;
    margin-bottom: 15px
}

.h-mob-pa-left p,
.h-mob-pa-right p {
    font-size: 14px;
    line-height: 24px;
    font-family: "Aller-Light";
    margin-bottom: 15px
}

.h-mob-pa-left a,
.h-mob-pa-right a {
    font-size: 14px;
    font-family: "Aller-LightItalic";
    border-bottom: 1px solid #f78f1e;
    text-decoration: none;
    color: #fff
}

.h-mob-pa-left a:hover,
.h-mob-pa-right a:hover {
    color: #253f8e
}

@media (min-width: 768px) {
    .h-mob-pa-left {
        margin-right: 12px;
        width: 48%
    }
}

@media (min-width: 768px) {
    .h-mob-pa-right {
        margin-left: 12px;
        width: 48%
    }
}

.h-clients {
    position: relative;
    width: 80%;
    margin: 65px auto 25px auto;
    text-align: center
}

@media (min-width: 992px) {
    .h-clients {
        width: 100%
    }
}

.h-clients h2 {
    color: #f78f1e;
    width: 100%;
    margin: 25px auto 20px;
    font-size: 24px
}

@media (min-width: 992px) {
    .h-clients h2 {
        width: 20%;
        font-size: 30px;
        margin: 0 auto 20px
    }
}

.h-clients p {
    color: #253f8e;
    font-size: 18px;
    font-family: "Aller-Light";
    line-height: 30px;
    margin: 0 auto 20px;
    max-width: 350px
}

.h-clients p span {
    color: #f78f1e
}

.h-clients-row1,
.h-clients-row2 {
    text-align: center;
    margin: 0 auto 20px
}

@media (min-width: 768px) {
    .h-clients-row1,
    .h-clients-row2 {
        white-space: nowrap
    }
}

.h-clients-row1 a,
.h-clients-row1 span,
.h-clients-row2 a,
.h-clients-row2 span {
    display: inline-block
}

.h-clients-row1 {
    width: 100%
}

@media (min-width: 992px) {
    .h-clients-row1 {
        width: 65%;
        max-width: 800px
    }
}

.h-clients-row1 a,
.h-clients-row1 span {
    width: 49%;
    margin-bottom: 15px
}

@media (min-width: 768px) {
    .h-clients-row1 a,
    .h-clients-row1 span {
        margin-bottom: 0px;
        width: 25%
    }
}

.h-clients-row2 {
    width: 85%;
    max-width: 1200px
}

.h-clients-row2 a,
.h-clients-row2 span {
    width: 16.66666666%
}

.h-clients img {
    display: inline-block;
    max-width: 100%;
    height: auto;
    -webkit-transition: -webkit-box-shadow 250ms;
    transition: box-shadow 250ms
}

.l-inner-header {
    height: auto;
    position: relative;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(37, 63, 142, 0.8)), color-stop(rgba(37, 63, 142, 0.8))), to(url(../img/bg-inner-headerv1.jpg));
    background: linear-gradient(rgba(37, 63, 142, 0.8), rgba(37, 63, 142, 0.8)), url(../img/bg-inner-headerv1.jpg);
    background-position: center;
    -ms-background-size: cover;
    background-size: cover
}

@media (min-width: 992px) {
    .l-inner-header {
        height: 550px
    }
}

.h-inner-title {
    min-height: 270px;
    overflow-x: hidden
}

@media (min-width: 992px) {
    .h-inner-title {
        position: absolute;
        top: 60px;
        left: 0;
        height: 40%;
        width: 100%
    }
}

.h-inner-title .container {
    height: 100%;
    display: table
}

.h-inner-title .container .row {
    height: 100%;
    display: table;
    width: 100%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.h-inner-title h1 {
    color: #FFF;
    font-size: 48px;
    font-family: "Aller-Light";
    margin-top: 120px;
    margin-bottom: 60px
}

@media (min-width: 992px) {
    .h-inner-title h1 {
        margin-top: 0;
        margin-bottom: 15px
    }
}

.h-inner-title p {
    font-size: 14px;
    padding: 30px 160px 0 160px;
    line-height: 26px;
    font-family: "Aller-Light";
    color: #fff;
    background: #e9ebf3;
    color: grey;
    margin: 0px -150px;
    font-size: 14px
}

@media (min-width: 992px) {
    .h-inner-title p {
        padding: 0 25px;
        margin: 0;
        line-height: 26px;
        font-family: "Aller-Light";
        color: #fff;
        background: transparent
    }
}

.h-inner-skew-bottom {
    position: absolute;
    bottom: 0;
    height: 280px;
    width: 100%;
    left: 0px;
    overflow: hidden;
}

.h-inner-skew-bottom .skew-left {
    height: 280px;
    background-image: url(../img/bg-h-inner-triangle.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    width: -webkit-calc((100vw - 1170px) /2 + 300px);
    width: calc((100vw - 1170px) /2 + 300px);
    position: absolute;
    left: 0
}

.h-inner-skew-bottom .skew-right {
    position: absolute;

    background: #e9ebf3;
    height: 280px;
left: calc((100vw - 1170px) / 2 + 300px);
  width: 100vw;
}

.l-inner-contact-header {
    position: relative;
    z-index: 20;
    background-image: url(../img/content/background-contact-mobile.jpg);
    background-position: center;
    -ms-background-size: cover;
    background-size: cover
}

.l-inner-contact-header p {
    padding-bottom: 30px
}

@media (min-width: 992px) {
    .l-inner-contact-header {
        background-image: url(../img/content/background2.png);
        height: 550px
    }
}

.h-inner-title {
    min-height: 270px;
    overflow-x: hidden
}

@media (min-width: 992px) {
    .h-inner-title {
        position: absolute;
        top: 60px;
        left: 0;
        height: 40%;
        width: 100%
    }
}

.h-inner-title .container {
    height: 100%;
    display: table
}

.h-inner-title .container .row {
    height: 100%;
    display: table;
    width: 100%;
    margin: 0;
    display: table-cell;
    vertical-align: middle;
    text-align: center
}

.h-inner-title h1 {
    color: #FFF;
    font-size: 48px;
    font-family: "Aller-Light";
    margin-top: 120px;
    margin-bottom: 60px
}

@media (min-width: 992px) {
    .h-inner-title h1 {
        margin-top: 0;
        margin-bottom: 15px
    }
}

.h-inner-title p {
    font-size: 14px;
    padding: 30px 160px 0 160px;
    line-height: 26px;
    font-family: "Aller-Light";
    color: #fff;
    background: #e9ebf3;
    color: grey;
    margin: 0px -150px;
    font-size: 14px
}

@media (min-width: 992px) {
    .h-inner-title p {
        padding: 0 25px;
        margin: 0;
        line-height: 26px;
        font-family: "Aller-Light";
        color: #fff;
        background: transparent
    }
}

.h-inner-skew-bottom {
    position: absolute;
    bottom: 0;
    height: 280px;
    width: 100%;
    left: 0px;
    overflow: hidden;
}

.h-inner-skew-bottom .skew-left {
    height: 280px;
    background-image: url(../img/bg-h-inner-triangle.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% 100%;
    width: -webkit-calc((100vw - 1170px) /2 + 300px);
    width: calc((100vw - 1170px) /2 + 300px);
    position: absolute;
    left: 0
}

.h-inner-skew-bottom .skew-right {
    position: absolute;
    background: #e9ebf3;
    height: 280px;
left: calc((100vw - 1170px) / 2 + 300px);
  width: 100vw;
}

.l-main {
    background-color: #e9ebf3;
    padding-bottom: 135px
}

@media (min-width: 480px) {
    .l-main {
        padding-bottom: 40px
    }
}

@media (min-width: 992px) {
    .l-main {
        padding-bottom: 0
    }
}

.l-main.contacts {
    padding-bottom: 0;
    background: transparent;
    z-index: 30;
    position: relative
}

.l-main.contacts .l-inner-content {
    padding: 0 25px
}

@media (min-width: 992px) {
    .l-main.contacts .l-inner-content .inner-content-wrap {
        margin-top: -281px
    }
}

.l-footer {
    height: auto;
    background: #253f8e;
    position: relative
}

.l-footer .f {
    position: relative;
    z-index: 15;
    padding-top: 65px;
    padding-bottom: 50px
}

.l-footer .f.container {
    padding-bottom: 0
}

.l-footer .f #toTop {
    display: none;
    position: absolute;
    top: 25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 30px;
    height: 30px;
    z-index: 10
}

@media (min-width: 480px) {
    .l-footer .f #toTop {
        display: block
    }
}

.l-footer .f #toTop #toTopArrow {
    display: block;
    position: absolute;
    left: 10px;
    top: 10px;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transition: all, 0.3s;
    transition: all, 0.3s
}

.l-footer .f #toTop:hover #toTopArrow {
    top: 5px
}

.l-footer .f-triangles {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: 0;
    background-image: url(../img/bg-f-triangle.png);
    background-repeat: no-repeat;
    background-position: top right;
    background-size: 100%
}

@media (min-width: 480px) {
    .l-footer .f-triangles {
        left: 50%;
        right: 0
    }
}

.l-footer .f-wrap {
    margin: 0;
    position: relative
}

@media (min-width: 1250px) {
    .l-footer .f-wrap {
        margin-left: -15px;
        margin-right: -15px
    }
}

.l-footer .f h3 {
    font-family: "Aller-Light";
    color: #f78f1e;
    font-size: 18px;
    margin-bottom: 18px
}

.l-footer .f p,
.l-footer .f a {
    font-family: "Aller-Light";
    color: #fff;
    font-size: 14px;
    margin-bottom: 18px;
    line-height: 18px
}

.l-footer .f a {
    text-decoration: none;
    margin-bottom: 18px;
    display: block
}

.l-footer .f a .email:hover {
    color: #f78f1e;
    text-decoration: underline
}

.l-footer .f-item {
    padding: 0 15px
}

.l-footer .f .f-menu {
    font-family: "Aller-Light"
}

@media (max-width: 992px) {
    .l-footer .f .f-menu {
        display: none
    }
}

.l-footer .f .f-menu ul {
    list-style: none;
    padding-lefT: 20px
}

.l-footer .f .f-menu ul li {
    margin-bottom: 10px
}

.l-footer .f .f-menu ul li:before {
    content: "";
    border-color: transparent #f78f1e;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    display: block;
    height: 0;
    width: 0;
    left: -20px;
    top: 10px;
    position: relative
}

.l-footer .f .f-menu ul li a {
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    -webkit-transition: color 150ms;
    transition: color 150ms
}

.l-footer .f .f-menu ul li a:hover {
    color: #f78f1e
}

.l-footer .f .f-follow {
    margin-bottom: 40px
}

@media (min-width: 992px) {
    .l-footer .f .f-follow {
        padding-bottom: 140px;
        margin-bottom: 0
    }
}

@media (min-width: 1200px) {
    .l-footer .f .f-follow {
        padding-top: 165px
    }
}

.l-footer .f .f-follow-item {
    text-decoration: none;
    color: #FFF;
    width: 64px;
    height: 51px;
    float: left;
    cursor: pointer;
    position: relative;
    -webkit-transition: background 150ms;
    transition: background 150ms
}

@media (min-width: 992px) {
    .l-footer .f .f-follow-item {
        margin-top: 35px
    }
}

@media (min-width: 1200px) {
    .l-footer .f .f-follow-item {
        margin-top: 0
    }
}

.l-footer .f .f-follow-item.in {
    background: #117bb8
}

.l-footer .f .f-follow-item.in:hover {
    background: #159ae7
}

.l-footer .f .f-follow-item.fb {
    background: #507cbe
}

.l-footer .f .f-follow-item.fb:hover {
    background: #7598cc
}

.l-footer .f .f-follow-item.tw {
    background: #63cdf1
}

.l-footer .f .f-follow-item.tw:hover {
    background: #92dcf5
}

.l-footer .f .f-follow-item .icon {
    position: absolute;
    top: 60%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.l-footer .f .f-newsletter {
    margin-top: -130px;
    margin-bottom: 40px
}

.l-footer .f .f-newsletter p {
    color: #666
}

.l-footer .f .f-newsletter .newsletter-input {
    height: 50px;
    width: 100%;
    border: none;
    padding: 15px;
    outline: none
}

.l-footer .f .f-newsletter .newsletter-input::-webkit-input-placeholder {
    color: #666
}

.l-footer .f .f-newsletter .newsletter-input:-moz-placeholder {
    color: #666
}

.l-footer .f .f-newsletter .newsletter-input::-moz-placeholder {
    color: #666
}

.l-footer .f .f-newsletter .newsletter-input::-ms-input-placeholder {
    color: #666
}

.l-footer .f .f-newsletter .newsletter-submit {
    width: 100%;
    height: 50px
}

@media (min-width: 480px) {
    .l-footer .f .f-newsletter {
        margin-top: 0;
        margin-bottom: 40px
    }
    .l-footer .f .f-newsletter p {
        color: #fff
    }
}

@media (min-width: 1200px) {
    .l-footer .f .f-newsletter p {
        color: #666
    }
}

.l-footer .copyright {
    padding-top: 40px
}

@media (min-width: 768px) {
    .l-footer .copyright {
        padding-top: 0
    }
}

.l-footer .copyright div {
    text-align: center
}

@media (min-width: 768px) {
    .l-footer .copyright div {
        text-align: left
    }
    .l-footer .copyright div:last-child {
        text-align: right
    }
}

.l-footer .copyright .touched p {
    color: rgba(255, 255, 255, 0.2)
}

.l-footer .copyright p {
    color: #fff;
    font-size: 12px
}

.l-footer .copyright p a {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.2);
    text-decoration: none;
    -webkit-transition: color, 0.3s;
    transition: color, 0.3s;
    display: inline-block
}

.l-footer .copyright p a:hover {
    color: rgba(255, 255, 255, 0.6)
}

.cookie-pop {
    background: #253f8e;
    padding: 25px 70px;
    width: 100%;
    color: #fff;
    position: fixed;
    bottom: 0;
    z-index: 9999;
    text-align: center;
    font-size: 14px;
    line-height: 20px;
    font-family: "Aller-Light";
    display: none
}

.cookie-pop .shoe {
    display: block
}

.cookie-pop a {
    -webkit-transition: colore 150ms ease-in-out;
    transition: colore 150ms ease-in-out;
    color: #fff
}

.cookie-pop a:hover {
    color: #f78f1e
}

.cookie-pop .close-cookie {
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    width: 25px;
    height: 25px
}

.cookie-pop .close-cookie .icon-x {
    color: #f78f1e;
    display: block;
    margin-top: 10px
}

.newsletter-pop {
    position: fixed;
    z-index: 999999;
    top: 200px;
    right: 15px;
    background: #253f8e;
    padding: 10px;
    -webkit-transition: -webkit-transform 500ms ease-in-out;
    transition: transform 500ms ease-in-out;
    -webkit-transform: translateX(110%);
    -ms-transform: translateX(110%);
    transform: translateX(110%)
}

.newsletter-pop.out {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%)
}

.newsletter-pop .newsletter-close {
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 20px;
    height: 20px;
    text-align: center
}

.newsletter-pop .newsletter-close .icon-x {
    font-size: 10px;
    color: #f78f1e;
    margin-top: 10px
}

.newsletter-pop h3 {
    font-family: "Aller-Light";
    color: #f78f1e;
    font-size: 18px;
    margin-bottom: 18px
}

.newsletter-pop p {
    color: #fff;
    margin-bottom: 18px
}

.newsletter-pop .newsletter-input {
    height: 50px;
    width: 100%;
    border: none;
    padding: 15px;
    outline: none
}

.newsletter-pop .newsletter-input::-webkit-input-placeholder {
    color: #666
}

.newsletter-pop .newsletter-input:-moz-placeholder {
    color: #666
}

.newsletter-pop .newsletter-input::-moz-placeholder {
    color: #666
}

.newsletter-pop .newsletter-input::-ms-input-placeholder {
    color: #666
}

.newsletter-pop .newsletter-submit {
    width: 100%;
    height: 50px
}

@media (min-width: 480px) {
    .newsletter-pop {
        margin-top: 0;
        margin-bottom: 40px
    }
    .newsletter-pop p {
        color: #fff
    }
}

@media (min-width: 1200px) {
    .newsletter-pop p {
        color: #fff
    }
}
body.woocommerce-checkout .woocommerce-checkout{
    background:#fff;
    padding:20px;
}

body.woocommerce-checkout .woocommerce-checkout h3{
    font-weight:600;
    font-size:24px;
    margin-bottom:30px;
}
body.woocommerce-checkout .woocommerce-checkout .form-row{
    display: flex;
    flex-direction: column;
}
.checkout input[type=text], .checkoutwc_payment_method input[type=email], .checkout input[type=tel], .checkout input[type=email] {
    height: 45px;
    border: none;
    background: #e9ebf3;
    max-width:320px;
    min-width:320px;
    padding: 15px;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666;
    outline: none;
    margin-bottom:20px;
}

body.woocommerce-checkout .woocommerce-checkout .select-styled{
     height: 45px;
    border: none;
    background: #e9ebf3;
    max-width:320px;
    min-width:320px;
    padding: 15px;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666;
    outline: none;
    margin-bottom:20px;
}
#billing_country_field span.select2-container--default{
    display:none;
}
#billing_country_field .select-options {
    display: none;
    border: 2px solid #f9f9f9;
    border-radius: 8px;
}





#billing_country_field .select-options li {
    margin: 0;
    padding: 12px 0;
    text-indent: 15px;
    border-top: 1px solid #FFF;
    -webkit-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    cursor:pointer;
}

#billing_country_field .select-options li:hover {
    background: #cbd8ff;
}

#billing_country_field .select-options li[rel="hide"] {
    display: none
}
#textnote_field,#order_comments_field{
    display:none;
}

.woocommerce-notices-wrapper .woocommerce-error{
    background: #fff;
    padding: 20px;
    font-weight: 700;
    margin-bottom: 10px;
}
body.woocommerce-checkout .form-row label{
    margin-bottom: 5px;
}

.wc-payment-form .select-options{
    display:none;
}
.woocommerce-checkout-review-order .wc_payment_methods{
    margin-top:40px;
    margin-bottom:20px;
    background: #e9ebf3;
    padding:10px;
    border:1px solid #666;
    border-radius:6px;

}
.woocommerce-checkout-payment{
    margin-top:40px;
}
.woocommerce-checkout-review-order .wc_payment_methods .wc_payment_method li label{
    font-size:18px;
    font-weight:700;
    margin-bottom:10px;
}


input::placeholder {
    font-weight: bold;
    opacity: .5;
    color: red;
}

#order_review_heading{
    margin-top:40px;
}
#order_review .woocommerce-checkout-review-order-table{
    width:100%;
}


#sagepaydirect-cc-form .form-row .select select {
    display: block !important;
    height: 45px;
    border: none;
    width:250px;
    background: #ffffff;
    padding: 0 10px;
    font-family: "Aller-Light";
    font-size: 14px;
    color: #666;
    outline: none;
}

#sagepaydirect-cc-form .form-row input {
    width:100%;
    height: 45px;
    border: none;
    background: #ffffff;
}

#sagepaydirect-payment-data{
    margin-top:30px;
}
#sagepaydirect-cc-form{
    max-width: 440px;
    margin: 0 auto;
    margin-top:30px;
}


body.woocommerce-checkout .checkout input::placeholder {
    opacity: .8;
    color: red;
}

#place_order{
    cursor: pointer;
    background: #f78f1e;
    margin-bottom: 20px;
    position: relative;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-family: "Aller-Bold";
    padding: 18px;
    text-align: center;
    border: 0;
    margin-top:15px;
}
.woocommerce-form__label-for-checkbox{
    margin-top:20px;
}

.woocommerce-additional-fields h4{
    font-size:18px;
    margin-bottom:15px;
    font-weight:700;
}


.checkout input[type=text]::placeholder, .checkoutwc_payment_method input[type=email]::placeholder, .checkout input[type=tel]::placeholder, .checkout input[type=email]::placeholder {
    color: #999!important;
    opacity: 1!important; /* Firefox */
}

.wc_payment_methods li{
    margin-top: 10px;
    margin-bottom: 10px;
}
.wc_payment_methods li label{
    font-size:16px;
    font-weight:600;
}
.wc_payment_methods li.payment_method_sagepaydirect label{
    display: inline-block;
}

.wc_payment_methods li.payment_method_sagepaydirect label #sagepaydirect-card-icons{
    margin-top:10px;
}

.woocommerce-order-received .woocommerce-order{
    background: #fff;
    padding: 20px;
}