@font-face { font-family: 'shabnam'; src: url('../fonts/s/Shabnam.eot?#') format('eot'),  url('../fonts/s/Shabnam.woff') format('woff'),  url('../fonts/s/Shabnam.ttf') format('truetype'); }

@font-face { font-family: 'f_black'; src: url('../fonts/f/f_black.woff') format('woff'); }
@font-face { font-family: 'f_bold'; src: url('../fonts/f/f_bold.woff') format('woff'); }

@font-face { font-family: 'i_bold'; src: url('../fonts/i/IRANSans-Bold-web.woff') format('woff'); }
@font-face { font-family: 'i_light'; src: url('../fonts/i/IRANSans-Light-web.woff') format('woff'); }
@font-face { font-family: 'i_ultralight'; src: url('../fonts/i/IRANSans-UltraLight-web.woff') format('woff'); }
@font-face { font-family: 'i_black'; src: url('../fonts/i/IRANSans-web.woff') format('woff'); }

* { font-family: 'i_black'; }
.animation { transition: all ease 0.5s; }
.clear { clear: both; }

nav { position: absolute; top: 50px; width: 100%; z-index: 999999; }
nav .menu_c { width: 100%; background: white; box-shadow: 0px 20px 49px rgba(0,0,0,0.17); border-radius: 3px; overflow: hidden; }
nav .menu_c a.logo { font-family: 'f_black'; font-size: 1.5em; color: black; padding: 0.75em; display: inline-block; float: right; margin-left: 1em; }
nav .menu_c ul.menu { padding-top: 1.25em; }
nav .menu_c ul.menu li a { color: black; font-family: 'i_black';  font-size: 1em; padding: 0.7rem 0.7rem }
nav .menu_c .phone { background: #a10300; padding: 0.5em 0; text-align: center; width: 100%; color: white; font-size: 2em; font-family: 'i_bold'; }
@media screen and (max-width: 39.9375em) {
	nav { position: inherit; top: 0; }
	nav .grid-container { width: 100%; padding: 0; }
	nav .menu_c .phone { font-size: 1em; }
}

section.language { position: absolute; top: 10px; width: 100%; z-index: 999999; }
section.language .lang { display: inline-block; background: white; padding: 0.25em 0.5em 0.2em 0.5em; border-radius: 3px; line-height: 1em; }
section.language .lang i.fas { display: inline-block; padding-top: 1px; float: left; margin-right: 5px; color: gray; }
section.language .langs { background: white; padding: 0.2em 0.5em; width: 85px; border-radius: 3px; margin-top: 7px; line-height: 1em; }
section.language .langs a { display: inline-block; float: right; margin-left: 1em; }
section.language .langs a:last-of-type { margin: 0; }

section.slider_c .orbit .orbit-slide div { position: relative; }
section.slider_c .orbit .orbit-slide div h2 { font-family: 'f_black'; font-size: 3vw; position: absolute; display: inline-block; top: 40%; left: 0; width: 100%; text-align: center; opacity: 0.7; color: white; }
section.slider_c .orbit .orbit-slide div h2 span { background: #a10300; padding: 0 0.5em; border-radius: 3px; font-family: 'f_black'; }

section.slider_place { padding: 17em 0 8em 0; background: url(../img/slider.jpg); background-size: cover; background-position: center center; }
section.slider_place h2 { font-family: 'f_black'; font-size: 3vw; display: inline-block; width: 100%; text-align: center; color: white;  }
section.slider_place h2 span { background: #a10300; padding: 0 0.5em; border-radius: 3px; font-family: 'f_black'; }

section.boxes { position: relative;}
section.boxes .boxes_c { position: absolute; top: -150px; width: 100%; z-index: 99999; }
section.boxes .boxes_c .box { width: 100%; padding: 0.2em 2em; background: #1a1a1a; border-radius: 3px; opacity: 0.9; }
section.boxes .boxes_c .box:hover { background: #a10300; opacity: 1; }
section.boxes .boxes_c .box h2 { font-family: 'f_black'; font-size: 2em; line-height: 2em; color: white; margin: 0; }
section.boxes .boxes_c .box p { font-family: 'i_ultralight'; font-size: 0.8em; color: white; padding-right: 0.5em; }
section.boxes .boxes_c .box .icon { font-size: 4em; color: white; margin-left: 0.25em; color: #a10300; }
section.boxes .boxes_c .box:hover .icon { color: white; }
@media screen and (max-width: 63.9375em) {
	section.boxes { padding: 3em; }
	section.boxes .boxes_c { position: inherit; top: 0; }
	section.boxes .boxes_c .box { margin-bottom: 1em; text-align: center; }
	section.boxes .boxes_c .box h2 { font-size: 1em; }
	section.boxes .boxes_c .box .icon { font-size: 3em; }
}

h1.title { font-family: 'f_black'; font-size: 3em; color: black; position: relative; margin-bottom: 1em; }
h1.title:before { display: block; position: absolute; top: -5px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); width: 200px; height: 4px; content: ''; background: #a10300; }
h1.title.title2 { color: white; }

section.welcome_courses { padding: 4em 0; }
section.welcome_courses .item { background: #f8f9fb; text-align: center; margin-bottom: 3em; }
section.welcome_courses .item h3 { font-family: 'f_black'; font-size: 2em; line-height: 1.5em; margin-top: 1em; margin-bottom: 0; }
section.welcome_courses .item p { font-family: 'i_ultralight'; font-size: 0.9em; color: #656565; margin-bottom: 2em; }
section.welcome_courses .item .price { background: #eaebec; line-height: 3em; text-align: right; padding-right: 1em; }
section.welcome_courses .item .price span { background: #a10300; color: white; line-height: 3em; display: inline-block; padding: 0 1em; float: left; }
section.welcome_courses a.button.hollow.secondary { color: #656565; border-color: #656565; }
@media screen and (max-width: 63.9375em) {
	section.welcome_courses .item { margin-bottom: 2em; }
}

section.welcome_register {  }
section.welcome_register .p1 { background: #a10300; padding: 3em 0; text-align: center; }
section.welcome_register .p1 h2 { font-family: 'i_bold'; color: white; text-align: center; font-size: 3em; }
section.welcome_register .p1 h3 { font-family: 'i_bold'; color: white; text-align: center; font-size: 2em; }
section.welcome_register .p1 h3 span { color: black; font-weight: bold; font-size: 0.9em; }
section.welcome_register .p1 p { font-family: 'i_light'; font-size: 1em; text-align: center; color: white; line-height: 2em; }
section.welcome_register .p2 { background: url(../img/bg1.jpg); background-size: cover; background-position: center; padding: 3em 0; }
@media screen and (max-width: 63.9375em) {
	section.welcome_register .p2 { padding: 10em 0; }
	section.welcome_register .p1 h2 { font-size: 2em; }
	section.welcome_register .p1 h3 { font-size: 1em; }
}

section.welcome_service { padding: 4em 0; }
section.welcome_service .cell { margin-bottom: 1em; }
section.welcome_service i { color: #a10300; }
section.welcome_service h3 { font-family: 'f_black'; margin-top: 0.5em; color: black; }
section.welcome_service p { font-family: 'i_ultralight'; text-align: justify; line-height: 2em; color: #656565; }

section.sep { padding: 10em 0; background: url(../img/bg2.jpg); background-size: cover; background-position: center;  color: white; }
section.sep i { font-size: 3em; }
section.sep p { line-height: 2em; }

section.welcome_news { padding: 4em 0; }
section.welcome_news h4 { font-family: 'f_black'; }
section.welcome_news p { font-family: 'i_light'; text-align: justify; font-size: 0.9em; line-height: 2em; color: #656565; }
section.welcome_news a { color: #a10300; font-family: 'i_bold'; font-size: 0.9em; }
section.welcome_news .date { width: 100%; border:5px solid #a10300; font-family: 'i_bold'; color: #a10300; text-align: center; line-height: 2em; padding: 2em 0; }
section.welcome_news .item { margin-bottom: 2em; }
@media screen and (max-width: 63.9375em) {
	section.welcome_news img { margin-bottom: 1em; }
}

section.content { padding: 4em 0; }
section.content p { text-align: justify; font-size: 0.9em; line-height: 2em; }
section.content p.date { text-align: justify; color: gray; font-size: 0.9em; border-bottom: 1px solid gray; }
section.content a { color: #a10300; font-weight: bold; text-decoration: none; border-bottom: 1px solid #a10300; }
section.content ul { border-right: 5px solid #a10300; margin:0; padding: 0.5em; padding-right: 2em; background: #efeaea; margin-bottom: 1em; }
section.content ul li { line-height: 2em; }
section.content h2  { font-family: 'f_black'; font-size: 3em; line-height: 2em; color: black; margin: 0; }
section.content h3  { font-family: 'f_black'; font-size: 2em; line-height: 2em; color: black; margin: 0; }
section.content h4  { font-family: 'f_black'; font-size: 1.5em; line-height: 2em; color: black; margin: 0; }
section.content .gray_p p { background-color: #eee; padding: 0.1em 0.3em 0 0.3em; margin-bottom: 0.5em; border-radius: 3px; }

footer { padding: 2em 0 1em 0; background-color: #1a1a1a; line-height: 2em; color: white; }
footer h2 { font-family: 'f_black'; font-size: 1.2em; border-bottom: 1px solid #656565; padding-bottom: 0.5em; margin-bottom: 1em; margin-top: 2em; }
footer ul.menu li a { color: #a10300; font-size: 2em; }
footer p { font-size: 0.8em; text-align: justify; }
footer .copyright { color: white; font-size: 0.8em; }
footer .copyright a { color: #a10300; }

label { font-size: 0.9em; }
label span.error { font-size: 0.7em; color: red; }
input {  }
input.alert { background: pink; }
select { font-size: 0.9em; }
select.alert { background: pink; }
.form_help { font-size: 0.8em; }
#map { width: 100%; min-height: 300px; }
.callout h5 { font-family: 'i_bold'; font-size: 1em; }
.callout p { font-family: 'i_light'; font-size: 0.9em; }

/* Small only */
@media screen and (max-width: 39.9375em) {}
/* Medium and up */
@media screen and (min-width: 40em) {}
/* Medium only */
@media screen and (min-width: 40em) and (max-width: 63.9375em) {}
/* Large and up */
@media screen and (min-width: 64em) {}
/* Large only */
@media screen and (min-width: 64em) and (max-width: 74.9375em) {}