/*-----------------------------------------------------------------------------------

	Template Name: UniLearn - Education and Courses Template
	Template URI: http://themeforest.net/user/CreativeWS/portfolio
	Description: "UniLearn" is a flexible HTML template, suitable for a wide variety of educational websites. Its clean desig
	Author URI: http://creaws.com

--------------------------------------------------------------------------------
-- GENERAL
	-- reset
	-- defaults
	-- pattern
	-- padding & margin none
	-- clearfix
	-- grid
	-- Button
	-- default color
	-- page header top
	-- page title
	-- sticky menu
	-- main menu pc
	-- mobile menu
	-- footer
-- LAYOUT
	-- project details
	-- alert-boxes
	-- input type
	-- accordions and toggles
	-- revolution slider
	-- slider content
	-- google map
	-- scroll-down
	-- Tabs
	-- skill-bar
	-- owl carousel
	-- video player
	-- calendar
	-- blog post
	-- quote
	-- page pagination
	-- count of
	-- contact form
	-- form subscribe
-- WIDGETS
	-- widget default
	-- widget search
	-- widget course details
	-- widget categories
	-- widget recent post
	-- widget event
	-- widget comments
	-- widget text
	-- widget rss
	-- widget popular course
	-- widget twitter
	-- twitter-1
	-- widget flickr
	-- widget subscribe
	-- widget filter-price
	-- widget shopping list
	-- widget-selers
-- CONTENT-PAGE
	-- courses item
	-- price
	-- star rating
	-- category-button
	-- offer banners
	-- category item
	-- category item list
	-- category search
	-- courses and categories
	-- svg
	-- quotes carousel
	-- pricing table
	-- comments
	-- woocommerce comments
	-- ribbon
	-- star rating
	-- leave reply
	-- course finder
	-- service
	-- community
	-- testimonials
	-- counter
	-- time line
	-- item-instructor
	-- tabs box
	-- parallaxed
	-- isotop
	-- portfolio four columns
	-- sitemap
	-- page 404
	-- social connect
	-- checkbox
	-- social icon
	-- shop-list
	-- shop single
	-- Shop-cart
	-- event calendar header
	-- event calendar
	-- calendar month
	-- week view
	-- hover-effect
	-- border radius
	-- bg video

	*/

/*************************************************************************/


/*@font-face {
    font-family: 'Futura';
    src: url('../fonts/Futura.ttf');
}*/
/**/
/* reset */
/**/
/*html, body {
    width: 100%;
    min-height: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

html, body, iframe, header, footer, main, aside, nav, section, article, div,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, hr, blockquote, pre,
a, address, del, em, sub, figure, figcaption, img,
form, fieldset, legend, label, input, select, textarea, button,
table, thead, tbody, tfoot, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: none;
    background: none;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}*/

html, body, iframe, header, footer, main, aside, nav, section, article, div,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, hr, blockqoute, pre, figure, figcaption, address,
form, fieldset, legend, label, input, select, textarea, button {
    display: block;
}

input, textarea {
    border-radius: 0;
    -moz-border-radius: 0;
    -mz-border-radius: 0;
    -webkit-border-radius: 0;
}

input, select, textarea, button {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
}

html, body {
    -webkit-text-size-adjust: none;
    width: 100%;
    overflow-x: hidden;
}

    body.boxed {
        max-width: 1250px;
        margin: 0 auto;
        -webkit-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 8px 1px rgba(0,0,0,0.2);
    }

        body.boxed .sticky-menu.scrolling {
            left: auto !important;
        }

dl, dt, dd, ul {
    list-style: none;
}

table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
}

a, button {
    cursor: pointer;
}

i {
    font-style: normal;
}

.container-audio {
    padding: 30px 25px 25px 25px;
    background-color: #e5e5e5;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

audio {
    min-width: 0;
    width: 100%;
    max-width: 100%;
}

    audio::-webkit-media-controls-enclosure, video::-webkit-media-controls-enclosure {
        max-width: 100% !important;
    }

    audio::-webkit-media-controls-panel, video::-webkit-media-controls-panel {
        border-radius: 0;
    }

/**/
/* defaults */
/**/
.abc {
    /*font-family: 'Futura';*/
    color: #595959;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    background-color: #ffffff;
}

/*h1, h2, h3, h4, h5, h6 {
    font-family: 'Futura';
    color: #333333;
    clear: both;
    font-weight: 400;
    margin: 17px 0 12px;
}*/

.page-content h1:first-child, .page-content h2:first-child, .page-content h3:first-child, .page-content h4:first-child, .page-content h5:first-child, .page-content h6:first-child {
    margin-top: 0;
}

h1 {
    font-size: 32px;
    line-height: 1;
}

h2 {
    font-size: 28px;
    line-height: 1.4;
}

#home h2 {
    margin-bottom: 30px;
}

h2 .specification {
    font-size: 18px;
    color: #b0b0b0;
}

h3 {
    font-size: 24px;
    line-height: 1.4;
}

h4 {
    font-size: 20px;
    line-height: 1.4;
}

h5 {
    font-size: 16px;
    line-height: 1.4;
}

h6 {
    font-size: 14px;
    line-height: 1.4;
}

.font-style-1 {
    font-family: "Futura";
    font-weight: 300;
    font-size: 30px;
    line-height: 1;
    color: #ffffff;
    margin-bottom: 35px;
}

p {
    line-height: 25px;
    margin-bottom: 10px;
}

    p:last-child {
        margin-bottom: 0;
    }

sup {
    font-size: 0.7em;
}

strong {
    color: #333333;
    font-weight: 500;
}

hr {
    height: 1px;
    background-color: #f2f2f2;
}

p + hr {
    margin: 20px 0;
}

section {
    padding: 40px 0 40px 0;
}

.padding-section {
    padding: 70px 0 80px 0;
}

hr + section {
    padding-top: 40px;
}

.fullwidth-background {
    background-image: url(../img/pattern.png);
    background-repeat: repeat;
}

hr.corect-margin {
    margin-top: 10px;
}

hr.divider-color, hr.divider-big {
    height: 3px;
}

    hr.divider-color:before {
        content: '';
        display: block;
        height: 100%;
        background-color: #ffbb45;
        width: 45px;
        border-left: 45px solid #f06868;
        border-right: 45px solid #18bb7c;
        margin: 0px auto;
    }

.divider-mini {
    width: 138px;
    height: 3px;
    display: inline-block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin: 14px auto 14px auto;
    background-color: #ffffff;
    border-left: 46px solid;
    border-right: 46px solid;
    border-left-color: #f06868;
    border-right-color: #18bb7c;
    display: block;
}

.twitter-1 .divider-mini {
    background-color: #ffbb45;
    border-left-color: #f06868;
    border-right-color: #ffffff;
    margin-top: 26px;
    margin-bottom: 14px;
}

hr + hr {
    margin-top: 20px;
}

.margin-top-none {
    margin-top: 0;
}

.padding-top-none {
    padding-top: 0 !important;
}

.padding-none {
    padding: 0 !important;
}

.margin-none {
    margin: 0 !important;
}

.margin-l-70 {
    margin-left: 70px;
}

p.paragraph-border:first-letter,
p.paragraph-background:first-letter {
    font-size: 1.29em;
    font-weight: 800;
    padding: 0 6px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: 2px;
}

p.paragraph-border:first-letter {
    color: #f06868;
    border: 2px solid #f06868;
}

p.paragraph-background:first-letter {
    color: #ffffff;
    background-color: #f06868;
}

p.paragraph-color:first-letter {
    font-size: 1.71em;
    font-weight: 800;
    margin-right: 2px;
    color: #f06868;
}

ins, ins.color {
    background-color: #f06868;
    color: #ffffff;
    text-decoration: none;
    padding: 0 2px;
}

    ins.color {
        background-color: #6aa2de;
    }

a {
    text-decoration: none;
    color: inherit;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.05s;
}

p a {
    color: #f06868;
    text-decoration: underline;
}

    p a:hover {
        text-decoration: none;
    }

/*ul, ol {
    list-style: none;
    margin: 0 0 10px 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #333333;
}

ol {
    list-style-type: decimal;
    padding-left: 20px;
}

    ul li, ol li {
        line-height: 2.6;
        padding-left: 20px;
        position: relative;
    }

    ol li {
        padding-left: 0;
        color: #f06868;
        font-weight: 500;
    }

        ol li span {
            color: #333333;
            font-weight: 400;
        }

li > ul {
    margin-bottom: 0;
}*/

/*ul li:before {
    content: "\f111";
    font-family: "FontAwesome";
    font-size: 8px;
    position: absolute;
    left: 0px;
    color: #ffbb45;
    font-weight: 800;
    line-height: 35px;
}*/

ul.check-list li:before {
    content: "\f00c";
    font-family: "FontAwesome";
    font-size: inherit;
}

.line-h-10 {
    line-height: 10px;
}

ul.minus-list li:before {
    content: "\f068";
    font-family: "FontAwesome";
    font-size: inherit;
}

dl {
    margin-bottom: 20px;
}

dt, dd {
    font-size: 14px;
    line-height: 36px;
}

dt {
    color: #ffbb45;
    float: left;
    margin-right: 5px;
}

dd {
    color: #333333;
}

blockquote {
    display: block;
    padding: 20px 30px 25px 30px;
    position: relative;
    border: 1px solid #e6e6e6;
    margin: 15px 60px 15px 60px;
    color: #333333;
}

q {
    display: block;
    font-style: italic;
    color: #333333;
    /*margin-top: 12px;*/
    padding-bottom: 5px;
}

    q b {
        font-size: 18px;
        color: #f06868;
        font-style: normal;
        text-transform: none;
        font-family: 'Futura';
        font-weight: 500;
    }

    q:before,
    q:after {
        content: "\201c";
        font-style: normal;
        font-size: 80px;
        top: 7px;
        margin-right: 3px;
        line-height: 0px;
        font-family: "Arial";
        color: #f06868;
        display: inline-block;
        vertical-align: bottom;
        position: relative;
    }

    q:before {
        margin-left: -30px;
    }

.quotes-carousel q:before {
    margin-left: 0px;
}

.quotes-carousel q {
    padding-left: 0;
}

q:after {
    content: "\201D";
    top: 16px;
    font-style: normal;
    margin-left: 10px;
}

img {
    display: block;
    height: auto;
}

.widget-tag {
    color: #f06868;
}

    .widget-tag a[rel="tag"] {
        display: inline-block;
        font-size: 15px;
        line-height: 20px;
        color: #f06868;
    }

        .widget-tag a[rel="tag"]:hover {
            text-decoration: underline;
        }

.border-img {
    float: left;
    border: 1px solid #cfcfcf;
    padding: 4px;
}

.img-float-left {
    float: left;
    margin: 3px 30px 0px 0px;
}

.img-float-right {
    float: right;
    margin: 7px 0px 0px 30px;
}

.page-content {
    padding: 40px 0;
}

.block-overflow {
    overflow: hidden;
}

select {
    width: 100%;
    height: 38px;
    line-height: 34px;
    padding: 0 0 0 10px;
    border: 1px solid #e1e1e1;
    color: inherit;
}

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

.border {
    border: 1px solid #e1e1e1;
    padding: 4px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.main-page h4 {
    text-transform: capitalize;
}

main > section:first-child,
.container section:first-child {
    margin-top: 0;
    padding-top: 0;
}

@media screen and (max-width: 768px) {
    blockquote {
        margin: 0;
    }
}

.fs-18 {
    font-size: 18px;
}

/**/
/*pattern*/
/**/
html.t-pattern-1 {
    background-image: url(../img/pattern/1.png);
    background-repeat: repeat;
}

html.t-pattern-2 {
    background-image: url(../img/pattern/agsquare.png);
    background-repeat: repeat;
}

html.t-pattern-3 {
    background-image: url(../img/pattern/brickwall.png);
    background-repeat: repeat;
}

html.t-pattern-4 {
    background-image: url(../img/pattern/bright_squares.png);
    background-repeat: repeat;
}

html.t-pattern-5 {
    background-image: url(../img/pattern/debut_light.png);
    background-repeat: repeat;
}

html.t-pattern-6 {
    background-image: url(../img/pattern/gplaypattern.png);
    background-repeat: repeat;
}

html.t-pattern-7 {
    background-image: url(../img/pattern/light_wool.png);
    background-repeat: repeat;
}

html.t-pattern-8 {
    background-image: url(../img/pattern/subtle_dots.png);
    background-repeat: repeat;
}

/**/
/* padding & margin none*/
/**/
.padding-bottom-none {
    padding-bottom: 0 !important;
}

/**/
/* clearfix */
/**/
.clear-fix:after {
    content: '';
    display: table;
    clear: both;
}

/**/
/* grid */
/**/
.grid-row,
.container {
    width: 1170px;
    margin: 0 auto;
}

    .container .grid-row {
        width: 100%;
    }

.grid-col {
    float: left;
    margin-left: 30px;
}

.grid-col-row {
    margin-left: -30px;
}

.grid-col-3 {
    width: 270px;
}

.grid-col-4 {
    width: 370px;
}

.grid-col-4s {
    width: 335px !important;
}

.grid-col-6 {
    width: 570px;
}

.grid-col-8 {
    width: 770px;
}

.grid-col-9 {
    width: 870px;
}

.grid-half {
    width: 50%;
}

.grid-buttons a:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 1200px) { /* laptop */
    .grid-row,
    .container {
        width: 940px;
    }

    .grid-col {
        margin-left: 20px;
    }

    .grid-col-row {
        margin-left: -20px;
    }

    .grid-col-3 {
        width: 220px;
    }

    .grid-col-4 {
        width: 300px;
    }

    .grid-col-4s {
        width: 265px !important;
    }

    .grid-col-6 {
        width: 460px;
    }

    .grid-col-8 {
        width: 620px;
    }

    .grid-col-9 {
        width: 700px;
    }
}

@media screen and (max-width: 980px) { /* pad */
    .grid-row,
    .container {
        width: 738px;
    }

    .grid-col {
        margin-left: 18px;
    }

    .grid-col-row {
        margin-left: -18px;
    }

    .grid-col-3 {
        width: 171px;
    }

    .grid-col-4 {
        width: 234px;
    }

    .grid-col-4s {
        width: 199px !important;
    }

    .grid-col-6 {
        width: 360px;
    }

    .grid-col-8 {
        width: 486px;
    }

    .grid-col-9 {
        width: 549px;
    }
}

@media screen and (max-width: 767px) { /* phone */
    .grid-row,
    .container {
        width: auto;
        margin: 0 20px;
    }

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

    .grid-col.grid-col-3.alt {
        float: left;
        width: calc(50% - 20px);
        margin-left: 10px;
        margin-right: 10px;
        margin: 20px 10px 20px 10px;
    }

    .grid-col, .grid-col.grid-col-3.sidebar {
        float: none;
        width: 100%;
        margin: 0 0 40px 0;
    }

    .grid-col-row .grid-col {
        width: calc(100% - 20px);
        margin-left: 10px;
        margin-right: 10px;
    }

    .grid-col.grid-col-4,
    .grid-col.grid-col-6,
    .grid-col.grid-col-3 {
        float: left;
        width: calc(50% - 20px);
        /* margin-bottom: 0; */
        /* padding: 0 10px 0 10px; */
        margin-right: 10px;
        margin-left: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    section.grid-col.grid-col-4 {
        margin-bottom: 0;
    }

    .grid-col.grid-col-4:nth-child(2n+1),
    .grid-col.grid-col-6:nth-child(2n+1),
    .grid-col.grid-col-3:nth-child(2n+1) {
        clear: left;
    }

    .sidebar + .grid-col.grid-col-6 {
        float: none;
        width: 100%;
        margin: 0 0 40px 0;
    }

    section.grid-col {
        margin: 0;
    }

    /*footer h2 {
        margin-top: 0 !important;
    }*/

    .grid-col:last-child {
        margin-bottom: 0;
    }
}

@media screen and (max-width: 479px) {
    .grid-col.grid-col-4,
    .grid-col.grid-col-6,
    .grid-col.grid-col-3 {
        float: none;
        width: 100%;
        margin: 0 0 40px 0;
    }

    .grid-col-row {
        margin-left: 0;
        margin-right: 0;
    }
}

/**/
/* grid */
/**/
.columns-row {
    margin: 0 -15px;
}

    .columns-row:after {
        content: '';
        display: table;
        clear: both;
    }

.columns-col {
    float: left;
    padding: 0 15px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.columns-col-3 {
    width: 25%;
}

.columns-col-4 {
    width: 33.33%;
}

.columns-col-6 {
    width: 50%;
}

.columns-col-8 {
    width: 66.66%;
}

.columns-col-9 {
    width: 75%;
}

.columns-col-12 {
    width: 100%;
}

@media screen and (max-width: 980px) { /* pad */
    .columns-col {
        width: 100%;
    }

        .columns-col + .columns-col {
            margin-top: 30px;
        }
}

/**/
/* Button */
/**/
.grid-buttons > * {
    margin-bottom: 20px;
}

.cws-button {
    padding: 10px 20px;
    min-width: 144px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #f06868;
    background-color: #f06868;
    line-height: 16px;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    display: inline-block;
    white-space: nowrap;
    cursor: pointer;
    text-decoration: none;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .cws-button.smaller {
        font-size: 11px;
        line-height: 15px;
        padding: 7px 15px;
        min-width: 85px;
    }

    .cws-button.small {
        line-height: 15px;
        padding: 8px 15px;
        font-size: 13px;
        min-width: 115px;
    }

    .cws-button.large {
        padding: 10px 20px;
        line-height: 21px;
        font-size: 17px;
        min-width: 175px;
    }

    .cws-button.alt-color:hover {
        color: #6aa2de;
    }

    .cws-button.alt,
    .cws-button[class*="bt-color-"].alt {
        background: transparent;
        color: #595959;
    }

        .cws-button.alt:hover {
            background-color: #f06868;
            color: #ffffff !important;
        }

    .cws-button.bt-color-2 {
        border-color: #ffbb45;
    }

    .cws-button.bt-color-3 {
        border-color: #18bb7c;
    }

    .cws-button.bt-color-4 {
        border-color: #4bbcd7;
    }

    .cws-button.bt-color-5 {
        border-color: #b0b0b0;
    }

    .cws-button.bt-color-6 {
        border-color: #5f5f5f;
    }

    .cws-button.alt.bt-color-2:hover,
    .cws-button.bt-color-2 {
        background-color: #ffbb45;
    }

    .cws-button.alt.bt-color-3:hover,
    .cws-button.bt-color-3 {
        background-color: #18bb7c;
    }

    .cws-button.alt.bt-color-4:hover,
    .cws-button.bt-color-4 {
        background-color: #4bbcd7;
    }

    .cws-button.alt.bt-color-5:hover,
    .cws-button.bt-color-5 {
        background-color: #b0b0b0;
    }

    .cws-button.alt.bt-color-6:hover,
    .cws-button.bt-color-6 {
        background-color: #5f5f5f;
    }

    .cws-button.white {
        border-color: #ffffff;
        background-color: transparent;
        color: #ffffff;
        border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
    }

        .cws-button.white:hover {
            background-color: #ffffff;
            color: #f06868;
        }

    .cws-button:hover {
        background: transparent;
        color: #595959;
    }

.tp-caption .cws-button:hover {
    background: transparent;
    color: #fff;
}

.cws-button i {
    font-size: 24px;
    vertical-align: bottom;
    line-height: 16px;
    font-weight: 500;
}

.cws-button.icon-left i {
    margin-right: 7px;
}

.cws-button.icon-right i {
    margin-left: 7px;
}

.cws-button.float-right {
    float: right;
}

/**/
/* default color */
/**/
.color-palette {
    min-height: 60px;
    text-align: center;
}

    .color-palette:first-child {
        border-top-right-radius: 3px;
        -ms-border-top-right-radius: 3px;
        -moz-border-top-right-radius: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-left-radius: 3px;
        -ms-border-top-left-radius: 3px;
        -moz-border-top-left-radius: 3px;
        -webkit-border-top-left-radius: 3px;
    }

    .color-palette:last-child {
        border-bottom-right-radius: 3px;
        -ms-border-bottom-right-radius: 3px;
        -moz-border-bottom-right-radius: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-left-radius: 3px;
        -ms-border-bottom-left-radius: 3px;
        -moz-border-bottom-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
    }

    .color-palette span {
        display: block;
        line-height: 20px;
        padding: 20px 0;
        color: #ffffff;
        font-weight: 500;
        font-size: 18px;
    }

.bg-color-1 {
    background-color: #f06868;
}

.bg-color-1alt {
    background-color: #d36c59;
}

.bg-color-2 {
    background-color: #ffbb45;
}

.bg-color-2alt {
    background-color: #e4ba83;
}

.bg-color-3 {
    background-color: #18bb7c;
}

.bg-color-3alt {
    background-color: #13a069;
}

.bg-color-4 {
    background-color: #4bbcd7;
}

.bg-color-4alt {
    background-color: #1992c1;
}

.bg-color-5 {
    background-color: #b0b0b0;
}

.bg-color-5alt {
    background-color: #969696;
}

.bg-color-6 {
    background-color: #5f5f5f;
}

.bg-color-6alt {
    background-color: #454545;
}



/**/
/* project details */
/**/
.project-details .title-details {
    background-color: #f06868;
    color: #ffffff;
    font-weight: 700;
    padding: 12px 15px;
    line-height: 1;
    font-size: 24px;
    margin: 0 0 15px 0;
}

.project-details hr {
    margin: 15px 0;
}

.project-details ul {
    margin-bottom: 15px;
}

    .project-details ul li {
        border: 0;
        line-height: 2.2;
        padding-left: 10px;
        color: #8f96a2;
    }

        .project-details ul li:before {
            content: '\f111';
            font-family: "FontAwesome";
            font-size: 4px;
            left: 1px;
            line-height: 30px;
            color: #333e4f;
        }

.project-details li span {
    color: #333e4f;
}

.center {
    text-align: center;
}

/**/
/* alert-boxes */
/**/
.info-boxes {
    line-height: 1.2;
    position: relative;
    font-size: 1em;
    display: block;
    padding: 7px 60px;
    margin-bottom: 10px;
    min-height: 54px;
    color: white;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    border-top-left-radius: 13px;
    -ms-border-top-left-radius: 13px;
    -moz-border-top-left-radius: 13px;
    -webkit-border-top-left-radius: 13px;
}

    .info-boxes strong {
        color: white;
        font-size: 18px;
    }

    .info-boxes .close-button {
        display: inline-block;
        position: absolute;
        height: 16px;
        width: 16px;
        top: 7px;
        right: 7px;
        opacity: 0.5;
        cursor: pointer;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
    }

        .info-boxes .close-button:before,
        .info-boxes .close-button:after {
            content: "";
            left: 0;
            top: 50%;
            display: block;
            position: absolute;
            width: 100%;
            height: 2px;
            background-color: #ffffff;
            transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
        }

        .info-boxes .close-button:after {
            transform: rotate(-45deg);
            -ms-transform: rotate(-45deg);
            -webkit-transform: rotate(-45deg);
            -moz-transform: rotate(-45deg);
        }

        .info-boxes .close-button:hover {
            opacity: 1;
        }

    .info-boxes.confirmation-message {
        background-color: #18bb7c;
    }

.email_server_responce .info-boxes.confirmation-message p {
    color: #ffffff;
}

.info-boxes.error-message {
    background-color: #f06868;
}

.info-boxes.warning-message {
    background-color: #ffbb45;
}

.info-boxes.info-message {
    background-color: #4bbcd7;
}

.info-boxes .close-button {
    opacity: 0.5;
    cursor: pointer;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.info-boxes .info-box-icon {
    background-color: #ffffff;
    text-align: center;
    width: 44px;
    height: calc(100% - 6px);
    height: -moz-calc(100% - 6px);
    position: absolute;
    left: 3px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

    .info-boxes .info-box-icon i {
        font-size: 20px;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%,-50%);
        -moz-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
        transform: translate(-50%,-50%);
    }

.info-boxes.confirmation-message .info-box-icon i {
    color: #18bb7c;
}

.info-boxes.warning-message .info-box-icon i {
    color: #ffbb45;
}

.info-boxes.info-message .info-box-icon i {
    color: #4bbcd7;
}

.info-boxes.error-message .info-box-icon i {
    color: #f06868;
}

.alert-boxes.error-alert {
    display: none;
}

.info-boxes.alt {
    background: transparent;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid;
    padding: 5px 60px;
    color: inherit;
}

    .info-boxes.alt strong {
        color: inherit;
    }

    .info-boxes.alt .info-box-icon {
        border: 2px solid;
        top: -2px;
        bottom: -2px;
        left: -2px;
        height: auto;
        transform: translateY(0);
        -ms-transform: translateY(0);
        -moz-transform: translateY(0);
        -webkit-transform: translateY(0);
    }

    .info-boxes.alt.confirmation-message .close-button:before,
    .info-boxes.alt.confirmation-message .close-button:after {
        background-color: #18bb7c;
    }

    .info-boxes.alt.error-message .close-button:before,
    .info-boxes.alt.error-message .close-button:after {
        background-color: #f06868;
    }

    .info-boxes.alt.warning-message .close-button:before,
    .info-boxes.alt.warning-message .close-button:after {
        background-color: #ffbb45;
    }

    .info-boxes.alt.info-message .close-button:before,
    .info-boxes.alt.info-message .close-button:after {
        background-color: #4bbcd7;
    }

    .info-boxes.alt.confirmation-message,
    .info-boxes.alt.confirmation-message .info-box-icon {
        border-color: #18bb7c;
    }

    .info-boxes.alt.error-message,
    .info-boxes.alt.error-message .info-box-icon {
        border-color: #f06868;
    }

    .info-boxes.alt.warning-message,
    .info-boxes.alt.warning-message .info-box-icon {
        border-color: #ffbb45;
    }

    .info-boxes.alt.info-message,
    .info-boxes.alt.info-message .info-box-icon {
        border-color: #4bbcd7;
    }

/**/
/* input type */
/**/
input[type="text"],
input[type="password"], input[type="email"] {
    border: 1px solid #e6e6e6;
    line-height: 34px;
    height: 36px;
    padding: 0 12px;
    font-size: 14px;
    color: #595959;
    width: 100%;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.form-group .input-icon {
    position: relative;
}

    .form-group .input-icon input {
        text-indent: 18px;
    }

    .form-group .input-icon i {
        position: absolute;
        top: 0;
        left: 0;
        line-height: 34px;
        text-align: center;
        width: 30px;
    }

[type="text"]:hover,
input[type="text"]:focus {
    border-color: #b0b0b0;
}

input[type="text"][disabled] {
    background-color: #f2f2f2;
}

.has-success input {
    border-color: #18bb7c;
    color: #18bb7c;
}

.has-warning input {
    border-color: #ffbb45;
    color: #ffbb45;
}

.has-error input {
    border-color: #f06868;
    color: #f06868;
}

/**/
/* accordions and toggles*/
/**/
.accordion, .toggles {
    color: #595959;
    font-size: 15px;
}

.accordions + * {
    margin-top: 15px;
}

.accordions .content, .toggles .content {
    display: none;
}

.accordions .content-title, .toggles .content-title {
    font-weight: 500;
    padding: 5px 0 8px 40px;
    position: relative;
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    transition: all 0.3s;
}

.accordions .content-title {
    border: 1px solid #e6e6e6;
    padding: 2px 0 2px 40px;
    margin-top: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

    .accordions .content-title:hover {
        border-color: #b0b0b0;
    }

    .accordions .content-title:after, .toggles .content-title:after {
        border: 1px solid #18bb7c;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        color: #18bb7c;
        content: "\f067";
        font-family: FontAwesome;
        font-style: normal;
        font-weight: normal;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 2px;
        left: 0;
        width: 30px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

    .accordions .content-title.active:after, .toggles .content-title.active:after {
        content: "\f068";
        background-color: #18bb7c;
        color: #ffffff;
        ff; */
    }

    .accordions .content-title:after {
        color: #b1b1b1;
        background-color: transparent !important;
        border: none;
        height: 28px;
        line-height: 28px;
        top: 0;
    }

    .accordions .content-title.active:after {
        background-color: #f06868;
    }

.toggles .content {
    padding: 0px 0 8px 40px;
}

.accordions .content {
    padding: 5px;
    border-left: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-color: #e6e6e6;
    border-bottom-right-radius: 2px;
    -moz-border-bottom-right-radius: 2px;
    -ms-border-bottom-right-radius: 2px;
    -webkit-border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -moz-border-bottom-left-radius: 2px;
    -ms-border-bottom-left-radius: 2px;
    -webkit-border-bottom-left-radius: 2px;
}

.accordions .content-title.active {
    color: #ffffff;
    background-color: #18bb7c;
    border-color: #18bb7c;
    border-bottom: 0;
    -webkit-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15);
    box-shadow: inset 0px -2px 0px 0px rgba(0,0,0,0.15);
}

.toggles .content-title:hover {
    color: #18bb7c;
}

.toggles .content-title.active {
    color: #18bb7c;
}

/**/
/* revolution slider */
/**/
.tp-banner ul {
    margin: 0;
}

    .tp-banner ul li {
        line-height: auto;
        padding: 0;
        border: 0;
    }

        .tp-banner ul li:before,
        .tp-simpleresponsive > ul > li:before {
            display: none;
        }

.tp-caption .cws-button {
    padding: 0.56em 1.94em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #f06868;
    background-color: #f06868;
    line-height: 1.2;
    font-size: 1.13em;
    color: #ffffff;
    font-weight: 300;
    text-transform: uppercase;
    min-width: 0;
}

.tp-dottedoverlay.custom {
    background-color: #000000;
    opacity: 0.2;
}

/**/
/* slider content */
/**/
.tp-banner,
.tp-banner-slider {
    opacity: 0;
}

.tp-caption {
    font-size: 16px;
    z-index: 30 !important;
}

    .tp-caption .sl-title {
        text-align: center;
        display: inline-block;
        color: #f06868;
        font-size: 4em;
        line-height: 1;
        padding: 0.24em 0.87em;
        background: rgba(255,255,255,0.8);
        margin-bottom: 0.2em;
    }

        .tp-caption .sl-title.alt {
            color: #ffffff;
            background: transparent;
        }

    .tp-caption .cws-button i {
        font-size: 1.15em;
        line-height: 1;
    }

.sl-content p {
    font-size: 21px;
    font-size: 1.3em;
    line-height: 1.3;
    color: #fff;
}

.tp-banner-container .tp-leftarrow, .tp-banner-container .tp-rightarrow {
    background: rgba(255,255,255,0.5) !important;
    width: 60px;
    height: 60px;
    text-align: center;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .tp-banner-container .tp-leftarrow:hover, .tp-banner-container .tp-rightarrow:hover {
        opacity: 0.8 !important;
    }

.tp-banner-container .tp-rightarrow {
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

    .tp-banner-container .tp-rightarrow:before,
    .tp-banner-container .tp-leftarrow:before {
        opacity: 0.8;
        content: "\f105" !important;
        font-family: FontAwesome;
        font-size: 34px;
        line-height: 60px;
        color: #000000;
    }

.tp-banner-container .tp-leftarrow:before {
    content: "\f104" !important;
}

.tp-banner-container .tp-leftarrow {
    border-bottom-left-radius: 10px;
    -ms-border-bottom-left-radius: 10px;
    -moz-border-bottom-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    border-top-right-radius: 10px;
    -ms-border-top-right-radius: 10px;
    -moz-border-top-right-radius: 10px;
    -webkit-border-top-right-radius: 10px;
}

.tp-caption.align-left {
    text-align: left;
}

.tp-caption.align-right {
    text-align: right;
}

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

@media screen and (max-width: 1300px) {
    .tp-banner-container .tp-leftarrow, .tp-banner-container .tp-rightarrow {
        width: 30px;
        height: 30px;
        background: transparent !important;
    }

        .tp-banner-container .tp-rightarrow:before,
        .tp-banner-container .tp-leftarrow:before {
            line-height: 30px;
            font-size: 30px;
        }
}

@media screen and (max-width: 1025px) {
    .tp-caption.align-left,
    .tp-caption.align-right,
    .tp-caption.align-center {
        text-align: center;
    }
}

/**
/* google map */
/**/
.map {
    padding: 3px;
    border: 1px solid #d0d0d0;
}

#map {
    height: 450px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

.infobox-wrapper {
    position: absolute;
    left: -10000px;
}

#infobox {
    display: inline-block;
    font-family: PT Sans, sans-serif;
    font-size: 14px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

    #infobox:before {
        content: "";
        opacity: 0.85;
        width: 0;
        height: 0;
        border-bottom: 9px solid;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        position: absolute;
        top: -9px;
        \ left: -webkit-calc(50% - 9px);
        left: -moz-calc(50% - 9px);
        left: calc(50% - 9px);
    }

    #infobox .bg-half-transperent {
        opacity: 0.85;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: -1;
    }

    #infobox i {
        font-size: 16px;
        width: 30px;
        line-height: 1;
        display: inline-block;
        vertical-align: middle;
    }

    #infobox ul {
        position: relative;
        padding: 10px 30px 25px;
        color: #fff;
        font-size: 14px;
        opacity: 1 !important;
        z-index: 0;
    }

        #infobox ul li {
            vertical-align: middle;
            padding-bottom: 5px;
        }

@media screen and (max-width: 479px) {
    #infobox ul {
        padding: 5px;
        font-size: 12px;
    }
}

/**/
/* scroll-down */
/**/
.tp-banner {
    position: relative;
}

.scroll-down {
    position: absolute;
    left: 50%;
    text-align: center;
    -ms-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: 30px;
    z-index: 50;
    cursor: pointer;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 3px solid #f06868;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    background-color: rgba(255,255,255,0.5);
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -ms-transition: all 0.3s;
}

    .scroll-down:hover {
        background-color: rgba(255,255,255,0.8);
    }

    .scroll-down i {
        -webkit-animation: animationButton ease-in-out 0.9s;
        -webkit-animation-iteration-count: infinite;
        -webkit-transform-origin: 50% 50%;
        font-size: 28px;
        line-height: 54px;
        color: #000000;
    }

@keyframes animationButton {
    0% {
        transform: translateY(-10%);
    }

    50% {
        transform: translateY(10%);
    }

    100% {
        transform: translateY(-10%);
    }
}

@-moz-keyframes animationButton {
    0% {
        -moz-transform: translateY(-10%);
    }

    50% {
        -moz-transform: translateY(10%);
    }

    100% {
        -moz-transform: translateY(-10%);
    }
}

@-o-keyframes animationButton {
    0% {
        -o-transform: translateY(-10%);
    }

    50% {
        -o-transform: translateY(10%);
    }

    100% {
        -o-transform: translateY(-10%);
    }
}

@-ms-keyframes animationButton {
    0% {
        -ms-transform: translateY(-10%);
    }

    50% {
        -ms-transform: translateY(10%);
    }

    100% {
        -ms-transform: translateY(-10%);
    }
}

@-webkit-keyframes animationButton {
    0% {
        -webkit-transform: translateY(-10%);
    }

    50% {
        -webkit-transform: translateY(10%);
    }

    100% {
        -webkit-transform: translateY(-10%);
    }
}

/**/
/* Tabs */
/**/
.block-tabs-btn {
    margin-bottom: -1px;
}

.picture + .tabs {
    margin-top: 40px;
}

hr + .tabs {
    margin: 40px 0;
}

.tabs .tabs-btn {
    float: left;
    height: 40px;
    padding: 0 35px;
    line-height: 40px;
    text-align: center;
    font-size: 0.928em;
    cursor: pointer;
    border-left: 1px solid #E6E6E6;
    border-right: 1px solid #E6E6E6;
    border-top: 2px solid #E6E6E6;
    border-top-left-radius: 2px;
    -ms-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    -ms-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.tabs-btn + .tabs-btn {
    margin-left: 2px;
}

.tabs h3 {
    font-family: "Futura";
    font-weight: 500;
}

.tabs-btn.active {
    border-top-color: #18bb7c;
    color: #18bb7c;
    background-color: #ffffff;
}

    .tabs-btn.active span {
        background-color: #6aa2de;
        color: #ffffff;
    }

.tabs .container-tabs:not(.active) {
    display: none;
}

.tabs .tabs-keeper {
    padding: 20px;
    border: 1px solid #E6E6E6;
}

.tabs .container-tabs > img {
    float: left;
    border: 1px solid #cfcfcf;
    padding: 3px;
    background-color: #ffffff;
    margin-right: 18px;
}

.tabs h6 {
    margin-top: 0;
    clear: none;
}

@media screen and (max-width: 980px) {
    .tabs .tabs-btn {
        padding: 0 20px;
    }

    .container-tabs .columns-col.columns-col-4 {
        width: 33.33%;
        margin-top: 0;
    }
}

@media screen and (max-width: 767px) {
    .tabs .tabs-btn {
        padding: 0 6px;
    }
}

@media screen and (max-width: 480px) {
    .container-tabs .columns-col.columns-col-4 {
        width: 100%;
    }

        .container-tabs .columns-col.columns-col-4 .count-of {
            width: 49%;
            display: inline-block;
        }

    .tabs .tabs-btn {
        float: none;
        margin-left: 0 !important;
    }
}

/**/
/* skill-bar */
/**/
@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0;
    }

    to {
        background-position: 0 0;
    }
}

.skill-bar {
    color: black;
    margin-bottom: 0;
}

    .skill-bar li {
        padding-bottom: 20px;
        padding-left: 0;
        border: 0;
    }

        .skill-bar li:last-child {
            padding-bottom: 0;
        }

        .skill-bar li:before {
            display: none;
        }

    .skill-bar .bar {
        display: block;
        height: 15px;
        background-color: #f7f7f7;
        position: relative;
    }

        .skill-bar .bar span {
            display: block;
            width: 0;
            height: 100%;
            position: absolute;
            height: 100%;
            background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(0.25,rgba(255,255,255,.15)),color-stop(0.25,transparent),color-stop(0.5,transparent),color-stop(0.5,rgba(255,255,255,.15)),color-stop(0.75,rgba(255,255,255,.15)),color-stop(0.75,transparent),to(transparent));
            background-image: -webkit-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
            background-image: -moz-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
            background-image: -o-linear-gradient(-45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);
            background-image: linear-gradient(-45deg,rgba(255,255,255,.15) 25%,rgba(0,0,0,0) 25%,rgba(0,0,0,0) 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,rgba(0,0,0,0) 75%,rgba(0,0,0,0));
            background-size: 20px 20px;
            -webkit-animation: progress-bar-stripes 2s linear infinite;
            -o-animation: progress-bar-stripes 2s linear infinite;
            animation: progress-bar-stripes 2s linear infinite;
            box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
        }

    .skill-bar .name {
        color: #333e4f;
        line-height: 1;
        padding-bottom: 10px;
    }

        .skill-bar .name .skill-bar-perc {
            float: right;
            font-weight: 800;
        }

/**/
/* owl carousel */
/**/
.title-carousel {
    margin-bottom: 20px;
}

    .title-carousel h2 {
        margin-bottom: 0;
    }

.carousel-container {
    overflow: hidden;
}

.owl-three-item .gallery-item,
.owl-four-items .gallery-item,
.owl-two-item .gallery-item {
    margin-left: 30px;
}

@media screen and (max-width: 1200px) { /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin-left: 20px;
    }
}

@media screen and (max-width: 980px) { /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin-left: 18px;
    }
}

@media screen and (max-width: 980px) { /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin-left: 18px;
    }
}

@media screen and (max-width: 767px) { /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin: 0 10px 0 10px;
    }
}

@media screen and (max-width: 479px) { /* pad */
    .owl-three-item .gallery-item,
    .owl-four-items .gallery-item,
    .owl-two-item .gallery-item {
        margin: 0;
    }
}

.gallery-item > * {
    margin-bottom: 15px;
}

    .gallery-item > *:last-child {
        margin-bottom: 0;
    }

.gallery-item .portfolio-item {
    margin: 0;
}

.full-width-slider {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    z-index: 1;
}

    .full-width-slider .gallery-item img {
        width: 100%;
    }

.carousel-button .prev,
.carousel-button .next {
    margin: 1px;
    display: inline-block;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border: 1px solid #b0b0b0;
    color: #b0b0b0;
    cursor: pointer;
    margin-bottom: 3px;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .carousel-button .prev:hover,
    .carousel-button .next:hover {
        border-color: #969696;
        color: #969696;
    }

.carousel-container h2 {
    font-size: 24px;
    float: left;
}

.carousel-nav {
    text-align: right;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

h2 + .carousel-nav + * {
    clear: both;
}

.carousel-nav.align-left {
    text-align: left;
}

.owl-controls .owl-buttons .owl-prev,
.owl-controls .owl-buttons .owl-next {
    position: absolute;
    top: 50%;
    width: 34px;
    height: 34px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #ffffff;
    display: block;
    background: #ffffff, transparent;
    font-family: FontAwesome;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .owl-controls .owl-buttons .owl-prev:hover,
    .owl-controls .owl-buttons .owl-next:hover {
        background: #ffffff;
        color: #f06868;
    }

.owl-controls .owl-buttons .owl-prev {
    left: 5px;
}

.thumbnails .owl-controls .owl-buttons .owl-prev {
    left: 7px;
}

.owl-controls .owl-buttons .owl-next {
    right: 5px;
}

.owl-controls .owl-buttons .owl-prev:before {
    content: "\f104";
    line-height: 30px;
}

.owl-controls .owl-buttons .owl-next:before {
    content: "\f105";
    line-height: 30px;
}

/**/
/* video player */
/**/
.video-player {
    position: relative;
    widows: 100%;
    padding-top: 59%;
}

    .video-player iframe {
        border-radius: 4px;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/**/
/* calendar */
/**/
a.ui-datepicker-prev.ui-corner-all {
    float: left;
}

a.ui-datepicker-next.ui-corner-all {
    float: right;
}

a.ui-datepicker-prev.ui-corner-all,
a.ui-datepicker-next.ui-corner-all {
    width: 22px;
    height: 22px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    color: #b0b0b0;
    border: 1px solid #b0b0b0;
    position: relative;
    text-align: center;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    a.ui-datepicker-prev.ui-corner-all:hover,
    a.ui-datepicker-next.ui-corner-all:hover {
        border-color: #969696;
        color: #969696;
    }

    a.ui-datepicker-next.ui-corner-all i,
    a.ui-datepicker-prev.ui-corner-all i {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
    }

.ui-datepicker-title {
    text-align: center;
}

.ui-datepicker-header {
    padding: 15px 0;
}

    .ui-datepicker-header .ui-datepicker-month,
    .ui-datepicker-header .ui-datepicker-year {
        color: #595959;
    }

.ui-datepicker-calendar thead th,
.ui-datepicker-calendar tbody td {
    line-height: 38px;
    text-align: center;
    border: 1px solid;
    font-size: 0.92em;
}

.ui-datepicker-calendar tbody td {
    position: relative;
    border-color: #ececec;
}

.ui-datepicker-calendar thead th {
    border-color: #18bb7c;
    color: #18bb7c;
    font-weight: 500;
}

.ui-datepicker-calendar tbody {
    color: #595959;
    font-weight: 500;
}

td.ui-datepicker-today {
    color: #ffffff;
    background-color: #18bb7c;
}

    td.ui-datepicker-today:before {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        background-color: #18bb7c;
        left: 50%;
        transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -webkit-transform: translate(-50%, -50%);
        width: 100%;
        height: 100%;
        z-index: -1;
    }

/**/
/* blog post */
/**/
.blog-post {
    margin-bottom: 40px;
}

    .blog-post p a,
    article p a {
        font-family: "Arial";
        text-decoration: none;
    }

        .blog-post p a:before {
            content: "\2192";
        }

.grid-col-4 .blog-post {
    margin-bottom: 30px;
}

.blog-post .tags-post {
    float: right;
    color: #f06868;
    font-size: 13px;
    line-height: 40px;
}

    .grid-col-4 .blog-post .tags-post,
    .blog-post .tags-post:last-child {
        float: none;
        line-height: 20px;
    }

    .blog-post .tags-post a {
        display: inline-block;
        line-height: 20px;
    }

        .blog-post .tags-post a + a {
            margin-left: 10px;
            border-left: 1px solid #f06868;
        }

.blog-post h3 {
    font-size: 20px;
    font-family: "Futura";
    font-weight: 600;
    text-transform: uppercase;
    color: white;
    padding-top: 10px;
}

.blog-post .post-info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    background-color: #f06868;
    text-align: center;
    color: #ffffff;
    overflow: hidden;
}

.blog-post article > p {
    margin-bottom: 25px;
}

.grid-col-4 .blog-post article > p {
    margin-bottom: 10px;
}

.post-info .date-post {
    width: 53px;
    height: 53px;
    background-color: #b0b0b0;
}

    .post-info .date-post .day {
        font-size: 25px;
        font-weight: 500;
        height: 50%;
        line-height: 33px;
    }

    .post-info .date-post .month {
        font-size: 13px;
        height: 50%;
    }

.post-info .comments-post {
    width: 53px;
    line-height: 53px;
    height: 53px;
    background-color: #ffbb45;
}

.post-info .author-post {
    flex: 1;
    font-size: 13px;
    display: inline-block;
}

.author-post:before,
.tags-post a:before {
    content: "\f007";
    font-family: "FontAwesome";
    padding-right: 5px;
    font-size: 18px;
}

.tags-post a:before {
    content: "\f02b";
    padding-left: 10px;
    font-size: 16px;
    vertical-align: middle;
}

.tags-post a:first-child:before {
    padding-left: 0;
    content: "\f02e";
}

.blog-post + hr {
    margin-top: 20px;
    margin-bottom: 40px;
}

hr + .comments {
    margin-top: 30px;
}

.post-info-main {
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    vertical-align: middle;
    display: inline-block;
}

.blog-media + p {
    margin-top: 10px;
}

@media screen and (max-width: 479px) {
    .blog-post .tags-post {
        float: none;
        text-align: center;
    }

    .blog-post .cws-button {
        display: block !important;
        margin: 0 auto;
        width: 120px;
        clear: both;
    }
}

/**/
/* quote */
/**/
q h3 {
    display: inline;
}

.quote-avatar-author {
    float: left;
    margin: 5px 40px 0 0;
}

    .quote-avatar-author img {
        background-color: #ffffff;
        border: 1px solid #cfcfcf;
        padding: 3px;
        margin: 0 auto;
    }

    .quote-avatar-author .author-info {
        text-align: center;
        font-size: 15px;
        line-height: 1.3;
        font-weight: 500;
        color: #5f5f5f;
        padding-top: 5px;
    }

        .quote-avatar-author .author-info span {
            font-weight: 500;
            color: #f06868;
        }

/**/
/* page pagination */
/**/
.page-pagination {
    text-align: center;
    width: 216px;
    margin: 0 auto;
    margin-bottom: 60px;
}

    .page-pagination a {
        display: block;
        float: left;
        width: 40px;
        height: 40px;
        border: 1px solid #f2f2f2;
        border-right: 0;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        line-height: 38px;
        color: #333e4f;
        font-size: 17px;
    }

        .page-pagination a:last-child {
            border-right: 1px solid #f2f2f2;
        }

        .page-pagination a:last-child,
        .page-pagination a:first-child {
            color: #f06868;
            background-color: #f2f2f2;
            font-size: 30px;
        }

        .page-pagination a.active {
            background-color: #f06868;
            color: #ffffff;
            border-color: #f06868;
            font-size: 17px;
        }

        .page-pagination a:hover {
            background-color: #f06868;
            color: #ffffff;
            border-color: #f06868;
        }

/**/
/* widget default */
/**/
aside {
    margin-top: 30px;
}

    aside p {
        line-height: 22px;
    }

    aside:first-child {
        margin-top: 0;
    }

    aside hr {
        clear: both;
    }

    aside h4 {
        text-transform: none;
    }

    aside .cws-button {
        line-height: 15px;
        font-size: 12px;
        padding: 5px 12px;
    }

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

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

.margin-top-max {
    margin-top: 50px;
}

/**/
/* count of */
/**/
.count-of {
    text-align: center;
    display: block;
    margin-top: 30px;
}

    .count-of img {
        height: 60px;
        width: auto;
        display: inline-block;
    }

    .count-of span {
        display: block;
        font-size: 40px;
        color: #f06868;
        font-weight: 600;
        line-height: 1;
    }

    .count-of label {
        font-size: 14px;
        color: #f06868;
        margin-top: 10px;
    }

/**/
/* contact form */
/**/
.contact-form input[name="email"]::-webkit-input-placeholder:after,
.contact-form input[name="name"]::-webkit-input-placeholder:after {
    content: "*";
    font-size: 25px;
    line-height: 15px;
    color: red;
    margin-left: 1px;
}

.contact-form .cws-button {
    float: right;
}

.contact-form input[name="email"]::-moz-input-placeholder:after,
.contact-form input[name="name"]::-moz-input-placeholder:after {
    content: "*";
    color: red;
}

.widget-contact-form input[type='text'] {
    height: 38px;
}

.widget-contact-form input[type='text'],
.widget-contact-form textarea {
    border: 1px solid #e1e1e1;
    line-height: 36px;
    padding: 0 10px;
    width: 100%;
    margin-bottom: 10px;
    font-style: italic;
}

    .widget-contact-form input[type='text'].error,
    .widget-contact-form textarea.error {
        background-color: #f8bdb2;
    }

.widget-contact-form label span {
    color: #f06868;
}

/**/
/* form subscribe */
/**/
form.subscribe {
    font-size: 15px;
    max-width: 630px;
    margin: 0 auto;
}

    form.subscribe input[name="email"] {
        display: inline-block;
        background-color: #ffffff;
        line-height: 40px;
        height: 40px;
        padding: 0 18px;
        border: 0;
        width: calc(100% - 120px);
        width: -moz-calc(100% - 125px);
        border-top-left-radius: 4px;
        -ms-border-top-left-radius: 4px;
        -moz-border-top-left-radius: 4px;
        -webkit-border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
        -ms-border-bottom-left-radius: 4px;
        -moz-border-bottom-left-radius: 4px;
        -webkit-border-bottom-left-radius: 4px;
    }

    form.subscribe input[type="submit"] {
        display: inline-block;
        cursor: pointer;
        background-color: #18bb7c;
        color: #ffffff;
        line-height: 40px;
        padding: 0 20px;
        border-top-right-radius: 4px;
        -ms-border-top-right-radius: 4px;
        -moz-border-top-right-radius: 4px;
        -webkit-border-top-right-radius: 4px;
        border-bottom-right-radius: 4px;
        -ms-border-bottom-right-radius: 4px;
        -moz-border-bottom-right-radius: 4px;
        -webkit-border-bottom-right-radius: 4px;
        transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

        form.subscribe input[type="submit"]:hover {
            color: #ffbb45;
        }

.parallax-text {
    color: #ffffff;
    margin-bottom: 30px;
}

/**/
/* widget search */
/**/
.widget-search form {
    position: relative;
}

.widget-search hr + form {
    margin-top: 20px;
}

.widget-search form input[type='search'] {
    border: 1px solid #e1e1e1;
    line-height: 34px;
    height: 36px;
    padding: 0 10px;
    padding-right: 50px;
    width: 100%;
    margin-bottom: 10px;
}

.widget-search form .search-submit {
    position: absolute;
    top: 0;
    right: 0;
    width: 36px;
    line-height: 32px;
    height: 36px;
    color: #ffffff;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 2px solid #18bb7c;
    background-color: #18bb7c;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .widget-search form .search-submit:hover {
        background: transparent;
        color: #18bb7c;
    }

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute;
}

/**/
/* widget course details */
/**/
.widget-lector-info {
    background-color: #eaeaea;
    padding: 15px;
}

.widget-course-details > p {
    margin-bottom: 5px;
}

.widget-course-details .star-rating {
    margin-bottom: 15px !important;
}

.widget-course-details .count-users {
    float: right;
    line-height: 1;
}

    .widget-course-details .count-users span {
        color: #333e4f;
    }

/**/
/* widget categories */
/**/
.widget-meta li,
.widget-archives li,
.widget-categories li {
    padding: 0;
}

.widget-meta li,
.widget-archives li,
.widget-categories li {
    border-top: 1px solid #e1e1e1;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .widget-meta li:first-child,
    .widget-archives li:first-child,
    .widget-categories li:first-child {
        border-top: 0;
    }

    .widget-meta li:last-child,
    .widget-archives li:last-child,
    .widget-categories li:last-child {
        border-bottom: 1px solid #e1e1e1;
    }

    .widget-meta li:before,
    .widget-archives li:before,
    .widget-categories li:before {
        display: none;
    }

    .widget-meta li a,
    .widget-archives li a,
    .widget-categories li a {
        display: block;
        padding: 6px 0px 6px 30px;
    }

        .widget-meta li a span,
        .widget-archives li a span,
        .widget-categories li a span {
            color: #8f96a2;
            transition: all 0.3s;
            -ms-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
        }

        .widget-meta li a:before,
        .widget-archives li a:before,
        .widget-categories li a:before {
            content: "√";
                position: absolute;
            left: 10px;
            color: #18bb7c;
            font-weight: 700;
            transition: all 0.3s;
            -ms-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
        }

    .widget-meta li:hover,
    .widget-archives li:hover,
    .widget-categories li:hover {
        border-color: transparent;
    }

        .widget-meta li:hover + li,
        .widget-archives li:hover + li,
        .widget-categories li:hover + li {
            border-color: transparent;
        }

    .widget-meta li a:hover,
    .widget-archives li a:hover,
    .widget-categories li a:hover {
        background-color: #18bb7c;
        color: #ffffff;
    }

        .widget-meta li:hover > a:before,
        .widget-archives li:hover > a:before,
        .widget-archives li a:hover > span,
        .widget-categories li:hover > a:before,
        .widget-categories li a:hover > span {
            color: #ffffff;
        }

/**/
/* widget recent post */
/**/
aside h2,
.quotes-carousel h2 {
    font-size: 24px;
    float: left;
    margin-bottom: 10px;
}

    aside > h2 + *:not(.carousel-nav),
    .quotes-carousel h2 + *:not(.carousel-nav) {
        clear: both;
    }

aside .carousel-button .prev,
aside .carousel-button .next,
.widget-instructor .carousel-button .prev,
.widget-instructor .carousel-button .next {
    width: 22px;
    height: 22px;
    line-height: 22px;
}

aside article,
.widget-instructor article {
    border-bottom: 1px solid #e1e1e1;
    padding: 20px 0;
}

aside h2 + article {
    padding-top: 0;
}

section.widget-instructor article:last-child {
    border-bottom: 0;
}

.widget-post img,
.widget-instructor img {
    max-width: 100%;
    float: left;
    margin-right: 10px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .widget-instructor img.avatar-small {
        width: 60px;
        margin-bottom: 0;
    }

.widget-course img {
    margin-bottom: 15px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.widget-post .course-date,
.widget-instructor .course-date,
.widget-course .course-date {
    color: #f06868;
}

.widget-post h4,
.widget-instructor h4,
.widget-course h4 {
    font-size: 15px;
    font-family: "Futura";
    font-weight: 500;
    clear: none;
    color: #333333;
    text-transform: none;
    margin-top: 0;
    margin-bottom: 5px;
}

.widget-post p,
.widget-instructor p,
.widget-course p {
    margin-bottom: 5px;
}

.widget-course .course-date {
    padding-bottom: 15px;
}

/**/
/* widget event */
/**/
.widget-event .date {
    width: 60px;
    height: 60px;
    line-height: 30px;
    float: left;
    background-color: #ebebeb;
    text-align: center;
    margin-right: 8px;
    overflow: hidden;
    color: #5f5f5f;
}

    .widget-event .date .day {
        background-color: #f06868;
        color: #ffffff;
        font-size: 24px;
    }

.widget-event .event-description span {
    padding-bottom: 8px;
    display: block;
    line-height: 1;
    color: #f06868;
}

.event-description p {
    margin-bottom: 0;
}

/**/
/* widget comments*/
/**/
.widget-comments .header-comments {
    position: relative;
    padding-left: 30px;
    padding-bottom: 3px;
}

    .widget-comments .header-comments:before {
        content: '\201c';
        font-family: "Arial";
        font-size: 48px;
        position: absolute;
        left: 0;
        top: 0px;
        line-height: 51px;
        width: 25px;
        text-align: center;
        height: 25px;
        color: #ffffff;
        background-color: #f06868;
        display: inline-block;
    }

    .widget-comments .header-comments .date {
        display: inline-block;
        color: #f06868;
    }

    .widget-comments .header-comments .author {
        display: inline-block;
        color: #333333;
    }

.widget-comments .comments {
    margin-top: 0;
}

.widget-comments .comment {
    margin-top: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
}

/**/
/* widget text */
/**/
.widget-text strong {
    font-size: 15px;
}

/**/
/* widget rss */
/**/
.widget-rss .subscribe-form {
    padding: 15px 0 0 0;
}

    .widget-rss .subscribe-form form {
        position: relative;
        z-index: 1;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        overflow: hidden;
    }

        .widget-rss .subscribe-form form input {
            width: 100%;
            background-color: #ffffff;
            line-height: 30px;
            height: 30px;
            padding: 0 70px 0 6px;
            border: 1px solid #e1e1e1;
        }

        .widget-rss .subscribe-form form .button-send {
            position: absolute;
            z-index: 1;
            box-sizing: border-box;
            -moz-box-sizing: border-box;
            -webkit-box-sizing: border-box;
            border: 2px solid #18bb7c;
            top: 0;
            right: 0;
            background-color: #18bb7c;
            color: #ffffff;
            font-weight: 500;
            display: block;
            height: 100%;
            width: 70px;
            -moz-transition: all 0.3s;
            -ms-transition: all 0.3s;
            -webkit-transition: all 0.3s;
            transition: all 0.3s;
        }

            .widget-rss .subscribe-form form .button-send:hover {
                background-color: transparent;
                color: #595959;
            }

/**/
/* widget popular course */
/**/
.course-item + .course-item {
    margin-top: 20px;
}

.widget-popular .popular-item,
.course-item {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding-bottom: 34px !important;
}

    .widget-popular img,
    .course-item img {
        width: 100%;
        position: relative;
        z-index: 1;
        transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

    .widget-popular .course-name,
    .course-item .course-name {
        display: block;
        background-color: #333333;
        padding: 10px;
    }

.grid-col-4 .course-item .course-name {
    padding: 10px 24px;
}

.widget-popular .course-name h3,
.widget-popular .course-name .price,
.course-item .course-name h3,
.course-item .corse-name .price {
    display: inline;
    font-size: 15px;
    clear: none;
    color: #ffffff;
    margin: 0;
    font-weight: 400;
    font-family: "Futura";
}

.widget-popular .course-name .price,
.course-item .course-name .price {
    float: right;
    color: #ffffff;
}

.widget-popular .course-date,
.course-item .course-date {
    padding: 20px 10px;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
}

.grid-col-4 .course-item .course-date {
    padding: 20px 24px;
}

.widget-popular .course-date .day,
.course-item .course-date .day {
    display: inline-block;
}

.widget-popular .course-date .time,
.course-item .course-date .time {
    float: right;
}

.widget-popular .course-date i,
.course-item .course-date i {
    margin-right: 4px;
}

.course-item .divider {
    width: 70px;
    height: 2px;
    clear: both;
    background-color: #ffffff;
    margin: 15px auto;
}

.course-item .description {
    text-align: center;
    font-size: 15px;
    font-weight: 400;
}

.course-item .course-hover {
    position: relative;
    z-index: 1;
    width: 100%;
    overflow: hidden;
}

.course-hover .hover-bg {
    position: absolute;
    z-index: 1;
    opacity: 0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.course-hover a {
    display: inline-block;
    border: 2px solid #ffffff;
    border-radius: 4px;
    white-space: nowrap;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    color: #ffffff;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.1);
    top: 50%;
    left: 50%;
    z-index: 3;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    line-height: 20px;
    font-size: 15px;
    padding: 8px 30px;
    overflow: hidden;
    opacity: 0;
    transform: translate(-50%, -50%) scale(0.5);
    -ms-transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

    .course-hover a:hover {
        background-color: rgba(255,255,255,0.3);
    }

.carousel-container .course-hover a {
    padding: 8px 15px;
}

.course-item .course-hover:hover .hover-bg {
    opacity: 0.6;
}

.course-item .course-hover:hover img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transition: all 4s;
    -ms-transition: all 4s;
    -moz-transition: all 4s;
    -webkit-transition: all 4s;
}

.course-hover:hover a {
    opacity: 1;
    /*zoom: 1;*/
    transform: translate(-50%, -50%) scale(1);
    -ms-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
}

/**/
/* widget sidbar navigation & widget page */
/**/


select.filter.full-width {
    width: 100%;
    position: inherit !important;
}

.select2 .select2-selection {
    height: 36px;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border: 1px solid #e1e1e1;
}

.select2.select2-container--default:hover .select2-selection--single {
    border-color: #b0b0b0;
}

.select2 .select2-selection__rendered {
    line-height: 34px !important;
}

.select2 .select2-selection__arrow {
    height: 34px !important;
    width: 34px;
    text-align: center;
}

    .select2 .select2-selection__arrow b {
        border: 0 !important;
        height: auto !important;
        position: relative !important;
        width: auto !important;
        line-height: 34px !important;
        margin: 0 !important;
        left: auto !important;
        top: auto !important;
    }

        .select2 .select2-selection__arrow b:before {
            content: "\f107";
            font-family: FontAwesome;
        }

.select2-results li:before {
    display: none;
}

/**/
/* tabs box */
/**/
.boxs-tab {
    position: relative;
    z-index: 1;
}

    .boxs-tab > div {
        position: absolute;
        z-index: 1;
        top: 0;
        left: 0;
        display: none;
        visibility: hidden;
    }

        .boxs-tab > div img {
            width: auto !important;
            height: auto !important;
            margin: 0 auto;
            max-width: 100%;
        }

        .boxs-tab > div.active {
            position: relative;
            z-index: 2;
            display: block;
            visibility: visible;
            opacity: 1;
        }

.tabs-box {
    margin-top: 70px;
}

    .tabs-box a {
        display: inline-block;
        margin-right: 30px;
        line-height: 18px;
        font-size: 15px;
        text-transform: uppercase;
        color: #595959;
        font-weight: 500;
        position: relative;
        padding-bottom: 5px;
        margin-bottom: 5px;
        transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

        .tabs-box a.active {
            color: #f06868;
        }

        .tabs-box a:nth-child(2n).active {
            color: #ffbb45;
        }

        .tabs-box a:nth-child(3n).active {
            color: #18bb7c;
        }

        .tabs-box a:before {
            content: "";
            display: block;
            position: absolute;
            background-color: #f06868;
            bottom: 0;
            left: 0;
            height: 1px;
            width: 0%;
            transition: all 0.3s;
            -ms-transition: all 0.3s;
            -moz-transition: all 0.3s;
            -webkit-transition: all 0.3s;
        }

        .tabs-box a:nth-child(2n):before {
            background-color: #ffbb45;
        }

        .tabs-box a:nth-child(3n):before {
            background-color: #18bb7c;
        }

        .tabs-box a.active:before {
            width: 100%;
        }

        .tabs-box a:last-child {
            margin-right: 0px;
        }

/**/
/* parallaxed */
/**/
.parallaxed {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

    .parallaxed.type-2 {
        padding: 170px 0;
    }

    .parallaxed > * {
        position: relative;
    }

        .parallaxed > *:not(.parallax-image):not(.them-mask) {
            z-index: 1;
        }

.parallax-image {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    opacity: 0.2;
    z-index: 3;
}

.type-2 .parallax-image {
    z-index: 1;
    opacity: 1;
}

.parallax-image img {
    width: auto;
    z-index: -2;
}

.parallaxed > *:not(.them-mask):not(.parallax-image) {
    z-index: 1;
}

.parallaxed .grid-row {
    z-index: 4 !important;
}

.parallaxed .them-mask {
    background-repeat: repeat;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: absolute !important;
    z-index: 2;
}

.parallaxed.type-2 .them-mask {
    background-color: #000000;
    opacity: 0.5;
}

/**/
/* isotop */
/**/
.isotope-header {
    margin-bottom: 30px;
}

    .isotope-header h2 {
        clear: none;
        float: left;
    }

    .isotope-header .select-wrapper {
        float: right;
        width: 200px;
        position: relative;
        z-index: 1;
    }

        .isotope-header .select-wrapper:before {
            position: absolute;
            content: "\f107";
            width: 25px;
            height: 100%;
            font-size: 17px;
            color: #333e4f;
            font-weight: 700;
            text-align: center;
            right: 0;
            z-index: -1;
            font-family: FontAwesome;
            line-height: 38px;
        }

.select2-container .select2-dropdown {
    margin-top: 5px;
    position: relative;
    border-top: 1px solid #b0b0b0 !important;
}

    .select2-container .select2-dropdown:before {
        content: "";
        position: absolute;
        top: -4px;
        right: 11px;
        display: block;
        width: 5px;
        height: 5px;
        border-left: 1px solid #b0b0b0;
        border-bottom: 1px solid #b0b0b0;
        background-color: #ffffff;
        transform: rotate(135deg);
        -ms-transform: rotate(135deg);
        -moz-transform: rotate(135deg);
        -webkit-transform: rotate(135deg);
    }

.select2.select2-container--default .select2-selection--single {
    border-color: #e6e6e6;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}

.select2-container.select2-container--default .select2-results__option--highlighted[aria-selected] {
    background-color: #18bb7c;
}

.select2-results__option {
    border-top: 1px solid #b0b0b0;
}

.isotope-container .grid-col-row,
.portfolio-gallery {
    overflow: hidden;
}

.isotope .item {
    width: calc(33.33% - 30px);
    width: -moz-calc(33.33% - 30px);
    margin-left: 30px;
}

.isotope .item,
.portfolio-gallery .item {
    margin-bottom: 40px;
    transition-property: transform;
    -o-transition-property: -o-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -webkit-transition-property: -webkit-transform, opacity;
    transition-duration: 0.6s;
    -o-transition-duration: 0.6s;
    -ms-transition-duration: 0.6s;
    -moz-transition-duration: 0.6s;
    -webkit-transition-duration: 0.6s;
}

@media screen and (max-width: 1200px) {
    .isotope .item {
        width: calc(33.33% - 20px);
        width: -moz-calc(33.33% - 20px);
        margin-left: 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 980px) {
    .isotope .item {
        width: calc(33.33% - 18px);
        width: -moz-calc(33.33% - 18px);
        margin-left: 18px;
        margin-bottom: 18px;
    }
}

@media screen and (max-width: 768px) {
    .isotope .item {
        width: 50%;
        box-sizing: border-box;
        padding: 10px;
        margin: 0;
    }
}

@media screen and (max-width: 479px) {
    .isotope .item {
        width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }
}

/**/
/* portfolio four columns */
/**/
.portfolio-item h3 {
    font-size: 18px;
    font-family: "Futura";
    font-weight: 500;
}

.portfolio-item p:last-child {
    margin: 0;
}

.portfolio-item {
    border-bottom: 3px solid #eaeaea;
    padding-bottom: 30px;
    margin-bottom: 40px;
    transition: all 0.3s;
    -ms-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
}

.grid-col.portfolio-item {
    margin-bottom: 40px;
}

.portfolio-item:hover {
    border-color: #f06868;
}

main > .portfolio-item {
    border-bottom: 0;
    margin-bottom: 0;
}

    main > .portfolio-item + hr {
        margin-bottom: 40px;
    }

/**/
/* sitemap */
/**/
.head-sitemap {
    background-color: #f06868;
    color: #ffffff;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    padding: 15px 20px;
}

.sitemap .grid-col > ul {
    padding-left: 20px;
}

.sitemap li,
.sitemap li > ul {
    border: 0;
}

    .sitemap li ul li {
        color: #8f96a2;
        padding-left: 12px;
    }

        .sitemap li ul li:before {
            content: "-";
            color: #8f96a2;
            font-weight: 400;
        }

.sitemap a:hover {
    color: #f06868;
}


/**/
/* checkbox */
/**/
input[type=checkbox],
input[type=radio] {
    visibility: hidden;
}

.checkbox,
.radio {
    display: inline-block;
    vertical-align: text-top !important;
    white-space: nowrap;
    padding-right: 10px;
}

    .checkbox label,
    .radio label {
        cursor: pointer;
        width: 18px;
        height: 18px;
        text-align: center;
        border: 1px solid #18bb7c;
        border-color: #18bb7c;
        border-radius: 4px;
        -ms-border-radius: 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        transition: all 0.3s;
        -ms-transition: all 0.3s;
        -moz-transition: all 0.3s;
        -webkit-transition: all 0.3s;
    }

    .radio label {
        border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

        .checkbox label:hover,
        .radio label:hover {
          
            border: 1px solid #000;
        }

    .checkbox label:before {
        display: block;
        content: "\f00c";
        font-family: FontAwesome;
        color: #18bb7c;
        opacity: 0;
        line-height: 18px;
    }

    .radio label:before {
        display: inline-block;
        content: '';
        width: 10px;
        height: 10px;
        background-color: #18bb7c;
        margin: 4px;
        opacity: 0;
        border-radius: 50%;
        -ms-border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
        margin-right: 19px;
    }

    .checkbox input[type=checkbox]:checked + label,
    .radio input[type=radio]:checked + label {
        border-color: #18bb7c;
    }

        .checkbox input[type=checkbox]:checked + label:before,
        .radio input[type=radio]:checked + label:before {
            opacity: 1;
        }

    .checkbox input[disabled] + label:before,
    .checkbox input[disabled] + label,
    .radio input[disabled] + label {
        border-color: #e6e6e6 !important;
        color: #ffffff;
        background-color: #e6e6e6;
    }

        .radio input[disabled] + label:before {
            background-color: #ffffff;
        }



.col-2 .cart_totals tr:not(.order-total) td {
    color: inherit;
}

.col-2 .cart_totals tr:first-child {
    padding-bottom: 0;
}

.coupon-enter {
    margin-bottom: 30px;
}

.field-coupon {
    display: flex;
    padding: 20px;
    background-color: #f3f3f3;
}

    .field-coupon input {
        background-color: #ffffff;
        margin-right: 20px;
    }

@media screen and (max-width: 767px) {
    .col-2 {
        margin-top: 30px;
    }

    [class^="col-"] {
        display: block;
        float: none;
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
    }

    form .form-row {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .woocommerce-page #order_review {
        padding: 0;
        border: 0;
    }
}

#scroll-top {
    position: fixed;
    z-index: 1000;
    bottom: 25px;
    right: 25px;
    background-color: #333333;
    width: 38px;
    height: 38px;
    opacity: 0.9;
    border-radius: 8px;
    text-align: center;
    cursor: pointer;
}

    #scroll-top i {
        line-height: 37px;
        font-size: 32px;
        color: #ffffff;
        transition: all 0.3s;
    }

    #scroll-top:hover i {
        color: #f06868;
    }

@media screen and (max-width: 1200px) {
    #scroll-top {
        right: 20px;
    }
}

/*  */
/* login page */
/*  */
.fullwidth-background.bg-2 {
    padding: 60px 0 80px 0;
    position: relative;
    z-index: 1;
    background-image: none;
    background-color: #f06868;
}

    .fullwidth-background.bg-2 > * {
        position: relative;
        z-index: 2;
    }

    .fullwidth-background.bg-2:before {
        position: absolute;
        z-index: 1;
        content: "";
        display: block;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        opacity: 0.2;
        background-image: url(../img/parallax_pattern.png);
        background-repeat: repeat;
    }

.login-block {
    margin: 0 auto;
    width: 100%;
    max-width: 360px;
    background: #ffffff;
    padding: 20px 30px;
    box-sizing: border-box;
    -webkit-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
}

    .login-block .logo {
        display: block;
        margin: 0 auto 30px auto;
        text-align: center;
    }

        .login-block .logo img {
            margin: 0 auto;
        }

        .login-block .logo h2 {
            display: inline-block;
            color: #5f5f5f;
            clear: none;
            margin: 0;
        }

.half-button {
    display: inline-block;
    float: left;
    box-sizing: border-box;
    width: calc(50% - 8px);
    min-width: 100px;
}

    .half-button + .half-button {
        margin-left: 16px;
        clear: right;
    }

.cws-button.facebook {
    border-color: #428bca;
    background: #428bca;
    color: #ffffff;
}

    .cws-button.facebook:hover {
        color: #595959;
        background: transparent;
    }

.cws-button.twitter {
    border-color: #5bc0de;
    background: #5bc0de;
    color: #ffffff;
}

    .cws-button.twitter:hover {
        color: #595959;
        background: transparent;
    }

.clear-both {
    display: block;
    clear: both;
}

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

.login-or {
    position: relative;
    font-size: 18px;
    color: #aaa;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.span-or {
    display: block;
    position: absolute;
    left: 50%;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 50px;
    text-align: center;
}

.login-block .form-group {
    position: relative;
}

    .login-block .form-group + .form-group {
        margin-top: 25px;
    }

    .login-block .form-group input {
        line-height: 44px;
        height: 44px;
    }

    .login-block .form-group .input-icon {
        position: absolute;
        right: 1px;
        top: 10px;
        width: 38px;
        height: 24px;
        text-align: right;
        border-left: 1px solid #ececec;
        color: #ccc;
        font-size: 18px;
        line-height: 24px;
        text-shadow: none;
    }

        .login-block .form-group .input-icon i {
            color: #ccc;
            font-size: 18px;
            line-height: 24px;
            width: 38px;
        }

.login-block .small {
    font-size: 12px;
    margin-bottom: 20px;
}

    .login-block .small a {
        color: #b0b0b0;
        text-decoration: none;
    }

.login-block .form-group + .button-fullwidth {
    margin-top: 40px;
}

.login-block .button-fullwidth {
    width: 100%;
}

    .login-block .button-fullwidth + .button-fullwidth {
        margin-top: 10px;
    }

.divcenter {
    margin: 0 auto;
    margin-bottom: 30px;
}

.block-tabs-btn.clear-fix {
    font-weight: bold;
}

.container-tabs.active h3 {
    color: #f06868;
}

.grid-col.grid-col-9 section h2 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 30px;
}

textarea#message {
    max-width: 870px;
}

li.learn-outline-item:before {
    visibility: hidden;
}

ul.scorm-right-action li:before {
    visibility: hidden;
}

.section-right-name {
    background: #e6e6e6 none repeat scroll 0 0;
    /* border-bottom: 1px solid #d5d4d4; */
    font-size: 13px;
    font-weight: bold;
    margin: 0;
    padding: 10px 20px 10px 10px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.clearfix {
    display: block;
}

.clearfix {
    min-width: 0;
}

.section-right-name:before {
    background: rgba(0,0,0,0) url(../img/arrow-next-icon.png) no-repeat scroll right center;
    content: "";
    display: block;
    height: 11px;
    margin-top: -5px;
    position: absolute;
    right: 6px;
    top: 50%;
    width: 11px;
}

.learn-outline-list {
    font-size: 13px;
    list-style: outside none none;
    margin: 0;
    padding: 0;
}

.learn-outline-item {
    border-bottom: 1px solid #d5d4d4;
    margin: 0;
    padding: 0 0 25px 0px;
}

.learn-lesson-wr {
    color: #4c4c4c;
    display: block;
    padding: 9px 10px 9px 40px;
    position: relative;
}

.scorm-right-link-wr {
    display: block;
}

.scorm-section-right-action:before, .learn-lesson-wr:before {
    background: #e6e5e5 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 170%;
    left: 20px;
    position: absolute;
    top: 0;
    width: 1px;
}

.lesson-process-wr {
    background-color: #fff;
    border: 1px solid #54b551;
    border-radius: 100%;
    display: block;
    height: 20px;
    left: 19px;
    margin-left: -10px;
    padding: 1px;
    position: absolute;
    top: 10px;
    width: 20px;
    z-index: 1;
}

.lesson-process-percent {
    background-color: #fff;
    border-radius: 8px;
    display: block;
    height: 16px;
    text-align: center;
    width: 16px;
}

.lesson-process-percent {
    background-color: #fff;
    border-radius: 8px;
    display: inherit;
    text-align: center;
}

.scorm-right-name {
    font-size: 13px;
    font-weight: 500;
    margin: 0 0 0 10px;
}

.scorm-right-action {
    color: #999;
}

.scorm-right-action {
    list-style: outside none none;
    margin: 0 0 0 -10px;
    padding: 0;
}

    .scorm-right-action > li {
        float: left;
        margin-right: 20px;
    }

.scorm-learn-times {
    display: block;
    min-width: 70px;
}

.learn-lesson-wr .fa {
    font-size: 14px;
    margin-right: 5px;
}

span.lesson-process-percent i {
    color: #18bb7c;
    margin-top: 3px;
    margin-left: -4px !important;
    position: absolute;
}

.learn-outline {
    /* margin-bottom: 25px; */
}

li.learn-outline-item:hover {
    background-color: #f3f2f2;
    color: #000;
}

    li.learn-outline-item:hover i.fa.fa-play-circle {
        color: #18bb7c;
    }

    li.learn-outline-item:hover i.fa.fa-comments {
        color: #ffbb45;
    }

    li.learn-outline-item:hover i.fa.fa-download {
        color: #f06868;
    }

i.fa.fa-play-circle {
    color: rgba(24, 187, 124, 0.55);
}

i.fa.fa-comments {
    color: rgba(255, 187, 69, 0.68);
}

i.fa.fa-download {
    color: rgba(240, 104, 104, 0.59);
}

h3.section-right-name.clearfix {
    font-weight: bold;
}

button.courseAction {
    height: 60px;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    background-color: #f06868 !important;
    color: #ffffff !important;
    transition: 0.05s;
}

    button.courseAction:hover {
        background-color: #d36c59 !important;
        border: 2px solid #d36c59 !important;
        color: white;
        outline: 0;
        text-shadow: 0px 0px 10px white;
        -moz-text-shadow: 0px 0px 10px white;
        -webkit-text-shadow: 0px 0px 15px white;
        font-weight: bold;
    }

span.discount {
    display: block;
    font-size: 20px;
    color: rgba(240, 104, 104, 0.63);
    font-weight: 500;
    line-height: 1.3;
}

    span.discount span {
        text-decoration: line-through !important;
    }

li.learn-outline-item:hover.scorm-right-item.active .lesson-process-wr .lesson-process-percent {
    color: white;
    background-color: #18bb7c !important;
}

li.learn-outline-item:hover.scorm-right-item.active .lesson-process-wr {
    background-color: #18bb7c !important;
}

li.learn-outline-item:hover .lesson-process-wr {
    background-color: #18bb7c !important;
}

li.learn-outline-item:hover .lesson-process-percent {
    background-color: #18bb7c !important;
}

    li.learn-outline-item:hover .lesson-process-percent i.fa.fa-check {
        color: #ffffff !important;
    }

.login-error {
    margin-top: 20px;
    margin-bottom: 20px;
}

.validation-summary-errors.error ul li:before {
    visibility: hidden;
}

.validation-summary-errors.error ul li {
    padding-left: 0 !important;
    color: #f06868 !important;
    font-weight: bold;
    text-align: center;
}

form#frmLogout {
    position: relative !important;
    width: 100% !important;
    -webkit-transform: translateX(20px);
    margin-top: -6px;
    margin-bottom: -2px;
}

a#btnLogout:hover {
    font-weight: bold;
    color: #f06868;
}

a#btnLogout {
    color: #333;
}

p.ui-helper-hidden-accessible {
    text-align: center;
    font-weight: bold;
}

ul#ui-id-1 {
    z-index: 1000;
    float: left;
    min-width: 160px;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none !important;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0px 0px 4px 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    border-top: none;
}

    ul#ui-id-1 li:before {
        visibility: hidden;
    }

input#txtKeywordKhoaHoc {
    padding-left: 20px;
}

.cart_totals {
    display: none;
}

li.ui-menu-item:hover {
    background-color: #e6e6e6;
    font-weight: bold;
}

div#nganluongContent p {
    line-height: 26px;
    text-align: justify;
}

div#bankContent {
    height: 770px;
}

.create-account.cws-button.border-radius.alt h2 {
    background: transparent;
    color: #f27c66;
}

.create-account.cws-button.border-radius.alt:hover h2 {
    color: #ffffff !important;
}

.create-account.cws-button.border-radius.alt h5 {
    background: transparent;
    color: #f27c66;
}

.create-account.cws-button.border-radius.alt:hover h5 {
    color: #ffffff !important;
}

.create-account.cws-button.border-radius.alt {
    text-align: left;
    width: 100%;
    margin-left: 0px;
    margin-top: 30px;
}

a#btnCreateOrder {
    padding: 33px 33px 33px 22px;
    width: 100%;
    font-size: 20px;
}

    a#btnCreateOrder:hover {
        background-color: #ffffff;
        color: #f27c66;
    }

.create-account.cws-button.border-radius.alt:hover a#btnCreateOrder {
    background-color: #ffffff;
    color: #f27c66;
}

input#CaptchaCode {
    margin-top: 30px;
    margin-bottom: -10px;
}

.header-top-panel button.btn.btn-primary.dropdown-toggle:hover,
.header-top-panel button.btn.btn-primary.dropdown-toggle:focus,
.share-toggle-button:hover, .share-toggle-button:focus,
.header-top-panel .search-open:hover,
.header-top-panel .search-open:focus,
a.fa.fa-user.login-icon:hover,
a.fa.fa-user.login-icon:focus {
    text-shadow: 0px 0px 10px white;
    -moz-text-shadow: 0px 0px 10px white;
    -webkit-text-shadow: 0px 0px 15px white;
}

ul.dropdown-menu li.logout:hover a {
    font-weight: bold;
    color: #f06868 !important;
}

ul.dropdown-menu li.quanly:hover a {
    font-weight: bold;
    color: #4bbcd7 !important;
}

.caret {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-top: 4px solid #000000;
    border-right: 4px solid transparent;
    border-bottom: 0 dotted;
    border-left: 4px solid transparent;
    content: "";
}

.header-top-panel .dropdown span.caret {
    border-top: 4px solid #ffffff;
}

.dropdown .btn {
    border-radius: 0px !important;
}

.header-top-panel .dropdown button.btn.btn-primary.dropdown-toggle {
    display: block;
    line-height: normal;
    padding: 11px 12px;
}

.header-top-panel ul.dropdown-menu li:hover {
    background-color: #e6e6e6;
}

.container-404 .success span {
    display: inline-block;
    background-color: #18bb7c;
    color: #ffffff;
    line-height: 0.83;
    vertical-align: bottom;
    padding: 20px;
    border-top-left-radius: 30px;
    -ms-border-top-left-radius: 30px;
    -moz-border-top-left-radius: 30px;
    -webkit-border-top-left-radius: 30px;
    border-bottom-right-radius: 30px;
    -ms-border-bottom-right-radius: 30px;
    -moz-border-bottom-right-radius: 30px;
    -webkit-border-bottom-right-radius: 30px;
}

.container-404 .success {
    color: #b0b0b0;
    font-size: 165px;
    line-height: 1;
    margin-bottom: 30px;
}

.container-404 p.psuccess span {
    color: #18bb7c;
    font-weight: 700;
}

.DetailSection{
    line-height: 26px !important;
    text-align: justify;
    margin-bottom: 20px !important;
}

button.cws-button.bt-color-3.border-radius.courseAction {
    height: 60px;
    width: 100%;
    font-size: 20px;
    text-transform: uppercase;
    background-color: #18bb7c !important;
    color: #ffffff !important;
}

button.cws-button.bt-color-3.border-radius.courseAction:hover {
    background-color: #13a069 !important;
    border: 2px solid #13a069 !important;
}

span.span-social {
    left: 17% !important;
    top: -2px;
    margin-left: -25px;
    background-color: #fff;
    width: 250px;
    text-align: center;
    display: block;
    position: absolute;
}

strong.Google {
    color: #f06868;
    font-weight: bold;
    font-size: 34px;
    line-height: 55px;
}

strong.Facebook {
    color: #428bca;
    font-weight: bold;
    font-size: 34px;
    line-height: 54px;
}

p.psuccess1 {
    color: #b0b0b0;
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 25px;
    font-weight: 300;
}

.container-404 hr.hr-or {
    width: 25%;
    left: 38%;
    position: relative;
}

.dangky input {
    width: 45%;
    position: relative;
    left: 28%;
    text-align: center;
    border-radius: 4px;
    margin-top: 10px;
    font-size: 17px;
    font-weight: bold;
    height: 45px;
}

a.cws-button.bt-color-3.border-radius.icon-left.large .fa-download {
    color: white;
}

a.cws-button.bt-color-3.border-radius.icon-left.large:hover .fa-download {
    color: #595959;
}

/*Star*/
 div.stars {
        width: 270px;
        display: inline-block;
    }

    input.star {
        display: none;
    }

    label.star {
        float: right;
        padding: 4px;
        font-size: 22px;
        color: #444;
        transition: all .2s;
        margin-bottom: 20px;
        margin-top: -50px;
    }

    input.star:checked ~ label.star:before {
        content: '\f005';
        color: #FD4;
        transition: all .25s;
    }

    input.star-5:checked ~ label.star:before {
        color: #ffbb45;
        /* text-shadow: 0 0 20px #952; */
    }

    input.star-1:checked ~ label.star:before {
        color: #F62;
    }

    label.star:hover {
        transform: rotate(-15deg) scale(1.3);
    }

    label.star:before {
        content: '\f006';
        font-family: FontAwesome;
    }

    /*End-Star*/

p.message-form-message {
    margin-left: 0;
}

textarea#message {
    border-radius: 4px;
}

p.form-submit.rectangle-button.green.medium {
    margin-top: 30px;
        text-align: center;
}

form.contact-form.alt.clear-fix input[type="text"], form.contact-form.alt.clear-fix textarea {
    border-radius: 4px !important;
}

form.contact-form.alt.clear-fix input[type="email"]{
        margin-bottom: 10px;
        font-style: italic;
}

.map.wow.fadeInUp {
    border-radius: 4px;
}

.event-description a:hover p{
    color: black
}

.content-title::after {
    margin-top: 1px;
    margin-left: 5px;
    color: #f06868;
    border-color: transparent !important;
    background: #e6e6e6 none repeat scroll 0 0 !important;
}

.content-title.baigiang {
    border-top-left-radius: 5px;
    -ms-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    -ms-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    padding-top: 0px;
    padding-bottom: 0px;
    background: #e6e6e6 none repeat scroll 0 0 !important;
    border-bottom: 1px solid #d5d4d4;
}

.content-title.baigiang .section-right-name::before {
    margin-right: 10px;
}

.content-title.baigiang .section-right-name {
    margin-right: 10px;
}

div#expand_thongtin {
    padding: 0px;
}

ul.learn-outline-list li:last-child {
    border-bottom: none;
}

.content-title.courses-item::after {
    background-color: #fff !important;
    border-radius: 100%;
    display: block;
    height: 30px;
    left: 19px;
    padding: 0px;
    position: absolute;
    width: 30px;
    z-index: 1;
    margin-left: 27px;
    top: 8px;
    color: #18bb7c !important;
}

.content-title.courses-item {
    margin-bottom: -23px;
    px; */
}



.content-title.courses-item h4.scorm-right-name{
    margin-top: 2px;
    font-weight:bolder
}

.content-title.courses-item .learn-lesson-wr.scorm-right-link-wr::before{
   content: none;
}

ul.learn-outline-list.course-item-child {
    margin-left: 80px;
}

ul.learn-outline-list.course-item-child::before {
    background: #e6e5e5 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 20px;
    position: absolute;
    top: 0;
    width: 1px;
    margin-left: 40px;
}

ul.learn-outline-list.course-item-child li.learn-lesson-wr.scorm-right-link-wr {
    margin-top: 23px;
    border-top: 1px solid #d5d4d4;
    margin-left: -20px;
}

ul.learn-outline-list.course-item-child li {
    padding-left: 50px
}

.course-item-child-item::before {
    margin-left: 20px
}

.course-item-child-item .lesson-process-wr {
    margin-left: 10px
}

.course-item-child-item {
    margin-left: 10px
}

.course-item-child-item ul.scorm-right-action.clearfix
{
    margin-left: -40px
}

ul.learn-outline-list.course-item-child li:before {
    margin-left: 20px;
}

.content-title.courses-item::before {
    background: #e6e5e5 none repeat scroll 0 0;
    content: "";
    display: block;
    height: 100%;
    left: 20px;
    position: absolute;
    top: 0;
    width: 1px;
    margin-left: 40px;
}

.content-title.baigiang::after {
    color: #f06868 !important;
}

.danhsachstyle {
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}

a.cws-button.bt-color-2.border-radius.small i.fa.fa-envelope::before {
    padding-left: 10px;
    font-size: 19px;
    color: white;
}

a.cws-button.bt-color-2.border-radius.small:hover i.fa.fa-envelope::before {
    color: #595959;
}

.themtracnghiem {
    width: 120px !important;
}

.suabaikiemtra {
    vertical-align: middle;

}

.baihoc {
    width: 100%;
    height: 208px;
}

.baidanghoc {
    width: 45%;
    float: left;
}

.thongtin {
    width: 50%;
    float: right;
}

.baidanghoc iframe {
    width: 100%;
    height: 208px;
}

.tiendo {
    height: 8px;
    border-radius: 8px;
    background-color: #384047;
    position: relative;
    margin: 26px 9px 10px 0;
}

    .tiendo span {
        display: block;
        width: 10%;
        height: 100%;
        background-color: #ffbb45;
        border-radius: 8px;
    }

    .tiendo .icon {
        top: -5.5px;
        right: -1px;
    }

    .tiendo .icon {
        display: inline-block;
        width: 21px;
        height: 26px;
        background-image: url(../img/icon_unica.png);
        background-repeat: no-repeat;
        background-position: 0 -1250px;
        position: absolute;
        top: -7px;
        right: -16px;
    }

i.fa.fa-play-circle.continue {
    color: #18bb7c;
    margin-right: 10px;
}

a.btnButtonColor:hover {
    text-shadow: 0px 0px 10px #18bb7c;
    -moz-text-shadow: 0px 0px 10px #18bb7c;
    -webkit-text-shadow: 0px 0px 15px #18bb7c;
    font-weight: bolder;
}

a.btnButtonColor {
    font-weight: bold;
    font-size: 19px;
    color: #18bb7c;
}