/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */

@font-face {
    font-family: 'Bree';
    src: url('fonts/bree_bold-webfont.eot');
    src: url('fonts/bree_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bree_bold-webfont.woff2') format('woff2'),
         url('fonts/bree_bold-webfont.woff') format('woff'),
         url('fonts/bree_bold-webfont.ttf') format('truetype'),
         url('fonts/bree_bold-webfont.svg#bree_rgbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* ------------------------------------------------------------ *\
    Reset
\* ------------------------------------------------------------ */

* { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }

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

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%; text-size-adjust: 100%; }

body { font-smoothing: antialiased; }

img { border: 0; vertical-align: middle; }
strong { font-weight: bold; }
small { font-size: 80%; }

button,
input,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; 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; }

html, body { height: 100%; }
body { font-family: 'Fira Sans',sans-serif; }

body.dark-background { background-color: #210f02; }

body.page-template-dashboard { background-color: #fff; }
body.page-template-dashboard .affix-top { background-color: #210f02; }
body.page-template-dashboard #wrap { min-height: 100%; margin-bottom: -142px; background-color: #fff; }
body.page-template-dashboard #wrap:after { content: ''; display: block; height: 142px; }
body.page-template-dashboard #inner { overflow: visible; }
body.page-template-dashboard .footer-dashboard { height: 142px; background-color: #210f02; }

.ind-acc { width: 100%  !important; }
.mobile-module-nav { display: none; }

#cimy_uef_p_field_6,
#cimy_uef_p_field_7 { display: none !important; }

/* ------------------------------------------------------------ *\
    Clear
\* ------------------------------------------------------------ */
.nav-inner ul:after,
.slider-testimonials .slides:after,
#my-acc:after,
.titles:after,
#gradeCon:after,
#empInfo:after,
.employees-head:after,
#my-emp:after,
#my-emp div:after,
#wrap-modules:after,
.module-i-w:after,
.section-head:after,
.col:after,
.shell:after,
.section-body:after,
.list-experts:after,
.row:after,
.section-content:after,
.list-subscritions:after,
#navigation:after,
.clear:after { content:''; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */

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

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.affix-top { position: relative; z-index: 999;  }
.affix-top.fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 999; background-color: #fff; }
.dark-background .affix-top.fixed  { background-color: #210f02; }
.text-center { text-align: center; }

body #navigation .right-nav ul { margin-right: 0; padding-right: 0; }
body #navigation .logo-left { padding-left: 0; }
body #navigation .logo-left img { max-width: 190px; height: auto;  }
body #navigation { /*max-width: 1058px;*/ margin: 0 auto; float: none; font-family: 'Fira Sans',sans-serif; color: #5a390d; font-size: 16px; background-image: none; background-color: #fff; letter-spacing: -0.06em; height: auto; }
body #navigation li a { color: inherit; padding: 10px 10px; display: inline-block; border-radius: 3px; }
body #navigation li { padding: 25px 5px;  }
body #navigation li.current-menu-item a,
body #navigation li a:hover { text-decoration: none; background-color: #4c281e; color: #fff;  }
body #navigation .login-link a:before { content:''; background: url(images/account_icon_OBT.png) no-repeat 0 0; width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 7px; margin-top: -3px; -webkit-background-size: contain;
        background-size: contain; }
body #navigation .login-link a:hover:before  { background: url(images/ico-member-gold.png) no-repeat 0 0; -webkit-background-size: contain;
        background-size: contain; }

/*  nav-trigger  */

body.dark-background .nav-trigger span { background-color: #fff; }

.nav-trigger { position: relative; display: none; width: 32px; height: 26px; }
.nav-trigger span { position: absolute; display: block; height: 3px; width: 100%; background: #472b0c; transition: top .2s .25s, left .2s .25s, opacity .2s .25s, transform .2s 0s; }
.nav-trigger span:nth-child(1) { top: 0; }
.nav-trigger span:nth-child(2) { top: 12px; }
.nav-trigger span:nth-child(3) { top: 25px; }

.nav-trigger.active span { transition: background .2s, top .2s, left .2s, opacity .2s, transform .2s .25s; }

.nav-trigger.active span:nth-child(3),
.nav-trigger.active span:nth-child(1) { top: 12px;  background: #fff; }

.nav-trigger.active span:nth-child(2) { opacity: 0; }
.nav-trigger.active span:nth-child(1) { transform: rotate(45deg); }
.nav-trigger.active span:nth-child(3) { transform: rotate(-45deg); }

/* ------------------------------------------------------------ *\
	Intro
\* ------------------------------------------------------------ */

.intro { background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; min-height: 494px; position: relative; }
.intro-secondary { min-height: 1px; }

.intro .intro-background { display: none; }
.intro .intro-content { position: absolute; left: 0; right: 0; top: 50%; text-align: center;
-webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
     -o-transform: translateY(-50%);
        transform: translateY(-50%); }
.intro h2 { font-size: 64px !important; font-family: 'Bree',sans-serif; color: #fff; line-height: 1; padding-bottom: 35px; }
.intro { font-family: 'Fira Sans',sans-serif; font-size: 24px; color: #fff; line-height: 1.2; }
.intro p { padding-bottom: 20px; }

.intro .intro-video { position: relative; padding-top: 40%; }
.intro .intro-image img { display: none; width: 50%; height: auto; }
.intro iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ------------------------------------------------------------ *\
    Body
\* ------------------------------------------------------------ */

.ico-register  { background: url(images/ico-register.png) no-repeat 0 0; width: 16px; height: 16px; display: inline-block; vertical-align: middle; margin-right: 7px; margin-top: -3px; -webkit-background-size: contain;
        background-size: contain; }
a:hover .ico-register { background: url(images/ico-register-hover.png) no-repeat 0 0; -webkit-background-size: contain;
        background-size: contain;}

.ico-member { background: url(images/ico-member-white.png) no-repeat 0 0; width: 26px; height: 26px; display: inline-block; vertical-align: middle; margin-right: 7px; margin-top: -3px; -webkit-background-size: contain;
        background-size: contain; }
a:hover .ico-member  { background: url(images/ico-login.png) no-repeat 0 0; -webkit-background-size: contain; background-size: contain; }

body.dark-background .footer-dashboard { max-width: 100%; margin: 0 auto; color: #fff; padding: 50px 25px 50px; text-align: center;  }
body.dark-background .footer-dashboard a:hover { color: #ef952a; }

#footer .menu { list-style: none; text-align: center; max-width: 500px; margin: 0 auto; }
#footer .menu li { display: inline-block; font-size: 14px; line-height: 1; padding: 0 5px; border-right: solid 1px #fff; }
#footer .menu li:nth-last-child(2),
#footer .menu li:last-child { border-right: 0; }

body.dark-background #navigation  { background-color: transparent; color: #fff; }
body #navigation li img { border-radius: 50%; overflow: hidden; max-width: 26px; height: auto; margin-right: 6px; margin-top: -3px; }
body #navigation li { position: relative; }
body.dark-background #navigation .user-loggedin a:after { content:''; background: url(images/ico-arrow-down-white.png) no-repeat 0 0; }
body.dark-background #navigation .user-loggedin a:hover:after { background: url(images/select-arrow.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }
body #navigation .user-loggedin a:after  { content:''; background: url(images/select-arrow.png) no-repeat 0 0; -webkit-background-size: cover; background-size: cover; width: 12px; height: 7px; display: inline-block; vertical-align: middle; margin-top: -3px; margin-left: 5px; }
body #navigation .user-loggedin a:hover:after { background: url(images/ico-arrow-down-white.png) no-repeat 0 0; }
body #navigation li .sub-menu { position: absolute; visibility: hidden; opacity: 0; top: 80px; right: 0;  color: #2c1201; background-color: #c0b6af; box-shadow: 0px 0px 5px 1px rgba(0,0,0,.5); border-radius: 10px; float: none; width: 100%; padding: 0; }
body #navigation li .sub-menu li { margin: 0; padding: 0; border-bottom: 1px solid #d1cfce; display: block; width: 100%; }
body #navigation li .sub-menu:after { content: ''; border-style: solid; border-width: 0 8.5px 8px 8.5px; border-color: transparent transparent #c0b6af transparent; display: inline-block; position: absolute; right: 15px; top: -8px; }
body #navigation li .sub-menu li a { display: block; width: 100%; padding: 15px 10px; color: inherit; text-align: center; width: 100%; }
body #navigation li .sub-menu li a:hover { color: #fff; }
body #navigation li .sub-menu li a:after { display: none; }
body #navigation li .sub-menu li:last-child { border: none; }

body #navigation li:hover .sub-menu  { visibility: visible; opacity: 1;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }

body.dark-background #navigation li a { border-radius: 3px; }
body.dark-background #navigation li.current-menu-item a,
body.dark-background #navigation li a:hover  { color: #2c1201; background-color: #c0b6af; border-radius: 3px; }

.top-pricing p { text-align: center; margin: 15px 0; }

.btn-register,
.btn-login { font-family: 'Fira Sans',sans-serif; color: #fff; font-size: 16px; letter-spacing: -0.06em; display: inline-block; float: right; text-transform: uppercase; display: inline-block; padding: 10px 10px; margin: 25px 5px; border-radius: 10px; }
.btn-register:hover,
.btn-login:hover { background-color: #c0b6af; color: #2c1201; }

.btn-register:hover i,
.btn-login:hover i { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }
.btn-register i,
.btn-login i { -webkit-transition: .5s; -o-transition: .5s; transition: .5s; }

.btn-transparent { display: inline-block; background-color: transparent; border: solid 1px #210f02; border-radius: 10px; color: #210f02 !important; min-width: 78px; text-align: center; padding: 0 8px; font-size: 16px; text-transform: uppercase; line-height: 36px; }
.btn-transparent:hover { color: #fff !important; background-color: #210f02; }
.btn-transparent.disabled { border: solid 1px #90847b; color: #90847b !important; pointer-events: none; }

/*  nav-inner  */

.nav-inner { border-bottom: 1px solid #5f3628; margin-bottom: 25px; }
.nav-inner ul { list-style-type: none; }
.nav-inner li { float: left;  }
.nav-inner a { margin-bottom: -1px;  }

/* ------------------------------------------------------------ *\
    Section
\* ------------------------------------------------------------ */

.col { float: left; }
.col-1of2 { width: 47.7%; }
.col-1of2:nth-child(2n+1) { clear: both; }
.col-1of2:nth-child(2n+2) { float: right; }
.col .col-1of2:nth-child(2n+2)  { float: left; }

.section { padding: 65px 0; font-size: 20px; color: #fff; line-height: 1.5; background-repeat: no-repeat; background-position: center; -webkit-background-size: cover; background-size: cover; min-height: 240px; font-family: 'Fira Sans',sans-serif; }

.section ul,
.section ol { padding: 0; margin: 0; font-size: 14px; list-style-type: none; padding-bottom: 40px; line-height: 1.8; }
.section .col { text-align: left; }

.section .section-background { display: none; }
.section p { margin: 0; padding-bottom: 25px; }

.section ul a,
.section p a { color: inherit; text-decoration: underline; }

.section ul a:hover,
.section p a:hover { text-decoration: none; }

.section iframe { border: 2px solid #301e15; width: 100%; height: 347px; }
.section img { max-width: 100%; height: auto; }

.section h1 { /*font-size: 48px !important;*/ font-weight: bold; padding-bottom: 30px; line-height: 1; text-align: center; }
.section h4 { font-size: 24px; color: inherit; font-weight: bold; line-height: 1.3; margin: 0; }
.section h5 { font-size: 20px; font-weight: bold; line-height: 1; }
.section h6 { font-size: 14px; color: #fff; font-weight: normal; margin: 0; line-height: 1; }
.section h3,
.section .section-title { font-family: 'Bree',sans-serif; /*font-size: 36px !important;*/ line-height: 1; padding-bottom: 30px; color: #fff; text-align: center; }
.section h2.section-title  { /*font-size: 48px !important;*/ color: inherit; }

.section .section-entry { width: 55%; float: left; text-align: left; }
.section .section-image { width: 45%; float: right; padding-top: 15px;  }

.section .section-inner { font-size: 14px; padding-top: 0; }
.section .section-inner *:last-child { padding-bottom: 0; }
.section .section-inner h3 { font-family: 'Fira Sans',sans-serif; font-size: 20px !important; font-weight: normal; text-align: left; line-height: 1.5; }
.section .section-inner p { padding-bottom: 20px; }

.section .section-inner ul { padding-bottom: 25px; }
.section .section-inner ul li { position: relative; padding-left: 34px; }
.section .section-inner ul li:before { content:''; display: inline-block; width: 4px; height: 4px; background-color: #fff; border-radius: 50%; position: absolute; top: 8px; left: 9px; }

/*  section-gray  */

.section-gray { background: #131313 url(images/section-background.jpg) repeat center; -webkit-background-size: 100% 100%; background-size: 100% 100%; }

/*  section-brown  */

.section-brown { background-color: #dddddd; color: #5f3628; }
.section-brown .section-title { color: #5f3628; }

/*  section-callout  */

.section-callout { padding: 90px 0;  }
.section-callout h3 { padding-bottom: 20px; }
.section-callout h4 { padding-bottom: 50px; }

/*  section-secondary  */

.section-secondary { /*background-color: #ebebeb;*/ color: #5f3628; font-size: 24px; }
.section-secondary .section-content { font-size: 18px; }
.section-secondary .btn-brown-transparent { margin-top: 25px; }

/*  section-information  */

.section-information { background-color: #dddddd; color: #5f3628; font-size: 14px; }
.section-information h3 { color: #5f3628; float: left; padding-bottom: 0; }
.section-information .section-head { border-bottom: 1px solid #5e3e35; margin-bottom: 20px; }
.section-information .section-price { float: right;text-align: right; }
.section-information .section-account { padding-bottom: 55px; }
.section-information .section-account:last-child { padding-bottom: 0; }

.section-information p { padding-bottom: 20px; }
.section-information ul { float: left; padding-right: 40px; }
.section-information ul li { position: relative; padding-left: 12px; }
.section-information ul li:before { content:''; width: 4px; height: 4px; display: inline-block; border-radius: 50%; background-color: #5f3628; left: 0; top: 8px; position: absolute; }

/*  section-teritary  */

.section-teritary { background-color: #e4e4e4; }
.section-teritary .section-title { color: #5f3628; padding-bottom: 30px; }

/*  section-article  */

.section-article { /*background-color: #dddddd;*/ color: #5f3628; font-size: 16px; text-align: left; }
/*.section-article h1 { padding-bottom: 20px; text-align: center; }*/
.section-article h6 { font-size: 16px; color: #5f3628; font-weight: bold; padding-bottom: 0; }
.section-article p { padding-bottom: 15px; }

.section-article ol,
.section-article ul { list-style-type: none; padding-bottom: 15px; font-size: 16px; }
.section-article li:before { /*content:'';*/ width: 4px; height: 4px; background-color: #5f3628; border-radius: 50%; vertical-align: middle; margin-right: 5px; margin-top: -2px; display: inline-block; margin-left: 5px;  }

/*  section-contact  */

.section-contact { background-color: #fff; padding: 50px 0; font-size: 14px; color: #b4a49f; font-weight: bold; }
.section-contact h1 { font-size: 36px !important; color: #5f3628; font-weight: bold; text-align: center; padding-bottom: 1px; line-height: 1.2; }
.section-contact h2 { font-size: 24px !important; color: #5f3628; font-weight: normal; line-height: 1; text-align: center; padding-bottom: 60px; }
.section-contact h2 a { color: inherit; }
.section-contact h2 a:hover { text-decoration: underline; }
.section-contact .section-content { float: right; text-align: left; width: 25%; }
.section-contact .section-content h2{ padding-bottom: 25px; text-align: left; }
.section-contact .section-content p { padding-bottom: 0; }

.section-contact-alternative { background-color: #dddddd; }
.section-contact-alternative .section-content p { color: #5f3628; }

/*  list-subscritions  */

.section .list-subscritions,
.list-subscritions { list-style-type: none; text-align: center; font-size: 14px; color: #fff; font-family: 'Fira Sans',sans-serif; padding-bottom: 0; padding-top: 20px; }
.section-secondary .list-subscritions  { padding-bottom: 50px; }

.list-subscritions ul { padding: 0; list-style-type: none; padding-bottom: 25px; }
.list-subscritions > li { float: left; width: 40%; padding-bottom: 25px; }
.section-secondary .list-subscritions > li  { background-color: #2b2b2b; border-radius: 10px; padding: 50px 15px; margin-bottom: 35px; width: 48%; }
.list-subscritions > li:nth-child(2n+1) { clear: both; }
.list-subscritions > li:nth-child(2n+2) { float: right; }
.list-subscritions h4 { font-size: 24px; color: #fff; padding-top: 25px; margin: 0; font-weight: bold; }
.list-subscritions p { margin: 0; padding-bottom: 25px; }
.list-subscritions .btn { text-decoration: none; }
.list-subscritions img { max-width: 294px; height: auto; }
.section-secondary .list-subscritions ul li  { padding-bottom: 10px; }

/*  slider-testimonials  */

.bx-wrapper { margin-bottom: 0; }
.bx-wrapper .bx-viewport { border: none; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; left: 0; }
.bx-wrapper .bx-pager { text-align: center; margin-top: 50px; }
.bx-wrapper .bx-pager .bx-pager-item { display: inline-block; margin: 0 7px; }
.bx-wrapper .bx-pager a { font-size: 0; line-height: 0; text-indent: -4004px; width: 16px; height: 16px; border: 2px solid #fff; border-radius: 50%; background-color: transparent; display: inline-block;  }
.bx-wrapper .bx-pager a.active { background-color: #fff; }

.slider-testimonials .slide { font-size: 20px; text-align: center; padding: 0 0; }
.slider-testimonials .slide .slide-content { padding: 0 102px; }

/*  list-experts  */

.section .list-experts,
.list-experts { list-style-type: none; margin: 0; padding: 0; }

.list-experts li { width: 40%; float: left; padding-bottom: 25px; }
.list-experts li img { max-width: 329px; height: auto; }
.list-experts li:nth-child(2n+2) { float: right; }
.list-experts li:nth-child(2n+1) { clear: both; }
.list-experts h3 { font-family: 'Fira Sans',sans-serif; font-size: 24px !important; color: #5f3628; padding: 0; }
.list-experts h4 { font-size: 20px; color: #5f3628; font-weight: normal; padding-bottom: 25px; }
.list-experts p { padding-bottom: 20px; }
.list-experts p a { text-transform: uppercase; font-weight: 600; text-decoration: none; }
.list-experts p a:hover { text-decoration: underline; }
.list-experts .full-content.hidden { display: none; }

/*  slider-tour  */

.slider-tour .slider-clip { margin-bottom: 35px; }

.slider-tour .slide-media  { position: relative; padding-top: 56.4%; }
.slider-tour .slide-media iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #322117; }

.slider-tour .slider-paging { text-align: center; }

.slider-tour .slider-paging a { display: inline-block; width: 200px; height: 150px; border: 1px solid #533027; margin: 0 25px; padding: 15px 10px; text-align: center;  line-height: 1; position: relative; vertical-align: top;
-webkit-transition: .0s;
     -o-transition: .0s;
        transition: .0s; }
.slider-tour .slider-paging a:after { content:''; display: none;  border-style: solid; border-width: 0 10px 11px 10px; border-color: transparent transparent #4c281e transparent; position: absolute; top: -11px; left: 50%; margin-left: -10px; }
.slider-tour .slider-paging a.active:after { display: inline-block; }

.slider-tour .slider-paging a span { font-size: 18px; color: #5f3628; display: block; position: absolute; left: 0; right: 0; bottom: 10px; }

.slider-tour .slider-paging a img { margin-bottom: 5px; }

.slider-tour .slider-paging a.active,
.slider-tour .slider-paging a:hover { background-color: #4c281e;
-webkit-transition: .0s;
     -o-transition: .0s;
        transition: .0s; }

.slider-tour .slider-paging a.active span,
.slider-tour .slider-paging a:hover span  { color: #fff;
-webkit-transition: .0s;
     -o-transition: .0s;
        transition: .0s; }

.slider-tour .slider-paging .hover { position: absolute; opacity: 0; top: 0; left: 0;
-webkit-transition: .0s;
     -o-transition: .0s;
        transition: .0s; }

.slider-tour .slider-paging a.active img,
.slider-tour .slider-paging a:hover img { position: absolute; opacity: 0;
-webkit-transition: .0s;
     -o-transition: .0s;
    transition: .0s; }

.slider-tour .slider-paging a.active img.hover,
.slider-tour .slider-paging a:hover img.hover { position: relative; opacity: 1;
-webkit-transition: .0s;
     -o-transition: .0s;
        transition: .0s; }

/* ------------------------------------------------------------ *\
    custom-form
\* ------------------------------------------------------------ */

.custom-form form { max-width: 400px; margin: 100px auto; }
.custom-form .indicator-hint { color: #fff; padding: 25px 0 10px; }
.section-contact  form  { float: left; width: 58%; }
.section-contact  .custom-form { max-width: 390px; margin: auto; width: 100%; float: none; font-size: 13px; font-weight: normal; color: #5f3628; line-height: 1.2; }
.section-contact  .custom-form h1 { padding-bottom: 10px; }
.section-contact  .custom-form p { padding-bottom: 50px; }
.section-contact  .custom-form form { width: 100%; float: none; margin-top: 0; }

.custom-register-form input[type="checkbox"] { appearance: checkbox; -webkit-appearance: checkbox; -moz-appearance: checkbox; width: auto; height: auto; min-height: 16px; min-width: 16px; display: inline-block; }

body #registerform select { background-color: #fff; }
body #registerform p,
body #wrap section.section-contact form p,
.custom-form form .form-group { margin-bottom: 35px; position: relative; display: block; width: 100%; clear: both; color: #fff; }
body #wrap section.section-contact form p { padding-bottom: 0;  }

body #registerform p { margin-bottom: 20px; }

body #registerform p.description { margin-bottom: 5px; }

.mc4wp-checkbox-wp-registration-form label span {
    padding-left: 5px;
}

.field-select { position: relative; }
.field-select:after,
body #wrap section.section-contact form .contact-select:after,
.custom-form form .form-select:after { content:'';  background: #fff url(images/select-arrow.png) no-repeat center; display: inline-block; width: 46px;  -webkit-background-size: 16px 10px; background-size: 16px 10px; position: absolute; right: 0; top:24px; bottom: 0; pointer-events:none; cursor: pointer; }
body #wrap section.section-contact form .contact-select:after { top: 25px; bottom: 1px; right: 1px; background-color: #fbfbfb; }
.field-select:after { top: 1px; background-color: #fbfbfb; bottom: 1px; right: 1px; }

div.wpcf7-response-output { margin-left: 0; margin-right: 0; border-color: #4c281e; }

.section-contact .custom-form form .form-select:after { top: 16px; bottom: 1px; right: 1px; background-color: #fbfbfb; }

body #wrap section.section-contact form p,
.custom-form form label { color: #b4a49f; display: block; font-weight: bold; }
.custom-form  .form-errors p { color: #fff; margin-bottom: 0 !important; }

.custom-register-form #pass1,
.custom-register-form label[for="pass1"],
.custom-register-form #pass2,
.custom-register-form label[for="pass2"],
.custom-register-form .submitnew { display: none !important; }

.field-select select,
body .input-area textarea,
body .input-area input[type="password"],
body .input-area #author,
body #email,
body #url,
body .input-area input[type="text"],
body #cimy_uef_wp_1,
body #cimy_uef_wp_2,
body #cimy_uef_8,
body #cimy_uef_p_field_6 input,
body #cimy_uef_p_field_7 input,
body #wrap section.section-contact form select,
body #wrap section.section-contact form textarea,
body #wrap section.section-contact form input,
.custom-register-form input,
.custom-form form select,
.custom-form form input { width: 100%; color: #5f3628; font-size: 18px; height: 50px; vertical-align: middle; border-radius: 0; padding: 0px 10px; border: none; line-height: 55px; display: inline-block; border-radius: 0!important; margin: 0;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none; }

.field-select select,
.simplemodal-login-fields input,
body #cimy_uef_wp_1,
body #cimy_uef_wp_2,
body #cimy_uef_8,
body #cimy_uef_p_field_6 input,
body #cimy_uef_p_field_7 input,
body .input-area textarea,
body .input-area input[type="password"],
.custom-register-form input,
body .input-area #author,
body #email,
body #url,
form.custom-register-form input,
body .input-area input[type="text"],
body #wrap section.section-contact form textarea,
body #wrap section.section-contact form select,
.custom-form form select,
body #wpcf7-f24-o1 > form > p:nth-child(2) > span > input,
body #wpcf7-f24-o1 > form > p:nth-child(3) > span > input,
body #wrap section.section-contact form input,
.certificate-popup__field input { border: 1px solid #cfcece; border-radius: 0; font-size: 24px; height: 60px; line-height: 1; vertical-align: middle; background-color: #fbfbfb; }
.field-select select { font-size: 20px; height: 40px; vertical-align: middle; }

.simplemodal-login-fields input { width: 100%; padding: 0 10px; color: #5f3628; }


body .input-area textarea { height: 180px; padding-top: 15px; }

body #wrap .section-contact .custom-form form select { width: 100%; font-size: 16px; background-color: #fbfbfb; }
body #wrap section.section-contact form textarea,
body #wrap .section-contact .custom-form form textarea { height: 300px; width: 100%; padding: 10px 10px; }
body #wrap .section-contact .custom-form form textarea  { font-size: 16px; background-color: #fbfbfb; }

body #wrap section.section-contact form input[type="submit"],
.custom-form form input[type="submit"] { font-size: 18px; text-align: center; width: 100%; height: 50px; vertical-align: middle; border-radius: 0; background-color: #f2b323; color: #fff; text-transform: uppercase;  padding: 0px 10px; float: none; left: 0; border: none; background-image: none; line-height: 1; border: 1px solid #f2b323;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none; }

body #wrap section.section-contact form input[type="submit"] { width: auto; padding: 0 40px; height: 60px; line-height: 1; background-color: #4c281e; border-color: #4c281e; }

body #wrap section.section-contact form input[type="submit"]:hover,
.custom-form form input[type="submit"]:hover { background-color: #fff; color: #f2b323;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }

body #wrap section.section-contact form input[type="submit"]:hover { color: #4c281e; }

.custom-form form a { font-size: 12px; text-decoration: underline; color: #fff; }
.custom-form form .form-errors p a { font-size: 14px; }
.custom-form form a:hover { text-decoration: none; }

/* ------------------------------------------------------------ *\
    Breadcrumbs
\* ------------------------------------------------------------ */

.ico-arrow-left-yellow { background: url(images/ico-arrow-left-yellow.png) no-repeat 0 0; width: 14px; height: 12px; display: inline-block; vertical-align: middle; }

.breadcrumbs { font-size: 13px; color: #5f3628; font-weight: normal; padding-bottom: 25px; }
.breadcrumbs a { color: #f6bf2c !important; }
.breadcrumbs a i { margin-right: 4px; margin-top: -2px; }
.breadcrumbs a:hover { text-decoration: none; }

/* ------------------------------------------------------------ *\
    Redesign Existing Templates
\* ------------------------------------------------------------ */

body #modules { position: relative; background-color: #ffffff; margin: 0; padding: 0 0 40px; z-index: 5; }
body .module-i-w { height: auto; }
body .mod-wrap.secondary { padding-top: 0; }
body .mod-wrap .no-results p { font-size: 18px; padding-bottom: 10px; }

body .img-head h1 { font-size: 32px !important; color: #5f3628; font-weight: normal; font-family: 'Fira Sans',sans-serif; margin: 0; background-color: transparent; background-image: none; border: none;  border-bottom: 1px solid #5f3628; padding: 25px 0; width: 100%; text-shadow: none; margin-bottom: 30px; }

body .mod-float { margin-left: 0; margin-right: 3.7%; background-color: #210f02; -webkit-box-shadow: none; box-shadow: none; border: none; font-family: 'Fira Sans',sans-serif; margin-bottom: 3.7%; width: 222px; position: relative; }
body .mod-float:nth-child(4n+4),
body .mod-float:nth-child(8n+8) { margin-right: 0; }
body .mod-float:nth-child(4n+1) { clear: both; }
body .titleBlack,
body .title { color: #fff !important; font-size: 13px; padding: 10px 10px; margin: 0; }
body .mod-float ul li { width: 100%; margin: 0; background-image: none; background-color: #f2b323; font-size: 18px; opacity: 1; color: #fff; padding: 0; text-transform: uppercase; }
body .mod-float ul li.with-progress { background-color: #5aa800; }
body .mod-float ul li.with-progress .icon-check { display: inline-block; background: url(images/check-mark.png) no-repeat 0 0; background-size: 24px auto; width: 24px; height: 20px; margin-right: 11px; vertical-align: bottom; }
body .mod-float ul li a { padding: 10px 10px; display: block; font-family: 'Fira Sans',sans-serif; letter-spacing: 1.2px; }
body .mod-float span.rollover { width: 222px; height: 150px; cursor: pointer; width: 100%; -webkit-box-shadow: none; box-shadow: none; background: #000 url(images/flame@2x.png) no-repeat center; -webkit-background-size: 121px 83px; background-size: 121px 83px; display: block; opacity: 0; top: 44px; }
body .mod-float.hover span.rollover  { display: block; opacity: .7;
-webkit-transition: .5s;
      -o-transition: .5s;
         transition: .5s;  }

body .mod-float img.new-lesson {
    position: absolute;
    top: 0;
    right: 0;
    width: 65px;
    height: auto;
    z-index: 99;
}

body .mod-float.closed-lesson span.rollover { pointer-events: none; opacity: 0.7; height: 194px; background-position: center 34px; }

body .mod-float ul li:active { margin: 0; opacity: 1; font-size: 18px; background-image: none; }
body .radioImage input { margin-right: 5px; }

body .img-wrap { width: 100%; height: auto; }

body .mod-float .b-linkBlack ul li { background-color: #210f02 !important; }
body .mod-float .b-linkBlack ul li a { color: #64574e !important; }

body .b-linkBlack a,
body .b-link a { color: inherit !important;
-webkit-transition: .0s;
     -o-transition: .0s;
        transition: .0s; }

body #wrap-modules { background-color: #fff; width: 100%; margin: 0; padding: 50px 0; }

body .mod-header { background: none; background-image: none; background-color: transparent; border: none; border-bottom: 1px solid #624239; margin-bottom: 25px;  padding: 0 0 25px; font-size: 18px; color: #5f3628; }
body .mod-header h1 { font-size: 32px !important; color: #5f3628; margin: 0; padding: 0; line-height: 1.2; }

body #sidebar-mod-one h3 { color: #ccc3bd; font-size: 16px; font-weight: bold; text-transform: uppercase; margin-bottom: 0; }
/*body .single-mod:hover { background-image: none; border: none; background-color: transparent; }*/
body #sidebar-mod-one ul { list-style-type: none; }
body #sidebar-mod-one ul li a { display: block; font-size: 16px; color: #5f3628; font-weight: normal; text-align: left; padding: 5px 0; margin-bottom: 0; transition: none; }
body #sidebar-mod-one ul li a:hover { color: #ef952a; }
body #sidebar-mod-one img { margin-left: 5px; margin-top: -2px; }
body #sidebar-mod-one ul ul { padding-left: 30px; display: none; }
body #sidebar-mod-one ul ul li { position: relative; }
body #sidebar-mod-one ul ul li:before { content:''; width: 10px; height: 10px; display: none; background-color: #f2b323; border-radius: 50%; position: absolute; top: 11px; left: -20px; }
body #sidebar-mod-one ul ul li.current:before { display: inline-block; }
body #sidebar-mod-one ul li.current > a { font-weight: bold; }
body #sidebar-mod-one ul li.current ul { display: block; }

.mod-text { color: #5f3628; font-size: 14px; }
.mod-text p { padding-bottom: 20px; }
.mod-text ul { list-style-position: inside; }
body .mod-content { padding: 15px 0; font-size: 16px; font-weight: normal; color: #5f3628; }
body .mod-content ol { margin-left: 14px; }
body .mod-content iframe { width: 100%; }
body .mod-content label { position: relative; display: block; padding: 0 0 15px 20px; }
body .mod-content .image-popup { position: relative; display: inline-block; float: right; margin-left: 35px;  }
body .mod-content .image-popup:before { content:''; background: url(images/ico-popup.png) no-repeat 0 0; width: 16px; height: 16px; -webkit-background-size: cover; background-size: cover; display: inline-block; position: absolute; bottom: 29px; right: 12px; }
body .mod-content label input { opacity: 0; display: none; }
body .mod-content label span { position: absolute; left: 0; top: 5px; z-index: 8; width: 14px; height: 14px; background-color: #fff; border: 2px solid #c9c9c9; border-radius: 50%; display: inline-block; }
body .mod-content label input:checked ~ span:before  { content:''; display: inline-block; top: 2px; left: 2px; right: 2px; bottom: 2px; border-radius: 50%; position: absolute; background-color: #000; }

body #cboxCurrent,
body #cboxNext,
body #cboxPrevious,
body #cboxTitle { display: none !important; }

.cboxPhoto { pointer-events: none; }

.mod-button-wrap { border-bottom: 1px solid #c8bfb9; }
.mod-button-wrap a { position: relative; z-index: 5; }

.page-template-grade .mod-button-wrap { opacity: 0; cursor: pointer; position: relative; z-index: -1; top: -56px; }

body #bulletInner { z-index: 1; color: #bdb3ac; }
body #bulletInner .active { color: #f2b323; }

body #prev,
body #next { border: none; padding: 10px 0; line-height: 1; font-size: 16px; font-weight: bold; font-family: 'Fira Sans',sans-serif; color: #f6bf2c; }
body #prev:hover,
body #next:hover { background-color: transparent; text-decoration: none; color: #ccc3bd; }

#next:after { content:''; background: url(images/lesson-next.png) no-repeat 0 0; width: 14px; height: 24px; display: inline-block; vertical-align: middle; margin-left: 10px; margin-top: -3px; }
#next:hover:after  { background: url(images/lesson-next-hover.png) no-repeat 0 0; }

#prev:before  { content:''; background: url(images/lesson-prev.png) no-repeat 0 0; width: 14px; height: 24px; display: inline-block; vertical-align: middle; margin-right: 10px; margin-top: -3px; }
#prev:hover:before  { background: url(images/lesson-prev-hover.png) no-repeat 0 0; }

body #next.disabled { color: #ccc3bd }
body #next.disabled:after { background-image: url(images/lesson-next-hover.png); }

body #currentQuestionHeaer { font-size: 13px; color: #ccc3bd; }
body .divs { font-size: 16px; color: #5f3628; }

body #submitAreaText { font-size: 16px; text-align: left; }

body #button1,
body input[type="submit"] { left: 0; margin: auto; padding: 10px 0; background-image: none; border: none; font-size: 18px; color: #fff; letter-spacing: 0.11em; background-color: #efb737; text-transform: uppercase; padding: 17px 36px 16px; line-height: 1; border-radius: 0; width: 280px;  }

body #button1:hover,
body input[type="submit"]:hover { background-color: #ccc3bd; color: #fff;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }

body #score,
body #scoreCon{ font-size: 32px; color: #5f3628; font-weight: bold; line-height: 1.2; }
body #scoreHeading,
body #score { display: inline-block; }
body #scoreText { font-size: 16px; color: #5f3628; font-weight: normal; padding-bottom: 25px; }

body #empBlock1 { width: 66%; height: auto; }

body #my-emp { background-color: #fff; width: 100%; padding: 70px 0;  }

body #my-emp h1 { margin: 0; padding: 10px 0; float: left; color: #5f3628; font-size: 32px !important; width: auto; text-shadow: none; -webkit-box-shadow: none; box-shadow: none; border: none; background-image: none; background-color: transparent; }
body #my-emp .employees-head .btn { float: right; }
body #my-emp .employees-head { padding-bottom: 10px; margin-bottom: 20px; }

body .ind-acc { border: 1px solid #c0b6af; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; background-color: transparent; margin: 10px 0; padding: 25px 25px 10px; }
body .ind-acc div { display: block; float: none; }
body .ind-acc div.emp-info { float: left !important; }
.emp-info-wrapper { padding-bottom: 20px; }

body #empAvatar { float: left; margin-right: 25px; width: 112px; }
body #empAvatar img { width: 100%; height: auto; }
body .user-emp { font-size: 13px; color: #000; }
body .user-emp.user-action { float: left; margin-right: 15px; margin-bottom: 0; }
body .ind-acc form { float: left; }
#empInfo .btn { margin-bottom: 15px; }
body .user-emp h3 { font-size: 16px !important; color: #000; }
body .user-emp-name { font-size: 24px; color: #000; line-height: 1.2; top: 0; padding-right: 43px; }
body .user-emp-name .btn-remove-user { float: right; font-weight: normal; font-size: 16px; margin-top: 2px; }
body .ind-acc input[type="submit"] { display: inline-block; font-family: 'Fira Sans',sans-serif; font-size: 16px; color: #210f02; letter-spacing: 0.11em; background-color: #fff; text-transform: uppercase; padding: 17px 36px 16px !important; line-height: 1; border: 1px solid #210f02; width: auto; position: static; }
body .ind-acc input[type="submit"]:hover { background-color: #210f02; color: #fff;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }
body #empInfo  { position: static; border-right: 1px solid #979797; }

body #empBlock3 { padding-left: 35px; }

.btn-remove-user { color: #210f02; }
.btn-remove-user:hover { color: inherit; }
.btn-remove-user .ico-remove { display: inline-block; width: 16px; height: 18px; background: url(images/ico-remove.png) no-repeat 0 0; background-size: cover; margin-right: 10px; vertical-align: top; }

body .titles h6,
body .titles h5 { font-size: 13px; color: #5f3628; float: left; width: 66%; }
body .titles h6 { width: 33%; }

body #gradeCon { width: 100%; float: none; display: block; -webkit-box-shadow: none; box-shadow: none; border: none; background-image: none; background-color: transparent; margin: 0; padding: 5px 0; position: static; font-size: 13px; line-height: 1; text-align: left; color: #5f3628; }
body #gradeCon div { float: left; }
body #gradeHeader { width: 66%;  }
body #gradePercent,
body #gradeScore { width: 16%; }
body #gradePercent { color: #8ed72b; }

body #empBlock3 > div.user-emp { position: static; }
body #empBlock3 h3 { color: #2c1201; }

body #empBlock3 > div.user-emp { padding-bottom: 0; }
body .ind-acc .progress-bar { width: 100%; border-radius: 6px; background-color: #ffffff; position: relative; border: 1px solid #c3b9b2; height: 20px; overflow: visible; padding-bottom: 0; margin-bottom: 25px; }
body .progress-bar > span { display: block; top: 0; bottom: 0; left: 0; background-color: #f2b323; position: absolute; border-radius: 4px 0 0 4px; }
body .ind-acc .progress-numbers { position: absolute; top: 100%; left: 0; right: 0; overflow: visible; }
body .progress-numbers div { position: absolute; top: 100%; height: 6px; width: 2px; background-color: #c0b6af; }
body .progress-numbers .ornament-1 { left: 12%; }
body .progress-numbers .ornament-2 { left: 36%; }
body .progress-numbers .ornament-3 { left: 62%; }
body .progress-numbers .ornament-4 { left: 87%; }
body .progress-numbers span { position: absolute; top: 100%; font-size: 9px; color: #ccc3bd; line-height: 1.5;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%);
}

body #my-acc { width: 100%; background-color: #fff; padding: 70px 0; }

.page-template-myEmployees #sidebar-module-bus,
#adduser { max-width: 400px; float: none; margin: 0 auto; }

body .float-acc { width: 100%; }
body #my-acc h2 { font-size: 36px !important; color: #5f3628; text-align: center; padding-bottom: 25px; line-height: 1; }
body #my-acc h3,
body #my-acc label { font-size: 14px; color: #b4a49f; font-weight: bold; display: block; }
body #my-acc form p { min-height: 10px; }

body #sidebar-module-bus { width: 100%; }
body #my-acc .form-submit input[type="submit"] { margin: 0; }
body #simplemodal-login-container-osx form .submit { margin: 0 !important; }

body #simplemodal-login-container-osx .close a { text-shadow: none; color: #fff; }
body #simplemodal-login-container-osx .close a:hover { text-decoration: none; color: #fff; }

body .input-area #author,
body #email,
body #url
body .input-area textarea,
body .input-area input[type="password"],
body .input-area input[type="text"] { border-radius: 0; background-color: #fbfbfb !important; border: 1px solid #cfcece; }

.form-table { margin-bottom: 25px; }
.form-table th { display: none; }
.form-table img { margin-right: 20px; }

.form-table tr:first-child td:last-child:hover:after { background-color: #5f3628; color: #fff; }
.form-table tr:first-child td:last-child { position: relative; }

body #my-acc form .form-table tr:first-child td:last-child p { min-height: 0; }
body #my-acc form .form-table tr:first-child td:last-child p a { color: #ef952a; }
.form-table tr:first-child td:last-child input[type="file"],
.form-table tr:first-child td:last-child span.description { opacity: 0; position: absolute; top: 50%; left: 0; right: 0; z-index: 5; }
.form-table tr:first-child td:last-child span.description { z-index: -1; }
.form-table tr:first-child td:last-child input[type="file"] { width: 100%; max-width: 150px; height: 45px; top: auto; top: 0; bottom: 6px; left: 0; right: 0; cursor: pointer; }
.form-table #choose-avatar { display: block; font-size: 18px; color: #5f3628; border: 1px solid #5f3628; background-color: #fff; padding: 10px 20px; text-transform: uppercase; width: 100%; max-width: 150px; position: relative; z-index: 4; cursor: pointer; margin-top: 11px; }
.form-table #choose-avatar:hover { background-color: #5f3628; color: #fff; }
.form-table .simple-local-avatar-photo img { height: auto; }
.form-table .avatar-loader { display: inline-block; width: 15px; height: auto; margin-top: 5px; opacity: 0; }
.form-table .avatar-loader.visible { opacity: 1;  }

body #my-acc .form-submit { padding-bottom: 25px; }
body #my-acc input[type="submit"] { width: auto; background-color: #4c281e; color: #fff; border: 1px solid #4c281e; }
body #my-acc input[type="submit"]:hover { background-color: #fff; color: #4c281e; }

.btn-holder { max-width: 400px; margin: 0 auto; border-top: 1px solid #a4a4a4; padding-top: 28px; }
.btn-holder hr { margin:15px 0 40px; }

body #my-acc .pay-his h2,
body #my-acc .new-emp h2 { font-size: 28px !important; font-weight: 300; padding-top: 25px; margin: 0;  }

body #my-acc .pay-his { margin: 0; }

body div#littleHeaderText { text-align: center; }

body a.obt-submit,
body .reg-new,
body a.edd-recurring-cancel,
body #falseButton { width: 100%; padding: 10px 25px !important; text-align: center; display: block; margin: 0; border: none; background-image: none; background-color: transparent; background-color: #4c281e; color: #fff !important; border: 1px solid #4c281e; border-radius: 0; }
body a.obt-submit:hover,
body .reg-new:hover,
body a.edd-recurring-cancel:hover,
body #falseButton:hover  { background-color: #fff; color: #4c281e !important; }

body .obt-submit:visited { color: #fff !important; }

body #simplemodal-login-container-osx .user_pass,
body #simplemodal-login-container-osx .user_login,
body #simplemodal-login-container-osx .user_email { border-radius: 0; margin: 0; width: 100%; }

body #simplemodal-login-container-osx .title { text-shadow: none; color: #fff !important; }

body #sidebar-module-bus { border-bottom: 1px solid #a4a4a4; border-top: 1px solid #a4a4a4; padding-bottom: 50px; margin-bottom: 25px; }

body #simplemodal-login-container-osx { background-color: #4c281e !important;  color: #fff; padding-bottom: 20px; }

body #cimy_uef_wp_1,
body #cimy_uef_wp_2,
body #cimy_uef_8 { border-radius: 0; }

body .mfp-container form .submit input { background-color: #fff; border: 1px solid #4c281e; border-radius: 0 !important; color: #4c281e; }
body .mfp-container form .submit input.simplemodal-close { height: 50px; float: none; width: auto; }
body .mfp-container form .submit input:hover { background-color: #4c281e; color: #fff; border-color: #fff;  }

body .mod-wrap { width: 100%; padding-top: 0; }

body #correct { background: url(images/corrent-answer.png) no-repeat left 8px; color: #8ed72b; }
body #incorrect  { background: url(images/wrong-answer.png) no-repeat left 8px; color: #db2023; }

.no-access a:hover { color: #210f02; }

body .top-pricing.checkout,
body #pricing-wrap.buy-now { margin: 0; }
body #edd_user_history th { background-color: #210f02; color: #fff; padding: 10px; }

body #edd_user_history td,
body #edd_user_history th { border-bottom: 1px solid #210f02; }
body .edd_purchase_id { font-weight: 600; }

body #edd_user_history td { padding: 10px; }

body #edd_user_history { margin-bottom: 35px; }

body .top-pricing { width: 100%; }

.empInfoPopup { max-width: 640px; background-color: #fff; margin: 0 auto; padding: 0 20px 5px; color: #210f02; font-size: 18px; }
.empInfoPopup p { padding-bottom: 25px; font-weight: bold; color: #210f02; }
.empInfoPopup h2 { margin: 0 -20px 25px; padding: 20px 20px; background-color: #210f02; color: #fff; font-size: 36px !important; line-height: 1; }
.empInfoPopup form { display: inline-block; margin-right: 15px; }
.empInfoPopup .emp-content { border: 1px solid #ccc; margin-bottom: 20px; padding: 20px;  }
.empInfoPopup .btn { margin-bottom: 15px; }
.empInfoPopup .removeUserButton { margin-bottom: 15px; }

.mfp-content #dialog-confirm,
.mfp-content #simplemodal-login-form { display: block !important; max-width: 600px; background-color: #fff; padding: 0 20px; margin: 0 auto; font-size: 16px; color: #210f02; }
.mfp-content #simplemodal-login-form p.submit { margin-bottom: 0; }
.mfp-content #simplemodal-login-form .simplemodal-close { margin-bottom: 15px; }
.mfp-content #dialog-confirm .title,
.mfp-content #simplemodal-login-form .title {  margin: 0 -20px 20px; padding: 18px 20px; background-color: #210f02; color: #fff; font-size: 34px !important; line-height: 1; text-align: left; }
.mfp-content #simplemodal-login-form h4 { font-weight: normal; font-style: italic; font-size: 13px; line-height: 1.6; }
.mfp-content #loginform { display: none; }
.mfp-content #lostpasswordform { display: none; }
.mfp-content #simplemodal-login-form label { color: #b4a49f; display: block; font-weight: bold; }
.mfp-content .simplemodal-login-fields { padding: 0 0 6px; width: 80%; }
.mfp-content .simplemodal-login-fields .error { font-weight: normal; font-size: 14px; color: red; }

.mfp-content #simplemodal-login-form .hidden { display: none; }

body .mfp-container form .submit input[type="submit"] { margin-right: 15px; margin-bottom: 15px; }

body .radioImage,
body .radioPic { position: static; }
body .radioPic { padding-top: 15px; padding-bottom: 10px;  }
body .radioImage { padding-bottom: 25px; }

body #imageCon { margin-bottom: 0; }

/* ------------------------------------------------------------ *\
    Confirmation Page
\* ------------------------------------------------------------ */
body .welcome { background: #210f02 !important; }
body .welcome .entry h2 { font-size: 48px !important; color: #fff; padding-bottom: 20px; }
body .welcome .entry p { font-size: 16px; color: #fff; }


/* ------------------------------------------------------------ *\
    Footer
\* ------------------------------------------------------------ */

body #footer { background-image: none; background-color: #210f02; }

.left-foot span,
.mid-foot br,
.left-foot br,
.mid-foot span { display: none; }

body .right-foot,
body .left-foot,
body .mid-foot { min-height: 100px; float: none; display: table-cell;vertical-align: middle; padding-top: 0; padding-bottom: 0; }

#footer .wrap { display: table; width: 100%; }

body .social-foot img{  margin: 0 5px 10px; width: 40px; height: auto; }


body #footer .right-foot { text-align: center; }
body #footer .right-foot p { padding-bottom: 15px; }
body #footer .right-foot a { display: inline-block; padding: 0 38px; }
body #footer .right-foot img { max-width: 220px; height: auto; width: 100%; }

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

body .mfp-container form .submit input[type="submit"],
body .mfp-container form .submit input.simplemodal-close,
.removeUserButton[type="submit"],
.nav-inner a,
.btn { display: inline-block; font-family: 'Fira Sans',sans-serif; font-size: 18px; color: #fff; letter-spacing: 0.11em; background-color: #efb737; text-transform: uppercase; padding: 17px 36px 16px; line-height: 1; height: auto; border: 0; cursor: pointer; }
.btn-next.disabled,
.btn:hover { background-color: #ccc3bd; color: #fff;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }
.btn-next.disabled { pointer-events:none;}

body .mfp-container form .submit input[type="submit"]:disabled { opacity: 0.5; }

.btn-white { background-color: transparent; border: 1px solid #fff; }
.btn-white:hover { background-color: #fff; color: #000;
-webkit-transition: .5s;
      -o-transition: .5s;
         transition: .5s;  }

.nav-inner .current a,
.nav-inner a:hover,
.btn-brown { background-color: #5f3628; color: #fff !important; }
.nav-inner a { border: 1px solid #5f3628; color: #5f3628 !important; }
.btn--text-center { text-align: center; }

.nav-inner a,
.btn-brown:hover { background-color: #fff; color: #5f3628 !important;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }
.nav-inner a { }

.btn-next {
-webkit-transition: .3s;
     -o-transition: .3s;
        transition: .3s; }

.btn-next:hover {
    -webkit-transition: .3s;
         -o-transition: .3s;
            transition: .3s;
}

body .mfp-container form .submit input[type="submit"],
.removeUserButton[type="submit"],
input[type="submit"].btn-darkbrown,
.btn-darkbrown { background-color: #210f02; font-size: 16px; border: 1px solid #210f02;  }

body .mfp-container form .submit input[type="submit"]:hover,
.removeUserButton[type="submit"]:hover,
input[type="submit"].btn-darkbrown:hover,
.btn-darkbrown:hover { color: #210f02; background-color: #fff;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }

body .mfp-container form .submit input.simplemodal-close,
body a.btn-brown-transparent { background-color: transparent; color: #5f3628; border: 1px solid #5f3628; padding: 16px 35px 15px; }

body .mfp-container form .submit input.simplemodal-close:hover,
.btn-brown-transparent:hover { background-color: #210f02; color: #fff;
-webkit-transition: .5s;
     -o-transition: .5s;
        transition: .5s; }

/* ------------------------------------------------------------ *\
    Lessons
\* ------------------------------------------------------------ */
.module-section { display: none; }
.chapter-bullets { cursor: pointer; }

/* ------------------------------------------------------------ *\
    Section Courses
\* ------------------------------------------------------------ */
.section-courses-filter { background-color: #c0b6af; margin-bottom: 32px; padding: 12px 0; }
.section-courses-filter.fixed { position: fixed; top: 94px; left: 0; width: 100%; z-index: 9999; }

.section-courses { padding-bottom: 47px; }
.section-courses .section-head { border-bottom: solid 1px #4c281e; margin-bottom: 40px; }
.section-courses .section-head h3 { position: relative; font-size: 28px !important; line-height: 1.2; font-weight: normal; color: #210f02; overflow: hidden; margin-bottom: 0 !important; padding: 0 0 20px 35px; cursor: pointer; }
.section-courses .section-head h3:before { content: ''; position: absolute; top: 16px; left: 3px; width: 18px; height: 11px; background: url(images/arrow-down.png) no-repeat 0 0; }
.section-courses.collapsed .section-head h3:before { top: 5px; transform: rotate(-90deg); }
.section-courses .section-head h3 span { position: relative; top: 6px; font-size: 16px; float: right; }

/* ------------------------------------------------------------ *\
    Notifications
\* ------------------------------------------------------------ */
.notifications { position: relative; border: solid 2px #f9da92; border-radius: 2px; margin-bottom: 35px; padding: 14px 53px 10px; }
.notifications .ico-attention { position: absolute; top: 13px; left: 18px; display: block; width: 23px; height: 23px; line-height: 23px; background-color: #f2b323; border-radius: 50%; color: #fff; text-align: center; font-size: 16px; font-weight: bold; }
.notifications .ico-close { position: absolute; top: 13px; right: 18px; width: 20px; height: 20px; line-height: 19px; border: solid 1px #c1b7b0; border-radius: 50%; font-size: 12px; color: #c1b7b0; text-align: center; }
.notifications p { color: #210f02; font-size: 17px; }

/* ------------------------------------------------------------ *\
    Term Filter
\* ------------------------------------------------------------ */
.section-courses-filter .btn-transparent { float: right; }

.term-filter { position: relative; display: inline-block; margin-right: 12px; z-index: 999; }

/* ------------------------------------------------------------ *\
    Dropdown select
\* ------------------------------------------------------------ */
.dropdown-select { position: relative; }
.dropdown-select span { position: relative; display: block; font-size: 16px; border-radius: 10px; padding: 0 41px 0 20px; line-height: 36px; color: #fff; cursor: pointer; z-index: 10; text-transform: uppercase; background: #210f02 url(images/ico-arrow-down-white.png) no-repeat 94% center; }
.dropdown-select:hover span { background-color: #f2b323; }
.dropdown-select ul { display: none; list-style: none; position: absolute; top: 100%; left: 0; min-width: 245px; max-height: 520px; background-color: #fff; border: solid 1px #f2b323; border-radius: 10px; box-shadow: 0 0 5px 2px rgba(0,0,0,0.1); z-index: 5; padding: 20px 46px 20px 23px; font-size: 16px; overflow: auto; }
.dropdown-select ul a { color: #210f02; display: block; }
.dropdown-select ul li { padding-bottom: 15px; white-space: nowrap; padding-left: 23px; }
.dropdown-select ul li.current { font-weight: bold; background: url(images/ico-checkmark-brown.png) no-repeat 0 3px; }
.dropdown-select:hover ul { display: block; }
.dropdown-select ul li.checkbox-wrapper { padding-left: 0; }
.dropdown-select ul li.checkbox-wrapper label { padding-left: 23px; }
.dropdown-select ul li.checkbox-wrapper input[type="radio"],
.dropdown-select ul li.checkbox-wrapper input[type="checkbox"] { display: none; }
.dropdown-select ul li.checkbox-wrapper input:checked + label { font-weight: bold; background: url(images/ico-checkmark-brown.png) no-repeat 0 3px; }

.user-role .dropdown-select { width: 135px; display: inline-block; }
.user-role .dropdown-select span { background-color: #fff; color: #3e2f23; border: solid 1px #210f02; background: #fff url(images/ico-arrow-down-brown.png) 106px center no-repeat; text-transform: capitalize; }
.user-role .dropdown-select:hover span { background: #210f02 url(images/ico-arrow-down-white.png) 106px center no-repeat; color: #fff; }
.user-role .dropdown-select ul { width: 135px; min-width: 135px; padding: 12px 12px 7px; border-color: #210f02; box-shadow: none; }
.user-role .dropdown-select ul li { padding-bottom: 6px; }

/* ------------------------------------------------------------ *\
    Tooltip
\* ------------------------------------------------------------ */
.ico-info { display: inline-block; width: 18px; height: 18px; background: url(images/ico-info.png) no-repeat 0 0; background-size: 18px auto; }
.tooltip-wrapper:hover .ico-info,
.ico-info:hover { background-position: 0 bottom; }

.tooltip-wrapper { position: relative; display: inline-block; margin-left: 5px; vertical-align: middle; top: -2px; }
.tooltip-wrapper .tooltip { position: absolute; top: 50%; left: calc(100% + 12px); transform: translateY(-50%); width: 285px; padding: 7px 10px 26px; border: solid 1px #c0b6af; border-radius: 10px; opacity: 0; visibility: hidden; transition: all .4s; }
.tooltip-wrapper .tooltip:after, .tooltip-wrapper .tooltip:before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.tooltip-wrapper .tooltip:after { border-color: rgba(255, 255, 255, 0); border-right-color: #fff; border-width: 11px; margin-top: -11px; }
.tooltip-wrapper .tooltip:before { border-color: rgba(33, 15, 2, 0); border-right-color: #c0b6af; border-width: 12px; margin-top: -12px; }
.tooltip-wrapper .tooltip p { line-height: 1.2; }
.tooltip-wrapper:hover .tooltip { opacity: 1; visibility: visible; }

/* ------------------------------------------------------------ *\
    Exams
\* ------------------------------------------------------------ */
.test-question { display: none; }
.test-question:first-child { display: block; }

/* ------------------------------------------------------------ *\
    Curriculum Popup
\* ------------------------------------------------------------ */
.curriculum-popup { background-color: #fff; border-radius: 10px; max-width: 510px; margin: 0 auto; padding: 30px; }
.curriculum-popup .form-head { padding-bottom: 23px; }
.curriculum-popup .form-head h3 { font-size: 25px !important; color: #000000; font-weight: bold; letter-spacing: -1px; }
.curriculum-popup .form-body { white-space: nowrap; font-size: 0; padding-bottom: 70px; }
.curriculum-popup .form-body ul { list-style: none; display: inline-block; width: 50%; vertical-align: top; }
.curriculum-popup .form-body ul li { padding-bottom: 5px; }
.curriculum-popup .form-body label { position: relative; font-size: 16px; color: #210f02; cursor: pointer; padding-left: 23px; }
.curriculum-popup .form-body input[type="checkbox"] { position: absolute; top: -9999px; opacity: 0; visibility: 0; }
.curriculum-popup .form-body input:checked + label { font-weight: bold; }
.curriculum-popup .form-body input:checked + label:before { content: ''; position: absolute; top: 1px; left: 1px; width: 12px; height: 10px; background: url(images/check-box-mark.png) no-repeat 0 0; }
.curriculum-popup .form-actions { font-size: 0; line-height: 0; }
.curriculum-popup .form-actions .btn { width: 48%; text-align: center; }
.curriculum-popup .form-actions .btn + .btn { margin-left: 4%; }

/* ------------------------------------------------------------ *\
    Certificate
\* ------------------------------------------------------------ */
.certificate-popup { position: relative; width: 760px; background-color: #ffffff; margin: 0 auto; padding: 50px 20px; text-align: center; }
.certificate-popup__text { color: #5f3628; max-width: 570px; margin: 0 auto; }
.certificate-popup__text h2 { font-size: 32px !important; color: #5f3628; padding-bottom: 23px; }
.certificate-popup__text h2 span { font-size: 16px; }
.certificate-popup__text p { font-size: 16px !important; line-height: 20px; padding-bottom: 20px; }
.certificate-popup__fields { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; max-width: 510px; margin: 7px  auto 37px; }
.certificate-popup__field label { font-size: 15px; color: #b4a49f; display: block; text-align: left; }
.certificate-popup__field input { padding: 0 15px; font-weight: bold; width: 250px; color: #5f3628; height: 50px; font-size: 16px; }

.certificate-popup__content--hidden { display: none; }

.certificate__link-wrapper { margin-top: 23px; }
.certificate__link { color: #603626 !important; border-bottom: solid 2px #603626; }
.certificate__btn-wrapper { max-width: 400px; margin: 0 auto; padding: 28px 0; border-top: 1px solid #a4a4a4; }
.certificate__btn-wrapper .btn { font-size: 16px; padding: 17px 20px 16px; }



/* ------------------------------------------------------------ *\
    Responsive Designs
\* ------------------------------------------------------------ */

@media(max-width: 1280px){
    body .right-foot,
    body .left-foot,
    body .mid-foot { display: block; min-height: 1px; padding-bottom: 25px;  }
}

@media(max-width: 1100px){
    body #navigation,
    .shell { max-width: 1100px; padding: 0 20px; }

    body #navigation li { padding-left: 0; padding-right: 0; }

    #footer { padding: 0 20px; }

    .section-information ul { width: 50%; }

    .slider-tour .slider-paging a { margin: 0 15px; }

    body #sidebar-mod-one { width: 30%; }
    body #mod-area { width: 66%; margin-left: 0; margin-bottom: 20px; }

    body .single-mod { width: 100%; }

    body .mod-text img { max-width: 100%; height: auto; }

    body .mod-float strong{ position: relative; display: inline-block; width: 100%;  }
    body .mod-float img  { height: auto; width: 100%; }

    body span.rollover { width: 100%; height: 100%; }

    .slider-testimonials .slide .slide-content { padding: 0; }
}

@media(max-width: 1055px){
    body .mod-float { margin: 0 2.7% 2.7% 0; }

    .section-courses .section-body { text-align: center; }
    body .mod-float { display: inline-block; float: none; margin: 0 1.2% 1.2% 0; vertical-align: top; }
    body .mod-float:nth-child(4n+4),
    body .mod-float:nth-child(8n+8)  { margin-right: 1.2%; }
}

@media(max-width: 900px){
    body #sidebar-mod-one { width: 100%; float: none; }
    body #mod-area { width: 100%; float: none; }

    body #bulletsCon { width: 100%; }

    body .radioImage { top: 80px; }
    .radioPic img { max-width: 100%; height: auto; }
}

@media(max-width: 800px){
    html.styles { padding-top: 46px; margin-top: 0 !important; }
    html { position: relative; left: 0;  overflow-x: hidden;
    -webkit-transition: .5s;
         -o-transition: .5s;
            transition: .5s; }
    html.no-scroll { left: -250px;  overflow: hidden;
        -webkit-transition: .5s;
             -o-transition: .5s;
                transition: .5s; }

    html.no-scroll #inner { overflow: visible; }

    .section-courses-filter.fixed { top: 92px; }


    .nav-trigger { display: inline-block; z-index: 1000; position: relative; margin: 33px 0; float: right; }

    .active + .right-nav { right: -250px;
        -webkit-transition: .5s;
             -o-transition: .5s;
                transition: .5s; }
    .active + .right-nav:before { opacity: 1; z-index: 99; visibility: visible;
        -webkit-transition: .5s;
             -o-transition: .5s;
                transition: .5s; }
    .right-nav { position: absolute; top: 0; bottom: 0; right: -250px; background-color: #472b0c; max-width: 250px; width: 100%; z-index: 999; height: 100vh; }
    .right-nav:after { content:''; box-shadow: inset  5px 0 5px rgba(0,0,0,.5); width: 15px; top: 0; bottom: 0; position: absolute; z-index: 999; display: inline-block; }
    .right-nav:before { content:''; display: inline-block; position: absolute; top: 0; bottom: 0; right: 250px; background: rgba(0,0,0,.7); opacity: 0; z-index: -1; visibility: hidden; width: 1000px; }

    body .right-nav ul { float: none; display: block; width: 100%; }
    body .right-nav ul li { width: 100%; float: none; color: #fff; padding: 7px 10px; }
    body #navigation li { padding: 0; }
    body #navigation .right-nav a { display: block; width: 100%; padding: 10px 15px; border-bottom: 1px solid #6c553d; }
    body #navigation .login-link a:before  { background: url(images/ico-member-white.png) no-repeat 0 0; background-size: contain; }
    body.dark-background #navigation li a:hover,
    body.dark-background #navigation li a {border-radius: 0; }
    .btn-register,
    .btn-login { border-radius: 0; }

    .intro { font-size: 19px; }
    .intro h2 { font-size: 38px !important; }

    .section { font-size: 17px !important; padding: 35px 0; }
    .section h3, .section .section-title { font-size: 28px !important; padding-bottom: 30px;  }
    .section h1 { font-size: 38px !important; }
    .section h2.section-title { font-size: 34px !important; }

    .section .col { width: 100%; float: none; padding-bottom: 25px;  }
    .section .col .col-1of2 { width: 50%; float: left; padding-right: 15px; }

    .section .section-body ol,
    .section .section-body ul,
    .section .section-content ul,
    .section .section-content ol { padding-bottom: 20px; }

    .section-information .section-account { padding-bottom: 0; }

    .section .section-image { display: none; }

    .section .section-entry { width: 100%; }

    .list-experts li{ width: 100%; float: none; }

    .section-callout h3 { padding-bottom: 10px; }

    .intro .intro-video { min-height: 200px; }

    .section-information h3 { padding-bottom: 0; float: none; text-align: left; }

    .section-information .section-price { float: none; text-align: left; width: 100%; padding-bottom: 15px; }
    .section-information .section-price p { padding-bottom: 0; }

    .slider-tour .slide-media { min-height: 200px; }
    .slider-tour .slider-paging a { width: 30%; margin: 0 1.5%; float: left; -ms-word-break: break-word; word-break: break-word; height: 150px; border-radius: 10px; }
    .slider-tour .slider-paging a span { font-size: 14px;  }

    .section-secondary .list-subscritions > li { width: 100%; float: none; margin-bottom: 25px; }
    .section-secondary .list-subscritions > li:last-child { margin-bottom: 0; }

    .slider-testimonials .slide { font-size: 18px; }

    .custom-form form { margin: 25px auto; }

    .btn-register, .btn-login { margin: 0; }

    a:hover .ico-register { background: url(images/ico-register-white.png) no-repeat 0 0; }
    a:hover .ico-member { background: url(images/ico-member-white.png) no-repeat 0 0; }

    .section-contact form { width: 100%; float: none; }

    .section-contact .section-content{  width: 100%; float: none; }

    .section-contact h1 { font-size: 28px !important; }
    .section-contact h2 { font-size: 20px !important; padding-bottom: 25px; }

    body #navigation .user-loggedin { padding: 0; }

    body #navigation li .sub-menu{ position: static; visibility: visible; opacity: 1; background-color: transparent; border-radius: 0; -webkit-box-shadow: none; box-shadow: none; text-align: left; }
    body #navigation li .sub-menu li { border: none; }
    body #navigation li .sub-menu li a { text-align: left; padding: 10px 25px; }
    body.dark-background #navigation .user-loggedin a:after { display: none; }
    body #navigation li .sub-menu:after{ display: none; }
    body #navigation li img { max-width: 26px; }

    body #my-acc .pay-his h2, body #my-acc .new-emp h2 { padding-bottom: 0; }

    body #my-acc { padding: 35px 0; }
    body #sidebar-module-bus { padding-bottom: 25px; }

    body .input-area textarea, body .input-area input[type="password"], body .input-area #author, body #email, body #url, body .input-area input[type="text"], body #wrap section.section-contact form textarea, body #wrap section.section-contact form select, body #wpcf7-f24-o1 > form > p:nth-child(2) > span > input, body #wpcf7-f24-o1 > form > p:nth-child(3) > span > input, body #wrap section.section-contact form input { font-size: 16px; height: 45px; }

    body .input-area textarea { height: 100px; }

    body #simplemodal-login-container-osx { height: 100vh !important; overflow: scroll !important;  }

    body #empBlock1 { width: 100%; float: none; border: none; padding-bottom: 25px; }
    body #empInfo { border: none;     border-bottom: 1px solid #979797; }
    body #empBlock3 { width: 100%; padding-left: 0; }

    body #empAvatar { float: none; margin-bottom: 25px; }

    body #my-emp { padding: 30px 0; }

    body #my-emp h1  { width: 100%; float: none; padding-bottom: 15px;  }
    body #my-emp .employees-head .btn { float: none; }

    body .mod-float { max-width: 222px; }


    body .mod-float ul li { font-size: 15px; }

    .mobile-module-nav { display: block; }
    .mobile-module-nav ~ ul { display: none; }

    body #sidebar-mod-one { margin-bottom: 20px; }

    #edd_user_history thead { display: none; }
    #edd_user_history td { display: block; padding: 5px 0;  }
    #edd_user_history tr { padding-bottom: 16px; display: block; }

    .nav-inner { margin-bottom: 25px; }

    body .user-emp.user-action { margin-right: 0; }

    #empInfoPopup h2 { font-size: 30px; }

    .mfp-content .simplemodal-login-fields { width: 100%; }

    .term-filter { margin-bottom: 10px; }

    .section-courses .section-head h3 span { float: left; }

    .curriculum-popup .form-body ul { width: 100%; display: block; }
}

@media(max-width: 510px){
    body .mod-float { display: block; margin: 0 auto 14% !important; float: none !important; clear: both; }

    .nav-inner { border: none; }
    .nav-inner li { float: none; width: 100%;  }
    .nav-inner a { width: 100%; margin-bottom: 1px;  }
}

@media(max-width: 480px){
    .intro { min-height: 1px; }
    .intro .intro-content { position: static; padding: 50px 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
         -o-transform: translateY(0);
            transform: translateY(0); }

    body a.btn-brown-transparent,
    .removeUserButton[type="submit"],
    body .mfp-container form .submit input[type="submit"],
    body .mfp-container form .submit input.simplemodal-close,
    .btn { padding: 14px 15px 13px; font-size: 16px; }

    .slider-tour .slider-paging a { height: 120px; }

    body #wrap section.section-contact form input[type="submit"] { width: 100%; text-align: center; padding-left: 10px; padding-right: 10px; }

    body #simplemodal-login-container-osx { width: 100% !important; }
    body #simplemodal-login-container-osx input[type="submit"],
    body #simplemodal-login-container-osx input[type="button"] { width: 75%; margin-right: 0; }
    body #simplemodal-login-container-osx form .submit input.simplemodal-close { width: 18%; }

    body #imageCon { width: 100%; float: none; margin-bottom: 0; }

    body #button1, body input[type="submit"] { width: 100%; max-width: 280px; }

    body #bulletInner { font-size: 12px; top: 0; }
    body #bulletsCon { position: static; }

    body .mod-content iframe { height: 200px; }
    body span.rollover { -webkit-background-size: 50%; background-size: 50%; }
}

.grecaptcha-badge {
    bottom:95px !important;
}