body {

    font-family: 'Titillium Web', sans-serif;

    color: #81868a;

    font-size: 16px;

    line-height: 34px;

    letter-spacing: -0.02em;

}



a:active,

a:hover,

a:focus,

a:visited {

    text-decoration: none;

}



.page-wrapper {

    position: relative;

    margin: 0 auto;

    width: 100%;

    min-width: 300px;

    overflow: hidden;

}



.thm-base-bg {

    background-color: #f16101;

}



.thm-base-bg-2 {

    background-color: #2da397;

}



.thm-gray-bg {

    background-color: #f1f1f1;

}



@media (min-width: 1200px) {

    .container {

        max-width: 1200px;

    }

}



.block-title {

    text-align: center;

    margin-bottom: 60px;

}



.block-title__title {

    margin: 0;

    color: #012237;

    font-size: 40px;

    font-weight: bold;

    margin-bottom: -15px;

    margin-top: -15px;

}



.thm-btn {

    display: inline-block;

    vertical-align: middle;

    border: none;

    outline: none;

    background-color: #f16101;

    font-size: 18px;

    font-weight: bold;

    color: #fff;

    padding: 6.5px 27px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.thm-btn:hover {

    background-color: #fff;

    color: #012237;

}



.post-pagination {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.post-pagination a {

    border-radius: 50%;

    background-color: #f1f1f1;

    font-size: 15px;

    font-weight: 600;

    text-align: center;

    padding: 8px 19px;

    color: #012237;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.post-pagination a:hover,

.post-pagination a.active {

    background-color: #012237;

    color: #fff;

}



.post-pagination a+a {

    margin-left: 15px;

}



.tooltip-inner {

    -webkit-box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.1);

    background-color: #fff;

    color: #81868a;

    font-size: 14px;

    font-family: 'Titillium Web', sans-serif;

    font-weight: 600;

    line-height: 48px;

    padding-top: 0;

    padding-bottom: 0;

    padding-left: 15px;

    padding-right: 15px;

}



.bs-tooltip-auto[x-placement^=top] .arrow::before,

.bs-tooltip-top .arrow::before {

    border-top-color: #fff;

}



.preloader {

    position: fixed;

    background-color: #fff;

    background-image: url(../images/preloader.gif);

    background-position: center center;

    background-repeat: no-repeat;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 9991;

}



.scroll-to-top {

    display: inline-block;

    width: 45px;

    height: 45px;

    background: #f16101;

    position: fixed;

    bottom: 40px;

    right: 40px;

    z-index: 99;

    text-align: center;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    display: none;

    border-radius: 50%;

    transition: all .4s ease;

}



.scroll-to-top i {

    color: #fff;

    font-size: 18px;

    line-height: 45px;

}



.scroll-to-top:hover {

    background-color: #012237;

}



.scroll-to-top:hover i {

    color: #fff;

}



/* Cursor Style */



.cursor {

    position: absolute;

    background-color: #fff;

    width: 6px;

    height: 6px;

    border-radius: 100%;

    z-index: 1;

    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    transition: 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.3s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    -webkit-transform: scale(1);

    transform: scale(1);

    visibility: hidden;

}



.cursor {

    visibility: visible;

}



.cursor.active {

    opacity: 0.5;

    -webkit-transform: scale(0);

    transform: scale(0);

}



.cursor.hovered {

    opacity: 0.08;

}



.cursor-follower {

    position: absolute;

    background-color: rgba(255, 255, 255, 0.3);

    width: 50px;

    height: 50px;

    border-radius: 100%;

    z-index: 1;

    -webkit-transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity;

    transition: 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) transform, 0.2s cubic-bezier(0.75, -0.27, 0.3, 1.33) opacity, 0.6s cubic-bezier(0.75, -1.27, 0.3, 2.33) -webkit-transform;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    pointer-events: none;

    z-index: 10000;

    visibility: hidden;

}



.cursor-follower {

    visibility: visible;

}



.cursor-follower.active {

    opacity: 0.7;

    -webkit-transform: scale(1);

    transform: scale(1);

}



.cursor-follower.hovered {

    opacity: 0.08;

}



.cursor-follower.close-cursor:before {

    position: absolute;

    content: '';

    height: 25px;

    width: 2px;

    background: #fff;

    left: 48%;

    top: 12px;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

    display: inline-block;

}



.cursor-follower.close-cursor:after {

    position: absolute;

    content: '';

    height: 25px;

    width: 2px;

    background: #fff;

    right: 48%;

    top: 12px;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



/*







* 2. header styles







*/



.topbar-one {

    background-color: #022c46;

}



.topbar-one .container {

    padding-top: 6.5px;

    padding-bottom: 6.5px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.topbar-one__right,

.topbar-one__left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.topbar-one__right a,

.topbar-one__left a {

    color: #ffffff;

    font-size: 13px;

    font-weight: 600;

    -webkit-transition: color .4s ease;

    transition: color .4s ease;

}



.topbar-one__right a:hover,

.topbar-one__left a:hover {

    color: #f16101;

}



.topbar-one__right a+a,

.topbar-one__left a+a {

    margin-left: 25px;

}



.header-navigation {

    background-color: #012237;

    margin-bottom: 0;

    border: none;

    border-radius: 0;

    padding: 0;

    position: relative;

}



.header-navigation .container {

    background: transparent;

    position: relative;

    display: block;

}



.header-navigation .container .logo-box {

    float: left;

    position: absolute;

    top: 50%;

    left: 15px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.header-navigation .container .navbar-brand {

    height: auto;

    margin: 0;

    line-height: 1;

}



.header-navigation .container .menu-toggler {

    display: none;

}



.header-navigation .container .right-side-box {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 15px;

}



.header-navigation .main-navigation {

    float: none;

    text-align: right;

    padding-right: 90px;

}



@media (min-width: 1200px) {

    .header-navigation .main-navigation {

        display: block !important;

    }

}



.header-navigation ul.navigation-box {

    margin: 0;

    padding: 0;

    list-style: none;

}



.header-navigation ul.navigation-box li a .sub-nav-toggler {

    display: none;

}



.header-navigation ul.navigation-box>li {

    position: relative;

    padding: 18px 0;

    display: inline-block;

    vertical-align: middle;

    /* Second Level Menu */

    /* Thrid Level Menu */

}



.header-navigation ul.navigation-box>li+li {

    margin-left: 48px;

}



.header-navigation ul.navigation-box>li:first-child {

    padding-left: 0;

}



.header-navigation ul.navigation-box>li:last-child {

    padding-right: 0;

}



.header-navigation ul.navigation-box>li>a {

    padding: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: relative;

    text-transform: capitalize;

    letter-spacing: -0.02em;

    font-size: 16px;

    font-weight: 500;

    color: #81868a;

    position: relative;

}



.header-navigation ul.navigation-box>li.current>a,

.header-navigation ul.navigation-box>li:hover>a {

    color: #f16101;

}



.header-navigation ul.navigation-box>li>.sub-menu {

    position: absolute;

    top: 100%;

    left: 0;

    z-index: 911;

    float: left;

    min-width: 220px;

    padding: 0px 0px;

    text-align: left;

    list-style: none;

    background-color: #012237;

    background-clip: padding-box;

    opacity: 0;

    border-radius: 0px;

    visibility: hidden;

    -webkit-transition: opacity .4s ease, visibility .4s ease;

    transition: opacity .4s ease, visibility .4s ease;

    -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);

}



@media (min-width: 1200px) {

    .header-navigation ul.navigation-box>li>.sub-menu {

        display: block !important;

    }

}



.header-navigation ul.navigation-box>li>.sub-menu.right-align {

    left: auto;

    right: 0;

}



.header-navigation ul.navigation-box>li>.sub-menu.center-align {

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.header-navigation ul.navigation-box>li>.sub-menu>li {

    display: block;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-navigation ul.navigation-box>li>.sub-menu>li+li {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.header-navigation ul.navigation-box>li>.sub-menu>li>a {

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    padding: 12px 30px;

    display: block;

    line-height: 26px;

    white-space: nowrap;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-navigation ul.navigation-box>li>.sub-menu>li:hover>a {

    color: #fff;

    background: #f16101;

}



.header-navigation ul.navigation-box>li:hover:before {

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

    -webkit-transform-origin: left bottom;

    transform-origin: left bottom;

}



.header-navigation ul.navigation-box>li:hover>.sub-menu {

    opacity: 1;

    visibility: visible;

}



.header-navigation ul.navigation-box>li>ul>li {

    /* no more nested showen */

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu {

    position: absolute;

    top: 0%;

    left: 100%;

    z-index: 911;

    float: left;

    min-width: 220px;

    padding: 0px 0px;

    text-align: left;

    list-style: none;

    background-color: #012237;

    background-clip: padding-box;

    opacity: 0;

    border-radius: 0px;

    visibility: hidden;

    -webkit-transition: opacity .4s ease, visibility .4s ease;

    transition: opacity .4s ease, visibility .4s ease;

    -webkit-box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 10px 18px rgba(0, 0, 0, 0.1);

}



@media (min-width: 1200px) {

    .header-navigation ul.navigation-box>li>ul>li>.sub-menu {

        display: block !important;

    }

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu.right-align {

    left: auto;

    right: 100%;

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu.center-align {

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu>li {

    display: block;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu>li+li {

    border-top: 1px solid rgba(255, 255, 255, 0.1);

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu>li>a {

    font-size: 15px;

    color: #fff;

    font-weight: 500;

    padding: 12px 30px;

    display: block;

    line-height: 26px;

    white-space: nowrap;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header-navigation ul.navigation-box>li>ul>li>.sub-menu>li:hover>a {

    color: #fff;

    background: #f16101;

}



.header-navigation ul.navigation-box>li>ul>li:hover>.sub-menu {

    opacity: 1;

    visibility: visible;

}



.header-navigation ul.navigation-box>li>ul>li ul {

    display: none;

}



.stricked-menu {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 999;

    background-color: #fff;

    -webkit-box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);

    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.06);

    opacity: 0;

    -webkit-transform: translateY(-110%);

    transform: translateY(-110%);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.stricked-menu ul.navigation-box>li {

    padding-top: 18px;

    padding-bottom: 18px;

}



.stricked-menu.stricky-fixed {

    opacity: 1;

    -webkit-transform: translateY(0%);

    transform: translateY(0%);

}



.site-header {

    position: relative;

}



.site-header__decor {

    position: absolute;

    bottom: -10px;

    left: 0;

    width: 100%;

    z-index: 99;

}



.site-header__decor-row {

    margin-left: -7px;

    margin-right: -7px;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.site-header__decor-single {

    padding-left: 7px;

    padding-right: 7px;

    -webkit-box-flex: 1;

    -ms-flex: 1 1 33.33333%;

    flex: 1 1 33.33333%;

    max-width: 33.33333%;

}



[class*=site-header__decor-inner-] {

    position: relative;

}



[class*=site-header__decor-inner-]::before {

    content: '';

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 10px;

    background-color: #2da397;

    opacity: 0.9;

}



.site-header__decor-inner-2::before {

    background-color: #f16101;

}



.site-header__decor-inner-3::before {

    background-color: #7c4bc0;

}



.header__social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-left: 90px;

    margin-top: 5px;

}



.header__social a {

    color: #81868a;

    font-size: 18px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header__social a:hover {

    color: #f16101;

}



.header__social a+a {

    margin-left: 40px;

}



.header__search-btn {

    width: 45px;

    height: 45px;

    border-radius: 56%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: #2da397;

    font-size: 18px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: relative;

    color: #fff;

}



.header__search-btn:hover {

    color: #fff;

}



.header__search-btn:hover:before {

    left: 0;

}



.header__search-form {

    background-color: #f1f1f1;

    width: 100%;

    max-width: 410px;

    height: 68px;

    position: relative;

    margin-left: 60px;

}



.header__search-form input {

    width: 100%;

    height: 100%;

    background-color: transparent;

    outline: none;

    border: none;

    padding-left: 30px;

}



.header__search-form button[type=submit] {

    border: none;

    outline: none;

    width: 46px;

    height: 46px;

    border-radius: 56%;

    text-align: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: #f16101;

    font-size: 18px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: absolute;

    color: #fff;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    right: 10px;

}



.header__search-form button[type=submit]::before {

    content: '';

    position: absolute;

    top: 0;

    left: -5px;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 1px solid #f16101;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.header__search-form button[type=submit]:hover {

    color: #fff;

}



.header__search-form button[type=submit]:hover:before {

    left: 0;

}



@media (min-width: 1200px) {

    .site-header__header-two .container {

        padding-left: 60px;

        padding-right: 60px;

        max-width: 100%;

    }

}



.site-header__header-two .header-navigation .container .logo-box {

    left: 60px;

    -webkit-box-flex: wrap;

    -ms-flex: wrap;

    flex: wrap;

    width: 100%;

}



.site-header__header-two .header-navigation .container .right-side-box {

    right: 60px;

}



.site-header__header-two .header-navigation ul.navigation-box>li {

    padding: 55px 0;

}



.site-header__header-two .header-navigation .main-navigation {

    text-align: center;

    padding-right: 0;

    padding-left: 125px;

}



.site-header__header-two .header__social {

    margin: 0;

}



.site-header__header-two .stricked-menu ul.navigation-box>li {

    padding-top: 40px;

    padding-bottom: 40px;

}



.site-header__home-three {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 99;

    border-bottom: 2px solid rgba(255, 255, 255, 0.05);

}



.site-header__home-three .topbar-one {

    background-color: #2da397;

}



.site-header__home-three .header-navigation .main-navigation {

    text-align: center;

    padding-right: 0;

}



.site-header__home-three .header__social a,

.site-header__home-three .header-navigation ul.navigation-box>li>a {

    color: #fff;

}



.site-header__home-three .header__social a:hover,

.site-header__home-three .header-navigation ul.navigation-box>li>a:hover {

    color: #f16101;

}



.site-header__home-three .header-navigation ul.navigation-box>li.current>a,

.site-header__home-three .header-navigation ul.navigation-box>li:hover>a {

    color: #f16101;

}



.site-header__home-three .stricked-menu {

    background-color: #012237;

}



.site-header__home-three .header__social {

    margin: 0;

}



.site-header__inner-page .header-navigation .main-navigation {

    padding-right: 55px;

}



.site-header__inner-page .header__search-btn {

    background-color: transparent;

    color: #012237;

}



.site-header__inner-page .header__search-btn::before {

    display: none;

}



/*







* 3. slider styles







*/



.banner-wrapper {

    position: relative;

}



@media screen and (-ms-high-contrast: active),

(-ms-high-contrast: none) {

    .banner-wrapper {

        overflow: hidden;

    }

}



.banner-wrapper .owl-dots {

    margin: 0;

    position: absolute;

    bottom: 60px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    width: 100%;

    z-index: 999;

    padding-left: 15px;

    padding-right: 15px;

    max-width: 1200px;

    text-align: right;

    display: none !important;

}



.banner-wrapper .owl-dots .owl-dot {

    position: relative;

    z-index: 991;

}



.banner-wrapper .owl-dots .owl-dot span {

    width: 13px;

    height: 13px;

    border: 2px solid #fff;

    background-color: transparent;

    opacity: .2;

    margin: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.banner-wrapper .owl-dots .owl-dot+.owl-dot {

    margin-left: 7px;

}



.banner-wrapper .owl-dots .owl-dot.active span {

    opacity: 1;

    background-color: transparent;

}



.banner-wrapper .owl-carousel .owl-item img {

    width: auto;

}



.banner-wrapper .owl-theme .owl-nav {

    display: none;

    margin: 0;

}



.banner-wrapper .banner-carousel-btn [class*=banner-carousel-btn__] {

    width: 60px;

    height: 60px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    border-radius: 50%;

    background-color: #fff;

    color: #012237;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    z-index: 91;

}



.banner-wrapper .banner-carousel-btn [class*=banner-carousel-btn__] i {

    font-size: 22px;

}



.banner-wrapper .banner-carousel-btn [class*=banner-carousel-btn__]::before {

    content: '';

    position: absolute;

    top: 0;

    width: 100%;

    height: 100%;

    border: 2px solid #fff;

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.banner-carousel-btn__left-btn {

    left: 5%;

}



.banner-carousel-btn__left-btn:before {

    left: 7px;

}



.banner-carousel-btn__left-btn:hover:before {

    left: 0;

}



.banner-carousel-btn__right-btn {

    right: 5%;

}



.banner-carousel-btn__right-btn:before {

    right: 7px;

}



.banner-carousel-btn__right-btn:hover:before {

    right: 0;

}



.banner-one .container {

    position: relative;

    padding-top: 200px;

    padding-bottom: 200px;

}



.banner-one__slide {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    background-color: #022c46;

}



.banner-one__slide:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/patter-1-1.jpg);

    opacity: 0.08;

}



.banner-one__light-color {

    color: #fff;

}



.banner-one__title {

    font-size: 140px;

    line-height: 120px;

    color: #ffffff;

    font-weight: 700;

    letter-spacing: -.04em;

    margin: 0;

    margin-bottom: 40px;

    text-transform: uppercase;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-one__tag-line {

    margin: 0;

    font-size: 50px;

    font-family: "Satisfy";

    color: white;

    text-decoration: underline;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    margin-bottom: 55px;

}



.banner-one__btn {

    font-size: 18px;

    padding: 21.5px 59.5px;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-one__person {

    position: absolute;

    top: -100px;

    right: 0;

    -webkit-box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.05);

    box-shadow: 0px 0px 40px 0px rgba(255, 255, 255, 0.05);

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-one__scratch {

    position: absolute;

    right: -5%;

    top: 20%;

    -webkit-animation-duration: 3s;

    animation-duration: 3s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-one [class*=banner-one__bubble-] {

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-duration: 5s;

    animation-duration: 5s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.banner-one__bubble-1 {

    position: absolute;

    width: 140px;

    height: 140px;

    border-radius: 50%;

    background-color: #1888c9;

    top: 20%;

    left: -3%;

    -webkit-animation-name: bubbleMoveOne;

    animation-name: bubbleMoveOne;

    -webkit-transform-origin: top left;

    transform-origin: top left;

}



.banner-one__bubble-2 {

    position: absolute;

    width: 34px;

    height: 34px;

    border-radius: 50%;

    background-color: #7c4bc0;

    right: 35%;

    top: 20%;

    -webkit-animation-name: bubbleMoveTwo;

    animation-name: bubbleMoveTwo;

    -webkit-transform-origin: center center;

    transform-origin: center center;

}



.banner-one__bubble-3 {

    position: absolute;

    width: 106px;

    height: 106px;

    border-radius: 50%;

    border: 24px solid #33a9bb;

    right: 35%;

    bottom: 10%;

    -webkit-animation-name: globeRotate;

    animation-name: globeRotate;

    -webkit-animation-duration: 10s !important;

    animation-duration: 10s !important;

}



.banner-one .active .banner-one__title {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



.banner-one .active .banner-one__tag-line {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    -webkit-animation-delay: .5s;

    animation-delay: .5s;

}



.banner-one .active .banner-one__btn {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}



.banner-one .active .banner-one__person {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

    -webkit-animation-delay: 2s;

    animation-delay: 2s;

}



.banner-one .active .banner-one__scratch {

    -webkit-animation-name: fadeInRight;

    animation-name: fadeInRight;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}



.banner-one__cta {

    width: 100%;

    max-width: 544px;

    background-color: #2da397;

    position: absolute;

    bottom: 0;

    right: 0;

    z-index: 91;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding: 50px 0;

    padding-left: 60px;

    padding-right: 60px;

}



.banner-one__cta-icon {

    width: 70px;

    height: 70px;

    border-radius: 50%;

    text-align: center;

    background-color: #fff;

    position: relative;

}



.banner-one__cta-icon:before {

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 2px solid #fff;

    position: absolute;

    left: -10px;

    top: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.banner-one__cta-icon:hover:before {

    left: 0;

}



.banner-one__cta-icon i {

    line-height: 70px;

    color: #2da397;

    font-size: 38px;

}



.banner-one__cta-title {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 0px;

    flex: 1 1 0;

    padding-left: 30px;

}



.banner-one__cta-text {

    font-size: 18px;

    line-height: 30px;

    color: #fff;

    font-weight: 500;

    font-style: italic;

    margin: 0;

}



.banner-one__cta a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.banner-one__cta a:hover {

    color: #f16101;

}



.banner-one__cta-link {

    color: #fff;

    font-size: 32px;

}



.banner-two .container {

    position: relative;

    padding-top: 200px;

    padding-bottom: 245px;

}



.banner-two__slide {

    text-align: center;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

}



.banner-two__light-color {

    color: #fff;

}



.banner-two__title {

    font-size: 100px;

    line-height: 100px;

    color: #ffffff;

    font-weight: 700;

    letter-spacing: -.04em;

    margin: 0;

    margin-bottom: 60px;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-two__tag-line {

    margin: 0;

    font-size: 40px;

    font-family: "Satisfy";

    color: white;

    text-decoration: underline;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

    margin-bottom: 30px;

}



.banner-two__btn {

    font-size: 18px;

    padding: 21.5px 59.5px;

    -webkit-animation-duration: 2s;

    animation-duration: 2s;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

    -webkit-backface-visibility: visible !important;

    backface-visibility: visible !important;

}



.banner-two .active .banner-two__title {

    -webkit-animation-name: fadeInDown;

    animation-name: fadeInDown;

}



.banner-two .active .banner-two__tag-line {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    -webkit-animation-delay: .5s;

    animation-delay: .5s;

}



.banner-two .active .banner-two__btn {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp;

    -webkit-animation-delay: 1s;

    animation-delay: 1s;

}



@-webkit-keyframes bubbleMoveOne {

    0% {

        -webkit-transform: translateX(0px) translateY(0px);

        transform: translateX(0px) translateY(0px);

    }

    20% {

        -webkit-transform: translateX(20px) translateY(-20px);

        transform: translateX(20px) translateY(-20px);

    }

    40% {

        -webkit-transform: translateX(40px) translateY(-40px);

        transform: translateX(40px) translateY(-40px);

    }

    80% {

        -webkit-transform: translateX(20px) translateY(-20px);

        transform: translateX(20px) translateY(-20px);

    }

    100% {

        -webkit-transform: translateX(0px) translateY(0px);

        transform: translateX(0px) translateY(0px);

    }

}



@keyframes bubbleMoveOne {

    0% {

        -webkit-transform: translateX(0px) translateY(0px);

        transform: translateX(0px) translateY(0px);

    }

    20% {

        -webkit-transform: translateX(20px) translateY(-20px);

        transform: translateX(20px) translateY(-20px);

    }

    40% {

        -webkit-transform: translateX(40px) translateY(-40px);

        transform: translateX(40px) translateY(-40px);

    }

    80% {

        -webkit-transform: translateX(20px) translateY(-20px);

        transform: translateX(20px) translateY(-20px);

    }

    100% {

        -webkit-transform: translateX(0px) translateY(0px);

        transform: translateX(0px) translateY(0px);

    }

}



@-webkit-keyframes bubbleMoveTwo {

    0% {

        -webkit-transform: scale(1) translateX(0px) translateY(0px);

        transform: scale(1) translateX(0px) translateY(0px);

    }

    20% {

        -webkit-transform: scale(1.1) translateX(20px) translateY(20px);

        transform: scale(1.1) translateX(20px) translateY(20px);

    }

    40% {

        -webkit-transform: scale(1.2) translateX(40px) translateY(40px);

        transform: scale(1.2) translateX(40px) translateY(40px);

    }

    80% {

        -webkit-transform: scale(1.1) translateX(20px) translateY(20px);

        transform: scale(1.1) translateX(20px) translateY(20px);

    }

    100% {

        -webkit-transform: scale(1) translateX(0px) translateY(0px);

        transform: scale(1) translateX(0px) translateY(0px);

    }

}



@keyframes bubbleMoveTwo {

    0% {

        -webkit-transform: scale(1) translateX(0px) translateY(0px);

        transform: scale(1) translateX(0px) translateY(0px);

    }

    20% {

        -webkit-transform: scale(1.1) translateX(20px) translateY(20px);

        transform: scale(1.1) translateX(20px) translateY(20px);

    }

    40% {

        -webkit-transform: scale(1.2) translateX(40px) translateY(40px);

        transform: scale(1.2) translateX(40px) translateY(40px);

    }

    80% {

        -webkit-transform: scale(1.1) translateX(20px) translateY(20px);

        transform: scale(1.1) translateX(20px) translateY(20px);

    }

    100% {

        -webkit-transform: scale(1) translateX(0px) translateY(0px);

        transform: scale(1) translateX(0px) translateY(0px);

    }

}



@-webkit-keyframes globeRotate {

    8% {

        -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0);

        transform: perspective(200px) rotateX(0deg) rotateY(0);

    }

    50% {

        -webkit-transform: perspective(200px) rotateX(360deg);

        transform: perspective(200px) rotateX(360deg);

    }

    51% {

        -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0);

        transform: perspective(200px) rotateX(0deg) rotateY(0);

    }

    100% {

        -webkit-transform: perspective(200px) rotateY(360deg);

        transform: perspective(200px) rotateY(360deg);

    }

}



@keyframes globeRotate {

    8% {

        -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0);

        transform: perspective(200px) rotateX(0deg) rotateY(0);

    }

    50% {

        -webkit-transform: perspective(200px) rotateX(360deg);

        transform: perspective(200px) rotateX(360deg);

    }

    51% {

        -webkit-transform: perspective(200px) rotateX(0deg) rotateY(0);

        transform: perspective(200px) rotateX(0deg) rotateY(0);

    }

    100% {

        -webkit-transform: perspective(200px) rotateY(360deg);

        transform: perspective(200px) rotateY(360deg);

    }

}



.slider-three {

    padding-top: 310px;

    padding-bottom: 210px;

    margin-top: 47px;

    position: relative;

    background-color: #012237;

    background-image: url(assets/images/slider-2-1.jpg);

    background-position: center center;

    background-size: cover;

}



section.slider-three.vegas-container:before {

    content: "";

    background-color: rgba(2, 44, 70, 0.7686274509803922);

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

}



.slider-three__title {

    font-size: 80px;

    line-height: 80px;

    color: #ffffff;

    font-weight: 700;

    letter-spacing: -.04em;

    margin: 0;

    margin-bottom: 20px;

}



.slider-three__tag-line {

    margin: 0;

    font-size: 34px;

    font-family: "Satisfy";

    color: #f16101;

    text-decoration: underline;

    margin-bottom: 15px;

}



.slider-three__text {

    margin: 0;

    font-size: 18px;

    line-height: 34px;

    font-weight: 50;

    color: rgba(255, 255, 255, 0.6);

}



.slider-three__search {

    position: relative;

    margin-top: 45px;

}



.slider-three__search input {

    border: none;

    outline: none;

    display: block;

    width: 100%;

    background-color: #fff;

    height: 78px;

    color: #81868a;

    font-size: 16px;

    font-weight: 500;

    padding-left: 30px;

}



.slider-three__search button[type=submit] {

    width: 46px;

    height: 46px;

    border-radius: 50%;

    background-color: #f16101;

    border: none;

    outline: none;

    position: absolute;

    top: 50%;

    right: 15px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

    padding: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.slider-three__search button[type=submit] i {

    font-size: 18px;

    color: #fff;

    line-height: 46px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



/* .slider-three__search button[type=submit]:before { */



/* content: ''; */



/* width: 100%; */



/* height: 100%; */



/* border-radius: 50%; */



/* border: 1px solid #f16101; */



/* position: absolute; */



/* left: -5px; */



/* top: 0; */



/* -webkit-transition: all .4s ease; */



/* transition: all .4s ease; */



/* } */



.slider-three__search button[type=submit]:hover:before {

    left: 0;

}



[class*=slider-three__icon-] {

    position: absolute;

}



.slider-three__icon-1 {

    top: 15%;

    left: 10%;

    -webkit-animation-name: bubbleMoveTwo;

    animation-name: bubbleMoveTwo;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-duration: 8s;

    animation-duration: 8s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.slider-three__icon-2 {

    bottom: 10%;

    left: 0;

    -webkit-animation-name: bubbleMoveOne;

    animation-name: bubbleMoveOne;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-duration: 8s;

    animation-duration: 8s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.slider-three__icon-3 {

    top: 20%;

    left: 45%;

    -webkit-animation-name: globeRotate;

    animation-name: globeRotate;

    -webkit-animation-duration: 8s;

    animation-duration: 8s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.slider-three__icon-4 {

    bottom: 15%;

    left: 55%;

    -webkit-animation-name: bubbleMoveOne;

    animation-name: bubbleMoveOne;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-duration: 8s;

    animation-duration: 8s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.slider-three__icon-5 {

    top: 15%;

    right: 30%;

    -webkit-animation-name: bubbleMoveTwo;

    animation-name: bubbleMoveTwo;

    -webkit-animation-timing-function: linear;

    animation-timing-function: linear;

    -webkit-animation-duration: 8s;

    animation-duration: 8s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



/*







* 4. contact styles







*/



.google-map__contact {

    display: block;

    width: 100%;

    height: 560px;

    border: none;

    outline: none;

}



.contact-info-one {

    padding-top: 120px;

}



.contact-info-one__title {

    margin: 0;

    color: #012237;

    font-size: 22px;

    font-weight: 600;

    margin-bottom: 55px;

}



.contact-info-one__text {

    margin: 0;

    font-size: 16px;

    line-height: 34px;

    font-weight: 500;

    color: #81868a;

    margin-top: -15px;

    margin-bottom: -10px;

}



.contact-info-one__icon {

    width: 112px;

    height: 112px;

    background-color: #f16101;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    margin-bottom: 25px;

    position: relative;

}



.contact-info-one__icon::before {

    content: '';

    width: 100%;

    height: 100%;

    border: 2px solid #f16101;

    position: absolute;

    top: 0;

    left: -10px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    border-radius: 50%;

}



.contact-info-one__icon i {

    font-size: 54px;

    color: #fff;

}



.contact-info-one [class*=col-lg-]:nth-child(2) .contact-info-one__icon {

    background-color: #2da397;

}



.contact-info-one [class*=col-lg-]:nth-child(2) .contact-info-one__icon::before {

    border-color: #2da397;

}



.contact-info-one [class*=col-lg-]:nth-child(3) .contact-info-one__icon {

    background-color: #7c4bc0;

}



.contact-info-one [class*=col-lg-]:nth-child(3) .contact-info-one__icon::before {

    border-color: #7c4bc0;

}



.contact-info-one__single {

    border-style: solid;

    border-width: 2px;

    border-color: #f1f1f1;

    background-color: white;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-transition: -webkit-box-shadow .4s ease;

    transition: -webkit-box-shadow .4s ease;

    transition: box-shadow .4s ease;

    transition: box-shadow .4s ease, -webkit-box-shadow .4s ease;

    padding-top: 48px;

    padding-bottom: 48px;

}



.contact-info-one__single:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

}



.contact-info-one__single:hover .contact-info-one__icon:before {

    left: 0;

}



.contact-one {

    padding-top: 120px;

    padding-bottom: 120px;

}



@media (min-width: 1200px) {

    .contact-one .container {

        max-width: 800px;

    }

}



.contact-one__title {

    font-size: 60px;

    font-weight: bold;

    color: #012237;

    margin: 0;

    margin-bottom: 45px;

}



.contact-one input, file,

.contact-one textarea {

    border: none;

    outline: none;

    width: 100%;

    display: block;

    background-color: #f1f1f1;

    height: 54px;

   padding: 14px;

    margin-bottom: 10px;

}



.contact-one textarea {

    height: 211px;

    padding-top: 25px;

}



.contact-one .row.low-gutters {

    margin-left: -5px;

    margin-right: -5px;

}



.contact-one .row.low-gutters>[class*=col-] {

    padding-left: 5px;

    padding-right: 5px;

}



.contact-one__btn {

    padding: 22px 72px;

}



.contact-one__btn:hover {

    background-color: #012237;

    color: #fff;

}



/*







* 5. gallery styles







*/



.gallery-one {

    padding-top: 120px;

    padding-bottom: 90px;

}



.gallery-one__single {

    margin-bottom: 30px;

    position: relative;

}



.gallery-one__single>img {

    width: 100%;

}



.gallery-one__single:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #f16101;

    opacity: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.gallery-one__single:hover::before {

    opacity: 0.9;

}



.gallery-one__single:hover .gallery-one__popup {

    opacity: 1;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}



.gallery-one__popup {

    font-size: 46px;

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

    -webkit-transform: translateX(-50%) translateY(50%);

    transform: translateX(-50%) translateY(50%);

    -webkit-transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: opacity .4s ease, -webkit-transform .4s ease;

    transition: opacity .4s ease, transform .4s ease;

    transition: opacity .4s ease, transform .4s ease, -webkit-transform .4s ease;

}



.gallery-one__popup i {

    color: #fff;

}



/*







* 6. faq styles







*/



.faq-one {

    padding-top: 120px;

    padding-bottom: 120px;

}



.faq-one [class*=col-lg-] {

    border-bottom: 1px solid #f1f1f1;

    padding-top: 70px;

    padding-bottom: 70px;

}



.faq-one [class*=col-lg-]:nth-child(odd) {

    padding-right: 76px;

}



.faq-one [class*=col-lg-]:nth-child(even) {

    border-left: 1px solid #f1f1f1;

    padding-left: 76px;

}



.faq-one [class*=col-lg-]:nth-child(1),

.faq-one [class*=col-lg-]:nth-child(2) {

    padding-top: 0;

}



.faq-one [class*=col-lg-]:nth-child(1) .faq-one__icon span {

    background-color: #1888c9;

}



.faq-one [class*=col-lg-]:nth-child(1) .faq-one__icon span:before {

    border-color: #1888c9;

}



.faq-one [class*=col-lg-]:nth-child(1) .faq-one__icon span {

    background-color: #1888c9;

}



.faq-one [class*=col-lg-]:nth-child(1) .faq-one__icon span:before {

    border-color: #1888c9;

}



.faq-one [class*=col-lg-]:nth-child(2) .faq-one__icon span {

    background-color: #7c4bc0;

}



.faq-one [class*=col-lg-]:nth-child(2) .faq-one__icon span:before {

    border-color: #7c4bc0;

}



.faq-one [class*=col-lg-]:nth-child(3) .faq-one__icon span {

    background-color: #f16101;

}



.faq-one [class*=col-lg-]:nth-child(3) .faq-one__icon span:before {

    border-color: #f16101;

}



.faq-one [class*=col-lg-]:nth-child(4) .faq-one__icon span {

    background-color: #2da397;

}



.faq-one [class*=col-lg-]:nth-child(4) .faq-one__icon span:before {

    border-color: #2da397;

}



.faq-one [class*=col-lg-]:nth-child(5) .faq-one__icon span {

    background-color: #d23f3f;

}



.faq-one [class*=col-lg-]:nth-child(5) .faq-one__icon span:before {

    border-color: #d23f3f;

}



.faq-one [class*=col-lg-]:nth-child(6) .faq-one__icon span {

    background-color: #33a9bb;

}



.faq-one [class*=col-lg-]:nth-child(6) .faq-one__icon span:before {

    border-color: #33a9bb;

}



.faq-one__single {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

}



.faq-one__single:hover .faq-one__icon span::before {

    left: 0;

}



.faq-one__icon {

    margin-right: 30px;

}



.faq-one__icon span {

    width: 62px;

    height: 62px;

    border-radius: 50%;

    display: inline-block;

    text-align: center;

    font-size: 30px;

    color: #fff;

    background-color: #f16101;

    font-family: "Satisfy";

    line-height: 70px;

    position: relative;

}



.faq-one__icon span::before {

    content: '';

    position: absolute;

    top: 0;

    left: -10px;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 2px solid #f16101;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.faq-one__title {

    margin: 0;

    font-size: 24px;

    font-weight: bold;

    color: #012237;

    margin-bottom: 55px;

}



.faq-one__text {

    font-size: 16px;

    line-height: 34px;

    margin: 0;

    color: #81868a;

    margin-top: -10px;

    margin-bottom: -10px;

}



/*







* 7. cta styles







*/



.cta-one {

    background-color: #f16101;

    padding-top: 101.5px;

    padding-bottom: 101.5px;

}



.cta-one .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.cta-one__title {

    margin: 0;

    font-size: 50px;

    font-weight: bold;

    color: #fff;

    margin-top: -10px;

}



.cta-one__btn {

    font-size: 16px;

    color: #fff;

    background-color: #f16101;

    padding: 21.5px 47.5px;

}



.cta-one__home-one {

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-position: center center;

    position: relative;

    padding-top: 121px;

    padding-bottom: 121px;

}



.cta-one__home-one::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #012237;

    opacity: 0.9;

}



.cta-one__home-one .container {

    position: relative;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: center;

}



.cta-one__home-one .cta-one__title {

    font-size: 60px;

    margin-bottom: 60px;

}



.cta-two .container-fluid {

    padding: 0;

}



.cta-two .thm-base-bg-2 .cta-two__icon span i {

    color: #2da397;

}



.cta-two__single {

    padding-left: 135px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: start;

    -ms-flex-align: start;

    align-items: flex-start;

    padding-top: 116px;

    padding-bottom: 116px;

}



.cta-two__icon {

    margin-right: 60px;

}



.cta-two__icon span {

    background-color: #fff;

    width: 156px;

    height: 156px;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    position: relative;

}



.cta-two__icon span:hover:before {

    left: 0;

}



.cta-two__icon span i {

    color: #f16101;

    font-size: 64px;

}



.cta-two__title {

    margin: 0;

    font-size: 50px;

    color: #fff;

    font-weight: bold;

    margin-bottom: 25px;

}



.cta-two__text {

    margin: 0;

    font-size: 16px;

    line-height: 34px;

    color: #fff;

    margin-top: -10px;

    margin-bottom: -5px;

}



.cta-two__btn {

    font-size: 16px;

    color: #fff;

    background-color: #012237;

    padding: 16.5px 47.5px;

    margin-top: 35px;

}



.cta-three .block-title {

    margin-bottom: 45px;

}



.cta-three .block-title__title {

    font-size: 50px;

}



.cta-three__image {

    float: right;

}



.cta-three__content {

    padding: 105px 0;

    padding-left: 70px;

}



.cta-three__text {

    font-size: 16px;

    line-height: 34px;

    color: #81868a;

    font-weight: 500;

    margin: 0;

    margin-bottom: 60px;

}



.cta-three i {

    font-size: 64px;

    color: #2da397;

}



.cta-three__single-text {

    font-size: 18px;

    font-weight: 600;

    color: #012237;

    line-height: 1.2em;

    margin: 0;

    margin-top: 20px;

}



.cta-three__single {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 33.33%;

    flex: 1 1 33.33%;

    max-width: 33.333%;

    padding-left: 45px;

    padding-right: 45px;

}



.cta-three__single-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -45px;

    margin-right: -45px;

    margin-top: -10px;

    margin-bottom: 50px;

}



.cta-three .thm-btn {

    padding: 21.5px 68px;

}



.cta-four {

    padding-top: 120px;

    padding-bottom: 472px;

    background-image: url(../images/teacher-1-1.jpg);

    background-repeat: no-repeat;

    background-position: bottom center;

    background-size: cover;

    position: relative;

}



.cta-four__stripe {

    position: absolute;

    top: -2%;

    left: 10%;

}



.cta-four__line {

    position: absolute;

    top: 3%;

    right: 5%;

}



.cta-four__text {

    font-size: 18px;

    color: #81868a;

    line-height: 36px;

    margin: 0;

}



.cta-four .block-title {

    margin-bottom: 35px;

}



.cta-five {

    position: relative;

    background-image: url(../images/cta-map-1-1.png);

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #2da397;

    padding: 120px 0;

}



.cta-five__title {

    margin: 0;

    font-size: 60px;

    font-weight: bold;

    color: #fff;

}



.cta-five__text {

    margin: 0;

    font-size: 18px;

    color: #fff;

    margin-top: 15px;

}



.cta-five__btn {

    padding: 21.5px 68px;

    font-size: 18px;

    margin-top: 50px;

}



[class*=cta-five__members-] {

    width: 71px;

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);

    position: absolute;

    border-radius: 50%;

    -webkit-animation-name: bubbleMoveTwo;

    animation-name: bubbleMoveTwo;

    -webkit-animation-duration: 10s;

    animation-duration: 10s;

    -webkit-animation-iteration-count: infinite;

    animation-iteration-count: infinite;

}



.cta-five__members-1 {

    top: 10%;

    left: 25%;

}



.cta-five__members-2 {

    top: 45%;

    left: 25%;

    -webkit-transform: scale(0.65);

    transform: scale(0.65);

}



.cta-five__members-3 {

    bottom: 10%;

    left: 12%;

}



.cta-five__members-4 {

    top: 15%;

    right: 15%;

}



.cta-five__members-5 {

    top: 45%;

    right: 5%;

    -webkit-transform: scale(0.65);

    transform: scale(0.65);

}



.cta-five__members-6 {

    bottom: 15%;

    right: 25%;

}



[class*=cta-five__bubble-] {

    background-color: #f16101;

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.2);

    width: 47px;

    height: 47px;

    position: absolute;

    border-radius: 50%;

    color: #fff;

    font-size: 20px;

    text-align: center;

    line-height: 47px;

}



[class*=cta-five__bubble-] i.fa-rocket {

    font-size: 18px;

}



.cta-five__bubble-1 {

    top: 40%;

    left: 10%;

}



.cta-five__bubble-2 {

    bottom: 30%;

    right: 10%;

}



.cta-six {

    position: relative;

}



.cta-six__line {

    position: absolute;

    left: 10%;

    top: 30%;

}



.cta-six .container-fluid {

    padding: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    width: 100%;

}



.cta-six__left {

    float: left;

    width: 100%;

    max-width: 56.62%;

}



.cta-six__right {

    float: left;

    width: 100%;

    max-width: 43.38%;

}



.cta-six__content {

    padding: 120px 0;

    margin-left: auto;

    max-width: 580px;

    margin-right: 120px;

}



.cta-six__title {

    padding-top: 41px;

    padding-bottom: 41px;

    padding-left: 80px;

    margin: 0;

    background-color: #012237;

    color: #fff;

    font-size: 30px;

    font-weight: 700;

    position: relative;

}



.cta-six__title::before {

    content: '';

    width: 35px;

    height: 10px;

    background-color: #012237;

    position: absolute;

    bottom: 100%;

    left: 80px;

    -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

    clip-path: polygon(50% 0%, 0% 100%, 100% 100%);

}



.cta-six__title span {

    font-size: 40px;

    color: #f16101;

    font-family: "Satisfy";

    font-weight: 400;

}



/*







* 8. team styles







*/



.team-one {

    padding-bottom: 90px;

    padding-top: 120px;

}



.team-one__single {

    margin-bottom: 30px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    border: 2px solid #f1f1f1;

    padding: 30px;

}



.team-one__single:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

}



.team-one__single:hover .team-one__image>img {

    -webkit-transform: scale(1.02);

    transform: scale(1.02);

}



.team-one__image {

    text-align: center;

    margin-bottom: -103px;

}



.team-one__image img {

    border-radius: 0;

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

    -webkit-transform: scale(1);

    transform: scale(1);

    width: 100%;

}



.team-one__content {

    text-align: center;

    padding-bottom: 30px;

    padding-top: 135px;

    padding-left: 40px;

    padding-right: 40px;

}



.team-one__social {

    background-color: #f1f1f1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-top: 11.5px;

    padding-bottom: 11.5px;

}



.team-one__social a {

    font-size: 14px;

    color: #81868a;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-one__social a:hover {

    color: #f16101;

}



.team-one__social a+a {

    margin-left: 28px;

}



.team-one__name {

    font-size: 15px;

    font-weight: bold;

    color: #012237;

    margin: 0;

    margin-bottom: -5px;

}



.team-one__name a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-one__name a:hover {

    color: #f16101;

}



.team-one__designation {

    font-size: 12px;

    text-transform: uppercase;

    color: #81868a;

    letter-spacing: .2em;

    line-height: 1em;

    margin: 0;

    margin-top: 15px;

    margin-bottom: 20px;

}



.team-one__text {

    margin: 0;

    font-size: 14px;

    color: #81868a;

    font-weight: 500;

    line-height: 30px;

    margin-bottom: -10px;

}



.team-details {

    padding-top: 120px;

    padding-bottom: 90px;

}



.team-details .team-one__image {

    margin-bottom: 0;

}



.team-details .team-one__image img {

    border-radius: 0;

}



.team-details .team-one__content {

    padding-top: 30px;

}



.team-details .team-one__designation {

    margin-bottom: 0;

}



.team-details__title {

    margin: 0;

    color: #012237;

    font-size: 40px;

    font-weight: bold;

    margin-bottom: 30px;

}



.team-details__text {

    margin: 0;

    color: #81868a;

    font-size: 16px;

    line-height: 34px;

    font-weight: 500;

}



.team-details__subtitle {

    margin: 0;

    color: #012237;

    font-size: 20px;

    margin-bottom: 30px;

    margin-top: 30px;

}



.team-details__certificate-list {

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-bottom: 30px;

}



.team-details__certificate-list li+li {

    margin-left: 25px;

}



.progress-one__single+.progress-one__single {

    margin-top: 20px;

}



.progress-one__title {

    margin: 0;

    font-size: 16px;

    font-weight: 600;

    color: #012237;

    line-height: 1em;

}



.progress-one__percent {

    margin: 0;

    font-size: 20px;

    color: #f16101;

    font-family: "Satisfy";

    line-height: 1em;

}



.progress-one__top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-bottom: 20px;

}



.progress-one__bar {

    width: 100%;

    height: 5px;

    background-color: #f1f1f1;

    position: relative;

    overflow: hidden;

}



.progress-one__bar span {

    position: absolute;

    top: 0;

    left: 0;

    background-color: #2da397;

    height: 100%;

}



.team-tab {

    position: relative;

    background-color: #022c46;

}



.team-tab:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/patter-1-1.jpg);

    opacity: 0.08;

}



.team-tab .container {

    position: relative;

}



.team-tab__content {

    padding-right: 80px;

}



.team-tab__top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.team-tab__title {

    margin: 0;

    color: #fff;

    font-size: 30px;

    font-weight: 600;

}



.team-tab__designation {

    font-size: 12px;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: .2em;

    color: #94a2ab;

    margin: 0;

}



.team-tab__text {

    margin: 0;

    font-size: 16px;

    font-weight: 500;

    line-height: 34px;

    color: #94a2ab;

    margin-top: 10px;

    margin-bottom: 20px;

}



.team-tab__social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.team-tab__social a {

    font-size: 18px;

    color: #fff;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-tab__social a:hover {

    color: #f16101;

}



.team-tab__social a+a {

    margin-left: 38px;

}



.team-tab .progress-one__bar {

    background-color: rgba(255, 255, 255, 0.2);

}



.team-tab .progress-one__percent {

    color: #fff;

}



.team-tab .progress-one__title {

    color: #fff;

}



.team-tab__btn {

    font-size: 18px;

    padding: 21.5px 47.5px;

    margin-top: 40px;

}



.team-tab__tab-navs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    position: absolute;

    bottom: 100px;

    right: 20%;

    border: none;

}



.team-tab__tab-navs img {

    border-style: solid;

    border-width: 2px;

    border-color: #fff;

    border-radius: 50%;

    background-color: #012237;

    -webkit-box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.2);

    box-shadow: 5px 8.66px 30px 0px rgba(0, 0, 0, 0.2);

    width: 82px;

    opacity: 0.4;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.team-tab__tab-navs .active img {

    opacity: 1;

}



.team-tab__tab-navs li+li {

    margin-left: 10px;

}



/*







* 9. pricing styles







*/



.pricing-one {

    background-color: #f1f1f1;

    padding-top: 70px;

    padding-bottom: 70px;

}



.pricing-one [class*=col-lg-]:nth-child(1) .pricing-one__tag-line,

.pricing-one [class*=col-lg-]:nth-child(1) .pricing-one__price {

    color: #2da397;

}



/* .pricing-one [class*=col-lg-]:nth-child(1) .pricing-one__single:after { */



/* border-color: #2da397; */



/* } */



/* .pricing-one [class*=col-lg-]:nth-child(2) .pricing-one__tag-line, */



/* .pricing-one [class*=col-lg-]:nth-child(2) .pricing-one__price { */



/* color: #f16101; */



/* } */



/* .pricing-one [class*=col-lg-]:nth-child(2) .pricing-one__single:after { */



/* border-color: #f16101; */



/* } */



.pricing-one [class*=col-lg-]:nth-child(3) .pricing-one__tag-line,

.pricing-one [class*=col-lg-]:nth-child(3) .pricing-one__price {

    color: #7c4bc0;

}



.pricing-one [class*=col-lg-]:nth-child(3) .pricing-one__single:after {

    border-color: #7c4bc0;

}



.pricing-one__single {

    margin-bottom: 30px;

    position: relative;

    padding-bottom: 60px;

    padding-left: 80px;

    padding-right: 80px;

    padding-top: 60px;

}



.pricing-one__single::before {

    content: '';

    position: absolute;

    right: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #fff;

    z-index: 10;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.pricing-one__single::after {

    content: '';

    /* position: absolute; */

    top: 0;

    left: 20px;

    width: calc(100% - 20px);

    height: 100%;

    /* border: 2px solid #2da397; */

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    z-index: 999;

}



.color-one {

    border: 2px solid #2da397;

}



.color-two {

    border: 2px solid #f16101;

}



.color-three {

    border: 2px solid #7c4bc0;

}



.pricing-one__single:hover:before {

    right: 0;

}



.pricing-one__single:hover::after {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

}



.pricing-one__inner {

    position: relative;

    z-index: 11;

}



.pricing-one__price {

    font-size: 20px;

    font-weight: bold;

    margin: 0;

    line-height: 1em;

    color: #2da397;

}



.pricing-one__name {

    font-size: 14px;

    font-weight: 600;

    color: #012237;

    text-transform: uppercase;

    letter-spacing: .2em;

    margin: 0;

    line-height: 1em;

    margin-top: 30px;

    margin-bottom: 40px;

}



.pricing-one__list {

    margin: 0;

    border-top: 1px solid #f1f1f1;

    padding-top: 40px;

    margin-bottom: 35px;

}



.pricing-one__list li {

    color: #81868a;

    font-size: 16px;

    line-height: 1em;

}



.pricing-one__list li+li {

    margin-top: 30px;

}



.pricing-one__btn {

    background-color: #f1f1f1;

    color: #81868a;

    font-size: 16px;

    padding: 16.5px 48px;

    margin-bottom: 40px;

}



.pricing-one__btn:hover {

    background-color: #f16101;

    color: #fff;

}



.pricing-one__tag-line {

    font-size: 12px;

    color: #2da397;

    text-transform: uppercase;

    font-weight: 600;

    letter-spacing: .2em;

    line-height: 1em;

    margin: 0;

}



/*







* 10. become-teacher styles







*/



.become-teacher {

    padding-top: 120px;

}



.become-teacher__form {

    padding-left: 70px;

    position: relative;

}



.become-teacher__form:before {

    content: '';

    width: 197px;

    height: 268px;

    background-image: url(../images/dot-pattern-1-1.png);

    position: absolute;

    bottom: -11%;

    left: 87%;

    z-index: -1;

}



.become-teacher__form-top {

    background-color: #2da397;

    padding-left: 60px;

    position: relative;

}



.become-teacher__form-top::before {

    content: '';

    width: 38px;

    height: 10px;

    background-image: url(../images/become-form-angle.png);

    background-position: 0 0;

    position: absolute;

    top: 100%;

    left: 60px;

}



.become-teacher__form-title {

    margin: 0;

    color: #fff;

    font-weight: 700;

    font-size: 24px;

    padding: 29px 0;

}



.become-teacher__form-content {

    border-style: solid;

    border-width: 2px;

    border-color: #f1f1f1;

    background-color: white;

    padding-left: 60px;

    padding-right: 60px;

    padding-top: 60px;

    padding-bottom: 60px;

}



.become-teacher__form input {

    border: none;

    outline: none;

    width: 100%;

    background-color: #f1f1f1;

    height: 77px;

    font-size: 16px;

    color: #81868a;

    font-weight: 500;

    padding-left: 40px;

    display: block;

    margin-bottom: 10px;

}



.become-teacher__form input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #81868a;

}



.become-teacher__form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #81868a;

}



.become-teacher__form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #81868a;

}



.become-teacher__form input:-moz-placeholder {

    /* Firefox 18- */

    color: #81868a;

}



.become-teacher__form label {

    display: block;

}



.become-teacher__form-btn {

    font-size: 18px;

    font-weight: bold;

    color: #fff;

    padding: 21.5px 58px;

}



.become-teacher__form-btn:hover {

    background-color: #012237;

    color: #fff;

}



.become-teacher__title {

    margin: 0;

    color: #012237;

    font-size: 40px;

    font-weight: 700;

    margin: 0;

    margin-bottom: 40px;

}



.become-teacher__subtitle {

    font-size: 20px;

    color: #012237;

    font-weight: 600;

    margin: 0;

    margin-top: 40px;

    margin-bottom: 20px;

}



.become-teacher__text {

    font-size: 16px;

    line-height: 34px;

    font-weight: 500;

    color: #81868a;

    margin: 0;

}



/*







* 11. course styles







*/



.course-one {

    padding-top: 60px;

    padding-bottom: 0;

}



.course-one .post-pagination {

    margin: 30px 0 50px;

}



.course-one__carousel .color-1 .course-one__category {

    background-color: #7c4bc0;

}



.course-one__carousel .color-2 .course-one__category {

    background-color: #1888c9;

}



.course-one__carousel .color-3 .course-one__category {

    background-color: #d23f3f;

}



.course-one__carousel .color-4 .course-one__category {

    background-color: #2da397;

}



.course-one__carousel .color-5 .course-one__category {

    background-color: #d23f3f;

}



.course-one__carousel .color-6 .course-one__category {

    background-color: #33a9bb;

}



.course-one [class*=col-lg-]:nth-child(1) .course-one__category {

    background-color: #7c4bc0;

}



.course-one [class*=col-lg-]:nth-child(2) .course-one__category {

    background-color: #1888c9;

}



.course-one [class*=col-lg-]:nth-child(3) .course-one__category {

    background-color: #d23f3f;

}



.course-one [class*=col-lg-]:nth-child(4) .course-one__category {

    background-color: #2da397;

}



.course-one [class*=col-lg-]:nth-child(5) .course-one__category {

    background-color: #d23f3f;

}



.course-one [class*=col-lg-]:nth-child(6) .course-one__category {

    background-color: #33a9bb;

}



.course-one__single {

    margin-bottom: 30px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-one__single:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

}



.course-one__image {

    position: relative;

}



.course-one__image>img {

    width: 100%;

}



.course-one__image i {

    font-size: 16px;

    color: #fff;

    position: absolute;

    top: 30px;

    right: 30px;

}



.course-one__category {

    display: inline-block;

    vertical-align: middle;

    font-size: 10px;

    letter-spacing: .2em;

    background-color: #f16101;

    color: #fff;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 27px;

    padding: 0 17px;

    position: absolute;

    left: 0px;

    top: -27.5px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-one__category:hover {

    color: #fff;

    background-color: #012237;

}



.course-one__content {

    padding-left: 5px;

    padding-right: 5px;

    position: relative;

    padding-top: 0;

    padding-bottom: 5px;

    border-style: solid;

    border-width: 2px;

    border-color: transparent;

    border-top: 0;

    background-color: #fff;

}



a.change-password {

    position: relative;

    top: 6px;

    background-color: #f16101;

    color: #fff !important;

    padding: 6px 14px;

    font-size: 14px !important;

}



a.change-password:hover {

    background-color: #012237;

}



.navbar-nav .dropdown-menu {

    padding: 0;

    border: none;

    overflow: hidden;

    width: 300px !important;

    top: 58px;

}



.navbar-nav .dropdown-menu a.dropdown-item:hover {

    background-color: #f5f5ed;

}



body .dropdown-item {

    white-space: normal;

}



.bg-primary {

    background-color: #f16101 !important;

}



.bg-success {

    background-color: #012237 !important;

}



.bg-warning {

    background-color: #2da397 !important;

}



.text-gray-500 {

    color: #b7b9cc !important;

}



.small,

small {

    font-size: 80%;

    font-weight: 400;

}



span.font-weight-bold,

.font-weight {

    line-height: 20px;

    display: block;

}



.badge-counter {

    position: absolute;

    transform: scale(.7);

    transform-origin: top right;

    right: .25rem;

    margin-top: -.25rem;

}



.badge-danger {

    color: #fff;

    background-color: #e74a3b;

}



.myaccount_right .dropdown-toggle::after {

    content: none;

}



.myaccount_right .navbar-light .navbar-nav .nav-link {

    color: #121422;

    position: relative;

}

.myaccount_right .navbar-light .navbar-nav .nav-link:hover{

  text-decoration: none;

background-color: #f5f5ed;

}



.myaccount_right .text-truncate {

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: normal;

}



.badge {

    display: inline-block;

    padding: .25em .4em;

    font-size: 75%;

    font-weight: 700;

    line-height: 1;

    text-align: center;

    white-space: nowrap;

    vertical-align: baseline;

    border-radius: .35rem;

    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;

}



.dropdown-list .dropdown-header {

    background-color: #f16101;

    border: 1px solid #f16101;

    padding-top: .75rem;

    padding-bottom: .75rem;

    color: #fff;

}



.dropdown-list .dropdown-item {

    white-space: normal;

    padding-top: .5rem;

    padding-bottom: .5rem;

    border-left: 1px solid #e3e6f0;

    border-right: 1px solid #e3e6f0;

    border-bottom: 1px solid #e3e6f0;

    line-height: 1.3rem;

}



.icon-circle {

    height: 2.5rem;

    width: 2.5rem;

    border-radius: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

}



.admin-panel-heading h4 {

    margin-bottom: 0 !important;

}



.course-one__admin {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    font-size: 14px;

    font-weight: 500;

    color: #81868a;

    margin: 0;

    line-height: 1em;

    margin-bottom: 20px;

}



.course-one__admin>img {

    width: 21px !important;

    border-radius: 50%;

    margin-right: 10px;

}



.course-one__admin a {

    color: #2da397;

    margin-left: 5px;

}



.course-one__image>img {

    width: 100%;

}

.coursedetails > img {

    border: 1px solid #ccc;

}



.reletedcourse {

    width: 41% !important;

}

.courseimg>img {

	height:238px;

}

.releted_images {

    margin-bottom: 150px;

	margin-left: -37px;

}



.imgchild {

    width: 100%;

	height:67px;

}

ul .imglist {

    float: left;

    width: 10%;

    border: 1px solid #ccc;

}

ul li {

	list-style:none;

}



.course-one__stars {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.course-one__stars-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.course-one__stars-wrap i {

    font-size: 14px;

    color: #f16101;

}



.course-one__title {

    font-size: 24px;

    font-weight: 600;

    color: #012237;

    margin: 0;

    margin-bottom: 5px;

}



.course-one__title a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;
	
	padding-top: 22px;
    display: flex;

}

.course-category-three__single img {
  width: 296px;
  height: 306px;
  border: 1px solid #cccc;
}

.course-one__title a:hover {

    color: #f16101;

}



.course-one__count {

    font-size: 14px;

    font-weight: 500;

    color: #012237;

    margin-left: 10px;

}



.course-one__stars-count {

    font-size: 11px;

    color: #81868a;

    font-weight: 500;

    background-color: #f1f1f1;

    display: inline-block;

    vertical-align: middle;

    line-height: 22px;

    padding-left: 10px;

    padding-right: 10px;

    margin-left: 10px;

}



.course-one__meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    border-top: 2px solid #f1f1f1;

    padding-top: 20px;

    margin-top: 15px;

}



.course-one__meta a {

    color: #81868a;

    font-size: 14px;

    font-weight: 500;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    line-height: 1em;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-one__meta a:hover {

    color: #2da397;

}



.course-one__meta a:hover i {

    color: #012237;

}



.course-one__meta a:last-child {

    color: #012237;

    font-weight: 600;

}



.course-one__meta i {

    font-size: 14px;

    color: #f16101;

    margin-right: 10px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-one__link {

    background-color: #f1f1f1;

    width: 100%;

    color: #81868a;

    font-size: 16px;

    font-weight: 600;

    display: block;

    text-align: center;

    padding: 11.5px 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    margin-top: 20px;

}



.course-one__link:hover {

    background-color: #f16101;

    color: #fff;

}



.course-one__teacher-details {

    padding-bottom: 90px;

}



.course-one__top-title {

    padding: 56px 0;

    position: relative;

}



.course-one__top-title::before {

    content: '';

    width: 145px;

    height: 60px;

    background-color: #f1f1f1;

    position: absolute;

    top: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);

    clip-path: polygon(50% 100%, 0 0, 100% 0);

}



.course-details {

    padding: 120px 0;

}



.course-details .list-unstyled {

    margin-bottom: 0;

}



.course-details .course-one__category {

    position: relative;

    top: auto;

    left: auto;

    -webkit-transform: translate(0);

    transform: translate(0);

}



.course-details__author {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #81868a;

    font-size: 18px;

    font-weight: 500;

}



.course-details__author a {

    color: #2da397;

    margin-left: 10px;

}



.course-details__author img {

    width: 53px;

    border-radius: 50%;

    margin-right: 20px;

}



.course-details__top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin-bottom: 20px;

}



.course-details__title {

    font-size: 40px;

    font-weight: 600;

    color: #012237;

    margin: 0;

    margin-bottom: 5px;

}



.course-details__progress-item {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.course-details__progress-text {

    margin: 0;

    font-size: 16px;

    font-weight: 500;

    min-width: 100px;

}



.course-details__progress-count {

    margin: 0;

    font-family: "Satisfy";

}



.course-details__progress-bar {

    position: relative;

    width: 210px;

    height: 2px;

    background-color: #f1f1f1;

    margin-left: 20px;

    margin-right: 20px;

}



.course-details__progress-bar span {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    background-color: #f16101;

}



.course-details__progress-bar span.no-bubble:before {

    display: none;

}



.course-details__progress-bar span:before {

    content: '';

    width: 15px;

    height: 15px;

    background-color: #f16101;

    border-radius: 50%;

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.course-details__review-box {

    width: 237px;

    height: 237px;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    background-color: #f1f1f1;

}



.course-details__review-count {

    margin: 0;

    line-height: 1em;

    font-size: 60px;

    color: #2da397;

    margin-bottom: 5px;

}



.course-details__review-stars {

    font-size: 24px;

    line-height: 1em;

    margin-bottom: 15px;

}



.course-details__review-stars i {

    color: #f16101;

}



.course-details__review-text {

    margin: 0;

    line-height: 1em;

    font-size: 12px;

    color: #81868a;

    letter-spacing: .2em;

}



.course-details__comment {

    margin-left: -50px;

    margin-right: -50px;

    border-top: 2px solid #f1f1f1;

    border-bottom: 2px solid #f1f1f1;

    padding-top: 50px;

    padding-bottom: 40px;

    padding-left: 50px;

    padding-right: 50px;

    margin-bottom: 40px;

    margin-top: 50px;

}



.course-details__comment-top,

.course-details__comment-meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.course-details__comment-single+.course-details__comment-single {

    padding-top: 50px;

    margin-top: 40px;

    border-top: 2px solid #f1f1f1;

}



.course-details__comment-meta {

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.course-details__comment-img {

    width: 76px;

    margin-right: 20px;

}



.course-details__comment-img>img {

    width: 100%;

}



.course-details__comment-name {

    font-size: 20px;

    font-weight: 600;

    color: #012237;

    margin: 0;

}



.course-details__comment-date {

    font-size: 16px;

    color: #2da397;

    margin: 0;

    font-weight: 500;

    margin-right: 20px;

}



.course-details__comment-stars {

    font-size: 16px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.course-details__comment-stars i {

    color: #f16101;

}



.course-details__comment-stars i.star-disabled {

    color: #f1f1f1;

}



.course-details__comment-text {

    font-size: 16px;

    line-height: 34px;

    font-weight: 500;

    color: #81868a;

    margin: 0;

    margin-top: 20px;

}



.course-details__comment-form-text {

    font-size: 18px;

    color: #81868a;

    font-weight: 500;

    margin: 0;

    margin-bottom: 20px;

}



.course-details__comment-form-text a {

    font-size: 20px;

    color: #f1f1f1;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-details__comment-form-text a:focus,

.course-details__comment-form-text a:hover {

    color: #f16101;

    cursor: pointer;

}



.course-details__comment-form input,

.course-details__comment-form textarea {

    display: block;

    width: 100%;

    height: 77px;

    background-color: #f1f1f1;

    color: #81868a;

    font-size: 16px;

    font-weight: 500;

    border: none;

    outline: none;

    padding-left: 40px;

    margin-bottom: 10px;

}



.course-details__comment-form input::-webkit-input-placeholder,

.course-details__comment-form textarea::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #81868a;

}



.course-details__comment-form input::-moz-placeholder,

.course-details__comment-form textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #81868a;

}



.course-details__comment-form input:-ms-input-placeholder,

.course-details__comment-form textarea:-ms-input-placeholder {

    /* IE 10+ */

    color: #81868a;

}



.course-details__comment-form input:-moz-placeholder,

.course-details__comment-form textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #81868a;

}



.course-details__comment-form textarea {

    height: 210px;

}



.course-details__comment-form-btn {

    font-size: 18px;

    padding: 21.5px 58px;

}



.course-details__comment-form-btn:hover {

    background-color: #012237;

    color: #fff;

}



.course-details__tab-navs {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    background-color: #f1f1f1;

    margin-top: 30px;

    margin-bottom: 0;

}



.course-details__tab-navs li {

    line-height: 1em;

}



.course-details__tab-navs li a {

    color: #81868a;

    font-size: 18px;

    font-weight: 500;

    display: block;

    padding: 30.5px 50px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: relative;

}



.course-details__tab-navs li a::before {

    content: '';

    width: 35px;

    height: 10px;

    background-color: #2da397;

    position: absolute;

    top: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%) scaleY(0);

    transform: translateX(-50%) scaleY(0);

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);

    clip-path: polygon(50% 100%, 0 0, 100% 0);

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.course-details__tab-navs li a:hover,

.course-details__tab-navs li a.active {

    background-color: #2da397;

    color: #fff;

}



.course-details__tab-navs li a:hover:before,

.course-details__tab-navs li a.active:before {

    -webkit-transform: translateX(-50%) scaleY(1);

    transform: translateX(-50%) scaleY(1);

}



.course-details__tab-content {

    border-style: solid;

    border-width: 2px;

    border-color: #f1f1f1;

    padding: 50px;

}



.course-details__tab-content .course-details__meta-icon {

    width: 30px;

    height: 30px;

}



.course-details__tab-content .course-details__meta-icon i {

    font-size: 12px;

}



.course-details__tab-content .course-details__meta-icon:before {

    border-width: 1px;

}



.course-details__tab-content .course-details__meta-icon.video-icon {

    background-color: #7c4bc0;

}



.course-details__tab-content .course-details__meta-icon.video-icon:before {

    border-color: #7c4bc0;

}



.course-details__tab-content .course-details__meta-icon.file-icon {

    background-color: #f16101;

}



.course-details__tab-content .course-details__meta-icon.file-icon:before {

    border-color: #f16101;

}



.course-details__tab-content .course-details__meta-icon.quiz-icon {

    background-color: #d23f3f;

}



.course-details__tab-content .course-details__meta-icon.quiz-icon:before {

    border-color: #d23f3f;

}



.course-details__tab-text {

    margin: 0;

    font-size: 16px;

    line-height: 34px;

    font-weight: 500;

    color: #81868a;

}



.course-details__tab-title {

    font-size: 20px;

    color: #012237;

    font-weight: 600;

    margin: 0;

}



.course-details__overview-list li {

    color: #f16101;

    font-size: 16px;

    font-weight: 500;

}



.course-details__curriculum-list li {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-top: 22.5px;

    padding-bottom: 22.5px;

    border-bottom: 1px solid #f1f1f1;

}



.course-details__curriculum-list li:first-child {

    padding-top: 0;

}



.course-details__curriculum-list-left {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.course-details__curriculum-list-left a {

    font-size: 16px;

    font-weight: 600;

    color: #012237;

}



.course-details__curriculum-list-left span {

    font-size: 12px;

    color: #81868a;

    font-weight: 500;

    background-color: #f1f1f1;

    display: inline-block;

    vertical-align: middle;

    line-height: 22px;

    padding-left: 10px;

    padding-right: 10px;

    margin-left: 15px;

}



.course-details__curriculum-list-right {

    font-size: 16px;

    font-weight: 500;

    color: #81868a;

}



.course-details__price {

    background-color: #f1f1f1;

    text-align: center;

    padding: 50px;

}



.course-details__price-text {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

    color: #81868a;

    text-transform: uppercase;

    letter-spacing: .2em;

    line-height: 1em;

}



.course-details__price-amount {

    margin: 0;

    color: #012237;

    font-size: 30px;

    font-weight: 600;

    line-height: 1em;

    margin-top: 10px;

}



.course-details__price-btn {

    padding-top: 11.5px;

    padding-bottom: 11.5px;

    width: 100%;

    margin-top: 30px;

}



.course-details__meta {

    margin-top: 30px;

    margin-bottom: 30px;

    border-style: solid;

    border-width: 2px;

    border-color: #f1f1f1;

}



.course-details__meta-link {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    color: #81868a;

    font-size: 18px;

    font-weight: 500;

    padding: 25px 50px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-details__meta-link:hover {

    color: #f16101;

}



.course-details__meta-link:hover .course-details__meta-icon::before {

    left: 0;

}



.course-details__meta-link span {

    color: #012237;

    margin-left: 15px;

}



.course-details__meta-link:nth-child(1) .course-details__meta-icon {

    background-color: #1888c9;

}



.course-details__meta-link:nth-child(1) .course-details__meta-icon::before {

    border-color: #1888c9;

}



.course-details__meta-link:nth-child(2) .course-details__meta-icon {

    background-color: #7c4bc0;

}



.course-details__meta-link:nth-child(2) .course-details__meta-icon::before {

    border-color: #7c4bc0;

}



.course-details__meta-link:nth-child(3) .course-details__meta-icon {

    background-color: #f16101;

}



.course-details__meta-link:nth-child(3) .course-details__meta-icon::before {

    border-color: #f16101;

}



.course-details__meta-link:nth-child(4) .course-details__meta-icon {

    background-color: #2da397;

}



.course-details__meta-link:nth-child(4) .course-details__meta-icon::before {

    border-color: #2da397;

}



.course-details__meta-link:nth-child(5) .course-details__meta-icon {

    background-color: #d23f3f;

}



.course-details__meta-link:nth-child(5) .course-details__meta-icon::before {

    border-color: #d23f3f;

}



.course-details__meta-link:nth-child(6) .course-details__meta-icon {

    background-color: #33a9bb;

}



.course-details__meta-link:nth-child(6) .course-details__meta-icon::before {

    border-color: #33a9bb;

}



.course-details__meta-link+.course-details__meta-link {

    border-top: 2px solid #f1f1f1;

}



.course-details__meta-icon {

    width: 40px;

    height: 40px;

    background-color: #2da397;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    text-align: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    margin-right: 20px;

    position: relative;

}



.course-details__meta-icon i {

    color: #fff;

    font-size: 16px;

}



.course-details__list {

    border-style: solid;

    border-width: 2px;

    border-color: #f1f1f1;

    padding: 50px;

}



.course-details__list-title {

    margin: 0;

    color: #012237;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 30px;

}



.course-details__list-item {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.course-details__list-item+.course-details__list-item {

    border-top: 2px solid #f1f1f1;

    padding-top: 30px;

    margin-top: 30px;

}



.course-details__list-img {

    width: 67px;

    margin-right: 30px;

}



.course-details__list-img>img {

    width: 100%;

}



.course-details__list-author {

    font-size: 14px;

    color: #81868a;

    line-height: 1em;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.course-details__list-author span {

    color: #2da397;

    margin-left: 6px;

}



.course-details__list h3 {

    font-size: 16px;

    font-weight: 600;

    color: #81868a;

    margin: 0;

    line-height: 1em;

    margin-top: 10px;

    margin-bottom: 10px;

}



.course-details__list h3 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-details__list h3 a:hover {

    color: #012237;

}



.course-details__list-stars {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.course-details__list-stars i {

    font-size: 14px;

    color: #f16101;

}



.course-details__list-stars span {

    font-size: 14px;

    font-weight: 500;

    color: #012237;

    line-height: 1em;

    margin-left: 10px;

}



.course-one__carousel .owl-dots .owl-dot {

    outline: none;

}



.course-one__carousel .owl-nav.disabled+.owl-dots {

    margin-top: 30px;

}



.course-one__carousel .owl-dots .owl-dot:hover span,

.course-one__carousel .owl-dots .owl-dot.active span {

    -webkit-transform: scale(1.56);

    transform: scale(1.56);

    opacity: 1;

    background-color: #012237;

}



.course-one__carousel .owl-dots .owl-dot span {

    width: 9px;

    height: 9px;

    background-color: #012237;

    margin: 0 2.5px;

    border-radius: 50%;

    opacity: 0.2;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.course-one__top-title.home-one {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    background-color: #2da397;

    padding-bottom: 100px;

}



/* .course-one__top-title.home-one:after { */



/* content: ''; */



/* position: absolute; */



/* top: 0; */



/* left: 0; */



/* right: 0; */



/* bottom: 0; */



/* background-image: url(../images/patter-1-1.jpg); */



/* opacity: 0.05; */



/* } */



.course-one__top-title.home-one .block-title__title {

    color: #fff;

}



.course-one__top-title.home-one:before {

    display: none;

}



.course-one__top-title__curve {

    width: 100%;

    height: 60px;

    background-image: url(../images/course-title-curve.png);

    background-repeat: no-repeat;

    background-position: center center;

    background-size: cover;

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 10;

}



.course-category-one {

    padding: 120px 0;

    padding-top: 110px;

}



.course-category-one .container-fluid {

    max-width: 1520px;

    width: 100%;

}



.course-category-one__single {

    padding-top: 40px;

    padding-bottom: 40px;

    background-color: #fff;

    text-align: center;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    margin-bottom: 60px;

}



.course-category-one__single:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

}



.course-category-one__single.color-1 .course-category-one__icon {

    background-color: #1888c9;

}



.course-category-one__single.color-1 .course-category-one__icon:before {

    border-color: #1888c9;

}



.course-category-one__single.color-2 .course-category-one__icon {

    background-color: #7c4bc0;

}



.course-category-one__single.color-2 .course-category-one__icon:before {

    border-color: #7c4bc0;

}



.course-category-one__single.color-3 .course-category-one__icon {

    background-color: #f16101;

}



.course-category-one__single.color-3 .course-category-one__icon:before {

    border-color: #f16101;

}



.course-category-one__single.color-4 .course-category-one__icon {

    background-color: #2da397;

}



.course-category-one__single.color-4 .course-category-one__icon:before {

    border-color: #2da397;

}



.course-category-one__single.color-5 .course-category-one__icon {

    background-color: #d23f3f;

}



.course-category-one__single.color-5 .course-category-one__icon:before {

    border-color: #d23f3f;

}



.course-category-one__single.color-6 .course-category-one__icon {

    background-color: #33a9bb;

}



.course-category-one__single.color-6 .course-category-one__icon:before {

    border-color: #33a9bb;

}



.course-category-one__icon {

    width: 112px;

    height: 112px;

    border-radius: 50%;

    background-color: #f16101;

    margin-left: auto;

    margin-right: auto;

    position: relative;

}



.course-category-one__icon:before {

    content: '';

    position: absolute;

    top: 0;

    left: -10px;

    width: 100%;

    height: 100%;

    border: 2px solid #f16101;

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-category-one__icon i {

    font-size: 56px;

    line-height: 112px;

    color: #fff;

}



.course-category-one__icon:hover:before {

    left: 0;

}



.course-category-one__title {

    margin: 0;

    font-size: 18px;

    font-weight: 600;

    color: #012237;

    margin-top: 40px;

}



.course-category-one__title a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-category-one__title a:hover {

    color: #f16101;

}



.course-category-one .thm-btn {

    padding: 21.5px 68px;

    background-color: #012237;

    color: #fff;

}



.course-category-one .thm-btn:hover {

    background-color: #f16101;

    color: #fff;

}



.course-category-two .inner-container {

    padding: 75px 40px;

    padding-bottom: 0;

    background-color: #fff;

    margin-top: -120px;

    position: relative;

    z-index: 10;

}



.course-category-two .owl-dots .owl-dot {

    outline: none;

}



.course-category-two .owl-nav.disabled+.owl-dots {

    margin-top: 30px;

}



.course-category-two .owl-dots .owl-dot:hover span,

.course-category-two .owl-dots .owl-dot.active span {

    -webkit-transform: scale(1.56);

    transform: scale(1.56);

    opacity: 1;

    background-color: #012237;

}



.course-category-two .owl-dots .owl-dot span {

    width: 9px;

    height: 9px;

    background-color: #012237;

    margin: 0 2.5px;

    border-radius: 50%;

    opacity: 0.2;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.course-category-two__single {

    padding-top: 30px;

    padding-bottom: 30px;

    text-align: center;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: relative;

}



.course-category-two__single:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0px;

    width: calc(100% - 10px);

    height: 100%;

    border: 2px solid #f16101;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-category-two__single:after {

    content: '';

    position: absolute;

    top: 0;

    left: 10px;

    width: calc(100% - 10px);

    height: 100%;

    background-color: #f16101;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-category-two__single:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

}



.course-category-two__single:hover:before {

    left: 10px;

}



.course-category-two__single.color-1:after {

    background-color: #1888c9;

}



.course-category-two__single.color-1:before {

    border-color: #1888c9;

}



.course-category-two__single.color-2:after {

    background-color: #7c4bc0;

}



.course-category-two__single.color-2:before {

    border-color: #7c4bc0;

}



.course-category-two__single.color-3:after {

    background-color: #f16101;

}



.course-category-two__single.color-3:before {

    border-color: #f16101;

}



.course-category-two__single.color-4:after {

    background-color: #2da397;

}



.course-category-two__single.color-4:before {

    border-color: #2da397;

}



.course-category-two__single.color-5:after {

    background-color: #d23f3f;

}



.course-category-two__single.color-5:before {

    border-color: #d23f3f;

}



.course-category-two__single.color-6:after {

    background-color: #33a9bb;

}



.course-category-two__single.color-6:before {

    border-color: #33a9bb;

}



.course-category-two__icon {

    width: 112px;

    height: 112px;

    border-radius: 50%;

    background-color: rgba(255, 255, 255, 0.1);

    margin-left: auto;

    margin-right: auto;

    position: relative;

    z-index: 10;

}



.course-category-two__icon i {

    font-size: 56px;

    line-height: 112px;

    color: #fff;

}



.course-category-two__icon:hover:before {

    left: 0;

}



.course-category-two__title {

    margin: 0;

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    margin-top: 25px;

    position: relative;

    z-index: 10;

}



.course-category-two__title a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-category-two__title a:hover {

    color: #012237;

}



.course-one__top-title.home-two {

    padding-top: 120px;

    padding-bottom: 0;

}



.course-one__top-title.home-two:before {

    display: none;

}



.course-one.home-two {

    padding-top: 0;

    position: relative;

    background-color: #022c46;

    margin-top: 320px;

}



.course-one.home-two:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/patter-1-1.jpg);

    opacity: 0.08;

}



.course-one.home-two .course-one__carousel {

    bottom: 243px;

    margin-bottom: -245px;

}



.course-one.home-two .course-one__carousel .owl-dots .owl-dot span {

    background-color: #fff;

    opacity: 0.2;

}



.course-one.home-two .course-one__carousel .owl-dots .owl-dot.active span {

    background-color: #fff;

    opacity: 1;

}



.course-one.home-two .course-one__line {

    position: absolute;

    bottom: 100%;

    left: 4%;

}



.course-one__top-title.home-three {

    padding-top: 120px;

    padding-bottom: 0;

}



.course-one__top-title.home-three:before {

    display: none;

}



.course-one__top-title.home-one:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/patter-1-1.jpg);

    opacity: 0.05;

}



.course-one.home-three {

    position: relative;

}



.course-one.home-three .course-one__line {

    display: none;

}



.course-category-three {

    position: relative;

    padding: 0 0 120px;

}



.course-category-three__circle {

    position: absolute;

    bottom: 10%;

    left: 10%;

}



.course-category-three__more-link {

    margin-top: 30px;

    padding: 15.5px 48px;

    background-color: #012237;

    color: #fff;

}



.course-category-three__more-link:hover {

    background-color: #f16101;

    color: #fff;

}



.course-category-three__single {

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    margin-bottom: 30px;

}



.course-category-three__single:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);

}



.course-category-three__single:hover .course-category-three__content {

    opacity: 1;

}



.course-category-three__content {

    width: calc(100% - 40px);

    background-color: #fff;

    position: absolute;

    top: 20px;

    left: 20px;

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);

    text-align: center;

    padding-top: 20px;

    padding-bottom: 20px;

    opacity: 0.8;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-category-three__content::before {

    content: '';

    width: 30px;

    height: 10px;

    background-color: #fff;

    position: absolute;

    top: 100%;

    left: 50%;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);

    clip-path: polygon(50% 100%, 0 0, 100% 0);

}



.course-category-three__title {

    font-size: 16px;

    font-weight: 600;

    color: #012237;

    margin: 0;

    line-height: 1em;

    margin-bottom: 8px;

}



.course-category-three__title a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.course-category-three__title a:hover {

    color: #2da397;

}



.course-category-three__text {

    margin: 0;

    font-size: 11px;

    text-transform: uppercase;

    font-weight: 600;

    color: #81868a;

    line-height: 1em;

    letter-spacing: .2em;

}



/*







* 12. inner-banner styles







*/



.inner-banner {

    background-color: #011928;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    position: relative;

    background-image: url(../images/inner-bg-1-1.jpg);

    padding-bottom: 80px;

}



.inner-banner::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #011928;

    opacity: 0.7;

}



.inner-banner .container {

    position: relative;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    padding-top: 169px;

}



.inner-banner__title {

    margin: 0;

    text-transform: uppercase;

    font-size: 50px;

    font-weight: 700;

    letter-spacing: -0.04em;

    color: #fff;

    margin-top: 5px;

    margin-bottom: -25px;

}



.thm-breadcrumb {

    margin: 0;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.thm-breadcrumb li {

    font-size: 20px;

    text-transform: capitalize;

}



.thm-breadcrumb li a {

    color: #fff;

}



.thm-breadcrumb li+li::before {

    content: '.';

    color: #fff;

    margin-left: 15px;

    margin-right: 15px;

}



/*







* 13. footer styles







*/



.site-footer {

    background-color: #022c46;

}



.site-footer__bottom {

    background-color: #012237;

}



.site-footer__bottom .container {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.site-footer__copy {

    color: #94a3ac;

    font-size: 15px;

    font-weight: 500;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    margin: 0;

}



.site-footer__copy a {

    color: #f16101;

    margin-left: 10px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.site-footer__copy a:hover {

    color: #fff;

}



.site-footer__social {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding: 35px 0;

    padding-right: 70px;

    padding-left: 30px;

    position: relative;

}



.site-footer__social::before {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background-color: #012237;

}



.site-footer__social a {

    color: #94a3ac;

    font-size: 20px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    position: relative;

    z-index: 10;

}



.site-footer__social a:hover {

    color: #f16101;

}



.site-footer__social a+a {

    margin-left: 40px;

}



.site-footer__scroll-top {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    width: 60px;

    height: 60px;

    background-color: #fff;

    border-radius: 50%;

    position: fixed !important;

    bottom: 0;

    right: 0;

    -webkit-transform: translateX(-50%) translateY(-50%);

    transform: translateX(-50%) translateY(-50%);

}



.site-footer__scroll-top i {

    font-size: 22px;

    color: #012237;

}



.site-footer__scroll-top::before {

    content: '';

    position: absolute;

    top: 0;

    left: -5px;

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 0 solid #fff;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.site-footer__scroll-top:hover {

    color: #f16101;

}



.site-footer__scroll-top:hover:before {

    left: 0;

}



.footer-widget {

    padding-top: 70px;

    padding-bottom: 70px;

}



.footer-widget .list-unstyled {

    margin: 0;

}



.footer-widget__text {

    margin: 0;

    font-size: 15px;

    line-height: 30px;

    color: #94a3ac;

    margin-top: -10px;

}



.footer-widget__about {

    position: relative;

}



.footer-widget__about::before {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: -60px;

    background-color: #022c46;

}



.footer-widget__about * {

    position: relative;

}



.footer-widget__title {

    margin: 0;

    color: #ffffff;

    font-size: 18px;

    font-weight: bold;

    line-height: 1em;

    margin-bottom: 48px;

}



.footer-widget__link-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

}



.footer-widget__gallery {

    position: relative;

    left: -35px;

    padding-right: 52px;

}



.footer-widget__gallery-list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-left: -5px !important;

    margin-right: -5px !important;

    margin-top: -10px;

}



.footer-widget__gallery-list li {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 33.33333%;

    flex: 1 1 33.33333%;

    padding-left: 5px;

    padding-right: 5px;

    margin-top: 10px;

}



.footer-widget__gallery-list li a {

    display: block;

}



.footer-widget__gallery-list li a img {

    width: 100%;

}



.footer-widget__btn-block {

    margin-top: 30px;

}



.footer-widget__btn-block .thm-btn:nth-child(2) {

    background-color: #2da397;

    margin-left: 10px;

}



.footer-widget__btn-block .thm-btn:nth-child(2):hover {

    background-color: #fff;

    color: #012237;

}



.footer-widget__link {

    padding-right: 60px;

    position: relative;

    left: -20px;

}



.footer-widget__link-list li {

    line-height: 1em;

}



.footer-widget__link-list li+li {

    margin-top: 20px;

}



.footer-widget__link-list li a {

    color: #94a3ac;

    font-size: 15px;

    font-weight: 500;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.footer-widget__link-list li a:hover {

    color: #f16101;

}



.footer-widget__course-list li+li {

    margin-top: 38px;

}



.footer-widget__course-list li h2 {

    margin: 0;

    font-size: 15px;

    color: #94a3ac;

    font-weight: 500;

    margin-bottom: 10px;

}



.footer-widget__course-list li h2 a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.footer-widget__course-list li p {

    margin: 0;

    font-size: 15px;

    color: #fff;

    font-weight: 600;

}



/*







* 14. blog styles







*/



.blog-one {

    padding-top: 70px;

    padding-bottom: 70px;

}



.blog-one__single {

    margin-bottom: 30px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-one__single:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

}



.blog-one__single:hover .blog-one__image>img {

    opacity: 0.6;

}



.blog-one__single:hover .blog-one__plus {

    opacity: 1;

    -webkit-transform: perspective(20px) translateZ(0px) translate(-50%, -50%);

    transform: perspective(20px) translateZ(0px) translate(-50%, -50%);

}



.blog-one__plus {

    font-size: 46px;

    color: #fff;

    position: absolute;

    top: 50%;

    left: 50%;

    opacity: 0;

    -webkit-transform: perspective(20px) translateZ(10px) translate(-50%, -50%);

    transform: perspective(20px) translateZ(10px) translate(-50%, -50%);

    -webkit-transition: opacity .4s ease, color .3s ease, -webkit-transform .3s ease;

    transition: opacity .4s ease, color .3s ease, -webkit-transform .3s ease;

    transition: opacity .4s ease, transform .3s ease, color .3s ease;

    transition: opacity .4s ease, transform .3s ease, color .3s ease, -webkit-transform .3s ease;

}



.blog-one__plus:hover {

    color: #f16101;

}



.blog-one__image {

    background-color: #012237;

    position: relative;

    overflow: hidden;

}



.blog-one__image>img {

    width: 100%;

    opacity: 1;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;
	height:305px;
}



.blog-one__content {

    padding: 0 42px;

    padding-top: 50px;

    padding-bottom: 40px;

    border-style: solid;

    border-width: 2px;

    border-color: #f1f1f1;

    background-color: white;

}



.blog-one__meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    margin-bottom: 30px;

}



.blog-one__meta a {

    width: 40px;

    height: 40px;

    background-color: #f1f1f1;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    position: relative;

}



.blog-one__meta a:before {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 1px solid #f1f1f1;

    left: -5px;

    top: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    z-index: 9;

}



.blog-one__meta a:after {

    position: absolute;

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    background-color: #f1f1f1;

    left: 0px;

    top: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    z-index: 10;

}



.blog-one__meta a+a {

    margin-left: 15px;

}



.blog-one__meta a:hover {

    background-color: #f16101;

    color: #fff;

}



.blog-one__meta a:hover i {

    color: #fff;

}



.blog-one__meta a:hover:before {

    left: 0;

    border-color: #f16101;

}



.blog-one__meta a:hover:after {

    background-color: #f16101;

}



.blog-one__meta a i {

    font-size: 16px;

    color: #81868a;

    position: relative;

    z-index: 11;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-one__title {

    font-size: 30px;

    font-weight: bold;

    color: #012237;

    margin-bottom: 38px;

}



.blog-one__title a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-one__title a:hover {

    color: #f16101;

}



.blog-one__text {

    font-size: 16px;

    line-height: 34px;

    color: #81868a;

    font-weight: 500;

    margin: 0;

    margin-bottom: 30px;

}



.blog-one__link {

    font-size: 12px;

    color: #012237;

    text-transform: uppercase;

    letter-spacing: .2em;

    font-weight: bold;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    line-height: 1em;

}



.blog-one__link:hover {

    color: #f16101;

}



.blog-one .post-pagination {

    margin-top: 30px;

}



.blog-one__home-two {

    padding-bottom: 90px;

}



.blog-details {

    padding: 120px 0;

}



.blog-details .blog-one__single {

    margin-bottom: 0;

}



.blog-details .blog-one__title {

    font-size: 50px;

    margin-bottom: 28px;

}



.blog-details .blog-one__text {

    margin-bottom: 0;

}



.blog-details .blog-one__text+.blog-one__text {

    margin-top: 30px;

}



.blog-details__content-title {

    margin: 0;

    color: #012237;

    font-size: 30px;

    font-weight: 600;

    margin-bottom: 40px;

}



.blog-details .share-block {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    padding-top: 40px;

    padding-bottom: 40px;

    padding-left: 50px;

    padding-right: 50px;

    border: 2px solid #f1f1f1;

    border-top: 0;

}



.blog-details .share-block .left-block p {

    margin: 0;

    color: #012237;

    font-size: 16px;

    font-weight: 600;

}



.blog-details .share-block .left-block p a {

    color: #f16101;

    font-size: 16px;

    font-weight: 500;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

    margin-left: 5px;

    letter-spacing: 0;

}



.blog-details .share-block .left-block p a:hover {

    color: #012237;

}



.blog-details .share-block .social-block {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

}



.blog-details .share-block .social-block a {

    display: inline-block;

    vertical-align: middle;

    text-align: center;

    color: #81868a;

    font-size: 18px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-details .share-block .social-block a+a {

    margin-left: 38px;

}



.blog-details .share-block .social-block a:hover {

    color: #f16101;

}



.blog-details__author {

    border: 2px solid #f1f1f1;

    padding: 60px 60px;

    margin-top: 50px;

    margin-bottom: 60px;

}



.blog-details__author-image,

.blog-details__author-content {

    display: table-cell;

    vertical-align: top;

}



.blog-details__author-image {

    width: 169px;

}



.blog-details__author-image>img {

    width: 100%;

}



.blog-details__author-content {

    padding-left: 40px;

}



.blog-details__author-content h3,

.blog-details__author-content p {

    margin: 0;

}



.blog-details__author-content h3 {

    color: #012237;

    font-size: 22px;

    margin-bottom: 20px;

    font-weight: 600;

}



.blog-details__author-content p {

    font-size: 16px;

    line-height: 30px;

    color: #81868a;

    margin-bottom: 0px;

}



.blog-details__author-content a {

    font-size: 16px;

    font-weight: 500;

    color: #f16101;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-details__author-content a:hover {

    color: #012237;

}



.comment-one {

    margin-bottom: 60px;

}



.comment-one__single {

    border-bottom: 2px solid #f1f1f1;

    padding-bottom: 50px;

}



.comment-one__single+.comment-one__single {

    margin-top: 60px;

}



.comment-one__image,

.comment-one__content {

    display: table-cell;

    vertical-align: top;

}



.comment-one__image {

    width: 170px;

}



.comment-one__image .inner-block {

    width: 100%;

    border-radius: 50%;

    overflow: hidden;

}



.comment-one__image .inner-block>img {

    width: 100%;

}



.comment-one__content {

    padding-left: 40px;

}



.comment-one__author {

    margin: 0;

    font-size: 18px;

    font-weight: 600;

    color: #012237;

}



.comment-one__date {

    color: #f16101;

    font-size: 16px;

    font-weight: 500;

    line-height: 1em;

    margin: 0;

    margin-top: 15px;

    margin-bottom: 25px;

}



.comment-one__date-sep {

    display: inline-block;

    vertical-align: middle;

    margin-left: 12px;

    margin-right: 12px;

}



.comment-one__text {

    color: #81868a;

    font-size: 16px;

    line-height: 30px;

    margin: 0;

}



.comment-one__reply {

    font-size: 12px;

    padding: 0.5px 21px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.comment-one__reply:hover {

    background-color: #012237;

    color: #fff;

}



.comment-one__top-left,

.comment-one__top-right {

    display: table-cell;

    vertical-align: top;

}



.reply-form input,

.reply-form textarea {

    border: none;

    outline: none;

    width: 100%;

    display: block;

    height: 77px;

    color: #81868a;

    font-size: 16px;

    padding-left: 30px;

    background-color: #f1f1f1;

    margin-bottom: 10px;

}



.reply-form input::-webkit-input-placeholder,

.reply-form textarea::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #81868a;

}



.reply-form input::-moz-placeholder,

.reply-form textarea::-moz-placeholder {

    /* Firefox 19+ */

    color: #81868a;

}



.reply-form input:-ms-input-placeholder,

.reply-form textarea:-ms-input-placeholder {

    /* IE 10+ */

    color: #81868a;

}



.reply-form input:-moz-placeholder,

.reply-form textarea:-moz-placeholder {

    /* Firefox 18- */

    color: #81868a;

}



.reply-form textarea {

    height: 210px;

    padding-top: 20px;

}



.reply-form__btn {

    font-size: 18px;

    padding: 21.5px 58px;

}



.reply-form__btn:hover {

    background-color: #012237;

    color: #fff;

}



.blog-two {

    padding-top: 110px;

    margin-bottom: 205px;

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    background-color: #2da397;

}



.blog-two:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/patter-1-1.jpg);

    opacity: 0.05;

}



.blog-two__carousel {

    top: 205px;

    margin-top: -205px;

}



.blog-two .block-title__title {

    color: #fff;

}



.blog-two .owl-dots .owl-dot {

    outline: none;

}



.blog-two .owl-nav.disabled+.owl-dots {

    margin-top: 30px;

}



.blog-two .owl-dots .owl-dot:hover span,

.blog-two .owl-dots .owl-dot.active span {

    -webkit-transform: scale(1.56);

    transform: scale(1.56);

    opacity: 1;

    background-color: #012237;

}



.blog-two .owl-dots .owl-dot span {

    width: 9px;

    height: 9px;

    background-color: #012237;

    margin: 0 2.5px;

    border-radius: 50%;

    opacity: 0.2;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.blog-two__inner {

    padding: 40px;

    padding-top: 20px;

    background-color: rgba(1, 34, 55, 0.6);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-two__inner:hover {

    background-color: rgba(1, 34, 55, 0.3);

}



.blog-two__date {

    width: 70px;

    height: 70px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    background-color: #fff;

    color: #012237;

    text-transform: uppercase;

    font-size: 12px;

    letter-spacing: .2em;

    font-weight: 600;

    border-radius: 50%;

    line-height: 1em;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    position: relative;

    margin-bottom: 90px;

}



.blog-two__date::before {

    content: '';

    position: absolute;

    top: 0;

    left: -10px;

    width: 100%;

    height: 100%;

    border: 2px solid #fff;

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-two__date:hover:before {

    left: 0;

}



.blog-two__date span {

    font-weight: 400;

    font-family: "Satisfy";

    font-size: 18px;

    letter-spacing: .0em;

}



.blog-two__title {

    margin: 0;

    color: #fff;

    font-weight: 700;

    font-size: 30px;

    margin-top: 15px;

}



.blog-two__title a {

    color: inherit;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-two__title a:hover {

    text-decoration: underline;

}



.blog-two__meta {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: -10px;

}



.blog-two__meta a {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    color: #fff;

    font-weight: 600;

    font-size: 16px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.blog-two__meta a:hover {

    text-decoration: underline;

}



.blog-two__meta a+a:before {

    content: '.';

    font-size: 16px;

    font-weight: 600;

    color: #fff;

    margin-left: 5px;

    margin-right: 5px;

}



/*







* 15. search-popup styles







*/



.search-popup {

    position: fixed;

    top: 0;

    left: 0;

    width: 100vw;

    height: 100vh;

    z-index: 1000;

    -webkit-transform: scale(1, 0);

    transform: scale(1, 0);

    -webkit-transform-origin: bottom center;

    transform-origin: bottom center;

    -webkit-transition: -webkit-transform .7s ease;

    transition: -webkit-transform .7s ease;

    transition: transform .7s ease;

    transition: transform .7s ease, -webkit-transform .7s ease;

}



.search-popup.active {

    -webkit-transform-origin: top center;

    transform-origin: top center;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}



.search-popup__overlay {

    width: 100%;

    height: 100%;

    background-color: #000;

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 999;

    opacity: .7;

    cursor: none;

}



.search-popup__inner {

    position: absolute;

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.search-popup__form {

    position: relative;

    z-index: 9991;

    width: 100%;

    padding: 15px;

    max-width: 600px;

    position: relative;

}



.search-popup__form input {

    background-color: transparent;

    border: none;

    outline: none;

    width: 100%;

    height: 60px;

    color: #012237;

    font-size: 18px;

    background-color: white;

    padding-left: 30px;

}



.search-popup__form input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #012237;

}



.search-popup__form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #012237;

}



.search-popup__form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #012237;

}



.search-popup__form input:-moz-placeholder {

    /* Firefox 18- */

    color: #012237;

}



.search-popup__form button[type=submit] {

    border: none;

    outline: none;

    width: 60px;

    height: 60px;

    color: #fff;

    background-color: #f16101;

    cursor: pointer;

    position: absolute;

    top: 50%;

    right: 15px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.search-popup__form button[type=submit]:hover {

    background-color: #012237;

    color: #f16101;

}



/*







* 16. sidebar styles







*/



@media (max-width: 991px) {

    .sidebar {

        margin-top: 50px;

    }

}



.sidebar__title {

    margin: 0;

    color: #012237;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 30px;

}



.sidebar__single:not(.sidebar__search) {

    padding: 50px;

    background-color: #f1f1f1;

}



.sidebar__single+.sidebar__single {

    margin-top: 30px;

}



.sidebar__post__single+.sidebar__post__single {

    margin-top: 30px;

}



.sidebar__post-image,

.sidebar__post-content {

    display: table-cell;

    vertical-align: middle;

}



.sidebar__post-image {

    width: 60px;

}



.sidebar__post-image .inner-block {

    width: 100%;

}



.sidebar__post-image .inner-block>img {

    width: 100%;

}



.sidebar__post-content {

    padding-left: 20px;

}



.sidebar__post-title {

    margin: 0;

    font-size: 16px;

    line-height: 26px;

    font-weight: 500;

    color: #012237;

}



.sidebar__post-title a {

    color: #012237;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__post-title a:hover {

    color: #012237;

}



.sidebar__category-list {

    margin: 0;

    padding: 0;

    list-style: none;

}



.sidebar__category-list-item {

    line-height: 1em;

}



.sidebar__category-list-item a {

    color: #7B7F85;

    font-size: 16px;

    font-weight: 500;

    display: block;

    position: relative;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__category-list-item a:before {

    content: '\f105';

    font-family: 'Font Awesome 5 Free';

    color: #012237;

    font-weight: 900;

    font-size: 14px;

    position: absolute;

    top: 50%;

    right: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__category-list-item a:hover {

    color: #012237;

}



.sidebar__category-list-item+.sidebar__category-list-item {

    margin-top: 27px;

}



.sidebar__tags-list {

    margin: 0;

    padding: 0;

    list-style: none;

    margin-top: -10px;

}



.sidebar__tags-list-item {

    display: inline-block;

    vertical-align: middle;

    line-height: 1em;

}



.sidebar__tags-list-item a {

    display: block;

    color: #7B7F85;

    font-size: 16px;

    font-weight: 500;

    line-height: 1em;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__tags-list-item a:hover {

    color: #012237;

}



.sidebar__search-form {

    width: 100%;

    height: 79px;

    background-color: #f1f1f1;

    position: relative;

}



.sidebar__search-form input {

    width: 100%;

    height: 100%;

    background-color: transparent;

    border: none;

    outline: none;

    color: #81868a;

    padding-left: 40px;

    padding-right: 40px;

}



.sidebar__search-form input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #81868a;

}



.sidebar__search-form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #81868a;

}



.sidebar__search-form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #81868a;

}



.sidebar__search-form input:-moz-placeholder {

    /* Firefox 18- */

    color: #81868a;

}



.sidebar__search-form button[type=submit] {

    width: 41px;

    height: 41px;

    border-radius: 50%;

    background-color: #f16101;

    border: none;

    outline: none;

    position: absolute;

    top: 50%;

    right: 40px;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

    cursor: pointer;

    padding: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__search-form button[type=submit] i {

    font-size: 14px;

    color: #fff;

    line-height: 41px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__search-form button[type=submit]:before {

    content: '';

    width: 100%;

    height: 100%;

    border-radius: 50%;

    border: 1px solid #f16101;

    position: absolute;

    left: -5px;

    top: 0;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.sidebar__search-form button[type=submit]:hover:before {

    left: 0;

}



/*







* 17. about styles







*/



.about-one {

    padding: 120px 0;

    position: relative;

    border-bottom: 2px solid #f1f1f1;

}



.about-one__circle {

    position: absolute;

    right: 10%;

    bottom: -3%;

}



.about-one__img {

    position: relative;

    margin-bottom: 45px;

}



.about-one__img:before {

    content: '';

    width: 197px;

    height: 268px;

    position: absolute;

    top: -40%;

    left: -10%;

    background-image: url(../images/dot-pattern-1-2.png);

    background-position: 0 0;

    z-index: 10;

}



.about-one__text {

    margin: 0;

    font-size: 18px;

    line-height: 36px;

    color: #81868a;

    margin-bottom: 60px;

}



.about-one__btn {

    padding: 21.5px 68px;

    font-size: 16px;

}



.about-one__btn:hover {

    background-color: #012237;

    color: #fff;

}



.about-one__review {

    background-color: #fff;

    max-width: 300px;

    width: 100%;

    text-align: center;

    position: absolute;

    top: 50%;

    left: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    padding: 33.5px 0;

}



.about-one__review-count {

    margin: 0;

    font-weight: 400;

    font-size: 30px;

    color: #012237;

    line-height: 1em;

}



.about-one__review-stars {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    line-height: 1em;

    margin-top: 10px;

    margin-bottom: 10px;

}



.about-one__review-stars i {

    color: #f16101;

    font-size: 20px;

}



.about-one__review-stars i+i {

    margin-left: 10px;

}



.about-one__review-text {

    margin: 0;

    font-size: 14px;

    font-weight: 600;

    text-transform: uppercase;

    letter-spacing: .2em;

}



.about-one__about-page {

    border-bottom: 1px solid #f1f1f1;

}



.about-one__about-page .about-one__img:before {

    top: auto;

    bottom: -40%;

}



.about-two {

    padding: 120px 0;

}



.about-two .block-title {

    margin-bottom: 50px;

}



.about-two__text {

    margin: 0;

    font-size: 18px;

    line-height: 36px;

    color: #81868a;

}



.about-two .thm-btn {

    padding: 21.5px 68px;

}



.about-two .thm-btn:hover {

    background-color: #012237;

    color: #fff;

}



.about-two__single {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 50%;

    flex: 1 1 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    padding-left: 20px;

    padding-right: 20px;

}



.about-two__single-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin-left: -20px;

    margin-right: -20px;

    margin-top: 45px;

    margin-bottom: 50px;

}



.about-two__single-text {

    color: #012237;

    font-size: 20px;

    font-weight: 500;

    margin: 0;

}



.about-two__single i {

    color: #2da397;

    font-size: 64px;

    margin-right: 14px;

}



.about-two__image {

    display: inline-block;

    border-radius: 50%;

    position: relative;

}



.about-two__image:before {

    content: '';

    position: absolute;

    top: 50%;

    left: 50%;

    width: 330px;

    height: 330px;

    border-radius: 50%;

    -webkit-transform: translate(-50%, -50%);

    transform: translate(-50%, -50%);

    border: 20px solid #fff;

    z-index: 11;

}



.about-two__image:after {

    content: '';

    width: 100%;

    height: 100%;

    position: absolute;

    top: 0;

    left: -20px;

    border: 3px solid #f16101;

    border-radius: 50%;

}



.about-two__image>img {

    border-radius: 50%;

    position: relative;

    z-index: 10;

}



.about-two__image-dots {

    width: 197px;

    height: 268px;

    position: absolute;

    top: 0%;

    left: calc(100% - 60px);

    background-image: url(../images/dot-pattern-1-2.png);

    background-position: 0 0;

    z-index: 10;

}



.about-two__count {

    position: absolute;

    bottom: 0;

    left: 0;

    z-index: 12;

    -webkit-transform: translateX(-20%);

    transform: translateX(-20%);

    border-radius: 50%;

    width: 175px;

    height: 175px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    background-color: #fff;

    -webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);

    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1);

}



.about-two__count:before {

    content: '';

    position: absolute;

    top: 15px;

    left: 15px;

    right: 15px;

    bottom: 15px;

    border: 1px dashed rgba(1, 34, 55, 0.15);

    border-radius: 50%;

}



.about-two__count-text {

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: .2em;

    font-weight: 600;

    color: #81868a;

}



.about-two__count span {

    display: block;

    color: #f16101;

    letter-spacing: 0em;

    font-weight: 400;

    font-size: 30px;

}



/*







* 18. video styles







*/



.video-one {

    background-color: #022c46;

    position: relative;

    padding: 120px 0;

}



.video-one .container {

    position: relative;

}



.video-one__scratch {

    position: absolute;

    top: -8%;

    left: -12%;

}



.video-one:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #022c46;

    background-image: url(../images/patter-1-1.jpg);

    background-repeat: no-repeat;

    background-attachment: fixed;

    opacity: 0.05;

}



.video-one__content {

    padding-bottom: 30px;

}



.video-one__title {

    font-size: 60px;

    color: #fff;

    font-weight: 700;

    letter-spacing: -0.04em;

    margin: 0;

}



.video-one__btn {

    margin-top: 35px;

    padding: 21.5px 59.5px;

    background-color: #012237;

    font-size: 18px;

    color: #fff;

}



.video-one__popup {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    width: 104px;

    height: 104px;

    background-color: #fff;

    border-radius: 50%;

    position: absolute;

    right: 60px;

    bottom: 60px;

}



.video-one__popup:before {

    content: '';

    position: absolute;

    top: 0;

    left: -10px;

    width: 100%;

    height: 100%;

    border: 2px solid #fff;

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.video-one__popup i {

    font-size: 26px;

    color: #012237;

}



.video-one__popup:hover:before {

    left: 0;

}



.video-two {

    position: relative;

    padding: 120px 0;

    background-image: url(../images/video-bg-1-1.jpg);

    background-position: center center;

    background-size: cover;

    background-attachment: fixed;

}



.video-two::before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-color: #012237;

    opacity: 0.6;

}



.video-two .container {

    position: relative;

}



.video-two .thm-btn {

    padding: 21.5px 68px;

    background-color: #012237;

    color: #fff;

}



.video-two .thm-btn:hover {

    background-color: #fff;

    color: #012237;

}



.video-two__scratch {

    position: absolute;

    top: -20%;

    left: -12%;

}



.video-two__title {

    font-size: 60px;

    color: #fff;

    font-weight: 700;

    letter-spacing: -0.04em;

    margin: 0;

    margin-bottom: 60px;

}



.video-two__popup {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    width: 156px;

    height: 156px;

    background-color: #f16101;

    border-radius: 50%;

    position: relative;

}



.video-two__popup:before {

    content: '';

    position: absolute;

    top: 0;

    left: -15px;

    width: 100%;

    height: 100%;

    border: 2px solid #f16101;

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.video-two__popup i {

    font-size: 38px;

    color: #fff;

}



.video-two__popup:hover:before {

    left: 0;

}



.video-three {

    padding-bottom: 120px;

}



.video-three .container {

    position: relative;

}



.video-three .container:before {

    content: '';

    width: 197px;

    height: 268px;

    position: absolute;

    bottom: -10%;

    left: -10%;

    background-image: url(../images/dot-pattern-1-2.png);

    background-position: 0 0;

}



.video-three__box {

    background-image: url(../images/video-1-2.jpg);

    background-position: 0 0;

    background-repeat: no-repeat;

    background-size: cover;

    margin-top: 30px;

    padding: 60px;

}



.video-three__fact {

    padding: 65px 60px;

    margin-bottom: 30px;

    margin-top: 30px;

}



.video-three__fact i {

    font-size: 64px;

    color: #fff;

}



.video-three__fact-count {

    font-size: 40px;

    font-weight: 400;

    color: #fff;

    margin: 0;

    line-height: 1em;

    margin-top: 20px;

}



.video-three__fact-text {

    margin: 0;

    font-size: 18px;

    font-weight: 500;

    color: #fff;

    line-height: 1em;

    margin-top: 5px;

}



.video-three__title {

    font-size: 50px;

    font-weight: bold;

    color: #012237;

    margin: 0;

}



.video-three__btn-box {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: end;

    -ms-flex-pack: end;

    justify-content: flex-end;

    margin-top: 215px;

}



.video-three__popup {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    width: 104px;

    height: 104px;

    background-color: #fff;

    border-radius: 50%;

    position: relative;

}



.video-three__popup:before {

    content: '';

    position: absolute;

    top: 0;

    left: -10px;

    width: 100%;

    height: 100%;

    border: 2px solid #fff;

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.video-three__popup i {

    font-size: 26px;

    color: #012237;

}



.video-three__popup:hover:before {

    left: 0;

}



/*







* 19. brand styles







*/



.brand-one {

    padding: 120.5px 0;

}



.brand-one__home-three {

    border-top: 2px solid #f1f1f1;

}



.brand-one__carousel {

    padding-left: 45px;

    padding-right: 45px;

}



.brand-one__carousel img {

    opacity: 0.2;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.brand-one__carousel img:hover {

    opacity: 0.6;

}



.brand-two {

    padding: 120px 0;

    border-top: 2px solid #f1f1f1;

}



.brand-two .block-title__title {

    font-size: 24px;

    font-weight: bold;

    color: #012237;

    margin: 0;

}



/*







* 20. testimonials styles







*/



.testimonials-one {

    border-top: 2px solid #f1f1f1;

    padding: 120px 0;

}



.testimonials-one__carousel {

    text-align: center;

}



.testimonials-one__carousel .owl-item img {

    width: auto;

    display: inline-block;

}



.testimonials-one__carousel .owl-stage-outer {

    overflow: visible;

}



.testimonials-one__carousel .owl-dots .owl-dot {

    outline: none;

}



.testimonials-one__carousel .owl-nav.disabled+.owl-dots {

    margin-top: 30px;

}



.testimonials-one__carousel .owl-dots .owl-dot:hover span,

.testimonials-one__carousel .owl-dots .owl-dot.active span {

    -webkit-transform: scale(1.56);

    transform: scale(1.56);

    opacity: 1;

    background-color: #012237;

}



.testimonials-one__carousel .owl-dots .owl-dot span {

    width: 9px;

    height: 9px;

    background-color: #012237;

    margin: 0 2.5px;

    border-radius: 50%;

    opacity: 0.2;

    -webkit-transform: scale(1);

    transform: scale(1);

    -webkit-transition: -webkit-transform .4s ease;

    transition: -webkit-transform .4s ease;

    transition: transform .4s ease;

    transition: transform .4s ease, -webkit-transform .4s ease;

}



.testimonials-one__single {

    border-style: solid;

    border-width: 2px;

    border-color: #f1f1f1;

    background-color: white;

    padding: 60px 55px;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.testimonials-one__single:hover {

    -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);

}



.testimonials-one__qoute {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center;

    width: 40px;

    height: 40px;

    border-radius: 50%;

    background-color: #f16101;

    position: relative;

    margin-left: auto;

    margin-right: auto;

    margin-bottom: 15px;

}



.testimonials-one__qoute::before {

    content: '';

    position: absolute;

    top: 0;

    left: -5px;

    border-radius: 50%;

    width: 100%;

    height: 100%;

    border: 1px solid #f16101;

}



.testimonials-one__carousel .owl-item .testimonials-one__img {

    width: 58px;

    border-radius: 50%;

    margin-bottom: 20px;

}



.testimonials-one__text {

    font-size: 16px;

    line-height: 34px;

    font-weight: 500;

    margin: 0;

    padding-bottom: 30px;

    margin-bottom: 40px;

    border-bottom: 1px solid #f1f1f1;

}



.testimonials-one__name {

    font-size: 18px;

    color: #012237;

    font-weight: 600;

    margin: 0;

    line-height: 1em;

    margin-bottom: 10px;

}



.testimonials-one__designation {

    margin: 0;

    line-height: 1em;

    font-size: 12px;

    text-transform: uppercase;

    letter-spacing: .2em;

    color: #81868a;

}



.testimonials-one__home-three {

    border-top: 0;

    padding-bottom: 80px;

}



/*







* 21. meeting styles







*/



.meeting-one {

    padding-top: 120px;

    padding-bottom: 120px;

}



.meeting-one__block-text {

    margin: 0;

    font-size: 16px;

    line-height: 34px;

    font-weight: 500;

}



@media (min-width: 992px) {

    .meeting-one__content {

        padding-left: 60px;

    }

}



.meeting-one__box-wrap {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    margin-top: 115px;

}



.meeting-one__box {

    background-color: #f1f1f1;

    width: 200px;

    height: 221px;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: center;

    position: relative;

}



.meeting-one__box img {

    border-radius: 50%;

}



.meeting-one__box+.meeting-one__box {

    margin-left: 50px;

    margin-top: 30px;

}



.meeting-one__title {

    margin: 0;

    color: #012237;

    font-weight: 600;

    font-size: 16px;

    line-height: 1em;

    margin-top: 20px;

    margin-bottom: 10px;

}



.meeting-one__text {

    margin: 0;

    font-size: 14px;

    color: #81868a;

    line-height: 1em;

}



.meeting-one__bubble {

    background-color: #2da397;

    position: absolute;

    bottom: calc(100% + 15px);

    right: -30px;

    color: #fff;

    font-size: 13px;

    line-height: 20px;

    font-weight: 600;

    text-align: left;

    padding: 15px 20px;

    max-width: 192px;

    -webkit-box-shadow: 0px 10px 30px 0px rgba(4, 5, 5, 0.1);

    box-shadow: 0px 10px 30px 0px rgba(4, 5, 5, 0.1);

}



.meeting-one__bubble:before {

    content: '';

    width: 24px;

    height: 17px;

    position: absolute;

    top: 100%;

    left: 30px;

    background-color: #2da397;

    -webkit-clip-path: polygon(0 0, 0% 100%, 100% 0);

    clip-path: polygon(0 0, 0% 100%, 100% 0);

}



.meeting-one__box:nth-child(even) .meeting-one__bubble:before,

.meeting-one__box:nth-child(even) .meeting-one__bubble {

    background-color: #f16101;

}



/*







* 22. countdown styles







*/



.countdown-one {

    padding-bottom: 120px;

}



.countdown-one .become-teacher__form {

    margin-top: -87px;

}



.countdown-one__content {

    padding-top: 100px;

}



.countdown-one__title {

    margin: 0;

    color: #012237;

    font-size: 60px;

    font-weight: 700;

    margin-top: -15px;

}



.countdown-one__tag-line {

    margin: 0;

    font-size: 26px;

    color: #2da397;

    margin-top: 5px;

}



.countdown-one__text {

    margin: 0;

    font-size: 16px;

    font-weight: 500;

    line-height: 34px;

    color: #81868a;

    margin-top: 45px;

    margin-bottom: 50px;

}



.countdown-one__list {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: justify;

    -ms-flex-pack: justify;

    justify-content: space-between;

    margin-left: -7px;

    margin-right: -7px;

    margin-bottom: 0;

    margin-top: -10px;

}



.countdown-one__list li {

    -webkit-box-flex: 1;

    -ms-flex: 1 1 25%;

    flex: 1 1 25%;

    max-width: 25%;

    padding-left: 7px;

    padding-right: 7px;

}



.countdown-one__list li div {

    border: 2px solid #f1f1f1;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -ms-flex-direction: column;

    flex-direction: column;

    text-align: center;

}



.countdown-one__list li i {

    line-height: 115px;

    color: #f16101;

    font-size: 40px;

    font-style: normal;

}



.countdown-one__list li span {

    background-color: #f1f1f1;

    text-align: center;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .2em;

    text-transform: uppercase;

    line-height: 41px;

}



/*







* 23. mailchimp styles







*/



.mailchimp-one {

    background-color: #f16101;

    padding: 120px 0;

}



.mailchimp-one .my-auto {

    width: 100%;

}



.mailchimp-one__content {

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



.mailchimp-one__icon i {

    color: #f16101;

    font-size: 53px;

    margin-left: 10px;

    margin-right: 25px;

    width: 112px;

    height: 112px;

    border-radius: 50%;

    display: -webkit-box;

    display: -ms-flexbox;

    display: flex;

    text-align: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    justify-content: center;

    background-color: #fff;

    position: relative;

}



.mailchimp-one__icon i:after {

    content: '';

    position: absolute;

    top: 0;

    left: -10px;

    width: 100%;

    height: 100%;

    border: 2px solid #fff;

    border-radius: 50%;

    -webkit-transition: all .4s ease;

    transition: all .4s ease;

}



.mailchimp-one__icon i:hover:after {

    left: 0;

}



.mailchimp-one__title {

    margin: 0;

    color: #fff;

    font-size: 40px;

    font-weight: 700;

    letter-spacing: -.04em;

}



.mailchimp-one__form {

    position: relative;

}



.mailchimp-one__form input {

    border: none;

    outline: none;

    background-color: transparent;

    width: 100%;

    height: 77px;

    background-color: #fff;

    color: #81868a;

    font-size: 16px;

    padding-left: 30px;

}



.mailchimp-one__form input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */

    color: #81868a;

}



.mailchimp-one__form input::-moz-placeholder {

    /* Firefox 19+ */

    color: #81868a;

}



.mailchimp-one__form input:-ms-input-placeholder {

    /* IE 10+ */

    color: #81868a;

}



.mailchimp-one__form input:-moz-placeholder {

    /* Firefox 18- */

    color: #81868a;

}



.mailchimp-one__form .thm-btn {

    background-color: #012237;

    color: #fff;

    padding: 0;

    line-height: 77px;

    width: 159px;

    position: absolute;

    top: 0;

    right: 0;

}



.mailchimp-one__form .thm-btn:hover {

    color: #fff;

    background-color: #2da397;

}



section.cta-three img.cta-three__image {

    margin: 70px 0;

}



/* login css style */



.bg-br-primary {

    background-position: center center;

    background-repeat: no-repeat;

    background-size: cover;

    position: relative;

    background-color: #012237;

}



#account .block-title__title {

    font-size: 40px;

    margin: 20px auto;

}



#account .bg-br-primary:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    background-image: url(../images/patter-1-1.jpg);

    opacity: 0.05;

}



.tx-white {

    color: #fff;

}



.no-gutters>.col,

.no-gutters>[class*="col-"] {

    padding-right: 0;

    padding-left: 0;

}



.login-wrapper {

    text-align: center;

}



.bg-gray-200 {

    background-color: #e9ecef;

}



.align-items-center {

    align-items: center !important;

}



.justify-content-center {

    justify-content: center !important;

}



.d-flex {

    display: flex !important;

}



.ht-100v {

    height: 100vh;

}



.flex-row-reverse {

    flex-direction: row-reverse !important;

}



.no-gutters {

    margin-right: 0;

    margin-left: 0;

}



#account .row {

    display: flex;

    flex-wrap: wrap;

    margin-right: -15px;

    margin-left: -15px;

}



.wd-250 {

    width: 350px;

    position: relative;

    z-index: 9999;

}



button.btn.btn-info.btn-block {

    padding: 10px 42px;

    font-size: 18px;

    font-weight: bold;

    background-color: #f16101;

    border: 0;

    border-radius: 0;

    transition: all 0.3s ease;

}



button.btn.btn-info.btn-block:hover {

    background-color: #012237;

    color: #fff;

    transition: all 0.3s ease;

}



.text-left {

    text-align: left;

}



div#account input {

    outline: none;

    width: 100%;

    display: block;

    background-color: #ffffff;

    height: 50px;

    padding-left: 25px;

    margin-bottom: 10px;

    border: 0;

    border-radius: 0;

}



div#account a {

    color: #2da397;

    font-size: 14px;

    font-weight: bold;

}



.mg-y-30 {

    margin-top: 30px;

    margin-bottom: 30px;

}



#account .button-login {

    padding: 13px 37px;

    background-color: #f16101;

    color: #fff;

    border: 0;

    font-weight: bold;

    transition: all 0.3s ease;

    border-radius: 0;

}



#account .button-login:hover {

    background-color: #fff;

    transition: all 0.3s ease;

    color: #022538;

}



div#account h4 {

    font-size: 1.5rem;

    font-weight: bold;

    color: #022538;

}



.mg-t-60 {

    margin-top: 60px;

}



.mg-b-60 {

    margin-bottom: 30px;

}



.tx-12 {

    font-size: 14px;

    line-height: normal;

}



.form-group {

    margin-bottom: 1rem;

}



/*======================Manoj Kumar css start ===================================*/



/*WithOut Banner*/



.main .my-account {

    padding-top: 0;

    margin-top: 0;

}



.main #header.alt {

    background: rgb(11, 57, 111);

    position: fixed;

    top: 0;

}



.admin-panel-heading {

    background: #fff;

    z-index: 9;

    position: relative;

    width: 100%;

    overflow: hidden;

    top: 0;

    clear: both;

    display: block;

    border-radius: 5px;

    padding: 0 25px 0 0;

    margin-bottom: 16px;

}



.admin-panel-heading h3 {

    float: right;

    font-weight: normal;

    font-size: 15px;

}



.admin-panel-heading h3 a {

    font-size: 16px;

    border: 0;

    border-radius: 0;

    transition: all 0.3s ease;

    color: #022538;

    margin-top: 10px;

    display: block;

}



.admin-panel-heading h3 a:hover {

    text-decoration: none;

}



.admin-panel-heading .details-heading-sec {

    padding: 0;

    float: left;

    margin-bottom: 0;

}



.admin-panel-heading .details-heading-sec strong {

    font-weight: 700;

    font-size: 17px;

    color: #334481;

}



.admin-panel-heading .details-heading-sec img {

    height: 35px;

    width: 35px;

    object-fit: cover;

    border-radius: 50%;

}



.userqrcode {

    width: 70% !important;

    border-radius: 1% !important;

}



.qrganrate {

    background: #9acd3217;

    padding: 22px;

}



.userqrcodeadmin {

    border-radius: 1% !important;

}



.main .myaccount_left {

    width: 17%;

    position: fixed;

    left: 0;

    top: 0;

    bottom: 0;

    margin-bottom: 0px;

    background: #012237;

    overflow-y: auto;

        z-index: 9999;

}



.main #footer {

    display: none;

}



.main .myaccount_right {

    margin-top: 0;

    border: none;

    background: none;

    box-shadow: none;

    overflow: hidden;

}



.main .tab-pane {

    position: relative;

    clear: both;

}



.main .per-profile {

    margin-top: 0;

    overflow: hidden;

    display: block;

}



.myaccount_right .AddNew-btn {

    position: fixed;

    bottom: 10%;

    font-weight: normal;

    font-size: 14px;

    color: #fff;

    background: linear-gradient(135deg, #a307d7, #fb2d8d);

    right: 0;

    padding: 8px 16px;

    border-radius: 25px 0 0 25px;

}



.myaccount_right .AddNew-btn .fa {

    margin-right: 5px;

    font-size: 16px;

    padding-top: 2px;

    float: left;

}



/*===========SCROLL===========*/



/* width */



.myaccount_left::-webkit-scrollbar {

    width: 8px;

    height: 2px;

}



/* Track */



.myaccount_left::-webkit-scrollbar-track {

    background: #f1f1f1;

}



/* Handle */



.myaccount_left::-webkit-scrollbar-thumb {

    background: linear-gradient(to right, #0b396f, #6789e6);

    border-radius: 10px;

}



/* Handle on hover */



.myaccount_left::-webkit-scrollbar-thumb:hover {

    background: linear-gradient(to right, #0b396f, #6789e6);

}



/* width */



::-webkit-scrollbar {

    width: 8px;

    height: 2px;

}



/* Track */



::-webkit-scrollbar-track {

    background: #f1f1f1;

}



/* Handle */



::-webkit-scrollbar-thumb {

    background: linear-gradient(to right, #0b396f, #6789e6);

    border-radius: 10px;

}



/* Handle on hover */



::-webkit-scrollbar-thumb:hover {

    background: linear-gradient(to right, #0b396f, #6789e6);

}



/*===========SCROLL===========*/



.statistic #myprofile {

    position: relative;

    clear: both;

}



.main .statistic {

    display: table;

    clear: both;

    width: 100%;

    border-radius: 5px;

    padding: 10px;

    margin-bottom: 10px;

}



.modal {

    display: none;

    position: fixed;

    z-index: 1000;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    /* background:rgba(11, 57, 111, 0.92)*/

    /*url(../images/loading-search.gif)50% 50% no-repeat*/

    ;

    background: rgba(11, 57, 111, 0.92) url('../../images/show_loader.gif') 50% 50% no-repeat;

}



body.loading {

    overflow: hidden;

}



body.loading .modal {

    display: block;

}



.myaccount_right .tab-content {

    background: #fff;

    border-radius: 5px;

    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .1);

    padding-top: 2px;

    display: block;

}



.login-form textarea {

    overflow: auto;

    vertical-align: top;

    margin-bottom: 10px;

    border: 1px solid #ddd;

    border-radius: 3px;

}



.login-form input {

    border: 1px solid #ddd;

}



.edit-img table tr td {

    border-bottom: none !important;

}





.modal-content {

    border: solid 5px #ffeb3b;

}



#myModal {

    background: #0b396fad;

}



.myaccount_right .single-products .productinfo button {

    float: left;

    margin-left: 20px;

}



.dashboardcode-bsmultiselect {

    position: relative;

}



.dashboardcode-bsmultiselect .form-control {

    box-shadow: none;

    border: none;

}



.dashboardcode-bsmultiselect .form-control li input[type="search"] {

    border: solid 1px #ccc !important;

    width: 100% !important;

    padding: 0 10px !important;

}



.dashboardcode-bsmultiselect .form-control li:last-child {

    display: table;

    clear: both;

    float: left;

    position: relative;

    width: 100%;

    left: 0;

}



.dashboardcode-bsmultiselect .dropdown-menu {

    height: 250px;

    width: 100%;

    /*transform: none !important;*/

    margin-top: 0;

    /* top:53px !important;*/

    overflow: scroll;

    /* position: relative !important; */

}



.dashboardcode-bsmultiselect .dropdown-menu input {

    width: 18px;

    margin-left: 10px;

    height: 20px;

    box-shadow: none;

    float: left;

}



.dashboardcode-bsmultiselect .dropdown-menu label {

    float: left;

    width: auto;

    font-weight: normal;

    color: #333;

    padding-top: 5px;

    margin-left: 10px;

}



.dashboardcode-bsmultiselect .dropdown-menu li {

    display: table;

    width: 100%;

}



.myaccount_right .dashboardcode-bsmultiselect button.close {

    border: none;

    box-shadow: none;

    padding: 2px 0 0 5px;

    margin-bottom: 0px;

    background: none;

}



.myaccount_right .dashboardcode-bsmultiselect button span {

    font-size: 22px !important;

    color: #fff !important;

    opacity: 2;

}



.myaccount_right .dashboardcode-bsmultiselect .badge {

    height: 22px;

    background: #615ed0 !important;

    padding-right: 7px;

}



.myaccount_right .dashboardcode-bsmultiselect .badge span {

    background: none !important;

    color: #fff;

    box-shadow: none;

    font-weight: normal;

    text-shadow: none;

    font-size: 11px;

    font-weight: bold;

    margin-left: 7px;

}



.myaccount_right #edit_profile .dashboardcode-bsmultiselect .badge span {

    color: #4a70c1;

    font-size: 14px;

}



.full-width {

    width: 100% !important;

}



.req-red {

    color: #FF0000;

}



.bell-icon {

    position: fixed;

    right: 23px;

    top: 74px;

    z-index: 99;

    float: right;

}



.bell-icon img {

    width: 40px;

    border: solid 2px #ffffff;

    height: 40px;

    padding: 5px;

    object-fit: cover;

    background: #0b396f;

    border-radius: 50%;

}



.myaccount_right .contact-form .Product-Image .form-group {

    width: 19.2%;

    margin-right: 1%;

}



.myaccount_right .contact-form .Product-Image .M-Right {

    margin-right: 0;

}



.myaccount_right .contact-form .Product-Image .form-group p {

    margin-bottom: 10px;

}



.dataTable_wrapper table tbody tr:first-child th {

    background: #2da397;

    color: #fff;

    vertical-align: middle;

    line-height: normal;

}



.dataTable_wrapper.Order-History {

    padding: 0 20px;
	width:100%;
	margin-bottom:123px;

}



.dataTable_wrapper .table-striped tbody tr td {

    vertical-align: middle;

}



.dataTable_wrapper .table-striped tbody tr td p {

    margin: 0px;

}



.dataTable_wrapper .table-striped tbody tr td a {

    margin: 2px;

    font-size: 15px;

}



.view-order {

    padding: 0 20px;

    margin-bottom: 35px;

}



.view-order .invoiceleft {

    text-align: left;

}



.view-order .invoiceright {

    text-align: right;

}



.view-order .detail-in p,

.payment-in p {

    width: 100%;

    display: table;

}



.view-order .detail-in p strong,

.payment-in p strong {

    width: 25%;

    padding: 6px 12px 6px;

    float: left;

    background: #f5f5ed;

    border-radius: 20px 0 0px 20px;

}



.view-order .detail-in p span,

.payment-in p span {

    background: #f5f5ed;

    padding: 6px 12px 6px;

    float: right;

    width: 74%;

    border-radius: 0 20px 20px 0;

}



.myaccount_right .tab-content a.blue-btn {

    background: #164884;

    border: 0 none;

    border-radius: 25px;

    color: #ffffff;

    font-size: 15px;

    margin-bottom: 25px;

    webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .3);

    padding: 10px 25px 12px;

    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .3);

    -webkit-transition: all .3s linear;

}



.myaccount_right .tab-content a.green-bg {

    background: #81bd3c;

    margin-right: 10px;

}



.myaccount_right .tab-content a.blue-btn:hover {

    background: #ffeb3b;

    color: #164884;

    border-radius: 25px;

    box-shadow: none;

    -webkit-transform: translateY(2px);

    -moz-transform: translateY(2px);

    transform: translateY(2px);

    text-decoration: none;

}



.P_BTN {

    display: table;

    width: 100%;

    clear: both;

    margin: 35px 0 30px;

}



.myaccount_right .product-image-wrapper {

    position: relative;

}



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



/*MY ACCOUNT Sidebar */



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



.my-account,

.editprofile,

.changepassword {

    background: #F5F5ED;

    padding-top: 45px;

}



.myaccount_left {

    width: 13%;

    margin-right: 0%;

    float: left;

    box-shadow: 0 1px 3px #7f7e7e61;

    background: #fff;

    margin-bottom: 75px;

}



.myaccount_left .nav-pills li {

    float: none;

    width: 100%;

    border-bottom: solid 1px #ffffff2b;

}



.myaccount_left .nav-pills li a {

    color: #fff;

    padding: 16px 15px;

    display: block;

}



.myaccount_left .nav-pills li a strong {

    font-weight: normal;

}



.myaccount_left .nav-pills li.active {

    margin-left: 0px;

}



.myaccount_left .nav-pills li.active a {

    background-color: #f16101;

    border-radius: 0;

    color: #fff;

}



.myaccount_left .nav-pills li.active a i {

    color: #fff;

}



.myaccount_left .nav-pills li a i {

    margin-right: 10px;

    color: #2da397;

    font-size: 16px;

}



.myaccount_left .nav-pills li a:hover,

.myaccount_left .nav-pills li a:focus {

    text-decoration: none;

    color: #fff;

    background-color: #f16101;

    border-radius: 0;

}



.myaccount_left .nav-pills li.active a:hover,

.myaccount_left .nav-pills li.active a:focus {

    text-decoration: none;

    background-color: #f16101;

    color: #fff;

    border-radius: 0;

}



.myaccount_left .nav-pills li a:hover i,

.myaccount_left .nav-pills li a:focus i {

    color: #fff;

}



.nav-pills>li+li {

    margin-left: 0px;

}



.myaccount_right {

    padding-bottom: 25px;

    margin-bottom: 75px;

    position: relative;

    left: calc((100vw - 8rem) * .2 + 5rem - 5.8rem);

    width: 82%;

}



.myaccount_right .tab-pane ul {

    padding-left: 20px;

    padding-right: 20px;

}



.myaccount_right .qrganrate .details-heading-sec {

    border-left: none !important;

    padding: 0px 1px 0px !important;

}



.qrbottom {

    margin-bottom: 100px !important;

}



.myaccount_right .details-heading-sec {

    padding: 13px 15px 11px;

    color: #012237;

    text-align: left;

    border-left: solid 5px #f16101;

    margin-bottom: 10px;

    font-weight: 600;

}



div#carouselExampleIndicators {

    padding: 20px 20px;

}



.myaccount_right .dashboardcode-bsmultiselect ul.form-control {

    position: absolute;

}



.myaccount_right .tab-pane ul tr td:nth-child(3),

.myaccount_right .tab-pane ul tr td:nth-child(1) {

    border-bottom: solid 1px #e0e0e0;

}



.myaccount_right .tab-pane ul tr td:nth-child(2) {

    text-align: center;

}



.myaccount_right .tab-pane ul table {

    width: 100%;

    margin-top: 10px;

}



.myaccount_right .tab-pane ul table p {

    padding-top: 10px;

    font-size: 14px;

}



.myaccount_right .fisrtdivshow {

    padding-left: 20px;

    padding-right: 20px;

}



.myaccount_right .single-products .productinfo .btn-lg {

    padding: 10px 16px;

    font-size: 14px;

    line-height: 1.33;

    border-radius: 25px;

}



.product-details .product-information .btn-lg {

    border-radius: 25px;

    font-size: 14px;

    padding: 9px 16px;

}



.myaccount_right .contact-form .form-group {

    margin-bottom: 10px;

    width: 31%;

    float: left;

    margin-right: 2%;

}



.myaccount_right .contact-form .form-group p {

    margin-bottom: 5px;

    font-size: 15px;

}



.myaccount_right .contact-form .edit-img {

    width: 100%;

}



.myaccount_right .contact-form .edit-img input[type="file"] {

    box-shadow: none;

    margin-top: 0px;

}



.myaccount_right .contact-form button {

    display: table;

    clear: both;

}



.myaccount_right #edit_profile .dashboardcode-bsmultiselect ul.form-control {

    position: inherit;

}



.myaccount_right .contact-form .form-group.w-70 {

    width: 66%;

}



.myaccount_right #edit_profile .form-group img {

    height: 100px;

    object-fit: cover;

}



.myaccount_right .contact-form .form-group:nth-child(3n) {

    margin-right: 0px;

}



.myaccount_right .contact-form .form-group select {

    height: 46px;

    border-radius: 4px;

    border: 1px solid #ddd;

}



.myaccount_right .contact-form button {

    background: #164884;

    border: 0 none;

    border-radius: 25px;

    color: #ffffff;

    font-size: 15px;

    margin-bottom: 25px;

    webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .3);

    padding: 10px 25px 12px;

    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .3);

    -webkit-transition: all .3s linear;

    margin-top: 42px;

}



.myaccount_right .contact-form button:hover {

    background: #ffeb3b;

    color: #164884;

    border-radius: 25px;

    box-shadow: none;

    -webkit-transform: translateY(2px);

    -moz-transform: translateY(2px);

    transform: translateY(2px);

    text-decoration: none;

}



.myaccount_right #edit_profile .fisrtdivshow label {

    font-weight: normal;

    color: #333;

}



.myaccount_right .b2c-form {

    width: 100%;

    display: table;

}



.myaccount_right .b2c-form .control-group {

    display: table;

    clear: both;

    width: 100%;

}



.myaccount_right .b2c-form .addqty {

    clear: both;

}



/*Change Password*/



#no-more-tables ul {

    width: 70%;

    margin: auto;

    display: table;

    padding-top: 35px;

    padding-left: 0px;

    padding-bottom: 5px;

}



#no-more-tables ul li {

    width: 100%;

    margin-right: 2%;

    margin-bottom: 10px;

}



#no-more-tables ul li p {

    margin-bottom: 5px;

}



#no-more-tables ul li input[type="button"],

#no-more-tables ul li input[type="submit"] {

    background: #164884;

    border: 0 none;

    border-radius: 25px;

    color: #ffffff;

    font-size: 15px;

    margin-bottom: 25px;

    webkit-box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .3);

    padding: 10px 25px 12px;

    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .3);

    -webkit-transition: all .3s linear;

    white-space: 50%;

    float: left;

}



#no-more-tables ul li input[type="submit"] {

    background: #ffeb3b;

    color: #164884;

    margin-top: 20px;

}



#no-more-tables ul li input[type="button"]:hover,

#no-more-tables ul li input[type="submit"]:hover {

    background: #ffeb3b;

    color: #164884;

    border-radius: 25px;

    box-shadow: none;

    -webkit-transform: translateY(2px);

    -moz-transform: translateY(2px);

    transform: translateY(2px);

    text-decoration: none;

}



/*Notification*/



.myaccount_right .per-profile ul tr {

    border-bottom: solid 1px #e0e0e078;

}



.myaccount_right .per-profile ul tr td {

    border: none !important;

    text-align: left !important;

    font-size: 13px;

    line-height: 15px;

}



.myaccount_right .per-profile ul tr th {

    font-size: 12px !important;

}



.myaccount_right #refund_order_form table tr th {

    font-size: 13px;

}



.myaccount_right #refund_order_form table tr td {

    font-size: 12px;

}



.statistic .col-sm-2 .gradient-bg {

    border-radius: 5px;

    position: relative;

    padding: 10px;

    height: 84px;

    margin-bottom: 0px;

    background: #2da397;

}

.ml-auto, .mx-auto { 
    margin-right: 63px;
}

.add_course_button a {
    background: #f16101;
    color: #fff;
    padding: 4px 17px;
    float: right;
    margin-bottom: 11px;
    margin-right: 5px;
}

.add_course_button a:hover {
   border: 1px solid #f16101;
background-color: #f16101;
box-shadow: 0 3px 10px rgb(241, 97, 1);
transition: all 0.5s;
}

.statistic .col-sm-3 .gradient-bg {

    border-radius: 5px;

    position: relative;

    padding: 10px;

    height: 115px;

    margin-bottom: 0px;

    background: #2da397;

}

.statistic .col-sm-3 .gradient-bg:hover {
    border: 1px solid #f16101;
	background-color: #f16101;
	box-shadow: 0 3px 10px rgb(241, 97, 1);
	transition: all 0.5s;
}

.statistic .col-sm-2 .gradient-bg:hover {
			border: 1px solid #f16101;
			background-color: #f16101;
			box-shadow: 0 3px 10px rgb(241, 97, 1);
			transition: all 0.5s;
}

.statistic-item-numder {

    font-size: 20px;

    color: #fff;

}



.statistic .gradient-bg .fa {

    font-size: 18px;

    width: 28px;

    text-align: center;

    color: #fff;

    position: absolute;

    background: rgba(255, 255, 255, .3);

    top: 7px;

    padding: 4px;

    right: 8px;

    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .14), 0 7px 10px -5px rgba(255, 152, 0, .4);

}



.statistic .gradient-bg p {

    color: #fff;

    position: absolute;

    bottom: 0;

}



.col-sm-1,

.col-sm-2,

.col-sm-3,

.col-sm-4,

.col-sm-5,

.col-sm-6,

.col-sm-7,

.col-sm-8,

.col-sm-9,

.col-sm-10,

.col-sm-11,

.col-sm-12 {

    float: left;

}



.my-account .container {

    width: auto !important;

    max-width: 100%;

}



.site-logo {

    padding: 26px 15px;

}



.myaccount_list .site-logo img {

    max-width: 160px;

    display: block;

    text-align: center;

    margin: 0 auto;

}



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



/*MY ACCOUNT Sidebar */



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



body.myaccountdashboard header,

body.myaccountdashboard footer {

    display: none;

}



/*======================Manoj Kumar css End ===================================*/



.rounded-circle {

    width: 50px;

}

a#userDropdown {

    width: 100px;

    padding-top: 0;

    padding-bottom: 0;

}

div#close_sidebar a{

  display:none;

}

.nav {

    list-style: none;

    overflow: hidden;

    clear: both;

}

@media screen and (max-width:767px){

  .main .myaccount_left{

    width:85%;

    overflow-y: scroll;

    -webkit-transform: translateX(-600px);

    transform: translateX(-600px);

    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

    transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

    transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

    transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1), -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

  }

  .main .myaccount_left.active_sidebar{

    -webkit-transform: translateX(0);

        transform: translateX(0);

        -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

        transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

        transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

        transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1), -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

  }

  .myaccount_right {

    left: 0;

    width: 100%;

}

.site-logo {

    padding: 14px 15px 20px;

    display: inline-block;

    float: left;

}

div#close_sidebar a{

    float: right;

    display: block;

    position: relative;

    top: 9px;

    right: 30px;

    padding: 14px 15px 20px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    color:#fff;

    font-weight:700;

}

div#close_sidebar a:hover{

    color:#f16101;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.nav {

    list-style: none;

    overflow: hidden;

    clear: both;

}

.main .statistic .col-sm-2 {

    padding: 0;

    margin-bottom: 1em;

}

.course-one__content{

  padding-left: 25px;

  padding-right: 25px;

}

.myaccount_right .navbar-light .navbar-nav .nav-link .rounded-circle {

    width: 30%;

}

.myaccount_right .navbar-light .navbar-nav .nav-link span.mr-2.d-none.d-lg-inline.text-gray-600.small {

    display: inline-block!important;

    margin-right: 0 !important;

}

button#sidebarToggleTop {

    float: left;

    text-align: left;

}

button#sidebarToggleTop i {

    color: #2da397;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

button#sidebarToggleTop i:hover {

  color:#f16101

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.table {

    display: inline-block;

    overflow-x: scroll;

    white-space: nowrap;

}

}

@media  (min-width:768px) and (max-width:1000px){

  .myaccount_right {

    left: 0;

    width: 100%;

}

.main .myaccount_left{

  width:35%;

  overflow-y: scroll;

  -webkit-transform: translateX(-600px);

  transform: translateX(-600px);

  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

  transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

  transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

  transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1), -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

}

.main .myaccount_left.active_sidebar{

  -webkit-transform: translateX(0);

      transform: translateX(0);

      -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

      transition: -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

      transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

      transition: transform 0.5s cubic-bezier(0.6, 0, 0.4, 1), -webkit-transform 0.5s cubic-bezier(0.6, 0, 0.4, 1);

}

.site-logo {

    padding: 14px 15px 20px;

    display: inline-block;

    float: left;

}

div#close_sidebar a{

    float: right;

    display: block;

    position: relative;

    top: 9px;

    right: 30px;

    padding: 14px 15px 20px;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

    color:#fff;

    font-weight:700;

}

div#close_sidebar a:hover{

    color:#f16101;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

.main .statistic .col-sm-2 {

  padding: 0;

  margin-bottom: 1em;

  -ms-flex: 0 0 16.666667%;

  flex: 0 0 23%;

  max-width: 23%;

  margin-right: 10px;

}

.course-one__content{

  padding-left: 25px;

  padding-right: 25px;

}

.myaccount_right .navbar-light .navbar-nav .nav-link .rounded-circle {

    width: 30%;

}

.myaccount_right .navbar-light .navbar-nav .nav-link span.mr-2.d-none.d-lg-inline.text-gray-600.small {

    display: inline-block!important;

    margin-right: 0 !important;

}

button#sidebarToggleTop {

    float: left;

    text-align: left;    display: block !important;

}

button#sidebarToggleTop {

    float: left;

    text-align: left;

}

button#sidebarToggleTop i {

    color: #2da397;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    -webkit-transition: all 0.3s;

    transition: all 0.3s;

}

button#sidebarToggleTop i:hover {

  color:#f16101

  -moz-transition: all 0.3s;

  -o-transition: all 0.3s;

  -webkit-transition: all 0.3s;

  transition: all 0.3s;

}

.table {

    display: inline-block;

    overflow-x: scroll;

    white-space: nowrap;

}

}







/* Cart tabele*/

.cart-area .table-responsive, .wishlist-area .table-responsive {

  border: 1px solid rgba(0, 0, 0, 0.1);

}



.table-responsive {

  display: block;

  width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: -ms-autohiding-scrollbar;

  text-align: center;

}



.cart-area .table-responsive .table.product-table {

  margin: 0;

  overflow: hidden;

}



.cart-area .table-responsive .table.product-table thead tr .table-remove {

  width: 91px;

}



.cart-area .table-responsive .table.product-table thead th,

.cart-area .table-responsive .table.product-table tbody td {

  border-bottom: 0 none;

  border-right: 1px solid #ebebeb;

  border-top: 0 none;

  color: #012237;

  font-size: 15px;

  line-height: 25px;

  padding: 20px 10px;

  text-transform: uppercase;

  vertical-align: middle;

  text-align: center;

  border-bottom: 1px solid #ebebeb;

}



.cart-area .table-responsive .table.product-table tbody tr .table-p-qty input, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-qty input {

  border: 2px solid #ebebeb;

  color: #012237;

  font-size: 15px;

  height: 55px;

  padding: 0 0 0 7px;

  text-align: center;

  width: 52px;

}



.pb-95 {

  padding-bottom: 95px;

}



.pt-110 {

  padding-top: 110px;

}



.cart-area .table-responsive .table.product-table tbody tr .table-remove button, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove button {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #012237;

  cursor: pointer;

  font-size: 16px;

  margin-bottom: 9px;

  border: 0;

}



.cart-area .table-responsive .table.product-table tbody tr .table-image a img, .wishlist-area .table-responsive .table.product-table tbody tr .table-image a img {

  width: 75px;

}



.cart-area .table-responsive .table.product-table tbody tr .table-p-name a, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-name a {

  color: #012237;

  font-size: 16px;

  font-weight: 500;

}



.cart-area .table-responsive .table.product-table tbody tr .table-p-price p, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-price p {

  color: #012237;

  font-size: 16px;

  font-weight: 700;

}



.cart-area .table-responsive .table.product-table thead th:last-of-type, .wishlist-area .table-responsive .table.product-table thead th:last-of-type {

  border-right: 0 none;

}



.cart-area .table-responsive .table.product-table tbody tr .table-remove, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove {

  width: 91px;

}



.cart-area .table-responsive .table.product-table tbody tr .table-image, .wishlist-area .table-responsive .table.product-table tbody tr .table-image {

  width: 213px;

}



.cart-area .table-responsive .table.product-table tbody tr .table-p-name, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-name {

  text-transform: capitalize;

}



.table thead th {

  vertical-align: bottom;

  border-bottom: 2px solid #e9ecef;

}



.cart-area .table-responsive .table.product-table thead tr .table-image, .wishlist-area .table-responsive .table.product-table thead tr .table-image {

  width: 213px;

}



.cart-area .table-responsive .table.product-table tbody tr .table-p-qty input, .wishlist-area .table-responsive .table.product-table tbody tr .table-p-qty input {

  border: 2px solid #ebebeb;

  color: #012237;

  font-size: 16px;

  height: 55px;

  padding: 0 0 0 7px;

  text-align: center;

  width: 52px;

}



.cart-area .table-responsive .table.product-table tbody tr .table-total p, .wishlist-area .table-responsive .table.product-table tbody tr .table-total p {

  color: #012237;

  font-size: 16px;

  font-weight: 700;

}



.cart-area .table-responsive .table.product-table tbody tr .table-remove button, .wishlist-area .table-responsive .table.product-table tbody tr .table-remove button {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  color: #012237;

  cursor: pointer;

  font-size: 16px;

  margin-bottom: 9px;

  border: 0;

}



.cart-area .table-responsive .table.product-table tbody tr:hover, .wishlist-area .table-responsive .table.product-table tbody tr:hover {

  background: #f6f5f1 none repeat scroll 0 0;

}



.cart-area .table-responsive .table.product-table tbody tr .table-total p {

  color: #2da397;

}



.cart-area .table-bottom-wrapper, .wishlist-area .table-bottom-wrapper {

  border-bottom: 1px solid #ebebeb;

  border-left: 1px solid #ebebeb;

  border-right: 1px solid #ebebeb;

  padding: 20px;

}



.cart-area .table-bottom-wrapper .table-coupon, .wishlist-area .table-bottom-wrapper .table-coupon {

  border: 1px solid #ebebeb;

  margin: 0 0 20px;

  padding: 25px;

}



.cart-area .table-bottom-wrapper .table-coupon input, .wishlist-area .table-bottom-wrapper .table-coupon input {

  background: #f1f1f1;

  color: #7b7b7b;

  font-size: 14px;

  height: 50px;

  line-height: 49px;

  padding: 0 20px;

  width: 300px;

  -webkit-box-shadow: 0 1px 0 0 #ffffff;

  box-shadow: 0 1px 0 0 #ffffff;

  -moz-border-radius: 30px;

  border: 0;

}



.cart-area .table-bottom-wrapper .table-coupon button, .wishlist-area .table-bottom-wrapper .table-coupon button {

  background: #f16101;

  border: 0;

  cursor: pointer;

  font-weight: 600;

  height: 50px;

  line-height: 47px;

  margin-left: 15px;

  padding: 0 30px;

  color: #fff;

}



.cart-area .table-bottom-wrapper .table-coupon button:hover {

  background-color: #012237;

  color: #fff;

}



.cart-area .table-bottom-wrapper .table-update button, .wishlist-area .table-bottom-wrapper .table-update button {

  background: #012237;

  border: 0;

  cursor: pointer;

  font-weight: 600;

  height: 50px;

  line-height: 47px;

  margin-left: 15px;

  padding: 0 30px;

  color: #fff;

}



.cart-area .table-bottom-wrapper .table-update button:hover {

  background-color: #f16101;

  color: #fff;

}



.cart-area .table-total-wrapper .table-total-content, .wishlist-area .table-total-wrapper .table-total-content {

  border: 1px solid #ebebeb;

  width: 33%;

  padding: 40px;

  background-color: #f1f1f1;

}



.cart-area .table-total-wrapper .table-total-content h2, .wishlist-area .table-total-wrapper .table-total-content h2 {

  color: #012237;

  font-size: 30px;

  font-weight: 600;

  line-height: 26px;

  margin-bottom: 30px;

  text-align: center;

}



.pt-60 {

  padding-top: 60px;

}



.cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content {

  margin-bottom: 25px;

  font-size: 18px;

}



.cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content>span:first-of-type, .wishlist-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content>span:first-of-type {

  color: #211e1e;

  display: block;

  font-weight: 700;

  text-transform: uppercase;

}



.cart-area .table-total-wrapper .table-total-content .table-total-amount .single-total-content .c-total-price {

  color: #2da397;

  font-weight: 700;

}



.cart-area .table-total-wrapper .table-total-content .table-total-amount>a:hover {

  background: #78a206 none repeat scroll 0 0;

  border-color: #78a206;

  color: #ffffff;

}



.cart-area .table-total-wrapper .table-total-content .table-total-amount>a {

  background: #012237;

  border: 0;

  cursor: pointer;

  font-weight: 600;

  height: 50px;

  line-height: 47px;

  padding: 0 30px;

  color: #fff;

  display: block;

  text-align: center;

  text-transform: uppercase;

}



.cart-area .table-total-wrapper .table-total-content .table-total-amount>a:hover {

  background-color: #f16101;

  color: #fff;

}



.checkout-area form .checkbox-form {

  padding-top: 4px;

}



.checkout-area form .checkbox-form h3 {

  border-bottom: 1px solid #ebebeb;

  color: #2c2c2c;

  display: -webkit-box;

  display: -ms-flexbox;

  display: flex;

  margin: 0 0 20px;

  padding-bottom: 12px;



  width: 100%;

  font-weight: 700;

}



.checkout-area form .checkbox-form .country-select {

  margin-bottom: 22px;

  position: relative;

}



.checkout-area form .checkbox-form .country-select label {

  color: #012237;

  font-weight: 600;

}



.checkout-area form .checkbox-form .country-select select {

  background: #f1f1f1 none repeat scroll 0 0;

  border: 0 none;

  height: 45px;

  outline: medium none;

  padding-left: 10px;

  width: 100%;

  cursor: pointer;

  color: #012237;

}



.checkout-area form .checkbox-form .checkout-form-list input[type="checkbox"] {

  display: inline-block;

  margin-right: 10px;

  position: relative;

  top: 10px;

  width: auto;

  float: left;

}



.checkout-area form .checkbox-form .checkout-form-list label {

  color: #363636;

  display: block;

  margin: 0 0 5px;

}



.checkout-area form .checkbox-form .checkout-form-list label {

  color: #012237;

  display: block;

  font-weight: 600;

  margin: 0 0 5px;

}



.checkout-area form .checkbox-form .checkout-form-list input[type="text"], .checkout-area form .checkbox-form .checkout-form-list input[type="password"], .checkout-area form .checkbox-form .checkout-form-list input[type="email"] {

  background: #f1f1f1 none repeat scroll 0 0;

  border: 0 none;

  border-radius: 0px;

  -webkit-border-radius: 0px;

  -moz-border-radius: 0px;

  color: #012237;

  font-weight: 300;

  height: 45px;

  outline: medium none;

  padding: 0 0 0 20px;

  width: 100%;

}



.checkout-area form .checkbox-form .checkout-form-list {

  margin-bottom: 20px;

}



.checkout-area form .checkbox-form .different-address .ship-different-title input {

  width: auto;

  height: 25px;

  margin-right: 10px;

}



.checkout-area form .checkbox-form .different-address .ship-different-title h3 label {

  color: #012237;

  font-size: 21px;

  font-weight: 700;

  margin-right: 20px;

  cursor: pointer;

}



.checkout-area form .checkbox-form .different-address .order-notes .checkout-form-list #checkout-mess {

  background: #f1f1f1 none repeat scroll 0 0;

  border: 0 none;

  height: 90px;

  padding: 15px;

  width: 100%;

  color: #012237;

}



.checkout-area form .your-order h3 {

  border-bottom: 1px solid #dedede;

  color: #2c2c2c;

  font-size: 24px;

  line-height: 30px;

  margin-top: 8px;

  padding-bottom: 11px;

  font-weight: 700;

}



.table-responsive {

  display: block;

  width: 100%;

  overflow-x: auto;

  -webkit-overflow-scrolling: touch;

  -ms-overflow-style: -ms-autohiding-scrollbar;

}



.checkout-area form .your-order .your-order-table table {

  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;

  border: medium none;

  width: 100%;

}



.checkout-area form .your-order .your-order-table table th {

  border-top: medium none;

  font-weight: 700;

  text-transform: uppercase;

  vertical-align: middle;

  white-space: nowrap;

  width: 291px;

}



.checkout-area form .your-order .your-order-table table th, .checkout-area form .your-order .your-order-table table td {

  border-bottom: 1px solid #dedede;

  border-right: medium none;

  color: #211e1e;

  font-size: 14px;

  font-weight: 500;

  padding: 15px 0;

  text-align: left;

}



.checkout-area form .your-order .your-order-table table th {

  border-top: medium none;

  font-weight: 700;

  text-transform: uppercase;

  vertical-align: middle;

  white-space: nowrap;

  width: 291px;

}



.checkout-area form .your-order .your-order-table table tbody .cart_item .product-name {

  width: 410px;

}



.checkout-area form .your-order .your-order-table table th, .checkout-area form .your-order .your-order-table table td {

  border-bottom: 1px solid #dedede;

  border-right: medium none;

  color: #211e1e;

  font-size: 16px;

  font-weight: 600;

  padding: 15px 0;

  text-align: left;

}

.checkout-area form .your-order .your-order-table table tfoot .shipping td ul li:first-child label {

    font-weight: 700;

}

.checkout-area form .your-order .payment-method {

    padding-top: 22px;

}

.checkout-area form .your-order .payment-method .panel-group .panel {

    margin-bottom: 13px;

}

.checkout-area form .your-order .payment-method .panel-group .panel .panel-body {

    background: #dfdcde none repeat scroll 0 0;

    border-radius: 2px;

    -webkit-border-radius: 2px;

    -moz-border-radius: 2px;

    color: #515151;

    margin-top: 10px;

    padding: 12px;

    position: relative;

}

.checkout-area form .your-order .payment-method .panel-group .panel .panel-body p {

  line-height: 23px;

  margin: 0;

  padding: 10px;

}

.checkout-area form .your-order .payment-method .panel-group .panel .panel-body:after {

    background: #dfdcde none repeat scroll 0 0;

    content: "";

    height: 15px;

    left: 29px;

    position: absolute;

    top: -6px;

    -webkit-transform: rotate(45deg);

    -ms-transform: rotate(45deg);

    transform: rotate(45deg);

    width: 15px;

}

.checkout-area form .your-order .payment-method a {

    color: #012237;

    cursor: pointer;

    font-size: 14px;

    font-weight: 700;

}

.checkout-area form .your-order .payment-method a img {

    margin-left: 9px;

    max-height: 52px;

}

.checkout-area form .your-order .payment-method .order-button-payment input:hover {

    background: transparent;

    color: #78a206;

}



.checkout-area form .your-order .payment-method .order-button-payment input {

  background: #f16101;

  border: 0;

  cursor: pointer;

  font-weight: 600;

  height: 50px;

  line-height: 47px;

  padding: 0 30px;

  color: #fff;

  display: block;

  width: 100%;

  -webkit-transition: all 0.3s ease 0s;

-moz-transition: all 0.3s ease 0s;

-ms-transition: all 0.3s ease 0s;

-o-transition: all 0.3s ease 0s;

transition: all 0.3s ease 0s;

margin-top:20px;

}

.checkout-area form .your-order .payment-method .order-button-payment input:hover{

  background: #012237;

    color: #fff;

  -webkit-transition: all 0.3s ease 0s;

  -moz-transition: all 0.3s ease 0s;

  -ms-transition: all 0.3s ease 0s;

  -o-transition: all 0.3s ease 0s;

  transition: all 0.3s ease 0s;

}



   .rating i{

    cursor: pointer;

 }

 .selected {

    color: #ff3f00 !important

 }

 .hover {

  color: #24b1ba;

 }

.rating i:hover{

    color: #24b1ba;

}



.fa.fa-star {

    color: #A65353;

}

.title_sorry {

    text-align: center;

    width: 100%;

    margin-bottom: 129px;

	color: #f1531f;

}



.inputfiled{

     padding: 7px 5px 7px 10px;

    width: 70%;

}





.button {

border-radius: 4px;

background-color: #012237;

border: none;

color: #FFFFFF;

text-align: center;

font-size: 20px;

padding: 6px 36px 12px 30px;

transition: all 0.5s;

cursor: pointer;

margin-top: 20px;

margin-bottom:30px;

}



.button span {

  cursor: pointer;

  display: inline-block;

  position: relative;

  transition: 0.5s;

}



.button span:after {

  content: '\00bb';

  position: absolute;

  opacity: 0;

  top: 0;

  right: -20px;

  transition: 0.5s;

}



.button:hover span {

  padding-right: 25px;

}



.button:hover span:after {

  opacity: 1;

  right: 0;

}

.rightsidebar {

    background: #fff;

    z-index: 9;

    position: relative;

    width: 100%;

    overflow: hidden;

    padding: 0 50px 0 0;

}

.rightsidebar h1 {

  border-left: solid 5px #f16101;

  margin-bottom: 30px;

  font-weight: 700;

  padding: 13px 15px 11px 30px;

  color: #012237;

  text-align: left;

  overflow: hidden;

  font-size: 1.5rem;

}

.rightsidebar form#profileupdate {

    padding:0 20px;

}

.rightsidebar br {

    display: none;

}

.rightsidebar li {

    list-style: none;

    margin-bottom: 1rem;

    overflow: hidden;

}

.rightsidebar li p {

  font-weight: 600;

  margin-bottom: 0.2rem;

  color: #012237;

}

.rightsidebar li input[type="text"], .rightsidebar li input[type="email"], .rightsidebar li select {

  width: 100%;

  border-radius: 0;

  border: 1px solid #cccbcb; 

  font-size: 14px;

}

.profile-update {

    margin-top: 50px;

}

.profile-update button.button,div#myprofile form#updatepassword li button.button,

button[type="submit"] {

    background-color: #f16101;

    padding: 10px 30px;

    border-radius: 0;

    font-size: 16px;

}

.profile-update button.button:hover,button[type="submit"]:hover,

div#myprofile form#updatepassword li button.button:hover{

    background-color: #012237;

}

div#myprofile form#updatepassword li p {

    color: #012237;

}

.profile-update li.formfiels .col-sm-12 {

    border: 1px solid #cccbcb;

}

.myaccount_right .singleview p.viewfield {

    display: inline-block;

    width: 33%;

}

.myaccount_right .singleview p.viewfield label {

    margin-right: 10px;

    color: #012237;

}

.myaccount_right .singleview p.viewfield span {

    color: #2da397;

    font-weight: 600;

}

.myaccount_right .membership_desc {

    overflow: hidden;

    margin: 30px auto;

}

.myaccount_right .membership_desc h1.title {

    padding: 13px 15px 11px;

    color: #012237;

    text-align: left;

    border-left: solid 5px #f16101;

    margin-bottom: 10px;

    font-weight: 600;

    font-size: 1.5rem;

}

.main .per-profile .dataTable_wrapper.Order-History {

    padding: 0;

}

.main .per-profile .dataTable_wrapper.Order-History .singleview {

    padding: 0 20px;

}

.myaccount_right .membership_desc .carousel-item {

    padding: 20px 20px;

}

.myaccount_right .membership_desc .carousel-item .description {

    display: inline-block;

    width: 48%;

    vertical-align: top;

    color: #2da397;

    margin-bottom: 10px;

    margin-right: 10px;

    padding: 15px 25px;

    background-color: #f1f1f1;

}

.myaccount_right .membership_desc .carousel-item .description h4 {

  color: #012237;

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 5px;

}

.myaccount_right .membership_desc .carousel-item .description p label {

    margin-bottom: 0;font-weight: 400;

}

.myaccount_right .membership_desc .carousel-item .description p {

    margin-bottom: 0;font-weight: 400;

}

.myaccount_right .membership_desc .carousel-item .description p b {

    font-weight: 600;

}

div#myprofile form#updatepassword li {

    list-style: none;

}

div#myprofile form#updatepassword li input#searchfriend {

    width: 100%;

    border-radius: 0;

    border: 1px solid #cccbcb;

    padding: 10px 15px;

    font-size: 14px;

}

.myaccount_right .membership_desc .carousel-item .description p {

    line-height: normal;

    margin-bottom: 5px;

    font-size: 16px;

    font-weight: 400;

}

.searchform li {

    list-style: none;

    padding-left: 20px;

}

.course_list p {

    margin-bottom: 0;

    line-height: normal;

}

.course-one__stars {

    margin: 10px 0;

}

.course_list {

    border-top: 1px solid #e5e3e3;

    border-bottom: 1px solid #e5e3e3;

    padding: 10px 0;    margin-bottom: 20px;



}



.col-lg-4.liveexams { 

    border: 1px solid #ccc;

    margin-bottom: 39px;

    background: #fff;

    padding-left: 0px;

    padding-right: 0px;

}

.exam_title {

    text-align: center;

    padding: 11px;

    background: #2da397;

    width: 100%;

    color: #fff;

    font-weight: bold;

}

.liveexams .course-one__content{ padding-top: 42px;}



.liveexams .course-one__link{margin-top: 42px;}

.warning {
    width: 100%;
    background: #f47d43;
    color: #fff;
    padding: 7px;
    text-align: center;
}

.applybutton {
    text-align: center;
    width: 100%;
    margin: 69px;
}

.applybutton a {
    background: #2da397;
    color: #fff;
    padding: 11px 60px;
    border: 1px solid #000;
    border-radius: 4%;
}
.title {
    text-align: center;
    width: 100%;
    margin: 23px;
    font-size: 22px;
    color: #000;
} 

.platexambutton {
    background: #2e1292;
    color: #fff;
    padding: 3px 7px;
    border-radius: 13px;
}
.platexambutton:hover {
    background: #231e34; 
}
.examrules p {
    width: 100%;
    color: #000;
    margin: 2px 12px 2px 9px;
}
.examrules {
    margin-bottom: 43px;
}
.obtainmarks {
    padding: 20px;
    margin: 1px !important;
    line-height: 12px;
}
.obtainmarks p {
    width: 60%; 
}
.obtainmarks span {
    width: 73%;
    float: right;
}

.addbtn {
    text-align: right;
    margin-top: -36px;
    margin-bottom: 19px;
}
.change-password.back_button {
  padding: 12px 25px;
  top: 0px !important;
}
.page-header {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 18px;
    font-weight: 600;
}
.optionBox {
    display: table;
    clear: both;
    margin-top: 20px;
    width: 100%;
}
.optionBox .block {
    display: table;
    background: #fff;
    clear: both;
    margin-bottom: 15px;
    padding: 10px;
    position: relative;
    width: 100%;
    border: solid 1px #c3c3c3;
}
.optionBox p {
    width: 100%;
    float: left;
    margin-right: 1%;
}
.optionBox label {
    width: 100%;
    float: left;
    padding-top: 11px;
}
.optionBox input {
    background: no-repeat;
    border-color: #d1c7ac;
    width: 100% !important;
}
.optionBox .block .remove {
    position: absolute;
    top: 6px;
    right: 8px;
    border: solid 2px #b1b1b1;
    width: 30px;
    height: 30px;
    text-align: center;
    padding-top: 1px;
    cursor: pointer;
    border-radius: 50%;
}
.optionBox .More-Attribute {
    float: left;
    width: auto;
    background: #164884;
    cursor: pointer;
    color: #fff;
    border: none;
    border-radius: 25px;
    margin-bottom: 10px;
    padding: 10px 20px;
}
 

 .detail_list_left{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 10px;border-left: 3px solid #f86400;border-radius: 5px;}
  .detail_list_left ul{padding: 0px;margin: 0px}

   .detail_list_left ul li a{
color: #575757;
  font-weight: 600;
  font-family: ;
  font-size: 18px;
  padding: 15px 5px 5px 15px;
  display: flex;
  justify-content: space-between;
  line-height: 25px;
}

 .detail_list_left ul li a:hover{color: #f16101}

  .detail_list_left ul li a i{
  margin-left: 10px;
}

.detail_min_box{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 25px}

.detail_min_box h2{
  font-size: 25px;
  font-weight: 700;
  color: #ed5f02;
}
.detail_min_box .box_top_d li {
  list-style: disc;
}

.detail_min_box .box_top_d2 li {
  list-style: decimal-leading-zero;}

  .detail_min_box .box_top_d2{
  margin-top: 0;
  margin-bottom: 1rem;
  margin-top: 15px;
}
 .detail_min_box .box_top_d2 span{font-weight: 600}
 .detail_min_box img {display: block;}



 .myinputGroup {
  background-color: #fff;
  display: block;
  position: relative;
}
.myinputGroup label {
  padding: 12px;
  width: 98%;
  display: block;
  text-align: left;
  color: #3C454C;
  cursor: pointer;
  position: relative;
  z-index: 2;
  transition: color 200ms ease-in;
  overflow: hidden;
  background:#EEEEEE;
  border-radius: 50px;
}
.myinputGroup label:before {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  content: '';
  background-color: #012237;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transform: translate(-50%, -50%) scale3d(1, 1, 1);
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  z-index: -1;
}
.myinputGroup label:after {
  width: 32px;
  height: 32px;
  content: '';
  border: 2px solid #D1D7DC;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.414 11L4 12.414l5.414 5.414L20.828 6.414 19.414 5l-10 10z' fill='%23fff' fill-rule='nonzero'/%3E%3C/svg%3E ");
  background-repeat: no-repeat;
  background-position: 2px 3px;
  border-radius: 50%;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  transition: all 200ms ease-in;
}
.myinputGroup input:checked ~ label {
  color: #fff;
}
.myinputGroup input:checked ~ label:before {
  -webkit-transform: translate(-50%, -50%) scale3d(56, 56, 1);
          transform: translate(-50%, -50%) scale3d(56, 56, 1);
  opacity: 1;
}
.myinputGroup input:checked ~ label:after {
  background-color: #2da397;
  border-color: #2da397;
}
.myinputGroup input {
  width: 32px;
  height: 32px;
  order: 1;
  z-index: 2;
  position: absolute;
  right: 30px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  cursor: pointer;
  visibility: hidden;
}

.qshan_box_top h3{font-size: 22px;
  font-weight: 600;
  color: #000;
  margin: 30px 0px;}




#heading {
    text-transform: uppercase;
    color: #673AB7;
    font-weight: normal
}

#msform {
    text-align: center;
    position: relative;
    margin-top: 20px
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative
}

.form-card {
    text-align: left; margin-bottom: 15px;
}

#msform fieldset:not(:first-of-type) {
    display: none
}

#msform input,
#msform textarea {
    padding: 8px 15px 8px 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 25px;
    margin-top: 2px;
    width: 100%;
    box-sizing: border-box;
    color: #2C3E50;
    background-color: #ECEFF1;
    font-size: 16px;
    letter-spacing: 1px
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #673AB7;
    outline-width: 0
}

#msform .action-button {
width: 100px;
  background: #012237;
  font-weight: bold;
  color: #fff;
  border: 2px solid #012237;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 0px 10px 0px;
  float: left;
  font-size: 18px;
  font-weight: 600;
  font-family: revert-layer;
}

#msform .action-button:hover,
#msform .action-button:focus {
   background-color: #ED5F02;
  border-color: #ed5f02;
}

#msform .action-button-previous {
width: 100px;
  background: #eee;
  font-weight: bold;
  color: #012237;
  border: 2px solid #eee;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 5px;
  margin: 10px 10px 10px 0px;
  float: left;
  font-size: 18px;
  font-weight: 600;
  font-family: revert-layer;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
   background-color: #ED5F02;
  border-color: #ed5f02;
  color: #fff;
}

.card {
    z-index: 0;
    border: none;
    position: relative
}

.fs-title {
    font-size: 25px;
    color: #673AB7;
    margin-bottom: 15px;
    font-weight: normal;
    text-align: left
}

.purple-text {
    color: #673AB7;
    font-weight: normal
}

.steps {
    font-size: 25px;
    color: gray;
    margin-bottom: 10px;
    font-weight: normal;
    text-align: left;
}

.fieldlabels {
    color: gray;
    text-align: left
}

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    color: lightgrey
}

#progressbar .active {
    color: #673AB7
}

#progressbar li {
    list-style-type: none;
    font-size: 15px;
    width: 25%;
    float: left;
    position: relative;
    font-weight: 400
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "\f13e"
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "\f007"
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "\f030"
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "\f00c"
}

#progressbar li:before {
    width: 50px;
    height: 50px;
    line-height: 45px;
    display: block;
    font-size: 20px;
    color: #ffffff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px
}

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 0;
    top: 25px;
    z-index: -1
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #673AB7
}

.progress {
    height: 20px
}

.progress-bar {
    background-color: #673AB7
}

.fit-image {
    width: 100%;
    object-fit: cover
}

 .detail_list_left_right{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding: 10px;border-right: 3px solid #f86400;border-radius: 5px;}

 .detail_list_left_right .bhe_dh {
  background-color: #012237;
  color: #fff;
  margin: -10px -10px 15px -10px;
  padding: 20px 30px;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -ms-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}
 .detail_list_left_right .bhe_dh h2{ font-size:22px }
 .btn_1.full-width, a.btn_1.full-width {
display: block;
  text-align: center;
  padding: 12px 45px;
  font-size: 16px;
  font-size: 1rem;
  width: 100%;
  background: #ed5f02;
  color: #fff;
  font-size: 18px;
  border-radius: 50px;
  font-weight: 600;
}
.detail_list_left_right ul{margin: 0px; padding: 0px}

.detail_list_left_right li a{
  color: #000;
  font-size: 16px;
  font-weight: 500;
}
.detail_list_left_right li a span{margin-right: 10px}