@font-face {
    font-family: 'FF Shamel Sans One';
    src: url('../new-fonts/FFShamelSansOne-Bold.woff2') format('woff2'),
        url('../new-fonts/FFShamelSansOne-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FF Shamel Sans One';
    src: url('../new-fonts/FFShamelSansOne-Light.woff2') format('woff2'),
        url('../new-fonts/FFShamelSansOne-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FF Shamel Sans One Normal';
    src: url('../new-fonts/FFShamelSansOne-Normal.woff2') format('woff2'),
        url('../new-fonts/FFShamelSansOne-Normal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'FF Shamel Sans One';
    src: url('../new-fonts/FFShamelSansOne-Medium.woff2') format('woff2'),
        url('../new-fonts/FFShamelSansOne-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Nexa';
    src: url('../new-fonts/NexaLight.woff2') format('woff2'),
        url('../new-fonts/NexaLight.woff') format('woff');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Nexa';
    src: url('../new-fonts/NexaBold.woff2') format('woff2'),
        url('../new-fonts/NexaBold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}




*,
*:before,
*:after {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
* {
    margin: 0px;
    padding: 0px;
    border: none;
    outline: none;
}
.form-control {
    -webkit-appearance: none;
    appearance: none;
}
body {
    font-family: "FF Shamel Sans One","Nexa";
    background-color: #fff;
    font-size: 12px;
    font-weight: 400;
    overflow-x: hidden;
}
ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "FF Shamel Sans One","Nexa";
    font-weight: normal;
    font-style: normal;
    margin: 0;
}
p {
    margin: 0;
}
html,
button,
input,
select,
textarea {
    font-family: "FF Shamel Sans One","Nexa";
    color: #222;
}

input[type="password"]{
    font-family: "FF Shamel Sans One","Nexa";
}

input[type="password"]:not(:placeholder-shown) {
    font-family: auto;
}



::-moz-selection {
    background: #b3d4fc;
    /*text-shadow: none;*/
}
img {
    vertical-align: middle;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
textarea {
    resize: vertical;
}
a,
button {
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
p {
    margin: 0;
}
a {
    cursor: pointer !important;
    text-decoration: none !important;
}
a:hover,
a:active,
a:focus,
a:visited {
    text-decoration: none !important;
}
input,
textarea,
a,
button {
    outline: none !important;
    text-decoration: none;
}
.margin-auto {
    margin: 0 auto;
    float: none !important;
} /* img hover */
.img-hover {
    overflow: hidden;
    display: block;
}
.img-hover > img {
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
img {
    max-width: 100%;
} /* end img hover */
.main-wrapper {
    /*position: relative;*/
    min-height: 100%;
} /**================================================                    header==================================================**/
#header {
    position: relative;
    background: #fff;
}
.modal-open #header,
.modal-open #footer {
    right: 8.5px;
}
#header:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 62px;
    background-color: #24313b;
}
.h-col-right {
    float: right;
    width: 50%;
    position: relative;
    z-index: 2;
}
.h-col-left {
    float: left;
    width: 50%;
    background-color: #2f2d31;
}
.logo-site > a {
    display: inline-block;
    margin-top: 10px;
}
.user-profile {
    float: right;
    position: relative;
    padding: 10px 25px;
    border-left: 1px solid #363437;
}
.user-profile > a {
    display: block;
    color: #fff;
}
.user-profile > a > img {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: inline-block;
    vertical-align: middle;
}
.user-profile > a > div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.user-profile > a > div > span {
    display: block;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
}

.user-profile > a span.prof-name {
    font-size: 13px;
    margin-bottom: 5px;
}
.user-profile > a > i {
    font-size: 18px;
    display: inline-block;
    margin-right: 20px;
    vertical-align: middle;
}
.menu-head {
    float: right;
}
.menu-head > li {
    float: right;
    position: relative;
}
.menu-head > li > a {
    display: block;
    width: 62px;
    height: 62px;
    text-align: center;
    line-height: 62px;
    border-left: 1px solid #363437;
}
.menu-head > li > a img {
    width: 23px;
}
.notifcation .noti-icon {
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #ffb61d;
    position: absolute;
    top: 25px;
}
.menu-head .dropdown-style {
    right: auto;
    left: 0;
    background-color: #24313b;
    padding: 18px;
    border: 0;
    width: 270px;
}
.dropdown-style:after {
    left: 20px;
    top: -15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #7d9636;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 5px;
    border-right-width: 10px;
    border-bottom-width: 5px;
    border-left-width: 10px;
    z-index: 1;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: none;
}
.dropdown-style li {
    margin-bottom: 12px;
}
.dropdown-style li:last-child {
    margin-bottom: 0;
}
.dropdown-style li a {
    display: block;
    height: 85px;
    width: 100%;
    color: #fff;
    border-radius: 3px;
}
.dropdown-style li a.graident-1 {
    background: rgba(85, 178, 228, 1);
    background: -moz-linear-gradient(left, rgba(85, 178, 228, 1) 0%, rgba(53, 117, 176, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(85, 178, 228, 1)), color-stop(100%, rgba(53, 117, 176, 1)));
    background: -webkit-linear-gradient(left, rgba(85, 178, 228, 1) 0%, rgba(53, 117, 176, 1) 100%);
    background: -o-linear-gradient(left, rgba(85, 178, 228, 1) 0%, rgba(53, 117, 176, 1) 100%);
    background: -ms-linear-gradient(left, rgba(85, 178, 228, 1) 0%, rgba(53, 117, 176, 1) 100%);
    background: linear-gradient(to right, rgba(85, 178, 228, 1) 0%, rgba(53, 117, 176, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55b2e4', endColorstr='#3575b0', GradientType=1 );
}
.dropdown-style li a.graident-2 {
    background: rgba(228, 85, 114, 1);
    background: -moz-linear-gradient(left, rgba(228, 85, 114, 1) 0%, rgba(176, 53, 82, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(228, 85, 114, 1)), color-stop(100%, rgba(176, 53, 82, 1)));
    background: -webkit-linear-gradient(left, rgba(228, 85, 114, 1) 0%, rgba(176, 53, 82, 1) 100%);
    background: -o-linear-gradient(left, rgba(228, 85, 114, 1) 0%, rgba(176, 53, 82, 1) 100%);
    background: -ms-linear-gradient(left, rgba(228, 85, 114, 1) 0%, rgba(176, 53, 82, 1) 100%);
    background: linear-gradient(to right, rgba(228, 85, 114, 1) 0%, rgba(176, 53, 82, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e45572', endColorstr='#b03552', GradientType=1 );
}
.dropdown-style li a.graident-3 {
    background: rgba(187, 212, 143, 1);
    background: -moz-linear-gradient(left, rgba(187, 212, 143, 1) 0%, rgba(136, 173, 77, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(187, 212, 143, 1)), color-stop(100%, rgba(136, 173, 77, 1)));
    background: -webkit-linear-gradient(left, rgba(187, 212, 143, 1) 0%, rgba(136, 173, 77, 1) 100%);
    background: -o-linear-gradient(left, rgba(187, 212, 143, 1) 0%, rgba(136, 173, 77, 1) 100%);
    background: -ms-linear-gradient(left, rgba(187, 212, 143, 1) 0%, rgba(136, 173, 77, 1) 100%);
    background: linear-gradient(to right, rgba(187, 212, 143, 1) 0%, rgba(136, 173, 77, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bbd48f', endColorstr='#88ad4d', GradientType=1 );
}
.dropdown-style li a.graident-4 {
    background: rgba(224, 204, 150, 1);
    background: -moz-linear-gradient(left, rgba(224, 204, 150, 1) 0%, rgba(190, 167, 105, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224, 204, 150, 1)), color-stop(100%, rgba(190, 167, 105, 1)));
    background: -webkit-linear-gradient(left, rgba(224, 204, 150, 1) 0%, rgba(190, 167, 105, 1) 100%);
    background: -o-linear-gradient(left, rgba(224, 204, 150, 1) 0%, rgba(190, 167, 105, 1) 100%);
    background: -ms-linear-gradient(left, rgba(224, 204, 150, 1) 0%, rgba(190, 167, 105, 1) 100%);
    background: linear-gradient(to right, rgba(224, 204, 150, 1) 0%, rgba(190, 167, 105, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0cc96', endColorstr='#bea769', GradientType=1 );
}
.dropdown-menu > li > a {
    padding: 13px 20px 10px 15px;
    -webkit-box-shadow: 0px 5px 12px 0px transparent;
    -moz-box-shadow: 0px 5px 12px 0px transparent;
    box-shadow: 0px 5px 12px 0px transparent;
}
.dropdown-menu > li > a > span {
    color: #fff;
    font-size: 20px;
    float: right;
    margin-top: 10px;
    font-weight: 600;
}
.dropdown-menu > li > a > img {
    float: left;
    max-height: 100%;
    width: 60px;
}
.dropdown-search {
    right: auto;
    left: 0;
    width: 300px;
    border: 0;
    padding: 15px;
    background-color: #24313b;
}
.dropdown-search:after {
    left: 20px;
    top: -15px;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-left-color: #24313b;
    border-right-color: transparent;
    border-top-color: transparent;
    border-bottom-color: transparent;
    border-top-width: 5px;
    border-right-width: 10px;
    border-bottom-width: 5px;
    border-left-width: 10px;
    z-index: 1;
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    display: none;
}
.form-control {
    -webkit-appearance: none;
}
.form-search {
    padding-left: 40px;
    position: relative;
}
.form-search .form-control {
    height: 40px;
    border-radius: 0;
    background-color: #fff;
    box-shadow: none;
    border: 0;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.form-search .btn-searchs {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
    border-radius: 0;
    border: 0;
    box-shadow: none;
    line-height: 40px;
    padding: 0;
    text-align: center;
    background-color: #d3427d;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.form-search .btn-searchs img {
    width: 20px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
} /**================================================                    section-first-layout==================================================**/
.section-first-layout {
    /*background-image: url(../images/bgtop.jpg);*/
    background: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 750px;
    padding-top: 180px;
}
.content-layout {
    text-align: center;
}
.content-layout h2 {
    color: #24313b;
    font-size: 35px;
    margin-bottom: 25px;
}
.content-layout p {
    color: #E62B90;
    font-size: 20px;
    font-family: "FF Shamel Sans One","Nexa";
    font-weight: 300;
    line-height: 35px;
    margin-bottom: 64px;
}
.educate-list > li {
    float: left;
    margin-right: 20px;
}
.educate-list {
    display: table;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
    margin-bottom: 50px;
}
.educate-list > li:last-child {
    margin-right: 0;
}
.btn-layoutLink {
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.btn-layoutLink > a {
    float: right;
    margin-left: 40px;
    margin-bottom: 40px;
    position: relative;
    height: 52px;
    line-height: 50px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    width: 250px;
    border-radius: 25px;
    -webkit-box-shadow: 0px 5px 12px 0px transparent;
    -moz-box-shadow: 0px 5px 12px 0px transparent;
    box-shadow: 0px 5px 12px 0px transparent;
}
.btn-layoutLink > a:before {
    content: "";
    position: absolute;
    width: 227px;
    height: 69px;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../images/qw.png);
    top: -8px;
    right: 0;
    margin: auto;
}
.btn-layoutLink > a:last-child {
    margin-left: 0;
}
.btn-layoutLink > a.bstyle1 {
    background-color: #24313b;
}
.btn-layoutLink > a.bstyle2 {
    background-color: #d44d77;
}
.btn-layoutLink > a:hover,
.btn-layoutLink > a:focus {
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
} /**================================================                    section-about==================================================**/
.section-about {
    padding: 120px 0 75px;
    background-size: cover;
    background-repeat: no-repeat;
    background: #D4D7D9;
    background-position: center;
}
.about-txt {
    margin-top: 30px;
}
.about-head > h2 {
    color: #d9427f;
    font-size: 25px;
    margin-bottom: 30px;
    line-height: 28px;
}
.about-head > p {
    color: #696969;
    font-size: 15px;
    font-family: "FF Shamel Sans One","Nexa";
    font-weight: 300;
    line-height: 27px;
}
.about-body {
    padding-right: 60px;
}
.ab-item {
    margin-top: 30px;
}
.ab-item > h2 {
    position: relative;
    color: #d9427f;
    font-size: 20px;
    margin-bottom: 20px;
}
.ab-item > h2:before {
    content: "";
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: #D4D7D9;
    position: absolute;
    top: 7px;
    right: -20px;
}
.ab-item > p {
    color: #696969;
    font-size: 15px;
    font-family: "FF Shamel Sans One","Nexa";
    line-height: 27px;
    font-weight: 100;
}
.vedio-img {
    position: relative;
    margin-bottom: 20px;
    display: block;
}
.vedio-img > img {
    width: 100%;
}
.vedio-img:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(41, 41, 41, 0.63);
}
.veicon {
    width: 80px;
    height: 80px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.veicon .pulse_rays1 {
    margin: 0 auto;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    position: absolute;
    top: 2px;
    right: -2px;
    left: 0px;
    bottom: 0;
    margin: auto;
    border: 5px solid rgba(255, 255, 255, 0.8);
    opacity: 1;
    -webkit-animation: pulse 4s linear infinite;
    animation: pulse 4s linear infinite;
}
@-webkit-keyframes pulse {
    0%,
    8% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    15% {
        -webkit-transform: scale(1.1);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@keyframes pulse {
    0%,
    8% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    15% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@-webkit-keyframes pulse2 {
    0%,
    8% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    15% {
        -webkit-transform: scale(1.1);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.2);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
    }
}
@keyframes pulse2 {
    0%,
    8% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    15% {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}
@-webkit-keyframes pulse3 {
    0%,
    8% {
        -webkit-transform: scale(1);
        opacity: 0;
    }
    15% {
        -webkit-transform: scale(1.4);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.5);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
    }
}
@keyframes pulse3 {
    0%,
    8% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }
    15% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 1;
    }
    30% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
@-webkit-keyframes pulse4 {
    0% {
        -webkit-transform: scale(0);
        opacity: 0;
    }
    15% {
        -webkit-transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.4);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(1.5);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
    }
}
@keyframes pulse4 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 0;
    }
    15% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
    50% {
        -webkit-transform: scale(1.4);
        transform: scale(1.4);
        opacity: 1;
    }
    60% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }
}
.date-vedio {
    position: absolute;
    top: 15px;
    left: 15px;
    background-color: rgba(35, 35, 35, 0.55);
    border-radius: 2px;
    padding: 5px 10px;
    color: #ffffff;
    font-size: 15px;
    font-family: "FF Shamel Sans One","Nexa";
}
.date-vedio > img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 8px;
}
.achi-item {
    display: table;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 50px;
}
.achi-item > img {
    display: inline-block;
    vertical-align: top;
    width: 49px;
}
.achi-item > p {
    color: #696969;
    font-size: 15px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px;
}
.achi-item > p > span {
    display: block;
    margin-bottom: 8px;
    color: #E62B90;
    font-size: 25px;
}
.achi-item > p > i {
    font-style: normal;
} /**================================================                    section-recorded-courses==================================================**/
.section-recorded-courses {
    position: relative;

	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);


    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 0 0 50px;
}
.recorded-courses-head {
    position: relative;
    width: 100%;
    border-radius: 40px;
    background-color: #fff;
    padding: 20px 35px;
    -webkit-box-shadow: 0px -5px 40px -4px rgba(0, 0, 0, 0.16);
    -moz-box-shadow: 0px -5px 40px -4px rgba(0, 0, 0, 0.16);
    box-shadow: 0px -5px 40px -4px rgba(0, 0, 0, 0.16);
    margin-top: -35px;
}
.cour-title {
    float: right;
    color: #24313b;
    font-size: 20px;
}
.cour-title img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    width: 37px;
}
.cour-left {
    float: left;
    margin-top: 4px;
}
.recorded-courses-filter {
    display: inline-block;
    vertical-align: middle;
}
.mo-icon {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    margin-top: 5px;
}
.mo-icon a {
    width: 36px;
    display: inline-block;
    height: 15px;
    position: relative;
    top: -6px;
}
.recorded-courses-filter li {
    float: right;
    margin-left: 20px;
}
.recorded-courses-filter li:last-child {
    margin-left: 0;
}
.recorded-courses-filter li span {
    cursor: pointer;
    color: #454545;
    font-size: 15px;
} /*.recorded-courses-filter li.active span{  font-family: 'NeoSansArabic-Bold';}*/
.recorded-courses-warpper {
    margin-top: 50px;
}
#show-list .mix {
    display: none;
}
.course-wbox {
    position: relative;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    margin-bottom: 20px;
}
.visible-conbox {
    height: auto;
    background-color: #fff;
    padding: 15px;
    border-radius: 3px;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    position: relative;
}
.newCourse {
    position: absolute;
    right: 10px;
    top: 17px;
    width: 70px;
    height: 30px;
    line-height: 29px;
    background: rgb(129, 100, 192);
    text-align: center;
    z-index: 1;
    color: #fff;
    border-radius: 3px;
}
.newCourse.rc {
    right: 30px;
    top: 30px;
}
.flip-box-front,
.flip-box-back {
    background-size: cover;
    background-position: center;
    -ms-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.5);
}
.img-divcour {
    position: relative;
    margin-bottom: 15px;
    overflow: hidden;
    height: 220px;
    background-size: cover;
}
.img0cour {
    display: block;
}
.hidden-conbox {
    background-color: #fff;
    border-radius: 3px;
    padding: 15px;
}
.img0cour img {
    border-radius: 3px;
    width: 100%;
}
.person-img {
    float: right;
}
.person-img > img {
    width: 36px !important;
    height: 36px !important;
    border-radius: 50%;
}
.person-txt {
    margin-right: 45px;
    margin-top: 5px;
}
.person-txt > h2 {
    color: #7156aa;
    font-size: 15px;
    margin-bottom: 10px;
}
.person-txt > h2 > a {
    display: inline-block;
    color: #E62B90;
    line-height: 25px;
}
.person-txt > span {
    color: #7e7e7e;
    font-size: 14px;
}
.person-txt > h3 {
    margin-top: 15px;
    color: #7e7e7e;
    font-size: 15px;
    margin-bottom: 10px;
}
.visible-conbox .meta-right {
    position: absolute;
    bottom: 10px;
    right: 8px;
}
.meta-right > span {
    display: inline-block;
    vertical-align: middle;
}
.meta-right > a {
    display: inline-block;
    vertical-align: middle;
    width: 34px;
    height: 34px;
    border-radius: 50%;
    position: relative;
}
.meta-right > a img {
    position: relative;
    z-index: 3;
}
.meta-right > a:after {
    position: absolute;
    z-index: 1;
    width: 30px;
    height: 30px;
    top: 2px;
    left: 2px;
    border-radius: 50%;
    background: #fff;
    content: "";
}
.vicon2 {
    margin-left: 7px;
}
.vcTime {
    background-color: #24313b;
    color: #fff;
    font-size: 15px;
    padding: 0 18px;
    height: 34px;
    line-height: 30px;
    border-radius: 30px;
}
.meta-inner .meta-right {
    position: static;
    float: right;
}
.p-inner {
    color: #919191;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 0px;
    margin-top: 0px;
    line-height: 25px;
    height: 100px;
    overflow: hidden; /*text-align: justify;*/
}
.free-course {
    color: #fff;
    font-size: 15px;
    padding: 0 18px;
    height: 34px;
    line-height: 30px;
    border-radius: 30px;
    float: left;
    background:rgb(230,43,144);

}
.flip-box-back {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.hidden-conbox {
    -ms-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.course-wbox {
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    min-height: 320px;
}
.course-wbox:hover .hidden-conbox,
.course-wbox:focus .hidden-conbox {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.course-wbox:hover .visible-conbox,
.course-wbox:focus .visible-conbox {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.re-course-list .row {
    margin-left: -8px;
    margin-right: -8px;
}
.re-course-list .col-md-4 {
    padding-right: 8px;
    padding-left: 8px;
} /**================================================                    section-direct-course==================================================**/
.section-direct-course {
    padding: 70px 0 80px;
    background-color: #fff;
    background-image: url(../images/bg2.png);
    background-position: 0 0;
    background-repeat: no-repeat;
}
.all-btncourses {
    float: left;
    width: 190px;
    height: 50px;
    line-height: 46px;
    color: #fff;
    text-align: center;
    font-size: 20px;
    border-radius: 25px;
    background: #24313B;

    -webkit-box-shadow: 0px 5px 12px 0px transparent;
    -moz-box-shadow: 0px 5px 12px 0px transparent;
    box-shadow: 0px 5px 12px 0px transparent;
}
.all-btncourses:hover,
.all-btncourses:focus {
    color: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
}
.section-direct-course .cour-title {
    margin-top: 10px;
}
.dirCou-item {
    position: relative;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    perspective: 1000px;
    -webkit-perspective: 1000px;
    min-height: 340px;
}
.visible-conbox {
    position: relative;
}
#direct-course {
    margin-top: 70px;
}
.dirCou-item .visible-conbox {
    padding: 0;
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.22);
}
.dirCou-item .visible-conbox:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-image: url(../images/sh.png);
    background-size: 100% 100%;
    z-index: 1;
}
.play-vedio {
    width: 74px;
    height: 74px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
    text-align: center;
}
.play-vedio img {
    margin-right: -2px;
}
.dirCou-item .visible-conbox .vi--txt {
    z-index: 3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px;
}
.dirCou-item .visible-conbox > img {
    height: 350px;
}
.dirCou-item .visible-conbox .vi--txt > h2 {
    color: #24313B;
    font-size: 15px;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.free-course.bg2 {
/*    background: rgba(114, 144, 55, 1);
    background: -moz-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(114, 144, 55, 1)), color-stop(100%, rgba(188, 190, 46, 1)));
    background: -webkit-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -o-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -ms-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: linear-gradient(to right, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#729037', endColorstr='#bcbe2e', GradientType=1 );
*/


	background: #d4d7d9!important;
    background: -moz-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(189, 191, 46, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(114, 144, 55, 1)), color-stop(100%, rgba(189, 191, 46, 1)));
    background: -webkit-linear-gradient(left, rgb(212 77 119) 0%, rgb(217 66 127 / 69%) 100%);
    background: -o-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(217 66 127 / 69%) 100%);
    background: -ms-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(217 66 127 / 69%) 100%);
    background: linear-gradient(to right, rgb(217 66 127) 0%, rgba(217 66 127 / 69%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#729037', endColorstr='#bdbf2e', GradientType=1 );

    color: #24313b;



}
.vcTime > i {
    margin-left: 5px;
}
.dirCou-item:hover .visible-conbox {
    -ms-transform: rotateY(-180deg);
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.dirCou-item .hidden-conbox {
    padding: 25px 20px;
}
.dirCou-item:hover .hidden-conbox {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
#direct-course .owl-stage-outer {
    padding-bottom: 40px;
}
.info-date li {
    float: right;
    margin-left: 20px;
    margin-bottom: 10px;
    color: #7b7b7b;
    font-size: 15px;
}
.info-date {
    margin-top: 30px;
}
.info-date img {
    width: 23px !important;
    height: 20px !important;
    display: inline-block !important;
    vertical-align: middle;
    margin-left: 5px;
}
.dirCou-item .p-inner {
    margin-top: 0px;
    line-height: 25px;
    height: 75px;
    overflow: hidden;
    margin-bottom: 0px;
}
.price-btn {
    float: left;
    width: 100px;
} /**================================================                    section-subscribe==================================================**/
.section-subscribe {
    padding: 60px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background: #E62B90;
    background-attachment: fixed;
}
.scribe-content h2 {
    color: #fff;
    font-size: 22px;
    margin-bottom: 40px;
    text-align: center;
    padding: 0 30px;
    line-height: 35px;
    font-weight: normal;
}
.form-scribe {
    position: relative;
}
.form-scribe .form-control {
    height: 50px;
    background-color: #fff;
    box-shadow: none;
    border: 0;
    border-radius: 25px;
    padding-right: 30px;
}
.btn-subscribe {
    position: absolute;
    top: 0;
    left: 0;
    width: 135px;
    height: 50px;
    border-radius: 25px;
    color: #fff;
    box-shadow: none;
    border: 0;
    font-size: 15px;

    background: #24313B;

    -webkit-box-shadow: 0px 5px 12px 0px transparent;
    -moz-box-shadow: 0px 5px 12px 0px transparent;
    box-shadow: 0px 5px 12px 0px transparent;
}
.btn-subscribe:hover,
.btn-subscribe:focus,
.btn-subscribe:active {
    color: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
}
.btn-subscribe:active {
    background: rgb(230,43,144);
    background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);
}
.form-scribe .form-control::-moz-placeholder {
    color: #e1e1e1;
    font-size: 15px;
}
.form-scribe .form-control:-ms-input-placeholder {
    color: #e1e1e1;
    font-size: 15px;
}
.form-scribe .form-control::-webkit-input-placeholder {
    color: #e1e1e1;
    font-size: 15px;
} /**================================================                    footer==================================================**/
#footer {
    padding: 30px 0 25px;
    background-color: #24313B;
}
.f-menu {
    margin-bottom: 20px;
}
.f-menu li {
    float: right;
    margin-left: 15px;
    margin-bottom: 15px;
}
.f-menu li:last-child {
    margin-left: 0;
}
.f-left {
    float: left;
}
.f-menu li > a {
    color: #ffffff;
    font-size: 15px;
}
.f-menu li > a:hover {
    color: #96a632;
}
.f-social {
    float: right;
}
.f-social li {
    float: left;
    margin-right: 25px;
}
.f-social li:last-child {
    margin-right: 0;
}
.f-social li a {
    display: block;
    color: #fff;
    font-size: 18px;
}
.f-social li a:hover {
    color: #96a632;
}
.copy-right {
    color: #ffffff;
    font-size: 15px;
    line-height: 32px;
    margin-bottom: 20px;
}
.copy-comp {
    color: #ffffff;
    font-size: 15px;
}
.copy-comp img {
    display: inline-block;
    width: 70px;
    height: 30px;
}
.copy-comp > i {
    color: #d0ab6b;
    margin: 0 5px;
}
.copy-comp > a {
    display: inline-block;
    color: #fff;
}
.copy-comp > a:hover {
    color: #d0ab6b;
} /**================================================                    about==================================================**/
.section-about-page {
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 530px;
    padding-top: 170px;
    z-index: 0;
}
.section-about-page:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/shadow.png);
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.section-about-page:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/shadow1.png);
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.topAbout-content {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 50px;
}
.topAbout-txt {
    text-align: center;
}
.topAbout-txt h2 {
    color: #E62B90;
    font-size: 50px;
    margin-bottom: 10px;
}
.topAbout-txt p {
    color: #ffffff;
    font-size: 15px;
    line-height: 30px;
}
.section-content-aboutPage {
    padding: 30px 0;
}
.breadcrumb {
    background-color: transparent;
    border-radius: 0;
    margin-bottom: 0;
    padding: 0 0 35px 0;
}
.breadcrumb a {
    color: #737373;
    font-size: 15px;
}
.breadcrumb a > i {
    color: #E62B90;
}
.breadcrumb li {
    font-size: 15px;
}
.about-ptxt > p {
    color: #848484;
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
    margin-bottom: 20px;
      font-family: "FF Shamel Sans One","Nexa"!important;
}
.about-ptxt p{
     font-family: "FF Shamel Sans One","Nexa"!important;
}
.about-ptxt  {
    color: #848484;
    font-size: 15px;
    line-height: 30px;
    text-align: justify;
      font-family: "FF Shamel Sans One","Nexa"!important;

}
.about-ptxt > h1,
.about-ptxt > h2,
.about-ptxt > h3,
.about-ptxt > h4,
.about-ptxt > h5,
.about-ptxt > h6 {
    margin-bottom: 20px;
      font-family: "FF Shamel Sans One","Nexa"!important;
}
.about-ptxt > ul {
    list-style: disc;
    margin-right: 11px;
    font-size: 15px;
      font-family: "FF Shamel Sans One","Nexa"!important;
}
.about-ptxt > ol {
    margin-right: 11px;
    font-size: 15px;
      font-family: "FF Shamel Sans One","Nexa"!important;
}
.about-ptxt > blockquote{
    font-family: "FF Shamel Sans One","Nexa"!important;
}
.about-ptxt span > strong {
        font-family: "FF Shamel Sans One","Nexa"!important;
}
.about-ptxt img {
    max-width: 100%;
    height: auto;
}
.about-ptxt iframe {
    max-width: 100%;
    width: 100%;
}
.box-quts {
    display: block;
    margin-top: 20px;
    background-color: #f9f9f9;
    position: relative;
    padding: 25px;
    color: #848484;
    font-size: 20px;
    line-height: 32px;
}
.quimg {
    position: absolute;
    top: -15px;
    right: 65px;
}
.about-pright {
    margin-bottom: 30px;
}
.side-head {
    position: relative;
    margin-bottom: 30px;
}
.side-head:before {
    content: "";
    position: absolute;
    top: 5px;
    bottom: 0;
    margin: auto;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #f1f1f1;
}
.title-side {
    position: relative;
    color: #E62B90;
    font-size: 20px;
    display: inline-block;
    padding-left: 20px;
    background-color: #fff;
}
.courses-side .dirCou-item {
    margin-bottom: 30px;
}
.courses-side .dirCou-item .visible-conbox > img {
    width: 100%;
}
.fade.modal-style {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.fade.modal-style .modal-header {
    border: 0;
}
.fade.modal-style .modal-body {
    padding-top: 90px;
    padding-bottom: 60px;
    max-width: 75%;
    margin: auto;
}
.fade.modal-style .modal-content {
 /*   background-repeat: no-repeat;
    background-image: url(../images/moin.png);
    background-position: right top;
*/}
.form-register .form-group {
    position: relative;
    margin-bottom: 35px;
}
.form-register .form-control {
    border-radius: 25px;
    border: 1px solid #efefef;
    text-align: center;
    height: 44px;
    padding-right: 50px;
    box-shadow: none;
    color: #3a3a3a;
    font-size: 15px;
    padding-left: 50px;
    font-family: "FF Shamel Sans One","Nexa";
}



.form-register .form-group img {
    position: absolute;
    top: 12px;
    right: 18px;
    width: 21px;
}
.form-register .form-control::-moz-placeholder {
    color: #8c8c8c;
    font-size: 15px;
}
.form-register .form-control:-ms-input-placeholder {
    color: #8c8c8c;
    font-size: 15px;
}
.form-register .form-control::-webkit-input-placeholder {
    color: #8c8c8c;
    font-size: 15px;
}
.title-modal {
    color: #E62B90;
    font-size: 30px;
    margin-bottom: 30px;
    text-align: center;
}
.btn-sbmit-reg {
    display: block;
    width: 100%;
    height: 44px;
    border-radius: 25px;
    padding: 0;
    line-height: 42px;
    color: #ffffff;
    font-size: 15px;
    -webkit-box-shadow: 0px 5px 12px 0px transparent;
    -moz-box-shadow: 0px 5px 12px 0px transparent;
    box-shadow: 0px 5px 12px 0px transparent;

	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);


}
.btn-sbmit-reg:hover,
.btn-sbmit-reg:focus {
    color: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
}
.btn-sbmit-reg:active {

	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);


}
.label-register {
    text-align: center;
    color: #8c8c8c;
    font-size: 15px;
}
.label-register > a {
    display: inline-block;
    vertical-align: baseline;
    color: #7257aa;
    text-decoration: underline !important;
}
.return-pass {
    display: inline-block;
    text-decoration: underline !important;
    color: #8c8c8c;
    font-size: 15px;
}
.return-pass:hover,
.return-pass:focus {
    color: #E62B90;
}
.label-register > a:hover,
.label-register > a:focus {
    color: #E62B90;
} /**================================================                    profile==================================================**/
.section-profile-page {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
    padding-top: 240px;
    min-height: 350px;
}
.section-profile-page:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/sh-bo.png);
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.section-profile-page:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-image: url(../images/shtop.png);
    background-position: center;
    background-size: cover;
    z-index: -1;
}
.section-profile-content {
    padding: 35px 0;
}
.date-block {
    direction: ltr;
    color: #7b7b7b;
    font-size: 15px;
    font-family: "FF Shamel Sans One","Nexa";
}
.date-block > img {
    margin-right: 10px;
    display: inline-block;
    vertical-align: bottom;
}
.breadcrumb a > i {
    margin-left: 10px;
}
.date-block {
    margin-bottom: 35px;
}
.box-coursesProfile {
    border: 2px solid #ebebeb;
    border-radius: 25px;
    padding: 20px;
    position: relative;
    padding-top: 50px;
}
.coursesProfile-tab > li {
    float: right;
    margin-left: 10px;
}
.coursesProfile-tab > li:last-child {
    margin-left: 0;
}
.coursesProfile-tab {
    position: absolute;
    top: -22px;
    right: 10%;
    background-color: #fff;
    padding-left: 15px;
    padding-right: 15px;
}
.coursesProfile-tab > li > a {
    display: block;
    width: 170px;
    height: 40px;
    border: 2px solid #e5e5e5;
    background-color: transparent;
    text-align: center;
    color: #767676;
    font-size: 15px;
    line-height: 36px;
    border-radius: 25px;
}
.coursesProfile-tab > li.active > a {
    color: #fff;

	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);

    border: 0;
}
.tabView-coursesProfile .course-wbox:hover .visible-conbox {
    -ms-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.co-level {
    border-top: 1px solid #f6f6f6;
    padding-top: 20px;
    margin-bottom: 20px;
}
.co-date {
    border-top: 1px solid #f6f6f6;
    padding-top: 20px;
    padding-bottom: 10px;
}
.co-date > span {
    color: #767676;
    font-size: 12px; /*  font-family: 'CamphorPro-Italic';*/
}
.co-date > span > img {
    display: inline-block;
    margin-left: 5px;
    width: 19px;
}
.co-date > span.c-da3 {
    float: right;
}
.co-date > span.c-vi {
    float: left;
}
.co-level > h2 {
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    color: #9f9fa0;
    font-size: 13px;
    line-height: 20px;
}
.co-level > h2 > span {
    display: block;
    color: #24313B;
}
.label-level {
    display: block;
    vertical-align: middle;
    margin-top: 5px;
}
.label-level li {
    float: right;
    margin-bottom: 5px;
    width: 33.3%;
    height: 7px;
    background-color: #e1e1e1;
    border-radius: 2px;
}
.label-level li:nth-child(2) {
    width: calc(33.3% - 10px);
    margin: 0 5px;
}
.label-level li.active {
	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);

}
.profile-menu {
    float: left;
}
.profile-menu > li {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}
.profile-menu > li:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 45px;
    height: 3px;
    background-color: transparent;
}
.profile-menu > li.active:before {
    background-color: #fff;
}
.profile-menu > li:last-child {
    margin-left: 0;
}
.profile-menu > li > a {
    display: block;
    color: #fefefe;
    font-size: 15px;
}
.section-profile-page {
    padding-top: 240px;
}
.abs-profileContent {
    width: 100%;
    right: 0;
    bottom: 0px;
}
.profile-menu > li.active > a {
    /*font-family: 'NeoSansArabic-Bold';*/
    font-weight: bold;
}
.abs-profileContent .img-proCou .prof-img > img {
    width: 105px;
    height: 105px;
    border-radius: 50%;
    margin: auto;
}
.abs-profileContent .user-profile {
    padding: 0;
    border: 0;
}
.abs-profileContent .prof-r {
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    font-size: 15px;
    margin-right: 20px;
}
.prof-img {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 134px;
    height: 134px;
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 10px;
    background-size: 100% 100%;
    text-align: center;
	border: 5px solid #e62b90;
	   border-radius: 134px;

}
.abs-profileContent .prof-name {
    margin-bottom: 10px;
    display: block;
}
.user-profile {
    margin-bottom: -20px;
}
.profile-menu {
    margin-top: 60px;
} /**================================================                    page1==================================================**/
.header2 #header {
    position: relative; /*border-bottom: 2px solid #efefef;*/
}
.breadcrumb a > i {
    font-size: 20px;
}
.breadcrumb li {
    text-transform: uppercase;
}
.section-content-coursePage {
    background-image: url(../images/aww.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 20px 0 50px;
}
.box-details-left {
    margin-bottom: 30px;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding: 25px;
    -webkit-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 40px -10px rgba(0, 0, 0, 0.2);
}
.thumbBox {
    position: relative;
    margin-bottom: 25px;
    width: 100%;
    overflow: hidden;
}
.course-about li {
    display: block;
    margin-bottom: 10px;
    color: #a3a3a3;
    font-size: 18px;
    position: relative;
    padding-right: 20px;
}
.course-about li li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 5px;
    top: 13px;
    right: 0;
    border-radius: 2px;
    background: rgb(163 163 163 / 61%);
}
.course-about > ul > li {
    margin-bottom: 20px;
    font-weight: bolder;
}
.course-about > ul > li > ul {
    margin-bottom: 20px;
    font-weight: normal;
    margin-top: 5px;
}
.course-about li:before {
    content: "";
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 10px;
    right: 0;

	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);

}
@media not all and (min-resolution: 0.001dpcm) {
    @supports (-webkit-appearance: none) {
        .course-about li:before {
            top: 7px;
        }
        .course-about li li:before {
            top: 10px;
        }
    }
}
.course-about .title-side {
    color: #7e9736;
    font-size: 20px;
}
.layer-nologin {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(67, 67, 67, 0.72);
    text-align: center;
}
.l-nocontent {
    height: 100%;
    width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
.l-nocontent p {
    color: #ffffff;
    font-size: 20px;
}
.l-nocontent .scribe-cour {
    min-width: 150px;
    height: 55px;
    background-color: #ffffff;
    border-radius: 4px;
    text-align: center;
    line-height: 55px;
    color: #759137;
    font-size: 15px;
    display: table;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
}
.l-nocontent .scribe-cour:hover,
.l-nocontent .scribe-cour:focus {
    color: #fff;
    background-color: #759137;
}
.section-content-coursePage .title-side {
    color: #E62B90;
}
.thumbBox > img {
    width: 100%;
}
.details-right {
    margin-bottom: 30px;
    margin-top: 20px;
}
.details-right .person-txt > h2 > a {
    color: #E62B90;
}
.person-txt .c-da3 {
    display: block;
    margin-top: 10px;
    color: #767676;
    font-size: 15px; /*font-family: 'CamphorPro-Italic';*/
}
.person-txt .c-da3 > img {
    margin-left: 10px;
    vertical-align: middle;
    display: inline-block;
    width: 17px;
    height: 17px;
}
.author-social {
    display: inline-block;
    margin-top: 10px;
}
.author-social li {
    float: right;
    margin-left: 10px;
}
.author-social li:last-child {
    margin-left: 0;
}
.author-social li > a {
    display: block;
    color: #24313B;
    font-size: 15px;
}
.author-social li > a:hover {
    color: #767676;
}
.cour-author > p {
    margin-top: 20px;
    color: #767676;
    line-height: 25px;
    font-size: 15px;
    font-family: "FF Shamel Sans One","Nexa";
}
.cour-author {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
}
.cour--smdesc {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
}
.cour--smdesc h2 {
    color: #767676;
    font-size: 20px;
    margin-bottom: 25px;
    text-transform: uppercase;
    font-weight: bolder;
}
.cour--smdesc p {
    color: #767676;
    font-size: 15px;
    line-height: 25px;
}
.cour--smdesc p ul {
    list-style: disc;
    padding-right: 13px;
}
.cour--smdesc p > a {
    color: #3a7eb8;
    text-decoration: underline !important;
    display: inline-block;
}
.details-right .co-level {
    border-top: 0;
    padding-top: 0;
    padding-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
}
.details-right .co-level > h2 {
    font-size: 14px;
}
.file-course > h2 {
    color: #767676;
    font-size: 20px;
    margin-bottom: 20px;
}
.file-download li {
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}
.file-download li:last-child {
    margin-left: 0;
}
.file-download li > a {
    display: block;
    width: 105px;
    height: 120px;
    background-color: #fff;
    -webkit-box-shadow: 0px 5px 65px -10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 65px -10px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 65px -10px rgba(0, 0, 0, 0.1);
    padding: 15px 10px 10px;
    text-align: center;
}
.file-download li > a > span {
    display: block;
    color: #b4b4b4;
    font-size: 15px;
    margin-top: 10px;
    text-transform: uppercase;
    font-family: "FF Shamel Sans One","Nexa";
    direction: ltr;
}
.cour--smdesc p > a:hover {
    color: #839a35;
}
.scribe-link-button {
    float: right;
    margin-bottom: 20px;
    padding: 0 20px;
    height: 50px;
    color: #fff;
    margin-top: 15px;
    font-size: 20px;

	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);

    border: 0;
    line-height: 48px;
    border-radius: 25px;
    text-align: center;
}
.scribe-link-button:hover,
.scribe-link-button:focus {
    color: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
}
.share-rg {
    float: left;
}
.share-rg > h2 {
    display: block;
    margin-bottom: 20px;
    padding-right: 20px;
    color: #767676;
    font-size: 18px;
}
.subscribe-share {
    padding-top: 20px;
    padding-left: 40px;
}
.share-icon li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}
.share-icon li:last-child {
    margin-right: 0;
}
.share-icon li a {
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
}
.share-icon li a:hover {
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.2);
}
.share-icon li.google a {
    background-color: #dc4e41;
}
.share-icon li.facebook a {
    background-color: #39579b;
}
.share-icon li.twitter a {
    background-color: #30a8e0;
}
.share-icon li.share a {
    background-color: #fff;
    border: 1px solid #f5f5f5;
    color: #000;
} /*==========================================*/
.infoAccount {
    color: #2f2d31;
    font-size: 20px;
    margin-bottom: 50px;
}
.infoAccount img {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}
.padding2 {
    padding: 40px 60px;
}
.account-info .form-group {
    position: relative;
    margin-bottom: 45px;
}
.account-info .form-group .form-control {
    height: 60px;
    border: 2px solid #e1e1e1;
    border-radius: 30px;
    box-shadow: none;
    padding-right: 60px;
    background-color: transparent;
    position: relative;
    z-index: 99;
}
.account-info .form-group img {
    position: absolute;
    top: 15px;
    right: 25px;
}
.account-info .form-group label {
    position: absolute;
    top: 20px;
    right: 80px;
    background-color: #fff;
    font-size: 15px;
    color: #2f2d31;
    -webkit-transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    margin-bottom: 0;
    padding: 0 10px;
}
.select2-container .select2-selection--single {
    height: 60px;
    border-radius: 30px;
    border: 2px solid #e1e1e1;
    background-color: transparent;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 60px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 80px;
    font-size: 15px;
    color: #2f2d31;
    font-weight: 600;
}
.account-info .form-group textarea.form-control {
    height: 270px;
    resize: vertical;
    resize: none;
}
.account-info .form-group.focus-input label {
    -webkit-transform: translate3d(0, -150%, 0);
    transform: translate3d(0, -150%, 0);
    z-index: 999;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    color: #E62B90;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    top: -18px;
    left: 5px;
    font-size: 25px;
}
.select2:hover .select2-selection--single {
    background-color: transparent;
}
.select2-results__option {
    font-size: 12px;
}
.btn-submitInfo {
    display: block;
    height: 60px;
    line-height: 60px;
    color: #ffffff;
    font-size: 20px;
    border: 0;
    box-shadow: none;
    border-radius: 30px;
    padding: 0;
    width: 100%;
	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);


}
.btn-submitInfo:hover,
.btn-submitInfo:focus {
    color: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
}
.social-info > .soinfo-item {
    float: right;
    margin-left: 30px;
    margin-bottom: 20px;
    position: relative;
}
.social-info > .soinfo-item > a {
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 2px solid #d7d7d7;
    line-height: 55px;
    color: #d7d7d7;
    font-size: 20px;
    text-align: center;
}
.social-info > .soinfo-item > a.infa-youtube:hover,
.social-info > .soinfo-item.active > a.infa-youtube {
    color: #cf3a3a;
    border-color: #cf3a3a;
}
.social-info > .soinfo-item > a.infa-instagram:hover,
.social-info > .soinfo-item.active > a.infa-instagram {
    color: #6a453b;
    border-color: #6a453b;
}
.social-info > .soinfo-item > a.infa-twitter:hover,
.social-info > .soinfo-item.active > a.infa-twitter {
    color: #50abf1;
    border-color: #50abf1;
}
.social-info > .soinfo-item > a.infa-facebook:hover,
.social-info > .soinfo-item.active > a.infa-facebook {
    color: #3a559f;
    border-color: #3a559f;
}
.accordion-content .meta-right {
    float: right;
}
.accordion-content .meta-right > p {
    display: inline-block;
    color: #808080;
    font-size: 15px;
}
.accordion-content .meta-right > p > a {
    display: block;
    color: #808080;
}
.coo0left {
    float: left;
}
.accordion-content .vcTime {
    display: inline-block;
    vertical-align: middle;
}
.accordion-content .vcTime {
    width: 90px;
    text-align: center;
    padding: 0 5px;
}
.accordion-content .free-course {
    width: 90px;
    text-align: center;
    padding: 0 5px;
    margin-right: 20px;
}
.accordion-content {
    padding: 25px 10px;
}
.accordion-content:nth-child(odd) {
    background-color: #fbfbfb;
}
.accordion-content:nth-child(even) {
    background-color: #fff;
}
.course-about-accordions .accordion-heading {
    background-color: #f8f8f8;
    padding: 5px 10px;
    direction: rtl;
    text-align: right;
}
.course-about-accordions .accordion-heading > a {
    line-height: 32px;
    color: #2f2d31;
    font-size: 15px;
    font-weight: 600;
    direction: rtl;
    text-align: right;
}
.course-about-accordions .accordion-heading > a.collapsed:after {
    font-family: "FontAwesome";
    content: "\f104";
    float: left;
    color: #2f2d31;
    font-size: 20px;
}
.course-about-accordions .accordion-heading > a:after {
    content: "\f107";
    font-family: "FontAwesome";
    float: left;
    color: #2f2d31;
    font-size: 20px;
}
.accordion-content .meta-right > p > a:hover {
    color: #E62B90;
}
.panel-default {
    border: 0;
    margin: 0;
    border-radius: 0;
}
.panel-group .panel + .panel {
    margin-top: 35px;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border: 0;
    padding: 0;
}
.input-social {
    position: absolute;
    bottom: -80px;
    right: 0;
    opacity: 0;
}
.account-info .input-social .form-control {
    height: 50px;
    max-width: 350px;
    color: #2f2d31;
    font-size: 20px;
    padding-right: 10px;
    padding-left: 10px;
}
.soinfo-item.active .input-social {
    opacity: 1;
}
.user-hlogin li {
    float: right;
    margin-left: 10px;
}
.user-hlogin li:last-child {
    margin-left: 0;
}
.user-hlogin li a {
    display: block;
    height: 35px;
    text-align: center;
    color: #fefffe;
    font-size: 15px;
    width: 125px;
    line-height: 35px;
    border-radius: 25px;
}
.user-hlogin li.register_link > a {
    border: 2px solid rgb(217 66 127);
    line-height: 31px;
}
.user-hlogin li.login-reg a {

	background: rgb(217 66 127);
    background: -moz-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(189, 191, 46, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(114, 144, 55, 1)), color-stop(100%, rgba(189, 191, 46, 1)));
    background: -webkit-linear-gradient(left, rgb(212 77 119) 0%, rgb(217 66 127 / 69%) 100%);
    background: -o-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(217 66 127 / 69%) 100%);
    background: -ms-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(217 66 127 / 69%) 100%);
    background: linear-gradient(to right, rgb(217 66 127) 0%, rgba(217 66 127 / 69%) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#729037', endColorstr='#bdbf2e', GradientType=1 );
}
.profile-nologin {
    padding: 13px 25px;
}
.meta-course-time {
    display: table;
    margin: auto;
}
.meta-course-time > span {
    float: right;
    margin-left: 20px;
    display: block;
    height: 35px;
    padding: 0 20px;
    line-height: 35px;
    text-align: center;
    font-size: 15px;
    color: #fff;
    border-radius: 25px;
    margin-bottom: 10px;
}
.meta-course-time > span:last-child {
    margin-left: 0;
}
.meta-course-time .time-cour {
    background-color: #24313B;
}
.meta-course-time .num-cour {
	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);
}
.meta-course-time > span > i {
    margin-left: 10px;
}
.meta-course-time-content {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #f3f3f3;
}
.noti-row {
    border-bottom: 1px solid #f6f6f6;
    padding: 10px 0;
    position: relative;
}
.noti-img {
    float: right;
}
.noti-img > a {
    display: block;
}
.noti-img > a > img {
    width: 55px;
    height: 55px;
    border-radius: 50%;
}
.noti-txt {
    margin-right: 65px;
}
.noti-txt > span {
    display: block;
    color: #848484;
    font-size: 12px;
    font-family: "FF Shamel Sans One","Nexa";
    font-style: italic;
}
.noti-txt p {
    color: #383838;
    font-size: 15px;
}
.noti-txt p > a {
    display: inline-block;
    color: #6392c6;
    vertical-align: middle;
}
.noti-row {
    position: relative;
    padding-left: 30px;
}
.icon0-le {
    position: absolute;
    top: 50%;
    left: 10px;
}
.icon0-lee {
       position: absolute;
    top: 17%;
    left: 7px;
}
.icon0-lee a{
  border: 1px solid #333;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    background: #eee;
    margin-top: 20px;  
}

.icon0-lee  a{
    color: #848484;
}
.icon0-lee  a:hover{
    color: #24313b;
}

.noti-row:last-child {
    border-bottom: 0;
}
.all-noti-row {
    padding-left: 0;
}
.all-noti {
    display: block;
    color: #2b3248;
    font-size: 15px;
    text-align: center;
}
.all-noti:hover,
.all-noti:focus {
    color: #789336;
}
.menu-head .dropdown-style.dropdown-style-noti {
    background-color: #fff;
    width: 320px;
    border: 1px solid #c7cedc;
}
.menu-head .dropdown-style {
    padding: 5px 10px;
}
.dropdown-style.dropdown-style-noti:after {
    border-left-color: #fff;
}
.user-hlogin {
    margin-top: 5px;
    margin-bottom: 2px;
}
.unlogin-class .menu-head .dropdown-style {
    left: -20px !important;
}
.unlogin-class .dropdown-style:after {
    left: 30px !important;
    right: auto;
}
.person-txt > h3 {
    line-height: 25px;
    height: 25px;
    overflow: hidden;
}
.p-inner {
    margin-bottom: 0px;
} /*.meta-inner .free-course{    margin-left: 5px;}*/
.meta-inner .free-course:first-child {
    margin-left: 0;
}
.info-date {
    margin-top: 10px;
}
.dirCou-item .p-inner {
    margin-bottom: 0px;
}
.vcTime {
    line-height: 34px;
} /*.dirCou-item .visible-conbox > img{    height: 400px;}*/
.prof-img.img-rev {
    background-image: url(../images/rash.png);
}
.abs-profileContent .prof-name,
.user-profile > a span.prof-name {
    white-space: nowrap;
}
.tooltip-inner {
    font-family: "FF Shamel Sans One","Nexa";
}
.login-div {
    text-align: center;
    padding: 250px 0;
    font-size: 25px;
}
.dropdown-menu.dropdown-style3 > li > a {
    height: auto;
}
.dropdown-menu.dropdown-style3 {
    padding: 5px;
    background-color: #24313b;
    min-width: 200px;
}
.dropdown-menu.dropdown-style3 > li > a {
    padding-top: 10px;
}
.dropdown-menu.dropdown-style3 > li {
    margin-bottom: 0;
}
.popUpTimes h3 {
    text-align: center;
    color: #769237;
    font-size: 25px;
    margin-bottom: 30px;
}
.popUpTimes h4 {
    text-align: center;
    color: #656565;
    font-size: 20px;
    margin-bottom: 30px;
}
.thumbBox iframe {
    min-height: 400px;
}
.logo-site img {
    width: 193px;
}
.section-content-coursePage {
    min-height: 500px;
}
.wizard-steps-panel .step-number .number {
    margin-left: 0;
    margin-right: calc(50% - 1.7em / 2);
}
.wizard-steps-panel .step-number .number:before {
    right: -4px;
    left: calc(50% + 1.4em / 2);
}
.wizard-steps-panel .step-number .number:after {
    right: calc(50% + 1.4em / 2);
    left: -4px;
}
.wizard-steps-panel .step-number.doing .number,
.wizard-steps-panel .step-number.doing .number:after,
.wizard-steps-panel .step-number.doing .number:before,
.wizard-steps-panel .step-number.done .number,
.wizard-steps-panel .step-number.done .number:after,
.wizard-steps-panel .step-number.done .number:before {
    background-color: #adb530;
    border-color: #adb530;
}
.wizard-modal .modal-content {
    border-radius: 35px;
    padding: 50px 40px;
}
.wizard-steps-panel {
    margin-bottom: 40px;
}
.wizard-one > h2 {
    text-align: center;
    color: #769237;
    font-size: 20px;
    margin-bottom: 30px;
}
.wizard-one > h3 {
    color: #656565;
    text-align: center;
    font-size: 18px;
}
.timeCourses-select {
    margin-top: 50px;
}
.timeZone-rg {
    width: 250px;
    height: 50px;
    line-height: 50px;
    border-radius: 25px;
    background-color: #2f2d31;
    color: #fff;
    text-align: center;
    font-size: 16px;
    position: relative;
    margin-bottom: 30px;
    margin-right: auto;
    margin-left: auto;
    direction: ltr;
}
.timeZone-rg > input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    z-index: 999;
    cursor: pointer;
}
.timeZone-rg > span {
    display: block;
    cursor: pointer;
    position: relative;
}
.timeZone-rg > span > a {
    display: block;
}
.wizard-modal .modal-footer {
    border: 0;
}
.timeZone-rg.active {
    background: rgba(117, 145, 55, 1);
    background: -moz-linear-gradient(left, rgba(117, 145, 55, 1) 0%, rgba(189, 191, 46, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(117, 145, 55, 1)), color-stop(100%, rgba(189, 191, 46, 1)));
    background: -webkit-linear-gradient(left, rgba(117, 145, 55, 1) 0%, rgba(189, 191, 46, 1) 100%);
    background: -o-linear-gradient(left, rgba(117, 145, 55, 1) 0%, rgba(189, 191, 46, 1) 100%);
    background: -ms-linear-gradient(left, rgba(117, 145, 55, 1) 0%, rgba(189, 191, 46, 1) 100%);
    background: linear-gradient(to right, rgba(117, 145, 55, 1) 0%, rgba(189, 191, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#759137', endColorstr='#bdbf2e', GradientType=1 );
}
.wizard-modal .modal-footer {
    display: table;
    margin: auto;
}
.wizard-button-next,
.wizard-button-finish {
    border-radius: 25px;
    background-color: #E62B90;
    color: #fff;
    height: 42px;
    font-size: 15px;
    margin-bottom: 15px;
    cursor: auto;
}


.wizard-button-next:hover,
.wizard-button-finish:hover {
    background-color: #BA1A75;
    color: #fff;
}


.wizard-button-exit,
.wizard-button-back {
    height: 50px;
    border: 3px solid #d7d7d7;
    background-color: transparent;
    border-radius: 50%;
    width: 50px;
    color: #d7d7d7;
    font-size: 18px;
}
.timeZone-rg:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    top: 0;
    right: 0;
    opacity: 0;
}
.timeZone-rg:before {
    content: "\f058";
    position: absolute;
    font-family: "FontAwesome";
    top: -15px;
    right: 1px;
    font-size: 18px;
    z-index: 9;
    color: #E62B90;
    opacity: 0;
}
.timeZone-rg.active:after,
.timeZone-rg.active:before {
    opacity: 1;
}
.pay-rg {
    position: relative;
    display: table;
    margin: auto;
}
.pay-rg:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #fff;
    top: -8px;
    right: -8px;
    opacity: 0;
}
.pay-rg:before {
    content: "\f058";
    position: absolute;
    font-family: "FontAwesome";
    top: -9px;
    right: -6px;
    font-size: 18px;
    z-index: 9;
    color: #E62B90;
    opacity: 0;
}
.pay-rg.active:after,
.pay-rg.active:before {
    opacity: 1;
}
.pay-rg > input {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
    opacity: 0;
    z-index: 999;
    cursor: pointer;
}
.w2content .vedio-img {
    border-radius: 15px;
    overflow: hidden;
}
.w2content .co-level {
    border: 0;
    padding-top: 0;
}
.w2content {
    padding: 0 50px;
}
.wizard-three {
    text-align: center;
    display: table;
    margin-right: auto;
    margin-left: auto;
}
.wizard-three p {
    color: #b3b3b3;
    font-size: 30px;
    margin-top: 30px;
}
.bakat-head {
    text-align: center;
}
.bakat-head h2 {
    color: #444444;
    font-size: 24px;
    margin-bottom: 25px;
}
.bakat-head p {
    color: #93a433;
    font-size: 15px;
    line-height: 25px;
}
#myModal-bakat .modal-content {
    border-radius: 50px;
    padding: 30px 30px 10px;
}
.bakat-box {
    position: relative;
    margin-bottom: 30px;
    border-radius: 30px;
    overflow: hidden;
    -webkit-box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.18);
    box-shadow: 0px 6px 17px 0px rgba(0, 0, 0, 0.18);
}
.bakat-box-head {
    text-align: center;
    padding: 10px;
    height: 200px;
}
.ba-mo1 .bakat-box-head {
    background-color: #6b4fa7;
}
.ba-mo2 .bakat-box-head {
    background-color: #93a433;
}
.bakat-box-head > img {
    width: 85px;
    margin-top: 30px;
}
.bakat-box-head h2 {
    color: #ffffff;
    font-size: 15px;
    margin-top: 30px;
}
.bakat-box-head h2 > span {
    font-family: "FF Shamel Sans One","Nexa";
    font-weight: 500;
    margin-left: 5px;
}
.bakat-body {
    margin-top: 60px;
}
.bakat-box-content {
    padding: 30px 20px 30px;
    background-color: #fff;
    background-image: url(../images/opp.png);
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
}
.bakat-box-content h2 {
    font-size: 18px;
    margin-bottom: 10px;
}
.bakat-box-content span {
    display: block;
    font-size: 12px;
    margin-bottom: 20px;
}
.bakat-box-content p {
    display: block;
    font-size: 15px;
    color: #727272;
    margin-bottom: 15px;
}
.bakat-link {
    max-width: 160px;
    height: 45px;
    line-height: 45px;
    border-radius: 25px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.ba-mo2 .bakat-link {
    background: rgba(114, 144, 55, 1);
    background: -moz-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(114, 144, 55, 1)), color-stop(100%, rgba(188, 190, 46, 1)));
    background: -webkit-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -o-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -ms-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: linear-gradient(to right, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#729037', endColorstr='#bcbe2e', GradientType=1 );
}
.ba-mo1 .bakat-link {
    background: rgba(126, 99, 184, 1);
    background: -moz-linear-gradient(left, rgba(126, 99, 184, 1) 0%, rgba(105, 77, 165, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(126, 99, 184, 1)), color-stop(100%, rgba(105, 77, 165, 1)));
    background: -webkit-linear-gradient(left, rgba(126, 99, 184, 1) 0%, rgba(105, 77, 165, 1) 100%);
    background: -o-linear-gradient(left, rgba(126, 99, 184, 1) 0%, rgba(105, 77, 165, 1) 100%);
    background: -ms-linear-gradient(left, rgba(126, 99, 184, 1) 0%, rgba(105, 77, 165, 1) 100%);
    background: linear-gradient(to right, rgba(126, 99, 184, 1) 0%, rgba(105, 77, 165, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e63b8', endColorstr='#694da5', GradientType=1 );
}
.ba-mo2 .bakat-box-content > h2,
.ba-mo2 .bakat-box-content > span {
    color: #93a433;
}
.ba-mo1 .bakat-box-content > h2,
.ba-mo1 .bakat-box-content > span {
    color: #6b4fa7;
}
.bakat-link:hover,
.bakat-link:focus {
    color: #fff;
    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
}
#direct-course {
    padding: 0 50px;
}
#direct-course .owl-nav > div {
    font-size: 28px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #fff;
    line-height: 40px;
    width: 40px;
    border-radius: 0px;
    height: 40px;
    background-color: transparent;
    text-align: center;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    border-radius: 50%;
    background: rgba(94, 65, 157, 1);
    background: -moz-linear-gradient(left, rgba(94, 65, 157, 1) 0%, rgba(139, 109, 202, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(94, 65, 157, 1)), color-stop(100%, rgba(139, 109, 202, 1)));
    background: -webkit-linear-gradient(left, rgba(94, 65, 157, 1) 0%, rgba(139, 109, 202, 1) 100%);
    background: -o-linear-gradient(left, rgba(94, 65, 157, 1) 0%, rgba(139, 109, 202, 1) 100%);
    background: -ms-linear-gradient(left, rgba(94, 65, 157, 1) 0%, rgba(139, 109, 202, 1) 100%);
    background: linear-gradient(to right, rgba(94, 65, 157, 1) 0%, rgba(139, 109, 202, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E62B90', endColorstr='#8b6dca', GradientType=1 );
    -webkit-box-shadow: 0px 5px 12px 0px transparent;
    -moz-box-shadow: 0px 5px 12px 0px transparent;
    box-shadow: 0px 5px 12px 0px transparent;
}
#direct-course .owl-nav > .owl-next {
    left: 0px;
}
#direct-course .owl-nav > .owl-prev {
    right: 0px;
}
#direct-course .owl-nav > div:hover {
    color: #fff;
    -webkit-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.22);
}
.person-txt > h3 {
    font-size: 16px;
}
.person-txt > h3 > a {
    color: #7e7e7e;
    font-size: 18px;
    font-weight: bold;
}
.hidden-conbox .meta-inner {
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: 0px;
    padding: 20px;
}
.free-course {
    line-height: 34px;
}
.free-course.salery-sell {
    background: rgba(215, 102, 143, 1);
    background: -moz-linear-gradient(left, rgba(215, 102, 143, 1) 0%, rgba(197, 71, 117, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(215, 102, 143, 1)), color-stop(100%, rgba(197, 71, 117, 1)));
    background: -webkit-linear-gradient(left, rgba(215, 102, 143, 1) 0%, rgba(197, 71, 117, 1) 100%);
    background: -o-linear-gradient(left, rgba(215, 102, 143, 1) 0%, rgba(197, 71, 117, 1) 100%);
    background: -ms-linear-gradient(left, rgba(215, 102, 143, 1) 0%, rgba(197, 71, 117, 1) 100%);
    background: linear-gradient(to right, rgba(215, 102, 143, 1) 0%, rgba(197, 71, 117, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7668f', endColorstr='#c54775', GradientType=1 );
}
.pagination {
    display: table;
    margin-left: auto !important;
    margin-right: auto !important;
}
.pagination > li span {
    margin: 0 5px;
}
.pagination > li > span,
.pagination > li > a {
width: 25px;
    height: 25px;
    border-radius: 17px;
    padding: 0;
    font-size: 13px;
    text-align: center;
    line-height: 23px;
    margin: 0 2px !important;
}
.pagination > .active > span {
    background-color: #24313B;
    color: #fff;
}
.educate-list > li {
    width: 55px;
    height: 55px;
    background: #fff;
    border-radius: 50%;
    padding: 10px;
}
.user-profile .social {
    text-align: left;
    position: relative;
    top: 78px;
    left: -90px;
}
.user-profile .social a {
    color: #fff;
    font-size: 15px;
    display: inline-block;
    margin-left: 5px;
    transition: 0.3s;
}
.user-profile .social a:hover {
    color: #E62B90;
}
.dropdown-style.dropdown-style-noti.dropdown-menu .alert {
    margin-bottom: 0px;
}
.vedio-about.loadcourse {
    text-align: center;
}
.thumbBox {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.thumbBoxContainer {
    width: 100%;
    min-height: 335px;
    overflow: hidden;
}
.vedio-about .title {
    margin-bottom: 15px;
    text-align: right;
    color: #E62B90;
}
.vedio-about .title i {
    position: relative;
    top: 3px;
    color: #767676;
}
.prof-img {
    position: relative;
}
.editImg {
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    width: 100%;
    height: 100%;
    text-align: center;
    font-size: 16px;
    z-index: 10;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease;
    left: 0;
    right: 0;
    top: 10px;
}
.prof-img:hover .editImg {
    opacity: 1;
}
.editImg i {
    display: block;
    margin: auto;
    margin-top: 30px;
}
.follows .user {
    position: relative;
    padding-bottom: 20px;
    box-shadow: 0px 1px 1px 0px #c3c3c3;
    margin-bottom: 35px;
}
.follows .user .back-user {
    width: 100%;
    height: 70px;
    position: absolute;
    top: 0;
    right: 0;
    background: #3075d8;
    z-index: -1;
}
.follows .user .logo-user {
    width: 70px;
    height: 70px;
    display: table;
    border-radius: 50%;
    position: relative;
    top: 30px;
    right: 10px;
    border: 2px solid #fff;
    overflow: hidden;
}
.follows .user .logo-user img {
    width: 70px;
    height:  70px;
}
.follows .user .name {
    font-size: 20px;
    margin: 30px 10px 15px 0;
}
.follows .user .name a {
    color: #333;
}
.follows .user .courses {
    font-size: 17px;
    margin: 0 10px 15px 0;
    display: table;
}
.follows .follows-me {
    color: #fff;
    padding: 5px;
    display: block;
    text-align: center;
    font-size: 18px;
    float: left;
    position: relative;
    top: 50px;
    left: 10px;
}
#direct-course {
    z-index: 0;
}
.dropdown-style-noti {
    height: 300px;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container {
    margin-left: 10px;
}

#image-cover-css,
.cover-ban {
    opacity: 0.3;
}
.section-profile-page:hover #image-cover-css,
.cover-ban:hover {
    opacity: 1;
}
#direct-course .dirCou-item .visible-conbox > img {
    height: 320px;
}
.dirCou-item {
    min-height: 320px;
}
#direct-course {
    padding: 0;
}
#direct-course .owl-nav > .owl-prev {
    right: -50px;
}
#direct-course .owl-nav > .owl-next {
    left: -50px;
}
#direct-course .owl-nav {
    display: none;
}
#direct-course .owl-stage-outer {
    padding-bottom: 20px;
}
#direct-course.owl-theme .owl-controls {
    margin: 0 !important;
}
#direct-course.owl-theme .owl-dots .owl-dot span {
    margin: 5px;
    background-color: #E62B90;
}
.account-info .input-social .form-control {
    background-color: #fff;
}
.input-social {
    bottom: -50px;
}
.account-info .input-social .form-control {
    max-width: 100%;
}
.input-social {
    width: 100%;
}
.social-info {
    position: relative;
}
#image-cover-css {
    color: #fff;
    border: 1px solid #fff;
    padding: 5px 15px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 5px;
}
#image-cover-css input {
    display: none;
}
#loading-cover {
    display: none;
    position: absolute;
    top: 170px;
    right: 140px;
    color: #fff;
}
#loading-cover i {
    font-size: 20px;
}
#loading-cover span {
    display: inline-block;
}
#loading {
    display: none;
    position: absolute;
    top: 50px;
    right: 0;
    color: #fff;
    left: 0;
}
#loading i {
    font-size: 35px;
}
#loading-cover span {
    display: block;
    margin-top: 5px;
}
.update-cover {
    transition: 0.3s;
    position: absolute;
    top: 120px;
    right: 104px;
}
.update-cover .cover-ban {
    font-size: 20px;
    color: #ff2424;
    position: relative;
    top: 3px;
    right: 5px;
}
.hTop-cour h5 {
    color: #7e7e7e;
    margin-right: 45px;
    margin-bottom: 10px;
    height: 30px;
}
.hTop-cour h5 a {
    color: #7e7e7e;
}
#direct-course.owl-theme .owl-dots .owl-dot span {
    width: 12px;
    height: 12px;
    margin: 4px;
    border: 2px solid transparent;
}
#direct-course.owl-theme .owl-dots .owl-dot.active span {
    background-color: #fff;
    background: #fff;
    border-color: #E62B90;
}
.menu-head .dropdown-style {
    width: 250px;
}
.dropdown-style li a {
    height: 75px;
}
.unlogin-class .menu-head .dropdown-style {
    left: 0px !important;
    margin-top: 5px;
}
.unlogin-class .dropdown-style:after {
    left: 20px !important;
}
.dropdown-style:after {
    top: -18px;
    border-top-width: 6px;
    border-right-width: 12px;
    border-bottom-width: 6px;
    border-left-width: 12px;
}
.bg2 {
    background: rgba(114, 144, 55, 1);
    background: -moz-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(114, 144, 55, 1)), color-stop(100%, rgba(188, 190, 46, 1)));
    background: -webkit-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -o-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: -ms-linear-gradient(left, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    background: linear-gradient(to right, rgba(114, 144, 55, 1) 0%, rgba(188, 190, 46, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#729037', endColorstr='#bcbe2e', GradientType=1 );
}
.meta-inner .free-course {
    margin-bottom: 5px;
}
.recorded-courses-filter li.active span {
    font-weight: bold;
}
.copy-comp img {
    display: inline-block;
    width: 70px;
    height: 25px;
    vertical-align: bottom;
    margin-right: 5px;
}

html {
    position: relative;
    min-height: 100%;
}

.section-about {
    padding-top: 70px;
}
.details-right .person-txt > h2 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
}
.details-right .person-txt > h2 > a {
    line-height: 1;
}
.details-right .person-txt .c-da3 {
    display: inline-block;
    vertical-align: middle;
    margin-left: 15px;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
    padding-right: 15px;
}
.details-right .author-social {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-top: 0;
    margin-bottom: 10px;
    position: relative;
    padding-right: 15px;
}
.person-txt {
    margin-top: 8px;
}
.details-right .person-txt .c-da3:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 16px;
    background: #d6d4d4;
}
.details-right .author-social:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 16px;
    background: #d6d4d4;
}
.person-txt .c-da3 {
    font-size: 14px;
}
.section-content-aboutPage .col-lg-8 .about-pright .col-lg-8 {
    width: 100% !important;
}
.h-col-right {
    width: auto;
}
.h-col-left {
    width: auto;
    min-width: 50%;
}
.course-wbox .img0cour img {
    min-height: 220px;
}
.discount-old {
    text-decoration: line-through;
    color:#8f8787;
    padding-left: 10px;
}
.modal {
    direction: ltr;
}
.modal-body {
    direction: rtl;
}
.alert-info {
    background-color: transparent;
    border-color: transparent;
    font-size: 20px;
    text-align: center;
    color: #737373;
}
.popupCourse .table > tbody > tr > td,
.popupCourse .table > tbody > tr > th,
.popupCourse .table > tfoot > tr > td,
.popupCourse .table > tfoot > tr > th,
.popupCourse .table > thead > tr > td,
.popupCourse .table > thead > tr > th {
    border: 0;
}
.popupCourse .table-striped > tbody > tr {
    background-color: transparent;
}
.w2content {
    padding: 0 30px;
}
.wizard-modal .modal-content {
    padding: 30px;
}
.course-time {
    font-size: 18px;
    color: #896bc8;
}
.course-time-date {
    text-align: left;
    font-size: 14px;
}
.price-btn {
    width: auto;
}
.price-btn .free-course {
    margin-right: 10px;
}
.price-btn .free-course:last-child {
    margin-right: 0;
}
.img-divcour .meta-right .img0cour {
    display: none;
}
.account-info .form-group img,
.infoAccount img {
    width: 30px;
}
.play-vedio {
    background-color: #fff;
    border-radius: 50%;
    padding-top: 15px;
    width: 70px;
    height: 70px;
}
.play-vedio img {
    width: 40px !important;
    margin: auto;
}
.pa20 {
    padding-right: 25px;
}
.meta-data .percentage {
    float: left;
    margin-left: 10px;
}
.meta-data .percentage span {
    color: #767676;
    display: inline-block;
    line-height: 19px;
    margin-left: 11px;
}
.meta-data .percentage img {
    width: 19px;
    height: 19px;
}
.tooltip {
    z-index: 111;
}
.tooltip-inner {

	background: rgb(230,43,144);
	background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);

    z-index: 99;
}
.tooltip.bottom {
    margin-left: 10px;
}
.tooltip.top .tooltip-arrow {
    border-top-color: #c72f81;
}
.brief-titel-left {
    font-size: 15px;
}
.brief-titel-left a {
    color: #767676;
}
.brief-titel-left img {
    width: 30px;
    margin-top: -11px;
}
.course-title-modal {
    margin-bottom: 15px;
    font-size: 18px;
    margin-top: 15px;
}
.payCourses-select .pay-rg input {
    opacity: 0;
    width: 0px;
    height: 0px;
    position: absolute;
}
.payCourses-select .pay-rg label {
    cursor: pointer;
}
.payCourses-select .pay-rg label img {
    border: 5px solid transparent;
    border-radius: 10px;
}
.payCourses-select .pay-rg label.aactive img {
    border: 3px solid #cdd434;
}
.package-table-area {
    margin: 0 30px;
    background: #eee;
    border-radius: 5px;
    clear: both;
}
.package-table-area .table {
    margin: 5px 0;
}
.no-margin-top {
    margin-top: 0px !important;
}
.o-follow {
    background: #E62B90;
    color: #fff !important;
    border-radius: 5px;
    padding: 3px 19px;
    position: relative;
    top: 5px;
}
/*.o-follow:after {
    content: "متابعة";
}*/
.o-following {
    background: #7056a9;
    color: #fff !important;
    border-radius: 5px;
    padding: 3px 19px;
    position: relative;
    top: 5px;
}
.o-followingg {
    background: #7056a9;
    color: #fff !important;
    border-radius: 5px;
    padding: 3px 19px;
    position: relative;
    top: 5px;
}
.btn-follow{
      background: #7056a9;
    color: #fff !important;
    border-radius: 5px;
    padding: 3px 19px;
    position: relative;
    top: 5px; 
}
.o-followingg:after {
    content: "متابع";
}
.o-followingg:hover:after {
    content: "الغاء  ";
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #aab546;
}
.theImage {
    height: 375px;
    overflow: hidden;
    direction: ltr;
    background-size: cover;
}
.theImage img {
    max-width: none !important;
    height: 100% !important;
    width: auto !important;
}
.btn-layoutLink-img img{
       width: auto;
    margin: -27px 0 40px 19px;
    height: 47px;
}

@media (min-width: 768px) {
    .modaltniso .modal-dialog {
        width: 800px;
    }
}
.pay-rg span {
    display: none;
}
.pay-rg label {
    margin-right: 10px;
}
.pay-rg label:first-child {
    margin-right: 0;
} /*MoM*/
.bank_transfer_form input,
.bank_transfer_form select,
.bank_transfer_form textarea,
.card_pay_form input,
.card_pay_form select,
.card_pay_form textarea {
    border-radius: 25px;
    height: 44px;
    border: 1px solid #efefef;
    box-shadow: none;
    padding: 0 20px; /*margin-bottom: 20px;*/
}
.bank_transfer_form textarea,
.card_pay_form textarea {
    height: 70px;
    padding: 10px 20px;
}
.bank_transfer_form select,
.card_pay_form select {
    -webkit-appearance: none;
    background: url(../images/aaa.svg) no-repeat;
    background-size: 15px;
    background-position: 15px 13px;
}
.bank_transfer_form label,
.card_pay_form label {
    color: #767676;
} /*.bank_transfer_form .form-group{  margin-bottom: 0;}*/
.bank_transfer_info input[type="file"] {
    position: absolute;
    height: 100%;
    opacity: 0;
    width: 115px;
    right: 70px;
    cursor: pointer;
    z-index: 9;
}
.bank_transfer_info .red {
    color: #d20000;
    display: block;
    text-align: center;
}
.bank_transfer_form button,
.bank_transfer_info button,
.card_pay_form button {
    color: #fff;
    border-radius: 20px;

    background: rgb(230,43,144);
    background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);

    border: 0;
}
.card_pay_form button {
    width: 125px;
    height: 40px;
}
.bank_transfer_info button i {
    margin-left: 5px;
}
.target:after {
    content: "\f144";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    top: 50%;
    left: 0;
    right: 0;
}
.parsley-error {
    border: 1px solid #e74c3c !important;
}
.parsley-errors-list {
    color: #e74c3c !important;
    position: relative;
    margin-right: 20px;
}
.box-details-left .conut_m {
    direction: rtl;
    display: inline-block;
}
.progress {
    position: relative;
    width: 100%;
    height: 20px;
    border: 1px solid #ddd;
    padding: 1px;
    border-radius: 25px;
    margin: auto;
    left: 0;
    right: 0;
}
.bar {
    background-color: #24313b;
    height: 20px;
    border-radius: 25px;
    height: 100%;
}
.percent {
        display: inline-block;
    top: -17px;
    position: inherit;
    font-size: 10px;
    color: #fff;
}
#jx-loader {
    display: none;
    text-align: center;
    height: 20px;
    width: 100%;
}
.card_pay_form select {
    padding-left: 50px;
    direction: ltr;
}
.nw_content {
    padding: 100px 0;
}
.modal-header {
    padding: 0;
    border: 0;
}
.modal-header .close {
    margin-top: -2px;
    position: absolute;
    top: 30px;
    left: 10px;
    z-index: 1;
    font-size: 18px;
    opacity: 1;
    width: 30px;
    height: 30px;
    background: #eee;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.fade.modal-style.modal_st2 .modal-body {
    max-width: 100%;
    padding: 40px 20px;
}
.modal.modal_st2 {
    text-align: center;
    padding: 0 !important;
}
.modal.modal_st2:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px;
}
.modal_st2 .modal-dialog {
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}
.modal_st2 .modal-content {
    height: 600px;
}
.panel-body .meta-right > a {
    float: right;
    margin: 0;
}
.accordion-content .meta-right > p {
    margin-right: 40px;
    display: block;
    padding-top: 3px;
}
.form-horizontal .control-label {
    text-align: right !important;
}
#image-cover-css {
    opacity: 1;
    font-size: 14px;
    border: 2px solid #E62B90;
    background-color: #E62B90;
}
.achi-item {
    padding-right: 0 !important;
    display: block !important;
}
.sections-dotz {
    display: none;
}
.btn_theme {
    display: inline-block;
    background-color: #c3c32d;
    padding: 10px 30px 12px;
    border: 0;
    border-radius: 25px !important;
    color: #fff;
    font-size: 18px;
    -webkit-box-shadow: 0px 5px 12px 0px transparent;
    -moz-box-shadow: 0px 5px 12px 0px transparent;
    box-shadow: 0px 5px 12px 0px transparent;
    margin-bottom: 20px;
}
.btn_theme:hover,
.btn_theme:focus,
.btn_theme:active {
    color: #fff;
        background: linear-gradient(112deg, rgba(230,43,144,1) 0%, rgba(168,9,95,1) 100%);

    -webkit-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.22);
}
.form_st2 .form-control {
    height: 44px;
    box-shadow: none;
    border-color: #e1e1e1;
    border-radius: 25px;
}
.form_st2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 20px;
}
.form_st2 .select2-container .select2-selection--single {
    height: 44px;
    border-radius: 25px;
    border: 1px solid #e1e1e1;
    background-color: transparent;
}
.form_st2 .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 43px;
}
.form_st2 .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 44px;
}
.form_st2 .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    font-size: 25px;
}
.form_st2 textarea.form-control {
    height: 100px;
    resize: vertical;
    resize: none;
}
.form_st2 .btn_theme {
    display: table;
    margin: auto;
}
.form_st2 .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    top: -15px;
    left: 5px;
    font-size: 25px;
}
.btn_theme_frm {
    display: block;
    margin-bottom: 0;
    position: relative;
    height: 60px;
    line-height: 60px;
    padding: 0;
    border-radius: 30px !important;
    font-size: 15px;
    font-weight: 700;
    background: #E62B90 !important ;
}
.btn_theme_frm > img {
    position: absolute;
    top: 0;
    right: 10px;
}
.account-info .input-social .form-control {
    height: 60px;
}
.input-social {
    bottom: -85px;
}

/* from web */

.text-panel{
    text-align: left;
    right: 0;
    top: 0;
}
.notification-wrapper{
    font-family: "FF Shamel Sans One","Nexa";
    z-index: 99999;
}
  .form-groupp  .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 21px;
    font-size: 15px;
    color: #2f2d31;
    font-weight: 600;
}
 .form-groupp .select2-container .select2-selection--single {
    height: 44px;
    border-radius: 25px;
    border: 1px solid #efefef;

}
.form-groupp .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 44px;
    font-weight: 400;
}
 .form-groupp .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    top: -21px;
    left: -1px;
    font-size: 25px;
}
.form-groupp  .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    font-size: 25px;
    color: #E62B90;
}


.form-grouppp  .select2-container--default .select2-selection--single .select2-selection__rendered {
        padding-right: 35px;
        font-size: 15px;
        color: #2f2d31;
        font-weight: 600;
}
 .form-grouppp .select2-container .select2-selection--single {
   height: 60px;
    border-radius: 30px;
    border: 2px solid #e1e1e1;
    background-color: transparent;

}
.form-grouppp .select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 60px;
    font-weight: 600;
}
 .form-grouppp .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
   top: -18px;
    left: 5px;
    font-size: 25px;
}
.form-grouppp  .select2-container--default .select2-selection--single .select2-selection__arrow b:before {
    color: #E62B90;
}
.head-new {
   height: 50px;
    background: #20313B;
    box-shadow: 0px 0px 5px 2px #20313b;
    position: relative;
    z-index: 99;
    /* display: none; */
    color: #fff;
    line-height: 50px;
    text-align: center;
    font-size: 17px;
}
.head-new img {
    width: 25px;
    height: 25px;
    vertical-align: middle;
}

.main-wrapper {
    position: relative;
    min-height: 100%;
}


.pagination>.active>a:hover, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #E62B90;
    border-color: #E62B90;
}

.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    border-color: #fff;
}


.uploaded-tips{
    border: 1px solid rgb(238, 238, 238);
    padding: 5px;
    margin-top: 15px;
    border-radius: 8px;
    background: rgb(238, 238, 238);
    display: block;
}

.uploaded-tips .delete-file{
    float: left;
    margin-left: 5px;
    margin-top: -1px;
}
.uploaded-tips{
    margin-top: 20px;
    border: 1px solid #dc2689;
    padding: 13px;
    text-align: right;
    position: relative;
    line-height: 15px;
}
.delete-file{
  position: absolute;
    background: #ddd;
    color: #d52283;
    font-size: 18px;
    left: 10px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    top: 10px;

}


.notification-wrapper{
    font-family: "FF Shamel Sans One" !important;
    font-size: 12px !important;
}

.text-panel {
    right: 3px!important;
}



.do-col-inline,.do-col-inline2{
    display: inline-block;
}

.do-col-inline2{
    margin-right: 15px;
}

.fields-new .select2-container--default .select2-selection--single .select2-selection__rendered {
    padding-right: 12px;
    font-size: 10px;
    line-height: 41px;
    height: 45px;
}


.fields-new .select2-container .select2-selection--single {
    height: 45px;
    border-radius: 30px;
    border: 1px solid #f0f0f0;
    background-color: transparent;
}

.fields-new .select2-container--default .select2-selection--single .select2-selection__arrow b {
    left: 6%;
    top: 37%;
}


.phone22{
    font-size: 12px !important;
    padding: 0px !important;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 12px !important;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 12px !important;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 12px !important;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 12px !important;
}



.sss222 .select2-container .select2-selection--single{
    height: 59px !important;
    border-radius: 40px !important;
    border: 2px solid #e2e2e2 !important;
    padding-top: 8px;
}

.sss222 .select2-container--default .select2-selection--single .select2-selection__arrow b:before{
    top: -14px;
}