/*@import url('../../../localhost:54752/css/datepicker.min.css');*/
@import url('https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datepicker/1.9.0/css/bootstrap-datepicker.min.css');

a, a:hover {
    text-decoration: none;
}
/* 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: 500;
}

dfn {
    font-style: italic;
}

mark {
    background: #ff0;
}

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: 1em;
    font-weight: normal;
}

p {
    margin: 0;
    padding: 0 0 30px 0;
    font-size: 17px;
    font-weight: 300;
}

.content-box p {
    font-size: 16px;
    font-weight: 300;
    line-height: 150%;
}

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

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

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

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

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

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

.cf {
    zoom: 1;
}

html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    height: 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;
    height: 100%;
}

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;
}

.blogheadrer h2 {
    font-size: 28px;
    font-weight: 600;
}

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;
    font-weight: 400;
}

.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;
        }

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





.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;
    }

.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;
    }

.social-media-menu.big {
    margin-bottom: 20px;
}

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

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

    .social-media-menu.big .twitter,
    .social-media-menu.big .linkedin,
    .social-media-menu.big .facebook,
    .social-media-menu.big .youtube,
    .social-media-menu.big .googleplus,
    .social-media-menu.big .email {
        background: url(/images/sprite.png);
        background-image: url(/images/sprite.svg);
        background-size: 500px 800px;
        background-position: -281px -360px;
        background-rpeat: no-repeat;
        width: 40px;
        height: 40px;
        border-right: 3px solid #fff;
    }

    .social-media-menu.big .email {
        background-position: -400px -360px;
    }

    .social-media-menu.big .googleplus {
        background-position: -240px -400px;
    }

    .social-media-menu.big .linkedin {
        background-position: -320px -360px;
    }

    .social-media-menu.big .youtube {
        background-position: -360px -360px;
    }

    .social-media-menu.big .facebook {
        background-position: -240px -360px;
    }

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

.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-nav {
    float: right;
    margin-top: 40px;
}

.profile-photo:hover .profileinfo {
    display: block;
}

.profileinfo {
    display: none;
}


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

    .main-nav li a,
    .main-nav ul > li:hover li a,
    .main-nav li li a {
        color: #fff;
        font-weight: 500;
        font-size: 16px;
    }

        .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 li a {
    line-height: 1.9em;
    text-decoration: none !important;
}


.dropdown-toggle {
    display: none;
}




.main-nav li li a {
    line-height: 30px;
    position: relative;
    padding-left: 15px;
}



button,
.button,
.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;
}


.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;
    padding: 15px 25px;
    text-align: center;
    position: relative;
    border-radius: 65px;
}

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

    .button.round span {
        display: inline-block;
        text-align: center;
    }

    .button.round.yellow {
        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;
    }

.more {
    position: relative;
    padding-right: 15px;
    display: inline-block;
    color: #000 !important;
}

a.more.more-btn {
    color: rgb(223, 22, 131) !important;
}

.more:hover {
    color: rgb(230, 0, 125) !important;
}

.more:after {
    content: '>';
    position: absolute;
    right: 0;
    top: 0;
    width: 10px;
    height: 10px;
}

.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;
    }

    .back:after {
        content: '<';
        position: absolute;
        left: 0;
        top: 0;
        width: 10px;
        height: 10px;
    }

.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;
    }

.open-faqpopup {
    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 30px 15px 15px;
}

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

    .faq-click-item:after {
        content: '';
        position: absolute;
        right: -20px;
        top: 5px;
        width: 15px;
        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;
}

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



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

.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;
    }

.inactive:after {
    opacity: 0.6;
}

.gb: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;
}

.ie: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;
}

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

.ad:after {
    background-position: -320px -120px;
}

.af:after {
    background-position: -400px -120px;
}

.ag:after {
    background-position: 0 -165px;
}

.ai:after {
    background-position: -80px -165px;
}

.al:after {
    background-position: -160px -165px;
}

.ARM:after {
    background-position: -240px -165px;
}

.ant:after {
    background-position: -320px -165px;
    border-color: #ccc;
}

.ao:after {
    background-position: -400px -165px;
}

.ar:after {
    background-position: 0 -205px;
}

.as:after {
    background-position: -80px -205px;
}

.aw:after {
    background-position: -160px -205px;
}

.az:after {
    background-position: -240px -205px;
}

.ba:after {
    background-position: -320px -205px;
}

.bb:after {
    background-position: -400px -205px;
}

.bd:after {
    background-position: 0 -245px;
}

.be:after {
    background-position: -80px -245px;
}

.vf:after {
    background-position: -160px -245px;
}

.bg:after {
    background-position: -240px -247px;
    border-color: #ccc;
}

.bh:after {
    background-position: -318px -247px;
    border-color: #ccc;
}

.bi:after {
    background-position: -400px -245px;
}

.bj:after {
    background-position: 0 -290px;
}

.bm:after {
    background-position: -80px -290px;
}

.bn:after {
    background-position: -160px -290px;
}

.bo:after {
    background-position: -240px -290px;
}

.bs:after {
    background-position: -320px -290px;
}

.bt:after {
    background-position: -400px -290px;
}

.bw:after {
    background-position: 0 -330px;
}

.by:after {
    background-position: -80px -330px;
}

.bz:after {
    background-position: -160px -330px;
}

.ca:after {
    background-position: -239px -330px;
}

.cd:after {
    background-position: -320px -330px;
}

.cf:after {
    background-position: -400px -330px;
}

.cg:after {
    background-position: 0 -372px;
}

.ch:after {
    background-position: -80px -372px;
}

.ck:after {
    background-position: -160px -372px;
}

.cl:after {
    background-position: -240px -372px;
}

.cm:after {
    background-position: -320px -372px;
}

.co:after {
    background-position: -400px -372px;
}

.cr:after {
    background-position: 0 -415px;
}

.cu:after {
    background-position: -80px -415px;
}

.cv:after {
    background-position: -160px -415px;
}

.cy:after {
    background-position: -240px -415px;
    border-color: #ccc;
}

.cz:after {
    background-position: -320px -415px;
}

.dj:after {
    background-position: -400px -415px;
}

.dm:after {
    background-position: 0 -458px;
}

.do:after {
    background-position: -80px -458px;
}

.dz:after {
    background-position: -160px -457px;
    border-color: #ccc;
}

.ec:after {
    background-position: -240px -456px;
}

.ee:after {
    background-position: -320px -458px;
    border-color: #ccc;
}

.eg:after {
    background-position: -400px -458px;
}

.eh:after {
    background-position: 0 -498px;
}

.er:after {
    background-position: -80px -498px;
}

.et:after {
    background-position: -160px -498px;
}

.fj:after {
    background-position: -240px -498px;
}

.fm:after {
    background-position: -320px -498px;
}

.fo:after {
    background-position: -399px -500px;
    border-color: #ccc;
}

.ga:after {
    background-position: 0 -541px;
}

.gd:after {
    background-position: -80px -541px;
}

.ge:after {
    background-position: -160px -541px;
    border-color: #ccc;
}

.gg:after {
    background-position: -240px -541px;
    border-color: #ccc;
}

.gh:after {
    background-position: -320px -541px;
}

.gi:after {
    background-position: -399px -541px;
    border-color: #ccc;
}

.gl:after {
    background-position: 0 -583px;
    border-color: #ccc;
}

.gm:after {
    background-position: -80px -583px;
}

.gn:after {
    background-position: -160px -583px;
}

.egg:after {
    background-position: -240px -582px;
}

.gr:after {
    background-position: -320px -582px;
}

.gt:after {
    background-position: -400px -582px;
}

.gu:after {
    background-position: 0 -624px;
}

.gw:after {
    background-position: -80px -624px;
}

.gy:after {
    background-position: -160px -624px;
}

.hk:after {
    background-position: -240px -624px;
}

.hn:after {
    background-position: -320px -624px;
}

.hr:after {
    background-position: -400px -624px;
}

.li:after {
    background-position: 0 -668px;
}

.hu:after {
    background-position: -80px -668px;
}

.id:after {
    background-position: -160px -668px;
    border-color: #ccc;
}

.ci:after {
    background-position: -240px -668px;
}

.il:after {
    background-position: -320px -668px;
}

.im:after {
    background-position: -400px -668px;
}

.iq:after {
    background-position: 0 -710px;
}

.ir:after {
    background-position: -80px -710px;
}

.je:after {
    background-position: -160px -710px;
    border-color: #ccc;
}

.jm:after {
    background-position: -240px -710px;
}

.jo:after {
    background-position: -320px -710px;
}

.ke:after {
    background-position: -400px -710px;
}

.kg:after {
    background-position: 0 -753px;
}

.kh:after {
    background-position: -80px -753px;
}

.ki:after {
    background-position: -160px -753px;
}

.km:after {
    background-position: -240px -753px;
}

.kn:after {
    background-position: -320px -753px;
}

.kp:after {
    background-position: -400px -753px;
}

.kr:after {
    background-position: 0 -793px;
    border-color: #ccc;
}

.kw:after {
    background-position: -80px -793px;
}

.ky:after {
    background-position: -160px -793px;
}

.kz:after {
    background-position: -240px -793px;
}

.la:after {
    background-position: -320px -793px;
}

.lb:after {
    background-position: -400px -793px;
}

.lc:after {
    background-position: 0 -838px;
}

.lk:after {
    background-position: -80px -838px;
}

.lr:after {
    background-position: -160px -838px;
}

.ls:after {
    background-position: -240px -838px;
}

.lt:after {
    background-position: -320px -838px;
}

.lu:after {
    background-position: -400px -838px;
}

.lv:after {
    background-position: 0 -878px;
}

.ly:after {
    background-position: -80px -878px;
}

.ma:after {
    background-position: -160px -878px;
}

.mc:after {
    background-position: -239px -880px;
    border-color: #ccc;
}

.md:after {
    background-position: -320px -880px;
}

.me:after {
    background-position: -400px -880px;
}

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

.mh:after {
    background-position: -80px -922px;
}

.mk:after {
    background-position: -160px -922px;
}

.ml:after {
    background-position: -240px -922px;
}

.mm:after {
    background-position: -320px -922px;
}

.mn:after {
    background-position: -400px -922px;
}

.mo:after {
    background-position: 0 -962px;
}

.mq:after {
    background-position: -80px -962px;
}

.mr:after {
    background-position: -160px -962px;
}

.ms:after {
    background-position: -240px -962px;
}

.mt:after {
    background-position: -319px -964px;
    border-color: #ccc;
}

.mu:after {
    background-position: -400px -964px;
}

.mv:after {
    background-position: 0 -1004px;
}

.mw:after {
    background-position: -80px -1004px;
}

.mx:after {
    background-position: -160px -1004px;
}

.my:after {
    background-position: -240px -1004px;
}

.mz:after {
    background-position: -320px -1004px;
}

.na:after {
    background-position: -400px -1004px;
}

.nc:after {
    background-position: 0 -1047px;
}

.ne:after {
    background-position: -80px -1047px;
}

.ng:after {
    background-position: -160px -1047px;
}

.ni:after {
    background-position: -240px -1047px;
}

.np:after {
    background-position: -320px -1047px;
    border-color: #ccc;
}

.nr:after {
    background-position: -400px -1047px;
}

.nz:after {
    background-position: 0 -1087px;
}

.om:after {
    background-position: -80px -1087px;
}

.pa:after {
    background-position: -160px -1087px;
}

.pe:after {
    background-position: -240px -1087px;
}

.pyf:after {
    background-position: -320px -1087px;
}

.pg:after {
    background-position: -400px -1087px;
}

.ph:after {
    background-position: 0 -1131px;
}

.pk:after {
    background-position: -80px -1131px;
    border-color: #ccc;
}

.pl:after {
    background-position: -159px -1131px;
    border-color: #ccc;
}

.pr:after {
    background-position: -240px -1131px;
}

.ps:after {
    background-position: -320px -1131px;
}

.pw:after {
    background-position: -400px -1131px;
}

.py:after {
    background-position: 0 -1173px;
}

.qa:after {
    background-position: -80px -1173px;
    border-color: #ccc;
}

.ro:after {
    background-position: -160px -1173px;
}

.rs:after {
    background-position: -240px -1173px;
    border-color: #ccc;
}

.ru:after {
    background-position: -320px -1173px;
    border-color: #ccc;
}

.rw:after {
    background-position: -400px -1173px;
}

.sa:after {
    background-position: 0 -1213px;
}

.sb:after {
    background-position: -80px -1213px;
}

.sc:after {
    background-position: -160px -1213px;
}

.sd:after {
    background-position: -240px -1214px;
}

.sg:after {
    background-position: -320px -1214px;
    border-color: #ccc;
}

.si:after {
    background-position: -401px -1214px;
    border-color: #ccc;
}

.sk:after {
    background-position: 0 -1257px;
    border-color: #ccc;
}

.sl:after {
    background-position: -80px -1257px;
}

.sl:after {
    background-position: -80px -1257px;
}

.sm:after {
    background-position: -160px -1257px;
    border-color: #ccc;
}

.sn:after {
    background-position: -240px -1257px;
}

.so:after {
    background-position: -320px -1257px;
}

.sr:after {
    background-position: -400px -1257px;
}

.st:after {
    background-position: 0 -1297px;
}

.sv:after {
    background-position: -80px -1297px;
}

.sy:after {
    background-position: -160px -1297px;
}

.sz:after {
    background-position: -240px -1297px;
}

.tc:after {
    background-position: -320px -1297px;
}

.td:after {
    background-position: -400px -1297px;
}

.tg:after {
    background-position: 0 -1341px;
}

.th:after {
    background-position: -80px -1341px;
}

.tj:after {
    background-position: -160px -1341px;
}

.tl:after {
    background-position: -240px -1341px;
}

.tm:after {
    background-position: -320px -1341px;
}

.tn:after {
    background-position: -400px -1341px;
}

.to:after {
    background-position: 0 -1381px;
}

.tr:after {
    background-position: -80px -1381px;
}

.tt:after {
    background-position: -160px -1381px;
}

.tv:after {
    background-position: -240px -1381px;
}

.tw:after {
    background-position: -320px -1381px;
}

.tz:after {
    background-position: -400px -1381px;
}

.ua:after {
    background-position: 0 -1426px;
}

.ug:after {
    background-position: -80px -1426px;
}

.uy:after {
    background-position: -160px -1426px;
}

.uz:after {
    background-position: -240px -1426px;
}

.va:after {
    background-position: -320px -1426px;
    border-color: #ccc;
}

.vc:after {
    background-position: -400px -1426px;
}

.ve:after {
    background-position: 0 -1465px;
}

.vg:after {
    background-position: -80px -1468px;
}

.vi:after {
    background-position: -160px -1468px;
    border-color: #ccc;
}

.vn:after {
    background-position: -240px -1468px;
}

.vu:after {
    background-position: -320px -1468px;
}

.ws:after {
    background-position: -400px -1468px;
}

.ye:after {
    background-position: 0 -1510px;
}

.za:after {
    background-position: -80px -1510px;
}

.zm:after {
    background-position: -160px -1510px;
}

.zw:after {
    background-position: -240px -1510px;
}

.lang-selector .lang {
    padding-left: 30px;
    display: block;
    position: relative;
    font-size: 14px;
    line-height: 260%;
}

    .lang-selector .lang:after {
        width: 35px;
        height: 23px;
        border: 1px solid #fff;
        background-size: 290px auto;
        border-radius: 8px;
    }

.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;
}



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

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

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

.aside-box {
    background-color: #f8f8f8
}

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

.aside-box-header {
    background-color: #e6007d;
    color: #fff;
    font-size: 19px;
    padding: 20px 30px;
}

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

.menu-item {
    border-top: 1px solid #c6c6c6;
    padding: 10px 0;
}

    .menu-item a {
        color: #000;
    }

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

.bg-light-grey {
    background-color: #f9f9f9;
}

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

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

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

.header-info {
    padding-bottom: 0;
}


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

        .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 0px;
}

.item-box .full-width-text ul {
    padding-left: 15px;
}

.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;
}

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

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

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

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

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

    .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;
        font-size: 17px;
        font-weight: 400;
        border-radius: 400px;
    }

        .keyvisual .teaser-box .button:hover, .keyvisual .teaser-box .button:focus {
            background: #d70575;
            color: #fff;
        }


.section-navigation {
    min-height: 50px;
    padding: 10px 0 10px;
}

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

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

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

        .section-navigation ul li a:hover,
        .section-navigation ul li a.active, .section-navigation ul li:nth-of-type(1) a:hover {
            color: #df1683 !important;
        }

    /* .section-navigation ul li:nth-of-type(1) a {
        padding-left: 20px !important;
        border-right: 1px solid #999999;
        color: #000 !important;
    }*/

    .section-navigation ul li a {
        display: block;
        color: #000 !important;
        border-right: none;
        font-size: 21px;
        padding: 0;
        position: relative;
        font-weight: 500;
        /* padding-top: 4px;
        padding-bottom: 4px;*/
    }

        .section-navigation ul li a:before {
            content: "";
            background: #000;
            height: 15px;
            width: 1px;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(0, -50%);
        }

.section-navigation ul.ui-menu li a:before {
    display: none;
}

.searchelementshold .ui-widget.ui-widget-content {
    max-height: 350px;
    overflow: auto;
}

.section-navigation ul li:last-child a {
    border-right: none;
}

    .section-navigation ul li:last-child a:before {
        display: none;
    }

.section-navigation ul li a.active {
    font-weight: 800;
    position: relative;
    /*padding-bottom: 10px;*/
    color: #000 !important;
}

    .section-navigation ul li a.active::after {
        background: #df1683;
        content: "";
        height: 3px;
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
    }

.search-box {
    float: right;
    background: #f2f0f0;
    height: 42px;
    border: 1px solid #c8c8c8;
    border-radius: 20px;
    margin-top: 6px;
    line-height: 33px;
    vertical-align: top;
    margin-right: 15px;
}

.navigation-bar .search-box {
    margin-bottom: 10px;
    border-radius: 8px;
    border-color: #000;
}

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

    .search-box input#idkey {
        height: 39px;
    }

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

.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;
}



.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;
}



.section-navigation ul li {
    padding: 0 15px;
}

    .section-navigation ul li a:before {
        content: "";
        background: #000;
        height: 15px;
        width: 1px;
        position: absolute;
        right: -15px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .section-navigation ul li a.active::after {
        background: #df1683;
        content: "";
        height: 3px;
        position: absolute;
        bottom: -5px;
        left: 0;
        width: 100%;
    }

.search-box {
    float: right;
    background: #fff;
    height: 40px;
    border: 1px solid #000;
    border-radius: 5px;
    margin-top: 6px;
    line-height: 30px;
    vertical-align: top;
}

    .search-box input {
        background: none;
        height: auto;
    }

.product-training-list li a, .travel-courses-list li a {
    color: #000;
    font-size: 19px;
    padding-top: 215px;
    display: block;
    position: relative;
    text-align: center;
    background: #f7f5f8;
    border-radius: 5px;
}
    /*.product-training-list li a:hover, .travel-courses-list li a:hover {
        background: #fff;
        box-shadow: 0 0 5px rgba(0,0,0,0.2);
    }*/
    .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;
        font-weight: 500;
        font-size: 16px;
    }

.ptl-image {
    top: 40px;
}

.product-training-list .bkd, .travel-courses-list .bkd {
    color: #e84892;
    display: block;
    font-size: 15px;
    font-weight: bold;
    left: 50%;
    position: absolute;
    text-align: center;
    top: -15px;
    transform: translate(-50%, 0);
}

.product-training-list .bkd-item, .travel-courses-list .bkd-item {
    border-radius: 21px;
    height: 21px;
    left: 50%;
    top: 4px;
    width: 21px;
    position: absolute;
    transform: translate(-50%, 0);
}

.product-training-list .bkd .bkd-count, .travel-courses-list .bkd .bkd-count {
    margin: 0 0 0 40px;
    top: -10px;
    position: relative;
}

.product-training-list li, .travel-courses-list li {
    margin: 0 5px 25px 0;
}


.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;
}

ul.user-navigation.navigation.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:after, .navigation a.active .ptl-image:after {
    display: none !important;
}

.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: center center;
    background-size: 70% auto;
    background-repeat: no-repeat;
    right: 2px;
    top: 2px;
    left: 2px;
    bottom: 2px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    width: auto;
    height: auto;
}

/*.navigation .ptl-image:hover .ptl-item, .navigation .active .ptl-item {
    background-position: left center;
    background-color: transparent;
}*/

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

.user-navigation {
    float: left;
    display: block !important;
}

.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: "";
    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;
}

.profile-header-name .user-name {
    line-height: 1em;
    font-weight: normal;
    font-size: 24px;
    margin: 0;
}

.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;
}

.slider {
    padding: 10px 0;
}

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

.teaser-list li {
    border: none;
    margin-bottom: 30px;
    position: relative;
}

    .teaser-list li.box-shadow {
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
    }

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

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



.teaser-container {
    display: table;
    width: 100%;
    position: relative;
}

    .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;
        border-radius: 50%;
    }

        .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 {
        padding: 0 0 12px 0;
        font-size: 22px;
        font-weight: 400;
        line-height: 130%;
    }

    .teaser-container .content-container .button {
        display: inline-block;
        float: right;
        padding: 12px 20px;
        -moz-osx-font-smoothing: initial;
        border-radius: 8px;
        background: #fff !important;
        color: #000;
        border: 1px solid rgb(223, 22, 131);
    }

        .teaser-container .content-container .button:hover {
            background: rgb(223, 22, 131) !important;
            color: #fff !important;
        }

    .teaser-container .content-container .btn.btn-primary {
        background: rgb(223, 22, 131) !important;
        color: #fff;
    }

.default_button1 {
    display: inline-block;
    padding: 12px 20px;
    -moz-osx-font-smoothing: initial;
    border-radius: 20px;
    background: transparent !important;
    color: #000;
    border: 1px solid rgb(223, 22, 131);
    line-height: 18px;
    font-size: 16px;
}

    .default_button1:hover, .default_button1:active, .default_button1:focus {
        display: inline-block;
        padding: 12px 20px;
        -moz-osx-font-smoothing: initial;
        border-radius: 20px;
        background: rgb(223, 22, 131) !important;
        color: #fff !important;
        border: 1px solid rgb(223, 22, 131);
        line-height: 18px;
        font-size: 16px;
    }

.white_btnhold .default_button1 {
    display: inline-block;
    padding: 12px 20px;
    -moz-osx-font-smoothing: initial;
    border-radius: 20px;
    background: transparent !important;
    color: #ffffff;
    border: 1px solid #ffffff;
    line-height: 18px;
    font-size: 16px;
    text-decoration: none;
}

    .white_btnhold .default_button1:hover, .white_btnhold .default_button1:focus {
        background: #ffffff !important;
        color: #e01883 !important;
    }

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

.free-courses-teaser-list .call-to-action-box {
    position: static;
}

.rating {
    font-size: 14px;
    float: none;
    margin: 10px 0 5px;
}

.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
    }

.big-training-container {
    padding-bottom: 0;
}

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

.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 {
    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;
    border-radius: 50%;
}

    .course-detail .course-logo img {
        display: inline-block;
        height: auto !important;
        vertical-align: middle;
        object-fit: contain;
        width: 100px;
    }

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

    .course-detail .course-detail-content h1 {
        font-size: 22px;
        font-weight: 400;
        line-height: 130%;
        padding-bottom: 8px;
    }

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

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

.items-4 li {
    margin-bottom: 10px;
    display: block;
}

    .items-4 li.list-item {
    }

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



.items-4 .teaser-container .course-logo {
    height: 100px;
    left: 10px;
    line-height: 100px;
    top: 10px;
    width: 100px;
    display: flex;
    padding: 12px;
    align-items: center;
}

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

.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: 5px;
        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;
}

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

        .filter-list li ul li a {
            border-top: 1px solid #ccc;
        }

.overview-list li {
    float: left;
    width: 49%;
    width: calc(50% - 15px);
    margin-bottom: 30px;
}

.overview-container {
    display: block;
    width: 100%;
    border: 1px solid #cfcfcf;
    border-radius: 8px;
    box-shadow: rgb(191 191 191 / 40%) 0px 1px 6px 0px;
    background: #f9f9f9;
}

.overview-container {
    border-radius: 15px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    padding: 25px;
    transition: transform 0.2s;
    background: #fff;
    border: none;
}

    .overview-container:hover {
        transform: translateY(-5px);
    }

.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: auto;
}

.overview-container .filter-logo {
    position: static;
    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;
    border-radius: 50%;
    padding: 15px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

    .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: block;
    vertical-align: top;
    width: 100%;
    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 {
    float: right;
    font-size: 15px;
    margin-top: 5px;
    background: #fff !important;
    border: 1px solid #e01883;
    color: #000000;
    border-radius: 8px;
    padding: 12px 20px;
}

    .overview-container .content-container .button:hover {
        background: #e01883 !important;
        color: #ffffff !important;
    }

    .overview-container .content-container .button.launch-btn {
        background: #e01883 !important;
        border: 1px solid #e01883;
        color: #fff;
    }

.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: 15px 0 0;
    }

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

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

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

.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-image-container .text-box,
.text-image-container .image-box {
    width: 48%;
    width: calc(50% - 15px);
    display: inline-block;
}

.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: 100%;
    width: 100%;
}


.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 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: 22px;
}

.three-cols h2 {
    font-size: 22px;
    margin-bottom: 15px;
    padding: 0;
}

.three-cols a {
    font-weight: 400;
}

.three-cols strong {
    font-weight: 600;
}

.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 li {
    width: 100%;
    border-bottom: 1px solid #d9d9d9;
    padding: 30px 0 10px 0;
}

    .blog-list li:nth-of-type(1) {
        border-top: 1px solid #d9d9d9;
    }

.blog-list.dotted li {
    border-bottom: 2px dotted #8c8c8c;
}

    .blog-list.dotted li:nth-of-type(1) {
        border-top: 2px dotted #8c8c8c;
    }

.blog-list .image-box {
    float: left;
    margin-right: 20px;
    width: 42%;
    width: calc(45% - 20px);
}

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

.blog-list .content-box {
    float: left;
    width: 55%;
}

.blog-title {
    font-size: 19px;
    padding-bottom: 5px;
}

.author-comments {
    color: #e6007d;
}

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

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

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

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

.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;
        }

.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;
}

.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-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 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-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;
        }

.required {
    color: #e64891;
}

.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;
        }

.add-to-basket-box {
    margin-top: 10px;
}

.cart.primary-btn {
    padding-left: 50px;
}

.cart:after {
    position: absolute;
    content: '';
    top: 5px;
    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;
}

section.basket {
    padding: 0;
}

.basket-list-item {
    border-top: 0;
    padding: 25px;
    display: block;
    width: 100%;
    position: relative;
}



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

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

    .basket-list-box h3 {
        font-size: 20px;
        font-weight: 400;
    }

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

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

.basket-list-item:last-child:after {
    display: none;
}

.basket-list-item:after {
    content: "";
    height: 1px;
    background: #e6e4e5;
    display: block;
    left: 25px;
    right: 25px;
    position: absolute;
    bottom: 0;
}

.basket-list-box .content-box .price-taghold {
    font-size: 26px;
}

.basket-list-box .content-box .afferhold {
    display: block;
    font-size: 14px;
    color: #23c76e;
    margin-top: 5px;
}

.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;
    border-radius: 15px;
}

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



.basket-list-box .price button.delete {
    background: transparent !important;
    border-radius: 0;
    position: relative;
    color: #f76565;
    font-size: 14px;
    padding: 0 0 0 25px;
}

    .basket-list-box .price button.delete:before {
        content: '';
        top: 0;
        left: 0;
        width: 20px;
        height: 20px;
        background: url(/images/remove.png)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 {
    background: #f6f7fb;
    border-radius: 20px;
    padding: 25px 20px;
}

    .totals .billing {
        color: #ffffff !important;
        background: #0047ba;
        width: 100%;
        border-radius: 40px;
        font-weight: 400;
        padding: 8px 25px;
        text-align: center;
    }

    .totals .more {
        color: #000;
    }

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

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

ul.items-count {
    display: block;
    margin-left: 0;
}

    ul.items-count span.corse-name {
        width: calc(100% - 65px);
        float: left;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-weight: 300;
    }

    ul.items-count span.corse-cost {
        width: auto !important;
        float: right;
        text-align: right;
    }

    ul.items-count li {
        width: 100%;
        float: left;
    }

        ul.items-count li.last-total {
            margin-bottom: 20px;
            border-top: 1px solid #e6e4e5;
            margin-top: 15px;
            padding-top: 15px;
        }


.billing-detail-header, .totals h3 {
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 0;
    margin-bottom: 0.5rem;
    line-height: 140%;
    padding-bottom: 8px;
}


.basket-list-box .content-box .price-taghold {
    font-size: 24px;
    font-weight: 400;
}

.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-header {
    padding: 20px 0 30px 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 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 .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;
    }

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

    .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 p {
        color: #fff;
        font-weight: 300;
    }

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

.footer-box {
    float: left;
    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-box {
    max-width: 850px;
    width: 90%;
    background-color: #fff;
    margin: 0 auto;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    z-index: 9999;
}

    .popup-box h4 {
        padding: 35px 35px 20px 35px;
        margin: 0;
        font-size: 20px;
    }

/*----------------New popup design--------------*/
.popup-box-item {
    background-color: #f5f4f4;
    padding: 20px 35px 35px 35px;
}

.new_popupbox.popup-box .popup-box-item {
    background-color: #ffffff;
    padding: 20px 35px 25px 35px;
}

.new_popupbox {
    max-width: 700px;
    width: 90%;
    margin: 0 auto;
    position: relative;
    -webkit-border-radius: 0;
    border-radius: 0;
    overflow: hidden;
}



    .new_popupbox h4 {
        padding: 30px 35px 30px 35px;
        text-align: center;
        background-color: #ffffff;
    }

    .new_popupbox .form-group label {
        color: #414243;
        font-size: 14px;
    }

    .new_popupbox .form-group input { /*width:calc(100%);*/
        -webkit-border-radius: 3px 3px 3px 3px;
        border-radius: 3px 3px 3px 3px;
    }

    /*.new_popupbox .popup-box-item .submit .forgotDetails{float:none; color:#414243; font-size:14px;}*/
    .new_popupbox .popup-box-item .forgotDetails {
        float: right;
        color: #414243;
        font-size: 14px;
        margin: 0;
    }

    .new_popupbox .register-box {
        background: none;
    }

    .new_popupbox .social_login {
        width: 100%;
        overflow: hidden;
        display: block;
    }

    .new_popupbox .social_loginhold p {
        font-weight: bold;
        padding: 5px 0;
        font-size: 14px;
    }

    .new_popupbox .social_login .google_hold .gl_content:hover {
        color: #ffffff;
    }



    .new_popupbox .register-box {
        padding: 15px 0;
    }

.form-group .login_title h2 {
    margin: 0;
    padding: 0 0 5px 0 !important;
    font-weight: bold;
}

.form-group .login_title p {
    font-weight: 500;
}


.popup-box p {
    padding: 0 35px 20px 35px;
    margin: 0;
}

.popup-box .popup-box-item p {
    padding: 0 0 20px 0;
    margin: 0;
}

.overview-container .content-container p {
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    padding-bottom: 0;
    max-height: 92px;
    position: relative;
    z-index: 1;
}

.call-to-action {
    margin-top: 20px;
    text-align: center;
}

    .call-to-action button, .call-to-action .button {
        float: left;
    }

        .call-to-action button.round, .call-to-action .button.round {
            float: inherit;
        }

.popup-box-item .submit button {
    padding: 10px 30px;
}

.popup-box-item .submit .forgotDetails {
    background-color: transparent !important;
    font-size: 13px;
    color: #9c9c9c;
}

    .popup-box-item .submit .forgotDetails:hover {
        color: #e84892;
    }

.register-box {
    border-top: 1px solid #cfcfcf;
    background-color: #f5f4f4;
    padding: 20px 0;
    text-align: center;
}

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

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

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

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

.form-group input#register {
    color: #fff !important;
    border-radius: 20px;
    padding: 12px 20px;
    text-decoration: none !important;
    width: auto;
    text-transform: inherit;
    font-weight: 400;
    font-size: 15px;
    border-radius: 40px !important;
    display: inline-flex;
}

.form-group label {
    display: block;
}

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

.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: 10px;
    background-size: 27px;
}

.form-group select {
    font-weight: 17px;
    padding: 10px;
    height: 46px !important;
    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.cols-3 {
    width: calc(33.33% - 8px)
}

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

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

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

.single-col.cols-2.left-col {
    margin-right: 8px
}

.single-col.cols-2.center-col {
    margin: 0 4px;
}

.single-col.cols-2.right-col {
    margin-left: 8px
}

.sitemap-single li {
    padding-bottom: 5px;
}

.sitemap-single .sub li {
    padding-bottom: 0;
}

.sitemap-single .sub {
    padding-left: 10px;
    padding-bottom: 10px;
}

.sitemap-single a {
    color: #000;
}

    .sitemap-single a:hover {
        color: #e84892;
    }

.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 10px 0 0;
}

form label.checkbox {
    float: left;
}

form .accept-conditions label.checkbox {
    width: calc(100% - 24px );
    line-height: 24px;
    text-align: left;
    font-size: 14px;
}

.field-validation-error {
    color: red;
    font-size: 14px;
}

.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;
}

input[type="date"]::-webkit-inner-spin-button {
    display: none;
}

input[type="date"]::-webkit-calendar-picker-indicator {
    color: rgba(0, 0, 0, 0);
    opacity: 1;
    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;
}

.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;
        }

#FaqPopup .modal-header button.close {
    background: none !important;
    padding: 0;
    margin: 0;
}

@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;
        }
}



body {
    font-weight: 300;
}

.teaser-box h1,
.alert-message h1,
.course-detail h1,
.header-info h2 {
    font-weight: 600;
}

.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,
button, .button, .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-weight: 400;
}

    .width-25 a.md-raised.md-primary.mx-0.mb-20.right, .md-card-title a.md-raised.md-primary.right, .recent-bottom a.md-raised.md-primary.right,
    .keyvisual .teaser-box .button, .sec_highlight a, button.md-raised.md-primary.md-stroke-btn.md-raised.mar_0 {
        border-radius: 8px !important;
        padding: 12px 20px;
    }


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

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

@media screen and (max-width:1024px) {
    .main-nav li {
        margin-left: 15px;
    }

    .country-list-hold .kc-elm.col-sm-3 {
        width: 25%;
    }
}

@media (max-width:959px) {
    .blog_flexHold {
        min-height: auto !important;
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 15px;
    }

    .side_sec {
        flex-basis: 100%;
        max-width: 100%;
        padding: 0 15px;
    }
}

@media screen and (min-width:800px) {
    .overview-container .content-box {
        min-height: 183px;
    }

    .overview-container .content-container h2 {
        display: block;
        margin-bottom: 20px;
        padding-bottom: 0;
    }

    /* .overview-list .overview-container .content-container h2 {
        max-width: 70%;
    }*/
}

@media screen and (max-width:767px) {
    .item-box.course-box > span {
        display: block;
    }
}

@media screen and (max-width:990px) {
    .main-nav li {
        margin-left: 13px;
    }



    .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;
    }

    .main-nav li {
        font-size: 14px;
    }

    .blog-list .content-box, .blog-list.small-images .content-box {
        float: inherit;
        width: inherit;
    }

    .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 10px;
        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;
    }
}

@media screen and (max-width:860px) {
    .overview-container .content-box {
        min-height: auto !important;
    }

    .site-header {
        position: relative;
    }

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

    .logo {
        margin-left: 0;
    }

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

    .dropdown-toggle {
        display: block;
        width: 32px;
        height: 30px;
        padding: 0;
        position: absolute;
    }




    .main-nav ul ul:before,
    .navigation-bar .navigation,
    .nav-collapse.opened ul ul.children,
    .nav-collapse ul.children {
        display: none;
    }

    li:hover ul {
        display: inherit;
    }

    .dropdown-toggle {
        border: medium none;
        font-size: 28px;
        line-height: 30px;
        position: absolute;
        right: 12px;
        top: 5px;
        background: #818181 url(/images/sprite.png);
        background-image: url(/images/sprite.svg);
        background-size: 500px 800px;
        background-repeat: no-repeat;
        background-position: -354px -276px;
    }

        .dropdown-toggle.toggled {
            background-position: -394px -276px;
        }



    .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%;
        }

    .main-nav li li a {
        padding-left: 35px !important
    }

    .main-nav .socialhold li a {
        padding: 0 !important;
    }

        .main-nav .socialhold li a i {
            top: 8px !important;
        }

    .main-nav .socialhold li {
        width: auto;
    }

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


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

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





    .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;
    }

    .js #masthead .nav-collapse-0.opened {
        max-height: 100% !important
    }

        .js #masthead .nav-collapse-0.opened.dropdown-active {
            max-height: 100% !important
        }

    .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%);
    }

    .ui-autocomplete-input:focus {
        width: 210px !important;
    }
}

@media screen and (max-width:760px) {
    .searchelementshold {
        width: 100%;
        float: none;
    }

    .navigation-bar .navigation {
        width: 100%;
        overflow-x: auto;
        display: flex;
        padding-bottom: 5px;
    }

    .navigation-bar .search-box {
        float: none;
        margin-right: 0;
    }

        .navigation-bar .search-box span {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-right: 0;
        }

        .navigation-bar .search-box button {
            top: -1px;
        }

    .search-box,
    .section-menu {
        float: left;
        clear: both;
        width: 100%;
    }

    .search-box {
        width: 100%;
    }

    .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;
    }
}

@media screen and (max-width:720px) {
    .single-col.cols-2 {
        width: 100%;
    }

    .single-col.cols-3 {
        width: 100%;
        margin: 0;
    }

    .single-col.left-col, .single-col.center-col, .single-col.left-col {
        float: none;
    }

    .sitemap-single {
        margin-bottom: 10px;
    }
}

@media screen and (max-width:670px) {
    .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;
    }

    .app-holder {
        width: 100%;
    }
}

@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;
    }

    .blog-list .content-box {
        float: none;
        width: 100%;
    }

    .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;
    }

    .new_popupbox .popup-box-item, .new_popupbox .social_loginhold {
        width: 100%;
    }
}

@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;
    }

    .faq-click-item::after {
        right: -19px;
    }

    .blog-list.small-images .image-box {
        width: 100%;
        margin-bottom: 10px;
    }

        .blog-list.small-images .image-box a {
            display: block;
        }

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

@media screen and (max-width:490px) {
    .mybasketContent {
        padding: 0;
    }

    .col-md-4.pricingDetails {
        padding: 0;
        margin-top: 20px;
    }

    .basket-list .basket-list-item {
        padding: 15px;
        padding: 30px 15px 15px 15px;
    }

    .basket-list-item .basket-list-box {
        display: flex;
    }

    .footer-box {
        width: 100%;
        margin-bottom: 10px;
    }

    nav.section-menu ul {
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
    }

    .section-navigation ul li {
        padding: 5px 10px;
    }

        .section-navigation ul li:nth-of-type(1) a {
            border: none !important;
        }

        .section-navigation ul li a {
            padding: 0;
            border: none;
        }

            .section-navigation ul li a.active::after,
            .section-navigation ul li a:hover::after {
                right: 0;
                left: 0;
                width: 100%;
                bottom: -2px;
            }

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


    .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%;
        }



    .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 {
    }

    .basket-list-box .content-box {
        display: block;
        padding: 0 0 0 15px;
        width: calc(100% - 70px);
    }

    .basket-list-box .price {
        display: inline-block;
        width: auto;
        position: absolute;
        bottom: 26px;
        right: 0;
        text-align: right;
        padding-right: 20px;
    }

    .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) {
    .notification .dropdown-content {
        width: 300px;
    }

    .top-menu .phone, .feedback {
        padding-right: 6px;
    }

    .phone {
        margin-right: 0 !important;
        padding-right: 0;
        font-size: 14px !important;
    }

    .lang-selector .lang {
        padding: 0;
        text-indent: 100px;
        width: 24px;
        margin-left: 10px;
    }

    .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;
        height: 100px !important;
    }

    .course-overview .overview-container .filter-logo {
        height: 90px;
        line-height: 90px;
        width: 90px;
        margin: 0 auto;
        justify-content: center;
        left: 50%;
        transform: translate(-50%, 0);
    }

        .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;
    }

    .ui-autocomplete-input:focus {
        width: 230px !important;
    }
}

.searcherror {
    border: 1px solid red;
}

.form-group:after,
.form-group:before {
    content: "";
    display: table;
    table-layout: fixed;
}

.form-group:after {
    clear: both;
}

.pagination-sec {
    text-align: center;
}

    .pagination-sec .pagination {
        display: inline-block;
    }

        .pagination-sec .pagination li {
            width: 30px !important;
            float: left;
            margin: 0px 2px;
        }

            .pagination-sec .pagination li a {
                color: #333;
                background: #e7eaef;
                padding: 0px 10px;
                margin: 0px 5px !important;
                font-size: 14px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
            }

                .pagination-sec .pagination li a.active {
                    background: #d12a77;
                    color: #ffffff;
                }

.ui-menu-item img {
    width: 15px;
    height: 15px;
    margin: 5px 10px 0px 0px;
    float: left;
}

.pagination-sec {
    text-align: center;
}

    .pagination-sec .pagination {
        display: inline-block;
    }

        .pagination-sec .pagination li {
            width: auto !important;
            float: left;
            margin: 0px 2px;
        }

            .pagination-sec .pagination li a {
                color: #333;
                background: #e7eaef;
                padding: 0px 10px;
                margin: 0px 5px !important;
                font-size: 14px;
                -webkit-border-radius: 2px;
                border-radius: 2px;
            }

                .pagination-sec .pagination li a.active {
                    background: #d12a77;
                    color: #ffffff;
                }

.ui-menu-item img {
    width: 15px;
    height: 15px;
    margin: 5px 10px 0px 0px;
    float: left;
}

.ui-widget.ui-widget-content {
    box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    -moz-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.2);
    max-width: 232px;
    margin-left: -10px !important;
}

.ui-menu .ui-menu-item a {
    font-size: 16px !important;
    width: 100%;
    float: left;
    display: block;
    box-sizing: border-box;
}

    .ui-menu .ui-menu-item a span {
        font-size: 16px !important;
        width: 88%;
        float: left;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: block;
        overflow: hidden;
    }

.ui-menu .ui-menu-item {
    list-style-image: none !important
}

.course-box {
    margin-top: 30px;
}

    .course-box span {
        font-size: 23px;
    }

    .course-box strong {
        color: #d12a77;
    }

.price-tag {
    position: absolute;
    bottom: 15px;
    left: 15px;
    width: 100%;
}

.premium .price-tag {
    left: 25px;
}

.price-tag span {
    display: block;
}

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

.course-box {
    margin-top: 30px;
}

    .course-box span {
        font-size: 23px;
    }

    .course-box strong {
        color: #d12a77;
    }

.ui-menu-item img {
    width: 15px !important;
    margin: 5px 10px 0px 0px !important;
    height: 15px;
    float: left;
}

.search-error {
    clear: both;
    float: left;
    color: #ff0000;
    font-size: 16px !important;
}

.overview-list .no-rslt-list {
    width: 100% !important;
}

.no-rslt-list strong {
    color: #d12a77;
}

#idsearchkey .search-spinner {
    background: #f2f0f0 !important;
    margin-top: 2px;
    padding: 4px;
    margin-left: -4px;
}

.searchelementshold {
    position: relative;
    float: right;
}

    .searchelementshold .ui-widget.ui-widget-content {
        margin-left: 0 !important;
    }

    .searchelementshold ul.ui-autocomplete {
        left: 0 !important;
        margin: 0 !important;
        width: 100% !important;
        max-width: 98% !important;
    }

.section-navigation ul.ui-autocomplete li a:after {
    background: none !important;
    content: '';
    background-image: none !important;
}

.section-navigation ul.ui-autocomplete li:nth-of-type(1) a {
    border: none;
    padding: 2px .4em !important;
}

.ui-autocomplete-input:focus {
    width: 300px;
}

.ui-autocomplete-input {
    transition: all 0.5s ease;
}

.app-holder:first-child {
    margin-top: 20px;
}

.app-holder {
    max-width: 600px;
    margin: 0px auto 0;
}

    .app-holder label {
        font-weight: bold;
        padding: 0 15px 8px;
        display: block;
    }

.app-hold {
    border-top: 1px solid #c7c9ca;
    position: relative;
}

.app-logo {
    width: 100px;
    position: absolute;
    left: 15px;
    top: 15px;
}

    .app-logo img {
        max-width: 100px;
        height: auto;
    }

.app-content {
    width: 100%;
    padding: 15px 15px 15px 100px;
    position: relative;
    min-height: 65px;
}

    .app-content .user-name {
        display: block;
        font-size: 16px;
        line-height: 24px;
        margin: 0;
    }

    .app-content .user-email {
        display: block;
        font-size: 16px;
        line-height: 24px;
    }

        .app-content .user-email span {
            color: #ee4c9b;
        }

.app-signin h3 {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding-bottom: 15px;
}

.app-signin a {
    text-align: center;
    margin: auto;
    float: none;
    display: block;
}

.app-signin .social_login {
    width: 100%;
    overflow: hidden;
    display: block;
}

.app-signin .social_loginhold {
    width: 55%;
    margin: 0 auto;
    padding: 10px 0 10px 0;
    overflow: hidden;
}

.app-signin .social_login .facebook_hold {
    text-align: center;
    background: rgb(59, 89, 153);
    margin-right: 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
}

    .app-signin .social_login .facebook_hold .fb_content {
        padding: 6px 50px 6px 65px;
        font-size: 14px;
        color: #ffffff;
    }

    .app-signin .social_login .facebook_hold .fb_content {
        background: url('../../images/fb_icon.png') no-repeat 8px 7px;
    }

.app-signin .social_login .google_hold .gl_content {
    padding: 6px 50px 6px 65px;
    font-size: 14px;
    color: #ffffff;
}

.app-signin .social_login .google_hold .gl_content {
    background: url('../../images/google_icon.png') no-repeat 8px 7px;
}

    .app-signin .social_login .google_hold .gl_content:hover {
        color: #ffffff;
    }

.app-signin .social_login .google_hold {
    text-align: center;
    background: rgb(221, 76, 57);
    -webkit-border-radius: 5px 5px 5px 5px;
}

.module-hbanner-video {
    width: 100%;
    position: relative;
    max-height: 440px;
    overflow: hidden;
}

    .module-hbanner-video video {
        width: 100%;
    }

#myBtn {
    width: 60px;
    padding: 10px;
    border: none;
    background: #00005e;
    color: #fff;
    cursor: pointer;
    position: absolute;
    bottom: 30px;
    right: 30px;
}

    #myBtn:hover {
        background: #000;
    }

    #myBtn i.fa {
        font-size: 28px;
    }

.top-menu li.notification {
    margin-left: 10px;
    position: relative;
}


/*height:22px;*/
.li.notification .counthold {
    position: absolute;
    background: rgb(255 0 0);
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    width: 25px;
    right: 0;
    text-align: center;
    line-height: normal;
    height: 25px;
    top: -10px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

.notification .dropdown-content {
    overflow: visible;
    width: 350px;
}

    .notification .dropdown-content:before {
        content: "";
        position: absolute;
        right: 20px;
        top: -11px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 11px 11px 11px;
        border-color: transparent transparent #fff transparent;
        z-index: 10000;
    }

    .notification .dropdown-content:after {
        content: "";
        position: absolute;
        right: 19px;
        top: -12px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 0 12px 12px 12px;
        border-color: transparent transparent #efe9e9 transparent;
        z-index: 9999;
    }

.dropdown-content {
    display: none;
    position: absolute;
    top: 45px;
    width: 320px;
    right: 0px;
    background: #ffffff;
    box-shadow: 3px 5px 3px rgba(0, 0, 0, 0.3);
    z-index: 999;
    max-height: 420px;
    overflow-y: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
}

    .dropdown-content h3 {
        background: #ededed;
        padding: 15px 10px;
        width: 100%;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        font-weight: 600;
        font-size: 14px;
        margin-top: 0px;
    }

.clear-note {
    float: right;
    padding: 13px 15px 5px 15px;
    color: #fff !important;
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
}

.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;
    background: #353535;
    color: #fff !important;
    padding: 3px 5px;
    border-radius: 50%;
    font-size: 11px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.dropdown-content .notofication-list .list:hover a.clear-one {
    display: block !important;
}

.dropdown-content .notofication-list {
    background: #ffffff;
    width: 100%;
    max-height: 400px;
    overflow-y: auto;
}

    .dropdown-content .notofication-list .list {
        width: 100%;
        position: relative;
        float: left;
        padding: 0;
        padding-bottom: 0px;
        margin-bottom: 0;
        border-top: 1px solid #fbf9f9;
        height: 100%;
        min-height: 50px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        background: #fff;
    }

        .dropdown-content .notofication-list .list:last-child {
            margin-bottom: 0px;
            padding-bottom: 0px;
            border-bottom: 0px;
        }

        .dropdown-content .notofication-list .list li {
            float: none;
            margin: 0px;
            display: inline-flex;
            vertical-align: top;
            align-items: center;
        }

            .dropdown-content .notofication-list .list li.detailhold {
                width: calc(100% - 70px);
                vertical-align: top;
            }

            .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: 16px;
                text-overflow: ellipsis;
                display: block;
                overflow: hidden;
                max-height: 40px;
                line-height: normal;
                padding-right: 13px;
                font-weight: 400;
            }

            .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;
                }

.notification-h {
    margin: 0;
    text-align: left;
    color: #fff;
    padding: 15px;
    font-weight: 500;
    line-height: normal;
    font-size: 19px;
    float: left;
}

.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;
}

    .note-list li {
        line-height: normal !important
    }

    .note-list:hover {
        background: #f0f0f0;
        color: inherit !important;
    }

.dropdown-content .notofication-list .list:hover {
    background: #f0efef;
}

.dropdown-content .notofication-list .list ul {
    line-height: normal;
}

.dropdown-content .notofication-list .list li.delete-icon .delete-icon {
    background: url(../images/delete.png) top left no-repeat;
    width: 21px;
    height: 22px;
    margin-top: 6px;
    margin-bottom: 0px;
    display: block;
    cursor: pointer;
    position: relative;
}



.notification .dropdown-content {
    border: 1px solid #efe9e9;
    border-radius: 5px;
    background: #e01883;
    top: 56px;
}

.dropdown-content .notofication-list .note-list ul {
    width: 100%;
    float: left;
    padding: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.parenthold {
    width: 100%;
    float: left;
    display: block;
    text-align: left;
    color: #000;
}

.display-in-block {
    display: inline-block;
}
/*****refereal url******/
.box-theme-1 { /*border:1px solid #cccccc;*/
    padding: 15px;
    margin: 20px 0;
    text-align: center;
}

    .box-theme-1 .share-input {
        height: 40px;
        padding: 8px 70px 8px 8px;
        width: 100%;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .box-theme-1 .inputhold {
        max-width: 500px;
        width: 100%;
        position: relative;
    }

    .box-theme-1 .input-btn {
        position: absolute;
        border-radius: 0;
        z-index: 1;
        right: 0;
        top: 0;
        padding: 11px 12px;
        bottom: 0;
    }

    .box-theme-1 .share.a2a_kit {
        position: relative;
        top: 6px;
        margin-left: 15px;
    }

    .box-theme-1 .share-ico {
        height: 30px;
        background: transparent;
    }

        .box-theme-1 .share-ico:before {
            background: url(../img/share.png)no-repeat 2px 6px;
            content: "";
            width: 30px;
            height: 30px;
            display: block;
            position: absolute;
            top: 0;
            left: 0;
        }

        .box-theme-1 .share-ico:hover::before {
            background: url(../img/share-hover.png)no-repeat 2px 6px;
        }

.contact-list {
    width: 100%;
    max-width: 700px;
    margin: auto auto 30px;
    box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.2), 0px 2px 2px 0px rgba(0,0,0,0.14), 0px 3px 1px -2px rgba(0,0,0,0.12);
}

    .contact-list th, .contact-list td {
        border-bottom: 1px solid rgba(224, 224, 224, 1);
        text-align: left;
        vertical-align: middle;
    }

    .contact-list thead th, .contact-list tbody td {
        padding: 12px;
    }
/*.contact-list tbody tr:hover{background:#eaeaea;}*/
#signin-auth .mfp-close, #logininfoauth .mfp-close, #signin-notauth .mfp-close {
    display: none;
}

.new_popupbox .popup_logo h4 {
    padding-right: 145px;
    padding-left: 145px;
    min-height: 80px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.new_popupbox .popup_logo img {
    max-height: 55px;
    max-width: 95px;
    position: absolute;
    right: 30px;
    top: 15px;
}

.col-m-20 {
    width: 20%;
    float: left;
    padding: 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}


.banner_block {
    margin-bottom: 30px;
    margin-top: 30px;
}

    .banner_block p {
        padding-left: 0;
        font-weight: 500;
        line-height: 1.3;
        font-size: 15px;
        max-width: 76%;
        margin: 0 auto;
        color: #fff;
    }

    .banner_block h3 {
        font-size: 20px;
        margin-bottom: 15px;
        font-weight: 600;
        padding: 0;
        color: #fff;
    }

.banner_hold h1 {
    text-align: center;
    font-weight: 600;
}

.find-button {
    text-align: center;
}

    .find-button a {
        border-radius: 8px;
        text-transform: capitalize;
        background: #0f1223;
        border-color: #0f1223;
        font-weight: 600;
        padding: 8px 20px;
        min-width: 180px;
    }

        .find-button a:hover {
            border-radius: 8px;
            text-transform: capitalize;
            background: #0f1223;
            border-color: #0f1223;
            font-weight: 600;
            padding: 8px 20px;
            min-width: 180px;
            color: #fff;
        }

.directory-banner {
    background: url('/media/ubvl2erv/cincinnati-skyline_view-from-nky_roebling-bridge_optimized_300.jpg?rxy=0.5605998354858657,0.7205152597979608&width=2560&height=420&format=WebP&quality=30&rnd=133729427840030000') no-repeat;
    background-size: cover;
    background-position: center;
    display: block;
    padding: 80px 0;
    position: relative;
}

    .directory-banner:after {
        content: "";
        background: #fff;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        opacity: 0.9;
    }

    .directory-banner .item-box {
        z-index: 1;
    }



.banner_block .banner_block_hold {
    background: #de157d;
    padding: 10px;
    border-radius: 8px;
    text-align: center;
    padding: 24px 15px;
    text-align: center;
    margin-bottom: 20px;
}

.banner_block h3 .material-icons {
    top: 5px;
    position: relative;
    margin-right: 5px;
}

.activities .teaser-container .content-container .button {
    background: none !important;
    max-width: 150px;
    margin: 0 auto;
    border-radius: 8px;
    padding: 8px 20px !important;
    min-height: 46px !important;
    line-height: normal !important;
    height: auto !important;
    color: #0f1223;
}

    .activities .teaser-container .content-container .button:hover {
        background: #de157d !important;
        color: #ffffff;
    }

.activities .teaser-container .content-container h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 75px;
    margin: 0;
    min-height: 75px;
    padding: 0 !important;
    color: #0f1223;
}

.teaser-container .image-container img {
    width: 100%;
}

.activities .teaser-container .image-container {
    height: auto;
    max-height: 178px;
}

.activities .teaser-container .course-logo {
    display: none;
}

.activities .teaser-container {
    background: #ffffff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #de157d;
    box-shadow: none !important;
    margin-bottom: 40px;
}

    .activities .teaser-container .content-box {
        padding: 35px 20px 35px;
        height: auto !important;
    }

.activities .call-to-action-box {
    position: static;
    margin: 30px 0 0;
}

.activities .find-button a {
    background: #de157d;
    border-color: #de157d;
    color: #fff !important;
}

.header-info .full-width-text h3 {
    line-height: normal;
}

.header-info {
    padding-top: 40px;
}

.new_com.slider {
    padding-bottom: 80px;
}




.news-portfolio .teaser-container .content-container h2 {
    font-weight: 500;
    font-size: 18px;
    line-height: 135%;
    text-overflow: ellipsis;
    white-space: normal;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    max-height: 75px;
    margin: 0;
    min-height: 75px;
    padding: 0 !important;
}

.teaser-container .image-container img {
    width: 100%;
}

#courseSection .teaser-container .image-container img {
    width: 100px;
    object-fit: contain;
}

.news-portfolio .teaser-container .image-container {
    height: auto;
    max-height: 178px;
}

.news-portfolio .teaser-container .course-logo {
    display: none;
}

.news-portfolio .teaser-container {
    background: #fff;
    color: #000;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #f7f5f8;
    box-shadow: none !important;
    margin-bottom: 40px;
    text-align: left;
}

    .news-portfolio .teaser-container:hover {
        border-color: #de157d;
    }

    .news-portfolio .teaser-container .content-box {
        padding: 35px 20px 75px;
        height: auto !important;
    }

.news-portfolio .header-info, .news-portfolio .new_com.slider {
    background: #fff;
    color: #000;
}

.news-portfolio .teaser-container .content-container span {
    display: block;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 15px;
}

.news-portfolio .teaser-container .content-container .button {
    background: #f7f5f8 !important;
    color: #df1683;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f7f5f8;
}

    .news-portfolio .teaser-container .content-container .button span {
        margin: 0;
    }

    .news-portfolio .teaser-container .content-container .button:hover, .news-portfolio .teaser-container:hover .button {
        background: #de157d !important;
        color: #fff;
        border-color: #de157d;
    }



@media screen and (max-width:960px) {
    .col-s-33 {
        width: 33%;
        float: left;
        padding: 0 15px;
    }
}

@media screen and (max-width:480px) {
    .col-x-100 {
        width: 100% !important;
        float: left;
        padding: 0 15px;
    }
}

.img-sec a:hover .box-info {
    display: block !important;
}

.position-relative {
    position: relative;
}

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


/*Bulletlist RTE*/
.ricttextcontainer ul {
    padding-left: 20px;
}

    .ricttextcontainer ul li {
        list-style-type: disc;
        list-style-position: outside;
    }

        .ricttextcontainer ul li ul li {
            list-style-type: circle;
        }

            .ricttextcontainer ul li ul li ul li {
                list-style-type: square;
            }

.feedback-hold .fade-in, .feedback-hold.fade-in {
    animation: fadeIn ease 3s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
}

@keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-moz-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-o-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@-ms-keyframes fadeIn {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
/*user dashboard*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.pb-15 {
    padding-bottom: 15px !important;
}

.pb-10 {
    padding-bottom: 10px !important;
}

.w-100 {
    width: 100%;
}

.main-container #OttContent {
    padding: 0 30px 30px;
}

.main-container .my-ott-header .item-box::after {
    display: none;
}

.main-container .my-ott-header {
    padding: 20px 20px 30px 20px;
}

.side-profile-message .message-name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}

.main-container {
    position: relative;
    width: 100%;
    padding: 0px 0px 0px 280px;
    background:;
    background: #f6f7fb;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.left-slider .header-left {
    left: 0;
    background: #fff;
    top: 142px;
    bottom: 0;
    position: fixed;
    z-index: 200;
    width: 280px;
    padding: 0px 15px 15px 15px;
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.50);
    transition: .2s ease-in;
    overflow: auto;
    scrollbar-width: thin;
    -moz-scrollbar-width: thin;
    -webkit-scrollbar-width: thin;
}

.side-profile .side-profile-link {
    position: relative;
    overflow: hidden;
    width: 45px;
    height: 45px;
    border-radius: 50%;
}

    .side-profile .side-profile-link:before {
        position: absolute;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%;
        height: 100%;
        background: rgba(232, 78, 15, 0.5);
        color: #FFF;
        content: 'PROFILE';
        top: 0;
        left: 0;
        z-index: 10;
        justify-content: center;
        align-items: center;
        font-size: 14px;
        transition: 0.5s;
        opacity: 0;
    }

    .side-profile .side-profile-link .side-profile-image {
        position: relative;
        display: inline-block;
        width: 100%;
        height: 100%;
        background-image: url(../../images/userdashboard/profile-default.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: cover;
        border-radius: 50%;
        z-index: 5;
        transform: scale(1.1);
        transition: 0.5s;
    }

.side-profile .side-profile-message {
    width: calc(100% - 45px);
    padding: 0 0 0 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.side-profile {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: row;
    padding: 25px 0px 20px;
    margin-bottom: 0px;
    background-color: #FFF;
}

    .side-profile .side-star {
        height: 20px;
        margin-top: 10px;
    }

    .side-profile .side-profile-message .message-info {
        display: block;
        font-size: 12px;
        padding-bottom: 0;
        margin: 0;
        overflow: hidden;
        display: -webkit-box;
        height: auto;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        max-height: 48px;
    }

.nav-fix footer {
    padding-left: 300px;
}

.nav-fix .main-container .item-box.profile .profile-banner {
    padding-top: 170px;
    position: relative;
    margin-top: -50px;
    margin-left: -20px;
    margin-right: -20px;
}

    .nav-fix .main-container .item-box.profile .profile-banner:after {
        content: "";
        background: #00000080;
        display: block;
        position: absolute;
        z-index: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }

ul.dropdown-menu a {
    display: block;
    padding: 5px 5px;
    color: #000;
}

.side-star ul.rated {
    display: -webkit-box;
    display: -ms-flexbox;
    display: inline-flex;
    margin: 0;
}

    .side-star ul.rated span {
        min-width: 25px;
    }

    .side-star ul.rated li {
        line-height: normal;
        height: 20px;
    }

.left-slider .header-left::-webkit-scrollbar {
    width: 6px;
}

.left-slider .header-left::-webkit-scrollbar-thumb {
    background: #e84892;
}
/***profile section*/
.profile-header {
    margin: auto;
    z-index: 1;
    position: relative;
}

.container.profile-header-content {
    background: #fff;
    position: relative;
    display: flex;
    text-align: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.profile-edit-picture:hover {
    background-color: rgba(0, 0, 0, 0.4);
}

    .profile-edit-picture:hover svg {
        width: 4em;
        height: 4em;
    }

    .profile-edit-picture:hover span {
        width: 100%;
        height: 100%;
    }

.editan {
    width: 100%;
    height: 100%;
}

.profile-edit-picture span {
    position: absolute;
    width: 60%;
    height: 60%;
    bottom: 0;
    right: 0;
    text-align: center;
    transition: all 0.3s ease;
}

.profile-edit-picture svg {
    fill: rgba(255, 255, 255, 0.8);
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    transition: all 0.3s ease;
    width: 2em;
    height: 2em;
}

.profile-header .profile-header-picture .profile-pic {
    margin-top: 0px;
    width: 130px;
    height: 130px;
    background-image: url(../../images/userdashboard/profile-default.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.profile-edit-picture {
    height: 100%;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    transition: all 0.3s ease;
}

    .profile-edit-picture input[type='file'] {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 100%;
        cursor: pointer;
        z-index: 5;
        opacity: 0;
        transition: all 0.3s ease;
    }

.profile-pic {
    position: relative;
    overflow: hidden;
    display: block;
    width: 120px;
    height: 120px;
    margin: 0 auto 1em;
    background: #DEDDDD;
    border-radius: 50%;
}

.user-name-box .rated span.active:after {
    background: url(../../images/userdashboard/start-gold.svg);
    width: 30px;
    height: 30px;
    background-size: contain;
}

.user-name-box .rated span:after {
    background: url(../../images/userdashboard/start-gray.svg);
    background-position: 0;
    width: 30px;
    height: 30px;
    background-size: contain;
}

.user-name-box .side-star ul.rated li {
    height: auto;
    margin-bottom: 20px;
}

.user-name-box .side-star ul.rated span {
    min-width: 40px;
    cursor: pointer;
}

.edit-input {
    display: none;
    border: none;
    text-align: center;
    padding-bottom: 10px;
    float: left;
    width: 100%;
}

.form-container {
    display: flex;
}

.awsome_input_border {
    display: inline-block;
    float: left;
    width: 0px;
    height: 2px;
    background: #e84892;
    position: relative;
    top: -5px;
    -webkit-transition: all ease-in-out .15s;
    -o-transition: all ease-in-out .15s;
    transition: all ease-in-out .15s;
}

.edit-input:hover + .awsome_input_border, .edit-input:active + .awsome_input_border, .edit-input:focus + .awsome_input_border {
    width: 100%;
}

a.edit {
    margin-left: 10px;
    transition: 0.5s;
}

    a.edit .save-form {
        display: none;
    }

    a.edit .save-form, a.edit .edit-form {
        transition: 0.5s;
    }

    a.edit:hover .save-form, a.edit:hover .edit-form {
        transform: scale(0.9);
    }


.m-0 {
    margin: 0
}

/**label section**/
.profile-list {
    margin: auto;
    max-width: 900px;
}

.profile-content {
    width: 100%;
    float: left;
    padding: 20px 20px;
    margin-bottom: 30px;
    border-radius: 15px;
}

.label-hoder {
    float: left;
    width: 100%;
}

.form-hoder {
    float: left;
    width: 100%;
    padding-top: 15px;
}

.main-content .keyvisual.small.min, .choose-countrypage .keyvisual.small {
    width: 100%;
    margin-left: 0;
    border-radius: 0px;
    margin-top: 0px;
}

button.btn.btn-add.btn-circle.header-btn.close-form-btn {
    display: none;
}

.profile-content dl {
    float: left;
    width: 100%;
}

.profile-content dt {
    display: inline-block;
    width: 200px;
}

.profile-content dd {
    display: inline-block;
    width: calc(100% - 210px);
    margin-left: 0;
}

button.btn.btn-add.btn-circle.header-btn {
    background: transparent;
    transition: 0.5s;
    display: block;
    width: 36px;
    height: 36px;
    padding: 0;
    border-radius: 50%;
    float: right;
    color: #fff;
}

    button.btn.btn-add.btn-circle.header-btn :hover {
        transform: scale(0.9);
    }

.profile-list h2 {
    width: calc(100% - 50px);
    padding-left: 50px;
    text-align: center;
    float: left;
    padding-bottom: 0;
    padding-top: 5px;
}

.sectionHeader {
    float: left;
    width: 100%;
    margin-bottom: 20px;
}

.main-content .my-ott-header {
    background: transparent;
    padding-top: 0;
}

.contact-list.dataTable.no-footer {
    width: 100%;
    max-width: 100%;
    box-shadow: none;
    border: 0;
    margin-top: 20px;
    float: left;
}

    .contact-list.dataTable.no-footer td, .contact-list.dataTable.no-footer th {
        padding: 10px 0;
        border-bottom: 1px solid #cfcfcf;
        font-weight: normal;
    }

.dataTables_length select[name="example_length"] {
    padding: 10px;
    height: 45px;
    background-color: #fff;
    border: 1px solid #cfcfcf;
    width: 65px;
}

.header-left a.Tabtype {
    padding: 10px 10px;
    display: block;
    color: #8a8486;
}

.header-left .user-navigation {
    width: 100%
}

    .header-left .navigation-bar .navigation li span.title, .header-left .user-navigation li span.title {
        display: inline-block;
    }

.header-left a.Tabtype {
    border-radius: 5px;
    position: relative;
}

    .header-left a.Tabtype.active {
        color: #ffffff !important;
    }

.header-left .user-navigation li .ptl-image {
    left: 0 !important;
    background: transparent !important;
    border: 0 !important;
    width: 30px !important;
    height: 30px !important;
    position: relative !important;
    margin: 0 !important;
    display: inline-block;
    float: left;
}

.header-left .user-navigation li a:after {
    border: 0 !important;
    margin: 0;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    transition: 0.5s;
    z-index: -1;
    transform: translateX(-10px);
}

.header-left .user-navigation li a:hover:after, .header-left .user-navigation li a.active:after {
    opacity: 1;
    color: #fff !important;
    border-radius: 15px;
    transform: translateX(0);
    background: #e84892;
    z-index: -2;
}

.header-left .user-navigation li a:hover {
    color: #ffffff;
}

section.my-ott-training-history.cf {
    padding-top: 0;
    background: #f6f7fb;
}

.main-content .my-ott-header section {
    background: transparent;
}

/*My training histrory*/
.header_box {
    width: 100%;
    float: left;
    margin: 20px 0;
}

    .header_box .card {
        -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);
        background: #fff;
        padding: 15px;
    }

.grid_3 {
    width: 33.3%;
    display: block;
}

.flex-hold {
    display: flex;
}

.historyTable.card {
    border: none;
    background: #fff;
    padding: 0px;
}

.header_box h3 {
    font-size: 24px;
    line-height: 1em;
    padding-bottom: 10px;
}

.header_box h4 {
    padding-bottom: 0
}

.header_box .ico-hold {
    width: 60px;
}

.header_box .content {
    width: calc(100% - 60px);
    padding-left: 15px;
}

.historyTable .contentHold {
    width: calc(100% - 122px);
    padding: 0 00px 0 20px;
    position: relative;
}

.pl-15 {
    padding-left: 15px;
}

.pr-15 {
    padding-right: 15px;
}

.mb-20 {
    margin-bottom: 20px;
}

.historyTable span.fl.my-training-history-word-wrap {
    font-size: 20px;
    margin-bottom: 0;
    display: block;
    width: calc(100% - 40px);
    text-overflow: ellipsis;
    overflow: hidden;
    text-shadow: 0 0 black;
    white-space: nowrap;
}

.historyTable .contentHold .certificate {
    position: absolute;
    top: 0;
    right: -2px;
}

.historyTable .contentHold .status {
    position: relative;
    display: inline-block;
    margin-right: 10px;
}

.historyTable .contentHold .actions {
    position: relative;
    display: inline-block;
    float: right
}

.historyTable .contentHold .status span {
    display: inline-block;
    line-height: 180%;
    padding: 0 13px 1px 35px;
    background: #f1c939;
    color: #ffffff;
    border-radius: 20px;
    font-weight: 600;
    font-size: 13px;
}

.historyTable .contentHold .actions span {
    background: #f178a9;
    color: #fff;
    padding: 10px 10px 10px 30px;
    font-size: 14px;
    font-weight: 600;
    border-radius: 4px;
}

    .historyTable .contentHold .actions span.active {
        background: #2c8ad0;
    }

.historyTable .contentHold .status span.active {
    background: #75c813;
}

.historyTable .contentHold .status span:before {
    display: none;
}

.historyTable .contentHold .status span:after {
    left: 0;
    top: 0;
    background-color: #fff;
    bottom: 1px;
    height: calc(100% - 2px);
    width: 24px;
    opacity: 1;
    border: 1px solid #f1c939;
    border-radius: 50%;
}

.historyTable .contentHold .status span.active:after {
    background-position: -76px -395px;
    border: 1px solid #75c813;
    background: url(../../images/userdashboard/completed.png)no-repeat;
    background-position: center;
    background-size: 25px;
}

.historyTable .contentHold .start-date {
    margin-right: 10px;
    font-size: 14px;
    display: inline-block;
}

    .historyTable .contentHold .start-date:before {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../../images/userdashboard/date.svg)no-repeat;
        display: inline-block;
        background-size: 18px;
        background-position: center;
        position: relative;
        top: 3px;
        left: 0;
    }

    .historyTable .contentHold .start-date.pass:before {
        content: "";
        width: 20px;
        height: 20px;
        background: url(../../images/userdashboard/pass-date.svg)no-repeat;
        display: inline-block;
        background-size: 18px;
        background-position: center;
        position: relative;
        top: 4px;
        left: 0;
    }

.historyTable .contentHold .actions span.inactive:before {
    content: "";
    display: inline-block;
    background-image: url(../../images/userdashboard/white-course.svg);
    display: inline-block;
    background-size: 20px;
    background-position: center;
    position: absolute;
    left: 7px;
    top: 13px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.historyTable .contentHold .actions span.active:before {
    content: "";
    display: inline-block;
    background-image: url(../../images/userdashboard/white-again.svg);
    display: inline-block;
    background-size: 20px;
    background-position: center;
    position: absolute;
    left: 7px;
    top: 14px;
    width: 20px;
    height: 20px;
    margin-right: 5px;
}

.historyTable .contentHold .actions span.inactive:after, .historyTable .contentHold .actions span.active:after {
    display: none;
}

.status span.inactive:after {
    background-image: url(../../images/userdashboard/inprogress.svg);
    background-repeat: no-repeat;
    background-position: 6px 5px;
    position: absolute;
    top: 6px;
    background-size: 12px;
}

.historyTable .contentHold .rated span {
    min-height: 15px;
    min-width: 30px;
    padding-top: 0;
    font-size: 0;
}

.button.btn-sm {
    padding: 5px 15px;
    background: #eee !important;
    border-radius: 20px;
    font-size: 14px;
    color: #000;
}

    .button.btn-sm:hover {
        -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);
        transition: 0.5s;
    }
/*******achievment item*/
.achievment-item.active .button.btn-sm {
    display: none;
}

section.achievments {
    background: #f6f7fb;
    padding-top: 0px;
}

.achievments .achievment-item {
    width: 135px;
    height: auto;
    text-align: center;
    float: left;
    background-color: #fff;
    padding: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    transition: 0.5s;
}

    .achievments .achievment-item.active {
        color: #000;
    }

    .achievments .achievment-item:before {
        display: none
    }

.achievments .achievement-list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
}

.achievments .description {
    font-size: 13px;
    padding: 5px 12px 10px 12px;
    border-radius: 10px;
    display: inline-block;
    line-height: normal;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

li.achievment-item.active img {
    filter: grayscale(0%);
}

li.achievment-item img {
    filter: grayscale(100%);
    max-height: 104px;
}

.main-container #OttContent {
    background: #f6f7fb;
}

    .main-container #OttContent .app-holder {
        width: calc(50% - 15px);
        display: inline-block;
        margin-bottom: 20px;
        background: #ffffff;
        padding: 15px;
    }

        .main-container #OttContent .app-holder:hover {
            -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);
            transition: 0.5s;
        }

        .main-container #OttContent .app-holder:first-child {
            margin-right: 15px;
        }

.user-navigation.navigation .ptl-image:after {
    background: transparent;
    border-color: transparent;
}
/*.historyTable .contentHold .actions span:hover{-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);transition: 0.5s;}*/
.tooltip {
    position: relative;
}

    .tooltip .tooltiptext {
        visibility: hidden;
        min-width: 120px;
        background-color: black !important;
        color: #fff;
        text-align: center;
        border-radius: 6px !important;
        padding: 3px 5px !important;
        position: absolute;
        z-index: 1;
        bottom: calc(100% + 5px);
        left: 50%;
        margin-left: -60px;
        font-size: 14px !important;
        line-height: normal;
        font-weight: 500 !important
    }

        .tooltip .tooltiptext.w-160 {
            min-width: 160px !important;
        }

        .tooltip .tooltiptext.w-200 {
            min-width: 200px !important;
        }

span.tooltiptext.left {
    right: 100%;
    left: auto;
    top: 0;
    bottom: auto;
}

.tooltip span.tooltiptext:after, .tooltip span.tooltiptext:before {
    display: none !important;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.left-slider .navigation .ptl-item {
    background-size: auto 40px;
}

.left-slider button.left-menu {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    background: #fff !important;
    padding: 8px 10px 10px 8px;
    border-radius: 0 0 100px 0;
    display: none;
    -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);
    background: #fff;
}

.left-slider.fixed button.left-menu, .left-slider.fixed .header-left {
    position: fixed;
    top: 0
}

.left-slider button.left-menu span.main {
    width: 25px;
    height: 25px;
    position: relative;
    display: block;
}

.left-slider button.left-menu span.one {
    top: 0px;
    display: block;
    position: absolute;
    height: 2px;
    width: 25px;
    background: #595959;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.left-slider button.left-menu span.two {
    top: 9px;
    display: block;
    position: absolute;
    height: 2px;
    width: 20px;
    background: #595959;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.left-slider button.left-menu span.three {
    top: 18px;
    display: block;
    position: absolute;
    height: 2px;
    width: 15px;
    background: #595959;
    border-radius: 9px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}

.left-slider.show button.left-menu span.one {
    top: 10px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -o-transform: rotate(135deg);
    transform: rotate(135deg);
}

.left-slider.show button.left-menu span.two {
    opacity: 0;
    left: -60px;
}

.left-slider.show button.left-menu span.three {
    top: 10px;
    width: 25px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);
}

.breadcrumb {
    padding: 20px 0;
}

    .breadcrumb li {
        display: inline-block;
    }

        .breadcrumb li a:after {
            content: "";
            width: 20px;
            height: 13px;
            background: url(../../images/userdashboard/next.png) no-repeat;
            background-position: 0 0;
            margin: 0 0px 0 5px;
            display: inline-block;
            background-size: 12px;
            position: relative;
        }

.main-container #OttContent section.form-registration.cf {
    border-radius: 15px;
    -webkit-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.05);
    box-shadow: 0px 1px 6px 0px rgba(0,0,0,0.05);
}





@media screen and (max-width: 860px) {
    .main-container #OttContent .app-holder {
        float: left;
        margin-top: 20px;
    }

    .left-slider.show:before {
        content: "";
        background: #00000047;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
        z-index: 1;
    }

    .left-slider button.left-menu {
        display: block;
    }

    .left-slider.show button.left-menu {
        box-shadow: none;
    }

    .main-container {
        padding: 0;
    }

    .left-slider {
        margin-top: -170px;
    }

        .left-slider .header-left {
            display: none;
            padding: 15px 15px 15px 15px;
            top: 0;
            position: absolute;
            transition: all .3s;
            width: 20px;
            height: 20px;
        }

        .left-slider.show .header-left {
            display: block;
            width: 280px;
            height: 100%;
        }

    .main-content .keyvisual.small {
        width: 100%;
        margin-left: 0px;
    }

    .main-container #OttContent {
        padding: 0;
    }

    .header_box.flex-hold .grid_3.pr-15.pl-15, .header_box.flex-hold .grid_3.pl-15, .header_box.flex-hold .grid_3.pr-15 {
        padding: 0;
        position: relative;
    }

    .historyTable:nth-child(odd), .historyTable:nth-child(even) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .nav-fix footer {
        padding-left: 0px;
    }

    .header_box.flex-hold .grid_3.pr-15.pl-15:before {
        content: "";
        width: 1px;
        height: 80%;
        top: 10%;
        background: #ebebeb;
        position: absolute;
        left: 0;
    }

    .header_box.flex-hold .grid_3.pr-15.pl-15:after {
        content: "";
        width: 1px;
        height: 80%;
        top: 10%;
        background: #ebebeb;
        position: absolute;
        right: 0;
    }

    .achievments .achievment-item {
        width: calc( 33% - 10px);
    }

    .achievement-list {
        margin-right: -10px;
        width: calc(100% + 10px);
    }
}

.casestudy {
    height: calc(100vh - 100px);
    min-height: 800px;
}

    .casestudy h1 {
        padding-top: 7%;
    }


@media screen and (max-width: 768px) {
    .header_box.flex-hold {
        -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);
    }

        .header_box.flex-hold .flex-hold.card {
            display: block;
            box-shadow: none;
        }

    .header_box .content {
        width: 100%;
        padding-left: 0;
        text-align: center;
    }

    .header_box .ico-hold {
        margin: auto;
    }

    .achievments .achievment-item {
        width: calc( 50% - 10px);
    }
}

@media screen and (max-width: 760px) {
    .main-container #OttContent .app-holder {
        width: 100%;
        float: none;
        max-width: none;
    }

    .left-slider button.left-menu {
        top: 10px;
    }

    .left-slider .header-left {
        top: 10px;
    }
}

@media screen and (max-width: 600px) {
    .historyTable .contentHold {
        width: calc(100% - 72px);
    }

    .history-table {
        table-layout: fixed;
    }

    .profile-content dt, .profile-content dd {
        width: 100%;
    }

    .profile-content dd {
        margin-bottom: 10px
    }
}

@media screen and (max-width: 420px) {
    .card.flex-hold.mb-20.historyTable {
        display: block;
    }

    .historyTable .contentHold {
        width: 100%;
        padding-left: 0;
    }

    .achievments .achievment-item {
        width: 100%;
        margin-right: 0;
    }

    .achievement-list {
        margin-right: 0;
        width: 100%;
    }
}


/****  floating-Lable style start ****/
.profile-content .app-hold {
    border-top: 0;
    position: relative;
    color: #fff;
    border-radius: 15px;
    width: 100%;
    height: auto;
}

    .profile-content .app-hold.facebook {
        background: #3b5998;
    }

    .profile-content .app-hold.google {
        background: #e13719;
    }

    .profile-content .app-hold .app-logo {
        width: 70px;
        position: absolute;
        left: 10px;
        top: 20px;
        height: 61px;
    }

    .profile-content .app-hold .app-content {
        padding: 25px 15px 25px 100px;
        margin-bottom: 20px;
        min-height: 103px;
    }

        .profile-content .app-hold .app-content .user-email span {
            color: #fff;
        }

    .profile-content .app-hold .app-logo:before {
        position: absolute;
        content: "";
        width: 1px;
        height: 80%;
        display: block;
        background: #fff;
        right: 0;
        top: 10%;
    }

.form-hoder .button.pull-right {
    border-radius: 15px;
    padding: 16px 25px;
    font-size: 16px;
    margin-bottom: 10px;
}

.profile-content .button-outline {
    color: #e84892;
    background: transparent;
    cursor: pointer;
    border-radius: 15px;
    border: 2px solid;
    padding: 14px 25px;
    margin-bottom: 15px;
}

    .profile-content .button-outline:hover {
        background: #e84892;
        color: #fff;
    }

.floating-label {
    position: relative;
    margin-bottom: 25px;
}

.floating-input, .floating-select {
    font-size: 1rem;
    padding: 6px 20px;
    display: block;
    width: 100%;
    height: 50px;
    background-color: #ffffff;
    border: 1px solid #757575;
    border-radius: 10px;
}

.floating-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;
    background-size: 27px;
}

.floating-textarea {
    font-size: 14px;
    padding: 6px 20px;
    display: block;
    width: 100%;
    height: 100px;
    background-color: #ffffff;
    border: 1px solid #757575;
    border-radius: 3px 3px 3px 3px;
}

    .floating-input:focus, .floating-select:focus, .floating-textarea:focus {
        outline: none;
        border: 2px solid #000000;
    }

.floating-label label {
    color: #000;
    font-size: 16px;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 20px;
    top: 11px;
    z-index: 0;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

    .floating-label label:before {
        height: 50%;
        top: 15px;
        width: 100%;
        display: block;
        background: #fff;
        position: absolute;
        content: "";
        z-index: -1;
    }

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label, .floating-textarea:focus ~ label, .floating-textarea:not(:placeholder-shown) ~ label {
    top: -16px;
    font-size: 14px;
    color: #000000;
}

label .mandatory-star {
    color: red;
    margin-left: 4px;
    font-weight: 600;
}

.floating-select:focus ~ label, .floating-select:not([value=""]):valid ~ label {
    top: -16px;
    font-size: 14px;
    color: #000000;
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
    width: 50%;
}


.floating-textarea {
    min-height: 30px;
    max-height: 260px;
    overflow: hidden;
    overflow-x: hidden;
}

/* highlighter */
.floating-label .highlight {
    position: absolute;
    height: 50%;
    width: 100%;
    top: 15%;
    left: 0;
    pointer-events: none;
    opacity: 0.5;
}

/* active state */
.floating-input:focus ~ .highlight, .floating-select:focus ~ .highlight {
    -webkit-animation: inputHighlighter 0.3s ease;
    -moz-animation: inputHighlighter 0.3s ease;
    animation: inputHighlighter 0.3s ease;
}
/* animation */
@-webkit-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@-moz-keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

@keyframes inputHighlighter {
    from {
        background: #5264AE;
    }

    to {
        width: 0;
        background: transparent;
    }
}

/****  floating-Lable style end ****/ .col-lg-2 {
    width: 16.66666667%
}

/*Following   ***/
.course-follow {
    display: flex;
    margin-bottom: 30px;
}

    .course-follow .logohold-main {
        width: 100px;
        background: url(/images/default_logo.svg)no-repeat center #f7f7f7;
        border-radius: 15px;
        overflow: hidden;
    }

    .course-follow .logohold {
        width: 100%;
        display: flex;
        background: #fff;
        height: 100px;
        align-items: center;
        text-align: center;
    }

        .course-follow .logohold img {
            width: 90%;
            margin: auto;
        }

    .course-follow .details {
        padding-left: 20px;
        width: calc(100% - 100px);
        display: flex;
        flex-wrap: wrap;
        align-self: center;
    }

        .course-follow .details h2 {
            padding: 0;
            font-size: 20px;
            margin-bottom: 5px;
            text-align: left;
            font-weight: 500;
        }

        .course-follow .details p {
            padding: 0
        }

ul.basket-list {
    background: #f6f7fb;
    border-radius: 20px;
}

.form-billing-details .form-box.registration {
    background: #f6f7fb;
    border-radius: 20px;
    padding: 25px;
}

span.safe-icon {
    color: #00ce7c;
    font-weight: 400;
    margin-top: 5px;
    display: block;
    text-align: center;
}

    span.safe-icon:before {
        content: "";
        width: 30px;
        height: 20px;
        display: inline-block;
        background: url(/images/safepay.png)no-repeat center;
        background-size: 18px;
        font-size: 14px;
        position: relative;
        top: 4px;
    }

a.change-form {
    color: #1e95c7;
    display: block;
    color: #df1683 !important;
    width: 80px;
    padding-right: 31px;
    position: relative;
    margin-right: 0;
    cursor: pointer;
    margin-top: 10px;
}

    a.change-form:after {
        content: "";
        width: 20px;
        height: 20px;
        display: inline-block;
        background: url(/images/edit.png)no-repeat center;
        background-size: 20px;
        position: absolute;
        right: 0;
        top: 0;
    }

.form-billing-details .label-hoder {
    float: left;
    background: #fff;
    width: 100%;
    border: 1px solid #7575755c;
    padding: 20px;
    border-radius: 15px;
}

.p-0 {
    padding: 0 !important;
    margin-bottom: 20px;
}

.label-hoder h4 {
    font-weight: 600;
    font-size: 20px;
    padding-bottom: 16px;
}

.btn-loader {
    border: 3px solid #fff;
    border-radius: 50%;
    border-top: 3px solid #e84892;
    width: 40px;
    height: 40px;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}

/* Safari */
@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.corse-cost .marker {
    color: #474345 !important;
}
/*.basket .item-box, .form-billing-details .item-box {    max-width: none;}*/
span#formAddress {
    width: calc(100% - 85px);
}

@media (max-width:992px) {
    .form-billing-details .billing-detail-header {
        margin-top: 5px;
    }

    ul.basket-list {
        margin-bottom: 20px;
    }

    .form-box.registration .col-xs-12, .form-box.registration .col-sm-12, .form-box.registration .col-md- {
        padding: 0
    }
}

.call-to-action.submit {
    margin-top: 20px;
    width: 100%;
}

    .call-to-action.submit .button {
        border-radius: 8px;
        padding: 12px 20px;
        display: inline-block;
        border: 1px solid #e01883;
        min-width: 100px;
    }

        .call-to-action.submit .button .btn-loader {
            width: 20px;
            height: 20px;
            padding: 5px;
            margin: auto;
        }

t-button-globaliris {
    float: right;
    border-radius: 15px;
    width: 100%;
    max-width: 400px;
    padding: 13px 25px;
    background: #eb4d9a;
}

.bx-wrapper.zeroslid .bx-viewport, .bx-wrapper.zeroslid .bx-controls.bx-has-controls-direction {
    display: none;
}

.bx-wrapper.oneslid .bx-controls-auto {
    display: none;
}

#PrizeSlider.items-4 .teaser-container .content-container h2 {
    font-weight: 300;
    font-size: 16px;
    line-height: 135%;
}

.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 .cmp-logo {
    max-width: 100%;
    max-height: 100%;
    border: none;
    margin: auto;
}

.primary-text {
    color: #df1983;
}

.transparent_sections section {
    background-color: transparent;
}

/*.tooltip {
    visibility: hidden;
    position: absolute;
    background: #000;
    color: #fff;
    right: 100%;
    font-size: 14px;
    padding: 2px 8px;
    border-radius: 3px;
    margin-right: 8px;
}

    .tooltip:after {
        content: "";
        position: absolute;
        top: 6px;
        right: -12px;
        margin-left: -5px;
        border-width: 6px;
        border-style: solid;
        border-color: transparent transparent transparent black;
    }
*/
.clear-one:hover .tooltip {
    visibility: visible;
}

.file-uploads {
    overflow: hidden;
    position: relative;
    text-align: center;
    display: inline-block;
}

    .file-uploads.file-uploads-html5 label {
        background: #fff;
        opacity: 0;
        font-size: 20em;
        z-index: 1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: absolute;
        width: 100%;
        height: 100%;
    }

    .file-uploads.file-uploads-html5 input {
        background: rgba(255,255,255,0);
        overflow: hidden;
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        opacity: 0;
    }

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

    .row.actual {
        margin-right: -15px !important;
        margin-left: -15px !important;
        display: flex;
        float: none;
    }

.faq-box .collapse {
    display: block;
}

.parent.menu-items {
    width: 100%;
}

#PrizeSlider .teaser-container .image-container {
    height: auto;
    max-height: 178px;
}

.theme.rating .rating-star {
    background-image: url(../images/Rating-start.png);
    background-position: -23px 0px;
    background-size: auto;
    float: left;
    margin-right: 3px;
    margin-bottom: 4px;
}

    .theme.rating .rating-star.rated {
        background-image: url(../images/Rating-start.png);
        background-position: 0px 0px;
        background-size: auto;
    }

@media screen and (max-width:420px) {
    .gray-theme1 .container.pb-5.mb-1 {
        padding-bottom: 15px !important;
    }

    .gray-theme1 .cnchor-btn {
        float: left;
        padding-left: 0;
    }
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #cfcfcf !important;
    border-radius: 10px !important;
}

    .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
        height: 33px !important;
        font-size: 1rem;
        color: #495057;
        padding-top: 7px !important;
    }

    .chosen-container-multi .chosen-choices li.search-choice {
        margin: 11px 10px 0px 5px !important;
        padding: 10px 30px 10px 10px !important;
        background-color: #00cc212e !important;
        border: 1px solid #00cc21 !important;
        z-index: 1;
    }

        .chosen-container-multi .chosen-choices li.search-choice .search-choice-close:before {
            font-size: 13px;
            content: "X";
            font-family: cursive;
        }

        .chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
            top: 11px !important;
            color: #00cc21;
            font-weight: 600;
        }

.chosen-container .chosen-results li.highlighted {
    background: #1e90ff !important;
}

.chosen-container-multi .chosen-choices li:first-child input[type="text"] {
    min-width: 300px;
    padding-left: 10px;
    height: 24px !important;
}

.chosen-container .chosen-results li {
    text-align: left;
    padding: 7px 12px;
    font-size: 1rem;
}
/* width */
.chosen-container .chosen-results::-webkit-scrollbar {
    width: 8px;
}
/* Track */
.chosen-container .chosen-results::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.chosen-container .chosen-results::-webkit-scrollbar-thumb {
    background: #888;
}
    /* Handle on hover */
    .chosen-container .chosen-results::-webkit-scrollbar-thumb:hover {
        background: #555;
    }

.myOTTProfile button.close {
    margin: 0 !important;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0px !important;
}

.container-comm ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.container-comm :-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.container-comm ::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.secondary-btn:hover, .secondary-btn:focus, .primary-btn:hover, .primary-btn:focus {
    text-decoration: none;
}

.tooltip.fade.bs-tooltip-right.show {
    visibility: initial;
    right: auto;
    background: transparent;
}

    .tooltip.fade.bs-tooltip-right.show:after {
        display: none;
    }

.primary-achor:hover {
    text-decoration: none;
}
/*MyOTT*/
.my-ott-header-box a:hover {
    text-decoration: none;
}

.my-ott-header-box .uderImg {
    position: relative;
    height: 130px;
    width: 130px;
    display: flex;
    overflow: hidden;
    border-radius: 50%;
    border: 2px solid #fff;
    box-shadow: 0px 1px 6px 0px rgb(0 0 0 / 50%);
    margin-top: -75px;
    margin-bottom: 20px;
    background: url("https://www.onlinetraveltraining.com/media/5270341/user.png")no-repeat;
    background-size: cover;
}

.my-ott-header-box .primary-achor {
    color: #000000;
}

.my-ott-header-box .whiteCart .primary-achor {
    color: #000000;
    float: right;
    margin-right: 0;
    font-weight: 400 !important;
    font-size: 15px;
}

.my-ott-header-box .accountholder h3, .my-ott-header-box .headerh3 {
    font-size: 24px;
    font-weight: 500;
    padding-bottom: 10px;
}

i.fas.fa-arrow-right.asidnCourse {
    position: relative;
    top: 4px;
    margin-right: 8px;
    color: #afafaf;
    float: left;
}

.my-ott-header-box .companyDetailHold .folwlist li {
    width: auto !important;
    margin-right: 20px;
}

.my-ott-header-box ul.social-icons li {
    margin: 0 10px 0 0;
    display: inline-block;
}

.my-ott-header-box .form-group.button-checkbox {
    display: inline-block;
    margin-bottom: 10px;
    margin-right: 20px;
}

    .my-ott-header-box .form-group.button-checkbox input {
        padding: 0;
        height: initial;
        width: initial;
        margin-bottom: 0;
        display: none;
        cursor: pointer;
    }

i.fa, i.far, i.fas {
    font-family: "Font Awesome 5 Pro";
}

.my-ott-header-box .form-group input:checked + label {
    border: 1px solid #e01883;
    color: #e01883;
}

.uploadbtn label {
    border: 1px solid #e01883;
    color: #000;
    -webkit-appearance: none;
    background-color: transparent;
    padding: 6px 16px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0px;
    border-radius: 50px;
}

.my-ott-header-box .cnchor-btn {
    padding: 8px 16px;
    display: inline-block;
    font-weight: 600;
    color: #000;
    font-size: 15px;
}

.my-ott-header-box .gray-theme1 {
    background: #f6f6f6;
}

.my-ott-header-box #gallery img {
    max-width: 200px;
}

.my-ott-header-box #gallery.owl-theme .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    margin-top: -11px;
}

    .my-ott-header-box #gallery.owl-theme .owl-nav .owl-prev {
        background-color: transparent !important;
        position: absolute;
        left: -25px;
        font-size: 0;
        margin: 0;
        padding: 0;
    }

    .my-ott-header-box #gallery.owl-theme .owl-nav .owl-next {
        background-color: transparent !important;
        position: absolute;
        right: -25px;
        font-size: 0;
        margin: 0;
        padding: 0;
    }

    .my-ott-header-box #gallery.owl-theme .owl-nav .owl-prev:before {
        content: "\f053";
        font-family: "Font Awesome 5 free";
        display: block;
        font-size: 30px;
        color: #7c7c7c;
        font-weight: 100 !important;
    }

    .my-ott-header-box #gallery.owl-theme .owl-nav .owl-next:before {
        content: "\f054";
        font-family: "Font Awesome 5 free";
        display: block;
        font-size: 30px;
        color: #7c7c7c;
        font-weight: 100 !important;
    }


.my-ott-header-box .companylist li {
    display: table;
    width: 100%;
    margin-bottom: 18px;
}

    .my-ott-header-box .companylist li .companyHold {
        display: table-cell;
        vertical-align: top;
        width: 115px;
    }

    .my-ott-header-box .companylist li .companyDetailHold {
        display: table-cell;
        vertical-align: middle;
        padding-left: 10px;
    }

    .my-ott-header-box .companylist li .companyHold .course-logo, .achievment-item .course-logo {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        display: flex;
        border: 1px solid #e7e7e7;
        padding: 15px;
        align-items: center;
        margin: auto;
    }

        .my-ott-header-box .companylist li .companyHold .course-logo img, .achievment-item .course-logo img {
            max-width: 100%;
            height: auto;
            margin: auto;
        }

.my-ott-header-box .companyDetailHold h5 {
    padding-bottom: 8px;
    font-size: 22px;
}

.my-ott-header-box .col-md-8 .companyDetailHold h5 {
    padding-top: 35px;
}

.my-ott-header-box .companyDetailHold li {
    display: inline-block;
    width: 100% !important;
    ;
    margin-bottom: 0px;
    float: left;
}

    .my-ott-header-box .companyDetailHold li .a2a_kit {
        position: absolute;
        background: #fff;
        top: 100%;
        z-index: 1;
        display: none;
    }

.my-ott-header-box .companyDetailHold li {
    position: relative;
}

    .my-ott-header-box .companyDetailHold li:hover .a2a_kit {
        display: block;
    }

.my-ott-header-box .companyDetailHold .checkhold {
    font-size: 15px;
    color: #ababab;
    float: left;
    position: relative;
    top: 2px;
    margin-right: 3px;
}

    .my-ott-header-box .companyDetailHold .checkhold.green {
        color: #00cc21;
    }

    .my-ott-header-box .companyDetailHold .checkhold.linked {
        color: #ffffff;
        background: #0077b5;
        border: 0;
    }

.my-ott-header-box .companyDetailHold a {
    color: #070707;
    font-weight: 300;
    font-size: 17px;
    text-decoration: none !important;
    float: left;
}

.my-ott-header-box .my-ott-header-box .companyDetailHold a:hover {
    color: #000000;
}

.companyDetailHold a.primary-achor {
    color: #000000;
}

.my-ott-header-box .companyDetailHold a.primary-achor:hover {
    color: #e84892;
}

.my-ott-header-box .sectionhold {
    border-top: 1px solid #000;
}

.my-ott-header-box .myOTTProfile h2 {
    margin: 0;
    text-align: center;
    padding-top: 0px;
    font-weight: 500;
    font-size: 1.5rem;
    font-size: 1.5em;
    width: calc(100% - 40px);
}

.my-ott-header-box .myOTTProfile .close {
    color: #000;
    font-size: 34px;
    font-weight: 300;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 44px;
    height: 44px;
    text-align: center;
    padding: 0;
    opacity: 1;
}

.my-ott-header-box .uploadbtn.white-achor-upload label {
    color: #ffffff;
    border: 0;
    padding: 0;
    font-weight: 400;
}

    .my-ott-header-box .uploadbtn.white-achor-upload label i {
        font-size: 15px;
    }

    .my-ott-header-box .uploadbtn.white-achor-upload label:hover {
        color: #e84892;
    }

.my-ott-header-box .container-comm {
    position: relative;
    margin-bottom: 5px;
}

.container-comm label {
    position: absolute;
    top: 10px;
    left: 20px;
    pointer-events: none;
    color: #495057;
    font-size: 1rem;
    font-weight: 400 !important;
    background: #fff;
    -webkit-transition: .2s cubic-bezier(.4,0,.2,1);
    transition: .2s cubic-bezier(.4,0,.2,1);
    display: inline-block;
    width: auto !important;
    margin-bottom: 0 !important;
    border: 0 !important;
    padding: 0 5px !important;
    border-radius: 0 !important;
}

.my-ott-header-box .container-comm input {
    display: block;
    width: 100% !important;
    background: #fff !important;
    height: 46px !important;
    border: 1px solid #ced4da !important;
    padding-left: 15px;
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #1d1d1d !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    border-radius: 10px !important;
}

.profile-content.border-bm {
    border-bottom: 1px solid #eee;
    border-radius: 0 !important;
    margin-bottom: 12px;
}

.my-ott-header-box .container-comm input:focus ~ label, .container-comm :not(:placeholder-shown) ~ label {
    top: -12px;
    left: 10px;
    font-size: 12px !important;
    font-weight: 400;
    width: auto;
    padding: 0 5px;
    background: #fff;
}

.my-ott-header-box .multi-lable {
    position: absolute;
    z-index: 1;
    width: auto !important;
    top: -12px;
    left: 10px;
    font-size: 12px !important;
    font-weight: 400;
    width: auto;
    padding: 0 5px;
    background: #fff;
    border: 0 !important;
    border-radius: 0 !important;
}

.my-ott-header-box .companyDetailHold li.w-191 {
    width: 191px !important;
}

.my-ott-header-box .col-12.share-socialhold {
    z-index: 9;
    background: #fff;
    width: auto;
    padding: 0 10px;
    display: inline-block;
    position: relative;
    top: 2px;
}



.my-ott-header-box .accountholder .font-weight-500 {
    font-weight: 400;
}

.secondary-btn {
    background: #fff !important;
    border: 1px solid #e01883;
    color: #e01883;
    border-radius: 40px;
    padding: 12px 20px;
    display: inline-block;
    color: #000000;
    line-height: 17px;
    font-weight: 400;
}

.my-ott-header-box .aboutcontent.readmore .about {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 12;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.my-ott-header-box .aboutcontent .readmore-btn {
    display: none;
}

.my-ott-header-box .aboutcontent.readmore .readmore-btn {
    display: block;
}

.my-ott-header-box .aboutcontent .readless-btn {
    display: none;
}

.my-ott-header-box .aboutcontent.readless .readless-btn {
    display: inline-block;
    padding-left: 5px;
}

.my-ott-header-box .readmore-btn, .readless-btn {
    color: #000;
    font-weight: 600;
}

    .my-ott-header-box .readmore-btn:hover, .my-ott-header-box .readmore-btn:focus, .my-ott-header-box .readless-btn:hover, .my-ott-header-box .readless-btn:focus {
        color: #e01883;
        text-decoration: none;
        font-weight: 600;
    }

.my-ott-header-box .uderImg:hover .btn-dark {
    opacity: 1;
    background: rgb(8 8 8 / 65%);
}

.my-ott-header-box .uderImg .btn-dark {
    background: rgb(8 8 8 / 65%);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    padding: 58px 20px;
    text-align: center;
    opacity: 0;
}

.my-ott-header-box .btn-dark .file-upload {
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    cursor: pointer;
}

.my-ott-header-box .profile-img img {
    width: 200px;
    height: 200px;
    border-radius: 50%;
}

.my-ott-header-box .disabled_text {
    background-color: lightgray;
}

/*payment form placeholder*/
.floating-input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #fff;
    opacity: 1; /* Firefox */
}

.floating-input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

.floating-input::-ms-input-placeholder { /* Microsoft Edge */
    color: #fff;
}

.upload-btn-wrapper .btn {
    padding: 10px 20px;
}

.imgDiscription {
    background: #eee;
    padding: 5px 10px;
    color: #000;
    font-weight: 500;
}

.overview-container .content-box h6 {
    display: block;
    display: -webkit-box;
    max-width: 100%;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 36px;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.whiteCart {
    background: #ffffff;
    border-radius: 8px;
    padding: 15px;
}

.dropdown.show .dropdown-menu.slim_scroll {
    display: block;
}

.aside-menu li a {
    width: 100%;
    display: block;
    padding: 6px 15px;
    color: #000000;
}

    .aside-menu li a:hover {
        color: #e01883;
    }

.aside-menu li {
    width: 100%;
    display: block;
    padding: 0;
    border: 0;
}

#exploreCourse #nav-icon {
    position: relative;
    top: 4px;
    margin-left: 5px;
}

    #exploreCourse #nav-icon span {
        background: #e01883;
    }

#exploreCourse:hover #nav-icon span, #exploreCourse:focus #nav-icon span, #exploreCourse:active #nav-icon span {
    background: #fff;
}

#exploreCourse.secondary-btn {
    padding: 8px 20px 10px 20px;
    border: 1px solid #e01883;
    border-radius: 40px
}

    #exploreCourse.secondary-btn:after {
        display: none;
    }

    #exploreCourse.secondary-btn:focus, #exploreCourse.secondary-btn:hover {
        color: #fff;
    }

.courseholdder .dropdown-menu.slim_scroll {
    max-height: 300px;
    overflow-y: auto;
}

.dropdown .aside-menu {
    min-width: 210px;
    padding: 5px 0;
}

.my-ott-header-box .companylist li.historyTable {
    box-shadow: rgb(191 191 191 / 40%) 0 1px 6px 0;
    padding: 15px;
    border: 1px solid #e4e4e4;
}

#typeofjob .chosen-container-active .chosen-choices li.search-field input[type="text"] {
    min-height: 35px;
    padding: 0px;
    font-size: 17px !important;
}

@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;
        }
}

.rte-content ul li {
    list-style-type: initial;
}

.floating-label input[type="date"]::-webkit-inner-spin-button,
.floating-label input[type="date"]::-webkit-calendar-picker-indicator {
    background: transparent;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    height: 50px;
    width: 100%;
    z-index: 1
}

.floating-label .date-icon {
    width: 20px;
    position: absolute;
    right: 15px;
    top: 14px;
    z-index: 0
}


/*-- bespoke styles starts --*/
.pull-left {
    float: left !important;
}

.page-header.client-page-hold {
    position: relative;
}

    .page-header.client-page-hold:before {
        content: "";
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        position: absolute;
    }

    .page-header.client-page-hold .title-content-hold {
        padding: 20px 0;
        z-index: 10;
    }

.client-page-hold .logo-section-hold {
    height: 150px;
    width: 150px;
    max-width: 150px;
    border-radius: 50%;
    overflow: hidden;
    align-items: center;
    justify-content: center;
    background: #fff;
    display: flex;
}

    .client-page-hold .logo-section-hold img {
        display: inline-block;
        max-width: 150px;
        height: auto;
    }

.client-page-hold .title-section-hold h1 {
    font-size: 28px;
    color: #fff;
    padding: 20px 10px;
}

.client-page-hold .title-section-hold p {
    color: #fff;
    font-size: 17px;
    padding: 10px;
}

.country-list-hold {
    padding: 50px 0;
}

    .country-list-hold .kc-elm.col-sm-3 {
        float: left;
        margin: 0 15px;
        width: 22%;
        text-align: center;
        padding: 10px;
        border: 1px solid #e9e9e9;
    }

    .country-list-hold .row {
        justify-content: center;
    }

    .country-list-hold .col-box {
        text-align: center;
        padding: 10px;
        border: 1px solid #e9e9e9;
        margin-bottom: 30px;
    }


    .country-list-hold .country-icon-thumbnail-img {
        height: 100px;
        width: 100px;
        max-width: 100px;
        border-radius: 50%;
        overflow: hidden;
        align-items: center;
        justify-content: center;
        display: flex;
        margin: 10px auto 0 auto;
    }

        .country-list-hold .country-icon-thumbnail-img img {
            display: inline-block;
            max-width: 150px;
            height: auto;
        }

    .country-list-hold .country-flag-thumbnail-content {
        padding: 15px 0;
    }


    .country-list-hold .col-box h3 a {
        color: #000;
        font-size: 20px;
        text-decoration: none;
    }

    .country-list-hold .kc-elm.col-sm-3 h3 a {
        color: #000;
        font-size: 20px;
        text-decoration: none;
    }

    .country-list-hold .col-box p {
        color: #78797a;
        font-size: 17px;
    }

    .country-list-hold .kc-elm.col-sm-3 p {
        color: #78797a;
        font-size: 17px;
    }


@media (max-width:767px) {
    .country-list-hold .col-md-4 {
        width: 100%;
    }
}
/*  .country-list-hold .kc-elm.col-sm-3 a {
                            color: #ff3636;
                        } */

.launch_btn {
    background: #df1683;
    color: #ffffff;
    border-radius: 40px;
    padding: 9px 20px;
    text-decoration: none !important;
    font-size: 17px;
    border: 1px solid #df1683;
}

    .launch_btn:hover {
        background: #ffffff;
        color: #df1683;
    }

.country-list-hold .launch_btnhold {
    display: inline-block;
}

.directoryhold {
    min-height: inherit !important;
    height: auto !important;
}

.cf.checkout-directory {
    background: url(/images/checkout-bg.jpg);
    text-align: center;
    padding: 100px 0;
    min-height: inherit;
}

.full_height .cf.checkout-directory .text-box-content {
    max-width: 70%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0 auto;
}

.cf.checkout-directory h1 {
    font-size: 36px;
}

.cf.checkout-directory p {
    font-weight: 500;
    margin-bottom: 30px;
}

.cf.checkout-directory a.default_button1 {
    border-radius: 5px;
    background: #0f1223 !important;
    color: #fff !important;
    border-color: #0f1223;
    font-weight: 500;
}

.full_height .cf.checkout-directory .text-image-container {
    min-height: inherit;
}


.competetaion-macro-slider.owl-carousel .owl-nav {
    display: flex;
    grid-gap: 10px;
    justify-content: flex-end;
    max-width: 1140px;
    margin: 0 auto;
}

    .competetaion-macro-slider.owl-carousel .owl-nav button {
        position: static;
        color: #060c18;
        text-indent: inherit;
        font-size: 18px;
        text-align: right;
        background: none !important;
        border: 2px solid #060c18 !important;
        width: 45px;
        height: 45px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        border-radius: 5px;
    }

        .competetaion-macro-slider.owl-carousel .owl-nav button:hover {
            border: 2px solid #e32c8f !important;
            color: #e32c8f;
            opacity: 1;
            cursor: pointer;
        }

    .competetaion-macro-slider.owl-carousel .owl-nav button {
        border-color: #fff !important;
        color: #fff;
    }

        .competetaion-macro-slider.owl-carousel .owl-nav button:hover {
            background: #fff !important;
            color: #de157d;
            border-color: #fff !important;
        }


.header-btns .secondary-btn, .header-btns .primary-btn {
    border-radius: 5px;
    padding: 10px 20px;
    font-weight: 500;
    font-size: 14px;
}





@media screen and (max-width:1024px) {
    .country-list-hold .kc-elm.col-sm-3 {
        width: 25%;
        margin-bottom: 15px;
    }
}

@media screen and (max-width:991px) {
    .client-page-hold .container, .country-list-hold .container {
        max-width: 100%;
    }

    .client-page-hold .title-content-hold .col-lg-2.col-md-2.col-sm-2.col-xs-12, .client-page-hold .title-content-hold .col-lg-10.col-md-10.col-sm-10.col-xs-12 {
        width: 100%;
    }

    .client-page-hold .logo-section-hold {
        margin: 0 auto;
    }

    .title-section-hold {
        text-align: center;
    }
    /*.country-list-hold .kc-elm.col-sm-3 {width:45%;}*/
    .country-list-hold .kc-elm.col-sm-3 {
        width: 100%;
    }
}

@media only screen and (max-width: 768px) {
    .country-list-hold .kc-elm.col-sm-3 {
        width: 100%;
    }

    .competetaion-macro-slider.owl-carousel .owl-nav {
        justify-content: center;
    }
}

@media only screen and (max-width:490px) {
    .section-navigation ul li a:before {
        right: -10px;
    }
}
/*-- bespoke styles ends --*/


.login-active-section {
    display: none !important;
}





/*CKEditor start*/
.aboutMeText svg {
    display: none;
}

.aboutMeText figure {
    margin: 0;
}

    .aboutMeText figure.image img {
        width: auto;
        aspect-ratio: inherit !important;
    }

    .aboutMeText figure.image {
        margin: 0 auto 20px;
    }

.aboutMeText .table table {
    border: 1px double #b3b3b3;
    border-collapse: collapse;
    border-spacing: 0;
    height: 100%;
    width: 100%;
}

    .aboutMeText .table table th {
        background: rgba(0,0,0,.05);
        font-weight: 700;
    }

    .aboutMeText .table table td, .aboutMeText .table table th {
        border: 1px solid #bfbfbf;
        min-width: 2em;
        padding: .4em;
        overflow-wrap: break-word;
        position: relative;
    }

        .aboutMeText .table table td p, .aboutMeText .table table th p {
            margin-bottom: 1rem;
        }

        .aboutMeText .table table td div, .aboutMeText .table table th div {
            display: none;
        }

.aboutMeText .mark, .aboutMeText mark {
    padding: .2em;
    color: #262626;
}

.aboutMeText .marker-green {
    background-color: #62f962;
}

.aboutMeText code {
    font-size: 87.5%;
    color: #e83e8c;
    word-wrap: break-word;
    background-color: hsla(0,0%,78%,.5);
}

.aboutMeText blockquote {
    border-left: 5px solid #ccc;
    font-style: italic;
    margin-left: 0;
    margin-right: 0;
    overflow: hidden;
    padding-left: 1.5em;
    padding-right: 1.5em;
    margin: 1rem 0;
}

.aboutMeText p {
    margin-bottom: 1rem;
    font-size: 15px;
    padding-bottom: 0;
}

.aboutMeText {
    font-family: 'Lato';
    line-height: 1.6;
    word-break: break-word;
}

    .aboutMeText .marker-yellow {
        background-color: #fdfd77;
    }

    .aboutMeText .marker-pink {
        background-color: #fc7899;
    }

    .aboutMeText .marker-blue {
        background-color: #72ccfd;
    }

    .aboutMeText .pen-red {
        background-color: transparent;
        color: #e71313;
    }

    .aboutMeText .pen-green {
        background-color: transparent;
        color: #128a00;
    }

    .aboutMeText .ck.ck-reset_all.ck-widget__type-around {
        display: none;
    }

    .aboutMeText .image .ck.ck-reset_all.ck-widget__resizer.ck-hidden {
        display: none;
    }
/*.main.summary .box-theme-1{display:inline-block}*/

/*CKEditor end*/




.course-banner {
    background: #302b6b;
    color: #fff;
    padding: 60px 0 30px;
}

    .course-banner h1 {
        font-weight: 600;
        margin: 0 0 15px;
        padding: 0;
    }

/* .course-banner p {
        font-weight: 500;
        font-size: 22px;
    }*/

.course-overview-container {
    background: #fff;
    color: #000;
    /*border-radius: 8px;
    padding: 10px;
    display: flex;*/
}

/*  .course-overview-container .image-container {
        display: flex;
        width: 80px;
        height: 80px;
        background: #fff;
        border-radius: 50%;
        box-shadow: 0 0 10px rgba(0,0,0,0.2);
        padding: 5px;
        overflow: hidden;
        box-sizing: border-box;
    }

        .course-overview-container .image-container .filter-logo {
            position: static;
            width: 100%;
            height: auto;
            border: none;
            padding: 0;
            border-radius: 50%;
            line-height: normal;
        }

            .course-overview-container .image-container .filter-logo img {
                max-width: 100%;
                width: 100%;
            }

    .course-overview-container .content-container {
        width: calc(100% - 100px);
        margin-left: 20px;
    }

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

            .course-overview-container .content-container .content-box h2 {
                margin-bottom: 10px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                display: block;
            }

            .course-overview-container .content-container .content-box p {
                font-size: 14px;
                font-weight: 400;
                line-height: 21px;
                min-height: 42px;
                height: auto;
                margin-bottom: 5px;
                -webkit-line-clamp: 2;
            }

    .course-overview-container .call-to-action-box {
        position: static;
    }

        .course-overview-container .call-to-action-box:before, .course-overview-container .call-to-action-box:after {
            display: none;
        }

        .course-overview-container .call-to-action-box .rating {
            float: none;
            display: flex;
            font-weight: 500;
            margin: 10px 0 0;
        }

        .course-overview-container .call-to-action-box .free-course-btn {
            margin: 10px 0 0;
        }

            .course-overview-container .call-to-action-box .free-course-btn .button {
                padding: 8px;
                font-weight: 500;
                font-size: 14px;
                float: none;
            }*/
.course-banner.course-overview .container, .gds-courses .container {
    max-width: 1174px;
}

.course-list-container {
    padding: 50px 0;
}

    .course-list-container h1 {
        font-weight: 600;
    }

    .course-list-container .course-overview-container {
        margin-bottom: 30px;
    }

        .course-list-container .course-overview-container .content-container .content-box h2 {
            font-size: 24px;
        }

        .course-list-container .course-overview-container .content-container .content-box p {
            font-size: 16px;
            min-height: 40px;
            height: auto;
        }

        .course-list-container .course-overview-container .call-to-action-box .free-course-btn .button {
            padding: 10px 15px;
            font-size: 15px;
        }

        .course-list-container .course-overview-container .image-container {
            width: 120px;
            height: 120px;
        }

        .course-list-container .course-overview-container .content-container {
            width: calc(100% - 150px);
        }

    .course-list-container .overview-container .content-box {
        padding: 20px 20px 10px 20px;
    }

.courseview-list .call-to-action-box {
    position: static;
}

.courses-categories {
    border: 1px solid #dfdfdf;
    border-radius: 8px;
    background: #fff;
    overflow: hidden;
    position: sticky;
    top: 100px;
}

    .courses-categories h2 {
        background: #f9f9f9;
        padding: 15px 25px;
        font-size: 24px;
        font-weight: 500;
    }

    .courses-categories ul {
        padding: 15px 25px;
    }

        .courses-categories ul li {
            display: flex;
            justify-content: space-between;
            font-weight: 400;
            font-size: 15px;
            padding: 2px 0;
            cursor: pointer;
        }

            .courses-categories ul li span {
                color: rgb(223, 22, 131);
            }

.course-overview-container .rated-title {
    margin-right: 10px;
}

.gds-courses {
    background: #f9f9f9;
    padding: 60px 0;
}

    .gds-courses h1 {
        font-weight: 600;
    }

/*.gds-courses .course-overview-container .content-container .content-box p {
        -webkit-line-clamp: 1;
        min-height: 20px;
        margin: 0 0 3px;
    }

    .gds-courses .course-overview-container .content-container .content-box a {
        font-weight: 400;
    }

        .gds-courses .course-overview-container .content-container .content-box a.button.company-btn {
            font-weight: 500;
        }

    .gds-courses .course-overview-container .content-container .content-box .duration {
        margin: 8px 0 0;
        font-weight: 400;
    }

    .gds-courses .course-overview-container {
        box-shadow: 0 0 8px rgba(0,0,0,0.2);
        border: none;
        margin: 40px 10px 10px;
        padding-top: 20px;
    }*/

.gds-course-slider.competetaion-macro-slider.owl-carousel .owl-nav button, .gds-course-slider.competetaion-macro-slider.owl-carousel .owl-nav button:hover {
    border-color: #db167c !important;
    color: #db167c;
}

.gds-courses.course-overview .overview-container {
    margin: 30px 0 0;
    padding-top: 15px;
}

.gds-courses.course-overview .owl-stage-outer {
    padding-bottom: 20px;
}

.gds-courses .free-course-btn {
    justify-content: flex-end;
}

.gds-price-tag {
    position: absolute;
    top: -18px;
    background: rgb(223, 22, 131);
    color: #fff;
    z-index: 999;
    border-radius: 5px;
    padding: 10px 8px;
    font-weight: 600;
    font-size: 18px;
    right: 24px;
}

    .gds-price-tag:before {
        content: "";
        border: 10px solid #930d52;
        border-right: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        position: absolute;
        left: -9px;
        top: 6px;
        transform: rotate(45deg);
    }

#toast-container > div {
    opacity: 1 !important;
}
/*add tocart*/
/*.cart-page {
    width: calc(100% - 280px);
}*/

.top-white-box {
    background: #fff;
    box-shadow: 0 0 12px rgba(223, 22, 131,0.1);
    border-radius: 5px;
    overflow: hidden;
    padding: 25px;
    display: flex;
    grid-gap: 40px;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.coursedetails h4 {
    font-weight: 500;
    font-size: 20px;
    margin: 0 0 10px;
    padding: 0;
    display: flex;
    align-items: flex-start;
    grid-gap: 10px;
}

    .coursedetails h4 i {
        color: #2ac36f;
    }

.coursedetails p {
    margin-left: 30px;
    font-size: 14px;
    font-weight: 500;
    padding: 0;
}

    .coursedetails p strong {
        display: block;
        line-height: normal;
    }

.total-amo {
    width: 100%;
}

    .total-amo h4 {
        font-size: 20px;
        font-weight: 500;
        margin: 0 0 20px;
        padding: 0;
        text-align: center;
    }

    .total-amo > div {
        display: flex;
        align-items: center;
        grid-gap: 15px;
        justify-content: center;
    }

        .total-amo > div button, .total-amo > div a {
            width: 50%;
            padding: 10px;
            border-radius: 5px;
            font-weight: 600;
            font-size: 16px;
            min-height: 40px;
            text-align: center;
            line-height: normal;
        }

            .total-amo > div a.outline-btn {
                border: 1px solid #000;
                background: none;
                color: #000;
                width: 100%;
                max-width: 150px;
            }

.course-cart {
    margin: 25px 0;
    grid-gap: 0;
    height: auto;
}

    .course-cart .course-detail {
        width: 100%;
        border-bottom: 1px solid #c9c8c8;
        padding: 0 0 40px;
        margin: 0 0 40px;
    }

        .course-cart .course-detail .course-logo {
            height: auto;
            max-width: 320px;
            width: 100%;
            border-radius: 5px;
            overflow: hidden;
        }

            .course-cart .course-detail .course-logo img {
                max-width: 100%;
                height: 200px !important;
                object-fit: contain;
            }

        .course-cart .course-detail .course-detail-content {
            width: calc(100% - 352px);
        }

.course-detail .course-detail-content h1 {
    font-size: 24px;
    font-weight: 500;
    line-height: normal;
    padding: 0;
    margin: 0 0 2px;
}

.course-cart .course-detail .course-detail-content span {
    font-size: 13px;
    font-weight: 400;
    opacity: 0.8;
    margin: 0;
    padding: 0;
}

.course-detail .course-detail-content p strong {
    display: block;
    line-height: normal;
    font-size: 16px;
    margin: 10px 0;
}

.course-detail .course-detail-content p {
    margin: 20px 0 30px;
    padding: 0;
}

.course-detail .course-detail-content .bottom-qty {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

.primary-btn, .black-btn {
    border-radius: 5px;
    padding: 10px 25px;
}

.course-cart .full-width-text p {
    font-size: 15px;
    font-weight: 400;
    padding-bottom: 20px;
}

.course-cart .full-width-text h3 {
    font-weight: 500;
    margin-bottom: 20px;
}

.course-cart .full-width-text ul {
    padding-left: 20px;
}

.close-icon {
    font-size: 20px;
    width: 35px;
    height: 35px;
    border: 1px solid #e01883;
    border-radius: 0;
    color: #e01883;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: fixed;
    right: 0;
    top: 105px;
    z-index: 999;
    background: #fff;
    transition: all 0.5s;
    display: none;
}

    .close-icon .fa-angle-double-right {
        display: none;
    }

    .close-icon.active .fa-angle-double-right {
        display: block;
    }

    .close-icon.active .fa-angle-double-left {
        display: none;
    }

.basket-list-item .course-detail {
    width: 100%;
    overflow: hidden;
    padding-bottom: 10px;
}

.top-white-box ul.basket-list {
    background: none;
    border-radius: 0;
}

ul.basket-list .bottom-qty .delete {
    background: #fff !important;
    color: #e55e70;
    box-shadow: 0 0 10px rgba(0,0,0,0.1);
    padding: 0;
    width: 40px;
    height: 40px;
    border-radius: 5px;
}

ul.basket-list .course-detail .course-detail-content .bottom-qty {
    justify-content: flex-start;
    grid-gap: 20px;
}

ul.basket-list .course-detail .course-detail-content p {
    margin: 10px 0 20px;
    padding: 0;
}

    ul.basket-list .course-detail .course-detail-content p strong {
        margin: 3px 0;
    }

.mybasketContent.top-white-box {
    grid-gap: 0;
    margin-bottom: 40px;
    height: auto;
    padding-top: 10px;
}

.bottom-checkout-btn {
    border-top: 1px solid #e6e4e5;
    margin: 0 25px;
    padding: 30px 0 0;
    text-align: right;
    width: 100%;
}

    .bottom-checkout-btn .total-amt {
        margin: 0 0 15px;
        padding: 0;
        display: flex;
        align-items: center;
        grid-gap: 8px;
        justify-content: flex-end;
    }

        .bottom-checkout-btn .total-amt h6 {
            margin: 0;
            padding: 0;
            font-weight: 500;
        }

        .bottom-checkout-btn .total-amt h3 {
            font-weight: 600;
            font-size: 24px;
            padding: 0;
            margin: 0;
        }

    .bottom-checkout-btn .checkBtn.checkout-btn {
        min-width: 180px;
    }

.pricingDetails.top-white-box {
    height: auto;
}

    .pricingDetails.top-white-box .totals {
        background: none;
        border-radius: 0;
        padding: 0;
        width: 100%;
    }

        .pricingDetails.top-white-box .totals ul.items-count li {
            display: flex;
            justify-content: space-between;
            font-size: 15px;
        }

    .pricingDetails.top-white-box .corse-cost strong.marker {
        font-size: 22px;
        font-weight: 600;
    }

    .pricingDetails.top-white-box span.safe-icon {
        margin-top: 10px;
        text-align: left;
    }

    .pricingDetails.top-white-box .totals .billing, .checkBtn1 {
        border-radius: 5px !important;
    }

.payment-btn.pay-btn-bottom {
    display: flex;
    grid-gap: 15px;
}

.price.remove-btn {
    position: absolute;
    margin: -41px 0 0 150px;
    border: 1px solid #ddd;
    border-radius: 30px;
    padding: 0 10px;
}

    .price.remove-btn button.delete {
        background: transparent !important;
        border-radius: 0;
        position: relative;
        color: #f76565;
        font-size: 14px;
        padding: 0;
        width: 65px;
        height: 40px;
        border-radius: 5px;
    }

/*.price.remove-btn button.delete:before {
            content: '';
            top: 0;
            left: 0;
            width: 20px;
            height: 20px;
            background: url(/images/remove.png)no-repeat;
            position: absolute;
        }*/

.popular-logo {
    position: absolute;
    top: -7px;
    right: 0;
    z-index: 9;
}

.space-right {
    right: 10px
}

.basket-list-item {
    padding-top: 70px;
}

.ribbon {
    font-size: 11px;
    font-weight: 700;
    color: #fff;
    text-transform: uppercase;
    line-height: normal;
    text-align: center;
}

.ribbon {
    --f: .7em;
    --r: 1em;
    position: absolute;
    min-width: 65px;
    padding: 18px 0 15px;
    left: auto;
    right: 0;
    top: -2px;
    background: #e01883;
    border-left: var(--f) solid #0005;
    border-bottom: var(--r) solid #0000;
    clip-path: polygon(var(--f) 0,100% 0,100% calc(100% - var(--r)),calc(50% + var(--f)/2) 100%, var(--f) calc(100% - var(--r)),var(--f) var(--f),0 var(--f));
}

.popular-logo > img {
    max-width: 80px;
}

span.ribbon {
    max-width: 85px;
    padding-left: 5px;
    padding-right: 5px;
    word-wrap: break-word;
}

    span.ribbon img {
        max-width: 50px;
    }

@media (max-width:1024px) {
    .cart-page {
        width: 100%;
    }

    main.main-content.position-relative {
        overflow: hidden;
    }

    .close-icon {
        display: flex;
    }

    .total-cart-sec {
        transition: all 0.5s;
        right: -100%;
    }

        .total-cart-sec.active {
            right: 0;
        }

    .top-white-box {
        padding: 20px;
        grid-gap: 25px;
    }

    .bottom-checkout-btn {
        margin: 0;
    }
}

@media (max-width:991px) {
    .course-detail .course-detail-content .bottom-qty {
        flex-wrap: wrap;
        grid-gap: 20px;
    }

    .basket .row {
        flex-wrap: wrap-reverse;
    }

    .pricingDetails.top-white-box {
        height: auto;
        margin-bottom: 30px;
    }
}

@media (max-width:767px) {
    .top-white-box {
        height: auto;
    }

        .top-white-box.cart-message {
            margin: 0 0 30px;
        }

    .course-cart .course-detail {
        padding: 0 0 20px;
        margin: 0 0 10px;
    }

        .course-cart .course-detail .course-logo {
            height: 110px;
            max-width: 110px;
            width: 100%;
            border-radius: 50%;
            overflow: hidden;
            display: block;
            margin: 0 auto 20px;
            float: none;
        }

        .course-cart .course-detail .course-detail-content {
            width: 100%;
            margin: 0;
        }
}

@media (max-width:576px) {
    .basket-list .course-detail .course-logo {
        float: none;
        margin: 0 auto 30px;
        display: block;
    }

    .basket-list .course-detail .course-detail-content {
        float: none;
        margin-left: 0;
        width: 100%;
    }

    /*.price.remove-btn {
        position: relative;
        top: -36px;
        right: -143px;
    }*/
}

@media (max-width:419px) {
    .top-white-box.cart-message {
        justify-content: center;
    }

    .payment-btn.pay-btn-bottom {
        flex-wrap: wrap;
    }
}


.course-card h5.card-title {
    padding-bottom: 0;
}

.course-card p.small {
    padding-bottom: 0;
}

.bg-white.rounded.shadow-soft.p-4.fade-up {
    background: #fff;
    /*box-shadow: 0 10px 25px rgba(0,0,0,.08);*/
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 16px !important;
}

.card-img-top {
    object-fit: cover;
    height: 160px;
}

.btn-outline-secondary:hover {
    color: #fff !important;
}

.shadow-soft {
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.hover-rise {
    transition: transform .25s ease, box-shadow .25s ease;
}

    .hover-rise:hover {
        transform: translateY(-3px);
        box-shadow: 0 14px 28px rgba(0,0,0,.12);
    }

.fade-up {
    opacity: 0;
    transform: translateY(12px);
    animation: fadeUp .6s forwards;
}

    .fade-up.d1 {
        animation-delay: .1s
    }

.d2 {
    animation-delay: .2s
}

.d3 {
    animation-delay: .3s
}

.d4 {
    animation-delay: .4s
}

@keyframes fadeUp {
    to {
        opacity: 1;
        transform: none
    }
}

.sticky-cta .cart.primary-btn {
    width: 100%;
}

button.btn.btn-outline-secondary.btn-block, a.btn.btn-outline-secondary.btn-block {
    /*background: none !important;*/
    margin-top: 10px;
    border-radius: 8px;
}
/*button.btn.btn-outline-secondary.btn-block:hover {
        background-color: rgb(223, 22, 131);
    }*/
button.btn.btn-brand.btn-block.mt-2 {
    border-radius: 8px;
}

.bg-white .cart:after {
    display: none;
}

.sticky-cta {
    position: sticky;
    top: 85px;
}

#basketModal .scroll {
    overflow: auto;
    max-height: calc(100vh - 170px);
}



/* =========================
   JQUERY UI LIST DESIGN
========================= */

/* LIST */
.ui-menu {
    padding: 0;
    margin: 0;
    list-style: none;
}

    /* ITEM */
    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
    }

    /* LINK */
    .ui-menu .ui-menu-item-wrapper {
        position: relative;
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 12px 16px;
        border-radius: 10px;
        color: #382f2d;
        font-size: 14px;
        font-weight: 500;
        transition: all 0.2s ease;
        cursor: pointer;
    }

    .ui-menu .ui-menu-item a span {
        font-size: 14px !important;
    }



    /* HOVER */
    .ui-menu .ui-menu-item-wrapper:hover {
        background: rgba(223,22,131,0.08);
        color: #df1683;
    }

/* ACTIVE */
.ui-state-active,
.ui-widget-content .ui-state-active {
    background: linear-gradient( 90deg, rgba(223,22,131,0.12), rgba(0,154,222,0.08) ) !important;
    border: none !important;
    color: #df1683 !important;
    border-radius: 10px;
    margin: 0 !important;
}

    /* ACTIVE ICON */
    .ui-state-active::before {
        color: #df1683;
    }

/* DIVIDER */
.ui-menu-divider {
    height: 1px;
    background: rgba(56,47,45,0.08);
    margin: 6px 10px;
}

/* SUBMENU ARROW */
.ui-menu-icon {
    right: 14px;
    color: #999;
}

/* DISABLED */
.ui-state-disabled {
    opacity: 0.45;
    pointer-events: none;
}




@media(max-width:991px) {
    .cart-page .row.mb-4 {
        flex-wrap: wrap-reverse;
    }

        .cart-page .row.mb-4 .col-lg-4 {
            margin-bottom: 40px;
        }
}

.popular-logo.logo-image {
    display: flex;
    min-width: 142px;
}

.courses-teaser-list .call-to-action-box {
    position: static;
    min-height: inherit;
}

    .courses-teaser-list .call-to-action-box .rating {
        float: none;
        margin: 10px 0;
    }

.courses-teaser-list .content-container .premium-btn {
    float: none !important;
}

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

.courses-teaser-list .call-to-action-box {
    position: static;
    min-height: inherit;
}

.price-action-button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

    .price-action-button a.button {
        white-space: nowrap;
    }

    .price-action-button .price-tag {
        position: static;
    }

.notification.my-notifications {
    position: relative;
}

.counthold.notification-count {
    position: absolute;
    background: rgb(255 0 0);
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    width: 25px;
    right: 0;
    text-align: center;
    line-height: normal;
    height: 25px;
    top: -10px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width:1100px) {
    .course-overview .overview-list {
        display: flex;
        flex-wrap: wrap;
        grid-gap: 20px;
    }

        .course-overview .overview-list li, .col-list.cols-3 li {
            width: calc(50% - 20px);
            margin-right: 0 !important;
        }
}

@media (max-width:767px) {
    .teaser-container .content-container .premium-btn {
        display: block !important;
    }

    .teaser-container .content-container .button {
        display: block;
        text-align: center;
    }

    .courses-teaser-list .teaser-container .content-container .button {
        margin: 10px 0;
    }

    .free-course-btn {
        display: block !important;
        padding-bottom: 0 !important;
    }

    .overview-container .content-container .button {
        display: block;
        float: none;
        text-align: center;
        margin: 10px 0;
    }

        .overview-container .content-container .button span {
            display: block !important;
            text-align: center;
            max-width: inherit !important;
        }

    .course-overview .overview-container {
        position: relative;
        display: block;
        padding: 15px;
    }

        .course-overview .overview-container .image-container {
            width: 150px;
            display: block;
            margin: 0 auto;
            height: 130px !important;
        }

    .course-overview .call-to-action-box {
        position: static;
        margin: 10px 0 0;
        clear: both;
    }

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

    .rating {
        float: none;
    }

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

    .teaser-container {
        display: block;
    }

    .course-overview .overview-list li, .col-list.cols-3 li {
        width: 100%;
    }

    .overview-container .content-container p {
        max-height: 92px;
        height: auto;
    }
}

@media (max-width:360px) {
    .course-overview .overview-container .image-container {
        height: 100px !important;
    }
}