/*
Theme Name: Welearn Academy Shop
Theme URI: https://welearn.site/
Author: Welearn Academy
Author URI: https://welearn.site/
Version: 1.0.0
*/

/*
1  - Global Section CSS
2  - Header Section CSS
3  - Slider Section CSS
4  - Service Section CSS
5  - Category Section CSS
6  - Product Section CSS
7  - Countdown Section CSS
8  - Special Section CSS
9  - Sale Section CSS
10 - Customer Section CSS
11 - Ads Section CSS
12 - Brands Section CSS
13 - Preorder Section CSS
14 - Tabs Section CSS
15 - Blog Section CSS
16 - Newsletter Section CSS
17 - Footer Section CSS
18 - Cover Section CSS
19 - Main Section CSS
20 - Gallery Section CSS
21 - Tab Section CSS
22 - Description Section CSS
23 - Comments Section CSS
24 - Related Products Section CSS
25 - Page Section CSS
26 - Related Post Section CSS
27 - Sidebar Section CSS
28 - Cart Section CSS
29 - Checkout Section CSS
30 - Panel Section CSS
31 - Woocommerce Section CSS
32 - Extra Section CSS
33 - Responsive Section CSS
*/

/*-------------------------------------------------------------
 1 - Global Section CSS
--------------------------------------------------------------*/

@font-face {
	font-family: 'Vazir-Light';
	src: url('fonts/Vazir-Light-FD.woff2') format('woff');
}
@font-face {
	font-family: 'Vazir-Bold';
	src: url('fonts/Vazir-Bold-FD.woff2') format('woff');
}
@font-face {
	font-family: 'Vazir-Black';
	src: url('fonts/Vazir-Black-FD.woff2') format('woff');
}
body {
	direction: rtl;
	font-family: 'Vazir-Light';
	font-size: .95rem;
	background: #fafafa;
}
a {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
a:hover {
	text-decoration: none;
}
h1,
h2,
h3,
h4,
h5,
h6,
strong {
	font-family: 'Vazir-Bold';
}
p {
	margin: 0 0 15px;
}
.welearn-shadow {
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-title {
	text-align: center;
}
.welearn-title h2 {
	display: inline-block;
	margin: 0 0 30px;
	padding: 0 0 15px;
	position: relative;
	font-family: 'Vazir-Black';
	font-size: 1.25rem;
}
.welearn-title h2:before {
	content: '';
	width: 50px;
	height: 2px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #60b8ea;
}
.welearn-title h2:after {
	content: '';
	width: 20px;
	height: 2px;
	margin: 0 0 0 -35px;
	position: absolute;
	bottom: 0;
	left: 50%;
	background: #616161;
}
/*-------------------------------------------------------------
 2 - Header Section CSS
--------------------------------------------------------------*/

.welearn-header-section button {
	display: none;
}
.welearn-header-section button {
	width: 30px;
	height: 30px;
	line-height: 30px;
	background: transparent;
	color: #fff;
	border: 0;
}
.welearn-header-section .welearn-header-top {
	width: 100%;
	display: inline-block;
	background: #60b8ea;
	font-size: .9rem;
	line-height: 1
}
.welearn-header-section .welearn-header-top nav ul li {
	float: right;
	list-style: none;
}
.welearn-header-section .welearn-header-top nav ul li a {
	display: block;
	padding: 10px;
	color: #fff;
}
.welearn-header-section .welearn-header-top nav ul li a:hover {
	color: #0d1a22
}
.welearn-header-section .welearn-header-main {
	width: 100%;
	display: inline-block;
	padding: 30px 0;
}
.welearn-header-section .welearn-header-main .welearn-header-cart a {
	width: 50px;
	height: 50px;
	display: block;
	line-height: 55px;
	background: #fd658c;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-header-section .welearn-header-main .welearn-header-cart .fa-shopping-cart {
	font-size: 1.5rem;
	position: relative;
	top: 3px;
	right: 1px;
}
.welearn-header-section .welearn-header-main .welearn-header-logo {
	float: left;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav {
	position: relative;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li {
	float: right;
	display: inline-block;
	position: relative;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li a {
	display: block;
	padding: 10px 15px 20px;
	color: #616161;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li a:hover {
	color: #fd658c
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li ul {
	width: 250px;
	margin: 20px 0 0;
	position: absolute;
	top: 100%;
	right: 0;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	z-index: 10;
	-webkit-box-shadow: -1px 2px 3px rgba(0, 0, 0, .2);
	-moz-box-shadow: -1px 2px 3px rgba(0, 0, 0, .2);
	-o-box-shadow: -1px 2px 3px rgba(0, 0, 0, .2);
	box-shadow: -1px 2px 3px rgba(0, 0, 0, .2);
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li ul:before {
	content: '';
	width: 10px;
	height: 10px;
	position: absolute;
	top: -10px;
	right: 15px;
	border-right: 10px solid transparent;
	border-left: 10px solid transparent;
	border-bottom: 10px solid #fff;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li:hover ul {
	margin: 0;
	opacity: 1;
	visibility: visible;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li ul li {
	width: 100%;
	float: none;
	display: block;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li ul li a {
	padding: 15px;
}
.welearn-header-section .welearn-header-main .welearn-header-menu nav ul li ul li a:hover {
	background: #fd658c;
	color: #fff;
}
.welearn-header-section .welearn-header-bottom {
	width: 100%;
	display: inline-block;
	padding: 20px 10px;
	position: relative;
	background: #fff;
}
.welearn-header-section .welearn-header-bottom form {
	position: relative;
}
.welearn-header-section .welearn-header-bottom form input[type='search'] {
	height: 45px;
	padding: 15px;
	font-size: .9rem;
	background: #fafafa;
	border: 0;
	border-radius: 30px;
}
.welearn-header-section .welearn-header-bottom form button {
	position: absolute;
	top: 10px;
	left: 20px;
	line-height: 1.75;
	background: transparent;
	border: 0;
	color: #fd658c
}
.welearn-header-section .welearn-header-bottom form select {
	margin: 5px 0 0;
	padding: 5px;
	font-size: .9rem;
	border: 0;
	background-position: left;
	box-shadow: none;
}
.welearn-header-section .welearn-header-bottom .welearn-header-social {
	float: left;
	margin: 3px 0 0;
}
.welearn-header-section .welearn-header-bottom .welearn-header-social li {
	float: left;
	margin: 5px 3px;
	list-style: none;
}
.welearn-header-section .welearn-header-bottom .welearn-header-social li a {
	width: 30px;
	height: 30px;
	display: block;
	line-height: 35px;
	background: #5fb4ed;
	color: #fff;
	text-align: center;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-header-section .welearn-header-bottom .welearn-header-social li a:hover {
	background: #fd658c
}
/*-------------------------------------------------------------
 3 - Slider Section CSS
--------------------------------------------------------------*/

.welearn-slider-section {
	width: 100%;
	display: inline-block;
	margin: -45px 0 0;
	padding: 100px 0 60px;
	background: url(images/img-slider-section.png);
	background-size: cover;
	background-position: center center;
	color: #fff;
}
.welearn-slider-section .welearn-slider-content {
	padding: 0 15px;
	line-height: 2
}
.welearn-slider-section .welearn-slider-content h1 {
	font-family: 'Vazir-Black';
	font-size: 1.5rem
}
.welearn-slider-section .welearn-slider-content p {
	text-align: justify;
}
.welearn-slider-section .welearn-slider-content ul {
	float: left;
}
.welearn-slider-section .welearn-slider-content ul li {
	float: left;
	margin: 5px;
	list-style: none;
}
.welearn-slider-section .welearn-slider-content ul li a {
	display: block;
	padding: 5px 30px;
	background: #5fb7e9;
	color: #fff;
	border-radius: 30px;
}
.welearn-slider-section .welearn-slider-content ul li:first-child a {
	background: #8ba3a5;
}
.welearn-slider-section .welearn-slider-content ul li a:hover {
	background: #fd658c
}
.welearn-slider-section .carousel-indicators {
	bottom: -45px;
}
/*-------------------------------------------------------------
 4 - Service Section CSS
--------------------------------------------------------------*/

.welearn-service-section {
	width: 100%;
	display: inline-block;
	margin: 0 0 30px;
	padding: 30px 0;
	background: #fff;
}
.welearn-service-section .welearn-service-icon {
	width: 60px;
	height: 60px;
	line-height: 65px;
	float: right;
	margin: 0 0 0 10px;
	background: #f5f5f5;
	color: #616161;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-service-section h4 {
	margin: 10px 0 0;
	font-size: 1rem;
}
.welearn-service-section span {
	font-size: .8rem;
}
/*-------------------------------------------------------------
 5 - Product Section CSS
--------------------------------------------------------------*/

.welearn-product-item {
	width: 100%;
	max-width: 250px;
	float: right;
	margin: 0 0 30px;
	position: relative;
	background: #fff;
}
.welearn-product-item figure {
	height: 260px;
	border-bottom: 1px solid #f2f2f4
}
.welearn-product-item .welearn-product-content {
	width: 100%;
	display: inline-block;
	padding: 10px 20px 20px;
}
.welearn-product-item .welearn-product-content h2 {
	font-size: 1.10rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.welearn-product-item .welearn-product-content h2 a {
	color: #3e3e3e
}
.welearn-product-item .welearn-product-content h2 a:hover {
	color: #60b8ea
}
.welearn-product-item .welearn-product-content .welearn-product-text {
	display: block;
	margin: 0 0 25px;
	font-size: .85rem;
	color: #6c757d
}
.welearn-product-item .welearn-product-content .welearn-product-text strong {
	display: none;
}
.welearn-product-item .welearn-product-content .welearn-product-text ul {
	padding: 5px 0 0;
}
.welearn-product-item .welearn-product-content .welearn-product-text li {
	padding: 0 10px 0 0;
	position: relative;
	line-height: 1.75;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.welearn-product-item .welearn-product-content .welearn-product-text li:before {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	top: 10px;
	right: 0;
	background: #27AE60;
	border-radius: 50%;
}
.welearn-product-item .welearn-product-content .welearn-product-star {
	width: 100%;
	float: left;
	padding: 5px 0;
	font-size: .6rem;
	color: #95A5A6
}
.welearn-product-item .welearn-product-content .welearn-product-star .fa-star {
	float: left;
	margin: .5px;
}
.welearn-product-item .welearn-product-content .welearn-product-star .pink {
	color: #fd658c
}
.welearn-product-item .welearn-product-content .welearn-product-price,
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .welearn-bestselling-price,
.welearn-views-section .welearn-views-item .welearn-views-content .welearn-views-price {
	font-size: 1.10rem;
	color: #fd658c;
	text-align: left;
}
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .welearn-bestselling-price,
.welearn-views-section .welearn-views-item .welearn-views-content .welearn-views-price {
	text-align: center;
}
.welearn-product-item .welearn-product-content .welearn-product-price .price span,
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .price span,
.welearn-views-section .welearn-views-item .welearn-views-content .price span {
	margin: 0 0 10px;
	font-family: 'Vazir-Black';
	font-size: 1.25rem;
	color: #fd658c;
}
.welearn-product-item .welearn-product-content .welearn-product-price .price span span,
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .price span span,
.welearn-views-section .welearn-views-item .welearn-views-content .price span span {
	font-family: 'Vazir-Light';
	font-size: .85rem;
}
.welearn-product-item .welearn-product-content .welearn-product-price .price del,
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .price del,
.welearn-views-section .welearn-views-item .welearn-views-content .price del {
	display: inline-block;
	position: relative;
	font-size: 1rem;
	color: #666;
	text-decoration: none;
}
.welearn-product-item .welearn-product-content .welearn-product-price .price del:before,
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .price del:before,
.welearn-views-section .welearn-views-item .welearn-views-content .price del:before {
	content: '';
	width: 100%;
	height: 1px;
	position: absolute;
	top: 10px;
	right: 0;
	background: #b5b5b5ee;
	transform: rotate(-10deg);
}
.welearn-product-item .welearn-product-content .welearn-product-price .price del span,
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .welearn-bestselling-price del span,
.welearn-views-section .welearn-views-item .welearn-views-content .price del span {
	font-family: 'Vazir-Light';
	font-size: .85rem;
	color: #666;
}
.welearn-product-item .welearn-product-content .welearn-product-price .price del span span,
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .welearn-bestselling-price del span span,
.welearn-views-section .welearn-views-item .welearn-views-content .price del span span {
	font-family: 'Vazir-Light';
	font-size: .80rem;
}
.welearn-product-item .welearn-product-content .welearn-product-price .price ins,
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .welearn-bestselling-price ins,
.welearn-views-section .welearn-views-item .welearn-views-content .price ins {
	display: block;
	text-decoration: none;
}
.welearn-product-item .welearn-product-content .welearn-product-buy a {
	height: 45px;
	line-height: 45px;
	display: block;
	padding: 0 15px 0 0;
	position: absolute;
	bottom: 15px;
	right: -5px;
	font-size: .9rem;
	background: #60b8ea;
	color: #fff;
	z-index: 10;
}
.welearn-product-item .welearn-product-content .welearn-product-buy a:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: -20px;
	background: inherit;
	z-index: -1;
	-webkit-transform: skew(-40deg, 0deg);
	-moz-transform: skew(-40deg, 0deg);
	-o-transform: skew(-40deg, 0deg);
	transform: skew(-40deg, 0deg);
}
.welearn-product-item .welearn-product-content .welearn-product-buy a:after {
	content: '';
	position: absolute;
	top: -5px;
	right: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 5px solid #60b8ea;
	z-index: -2;
}
/*-------------------------------------------------------------
 6 - Category Section CSS
--------------------------------------------------------------*/

.welearn-category-section form {
	margin: 15px 0 0;
	position: relative;
}
.welearn-category-section form input[type='search'] {
	height: 45px;
	padding: 15px;
	font-size: .9rem;
	background: #fff;
	border-color: #ededed;
	border-radius: 30px;
}
.welearn-category-section form button {
	position: absolute;
	top: 10px;
	left: 10px;
	line-height: 1.85;
	background: transparent;
	border: 0;
	color: #fd658c
}
.welearn-category-section ul {
	margin: 30px 0 0;
}
.welearn-category-section ul ul {
	margin: 0;
}
.welearn-category-section ul li {
	width: 100%;
	display: inline-block;
	position: relative;
	list-style: none;
}
.welearn-category-section ul li a {
	display: block;
	padding: 10px 0;
	color: #5c5c5c;
}
.welearn-category-section ul li span {
	min-width: 45px;
	padding: 0 5px;
	position: absolute;
	top: 10px;
	left: 0;
	font-size: .9rem;
	line-height: 1.65;
	background: #8ba3a5;
	color: #fff;
	text-align: center;
	border-radius: 30px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-category-section ul li a:hover span {
	background: #fd658c
}
/*-------------------------------------------------------------
 7 - Countdown Section CSS
--------------------------------------------------------------*/

.welearn-countdown-section {
	width: 100%;
	display: inline-block;
	margin: 60px 0;
	padding: 30px;
	position: relative;
	background: url(images/img-countdown-section.png) no-repeat;
	background-size: cover;
	color: #fff;
	overflow: hidden;
	border-radius: .25rem;
}
.welearn-countdown-section .welearn-countdown-heading {
	width: 200px;
	margin: 0 auto;
	padding: 15px;
	font-family: 'Vazir-Bold';
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	background: #fd658c;
	text-align: center;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.welearn-countdown-section img {
	width: 275px;
	float: left;
	margin: 0 0 -75px;
}
.welearn-countdown-section h2 {
	margin: 0 0 10px;
	font-family: 'Vazir-Black';
	font-size: 1.5rem;
}
.welearn-countdown-section .welearn-countdown-price {
	display: block;
	padding: 0 0 15px;
}
.welearn-countdown-section .welearn-countdown-price del {
	display: block;
}
.welearn-countdown-section .welearn-countdown-price span {
	font-family: 'Vazir-Black';
	font-size: 1.25rem;
	color: #fd658c
}
.welearn-countdown-section strong {
	display: block;
	padding: 15px 0 5px;
}
.welearn-countdown-section ul {
	padding: 0 0 30px;
}
.welearn-countdown-section ul li {
	font-size: .95rem;
	line-height: 1.75;
	list-style: none;
}
.welearn-countdown-section .welearn-countdown-timer {
	display: table;
	margin: 0 auto;
}
.welearn-countdown-section .welearn-countdown-timer span {
	width: 65px;
	height: 65px;
	line-height: 65px;
	float: left;
	margin: 5px;
	font-family: 'Vazir-Black';
	font-size: 2.5rem;
	background: #fd658c;
	text-align: center;
	border-radius: .25rem;
}
/*-------------------------------------------------------------
 8 - Special Section CSS
--------------------------------------------------------------*/

.welearn-special-section {
	width: 100%;
	margin: 60px 0;
	padding: 60px 0;
	background: url(images/img-special-section.jpg);
	background-size: cover;
	color: #fff;
}
.welearn-special-section .welearn-special-item figure {
	float: left;
	margin: 0;
	padding: 0 45px 0 0;
}
.welearn-special-section .welearn-special-item .welearn-special-content {
	padding: 30px 0 0;
}
.welearn-special-section .welearn-special-item .welearn-special-content h2 {
	margin: 0 0 15px;
	font-family: 'Vazir-Black';
	font-size: 1.25rem;
}
.welearn-special-section .welearn-special-item .welearn-special-content ul {
	float: left;
}
.welearn-special-section .welearn-special-item .welearn-special-content ul li {
	float: left;
	margin: 5px;
	list-style: none;
}
.welearn-special-section .welearn-special-item .welearn-special-content ul li a {
	display: block;
	padding: 5px 30px;
	line-height: 1.85;
	background: #b6d225;
	color: #fff;
	border-radius: 30px;
}
.welearn-special-section .welearn-special-item .welearn-special-content ul li:first-child a {
	background: rgba(255, 255, 255, .2);
}
.welearn-special-section .welearn-special-item .welearn-special-content ul li a:hover {
	background: #b6d225
}
.welearn-special-carousel .slick-dots {
	bottom: -45px;
}
.welearn-special-carousel .slick-dots li button {
	background: rgba(255, 255, 255, .2);
}
.welearn-special-carousel .slick-dots li.slick-active button,
.welearn-special-carousel .slick-dots li button:hover,
.welearn-special-carousel .slick-dots li button:focus {
	background: #b6d225;
}
/*-------------------------------------------------------------
 9 - Sale Section CSS
--------------------------------------------------------------*/

.welearn-bestselling-section {
	width: 100%;
	padding: 15px;
	background: #fff;
}
.welearn-bestselling-section .welearn-bestselling-item {
	text-align: center;
}
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content {
	width: 100%;
	display: inline-block;
	padding: 10px;
}
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content h2 {
	font-size: 1.10rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content h2 a {
	color: #3e3e3e;
}
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content h2 a:hover {
	color: #60b8ea;
}
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .welearn-bestselling-price {
	padding: 5px 0 15px;
	font-size: 1.10rem;
	color: #fd658c
}
.welearn-bestselling-section .welearn-bestselling-item .welearn-bestselling-content .button {
	margin: 5px 0 0;
	padding: 5px 15px;
	font-size: .90rem;
	background: #60b8ea;
	color: #fff;
	border-radius: 300px;
}
.welearn-views-section {
	width: 100%;
	float: right;
	margin: 0 0 30px;
	padding: 0 0 15px;
	background: #fff;
}
.welearn-views-section .welearn-views-item {
	text-align: center;
}
.welearn-views-section .welearn-views-item .welearn-views-content {
	width: 100%;
	display: inline-block;
	padding: 10px;
}
.welearn-views-section .welearn-views-item .welearn-views-content h2 {
	font-size: 1.10rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.welearn-views-section .welearn-views-item .welearn-views-content h2 a {
	color: #3e3e3e;
}
.welearn-views-section .welearn-views-item .welearn-views-content h2 a:hover {
	color: #60b8ea;
}
.welearn-views-section .welearn-views-item .welearn-views-content .button {
	display: inline-block;
	margin: 15px 0 0;
	padding: 5px 15px;
	font-size: .90rem;
	background: #60b8ea;
	color: #fff;
	border-radius: 300px;
}
/*-------------------------------------------------------------
 10 - Customer Section CSS
--------------------------------------------------------------*/

.welearn-customer-section {
	width: 100%;
	display: inline-block;
	padding: 60px 0;
}
.welearn-customer-section img {
	width: 90px;
	height: 90px;
	margin: 0 auto;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-customer-section p {
	margin: 15px 0;
}
.welearn-customer-section span {
	display: block;
	padding: 0 0 30px;
	font-size: .9rem;
}
.welearn-customer-section li button {
	width: 10px;
	height: 10px;
	padding: 0;
	border-radius: 50%;
}
.welearn-customer-section li button:hover,
.welearn-customer-section li.slick-active button {
	background: #fd658c;
}
/*-------------------------------------------------------------
 11 - Ads Section CSS
--------------------------------------------------------------*/

.welearn-ads-section {
	width: 100%;
	display: inline-block;
}
.welearn-ads-section .welearn-ads-item {
	margin: 0 0 30px;
	position: relative;
}
.welearn-ads-section .welearn-ads-item a {
	display: block;
	color: #fff;
}
.welearn-ads-section .welearn-ads-item img {
	width: 100%;
	height: 245px;
	outline: 1px solid rgba(255, 255, 255, .5);
	outline-offset: -15px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-ads-section .welearn-ads-item a:hover img {
	outline: 1px solid rgba(255, 255, 255, 1);
}
.welearn-ads-section .welearn-ads-item span {
	position: absolute;
	top: 45%;
	right: 0;
	left: 0;
	text-align: center;
	font-size: 1.5rem;
}
/*-------------------------------------------------------------
 12 - Brand Section CSS
--------------------------------------------------------------*/

.welearn-brands-section {
	width: 100%;
	display: inline-block;
	margin: 30px 0;
	padding: 30px;
	background: #fff;
}
.welearn-brands-section img {
	width: 100px
}
/*-------------------------------------------------------------
 13 - Preorder Section CSS
--------------------------------------------------------------*/

.welearn-preorder-section {
	width: 100%;
	display: inline-block;
	padding: 0 0 30px;
}
.welearn-preorder-section .welearn-preorder-content .welearn-title {
	text-align: right;
}
.welearn-preorder-section .welearn-preorder-content .welearn-title h2:before {
	left: 0;
	right: 0;
}
.welearn-preorder-section .welearn-preorder-content .welearn-title h2:after {
	left: 0;
	right: 60px;
}
/*-------------------------------------------------------------
 14 - Tabs Section CSS
--------------------------------------------------------------*/

.welearn-tabs-section {
	width: 100%;
	display: inline-block;
	margin: 0 0 250px;
	padding: 60px 0 0;
	background: #60b8ea
}
.welearn-tabs-section .welearn-tabs-list {
	padding: 0 0 30px;
	font-size: 1.15rem;
	text-align: center;
}
.welearn-tabs-section .welearn-tabs-list ul li {
	padding: 0 0 15px;
}
.welearn-tabs-section .welearn-tabs-list ul li a {
	display: block;
	padding: 5px;
	font-size: 2rem;
	color: #3a84b1
}
.welearn-tabs-section .welearn-tabs-list ul li a span {
	display: block;
	font-size: 1rem;
	color: #fff;
}
.welearn-tabs-section .welearn-tab-background {
	width: 100%;
	margin: 0 0 -200px;
	padding: 15px 30px;
	background: #fff;
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item {
	width: 100%;
	margin: 15px 0;
	padding: 5px;
	border: 1px solid #f2f2f4;
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item h4 {
	width: 200px;
	margin: 5px 0 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item h4 a {
	color: #212529
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item h4 a:hover {
	color: #60b8ea
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item img {
	width: 100px;
	margin: 0 0 0 5px;
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .price del {
	display: block;
	color: #666
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .price del span {
	font-family: 'Vazir-Light';
	font-size: .85rem;
	color: #666;
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .price del span span {
	font-family: 'Vazir-Light';
	font-size: .80rem;
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .price ins {
	text-decoration: none;
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .price ins span {
	margin: 0 0 10px;
	font-family: 'Vazir-Black';
	font-size: 1rem;
	color: #fd658c
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .price ins span span {
	font-family: 'Vazir-Light';
	font-size: .90rem
}
.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .button {
	float: left;
	margin: 5px 0 0;
	padding: 5px 10px;
	font-size: .90rem;
	background: #60b8ea;
	color: #fff;
}
/*-------------------------------------------------------------
 15 - Blog Section CSS
--------------------------------------------------------------*/

.welearn-blog-section .welearn-blog-item {
	margin: 0 0 30px;
}
.welearn-blog-section .welearn-blog-item figure {
	margin: 0;
}
.welearn-blog-section .welearn-blog-item figure img {
	width: 100%;
	height: 230px;
	object-fit: cover;
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content {
	width: 100%;
	display: inline-block;
	padding: 15px;
	background: #fff;
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content .author {
	display: block;
	padding: 0 0 5px;
	font-size: .85rem;
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content h2 {
	font-size: 1.15rem;
	line-height: 1.5
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content h2 a {
	color: #212529
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content h2 a:hover {
	color: #60b8ea
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content ul li {
	display: inline-block;
	padding: 5px 0 5px 5px;
	font-size: .85rem;
	color: #6c757d;
	list-style: none;
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content ul li span {
	display: inline-block;
	padding: 0 5px;
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content p {
	margin: 15px 0;
	font-size: .95rem;
	color: #6c757d
}
.welearn-blog-section .welearn-blog-item .welearn-blog-content .btn {
	float: left;
}
/*-------------------------------------------------------------
 16 - Newsletter Section CSS
--------------------------------------------------------------*/

.welearn-newsletter-section {
	padding: 100px 0
}
.welearn-newsletter-section form {
	max-width: 600px;
	margin: 0 auto;
	position: relative;
}
.welearn-newsletter-section form input[type='text'] {
	width: 100%;
	padding: 20px 30px;
	background: #fff;
	border: 0;
	border-radius: 300px;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-newsletter-section form button,
.welearn-newsletter-section form input[type='submit'] {
	width: 145px;
	padding: 20px 0;
	position: absolute;
	top: 0;
	left: 0;
	background: #fd658c;
	color: #fff;
	border: 0;
	border-top-left-radius: 300px;
	border-bottom-left-radius: 300px;
}
.welearn-newsletter-section form button:hover,
.welearn-newsletter-section form input[type='submit']:hover {
	opacity: .9;
}
/*-------------------------------------------------------------
 17 - Footer Section CSS
--------------------------------------------------------------*/

.welearn-footer-section {
	width: 100%;
	display: inline-block;
	padding: 45px 0;
	background: #202731;
	color: #fff;
}
.welearn-footer-section strong {
	display: block;
	padding: 0 0 15px;
	font-size: 1.15rem;
	font-weight: normal;
}
.welearn-footer-section img {
	width: 120px;
	background: #fff;
	padding: 5px;
	border-radius: .25rem;
}
.welearn-footer-section ul li {
	padding: 5px 0;
	list-style: none;
}
.welearn-footer-section ul li a {
	display: block;
	color: #fff;
}
.welearn-footer-section ul li a:hover {
	color: #fd658c
}
.welearn-copyright-section {
	width: 100%;
	display: inline-block;
	padding: 15px 0;
	background: #60b8ea;
	color: #fff;
}
/*-------------------------------------------------------------
 18 - Cover Section CSS
--------------------------------------------------------------*/

.welearn-cover-section {
	width: 100%;
	float: right;
	margin: -45px 0 0;
	padding: 90px 0 45px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	color: #fff;
	text-align: center;
}
.welearn-cover-section h1 {
	margin: 0 0 10px;
	font-size: 1.25rem
}
.welearn-cover-section a {
	display: inline-block;
	padding: 0 5px;
	position: relative;
	font-size: .95rem;
	color: #ddd
}
/*-------------------------------------------------------------
 19 - Main Section CSS
--------------------------------------------------------------*/

.welearn-main-section {
	width: 100%;
	float: right;
	padding: 30px 0;
}
.welearn-main-section .welearn-product-item {
	width: 100%;
	max-width: 100%;
}
.welearn-main-section .welearn-content-section {
	font-size: .95rem
}
.welearn-main-section .welearn-content-section h1 {
	margin: 0 0 10px;
	font-family: 'Vazir-Black';
	font-size: 1.5rem
}
.welearn-main-section .welearn-content-section .welearn-variations-section .price {
	float: left;
	margin: 0 0 5px;
}
.welearn-main-section .welearn-content-section .welearn-price-section span,
.welearn-main-section .welearn-content-section .welearn-variations-section .price span,
.welearn-main-section .welearn-content-section .welearn-group-section span {
	margin: 0 0 10px;
	font-family: 'Vazir-Black';
	font-size: 1.25rem;
	color: #fd658c
}
.welearn-main-section .welearn-content-section .welearn-price-section span span,
.welearn-main-section .welearn-content-section .welearn-variations-section .price span span,
.welearn-main-section .welearn-content-section .welearn-group-section span span {
	font-family: 'Vazir-Light';
	font-size: .85rem
}
.welearn-main-section .welearn-content-section .welearn-price-section del span,
.welearn-main-section .welearn-content-section .welearn-variations-section .price del span,
.welearn-main-section .welearn-content-section .welearn-group-section del span {
	font-family: 'Vazir-Black';
	font-size: 1rem;
	color: #666;
}
.welearn-main-section .welearn-content-section .welearn-price-section ins,
.welearn-main-section .welearn-content-section .welearn-variations-section .price ins,
.welearn-main-section .welearn-content-section .welearn-group-section ins,
.welearn-product-item .welearn-product-content .welearn-product-price .price ins {
	text-decoration: none;
}
.welearn-main-section .welearn-content-section .welearn-excerpt-section {
	line-height: 2
}
.welearn-main-section .welearn-content-section .welearn-feature-section {
	padding: 15px 0 0;
}
.welearn-main-section .welearn-content-section .welearn-feature-section strong {
	display: block;
	padding: 0 0 10px;
}
.welearn-main-section .welearn-content-section .welearn-feature-section ul li {
	padding: 0 10px 0 0;
	position: relative;
	font-family: .90rem;
	line-height: 2;
}
.welearn-main-section .welearn-content-section .welearn-feature-section ul li:before {
	content: '';
	width: 5px;
	height: 5px;
	position: absolute;
	top: 12px;
	right: 0;
	background: #27AE60;
	border-radius: 50%;
}
.welearn-main-section .welearn-content-section .welearn-add-section .welearn-quantity-section {
	width: 100%;
	float: left;
	text-align: left;
}
.welearn-main-section .welearn-content-section .welearn-add-section .welearn-quantity-section input {
	width: 200px;
	padding: 5px;
	border: 1px solid #ddd;
}
.welearn-main-section .welearn-content-section .welearn-variations-section .variations {
	width: 100%;
}
.welearn-main-section .welearn-content-section .welearn-variations-section .variations tbody {
	float: left;
}
.welearn-main-section .welearn-content-section .welearn-variations-section .variations tbody,
.welearn-main-section .welearn-content-section .welearn-variations-section .variations tr,
.welearn-main-section .welearn-content-section .welearn-variations-section .variations td {
	margin: 0;
	padding: 0;
}
.welearn-main-section .welearn-content-section .welearn-variations-section .variations td {
	padding: 5px 0;
}
.welearn-main-section .welearn-content-section .welearn-variations-section .variations .label {
	display: none;
}
.welearn-main-section .welearn-content-section .welearn-add-section button {
	width: 200px;
	float: left;
	margin: 15px 0;
	padding: 10px 0;
	font-family: 'Vazir-Black';
	background: #60b8ea;
	border: 1px solid #60b8ea;
	color: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-main-section .welearn-content-section .welearn-add-section button:hover {
	opacity: .9
}
.welearn-main-section .welearn-content-section .welearn-group-section {
	padding: 15px 0;
}
.welearn-main-section .welearn-content-section .welearn-group-section table {
	width: 100%
}
.welearn-main-section .welearn-content-section .welearn-group-section label {
	margin: 0;
}
.welearn-main-section .welearn-content-section .welearn-group-section .welearn-quantity-section {
	width: 45px;
	float: right;
}
.welearn-main-section .welearn-content-section .welearn-group-section .welearn-quantity-section input {
	width: 100%;
}
.welearn-main-section .welearn-sales-section {
	padding: 0 10px;
	position: absolute;
	top: 15px;
	right: 25px;
	font-size: .95rem;
	line-height: 1.75;
	background: #fd658c;
	color: #fff;
	z-index: 10;
}
.welearn-filter-section {
	width: 100%;
	max-width: 250px;
	float: right;
	margin: 0 0 30px;
	padding: 15px;
	position: relative;
	background: #fff;
}
.welearn-filter-section ul li {
	margin: 0 0 5px !important;
	padding: 0 !important;
	position: relative;
}
.welearn-filter-section ul li input[type='checkbox'],
.welearn-filter-section ul li input[type='radio'] {
	position: absolute;
	top: 5px;
	right: 0
}
.welearn-filter-section ul li label {
	width: 100%;
	margin: 0;
	padding: 0 20px 0 0;
	font-size: .95rem;
}
.welearn-filter-section ul li span {
	float: left;
	margin: 0 5px 0 0;
	font-size: .90rem;
}
.welearn-filter-section ul li ul {
	margin: 0 !important;
}
.welearn-filter-section div {
	margin: 15px 0 0;
}
.welearn-filter-section button {
	width: 100%;
	padding: 5px;
	background: #7F8C8D;
	color: #fff;
	border: 0;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
/*-------------------------------------------------------------
 20 - Gallery Section CSS
--------------------------------------------------------------*/

.welearn-gallery-section {
	width: 100%;
	float: right;
	padding: 30px 15px;
	background: #fff;
}
.welearn-gallery-section .welearn-thumb-section {
	width: 100%;
	float: right;
}
/*-------------------------------------------------------------
 21 - Tab Section CSS
--------------------------------------------------------------*/

.welearn-tab-section {
	width: 100%;
	float: right;
	margin: 60px 0 30px;
}
.welearn-tab-section .nav li a {
	margin: 0 5px;
	padding: 10px 20px;
	background: #efefef;
	color: #616161;
	border: 1px solid #d1d1d1;
	border-radius: 0;
}
.welearn-tab-section .nav li a.active {
	background: #fafafa;
	border-bottom-color: #fafafa
}
/*-------------------------------------------------------------
 22 - Description Section CSS
--------------------------------------------------------------*/

.welearn-description-section {
	line-height: 2;
	text-align: justify;
}
.welearn-attributes-section table {
	width: 100%;
	vertical-align: middle;
	border-collapse: separate;
}
.welearn-attributes-section table tbody tr th {
	width: 300px;
	background: #ECF0F1;
	font-family: 'welearn_bold'
}
.welearn-attributes-section table tbody tr td {
	background: #ECF0F1
}
.welearn-attributes-section table tbody tr th,
.welearn-attributes-section table tbody tr td {
	padding: 5px;
}
.welearn-attributes-section table tbody tr p {
	margin: 0;
}
/*-------------------------------------------------------------
 23 - Comments Section CSS
--------------------------------------------------------------*/

.welearn-comments-section {
	width: 100%;
}
.welearn-comments-section ol {
	list-style-type: none;
}
.welearn-comments-section ol li {
	width: 100%;
	float: right;
	margin: 0 0 15px;
	padding: 10px 10px 5px;
	background: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-comments-section ol li div {
	display: flex;
}
.welearn-comments-section ol li div div {
	display: block;
}
.welearn-comments-section ol li img {
	float: right;
	margin: 0 0 0 5px;
	border-radius: 50%
}
.welearn-comments-section ol li span {
	font-size: .85rem
}
.welearn-comments-section ol li p {
	margin: 0 0 5px;
}
.welearn-comments-section ol li em {
	color: #E74C3C
}
.welearn-comments-section form .stars {
	display: none;
}
.welearn-comments-section .comment-notes {
	width: 100%;
	float: right;
	padding: 10px;
	font-size: .95rem;
	background: #7F8C8D;
	color: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-comments-section .comment-form-author,
.welearn-comments-section .comment-form-email,
.welearn-comments-section .comment-form-rating {
	width: 33.33%;
	float: right;
}
.welearn-comments-section .comment-form-author {
	padding: 0 0 0 5px;
}
.welearn-comments-section .comment-form-email {
	padding: 0 5px;
}
.welearn-comments-section .comment-form-comment {
	clear: both;
}
.welearn-comments-section .comment-form-rating .select2 {
	width: 100% !important;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-comments-section .comment-form-rating b {
	display: none;
}
.welearn-comments-section form {
	padding: 15px 0 0;
	position: relative;
}
.welearn-comments-section form label {
	display: block;
	margin: 0 0 5px;
	font-size: .90rem
}
.welearn-comments-section form input,
.welearn-comments-section form textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-comments-section form textarea {
	height: 150px;
	resize: none;
}
.welearn-comments-section form input[type='submit'] {
	width: 75px;
	float: left;
	position: absolute;
	bottom: 20px;
	left: 10px;
	font-size: .95rem;
	background: #5fb4ed;
	color: #fff;
	border-color: #5fb4ed;
}
.welearn-comments-section .welearn-number-section {
	width: 100%;
	float: right;
	padding: 45px 0;
	margin: 15px 0 0;
	line-height: 1.75;
	background: #60b8ea;
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-comments-section .welearn-number-section .fa-comments {
	font-size: 6rem
}
.welearn-comments-section .welearn-number-section span {
	display: block;
	padding: 15px 0 0;
	font-family: 'Vazir-Black';
	font-size: 4rem
}
/*-------------------------------------------------------------
 24 - Related Products Section CSS
--------------------------------------------------------------*/

.welearn-related-section {
	width: 100%;
	float: right;
	padding: 90px 0 0;
}
.welearn-related-section .welearn-product-item {
	width: 100%;
	max-width: 100%;
}
/*-------------------------------------------------------------
 25 - Page Section CSS
--------------------------------------------------------------*/

.web-page-section {
	width: 100%;
	float: right;
	padding: 15px;
	line-height: 2;
	background: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.web-page-section h1 {
	font-size: 1.35rem;
}
.web-page-section h2 {
	font-size: 1.25rem;
}
.web-page-section h3 {
	font-size: 1.15rem;
}
.web-page-section h4 {
	font-size: 1rem;
}
.web-page-section h5 {
	font-size: .95rem;
}
.web-page-section h6 {
	font-size: .90rem;
}
.web-page-section .web-content-section {
	width: 100%;
	float: right;
	padding: 15px;
	text-align: justify;
	line-height: 1.85
}
.web-page-section .web-content-section h1 {
	margin: 0 0 15px;
}
.web-page-section .web-content-section .web-info-section ul li {
	float: left;
	display: inline-block;
	padding: 0 15px 0 0;
	color: #666;
	font-size: .90rem;
	list-style: none;
}
/*-------------------------------------------------------------
 26 - Related Post Section CSS
--------------------------------------------------------------*/

.web-related-section {
	width: 100%;
	float: right;
	padding: 30px 0;
}
.web-related-section .web-related-item {
	margin: 0 0 30px;
}
.web-related-section .web-related-item figure {
	margin: 0;
}
.web-related-section .web-related-item figure img {
	width: 100%;
	height: 200px;
	object-fit: cover;
}
.web-related-section .web-related-item .web-related-content {
	width: 100%;
	display: inline-block;
	padding: 15px;
	position: relative;
	background: #fff;
}
.web-related-section .web-related-item .web-related-content a {
	width: 30px;
	height: 30px;
	line-height: 35px;
	display: block;
	position: absolute;
	top: -15px;
	left: 15px;
	background: #60b8ea;
	color: #fff;
	border-radius: 50%;
	text-align: center;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.web-related-section .web-related-item .web-related-content h2 {
	font-size: 1.15rem;
	line-height: 1.5
}
.web-related-section .web-related-item .web-related-content h2 a {
	color: #212529
}
.web-related-section .web-related-item .web-related-content h2 a:hover {
	color: #60b8ea
}
/*-------------------------------------------------------------
 27 - Sidebar Section CSS
--------------------------------------------------------------*/

.web-sidebar-section .web-widget-section {
	width: 100%;
	float: right;
	margin: 0 0 15px;
	padding: 15px;
	background: #fff;
}
.web-sidebar-section .web-widget-section h4 {
	width: 100%;
	float: right;
	margin: 0 0 15px;
	padding: 0 0 10px;
	border-bottom: 1px solid #ddd;
	font-size: 1rem
}
.web-sidebar-section .web-editor-item {
	width: 100%;
	float: right;
	margin: 0 0 15px;
	padding: 15px;
	color: #fff;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
}
.web-sidebar-section .web-editor-item:before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0, 0, 0, .5);
}
.web-sidebar-section .web-editor-item h6 {
	font-family: 'Vazir-Light';
	position: relative;
}
.web-sidebar-section .web-editor-item h6 a {
	color: #fff;
}
.web-sidebar-section .web-editor-item ul {
	position: relative;
	font-size: .80rem;
}
.web-sidebar-section .web-editor-item ul li {
	display: inline-block;
	padding: 0 0 0 5px;
	list-style: none;
}
/*-------------------------------------------------------------
 28 - Cart Section CSS
--------------------------------------------------------------*/

.welearn-cart-section table.cart {
	margin: 0 0 15px;
	text-align: center;
	border-color: #ddd;
	border-collapse: collapse;
}
.welearn-cart-section table.cart thead {
	background: #fcfcfc;
}
.welearn-cart-section table.cart thead tr th {
	padding: 10px;
	font-size: .9rem;
	font-weight: normal;
	border: 1px solid #ddd;
}
.welearn-cart-section table.cart tbody tr td {
	padding: 10px;
	border: 1px solid #ddd;
}
.welearn-cart-section table.cart tbody tr td .remove {
	margin: 0 auto;
	line-height: 1.25
}
.welearn-cart-section table.cart tbody tr td img {
	width: 100px;
}
.welearn-cart-section table.cart tbody tr td dl.variation {
	padding: 5px 0 0;
}
.welearn-cart-section table.cart tbody tr td dl.variation dt,
.welearn-cart-section table.cart tbody tr td dl.variation dd {
	float: none;
	display: inline-block;
	clear: none;
	font-size: .95rem;
	font-weight: normal;
}
.welearn-cart-section table.cart tbody tr td input {
	border: 1px solid #ddd;
}
.welearn-cart-section table.cart tbody tr td.actions {
	font-size: .95rem;
}
.welearn-cart-section table.cart tbody tr td.actions .input-text {
	width: 100px;
	padding: 5px;
}
.welearn-cart-section table.cart tbody tr td button {
	font-weight: normal;
	border-radius: 0;
}
.welearn-collaterals-section .cart-collaterals h2 {
	margin: 0 0 15px;
	font-size: 1.25rem
}
.welearn-collaterals-section .cart-collaterals .cross-sells {
	width: 100%;
}
.welearn-collaterals-section .cart-collaterals .cross-sells .welearn-product-item {
	width: 100%;
	max-width: 100%;
}
.welearn-collaterals-section .cart-collaterals .cross-sells .welearn-product-item .welearn-product-content h2 {
	margin: 0 0 5px;
	font-size: 1.2rem
}
.welearn-collaterals-section .cart-collaterals table {
	margin: 0 0 15px;
	text-align: center;
	border-color: #ddd;
	border-collapse: collapse;
}
.welearn-collaterals-section .cart-collaterals table tbody tr td {
	padding: 10px;
	border: 1px solid #ddd;
}
.welearn-collaterals-section .cart-collaterals .button {
	float: left;
	font-weight: normal;
	border-radius: 0;
}
/*-------------------------------------------------------------
 29 - Checkout Section CSS
--------------------------------------------------------------*/

.welearn-checkout-section h3 {
	font-size: 1.15rem
}
.welearn-checkout-section label {
	width: 100%;
	display: block;
	margin: 0;
	font-size: .95rem;
	line-height: 2
}
.welearn-checkout-section .required {
	font-size: 1rem;
	color: #E74C3C;
	text-decoration: none;
	font-weight: normal;
}
.welearn-checkout-section input[type='text'],
.welearn-checkout-section input[type='email'],
.welearn-checkout-section input[type='tel'],
.welearn-checkout-section textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd;
}
.welearn-checkout-section input:focus,
.welearn-checkout-section textarea:focus {
	border-color: #60b8ea
}
.welearn-checkout-section table.order {
	margin: 0 0 15px;
	text-align: center;
	border-color: #ddd;
	border-collapse: collapse;
}
.welearn-checkout-section table.order th,
.welearn-checkout-section table.order a {
	font-family: 'welearn_bold'
}
.welearn-checkout-section table.order tbody tr td dl.variation {
	padding: 5px 0 0;
}
.welearn-checkout-section table.order tbody tr td dl.variation dt,
.welearn-checkout-section table.order tbody tr td dl.variation dd {
	float: none;
	display: inline-block;
	clear: none;
	font-size: .95rem;
	font-weight: normal;
}
.welearn-checkout-section .welearn-payment-section {
	background: #eae8ea;
	border-radius: 0;
	overflow: hidden;
}
.welearn-checkout-section .welearn-payment-section div {
	display: block;
}
.welearn-checkout-section .welearn-payment-section ul li input {
	width: auto;
	padding: 0
}
.welearn-checkout-section .welearn-payment-section ul li label {
	margin: 0 -5px;
	position: relative;
	top: -3px;
}
.welearn-checkout-section .welearn-payment-section button {
	float: left;
	font-weight: normal;
	border-radius: 0;
}
/*-------------------------------------------------------------
 30 - Panel Section CSS
--------------------------------------------------------------*/

.welearn-panel-section h2 {
	font-size: 1.15rem
}
.welearn-panel-section .col-1,
.welearn-panel-section .col-2 {
	max-width: none;
}
.welearn-panel-section form.login,
.welearn-panel-section form.register {
	margin: 0;
	padding: 0;
	border: 0;
}
.welearn-panel-section form.login p,
.welearn-panel-section form.register p {
	display: block;
	margin: 0 0 5px;
	padding: 0;
	font-size: .95rem;
	text-align: justify;
}
.welearn-panel-section form.login label,
.welearn-panel-section form.register label {
	margin: 0 0 5px;
	font-size: .95rem
}
.welearn-panel-section form.login input[type='text'],
.welearn-panel-section form.login input[type='password'],
.welearn-panel-section form.register input[type='email'] {
	width: 100%;
	height: 40px;
	padding: 0 5px;
	border: 1px solid #ddd;
}
.welearn-panel-section form.login input[type='checkbox'] {
	width: 15px;
	height: 15px;
	display: inline-block;
	position: relative;
	background: #fff;
	border: 1px solid #ddd;
	cursor: pointer;
	-webkit-appearance: none;
	vertical-align: middle;
}
.welearn-panel-section form.login input[type='checkbox']:checked:before {
	content: '';
	width: 7px;
	height: 7px;
	position: absolute;
	top: 3px;
	right: 3px;
	background: #60b8ea
}
.welearn-panel-section form.login button,
.welearn-panel-section form.register button.button {
	width: 100%;
	height: 40px;
	padding: 0 5px;
	background: #60b8ea;
	color: #fff;
	font-weight: normal;
	border-radius: 0
}
.welearn-panel-section form.login button:hover,
.welearn-panel-section form.register button.button:hover {
	background: #60b8ea;
	color: #fff;
	opacity: .9
}
.welearn-panel-section .woocommerce-privacy-policy-text {
	margin: 0 0 10px;
	padding: 5px;
	background: #ECF0F1;
	color: #222;
	line-height: 1.40;
}
.welearn-panel-section form.login a {
	display: block;
	padding: 5px 0 0;
	font-size: .90rem;
}
.welearn-password-section .row {
	flex-direction: row-reverse;
}
.welearn-password-section p.form-row {
	width: 100%;
	display: block;
}
.welearn-password-section label {
	margin: 0 0 5px;
	font-size: .95rem
}
.welearn-password-section input[type='text'] {
	width: 100%;
	height: 40px;
	padding: 0 5px;
	border: 1px solid #ddd;
}
.welearn-password-section button.button {
	width: 120px;
	height: 40px;
	float: left;
	padding: 0 5px;
	line-height: 2.60;
	background: #60b8ea;
	color: #fff;
	font-weight: normal;
	border-radius: 0
}
.welearn-password-section button.button:hover {
	background: #60b8ea;
	color: #fff;
	opacity: .9
}
.welearn-navigation-section ul {
	width: 100%;
	float: right;
	margin: 0 0 15px;
	padding: 10px;
	background: #202731;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.welearn-navigation-section ul li {
	display: inline-block;
	list-style-type: none;
}
.welearn-navigation-section ul li a {
	display: block;
	padding: 5px;
	color: #fff;
	line-height: 1
}
.welearn-navigation-section ul li.is-active a {
	background: #fd658c;
	color: #fff;
}
.welearn-orders-section table.account-orders-table {
	margin: 0;
	border-collapse: collapse;
}
.welearn-orders-section table.account-orders-table thead {
	background: #fcfcfc;
}
.welearn-orders-section table.account-orders-table thead tr th,
.welearn-orders-section table.account-orders-table tbody tr td {
	padding: 10px;
	border: 1px solid #ddd;
	font-weight: normal;
	text-align: center;
}
.welearn-orders-section table.account-orders-table tbody tr td .button {
	display: inline-block;
	padding: 5px;
	background: #60b8ea;
	color: #fff;
	font-weight: normal;
	border-radius: 0;
}
.welearn-download-section table.woocommerce-table {
	margin: 0;
	border-collapse: collapse;
}
.welearn-download-section table.woocommerce-table thead {
	background: #fcfcfc;
}
.welearn-download-section table.woocommerce-table thead tr th,
.welearn-download-section table.woocommerce-table tbody tr td {
	padding: 10px;
	border: 1px solid #ddd;
	font-weight: normal;
	text-align: center;
}
.welearn-download-section table.woocommerce-table tbody tr td .button {
	display: inline-block;
	padding: 5px;
	background: #60b8ea;
	color: #fff;
	font-weight: normal;
	border-radius: 0;
}
.welearn-address-section .col-1,
.welearn-address-section .col-2 {
	max-width: none;
}
.welearn-address-section h3 {
	font-size: 1.15rem
}
.welearn-address-section p.form-row,
.welearn-account-section p.form-row {
	display: block;
}
.welearn-address-section p.form-row input,
.welearn-account-section p.form-row input {
	width: 100%;
	height: 40px;
	padding: 0 5px;
	border: 1px solid #ddd;
}
.welearn-address-section p.form-row label,
.welearn-account-section p.form-row label {
	margin: 0 0 5px;
	font-size: .95rem
}
.welearn-address-section p.form-row button.button,
.welearn-account-section p button.button {
	width: 120px;
	height: 40px;
	float: left;
	padding: 0 5px;
	background: #60b8ea;
	color: #fff;
	font-weight: normal;
	border-radius: 0
}
/*-------------------------------------------------------------
 31 - Woocommerce Section CSS
--------------------------------------------------------------*/

.woocommerce-result-count,
.woocommerce-ordering {
	display: none;
}
.woocommerce-message,
.woocommerce-Message {
	margin: 0;
	line-height: 2;
	background: #2ECC71;
	border-color: #2ECC71;
	color: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.woocommerce-message:before,
.woocommerce-Message:before {
	top: 15px;
	color: #fff
}
.woocommerce-message a,
.woocommerce-Message a {
	margin: -5px 0 0;
	background: transparent;
	color: #fff;
	font-weight: normal;
}
.woocommerce-message a.button,
.woocommerce-Message a.button {
	background: #202731;
	color: #fff;
	border-radius: 0;
	font-weight: normal;
}
.woocommerce-error {
	background: #E74C3C;
	border-color: #E74C3C;
	color: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.woocommerce-info {
	line-height: 2;
	background: #60b8ea;
	border-color: #60b8ea;
	color: #fff;
	-webkit-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-moz-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	-o-box-shadow: 0 0 6px rgba(0, 0, 0, .1);
	box-shadow: 0 0 6px rgba(0, 0, 0, .1);
}
.woocommerce-info a {
	color: #fff
}
.woocommerce .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-1,
.woocommerce-page .col2-set .col-2 {
	max-width: 100%;
}
.woocommerce .woocommerce-billing-fields__field-wrapper,
.woocommerce .woocommerce-shipping-fields__field-wrapper {
	display: flex;
	flex-wrap: wrap;
}
.woocommerce form .form-row {
	margin: 0 0 15px;
	padding: 0 15px;
}
.woocommerce form .form-row label {
	width: 100%;
	display: block;
	margin: 0;
	font-size: .95rem;
}
.woocommerce form .form-row .required {
	font-size: 1rem;
	color: #E74C3C;
	text-decoration: none;
	font-weight: normal;
}
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
	width: 100%;
	padding: 5px;
	border: 1px solid #ddd;
}
.woocommerce form .form-row input.input-text:focus,
.woocommerce form .form-row textarea:focus {
	border-color: #60b8ea
}
.woocommerce .woocommerce-customer-details {
	margin: 0;
}
.woocommerce .woocommerce-customer-details h2,
.woocommerce .woocommerce-order-details h2 {
	font-size: 1.15rem
}
.woocommerce .woocommerce-notice--success {
	display: table;
	margin: 0 auto 30px;
	padding: 10px 45px;
	background: #2ECC71;
	color: #fff;
	text-align: center;
	border-radius: 300px;
	-webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1);
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1)
}
.woocommerce ul.order_details {
	display: table;
	margin: 0 auto;
	padding: 0 0 30px;
	text-align: center
}
.woocommerce ul.order_details li strong {
	display: block;
	margin: 10px 0 0
}
.woocommerce-order-overview__email strong {
	font-family: 'Arial'
}
.woocommerce table.woocommerce-table--order-details {
	border: 1px solid #ddd
}
.woocommerce table.woocommerce-table--order-details .wc-item-meta {
	padding: 5px 0 0;
}
.woocommerce table.woocommerce-table--order-details .wc-item-meta .wc-item-meta-label {
	float: none;
	clear: none;
	display: inline-block;
	font-weight: normal;
}
.woocommerce table.woocommerce-table--order-details ul li p {
	display: inline-block;
}
.woocommerce-customer-details .woocommerce-customer-details--email {
	font-family: 'Arial'
}
@media screen and (max-width: 992px) {
	.woocommerce ul.order_details li {
		width: 50%;
		margin: 0;
		padding: 0 15px 15px;
		border: 0;
	}
	.woocommerce ul.order_details li:last-child {
		width: 100%;
	}
	.woocommerce-notice--success {
		padding: 10px 15px;
	}
}
.woocommerce .woocommerce-order h2 {
	font-size: 1.25rem
}
.woocommerce table.woocommerce-table--order-details {
	margin: 0 0 15px;
	text-align: center;
	border-color: #ddd;
	border-collapse: collapse;
}
.woocommerce table.shop_table tbody th,
.woocommerce table.shop_table tfoot td,
.woocommerce table.shop_table tfoot th {
	font-family: 'Vazir-Bold'
}
.woocommerce .woocommerce-customer-details address {
	padding: 5px 0;
	border: 0;
}
/*-------------------------------------------------------------
 32 - Extra Section CSS
--------------------------------------------------------------*/

div.wpcf7 .ajax-loader {
	display: block;
}
.reset_variations {
	display: none !important;
}
.select2-container .select2-selection--single {
	height: 35px;
	margin: 0;
	border-color: #ddd;
	border-radius: 0;
}
.welearn-header-section .welearn-header-bottom .select2-container .select2-selection--single {
	margin: 5px 0 0;
}
.welearn-header-section .welearn-header-bottom .select2-container--default .select2-selection--single .select2-selection__arrow {
	top: 9px;
}
.select2-results__option {
	font-size: .95rem;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	line-height: 35px;
	font-size: .90rem;
	text-align: right;
}
.welearn-cart-section .shipping-calculator-form span {
	width: 100%;
}
.welearn-checkout-section .select2-container {
	width: 100% !important
}
.widget_wysija_cont .wysija-submit {
	margin: 0;
}
.formError .formErrorContent {
	width: 215px !important;
	padding: 5px !important;
	font-family: 'welearn' !important;
	font-size: .80rem !important;
	line-height: 2 !important;
	background: #E74C3C !important;
	border: 0 !important;
}
/*-------------------------------------------------------------
 33 - Resposnive Section CSS
--------------------------------------------------------------*/

@media screen and (min-width: 992px) {
	.welearn-header-section .welearn-collapse-section {
		display: block;
	}
}
@media screen and (max-width: 992px) {
	/*Header Section CSS*/
	.welearn-header-section button {
		display: block;
	}
	.welearn-header-section .welearn-header-top nav ul li,
	.welearn-header-section .welearn-header-main nav ul li {
		width: 100%;
		text-align: center;
	}
	/*Product Section CSS*/
	.welearn-product-item {
		max-width: 100%;
	}
	.welearn-product-item figure img {
		height: 100%;
	}
	/*Countdown Section CSS*/
	.welearn-countdown-section h2 {
		margin: 45px 0 15px;
	}
	/*Special Section CSS*/
	.welearn-special-section {
		padding: 30px 0;
	}
	/*Preorder Section CSS*/
	.welearn-preorder-section .row {
		flex-direction: column-reverse;
	}
	/*Brands Section CSS*/
	.welearn-brands-section {
		padding: 5px;
	}
	.welearn-brands-section img {
		margin: 10px 0;
	}
	/*Footer Section CSS*/
	.welearn-footer-section {
		text-align: center;
	}
	.welearn-footer-section strong {
		padding: 5px 0;
	}
}
@media screen and (max-width: 768px) {
	/*Slider Section CSS*/
	.welearn-slider-section .row {
		flex-direction: column-reverse;
	}
	/*Special Section CSS*/
	.welearn-special-section .welearn-special-item figure {
		float: none;
		padding: 0;
	}
}
@media screen and (max-width: 576px) {
	/*Service Section CSS*/
	.welearn-service-section {
		padding: 15px 0 10px
	}
	.welearn-service-section span {
		display: block;
		margin: 5px 0 15px;
	}
	/*Newsletter Section CSS*/
	.welearn-newsletter-section form input[type='text'] {
		padding: 15px;
	}
	.welearn-newsletter-section form button,
	.welearn-newsletter-section form input[type='submit'] {
		width: 100%;
		padding: 15px;
		position: relative;
		border-radius: 300px;
	}
}
@media screen and (max-width: 480px) {
	/*Tabs Section CSS*/
	.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .media {
		display: block;
	}
	.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .media {
		text-align: center;
	}
	.welearn-tabs-section .welearn-tab-background .welearn-tabs-item .media img {
		margin: 0;
	}
	.welearn-tabs-section .welearn-tab-background .welearn-tabs-item h4 {
		width: 100%;
		line-height: 1.5;
		white-space: pre-line;
	}
}