@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,400italic,600italic,600,700);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,400italic,300italic);

/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1; font-family: 'Open Sans', sans-serif; font-size:14px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
p{font-size:14px; line-height:24px;}
h1, h2, h3, h4, h5, h6{font-family: 'Roboto', sans-serif;}
a{transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; font-size:14px; text-decoration: none; color: #1d8fce;}
img{max-width:100%; display:block;}

.bg-primary{background-color:#1d8fce !important;}

.margin-top30{margin-top:30px;}
.margin-left80{margin-left:80px;}
.notopmargin{margin-top:0 !important;}

.autowidth{width:auto !important;}

/*Common*/
.section{padding:60px 0;}
.greybg{background:#f6f6f6;}

.blink_me {
  animation: blinker 1s linear infinite;
}

.example{position:relative;padding:45px 15px 15px;margin:0 -15px 15px;background-color:#fafafa;box-shadow:inset 0 3px 6px rgba(0,0,0,.05);border-color:#e5e5e5 #eee #eee;border-style:solid;border-width:1px 0}.example:after{content:"Example";position:absolute;top:15px;left:15px;font-size:12px;font-weight:700;color:#bbb;text-transform:uppercase;letter-spacing:1px}.example+.highlight{margin:-15px -15px 15px;border-radius:0;border-width:0 0 1px}@media (min-width:768px){.example{margin-left:0;margin-right:0;background-color:#fff;border-width:1px;border-color:#ddd;border-radius:4px 4px 0 0;box-shadow:none}.example+.highlight{margin-top:-16px;margin-left:0;margin-right:0;border-width:1px;border-bottom-left-radius:4px;border-bottom-right-radius:4px}}.example>.btn,.example>.btn-group{margin-top:5px;margin-bottom:5px}.layout-fixed{table-layout: fixed;}
span.multiselect-native-select{position:relative}span.multiselect-native-select select{border:0!important;clip:rect(0 0 0 0)!important;height:1px!important;margin:-1px -1px -1px -3px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;left:50%;top:30px}.multiselect-container{position:absolute;list-style-type:none;margin:0;padding:0}.multiselect-container .input-group{margin:5px}.multiselect-container .multiselect-reset .input-group{width:93%}.multiselect-container>li{padding:0}.multiselect-container>li>a.multiselect-all label{font-weight:700}.multiselect-container>li.multiselect-group label{margin:0;padding:3px 20px;height:100%;font-weight:700}.multiselect-container>li.multiselect-group-clickable label{cursor:pointer}.multiselect-container>li>a{padding:0}.multiselect-container>li>a>label{margin:0;height:100%;cursor:pointer;font-weight:400;padding:3px 20px 3px 40px}.multiselect-container>li>a>label.checkbox,.multiselect-container>li>a>label.radio{margin:0}.multiselect-container>li>a>label>input[type=checkbox]{margin-bottom:5px}.btn-group>.btn-group:nth-child(2)>.multiselect.btn{border-top-left-radius:4px;border-bottom-left-radius:4px}.form-inline .multiselect-container label.checkbox,.form-inline .multiselect-container label.radio{padding:3px 20px 3px 40px}.form-inline .multiselect-container li a label.checkbox input[type=checkbox],.form-inline .multiselect-container li a label.radio input[type=radio]{margin-left:-20px;margin-right:0}

@keyframes blinker {50% { opacity: 0; }}


.scrollup {width: 40px; height: 40px; position: fixed; bottom: 20px; right: 20px; display: none; background-color: #84bc25; padding: 5px; opacity: 0.5; border-radius: 50%;}
.scrollup i {color: #fff; display: block; line-height: 30px; text-align: center;}
.scrollup:hover{opacity:1; text-decoration:none;}

/*Section Title*/
.titleTop{text-align:center; margin-bottom:30px;}
.titleTop .subtitle{font-size:24px; font-weight:600; color:#888;}
.titleTop h3{font-size:48px; font-weight:600; color:#000;}
.titleTop h3 span{color:#1d8fce; font-weight:200;}
.titleTop p{max-width:700px; margin:auto; margin-top:20px;}

/*Header*/
.topbar{background:#84bc25; padding:10px 0;}
.topbar .user a.name{color:#fff; font-size:14px; display:inline-block; margin-top:8px; float:right;}
.topbar .user .dropdown{float:right; position:static;}
.topbar .user .userimg{width:32px; height:32px; border-radius:50%; background:#fff; float:left; margin-right:10px; cursor:pointer; overflow:hidden; border:1px solid #fff;}
.topbar .user .alertmsg{float:right; color:#fff; position:relative; border-radius:50%; border:2px solid #fff; width:32px; height:32px; text-align:center; line-height:28px; font-weight:600; margin-right:15px;}
.topbar .user .alertmsg i{position:absolute; background:#fff; width:14px; height:14px; border-radius:50%; background:#fff; top:-5px; right:-5px; color:#333; font-size:9px; line-height:13px}
.topbar .user .alertmsg:hover{text-decoration:none; background:rgba(0,0,0,0.3)}

.topbar .user .favlink{float:right; color:#fff; border-radius:50%; text-align:center; line-height:28px; font-weight:600; border:2px solid #fff; width:32px; height:32px; margin-right:10px;}
.topbar .user .favlink:hover{text-decoration:none; background:rgba(0,0,0,0.3)}


.topbar .user .btn{background:none; border:none; }
.topbar .user .userinfo{padding:15px; top:50px; right:0; left:auto; min-width: 400px; border-radius:0 0 5px 5px;}
.topbar .user .userinfo:before{width: 0; height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent;  border-bottom: 10px solid #eee; content:''; position: absolute; top: -10px;    right: 33%; margin-left: -5px;}


.topbar .user .userinfo .pic{width:100px; border:1px solid #eee; padding:3px; float:left; margin-right:20px; position:relative;}
.topbar .user .userinfo .pic a{display:none; background:#eee; width:100%; bottom:0; left:0; position:absolute; padding:5px 0; text-align:center; font-size:13px;}
.topbar .user .userinfo .pic:hover a{display:block;}

.topbar .user .userinfo .infotext{float:left; width:240px}
.topbar .user .userinfo .username{font-size:16px; font-weight:600;}
.topbar .user .userinfo .loc{font-size:13px; color:#999; margin-top:10px; margin-bottom:15px;}
.topbar .user .userinfo .loc a{word-break:break-all;}
.topbar .user .userinfo .loc i{float:left; height:25px; margin-right:5px; width:14px}
.topbar .user .userinfo .btn{background:#84bc25; color:#fff; margin-right:5px;}
.topbar .user .userinfo .btn.blue{background:#ddd; color:#333;}


.topbar .user .dropdown-menu .dropdown-header{font-size:14px; font-weight:700; background:#1d8fce; color:#fff;}
.topbar .user .dropdown-menu li a {font-size:14px;}
.topbar .user .dropdown-menu li .badge{background-color:#ec2626;}
.topbar .user .dropdown-menu li h3{padding:5px 10px 8px 10px; font-size:16px; font-weight:700;}

.searcCountry{color:#fff; text-align:center; font-size:14px; font-weight:600; margin-top:8px;}
.searcCountry a{color:#000; text-decoration:underline;}

.topbar .usernav{float:left; margin-top:8px;}
.topbar .usernav li{display:inline;}
.topbar .usernav li a{color:#fff; display:inline-block; margin-right:15px; font-size:14px;}

.header{padding:0; border-bottom:1px solid #eee;}
.header .logo{display:inline-block; margin:5px 0 5px 0;}

.navbar-nav{float:right;}
.navbar-default{background-color:none; border:none; margin-bottom:0; min-height:auto;}
.navbar{background:none;}
.navbar-collapse{padding:0;}
.navbar-nav>li{padding:0 12px;}
.navbar-expand-lg .navbar-nav > .nav-item > .nav-link{font-size:14px; font-weight:600; padding:20px 0; border-bottom:2px solid #fff;}
.navbar-expand-lg .navbar-nav > .nav-item > .nav-link:hover{border-bottom-color:#1d8fce;}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{background-color:#fff;}

.navbar-toggler {
    display: none;
}

.dropdown-menu{min-width: 250px;}

/*Commons Buttons*/
.buttonWrap{margin-top:50px; text-align:center;}
.buttonWrap a{display:inline-block; background:#84bc25; color:#fff; padding:10px 30px; font-size:18px; font-weight:700; text-transform:uppercase; font-family: 'Roboto', sans-serif; border-radius:4px; border-bottom:3px solid #79af1d; margin:0 5px;}
.buttonWrap a:hover{background:#444; border-bottom-color:#222; text-decoration:none;}


.changeLoc{margin-top:0;}
.changeLoc li{margin-bottom:15px;}
.changeLoc li a{font-size:14px; font-weight:600; line-height:24px; color:#444;}
.changeLoc li a img{width:24px; float:left; margin-right:10px;}


/*Top Search*/
.homesearch{background:#1daae2; padding:40px 0; text-align:center;}
.homesearch h3{font-size:36px; color:#fff; font-weight:700; margin-bottom:15px; text-align:center;}

.eututorsearch{text-align:center;}
.eututorsearch .chooseme{color:#fff; margin:15px auto; line-height:30px; max-width:1100px;}
.eututorsearch .chooseme span{display:inline-block; font-weight:600; font-size:18px; margin:0 15px;}
.eututorsearch .form-control{height:auto; font-size:18px; font-weight:600; border:none; padding:12px 15px;}
.eututorsearch .btnBox{margin-top:30px;}
.eututorsearch .btn{background:#000; border:none; color:#fff; padding:13px 25px; font-size:24px; font-weight:700; text-transform:uppercase; font-family: 'Roboto', sans-serif;}
.eututorsearch .searchlinks{margin-top:20px;}
.eututorsearch .searchlinks a{color:#fff; font-size:18px; display:inline-block; margin:0 10px;}

.eututorsearch .searchbar{background:#555;}
.eututorsearch .searchbar .form-control{height:auto; font-size:14px; font-weight:600; border:none; padding:12px 10px;}

.modal-dialog{margin:100px auto;}
.modal-dialog .chooseme{color:#000; line-height:30px;}
.modal-dialog .form-control{border:1px solid #ddd;}
.modal-dialog .eututorsearch .btn{padding:10px 25px; font-size:18px; background:#1daae2;}
.modal-dialog .searchlinks a{color:#1daae2;}
.modal-title{font-size:20px; font-weight:600; color:#333}
.modal-body{padding-bottom:30px;}
.close {font-size: 30px; opacity: .5;}



/*Ad 468x60 (reduced from 728x90) */
.largebanner{text-align:left; margin:30px auto; max-width:488px; position:relative; background:#fff; border: 1px solid #fff; padding:10px; border-radius: 5px;}
.largebanner span{font-size:10px;}
.respbanner{margin-bottom:20px; position:relative;}
.respbanner span{font-size:11px; display:block;}
.innerads{padding:20px;}
.rotate {
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); position:absolute; left:-50px; top:50px;
}
.lefttxt{left:-50px; bottom:35px; top:auto; font-size:11px;}

#text-8, #text-9, #text-10{z-index:100000000;} 

.bannerfix.fixed{position:fixed; width:100%; background:#fff; top:44px; left:0; width:100%; z-index:10; padding:15px 15px 5px 15px; box-shadow:2px 2px 3px #ccc;}

.shadow3, .shadow4{box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 10px rgba(0, 0, 0, 0.1) inset; position:relative;}
.shadow4:before, .shadow4:after{position:absolute; content:""; top:14px;bottom:14px;left:0;right:0; box-shadow:0 0 15px 3px #888; border-radius:100px/10px; z-index:-1;}
.shadow3:before, .shadow3:after{content:""; position:absolute; bottom:0;top:2px;left:15px;right:15px; z-index:-1; border-radius:100px/30px; -webkit-box-shadow:0 0 20px 2px #888; -moz-box-shadow:0 0 20px 2px #888; box-shadow: 0 0 20px 2px #888;}

.adbox360 {width: 270px; padding: 10px; margin: 35px auto; background-color: white;}
.adbox300 {width: 270px; padding: 10px; margin: 35px auto; background-color: white;}
.adbox360 .sponsor-text, .adbox300 .sponsor-text, .adbox160 .sponsor-text{margin-bottom: 0; position: absolute; left: 0; bottom: -22px; font-size: 10px; color: #4f4047; padding: 3px 0;}

.adbox160 {width: 170px; padding: 10px; margin: 35px auto; background-color: white;}


/*Welcome*/
.homewelcome h1{font-size:48px; font-weight:700; color:#000; margin-bottom:15px;}
.homewelcome h1 span{color:#84bc25;}
.homewelcome p{color:#555;}

ul.orderlist{list-style:none; margin-top:30px;}
ul.orderlist li{margin-top:15px; color:#96ca4a; font-size:14px; font-weight:600; padding-left:26px; position:relative; line-height:20px;}
ul.orderlist li:before{content: '\f14a'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size:18px; font-weight:400; display: inline-block; margin-right: 10px; vertical-align: middle; color: #96ca4a; position:absolute; left:0;}


.aboutpagetxt{padding:30px 0;}



.getstarted{text-align:center; margin-top:50px;}
.getstarted a{display:inline-block; border:3px solid #fff; padding:12px 25px; color:#fff; font-size:18px; font-weight:700;}
.getstarted a i{margin-right:10px;}
.getstarted a:hover{background:#1d8fce; text-decoration:none;}


/*How it works*/
.howtowrap{background:#ebeeec;}
.howlist{list-style:none;}
.howlist li{margin-top:30px; text-align:center;}
.howlist li .iconcircle{width:100px; height:100px; border:3px solid #1daae2; border-radius:50%; text-align:center; line-height:115px; margin-bottom:15px; display:inline-block; background:#fff;}
.howlist li .iconcircle i{font-size:48px; color:#1daae2;}
.howlist li h4 a{font-size:24px; font-weight:700; color:#000; margin-bottom:10px;}


/*Tagline*/
.hometagline{background:#84bc25; padding:40px 0;}
.hometagline h5{color:#fff; font-size:24px; font-weight:700; line-height:30px;}
.hometagline a{display:inline-block; background:#1daae2; color:#fff; padding:15px 30px; font-size:18px; font-weight:700; text-transform:uppercase; font-family: 'Roboto', sans-serif; border-radius:4px; border-bottom:3px solid #79af1d;}
.hometagline p{font-size:14px; color:#fff; line-height:22px; margin-top:10px;}

/*What We Do*/
.wedowrap{background:#ebeeec;}
.dotolist{list-style:none;}
.dotolist li{margin-top:30px; text-align:center;}
.dotolist li .iconcircle{width:160px; height:160px; border-radius:50%; text-align:center; line-height:115px; margin-bottom:25px; display:inline-block; background:#80bfea; position:relative;}
.dotolist li .iconcircle:before{width:180px; height:180px; border-radius:50%; border:2px solid #fff; content:''; position:absolute; left:-10px; top:-10px}

.dotolist li .iconcircle i{font-size:60px; color:#fff; margin-top:45px;}
.dotolist li h4{font-size:24px; font-weight:700; color:#000; margin-bottom:10px;}
.dotolist li p{font-size:14px; line-height:24px; color:#555; margin-bottom:15px;}
.dotolist li a{color:#2c99ef; font-weight:700;}
.dotolist li:nth-child(2) .iconcircle{background:#a7db5a;}
.dotolist li:nth-child(3) .iconcircle{background:#ef6767;}
.dotolist li:nth-child(4) .iconcircle{background:#68e4b7;}


/*Featured Cources*/
.featuredCources .innerbox{border:1px solid #ededed; box-shadow:0 0 10px rgba(0,0,0,0.2)}
.featuredCources .contentbox{padding:20px;}
.featuredList li{margin-top:30px;}
.featuredList h4{font-size:24px; font-weight:500; margin-bottom:15px;}
.featuredList li p{font-size:14px; color:#666; line-height:22px;}
.featuredList li p a{color:#96cd44; font-style:italic;}
.featuredList li .prof{margin-top:15px;}
.proimg{float:left; width:75px; height:75px; background:#58c0ff; border-radius:50%; margin-right:20px; text-align:center; color:#fff;}
.proimg strong{font-size:14px; font-weight:700; display:block; margin-top:15px;}
.proimg span{font-size:12px;}
.featuredList li .profname{padding-top:25px; font-size:18px; font-weight:600; color:#f14f4f;}
.featuredList li .profname span{color:#999; font-style:italic;}

/*To Rank Teacher*/
.rankTeacher{background:#ebeeec;}
.teacherList{margin-bottom:40px;}
.teacherList li{margin-top:30px;}
.teacherList li .contentbox{background:#df504b; padding:20px; color:#fff; text-align:center;}
.teacherList li img{display:block;}
.teacherList li h4{font-size:24px; font-weight:600; margin-bottom:10px;}
.teacherList li h4 strong{font-size:14px;}
.teacherList li .courcename{font-size:14px;}
.teacherList li .tsocial{margin-top:15px;}
.teacherList li .tsocial a{width:30px; height:26px; line-height:26px; background:#fff; transform: skewX(-25deg); display:inline-block; margin: 0 5px;}
.teacherList li .tsocial a i{transform: skewX(25deg); color:#df504b}
.teacherList li:nth-child(2) .contentbox{background:#9b80ea;}
.teacherList li:nth-child(3) .contentbox{background:#68e4b7;}
.teacherList li:nth-child(4) .contentbox{background:#f0c44f;}
.teacherList li:nth-child(2) .tsocial a i{color:#9b80ea}
.teacherList li:nth-child(3) .tsocial a i{color:#68e4b7}
.teacherList li:nth-child(4) .tsocial a i{color:#f0c44f}
.teacherList li .tsocial a:hover{background:rgba(0,0,0,0.4);}

.teacherList li .deliverbox{background:#1daae2; padding:20px; color:#fff;}
.teacherList li .text12{font-size:14px; font-weight:700; margin-bottom:5px;}
.teacherList li .proimg{float:right; margin:0 0 0 10px; background:#333;}

/*Side bar*/
.sidebar{background:#fff; border:1px solid #e4e4e4; padding:20px; margin-bottom:30px;}
.sidebar .widget{margin-bottom:20px; border-bottom:1px solid #eee; padding-bottom:20px;}
.sidebar .widget-title{font-size:18px; font-weight:600; color:#666; margin-bottom:20px;}


.sidebar a{color:#1d8fce; font-size:13px; display:inline-block; margin-top:10px;}
.searchnt .btn{background:#1d8fce; display:block; border-radius:0; width:100%; color:#fff; text-transform:uppercase; font-weight:700; padding:10px 15px;}
.sidebar .gad{margin-top:15px;}
.social a{color:#00a8ff; font-size:32px; display:inline-block; margin-right:5px; margin-top:0;}
.social a:hover{color:#000;}

/*Comments*/
.comments h4 {color: #222222; font-size:24px; font-weight:600;}
.comments .media-body h4 span {font-size: 12px; color: #777777; margin-left: 20px;	display: inline-block;width: 100%;}
.comments {margin-top: 30px;}
.comments .media-list {margin-bottom: 30px;}
.comments .media-list li {padding: 20px; border: 1px solid #e9e9e9; position:relative; background:#eef9ff;}
.comments .media-list li.rep{background:#fafff2;}
.comments .media-left {margin-right: 20px;}
.comments .media-left a {width: 100px; display: inline-block;}
.comments .media p {margin-top: 5px; font-size: 13px; color:#777; line-height:20px;}
.comments .media h6 span {font-size: 11px; color: #999; margin: 0; margin-top: 10px; text-transform: none; display:inline-block; width:100%;}
.comments .media h6 img{display:inline-block; width:24px; position:relative; top:7px;}

.comments .media{margin-top:30px;}
.comments .media h6 {font-weight: 600; color: #2c3e50; font-size: 16px; text-transform: none;}
.comments .btn.raply {padding: 10px 12px; font-size: 11px; color: #777; background:#ccc; border:none; border-radius:0; display:inline-block; margin-top:15px; width:auto}
.comments .btn.raply:hover{background:#36b3e5; color:#fff;}
.comments .media a img {margin-bottom: 10px;}

/*Comments Form*/
.commnetsfrm{background:#f7f7f7; padding:25px;}
.commnetsfrm form label {text-transform: uppercase; font-weight: normal; margin-top: 20px; display: inline-block; width: 100%; font-size: 12px;}
.commnetsfrm form .form-control {display: inline-block; width: 100%; height: 40px; margin-top: 5px; border-radius: 0px; box-shadow: none; background: #fff; border: 1px solid #e8e8e8;}
.commnetsfrm form textarea.form-control {display: inline-block; width: 100%; height: 400px;}
.commnetsfrm .btn{background:#36b3e5; color:#fff; font-weight:700; margin-top:20px; border-radius:0; font-size:18px; padding:8px 18px;}




/*Sidebar Search*/
.search{position:relative; margin-bottom:15px;}
.search .form-control{border-radius:0; height:auto; padding:10px 12px; border-color:#ddd;}
.search .btn{position: absolute; right: 0; top: 0; border-radius: 0; background: none; font-size: 20px;}

/*categories*/
.categories li{margin-bottom:15px; position:relative; padding-left:20px;}
.categories li a{margin-top:0; color:#888; font-size:14px; font-weight:600;}
.categories li:before {content: "\f0da "; font-family: 'Font Awesome 5 Free'; font-weight: 900; position: absolute; left: 0px; color: #36b3e5; font-size: 12px;}

/*Archives*/
.archive li{line-height: 45px;}
.archive li a{margin-top:0; color:#888; font-size:14px; font-weight:600;}
.archive li span {float: left; height: 30px; width: 30px; text-align: center; background: #f5f5f5; border:1px solid #fff; outline: 3px solid #f5f5f5; margin-right:20px; line-height: 26px; font-size: 12px; color: #777777; margin-top:10px; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.archive li a:hover span {background: #36b3e5; color: #fff;}

/*Popular Posts*/
.papu-post {}
.papu-post .media-left {margin-right: 0px;}
.papu-post .media-left img {width: 100%;}
.papu-post .media-left a {width: 80px; margin-top:0; margin-right:5px; display: inline-block;}
.papu-post span {color: #36b3e5; letter-spacing: 0px; font-size: 11px;}
.papu-post li {border-bottom: 1px solid #ececec; padding: 20px 0; margin: 0px;}
.papu-post .media-heading {display: inline-block; width: 100%; color: #777777; margin-top: 0px; font-size: 14px; line-height:20px;}
.papu-post li:last-child{border-bottom:0;}

/*Tags*/
.tags:after{display:table; clear:both; content:'';}
.tags li {display: inline-block; float: left;}
.tags a {font-size: 13px; color: #969595; border: 1px solid #dadada; padding: 7px 10px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: uppercase;}
.tags a:hover {border: 1px solid #1d8fce; background:#36b3e5; color: #fff; text-decoration:none;}

/*Photo Streen*/
.photo-steam{margin:0 -5px;}
.photo-steam:after{display:table; clear:both; content:'';}
.photo-steam li{float:left; width:25%; padding:0 5px; margin-bottom:10px;}



/******************************************
		User Search
******************************************/
.userSearchBox{background:#96ca4a; padding:20px; margin-bottom:40px;}
.userSearchBox .form-control{border-radius:0; border:none; height:auto; padding:10px 12px; font-size:16px;}
.userSearchBox .btn{background:#000; border-radius:0; width:100%; color:#fff; font-size:20px; font-weight:700; padding:7px 15px; text-transform:uppercase;}

.facts{text-align:center; color:#fff; padding:15px 0;}
.facts h5{font-size:36px; font-weight:700;}
.facts span{display:block; font-size:18px; font-weight:600; margin-top:10px;}


.usermap{height:auto;}
#map {height: 100%; height:1000px;}


.resulttext{font-size:24px; text-align:center; font-weight:700; margin-bottom:20px;}

/******************************************
		User Side Bar
******************************************/
.usersideBar{border:1px solid #e5e5e5; background:#f9f9f9; padding:20px;}
.usersideBar .widget{margin-bottom: 20px; border-bottom: 1px solid #e4e4e4; padding-bottom: 20px;}
.usersideBar .widget-title{font-size: 18px; font-weight: 600; color: #222; margin-bottom: 15px;}
.usersideBar ul{}
.usersideBar ul li{padding:7px 0; display:block}
.usersideBar ul li a{font-size:14px; font-weight:600; color:#595959;}
.usersideBar ul li a span{color:#36b3e5;}
.usersideBar ul li ul{margin:10px 0 10px 20px;}
.usersideBar ul li ul li a{color:#96ca4a;}

.searchbtn{margin-bottom:0;}
.searchbtn .nav-tabs>li>a{background:#36b3e5; border-radius:0; color:#fff; padding:10px 15px; font-weight:700;}
.searchbtn .nav-tabs>li>a:hover{background:#333;}
.searchbtn .nav-tabs>li.active>a{background:#fff; color:#333;}

/*Form Panel*/
.formpanel{margin-top:20px;}
.formpanel .formrow{margin-bottom:15px; font-size:14px; position:relative;}
.formpanel .formrow label{font-size:14px; display:block; margin-bottom:5px; font-weight:600;}
.formpanel .formrow label span{font-size:13px; font-weight:400; color:#777;}
.formpanel .form-control{height:auto; border-radius:0; padding:10px 13px; border-color:#ddd;}
.formpanel textarea.form-control, select.form-control[multiple]{height:250px;}
.formpanel .formrow a{color:#36b3e5;}
.formpanel .formrow .showlink{position: absolute; right: 10px; bottom: 15px; font-size: 12px; border-left: 1px solid #ddd; color:#555; padding-left: 10px;}
.formpanel .btn{width:100%; background:#1d8fce; color:#fff; border-radius:0; padding:10px 30px; font-size:16px; font-weight:700; text-transform:uppercase;}
.formpanel .btn:hover{background:#222;}

.formpanel .btn2{border: none; display: inline-block; padding: 10px 30px; font-size:16px; font-weight:700; text-transform:uppercase;}


.formrow .row{margin:0;}
.formrow .col-md-3, .formrow .col-md-4, .formrow .col-md-2{padding:0; font-size:13px; font-weight:600;}

.formrow.has-error .form-control{border-color:red;}
.formpanel .formrow .smalltxt{font-size:12px; line-height:18px;}

.formpanel .srchlinks{text-align:center;}
.formpanel .srchlinks a{display:inline-block; font-weight:600; margin:10px 8px; font-size:14px;}

.formpanel h3{font-size:18px; font-weight:700; margin-bottom:5px}




.fileattached{background:#f6f6f6; border:1px solid #ddd; padding:7px 10px; margin-top:5px;}
.fileattached img{width:30px; float:left; margin-right:10px;}
.fileattached span{display:inline-block; padding-top:0; font-weight:600; color:#555; font-size:13px; float:left;}
.fileattached i{font-size:18px; color:#84bc25; margin:0 0 0 10px;}
.fileattached .fa-times, .fileattached .fa-eye{float:right; font-size:20px; color:#E80005; margin:0 0 0 0;}


/*Social*/
.socialLogin h5{font-size:20px; color:#555; font-weight:700; margin-bottom:15px;}
.socialLogin h4{margin-bottom:5px; margin-top:15px;}



.optionlist{list-style:none;}
.optionlist li{margin-bottom:10px; padding:5px 0; position:relative; font-size:14px; font-weight:600; padding-left:30px !important;}
.optionlist li span{position:absolute; right:0; top:6px;}
.optionlist li strong{font-weight:400; color:#84bc25;}

.optionlist input[type=checkbox] {display:none;}
.optionlist input[type=checkbox] + label{width:20px; height:20px; border:1px solid #ccc; background:#fff; cursor:pointer; position:absolute; left:0; top:2px;}
.optionlist input[type=checkbox]:checked + label:before{content:'\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color:#4ece00; font-size:14px; padding-left:2px; position:relative; top:2px;}

.optionlist .row{margin-top:10px;}
.optionlist .row input[type=checkbox] + label{position:static;}

/******************************************
		User Search List
******************************************/
.sortbybar{margin-bottom:20px; padding: 15px; background: #f5f5f5;}
.listby{font-size:20px; display:inline-block; margin-left:10px; margin-top:12px; color:#747474;}
.listby:hover{color:#000;}
.sortbybar .input-group-addon{background:none; border:none; padding:0 10px 0 0; font-weight:700;}
.sortbybar .form-control{border-radius:0; height:auto; padding:9px 15px;}
.sortbybar .found{text-align:right; font-weight:700; color:#929292; margin-top:5px;}
.sortbybar .found strong{display:block; color:#333;}

.sortbybar .foundsb{text-align:left; font-weight:700; color:#929292; margin-top:5px;}
.sortbybar .foundsb strong{display:block; color:#333;}

.sortbybar .found.maptext{text-align:center; line-height:20px;}

/*Jobs List*/
.jobList li .listbox{margin-bottom:30px; border:1px solid #e5e5e5; padding:20px;}
.jobList li .listbox:hover{background:#f6f6f6;}
.jobList li .listbox.featured{background:#f8ffed;}
.jobList li .user-title{margin-bottom:15px; padding-right:50px;}
.jobList li .user-title a{font-size:24px; font-weight:600; color:#96ca4a;}
.jobList li .user-title a:hover{color:#333;}
.jobList li .ribbon{position:absolute; right:-6px; top:-20px;}
.jobList li .userlco{margin-bottom:15px;}
.jobList li .userlco i{margin-right:10px;}
.jobList li .userlco strong, .jobList li .userlco a{color:#36b3e5; font-weight:700;}
.jobList li .addcompare{display:inline-block; margin-left:15px;}
.jobList li .shortlist{background:#36b3e5; color:#fff; padding:10px 15px; display:inline-block; margin-top:15px; font-weight:700;}
.jobList li .shortlist i{font-weight:400;}
.jobList li .shortlist:hover{background:#333; text-decoration:none;}
.jobList li p{font-size:14px; margin-top:5px; color:#777;}
.courseimg{border:1px solid #eee; background:#FFF; }


/*Courses List*/
.oncourse li .listbox{margin-bottom:30px; border:1px solid #e5e5e5; padding:20px 20px 0 20px;}
.oncourse li .listbox:hover{background:#f6f6f6; border-color:#84bc25}
.oncourse li .listbox.featured{background:#f8ffed;}
.oncourse li .user-title{margin-bottom:5px;}
.oncourse li .user-title a{font-size:24px; font-weight:600; color:#000;}
.oncourse li .user-title a:hover{color:#84bc25;}
.oncourse li p{font-size:14px;}
.oncourse li .aboutcour{margin-top:10px; font-weight:600}
.oncourse li .crbtns{margin-top:15px; margin-bottom:15px;}
.oncourse li .crbtns a{border-radius:0; background:#1d8fce; color:#fff; padding:4px 15px;}
.oncourse li .crbtns a i{margin-right:8px; font-size:16px;}
.oncourse li .crbtns a:hover{background:#84bc25; color:#fff;}
.oncourse li .courby{margin-bottom:10px; margin-top:10px;}
.oncourse li .courby strong{display:block; font-size:16px; font-weight:700;}
.oncourse li .stud{margin-bottom:10px;}
.oncourse li .bestsell{background:#ffd600; display:inline-block; padding:8px 15px; margin-bottom:10px; color:#000; font-weight:600}



.bottombtns{background:#eee; border-top:1px solid #e5e5e5; padding:10px 20px; margin:0 -20px; margin-top:15px;}
.bottombtns .price{font-size:24px; font-weight:700; color:#84bc25;}
.bottombtns .price span{font-size:14px; text-decoration:line-through; color:#666; font-weight:400;}
.bottombtns .rating{margin-top:5px;}
.bottombtns .rating i{color:#fdad00; font-size:16px;}
.bottombtns .btn{background:#84bc25; display:inline-block; padding:4px 15px; color:#fff; border-radius:0; text-transform:uppercase; font-weight:700; float:right;}
.bottombtns .btn:hover{background:#222;}


/*Featured List*/
.featitle{font-size:24px; font-weight:700; margin-bottom:10px; color:#555;}
.featuredJobs{list-style:none;}
.featuredJobs li{margin-bottom:30px; text-align:center;}
.featuredJobs li .jobint{border:1px solid #ddd; padding:15px; position:relative;}
.featuredJobs li .jobint .joblogo{text-align:center;}
.featuredJobs li .jobint:hover{background:#f9f9f9;}

.featuredJobs li h3 a{color:#36b3e5; font-size:16px; font-weight:600; display:block; margin:10px 0;}
.featuredJobs li .location{font-size:14px; color:#777; margin-bottom:15px;}
.featuredJobs li .btn{border-radius:0; background:#36b3e5; color:#fff; font-weight:600;}
.featuredJobs li .btn2{background:#eee; color:#000;}
.featuredJobs li .btn:hover{background:#333; color:#fff;}
.featuredJobs li .star{position:absolute; top:5px; right:5px; color:#96ca4a}




.userList li .listbox{margin-bottom:30px; border:1px solid #e5e5e5; padding:20px; position: relative;}
.userList li .listbox:hover{background:#f6f6f6;}
.userList li .listbox.featured{background:#f8ffed;}
.userList li .listbox .studentimgbox{background:#eee; padding:20px; border:1px solid #fff;}

.userList li .userhour{font-size:24px; margin-top:15px; font-weight:500; font-family: 'Roboto', sans-serif; color:#555; margin-bottom:5px;}
.userList li .userhour span{font-size:14px; display:block;}
.userList li .user-title{margin-bottom:15px;}
.userList li .user-title a{font-size:24px; font-weight:600; color:#555;}
.userList li .user-title a:hover{color:#96ca4a;}
.userList li .user-title .hrs{color:#2c99ef; font-weight:600;}
.userList li .user-title span{display:inline-block; margin-right:15px;}
.userList li .ubadge{color:#fff; font-size:12px;}
.userList li .ubadge i{color:#cfaa51; font-size:18px;}
.userList li .status .ubadge{float:left; margin-left:15px;}

.userList li .proimg{margin-top:10px;}


.userList li .userlco{color:#555; margin-top:5px;}
.userList li .userlco i{margin-right:10px;}
.userList li .userlco strong{color:#96ca4a; font-weight:700;}
.userList li .userlco img{display:inline-block; position:relative; top:5px;}
.userList li .stjobinfo{margin-bottom:15px;}
.userList li .stjobinfo strong{display:inline-block; width:20%; font-weight:700;}
.userList li .stjobinfo .open{color:#84bc25; font-weight:600;}
.userList li .stjobinfo .end{color:#FF0006; font-weight:600;}
.userList li .stjobtxt{margin-top:15px; font-weight:700;}
.userList li .stjobtxt span{color:#1d8fce;}
.userList li .btn{border-radius:0; background:#1d8fce; width:100%; font-weight:700; color:#fff; text-transform:uppercase; padding:9px 15px; margin-top:15px;}
.userList li .btn i{margin-right:7px; font-weight:400;}
.userList li .btn:hover{background:#111;}

.agentlogo{display:inline-block;}

.userList li p{font-size:14px; margin-top:15px; color:#666;}
.userList li p a{color:#36b3e5;}
.userList li p strong{font-weight:700; color:#333; font-size:16px;}

.userList li .status{margin-bottom:15px;}
.userList li .like{width:36px; height:36px; background:#36b3e5; font-size:18px; color:#fff; float:left; margin-right:20px; text-align:center; line-height:36px;}
.userList li .like.grey{background:#ccc;}
.userList li .live{background:#96ca4a; padding:10px 20px; color:#fff; font-size:16px; font-weight:700; float:left;}
.userList li .live.grey{background:#ccc;}

.userList li .immavail{background:#96ca4a; padding:10px 15px; color:#fff; text-align: center; font-size:14px; font-weight:700; position:relative}
.form-control{-webkit-appearance: auto; 
    -moz-appearance: auto;
    appearance: auto;}

.userList li .immavail.fullbooked{background:#2c99ef;}


.userList li .usrinfo strong{font-weight:600; font-size:13px}
.userList li .usrinfo strong.green{color:#84bc25;}
.userList li h3{margin-top:30px;}
.userList li h3 a{font-size:18px; font-weight:700; color:#1d8fce;}

.badges{margin-top:15px;}
.usertext{margin-top:15px; font-weight:700; font-size:17px;}
.usertext span{font-size:12px; font-weight:400;}
.userList li .ribbon{position:absolute; right:0; top:0;}
.usertext2{margin:15px 0; font-weight:700; font-size:17px;}
.smalltext{font-size:11px;}

.mapusers{height:830px; overflow-y:scroll; overflow-x:inherit; padding-right:15px;}

/* =======================
		User Detail
======================= */
.popupForm{padding:0 20px;}
.modal-backdrop.in{opacity:.7;}
.popupForm p{line-height:20px;}
.popupForm .socialLogin{margin-top:30px; border-bottom:0; padding-bottom:0; margin-bottom:0}
.popupForm .socialLogin h4{margin-bottom:15px;}


.cookies{background:#FF3338; color:#fff; text-align:center; padding:15px; margin-bottom:0; border-radius:0; border:none; font-weight:600;}
.cookies.fixed{position:fixed; width:100%; z-index:10; padding:15px 15px 5px 15px;}

.cookies .close{right:5px; top:-8px;}
.leftPanel{background:#f4f4f4; border:1px solid #bdbdbd; -webkit-box-shadow: 0 0 5px rgba(0,1,1,.15); -moz-box-shadow: 0 0 5px rgba(0,1,1,.15); box-shadow: 0 0 5px rgba(0,1,1,.15); padding:25px; margin-top:-160px;}
.leftPanel.agency{margin-top:0;}

.studycenterPanel{background:#e9f5f9; border:1px solid #bdbdbd; -webkit-box-shadow: 0 0 5px rgba(0,1,1,.15); -moz-box-shadow: 0 0 5px rgba(0,1,1,.15); box-shadow: 0 0 5px rgba(0,1,1,.15); padding:25px; margin:-100px 0 50px 0; z-index:1000; position:relative;}

.studycenterPanel .userimg{position:relative;}
.studycenterPanel .userimg img{width:100%;}
.studycenterPanel .userimg .like{width:36px; height:36px; background:#36b3e5; font-size:18px; color:#fff; text-align:center; line-height:36px; position:absolute; top:0; right:0;}
.studycenterPanel .userimg .edit{display:none; position:absolute; left:0; bottom:-50px; background:#84bc25; padding:10px 15px; color:#fff; font-weight:600; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out;}
.studycenterPanel .userimg:hover .edit{display:block; bottom:0;}

.studycenterPanel .userhour{font-size:36px; margin-top:15px; font-weight:500; font-family: 'Roboto', sans-serif; color:#333; margin-bottom:5px;}
.studycenterPanel .userhour span{font-size:18px; display:block;}
.studycenterPanel .free{font-size:13px;}
.studycenterPanel .online{font-size:14px; color:#96ca4a; margin-top:15px; font-weight:500; font-family: 'Roboto', sans-serif;}



.prevnextbtn a{float:left; background:#ddd; color:#444; font-weight:600; padding:10px 15px; font-size:16px; margin-bottom:15px;}
.prevnextbtn a.next{float:right;}
.prevnextbtn a:hover{background:#333; color:#fff; text-decoration:none;}
.specific{float:left; margin-left:30px;}
.specific .form-control{border-radius:0;}

.availibilty .prevnextbtn{margin-top:20px;}


.leftPanel .userimg{position:relative; overflow:hidden; }
.leftPanel .userimg .like{width:36px; height:36px; background:#36b3e5; font-size:18px; color:#fff; text-align:center; line-height:36px; position:absolute; top:0; right:0;}
.leftPanel .userimg .edit{display:none; position:absolute; left:0; bottom:-50px; background:#84bc25; padding:10px 15px; color:#fff; font-weight:600; transition:0.3s ease-in-out; -webkit-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out;}
.leftPanel .userimg:hover .edit{display:block; bottom:0;}


.verify{position:absolute; right:15px; bottom:15px;}
.leftPanel .userhour{font-size:36px; margin-top:15px; font-weight:500; font-family: 'Roboto', sans-serif; color:#333; margin-bottom:5px;}
.leftPanel .userhour span{font-size:18px; display:block;}
.leftPanel .free{font-size:13px;}
.leftPanel .online{font-size:14px; color:#96ca4a; margin-top:15px; font-weight:500; font-family: 'Roboto', sans-serif;}


.leftPanel .activity{border-bottom:1px solid #cacaca; border-top:1px solid #cacaca; padding:15px 0; margin:15px 0;}
.leftPanel .activity .text1{font-size:18px; color:#787878; font-weight:600; padding:7px 0}
.leftPanel .activity .text1 span{color:#2c99ef;}
.leftPanel .panelLinks li a{display:block; font-size:18px; font-weight:600; color:#444; margin:12px 0;}
.leftPanel .panelLinks li a:before{content:'\f0da'; font-family:'Font Awesome 5 Free'; font-weight: 900; margin-right:10px;}
.leftPanel .panelLinks li a:hover{text-decoration:none; color:#2c99ef;}

#nav-bullet h3{font-size:24px; font-weight:600; margin-bottom:10px;}

.agencybox{text-align:center; padding:10px 0 20px 0; border-bottom:1px solid #cacaca; margin-bottom:25px;}
.agencybox h3{font-size:24px; font-weight:600; margin-bottom:10px;}

.agencybox .logo{background:#fff; display:block; text-align:center; padding:15px;}
.agencybox .logo img{height:100px; display:inline-block;}
.agencybox .btn{background:#84bc25; color:#fff; font-size:16px; font-weight:700; text-transform:uppercase; text-align:center; border-radius:0; margin-top:15px;}

.flist{margin:0 -5px; margin-top:20px}
.flist li{width:70px; margin:5px; float:left; border: 1px solid #dadbde; padding:3px;}
.flist:after{display:table; clear:both; content:'';}
.flist li .popover-title{font-size:16px; color:#777;}
.flist li .popover-content{font-size:14px; color:#888}

/*Skills*/
.skillswrap {
	margin-top: 20px;
}
.skillswrap h5 {
	color: #7b7b7b;
	font-weight: 400;
	margin-bottom: 5px;
}
/*Education*/
.educationList {
	margin-bottom: 0 !important;
}
.educationList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px !important;
	padding-top: 0 !important;
	padding-left: 0 !important;
	margin-top: 30px;
}
.educationList li:hover {
	border-bottom-color: #00a2ff;
}
.educationList li:before {
	display: none;
}
.educationList li:last-child {
	border-bottom: 0;
}
.educationList li .date {
	width: 90px;
	height: 90px;
	background: #888;
	border-radius: 50%;
	text-align: center;
	font-weight: 700;
	padding-top: 17px;
	line-height: 18px;
	float: left;
	color: #fff;
	margin-right: 20px;
}
.educationList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #84bc25;
	margin-bottom: 5px;
}
.educationList li p {
	margin-bottom: 0 !important;
}
/*Experience*/
.experienceList {
	margin-bottom: 0 !important;
}
.experienceList li {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px !important;
	padding-left: 0 !important;
	padding-top: 0 !important;
	margin-top: 30px;
}
.experienceList li:hover {
	border-bottom-color: #00a2ff;
}
.experienceList li:before {
	display: none;
}
.experienceList li:last-child {
	border-bottom: 0;
}
.experienceList li img{border:1px solid #ddd;}
.experienceList li h4 {
	font-size: 18px;
	font-weight: 700;
	color: #58c0ff;
	margin-bottom: 10px;
}
.experienceList li p {
	margin-bottom: 0 !important;
	margin-top: 10px;
}
/*Portfolio*/
.userPortfolio li {
	padding: 0 15px !important;
	margin-top: 30px;
}
.userPortfolio li:before {
	display: none;
}
.userPortfolio li .imgbox {
	overflow: hidden;
	position: relative
}
.userPortfolio li .itemHover {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(22,34,46,.9);
	transform: scale(0);
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease
}
.userPortfolio li:hover .itemHover {
	transform: scale(1)
}
.userPortfolio li .zoombox {
	display: table;
	width: 100%;
	height: 20%;
	text-align: right
}
.userPortfolio li .item-zoom {
	display: inline-block;
	border: 2px solid #fff;
	padding: 6px 12px;
	margin: 15px 15px 0 0;
	color: #fff
}
.userPortfolio li .item-zoom:hover {
	background: #2079f2
}
.userPortfolio li .infoItem {
	display: table;
	width: 100%;
	height: 70%;
	text-align: center
}
.userPortfolio li .itemtitle {
	vertical-align: bottom;
	padding: 0 15px 15px;
	position: relative;
	display: table-cell;
}
.userPortfolio li .itemtitle h5 {
	color: #fff;
	font-size: 18px;
	margin: 0 0 5px
}
.userPortfolio li .itemtitle p {
	color: #ccc;
	line-height: 18px
}
.userPortfolio li .itemtitle a {
	color: #2079f2
}
.userPortfolio li.shown, .no-cssanimations .userPortfolio li, .no-js .grid li {
	opacity: 1
}
.userPortfolio li a, .userPortfolio li img {
	outline: 0;
	border: none;
	display: block;
	max-width: 100%
}

/*---------------------------------------
    Prices section              
-----------------------------------------*/
.packageList{margin-bottom:30px;}
.packageList li{text-align:center; margin-top:30px;}
.packageList li .packbox{border:3px solid #f9f9f9; background:#f9f9f9; padding:40px 20px;}
.packageList li .packbox:hover{border-color:#ddd;}
.packageList li .icon{background:#fff; width:70px; height:70px; border-radius:50%; margin:0 auto; text-align:center; font-size:24px; line-height:70px;}
.packageList li .icon i{padding-top:20px; display:block;}
.packageList li h3{margin:15px 0 10px 0; font-size:26px; font-weight:700; letter-spacing:0;}
.packageList li .price{margin-bottom:10px;}
.packageList li .price span{color:#888;}
.packageList li .price strong{font-size:36px; color:#95bd1a;}
.packageList li p{letter-spacing:0; border-top:1px solid #ddd; font-size:14px; padding-top:5px; margin-top:5px;}
.packageList li p strong{font-weight:700; color:#000;}
.packageList li .booknow{margin-top:20px;}
.packageList li .booknow a{border:1px solid #777; color:#000; text-transform:uppercase; font-size:16px; font-weight:600; padding:10px 20px; display:block;}
.packageList li .packbox.select{border-color:#95bd1a; background:#fff; -webkit-box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.2);
box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.2);}
.packageList li .packbox.select .icon{background:#f9f9f9; color:#95bd1a}
.packageList li .packbox.select .booknow a{border:1px solid #95bd1a; color:#95bd1a;}

.packageList li .packbox .booknow a:hover{background:#777; color:#fff;}


/*---------------------------------------
    Prices section For student          
-----------------------------------------*/
.stpackageList{margin-bottom:30px;}
.stpackageList li{text-align:center; margin-top:30px;}
.stpackageList li .packbox{background:#f9f9f9;}
.stpackageList li h3{font-size:26px; font-weight:700; letter-spacing:0; text-transform:uppercase; background:#999; color:#fff; padding:15px 15px; text-align:center;}
.stpackageList li h3 span{display:block; font-size:16px; font-weight:400;}
.stpackageList li .price{padding:15px 0}
.stpackageList li .price span{color:#888;}
.stpackageList li .price strong{font-size:48px; color:#999; font-weight:700}
.stpackageList li .pkint{padding:0 20px;}
.stpackageList li p{letter-spacing:0; border-top:1px solid #ddd; font-size:14px; padding-top:5px; margin-top:5px;}
.stpackageList li p strong{font-weight:700; color:#000;}
.stpackageList li .booknow{margin-top:20px; padding-bottom:20px;}
.stpackageList li .booknow a{background:#999; color:#fff; text-transform:uppercase; font-size:16px; font-weight:600; padding:10px 20px; display:block;}
.stpackageList li:hover .packbox{box-shadow:0 0 10px rgba(0,0,0,0.3)}

.stpackageList li:nth-child(2) h3{background:#333;}
.stpackageList li:nth-child(2) .price strong{color:#333;}
.stpackageList li:nth-child(2) .booknow a{background:#333;}

.stpackageList li:nth-child(3) h3{background:#84bc25;}
.stpackageList li:nth-child(3) .price strong{color:#84bc25;}
.stpackageList li:nth-child(3) .booknow a{background:#84bc25;}

.stpackageList li:nth-child(4) h3{background:#1d8fce;}
.stpackageList li:nth-child(4) .price strong{color:#1d8fce;}
.stpackageList li:nth-child(4) .booknow a{background:#1d8fce;}

.stpackageList li .booknow a:hover{text-decoration:none; background:#000;}


/*---------------------------------------
    Prices section For tutor          
-----------------------------------------*/
.tupackageList li{text-align:center; margin-top:30px;}
.tupackageList li .packbox{border:1px solid #eee; background:#fff; padding:30px 20px; border-radius:0 15px 0 15px;}
.tupackageList li .packbox:hover{border-color:#1f71d9;}
.tupackageList li .icon{margin:0 auto; margin-bottom:10px; text-align:center; font-size:48px; line-height:70px;}
.tupackageList li .icon i{display:block; color:#999;}
.tupackageList li h3{margin:0 0 15px 0; font-size:30px; font-weight:700; letter-spacing:0; color:#1f71d9;}
.tupackageList li .price{margin-bottom:20px;}
.tupackageList li .price span{color:#888;}
.tupackageList li .price strong{font-size:48px; color:#1f72d9; display:block;}
.tupackageList li p{letter-spacing:0; border-top:1px solid #eee; font-size:14px; padding-top:5px; margin-top:5px; text-transform:uppercase;}
.tupackageList li .booknow{margin-top:20px;}
.tupackageList li .booknow a{background:#333; color:#fff; text-transform:uppercase; text-decoration:none; font-size:16px; font-weight:600; padding:10px 20px; display:block; border-radius:10px 0 10px 0;}
.tupackageList li .packbox.select{background-color: #b1b1b1;
	background-image: -webkit-linear-gradient(left, #9021e1, #1f71d9);
	background-image: -moz-linear-gradient(left, #9021e1, #1f71d9);
	background-image: -o-linear-gradient(left, #9021e1, #1f71d9);
	background-image: -ms-linear-gradient(left, #9021e1, #1f71d9);
	background-image: linear-gradient(to right, #9021e1, #1f71d9); border:3px solid #fff; -webkit-box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29);
-moz-box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29);
box-shadow: 0px 0px 41px 2px rgba(0,0,0,0.29);}
.tupackageList li .packbox.select i{color:#fff}
.tupackageList li .packbox.select .booknow a{background:#fff; color:#1f72d9;}
.tupackageList li .packbox.select h3{color:#fff;}
.tupackageList li .packbox.select .price span, .tupackageList li .packbox.select .price strong{color:#fff;}

.tupackageList li .packbox .booknow a:hover{background:#1f72d9; color:#fff;}
.tupackageList li .packbox.select p{border-top:1px solid rgba(255,255,255,0.2); color:#ccc;}




/*---------------------------------------
    Prices section Study Center          
-----------------------------------------*/
.single-pricing {
  border: 1px solid #eaeaea;
  transition: all .3s;
}
.pricing-top {
  padding: 50px 0;
  border-bottom: 1px solid #eaeaea;
  transition: all .3s;
}
.pricing-top > h3 {
  font-size: 36px;
  font-weight: 400;
  margin-bottom: 40px;
}
.pricing-top > span {
  font-size: 18px;
  font-weight: 600;
  text-transform: capitalize;
  font-family: 'Dosis', sans-serif;
}
.pricing-top::before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #eaeaea;
  bottom: -11px;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
}
.pricing-top::after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #fff;
  bottom: -10px;
  content: "";
  height: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  width: 0;
  transition: all .3s;
} 
.pricing-bottom {
  padding:0 30px 30px 30px;
}
.price-list {
  border-bottom: 1px solid #eaeaea;
  padding: 30px 0px;
}
.price-list:nth-child(3) {
  border: medium none;
  padding-bottom: 0;
}
.price-list > p {
  font-size: 14px;
  font-weight: 700;
  position: relative;
  font-family: 'Dosis', sans-serif;
}
.price-list > p::before {
  content: "\f00c ";
  font-family: FontAwesome;
  margin-left: -20px;
  position: absolute;
}
.price-btn > a {
  border: 2px solid #f1f1f1;
  display: inline-block;
  font-weight: 400;
  padding: 12px 40px;
  text-transform: uppercase;
  text-decoration:none;
}
.pricing-top{
	position:relative;
}
.price-btn {
  border-top: 1px solid #eaeaea;
  padding: 40px 0;
}
.single-pricing:hover .pricing-top{
  background: #232323;
}
.single-pricing:hover .pricing-top h3, .single-pricing:hover .pricing-top span{
  color: #fff;
}
.single-pricing:hover .pricing-top::after{
  border-top: 10px solid #232323;
}
.single-pricing:hover .price-btn > a{
  background: #232323;
  color: #FFFFFF;
}
.single-pricing:hover {
  box-shadow: 0 4px 7px #aaaaaa;
}

.single-pricing.active .pricing-top{
  background: #232323;
}
.single-pricing.active .pricing-top h3, .single-pricing.active .pricing-top span{
  color: #fff;
}
.single-pricing.active .pricing-top::after{
  border-top: 10px solid #232323;
}
.single-pricing.active .price-btn > a{
  background: #232323;
  color: #FFFFFF;
}
.single-pricing.active {
  box-shadow: 0 4px 7px #aaaaaa;
}



/* --------------------------------------------- */
/* ------------>>> Pricing Table Area  <<<---------- */
/* --------------------------------------------- */

.pricing-one {
  position: relative;
  z-index: 1;
}
.pricing-one .pricing-plan {
  background-color: #fff;
  color: #0E1D40;
  border-radius: 4px;
  overflow: hidden;
  text-align: center;
  margin-bottom: 30px;
  border: 1px solid #eee;
  transition: box-shadow .5s;
  padding:30px 20px;
}
.pricing-one .pricing-plan h3{font-size:20px;}
.pricing-one .pricing-plan h2{font-size:40px; color:#88c724; padding:15px 0}
.pricing-one .pricing-plan p{text-transform:uppercase;}
.pricing-one .plan-recommended,
.pricing-one .pricing-plan:hover {
  -webkit-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
  -moz-box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
  box-shadow: 0px 4px 26px 3px rgba(213, 221, 234, 1);
}
.pricing-one .plan-recommended {
  position: relative;
  overflow: hidden;
}
.pricing-one .plan-recommended > i {
  position: absolute;
  font-size: 30px;
  top: -4px;
  color: #f50;
}
.pricing-one .pricing-plan .plan-header {
  text-align: center;
}
.pricing-one .pricing-plan .plan-main ul {
  max-width: 250px;
  margin: 0 auto;
  margin-top:30px;
}
.pricing-one .pricing-plan .plan-main ul li {
  padding: 10px;
  font-weight: 600;
  color: #999;
  padding:15px 0
}
.pricing-one .pricing-plan .plan-main ul li+li {
  border-top: 1px solid #eee;
}
.pricing-one .pricing-plan .plan-main ul li .fa {
  padding-right: 8px;
}
.pricing-one .pricing-plan .plan-main ul li .fa-check {
  color: #00adef;
}
.pricing-one .pricing-plan .plan-main ul li .fa-close {
  color: red;
}
.pricing-one .pricing-plan .plan-footer {
  text-align: center;
}
.pricing-one .pricing-plan .btn {
  margin-top: 0;
  background:#1d8fce;
  color:#fff;
  margin-top:30px;
}
.pricing-three .pricing-plan {
  border: 1px solid rgb(238, 238, 238);
  border-radius: 5px;
  overflow: hidden;
}
.pricing-three .price {
  color: #fff;
  position: relative;
  padding: 15px 0 18px;
  line-height: 1;
}
.pricing-three .price .currency-unit {
  position: relative;
  top: -17px;
  font-size: 18px;
  font-weight: 700;
}
.pricing-three .price .money {
  font-size: 40px;
}
.pricing-three .price .time {
  vertical-align: baseline;
  font-weight: 700;
}
.pricing-three .price-table-list li {
  padding: 8px 0px;
  border-radius: 2px;
}
.pricing-three .price-table-list li:nth-child(odd) {
  background-color: #f5f5f5;
}




/*Other Tutors*/
.ortherTutors{margin-top:30px;}
.ortherTutors h4{font-size:24px; color:#444; margin:30px 0 10px 0; font-weight:600; font-family: 'Roboto', sans-serif;}
.tutorsList{margin-top:30px;}
.tutorsList li{border-bottom:1px solid #eee; padding-bottom:20px; margin-bottom:20px;}
.tutorsList li:last-child{border-bottom:0;}
.tutorsList li p{margin:0; line-height:20px; color:#999;}
.tutorsList li p a{font-weight:600;}
.tutorsList li .location{margin-top:10px; font-weight:600; color:#999;}
.ortherTutors .view{display:inline-block; background:#1ba6df; color:#fff; font-size:18px; font-weight:700; padding:12px 30px; margin-bottom:30px;}
.ortherTutors .view:hover{background:#333; text-decoration:none;}


.userrating, .userrating a{color:#fdad00; margin-bottom:15px; font-size:18px;}
.userrating a:hover{text-decoration:none;}
.user-title{margin-bottom:15px;}
.user-title strong{font-size:30px; font-weight:600; color:#555;}
.user-title .hrs{color:#2c99ef; font-weight:600; padding-left:10px;}
.user-title span{display:inline-block; margin-right:15px;}
.ubadge{color:#fff; font-size:14px; float:right; background:#eac030; padding:10px 13px; margin-left:3px; font-weight:600;}
.ubadge i{color:#fff; margin-right:5px;}
.ubadge.green{background:#84bc25;}
.ubadge.blue{background:#36b3e5;}

.contactbtn .btn{background:#36b3e5; color:#fff; font-size:14px; font-weight:600; border-radius:0; margin-bottom:10px; margin-right:10px;}
.contactbtn .allbtn{background:#84bc25; color:#fff; font-size:14px; font-weight:600; border-radius:0; margin-bottom:10px; margin-right:10px;}

.studycenterPanel .contactbtn .btn{background:#333;}
.studycenterPanel .contactbtn .btn:hover{background:#84bc25;}

.backtobtn{margin-bottom:20px; text-align:center;}



.detailbox{background-color: #f8f8f8; -webkit-box-shadow: 0 4px 2px rgba(0,0,1,.04); -moz-box-shadow: 0 4px 2px rgba(0,0,1,.04); box-shadow: 0 4px 2px rgba(0,0,1,.04); border: solid 1px #e0e0e0; padding:10px 20px; margin-top:20px;}
.detailbox ul li{font-size:16px; color:#555; margin:12px 0; min-height:23px;}
.detailbox ul li strong{color:#333; font-weight:700;}
.detailbox ul li i{color:#96ca4a; width:25px;}
.detailbox ul li a i{font-size:20px;}

.detailbox ul li i.fa-check-square-o{font-size:24px;}
.detailbox ul li i.fa-times{font-size:24px; color:#F20006;}
.profilelink{font-size:16px; font-weight:600; color:#36b3e5;}


.pagehed{font-size:24px; font-weight:700; margin-bottom:30px;}
.subhed{font-size:16px; font-weight:600; margin-bottom:5px; color:#555}

.popularsrchlist{list-style:none; margin:10px -5px 20px -5px}
.popularsrchlist:after{display:table; clear:both; content:'';}
.popularsrchlist li{float:left;}
.popularsrchlist li a{float:left; padding: 7px 10px; border:1px solid #ddd; background:#f9f9f9; text-decoration:none; font-size:13px; font-weight:bold; color:#777; margin:5px;}
.popularsrchlist li a:hover{background:#fff; color:#96ca4a;}



.userSecondary h3{font-size:24px; color:#444; margin:30px 0 10px 0; font-weight:700; position:relative;}

.editlink{position:absolute; right:0; top:5px; background:#fff; padding:5px 10px; color:#333; font-size:14px;}
.reveal{display:inline-block; background:#96ca4a; color:#fff; font-weight:400; padding:10px 15px; margin-left:10px;}
.reveal:hover{text-decoration:none; color:#fff; background:#555;}


.userSecondary h4{font-size:20px; color:#96ca4a; margin:10px 0 15px 0; font-weight:700;}
.userSecondary p{font-size:14px; line-height:24px; color:#555;}

.userSecondary .socialBar{background:#eee; padding:20px; margin:30px 0;}
.abtbox{margin-bottom:30px; position:relative;}
.abtbox ul li{border-bottom:1px solid #eee; margin-bottom:15px; padding-bottom:15px; font-size:24px; font-weight:700; line-height:30px;}
.abtbox ul li:last-child{border-bottom:none;}
.abtbox ul li strong{color:#2c99ef; display:inline-block; margin-right:15px; float:left; min-height:50px;}
.abtbox ul li p{font-size:14px; font-weight:400; margin-top:10px;}


.availibilty h3{font-size:24px; color:#333; margin:0 0 15px 0; font-weight:700; display:block; position:relative;}
.availibilty .table strong{display:block; font-size:16px; font-weight:700;}
.availibilty .table span{color:#777;}
.availibilty .table thead td{background:#96ca4a; color:#fff; font-size:16px; font-weight:700;}
.availibilty .table td{vertical-align: middle;}
.availibilty .table td i{font-size:22px;}
.availibilty .table td i.fa-times{color:#ccc;}
.availibilty .table td i.fa-check-square{color:#1ba6df;}


/*Profiles tabs*/
.profileTabs{padding:40px 0;}
.profileTabs h4{font-size:24px; color:#333; margin:0 0 15px 0; font-weight:700; display:block; position:relative;}
.profileTabs h6{font-size:16px; color:#333; margin:0 0 15px 0; font-weight:700; display:block; position:relative;}

.profileTabs .nav-tabs{border-bottom:10px solid #96ca4a;}
.profileTabs .nav-tabs>li{margin-bottom:0; display: inline-flex; padding-left: 0;}
.profileTabs .nav-tabs>li>a{background:#eee; border-radius:0; font-size:18px; font-weight:700; text-transform:uppercase; color:#666; padding:10px 30px;}
.profileTabs .nav-tabs>li>a.active, .profileTabs .nav-tabs>li>a.active:focus, .profileTabs .nav-tabs>li>a.active:hover{background:#96ca4a; color:#fff; border-color:#96ca4a;}
.profileTabs .nav-tabs>li.last{float:right;}
.profileTabs .nav-tabs>li.last a{background:none; font-size:14px; padding:0; margin:0; border:none; margin-top:7px;}
.profileTabs .nav-tabs>li.last a:hover{border:none; color:#96ca4a;}
.profileTabs .nav-tabs>li:before{display: none;}


.profileTabs .tab-pane{padding:10px 0; border-bottom:5px solid #96ca4a;}
.profileTabs .tab-pane .ptext{font-size:24px; font-style:italic; color:#666; margin-bottom:30px;}
.profileTabs .tab-pane .ptext strong{font-weight:700;}
.profileTabs .table-responsive{margin-top:0;}
.profileTabs .table th{font-size:24px; font-weight:700; color:#fff;}
.profileTabs .table td{font-size:18px; font-weight:700; color:#666;}
.profileTabs .table td.title{color:#1ba6df;}
.profileTabs .table td.title a{font-size:20px;}
.profileTabs .table td.title .exptxt{font-size:12px; color: #777; display: block; font-weight: 400; margin-top: 5px;}
.profileTabs .tab-pane h3{font-size:20px; font-weight:600; margin-bottom:10px;}
.profileTabs .tab-pane h5{font-size:20px; font-weight:600; border-bottom:10px solid #96ca4a;}
.profileTabs .tab-pane h5 span{padding:15px 25px; background:#eee; display:inline-block;}

.profileTabs .tab-pane p strong{font-weight:700;}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th{border-top:none; border-bottom:1px solid #eee; vertical-align:middle;}
.table>tbody>tr>td.inactive{background:#eee;}
.table>tbody>tr>td strong{font-weight:600;}

.addinlist{display:block; text-align:center; font-size:24px; color:#96ca4a}
.removelist{display:block; text-align:center; font-size:20px; color:#FF0006}




.availibilty .profileTabs .nav-tabs>li>a{font-size:14px;}
.availibilty .profileTabs{padding-top:0;}





.searchtabs{margin-top:-41px;}
.searchtabs .nav-tabs{border-bottom:none;}
.searchtabs .nav-tabs>li{-webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -ms-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    transform: skew(-15deg); margin-bottom:0; background:#84bc25; margin-right:5px;}

.searchtabs .nav-tabs>li>a{-webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -ms-transform: skew(15deg);
    -o-transform: skew(15deg);
    transform: skew(15deg); margin-bottom:0; background:none; border:none; padding:8px 20px; font-size:18px; color:#fff;}
.searchtabs .nav-tabs>li>a:hover{background:none; border:none;}
.searchtabs .nav-tabs>li.active{background:#fff;}
.searchtabs .nav-tabs>li.active a, .searchtabs .nav-tabs>li.active a:hover{border:none; background:none; color:#000;}
.searchtabs .tabsdata{background:#eee; padding:20px 0;}





/*Education*/
.education{margin-bottom:40px;}
.education h3{font-size:30px; font-weight:700; color:#1ba6df; margin-bottom:10px; position:relative;}
.education h5{font-size:24px; font-weight:500; color:#888; margin-bottom:10px;}

.edulist li{margin-top:30px;}
.edulist li .intbox{border:1px solid #dfdfdf; padding:15px; position:relative;}
.edulist li .intbox .datebox{width:90px; height:90px; border-radius:50%; background:#1ba6df; float:left; margin-right:15px; text-align:center; font-size:14px; font-weight:600; color:#fff; padding:5px;}
.edulist li .intbox .datebox span{display:inline-block; width:80px; height:80px; border:1px solid #fff; border-radius:50%; padding-top:10px; line-height:18px;}
.edulist li .intbox .datebox.green{background:#96ca4a;}

.edulist li .sub{color:#58c0ff; font-size:24px; font-weight:700;}
.edulist li .sub span{font-size:14px; color:#999; font-weight:400;}
.edulist li .sub strong{color:#000; font-size:16px; font-weight:700;}
.edulist li .etext{font-size:14px; margin-top:12px; font-weight:600; color:#999;}
.edulist li .etext i{width:20px;}

.edulist li .intbox .verify{top:15px; bottom:auto}
.edulist li .intbox .verify img{width:24px;}

.actbtn{display:flex; justify-content:flex-end; align-items:center; gap:6px; flex-wrap:nowrap;}
.actbtn a{color:#333; display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; margin:0; background:#eee; padding:0; line-height:1;}
.actbtn a i{font-size:16px;}
.actbtn a:hover{text-decoration:none; background:#84bc25; color:#fff;}

.education .points{margin-top:20px;}
.education .points li{font-size:14px; color:#898989; margin-top:15px;}
.education .points li:before{content:'\f00c'; font-family:'FontAwesome'; margin-right:10px;}

.education p{font-size:14px; color:#555; line-height:24px;}





/*FB comments*/
.facebookcmt{border:1px solid #eee; padding:30px;}
.facebookcmt h3{font-size:30px; font-weight:700; color:#1ba6df; margin:0 0 10px 0 !important;}

/*Reviews*/
.reviewsWrap{padding-top:40px;}
.reviewsWrap h3{font-size:30px; font-weight:700; color:#1ba6df; margin-bottom:10px;}
.reviewsWrap h5{font-size:24px; font-weight:500; color:#888; margin-bottom:20px;}


.reviewList{margin-top:20px;}
.reviewList li{background:#f9f9f9; padding:30px; margin-bottom:30px; border:1px solid #eee; position:relative;}
.reviewList li .name{font-size:18px; font-weight:700;}
.reviewList li .date{color:#666; margin-top:5px}
.reviewList li .userrating{margin-bottom:5px;}
.reviewList li p{margin-top:15px; color:#666;}
.reviewList li .editreview{position:absolute; top:15px; right:15px; color:#333; font-size:18px;}

.reviewList li .reviewList{margin:20px 0 0 50px;}
.reviewList li .reviewList li{border:none;background:#fff;}

.replyForm{background:#fff; padding:20px; border:1px solid #ddd;}
.replyForm .form-control{height:auto; padding:10px 12px; border-radius:0;}
.replyForm .btn{background:#84bc25; border:none; border-radius:0; padding:11px 20px; color:#fff; font-weight:600;}


.agencyTutors{margin-top:30px;}
.agencyTutors h3{font-size:30px; font-weight:700; color:#1ba6df; margin-bottom:10px;}
.agencyTutors .teacherList li .contentbox{background:#eee; color:#555;}

/** Faqs **/
.faqs{margin-bottom:30px;}
.faqs h3{font-size:30px; font-weight:700; color:#1ba6df; margin-bottom:10px; position:relative;}
.faqs-service{list-style:none; margin-top:10px; margin-top:20px;}
.faqs-service li{margin-bottom:10px; border-bottom:1px solid #eee;}
.faqs-service li h4{font-size:16px; font-weight:700; cursor: pointer; color:#333;}
.faqs-service li h4:before{content: "\f0da"; font-family: 'Font Awesome 5 Free'; font-weight: 900; background:#333; width:30px; padding:6px 0; color:#fff; margin-right:10px; font-size:18px; display:inline-block; text-align:center; transition:0.3s ease-in; -moz-transition:0.3s ease-in; -webkit-transition:0.3s ease-in; -ms-transition:0.3s ease-in;}
.faqs-service li h4 span{float:right; font-size:16px; font-weight:600;}
.faqs-service li h4 span.open{color:#84bc25;}
.faqs-service li h4 span.close{color:#CE0005;}

.faqs-service li h4:after{display:table; clear:both; content:'';}
.faqs-service li h4:hover, .faqs-service li h4.active{color:#1ba6df;}
.faqs-service li h4:hover:before{background:#1ba6df;}
.faqs-service li h4.active:before{content: "\f0d7"; background:#1ba6df; font-family: 'Font Awesome 5 Free'; font-weight: 900;}
.faqs-service li p{height: 0; overflow: hidden; position: relative; line-height:24px; color:#777; padding:15px 0;}
.faqs-service li .date{float:right; font-size:13px; color:#000;}
.faqs-service li strong{font-weight:700; display:block; margin-top:10px; color:#000; font-size:16px;}

/*Tags*/
.tagswrap{margin-top:30px; font-size:15px;}
.tagswrap h4{font-size:20px; font-weight:600; margin-bottom:20px;}
.tagswrap span, .tagswrap a{display:inline-block; margin-bottom:10px; font-style:italic; color:#999;}
.tagswrap a{color:#1ba6df;}

/*Blog List*/
.homebloglist li{margin-top:20px;}
.homebloglist li .imageBox{margin-bottom:15px;}
.homebloglist li h4{font-size:20px; color:#006a5e; font-weight:700; margin-bottom:10px;}
.homebloglist li .bdat{float:left; width:70px; color:#fff; font-size:24px; font-weight:700; text-align:center; margin-right:15px;}
.homebloglist li .bdat .day{background:#045148; padding:20px 0;}
.homebloglist li .bdat .year{background:#333; font-size:18px; padding:15px 0;}
.homebloglist li a{display:block; margin-top:15px; color:#222; font-weight:700;}

/*Video*/
.videowraper{background:url(http://cdnimg.eututors.com/images/videobg.jpg) no-repeat; background-size:cover;text-align:center; }
.videowraper .subtitle, .videowraper h3{color:#fff !important;}
.videowraper p{color:#fff; max-width:800px; margin: 0 auto; font-size:14px; line-height:24px;}
.videowraper a{font-size:120px; color:#a7db5a; display:inline-block; margin-top:20px;}


/*Gallery*/
.galllerylist li{margin-bottom:20px; margin-top:10px;}
.galllerylist li img{display:block;}

/*Subjects*/
.subjectWrap{background:url(http://cdnimg.eututors.com/images/parallax-bg1.jpg) no-repeat; background-size:cover;}
.subjectWrap h3{color:#9b80ea;}
.subjectslist li{padding:7px 0;}
.subjectslist li a{font-size:14px; font-family: 'Roboto', sans-serif; font-weight:600; color:#000;}
.subjectslist li a span{font-size:14px; font-weight:400;}
.subjectslist li a:hover{color:#84bc25;}

.tutbylist li{}
.tutbylist li a{font-size:14px; font-family: 'Roboto', sans-serif; font-weight:600; color:#333; display:block; border-bottom:1px solid #eee; padding:10px 0}
.tutbylist li a span{font-size:14px; font-weight:400; color:#1ba6df;}
.tutbylist li a:hover{color:#84bc25;}

.popularSearch h3 a, .popularSearch h3{font-size:24px; font-weight:600; color:#36b3e5;}
.popularSearch .subjectslist{margin-bottom:30px; background:#f7f7f7; padding:20px;}



/*Location*/
.locationOverview h3{color:#84bc25; margin-bottom:10px;}
.locationOverview h3 a{font-size:16px;}




/*testimonials*/
.testimonials{background:#ebeeec;}
.testimonialsList{list-style:none; margin-top:80px;}
.testimonialsList li{text-align:center;}
.testimonialsList li .testinner{background:#fff; border:1px solid #e8e8e8; padding:20px;}
.testimonialsList li .testimg{width:80px; height:80px; border-radius:50%; overflow:hidden; margin:auto; margin-top:-60px; border:5px solid #fff;}
.testimonialsList li .clientname{font-size:24px; font-weight:700; padding:15px 0; color:#000; font-family: 'Roboto', sans-serif;}
.testimonialsList li p{font-size:14px; font-style:italic; line-height:22px;}
.testimonialsList li .clientinfo{font-family: 'Roboto', sans-serif; font-size:14px; font-weight:600; color:#00a8ff; margin-bottom:10px;}



/*Page Title*/
.pageTitle{background:#36b3e5; background-size:cover; padding:30px 0;}
.pageTitle h1{font-size:40px; font-weight:500; color:#fff;}

.subpageTitle{padding:30px 0;}
.subpageTitle h1{font-size:40px; font-weight:500; color:#333;}
.subpageTitle h3{font-size:18px; font-weight:500; color:#555; margin-top:15px;}


.breadCrumb{font-size:14px; color:#000; margin-bottom:40px;}
.breadCrumb a{color:#000; display:inline-block; padding:0 5px;}
.breadCrumb span{color:#36b3e5; display:inline-block; padding-left:5px;}

.crumbwrap{font-size:14px; color:#555; background:#f8f8f8; border-top:1px solid #eee; border-bottom:1px solid #ccc; padding:15px 0;}
.crumbwrap a{color:#000; display:inline-block; padding:0 5px;}
.crumbwrap a:hover{color:#96ca4a;}
.crumbwrap span{color:#36b3e5; display:inline-block; padding-left:5px;}
.crumbwrap .backto{color:#96ca4a; font-weight:600;}


.innerPagewrap{padding:25px 0; min-height:400px;}
.innerPagewrap .pageHead{font-size:36px; font-weight:600; margin-bottom:30px;}


.suggestedWrap{margin-top:30px;}
.suggestedWrap h2{font-size:24px; font-weight:600; margin-bottom:15px;}

/*Pagination*/
.pagiWrap .showreslt{font-size:14px; font-weight:600; margin-top:10px;}
.pagiWrap .pagination{text-align:right; margin:0;}
.pagination>li:first-child>a, .pagination>li:first-child>span, .pagination>li:last-child>a, .pagination>li:last-child>span{border-radius:0;}	
.pagiWrap .input-group-addon{background:none; border:none;}
.pagiWrap .form-control{border-radius:0; height:auto;}




/*User Account*/
.userccount{background:#fff; border:1px solid #ddd; padding:25px 30px; margin-bottom:30px;}
.userccount p{font-size:14px; line-height:24px; color:#999;}
.userccount h2{font-size:24px; color:#444; font-weight:700; margin:20px 0 10px 0;}
.userccount h4{font-size:18px; color:#84bc25; font-weight:700; margin-bottom:15px;}
.userccount h5{font-size:20px; color:#555; font-weight:700; margin-bottom:15px;}
.userccount p{margin-bottom:10px;}
.socialLogin{margin-top:20px; text-align:center; }
.socialLogin a{display:inline-block; color:#fff; font-size:14px; margin:0; padding:10px 15px;}
.socialLogin a i{font-size:18px; margin-right:5px;}
.socialLogin a.fb{background:#3b5998;}
.socialLogin a.gp{background:#dd4b39;}
.socialLogin a.tw{background:#00aced;}


.userccount ul{padding-top:15px; margin-bottom:20px;}
.userccount ul li{margin-bottom:10px; line-height:22px; position:relative; padding-left:20px; font-size:16px; color:#666;}
.userccount ul li:before{content:'\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; left:0; font-size:18px;}



.newuser{margin-top:30px; text-align:center; font-size:18px; color:#666;}
.newuser a{font-weight:600;}

.topsec .greentext{font-size:20px; font-weight:700; background:#84bc25; display:inline-block; padding:7px 15px; color:#fff; margin-bottom:10px;}

.userccount .greentext2{font-size:14px; line-height:22px; background:#84bc25; padding:7px 10px; color:#fff; margin-bottom:10px;}

.topsec h4{font-size:16px; color:#36b3e5; font-weight:700; margin-bottom:10px;}



.passbox{text-align:center; margin-bottom:30px;}
.passbox h4{font-size:30px; font-weight:700; margin:10px 0;}
.passbox h5{font-size:30px; font-weight:700; margin:10px 0; color:#EA0006}
.passbox img{display:inline-block;}
.passbox a{font-size:16px; font-weight:600; color:#333}
.passbox strong{font-weight:700;}
.passbox p a{color:#1d8fce;}
.btnfor{text-align:center;}
.btnfor a{background:#84bc25; color:#fff; font-size:16px; font-weight:700; padding:10px 15px; display:inline-block; margin:15px 5px;}
.btnfor a:hover{background:#333; text-decoration:none;}



.searchresult{margin:30px 0;}
.catebred{font-size:18px; font-weight:600; margin-bottom:15px;}
.catebred i{margin:0 5px;}
.catebred strong{color:#36b3e5}

.searchresult .table{border:1px solid #eee;}

.searchresult .table thead td{background: #96ca4a; color: #fff; font-size: 14px; font-weight: 600;}
.searchresult .table tfoot td{background: #eee; color: #222; font-size: 16px; font-weight: 600;}
.searchresult .table .form-control{height:auto; border-radius:0;}
.searchresult .table tfoot .disc{font-weight:400; color:#777; font-size: 14px;}
.searchresult .table tfoot .disc i{color:#96ca4a;}
.updatelink{font-weight:700; color:#fff; display:inline-block; padding:9px 12px; background:#1d8fce; margin-bottom:15px;}
.updatelink:hover{background:#333; color:#fff; text-decoration:none;}

.tutoravail{margin-bottom:0;}
.tutoravail h4{font-size:20px; margin-bottom:15px; font-weight:600;}
.tutoravail h5{font-size:16px; margin-bottom:5px; font-weight:600;}
.tutoravail .table thead td{background: #96ca4a; color: #fff; font-size: 14px; font-weight: 600;}
.tutoravail .table strong{display:block; font-size:16px; font-weight:700;}
.tutoravail .table span{color:#777;}
.tutoravail .table td{vertical-align: middle;}
.tutoravail .table td i{font-size:22px; font-weight:400;}
.tutoravail .table td i.fa-times{color:#888;}


.tutoravail .table td i.fa-check-square-o{color:#1ba6df;}
.tutoravail .table td.active{background:#FFFBA8;}
.tutoravail .institxt{margin-top:5px;}


.tutoravail textarea.form-control{height:200px; margin-top:15px; border-radius:0;}
.tutoravail .formrow{margin-top:10px;}
.tutoravail .btn, .tutoravail .btn2{background:#36b3e5; margin-top:20px; color:#fff; border-radius:0; padding:12px 30px; font-size:16px; font-weight:700; text-transform:uppercase;}
.tutoravail .btn:hover, .tutoravail .btn2:hover{background:#222;}
.tutoravail .btn2{margin-top:10px; display:inline-block;}

.largtble td{font-size:15px; font-weight:600;}

.userbtns .nav-tabs{border-bottom:none; margin-bottom:30px;}
.userbtns .nav-tabs>li{width:50%; margin-bottom:0;}
.userbtns .nav-tabs>li a{border:none; background:#eee; border-radius:0; text-align:center; font-size:18px; font-weight:600; color:#222;}
.userbtns .nav-tabs>li a:hover, .userbtns .nav-tabs>li a.active{background:#1d8fce; border:none; color:#fff;}
.userbtns .nav-tabs>li.active a:after{width: 0; height: 0;  border-left: 10px solid transparent; border-right: 10px solid transparent;  border-top: 10px solid #1d8fce; content:''; position: absolute; bottom: -10px;    left: 50%; margin-left: -5px;}

.request-tutor{padding:30px 0;}
.request-tutor h5{font-size:30px; margin-top:10px;}
.request-tutor h6{font-size:16px; font-weight:600; margin-bottom:10px;}
.request-tutor h6 span{font-size:13px; font-weight:400; color:#777; font-style:italic;}
.request-tutor p{text-align:left; margin-bottom:20px; line-height:22px;}
.infotxt2{text-align:left; margin-bottom:20px; font-size:18px; line-height:22px; color:#222}

.request-tutor .formrow .row{margin:0 -15px;}
.request-tutor .formrow .col-md-3, .request-tutor .formrow .col-md-4, .request-tutor .formrow .col-md-2 {padding: 0 15px;}
.request-tutor .formrow span{display:inline-block; margin-right:12px;}
.request-tutor .formrow span strong{font-weight:700;}
.totaltext{font-size:16px; margin-top:35px;}
.totaltext2{font-size:14px; margin-top:10px;}
.request-tutor .formrow textarea{height:350px;}

.alerttext{font-size:13px; margin-top:5px;}
.useravail{font-size:14px; font-weight:600; margin-top:10px; color:#84bc25;}
.useravail i{font-size:16px; font-weight:400;}
.errormsg{color:#FF0006; margin-top:5px;}

.successmsg{padding:30px 30px 15px 30px; text-align:center; color:#96ca4a; font-size:24px; line-height:30px; font-weight:600;}
.input-group .input-group-addon{display:table-cell !important;}

.currency .input-group-addon{width:30%;}
.currency .form-control{padding:10px; height:auto; border-radius:0;}

/* =======================
		Blog Listing
======================= */
.blogWraper{margin-bottom:40px;}
.blogList{list-style:none;}
.blogList > li{background:#fff; padding:20px; margin-bottom:30px;     border: 1px solid #e4e4e4;}
.blogList > li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.1); border-color:#ddd;}
.blogList .postimg{position:relative;}
.blogList .postimg .date{width: 60px; height: 60px; font-weight: bold; font-size: 15px; color: #fff; padding:7px 10px 0 10px; text-align: center; line-height: 20px; background: #84bc25; letter-spacing: 0.4px; outline: 3px solid #84bc25; border: 1px solid #fff; position:absolute; left:3px; top:3px; z-index:12;}

.blogWraper .tags{margin-top:15px;}
.blogWraper .tags a {font-size: 12px; color: #969595; border: 1px solid #dadada; padding: 5px 8px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: lowercase;}
.blogWraper .tags a:hover {border: 1px solid #1d8fce; background:#36b3e5; color: #fff; text-decoration:none;}


.post-header{margin-bottom:20px;}
.post-header h4 a{font-size:24px; color:#333; font-weight:600;}
.post-header h4 a:hover{color:#36b3e5;}
.postmeta{margin:10px 0 20px 0; font-size:14px;}
.postmeta span, .postmeta a{color:#043BD6;}
.blogList p{font-size:14px; line-height:24px; color:#777;}
.blogList .readmore{border-bottom: 1px dotted #36b3e5; display: inline-block; margin-top:15px; color:#000; font-weight:600; font-size:13px; padding-bottom:5px;}
.blogList .readmore:hover{text-decoration:none; color:#36b3e5;}

/* =======================
		Blog Detail
======================= */
.blogdetailbox{background:#fff; padding:20px; margin-bottom:30px; border: 1px solid #e4e4e4;}
blockquote{display: block; font-size: 16px; line-height: 24px; margin: 20px 0; padding:20px 20px 20px 60px; position:relative; border:3px solid #36b3e5; box-shadow: 0 0 12px rgba(0,0,0,0.2);}
blockquote p{font-style:italic; display:inline-block; color:#000;}
blockquote:before{color: #ddd; content: "\f10d"; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 22px; font-style: normal; left: 24px; position: absolute; top: 20px; transform: scale(-1);}
blockquote:after{color: #ddd; content: "\f10e"; display: inline-block; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-size: 22px; font-style: normal; margin: 0 0 0 8px; position: relative; top: 3px;}




/******************
	Not Found
******************/

#level{
	width:100%;
}
#content{
	text-align:center;
}
#gears{
	width:478px;
	height:655px;
	position:relative;
	display:inline-block;
	vertical-align:middle;
}
#gears-static{
	background:url(../uploads/images/gears.png) no-repeat -363px -903px;
	width:329px;
	height:602px;
	position:absolute;
	bottom:5px;
	right:0px;
	opacity:0.4;
}
#title{
	vertical-align:middle;
	color:#333;
	width:43%;
	display:inline-block;
}
#title h1{
	font-size:48px; font-weight:600;
}
#title p{
	font-size:1.2em;
	line-height:148%;
	text-shadow:rgba(0, 0, 0, 0.36) 1px 1px 0px;
}

.shadow{
	-webkit-box-shadow: 4px 5px 25px 4px rgba(43, 36, 0, 0.36);
	-moz-box-shadow: 4px 5px 25px 4px rgba(43, 36, 0, 0.36);
	box-shadow: 4px 5px 25px 4px rgba(43, 36, 0, 0.36);
}

/*gear-system-1*/
#gear15{
	background: url(../images/gears.png) no-repeat 0 -993px; 
	width: 321px; 
	height: 321px;
	position:absolute;
	left:45px;
	top:179px;
	
	-webkit-animation: rotate-back 24000ms linear infinite;
	-moz-animation: rotate-back 24000ms linear infinite;
	-ms-animation: rotate-back 24000ms linear infinite;
	animation: rotate-back 24000ms linear infinite;
}
#shadow15{
	width:306px;
	height:306px;
	-webkit-border-radius:153px;
	-moz-border-radius:153px;
	border-radius:153px;
	position:absolute;
	left:52px;
	top:186px;
}
#gear14{
	background: url(../images/gears.png) no-repeat 0 -856px; 
	width: 87px; 
	height: 87px;
	position:absolute;
	left:162px;
	top:296px;
}
#shadow14{
	width:70px;
	height:70px;
	-webkit-border-radius:35px;
	-moz-border-radius:35px;
	border-radius:35px;
	position:absolute;
	left:171px;
	top:304px;
}
#gear13{
	background: url(../images/gears.png) no-repeat 0 -744px; 
	width: 62px; 
	height: 62px; 
	position:absolute;
	left:174px;
	top:309px;
	
	-webkit-animation: rotate 8000ms linear infinite;
	-moz-animation: rotate 8000ms linear infinite;
	-ms-animation: rotate 8000ms linear infinite;
	animation: rotate 8000ms linear infinite;
}
#shadow13{
	width:36px;
	height:36px;
	-webkit-border-radius:18px;
	-moz-border-radius:18px;
	border-radius:18px;
	position:absolute;
	left:187px;
	top:322px;
}

/*gear-system-2*/
#gear10{
	background: url(../images/gears.png) no-repeat 0 -184px;
	width: 122px; 
	height: 122px;
	position:absolute;
	left:175px;
	top:0;
	
	-webkit-animation: rotate-back 8000ms linear infinite;
	-moz-animation: rotate-back 8000ms linear infinite;
	-ms-animation: rotate-back 8000ms linear infinite;
	animation: rotate-back 8000ms linear infinite;
}
#shadow10{
	width:86px;
	height:86px;
	-webkit-border-radius:43px;
	-moz-border-radius:43px;
	border-radius:43px;
	position:absolute;
	left:193px;
	top:18px;
}
#gear3{
	background: url(../images/gears.png) no-repeat 0 -1493px;
	width: 85px; 
	height: 84px;
	position:absolute;
	left:194px;
	top:19px;
	
	-webkit-animation: rotate 10000ms linear infinite;
	-moz-animation: rotate 10000ms linear infinite;
	-ms-animation: rotate 10000ms linear infinite;
	animation: rotate 10000ms linear infinite;
}
#shadow3{
	width:60px;
	height:60px;
	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	border-radius:30px;
	position:absolute;
	left:206px;
	top:31px;
}

/*gear-system-3*/
#gear9{
	background: url(../images/gears.png) no-repeat -371px -280px; 
	width: 234px; 
	height: 234px;
	position:absolute;
	left:197px;
	top:96px;
	
	-webkit-animation: rotate 12000ms linear infinite;
	-moz-animation: rotate 12000ms linear infinite;
	-ms-animation: rotate 12000ms linear infinite;
	animation: rotate 12000ms linear infinite;
}
#shadow9{
	width:200px;
	height:200px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
	border-radius:100px;
	position:absolute;
	left:214px;
	top:113px;
}
#gear7{
	background: url(../images/gears.png) no-repeat -371px 0; 
	width: 108px; 
	height: 108px;
	position:absolute;
	left:260px;
	top:159px;
	
	-webkit-animation: rotate-back 10000ms linear infinite;
	-moz-animation: rotate-back 10000ms linear infinite;
	-ms-animation: rotate-back 10000ms linear infinite;
	animation: rotate-back 10000ms linear infinite;
}
#shadow7{
	width:76px;
	height:76px;
	-webkit-border-radius:38px;
	-moz-border-radius: 38px;
	border-radius: 38px;
	position:absolute;
	left:276px;
	top:175px;
}

/*gear-system-4*/
#gear6{
	background: url(../images/gears.png) no-repeat 0 -1931px; 
	width: 134px; 
	height: 134px;
	position:absolute;
	left:305px;
	bottom:212px;
	
	-webkit-animation: rotate-back 10000ms linear infinite;
	-moz-animation: rotate-back 10000ms linear infinite;
	-ms-animation: rotate-back 10000ms linear infinite;
	animation: rotate-back 10000ms linear infinite;
}
#shadow6{
	width:98px;
	height:98px;
	-webkit-border-radius:49px;
	-moz-border-radius: 49px;
	border-radius: 49px;
	position:absolute;
	left:323px;
	bottom:230px;
}
#gear4{
	background: url(../images/gears.png) no-repeat 0 -1627px; 
	width: 69px; 
	height: 69px;
	position:absolute;
	left:337px;
	bottom:245px;
	
	-webkit-animation: rotate-back 10000ms linear infinite;
	-moz-animation: rotate-back 10000ms linear infinite;
	-ms-animation: rotate-back 10000ms linear infinite;
	animation: rotate-back 10000ms linear infinite;
}

/*gear-system-5*/
#gear12{
	background: url(../images/gears.png) no-repeat 0 -530px; 
	width: 164px; 
	height: 164px;
	position:absolute;
	left:208px;
	bottom:85px;
	
	-webkit-animation: rotate 8000ms linear infinite;
	-moz-animation: rotate 8000ms linear infinite;
	-ms-animation: rotate 8000ms linear infinite;
	animation: rotate 8000ms linear infinite;
}
#shadow12{
	width:124px;
	height:124px;
	-webkit-border-radius:62px;
	-moz-border-radius:62px;
	border-radius:62px;
	position:absolute;
	left:225px;
	bottom:107px;
}
#gear11{
	background: url(../images/gears.png) no-repeat 0 -356px; 
	width: 125px; 
	height: 124px;
	position:absolute;
	left:228px;
	bottom:105px;
	
	-webkit-animation: rotate-back 10000ms linear infinite;
	-moz-animation: rotate-back 10000ms linear infinite;
	-ms-animation: rotate-back 10000ms linear infinite;
	animation: rotate-back 10000ms linear infinite;
}
#shadow11{
	width:88px;
	height:88px;
	-webkit-border-radius:44px;
	-moz-border-radius:44px;
	border-radius:44px;
	position:absolute;
	left:247px;
	bottom:123px;
}
#gear8{
	background: url(../images/gears.png) no-repeat -371px -158px; 
	width: 72px; 
	height: 72px;
	position:absolute;
	left:254px;
	bottom:131px;
	
	-webkit-animation: rotate 6000ms linear infinite;
	-moz-animation: rotate 6000ms linear infinite;
	-ms-animation: rotate 6000ms linear infinite;
	animation: rotate 6000ms linear infinite;
}
#shadow8{
	width:42px;
	height:42px;
	-webkit-border-radius:21px;
	-moz-border-radius: 21px;
	border-radius: 21px;
	position:absolute;
	left:269px;
	bottom:146px;
}

/*gear1*/
#gear1{
	background: url(../images/gears.png) no-repeat 0 0; 
	width: 135px; 
	height: 134px;
	position:absolute;
	left:83px;
	bottom:111px;
	
	-webkit-animation: rotate-back 10000ms linear infinite;
	-moz-animation: rotate-back 10000ms linear infinite;
	-ms-animation: rotate-back 10000ms linear infinite;
	animation: rotate-back 10000ms linear infinite;
}
#shadow1{
	width:96px;
	height:96px;
	-webkit-border-radius:48px;
	-moz-border-radius:48px;
	border-radius:48px;
	position:absolute;
	left:103px;
	bottom:130px;
}

/*gear-system-6*/
#gear5{
	background: url(../images/gears.png) no-repeat 0 -1746px; 
	width: 134px; 
	height: 135px;
	position:absolute;
	left:22px;
	top:108px;
	
	-webkit-animation: rotate 10000ms linear infinite alternate;
	-moz-animation: rotate 10000ms linear infinite alternate;
	-ms-animation: rotate 10000ms linear infinite alternate;
	animation: rotate 10000ms linear infinite alternate;
}
#shadow5{
	width:96px;
	height:96px;
	-webkit-border-radius:48px;
	-moz-border-radius:48px;
	border-radius:48px;
	position:absolute;
	left:41px;
	top:127px;
}
#gear2{
	background: url(../images/gears.png) no-repeat 0 -1364px; 
	width: 80px; 
	height: 79px;
	position:absolute;
	left:49px;
	top:136px;
	
	-webkit-animation: rotate-back 10000ms linear infinite alternate;
	-moz-animation: rotate-back 10000ms linear infinite alternate;
	-ms-animation: rotate-back 10000ms linear infinite alternate;
	animation: rotate-back 10000ms linear infinite alternate;
}

/*weight*/
#weight{
	background: url(../images/gears.png) no-repeat -371px -564px; 
	width: 34px; 
	height: 92px;
	position:absolute;
	left:1px;
	bottom:0;
	
	-webkit-animation: up 10000ms linear infinite alternate;
	-moz-animation: up 10000ms linear infinite alternate;
	-ms-animation: up 10000ms linear infinite alternate;
	animation: up 10000ms linear infinite alternate;
}
#shadowweight{
	width:10px;
	height:80px;
	position:absolute;
	left:12px;
	bottom:0px;	
	-webkit-animation: up 10000ms linear infinite alternate;
	-moz-animation: up 10000ms linear infinite alternate;
	-ms-animation: up 10000ms linear infinite alternate;
	animation: up 10000ms linear infinite alternate;
}

/*chain*/
#chain-circle{
	background: url(../images/gears.png) no-repeat -371px -706px; 
	width:146px; 
	height:147px;
	position:absolute;
	left:17px;
	top:102px;
	
	-webkit-animation: rotate 10000ms linear infinite alternate;
	-moz-animation: rotate 10000ms linear infinite alternate;
	-ms-animation: rotate 10000ms linear infinite alternate;
	animation: rotate 10000ms linear infinite alternate;
}
#chain{
	width:1px;
	height:380px;
	border-left:2px dotted #C8D94A;
	position:absolute;
	left:17px;
	top:175px;
	opacity:0.7;
	
	-webkit-animation: collapse 10000ms linear infinite alternate;
	-moz-animation: collapse 10000ms linear infinite alternate;
	-ms-animation: collapse 10000ms linear infinite alternate;
	animation: collapse 10000ms linear infinite alternate;
}

/*ANIMATIONS*/
/*rotate*/
@keyframes "rotate" {
 from {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
 to {
    -webkit-transform: rotate(360deg);
   	-moz-transform: rotate(360deg);
   	-o-transform: rotate(360deg);
   	-ms-transform: rotate(360deg);
   	transform: rotate(360deg);
 }
}

@-moz-keyframes rotate {
 from {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -moz-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}

@-webkit-keyframes "rotate" {
 from {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}

@-ms-keyframes "rotate" {
 from {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -ms-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}

@-o-keyframes "rotate" {
 from {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -o-transform: rotate(360deg);
   transform: rotate(360deg);
 }
}
/*rotate-back*/
@keyframes "rotate-back" {
 from {
    -webkit-transform: rotate(0deg);
   	-moz-transform: rotate(0deg);
   	-o-transform: rotate(0deg);
   	-ms-transform: rotate(0deg);
   	transform: rotate(0deg);
 }
 to {
    -webkit-transform: rotate(-360deg);
   	-moz-transform: rotate(-360deg);
   	-o-transform: rotate(-360deg);
   	-ms-transform: rotate(-360deg);
   	transform: rotate(-360deg);
 }
}

@-moz-keyframes rotate-back {
 from {
   -moz-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -moz-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}

@-webkit-keyframes "rotate-back" {
 from {
   -webkit-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -webkit-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}

@-ms-keyframes "rotate-back" {
 from {
   -ms-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -ms-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}

@-o-keyframes "rotate-back" {
 from {
   -o-transform: rotate(0deg);
   transform: rotate(0deg);
 }
 to {
   -o-transform: rotate(-360deg);
   transform: rotate(-360deg);
 }
}
/*weight up*/
@keyframes "up" {
 from {
    bottom: 0px;
 }
 to {
    bottom: 340px;
 }
}

@-moz-keyframes up {
 from {
   bottom: 0px;
 }
 to {
   bottom: 340px;
 }
}

@-webkit-keyframes "up" {
 from {
   bottom: 0px;
 }
 to {
   bottom: 340px;
 }
}

@-ms-keyframes "up" {
 from {
   bottom: 0px;
 }
 to {
   bottom: 340px;
 }
}

@-o-keyframes "up" {
 from {
   bottom: 0px;
 }
 to {
   bottom: 340px;
 }
}
/*chain up and down*/
@keyframes "collapse" {
 from {
    height: 387px;
 }
 to {
    height: 48px;
 }
}

@-moz-keyframes collapse {
 from {
   height: 387px;
 }
 to {
   height: 48px;
 }
}

@-webkit-keyframes "collapse" {
 from {
   height: 387px;
 }
 to {
   height: 48px;
 }
}

@-ms-keyframes "collapse" {
 from {
   height: 387px;
 }
 to {
   height: 48px;
 }
}

@-o-keyframes "collapse" {
 from {
   height: 387px;
 }
 to {
   height: 48px;
 }
}


/********************
	404 Page
******************/
.errorpage{text-align:center; margin-bottom:50px}
.errorpage h1{font-size:150px; font-weight:700; color:#ccc;}
.errorpage h2{font-size:50px; font-weight:700; color:#888;}
.errorpage p{font-size:24px; font-weight:700; color:#555; margin-top:10px}
.errorpage .bakbtn{background:#84bc25; font-weight:600; color:#fff; border-radius:0; padding:10px 20px; margin-top:20px; display:inline-block}

.illustration{
	position: relative;
	max-width: 947px;
	min-height: 437px;
	display: block;
	margin:0 auto; margin-bottom:30px;
}

.illustration .island{
	background: url(../images/island.png) no-repeat;
	width: 947px;
	height: 437px;
	position: absolute;
	z-index: 0;
	background-position: center;
	background-size: 100%;
}

.illustration .char{
	background: url(../images/char.png) no-repeat;
	background-size: 100%;
	width: 177px;
	height: 306px;
	display: inline-block;
	z-index: 2;
	position: absolute;
	top: 100px;
	left: 430px;
}

.illustration .hand{
	background: url(../images/hand.png) no-repeat;
	width: 133px;
	height: 74px;
	background-size: 100%;
	display: inline-block;
	z-index: 1;
	position: absolute;
	top: 150px;
	left: 560px;
	-moz-animation: 1s ease 0s normal none infinite hand;
  -moz-transform-origin: 0% 80%;
  -webkit-animation:hand 1s infinite ease-in-out;
  -webkit-transform-origin:0% 80%;
  -o-animation: 1s ease 0s normal none infinite hand;
  -o-transform-origin: 0% 80%;
  -o-animation:hand 1s infinite ease-in-out;
  -o-transform-origin:0% 80%;
  -ms-animation: 1s ease 0s normal none infinite hand;
  -ms-transform-origin: 0% 80%;
  -ms-animation:hand 1s infinite ease-in-out;
  -ms-transform-origin: 0% 80%;
  animation: 1s ease 0s normal none infinite hand;
  transform-origin: 0% 80%;
  animation:hand 1s infinite ease-in-out;
  transform-origin: 0% 80%;
}
@-moz-keyframes hand {
0%{-moz-transform:rotate(-4deg)}
50%{-moz-transform:rotate(4deg)}
100%{-moz-transform:rotate(-4deg)}
}

@-webkit-keyframes hand {
0%{-webkit-transform:rotate(-4deg)}
50%{-webkit-transform:rotate(4deg)}
100%{-webkit-transform:rotate(-4deg)}
}

@-o-keyframes hand {
0%{-o-transform:rotate(-4deg)}
50%{-o-transform:rotate(4deg)}
100%{-o-transform:rotate(-4deg)}
}

@-ms-keyframes hand {
0%{-ms-transform:rotate(-4deg)}
50%{-ms-transform:rotate(4deg)}
100%{-ms-transform:rotate(-4deg)}
}

@keyframes hand {
0%{transform:rotate(-4deg)}
50%{transform:rotate(4deg)}
100%{transform:rotate(-4deg)}
}


/*Student Form*/
.searchWrap{background:#eee; padding:25px; margin-bottom:40px;}
.searchWrap h2{font-size:24px; font-weight:700;}
.searchWrap .form-control{border-radius:0; height:auto; padding:9px 10px; margin-top:15px;}
.searchWrap .btn{border-radius:0; background:#84bc25; width:100%; font-weight:700; color:#fff; text-transform:uppercase; padding:9px 15px; margin-top:15px;}
.searchwrap h4{font-size:24px; color:#fff; margin-top:20px; text-align:center;}

.searchWrap.paddingtop{padding-top:10px;}

.toppageText{margin-bottom:30px;}
.toppageText h1{font-size:24px; font-weight:700; margin-bottom:10px;}


.studentsbJobs li{border:1px solid #ddd; padding:15px; margin-bottom:30px; line-height:20px;}
.studentsbJobs li .jobtitle a{font-size:18px; margin:10px 0; font-weight:700; color:#84bc25; display:block;}
.studentsbJobs li .userthumb{margin-bottom:10px;}
.studentsbJobs li:hover{background:#f9f9f9; border-bottom-color:#84bc25;}
.studentsbJobs li strong{font-weight:700;}
.studentsbJobs li strong.open{color:#84bc25;}
.studentsbJobs li strong.end{color:#FF0006;}
.studentsbJobs li p{margin-top:15px; font-size:16px;}
.studentsbJobs li .links{margin-top:15px;}
.studentsbJobs li .links span{display:inline-block; margin-right:15px;}
.studentsbJobs li .btn{background:#1d8fce; color:#fff; border-radius:0; margin-right:10px; font-weight:600;}
.studentsbJobs li .btn:hover{background:#333;}
.studentsbJobs li .comments .media-list li{margin-top:0; margin-bottom:0;}
.studentsbJobs li .comments .media-list li:hover{background:#fff;}

/*Articles*/
.articleWrap{margin-top:30px;}
.articleWrap .addlink{font-size:16px; color:#444; font-weight:700;}
.articleWrap .addlink i{font-weight:400; color:#84bc25}
.articleWrap h2{font-size:24px; font-weight:600; display:inline-block; margin-right:15px;}

.articleWrap .table{margin-top:30px;}
.articleWrap .table thead td{background: #333; color: #fff; font-size: 16px; font-weight: 600;}
.articleWrap .table a{font-size:14px; color:#1d8fce;}
.articleWrap .table .act{font-size:20px; color:#1d8fce; display:inline-block; margin:0 5px;}


/*Left user Nav*/
.useracwrap{background:#1d8fce; padding:15px;}
.useracwrap ul li{}
.useracwrap ul li a{display:block; color:#fff; border-bottom:1px solid rgba(255,255,255,0.2); padding:10px 0; font-weight:600; text-transform:uppercase;}
.useracwrap ul li a:before{font-family: 'Font Awesome 5 Free'; font-weight: 900; content:'\f0da'; margin-right:10px; font-weight:400;}
.useracwrap ul li a:hover{text-decoration:none; padding-left:5px;}
.useracwrap ul li:last-child a{border-bottom:none;}


/*Steps*/
.tut-steps{position:relative; padding-bottom:40px;}
/*Form Wizard*/
.bs-wizard {border-bottom: solid 1px #e0e0e0; padding: 0 0 10px 0;}
.bs-wizard > .bs-wizard-step {padding: 0; position: relative;}
.bs-wizard > .bs-wizard-step + .bs-wizard-step {}
.bs-wizard > .bs-wizard-step .bs-wizard-stepnum {color: #595959; font-size: 16px; margin-bottom: 5px;}
.bs-wizard > .bs-wizard-step .bs-wizard-info {color: #999; font-size: 14px; font-weight:600;}
.bs-wizard > .bs-wizard-step .bs-wizard-info.green{color:#84bc25;}
.bs-wizard > .bs-wizard-step > .bs-wizard-dot {position: absolute; width: 30px; height: 30px; display: block; background: #84bc25; top: 24px; left: 50%; margin-top: -15px; margin-left: -15px; border-radius: 50%;} 
.bs-wizard > .bs-wizard-step > .bs-wizard-dot:after {content: ' '; width: 14px; height: 14px; background: #a4e830; border-radius: 50px; position: absolute; top: 8px; left: 8px; } 
.bs-wizard > .bs-wizard-step > .progress {position: relative; border-radius: 0px; height: 8px; box-shadow: none; margin: 20px 0;}
.bs-wizard > .bs-wizard-step > .progress > .progress-bar {width:0px; box-shadow: none; background: #84bc25;}
.bs-wizard > .bs-wizard-step.complete > .progress > .progress-bar {width:100%;}
.bs-wizard > .bs-wizard-step.active > .progress > .progress-bar {width:50%;}
.bs-wizard > .bs-wizard-step:first-child.active > .progress > .progress-bar {width:0%;}
.bs-wizard > .bs-wizard-step:last-child.active > .progress > .progress-bar {width: 100%;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot {background-color: #f5f5f5;}
.bs-wizard > .bs-wizard-step.disabled > .bs-wizard-dot:after {opacity: 0;}
.bs-wizard > .bs-wizard-step:first-child  > .progress {left: 50%; width: 50%;}
.bs-wizard > .bs-wizard-step:last-child  > .progress {width: 50%;}
.bs-wizard > .bs-wizard-step.disabled a.bs-wizard-dot{ pointer-events: none; }
/*END Form Wizard*/

.altert-box{padding:20px; margin:20px 0; background:#fff2db; border:1px solid #f9d999; color:#000; font-size:18px; font-weight:700; text-align:center; line-height:24px;}

.redtext{font-size:14px; font-weight:400; color:#FF0D13; margin-top:12px;}

/*Request List*/
.repRequest{margin-top:30px;}
.reqList > li{border:1px solid #ddd; margin-bottom:30px;}
.reqList li .titlebox{margin-bottom:10px;}
.reqList li .titlebox a{font-size:24px; font-weight:600;}
.reqList li .titlebox span{float:right; font-weight:700; color:#1d8fce;}
.reqList li .titlebox span a{font-size:13px;}
.reqList li .titlebox strong{color:#1d8fce; font-weight:700;}
.reqList li .titlebox .marktext{float:right; font-weight:600; color:#84bc25; font-size:14px;}
.reqList li .price{font-size:18px; font-weight:700; margin-top:10px;}

.reqList li .repWrap{padding:15px;}
.reqList li .miles{font-size:16px;}
.reqList li .miles span{color:#FF0D13;}
.reqList li .area{font-size:16px; font-weight:600; color:#1d8fce; margin-top:12px;}
.reqList li .greentext{font-size:16px; color:#84bc25; margin-top:12px;}
.reqList li .redtext{font-size:16px; font-weight:600; color:#FF0D13; margin-top:12px;}
.reqList li .repbuttons{margin-top:15px;}
.reqList li .repbuttons .btn{background:#1d8fce; color:#fff; margin-bottom:5px; border-radius:0; font-weight:600; padding:8px; font-size:13px; display:inline-block; width:auto}
.reqList li .repbuttons .btn.release{background:#ddd; color:#000;}
.reqList li .repbuttons .btn.report{background:#FF0D13;}
.reqList li .repbuttons .btn:hover{background:#444;}
.reqList li .rephir{}
.reqList li .rephir li{background:#eef9ff; padding:15px; border-top:1px solid #ddd;}
.reqList li .rephir li.rep{background:#fafff2; border-left:5px solid #D2F18B; padding-left:30px;}
.reqList li .rephir li strong{font-weight:700; font-size:16px;}
.reqList li .rephir li i{font-style:italic;}

.reqList li .detailbox{padding:0; margin:0; background:none; box-shadow:none; border:none}
.reqList li .detailbox ul li{margin:5px 0;}
.reqList li .comments{margin-top:0;}
.reqList li .comments .media-list{margin:0;}
.reqList li .comments .media-list li{border:none; background:#eef9ff; margin-top:1px;}
.reqList li .comments .media-list li.rep{background:#fafff2;}
.reqList li .comments .btn.raply{background:#ccc;}
.reqList li .commnetsfrm{border-top:1px solid #ddd;}
.commnetsfrm h4{font-size:18px;}

.subscribe{background:#555; padding:15px; margin-bottom:40px; text-align:center; color:#ccc; font-size:18px; margin-top:30px;}
.subscribe a{color:#a8d815; font-size:18px; text-decoration:underline;}


/******************************
	Jobs Home Page
******************************/
.section {
	padding: 50px 0;
	overflow: hidden;
}
.greybg {
	background: #f6f6f6;
}
/*Section Title*/
.titleTop {
	text-align: center;
	margin-bottom: 30px;
}
.titleTop .subtitle {
	font-size: 24px;
	font-weight: 600;
	color: #888;
}
.titleTop h3 {
	font-size: 48px;
	font-weight: 500;
	color: #000;
}
.titleTop h3 span {
	color: #00a2ff;
	font-weight: 200;
}


/*Top Search*/
.searchwrap {
	background: url(../images/search-bg.jpg) no-repeat;
	background-size: cover;
	padding: 50px 0;
}
.searchwrap h3 {
	text-align: center;
	font-size: 36px;
	color: #fff;
}
.searchwrap h3 span {
	display: block;
}
.searchbar {
	margin-top: 40px;
	background:rgba(0,0,0,0.3); padding:20px; border:1px solid rgba(255,255,255,0.2); text-align:left;
}
.searchbar div {
	padding: 0 1px;
	margin:0;
}
.searchbar div label{font-size:16px; color:#fff; display:block; margin-bottom:10px; font-weight:600;}
.searchbar div label i{color:#84bc25; margin-right:5px;}
.searchbar .form-control {
	height: 50px;
	border-radius: 0;
	padding: 13px 15px;
	border: none;
	font-size: 18px;
	margin-bottom:10px;
}

.searchbar .btn {
	background: #00a2ff;
	border-radius: 0;
	color: #fff;
	border: none;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 700;
	padding: 14px 20px;
	width:100%;
	margin-top: 26px;
}

.searchbar .moreopt{background:#000; color:#fff; display:inline-block; padding:10px 15px;}
.searchbar .morebox{padding:15px; background:#000; display:none;}
.searchbar .morebox label{font-size:14px;}

.topsearchbtn {
	text-align: center;
	margin-top: 30px;
	margin-bottom:50px;
}
/*.getstarted a {
	display: inline-block;
	border: 1px solid #fff;
	padding: 12px 25px;
	color: #fff;
	font-size: 18px;
	font-weight: 700;
	background: #00a2ff;
	    box-shadow: #046fa0 -9px 9px 0px;
		position:relative;
}*/
.topsearchbtn a i {
	margin-right: 10px;
}

.topsearchbtn a {
	position: relative;
    color: rgba(255,255,255,1);
    text-decoration: none;
    background-color: rgb(0, 162, 255);
    font-weight: 700;
    font-size: 20px;
    display: inline-block;
    padding: 10px 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 7px 0px rgb(5, 127, 197), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 7px 0px rgb(5, 127, 197), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 7px 0px rgb(5, 127, 197), 0px 9px 25px rgba(0,0,0,.7);
    margin: 0px 15px;
	text-align: center;	
	-webkit-transition: all .1s ease;
	-moz-transition: all .1s ease;
	-ms-transition: all .1s ease;
	-o-transition: all .1s ease;
	transition: all .1s ease;
	border:none; text-transform:uppercase; text-align:center;
}

.topsearchbtn a.green{background:#84bc25;
 -webkit-box-shadow: 0px 7px 0px rgb(105, 156, 18), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 7px 0px rgb(105, 156, 18), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 7px 0px rgb(105, 156, 18), 0px 9px 25px rgba(0,0,0,.7);
}

.topsearchbtn a.greybg{background:#eee;
 -webkit-box-shadow: 0px 7px 0px rgb(221, 221, 221), 0px 9px 25px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 7px 0px rgb(221, 221, 221), 0px 9px 25px rgba(0,0,0,.7);
    box-shadow: 0px 7px 0px rgb(221, 221, 221), 0px 9px 25px rgba(0,0,0,.7);
	color:#555;
}


.topsearchbtn a:active {
    -webkit-box-shadow: 0px 3px 0px rgb(0, 162, 255), 0px 3px 6px rgba(0,0,0,.9);
    -moz-box-shadow: 0px 3px 0px rgb(0, 162, 255), 0px 3px 6px rgba(0,0,0,.9);
    box-shadow: 0px 3px 0px rgb(0, 162, 255), 0px 3px 6px rgba(0,0,0,.9);
    position: relative;
    top: 6px;
}

.topsearchbtn a.green:active{-webkit-box-shadow: 0px 3px 0px rgb(105, 156, 18), 0px 3px 6px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 3px 0px rgb(105, 156, 18), 0px 3px 6px rgba(0,0,0,.7);
    box-shadow: 0px 3px 0px rgb(105, 156, 18), 0px 3px 6px rgba(0,0,0,.7);position: relative;
    top: 6px;}
	
	
	.topsearchbtn a.greybg:active{-webkit-box-shadow: 0px 3px 0px rgb(221, 221, 221), 0px 3px 6px rgba(0,0,0,.7);
    -moz-box-shadow: 0px 3px 0px rgb(221, 221, 221), 0px 3px 6px rgba(0,0,0,.7);
    box-shadow: 0px 3px 0px rgb(221, 221, 221), 0px 3px 6px rgba(0,0,0,.7);position: relative;
    top: 6px;}
	

.topsearchbtn a span{display:block; font-size:14px;}


.alphaemp{margin-bottom:30px; background:#eee; border:1px solid #ddd; padding:15px;}
.alphaemp h4{color:#444; text-align:center; font-size:24px; font-weight:700; margin-top:10px;}
.alphaemp .search-companies-az{list-style:none; margin-top:20px; text-align:center;}
.alphaemp .search-companies-az li{display:inline;}
.alphaemp .search-companies-az li a{padding: 9px 8px; font-weight:600; margin:4px 2px; text-decoration: none; text-align: center; background: #ccc; color: #333; display:inline-block;}
.alphaemp .search-companies-az li a:hover{color:#fff; background:#84bc25;}


.hirepeople h3{font-size:24px; font-weight:700; margin-bottom:30px;}
.hirepeople p{font-size:14px; line-height:24px;}
.hirepeople ul{margin:20px 0 0 0;}
.hirepeople ul li{font-size:14px; font-weight:600; margin-bottom:10px; position:relative; padding-left:17px;}
.hirepeople ul li:before {
	position: absolute;
	left: 0;
	content: '\f0da';
	font-family: 'Font Awesome 5 Free'; font-weight: 900;
	font-weight: 400;
}

.hirepeople .viewallbtn{text-align:left;}

/*Top Employers*/
.employerList {
	margin: 0 -15px;
}
.employerList:after {
	display: table;
	clear: both;
	content: '';
}
.employerList li {
	padding: 15px;
	width:145px;
	float:left;
}
.employerList li strong{display:block; text-align:center; padding:5px 10px; color:#333;}
.employerList li a:hover{text-decoration:none;}

.employerList li img {
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
	border:1px solid #ddd;
}
.employerList li img:hover {
	box-shadow: 0 0 10px rgba(0,0,0,0.3)
}

.viewmore{text-align:center; margin-top:20px;}
.viewmore a{font-size:18px; color:#1ba6df;}

/*Popular search*/
.topsearchwrap {
}
.topsearchwrap h4 {
	background: #1d8fce;
	margin-bottom: 15px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	padding: 12px 20px;
	text-transform: uppercase;
}
.topsearchwrap h5 {
	background: #333;
	margin-bottom: 15px;
	color: #fff;
	font-size: 30px;
	font-weight: 700;
	padding: 12px 20px;
	text-transform: uppercase;
}
.catelist li a {
	display: block;
	margin: 10px 0;
	position: relative;
	padding-left: 15px;
	color: #000;
	font-weight: 600
}
.catelist li a:hover {
	color: #00a2ff;
}
.catelist li a:before {
	position: absolute;
	left: 0;
	content: '\f0da';
	font-family: 'Font Awesome 5 Free'; font-weight: 900;
	font-weight: 400;
}
.catelist li span {
	color: #00a2ff;
}

.jobslist {
	list-style: none
}
.jobslist li {
	margin-top: 30px;
}
.jobslist li .jobint {
	background: #fff;
	padding: 15px;
	border: 1px solid #e3e3e3;
	transition: 0.4s ease-in-out;
	-webkit-transition: 0.4s ease-in-out;
	-ms-transition: 0.4s ease-in-out;
	-moz-transition: 0.4s ease-in-out;
}
.jobslist li .jobint:hover {	
	box-shadow: 0 0 20px rgba(0,0,0,0.1);
	border-color: #00a2ff
}
.jobslist li .col-md-7, .jobslist li .col-md-9 {
	padding-left: 0;
}
.jobslist li h4 a {
	font-size: 18px;
	color: #000;
	font-weight: 700;
}
.jobslist li h4 a:hover {
	color: #00a2ff;
}
.jobslist li .company {
	color: #999;
	padding: 7px 0
}
.jobslist li .company a {
	color: #00a2ff;
}
.jobslist li .jobloc {
	color: #000;
}
.jobslist li .jobloc span {
	color: #999;
}
.jobslist li .applybtn {
	background: #00a2ff;
	display: inline-block;
	color: #fff;
	font-weight: 600;
	padding: 9px 15px;
	margin-top: 20px;
}
.jobslist li .applybtn:hover {
	background: #333;
	text-decoration: none;
}



.sectorlist{list-style:none;}
.sectorlist li .secicon{background:#1d8fce; min-height:160px; text-align:center; padding-top:40px; color:#fff;}
.sectorlist li .secicon strong{display:block; font-size:24px; font-weight:700; font-family: 'Roboto', sans-serif; margin-top:10px;}
.sectorlist li .secicon i{font-size:48px;}
.sectorlist li li{margin-top:15px;}
.sectorlist li li a{color:#1d8fce;}
.sectorlist li li span{color:#444;}
.sectorlist li .cityname{background:#1d8fce; font-size:22px; font-weight:700; color:#fff; padding:10px 15px; font-family: 'Roboto', sans-serif;}
.sectorlist li ul ul{margin-left:20px;}




.allcities{padding:50px 0;}
.citybox{margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #eee;}
.citybox h4{margin-bottom:15px; font-size:30px;}
.citybox h4 a{font-size:30px;}
.citybox ul li{margin-top:15px;}
.citybox ul li a{color:#777;}
.citybox ul li span{color:#84bc25;}


.coursebox{border:1px solid #ddd; padding:0; margin-bottom:30px}
.coursebox .crsint{padding:25px;}
.coursebox h4{margin-bottom:10px; font-size:24px; font-weight:600; color:#555}
.coursebox .crsint ul li{margin-top:20px;}
.coursebox .crsint ul li:before{content:'\f0da'; font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right:10px;}
.coursebox .crsint ul li a{color:#1d8fce; font-weight:600}
.coursebox .crsint ul li span{color:#84bc25;}
.coursebox .viewmore{border-top:1px solid #ddd; padding:15px; color:#444; font-weight:700; display:block; text-align:center;}
.coursebox .viewmore:hover{text-decoration:none; background:#f6f6f6;}


.titlesearch ul li{margin-top:15px; margin-bottom:15px;}
.titlesearch ul li a{color:#00a2ff; display:block; border:1px solid #eee; padding:15px; font-weight:700;}
.titlesearch ul li a:hover{background:#f8f8f8; text-decoration:none; color:#555;}

/*app box*/
.appwraper {
	background: url(../images/app-bg.jpg) no-repeat top;
	background-size: cover;
	padding-top: 70px;
	background-attachment: fixed;
}
.appimg {
	text-align: center;
}
.appimg img {
	display: block;
}
.appwraper .titleTop {
	text-align: left;
	margin-bottom: 10px;
}
.appwraper .subtitle {
	color: #fff;
}
.appwraper .titleTop h3 {
	color: #fff;
	text-transform: uppercase;
	margin-top: 5px;
}
.appwraper .subtitle2 {
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
	color: #fff;
}
.appwraper p {
	color: #fff;
	line-height: 24px;
}
.appwraper .appbtn {
	margin-top: 45px;
	margin-bottom: 30px
}
.appwraper .appbtn a {
	display: inline-block;
	margin-right: 10px;
}



/*Job Detail*/
.job-header {
	background: #fff;
	border: 1px solid #e4e4e4;
	margin-bottom: 30px;
}
.job-header.grey{background:#f7f7f7;}

.job-header .jobinfo {
	padding: 25px;
	border-bottom: 1px solid #e4e4e4;
	position:relative;
}
.job-header .ribbon {
    position: absolute;
    right: 0px;
    top: 0px;
}

.job-header .jobinfo:hover{background:#f7f7f7;}
.job-header .jobinfo h2 {
	font-size: 24px;
	color: #444;
}
.job-header .jobinfo .ptext {
	color: #999;
	margin: 12px 0;
}
.job-header .jobinfo .salary {
	font-size: 16px;
	font-weight: 700;
	color: #888;
}
.job-header .jobinfo .salary strong {
	color: #000;
}
.job-header .jobinfo .companyinfo {
	text-align: right;
}
.job-header .jobinfo .companyinfo .companylogo {
	float: right;
	width: 150px;
	background: #fff;
	margin-left: 20px;
	border: 5px solid #eee;
}
.job-header .jobinfo .companyinfo .companylogo img{display:block;}
.job-header .jobinfo .companyinfo .title a {
	font-size: 18px;
	font-weight: 600;
	color: #1d8fce;
}
.job-header .jobinfo .companyinfo .opening a {
	color: #333;
}
.job-header .contentbox {
	padding: 35px;
}
.job-header .contentbox h3 {
	font-size: 24px;
	font-weight: 700;
	color: #1d8fce;
	margin-bottom: 10px;
}
.job-header .contentbox h4{font-size:18px; color:#222; font-weight:700;}
.job-header .contentbox p {
	line-height: 24px;
	color: #555;
	margin-bottom: 20px;
}
.job-header .contentbox ul {
	margin-bottom: 30px;
}
.job-header .contentbox ul li {
	padding: 5px 0 5px 25px;
	position: relative;
	line-height: 22px;
}
.job-header .contentbox ul li:before {
	content: '\f00c';
	font-family: 'Font Awesome 5 Free'; font-weight: 900;
	color: #a8d815;
	position: absolute;
	left: 0;
}

.job-header.grey .checktext{margin-bottom:15px; font-size:14px; line-height:24px;}
.job-header.grey .checktext input[type='checkbox']{float:left; margin:5px 10px 0 0;}




.viewallbtn {
	text-align: center;
	margin-top: 40px;
}
.viewallbtn a {
	display: inline-block;
	background: #1d8fce;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	padding: 15px 30px;
}
.viewallbtn a:hover {
	background: #333;
	text-decoration: none;
}

.compnames{margin-top:20px;}
.compnames li{border-top:1px solid #eee; padding:10px 0;}
.compnames li p{font-size:13px; line-height:20px; color:#666;}
.compnames li .date{margin-top:5px; color:#888; font-size:13px;}

/*Candidate Info*/
.job-header .jobinfo .candidateinfo .userPic {
	float: left;
	width: 100px;
	height: 100px;
	background: #fff;
	margin-right: 20px;
	border: 5px solid #00a2ff;
}
.job-header .jobinfo .candidateinfo .title {
	font-size: 24px;
	color: #333;
	font-weight: 600
}
.job-header .jobinfo .candidateinfo .desi {
	font-size: 18px;
	color: #666;
	margin-top: 10px;
}
.job-header .jobinfo .candidateinfo .loctext {
	line-height: 24px;
	color: #555;
	margin-top: 8px;
}
.job-header .jobinfo .candidateinfo .loctext i {
	width: 20px;
	color: #00a2ff;
}
.cadsocial {
	margin-top: 10px;
}
.cadsocial a {
	color: #666;
	font-size: 24px;
	display: inline-block;
	margin-right: 7px;
}
.cadsocial a:hover {
	color: #00a2ff;
}
.relatedJobs {
	margin-bottom: 30px;
}
.relatedJobs h3 {
	font-size: 24px;
	font-weight: 700;
	color: #555;
	margin-bottom: 15px;
}
.jobdetail h3 {
	font-size: 18px;
	color: #1d8fce;
	font-weight: 700;
}
.jobdetail h3 .pull-right{color:#999; font-size:20px;}

.pagecover{margin-bottom:20px; background:#eee; height:250px; overflow:hidden;}
.pagecover img{width:100%;}


.companyavatar{margin-top:-140px;}
.companyavatar .jobinfo .candidateinfo .userPic{float:none; height:auto; width:auto; text-align:center; margin-bottom:15px; margin-right:0;}
.companyavatar .jobinfo .candidateinfo .userPic img{display:inline-block;}


.agencyavatar .jobinfo .candidateinfo .userPic{float:none; height:auto; width:auto; text-align:center; margin-bottom:15px; margin-right:0;}
.agencyavatar .jobinfo .candidateinfo .userPic img{display:inline-block;}


/*Job Info*/
.jobdetail {
	padding: 20px;
}
.jobdetail iframe {
	width: 100%;
	height: 250px;
	border: none
}
h3.titlebox{
	font-size: 18px;
	color: #fff;
	font-weight: 700;
	background:#1d8fce; padding:15px 15px; border-bottom: 1px solid #e4e4e4;
}
.jbdetail {
	margin:0 -10px;
	margin-top: 20px;
}
.jbdetail li {	
	color: #908f8f;
	padding:10px;
}
.jbdetail li:hover{background:#f5f5f5;}
.jbdetail li a {
	display: block;
	text-align: right;
	color: #1d8fce;
	font-weight: 600;
}
.jbdetail li span {
	display: block;
	text-align: right;
	color: #000;
	font-weight: 600;
}
.jbdetail li span.permanent {
	color: #a8d815;
}
.jbdetail li span.contract {
	color: #1d8fce;
}
.jbdetail li span.freelance {
	color: #F07200;
}

/*Buttons*/
.jobButtons {padding: 20px 25px; background:#f8f8f8;}
.jobButtons a {	background: #1d8fce;	margin-right: 10px;	color: #fff;	font-weight: 600;	font-size: 16px;}
.jobButtons a.report {	background: #e01010;	color: #fff;}
.jobButtons a.apply {	background: #a8d815;	color: #fff}
.jobButtons a:hover {	background: #222;	color: #fff;}

.applyButtons {padding: 20px 25px; background:#f8f8f8; text-align:center; margin-top:20px;}
.applyButtons a{background: #a8d815; color: #fff; font-weight: 600;	font-size: 18px; padding:15px 45px;}
.applyButtons a:hover {	background: #222;	color: #fff;}
.jobButtons .timmer{float:right; background:#fff; padding:8px 20px; font-size:20px; border:1px solid #eee; font-weight:700; color:#555;}
.jobButtons .timmer i{color:#a8d815; font-weight:400; margin-right:5px;}
.jobButtons a.hidetime{float:right; background:none; color:#1d8fce; font-size:14px; margin:11px 0 0 15px;}

.jobButtons.intpg{margin-bottom:30px;}

/*Similar Jobs*/
.similarjobs{list-style:none; margin-top:30px;}
.similarjobs li:before{display:none;}
.similarjobs li{padding:0 !important; margin-bottom:30px;}
.similarjobs li h6{font-weight:600; margin:0;}
.similarjobs li h6 a{font-size:18px;}
.similarjobs li .loc{color:#666; font-size:16px;}
.similarjobs li .date{color:#999;}

.relateJobs{margin-top:30px;}
.relateJobs h4{font-size: 24px;
    font-weight: 700;
    color: #1d8fce;
    margin-bottom: 10px;}





/*CV database*/
.cvdatawrap{background:url(../images/cv-database-bg.jpg) no-repeat; background-size: cover; padding:50px 0;}
.cvdatawrap .titleTop h3, .cvdatawrap .titleTop p{color:#fff;}
.cvdata{background:#fff; border-radius:10px; max-width:600px; margin:0 auto; text-align:center; padding:30px;}
.cvdata .cvtitle{font-size:30px; font-weight:600;}
.cvdata h5{font-size:18px; margin-top:10px;}
.cvdata .cvprice{font-size:100px; font-weight:700; color:#84bc25;}
.cvdata .btn{display:inline-block; background:#1daae2; color:#fff; font-size:18px; font-weight:700; text-transform:uppercase; padding:10px 30px; margin-top:20px}
.cvdata .btn:hover{background:#333;}


/*Footer*/
.footerWrap{background:#272727; padding: 40px 0;}
.footerWrap h5{font-size:20px; font-weight:bold; color:#fff; margin-bottom:25px;}
.footerWrap p{font-size:14px; line-height:22px; color:#ccc;}
.footerWrap .ft-logo{margin-bottom:15px;}

.social{margin-top:30px;}
.social a{color:#fff; font-size:32px; display:inline-block; margin-right:5px;}
.social a:hover{color:#84bc25;}

.footerWrap .quicklinks{list-style:none;}
.footerWrap .quicklinks li{}
.footerWrap .quicklinks li a{display:block; color:#999; padding: 9px 0; font-size:14px;}
.footerWrap .quicklinks li a:hover{color:#fff;}

/*Footer News*/
.posts-list {list-style: none; padding: 0; margin: 0;}
.posts-list li {border: none; margin:15px 0;}
.posts-list .media-left {margin-right: 30px; width:80px; float:left; padding-right:0;}
.posts-list .entry-title {font-weight: 500; text-transform: inherit; margin: 0 0 5px;}
.post .entry-title a {color: #fff; font-size: 18px;}
.posts-list .entry-meta {padding: 0;}
.posts-list .entry-date {font-size: 13px; color: #ccc; font-style: italic; text-transform: capitalize;}


.footerWrap .citiesList{list-style:none; margin:0;}
.footerWrap .citiesList li{margin: 3px 0;}
.footerWrap .citiesList li a{display:block; color:#999; font-size:13px; margin-right:10px; padding: 4px 10px;}
.footerWrap .citiesList li a:hover{text-decoration:none; color:#fff;}


/*countries*/
.aroundslect{position: relative; padding-top:30px;}
.aroundslect h5{font-size:24px; text-align:center; font-weight:600; margin-bottom:10px;}
.aroundslect h5 a{font-size:24px;}

.aroundworld {margin:0 -10px; padding: 0; list-style: none;}
.aroundworld li {float:left; width: 55px; height:48px; margin:10px;}
.aroundworld li a{padding:0; margin:0}
.aroundworld li img {width:48px; height:48px; float: left;}
.aroundworld:after{display:block; content:''; clear:both;}

.copyright{padding:10px 0; text-align:center; font-size:13px; font-family: 'Open Sans', 'sans-serif'; color:#979797; font-size:14px;}
.copyright a{color:#979797; font-size:14px; padding:0 5px; display:inline-block; margin:5px 0;}
.copyright a:hover{color:#000;}
.bttxt{font-size:13px; color:#777;}





/*Sticky Social*/
#social-sidebar {left: 0; position: fixed; top: 30%; z-index:10000000;}
#social-sidebar li:first-child a { border-top-right-radius: 5px; }
#social-sidebar li:last-child a { border-bottom-right-radius: 5px; }
#social-sidebar a {background: rgba(0, 0, 0, .7); color: #fff; text-decoration: none; display: block; height: 50px; width: 50px; font-size: 24px; line-height: 50px; position: relative; text-align: center; cursor: pointer;}
#social-sidebar a:hover span {left: 120%; opacity: 1;}
#social-sidebar a span {border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; opacity: 0; padding: 4px 8px; position: absolute; transition: opacity .3s, left .4s; top: 50%;	z-index: -1; font-size:18px;}
#social-sidebar a span:before {content: ""; display: block; height: 8px; width: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; transform: rotate(45deg); }
#social-sidebar a[class*="twitter"]:hover,
#social-sidebar a[class*="twitter"] span,
#social-sidebar a[class*="twitter"] span:before {background: #00aced;}

#social-sidebar a[class*="facebook"]:hover,
#social-sidebar a[class*="facebook"] span,
#social-sidebar a[class*="facebook"] span:before {background: #3B5998;}

#social-sidebar a[class*="gplus"]:hover,
#social-sidebar a[class*="gplus"] span,
#social-sidebar a[class*="gplus"] span:before {background: #E34429;}

#social-sidebar a[class*="dribbble"]:hover,
#social-sidebar a[class*="dribbble"] span,
#social-sidebar a[class*="dribbble"] span:before {background: #ea4c89;}

#social-sidebar a[class*="dropbox"]:hover,
#social-sidebar a[class*="dropbox"] span,
#social-sidebar a[class*="dropbox"] span:before {background: #8DC5F2;}

#social-sidebar a[class*="github"]:hover,
#social-sidebar a[class*="github"] span,
#social-sidebar a[class*="github"] span:before {background: #9C7A5B;}

#social-sidebar a[class*="linkedin"]:hover,
#social-sidebar a[class*="linkedin"] span,
#social-sidebar a[class*="linkedin"] span:before {background: #0177b5;}

#social-sidebar a[class*="instagram"]:hover,
#social-sidebar a[class*="instagram"] span,
#social-sidebar a[class*="instagram"] span:before {background: #E4405F;}

#social-sidebar a[class*="youtube"]:hover,
#social-sidebar a[class*="youtube"] span,
#social-sidebar a[class*="youtube"] span:before {background: #FF0000;}



/*Contact Us**/
.contact-wrap .title {
	text-align: center;
	margin-bottom: 40px;
}
.contact-wrap .title > span {
	color: #292929;
	font-size: 17px;
	margin-bottom: 10px;
}
.contact-wrap .title h2 {
	color: #292929;
	font-size: 40px;
	font-weight: 800;
	letter-spacing: 1px;
	margin: 0;
}
.contact-wrap .title > p {
	line-height: 24px;
}
.contact-wrap .contact {
	border: 1px solid #ddd;
	padding: 15px;
	margin-bottom: 30px;
	background:#f9f9f9;	
}
.contact-wrap .contact > span {
	color: #1d8fce;
	float: left;
	font-size: 50px;
	line-height: 30px;
	margin-right: 10px;
	text-align: center;
	width: 70px;
}
.contact-wrap .inner-page .fa-home:before {
	content: "\f015";
}
.contact-wrap .information {
	overflow: hidden;
	padding-right: 20px;
	margin-top: 5px;
}
.contact-wrap .information > strong {
	color: #000;
	display: table;
	font-size: 16px;
	font-weight: 700;
	margin-bottom: 5px;
	text-transform: uppercase;
}
.contact-wrap .information > p {
	line-height: 22px;
	margin: 0;
}
.contact-wrap .contact-form input, .contact-wrap .contact-form textarea {
	color: #8c8c8c;
	float: left;
	border: 1px solid #ddd;
	font-size: 14px;
	line-height: 32px;
	margin-bottom: 15px;
	padding: 10px 20px;
	width: 100%;
}

.contact-wrap .contact-form textarea{height:450px;}

.contact-wrap .contact-form {
	text-align: center;
	margin-top:30px;
}
.contact-wrap .contact-form button {
	background-color: #84bc25;
	border: 0 none;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: 600;
	padding: 18px 40px;
	margin-top: 20px;
}

.googlemap{margin-top:50px;}
.googlemap iframe {
	height: 400px;
	width: 100%;
	border: none;
}


/*Wordsheets*/
.worsheetsWrap{padding:50px 0;}
.aboutwork{border-bottom:1px solid #eee; padding-bottom:40px; margin-bottom:30px;}
.aboutwork h3{font-size:34px; font-weight:600; margin-bottom:30px;}
.aboutwork p{font-size:18px; line-height:28px; font-weight:500; padding-right:20px;}
.aboutwork .morebtn{display:inline-block; padding:15px 30px; background:#00a2ff; color:#fff; margin-top:20px; font-weight:600;}
.aboutwork .morebtn i{margin-left:8px; font-weight:400;}
.aboutwork .morebtn:hover{background:#333; text-decoration:none;}

.workcatelist{}
.worktitle{text-align:center; margin-bottom:15px;}
.worktitle h4{font-size:36px; color:#555; margin:0 0 10px 0;}
.worktitle p{max-width:900px; margin:0 auto; line-height:24px;}

.educatelist{list-style:none;}
.educatelist li a{display:block; background:#fbfbfb; border:1px solid #e9e9e9; padding:10px 15px; color:#444; margin-top:22px; position:relative;}
.educatelist li a:hover{text-decoration:none; background:#84bc25; color:#fff; border-color:#84bc25}
.educatelist li a:after{content:'\f061'; font-family: 'Font Awesome 5 Free'; font-weight: 900; position:absolute; right:15px;}


.subscribeWrap{background:#1daae2; padding:30px 0; text-align:center;}
.subscribeWrap h3{color:#fff; font-size:24px; font-weight:700; margin:0;}
.subscribeWrap p{color:#fff; line-height:24px; margin-bottom:10px;}
.subscribeWrap .form-control{height:auto; padding:12px 15px; border:none; border-radius:0;}
.subscribeWrap .btn{background:#000; border-radius:0; color:#fff; border:none; padding:12px 15px;}


.latestResouces{padding:40px 0;}
.latestResouces h3{font-size:36px; text-align:center; color:#444; margin-bottom:30px;}
.freresourlist li{margin-top:30px;}
.freresourlist li h5{font-size:20px; margin-bottom:10px; margin-top:7px;}
.freresourlist li .btn{background:#00a2ff; color:#fff; font-size:14px; border-radius:0; margin-top:15px;}
.freresourlist li .btn:hover{background:#444;}


/*Year List*/
.wkyearlist{}
.wkyearlist li{border:1px solid #ddd; margin-bottom:30px;}
.wkyearlist li .pricebox{ padding:20px 30px 0 0;}
.wkyearlist li .pricebox h4{font-size:48px; font-weight:700; text-align:center; color:#444;}
.wkyearlist li .pricebox a{display:block; margin-top:10px; font-size:14px; background:#84bc25; padding:15px 20px; font-weight:600; color:#fff;}
.wkyearlist li .pricebox a.grey{background:#222}
.wkyearlist li .pricebox a.blue{background:#00a2ff}
.wkyearlist li .pricebox a i{font-weight:400; font-size:18px; margin-right:7px;}
.wkyearlist li .pricebox a:hover{text-decoration:none; background:#666;}

.wkyearlist li .wtcontent{padding:20px; background:#f8f8f8; border-right:1px solid #ddd; position:relative}

.wkyearlist li:hover, .wkyearlist li:hover .wtcontent{background:#f1fddc;}

.wkyearlist li .yeartxt{background:#00a2ff; padding:20px; color:#fff; text-align:center; font-size:20px; font-weight:700;}
.wkyearlist li .yeartxt span{display:block; font-size:16px;}
.wkyearlist li .reftxt{font-size:17px; margin-top:1px; background:#FFF; font-weight:600; color:#444; padding:8px 10px;}
.wkyearlist li .user-title{margin-bottom:10px;}
.wkyearlist li .user-title{font-size:24px; font-weight:600; color:#555;}
.wkyearlist li .user-title a:hover{color:#96ca4a;}
.wkyearlist li .userlco{color:#555; margin-bottom:10px;}
.wkyearlist li .userlco i{margin-right:5px;}
.wkyearlist li .userlco strong{color:#96ca4a; font-weight:700;}
.wkyearlist li .userlco img{display:inline-block; position:relative; top:5px;}
.wkyearlist li .agentlogo{position: absolute; right: 15px; top: -5px;}

.wkyearlist li .wtcontent .ribbon{position:absolute; top:0; left:0}
.wkyearlist li .sheetititle{font-size:18px; font-weight:600; display:block; line-height:24px;}

.worksheetimg{margin-bottom:15px; margin-top:25px;}
.worksheetimg img{width:100%;}

.confirmtxt{text-align:center; padding:20px; font-size:17px; line-height:24px; color:#555;}
.confirmtxt a{font-size:16px;}
.confirmtxt strong{font-weight:700;}

.pagehed2{
    font-size: 24px;
    font-weight: 700;
    margin-top: 30px;
}

.rtrans{text-align:right; padding:0 0 20px 0; font-size:14px; line-height:24px; color:#555;}
.rtrans a{font-size:16px;}
.rtrans strong{font-weight:700; font-size:16px;}


.btn-success{background:#84bc25; border-color:#84bc25;}

.instoretxt{text-align:center; font-size:18px; font-weight:600; background:#f6f6f6; text-align:center; padding:20px; margin-bottom:20px;}
.instoretxt .credit{font-size:24px; margin-bottom:15px;}
.instoretxt .currency{font-size:16px; font-weight:700;}
.instoretxt .currency strong{color:#1d8fce;}
.instoretxt strong{font-weight:700; color:#84bc25;}
.instoretxt a{font-size:18px; display:inline-block; padding:9px 20px; background:#00a2ff; color:#fff; margin:0 5px;}
.instoretxt a:hover{background:#333; text-decoration:none;}


.uploadphotobx{border:3px dashed #ddd; background:#fff; padding:50px 30px; margin-top:30px; text-align:center;}
.uploadphotobx i{font-size:50px; color:#999; display:block; margin-bottom:15px;}
.uploadphotobx h4{font-size:30px; color:#777}
.uploadphotobx p{font-size:18px; margin-top:5px;}


.uploadphotobx a.uploadBox input[type="file"]{cursor: inherit; display: block; font-size: 1px; filter: alpha(opacity=0); min-height: 100%; min-width: 100%; opacity: 0; position: absolute; right: 0; text-align: right; top: 0;}
.uploadphotobx a.uploadBox{font-size:18px; color:#fff; font-weight:bold; padding: 10px 20px; margin:20px 0 0 0; overflow:hidden;
background:#555; display:inline-block; position:relative;}

.uploadphotobx a.uploadBox:hover{background:#333; box-shadow:0 0 10px #ccc; color:#fff;}






.subwraper{margin-bottom:30px;}
.subwraper h3{font-size:20px; font-weight:600; margin-bottom:10px;}


.workinfo{margin:0 -5px;}
.workinfo li{background:#f6f6f6; border:1px solid #eee; padding:10px 15px; margin:5px; float:left;}
.workinfo li h6{font-weight:700; font-size:16px;}
.workinfo li span{color:#FCB307;}
.workinfo:after{display:table; content:''; clear:both;}

.relatewrap{}
.relatewrap .bxtitle{background:#1d8fce; color:#fff; padding:12px 15px; font-size:18px; font-weight:700;}
.relatewrap .bxtitle a{float:right; color:#fff;}


.sheetlist li{margin-top:30px;}
.sheetlist li h5 a{font-size:20px; color:#444;}
.sheetlist li .img{margin-top:10px;}
.sheetlist li h6{font-size:24px; font-weight:700; margin-top:10px;}
.sheetlist li .price{font-size:18px; font-weight:700; color:#84bc25; margin-top:10px;}

.keytext{font-size:16px; margin-top:15px;}
.keytext strong{font-weight:700;}

.subjectTitle{margin-top:10px;}
.subjectTitle h1{font-size:30px; font-weight:700;}
.sheetprice{font-size:36px; text-align:right; font-weight:700; color:#84bc25;}

.ownerinfo .user-title{}
.ownerinfo .user-title a{font-size:30px; font-weight:600; color:#555;}
.ownerinfo .user-title a:hover{color:#96ca4a;}
.ownerinfo .userlco{color:#555; margin-top:10px; font-size:16px;}
.ownerinfo .userlco i{margin-right:5px;}
.ownerinfo .userlco strong{color:#96ca4a; font-weight:700;}
.ownerinfo .userlco img{display:inline-block; position:relative; top:5px;}
.txt1{font-size:14px; font-weight:600; margin-bottom:15px;}


/*Faqs*/
#faqs {margin: 15px 0px;}
#faqs h4 {cursor: pointer; margin-bottom: 12px; background: #b9b9b9; color:#fff; font-size: 16px; font-weight:500; transition: 0.3s ease-in-out;	-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; font-family:'Open Sans', sans-serif;}
#faqs h4 i {background: #1d8fce; padding: 12px; color: #fff; margin-right: 10px;}
#faqs h4 .fa-minus {display: none;}
#faqs h4:hover {background: #1d8fce; color: #FFF;}
#faqs h4:hover i {background: #424242; color: #fff;}
#faqs h4.active {background: #1d8fce; color: #FFF;}
#faqs h4.active i {background: #333; color: #fff;}
#faqs h4.active .fa-minus {display: inline-block;}
#faqs h4.active .fa-plus {display: none;}
#faqs div {height: 0; overflow: hidden; position: relative;}
#faqs div p {padding: 0; margin-bottom: 30px; text-align: left; font-size: 14px; line-height: 20px; color:#777;}


/*Course*/
#courseInfo {margin: 15px 0px;}
#courseInfo h4 {cursor: pointer; margin-bottom: 12px; background: #f9f9f9; border:1px solid #ddd; color:#555; font-size: 16px; font-weight:600; transition: 0.3s ease-in-out;	-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out;}
#courseInfo h4 i {background: #1d8fce; padding: 12px; color: #fff; margin-right: 10px;}
#courseInfo h4 .fa-minus {display: none;}
#courseInfo h4:hover {background: #1d8fce; color: #FFF;}
#courseInfo h4:hover i {background: #424242; color: #fff;}
#courseInfo h4.active {background: #1d8fce; color: #FFF; margin-bottom: 0;}
#courseInfo h4.active i {background: #333; color: #fff;}
#courseInfo h4.active .fa-minus {display: inline-block;}
#courseInfo h4.active .fa-plus {display: none;}
#courseInfo .outer {height: 0; overflow: hidden; position: relative; border:1px solid #ddd; padding:20px; margin-bottom: 15px;}
#courseInfo .outer p {padding: 0; text-align: left; font-size: 14px; line-height: 20px; color:#777;}
#courseInfo h4 .time{float:right; margin:15px 15px 0 0; font-weight:400; font-size:14px;}

#courseInfo ul{margin-left:30px;}
#courseInfo ul li{font-size:15px; color:#444; padding-bottom:5px; padding-top:5px;}
#courseInfo ul li i{color:#a8d815; margin-right:10px; margin-bottom:8px; float:left;}
#courseInfo ul li .time{text-align:right;}
#courseInfo ul li i.fa-check-circle{color:#999;}




/*Course*/
#courseDetail {margin: 15px 0px;}
#courseDetail h4 {cursor: pointer; margin-bottom: 12px; background: #f9f9f9; border:1px solid #ddd; color:#555; font-size: 16px; font-weight:600; transition: 0.3s ease-in-out;	-webkit-transition: 0.3s ease-in-out; -moz-transition: 0.3s ease-in-out; -ms-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; padding:10px 15px;}
#courseDetail h4:after{display:table; content:''; clear:both;}
#courseDetail h4:hover {background: #eee; color: #222;}
#courseDetail h4.active {background: #eee; color: #222; margin-bottom: 0; border-bottom:0;}
#courseDetail .outer {height: 0; overflow: hidden; position: relative; border:1px solid #ddd; border-top:0; padding:15px; margin-bottom: 15px;}
#courseDetail .outer p {padding: 0; text-align: left; font-size: 14px; line-height: 20px; color:#777;}
#courseDetail h4 .sec{font-size:14px; display:block; font-weight:400; margin-bottom:5px; color:#666;}
#courseDetail h4 .time{float:right; margin:5px 15px 0 0; font-weight:400; font-size:14px;}

#courseDetail ul{margin-left:0;}
#courseDetail ul li{font-size:15px; color:#444; border-bottom:1px solid #eee; padding:10px 0;}
#courseDetail ul li i{color:#999; margin-right:15px;}
#courseDetail ul li .checkico{float:right;}
#courseDetail ul li .checkico i{color:#a8d815; margin-right:0; font-size:18px;}
#courseDetail ul li:after{display:table; content:''; clear:both;}
#courseDetail ul li:last-child{border-bottom:none;}


.togglehead{margin-top:25px; margin-bottom:5px; color:#84bc25; font-size:18px; font-weight:600;}
.togglehead:before{content:'\f061'; font-family: 'Font Awesome 5 Free'; font-weight: 900; padding-right:10px;}
.loginheading{font-size:24px; font-weight:600; color:#272e68; margin-top:15px;}
.toglist{list-style:none; margin:20px 0 20px 0;}
.toglist li{font-size:14px; line-height:22px; margin:7px 0; padding-left:20px; position:relative;}
.toglist li:before{content:'\f00c'; font-family:'FontAwesome'; position:absolute; left:0; top:0;}

.paneltoggle2{font-size: 14px; line-height: 24px; text-align: justify;}

.paneltoggle{font-size: 14px; line-height:22px; color:#444;}
.paneltoggle strong{font-weight:700;}

.job-header .contentbox ul.keyinfo{padding:0; margin-bottom:0; margin-top:10px}
.job-header .contentbox ul.keyinfo li{padding:10px 15px; }
.job-header .contentbox ul.keyinfo li:before{display:none;}
.job-header .contentbox ul.keyinfo li h6{font-size:18px; font-weight:700; color:#777; border-top:1px solid #eee; padding-top:15px;}
.job-header .contentbox ul.keyinfo li h5{margin-top:20px;}
.job-header .contentbox ul.keyinfo li p{margin-bottom:0;}
.job-header .contentbox ul.keyinfo li strong{font-size:30px; font-weight:700; display:block;}

.strating{margin-top:5px;}
.strating span{color:#FCB307; font-size:16px;}
.strating h5{text-align:center; font-size:24px; margin:0 0 10px 0; font-weight:700;}
.rateby{text-align:center; margin-top:15px;}
.rateby strong{font-size:16px; font-weight:600;}


.job-header .contentbox ul.sumryinfo{padding:0; margin-bottom:0; margin-top:10px}
.job-header .contentbox ul.sumryinfo li{padding:5px 15px; }
.job-header .contentbox ul.sumryinfo li:before{display:none;}
.job-header .contentbox ul.sumryinfo li h6{font-size:16px; font-weight:700; color:#555; margin-bottom:0;}
.job-header .contentbox ul.sumryinfo li h5{margin-top:10px;}
.job-header .contentbox ul.sumryinfo li p{margin-bottom:0;}
.job-header .contentbox ul.sumryinfo li strong{font-size:30px; font-weight:700; display:block;}



.courceEnd{background:#f9f9f9; border:1px solid #eee; padding:30px 30px 0 30px;}
.alertico{text-align:center; font-size:40px; color:#FE9F12}
.courceEnd h2{text-align:center; font-size:36px; margin-top:15px; font-weight:700;}
.courceEnd h4{text-align:center; font-size:24px; margin-top:15px; margin-bottom:30px; border-bottom:1px solid #ddd; padding-bottom:30px; font-weight:700; color:#555;}

.courceEnd .cph{font-size:20px; font-weight:700; margin-bottom:15px; color:#555;}
.courceEnd .cph i{width:25px; font-weight:400;}
.courceEnd ul li{position:relative; padding:10px 0 10px 20px; font-weight:600;}
.courceEnd ul li:before{position:absolute; left:0; content:'\f0a9'; font-family: 'Font Awesome 5 Free'; font-weight: 900; font-weight:400; color:#666;}




.qessrcWrap{background:#696969; padding:20px 20px; margin-bottom:30px;}
.qessrcWrap .form-control{height:auto; padding:8px 12px; border-radius:0;}
.qessrcWrap .btn{background:#1d8fce; color:#fff; border:none; padding:9px 15px; border-radius:0; font-weight:600;}


.quextiontitle{background:#f5f5f5; padding:15px; margin-bottom:30px;}
.quextiontitle h5{float:left; font-size:20px; margin-top:7px; color:#555; font-weight:700;}
.quextiontitle a{float:right; background:#84bc25; font-weight:600; color:#fff; padding:10px 15px;}
.quextiontitle a:hover{background:#555; text-decoration:none;}


.acquestionList{list-style:none; margin-bottom:30px;}
.acquestionList li{border-bottom:1px solid #eee; padding-bottom:15px; margin-bottom:15px;}
.acquestionList li .titleHead{display:block; margin-bottom:10px; font-size:18px; font-weight:600;}
.acquestionList li .infoq{float:left;}
.acquestionList li .infoq li{border:1px solid #eee; padding:10px; width:80px; float:left; margin-right:10px; margin-top:10px; text-align:center; font-size:14px;}
.acquestionList li .infoq li span{display:block; font-weight:600; margin-top:5px; font-size:13px; color:#777;}
.acquestionList li .infoq:after{display:table; clear:both; content:'';}
.qby{float:right; margin-top:35px; color:#888;}

.acquestionList li .tags{margin-top:15px;}
.acquestionList li .tags li{border:none; padding:0; margin:0;}
.acquestionList li .tags a {font-size: 12px; color: #969595; border:none; background:#e1f4ff; padding: 5px 8px; display: inline-block; margin-right: 5px; margin-bottom: 5px; text-transform: lowercase;}
.acquestionList li .tags a:hover {background:#d0eaf9; color: #555; text-decoration:none;}







@-webkit-keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

@keyframes ring {
  0% {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
  }

  2% {
    -webkit-transform: rotate(15deg);
    -ms-transform: rotate(15deg);
    transform: rotate(15deg);
  }

  4% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  6% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  8% {
    -webkit-transform: rotate(-22deg);
    -ms-transform: rotate(-22deg);
    transform: rotate(-22deg);
  }

  10% {
    -webkit-transform: rotate(22deg);
    -ms-transform: rotate(22deg);
    transform: rotate(22deg);
  }

  12% {
    -webkit-transform: rotate(-18deg);
    -ms-transform: rotate(-18deg);
    transform: rotate(-18deg);
  }

  14% {
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    transform: rotate(18deg);
  }

  16% {
    -webkit-transform: rotate(-12deg);
    -ms-transform: rotate(-12deg);
    transform: rotate(-12deg);
  }

  18% {
    -webkit-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
  }

  20% {
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
  }
}

.fa-exclamation-triangle.animated,
.fa-exclamation-triangle.animated-hover:hover,
.faa-parent.animated-hover:hover > .fa-exclamation-triangle {
  -webkit-animation: ring 2s ease infinite;
  animation: ring 2s ease infinite;
  transform-origin-x: 50%;
  transform-origin-y: 0px;
  transform-origin-z: initial;
}

.admore{display:inline-block; margin-bottom:15px;}

/*Dashboard*/
.profileheader{background:#f9f9f9; border-bottom:1px solid #eee; padding:30px 0;}
.profilewrap{padding:30px 0;}

/* The switch - the box around the slider */

.switchbox{margin-bottom:20px;}
.switchbox .txtlbl{float:left; font-size:16px; font-weight:700; margin-top:5px;}
.switchbox .txtlbl i{font-size:14px; font-weight:400; color:#666}

.switchbox strong{font-size:12px; display:block; margin-top:10px;}

.switch {
  position: relative;
  display: inline-block;
  vertical-align: top;
  width: 56px;
  height: 20px;
  padding: 3px;
  background-color: white;
  border-radius: 18px;
  box-shadow: inset 0 -1px white, inset 0 1px 1px rgba(0, 0, 0, 0.05);
  cursor: pointer;
  background-image: -webkit-linear-gradient(top, #eeeeee, white 25px);
  background-image: -moz-linear-gradient(top, #eeeeee, white 25px);
  background-image: -o-linear-gradient(top, #eeeeee, white 25px);
  background-image: linear-gradient(to bottom, #eeeeee, white 25px);
}

.switch-input {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.switch-label {
  position: relative;
  display: block;
  height: inherit;
  font-size: 10px !important;
  text-transform: uppercase;
  background: #eceeef;
  border-radius: inherit;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15);
  -webkit-transition: 0.15s ease-out;
  -moz-transition: 0.15s ease-out;
  -o-transition: 0.15s ease-out;
  transition: 0.15s ease-out;
  -webkit-transition-property: opacity background;
  -moz-transition-property: opacity background;
  -o-transition-property: opacity background;
  transition-property: opacity background;
}
.switch-label:before, .switch-label:after {
  position: absolute;
  top: 50%;
  margin-top: -.5em;
  line-height: 1;
  -webkit-transition: inherit;
  -moz-transition: inherit;
  -o-transition: inherit;
  transition: inherit;
}
.switch-label:before {
  content: attr(data-off);
  right: 10px;
  color: #aaa;
  text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
.switch-label:after {
  content: attr(data-on);
  left: 10px;
  color: white;
  text-shadow: 0 1px rgba(0, 0, 0, 0.2);
  opacity: 0;
}
.switch-input:checked ~ .switch-label {
  background: #47a8d8;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);
}
.switch-input:checked ~ .switch-label:before {
  opacity: 0;
}
.switch-input:checked ~ .switch-label:after {
  opacity: 1;
}

.switch-handle {
  position: absolute;
  top: 4px;
  left: 4px;
  width: 18px;
  height: 18px;
  background: white;
  border-radius: 10px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
  background-image: -webkit-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -moz-linear-gradient(top, white 40%, #f0f0f0);
  background-image: -o-linear-gradient(top, white 40%, #f0f0f0);
  background-image: linear-gradient(to bottom, white 40%, #f0f0f0);
  -webkit-transition: left 0.15s ease-out;
  -moz-transition: left 0.15s ease-out;
  -o-transition: left 0.15s ease-out;
  transition: left 0.15s ease-out;
}
.switch-handle:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -6px 0 0 -6px;
  width: 12px;
  height: 12px;
  background: #f9f9f9;
  border-radius: 6px;
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);
  background-image: -webkit-linear-gradient(top, #eeeeee, white);
  background-image: -moz-linear-gradient(top, #eeeeee, white);
  background-image: -o-linear-gradient(top, #eeeeee, white);
  background-image: linear-gradient(to bottom, #eeeeee, white);
}
.switch-input:checked ~ .switch-handle {
  left: 33px;
  box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);
}

.switch-green > .switch-input:checked ~ .switch-label {
  background: #4fb845;
}





.usernavdash li{position:relative;}
.usernavdash li a{border:1px solid #eee; border-bottom:none; padding:10px 15px; color:#444; display:block;}
.usernavdash li:last-child a{border-bottom:1px solid #eee;}
.usernavdash li a:hover{background:#f8f8f8; text-decoration:none;}
.usernavdash li i{color:#777; margin-right:2px; font-size:18px; width:25px;}
.usernavdash li.active a{border-left:4px solid #84bc25; background:#f8f8f8;}
.usernavdash li .fa-exclamation-triangle{position:absolute; right:10px; top:12px; color:#fd2626}




.profilestat li .inbox{border:1px solid #eee; text-align:center; background:#f8f8f8; padding:15px 10px; margin-bottom:30px;}
.profilestat li i{font-size:36px; color:#999; margin-bottom:15px; display:block;}
.profilestat li h6{font-size:30px; font-weight:600; color:#84bc25; margin-bottom:10px;}
.profilestat li h6 span{font-size:18px; color:#999;}
.profilestat li strong{display:block; font-size:13px; color:#333;}

.profilewrap .formpanel{margin-top:0;}

.userprofileImg .userimg{float:left; width:80px; margin-right:10px; border:1px solid #eee; background:#fff; padding:3px;}
.userprofileImg h6{font-size:18px; margin-bottom:8px; font-weight:600;}
.userprofileImg h6 span{color:#777; font-size:16px;}
.userprofileImg .statxt{font-size:13px; margin-bottom:7px;}
.userprofileImg .statxt strong{font-weight:700;}

.profileinfo{text-align:right;}
.profileinfo h5{font-size:15px; margin-bottom:10px; color:#888;}
.profileinfo .amount{font-size:26px; font-weight:700;}
.profileinfo .amount a{font-size:24px; color:#999;}

.aurrating{float:right; margin-top:15px;}
.balance{float:right; margin-left:50px; margin-top:15px;}

.dashalertbox{background:#f9f9f9; border:1px solid #eee; padding:20px; margin-bottom:30px;}
.dashalertbox h3{font-size:24px; margin-bottom:10px; font-weight:600;}
.dashalertbox ul{margin-top:20px;}
.dashalertbox ul li{margin-top:10px; font-size:14px;}
.dashalertbox ul li:before{content: '\f0da';font-family: 'Font Awesome 5 Free'; font-weight: 900; margin-right: 10px;}

.dashalertbox ul.profileslinks{}
.dashalertbox ul.profileslinks li:before{display:none;}
.dashalertbox ul.profileslinks li{text-align:center; margin-top:30px;}
.dashalertbox ul.profileslinks li a{display:block; background:#fff; padding:15px; color:#555; font-weight:700; border:1px solid #ededed; min-height:130px;}
.dashalertbox ul.profileslinks li a i{font-size:30px; display:block; margin-bottom:5px;}
.dashalertbox ul.profileslinks li a .fa-check{color:#43D318; font-size:20px; margin-top:10px;}
.dashalertbox ul.profileslinks li a .fa-pencil{color:#00a2ff; font-size:20px; margin-top:10px;}
.dashalertbox ul.profileslinks li a:hover{text-decoration:none; background:#eee;}

.golivebox p{font-size:14px;}
.golivebox h5{font-size:24px; font-weight:700; margin:0 0 15px 0}
.golivebox h6{font-size:18px; margin:0 0 5px 0}
.golivebox .livebtn{background:#00a2ff; color:#fff; padding:10px 30px; font-size:16px; font-weight:700; border-radius:0; margin-top:15px; display:inline-block;}
.golivebox .livebtn:hover{background:#333;}
.golivebox{margin-bottom:30px;}

.messagesbox{margin-bottom:30px; border:1px solid #eee;}
.messagesbox .titlebox{background:#eee; padding:10px 15px;}
.messagesbox .titlebox h4{float:left; font-size:20px; color:#666;}
.messagesbox .titlebox a{float:right; margin-top:5px; font-size:14px; font-weight:700; color:#00a2ff}
.messagesbox .msgbox{padding:20px;}
.messagesbox .msgbox strong{font-weight:700;}


.mailhistory li{border-top:1px solid #ddd;}
.mailhistory li .mailhead{background:#f8f8f8; padding:10px; cursor:pointer;}
.mailhistory li .mailhead .userimg{float:left; width:30px;}
.mailhistory li .mailhead .usertitle{float:left; font-weight:700; margin-left:10px; margin-top:0; font-size:14px;}
.mailhistory li .mailhead .usertitle a{display:block; font-weight:400; font-size:13px; margin-top:3px;}
.mailhistory li .mailhead .date{float:right; margin-top:7px; font-size:13px;}
.mailhistory li .fullmail{padding:5px 10px 15px 10px;}
.mailhistory li .mailhead.active{background:#FFF;}
.mailhistory li .mailhead .ico{float:right; font-size:16px; color:#555; margin-left:15px; margin-top:7px;}
.mailhistory li .mailhead .switchbox{float:right; margin-right:15px; margin-bottom:0; margin-top:3px;}
.mailhistory li .mailhead .switchbox .txtlbl{font-size:13px; font-weight:600; margin-right:5px;}

.emailref{background:#f3f3f3; border:1px solid #ddd; padding:7px 12px; margin:20px 0 10px 0}
.emailref strong{font-weight:700;}
.attachedwrap h3{font-size:18px; font-weight:600; margin-top:30px;}


.attachement{width:100px; height:100px; background:#f7f7f7; margin:15px 10px 0 0; position:relative; border:1px solid #ddd; float:left; text-align:center;}
.attachement .fa-file-pdf-o, .attachement .fa-file-word-o{font-size:40px; margin-top:27px; color:#da251c;}
.attachement .fa-file-word-o{color:#2a5696;}

.attachement a{position:absolute; right:10px; top:10px; background:#fff; padding:7px; font-size:18px; color:#555;}


.mailhistory li:nth-child(2n) .mailhead{background:#e8f0ff;}

.mareplybox{margin-top:30px;}
.mareplybox a{display:block; color:#777; margin-bottom:7px;}
.mareplybox textarea.form-control{border-radius:0; height:300px;}
.mareplybox .btn{background:#1d8fce; margin-top:10px; color:#fff;}
.mareplybox h4 {
    font-size: 18px;
    color: #84bc25;
    font-weight: 700;
    margin-bottom: 15px; margin-top:30px;
}
.mareplybox label{font-size:14px; display:block; margin-bottom:5px; font-weight:600;}
.mareplybox p{text-align:left; margin-bottom:20px; line-height:22px; color:#666;}

.mareplybox .character{background:#eee; padding:7px 15px; margin-bottom:15px;}

.sessionlist{margin-top:30px;}
.sessionlist h3{font-size:24px; font-weight:600; margin-bottom:10px;}
.sessionlist a.allview{font-size:16px;}
.sesslist li .innet{margin-top:20px; border:1px solid #ddd;}

.sesslist .sestitle{background:#00a2ff; font-size:14px; color:#fff; padding:7px 10px;}
.sesslist .sestitle a{float:right; color:#fff;}
.sesslist .sestitle a.sessionlink{float:left;}
.sesslist .sestitle:after{display:table; content:''; clear:both;}
.ssbox{padding:15px;}
.ssbox p{margin:0 0 5px 0; line-height:18px;}
.ssbox p strong{font-weight:700;}
.ssbox .btn{background:#00a2ff; color:#fff; padding:5px 7px; font-size:13px; font-weight:400; border-radius:0; margin-top:10px;}
.ssbox .btn.cancle{background:#F20006;}
.ssbox .btn:hover{background:#333;}

.sessionlist .profileTabs{padding-top:20px;}
.sessionlist .profileTabs .nav-tabs{border-bottom:5px solid #96ca4a;}
.sessionlist .profileTabs .nav-tabs>li>a{font-size:14px; padding:7px 10px;}
.sessionlist .profileTabs .tab-pane{border-bottom:none; padding:0}



.urlwrap{margin:15px 0;}
.urllink{font-size:20px; font-weight:700; color:#777; margin-top:5px; margin-bottom:20px; background:#eee; padding:15px; position:relative;}
.urllink .editlink{background:none; padding:0; right:15px; top:18px;}


.urlbox{font-size:16px; font-weight:700; color:#777; margin-top:5px;}
.urlwrap .form-control{border-radius:0;}
.urlwrap .btn{background:#84bc25; color:#fff; font-weight:700; text-transform:uppercase; border-radius:0; border-color:#84bc25;}
.input-group-addon{background:none; border-radius:0; border:none; padding:0 15px 0 0; font-weight:700;}

.canclelink{display:inline-block; color:#D80106; margin-top:15px;}
.statlist{margin-top:20px;}
.statlist table strong{font-weight:700; color:#222;}
.statlist table td .view{background:#84bc25; color:#fff; font-size:14px; font-weight:600; padding:6px 15px; display:inline-block;}
.statlist table td .view:hover{background:#333; text-decoration:none;}



#counter{background: #ddd; padding:50px 0}
#counter .counter-number {
	display: block;
	color: #84bc25;
	font-size: 60px;
	line-height: 60px;
}
#counter span {
	color: #333;
	font-weight: bold;
}
.counter-icon {
	font-size: 60px;
	margin-bottom: 15px;
	color: #777;
}
.counterbox{background:#fff; text-align:center; padding:20px;}

.timeimage{margin-bottom:50px;}
.timeimage img{border:5px solid #c7e1ef;}

.loginhistory th{color:#fff; font-weight:700; font-size:15px;}
.loginhistory tr:nth-child(2n) td{background:#f9f9f9;}
.loginhistory .red{color:#E80005;}
.loginhistory .blue{color:#1780FF;}
.loginhistory td{font-size:14px;}
.loginhistory td img{width:24px;}
.loginhistory td strong{font-weight:400;}
.loginhistory tr i{font-size:20px;}


.loginhistory tr:hover td{background:#eaf7f7;}


.eutimebox{text-align:center; background:#eee; padding:30px; line-height:30px;}
.bidmanager_heading45 {font-size: 24px; font-weight: bold; color: #1d8fce;}
.bidmanager_heading {font-size: 24px; font-weight: bold; color: #201a1a;}
.bidmanager_heading2 {font-size: 18px; font-weight: bold; color: #201a1a;}
.timehead{margin:30px 0 10px 0; font-size:20px; font-weight:700;}


.tjoblist{list-style:none;}
.tjoblist li{padding:5px 0 !important; line-height:20px !important; border-bottom:1px solid #ddd;}
.tjoblist li:hover{border-bottom-color:#84bc25;}
.tjoblist li:before{display:none;}
.tjoblist li .col-md-7{font-weight:600} 
.tjoblist li img{display:inline-block; position:relative; width:24px; top:6px;}

.anytimewrap{margin-bottom:30px;}
.anytimewrap strong{display:block; text-align:center; position:relative; margin-bottom:10px; font-size:18px; font-weight:700; color:#555}
.anytimewrap strong:before{position:absolute; width:100%; height:1px; background:#ddd; left:0; top:50%; margin-top:-1px; content:'';}
.anytimewrap strong i{display:inline-block; background:#fff; padding:5px 50px; position:relative; z-index:10000}

.anytime{background:#f9f9f9; border:1px solid #eee; padding:10px 15px; font-weight:700; font-size:16px; text-align:center}
.anytime i{font-size:24px; color:#96ca4a; margin-right:7px;}

.formpanel .anytime{font-size:14px;}

.applyfor{text-align:center; font-size:24px; font-weight:700; margin-top:30px;}
.applyfor strong{color:#1d8fce;}
.job-header .socialLogin{margin-bottom:30px;}

.notetxt{font-size:10px;}

.payoptbox{background:#f6f6f6; padding:25px;}
.payoptbox h3{font-size:18px;}
.payoptbox .row{margin-top:15px;}
.payoptbox .row strong{font-weight:700; font-size:16px;}
.payoptbox  .input-group-addon{font-size:24px; font-weight:700; padding:0 10px;}
.payoptbox hr{border-color:#ccc;}
.cardtxtin{margin-top:15px; font-weight:700; font-size:16px;}

.alert-danger p, .alert-success p{margin-bottom:0; color:#000; margin-top:8px;}
.alert-danger strong, .alert-success strong{font-size:18px; font-weight:700;}
.alert-danger i, .alert-success i{font-size:20px;}


.myfavwrap h5{font-size:24px; font-weight:700; margin-bottom:30px;}
.myfavwrap .flist li{width:65px;}
.myfavwrap h4{font-size:18px; font-weight:700; margin-top:10px; margin-bottom:0}

/* Social */
.tsocial{margin-top:15px; margin-bottom:0;}
.tsocial li a {
  display: block;
  height: 36px;
  width: 36px;
  color: #666;
  line-height: 36px;
  text-align: center;
  text-decoration: none;
  font-size:18px;
  background:#eee;
  margin:0
}
.tsocial li a:hover { 
  background:#84bc25; color:#fff;
}


.innercount .profileTabs .tab-pane{border-bottom:0;}
.innercount .testimonialsList{margin-top:30px;}
.innercount .testimonialsList>li{margin-bottom:60px;}
.innercount .testimonialsList li .testimg{border-color:#e8e8e8;}
.innercount .testimonialsList li p{text-align:center;}

.textisublinks{margin-top:15px;}
.textisublinks a{color:#000; background:#eee; padding:8px 10px; text-decoration:none; display:inline-block; margin:0 2px 5px 0; font-size:15px; font-weight:700;}
.textisublinks a:hover, .textisublinks a.active{background:#1d8fce; color:#fff;}
.textisublinks p{margin-top:15px;}

.tabtitle{margin-bottom:70px; font-size:30px; font-weight:700; text-align:center; border-top:1px solid #eee; padding-top:30px;}
.vidtestimonial{margin-top:-20px;}
.vidtestimonial iframe{display:block; margin-top:30px;}
.vidtestimonial .abouttestinfo{text-align:center;}
.abouttestinfo{margin-top:30px; margin-bottom:50px;}

.abouttestinfo h4{font-size:36px;}
.abouttestinfo h4 span{color:#84bc25; font-size:16px;}
.abouttestinfo .location{font-size:18px; margin-bottom:10px;}

.convertform label{font-size:18px;}
.convertform label span{float:right; font-size:10px !important; color:#777;}
.convertform .excarrow{font-size:36px; margin-top:58px; text-align:center; display:block; cursor:pointer; color:#666;}
.convertform .excarrow:hover{color:#84bc25;}
.convertform .flt{font-size:24px; color:#84bc25; padding:3px 10px;}
.forexbox{background:#fff; border:1px solid #ddd; padding:5px;}
.forexbox .form-control{font-size:24px; height:auto; border:none; box-shadow:none; width:69%; float:right;}
.forexbox select.form-control{ width:30%; float:left; font-size:24px; border-right:1px solid #ddd; border-radius:0;}
.forexbox .form-control:focus{box-shadow:none;}
.convertform p{text-align:center; margin:10px 0 0 0;}

.searchtype{background:#f9f9f9; border:1px solid #eee; padding:10px 20px; font-size:14px; font-weight:700; margin-bottom:20px;}
.row.frow{margin:0 -15px;}

.favtxt{font-size:14px; font-weight:600; margin-top:10px;}

.schoolwrap h4{color:#96ca4a; font-size:16px; margin-left:20px;}
.scfile{margin-bottom:10px; margin-left:20px;}
.scfile i{font-size:16px; margin-right:5px;}
.scfile i.fa-file-pdf-o{color:#FF0006;}
.scfile i.fa-files-o{color:#0084F0;}

.scfile a{font-size:15px; color:#666; font-weight:600;}

.userSecondary .facebookcmt{margin:30px 0;}
.vacancies h3{font-size: 30px; font-weight: 700; color: #1ba6df; margin-bottom: 10px; position: relative;}

.pageheadings{margin-bottom:30px;}
.pageheadings h2{font-size:24px; font-weight:700;}


/*worksheets*/
.timestartWrap{margin-bottom:30px;}
.timeList{list-style:none;}
.timeList li{background:#f9f9f9; width:20%; float:left; margin-right:5px; padding-left:0 !important;}
.timeList li:before{display:none;}
.timeList li .tmtop{background:#84bc25; text-align:center; color:#fff; font-size:14px; font-weight:700; padding:10px 15px; line-height:18px; min-height:56px;}
.timeList li strong{padding:15px; text-align:center; font-size:26px; color:#666; display:block; font-weight:700;}
.timeList li:nth-child(2) .tmtop{background:#1d8fce;}
.timeList li:nth-child(3) .tmtop{background:#555;}
.timeList:after{display:table; clear:both; content:'';}

.questionstart{margin-top:30px;}
.questionstart h3{font-size:24px; font-weight:600; color:#84bc25}
.qeslist li{padding:10px 15px !important; border:2px solid #ddd; cursor:pointer; color:#000;}
.qeslist li:hover{background:#ebf8ff; border-color:#c0e8ff;}
.qeslist li:before{display:none;}
.qeslist li.active{background:#75bbe2; border-color:#1a83bd; color:#fff;}


.questionstart .btn{background:#84bc25; border:none; color:#fff; font-weight:700; padding:8px 30px;}

.availtable{margin-bottom:30px;}
.availtable .table td strong{font-size:14px;}
.availtable .table td.green{background:#96ca4a; color:#fff;}
.availtable .table td.blue{background:#1d8fce; color:#fff;}
.availtable .table td.grey{background:#666; color:#fff;}

.availtable .table td i.fa-user{color:#F90006;}
.availtable .table td i.fa-times{color:#888;}

.availtable .table td, .availtable .table thead td{font-size:14px;}
.availibilty .table td{font-size:14px;}

.timezonetxt{margin-bottom:10px; font-size:14px; font-weight:600; color:#777}
.timezonetxt strong{color:#333;}

.addotherlink{text-align:right; margin-bottom:30px;}
.addotherlink a{font-size:16px; font-weight:600;}
.addotherlink a i{font-weight:400;}
.addotherlink a:hover{color:#000;}


.imgupload li{margin:15px 0; text-align:center;}
.imgupload li .title{font-size:16px; font-weight:700; margin-top:10px;}


.profileimgwrap h3{font-size:24px; font-weight:700;}
.profileimgwrap .profileTabs{padding:20px 0;}


.payeewrap{background:#f9f9f9; padding:25px; margin-top:30px;}
.payeewrap h6{font-size:18px;}
.payeewrap p{font-size:14px; color:#000; line-height:26px; margin:0}
.payeewrap strong{font-weight:600;}

.accountbox{margin-top:30px;}
.timebtn{text-align:center; margin-top:30px;}
.timebtn a{display:inline-block; padding:10px 30px; color:#fff; font-size:14px; font-weight:600; background:#00a2ff;}
.timebtn a.green{background:#84bc25;}
.timebtn a:hover{background:#333; text-decoration:none;}


.ratingbox{background:#f6f6f6; padding:30px; border:1px solid #ddd; margin:30px 0}
.ratingbox h4{font-size:24px; font-weight:500; color:#444;}

.overallrating{margin-top:20px; text-align:center;}
.overallrating h6{font-size:100px; font-weight:300;}
.ratingbox .ratestar a{text-decoration:none;}
.ratingbox .ratestar i{font-size:24px; color:#84bc25;}
.ratingbox .ratestar i.fa-star-o{color:#999;}
.overallrating .txt1{margin-top:5px; font-size:14px;}
.ratingbox .progress{background:#fff; margin-bottom:0;}
.ratingbox .ratestar strong{font-size:18px; padding-left:15px; color:#444}
.progress-bar-success{background-color: #84bc25;}
.ratrow{margin-top:10px; }

.timezonepop table th{background:#eee; font-weight:700;}




/**Mailbox**/
.mailboxheader{background:#1d8fce; margin-bottom:30px;}
.mailboxheader a{display:inline-block; padding:15px 15px; color:#fff; float:left; position:relative;}
.mailboxheader a i{font-size:20px; margin-right:5px;}
.mailboxheader a span{background:#000; padding:3px 5px; border-radius:3px; position:absolute; top:-10px; right:15px; font-size:12px;}
.mailboxheader a span:before {
  content: ' ';
  position: absolute;
  width: 0;
  height: 0;
  left: 7px;
  top: 18px;
  border: 3px solid;
  border-color: #000 transparent transparent #000;
}


.mailboxheader a:hover, .mailboxheader a.active{background:rgba(0,0,0,0.1); text-decoration:none;}
.mailboxheader .input-group{float:right; width:280px; margin:8px 15px 0 0}
.mailboxheader .form-control{background:rgba(0,0,0,.2); border:none; border-radius:20px; color:#fff;}
.mailboxheader .btn{background:rgba(0,0,0,.2); border:none; border-radius:0 20px 20px 0; color:#fff; padding:7px 10px;}
.mailboxheader .btn-default:active, .mailboxheader .btn-default:active:focus, .mailboxheader .btn-default:active:hover{background:none; box-shadow:none;}

.mainboxouter{margin-bottom:30px; border:1px solid #eee;}
.mainboxouter .titlebox{background:#eee; padding:10px 15px;}
.mainboxouter .titlebox h4{float:left; font-size:20px; color:#666;}
.mainboxouter .titlebox a{float:right; margin-top:5px; font-size:14px; font-weight:700; color:#00a2ff}
.mainboxouter .titlebox h4 span{font-size:13px; display:inline-block; background:#999; color:#fff; padding:4px 6px; border-radius:3px;}
.mainboxouter .msgbox{padding:15px;}
.mainboxouter .titlebox .count{float:right; font-weight:600; margin:0px 5px 0 0}
.mainboxouter .titlebox .count span{float:left; margin-top:7px; margin-right:10px;}
.mainboxouter .titlebox .count a{background:#f5f5f5; background-image: -webkit-linear-gradient(top,#ffffff,#f1f1f1);
    background-image: linear-gradient(top,#ffffff,#f1f1f1);
    background-image: -webkit-linear-gradient(to bottom,#ffffff,#f1f1f1);
    background-image: linear-gradient(to bottom,#ffffff,#f1f1f1); border:1px solid #ddd; padding:6px 10px; display:inline-block; margin-left:5px; font-size:14px; border-radius:2px; margin-top:0; color:#555}
.mainboxouter .titlebox .count a:hover{color:#000;}


.mailList{margin-bottom:40px;}
.mailList li{border-bottom:1px solid #ddd; border-left:3px solid #f7f7f7; padding:10px 90px 10px 10px; background:#f7f7f7; position:relative; font-size:14px;}
.mailList li .check{float:left; margin-right:13px; margin-top:2px;}
.mailList li a{color:#555; margin-top:3px; text-decoration:none;}
.mailList li a.user{display:inline-block; min-width:150px;}
.mailList li a:hover{color:#1d8fce;}

.mailList li .date{position:absolute; right:10px; top:13px; font-size:13px; color:#777}
.mailList li:hover{background:#eee; border-left-color:#84bc25;}

.mailList li .mailico{float:left; margin:3px 15px 0 0; font-size:16px; width:13px; height:18px; cursor:pointer;}
.mailList li .mailico .fa-flag{color:#999;}
.mailList li .mailico.flaged .fa-flag{color:#84bc25;}

.mailList li input[type=checkbox] {display:none;}
.mailList li input[type=checkbox] + label{width:16px; height:16px; border:1px solid #ccc; background:#fff; cursor:pointer;}
.mailList li input[type=checkbox]:checked + label:before{content:'\f00c'; font-family: 'Font Awesome 5 Free'; font-weight: 900; color:#555; font-size:12px; padding-left:1px; position:relative; top:0px;}

.mailList li.head{background:none; border-left:none; padding-left:13px; padding-top:0;}
.mailList li.head .mailico .fa-flag{color:#777;}
.mailList li.head a{margin-top:0; font-size:16px;}

.mailList li.head .actionbtns{float:left; margin-left:15px;}
.mailList li.head .actionbtns a{background:#f5f5f5; background-image: -webkit-linear-gradient(top,#ffffff,#f1f1f1);
    background-image: linear-gradient(top,#ffffff,#f1f1f1);
    background-image: -webkit-linear-gradient(to bottom,#ffffff,#f1f1f1);
    background-image: linear-gradient(to bottom,#ffffff,#f1f1f1); border:1px solid #ddd; padding:6px 10px; display:inline-block; margin-right:7px; font-size:14px; border-radius:2px;}
.mailList li.head .actionbtns a:hover{color:#000;}
.mailList li.head .actionbtns .switchbox{display:inline-block; margin-left:15px; margin-bottom:0;}
.mailList li.head .actionbtns .switchbox .txtlbl{font-size:14px; margin-right:5px;}

.mailList li.nomsg{background:none; padding:0; border:none;}
.mailList li.nomsg .alert{margin:10px 0;}

.mailList li.unread{background:#fff2f2; font-weight:600;}
.mailList li.unread a, .mailList li.unread .date{color:#000;}

.mailList li.fullmsg{border:none; padding:15px; background:none;}
.mailList li.fullmsg h5{margin-bottom:15px; font-size:16px; font-weight:600;}



.composeform{padding:15px;}
.composeform .input-group{margin-bottom:15px;}
.composeform .form-control{height:auto; border-radius:0; padding:10px 15px;}
.composeform .input-group-addon{width:70px; text-align:left;}
.composeform .input-group{width:100%;}
.composeform .msg{margin-top:15px;}
.composeform textarea.form-control{height:350px;}
.composeform .btn {
    width: 100%;
    background: #1d8fce;
    color: #fff;
    border-radius: 0;
    padding: 10px;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
	margin-top:20px;
}
.composeform .btn:hover {
    background: #222;
}

.invoiceheader{border-bottom:3px solid #84bc25; padding:15px; margin-bottom:30px; background:#f6f6f6;}
.invoiceheader .logo{margin-top:10px;}
.invoiceheader .shoping{font-size:24px; text-align:center; margin-top:10px; font-weight:600;}
.barcode{text-align:right;}
.barcode img{display:inline-block;}

.invoicewrap h3{font-size:24px; margin-bottom:10px; font-weight:600}
.invoicewrap p{font-size:14px;}
.invoicewrap .availibilty{margin-top:30px;}
.invoicewrap .availibilty .package{display:inline-block; background:#eee; padding:4px 8px; font-size:13px; border-radius:3px; color:#000}
.invoicewrap .availibilty .table td{font-size:13px;}
.invoicewrap .availibilty .table .price{color:#84bc25; font-weight:600}
.invoicewrap .availibilty .table .price2{color:#444; font-weight:600}

.printinv{padding:10px 15px; text-align:center; border-top:2px solid #84bc25; border-bottom:2px solid #555; margin-top:10px;}


.paymentby{background:#eee; padding:20px;}
.paymentby h3{font-size:24px; font-weight:700; margin-bottom:15px;}
.paymentby .payby{margin:0 -10px;}
.paymentby .payby li{float:left; background:#fff; border:2px solid #ddd; padding:10px; margin:0 10px; position:relative; text-align:center;}
.paymentby .payby li img{height:27px; display:inline-block;}
.paymentby .payby li strong{font-weight:600; display:block; margin-top:10px;}
.paymentby .payby:after{display:table; content:''; clear:both;}
.paymentby .payby li.selected{border-color:#84bc25;}
.paymentby .payby li.selected:after {
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #84bc25;
    content: '';
    position: absolute;
    bottom: -15px;
    left: 50%;
    margin-left: -8px;
}

.modal-sm .btn{text-transform:uppercase; padding:7px 20px; font-weight:600;}
.corvidebox{margin-bottom:30px; background:#f7f7f7; border:1px solid #ddd; padding:10px;}
.corvidebox iframe{display:block;}

.onlinecprice{margin-bottom:15px; color:#333;}
.onlinecprice .price{margin-bottom:10px;}
.onlinecprice .price strong{font-size:30px; font-weight:700; color:#84bc25;}
.onlinecprice .price .discount{text-decoration:line-through; font-size:18px; padding-left:10px; padding-right:10px; color:#333;}
.onlinecprice .dayleft strong{font-weight:700;}

.buybuttons .btn{background:#84bc25; color:#fff; text-align:center; display:block; padding:15px 30px; font-size:18px; margin-bottom:15px; font-weight:bold;}
.buybuttons .btn.cart{background:#666; border:1px solid #ddd; color:#fff; margin-bottom:5px;}

.buybuttons .btn:hover{background:#111; color:#fff;}

.buybuttons .btn i{font-size:24px; margin-right:10px;}

.buybuttons .txt{text-align:center; margin-bottom:15px; color:#777;}

.whatinc li{margin-top:15px; color:#666;}
.whatinc li i{width:20px;}
.whatinc li strong{font-weight:600;}


.rightbarlist{margin-top:10px;}
.rightbarlist li {
	padding:5px 0 5px 16px;
	position: relative;
	line-height: 20px;
}
.rightbarlist li:before {
	content: '\f0da';
	font-family: 'Font Awesome 5 Free'; font-weight: 900;
	color: #a8d815;
	position: absolute;
	left: 0;
}

.aboutInstructor h3{font-size:26px; color:#a8d815; font-weight:600;}
.aboutInstructor .ratingbox{margin-top:10px;}

.instrbox{border:1px solid #ddd; margin-bottom:30px; padding:15px; margin-top:5px;}
.instrbox h4{margin-bottom:7px;}
.instrbox h4 a{font-size:18px; color:#1d8fce; font-weight:600}
.instrbox h4 a:hover{color:#333;}
.designation{margin-bottom:10px; color:#777;}



.curiculumCourse{margin-top:30px;}
.curiculumCourse h3{font-size:24px; color:#333}


.morecource h3{font-size:20px; font-weight:600; margin-bottom:20px; color:#84bc25}
.morecource ul li{border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px;}
.morecource ul li:after{display:table; clear:both; content:'';}
.morecource ul li .cimg{float:left; width:80px; margin-right:15px;}
.morecource ul li h5 a{display:block; font-size:14px; font-weight:600; margin-bottom:5px;}
.morecource ul li .meta-author{font-size:13px; color:#333; margin-bottom:7px;}
.morecource ul li .meta-duration{font-size:14px; color:#777; display:inline-block; margin-right:15px;}
.morecource ul li .meta-price{font-size:16px; color:#84bc25; font-weight:700;}


.relatedCourses{margin-top:30px;}
.relatedCourses .bxtitle{background:#1d8fce; color:#fff; padding:12px 15px; font-size:18px; font-weight:700;}
.relatedCourses .bxtitle a{float:right; color:#fff;}
.relatdc li{margin-top:30px;}
.relatdc li .corint{border:1px solid #ddd; box-shadow:0 0 5px rgba(0,0,0,0.1)}
.relatdc li .cdetail{padding:15px;}
.relatdc li h5 a{display:block; font-size:18px; font-weight:600; margin-bottom:10px;}
.relatdc li .meta-author{font-size:16px; color:#333; margin-bottom:10px; font-weight:700}
.relatdc li .meta-duration{font-size:14px; color:#777; display:inline-block; margin-right:15px;}
.relatdc li .meta-price{font-size:16px; color:#84bc25; font-weight:700;}
.relatdc li .userrating{margin-top:10px; margin-bottom:0}


.relatedtabs .nav-tabs>li>a{font-size:14px;}
.listxt{padding:15px 0;}
.listxt li{padding:5px 0;}
.listxt li a{padding-left:15px; position:relative; display:block;}
.listxt li a:before{position:absolute; left:0; content:'\f0da'; font-family:'FontAwesome';}
.listxt li a:hover{color:#000;}


.accountcreate{background:#f6f6f6; border:1px solid #dedede; padding:20px 30px; margin-bottom:30px;}
.accountcreate h5{float:left; font-size:24px; line-height:30px; width:65%;}
.accountcreate h5 a{font-size:24px; color:#96ca4a;}
.accountcreate .btn{float:right; background:#96ca4a; color:#fff; border-radius:0; padding:12px 30px; font-weight:700; font-size:16px; margin-top:7px;}
.accountcreate .btn:hover{background:#333;}
.accountcreate:after{clear:both; display:table; content:'';}

.searchCourse{background:#eee; padding:20px;}
.searchCourse .form-control{height:auto; border-radius:0; padding:12px 12px;}
.searchCourse .btn{background:#96ca4a; color:#fff; border-radius:0; padding:13px 15px; border:none;}

.lessonWrap{background:#f8f8f8; border:1px solid #eee;}
.lessonWrap #courseInfo{height:700px; overflow:auto;}
.lessonWrap #courseInfo h4{margin-bottom:0; border:none; border-top:1px solid #ddd;}
.lessonWrap #courseInfo .outer{background:#fff; border:none !important; margin-bottom:0}
.lessonWrap #courseInfo .outer ul{margin-left:0;}
.lessonWrap .curiculumCourse{margin-top:0;}
.lessonWrap .curiculumCourse h3{padding:10px 20px; font-size:20px;}
.lessonWrap .curiculumCourse h3 span{display:block; font-size:14px; margin-top:5px;}
.chaploc{padding:15px 10px 0 20px;}


.videochapterbox{background:#84bc25; padding:25px; margin-bottom:30px;}
.videochapterbox i{color:#fff; font-size:70px; float:left; margin-right:20px;}
.videochapterbox h5{color:#fff; font-size:24px;}
.videochapterbox a{background:#000; display:inline-block; padding:13px 30px; color:#fff; text-transform:uppercase; margin-top:10px; font-weight:700;}
.videochapterbox a:hover{background:#577d17; text-decoration:none;}




.questionsWrap{margin-top:20px;}
.qlist{border-bottom:1px solid #ddd; padding-bottom:30px; margin-bottom:30px;}
.questionTitle{font-size:22px; font-weight:600; line-height:26px;}
.qlist ul{margin-bottom:0 !important;}
.qlist ul li{padding:0 15px !important; margin-top:20px;}
.qlist ul li:before{display:none;}
.qlist ul li .radioico{float:left;}
.qlist ul li p{padding-left:25px; line-height:22px !important; margin-bottom:0 !important; font-size:15px;}
input[type=checkbox], input[type=radio]{width: 17px; height: 18px;}


.questionsWrap .nextbtn{text-align:center;}
.questionsWrap .nextbtn a{background:#84bc25; color:#fff; padding:12px 40px; border-radius:4px; display:inline-block; font-size:18px; font-weight:700; margin-right:5px;}
.questionsWrap .nextbtn a.prev{background:#555;}
.questionsWrap .nextbtn a:hover{text-decoration:none; background:#333;}
.questionsWrap .nextbtn span{float:right; font-weight:600; margin-top:10px;}


.pracexam{margin-top:20px; margin-bottom:0 !important;}
.pracexam li{padding:15px !important; background:#f8f8f8; border:1px solid #eee; margin-top:5px; margin-bottom:10px;}
.pracexam li:before{display:none;}
.pracexam li h4{font-weight:400; margin-bottom:5px; color:#444;}
.pracexam li .taketext{background:#84bc25; color:#fff; padding:9px 25px; border-radius:4px; display:inline-block; font-size:14px; font-weight:600; margin-top:10px;}
.pracexam li .taketext:hover{text-decoration:none; background:#333;}
.pracexam li .extitle{font-size:18px;}





@media screen and (max-width:990px) {
	.navbar-toggler {
    position: absolute;
    top: 30px;
    right: 20px;
    background: #eee;
    display: block;
		padding: .25rem .75rem;
		border-radius: 5px;
		border: none;
}
	.topbar .usernav{float:none; margin-bottom:10px;}
	.navbar-nav>li>a{padding:10px 0;}
	.searcCountry{text-align:left;}
	.featuredList li img, .homebloglist li .imageBox img, .teacherList li img{width:100%;}	
	.footerWrap h5{margin-top:40px; margin-bottom:15px;}
	.sortbybar{margin-top:30px; text-align:center}
	.listby{margin-bottom:20px;}
	.sortbybar .found{text-align:center; margin-top:10px; line-height:22px;}
	.overallrating{margin-bottom:30px;}
	.ratingbox .ratestar i{font-size:18px;}
	.reviewList li .userrating{margin:10px 0;}
	.postmeta{line-height:22px; margin-bottom:0;}
	.reviewList li .reviewList{margin-left:0;}
	.pagiWrap .pagination{text-align:left; margin:10px 0;}
	.searchbar{margin:0 50px;}
	.searchbar .btn{margin-top:10px;}
	.jobList li .addcompare{margin:15px 0 0 0;}
	.usernavdash{margin-bottom:30px;}
	.tutoravail h5{margin-top:20px;}
	.availtable{height:auto;}
	#social-sidebar{display:none;}
	.socialLogin a{margin-top:10px;}
	.mapusers{height:auto;}
	.usermap{margin-top:30px;}
	.wkyearlist{margin-top:30px;}
	.wkyearlist li .pricebox{padding:15px;}
	.wkyearlist li .agentlogo{position:static; margin-top:20px;}
	.wkyearlist li .user-title{margin-top:20px;}
	
}

@media screen and (max-width:768px) {
	.subjectslist li{padding:7px 15px;}
	.adbox160, .adbox360, .adbox300, .largebanner{display:none;}
	.quextiontitle{text-align:center;}
	.quextiontitle h5{float:none;}
	.quextiontitle a{display:inline-block; float:none; margin-top:15px;}
	
}

@media screen and (max-width:767px) {
	.topbar .user a.name{display:none;}
	
	.navbar-nav{float:none;}
	.navbar-collapse{padding:0 15px;}
	.navbar-nav>li>a{padding:10px;}
	
	.eututorsearch .form-control{margin-bottom:15px;}
	.eututorsearch .searchlinks a{margin:10px;}
	ul.orderlist{margin-bottom:30px;}
	
	.hometagline{text-align:center;}
	.hometagline a{margin-top:30px;}
	
	.dotolist li{margin-top:50px;}
	
	.userList li .ribbon{display:none;}
	.jobButtons a{margin:10px 10px 0 0;}
	.profileTabs .nav-tabs>li>a{text-transform:none; padding:8px 10px;}
	.socialLogin a{margin-top:10px;}
	
	.crumbwrap{text-align:center; line-height:22px;}
	.crumbwrap .col-md-3{text-align:center !important;}
	.userSearchBox .form-control{margin-bottom:15px;}
	.userList li .status .ubadge{margin:10px 0 0 0;}
	.userList li .userhour{margin-bottom:10px;}
	.sessionlist .profileTabs .nav-tabs>li>a{text-transform:none; font-weight:600}
	.instoretxt a{margin:5px;}
	.golivebox h5 a{float:none !important; display:inline-block; margin-top:20px;}
	.profileinfo{text-align:left;}
	.balance{float:left; margin:15px 50px 10px 0}
	.aurrating{float:left;}
	.userList li .live, .userList li .like{margin:10px 10px 0 0;}
	.request-tutor .formrow textarea{height:200px;}
	.rtrans{text-align:left; margin-top:15px;}
	.searchWrap.paddingtop{margin-bottom:20px;}
	.request-tutor .formrow span{margin-top:5px;}
	.payoptbox .row strong{font-size:14px; font-weight:600}
	.formpanel textarea.form-control, select.form-control[multiple]{margin-bottom:15px; height:200px;}
	.currency{margin-top:10px;}
	
}






