html{overflow-x:hidden; height:100%;}
body {

	font-family: 'Raleway', sans-serif;
	overflow-x:hidden;
	background:#f8f9fa;

}

a {
	text-decoration:none;
	-moz-transition: all .3s ease-in-out;
 -webkit-transition: all .3s ease-in-out;
 transition: all .3s ease-in-out;
}
a:hover{text-decoration:none;}


.header{float:left; width:100%; position:relative; background:#fff;}
.logo{position:absolute; top:0px; left:0px; z-index:9;}
.select-topic{float:left; margin-top:20px; display:inline-block; margin-left:160px; color:#1a1a1a; font-size:14px; text-transform:uppercase; font-weight:500;}
.select-topic .fa{padding-right:5px;}
.logoutbtn{padding:18px 35px; float:right; font-size:25px;}
.logoutbtn a{color:#393939;}
.logoutbtn a:hover{color:#000;}

.bodycontent{float:left; width:100%; position:relative; min-height:100vh;}
.bodycontent::before{content:""; width:100%; height:50px; position:absolute; left:0px; top:0px; background:url(../../images/shadow.png) repeat-x;}
.bodycontent-left{float:left; width:25%; background:#fff; padding:23px 37px; position:absolute; height:100%;}
.bodycontent-left h1{background:#a6d92d; color:#fff; text-transform:uppercase; border-radius:5px; font-size:14px; font-weight:700; padding:10px 0px; text-align:center; box-shadow: 0px 0px 13px #dce9bd;}
.bodycontent-left ul{padding:0px; margin:30px 0 0 0px;}
.bodycontent-left ul li{border-bottom:solid 1px #eaeaea; padding:12px 0px; list-style:none;}
.bodycontent-left ul li a{color:#8c8c8c; font-size:14px; text-transform:uppercase; font-weight:500;}
.bodycontent-left ul li a .fa{width:35px; font-size:18px; text-align:center;}
.bodycontent-left ul li a:hover, .bodycontent-left ul li a.active{color:#000;}
.bodycontent-right{float:right; width:75%;}

.changepass-bg{padding:90px 0px; float:left; width:100%;}

.changepassword h1{color:#383a34; font-size:30px; font-weight:600; margin:0 0 35px 0px; text-align:center;}
.changepassword-inner{padding:35px; background:#fff; border-radius:10px; box-shadow:0px 0px 20px #edf4f1;}

.changepassword-inner .form-control{font-size:16px; font-weight:500; color:#000; height:70px; border:solid 2px #a6d92d; background:#fff; border-radius:5px; box-shadow:inset 0 3px 7px rgba(0,0,0,.0); box-shadow: 3px 0px 15px #ebeced; padding:0px 25px;}
.changepassword-inner label{font-size:17px; font-weight:500; color:#96c821; margin:0px 10px; display:inline-block; padding:0px 15px; background:#fff; position:absolute; top:-12px;}

.submit-btn{background:#a6d92d; color:#fff; padding:18px 0px; width:100%; text-align:center; font-size:14px; border:none; font-weight:700; border-radius:5px;  text-transform:uppercase;}

.submit-btn:hover{background:#90c70f;}

.changepassword-inner .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #c9cfd1;
}

.changepassword-inner .form-control::-moz-placeholder { /* Firefox 19+ */
  color: #c9cfd1;
}

.changepassword-inner .form-control:-ms-input-placeholder { /* IE 10+ */
  color: #c9cfd1;
}

.changepassword-inner .form-control:-moz-placeholder { /* Firefox 18- */
  color: #c9cfd1;
}

.footer{float:left; width:100%; text-align:center; padding:18px 15px; border-top:solid 1px #eaeaea; color:#535252; font-size:14px; background:#f8f9fa;}


.dashboardbg{padding:55px 40px; float:left; width:100%;}
.dashboardbg h1{color:#a6d92d; font-size:30px; font-weight:600; margin:0px;}
.dashboardbg h5{color:#878787; font-size:17px; font-weight:500; border-bottom:solid 1px #dfdfdf; position:relative; margin-top:20px;}
.dashboardbg h5 span{position:absolute; display:inline-block; background:#f8f9fa; padding-right:25px; top:-12px;}

.profilebox{width:780px; padding:40px; background:#fff; border-radius:5px; margin-top:40px; float:left;}
.profilebox-img{width:185px; float:left; margin-right:40px;}
.profilebox-img img{width:182px; height:182px; border-radius:50%;}
.profilebox-content{padding-top:25px;}
.profilebox-content h1{color:#1a1a1a; font-size:35px; font-weight:600; margin:0px;}
.profilebox-content p{color:#9a9a9a; font-size:16px; font-weight:600; margin:15px 0 20px 0px;}
.editbtn{display:inline-block; border-radius:5px; background:#a6d92d; padding:10px 30px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:700; box-shadow:0px 0px 13px #dce9bd;}
.editbtn:hover{background:#8dbf18; color:#fff;}

.subvideosbg{float:left; width:100%; padding:50px 0px;}
.navbar{float:right;}
.navbar-nav{margin-top:11px;}
.navbar-nav li a{color:#1a1a1a; font-size:14px; text-transform:uppercase; font-weight:500; padding:20px 15px; border-bottom:solid 2px #fff;}
.navbar-nav li a:hover{border-bottom:solid 2px #a6d92d; color:#1a1a1a;}

.searchbtn{float:right; margin-top:9px;}
.searchbtn a{display:inline-block; border-radius:5px; background:#a6d92d; padding:10px 30px; color:#fff; font-size:14px; text-transform:uppercase; font-weight:700; box-shadow:0px 0px 13px #dce9bd;}
.searchbtn a:hover{background:#8dbf18; color:#fff;}

.progressbar-bg{float:left; width:100%;}
.progressbar-bg p{font-size:12px; color:#1a1a1a; text-align:center;}
.progressbar{height:5px; background:#dddddd; width:100%; float:left;}
.progressbar span{height:5px; background:#a6d92d; float:left;}

.course-content-bg{float:left; width:100%; padding:25px 0px;}

.course-content-bg-left{float:left; width:65%;}
.course-content-bg-video{width:100%; float:left;}
.course-content-bg-video img{width:100%;}

.descr-tabs{float:left; width:100%; margin-top:30px; background:#fff; border-radius:5px; padding:30px;}

.descr-content-top{border-bottom:solid 1px #d9d8d9; padding:25px 0px;}
.descr-content-top p{color:#181818; font-size:15px; font-weight:500; margin:0px;}
.descr-content-top p label{font-weight:700; margin:0px;}
.descr-content-bottom{padding-top:20px;}
.descr-content-bottom h4{color:#000; font-weight:600; text-transform:uppercase; margin:0 0 15px 0px; font-size:14px;}
.descr-content-bottom p{color:#181818; font-size:14px; line-height:19px; font-weight:normal;}

.descr-tabs .nav-tabs .nav-link{border:none; border-bottom:solid 2px transparent; color:#7e7e7e; text-transform:uppercase;}
.descr-tabs .nav-tabs .nav-link.active, .descr-tabs .nav-tabs .nav-item.show .nav-link, .descr-tabs .nav-tabs .nav-link:hover{border:none; color:#181818; border-bottom:solid 2px #a6d92d;}

.course-content-bg-right{float:right; width:33%; background:#fff; border-radius:5px; overflow:hidden;}
.course-content-bg-right h1{padding:15px 25px; background:#a6d92d; color:#fff; font-size:14px; text-transform:uppercase; font-weight:700; margin:0px;}
.course-content-bg-right ul{padding:0px; margin:0px;}
.course-content-bg-right li{list-style:none; padding:20px 25px; border-bottom:solid 1px #eeeeee;}
.course-content-bg-right li:last-child{border:none;}
.course-content-bg-right li a{color:#676868; font-size:14px; font-weight:500;}
.course-content-bg-right li a:hover{color:#000;}

.subscribe-bg{padding:45px 40px 40px 40px;}

.subscribe-table{float:left; width:100%;}

.dataTables_length, .dataTables_filter{display:none;}
.subscribe-table .table-bordered thead th{outline:none; font-size:15px; text-transform:uppercase; color:#fff; background:#a6d92d; font-weight:600; padding:30px;}
.subscribe-table .table-bordered thead th .fa{padding-left:15px;}
.subscribe-table .table-bordered tr td{color:#1a1a1a; font-size:17px; padding:15px 30px; vertical-align:middle;}
.clickbtn{display:inline-block; padding:10px 20px; color:#fff; text-transform:uppercase; font-size:14px; font-weight:700; border-radius:5px; background:#3b3d3e;}
.clickbtn:hover{background:#000; color:#fff;}
.clickbtn .fa{padding-right:10px;}
.tableimg{width:140px;}
.subscribe-table .table-striped tbody tr:nth-of-type(odd){background-color:#ebf0f5;}
.dataTables_paginate{text-align:center; margin:15px 0px;}
.paginate_button{padding:10px 15px; border-radius:5px; background:#fff; color:#a4a5ad; margin:3px;}


.overlay {
  width: 100%;
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  background:rgba(0,0,0,0.9);
}

.overlay-content {
  position: relative;
  top: 46%;
  width: 100%;
  text-align: center;
  margin-top: 30px;
  margin: auto;
}

.overlay .closebtn {
    position: absolute;
    top: 25px;
    z-index: 99;
    right: 5%;
    font-size: 30px;
    cursor: pointer;
    color: white;
}

.overlay .closebtn:hover {
  color: #ccc;
}

.overlay input[type=text] {
  padding: 15px;
  font-size: 30px;
  outline:none;
  border: none;
  height:100px;
  font-weight:700;
  float: left;
  color:#fff;
  border-bottom:solid 1px #b2bfc3;
  width: 100%;
  background:none;
}
.overlay input::-webkit-input-placeholder {
color:#fff;
}
.overlay input::-moz-placeholder {
color:#fff;
}
.overlay input:-ms-input-placeholder {
color:#fff;
}
.overlay input::placeholder {
color:#fff;
}


.overlay button {
  float: left;
  width: 20%;
  padding:15px;
  background: #de0a0b;
  font-size: 17px;
  color:#fff;
  border: none;
  cursor: pointer;
}

.overlay button:hover {
  background: #9b0708;
}


.contest-bg{padding:30px 0px; float:left; width:100%;}

.context-toprow{float:left; width:80%; background:#3867a9; padding:30px; margin-bottom:25px; border-radius:10px; position:relative;}
.context-toprow-content h4{color:#fff; font-size:18px;}
.context-toprow-content h2{color:#fff; font-size:20px; margin-top:0px;}
.context-toprow-content h2 a{float:right;}
.context-toprow-content p{color:#fff; margin-top:10px; display:inline-block;}
.context-toprow-content .fa{width:30px; vertical-align:middle; color:#fff; font-size:25px;}

.context-toprow-counter{padding:0 0 10px 0px;}
.context-toprow-counter h1{color:#fff; margin-top:0px;}
.context-toprow-counter h2{color:#fff;}
.context-toprow-counter .counter_wrapp{width:80px; color:#fff; border:none; background:#0ab4d2; margin:0px;}
.context-toprow-counter a{display:inline-block; padding:10px 25px; color:#fff; background:#3867aa; border-radius:5px;}

.participatebtn {
    background: #0eb2d3;
    color: #fff!important;
    border-radius: 5px;
    padding: 10px 25px;
    float: right;
}
.participatebtn:hover{background:#0f9ebb; color:#fff;}

.timecounter{margin:20px 0px;}

.navbar-header {
    background-color: #fff !important;
    padding:0px;
}
.navbar-brand
{
    padding:0px !important;
}
.navbar-brand>img {
height: 88px;
}
.navbar-top-links>li.log_out a{background-color:#fff; color:#3e454c;}
.navbar{-webkit-box-shadow: 0 0 0px 0 rgb(0 0 0 / 0);}

@media only screen and (min-width: 1141px) and (max-width: 1300px) {
.bodycontent-left ul li a {font-size: 12px;}
}


@media only screen and (min-width: 960px) and (max-width: 1140px) {
.bodycontent-left{width:40%;}
.bodycontent-right{width:58%;}
.changepass-bg .col-lg-6{width:100%; flex: 0 0 100%; max-width: 100%;}
.profilebox{width:100%; padding:20px;}
.profilebox-img{width:30%;}
.profilebox-img img{width:135px; height:135px;}
.profilebox-content{padding-top:0px;}
.navbar-nav li a{padding:20px 7px;}
.subscribe-table{overflow-x: scroll;}
.clickbtn{text-align:center;}
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
.bodycontent-left{width:40%;}
.bodycontent-right{width:58%;}
.profilebox{width:100%; text-align:center;}
.profilebox-img{width:100%; margin:0 0 20px 0px;}
.navbar{width:100%;}
.subscribe-table{overflow-x: scroll;}
.clickbtn{text-align:center;}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
.bodycontent-left{width:100%; position:inherit;}
.bodycontent-right{width:100%;}
.profilebox{width:100%; text-align:center;}
.profilebox-img{width:100%; margin:0 0 20px 0px;}
.searchbtn{width:100%; text-align:center;}
.navbar{width:100%; display:block; text-align:right;}
.navbar-nav li{text-align:left; border-bottom:solid 1px #ccc; padding:10px 0px;}
.course-content-bg-left{width:100%;}
.course-content-bg-right{width:100%; margin-top:20px;}
.subscribe-table{overflow-x: scroll;}
.clickbtn{text-align:center;}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
.bodycontent-left{width:100%; position:inherit;}
.bodycontent-right{width:100%;}
.profilebox{width:100%; text-align:center;}
.profilebox-img{width:100%; margin:0 0 20px 0px;}
.searchbtn{width:100%; text-align:center;}
.navbar{width:100%; display:block; text-align:right;}
.navbar-nav li{text-align:left; border-bottom:solid 1px #ccc; padding:10px 0px;}
.course-content-bg-left{width:100%;}
.course-content-bg-right{width:100%; margin-top:20px;}
.subscribe-table{overflow-x: scroll;}
.clickbtn{text-align:center;}
}
@media only screen and (max-width: 479px) {
.bodycontent-left{width:100%; position:inherit;}
.bodycontent-right{width:100%;}
.profilebox{width:100%; text-align:center;}
.profilebox-img{width:100%; margin:0 0 20px 0px;}
.searchbtn{width:100%; text-align:center;}
.navbar{width:100%; display:block; text-align:right;}
.navbar-nav li{text-align:left; border-bottom:solid 1px #ccc; padding:10px 0px;}
.course-content-bg-left{width:100%;}
.course-content-bg-right{width:100%; margin-top:20px;}
.subscribe-table{overflow-x: scroll;}
.clickbtn{text-align:center;}
.flip-clock-divider .flip-clock-label{display:none;}
}

/*.footerstrip, #tidio-chat{
    display: none!important;
}*/

/** 20 Aug **/


.open-button {
    background-color: #d9e6ff;
    color: #000;
    padding: 16px 20px;
    border: none;
    cursor: pointer;
    opacity: 1;
    position: fixed;
    bottom: 0px;
    right: 28px;
    width: 555px;
    font-weight: 600;
    border-radius: 10px 10px 0 0;
    outline: none;
    z-index: 99;
}
.open-button:focus{
    outline: none;
}
.open-button span{
  font-size: 12px;
  font-weight: 400;
}  
  
  .chat-popup {
    display: block;
    position: fixed;
    bottom: 0;
    right: 28px;
    border: none;
    z-index: 999;
    width: 525px;
  }
  .form-container {
    max-width: 525px;
    padding: 40px;
    background-color: #d9e6ff;
    border-radius: 10px 10px 0 0;
  }
 
.hidebtn{
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    outline: none;
    background: none;
    font-size: 13px;
}
.hidebtn:focus{
    outline: none;
}
.popuptexttop{
    float: left;
    width: 100%;
}
.popuptexttop h1{
    float: left;
    width: 70%;
    color: #1a3d3c;
    font-weight: 700;
    font-size: 25px;
    margin: 0;
}
.popuptexttop span{
    float: right;
    width: 25%;
    text-align: right;
}
.popuptexttop span img{
    max-width: 100%;
}
.popuptextmid{
    float: left;
    width: 100%;
    padding: 25px 0;
}
.popuptextmid p{
    color: #515151;
    margin-bottom: 5px;
}
.attemptbtn{
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 25px;
}
.attemptbtn a{
    display: inline-block;
    background: #00ccd0;
    color: #fff;
    border-radius: 5px;
    padding: 10px 25px;
    font-weight: 600;
    box-shadow: 0px 3px 0px #007779;
}
.popup-powerdby{
    width: 100%;
    text-align: center;
    color: #515151;
    font-size: 14px;
}
.popup-powerdby span{
    display: inline-block;
    font-size: 25px;
    font-weight: 700;
    color: #1652cf;
    vertical-align: middle;
}

@media only screen and (max-width: 599px) {
    .open-button{width: 350px;}
    /*.open-button span{display: none;}*/
    .open-button{font-size: 12px;}
    .chat-popup{width: 350px;}
    .popuptextmid p{text-align: left;}
    .form-container{padding:30px 20px;}
}