/* normalize min */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

    audio:not([controls]) {
        display: none;
        height: 0;
    }

[hidden],
template {
    display: none;
}

a {
    background: transparent;
}

    a:active,
    a:hover {
        outline: 0;
        color: #e84892;
    }

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bolder;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
    color:;
}

small {
    font-size: 80%;
}

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

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

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

figure {
    margin: 1em 40px;
}

hr {
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

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

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

    button[disabled],
    html input[disabled] {
        cursor: default;
    }

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

input {
    line-height: normal;
    background: #fff;
    border: 0;
    box-sizing: border-box;
    padding-left: 8px;
    border: 1px solid #bbbbbb;
    color: #000;
}

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

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

    input[type="search"] {
        -webkit-appearance: textfield;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

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

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
    background: #fff;
    border: 1px solid #bbbbbb;
    color: #000;
}

optgroup {
    font-weight: bold;
}

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

td,
th {
    padding: 0;
}

:focus {
    outline: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0 0 30px 0;
    line-height: 1.6em;
    font-weight: normal;
}

p {
    margin: 0;
    padding: 0 0 30px 0;
}

    p.desc-action {
        word-wrap: break-word;
    }

::-webkit-input-placeholder {
    color: #000000;
}

::-moz-placeholder {
    opacity: 1;
    color: #000000;
}

:-ms-input-placeholder {
    color: #000000;
}

:-moz-placeholder {
    color: #000000;
}

/* clearfix */
.cf:before,
.cf:after,
.item-box:before,
.item-box:after {
    content: "";
    display: table;
}

.cf:after, .item-box:after {
    clear: both;
}

.cf {
    zoom: 1;
}



/* setup */
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}

body {
    background: #fff;
    color: #000;
    font-size: 17px;
    line-height: 1.6em;
    margin: 0;
    padding: 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

a {
    color: #e84892;
    text-decoration: none;
    display: inline-block;
}

.item-box, .detail-pages {
    margin: 0 auto;
    max-width: 1144px;
    position: relative;
}

ul,
ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

section {
    width: 100%;
    background: #fff;
    padding: 50px 0 40px 0;
}

.no-padding {
    padding: 0;
}

.align-bottom {
    padding-bottom: 0;
}

    .align-bottom .image-box img {
        vertical-align: bottom;
    }

    .align-bottom .image-box.pull-left {
        bottom: 0;
        left: 0;
    }

    .align-bottom .image-box.pull-right {
        bottom: 0;
        right: 0;
    }

.strong {
    font-weight: bold;
}

hr {
    border: 0;
    border-top: 1px solid #d9d9d9;
}

    hr.dotted {
        border-top: 2px dotted #2c2c2a;
        opacity: 0.45;
    }

.marker {
    color: #e84892;
}

.full-width-text h3 {
    font-size: 20px;
    padding-bottom: 0;
}

.standard-list {
    margin-bottom: 20px;
}

    .standard-list li {
        position: relative;
        padding-left: 10px;
    }

        .standard-list li:after {
            content: '';
            position: absolute;
            left: 0;
            top: 12px;
            width: 4px;
            height: 4px;
            background-color: #000;
            border-radius: 3px;
        }


/* main wrapper */
.top-navigation,
.site-header,
.main-content,
.site-footer {
    width: 100%;
}

.site-header {
    position: fixed;
    background: #fff;
    z-index: 200;
    height: auto;
    border-bottom: 1px solid #cccccc;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.50);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.50);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.50);
}

/* top-navigation */
.top-navigation {
    border-bottom: 1px solid #cccccc;
    color: #818181;
    top: 0;
}

    .top-navigation ul li {
        float: left;
        vertical-align: middle;
        line-height: 40px;
        font-size: 16px;
    }

.top-menu {
    float: right;
}

    .top-menu a {
        color: #818181;
        position: relative;
        display .block;
    }

        .top-menu a:hover {
            color: #e84892;
        }

    .top-menu .phone a,
    .top-menu .phone a:hover {
        color: #818181;
        cursor: default;
    }

    .top-menu .feedback a:after {
        position: absolute;
        content: '>';
        right: -12px;
        top: 0;
    }

    .top-menu .phone, .feedback {
        margin-right: 15px;
        padding-right: 10px;
    }

/* social-media-menu */


.social-media-menu.big li.list-head {
    float: none;
    font-style: italic;
}

.social-media-menu.big li a {
    width: 43px;
    height: 43px;
    border: 1px solid #b3b3b3;
    color: #b3b3b3;
    text-align: center;
    border-radius: 50%;
    font-size: 19px;
    padding: 5px 0;
}

    .social-media-menu.big li a:hover {
        color: #e01883;
        border-color: #e01883;
    }

.social-media-menu.big li {
    display: inline-block;
}

.social-media-menu.big a:hover {
    opacity: 0.8
}

a.backhold {
    font-weight: 500;
    color: #000;
    font-size: 17px;
    font-weight: 400;
}

.primary-text {
    color: #e6007e;
}

.primary-achor {
    color: #000;
}

    .primary-achor:hover {
        color: #e6007e;
    }

a.backhold:hover {
    text-decoration: none;
    color: #e01883;
}

a.primary-text.font-weight-bold {
    font-weight: 500 !important;
}

.postfooter.box-inner h4 {
    font-size: 19px;
    font-weight: 400;
}
/* siteheader */
.logo {
    float: left;
}

    .logo a {
        width: 115px;
        height: 69px;
        margin: 20px 0 10px 0;
        display: block;
        background: url(/media/jwbl50pj/logo-ott.svg);
        background-image: url(/media/jwbl50pj/logo-ott.svg), none;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 115px 69px;
    }


        .logo a span {
            display: block;
            overflow: hidden;
            text-indent: -1000px;
        }

/* Main Navi */
.main-nav {
    float: right;
    margin-top: 40px;
}

    .main-nav li li {
        height: inherit;
    }

    .main-nav li.level-0:nth-of-type(1) {
        margin-left: 0;
    }

    .main-nav li a,
    .main-nav ul > li:hover li a,
    .main-nav li li a {
        color: #000;
        line-height: 1.9em;
    }

    .main-nav li a {
        color: #fff;
        line-height: 1.9em;
    }

        .main-nav li a:hover,
        .main-nav li.active a,
        .main-nav li a.active,
        .main-nav ul > li:hover a,
        .main-nav ul > li:hover li:hover a {
            color: #e84892;
        }

    .main-nav li li a.active {
        color: #e84892 !important;
    }


    .main-nav .register {
        margin-left: 1px;
    }

        .main-nav .login .button,
        .main-nav .register .button {
            padding: 0 10px;
            color: #fff;
        }

        .main-nav .register .button {
            border-top-left-radius: 0;
            border-bottom-left-radius: 0;
        }

    .main-nav .login .button {
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

.nav-toggle,
.dropdown-toggle {
    display: none;
}



/* be carfull, 
may delete when touch event fired*/


/* buttons */
button,
.button,
.nav-toggle,
.dropdown-toggle {
    background-color: #e84892;
    color: #fff;
    padding: 15px;
    border-radius: 4px;
    border: none;
    line-height: 17px;
    position: relative;
}

.secondary {
    background-color: #cfcfcf;
    color: #6d6d6d;
}

.nav-toggle,
.dropdown-toggle {
    background-color: #818181;
}

.dropdown-toggle {
    border-radius: 20px;
}

.secondary:hover {
    background-color: #bfbfbf;
}

.button.round {
    background-color: #e84892;
    border-radius: 0;
    text-align: center;
    height: 90px;
    padding: 10px;
    text-align: center;
    width: 90px;
    position: relative;
    border-radius: 65px;
}

    .button.round:hover {
        background-color: #d12a77;
    }

    .button.round span {
        display: inline-block;
        text-align: center;
        padding-top: 30px;
    }

    .button.round.yellow {
        background: (154,135,49,1);
        background: -moz-linear-gradient(45deg, rgba(154,135,49,1) 0%, rgba(210,183,74,1) 100%);
        background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(166,143,49,1)), color-stop(100%, rgba(210,183,74,1)));
        background: -webkit-linear-gradient(45deg, rgba(154,135,49,1) 0%, rgba(210,183,74,1) 100%);
        background: -o-linear-gradient(45deg, rgba(154,135,49,1) 0%, rgba(210,183,74,1) 100%);
        background: -ms-linear-gradient(45deg, rgba(154,135,49,1) 0%, rgba(210,183,74,1) 100%);
        background: linear-gradient(45deg, rgba(154,135,49,1) 0%, rgba(210,183,74,1) 100%);
    }

        .button.round.yellow:hover {
            opacity: 0.8
        }

.button.video {
    position: relative;
    padding-left: 50px;
}

    .button.video:after {
        content: '';
        position: absolute;
        width: 40px;
        height: 40px;
        left: 10px;
        top: 7px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: -119px -320px;
        background-repeat: no-repeat;
    }


/* Links */
.more {
    position: relative;
    padding-right: 15px;
    display: inline-block;
}

.download-pdf {
    position: relative;
    padding-right: 30px;
    display: inline-block;
    color: #000;
    margin-top: 5px;
}

    .download-pdf:after {
        content: '';
        position: absolute;
        right: 0;
        top: 0;
        width: 25px;
        height: 25px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: -81px -320px;
        background-repeat: no-repeat;
    }

.back {
    position: relative;
    padding-left: 15px;
    display: inline-block;
    color: #000;
}

    .back:hover {
        color: #e6007d;
    }

.blog .dropdown-menu {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    transform: none !important;
    top: 42px !important;
}

/* faq */
.faq {
    padding-left: 35px;
    position: relative;
    color: #000;
}

    .faq:after {
        content: "";
        height: 32px;
        left: 0;
        position: absolute;
        width: 32px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: -37px -400px;
        background-repeat: no-repeat;
    }

#travel-essentials-faq {
    position: absolute;
    top: 0;
    right: 0;
}

.faq-list {
    background-color: #fff;
    border-top: 1px solid #cfcfcf;
    border-right: 1px solid #cfcfcf;
}

    .faq-list p {
        margin: 0;
        padding: 0;
        position: relative;
    }

.faq-list-item {
    background-color: #fff;
    border-bottom: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf;
    list-style-type: none;
    padding: 15px;
}

.faq-click-item {
    cursor: pointer;
}

    .faq-click-item:after {
        content: '';
        position: absolute;
        right: 0;
        top: 5px;
        width: 25px;
        height: 25px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: -354px -320px;
        background-repeat: no-repeat;
    }

    .faq-click-item:hover,
    .faq-list-item.active .faq-click-item {
        color: #e84892;
    }

        .faq-click-item:hover:after {
            background-position: -320px -315px;
        }

        .faq-list-item.active .faq-click-item:after {
            background-position: -320px -315px;
        }

.faq-box {
    display: none;
}

.faq-list-item.active .faq-box {
    display: block;
}

.faq-list p::-moz-selection {
    background-color: #fff
}

.faq-list p::selection {
    background-color: #fff;
}


/* languages */
.lang {
    padding-left: 60px;
    display: block;
    position: relative;
    font-size: 14px;
    color: #000;
    font-size: 17px;
    line-height: 35px;
    vertical-align: middle;
}

    .lang:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        background: url(/css/intlTelInput/flags.png);
        background-position: 0 0;
        background-repeat: no-repeat;
        width: 50px;
        height: 35px;
        border: 1px solid #fff;
    }

.language-list li {
    float: left;
    position: relative;
    width: 30%;
    width: calc( 33.33% - 20px);
    margin: 0 20px 20px 0;
}

.languages {
    padding-bottom: 0;
}

    .languages h2 {
        border-bottom: 2px dotted #999999;
        font-size: 25px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

.uk:after {
    background-position: -80px 0;
}

.es:after {
    background-position: -160px 0;
}

.fi:after {
    background-position: -240px 0;
    border-color: #ccc;
}

.fr:after {
    background-position: -320px 0;
}

.pt:after {
    background-position: -400px 0;
}

.it:after {
    background-position: -240px -120px;
}

.ir:after {
    background-position: 0 -40px;
}

.de:after {
    background-position: -80px -40px;
}

.nl:after {
    background-position: -160px -40px;
}

.no:after {
    background-position: -240px -40px;
}

.at:after {
    background-position: -320px -40px;
}

.se:after {
    background-position: -400px -40px;
}

.dk:after {
    background-position: -80px -80px;
}

.is:after {
    background-position: 0 -80px;
}

.us:after {
    background-position: -240px -80px;
}

.au:after {
    background-position: -320px -80px;
}

.ae:after {
    background-position: -160px -80px;
}

.in:after {
    background-position: -400px -80px;
}

.br:after {
    background-position: 0 -120px;
}

.cn:after {
    background-position: -160px -120px;
    opacity: 0.6;
}

.jp:after {
    background-position: -80px -120px;
    border-color: #ccc;
    opacity: 0.6;
}

/* languages in topmenu */
.lang-selector .gb:after {
    background-position: -44px 0;
}

.lang-selector .es:after {
    background-position: -90px 0px;
}

.lang-selector .fi:after {
    background-position: -136px 0;
    border: 1px solid #ccc;
}

.lang-selector .fr:after {
    background-position: -183px 0;
}

.lang-selector .pt:after {
    background-position: -229px 0;
}

.lang-selector .it:after {
    background-position: 2px -22px;
}

.lang-selector .ie:after {
    background-position: 2px -22px;
}

.lang-selector .de:after {
    background-position: -45px -23px;
}

.lang-selector .nl:after {
    background-position: -90px -22px;
}

.lang-selector .no:after {
    background-position: -136px -22px;
}

.lang-selector .at:after {
    background-position: -183px -22px;
}

.lang-selector .se:after {
    background-position: -229px -22px;
}

.lang-selector .is:after {
    background-position: 3px -46px;
}

.lang-selector .dk:after {
    background-position: -44px -46px;
}

.lang-selector .ae:after {
    background-position: -90px -46px;
}

.lang-selector .us:after {
    background-position: -137px -46px;
}

.lang-selector .au:after {
    background-position: -183px -46px;
}

.lang-selector .in:after {
    background-position: -229px -45px;
}

.lang-selector .br::after {
    background-position: 3px -69px;
}

.lang-selector .jp:after {
    background-position: -44px -70px;
    border: 1px solid #ccc;
}

.lang-selector .cn:after {
    background-position: -92px -70px;
}

.lang-selector .ad:after {
    background-position: -183px -70px;
}

.lang-selector .af:after {
    background-position: -229px -70px;
}

.lang-selector .ag:after {
    background-position: 1px -93px;
}

.lang-selector .ai:after {
    background-position: -45px -93px;
}

.lang-selector .al:after {
    background-position: -91px -93px;
}

.lang-selector .ARM:after {
    background-position: -137px -93px;
}

.lang-selector .ant:after {
    background-position: -183px -93px;
}

.lang-selector .ao:after {
    background-position: -228px -94px;
}

.lang-selector .ar:after {
    background-position: 2px -118px;
}

.lang-selector .as:after {
    background-position: -45px -118px;
}

.lang-selector .aw:after {
    background-position: -90px -118px;
}

.lang-selector .az:after {
    background-position: -136px -118px;
}

.lang-selector .ba:after {
    background-position: -183px -118px;
}

.lang-selector .bb:after {
    background-position: -229px -118px;
}

.lang-selector .bd:after {
    background-position: 3px -142px;
}

.lang-selector .be:after {
    background-position: -44px -142px;
}

.lang-selector .vf:after {
    background-position: -91px -142px;
}

.lang-selector .bg:after {
    background-position: -137px -144px;
    border-color: #ccc;
}

.lang-selector .bh:after {
    background-position: -184px -143px;
    border-color: #ccc;
}

.lang-selector .bi:after {
    background-position: -226px -143px;
}

.lang-selector .bj:after {
    background-position: 2px -167px;
}

.lang-selector .bm:after {
    background-position: -45px -167px;
}

.lang-selector .bn:after {
    background-position: -90px -167px;
}

.lang-selector .bo:after {
    background-position: -137px -167px;
}

.lang-selector .bs:after {
    background-position: -183px -167px;
}

.lang-selector .bt:after {
    background-position: -230px -167px;
}

.lang-selector .bw:after {
    background-position: 2px -191px;
}

.lang-selector .by:after {
    background-position: -44px -191px;
}

.lang-selector .bz:after {
    background-position: -91px -191px;
}

.lang-selector .ca:after {
    background-position: -137px -191px;
}

.lang-selector .cd:after {
    background-position: -183px -191px;
}

.lang-selector .cf:after {
    background-position: -229px -191px;
}

.lang-selector .cg:after {
    background-position: 3px -215px;
}

.lang-selector .ch:after {
    background-position: -44px -215px;
}

.lang-selector .ck:after {
    background-position: -90px -215px;
}

.lang-selector .cl:after {
    background-position: -136px -215px;
}

.lang-selector .cm:after {
    background-position: -182px -215px;
}

.lang-selector .co:after {
    background-position: -229px -215px;
}

.lang-selector .cr:after {
    background-position: 2px -239px;
}

.lang-selector .cu:after {
    background-position: -44px -239px;
}

.lang-selector .cv:after {
    background-position: -91px -239px;
}

.lang-selector .cy:after {
    background-position: -136px -239px;
    border-color: #ccc;
}

.lang-selector .cz:after {
    background-position: -182px -242px;
}

.lang-selector .dj:after {
    background-position: -233px -242px;
}

.lang-selector .dm:after {
    background-position: 1px -262px;
}

.lang-selector .do:after {
    background-position: -44px -262px;
}

.lang-selector .dz:after {
    background-position: -88px -262px;
    border-color: #ccc;
}

.lang-selector .ec:after {
    background-position: -137px -262px;
}

.lang-selector .ee:after {
    background-position: -183px -262px;
    border-color: #ccc;
}

.lang-selector .eg:after {
    background-position: -229px -264px;
}

.lang-selector .eh:after {
    background-position: 0px -288px;
}

.lang-selector .er:after {
    background-position: -44px -288px;
}

.lang-selector .et:after {
    background-position: -90px -288px;
}

.lang-selector .fj:after {
    background-position: -136px -288px;
}

.lang-selector .fm:after {
    background-position: -183px -288px;
}

.lang-selector .fo:after {
    background-position: -230px -288px;
    border-color: #ccc;
}

.lang-selector .ga:after {
    background-position: 2px -312px;
}

.lang-selector .gd:after {
    background-position: -44px -312px;
}

.lang-selector .ge:after {
    background-position: -91px -312px;
    border-color: #ccc;
}

.lang-selector .gg:after {
    background-position: -136px -312px;
}

.lang-selector .gh:after {
    background-position: -183px -312px;
}

.lang-selector .gi:after {
    background-position: -230px -314px;
    border-color: #ccc;
}

.lang-selector .gl:after {
    background-position: 1px -339px;
    border-color: #ccc;
}

.lang-selector .gm:after {
    background-position: -45px -337px;
}

.lang-selector .gn:after {
    background-position: -91px -337px;
}

.lang-selector .egg:after {
    background-position: -137px -337px;
}

.lang-selector .gr:after {
    background-position: -183px -337px;
}

.lang-selector .gt:after {
    background-position: -230px -337px;
}

.lang-selector .gu:after {
    background-position: 1px -361px;
}

.lang-selector .gw:after {
    background-position: -44px -361px;
}

.lang-selector .gy:after {
    background-position: -90px -361px;
}

.lang-selector .hk:after {
    background-position: -136px -361px;
}

.lang-selector .hn:after {
    background-position: -183px -361px;
}

.lang-selector .hr:after {
    background-position: -230px -361px;
}

.lang-selector .li:after {
    background-position: 2px -385px;
}

.lang-selector .hu:after {
    background-position: -44px -385px;
}

.lang-selector .id:after {
    background-position: -91px -385px;
    border-color: #ccc;
}

.lang-selector .ci:after {
    background-position: -137px -385px;
}

.lang-selector .il:after {
    background-position: -183px -385px;
}

.lang-selector .im:after {
    background-position: -229px -385px;
}

.lang-selector .iq:after {
    background-position: 2px -423px;
}

.lang-selector .ir:after {
    background-position: -45px -410px;
}

.lang-selector .je:after {
    background-position: -90px -410px;
    border-color: #ccc;
}

.lang-selector .jm:after {
    background-position: -136px -410px;
}

.lang-selector .jo:after {
    background-position: -183px -410px;
}

.lang-selector .ke:after {
    background-position: -229px -410px;
}

.lang-selector .kg:after {
    background-position: 1px -433px;
}

.lang-selector .kh:after {
    background-position: -43px -433px;
}

.lang-selector .ki:after {
    background-position: -90px -433px;
}

.lang-selector .km:after {
    background-position: -136px -434px;
}

.lang-selector .kn:after {
    background-position: -183px -434px;
}

.lang-selector .kp:after {
    background-position: -230px -434px;
}

.lang-selector .kr:after {
    background-position: 2px -458px;
    border-color: #ccc;
}

.lang-selector .kw:after {
    background-position: -44px -458px;
}

.lang-selector .ky:after {
    background-position: -90px -458px;
}

.lang-selector .kz:after {
    background-position: -136px -458px;
}

.lang-selector .la:after {
    background-position: -183px -458px;
}

.lang-selector .lb:after {
    background-position: -229px -458px;
}

.lang-selector .lc:after {
    background-position: 2px -483px;
}

.lang-selector .lk:after {
    background-position: -44px -483px;
}

.lang-selector .lr:after {
    background-position: -91px -483px;
}

.lang-selector .ls:after {
    background-position: -136px -483px;
}

.lang-selector .lt:after {
    background-position: -183px -483px;
}

.lang-selector .lu:after {
    background-position: -230px -483px;
}

.lang-selector .lv:after {
    background-position: -45px -507px;
}

.lang-selector .ly:after {
    background-position: 1px -507px;
}

.lang-selector .ma:after {
    background-position: -92px -507px;
}

.lang-selector .mc:after {
    background-position: -137px -507px;
    border-color: #ccc;
}

.lang-selector .md:after {
    background-position: -183px -507px;
}

.lang-selector .me:after {
    background-position: -229px -508px;
}

.lang-selector .mg:after {
    background-position: 1px -532px;
    border-color: #ccc;
}

.lang-selector .mh:after {
    background-position: -44px -532px;
}

.lang-selector .mk:after {
    background-position: -90px -532px;
}

.lang-selector .ml:after {
    background-position: -135px -532px;
}

.lang-selector .mm:after {
    background-position: -183px -532px;
}

.lang-selector .mn:after {
    background-position: -230px -532px;
}

.lang-selector .mo:after {
    background-position: 3px -556px;
}

.lang-selector .mq:after {
    background-position: -44px -556px;
}

.lang-selector .mr:after {
    background-position: -90px -556px;
}

.lang-selector .ms:after {
    background-position: -137px -556px;
}

.lang-selector .mt:after {
    background-position: -183px -556px;
    border-color: #ccc;
}

.lang-selector .mu:after {
    background-position: -229px -556px;
}

.lang-selector .mv:after {
    background-position: 2px -580px;
}

.lang-selector .mw:after {
    background-position: -45px -580px;
}

.lang-selector .mx:after {
    background-position: -90px -580px;
}

.lang-selector .my:after {
    background-position: -136px -580px;
}

.lang-selector .mz:after {
    background-position: -183px -580px;
}

.lang-selector .na:after {
    background-position: -229px -580px;
}

.lang-selector .nc:after {
    background-position: 3px -605px;
}

.lang-selector .ne:after {
    background-position: -44px -605px;
}

.lang-selector .ng:after {
    background-position: -91px -605px;
}

.lang-selector .ni:after {
    background-position: -136px -605px;
}

.lang-selector .np:after {
    background-position: -182px -605px;
    border-color: #ccc;
}

.lang-selector .nr:after {
    background-position: -229px -605px;
}

.lang-selector .nz:after {
    background-position: 3px -629px;
}

.lang-selector .om:after {
    background-position: -44px -629px;
}

.lang-selector .pa:after {
    background-position: -90px -629px;
}

.lang-selector .pe:after {
    background-position: -137px -629px;
}

.lang-selector .pyf:after {
    background-position: -183px -629px;
}

.lang-selector .pg:after {
    background-position: -230px -629px;
}

.lang-selector .ph:after {
    background-position: 3px -652px;
}

.lang-selector .pk:after {
    background-position: -44px -652px;
    border-color: #ccc;
}

.lang-selector .pl:after {
    background-position: -91px -654px;
    border-color: #ccc;
}

.lang-selector .pr:after {
    background-position: -137px -653px;
}

.lang-selector .ps:after {
    background-position: -183px -653px;
}

.lang-selector .pw:after {
    background-position: -230px -653px;
}

.lang-selector .py:after {
    background-position: 2px -677px;
}

.lang-selector .qa:after {
    background-position: -44px -677px;
    border-color: #ccc;
}

.lang-selector .ro:after {
    background-position: -90px -677px;
}

.lang-selector .rs:after {
    background-position: -137px -677px;
    border-color: #ccc;
}

.lang-selector .ru:after {
    background-position: -185px -678px;
    border-color: #ccc;
}

.lang-selector .rw:after {
    background-position: -230px -677px;
}

.lang-selector .sa:after {
    background-position: 2px -701px;
}

.lang-selector .sb:after {
    background-position: -44px -701px;
}

.lang-selector .sc:after {
    background-position: -90px -701px;
}

.lang-selector .sd:after {
    background-position: -135px -701px;
}

.lang-selector .sg:after {
    background-position: -184px -701px;
    border-color: #ccc;
}

.lang-selector .si:after {
    background-position: -232px -701px;
    border-color: #ccc;
}

.lang-selector .sk:after {
    background-position: 1px -726px;
    border-color: #ccc;
}

.lang-selector .sl:after {
    background-position: -45px -726px;
}

.lang-selector .sm:after {
    background-position: -90px -726px;
    border-color: #ccc;
}

.lang-selector .sn:after {
    background-position: -136px -726px;
}

.lang-selector .so:after {
    background-position: -183px -726px;
}

.lang-selector .sr:after {
    background-position: -230px -726px;
}

.lang-selector .st:after {
    background-position: 1px -750px;
}

.lang-selector .sv:after {
    background-position: -44px -750px;
}

.lang-selector .sy:after {
    background-position: -90px -750px;
}

.lang-selector .sz:after {
    background-position: -135px -750px;
}

.lang-selector .tc:after {
    background-position: -184px -750px;
}

.lang-selector .td:after {
    background-position: -231px -750px;
}

.lang-selector .tg:after {
    background-position: 2px -775px;
}

.lang-selector .th:after {
    background-position: -44px -775px;
}

.lang-selector .tj:after {
    background-position: -90px -775px;
}

.lang-selector .tl:after {
    background-position: -93px -538px;
}

.lang-selector .tm:after {
    background-position: -135px -775px;
}

.lang-selector .tn:after {
    background-position: -229px -775px;
}

.lang-selector .to:after {
    background-position: 1px -799px;
}

.lang-selector .tr:after {
    background-position: -44px -799px;
}

.lang-selector .tt:after {
    background-position: -90px -799px;
}

.lang-selector .tv:after {
    background-position: -136px -799px;
}

.lang-selector .tw:after {
    background-position: -182px -799px;
}

.lang-selector .tz:after {
    background-position: -230px -799px;
}

.lang-selector .ua:after {
    background-position: 1px -823px;
}

.lang-selector .ug:after {
    background-position: -44px -823px;
}

.lang-selector .uy:after {
    background-position: -90px -823px;
}

.lang-selector .uz:after {
    background-position: -136px -823px;
}

.lang-selector .va:after {
    background-position: -183px -823px;
    border-color: #ccc;
}

.lang-selector .vc:after {
    background-position: -230px -823px;
}

.lang-selector .ve:after {
    background-position: 2px -848px;
}

.lang-selector .vg:after {
    background-position: -44px -848px;
}

.lang-selector .vi:after {
    background-position: -90px -848px;
    border-color: #ccc;
}

.lang-selector .vn:after {
    background-position: -136px -848px;
}

.lang-selector .vu:after {
    background-position: -183px -848px;
}

.lang-selector .ws:after {
    background-position: -230px -848px;
}

.lang-selector .ye:after {
    background-position: 2px -872px;
}

.lang-selector .za:after {
    background-position: -44px -872px;
}

.lang-selector .zm:after {
    background-position: -90px -872px;
}

.lang-selector .zw:after {
    background-position: -135px -872px;
}

/* main Content */

/* detail Pages */
.detail-pages {
    padding: 50px 0;
}

.primary-content {
    float: left;
    width: 65%;
    width: calc(65% - 30px);
}

.secondary-content {
    float: right;
    width: 35%;
}

/* asidfe */
.aside-box {
    background-color: #f8f8f8
}

.aside-box-item {
    padding: 20px 30px;
    margin-bottom: 20px;
}

.aside-box-header {
    font-size: 19px;
    margin-bottom: 3px;
}

.cat-title {
    font-size: 19px;
    padding-bottom: 25px;
}

.menu-item {
    padding: 0 0 15px;
}

    .menu-item a {
        color: #000;
        padding: 3px 15px 7px 15px;
        display: block;
        font-weight: 400;
    }

        .menu-item a:hover, .menu-item a.active {
            color: #e6007d;
        }

button#btnsubscribe, .btn.btn-primary {
    background: #e01883 !important;
    border: 1px solid #e01883;
    color: #fff !important;
    border-radius: 8px;
    padding: 5px 20px;
    text-decoration: none !important;
    width: auto;
    text-transform: inherit;
    font-weight: 400;
    line-height: 180%;
    font-size: 15px;
}

    button#btnsubscribe:disabled {
        background-color: rgb(234, 234, 234) !important;
        border: 1px solid #cfcfcf !important;
        color: #000 !important;
    }

ul.blog-list {
    border-top: 1px solid #d9d9d9;
    margin-top: 15px;
}
/* Section Background Colors */
.bg-light-grey {
    background-color: #eaeaea;
}

.bg-dark-grey {
    background-color: #353535;
    color: #fff;
}

.bg-dark-blue {
    background-color: #484e57;
    color: #fff;
}

.bg-black {
    background-color: #000;
    color: #fff;
}

/* standard defintions */
.header-info {
    padding-bottom: 0;
}

    .header-info h1 {
        font-size: 50px;
    }

    .header-info h2 {
        font-size: 35px;
    }

        .header-info h2.size-25 {
            font-size: 25px;
        }

.full-width-text {
    width: 100%;
}

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

.full-width-text h1 {
    padding: 0 0 20px;
}

.centered {
    text-align: center;
}

.link {
    padding-top: 0;
}

.border-top {
    border-top: 1px solid #ccc;
}

.border-bottom {
    border-bottom: 1px solid #ccc;
}

.course-detail-header {
    padding-bottom: 20px;
}

/* Keyvisuals */
.keyvisual {
    min-height: 440px;
    background-repeat: none;
    background-position: center center;
    background-size: cover;
}

    .keyvisual.small {
        min-height: 160px;
    }

    .keyvisual .teaser-box {
        padding: 110px 0;
        text-align: center;
        color: #fff;
    }

    .keyvisual.small .teaser-box {
        padding: 40px 0;
    }

    .keyvisual .teaser-box h1 {
        font-size: 70px;
        padding-bottom: 0;
    }

    .keyvisual .teaser-box h2 {
        font-size: 35px;
        padding: 20px 0 0 0;
    }

    .keyvisual .teaser-box h3 {
        font-size: 30px;
        padding: 20px 0 0 0;
    }

    .keyvisual .teaser-box p {
        font-size: 22px;
        padding: 20px 0 0 0;
    }

    .keyvisual .teaser-box .button {
        display: inline-block;
        margin-top: 30px;
    }


/* section navi */
.section-navigation {
    min-height: 50px;
    padding: 10px 0 30px;
}

.navigation-bar {
    min-height: 50px;
    padding: 20px 0 0 0;
}

.section-navigation ul li {
    float: left;
}

    .section-navigation ul li a {
        display: block;
        line-height: 50px;
        color: #353535;
        font-size: 20px;
        padding: 0 60px;
        position: relative;
    }

        .section-navigation ul li a:hover,
        .section-navigation ul li a.active {
            color: #e84892;
        }

    .section-navigation ul li:nth-of-type(1) a {
        padding-left: 0;
        border-right: 1px solid #999999;
    }

    .section-navigation ul li a:after {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: 0 -280px;
        ;
        background-rpeat: no-repeat;
        top: 20px;
        right: 30px;
    }

    .section-navigation ul li a.active:after,
    .section-navigation ul li a:hover:after {
        background-position: -40px -278px;
    }

.search-box {
    float: left;
    background: #f2f0f0;
    height: 43px;
    border: 1px solid #c8c8c8;
    border-radius: 19px;
    margin-top: 6px;
    line-height: 33px;
    vertical-align: top;
}

.navigation-bar .search-box {
    margin-bottom: 10px;
}

.search-box input {
    float: left;
    border: 0;
    height: 38px;
    margin-left: 17px;
    background: #f2f0f0;
    width: 190px;
    font-size: 17px;
    display: inline-block;
    margin: 0 0 0 30px;
    padding: 0;
    font-weight: 400;
}

.search-box button {
    float: left;
    background: url(../images/sprite.png);
    background-image: url(../images/sprite.svg);
    background-size: 500px 800px;
    background-position: 3px -311px;
    background-rpeat: no-repeat;
    border: 0 none;
    display: inline-block;
    height: 33px;
    width: 35px;
    margin: 0;
    padding: 0;
}


/* product training list */
.product-training-list,
.travel-courses-list {
    text-align: center;
    display: inline-block;
}

    .product-training-list li,
    .travel-courses-list li {
        width: 15%;
        width: calc(16.66% - 10px);
        margin: 0 5px 10px 0;
        display: inline-block;
        position: relative;
        min-width: 160px;
    }

        .product-training-list li a,
        .travel-courses-list li a {
            color: #000;
            font-size: 19px;
            padding-top: 180px;
            display: block;
            position: relative;
            text-align: center;
        }

            .product-training-list li a .title,
            .travel-courses-list li a .title {
                height: 60px;
                display: block;
                position: absolute;
                bottom: 0;
                width: 100%;
                z-index: 9;
            }

.ptl-image {
    position: absolute;
    z-index: 10;
    background-color: #e84892;
    border-radius: 55px;
    height: 104px;
    top: 0;
    width: 104px;
    z-index: 9;
    left: 50%;
    overflow: hidden;
    margin-left: -52px;
}

.ptl-item {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: left center;
    z-index: 11;
}

.product-training-list .bkd,
.travel-courses-list .bkd {
    color: #e84892;
    display: block;
    font-size: 15px;
    font-weight: bold;
    left: 94%;
    position: absolute;
    text-align: left;
    top: -5px;
}

.product-training-list .bkd-item,
.travel-courses-list .bkd-item {
    border-radius: 21px;
    height: 21px;
    left: -25px;
    top: 4px;
    width: 21px;
    position: absolute;
}

    .product-training-list .bkd-item:after,
    .travel-courses-list .bkd-item:after {
        background: url("../images/sprite.svg") repeat scroll -76px -273px / 500px 800px;
        height: 21px;
        left: 0;
        top: 0;
        width: 21px;
        position: absolute;
        z-index: 11;
        content: '';
    }


.product-training-list a:hover .bkd-item:before,
.travel-courses-list a:hover .bkd-item:before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #000;
    opacity: 0.13;
    border-radius: 21px;
    z-index: 10;
}

.product-training-list a:hover .ptl-image:after,
.travel-courses-list a:hover .ptl-image:after {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: '';
    background-color: #000;
    opacity: 0.13;
    z-index: 10;
    border-radius: 55px;
}





/*Navigation List*/

.navigation-bar .navigation {
    text-align: center;
    display: inline-block;
}

    .navigation-bar .navigation li {
        width: 58px;
        margin: 0;
        min-width: 58px;
        overflow: hidden;
        text-indent: -1000px;
    }

        .navigation-bar .navigation li span.title,
        .user-navigation li span.title {
            display: none;
        }

        .navigation-bar .navigation li a {
            height: 60px;
            line-height: 60px;
            padding-top: 0;
            display: block;
        }

.navigation .ptl-image {
    border-radius: 39px;
    content: "";
    height: 55px !important;
    left: 50% !important;
    margin-left: -29px !important;
    position: absolute;
    top: 0 !important;
    width: 55px !important;
    border: 2px solid #eaeaea !important;
    overflow: inherit;
}

    .navigation .ptl-image:after {
        background-color: #fff;
        border: 1px solid #fff;
        border-radius: 39px;
        content: "";
        height: 100%;
        left: -1px;
        position: absolute;
        top: -1px;
        bottom: inherit !important;
        right: inherit !important;
        width: 100%;
    }

.navigation a:hover .ptl-image {
    border: 0;
    width: 57px;
    height: 57px;
}

    .navigation a:hover .ptl-image:after, .navigation a.active .ptl-image:after {
        display: none !important;
    }

.navigation .ptl-item {
    background-position: right center;
    background-size: auto 55px;
}

.navigation a:hover .ptl-item, .navigation a.active .ptl-item {
    background-position: left center;
}






/* product Icon Definition */


/* my ott user navigation */
.user-navigation {
    float: left;
}

.navigation-bar .user-navigation li {
    position: relative;
    display: inline-block;
    overflow: visible;
}

.user-navigation li .ptl-image {
    background-color: #fff !important;
    border: 1px solid #fff !important;
}

.user-navigation li a:after {
    border-color: #eaeaea transparent transparent;
    border-style: solid;
    border-width: 8px 7.5px 0;
    bottom: -9px;
    content: "lala";
    height: 0;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    width: 0;
}

.user-navigation li a:hover:after, .user-navigation li a.active:after {
    border-color: #e84892 transparent transparent;
}

.user-name {
    display: inline-block;
    margin: 0 0 0 10px;
}

.user-name {
    line-height: 54px;
    padding: 0 0 5px;
    vertical-align: middle;
}


/* Achievments */

.achievement-list {
    max-width: 990px;
    text-align: left;
}

.achievment-item {
    width: 110px;
    height: 140px;
    position: relative;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left bottom;
}

    .achievment-item:before {
        position: absolute;
        content: '';
        background-color: rgba(255,255,255,0.7);
        top: 0;
        left: 0;
        width: 110px;
        height: 140px;
    }

.active:before {
    background-color: rgba(255,255,255,0);
}

.baloon {
    text-align: left;
    display: none;
    position: absolute;
    z-index: 30;
    bottom: 70px;
    left: -20px;
    width: 150px;
    padding: 10px;
    background: #fff;
    border: 1px solid #9d9d9d;
    border-radius: 5px;
    line-height: 20px;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.3);
}

.achievment-item:hover .baloon {
    display: block;
}


.baloon:after, .baloon:before {
    top: 100%;
    left: 40px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.baloon:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 10px;
    margin-left: -10px;
}

.baloon:before {
    border-color: rgba(NaN, 217, 217, 0);
    border-top-color: #9d9d9d;
    border-width: 11px;
    margin-left: -11px;
}





/* reduce slider padding */
.slider {
    padding: 10px 0;
}

    .slider .bx-wrapper .bx-viewport {
        background-color: #fff;
        border: 1px solid #cfcfcf;
    }

    .slider.items-4 .bx-wrapper .bx-viewport {
        background-color: transparent;
        border: 0;
        padding-right: 5px;
    }

.teaser-list li {
    border: 1px solid #cfcfcf;
    margin-bottom: 30px;
}

.bx-viewport .teaser-list li {
    border: none;
    margin-bottom: 0;
}

/* list items */
.list-item {
    background-color: #fff;
}

    .list-item:nth-last-of-type(1) {
        margin-bottom: 0;
    }

/* Big Course Slider */
.teaser-container {
    display: table;
    width: 100%;
}

    .teaser-container .image-container {
        background-position: top left;
        background-size: cover;
        background-repeat: no-repeat;
        height: 340px;
    }

    .teaser-container .course-image {
        vertical-align: top;
    }

        .teaser-container .course-image img {
            vertical-align: top;
            display: block;
            width: 100%;
            height: auto;
        }

    .teaser-container .course-logo {
        position: absolute;
        top: 20px;
        left: 20px;
        width: 150px;
        height: 150px;
        background-color: #fff;
        text-align: center;
        vertical-align: center;
        line-height: 150px;
        overflow: hidden;
        border: 1px solid #cfcfcf;
    }

        .teaser-container .course-logo img {
            vertical-align: middle;
            display: inline-block;
            height: auto !important;
            vertical-align: middle;
            max-width: 100 !important;
        }

    .teaser-container .image-container,
    .teaser-container .content-container {
        display: table-cell;
        vertical-align: top;
        width: 50%;
        position: relative;
    }

    .teaser-container .content-box {
        padding: 25px 25px 60px 25px;
    }

    .teaser-container .content-container h2 {
        font-size: 24px;
    }

    .teaser-container .content-container .button {
        display: inline-block;
        float: right;
        padding: 10px;
        font-size: 15px;
        margin-top: 5px;
        -moz-osx-font-smoothing: initial;
    }

.call-to-action-box {
    position: absolute;
    bottom: 0;
    left: 25px;
    right: 25px;
    min-height: 54px;
}

.rating {
    font-size: 14px;
    float: left;
}

.rated-title {
    display: block;
}

.rating-star {
    display: inline-block;
    width: 17px;
    height: 17px;
    background: url(../images/sprite.png);
    background-image: url(../images/sprite.svg);
    background-size: 500px 800px;
    background-position: -120px -280px;
    background-rpeat: no-repeat;
}

    .rating-star.rated {
        background-position: -160px -280px
    }





/* training teasers with smaller image */
.big-training-container {
    padding-bottom: 0;
}

.training-teaser .image-container {
    height: 220px;
}

.training-teaser .content-container h2 {
    font-size: 19px;
    padding-bottom: 0;
}

.training-teaser .content-box {
    font-size: 15px;
    line-height: 1.3em;
}

    .training-teaser .content-box p {
        padding-bottom: 0;
        padding-top: 20px;
    }

.training-teaser .course-logo {
    height: 120px;
    left: 12px;
    line-height: 120px;
    top: 12px;
    width: 120px;
}

/* course-detail */
.course-detail {
    width: 80%;
}

.course-detail-header .item-box:after {
    content: '';
    position: absolute;
    bottom: -35px;
    left: 50px;
    width: 0px;
    height: 0px;
    -webkit-transform: rotate(360deg);
    border-style: solid;
    border-width: 15px 16.5px 0 16.5px;
    border-color: #eaeaea transparent transparent transparent;
}

.course-detail .course-logo {
    float: left;
    width: 120px;
    height: 120px;
    background-color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 120px;
    overflow: hidden;
    border: 1px solid #cfcfcf;
}

    .course-detail .course-logo img {
        display: inline-block;
        height: auto !important;
        vertical-align: middle;
    }

.course-detail .course-detail-content {
    float: left;
    margin-left: 30px;
    width: calc(100% - 170px);
}

    .course-detail .course-detail-content h1 {
        font-size: 35px;
    }

    .course-detail .course-detail-content p {
        padding-bottom: 10px;
    }

.course-detail-header .add-to-basket-box {
    position: absolute;
    bottom: -10px;
    right: 0;
}

/* slider-4 Slider with 4 items*/
.items-4 li {
    margin-bottom: 10px;
    display: block;
}

    .items-4 li.list-item {
    }

.items-4 .teaser-container {
    display: block;
    border: 1px solid #cfcfcf;
}

    .items-4 .teaser-container .image-container,
    .items-4 .teaser-container .content-container {
        display: block;
        width: 100%;
    }

    .items-4 .teaser-container .image-container {
        height: 180px;
    }

    .items-4 .teaser-container .course-logo {
        height: 100px;
        left: 10px;
        line-height: 100px;
        top: 10px;
        width: 100px;
    }

    .items-4 .teaser-container .content-container h2 {
        font-size: 17px;
    }

/* price filter and results */
/*  Filter */
.filter {
    padding: 20px 0 0 0;
}

.filter-list,
.filter-elements {
    width: 230px;
}

    .filter-list li {
        border-bottom: 1px solid #ccc;
    }

    .filter-list a {
        color: #000;
        position: relative;
        padding: 5px;
    }

        .filter-list a:hover {
            color: #e84892;
        }

#filter-toggle {
    display: inline-block;
    padding-right: 40px;
    border: none;
}

    #filter-toggle:after {
        content: '';
        position: absolute;
        right: 0px;
        top: 5p;
        width: 30px;
        height: 30px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: -320px -272px;
        background-rpeat: no-repeat;
    }

.filter-list li ul {
    display: none;
    position: relative;
    background: #fff; /* z-index:20; -webkit-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.46);
-moz-box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.46);
box-shadow: 2px 4px 5px 0px rgba(0,0,0,0.46);*/
}

    .filter-list li ul li {
        background-color: #fff;
        border: 0;
    }

        .filter-list li ul li a {
            border-top: 1px solid #ccc;
        }
/*  Results */
.overview-list li {
    float: left;
    width: 49%;
    width: calc(50% - 15px);
    margin-bottom: 30px;
}

.overview-container {
    display: table;
    width: 100%;
    border: 1px solid #cfcfcf;
}

.overview-list li:nth-of-type(2n+0) {
    float: right;
}

.overview-container .image-container {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 230px;
}

.overview-container .filter-logo {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 120px;
    height: 120px;
    background-color: #fff;
    text-align: center;
    vertical-align: center;
    line-height: 120px;
    overflow: hidden;
    border: 1px solid #cfcfcf;
}

    .overview-container .filter-logo img {
        vertical-align: middle;
        display: inline-block;
        height: auto !important;
        vertical-align: middle;
        width: auto !important;
        max-width: 95%;
    }

.overview-container .image-container,
.overview-container .content-container {
    display: table-cell;
    vertical-align: top;
    width: 50%;
    position: relative;
    font-size: 15px;
    line-height: 1.3em;
}

.overview-container .content-box {
    padding: 20px 20px 40px 20px;
}

.overview-container .content-container h2 {
    font-size: 19px;
    padding-bottom: 20px;
}

.overview-container .content-container .button {
    display: inline-block;
    float: right;
    padding: 10px;
    font-size: 15px;
    margin-top: 5px;
    -moz-osx-font-smoothing: initial;
}


/* results for courses */
.course-overview .overview-list li, .col-list.cols-3 li {
    float: left;
    width: 32%;
    width: calc(33.33% - 15px);
    margin-bottom: 20px;
    margin-right: 20px;
}

    .course-overview .overview-list li:nth-of-type(3n+3), .col-list.cols-3 li:nth-of-type(3n+3) {
        margin-right: 0;
    }

.course-overview .overview-container .image-container {
    width: 150px;
}

.course-overview .overview-container .content-container {
    width: auto;
}

.course-overview .overview-container .course-logo {
    height: 120px;
    left: 12px;
    line-height: 120px;
    top: 12px;
    width: 120px;
}

.course-overview .overview-container .content-container {
    position: static;
}

.course-overview .overview-container {
    position: relative;
}

    .course-overview .overview-container .content-box {
        padding: 20px 20px 40px 0;
    }

.course-overview .call-to-action-box {
    left: 11px;
}


/* colboxes */
.col-box {
    padding: 0 10px 0 0;
}

    .col-box p:nth-last-of-type(1) {
        padding-bottom: 0;
    }


/* price list */
.price-navigation {
    padding: 10px 0;
}

    .price-navigation .item-box {
        text-align: center;
    }

.price-list li {
    display: inline-block;
    margin: 0 15px 5px 0;
    position: relative;
    white-space: nowrap;
}

    .price-list li a {
        color: #000;
        font-size: 15px;
        display: inline-block;
        position: relative;
        padding-right: 10px;
    }

        .price-list li a:hover, .price-list li a.see-all {
            color: #e84892;
        }

.price-list a:after {
    content: ">";
    position: absolute;
}

.price-list a:after {
    width: 28px;
    height: 29px;
    right: -12px;
    top: 0;
    z-index: 10;
}

.price-list.navigation a:after {
    content: '';
    height: 33px;
    right: 13px;
    width: 30px;
    background-position: -3px -66px;
}

.price-list.navigation .a:hover:after {
    background-position: -37px -66px;
}

.price-list.navigation .accomodation:after {
    background-position: -470px -66px;
}

.price-list.navigation .accomodation:hover:after {
    background-position: -502px -66px;
}

.price-list.navigation .events:after {
    background-position: -336px -66px;
}

.price-list.navigation .events:hover:after {
    background-position: -370px -66px;
}

.price-list.navigation .flights:after {
    background-position: -67px -68px;
}

.price-list.navigation .flights:hover:after {
    background-position: -103px -68px;
}

.price-list.navigation .fam-trips:after {
    background-position: 0px -99px;
}

.price-list.navigation .fam-trips:hover:after {
    background-position: -36px -99px;
}

.price-list.navigation .hampers:after {
    background-position: -269px -65px;
}

.price-list.navigation .hampers:hover:after {
    background-position: -302px -65px;
}

.price-list.navigation .merchandise:after {
    background-position: -534px -65px;
}

.price-list.navigation .merchandise:hover:after {
    background-position: -568px -65px;
}

.price-list.navigation .technology:after {
    background-position: -602px -64px;
}

.price-list.navigation .technology:hover:after {
    background-position: -635px -64px;
}

.price-list.navigation .travel-products:after {
    background-position: -136px -66px;
}

.price-list.navigation .travel-products:hover:after {
    background-position: -168px -66px;
}

.price-list.navigation .wine:after {
    background-position: -71px -99px;
}

.price-list.navigation .wine:hover:after {
    background-position: -105px -99px;
}

.price-list.navigation .vouchers:after {
    background-position: -202px -65px;
}

.price-list.navigation .vouchers:hover:after {
    background-position: -236px -65px;
}

.price-list.navigation .other:after {
    background-position: -3px -66px;
}

.price-list.navigation .other:hover:after {
    background-position: -37px -66px;
}

.price-list.navigation .gifts:after {
    background-position: -400px -66px;
}

.price-list.navigation .gifts:hover:after {
    background-position: -435px -66px;
}



/* text / Images */
.text-image-container .text-box,
.text-image-container .image-box {
    width: 48%;
    width: calc(50% - 15px;
    )
}

.text-image-container .image-box {
    padding: 40px 0;
}

.align-bottom .text-image-container .image-box {
    padding: 0;
}

.text-image-container .image-box img {
    height: auto;
    max-width: 90%;
}

.text-image-container .text-box h1 {
    font-size: 35px;
}

.text-image-container .text-box {
    padding: 120px 0 50px;
}

.backlink-box {
    margin-top: -10px;
    margin-bottom: 20px;
}

.article-box {
    margin-bottom: 20px;
}

    .article-box .image-box img {
        width: 100%;
        height: auto;
    }

.article-head {
    font-size: 22px;
    padding-bottom: 5px;
}

.author-box {
    border: 1px solid #c4c4c4;
    padding: 20px;
}

    .author-box h4 {
        padding-bottom: 20px;
    }

    .author-box .image-box {
        float: left;
        width: 100px;
        margin: 0 20px 20px 0;
    }

    .author-box p {
        font-size: 15;
        line-height: 21px;
    }

    .author-box .social-media-menu.big {
        border-top: 1px solid #c4c4c4;
        margin-bottom: 0;
        padding-top: 10px;
    }


/* Latest List */
.latest-list li {
    float: left;
    width: 32.33%;
    width: calc(33.33% - 25px);
    margin: 0 25px 25px 0;
}

.latest-list.expertise li {
    width: 32.33%;
    width: calc(33.33% - 45px);
    margin: 0 45px 45px 0;
}

.latest-list li h2 {
    font-size: 19px;
}

.latest-list li p {
    padding-bottom: 0;
}

.latest-list .image-box {
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

    .latest-list .image-box img {
        width: 100%;
        height: auto;
        vertical-align: top;
    }

    .latest-list .image-box.no-scale img, .latest-list .image-box.no-scale:hover img {
        width: auto;
    }

    .latest-list .image-box a:hover {
        opacity: 0.8;
    }


/* Blog List */
.blog-list-item .content, .recentPosts .content {
    box-shadow: rgb(191 191 191 / 40%) 0px 1px 6px 0px;
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.blogheadrer {
    border-bottom: 2px solid #8c8c8c;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

.blog-list .image-box {
    float: left;
    width: 100%;
}

    .blog-list .image-box a {
        width: 100%;
        float: left;
    }

    .blog-list .image-box img {
        width: 100%;
        height: 180px;
        object-fit: cover;
    }

.read-more {
    position: absolute;
    bottom: 10px;
}

    .read-more a {
        color: #000000;
    }

        .read-more a:hover {
            color: #e01883;
            text-decoration: none;
        }

.blog-list .content-box {
    float: left;
    width: 100%;
    padding: 5px 15px;
    height: 155px;
    padding-bottom: 30px;
    position: relative;
}

.blog-title {
    font-size: 19px;
    padding-bottom: 5px;
    line-height: 130%;
}

.article-box .blog-title {
    font-size: 22px;
    margin-bottom: 10px;
    font-weight500;
}

.blog-title a {
    color: #000000;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .blog-title a:hover, .blog-title a:focus {
        color: #e84892;
        ;
    }

.author-name, .author-name .comment-count {
    color: #000000;
}

    .author-name, .author-name .comment-count:hover {
        color: #e01883;
    }

.blog-list .more {
    position: relative;
}

.subline {
    float: left;
    padding-top: 60px;
    width: 100%;
}

.cat-tags, .cat-sub {
    display: inline-block;
    padding-right: 20px;
}

/* small image listt */

.blog-list.small-images .blog-title {
    font-size: 30px;
    padding-bottom: 5px;
}

.blog-list.small-images .image-box {
    width: 250px;
}

    .blog-list.small-images .image-box img {
        max-width: 100%;
        width: auto;
    }

    .blog-list.small-images .image-box.black-border img {
        border: 1px solid #000;
    }

.blog-list.small-images .content-box {
    width: calc(100% - 270px);
}

.blog-list .team-contact li {
    border: 0 !important;
    float: left;
    padding: 0;
    margin: 0 5px 1px 0;
    width: 30px;
}

    .blog-list .team-contact li a {
        display: block;
        width: 30px;
        height: 30px;
    }

        .blog-list .team-contact li a:hover {
            opacity: 0.8;
        }

        .blog-list .team-contact li a.linked-in {
            background: url(../images/sprite.png) 0 -478px no-repeat;
        }

        .blog-list .team-contact li a.skype {
            background: url(../images/sprite.png) -40px -478px no-repeat;
        }

/* testimonials */
.client-testimonials .blog-list.small-images .image-box {
    width: 100% !important;
}

.client-testimonials .blog-list.small-images .content-box {
    width: 100% !important;
}

.client-testimonials .blog-list.small-images .blog-title {
    font-size: 25px;
}

/* course list */
.partner-list li {
    float: left;
    position: relative;
    margin: 0 4px 4px 0;
}

.partner-list .partner-logo {
    width: 150px;
    height: 150px;
    background-color: #fff;
    text-align: center;
    vertical-align: center;
    line-height: 150px;
    overflow: hidden;
    border: 1px solid #cfcfcf;
}

    .partner-list .partner-logo img {
        vertical-align: middle;
        display: inline-block;
        height: auto !important;
        vertical-align: middle;
        max-width: 100 !important;
    }


/* download boxes */
.download-box {
    border: 1px solid #d9d9d9;
    margin-top: 40px;
}

.download-box-item {
    background-color: #f8f8f8;
    padding: 30px 20px;
}

.download-box .image-box {
    float: right;
    max-width: 160px;
    width: 34%;
    margin: 0 0 20px 20px;
}

.download-box .content-box h4 {
    font-size: 19px;
}

.download-box .content-box {
    font-size: 15px;
    line-height: 20px;
}

.download-box .form-box {
    clear: both;
    background-color: #e6e6e6;
    padding: 20px 0 20px 20px;
}

    .download-box .form-box .form-group {
        width: 33.33%;
        float: left;
    }

.download-box .call-to-action {
    margin: 10px 0 0
}

.article-box .subline {
    margin-top: 20px;
    padding-top: 5px;
    border-top: 1px solid #d9d9d9;
}


/* comment Box */
.comment-box h4 {
    padding-bottom: 5px;
    border-bottom: 1px solid #d9d9d9;
    margin-bottom: 30px;
}

.comment-box .form-box {
    margin-bottom: 50px;
}

.comment-box .image-box {
    float: left;
    width: 60px;
    height: 60px;
    margin: 0 20px 20px 0;
    background-color: #e1e1e1;
    text-align: center;
    line-height: 80px;
    vertical-align: middle;
}

.no-user-image {
    width: 30px;
    height: 30px;
    overflow: hidden;
    background: url(../images/sprite.png) -440px -360px no-repeat;
    display: inline-block;
}

.comment-textfield {
    float: left;
    width: calc(100% - 150px);
}

.comment-box .comment-textfield textarea {
    height: calc(60px - 26px);
    font-style: italic;
    padding-top: 15px;
}

.form-group.comment-submit {
    float: left;
    width: 50px;
    margin-left: 20px;
}

    .form-group.comment-submit .call-to-action {
        margin-top: 6px;
    }

.comment-item .content-box {
    float: left;
    width: calc(100% - 80px);
}

.comment-item h4 {
    border: none;
    margin-bottom: 5px;
}

.comment-item p {
    font-style: italic;
}
/* alert messages */
.alert-message {
    text-align: center;
}

    .alert-message .message {
        width: 70%;
        border: 1px solid #e64891;
        padding: 30px;
        margin: 0 auto;
    }

        .alert-message .message h1 {
            font-size: 35px;
            line-height: 1.5em;
            margin: 0;
            padding: 0;
        }


/* logo list above footer */
.footer-logos {
    text-align: center;
    padding: 10px 0;
}

    .footer-logos .item-box {
        display: table;
        width: 100%;
    }

    .footer-logos .logo-list {
        display: table-row;
        width: 100%;
    }

        .footer-logos .logo-list.items-5 li {
            display: table-cell;
            width: 20%;
            text-align: center;
            vertical-align: middle;
        }

        .footer-logos .logo-list.items-6 li {
            display: table-cell;
            width: 15%;
            text-align: center;
            vertical-align: middle;
        }

        .footer-logos .logo-list li:nth-of-type(1) {
            text-align: left;
        }

        .footer-logos .logo-list.items-6 li:nth-of-type(6),
        .footer-logos .logo-list li:nth-of-type(5),
        .footer-logos .logo-list.items-5 li:nth-of-type(4) {
            text-align: right;
        }

        .footer-logos .logo-list img {
            height: auto;
            max-width: 150px;
        }

/* Cart/basket buttons and cart/basket content */
.add-to-basket-box {
    margin-top: 10px;
}

.cart {
    padding-left: 50px;
}

    .cart:after {
        position: absolute;
        content: '';
        top: 8px;
        left: 14px;
        width: 30px;
        height: 30px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: -196px -356px;
        background-rpeat: no-repeat;
    }

.payment-icon-list {
    font-size: 0;
}

    .payment-icon-list li {
        margin-right: 6px;
        font-size: 0;
        display: inline-block;
        height: 25px;
        width: 30px;
        background-image: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: 0 -356px;
        background-rpeat: no-repeat;
    }

li.visa-icon {
    background-position: 0 -356px;
}

li.amexco-icon {
    background-position: -39px -356px;
}

li.mastercard-icon {
    background-position: -80px -356px;
}

li.meastro-icon {
    background-position: -120px -356px;
}

li.secure-icon {
    background-position: -150px -356px;
    margin-right: 0;
}


/* basket list */
section.basket {
    padding: 0;
}

.basket-list-item {
    border: 1px solid #d1d1d1;
    border-top: 0;
    padding: 10px;
    display: table;
    width: 95%;
    width: calc(100% - 20px);
}

    .basket-list-item:nth-of-type(1) {
        border-top: 1px solid #d1d1d1;
    }

.basket-list-box {
    display: table-row;
    width: 100%;
}

    .basket-list-box .image-box {
        display: table-cell;
        width: 140px;
    }

    .basket-list-box .content-box {
        display: table-cell;
    }

    .basket-list-box .price {
        display: table-cell;
        text-align: right;
    }

    .basket-list-box .course-logo {
        width: 120px;
        height: 120px;
        background-color: #fff;
        text-align: center;
        vertical-align: center;
        line-height: 120px;
        overflow: hidden;
        border: 1px solid #cfcfcf;
    }

    .basket-list-box .content-box {
        padding: 20px;
    }

    .basket-list-box .price span {
        display: inline-block;
        border: 1px solid #d1d1d1;
        padding: 5px 50px 5px 10px;
        position: relative;
        margin-right: 20px;
    }

    .basket-list-box .price button.delete {
        background: #cfcfcf;
        border-radius: 0;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 35px;
    }

        .basket-list-box .price button.delete:after {
            content: '';
            top: 0;
            left: 0;
            width: 30px;
            height: 30px;
            background: url(../images/sprite.png);
            background-image: url(../images/sprite.svg);
            background-size: 500px 800px;
            background-position: -427px -268px;
            background-rpeat: no-repeat;
            position: absolute;
        }

    .basket-list-box .course-logo img,
    .logo-item .course-logo img {
        display: inline-block;
        height: auto;
        vertical-align: middle;
        width: 100%;
    }

.totals {
    text-align: right;
    margin-top: 20px;
}

    .totals .more {
        color: #000;
    }

        .totals .more:hover {
            color: #e84892
        }

.items-count {
    display: inline-block;
    margin-left: 30px;
}

.form-box.billing-details, .form-box.registration {
    padding: 20px;
    background-color: #eaeaea;
}

.billing-detail-header {
    font-size: 25px;
    margin-bottom: 15px;
}

.billing-details .name {
    margin-bottom: 20px;
}

.basket-list.confirm .basket-list-item {
    width: calc(100% - 6px);
}

.basket-list.confirm .image-box {
    display: table-cell;
    width: 60px;
}

.basket-list.confirm .course-logo {
    width: 50px;
    height: 50px;
    line-height: 50px;
}

.basket-list.confirm .basket-list-item,
.basket-list.confirm .content-box {
    padding: 3px;
}

.basket-list.confirm .basket-list-box .price span {
    padding: 5px 10px;
    margin-right: 5px;
}


/* my Ott */
.my-ott-header {
    padding: 20px 0 30px 0;
}

    .my-ott-header h1 {
        font-size: 35px;
        padding-bottom: 0;
    }

    .my-ott-header .item-box::after {
        border-color: #eaeaea transparent transparent;
        border-style: solid;
        border-width: 15px 16.5px 0;
        bottom: -45px;
        content: "";
        height: 0;
        left: 50px;
        position: absolute;
        width: 0;
    }

.add-external-training {
    position: absolute;
    right: 0;
    bottom: 3px;
    padding-left: 50px;
    color: #000;
}

    .add-external-training:before, .add-external-training:after {
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        left: 0;
    }

    .add-external-training:before {
        border-radius: 19px;
        border: 1px solid #e84892;
    }

    .add-external-training:after {
        position: absolute;
        content: '';
        top: 8px;
        left: 7px;
        width: 30px;
        height: 30px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-position: -238px -441px;
        background-rpeat: no-repeat;
    }


.history-table {
    width: 100%;
    margin-bottom: 30px;
}

    .history-table th {
        text-align: center;
        font-weight: 300;
        border-bottom: 1px solid #cfcfcf;
    }

        .history-table th:nth-of-type(1), .history-table th:nth-of-type(2) {
            text-align: left;
        }

    .history-table td {
        padding: 10px 0;
        border-bottom: 1px solid #cfcfcf;
    }

        .history-table td .course-logo {
            background-color: #fff;
            border: 1px solid #cfcfcf;
            float: left;
            height: 120px;
            line-height: 120px;
            overflow: hidden;
            text-align: center;
            vertical-align: middle;
            width: 120px;
        }

            .history-table td .course-logo img {
                display: inline-block;
                height: auto !important;
                vertical-align: middle;
            }

td.status,
td.actions,
td.certificate,
td.rated {
    text-align: center;
    vertical-align: middle;
}


.status span:after,
.actions span:after,
.certificate span:after,
.rated span:after {
    background: url(../images/sprite.png);
    background-image: url(../images/sprite.svg);
    background-size: 500px 800px;
    background-position: -196px -356px;
    background-rpeat: no-repeat;
    content: '';
    position: absolute;
    top: 0;
    left: 5px;
    width: 30px;
    height: 40px;
}

.status span,
.actions span,
.certificate span,
.rated span {
    display: inline-block;
    position: relative;
    min-width: 40px;
    padding-top: 15px;
    min-height: 25px;
}

    .status span:after {
        left: 15px;
        top: 8px;
    }

    .status span:before {
        border: 1px solid #e84892;
        border-radius: 19px;
        content: '';
        position: absolute;
        top: 0;
        left: 7px;
        width: 30px;
        height: 30px;
    }

    .status span.inactive:after {
        background-position: -240px -441px;
    }

    .status span.active:after {
        background-position: -80px -400px;
    }

    .status span.active:before {
        border-color: #75c813;
    }

    .actions span.inactive:after {
        background-position: -281px -435px;
    }

    .actions span.active:after {
        background-position: -360px -438px;
    }

    .certificate span.inactive:after {
        background-position: -320px -440px;
    }

    .certificate span.active:after {
        background-position: -320px -401px;
    }


.rated span {
    color: #c3c3c3;
    font-weight: bold;
}

    .rated span:after {
        height: 20px;
        left: 50%;
        margin-left: -10px;
        width: 20px;
    }

    .rated span.active {
        color: #f1d019;
    }

    .rated span.inactive:after {
        background-position: -121px -280px;
    }

    .rated span.active:after {
        background-position: -160px -280px;
    }

/* footer */
.site-footer {
    background-color: #040710;
    color: #fff;
    padding-top: 40px;
    font-size: 17px;
}

    .site-footer h3 {
        color: #e84892;
        font-size: 22px;
    }

    .site-footer .social-media-menu {
        position: absolute;
        right: 0;
        top: -5px;
    }

        .site-footer .social-media-menu li {
            float: left;
        }

    .site-footer a {
        color: #fff;
    }

        .site-footer a:hover {
            color: #e84892;
        }

.footer-box {
    float: left;
    /*width: 25%;*/
    width: 20%;
}


    .footer-box ul {
        margin-right: 10px;
    }

.copyright {
    margin-top: 20px;
    border-top: 1px solid #1e1e1e;
}

    .copyright p {
        padding: 20px 0;
        font-size: 14px;
    }


.jacob-footer + .copyright {
    margin-top: 0;
}

.jacob-footer {
    background: #040710;
    padding: 25px 0;
    margin: 20px 0 0;
    border-top: 1px solid #1e1e1e;
}

.item-box.cf.new-footer .footer-box p, .item-box.cf.new-footer .footer-box h2 {
    margin: 0;
    padding: 0;
}

.item-box.cf.new-footer .footer-box p {
    font-size: 14px;
    line-height: 24px;
}

.item-box.cf.new-footer .footer-box.block-2 {
    /* width: 40%;*/
    width: 35%;
}

.item-box.cf.new-footer .footer-box.block-3 {
    /* width: 35%;*/
    width: 45%;
}

.item-box.cf.new-footer .jacob-images {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

    .item-box.cf.new-footer .jacob-images a {
        max-width: calc(25% - 15px);
    }

        .item-box.cf.new-footer .jacob-images a img {
            max-width: 100%;
        }


/* popup boxes */
.popup-box {
    max-width: 850px;
    width: 90%;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
}

/*.login_title {
    padding-top: 20px;
}*/

.modal-dialog.modal-m {
    max-width: 420px;
}

.checkboxhold {
    width: auto;
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 10px;
}

    .checkboxhold .checkbox {
        line-height: normal;
        margin: 0;
        float: left;
        margin-top: 3px;
        max-width: calc(100% - 20px);
        text-align: left;
    }

    .checkboxhold.terms .checkbox {
        line-height: normal;
        font-size: 13px;
        margin: 0;
        float: left;
        margin-top: 3px;
        max-width: calc(100% - 20px);
        text-align: left;
    }

        .checkboxhold.terms .checkbox a {
            font-weight: 500;
            color: #000;
        }

/* forms */

.terms-details {
    text-align: right;
    margin-top: 20px
}

.accept-conditions, .call-to-action {
    display: inline-block;
    margin: 0 0 0 20px;
    padding: 0;
    line-height: 44px;
}

.form-group .call-to-action {
    margin-left: 0;
}

.accept-conditions input[type="checkbox"] {
    margin: 13px 10px 0 0;
}

.form-group label {
    display: block;
}

.form-group input {
    font-size: 17px;
    line-height: initial;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    width: 100%;
}

.form-group textarea {
    font-weight: 17px;
    padding: 10px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    width: 100%;
    width: calc(100% - 20px)
}

.form-group select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-image: url(../images/select.png);
    background-position: center right;
    background-repeat: no-repeat;
    border-radius: 0;
}

.form-group select {
    font-weight: 17px;
    padding: 10px;
    height: 45px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    width: 100%;
    width: calc(100% - 20px)
}

.no-label label {
    display: none;
}

.form-group {
    margin-bottom: 15px;
    position: relative;
}

    .form-group.cols-4 {
        float: left;
        width: 23%;
        width: calc(25% - 10px);
        margin-right: 10px;
    }

    .form-group.cols-3 {
        float: left;
        width: 32%;
        width: calc(33% - 10px);
        margin-right: 10px;
    }

    .form-group.cols-2 {
        float: left;
        width: 48%;
        width: calc(50% - 10px);
        margin-right: 10px;
    }

.cols-1 {
    float: none;
    clear: both;
    width: 100%;
}

.form-group.cols-4:nth-of-type(4n+4) {
    margin-right: 0;
    width: calc(25%)
}

.form-group.cols-3:nth-of-type(3n+3) {
    margin-right: 0;
    width: calc(33%)
}

.form-group.cols-2:nth-of-type(2n+2) {
    margin-right: 0;
    width: calc(50%)
}

.form-group.cols-4:nth-of-type(4n+4) input,
.form-group.cols-4:nth-of-type(4n+4) select {
    width: calc(100%)
}

.form-group.cols-3 input,
.form-group.cols-3 select {
    width: calc(100%)
}

.form-group.cols-2 input,
.form-group.cols-2 select {
    width: calc(100%)
}

.single-col.cols-2 {
    width: calc(50% - 10px)
}

.single-col.left-col {
    float: left;
}

.single-col.right-col {
    float: right;
}

.single-col .form-group select, .single-col .form-group label, .single-col .form-group input, .single-col .form-group textarea {
    width: 100%;
}


input[type="checkbox" ] {
    float: left;
    width: 16px;
    height: 16px;
    border: 1px solid #cfcfcf;
    margin: 5px 4px 0 0;
}

form label.checkbox {
    float: left;
}

.field-validation-error {
    color: red;
    display: inline-block;
    float: left;
    width: 100%;
    line-height: initial;
    margin-top: 5px;
    font-size: 14px;
}

.email-validation-error {
    border-color: rgb(248, 0, 38);
}

.date-selector {
    position: absolute;
    right: 5px;
    top: 36px;
    width: 30px;
    height: 30px;
    background: url(../images/sprite.png);
    background-image: url(../images/sprite.svg);
    background-size: 500px 800px;
    background-repeat: no-repeat;
    background-position: 0 -399px;
}

/* feedback */
.br-theme-bars-square .br-widget {
    height: 40px;
    width: auto;
    display: inline-block;
    position: relative;
    margin: 0 30px;
}

    .br-theme-bars-square .br-widget:after, .br-theme-bars-square .br-widget:before {
        width: 30px;
        height: 30px;
        content: '';
        position: absolute;
        top: 5px;
        background: url(../images/sprite.png);
        background-image: url(../images/sprite.svg);
        background-size: 500px 800px;
        background-repeat: no-repeat;
    }

    .br-theme-bars-square .br-widget:before {
        background-position: -240px -320px;
        left: -30px;
    }

    .br-theme-bars-square .br-widget:after {
        right: -30px;
        background-position: -280px -320px;
    }

    .br-theme-bars-square .br-widget a {
        display: block;
        width: 30px;
        height: 30px;
        float: left;
        border: 1px solid #c1c1c1;
        background-color: white;
        margin: 2px 5px 0 0;
        text-decoration: none;
        font-size: 14px;
        font-weight: 400;
        line-height: 2;
        text-align: center;
        color: #bbcefb;
        color: #000;
        border-radius: 30px;
    }

        .br-theme-bars-square .br-widget a.br-active,
        .br-theme-bars-square .br-widget a.br-selected {
            border: 1px solid e84892;
            color: #fff;
            border-radius: 30px;
            background-color: #e84892;
            border-color: #e84892;
        }

@media print {
    .br-theme-bars-square .br-widget a {
        border: 1px solid #b3b3b3;
        color: #b3b3b3;
    }

        .br-theme-bars-square .br-widget a.br-active,
        .br-theme-bars-square .br-widget a.br-selected {
            border: 1px solid black;
            color: black;
        }
}




/* CSS */
/* You should be able to use @import or Google Fonts link as well,
 * these also generate a @font-face rule.
 *
 */

body,
.text-image-container .text-box h1,
.teaser-box h2 {
    font-family: 'Roboto', sans-serif;
}

.teaser-box h1,
.header-info h1,
.alert-message h1,
.course-detail h1,
.my-ott-header h1,
.header-info h2,
.blog-list.small-images .blog-title {
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}


.site-footer h3,
.main-nav .button,
.slider-content-box h2,
.training-teaser .content-container h2,
.items-4 .content-container h2,
.latest-list li h2,
.overview-container .content-container h2,
.popup-box h4,
.full-width-text h3,
button, .button, .nav-toggle, .dropdown-toggle,
.aside-box-header,
.cat-title,
.blog-title,
.blog-list .more,
.article-head,
.download-box .content-box h4,
.comment-box h4,
.billing-details .name {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
}

/* Social media*/
.row_hold.social-media-hold .socialhold li a {
    filter: grayscale(1);
}

    .row_hold.social-media-hold .socialhold li a:hover {
        filter: none;
    }
/* End*/

/* media Queries */
@media screen and (max-width: 1184px) {
    .item-box, .detail-pages {
        width: 96%;
        width: calc(100% - 44px);
        min-width: 278px;
    }

    .footer-logos .item-box {
        display: table;
        width: 96%;
        width: calc(100% - 44px);
    }
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 990px) {

    .overview-container .image-container {
        height: 240px;
    }

    .overview-container .content-container h2 {
        padding-bottom: 10px;
    }

    .course-overview .overview-list li {
        float: left;
        width: 48%;
        width: calc(50% - 10px);
        margin-bottom: 20px;
        margin-right: 20px;
    }

        .course-overview .overview-list li:nth-of-type(3n+3) {
            margin-right: 20px;
        }

        .course-overview .overview-list li:nth-of-type(even) {
            margin-right: 0;
        }

    .footer-logos .logo-list img {
        height: auto;
        max-width: 120px;
    }


    .achievement-list {
        text-align: center;
    }
}

@media screen and (max-width: 970px) {
    form .cols-4 input {
        width: calc(100% - 0px);
    }
}

@media screen and (max-width: 900px) {
    .section-navigation ul li a {
        padding: 0 40px 0 20px;
        font-size: 17px;
    }

        .section-navigation ul li a::after {
            right: 10px;
        }

    .product-training-list.navigation li {
        margin: 0 2px 0 0;
    }

    .logo a {
        width: 80px;
        height: 50px;
        background-size: 80px auto;
    }

    .main-nav {
        margin-top: 20px;
    }

    .footer-box {
        width: 50%;
        margin-bottom: 30px;
    }

    .main-content {
        padding-top: 120px;
    }
}

@media screen and (max-width: 860px) {
    .site-header {
        position: relative;
    }

    .main-navigation .item-box {
        width: 100%;
    }

    .logo {
        margin-left: 22px;
    }

    .main-content {
        padding-top: 0;
    }

    .nav-toggle,
    .nav-toggle span {
        height: 2px;
        background: #fff;
        width: 22px;
        position: absolute;
        top: 9px;
        left: 5px;
        display: block;
        position: absolute;
    }

        .nav-toggle span:before,
        .nav-toggle span:after {
            content: '';
            position: absolute;
            width: 100%;
            height: 2px;
            background: #fff;
            left: 0;
        }

        .nav-toggle span:before {
            top: 6px;
        }

        .nav-toggle span:after {
            top: 12px;
        }

    .main-nav ul ul:before,
    .navigation-bar .navigation,
    .nav-collapse.opened ul ul.children,
    .nav-collapse ul.children {
        display: none;
    }
    /* be carfeull, 
may delete when touch event fired*/
    li:hover ul {
        display: inherit;
    }


    #nav-toggle {
        right: 14px;
        top: 15px;
    }

    .main-nav.nav-collapse {
        top: 0;
        width: 100%;
        margin-top: 0;
    }

    .main-nav ul ul {
        width: 100%;
        position: relative;
        padding: 0;
        border: 0;
    }

        .main-nav ul ul li {
            position: relative;
            width: 100%;
        }

    li li a::after {
        left: 21px;
    }

    .nav-collapse ul {
        display: none;
        position: relative;
        ;
        background: #fff;
        zoom: 1;
    }

        .nav-collapse ul:before,
        .nav-collapse ul:after {
            content: "";
            display: table;
        }

        .nav-collapse ul:after {
            clear: both;
        }

    .main-nav li.level-0:nth-of-type(1) {
        border-top: 1px solid #ccc;
    }

    .nav-collapse li,
    .main-nav li.level-0:nth-of-type(1) {
        width: 100%;
        display: block;
        margin-left: 0;
        border-bottom: 1px solid #ccc;
        height: auto;
    }

        .nav-collapse li li {
            border-bottom: 0 !important;
            border-top: 1px solid #ccc;
        }

    .main-nav.nav-collapse li.login {
        margin-left: 12px;
    }

    .main-nav.nav-collapse li.login,
    .main-nav.nav-collapse li.register {
        width: inherit;
        margin-bottom: 10px;
        margin-top: 10px;
        border-bottom: 0;
    }

    .nav-collapse.opened ul ul.children.toggled,
    .nav-collapse.opened ul ul ul.children.toggled,
    .nav-collapse.opened ul,
    .nav-collapse.opened div {
        display: block;
        top: inherit;
    }

    .js .nav-collapse {
        position: relative;
        display: block;
        z-index: 102;
    }

    .main-nav.nav-collapse li li a::after {
        left: 20px;
    }
    /* if it is relative add this to overwrite height calculation 
Delete it, 
if your position is absolute*/
    .js #masthead .nav-collapse-0.opened {
        max-height: 100% !important
    }

        .js #masthead .nav-collapse-0.opened.dropdown-active {
            max-height: 100% !important
        }
    /* end*/
    .keyvisual {
        min-height: 250px;
    }

        .keyvisual.small {
            min-height: 120px;
            padding: 20px 0;
        }

        .keyvisual .teaser-box h1 {
            font-size: 50px;
        }

        .keyvisual .teaser-box {
            padding: 40px 0;
        }

    .text-image-container .image-box img {
        width: 100%;
        height: auto;
    }

    .text-image-container .text-box {
        padding: 60px 0 20px;
    }

    .footer-logos .logo-list li img {
        width: 80%;
        height: auto;
    }

    .latest-list li, .latest-list.expertise li {
        float: left;
        margin: 0 0 30px 0;
        width: 100%;
    }

        .latest-list li .image-box {
            float: left;
            width: 40%;
        }

        .latest-list li .latest-content {
            float: left;
            margin-left: 25px;
            width: 58%;
            width: calc(60% - 25px)
        }

            .latest-list li .latest-content .centered {
                text-align: left;
            }

    .overview-list li {
        margin-bottom: 20px;
        width: 100%;
        float: left !important;
    }

    .form-group.cols-4, .form-group.cols-3 {
        width: calc(50% - 10px);
    }

    .form-box .cols-4:nth-of-type(4n+4) {
        width: calc(50% - 10px);
    }

    .form-box .cols-4:nth-of-type(2n+2) {
        width: calc(50%);
        margin-right: 0;
    }

    .form-box .cols-3:nth-of-type(3n+3) {
        width: calc(50% - 10px);
        margin-right: 10px;
    }

    .form-box .cols-3:nth-of-type(2n+2) {
        width: calc(50%);
        margin-right: 0;
    }

    .form-group.cols-4 input,
    .form-group.cols-4 select,
    .form-group.cols-3 input,
    .form-group.cols-3 select,
    .form-group.cols-2 input,
    .form-group.cols-2 select {
        width: calc(100%);
    }
}


@media screen and (max-width: 760px) {

    .search-box,
    .section-menu {
        float: left;
        clear: both;
    }

    .section-menu {
        margin-top: 10px;
        border-top: 1px solid #999;
        width: 100%;
        padding-top: 10px;
    }

    .teaser-container .image-container {
        min-height: 400px;
    }

    .items-4 .teaser-container .image-container {
        min-height: 180px;
    }

    .text-image-container .text-box {
        padding: 10px 0 20px;
    }

        .text-image-container .text-box h1 {
            font-size: 27px;
        }

    .text-image-container .text-box {
        width: 100%;
    }

    .text-image-container .image-box {
        width: 100%;
        text-align: center;
    }

    .align-bottom .image-box.pull-left, .align-bottom .image-box.pull-right {
        bottom: inherit;
        position: static;
        left: inherit;
    }

    .text-image-container .image-box img {
        width: 50%;
        height: auto;
        min-width: 290px;
    }

    .course-detail {
        width: 100%;
    }

    .course-detail-header .item-box {
        margin-bottom: 80px;
    }

    .course-detail-header .add-to-basket-box {
        bottom: -90px;
    }

    .keyvisual .teaser-box h1 {
        font-size: 40px;
    }

    .keyvisual .teaser-box h3 {
        font-size: 20px;
    }

    .primary-content, .secondary-content {
        float: none;
        width: 100%;
    }

    .header-info h1 {
        font-size: 30px;
    }

    .history-table td .course-logo {
        height: 90px;
        line-height: 90px;
        width: 90px;
    }

    .likePosts li {
        width: auto !important;
    }
}

@media screen and (max-width: 720px) {
    .single-col.cols-2 {
        width: calc(100% - 10px)
    }

    .single-col.left-col, .single-col.right-col {
        float: none;
    }
}

@media screen and (max-width: 670px) {
    .blog-search .search-box {
        width: 100%;
        margin-bottom: 15px;
        margin-top: 15px;
    }

    .search-box input {
        width: calc(100% - 68px);
    }

    .language-list li {
        width: calc(50% - 20px);
    }

    .course-overview .overview-list li {
        float: left;
        width: 100%;
        margin-right: 0 !important;
    }

    .col-list.cols-3 li, .col-list.cols-3 li:nth-of-type(3n+3) {
        float: none;
        width: 100%;
        margin-bottom: 0;
    }

    .col-box {
        padding: 0;
    }

    .download-box .form-box .form-group {
        width: 100%;
    }

    .basket-list-box .image-box {
        width: 110px;
    }

    .basket-list-box .course-logo {
        width: 100px;
        height: 100px;
        line-height: 100px;
    }

    .history-table th {
        font-size: 12px;
    }
}

@media screen and (max-width: 600px) {
    .teaser-container .image-container,
    .teaser-container .content-container {
        display: block;
        width: 100%;
    }

    .teaser-container .image-container {
        min-height: 300px;
    }

    .text-image-container .text-box {
        padding: 0 0 20px 0;
    }

    .blog-list .image-box {
        float: none;
        margin: 0 auto 10px;
        width: 100%;
        max-width: 400px;
    }

    .blog-list.small-images .image-box {
        float: left;
        margin-right: 20px;
    }

    .blog-list.small-images .image-box {
        width: 210px;
    }

    .add-external-training {
        position: relative;
        right: inherit;
        bottom: inherit;
        margin-top: 30px;
    }

    .history-table th {
        font-size: 10px;
    }

    .logo-item {
        min-width: 70px;
    }

    .history-table td .course-logo {
        height: 60px;
        line-height: 60px;
        width: 60px;
    }

    .popup-box-item .form-group.cols-2 {
        float: left;
        margin-right: 0 !important;
        width: 100% !important;
    }

    .popup-box-item .call-to-action {
        margin-left: 0;
    }
}

@media screen and (max-width: 550px) {
    .feedback {
        display: none;
    }

    .form-box .cols-4,
    .form-box .cols-3,
    .form-box .cols-2,
    .form-group.cols-2,
    .form-group.cols-3,
    .form-group.cols-4 {
        width: 100% !important;
        margin-right: 0 !important;
    }


    .download-box .image-box {
        margin: 0 0 10px 10px;
        max-width: 90px;
    }
}



@media screen and (max-width: 490px) {
    .footer-box {
        width: 100%;
        margin-bottom: 10px;
    }

    .section-navigation ul li {
        width: 100%;
        padding: 0;
    }

        .section-navigation ul li a {
            padding: 0;
        }

            .section-navigation ul li a.active::after,
            .section-navigation ul li a:hover::after {
                right: 15px;
            }

        .section-navigation ul li:nth-of-type(1) a {
            border-right: 0;
            border-bottom: 1px solid #999;
        }

    .footer-logos .logo-list li img {
        width: 60%;
    }

    .footer-logos .logo-list li:nth-of-type(2) img {
        width: 110%;
    }

    .latest-list li {
        float: left;
        margin-right: 0;
        width: 100%;
        padding: 5px 0 20px;
    }

        .latest-list li .image-box {
            float: none;
            width: 100%;
        }

        .latest-list li .latest-content {
            float: none;
            margin-left: 0;
            width: 100%;
        }

    .blog-list.small-images .image-box {
        width: 97px;
    }

    .overview-container .image-container,
    .overview-container .content-container {
        width: 100%;
        display: block;
    }

    .course-overview .overview-container .image-container {
        width: 150px;
        display: table-cell;
    }

    .course-overview .overview-container .content-container {
        width: auto;
        display: table-cell;
    }

    .course-overview .overview-container .image-container {
        height: 200px;
    }

    .language-list li .lang {
        font-size: 15px;
    }

    .basket-list-box .image-box {
        width: auto;
    }

    .basket-list-box .image-box {
        display: block;
        float: left;
        margin-right: 20px;
    }

    .basket-list-box .content-box {
        display: block;
    }

    .basket-list-box .price {
        display: block;
        float: left;
        width: 100%;
    }

    .basket-list-box .course-logo {
        height: 70px;
        line-height: 70px;
        width: 70px;
    }

    .basket-list-box .price span {
        margin-right: 0;
    }

    .history-table td.title {
        font-size: 15px;
        line-height: 19px;
    }

    .status span, .actions span, .certificate span, .rated span {
        min-height: 16px;
        padding-top: 10px;
    }

        .status span::after, .actions span::after, .certificate span::after, .rated span::after {
            background-size: 400px 640px;
            width: 30px;
            height: 30px;
        }

        .status span::before {
            height: 21px;
            width: 21px;
        }

        .status span.inactive::after {
            background-position: -192px -352px;
        }

        .status span::after {
            left: 12px;
            top: 6px;
        }

        .actions span.inactive::after {
            background-position: -224px -350px;
        }

        .certificate span.inactive::after {
            background-position: -256px -352px;
        }

        .rated span.inactive::after {
            background-position: -93px -222px;
        }

        .status span.active::after {
            background-position: -65px -320px;
        }

        .actions span.active::after {
            background-position: -281px -352px;
        }

        .certificate span.active::after {
            background-position: -255px -320px;
        }

        .rated span.active::after {
            background-position: -126px -221px;
        }
}

@media screen and (max-width: 400px) {
    .phone {
        margin-right: 10px;
        padding-right: 0;
        font-size: 14px !important;
    }

    .product-training-list li {
        min-width: 140px;
    }

    .bkd {
        left: 100%
    }

    .price-list li {
        min-width: 100px;
    }

    .language-list li {
        width: 100%;
    }

    .items-4 .item-box {
        max-width: 285px;
        min-width: 258px;
        padding-left: 0;
        overflow: hidden;
    }

    .course-detail .course-detail-content {
        margin-left: 10px;
        width: calc(100% - 105px);
    }

    .course-detail .course-logo {
        height: 90px;
        line-height: 90px;
        width: 90px;
    }

        .course-detail .course-logo img {
            width: 100%;
        }

    .history-table td .course-logo {
        height: 40px;
        line-height: 40px;
        width: 40px;
    }

    .logo-item {
        min-width: 50px;
    }
}

@media screen and (max-width: 360px) {
    .price-list li {
        min-width: 96px;
    }

    .course-overview .call-to-action-box {
        left: 15px;
        right: 15px;
    }

    .course-overview .overview-container .image-container {
        width: 120px;
    }

    .course-overview .overview-container .filter-logo {
        height: 90px;
        line-height: 90px;
        width: 90px;
    }

        .course-overview .overview-container .filter-logo img {
            width: 100% !important;
        }

    .my-ott-training-history .item-box {
        width: calc(100% - 14px);
    }

    .history-table td.title {
        font-size: 12px;
        line-height: 17px;
    }

    .course-detail .course-detail-content {
        margin-left: 10px;
        width: calc(100% - 85px);
    }

    .course-detail .course-logo {
        height: 60px;
        line-height: 60px;
        width: 60px;
    }
}


/*--------------------------------------------------------------
# Clearings Clear all block if or if not floats included
--------------------------------------------------------------*/
.form-group:after,
.form-group:before {
    content: "";
    display: table;
    table-layout: fixed;
}

.form-group:after {
    clear: both;
}

.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
}

.nbs-flexisel-ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    position: relative;
    text-align: center;
    width: 9999px;
}

.nbs-flexisel-inner {
    overflow: hidden;
    max-width: 100%;
    margin: 0px auto !important;
    padding: 0 2%;
}

.nbs-flexisel-item {
    cursor: pointer;
    float: left;
    margin: 0;
    padding: 15px 0;
    position: relative;
}

.nbs-flexisel-nav-left {
    position: absolute;
    font-size: 20px;
    width: 30px;
    height: 30px;
    left: 0px;
    top: 35% !important;
    z-index: 100;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background: url(../images/sprite.svg) no-repeat -191px -273px;
}
/*.nbs-flexisel-nav-left:before{content:"\e079"; font-family:"Glyphicons Halflings"; position:absolute; top:23%; left:30%; color:#424242;}*/
.nbs-flexisel-nav-right {
    position: absolute;
    font-size: 20px;
    width: 30px;
    height: 30px;
    right: 0px;
    top: 35% !important;
    z-index: 100;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background: url(../images/sprite.svg) no-repeat 11px -273px;
}
/*.nbs-flexisel-nav-right:after{content:"\e080"; font-family:"Glyphicons Halflings";position:absolute; top:23%; left:29%; color:#424242; }*/
.likePosts h1 {
    color: #000000 !important;
    margin-bottom: 5px !important;
}

.nbs-flexisel-item .row.blog-img {
    margin: 10px 15px 0 !important;
    overflow: hidden;
    padding: 10px;
}

.nbs-flexisel-item a {
    color: #000000;
    line-height: 1.3;
}

.flex-slider .post-meta a {
    color: #e6007e;
}

.recentPosts {
    line-height: 1.4;
}

    .recentPosts .cat-title {
        line-height: 1.4
    }

    .recentPosts a {
        color: #000000;
        font-size: 15px;
    }

    .recentPosts .comment-count-hold {
        width: 50%;
        float: left;
    }

    .recentPosts .recent-2row {
        width: 100%;
        float: left;
        padding-top: 5px;
    }

    .recentPosts li {
        border-bottom: 1px solid #f1efef;
        float: left;
        width: 100%;
        margin-bottom: 10px;
    }

        .recentPosts li:last-child, .recentPosts li.cat-title {
            border: 0;
        }

.aside-box-item.recent-posts {
    overflow: hidden;
}

.recentPosts li.cat-title {
    padding-bottom: 10px;
}


.popup_wrapper label {
    display: block;
    margin-bottom: 0px;
    color: #999999;
    text-align: left;
    font-size: 14px !important;
}

    .popup_wrapper label input {
        display: block;
        width: 393px;
        height: 31px;
        background-position: -201px 0;
        padding: 2px 8px;
        font-size: 14px;
        line-height: 31px;
    }

.emailjob input[type="text"] {
    font-size: 13px;
    width: 100%;
    padding: 7px !important;
    color: #333333;
}

.mail_popup.popup-box {
    width: 50%
}

.popup-box .panel .emailjob {
    padding: 20px 25px;
}

.panel .emailjob h3 {
    padding: 15px 0 15px 0;
    font-weight: bold;
}

fieldset .input_wrapper {
    margin-bottom: 15px;
}

button.mfp-close:hover {
    background: transparent;
}


.likePosts li {
    width: 230px !important;
    display: inline-block;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.padd-10 {
    padding: 10px;
}

.likePosts li .blog-img img {
    width: 100%;
    height: auto;
}

.no-post-list {
    width: 100% !important;
}

.detail-pages.cf .article-box.cf .desc-blog p {
    word-wrap: break-word;
}
/*to break the word*/
/*strong{color: #d12a77;}*/


.success-msg {
    color: #4ab94a;
    padding-left: 25px;
    align-content: center
}

.top-20 {
    margin-top: 20px;
}

.aside-box .aside-menu .menu-item:first-child {
    border-top: 0px !important;
}

.blog-list-item .subline {
    padding-top: 10px;
}

    .blog-list-item .subline a {
        color: #000000;
    }

.no-pad {
    padding: 0;
}

.blog-detail p {
    padding-bottom: 0px;
}

.article-box.cf .social-media-menu.big .email {
    background-position: -402px -365px;
    width: 32px !important;
    height: 33px !important;
    margin: 0 4px 5px 0;
}


/*carosal */
.owl-prev {
    position: absolute;
    width: 30px;
    height: 30px;
    left: -25px;
    top: 25% !important;
    z-index: 100;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background: url(https://prelive.onlinetraveltraining.com/css/images/sprite.svg) no-repeat -191px -273px;
    text-indent: 5000em;
}

.pink-text {
    color: #df1683;
}

.owl-next {
    position: absolute;
    width: 30px;
    height: 30px;
    right: -25px;
    top: 25% !important;
    z-index: 100;
    cursor: pointer;
    text-align: center;
    vertical-align: middle;
    background: url(https://prelive.onlinetraveltraining.com/css/images/sprite.svg) no-repeat 11px -273px;
    text-indent: 5000em;
}

.owl-item h2 {
    font-size: 19px;
}

.pagination-sec .pagination {
    padding: 0;
    margin: 0;
    text-align: center;
    display: block;
}

    .pagination-sec .pagination li {
        display: inline-flex;
        float: none;
    }

        .pagination-sec .pagination li a {
            color: #000000;
            padding: 5px 15px;
            border: 1px solid transparent;
        }

            .pagination-sec .pagination li a.active {
                border: 1px solid #757575;
            }

            .pagination-sec .pagination li a:hover {
                color: #e01883;
                text-decoration: none;
            }

.blogheadrer #formsubscribe {
    float: left;
    width: 100%;
    display: inline-flex;
}

span.author-name {
    width: calc(100% - 125px);
    display: inline-block;
    padding-left: 4px;
}

p.meta-dates.pb-0.mb-1 {
    width: 100%;
    display: inline-block;
}

.meta-dates span {
    float: left;
    font-size: 14px;
}

span.author-name a {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

label.pphold {
    font-size: 13px;
    text-align: left;
    line-height: 150%;
    float: left;
    max-width: calc(100% - 20px );
    margin-left: 0px;
    margin-top: 1px;
}

.mfp-container .popup-box h4 {
    padding: 35px 35px 20px 35px;
    margin: 0;
    font-size: 20px;
}

.mfp-container .popup-box-item {
    background-color: #fff;
    padding: 20px 35px 35px 35px;
}

.notification .dropdown-content {
    display: none;
    position: absolute;
    top: 40px;
    width: 350px;
    right: 0px;
    background: #ffffff;
    box-shadow: 3px 5px 3px rgb(0 0 0 / 30%);
    z-index: 999;
    max-height: 420px;
    overflow-y: auto;
    border: 1px solid #efe9e9;
    overflow-x: hidden;
    border-radius: 15px;
}

.notification-h {
    margin: 0;
    text-align: left;
    color: #fff;
    padding: 15px;
    font-weight: 500;
    line-height: normal;
    font-size: 19px;
    float: left;
}

.clear-note {
    float: right;
    padding: 13px 15px 5px 15px;
    color: #fff !important;
    cursor: pointer;
    font-weight: 400;
}

.notification .dropdown-content .notofication-list {
    background: #ffffff;
    width: 100%;
}

.dropdown-content .notofication-list .list {
    width: 100%;
    position: relative;
    float: left;
    padding: 0;
    padding-bottom: 0px;
    margin-bottom: 0;
    border-top: 1px solid #ededed;
    height: 100%;
    min-height: 50px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

    .dropdown-content .notofication-list .list ul {
        line-height: normal;
    }

.note-list {
    width: 100%;
    float: none;
    display: inline-flex !important;
    padding: 7px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.dropdown-content .notofication-list .list li.imghold {
    width: 60px;
    align-items: center;
    height: 60px;
    border: 1px solid #c7c7c7;
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background: #ffffff;
    margin-right: 8px;
    border-radius: 50%;
}

.dropdown-content .notofication-list .list li.detailhold {
    float: none;
    text-align: left;
    margin: 0px;
    display: inline-flex;
    vertical-align: top;
    width: calc(100% - 70px);
    vertical-align: top;
    align-items: center;
}

.dropdown-content .notofication-list .list li h4 a, .dropdown-content .notofication-list .list li h4 {
    padding-bottom: 0px;
    margin: 0 0 5px;
    font-weight: 600;
    font-size: 14px;
    text-overflow: ellipsis;
    display: block;
    overflow: hidden;
    max-height: 40px;
    line-height: normal;
    padding-right: 13px;
}

.dropdown-content .notofication-list .list li p {
    font-size: 14px;
    padding-bottom: 0px;
    height: auto;
    word-break: break-word;
    width: 100%;
    text-overflow: initial;
    overflow: auto;
    max-height: initial;
    white-space: inherit;
    line-height: normal;
}

    .dropdown-content .notofication-list .list li p.circle-button {
        margin-top: 10px;
        display: inline-block;
        width: auto;
        padding: 3px 10px;
        font-weight: 400;
        cursor: pointer;
    }

.notofication-list a.clear-one {
    font-size: 14px;
    font-weight: 600;
    font-family: cursive;
    position: absolute !important;
    right: 10px;
    top: 6px;
    line-height: initial;
    display: none;
    cursor: pointer;
}

.dropdown-content .notofication-list .list:hover {
    background: #f0efef;
}

    .dropdown-content .notofication-list .list:hover a.clear-one {
        display: block !important;
    }

.dropdown-content .notofication-list .cmp-logo {
    max-width: 100%;
    max-height: 100%;
    border: none;
    margin: auto;
}

.main-nav.slim_scroll .row {
    margin: 0;
}

    .main-nav.slim_scroll .row.actual {
        margin-right: -15px;
        margin-left: -15px;
    }

.main-nav li {
    font-size: 17px;
}

#recentPosts h3.blog-title {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-bottom: 0;
}

ul#categorylist {
    max-height: 300px;
    overflow: auto;
}

.blogheadrer .dropdown-menu.slim_scroll.show {
    transform: inherit !important;
    top: 100% !important;
    width: 100%;
}

@media screen and (max-width:575px) {
    .notification .dropdown-content {
        left: auto !important;
        right: 10px !important;
        position: fixed;
        top: 85px;
    }

        .notification .dropdown-content:before {
            right: 116px !important;
        }

        .notification .dropdown-content:after {
            right: 115px !important;
        }
}


nav.section-menu ul {
    margin-top: 10px;
    display: inline-block;
}

.home-content .col-md-12.column {
    padding: 0;
}

.full_height .item-box {
    height: 100%;
}

.full_height .text-image-container {
    display: table;
    height: 100%;
    min-height: calc(100vh - 100px);
    width: 100%;
}

.full_height .text-box-content {
    max-width: 70%;
    padding-left: 15px;
    padding-right: 15px;
}

.full_height section {
    min-height: calc(100vh - 100px);
    padding: 60px 0;
}

.text-image-container .text-box h1, .text-image-container .text-box p {
    padding-bottom: 8px;
}

.text-image-container .text-box h1, .full-width-text h1 {
    font-size: 28px;
    font-weight: 600;
}

.full-width-text h1 {
    padding-bottom: 0;
}

.owl-dots .owl-dot {
    background: transparent !important;
    border: 0;
    outline: none;
    padding: 0;
    margin: 0;
}

.owl-dot span {
    width: 12px !important;
    height: 12px !important;
    display: block;
    background: #cbcbcb;
    border-radius: 50%;
}

.owl-dot.active span {
    background: #de1683 !important;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    margin-top: 40px;
}

.text-circle-content {
    background: #fff;
    border-radius: 50%;
    max-width: 500px;
    height: 500px;
    text-align: center;
    display: table;
    margin: 60px auto;
}

    .text-circle-content .wraphold {
        display: table-cell;
        vertical-align: middle;
        padding: 0 40px;
    }
/* width */
.slim_scroll::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.slim_scroll::-webkit-scrollbar-track {
    background: #f1f1f1
}
/* Handle */
.slim_scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
    /* Handle on hover */
    .slim_scroll::-webkit-scrollbar-thumb:hover {
        background: #fbf9f9;
    }

.btn-dropdown {
    background: #fff;
    color: #000;
    border: 1px solid #000;
    padding: 7px 40px 7px 15px;
    font-size: 17px;
    line-height: 170%;
    text-align: left;
    width: 100%;
    border-radius: 8px;
}

.nav-toggle, .dropdown-toggle {
    display: initial;
    background-color: initial !important;
}

.ui-autocomplete-input:focus {
    width: 190px;
}

.aside-menu li a {
    padding: 3px 15px 7px 15px;
}

.btn-dropdown.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .5em solid;
    border-right: .4em solid transparent;
    border-bottom: 0;
    border-left: .4em solid transparent;
    position: absolute;
    right: 20px;
    top: 18px;
}

.notification .dropdown-content {
    border: 1px solid #efe9e9;
    border-radius: 5px;
    background: #e01883;
    top: 56px;
    overflow: visible;
}

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

    .main-navigation .container {
        max-width: none;
        padding: 0 30px;
    }
}

@media only screen and (max-width: 768px) {
    .full_height .text-image-container .text-box, .full_height .text-image-container .image-box {
        width: 100%;
        float: left;
        margin-bottom: 20px;
    }
}



body {
    font-family: 'Roboto', sans-serif;
    font-size: 17px;
}

a:focus, button:focus {
    outline: none;
}

.text-center {
    text-align: center !important;
}

a, a:hover {
    text-decoration: none;
}

a {
    color: #e84892;
    text-decoration: none;
    display: inline-block;
}

.mfp-hide {
    display: none;
}

ul, ul li {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

nav.section-menu ul {
    margin-top: 10px;
    display: inline-block;
}

body, .text-image-container .text-box h1, .teaser-box h2 {
    font-weight: 300;
}

.h2, h2 {
    font-size: 2rem;
}
/* width */
.slim_scroll::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.slim_scroll::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.slim_scroll::-webkit-scrollbar-thumb {
    background: #c1c1c1;
}
    /* Handle on hover */
    .slim_scroll::-webkit-scrollbar-thumb:hover {
        background: #fbf9f9;
    }

.detail-pages {
    padding: 50px 0;
}

.item-box, .detail-pages {
    margin: 0 auto;
    max-width: 1144px;
    position: relative;
}

.dropdown, .dropup {
    position: relative;
}

.section-navigation ul li a:hover:after {
    background-position: -40px -278px;
}

.search-box {
    float: left;
    background: #f2f0f0;
    height: 43px;
    border: 1px solid #c8c8c8;
    border-radius: 8px;
    margin-top: 6px;
    line-height: 33px;
    vertical-align: top;
}

.navigation-bar .search-box {
    margin-bottom: 10px;
}

.search-box input {
    float: left;
    border: 0;
    height: 40px;
    margin-left: 17px;
    background: #f2f0f0;
    width: calc(100% - 50px);
    font-size: 15px;
    display: inline-block;
    margin: 0 0 0 15px;
    padding: 0;
}

.search-box button {
    float: left;
    background-size: 500px 800px;
    border: 0 none;
    display: inline-block;
    height: 40px;
    width: 35px;
    margin: 0;
    padding: 0;
}

.aside-box-header {
    font-size: 19px;
    margin-bottom: 3px;
    font-weight: 400;
}

button.btnsubscribehold {
    background: #fff !important;
    border: 1px solid#e01883;
    color: #000000;
    border-radius: 8px;
    padding: 12px 20px;
    line-height: 17px;
    font-size: 17px;
    font-weight: 400;
}

    button.btnsubscribehold:hover {
        background: #e01883 !important;
        border: 1px solid #e01883;
        color: #ffffff;
    }

.social-media-menu.big li {
    display: inline-block;
}

    .social-media-menu.big li a {
        width: 40px;
        height: 40px;
        border: 1px solid #b3b3b3;
        color: #b3b3b3;
        text-align: center;
        border-radius: 50%;
        font-size: 19px;
        padding: 6px 0;
    }

        .social-media-menu.big li a.event-brite-icon {
            position: relative;
            top: 13px;
        }

            .social-media-menu.big li a.event-brite-icon:before {
                content: "";
                background: url(../images/eventbrite-logo-gray.png) no-repeat;
                width: 40px;
                height: 40px;
                padding: 5px;
                background-size: 32px;
                position: absolute;
                background-position: center;
                left: 0;
                top: -1px;
                opacity: 0.6;
            }

            .social-media-menu.big li a.event-brite-icon:hover:before {
                content: "";
                background: url(../images/eventbrite-logo.png) no-repeat;
                width: 40px;
                height: 40px;
                padding: 5px;
                background-size: 32px;
                position: absolute;
                background-position: center;
                left: 0;
                top: -1px;
                opacity: 1;
            }

.twitter,
.linkedin,
.facebook,
.youtube {
    background: url(/images/sprite.png);
    background-image: url(/images/sprite.png);
    background-size: 500px 800px;
    background-position: -160px 2px;
    background-rpeat: no-repeat;
    width: 30px;
    height: 30px;
}

    .twitter:hover {
        background-position: -160px -39px;
    }

.linkedin {
    background-position: -45px 0;
}

    .linkedin:hover {
        background-position: -45px -40px;
    }

.facebook {
    background-position: -85px 0;
}

    .facebook:hover {
        background-position: -85px -40px;
    }

.youtube {
    background-position: -125px 0;
}

    .youtube:hover {
        background-position: -125px -40px;
    }

.blogheadrer {
    border-bottom: 2px solid #8c8c8c;
    padding-bottom: 15px;
    margin-bottom: 40px;
}

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



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

.blog .dropdown-menu {
    width: 100%;
    max-height: 300px;
    overflow-y: auto;
    transform: none !important;
    top: 42px !important;
}

    .blog .dropdown-menu
    .dropdown-menu.show {
        display: block !important;
    }

@media only screen and (max-width: 768px) {
}

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

    .main-navigation .container {
        max-width: none;
        padding: 0 30px;
    }
}



@media only screen and (max-width: 768px) {
}
/*bootstrap start*/


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

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

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

.d-none {
    display: none !important;
}

.mr-2, .mx-2 {
    margin-right: .5rem !important;
}

@media only screen and (min-width: 576px) {
    .col-sm-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

@media only screen and(min-width: 768px) {
    .col-md-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

@media only screen and (min-width: 992px) {
    .col-lg-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        width: auto;
        max-width: none;
    }

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

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

/*bootstrap end*/
.modal-content {
    border-radius: 8px;
}


.logomainhold img {
    object-fit: contain;
    max-width: 130px;
}

.main-navigation .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

    .main-navigation .row.actual {
        margin-right: -15px !important;
        margin-left: -15px !important;
    }

.parent.menu-items {
    width: 100%;
}

.main-nav li a, .main-nav ul > li:hover li a, .main-nav li li a {
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.nav_cat {
    display: inline-block;
}

.socialhold {
    background: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}

.row_hold.social-media-hold .socialhold li a {
    border: 1px solid #b3b3b3 !important;
    color: #b3b3b3 !important;
}

    .row_hold.social-media-hold .socialhold li a:hover {
        border: 1px solid rgb(223, 22, 131) !important;
        color: rgb(223, 22, 131) !important;
    }


@media (max-width:991px) {
    .aside-box-header {
        margin-top: 10px;
    }
}

@media (max-width:767px) {
    .blogheadrer .col-lg-4.col-md-6.pl-0 {
        padding-left: 15px !important;
    }

    .search-box {
        float: none;
    }
}

@media (max-width:576px) {
    .blogheadrer #formsubscribe {
        float: none;
        width: 100%;
        display: block;
        margin-top: 15px;
    }

        .blogheadrer #formsubscribe .call-to-action.submit {
            display: block !IMPORTANT;
        }

            .blogheadrer #formsubscribe .call-to-action.submit button {
                float: none;
                display: block;
                width: 100%;
            }
}

.social-media-hold .socialhold li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.socialhold .a2a_svg {
    height: 24px;
    line-height: 24px;
    width: 24px;
    background: none !important;
}

    .socialhold .a2a_svg svg path {
        fill: #b3b3b3 !IMPORTANT;
    }

.row_hold.social-media-hold .socialhold li a:hover svg path {
    fill: rgb(223, 22, 131) !important;
}

.a2a_kit {
    display: flex;
    align-items: center;
    gap: 8px;
}

    .a2a_kit a {
        transition: all 0.25s ease;
    }

    /* .a2a_kit a:hover {
            transform: translateY(-2px);
            opacity: 0.9;
        }*/

    .a2a_kit .a2a_svg {
        border-radius: 50% !important;
    }