/**
* hover
* button
* mobile-button
* mobile navigation
* box-shadow
* pd
* mg
* letter-spacing
* bg-color
* color
* overlay
* loading-overlay
* parallax
* header
* top-bar
* flat-slider
* menu
* sub-menu
* blog
* footer
* bottom
* blog-single
* home1
* home2
* home3
* home4
* home5
* about
* course-list
* course-grid
* course-single
*/

/*@import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&display=swap&subset=cyrillic,cyrillic-ext');
@import url('font-awesome.css');
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?rn6xjl');
  src:  url('../fonts/icomoon.eot?rn6xjl#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?rn6xjl') format('truetype'),
    url('../fonts/icomoon.woff?rn6xjl') format('woff'),
    url('../fonts/icomoon.svg?rn6xjl#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-icons8-list-filled-480:before {
  content: "\e90f";
}
.icon-icons8-grid-view-480:before {
  content: "\e910";
}
.icon-space-shuttle:before {
  content: "\e900";
}
.icon-social-sciences-faculty:before {
  content: "\e901";
}
.icon-rising:before {
  content: "\e902";
}
.icon-instruction:before {
  content: "\e903";
}
.icon-graduation-hat:before {
  content: "\e904";
}
.icon-certificate:before {
  content: "\e905";
}
.icon-icons8-delete-100:before {
  content: "\e906";
}
.icon-agreement:before {
  content: "\e907";
}
.icon-right-arrow:before {
  content: "\e908";
}
.icon-left-arrow:before {
  content: "\e909";
}
.icon-link:before {
  content: "\e90a";
}
.icon-icons8-planner-100:before {
  content: "\e90b";
}
.icon-icons8-stopwatch-100:before {
  content: "\e90c";
}
.icon-icons8-get-quote-filled-100:before {
  content: "\e90d";
}
.icon-icons8-marker-100:before {
  content: "\e90e";
}

/* Reset
-------------------------------------------------------------- */
html {
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}

body {
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

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

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

ol,
ul {
    list-style: none
}

blockquote,
q {
    -webkit-hyphens: none;
    -moz-hyphens: none;
    -ms-hyphens: none;
    hyphens: none;
    quotes: none
}

figure {
    margin: 0
}

 :focus {
    outline: none !important;

}

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

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle
}

legend {
    white-space: normal
}

button,
input,
select,
textarea {
    font-size: 100%;
    margin: 0;
    max-width: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

button,
input {
    line-height: normal
}

input,
textarea {
    background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0))
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    line-height: 1;
    cursor: pointer;
    -webkit-appearance: button;
    border: none
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0
}

input[type="search"] {
    -webkit-appearance: textfield
}

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

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

*,
:before,
:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

/* Repeatable Patterns
-------------------------------------------------------------- */
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    font: 16px/27px 'Open Sans', sans-serif;
    color: #8a8a8a;
    font-weight: 400;
}

a {
    font-size: 14px;
    text-decoration: none;
    color: #333;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

a:hover,
a:focus {
    color: #ff9927;
    text-decoration: none;
    outline: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

ul, ol {
    padding: 0;
}

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

b, strong {
    font-weight: 900;
}

button {
    border: none;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    display: inline-block;
    padding: 10px 28px;
    line-height: 24px;
    font-size: 14px;
    text-transform: uppercase;
    color: #ffffff;
    background: #ffb922;
    border: 2px solid #ffb922;
    -webkit-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    -moz-border-radius: 2px;
    position: relative;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    color: #fff;
    background: #ffb922;
}


select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
input[type="email"] {
    position: relative;
    display: block;
    width: 100%;
    line-height: 24px;
    padding: 0px 19px;
    color: #333;
    font-size: 16px;
    font-weight: 300;
    border: 1px solid #eeeff1;
    height: 44px;
    background-color: #fff;
    border-radius: 3px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
    border: 1px solid #ffb922;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

textarea {
    width: 100%;
    padding: 14px 21px;
    height: 100px;
}

input[type="checkbox"] {
    display: inline;
}

textarea:-moz-placeholder,
textarea::-moz-placeholder,
input:-moz-placeholder,
input::-moz-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

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

textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #c2c2c2;
    opacity: 1;
}

/*hover*/
.header-menu .main-nav .menu li a:hover,.nav-sing li a:hover,
.hv-menu-type2 .header-menu .main-nav .menu li a:hover,
.content-post-inner .entry-title a:hover,.flat-header-style2 .nav-sing li a:hover,
.footer-type2 #footer-widget .widget-nav-menu li a:hover,
.footer-type2 #footer-widget .widget-social-media li a i:hover,
.hv-menu-type2 .header-menu .main-nav .menu li a:hover,
.content-post-inner .entry-title a:hover,#footer #footer-widget .widget-nav-menu li a:hover,
.post-meta .social i:hover,.hv-menu-type1 .main-nav .menu li a:hover,
.content-blog-single .social-blog-single li i:hover,
.latest-post .latest-post-wrap .thumb-new-content .thumb-new-title a:hover,
.related-posts-wrap .content-related-post .post-title a:hover,
#bottom ul.bottom-nav > li > a:hover,.flat-services.style1 .flat-imagebox.imagebox-services .imagebox-content a:hover,
.info-quick-link li a:hover,
.quick-link .info-quick-link li a:hover,.breadcrumbs-inner li a:hover,
#footer #footer-widget .widget-social-media li a:hover,.iconbox-benefit .iconbox-content a:hover,
.flat-course .course-content h4 a:hover,
.courses-single-page .sidebar-right .widget-features .features li a:hover,
.site-content .post-blog .content-post-inner .entry-title a:hover,
.header #main-nav ul li ul.sub-menu .menu-item a:hover,
.header #main-nav ul li ul.sub-menu .menu-item.active a,
.header #main-nav ul li ul.sub-menu .menu-item.current-menu-item a,
.latest-blog-type2 .post .post-content .post-title h5 a:hover,
#bottom .bottom-bar-content #copyright .license a:hover,
.flat-event-style3 .content-event-style3 .featured .place a:hover,
.course-grid .flat-portfolio .flat-filter-isotype li a:hover{
    color: #ff9927;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.flat-services-style2 .flat-imagebox.imagebox-services .imagebox-content a:hover{
    color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.transparent-head-style5 .wrap-transparent .btn-edu ul .bt-copy a:hover,
.transparent-head-style5 .wrap-transparent .btn-edu ul .bt-get a:hover,
.imagebox-courses-type2 .info-courses .package a:hover{
    background: #ff9927;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.flat-slider.style1 .tp-caption a.btn-styl1:hover,
.flat-slider.style1 .tp-caption a.btn-styl2:hover{
    background-color: #ffb922;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.btn-50.hv-border button:hover,
.quick-link .btn-apply-link ul li a.btn-apply:hover,
.cta-about .cta-content .btn-about-become a:hover{
    color: #fff;
    background: none;
    border: 1px solid #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.btn-50.hv-bg333 button:hover,
.btn-50.hv-bg333 a:hover,
.flat-event-bg .content-event-rg .flat-button a.btn-become:hover,
.cta .cta-wrap ul li a:hover,
.comments .btn-post-comment:hover,
.flat-slider.style2 .tp-caption a.btn-styl1:hover,
.flat-event-bg .content-event-right .flat-button a.btn-become:hover,
.flat-event-style3 .content-event-style3 .btn-event-going a:hover,
.flat-introduce-style5 .content-introduce .btn-read-more a:hover,
.header-style5 .header-menu .main-nav .menu li.nav-sing a.sing-in:hover,
.flat-about .textbox-content .about-introduce .btn-about a:hover,
.free-education .free-education-wrap .order-now a.btn-oder-now:hover,
.cta-cr .cta-content .btn-about-become a:hover,
.price-course-single .btn-buynow a:hover{
    color: #fff;
    background: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.quick-link-style1 .btn-apply-link ul li .btn-request:hover{
    color: #fff;
    background: #ff5f60;
    border-color: #ff5f60;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.quick-link-style4 .btn-apply-link ul li .btn-request:hover,
.quick-link-style5 .btn-apply-link ul li .btn-request:hover{
    color: #fff;
    background: #ff9927;
    border-color: #ff9927;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.iconbox-benefit-style1 .iconbox-content a:hover,
.quick-link-style1 .info-quick-link li a:hover{
    color: #ff5f60 !important;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#footer .form-send input:focus{
    border: 1px solid #ff9927;
}
#footer #footer-widget .widget-nav-menu li a:hover{
    margin-left: 15px;
}
.header-style1 .header-menu .main-nav .menu li.nav-sing a.sing-up:hover{
    background: #ff9927;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/*button*/
.btn-50 a{
    padding: 7px 33px 5px 33px;
    font-size: 17px;
    display: inline-block;
    line-height: 38px;
    font-weight: 500;
    letter-spacing: 0.4px;
    border-radius: 36px;
    color: #fff;
    text-transform: initial;
}
.btn-50 button{
    padding: 13px 34px 10px 34px;
    font-size: 17px;
    font-weight: 500;
    border-radius: 36px;
    color: #fff;
    text-transform: initial;
}

/*mobile-button*/
.mobile-button {
    display:none;
    position:absolute;
    width:26px;
    height:26px;
    float:right;
    top:50%;
    right:0;
    background-color:transparent;
    cursor:pointer;
    -webkit-transition:all 0.3s ease;
    -moz-transition:all 0.3s ease;
    -ms-transition:all 0.3s ease;
    -o-transition:all 0.3s ease;
    transition:all 0.3s ease;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    -o-transform:translateY(-50%);
    transform:translateY(-50%);
}
.mobile-button:before,
.mobile-button:after,
.mobile-button span {
    background-color: #ff9927;
    -webkit-transition:all ease 0.3s;
    -moz-transition:all ease 0.3s;
    transition:all ease 0.3s;
}
.mobile-button:before,
.mobile-button:after {
    content:'';
    position:absolute;
    top:0;
    height:3px;
    width:100%;
    left:0;
    top:50%;
    -webkit-transform-origin:50% 50%;
    -ms-transform-origin:50% 50%;
    transform-origin:50% 50%;
}
.mobile-button span {
    position:absolute;
    width:100%;
    height:3px;
    left:0;
    top:50%;
    overflow:hidden;
    text-indent:200%;
}
.mobile-button:before {
    -webkit-transform:translate3d(0,-7px,0);
    -moz-transform:translate3d(0,-7px,0);
    transform:translate3d(0,-7px,0);
}
.mobile-button:after {
    -webkit-transform:translate3d(0,7px,0);
    -moz-transform:translate3d(0,7px,0);
    transform:translate3d(0,7px,0);
}
.mobile-button.active span {
    opacity:0;
}
.mobile-button.active:before {
    -webkit-transform:rotate3d(0,0,1,45deg);
    -moz-transform:rotate3d(0,0,1,45deg);
    transform:rotate3d(0,0,1,45deg);
}
.mobile-button.active:after {
    -webkit-transform:rotate3d(0,0,1,-45deg);
    -moz-transform:rotate3d(0,0,1,-45deg);
    transform:rotate3d(0,0,1,-45deg);
}

.btn-submenu {
    position: absolute;
    right: 0;
    top: 0;
    font: 20px/50px 'FontAwesome';
    text-align: center;
    cursor: pointer;
    width: 55px;
    height: 44px;
}
.btn-submenu:before {
    pointer-events: none;
    content: "\f107";
    color: #fff;
}
.btn-submenu.active:before {
    content: "\f106"
}

/*mobile navigation*/
#mainnav-mobi {
    display: none;
    margin: 0 auto;
    width: 100%;
    position: absolute;
    background-color: #222222;
    z-index: 1000;
    top:100%;
    left: 0;
}
#mainnav-mobi ul {
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
}
#mainnav-mobi ul li {
    margin:0;
    position: relative;
    text-align: left;
    border-top: 1px solid #333333;
    cursor: pointer
}
#mainnav-mobi ul > li > a {
    text-decoration: none;
    height: 50px;
    line-height: 45px;
    padding: 0 15px;
    color: #fff;
}
#mainnav-mobi ul.sub-menu {
    top: 100%;
    left: 0;
    z-index: 2000;
    position: relative;
    background-color: #333333;
    width: 100%;
    padding-left: 25px;
    opacity: 1;
    visibility: visible;
    -webkit-transition: all 0s ease-in-out;
    -moz-transition: all 0s ease-in-out;
    -ms-transition: all 0s ease-in-out;
    -o-transition: all 0s ease-in-out;
    transition: all 0s ease-in-out;
    display: none;
}
#mainnav-mobi > ul > li > ul > li,
#mainnav-mobi > ul > li > ul > li > ul > li {
    position: relative;
    border-top: 1px solid #333333;
}
#mainnav-mobi > ul > li > ul > li > ul > li a {
    padding-left: 70px !important
}
#mainnav-mobi ul.sub-menu > li > a {
    display: block;
    text-decoration: none;
    border-top-color: rgba(255,255,255,.1);
    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#mainnav-mobi > ul > li > ul > li:first-child a {
    border-top: none;
}
#mainnav-mobi ul.sub-menu > li > a:hover,
#mainnav-mobi > ul > li > ul > li.active > a {
    color: #fff;
}
.row.no-gutters {
    margin-right: 0;
    margin-left: 0;
}

/*box-shadow*/
.box-shadow-type1{
    -webkit-box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
    -moz-box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
    box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
}
.box-shadow-type2{
    box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.08);
    -webkit-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.08);
    -moz-box-shadow: 0px 10px 30px 0px rgba(50, 50, 50, 0.08);
}

/*pd*/
.pd-top75{
    padding-top: 75px;
}
.pd-top27{
    padding-top: 27px;
}
.pd-top8{
    padding-top: 8px;
}
.pd-top120{
    padding-top: 120px;
}
.pd-bottom9{
    padding-bottom: 9px;
}
.pd-bottom120{
    padding-bottom: 120px;
}
.pd-bottom119{
    padding-bottom: 119px;
}

/*mg*/
.mg-top1{
    margin-top: 1px;
}
.mg-top2{
    margin-top: 2px;
}
.mg-top30{
    margin-top: 30px;
}
.mg-top60{
    margin-top: 60px;
}
.mg-top100{
    margin-top: 100px;
}
.mg-top130{
    margin-top: 130px;
}
.mg-top120{
    margin-top: 120px;
}
.mg-top70{
    margin-top: 70px;
}
.mg-top71{
    margin-top: 71px;
}
.mg-top79{
    margin-top: 79px;
}
.mg-bottom30{
    margin-bottom: 30px;
}
.mg-bottom49{
    margin-bottom: 49px;
}
.mg-bottom44{
    margin-bottom: 44px;
}
.mg-bottom24{
    margin-bottom: 24px;
}
.mg-bottom98{
    margin-bottom: 98px;
}
.mg-bottom62{
    margin-bottom: 62px;
}
.mg-bottom106{
    margin-bottom: 106px;
}
.mg-bottom76{
    margin-bottom: 76px;
}
.mg-bottom85{
    margin-bottom: 85px;
}


/*letter-spacing*/
.lt-sp4{
    letter-spacing: 4px;
}
.lt-sp03{
    letter-spacing: 0.3px;
}
.lt-sp04{
    letter-spacing: 0.4px;
}
.lt-sp06{
    letter-spacing: 0.6px;
}
.lt-sp003{
    letter-spacing: 0.03em;
}
.lt-sp009{
    letter-spacing: 0.09px;
}
.lt-sp0023{
    letter-spacing: 0.023em;
}
.lt-sp0029{
    letter-spacing: 0.029em;
}
.lt-sp025{
    letter-spacing: 0.25px;
}
.lt-sp17{
    letter-spacing: 1.7px;
}
.lt-sp18{
    letter-spacing: 1.7px;
}
.lt-sp25{
    letter-spacing: 2.5px;
}
.lt-sp275{
    letter-spacing: 2.75px;
}

/*bg-color*/
.bg-cl183251{
    background-color: #183251;
}
.bg-cl3f4c99{
    background-color: #403651;
}
.bg-cl7ecc88{
    background-color: #7ecc88;
}
.bg-clff5f60{
    background-color: #ff5f60;
}

.quick-link .btn-apply-link ul li a,
.bg-clfbb545{
    background-color: #ff9927;
}
.bg-clff9819{
    background-color: #ff9819;
}
.bg-cl6500ff{
    background-color: #6500ff;
}
.bg-cl6f2ad8{
    background-color: #6f2ad8;
}
.bg-clfff7ec{
    background-color: #fff7ec;
}
.bg-cl667eea{
    background-color: #667eea;
}
.bg-clf0c41b{
    background-color: #f0c41b;
}
.bg-cl25cf71{
    background-color: #25cf71;
}
.bg-cla476b4{
    background-color: #a476b4;
}
.bg-clffbe34{
    background-color: #ffbe34;
}
.bg-clfb6d6d{
    background-color: #fb6d6d;
}

/*color*/
.cl-fff{
    color: #fff;
}
.cl-7ecc88{
    color: #7ecc88;
}
.cl-3f4c99{
    color: #403651;
}
.cl-ff5f60{
    color: #ff5f60;
}
.cl-474f57{
    color: #474f57;
}
.cl-fb8122{
    color: #fb8122;
}
.cl-33d9b2{
    color: #33d9b2;
}
.cl-f49ac1{
    color: #f49ac1;
}
.cl-fe5e5f{
    color: #fe5e5f;
}
.cl-fbb545{
    color: #ff9927;
}
.cl-667eea{
    color: #667eea;
}
.cl-f0c41b{
    color: #f0c41b;
}
.cl-8b46f4{
    color: #8b46f4;
}

/*overlay*/
.flat-services.style1 .section-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255, 95, 96, 0.8);
}
.quick-link .section-overlay {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(63, 76, 153, 0.8);
}
.section-overlay183251{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(24, 50, 81, 0.7);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.section-overlay333{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(51, 51, 51, 0.8);
    border-bottom-left-radius: 14px;
    border-bottom-right-radius: 14px;
}
.overlay7835de{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(120, 53, 222, 0.6);
}
.overlay3cb878{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(60, 184, 120, 0.6);
}
.overlayff9819{
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(255, 152, 25, 0.6);
}
.overlay00e4ff{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0, 228, 225, 0.6);
}
.overlay183251{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(24, 50, 81, 0.6);
}

.overlay3f4c99{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(63, 76, 153, 0.7);
}
.overlayff5f60-op07{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 95, 96, 0.7);
}
.overlay3cb878{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(60, 184, 120, 0.7);
}
.overlayfbb545{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(251, 181, 69, 0.7);
}

.overlay667eea{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(102, 126, 234, 0.9);
}
.overlayf0c41b{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(240, 196, 27, 0.9);
}
.overlay8b46f4{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(139, 70, 244, 0.9);
}
.overlayff5f60-op09{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(255, 95, 96, 0.9);
}

/*loading-overlay*/
#loading-overlay {
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
}
#loading-overlay .loader {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60px;
    height: 60px;
    margin: -30px 0 0 -30px;
}
#loading-overlay .loader:before,
#loading-overlay .loader:after {
    position: absolute;
    display: inline-block;
    width: 60px;
    height: 60px;
    content: "";
    -webkit-animation: preloader-wave 1.6s linear infinite;
    animation: preloader-wave 1.6s linear infinite;
    border-radius: 50%;
    background: #ff9927;
}
#loading-overlay .loader:after {
    -webkit-animation-delay: -.8s;
    animation-delay: -.8s;
}
@-webkit-keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}
@keyframes preloader-wave {
    0% {
        -webkit-transform: scale(0, 0);
        transform: scale(0, 0);
        opacity: .5;
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0;
    }
}

/*parallax*/
.parallax {
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 0;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

}
/*header*/
.wrap-header{
    position: relative;
}
.header .container,
.top-bar .container{
    max-width: 1200px;
}
.flat-header{
    width: 100%;
    position: absolute;
    z-index: 500;
    background: transparent;
}
.header-sticky{
    z-index: 99999;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    background-color: #333;
    -webkit-animation-name: fadeInDown;
    -webkit-animation-duration: 0.8s;
    animation-name: fadeInDown;
    animation-duration: 0.8s;
}
.menu-bar #logo{
    margin: 27px 0 26px 0;
}
.menu-bar #main-nav > ul > li:last-child .sub-menu{
    left: auto;
    right: 0;
}
.menu-bar #main-nav > ul > li{
    padding-top: 29px;
    padding-bottom: 31px;
}
.menu-bar .menu-bar-wrap{
    border-top: 1px solid #d0d0d0;
    background: rgba(255,255,255, 0.2);
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    padding: 0 30px;
    position: relative;
}

@media(max-width: 991px){
    .menu-bar .menu-bar-wrap {
        overflow: hidden;
    }

    .menu-bar .menu-bar-wrap.is-active {
        overflow: visible;
    }
}


.header-sticky .menu-bar-wrap{
    border-top: unset;
    background: unset;
    padding: 0;
}

/*top-bar*/
.top-bar{
    padding: 30px 0 33px 0;
}
.top-bar .information {
    float: left;
    font-size: 16px;
}

.top-bar .information li a,
.top-bar .information li{
    font-size: 16px;
    display: inline-block;
    padding-right: 27px;
    color: #fff;
}

.top-bar .information li a {padding-right: 0;}

.top-bar .information li.phone i{
    margin-right: 9px;
}
.top-bar .information li.email i{
    font-size: 15px;
    margin-right: 4px;
    letter-spacing: 3px;
}
.top-bar .information li:last-child{
    padding-right: 0;
}

/*flat-slider*/
.flat-slider .rev_slider_wrapper ul li .education{
    font-weight: 700;
}
.flat-slider .rev_slider_wrapper ul li .education .education-text{
    letter-spacing: 1.7px !important;
}
.flat-slider .slotholder{
    z-index: -1 !important;
}
.flat-slider .rev_slider_wrapper .tp-caption a.btn-styl1{
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 17px;
    margin-right: 36px;
}

/*menu*/
#logo {
    display: inline-block;
}
.main-nav .menu li{
    display: inline-block;
    padding-left: 25px;
}
.main-nav .menu li a{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.main-nav .menu li.nav-sing a{
    font-weight: 500;
}
.header .header-menu{
    float: right;
    display: inline-block;
}
.nav-sing{
    float: right;
}
.nav-sing li a{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}
.nav-sing li:nth-of-type(1){
    margin-left: 0;
}
.nav-sing li{
    display: inline-block;
    position: relative;
    margin-left: 20px;
}
.nav-sing li:after{
    content: "";
    width: 1px;
    height: 27px;
    background: #fff;
    position: absolute;
    right: -12px;
}
.nav-sing li:last-of-type:after{
    display: none;
}
.header .header-menu .main-nav .menu li.nav-sing a{
    letter-spacing: 0.4px;
}
.header-menu .main-nav .menu li.nav-sing a.sing-in{
    display: inline-block;
    position: relative;
}
.address i.fa-phone{
    margin-right: 8px;
}
.address i.fa-envelope{
    margin-right: 8px;
    font-size: 14px;
}

/*sub-menu*/
#main-nav .sub-menu{
    background-color: #333;
    z-index: 9999;
}
#main-nav .sub-menu  {
    line-height: 40px;
    margin-left: 24px;
    position: absolute;
    left: 0;
    top: 100%;
    min-width: 200px;
    padding: 15px 0px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    -webkit-transform: translateY(15px);
    -moz-transform: translateY(15px);
    -ms-transform: translateY(15px);
    -o-transform: translateY(15px);
    transform: translateY(15px);
}
#main-nav .sub-menu li{
    display: block;
}
#main-nav li:hover .sub-menu {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}
#main-nav > ul > li {
    width: auto;
    position: relative;
    list-style:none;
}

/*blog*/
.bg-header{
    background-image: url('../images/header/01.png');
    height: 579px;
    background-repeat: no-repeat;
}
.header-blog .header-menu{
    float: right;
}
.breadcrumbs-blog{
    padding-top: 101px;
}
.breadcrumbs-inner li{
    display: inline-block;
}
.breadcrumbs-inner li a{
    font-size: 16px;
    font-weight: 400;
    color: #fff;
}
.breadcrumbs-inner li:after{
    content: "/";
    padding: 0 6px;
    color: #fff;
}
.breadcrumbs-inner li:last-of-type:after{
    display: none;
}
.breadcrumbs-wrap .title{
    padding-top: 10px;
    line-height: 40px;
    font-size: 30px;
    font-weight: 500;
    color: #fff;
}

.post-border{
    border: 1px solid #f1f1f1;
}
.site-content .post-blog .content-post{
    padding: 30px 20px 43px 30px;
}
.site-content .post-blog .content-post .post-meta{
    margin-right: 30px;
    float: left;
}
.site-content .post-blog .content-post .post-meta .clendar-wrap{
    padding: 21px 27px 16px 21px;
    background: #ff9927;
    color: #fff;
    border-radius: 2px;
}
.site-content .post-blog .content-post .post-meta .clendar-wrap .day{
    font-size: 24px;
    line-height: 20px;
    font-weight: 600;
    margin-bottom: 3px;
}
.site-content .post-blog .content-post .post-meta .clendar-wrap .month{
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.site-content .post-blog .content-post-inner .poster{
    color: #8f8f8f;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
}
.site-content .post-blog .content-post-inner .poster a{
    color: #ff9927;
    font-size: 14px;
}
.site-content .post-blog .content-post-inner .entry-title a{
    font-size: 24px;
    line-height: 34px;
    color: #454545;
    font-weight: 600;
}
.site-content .post-blog .content-post-inner p{
    font-size: 17px;
    line-height: 27px;
}
.site-content .post-blog .content-post-inner .flat-button a{
    font-size: 17px;
    font-weight: 600;
}
.site-content .post-blog{
    margin-bottom: 50px;
}
.post-meta .social{
    padding-top: 26px;
}
.post-meta .social li{
    padding-bottom: 18px;
}
.post-meta .social i{
    font-size: 17px;
}
.content-post-blog .content-post-inner .poster{
    margin: -4px 0 23px 0;
}
.content-post-blog .content-post-inner p{
    margin: 11px 0 31px 0;
}
.pd-pagination-blog{
    width: 100%;
    text-align: center;
    display: inline-block;
    padding-top: 70px;
    padding-bottom: 114px;
}

.widget .widget-title{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: 500;
    border-bottom: 1px solid #ededed;
}
.sidebar .widget{
    margin-bottom: 48px;
}
.sidebar .widget .widget-title{
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 30px;
    font-weight: 500;
    border-bottom: 1px solid #ededed;
}
.sidebar .widget .widget-title span{
    display: block;
    position: relative;
    padding-bottom: 11px;
    color: #333;
    letter-spacing: 0.7px;
}
.sidebar .widget .widget-title span:after {
    content: "";
    position: absolute;
    top: 98%;
    left: 0;
    height: 3px;
    width: 30px;
    background-color: #ffc30c;
}
.search-blog-wrap{
    padding: 50px;
    -webkit-box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
    -moz-box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
    box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
}
.widget_search .search-form{
    width: 100%;
    position: relative;
    margin: 0;
    z-index: 9999;
}
.search-form{
    position: relative;
}
.widget-search .search-form .search-button{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffb922;
    width: 32px;
    height: 32px;
    margin: 6px;
    padding: 0;
    border-radius: 2px;
}
.widget-search .search-form .search-button i{
    font-size: 18px;
    color: #fff;
}
.widget-search .search-form input{
    font-size: 16px;
    padding: 0px 28px;
}
.widget-categories ul.categories-wrap li{
    margin-bottom: 18px;
}
.widget-categories ul.categories-wrap li a{
    font-size: 16px;
}

.latest-post ul.latest-post-wrap li{
    margin-bottom: 25px;
    overflow: hidden;
}
.latest-post .latest-post-wrap .thumb-new{
    float: left;
    margin-right: 19px;
}
.latest-post .latest-post-wrap .thumb-new-content{
    padding-top: 4px;
}
.latest-post .latest-post-wrap .thumb-new-content .thumb-new-title{
    margin-bottom: 4px;
}
.latest-post .latest-post-wrap .thumb-new-content .thumb-new-title a{
    font-size: 15px;
    line-height: 18px;
    color: #333;
    font-weight: 400;
}
.latest-post .latest-post-wrap .thumb-new-content .thumb-new-day{
    font-size: 14px;
    color: #707070;
}
.free-education{
    background-image: url('../images/blog-sidebar/05.png');
    margin-top: 50px;
    padding: 48px 0 101px;
    background-size: cover;
}
.free-education .free-education-wrap p{
    font-size: 16px;
    line-height: 24px;
}
.free-education .free-education-wrap h3{
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.69px;
    padding-top: 8px;
}
.free-education .free-education-wrap .order-now{
    text-align: center;
    margin-top: 41px;
}
.free-education .free-education-wrap .order-now a.btn-oder-now{
    font-size: 14px;
    font-weight: 600;
    padding: 11px 18px 9px 20px;
    background: #ff9927;
    color: #fff;
    display: inline-block;
    letter-spacing: 0.5px;
}

/*footer*/
.footer-type1{
    background-image: url(../images/footer/01.png);
    background-size: cover;
}
.footer-type1 .form-send-email{
    padding-top: 118px;
}
.footer-type2 .form-send-email{
    padding-top: 189px;
}
.footer-type3 .form-send-email{
    padding-top: 221px;
}

.footer-type1 #footer-widget .widget.widget-title{
    color: #333;
}

.footer-type2{
    background-image: url(../images/footer/2.jpg);
    background-size: cover;
}

.footer-type2 #footer-widget .widget-social-media li a i{
    color: #fff;
}
.footer-type2 #footer-widget .widget-nav-menu li a{
    color: #f0f0f0 !important;
}

.footer-type3{
    background-image: url(../images/footer/3.png);
    background-size: cover;
    background-position: center;
}
#footer .footer__contacts {
    color: #fff;
    padding-left: 20px;
    margin-top: 20px;
}

#footer .footer__icons {
    margin-top: 20px;
    padding-left: 20px;
}

#footer .footer__icons ul {
    list-style: none;
    margin: -10px;
    display: flex;
    flex-wrap: wrap;
}

#footer .footer__icons li {
    padding: 10px;
    height: 40px;
}

#footer .footer__icons li img {
    height: 100%;
    vertical-align: top;
    width: auto;
}

@media(max-width: 1200px){
    #footer .footer__contacts {
        padding-left: 0;
    }

    #footer .footer__icons {
        padding-left: 0;
    }
    #footer .footer__icons ul {
        justify-content: center;
    }
}

#footer form.form-send {
    position: relative;
    max-width: 470px;
    margin: 0 auto;
}
#footer .form-send input{
    height: 60px;
    font-size: 17px;
    border: none;
    background: #fafcff;
    font-weight: 300;
    padding: 0 34px;
    line-height: 27px;
    color: #999999;
    letter-spacing: 0.8px;
}
#footer .form-send .send-button{
    position: absolute;
    top: 0;
    right: 0;
    color: #fff;
    height: auto;
    margin: 11px 9px 11px 10px;
    padding: 8px 15px 5px 17px;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.5px;
    text-transform: none;
}
#footer .form-send .send-button-type1:hover{
    color: #ff9927;
    background-color: #333;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#footer #footer-widget{
    padding-top: 96px;
    padding-bottom: 80px;
}
#footer #footer-widget .logo-footer{
    margin: 6px 0 40px 0;
}
#footer #footer-widget .info-footer{
    padding-bottom: 40px;
}
#footer #footer-widget .widget.widget-title{
    font-size: 24px ;
    font-weight: 700 ;
    margin-bottom: 36px;
    color: #333;
}
#footer #footer-widget .col-company .widget.widget-title{
    letter-spacing: 0.7px;
}
#footer #footer-widget .col-link .widget.widget-title,
#footer #footer-widget .col-media .widget.widget-title{
    margin-top: 3px;
    letter-spacing: 0.9px;
}
#footer #footer-widget .widget-nav-menu li{
    margin-bottom: 13px;
}
#footer #footer-widget .widget-nav-menu li a {
    font-size: 17px;
    color: #7a7a7a;
    font-weight: 300;
}
#footer #footer-widget .widget-social-media li{
    display: inline-block;
    padding-right: 26px;
}
#footer #footer-widget .widget-social-media li:last-child{
    padding-right: 0px;
}
#footer #footer-widget .widget-social-media li a i{
    font-size: 17px;
}

/*bottom*/
.bottom-type1 .bottom-bar-inner-wrap{
    padding: 43px 0px 49px 0px;
    border-top: 1px solid #f1f1f1;
}
.bottom-type2{
    background: #39468f;
}
.bottom-type2 .bottom-bar-inner-wrap{
    padding: 27px 0px 26px 0px;
}
.bottom-type2 .bottom-bar-inner-wrap #copyright .text-year,
.bottom-type2 .bottom-bar-inner-wrap #copyright .text-name,
.bottom-type2 .bottom-bar-inner-wrap #copyright .license a
{
    color: #c9c9c9 !important;
}
.bottom-type2 .bottom-bar-inner-wrap .bottom-bar-menu ul li a,
.bottom-type2 .bottom-bar-content .text ,
.bottom-type2 .bottom-bar-content .text a{
    color: #c9c9c9 !important;
}

#bottom .bottom-bar-inner-wrap{
    display: table;
    overflow: hidden;
    width: 100%;
    position: relative;
}
#bottom .bottom-bar-content {
    display: table-cell;
    margin: 0;
    text-align: left;
    width: 40%;
    vertical-align: middle;
}
#bottom .bottom-bar-content #copyright{
    padding-top: 2px;
}
#bottom .bottom-bar-content #copyright .text-year{
    letter-spacing: -0.9px;
    padding-left: 5px;
    color: #8a8a8a;
}
#bottom .bottom-bar-content #copyright .text-name{
    padding-left: 9px;
    letter-spacing: -1.3px;
    color: #7a7a7a;
}
#bottom .bottom-bar-content #copyright .license{
    padding-left: 18px;
}
#bottom .bottom-bar-content #copyright .license a{
    color: #7a7a7a;
}
#bottom .bottom-bar-menu {
    display: table-cell;
    text-align: right;
    width: 60%;
    vertical-align: middle;
}
#bottom ul.bottom-nav li {
    display: inline-block;
    position: relative;
    padding: 0 23px;
}
#bottom ul.bottom-nav li:last-child {
    padding-right: 0px;
}
#bottom ul.bottom-nav li a {
    font-size: 14px;
    color: #7a7a7a;
    letter-spacing: 0.4px;
    font-weight: 300;
}

/*blog-single*/
.blog-single{
    padding-bottom: 116px;
}
.content-blog-single{
    margin-top: 63px;
}
.content-blog-single .social-blog-single{
    width: 9%;
    float: left;
    padding-left: 3px;
}
.content-blog-single .social-blog-single li{
    margin-bottom: 7px;
}
.content-blog-single .content-blog-single-inner{
    width: 91%;
    float: left;
}
.content-blog-single .content-blog-single-inner .title a{
    font-size: 58px;
    line-height: 68px;
    font-weight: 600;
    letter-spacing: 1px;
}
.content-blog-single .content-blog-single-inner .pd-title-single{
    padding-bottom: 40px;
}
.content-blog-single .content-blog-single-inner blockquote{
    font-size: 17px;
    line-height: 27px;
    color: #333;
    margin: 44px 0 55px 0;
    padding-top: 36px;
    position: relative;
    font-style: italic;
    padding-right: 28px;
    font-weight: 400;
    text-align: center;
}
.content-blog-single .content-blog-single-inner blockquote:before{
    content: "\e90d";
    font-family: "icomoon";
    position: absolute;
    font-size: 28px;
    top: 0;
    left: 45.3%;
    font-style: normal;
}
.content-blog-single .content-blog-single-inner p{
    font-size: 16px;
    line-height: 27px;
    color: #8a8a8a;
    font-weight: 300;
    padding-right: 31px;
    margin-bottom: 27px;
}
.content-blog-single .content-blog-single-inner .content-blog-single-wrap{
    margin-bottom: 63px;
}

.blog-single-poster{
    margin-top: 45px;
}
.blog-single-poster-wrap .avtar-poster{
    float: left;
    margin-right: 30px;
}
.blog-single-poster-wrap .info-poster{
    padding: 18px 0;
    color: #454545;
}
.blog-single-poster-wrap .info-poster .name{
    font-size: 16px;
    font-weight: 500;
}
.blog-single-poster-wrap .info-poster .position{
    font-size: 14px;
}

.comment-respond .comment-reply-title {
    font-size: 24px;
    color: #333;
    text-transform: capitalize;
    letter-spacing: 0.3px;
}
.comments .text-wrap .full-name-wrap input{
    width: 48%;
    float: left;
    height: 53px;
    margin-right: 25px;
}
.comments .text-wrap .email-address-wrap input{
    width: 48%;
    height: 53px;
    float: left;
}
.comments .message-wrap{
    margin-top: 30px;
}
.comments .message-wrap textarea{
    height: 208px;
}
.comments .btn-post-comment{
    padding: 10px 28px;
    background: #ff9927;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    -webkit-box-shadow: 0px 0px 20px 8px rgba(251,181,69,0.3);
    -moz-box-shadow: 0px 0px 20px 8px rgba(251,181,69,0.3);
    box-shadow: 0px 0px 20px 8px rgba(251,181,69,0.3);
}
.related-posts {
    padding-top: 117px;
}
.related-posts .title{
    font-size: 24px;
    font-weight: 500;
    color: #333;
    padding-bottom: 64px;
}
.related-posts-wrap .content-related-post .related-post-inner{
    padding: 28px 29px 20px 28px;
}
.related-posts-wrap .content-related-post .post-title a{
    font-size: 16px;
    font-weight: 500;
    color: #333;
}
.related-posts-wrap .content-related-post .text{
    font-size: 15px;
    line-height: 28px;
    font-weight: 300;
    color: #616161;
    padding-top: 12px;
    padding-bottom: 16px;
}
.related-posts-wrap .content-related-post .read-more a{
    font-size: 14px;
    color: #ff9927;
}

/*home1*/
.bd-radius-20{
    border-radius: 30px;
}
.header-style1 .site-header-inner{
    position: relative;
}
.header-style1 .site-header-inner #logo{
    margin: 28px 0 41px 0;
}
.header-style1 .site-header-inner #main-nav > ul > li{
    padding-top: 31px;
    padding-bottom: 45px;
}
.header-style1 .header-menu .main-nav .menu li.nav-sing a.sing-up{
    padding: 10px 29px 13px 29px;
    background: #403651;
    border-radius: 30px;
}
.header-style1 .nav-sing .btn-sing-up:hover a{
    color: #fff;
}
.header-style1 .site-header-inner:after{
    content: '';
    max-width: 1170px;
    width: 100%;
    height: 1px;
    background: rgba(222, 223, 224, 0.2);
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.header-style1 .nav-sing{
    margin-left: 108px;
}
.header-style1 .header-menu .main-nav .menu li.nav-sing a.sing-in{
    margin-right: 19px;
}

.iconbox-style1 .apply-admission{
    position: relative;
    transform: translateY(-48%);
    z-index: 9999;
}

.flat-slider.style1 .tp-caption a.btn-styl1{
    background: #403651;
}
.flat-slider.style1 .tp-caption a.btn-styl2{
    width: 50px;
    height: 50px;
    line-height: 35px;
    border-radius: 50%;
    background: #ff5f60;
    color: #fff;
}
.flat-slider.style1 .tp-caption a.btn-styl1{
    padding: 12px 32px 12px 32px;
}
.flat-slider .rev_slider_wrapper #rev-slider1 ul li .sl-address a{
    font-size: 16px;
    font-weight: 500;
}
.flat-slider .rev_slider_wrapper #rev-slider1 ul li .sl-address a i{
    margin-right: 10px;
}
.flat-slider .rev_slider_wrapper #rev-slider1 ul li .sl-address a.sl-phone{
    margin-right: 40px;
}

.online-courses-style1{
    margin-top: -10px;
}
.online-courses-style1 .title-section{
    margin-bottom: 100px;
}

.flat-services.style1{
    background-size: cover;
    position: relative;
    padding: 120px 0 112px 0;
    margin-top: 120px;
}
.parallax1{
    background-image: url(../images/home1/parallax1.jpg);
}

.partner-clients-style1 .slide-client{
    padding-top: 21px;
    margin-left: -28px;
}

.flat-imagebox.imagebox-services.style1 .imagebox-content .text-one{
    margin-top: 28px;
    margin-bottom: 18px;
    letter-spacing: 0.2px;
}
.flat-imagebox.imagebox-services.style1 .imagebox-content .text-two{
    margin-top: 25px;
    letter-spacing: 0.1px;
    margin-bottom: 20px;
}
.flat-imagebox.imagebox-services.style1 .imagebox-content .text-three{
    margin-top: 29px;
    margin-bottom: 18px;
    letter-spacing: 0.4px;
}
.flat-imagebox.imagebox-services.style1 .imagebox-content p{
    margin-bottom: 18px;
}

.flat-introduce-style1{
    padding-top: 167px;
    padding-bottom: 166px;
}
.flat-introduce-style1 .col-left{
    width: 51.4%;
    float: left;
}
.flat-introduce-style1 .col-right{
    width: 48.6%;
    float: left;
    padding-left: 100px;
}
.flat-introduce-style1 .videobox a.fancybox:before{
    bottom: 0;
    right: 0;
    background: #ff5f60;
}
.flat-introduce-style1 .videobox .elip-top{
    position: absolute;
    top: -46px;
    right: -57px;
    z-index: -1;
}
.flat-introduce-style1 .videobox .elip-bottom{
    position: absolute;
    bottom: -46px;
    left: -67px;
    z-index: -1;
}
.content-introduce-style1{
    padding-top: 65px;
}
.content-introduce-style1 .content-introduce-inner .content-list ul li .text:before{
    color: #ffb5b5;
}
.content-introduce-style1 .title-section{
    margin-bottom: 54px;
}

.flat-benefit.style1{
    background-image: url('../images/home1/17.png');
    background-size: cover;
    padding: 113px 0 47px 0;
}
.flat-benefit.style1 .title-section{
    margin-bottom: 75px;
}
.flat-benefit .title-section .flat-title{
    letter-spacing: 0.4px;
}

.iconbox-benefit-style1 .iconbox-content.img-one h3{
    margin-top: 25px;
    margin-bottom: 18px;
}
.iconbox-benefit-style1 .iconbox-content.img-two h3{
    margin-top: 26px;
    margin-bottom: 18px;
}
.iconbox-benefit-style1 .iconbox-content.img-three h3{
    margin-top: 42px;
    margin-bottom: 15px;
}
.iconbox-benefit-style1 .iconbox-content.img-four h3{
    margin-top: 25px;
    margin-bottom: 14px;
}
.iconbox-benefit-style1 .iconbox-content a{
    color: #fff;
}

.iconbox-benefit-style1 .iconbox{
    margin-bottom: 73px;
}
.iconbox-benefit-style1.iconbox-benefit .iconbox-content p{
    color: #c1c1c1;
}

.flat-event-style1{
    background-image: url('../images/home1/23.jpg');
    background-size: cover;
    padding: 120px 0 89px 0;
}
.flat-event-style1 .col-left{
    width: 49%;
    float: left;
}
.flat-event-style1 .col-right{
    width: 51%;
    float: left;
}
.flat-event-style1 .content-event-style1 .title-section{
    margin-bottom: 74px;
}
.flat-event-style1 .content-event-style1 .title-section .flat-title{
    letter-spacing: 0.2px;
}
.flat-event-style1 .content-event-style1 .content-event{
    position: relative;
    margin-bottom: 68px;
}
.flat-event-style1 .content-event .entry-info .entry-meta ul li span{
    color: #222;
}
.flat-event-style1 .content-event-style1 .content-event .entry-info{
    width: 81%;
    padding-bottom: 26px;
    border-bottom: 1px solid #ebebeb;
}
.flat-event-style1 .images-list .images-list-1{
    float: left;
}
.flat-event-style1 .images-list .images-list-2{
    float: left;
    padding-left: 30px;
    margin-top: 211px;
}
.flat-event-style1 .images-list .img-event{
    position: relative;
    margin-bottom: 30px;
}
.flat-event-style1 .images-list .img-event span.number{
    position: absolute;
    top: 30px;
    left: 30px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    text-align: center;
    border-radius: 40px;
    font-size: 30px;
    font-weight: 600;
}

.testimonial-style1 .wrap-quote{
    background-image: url(../images/home1/28.png);
    background-position: center;
}
.testimonial-style1 .wrap-info{
    background-image: url(../images/home1/27.png);
    background-position: center;

    background-size: cover;
}
.testimonial-style1 .flexslider{
    background: none;
}
.testimonial-style1 .wrap-info ul li.avatar:nth-of-type(1){
    bottom: 20%;
    left: 7%;
}
.testimonial-style1 .wrap-info ul li.avatar:nth-of-type(2){
    top: 20.3%;
    left: 5.9%;
}
.testimonial-style1 .wrap-info ul li.avatar:nth-of-type(3){
    top: 47.5%;
    left: 4.76%;
}
.testimonial-style1 .wrap-info ul li.avatar:nth-of-type(4){
    top: 31.4%;
    left: 2.36%;
}
.testimonial-style1 .wrap-info ul li.avatar:nth-of-type(5){
    bottom: 21.8%;
    left: 0.86%;
}
.testimonial-style1 .wrap-quote .flex-control-nav{
    text-orientation: upright;
    writing-mode: vertical-rl;
    right: 0;
    top: -5px;
    bottom: 0;
}
.testimonial-style1 .wrap-quote .flex-control-nav li{
    margin: 5px 0;
}
.testimonial-style1 .wrap-quote .flex-control-paging li a{
    background: #c5abfe;
    text-indent: -999999999px;
}
.testimonial-style1 .wrap-quote .flex-control-paging li a.flex-active{
    background: #6500ff;
}
.testimonial-style1 .wrap-quote .client-info li{
    text-align: center;
}
.testimonial-style1 .wrap-quote .client-info li span{
    font-size: 35px;
    color: #403651;
    transform: rotateY(170deg);
    display: inline-block;
}
.testimonial-style1 .wrap-quote .client-info li .speech{
    margin: 37px 0 23px 0;
    color: #7a7a7a;
    position: relative;
}
.testimonial-style1 .wrap-quote .client-info li .name{
    font-size: 16px;
    line-height: 30px;
    font-weight: 600;
    color: #403651;
    letter-spacing: 0.2px;
    padding-left: 4px;
}

.latest-blog-style1{
    padding: 112px 0 120px 0;
}
.latest-blog-style1 .title-section{
    margin-bottom: 74px;
}
.latest-blog .post-bg{
    background: #fff3f3;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
}
.latest-blog .post-bg .bg .position{
    float: left;
    padding: 26px 35px;
    font-size: 14px;
    text-orientation: upright;
    writing-mode: vertical-rl;
    font-weight: 600;
}
.latest-blog .owl-stage-outer{
    padding-top: 29px;
}
.latest-blog .post-bg .bg .featured-post{
    float: right;
    transform: translateY(-13%)
}
.latest-blog-type1 .post .post-content{
    padding: 0px 25px 22px 28px;
}
.latest-blog-type1 .post .post-content .entry-info{
    position: relative;
}
.latest-blog-type1 .post .post-content .entry-info .avatar{
    position: absolute;
}
.latest-blog-type1 .post .post-content .entry-info .post-title{
    padding-left: 73px;
}
.latest-blog.cl-dots1 .owl-carousel .owl-dots.owl-dot{
    margin-bottom: 36px;
}
.latest-blog .post .post-content .entry-info .post-title a{
    font-size: 24px;
    font-weight: 500;
}
.latest-blog-type1 .post-bg .post-content .post-link{
    margin-top: 26px;
    margin-left: 74px;
}
.latest-blog .post .post-content .post-link a{
    font-size: 17px;
    font-weight: 600;
}
.latest-blog .flat-carousel-box{
    position: relative;
    padding-right: 200px;
}
.latest-blog .owl-carousel .owl-dots{
    position: absolute;
    top: 22px;
    height: 100%;
    right: -182px;
    text-orientation: upright;
    writing-mode: vertical-rl;
}
.latest-blog .owl-carousel .owl-dots button.owl-dot {
    width: 39px;
    height: 39px;
    display: inline-block;
    color: #d0b2ff !important;
}
.latest-blog.cl-dots1 .owl-carousel .owl-dots button.owl-dot{
    margin-bottom: 36px;
}

.latest-blog.cl-dots1 .owl-carousel .owl-dots button.owl-dot.active{
    width: 39px;
    height: 39px;
    color: #fe5e5f !important;
    border-radius: 50%;
    background: none;
    border: 1px solid #fe5e5f !important;
}
.quick-link-style1 .heading-lf,
.quick-link-style1 .heading-rg span:before{
    color: #ff5f60;
}

/*home2*/
.flat-header-style2 .header-menu{
    float: right;
}

.flat-slider.style2 .tp-caption a.btn-styl1{
    background: #ff9927;
}
.flat-slider.style2 .tp-caption a.btn-styl1{
    padding: 13px 32px 10px 32px;
}

.flat-benefit-style2 .iconbox{
    text-align: center;
}
.flat-benefit-style2 .iconbox-one{
    padding: 30px 20px 0px 6px;
}
.flat-benefit-style2 .iconbox-two{
    padding: 35px 20px 0px 35px;
}
.flat-benefit-style2 .iconbox-three{
    padding: 48px 20px 0px 6px;
}
.flat-benefit-style2 .iconbox-four{
    padding: 48px 20px 0px 35px;
}
.flat-benefit-style2 .iconbox-one .iconbox-content h3{
    margin: 27px 0 15px 0;
}
.flat-benefit-style2 .iconbox-two .iconbox-content h3{
    margin: 32px 0 15px 0;
}
.flat-benefit-style2 .iconbox-three .iconbox-content h3{
    margin: 27px 0 15px 0;
}
.flat-benefit-style2 .iconbox-four .iconbox-content h3{
    margin: 27px 0 15px 0;
}

.campus{
    margin-top: -156px;
}
.campus .apply-admission{
    position: relative;
    z-index: 1;
    transform: translateY(-21.6%);
}

.flat-introduce-style2{
    position: relative;
    margin: -27px 0 120px 0;
    padding: 126px 0 125px 0;
}
.flat-introduce-style2 .content-introduce .caption{
    margin-top: -44px;
    margin-bottom: 39px;
    margin-left: -6px;
}
.flat-introduce-style2 .section-about-left{
    width: 57.5%;
    float: left;
    margin-left: -9px;
}
.flat-introduce-style2 .section-about-left .videobox a.fancybox:before{
    background-color: #ff9927;
    right: 0;
    top: 45.4%;
    margin-right: -32px;
}
.flat-introduce-style2 .section-about-right{
    width: 43.1%;
    float: left;
    padding-left: 126px;
}
.flat-introduce-style2 .section-about-right .title-section{
    margin-bottom: 54px;
}
.flat-introduce-style2 .content-introduce-inner .content-list ul li .text:before{
    color: #fbc9aa;
}

.flat-services-style2{
    background-image: url('../images/home2/11.png');
    background-size: cover;
    padding: 120px 0 114px 0;
}
.flat-services-style2 .flat-imagebox .imagebox-content .text-one{
    margin: 27px 0 17px 0;
    letter-spacing: 0.2px;
}
.flat-services-style2 .flat-imagebox .imagebox-content .text-two{
    margin: 24px 0 20px 0;
    letter-spacing: 0.3px;
}
.flat-services-style2 .flat-imagebox .imagebox-content .text-three{
    margin: 28px 0 18px 0;
    letter-spacing: 0.3px;
}
.flat-services-style2 .flat-imagebox .imagebox-content .text-four{
    margin: 27px 0 18px 0;
    letter-spacing: 0.2px;
}
.flat-services-style2 .flat-imagebox.imagebox-services .imagebox-content p{
    margin-bottom: 18px;
}

.flat-benefit.style22{
    padding: 210px 0 99px 0;
    background-image: url('../images/home2/16.png');
    background-position: center;
    background-size: cover;
}
.flat-benefit.style22 .title-section{
    margin-top: 24px;
    margin-bottom: 79px;
}
.flat-benefit.style22 ul li{
    margin-bottom: 50px;
}
.flat-benefit.style22 .iconbox-content-style22 h3{
    margin: 25px 0 18px 0;
    padding-right: 70px;
}
.flat-benefit.style22 .iconbox-content-style22 p{
    padding-right: 70px;
}
.flat-benefit.style22 .featured-post img{
    width: 100%;
}

.testimonial-style2{
    background-image: url('../images/home2/3.jpg');
    background-size: cover;
    padding: 155px 0 0 0;
}
.testimonial-style2 .flat-title .heading{
    color: #ff9927;
}
.testimonial-style2 .featured-post{
    margin-left: 4px;
}
.testimonial-style2 .wrap-testimonial{
    padding: 53px 0 50px 50px;
}
.testimonial-style2 .wrap-testimonial .title-section{
    margin-bottom: 48px;
}
.testimonial-style2 .wrap-testimonial .title-section .flat-title{
    color: #ff9927;
}
.testimonial-style2 .testimonial-content .text{
    margin-bottom: 20px;
    line-height: 30px;
    font-weight: 400 !important;
    letter-spacing: -0.13px;
}
.testimonial-style2 .testimonial-content .author-info a{
    color: #ff9927;
}
.testimonial-style2 .testimonial-content .author-info{
    margin-top: 20px;
}
.testimonial-style2 .testimonial-content .author-info h5{
    margin-bottom: 5px;
    letter-spacing: 0.3px;
}
.testimonial-style2 .testimonial-content {
    margin-bottom: 38px;
}

.latest-blog-style2{
    padding: 120px 0 120px 0;
}
.latest-blog-style2 .post .post-content{
    padding: 22px 30px 21px 31px;
}
.latest-blog-style2 .post .post-content .post-title{
    margin: 21px 0 26px 0;
}

.flat-event-style2 {
    padding: 0px 0 20px 0;
}
.flat-event-style2 .wrap-event .title-section{
    letter-spacing: 0.2px;
    margin-bottom: 73px;
}
.flat-event-style2 .content-event .entry-info .entry-title a{
    letter-spacing: 0.1px;
}
.flat-event-style2 .content-event .entry-info .entry-meta ul li .icon-event{
    color: #333;
}
.flat-event-style2 .content-event .entry-info .entry-meta ul li .detail-event{
    color: #fefefe;
}
.flat-event-style2 .content-event-right .wrap-event .flat-button{
    margin-top: 69px;
}

.event-bg1 .content-event-left{
    background-image: url('../images/home2/7.jpg');
}
.flat-event-bg .content-event-left{
    width: 54.4%;
    float: left;
    position: relative;
}
.flat-event-bg .content-event-left.title-section{
    margin-bottom: 73px;
}
.flat-event-bg .content-event{
    position: relative;
    margin-bottom: 58px;
}
.flat-event-bg .content-event:last-child{
  margin-bottom: 0;
}
.event-bg1 .content-event .entry-info:after{
    width: 100%;
    max-width: 540px;
    height: 1px;
    background: #ffefd6;
    margin-top: 26px;
}
.event-bg2 .content-event .entry-info:after{
    width: 100%;
    max-width: 540px;
    height: 1px;
    background: #e5e5e5;
    margin-top: 26px;
}
.flat-event-bg .content-event-right{
    width: 45.6%;
    float: left;
    background: #fef9f0;
}
.flat-event-bg .content-event-left .section-overlay{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(251, 181, 69, 0.9);
}
.flat-event-bg .content-event-right .caption{
    font-size: 89.67px;
    line-height: 145.45px;
    font-weight: 600;
    color: #333;
    opacity: 0.05;
    letter-spacing: 57.5px;
    margin-left: -215px;
}
.flat-event-bg .content-event-right .flat-counter .counter ul .content-counter{
    display: inline-block;
    width: 33.33%;
    float: left;
}
.flat-event-bg .content-event-right .flat-counter::after {
    display: block;
    clear: both;
    content: "";
}
.flat-event-bg .content-event-right .flat-counter .counter ul .content-counter:nth-child(2){
    text-align: center;
}
.flat-event-bg .content-event-right .flat-counter .counter ul .content-counter:last-child{
    text-align: right;
}
.flat-event-bg .content-event-right .flat-counter .counter ul .content-counter .wrap-bg {
    display: inline-block;
}
.flat-event-bg .content-event-right .flat-counter .counter ul .content-counter .numb-count{
    float: left;
    margin-right: 14px;
}
.flat-event-bg .content-event-right .flat-counter .counter ul .content-counter .name-count{
    margin-top: 3px;
    display: inline-block;
    letter-spacing: 1.2px;
}
.flat-event-bg .content-event-right .flat-button a.btn-become{
    padding: 10px 22px 13px 23px;
    border-radius: 34px;
    background: #ff9927;
    display: inline-block;
    color: #fff;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    text-transform: initial;
}
.flat-event-bg .content-event-right .wrap-event .featured{
    margin-top: 69px;
}
.flat-event-bg .content-event-right .wrap-event .featured-wrap{
    position: relative;
}
.flat-event-bg .content-event-right .wrap-event .featured .bg-333{
    position: absolute;
    padding: 28px 30px 34px 29px;
    bottom: 0;
    left: 23px;
    right: 23px;
    background-color: rgb(51,51,51,0.9);
}
.flat-event-bg .content-event-right .wrap-event .featured .bg-333 .entry-title{
    margin-bottom: 14px;
}
.flat-event-bg .content-event-right .wrap-event .featured .bg-333 .entry-title a{
    font-size: 24px;
    font-weight: 500;
}
.flat-event-bg .content-event-right .wrap-event .featured .bg-333 ul{
    text-align: center;
}
.flat-event-bg .content-event-right .wrap-event .featured .bg-333 ul li{
    display: inline-block;
    margin-right: 15px;
    line-height: 35px;
    color: #fff;
}
.flat-event-bg .content-event-right .wrap-event .featured .bg-333 ul li .icon-event{
    font-size: 17px;
    padding: 7px 15px 0 0;
    float: left;
}
.flat-event-bg .content-event-right .wrap-event .featured .bg-333 ul li .icon-event{
    letter-spacing: 0.4px;
}
.flat-event-bg .partner{
    position: absolute;
    width: 100%;
    padding-top: 25px;
}
.flat-event-bg .partner .owl-dots{
    display: none;
}
.flat-event-bg .partner .owl-carousel .owl-nav button.owl-prev{
    position: absolute;
    right: -10.8%;
    bottom: 19px;
}
.flat-event-bg .partner .owl-carousel .owl-nav button.owl-next{
    position: absolute;
    right: -24.5%;
    bottom: 19px;
}
.flat-event-bg .partner .owl-carousel .owl-nav button.owl-prev span,
.flat-event-bg .partner .owl-carousel .owl-nav button.owl-next span{
    display: none;
}
.flat-event-bg .partner .owl-carousel .owl-nav button.owl-prev:before{
    content: '\e909';
    font-family: icomoon;
    font-size: 35px;
}
.flat-event-bg .partner .owl-carousel .owl-nav button.owl-next:before{
    content: '\e908';
    font-family: icomoon;
    font-size: 35px;
}

.special-style2 .cl333{
    width: 33.333%;
    float: left;
}
.special-style2 .cl333 .bg.bd-left{
    border-top-left-radius: 50px;
}
.special-style2 .cl333 .bg.bd-right{
    border-top-right-radius: 50px;
}
.special-style2 .cl333 .bg{
    background: #ff9927;
    padding: 51px 40px 59px 40px;
    text-align: center;
    color: #fff;
}
.special-style2 .cl333 .bg:hover{
    background: #ffaa21;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.special-style2 .cl333 .bg.active{
    background: #ffaa21;
}
.special-style2 .cl333 .bg a{
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.special-style2 .cl333 .bg p{
    margin-top: 12px;
    font-size: 15px;
    line-height: 24px;
}
.special-style2 {
    transform: translateY(50%);
}

/*home3*/
.header-style3 .site-header-inner #logo{
    margin: 52px 0 31px 0;
}
.header-style3 #main-nav > ul > li{
    padding-top: 56px;
    padding-bottom: 45px;
}
.header-style3 .nav-sing {
    margin-left: 74px;
}
.header-style3 .header-menu .main-nav .menu li.nav-sing a.sing-in:after{
    content: "";
    width: 1px;
    height: 30px;
    background: #fff;
    position: absolute;
    right: 0;
    top: -2%;
}
.header-style3 .header-menu .main-nav .menu li.nav-sing a.sing-in:last-of-type:after{
    display: none;
}
.header-style3 .header-menu .main-nav .menu li.nav-sing a.sing-in{
    margin-right: 15px;
    padding-right: 20px;
}

.transparent-head-style3{
    background-image: url('../images/home3/1.jpg');
    background-size: cover;
    background-position: center;
    height: 1076px;
    position: relative;
    padding-top: 243px;
}
.transparent-head-style3 .wrap-transparent{
    display: table;
    width: 100%;
}
.transparent-head-style3 .wrap-transparent .pd-lf{
    width: 49%;
    float: left;
    max-width: 500px;
    margin-top: 114px;
}
.transparent-head-style3 .wrap-transparent .pd-rg{
    width: 51%;
    float: right;
}
.transparent-head-style3 .wrap-transparent .title{
    font-size: 70px;
    font-weight: 600;
    line-height: 65px;
    letter-spacing: 2.2px;
}
.transparent-head-style3 .wrap-transparent .text{
    font-size: 18px;
}
.transparent-head-style3 .wrap-transparent .pd-lf .text{
    margin: 30px 0 60px 0;
    color: #feffff;
}
.flat-services-style3 .mg-imagebox1{
    margin-top: -93px;
}
.flat-services-style3 .mg-imagebox2{
    margin-top: -21px;
}
.flat-services-style3 .mg-imagebox3{
    margin-top: 53px;
}
.flat-services-style3 .flat-imagebox.imagebox-services .imagebox-content h5{
    font-weight: 500;
    color: #333;
}
.flat-services-style3 .flat-imagebox.mg-imagebox1 .imagebox-content h5{
    margin: 26px 0 24px 0;
}
.flat-services-style3 .flat-imagebox.mg-imagebox2 .imagebox-content h5{
    margin: 43px 0 18px 0;
}
.flat-services-style3 .flat-imagebox.mg-imagebox3 .imagebox-content h5{
    margin: 39px 0 24px 0;
}

.flat-hobby .section-heading .caption{
    padding: 0 210px;
}

.background-wh{
    background-image: url('../images/home3/6.png');
    background-size: cover;
    padding: 268px 0 91px 0;
    margin-top: -87px;
}
.flat-hobby .imagebox-hobby{
    position: relative;
}
.flat-hobby .imagebox-hobby a{
    position: absolute;
    top: 44%;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 24px;
    font-weight: 500;
}
.flat-hobby .carousel-hobby{
    margin-top: 68px;
}
.flat-hobby-style3 .owl-dots{
    display: none;
}
.flat-hobby-style3 .title-section{
    margin-left: -67px;
}
.flat-hobby-style3 .title-section .flat-title{
    letter-spacing: 0.5px;
}
.carousel-hobby-style3 .owl-carousel .owl-nav button.owl-prev{
    left: 0;
}
.carousel-hobby-style3 .owl-carousel .owl-nav button.owl-next{
    right: 0;
}
.carousel-hobby-style3 .owl-carousel .owl-nav button.owl-prev:before,
.carousel-hobby-style3 .owl-carousel .owl-nav button.owl-next:before{
    color: #6500ff;
}
.carousel-hobby .owl-carousel .owl-nav button.owl-prev span,
.carousel-hobby .owl-carousel .owl-nav button.owl-next span{
    display: none;
}

.online-courses-style3{
    padding-top: 234px;
}
.online-courses-style3 .title-section{
    margin-bottom: 77px;
}
.online-courses-style3 .title-section .flat-title{
    letter-spacing: 0.4px;
}

.elm-link-style3 a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    background: #6500ff;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}
.elm-link-style3 a i{
    width: 30px;
    height: 30px;
    line-height: 30px;
    display: inline-block;
    background: #7a24fd;
    color: #fff;
    border-radius: 50%;
    text-align: center;
}

.flat-process-style3{
    background-image: url('../images/home3/16.png');
    background-size: cover;
    background-position: center;
}
.flat-process-style3{
    padding: 114px 0 120px 0;
}
.flat-process-style3 .content-process .title-section{
    margin-bottom: 32px;
}
.flat-process-style3 .content-process .title-section .flat-title{
    line-height: 48px;
    padding-right: 60px;
}

.background-pink-style3 {
    background-image: url(../images/home3/11.png);
    background-size: cover;
    padding: 113px 0 0 0;
}
.flat-event-style3 .title-section{
    margin-bottom: 76px;
}
.flat-event-style3 .content-event-style3{
    padding-bottom: 20px;
}
.flat-event-style3 .content-event-style3 .event-1{
    margin-bottom: 100px;
}
.flat-event-style3 .content-event-style3 .featured{
    float: left;
    margin-right: 130px;
    background: #f7f2ff;
    position: relative;
    border-radius: 48px;
}
.flat-event-style3 .content-event-style3 .entry-info .entry-title{
    padding-top: 14px;
    margin-bottom: 20px !important;
}
.flat-event-style3 .content-event-style3 .entry-info .entry-title a{
    line-height: 25px;
}
.flat-event-style3 .content-event-style3 .featured .place{
    padding: 20px 29px 19px 31px;
}
.flat-event-style3 .content-event-style3 .featured .place span{
    width: 45px;
    height: 45px;
    line-height: 45px;
    padding: 0 18px 0 10px;
    display: inline-block;
    border-radius: 50%;
    background: #ff9819;
    color: #fff;
    font-size: 27px;
    margin-right: 16px;
}
.flat-event-style3 .content-event-style3 .featured .place a{
    font-size: 18px;
    font-weight: 500;
    color: #333;
    letter-spacing: 0.1px;
}
.flat-event-style3 .content-event-style3 .featured .data-box{
    position: absolute;
    top: 27.5%;
    right: 0;
    margin-right: -41px;
    background: #7835de;
    color: #fff;
    font-weight: 500;
    line-height: 24px;
    padding: 15px 9px 17px 10px;
    border-radius: 4px;
    text-align: center;
}
.flat-event-style3 .content-event-style3 .featured .data-box .date{
    font-size: 18px;
    margin-bottom: 10px;
}
.flat-event-style3 .content-event-style3 .featured .data-box .time{
    font-size: 14px;
}
.content-event-style3 .content-event .host-info .avatar{
    float: left;
    margin-right: 10px;
}
.content-event-style3 .content-event .host-info .poster{
    padding: 11px 0;
    color: #7a7a7a;
}
.content-event-style3 .content-event .host-info .poster a{
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.27px;
    padding: 0 1px 0 2px;
}
.content-event-style3 .content-event .host-info .poster span{
    letter-spacing: 0.6px;
}
.content-event-style3 .content-event .entry-info p{
    color: #7a7a7a;
    margin-bottom: 27px;
    font-size: 17px;
    font-weight: 400;
    padding-right: 20px;
}
.flat-event-style3 .content-event-style3 .btn-event-going{
    margin-top: 71px;
}
.flat-event-style3 .content-event-style3 .btn-event-going a{
    padding: 5px 27px 7px 27px;
    font-size: 17px;
    line-height: 38px;
    font-weight: 500;
    letter-spacing: 0.4px;
    border-radius: 36px;
    display: inline-block;
    color: #fff;
    text-transform: initial;
}
.flat-video-style3{
    background-image: url(../images/home3/13.png);
    background-size: cover;
    background-position: center top;
    padding: 437px 0 62px 0;
}
.flat-video-style3 .title-section{
    margin-top: 151px;
    margin-bottom: 33px;
}
.flat-video-style3 .text{
    font-weight: 500;
}
.flat-video-style3 .play-video{
    margin-top: 30px;
}
.flat-video-style3 .play-video .bg-play{
    width: 65px;
    height: 65px;
    line-height: 65px;
    display: inline-block;
    border-radius: 50%;
    background: #7835de;
}
.flat-video-style3 .play-video i{
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-radius: 50%;
    background: #8849e8;
}
.flat-video-style3 .play-video i:before{
    width: 35px;
    height: 35px;
    line-height: 35px;
    display: inline-block;
    border-radius: 50%;
    color: #fff;
    background: #975eee;
}

.testimonial-style3{
    margin-top: 72px;
}
.testimonial-style3 .wrap-info ul li.avatar:nth-of-type(1){
    bottom: 19.9%;
    left: 7.95%;
}
.testimonial-style3 .wrap-info ul li.avatar:nth-of-type(2){
    top: 20.4%;
    left: 6.79%;
}
.testimonial-style3 .wrap-info ul li.avatar:nth-of-type(3){
    top: 47.6%;
    left: 5.53%;
}
.testimonial-style3 .wrap-info ul li.avatar:nth-of-type(4){
    top: 31.4%;
    left: 3%;
}
.testimonial-style3 .wrap-info ul li.avatar:nth-of-type(5){
    bottom: 21.8%;
    left: 1.36%;
}
.testimonial-style3 .wrap-quote .client-info li span{
    font-size: 35px;
    color: #ff9819;
    transform: rotateY(170deg);
    display: inline-block;
}
.testimonial-style3 .wrap-quote .client-info li .speech{
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #7a7a7a;
    margin: 36px 65px 15px 0;
    font-style: italic;
    position: relative;
}
.testimonial-style3 .wrap-quote .client-info li .name{
    font-size: 16px;
    line-height: 30px;
    color: #7835de;
    font-weight: 600;
}
.testimonial-style3 .wrap-quote .client-info li .job{
    font-size: 15px;
    line-height: 26px;
    color: #7a7a7a;
}
.testimonial-style3 .wrap-quote .flex-control-nav{
    left: 0;
    bottom: -72px;
    text-align: unset;
}
.testimonial-style3 .wrap-quote .flex-control-nav li{
    margin: 0 5px;
}
.testimonial-style3 .wrap-quote .flex-control-paging li a{
    background: #c5abfe;
}
.testimonial-style3 .wrap-quote .flex-control-paging li a.flex-active{
    background: #6500ff;
}

.latest-blog-style3{
    background-image: url(../images/home3/14.png);
    background-size: cover;
    background-position: center;
    padding: 69px 0 90px 0;
}
.latest-blog-style3 .post .post-content{
    padding: 22px 30px 22px 30px;
}
.latest-blog-style3 .post .post-content .post-title{
    margin: 21px 0 36px 0;
}
.latest-blog-style3 .post .post-content .post-link a{
    letter-spacing: 0.3px;
}

.cta{
    transform: translateY(76%);
}
.cta .cta-wrap{
    width: 100%;
    border-radius: 100px;
    padding: 55px 188px 55px 98px;
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}
.cta .cta-wrap .title-section{
    display: flex;
    flex-grow: 1;
    justify-content: flex-start;
    margin-bottom: 0;
    letter-spacing: 0.65px;
}
.cta .cta-wrap .title-section .flat-title{
    margin-bottom: 0;
}
.cta .cta-wrap ul{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-grow: 1;
}
.cta .cta-wrap ul li{
    display: inline-block;
    margin-left: 20px;
}
.cta .cta-wrap ul li a{
    border-radius: 40px;
    border: none;
    color: #fff;
    font-size: 17px;
    line-height: 28px;
    font-weight: 600;
    text-transform: inherit;
    display: block;
    letter-spacing: 0.1px;
}
.cta .cta-wrap ul li a.start-teaching{
    padding: 10px 20px 13px 21px;
}
.cta .cta-wrap ul li a.start-learning{
    padding: 10px 20px 12px 24px;
}

/*home4*/
.header-style4 .site-header-inner #logo{
    margin: 52px 0 31px 0;
}
.header-style4 #main-nav > ul > li{
    padding-top: 56px;
    padding-bottom: 45px;
}
.header-style4 .nav-sing{
    margin-left: 74px;
}
.header-style4 .header-menu .main-nav .menu li.nav-sing a.sing-in{
    margin-right: 15px;
    padding-right: 20px;
}
.header-style4 .header-menu .main-nav .menu li.nav-sing a.sing-in:after{
    content: "";
    width: 1px;
    height: 30px;
    background: #fff;
    position: absolute;
    right: 0;
    top: -3%;
}
.header-style4 .header-menu .main-nav .menu li.nav-sing a.sing-in:last-of-type:after{
    display: none;
}

.transparent-head-style4{
    background-image: url('../images/home4/1.png');
    background-size: cover;
    background-position: center;
    height: 1076px;
    position: relative;
    padding-top: 357px;
}
.transparent-head-style4 .wrap-transparent .title{
    font-size: 70px;
    font-weight: 700;
    line-height: 65px;
    letter-spacing: 1.7px;
}
.transparent-head-style4 .wrap-transparent .text {
    margin: 31px 0 59px 0;
    font-size: 18px;
    max-width: 470px
}

.content-introduce-style4 .content-introduce-inner .content-list ul li .text:before{
    color: #ffdeaa;
}
.partner-clients-style4 .slide-client {
    padding-top: 14px;
    margin-left: -30px;
}
.partner-clients-style4 {
    margin-top: -100px;
}
.partner-clients-style4 .iconbox-style4 .apply-admission{
    transform: translateY(-48.2%);
}

.flat-hobby-style4 {
    margin-top: -10px;
}
.flat-hobby-style4 .title-section{
    margin-left: -69px;
}
.flat-hobby-style4 .title-section .flat-title{
    letter-spacing: 0.3px;
}
.flat-hobby-style4 .owl-carousel .owl-dots{
    display: none;
}
.carousel-hobby-style4 .owl-carousel .owl-nav button.owl-prev{
    left: -52px;
}
.carousel-hobby-style4 .owl-carousel .owl-nav button.owl-next{
    right: -45px;
}
.carousel-hobby-style4 .owl-carousel .owl-nav button.owl-prev:before,
.carousel-hobby-style4 .owl-carousel .owl-nav button.owl-next:before{
    color: #ff9819;
}

.flat-introduce-style4{
    position: relative;
    margin-top: 120px;
    padding: 156px 0 155px 0;
}
.flat-introduce-style4 .col-left{
    width: 51.3%;
    float: left;
}
.flat-introduce-style4 .col-right{
    width: 48.7%;
    float: left;
}
.flat-introduce-style4 .content-introduce{
    padding-left: 100px;
}
.flat-introduce-style4 .content-introduce .caption{
    margin-top: -74px;
    margin-left: -3px;
    margin-bottom: 13px;
}
.flat-introduce-style4 .videobox .elip-top {
    position: absolute;
    top: -46px;
    right: -56px;
    z-index: -1;
}
.flat-introduce-style4 .videobox .elip-bottom{
    position: absolute;
    bottom: -46px;
    left: -69px;
    z-index: -1;
}
.flat-introduce-style4 .videobox a.fancybox:before{
    bottom: 0;
    right: 0;
    background: #ff9927;
}
.flat-introduce-style4 .fancybox img{
    border-bottom-right-radius: 30px;
}
.flat-introduce-style4 .title-section {
    margin-bottom: 54px;
}
.flat-introduce-style4 .title-section .sub-title{
    color: #ff9927;
    margin-bottom: 16px;
}

.quick-link-style4 .heading-lf,
.quick-link-style4 .heading-rg span:before{
    color: #ff9927;
}

.online-courses-style4{
    padding: 115px 0 120px 0;
}
.online-courses-style4 .title-section{
    margin-bottom: 110px;
}

.flat-process-style4{
    background-image: url('../images/home3/8.png');
    background-size: cover;
    background-position: center;
}
.flat-process-style4{
    padding: 122px 0 120px 0;
}
.flat-process-style4 .content-process .title-section{
    margin-bottom: 44px;
}
.flat-process-style4 .content-process .title-section .flat-title{
    line-height: 38px;
    padding-right: 60px;
}
.testimonial-style4 .wrap-info ul li.avatar:nth-of-type(1){
    bottom: 20.5%;
    left: 7.94%;
}
.testimonial-style4 .wrap-info ul li.avatar:nth-of-type(2){
    top: 19.8%;
    left: 6.77%;
}
.testimonial-style4 .wrap-info ul li.avatar:nth-of-type(3){
    top: 47%;
    left: 5.5%;
}
.testimonial-style4 .wrap-info ul li.avatar:nth-of-type(4){
    top: 30.8%;
    left: 2.95%;
}
.testimonial-style4 .wrap-info ul li.avatar:nth-of-type(5){
    bottom: 22%;
    left: 1.34%;
}
.testimonial-style4 .flexslider{
    background: none;
}
.testimonial-style4 .wrap-quote .client-info li span{
    font-size: 35px;
    color: #ff9819;
    transform: rotateY(170deg);
    display: inline-block;
}
.testimonial-style4 .wrap-quote .client-info li .speech{
    font-weight: 500;
    font-size: 18px;
    line-height: 30px;
    color: #7a7a7a;
    margin: 36px 65px 16px 0;
    font-style: italic;
    position: relative;
}
.testimonial-style4 .wrap-quote .client-info li .name{
    font-size: 16px;
    line-height: 28px;
    color: #7835de;
    font-weight: 600;
}
.testimonial-style4 .wrap-quote .client-info li .job{
    font-size: 15px;
    line-height: 30px;
    color: #7a7a7a;
}
.testimonial-style4 .wrap-quote .flex-control-nav{
    left: 0;
    bottom: -69px;
    text-align: unset;
}
.testimonial-style4 .wrap-quote .flex-control-nav li{
    margin: 0 5px;
}
.testimonial-style4 .wrap-quote .flex-control-paging li a{
    background: #c5abfe;
}
.testimonial-style4 .wrap-quote .flex-control-paging li a.flex-active{
    background: #6500ff;
}

.latest-blog.cl-dots2 .owl-carousel .owl-dots button.owl-dot{
    margin-bottom: 36px;
}
.latest-blog.cl-dots2 .owl-carousel .owl-dots button.owl-dot.active{
    width: 39px;
    height: 39px;
    color: #ff9927 !important;
    border-radius: 50%;
    background: none;
    border: 1px solid #ff9927 !important;
}

.flat-event-style4{
    margin-top: 11px;
}
.flat-event-style4 .wrap-event .title-section{
    letter-spacing: 0.2px;
    margin-bottom: 72px;
}
.flat-event-style4 .content-event .entry-info .entry-meta ul li .icon-event{
    color: #333;
}
.flat-event-style4 .content-event .entry-info .entry-meta ul li .detail-event{
    color: #fff;
}
.flat-event-style4 .content-event-right .wrap-event .flat-button{
    transform: translateY(92px);
}

.latest-blog-style4{
    padding: 138px 0 120px 0;
}
.latest-blog-style4 .title-section{
    margin-bottom: 75px;
}

#footer .bg-send-style4 input{
    background: #fef3e1;
}
.footer-widget-style4 ul li .inner span,
.footer-widget-style4 ul li .inner span{
    color: #333;
    font-weight: 500;
}
.footer-widget-style4 ul li .inner span.text{
    margin-left: 10px;
}

/*home5*/
.header-style5 .site-header-inner #logo{
    margin: 41px 0 31px 0;
}
.header-style5 #main-nav > ul > li{
    padding-top: 44px;
    padding-bottom: 45px;
}
.header-style5 .header-menu .main-nav .menu li.nav-sing a.sing-in{
    padding: 11px 32px 11px 33px;
    border-radius: 36px;
    background: #ff9927;
    margin-right: 0;
    display: unset;
}
.header-style5 .nav-sing {
    margin-left: 54px;
}

.transparent-head-style5{
    background-image: url(../images/home5/01.png);
    background-size: cover;
    background-position: center;
    height: 857px;
    position: relative;
    padding-top: 258px;
}
.transparent-head-style5 .wrap-transparent .pd-lf{
    width: 42%;
    float: left;
}
.transparent-head-style5 .wrap-transparent .pd-lf .title{
    font-size: 50px;
    font-weight: 700;
    color: #333;
    line-height: 60px;
}
.transparent-head-style5 .wrap-transparent .pd-lf .text{
    color: #333;
    margin: 41px 0 55px 0;
    font-size: 18px;
    line-height: 30px;
}
.transparent-head-style5 .wrap-transparent .pd-rg{
    width: 58%;
    float: left;
    text-align: right;
    margin-top: 4px;
}
.transparent-head-style5 .videobox a.fancybox:before{
    background: #f0c41b;
    top: 54%;
    left: 61%;
    width: 38px;
    height: 38px;
    line-height: 38px;
}
.transparent-head-style5 .wrap-transparent .btn-edu ul li{
    display: inline-block;
}
.transparent-head-style5 .wrap-transparent .btn-edu ul li a{
    font-size: 17px;
    font-weight: 500;
    border-radius: 36px;
    text-transform: initial;
}
.transparent-head-style5 .wrap-transparent .btn-edu ul .bt-copy a{
    padding: 15px 40px 13px 37px;
    letter-spacing: -0.9px;
    color: #fff;
    display: inline-block;
}
.transparent-head-style5 .wrap-transparent .btn-edu ul .bt-get{
    margin-left: 30px;
}
.transparent-head-style5 .wrap-transparent .btn-edu ul .bt-get a{
    padding: 15px 39px 13px 34px;
    color: #333;
    letter-spacing: -0.7px;
    display: inline-block;
}

.partner-clients-style5{
    transform: translateY(-87%);
}
.partner-clients-style5 .slide-client{
    width: 60%;
}
.partner-clients-style5 .slide-client{
    margin-left: -15px;
}

.online-courses-style5 {
    padding: 15px 0 117px 0;
}
.online-courses-style5 .title-section {
    margin-bottom: 64px;
}
.online-courses-style5 .imagebox-courses-type1{
    margin-bottom: 0 !important;
}
.online-courses-style5 .online-courses-wrap .owl-carousel .owl-stage-outer{
    padding-top: 35px;
}
.online-courses-style5 .owl-carousel .owl-nav button.owl-prev span,
.online-courses-style5 .owl-carousel .owl-nav button.owl-next span{
    display: none;
}
.online-courses-style5 .owl-carousel .owl-nav button.owl-prev,
.online-courses-style5 .owl-carousel .owl-nav button.owl-next{
    left: -4.4%;
    top: 37%;
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.online-courses-style5 .owl-carousel .owl-nav button.owl-prev:before,
.online-courses-style5 .owl-carousel .owl-nav button.owl-next:before {
    content: " \f104 ";
    font-family: Fontawesome;
    font-size: 20px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    background: #fff;
    color: #ff9819;
    border-radius: 50%;
    margin-left: -30px;
    -webkit-box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
    -moz-box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
    box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
}

.online-courses-style5 .owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -6.4%;
}

.online-courses-style5 .owl-carousel .owl-nav button.owl-prev.disabled,
.online-courses-style5 .owl-carousel .owl-nav button.owl-next.disabled {
    visibility: hidden;
    opacity: 0;
}

.online-courses-style5 .owl-carousel .owl-nav button.owl-next:before {
    content: " \f105 ";
}

.flat-benefit-style5{
    background-image: url(../images/home5/02.png);
    background-size: cover;
    padding: 112px 0 47px 0;
}
.flat-benefit-style5 .title-section{
    margin-bottom: 76px;
}
.flat-benefit-style5 .iconbox {
    margin-bottom: 73px;
}
.iconbox-benefit-style5 .iconbox-content.img-one h3{
    margin-top: 25px;
    margin-bottom: 17px;
}
.iconbox-benefit-style5 .iconbox-content.img-two h3{
    margin-top: 26px;
    margin-bottom: 18px;
}
.iconbox-benefit-style5 .iconbox-content.img-three h3{
    margin-top: 43px;
    margin-bottom: 14px;
}
.iconbox-benefit-style5 .iconbox-content.img-four h3{
    margin-top: 26px;
    margin-bottom: 14px;
}
.flat-benefit-style5 .iconbox-benefit .iconbox-content a{
    font-weight: 500;
}

.flat-introduce-style5{
    background-image: url(../images/home5/03.png);
    background-size: cover;
    background-position: center;
    padding: 69px 0 83px 0;
}
.flat-introduce-style5 .videobox{
    height: 100%;
}
.flat-introduce-style5 .videobox a.fancybox:before{
    width: 46px;
    height: 46px;
    line-height: 46px;
    top: 47%;
    left: 46.7%;
    background-color: #f0c41b;
}
.flat-introduce-style5 .content-introduce .content-introduce-inner .content-list{
    margin-top: 39px;
}
.flat-introduce-style5 .content-introduce .content-introduce-inner .content-list ul li{
    margin-bottom: 15px;
}
.flat-introduce-style5 .content-introduce-style5 .btn-read-more{
    margin-top: 46px;
}
.flat-introduce-style5 .content-introduce .btn-read-more a{
    padding: 11px 40px 9px 40px;
    background: #f0c41b;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    border-radius: 36px;
    font-weight: 500;
}
.content-introduce-style5 .content-introduce-inner .content-list ul li .text:before{
    color: #ffe6e6;
}

.flat-hobby-style5{
    padding: 111px 0 120px 0;
}
.flat-hobby-style5 .owl-dots{
    display: none;
}
.flat-hobby-style5 .title-section{
    margin-bottom: 26px;
}
.carousel-hobby-style5 .owl-carousel .owl-nav button.owl-prev:before,
.carousel-hobby-style5 .owl-carousel .owl-nav button.owl-next:before{
    color: #ff9819;
}
.carousel-hobby-style5 .owl-carousel .owl-nav button.owl-prev {
    left: -70px;
}
.carousel-hobby-style5 .owl-carousel .owl-nav button.owl-next {
    right: -70px;
}

.quick-link-style5 .heading-lf,
.quick-link-style5 .heading-rg span:before{
    color: #ff9927;
}

.event-bg2 .content-event-left{
    background-image: url(../images/home5/01.jpg);
    background-size: cover;
}
.event-bg2 .content-event .entry-info .entry-meta ul li{
    color: #7a7a7a;
}
.flat-event-style5 .wrap-event .title-section{
    margin-bottom: 74px;
}
.flat-event-style5 .content-event .entry-info .entry-meta ul li .icon-event{
    color: #333;
}
.flat-event-style5 .content-event .entry-info .entry-meta ul li .detail-event{
    color: #7a7a7a;
}
.flat-event-style5 .content-event-right .flat-button {
    transform: translateY(91px);
}

.flat-introduce-style5 .content-introduce{
    margin-left: 103px;
}
.flat-introduce-style5 .content-introduce .title-section{
    margin-bottom: 38px;
}
.flat-introduce-style5 .content-introduce .content-introduce-inner{
    line-height: 30px;
}
.flat-introduce-style5 .content-introduce .content-introduce-inner p{
    margin-bottom: 11px;
}

.testimonial-style5{
    background-image: url('../images/home5/02.jpg');
    background-position: center;
    background-size: cover;
    padding: 300px 0 114px 0;
}
.testimonial-style5 .col-left{
    width: 39.3%;
    float: left;
    margin-top: 59px;
}
.testimonial-style5 .col-left .featured-post{
    position: relative;
    z-index: 1;
}
.testimonial-style5 .col-left .featured-post .stand-behind{
    position: absolute;
    z-index: -1;
    top: -17%;
    left: -20.4%;
}
.testimonial-style5 .col-left .featured-post img{
    border-radius: 20px;
}
.testimonial-style5 .col-right{
    width: 60.7%;
    float: left;
    padding-left: 141px;
}
.testimonial-style5 .col-right .title-section{
    margin-bottom: 74px;
}
.testimonial-style5 .wrap-testimonial .client-info span{
    font-size: 35px;
    color: #403651;
    transform: rotateY(170deg);
    display: inline-block;
}
.testimonial-style5 .wrap-testimonial .client-info .speech{
    font-size: 17px;
    line-height: 30px;
    color: #7a7a7a;
    margin: 35px 0 28px 0;
    position: relative;
}
.testimonial-style5 .wrap-testimonial .client-info .name{
    font-size: 17px;
    line-height: 30px;
    color: #333;
    font-weight: 600;
    margin-bottom: 68px;
}
.testimonial-sytle5 .client-style1 .testimonial-content span i{
    color: #403651;
}

.latest-blog-style5 {
    padding: 120px 0 119px 0;
}
.latest-blog-style5 .owl-carousel .owl-dots button.owl-dot{
    margin-bottom: 30px;
    color: #667eea !important;
}
.latest-blog-style5 .owl-carousel .owl-dots{
    top: 22px;
}
.latest-blog-style5 .title-section{
    margin-bottom: 74px;
}

/*about*/
.flat-about {
    margin: -3px 0 87px 0;
}
.flat-about .title-section{
    margin-bottom: 49px;
}
.flat-about .title-section .flat-title{
    font-weight: 700;
    letter-spacing: 0.8px;
}
.flat-about .textbox-content .about-introduce .btn-about a{
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    font-weight: 600;
    display: inline-block;
    letter-spacing: 0.3px;
    background: #ff9927;
    padding: 3px 23px 1px 24px;
    text-transform: capitalize;
}
.flat-about .textbox-content .about-introduce p{
    margin-bottom: 11px;
    letter-spacing: 0.5px;
}
.flat-about .textbox-content .about-introduce .btn-about{
    margin-top: 52px;
}
.flat-about .iconbox-about{
    float: right;
}
.iconbox-about .iconbox-about-wrap .list-1,
.iconbox-about .iconbox-about-wrap .list-2{
    float: left;
}
.iconbox-about .iconbox-about-wrap .list-2{
    margin-top: 59px;
    margin-left: 30px;
}
.iconbox-about .iconbox-about-wrap .iconbox{
    width: 170px;
    height: 170px;
    border-radius: 10px;
    margin-bottom: 30px;
}
.iconbox-about .iconbox-about-wrap .iconbox-teacher{
    background: #f1fff5;
}
.iconbox-about .iconbox-about-wrap .iconbox-students{
    background: #fdf6ff;
}
.iconbox-about .iconbox-about-wrap .iconbox-courses{
    background: #fff9eb;
}
.iconbox-about .iconbox-about-wrap .iconbox-award{
    background: #fff4f4;
}
.iconbox-about .iconbox-about-wrap .iconbox .counter .content-counter{
    text-align: center;
    padding-top: 25px;
}
.iconbox-about .iconbox-about-wrap .iconbox .counter .content-counter .numb-count{
    width: 80px;
    height: 80px;
    line-height: 80px;
    border-radius: 50%;
    text-align: center;
    display: inline-block;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}
.iconbox-about .iconbox-about-wrap .iconbox .counter .content-counter .name-count{
    font-size: 18px;
    font-weight: 600;
    color: #333;
    padding-top: 18px;
}

.edukin-introduce .element-col50{
    width: 50%;
    float: left;
    background-size: cover;
    background-position: center;
}
.edukin-introduce .bg-element1{
    background-image: url('../images/about/1.jpg');
    padding: 141px 185px 129px 187px;
}
.edukin-introduce .bg-element2{
    background-image: url('../images/about/2.jpg');
}
.edukin-introduce .bg-element3{
    background-image: url('../images/about/3.jpg');
}
.edukin-introduce .bg-element4{
    background-image: url('../images/about/4.jpg');
    padding: 141px 185px 129px 196px;
}
.edukin-introduce .element-col50 p{
    color: #fff;
    margin-bottom: 15px;
    letter-spacing: 0.6px;
}
.edukin-introduce .bg-element1 .title-section,
.edukin-introduce .bg-element4 .title-section{
    margin-bottom: 46px;
}
.edukin-introduce .bg-element1 .title-section .flat-title,
.edukin-introduce .bg-element4 .title-section .flat-title{
    font-weight: 700;
    letter-spacing: 1.2px;
}

.flat-team.mg-flat-team{
    padding: 114px 0 120px 0;
}
.flat-team .title-section{
    margin-bottom: 36px;
}
.flat-team .section-heading .caption{
    padding: 0 225px;
    font-size: 17px;
    line-height: 27px;
}
.flat-team .title-section .flat-title{
    font-weight: 700;
}
.pd-list-team{
    padding-top: 70px;
}
.team-box-layout-h1{
    position: relative;
    overflow: hidden;
}
.team-box-layout-h1 .item-img {
    text-align: center;
}
.team-box-layout-h1 .item-img img {
    width: 100%;
    padding-bottom: 80px;
}
.elementor img {
    height: auto;
    max-width: 100%;
    border: none;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.img-fluid {
    max-width: 100%;
    height: auto;
}
.team-box-layout-h1 .item-content {
    position: absolute;
    bottom: -31px;
    left: 0;
    right: 0;
    background: #fffcf7;
    padding: 15px 20px 14px 19px;
    text-align: center;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.item-content .item-title {
    font-weight: 500;
    margin-bottom: -3px;
}
.item-content .item-title a {
    font-size: 17px;
    font-weight: 600;
    letter-spacing: 0.3px;
    color: #333;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.team-box-layout-h1 .item-content .item-subtitle {
    font-size: 16px;
    color: #7c7c7c;
    margin-bottom: 5px;
}
.rtel-team-gallery ul, .rtel-team-gallery ul.item-social {
    list-style-type: none;
    list-style-position: outside;
    margin: 0;
    padding: 0;
}
.team-box-layout-h1 .item-content .item-social li {
    display: inline-block;
}
.team-box-layout-h1 .item-content .item-social li a {
    color: #fff;
    font-size: 18px;
    padding: 10px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out;
}
.team-box-layout-h1:hover .item-content {
    bottom: 0;
    background-color: #ff9927;
}
.team-box-layout-h1:hover .item-content .item-title a{
    color: #fff;
}
.team-box-layout-h1:hover .item-content .item-subtitle{
    color: #fff;
}

/*course-list*/
.course-list .col-30{
    width: 31.6%;
    float: left;
}
.course-list .col-70{
    width: 66%;
    float: left;
    margin-left: 28px;
}
.course-list .thim-course-top{
    text-align: right;
    margin-bottom: 41px;
}
.course-list .remove-filter{
    margin-bottom: 40px;
}
.course-list .remove-filter span{
    font-size: 17px;
    color: #8c8c8c;
}
.course-list .remove-filter span.remove{
    padding-left: 10px;
}
.course-list .thim-course-top .course-index{
    display: inline-block;
    color: #8c8c8c;
    font-size: 14px;
}
.course-list .thim-course-top .switch-layout{
    margin-left: 53px;
    color: #8c8c8c;
    display: inline-block;
}
.course-list .thim-course-top .switch-layout span{
    font-size: 25px;
    margin-left: 5px;
}

.sidebar-left .widget .widget-title{
    border-bottom: 0;
    margin: 0;
    font-size: 17px;
    line-height: 40px;
    font-weight: 600;
    padding: 15px 30px 18px 30px;
    background: #fafafa;
    color: #333;
}
.sidebar-left .widget{
    margin-bottom: 30px;
    border: 1px solid #f2f0f0;
}
.sidebar-left .widget .widget-title span{
    float: right;
}
.sidebar-left .widget .widget-title span.bg i{
    padding: 5px 8px;
    background: #fff;
    margin: 7px 0;
}
.sidebar-left .widget .content{
    padding: 24px 35px 15px 30px;
    background: #fff;
    position: relative;
}
.sidebar-left .widget .content ul li a{
    font-size: 17px;
    color: #8c8c8c;
}
.sidebar-left .widget-categories .content ul li:before{
   content: '\f105 ';
   font-family: 'fontawesome';
   margin-right: 12px;
}
.sidebar-left .widget-categories .content ul li{
    margin-bottom: 15px;
    position: relative;
}
.sidebar-left .widget-categories .content ul li span{
    position: absolute;
    right: 0;
}
.sidebar-left .widget-products .content ul li:before{
    content: '\f1db ';
    font-family: 'fontawesome';
    margin-right: 20px;
}
.sidebar-left .widget-products .content ul li{
    margin-bottom: 15px;
}
.sidebar-left .widget-price .content .price-shortest{
    float: left;
}
.sidebar-left .widget-price .content .price-shortest:after{
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    background: #8c8c8c;
    width: 5px;
    height: 1px;
}
.sidebar-left .widget-price .content .price-highest{
    float: right;
}

.content-course-list .flat-course{
    border: 1px solid #f2f0f0;
}
.content-course-list .flat-course .featured-post{
    float: left;
}
.content-course-list .flat-course {
    margin-bottom: 26px;
    -webkit-box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
    -moz-box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
    box-shadow: 0px 0px 20px 8px rgba(208,208,208,0.2);
}
.course-list .flat-course .course-content p{
    margin: 12px 0 17px 0;
}
.course-list .pagination{
    padding: 70px 0 121px 0;
    text-align: center;
    width: 100%;
    display: inline-block;
}

/*course-grid*/
.course-grid .flat-portfolio .flat-filter-isotype li{
    display: inline-block;
    margin-right: 37px;
}
.course-grid .flat-portfolio .flat-filter-isotype li:last-child{
    margin-right: 0;
}
.course-grid .flat-portfolio .flat-filter-isotype li a{
    font-size: 17px;
    line-height: 27px;
    font-weight: 500;
    color: #333;
}
.course-grid .flat-portfolio .flat-filter-isotype li.active a{
    color: #ff9927;
}
.course-grid .flat-portfolio{
    width: 100%;
    display: table;
    margin-bottom: 70px;
}
.course-grid .flat-courses{
    margin: 0 -16px;
}
.course-grid .flat-portfolio .flat-filter-isotype{
    width: 68.4%;
    float: left;
    padding-left: 2px;
    margin: 17px 0;
}
.course-grid .flat-portfolio .search-course{
    width: 31.6%;
    float: left;
}
.course-grid .search-course .search-form{
    position: relative;
}
.course-grid .search-course .search-form input{
    font-size: 16px;
    padding: 0px 28px;
    height: 60px
}
.course-grid .search-course .search-form button{
    position: absolute;
    right: 0;
    top: 0;
    background-color: #ffb922;
    width: 50px;
    height: 50px;
    margin: 5px;
    padding: 0;
    border-radius: 2px;
}
.course-grid .search-course .search-form button i{
    font-size: 25px;
}
.course-grid .flat-course .course-content .wrap-course-content{
    padding: 15px 21px 20px 21px;
}
.flat-courses .course .flat-course{
    border: 1px solid #f1f1f1;
}
.flat-courses .course{
    overflow: hidden;
    padding: 0 13px;
    width: 33.3333%;
}
.course-grid .pagination{
    padding: 70px 0 120px 0;
    width: 100%;
    text-align: center;
    display: inline-block;
}
.course-grid .flat-courses .course .flat-course {
    margin-bottom: 24px;
}
.course-grid .flat-course .course-content h4 a{
    letter-spacing: 0.4px;
}
.course-grid .flat-course .course-content p{
    margin: 12px 0 17px 0;
}

.flat-courses .course .post-media,
.flat-courses .course .pic {
    position: relative;
    overflow: hidden;
}
.flat-courses .course .pic img {
    display: block;
    width: 100%;
    height: auto;
    -webkit-transform: scale(1) translate3d(0,0,0);
    -ms-transform: scale(1) translate3d(0,0,0);
    transform: scale(1) translate3d(0,0,0);
}
.flat-courses .course .pic img {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.hover-effect{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.flat-courses .course .pic .hover-effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.flat-courses .course .pic:hover .hover-effect{
    background-color: rgb(1, 1, 1, 0.6);
    transition: all 1s ease;
}
.flat-courses .course .pic .links {
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 30px;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    text-align: center;
}
.flat-courses .course .pic .links a {
    position: relative;
    padding: 10px 15px;
    display: inline-block;
    background: #ff9927;
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    border-radius: 6px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
}
.flat-courses .course .pic:hover img{
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}
.flat-courses .course .pic:hover img {
    -webkit-transition: all 4s ease;
    transition: all 4s ease;
}
.flat-courses .course .pic:hover .links a {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
}
.flat-courses .course .pic .links a:hover {
    background:none;
    border: 1px solid #fff;
}

/*course-single*/
.courses-single-page .course-single .videobox a.fancybox:before{
    background: #ff9927;
    border: none;
    left: 46%;
    top: 43%;
}
.course-single .featured-post{
    margin-bottom: 33px;
}
.course-single .content .title{
    margin-bottom: 12px;
}
.course-single .content .title a{
    font-size: 24px;
    line-height: 32px;
    font-weight: 500;
    letter-spacing: 0.18px;
}
.course-single .content p{
    margin-bottom: 26px;
    letter-spacing: 0.08px;
    padding-right: 20px;
    font-size: 17px;
}
.courses-single-page .sidebar-right{
    margin-bottom: 50px;
}
.course-single .content .author-price{
    display: table;
    width: 100%;
    padding-bottom: 28px;
    border-bottom: 1px solid #f1f1f1;
}
.course-single .content .author-price .author{
    width: 56%;
}
.course-single .content .author-price .price-wrap{
    width: 27%;
}
.course-single .content .author-price .author,
.course-single .content .author-price .price-wrap{
    display: table-cell;
    vertical-align: middle;
}
.course-single .content .author-price .author .avatar{
    float: left;
    margin-right: 20px;
}
.course-single .content .author-price .author .info{
    margin-top: -6px;
}
.course-single .content .author-price .author .info .list-star{
    margin-top: 5px;
}
.course-single .content .author-price .author .info .list-star i{
    color: #ff9927;
    font-size: 12px;
    margin-right: 2px;
}
.course-single .content .author-price .author .info .list-star i:last-child{
    margin-right: 0px;
}
.course-single .content .author-price .author .info .name a{
    font-size: 17px;
    line-height: 20px;
    font-weight: 600;
    color: #ff9927;
}
.price-course-single .price{
    float: left;
    margin-right: 21px;
}
.price-course-single .btn-buynow{
    float: left;
}
.price-course-single .price .price-previou{
    vertical-align: middle;
    color: #8c8c8c;
    font-size: 14px;
    font-weight: 400;
}
.price-course-single .price .price-previou del{
    margin-right: 10px;
}
.price-course-single .price .price-now{
    font-size: 30px;
    font-weight: 700;
    color: #333;
    vertical-align: middle;
}
.price-course-single .btn-buynow a{
    padding: 10px 28px 10px 29px;
    background: #ff9927;
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
    font-size: 14px;
    line-height: 31px;
}
.course-single .content .author-price .author .info .job,
.course-single .content .author-price .author .info .list-star span{
    font-size: 14px;
    line-height: 27px;
    color: #8c8c8c;
    font-weight: 500;
}

.courses-single-page {
    margin-top: 2px;
}
.courses-single-page .flat-tabs{
    border-bottom: 1px solid #f1f1f1;
    padding: 41px 0 85px 0;
    margin-bottom: 119px;
}
.courses-single-page .content-page-wrap .item-content .question-sg {
    margin-bottom: 47px;
}
.courses-single-page .content-page-wrap .item-content .access-sg {
    margin-bottom: 47px;
}
.courses-single-page .content-page-wrap .item-content .certificate-sg {
    margin-bottom: 36px;
}
.courses-single-page .content-page-wrap .item-content .requirements-sg {
    margin-bottom: 46px;
}
.courses-single-page .content-page-wrap .item-content .description-single {
    margin-bottom: 63px;
}
.courses-single-page .content-page-wrap .item-content .question-sg .title{
    margin-bottom: 10px;
}
.courses-single-page .content-page-wrap .item-content .access-sg .title{
    margin-bottom: 10px;
}
.courses-single-page .content-page-wrap .item-content .certificate-sg .title{
    margin-bottom: 18px;
}
.courses-single-page .content-page-wrap .item-content .requirements-sg .title{
    margin-bottom: 18px;
}
.courses-single-page .content-page-wrap .item-content .description-single .title{
    margin-bottom: 17px;
}
.courses-single-page .content-page-wrap .item-content .requirements-sg .request li{
    margin-bottom: 19px;
    font-size: 17px;
    position: relative;
    display: block;
    padding-left: 34px;
}
.courses-single-page .content-page-wrap .item-content .text .title a{
    font-size: 24px;
    line-height: 30px;
    font-weight: 500;
    color: #333;
}
.courses-single-page .content-page-wrap .item-content .text p{
    font-size: 17px;
    color: #7a7a7a;
    font-weight: 400;
}
.courses-single-page .tab-title {
    margin-bottom: 56px;
}
.tab-content-wrap .item-content .text .request li:before{
    content: '\f00c';
    font-family: "FontAwesome";
    color: #ff9927;
    position: absolute;
    left: 0;
}
.certificate{
    margin-top: 18px;
}
.certificate .certificate-wrap{
    width: 61%;
    float: left;
}
.certificate .certificate-wrap ul li{
    margin-bottom: 14px;
    font-size: 17px;
    color: #7a7a7a;
    display: block;
    position: relative;
    padding-left: 31px;
}
.certificate .certificate-wrap p{
    margin-bottom: 34px;
}
.certificate .images-certificate{
    width: 35%;
    float: left;
}
.certificate .certificate-wrap .list-certificate li:before{
    content: '\f111';
    font-family: "FontAwesome";
    color: #ff9927;
    font-size: 10px;
    position: absolute;
    left: 0;
}
.courses-single-page .sidebar-right .widget{
    margin-bottom: 30px;
    border: 1px solid #f2f0f0;
}
.courses-single-page .sidebar-right .widget .widget-title {
    border-bottom: 0;
    margin: 0;
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
    padding: 15px 30px;
    background: #fafafa;
    color: #333;
}
.courses-single-page .sidebar-right .widget .content{
    padding: 27px 30px 21px 30px;
    background: #fff;
}

.widget-features .features {
    display: block;
    line-height: 27px;
}

.courses-single-page .sidebar-right .widget-features .features li{
    padding-bottom: 12px;
    margin-top: 1px;
    margin-bottom: 24px;
    border-bottom: 1px solid #f1f1f1;
}
.courses-single-page .sidebar-right .widget-features .features li:before{
    font-family: 'fontawesome';
    margin-right: 20px;
    color: #ff9927;
}
.courses-single-page .sidebar-right .widget-features .features li:nth-child(1):before {
    content: '\f016';
}
.courses-single-page .sidebar-right .widget-features .features li:nth-child(2):before {
    content: '\f017';
}
.courses-single-page .sidebar-right .widget-features .features li:nth-child(3):before {
    content: '\f007';
}
.courses-single-page .sidebar-right .widget-features .features li:nth-child(4):before {
    content: '\f185';
}
.courses-single-page .sidebar-right .widget-features .features li:nth-child(5):before {
    content: '\f0eb';
}
.courses-single-page .sidebar-right .widget-features .features li:nth-child(6):before {
    content: '\f097';
}
.courses-single-page .sidebar-right .widget-features .features li a{
    color: #7a7a7a;
    font-weight: 300;
    font-size: 17px;
}
.courses-single-page .sidebar-right .widget-features .features li span{
    min-width: 69px;
    float: right;
    color: #7a7a7a;
    font-size: 17px;
}
.courses-single-page .sidebar-right .widget-features .share-via{
    margin-top: 40px;
    text-align: center;
}
.courses-single-page .sidebar-right .widget-features .share-via .title{
    font-size: 17px;
    line-height: 19px;
    font-weight: 700;
    color: #333;
    margin-bottom: 26px;
    letter-spacing: 0.5px;
}
.courses-single-page .sidebar-right .widget-features .share-via .social-media li{
    display: inline-block;
    margin: 0 19px;
}
.courses-single-page .sidebar-right .widget-features .share-via .social-media li i{
    font-size: 15px;
}
.courses-single-page .sidebar-right .flat-counter ul li{
    display: inline-block;
    margin-right: 30px;
}
.courses-single-page .sidebar-right .flat-counter ul li:last-child{
    margin-right: 0;
}
.courses-single-page .sidebar-right .flat-counter .wrap-bg .numb-count {
    font-size: 20px;
    line-height: 27px;
    font-weight: 600;
}
.courses-single-page .sidebar-right .flat-counter .wrap-bg .name-count {
    font-size: 14px;
    line-height: 27px;
    color: #8a8a8a;
}
.related-course-single{
    margin-top: -7px;
}
.related-course-single .title{
    font-size: 20px;
    line-height: 31px;
    font-weight: 600;
    color: #333;
    letter-spacing: 0.3px;
    margin-bottom: 21px;
}
.related-course-single .related-course-wrap .flat-course{
    border: 1px solid #f1f1f1;
}
.related-course-single .related-course-wrap .flat-course .course-content p{
    margin: 12px 0 17px 0;
}
.header-sticky .site-header-inner #logo{
    margin: 25px 0;
}
.header-sticky .site-header-inner #main-nav > ul > li{
    padding-top: 28px;
    padding-bottom: 29px;
}
.header-style1.header-sticky .site-header-inner:after{
    display: none;
}

.section-product { padding: 0 210px; color: #000; font-size: 17px; }
.section-product h3 { font-size: 32px; line-height: 40px; letter-spacing: 0.3px; text-align: left; color: #000; font-weight: 500; text-transform: uppercase; }
.section-product p { margin-bottom: 40px; font-size: 17px; text-align: justify; line-height: 27px; }
.section-product ul {  }
.section-product ul li { line-height: 27px; }
.section-product ul li:before { color: #1dbf73; padding-right: 12px; font-family: "FontAwesome"; font-weight: 900; content: "\f058"; }

@media screen and (max-width: 1023px) {
    .section-product { padding: 0 20px; }
}

/* ================================================================ *\
    #Reset
\* ================================================================ */

* { padding: 0; margin: 0; outline: 0; }

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* ================================================================ *\
    #Base
\* ================================================================ */

article,
aside,
figcaption,
figure,
footer,
header,
main,
nav,
section { display: block; }

html,
body { height: 100%; }

html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body.woocommerce {
    min-width: 320px;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 1.56;
    color: #333333;
    -webkit-font-smoothing:antialiased;
    font-weight: 400;
}


a { text-decoration: none; color: #fff; }
a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; max-width: 100%; height: auto; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -webkit-font-smoothing:antialiased; }

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

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

button { overflow: visible; }
textarea { overflow: auto; resize: none; }

table { border-collapse: collapse; border-spacing: 0; }
th,
td { padding: 0; }

/* ================================================================ *\
    #Helpers
\* ================================================================ */

.alignleft { float: left; }
.alignright { float: right; }
.hidden { display: none; visibility: hidden; }

.form-cols:after,
.cols:after,
.header:after,
.team-box:after,
.list-images:after,
.step:after,
.serum:after,
.clearfix:after { display: table; content: ' '; clear: both; }

/* ================================================================ *\
  #Helpers
\* ================================================================ */


/* ------------------------------------------------------------ *\
    Main Styles
\* ------------------------------------------------------------ */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
}

.shell {
    max-width: 1170px;
    margin: 0 auto;
}

.shell-big {
    max-width: 1720px;
}

.wrapper {
    min-height: 100%; margin-bottom: -814px;
}

.push {
    height: 814px;
}

.bg-image {
  display: none !important;
}

.parent-bg-wrapper {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}

/* Cols */
.cols .col {
    float: left;
}

.cols .col:first-child {
    padding-right: 27px;
}

.cols .col ~ .col {
    padding-left: 13px;
}

.cols .col-1of2 {
    width: 50%;
}

.cols .col-1of3 {
    width: 33.3%;
}

.cols .col-2of3 {
    width: 66.6%;
}

/*  Burger-button  ---------------*/
.link-menu { padding: 7px 0; cursor: pointer; display: inline-block; vertical-align: middle; width: 40px; margin-left: 34px; position: relative;
 z-index: 400; display: none; }
.link-menu span { position: relative; display:block; width: 40px; border-top: 2px solid #fff; background-color: transparent;

  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.link-menu span:before,
.link-menu span:after { position: absolute; width: 40px; height: 2px; background: #fff; content: '';

-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}

.link-menu span:before { height: 2px; background: #fff; }

.link-menu:not(.active-menu):hover span,
.link-menu:not(.active-menu):hover span:before,
.link-menu:not(.active-menu):hover span:after {
  background: #fff;
  border-color: #fff;

}

.link-menu span:before { top: -12px; left: 0; }
.link-menu span:after { top: 8px; left: 0; }

/* ------------------------------------------------------------ *\
    Header
\* ------------------------------------------------------------ */
.woocommerce-page .header {
    background: #403651;
    padding: 21px 0;
}

.single-product .header {
    background: none;
    padding: inherit;
}

.woocommerce-page .header .shell {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.header .header-buttons {
    margin-left: auto;
}

.btn.btn-register i {
    margin-right: 0;
    margin-left: 6px;
}

.register-form .btn-register,
.header-buttons .btn-login {
    display: none !important;
}

.register-form .btn-login {
    display: inline-block !important;
}

/* Forms */
/*.register-form-wrapper {
    display: none;
}*/

.register-form .register-form-wrapper {
    display: block;
}

.register-form .forgotten-password {
    display: block;
}

.register-form .login-form-wrapper {
    display: none;
}

.forgotten-password .btn-register {
    display: none;
}

.forgotten-password .btn-login {
    display: inline-block;
}

.forgotten-password .forgotten-password-wrapper {
    display: block;
}

.forgotten-password .login-form-wrapper,
.forgotten-password .register-form-wrapper {
    display: none;
}

/* Logged in header */
.woocommerce-page .header-alt,
.single-product .header-alt,
.header-alt {
    background: #ff9927;
    padding: 21px 0;
}

.woocommerce-page .header-forms .btn,
.woocommerce-page .header-alt .btn,
.single-product .header-alt .btn { font-size: 14px; padding: 9px 28px 9px 27px; line-height: 1.56; }

/* ------------------------------------------------------------ *\
    Buttons
\* ------------------------------------------------------------ */

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.woocommerce .add-to-cart-notice .button,
.woocommerce-account button.woocommerce-button,
.woocommerce-account button.woocommerce-Button,
.woocommerce-account .woocommerce-address-fields .button,
.checkout_coupon.woocommerce-form-coupon .button,
.btn:focus,
.btn {
    display: inline-block;
    background: #f9fafa;
    border-radius: 21px;
    padding: 10px 29px;
    font-weight: 600;
    color: #333333;
    transition: all 0.2s ease-in-out;
}

.woocommerce .add-to-cart-notice .button { border-radius: 0; }

.btn i {
    margin-right: 10px;
}

.woocommerce .add-to-cart-notice .button:hover,
.btn:hover {
    background: #333;
    color: #f9fafa;
}

.btn-alt {
    background: #ecedef;
    font-weight: 700;
}

.btn-alt:hover {
    background: #ff9927;
    color: #fff;
}

.btn-secondary {
    background: #403651;
    color: #fff;
}

.woocommerce-account button.woocommerce-Button,
.woocommerce-account button.woocommerce-button,
.checkout_coupon.woocommerce-form-coupon .button,
.woocommerce-account .woocommerce-address-fields .button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.btn-orange {
    background: #ff9927;
    color: #fff;
}

.woocommerce-account button.woocommerce-Button:hover,
.woocommerce-account button.woocommerce-button:hover,
.woocommerce-account .woocommerce-address-fields .button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover,
.checkout_coupon.woocommerce-form-coupon .button:hover,
.btn-orange:hover {
    background: #f9fafa;
    color: #333;
}

/* ------------------------------------------------------------ *\
    Checkout Boxes
\* ------------------------------------------------------------ */
.boxes {
    background: #fff;
    border-radius: 13px;
}

.boxes .profile-table {
    width: auto;
}

.boxes .box {
    padding: 0 15px 60px;
}

.boxes .box ~ .box {
    border-top: 1px solid #ecedef;
}

.woocommerce-checkout .woocommerce-checkout h3,
.boxes .box h3 {
    font-size: 32px;
    margin-bottom: 28px;
    text-transform: none;

}

.boxes .box h4 {
    margin-bottom: 17px;
    font-size: 14px;
}

.promo-code + .btn {
    margin-top: 11px;
}

.table-order .select-cell {
    padding: 0;
}

.table-order td.coupon,
.table-order th.coupon {
    background: #ff9927;
    color: #fff;
}

.box .profile-table ~ .profile-table {
    margin-top: 20px;
}

.table-holder-overflow {
    overflow-x: auto;
}

.table-holder ~ .table-holder {
    margin-top: 20px;
}

.box-info .gform_wrapper {
    width: 321px;
    padding: 0;
}

.box-info .gform_footer {
    padding: 0;
    white-space: nowrap;
}

.box-info .checkboxes-wrapper {
    margin-bottom: 0;
}

.box-info .gform_wrapper .gform_body {
    padding: 0;
}

.woocommerce-checkout .input-text,
.woocommerce-account .input-text,
.box-info .ginput_container input {
    background: #ecedef;
    color: #000;
}

.box-info-alt .gform_wrapper {
    padding: 26px 28px;
    width: 400px;
    background: #f9fafa;
    border: 1px solid #ecedef;
}

.box-info-alt .gform_wrapper .gform_body {
    padding: 0;
}

.box-info-alt .ginput_container input {
    background: #fff;
    color: #333;
}

.box-info-alt .ginput_container input:focus {
    background: #fff;
}

.box-info-alt .gform_wrapper p {
    font-size: 12px;
    font-style: italic;
    margin-bottom: 22px;
}

.box-payment .gform_wrapper {
    padding: 0;
    width: 440px;
    position: relative;
}

.box-payment > i {
    font-size: 12px;
}

.box-payment .gform_wrapper:after {
    content: '';
    display: block;
    width: 819px;
    height: 1px;
    background: #ecedef;
    margin: 51px 0
}

.box-payment .gform_wrapper .gform_body {
    padding: 0;
}

.box-payment .ginput_container input {
    background: #fff;
}

/* Custom Select styles */
.chosen-container {
    border-radius: 0;
    box-shadow: none;
    width: 100% !important;
    font-size: 14px;
    color: #333;
    margin-left: 0px;
}

.chosen-container .chosen-single {
    box-shadow: none !important;
    background-image: none !important;
    outline: none !important;
    border-radius: 0;
    width: 100%;
    height: auto;
    background: transparent;
    border: none;
    width: 100%;
    padding: 0 20px;
}

.chosen-container .chosen-drop {
    border: 1px solid #ecedef;
    box-shadow: none;
    font-size: 14px;
    top: 142%;
}

.chosen-container .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-results li {
    background: #fff;
    color: #212529;
    padding: 5px 17px;
}

.chosen-results li.result-selected,
.chosen-results li.highlighted {
    background: #fff !important;
    background-image: none !important;
    color: #ff9927 !important;
}

.chosen-container-single .chosen-single span {
    color: #ff9927;
    font-size: 14px;
    margin: 0;
    color: #333;
    font-weight: 400;
    display: inline-block;
    vertical-align: middle;
}

.table-holder-alt .chosen-container .chosen-single span {
    white-space: normal;
}

.chosen-container-single .chosen-single div b {
    position: relative;
    width: 12px;
}

.chosen-container-single .chosen-single div {
    position: static;
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: auto;
}

.chosen-container-single .chosen-single div b:after {
    content: '\2039';
    display: inline-block;
    vertical-align: middle;
    transform: rotate(-90deg);
    font-size: 21px;
}

.chosen-container-active.chosen-with-drop .chosen-single div b:after {
    transform:  rotate(90deg);
    margin-left: 5px;
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: none;
}

/* ------------------------------------------------------------ *\
    Sections
\* ------------------------------------------------------------ */
.section-title {
    font-weight: 400;
    font-size: 32px;
    text-align: center;
    margin-bottom: 38px;
}

.section-head {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    padding: 44px 0;
    align-items: center;
}

.section-head .btn-secondary {
    padding: 10px 51px;
}

.section-head h3 {
    font-size: 32px;
    font-weight: 400;
    text-align: center;
}

/* Checkout */
.section-checkout {
    background: #eff1f3;
    padding: 50px 0 80px;
}

.section-checkout .section-footer {
    padding: 0 57px 50px 57px;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order,
.section-checkout .section-footer .btn {
    width: 100%;
    text-align: center;
}

/* Profile */
.profile-wrapper {
    padding: 50px 0 80px;
    background: #eff1f3;
}

body.error404 .profile-wrapper,
body.page-template-default:not(.woocommerce-page) .profile-wrapper {
    padding: 240px 0 80px;
}

.header-forms + .profile-wrapper {
    padding-top: 100px;
}

/* Courses list */
.section-courses-list {
    padding: 52px 0 81px;
}

.section-courses-list h3 { text-transform: none; }

.features {
    color: #fff;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.feature {
    position: relative;
    width: 31.2%;
    border-radius: 13px;
    overflow: hidden;
    padding: 30px 44px 35px;
}

.feature ~ .feature {
    /*margin-left: 2.89%;*/
}

.feature:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(64, 54, 81, 0.92);
    z-index: 10;
}

.feature-content {
    position: relative;
    z-index: 20;
}

.feature h3 {
    font-size: 24px;
    font-weight: 600;
    line-height: 1.3;
    text-align: center;
    margin-bottom: 43px;
}

.feature-actions {
    text-align: center;
    margin-top: 34px;
    text-transform: uppercase;
}

.feature ul,
.feature .list-checks {
    /*padding: 0 54px;*/
    max-width: 173px;
    margin: 0 auto;
}


/* List Checks */
.feature ul,
.list-checks {
    list-style-type: none;
    font-size: 15px;
}

.list-checks img {
    margin-right: 6px;
}

.feature ul li {
    position: relative;
    padding-left: 21px;
}

.feature ul li:before {
    content: '';
    background-image: url(../css/icons/check-circle.png);
    width: 13px;
    height: 13px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    z-index: 10;
    background-size: contain;
}

.feature ul li ~ li,
.list-checks li ~ li {
    margin-top: 11px;
}

/* Section all courses */
.section-course {
    padding-top: 240px;
    padding-bottom: 81px;
    background: #eff1f3;
}

/* Section all courses */
.section-all-courses {
    padding-top: 4px;
    padding-bottom: 81px;
}

.section-all-courses .btn {
    font-size: 14px;
    line-height: 1.56;
    padding: 9px 29px;
}

.section-all-courses .section-head {
    padding-bottom: 48px;
}

.list-courses {
    list-style-type: none;
}

.list-courses {
    counter-reset: item;
    margin: -20px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.list-courses .course h3 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 54px;
    line-height: 1.56;
    text-transform: capitalize;
}

.list-courses .course {
    padding: 39px 10px 66px;
    border-radius: 15px;
    text-align: center;
    color: #fff;
    display: inline-block;
    vertical-align: top;
    margin: 20px;
    width: 312px;
    background-image: url(../images/bg-1.png);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.list-courses .course i {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 20;
    color: #403651;
    font-size: 40px;
}

.list-courses .course.locked i {
    display: inline-block;
}

.list-courses .course.locked:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 10;
}

/*.list-courses .course h3::before {
    content: counter(item, decimal-leading-zero) " ";
    counter-increment: item;
}*/

.list-courses .course .btn {
    font-size: 15px;
}
.section-all-courses .list-courses .course .btn {
    position: absolute;
    bottom: 15%;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

/* ------------------------------------------------------------ *\
    Tabs
\* ------------------------------------------------------------ */
.tabs {}

/* tabs-boxes */
.tabs-boxes {}

.tabs-boxes {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
}

.tabs-boxes .tabs-nav {
    list-style-type: none;
    width: 240px;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    padding: 50px 30px;
}

.tabs-boxes .tabs-nav a {
    color: #000;
    font-weight: 700;
    display: block;
    border: 1px solid transparent;
    border-radius: 23px;
    padding: 10px 20px;
}

.tabs-boxes .tabs-nav li.active a {
    background: #ecedef;
    border-color: #ecedef;
    color: #000;
}

.tabs-boxes .tabs-nav li ~ li {
    margin-top: 5px;
}

.tabs-boxes .tabs-body {
    background: #fff;
    flex: 1 1 0;
    margin-left: 10px;
    border-radius: 14px;
    overflow: hidden;
}

.tabs-boxes .tab-content {
    /*min-height: 613px;*/
}

.tabs-boxes .tab-content ~ .tab-content {
    display: none;
}

.tabs-lessons .tabs-boxes .tab-content {
    padding: 0;
}

/* Tabs Lessons */
.section-lesson .tabs-lessons > .tabs-nav,
.tabs-lessons > .tabs-nav {
    font-size: 13px;
    font-weight: 600;
    list-style-type: none;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    background: #fff;
    text-align: center;
    border-radius: 14px;
    overflow: hidden;
    margin-bottom: 10px;
}

.section-lesson .tabs-lessons > .tabs-nav li,
.tabs-lessons > .tabs-nav li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    max-width: 140px;
}

.section-lesson .tabs-lessons > .tabs-nav a {
    font-size: 13px;
}

.tabs-lessons > .tabs-nav > li.active > a {
    background: #403651;
    color: #fff;
}

.tabs-lessons > .tabs-nav > li ~ li {
    border-left: 1px solid #ecedef;
}


.tabs-lessons > .tabs-nav > li > a {
    color: #333333;
    display: block;
    padding: 10px 10px;
}

.tabs-lessons > .tabs-body > .tab-content ~ .tab-content {
    display: none;
}

/* Profile tabs */
.profile-wrapper .woocommerce,
.tabs-profile {
    background: #ffffff;
    border-radius: 14px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding: 50px 30px;
}

.profile-wrapper.profile-wrapper-login .woocommerce { display: block; }

.profile-wrapper-login {  }
.profile-wrapper-login .woocommerce-notices-wrapper { max-width: 780px; margin: 0 auto; }

.profile-wrapper-login .gform_head h3 { text-transform: capitalize; }
.profile-wrapper-login .gform_head a { font-size: inherit; }
.profile-wrapper-login .woocommerce .woocommerce-form { padding: 0 100px; margin: 0; }
.profile-wrapper-login .woocommerce .lost_reset_password .woocommerce-form-row,
.profile-wrapper-login .woocommerce .woocommerce-form .woocommerce-form-row { padding: 0; margin: 0 0 12px 0; }
.profile-wrapper-login .woocommerce .woocommerce-form .woocommerce-LostPassword.lost_password { text-align: center; margin-top: 15px; }
.profile-wrapper-login .woocommerce .woocommerce-form .woocommerce-LostPassword.lost_password a { font-size: 13px; text-decoration: underline; }

@media(max-width: 767px){
    .profile-wrapper-login .woocommerce .woocommerce-form {
        padding: 0 30px;
    }
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-content,
.tabs-profile .tabs-body {
    flex: 1 1 0;
    padding: 0 20px 0 29px;
    border-left: 1px solid #ecedef;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-content {
    padding-right: 0;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-content .tab-content + .tab-content,
.tabs-profile .tabs-body .tab-content + .tab-content {
    display: none;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-content h3,
.tabs-profile .tabs-body h3 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 19px;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-navigation,
.tabs-profile .tabs-nav {
    width: 220px;
    list-style-type: none;
    padding-right: 30px;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-navigation ul a,
.tabs-profile .tabs-nav a {
    color: #000;
    font-weight: 700;
    display: block;
    padding: 10px 20px;
    display: flex;
    align-items: center;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-navigation ul a i,
.tabs-profile .tabs-nav a i {
    margin-left: auto;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li,
.tabs-profile .tabs-nav li {
    border: 1px solid transparent;
    border-radius: 23px;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li ~ li,
.tabs-profile .tabs-nav li ~ li {
    margin-top: 7px;
}

.profile-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.is-active,
.tabs-profile .tabs-nav li.active {
    background: #ecedef;
    border-color: #ecedef;
}
.profile-wrapper .woocommerce .woocommerce-MyAccount-navigation ul li.is-active a,
.tabs-profile .tabs-nav li.active a {
    color: #333333;
}

/* Profile table */
.profile-table {
    width: 100%;
    text-align: left;
    table-layout: fixed;
}

.woocommerce table.profile-table .select-cell + td .woocommerce-Price-amount { color: #000; }

.profile-table ~ .profile-table {
    margin-top: 32px;
}

.profile-table th {
    background: #f9fafa;
    color: #000;
    font-weight: 700;
    padding: 12px 22px;
    border: 1px solid #000;
}

.profile-table th ~ th {
    /*border-left: 1px solid #ecedef;*/
}

.profile-table td {
    padding: 12px 20px;
    border: 1px solid #000;
}

.profile-table td ~ td {
    /*border-left: 1px solid #ecedef;*/
}

.profile-table .btn {
    padding: 7px 27px;
}

/* TABLE COURSES */
.table-courses {
    table-layout: auto;
}

.table-courses caption {
    text-align: left;
    font-size: 16px;
    color: #333333;
    margin-bottom: 8px;
    caption-side: top;
}

.table-courses td {
    border: 0;
    padding: 5px 16px;
}

.table-courses tbody {
    border: 1px solid #000;
}

.table-courses tbody tr ~ tr {
    border-top: 1px solid #000;
}

.woocommerce-table thead,
.table-courses thead {
    border: 1px solid #000;
}

.table-courses th {
    font-weight: 700;
    border: 0;
}

td.table-actions {
    text-align: right;
}

td.table-links {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

td.table-links .btn {
    margin-left: auto;
}

.link-course {
    color: #333333;
    text-decoration: underline;
}

.link-course:hover {
    text-decoration: none;
}

td .download-link {
    color: #333;
}

td .download-link:hover {
    text-decoration: underline;
}

td .download-link i {
    margin-left: 6px;
}

.table-top-actions {
    text-align: right;
    margin-bottom: 12px;
}

.table-top-actions a {
    color: #acaeb5;
}

.table-top-actions a:hover {
    text-decoration: underline;
}

.table-top-actions i {
    font-size: 11px;
    margin-left: 4px;
}

td.status-active {
    color: #34c387;
}

td.status-inactive {
    color: #ee405f;
}

.table-payment {
    table-layout: auto;
}

@media screen and (max-width: 767px) {
    .profile-wrapper .woocommerce .woocommerce-MyAccount-navigation,
    .tabs-profile .tabs-nav {
        width: 100%;
        padding: 0;
        border-bottom: 1px solid #ccc;
    }

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

/* ------------------------------------------------------------ *\
    Popup Wrapper
\* ------------------------------------------------------------ */

/* Popup Forms */
.popup-forms-wrapper {
    position: fixed;
    z-index: 500;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: none;
}

.popup-forms-wrapper.active {
    display: block;
}

.popup-forms-wrapper.active .gform_wrapper {
    display: block;
}

.popup-forms-wrapper .popup-content {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    display: none;
}

.popup-forms-wrapper .popup-content.active {
    display: block;
}

.popup-forms-wrapper .popup-content h4 {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #fff;
    margin-bottom: 10px;
}

.popup-footer {
    text-align: center;
    color: #fff;
    font-size: 13px;
    margin-top: 20px;
}

.popup-footer > * {
    display: inline-block;
    vertical-align: middle;
}

.popup-footer p {
    margin-right: 10px;
}

/* Popup payment */
.popup-payment {
    position: fixed;
    z-index: 500;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: none;
}

.popup-payment.active {
    display: block;
}

.popup-inner {
    width: 993px;
    position: absolute;
    left: 50%;
    top: 87px;
    transform: translateX(-50%);
    z-index: 600;
    background: #fff;
    padding: 80px 30px;
    border-radius: 14px;
}

.popup-inner h3 {
    font-size: 24px;
    max-width: 540px;
    margin: 0 auto;
    margin-bottom: 32px;
    line-height: 1.2;
    text-align: center;
}

/* Edit profile popup */
.popup-wrapper {
    position: fixed;
    z-index: 500;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.85);
    display: none;
}

.popup-wrapper.active {
    display: block;
}

.popup {
    width: 451px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 600;
    background: #fff;
    padding: 30px;
    max-height: 90vh;
    overflow-y: scroll;
}

.close-popup-payment,
.close-popup-forms {
    padding: 2.5px 8.2px;
    color: #000;
    border: 1px solid #000;
    border-radius: 50%;
    position: absolute;
    top: 19px;
    right: 19px;
}

.login .close-popup-forms {
    top: 50px;
}

.close-popup {
    color: #000;
    border: 1px solid #000;
    border-radius: 50%;
    padding: 2.5px 7.2px;
    position: absolute;
    top: 19px;
    right: 19px;
}

.gform_wrapper.edit-profile-form {
    width: auto;
    padding: 0 0 50px;
}

.gform_wrapper.edit-profile-form .gform_body {
    padding: 0 50px;
}


.edit-profile-form .ginput_container input {
    border-radius: 4px;
    color: #000;
    padding: 12px 20px;
    font-size: 13px;
}

.edit-profile-form .gfield_label {
    margin-bottom: 2px;
    color: #acaeb5;
}

.edit-profile-form .gform_footer {
    padding: 0 50px;
}

.edit-profile-form .gform_footer input {
    width: 100%;

}

.edit-profile-form.gform_wrapper .gform_head h3 {
    padding: 0 73px;
}

.gform_wrapper.edit-profile-form .gform_head {
    margin-bottom: 40px;
}


/* ------------------------------------------------------------ *\
    Sections
\* ------------------------------------------------------------ */
.section-form-login-register {
    background: #eff1f3;
    height: calc(100% - 87px);
    padding-top: 100px;
}

.section-form-login-register .gform_wrapper {
    margin: 0 auto;
}

.section-lesson {
    background: #eff1f3;
    padding: 4px 0 74px;
}
.section-lesson .section-head {
    padding-bottom: 48px;
}

.section-lesson .btn {
    font-size: 14px;
    line-height: 1.56;
    padding: 9px 28px 9px 27px;
}

.section-lesson .section-header {
    padding: 36px 30px;
}

.section-lesson .section-header > h3 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 35px;
}

.tabs-lesson .tab-content {}

.intro {
    position: relative;
    color: #fff;
    border-radius: 13px;
    padding: 30px 47px;
}

.intro > h3 {
    font-size: 32px;
    margin-bottom: 41px;
}

.intro-boxes {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}

.intro-boxes .intro-box {
    min-width: 21%;
}

.intro-boxes .intro-box h4 {
    font-size: 15px;
    font-weight: 600;
}

.intro-boxes ul {
    font-style: italic;
    padding: 12px 9px;
}

.intro-boxes ul li {
    position: relative;
}

.intro-boxes ul li:before {
    content: '\00B7';
    position: absolute;
    left: -10px;
    top: 9px;
    color: #fff;
    font-size: 24px;
    line-height: 0.2;
}

.intro-boxes ul li ~ li {
    margin-top: 13px;
}

.intro:before {
    content: '';
    background-image: url('../images/Shape-1.png');
    background-size: contain;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    background-position: 0 right;
    background-position: 100% 0%;
}

.intro ul {
    list-style-type: none;
}

.box-elements {
    padding: 25px 30px;
}

.box-elements.hidden-translation-wrapper {
    border-top: none;
}

.box-elements h3 {
    font-size: 16px;
    margin-bottom: 19px;
    text-transform: none;
}

.box-footer {
    padding: 55px 30px;
    text-align: center;
}

/*  */

/* ------------------------------------------------------------ *\
    Text to speech
\* ------------------------------------------------------------ */
.text-to-speech {
    padding: 6px 19px;
}

.text-to-speech a {
    color: #ff9927;
    font-size: 21px;
    margin-right: 18px;
}

.text-to-speech .aside-part {
    /*margin-left: 85px;*/
}

.text-to-speech .aside-part span + span {
    /*margin-left: 70px;*/
}

/*  text-to-speech--dialogs  */
.text-to-speech--dialogs {
    display: flex;
    align-items: flex-start;
}

.text-to-speech--dialogs .main-part {
    display: flex;
    align-items: center;
}
.text-to-speech--dialogs .main-part .play-text {
    flex-shrink: 0;
}

.text-to-speech--dialogs .main-part,
.text-to-speech--dialogs .aside-part {
    min-width: auto !important;
    width: 50% !important;
}

.text-to-speech--dialogs .main-part span,
.text-to-speech--dialogs .aside-part span {
    width: 100%;
}

@media(max-width: 767px){
    .text-to-speech--dialogs {
        flex-wrap: wrap;
    }

    .text-to-speech--dialogs .main-part,
    .text-to-speech--dialogs .aside-part {
        width: 100% !important;
    }

    .text-to-speech--dialogs .aside-part {
        margin-left: 26px !important;
        padding-left: 14px !important;
    }
}

/*  text-to-speech--translation  */

.text-to-speech--translation {
    padding: 0 !important;
}

.hidden-translation-wrapper + .hidden-translation-wrapper {
    padding-top: 0 !important;
}

/* text-to-speech--table-player */

.text-to-speech--table-player {
    padding: 15px 19px;
    display: flex;
    align-items: flex-start;
}

.text-to-speech--table-player .play-text {
    line-height: 1;
}

.text-to-speech--table-player .text-to-speach__col {
    width: 33.33%;
    display: flex;
    align-items: flex-start;
    padding-right: 10px;
}

.text-to-speech--table-player .text-to-speach__col:last-child {
    padding-right: 0;
}

.play-text i + i {
    display: none;
}


.text-to-speech.playing .play-text i {
    display: none;
}

.text-to-speech.playing .play-text i + i {
    display: inline-block;
}

.main-part,
.aside-part {
    display: inline-block;
    vertical-align: middle;
}

.main-part a,
.main-part span {
    display: inline-block;
    vertical-align: middle;
}

/* Multiple rows */
.multiple-rows {
    border-radius: 5px;
    border: 1px solid #ecedef;
    display: inline-block;
}

.multiple-rows .text-to-speech ~ .text-to-speech {
    border-top: 1px solid #ecedef;
}

.multiple-rows .text-to-speech {
    min-width: 340px;
}

.multiple-rows .main-part {
    min-width: 148px;
}

.multiple-rows .main-part:after {
    content: '';
    clear: both;
    display: table;
}

.multiple-rows .aside-part span {
    min-width: 75px;
    display: inline-block;
    vertical-align: middle;
}

/* hover-rows */
.hover-rows {
    display: inline-block;
}

.hover-rows--full {
    display: block;
    width: 100%;
}

.hover-rows .text-to-speech {
    border: 1px solid transparent;
    min-width: 340px;
    border-radius: 5px;
}

.hover-rows .text-to-speech.playing {
    background: #f9fafa;
    border: 1px solid #ecedef;
}

.hover-rows .text-to-speech a {
    margin-right: 8px;
}

.hover-rows .text-to-speech .aside-part {
    margin-left: 30px;
}

/* hidden-translation */
.hidden-translation p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 6px;
}

.hidden-translation .main-part span {
    display: none;
}

.hidden-translation .aside-part {
    border: 1px solid #ecedef;
    background: #f9fafa;
    border-radius: 5px;
    padding: 9px 14px;
}

.hidden-translation .aside-part i {
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
    cursor: pointer;
}

.hidden-translation .aside-part span {
    visibility: hidden;
    opacity: 0;
}

.hidden-translation .aside-part.visible i {
    color: #ff9927;
}

.hidden-translation .aside-part.visible span {
    visibility: visible;
    opacity: 1;
}

/* text-to-speech-negative */
.text-to-speech-negative p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.text-to-speech-negative .text-to-speech-wrapper {
    display: inline-block;
    vertical-align: middle;
}

/* hovered-aside */
.hovered-aside {}
.hovered-aside .text-to-speech a {
    margin-right: 8px;
}

.hovered-aside .aside-part {
    border: 1px solid #ecedef;
    background: #f9fafa;
    border-radius: 5px;
    padding: 9px 14px;
    margin-left: 20px;
}

/* single-elements */
.single-elements .main-part span {
    display: none;
}

.single-elements .text-to-speech {
    display: inline-block;
    vertical-align: middle;
    border: 1px solid #ecedef;
    background: #f9fafa;
    border-radius: 23px;
    padding: 3px 14px;
}

.single-elements .text-to-speech a {
    margin-right: 0;
    margin-left: 4px;
}

/* .multiple-text */
.multiple-text .main-part a {
    margin-right: 8px;
}

.multiple-text .aside-part,
.multiple-text .main-part span {
    background: #ecedef;
    padding: 10px 14px;
    border-radius: 5px;
}

.multiple-text .aside-part {
    margin-left: 10px;
}

/* plural-wrapper */
.plural-wrapper {}

.multiple-speech-wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    border: 1px solid #ecedef;
    border-radius: 5px;
    width: fit-content;
}

.letter-holder {
    border-left: 1px solid #ecedef;
    border-right: 1px solid #ecedef;
    font-size: 20px;
    font-weight: 700;
    padding: 0 30px;
}

.letter-holder p {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.multiple-speech-wrapper .text-to-speech {
    padding: 10px 0 4px;
}

.multiple-speech-wrapper .text-to-speech p {
    border-bottom: 1px solid #ecedef;
    padding: 0 17px 10px;
    font-weight: 600;
}

.multiple-speech-wrapper .aside-part {
    padding-top: 4px;
    color: #acaeb5;
    margin-left: 2px;
}

.multiple-speech-wrapper .main-part {
    margin-left: 17px;
    padding-top: 4px;
}

.multiple-speech-wrapper .main-part a {
    margin-right: 8px;
}
.multiple-speech-wrapper .main-part span {}

/* image-wrapper */
.image-wrapper .text-to-speech {
    position: relative;
}

.image-wrapper .main-part {
    position: absolute;
    left: 19px;
    top: 0;
}

.image-wrapper .main-part a {
    margin-right: 0;
}

.image-wrapper .main-part span {
    display: none;
}

.image-wrapper .aside-part {
    display: block;
}

.image-wrapper .aside-part span:first-child {
    padding-left: 30px;
    margin-bottom: 10px;
}

.image-wrapper .aside-part img {
    border-radius: 5px;
    margin-bottom: 6px;
}

.image-wrapper .aside-part > * {
    display: block;
}

/* Audio text speech */
.audio-text .main-part span {
    display: none;
}

.audio-text .text-to-speech p {
    display: inline-block;
    vertical-align: middle;
    font-size: 14px;
    margin-right: 8px;
}

.audio-text-wrapper {
    background-image: url(../images/notepad.png);
    width: 640px;
    min-height: 533px;
    background-size: cover;
    background-repeat: no-repeat;
    margin: 30px auto 0;
    text-align: center;
    padding: 190px 55px 84px;
    font-size: 17px;
}

.audio-text-wrapper h3 {
    font-size: 24px;
}

/* select-answers-wrapper */
.select-answers-wrapper {}

.answer-row {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.answer-row .row-inner {
    font-size: 16px;
    flex-grow: 1;
    flex-basis: 0;
}

.answer-row .row-inner strong {
    position: relative;
    background: #ecedef;
    border: 0;
    border-radius: 4px;
    font-weight: 400;
    padding: 6px 17px;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.answer-row .row-inner strong ~ strong {
    margin-left: 26px;
}

.answer-row .row-inner strong.selected {
    background: #ffa744;
}

.answer-row .row-inner strong.correct {
    background: #54c927;
    color: #fff;
}

.answer-row .row-inner strong.wrong {
    color: #fff;
    background: #ff3b27;
}

.answer-row .row-inner strong ~ strong:before {
    content: '/';
    font-size: 41px;
    color: #ecedef;
    position: absolute;
    left: -22px;
    top: -14px;
    font-weight: 300;
}

.answer-row .row-inner span:first-child {
    margin-right: 16px;
}

.answer-row .row-inner span:last-child {
    margin-left: 16px;
}

.answer-row .row-inner {
    display: flex;
}

.answer-row .answer-row__text .answer-inner {
	display: inline-block;
}

.answer-row .answer-row__actions {
	flex-shrink: 0;
}

.answer-row .btn {
    font-size: 13px;
    margin-left: 43px;
}

.answer-row img + .btn {
    margin-left: 10px;
}

.show-answer .answer-wrapper,
.show-answer + .answer-wrapper {
    display: block;
    margin-top: 20px;
}

.answer-wrapper {
    flex-grow: 1;
    flex-basis: 0;
    display: none;
}

.answer-wrapper h4 {
    font-size: 14px;
    margin-bottom: 8px;
}

.answer-inner {
    color: #fff;
    background: #ff3b27;
    border-radius: 5px;
    padding: 9px 14px;
}

.answer-inner.correct {
    background: #54c927;
    color: #fff;
}

.answer-row ~ .answer-row {
    border-top: 1px solid #ecedef;
    margin-top: 30px;
    padding-top: 30px;
}

/* radio-answers */
.radio-answers {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: flex-start;
}

.radio-answers ~ .radio-answers {
    margin-top: 35px;
    padding-top: 35px;
    border-top: 1px solid #ecedef;
}

.radio-answers .radio-container {
    margin: 0;
    padding-left: 0;
    padding-right: 24px;
}

.radio-answers .radio-element-wrapper {
    margin-bottom: 0;
}

.radio-answers .radio-checkmark {
    left: auto;
    right: 0;
}

.radio-answers .right-side,
.radio-answers .left-side {
    flex-grow: 1;
    flex-basis: 0;
}

.radio-answers .right-side {
    display: none;
}

.radio-answers .right-side p {
	display: inline-block;
    padding: 9px 14px;
    border-radius: 5px;
}

.radio-answers .right-side.show-answer {
    display: block;
}

.radio-answers .right-side.correct p {
    background: #54c927;
    color: #fff;
}

.radio-answers .right-side.wrong p {
    color: #fff;
    background: #ff3b27;
}

/* Type col */
.type-col {
	flex-wrap: wrap;
}

.type-col .left-side {
	display: flex;
	align-items: center;
	width: 100%;
	flex-basis: 100%;
}

@media(max-width: 767px){
	.type-col .left-side {
		flex-wrap: wrap;
		position: relative;
		padding-bottom: 60px;
	}

	.type-col .left-side .btn {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0 !important;
	}
}

.type-col .left-side p {
    display: inline-block;
    vertical-align: middle;
    margin-right: 23px;
}

.type-col .left-side p:first-child {
	flex-shrink: 0;
}

.type-col .possible-values {
    display: inline-block;
    flex-shrink: 0;
    vertical-align: middle;
    border: 1px solid #ecedef;
    border-radius: 5px;
    padding: 10px 0 8px;
    margin-right: 3px;
}

.type-col .left-side .btn {
    vertical-align: top;
    align-self: flex-start;
    margin-left: 0;
    font-size: 13px;
}

.type-col .radio-element-wrapper {
    padding: 0 14px;
}
.type-col .radio-element-wrapper ~ .radio-element-wrapper {
    border-top: 1px solid #ecedef;
    padding-top: 10px;
    margin-top: 10px;
}

.type-col .right-side {
	max-width: 700px;
	margin-top: 20px;
}

/* type-alt */
.type-alt {
	flex-wrap: wrap;
}

.type-alt .left-side {
	width: 100%;
	flex-basis: 100%;
}

.type-alt .left-side .top {
    font-size: 16px;
}

@media(max-width: 767px){
	.type-alt .left-side {
		position: relative;
		padding-bottom: 60px;
	}
	.type-alt .left-side .top {
		flex-wrap: wrap;
	}

	.type-alt .left-side .top p {
		width: 100%;
		flex-basis: 100%;
	}

	.type-alt .left-side .top .btn {
		margin: 0 !important;
		position: absolute;
		bottom: 0;
		left: 0;
	}
	.type-alt .left-side .bottom {
		margin-top: 10px;
	}
}

.type-alt .left-side .top > * {
    display: inline-block;
    vertical-align: middle;
}

.type-alt .left-side .top .btn {
	flex-shrink: 0;
	align-self: flex-start;
    font-size: 13px;
    margin-left: 15px;
}

.type-alt .left-side .top {
	display: flex;
}

.placeholder-answer {
    background: #f9fafa;
    border: 1px solid #ecedef;
    width: 137px;
    height: 34px;
    border-radius: 5px;
    margin: 0 4px 0 5px;
}

.type-alt .left-side .bottom span {
    display: inline-block;
    vertical-align: middle;
    font-weight: 600;
    margin-left: 16px;
}

.type-alt .left-side .bottom span:first-of-type {
    margin-left: 0;
}

.type-alt .left-side .bottom .radio-container {
    padding-right: 19px;
}

.type-alt .left-side .bottom .radio-element-wrapper {
    display: inline-block;
    vertical-align: middle;
}

.radio-answers.type-alt .right-side  {
	max-width: 700px;
    flex-basis: auto;
    flex-grow: unset;
    margin-top: 15px;
}

/* ------------------------------------------------------------ *\
    Gform
\* ------------------------------------------------------------ */
.woocommerce .gform_wrapper {
    max-width: 780px;
    background: #ffffff;
    border-radius: 13px;
    padding: 86px 0px 98px;
}

.woocommerce .popup-profile .close-popup { line-height: 20px; }
.woocommerce .edit-profile-form.gform_wrapper { width: auto; padding: 0 0 50px; }
.woocommerce .edit-profile-form.gform_wrapper .gform_body { padding: 0 50px; }
.woocommerce .edit-profile-form.gform_wrapper .gform_body fieldset { margin-top: 0; }
.woocommerce .edit-profile-form.gform_wrapper .woocommerce-form-row { width: 100%; margin-bottom: 0; padding: 0; }
.woocommerce .edit-profile-form.gform_wrapper .woocommerce-form-row input { border-radius: 4px; color: #000; padding: 12px 20px; font-size: 13px; border: 2px solid #ecedef; background: #f9fafa; }
.woocommerce .edit-profile-form.gform_wrapper .woocommerce-form-row label { margin-bottom: 2px; color: #acaeb5; font-size: 13px; }
.woocommerce .edit-profile-form.gform_wrapper .woocommerce-form-row input + span { font-size: 10px; color: #acaeb5; line-height: 16px; }
.woocommerce .edit-profile-form.gform_wrapper .woocommerce-form-row input + span.show-password-input { font-size: 16px; line-height: 1; }
.woocommerce .edit-profile-form.gform_wrapper .gform_body .woocommerce-Button { background: #ff9927; font-size: 15px; font-weight: 600; color: #fff; border: 0; width: 100%; text-align: center; line-height: 1.3; padding: 14px 10px; border-radius: 23px; transition: background 0.2s ease-in-out;
    -webkit-appearance: none; margin-top: 29px; }

.woocommerce .edit-profile-form.gform_wrapper .gform_head h3,
.woocommerce .edit-profile-form.gform_wrapper .gform_head { text-transform: none; }
.woocommerce .edit-profile-form.gform_wrapper .gform_head { margin-bottom: 40px; }

.woocommerce .gform_wrapper .gform_head {
    text-align: center;
    font-size: 24px;
    line-height: 1.2;
    margin-bottom: 70px;
    padding: 0 20px;
}

.woocommerce .gform_wrapper .gform_head a {
    color: #333;
    text-decoration: underline;
}

.woocommerce .gform_wrapper .gform_head a:hover {
    text-decoration: none;
}

.woocommerce .gform_wrapper .gform_head h3 {
    font-size: 32px;
    font-weight: 400;
    margin-bottom: 24px;
}

.woocommerce .gform_wrapper .gform_body {
    padding: 0 100px;
}

.gform_fields {
    list-style-type: none;
}

.gfield ~ .gfield {
    margin-top: 12px;
}

.gfield_label {
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.ginput_container {
    font-size: 14px;
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 21px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
    cursor: pointer;
}

.toggle-password.active {
    color: #2196f3;
}


.woocommerce-checkout .select2-selection.select2-selection--single,
.woocommerce-checkout .input-text,
.woocommerce-account .input-text,
.woocommerce .ginput_container input {
    width: 100%;
    border: 2px solid #ecedef;
    padding: 12px 28px;
    line-height: 1.3;
    border-radius: 23px;
    color: #acaeb5;

    background: #f9fafa;

    -webkit-appearance: none;
}

.woocommerce-checkout .select2-selection.select2-selection--single,
.woocommerce-account .input-text,
.woocommerce-checkout .input-text { background: #ecedef; color: #000 }

.woocommerce-checkout .select2-selection.select2-selection--single { height: 44px; }
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__rendered { line-height: 1; }
.woocommerce-checkout .select2-container--default .select2-selection--single .select2-selection__arrow { top: 9px; right: 5px; }

.woocommerce-page .ginput_container input:focus {
    background: transparent;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(15,16,16,0.07);
    -moz-box-shadow: 0px 0px 10px 0px rgba(15,16,16,0.07);
    box-shadow: 0px 0px 10px 0px rgba(15,16,16,0.07);
}

.woocommerce-page .ginput_container input::placeholder {
  color: #acaeb5;
  opacity: 1;
}

.woocommerce-page .ginput_container input:-ms-input-placeholder {
  color: #acaeb5;
}

.woocommerce-page .ginput_container input::-ms-input-placeholder {
  color: #acaeb5;
}

/*Password styles*/
.woocommerce-page .gfield-password .ginput_container input::placeholder {
  position: relative;
  top: 3px;
}

.woocommerce-page .gfield-password .ginput_container input:-ms-input-placeholder {
  position: relative;
  top: 3px;
}

.woocommerce-page .gfield-password .ginput_container input::-ms-input-placeholder {
  position: relative;
  top: 3px;
}

.woocommerce-page .gform_footer {
    padding: 0 100px;
    margin-top: 29px;
}

.woocommerce-page .gform_footer input {
    background: #ff9927;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    border: 0;
    width: 100%;
    text-align: center;
    line-height: 1.3;
    padding: 14px 10px;
    border-radius: 23px;
    transition: background 0.2s ease-in-out;
    -webkit-appearance: none;
}

.woocommerce-page .gform_footer p {
    font-size: 13px;
    color: #acaeb5;
    line-height: 1.54;
    margin-top: 11px;
}

.woocommerce-page .gform_footer input:hover {
    background: #403651;
}

.woocommerce-page .gform_footer a {
    font-size: 13px;
    color: #333;
    text-decoration: underline;
    display: block;
    margin-top: 10px;
    margin-top: 22px;
    text-align: center;
}

.woocommerce-page .gform_footer a:hover {
    text-decoration: none;
}

/* Radio elements */
.radio-element-wrapper {
    margin-bottom: 27px;
}

.radio-element-wrapper  > span {
    font-size: 13px;
    color: #acaeb5;
}

.radio-container {
  display: block;
  font-weight: 600;
  position: relative;
  padding-left: 24px;
  margin-bottom: 6px;
  cursor: pointer;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radio-container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.radio-checkmark {
  position: absolute;
  top: 3px;
  left: 0;
  height: 15px;
  width: 15px;
  border: 1px solid #ff9927;
  border-radius: 50%;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio-checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio-container input:checked ~ .radio-checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio-container .radio-checkmark:after {
    top: 2px;
    left: 2px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #ff9927;
}

/* Checkboxes */
.checkboxes-wrapper {
    margin-bottom: 25px;
}

.checkbox-wrapper {
  position: relative;
  cursor: pointer;
  display: block;
  padding-left: 20px;
  color: #333;
  font-size: 13px;
}

.checkbox-wrapper ~ .checkbox-wrapper {
  margin-top: 7px;
}

.checkbox-wrapper input {
    position: absolute !important;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
    top: 100%;
}


.gform_footer .checkbox-wrapper a  {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    color: #333;
    font-size: 13px;
    position: relative;
    top: -2px;
}

.checkbox-wrapper .check-text {
    display: block;
}

.checkmark {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0px;
  height: 14px;
  width: 14px;
  border: 1px solid #000;
  background: #ececec;
  border-radius: 3px;
}

.checkbox-wrapper input:checked ~ .checkmark {
  display: block;
  background: #ff9927;
}

.checkbox-wrapper input:checked ~ .checkmark--alt {
    display: block;
    background: #ececec;
}

.checkbox-wrapper input:checked ~ .checkmark--alt:after {
    content: '';
    position: absolute;
    left: 3px;
    top: 0;
    width: 5px;
    height: 10px;
    border: solid #ff9927;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media(max-width: 767px){
    .woocommerce .gform_wrapper .gform_head {
        margin-bottom: 40px;
    }

    .woocommerce .gform_wrapper {
        padding: 40px 0;
    }
}

/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */
.footer {
    background: #403651;
    padding: 91px 0 124px;
}

.logo-footer:hover {
    opacity: 0.8;
}

.footer a {
    transition: color 0.2s ease-in-out;
}

.footer .shell {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    height: 100%;
}

.footer-socials {
    margin-left: auto;
    color: #fff;
    font-size: 24px;
    margin-top: 3px;
    margin-right: 81px;
}

.footer-socials ul {
    list-style-type: none;
    text-align: center;
    font-size: 29px;
}

.footer-socials ul li {
    display: inline-block;
    vertical-align: middle;
}

.footer-socials ul li ~ li {
    margin-left: 24px;
}

.footer-socials h4 {
    margin-bottom: 19px;
}

.footer-socials a:hover {
    color: #ff9927;
}

.footer-info {
    font-size: 17px;
}

.footer-info p {
    margin-left: 13px;
}

.footer-info p a {
    display: block;
}

.footer-info p a:hover {
    color: #ff9927;
}

.footer-info p ~ p {
    margin-top: 5px;
}

.footer-info i {
    margin-right: 6px;
}

.logo-footer {
    margin-bottom: 43px;
    display: block;
}

div.woocommerce_account_subscriptions a.button,
div.woocommerce-Message a.button,
.woocommerce-MyAccount-orders td a.button,
.subscription_details tr td > a.button { background-color: #ff9927; color: #fff; }

/* ------------------------------------------------------------ *\
  Media Queries
\* ------------------------------------------------------------ */

@media only screen and (max-width: 1760px) {
    .list-courses {
        margin: 0;
    }

    .shell {
        padding: 0 20px;
    }
}

/*
  ##Device = Tablets, Ipads (landscape)
  ##Screen = B/w 768px to 1024px
*/

@media only screen and (max-width: 1024px) {
    .list-courses .course {
        width: 260px;
        padding: 26px 10px 26px;
    }

    .list-courses .course h3 {
        font-size: 24px;
    }

    .footer {
        padding: 60px 0;
    }

    .popup-inner {
        width: 80%;
        padding: 30px;
    }

    .section-form-login-register {
        padding: 20px 0;
        height: 100%;
    }

    .section-form-login-register .gform_wrapper {
        padding: 30px 0;
    }

    .gform_wrapper {
        width: 100%;
    }

    .intro-boxes {
        display: block;
    }
}

@media only screen and (max-width: 940px) {
    .btn {
        padding: 10px;
    }

    .section-head .btn-secondary {
        padding: 10px;
    }

    .section-head h3 {
        padding: 0 20px;
        line-height: 1.2;
        text-align: center;
        max-width: 250px;
    }

    .profile-table th,
    .profile-table td {
        padding: 8px 12px;
    }

    .box-payment .gform_wrapper:after {
        width: 100%;
    }

    .audio-text-wrapper {
        width: 100%;
        padding: 90px 25px 55px;
    }

    .table-profile tbody,
    .table-payment tbody,
    .table-courses-card tbody {
        border: none;
    }

    .table-profile thead,
    .table-payment thead,
    .table-courses-card thead {
        display: none;
    }

    .table-profile tr,
    .table-payment tr,
    .table-courses-card tr {
        display: block;
        margin-bottom: 20px;
        border: 1px solid #000;
        padding: 5px;
    }

    .table-profile td,
    .table-payment td,
    .table-courses-card td {
        position: relative;
        display: block;
        padding: 0 0 0 50%;
        border: none;
    }

    .table-courses-card td:last-child {
        padding: 5px 0;
        text-align: center;
    }

    .table-profile td:before,
    .table-payment td:before,
    .table-courses-card td:before {
        position: absolute;
        left: 0;
        font-weight: 700;
    }

    .table-profile td {
        padding: 20px 0 0;
    }

    .table-profile td:before {
        top: 0;
    }

    .table-courses-card td:nth-of-type(1):before { content: 'Име на курс'; }
    .table-courses-card td:nth-of-type(2):before { content: 'Закупен на'; }
    .table-courses-card td:nth-of-type(3):before { content: 'Валиден до'; }

    .table-payment td:nth-of-type(1):before { content: '№:'; }
    .table-payment td:nth-of-type(2):before { content: 'Име на курс:'; }
    .table-payment td:nth-of-type(3):before { content: 'План:'; }
    .table-payment td:nth-of-type(4):before { content: 'Начало:'; }
    .table-payment td:nth-of-type(5):before { content: 'Статус:'; }

    .table-profile td:nth-of-type(1):before { content: 'Профил на:'; }
    .table-profile td:nth-of-type(2):before { content: 'Създаден на:'; }
    .table-profile td:nth-of-type(3):before { content: 'Потребителско име:'; }

    .table-courses-alt .table-links a {
        display: inline-block;
    }

    .table-courses-alt .table-links a + a {
        margin-left: auto;
    }
}

/*
  ##Device = Low Resolution Tablets, Mobiles (Landscape)
  ##Screen = B/w 481px to 767px
*/

@media only screen and (max-width: 767px) {
    .header {
        padding: 10px 0;
    }

    .header .shell {
        display: block;
    }

    .logo {
        display: block;
        width: 130px;
    }

    .btn {
        padding: 7px 10px;
        font-size: 13px;
    }

    .header .header-buttons {
        text-align: right;
    }

    .header .btn {
        margin-top: 10px;
    }

    .section-head {
        display: block;
        padding: 20px 0;
        text-align: center;
    }

    .section-head h3 {
        padding: 0;
        margin: 10px 0;
        max-width: 100%;
    }

    .footer {
        padding: 20px 0;
    }

    .footer .shell {
        display: block;
    }

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

    .footer-info {
        font-size: 14px;
    }

    .footer-socials {
        margin: 20px 0 0 0;
    }

    .footer-socials ul {
        text-align: left;
        font-size: 18px;
    }

    .footer-socials h4 {
        margin-bottom: 0;
        font-size: 18px;
    }

    .section-all-courses {
        padding: 80px 0 20px;
    }

    .list-courses .course {
        margin: 10px;
    }

    .section-checkout {
        padding: 20px 0;
    }

    .boxes .box {
        padding: 20px;
    }

    .woocommerce-checkout .woocommerce-checkout h3,
    .boxes .box h3 {
        font-size: 24px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    .table-holder {
        overflow-x: auto;
    }

    .table-holder-alt {
        overflow: visible;
    }

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

    .boxes .profile-table:not(.table-order) {
        width: 100%;
    }

    .boxes .promo-code table {
        width: auto;
    }

    .chosen-container .chosen-drop {
        position: relative;
    }

    .course-plan + .chosen-container .chosen-drop {
        position: absolute;
        top: 100%;
    }

    .box-info .gform_wrapper {
        width: 100%;
    }

    .ginput_container input {
        padding: 8px 12px;
    }

    .checkbox-wrapper .check-text {
        white-space: normal;
    }

    .box-info-alt .gform_wrapper {
        width: 100%;
        padding: 10px;
    }

    .box-payment .gform_wrapper {
        width: 100%;
    }

    .section-checkout .section-footer {
        padding: 0 20px 20px;
    }

    .popup-inner h3 {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .popup-inner {
        top: 20px;
        width: 90%;
        padding: 30 10px 10px 10px;
    }

    .close-popup-payment, .close-popup-forms {
        top: 10px;
    }

    .profile-wrapper .woocommerce,
    .tabs-profile {
        display: block;
        padding: 20px;
    }

    .profile-wrapper .woocommerce .woocommerce-MyAccount-navigation ul,
    .tabs-profile .tabs-nav {
        width: 100%;
        padding: 0;
    }

    .profile-wrapper .woocommerce .woocommerce-MyAccount-navigation ul a,
    .tabs-profile .tabs-nav a {
        padding: 5px 15px;
    }

    .profile-wrapper .woocommerce .woocommerce-MyAccount-content,
    .tabs-profile .tabs-body {
        padding: 0;
        margin-top: 20px;
        border: 0;
    }

    .profile-wrapper .woocommerce .woocommerce-MyAccount-content h3,
    .tabs-profile .tabs-body h3 {
        font-size: 24px;
        margin-bottom: 6px;
    }

    td.table-links .btn {
        margin-left: 10px;
    }

    .profile-table .btn {
        padding: 7px 10px;
    }

    .popup {
        width: 90%;
        padding: 20px;
        transform: translateX(-50%);
        top: 20px;
        left: 50%;
    }

    .popup-wrapper {
        overflow-y: auto;
    }

    .gform_wrapper.edit-profile-form {
        padding: 0;
    }

    .edit-profile-form.gform_wrapper .gform_head h3 {
        padding: 0;
        font-size: 22px;
        margin-bottom: 12px;
    }

    .close-popup {
        top: 2px;
        right: 2px;
    }

    .gform_wrapper.edit-profile-form .gform_head {
        margin-bottom: 0;
    }

    .gform_wrapper.edit-profile-form .gform_body {
        padding: 0;
    }

    .gform_wrapper.edit-profile-form .gform_body {
        padding: 0;
    }

    .gform_footer input {
        width: 100%;
        font-size: 13px;
        padding: 10px;
    }

    .edit-profile-form .gform_footer {
        padding: 0;
    }

    .section-courses-list {
        padding: 20px 0;
    }

    .section-title {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .features {
        display: block;
    }

    .feature {
        width: 100%;
        padding: 20px;
    }

    .feature h3 {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .list-checks {
        font-size: 13px;
    }

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

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

    .tabs-lessons > .tabs-nav {
        overflow-x: auto !important;
    }
    .tabs-lessons > .tabs-nav > li > a {
        padding: 10px;
    }

    .tabs-boxes {
        display: block;
    }

    .tabs-boxes .tabs-nav {
        width: 100%;
        padding: 10px;
    }

    .tabs-boxes .tabs-body {
        margin-left: 0;
        margin-top: 20px;
    }

    /* .tabs-lessons .tabs-boxes .tab-content {
        padding: 20px;
    } */

    .section-course {
        padding-bottom: 20px;
    }

    .gform_wrapper .gform_head {
        font-size: 16px;
        margin-bottom: 16px;
    }

    .gform_wrapper .gform_head h3 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .gform_wrapper .gform_body {
        padding: 0 20px;
    }

    .gform_footer {
        padding: 0 20px;
        margin-top: 12px;
    }

    .section-lesson {
        padding: 20px 0;
    }

    .section-lesson .section-header {
        padding: 20px;
    }

    .section-lesson .section-header > h3 {
        font-size: 24px;
        margin-bottom: 12px;
    }

    .intro {
        padding: 20px;
    }

    .intro > h3 {
        font-size: 22px;
        margin-bottom: 14px;
    }

    .intro-boxes {
        display: block;
        font-size: 14px;
    }

    .intro-boxes ul li ~ li {
        margin-top: 0;
    }

    .intro-boxes ul {
        padding-top: 0;
    }

    .box-elements {
        padding: 16px;
    }

    .multiple-rows .text-to-speech {
        min-width: 0;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        align-items: center;
        width: 100%;
    }

    .text-to-speech-negative .text-to-speech-wrapper {
        width: 100%;
    }

    .multiple-rows .aside-part {
        margin-left: auto;
        padding-left: 20px;
    }

    .multiple-rows .aside-part span,
    .multiple-rows .main-part {
        min-width: 0;
    }

    .text-to-speech a {
        margin-right: 4px;
    }

    .hover-rows .text-to-speech {
        min-width: 0;
    }

    .text-to-speech {
        padding: 6px;
    }

    .answer-row .btn {
        margin-left: 0;
        margin-top: 10px;
        display: block;
        text-align: center;
    }

    .answer-row {
        display: block;
    }

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

    .answer-row .row-inner {
        display: block;
    }

    .multiple-text .aside-part {
        display: block;
        margin-left: 0;
        margin-top: 10px;
    }

    .main-part, .aside-part {
        display: block;
    }

    .audio-text-wrapper {
        min-height: 0;
        font-size: 15px;
    }

    .audio-text-wrapper h3 {
        font-size: 18px;
    }

    .type-col .left-side .btn {
        display: block;
        margin-left: 0;
        margin-top: 10px;
        text-align: center;
    }

    .radio-answers {
        display: block;
    }

    .radio-answers .right-side.show-answer {
        display: block;
        margin-top: 10px;
    }

    .multiple-speech-wrapper {
        display: block;
        width: 100%;
        text-align: center;
    }

    .multiple-speech-wrapper .main-part {
        margin-left: 0;
    }

    .multiple-speech-wrapper .aside-part {
        display: block;
        margin-left: 0;
    }

    .letter-holder {
        border: 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
    }

    .letter-holder p {
        transform: none;
    }

    .multiple-rows {
        display: block;
    }

    .subscription_details {}
    .subscription_details tr td > a.button { max-width: 100%; margin-bottom: 5px; background-color: #ff9927; color: #fff; }

    /* .table-courses { min-width: 500px; overflow-x: scroll; } */
    /* .table-order { min-width: 700px; overflow-x: scroll; } */

    .profile-wrapper { padding-top: 120px; }

    .woocommerce .edit-profile-form.gform_wrapper .gform_body { padding: 0 10px; }
    .popup { max-height: 90vh; }
}

.flat-header-colored {
    background-color: #403651;
}

.woocommerce-checkout {  }
.woocommerce-checkout .woocommerce { display: block; }

.woocommerce-checkout #customer_details { display: flex; flex-wrap: wrap; justify-content: space-between; }
.woocommerce-checkout #customer_details .form-row { display: block; width: 100%; }

.woocommerce-page .woocommerce .col2-set,
.woocommerce-page .woocommerce-page .col2-set { display: flex; }

.woocommerce-page .woocommerce .col2-set .col-1,
.woocommerce-page .woocommerce-page .col2-set .col-1 { float: none; width: 50%; max-width: 50%; flex: auto; }

.woocommerce-page .woocommerce .col2-set .col-2,
.woocommerce-page .woocommerce-page .col2-set .col-2 { float: none; width: 50%; max-width: 50%; flex: auto; }

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment { background: #fff; color: #333; }

#add_payment_method #payment a,
.woocommerce-cart #payment a,
.woocommerce-checkout #payment a { color: #333; }

#add_payment_method #payment .payment_method_paypal .about_paypal,
.woocommerce-cart #payment .payment_method_paypal .about_paypal,
.woocommerce-checkout #payment .payment_method_paypal .about_paypal { float: none; margin-left: 10px; }

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order { margin-top: 20px; }

.wc_payment_method.payment_method_paysera label { white-space: nowrap; }

.woocommerce-MyAccount-content { font-size: 14px; }
.woocommerce-MyAccount-content .btn { font-size: 14px; }
.woocommerce-MyAccount-content a:not(.btn) { color: #000; }
.woocommerce-MyAccount-content p a:not(.btn) { text-decoration: underline; }

.add-to-cart-notice { text-align: center; padding: 5px 0; }
.woocommerce-page .add-to-cart-notice .button { margin-right: 20px; }

.woocommerce-account {}
.woocommerce-account .woocommerce-form {}
.woocommerce-account .woocommerce-MyAccount-content .form-row,
.woocommerce-account .woocommerce-form .form-row { display: block; }
.woocommerce-account .woocommerce-form label { display: block; }
.woocommerce-account .woocommerce-form .woocommerce-LostPassword a { color: #000; }
.woocommerce-account .woocommerce-form .show-password-input { top: 11px; right: 15px; }

.woocommerce-account .woocommerce-MyAccount-content fieldset { margin-top: 30px; }
.woocommerce-account .woocommerce-MyAccount-content legend { font-weight: 700; }

.woocommerce-Addresses { margin-top: 30px; }

.woocommerce-Address {  }
.woocommerce-Address address { line-height: 1.7; }

.table-holder.promo-code,
.profile-table.table-order { font-size: 14px; }

.woocommerce .woocommerce-Price-amount { color: #000; font-size: 16px; }

.woocommerce .table-order .subscription-price .woocommerce-Price-amount { color: #000; }
.woocommerce .table-order .woocommerce-Price-amount { color: #fff; }

.mfp-content { padding: 100px; text-align: left; color: #fff; max-width: 980px; }
.mfp-content h2 { font-size: 32px; }
.mfp-content h4 { font-size: 22px; line-height: 1.5; }

.checkout_coupon.woocommerce-form-coupon { display: block !important; border: none !important; padding: 0 !important; max-width: 170px; }
.checkout_coupon.woocommerce-form-coupon input { background-color: #fff; border-radius: 0; border: 1px solid #000; border-top: none; font-size: 14px; color: #000; padding: 12px 20px; }
.checkout_coupon.woocommerce-form-coupon p { display: block; width: 100%; padding: 0; }
.checkout_coupon.woocommerce-form-coupon p:first-child { background: #f9fafa; color: #000; font-weight: 300; padding: 12px 21px; border: 1px solid #000; }

.checkout_coupon.woocommerce-form-coupon .button { margin-top: 11px; padding: 10px 29px !important; border-radius: 21px; font-size: 1rem; text-transform: none; line-height: 1.5;
 }

#newsletter-form .gform_wrapper { background: none; padding: 0; }
#newsletter-form .gform_wrapper .gform_body { padding: 0; }
#newsletter-form .gform_wrapper input {
    border: 1px solid #ff9927;
    height: 60px;
    font-size: 17px;
    background: #fafcff;
    font-weight: 300;
    padding: 0 34px;
    line-height: 27px;
    color: #999999;
    letter-spacing: 0.8px;
    border-radius: 0;
}

#newsletter-form .gform_footer { margin: 0 !important; padding: 11px 9px 5px 17px !important; }

@media screen and (max-width: 1023px) {
    .checkout_coupon.woocommerce-form-coupon .button { font-size: 13px; padding: 7px 10px !important; }

    .woocommerce-page .woocommerce .col2-set .col-2,
    .woocommerce-page .woocommerce .col2-set .col-1,
    .woocommerce-page .woocommerce-page .col2-set .col-1 { width: 100%; max-width: 100%; }
    .woocommerce-page .woocommerce .col2-set .col-2 textarea { height: 100px; }

    .boxes .box { padding: 0; }
}

.wc-stripe-elements-field,
.stripe-card-group { width: 100%; }

.forgotten-password-wrapper,
.register-form-wrapper,
.login-form-wrapper { margin: 0 auto; }

.register-form-wrapper {  }

.register-form-wrapper .woocommerce-form-row + p,
.register-form-wrapper .woocommerce-privacy-policy-text { font-size: 13px; color: #acaeb5; line-height: 1.54; margin-top: 11px; }
.register-form-wrapper .woocommerce-form-row + p { margin-bottom: 11px; }

.woocommerce form.login,
.woocommerce form.register { border: none; }

.woocommerce form.lost_reset_password input:not([type="checkbox"]),
.woocommerce form.login input:not([type="checkbox"]),
.woocommerce form.register input:not([type="checkbox"]) {
    width: 100%;
    border: 1px solid #000;
    padding: 12px 28px;
    line-height: 1.3;
    border-radius: 23px;
    color: #000;
    background: #f9fafa;
    -webkit-appearance: none;
}

.woocommerce form.login label,
.woocommerce form.register label {
    font-size: 13px;
    display: block;
    margin-bottom: 10px;
}

.woocommerce form.login .woocommerce-form-login__rememberme { display: block; }

.woocommerce-account .woocommerce-form .show-password-input { top: 8px; }

.woocommerce form .show-password-input::after,
.woocommerce-page form .show-password-input::after { content: '\f06e'; font-family: FontAwesome; }

.woocommerce .forgotten-password-wrapper .lost_reset_password .button,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit,
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
    background: #ff9927;
    font-size: 15px;
    font-weight: 600;
    color: #fff;
    border: 0;
    width: 100%;
    text-align: center;
    line-height: 1.3;
    padding: 14px 10px;
    border-radius: 23px;
    transition: background 0.2s ease-
    in-out;
    -webkit-appearance: none;
    text-transform: none;
}

.woocommerce .forgotten-password-wrapper .lost_reset_password .button { margin-top: 14px; }

.header-forms + .profile-wrapper.profile-wrapper-login .woocommerce { background-color: transparent; padding: 0; }

.woocommerce .forgotten-password-wrapper .lost_reset_password { padding: 0 100px; }

.woocommerce form .form-row-first, .woocommerce-page form .form-row-first { float: none; width: 100%; }
.woocommerce form .form-row-first, .woocommerce-page form .form-row-first label { font-size: 13px; display: block; margin-bottom: 10px; }

body.page-template-default .faq-page-section { background: none; }
.faq-page-section a { color: inherit; text-decoration: underline; font-size: inherit; }

.woocommerce-remove-coupon { color: #ff9927; }

.hidden { display: none !important; }

.woocommerce-additional-fields { display: none; }

.register-form-wrapper .checkbox-wrapper a { color: #000; font-size: inherit; font-weight: 600; }
.register-form-wrapper .checkbox-wrapper a:hover { color: #ff9927; }

.woocommerce-privacy-policy-text { display: none; }

.woocommerce-terms-and-conditions-wrapper .woocommerce-terms-and-conditions-checkbox-text a {
    color: inherit;
    font-size: inherit;
    text-decoration: underline;
}


.wrapper-container {
    overflow: hidden;
}