html,* {-webkit-font-smoothing: antialiased}
*{text-shadow:none!important;}
@media screen and (max-width: 770px) {img {max-width: 100%;height: auto;width: auto\9;}}
ul,li{list-style:none;padding:0;margin:0;}
img {
vertical-align: middle;
max-width: 100%;
}
b, strong
{
font-weight:bold;
}
.container {
width: 1300px;
}
input[type="text"],input[type="file"],input[type="url"],input[type="number"],input[type="email"],input[type="tel"],input[type="password"],input[type="search"],textarea,input.search {
background:#fff;
height: auto;
border: 1px solid #dcdcdc !important;
border-radius: 0;
font-size: 13px;
font-weight: normal;
padding: 10px 15px!important;
margin:2px 0;
font-family:yekan;
box-shadow:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
input[type="email"],input[type="tel"],
.number input[type="tel"],
.number input[type="text"]{
text-align:left!important;
font-family:yekan,'Hind Siliguri', sans-serif!important;
direction:ltr!important;
box-shadow:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
}
textarea {
background: #fff !important;
box-shadow: none!important;
border-radius:0!important;
border: 1px solid #dcdcdc!important;
height: 400px ;
resize:none;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;	
}
.ckb,
.ckb{
cursor:pointer;
}
.rdb > input,
.ckb > input{
visibility: hidden;
position: absolute;
}
.rdb > i,
.ckb > i{
display:inline-block;
vertical-align:middle;
width:20px;
height:20px;
border-radius:0;
border:2px solid #536dfe;
background:#fff;
color:#fff!important;  
font-size:13px;
text-align:center;
box-shadow: inset 0 0 0 8px #fff;
transition: 0.2s;
margin-left: 6px!important;
position: relative;
top: -1px!important;  
}
.ckb > i::before
{
position:relative;
top:2px;
}
.rdb > i{
border-radius:50%; 
}
.rdb:hover > i,
.ckb:hover > i{ 
color:#c8c8c8!important;
box-shadow: inset 0 0 0 3px #fff;
}
.rdb > input:checked + i,
.ckb > input:checked + i{
color:   #fff!important;
box-shadow: inset 0 0 0 10px #536dfe;
}
select {
padding: 10px 25px 10px 10px !important;
margin: 0;
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
background: #fff !important;
box-shadow: none!important;
border-radius:0!important;
border: 1px solid #dcdcdc!important;
color:#888;
margin:2px 0;	
height:auto!important;
outline:none;
display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
select {padding-right:18px}
}
label.select-arrow {position:relative;display:block;}
label.select-arrow:after {
content:"";
font:13px FontAwesome;
color:#aaa;
right:10px;
top:12px;
padding:0 0 2px;
position:absolute;
pointer-events:none;
}
label.select-arrow:before {
content:'';
right:6px; top:0;
width:20px; height:20px;
position:absolute;
pointer-events:none;
display:block;
}
.btn > small {
display: block;
font-weight: normal;
color: rgba(0,0,0,0.5);
}
.btn,.btn-primary,.bt-sample-link,input[type="submit"],button.submit, input[type="button"] {
background: #536dfe;
color: #fff;
border-radius: 4px;
font-size: 14px;
margin: 0 2px;
border:none;
min-width: 100px;
padding: 11px 20px;
text-align: center;
box-shadow:none;
}
.btn-primary > small {
display: block;
font-weight: normal;
color: rgba(255,255,255,0.5);
}
.smallbox .btn-primary,.smallbox .bt-sample-link,.smallbox input[type="submit"],.smallbox button.submit,.smallbox  input[type="button"] {
width:100%;
}
.progress-bar,
.btn-primary:hover,.btn-primary:focus,
.btn-primary:hover,.btn-primary:focus,
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus,
.bt-sample-link:hover,input[type="submit"]:hover,button[type="button"].submit:hover, input[type="button"]:hover {
background: #3546a2;
color: #fefefe;
background-position: 0;
}
.formdetails{list-style:none;color:#000;padding: 0;}
.formdetails li i{
position:relative;
margin-left:10px;
color:#9c9c9c;
top:2px;
}
.formdetails li a{
color:#00af9a;
margin-right:5px;
}
body{background:#fff;}
.maincontent{
position:relative;
z-index:9;
}
.navbar{z-index:99;}
.smallbox > h3 {
text-align: center;
margin: 20px 0;
border-bottom: 1px solid #ccc;
padding-bottom: 27px;
}
.smallbox{
max-width:500px!important;
}
label {
font-weight: bold;
}
.breadcrumb {
overflow: hidden;
}
.alert
{
margin-top:10px;
}
.alert-warning{
background: #FFAB00;
border:0;
box-shadow:none;
color:#333;
}
.alert-danger{
background: #e82d62;
border:0;
box-shadow:none;
color:#fff;
}
.alert-success{
background: #00BFA5;
color:#fff;
border:0;
box-shadow:none;
}
.alert-info{
background: #0091ea;
color:#fff;
border:0;
box-shadow:none;
}
.alert-link {
display: inline-block;
margin: 0 7px;
padding: 1px 7px;
background: #fff;
border-radius: 6px;
font-size: 11px;
}
.list-group-item.active{border:0;}
.btn-default{background:#cfd8dc;color:#444;}
.btn-default:hover,.btn-default:focus{background:#aab1b5;color:#fefefe;}
.btn-default:hover  small,.btn-default:focus small{color:#fefefe;}
.btn-primary{background:#536dfe;color:#fff;}
.btn-primary:hover,.btn-primary:focus{background:#3546a2;color:#fefefe;}
.btn-primary:hover  small,.btn-primary:focus small{color:#fefefe;}
.btn-info{background:#0091ea;color:#fff;}
.btn-info:hover,.btn-info:focus{background:#0077c0;color:#fefefe;}
.btn-info:hover  small,.btn-info:focus small{color:#fefefe;}
.btn-success{background:#00BFA5;color:#fff;}
.btn-success:hover,.btn-success:focus{background:#009d88;color:#fefefe;}
.btn-success:hover  small,.btn-success:focus small{color:#fefefe;}
.btn-warning{background:#FFAB00;color:#444;}
.btn-warning:hover,.btn-warning:focus{background:#ff9000;color:#fefefe;}
.btn-warning:hover  small,.btn-warning:focus small{color:#fefefe;}
.btn-danger{background:#e82d62;color:#fff;}
.btn-danger:hover,.btn-danger:focus{background:#be2551;color:#fff;}
.btn-danger:hover  small,.btn-danger:focus small{color:#fff;}
.btn-link{background:transparent;color:#333;border-radius:5px;border:none;padding:2px 10px!important;margin:0 3px!important;min-width:10px!important;}
.btn-link:hover,.btn-link:focus{background:transparent;color:#111;}
.btn-link:hover  small,.btn-link:focus small{color:#111;}
.btn-block{border-radius:5px;}
.btn-sm {
padding: 9px 25px;
min-width: 11px;
border-radius: 5px;
}
.btn-xs {
padding: 1px 13px !important;
min-width: 10px;
border-radius: 5px;
font-size: 13px;
}
.copyright p {
display: inline-block;
}
.remove-cert
{
position:relative;
top:1px;
}
.remove-course
{
position: relative;
top: 2px;
left: 6px;
}
.remove-course, .remove-cert
{
font-size: 17px;
color: #f55E4F;
cursor: pointer;
}
.loading
{
text-align:center;
}
.contact_info li small {
float: right;
margin-left: 4px;
}
a[href^="tel"] {
color: inherit;
text-decoration: none;
display:block;
}body {
font-size: 13px;
padding-right: 35px;
}
.contact_info > li {
float: left;
background: #465b66;
padding: 7px 12px;
margin: 0 4px;
border-radius: 4px;
color: #fff;
font-weight: bold;
letter-spacing: 0;
height: 38px;
line-height: 23px;
letter-spacing: 0.1em;
}
.contact_info li small {
display: table;
margin-left: 4px;
float: right;
white-space: nowrap;
}
.contact_info li a[href^="tel"] {
color: inherit;
text-decoration: none;
display:inline-block;
}
.contact_info > li > i {
float: left;
position: relative;
font-size: 18px;
top: 2px;
margin-right: 5px;
}
.contact_info > li.btn {
height: 38px;
line-height: 23px;
background:#e82d62;
}
.contact_info > li.btn:hover {
background:#be2551;
}
.contact_info > li.btn:hover a,.contact_info > li.btn:hover a:hover {
color: #fff;
}
.contact_info > li.btn a{
font-size:13px;
color:#fff;
}
li.notifibox,
li.support_link {
padding: 0;
background: none;
letter-spacing: 0;
font-size: 13px;
margin: 0px 5px;
float: left;
}
li.notifibox > a,li.notifibox> a:visited ,
li.support_link > a,li.support_link > a:visited {
line-height: 26px;
color: #607d8b!important;
}
li.notifibox > a:focus ,li.notifibox > a:hover ,
li.support_link > a:focus ,li.support_link > a:hover {
color: #607d8b!important;
}
li.notifibox > a,li.notifibox> a:visited,li.notifibox> a:focus,li.notifibox> a:hover {
line-height: 26px;
color: #607d8b!important;
}
li.support_link img {
width: 27px;
float: right;
margin-left: 10px;
}
.headacc {
margin: 18px 0 0;
}
.basket_btn.btn-primary {
margin: 0 4px;
display:block;
float: left;
Text-align:right;
padding: 7px 10px 6px;
}
.basket_btn.btn-primary > small {
display: block;
overflow: hidden;
font-size: 12px;
float: left;
width: auto;
padding: 2px;
padding-right: 2px;
margin-right: 8px;
border-right: 1px solid rgba(0,0,0,0.1);
padding-right: 9px;
}
.basket_btn.btn-primary > b {
float: right;
background: rgba(0,0,0,0.3);
height: 24px;
text-align: center;
border-radius:5px;
line-height: 28px;
color: #fff;
margin-left: 5px;
float: right;
padding: 0px 9px;
}
.basket_btn.btn-primary > i {
font-size: 21px;
float: right;
margin: 0px 5px;
}
.btn > a > i {
font-size: 18px;
float: right;
margin: 3px 0px 3px 5px;
}
.usermenu{position:relative;}
.dropdown-menu{
box-shadow:0 0 10px rgba(0,0,0,0.1);
}
ul.dropdown-menu.small-dropdown-menu {
width: auto !important;
right: auto !important;
left: 0 !important;
padding: 15px !important;
min-width:300px!important;
}
ul.dropdown-menu.small-dropdown-menu li {
border-bottom: 1px solid #eee;
padding: 2px;
}
ul.dropdown-menu.small-dropdown-menu li.btn-primary{
margin:15px auto 0;
border-radius:4px;
padding:8px;
color:#fff;
}
ul.dropdown-menu.small-dropdown-menu li.btn-primary a,ul.dropdown-menu.small-dropdown-menu li.btn-primary a:hover{
color:#fff;
}
ul.dropdown-menu.small-dropdown-menu li a{
margin:0;
padding: 3px;
}
ul.dropdown-menu.small-dropdown-menu li a small {
display: block;
text-align: left;
color: #787878;
font-size: 10px;
}
#searchform {
background: #fff;
float: left;
width: 820px;
border: 1px solid #ccc;
border-radius: 4px;
margin: 7px 2px;
position: relative;
height: 41px;
overflow: hidden;
}
#searchform input[type="text"] {
border:0!important;
margin: 0;
border: none;
position: absolute;
right: 0;
left: 0;
padding:10px 15px 10px 58px!important;
background: none;
width: 100%;
color:#444;
line-height: 17px;
font-size:14px;
}
.searchbox .select-arrow {
position: absolute;
left: 49px;
top: 0;
margin: 0;
padding: 0;
}
.searchbox .select-arrow select {
margin: -1px;
font-size:13px;
}
#searchsubmit {
background: #eee;
float: left;
background: none;
border: none;
padding: 10px  15px;
cursor: pointer;
z-index: 9;
position: relative;
}
#searchsubmit img {
opacity:0.5;
width: 20px;
}
#searchsubmit:hover img,#searchsubmit:focus img {
opacity:1;
}
.mainshow {
background: #fff;
padding: 20px;
margin: 49px auto 0;
border-radius: 5px;
position: relative;
overflow: hidden;
}
.mainshowimg {
float: left;
max-width: 564px;
position: relative;
left: 0;
bottom: 0;
}
.mainshow h2 {
line-height: 42px;
color: #e82d62;
margin-bottom:40px;
}
.mainshow div {
position: absolute;
right: 130px;
top: 50px;
}
.mainshow div > p
{
font-size: 15px;
color: #333;
}
.mainshow ul li {
font-weight: bold;
color: #b8b8b8;
font-size: 17px;
margin: 0 0 25px 0;
}
.mainshow ul li img {
width: 34px;
margin: 0 0 0 9px;
}
.mainshow .btn-primary {
padding: 11px 23px;
display: block;
border-radius:5px;
margin-top:20px;
}
footer{
background:#fff;
padding:45px 0;
}
.menubars {
float:left;
margin-left: 40px;
font-size:12px;
line-height:24px;
}
.menubars.endbar{
float: right;
margin-left:0;
text-align:justify;
max-width:400px;
}
.menubars b {
display: block;
font-weight: bold;
font-size: 12px;
letter-spacing: 2px;
}
.logofooter {
max-width: 320px;
display: block;
}
.helpbox h3,
.menubars h3 {
font-size: 15px;
}
.menubars ul li a {
font-size: 12px;
display:block;
padding:3px 0;
}
.menubars ul li a:hover {
color:#000;
}
.copyright{
border-top:1px solid #ccc;
font-size:12px;
color:#555;
margin-top:20px;
padding:20px 0 10px;
}
.socials {
position:relative;
right:0;
left:0;
top:0;
float:left;
margin:0 auto;
text-align:center;
}
.socials li a img {
width: 16px;
height: 16px;
}
.socials li {
float: right;
margin-top:0;
}
.socials li a{
display:block;
padding: 0 10px;
}
.helpbox{
border-bottom:1px solid #ccc;
overflow:hidden;
padding:10px;
margin-bottom: 25px;
}
.helpbox:nth-child(1)
{
border-bottom: 0px;
margin-bottom: 0px;
}
.helpbox form {
display: block;
float: right;
margin: 8px 14px;
padding: 0;
}
.helpbox form input[type="tel"] , .helpbox form input[type="text"] {
text-align: right !important;
padding: 6px 17px !important;
border-radius: 5px;
}
.helpbox form .btn {
padding: 8px 17px !important;
border-radius: 5px;
position: relative;
top: 1px;
}
.helpbox h3{
float:right;
font-size: 15px;
}
footer .contact_info {
margin: 0;
}
footer .contact_info li {
display: block;
float: left;
background: #dfdfdf;
color:#555;
margin: 0 0 0 15px;
padding: 7px 15px;
margin: 9px 7px;
font-size: 13px;
}
footer li.support_link {
padding: 6px;
background: none;
}
.logos_footer {
border-top:1px solid #ccc;	
text-align: center;
margin: 35px auto 0;
padding:25px 0 15px;
}
.logos_footer li {
display: inline-block;
margin: 0 10px;
max-width: 100px;
opacity:0.5;
}
.footer_p1 {
background: #eee;
padding: 80px 0;
}
.subsc{
float:right;
width:450px;
border-left:1px solid rgba(0,0,0,0.1);
margin-left:25px;
padding-left:25px;
}
.mailformation {
background: #ffffff url(//elearnhome.com/wp-content/themes/elearnhome/img/mailformation.png) repeat-x;
float: right;
width: 100%;
border-radius: 0;
padding: 20px;
border: 1px solid #eee;
box-shadow:0 0 10px rgba(0,0,0,0.02);
}
.mailformation .inplabel {
background: #f0f0f0;
width: 49%;
float: right;
margin: 5px 0 9px 0;
}
.mailformation .inplabel:nth-child(1) {
margin: 5px 0 15px 2%;
}
.subsc.mailformation .pull-right {
width: 70%;
}
.subsc.mailformation .pull-left {
width: 30%;
}
.subsc.mailformation .pull-left span {
text-align: center;
display: block;
margin: 25px;
}
.subsc.mailformation .pull-left h3 {
font-size: 39px;
text-align: center;
}
.subsc form{
float:right;
width:100%;
display:block;
margin:15px 0;
}
.footer_p1 h4 {
color: #000;
text-align: right;
}
.inplabel {
background: #fff;
border-radius: 4px;
display: block;
width: 100%;
padding: 9px 15px;
position:relative;
height:40px;
}
.inplabel label {
border-left: 1px solid #ccc;
padding-left: 10px;
margin-left: 10px;
min-width: 100px;
}
.inplabel input {
border:0!important;
width: 95%;
position: absolute;
right: 0;
left: 0;
padding-right: 120px !important;
background: none;
top: -3px;
}
.subsc .btn{
width:100%;
padding:10px 15px;
}
.usercomments {
width: 795px;
float: left;
}
.owl-comments .item > span {
background: #fff;
display: block;
padding: 23px 23px 1px;
border-radius: 0;
margin: 15px 0;
border-top: 7px solid #f5f5f5;
border-bottom: 7px solid #f5f5f5;
}
.owl-comments .owl-item b {
float: none;
display: block;
text-align: left;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding: 0 10px 10px 10px;
overflow:hidden;
}
.owl-comments .owl-item b small {
font-weight: normal;
margin-right: 13px;
color: #bcbcbc;
}
.owl-comments .owl-item p {
padding: 15px;
text-align: justify;
font-size: 13px;
line-height: 24px;
color: #575757;
} .owl-comments .owl-item .commentimg {
width: 70px;
height: 70px;
border-radius: 50%;
float: right;
margin: -6px -6px 0 10px;
overflow: hidden;
}
.spinner {
animation: 2s linear 0s normal none infinite running spin;
border: 3px solid #eee;
border-radius: 50%;
display: inline-block;
height: 72px;
margin: 0;
position: absolute;
width: 72px;
}
.spinner::before,.spinner::after {
left: 0px;
top: 0px;
display: none;
position: absolute;
content: '';
width: inherit;
height: inherit;
border: inherit;
border-radius: inherit;
} @keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.spinner-3 {
border-top-color:#536dfe;
}
.owl-comments .owl-prev,.owl-comments  .owl-next {
width: 15px;
display: inline-block;
margin: 0 3px;
}
.owl-comments .owl-nav {
position: absolute;
top: -16px;
left: 8px;
}
.towboxs {
background:#dfdfdf;
}
.icontabs {
padding: 45px 0;
float: right;
width: 600px;
}
.icontabs .tab-pane {
padding: 15px;
max-width: 90%;
margin: 0 auto;
text-align: justify;
}
.icontabs .tab-pane h3{
text-align:center;
padding:10px;
font-size: 19px;
}
.icontabs .tab-pane p{
text-align:justify;
font-size:13px;
line-height:25px;
}
.nav-tab-icons{
text-align:center;
}
.nav-tab-icons li {
display: inline-block;
position: relative;
color: #607d8b;
font-weight: bold;
}
.nav-tab-icons li.active {
color: #e82d62;
}
.nav-tab-icons li a,.nav-tab-icons li a:hover,.nav-tab-icons li a:focus {
width: 100px;
font-weight:bold;
height: 100px;
margin: 10px;
border-radius: 50%;
border: 3px solid rgba(0,0,0,0.05);
font-size:12px;
opacity:0.5;
color:#000!important;
}
.nav-tab-icons li a:hover,.nav-tab-icons li a:focus {
opacity:0.8;
}
.nav-tab-icons li.active a,.nav-tab-icons li.active a:hover,.nav-tab-icons li.active a:focus {
opacity:1;
}
.nav-tab-icons li .spinner.spinner-3 {
width: 100px;
height: 100px;
right: 0;
margin: 10px;
border: 3px solid rgba(0,0,0,0.0);
z-index: 9;
border-top:3px solid #e82d62;
display:none;
}
.nav-tab-icons li.active .spinner.spinner-3 {display:block;}
.nav-tab-icons li a img {
width: 50px;
height: 50px;
display: block;
margin: 12px auto 5px;
}
.nav-big.nav-tab-icons li .spinner.spinner-3 {
width: 150px;
height: 150px;
}
.nav-big.nav-tab-icons li a, .nav-big.nav-tab-icons li a:hover, .nav-big.nav-tab-icons li a:focus {
width: 150px;
height: 150px;
}
.nav-big.nav-tab-icons li a img {
margin: 26px auto 5px;
}
.iconwithc {
width: 100%;
text-align: center;
margin: 70px auto;
}
.iconwithc li {
text-align: center;
display: inline-block;
margin: 0 15px;
font-size: 22px;
width:170px;
color:#536dfe;
font-weight: bold;
}
.iconwithc li b {
background-color: #536dfe;
color: #fff;
text-align: center;
font-size: 40px;
border-radius: 50%;
line-height: 159px;
display: inline-block;
margin-left: 11px;
height: 150px;
display: block;
margin: 0 auto 17px;
width: 150px;
}
.mainbox {
padding:40px 0 40px 0;
margin: 50px auto;
}
.mainbox.classes {
padding: 40px 0;
background: #eee;
margin:0 auto;
}
.mainbox > .container > h3 {
line-height: 42px;
text-align:center;	
display:block;
margin:15px auto;
color:#454545;
}
.mainbox > .container > h3 small{
display:block;
margin-top:10px;
}
.mainbox.stepbystep {
margin: 51px auto 0;
background: #dfdfdf;
}
.helpstep {
text-align: center;
padding:40px 0 0px;
}
.helpstep li {
position:relative;
margin:0 25px;
width:175px;
display: inline-block;
}
.helpstep li {
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
}
.helpstep li:hover .iconhelp > img{
-webkit-animation-name: hvr-bob-float, hvr-bob;
animation-name: hvr-bob-float, hvr-bob;
-webkit-animation-duration: .3s, 1.5s;
animation-duration: .3s, 1.5s;
-webkit-animation-delay: 0s, .3s;
animation-delay: 0s, .3s;
-webkit-animation-timing-function: ease-out, ease-in-out;
animation-timing-function: ease-out, ease-in-out;
-webkit-animation-iteration-count: 1, infinite;
animation-iteration-count: 1, infinite;
-webkit-animation-fill-mode: forwards;
animation-fill-mode: forwards;
-webkit-animation-direction: normal, alternate;
animation-direction: normal, alternate;
}
.iconhelp small {
position: absolute;
right: 0;
top: 0;
background: #e82d62;
width: 40px;
height: 40px;
line-height: 37px;
border-radius: 50%;
color: #fff;
font-size: 18px;
padding: 3px;
}
.helpstep li:nth-child(1) .iconhelp small {
top: 13px;
right: 9px;
}
.helpstep li:nth-child(2) .iconhelp small {
right: 10px;
top: 105px;
}
.helpstep li:nth-child(3) .iconhelp small {
right: auto;
left: 7px;
top: 97px;
}
.helpstep li:nth-child(4) .iconhelp small {
right: auto;
left: 10px;
top: 10px;
}
.helpstep li:nth-child(5) .iconhelp small {
right: 0;
left: 0;
margin: 0 auto;
top: -18px;
}
.helpstep li > h4 small {
display: block;
line-height: 19px;
font-size: 13px;
text-align: center;
margin: 14px auto;
}
.steps {
border: 4px solid transparent;
border-radius: 50%;
display: inline-block;
height: 150px;
margin: 0;
right:0;
left:0;
width: 150px;
}
.steps::before,.steps::after {
left: 0px;
top: 0px;
display: none;
position: absolute;
content: '';
width: inherit;
height: inherit;
border: inherit;
border-radius: inherit;
}
.step-1 {border-top-color:#e82d62;}
.step-2 {border-top-color:#0091ea;border-right-color:#e82d62;}
.step-3 {border-top-color:#0091ea;border-right-color:#0091ea;border-bottom-color:#e82d62;}
.step-4 {border-top-color:#0091ea;border-right-color:#0091ea;border-bottom-color:#0091ea;border-left-color:#e82d62;}
.step-all {border-color:#e82d62;}
.iconhelp > img {
position: absolute;
right: 0;
left: 0;
top: 41px;
width: 74px;
margin: 0 auto;
}
.seminarlist{
border:none;
}
.accmenu {
background: #465b66;
position: fixed;
right: 0;
top: 0;
bottom: 0;
overflow: hidden;
width: 70px;
z-index:999;
}
.accmenu li a {
display: block;
padding: 14px 5px;
border-bottom: 1px solid rgba(0,0,0,0.02);
color:#aeaeae;
font-size:12px;
text-align: center;
height: 61px;
overflow: hidden;
}
.accmenu li a:hover,.accmenu li a:focus{
color:#aeaeae;
background:rgba(0,0,0,0.1);
height:auto;
}
.accmenu li a img {
width: 30px;
display: block;
margin: 0 auto 20px;
}
.accmenu li a b {
line-height: 17px;
font-size: 11px;
}
.logoside {
width: 30px;
position: fixed;
right: 17px;
bottom: 20px;
opacity: 0.3;
} .class_list {
float: right;
width: 221px;
border-left: 0;
overflow: hidden;
padding: 15px 0;
}
.class_list li {
padding: 0;
border: 0;
margin: 5px;
border-radius: 0 5px 5px 0;
font-size: 12px;
position: relative;
left: -75px;
background:#cfd8dc;
-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;
}
.class_list:hover li {
left:-30px;
}
.class_list li:hover {
left:-10px;
cursor:pointer;
-webkit-transition: all 500ms;-moz-transition: all 500ms;-ms-transition: all 500ms;-o-transition: all 500ms;transition: all 500ms;
}
.class_list li.active {
background: #ffffff;
left: -5px;
box-shadow: -12px 0 15px rgba(0,0,0,0.1);
}
.class_list li img {
width: 30px;
height: 40px;
margin-left: 10px;
margin-right: 5px;
}
.class_list li:hover img {
opacity:1;
}
.class_list li b {
font-size: 13px;
display: inline-block;
font-weight: normal;
}
.class_list li.active b {
font-weight: bold;
}
.class_list li a {
padding: 8px 11px;
margin: 0;
}
.tab-content.doreboxall {
border: none;
float: right;
width: 1048px;
margin: 0;
padding: 15px;
border-radius: 4px;
background: #fff;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
position: relative;
z-index: 9;
}
.dorebox > ul {
margin: 0;
padding: 10px 0;
border-bottom: 1px solid #eee;
}
.dorebox > ul.header_dorebox {
background: #eee;
border-radius: 4px;
margin-bottom:20px;
}
.dorebox > ul:hover {
border-radius: 0;
cursor:pointer;
background: #eee;
}
.dorebox > ul.header_dorebox:hover {
box-shadow:none;
transform:none;
background:#eee;
cursor:default;
}
.dorebox > ul > li {
display: inline-block;
width: 119px;
font-size:12px;
text-align: center;
}
.dorebox > ul > li.price {
font-weight:bold;
}
.dorebox > ul > li:nth-child(1) {
width: 317px;
padding-right:10px;
text-align: right;
font-weight: bold;
}
.dorebox > ul > li:nth-child(2) {
width: 74px;
}
.dorebox > ul > li > .btn:hover,
.dorebox > ul > li > .btn {
font-size: 11px;
color:#fff;
padding: 7px 4px;
min-width: 105px;
}
.dorebox > ul > li > img {
width: 22px;
}
.dorebox > ul.header_dorebox > li {
font-size: 12px;
text-align: center;
}
.dorebox > a{
display:inline-block;
width:300px;
margin:30px 15px 15px;
padding:15px;
float:left;
}
.dorebox > a.btn-default{
float:right;
}
.breadcrumb {font-size:12px;}
.breadcrumb .breadcrumb_last { color:#777; padding-right:5px; }
.breadcrumb a {
padding-left: 5px;
}
.breadcrumb span span span, .breadcrumb span span span span
{
padding-right:5px;
}
#accordion {
margin: 20px auto;
}
.panel-default > .panel-heading {
background: #fcfcfc;
padding: 18px;
}
.modal.smallmodal {
margin: 0 auto;
right: 0;
left: 0;
}
.modal.smallmodal .modal-dialog {
max-width: 600px;
}
.modal-dialog{width:auto;}
.smallmodal input[type="text"],.smallmodal input[type="file"],.smallmodal input[type="url"],.smallmodal input[type="number"],.smallmodal input[type="email"],.smallmodal input[type="tel"],.smallmodal input[type="password"],.smallmodal textarea {
margin: 5px auto !important;
width: 100%;
float: none;
display: block;
}
.modal-title {
font-size: 16px;
padding: 10px;
}
.modal-body form {
margin: 0;
}
.modal-body label{
width:100%;
}
.modal-header .close, .modal-header .close:hover {
margin-top: 2px;
padding: 0;
margin: 0;
width: 28px;
margin: 0;
box-shadow: none;
background: none !important;
color: #000 !important;
font-size: 21px;
height: 44px;
}
.modal-header .close:hover {
color: #000 !important;
}
.modal.smallmodal .ckb {
margin: 10px 5px 6px;
display: block;
overflow: hidden;
float: none;
}
.modal.smallmodal .modal-body .btn,.modal.smallmodal .modal-body .nbs > label,.modal.smallmodal .modal-body .btn-primary,.modal.smallmodal .modal-body .bt-sample-link,.modal.smallmodal .modal-body input[type="submit"],.modal.smallmodal .modal-body button.submit,.modal.smallmodal .modal-body input[type="button"],.modal.smallmodal .modal-body button {
float: none;
border-radius:4px;
padding: 12px;
height: auto;
}
.modal-footer li {
font-size: 11px;
text-align: right;
color: #8B8B8B;
padding: 3px;
margin: 0;
}
.modal-footer li a{
color: #000;
display:inline-block;
margin: 0 5px;
}
.factor .table-striped
{
font-size:13px;
}
.factor .table-striped tr td, .table-striped tr th, .modal-body .table-striped tbody tr td:last-child, .modal-body .table-striped tr td:first-child 
{
text-align:center;
vertical-align:middle;
line-height: 2em;
}
.table-striped tbody tr td:nth-child(2)
{
vertical-align:middle;
text-align:right
}
.factor .table-striped tbody tr:last-child td:first-child
{
text-align:left;
}
.factor .table-striped tbody tr td:last-child,.table-striped tbody tr td:first-child
{
text-align:center;
line-height: 2em;
}
.nav-tabs > li
{
margin-bottom:-2px;
}
#myOrders tr td
{
text-align:center;
vertical-align:middle;
}
#elhtabs > li > a
{
border:none;
}
#elh-tabs > li.active > a, #elh-tabs > li.active > a:hover, #elh-tabs > li.active > a:focus
{
border:none;
background:#536DFE !important;
color:#FFF;
}
#elh-tabs .open > a, #elh-tabs .open > a:hover, #elh-tabs .open > a:focus, #elh-tabs > li > a:hover, #elh-tabs > li > a:focus, #elh-tabs .open > a, #elh-tabs .open > a:hover, #elh-tabs .open > a:focus, #elh-tabs > li > a:hover, #elh-tabs > li > a:focus
{
border:none;
background:#e82d62 !important;
color:#FFF !important;
margin-right:0px;
} .last_notifications main {
display: inline-block;
position: relative;
}
.notification {
float: right;
height: 27px;
padding: 0;
top:2px;
position: relative;
}
.notification small {
background: #e82d62;
display: block;
position: absolute;
padding: 0px 6px;
border-radius: 4px;
top: -14px;
right: 6px;
height: 20px;
line-height: 23px;
color: #fff;
font-weight: normal;
font-size: 13px;
}
.support_link svg
{
float: right;
height: 30px;
margin-top: -2px;
width: 50px;
}
.support_link svg > polygon
{
fill: #e82d62;
}
.support_link svg > path
{
fill: #607d8b;
}
.notification svg {
float: right;
height: 50px;
margin-top: -2px;
width: 50px;
}
.notification svg > path {
fill: #607d8b;
}
.notification--bell {
animation: bell 2.2s linear infinite;
transform-origin: 50% 0%;
}
.notification--bellClapper {
animation: bellClapper 2.2s 0.1s linear infinite;
}
.notification--num {
background: #ff2f8b none repeat scroll 0 0;
border-radius: 14px;
color: #ffffff;
float: right;
font-size: 12px;
padding: 0 10px;
text-align: center;
}
@keyframes bell {
0%, 25%, 75%, 100% {
transform: rotate(0deg);
}
40% {
transform: rotate(10deg);
}
45% {
transform: rotate(-10deg);
}
55% {
transform: rotate(8deg);
}
60% {
transform: rotate(-8deg);
}
}
@keyframes bellClapper {
0%, 25%, 75%, 100% {
transform: translateX(0);
}
40% {
transform: translateX(-0.15em);
}
45% {
transform: translateX(0.15em);
}
55% {
transform: translateX(-0.1em);
}
60% {
transform: translateX(0.1em);
}
}
.popoverOption {
display: inline-block;
text-align: center;
border-radius: 50%;
color: #626262;
position: relative;
margin: 0px 4px;
cursor:pointer;
font-size:18px;
top:4px;
}
.popover-content {
font-size:12px;
line-height:1.5em;
font-weight:normal;
text-align:justify;
padding:6px;
}
.popover-content .btn
{
font-size:12px;
padding:8px 10px;
margin-bottom:8px;
position:relative;
left:-5px
} a.morelink{text-decoration:none;outline:none;display:block;}
.morecontent span{display:none}
.dorepage .sidebar {
width: 255px;
}
.dorepage .innerpage {
width: 999px;
}
.sidebar .class_list_thumb li {
height: auto;
width: 100%;
padding: 5px;
text-align: right;
}
.sidebar .class_list_thumb li img {
width: 36px;
height: 36px;
padding:2px;
float: right;
}
.sidebar .class_list_thumb li b {
font-size: 14px;
padding: 6px 15px;
display: block;
float: right;
line-height: 27px;
} .telegram_banner {
display: block;
background: #d9f6ff;
border-radius: 6px;
position: relative;
margin-top: 15px;
margin-bottom: 15px;
width: 100%;
float: right;
padding: 22px;
}
.telegram_banner img {
position: absolute;
width: 82px;
right: -10px;
top: -3px;
}
.telegram_banner h3 {
padding-right: 58px;
font-size: 20px;
font-weight: bold;
margin: 0;
float:right;
}
.telegram_banner h3 small {
display: block;
padding-top: 6px;
}
.telegram_banner b {
float: left;
background: #218feb;
border-radius: 8px;
display: block;
color: #fff;
padding: 6px 14px;
margin: 6px 2px 0;
font-weight: bolder;
}
.telegram_banner:hover,.telegram_banner:focus{
background:#a4e9ff;
color:#4a57ba!important;
}
.telegram_banner:hover b {
background: #4a57ba;
color: #fff;
} .uk-pagination{
text-align:center;
margin:35px 0;
width:100%;
float:right;
overflow:hidden;
}
.uk-pagination li{
display:inline-block;
margin:3px;
}
.uk-pagination li a,
.uk-pagination li span {
background: #f7f7f7;
padding: 10px;
display: block;
border-radius: 50%;
text-align: center;
min-width: 42px;
height: 42px;
font-size: 14px;
}
.uk-pagination li a:hover,.uk-pagination li a:focus{
background: #d9f6ff;
color:#000;
}
.uk-pagination li.uk-disabled span {
background: #fff;
box-shadow:0 0 3px rgba(0,0,0,0);	
color:#555;
}
.uk-pagination li.uk-active span {
background:#e82d62;
color:#fff;
}
.banner_doreha {
margin: 0;
padding: 75px 15px;
text-align: center;
position: relative;
color: #fff;
}
.blurimg {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 0;
width: 100%;
overflow: hidden;
}
.blurimg::after{
content:"";
background:rgba(0,0,0,0.5);
position:absolute;
right:0;
left:0;
top:0;
bottom:0;
}
.blurimg img {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 0;
left: 0;
filter: blur(5px);
z-index: 0;
}
.banner_doreha .container{position:relative;z-index:9;}
.banner_doreha ul {
margin-bottom: 39px;
}
.banner_doreha ul li {
display: inline-block;
margin: 0 20px;
text-align: center;
}
.banner_doreha ul li b {
display: block;
font-weight: bold;
font-size: 24px;
border-bottom: 3px solid #fff;
margin-bottom: 11px;
}
.banner_doreha h4 {
font-weight: normal;
margin-bottom: 35px;
}
.banner_doreha h4 b {
font-weight: bold;
margin: 0 8px;
font-size: 34px;
position: relative;
top: 5px;
}
.w70 {
width: 68%!important;
float: left;
margin-right: 2%;
}
.w30 {
width: 30%!important;
float: right;
border-radius: 5px;
margin: 22px auto;
padding: 19px;
}
.pishnahad_box {
padding: 0;
float: right;
background: #ffffff;
width: 670px;
box-shadow: 0 0 25px rgba(0,0,0,0.15);
margin: 70px 0;
border-radius: 5px;
overflow: hidden;
border: 0;
}
.pishnahad_box > h2{display:none;}
.pishnahad_box .tab-pane > a, .pishnahad_box .tab-pane > a:hover {
border-right: 1px solid #eee;
display: block;
overflow: hidden;
color: #444;
}
.nav.nav-doreha {
float: right;width:200px;
}
.nav.nav-doreha > li > a {
border-bottom: 1px solid #eee;
}
.nav.nav-doreha > li.active > a,.nav.nav-doreha > li.active > a:focus,.nav.nav-doreha > li.active > a:hover ,
.nav.nav-doreha > li.active:hover > a,.nav.nav-doreha > li.active:hover > a:focus,.nav.nav-doreha > li.active:hover > a:hover {
border-bottom: 1px solid #e82d62;
background:#e82d62!important;
color:#fff;
box-shadow:0 -18px 14px rgba(0,0,0,0.1) inset;
}
.nav.nav-doreha > li:last-child > a,.nav.nav-doreha > li:last-child > a:focus,.nav.nav-doreha > li:last-child > a:hover ,
.nav.nav-doreha > li:last-child:hover > a,.nav.nav-doreha > li:last-child:hover > a:focus,.nav.nav-doreha > li:last-child:hover > a:hover {
border-bottom: 1px solid #0091ea;
background:#0091ea!important;
color:#fff;
box-shadow:0 -18px 14px rgba(0,0,0,0.1) inset;
}
.nav.nav-doreha > li.active:last-child > a,.nav.nav-doreha > li:last-child > a {border:none!important;}
.pishnahad_box h2 {
text-align: center;
font-size: 15px;
padding: 10px;
margin: 8px 0 13px 0;
color:#0091ea;
}
.thumb_img_pish {
width: 167px;
float: right;
margin: 8px 18px 0 0;
border: 1px solid #eee;
padding: 3px;
border-radius: 1px;
overflow: hidden;
}
.pishnahad_box .pull-left {
width: 269px;
padding: 0 11px 0 28px;
font-size: 12px;
}
.pishnahad_box h2 > svg
{
width:30px;
height:30px;
position: relative;
top: 10px;
}
.pishnahad_box h2 svg:nth-child(odd)
{
margin-left:8px;
}
.pishnahad_box h2 svg > path
{
fill:#0091ea;
}
.pishnahad_box .course_details li {
text-align: left;
overflow: hidden;
padding: 8px 0;
border-bottom: 1px solid #eee;
}
.pishnahad_box .course_details li:last-child {border:none;}
.pishnahad_box .course_details li img {
width: 25px;
height: 25px;
margin: 4px;
float:right;
opacity: 0.23;
display:none;
}
.pishnahad_box .course_details li b {
float:right;
font-weight: bold;
color: #000;
}
.timernow {
float: right;
width: 100%;
padding: 0 11px 11px;
text-align: center;
position: relative;
margin-top: 16px;
border-top: 1px solid #eee;
}
.course_main .timernow {
margin: 0 0 10px;
border-top: none;
}
.timernow b {
font-weight: bold;
margin: 15px 0;
display: block;
font-size: 12px;
position: absolute;
left: 19px;
}
.timernow .clock{
float:left;
}
.timernow h3 {
float: right;
font-size: 13px;
text-align: right;
margin:19px 0 6px;
}
.timernow h3 > p {
background: #e82d62;
display: block;
padding: 10px 6px 6px 10px;
border-radius: 4px;
color: #fff;
margin: 10px 0 0;
font-size: 22px;
}
.timernow h3 > p > small {
display: inline-block;
padding: 6px;
font-size: 14px;
position: relative;
background: #fff;
top: -3px;
float: left;
margin-right: 7px;
border-radius: 4px;
}
.timernow h3 > p > i, .timernow h3 > p > small > i {
font-size: 10px;
margin: 0;
position: relative;
top: 0px;
font-weight: normal;
margin-right: 3px;
font-size: 21px;
}
.timernow h3.off2 > p > i, .timernow h3.off2 > p > small > i {
font-size: 10px;
font-style: normal;
position: relative;
top: -4px;
}
.timernow h3.off2 > p > i,
.timernow h3.off3 > p > i{
margin:0 4px;
}
.timernow h3.off2 > p > small::after {
content: "";
position: absolute;
height: 2px;
background: rgba(0,0,0,0.6);
right: 10px;
left: 10px;
top: 12px;
border-radius: 5px;
}
.timernow h3.off2 > p > small > i {
top: -1px;
font-size: 10px;
margin-right: 2px;
}
.timernow h3.off3 > p > i {
font-size: 12px;
font-style: normal;
position: relative;
top: -4px;
}
.flip-clock-label{display:none;} .timernow .clock {
width: auto;
position: absolute;
left: 0px;
top: 26px;
}
.nav.nav-bigbox {
margin-top: 50px;
padding:0 15px;
overflow:hidden;
}
.nav-bigbox li {
background:#fff;
float: right;
border:1px solid #eeeff0;
margin: 0 0 0 5px;
border-radius: 5px 5px 0 0;
position:relative;
top:10px;
}
.nav-bigbox li.active {
border-color:#eeeff0;
top:0;
background: #eeeff0;
font-weight:bold;
}
.nav-bigbox li img {
width: 36px;
float: right;
margin-left: 10px;
}
.nav-bigbox li a {
display: block;
padding: 9px 11px 9px 20px;
overflow: hidden;
line-height: 37px;
}
.dataTables_info
{
float:right;
}
.dataTables_paginate
{
float:left;
}
.dataTables_paginate > span
{
direction:rtl;
margin:0px 5px;
}
.dataTables_paginate > span > a {
background: #f7f7f7;
display:inline-block;
padding:10px;
border-radius: 50%;
text-align: center;
min-width: 42px;
height: 42px;
font-size: 14px;	
margin:0px 3px;
}
.dataTables_paginate > span > a:hover,.dataTables_paginate > span > a:focus{
background: #d9f6ff;
color:#000;
cursor: pointer;
}
.dataTables_paginate > span > .current {
background:#e82d62;
color:#fff;
}
#statusTable tr td, #factorTable tr td, #paymentTable tr td, .order_title , #statusTable tr th, #factorTable tr th, #paymentTable tr th
{
text-align:center;
}
#statusTable tr th, #factorTable tr th, #paymentTable tr th, #myOrders tr th
{
background-color:#e82d62;
color:#FFF;
}
#myOrders .sorting_asc::after, #myOrders .sorting::after
{
color: #FFF;
}
#factorTable, #paymentTable
{
float:none;
width:80%;
margin:0 auto;
}
#factorTable strong
{
font-weight: bold;
}
#statusTable
{
float:none;
width:60%;
margin:0 auto;
}
.headacc .dropdown {
float: left;
position: relative;
}
.headacc .dropdown > .btn {padding: 9px 20px;}
.headacc .dropdown-item {
display: block;
border-bottom: 1px solid #eee;
padding: 8px;
}
.headacc .dropdown-item:hover {
font-weight: bold;
background: #fdfdfd;
}
.headacc .dropdown-menu {
padding: 0;
box-shadow: 0 0 10px rgba(0,0,0,0.1);
border-radius: 3px;
min-width: 200px;
border-bottom: 2px solid #cecece;
}
.headacc .dropdown-menu .dropdown-item:last-child {
border: 0;
}
.navbar .headacc > .btn {
float: left;
padding: 9px 10px 5px;
color: #fff !important;
}
.navbar .headacc > .btn > a {
color: #fff;
}
.dropdown-toggle i:first-child
{
position: relative;
top: 2px;
left: 5px;
}
.dropdown-toggle i:last-child
{
position: relative;
top: 2px;
left: -5px;
}