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

[class^="revicon-"]:before, [class*=" revicon-"]:before {
    font-family: "revicons";
    font-style: normal;
    font-weight: 400;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    margin-left: .2em
}

.revicon-search-1:before {
    content: '\e802'
}

.revicon-pencil-1:before {
    content: '\e831'
}

.revicon-picture-1:before {
    content: '\e803'
}

.revicon-cancel:before {
    content: '\e80a'
}

.revicon-info-circled:before {
    content: '\e80f'
}

.revicon-trash:before {
    content: '\e801'
}

.revicon-left-dir:before {
    content: '\e817'
}

.revicon-right-dir:before {
    content: '\e818'
}

.revicon-down-open:before {
    content: '\e83b'
}

.revicon-left-open:before {
    content: '\e819'
}

.revicon-right-open:before {
    content: '\e81a'
}

.revicon-angle-left:before {
    content: '\e820'
}

.revicon-angle-right:before {
    content: '\e81d'
}

.revicon-left-big:before {
    content: '\e81f'
}

.revicon-right-big:before {
    content: '\e81e'
}

.revicon-magic:before {
    content: '\e807'
}

.revicon-picture:before {
    content: '\e800'
}

.revicon-export:before {
    content: '\e80b'
}

.revicon-cog:before {
    content: '\e832'
}

.revicon-login:before {
    content: '\e833'
}

.revicon-logout:before {
    content: '\e834'
}

.revicon-video:before {
    content: '\e805'
}

.revicon-arrow-combo:before {
    content: '\e827'
}

.revicon-left-open-1:before {
    content: '\e82a'
}

.revicon-right-open-1:before {
    content: '\e82b'
}

.revicon-left-open-mini:before {
    content: '\e822'
}

.revicon-right-open-mini:before {
    content: '\e823'
}

.revicon-left-open-big:before {
    content: '\e824'
}

.revicon-right-open-big:before {
    content: '\e825'
}

.revicon-left:before {
    content: '\e836'
}

.revicon-right:before {
    content: '\e826'
}

.revicon-ccw:before {
    content: '\e808'
}

.revicon-arrows-ccw:before {
    content: '\e806'
}

.revicon-palette:before {
    content: '\e829'
}

.revicon-list-add:before {
    content: '\e80c'
}

.revicon-doc:before {
    content: '\e809'
}

.revicon-left-open-outline:before {
    content: '\e82e'
}

.revicon-left-open-2:before {
    content: '\e82c'
}

.revicon-right-open-outline:before {
    content: '\e82f'
}

.revicon-right-open-2:before {
    content: '\e82d'
}

.revicon-equalizer:before {
    content: '\e83a'
}

.revicon-layers-alt:before {
    content: '\e804'
}

.revicon-popup:before {
    content: '\e828'
}

.tp-static-layers {
    position: absolute;
    z-index: 505;
    top: 0;
    left: 0
}

.tp-caption .frontcorner {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcorner {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    right: 0;
    top: 0
}

.tp-caption .frontcornertop {
    width: 0;
    height: 0;
    border-left: 40px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 40px solid #00A8FF;
    position: absolute;
    left: -40px;
    top: 0
}

.tp-caption .backcornertop {
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 40px solid transparent;
    border-top: 40px solid #00A8FF;
    position: absolute;
    right: 0;
    top: 0
}

.tp-layer-inner-rotation {
    position: relative !important
}

img.tp-slider-alternative-image {
    width: 100%;
    height: auto
}

.rev_slider_wrapper {
    position: relative
}

    .rev_slider_wrapper > ul {
        visibility: hidden
    }

.rev_slider {
    position: relative;
    overflow: visible
}

    .rev_slider img {
        max-width: none !important;
        -moz-transition: none 0;
        -webkit-transition: none 0;
        -o-transition: none 0;
        transition: none 0;
        margin: 0;
        padding: 0;
        border-width: 0;
        border: none
    }

    .rev_slider .no-slides-text {
        font-weight: 700;
        text-align: center;
        padding-top: 80px
    }

    .rev_slider > ul {
        margin: 0;
        padding: 0;
        list-style: none !important;
        list-style-type: none;
        background-position: 0 0
    }

        .rev_slider > ul > li, .rev_slider > ul > li:before {
            list-style: none !important;
            position: absolute;
            visibility: hidden;
            margin: 0 !important;
            padding: 0 !important;
            overflow-x: visible;
            overflow-y: visible;
            list-style-type: none !important;
            background-image: none;
            background-position: 0 0;
            text-indent: 0
        }

.tp-revslider-slidesli, .tp-revslider-mainul {
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important
}

.tp-simpleresponsive > ul, .tp-simpleresponsive > ul > li, .tp-simpleresponsive > ul > li:before {
    list-style: none;
    padding: 0 !important;
    margin: 0 !important;
    list-style: none !important;
    overflow-x: visible;
    overflow-y: visible;
    background-image: none
}

    .tp-simpleresponsive > ul li {
        list-style: none;
        position: absolute;
        visibility: hidden
    }

.rev_slider .tp-caption, .rev_slider .caption {
    position: absolute;
    visibility: hidden;
    white-space: nowrap
}

.tp-simpleresponsive img {
    max-width: none
}

.tp-caption {
    z-index: 1
}

.tp_inner_padding {
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    max-height: none !important
}

.tp-hide-revslider, .tp-caption.tp-hidden-caption {
    visibility: hidden !important;
    display: none !important
}

.rev_slider embed, .rev_slider iframe, .rev_slider object, .rev_slider video {
    max-width: none !important
}

.noFilterClass {
    filter: none !important
}

.tp-caption.coverscreenvideo {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

    .caption.fullscreenvideo iframe, .caption.fullscreenvideo video {
        width: 100% !important;
        height: 100% !important;
        display: none
    }

.tp-caption.fullscreenvideo {
    left: 0;
    top: 0;
    position: absolute;
    width: 100%;
    height: 100%
}

    .tp-caption.fullscreenvideo iframe, .tp-caption.fullscreenvideo iframe video {
        width: 100% !important;
        height: 100% !important;
        display: none
    }

.fullcoveredvideo video, .fullscreenvideo video {
    background: #000
}

.fullcoveredvideo .tp-poster {
    background-position: center center;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}

.html5vid.videoisplaying .tp-poster {
    display: none
}

.tp-video-play-button {
    background: #000;
    background: rgba(0,0,0,0.3);
    padding: 5px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    font-size: 40px;
    color: #FFF;
    z-index: 3;
    margin-top: -27px;
    margin-left: -28px;
    text-align: center;
    cursor: pointer
}

.tp-caption:hover .tp-video-play-button {
    opacity: 1
}

.html5vid .tp-revstop {
    width: 15px;
    height: 20px;
    border-left: 5px solid #fff;
    border-right: 5px solid #fff;
    position: relative;
    margin: 10px 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.html5vid .tp-revstop {
    display: none
}

.html5vid.videoisplaying .revicon-right-dir {
    display: none
}

.html5vid.videoisplaying .tp-revstop {
    display: block
}

.html5vid.videoisplaying .tp-video-play-button {
    display: none
}

.html5vid:hover .tp-video-play-button {
    display: block
}

.fullcoveredvideo .tp-video-play-button {
    display: none !important
}

.tp-video-controls {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 5px;
    opacity: 0;
    -webkit-transition: opacity .3s;
    -moz-transition: opacity .3s;
    -o-transition: opacity .3s;
    -ms-transition: opacity .3s;
    transition: opacity .3s;
    background-image: linear-gradient(bottom,#000 13%,#323232 100%);
    background-image: -o-linear-gradient(bottom,#000 13%,#323232 100%);
    background-image: -moz-linear-gradient(bottom,#000 13%,#323232 100%);
    background-image: -webkit-linear-gradient(bottom,#000 13%,#323232 100%);
    background-image: -ms-linear-gradient(bottom,#000 13%,#323232 100%);
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.13,#000),color-stop(1,#323232));
    display: table;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.tp-caption:hover .tp-video-controls {
    opacity: .9
}

.tp-video-button {
    background: rgba(0,0,0,.5);
    border: 0;
    color: #EEE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    line-height: 12px;
    font-size: 12px;
    color: #fff;
    padding: 0;
    margin: 0;
    outline: none
}

    .tp-video-button:hover {
        cursor: pointer
    }

.tp-video-button-wrap, .tp-video-seek-bar-wrap, .tp-video-vol-bar-wrap {
    padding: 0 5px;
    display: table-cell
}

.tp-video-seek-bar-wrap {
    width: 80%
}

.tp-video-vol-bar-wrap {
    width: 20%
}

.tp-volume-bar, .tp-seek-bar {
    width: 100%;
    cursor: pointer;
    outline: none;
    line-height: 12px;
    margin: 0;
    padding: 0
}

.tp-dottedoverlay {
    background-repeat: repeat;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3
}

    .tp-dottedoverlay.twoxtwo {
        background: url(../assets/gridtile.png)
    }

    .tp-dottedoverlay.twoxtwowhite {
        background: url(../assets/gridtile_white.png)
    }

    .tp-dottedoverlay.threexthree {
        background: url(../assets/gridtile_3x3.png)
    }

    .tp-dottedoverlay.threexthreewhite {
        background: url(../assets/gridtile_3x3_white.png)
    }

.fullscreen-container {
    width: 100%;
    position: relative;
    padding: 0
}

.fullwidthbanner-container {
    width: 100%;
    position: relative;
    padding: 0;
    overflow: hidden
}

    .fullwidthbanner-container .fullwidthabanner {
        width: 100%;
        position: relative
    }

.tp-simpleresponsive .slotholder *, .tp-simpleresponsive img {
}

.tp-simpleresponsive .caption, .tp-simpleresponsive .tp-caption {
    position: absolute;
    -webkit-font-smoothing: antialiased !important
}

.tp-bannershadow {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

    .tp-bannershadow.tp-shadow1 {
        background: url(../assets/shadow1.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 30px;
        bottom: -30px
    }

    .tp-bannershadow.tp-shadow2 {
        background: url(../assets/shadow2.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 60px;
        bottom: -60px
    }

    .tp-bannershadow.tp-shadow3 {
        background: url(../assets/shadow3.png) no-repeat;
        background-size: 100% 100%;
        width: 890px;
        height: 60px;
        bottom: -60px
    }

.tp-button {
    padding: 6px 13px 5px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    height: 30px;
    cursor: pointer;
    color: #fff !important;
    text-shadow: 0 1px 1px rgba(0,0,0,0.6) !important;
    font-size: 15px;
    line-height: 45px !important;
    background: url(../images/gradient/g30.png) repeat-x top;
    font-family: arial,sans-serif;
    font-weight: 700;
    letter-spacing: -1px;
    text-decoration: none
}

    .tp-button.big {
        color: #fff;
        text-shadow: 0 1px 1px rgba(0,0,0,0.6);
        font-weight: 700;
        padding: 9px 20px;
        font-size: 19px;
        line-height: 57px !important;
        background: url(../images/gradient/g40.png) repeat-x top
    }

        .purchase:hover, .tp-button:hover, .tp-button.big:hover {
            background-position: bottom,15px 11px
        }

            .tp-button.green, .tp-button:hover.green, .purchase.green, .purchase:hover.green {
                background-color: #21a117;
                -webkit-box-shadow: 0 3px 0 0 #104d0b;
                -moz-box-shadow: 0 3px 0 0 #104d0b;
                box-shadow: 0 3px 0 0 #104d0b
            }

            .tp-button.blue, .tp-button:hover.blue, .purchase.blue, .purchase:hover.blue {
                background-color: #1d78cb;
                -webkit-box-shadow: 0 3px 0 0 #0f3e68;
                -moz-box-shadow: 0 3px 0 0 #0f3e68;
                box-shadow: 0 3px 0 0 #0f3e68
            }

            .tp-button.red, .tp-button:hover.red, .purchase.red, .purchase:hover.red {
                background-color: #cb1d1d;
                -webkit-box-shadow: 0 3px 0 0 #7c1212;
                -moz-box-shadow: 0 3px 0 0 #7c1212;
                box-shadow: 0 3px 0 0 #7c1212
            }

            .tp-button.orange, .tp-button:hover.orange, .purchase.orange, .purchase:hover.orange {
                background-color: #f70;
                -webkit-box-shadow: 0 3px 0 0 #a34c00;
                -moz-box-shadow: 0 3px 0 0 #a34c00;
                box-shadow: 0 3px 0 0 #a34c00
            }

            .tp-button.darkgrey, .tp-button.grey, .tp-button:hover.darkgrey, .tp-button:hover.grey, .purchase.darkgrey, .purchase:hover.darkgrey {
                background-color: #555;
                -webkit-box-shadow: 0 3px 0 0 #222;
                -moz-box-shadow: 0 3px 0 0 #222;
                box-shadow: 0 3px 0 0 #222
            }

            .tp-button.lightgrey, .tp-button:hover.lightgrey, .purchase.lightgrey, .purchase:hover.lightgrey {
                background-color: #888;
                -webkit-box-shadow: 0 3px 0 0 #555;
                -moz-box-shadow: 0 3px 0 0 #555;
                box-shadow: 0 3px 0 0 #555
            }

.tpclear {
    clear: both
}

.tp-bullets {
    z-index: 1000;
    position: absolute;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(5px)
}

    .tp-bullets.hidebullets {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }

    .tp-bullets.simplebullets.navbar {
        border: 1px solid #666;
        border-bottom: 1px solid #444;
        background: url(../assets/boxed_bgtile.png);
        height: 40px;
        padding: 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .tp-bullets.simplebullets.navbar-old {
        background: url(../assets/navigdots_bgtile.png);
        height: 35px;
        padding: 0 10px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px
    }

    .tp-bullets.simplebullets.round .bullet {
        cursor: pointer;
        position: relative;
        width: 20px;
        height: 20px;
        margin-right: 0;
        float: left;
        margin-top: 0;
        margin-left: 3px
    }

        .tp-bullets.simplebullets.round .bullet.last {
            margin-right: 3px
        }

    .tp-bullets.simplebullets.round-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(../assets/bullets.png) no-repeat bottom left;
        width: 23px;
        height: 23px;
        margin-right: 0;
        float: left;
        margin-top: 0
    }

        .tp-bullets.simplebullets.round-old .bullet.last {
            margin-right: 0
        }

    .tp-bullets.simplebullets.square .bullet {
        cursor: pointer;
        position: relative;
        background: url(../assets/bullets2.png) no-repeat bottom left;
        width: 19px;
        height: 19px;
        margin-right: 0;
        float: left;
        margin-top: 0
    }

        .tp-bullets.simplebullets.square .bullet.last {
            margin-right: 0
        }

    .tp-bullets.simplebullets.square-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(../assets/bullets2.png) no-repeat bottom left;
        width: 19px;
        height: 19px;
        margin-right: 0;
        float: left;
        margin-top: 0
    }

        .tp-bullets.simplebullets.square-old .bullet.last {
            margin-right: 0
        }

    .tp-bullets.simplebullets.navbar .bullet {
        cursor: pointer;
        position: relative;
        background: url(../assets/bullet_boxed.png) no-repeat top left;
        width: 18px;
        height: 19px;
        margin-right: 5px;
        float: left;
        margin-top: 10px
    }

        .tp-bullets.simplebullets.navbar .bullet.first {
            margin-left: 0 !important
        }

        .tp-bullets.simplebullets.navbar .bullet.last {
            margin-right: 0 !important
        }

    .tp-bullets.simplebullets.navbar-old .bullet {
        cursor: pointer;
        position: relative;
        background: url(../assets/navigdots.png) no-repeat bottom left;
        width: 15px;
        height: 15px;
        margin-left: 5px !important;
        margin-right: 5px !important;
        float: left;
        margin-top: 10px
    }

        .tp-bullets.simplebullets.navbar-old .bullet.first {
            margin-left: 0 !important
        }

        .tp-bullets.simplebullets.navbar-old .bullet.last {
            margin-right: 0 !important
        }

    .tp-bullets.simplebullets .bullet:hover, .tp-bullets.simplebullets .bullet.selected {
        background-position: top left
    }

    .tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
        background-position: bottom left
    }

.tparrows {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    -ms-transition: opacity .2s ease-out;
    -webkit-transform: translateZ(1000px);
    -webkit-transform-style: preserve-3d
}

    .tparrows .tp-arr-imgholder {
        display: none
    }

    .tparrows .tp-arr-titleholder {
        display: none
    }

    .tparrows.hidearrows {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -moz-opacity: 0;
        -khtml-opacity: 0;
        opacity: 0
    }

.tp-leftarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: no-repeat top left;
    width: 40px;
    height: 40px
}

.tp-rightarrow {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: no-repeat top left;
    width: 40px;
    height: 40px
}

.tp-leftarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_left.png) no-repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-rightarrow.round {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_right.png) no-repeat top left;
    width: 19px;
    height: 14px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-leftarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left.png) no-repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-rightarrow.round-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right.png) no-repeat top left;
    width: 26px;
    height: 26px;
    margin-right: 0;
    float: left;
    margin-top: 0
}

.tp-leftarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_left_boxed.png) no-repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-right: 6px;
    margin-top: 12px
}

.tp-rightarrow.navbar {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/small_right_boxed.png) no-repeat top left;
    width: 20px;
    height: 15px;
    float: left;
    margin-left: 6px;
    margin-top: 12px
}

.tp-leftarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrowleft.png) no-repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-right: 6px;
    margin-top: 10px
}

.tp-rightarrow.navbar-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrowright.png) no-repeat top left;
    width: 9px;
    height: 16px;
    float: left;
    margin-left: 6px;
    margin-top: 10px
}

.tp-leftarrow.navbar-old.thumbswitharrow {
    margin-right: 10px
}

.tp-rightarrow.navbar-old.thumbswitharrow {
    margin-left: 0
}

.tp-leftarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left2.png) no-repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0;
    margin-top: 0
}

.tp-rightarrow.square {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right2.png) no-repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0
}

.tp-leftarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_left2.png) no-repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-right: 0;
    margin-top: 0
}

.tp-rightarrow.square-old {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: url(../assets/arrow_right2.png) no-repeat top left;
    width: 12px;
    height: 17px;
    float: left;
    margin-left: 0;
    margin-top: 0
}

.tp-leftarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: no-repeat 0 0;
    width: 40px;
    height: 40px
}

.tp-rightarrow.default {
    z-index: 100;
    cursor: pointer;
    position: relative;
    background: no-repeat 0 0;
    width: 40px;
    height: 40px
}

.tp-leftarrow:hover, .tp-rightarrow:hover {
    background-position: bottom left
}

.tp-bullets.tp-thumbs {
    z-index: 1000;
    position: absolute;
    padding: 3px;
    background-color: #fff;
    width: 500px;
    height: 50px;
    margin-top: -50px;
    vertical-align: top
}

    .tp-bullets.tp-thumbs img {
        vertical-align: top
    }

.fullwidthbanner-container .tp-thumbs {
    padding: 3px
}

.tp-bullets.tp-thumbs .tp-mask {
    width: 500px;
    height: 50px;
    overflow: hidden;
    position: relative
}

    .tp-bullets.tp-thumbs .tp-mask .tp-thumbcontainer {
        width: 5000px;
        position: absolute
    }

.tp-bullets.tp-thumbs .bullet {
    width: 100px;
    height: 50px;
    cursor: pointer;
    overflow: hidden;
    background: none;
    margin: 0;
    float: left;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5;
    -webkit-transition: all .2s ease-out;
    -moz-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    -ms-transition: all .2s ease-out
}

    .tp-bullets.tp-thumbs .bullet:hover, .tp-bullets.tp-thumbs .bullet.selected {
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

.tp-thumbs img {
    width: 100%
}

.tp-bannertimer {
    visibility: hidden;
    width: 100%;
    height: 5px;
    background: #fff;
    background: rgba(0,0,0,0.15);
    position: absolute;
    z-index: 200;
    top: 0
}

    .tp-bannertimer.tp-bottom {
        top: auto;
        bottom: 0 !important;
        height: 5px
    }

.tparrows.preview1 {
    width: 100px;
    height: 100px;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    background: transparent
}

    .tparrows.preview1:after {
        position: absolute;
        left: 0;
        top: 0;
        font-family: "revicons";
        color: #fff;
        font-size: 30px;
        width: 100px;
        height: 100px;
        text-align: center;
        background: #fff;
        background: rgba(0,0,0,0.15);
        z-index: 2;
        line-height: 100px;
        -webkit-transition: background 0.3s,color .3s;
        -moz-transition: background 0.3s,color .3s;
        transition: background 0.3s,color .3s
    }

.tp-rightarrow.preview1:after {
    content: '\e825'
}

.tp-leftarrow.preview1:after {
    content: '\e824'
}

.tparrows.preview1:hover:after {
    background: rgba(255,255,255,1);
    color: #aaa
}

.tparrows.preview1 .tp-arr-imgholder {
    background-size: cover;
    background-position: center center;
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview1 .tp-arr-iwrapper {
    -webkit-transition: all .3s;
    transition: all .3s;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tparrows.preview1:hover .tp-arr-iwrapper {
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.tp-rightarrow.preview1 .tp-arr-imgholder {
    right: 100%;
    -webkit-transform: rotateY(-90deg);
    transform: rotateY(-90deg);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tp-leftarrow.preview1 .tp-arr-imgholder {
    left: 100%;
    -webkit-transform: rotateY(90deg);
    transform: rotateY(90deg);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tparrows.preview1:hover .tp-arr-imgholder {
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

@media only screen and (min-width:768px) and (max-width:979px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 24px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px
    }
}

@media only screen and (min-width:0px) and (max-width:479px) {
    .tparrows.preview1, .tparrows.preview1:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 12px
    }
}

.tp-bullets.preview1 {
    height: 21px
}

    .tp-bullets.preview1 .bullet {
        cursor: pointer;
        position: relative !important;
        background: rgba(0,0,0,0.15) !important;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 5px !important;
        height: 5px !important;
        border: 8px solid rgba(0,0,0,0) !important;
        display: inline-block;
        margin-right: 5px !important;
        margin-bottom: 0 !important;
        -webkit-transition: background-color 0.2s,border-color .2s;
        -moz-transition: background-color 0.2s,border-color .2s;
        -o-transition: background-color 0.2s,border-color .2s;
        -ms-transition: background-color 0.2s,border-color .2s;
        transition: background-color 0.2s,border-color .2s;
        float: none !important;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box
    }

        .tp-bullets.preview1 .bullet.last {
            margin-right: 0
        }

        .tp-bullets.preview1 .bullet:hover, .tp-bullets.preview1 .bullet.selected {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background: #aaa !important;
            width: 5px !important;
            height: 5px !important;
            border: 8px solid rgba(255,255,255,1) !important
        }

.tparrows.preview2 {
    min-width: 60px;
    min-height: 60px;
    background: #fff;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    overflow: hidden;
    -webkit-transition: -webkit-transform 1.3s;
    -webkit-transition: width 0.3s,background-color 0.3s,opacity .3s;
    transition: width 0.3s,background-color 0.3s,opacity .3s;
    backface-visibility: hidden
}

    .tparrows.preview2:after {
        position: absolute;
        top: 50%;
        font-family: "revicons";
        color: #aaa;
        font-size: 25px;
        margin-top: -12px;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        transition: color .3s
    }

.tp-rightarrow.preview2:after {
    content: '\e81e';
    right: 18px
}

.tp-leftarrow.preview2:after {
    content: '\e81f';
    left: 18px
}

.tparrows.preview2 .tp-arr-titleholder {
    background-size: cover;
    background-position: center center;
    display: block;
    visibility: hidden;
    position: relative;
    top: 0;
    -webkit-transition: -webkit-transform .3s;
    transition: transform .3s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    white-space: nowrap;
    color: #000;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    line-height: 60px;
    padding: 0 10px
}

.tp-rightarrow.preview2 .tp-arr-titleholder {
    right: 50px;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%)
}

.tp-leftarrow.preview2 .tp-arr-titleholder {
    left: 50px;
    -webkit-transform: translateX(100%);
    transform: translateX(100%)
}

.tparrows.preview2.hovered {
    width: 300px
}

.tparrows.preview2:hover {
    background: #fff
}

    .tparrows.preview2:hover:after {
        color: #000
    }

    .tparrows.preview2:hover .tp-arr-titleholder {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
        visibility: visible;
        position: absolute
    }

.tp-bullets.preview2 {
    height: 17px
}

    .tp-bullets.preview2 .bullet {
        cursor: pointer;
        position: relative !important;
        background: rgba(0,0,0,0.5) !important;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 6px !important;
        height: 6px !important;
        border: 5px solid rgba(0,0,0,0) !important;
        display: inline-block;
        margin-right: 2px !important;
        margin-bottom: 0 !important;
        -webkit-transition: background-color 0.2s,border-color .2s;
        -moz-transition: background-color 0.2s,border-color .2s;
        -o-transition: background-color 0.2s,border-color .2s;
        -ms-transition: background-color 0.2s,border-color .2s;
        transition: background-color 0.2s,border-color .2s;
        float: none !important;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box
    }

        .tp-bullets.preview2 .bullet.last {
            margin-right: 0
        }

        .tp-bullets.preview2 .bullet:hover, .tp-bullets.preview2 .bullet.selected {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background: rgba(255,255,255,1) !important;
            width: 6px !important;
            height: 6px !important;
            border: 5px solid rgba(0,0,0,1) !important
        }

.tp-arr-titleholder.alwayshidden {
    display: none !important
}

@media only screen and (min-width:768px) and (max-width:979px) {
    .tparrows.preview2 {
        min-width: 40px;
        min-height: 40px;
        width: 40px;
        height: 40px;
        border-radius: 20px;
        -moz-border-radius: 20px;
        -webkit-border-radius: 20px
    }

        .tparrows.preview2:after {
            position: absolute;
            top: 50%;
            font-family: "revicons";
            font-size: 20px;
            margin-top: -12px
        }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 11px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 11px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 12px;
        line-height: 40px;
        letter-spacing: 0
    }

    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 35px
    }

    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 35px
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }

        .tparrows.preview2:after {
            position: absolute;
            top: 50%;
            font-family: "revicons";
            font-size: 14px;
            margin-top: -12px
        }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        font-size: 10px;
        line-height: 30px;
        letter-spacing: 0
    }

    .tp-rightarrow.preview2 .tp-arr-titleholder {
        right: 25px
    }

    .tp-leftarrow.preview2 .tp-arr-titleholder {
        left: 25px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }
}

@media only screen and (min-width:0px) and (max-width:479px) {
    .tparrows.preview2 {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px;
        border-radius: 15px;
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px
    }

        .tparrows.preview2:after {
            position: absolute;
            top: 50%;
            font-family: "revicons";
            font-size: 14px;
            margin-top: -12px
        }

    .tp-rightarrow.preview2:after {
        content: '\e81e';
        right: 8px
    }

    .tp-leftarrow.preview2:after {
        content: '\e81f';
        left: 8px
    }

    .tparrows.preview2 .tp-arr-titleholder {
        display: none;
        visibility: none
    }

    .tparrows.preview2:hover {
        width: 30px !important;
        height: 30px !important
    }
}

.tparrows.preview3 {
    width: 70px;
    height: 70px;
    background: #fff;
    background: rgba(255,255,255,1);
    -webkit-transform-style: flat
}

    .tparrows.preview3:after {
        position: absolute;
        line-height: 70px;
        text-align: center;
        font-family: "revicons";
        color: #aaa;
        font-size: 30px;
        top: 0;
        left: 0;
        background: #fff;
        z-index: 100;
        width: 70px;
        height: 70px;
        -webkit-transition: color .3s;
        -moz-transition: color .3s;
        transition: color .3s
    }

    .tparrows.preview3:hover:after {
        color: #000
    }

.tp-rightarrow.preview3:after {
    content: '\e825'
}

.tp-leftarrow.preview3:after {
    content: '\e824'
}

.tparrows.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    -webkit-transition: -webkit-transform .2s;
    transition: transform .2s;
    z-index: 0;
    position: absolute;
    background: #000;
    background: rgba(0,0,0,0.75);
    display: table;
    min-height: 90px;
    top: -10px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}

.tparrows.preview3 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    display: table-cell;
    min-width: 90px;
    height: 90px;
    position: relative;
    top: 0
}

.tp-rightarrow.preview3 .tp-arr-iwrapper {
    right: 0;
    padding-right: 70px
}

.tp-leftarrow.preview3 .tp-arr-iwrapper {
    left: 0;
    direction: rtl;
    padding-left: 70px
}

.tparrows.preview3 .tp-arr-titleholder {
    display: table-cell;
    padding: 30px;
    font-size: 16px;
    color: #fff;
    white-space: nowrap;
    position: relative;
    clear: right;
    vertical-align: middle
}

.tparrows.preview3:hover .tp-arr-iwrapper {
    -webkit-transform: scale(1,1);
    transform: scale(1,1)
}

.tp-bullets.preview3 {
    height: 17px
}

    .tp-bullets.preview3 .bullet {
        cursor: pointer;
        position: relative !important;
        background: rgba(0,0,0,0.5) !important;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 6px !important;
        height: 6px !important;
        border: 5px solid rgba(0,0,0,0) !important;
        display: inline-block;
        margin-right: 2px !important;
        margin-bottom: 0 !important;
        -webkit-transition: background-color 0.2s,border-color .2s;
        -moz-transition: background-color 0.2s,border-color .2s;
        -o-transition: background-color 0.2s,border-color .2s;
        -ms-transition: background-color 0.2s,border-color .2s;
        transition: background-color 0.2s,border-color .2s;
        float: none !important;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box
    }

        .tp-bullets.preview3 .bullet.last {
            margin-right: 0
        }

        .tp-bullets.preview3 .bullet:hover, .tp-bullets.preview3 .bullet.selected {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background: rgba(255,255,255,1) !important;
            width: 6px !important;
            height: 6px !important;
            border: 5px solid rgba(0,0,0,1) !important
        }

@media only screen and (min-width:768px) and (max-width:979px) {
    .tparrows.preview3:after, .tparrows.preview3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }

        .tparrows.preview3 .tp-arr-iwrapper {
            min-height: 70px
        }

        .tparrows.preview3 .tp-arr-imgholder {
            min-width: 70px;
            height: 70px
        }

    .tp-rightarrow.preview3 .tp-arr-iwrapper {
        padding-right: 50px
    }

    .tp-leftarrow.preview3 .tp-arr-iwrapper {
        padding-left: 50px
    }

    .tparrows.preview3 .tp-arr-titleholder {
        padding: 10px;
        font-size: 16px
    }
}

@media only screen and (max-width:767px) {
    .ft_contact {
        padding-top: 0
    }

    .copyright_social_icon {
        text-align: center !important
    }

        .copyright_social_icon a {
            color: #ce0c0c !important
        }

    .ft_contact {
        padding-top: 0
    }

    .News_items_s_2_img {
        float: left;
        width: 33.5%;
        height: 40px !important;
        overflow: hidden
    }

    .News_s_2_title {
        height: 40px !important;
        overflow: hidden
    }

    .heading_n_n span {
        float: left;
        padding: 10px 10px 0 30px;
        background: #0973ba;
        font-family: 'Roboto-Medium';
        color: #fff;
        width: 100%;
        text-transform: uppercase;
        font-size: 18px;
        border-top-left-radius: 11px;
        border-top-right-radius: 11px;
        position: relative
    }

    .heading_n_n {
        float: left;
        width: 100%;
        border-bottom: 0;
        margin-bottom: 10px
    }

        .heading_n_n span:after {
            display: none;
            content: "";
            position: absolute;
            text-align: center;
            font-weight: 700;
            font-size: 20px;
            top: -1px;
            right: -30px !important;
            font-style: normal;
            height: 0;
            width: 0;
            border-left: 31px solid #0973ba;
            border-top: 37px solid transparent;
            border-bottom: 0 solid transparent;
            text-indent: -9999px
        }

    .tparrows.preview3:after, .tparrows.preview3 {
        width: 50px;
        height: 50px;
        line-height: 50px;
        font-size: 20px
    }

        .tparrows.preview3 .tp-arr-iwrapper {
            min-height: 70px
        }
}

.tparrows.preview4 {
    width: 30px;
    height: 110px;
    background: transparent;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000;
    -moz-perspective: 1000
}

    .tparrows.preview4:after {
        position: absolute;
        line-height: 110px;
        text-align: center;
        font-family: "revicons";
        color: #fff;
        font-size: 20px;
        top: 0;
        left: 0;
        z-index: 0;
        width: 30px;
        height: 110px;
        background: #000;
        background: rgba(0,0,0,0.25);
        -webkit-transition: all .2s ease-in-out;
        -moz-transition: all .2s ease-in-out;
        -o-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }

.tp-rightarrow.preview4:after {
    content: '\e825'
}

.tp-leftarrow.preview4:after {
    content: '\e824'
}

.tparrows.preview4 .tp-arr-allwrapper {
    visibility: hidden;
    width: 180px;
    position: absolute;
    z-index: 1;
    min-height: 120px;
    top: 0;
    left: -150px;
    overflow: hidden;
    -webkit-perspective: 1000px;
    -webkit-transform-style: flat
}

.tp-leftarrow.preview4 .tp-arr-allwrapper {
    left: 0
}

.tparrows.preview4 .tp-arr-iwrapper {
    position: relative
}

.tparrows.preview4 .tp-arr-imgholder {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: relative;
    top: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tparrows.preview4 .tp-arr-imgholder2 {
    display: block;
    background-size: cover;
    background-position: center center;
    width: 180px;
    height: 110px;
    position: absolute;
    top: 0;
    left: 180px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.tp-leftarrow.preview4 .tp-arr-imgholder2 {
    left: -180px
}

.tparrows.preview4 .tp-arr-titleholder {
    display: block;
    font-size: 12px;
    line-height: 25px;
    padding: 0 10px;
    text-align: left;
    color: #fff;
    position: relative;
    background: #000;
    color: #FFF;
    text-transform: uppercase;
    white-space: nowrap;
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 11px;
    line-height: 2.75;
    -webkit-transition: all .3s;
    transition: all .3s;
    -webkit-transform: rotateX(-90deg);
    transform: rotateX(-90deg);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0
}

.tparrows.preview4:after {
    transform-origin: 100% 100%;
    -webkit-transform-origin: 100% 100%
}

.tp-leftarrow.preview4:after {
    transform-origin: 0 0;
    -webkit-transform-origin: 0 0
}

@media only screen and (min-width:768px) {
    .tparrows.preview4:hover:after {
        -webkit-transform: rotateY(-90deg);
        transform: rotateY(-90deg)
    }

    .tp-leftarrow.preview4:hover:after {
        -webkit-transform: rotateY(90deg);
        transform: rotateY(90deg)
    }

    .tparrows.preview4:hover .tp-arr-titleholder {
        -webkit-transition-delay: .4s;
        transition-delay: .4s;
        -webkit-transform: rotateX(0deg);
        transform: rotateX(0deg);
        -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        -khtml-opacity: 1;
        opacity: 1
    }
}

.tp-bullets.preview4 {
    height: 17px
}

    .tp-bullets.preview4 .bullet {
        cursor: pointer;
        position: relative !important;
        background: rgba(0,0,0,0.5) !important;
        -webkit-border-radius: 10px;
        border-radius: 10px;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none;
        width: 6px !important;
        height: 6px !important;
        border: 5px solid rgba(0,0,0,0) !important;
        display: inline-block;
        margin-right: 2px !important;
        margin-bottom: 0 !important;
        -webkit-transition: background-color 0.2s,border-color .2s;
        -moz-transition: background-color 0.2s,border-color .2s;
        -o-transition: background-color 0.2s,border-color .2s;
        -ms-transition: background-color 0.2s,border-color .2s;
        transition: background-color 0.2s,border-color .2s;
        float: none !important;
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box
    }

        .tp-bullets.preview4 .bullet.last {
            margin-right: 0
        }

        .tp-bullets.preview4 .bullet:hover, .tp-bullets.preview4 .bullet.selected {
            -webkit-box-shadow: none;
            -moz-box-shadow: none;
            box-shadow: none;
            background: rgba(255,255,255,1) !important;
            width: 6px !important;
            height: 6px !important;
            border: 5px solid rgba(0,0,0,1) !important
        }

@media only screen and (max-width:767px) {
    .tparrows.preview4 {
        width: 20px;
        height: 80px
    }

        .tparrows.preview4:after {
            width: 20px;
            height: 80px;
            line-height: 80px;
            font-size: 14px
        }

        .tparrows.preview1 .tp-arr-allwrapper, .tparrows.preview2 .tp-arr-allwrapper, .tparrows.preview3 .tp-arr-allwrapper, .tparrows.preview4 .tp-arr-allwrapper {
            display: none !important
        }
}

.tp-simpleresponsive img {
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    -o-user-select: none
}

.tp-caption img {
    background: transparent;
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
    zoom: 1
}

.caption.slidelink a div, .tp-caption.slidelink a div {
    width: 3000px;
    height: 1500px
}

.tp-loader {
    top: 50%;
    left: 50%;
    z-index: 10000;
    position: absolute
}

    .tp-loader.spinner0 {
        width: 40px;
        height: 40px;
        background-color: #fff;
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
        margin-top: -20px;
        margin-left: -20px;
        -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
        animation: tp-rotateplane 1.2s infinite ease-in-out;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px
    }

    .tp-loader.spinner1 {
        width: 40px;
        height: 40px;
        background-color: #fff;
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
        margin-top: -20px;
        margin-left: -20px;
        -webkit-animation: tp-rotateplane 1.2s infinite ease-in-out;
        animation: tp-rotateplane 1.2s infinite ease-in-out;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px
    }

    .tp-loader.spinner5 {
        background-color: #fff;
        margin: -22px;
        width: 44px;
        height: 44px;
        border-radius: 3px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px
    }

@-webkit-keyframes tp-rotateplane {
    0% {
        -webkit-transform: perspective(120px)
    }

    50% {
        -webkit-transform: perspective(120px) rotateY(180deg)
    }

    100% {
        -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg)
    }
}

@keyframes tp-rotateplane {
    0% {
        transform: perspective(120px) rotateX(0deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg)
    }

    50% {
        transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
        -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg)
    }

    100% {
        transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
        -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg)
    }
}

.tp-loader.spinner2 {
    width: 40px;
    height: 40px;
    margin-top: -20px;
    margin-left: -20px;
    background-color: red;
    box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
    -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
    border-radius: 100%;
    -webkit-animation: tp-scaleout 1s infinite ease-in-out;
    animation: tp-scaleout 1s infinite ease-in-out
}

@-webkit-keyframes tp-scaleout {
    0% {
        -webkit-transform: scale(0.0)
    }

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

@keyframes tp-scaleout {
    0% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }

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

.tp-loader.spinner3 {
    margin: -9px 0 0 -35px;
    width: 70px;
    text-align: center
}

    .tp-loader.spinner3 .bounce1, .tp-loader.spinner3 .bounce2, .tp-loader.spinner3 .bounce3 {
        width: 18px;
        height: 18px;
        background-color: #fff;
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
        border-radius: 100%;
        display: inline-block;
        -webkit-animation: tp-bouncedelay 1.4s infinite ease-in-out;
        animation: tp-bouncedelay 1.4s infinite ease-in-out;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }

    .tp-loader.spinner3 .bounce1 {
        -webkit-animation-delay: -.32s;
        animation-delay: -.32s
    }

    .tp-loader.spinner3 .bounce2 {
        -webkit-animation-delay: -.16s;
        animation-delay: -.16s
    }

@-webkit-keyframes tp-bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bouncedelay {
    0%,80%,100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.tp-loader.spinner4 {
    margin: -20px 0 0 -20px;
    width: 40px;
    height: 40px;
    text-align: center;
    -webkit-animation: tp-rotate 2s infinite linear;
    animation: tp-rotate 2s infinite linear
}

    .tp-loader.spinner4 .dot1, .tp-loader.spinner4 .dot2 {
        width: 60%;
        height: 60%;
        display: inline-block;
        position: absolute;
        top: 0;
        background-color: #fff;
        border-radius: 100%;
        -webkit-animation: tp-bounce 2s infinite ease-in-out;
        animation: tp-bounce 2s infinite ease-in-out;
        box-shadow: 0 0 20px 0 rgba(0,0,0,0.15);
        -webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.15)
    }

    .tp-loader.spinner4 .dot2 {
        top: auto;
        bottom: 0;
        -webkit-animation-delay: -1s;
        animation-delay: -1s
    }

@-webkit-keyframes tp-rotate {
    100% {
        -webkit-transform: rotate(360deg)
    }
}

@keyframes tp-rotate {
    100% {
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg)
    }
}

@-webkit-keyframes tp-bounce {
    0%,100% {
        -webkit-transform: scale(0.0)
    }

    50% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes tp-bounce {
    0%,100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }

    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

.sliderSection {
    position: relative;
    margin: auto;
    width: 100%
}

    .sliderSection .tp-banner {
        width: 100%;
        height: 860px;
        position: relative;
        overflow: hidden
    }

.tp-bannertimer {
    display: none
}

.tp-leftarrow.default {
}

.tparrows.default.round {
    background: rgba(255,255,255,.3);
    border-radius: 2px;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease
}

    .tparrows.default.round:hover {
        background: #d02d44
    }

.tp-leftarrow.default.round {
    position: relative
}

    .tp-leftarrow.default.round:before {
        position: absolute;
        content: '\f104';
        font-family: 'FontAwesome';
        left: 0;
        padding: 6px 16px;
        color: #fff;
        font-size: 20px
    }

.tp-rightarrow.default.round:after {
    position: absolute;
    content: '\f105';
    font-family: 'FontAwesome';
    left: 0;
    padding: 6px 16px;
    color: #fff;
    font-size: 20px
}

.tp-leftarrow.tparrows.default.round {
    left: 235px !important;
    top: 49% !important
}

.tp-rightarrow.tparrows.default.round {
    right: 235px !important;
    top: 49% !important
}

.tparrows.default.round.hidearrows, .tp-bullets.simplebullets.hidebullets {
    display: block !important;
    opacity: 1 !important
}

@media(min-width:768px) and (max-width:990px) {
    .tp-rightarrow.tparrows.default.round {
        right: 15px !important;
        top: 49% !important
    }

    .tp-leftarrow.tparrows.default.round {
        left: 15px !important;
        top: 49% !important
    }
}

@media(min-width:991px) and (max-width:1280px) {
    .tp-rightarrow.tparrows.default.round {
        right: 15px !important;
        top: 49% !important
    }

    .tp-leftarrow.tparrows.default.round {
        left: 15px !important;
        top: 49% !important
    }
}

@media(min-width:320px) and (max-width:767px) {
    .tp-leftarrow.tparrows.default.round {
        left: 67% !important;
        top: 88% !important
    }

    .tp-rightarrow.tparrows.default.round {
        right: 15px !important;
        top: 88% !important
    }
}

@media(min-width:1200px) and (max-width:1400px) {
    .tp-leftarrow.tparrows.default.round {
        left: 15px !important;
        top: 49% !important
    }

    .tp-rightarrow.tparrows.default.round {
        right: 15px !important;
        top: 49% !important
    }

    .navigation > li:nth-of-type(2n+1) {
        width: 55%
    }
}

#admin_bar_iframe {
    display: none
}

* {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box
}

body {
    color: #666;
    font-family: 'Muli',sans-serif;
    font-size: 13px;
    font-weight: 400;
    background-color: #fff
}

    body h1, body h2, body h3, body h4, body h5, body h6 {
        color: white;
        font-style: normal;
        font-weight: 700;
        line-height: 1.2;
        margin: 0;
    }

h1 {
    font-size: 62px
}

h2 {
    font-size: 55px
}

h3 {
    font-size: 28px
}

h4 {
    font-size: 22px
}

h5 {
    font-size: 18px
}

h6 {
    font-size: 14px
}

    h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
        color: #3d3d3d
    }

p a {
    color: #fff
}

p {
    letter-spacing: .2px;
    line-height: 24px;
    /* color: #777; */
    font-size: 13px;
}

a {
    color: #777;
    text-decoration: none;
    font-family: 'Muli',sans-serif
}

    a:hover, a:focus, a:active {
        outline: none;
        text-decoration: none
    }

ul {
    margin: 0;
    padding: 0
}

li {
    font-family: 'Muli',sans-serif;
    list-style: none
}

ul ul {
    margin: 0;
    padding: 0
}

ol {
    float: none;
    list-style: decimal;
    padding-left: 15px
}

    ol ol {
        margin-left: 20px
    }

    ol li {
        list-style: decimal;
        width: 100%
    }

figure {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden
}

.clear {
    clear: both;
    font-size: 0;
    line-height: 0
}

img {
    max-width: 100%
}

strong {
    /* color: #3d3d3d */
}

iframe {
    border: none;
    float: left;
    width: 100%
}

select {
    border: 1px solid #d2d2d2;
    color: #3d3d3d;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 300;
    height: 40px;
    padding: 8px 12px;
    width: 100%
}

label {
    color: #3d3d3d;
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px
}

button {
    border: none
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    outline: none;
    vertical-align: middle
}

form:not(#add-to-cart-form) p {
    float: left;
    position: relative;
    width: 100%;
    margin-bottom: 10px;
}

    form:not(#add-to-cart-form) p span i {
        /* color: #474747; */
        /* left: 16px; */
        /* position: absolute; */
        /* top: 13px; */
    }

table {
    background-color: transparent;
    max-width: 100%;
    width: 100%
}

th {
    text-align: left
}

table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
    border-top: 1px solid #d2d2d2;
    border: 1px solid #d2d2d2;
    line-height: 2.5;
    padding-left: 7px;
    vertical-align: top
}

table thead tr th {
    border-top: 1px solid #d2d2d2
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    border-top: 1px solid #d2d2d2
}

table > thead > tr > th {
    border-bottom: 2px solid #d2d2d2;
    vertical-align: bottom
}

table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
    border-bottom: 0
}

table > tbody + tbody {
    border-top: 2px solid #d2d2d2
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
    padding: 12px 16px
}

p ins {
    color: #999
}

dl dd {
    margin-left: 20px
}

address {
    font-style: italic
}

::-webkit-input-placeholder {
    color: #a0a0a0;
    opacity: 1
}

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

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

:-ms-input-placeholder {
    color: #a0a0a0;
    opacity: 1
}

.conatct_plchldr ::-webkit-input-placeholder {
    color: #a0a0a0;
    opacity: 1
}

.conatct_plchldr :-moz-placeholder {
    color: #a0a0a0;
    opacity: 1
}

.conatct_plchldr ::-moz-placeholder {
    color: #a0a0a0;
    opacity: 1
}

.conatct_plchldr :-ms-input-placeholder {
    color: #a0a0a0;
    opacity: 1
}

.plc_hldr_404 ::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

.plc_hldr_404 :-moz-placeholder {
    color: #fff;
    opacity: 1
}

.plc_hldr_404 ::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.plc_hldr_404 :-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.ct_newsletter_wrap {
    float: left;
    width: 100%;
    position: relative;
    background-color: #f8f8f8;
    padding: 50px 0
}

.newletter_des {
    width: 60%;
    margin: auto;
    position: relative;
    text-align: center
}

    .newletter_des:before {
        content: "\f003";
        position: absolute;
        font-family: fontawesome;
        font-size: 140px;
        top: -50px;
        left: -155px;
        width: auto;
        height: auto;
        color: #d5d5d5;
        opacity: .25
    }

    .newletter_des h5 {
        color: #333;
        text-transform: uppercase;
        margin: 0 0 20px;
        text-align: left
    }

    .newletter_des form {
        width: 100%;
        margin: auto;
        position: relative
    }

        .newletter_des form input[type="email"] {
            width: 100%;
            background-color: #fff;
            border: 1px solid #f2f2f2;
            height: 64px;
            padding: 8px 80px 8px 45px;
            -webkit-appearance: none;
            -moz-appearance: none
        }

        .newletter_des form label {
            position: absolute;
            top: 25px;
            left: 20px;
            color: #d5d5d5
        }

        .newletter_des form button, .newletter_des form input[type="submit"] {
            position: absolute;
            right: 0;
            top: 0;
            height: 63px;
            color: #fff;
            padding: 0 25px;
            font-weight: 600;
            text-transform: uppercase
        }

        .newletter_des form input[type="email"]:focus {
            box-shadow: 0 0 10px 2px rgba(0,0,0,0.1)
        }

            .newletter_des form input[type="email"]:focus + button {
                background-color: #222
            }

.ct_footer_bg {
    float: left;
    width: 100%;
    position: relative;
    background: url(../images/bg_footer.jpg) no-repeat;
    background-size: cover;
    padding: 0;
    font-family: 'Muli',sans-serif
}

.widget {
    float: left;
    width: 100%;
    position: relative
}

    .widget h5 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0 0 15px
    }

.footer_col_1 > a {
    display: block;
    margin: 0 0 15px
}

    .footer_col_1 > a img {
        width: auto;
        height: auto
    }

.footer_col_1 p {
    color: #b3b3b3;
    margin: 0 0 15px;
    text-align: justify
}

.footer_col_1 span {
    display: block;
    margin: 0 0 15px
}

.foo_get_qoute {
    float: left;
    width: 100%;
    position: relative
}

    .foo_get_qoute > a {
        display: inline-block;
        color: #fff;
        padding: 13px 40px;
        font-weight: 700;
        text-transform: uppercase
    }

        .foo_get_qoute > a:hover {
            background-color: #fff;
            color: #222
        }

.foo_col_2 ul {
    float: left;
    width: 100%
}

    .foo_col_2 ul li {
        display: inline-block;
        width: 100%;
        position: relative
    }

        .foo_col_2 ul li:before {
            content: "\f0da";
            position: absolute;
            font-family: fontawesome;
            left: 0;
            top: 8px;
            font-size: 14px;
            color: #b3b3b3;
            width: auto;
            height: auto
        }

        .foo_col_2 ul li a {
            display: block;
            color: #b3b3b3;
            padding: 8px 0 8px 15px;
            font-weight: 500;
            font-family: 'Muli',sans-serif
        }

        .foo_col_2 ul li:hover a {
            padding-left: 25px
        }

        .foo_col_2 ul li:hover:before {
            left: 5px
        }

.foo_col_4 ul {
    float: left;
    width: 100%
}

    .foo_col_4 ul li {
        display: inline-block;
        width: 100%;
        position: relative;
        padding: 5px 0;
        font-weight: 500;
        font-family: 'Muli',sans-serif
    }

        .foo_col_4 ul li:nth-child(3n) {
            width: 30px;
            height: 2px;
            padding: 0;
            margin: 15px 0 10px
        }

        .foo_col_4 ul li:nth-child(4n) {
            text-transform: uppercase
        }

.ct_copyright_bg {
    padding: 15px 0;
    margin-top: 19px;
    background-color: transparent;
    border-top: 1px solid #957c5c;
    float: left;
    width: 100%;
    position: relative
}

.copyright_text {
    font-family: 'Roboto-Regular';
    float: left;
    width: 100%;
    position: relative;
    font-size: 13px;
    color: #372b1b;
    line-height: 29px
}

    .copyright_text a {
        display: inline-block
    }

        .copyright_text a:hover {
            color: #fff
        }

.copyright_social_icon {
    font-family: 'Roboto-Regular';
    float: left;
    color: #372b1b;
    width: 100%;
    font-size: 13px;
    position: relative
}

    .copyright_social_icon ul {
        float: left;
        width: 100%;
        text-align: center
    }

        .copyright_social_icon ul li {
            float: right;
            position: relative;
            margin-left: 10px
        }

            .copyright_social_icon ul li a {
                display: block;
                width: 29px;
                height: 29px;
                border-radius: 100%;
                color: #fff;
                background-color: #282828;
                color: #afafaf;
                line-height: 29px
            }

            .copyright_social_icon ul li:hover a {
                color: #fff
            }

.back_to_top {
    position: fixed;
    bottom: 33px;
    right: 50px;
    margin: 0;
    width: 45px;
    height: 45px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    display: inline-block;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg)
}

    .back_to_top a {
        color: #fff;
        display: block;
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        font-size: 18px
    }

    .back_to_top:hover {
        background-color: #fff
    }

        .back_to_top:hover a {
            color: #222
        }

.aside_margin_bottom {
    margin: 0 0 30px
}

.gt_aside_outer_wrap, .gt_aside_search_wrap, .gt_aside_search_wrap form {
    float: left;
    width: 100%;
    position: relative
}

    .gt_aside_search_wrap form input[type="text"] {
        width: 100%;
        height: 50px;
        border: 1px solid #ececec;
        padding: 8px 50px 8px 15px
    }

    .gt_aside_search_wrap form input[type="submit"], .gt_aside_search_wrap form button {
        background: none;
        color: #999;
        height: 50px;
        position: absolute;
        top: 0;
        right: 0;
        width: 40px
    }

.gt_aside_category, .gt_aside_category ul, .gt_aside_post_wrap, .gt_aside_post_wrap ul, .gt_aside_fea_properties, .gt_aside_fea_properties ul {
    float: left;
    width: 100%;
    position: relative;
    z-index: 10
}

.gt_detail_hdg h5 {
    position: relative;
    color: #00923d;
    text-transform: uppercase;
    /* font-family: 'Roboto-Medium'; */
    padding-bottom: 17px;
}

    .gt_detail_hdg h5:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 4px
    }

.gt_aside_category ul li {
    display: inline-block;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #efefef;
    z-index: 10
}

    .gt_aside_category ul li:before {
        content: "\f105";
        font-family: fontawesome;
        position: absolute;
        width: auto;
        height: auto;
        top: 9px;
        left: 0;
        font-size: 18px
    }

    .gt_aside_category ul li:first-child:before {
        top: -2px
    }

    .gt_aside_category ul li:first-child a {
    }

    .gt_aside_category ul li a {
        display: inline-block;
        color: #333;
        font-weight: 700;
        padding: 12px 0 12px 18px
    }

    .gt_aside_category ul li:first-child span {
        padding-top: 3px
    }

    .gt_aside_category ul li span {
        float: right;
        padding-top: 6px
    }

    .gt_aside_category ul li:hover:before {
        padding-left: 8px
    }

    .gt_aside_category ul li:hover a {
        padding-left: 25px
    }

    .gt_aside_category ul li:hover span {
        padding-right: 10px
    }

.gt_aside_post_wrap ul li {
    border-bottom: 1px solid #efefef;
    padding: 12px 0;
    width: 100%;
    display: inline-block;
    z-index: 10
}

    .gt_aside_post_wrap ul li:first-child {
        padding-top: 0
    }

    .gt_aside_post_wrap ul li figure {
        width: 80px;
        float: left;
        overflow: hidden;
        position: relative
    }

        .gt_aside_post_wrap ul li figure:before {
            content: "";
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            border: 3px solid;
            opacity: 0;
            z-index: 10
        }

    .gt_aside_post_wrap ul li:hover figure:before {
        opacity: 1
    }

    .gt_aside_post_wrap ul li figure img {
        width: 100%;
        height: auto
    }

.gt_aside_post_des {
    float: none;
    padding: 0 0 0 90px;
    width: auto
}

    .gt_aside_post_des h6 > a {
        display: block;
        font-size: 16px;
        color: #222;
        margin: 0 0 6px;
        font-weight: 300
    }

    .gt_aside_post_des p {
        margin: 0 0 6px
    }

    .gt_aside_post_des p, .gt_aside_post_des span {
        color: #999
    }

    .gt_aside_post_des i {
        margin-right: 8px;
        float: left;
        margin-top: 2px
    }

    .gt_aside_post_des span {
        display: block;
        font-weight: 300;
        font-size: 12px
    }

.gt_aside_fea_properties ul li {
    float: left;
    width: 32%;
    overflow: hidden;
    position: relative
}

    .gt_aside_fea_properties ul li:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 3px solid;
        opacity: 0;
        z-index: 10
    }

    .gt_aside_fea_properties ul li a {
        display: block
    }

        .gt_aside_fea_properties ul li a img {
            width: 100%;
            height: auto
        }

    .gt_aside_fea_properties ul li:hover:before {
        opacity: 1
    }

.ct_popular_course > ul {
    float: left;
    width: 100%
}

    .ct_popular_course > ul > li {
        position: relative;
        width: 100%;
        margin: 0 0 15px;
        float: left
    }

.ct_popular_course ul li figure {
    float: left;
    width: 80px
}

.ct_proj_des {
    padding: 0 0 0 95px;
    float: none;
    width: auto
}

    .ct_proj_des > a {
        color: #222;
        display: block;
        font-size: 15px;
        font-weight: 700;
        margin: 0 0 6px
    }

    .ct_proj_des span {
        font-size: 11px;
        color: #000;
        float: left;
        margin-right: 8px;
        line-height: normal
    }

    .ct_proj_des > ul {
        float: left;
        width: auto
    }

    .ct_proj_des ul li {
        display: inline-block;
        width: 100%
    }

        .ct_proj_des ul li a {
            display: inline-block;
            color: #efb467
        }

.ct_aside_testimonial, .ct_popular_course, .ct_aside_tag {
    position: relative;
    z-index: 10;
    float: left;
    width: 100%
}

    .ct_aside_testimonial ul {
        float: left;
        width: 100%;
        background-color: #f4f4f4
    }

        .ct_aside_testimonial ul li {
            position: relative;
            width: 100%;
            float: left;
            padding: 20px
        }

            .ct_aside_testimonial ul li h6 {
                font-size: 14px;
                color: #222;
                font-weight: 500
            }

                .ct_aside_testimonial ul li h6 span {
                    color: #444;
                    display: inline-block;
                    font-size: 12px
                }

    .ct_aside_testimonial #bx-pager {
        float: left;
        width: 100%;
        position: relative;
        text-align: center
    }

        .ct_aside_testimonial #bx-pager a {
            display: inline-block;
            border-radius: 100%;
            margin: 0 5px
        }

    .ct_aside_testimonial .bx-wrapper {
        margin: 0 0 20px
    }

    .ct_aside_testimonial #bx-pager a.active {
        transform: scale(1.4);
        -webkit-transform: scale(1.4);
        -moz-transform: scale(1.4)
    }

    .ct_aside_tag ul {
        float: left;
        width: 100%
    }

        .ct_aside_tag ul li {
            position: relative;
            display: inline-block;
            margin: 0 3px 7px 0
        }

            .ct_aside_tag ul li a {
                border: 1px solid #e8e8e8;
                color: #777;
                display: block;
                font-size: 12px;
                padding: 6px 15px;
                text-transform: capitalize
            }

            .ct_aside_tag ul li:nth-child(3n + 3) a {
                margin-right: 0
            }

            .ct_aside_tag ul li:hover a {
                color: #fff
            }

    .top_location_wrap p i, .top_ui_element ul li i, .top_ui_element ul li:hover a, .main_navigation ul > li:hover > a, .ct_banner_caption h4 > span, .get_icon_des a, .course_author a:hover, .ct_course_meta ul li:hover a, .popular_course_des h5 > a:hover, .ct_teacher_wrap h5 > a, .ct_teacher_wrap ul li:hover a, .ct_learn_more h4 span, .ct_news_wrap h5 > a:hover, .footer_col_1 span, .foo_col_4 ul li, .copyright_text a, .ct_main_event_wrap h5 span, .ct_main_event_wrap ul.event_location_list li:nth-child(2n), .sub_event_wrap h6 > a:hover, .foo_col_2 ul li:hover:before, .foo_col_2 ul li:hover a, .ct_breadcrumb ul li:hover a, .ct_blog_detail_des_list ul li:before, .ct_share_link ul li:hover a, .gt_aside_search_wrap form input[type="text"]:focus + button, .gt_aside_post_des i, .gt_aside_post_des span, .gt_aside_category ul li::before, .gt_aside_category ul li:hover a, .ct_popular_course > ul > li:hover .ct_proj_des > a, .ct_hreg_wrap ul.countdown li span, .ct_aside_learning a:hover, .ct_aside_learning a:focus {
        color: #fff
    }

        .search-area input[type="submit"], .ct_banner_caption > a:hover, .banner_outer_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner_outer_wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .banner_outer_wrap .bx-wrapper .bx-controls-direction a:hover, .course_list_img_des .ct_zoom_effect, .ct_course_link > a:hover, .ct_facts_bg ul li i:after, .ct_learn_more a:hover, .newletter_des form button, .newletter_des form input[type="submit"], .foo_get_qoute > a, .foo_col_4 ul li:nth-child(3n), .back_to_top, .copyright_social_icon ul li:hover a, .form_field button, .ct_404_detail_wrap form button, .ct_404_detail_wrap > a, .ct_404_socail_media ul li:hover a, .ct_blog_detail_top > a, .ct_blog_detail_top > button, .ct_blog_detail_tag ul li:hover a, .gt_commet_field input[type="submit"], .gt_commet_field button, .gt_detail_hdg h5:before, .ct_aside_tag ul li:hover a, .ct_pagination ul li a:hover, .register_top_detail > span, .ct_hreg_wrap > a:hover, .ct_banner_caption > a.active {
            background-color: #00923d;
        }

    .ct_banner_caption > a, .banner_outer_wrap .bx-wrapper .bx-pager.bx-default-pager a:hover, .banner_outer_wrap .bx-wrapper .bx-pager.bx-default-pager a.active, .ct_course_link > a:hover, .ct_learn_more a:hover, .form_field input[type="text"]:focus, .form_field textarea:focus, .ct_404_detail_wrap form input[type="search"], .ct_blog_detail_tag ul li:hover a, .gt_aside_search_wrap form input[type="text"]:focus, .ct_aside_tag ul li:hover a, .gt_aside_post_wrap ul li:hover figure:before, .ct_pagination ul li a:hover, .ct_hreg_wrap > a:hover {
        border-color: #ef2138
    }

    .get_icon_des a, .top_ui_element ul li a, .main_navigation ul li, .main_navigation ul li a, .ct_banner_caption > a, .banner_outer_wrap .bx-wrapper .bx-controls-direction a, .banner_outer_wrap .bx-wrapper .bx-pager.bx-default-pager a, .ct_zoom_effect, .ct_course_link, .ct_course_link > a, .course_author a, .course_subject_wrap, .course_subject_wrap i, .course_subject_wrap p, .ct_course_meta ul li a, .popular_course_des h5 > a, .ct_teacher_wrap ul li a, .ct_learn_more a, .ct_news_wrap h5 > a, .sub_event_wrap h6 > a, .copyright_social_icon ul li a, .back_to_top, .back_to_top a, .copyright_text a, .foo_get_qoute a, .foo_col_2 ul li:before, .foo_col_2 ul li a, .newletter_des form input[type="text"], .newletter_des form button, .newletter_des form input[type="submit"], .ct_teacher_wrap h5 > a, .ct_teacher_outer_wrap figure img, .ct_breadcrumb ul li a, .form_field input[type="text"], .form_field textarea, .form_field button, .ct_404_socail_media ul li a, .ct_404_detail_wrap > a, .ct_blog_detail_top > a, .ct_blog_detail_tag ul li a, .ct_share_link ul li a, .gt_commet_field input[type="submit"], .gt_commet_field button, .gt_aside_search_wrap form input[type="text"], .gt_aside_category ul li, .gt_aside_category ul li a, .gt_aside_category ul li span, .gt_aside_category ul li::before, .ct_aside_testimonial #bx-pager a, .ct_aside_tag ul li a, .gt_aside_post_wrap ul li figure:before, .ct_proj_des > a, .ct_pagination ul li a, .main_navigation ul ul, .ct_hreg_wrap > a {
        transition: all .3s ease-in-out;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out
    }

::selection {
    background: #d02d44;
    color: #fff
}

::-webkit-selection {
    background: #d02d44;
    color: #fff
}

::-moz-selection {
    background: #d02d44;
    color: #fff
}

.ct_zoom_effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0)
}

@font-face {
    font-family: 'icomoon';
    src: url(icomoon.eot?kqr4pl);
    src: url(icomoon.eot?kqr4pl#iefix) format("embedded-opentype"),url(icomoon.ttf?kqr4pl) format("truetype"),url(icomoon.woff?kqr4pl) format("woff"),url(icomoon.svg?kqr4pl#icomoon) format("svg");
    font-weight: 400;
    font-style: normal
}

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

.icon-avatar:before {
    content: "\e900"
}

.icon-command:before {
    content: "\e901"
}

.icon-logo:before {
    content: "\e902"
}

.icon-open-book:before {
    content: "\e903"
}

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

.ct_wrapper, header, .ct_content_wrap, section, footer {
    position: relative
}

.ct_wrapper {
    overflow: hidden
}

section {
    /* padding: 15px 0 */
}

.no_padding {
    padding: 0
}

.no_margin {
    margin: 0
}

.ct_bg_1 {
    background-color: #d33ba0
}

.ct_bg_2 {
    background-color: #1dc454
}

.ct_bg_3 {
    background-color: #2c6fd1
}

.ct_bg_4 {
    background-color: #e7b52a
}

.ct_bg_5 {
    background-color: #44a0d0
}

.ct_bg_6 {
    background-color: #199c9a
}

input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea {
    outline: none;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.top_strip {
    position: relative;
    background-color: #222;
    padding: 10px 0
}

.top_location_wrap {
    float: left;
    width: auto;
    position: relative
}

    .top_location_wrap p {
        color: #fff;
        margin: 0;
        font-size: 12px;
        font-weight: 300
    }

        .top_location_wrap p i {
            margin: 0 8px 0 0
        }

.top_ui_element {
    float: right;
    width: auto;
    position: relative
}

    .top_ui_element ul {
        float: left;
        width: 100%
    }

        .top_ui_element ul li {
            position: relative;
            color: #fff;
            display: inline-block;
            padding: 0 15px;
            font-size: 12px;
            font-weight: 300;
            letter-spacing: 1.4px
        }

            .top_ui_element ul li:last-child {
                padding-right: 0
            }

            .top_ui_element ul li i {
                margin: 0 8px 0 0
            }

            .top_ui_element ul li a {
                color: #fff
            }

.logo_wrap a {
    display: block
}

.logo_nav_outer_wrap {
    position: relative;
    padding: 20px 0;
    background: url(../images/bg_h.jpg);
    border-bottom: 1px solid #d12e45
}

    .logo_nav_outer_wrap a:hover, .logo_nav_outer_wrap a:focus {
        color: #d02d44
    }

.main_navigation ul li {
    position: relative;
    display: inline-block
}

    .main_navigation ul li a {
        display: block;
        text-transform: uppercase;
        padding: 16.5px 19px;
        font-weight: 700;
        font-size: 14px
    }

        .main_navigation ul li a span {
            display: block;
            font-size: 10px;
            line-height: normal;
            font-weight: 300
        }

.li-haschild a span {
    display: none !important
}

.main_navigation ul ul {
    position: absolute;
    top: 53px;
    left: 0;
    width: 200px;
    z-index: 1000;
    background-color: #fff;
    opacity: 0;
    visibility: hidden
}

    .main_navigation ul ul li {
        width: 100%;
        display: block
    }

        .main_navigation ul ul li a {
            font-weight: 700;
            font-size: 12px;
            text-transform: uppercase;
            display: block
        }

    .main_navigation ul ul ul {
        position: absolute;
        top: 0;
        left: 100%
    }

.main_navigation ul > li:hover > ul {
    opacity: 1;
    visibility: visible
}

.top_search_wrap {
    float: right;
    width: auto;
    padding: 7px 25px;
    cursor: pointer;
    position: relative
}

    .top_search_wrap i {
        font-size: 16px
    }

.popup-search {
    position: fixed;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 150px;
    z-index: 99999
}

    .popup-search .search {
        padding: 0 !important;
        margin: 0;
        position: relative
    }

        .popup-search .search label {
            color: #fff;
            font-weight: 400;
            font-size: 30px;
            text-align: left;
            float: left;
            margin-bottom: 10px
        }

        .popup-search .search .form-control {
            width: 100%;
            -moz-border-radius: 0;
            -webkit-border-radius: 0;
            border-radius: 0;
            height: 46px;
            color: #393641;
            font-weight: 400;
            font-size: 17px;
            background-color: #fff
        }

        .popup-search .search button {
            position: absolute;
            top: 52px;
            right: 0;
            background-color: transparent;
            border: none;
            font-size: 20px;
            height: 46px;
            width: 46px;
            text-align: center
        }

    .popup-search .search-close {
        background-color: transparent;
        border: none;
        color: #fff;
        font-size: 25px;
        font-weight: 400;
        float: right;
        position: relative;
        z-index: 9999;
        cursor: pointer
    }

.search-show {
    display: block !important
}

@media (min-width: 1200px) {
    .popup-search {
        width: 930px
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .popup-search {
        width: 830px
    }
}

@media (max-width: 992px) {
    .popup-search {
        width: auto;
        left: 30px;
        right: 30px;
        bottom: auto !important;
        top: 100px !important
    }
}

.tfs-popup-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99998;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8;
    filter: alpha(opacity=80);
    display: none
}

.tfs-fade {
    opacity: 0;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    transition: all .5s ease-out
}

.tfs-wrap {
    top: 0;
    left: 0;
    height: 100%;
    z-index: 99999;
    position: fixed;
    outline: none !important;
    overflow-x: hidden;
    overflow-y: auto;
    display: none;
    opacity: 1 !important;
    margin: auto;
    right: 0
}

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

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

.tfs-popup-ready {
    opacity: .8;
    display: block;
    overflow: hidden
}

*/
.top_cart_wrap {
    float: right;
    width: auto;
    padding: 7px 20px;
    position: relative
}

.top_cart_wrap i {
    font-size: 18px
}

.top_cart_wrap .cart-number {
    position: absolute;
    height: 19px;
    width: 19px;
    background-color: #d02d44;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    line-height: 19px;
    top: 0;
    right: 0;
    font-size: 12px
}

.cart-sidebar button.btn {
    padding: 10px 15px;
    background-color: #d02d44;
    border: 1px solid #d02d44;
    border-radius: 0;
    outline: none;
    box-shadow: none;
    color: #fff;
    box-sizing: inherit;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-timing-function: ease;
    transition-timing-function: ease;
    position: relative
}

    .cart-sidebar button.btn:hover, .cart-sidebar button.btn:focus {
        background-color: #fff;
        color: #d02d44
    }

    .cart-sidebar button.btn i {
        font-size: 14px
    }

.cart-sidebar button.view-cart.btn {
    float: right;
    background-color: #fff;
    color: #d02d44
}

    .cart-sidebar button.view-cart.btn:hover, .cart-sidebar button.view-cart.btn:focus {
        background-color: #d02d44;
        color: #fff
    }

.banner_outer_wrap {
    float: left;
    width: 100%;
    position: relative
}

    .banner_outer_wrap ul {
        width: 100%;
        float: left
    }

        .banner_outer_wrap ul li {
            position: relative;
            width: 100%;
            float: left
        }

            .banner_outer_wrap ul li img {
                width: 100%;
                height: auto
            }

.ct_banner_caption {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -180px 0 0 -550px;
    width: 550px
}

    .ct_banner_caption h4 {
        background-color: #fff;
        margin: 0 0 8px;
        color: #999;
        display: inline-block;
        text-transform: uppercase;
        padding: 7px 15px 5px 10px;
        font-size: 20px;
        font-weight: 200
    }

        .ct_banner_caption h4 > span {
            display: inline-block;
            font-weight: 700
        }

    .ct_banner_caption > span {
        display: inline-block;
        background-color: #929292;
        color: #fff;
        text-transform: uppercase;
        padding: 3px 20px 3px 10px;
        font-size: 20px;
        font-weight: 300;
        margin: 0 0 10px
    }

    .ct_banner_caption h2 {
        font-weight: 600;
        color: #666;
        font-size: 45px;
        text-transform: uppercase;
        margin: 0 0 5px
    }

    .ct_banner_caption p {
        color: #666;
        font-weight: 300;
        font-size: 18px;
        margin: 0 0 20px
    }

    .ct_banner_caption > a {
        display: inline-block;
        min-width: 150px;
        text-align: center;
        border: 1px solid;
        color: #fff;
        text-transform: uppercase;
        padding: 8px 0;
        margin: 0 10px 0 0;
        font-weight: 300;
        font-size: 14px
    }

        .ct_banner_caption > a.active, .ct_banner_caption > a:hover {
            color: #fff
        }

.banner_outer_wrap .bx-controls.bx-has-pager.bx-has-controls-direction {
    text-align: center;
    float: left;
    width: 100%
}

.banner_outer_wrap .bx-wrapper .bx-pager {
    width: auto;
    display: inline-block;
    background-color: rgba(0,0,0,0.1);
    padding: 6px 10px 0
}

.banner_outer_wrap .bx-wrapper .bx-pager, .banner_outer_wrap .bx-wrapper .bx-controls-auto {
    bottom: 20px
}

    .banner_outer_wrap .bx-wrapper .bx-pager.bx-default-pager a {
        background-color: transparent;
        border: 1px solid #fff;
        margin: 0 3px;
        width: 12px;
        height: 12px;
        border-radius: 100%
    }

.banner_outer_wrap .bx-wrapper .bx-controls-direction a {
    width: 50px;
    height: 50px;
    background-color: rgba(0,0,0,0.1);
    text-indent: 0;
    font-size: 0;
    line-height: 48px
}

    .banner_outer_wrap .bx-wrapper .bx-controls-direction a.bx-prev {
        left: 0
    }

    .banner_outer_wrap .bx-wrapper .bx-controls-direction a.bx-next {
        right: 0
    }

    .banner_outer_wrap .bx-wrapper .bx-controls-direction a:before {
        content: "\f104";
        position: absolute;
        font-family: fontawesome;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 16px;
        color: #fff
    }

    .banner_outer_wrap .bx-wrapper .bx-controls-direction a.bx-next:before {
        content: "\f105"
    }

.get_started_outer_wrap {
    float: left;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #f2f2f2;
    padding: 0 0 50px;
    margin: 0 0 50px
}

    .get_started_outer_wrap:before {
        content: "";
        position: absolute;
        bottom: 4px;
        left: 0;
        right: 0;
        border-bottom: 1px solid #f2f2f2
    }

.get_started_content_wrap {
    float: left;
    width: 100%;
    position: relative
}

    .get_started_content_wrap h3 {
        margin: 0 0 15px;
        text-transform: uppercase
    }

.get_started_video {
    float: left;
    width: 100%;
    position: relative
}

    .get_started_video:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5)
    }

    .get_started_video img {
        width: 100%;
        height: auto
    }

.get_video_icon {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin: -50px 0 0
}

    .get_video_icon button {
        display: inline-block;
        width: 70px;
        height: 70px;
        border: 2px solid #fff;
        border-radius: 100%;
        line-height: 70px;
        margin: 0 0 10px;
        color: #fff;
        font-size: 30px;
        background: transparent;
        padding: 0
    }

    .get_video_icon span {
        color: #fff;
        text-transform: capitalize;
        display: block
    }

.get_started_services {
    float: left;
    width: 100%;
    position: relative
}

.get_started_icon {
    float: left;
    width: 50px;
    position: relative
}

    .get_started_icon i {
        font-size: 40px;
        color: #777
    }

.get_icon_des {
    float: none;
    padding: 0 0 0 70px;
    width: auto;
    text-align: justify
}

    .get_icon_des h5 {
        text-transform: uppercase;
        margin: 0 0 8px
    }

    .get_icon_des a {
        text-transform: capitalize
    }

        .get_icon_des a:hover {
            color: #333
        }

        .get_icon_des a i {
            margin: 0 0 0 8px
        }

.ct_heading_1_wrap {
    float: left;
    width: 100%;
    position: relative;
    text-align: center;
    margin: 0 0 50px
}

    .ct_heading_1_wrap h3 {
        text-transform: uppercase;
        font-weight: 600;
        margin: 0 0 10px
    }

    .ct_heading_1_wrap p {
        margin: 0 0 15px
    }

    .ct_heading_1_wrap span {
        display: inline-block;
        position: relative
    }

        .ct_heading_1_wrap span img {
            display: inline-block;
            width: 50px;
            height: 50px;
            margin-top: -15px
        }

        .ct_heading_1_wrap span:before, .ct_heading_1_wrap span:after {
            content: "";
            position: absolute;
            width: 80px;
            height: 1px;
            background-color: #777;
            top: 10px
        }

        .ct_heading_1_wrap span:before {
            left: -100px
        }

        .ct_heading_1_wrap span:after {
            right: -100px
        }

    .ct_heading_1_wrap.ct_white_hdg h3 {
        color: #fff
    }

    .ct_heading_1_wrap.ct_white_hdg p {
        color: #fff
    }

    .ct_heading_1_wrap.ct_white_hdg span:before, .ct_heading_1_wrap.ct_white_hdg span:after {
        background-color: #fff
    }

.ct_course_list_wrap {
    margin: 0
}

.ct_course_list_wrap, .most_popular_courses {
    float: left;
    width: 100%;
    position: relative
}

    .most_popular_courses .item {
        margin: 0 10px
    }

.course_list_img_des {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ct_course_review {
    position: relative;
    float: left;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: transparent;
    z-index: 10
}

    .ct_course_review span {
        display: inline-block;
        color: #fff;
        text-transform: capitalize;
        margin: 0 15px 0 0
    }

    .ct_course_review ul {
        width: auto;
        display: inline-block
    }

        .ct_course_review ul li {
            display: inline-block;
            position: relative
        }

            .ct_course_review ul li a {
                display: inline-block;
                color: #efb467
            }

.ct_course_list_wrap:hover .course_list_img_des .ct_zoom_effect {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    opacity: .8
}

.ct_course_link {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    margin: -25px 0 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    -moz-transform: scale(0)
}

    .ct_course_link > a {
        display: inline-block;
        border: 1px solid #fff;
        color: #fff;
        font-weight: 600;
        padding: 10px 20px
    }

.ct_course_list_wrap:hover .ct_course_link {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1)
}

.popular_course_des {
    float: left; /* font-family:'Roboto-Regular'; */
    width: 100%;
    position: relative;
    color: #000;
    font-size: 14px;
    padding: 14px 5px;
    background-color: #fff;
}

    .popular_course_des h5 > a { /* font-family:'Roboto-Bold'; */
        margin: 0 0 13px;
        display: block;
        line-height: 1.8;
        color: #000;
        font-size: 16px;
    }

.ct_course_meta {
    float: left;
    width: 100%;
    border-top: 1px solid #cecece;
    padding: 10px 0
}

.course_author {
    float: left;
    width: 100%;
}

    .course_author i {
        margin: 0 8px 0 0;
        color: #777
    }

    .course_author a {
        display: inline-block;
        color: #777;
        text-transform: capitalize;
        font-weight: 300;
        font-size: 12px
    }

.ct_course_meta ul {
    width: auto;
    float: right
}

    .ct_course_meta ul li {
        display: inline-block;
        position: relative;
        color: #777;
        padding: 0 0 0 10px
    }

        .ct_course_meta ul li a {
            display: inline-block;
            color: #777;
            font-weight: 300
        }

        .ct_course_meta ul li i {
            margin: 0 8px 0 0
        }

.most_popular_courses .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%
}

    .most_popular_courses .owl-nav div {
        font-size: 0;
        position: absolute
    }

    .most_popular_courses .owl-nav .owl-prev {
        left: -30px
    }

    .most_popular_courses .owl-nav .owl-next {
        right: -10px
    }

        .most_popular_courses .owl-nav .owl-prev:before, .most_popular_courses .owl-nav .owl-next:before {
            content: "\f104";
            font-family: fontawesome;
            position: absolute;
            top: -40px;
            left: 0;
            width: auto;
            height: auto;
            color: #787879;
            font-size: 55px
        }

        .most_popular_courses .owl-nav .owl-next:before {
            content: "\f105"
        }

.teacher_bg {
    padding-bottom: 50px
}

.ct_teacher_outer_wrap {
    float: left;
    width: 100%;
    position: relative;
    background-color: #fff;
    margin: 0 0 30px
}

    .ct_teacher_outer_wrap figure img {
        width: 100%;
        height: auto
    }

.ct_teacher_wrap {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 20px 15px;
    background-color: #f8f9f8
}

    .ct_teacher_wrap h5 > a {
        display: block;
        margin: 0 0 10px;
        text-transform: capitalize
    }

    .ct_teacher_wrap span {
        color: #242424;
        text-transform: uppercase;
        margin: 0 0 15px;
        display: block
    }

    .ct_teacher_wrap ul {
        border-top: 1px solid #cecece;
        padding: 10px 0 0;
        float: left;
        width: 100%
    }

        .ct_teacher_wrap ul li {
            position: relative;
            display: inline-block;
            width: 23%
        }

            .ct_teacher_wrap ul li a {
                display: block;
                color: #cecece;
                font-size: 18px
            }

    .ct_teacher_wrap h5 > a:hover {
        color: #222
    }

.ct_teacher_outer_wrap:hover figure img {
    transform: scale(1.2) rotate(-6deg);
    -webkit-transform: scale(1.2) rotate(-6deg);
    -moz-transform: scale(1.2) rotate(-6deg)
}

.ct_facts_bg {
    background-image: url(../images/facts-bg.jpg);
    background-size: cover;
    background-repeat: no-repeat
}

    .ct_facts_bg ul {
        float: left;
        width: 100%
    }

        .ct_facts_bg ul li {
            width: 25%;
            text-align: center;
            float: left;
            position: relative
        }

            .ct_facts_bg ul li:last-child:before {
                display: none
            }

            .ct_facts_bg ul li:before {
                content: "";
                position: absolute;
                top: 0;
                bottom: 10px;
                right: 0;
                width: 1px;
                background-color: #fff
            }

            .ct_facts_bg ul li i {
                display: block;
                color: #fff;
                padding: 0 0 26px;
                margin: 0 0 8px;
                font-size: 60px;
                position: relative
            }

                .ct_facts_bg ul li i:after {
                    content: "";
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    margin: auto;
                    width: 30px;
                    height: 3px
                }

            .ct_facts_bg ul li h2 {
                color: #fff;
                font-size: 50px;
                margin: 0 0 5px;
                font-weight: 700
            }

            .ct_facts_bg ul li span {
                color: #fff;
                font-size: 15px;
                text-transform: uppercase;
                font-style: italic;
                font-weight: 300
            }

.ct_testimonial_bg {
    background-image: url(../images/parallax4.jpg);
    background-repeat: no-repeat;
    background-size: cover
}

.testimonial_carousel {
    float: left;
    width: 100%;
    position: relative
}

    .testimonial_carousel .item {
        float: left;
        margin: 0 10px
    }

.testimonial_wrap {
    float: left;
    width: 100%;
    position: relative;
    background-color: #fff;
    text-align: center;
    padding: 30px
}

    .testimonial_wrap figure {
        border-radius: 100%;
        display: inline-block;
        margin: 0 0 10px;
        width: auto;
        float: none
    }

        .testimonial_wrap figure img {
            width: 86px;
            height: 86px;
            border-radius: 50%
        }

    .testimonial_wrap p {
        color: #666;
        font-style: italic
    }

    .testimonial_wrap span {
        display: block;
        color: #333
    }

.testimonial_carousel .owl-nav {
    position: absolute;
    top: 50%;
    width: 100%
}

    .testimonial_carousel .owl-nav div {
        font-size: 0;
        position: absolute
    }

    .testimonial_carousel .owl-nav .owl-prev {
        left: -30px
    }

    .testimonial_carousel .owl-nav .owl-next {
        right: -10px
    }

        .testimonial_carousel .owl-nav .owl-prev:before, .testimonial_carousel .owl-nav .owl-next:before {
            content: "\f104";
            font-family: fontawesome;
            position: absolute;
            top: -40px;
            left: 0;
            width: auto;
            height: auto;
            color: #787879;
            font-size: 55px
        }

        .testimonial_carousel .owl-nav .owl-next:before {
            content: "\f105"
        }

.ct_learn_more_bg {
    background-color: #222;
    padding: 30px 0;
    float: left;
    width: 100%;
    position: relative
}

.ct_learn_more {
    float: left;
    width: 100%;
    position: relative
}

    .ct_learn_more h4 {
        display: inline-block;
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        padding-top: 8px
    }

        .ct_learn_more h4 span {
            display: inline-block
        }

    .ct_learn_more a {
        float: right;
        display: inline-block;
        border: 1px solid #fff;
        text-transform: uppercase;
        color: #fff;
        font-size: 14px;
        padding: 8px 20px;
        font-weight: 600
    }

.ct_blog_simple_bg {
    padding-bottom: 50px
}

.ct_news_wrap {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 30px
}

    .ct_news_wrap span {
        display: block;
        color: #777;
        font-weight: 600;
        margin: 0 0 10px
    }

    .ct_news_wrap h5 > a {
        display: block;
        color: #333;
        font-weight: 700;
        margin: 0 0 10px
    }

    .ct_news_wrap p {
        margin: 0 0 15px
    }

.news_img {
    float: left;
    width: 100%;
    position: relative
}

    .news_img img {
        width: 30px;
        height: 30px;
        float: left;
        margin: 0 20px 0 0
    }

    .news_img label {
        float: left;
        display: block;
        color: #777;
        font-weight: 600;
        padding: 2px 0 0
    }

        .news_img label:first-child {
            margin-right: 10px
        }

.sub_banner_wrap {
    background: #f4f4f4;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    z-index: 10
}

    .sub_banner_wrap:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #fff;
        border-bottom: 1px solid #dad8d8;
        z-index: -1
    }

.sub_banner_hdg, .ct_breadcrumb {
    float: left;
    width: 100%;
    padding-left: 5px
}

    .sub_banner_hdg h3 {
        color: #fff;
        text-transform: uppercase
    }

    .ct_breadcrumb ul {
        float: left;
        width: 100%;
        text-align: left
    }

        .ct_breadcrumb ul li {
            display: inline-block;
            position: relative
        }

            .ct_breadcrumb ul li:before {
                content: "/";
                color: #443b3b;
                position: absolute;
                top: 0;
                left: -4px;
                width: auto;
                height: auto
            }

            .ct_breadcrumb ul li:first-child:before {
                display: none
            }

            .ct_breadcrumb ul li:last-child {
                padding-right: 0
            }

            .ct_breadcrumb ul li a {
                display: inline-block;
                color: #848280;
                padding: 0 10px
            }

.accor_outer_wrap, .ct_accord_list {
    float: left;
    width: 100%;
    position: relative
}

.ct_accord_list {
    margin: 0 0 20px
}

.accord_hdg, .accord_list_1 {
    float: left;
    width: 100%;
    position: relative;
    border: 1px solid #eee;
    padding: 18px 60px 18px 30px
}

    .accord_hdg span, .accord_list_1 span {
        position: absolute;
        top: 20px;
        right: 20px;
        color: #e8e6e6;
        display: inline-block
    }

        .accord_hdg span:after {
            content: "";
            position: absolute;
            top: -10px;
            left: -15px;
            bottom: -10px;
            width: 1px;
            background-color: #eee
        }

.accor_outer_wrap .accord_hdg h6 {
    color: #666;
    text-transform: capitalize;
    font-size: 16px
}

.accord_des {
    float: left;
    width: 100%;
    position: relative
}

    .accord_des p {
        padding: 18px 20px
    }

.accor_outer_wrap .ct_accord_list:last-child {
    margin-bottom: 0
}

.gt_contact_us_map.map-canvas {
    float: left;
    width: 100%;
    height: 400px;
    position: relative
}

.get_touch_wrap {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 15px
}

    .get_touch_wrap h4 {
        text-transform: uppercase;
        margin: 0 0 15px;
        font-weight: 600
    }

.ct_contact_form, .ct_contact_form form, .form_field {
    float: left;
    width: 100%;
    position: relative
}

    .form_field label {
        position: absolute;
        top: 26px;
        left: 30px;
        color: #d5d5d5;
        font-size: 15px;
        margin: 0
    }

    .form_field input[type="text"], .form_field input[type="email"], .form_field textarea {
        width: 100%;
        height: 65px;
        border: 1px solid #f2f2f2;
        padding: 14px 20px 12px 60px;
        display: inline-block;
        margin: 0 0 15px;
        outline: none;
        box-shadow: none;
        -webkit-appearance: none;
        -moz-appearance: none
    }

    .form_field textarea {
        height: 120px;
        padding: 20px 20px 12px 60px
    }

    .form_field button {
        color: #fff;
        font-weight: 700;
        text-transform: uppercase;
        padding: 20px 30px;
        font-size: 16px;
        display: inline-block
    }

        .form_field button i {
            color: #fff
        }

        .form_field button:hover {
            background-color: #000
        }

.ct_contact_address {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 20px
}

    .ct_contact_address h5 {
        text-transform: capitalize;
        margin: 0 0 15px
    }

        .ct_contact_address h5 i {
            margin-right: 20px
        }

.newletter_des.contact_us_newsltr {
    width: 100%
}

    .newletter_des.contact_us_newsltr:before {
        display: none
    }

    .newletter_des.contact_us_newsltr form {
        margin: 0 0 20px
    }

.contact_us_newsltr p {
    color: #777;
    text-align: left
}

.bottom_border {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 30px
}

.fax_info {
    float: left;
    width: 100%
}

ul.fax_info li {
    display: inline-block;
    color: #777;
    font-size: 12px;
    padding: 0 8px;
    border-left: 1px solid #777;
    line-height: 10px
}

    ul.fax_info li:first-child {
        padding-left: 0;
        border-left: 0
    }

.ct_404_logo {
    position: relative;
    text-align: center;
    margin: 0 0 35px
}

    .ct_404_logo a {
        display: inline-block
    }

.ct_404_detail_wrap {
    position: relative;
    text-align: center;
    margin: 0 0 40px
}

    .ct_404_detail_wrap h1 {
        color: #000;
        font-weight: 700;
        font-size: 200px;
        line-height: normal;
        line-height: 170px;
        margin: 0 0 10px
    }

    .ct_404_detail_wrap p {
        color: #000;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 16px;
        margin: 0 0 20px
    }

    .ct_404_detail_wrap form {
        position: relative;
        margin: 0 0 30px
    }

        .ct_404_detail_wrap form input[type="search"] {
            width: 100%;
            height: 38px;
            border: 1px solid;
            background-color: transparent;
            padding: 8px 60px 8px 15px
        }

        .ct_404_detail_wrap form button {
            color: #fff;
            height: 38px;
            position: absolute;
            top: 0;
            right: 0;
            padding: 0 25px
        }

        .ct_404_detail_wrap form input[type="search"]:focus + button {
            background-color: #000;
            color: #fff
        }

    .ct_404_detail_wrap > a {
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        padding: 12px 30px;
        font-weight: 600
    }

        .ct_404_detail_wrap > a:hover {
            background-color: #fff;
            color: #1c1c1c
        }

.ct_404_socail_media {
    float: left;
    width: 100%;
    position: relative;
    text-align: center
}

    .ct_404_socail_media h6 {
        color: #fff;
        text-transform: uppercase;
        margin: 0 0 20px
    }

    .ct_404_socail_media ul {
        float: left;
        width: 100%;
        margin: 0 0 25px
    }

        .ct_404_socail_media ul li {
            display: inline-block;
            position: relative
        }

            .ct_404_socail_media ul li a {
                display: block;
                color: #afafaf;
                margin-right: 6px;
                background-color: #282828;
                width: 40px;
                height: 40px;
                border-radius: 100%;
                line-height: 40px
            }

            .ct_404_socail_media ul li:hover a {
                color: #fff
            }

.ct_blog_outer_wrap {
    border-bottom: 1px solid #f4f4f4;
    padding-bottom: 50px
}

.ct_blog_detail_outer_wrap {
    float: left;
    width: 100%;
    position: relative
}

.ct_blog_detail_top {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 30px
}

    .ct_blog_detail_top h1, .page-mains h1 {
        margin: 0 0 20px;
        color: #222;
        text-transform: uppercase;
        font-size: 20px
    }

    .ct_blog_detail_top ul {
        float: left;
        width: 100%;
        padding: 10px;
        background-color: #f4f4f4
    }

        .ct_blog_detail_top ul li {
            display: inline-block;
            position: relative;
            border-right: 1px solid #d5d5d5;
            padding-right: 20px;
            margin-right: 20px;
            float: left
        }

            .ct_blog_detail_top ul li.price-course-product-price {
                font-size: 23px;
                color: #d02d44;
                font-weight: 700
            }

            .ct_blog_detail_top ul li img {
                display: inline-block;
                vertical-align: top;
                margin-right: 15px;
                padding-top: 0;
                max-width: 33px
            }

            .ct_blog_detail_top ul li p {
                display: inline-block;
                margin: 0
            }

                .ct_blog_detail_top ul li p span {
                    color: #666;
                    display: block;
                    line-height: normal;
                    font-weight: 600;
                    font-size: 12px
                }

                    .ct_blog_detail_top ul li p span:nth-child(1) {
                        font-size: 11px;
                        margin: 0 0 3px
                    }

                    .ct_blog_detail_top ul li p span:nth-child(2), .ct_blog_detail_top ul li p span:nth-child(2) a {
                        color: #666;
                        text-transform: uppercase
                    }

    .ct_blog_detail_top > a, .ct_blog_detail_top > button {
        display: inline-block;
        color: #fff;
        text-transform: uppercase;
        position: absolute;
        right: 0;
        bottom: 0;
        height: 53px;
        padding: 0 25px;
        line-height: 52px
    }

        .ct_blog_detail_top > a:hover, .ct_blog_detail_top > button:hover {
            background-color: #222
        }

.ct_blog_detail_des, .ct_blog_detail_des_list, .ct_blog_detail_tag {
    float: left;
    width: 100%;
    position: relative
}

    .ct_blog_detail_des figure {
        margin: 0 0 15px
    }

        .ct_blog_detail_des figure img {
            height: auto
        }

    .ct_blog_detail_des p {
        margin: 0 0 15px
    }

.ct_blog_detail_des_list {
    margin: 0 0 25px;
    text-align: justify
}

    .ct_blog_detail_des_list h5 {
        text-transform: uppercase;
        font-weight: 700;
        margin: 0 0 15px;
        color: #e84c3d
    }

    .ct_blog_detail_des_list p {
        margin: 0 0 20px
    }

    .ct_blog_detail_des_list ul {
        float: left;
        width: 100%
    }

        .ct_blog_detail_des_list ul li {
            width: 100%;
            position: relative;
            padding: 6px 0 6px 30px;
            color: #777;
            font-weight: 500
        }

            .ct_blog_detail_des_list ul li:before {
                content: "\f0a9";
                position: absolute;
                font-family: fontawesome;
                top: 6px;
                left: 0;
                width: auto;
                height: auto
            }

.ct_blog_detail_tag {
    padding: 25px 0;
    border-bottom: 1px solid #f4f4f4;
    border-top: 1px solid #f4f4f4
}

    .ct_blog_detail_tag h5 {
        text-transform: uppercase;
        font-weight: 400;
        display: inline-block;
        float: left;
        padding: 3px 10px 0 0
    }

    .ct_blog_detail_tag ul {
        float: left;
        width: auto
    }

        .ct_blog_detail_tag ul li {
            display: inline-block;
            position: relative;
            margin: 0 3px 7px 0
        }

            .ct_blog_detail_tag ul li a {
                display: block;
                text-transform: capitalize;
                font-size: 12px;
                border: 1px solid #e8e8e8;
                padding: 6px 15px;
                color: #777
            }

            .ct_blog_detail_tag ul li:hover a {
                color: #fff
            }

.ct_blog_author {
    padding: 25px 0;
    border-bottom: 1px solid #f4f4f4
}

.ct_blog_author, .ct_author_des {
    float: left;
    width: 100%
}

    .ct_blog_author h5 {
        text-transform: uppercase;
        font-weight: 400;
        margin: 0 0 15px
    }

.ct_author_des {
    background-color: #f4f4f4;
    padding: 25px 20px
}

    .ct_author_des figure {
        width: 145px
    }

        .ct_author_des figure img {
            width: 100%;
            height: auto
        }

.ct_author_detail {
    float: none;
    padding: 0 0 0 160px;
    width: auto
}

    .ct_author_detail > h6 {
        text-transform: uppercase;
        display: inline-block;
        font-weight: 600;
        margin-right: 10px;
        margin-bottom: 10px
    }

    .ct_author_detail span {
        display: inline-block
    }

    .ct_author_detail p {
        line-height: 26px
    }

.ct_share_link {
    float: left;
    width: 100%
}

    .ct_share_link h6 {
        color: #777;
        margin-right: 15px;
        display: inline-block
    }

    .ct_share_link ul {
        display: inline-block;
        position: relative;
        width: auto
    }

        .ct_share_link ul li {
            display: inline-block;
            position: relative
        }

            .ct_share_link ul li a {
                display: block;
                color: #777;
                margin: 0 8px
            }

.gt_comment_list_wrap {
    float: left;
    width: 100%;
    position: relative
}

    .gt_comment_list_wrap ul {
        float: left;
        width: 100%
    }

        .gt_comment_list_wrap ul li {
            float: left;
            width: 100%;
            position: relative;
            padding: 25px 0 13px;
            border-bottom: 1px solid #f8f8f8
        }

            .gt_comment_list_wrap ul li:last-child {
                border-bottom: 0;
                padding-bottom: 0
            }

    .gt_comment_list_wrap > ul > li:first-child {
        padding-top: 0
    }

.gt_comment_wrap {
    float: left;
    width: 100%;
    position: relative
}

    .gt_comment_wrap figure {
        width: 90px;
        float: left;
        position: relative
    }

        .gt_comment_wrap figure img {
            width: 100%;
            height: auto
        }

.gt_comment_des {
    float: none;
    width: auto;
    padding: 0 0 0 110px
}

    .gt_comment_des h6 {
        display: inline-block;
        margin: 0 0 10px
    }

        .gt_comment_des h6 > a {
            display: inline-block;
            font-size: 15px;
            color: #222;
            text-transform: uppercase
        }

    .gt_comment_des > a {
        display: inline-block;
        float: right;
        font-size: 14px;
        font-weight: 600
    }

        .gt_comment_des > a i {
            margin-right: 10px
        }

.gt_comment_date {
    float: right;
    position: relative
}

    .gt_comment_date span, .gt_comment_date a {
        color: #aaa9a9;
        font-size: 14px;
        margin-left: 5px;
        display: inline-block
    }

        .gt_comment_date span:first-of-type {
            margin-left: 0
        }

.gt_comment_list_wrap ul ul {
    padding-left: 140px;
    margin: 0;
    border-top: 1px solid #f8f8f8;
    margin-top: 10px
}

    .gt_comment_list_wrap ul ul li {
        border: 0;
        padding-bottom: 0
    }

.gt_post_comment_wrap.ct_blog_author {
    padding-bottom: 0
}

.gt_post_comment_wrap {
    float: left;
    width: 100%;
    position: relative;
    padding: 25px 0 60px;
    border-bottom: 0
}

.gt_commet_field {
    float: left;
    width: 100%;
    position: relative
}

    .gt_commet_field input[type="text"], .gt_commet_field input[type="email"] {
        width: 100%;
        height: 30px;
        border: 1px solid #d3d3d3;
        margin: 0 0 25px;
        padding: 8px 30px 8px 10px;
        background-color: #f7f8f7
    }

    .gt_commet_field textarea {
        width: 100%;
        min-height: 210px;
        border: 1px solid #d3d3d3;
        padding: 8px 30px 8px 10px;
        margin: 0 0 25px;
        background-color: #f7f8f7
    }

    .gt_commet_field input[type="submit"], .gt_commet_field button {
        color: #fff;
        font-size: 16px;
        text-transform: uppercase;
        border: 0;
        padding: 9px 40px;
        font-weight: 700
    }

        .gt_commet_field input[type="submit"]:hover, .gt_commet_field button:hover {
            color: #fff;
            background-color: #222
        }

.ct_related_blog {
    float: left;
    width: 100%;
    position: relative;
    padding: 50px 0 30px
}

    .ct_related_blog h5 {
        text-transform: uppercase;
        margin: 0 0 20px
    }

.ct_pagination {
    float: left;
    width: 100%;
    position: relative;
    margin-bottom: 25px
}

    .ct_pagination ul {
        float: left;
        width: 100%;
        text-align: center
    }

        .ct_pagination ul li {
            position: relative;
            display: inline-block
        }

            .ct_pagination ul li a {
                display: inline-block;
                width: 38px;
                height: 38px;
                border: 1px solid #d4d4d4;
                color: #777;
                line-height: 38px
            }

                .ct_pagination ul li a.next {
                    color: #777;
                    width: 70px
                }

                .ct_pagination ul li a:hover {
                    color: #fff
                }

.ct_course_detail_wrap {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 25px
}

    .ct_course_detail_wrap .ct_blog_detail_des_list {
        margin: 0
    }

    .ct_course_detail_wrap h5 {
        text-transform: uppercase;
        margin: 0 0 25px;
        color: #e84c3d
    }

ul.ct_course_list {
    background-color: #f4f4f4;
    width: 100%;
    position: relative;
    float: left
}

    ul.ct_course_list li {
        width: 100%;
        position: relative;
        float: left;
        border-bottom: 1px solid #e8e8e8;
        padding: 20px 10px 16px 30px;
        line-height: normal
    }

        ul.ct_course_list li:last-child {
            border-bottom: 0
        }

        ul.ct_course_list li h6 {
            color: #222;
            font-size: 12px;
            width: 50%;
            float: left;
            line-height: normal;
            text-align: left;
            font-weight: 600
        }

        ul.ct_course_list li span {
            color: #777;
            float: left;
            font-size: 12px;
            width: 50%;
            text-align: center;
            line-height: normal
        }

.comming_soon_counter {
    float: left;
    width: 100%;
    position: relative;
    padding: 40px 0;
    text-align: center;
    border: 2px solid #fff;
    margin: 0 0 30px
}

    .comming_soon_counter h4 {
        color: #fff;
        text-transform: uppercase;
        margin: 0 0 10px
    }

    .comming_soon_counter h3 {
        color: #fff;
        text-transform: uppercase;
        font-weight: 600;
        margin: 0 0 20px
    }

    .comming_soon_counter ul.countdown li {
        width: 23%;
        display: inline-block
    }

        .comming_soon_counter ul.countdown li span {
            background-color: #fff;
            color: #1c1c1c;
            display: inline-block;
            width: 70px;
            height: 70px;
            border-radius: 100%;
            line-height: 70px;
            font-size: 30px;
            margin: 0 0 25px
        }

        .comming_soon_counter ul.countdown li p {
            color: #fff;
            font-size: 20px;
            text-transform: capitalize
        }

.search_filter {
    float: left;
    width: 100%;
    position: relative;
    margin: 0 0 30px
}

    .search_filter h4 {
        font-size: 24px;
        text-transform: uppercase;
        display: inline-block;
        color: #222
    }

.filter_list {
    float: right;
    width: auto;
    position: relative
}

    .filter_list .chosen-container {
        width: 200px !important;
        margin-right: 10px
    }

    .filter_list .chosen-container-single .chosen-single div b::before {
        top: 6px
    }

    .filter_list .chosen-container .chosen-results li {
        font-size: 14px
    }

        .filter_list .chosen-container .chosen-results li.higlighted, .filter_list .chosen-container .chosen-results li:hover {
            color: #fff
        }

    .filter_list .chosen-container-single .chosen-single {
        background: none;
        border: 1px solid #d4d4d4;
        border-radius: 0;
        box-shadow: none;
        height: 37px;
        padding: 5px 15px
    }

    .filter_list .chosen-container .chosen-drop {
        background: #fff;
        border: 1px solid #e4e4e4;
        box-shadow: none
    }

.chosen-container-single.chosen-with-drop .chosen-single div {
    background-color: #eaeaea
}

    .chosen-container-single.chosen-with-drop .chosen-single div b:before {
        content: "\f106"
    }

.filter_list .chosen-container-single .chosen-single span {
    color: #777
}

.filter_search {
    float: right;
    width: 250px
}

    .filter_search input[type="text"] {
        border: 1px solid #d4d4d4;
        height: 37px;
        width: 100%;
        padding: 8px 15px
    }

    .filter_search a {
        position: absolute;
        top: 12px;
        right: 15px;
        color: #777;
        display: inline-block
    }

.ct_course_review span.new_author {
    float: left;
    color: #7d0614;
    font-size: 12px;
    padding-left: 2px;
    margin: 0
}

    .ct_course_review span.new_author i {
        margin-right: 5px
    }

.ct_course_review ul.new-section {
    float: left;
    padding-left: 10px;
    width: auto
}

.ct_course_review ul li {
    display: inline-block;
    padding-right: 20px;
    position: relative
}

    .ct_course_review ul li span.new_author {
        padding-left: 0
    }

.ct_course_meta > a {
    display: inline-block
}

.ct_course_meta a i {
    margin-right: 5px;
    text-transform: capitalize;
    font-size: 15px
}

.ct_course_meta.border {
    border: 0
}

.ct_blog_simple_bg .cover {
    width: 100%;
    height: 235px;
    margin-bottom: 10px
}

.cover-course .cover {
    width: 100%;
    height: 235px
}

.blog-list-course .cover {
    width: 100%;
    height: 156px;
    overflow: hidden;
}

.ct_popular_course .cover {
    width: 100%;
    height: 67px
}

.ct_aside_learning .cover {
    width: 80px;
    height: 67px;
    float: left
}

.seconds-tags {
    display: block;
    width: 100%;
    height: 100%
}

    .seconds-tags img {
        width: 100%;
        height: auto
    }

.ct_course_list_wrap .bizweb-product-reviews-badge .bizweb-product-reviews-star i {
    font-size: 14px !important
}

.ct_course_list_wrap .bizweb-product-reviews-badge div:nth-child(2), .ct_course_list_wrap .bizweb-product-reviews-badge div:nth-child(3) {
    display: none
}

.ct_popular_course .bizweb-product-reviews-badge {
    display: block
}

    .ct_popular_course .bizweb-product-reviews-badge .bizweb-product-reviews-star i {
        font-size: 14px !important
    }

    .ct_popular_course .bizweb-product-reviews-badge div:nth-child(2), .ct_popular_course .bizweb-product-reviews-badge div:nth-child(3) {
        display: none
    }

.ct_contact_address a {
    color: #777
}

.ct_aside_testimonial #bx-pager img {
    height: 42px;
    width: 42px;
    border-radius: 50%
}

.ct_breadcrumb li.active {
    padding: 0 5px;
    color: #fff
}

.ct_blog_detail_des h2 {
    font-size: 14px;
    font-weight: 700px
}

.ct_blog_detail_des img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100% !important;
    height: auto !important
}

.ct_blog_detail_des_list h3 {
    font-size: 15px
}

.cart-small {
    width: 300px;
    position: absolute;
    top: 40px;
    right: 0;
    background: #fff;
    padding: 0;
    text-align: left;
    box-shadow: 0 0 15px -5px rgba(0,0,0,0.4);
    z-index: 10000;
    opacity: 0;
    -webkit-transition: top .3s ease 0s,opacity .3s;
    transition: top .3s ease 0s,opacity .3s;
    visibility: hidden;
    top: 50px
}

.top_cart_wrap:hover .cart-small {
    -webkit-transition: top .3s ease 0s,opacity .3s;
    transition: top .3s ease 0s,opacity .3s;
    opacity: 1;
    visibility: visible;
    top: 100%
}

ul#cart-sidebar {
    padding: 8px 15px 0;
    margin: 0;
    max-height: 300px;
    overflow-y: auto
}

    ul#cart-sidebar::-webkit-scrollbar {
        width: 5px
    }

    ul#cart-sidebar::-webkit-scrollbar-track {
        background: rgba(255,255,255,.9)
    }

    ul#cart-sidebar::-webkit-scrollbar-thumb {
        background: #9bd2d4;
        border-radius: 15px
    }

        ul#cart-sidebar::-webkit-scrollbar-thumb:hover {
            background: #9bd2d4;
            border-radius: 15px
        }

        ul#cart-sidebar::-webkit-scrollbar-thumb:active {
            background: #9bd2d4;
            border-radius: 15px
        }

.mini-products-list li {
    list-style: none
}

    .mini-products-list li.item {
        border-bottom: 1px solid #eee;
        margin: 5px 0 10px;
        overflow: hidden;
        padding: 0 0 10px
    }

        .mini-products-list li.item:last-child {
            margin: 0 !important;
            border-bottom: 0 #eee solid
        }

.top-cart-content .product-details {
    color: #333;
    position: relative;
    text-align: left;
    padding: 0
}

.mini-products-list .product-image {
    float: left;
    padding: 0;
    margin-right: 5px
}

    .mini-products-list .product-image img {
        width: 80px;
        height: auto;
        float: left
    }

.top-cart-content .product-details {
    color: #333;
    position: relative;
    text-align: left;
    padding: 0;
    float: none
}

a.btn-remove1 {
    color: #999;
    font-size: 12px;
    position: absolute;
    right: 0;
    padding: 0 !important
}

    a.btn-remove1:before {
        content: "\f00d";
        font: normal normal normal 12px/1 FontAwesome
    }

.top-cart-content .product-name {
    margin: 0;
    width: 100%;
    line-height: 1;
    padding: 0 0 5px
}

    .top-cart-content .product-name a {
        font-size: 13px;
        line-height: normal;
        font-weight: 400;
        color: #333;
        display: block;
        padding: 0
    }

        .top-cart-content .product-name a:hover, .top-cart-content .product-name a:focus {
            color: #8ec354
        }

.top-cart-content .top-subtotal .price-total span {
    display: inline-block
}

    .top-cart-content .top-subtotal .price-total span.price {
        padding-left: 10px;
        font-weight: 600
    }

.mini-products-list .product-details-bottom .price {
    color: #e8554e;
    font-size: 12px;
    display: list-item;
    margin-bottom: 5px
}

.mini-products-list .product-details-bottom .title-desc {
    font-size: 12px
}

.mini-products-list .product-details-bottom strong {
    font-weight: 400;
    font-size: 12px
}

.top-subtotal {
    color: #333;
    font-size: 14px;
    font-weight: 400;
    padding: 12px 15px;
    text-align: left;
    text-transform: none;
    border-top: 1px solid #eee;
    background-color: #fff
}

.top-cart-content .actions {
    padding: 15px 20px;
    margin: 0;
    overflow: hidden;
    background: #f5f5f5;
    padding-top: 15px
}

.mini-cart .actions .btn-checkout {
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: right;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;
    border: 1px solid #fff;
    font-weight: 700;
    text-transform: uppercase
}

.mini-cart .actions .view-cart {
    background: #4aa2d1;
    color: #fff;
    font-size: 11px;
    padding: 8px 16px;
    text-align: left;
    cursor: pointer;
    text-decoration: none;
    float: left;
    transition: color 300ms ease-in-out 0s,background-color 300ms ease-in-out 0s,background-position 300ms ease-in-out 0;
    border: 1px solid #fff;
    font-weight: 700;
    text-transform: uppercase
}

    .mini-cart .actions .view-cart:hover, .mini-cart .actions .view-cart:focus, .mini-cart .actions .btn-checkout:hover, .mini-cart .actions .btn-checkout:focus {
        opacity: .9
    }

.mini-products-list li p {
    margin-bottom: 0
}

.mini-cart .actions span {
    display: block !important
}

.info-course-choose {
    padding: 10px;
    background-color: #f8f9f8;
    margin-bottom: 15px
}

.special-price span {
    display: block
}

.price.product-price {
    font-size: 19px;
    color: #d02d44;
    font-weight: 700;
    width: 100%;
    margin: 0;
    line-height: 40px;
    float: left;
    margin-right: 10px;
}

.price-website .price-stock {
    float: left;
    font-size: 16px;
    line-height: 40px
}

.info-course-choose select {
    width: 220px;
    display: block;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    padding-right: 20px
}

.filter_list select {
    display: block;
    outline: none;
    box-shadow: none;
    border-radius: 0;
    background-color: #fff;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

    .info-course-choose select:hover, .info-course-choose select:focus, .filter_list select:hover, .filter_list select:focus {
        border: 1px solid #d2d2d2
    }

.div-btn {
    padding: 10px 15px;
    text-align: center
}

    .div-btn button {
        margin-top: 15px
    }

    .div-btn button {
        color: #FFF !important;
        background: #4aa2d1;
        border: 0;
        margin-bottom: 10px;
        margin-right: 4px;
        font-size: 13px;
        padding: 11px 20px 10px;
        font-weight: 800;
        text-shadow: none;
        text-transform: uppercase;
        transition: all 200ms ease-in;
        box-shadow: none;
        border-radius: 0;
        display: inline-block
    }

        .div-btn button:hover, .div-btn button:focus {
            transition: all 200ms ease-in;
            box-shadow: none
        }

        .div-btn button.btn-dang-ky {
            background: #e8554e
        }

            .div-btn button.btn-dang-ky:hover, .div-btn button.btn-dang-ky:focus {
                color: #fff;
                background: #cf4c45
            }

        .div-btn button.btn-tu-van {
            background: #ffb64b
        }

            .div-btn button.btn-tu-van:hover, .div-btn button.btn-tu-van:focus {
                color: #fff;
                background: #e5a343
            }

        .div-btn button.btn-hotline {
            background: #30A9DE
        }

            .div-btn button.btn-hotline:hover, .div-btn button.btn-hotline:focus {
                color: #fff;
                background: #2b98c7
            }

.info-course-choose-bottom .div-btn .btn {
    margin-top: 0;
    margin-bottom: 0
}

#myModal .modal-header {
    border-bottom: none
}

#myModal .modal-body {
    padding: 0;
    min-height: 450px
}

.special-price {
    margin-top: 10px
}

    .special-price .price-stock {
        display: inline-block;
        margin-right: 30px;
        text-align: left
    }

    .special-price .price-website {
        display: inline-block;
        text-align: left
    }

.info-course-choose .selector-wrapper {
    float: left;
    margin-right: 15px
}

    .info-course-choose .selector-wrapper:last-child {
        margin-right: 0
    }

.selector-wrapper {
    padding: 5px 0
}

.sectioc-coleection {
    padding-bottom: 0
}

.booking_global_block {
    min-height: 516px;
    background: url(../images/home-booking-bg.png) center bottom no-repeat
}

    .booking_global_block h2 {
        font-size: 34px;
        text-transform: uppercase;
        color: #d02d44
    }

    .booking_global_block .form-description {
        font-size: 16px;
        padding: 10px 0 20px
    }

.ct_aside_learning ul li {
    margin-bottom: 15px
}

.fanpage-fb {
    text-align: center;
    overflow: hidden;
    width: 100%
}

section.page-intro.page-intro-vision {
    padding: 0
}

.page-intro {
    background-color: #FFB64B
}

.intro-text {
    padding: 60px 0;
    color: #fff;
    font-size: 15px
}

    .intro-text h1 {
        text-transform: uppercase;
        font-size: 30px;
        font-weight: 700;
        color: #fff
    }

.vision-jumbo {
    text-align: center;
    background: url(../images/vision-img.jpg) center center no-repeat;
    background-size: cover;
    padding: 70px 0;
    color: #fff;
    font-size: 15px
}

    .vision-jumbo h2, .reason-middle-intro h2 {
        font-size: 30px;
        text-transform: uppercase;
        text-align: center;
        margin-top: 0;
        margin-bottom: 15px;
        color: #fff
    }

.reason-middle-intro {
    background-color: #B9CE8C;
    color: #fff
}

    .reason-middle-intro h2 {
        text-align: left
    }

    .reason-middle-intro ul li {
        list-style-type: disc;
        list-style-position: inside
    }

.page-intro-regiser {
    background-color: hsla(199,98%,48%,0.99);
    padding: 25px 0;
    text-align: center;
    position: relative
}

    .page-intro-regiser:before {
        content: ' ';
        position: absolute;
        background-image: url(bg-icons.png);
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        opacity: .2
    }

    .page-intro-regiser button {
        padding: 14px 22px;
        background-color: #FED149;
        color: #000;
        border: 2px solid #FED149;
        text-transform: uppercase;
        border-radius: 0;
        box-shadow: none;
        outline: none
    }

        .page-intro-regiser button:hover, .page-intro-regiser button:focus {
            color: #fff;
            background-color: #FFB64B;
            border-radius: 0;
            box-shadow: none;
            outline: none;
            border: 2px solid #FFB64B
        }

.fb-blogs {
    margin-top: 30px
}

.form-ar-padding-top {
    margin-top: 25px
}

.form-page-search input, .form-page-search input:focus {
    border: 1px solid #d1d1d1;
    border-radius: 0
}

.form-page-search button {
    height: 34px;
    background-color: #d02d44;
    border: 1px solid #d02d44;
    color: #fff;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    border-radius: 0;
    outline: none;
    box-shadow: none
}

    .form-page-search button:hover, .form-page-search button:focus {
        background-color: #000
    }

.system-center .col-md-3 {
    padding-right: 0
}

.system-center .col-md-9 {
    padding-left: 0
}

.showroom-list {
    background-color: #000;
    height: 500px
}

    .showroom-list .city-selector {
        background-color: #FFB64B;
        padding: 20px 10px
    }

        .showroom-list .city-selector h2 {
            font-size: 15px;
            text-transform: uppercase;
            text-align: center;
            margin-bottom: 10px
        }

    .showroom-list .showroom-item {
        margin: 15px 10px;
        cursor: pointer
    }

        .showroom-list .showroom-item.active h2.title {
            color: #FFB64B
        }

    .showroom-list h2.title {
        color: #fff;
        text-transform: uppercase;
        font-size: 16px
    }

    .showroom-list p {
        color: #858585;
        font-size: 12px !important;
        margin: 5px 0;
        line-height: 1.5em
    }

        .showroom-list p:last-child {
            border-bottom: 1px solid #333;
            padding-bottom: 15px
        }

    .showroom-list select {
        display: block;
        outline: none;
        box-shadow: none;
        border-radius: 0;
        background-color: #fff;
        -moz-appearance: none;
        -webkit-appearance: none;
        appearance: none
    }

.city-wrapper {
    height: 388px;
    overflow-y: scroll
}

    .city-wrapper::-webkit-scrollbar {
        width: 5px
    }

    .city-wrapper::-webkit-scrollbar-track {
        -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5);
        border-radius: 10px
    }

    .city-wrapper::-webkit-scrollbar-thumb {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.5)
    }

.gllpMap {
    width: 100%;
    height: 500px
}

.gllpUpdateButton {
    display: none
}

#back-to-top {
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 9999;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 30px;
    background: #d02d44;
    color: #fff;
    cursor: pointer;
    border: 0;
    border-radius: 2px;
    text-decoration: none;
    transition: opacity .2s ease-out;
    opacity: 0;
    font-size: 25px
}

    #back-to-top:hover {
        background: #72863c
    }

    #back-to-top.show {
        opacity: 1
    }

.logo_nav_outer_wrap.sticky {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    box-shadow: 0 4px 4px -2px rgba(0,0,0,.15);
    background-color: #fff;
    padding: 10px 0;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.title-bl h4 {
    padding-bottom: 10px;
    font-size: 14px
}

#bizweb-product-reviews .bizweb-product-reviews-star i {
    font-size: 15px
}

.footer_col_1 span a, .footer_col_1 span a:hover, .footer_col_1 span a:focus {
    color: #d02d44
}

.form-mobile-cart {
    display: none
}

//#myModal .modal-body > div iframe {
    min-height: 493px
}

#myModal .modal-body {
    padding-bottom: 20px
}

@media(min-width: 993px) {
    .main_navigation ul ul {
        box-shadow: 0 4px 10px rgba(0,0,0,0.1)
    }
}

@media(max-width: 1024px) {
    .info-course-choose select {
        width: 183px
    }

    ul.ct_course_list li {
        padding: 20px 10px 16px
    }

        ul.ct_course_list li h6 {
            width: 40%
        }

        ul.ct_course_list li span {
            width: 60%
        }

    .intro-text {
        padding: 40px 0
    }
}

@media(max-width: 992px) {
    .system-center .col-md-3 {
        padding-right: 15px
    }

    .system-center .col-md-9 {
        padding-left: 15px
    }

    .showroom-list {
        height: 300px
    }

    .city-wrapper {
        height: 210px
    }
}

@media(max-width: 768px) {
    ul.ct_course_list {
        margin-bottom: 15px
    }

    section.page-intro.page-intro-vision, .page-intro.reason-middle-intro {
        padding-bottom: 25px
    }
}

@media(max-width: 767px) {
    .popular_course_des {
        padding: 10px
    }

    .ct_breadcrumb ul {
        text-align: center
    }

    .special-price {
        margin-top: 15px;
        text-align: left
    }

        .special-price .price-stock, .special-price .price-stock {
            float: left
        }
}

@media(max-width: 569px) {
    .blog-list-course .popular_course_des h5 {
        font-size: 15px
    }

    .div-btn button {
        padding: 11px 10px 10px
    }

    .gllpMap {
        height: 300px
    }
}

@media(max-width: 480px) {
    .ct_blog_detail_top {
        text-align: center
    }

    .col-100 {
        width: 100%
    }

    .ct_blog_detail_top > a, .ct_blog_detail_top > button {
        position: relative;
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px
    }

    .div-btn button {
        padding: 11px 20px 10px;
        margin: 5px 0;
        width: 100%
    }

    .info-course-choose-bottom .div-btn .btn {
        margin: 5px 0
    }

    .ct_blog_detail_top ul li.price-course-product-price {
        margin-right: 0;
        padding-right: 0;
        border-right: none
    }

    .info-course-choose select {
        width: 100%
    }

    .intro-text h1, .reason-middle-intro h2 {
        text-align: center
    }

    .ct_blog_detail_top ul {
        text-align: left
    }

        .ct_blog_detail_top ul li.hidden-mobile {
            display: none
        }

    .info-course-choose .selector-wrapper {
        float: none;
        margin-right: 0;
        width: 100%
    }
}

@media(max-width: 321px) {
    .search_filter .filter_list {
        margin-top: 10px
    }

    .booking_global_block h2 {
        font-size: 30px
    }
}

@media screen and (min-width: 991px) and (max-width: 1199px) {
    .main_navigation ul li a {
        font-size: 13px;
        padding: 7px 10px
    }

    .ct_banner_caption {
        margin: -100px 0 0 -420px
    }

    .ct_main_event_wrap ul.countdown li {
        margin-left: 30px
    }

        .ct_main_event_wrap ul.countdown li span {
            width: 65px;
            height: 65px;
            line-height: 70px;
            font-size: 20px
        }

    .ct_blog_simple_bg .cover {
        width: 100%;
        height: 300px;
        margin-bottom: 10px
    }
}

@media (max-width: 990px) {
    .top_ui_element {
        float: left
    }

    .top-ui-search {
        float: right
    }

        .top-ui-search a {
            color: #fff
        }

            .top-ui-search a i {
                font-size: 16px
            }

        .top-ui-search li a {
            position: relative;
            padding: 0 10px
        }

    .menu-mobile-button {
        width: 36px;
        height: 36px;
        margin: 0;
        display: block;
        text-align: left;
        font-size: 17px;
        background: #d02d44;
        float: left;
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        -o-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
        cursor: pointer;
        position: relative;
        padding: 9px 5px
    }

        .menu-mobile-button span {
            display: block;
            width: 26px;
            height: 3px;
            border-radius: 1px;
            opacity: 1;
            background-color: #fff;
            -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;
            position: relative
        }

            .menu-mobile-button span + span {
                margin-top: 4px
            }

        .menu-mobile-button.active span:nth-child(1) {
            top: 8px;
            -webkit-transform: rotate(135deg);
            -moz-transform: rotate(135deg);
            -o-transform: rotate(135deg);
            transform: rotate(135deg)
        }

        .menu-mobile-button.active span:nth-child(2) {
            opacity: 0;
            left: -60px
        }

        .menu-mobile-button.active span:nth-child(3) {
            top: -6px;
            -webkit-transform: rotate(-135deg);
            -moz-transform: rotate(-135deg);
            -o-transform: rotate(-135deg);
            transform: rotate(-135deg)
        }

    .li-haschild a span {
        height: 44px;
        width: 44px;
        text-align: center;
        line-height: 44px !important;
        background-color: #333;
        color: #fff;
        font-size: 20px !important;
        position: absolute;
        right: 0;
        top: 0;
        transition: all .55s .25s;
        transform: rotate(0);
        display: block !important
    }

        .li-haschild a span.active {
            transform: rotate(180deg)
        }

    .main_navigation ul li.li-haschild ul {
        position: relative;
        left: 0;
        z-index: 99999;
        min-width: 0;
        top: 0;
        background-color: #fff;
        list-style: none;
        opacity: 1;
        -webkit-transition: left .3s ease 0s,opacity .3s;
        transition: left .3s ease 0s,opacity .3s;
        visibility: visible;
        width: 100%;
        display: none;
        background-color: rgba(31,33,36,1)
    }

    .top-ui-search li a span {
        position: absolute;
        height: 15px;
        width: 15px;
        background-color: #d02d44;
        border-radius: 50%;
        text-align: center;
        color: #fff;
        line-height: 15px;
        top: -7px;
        right: -5px;
        font-size: 12px
    }

    .main_navigation {
        display: none;
        -webkit-transition: left .3s ease 0s,opacity .3s;
        transition: left .3s ease 0s,opacity .3s;
        background-color: rgba(31,33,36,1)
    }

        .main_navigation ul li {
            display: block
        }

    .col-fixs-menu {
        padding: 0
    }

    .main_navigation ul li a {
        color: #f0f0f0;
        border-top: 1px solid rgba(255,255,255,0.07);
        padding: 12px 10px
    }

    .logo_nav_outer_wrap, .logo_nav_outer_wrap.sticky {
        padding: 0
    }

    .logo_wrap, .menu-mobile-button {
        margin: 20px 0
    }

    .dl-menuwrapper {
        display: block
    }

    .ct_facts_bg ul li {
        width: 50%;
        margin: 0 0 20px
    }

        .ct_facts_bg ul li:nth-child(2):before {
            display: none
        }

    .get_started_services {
        margin-bottom: 25px
    }

    .ct_main_event_wrap {
        margin: 0 0 25px
    }

    .sub_event_wrap {
        padding: 150px 10px 40px
    }

    .ct_learn_more {
        text-align: center
    }

        .ct_learn_more h4 {
            margin: 0 0 20px
        }

        .ct_learn_more a {
            float: none;
            display: inline-block
        }

    .widget {
        margin: 0 0 25px;
        min-height: 220px
    }

    .copyright_text {
        margin: 0 0 15px
    }

    .copyright_text, .copyright_social_icon {
        text-align: center
    }

        .copyright_social_icon ul li {
            float: none;
            display: inline-block
        }

    .back_to_top {
        left: auto;
        right: 30px;
        bottom: 55px
    }

    .top_search_wrap {
        padding: 10px 25px
    }

    .top_cart_wrap {
        padding: 10px 0 10px 20px
    }

    .search-wrapper-area {
        right: 70px
    }

    .ct_banner_caption {
        text-align: center;
        width: 100%;
        left: 0;
        margin-left: 0;
        margin-top: -100px
    }

        .ct_banner_caption h2 {
            font-size: 30px
        }

        .ct_banner_caption h4 {
            font-size: 16px
        }

        .ct_banner_caption p {
            font-size: 16px;
            margin: 0 0 10px
        }

    .ct_register_img {
        display: none
    }

    .ct_404_detail_wrap h1 {
        font-size: 140px
    }

    .sub_banner_hdg, .ct_breadcrumb, .ct_breadcrumb {
        text-align: center
    }

    .gt_aside_outer_wrap {
        margin-top: 25px
    }

    .ct_404_page_bg::before {
        width: 100%
    }

    .ct_contact_form {
        margin: 0 0 25px
    }

    section {
        padding: 15px 0
    }

    .get_started_content_wrap h3 {
        text-align: center
    }
}

@media (max-width: 767px) {
    .ct_banner_caption {
        display: none
    }

    .banner_outer_wrap .bx-wrapper .bx-pager, .banner_outer_wrap .bx-wrapper .bx-controls-auto {
        margin-left: -40px
    }

    .courses_subject_carousel .owl-nav .owl-prev {
        left: -10px
    }

    .courses_subject_carousel .owl-nav .owl-next {
        right: 35px
    }

    .most_popular_courses .owl-nav .owl-prev, .testimonial_carousel .owl-nav .owl-prev {
        left: -10px
    }

    .most_popular_courses .owl-nav .owl-next, .testimonial_carousel .owl-nav .owl-next {
        right: 10px
    }

    .ct_main_event_wrap ul.countdown li:last-child {
        margin-left: 20px
    }

    .ct_404_page_bg::before {
        width: 100%
    }

    .ct_footer_bg .widget {
        min-height: 1px
    }
}

@media (max-width: 480px) {
    .logo_nav_outer_wrap {
        text-align: left
    }

    .logo_wrap, .top_cart_wrap, .top_search_wrap, .dl-menuwrapper {
        float: none;
        display: inline-block
    }

    .logo_wrap {
        width: 100%
    }

    .search-wrapper-area {
        right: 0
    }

    .search-area input[type="submit"] {
        padding: 11px 10px
    }

    .newletter_des {
        width: 100%
    }

    .ct_404_detail_wrap h1 {
        font-size: 110px
    }

    .ct_404_des_wrap {
        padding-left: 20px;
        padding-right: 20px
    }

    .ct_blog_detail_top > a {
        height: 35px;
        line-height: 35px;
        padding: 0 9px
    }

    .ct_author_des figure, .gt_comment_wrap figure {
        width: 100%;
        margin-bottom: 15px
    }

        .ct_author_des figure img, .gt_comment_wrap figure img {
            width: auto
        }

    .ct_author_detail, .gt_comment_des {
        width: 100%;
        padding: 0;
        float: left
    }

    .gt_comment_list_wrap ul ul {
        padding: 0
    }

    .copyright_text {
        line-height: 1.42857143
    }

    .copyright-1, .copyright-3, .form-mobile-cart {
        display: block
    }

    .copyright-2 {
        display: none
    }

    .form-mobile-cart {
        position: fixed;
        bottom: -60px;
        display: none;
        width: 100%;
        font-size: 0;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -o-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
        z-index: 1000
    }

        .form-mobile-cart.show {
            display: block;
            bottom: 0;
            -webkit-transition: all .5s ease-in-out;
            -moz-transition: all .5s ease-in-out;
            -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out
        }

        .form-mobile-cart button {
            width: 100%;
            float: left;
            padding: 11px 20px 10px;
            color: #fff;
            background-color: #30A9DE;
            font-size: 15px;
            text-transform: uppercase;
            font-weight: 800
        }
}

@media (max-width: 320px) {
    .courses_subject_carousel .item {
        width: 70%;
        margin: auto;
        float: none
    }

    .ct_facts_bg ul li {
        width: 100%
    }

        .ct_facts_bg ul li::before {
            display: none
        }

    .ct_main_event_wrap ul.countdown li:nth-child(3) {
        margin-left: 0
    }

    .ct_main_event_wrap ul.countdown li:last-child {
        margin-left: 50px
    }

    .comming_soon_counter ul.countdown li span {
        width: 60px;
        height: 60px;
        line-height: 60px;
        font-size: 20px;
        margin-bottom: 10px
    }

    .comming_soon_counter ul.countdown li p {
        font-size: 12px
    }
}

.page-thu-vien .col-md-3 {
    margin-bottom: 15px
}

    .page-thu-vien .col-md-3 .cover {
        width: 100%;
        height: 175px
    }

        .page-thu-vien .col-md-3 .cover .seconds-tags {
            display: block;
            width: 100%;
            height: 100%
        }

            .page-thu-vien .col-md-3 .cover .seconds-tags img {
                width: 100%;
                height: 100% !important;
                object-fit: cover
            }

@media(max-width: 992px) and (min-width: 767px) {
    .most_popular_courses .owl-nav .owl-prev, .testimonial_carousel .owl-nav .owl-prev {
        left: -5px
    }

    .most_popular_courses .owl-nav .owl-next, .testimonial_carousel .owl-nav .owl-next {
        right: 15px
    }
}

@media(max-width: 480px) {
    .popup-search .search label {
        font-size: 20px
    }
}

.mfmfmf input, .mfmfmf textarea {
    border: 1px solid #e5e5e5;
    border-radius: 0
}

.mfmfmf button {
    background-color: #d02d44;
    border: 1px solid #d02d44;
    color: #fff;
    outline: none;
    box-shadow: none;
    border-radius: 0
}

.notification-box {
    color: red;
    padding: 0 15px;
    margin-top: 10px
}

.info_header {
    margin-top: 13px
}

.info_e {
}

    .info_e img {
        float: left
    }

    .info_e span {
        font-family: 'Roboto-Medium';
        font-size: 14px;
        margin-top: 5px;
        margin-left: 10px;
        float: left;
        color: #413f40
    }

    .info_e p {
        font-family: 'Roboto-Medium';
        font-size: 14px;
        color: #413f40
    }

.info_ee {
    padding-left: 38px
}

.info_p {
    padding-left: 38px
}

.nav_menu {
    background: #257fbe
}

.main_navigation li a {
    color: #fff;
    font-family: 'Roboto-Bold'
}

.Main_h_s {
}

.News_n_h {
    float: left;
    width: 100%;
    margin-bottom: 50px
}

.heading_n_n {
    float: left;
    width: 100%;
    border-bottom: 4px solid #0973ba;
    margin-bottom: 10px
}

.ft_content {
}

    .ft_content img {
    }

    .ft_content h4 {
        font-family: 'Roboto-Medium';
        font-size: 18px;
        margin-bottom: 19px;
        color: #333
    }

    .ft_content span {
        font-family: 'Roboto-Regular';
        font-size: 14px;
        color: #333;
        font-weight: 600;
        line-height: 2
    }

.ft_contact {
    padding-top: 90px
}

    .ft_contact h4 {
        color: #333;
        font-family: 'Roboto-Medium';
        font-size: 18px;
        margin-bottom: 19px
    }

    .ft_contact p {
        font-family: 'Roboto-Regular';
        font-size: 14px;
        line-height: 2;
        font-weight: 600;
        margin-bottom: 0;
        color: #333
    }

    .ft_contact span {
    }

.ft_c_l {
    padding-right: 0
}

.heading_n_n span {
    float: left;
    padding: 10px 10px 0 30px;
    background: #0973ba;
    font-family: 'Roboto-Medium';
    color: #fff;
    text-transform: uppercase;
    font-size: 18px;
    border-top-left-radius: 11px;
    position: relative
}

    .heading_n_n span:before {
        content: ""
    }

    .heading_n_n span:after {
        content: "";
        position: absolute;
        text-align: center;
        font-weight: 700;
        font-size: 20px;
        top: 1px;
        right: -31px;
        font-style: normal;
        height: 0;
        width: 0;
        border-left: 31px solid #0973ba;
        border-top: 35px solid transparent;
        border-bottom: 0 solid transparent;
        text-indent: -9999px
    }

.heading_n_n:before {
    content: ""
}

.heading_n_n:after {
    content: ""
}

.News_n_items_s_2 {
    float: left;
    width: 100%;
    margin-bottom: 18px
}

.News_items_s_2_img {
    float: left;
    width: 33.5%;
    height: 80px;
    overflow: hidden
}

    .News_items_s_2_img img {
    }

.News_content_s_2 {
    width: 66.5%;
    float: left;
    padding-left: 8px
}

.News_s_2_title {
}

    .News_s_2_title a {
        font-family: 'Roboto-Medium';
        color: #040404;
        font-size: 14.61px
    }

        .News_s_2_title a:hover {
            color: #d02d44
        }

.News_c_h figure {
    height: 196px;
    overflow: hidden
}

.News_c_h .ct_course_meta {
    margin-top: 0;
    padding-top: 0
}

    .News_c_h .ct_course_meta a {
        position: relative;
        font-family: 'Roboto-Italic';
        color: #7d0614;
        font-size: 13px
    }

        .News_c_h .ct_course_meta a:before {
            opacity: 0;
            content: "";
            position: absolute;
            height: 2px;
            bottom: 0;
            background: #7d0614;
            transition: ease 400ms;
            width: 0
        }

        .News_c_h .ct_course_meta a:hover:before {
            opacity: 1;
            width: 100%
        }

    .News_c_h .ct_course_meta .fa-angle-double-right {
        font-size: 13px;
        margin-left: 4px
    }

.suport_items {
    float: left;
    padding-bottom: 25px;
    padding-top: 16px;
    width: 100%;
    border-bottom: 1px dashed #b1b1b1
}

.sup_img {
    overflow: hidden;
    margin-top: 11px;
    float: left;
    width: 80px;
    height: 80px
}

    .sup_img img {
        height: 80px;
        border-radius: 50%;
        border: 1px solid #2582c1
    }

.sup_content {
    float: left;
    padding-left: 15px;
    width: 65%
}

.sup_title {
    /* font-family: 'Roboto-Medium'; */
    color: #333;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 11px;
}

.sup_phone {
    font-family: 'Roboto-Regular';
    background: url(../images/sup_phone.png) no-repeat;
    margin-top: 5px;
    padding-left: 29px;
    font-weight: 600;
    float: left;
    width: 100%;
    height: 18px
}

.sup_zalo {
    background: url(../images/sup_zalo.png) no-repeat;
    margin-top: 5px;
    font-family: 'Roboto-Regular';
    padding-left: 29px;
    float: left;
    width: 100%;
    height: 18px
}

.sup_skype {
    background: url(../images/sup_skype.png) no-repeat;
    margin-top: 5px;
    height: 18px;
    padding-left: 29px;
    float: left;
    width: 100%
}

.sup_phone a {
    /* font-family: 'Roboto-Regular'; */
    color: #ca1244;
    font-weight: 600;
    font-size: 12px;
}

.sup_zalo a {
    /* font-family: 'Roboto-Regular'; */
    font-size: 12px;
    font-weight: 600;
    color: #0d80c8;
}

.sup_skype a {
    /* font-family: 'Roboto-Regular'; */
    font-size: 12px;
    font-weight: 600;
    color: #0ba9d8;
}

.Support_block {
}

.Support_l {
    padding: 0 15px;
    float: left;
    width: 100%;
    box-shadow: 0 1px 20px 1px #c4c4c4
}

    .Support_l .suport_items:last-child {
        border-bottom: 0
    }

.Consulting_block {
    float: left;
    width: 100%
}

.Consulting_title {
    font-family: 'Roboto-Bold';
    font-size: 15px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    background: #237cba;
    padding: 16px 0
}

.Consulting_info_r {
    float: left;
    width: 100%;
    background: #9ac5e3;
    padding: 0 20px;
    padding-top: 23px
}

    .Consulting_info_r .conatct_plchldr {
        padding-left: 15px;
        background: #fff;
        border: 0;
        display: block;
        margin-left: auto;
        margin-right: auto;
        height: 36px;
        width: 100%;
        float: left;
        border-radius: 7px;
        margin-top: 7.5px;
        margin-bottom: 7.5px
    }

.marb30 {
    margin-bottom: 30px !important
}

.Consulting_info_r .conatct_plchldr::placeholder {
    font-family: 'Roboto-LightItalic';
    font-weight: 600;
    padding-left: 15px;
    font-size: 12.5px
}

.btn_Consulting {
    font-family: 'Roboto-Medium';
    font-size: 14px;
    background: #237cba;
    border: 1px solid #fff;
    color: #fff;
    text-transform: uppercase;
    border-radius: 30px;
    padding: 10px 30px;
    margin-top: 36px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    margin-bottom: 30px
}

#widget-subscribe-form-result {
    text-align: center;
    color: red;
    animation-name: bounce
}

.NewsNew_aside {
    margin-top: 28px;
    margin-bottom: 0;
}

    .NewsNew_aside .news_a_img {
        float: left;
        width: 115px;
        height: 78px;
        margin-right: 12px;
        overflow: hidden
    }

    .NewsNew_aside .cover {
        height: 89px
    }

    .NewsNew_aside .seconds-tags img {
        height: auto
    }

    .NewsNew_aside .ct_proj_des {
    }

        .NewsNew_aside .ct_proj_des a {
            font-size: 12.5px;
            /* font-family: 'Roboto-Bold' */
        }

            .NewsNew_aside .ct_proj_des a:hover {
                color: #d02e45 !important
            }

.news_a_list {
    box-shadow: 0 1px 20px 1px #c4c4c4;
    padding: 0 10px
}

.news_a_items {
    padding-top: 11px;
    padding-bottom: 11px;
    margin-bottom: 0 !important;
    border-bottom: 1px dashed #d8d8d8
}

.hide-menu-left li a {
    color: #000;
    padding: 8px 10px !important
}

    .hide-menu-left li a:hover {
        color: #257fbe
    }

.main_navigation li a:before {
    position: absolute;
    content: "";
    width: 0;
    bottom: 10px;
    left: 0;
    height: 2px;
    background: #fff
}

.main_navigation li a:hover:before {
    width: 100%;
    transition: ease 500ms
}

.news_Catesn .popular_course_des h5 > a:hover {
    color: #d02e45 !important
}

.form_sp {
}

    .form_sp .info-course-choose .selector-wrapper {
        width: 48%;
        margin-right: 30px
    }

        .form_sp .info-course-choose .selector-wrapper:last-child {
            margin-right: 0 !important
        }

    .form_sp .info-course-choose select {
        width: 100%;
        height: 30px;
        color: #a1a0a0;
        padding: 0 10px;
        background: #f7f8f7
    }

.News_n_h .popular_course_des h5 > a:hover {
    color: #d02e45 !important
}

.rsl {
    padding: 0 15px;
    font-weight: 700;
    font-size: 20px
}

    .rsl span {
        color: #d02d44
    }

.btn-tuv {
    color: #fff;
    background-color: #413f40
}

    .btn-tuv:hover {
        color: #fff;
        background-color: #d12d45
    }

.NewsNew_aside .menu_vertical {
    margin-bottom: 30px;
    box-shadow: 0 1px 20px 1px #c4c4c4
}

    .NewsNew_aside .menu_vertical li > a:hover {
        color: #d02e45 !important
    }

.news_i_c_n .popular_course_des h5 {
    height: 57px;
    overflow: hidden
}

.news_i_c_n .menu_vertical li:hover a {
    color: #d02e45 !important
}

.news_i_c_n .popular_course_des h5 > a:hover {
    color: #d02e45 !important
}

.menu_vertical li:hover a {
    color: #d02e45 !important
}

.contents_des div {
    font-family: 'Muli',sans-serif !important
}

.contents_des p {
    font-family: 'Muli',sans-serif !important
}

.contents_sec {
    padding: 80px 0
}

.contents_des span {
    font-family: 'Muli',sans-serif !important
}

.activesb {
    padding-left: 0 !important
}

.ct_breadcrumb ul li a:hover {
    color: #cf2e45 !important
}

.last_road {
    color: #cf2e45 !important
}

.hide-menu-left li > a:hover {
    color: #d02e45 !important
}

.ct_popular_course > ul > li:hover a {
    color: #d02e45 !important
}

.btn_sendc {
    background: #000;
    padding: 10px;
    margin-top: 10px;
    float: left;
    color: #fff;
    display: block;
    margin-bottom: 20px;
}

    .btn_sendc:hover {
        background: #d02e45;
        color: #fff !important
    }


.left_s {
    padding-top: 35px;
}