/* ============================== RESET =========================== */
/*xxx*/
*,
*::before,
*::after {
	box-sizing: border-box;
}

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	margin: 0;
	font-family: yekan_bakh;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1.5;
	color: #717171;
	text-align: right;
	background-color: #F4F6FA;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-top: 0;
	margin-bottom: 0.5rem;
}

p {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol,
ul,
dl {
	margin-top: 0;
	margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}

b,
strong {
	font-weight: bolder;
}

a {
	text-decoration: none;
	background-color: transparent;
}

img {
	vertical-align: middle;
	border-style: none;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

input,
textarea,
button {
	padding: 0;
	outline: none;
	border: none;
}

input,
button,
select,
optgroup,
textarea {
	margin: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
}

button,
select {
	text-transform: none;
}

select {
	word-wrap: normal;
}


button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
	cursor: pointer;
}

input[type="radio"],
input[type="checkbox"] {
	box-sizing: border-box;
	padding: 0;
}

textarea {
	overflow: auto;
	resize: vertical;
}


/* ============================== Fonts Face  =========================== */

@font-face {
	font-family: yekan_bakh;
	src: url('assets/font/yekan/Yekan_Bakh_Regular.eot');
	src: url('assets/font/yekan/Yekan_Bakh_Regular.eot?#iefix') format('embedded-opentype'),
		url('assets/font/yekan/Yekan_Bakh_Regular.woff2') format('woff2'),
		url('assets/font/yekan/Yekan_Bakh_Regular.woff') format('woff'),
		url('assets/font/yekan/Yekan_Bakh_Regular.ttf') format('truetype');
	font-weight: normal;
}

@font-face {
	font-family: yekan_bakh;
	src: url('assets/font/yekan/Yekan_Bakh_Bold.eot');
	src: url('assets/font/yekan/Yekan_Bakh_Bold.eot?#iefix') format('embedded-opentype'),
		url('assets/font/yekan/Yekan_Bakh_Bold.woff2') format('woff2'),
		url('assets/font/yekan/Yekan_Bakh_Bold.woff') format('woff'),
		url('assets/font/yekan/Yekan_Bakh_Bold.ttf') format('truetype');
	font-weight: bold;
}

@font-face {
	font-family: yekan_bakh;
	src: url('assets/font/yekan/Yekan_Bakh_Light.eot');
	src: url('assets/font/yekan/Yekan_Bakh_Light.eot?#iefix') format('embedded-opentype'),
		url('assets/font/yekan/Yekan_Bakh_Light.woff2') format('woff2'),
		url('assets/font/yekan/Yekan_Bakh_Light.woff') format('woff'),
		url('assets/font/yekan/Yekan_Bakh_Light.ttf') format('truetype');
	font-weight: 300;
}

@font-face {
	font-family: yekan_bakh;
	src: url('assets/font/yekan/Yekan_Bakh_Medium.eot');
	src: url('assets/font/yekan/Yekan_Bakh_Medium.eot?#iefix') format('embedded-opentype'),
		url('assets/font/yekan/Yekan_Bakh_Medium.woff2') format('woff2'),
		url('assets/font/yekan/Yekan_Bakh_Medium.woff') format('woff'),
		url('assets/font/yekan/Yekan_Bakh_Medium.ttf') format('truetype');
	font-weight: 500;
}


/* ============================== Global Styles =========================== */

.container {
	width: 1200px;
	margin: 0 auto;
	padding: 0 15px;
	position: relative;
}

.clearfix::after {
	display: block;
	clear: both;
	content: "";
}


/*------------------------- Page Header -------------------------*/

.page-header {
	margin-bottom: 25px;
	padding: 65px 0 18px;
	background: #6154DF;
}

.page-header h1 {
	float: right;
	margin-bottom: 0;
	color: #fff;
	font-size: 26px;
	font-weight: bold;
}

.page-header .breadcrumbs {
	float: left;
	margin: 0;
	margin-top: 10px;
	padding: 0;
}

.page-header .breadcrumbs li {
	list-style: none;
	display: inline-block;
}

.page-header .breadcrumbs li,
.page-header .breadcrumbs li a {
	color: rgba(255, 255, 255, 0.67);
	font-weight: 300;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.page-header .breadcrumbs li::after {
	content: ">";
	margin: 0 8px 0 6px;
	color: #1C1654;
}

.page-header .breadcrumbs li:last-child::after {
	display: none;
}

.page-header .breadcrumbs li a:hover {
	color: rgba(255, 255, 255, 0.87);
}

.page-header.inline {
	background: #02B0FE;
}

.page-header.inline {
	background: #02B0FE;
}

.page-header.inline h1,
.page-header.inline .breadcrumbs {
	float: none;
	display: block;
	text-align: center;
}


/*------------------------- Global Btn -------------------------*/

.btn {
	position: relative;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn svg {
	position: relative;
	z-index: 1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.btn span {
	position: relative;
	z-index: 1;
}

.btn.btn-arrow svg {
	width: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-animation: btn-out .3s linear forwards;
	animation: btn-out .3s linear forwards;
}

.btn.btn-arrow:hover svg {
	-webkit-animation: btn-in .5s linear forwards .1s;
	animation: btn-in .5s linear forwards .1s;
}

@-webkit-keyframes btn-in {
	0% {
		-webkit-transform: scale(0) rotate(0deg);
		transform: scale(0) rotate(0deg);
	}

	33% {
		-webkit-transform: scale(1.2) rotate(-120deg);
		transform: scale(1.2) rotate(-120deg);
	}

	66% {
		-webkit-transform: scale(0.8) rotate(-240deg);
		transform: scale(0.8) rotate(-240deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(-360deg);
		transform: scale(1) rotate(-360deg);
	}
}

@keyframes btn-in {
	0% {
		-webkit-transform: scale(0) rotate(0deg);
		transform: scale(0) rotate(0deg);
	}

	33% {
		-webkit-transform: scale(1.2) rotate(-120deg);
		transform: scale(1.2) rotate(-120deg);
	}

	66% {
		-webkit-transform: scale(0.8) rotate(-240deg);
		transform: scale(0.8) rotate(-240deg);
	}

	100% {
		-webkit-transform: scale(1) rotate(-360deg);
		transform: scale(1) rotate(-360deg);
	}
}

@-webkit-keyframes btn-out {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}

@keyframes btn-out {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}

	100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
}


/*------------------------- User Signup & Login Btn -------------------------*/

.btn.user {
	float: left;
	margin-top: 10px;
	padding: 10px 14px;
	border-radius: 5px;
	color: #fff;
	font-weight: 500;
}

.btn.user svg {
	width: 24px;
	height: 24px;
}

.btn.user::after {
	content: "";
	position: absolute;
	top: 0;
	right: -10%;
	width: 0;
	height: 100%;
	z-index: 0;
	-webkit-transform: skewX(-10deg);
	transform: skewX(-10deg);
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

.btn.user:hover::after {
	width: 120%;
}

.btn.login {
	overflow: hidden;
	margin-right: 25px;
	background: #FEBD02;
	-webkit-box-shadow: 0 3px 6px 0 rgba(254, 189, 2, 0.3);
	box-shadow: 0 3px 6px 0 rgba(254, 189, 2, 0.3);
}

.btn.login::after {
	background: rgba(255, 255, 255, 0.15);
}

.btn.login svg {
	color: #B18915;
	margin-left: 9px;
}

.btn.login:hover svg {
	color: #967411;
}

.btn.signup {
	background: #02B0FE;
	-webkit-box-shadow: 0 3px 6px 0 rgba(2, 176, 254, 0.3);
	box-shadow: 0 3px 6px 0 rgba(2, 176, 254, 0.3);
}

.btn.signup::after {
	background: rgba(255, 255, 255, 0.1);
}

.btn.signup svg {
	color: #0B7FB2;
	margin-left: 16px;
}

.btn.signup:hover svg {
	color: #096b96;
}


/* ============================== LAYOUT =========================== */

/*------------------------- Header -------------------------*/

#header ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#header .top-row {
	padding: 13px 0;
	background: #F4F6FA;
}

#header .top-row svg {
	width: 16px;
	height: 16px;
	color: #0064FF;
	margin-left: 8px;
	margin-bottom: 4px;
}

#header .top-row li {
	float: right;
}

#header .top-row .contact-info {
	float: right;
	color: #767F8D;
	font-weight: bold;
}

#header .top-row .contact-info li::after {
	content: "";
	width: 1px;
	height: 16px;
	float: left;
	margin: 2px 12px;
	background: #D9DCE2;
}

#header .top-row .contact-info li:last-child::after {
	display: none;
}

#header .top-row .top-menu {
	float: left;
}

#header .top-menu li {
	margin-right: 19px;
}

#header .top-menu a {
	color: #767F8D;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#header .top-menu a:hover {
	color: #3F5374;
}

#header .main-row {
	height: 145px;
	padding-top: 21px;
	background: #fff;
}

#header .logo {
	float: right;
}

#header .login {
	margin-right: 25px;
}

#header .nav-bar {
	position: relative;
	margin-top: 24px;
	border-radius: 10px 10px 30px 30px;
	z-index: 1;
	overflow: hidden;
	background: #0E2447;
}

#header .menu {
	float: right;
	margin: 27px 28px 26px 0;
}

#header .menu li {
	float: right;
	margin-left: 35px;
	position: relative;
}

#header .menu a {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}

#header .menu li::after {
	content: "";
	position: absolute;
	right: 0;
	left: 0;
	bottom: -8px;
	width: 0;
	height: 2px;
	margin: 0 auto;
	border-radius: 2px;
	background: #fff;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#header .menu li:hover::after {
	width: 100%;
}

#header .search {
	float: left;
	padding: 8px 8px 8px 4px;
	margin: 20px 0 20px 25px;
	border-radius: 30px;
	background: rgba(0, 0, 0, 0.58);
}

#header .search input,
#header .search button {
	color: #fff;
	background: transparent;
}

#header .search input {
	width: 184px;
	float: right;
	margin-right: 8px;
}

#header .search .btn {
	width: 26px;
	height: 26px;
	float: left;
	margin-left: 5px;
	border-radius: 100%;
}

#header .search button svg {
	width: 18px;
	height: 18px;
	color: #fff;
}

#header .search button:hover {
	background: #fff;
}

#header .search button:hover svg {
	color: #000;
}


/*------------------------- Home -------------------------*/

#home-slider {}

#home-about-us {
	padding: 80px 0 78px;
}

#home-about-us .image {
	float: right;
	margin-left: 32px;
}

#home-about-us h2 {
	color: #0064FF;
	font-size: 36px;
	font-weight: bold;
}

#home-about-us p {
	margin-bottom: 20px;
	color: #717171;
	font-size: 18px;
	line-height: 1.7;
	text-align: justify;
}

#home-about-us .btn.courses-list {
	display: inline-block;
	padding: 10px 18px 10px 10px;
	border: 1px solid #71819A;
	border-radius: 30px;
	color: #3F5374;
	font-size: 18px;
	background: #fff;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}

#home-about-us .btn.courses-list svg {
	height: 30px;
	margin-right: 5px;
	color: #71819A;
}

#home-about-us .btn.courses-list:hover svg {
	width: 30px;
}

#home-news {
	padding: 82px 0 228px;
	background: #ECEFF5;
}

#home-news header {
	margin-bottom: 25px;
}

#home-news header h5 {
	color: #3F5374;
	font-size: 22px;
	font-weight: 500;
	margin: 0;
	display: inline-block;
}

#home-news header .btn.more {
	float: left;
	color: #3D67C9;
	padding: 7px 30px 5px;
	border: 1px solid #3383FF;
	border-radius: 30px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 4px 8px 0 rgba(23, 54, 152, 0.26);
	box-shadow: 0 4px 8px 0 rgba(23, 54, 152, 0.26);
}

#home-news header .btn.more:hover {
	color: #fff;
	background: #3D67C9;
}

#home-news .col-6 {
	width: 572px;
}

#home-news .col-3 {
	width: 273px;
	margin-right: 25px;
}

#home-news .news-col {
	float: right;
	border-radius: 10px;
	overflow: hidden;
	background: #fff;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07);
}

#home-news .news-col .image {
	position: relative;
}

#home-news .news-col .image::before {
	content: "";
	position: absolute;
	top: 50px;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	opacity: 0.7;
	background: -moz-linear-gradient(top, rgba(97, 84, 223, 0) 0%, rgba(97, 84, 223, 0.62) 100%);
	background: -webkit-linear-gradient(top, rgba(97, 84, 223, 0) 0%, rgba(97, 84, 223, 0.62) 100%);
	background: linear-gradient(to bottom, rgba(97, 84, 223, 0) 0%, rgba(97, 84, 223, 0.62) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006154df', endColorstr='#9e6154df', GradientType=0);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#home-news .news-col:hover .image::before {
	opacity: 1;
}

#home-news .news-col .time {
	position: absolute;
	left: 16px;
	bottom: -15px;
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
	line-height: 29px;
	border-radius: 30px;
	background: #6154DF;
	-webkit-box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.4);
	box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.4);
}

#home-news .news-col .entry {
    padding: 0 12px 15px;
    height: 170px;
    overflow: hidden;
}

#home-news .news-col .entry a {
	margin-top: 16px;
	display: inline-block;
	color: #0E2447;
	font-size: 18px;
	line-height: 2;
	font-weight: bold;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#home-news .news-col .entry a:hover {
	color: #000;
	text-shadow: -2px 2px 3px rgba(97, 84, 223, 0.1);
}

#home-news .news-col p {
	color: #292929;
}

#home-box .inner {
	width: 100%;
	position: relative;
	margin-top: -125px;
	padding: 30px 40px 10px;
	border-radius: 10px;
	background: #006FFF;
	background: -moz-linear-gradient(45deg, rgba(0, 111, 255, 1) 0%, rgba(97, 84, 223, 1) 80%);
	background: -webkit-linear-gradient(45deg, rgba(0, 111, 255, 1) 0%, rgba(97, 84, 223, 1) 80%);
	background: linear-gradient(45deg, rgba(0, 111, 255, 1) 0%, rgba(97, 84, 223, 1) 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#006fff', endColorstr='#6154df', GradientType=1);
	-webkit-box-shadow: 0 4px 12px 0 rgba(71, 92, 232, 0.5);
	box-shadow: 0 4px 12px 0 rgba(71, 92, 232, 0.5);
	background-image: url(assets/img/ad-bg.png);
	background-position: right top;
	-webkit-background-size: cover;
	background-size: cover;
}

#home-box h5 {
	margin: 0;
	color: #fff;
	font-size: 30px;
	font-weight: 500;
}

#home-box h4 {
    margin: 0;
    padding-right: 8px;
    color: #ffffff;
    font-size: 45px;
    font-weight: bold;
    text-shadow: 0 3px 6px rgba(0, 0, 0, 0.22);
}

#home-box p {
	padding-right: 8px;
	padding-left: 300px;
	color: rgba(255, 255, 255, 1);
	font-size: 18px;
	line-height: 1.8;
	font-weight: 300;
	z-index: 1;
	position: relative;
}

#home-box .cover {
	position: absolute;
	top: -36px;
	left: 36px;
}

#home-box .btn.details {
	position: absolute;
	left: 60px;
	bottom: -27px;
	width: 200px;
	float: left;
	padding: 9px 1px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	border-radius: 30px;
	background: #FEBD02;
	-webkit-box-shadow: 0 4px 12px 0 rgba(254, 189, 2, 0.49);
	box-shadow: 0 4px 12px 0 rgba(254, 189, 2, 0.49);
}

#home-box .btn.details svg {
	height: 30px;
	margin-right: 5px;
}

#home-box .btn.details:hover svg {
	width: 30px;
}

#home-achivments {
	padding-top: 140px;
	padding-bottom: 100px;
}

#home-achivments header {
	margin-bottom: 26px;
}

#home-achivments header h5 {
	margin: 0;
	color: #0E2447;
	font-size: 22px;
	font-weight: 500;
}

#home-achivments .col-3 {
	width: 260px;
	float: right;
	margin-left: 43.3px;
	position: relative;
}

#home-achivments .col-3::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	pointer-events: none;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

#home-achivments .col-3:hover::before {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

#home-achivments .col-3:last-child {
	margin-left: 0;
}

#home-achivments .image {
	width: 215px;
	height: 215px;
	margin: 0 auto;
	text-align: center;
	position: relative;
	overflow: hidden;
}

#home-achivments .image::before {
	position: absolute;
	top: 0;
	right: -50%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -moz-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	background: linear-gradient(to right, rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4dffffff', endColorstr='#00ffffff', GradientType=1);
	/* IE6-9 */
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
	opacity: 0;
	-webkit-transition: opacity .2s ease-in-out, right 1s ease-in-out;
	transition: opacity .2s ease-in-out, right 1s ease-in-out;
}

#home-achivments .col-3:hover .image::before {
	opacity: 1;
	right: 100%;
	-webkit-transition: opacity .2s ease-in-out, right 1s ease-in-out .1s;
	transition: opacity .2s ease-in-out, right 1s ease-in-out .1s;
}

#home-achivments span {
	display: block;
	padding: 0 22px 18px 22px;
	color: #0E2447;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	position: relative;
}

#home-achivments span {
	-webkit-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}

#home-achivments .col-3:hover span {
	color: #0064FF;
}

#home-teachers {
	margin-bottom: 50px;
}

#home-teachers header {
	margin-bottom: 14px;
}

#home-teachers header h5 {
	margin: 0;
	color: #0E2447;
	font-size: 22px;
	border-width: 500px;
}

#home-teachers .inner {
	background: #0064FF;
}

#home-teachers .teacher {
    max-height: 385px;
    padding: 50px 400px 60px 0;
    background: url(images/techer-x2.png) right top no-repeat;
}

#home-teachers .teacher h5 {
	margin: 0;
	color: #72c0ff;
	font-size: 30px;
	font-weight: 500;
}

#home-teachers .teacher h4 {
margin-top: -18px;
    color: #fff;
    font-size: 45px;
    font-weight: bold;
    padding-top: 40px;
}

#home-teachers .teacher p {
    color: #fff;
    font-size: 17px;
    line-height: 1.7;
    text-align: justify;
}

#home-teachers .teacher .btn.read-more {
	float: left;
	color: #FEBD02;
	font-size: 18px;
	padding: 6px 15px 5px 15px;
	border-radius: 5px;
	background: #539bf0;
	border: 1px solid transparent;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.12);
}

#home-teachers .teacher .btn.read-more:hover {
	border: 1px solid #0064FF;
}

#home-testimonials {
	padding-top: 30px;
}

#home-testimonials header {
	text-align: center;
	padding-bottom: 70px;
}

#home-testimonials header h5 {
	margin: 0;
	padding: 20px 40px;
	border-radius: 76px;
	display: inline-block;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
	background: #6154DF;
	-webkit-box-shadow: 0 4px 12px 0 rgba(97, 84, 223, 0.47);
	box-shadow: 0 4px 12px 0 rgba(97, 84, 223, 0.47);
}

#home-testimonials .col-4 {
	width: 370px;
	float: right;
	padding: 30px 28px 22px 28px;
	background: #fff;
	-webkit-box-shadow: 0 8px 15px 0 rgba(7, 43, 70, 0.05);
	box-shadow: 0 8px 15px 0 rgba(7, 43, 70, 0.05);
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#home-testimonials .col-4:hover {
	-webkit-box-shadow: 0 8px 15px 0 rgba(7, 43, 70, 0.08);
	box-shadow: 0 8px 15px 0 rgba(7, 43, 70, 0.08);
}

#home-testimonials .col-4.right {
	border-radius: 30px 30px 30px 0;
}

#home-testimonials .col-4.center {
	margin: 0 30px;
	border-radius: 30px 30px 0 30px;
}

#home-testimonials .col-4.left {
	border-radius: 0 30px 30px 30px;
}

#home-testimonials .content p {
	color: #36394D;
	font-size: 19px;
	line-height: 1.7;
	text-align: justify;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

#home-testimonials .col-4:hover p {
	color: #000;
}

#home-testimonials .user {
	margin-top: 32px;
}

#home-testimonials .user .avatar {
	float: right;
	margin-left: 14px;
	border-radius: 100%;
	overflow: hidden;
	height:60px;
	width:60px;
}

#home-testimonials .user .info {
	padding-top: 8px;
}

#home-testimonials .info span {
	display: block;
}

#home-testimonials .name {
	color: #29DABA;
	font-size: 18px;
	font-weight: bold;
}

#home-testimonials .role {
	color: #BAC9D4;
	font-size: 16px;
}


/*------------------------- Blog -------------------------*/

.two-col .main {
	width: 820px;
	float: right;
	margin-left: 25px;
}

.two-col .sidebar {
	width: 325px;
	float: left;
}

.blog-post .image {
	margin-bottom: 25px;
	position: relative;
}

.blog-post .image::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 15px;
	pointer-events: none;
	background: -moz-linear-gradient(top, rgba(151, 0, 132, 0.05) 0%, rgba(74, 63, 181, 0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(151, 0, 132, 0.05) 0%, rgba(74, 63, 181, 0.8) 100%);
	background: linear-gradient(to bottom, rgba(151, 0, 132, 0.05) 0%, rgba(74, 63, 181, 0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d970084', endColorstr='#cc4a3fb5', GradientType=0);
}

.blog-post .image img {
	width: 100%;
	height: auto;
	border-radius: 15px;
}

.blog-post .time {
	position: absolute;
	right: 16px;
	bottom: -15px;
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
	line-height: 29px;
	border-radius: 30px;
	background: #6154DF;
	-webkit-box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.4);
	box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.4);
}

.blog-post .title {
	margin-bottom: 36px;
	color: #0E2447;
	font-size: 28px;
	font-weight: bold;
}

.blog-post .entry {
	color: #3E3E3E;
	font-size: 18px;
	line-height: 1.8;
	text-align: justify;
}


/*------------------------- Blog Sidebar Widget -------------------------*/

.aside-widget h5 {
	color: #3F5374;
	font-size: 22px;
	font-weight: 500;
}

.l-news-widget {
	margin-bottom: 48px;
}

.l-news-widget .item {
	position: relative;
	margin-bottom: 35px;
}

.l-news-widget .item a {
	display: block;
	padding: 16px 14px 6px;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.07);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.l-news-widget .item a:hover {
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.14);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.14);
}

.l-news-widget .time {
	position: absolute;
	left: 13px;
	bottom: -13px;
	padding: 0 16px;
	color: #fff;
	font-size: 14px;
	line-height: 27px;
	border-radius: 30px;
	background: #6154DF;
	-webkit-box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.4);
	box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.4);
}

.l-news-widget h3 {
	color: #0E2447;
	font-size: 18px;
	font-weight: bold;
}

.l-news-widget p {
	color: #292929;
}


.ads-widget {
	width: 100%;
	position: relative;
	border-radius: 15px;
	-webkit-box-shadow: 0 5px 15px 0 rgba(2, 176, 254, 0.38);
	box-shadow: 0 5px 15px 0 rgba(2, 176, 254, 0.38);
}

.ads-widget img {
	border-radius: 15px;
}

.ads-widget .btn.details {
	position: absolute;
	right: 0;
	left: 0;
	bottom: -27px;
	width: 200px;
	margin: 0 auto;
	padding: 9px 1px;
	color: #fff;
	font-size: 24px;
	text-align: center;
	border-radius: 30px;
	background: #FEBD02;
	-webkit-box-shadow: 0 4px 12px 0 rgba(254, 189, 2, 0.49);
	box-shadow: 0 4px 12px 0 rgba(254, 189, 2, 0.49);
}

.ads-widget .btn.details svg {
	height: 30px;
	margin-right: 5px;
}

.ads-widget .btn.details:hover svg {
	width: 30px;
}


/*------------------------- Blog Archive -------------------------*/

.blog-archive .item {
	width: 374px;
	float: right;
	margin-bottom: 40px;
	padding: 12px 10px 4px;
	border-radius: 20px;
	background: #fff;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
}
.blog-archive .item .entry {
        height: 200px;
    overflow: hidden;
}
.blog-archive .item .image {
    
}

.blog-archive .item .image img {
        height: 230px;
}
.blog-archive .item:nth-child(3n+2) {
	margin: 0 24px;
}

.blog-archive .image {
	position: relative;
	margin-bottom: 25px;
}

.blog-archive .image::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	border-radius: 15px 15px 0 0;
	pointer-events: none;
	opacity: 0.7;
	background: -moz-linear-gradient(top, rgba(97, 84, 223, 0.08) 0%, rgba(83, 71, 207, 0.66) 100%);
	background: -webkit-linear-gradient(top, rgba(97, 84, 223, 0.08) 0%, rgba(83, 71, 207, 0.66) 100%);
	background: linear-gradient(to bottom, rgba(97, 84, 223, 0.08) 0%, rgba(83, 71, 207, 0.66) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#146154df', endColorstr='#a85347cf', GradientType=0);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.blog-archive .item:hover .image::before {
	opacity: 1;
}

.blog-archive .image img {
	width: 100%;
	height: auto;
	border-radius: 15px 15px 0 0;
}

.blog-archive .time {
	position: absolute;
	left: 15px;
	bottom: -15px;
	padding: 0 20px;
	color: #fff;
	font-size: 14px;
	line-height: 29px;
	border-radius: 30px;
	background: #6154DF;
	-webkit-box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.4);
	box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.4);
}

.blog-archive .item a {
	color: #0E2447;
	font-size: 18px;
	line-height: 2;
	font-weight: bold;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.blog-archive .item a:hover {
	color: #000;
	text-shadow: -2px 2px 3px rgba(97, 84, 223, 0.1);
}

.blog-archive .item p {
	color: #57585A;
	font-weight: 300;
	text-align: justify;
}


/*------------------------- Product -------------------------*/

.product-info {
	padding-top: 85px;
	background: #6154DF;
}

.product-image {
	width: 390px;
	height: 520px;
	float: right;
	margin-bottom: -45px;
	margin-left: 30px;
	border-radius: 10px;
	background: #02B0FE;
	overflow: hidden;
	-webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
}

.product-image img {
	width: 100%;
	height: auto;
}

.product-summary {
	width: 750px;
	float: left;
	padding-bottom: 15px;
}

.product-summary h1 {
	margin-bottom: 20px;
	color: #fff;
	font-size: 32px;
	font-weight: bold;
}

.product-summary p {
	margin-bottom: 20px;
	color: #000;
	font-size: 20px;
	font-weight: 300;
}

.product-box {
	margin: 0;
	padding: 0;
	display: inline-block;
	list-style: none;
	border-radius: 8px;
	background: #fff;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
}

.product-box li {
	padding: 14px 30px 10px;
	display: inline-block;
	border-left: 1px solid #CFCFCF;
}

.product-box li:last-child {
	border: none;
}

.product-box span {
	display: block;
	text-align: center;
}

.product-box .label {
	color: #02B0FE;
	padding-bottom: 5px;
}

.product-box .value {
	color: #0E2447;
	font-size: 18px;
	font-weight: bold;
}

.product-purchase {
	padding: 5px 5px 5px 5px;
	display: inline-block;
	border-radius: 30px;
	background: #0DD456;
	-webkit-box-shadow: 0 5px 15px 0 rgba(5, 122, 48, 0.5);
	box-shadow: 0 5px 15px 0 rgba(5, 122, 48, 0.5);
}

.product-purchase .price {
	float: right;
	padding-top: 5px;
	color: #fff;
	font-size: 42px;
	line-height: 1;
	font-weight: bold;
}

.product-purchase .currency {
	margin-right: 8px;
	color: #048031;
	font-size: 26px;
	font-weight: normal;
}

.product-purchase .btn.buy {
	width: 260px;
	float: left;
	padding: 5px 0;
	color: #075825;
	font-size: 28px;
	line-height: 42px;
	font-weight: bold;
	border-radius: 30px;
	background: #07B848;
	text-align: center;
	overflow: hidden;
}

.product-purchase .btn.buy:hover {
	padding-left: 35px;
}

.product-purchase .btn.buy svg {
	position: absolute;
	top: 9px;
	left: -35px;
	width: 30px;
	height: 30px;
	opacity: 0;
	-webkit-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.product-purchase .btn.buy:hover svg {
	left: 20px;
	opacity: 1;
}

.product-summary .hints {
	margin: 0;
	padding-bottom: 20px;
	margin-top: 15px;
	padding: 0;
	list-style: none;
}

.product-summary .hints li {
	color: #fff;
	font-size: 17px;
	font-weight: 300;
}

.product-summary .hints li::before {
	content: "-";
	margin-left: 5px;
}

.product-tabs {
	margin-top: 70px;
	border-radius: 15px;
	background: #fff;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06);
}

.product-tabs .tabs-list {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid #E6EBF3;
}

.product-tabs .tabs-list li {
	width: 33.333%;
	float: right;
	padding: 20px 0;
	border-left: 1px solid #E6EBF3;
	text-align: center;
	position: relative;
}

.product-tabs .tabs-list li:last-child {
	border: none;
}

.product-tabs .tabs-list li a::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	border-bottom: 7px solid transparent;
	-webkit-transition: all .15s ease-in-out;
	transition: all .15s ease-in-out;
}

.product-tabs .tabs-list li.active a::after {
	border-bottom: 7px solid #0064FF;
}

.product-tabs .tabs-list li a {
	color: #8893A4;
	font-size: 20px;
	font-weight: 500;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.product-tabs .tabs-list li.active a {
	color: #0064FF;
}

.product-tabs .tabs-content {
	padding: 45px 40px 15px;
	color: #3E3E3E;
	font-size: 18px;
	line-height: 1.8;
	text-align: justify;
}

.product-tabs .tabs-content .tab {
	display: none;
}

.product-tabs .tabs-content .tab.active {
	display: inherit;
}


/*------------------------- Product Archive -------------------------*/

.product-archive .item {
	width: 572px;
	float: right;
	margin-bottom: 40px;
	padding: 16px 16px 18px 20px;
	border-radius: 20px;
	background: #fff;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
    height: 380px;
}

.product-archive .item:nth-child(even) {
	margin-right: 26px;
}

.product-archive .image {
	width: 205px;
	height: 285px;
	float: right;
	margin-left: 24px;
	border-radius: 10px;
	background: #02B0FE;
	overflow: hidden;
	-webkit-box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 8px 24px 0 rgba(0, 0, 0, 0.16);
}

.product-archive .image img {
	width: 100%;
	height: auto;
}

.product-archive .summary a {
	color: #0E2447;
	font-size: 18px;
	line-height: 2;
	font-weight: bold;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.product-archive .summary a:hover {
	color: #000;
	text-shadow: -2px 2px 3px rgba(97, 84, 223, 0.1);
}

.product-archive .summary p {
	margin-top: 14px;
	color: #57585A;
	line-height: 1.8;
	font-weight: 300;
	text-align: justify;
}

.product-archive .price {
	padding-top: 10px;
}

.product-archive .price .title {
	display: block;
	color: #BDC5D2;
	font-size: 22px;
}

.product-archive .price .fee {
	color: #07B848;
	font-size: 36px;
	font-weight: bold;
}

.product-archive .price .currency {
	margin-right: 6px;
	color: #676768;
	font-size: 18px;
	font-weight: normal;
}


/*------------------------- Cart -------------------------*/

.cart {
	padding-bottom: 50px;
}

.cart-form {
	width: 790px;
	margin: 0 auto;
	padding: 36px 18px 0;
	border-radius: 30px;
	background: #fff;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.cart-form h5 {
	margin-bottom: 48px;
	color: #6154DF;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.cart-form .form-group {
	width: 341px;
	float: right;
	margin: 0 18px;
	margin-bottom: 40px;
}

.cart-form .form-group .row:first-child {
	margin-bottom: 50px;
}

.cart-form label {
	margin-bottom: 6px;
	display: block;
	color: #0E2447;
	font-size: 16px;
	font-weight: 500;
}

.cart-form label span {
	margin-right: 5px;
	color: #FE2156;
	font-weight: 300;
}

.cart-form input,
.cart-form select {
	width: 100%;
	padding: 0 6px;
	font-size: 16px;
	line-height: 48px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.cart-form select {
	min-height: 50px;
}

.cart-form .select2-container .select2-selection--single {
	height: 50px;
	outline: none;
	border: none;
}

.cart-form .select2-container .select2-selection__rendered {
	line-height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.cart-form .select2-container .select2-selection__arrow {
	height: 50px;
}

.cart-form textarea {
	width: 100%;
	height: 180px;
	padding: 6px;
	font-size: 16px;
	line-height: 2;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	resize: vertical
}

.cart-form .form-submit {
	width: 100%;
	float: right;
	text-align: center;
}

.cart-form .product-purchase {
	margin-bottom: -38px;
}

.cart-form .product-purchase .btn.buy:hover {
	padding-left: 0;
}

.cart-form .product-purchase .btn.buy svg {
	position: relative;
	top: inherit;
	left: inherit;
	width: 0;
	height: 32px;
	margin-right: 6px;
	opacity: 1;
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.cart-form .product-purchase .btn.buy:hover svg {
	width: 32px;
}


/*------------------------- Page -------------------------*/

.page .entry {
	padding: 40px 30px;
	color: #3E3E3E;
	font-size: 18px;
	line-height: 1.8;
	text-align: justify;
}

.page .contact-us .entry {
	padding: 10px 30px;
}

.page .contact-us .col-2 {
	width: 580px;
	float: right;
}

.page .contact-us .col-2:last-child {
	width: 500px;
	margin-right: 30px;
}

.page .info {
	margin-bottom: 25px;
}

.page .info .icon {
	display: block;
	margin-bottom: 8px;
}

.page .info svg {
	width: 22px;
	height: 22px;
	color: #0064FF;
}

.page .info p {
	margin: 0;
	color: #0E2447;
	font-size: 18px;
}

.page .map {
	width: 581px;
	border: 1px solid #B4B4B4;
	border-radius: 10px;
	overflow: hidden;
}

.page .map img {
	max-width: 100%;
	height: auto;
}

.contact-us--form {
	padding: 12px 32px 35px;
	border: 1px solid #AAB0BB;
	border-radius: 15px;
	background: rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06);
	box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.06);
}

.contact-us--form h5 {
	margin-bottom: 35px;
	color: #0064FF;
	font-size: 22px;
}

.contact-us--form .form-group {
	margin-bottom: 27px;
}

.contact-us--form label {
	margin-bottom: 6px;
	display: block;
	color: #0E2447;
	font-size: 16px;
	font-weight: 500;
}

.contact-us--form input {
	width: 100%;
	padding: 0 6px;
	font-size: 16px;
	line-height: 48px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.contact-us--form textarea {
	width: 100%;
	height: 242px;
	padding: 6px;
	font-size: 16px;
	line-height: 2;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
	resize: vertical
}

.contact-us--form .form-submit {
	text-align: left;
}

.contact-us--form .btn.send {
	width: 210px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 12px 0;
	padding-right: 5px;
	border-radius: 5px;
	background: #02B0FE;
	-webkit-box-shadow: 0 3px 6px 0 rgba(2, 176, 254, 0.3);
	box-shadow: 0 3px 6px 0 rgba(2, 176, 254, 0.3);
}

.contact-us--form .btn.send svg {
	height: 30px;
	margin-right: 5px;
}

.contact-us--form .btn.send:hover svg {
	width: 30px;
}


/*------------------------- Return -------------------------*/

.return-box {
	width: 790px;
	margin: 0 auto;
	padding: 36px 130px 50px;
	border-radius: 30px;
	text-align: center;
	background: #fff;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.return-box img {
	max-width: 100%;
	height: auto;
}

.return-box h5 {
	font-size: 29px;
	font-weight: bold;
}

.return-box h5.success {
	color: #01C79A;
}

.return-box h5.error {
	color: #FF4C4C;
}

.return-box p {
	color: #AFAFAF;
	font-size: 18px;
	line-height: 1.8;
}

.return-box a {
	color: #02B0FE;
	-webkit-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.return-box a:hover {
	color: #0064FF;
}

.return-box .box {
	width: 100%;
	margin: 40px 0 50px;
	padding: 25px 40px;
	border-radius: 15px;
	background: #ECEFF5;
}

.return-box .box p {
	margin: 0;
	color: #0E2447;
	font-size: 22px;
	line-height: 2;
	font-weight: bold;
}

.return-box .support {
	color: #5D5D5D;
	font-size: 22px;
}


/*------------------------- User Form -------------------------*/

.user-form-box {
	width: 790px;
	margin: 0 auto;
	padding: 36px 18px 64px;
	border-radius: 30px;
	background: #fff;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}

.user-form-box h5 {
	margin: 0 auto;
	text-align: center;
	margin-bottom: 48px;
	display: block;
	color: #6154DF;
	font-size: 26px;
	font-weight: bold;
}

.user-form-box h5 svg {
	width: 37px;
	height: 37px;
	margin-top: -7px;
	margin-left: 10px;
	color: #BEC6D6;
}

.user-form-box .form-group {
    width: 341px;
    float: right;
    margin: 0 18px;
    margin-bottom: 40px;
}

.user-form-box label {
	margin-bottom: 6px;
	display: block;
	color: #0E2447;
	font-size: 16px;
	font-weight: 500;
}

.user-form-box input,
.user-form-box select {
	width: 100%;
	padding: 0 6px;
	font-size: 16px;
	line-height: 48px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.user-form-box select {
	min-height: 50px;
}

.user-form-box textarea {
    width: 100%;
    height: 180px;
    padding: 6px;
    font-size: 16px;
    line-height: 2;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    resize: vertical;
}

.user-form-box .select2-container .select2-selection--single {
	height: 50px;
	outline: none;
	border: none;
}

.user-form-box .select2-container .select2-selection__rendered {
	line-height: 50px;
	border: 1px solid rgba(0, 0, 0, 0.2);
	border-radius: 8px;
}

.user-form-box .select2-container .select2-selection__arrow {
	height: 50px;
}

.user-form-box .form-group.birthday select {
	width: 113px;
	float: right;
}

.user-form-box .form-group.birthday .select2-container {
	width: 113px;
	float: right;
	text-align: center;
}

.user-form-box .form-group #select2-birthday-day-container {
	border-radius: 0 8px 8px 0;
}

.user-form-box .form-group #select2-birthday-month-container {
	border-radius: 0;
	border-width: 1px 0;
}

.user-form-box .form-group #select2-birthday-year-container {
	border-radius: 8px 0 0 8px;
}

.user-form-box .form-submit {
	width: 100%;
	float: right;
	padding-top: 30px;
	text-align: center;
}

.user-form-box .btn.send {
	width: 450px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	padding: 20px 0;
	padding-right: 5px;
	border-radius: 30px;
	background: #6154DF;
	background: -moz-linear-gradient(45deg, rgba(97,84,223,1) 0%, rgba(2,176,254,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(97,84,223,1) 0%, rgba(2,176,254,1) 100%);
	background: linear-gradient(45deg, rgba(97,84,223,1) 0%, rgba(2,176,254,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6154df', endColorstr='#02b0fe', GradientType=1 );
	-webkit-box-shadow: 0 6px 18px 0 rgba(0,100,255,0.4);
	box-shadow: 0 6px 18px 0 rgba(0,100,255,0.4);
}

.user-form-box .btn.send svg {
	height: 30px;
	margin-right: 5px;
}

.user-form-box .btn.send:hover svg {
	width: 30px;
}

.login-form .form-group {
	width: 450px;
	float: none;
	margin-right: auto;
	margin-left: auto;
}


/*------------------------- Dashboard -------------------------*/

.dashboard-box {
	background: #fff;
	border-radius: 15px;
	-webkit-box-shadow: 0 5px 15px 0 rgba(0,0,0,0.06);
	box-shadow: 0 5px 15px 0 rgba(0,0,0,0.06);
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.dashboard .sidebar {
	width: 200px;
	float: right;
	padding: 20px 0 45px;
	text-align: center;
}

.dashboard .main {
	width: 970px;
	float: left;
	padding: 14px 12px;
	border-right: 1px solid #E6E9F1;
}

.dashboard .user-info {
	margin-bottom: 25px;
}

.dashboard .user-info .avatar {
	width: 97px;
	height: 97px;
	margin: 0 auto;
	border: 1px solid #BFC9DC;
	border-radius: 100%;
}

.dashboard .user-info .avatar img {
	width: 100%;
	height: auto;
}

.dashboard .user-info .name {
	display: block;
	margin-top: 12px;
	color: #0E2447;
	font-size: 18px;
	font-weight: 500;
}

.dashboard .user-info .time {
	display: inline-block;
	margin-top: 4px;
	padding: 3px 20px;
	color: #70829D;
	font-size: 14px;
	border-radius: 30px;
	background: #DFE8EC;
}

.dashboard .dashboard-menu {
	margin-bottom: 58px;
	padding: 0;
	list-style: none;
	text-align: right;
	border-top: 1px solid #E6E9F1;
}

.dashboard .dashboard-menu li {
	position: relative;
	padding: 14px 20px 12px;
	border-bottom: 1px solid #E6E9F1;
}

.dashboard .dashboard-menu a {
	color: #787878;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.dashboard .dashboard-menu a:hover {
	color: #000;
}

.dashboard .dashboard-menu li.active::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 5px;
	background: #0064FF;
}

.dashboard .dashboard-menu li.active a {
	color: #0064FF;
}

.dashboard .btn.logout {
	padding: 5px 42px;
	border-radius: 30px;
	color: #fff;
	font-weight: bold;
	background: #FF4D4D;
	-webkit-box-shadow: 0 3px 6px 0 rgba(255,77,77,0.41);
	box-shadow: 0 3px 6px 0 rgba(255,77,77,0.41);
}

.dashboard .btn.logout:hover {
	-webkit-box-shadow: 0 3px 6px 0 rgba(255,77,77,0.8);
	box-shadow: 0 3px 6px 0 rgba(255,77,77,0.8);
}


.dashboard .entry-title {
	margin-bottom: 15px;
	padding: 12px 15px 9px;
	color: #0E2447;
	background: #ECEFF5;
}

.dashboard .alert {
	margin-bottom: 15px;
	padding: 13px 8px 10px 12px;
	border-radius: 8px;
	background: #02B0FE;
	-webkit-box-shadow: 0 3px 6px 0 rgba(2,176,254,0.45);
	box-shadow: 0 3px 6px 0 rgba(2,176,254,0.45);
}

.dashboard .alert span {
	color: #fff;
	font-size: 17px;
}

.dashboard .alert .close {
	width: 25px;
	height: 25px;
	float: left;
	padding: 2px 4px 0;
	border-radius: 100%;
	color: #fff;
	font-size: 32px;
	line-height: 25px;
	text-align: center;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.dashboard .alert .close:hover {
	color: #0E2447;
	background: rgba(255,255,255,0.85);
}

.dashboard .error {
	text-align: center;
}

.dashboard .error p {
	color: #FEBD02;
	font-size: 22px;
	font-weight: bold;
}

.dashboard .courses-list .row {
	padding: 10px 0;
	text-align: center;
}

.dashboard .courses-list .head {
	color: #8B99AF;
	font-size: 18px;
	border: 1px solid #E3E9F5;
	background: #ECEFF5;
}

.dashboard .courses-list .col {
	float: right;
}

.dashboard .courses-list .name {
	width: 400px;
}

.dashboard .courses-list .price {
	width: 150px;
}

.dashboard .courses-list .date {
	width: 153px;
}

.dashboard .courses-list .state {
	width: 100px;
}

.dashboard .courses-list .details {
	width: 140px;
}

.dashboard .courses-list .item {
	padding: 10px 0;
	border: 1px solid #E3E9F5;
	border-top: none;
	color: #0E2447;
	font-size: 17px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	-ms-align-items: center;
	align-items: center;
}

.dashboard .courses-list .item .name {
	padding-right: 9px;
	text-align: right;
}

.dashboard .courses-list .item .name img {
	margin-left: 5px;
	border-radius: 8px;
}

.dashboard .courses-list .item .price {
	color: #3CAE2F;
	font-size: 20px;
	font-weight: bold;
}

.dashboard .courses-list .item .currency {
	margin-right: 4px;
	color: #A7A7A7;
	font-size: 14px;
	font-weight: normal;
}

.dashboard .courses-list .item a {
	color: #02B0FE;
	font-size: 16px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.dashboard .courses-list .item a:hover {
	color: #0064FF;
}

.dashboard .course-info-box {
	color: #0064FF;
}

.dashboard .course-info-box .box-title {
	margin: 0;
	padding: 12px 15px 9px;
	color: #0E2447;
	background: #ECEFF5;
}

.dashboard .course-info-box .box-content {
	border: 1px solid #E3E9F5;
	border-top: none;
}

.dashboard .general-info .box-content {
	padding: 23px 15px 8px;
}

.dashboard .general-info ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dashboard .general-info li {
	width: 50%;
	float: right;
	margin-bottom: 15px;
}

.dashboard .general-info .label {
	margin-left: 8px;
	color: #98A2B2;
}

.dashboard .general-info .value {
	color: #0A1B36;
}

.dashboard .bar-chart .box-content {
	padding-top: 25px;
}

.dashboard .line-chart .box-content {
	padding: 25px 15px;
}

.dashboard .final-score ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.dashboard .final-score li {
	width: 14.2%;
	float: right;
	padding: 14px 0;
	text-align: center;
	border-left: 1px solid #E3E9F5;
}

.dashboard .bar-chart.final-score ul {
	padding-top: 20px;
}

.dashboard .bar-chart.final-score li {
	width: 14.28%;
	border-top: 1px solid #E3E9F5;
}

.dashboard .final-score li:last-child {
	border-left: none;
}

.dashboard .final-score span {
	display: block;
	font-weight: bold;
}

.dashboard .final-score .label {
	margin-bottom: 14px;
	color: #02B0FE;
}

.dashboard .final-score .value {
	color: #0E2447;
}

.dashboard .final-score p {
	padding: 35px 10px 25px;
	color: #0E2447;
	text-align: center;
}

.dashboard .final-score a {
	color: #02B0FE;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.dashboard .final-score a:hover {
	color: #0064FF;
}

.user-info-form {
	width: 100%;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	padding-top: 10px;
}

.user-info-form .d-flex {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
	-ms-align-items: center;
	align-items: center;
}

.user-info-form .row {
	margin-bottom: 32px;
}

.user-info-form .form-group {
	width: 301px;
	margin: 0;
}

.user-info-form .form-group:nth-child(2n+0) {
	margin: 0 21px;
}

.user-info-form .form-group.full-w {
	width: 100%;
}

.user-info-form .center .form-group {
	float: none;
	margin: 0 auto;
}

.user-info-form .avatar {
	float: right;
	margin: 0;
}

.user-info-form .avatar img {
	width: 97px;
	height: 97px;
	margin: 0 auto;
	border: 1px solid #BFC9DC;
	border-radius: 100%;
}

.user-info-form .btn.change-avatar {
	margin-right: 14px;
	padding: 10px 20px;
	color: #0E2447;
	font-weight: 500;
	border: 1px solid #9AA3B1;
	border-radius: 5px;
	background: #fff;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.1);
}

.user-info-form .btn.change-avatar:hover {
	background: rgba(154, 163, 177, 0.2);
}

.user-info-form .form-submit {
	width: inherit;
	float: left;
	padding: 0;
}

.user-info-form .center .form-submit {
	float: none;
}

.user-info-form .center .form-submit .btn.save {
	width: 301px;
}

.user-info-form .form-group.birthday select {
	width: 100px;
}

.user-info-form .form-group.birthday .select2-container {
	width: 100px;
}

.user-info-form .section-title {
	position: relative;
	margin-bottom: 24px;
}

.user-info-form .section-title span {
	position: relative;
	padding-left: 8px;
	color: #BBC1CC;
	background: #fff;
}

.user-info-form .section-title::before {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 1px;
	margin: auto 0;
	background: #D5DBE6;
}




.dashboard .btn.save {
	padding: 10px 20px 10px 16px;
	color: #fff;
	font-weight: 500;
	border-radius: 5px;
	background: #02B0FE;
	-webkit-box-shadow: 0 3px 6px 0 rgba(2,176,254,0.3);
	box-shadow: 0 3px 6px 0 rgba(2,176,254,0.3);
}

.dashboard .btn.save svg {
	height: 26px;
	margin-right: 6px;
}

.dashboard .btn.save:hover svg {
	width: 26px;
}







/*------------------------- Navigation -------------------------*/

.navigation {
	text-align: center;
}

.pagination {
	margin: 0;
	padding: 8px 10px 10px;
	display: inline-block;
	list-style: none;
	border-radius: 30px;
	background: #ECEFF5;
}

.pagination li {
	margin-left: 8px;
	display: inline-block;
}

.pagination li:last-child {
	margin-left: 0;
}

.pagination li a {
	height: 40px;
	min-width: 40px;
	padding: 0 6px;
	display: block;
	color: #0E2447;
	font-size: 18px;
	font-weight: 500;
	border-radius: 20px;
	background: #fff;
	line-height: 40px;
	border: 1px solid transparent;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.11);
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.11);
	-webkit-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
}

.pagination li a:hover {
	border: 1px solid #0064FF;
}

.pagination svg {
	width: 22px;
	height: 22px;
}

.pagination li.active a {
	color: #fff;
	pointer-events: none;
	background: #0064FF;
	-webkit-box-shadow: 0 4px 8px 0 rgba(0, 100, 255, 0.32);
	box-shadow: 0 4px 8px 0 rgba(0, 100, 255, 0.32);
}


/*------------------------- Modal -------------------------*/

.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0.6);
	display: flex;
	justify-content: center;
	align-items: center;
}

.modal-container {
	width: 610px;
	max-height: 100vh;
	padding: 60px 30px 50px;
	border-radius: 15px;
	text-align: center;
	background: #fff;
	position: relative;
	-webkit-box-shadow: 0 10px 30px 0 rgba(0,0,0,0.36);
	box-shadow: 0 10px 30px 0 rgba(0,0,0,0.36);
}

.modal-close {
	position: absolute;
	top: -10px;
	right: -10px;
	width: 32px;
	height: 32px;
	padding: 1px 0;
	font-size: 25px;
	line-height: 32px;
	font-weight: bold;
	border-radius: 100%;
	background: #E0E7EB;
}

.modal h5 {
	color: #0E2447;
	font-size: 26px;
	font-weight: 500;
}

.modal p {
	color: #6B7B94;
	font-size: 19px;
	font-weight: 500;
}

.modal .user {
	margin-top: 50px;
	margin-bottom: 20px;
}

.modal .btn.user {
	float: none;
}


@keyframes mmfadeIn {
	from {
		opacity: 0;
	}

	to {
		opacity: 1;
	}
}

@keyframes mmfadeOut {
	from {
		opacity: 1;
	}

	to {
		opacity: 0;
	}
}

@keyframes mmslideIn {
	from {
		transform: translateY(15%);
	}

	to {
		transform: translateY(0);
	}
}

@keyframes mmslideOut {
	from {
		transform: translateY(0);
	}

	to {
		transform: translateY(-10%);
	}
}

.micromodal-slide {
	display: none;
	z-index: 5;
	position: relative;
}

.micromodal-slide.is-open {
	display: block;
}

.micromodal-slide[aria-hidden="false"] .modal-overlay {
	animation: mmfadeIn .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="false"] .modal-container {
	animation: mmslideIn .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal-overlay {
	animation: mmfadeOut .3s cubic-bezier(0.0, 0.0, 0.2, 1);
}

.micromodal-slide[aria-hidden="true"] .modal-container {
	animation: mmslideOut .3s cubic-bezier(0, 0, .2, 1);
}

.micromodal-slide .modal-container,
.micromodal-slide .modal-overlay {
	will-change: transform;
}


/*------------------------- Footer -------------------------*/

#footer {
	margin-top: 117px;
	background: #0E2447;
}

#footer .top-row {
	position: relative;
	top: -41px;
	padding: 16px 22px;
	border-radius: 30px 30px 10px 10px;
	background: #02B0FE;
	-webkit-box-shadow: 0 4px 12px 0 rgba(14, 36, 71, 0.3);
	box-shadow: 0 4px 12px 0 rgba(14, 36, 71, 0.3);
}

#footer .news-letter {
	width: 520px;
	float: right;
	padding: 5px 12px 5px 6px;
	border-radius: 50px;
	background: #fff;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

#footer .news-letter input {
	width: 400px;
	float: right;
	padding-top: 8px;
	color: #000;
}

#footer .news-letter .btn {
	float: left;
	padding: 0 15px 0 6px;
	color: #fff;
	font-size: 22px;
	line-height: 40px;
	font-weight: 500;
	border-radius: 50px;
	background: #6154DF;
	-webkit-box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.44);
	box-shadow: 0 3px 6px 0 rgba(97, 84, 223, 0.44);
}

#footer .news-letter .btn svg {
	height: 26px;
	margin-right: 4px;
}

#footer .news-letter .btn:hover svg {
	width: 26px;
}

#footer .social-network {
	float: left;
	margin-top: 8px;
}

#footer .social-network a {
	float: left;
	padding: 6px;
	margin-right: 10px;
	background: #fff;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
}

#footer .social-network svg {
	width: 25px;
	height: 25px;
	z-index: 1;
	position: relative;
	-webkit-transition: all .1s ease-in-out;
	transition: all .1s ease-in-out;
}

#footer .social-network a::before {
	content: '';
	position: absolute;
	top: 100%;
	right: 100%;
	width: 150%;
	height: 150%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .45s;
	transition: all .45s;
	transition-timing-function: cubic-bezier(0.31, -0.105, 0.43, 1.8);
}

#footer .social-network a:hover::before {
	top: -25%;
	right: -25%;
}

#footer .social-network .instagram svg {
	color: #d62976;
}

#footer .social-network .instagram::before {
	background: #d62976;
	background: -moz-linear-gradient(360deg, rgba(250, 126, 30, 1) 0%, rgba(214, 41, 118, 1) 33%, rgba(150, 47, 191, 1) 66%, rgba(79, 91, 213, 1) 100%);
	background: -webkit-linear-gradient(360deg, rgba(250, 126, 30, 1) 0%, rgba(214, 41, 118, 1) 33%, rgba(150, 47, 191, 1) 66%, rgba(79, 91, 213, 1) 100%);
	background: linear-gradient(360deg, rgba(250, 126, 30, 1) 0%, rgba(214, 41, 118, 1) 33%, rgba(150, 47, 191, 1) 66%, rgba(79, 91, 213, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fa7e1e', endColorstr='#4f5bd5', GradientType=1);
}

#footer .social-network .facebook svg {
	color: #3b5998;
}

#footer .social-network .facebook::before {
	background: #3b5998;
}

#footer .social-network .twitter svg {
	color: #3cf;
}

#footer .social-network .twitter::before {
	background: #3cf;
}

#footer .social-network a:hover svg {
	color: #fff;
}

#footer .main-row {
	padding: 25px 0 80px 0;
}

#footer .about-us {
	width: 456px;
	float: right;
	margin-left: 102px;
}

#footer .about-us p {
	margin-top: 10px;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.8;
	text-align: justify;
}

#footer .links {
	width: 360px;
	float: right;
	margin-left: 102px;
	margin-top: 14px;
}

#footer .links ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#footer .links li {
	width: 50%;
	float: right;
	padding: 0 30px 15px 30px;
}

#footer .links a {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	-webkit-transition: all .18s ease-in-out;
	transition: all .18s ease-in-out;
}

#footer .links li a:hover {
	margin-right: 5px;
}

#footer .e-namad {
	width: 150px;
	float: right;
	margin-top: 14px;
	background: #fff;
	border-radius: 20px;
	overflow: hidden;
	-webkit-box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
}

#footer .copy-right {
	background: #000;
}

#footer .copy-right p {
	margin: 0;
	color: #5B5B5B;
	font-size: 18px;
	line-height: 45px;
	font-weight: 300;
}

.log-alert {
    text-align: center;
    padding: 15px;
    margin-bottom: 10px;
    background-color: #607d8bd1;
    border-radius: 10px;
    color: #fff;
    border: 1px solid #324d5a;
}
.log-alert span {

}
.log-alert.green {
    background-color: #4caf50;
    border: 1px solid #1a651d;
}
.log-alert.yellow {
    background-color: #FFC107;
    border: 1px solid #967616;
}
.divider {
	height: 2px;
    background-color: #e5e8ee;
    margin-top: 45px;
    margin-bottom: 20px;
}
.recover-pass {
	display: block;
    margin: 0 auto;
    width: 200px;
    text-align: center;
    font-size: 20px;
    color: #000;
}
.recover-pass svg {
    width: 24px;
}
.recover-pass span {

}
.final-poll .page-header span {
    text-align: center;
    display: block;
    color: #0a4e6d;	

}
.final-poll .main-form {
    margin: 0 auto;
    padding: 30px 20px;
    border-radius: 15px;
    background: #fff;
    -webkit-box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 10px 30px 0 rgba(0, 0, 0, 0.1);
}
.final-poll .main-form form .title span {
    display: block;
    text-align: center;
    font-size: 24px;
    color: #0e8ec7;
    margin-bottom: 30px;
}
.final-poll .form-group {
    margin-bottom: 30px;
    text-align: center;
    margin-top: 30px;
}
.final-poll .form-group .question {
    font-size: 24px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000;
}
.final-poll .form-group .answers {
    display: flex;
    margin: 0 auto;
    justify-content: center;
}
.final-poll .form-group .cell {
    display: flex;
    align-items: center;
    margin: 0 30px;
}
.final-poll .form-group .cell label {
    font-size: 24px;
    font-weight: 500;
    margin-top: 7px;
    margin-left: 5px;
    color: #607D8B;
}
.final-poll .form-group .cell input {
    width: 20px;
    height: 20px;
}
.last-one {

}
.last-one label {
    font-size: 20px;
    font-weight: 500;
    margin-bottom: 10px;
    color: #000;
    display: block;	
}
.last-one textarea {
    border: 1px solid #c9c9c9;
    width: 100%;
    min-height: 120px;
    box-sizing: border-box;
    padding: 15px;
    font-size: 18px;
}
.xsawe {
    width: 400px;
    height: 64px;
    margin: 30px auto;
    display: block;
    margin-top: 50px;
    background-color: #02b0fe;
    border-radius: 999px;
    font-size: 26px;
    color: #fff;
    box-shadow: 0 3px 6px 0 rgba(2, 176, 254, 0.33);	
}
.dqesae {
        max-height: 260px;
}
.qesdaewq {
    height: 35px;
    overflow: hidden;
}
.image {
    max-width: 100%;
    max-height: 100%;
}
.content-thumb {
    height: 270px;
    background-size: 100% 100%;
    background-size: cover;
    background-position: center;
}
.big-one .xxx {
    height: 95px;
    overflow: hidden;
}
.small-one .xxx  {
    height: 99px;
    overflow: hidden;
}
.price-container {
    display: flex;
    margin-top: 20px;
}
.price-container .price {
        color: #fff;
    font-size: 40px;
    font-weight: bold;
    margin-left: 25px;
}
.price-container .price span {
        font-size: 20px;
    font-weight: normal;
    color: #0dd456;
}
.price-container .main-price {
    
}
.price-container .old-price {
text-decoration: line-through;
    color: #FF5722;
}
.price-container .old-price span {
        color: #FF5722;
}
.divider-cart {
        height: 2px;
    background-color: #e5e8ee;
    margin-bottom: 10px;
}
.cart-hint {
        margin-bottom: 35px;
    text-align: center;
    font-size: 15px;
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border: none !important;
}

.cart-form .select2-container .select2-selection__rendered {
    line-height: 40px !important;
}
.select2-container--default .select2-selection--multiple {
      border: none !important;
}

.product-purchase .btn.cart-btn {

}

.write-commnet {
    padding-bottom: 15px;
    border-bottom: 1px dashed #d9dde4;
    margin-bottom: 15px;
}
.write-commnet .title {
        font-weight: bold;
    color: #45608c;
}
.write-commnet .sucess-alert {
        padding: 15px;
    background-color: #8BC34A;
    border-radius: 10px;
    color: #fff;
    margin: 5px 0;
}
.write-commnet .form-group {
    
}
.write-commnet .form-group label {
        display: block;
}
.write-commnet .form-group textarea {
        width: 100%;
    border: 1px solid #a9b0bd;
    border-radius: 10px;
    padding: 10px;
    min-height: 150px;
}
.write-commnet .form-group button {
    background: #02B0FE;
    -webkit-box-shadow: 0 3px 6px 0 rgba(2, 176, 254, 0.3);
    box-shadow: 0 3px 6px 0 rgba(2, 176, 254, 0.3);
    width: 200px;
    height: 50px;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
}

.product-comments {
    
}
.product-comments .title {
    font-weight: bold;
    color: #45608c;
    margin-bottom: 10px;
}
.product-comments .comment-wrapper {
        padding: 15px;
    background-color: #f4f6fa;
    border-radius: 10px;
    margin-bottom: 20px;
}
.product-comments .head {
    border-bottom: 1px solid #adb6c7;
    margin-bottom: 8px;
    font-size: 16px;
}
.product-comments .head .name {
        font-weight: bold;
}
.product-comments .head .dar {
    
}
.product-comments .head .date {
        color: #00BCD4;
}
.product-comments .content {
    
}
.product-comments .content p {
    
}

.admin-resp {
        padding: 10px;
    background-color: #e1e4ea;
    border-radius: 10px;
    border: 1px solid #02b0fe;
}
.admin-resp .a-head {
font-size: 16px;
    border-bottom: 1px solid #ced3dc;
    margin-bottom: 6px;
}
.admin-resp .a-head .name {
    font-weight: bold;
    margin-left: 8px;
    color: #0493d3;
}
.admin-resp .a-head .date {
    
}
.admin-resp .a-content {
    
}
.admin-resp .a-content p {
        margin-bottom: 0;
    font-size: 17px;
}


.new-style {
    border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.07);
    text-align: center;
    min-height: 300px;
    padding: 30px;
}

.new-style .sucess-img {
    
}
.new-style .sucess-img img {
        height: 160px;
    margin-bottom: 30px;
    margin-top: 20px;
}
.new-style .message {
    
}
.new-style .message h2 {
        color: #000;
    font-size: 28px;
}

.input-select-xxx {
    width: 100%;
    padding: 13px 7px;
    font-size: 16px;
    line-height: 48px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 8px;
}

.form-submit-new {
        display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
}
.form-submit-new .dqs {
    font-size: 24px;
    color: #000;
}
.form-submit-new .dqs span {
        font-weight: bold;
    color: #4CAF50;
}
.form-submit-new .btn-arrow {
    
}



#header .contact-info li a {
    
    color: #767F8D;
}

.dis-cours {
    display: flex;
    padding: 50px 0;
}
.dis-cours .photo {
    
}
.dis-cours .photo img {
    
}
.dis-cours .desc {
    
}
.dis-cours .desc .title {
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    background-color: #f22;
    border-radius: 999px 0px 999px 999px;
    box-sizing: border-box;
    width: 260px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    box-shadow: 0px 2px 12px -4px #f22;
    margin-bottom: 10px;
}
.dis-cours .desc .course-name {
    font-size: 28px;
    color: #000;
    margin-bottom: 16px;
}
.dis-cours .desc .price {
    display: flex;
    margin-bottom: 30px;
}
.dis-cours .desc .price .balance {
        font-size: 32px;
    font-weight: bold;
}
.dis-cours .desc .price .currency {
    
}
.dis-cours .desc .price .main {
        margin-left: 20px;
}
.dis-cours .desc .price .main .balance {
        color: #4CAF50;
}
.dis-cours .desc .price .main .currency {
    
}
.dis-cours .desc .price .old {
        margin-left: 20px;
}
.dis-cours .desc .price .old .balance {
    text-decoration: line-through;
}
.dis-cours .desc .price .old .currency {
    font-size: 20px;
    color: #989eab;
}
.dis-cours .desc .price .percentage {
    direction: ltr;
    font-weight: bold;
    font-size: 22px;
    color: #fff;
    background-color: #305bb3;
    border-radius: 25px 5px 5px 25px;
    width: 120px;
    text-align: center;
    box-sizing: border-box;
    line-height: 0;
    padding-top: 28px;
}
.dis-cours .desc .timer {
        margin-bottom: 25px;
}
.dis-cours .desc .timer .t-title {
    
}

.dis-cours .btn.courses-list {
	display: inline-block;
	padding: 10px 18px 10px 10px;
	border: 1px solid #71819A;
	border-radius: 30px;
	color: #3F5374;
	font-size: 18px;
	background: #fff;
	-webkit-box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.16);
	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.1);
}

.dis-cours .btn.courses-list svg {
	height: 30px;
	margin-right: 5px;
	color: #71819A;
}

.dis-cours .btn.courses-list:hover svg {
	width: 30px;
}


/* custome flipdown css */

.flipdown {
    zoom: 0.75;
    -moz-transform: scale(0.75);
}
.flipdown .rotor-group:nth-child(1) .rotor-group-heading:before {
        content: 'روز';
            font-family: yekan_bakh;
}
.flipdown .rotor-group:nth-child(2) .rotor-group-heading:before {
        content: 'ساعت';    
            font-family: yekan_bakh;
}
.flipdown .rotor-group:nth-child(3) .rotor-group-heading:before {
        content: 'دقیقه';    
            font-family: yekan_bakh;
}
.flipdown .rotor-group:nth-child(4) .rotor-group-heading:before {
        content: 'ثانیه'; 
            font-family: yekan_bakh;
}