@font-face {
  font-family: 'mainfont';
  src: url('../fonts/iransans.ttf') format('truetype'),
       url('../fonts/iransans.eot') format('eot');
}
/*@font-face {*/
/*  font-family: 'Myriad';*/
/*  src: url('../fonts/MyriadArabic-Regular.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+* / */
/*}*/
/*@font-face {*/
/*  font-family: 'Myriad';*/
/*  src: url('../fonts/MyriadArabic-Bold.woff') format('woff');  /* FF3.6+, IE9, Chrome6+, Saf5.1+* /*/
/*  font-weight: bold;*/
/*}*/

body, html { margin: 0; padding: 0; height: 100%; width: 100%; direction: rtl; font-family: mainfont, Arial, Helvetica, sans-serif; font-size: 20px}
body * { box-sizing: border-box; }

body.gallery { background: url(../images/theme/gallarybg.jpg)  center top repeat; }

.page { min-height: 100px; width: 100%; margin: 0 auto ; overflow: hidden; padding: 15px }
.page-height { min-height: 100%; width: 100%; margin: 0 auto ; overflow: hidden; padding: 77px 15px 15px; }
.content-width { width: 1000px; margin: 0 auto ; overflow: hidden; position: relative; }
 .content-width>h2 { text-align: center; margin: 15px 0px 0px; }
 .page-height .content-width>h2 { margin: 30px 0px 0px; }
 .content-width>h6 { text-align: center; }
.page-background { min-height: 100%; width: 100%; margin: 0 -15px; overflow: hidden; position: absolute; top: 0px; }
.movable-background { width: 110%; height: 110%; position: absolute; top: 2%; right: -5%; }
.animate-transition { 
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
.row { font-size: 0; }
.wid1 { width: 100%; display: inline-block; padding: 0 15px; }
.wid3 { width: 33.33%; display: inline-block; padding: 0 15px; }
.form-control { display: block; width: 100%; height: 34px; padding: 6px 12px; font-family: mainfont, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.42857; color: #555; background-color: rgba(255,255,255,0.2); background-image: none; border: 1px solid #CCC; border-radius: 4px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75) inset; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; }
.form-control:focus { background: #FFF; }
 textarea.form-control { height: auto; }
.input-box { border: 0px none !important; width: 100%; text-align: right; text-transform: none; padding-top: 9px; padding-right: 9px; padding-bottom: 9px; min-height: 46px; padding-left: 15px !important; display: inline-block; border-radius: 4px; }
.textarea-box { border: 0px none; text-align: right; text-transform: none; padding: 9px 15px 9px 0px; min-height: 250px; display: inline-block; border-radius: 4px; }
.custom-button { font-family: mainfont, Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer; }

#top-menu { width: 100%; height: 104px; background: url(../images/theme/back_menu.png) center bottom repeat-x; position: fixed; z-index: 1000; overflow: hidden; }
#top-menu.small { height: 86px; }
#menu-center { width: 980px; height: 100%; margin: 0 auto; }
#menu-center ul { margin: 0; padding: 0; font-size: 0; }
#menu-center ul li { list-style: none; margin: 0; padding: 0; display: inline-block; }
#menu-center ul li a { text-decoration: none; display: inline-block; height: 77px; padding: 0 18px; margin: 0; position: relative; box-sizing: content-box; 
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
#menu-center ul li a.active { background-color: black; }
/*#top-menu.small li { margin-top: -6px; }*/
#menu-center ul li.hover a { background-color: black; }
/*#top-menu.small li a { height: 65px; overflow: hidden; margin-top: 0px; }*/
 #menu-center a b { display: block; position: absolute; top: 38px; right: 18px; background-image: url(../images/theme/menu1.png); height: 26px; margin: 0px; }
 #menu-center a span { display: block; position: absolute; top: 13px; right: 18px; background-image: url(../images/theme/menu1.png); height: 26px; margin: 0px; }
 /*#top-menu.small a b { margin-top: -1px; }*/
 /*#top-menu.small a span { margin-top: -1px; }*/
/* #menu-center li:hover a { margin-top: -100px; height: 180px }*/
/* #menu-center a:hover span { margin-top: 103px; }*/
 .main-menu-contact a { width: 100px; }
 .main-menu-contact b { background-position: 0px -52px; width: 100px; }
 .main-menu-contact.hover b, .main-menu-contact .active b { background-position: 0px -78px; }
 .main-menu-contact span { background-position: 0px 0px; width: 100px; }
 .main-menu-contact.hover span, .main-menu-contact .active span { background-position: 0px -26px; }
 .main-menu-social a { width: 162px; }
 .main-menu-social b { background-position: -100px -52px; width: 162px; }
 .main-menu-social.hover b, .main-menu-social .active b { background-position: -100px -78px; }
 .main-menu-social span { background-position: -100px 0px; width: 162px; }
 .main-menu-social.hover span, .main-menu-social .active span { background-position: -100px -26px; }
 .main-menu-last a { width: 124px; }
 .main-menu-last b { background-position: -262px -52px; width: 124px; }
 .main-menu-last.hover b, .main-menu-last .active b { background-position: -262px -78px; }
 .main-menu-last span { background-position: -262px 0px; width: 124px; }
 .main-menu-last.hover span, .main-menu-last .active span { background-position: -262px -26px; }
 .main-menu-about a { width: 80px; }
 .main-menu-about b { background-position: -386px -52px; width: 80px; }
 .main-menu-about.hover b, .main-menu-about .active b { background-position: -386px -78px; }
 .main-menu-about span { background-position: -386px 0px; width: 80px; }
 .main-menu-about.hover span, .main-menu-about .active span { background-position: -386px -26px; }
 .main-menu-gallery a { width: 80px; }
 .main-menu-gallery b { background-position: -466px -52px; width: 80px; }
 .main-menu-gallery.hover b, .main-menu-gallery .active b { background-position: -466px -78px; }
 .main-menu-gallery span { background-position: -466px 0px; width: 80px; }
 .main-menu-gallery.hover span, .main-menu-gallery .active span { background-position: -466px -26px; }
 .main-menu-farakhan a { width: 82px; }
 .main-menu-farakhan b { background-position: -546px -52px; width: 82px; }
 .main-menu-farakhan.hover b, .main-menu-farakhan .active b { background-position: -546px -78px; }
 .main-menu-farakhan span { background-position: -546px 0px; width: 82px; }
 .main-menu-farakhan.hover span, .main-menu-farakhan .active span { background-position: -546px -26px; }
 .main-menu-main a { width: 92px; }
 .main-menu-main b { height: 0px; }
 .main-menu-main span { background-position: -630px -52px; width: 92px; height: 52px !important; top: 5px; }
 .main-menu-main.hover span, .main-menu-main .active span { background-position: -630px 0px; }
 .small .main-menu-main span { height: 52px !important; margin: -3px 0 0 !important; }
#menu-center ul li a.active { font-size: 18px; color: #fff; text-decoration: none; line-height: 50px; }
#top-menu.small #menu-center ul { margin: 0px 0 0 0; padding-top: 0; }

#main { background: black; padding: 0px; width: 100%; position: relative; margin: 0px; }
 #main-bg1 { background-image: url(../images/theme/back_home.jpg); background-position: center center; background-repeat: no-repeat; }
 #main-bg2 { background-image: url(../images/theme/logo00.png); background-position: center center; background-repeat: no-repeat; }
 #main-bg3 { background-image: url(../images/theme/logo02.png); background-position: center center; background-repeat: no-repeat; }
 #main-bg4 { background-image: none; background-position: center center; background-repeat: no-repeat; }
#header-gallery { background-color: #000; text-align: center; margin: 0 -15px; }
 #header-gallery img {  }
#main-gallery { width: 920px; margin: 0 auto; padding: 15px 0 20px; }
#bal-menu { background: url(../images/theme/back1.png) center bottom repeat; min-height: 300px; overflow: hidden; padding: 100px 0; }
 #bal-menu ul.ch-grid {}
#about { background: url(../images/theme/back2.jpg) center top repeat; padding: 0; }
 #about .page-height { background: url(../images/theme/aboutbg.png) center center repeat; padding: 0; }
 #about-wrapper { position: relative; height: 100%; }
  #about #about-image { background-image: url(../images/theme/logo01.png); background-position: 520px center; background-repeat: no-repeat }
  #about #about-image.scroll-animate { background-position: 1500px center; }
  #about #about-text { left: 120px; top: 0; position: absolute; width: 400px; color: white; text-align: justify; font-size: 14px;  }
  #about #about-text.scroll-animate { left: -1000px !important;  }
#last-gallery { background-color: white; padding: 80px; }
 #last-gallery * { box-sizing: content-box; }
#text-separator { background-color: pink; min-height: 100px; padding: 60px 0; }
 #hadith { overflow: hidden; }
  #hadith .hadith-nav { width: 1000px; height: 150px; margin: 25px 0 -175px; }
   #hadith .hadith-nav .hadith-nav-but { width: 50px; height: 50px; margin: 5px; cursor: pointer; border-radius: 50px; display: block; border: 2px solid rgba(255, 255, 255, 0.4); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2), 2px 2px 1px rgba(255, 255, 255, 0.4) inset; }
   #hadith .hadith-nav .hadith-nav-but:after { content: " "; width: 30px; height: 30px; display: block; margin: 8px 7px; }
   #hadith .hadith-nav .hadith-next { float: left; }
   #hadith .hadith-nav .hadith-next:after { background: url(../images/theme/arrow.png) center center no-repeat; }
   #hadith .hadith-nav .hadith-prev { float: right; }
   #hadith .hadith-nav .hadith-prev:after { background: url(../images/theme/unarrow.png) center center no-repeat; }
  #hadith .hadith-items { width: 800px; margin: 0 100px 0; overflow: hidden; }
   #hadith .hadith-item-container { white-space: nowrap; font-size: 0; margin: 0; }
    #hadith .hadith-item { display: inline-block; overflow: hidden; width: 800px; white-space: normal; float: right; }
     #hadith img.hadith-elem { float: right; width: 120px; height: 120px; border-radius: 120px; background: #FFF; padding: 5px; }
     #hadith div.hadith-elem { float: left; width: 650px; font-size: 14px; }
#social-gallery { background-color: brown; }
#contact { background-color: #fc5242; padding-bottom: 50px; }
 #contact .contact-form {  }
  #contact .input-box, textarea { width: 100%; margin: auto auto 20px; border-radius: 4px; }
  #contact .custom-button { margin-right: 15px; display: inline-block !important; text-align: center; text-transform: uppercase; padding: 13px 35px; border-radius: 4px; margin: 10px 15px 10px 10px; border: medium none; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.75); background-color: rgba(255, 255, 255, 0.2); font-size: 14px; }
  #contact .custom-button:active,
  #contact .custom-button:focus { box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.75); background-color: #FFF; }
#footer { height: 108px; white-space: nowrap; text-align: left; font-size: 0; margin-top: -35px; }
 #footer-right, #footer-left { display: inline-block; width: calc(50% - 160px); background: url(../images/theme/footer_bg.jpg) center bottom repeat-x; height: 108px; }
 #footer-center { display: inline-block; height: 108px; background: url(../images/theme/footer_center.png) center bottom no-repeat; width: 320px; margin: 0px auto; }
 #footer-inner { text-align: center; font-size: 12px; margin-top: -75px; position: relative; }
 #footer-inner .moduletable { display: inline-block; margin: 0 20px; text-align: left; float: right; clear: none; }
 #footer-inner .moduletable.left { float: left; }
 #footer-inner .moduletable.right { float: right; }
  #footer-inner .moduletable>div { display: block; margin: 0 20px; }
  #footer-inner a { color: black; font-weight: bold; text-decoration: none; }
 #footer-inner ul { padding: 0; }
  #footer-inner ul li { display: inline-block; }
  
  #footer-inner .joomstats_result { background: #CCCCCC url(../images/theme/counterbg.png) left center repeat-x; height: 17px; letter-spacing: 10.2px; padding: 10px 0 0px 6px; line-height: 0px; border-right: 1px #777 solid; overflow: hidden; display: inline-block; }
 
/*
 * Ball Menu
 */
.ch-img-1 { background-position: right top; }
.ch-img-2 { background-position: center top; }
.ch-img-3 { background-position: left top; }
.ch-item-1 { background-position: -460px -20px; }
.ch-item-2 { background-position: center -20px; }
.ch-item-3 { background-position: -20px -20px; }
.ch-info-1 { background-position: -460px -240px; }
.ch-info-2 { background-position: center -240px; }
.ch-info-3 { background-position: -20px -240px; }
.ch-grid { margin: 20px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%; }
.ch-grid:after, .ch-item:before { content: ''; display: table; }
.ch-grid:after { clear: both; }
 .ch-grid li { width: 220px; height: 220px; display: inline-block; margin: 20px; }
  .ch-item { width: 100%; height: 100%; border-radius: 50%; position: relative; box-shadow: 0 1px 2px rgba(0,0,0,0.1); cursor: pointer; background-image: url(../images/theme/menu.jpg); }
  .ch-info-wrap, .ch-info{ position: absolute; width: 180px; height: 180px; border-radius: 50%; }
  .ch-info-wrap { top: 20px; left: 20px; background: #f9f9f9; box-shadow: 0 0 0 20px rgba(255,255,255,0.2), inset 0 0 3px rgba(115,114, 23, 0.8); }
   .ch-info > div { display: block; position: absolute; width: 100%; height: 100%; border-radius: 50%; -webkit-backface-visibility: hidden; /*Just for webkit to have a smooth font*/ }
   .ch-info .ch-info-front { background-image: url(../images/theme/menu.jpg); 
	-webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;
}
   .ch-info .ch-info-back { opacity: 0; pointer-events: none; background-image: url(../images/theme/menu.jpg);
	-webkit-transform: scale(1.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5); transform: scale(1.5);
	-webkit-transition: all 0.4s ease-in-out 0.2s; -moz-transition: all 0.4s ease-in-out 0.2s; -o-transition: all 0.4s ease-in-out 0.2s; -ms-transition: all 0.4s ease-in-out 0.2s; transition: all 0.4s ease-in-out 0.2s;
}
/*     .ch-info h3 { color: #fff; text-transform: uppercase; letter-spacing: 2px; font-size: 18px; margin: 0 15px; padding: 40px 0 0 0; height: 80px; font-family: 'Open Sans', Arial, sans-serif; text-shadow: 0 0 1px #fff, 0 1px 2px rgba(0,0,0,0.3); }
     .ch-info p { color: #fff; padding: 10px 5px 0; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,0.5); }
      .ch-info p a { display: block; color: #e7615e; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 9px; letter-spacing: 1px; padding-top: 4px; font-family: 'Open Sans', Arial, sans-serif; }
      .ch-info p a:hover { color: #fff; } */
   .ch-item:hover .ch-info-front { opacity: 0; 
	-webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); -ms-transform: scale(0); transform: scale(0);
}
   .ch-item:hover .ch-info-back { opacity: 1; pointer-events: auto;
	-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1);
}


/*
 * Last Slider
 */
.rm_wrapper{
	width:1000px;
	margin:50px auto;
	position:relative;
	direction:ltr;
}
.rm_container{
	width:890px;
	overflow:hidden;
	position:relative;
	height:530px;
	margin:0 auto;
}
.rm_container h2{
	background:transparent url(../images/theme/lines.png) repeat top left;
	padding:10px 30px;
	position:absolute;
	bottom:170px;
	right:0px;
	color:#000;
	font-size:36px;
	text-transform:uppercase;
	text-shadow:1px 0px 1px #fff;
}
.rm_container ul{
	width:1010px;
}
.rm_container ul li{
	float:left;
	margin-left:-80px;
	position:relative;
	overflow:hidden;
	width:260px;
	height:400px;
	border:30px solid white;
	border-width:50px 30px 0px 30px;
	background-color:white;
}
.rm_container ul li img{
	position:absolute;
	top:0px;
	left:0px;
        height: 100%;
}
.rm_mask_right, .rm_mask_left{
	position: absolute;
	height: 110px;
	background: white;
	width: 460px;
	bottom: 0px;
	left: -10px;
	-moz-transform:rotate(-3deg);
	-webkit-transform:rotate(-3deg);
	transform:rotate(-3deg);
}
.rm_mask_right{
	left:auto;
	right:0px;
	-moz-transform:rotate(3deg);
	-webkit-transform:rotate(3deg);
	transform:rotate(3deg);
}
.rm_corner_right, .rm_corner_left{
	background: white;
	position:absolute;
	width:200px;
	height:100px;
	bottom:0px;
	left:-65px;
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.rm_corner_right{
	left:auto;
	right:-65px;
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}
.rm_nav a{
	position:absolute;
	top:200px;
	width:38px;
	height:87px;
	cursor:pointer;
	opacity:0.7;
}
.rm_nav a:hover{
	opacity:1.0;
}
.rm_nav a.rm_next{
	background:transparent url(../images/theme/next.png) no-repeat top left;
	right:0px;
}
.rm_nav a.rm_prev{
	background:transparent url(../images/theme/prev.png) no-repeat top left;
	left:0px;
}
.rm_controls{
	position:absolute;
	top:0px;
	left:-40px;
	height:20px;
}
.rm_controls a{
	cursor:pointer;
	opacity:0.7;
	padding-left:24px;
	font-size:16px;
	text-transform:uppercase;
	height:20px;
	float:left;
	line-height:20px;
}
.rm_controls a:hover{
	opacity:1.0;
}
.rm_controls a.rm_play{
	
	background:transparent url(../images/theme/play.png) no-repeat center left;
}
.rm_controls a.rm_pause{
	display:none;
	background:transparent url(../images/theme/pause.png) no-repeat center left;
}


/*
 * Social Slider
 */
.fs-container {
	margin: 20px auto 50px auto;
	position: relative;
	width: 50%;
	padding: 0 15%;
	max-width: 700px;
	min-width: 220px;
	height: 500px;	
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.fs-container:before {
	content: '';
	position: absolute;
	bottom: -40px;
	background: transparent url(../images/theme/shadow.png) no-repeat center center;
	height: 90px;
	width: 90%;
	left: 5%;
	opacity: 0.8;
	-webkit-background-size: 100% 100%;
	-moz-background-size: 100% 100%;
	background-size: 100% 100%;
}

.fs-wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px;
}

.fs-slider{
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	pointer-events: none;
}

.fs-block {
	margin: 0;
	position: absolute;
	width: 70%;
	height: 100%;
	left: 15%;
	pointer-events: auto;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}

.fs-block:nth-child(1) {	
	-webkit-transform-origin: top right;
	-webkit-transform: translateX(-100%) rotateY(-35deg);
	-moz-transform-origin: top right;
	-moz-transform: translateX(-100%) rotateY(-35deg);
	-o-transform-origin: top right;
	-o-transform: translateX(-100%) rotateY(-35deg);
	-ms-transform-origin: top right;
	-ms-transform: translate(-100%);
	transform-origin: top right;
	transform: translateX(-100%) rotateY(-35deg);
}
.no-touch .fs-block:nth-child(1):hover {
	-webkit-transform: translateX(-100%) rotateY(-30deg);	
	-o-transform: translateX(-100%) rotateY(-30deg);
	transform: translateX(-100%) rotateY(-30deg);
}

.fs-block:nth-child(2) {
	z-index: 100;
}

.fs-block:nth-child(3) {
	-webkit-transform-origin: top left;
	-webkit-transform: translateX(100%) rotateY(35deg);
	-moz-transform-origin: top left;
	-moz-transform: translateX(100%) rotateY(35deg);
	-o-transform-origin: top left;
	-o-transform: translateX(100%) rotateY(35deg);
	-ms-transform-origin: top left;
	-ms-transform: translate(100%);
	transform-origin: top left;
	transform: translateX(100%) rotateY(35deg);
}

.no-touch .fs-block:nth-child(3):hover {
	-webkit-transform: translateX(100%) rotateY(30deg);	
	-o-transform: translateX(100%) rotateY(30deg);
	transform: translateX(100%) rotateY(30deg);
}

.fs-block:after{
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1000;
	pointer-events: none;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	border-left: 1px solid rgba(119,119,119,1);
	border-right: 1px solid rgba(119,119,119,1);
	left: -1px;
}

/* Borders are only needed if we have the 3d look */
.no-csstransforms3d .fs-block:after {
	border: none;
}

.fs-block:nth-child(1):after {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.2) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.2)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.2) 100%);
}

.fs-block:nth-child(2):after {
	opacity: 0.8;
	background: -moz-linear-gradient(left, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.12) 21%, rgba(0,0,0,0.03) 31%, rgba(0,0,0,0) 50%, rgba(0,0,0,0.03) 70%, rgba(0,0,0,0.12) 81%, rgba(0,0,0,0.5) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.5)), color-stop(21%,rgba(0,0,0,0.12)), color-stop(31%,rgba(0,0,0,0.03)), color-stop(50%,rgba(0,0,0,0)), color-stop(70%,rgba(0,0,0,0.03)), color-stop(81%,rgba(0,0,0,0.12)), color-stop(100%,rgba(0,0,0,0.5)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.12) 21%,rgba(0,0,0,0.03) 31%,rgba(0,0,0,0) 50%,rgba(0,0,0,0.03) 70%,rgba(0,0,0,0.12) 81%,rgba(0,0,0,0.5) 100%);
}

.fs-block:nth-child(3):after {
	background: -moz-linear-gradient(left, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.65) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(0,0,0,0.2)), color-stop(100%,rgba(0,0,0,0.65)));
	background: -webkit-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
	background: -o-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
	background: -ms-linear-gradient(left, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
	background: linear-gradient(to right, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.65) 100%);
}

.fs-block figure {
	width: 100%;
	height: 100%;
	margin: 0;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 1;
}

.fs-block figure:first-child{
	z-index: 10;
}

.fs-block figure img {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
}

.fs-block figcaption {
	padding: 0 20px;
	margin: 0;
	position: absolute;
	width: 100%;
	top: 25%;
	background: rgba(0,0,0,0.4);
	overflow: hidden;
	height: 0%;
	opacity: 0;
	text-align: center;
	-webkit-transition: all 700ms cubic-bezier(0, 0, .15, 1);
	-moz-transition: all 700ms cubic-bezier(0, 0, .15, 1);
	-o-transition: all 700ms cubic-bezier(0, 0, .15, 1);
	-ms-transition: all 700ms cubic-bezier(0, 0, .15, 1);
	transition: all 700ms cubic-bezier(0, 0, .15, 1);
}

.fs-block figcaption.fs-transition {
	height: 35%;
	opacity: 1;
}

.fs-block figcaption h3 {
	font-size: 30px;
	line-height: 40px;
	margin: 0;
	padding: 20px 0;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
	/*font-family: 'Prata', serif;*/
	font-weight: bold;
}

.fs-block figcaption p {
	color: #fff;
	padding: 20px 0;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-top: 1px solid rgba(255,255,255,0.2);
	box-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

.fs-block figcaption p a {
	color: #fff;
        text-decoration: none;
}

.fs-navigation {
	position: absolute;
	z-index: 2000;
	bottom: 10px;
	right: 15%;
	margin-right: 15px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.fs-navigation span {
	float: left;
	width: 26px;
	height: 26px;
	border-radius: 4px;
	text-indent: -90000px;
	cursor: pointer;
	opacity: 0.6;
	margin-right: 3px;
	background: rgba(0,0,0,0.4) url(../images/theme/arrow.png) no-repeat 50% 50%;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	transition: all 0.3s linear;
	pointer-events: auto;
}

.fs-navigation span:nth-child(2) {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.fs-navigation span:hover{
	opacity: 1;
}

/* Transitions */
.fs-block:nth-child(1) figure {
	-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
	-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
	-o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
	-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
	transition: width 900ms cubic-bezier(0, 0, .15, 1) 600ms;
}
.fs-block:nth-child(2) figure {
	-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
	-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
	-o-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
	-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
	transition: width 900ms cubic-bezier(0, 0, .15, 1) 300ms;
}
.fs-block:nth-child(3) figure {
	-webkit-transition: width 900ms cubic-bezier(0, 0, .15, 1);
	-moz-transition: width 900ms cubic-bezier(0, 0, .15, 1);
	-o-transition: width 900ms cubic-bezier(0, 0, .15, 1);
	-ms-transition: width 900ms cubic-bezier(0, 0, .15, 1);
	transition: width 900ms cubic-bezier(0, 0, .15, 1);
}

/* Media Queries */

@media screen and (max-width: 1024px) {
	.fs-block figcaption h3 {
		font-size: 26px;
	}
}

@media screen and (max-width: 768px) {
	.fs-block figcaption {
		padding: 0 10px;
	}
	.fs-block figcaption h3 {
		font-size: 16px;
		padding: 10px 0;
	}
	.fs-block figcaption p {
		font-size: 13px;
	}
}