@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700,900|Roboto+Slab:400,700);
* { margin: 0; border: 0; padding: 0; font-size: 100% }
body { font-family: "Lato", sans-serif; font-size: 16px; color: #666; font-weight: 300; line-height: 1.5em; letter-spacing: 0.02em }
img { max-width: 100%; height: auto }
html .row-fit { margin: 0 }
html .row-fit [class*="col-"] { padding: 0 }
html .row-fit-10 { margin: 0 -5px }
html .row-fit-10 [class*="col-"] { padding: 0 5px }
input[type="number"], input[type="search"], input[type="email"], input[type="text"], input[type="url"], input[type="password"], input[type="submit"], textarea { -webkit-appearance: none; border-radius: 0 }
a { text-decoration: none; -webkit-transition: all 0.15s; -moz-transition: all 0.15s; transition: all 0.15s }
a:hover, a:focus, a:active { text-decoration: none; outline: none; }
h1, h2, h3, h4, h5, h6 { margin: 1em 0 1.38em; font-weight: 700; line-height: 1.1em; letter-spacing: 0.16em; text-transform: uppercase }
h1 { font-size: 22px }
h2 { font-size: 20px }
h3 { font-size: 18px }
h4 { font-size: 16px }
h5 { font-size: 14px }
h6 { font-size: 12px }
p { margin: 0 0 25px }
hr { width: 90%; display: block; margin: 70px auto; max-width: 670px; position: relative; border-top: 1px solid #f2f2f2 }
hr:after { position: absolute; z-index: 2; content: ""; top: -1px; width: 120px; left: 50%; margin-left: -60px; border-top: 1px solid #43b9c7 }
hr:before { position: absolute; content: ""; z-index: 1; top: -1px; left: 50%; width: 170px; margin-left: -85px; border-top: 1px solid #fff }
blockquote { margin: 0 0 25px; padding: 10px 20px; color: #43b9c7; font-size: 18px; font-weight: 400; line-height: 1.778em }
blockquote p { margin: 0; color: #43b9c7; font-size: 18px; font-weight: 400; line-height: 1.778em }
.no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none }
.align-center { text-align: center }
[data-parallax-bg] {
    position:relative;
    overflow:hidden
}
[data-parallax-bg] .box-img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto; height: auto; will-change: transform }
[data-parallax-bg] .box-img>span { position: absolute; top: -5em; right: 0; bottom: 0; left: 0; background-position: top right; -webkit-background-size: cover; -o-background-size: cover; background-size: cover }
#page { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; position: relative; opacity: 0 }
.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 9999; background: url(../img/loader.gif) center no-repeat #fff; }
.dom-ready #page { opacity: 1 }
.content-wrapper { background: #fff }
.no-scroll { overflow: hidden }
.alignleft { float: left; text-align: left; margin-bottom: 20px; margin-right: 20px }
.alignright { float: right; text-align: right; margin-bottom: 20px; margin-left: 20px }
.aligncenter { text-align: center }
.align-left { text-align: left !important }
img.size-full, img.size-large { max-width: 100%; width: auto; height: auto }
.wp-caption { max-width: 100%; position: relative }
.wp-caption-text { position: absolute; background: rgba(0,0,0,0.5); bottom: 0; left: 0; right: 0; margin: 0; padding: 11.326px; text-align: center; text-transform: uppercase; color: #fff; font-weight: 400 }
.global-search-form { display: none; background: #f2f2f2 }
.global-search-form input { width: 100%; padding: 24px 0; font-size: 26px; font-weight: 500; line-height: 1.5em; letter-spacing: 0.02em; background: transparent; -webkit-transition: all 0.15s ease-in-out; -moz-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out }
.global-search-form input::-webkit-input-placeholder {
    color:#b3c3c5
}
.global-search-form input:-moz-placeholder {
    color:#b3c3c5
}
.global-search-form input.placeholder { color: #b3c3c5 }
.global-search-form input:focus, .global-search-form input.has-value { outline: none; color: #5ac6d3 }
.contact-form label { position: relative; margin: 0 0 10px; overflow: hidden; display: block; width: 100% }
.contact-form label .form-input { position: relative; padding: 10px; z-index: 2; color: #fff; width: 100%; font-size: 14px; font-weight: 400; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase; display: block; background: transparent; border-bottom: 3px solid #38a0ac; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.contact-form label .form-input:focus, .contact-form label .form-input.has-value { outline: none; border-color: transparent }
.contact-form label .form-input:focus+span:after, .contact-form label .form-input.has-value+span:after { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg) }
.contact-form label span { display: inline-block; padding: 8px 0 0 10px; color: #c9c9c9; font-size: 14px; font-weight: 400; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase }
.contact-form label span:after { content: ""; position: absolute; bottom: 27px; z-index: 1; pointer-events: none; left: 0; width: 100%; height: 100%; background: #43b9c7; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.contact-form label textarea { min-height: 110px }
.contact-form .btn { margin: 25px auto 0; background: transparent; display: block; max-width: 200px; width: 100% }
.contact-form .btn .button { color: #43b9c7 !important; display: block }
.comment-form .input-group { position: relative; margin: 0 0 15px }
.comment-form .input-group .form-input { display: block; width: 100%; border: 0; font-size: 0; color: #b5bbbc; padding: 0 10px 2px; font-size: 12px; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase; border-bottom: 1px solid #e3e5e6 }
.comment-form .input-group .form-input::-webkit-input-placeholder {
    color:#b5bbbc
}
.comment-form .input-group .form-input:-moz-placeholder {
    color:#b5bbbc
}
.comment-form .input-group .form-input.placeholder { color: #b5bbbc }
.comment-form .input-group .form-input:focus, .comment-form .input-group .form-input.has-value { outline: none }
.comment-form .input-group .form-input:focus+span, .comment-form .input-group .form-input.has-value+span { width: 100%; left: 0 }
.comment-form .input-group textarea { min-height: 60px }
.comment-form .input-group span { position: absolute; left: 50%; bottom: 0; width: 0; font-size: 0; border-bottom: 1px solid #43b9c7; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.comment-form .btn-wrapper button { background: transparent }
.comment-list { list-style-type: none !important; padding: 0; margin: 0 }
.comment-list .comment { list-style-type: none !important; padding: 0 0 0 100px; margin: 0 0 30px; min-height: 70px; position: relative }
.comment-list .comment .avatar { position: absolute; width: 70px; left: 0; top: 0 }
.comment-list .comment .comment-header p, .comment-list .comment .comment-header a { margin: 0 30px 0 0; font-size: 12px; line-height: 1em; font-weight: 400; letter-spacing: 0.2em; display: inline-block; text-transform: uppercase }
.comment-list .comment .comment-header p { color: #b5bbbc }
.comment-list .comment .comment-header a { color: #929494 }
.comment-list .comment .comment-header a:hover { color: #43b9c7 }
.comment-list .comment .comment-body { padding: 6px 0 0 }
.comment-list .comment .comment-body .message { margin: 0; color: #b5bbbc; font-size: 12px; font-weight: 400; line-height: 1.5em }
.btn { display: inline-block; text-align: center; line-height: 1em }
.btn .button { display: inline-block }
.btn:active, .btn:focus { text-decoration: none; outline: none }
.btn.theme-btn-1 { position: relative }
.btn.theme-btn-1:before, .btn.theme-btn-1:after { content: ""; width: 100%; position: absolute; border-top: 1px solid #43b9c7; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out }
.btn.theme-btn-1:before { left: 0; top: 0 }
.btn.theme-btn-1:after { right: 0; bottom: 0 }
.btn.theme-btn-1 .button { color: #fff; font-size: 12px; font-weight: 300; padding: 17px 23px; position: relative; letter-spacing: 0.3em; text-transform: uppercase }
.btn.theme-btn-1 .button:before, .btn.theme-btn-1 .button:after { content: ""; height: 100%; position: absolute; border-left: 1px solid #43b9c7; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.btn.theme-btn-1 .button:before { left: 0; top: 0 }
.btn.theme-btn-1 .button:after { right: 0; bottom: 0 }
.btn.theme-btn-1:hover:before, .btn.theme-btn-1:hover:after { width: 100% }
.btn.theme-btn-1:hover .button:before, .btn.theme-btn-1:hover .button:after { height: 100% }
.btn.theme-btn-1.blue .button { color: #666666 }
.btn.theme-btn-2, .btn.theme-btn-3 { background: #43b9c7; color: #fff; font-size: 12px; font-weight: 300; padding: 21px 80px; letter-spacing: 0.3em; text-transform: uppercase; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.btn.theme-btn-2:hover, .btn.theme-btn-3:hover { background: #3ab1bf }
.btn.theme-btn-3 { border-radius: 4px }
.btn-sm { padding: 10px 20px !important; min-width: 120px; }
.btn-grey { background: #444 !important; }
.section-contact .contact-info-wrapper .map-wrapper { padding:50px 0px 50px 50px; }
/* --- Dropdown --- */
.dropdown-menu { position: absolute; max-width: 200px; float:left; }
.dropdown-menu li a { font-size: 14px; padding: 10px 15px 5px !important; text-align: left; }

@media (max-width: 500px) {
    .btn.theme-btn-2, .btn.theme-btn-3 { padding: 16px 30px }
}
.btn-wrapper { display: block; text-align: center }
header { position: absolute; padding: 30px 0; width: 100%; z-index: 99; left: 0; top: 0; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
header .brand { position: relative; z-index: 10 }
header .action-bar { padding: 6px 0 0; text-align: right; display: block; position: absolute; right: 0; }
header .action-bar .social-block { list-style-type: none; display: inline-block; padding: 0 15px 0 0; font-size: 0; margin: 0 }
header .action-bar .social-block li { display: inline-block; margin-right: 15px }
header .action-bar .social-block li i { color: #fff; font-size: 13px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out }
header .action-bar .social-block li i:hover { color: #43b9c7 }
header .action-bar .social-block li:last-of-type { margin: 0 }
header .action-bar .search-box-toggle { cursor: pointer }
header .action-bar .search-box-toggle .icon { font-size: 13px; color: #fff; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
header .action-bar .search-box-toggle:hover .icon { color: #43b9c7 }
header .action-bar .menu-toggle { visibility: hidden; display: block; }
/*header .action-bar .menu-toggle { position: relative; z-index: 10; color: #fff; cursor: pointer; font-size: 14px; line-height: 1em; font-weight: 700; margin-left: 35px; text-transform: uppercase; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
header .action-bar .menu-toggle:hover { color: #43b9c7 }
header .action-bar .menu-toggle:hover .hamburger .menui { background: #43b9c7 }
header .action-bar .menu-toggle.menu-opened:hover { color: #fff }
header .action-bar .menu-toggle .hamburger { position: relative; display: inline-block; margin: 0 0 0 20px; top: 3px; width: 21px; height: 16px }
header .action-bar .menu-toggle .hamburger .top-animate { background: #fff !important; top: 6px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
header .action-bar .menu-toggle .hamburger .mid-animate { opacity: 0 }
header .action-bar .menu-toggle .hamburger .bottom-animate { background: #fff !important; top: 6px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg) }
header .action-bar .menu-toggle .hamburger .top-menu { top: 0px; width: 21px; height: 2px; border-radius: 10px; background-color: #F9A530 }
header .action-bar .menu-toggle .hamburger .mid-menu { top: 6px; width: 21px; height: 2px; border-radius: 10px; background-color: #F9A530 }
header .action-bar .menu-toggle .hamburger .bottom-menu { top: 12px; width: 21px; height: 2px; border-radius: 10px; background-color: #F9A530 }
header .action-bar .menu-toggle .hamburger .menui { pointer-events: none; background: #fff; transition: all 0.45s ease, color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01); position: absolute; left: 0 }*/
header .action-bar .shopping-cart { display: inline-block; position: relative; margin-left: 20px; vertical-align: top }
/*header .action-bar .shopping-cart.open .shopping-cart-toggle { background: #ddbd42 }*/
header .action-bar .shopping-cart.open .shopping-cart-toggle .cart-items-total { background: #fff }
header .action-bar .shopping-cart.open .cart { visibility: visible; opacity: 1; top: 100% }
header .action-bar .shopping-cart .shopping-cart-toggle { position: relative; color: #fff; width: 42px; height: 49px; font-size: 25px; cursor: pointer; line-height: 49px; margin-top: -10px; text-align: center; vertical-align: middle; display: inline-block; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); margin-top: 0; font-family: fontawesome; content: '\f046'; }
header.fixed .action-bar .shopping-cart .shopping-cart-toggle { height: 49px; margin-top: -2px; }
header .action-bar .shopping-cart .shopping-cart-toggle .cart-items-total { -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); display: inline-block; position: absolute; line-height: 1em; padding: 3px; min-width: 14px; text-align: center; letter-spacing: -0.08em; border-radius: 50%; font-weight: 400; font-size: 8px; color: #fff; bottom: 11px; right: 3px }
/*header .action-bar .shopping-cart .shopping-cart-toggle:hover { background: #ddbd42 }*/
header .action-bar .shopping-cart .shopping-cart-toggle:hover .cart-items-total { /*color: #43b9c7;*/ background: #fff }
header .action-bar .shopping-cart .cart { -webkit-transition: all 0.18s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.18s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.18s cubic-bezier(0.55, 0.085, 0.68, 0.53); border: 1px solid #ededed; position: absolute; visibility: hidden; opacity: 0; background: #fff; text-align: left; width: 300px; padding: 20px; top: 75%; right: 0 }
header .action-bar .shopping-cart .cart ul { list-style-type: none; padding: 0; margin: 0 }
header .action-bar .shopping-cart .cart ul .cart-course { display: block; position: relative; min-height: 80px; margin-bottom: 10px; padding: 0 20px 10px 0; border-bottom: 1px solid #ededed }
header .action-bar .shopping-cart .cart ul .cart-course .remove-from-cart { display: inline-block; position: absolute; right: 0; top: 0 }
header .action-bar .shopping-cart .cart ul .cart-course .remove-from-cart i { -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); border: 1px solid #848484; vertical-align: middle; display: inline-block; line-height: 13px; letter-spacing: 0em; text-align: center; font-size: 8px; color: #848484; height: 15px; width: 15px }
/*header .action-bar .shopping-cart .cart ul .cart-course .remove-from-cart i:hover { color: #43b9c7; border-color: #43b9c7 }*/
header .action-bar .shopping-cart .cart ul .cart-course .cover { float: left; margin-right: 20px; width: 85px }
header .action-bar .shopping-cart .cart ul .cart-course .title { margin: 0; color: #61696b; font-size: 10px; font-weight: 700; line-height: 1.5em; padding: 8px 0 0; letter-spacing: 0.04em; text-transform: uppercase }
header .action-bar .shopping-cart .cart ul .cart-course .title a { color: inherit }
/*header .action-bar .shopping-cart .cart ul .cart-course .title a:hover { color: #43b9c7 }*/
header .action-bar .shopping-cart .cart ul .cart-course .price { color: #61696b; font-size: 14px; line-height: 1em; font-weight: 700; letter-spacing: 0.04em }
header .action-bar .shopping-cart .cart .cart-action a { max-width: 210px; font-size: 12px; line-height: 1em; padding: 13px 10px; text-align: center; letter-spacing: 0.3em; border: 1px solid; font-weight: 400; color: #fff; display: block; margin: 0 auto; text-transform: uppercase; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
header .action-bar .shopping-cart .cart .cart-action a:hover { background: transparent; }
header .action-bar .my-account { position: relative; display: inline-block; margin-left: 15px; top: 2px }
header .action-bar .my-account:hover .icon { color: #43b9c7 }
header .action-bar .my-account:hover .popup { opacity: 1; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px) }
header .action-bar .my-account .icon { display: inline-block; font-size: 20px; color: #fff; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
header .action-bar .my-account .popup { display: inline-block; pointer-events: none; position: absolute; margin-left: -64px; top: 100%; left: 50%; opacity: 0; padding: 5px 20px; min-width: 130px; text-align: center; color: #919899; font-size: 14px; vertical-align: middle; line-height: 1.1em; background: #fff; font-weight: 400; border-radius: 15px; letter-spacing: 0.1em; border: 1px solid #ededed; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
header .action-bar .my-account .popup:after { content: ""; position: absolute; top: -7px; left: 50%; margin-left: -7.5px; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 7px 7.5px; border-color: transparent transparent #fff transparent }
header nav { /*padding: 120px 0 30px; background: #3caebc; position: absolute; display: none;*/ width: 100%; z-index: 9; /*left: 0; top: 0*/ }
header nav ul { list-style-type: none; font-size: 0; padding: 0; margin: 0 }
header nav ul li { text-align: center; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease }
header nav ul li.btn-login { margin-left: 15px; margin-top: -15px; position: relative; }
header nav ul li.btn-login .btn.theme-btn-2 { padding: 15px 40px; }
header nav ul li.btn-login ul { /*display: table-caption; float: initial;*/ width: 100%; background-color: #666;/*clear:both;*/ top: 48px; position: absolute; padding: 0; display: none; }
/*header nav ul li:hover { background: #43b9c7 }*/
/*header nav ul li:hover a { color: #ddbd42 }*/
header nav ul li:hover ul { opacity: 1; /*top: 0;*/ /*clear:both;*/ display: block; }
/*header nav ul li.current-menu-item a { color: #ddbd42;}*/
header nav ul li > ul { position: relative; padding-bottom: 8px; /*opacity: 0;*/ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; display: none; }
header nav ul li > ul li { display: inline-block; margin-right: 0; width: 100%; }
header nav ul li > ul li:last-of-type { margin: 0 }
header nav ul li > ul li a { padding: 0; font-size: 12px; letter-spacing: 0.1em; text-transform: none; padding: 10px 0; }
header nav ul li > ul li a:hover { /*color: #ddbd42;*/ color: #fff; }
header nav ul li a { display: block; color: #fff; padding: 0 15px; font-size: 14px; font-weight: 300; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase; outline: none; }
header.not-visible { opacity: 0; padding: 12px 0 }
@media (max-width: 768px) {
    header .action-bar .my-account .popup { display: none }
    header .action-bar .menu-toggle { position: relative; z-index: 10; color: #fff; cursor: pointer; font-size: 14px; line-height: 1em; font-weight: 700; margin-left: 35px; text-transform: uppercase; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); visibility: visible; }
    /*header .action-bar .menu-toggle:hover { color: #43b9c7 }
        header .action-bar .menu-toggle:hover .hamburger .menui { background: #43b9c7 }*/
    header .action-bar .menu-toggle.menu-opened:hover { color: #fff }
    header .action-bar .menu-toggle .hamburger { position: relative; display: inline-block; margin: 0 0 0 20px; top: 3px; width: 21px; height: 16px }
    header .action-bar .menu-toggle .hamburger .top-animate { background: #fff !important; top: 6px !important; -webkit-transform: rotate(45deg); transform: rotate(45deg) }
    header .action-bar .menu-toggle .hamburger .mid-animate { opacity: 0 }
    header .action-bar .menu-toggle .hamburger .bottom-animate { background: #fff !important; top: 6px !important; -webkit-transform: rotate(-225deg); transform: rotate(-225deg) }
    header .action-bar .menu-toggle .hamburger .top-menu { top: 0px; width: 21px; height: 2px; border-radius: 10px; background-color: #F9A530 }
    header .action-bar .menu-toggle .hamburger .mid-menu { top: 6px; width: 21px; height: 2px; border-radius: 10px; background-color: #F9A530 }
    header .action-bar .menu-toggle .hamburger .bottom-menu { top: 12px; width: 21px; height: 2px; border-radius: 10px; background-color: #F9A530 }
    header .action-bar .menu-toggle .hamburger .menui { pointer-events: none; background: #fff; transition: all 0.45s ease, color 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition-timing-function: cubic-bezier(0.75, 0, 0.29, 1.01); position: absolute; left: 0 }
    header .action-bar .my-account .popup:after { content: ""; position: absolute; top: -7px; left: 50%; margin-left: -7.5px; width: 0; height: 0; border-style: solid; border-width: 0 7.5px 7px 7.5px; border-color: transparent transparent #fff transparent }
    header nav { padding: 120px 0 30px; background: #666; position: absolute; display: none; width: 100%; z-index: 9; left: 0; top: 0 }
    header nav ul { list-style-type: none; font-size: 0; padding: 0; margin: 0 }
    header nav ul li { text-align: center; display: block; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease }
    /*header nav ul li:hover { background: #ddbd42; }*/
    header nav ul li:hover a { color: #fff }
    header nav ul li:hover>ul { opacity: 1; top: 0 }
    header nav ul li.current-menu-item>a { color: #276d75 }
    header nav ul li>ul { position: relative; /*margin-top: -18px; top: -10px;*/ padding-bottom: 8px; opacity: 0; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease }
    header nav ul li>ul li { display: inline-block; /*margin-right: 25px */ }
    header nav ul li>ul li:last-of-type { margin: 0 }
    header nav ul li>ul li a { padding: 0; font-size: 12px; letter-spacing: 0.1em; text-transform: none }
    header nav ul li>ul li a:hover { color: #fff; }
    header nav ul li a { display: block; color: #fff; padding: 18px 0; font-size: 14px; font-weight: 300; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase }
    header nav ul li a:hover, header nav ul li a:focus { color: #fff; }
    header.not-visible { opacity: 0; padding: 12px 0 }
    header .action-bar { display: block; }
    header nav ul li.btn-login { margin-top: 5px; }
    header nav ul li.btn-login:hover { background: none; }
}
header.fixed { opacity: 1 !important; position: fixed; background: rgba(21,33,34,0.9) }
.error-page .action-bar .social-block li a i:hover { color: #ddd }
.error-page .action-bar .search-box-toggle .icon:hover { color: #ddd }
.error-page .action-bar .menu-toggle:hover { color: #ddd }
.error-page .action-bar .menu-toggle:hover .hamburger .menui { background: #ddd }
.error-page .action-bar .shopping-cart .shopping-cart-toggle:hover { background: #ddd }
.error-page .action-bar .my-account .icon:hover { color: #ddd }
@media (min-width: 768px) {
    footer { z-index: -1; width: 100%; bottom: 0; left: 0; }
    :
}
footer .footer-wrapper { position: relative }
footer .footer-wrapper .footer-brand { position: absolute; max-width: 100%; bottom: 0; left: 0 }
@media (max-width: 992px) {
    footer .footer-wrapper .footer-brand { display: none }
}
footer .social-block { list-style-type: none; text-align: center; padding: 35px 0 31px; margin: 0; font-size: 0 }
footer .social-block li { display: inline-block; margin-right: 60px }
footer .social-block li:last-of-type { margin: 0 }
footer .social-block li i { color: #9eaeaf; font-size: 20px; -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) }
footer .social-block li i:hover { color: #43b9c7 }
footer .main-area { padding: 45px 0 50px 300px; border-top: 1px solid #e0e0e0; border-bottom: 1px solid #e0e0e0 }
footer .main-area .menu { margin-bottom: 35px }
footer .main-area .menu ul { list-style-type: none; font-size: 0; padding: 0; margin: 0 }
footer .main-area .menu ul li { display: inline-block; margin-right: 30px }
footer .main-area .menu ul li:last-of-type { margin: 0 }
footer .main-area .menu ul li a { color: #838383; font-size: 12px; font-weight: 300; line-height: 1.5em; letter-spacing: 0.3em; text-transform: uppercase; border-bottom: 1px dashed transparent; -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955) }
footer .main-area .menu ul li a:hover { border-color: #ccc }
footer .main-area .footer-widget p { margin: 0; color: #9d9da0; font-size: 12px; line-height: 2em; letter-spacing: 0.3em; text-transform: uppercase }
footer .main-area .footer-widget p span { color: #43b9c7; font-weight: 700 }
footer .main-area .footer-widget p a { color: inherit }
footer .main-area .footer-widget p a:hover { color: #43b9c7 }
footer .main-area .widget_tagcloud .tagcloud { font-size: 0 }
footer .main-area .widget_tagcloud .tagcloud a { color: #fff; padding: 8px 15px; background: #43b9c7; font-size: 10px; line-height: 1em; font-weight: 400; border-radius: 4px; letter-spacing: 0.14em; margin: 0 10px 10px 0; display: inline-block; text-transform: uppercase; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
footer .main-area .widget_tagcloud .tagcloud a:hover { background: #9eaeaf }
footer .copyrights { padding: 20px 0 25px; }
footer .copyrights p { margin: 0; text-align: left; font-size: 12px; line-height: 2.5em; letter-spacing: 0.2em; text-transform: uppercase; color: #fff; display: inline-block; margin-top: 8px; }
footer .copyrights img { float: right; }
footer .copyrights p a { color: inherit }
footer .copyrights p a:hover { color: #fff }
@media (max-width: 992px) {
    footer .main-area { padding: 30px 0 10px }
    footer .main-area .menu { margin: 0 0 15px }
    footer .main-area .menu ul li { margin: 0; width: 50% }
    footer .main-area .footer-widget { margin-bottom: 20px }
    footer .social-block li { margin-right: 30px }
}
.section-header { padding: 0; display: block; position: relative; text-align: center; margin: 100px 0 75px }
.section-header h1 { margin: 0; z-index: 2; padding: 0 55px 0 52px; display: inline-block; position: relative; color: #666666; background: #fff; font-size: 22px; line-height: 1em; font-weight: 400; letter-spacing: 0.48em; text-transform: uppercase }
.section-header:after { display: block; position: absolute; content: ""; top: 50%; left: 0; height: 2px; width: 100%; margin-top: -1px; border-top: 1px solid #999 }
@media (max-width: 992px) {
    .section-header { margin: 75px 0 45px }
}
@media (max-width: 768px) {
    .section-header { margin: 60px 0 35px }
    .section-header h1 { padding-left: 32px; padding-right: 30px; letter-spacing: 0.2em }
	header nav ul { width: 100%; }
	header nav ul li { float: none; }
	.dropdown-menu {
		position: inherit;
		float: none;
		max-width:100%;	
	}
	ul.dropdown-menu { 
		margin-top: -4px;
	}
	.dropdown-menu li a {
		background-color: transparent !important;
		text-align: center;
	}
}
.section-hero { text-align: center }
.section-hero .slide-content { padding: 180px 0 170px }
/*.section-hero .slide-content { padding: 150px 0 160px }*/
.section-hero .heading { color: #fff; font-size: 34px; /*margin: 0 0 40px;*/ line-height: 1.5em; font-family: "Roboto Slab", serif; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-align: left; margin: 0 0 40px; }
.section-hero1 .heading { text-align: center; }
.section-hero .btn.theme-btn-2 { padding: 15px 30px; }
.section-hero .fa { font-size: 20px; vertical-align: middle; }
.section-hero .heading .popup-holder { position: relative; color: #5ac6d3; text-decoration: underline }
.section-hero .heading .popup-holder:hover .popup { visibility: visible; opacity: 1; top: 100% }
.section-hero .heading .popup-holder .popup { pointer-events: none; visibility: hidden; opacity: 0; position: absolute; border-radius: 4px; font-family: "Lato", sans-serif; margin: 20px 0 0; letter-spacing: 0.1em; text-transform: none; line-height: 1.6em; font-weight: 500; background: #fff; text-align: left; font-size: 11px; color: #919191; padding: 20px; width: 270px; top: 80%; left: -50%; z-index: 2; -webkit-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.35s cubic-bezier(0.86, 0, 0.07, 1) }
.section-hero .heading .popup-holder .popup:before { position: absolute; top: -9px; left: 50%; margin-left: -9px; content: ""; width: 0; height: 0; border-style: solid; border-width: 0 9px 9px 9px; border-color: transparent transparent #fff transparent }
.section-hero .heading .popup-holder .popup .title { display: block; font-size: 12px; text-transform: uppercase }
.section-hero .hero-slider { position: relative }
.section-hero .hero-slider:hover .custom-nav li i { top: 0; opacity: 1 }
.section-hero .hero-slider .custom-nav { list-style-type: none; padding: 0 }
.section-hero .hero-slider .custom-nav li { position: absolute; display: inline-block; z-index: 99; top: 58%; }
.section-hero .hero-slider .custom-nav li i { -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); display: inline-block; position: relative; cursor: pointer; font-size: 25px; font-weight: 100; color: #fff; opacity: 0; top: -15px }
.section-hero .hero-slider .custom-nav li i:hover { color: #38a0ac }
.section-hero .hero-slider .custom-nav li.prev { left: 13% }
.section-hero .hero-slider .custom-nav li.next { left: auto; right: 13% }
.section-hero .hero-slider .bx-wrapper { position: relative; z-index: 1 }
/*.section-hero .hero-slider .slides .slide { background-position: top center; background-size: cover !important }*/
.section-hero .hero-slider .slides .slide { background-position: top center; background-size: cover !important; /*width:100% !important; height:450px;*/ }
/*.section-hero .hero-slider .slides .slide:first-of-type { background: url(../img/banner-img1.jpg) }
.section-hero .hero-slider .slides .slide:nth-of-type(2) { background: url(../img/banner-img2.jpg) }
.section-hero .hero-slider .slides .slide:nth-of-type(3) { background: url(../img/banner-img3.jpg) }
.section-hero .hero-slider .slides .slide:nth-of-type(4) { background: url(../img/banner-img4.jpg) }
.section-hero .hero-slider .slides .slide:nth-of-type(6) { background: url(../img/banner-img5.jpg) }*/
.section-hero .hero-slider .slider-component { position: relative; top: -75px; opacity: 0; -webkit-transition: top 0.3s ease, opacity 0.3s ease-in-out; -moz-transition: top 0.3s ease, opacity 0.3s ease-in-out; transition: top 0.3s ease, opacity 0.3s ease-in-out }
.section-hero .hero-slider .slider-component.second-row { -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; transition-delay: 0.25s }
.section-hero .hero-slider .slider-component.ready { top: 0; opacity: 1; /*width:100%; text-align:center;*/ }
.section-hero .hero-content { padding: 160px 0 40px; background-position: top center !important; background-size: cover !important }
.section-hero .hero-content.courses-list { background: url(../img/courses-list-bg.jpg) }
.section-hero .hero-content.instructors { background: url(../img/instructors-list-cover.html) }
.section-hero .hero-content.pricing { background: url(../img/pricing-cover.html) }
.section-hero .hero-content.contact { background: url(../img/contact-cover.html) }
.section-hero .hero-content.blog { background: url(../img/blog-cover.html) }
.section-hero .hero-content.my-account { background: url(../img/account-cover.jpg) }
.section-hero .hero-content.error-404 { min-height: 400px; position: relative; /*background: #43b9c7;*/ overflow: hidden; background: rgba(0, 0, 0, 0) url("../img/courses-list-bg.jpg") repeat scroll 0 0; }
.section-hero .hero-content.error-404:after { position: absolute; content: "404"; color: #fff; bottom: 0; left: 50%; letter-spacing: 0.08em; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); font-weight: 900; font-size: 280px; line-height: 0.77em }
.section-hero .hero-content.cart-page { background: url(../img/cart-page-cover.html) }
.section-hero .hero-content .heading { margin: 0 }
@media (max-width: 992px) {
    .section-hero .hero-slider .custom-nav li { top: 90% }
    .section-hero .hero-slider .custom-nav li.prev { left: 50%; margin-left: -120px }
    .section-hero .hero-slider .custom-nav li.next { right: 50%; margin-right: -120px }
}
@media (max-width: 768px) {
    .section-hero .slide-content { padding: 160px 0 150px }
    .section-hero .heading { font-size: 28px }
    .section-hero .hero-content { padding: 150px 0 40px }
    .section-hero .hero-content.error-404 { min-height: 340px }
    .section-hero .hero-content.error-404:after { font-size: 160px }
}
@media (max-width: 600px) {
    .section-hero .hero-slider .custom-nav li { top: 88% }
    .section-hero .hero-slider .custom-nav li i { font-size: 15px; }
}
.section-courses-preview { position: relative }
.section-courses-preview .btn-wrapper { position: absolute; display: block; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); right: 0; bottom: 0; left: 0 }
.section-courses { padding: 50px 0 60px }
.section-courses.no-padding { padding: 0 }
.section-courses ul.page-numbers { padding: 30px 0 0 }
.projects-title h2 { margin: 0 0 10px 0; }
.section-courses .projects { position: relative }
/*.section-courses .projects .main-loader { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; text-align: center; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.section-courses .projects .main-loader.visible { visibility: visible; opacity: 1 }
.section-courses .projects .main-loader .loader-front { top: 210px }*/
.section-courses .projects .main-loader { position: fixed; z-index: 99999; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; visibility: hidden; text-align: center; -webkit-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.5s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.section-courses .projects .main-loader.visible { visibility: visible; opacity: 1 }
.section-courses .projects .main-loader .loader-front { top: 49%; }
.section-courses .filters-box .box-heading { margin-bottom: 60px }
.section-courses .filters-box .box-heading .courses-filters { display: inline-block; list-style-type: none; font-size: 0; padding: 0; margin: 0 }
.section-courses .filters-box .box-heading .courses-filters li { display: inline-block; margin-right: 20px }
.section-courses .filters-box .box-heading .courses-filters li:last-of-type { margin: 0 }
.section-courses .filters-box .box-heading .courses-filters li a { position: relative; display: inline-block }
.section-courses .filters-box .box-heading .courses-filters li a:before, .section-courses .filters-box .box-heading .courses-filters li a:after { position: absolute; background: #43b9c7; content: ""; height: 85%; width: 1px; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) }
.section-courses .filters-box .box-heading .courses-filters li a:before { top: 0; left: 0 }
.section-courses .filters-box .box-heading .courses-filters li a:after { bottom: 0; right: 0 }
.section-courses .filters-box .box-heading .courses-filters li a span { vertical-align: middle; display: inline-block; padding: 10px 25px; color: #43b9c7; font-size: 12px; line-height: 1em; font-weight: 400; letter-spacing: 0.2em; text-transform: uppercase }
.section-courses .filters-box .box-heading .courses-filters li a span:before, .section-courses .filters-box .box-heading .courses-filters li a span:after { position: absolute; background: #43b9c7; content: ""; width: 85%; height: 1px; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) }
.section-courses .filters-box .box-heading .courses-filters li a span:before { top: 0; left: 0 }
.section-courses .filters-box .box-heading .courses-filters li a span:after { bottom: 0; right: 0 }
.section-courses .filters-box .box-heading .courses-filters li a:not(.current):before, .section-courses .filters-box .box-heading .courses-filters li a:not(.current):after { opacity: 0 }
.section-courses .filters-box .box-heading .courses-filters li a:not(.current) span:before, .section-courses .filters-box .box-heading .courses-filters li a:not(.current) span:after { opacity: 0 }
.section-courses .filters-box .box-heading .courses-filters li a:hover:before, .section-courses .filters-box .box-heading .courses-filters li a:hover:after { height: 100%; opacity: 1 }
.section-courses .filters-box .box-heading .courses-filters li a:hover span:before, .section-courses .filters-box .box-heading .courses-filters li a:hover span:after { width: 100%; opacity: 1 }
.section-courses .filters-box .box-heading .advanced-filters-toggle { display: inline-block; float: right; position: relative; top: 15px; right: 20px; }
.section-courses .filters-box .box-heading .advanced-filters-toggle a { display: inline-block }
.section-courses .filters-box .box-heading .advanced-filters-toggle a p { margin: 0; color: #43b9c7; font-size: 14px; font-weight: 400; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; transition: all 0.2s; letter-spacing: 0.06em; line-height: 1em; border-bottom: 1px solid transparent }
.section-courses .filters-box .box-heading .advanced-filters-toggle:hover a p { border-color: #43b9c7 }
.section-courses .filters-box .box-heading .advanced-filters-toggle .icon { position: relative; cursor: pointer; display: inline-block; vertical-align: top; font-size: 0; width: 24px; margin-left: 20px }
.section-courses .filters-box .box-heading .advanced-filters-toggle .icon .bar { position: relative; border-bottom: 2px solid #43b9c7; display: block; width: 100%; top: 3px; margin: 0 0 6px }
.section-courses .filters-box .box-heading .advanced-filters-toggle .icon .bar:after { content: ""; top: -2px; left: 0; width: 6px; height: 6px; border: 1px solid #43b9c7; background: #fff; border-radius: 50%; position: absolute; display: inline-block; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.section-courses .filters-box .box-heading .advanced-filters-toggle .icon .bar:last-of-type { margin: 0 }
.section-courses .filters-box .box-heading .advanced-filters-toggle .icon .bar:first-of-type:after { left: 6px }
.section-courses .filters-box .box-heading .advanced-filters-toggle .icon .bar:nth-of-type(2):after { left: 13px }
.section-courses .filters-box .box-heading .advanced-filters-toggle .icon .bar:nth-of-type(3):after { left: 6px }
.section-courses .filters-box .box-heading .advanced-filters-toggle.active .icon .bar:first-of-type:after { left: 13px }
.section-courses .filters-box .box-heading .advanced-filters-toggle.active .icon .bar:nth-of-type(2):after { left: 6px }
.section-courses .filters-box .box-heading .advanced-filters-toggle.active .icon .bar:nth-of-type(3):after { left: 13px }
.section-courses .filters-box .advanced-filters-box { background: #f8f8f8; padding: 35px 0 15px; margin: 0 0 60px; display: none }
.section-courses .filters-box .advanced-filters-box h2 { margin: 0 0 25px; color: #848484; font-size: 20px; font-weight: 700; line-height: 0.8em; font-family: "Roboto Slab", serif; letter-spacing: 0.16em; text-transform: uppercase }
.section-courses .filters-box .advanced-filters-box .filter-input-box { display: block; width: 100%; /*max-width: 250px;*/ margin: 0 0 30px }
.section-courses .filters-box .advanced-filters-box .filter-input-box .caption { margin: 0 0 10px; color: #a7a7a7; font-size: 12px; line-height: 1em; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box { position: relative }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box.selext-box:after { position: absolute; pointer-events: none; top: 14px; right: 11px; content: ""; width: 0; height: 0; border-style: solid; border-width: 5px 4px 0 4px; border-color: #848484 transparent transparent transparent; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box.selext-box input { cursor: pointer }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box.selext-box.open:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg) }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box.selext-box.open .dropdown { visibility: visible; opacity: 1; top: 100% }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box input { display: block; width: 100%; padding: 3px 15px; background: #fff; border: 1px solid #e7e7e7; font-size: 12px; color: #444; font-weight: 400; letter-spacing: 0.04em }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box input::-webkit-input-placeholder {
    color:#666
}
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box input:-moz-placeholder {
    color:#666
}
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box input.placeholder { color: #a7a7a7 }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box input:focus, .section-courses .filters-box .advanced-filters-box .filter-input-box .input-box input.has-value { outline: none }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown { position: absolute; -webkit-transform: translateY(16px); -moz-transform: translateY(16px); -ms-transform: translateY(16px); -o-transform: translateY(16px); transform: translateY(16px); display: inline-block; background: #2f3a3b; padding: 13px 10px; visibility: hidden; opacity: 0; width: 100%; z-index: 2; top: 60%; left: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown:before { position: absolute; content: ""; top: -7px; left: 50%; margin-left: -6px; width: 0; height: 0; border-style: solid; border-width: 0 6px 7px 6px; border-color: transparent transparent #2f3a3b transparent }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown ul { list-style-type: none; font-size: 0; padding: 0; margin: 0 }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown ul li { cursor: pointer; color: #fff; display: block; font-size: 12px; line-height: 1em; font-weight: 400; padding: 13px 20px; letter-spacing: 0.16em; text-transform: uppercase; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown ul li:hover { background: #3b4c4e }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown ul li span { color: #c8cecf }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header { position: relative }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-prev, .section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-next { position: absolute; font-size: 0; top: 2px }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-prev:after, .section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-next:after { cursor: pointer; display: inline-block; color: #9399a1; font-size: 20px; font-family: FontAwesome }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-prev { left: 8px }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-prev:after { content: "\f104" }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-next { right: 8px }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-next:after { content: "\f105" }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-title { padding: 8px; color: #4f5256; font-size: 12px; line-height: 1em; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; background: #e1e6ea; text-align: center }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-calendar { table-layout: fixed; text-align: center; background: #fff; width: 100%; border-top: 1px solid #e7e9eb; border-right: 1px solid #e7e9eb }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-calendar thead { /*display: none*/ font-size: 13px; }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-calendar tr { border-bottom: 1px solid #e7e9eb }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-calendar tr td { border-right: 1px solid #e7e9eb; position: relative; height: 30px }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-calendar tr td a { position: absolute; display: inline-block; top: 0; left: 0; bottom: 0; right: 0; vertical-align: middle; font-size: 12px; line-height: 25px; font-weight: 700; text-transform: uppercase; color: #4f5256; text-align: center; border: 1px solid transparent }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-calendar tr td a:hover { background: #eef1f6; border-color: #000; color: #000 }
.section-courses .filters-box .filters-action { display: block;/* padding: 25px 0 0;*/ width: 100%; text-align: center; /*max-width: 200px */ }
.section-courses .filters-box .filters-action .btn { margin: 0 0 20px; display: block; width: 100% }
.section-courses .filters-box .filters-action .btn .button { width: 100% }
.section-courses .filters-box .filters-action .reset { color: #43b9c7; font-size: 14px; line-height: 1em; font-weight: 400; border-bottom: 1px solid transparent }
.section-courses .filters-box .filters-action .reset:hover { border-color: #43b9c7 }
@media (max-width: 992px) {
    .section-courses .filters-box .box-heading .advanced-filters-toggle { padding: 20px 0 0; display: block; float: none; top: 0 }
}
@media (max-width: 600px) {
    .section-courses .filters-box .col-xs-6 { width: 100% }
    /*.section-courses .filters-box .col-xs-6 .filter-input-box { max-width: 90% }*/
}
.section-testimonial { background: #f2f2f2; padding: 0 0 35px }
.section-testimonial .section-header h1 { background: #f2f2f2 }
.section-testimonial .testimonial { padding: 0 80px; padding: 0 0px; }
.section-testimonial .testimonial .testimonial-wrapper { position: relative; padding-left: 90px; padding-right: 90px }
.section-testimonial .testimonial .testimonial-wrapper:before { position: absolute; font-family: fontawesome; display: inline-block; content: "\f10d"; font-size: 64px; line-height: 1em; color: #cbdadc; left: 0; top: 0 }
.section-testimonial .testimonial .testimonial-wrapper img { margin-bottom:15px; }
.section-testimonial .testimonial .message { color: #6b8689; font-size: 16px; margin: 0 0 26px; line-height: 1.5em }
.section-testimonial .testimonial .author, .section-testimonial .author { margin: 0; color: #43b9c7; font-size: 13px; font-weight: 700; line-height: 1.3em; letter-spacing: 0.06em; text-transform: uppercase }
.section-testimonial .testimonial .author .title, .section-testimonial .author span { margin: 0 0 0 5px; color: #6b8689; font-weight: 400; text-transform: none }
.section-testimonial .bx-wrapper .bx-pager { padding: 40px 0 0; text-align: center }
.section-testimonial .bx-wrapper .bx-pager .bx-pager-item { display: inline-block; margin-right: 10px }
.section-testimonial .bx-wrapper .bx-pager .bx-pager-item:last-of-type { margin: 0 }
.section-testimonial .bx-wrapper .bx-pager .bx-pager-item a { -webkit-transition: all 0.24s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.24s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.24s cubic-bezier(0.55, 0.085, 0.68, 0.53); font-size: 0; width: 10px; height: 10px; border-radius: 50%; background: transparent; border: 1px solid #43b9c7; display: inline-block }
.section-testimonial .bx-wrapper .bx-pager .bx-pager-item a.active { background: #43b9c7 }
@media (max-width: 992px) {
    .section-testimonial .testimonial { padding: 0 45px }
    .section-testimonial .testimonial .testimonial-wrapper { padding-left: 100px; padding-right: 35px }
}
@media (max-width: 768px) {
    .section-testimonial .section-header { margin-top: 85px }
    .section-testimonial .testimonial { padding: 0 10px }
    .section-testimonial .testimonial .testimonial-wrapper { padding-left: 60px; padding-right: 10px }
    .section-testimonial .testimonial .testimonial-wrapper .message { margin: 0 0 15px }
    .section-testimonial .testimonial .testimonial-wrapper:before { font-size: 36px }
    .section-testimonial .bx-wrapper .bx-pager { padding: 25px 0 0 }
}
.section-members { padding: 60px 0 135px }
.section-members .filters { text-align: center }
.section-members .filters ul { list-style-type: none; font-size: 0; padding: 0; margin: 0 }
.section-members .filters ul:before { margin: 0 40px 0 0; display: inline-block; content: "Filter by:"; font-size: 12px; font-weight: 400; line-height: 1em; color: #b7b7b7; text-transform: uppercase }
.section-members .filters ul li { display: inline-block; margin-right: 2px }
.section-members .filters ul li:last-of-type { margin: 0 }
.section-members .filters ul li a { padding: 2px; text-align: center; min-width: 18px; color: #b7b7b7; font-size: 12px; line-height: 1em; font-weight: 400; display: inline-block; text-transform: uppercase; border: 1px solid transparent }
.section-members .filters ul li a:hover { color: #43b9c7 }
.section-members .filters ul li a.current { color: #43b9c7; border-color: #43b9c7 }
.section-members .single-member-box .member-social-box .profile .avatar, .section-members .single-member-box .member-social-box .profile .social-block { display: inline-block; vertical-align: top }
.section-members .single-member-box .member-social-box .profile .avatar { max-width: 270px }
.section-members .single-member-box .member-social-box .profile .social-block { list-style-type: none; background: #f2f2f2; float: right; font-size: 0; padding: 15px; margin: 0 }
.section-members .single-member-box .member-social-box .profile .social-block li { display: block; margin-bottom: 20px }
.section-members .single-member-box .member-social-box .profile .social-block li:last-of-type { margin: 0 }
.section-members .single-member-box .member-social-box .profile .social-block li a i { display: inline-block; font-size: 17px; height: 40px; width: 40px; border: 2px solid #43b9c7; color: #fff; background: #43b9c7; text-align: center; vertical-align: middle; line-height: 36px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.section-members .single-member-box .member-social-box .profile .social-block li a i:hover { background: transparent; color: #43b9c7 }
.section-members .single-member-box .member-social-box .profile .short-info { display: block; padding: 25px 10px }
.section-members .single-member-box .member-social-box .profile .short-info .name { margin: 0; color: #797979; font-size: 16px; font-weight: 700; line-height: 1.5em; letter-spacing: 0.1em; text-transform: uppercase }
.section-members .single-member-box .member-social-box .profile .short-info .name:after { content: ""; margin: 5px 0 7px; width: 45px; display: block; border-bottom: 1px solid #43b9c7 }
.section-members .single-member-box .member-social-box .profile .short-info .covered-areas { margin: 0; color: #b7b7b7; font-size: 12px; line-height: 1em; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase }
@media (min-width: 1200px) {
    .section-members .single-member-box .member-social-box .profile-info { padding-left: 15px }
    .section-members .single-member-box .member-social-box .profile-info ul { padding: 35px 0 0 }
}
.section-members .single-member-box .member-social-box .profile-info ul { list-style-type: none; padding: 25px 0 0; margin: 0 }
.section-members .single-member-box .member-social-box .profile-info ul li { position: relative; padding-left: 65px; margin: 0 0 25px; color: #a8afb0; font-size: 15px; font-weight: 400; line-height: 1.5em; letter-spacing: 0.02em }
.section-members .single-member-box .member-social-box .profile-info ul li:last-of-type { margin: 0 }
.section-members .single-member-box .member-social-box .profile-info ul li:before { position: absolute; font-family: icomoon; display: inline-block; min-width: 42px; text-align: center; line-height: 1em; font-size: 30px; color: #808184; left: 0; top: -5px }
.section-members .single-member-box .member-social-box .profile-info ul li.office:before { content: "" }
.section-members .single-member-box .member-social-box .profile-info ul li.phone:before { content: "" }
.section-members .single-member-box .member-social-box .profile-info ul li.mail:before { content: "" }
.section-members .single-member-box p { margin: 0 0 10px; color: #a8afb0; font-size: 14px; font-weight: 400; line-height: 1.7em; letter-spacing: 0.04em }
.section-members .single-member-box h1, .section-members .single-member-box h2, .section-members .single-member-box h3, .section-members .single-member-box h4, .section-members .single-member-box h5, .section-members .single-member-box h6 { color: #495051 }
.section-members .single-member-box .contact-form { max-width: 570px }
.section-members .single-member-box .instructor-courses { list-style-type: none; padding: 0 0 40px; max-width: 670px; display: block; margin: 0 }
.section-members .single-member-box .instructor-courses li { list-style-type: none }
.section-members .single-member-box .instructor-courses li p { margin: 0 !important; color: #a8afb0; font-size: 14px; font-weight: 400; line-height: 1.35em; letter-spacing: 0.04em }
.section-members .single-member-box .instructor-courses li p a { color: inherit }
.section-members .single-member-box .instructor-courses li p a:hover { color: #43b9c7 }
.section-members .single-member-box .instructor-courses .list-heading { position: relative; padding: 0px 0 5px 17px; border-top: 1px dashed #e1e1e1 }
.section-members .single-member-box .instructor-courses .list-heading span { display: inline-block; color: #a8afb0; font-size: 10px; line-height: 1em; font-weight: 400; letter-spacing: 0.14em; text-transform: uppercase }
.section-members .single-member-box .instructor-courses .list-heading .start-date { margin-right: 50px }
.section-members .single-member-box .instructor-courses .course { border-top: 1px dashed #e1e1e1; position: relative }
.section-members .single-member-box .instructor-courses .course .heading { position: absolute; display: inline-block; min-width: 97px; top: 5px; left: 0 }
.section-members .single-member-box .instructor-courses .course .heading:after { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -9px; height: 25px; border-right: 2px solid #43b9c7 }
.section-members .single-member-box .instructor-courses .course .heading span { color: #43b9c7; text-align: center; display: inline-block; border: 1px solid #43b9c7; font-size: 12px; line-height: 1em; font-weight: 700; letter-spacing: 0.16em; min-width: 95px; text-transform: uppercase; padding: 13px 12px 13px 13px }
.section-members .single-member-box .instructor-courses .course .body { min-height: 50px; padding: 14px 20px 12px 135px }
.section-members .single-member-box .instructor-courses .course:last-of-type { border-bottom: 1px dashed #e1e1e1 }
@media (max-width: 768px) {
    .section-members .single-member-box .instructor-courses .course .body { padding: 14px 15px 12px 120px }
}
@media (max-width: 768px) {
    .section-members .member-social-box .profile .avatar { margin-right: 20px }
    .section-members .member-social-box .profile .social-block { float: none !important }
    .section-members .member-social-box .profile-info ul { padding: 0 0 25px !important }
}
@media (max-width: 450px) {
    .section-members .single-member-box .member-social-box .profile .avatar { display: block }
    .section-members .single-member-box .member-social-box .profile .social-block { margin: 20px 0 -10px }
    .section-members .single-member-box .member-social-box .profile .social-block li { display: inline-block; margin: 0 20px 0 0 }
}
.section-pricing { padding: 30px 0 60px }
.section-pricing hr { margin-bottom: 40px }
.section-404 { text-align: center; background: #fff; padding: 50px 0 50px; }
.section-404 p { color: #000; margin: 0 0 30px; font-size: 15px; font-weight: normal; line-height: 2.6em; letter-spacing: 0.38em; text-transform: uppercase }
.section-404 .search-form { position: relative; display: block; width: 80%; margin: 0 auto; max-width: 300px }
.section-404 .search-form input { color: #fff; font-size: 13px; font-weight: 300; letter-spacing: 0.38em; background: transparent; text-transform: uppercase }
.section-404 .search-form .search-input { width: 100%; display: block; text-align: center; border: 0; padding: 0 15px 5px; border-bottom: 1px solid #e1e1e1 }
.section-404 .search-form .search-input:focus, .section-404 .search-form .search-input.has-value { outline: none }
.section-404 .search-form .search-input:focus+.search-submit, .section-404 .search-form .search-input.has-value+.search-submit { bottom: 33px; font-size: 11px; pointer-events: all }
.section-404 .search-form .search-submit { position: absolute; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); line-height: 1em; left: 50%; pointer-events: none; bottom: 11px; -webkit-transition: all 0.24s ease-in-out; -moz-transition: all 0.24s ease-in-out; transition: all 0.24s ease-in-out }
.section-404 .search-form .search-submit:hover { color: #37acba }
@media (max-width: 768px) {
    .section-404 { padding: 70px 0 60px }
}
.section-contact .contact-info-wrapper { position: relative }
.section-contact .contact-info-wrapper .map-wrapper #map-canvas { width: 100%; height: 100% }
@media (min-width: 992px) {
    .section-contact .contact-info-wrapper .map-wrapper { /*position: absolute;*/ padding: 50px; padding-right: 0;/* top: 0; right: 0; bottom: 0*/ }
}
@media (max-width: 992px) {
    .section-contact .contact-info-wrapper .map-wrapper { /* height: 350px; margin-bottom: 75px*/ }
}
@media (max-width: 400px) {
    .section-contact .contact-info-wrapper .map-wrapper { height: 275px }
}
.section-contact .contact-form { padding: 100px 0 60px }
.section-contact .contact-info-block { min-height: 300px; padding: 60px 0px 120px;/* text-align: center; background: #f2f2f2 */}
.section-contact .contact-info-block .block-meta { margin: 0 }
.section-contact .contact-info-block .block-meta h4 { margin: 0 0 25px; color: #5a6a70; font-size: 20px; line-height: 1em; font-weight: 700; letter-spacing: 0.2em; text-transform: uppercase }
.section-contact .contact-info-block .block-meta p { margin: 0; color: #5a6a70; font-size: 14px; /*line-height: 1em;*/ line-height:18px; font-weight: 400; letter-spacing: 0.2em }
.section-contact .contact-info-block .block-meta p a { color: inherit }
.section-contact .contact-info-block .block-meta p a:hover { color: #43b9c7 }
.section-contact .contact-info-block.has-icon { background-color: #e7e7e7; background-image: url(../img/mail-bg.png); background-position: center bottom; background-repeat: no-repeat }
.section-blog { padding: 60px 0 }
.section-blog .main-loader { display: none; padding: 30px 0; text-align: center }
.section-blog .btn-wrapper { padding-top: 20px }
.section-blog .btn-wrapper .btn .button { min-width: 200px; color: #43b9c7 }
.section-cart { padding: 60px 0 }
.section-cart .cart-products .product { margin: 0 0 3px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2 }
.section-cart .cart-products .product .product-description { position: relative; min-height: 115px; overflow: hidden; padding: 0 0 0 200px }
.section-cart .cart-products .product .product-description .cover-image { position: absolute; max-width: 170px; left: 0; top: 0 }
.section-cart .cart-products .product .product-description h4 { margin: 0; max-width: 330px; color: #61696b; font-size: 15px; font-weight: 700; padding: 20px 0 0; line-height: 1.9em; letter-spacing: 0.04em; text-transform: uppercase }
.section-cart .cart-products .product .product-description h4 a { color: inherit }
.section-cart .cart-products .product .product-description h4 a:hover { color: #43b9c7 }
.section-cart .cart-products .product .product-info { position: absolute; top: 23px; right: 20px; text-align: right }
.section-cart .cart-products .product .product-info .price { color: #61696b; font-size: 15px; font-weight: 700; line-height: 1em; margin-right: 90px; letter-spacing: 0.04em }
.section-cart .cart-products .product .product-info a { color: #61696b; font-size: 12px; font-weight: 400; line-height: 1em; vertical-align: middle; letter-spacing: 0.04em }
.section-cart .cart-products .product .product-info a:hover { color: #43b9c7 }
@media (max-width: 768px) {
    .section-cart .cart-products .product .product-info { top: 0; padding: 10px 0 0; right: auto; position: relative; text-align: left }
}
@media (max-width: 520px) {
    .section-cart .cart-products .product { padding: 0 0 10px }
    .section-cart .cart-products .product .product-description { padding: 0 }
    .section-cart .cart-products .product .product-description .cover-image { position: relative; display: block; max-width: auto }
    .section-cart .cart-products .product .product-description h4 { padding: 5px 0 0; line-height: 1.5em }
    .section-cart .cart-products .product .product-info { padding: 0 }
}
.section-cart .cart-totals { text-align: right; padding: 12px 20px 15px 0; border-bottom: 1px solid #f2f2f2 }
.section-cart .cart-totals p { margin: 0; color: #61696b; font-size: 14px; font-weight: 400; line-height: 1em; letter-spacing: 0.04em }
.section-cart .cart-totals p span { font-weight: 700 }
.section-cart .cart-totals p .sum { font-size: 15px; margin-left: 10px }
.section-cart .cart-action { padding: 30px 0 0 }
.section-cart .cart-action .apply-coupon, .section-cart .cart-action .checkout { display: inline-block }
.section-cart .cart-action .checkout { float: right }
.section-cart .cart-action .checkout a:not(.btn) { color: #43b9c7; font-size: 14px; line-height: 1em; font-weight: 400; margin: 0 20px 0 0; padding: 0 0 1px; border-bottom: 1px solid transparent; letter-spacing: 0.06em }
@media (max-width: 520px) {
    .section-cart .cart-action .checkout a:not(.btn) { margin-bottom: 10px; display: inline-block }
}
.section-cart .cart-action .checkout a:not(.btn):hover { border-color: #43b9c7 }
.section-cart .cart-action .checkout a.btn .button { color: #43b9c7; min-width: 190px }
@media (max-width: 768px) {
    .section-cart .cart-action .checkout { float: none; display: block; margin: 10px 0 0 }
}
.section-cart .cart-action .apply-coupon label { position: relative; margin: 0; overflow: hidden; max-width: 200px; display: inline-block }
.section-cart .cart-action .apply-coupon label .form-input { position: relative; padding: 12px; z-index: 2; color: #fff; width: 100%; font-size: 14px; font-weight: 400; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase; display: block; background: transparent; border-bottom: 3px solid #38a0ac; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.section-cart .cart-action .apply-coupon label .form-input:focus, .section-cart .cart-action .apply-coupon label .form-input.has-value { outline: none; border-color: transparent }
.section-cart .cart-action .apply-coupon label .form-input:focus+span:after, .section-cart .cart-action .apply-coupon label .form-input.has-value+span:after { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg) }
.section-cart .cart-action .apply-coupon label span { display: inline-block; padding: 8px 0 0 10px; color: #c9c9c9; font-size: 14px; font-weight: 400; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase }
.section-cart .cart-action .apply-coupon label span:after { content: ""; position: absolute; bottom: 27px; z-index: 1; pointer-events: none; left: 0; width: 100%; height: 100%; background: #43b9c7; -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.section-cart .cart-action .apply-coupon label textarea { min-height: 110px }
.section-cart .cart-action .apply-coupon .update-cart-btn { display: inline-block; vertical-align: top; margin-left: 20px; position: relative }
.section-cart .cart-action .apply-coupon .update-cart-btn:hover span { opacity: 1; top: -30px }
.section-cart .cart-action .apply-coupon .update-cart-btn span { position: absolute; pointer-events: none; opacity: 0; font-size: 13px; display: inline-block; padding: 3px 16px; border-radius: 10px; color: #fff; font-weight: 400; line-height: 1em; letter-spacing: 0.06em; background: #9eaeaf; top: -20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out }
.section-cart .cart-action .apply-coupon .update-cart-btn span:after { content: ""; position: absolute; bottom: 1px; left: 50%; margin-left: -4.5px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); width: 0; height: 0; border-style: solid; border-width: 6px 4.5px 0 4.5px; border-color: #9eaeaf transparent transparent transparent }
.section-cart .cart-action .apply-coupon .update-cart-btn i { display: inline-block; width: 44px; height: 44px; font-size: 19px; line-height: 44px; vertical-align: middle; text-align: center; background: #43b9c7; color: #fff; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.section-cart .cart-action .apply-coupon .update-cart-btn i:hover { background: #40b0bd }
.section-cart .related-courses-box { max-width: 100% }
.section-cart .related-courses-box .box-title { margin: 0 0 28px; font-size: 14px; line-height: 1em; letter-spacing: 0.16em }
.section-cart .related-courses-box .single-course { margin: 0 0 28px }
.section-cart .related-courses-box .single-course .course-details .title { min-height: 0; font-size: 12px; line-height: 1em; letter-spacing: 0.1em }
@media (max-width: 992px) {
    .section-cart .related-courses-box { padding-top: 45px }
}
@media (max-width: 530px) {
    .section-cart .related-courses-box .col-xs-6 { width: 100% }
}
.section-cart .checkout { display: block; margin: 0 auto; max-width: 830px }
.section-cart .checkout h4 { color: #848484; margin: 0 0 50px; text-align: center; font-size: 20px; font-weight: 700; line-height: 1em; letter-spacing: 0.16em; font-family: "Roboto Slab", serif }
.section-cart .checkout .credit-card-payment, .section-cart .checkout .payment-type { display: none; padding-top: 45px; margin-top: 45px; border-top: 1px solid #f2f2f2 }
.section-cart .checkout .payment-options { text-align: center }
.section-cart .checkout .payment-options a { padding: 18px; font-size: 13px; font-weight: 700; min-width: 180px; text-transform: uppercase; letter-spacing: 0.04em; border: 1px solid #43b9c7; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.section-cart .checkout .payment-options a.paypal { margin-right: 80px; background: #43b9c7; color: #fff }
.section-cart .checkout .payment-options a.paypal:hover { color: #43b9c7; background: transparent }
.section-cart .checkout .payment-options a.credit-card { color: #43b9c7; background: transparent }
.section-cart .checkout .payment-options a.credit-card:hover { color: #fff; background: #43b9c7 }
.section-cart .checkout .payment-showcase { text-align: center; padding: 45px 0 0 }
.section-cart .checkout .payment-showcase span { display: inline-block; vertical-align: middle; margin-right: 25px; color: #43b9c7 }
.section-cart .checkout .payment-showcase span.icon-MasterCard { font-size: 29px }
.section-cart .checkout .payment-showcase span:last-of-type { margin: 0 }
.section-cart .checkout .credit-card-form { display: block; margin: 0 auto; max-width: 550px }
@media (min-width: 992px) {
    .section-cart .checkout .credit-card-form .right { padding-right: 25px }
    .section-cart .checkout .credit-card-form .left { padding-left: 25px }
}
.section-cart .checkout .credit-card-form label { display: block; margin: 0 0 20px }
.section-cart .checkout .credit-card-form label span, .section-cart .checkout .credit-card-form label input { display: block; color: #a7a7a7; font-size: 12px; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase }
.section-cart .checkout .credit-card-form label span { margin: 0 0 8px; line-height: 1em }
.section-cart .checkout .credit-card-form label input { width: 100%; color: gray; padding: 2px 8px; background: transparent; border: 1px solid #e7e7e7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.section-cart .checkout .credit-card-form label input:focus, .section-cart .checkout .credit-card-form label input.has-value { outline: none; border-color: #cbcaca }
.section-cart .checkout .credit-card-form label.short { display: inline-block; margin-right: 30px; max-width: 70px }
.section-cart .checkout .credit-card-form .btn-wrapper { padding: 10px 0 0 }
.section-cart .checkout .credit-card-form .btn-wrapper button { background: transparent }
.section-cart .checkout .credit-card-form .btn-wrapper button .button { color: #43b9c7; min-width: 200px }
@media (max-width: 520px) {
    .section-cart .checkout .payment-options a.paypal { margin: 0 0 15px }
}
.section-myaccount { padding: 60px 0 }
.section-myaccount .profile-box { position: relative; z-index: 2; color: #fff; margin: 0 0 1px 0; padding: 50px 50px 50px 135px }
@media (min-width: 992px) {
    .section-myaccount .profile-box { margin-right: -200px }
}
.section-myaccount .profile-box .icon { position: absolute; display: inline-block; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50%; font-size: 76px; line-height: 1em; left: 60px }
.section-myaccount .profile-box .user-info-box { padding: 3px 0; display: block; line-height: 1em; padding-left: 30px; border-left: 1px solid #fff }
.section-myaccount .profile-box .user-info-box a { display: inline-block; margin: 0 0 12px; vertical-align: top; color: #fff; font-size: 12px; font-weight: 400; line-height: 1em; letter-spacing: 0.16em; text-transform: uppercase }
.section-myaccount .profile-box .user-info-box .name { margin: 0; font-family: "Roboto Slab", serif; font-size: 20px; line-height: 1em; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase }
@media (max-width: 550px) {
    .section-myaccount .profile-box { padding: 25px 25px 25px 75px }
    .section-myaccount .profile-box .icon { left: 25px; font-size: 40px }
}
.section-myaccount .menu ul { list-style-type: none; padding: 0; margin: 0 }
.section-myaccount .menu ul li { display: block; margin: 0 0 1px }
.section-myaccount .menu ul li:last-of-type { margin: 0 }
.section-myaccount .menu ul li a { position: relative; display: block; background: #fafafa; font-size: 12px; font-weight: 400; line-height: 1em; padding: 18px 40px; letter-spacing: 0.16em; text-transform: uppercase; border: 1px solid #f3f3f3; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; color: #000; }
.section-myaccount .menu ul li a:after { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; pointer-events: none; opacity: 0; position: absolute; content: ""; right: -25px; top: -1px; width: 0; height: 0; border-style: solid; border-width: 25px 0 25px 25px; border-color: transparent transparent transparent #ddbd42 }
.section-myaccount .menu ul li a:hover { color: #fff; padding-left: 55px; padding-right: 0; /*background: #43b9c7; border-color: #43b9c7*/ }
.section-myaccount .menu ul li a.active { color: #fff; padding-left: 55px; }
.section-myaccount .menu ul li a:hover:after { opacity: 1 }
.section-myaccount .menu ul li a.active:after { opacity: 1 }
@media (max-width: 992px) {
    .section-myaccount .menu { margin-bottom: 45px }
    .section-myaccount .menu ul li a:after { display: none }
}
.section-myaccount .tabs-box { background: #fafafa; /*padding: 65px 95px 30px;*/ border: 1px solid #f3f3f3; padding: 65px 45px 30px; }
.section-myaccount .refund-tabs-box { background: #fff; border: 1px solid #f3f3f3; padding: 30px; margin-bottom:30px;}
.refund-tabs-box  ul li{ list-style:none; }
.refund-tabs-box  ul li:before{  font-family: FontAwesome; content: "\f00c";  width: 1em; position: relative; left: -23px;
                                 margin-right: -15px; }
.refund-tabs-sub-box{ padding:0px 25px; }
.refund-tabs-sub-box a{ text-decoration:underline; }
.section-myaccount .tabs-box .tab-box { display: none !important }
.section-myaccount .tabs-box .tab-box.visible { display: block !important }
.section-myaccount .tabs-box .box-caption { margin: 0 0 90px; color: #848484; font-size: 20px; line-height: 1em; font-weight: 700; text-align: center; letter-spacing: 0.16em; font-family: "Roboto Slab", serif }
.section-myaccount .tabs-box label { display: block; margin: 0 0 20px }
.section-myaccount .tabs-box label span, .section-myaccount .tabs-box label input { display: block; color: #a7a7a7; font-size: 12px; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase }
.section-myaccount .tabs-box label span { margin: 0 0 8px; line-height: 1em }
.section-myaccount .tabs-box label input, .section-myaccount .tabs-box label textarea,  .section-myaccount .tabs-box label span + span { width: 100%; color: gray; padding: 2px 8px; background: transparent; border: 1px solid #e7e7e7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); text-transform: none; }
.section-myaccount .tabs-box label span + span { line-height:14px; }
.section-myaccount .tabs-box label input:focus, .section-myaccount .tabs-box label input.has-value { outline: none; border-color: #cbcaca }
.section-myaccount .tabs-box label.short { display: inline-block; margin-right: 30px; max-width: 70px }
.section-myaccount .tabs-box .btn.theme-btn-3 { min-width: 0; padding: 16px 40px }
.section-myaccount .tabs-box .user-general-info { list-style-type: none; padding: 0; margin: 0 }
.section-myaccount .tabs-box .user-general-info li { position: relative; padding-left: 180px; margin: 0 0 7px; padding-bottom: 9px; border-bottom: 1px solid #e7e7e7 }
.section-myaccount .tabs-box .user-general-info li:last-of-type { margin: 0 }
.section-myaccount .tabs-box .user-general-info li p, .section-myaccount .tabs-box .user-general-info li span { margin: 0; font-size: 14px; line-height: 1em; font-weight: 400; display: inline-block; letter-spacing: 0.16em; text-transform: uppercase }
.section-myaccount .tabs-box .user-general-info li span { position: absolute; color: #a7a7a7; top: 8px; left: 0 }
.section-myaccount .tabs-box .user-general-info li p { color: #000 }
.section-myaccount .tabs-box .user-general-info li p a { color: inherit; text-transform: none; word-break: break-all }
.section-myaccount .tabs-box .user-general-info li p a:hover { color: #a7a7a7 }
.section-myaccount .tabs-box .profile-courses { list-style-type: none; padding: 0; margin: 0 }
.section-myaccount .tabs-box .profile-courses .course { margin: 0 0 20px; padding: 20px 0 0; position: relative; min-height: 140px; border-top: 1px solid #e7e7e7 }
.section-myaccount .tabs-box .profile-courses .course:last-of-type { margin: 0 }
.section-myaccount .tabs-box .profile-courses .course .cover { position: absolute; max-width: 170px; top: 20px; left: 0 }
.section-myaccount .tabs-box .profile-courses .course .course-wrapper { padding-left: 200px }
.section-myaccount .tabs-box .profile-courses .course .course-wrapper .course-details { padding: 0; min-height: 120px }
.section-myaccount .tabs-box .profile-courses .course .course-wrapper .course-details .title { margin: 0 0 10px }
.section-myaccount .tabs-box .profile-courses .course .remove-from-saved { display: inline-block; position: absolute; left: -60px; top: 65px }
.section-myaccount .tabs-box .profile-courses .course .remove-from-saved i { border: 2px solid #43b9c7; display: inline-block; text-align: center; font-size: 12px; height: 30px; width: 30px; color: #fff; background: #43b9c7; line-height: 26px; vertical-align: middle; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s }
.section-myaccount .tabs-box .profile-courses .course .remove-from-saved:hover i, .section-myaccount .tabs-box .profile-courses .course .remove-from-saved.active i { color: #43b9c7; background: #fafafa }
.section-myaccount .tabs-box .profile-courses .course .remove-course { padding: 20px 0 0; display: none }
.section-myaccount .tabs-box .profile-courses .course .remove-course p { margin: 0 0 15px; font-size: 12px; color: #a7a7a7; line-height: 1em; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase }
.section-myaccount .tabs-box .profile-courses .course .remove-course .btn { margin-right: 10px }
.section-myaccount .tabs-box .profile-courses .course .remove-course .btn:last-of-type { margin: 0 }
.section-myaccount .tabs-box .profile-courses .course .remove-course .btn.btn { font-weight: 400; min-width: 102px; padding: 11px 35px }
.section-myaccount .tabs-box .profile-courses .course .remove-course .btn.remove { border: 1px solid #43b9c7; color: #43b9c7; padding: 10px 34px; background: transparent }
.section-myaccount .tabs-box .profile-courses .course .remove-course .btn.remove:hover { background: #43b9c7; color: #fff }
@media (max-width: 992px) {
    .section-myaccount .tabs-box { padding: 40px 50px 40px }
    .section-myaccount .tabs-box .profile-courses .course .remove-from-saved { left: -40px }
}
@media (max-width: 768px) {
    .section-myaccount .tabs-box { padding: 30px 35px 30px }
    .section-myaccount .tabs-box .profile-courses .course .remove-from-saved { z-index: 2; top: 20px; left: 0 }
    .section-myaccount .tabs-box .user-general-info li { padding-left: 120px }
}
@media (max-width: 550px) {
    .section-myaccount .tabs-box { padding: 15px 20px 15px }
    .section-myaccount .tabs-box .profile-courses .course .course-wrapper { padding: 0 }
    .section-myaccount .tabs-box .profile-courses .course .cover { position: relative; max-width: auto; margin: 0 0 15px; top: 0 }
}
.highlighted-start .first-letter { display: inline-block; vertical-align: middle; text-align: center; float: left; margin: 6px 18px 0 0; color: #43b9c7; font-size: 52px; font-weight: 300; line-height: 80px; height: 80px; width: 80px; border: 1px solid #ccc }
@media (max-width: 400px) {
    .x-small { width: 100% }
}
.simple-service { margin: 0 0 0; text-align: center }
.simple-service .icon { color: #43b9c7; font-size: 65px; margin: 0 0 18px; display: inline-block }
.simple-service .title { color: #666; font-size: 16px; margin: 0 0 16px; line-height: 1em; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase }
.simple-service p { margin: 0; color: #666; font-size: 13px; font-weight: 400; line-height: 1.5em; letter-spacing: 0.06em }
.list-services { list-style-type: none; padding: 0; margin: 0 }
.list-services li { position: relative; padding-left: 40px; margin: 0 0 10px; display: block; color: #b8bebf; font-size: 14px; font-weight: 700; line-height: 1.7em; text-transform: uppercase }
.list-services li:before { position: absolute; display: inline-block; width: 22px; text-align: center; padding: 4px 0 0 1px; height: 22px; line-height: 1em; font-size: 12px; border-radius: 50%; color: #43b9c7; border: 2px solid #43b9c7; font-family: icomoon; content: ""; top: 0; left: 0 }
.list-services li:last-of-type { margin: 0 }
.showcase-box { position: relative; z-index: 2; margin: 15px 0 0; display: block; width: 100%; border-radius: 150px 0 0 150px; overflow: hidden }
.showcase-box .box-wrapper { display: block; min-height: 290px }
@media (max-width: 992px) {
    .showcase-box { margin: 40px 0 0 }
}
.services-description { padding: 60px 0 }
.course-preview { overflow: hidden }
.course-preview .course-wrapper { position: relative }
.course-preview .bg { -webkit-transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1); -moz-transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1); transition: all 0.55s cubic-bezier(0.23, 1, 0.32, 1); background-size: cover !important; background-position: top center !important; position: absolute; bottom: 0; right: 0; left: 0; top: 0 }
.course-preview.design .bg { background: url(../img/course-cover-1.html) }
.course-preview.business .bg { background: url(../img/course-cover-2.html) }
.course-preview.health .bg { background: url(../img/course-cover-3.html) }
.course-preview.hospitality .bg { background: url(../img/course-cover-4.html) }
.course-preview:hover .bg { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2) }
.course-preview .description { display: inline-block; text-align: center; position: relative; padding: 55px 70px; height: 100%; width: 100%; color: #fff; z-index: 2 }
.course-preview .description .title { margin: 0 0 12px; font-size: 20px; line-height: 1em; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase }
.course-preview .description p { margin: 0; font-size: 15px; font-weight: 400; line-height: 1.5em }
@media (max-width: 768px) {
    .course-preview .description { padding: 45px 50px }
}
.single-course { margin-bottom: 30px }
.single-course .course-thumbnail { position: relative; min-height: 197px; }
.single-course .course-thumbnail .cover-info { position: absolute; text-align: center; padding: 25px; color: #fff; top: 0; left: 0; opacity: 0; width: 100%; height: 100%;/*background:rgba(0,0,0,0.6);*/ -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out }
.single-course .course-thumbnail .cover-info .text { position: relative; -webkit-transform: translateY(-58%); -moz-transform: translateY(-58%); -ms-transform: translateY(-58%); -o-transform: translateY(-58%); transform: translateY(-58%); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; top: 50% }
.single-course .course-thumbnail .cover-info p, .single-course .course-thumbnail .cover-info h4 { margin: 0; font-size: 15px; font-weight: 400; line-height: 1.5em; letter-spacing: 0.04em }
.single-course .course-thumbnail .cover-info h4 { margin: 0 0 20px; line-height: 1em; font-weight: 700; text-transform: uppercase }
.single-course .course-thumbnail:hover .cover-info { opacity: 1 }
.single-course .course-thumbnail:hover .cover-info .text { -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); opacity: 1 }
.single-course .course-details { padding: 26px 0 0 }
.single-course .course-details .title { margin: 0 0 13px; color: #61696b; font-size: 15px; font-weight: 700; line-height: 1.5em; text-transform: uppercase }
.single-course .course-details .title a { color: inherit }
.single-course .course-details .title a:hover { color: #61696b }
.single-course .course-details .course-meta { list-style-type: none; padding: 0; margin: 0 0 0; }
.single-course .course-details .course-meta li { color: #b0b7b9; font-size: 14px; font-weight: 700; line-height: 1.7em }
.single-course .course-details .course-meta li span { color: #43b9c7 }
.single-course .course-details .from-date p { color: #b0b7b9; font-size: 14px; font-weight: 600; line-height: 1.6em; margin-bottom: 0; }
.single-course .course-details .course-action { display: block; padding: 25px 0 0; text-align: center }
.single-course .course-details .course-action .button { min-width: 195px; color: #666 }
.single-course .course-details .course-action .price, .single-course .course-details .course-action .save-btn { display: inline-block; margin-left: 10px; vertical-align: middle; font-size: 16px; font-weight: 300; color: #43b9c7; height: 52px; padding: 0 8px; min-width: 52px; text-align: center; background: none; border: 1px solid; line-height: 52px }
.single-course .course-details .course-action .save-btn { position: relative; font-size: 20px; cursor: pointer; border: 1px solid #43b9c7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.single-course .course-details .course-action .save-btn:hover, .single-course .course-details .course-action .save-btn.saved { color: #43b9c7; background: transparent }
.single-course .course-details .course-action .save-btn .popup { position: absolute; pointer-events: none; opacity: 0; font-family: "Lato", sans-serif; font-size: 13px; display: inline-block; padding: 4px 16px; border-radius: 10px; color: #fff; font-weight: 400; line-height: 1em; letter-spacing: 0.06em; background: #9eaeaf; top: -20px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); text-transform: uppercase; -webkit-transition: all 0.18s ease-in-out; -moz-transition: all 0.18s ease-in-out; transition: all 0.18s ease-in-out }
.single-course .course-details .course-action .save-btn .popup:after { content: ""; position: absolute; bottom: 1px; left: 50%; margin-left: -4.5px; -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); transform: translateY(100%); width: 0; height: 0; border-style: solid; border-width: 6px 4.5px 0 4.5px; border-color: #9eaeaf transparent transparent transparent }
.single-course .course-details .course-action .save-btn .popup.visible { opacity: 1; top: -33px }
.single-course .course-details .course-action .save-btn .popup.slow { -webkit-transition: all 0.75s ease; -moz-transition: all 0.75s ease; transition: all 0.75s ease }
.single-course .course-details .course-action .enroll-btn .button { min-width: 180px }


/*-- Modal PopUP ---*/
.appl-form .modal-content { padding-bottom: 45px; background: #fafafa; }
.appl-form .close { font-size: 16px; text-align: right; padding: 20px 20px 15px;  }
.appl-form .close:hover { opacity: 1; }
.appl-form .section-header { margin: 55px -90px 30px; }
.appl-form .section-header h1 {
    min-width: 190px;
    padding: 0 40px;
    color: #848484;
    font-size: 20px;
    font-weight: 700;
    letter-spacing: 0.16em;
    background: #fafafa;
    font-family: "Roboto Slab", serif;
}
.appl-form form {
	padding: 0 90px;
}
.appl-form form label {
    display: block;
    margin: 0 0 20px;
}
.appl-form form label span {
	display: block;
    color: #a7a7a7;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0.16em;
	margin: 0 0 8px;
    line-height: 1em;
}
.appl-form form label input {
	outline: none;
	width: 100%;
    color: gray;
    padding: 2px 8px;
    background: transparent;
    border: 1px solid #e7e7e7;
    -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
.appl-form form .btn-wrapper .btn {
    padding: 17px 33px;
}

ol { padding-left: 20px; margin:-15px 0 20px;  }

@media (max-width: 1200px) and (min-width: 992px) {
    .single-course .course-details .course-action .enroll-btn .button { min-width: 160px }
    .single-course .course-thumbnail { position: relative; min-height: 220px; }
}
@media (max-width: 500px) {
    .single-course .course-details .course-action .enroll-btn .button { min-width: 140px }
}
.single-course .course-description { padding: 55px 0 0 }
.single-course .course-description p { color: #b0b7b9; font-size: 14px; font-weight: 400; line-height: 1.571em; letter-spacing: 0.04em }
@media (max-width: 992px) {
    .single-course .course-description { padding: 40px 0 0 }
}
.single-course.grid-course { margin: 0 0 0 }
#course_list .single-course.grid-course { margin: 0 0 50px; }
@media (min-width: 1200px) {
    .single-course .course-details { padding: 15px 0 0 }
}
@media (min-width: 768px) {
    .single-course .course-details .title { min-height: 45px }
}
.links-wrapper { padding: 70px 0 40px }
.links-wrapper .links-box { margin-bottom: 30px }
.links-wrapper .links-box .caption { margin: 0 0 25px; color: #fff; padding: 18px; display: block; font-size: 14px; font-weight: 700; line-height: 1em; border-radius: 4px; text-align: center; background: #43b9c7; letter-spacing: 0.08em; text-transform: uppercase }
.links-wrapper .links-box .links { list-style-type: none; padding: 0 0 0 20px; margin: 0 }
.links-wrapper .links-box .links li { margin: 0 0 15px; color: #8c9fa1; font-size: 15px; font-weight: 300; line-height: 1.5em }
.links-wrapper .links-box .links li:last-of-type { margin: 0 }
.links-wrapper .links-box .links li a { -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); color: inherit; display: inline-block; position: relative; padding-left: 22px }
.links-wrapper .links-box .links li a:before { font-family: icomoon; margin-right: 10px; position: absolute; content: ""; color: #43b9c7; top: -1px; left: -2px }
.links-wrapper .links-box .links li a:hover { color: #43b9c7; margin-left: 10px }
.call-to-action-box { padding: 48px 0 }
.call-to-action-box h2 { margin: 0; position: relative; top: 5px; color: #fff; font-family: "Roboto Slab", serif; font-weight: 400; font-size: 33px; line-height: 1em; letter-spacing: 0; text-transform: none }
.call-to-action-box .button-wrapper { text-align: right }
@media (max-width: 992px) {
    .call-to-action-box { text-align: center }
    .call-to-action-box .button-wrapper { padding: 45px 0 0; display: block; text-align: center }
}
.page-numbers { list-style-type: none; text-align: center; font-size: 0; padding: 0; margin: 0 }
.page-numbers li { display: inline-block; margin-right: 15px }
.page-numbers li:last-of-type { margin: 0 }
.page-numbers li span, .page-numbers li a { display: inline-block; color: #43b9c7; font-size: 14px; font-weight: 300; line-height: 1em }
.page-numbers li .page-wrapper { position: relative }
.page-numbers li .page-wrapper:before, .page-numbers li .page-wrapper:after { position: absolute; background: #43b9c7; content: ""; height: 74%; width: 1px; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) }
.page-numbers li .page-wrapper:before { top: 0; left: 0 }
.page-numbers li .page-wrapper:after { bottom: 0; right: 0 }
.page-numbers li .page-wrapper:not(.current):after, .page-numbers li .page-wrapper:not(.current):before { opacity: 0 }
.page-numbers li .page-wrapper:not(.current) .page-numbers:after, .page-numbers li .page-wrapper:not(.current) .page-numbers:before { opacity: 0 }
.page-numbers li .page-wrapper:not(.current):hover:after, .page-numbers li .page-wrapper:not(.current):hover:before { opacity: 1; height: 100% }
.page-numbers li .page-wrapper:not(.current):hover .page-numbers:after, .page-numbers li .page-wrapper:not(.current):hover .page-numbers:before { opacity: 1; width: 100% }
.page-numbers li .page-wrapper .page-numbers { padding: 7px; min-width: 28px; text-align: center }
.page-numbers li .page-wrapper .page-numbers:before, .page-numbers li .page-wrapper .page-numbers:after { position: absolute; background: #43b9c7; content: ""; width: 74%; height: 1px; -webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); -moz-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1); transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1) }
.page-numbers li .page-wrapper .page-numbers:before { top: 0; left: 0 }
.page-numbers li .page-wrapper .page-numbers:after { bottom: 0; right: 0 }
.single-course-page .course-header { text-align: center; margin: 0 auto; display: block; max-width: 1030px }
.single-course-page .course-header p { margin: 0 0 36px; font-size: 16px; font-weight: 400; letter-spacing: 0.2em; line-height: 1.188em; text-transform: uppercase }
.single-course-page .course-header p span { color: #43b9c7; font-weight: 700 }
.single-course-page .video-wrapper .video-container { position: relative; padding-bottom: 56.25% }
.single-course-page .video-wrapper .video-container iframe { position: absolute; height: 100%; width: 100%; left: 0; top: 0 }
.single-course-page .main-content.has-padding-top { padding-top: 17px }
.single-course-page .course-body h1, .single-course-page .course-body h2, .single-course-page .course-body h3, .single-course-page .course-body h4, .single-course-page .course-body h5, .single-course-page .course-body h6 { color: #495051; margin: 1.8em 0; font-weight: 700; line-height: 1.11em; letter-spacing: 0.16em; text-transform: uppercase }
.single-course-page .course-body p { margin: 0 0 20px; color: #666666; font-size: 14px; font-weight: 300; line-height: 1.5em; letter-spacing: 0.04em }
.single-course-page .course-body p.main-text { font-size: 15px; text-align: justify; }
.single-course-page .course-body .single-course-gallery .gallery-item { position: relative; overflow: hidden; margin-bottom: 30px }
.single-course-page .course-body .single-course-gallery .gallery-item .cover { -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; background: rgba(67,185,199,0.6); position: absolute; height: 100%; width: 100%; opacity: 0; left: 0; top: 0 }
.single-course-page .course-body .single-course-gallery .gallery-item .cover a { position: absolute; top: 0; left: 0; height: 100%; width: 100% }
.single-course-page .course-body .single-course-gallery .gallery-item .cover a i { position: relative; display: inline-block; opacity: 0; margin-left: -13px; top: 30%; left: 50%; color: #fff; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; font-size: 25px; display: inline-block; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); margin-top: -13.5px }
.single-course-page .course-body .single-course-gallery .gallery-item:hover .cover { opacity: 1 }
.single-course-page .course-body .single-course-gallery .gallery-item:hover .cover a i { opacity: 1; top: 50% }
.single-course-page .course-body .course-description-list { margin: 0 0 30px }
.single-course-page .course-body .post-nav { padding-top: 20px }
.single-course-page .course-body .post-nav .navigation-info-wrapper { margin: 0 -20px }
.single-course-page .instructor-box { background: #f5f5f5; margin: 0 0 45px; padding: 40px }
.single-course-page .instructor-box .instructor-profile { position: relative; min-height: 100px; padding-left: 130px }
.single-course-page .instructor-box .instructor-profile .avatar { position: absolute; width: 100px; left: 0; top: 0 }
.single-course-page .instructor-box .instructor-profile .course-info { list-style-type: none; padding: 15px 0 0; margin: 0 }
.single-course-page .instructor-box .instructor-profile .course-info li { margin: 0 0 8px; color: #b0b7b9; font-size: 14px; line-height: 1.1em; font-weight: 700; letter-spacing: 0.04em }
.single-course-page .instructor-box .instructor-profile .course-info li a { color: inherit }
.single-course-page .instructor-box .instructor-profile .course-info li a:hover { color: #43b9c7 }
.single-course-page .instructor-box .instructor-profile .course-info li:last-of-type { margin: 0 }
.single-course-page .instructor-box .instructor-profile .course-info li span { color: #43b9c7 }
.single-course-page .instructor-box .course-action { display: block; padding: 30px 0 0; text-align: center }
.single-course-page .instructor-box .course-action .button { min-width: 195px; color: #43b9c7 }
.single-course-page .instructor-box .course-action .price { display: inline-block; margin-left: 10px; vertical-align: middle; font-size: 16px; font-weight: 300; color: #fff; height: 52px; padding: 0 8px; min-width: 52px; text-align: center; background: #43b9c7; line-height: 52px }
@media (max-width: 768px) {
    .single-course-page .instructor-box { padding: 20px }
    .single-course-page .instructor-box .instructor-profile { padding-left: 115px }
    .single-course-page .instructor-box .instructor-profile .course-info { padding-top: 0 }
    .single-course-page .instructor-box .course-action .button { min-width: 145px }
}
@media (max-width: 992px) {
    .single-course-page .sidebar-description { padding-top: 45px }
}
.sidebar-description.has-padding-top { padding-top: 90px }
.sidebar-description .box-title { text-align: center; margin: 0 0 40px; color: #495051; font-size: 18px; line-height: 1em; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase }
.sidebar-description .location-box { margin-bottom: 50px }
.sidebar-description .location-box p { margin: 0 0 15px; color: #b0b7b9; font-size: 14px; font-weight: 700; line-height: 1.7em; text-align: center; letter-spacing: 0.1em; text-transform: uppercase }
.sidebar-description .location-box p span { color: #43b9c7; text-transform: none }
.sidebar-description .location-box .map { height: 200px }
.related-courses-box, .location-box { display: block; max-width: 330px; margin: 0 auto }
.related-courses-box .single-course, .location-box .single-course { margin: 0 0 35px }
.related-courses-box .single-course .course-details, .location-box .single-course .course-details { padding: 15px 0 0; text-align: center }
.related-courses-box .single-course .course-details .title, .location-box .single-course .course-details .title { margin: 0 }
.related-courses-box.small-space .single-course, .location-box.small-space .single-course { margin: 0 0 25px }
.lightboxOverlay, .lightbox { cursor: url(../img/close-popup.png), default }
.team-member { padding: 0 45px; text-align: center; margin-top: 115px; background: #f2f2f2 }
.team-member:hover .photo { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.08); box-shadow: 0 3px 6px rgba(0,0,0,0.07), 0 3px 6px rgba(0,0,0,0.08) }
.team-member .photo { -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); display: inline-block; margin: -65px 0 15px }
.team-member .photo img { max-width: 160px; border: 15px solid #fff }
.team-member h4 { margin: 0 0 5px; color: #797979; font-size: 16px; font-weight: 700; line-height: 1em; letter-spacing: 0.1em; text-transform: uppercase }
.team-member h4 a { color: inherit }
.team-member h4 a:hover { color: #43b9c7 }
.team-member .expertise-area { margin: 0; color: #b7b7b7; font-size: 12px; font-weight: 400; line-height: 1em; letter-spacing: 0.14em; text-transform: uppercase }
.team-member .expertise-area:after { display: block; content: ""; width: 45px; margin: 15px auto 15px; border-bottom: 1px solid #43b9c7 }
.team-member .member-info { margin: 0 0 23px; color: #b7b7b7; font-size: 13px; font-weight: 400; line-height: 1.385em; letter-spacing: 0.08em }
.team-member .social-block, .test-btn { list-style-type: none; position: relative; z-index: 2; -webkit-transform: translateY(50%); -moz-transform: translateY(50%); -ms-transform: translateY(50%); -o-transform: translateY(50%); transform: translateY(50%); font-size: 0; padding: 0; margin: 0 }
.team-member .social-block li { display: inline-block }
.team-member .social-block li i, .test-btn { color: #fff; font-size: 12px; text-transform: uppercase; padding: 0 20px; height: 40px; background: #5673b8; line-height: 40px; vertical-align: middle; display: inline-block; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.test-btn:hover { color:#FFF; }
.team-member .social-block li i:hover { background: #4bc9d8 }
.pricing-box { margin-top: 30px; text-align: center }
.pricing-box .pricing-box-header .box-type { display: block; color: #fff; padding: 18px; font-size: 14px; line-height: 1em; background: #43b9c7; letter-spacing: 0.2em; text-transform: uppercase }
.pricing-box .pricing-box-header .box-value { padding: 32px 0 35px; background: #d5e7e9; font-family: "Roboto Slab", serif; text-transform: uppercase; font-weight: 700; color: #3c4647 }
.pricing-box .pricing-box-header .box-value h2 { margin: 0 0 10px; position: relative; display: inline-block; font-size: 80px; line-height: 1em; letter-spacing: 0.06em }
.pricing-box .pricing-box-header .box-value h2 span { position: absolute; font-size: 45px; color: #43b9c7; top: 3px; left: -30px }
.pricing-box .pricing-box-header .box-value p { margin: 0; font-size: 15px; line-height: 1em; letter-spacing: 0.16em }
.pricing-box .pricing-box-body .features { list-style-type: none; padding: 22px 7px 20px; background: #f0f6f7; margin: 0 0 10px }
.pricing-box .pricing-box-body .features li { color: #94a0a1; font-size: 12px; line-height: 1em; letter-spacing: 0.3em; text-transform: uppercase }
.pricing-box .pricing-box-body .features li:after { content: ""; display: block; margin: 13px auto 13px; max-width: 115px; border-bottom: 1px solid rgba(67,185,199,0.31) }
.pricing-box .pricing-box-body .features li:last-of-type:after { display: none }
.pricing-box .pricing-box-body .btn .button { color: #43b9c7; min-width: 195px }
.pricing-box.featured .pricing-box-header .box-type { background: #ef5959 }
.pricing-box.featured .pricing-box-header .box-value h2 span { color: #ef5959 }
.pricing-box.featured .btn:before, .pricing-box.featured .btn:after { border-color: #ef5959 }
.pricing-box.featured .btn .button { color: #ef5959 }
.pricing-box.featured .btn .button:before, .pricing-box.featured .btn .button:after { border-color: #ef5959 }
.pricing-box.v2 .pricing-box-header .box-value { padding: 18px 0 22px }
.pricing-box.v2 .pricing-box-header .button-wrapper { background: #d5e7e9 }
.pricing-box.v2 .pricing-box-header .button-wrapper .btn { width: 100% }
.pricing-box.v2 .pricing-box-header .button-wrapper .btn .button { padding-top: 16px; padding-bottom: 16px; color: #43b9c7; width: 100% }
@media (min-width: 768px) {
    .pricing-box.v2 .pricing-box-body .features { min-height: 243px; padding: 38px 10px 30px }
}
.pricing-box.v2 .pricing-box-body .features li { margin: 0 0 24px }
.pricing-box.v2 .pricing-box-body .features li:last-of-type { margin: 0 }
.pricing-box.v2 .pricing-box-body .features li:after { display: none }
.pricing-box.v2.featured .pricing-box-header .button-wrapper .btn .button { color: #ef5959 }
.pricing-box-wrapper:nth-child(odd) .pricing-box { padding-right: 70px; position: relative }
.pricing-box-wrapper:nth-child(odd) .pricing-box:after { font-family: icomoon; content: ""; position: absolute; right: -27.5px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); color: #43b9c7; font-size: 14px; line-height: 1em }
.pricing-box-wrapper:nth-child(even) .pricing-box { padding-left: 70px }
@media (max-width: 1200px) {
    .pricing-box-wrapper:nth-child(odd) .pricing-box { padding-right: 35px }
    .pricing-box-wrapper:nth-child(even) .pricing-box { padding-left: 35px }
}
@media (max-width: 992px) {
    .pricing-box-wrapper:nth-child(odd) .pricing-box { position: relative }
    .pricing-box-wrapper:nth-child(odd) .pricing-box:after { margin-left: -12.5px; top: auto; right: auto; bottom: -7px; left: 50%; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
    .pricing-box-wrapper .pricing-box { padding-bottom: 35px; margin-bottom: 40px; padding-left: 0 !important; padding-right: 0 !important }
    .pricing-box-wrapper .pricing-box:after { font-family: icomoon; content: ""; position: absolute; margin-left: -12.5px; top: auto; bottom: -7px; left: 50%; color: #43b9c7; font-size: 14px; line-height: 1em }
    .pricing-box-wrapper:last-of-type .pricing-box { margin-bottom: 0; padding-bottom: 0 }
    .pricing-box-wrapper:last-of-type .pricing-box:after { display: none }
}
.blog-post { margin-bottom: 0; }
.blog-post .post-cover { position: relative }
.blog-post .post-cover:before { -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); background: rgba(0,0,0,0.5); pointer-events: none; position: absolute; content: ""; opacity: 0; bottom: 0; right: 0; left: 0; top: 0 }
.blog-post .post-cover:hover:before { opacity: 1 }
.blog-post .post-body { /*background: #fb5555;*/ padding: 17px 20px }
/*.blog-post .post-body .post-title { margin: 0; color: #666; font-size: 14px; font-weight: 700; line-height: 1.4em; letter-spacing: 0.2em; text-transform: uppercase }*/
.blog-post .post-body .post-title { margin: 0; color: #666; font-size: 16px; font-weight: 400; line-height: 1.4em; letter-spacing: normal; text-transform: none; }
/*.blog-post .post-body .post-date { margin: 0; color:#ddbd42; font-size: 14px; font-weight: 700; line-height: 1.4em; letter-spacing: 0.2em; text-transform: uppercase }*/
.blog-post .post-body .post-date { margin: 0; font-size: 12px; font-weight: 400; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase; }
.blog-post .post-body .post-title a, .blog-post .post-body .post-date a { color: inherit }
.blog-post .post-body .post-title { margin-bottom: 0; }
.blog-post .post-body .post-date { line-height: 1em }
.blog-post .post-body .post-excerpt { color: #fff; font-size: 16px; font-weight: 400; line-height: 1.5em; margin: 24px 0 31px; letter-spacing: 0.02em }
.blog-post.noimage-post, .blog-post.audio-post { position: relative; /*background: #43b9c7;*/ }
.blog-post.noimage-post:hover:after, .blog-post.audio-post:hover:after { opacity: 1 }
.blog-post.noimage-post:after, .blog-post.audio-post:after { -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); opacity: 0; content: ""; position: absolute; pointer-events: none; /*background: #3da7b4;*/ top: 0; left: 0; right: 0; bottom: 0 }
.blog-post.noimage-post .post-body, .blog-post.audio-post .post-body { position: relative; z-index: 2; background: transparent }
.blog-post.video-post .post-body { background: transparent; position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.blog-post.video-post .play-button { position: absolute; text-align: center; margin-left: -36px; -webkit-transform: translateY(-20%); -moz-transform: translateY(-20%); -ms-transform: translateY(-20%); -o-transform: translateY(-20%); transform: translateY(-20%); top: 20%; left: 55%;  }
.blog-post.video-post .play-button .button { width: 62px; height: 62px }
.blog-post.video-post .play-button .button i { font-size: 28px; color: #fff; font-weight: 300 }
.news-post .single-blog-post { margin-bottom: 40px; }
.single-blog-post .post-cover img { margin: 0 0 20px; width: 100%; }
.news-post .single-blog-post .post-header .post-meta { padding: 0 0 5px }
.single-blog-post .post-header .post-meta { padding: 5px 0 15px }
.single-blog-post .post-header .post-meta .title { margin: 0; color: #666; font-size: 20px; font-weight: 700; line-height: 1.176em; letter-spacing: 0.2em; text-transform: uppercase }
.single-blog-post .post-header .post-meta .meta-info { list-style-type: none; font-size: 0; padding: 5px 0 0; margin: 0 }
.single-blog-post .post-header .post-meta .meta-info li { color: #b5bbbc; font-size: 12px; line-height: 1em; font-weight: 400; margin: 0 30px 0 0; letter-spacing: 0.2em; display: inline-block; text-transform: uppercase }
.single-blog-post .post-header .post-meta .meta-info li:last-of-type { margin: 0 }
.single-blog-post .post-body blockquote p { margin: 0; color: #43b9c7; font-size: 18px; font-weight: 400; line-height: 1.5em }
.single-blog-post .post-body p { margin: 0 0 25px; color: #666; font-size: 14px; font-weight: 300; line-height: 1.5em; text-align: justify; }
.single-blog-post .post-body h1, .single-blog-post .post-body h2, .single-blog-post .post-body h3, .single-blog-post .post-body h4, .single-blog-post .post-body h5, .single-blog-post .post-body h6 { color: #999; font-weight: 700; margin: 0.9em 0 1.3em; line-height: 1.7em; letter-spacing: 0.2em; text-transform: uppercase }
.single-blog-post .post-body h1 { font-size: 24px }
.single-blog-post .post-body h2 { font-size: 22px }
.single-blog-post .post-body h3 { font-size: 20px }
.single-blog-post .post-body h4 { font-size: 18px }
.single-blog-post .post-body h5 { font-size: 16px }
.single-blog-post .post-body h6 { font-size: 14px }
.single-blog-post .post-body .tagcloud { font-size: 0 }
.single-blog-post .post-body .tagcloud a { margin: 0 10px 10px 0; color: #b8b8b8; font-size: 15px; line-height: 1em; font-weight: 300; background: #f2f5f5; border: 1px solid #dbe0e1; border-radius: 2px; padding: 7px 15px; display: inline-block }
.single-blog-post .post-body .tagcloud a:hover { color: #43b9c7; border-color: #43b9c7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.single-blog-post .post-body .tagcloud a:last-of-type { margin: 0 }
.single-blog-post .post-body .share-block { padding: 30px 50px 0 }
.single-blog-post .post-body .btn-wrapper { padding-top: 5px }
.single-blog-post .post-body .contact-area { padding-top: 20px }
.single-blog-post .post-body .comment-list { padding-bottom: 20px }
.single-blog-post .full-width-image { margin: 0 0 25px }
.single-blog-post .full-width-image img { margin: 0; width: 100% !important }
.single-blog-post img { display: block; margin: 0 0 25px }
@media (max-width: 450px) {
    .single-blog-post .post-body .share-block { padding: 25px 10px 0 }
}
@media (max-width: 768px) {
    .single-blog-post .post-header .post-meta { padding: 10px 0 20px }
    .single-blog-post .post-header .post-meta .meta-info li { display: block; margin: 0 0 7px 0 }
    .single-blog-post .post-header .post-meta .meta-info li:last-of-type { margin: 0 }
}
.video-popup { background: rgba(0,0,0,0.75); position: fixed; visibility: hidden; opacity: 0; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; cursor: url(../img/close-popup.png), default; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.video-popup .close-popup { position: absolute; display: inline-block; right: 50px; top: 50px; height: 50px; width: 50px; cursor: pointer; border: 1px solid #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.video-popup .close-popup:hover { background: #fff }
.video-popup .close-popup:hover:after, .video-popup .close-popup:hover:before { border-color: #000 }
.video-popup .close-popup:before, .video-popup .close-popup:after { content: ""; position: absolute; top: 7px; left: 22px; height: 35px; border-right: 2px solid #fff; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s }
.video-popup .close-popup:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg) }
.video-popup .close-popup:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) }
.video-popup.visible { opacity: 1; visibility: visible }
.video-popup .popup-wrapper { position: absolute; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); top: 50% }
.video-popup .popup-wrapper .wrapper { position: relative; top: 50%; padding-bottom: 56.25% }
.video-popup .popup-wrapper .wrapper iframe { position: absolute; height: 100%; width: 100%; left: 0; top: 0 }
.share-block a { text-transform: uppercase; display: inline-block; position: relative; font-weight: 700; width: 100%; margin: 0 0 10px; padding: 14px 30px; text-align: center; line-height: 1em; font-size: 12px; color: #fff }
.share-block a:before { position: absolute; font-size: 17px; top: 15px; left: 20px; font-family: FontAwesome; font-weight: normal }
.share-block a:after { position: absolute; content: ""; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: rgba(3,8,17,0.1); pointer-events: none; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.share-block a:hover:after { opacity: 1 }
.share-block a.facebook { background: #6788ce }
.share-block a.facebook:before { content: "" }
.share-block a.twitter { background: #2fbce9 }
.share-block a.twitter:before { content: "" }
.share-block a.pinterest { background: #fe4445 }
.share-block a.pinterest:before { content: "" }
.share-block a.dribbble { background: #fc80b0 }
.share-block a.dribbble:before { content: "" }
.post-nav .navigation-info-wrapper { text-align: center; padding: 22px 0 0 }
.post-nav .navigation-info-wrapper p { display: inline-block; position: relative; max-width: 220px; padding: 12px; font-size: 12px; line-height: 1.3em; color: #43b9c7; width: 100%; font-weight: 400; text-transform: uppercase; border: 1px solid #43b9c7 }
.post-nav .navigation-info-wrapper p:before { position: absolute; display: inline-block; top: 50%; margin-top: -4px; content: ""; border: 1px solid #43b9c7; border-left: 0; width: 25px; height: 10px; left: -25px }
.post-nav .navigation-info-wrapper p:after { position: absolute; display: inline-block; top: 50%; margin-top: -4px; content: ""; border: 1px solid #43b9c7; border-right: 0; width: 25px; height: 10px; right: -25px }
.post-nav .nav-direction-wrapper.prev { padding-right: 35px }
.post-nav .nav-direction-wrapper.next { padding-left: 35px }
.post-nav .nav-direction-wrapper .nav-direction { padding: 15px; display: block; width: 100%; text-align: center; background: #dce0e0; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.post-nav .nav-direction-wrapper .nav-direction:hover { background: #dbdbdb }
.post-nav .nav-direction-wrapper .nav-direction span { display: block; margin: 0 0 10px; color: #a8afb0; font-size: 14px; line-height: 1em; font-weight: 700; letter-spacing: 0.04em; text-transform: uppercase }
.post-nav .nav-direction-wrapper .nav-direction p { margin: 0; color: #43b9c7; font-size: 12px; font-weight: 700; line-height: 1.35em; text-transform: uppercase }
@media (max-width: 768px) {
    .post-nav { padding: 0 30px }
    .post-nav .nav-direction-wrapper.next, .post-nav .nav-direction-wrapper.prev { padding: 0 }
}
.sidebar .sidebar-widget { margin-bottom: 20px; }
.sidebar .sidebar-widget ul { list-style-type: none; padding: 0; margin: 0 }
.sidebar .sidebar-widget .widget-title { margin: 0 auto 28px; max-width: 285px; display: block; color: #a8afb0; font-size: 12px; font-weight: 700; line-height: 1em; letter-spacing: 0.3em; position: relative; text-transform: uppercase }
.sidebar .sidebar-widget .widget-title:after { border-top: 2px solid #43b9c7; position: absolute; z-index: 1; content: ""; width: 100%; left: 0; margin-top: -1px; top: 50% }
.sidebar .sidebar-widget .widget-title span { position: relative; z-index: 2; background: #fff }
.sidebar .sidebar-widget:not(.widget_flickr) ul { padding: 0 0 0 40px }
.sidebar .sidebar-widget:not(.widget_flickr) ul li { line-height: 1em; margin: 0 0 12px }
.sidebar .sidebar-widget:not(.widget_flickr) ul li:last-of-type { margin: 0 }
.sidebar .sidebar-widget:not(.widget_flickr) ul li a { color: #a8afb0; font-size: 12px; font-weight: 700; line-height: 1em; letter-spacing: 0.3em; text-transform: uppercase }
.sidebar .sidebar-widget:not(.widget_flickr) ul li a:before { content: "-" }
.sidebar .sidebar-widget:not(.widget_flickr) ul li a:hover { color: #43b9c7 }
.sidebar .widget_search span { color: #c9c9c9; display: inline-block; font-size: 16px; font-weight: 400; letter-spacing: 0.2em; line-height: 1em; padding: 0 0 15px 0; text-transform: uppercase; }
.sidebar .widget_search label { position: relative; margin: 0 0 10px; overflow: hidden; display: block; width: 100% }
.sidebar .widget_search label .form-input { position: relative; padding: 10px; z-index: 2; color: #fff; width: 100%; font-size: 14px; font-weight: 400; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase; display: block; background: transparent; border-bottom: 3px solid; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
/*.sidebar .widget_search label .form-input:focus, .sidebar .widget_search label .form-input.has-value { outline: none; border-color: transparent }*/
.sidebar .widget_search label .form-input.has-value { outline: none; border-color: transparent; }
.sidebar .widget_search label .form-input:focus+span:after, .sidebar .widget_search label .form-input.has-value+span:after { -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 0deg); transform: perspective(1000px) rotate3d(1, 0, 0, 0deg) }
.sidebar .widget_search label span { display: inline-block; padding: 8px 0 0 10px; color: #c9c9c9; font-size: 14px; font-weight: 400; line-height: 1em; letter-spacing: 0.2em; text-transform: uppercase }
.sidebar .widget_search label span:after { content: ""; position: absolute; bottom: 27px; z-index: 1; pointer-events: none; left: 0; width: 100%; height: 100%; /*background: #43b9c7;*/ -webkit-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -ms-transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); transform: perspective(1000px) rotate3d(1, 0, 0, 90deg); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.sidebar .widget_from_blog { font-size: 0 }
.sidebar .widget_from_blog .sidebar-blogpost { display: inline-block; position: relative; text-align: center; width: 100%; margin: 0 0 10px }
.sidebar .widget_from_blog .sidebar-blogpost p { position: absolute; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); display: block; width: 100%; color: #fff; font-size: 13px; line-height: 1em; font-weight: 300; pointer-events: none; text-transform: uppercase; letter-spacing: 0.06em; margin: 0; top: 50%; -webkit-transition: all 0.27s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.27s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.27s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.sidebar .widget_from_blog .sidebar-blogpost p.reveal-on-hover { font-size: 15px; font-weight: 700; top: 150% }
.sidebar .widget_from_blog .sidebar-blogpost p.reveal-on-hover:after { font-family: FontAwesome; margin: 0 0 0 8px; content: "" }
.sidebar .widget_from_blog .sidebar-blogpost .cover { border-radius: 8px; overflow: hidden }
.sidebar .widget_from_blog .sidebar-blogpost .cover:before { top: 0; left: 0; bottom: 0; right: 0; content: ""; border-radius: 8px; position: absolute; background: #000; opacity: 0.6; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.sidebar .widget_from_blog .sidebar-blogpost .cover:hover:before { opacity: 0.75 }
.sidebar .widget_from_blog .sidebar-blogpost:hover p:not(.reveal-on-hover) { top: -10% }
.sidebar .widget_from_blog .sidebar-blogpost:hover p.reveal-on-hover { top: 50% }
.sidebar .widget_from_blog .sidebar-blogpost:last-of-type { margin: 0 }
.sidebar .widget_flickr ul li { display: inline-block; position: relative; width: 21%; margin: 0 2% 16px }
.sidebar .widget_flickr ul li:before { position: absolute; content: ""; opacity: 0; background: rgba(67,185,199,0.5); -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; pointer-events: none; top: 0; left: 0; right: 0; bottom: 0 }
.sidebar .widget_flickr ul li:hover:before { opacity: 1 }
.sidebar .widget_flickr ul li img { width: 100% }
@media (min-width: 992px) {
    .sidebar { display: block; margin: 0 auto; max-width: 330px }
}
@media (max-width: 992px) {
    .sidebar { padding: 50px 0 50px; }
}
.course-description-list { list-style-type: none; padding: 0; margin: 0 }
.course-description-list li { list-style-type: none }
.course-description-list li p { margin: 0 !important; color: #a8afb0; font-size: 14px; font-weight: 400; line-height: 1.35em; letter-spacing: 0.04em }
.course-description-list li p a { color: inherit; /*text-decoration:underline;*/ }
/*.course-description-list li p a:hover { color: #ddbd42 }*/
.course-description-list .lesson { border-top: 1px dashed #e1e1e1; position: relative }
.course-description-list .lesson .heading { position: absolute; z-index: 2; display: inline-block; min-width: 97px; top: 5px; left: 0 }
.course-description-list .lesson .heading:after { position: absolute; content: ""; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: -9px; height: 25px; border-right: 2px solid #43b9c7 }
.course-description-list .lesson .heading span { display: inline-block; cursor: pointer; color: #43b9c7; text-align: center; padding: 13px 12px 13px 13px; border: 1px solid #43b9c7; font-size: 12px; line-height: 1em; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.course-description-list .lesson .heading span:hover { color: #fff; background: #43b9c7 }
.course-description-list .lesson .body { position: relative; min-height: 50px; padding: 14px 20px 12px 135px }
.course-description-list .lesson .body:after { position: absolute; font-family: icomoon; display: inline-block; font-size: 17px; color: #43b9c7; right: 20px; top: 12px }
.course-description-list .lesson .body .status { margin: 0; position: absolute; text-transform: uppercase; top: 17px; right: 45px; font-size: 11px; font-weight: 400; letter-spacing: 0.1em }
.course-description-list .lesson .body .status a { color: inherit; border-bottom: 1px solid transparent }
.course-description-list .lesson .body .status a:hover { color: #43b9c7; border-color: #43b9c7 }
.course-description-list .lesson .body.locked:after { content: ""; color: #a8afb0 }
.course-description-list .lesson .body.unlocked p { opacity: 0.8 }
.course-description-list .lesson .body.unlocked:after { content: "" }
.course-description-list .lesson .lesson-description { display: none; border-top: 1px dashed #e1e1e1 }
.course-description-list .lesson .lesson-description li { position: relative }
.course-description-list .lesson .lesson-description li .heading { top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%) }
.course-description-list .lesson .lesson-description li .heading .icon { -webkit-transition: all 0.8s ease-in-out; -moz-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out; display: block; opacity: 0; text-align: center; color: #43b9c7 }
.course-description-list .lesson .lesson-description li .heading .icon.visible { opacity: 1 }
.course-description-list .lesson .lesson-description li .body { min-height: 0 }
.course-description-list .lesson:last-of-type { border-bottom: 1px dashed #e1e1e1 }
@media (max-width: 992px) {
    .course-description-list .lesson .body { padding: 10px 15px 8px 125px }
}
.register-popup { position: absolute; background: rgba(67,185,199,0.85); padding: 225px 30px 0; z-index: 9999; top: 0; left: 0; right: 0; bottom: 0; /*opacity: 0;*/ visibility: hidden; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; display: none; }
.register-popup.active { visibility: visible; /*opacity: 1*/ display: block; }
.register-popup.active .popup-wrapper { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) }
.register-popup .popup-wrapper { position: relative; display: block; max-width: 600px; margin: 0 auto; overflow: hidden; border-radius: 8px; padding: 56px 0 55px; background: #fafafa; -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -ms-transform: translateY(-100px); -o-transform: translateY(-100px); transform: translateY(-100px); -webkit-transition: all 0.35s cubic-bezier(0.25, 0.35, 0, 1.74); -moz-transition: all 0.35s cubic-bezier(0.25, 0.35, 0, 1.74); transition: all 0.35s cubic-bezier(0.25, 0.35, 0, 1.74) }
.register-popup .popup-wrapper .close-popup-btn { position: absolute; right: 10px; top: 10px; cursor: pointer; font-size: 16px; font-weight: 700; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); padding: 10px; display: block; }
.register-popup .popup-wrapper .close-popup-btn:hover { color: #000 }
.register-popup .popup-wrapper .section-header { margin: 0 -170px 40px }
.register-popup .popup-wrapper .section-header h1 { min-width: 190px; padding: 0 40px; color: #848484; font-size: 20px; font-weight: 700; letter-spacing: 0.16em; background: #fafafa; font-family: "Roboto Slab", serif }
.register-popup .popup-wrapper .section-header.small { margin-bottom: 20px }
.register-popup .popup-wrapper .section-header.small h1 { min-width: 0 }
.register-popup .popup-wrapper .section-header.small h1 span { display: inline-block; font-size: 10px; font-weight: 400; color: #bebfc0; font-family: "Lato", sans-serif; height: 30px; width: 30px; line-height: 28px; vertical-align: middle; text-align: center; border: 1px solid #e7e7e7; letter-spacing: 0; text-transform: uppercase }
.register-popup .popup-wrapper p { margin: 0 -90px 5px; font-size: 10px; line-height: 1.4em; text-align: center; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase }
.register-popup .popup-wrapper button.login-btn { text-transform: uppercase; }
.register-popup .popup-wrapper p a { /*color: #43b9c7;*/ padding: 0 0 2px; border-bottom: 1px dashed transparent }
/*.register-popup .popup-wrapper p a:hover { border-color: #43b9c7 }*/
.register-popup .popup-wrapper form { padding: 0 90px }
.register-popup .popup-wrapper form label { display: block; margin: 0 0 20px }
.register-popup .popup-wrapper form label span, .register-popup .popup-wrapper form label input { display: block; color: #a7a7a7; font-size: 14px; font-weight: 400; letter-spacing: 0.16em; }
.register-popup .popup-wrapper form label span { margin: 0 0 8px; line-height: 1em }
.register-popup .popup-wrapper form label input { width: 100%; color: gray; padding: 2px 8px; background: transparent; border: 1px solid #e7e7e7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.register-popup .popup-wrapper form label input:focus, .register-popup .popup-wrapper form label input.has-value { outline: none; border-color: #cbcaca }
.register-popup .popup-wrapper form label textarea { width: 100%; color: gray; padding: 2px 8px; background: transparent; border: 1px solid #e7e7e7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) }
.register-popup .popup-wrapper form label textarea:focus, .register-popup .popup-wrapper form label textarea.has-value { outline: none; border-color: #cbcaca }
.register-popup .popup-wrapper form label select { width: 100%; color: gray; padding: 3px 8px; background: transparent; border: 1px solid #e7e7e7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); height: 30px; }
.register-popup .popup-wrapper form label select:focus, .register-popup .popup-wrapper form label select.has-value { outline: none; /*border-color: #cbcaca*/ }
.register-popup .popup-wrapper form label.short { display: inline-block; margin-right: 30px; max-width: 70px }
.register-popup .popup-wrapper form .btn-wrapper { margin-bottom: 20px }
.register-popup .popup-wrapper form .btn-wrapper .btn { padding: 17px 33px }
.register-popup .popup-wrapper form .social-buttons { margin: 0 -45px; padding: 0 0 20px; text-align: center }
.register-popup .popup-wrapper form .social-buttons a { display: inline-block; margin-right: 20px; font-size: 12px; color: #fff; font-weight: 700; line-height: 1em; position: relative; letter-spacing: 0.16em; text-transform: uppercase; padding: 14px 30px 14px 50px; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; transition: all 0.25s }
.register-popup .popup-wrapper form .social-buttons a:before { position: absolute; pointer-events: none; font-family: FontAwesome; font-weight: normal; font-size: 20px; color: #fff; left: 20px; top: 14px }
.register-popup .popup-wrapper form .social-buttons a.facebook { background: #6788ce }
.register-popup .popup-wrapper form .social-buttons a.facebook:hover { background: #5171b3 }
.register-popup .popup-wrapper form .social-buttons a.facebook:before { content: "" }
.register-popup .popup-wrapper form .social-buttons a.google-plus { background: #d95435 }
.register-popup .popup-wrapper form .social-buttons a.google-plus:hover { background: #c54a2e }
.register-popup .popup-wrapper form .social-buttons a.google-plus:before { content: "" }
.register-popup .popup-wrapper form .social-buttons a:last-of-type { margin: 0 }
.register-popup .popup-wrapper form#login-form, .register-popup .popup-wrapper form#forgot-form, .register-popup .popup-wrapper form#reset-form { display: none }
@media (max-width: 520px) {
    .register-popup .popup-wrapper form { padding: 0 25px }
    .register-popup .popup-wrapper .social-buttons a { margin: 0 0 20px !important; margin-right: 0 !important; display: block; max-width: 160px }
}
.main-loader .loader-front { position: relative; display: inline-block; max-width: 80px; overflow: hidden }
.main-loader .loader-front img { position: relative; z-index: 3 }
.main-loader .loader-front:before, .main-loader .loader-front:after { position: absolute; content: ""; left: 0; bottom: -2px; width: 100% }
/*.main-loader .loader-front:before { background: rgba(67,185,199,0.15); z-index: 1; height: 120% }
.main-loader .loader-front:after { z-index: 2; background: #43b9c7 }*/
.main-loader.visible .loader-front:after { -webkit-animation: customLoader 0.75s infinite; -moz-animation: customLoader 0.75s infinite; -o-animation: customLoader 0.75s infinite; animation: customLoader 0.75s infinite }
@-webkit-keyframes customLoader { 0% {
                                      height:0
                                  }
                                  5% {
                                      height:2%
                                  }
                                  10% {
                                      height:10%
                                  }
                                  25% {
                                      height:20%
                                  }
                                  40% {
                                      height:45%
                                  }
                                  50% {
                                      height:50%
                                  }
                                  60% {
                                      height:55%
                                  }
                                  70% {
                                      height:60%
                                  }
                                  75% {
                                      height:85%
                                  }
                                  80% {
                                      height:90%
                                  }
                                  100% {
                                      height:100%
                                  }
}
@-moz-keyframes customLoader { 0% {
                                   height:0
                               }
                               5% {
                                   height:2%
                               }
                               10% {
                                   height:10%
                               }
                               25% {
                                   height:20%
                               }
                               40% {
                                   height:45%
                               }
                               50% {
                                   height:50%
                               }
                               60% {
                                   height:55%
                               }
                               70% {
                                   height:60%
                               }
                               75% {
                                   height:85%
                               }
                               80% {
                                   height:90%
                               }
                               100% {
                                   height:100%
                               }
}
@-o-keyframes customLoader { 0% {
                                 height:0
                             }
                             5% {
                                 height:2%
                             }
                             10% {
                                 height:10%
                             }
                             25% {
                                 height:20%
                             }
                             40% {
                                 height:45%
                             }
                             50% {
                                 height:50%
                             }
                             60% {
                                 height:55%
                             }
                             70% {
                                 height:60%
                             }
                             75% {
                                 height:85%
                             }
                             80% {
                                 height:90%
                             }
                             100% {
                                 height:100%
                             }
}
@keyframes customLoader { 0% {
                              height:0
                          }
                          5% {
                              height:2%
                          }
                          10% {
                              height:10%
                          }
                          25% {
                              height:20%
                          }
                          40% {
                              height:45%
                          }
                          50% {
                              height:50%
                          }
                          60% {
                              height:55%
                          }
                          70% {
                              height:60%
                          }
                          75% {
                              height:85%
                          }
                          80% {
                              height:90%
                          }
                          100% {
                              height:100%
                          }
}
.search-courses input { padding: 10px 15px; vertical-align: top; width: 100%; max-width: 450px; background: #fff; border: 1px solid #fff; font-size: 16px; color: #a7a7a7; font-weight: 400; letter-spacing: 0.04em; }
.search-courses button { background: #fff; border: 1px solid #fff; padding: 12px 15px; margin-left: -4px; font-size: 12px; }
.process .simple-service .fa { color: #43b9c7; font-size: 65px; margin: 0 0 18px; display: inline-block; }
.process { padding-bottom: 60px; }
.post-header h4 { text-transform: none; margin: 0px; letter-spacing: normal; line-height: 24px; font-weight: 400; }
.services-description .post-meta { padding-top: 0px !important; }
.post-header .post-meta a { color: #666; }
.col-xs-12.col-md-3.x-small { min-height: 320px; }
.x-small::before { content: "\f178"; display: inline-block; font-family: fontawesome; position: absolute; left: -4%; top: 20%; font-size: 30px; color: #666; }
.x-small:first-child:before { display: none; }
.section-courses .filters-box .box-heading .advanced-filters-toggle { float: left; left: 30px; top: 5px; padding-top: 10px; }
.set-priority-btn .btn.theme-btn-2 { padding: 21px 57px; }
.section-courses .filters-box .box-heading { margin-bottom: 30px; }
.courses h6 { color: #b0b7b9; margin: 0px; }
.courses .course-details .title { font-size: 15px; min-height: auto; line-height: 18px; letter-spacing: 0; }
.courses .course-details { padding: 20px 18px; min-height: 320px; position: relative; }
.courses .single-course { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.courses .single-course:hover { background-color: #e8e8e8 }
.courses .single-course .course-details .course-action { text-align: inherit; position: absolute; left: 20px; right: 20px; bottom: 20px; }
.courses .single-course .course-details .course-action .price { padding: 8px; line-height: 46px; }
.courses .single-course .course-details .course-action .btn.theme-btn-1 .button { padding: 1px 18px; min-width: 150px; vertical-align: middle; }
.courses .single-course .course-thumbnail span { background-color: #43b9c7; padding: 8px 15px; position: absolute; top: 0; left: 0; color: #fff; font-weight: bold; }
.single-course .btn-sm { margin-bottom: 5px; }
.dashboard-rhs .instructor-box { background: #f5f5f5; }
.dashboard-rhs .instructor-box + .instructor-box { background: #cccccc; }
.dashboard-rhs .instructor-profile { position: relative; }
.dashboard-rhs .instructor-profile a { border-bottom: 1px solid; }
.dashboard-rhs .instructor-profile i.fa { position: absolute; width: 50px; height: 50px; right: 0px; top: -10px; font-size: 50px; color: #aaaaaa; }
.dashboard-rhs .instructor-profile i.fa.text-only { font-weight: bold; font-size: 55px; color: #555; }
input[type=checkbox] { visibility: hidden; }
/* SQUARED THREE */
.squaredThree { width: 26px; height: 26px; margin: 12px auto; position: relative; float: left; }
.squaredThree label { cursor: pointer; position: absolute; width: 26px; height: 26px; top: 0; left: 0; background-color: #fff; border: 1px solid #ccc; }
.squaredThree label.check-label { width: auto; padding-left: 40px; background-color: transparent; padding-top: 5px; border: none; }
.squaredThree label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; content: ''; position: absolute; width: 16px; height: 8px; background: transparent; top: 6px; left: 5px; border: 3px solid #43b9c7; border-top: none; border-right: none; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
.squaredThree label:hover::after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; filter: alpha(opacity=30); opacity: 0.3; }
.squaredThree input[type=checkbox]:checked + label:after { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.pad-left { padding-left: 0 !important; }
.pad-right { padding-right: 0 !important; }
.no-pad { padding: 0 !important; }
.step-flow { margin-bottom: 50px; }
.multistep .multistep-step { padding: 0; position: relative; margin-bottom: 30px; }
.multistep .multistep-step .multistep-stepname { margin-bottom: 16px; color: #595959; font-size: 1.6rem; white-space: nowrap; text-align: center; }
.multistep .multistep-step .multistep-dot { position: absolute; right: 50%; left: 50%; width: 32px; height: 32px; display: block; margin-top: -16px; margin-left: -15.5px; border-radius: 50%; background: #f5f5f5; text-align: center; color: #fff; font-weight: 600; line-height: 28px; }
.multistep .multistep-step .multistep-dot:after { content: ' '; border-radius: 50px; position: absolute; top: 8px; bottom: 8px; left: 8px; right: 8px;/*background: #e0e0e0;*/ }
.multistep .multistep-step .progress { position: absolute; width: 100%; height: 10.56px; margin-top: -5.28px; box-shadow: none; border-radius: 0; }
.multistep .multistep-step .progress .progress-bar { width: 0px; box-shadow: none; background: #43b9c7; }
.multistep .multistep-step:first-child > .progress { left: 50%; width: 50%; }
.multistep .multistep-step:last-child > .progress { width: 50%; }
.multistep .multistep-step.complete .multistep-dot { background: #43b9c7; }
/*.multistep .multistep-step.complete .multistep-dot:after {background: #fbbd19;}*/
.multistep .multistep-step.complete .progress > .progress-bar { width: 100%; }
.multistep .multistep-step.next:hover .multistep-dot { background: #43b9c7; color: #fff; border: none; }
/*.multistep .multistep-step.next:hover .multistep-dot:after {background: #fbbd19;}*/
.multistep .multistep-step.current .multistep-dot { background: #43b9c7; }
/*.multistep .multistep-step.current .multistep-dot:after {background: #fbbd19;}*/
.multistep .multistep-step.current .progress > .progress-bar { width: 50%; }
.multistep .multistep-step.current:first-child > .progress > .progress-bar { width: 0%; }
.multistep .multistep-step.current:last-child > .progress > .progress-bar { width: 100%; }
.multistep .multistep-step a.multistep-dot { pointer-events: none; }
.multistep .multistep-step.next a.multistep-dot { pointer-events: all; color: #666; }
.multistep .multistep-step.current a.multistep-dot { pointer-events: all; color: #fff; }
.multistep .multistep-step.disabled a.multistep-dot { color: #666; }
.progress-bar { background-color: #428bca; box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.15) inset; color: #fff; float: left; font-size: 12px; height: 100%; line-height: 20px; text-align: center; transition: width 0.6s ease 0s; width: 0; }
.progress { background-color: #f5f5f5; border-radius: 4px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; height: 20px; margin-bottom: 20px; overflow: hidden; }
.credits { margin-bottom: 20px; }
.credits h3 { float: left; font-size: 16px; letter-spacing: 0; margin-bottom: 0; text-decoration: none; text-transform: none; width: auto; margin-top: 0; line-height: 26px; vertical-align: middle; }
.credits .form-input.js-input { border: 1px solid #999; margin-left: 10px; margin-right: 10px; padding: 0px 5px; vertical-align: middle; width: 40px; font-size: 17px; text-align: center; }
.credits .btn.save { display: inline; padding: 5px 15px 6px; }
.credits p { float: left; width: 100%; }
.next-pay a { float: right; width: 100%; }
.my-course { padding-bottom: 20px; border-bottom: 1px solid #ccc; margin-bottom: 0; padding-top: 20px; }
.my-course .course-details { padding: 0; }
.my-course .course-details p { margin-bottom: 0; font-size: 13px; font-weight: 400; }
.my-course .course-details .title { min-height: auto; margin-bottom: 5px; }
#my_courses .course.single-course { min-height: 110px !important; margin: 0 0 5px !important; padding-top: 10px !important; }
#my_courses .profile-courses h3 { margin-bottom: 10px; }
#past_courses .course.single-course { min-height: 60px !important; margin: 0 0 5px !important; padding-top: 15px !important; }
#past_courses .profile-courses h3 { margin-bottom: 10px; }
.my-course .course-details .course-action { padding: 4px 5px 5px; text-align: left; margin-top: 7px; width: 100%; }
.my-course .course-details .course-action .fa { margin-right: 4px; }
.my-course .course-details .course-action .price { margin-left: 0; margin-right: 0; height: 40px; min-width: 40px; line-height: 40px; }
.my-course .course-thumbnail .ccode { background-color: #43b9c7; text-align: center; color: #fff; }
.my-course .course-thumbnail .ccode p { margin: 0; padding: 4px 0; font-weight: 600; }
.my-course .course-details .remove-course { border: 1px solid #43b9c7; color: #666; text-align: center; padding: 8px 10px; line-height: 0; }
.my-course .form-input.js-input { border: 1px solid; font-size: 20px; font-weight: 600; padding: 6px; width: 100%; text-align: center; line-height: 22px; }
.my-course .course-details .remove-course:hover { color: #fff; }
.my-course .course-no { color: #fff; float: left; font-weight: 600; height: 40px; line-height: 38px; text-align: center; width: 40px; }
.my-course .course-number { text-align: center; width: 100%; /*border:1px solid #43b9c7;*/ font-size: 20px; font-weight: 600; padding: 6px 0; }
.sidebar-description .instructor-box { background: #f5f5f5 none repeat scroll 0 0; margin: 0 0 30px; padding: 30px; }
.sidebar-description .instructor-box .instructor-profile h3 { margin-top: 0; margin-bottom: 0px; }
.sidebar-description .instructor-box .course-info { padding: 0; list-style: none; }
.sidebar-description .instructor-box .course-info li { padding: 10px 0; border-bottom: 1px solid #ccc; }
.sidebar-description .instructor-box .course-info p { margin-bottom: 0; line-height: 20px; }
.title-list h1 { margin-top: 0; }
.title-list .price { background: #43b9c7 none repeat scroll 0 0; color: #fff; margin-left: 10px; margin-right: 0; padding: 8px 12px; float: left; }
.course-data .instructor-box .instructor-profile { padding: 0; }
.course-data .instructor-box .instructor-profile ul.course-info { padding: 0; }
.course-data .instructor-box .instructor-profile ul.course-info li { margin: 0; }
.course-data .instructor-box .course-info p { font-size: 16px; color: #666; font-weight: 500; }
.course-data .instructor-box .course-info i { margin-right: 15px; margin-bottom: 8px; float: left; font-size: 20px; }
.add-selection .course-info { list-style: none; padding: 0; }
.add-selection .course-info p { margin-bottom: 15px; }
.add-selection .btn.theme-btn-2 { padding: 20px 30px; margin-top: 25px; }
.add-selection .fa { font-size: 20px; vertical-align: middle; margin-top: -10px; }
.student-project .course-details .title { min-height: auto; margin: 0; letter-spacing: 0; line-height: 18px; }
.student-project .course-details i { font-size: 13px; line-height: 13px; font-weight: 400; }
.course-cover { margin-bottom: 15px; }
.course-cover em { font-size: 14px; }
.fees { border: 1px dashed #e1e1e1; padding: 30px; float: left; width: 100%; }
.fees h3 { font-size: 30px; margin: 0 0px 10px; float: left; width: 100%; }
.fees .btn.theme-btn-2.pay-eazy{ float:left;}
.cause-selectbox { margin-bottom: 30px; }
.search-courses { position: absolute; top: 245px; /*width: 100%;*/ z-index: 9; padding: 0 15px; width: 50%; left: 25%; }
.sub-nav { display: none; }
.join-box { padding: 150px 20px; }
.join-box .button-wrapper { text-align: center; }
.join-box .button-wrapper .btn.theme-btn-2 { padding: 21px 50px; }
.join-box h2 { text-align: center; margin-bottom: 40px; font-size: 28px; line-height: 35px; }
.join-box p {text-align: center; color:#fff;}
.courses-hori .single-course .course-details .course-action { bottom: auto; padding: 0 30px 0 15px; position: relative; left: 0; right: 0; }
.courses-hori .course-details { min-height: auto; }
.courses-hori .single-course .course-details .title { margin-bottom: 0; margin-top: 18px; padding-left: 30px; }
.courses-hori .single-course.grid-course { margin-bottom: 0 !important; border-bottom: 1px solid #f3f3f3; }
/*.courses-hori .single-course.grid-course:first-child { padding-top: 0;}*/
.courses-hori .single-course .course-details .course-action .price { margin-right: 10px; margin-left: 0; }
.courses-hori .single-course .course-thumbnail { display: none; }
.courses-hori .single-course .course-details { padding: 15px 0; }
.courses-hori .course-details .title { font-size: 16px; letter-spacing: 0; line-height: 18px; min-height: auto; }
.courses-hori .single-course .course-details .course-action .btn.theme-btn-1 .button { min-width: 150px; padding: 1px 18px; vertical-align: middle; }
.courses-hori .single-course .course-details .course-action a { float: right; }
.courses-hori .single-course .course-details .course-action .price { line-height: 46px; padding: 8px; }
.courses-hori .single-course .course-details h6 { padding: 0 15px 0 30px; color: #b0b7b9; margin: 3px 0 0 0; position: absolute; }
.courses-hori .single-course .course-details .course-meta { padding: 0 15px; }
.courses-hori .single-course:hover { background-color: #e8e8e8; }
/*.courses-hori #course_list{ margin-bottom:40px;}*/
.courses-hori #course_div .center-block { margin-top: 40px; }
.filter-list { display: inline-block; margin-left: 5px; margin-top: 3px; float: left; }
.section-courses .filters-box .box-heading .filter-list a { cursor: pointer; display: inline-block; margin-left: 0; font-size: 28px; background-color: #f3f3f3; padding: 8px; border: 1px solid #e4e4e4; margin-left: -5px; color: #666; }
.section-courses .filters-box .box-heading .filter-list a.active { /*background-color:#ddbd42;*/ color: #fff; }
/*.section-courses .filters-box .box-heading .filter-list a:hover, .section-courses .filters-box .box-heading .filter-list a:focus{ color:#ddbd42;}*/
.section-courses .filters-box .box-heading .filter-list a.active { color: #fff !important; }
.section-news { padding: 60px 0 10px; }
/* Alert box css added by Nishant */

.alert-msg .alert { max-width: 650px; width: 90%; margin: 0 auto; display: none; }
.alert-success hr { border-top-color: #c9e2b3 }
.alert-success .alert-link { color: #2b542c }
.alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #31708f }
.alert-info hr { border-top-color: #a6e1ec }
.alert-info .alert-link { color: #245269 }
.alert-warning { background-color: #fcf8e3; border-color: #faebcc; color: #8a6d3b }
.alert-warning hr { border-top-color: #f7e1b5 }
.alert-warning .alert-link { color: #66512c }
.alert-danger { background-color: #f2dede; border-color: #ebccd1; color: #a94442 }
.alert-danger hr { border-top-color: #e4b9c0 }
.alert-danger .alert-link { color: #843534 }
.alert-msg { width: 100%; position: fixed; top: 100px; z-index: 9999; text-align: center; }
.alert { padding: 15px }
.fees-msg { width: 100%; position: relative; text-align: center; display: block !important; top: 0; z-index: 1; }
.fees-msg .alert { padding: 15px }
.fees-msg .alert-warning { color: #fff; text-align: left; font-size: 15px; margin: 0; display: block; margin-bottom: 5px; padding: 7px 15px 9px; max-width: 500px; line-height: 18px; font-weight: 400; }
.fees-msg .alert-success { color: #fff; text-align: left; font-size: 15px; margin: 0; display: block; margin-bottom: 5px; padding: 7px 15px 9px; max-width: 500px; line-height: 18px; font-weight: 400; }
.fees-msg .alert-success a { color: #fff; text-decoration: underline; }
.fees-msg .alert-warning .fa { margin-right: 10px; font-size: 15px; }
.fees-msg .alert-success .fa { margin-right: 10px; font-size: 15px; }
.enroll-course { display: block; margin-top: 20px; }
.enroll-course .btn.theme-btn-1 .button { padding: 5px 20px; vertical-align: middle; /*min-width: 275px;*/ min-width: 150px; }
.enroll-course .squaredThree label { color: #495051; }
.enroll-course .squaredThree label.check-label { /*width: 250px;*/ width: 120px; }
/*.course-action .c-selected{ background-color:#ddbd42;}*/
.course-action .c-selected label.check-label { color: #fff; }
.enroll-course .c-selected label.check-label { color: #fff; }
.btn-login .fa.fa-cog { font-size: 20px; vertical-align: middle; margin-top: -1px; margin-left: 4px; }
.btn-login .fa.fa-sign-in { font-size: 20px; vertical-align: middle; margin-top: -1px; margin-left: 4px; }
.alert-msg .alert-warning { color: #fff; text-align: left; font-size: 18px; }
.alert-msg .alert-success { color: #fff; text-align: left; font-size: 18px; }
.alert-msg .close { float: right; color: #fff; font-weight: 600; font-size: 30px; padding: 0 10px; }
.mobile-nav { display: none; }
.tabbing-text .my-course { border: none; padding: 0; }
.tabbing-text .sidebar-description .instructor-box { background-color: #fff; border: 1px solid #e7e7e7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; }
.tabbing-text .sidebar-description .instructor-box:hover { background-color: #e8e8e8; }
.filter-input-box .dropdown .ui-datepicker { width: 100%; }
.filter-input-box .dropdown .ui-widget-header .ui-icon { background-image: none; display: none; margin-top: -15px; }
.filter-input-box .dropdown .ui-widget-header .ui-datepicker-prev-hover .ui-icon, .filter-input-box .dropdown .ui-widget-header .ui-datepicker-next-hover .ui-icon { background-image: none !important; display: none !important; margin-top: -15px; }
.section-courses .filters-box .advanced-filters-box .filter-input-box .input-box .dropdown .calendar .ui-datepicker-header .ui-datepicker-next { right: 15px; top: 4px; }
.ui-datepicker-calendar thead { font-size: 13px; }
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { font-size: 17px; font-weight: normal; }
.recent-news h2 { margin-top: 6px; }
.next-pay .btn.theme-btn-2 { padding: 21px 50px; }
.fees p { margin-bottom: 8px; color: #a8afb0; font-weight: 400; font-size: 16px; letter-spacing: 0.04em; text-transform: none; line-height: 18px; }
.fees .btn.theme-btn-2 { padding: 21px 50px; float: right; margin-top: 5px; }
.section-myaccount .tabs-box .course-summer .box-caption { margin-top: 20px; margin-bottom: 20px; text-align: left; }
.inner-sublinks { list-style: none; margin-top: 10px; background:#f5f5f5 none repeat scroll 0 0; padding:20px 30px 30px; float:left; width:100%; }
.inner-sublinks li { border-bottom: 1px solid #ccc; float: left; margin: 0; padding: 0; width: 100%; }
.inner-sublinks li a { padding: 8px 0; display: block; width: 100%; color:#666; font-weight:400; }
.inner-sublinks li a .fa{ margin-right:0; float:right; line-height:26px;}
.modal .modal-dialog .modal-body ul { padding-left: 20px; }
.modal .modal-dialog .modal-body ul li { line-height: 22px; padding: 5px 0; }
.modal .modal-dialog{ margin-top:80px;}

.table-timeline{ width:100%;}
.table-timeline.table-striped > tbody > tr:nth-child(2n+1) > td, .table-timeline.table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #f9f9f9;}
.table-timeline.table-striped > tbody > tr > td{ padding:8px; border-top:1px solid #ddd; line-height:1.42857; vertical-align:top; #666; font-size:14px; font-weight:400;}


.form-feedbc{ margin:30px 0 20px;}
.feed-ol{ padding-left:20px;}
.feed-ol li{ margin-bottom:7px;}
/* Use a wide full screen for small screens like tablets. */

.my_planHeader { text-align: center; color: #333; padding: 8px; border-top:1px solid #ccc; border-right:1px solid #ccc; line-height:20px; background-color:#f5f5f5;}
.my_planTitle { font-size: 14px; font-weight: 600; }
.my_planPrice { font-size: 16px; font-weight: 400; }
.my_planDuration { margin-top: -0.6em; display: none; }
.my_feature{ /* line-height:20px;*/ font-size: 14px; padding:8px 15px; font-weight:400; line-height:20px; background-color:#fff;}
.my_feature > span { float: left; font-size: 15px; font-weight: 600; width: 5%;}
.my_feature p{ margin-bottom:0; float:left; width:95%;}

.height-02 { height: 100%; min-height: 65px; vertical-align: middle;}
.height-03 { height: 100%; min-height: 80px; vertical-align: middle;}
.height-04 { height: 100%; min-height: 100px; vertical-align: middle;}
.height-05{ height: 100%; min-height: 160px; vertical-align: middle;}
.my_planFeature > input[type="radio"] { transform:scale(1); -webkit-transform:scale(1); }
.feed-sub{ text-align:center; margin-top:30px;}
.row.my_featureRow:hover { background-color: #93c14d;}
.row.my_featureRow:hover .my_feature{ color:#fff;}
.row.my_featureRow:hover .my_textFeature textarea{ background-color:#fff; border:1px solid #fff; resize:vertical;}
.row.my_featureRow:hover .my_planFeature, .row.my_featureRow:hover .my_feature { background-color: #93c14d;}


.my_plan0{  border-left:1px solid #ccc; border-right:0;}
.my_planTitle0{ font-weight:normal; text-align:left; font-size:14px;}
.form-feedbc h3{ margin:0 0 15px; padding:0 0; color:#333;}
.form-feedbc h4{ margin:0; padding:6px 0; margin-bottom:0;}
.my_plan10{ border-right:1px solid #ccc; border-left:1px solid #ccc;}
.my_plan12 {border-right:1px solid #ccc; border-left:1px solid #ccc; background-color:#fff;}
.my_planTitle0 h5{ margin:0; padding:5px 0; text-align:center;}
.my_plan13{ border-left:1px solid #ccc;}
.my_textFeature textarea{background-color: #f5f5f5; padding:8px 10px; width: 100%; margin-bottom:10px; border:1px solid #ccc;}
.my_plan3{ border-right:1px solid #ccc;}
.my_plan4{ border-right:1px solid #ccc;}

@media (max-width: 1199px) {
    .height-res-04{ min-height:100px;}	
    .height-res-02{ min-height:58px;}
    .height-res-06{min-height:77px;}
    .height-res-07{ min-height:75px;}

}
@media (min-width: 768px) and (max-width:992px) {
    .container { width: initial; padding-left: 2em; padding-right: 2em; }
    .my_planTitle0 h5{ padding:14px 0;}
    .height-res-08{ min-height:76px;}
    .height-03{ min-height:97px;}
}

@media (max-width: 900px) {
    .height-res-08{ min-height:80px;}
    .height-res-07{ min-height:96px;}
    .height-05{ min-height:220px;}
}
@media (max-width: 768px) {
    .my_planTitle { font-size: small; }
    .my_plan12 {border-right:1px solid #ccc;}
}

@media (max-width: 768px) {
    /*.my_feature { text-align: center }*/
    .my_plan0{border-right:1px solid #ccc;}
    .my_plan13{ display:none;}
    .height-02 { height: 100%; min-height: auto; vertical-align: middle;}
    .height-03 { height: 100%; min-height: auto; vertical-align: middle;}
    .height-04 { height: 100%; min-height: auto; vertical-align: middle;}
    .height-05 { height: 100%; min-height: auto; vertical-align: middle;}
    .height-res-02{  min-height: auto; vertical-align: middle;}


}
@media (max-width: 550px) {
    .height-res-04{ min-height:80px;}
    .height-res-06{min-height:80px;}	
}
.my_featureRow { background-color: #fff; margin-top:0; border: 1px solid #ccc; margin-bottom: -1px; line-height: 24px; }



/* --- Plan 1 --------------------------- */
.my_plan1 { /*background-color:rgba(237,237,237,0.5);*/ border-right:1px solid #ccc; border-left:1px solid #ccc; }
.my_planHeader.my_plan1 a { background: rgba(42, 87, 129, 1); color: white; }
/* --- Plan 2 --------------------------- */
.my_plan2 { border-right:1px solid #ccc; }
.my_planHeader.my_plan2 a { background: rgb(108, 131, 62); color: white; }

/* --- Plan 3 --------------------------- */
.my_planHeader.my_plan3 a { background: rgb(199, 127, 40); color: white; }
.my_planFeature { text-align: center; font-size: 16px; padding:8px 15px; background-color:#f5f5f5; }
.my_textFeature{ text-align: center; font-size: 16px; padding:0 15px; }
.my_planFeature i.my_check { color: green; }
.my_planFeature i.fa-times { color: red; }
/*.gold-clr { color: #FFD700; }
.silver-clr { color: #C0C0C0; }
.platnm-clr { color: #e5e4e2; }*/
.grybg {/*background-color:#f5f5f5;*/ background-color:#fff;}
.my_planFeature { background-color: rgba(255, 255, 255);}






.modal-fees .pay-open-btn {margin: 5px auto 0; padding: 4px 5px; width: 240px;}
.modal-fees .pay-open-btn > p { color: #fff; margin: 0; text-align: center;}
.on-charges{ background-color:#f2f2f2; padding:10px 20px;}
.on-charges a{ font-weight:600;}
.modal .modal-dialog.modal-fees{ margin-top:10px;}

.on-charges-note{ background-color:#f2f2f2; padding:10px 20px 13px; margin-bottom:20px;}
.on-charges-note p{ margin-bottom:0;}

.modal .modal-dialog.modal-fees .modal-header{ padding:10px 15px;}
.modal-fees p{ margin-bottom:8px; font-size:14px; line-height:20px;}
.modal-fees hr{ border-top:1px solid #ddd; width:100%; padding:0 0; max-width:100%; margin:8px 0 8px;}
.modal-fees hr::before, .modal-fees hr::after{ display:none;}
.table-feesss{ width:100%; font-size:14px;}
.table-feesss.table-striped > tbody > tr:nth-child(2n+1) > td, .table-feesss.table-striped > tbody > tr:nth-child(2n+1) > th { background-color: #f9f9f9;}
.table-feesss.table-striped > tbody > tr > td{ padding:5px 8px; border-top:1px solid #ddd; line-height:1.42857; vertical-align:top; #666; font-size:14px; font-weight:400;}
.table-feesss.table-striped > thead > tr > th{ padding:5px 8px; text-align:left;}



@media (min-width: 768px) {
    nav { float: right; margin-top: -50px; margin-right: 40px; }
    .fixed nav { margin-top: -40px; }
    .fixed .brand > img { width: 70%; }
    nav ul { float: right; list-style: outside none none; width: auto; }
    nav li { float: left; width: auto; }
    nav a { color: #fff; padding: 0 15px; outline: none; text-transform: uppercase; font-size: 14px; }
    nav a:hover, nav a:focus { color: #fff; }
    /*nav .btn.theme-btn-2{ margin-top:-15px; margin-left:10px;}*/


}
@media (max-width: 1199px) {
    header.fixed nav { margin-top: -35px; }
    header .action-bar .shopping-cart { margin-top: -4px; }
    /*header.fixed .action-bar .shopping-cart{ margin-top:-9px;}*/
    header.fixed .action-bar .shopping-cart .shopping-cart-toggle { height: 48px; line-height: 48px; }
    .courses-hori .single-course .course-details .course-action .price { margin-right: 8px; }
    .section-hero1 .heading { font-size: 28px; }
    .search-courses { top: 240px; }
}
@media (min-width: 991px) and (max-width:1199px) {
    .courses .single-course .course-details .course-action .btn.theme-btn-1 .button { min-width: 122px; padding: 1px 10px; }
    .section-myaccount .tabs-box .box-caption { font-size: 19px; letter-spacing: 0.04em; }
    .courses-hori .single-course .course-details .course-action .btn.theme-btn-1 .button { min-width: 130px; }
    .col-xs-12.col-md-3.x-small { min-height: 350px; }
    .simple-service { margin-bottom: 0; }
}
@media (max-width: 991px) {
    .x-small::before { content: "\f175"; display: inline-block; font-family: fontawesome; font-size: 30px; left: 49%; position: absolute; top: -25%; }
    .x-small { margin-bottom: 35px; }
    .x-small:last-child { margin-bottom: 0; }
    .col-xs-12.col-md-3.x-small { min-height: auto; }
    .simple-service { margin-bottom: 30px; }
    .next-pay a { float: left; }
    .sidebar-description { margin-top: 15px; }
    .my-course .course-no { position: absolute; z-index: 999; }
    nav { margin-top: -30px; }
    .join-box { padding: 60px 20px; }
    .join-box h2 { margin: 0; }
    .join-box .button-wrapper { padding: 0; }
    .fixed nav { margin-top: -34px; }
    .fixed .brand > img { width: 100%; }
    .step-flow { margin-bottom: 40px; }
    .set-priority-btn { display: block; /*width:100%;*/ /*margin-bottom: 20px;*/ }
    .set-priority-btn .btn.theme-btn-2 { float: right; padding: 21px 50px; }
    .course-hori .single-course .course-details .course-action { bottom: auto; padding: 30px 0 0 0; }
    /*.course-hori .course-details{ min-height:215px;}*/
    .course-hori .single-course .course-details .title { margin-bottom: 13px; }
    .courses-hori .single-course .course-details .course-meta { margin-top: 10px; padding: 0 30px; }
    .courses-hori .single-course .course-details .from-date { padding: 0 30px; }
    .courses-hori .single-course .course-details .course-action { margin-top: 15px; }
    .section-myaccount .tabs-box .box-caption { margin: 0 0 30px; }
    .dashboard-rhs { margin-top: 0; }
    .next-pay { margin-top: -5px; }
    .fees { margin-bottom: 10px; }
    .recent-news { margin-top: 40px; }
    .recent-news h2 { margin-bottom: 15px; }
    .course-body .sidebar-description { padding-top: 0; margin-top: 0; }
    .single-course-page .course-body h2 { margin-bottom: 20px; }
    .single-course-page .course-data { padding-top: 0; }
    .courses .course-details { min-height: 280px; }
    .section-hero .heading { font-size: 20px; }
    .search-courses { top: 225px; left: 0; width: 100%; }
}
@media (max-width: 768px) {
    header { padding-top: 20px; }
    header nav { padding: 130px 0 10px; }
    header nav ul li.btn-login { margin-left: 0; }
    header .action-bar { padding: 18px 0 0; }
    .brand > img { width: 110px; /*margin-top:-5px;*/ }
    .btn-login .btn { text-align: center; float: none !important; }
    header nav ul li:hover > ul { background: #666 none repeat scroll 0 0; color: #fff; top: 55px; }
    header nav ul li > ul li a { padding: 10px 0; }
    footer .copyrights { padding: 15px 0; }
    /*footer .copyrights p{ text-align:center; width:100%; margin:0;}*/
    footer .copyrights p { text-align: left; width: 100%; margin: 0; }
    /*footer .copyrights img { display: table; float: none !important; margin: 5px auto 0;  text-align: center;}*/
    footer .copyrights img { display: table; float: left !important; margin: 5px 0 15px; text-align: left; }
    .search-courses { top: 203px; }
    .section-hero1 .heading { font-size: 26px; }
    .section-hero .heading { font-size: 18px; }
    /*header nav ul li.btn-login{ display:none;}*/
    .btn-login.sub-nav { display: block; float: right; position: absolute; right: 50px; top: 40px; }
    .btn-login.sub-nav a { background-color: transparent; font-size: 20px; padding: 10px; text-align: right; width: 100%; }
    .btn-login.sub-nav a:hover { background-color: transparent; color: #43b9c7; }
    .btn-login.sub-nav ul { display: none; list-style: none; }
    .btn-login.sub-nav:hover ul { display: block; width: 130px; }
    .btn-login.sub-nav ul li a { text-align: center; padding: 10px 0; width: 100%; display: inline-block; font-size: 13px; letter-spacing: 0.1em; text-transform: none; line-height: 1em; color: #fff; }
    .btn-login.sub-nav ul li a:hover { background-color: #fff; }
    header.fixed .btn-login.sub-nav { top: 22px; }
    .join-box h2 { margin-bottom: 30px; text-align: left; }
    .join-box p {text-align: left;}
    .fixed .brand > img { width: 90px; }
    /*header .action-bar .menu-toggle{ right:70px; top:-6px;}*/
    header .action-bar .menu-toggle { right: 270px; top: -6px; }
    header .action-bar .menu-opened { right: 30px; }
    header .action-bar .shopping-cart { right: 10px; top: -36px; }
    header .action-bar .shopping-cart { margin-top: 0; }
    header.fixed .action-bar .shopping-cart { margin-top: 0; }
    .list-action .pull-right { float: left !important; }
    header nav ul li.btn-login ul { display: block; }
    header nav ul li.btn-login { display: none; }
    /*header nav.mobile-nav {background-color: transparent; display: block !important; float: right; margin-top: 50px;padding: 0;
        position: relative; width: auto; z-index:1;}*/
    header nav.mobile-nav { background-color: transparent; display: block !important; float: right; margin-right: 50px; margin-top: 0; padding: 0; position: relative; right: 0; top: -58px; width: auto; z-index: 1; }
    header nav.mobile-nav ul li:hover > ul { top: 48px; }
    header nav.mobile-nav ul li.btn-login { display: block; margin-top: 2px; }
    header.fixed { position: relative; }
    header nav.mobile-nav ul li.btn-login .btn.theme-btn-2 { padding: 15px 5px; position: absolute; right: 45px; background-color: transparent; }
    /*header nav.mobile-nav ul li.btn-login .btn.theme-btn-2:hover{ background-color:#ddbd42;}*/


    header nav.mobile-nav ul li.btn-login .btn.theme-btn-2 small { display: none; }
    header nav.mobile-nav ul li.btn-login .btn.theme-btn-2 span.button { display: none; }
    header .action-bar .menu-toggle { right: 120px; top: -4px; }
    header nav.mobile-nav { margin-right: 0; width: 100%; top: -60px; }
    .btn-login .fa.fa-cog { font-size: 25px; }
    .btn-login .fa.fa-sign-in { font-size: 25px; }
    header nav.mobile-nav ul li:hover > ul { top: 60px; }
    .courses-hori .single-course .course-details .course-action .price { margin-right: 0; margin-left: 15px; }
    .multistep .multistep-step .multistep-stepname { font-size: 1.4rem; }
    /*.multistep .multistep-step .multistep-down { position: relative; top: 60px; font-size: 1.4rem; }*/
    .fees { margin-bottom: 30px; }
    .recent-news .btn.theme-btn-2 { margin-top: 15px; }
    /*.course-cover{ margin-top:20px;}*/
    .course-thumbnail img { width: 100%; }
    #my_courses .course.single-course { margin-bottom: 20px !important; }
    .section-hero { height: auto; }
    .section-hero1 .hero-slider { overflow: hidden; height: 100%; }
    .x-small::before { content: "\f175"; display: inline-block; font-family: fontawesome; font-size: 30px; left: 49%; position: absolute; top: -19%; }
}
@media (min-width: 767px) and (max-width: 768px) {
    header nav.mobile-nav ul li.btn-login .btn.theme-btn-2 { margin-top: 10px; }
}

@media (max-width: 767px) {
    .section-contact .contact-info-block {
        min-height: auto;
        padding: 60px 0px;
    }
    .section-contact .contact-info-wrapper .map-wrapper {
        margin-bottom: 90px; 
        padding:0px 15px;
    }
    .join-box h2 {text-align: center; }
    .join-box p {text-align: center;}
}

@media (max-width: 600px) {
    /*.section-hero1 .heading { font-size: 26px; }*/
    .section-hero .heading { font-size: 26px; }
    .section-hero1 .heading { font-size: 15px !important; margin: 0 !important; }
    .search-courses { top: 240px; display: flex; }
    .credits h3 { width: 100%; margin-bottom: 5px; }
    .credits .form-input.js-input { margin-left: 0; }
    .credits p { margin-top: 10px; margin-bottom: 20px; }
    .set-input { width: 60px; }
    .set-detail { width: 100%; margin-top: 20px; }
    .my-course .set-detail { width: 100%; margin-top: 0; }
    .set-image { width: 180px; }
    .set-priority-btn { width: 100%; text-align: center; }
    .set-priority-btn .btn.theme-btn-2 { text-align: center; float: left; }
    .multistep .multistep-step .multistep-stepname { font-size: 1.3rem; }
    .center-block #load_more_link { margin-bottom: 30px; display: block; }
    .next-pay { width: 300px; }
    .set-priority-btn { margin-bottom: 20px; }
    .next-pay .btn.theme-btn-2.btn-grey { margin-top: 20px; }
    .section-hero { height: 250px !important; overflow: hidden; }
    .section-hero1 { height: 220px !important; }
    .section-hero1 .slide-content { padding: 100px 0 100px; }
    .fade-in { width: auto !important; height: auto; max-width: none !important; }
    .search-courses { top: 150px; display: block; }
    .slider-component.search-courses.ready > form { width: 100%; }
    .search-courses input { max-width: 400px; }
    .services-description { padding-top: 40px; }
    .search-courses { top: 140px; }
    .section-hero1 .hero-slider { overflow: hidden; height: 100%; }
    /*.section-hero .hero-slider .custom-nav li i{ font-size:15px;}*/
    .panel-title p{  max-width:95% !important }
}
@media (max-width: 480px) {
    /*.section-hero1 .heading { font-size: 23px; }*/
    .section-hero .heading { font-size: 23px; line-height: 18px; }
    /*.search-courses { top: 250px; }*/
    /*.course-hori .course-details{ min-height:230px;}*/
    .courses-hori .single-course .course-details .course-action .btn.theme-btn-1 .button { min-width: 130px; padding: 1px 13px; }
    .brand > img { width: 90px; margin-top: -3px; }
    header nav.mobile-nav { margin-right: 0; width: 100%; top: -50px; }
    header nav.mobile-nav ul li.btn-login .btn.theme-btn-2 { position: absolute; right: 45px; background-color: transparent; padding: 15px 5px; }
    header nav.mobile-nav ul li:hover > ul { top: 52px; }
    header .action-bar .menu-toggle { right: 115px; top: -6px; }
    header .action-bar .menu-opened { right: 30px; }
    /*header nav.mobile-nav ul li.btn-login .btn.theme-btn-2 small{ display:none;}
        header nav.mobile-nav ul li.btn-login .btn.theme-btn-2 span.button{ display:none;}
        .btn-login .fa.fa-cog{ font-size:25px;}
        .btn-login .fa.fa-sign-in{ font-size:25px;}*/

    .fees h3 { width: 100%; }
    .fees .btn.theme-btn-2 { float: left; margin-top: 20px; }
    .search-courses input { max-width: 230px; }
    .panel-title p{  max-width:93% !important }
    .panel-faq .panel-body {  padding:10px 15px 0px 15px !important }
    .section-hero .heading.line-hgt-sm { line-height: 20px; } 
}
@media (max-width: 350px) {
    .col-xxs-12 { width: 100%; }
}
@media (min-width: 320px) and (max-width:480px) {
    .courses .single-course .course-details .course-action .btn.theme-btn-1 .button { min-width: 119px; padding: 1px 8px; }
    footer .copyrights p { letter-spacing: 0; }
}
.bootstrap-filestyle.input-group .form-control { width: 100%; color: gray; padding: 3px 8px; background: transparent; border: 1px solid #e7e7e7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085); }
.bootstrap-filestyle.input-group span.input-group-btn { float: right !important; margin-top: -32px; z-index: 99; position: relative; }
.bootstrap-filestyle.input-group label.btn-grey { min-width: 80px; }
.section-myaccount.tabs-btm .tabs-box { margin-bottom: 30px; padding: 30px; }
.section-myaccount.tabs-btm .tabs-box span small { text-transform: none; font-size: 11px; }
.section-myaccount.tabs-btm select { background: transparent none repeat scroll 0 0; border: 1px solid #e7e7e7; color: gray; padding: 3px 8px 5px; transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53) 0s; width: 100%; height: 30px; border-radius: 0; }
.section-myaccount .tabs-box .tabs-radio label input.radio-btm { width: auto; display: inline; margin-right: 5px; }
.section-myaccount .tabs-box .tabs-radio .bootstrap-filestyle.input-group label.btn-grey { padding: 2px 20px !important; margin-bottom: 0; }
.section-myaccount .tabs-box .tabs-radio .bootstrap-filestyle.input-group span.input-group-btn { margin-bottom: 0; }
.section-myaccount .set-input input[type="checkbox"] { visibility: visible; margin-right: 10px; transform: scale(1.4); margin-left: 3px; }
.section-myaccount.tabs-btm label span { color: #666; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .section-myaccount.tabs-btm select { padding: 3px 8px 6px; }
    .section-myaccount.tabs-btm select { border-radius: 0; }
}
.tab-box .withdrw-btn { margin-bottom: 30px; }
.tab-box .withdrw-btn .remove-from-saved { padding: 18px 50px; }
.tab-box .withdrw-btn .remove-course { display: none; padding: 15px 30px 20px; width: 100%; background-color: #fff; border: 1px solid #f3f3f3; margin-top: 5px; }
.tab-box .withdrw-btn .remove-course p { margin-bottom: 15px; }
.tab-box .withdrw-btn .remove-course .btn.theme-btn-3.keep, .tab-box .withdrw-btn .remove-course .btn.theme-btn-3.remove { padding: 11px 35px; margin-right: 10px; border: 1px solid; font-weight: 400; }
.tab-box .withdrw-btn .remove-course .btn.theme-btn-3.keep { background-color: transparent; }
.tab-box .withdrw-btn .remove-course .btn.theme-btn-3.keep:hover { color: #fff; }
.section-myaccount .tab-box .fees-msg .course-action { text-align: center; font-size: 14px; font-weight: 400; }
.section-myaccount .tab-box .fees-msg .course-action.bg-green { background-color: #77dd77; font-size: 14px; font-weight: 400; }
.section-myaccount .tab-box .fees-msg .course-action.alert-danger { padding: 1px 5px 3px; font-size: 14px; font-weight: 400; }
.section-myaccount .tab-box .fees-msg .course-action.alert-info { font-size: 14px; padding: 4px 5px 4px; line-height: 20px; font-weight: 400; }
.section-myaccount .tab-box .btn-drop { width: 100%; margin-bottom: 0; }
.section-myaccount .tab-box .btn-drop .remove-from-saved.btn-grey { padding: 1px 5px 2px; color: #fff; font-weight: 400; font-size: 14px; position: relative; margin-bottom: 0; text-align: center; display: table-caption; width: 100%; }
.section-myaccount .tab-box .btn-drop .remove-from-saved.btn-grey .fa { background-color: transparent; border: none; height: auto; width: auto; margin-right: 7px; font-size: 15px; line-height: 10px; margin-top: -4px; }
.section-myaccount .tab-box .btn-drop .remove-from-saved.btn-grey:hover .fa, .section-myaccount .tab-box .btn-drop .remove-from-saved.btn-grey.active .fa { background-color: transparent; color: #fff; }
.section-myaccount .tab-box .btn-drop .remove-from-saved.btn-grey .fa:hover { background-color: transparent; color: #fff; }
.section-myaccount .tab-box .profile-courses .withdrw-btn.remove-drop { margin: 0; }
.section-myaccount .tab-box .profile-courses .remove-drop .remove-course { padding: 20px; margin-bottom: 20px; }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .section-myaccount .tab-box .btn-drop .remove-from-saved.btn-grey { left: 0; top: 0; display: inline-block; padding: 1px 5px 3px; top: 0; }
    .section-myaccount .tab-box .btn-drop .remove-from-saved.btn-grey .fa { margin-top: -3px; }
}
.section-hero { height: 250px; position: relative; text-align: center; z-index: 1; }
.parallax, .fixed-bg { height: 100%; left: 0; margin: 0; overflow: hidden; position: absolute; top: 0; width: 100%; z-index: -2; }
.fade-in { animation: 2s ease 0s normal none 1 running fade-in; backface-visibility: hidden; visibility: visible; width: 100%; }
.section-hero1 { height: auto; }
#panel { display: none; background-color: #fff; border: none; }
#flip { cursor: pointer; }
.upload-now { margin-bottom: 0; }
.upload-now label { margin-bottom: 12px; float: left; width: 100%; }
.upload-now label span, .upload-now label input { display: block; color: #a7a7a7; font-size: 12px; font-weight: 400; letter-spacing: 0.16em; text-transform: uppercase }
.upload-now label span { margin: 0 0 8px; line-height: 1em; color: #666; }
.upload-now label input, .upload-now label select { width: 100%; color: gray; padding: 2px 8px; background: transparent; border: 1px solid #e7e7e7; -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); text-transform: none; height: 30px; border-radius: 0; font-size: 13px; -webkit-border-radius: 0 !important; }
.upload-now .bootstrap-filestyle.input-group { margin-bottom: 0; }
.upload-now .bootstrap-filestyle.input-group span.input-group-btn { margin-top: -30px; }
.upload-now label input:focus, .upload-now label input.has-value { outline: none; border-color: #cbcaca }
.upload-now .bootstrap-filestyle.input-group label.btn-grey { padding: 1px 20px !important; ; margin-bottom: 0; }
.upload-now .bootstrap-filestyle.input-group label.btn-grey span { color: #fff; }
.upload-now .form-control::-moz-placeholder {color: gray;opacity: 1;}
.panel-faq .collapse.in { display: block; transition: height 0.6s; }
.panel-faq .collapse { display: none; }
.panel-faq h4.panel-title{ margin-bottom:0px; background:#f2f2f2; color:#666; text-transform:inherit; margin-top:10px; letter-spacing:0px; padding:15px;  font-size:16px; }
.panel-faq span.pull-right { color: #FFF; font-size: 14px; }
.panel-faq .panel-body {  padding:15px 40px 3px 15px; font-size:15px; text-align:justify; }
.panel-faq .panel-body p { margin:0px 0px 7px; }
.collapsing { transition: height 0.4s;}
.panel-faq ul, .undertaking-list ol, .undertaking-list ul, .list-btwn { padding-left:20px; margin-bottom:10px; }
.undertaking-list ol.mar-btm li { margin-bottom:10px; }
/*.undertaking-list-scroll { max-height: 150px; overflow-y: hidden; overflow-y: scroll;font-size: 12px;margin: 10px 0px; }*/
.undertaking-list-scroll { font-size: 12px;margin: 10px 0px; }
.panel-faq .panel-body p.list-title{ margin-bottom:10px; }
.panel-faq .panel-body a{ text-decoration:underline; }
.col-centered{
    float: none;
    margin: 0 auto;
}
.panel-title p{ display:inline-block; max-width:96%; margin:0px; line-height:22px; }
.accept-courses {width:200px; text-align:right;}
.accept-courses a{margin-bottom:10px !important;}
.icon-middle {  vertical-align:middle; font-size:15px; line-height:16px; }
@media (max-width: 600px) {
    .accept-courses {width:100%; text-align:left;}
    .accept-courses a{margin-bottom:10px !important; margin-right:10px;}
}

.single-blog-post .post-header .table { margin-top:10px; }
.section-testimonial .bx-wrapper { margin:0 auto; }
.video iframe {
    max-width:100%;
}
.section-testimonial .testimonials-list .testimonial { text-align:center; }
.section-testimonial .testimonials-list .testimonial .testimonial-wrapper { padding:0px; }
.section-testimonial .testimonials-list .testimonial .testimonial-wrapper:before { display:none; }
.section-hero .hero-slider .slides .slide:after { content:' '; background: rgba(0, 0, 0, .5); position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
.section-hero .slide-content { position:relative; z-index:10; }
.section-hero .hero-slider .slides .slide.rem-overlay:after { display:none; }
.play-button.btn.theme-btn-1:before, .play-button.btn.theme-btn-1:after { width:40%; border-color: #FFF; }
.play-button .button:before, .play-button .button:after { border-color: #FFF !important; }
.play-button.btn.theme-btn-1:hover:before, .play-button.btn.theme-btn-1:hover:after { width:100%; }
.play-button.btn.theme-btn-1 .button { padding: 10px 16px; width: 42px; height: 42px; }
.blog-post.video-post .play-button .button i { font-size:24px; }
.testimonial h4 { color:#666; margin-bottom:10px; }
.testimonial-detail .team-member { background:#fff; padding-bottom:50px; }
.section-testimonial .team-member { background:#fff; }
.team-member h2.title:after {
    display: block;
    content: "";
    width: 45px;
    margin: 15px auto 15px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
}
.video { margin-bottom:20px; }
.section-testimonial .member-info { color:#666; font-size: 14px; line-height: 22px; margin-bottom:15px; }
.section-testimonial.testimonial-detail .team-member { text-align:left; }
.section-testimonial .team-member h2.title:after { margin: 15px 0px 15px; }
.section-testimonial .team-member .photo { margin-bottom: 0px !important; }
.map-wrapper iframe, .hsc-btn { width:100%; }
.section-testimonial.slider-blk, .section-testimonial.slider-blk .section-header h1 { background:#ffffff; }
.team-member { min-height: 370px; }
.person-blk { margin-bottom: 50px; }
.txt-white {color:#fff;}