/* active */
.mobile-navigation .mobile-btn.show-menu span {
	background-color: transparent;
}
.mobile-navigation .mobile-btn.show-menu span:before {
	top: 0;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	     -o-transform: rotate(45deg);
	        transform: rotate(45deg);
}
.mobile-navigation .mobile-btn.show-menu span:after {
	top: 10px;
	-webkit-transform: translateY(-10px) rotate(-45deg);
	   -moz-transform: translateY(-10px) rotate(-45deg);
	    -ms-transform: translateY(-10px) rotate(-45deg);
	     -o-transform: translateY(-10px) rotate(-45deg);
	        transform: translateY(-10px) rotate(-45deg);
}
.mobile-navigation .mobile-container {
	background: #fff;
	position: absolute;
	left: 0;
	top: 100px;
	width: 100%;
	z-index: 999;
}
/* 1st level */
.mobile-navigation .mobile-container li.parent-item a {
	display: block;
	color: #a9abb0;
	padding: 10px 20px;
	border-bottom: 1px solid #e6e6e7;
}
.mobile-navigation .mobile-container li.parent-item a:hover {
	background: #f4f4f4;
	color: #fe9d68;
}
.mobile-navigation .mobile-container li.current_page_item > a {
	color: #fe9d68;
}
.mobile-navigation .mobile-container li.parent-item a span {
	background: none;
	box-shadow: none;
}
/* 2nd */
.mobile-navigation .mobile-container li.haschild > ul {
	display: none;
}
.mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a {
	padding-left: 40px;
}
.mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > ul > li > a {
	padding-left: 60px;
}
.mobile-navigation .mobile-container li.haschild > ul.submenu > li.sub-item > a:after {
	margin-right: 10px;
}
/* courses */
.mobile-navigation .mobile-container li.courses-menu .course-menu-item {
	padding: 0;
	width: 50%;
	float: left;
	border-right: 1px solid #e6e6e7;
}
.mobile-navigation .mobile-container li.courses-menu .course-menu-item .item-icon {
	visibility: hidden;
	float: left;
	width: 40px;
}
.mobile-navigation .mobile-container li.courses-menu .course-menu-item .courses-num {
	display: none;
}
/* 14 - Blog */
.post {
	padding-top: 100px;
	background: #f5f5f5;
}
.post #single-slider {
	margin-bottom: 30px;
}
.post #single-slider .image {
	position: relative;
	border-radius: 4px;
	overflow: hidden;
}
.post #single-slider .image:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 3px;
	background: rgba(0, 0, 0, .25);
}
.post #single-slider .flex-direction-nav a {
	top: auto;
	left: auto;
	right: 20px;
	bottom: 20px;
}
.post #single-slider .flex-direction-nav .flex-prev {
	right: 62px;
}
.post .entry, .post .course-details, .contact .contact-left,
.login-page .login-form, .login-page .login-options {
	background: #fff;
	padding: 20px;
	border-radius: 4px;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);
}
.post .course-details {
	margin-bottom: 30px;
}
.post .entry-icon, .sidebar .sidebar-widget .widget-icon,
.comment-form .addcomment-title .icon, .contact .contact-left .contact-form-icon,
.login-page .login-form .login-title .icon {
	background: #383c4b;
	display: inline-block;
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border-radius: 1px;
	color: #fff;
	font-size: 18px;
	margin-right: 6px;
	margin-bottom: 24px;
}

/* tree */
.comments-list li.haschild > .comment-body {
	position: relative;
}
.comments-list li.haschild > .comment-body:after {
	content: '';
	display: block;
	width: 2px;
	height: 100%;
	background: #212129;
	position: absolute;
	left: 35px;
	top: 90px;
}
.comments-list li.haschild > .comment-body:before {
	content: '';
	display: block;
	width: 55px;
	height: 2px;
	background: #212129;
	position: absolute;
	left: 35px;
	bottom: -90px;
}
.comment-form {
	padding: 20px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0px 2px 1px 0px rgba(0, 0, 0, 0.13), inset 0px -2px 0px 0px rgba(0, 0, 0, 0.12);
	overflow: hidden;
}
.comment-form .addcomment-title .icon {
	margin-bottom: 0;
}
.comment-form .addcomment-title .text {
	font-size: 18px;
	font-weight: bold;
	color: #383c4b;
}
.comment-form .input, .contact-form .input {
	position: relative;
}
.comment-form .input input:not([type=submit]), .comment-form .input textarea,
.contact-form .input input:not([type=submit]), .contact-form .input textarea,
.login-page .login-form .input input {
	display: block;
	width: 100%;
	padding: 9px 20px;
	border: 1px solid #d7d8db;
	border-radius: 2px;
	font-size: 15px;
	font-weight: bold;
	margin-top: 20px;
	color: #5a5e6a;
}
.comment-form .input input:focus:not([type=submit]), .comment-form .input textarea:focus,
.contact-form .input input:focus:not([type=submit]), .contact-form .input textarea:focus,
.login-page .login-form .input input:focus:not([type=submit]) {
	border-color: #5a5e6a;
}
.comment-form .input textarea, .contact-form .input textarea {
	min-height: 132px;
	resize: vertical;
}
.comment-form .input .submit-input, .contact-form .input .submit-input {
	position: absolute;
	right: 10px;
	bottom: 10px;
	padding: 0 32px;
}

/* 19 - Login/Register */
#login-modal .container, #register-modal .container, #forgot-modal .container {
	max-width: 750px;
}
#login-modal .popup-content .login-page, #register-modal .popup-content .login-page  #forgot-modal .popup-content .login-page {
	padding: 100px 0 0;
	background: none;
}
.modal .close-modal {
	display: block;
	width: 20px;
	height: 20px;
	text-align: right;
	color: #383c4b;
}
.modal .close-modal span {
	font-size: 18px;
	vertical-align: top;
}
.login-page {
	padding: 150px 0;
}
.login-page .login-form {
	margin-bottom: 30px;
}
.login-page .login-form .login-title .icon {
	margin-bottom: 10px;
}
.login-page .login-form .login-title .text {
	font: bold 18px 'Lato', sans-serif;
	color: #383c4b;
}
.login-page .login-form .input .submit-input,
.dark .login-page .login-form .input .submit-input {
	background: #fe9d68;
	color: #fff;
	margin-bottom: 20px;
	border: 0;
	box-shadow: none;
}
.login-page .login-form .custom-checkbox label {
	font-size: 14px;
	font-weight: bold;
	color: #383c4b;
	cursor: pointer;
}
/* custom checkbox */
.custom-checkbox:not(#foo) .checkbox-input {
	position: absolute;
	opacity: 0;
}
.custom-checkbox:not(#foo) .checkbox-input + label {
	position: relative;
	cursor: pointer;
	padding: 0;
}
.custom-checkbox:not(#foo) .checkbox-input + label:before {
	content: '';
	margin-right: 10px;
	display: inline-block;
	vertical-align: text-top;
	width: 22px;
	height: 22px;
	background: #d7d8db;
	border-radius: 1px;
}
.custom-checkbox:not(#foo) .checkbox-input.disabled + label,
.custom-checkbox:not(#foo) .checkbox-input[disabled] + label {
	color: #b8b8b8;
}
.custom-checkbox:not(#foo) .checkbox-input.disabled + label:before,
.custom-checkbox:not(#foo) .checkbox-input[disabled] + label:before {
	box-shadow: none;
	background: #ddd;
}
.custom-checkbox:not(#foo) .checkbox-input:checked + label:after {
	content: '';
	position: absolute;
	left: 5px;
	top: 9px;
	background: white;
	width: 4px;
	height: 4px;
	box-shadow: 2px 0 0 white, 4px 0 0 white, 4px -3px 0 white, 4px -8px 0 white, 4px -6px 0 white;
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.login-page .login-form .forgot a {
	font-size: 14px;
	color: #5a5e6a;
}
.login-page .login-form .forgot .reset {
	color: #ff0000;
}
.login-page .login-form .forgot a:hover {
	text-decoration: underline;
}
.login-page .login-options .login-op-btn {
	background-position: right bottom;
	background-repeat: no-repeat;
	display: block;
	font-size: 15px;
	font-weight: bold;
	color: #fff;
	padding: 9px 20px;
	margin-bottom: 20px;
	border-radius: 2px;
	box-shadow: none;
}
.login-page .login-options .login-op-btn.tw,
.login-page .login-options .login-op-btn.ya {
	margin-bottom: 0;
}
.login-page .login-options .login-op-btn.fb {
	background-image: url(assets/img/icons/login-facebook-icon.png);
	background-color: #5d82d1;
}
.login-page .login-options .login-op-btn.gp {
	background-image: url(assets/img/icons/login-google-icon.png);
	background-color: #eb5e4c;
}
.login-page .login-options .login-op-btn.tw {
	background-image: url(assets/img/icons/login-twitter-icon.png);
	background-color: #40bff5;
}
.login-page .login-options .login-op-btn.ya {
	background-image: url(assets/img/icons/login-yahoo-icon.png);
	background-color: #ab47ac;
}
.login-page .login-form .input .submit-input:hover,
.login-page .login-options .login-op-btn:hover {
	background-color: #383c4b;
}
.login-page .register .input .submit-input {
	margin-bottom: 0;
}

header .main-navigation li.courses-menu li .single-item:hover .item-icon i {
	-webkit-animation: TextSprite .25s forwards;
	-moz-animation: TextSprite .25s forwards;
	-ms-animation: TextSprite .25s forwards;
	-o-animation: TextSprite .25s forwards;
	animation: TextSprite .25s forwards;
}



/* Large Devices, Wide Screens **************************************************/

@media only screen and (max-width : 1200px) {

	/*==========  01 - Home  ==========*/

	header .main-navigation li.courses-menu li .single-item {
		padding: 10px;
	}
	header .main-navigation li.courses-menu li .single-item a {
		margin-bottom: 3px;
	}
	.tp-leftarrow.default {
		left: 50px !important;
	}
	.tp-rightarrow.default {
		right: 50px !important;
	}
	.tp-banner ul li .slide-description,
	.fullscreen ul li .slide-description {
		max-width: 800px;
	}
	.course-search #course-name {
		width: 350px;
	}
	.dropdown {
		width: 150px;
	}
	.dropdown div {
		min-width: 150px;
	}
	.dropdown .selected, .dropdown li {
		font-size: 12px;
		font-weight: 600;
	}


/* Medium Devices, Desktops **************************************************/

@media only screen and (max-width : 992px) {

	/*==========  01 - Home  ==========*/

	header .logo-container {
		float: none;
		text-align: center;
	}
	header .main-navigation {
		float: none;
	}
	header .main-navigation li.courses-menu:hover ul {
		top: 150px;
	}
	header .main-navigation li.courses-menu li .single-item {
		margin-bottom: 15px;
	}
	.login-page {
		padding: 50px 0;
	}

	/*==========  02 - Home 2  ==========*/

	header {
		height: auto;
	}
}

/* Small Devices, Tablets **************************************************/

@media only screen and (max-width : 768px) {
	
	/*==========  01 - Home  ==========*/

	.main-navigation, .tp-leftarrow.default, .tp-rightarrow.default,
	.tp-banner ul li .slide-description,
	.fullscreen ul li .slide-description {
		display: none;
	}
	header .logo-container {
		float: left;
	}
	header .mobile-navigation,
	.mobile-navigation .mobile-btn {
	  display: block;
	}
	
	/*==========  36 - Login  ==========*/

	.login-page .login-options .login-op-btn.tw {
		margin-bottom: 20px;
	}
}

/* Extra Small Devices, Phones **************************************************/

@media only screen and (max-width : 480px) {

	/*==========  36 - Login  ==========*/

	.login-page .login-form .custom-checkbox {
		margin-bottom: 10px;
	}
	.login-page .login-form .custom-checkbox,
	.login-page .login-form .forgot {
		float: none;
		text-align: center;
	}
}


@media only screen and (max-width : 320px) {

	/*==========  01 - Home  ==========*/

    h3.section-title {
    	font-size: 18px;
    }
    h5.feature-title {
    	font-size: 15px;
    }
    .tp-bullets.simplebullets.round .bullet {
    	margin-top: 80px;
    }
    .mobile-navigation .mobile-container li.courses-menu .course-menu-item .item-icon {
    	display: none;
    }
    .mobile-navigation .mobile-container li.courses-menu .course-menu-item a {
    	padding: 10px;
    }

	
	/*==========  36 - Login  ==========*/

	.login-page .login-options .login-op-btn {
		font-size: 13px;
	}

}