@charset "utf-8";
/*Eric Meyer's*/
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0; line-height: 0;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}
audio,canvas,progress,video{display:inline-block; vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent; transition:linear .2s;}
a:active,a:hover{outline:0;}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:0.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}sub{bottom:-0.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}
form{margin:0;}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0;}
td,th,ol,ul,li{padding:0; margin:0;}
ul,ol{padding-right:20px;}
p{margin:0;}
h1,h2,h3{font-weight:normal; padding:0px; margin:0;}
textarea, input[type="text"], input[type="button"], input[type="submit"] { -webkit-appearance: none; border-radius: 0; }

@font-face {
  font-family: Sahel;
  src: url('includes/fonts/Sahel-FD.eot');
  src: url('includes/fonts/Sahel-FD.eot?#iefix') format('embedded-opentype'),
url('includes/fonts/Sahel-FD.woff2') format('woff2'),
url('includes/fonts/Sahel-FD.woff') format('woff'),
url('includes/fonts/Sahel-FD.ttf') format('truetype');
  font-weight: normal;
}

@font-face {
  font-family: SahelB;
  src: url('includes/fonts/Sahel-Bold-FD.eot');
  src: url('includes/fonts/Sahel-Bold-FD.eot?#iefix') format('embedded-opentype'),
url('includes/fonts/Sahel-Bold-FD.woff2') format('woff2'),
url('includes/fonts/Sahel-Bold-FD.woff') format('woff'),
url('includes/fonts/Sahel-Bold-FD.ttf') format('truetype');
}

@font-face {
  font-family: SahelT;
  src: url('includes/fonts/Sahel-Black-FD.eot');
  src: url('includes/fonts/Sahel-Black-FD.eot?#iefix') format('embedded-opentype'),
url('includes/fonts/Sahel-Black-FD.woff2') format('woff2'),
url('includes/fonts/Sahel-Black-FD.woff') format('woff'),
url('includes/fonts/Sahel-Black-FD.ttf') format('truetype');
}

::-moz-selection{background:rgba(0,0,0,0.1)}
* {
    box-sizing: border-box;
}
html, body{width:100%; height:100%;}
body{direction:rtl; font-size:15px; font-family:'Sahel'; line-height:28px; color:#1B1B1B;}
article{ overflow:hidden;}
a{text-decoration:none;}
.main1{max-width:1170px; margin:auto; display:block; padding-left: 15px; padding-right: 15px;}
.flr{float:right;}.fll{float:left;}
.tar{text-align:right;}
.tal{text-align:left;}
.clr{clear:both;}
.ltr{ direction: ltr; display: inline-block; }
b, strong{font-family:'SahelB'; font-weight:normal;}
.enfont_b{ font-family:tahoma; font-weight:bold;}

#back_up{ width: 50px; height: 50px; line-height: 50px; text-align: center; background:#FFFFFF; color: #ad1a50; font-size: 18px; border-radius:100%; position: absolute; bottom: 50px; right: 20px; left:0; z-index: 999; cursor: pointer; transition: all .3s linear; display:block;}
#back_up:hover{ background:#EFEFEF;}
/*Head*/
header{ background:url(images/symbol/bgd.png); overflow:hidden;}
header #welcome{ position:relative;}
#slider1 h2{padding:10px;}
#head_cup1{ position:relative; display:inline-block;}
#head_cup1 i{ position:absolute;}
#head_cup1 i:nth-child(1){ font-size:50px; padding-bottom:30px; z-index:2; position:relative;}
#head_cup1 i:nth-child(2){ top:-3px; right:13px; font-size:9px}
#head_cup1 i:nth-child(3){ top:-10px; left:12px; font-size:13px}
#head_cup1 i:nth-child(4){ top:-20px; right:21px; font-size:18px;}

#logos{ padding:0; margin:0 0 20px 0; text-align:center;}
#logos li{ margin:0 5px; display:inline-block;}
#logos li img{ width:120px; padding:10px; background:#fff; border-radius:5px; transition:all linear 0.2s;}
#logos li a:hover > img{ transform:scale(1.1,1.1);}

@-webkit-keyframes chevloop2{
	0%   { opacity: 0; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: 0; margin-top: 35px; }
}
@-moz-keyframes chevloop2 {
	0%   { opacity: 0; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: 0; margin-top: 35px;}
}
@-o-keyframes chevloop2 {
	0%   { opacity: 0; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: 0; margin-top: 35px;}
}
@keyframes chevloop2 {
	0%   { opacity: 0; margin-top: 12px; }
	55% { opacity: 1; }
	100% { opacity: 0; margin-top: 35px;}
}
.chevron{ margin-top:20px;}
.chevron img{ margin: auto; display: block; position: absolute; left: 0; right: 0; opacity: .5; animation: 2.5s ease 0s normal none infinite running chevloop2; z-index: 1;}

/***************** Slider *****************/
#slider1{ min-height:105vh; background:url(images/background/banner2.jpg); position: relative; overflow: hidden; background-size:cover;}
#slider1 > div{ width: 100%; margin:auto; position:absolute; top:10%; bottom:0; font-family:SahelT; color:white; line-height:45px;}
#slider1 b{ margin-bottom:25px; color:#8BF8F2; font-size:2.3em; font-family:SahelT; line-height:1.5em; display:block;}
#slider1 b span{font-family:tahoma; font-weight:bold;}
#slider1 > div > a{ width: 100%; height: 100%; position:absolute; left:0; right:0; display: block; z-index:100;}
#slider1 > i{width:40px; height:40px; line-height:40px; margin:auto; font-size:60px; text-align:center; border-radius:50%; color:#FFFFFF; cursor:pointer; position:absolute; top:0; bottom:0; z-index:5; transition:all .3s linear; opacity: 0; }
#slider1:hover>i{ opacity: .5; }
#slider1>i:hover{opacity: 1; }
#slider1 .t_event{ font-size:20px; line-height:35px; display:block;}
.sabt_bt a{ padding: 10px; background: #A5E9AA; color: #0b4664; font-family: 'SahelT'; border-radius: 5px; transition: all linear 0.2s; display:block; font-size:20px;}
.sabt_bt a:hover{ opacity:0.7;}
.sabt_bt { width:200px;}
@media only screen and (max-width:768px){
	#slider1{ min-height:850px;}
}
@media only screen and (max-width:670px){
	#slider1 > div{ top:10%;}
	#slider1 b{ margin-bottom:10px; font-size:30px; line-height:50px; padding:0 5px 0;}
	#slider1 h2{ font-size:20px;}
}
/*cats*/
.multipurp div{padding:10px 0 50px 0; position:relative;}
.multipurp .main1{ padding:60px 0; }
.multipurp > div{background:#F5F5F5;}
.multipurp .main1 .topdesc{padding:0 10px 20px; display:block; text-align:center;}
.multipurp .main1 .topdesc span{display:block; color:#FFFFFF; padding-top:15px;}
.multipurp .main1 .topdesc span i{color:#a9d10a !important;}
.multipurp .main1 a.title, .multipurp .main1 b.title{font-size:28px; line-height:45px; color:#0b4664;  padding-bottom:20px; display:block; font-family:'SahelT'}
.multipurp .main1 p{font-size:16px; display:block; line-height:25px;}
#event1, #orderbox{ position:relative;}
#event1 > div{ background:#0b4664; color: #fff; padding-bottom:10px;}
#event1 .topdesc{ font-size:17px;}
#event1 .topdesc strong{ color:#8BF8F2;}
#event1 .main1{ padding:30px 0;}
#event1 .title{ color:#fff;}
#PactPay{ background:transparent;}
#orderbox{ background: url(images/background/pay5.png); background-size: 100px;padding-bottom: 10px; border-top: 1px solid rgba(229,229,229,.7);}
#orderbox img{ position:absolute; top:-70px; right:calc(50% - 70px); z-index:2; width:140px;}
.mrg40{ margin: 40px auto 0 !important;}
.dis_box{ background: hsl(0deg 100% 97%) !important; border-radius: 5px;}
#information_form{ padding-top:0px !important;}
.white .topdesc{ text-align:center;}
.white .main1{ background:none;}
.white .main1 p{ color:#1E1E1E !important;}
.white .main1 b.title, #plan > span, #guest b.title, #inform b.title, #pic_prev b.title, #poster b.title{ line-height:45px; color:#0b4664; font-size:28px; padding-bottom:20px; display:inline-block; font-family:'SahelT';}
@media only screen and (max-width:850px){
	.multipurp .main1 .topdesc{ width:100%; max-width:530px; margin:auto;}
}
@media only screen and (max-width:768px){
	.multipurp div{padding:10px 0 0 0;}
	#event1 .main1{ padding:0;}
}
 /* Style the header: fixed position (always stay at the top) */
.header {
  position: fixed;
  top: 0;
  z-index: 300;
  width: 100%;
}

/* The progress container (grey background) */
.progress-container {
  width: 100%;
  height: 2px;
  background: none ;
}

/* The progress bar (scroll indicator) */
.progress-bar {
  height: 4px;
  background: #1FCFC5;
  width: 0%;
}

#guest{ padding:0; margin:50px 0 0; font-size:0; text-align:center;}
#guest b.title{ padding-bottom:50px;}
#guest li{ max-width:300px; vertical-align:top; padding:0 15px; margin:auto auto 40px auto; font-size:16px; text-align:center; display:inline-block;}
#guest li .gu_pic{ width:250px; height:250px; margin:auto auto 10px auto; border-radius:50%; background-size:cover !important; background-position:center !important;}
#guest li div:last-child{ font-size:14px; color:#4D4D4D;}

#inform{ margin-bottom:100px; text-align:center}
#in_info div{ padding-bottom:7px; line-height:26px; font-size:17px;}
#in_info div b{ color: #0b4664;}
#in_info div span{ display:inline-block; direction:ltr;}

#sponsor1{ padding:0; margin:80px 0 0 0; font-size:0;}
#sponsor1 li{ width:49%; padding:65px 15px 5px 15px; position:relative; background:#fff; border-radius:5px; display:inline-block; vertical-align:top;}
#sponsor1 li > div{ height:350px; padding:0 5px;; margin-bottom:20px; font-size:15px; text-align:justify;}
#sponsor1 li h2{ padding-bottom:10px; line-height:30px; font-size:20px; font-family:'sahelB';}
#sponsor1 li h2 a{ color:#0b4664; display:block; transition:all linear 0.2s;}
#sponsor1 li h2 a:hover{ opacity:0.6;}
#sponsor1 li > span{ width:130px; height:80px; padding:0; background:#eee; position:absolute; top:-50px; left:0; right:0; margin:auto; border:3px solid #fff; border-radius:5px;}
#sponsor1 li > span img{ width:105px; position: absolute; left: 0; right:0; top:0; bottom:0; margin:auto; display:block; transition:all linear 0.2s;}
#sponsor1 li:hover  > span img{ transform: scale(1.1);}
#sponsor1 .s_social{ padding-bottom:10px; border-bottom:2px solid #0b4664;}
#sponsor1 .s_social a{ margin:0 5px; font-size:18px; color:#fff; transition:all linear 0.2s;}
#sponsor1 .s_social a:hover{ opacity:0.6;}
#sponsor1 .s_social i{ width:30px; height:30px; line-height:30px; background:#0b4664; text-align:center; border-radius:100%;}
#sponsor1 .s_social .aparat img{ width:30px; padding:5px; background:#0b4664; border-radius:50%; vertical-align:top;}
#sponsor1 .links{ margin:10px 0;}
#sponsor1 .links a{ padding:5px 8px; margin-bottom:5px; background:#eee; color:#0b4664; font-family:'sahelB'; font-size:14px; text-align:right; display:block; transition:all linear 0.2s;}
#sponsor1 .links a:hover{ opacity:0.7;}
#sponsor1 .links i{ margin-left:3px; vertical-align:middle;}
@media only screen and (max-width:1100px){
	#sponsor1 li > div{ height:270px;}
}
@media only screen and (max-width:1080px){
	#sponsor1 li{ max-width:530px; width:100%; height:auto; margin:0 0 80px 0 !important;}
	#sponsor1 li > div{ height:auto;}
	#sponsor1 li:last-child{ margin-bottom:0 !important;}
}
@media only screen and (max-width:768px){
	#sponsor1 .s_social i{ width:40px; height:40px; line-height:40px;}
	#sponsor1 .s_social .aparat img{ width:40px; padding:9px;}
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  direction:rtl !important;
  text-align:right;
  color:#0b4664;
}
::-moz-placeholder { /* Firefox 19+ */
  direction:rtl !important;
  text-align:right;
  color:#0b4664;
}
:-ms-input-placeholder { /* IE 10+ */
  direction:rtl !important;
  text-align:right;
  color:#0b4664;
}
:-moz-placeholder { /* Firefox 18- */
  direction:rtl !important;
  text-align:right;
  color:#0b4664;
}

/* order*/
.full_cap{ line-height: 40px; text-align:center; color: #0b4664; font-size: 23px; padding:40px 15px 30px !important; font-family: 'SahelT';}
.full_cap i{ color:rgb(255, 99, 0); font-size:50px;}

/** axe hamayesh **/
#pic_prev{ margin-bottom:70px; text-align:center;}
#pic_prev ul{ padding:0; margin:0 0.5%; font-size:0;}
#pic_prev ul li{ width:33%; font-size:14px; vertical-align:top; display:inline-block;}
#pic_prev ul li:nth-child(2){ margin:0 0.5%;}
#pic_prev ul li > div{ height:300px; background-size:cover !important; background-position:center !important;}
#pic_prev ul li:nth-child(1) > div{ background:url(images/background/1.jpg)}
#pic_prev ul li:nth-child(2) > div{ background:url(images/background/2.jpg)}
#pic_prev ul li:nth-child(3) > div{ background:url(images/background/3.jpg)}
#pic_prev ul li span{ padding:5px; display:block;}
@media only screen and (max-width:1000px){
	#pic_prev ul li > div{ height:200px;}
}
@media only screen and (max-width:1000px){
	#pic_prev ul{ max-width:450px; margin:auto;}
	#pic_prev ul li{ width:100%; margin:0 0 20px 0 !important;}
	#pic_prev ul li:last-child{ margin-bottom:0 !important;}
	#pic_prev ul li > div{ height:200px;}
}

/*poster*/
#poster{ margin:70px 0; text-align:center;}
#poster img{ max-width:450px; width:100%;}

/*Footer*/
footer{ background:#9B023A; padding:20px 20px 0; position:relative;}
footer::after, footer .hammura:after{content:""; display:block; clear:both;}
footer .hammura > div{ float:right; color:rgba(255,255,255,.3) !important; width:40%; font-size:14px;}
footer .hammura a{ color:rgba(255,255,255,.5); font-size:14px; display:inline-block;}
footer .hammura a:hover{ color:#8BF8F2;}
footer .hammura{padding:20px 0 5px 0;}
footer .hammura #copyright{ text-align:left; float:left; width:40%; font-size:12px; color:rgba(255,255,255,.5); font-family:tahoma;}
@media only screen and (max-width:700px){
	footer .hammura{padding:20px 0 10px 0;}
	footer .hammura > div, footer .hammura #copyright{ width:100%; line-height:20px; text-align:center; float:none; display:block;}
	#back_up{ bottom:66px;}
}

/** hamian **/
#pact_sup{ padding: 0;}
#pact_sup .flexbox{ align-items: flex-start;}
#pact_sup .flexbox > div{ width: Calc(20% - 10px); margin: 5px; padding: 0;}
#pact_sup .flexbox > div > span{ padding: 0; overflow: hidden; display: inline-block;}
#pact_sup .flexbox > div img{ width: 100%; padding: 10px; background: #fff; border: 1px solid #eee; border-radius: 5px; display: block; transition: all linear 0.2s;}
#pact_sup .flexbox > div b{ font-size: 15px; line-height: 26px;}
#pact_sup .flexbox > div:hover img{ opacity: 0.7;}
@media only screen and (max-width:850px){
	#pact_sup .flexbox > div{ width: Calc(50% - 10px); margin-bottom: 15px;}
}

/** enlarge the font size in mobile **/
@media only screen and (max-width:768px){
	body, #sponsor1 li > div, .multipurp .main1 p{ line-height:30px; font-size:17px;}
	#sponsor1 .links a{ font-size:16px;}
}