﻿/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

body
{
    padding-top:137px;
}
.header-fix
{
    width:100%;
    z-index:9999999999;
    position:fixed;
    top:0px;
    right:0px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.header
{
    width:100%;
    height:auto;
    background-color:#ffffff;
    border-bottom:solid 1px #a4a4a4;
}
.header > div
{
    width:1280px;
    height:80px;
    margin:0px auto;
    position:relative;
}
.header > div > a
{
    width:54px;
    height:50px;
    border:0px;
    outline:0px;
    display:block;
    position:absolute;
    top:15px;
    right:0px;
}
.header > div > a > img
{
    width:54px;
    height:50px;
    border:0px;
    outline:0px;
}
.header > div > h1
{
    line-height:40px;
    margin:0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
	font-size:16px;
	color:#000000;
	position:absolute;
	top:20px;
	right:60px;
}
.header > div > h1 > a
{
    color:#000000;
    text-decoration:none;
}
.header > div > h1 > a:hover
{
    color:#38598c;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.header-social-bar
{
    text-align:left;
    position:absolute;
    top:94px;
    left:0px;
}
.header-social-bar > a
{
	margin-right:5px;
	font-size:24px;
	color:#8a97a0;
	text-decoration:none;
}
.header-social-bar > a:hover
{
    color:#385a8a;
}
.header-social-bar > a > i
{
    color:#8a97a0;
    -webkit-transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;
	transition:color 0.5s ease;
}
.header-social-bar > a > i:hover
{
    color:#385a8a;
}
.header-social-bar .fa-youtube
{
    color:#f70000;
}
.header-social-bar .fa-facebook
{
    color:#1877f2;
}
.header-social-bar .fa-instagram
{
    color:transparent;
    background:-webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip:text;
    background-clip:text;
}
.header-social-bar .fa-whatsapp
{
    color:#25d366;
}
.header-social-bar .fa-telegram
{
    color:#30a5d7;
}
.header-social-bar-aparat
{
    width:24px;
    height:24px;
    background:url("../Images/logo-aparat-hover-header.png");
    background:url("../Images/logo-aparat.png");
    background-size:24px 24px;
    display:inline-block;
    position:relative;
    top:3px;
    -webkit-transition:background 0.5s ease;
	-moz-transition:background 0.5s ease;
	transition:background 0.5s ease;
}
.header-social-bar-aparat:hover
{
    background:url("../Images/logo-aparat-hover-header.png");
    background-size:24px 24px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.search-bar
{
    width:20%;
    height:34px;
    position:absolute;
    top:92px;
    left:190px;
}
.search-bar > input[type=text]
{
    width:100%;
    height:34px;
    padding:5px;
    border:solid 1px #8a97a0;
    outline:0px;
    background-color:#ffffff;
    font-family:IranSans;
	font-size:13px;
	color:#333333;
    position:absolute;
    top:0px;
    right:0px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.search-bar > input[type=submit]
{
    width:24px;
    height:24px;
    border:0px;
    outline:0px;
    cursor:pointer;
    background:url("../Images/icon-search.png") no-repeat center center;
    position:absolute;
    top:5px;
    left:5px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.members-menu
{
    line-height:40px;
    font-family:IranSans;
    font-weight:bold;
	font-size:16px;
	color:#cdcdcd;
	text-align:center;
    position:absolute;
    top:20px;
    left:0px;
}
.members-menu > div > a
{
    color:#000000;
    text-decoration:none;
}
.members-menu > div > a:hover
{
    color:#38598c;
}
.members-menu > div > a > i
{
    padding-left:3px;
    font-size:20px;
    color:#38598c !important;
    position:relative;
    top:3px;
}
.members-menu > div > a > span
{
    width:24px;
    height:24px;
    line-height:24px;
    background-color:#365a8c;
    font-family:IranSansFa;
    font-size:14px;
    color:#ffffff;
    text-align:center;
    display:inline-block;
    position:relative;
    top:-1px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-bar
{
	width:1280px;
	height:48px;
	line-height:48px;
	margin:15px auto;
	background-color:#365a8c;
	box-shadow:rgba(0,0,0,0.5) 0px 5px 15px 0px;
}
.title-bar h2
{
	margin:0px;
	padding:0px;
	font-family:IranSans;
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.title-bar h3
{
	margin:0px;
	padding:0px;
	font-family:IranSans;
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-bar-home
{
    width:100%;
    height:64px;
    line-height:64px;
    margin:25px 0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:36px;
    color:#365a8c;
    text-align:center;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-bar-home-workshops
{
    width:100%;
	width:calc(100vw - 20px);
	height:172px;
    line-height:72px;
	margin:0px calc(-50vw + 10px) 50px calc(-50vw + 10px);
	padding:100px 0px 0px 0px;
	background:#ffffff url("../Images/background-title-bar.png") center center;
	font-family:IranSans;
    font-weight:bold;
    font-size:36px;
    color:#365a8c;
    text-align:center;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    position:relative;
    left:50%;
    right:50%;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main
{
	width:1280px;
	min-height:350px;
	margin:10px auto;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer
{
    width:100%;
    padding:25px 0px;
    background-color:#363636;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.footer > div
{
    width:1280px;
    margin:0px auto;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer-logo-bar
{
    text-align:center;
}
.footer-logo-bar > a > img
{
    width:98px;
    height:90px;
    border:0px;
    outline:0px;
}
.footer-logo-bar > h4
{
    margin:10px 0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
	font-size:16px;
	color:#ffffff;
}
.footer-logo-bar > h4 > a
{
    color:#ffffff;
    text-decoration:none;
    display:inline-block;
}
.footer-logo-bar > h4 > a:hover
{
    color:#cdcdcd;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer-menu-bar
{
    margin:25px 0px 30px 0px;
    text-align:center;
}
.footer-menu-bar > a
{
    line-height:40px;
    margin:0px;
    padding:0px 15px;
    font-family:IranSans;
    font-size:16px;
    color:#ffffff;
    text-decoration:none;
    display:inline-block;
    -webkit-border-radius:20px;
	-moz-border-radius:20px;
	border-radius:20px;
	-webkit-transition:0.5s ease-in-out;
	transition:0.5s ease-in-out;
}
.footer-menu-bar > a:hover
{
    background-color:#35598b;
    background-color:rgba(53,89,139,0.5);
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.footer-social-bar
{
    width:280px;
    margin:0px auto;
    text-align:center;
}
.footer-social-bar > a
{
	margin:0px 2.5px;
	font-size:24px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	display:inline-block;
}
.footer-social-bar > a:hover
{
    color:#f1b604;
}
.footer-social-bar > a > i
{
    color:#ffffff;
    -webkit-transition:color 0.5s ease;
	-moz-transition:color 0.5s ease;
	transition:color 0.5s ease;
}
.footer-social-bar > a > i:hover
{
    color:#f1b604;
}
.footer-social-bar .fa-sitemap
{
    font-size:18px;
    position:relative;
    top:-2px;
}
.footer-social-bar .fa-youtube
{
    color:#f70000;
}
.footer-social-bar .fa-facebook
{
    color:#1877f2;
}
.footer-social-bar .fa-instagram
{
    color:transparent;
    background:-webkit-radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    background:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
    -webkit-background-clip:text;
    background-clip:text;
}
.footer-social-bar .fa-whatsapp
{
    color:#25d366;
}
.footer-social-bar .fa-telegram
{
    color:#30a5d7;
}
.footer-social-bar-aparat
{
    width:24px;
    height:24px;
    background:url("../Images/logo-aparat-hover-footer.png");
    background:url("../Images/logo-aparat.png");
    background-size:24px 24px;
    display:inline-block;
    position:relative;
    top:3px;
    -webkit-transition:background 0.5s ease;
	-moz-transition:background 0.5s ease;
	transition:background 0.5s ease;
}
.footer-social-bar-aparat:hover
{
    background:url("../Images/logo-aparat-hover-footer.png");
    background-size:24px 24px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.copyright-bar
{
    width:100%;
    height:46px;
    line-height:46px;
    border-top:solid 1px #636363;
    background-color:#363636;
    font-family:IranSansFa;
    font-size:12px;
    color:#ffffff;
    text-align:center;
}
.copyright-bar > a
{
    color:#ffffff;
    text-decoration:none;
}
.copyright-bar > a:hover
{
    color:#cdcdcd;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.home-slider
{
    width:1280px;
    margin:0px auto;
}
.home-slider > div:first-child
{
    width:71%;
    float:right;
}
.home-slider > div:last-child
{
    width:28%;
    float:left;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.slider-bar
{
    width:100%;
	background-color:#ffffff;
	overflow:hidden;
}
.slider
{
    width:100%;
    height:auto;
}
.slider > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
}
.slider-bar .owl-dots
{
    top:-50px !important;
    position:relative;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.slider-new
{
    width:100%;
    background-color:#f0f0f0;
    margin:0px auto;
}
.slider-new-image
{
    width:39.5%;
    float:right;
}
.slider-new-image > a
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.slider-new-image > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.slider-new-info
{
    width:60%;
    height:auto;
    padding:10px;
    float:left;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.slider-new-info > h3
{
    margin:10px 0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:18px;
    color:#000000;
}
.slider-new-info > h3 > a
{
    color:#35598b;
    text-decoration:none;
}
.slider-new-info > h3 > a:hover
{
    color:#f1b604;
}
.slider-new-info > div
{
    height:120px;
    line-height:24px;
    margin:10px 0px;
    font-family:IranSans;
    font-size:13px;
    color:#000000;
    text-align:justify;
    overflow:hidden;
}
.slider-new .owl-dots
{
    width:60%;
    float:left;
    position:relative;
    top:-50px !important;
}
.slider-new .owl-dot button
{
    width:24px;
    height:24px;
    line-height:24px;
    margin:0px 2px;
    padding:0px;
    border:0px;
    outline:0px;
    background-color:#cdcdcd;
    font-family:IranSansFa;
    font-size:10px;
    color:#ffffff;
    text-align:center;
    cursor:pointer;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    -webkit-transition:background-color 0.5s ease, color 0.5s ease;
	-moz-transition:background-color 0.5s ease, color 0.5s ease;
	transition:background-color 0.5s ease, color 0.5s ease;
}
.slider-new .owl-dot button:hover
{
    background-color:#35598b;
}
.slider-new .owl-dot.active button
{
    background-color:#35598b !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-list
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.products-list > li
{
    width:32%;
    margin-left:2%;
    margin-bottom:2%;
    padding:0px 0px 100px 0px;
    background-color:#ffffff;
    float:right;
    position:relative;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.products-list > li:nth-child(3n)
{
    margin-left:0px;
}
.products-list > li > a
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
    overflow:hidden;
}
.products-list > li > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.products-list > li > h3
{
    width:95%;
    margin:10px auto 5px auto;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:16px;
    color:#365a8c;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.products-list > li > h3 > a
{
    color:#365a8c;
    text-decoration:none;
}
.products-list > li > h3 > a:hover
{
    color:#000000;
}
.products-list-summary
{
    width:95%;
    height:48px;
    margin:0px auto;
    font-family:IranSans;
    font-size:13px;
    color:#000000;
    text-align:justify;
    overflow:hidden;
    -webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.products-list-price-a
{
    direction:ltr;
    height:32px;
    line-height:32px;
    margin:0px 0px 5px 10px;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:14px;
    color:#000000;
    text-align:left;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    position:absolute;
    left:10px;
    bottom:45px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-list-price-a > span
{
    height:32px;
    line-height:32px;
    margin-right:5px;
    padding:0px 5px;
    background-color:#365a8c;
    font-weight:normal;
    font-size:12px;
    color:#ffffff;
    display:inline-block;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.products-list-price-a > strike
{
    color:#acacac;
}
.products-list-price-b
{
    height:32px;
    line-height:32px;
    margin:0px 0px 10px 12px;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:14px;
    color:#000000;
    text-align:left;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
    position:absolute;
    left:10px;
    bottom:5px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-list-price-b > span
{
    padding:0px 10px;
    color:#acacac;
    display:block;
    text-align:center;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
}
.products-list-more > a
{
    width:100px;
    height:36px;
    line-height:36px;
    background-color:#365a8c;
    font-family:IranSans;
    font-size:12px;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    display:block;
    position:absolute;
    right:10px;
    bottom:15px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition:background-color 0.5s ease;
	-moz-transition:background-color 0.5s ease;
	transition:background-color 0.5s ease;
}
.products-list-more > a:hover
{
    background-color:#f1b604;
}
.products-list-more-red > a
{
    background-color:#ef3f3e;
}
.products-list-type
{
    width:60px;
    height:30px;
    line-height:30px;
    background-color:#00a652;
    font-family:IranSans;
    font-size:12px;
    color:#ffffff;
    text-align:center;
    position:absolute;
    top:0px;
    right:0px;
    border-radius:0px 0px 0px 5px;
}
.products-list-type-online
{
    background-color:#35598b !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-single
{
    margin:15px;
    padding:0px 0px 100px 0px;
    background-color:#ffffff;
    position:relative;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:all 0.5s ease;
	-moz-transition:all 0.5s ease;
	transition:all 0.5s ease;
}
.products-single:hover
{
    box-shadow:rgba(0,0,0,0.75) 0px -5px 10px;
}
.products-single > a
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
    overflow:hidden;
}
.products-single > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.products-single > h3
{
    width:95%;
    margin:10px auto 5px auto;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:16px;
    color:#365a8c;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.products-single > h3 > a
{
    color:#365a8c;
    text-decoration:none;
}
.products-single > h3 > a:hover
{
    color:#000000;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-page-images
{
    width:384px;
    margin:0px 0px 10px 10px;
    padding-left:10px;
    float:right;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}
.products-page-images a
{
}
.products-page-images img
{
	width:100%;
	height:auto;
	border:0px;
	outline:0px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-page-price
{
    line-height:36px;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:14px;
    color:#000000;
}
.products-page-price a
{
    color:#365a8c;
    text-decoration:none;
}
.products-page-price a:hover
{
    color:#f1b604;
}
.products-page-price strike
{
    color:#ff0000;
}
.products-page-unavailable
{
    line-height:36px;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:14px;
    color:#ff0000;
}
.products-page-free
{
    line-height:36px;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:14px;
    color:#23b14d;
}
.products-page-signin
{
    line-height:36px;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:14px;
    color:#ff0000;
}
.products-page-purchased
{
    line-height:36px;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:14px;
    color:#23b14d;
}
.products-page-payment
{
    margin:10px 0px;
}
.products-page-description
{
    margin:10px 0px 0px 0px;
    padding:10px;
    border:solid 1px #23b14d;
    -webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.products-download-message
{
    width:100%;
    line-height:36px;
    padding:10px;
    border:solid 1px #5cad5f;
    background-color:#e7f5e7;
    font-family:IranSans;
    font-size:13px;
    color:#000000;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.payment-error
{
    width:100%;
	padding:20px;
	background-color:#ef3f3e;
    font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	text-align:center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.payment-continue-button a
{
    width:100%;
    margin-top:10px;
	padding:5px;
	border:solid 2px #388e3c;
	background-color:#388e3c;
    font-family:IranSans;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	text-align:center;
	display:block;
	cursor:pointer;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s, background-color 0.5s;
	-moz-transition:color 0.5s, background-color 0.5s;
	-o-transition:color 0.5s, background-color 0.5s;
	transition:color 0.5s, background-color 0.5s;
}
.payment-continue-button a:hover
{
	color:#388e3c;
	background-color:#ffffff;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.home-courses-more
{
    width:120px;
    height:36px;
    line-height:36px;
    margin:25px auto 0px auto;
    font-family:IranSans;
    font-weight:bold;
	font-size:18px;
	color:#365a8c;
	text-decoration:none;
    display:block;
}
.home-courses-more:hover
{
    color:#f1b604;
}
.home-courses-more > i
{
    position:relative;
    top:3px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.owl-carousel-workshops
{
    width:1220px;
    margin:0px auto;
}
.owl-carousel-workshops .owl-prev
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    right:-30px;
}
.owl-carousel-workshops .owl-prev span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#365a8c !important;
}
.owl-carousel-workshops .owl-next
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    left:-30px;
}
.owl-carousel-workshops .owl-next span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#365a8c !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.owl-carousel-courses
{
    width:1220px;
    margin:0px auto;
}
.owl-carousel-courses .owl-prev
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    right:-30px;
}
.owl-carousel-courses .owl-prev span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#365a8c !important;
}
.owl-carousel-courses .owl-next
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    left:-30px;
}
.owl-carousel-courses .owl-next span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#365a8c !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.home-blog-more
{
    width:120px;
    height:36px;
    line-height:36px;
    margin:25px auto 0px auto;
    font-family:IranSans;
    font-weight:bold;
	font-size:18px;
	color:#ffffff;
	text-decoration:none;
    display:block;
}
.home-blog-more:hover
{
    color:#f1b604;
}
.home-blog-more > i
{
    position:relative;
    top:3px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.home-blog-bar
{
    width:100%;
	width:calc(100vw - 20px);
	height:auto;
	margin:50px calc(-50vw + 10px);
	padding:5px 0px 25px 0px;
	background-color:#354f74;
	overflow:hidden;
    position:relative;
    left:50%;
    right:50%;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.home-blog-bar > div
{
    width:1220px;
    margin:0px auto;
}
.home-blog-bar h2
{
    color:#ffffff !important
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.home-blog-bar .owl-prev
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    right:-30px;
}
.home-blog-bar .owl-prev span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#ffffff !important;
}
.home-blog-bar .owl-next
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    left:-30px;
}
.home-blog-bar .owl-next span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#ffffff !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.posts-single
{
    margin:0px;
    padding:0px 0px 50px 0px;
    position:relative;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.posts-single > a
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
    overflow:hidden;
}
.posts-single > a:hover img
{
    -webkit-transform:scale(0.9);
    transform:scale(0.9);
}
.posts-single > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
    -webkit-transition:0.25s ease;
    transition:0.25s ease;
}
.posts-single > h3
{
    margin:10px 0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:16px;
    color:#f1b604;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.posts-single > h3 > a
{
    color:#f1b604;
    text-decoration:none;
}
.posts-single > h3 > a:hover
{
    color:#ffffff;
}
.posts-single-summary
{
    height:48px;
    margin:0px auto;
    font-family:IranSans;
    font-size:13px;
    color:#ffffff;
    text-align:justify;
    overflow:hidden;
}
.posts-single-more > a
{
    width:100px;
    height:36px;
    line-height:36px;
    background-color:#f1b604;
    font-family:IranSans;
    font-weight:bold;
    font-size:13px;
    color:#37598c;
    text-decoration:none;
    text-align:center;
    display:block;
    position:absolute;
    left:0px;
    bottom:0px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-transition:color 0.5s ease, background-color 0.5s ease;
	-moz-transition:color 0.5s ease, background-color 0.5s ease;
	transition:color 0.5s ease, background-color 0.5s ease;
}
.posts-single-more > a:hover
{
    background-color:#ffffff;
    color:#37598c;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.home-stat-bar
{
    width:100%;
	width:calc(100vw - 20px);
	height:auto;
	margin:25px calc(-50vw + 10px);
	padding:50px 0px;
	background:#e6bf02 url("../Images/background-home-stat-bar.jpg") center center;
	background-size:cover;
	overflow:hidden;
    position:relative;
    left:50%;
    right:50%;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.home-stat-bar > ul
{
    width:1280px;
    margin:0px auto;
    padding:0px;
    list-style:none;
}
.home-stat-bar > ul > li
{
    width:33.3334%;
    height:auto;
    padding:10px 0px;
    font-family:IranSans;
    font-weight:bold;
    color:#ffffff;
    text-align:center;
    float:right;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.home-stat-bar > ul > li:first-child
{
    border-left:solid 1px #ffffff;
}
.home-stat-bar > ul > li:last-child
{
    border-right:solid 1px #ffffff;
}
.home-stat-bar > ul > li > div:first-child
{
    font-size:48px;
}
.home-stat-bar > ul > li > div:last-child
{
    font-size:26px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.text-bar-banners-bar-a
{
    width:100%;
    height:64px;
    line-height:64px;
    margin:0px 0px 50px 0px;
    padding:0px;
    font-family:IranSans;
    font-size:24px;
    color:#000000;
    text-align:center;
}
.banners-bar-a
{
    width:1220px !important;
    margin:50px auto 50px auto;
}
.banners-bar-a .owl-prev
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    right:-30px;
}
.banners-bar-a .owl-prev span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#365a8c !important;
}
.banners-bar-a .owl-next
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    left:-30px;
}
.banners-bar-a .owl-next span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#365a8c !important;
}
.banners-a
{
    background-color:#ffffff;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-transition:background-color 0.5s ease;
	-moz-transition:background-color 0.5s ease;
	transition:background-color 0.5s ease;
}
.banners-a:hover
{
    background-color:#f1b604;
}
.banners-a > a
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.banners-a > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.banners-a > a > img:first-child
{
    display:block;
}
.banners-a > a > img:last-child
{
    display:none;
}
.banners-a:hover img:first-child
{
    display:none;
}
.banners-a:hover img:last-child
{
    display:block;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.title-bar-banners-bar-b
{
    width:100%;
    height:64px;
    line-height:64px;
    margin:25px 0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:36px;
    color:#ffffff;
    text-align:center;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.text-bar-banners-bar-b
{
    width:100%;
    height:64px;
    line-height:64px;
    margin:25px 0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:24px;
    color:#ffffff;
    text-align:center;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.banners-bar-b-container
{
    width:100%;
	width:calc(100vw - 20px);
	height:auto;
	margin:0px calc(-50vw + 10px);
	background-color:#354f74;
	overflow:hidden;
    position:relative;
    left:50%;
    right:50%;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.banners-bar-b
{
    width:1220px !important;
    margin:0px auto 50px auto;
}
.banners-bar-b .owl-prev
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    right:-30px;
}
.banners-bar-b .owl-prev span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#ffffff !important;
}
.banners-bar-b .owl-next
{
    width:20px;
    height:100%;
    height:calc(100% - 70px);
    position:absolute;
    top:0px;
    left:-30px;
}
.banners-bar-b .owl-next span
{
    font-weight:bold !important;
    font-size:48px !important;
    color:#ffffff !important;
}
.banners-b > a
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.banners-b > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.banners-b > a > img:first-child
{
    display:block;
}
.banners-b > a > img:last-child
{
    display:none;
}
.banners-b:hover img:first-child
{
    display:none;
}
.banners-b:hover img:last-child
{
    display:block;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.form-2-cell
{
    width:800px;
    margin:0px auto;
}
.form-2-cell p
{
    font-weight:bold;
    font-size:16px;
}
.form-2-cell select
{
    height:48px;
    line-height:48px;
    border-color:#999999;
    font-weight:bold;
    font-size:14px;
}
.form-2-cell > div
{
    width:48%;
    margin-left:4%;
    float:right;
}
.form-2-cell > div:last-child
{
    margin-left:0px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.form-3-cell
{
    width:800px;
    margin:0px auto;
}
.form-3-cell p
{
    font-weight:bold;
    font-size:16px;
}
.form-3-cell select
{
    height:48px;
    line-height:48px;
    border-color:#999999;
    font-weight:bold;
    font-size:14px;
}
.form-3-cell > div
{
    width:30.6667%;
    margin-left:4%;
    float:right;
}
.form-3-cell > div:last-child
{
    margin-left:0px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.accounts-side-bar
{
    width:30%;
    width:calc(350px);
    height:100%;
    background-color:#242424;
    float:right;
    position:relative;
    box-shadow:rgba(0,0,0,0.5) 0px 5px 15px 0px;
}
.accounts-side-bar > ul
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.accounts-side-bar > ul > li
{
    width:100%;
    height:110px;
    line-height:110px;
    font-family:IranSans;
    font-size:18px;
    color:#ffffff;
    position:relative;
}
.accounts-side-bar > ul > li:hover
{
    background-color:#333333;
}
.accounts-side-bar > ul > li:hover a
{
    color:#efb803;
}
.accounts-side-bar > ul > li:hover i
{
    color:#ffffff;
    background-color:#333333;
}
.accounts-side-bar > ul > li > a
{
    padding-right:40px;
    background-color:#333333;
    color:#ffffff;
    text-decoration:none;
    display:block;
}
.accounts-side-bar > ul > li > a > i
{
    width:110px;
    height:110px;
    line-height:110px;
    font-size:40px;
    background-color:#242424;
    color:#5b5b5b;
    text-align:center;
    display:block;
    float:left;
}
.accounts-side-bar-name > a
{
    background-color:#242424 !important;
}
.accounts-side-bar-name > a > i
{
    background-color:#355a87 !important;
    color:#ffffff !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.accounts-main
{
    width:70%;
    width:calc(100% - 370px);
    height:100%;
    float:left;
    position:relative;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.accounts-main-title-bar
{
	width:100%;
	height:48px;
	line-height:48px;
	margin-bottom:20px;
	background-color:#365a8c;
	box-shadow:rgba(0,0,0,0.5) 0px 5px 15px 0px;
}
.accounts-main-title-bar h2
{
	margin:0px;
	padding:0px;
	font-family:IranSans;
	font-weight:bold;
	font-size:18px;
	color:#ffffff;
	text-align:center;
	overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.side-bar-open
{
    margin-top:10px;
    margin-right:10px;
    font-size:28px;
    color:#ffffff;
    text-decoration:none;
    z-index:999999999;
    display:none;
    position:absolute;
}
.side-bar-close
{
    margin-top:19px;
    margin-right:10px;
    font-size:24px;
    color:#ffffff;
    text-decoration:none;
    z-index:999999999;
    display:none;
    position:absolute;
}
.accounts-side-bar-open
{
    width:100%;
    margin-bottom:10px;
    display:block !important;
    z-index:999999999 !important;
    position:relative !important;
    float:none;
}
.accounts-side-bar-open:after
{
    width:100%;
    height:0px;
    display:block;
    clear:both;
    content:"";
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.accounts-about-title-bar
{
    line-height:48px;
    margin-bottom:10px;
    border-bottom:solid 1px #d2d2d2;
    font-family:IranSans;
    font-weight:bold;
    font-size:26px;
    color:#000000;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.slide-page
{
    width:100%;
    height:auto;
    margin:0px;
    padding:50px 0px;
    list-style:none;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.slide-page > li
{
    width:32%;
    margin-left:2%;
    float:right;
}
.slide-page > li:nth-child(3n)
{
    margin-left:0px;
}
.slide-page > li > a
{
    width:172px;
    height:172px;
    margin:0px auto;
    border:0px;
    outline:0px;
    display:block;
}
.slide-page > li > a > img
{
    width:172px;
    height:172px;
    border:solid 5px #37588b;
    outline:0px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
}
.slide-page > li > h3
{
    margin:25px 0px 10px 0px;
    padding:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:18px;
    color:#ffffff;
    text-align:center;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.slide-page > li > h3 > a
{
    color:#37588b;
    text-decoration:none;
}
.slide-page > li > h3 > a:hover
{
    color:#f1b604;
}
.slide-page-item-summary-box
{
    width:90%;
    height:190px;
    line-height:32px;
    margin:25px auto;
    padding:25px;
    background-color:#545991;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.slide-page-item-summary
{
    height:128px;
    font-family:IranSans;
    font-size:14px;
    color:#ffffff;
    overflow:hidden;
}
.slide-page-item-more > a
{
    font-family:IranSans;
    font-size:16px;
    color:#b7b7b7;
    text-decoration:none;
    float:left;
}
.slide-page-item-more > a:hover
{
    color:#f1b604;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-categories
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.main-categories > li
{
    width:23.5%;
    height:auto;
    margin-left:2%;
    margin-bottom:2%;
    float:right;
}
.main-categories > li:nth-child(4n)
{
    margin-left:0px;
}
.main-categories-image
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.main-categories-image > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.main-categories-title
{
    width:100%;
    height:40px;
    line-height:40px;
    border:0px;
    outline:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:14px;
    color:#35598b;
    text-decoration:none;
    text-align:center;
    display:block;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.main-categories-title:hover
{
    color:#f1b604;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.main-category > a
{
    width:320px;
    height:auto;
    padding:0px 50px 10px 0px;
    border:0px;
    outline:0px;
    display:block;
    float:left;
}
.main-category > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
}
.main-category-menu
{
    width:100%;
    height:36px;
    line-height:36px;
    margin:0px 0px 10px 0px;
    padding:0px;
    border-bottom:solid 1px #d7d7d7;
    display:block;
    list-style:none;
}
.main-category-menu-page
{
    width:calc(100% - 370px);
}
.main-category-menu > li
{
    margin-left:15px;
    padding:0px 15px;
    font-family:IranSans;
    font-weight:bold;
    font-size:14px;
    color:#000000;
    float:right;
    -webkit-transition:background-color 0.5s ease;
	-moz-transition:background-color 0.5s ease;
	transition:background-color 0.5s ease;
}
.main-category-menu > li:hover
{
    background-color:#f2b600;
    border-radius:5px 5px 0px 0px;
}
.main-category-menu > li:last-child
{
    margin-left:0px;
}
.main-category-menu > li > a
{
    color:#000000;
    text-decoration:none;
}
.main-category-menu-active
{
    background-color:#f2b600;
    border-radius:5px 5px 0px 0px;
}
.main-category-menu-active > a
{
    color:#ffffff !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.teachers
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.teachers > li
{
    width:23.5%;
    height:auto;
    margin-left:2%;
    margin-bottom:2%;
    float:right;
}
.teachers > li:nth-child(4n)
{
    margin-left:0px;
}
.teachers-image
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.teachers-image > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.teachers-name
{
    width:100%;
    height:40px;
    line-height:40px;
    border:0px;
    outline:0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:18px;
    color:#000000;
    text-decoration:none;
    text-align:center;
    display:block;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.teachers-name:hover
{
    color:#f1b604;
}
.teachers-degree
{
    width:100%;
    height:40px;
    line-height:40px;
    border:0px;
    outline:0px;
    font-family:IranSans;
    font-weight:normal;
    font-size:13px;
    color:#000000;
    text-decoration:none;
    text-align:center;
    display:block;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.teachers-degree:hover
{
    color:#f1b604;
}
.teachers-menu
{
}
.teachers-menu > a:first-child
{
    width:49%;
    line-height:40px;
    margin-top:5px;
    border:solid 2px #35598b;
    background-color:#ffffff;
    font-family:IranSans;
    font-weight:bold;
    font-size:14px;
    color:#35598b;
    text-decoration:none;
    text-align:center;
    float:right;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	-moz-transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
}
.teachers-menu > a:first-child:hover
{
    border:solid 2px #f1b604;
    color:#f1b604;
}
.teachers-menu > a:last-child
{
    width:49%;
    line-height:40px;
    margin-top:5px;
    border:solid 2px #35598b;
    background-color:#35598b;
    font-family:IranSans;
    font-weight:bold;
    font-size:14px;
    color:#ffffff;
    text-decoration:none;
    text-align:center;
    float:left;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	-moz-transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
}
.teachers-menu > a:last-child:hover
{
    border:solid 2px #f1b604;
    background-color:#f1b604;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.personnels-menu
{
}
.personnels-menu > a
{
    width:100%;
    line-height:40px;
    margin-top:5px;
    border:solid 2px #35598b;
    background-color:#ffffff;
    font-family:IranSans;
    font-weight:bold;
    font-size:14px;
    color:#35598b;
    text-decoration:none;
    text-align:center;
    float:right;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	-moz-transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
	transition:color 0.5s ease, background-color 0.5s ease, border 0.5s ease;
}
.personnels-menu > a:hover
{
    border:solid 2px #f1b604;
    color:#f1b604;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.teacher > a
{
    width:320px;
    height:auto;
    padding:0px 50px 10px 0px;
    border:0px;
    outline:0px;
    display:block;
    float:left;
}
.teacher > a > img
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.videos > a
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.videos > a > video
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}
.videos > video
{
    width:100%;
    height:auto;
    border:0px;
    outline:0px;
    display:block;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.workshops-extras-title-bar
{
    margin:10px 0px;
    font-family:IranSans;
    font-weight:bold;
    font-size:18px;
    color:#ff0000;
}
.workshops-extras
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.workshops-extras > li
{
    width:24.25%;
    height:auto;
    line-height:24px;
    margin:0px 0px 1% 1%;
    padding:5px;
    border:solid 2px #cdcdcd;
    background-color:#ffffff;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:13px;
    color:#000000;
    cursor:pointer;
    float:right;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:border 0.25s ease, background-color 0.25s ease;
	-moz-transition:border 0.25s ease, background-color 0.25s ease;
	transition:border 0.25s ease, background-color 0.25s ease;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.workshops-extras > li:nth-child(4n)
{
    margin-left:0px;
}
.workshops-extras > li:hover
{
    border:solid 2px #ff0000;
}
.workshops-extras > li:hover i
{
    color:#ff0000;
}
.workshops-extras > li > i
{
    font-size:18px;
    color:#cdcdcd;
    position:absolute;
    top:20px;
    left:10px;
    -webkit-transition:color 0.25s ease;
	-moz-transition:color 0.25s ease;
	transition:color 0.25s ease;
}
.workshops-extras > li > h2
{
    margin:0px;
    padding:0px;
    font-size:14px;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.workshops-extras > li > div
{
    font-size:13px;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}
.workshops-extras-active
{
    border:solid 2px #23b14d !important;
    background-color:#d9ffe4 !important;
}
.workshops-extras-active i
{
    color:#23b14d !important;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.workshops-extras-purchased
{
    margin:0px;
    padding:0px;
    list-style:none;
}
.workshops-extras-purchased > li
{
    width:24.25%;
    height:auto;
    line-height:24px;
    margin:0px 0px 1% 1%;
    padding:5px;
    border:solid 2px #23b14d;
    background-color:#d9ffe4;
    font-family:IranSansFa;
    font-weight:bold;
    font-size:13px;
    color:#000000;
    cursor:pointer;
    float:right;
    position:relative;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:border 0.25s ease, background-color 0.25s ease;
	-moz-transition:border 0.25s ease, background-color 0.25s ease;
	transition:border 0.25s ease, background-color 0.25s ease;
	-webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
.workshops-extras-purchased > li:nth-child(4n)
{
    margin-left:0px;
}
.workshops-extras-purchased > li > i
{
    font-size:18px;
    color:#23b14d;
    position:absolute;
    top:7.5px;
    left:10px;
    -webkit-transition:color 0.25s ease;
	-moz-transition:color 0.25s ease;
	transition:color 0.25s ease;
}
.workshops-extras-purchased > li > h2
{
    margin:0px;
    padding:0px;
    font-size:14px;
    overflow:hidden;
	white-space:nowrap;
    text-overflow:ellipsis;
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */

@media only screen and (max-width:1340px)
{
	.header > div
    {
        width:95%;
    }
	.main
	{
		width:92%;
	}
	.footer > div
    {
        width:95%;
    }
	.title-bar
	{
		width:95%;
	}
	.home-blog-bar > div
	{
	    width:90%;
	}
	.banners-bar-a
	{
	    width:90% !important;
	}
	.banners-bar-b
	{
	    width:90% !important;
	}
	.home-stat-bar > ul
	{
	    width:95%;
	}
	.owl-carousel-workshops
	{
	    width:90% !important;
	}
	.owl-carousel-courses
	{
	    width:90% !important;
	}
	.home-slider
	{
	    width:95%;
	}
}
@media only screen and (max-width:1280px)
{
    .header-social-bar
    {
        top:28px;
        left:240px;
    }
    .search-bar
    {
        left:0px;
    }
    .slider-new-info > div
    {
        height:96px;
    }
}
@media only screen and (max-width:1024px)
{
    .side-bar-open
    {
        display:block;
    }
    .side-bar-close
    {
        display:block;
    }
    .accounts-side-bar
    {
        display:none;
    }
    .accounts-side-bar > ul > li
    {
        height:64px;
        line-height:64px;
    }
    .accounts-side-bar > ul > li > a
    {
        padding-right:20px;
    }
    .accounts-side-bar > ul > li > a > i
    {
        width:64px;
        height:64px;
        line-height:64px;
        font-size:28px;
    }
    .accounts-side-bar-name > a > span
    {
        padding-right:30px;
    }
    .accounts-main
    {
        width:100%;
        float:none;
    }
    .slider-new-info > div
    {
        height:72px;
    }
}
@media only screen and (max-width:984px)
{
    body
    {
        padding-top:0px;
    }
    .header-fix
    {
        position:inherit;
        top:auto;
        right:auto;
    }
    .header > div
    {
        height:auto;
        padding:10px 0px;
        text-align:center;
        -webkit-box-sizing:border-box;
	    -moz-box-sizing:border-box;
	    box-sizing:border-box;
    }
    .header > div > a
    {
        width:54px;
        height:50px;
        margin:0px auto;
        position:inherit;
        top:0px;
        right:0px;
    }
    .header > div > h1
    {
        margin-top:5px;
        position:inherit;
        top:0px;
        right:0px;
    }
    .members-menu
    {
        margin:0px auto;
        position:inherit;
        top:0px;
        right:0px;
    }
    
    
    .header-social-bar
    {
        width:100%;
        margin:10px 0px;
        text-align:center;
        position:inherit;
        top:auto;
        left:auto;
    }
    .header-social-bar > a
    {
	    margin:0px 5px;
    }
    
    
    .search-bar
    {
        width:100%;
        margin:0px auto;
        position:relative;
        top:auto;
        left:auto;
    }
    
    
    .form-2-cell
    {
        width:100%;
    }
    .form-3-cell
    {
        width:100%;
    }
    
    
    .main-categories > li:nth-child(4n)
    {
        margin-left:2%;
    }
    .main-categories > li
    {
        width:32%;
    }
    .main-categories > li:nth-child(3n)
    {
        margin-left:0px;
    }
    
    
    .teachers > li:nth-child(4n)
    {
        margin-left:2%;
    }
    .teachers > li
    {
        width:32%;
    }
    .teachers > li:nth-child(3n)
    {
        margin-left:0px;
    }
    
    
    .slider-new-info > div
    {
        height:48px;
    }
    
    
    .slide-page > li
    {
        width:100%;
        margin-left:0px;
        margin-bottom:15px;
        float:none;
    }
    .slide-page > li:last-child
    {
        margin-bottom:0px;
    }
    
    
    .workshops-extras > li:nth-child(4n)
    {
        margin-left:1%;
    }
    .workshops-extras > li
    {
        width:49.5%;
    }
    .workshops-extras > li:nth-child(2n)
    {
        margin-left:0px;
    }
    
    
    .workshops-extras-purchased > li:nth-child(4n)
    {
        margin-left:1%;
    }
    .workshops-extras-purchased > li
    {
        width:49.5%;
    }
    .workshops-extras-purchased > li:nth-child(2n)
    {
        margin-left:0px;
    }
}
@media only screen and (max-width:768px)
{
    .title-bar
    {
	    height:48px;
	    line-height:48px;
    }
    .title-bar h2
    {
	    font-size:18px;
    }
    .title-bar h3
    {
	    font-size:18px;
    }


    .title-bar-home
    {
        height:48px;
        line-height:48px;
        font-size:18px;
    }
    
    
	.copyright-bar
    {
        height:auto;
        line-height:32px;
        font-size:10px;
    }
    
    
    .products-list > li:nth-child(3n)
    {
        margin-left:2%;
    }
    .products-list > li
    {
        width:49%;
    }
    .products-list > li:nth-child(2n)
    {
        margin-left:0px;
    }
    
    
    .products-page-images
    {
        width:100%;
        margin:0px auto 10px auto;
        padding-left:0px;
        float:none;
    }
    
    
    .main-category > a
    {
        width:100%;
        padding:0px 0px 10px 0px;
        float:none;
    }
    .main-category-menu-page
    {
        width:100%;
    }
    
    
    .teacher > a
    {
        width:100%;
        padding:0px 0px 10px 0px;
        float:none;
    }
    
    
    .home-slider > div:first-child
    {
        width:100%;
        float:none;
    }
    .home-slider > div:last-child
    {
        width:50%;
        margin:0px auto;
        display:none;
        float:none;
    }
    
    
    
    
    
    .title-bar-banners-bar-b
    {
        font-size:18px;
    }
    .title-bar-home-workshops
    {
        font-size:18px;
    }
}
@media only screen and (max-width:640px)
{
    .main-categories > li:nth-child(4n)
    {
        margin-left:2%;
    }
    .main-categories > li:nth-child(3n)
    {
        margin-left:2%;
    }
    .main-categories > li
    {
        width:49%;
    }
    .main-categories > li:nth-child(2n)
    {
        margin-left:0px;
    }
    
    
    .teachers > li:nth-child(4n)
    {
        margin-left:2%;
    }
    .teachers > li:nth-child(3n)
    {
        margin-left:2%;
    }
    .teachers > li
    {
        width:49%;
    }
    .teachers > li:nth-child(2n)
    {
        margin-left:0px;
    }
}
@media only screen and (max-width:600px)
{
    .home-stat-bar > ul > li > div:first-child
    {
        font-size:28px;
    }
    .home-stat-bar > ul > li > div:last-child
    {
        font-size:16px;
    }
}
@media only screen and (max-width:480px)
{
    .products-list > li
    {
        width:100%;
        margin-left:0px !important;
        margin-bottom:10px;
        float:none;
    }
    
    
    .form-2-cell > div
    {
        width:100%;
        margin-left:0px !important;
        float:none;
    }
    .form-3-cell > div
    {
        width:100%;
        margin-left:0px !important;
        float:none;
    }
    
    
    .slider-new
    {
        width:100%;
        background-color:#f0f0f0;
        margin:0px auto;
    }
    .slider-new-image
    {
        width:100%;
        float:none;
    }
    .slider-new-info
    {
        width:100%;
        height:auto;
        float:none;
    }
    .slider-new-info > div
    {
        height:120px;
        line-height:24px;
    }
    .slider-new .owl-dots
    {
        width:100%;
        float:none;
        position:relative;
        top:-20px !important;
    }
    
    
    .workshops-extras > li:nth-child(4n)
    {
        margin-left:0px;
    }
    .workshops-extras > li:nth-child(2n)
    {
        margin-left:0px;
    }
    .workshops-extras > li
    {
        width:100%;
        float:none;
    }
    
    
    .workshops-extras-purchased > li:nth-child(4n)
    {
        margin-left:0px;
    }
    .workshops-extras-purchased > li:nth-child(2n)
    {
        margin-left:0px;
    }
    .workshops-extras-purchased > li
    {
        width:100%;
        float:none;
    }
}
@media only screen and (max-width:420px)
{
    .main-categories > li:nth-child(4n)
    {
        margin-left:0px;
    }
    .main-categories > li:nth-child(3n)
    {
        margin-left:0px;
    }
    .main-categories > li:nth-child(2n)
    {
        margin-left:0px;
    }
    .main-categories > li
    {
        width:100%;
        margin-left:0px;
        margin-bottom:10px;
        float:none;
    }
    
    
    .teachers > li:nth-child(4n)
    {
        margin-left:0px;
    }
    .teachers > li:nth-child(3n)
    {
        margin-left:0px;
    }
    .teachers > li:nth-child(2n)
    {
        margin-left:0px;
    }
    .teachers > li
    {
        width:100%;
        margin-left:0px;
        margin-bottom:10px;
        float:none;
    }
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------- */