/*===========================================================================================*/
/*===================================  MY CUSTOM CSS  =======================================*/
/*===========================================================================================*/
.form .form-group label{
	text-align: left !important;
}

.btn-tutor{
	background: linear-gradient(135deg, hsla(57.26, 97.78%, 40.53%, 1) 0%, hsla(57.26, 97.78%, 40.53%, 0) 70%), linear-gradient(25deg, hsla(46.91, 91.19%, 40.45%, 1) 10%, hsla(46.91, 91.19%, 40.45%, 0) 80%), linear-gradient(315deg, hsla(47.36, 95.94%, 42.9%, 1) 15%, hsla(47.36, 95.94%, 42.9%, 0) 80%), linear-gradient(245deg, hsla(22.84, 91.13%, 45.97%, 1) 100%, hsla(22.84, 91.13%, 45.97%, 0) 70%) !important;
	color:#fff;
	border-radius: 2px ;
	border:none;
	vertical-align:center;
	font-size: 30px;
	font-weight: bold;
	padding: 17px 50px 17px 50px;
    border-radius: 50px;
    display: inline-block;
    border: none;
}
.btn-tutor:hover{
	color:#fff;
}
.btn-tutor i{
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
    opacity: 0;
    width: 0;
    font-size: 25px;
    -webkit-transition: .5s;
    transition: .5s;
}

.btn-tutor:hover i{
    text-align: center;
    opacity: 1;
    width: 5px;
    margin-left: 15px;
}
.warning-color{
	color: #957d32;
}
.resorces ol li{
	padding-bottom: 5px;
}
.callus ul li{

	margin-right: 1rem;
    font-weight: bold;
}
.header-section ul li a {
	color: #80878e;
	background: none !important;
	padding: 30px 17px !important;
	text-decoration: none !important;
	font-size: 14px;
	text-transform: uppercase;
}
.header-section ul li.menu-icon .navbar-toggle{
    margin: 0px;
    border: none;
    padding: 10px !important;
}

/*===========================================================================================*/
/*===================================  MY CUSTOM CSS  =======================================*/
/*===========================================================================================*/

 @media only screen and (min-width: 1001px){

 }
 @media only screen and (max-width: 1000px){
 	.header-section .logo {
 		width: 250px;
 	}
 	.btn-tutor{
		    font-size: 20px;
	}

	
 }
 
 @media only screen and (max-width: 360px){
	.header-section .logo {
	    width: 180px !important;
	}
	.btn-tutor{
		    font-size: 15px;
	}
}
 @media screen and (max-width: 360px) {

 }


 @media only screen and (max-width: 768px) {
 	.header-section.transparent {
    	background-color: #fff !important;
	}
	.ml-6{
		margin-left: 0px !important;
	}
	.header-section #menu > ul li a {
		color: #808080 !important;
		padding: 15px 25px !important;
		text-transform: none;
	}
	.header-section #menu {
    	margin: 65px 0 0 0 !important;
	}

}



/*REG*/


.mt-10{
	margin-top:10rem !important;
}

.file {
  position: relative;
  overflow: hidden;
  border: 1px solid #ced4da !important;
  padding: 2px !important;
}
.fupload {
  position: absolute;
  font-size: 25px;
  opacity: 0;
  right: 0;
  top: 0;
}


em.invalid {
    color: red;
    font-size: 14px;
    font-style: normal;
}

.btn-group, .btn-group-vertical {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
    width: 100%;
}
.btn-group>.btn:first-child {
    margin-left: 0;
    width: 100%;
}
ul.multiselect-container.dropdown-menu.show{
	width: 34.4rem;
}
.sky-form input, select, textarea{
	padding-left: 10px !important; 
}
.btn-submit{
	font-size:18px !important;
	padding: 5px !important;
}
.sky-form label{
	font-size: 16px !important;
}
.blu-box:hover .overlay {
    background: #523de8f0 !important;
}
.blu-box:hover .caption {
    bottom: 45px !important;
}
.blu-box:hover .caption a{
    font-size:18px;
   /* text-decoration-color: pink;*/
}
.blu-box .overlay { 
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    transition: all 0.3s ease-in-out;
    background: rgba(0, 0, 0, 0);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #523de8 100%) !important;
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #523de8 100%) !important;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #523de8 100%) !important;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, #523de8 100%) !important;
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 20%, #523de8 100%) !important;
    background: -webkit-gradient(left top, left bottom, color-stop(20%, rgba(0, 0, 0, 0)), color-stop(100%, #523de8)) !important;
}
.blu-box .caption {
    display: inline-block;
    width: 100%;
    text-align: center;
    top: 60px;
    height: 120px !important;
    font-size: 15px;
    position: absolute;
    padding: 0 20px 20px;
    transition: all 0.3s ease-in-out;
}
.blu-box .content i{
    position: absolute;
    top: 22%;
    left: 0;
    right: 0;
    float: none;
    text-align: center;
    font-size: 60px;
    transform: translateY(-50%);
}
.blu-box .btn{
        white-space: normal !important;
}
.blu-box .content{
    height:170px;
}
.blu-box .caption .title a:hover {
    font-size: 19px !important;
    color: #000000 !important;
}
.stacktable.large-only { display: table; }
.stacktable.small-only { display: none; }
.stacktable { width: 100%; }
.st-head-row { padding-top: 1em; }
.st-head-row.st-head-row-main { font-size: 1.5em; padding-top: 0; }
@media (max-width: 767px){
    th.st-head-row {background: #e79800;color: #fff;}
    th.st-head-row.st-head-row-main{background: #523ee8;}
    .stacktable.large-only { display: none; }
    .stacktable.small-only { display: table; }
}