@font-face {
    font-family: "IRANSans";
    font-style: normal;
    src: url('../fonts/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb.ttf') format('truetype');
}

@font-face {
    font-family: "IRANSans";
    font-style: normal;
    src: url('../fonts/IRANSansWeb.eot');
    src: url('../fonts/IRANSansWeb.eot?#iefix') format('embedded-opentype'), /* IE6-8 */
    url('../fonts/IRANSansWeb.woff2') format('woff2'), /* FF39+,Chrome36+, Opera24+*/
    url('../fonts/IRANSansWeb.woff') format('woff'), /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
    url('../fonts/IRANSansWeb.ttf') format('truetype');
}
@font-face{font-family:dana-bold;font-style:normal;font-weight:700;src:url(../fonts/dana-bold.eot);src:url(../fonts/dana-bold.eot?#iefix) format("embedded-opentype"),url(../fonts/dana-bold.woff2) format("woff2"),url(../fonts/dana-bold.woff) format("woff"),url(../fonts/dana-bold.ttf) format("truetype")}
@font-face{font-family:dana-med;font-style:normal;font-weight:500;src:url(../fonts/dana-medium.eot);src:url(../fonts/dana-medium.eot?#iefix) format("embedded-opentype"),url(../fonts/dana-medium.woff2) format("woff2"),url(../fonts/dana-medium.woff) format("woff"),url(../fonts/dana-medium.ttf) format("truetype")}
		 
@font-face {
    font-family: 'munza';
    src: url('../fonts/munza.eot');
    src: url('../fonts/munza.eot?#iefix') format('embedded-opentype'),
    url('../fonts/munza.woff') format('woff'),
    url('../fonts/munza.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'munzairan';
    src: url('../fonts/munzairan.eot');
    src: url('../fonts/munzairan.eot?#iefix') format('embedded-opentype'),
    url('../fonts/munzairan.woff') format('woff'),
    url('../fonts/munzairan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	  font-family: "munzaav";
	  src: url("../fonts/munzaav.ttf");
}

@font-face {
	  font-family: "aviny";
	  src: url("../fonts/aviny.ttf");
}

@font-face {
	font-family: "BYekan";
	src: url('../fonts/Yekan.eot');
	src: url('../fonts/Yekan.eot?#iefix') format("embedded-opentype"), url('../fonts/Yekan.woff')
	format("woff"), url('../fonts/Yekan.ttf') format("truetype"), url('../fonts/Yekan.svg#BYekan') format("svg");
	font-weight: normal;
	font-style: normal;
}
html,body{height:100%;}
body *{font-family: "dana-med";}
a,a:hover{text-decoration:none;}

.h_iframe-aparat_embed_frame{position:relative;} .h_iframe-aparat_embed_frame .ratio {display:block;width:100%;height:auto;} .h_iframe-aparat_embed_frame iframe {position:absolute;top:0;left:0;width:100%; height:100%;}

h1, h2, h3, h4, h5, h6 {font-family: "IRANSans"; padding-bottom: 5px; color: #373432; line-height: 1em; font-weight: bold;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #111; }


#header_content {height:142px;background:white;}
.header_logo {position: relative; width: 235px; height: 100%; right: -64px;}
.header_logo .logo_image {overflow:hidden;position: absolute; z-index: 2; width: 100%; height: 100%; top: 0;z-index: 1; overflow: hidden; content: ""; width: 100%; height: calc(100% + 10px); background: white; position: absolute; top: -10px; border: 4px solid #0a8897; transform: skew(-15deg); border-radius: 0 0 0 7px;}
.header_logo .logo_image a {transform: skew(15deg); margin-left: 34px; z-index: 55555; position: absolute; left: 0; margin-top: 5px;}
.header_logo .logo_image img {height: 120px; margin-top: 10%;}
nav li a.home {background: #136ca3; color: #fff !important; border-radius: 3px; }
nav li{margin-right:5px;}
nav li a{text-decoration:none;transition:1s all !important;}
nav li a:hover{background:rgb(19, 108, 163,0.5) !important;}


.header_container{position: absolute;top: 0px;right: 0;width: 100%;}
.header_container .header_top{padding-left: 15px; width: 100%; padding-right: 175px; height: 57.2px; border-bottom: 3px solid #0a8897; background: #252525;}
.header_container .header_bottom{width: 100%;padding-right: 200px;}
.contact-information{padding-top:2px;color: white; font-size: 14px; line-height: 52px; float: left;}
.contact-information .map,.contact-information .phone{width: 23px; height: 25px; background: url(../images/map2.png) no-repeat; background-size: 100%; position: relative; display: inline-block; top: 8px; margin-left: 4px;}
.contact-information .phone{margin-left: 6px; top: 10px; width: 21px; margin-right: 15px; background-image: url(../images/phone4.png);}
nav .menu{float:right;padding: 21px 8px 0 0;}
nav .menu a{color:#333;font-family:munzaav;font-size:26px;}
.header_logo .logo_image:after {
  z-index:9999999;animation: shine 8s ease-in-out infinite; animation-fill-mode: forwards; content: ""; position: absolute;top: -134px; right: 10px; width: 300px; height: 20px; opacity: 1; transform: rotate(40deg); 
  background: linear-gradient( to top, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0.0) 100% );
}
 
@keyframes shine{
	100% {
		top: 1700px;
		left: 900px;
		transition-property: left, top, opacity;
		transition-duration: 1.5s, 1.5s, 0.15s;
		transition-timing-function: ease;
	}
}

header .title-logo{position: absolute;top: 33%;left: 0;right: 0;font-size: 100px;text-shadow: 0 0 17px #000;font-family:munzaav;}
header .title-logo p{font-size: 32px; margin-top: 0; padding-right: 5px; font-family: munzairan; font-weight: bold;}
header .title-logo:after{display:none;background: url(../img/logo_white.png);content: "";width: 125px;height: 125px;background-size: 100% 100%;position: absolute;top: -115px;left: 0px;right: 26px;margin: 0 auto;}
section{padding: 35px 0 90px;position: relative;}
header{position:relative;background-image: url('../img/bg1.jpg');min-height:100%;}
	#arrow_bonus{animation:bounce 3s infinite;transition:all 1s;position:absolute;bottom: 40px;right:50%;left:51.5%;top:auto;margin:0 auto;font-size:25px;width:40px;height:40px;}
	#arrow_bonus:hover{animation:none;}
	#arrow_bonus a{display:block;width:100%;height:100%;position:relative;top:-30px;}

.about-style1 .section-title{margin-top: 178px;text-align: center;margin-bottom: 50px;}
.about-style2 .section-title{text-align: center; margin-bottom: 50px;}
.section-title{text-align: center;}
.section-title h2{text-transform: uppercase;color: #2c3d4f;font-weight: 800;line-height: 60px;font-size: 60px;}
section .title_border {background-color: #F54F36;display: block;margin:30px auto 50px auto;width: 45%;height: 2px;}
.section-title p{color: #7e868e;font-size: 16px;line-height: 28px;text-align: right;}
.section-title p span {font-weight: bold;color: #7e878f; }

/* 5 - Parallax
------------------------------------------------------------------------*/
.parallax {background-attachment: fixed !important;background-position: center center;background-repeat: no-repeat;background-size: cover;text-align: center;color: #FFFFFF;}
.parallax-overlay-2 {background-color:rgba(0,0,0,0.75);}
.parallax .title{margin-bottom: 80px;}
.parallax .title h1{text-transform: uppercase;color: #FFFFFF;}
.parallax .title i {border: 4px solid;border-radius: 60px;cursor: pointer;font-size: 34px;padding: 16px;}
.parallax h1 ,.parallax h2,.parallax h2,.parallax p{color: #FFFFFF;}
.parallax .outline {background-color:none;border:2px solid #FFFFFF;color:#FFFFFF;line-height:10px!important;}
.parallax .outline:hover {background-color:#FFFFFF;color:#222;}

/* 5.1 - Parallax Backgrounds
------------------------------------------------------------------------*/

#wprocess{background-image: url('../img/parallax_bg02.jpg');}
#licenses{background-image: url('../img/twitter-bg.jpg');min-height:300px;}

/* History
------------------------------------------------------------------------*/
section#history{background-color: #f0f2f7;}
	section#history .title_border{width:50%;}
	.timeline {height: 100%;}
		.timeline:after, .timeline::after {content: "";display: block;position: absolute;top: 0;right: 49.8%;width: 3px;height: 100%;background-color: #dbdde5;z-index: 5;    }
		.timeline-category {text-align: center;position: relative;z-index: 6;}
		.bt-timeline{display: inline-block;color: #2c3d4f;font-size: 36px;font-weight: bold;text-align: center;border-radius: 5px;background-color: #dbdde5;padding: 25px;text-transform: uppercase;letter-spacing: 0;}
		.timeline-category-icon{margin-top: 20px;}
		.goals-cagegory,.course-cagegory{clear: both;}
			.goals-cagegory .iconspace{background-color: #e74b3b;}
		.iconspace{position: relative;width: 40px;height: 40px;text-align: center;margin: 0 auto;border-radius: 50%;background-color: #1abb9b;z-index: 7;}
			.iconspace i{font-size: 18px;color: #FFFFFF;line-height: 40px;}
			.iconspace .glyphicon-apple{position: relative;top: -0.3px;right: 0.2px;}
			.timeline-end-icon .glyphicon-bookmark{position: relative;top: 4px;right: 0.8px;}
		.timeline-post-left{text-align: left;}
		.timeline-post-right{text-align: right;}
		.timeline-post{padding: 10px 10px 20px 10px;}
		.timeline-post-right .timeline-post:first-child{margin-top: 80px;}
		.timeline-post-content-holder{padding: 8px 20px;}
		.timeline-post-content-holder .number{color:#e74b3b;}
		.timeline-post:hover .timeline-post-content-holder{background-color: #FFFFFF;border-radius: 5px;position: relative;}
		
		.timeline-post-left > .timeline-post > .timeline-post-content-holder > .timeline-post-icon{position: absolute;left: 0;background-color: #ccd0db;width: 15px;height: 15px;border-radius: 50%;margin-left: -7px;z-index: 6;margin-top: 20px;}
		.timeline-post-left > .timeline-post:hover > .timeline-post-content-holder > .timeline-post-icon{position: absolute;left: 0;background-color: #e74b3b;width: 15px;height: 15px;border-radius: 50%;margin-left: -32px;z-index: 10;margin-top: 20px;}
		.timeline-post-left > .timeline-post:hover > .timeline-post-content-holder:before{right: 100%;top: 22px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-right-color: #FFFFFF;border-width: 13px;margin-top: 0px;}
		.timeline-post-right> .timeline-post > .timeline-post-content-holder > .timeline-post-icon{position: absolute;right: -1px;background-color: #ccd0db;width: 15px;height: 15px;border-radius: 50%;margin-right: -7px;z-index: 6;margin-top: 20px;}
		.timeline-post-right> .timeline-post:hover > .timeline-post-content-holder > .timeline-post-icon{position: absolute;left: 0;background-color: #e74b3b;width: 15px;height: 15px;border-radius: 50%;margin-right: -32px;z-index: 10;margin-top: 20px;}
		.timeline-post-right> .timeline-post:hover > .timeline-post-content-holder:before{left: 100%;top: 23px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-left-color: #FFFFFF;border-width: 13px;margin-top: 0px;}
		.timeline-post-center > .timeline-post > .timeline-post-content-holder:after{z-index:4;right: calc(50% - 13px);top: -27px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #dbdde5;border-width: 13px;margin-top: 0px;}
		.timeline-post-center > .timeline-post > .timeline-post-content-holder:before{z-index:5;right: calc(50% - 15px);top: -26px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-bottom-color: #f0f2f7;border-width: 15px;margin-top: 0px;}
		.timeline-post-center > .timeline-post:hover > .timeline-post-content-holder:before{border-bottom-color: #FFFFFF;}
		.timeline-post-center > .timeline-post {padding-bottom:0;width: 100%;margin: 15px auto 0 auto;z-index: 20;position: relative;} 
		.timeline-post-center > .timeline-post .iconspace{position:relative;top:-22px;}
		.timeline-post-center > .timeline-post:hover .iconspace{/*background:#e74b3b;*/}
		.timeline-post-center h4{text-align:center !important;}
		.timeline-post-center p{text-align:right !important;}
		.personels{padding-top:10px;line-height: 40px;}
		.personels p{text-align:center !important;}
		.personels .personel{color:#333;font-weight:bold;}

		.timeline-post-center .timeline-post-content-holder{border-radius: 5px;background:#f0f2f7;position:relative;border:2px solid #dbdde5;}
		.timeline-post .timeline-post-title h4{color: #2c3e50;font-size: 22px;font-weight: bold;}
		.timeline-post .timeline-post-subtitle p{color: #2c3e50;font-size: 18px;line-height: 28px;font-weight: 400;}
		.timeline-post .timeline-post-content{color: #7d878f;font-size: 16px;line-height: 40px;}
			.timeline-post .timeline-post-content p{text-align:justify;direction:rtl;}
			.timeline-post-left .timeline-post .timeline-post-content p{direction:ltr;}
		.timeline-post span.timeline-duration{position: relative;padding-right: 15px;}
		.timeline-post span.timeline-duration:before{position: absolute;content: "";display: inline-block;width: 5px;height: 5px;line-height: 1;background-color: #e74b3b;right: 3px;margin-top: 12px;border-radius: 50%;}
	.timeline-end-icon{position: absolute;display: inline-block;width: 40px;height: 40px;background-color: #cbcfdb;color: #5f7183;font-size: 18px;line-height: 40px;bottom: -30px;right: 48.18%;border-radius: 50%;text-align: center;margin: 0 auto;z-index: 6;}

section#register{background-color: #f0f2f7;min-height:400px;}
	#register .season{padding: 0 7px;margin-bottom:26px;}
	#register .season > div:before{transition: all 2s;border-top: 0px solid #0a8897;}
	#register .season.active > div:before{content: "";border-left: 6.6vw solid transparent;border-right: 6.6vw solid transparent;border-top: 12px solid #0a8897;position: absolute;bottom: -12px;right: 0px;width: 0;height: 0;z-index: 100;}
	#register .season > div{position:relative;cursor:pointer;background:#0a8897;height:100px;padding:5px;font-size:25px;color:#fff;text-align:center;line-height:1.8;}
	#register .courses{margin-top:5px;}
		#register .courses .course{padding:0 7px;margin-bottom:10px;}/*border-right:5px solid #0a8897*/
			#register .course div{height:100px;float:right;padding:5px 10px;font-size:18px;text-align:center;}
			#register .course .title{position:relative;background:#fff;color:#0a8897;width:20%;line-height:88px;font-size:16px;font-weight:normal;border-left:2px solid #0a8897;}
				/*#register .course .title:before{content: "";border-top: 54px solid transparent;border-bottom: 54px solid transparent;border-right: 16px solid #0a8897;position: absolute;top: -4px;left: 0px;width: 0;height: 0;z-index: 100;}
				#register .course .title:after{content: "";border-top: 50px solid transparent;border-bottom: 50px solid transparent;border-right: 16px solid #fff;position: absolute;top: 0px;left: 2px;width: 0;height: 0;z-index: 100;}*/
				#register .course .title span{vertical-align:middle;line-height:25px;display:inline-block;}
			#register .course .register{background:#0a8897;color:#fff;width:120px;border-right:2px solid #0a8897;font-size:21px;line-height:30px;padding-top:17px;cursor:pointer;}
			#register .course .time{background:#0a8897;color:#fff;width:120px;border-right:2px solid #0a8897;font-size:17px;line-height:26px;padding-top:12px;cursor:pointer;border-left:1px solid #fff;}
			#register .course .desc{background:#fff;color:#0a8897;width:calc(80% - 240px);text-align:justify;font-size:14px;padding:10px 10px 10px 12px;}
		#register .courses_wrapper{min-height:125px;}
		#register .empty-season{text-align: center;font-size: 21px;color: #0a8897;background: #fff;padding: 20px 0;margin-top:10px;border-bottom:3px solid #0a8897;}
	
	.container .row{margin:0 !important;}

			
	#licenses{text-align:center;}
		#licenses .section-title h2{font-size:45px;margin-top:6px;}
		#licenses .title_border{margin-top:22px;}
		#licenses .licenses_wrapper{direction:ltr;}
		#licenses .licenses_wrapper > div{display:inline-block;margin: 15px 30px 0;font-size:20px;}
		#licenses img{height:300px;margin:0 auto 20px auto;border-radius: 5px;box-shadow: 0px 0px 51px -6px #000;}
		#licenses img:hover{box-shadow: 0px 0px 70px -5px #000;}
		
	#contact_us{background-image: url('../img/contact_us.png');min-height:600px;margin-bottom:2px;}
		#contact_us form{width:100%;display:block}	
		#contact_us .contact_info *{font-size:16px;text-align:right;line-height:35px;}		
		#contact_us .contact_info .glyphicon {position:relative;top:2px;margin-left: 2px;}
		#contact_us .contact_info .glyphicon.glyphicon-map-marker{ animation:bounce 3s infinite;} 
			#contact_us .contact_info p{position: relative;top: -10px;}
			#contact_us .form-control{background-color: transparent;border:1px solid;border-color: rgba(255,255,255,.3);border-radius: 0;box-shadow: none;color:white;text-shadow:0 0 5px 5px #fff;}
		#contact_us .section-title{margin-bottom: 65px;}
		#contact_us input.form-control{height: 47px;margin:0;padding-right:10px;box-sizing:border-box;}
		#contact_us .email,#contact_us .phone{float:right;width:50%;}
		#contact_us .email{padding-left:10px;}
		#contact_us .phone{padding-right:10px;}
		#contact_us .form-control:focus{box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(10,136,151,.6);border-color:#0a8897;}
		#contact_us .form-group{padding-bottom:10px;}
		#contact_us button,#contact_us button:focus,#contact_us button:hover{transition:0.5s all; outline:none;font-size: 17px;border-radius:0;background-color:#0a8897 !important;color:white;height:45px;margin:0;width:100%;}
		#contact_us button:hover{background-color:#04707d !important;}
		#contact_us .progress{margin:0;position:relative;bottom:1px;}
		
	footer{background:#0a8897 url("../img/logo_white.png") no-repeat;background-position: center top 8px;background-size: auto 57%;/*text-shadow: -5px 2px 10px #000;*/width:100%;padding:90px 40px 20px 40px;color:white;font-size:20px;text-align:center;}
	
@media only screen and (max-width:368px){
	nav .menu{padding-top:5px;}
	
}

@media only screen and (max-width:768px){
	#enamad{display:none;width: 105px !important;height: 240px !important;;left:0 !important;;bottom:0 !important;}
	.contact-information .map,.contact-information .address{display:none;}
	nav li{display:none;}
	nav li.mobile{display:block;margin: 0;text-align: center; float: none;}
	nav li.mobile a{padding:0;}
	nav .menu{padding-right:0;width:100%;}
	.section-title h2{font-size:35px;}
	header .title-logo{top: 40%;font-size: 55px;}
	header .title-logo p{font-size: 25px; margin-top: 10px;padding:0;font-weight:normal;}
	
	.timeline:after, .timeline::after {display:none; }
	
	.timeline-post .timeline-post-content-holder{background-color: #FFFFFF;border-radius: 5px;position: relative;}
	.timeline-post-left > .timeline-post > .timeline-post-content-holder > .timeline-post-icon{position: absolute;left: 0;background-color: #e74b3b;width: 15px;height: 15px;border-radius: 50%;margin-left: -32px;z-index: 10;margin-top: 20px;}
	.timeline-post-left > .timeline-post > .timeline-post-content-holder:before{right: 100%;top: 22px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-right-color: #FFFFFF;border-width: 13px;margin-top: 0px;}
	.timeline-post-right> .timeline-post > .timeline-post-content-holder > .timeline-post-icon{position: absolute;left: 0;background-color: #e74b3b;width: 15px;height: 15px;border-radius: 50%;margin-right: -32px;z-index: 10;margin-top: 20px;}
	.timeline-post-right> .timeline-post > .timeline-post-content-holder:before{left: 100%;top: 23px;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;pointer-events: none;border-color: rgba(255, 255, 255, 0);border-left-color: #FFFFFF;border-width: 13px;margin-top: 0px;}
	.timeline-post-center > .timeline-post > .timeline-post-content-holder:before{border-bottom-color: #FFFFFF;}
	.timeline-post-center > .timeline-post .iconspace{/*background:#e74b3b;*/}
	

}
/* Scroll down indicator (bouncing) */
@-webkit-keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0); } 40% {-webkit-transform: translateY(-30px); } 60% {-webkit-transform: translateY(-15px); } }
@-moz-keyframes bounce {0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0); }40% {-moz-transform: translateY(-30px); }60% {-moz-transform: translateY(-15px); } }
@keyframes bounce {0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);-moz-transform: translateY(0);-ms-transform: translateY(0);-o-transform: translateY(0);transform: translateY(0); }40% {-webkit-transform: translateY(-30px);-moz-transform: translateY(-30px);-ms-transform: translateY(-30px);-o-transform: translateY(-30px);transform: translateY(-30px); }60% {-webkit-transform: translateY(-15px);-moz-transform: translateY(-15px);-ms-transform: translateY(-15px);-o-transform: translateY(-15px);transform: translateY(-15px); } }