انجمن

انجمن وردپرس فارسی » پوسته‌ها


وسط چین کردن منو  (۹ نوشته)

  • 4lirezaM

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۵
    # نوشته شده: ۹ سال پیش
    ۱۶ مهر ۱۳۹۳ - ۱۶:۱۱

    سلام

    من هر کاری کردم نتونستم این منو رو بیارم وسط
    http://s5.picofile.com/file/8144793326/Untitled.jpg

    با چه دستوری و کجا باید قرار بدم که اکی بشه ؟

    <html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

	<title><?php bloginfo('name'); ?> <?php if ( is_single() ) { ?> &raquo; <?php _e('Blog Archive','kubrick'); ?> <?php } ?> <?php wp_title(); ?></title>
			<meta name="keywords" content="<?php echo get_option('sample_id_title'); ?>">
 <meta name="description" content="<?php echo get_option('sample_site_meta_discription'); ?>">

        <!-- Bootstrap core CSS -->
        <link href="<?php bloginfo('template_directory'); ?>/bootstrap-3.0.0/dist/css/bootstrap.css" rel="stylesheet">

        <!-- Custom styles for this template-->
        <link href="<?php bloginfo('template_directory'); ?>/style.css" rel="stylesheet">

        <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,cyrillic' rel='stylesheet' type='text/css'>

    	<link href="http://netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
        <link href="<?php bloginfo('template_directory'); ?>/js/swiperjs/idangerous.swiper.css" rel="stylesheet">
        <link href="<?php bloginfo('template_directory'); ?>/js/big-video/css/bigvideo.css" rel="stylesheet">

        <!-- Client side less compiling
        <link rel="stylesheet/less" type="text/css" href="<?php bloginfo('template_directory'); ?>/style.less">-->

        <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
        <!--[if lt IE 9]>
          <script src="<?php bloginfo('template_directory'); ?>/bootstrap-3.0.0/assets/js/html5shiv.js"></script>
          <script src="<?php bloginfo('template_directory'); ?>/bootstrap-3.0.0/assets/js/respond.min.js"></script>
        <![endif]-->
    </head>

    <body>

    <!-- BEGIN top bar -->
<div style="display:none"><h1><?php echo get_option('sample_id_title'); ?></h1></div>
</br>

    <!-- END top bar -->

<center>
    <!-- BEGIN banner area -->
    <div class="top-banner-area">
        <a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_site_adress_home'); ?>"><img alt="<?php echo get_option('sample_id_title'); ?>" title="<?php echo get_option('sample_id_title'); ?>" src="<?php echo get_option('sample_image_upload_logosite'); ?>" alt="Logo"></a>
       </center>

    <!-- END banner area -->
    <div class="content-wrap">
        <div class="main-container">
            <header>
                <nav>
                    <ul> 

                        <li><a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_menu_link8'); ?>"><?php echo get_option('sample_menu_name8'); ?></a> </li>
                        <li><a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_menu_link7'); ?>"><?php echo get_option('sample_menu_name7'); ?></a> </li>
                        <li><a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_menu_link6'); ?>"><?php echo get_option('sample_menu_name6'); ?></a> </li>
                        <li><a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_menu_link5'); ?>"><?php echo get_option('sample_menu_name5'); ?></a> </li>
                        <li><a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_menu_link4'); ?>"><?php echo get_option('sample_menu_name4'); ?></a> </li>
                        <li><a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_menu_link3'); ?>"><?php echo get_option('sample_menu_name3'); ?></a> </li>
                        <li><a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_menu_link2'); ?>"><?php echo get_option('sample_menu_name2'); ?></a> </li>
                        <li><a title="<?php echo get_option('sample_id_title'); ?>" href="<?php echo get_option('sample_menu_link1'); ?>"><?php echo get_option('sample_menu_name1'); ?></a> </li>
                    </ul>
                </nav>
            </header>

  • mohammad93

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۲
    تشکر شده: ۸ بار
    # نوشته شده: ۹ سال پیش
    ۱۹ مهر ۱۳۹۳ - ۲۲:۵۲

    سلام
    دقیقا منظورتون کدوم هستش؟!

  • Masoud

    آفلاین
    کلیددار
    تعداد نوشته‌ها: ۸۱۵
    تشکر شده: ۶۳۲ بار
    # نوشته شده: ۹ سال پیش
    ۲۰ مهر ۱۳۹۳ - ۰۹:۱۸

    سلام،
    آدرس سایت‌تون رو قرار میدادید یا فایل سی اس اس رو هم میذاشتید بهتر بود.
    روش معمول برای وسط چین کردن این هست که به ul مقدار text-align:center; بدید.

  • 4lirezaM

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۵
    # نوشته شده: ۹ سال پیش
    ۲۱ مهر ۱۳۹۳ - ۱۰:۴۵

    mohammad93 گفت:
    سلام
    دقیقا منظورتون کدوم هستش؟!

    منو بالا دیگه
    عکسشم گذاشتم

  • 4lirezaM

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۵
    # نوشته شده: ۹ سال پیش
    ۲۱ مهر ۱۳۹۳ - ۱۰:۴۹

    MehdiKafi.

    masoudin گفت:
    سلام،
    آدرس سایت‌تون رو قرار میدادید یا فایل سی اس اس رو هم میذاشتید بهتر بود.
    روش معمول برای وسط چین کردن این هست که به ul مقدار text-align:center; بدید.

    MehdiKafi.iR

  • 4lirezaM

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۵
    # نوشته شده: ۹ سال پیش
    ۲۳ مهر ۱۳۹۳ - ۱۶:۱۶

    نبود کسی کمک کنه ؟

  • mohammad93

    آفلاین
    عضو
    تعداد نوشته‌ها: ۲۲
    تشکر شده: ۸ بار
    # نوشته شده: ۹ سال پیش
    ۲۴ مهر ۱۳۹۳ - ۰۰:۳۹

    تو فابل css دنبال selector یی به اسم nav بگردین ببینین هست؟!
    باید بهش lign:center; بدین.
    یا padding بدین از هر طرف که خواستین.
    مثلا واسه اینکه لینک های داخلش رو وسط چین بکنین یه همچین کاری باید بکنین:
    nav ul li {
    align:center;
    }
    یا
    nav a{
    align:center;
    }

    البته نیاز هست تا با css اشنایی داشته باشین!

  • 4lirezaM

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۵
    # نوشته شده: ۹ سال پیش
    ۲۵ مهر ۱۳۹۳ - ۱۳:۵۰

    mohammad93 گفت:
    تو فابل css دنبال selector یی به اسم nav بگردین ببینین هست؟!
    باید بهش lign:center; بدین.
    یا padding بدین از هر طرف که خواستین.
    مثلا واسه اینکه لینک های داخلش رو وسط چین بکنین یه همچین کاری باید بکنین:
    nav ul li {
    align:center;
    }
    یا
    nav a{
    align:center;
    }

    البته نیاز هست تا با css اشنایی داشته باشین!

    اون دستور توش زیاد تکرار شده اینم فایلش

    /*
Theme Name: پوسته حرفه ای موزیک
Theme URI:http://ig-net.com
Version: 1.0
Author: hosseinrezaeian
Author URI: http://www.pro-design.ir

*/

@font-face {
 font-family: 'AMitra';
 src: url('fonts/AMitra.eot');
 src: local('a mitra'), url('fonts/AMitra.woff') format('woff'), url('fonts/AMitra.ttf') format('truetype'), url('AMitra.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'wdsaudi';
 src: url('fonts/wdsaudi.eot');
 src: local('b wdsaudi'), url('fonts/wdsaudi.woff') format('woff'), url('fonts/wdsaudi.ttf') format('truetype'), url('wdsaudi.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
.row {
  margin-right: -20px !important;
  margin-left: -20px !important;
}
.col-md-12,
.col-md-8,
.col-md-6,
.col-md-4 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.banerads{
width:100%;
margin-bottom:02px;

}
.banerads img{
width:96%;
margin-bottom:10px;
margin-left:17px;
border:6px solid #cbcbcb;
 -webkit-transition: border-color 0.13s ease-in-out;
  -moz-transition: border-color 0.13s ease-in-out;
  -ms-transition: border-color 0.13s ease-in-out;
  -o-transition: border-color 0.13s ease-in-out;
  transition: border-color 0.13s ease-in-out;
}
.banerads img:hover{
width:96%;
margin-bottom:10px;
margin-left:17px;
border:6px solid #ae2019;
 -webkit-transition: border-color 0.13s ease-in-out;
  -moz-transition: border-color 0.13s ease-in-out;
  -ms-transition: border-color 0.13s ease-in-out;
  -o-transition: border-color 0.13s ease-in-out;
  transition: border-color 0.13s ease-in-out;
}
html {
  background-color: #211e1c;
}
html.has-video {
  background-color: inherit;
}
html.has-video body {
  background-color: inherit;
  background-image: inherit;
  background-position: inherit;
  background-repeat: inherit;
  background-attachment: inherit;
}
.visibility {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.border-bottom {
  border-left: none;
  border-top: none;
  border-right: none;
}
.bluebox-border-bottom {
  border: 1px solid #000000;
  border-color: #000000;
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  border-color: rgba(0, 0, 0, 0.06);
  border-left: none;
  border-top: none;
  border-right: none;

}
img {
  max-width: 100%;
}
body {
  background-color: #211e1c;
  background-image: url('images/background-image.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px;
  color: #000000;
  /* .rgba(@bluebox-text-option, 0.5); */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /*-webkit-transform: translateZ(0);
	.visibility;*/

}
body img {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
  font-family: 'Open Sans', sans-serif;
}
body a {
  color: #000000;
  -webkit-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
body footer a {
  color: white;
}
body footer a:hover {
  color: #e74c3c;
}
body a,
body a:hover {
  text-decoration: none;
}
body a:hover {
  color: #e74c3c;
}
.clear {
  clear: both;
  overflow: hidden;
  width: 100%;
  display: block;
  height: 0px;
}
.padding-fix {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.std-heading {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}
.section-heading {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-transform: none;
}
.std-label {
  font-size: 11px;
  font-weight: 300;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.bluebox-info-line {
  font-size: 11px;
  text-transform: uppercase;
  padding: 12px 0 17px 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #000000;
  border-color: #000000;
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  border-color: rgba(0, 0, 0, 0.06);
  border-left: none;
  border-top: none;
  border-right: none;
}
.bluebox-info-line a {
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
}
.bluebox-info-line a.more-link {
  float: right;
}
.bluebox-extra-info {
  font-size: 11px;
  text-transform: uppercase;
  padding: 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
}
.bluebox-extra-info a {
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
}
.bluebox-extra-info a.more-link {
  float: right;
}
.normal-text {
  font-weight: normal;
  text-transform: none;
  font-size: 13px;
}
/* BEGIN top bar */
header.top-bar {
  height: 30px;
  position: relative;
  font-size: 13px;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff);
  background-color: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.02);
}
header.top-bar .center-info {
  margin: 0 auto;
  line-height: 20px;
  min-height: 30px;
  padding: 5px 0;
  position: relative;
  max-width: 960px;
}
header.top-bar .center-info .bg-player {
  float: right;
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 1px;
  height: 28px;
  padding: 0;
}
header.top-bar .center-info .bg-player .player-button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 28px;
  height: 28px;
  text-align: center;
  float: right;
  line-height: 28px;
  margin-left: 1px;
  font-size: 11px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  background-color: rgba(0, 0, 0, 0.06);
}
header.top-bar .center-info .bg-player .player-button span {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  left: 0px;
  top: 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.26);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
header.top-bar .center-info .bg-player .player-button span:last-child {
  top: -28px;
  color: #ffffff;
}
header.top-bar .center-info .bg-player .player-button:hover {
  background-color: #e74c3c;
}
header.top-bar .center-info .bg-player .player-button:hover span:first-child {
  top: 28px;
}
header.top-bar .center-info .bg-player .player-button:hover span:last-child {
  top: 0px;
}
header.top-bar .center-info .bg-player .volume {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
}
header.top-bar .center-info .bg-player .volume span {
  color: #ffffff;
}
header.top-bar .center-info .bg-player .player-button.forward span {
  -webkit-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  top: 0;
  left: 0;
}
header.top-bar .center-info .bg-player .player-button.forward span:last-child {
  top: 0;
  left: -28px;
}
header.top-bar .center-info .bg-player .player-button:hover.forward span {
  top: 0;
  left: 28px;
}
header.top-bar .center-info .bg-player .player-button:hover.forward span:last-child {
  top: 0;
  left: 0px;
}
header.top-bar .center-info .bg-player .player-button.backward span {
  overflow: visible;
}
header.top-bar .center-info .bg-player .player-button.backward span {
  -webkit-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  top: 0;
  left: 0;
}
header.top-bar .center-info .bg-player .player-button.backward span:last-child {
  top: 0;
  left: 28px !important;
}
header.top-bar .center-info .bg-player .player-button:hover.backward span {
  top: 0;
  left: -28px !important;
}
header.top-bar .center-info .bg-player .player-button:hover.backward span:last-child {
  top: 0;
  left: 0px !important;
}
header.top-bar .full-width-info {
  display: inline-block;
  position: absolute;
  top: 0;
  line-height: 20px;
  padding: 5px 10px;
}
header.top-bar .left {
  left: 0;
}
header.top-bar .right {
  right: 0;
}
/* END top bar */
.top-banner-area {
  margin: 30px auto;
  min-height: 60px;
  max-width: 960px;
}
.event-counter {
  float: right;
  position: relative;
  -webkit-perspective: 640px;
  -moz-perspective: 640px;
  -ms-perspective: 640px;
  -o-perspective: 640px;
  perspective: 640px;
}
.event-counter:hover .event-more {
  color: white;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
}
.event-counter .event-more {
  float: right;
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 61px;
  text-align: center;
  overflow: hidden;
  color: white;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000);
  background-color: rgba(0, 0, 0, 0.26);
}
.event-counter .event-more span {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 61px;
  text-align: center;
  top: 0;
  left: 0px;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.event-counter .event-more span:last-child {
  top: -60px;
  color: #ffffff;
}
.event-counter .event-more:hover {
  color: white;
  background-color: #e74c3c;
}
.event-counter .event-more:hover span {
  top: 60px;
}
.event-counter .event-more:hover span:last-child {
  top: 0;
}
.event-counter .counter {
  position: absolute;
  right: 60px;
  width: 244px;
  height: 60px;
}
.event-counter .counter .cell {
  height: 60px;
  width: 60px;
  text-align: center;
  position: relative;
  color: white;
  float: left;
  margin-right: 1px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000);
  background-color: rgba(0, 0, 0, 0.26);
}
.event-counter .counter .cell strong {
  position: absolute;
  display: inline-block;
  line-height: 30px;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  top: 8px;
  left: 0;
  right: 0;
}
.event-counter .counter .cell span {
  position: absolute;
  display: inline-block;
  line-height: 20px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 300;
  top: 36px;
  left: 0;
  right: 0;
  font-size: 11px;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
}
.event-counter .event-label {
  display: block;
  height: 60px;
  position: absolute;
  top: 0;
  right: 305px;
  line-height: 60px;
  padding: 0 20px;
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-size: 11px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
  min-width: 130px;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: rotateY(-68deg);
  -moz-transform: rotateY(-68deg);
  -ms-transform: rotateY(-68deg);
  -o-transform: rotateY(-68deg);
  transform: rotateY(-68deg);
  -webkit-transition: -webkit-transform 0.15s linear;
  -moz-transition: -moz-transform 0.15s linear;
  -ms-transition: -ms-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  transition: transform .15s linear;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  box-transition: all 200ms linear;
}
.event-counter:hover .event-label {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/* BEGIN basic layout */
.content-wrap {
  margin: 0 auto;
  position: relative;
  max-width: 960px;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.02), inset 0 1px 0 0px #ffffff;
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.02), inset 0 1px 0 0px #ffffff;
  -o-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.02), inset 0 1px 0 0px #ffffff;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.02), inset 0 1px 0 0px #ffffff;
}
.content-wrap .main-container {
  clear: both;
  padding: 0 40px 40px 40px;
  background-color: #ffffff;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff);
  background-color: rgba(255, 255, 255, 0.86);
  max-width: 960px;
}
.content-wrap .main-container img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.content-wrap .main-container content {
  float: left;
  width: 65%;
  width: 100%;
  padding-right: 40px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.content-wrap .main-container aside {
  float: left;
  width: 35%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.content-wrap .main-container span.clear {
  clear: both;
  overflow: hidden;
  width: 100%;
  display: block;
  height: 0px;
}
.content-wrap .main-container > :nth-child(2) {
  padding-right: 40px;
}
.content-wrap footer {
  max-width: 960px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
}
/* BEGIN basic layout */
/* BEGIN prime nav */
.bb-mobile-nav {
  display: none;
    font-family:AMitra;
	  font-family:AMitra;
}
.content-wrap .main-container header {
  display: block;
  float: right;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  direction:rtl;
  font-family:AMitra;
}
.content-wrap .main-container header nav {
  display: block;
  margin-bottom: 40px;
  float: right;
  width: 100%;
}
.content-wrap .main-container header nav ul {
  margin: 0;
  list-style-type: none;
  padding: 0px;
  display: block;
  float: right;
  width: 100%;
  /*.bluebox-border-bottom();*/

  -webkit-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
    direction:rtl;

}
.content-wrap .main-container header nav ul li {
  float: left;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}
.content-wrap .main-container header nav ul li:after {
  content: '/';
  font-weight: normal;
  position: absolute;
  display: block;
  top: 25px;
  right: 0px;
  color: #000000;
  color: rgba(0, 0, 0, 0.12);
}
.content-wrap .main-container header nav ul li:last-child,
.content-wrap .main-container header nav ul li:last-child a {
  margin: 0;
}
.content-wrap .main-container header nav ul li:last-child:after {
  content: '';
  display: none;
}
.content-wrap .main-container header nav ul li a {
  display: inline-block;
  padding: 25px 0;
  margin-right: 25px;
  -webkit-transition: box-shadow 200ms linear, color 200ms linear;
  -moz-transition: box-shadow 200ms linear, color 200ms linear;
  -o-transition: box-shadow 200ms linear, color 200ms linear;
  -ms-transition: box-shadow 200ms linear, color 200ms linear;
  box-transition: box-shadow 200ms linear, color 200ms linear;
}
.content-wrap .main-container header nav ul li a:hover {
  -webkit-box-shadow: inset 0 -1px 0 0 #e74c3c;
  -moz-box-shadow: inset 0 -1px 0 0 #e74c3c;
  -o-box-shadow: inset 0 -1px 0 0 #e74c3c;
  box-shadow: inset 0 -1px 0 0 #e74c3c;
}
.content-wrap .main-container header nav ul li a:hover i {
  color: #e74c3c;
  -webkit-transition: color 200ms linear;
  -moz-transition: color 200ms linear;
  -o-transition: color 200ms linear;
  -ms-transition: color 200ms linear;
  box-transition: color 200ms linear;
}
.content-wrap .main-container header nav ul li a i {
  color: #000000;
  color: rgba(0, 0, 0, 0.26);
  margin-right: 6px;
}
.content-wrap .main-container header nav ul li.sub-nav a:hover {
  /*.box-shadow(none);*/

}
.content-wrap .main-container header nav ul li.current-item > a {
  color: #e74c3c;
  -webkit-box-shadow: inset 0 -1px 0 0 #e74c3c;
  -moz-box-shadow: inset 0 -1px 0 0 #e74c3c;
  -o-box-shadow: inset 0 -1px 0 0 #e74c3c;
  box-shadow: inset 0 -1px 0 0 #e74c3c;
}
.content-wrap .main-container header nav ul li > ul {
  height: 0;
  z-index: -1;
  display: block;
  width: 200px;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  background-color: #ffffff;
  left: -10px;
  margin-top: -11px;
  border-bottom: 0;
  -webkit-box-shadow: inset 0 1px 0 0 #e74c3c, 0px 3px 20px -3px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: inset 0 1px 0 0 #e74c3c, 0px 3px 20px -3px rgba(0, 0, 0, 0.26);
  -o-box-shadow: inset 0 1px 0 0 #e74c3c, 0px 3px 20px -3px rgba(0, 0, 0, 0.26);
  box-shadow: inset 0 1px 0 0 #e74c3c, 0px 3px 20px -3px rgba(0, 0, 0, 0.26);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.content-wrap .main-container header nav ul li > ul:after {
  content: '';
  position: absolute;
  z-index: 501;
  top: -5px;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e74c3c;
}
.content-wrap .main-container header nav ul li > ul:before {
  content: '';
  position: absolute;
  z-index: 502;
  top: -4px;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
}
.content-wrap .main-container header nav ul li > ul li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 1px solid #000000;
  border-color: #000000;
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  border-color: rgba(0, 0, 0, 0.06);
  border-left: none;
  border-top: none;
  border-right: none;
}
.content-wrap .main-container header nav ul li > ul li:last-child {
  border-bottom: none;
}
.content-wrap .main-container header nav ul li > ul li:after {
  content: '';
  display: none;
}
.content-wrap .main-container header nav ul li > ul li i.icon-chevron-right {
  position: absolute;
  top: 15px;
  right: 12px;
  font-size: 11px;
  color: #000000;
  color: rgba(0, 0, 0, 0.12);
  -webkit-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.content-wrap .main-container header nav ul li > ul li:hover i.icon-chevron-right {
  right: 10px;
  color: #e74c3c;
}
.content-wrap .main-container header nav ul li > ul li a {
  padding: 10px 15px;
  line-height: 20px;
  margin: 0;
  display: block;
  font-weight: normal;
  text-transform: none;
  font-size: 13px;
  -webkit-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.content-wrap .main-container header nav ul li > ul li a:hover {
  /*padding: 10px 12px;*/

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.content-wrap .main-container header nav ul li > ul li ul {
  left: 100%;
  top: 0px;
  z-index: 503;
  display: block;
}
.content-wrap .main-container header nav ul li > ul li ul:before,
.content-wrap .main-container header nav ul li > ul li ul:after {
  content: '';
  display: none;
}
.content-wrap .main-container header nav ul li > ul li.current-item > a {
  background-color: #e74c3c !important;
  color: white !important;
}
.content-wrap .main-container header nav ul li > ul li.current-item > a i.icon-chevron-right {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.26);
}
.content-wrap .main-container header nav ul li > ul li.current-item > a:hover i.icon-chevron-right {
  color: white;
}
.content-wrap .main-container header nav ul li:hover > ul {
  height: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  margin-top: -1px;
  z-index: 500;
}
.content-wrap .main-container header nav:hover > ul > li > ul {
  /*z-index:500;*/

}
/* END prime nav */
/* BEGIN slider */
.bluebox-slider {
  overflow: hidden;
}
.bluebox-slider .bullets-wrap,
.bluebox-slider .arrow-links-wrap,
.bluebox-slider .slider-caption {
  z-index: 1;
}
.bluebox-slider .swiper-slide,
.bluebox-slider .swiper-wrapper {
  position: relative;
  height: auto !important;
}
.bluebox-slider .slider-caption .caption-item {
  height: 0;
  opacity: 0;
  left: 20px;
  right: 20px;
  position: absolute;
  top: 10px;
  -webkit-transition: opacity 0.52 ease;
  -moz-transition: opacity 0.52 ease;
  -o-transition: opacity 0.52 ease;
  -ms-transition: opacity 0.52 ease;
  box-transition: opacity 0.52 ease;
}
.bluebox-slider .slider-caption .caption-item.current-slide-caption {
  position: relative;
  height: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  top: auto;
  left: auto;
  right: auto;
}
.bluebox-slider .slider-caption .caption-item.fadingaway-slide-caption {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.bb-slider {
  background-color: black;
  padding: 10px;
  position: relative;
  margin-bottom: 40px;
}
.bb-slider .image-wrap {
  overflow: hidden;
}
.bb-slider .image-wrap img {
  display: block;
  width: 100%;
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .bullets-wrap {
  position: absolute;
  top: 11px;
  right: 11px;
  padding: 10px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .bullets-wrap ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}
.bb-slider .bullets-wrap ul li {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}
.bb-slider .bullets-wrap ul li a {
  display: block;
  position: relative;
  height: 20px;
  width: 20px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .bullets-wrap ul li a:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
}
.bb-slider .bullets-wrap ul li:last-child {
  margin-bottom: 0;
}
.bb-slider .bullets-wrap ul li.current a {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
  -o-box-shadow: inset 0px 0px 0px 1px #ffffff;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
}
.bb-slider .bullets-wrap ul li.current a:after {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  width: 2px;
  top: 9px;
  left: 9px;
  background-color: white;
}
.bb-slider .slider-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px 20px 20px;
  font-size: 18px;
  color: #ffffff;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
  -webkit-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .slider-caption h2 {
  margin: 0 0px 15px 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.bb-slider .slider-caption h2 a {
  color: white;
}
.bb-slider .slider-caption h2 a:hover {
  color: #e74c3c;
}
.bb-slider .slider-caption .bluebox-info-line {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
  padding: 17px 0px 0px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.bb-slider .slider-caption .bluebox-info-line a {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
}
.bb-slider .slider-caption .bluebox-info-line a:hover {
  color: #e74c3c;
}
.bb-slider .slider-caption .bluebox-info-line a.more-link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  margin-right: -10px;
  -webkit-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .slider-caption .bluebox-info-line a.more-link i {
  margin-right: 6px;
}
.bb-slider:hover .image-wrap img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.bb-slider:hover .bullets-wrap {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000);
  background-color: rgba(0, 0, 0, 0.26);
}
.bb-slider:hover .bullets-wrap:hover {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  background-color: rgba(0, 0, 0, 0.5);
}
.bb-slider:hover .slider-caption {
  background-color: black;
}
.bb-slider:hover .slider-caption .bluebox-info-line a.more-link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  margin-right: 0;
}
/* END slider */
/* BEGIN slider 2 */
.bb-slider-2 {
  position: relative;
  margin-bottom: 40px;
}
.bb-slider-2 img {
  display: block;
  width: 100%;
}
.bb-slider-2 .slider-caption {
  position: absolute;
  margin-right: 123px;
  left: 1px;
  padding: 20px;
  bottom: 0px;
  color: #ffffff;
  -webkit-transition: background-color 200ms;
  -moz-transition: background-color 200ms;
  -o-transition: background-color 200ms;
  -ms-transition: background-color 200ms;
  box-transition: background-color 200ms;
}
.bb-slider-2 .slider-caption h2 {
  font-size: 35px;
  font-weight: 600;
  margin: 0;
  font-family:AMitra;
}
.bb-slider-2 .slider-caption h2 span {
  -webkit-transition: background-color 200ms, color 200ms;
  -moz-transition: background-color 200ms, color 200ms;
  -o-transition: background-color 200ms, color 200ms;
  -ms-transition: background-color 200ms, color 200ms;
  box-transition: background-color 200ms, color 200ms;
  /*.bg-rgba(black, 0);*/

  line-height: 48px;
  -webkit-text-shadow: 0px 0px 20px #000000;
  -moz-text-shadow: 0px 0px 20px #000000;
  -o-text-shadow: 0px 0px 20px #000000;
  text-shadow: 0px 0px 20px #000000;
}
.bb-slider-2 .slider-caption h2 a {
  color: white;
}
.bb-slider-2 .slider-caption h2 a:hover {
  color: #e74c3c;
}
.bb-slider-2:hover .slider-caption span {
  /*.bg-rgba(black, 0.5);*/

}
.bb-slider-2 .bullets-wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider-2 .bullets-wrap ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}
.bb-slider-2 .bullets-wrap ul li {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}
.bb-slider-2 .bullets-wrap ul li a {
  display: block;
  position: relative;
  height: 20px;
  width: 20px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider-2 .bullets-wrap ul li a:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
}
.bb-slider-2 .bullets-wrap ul li:last-child {
  margin-bottom: 0;
}
.bb-slider-2 .bullets-wrap ul li.current a {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
  -o-box-shadow: inset 0px 0px 0px 1px #ffffff;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
}
.bb-slider-2 .bullets-wrap ul li.current a:after {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  width: 2px;
  top: 9px;
  left: 9px;
  background-color: white;
}
.bb-slider-2:hover .bullets-wrap {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000);
  background-color: rgba(0, 0, 0, 0.26);
}
.bb-slider-2:hover .bullets-wrap:hover {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  background-color: rgba(0, 0, 0, 0.5);
}
.arrow-links-wrap {
  position: absolute;
  right: 1px;
  bottom: 1px;
  height: 60px;
  width: 121px;
}
.arrow-right-link,
.arrow-left-link {
  position: relative;
  overflow: hidden;
  display: block;
  height: 60px;
  width: 60px;
  float: left;
}
.arrow-right-link span,
.arrow-left-link span {
  display: block;
  height: 60px;
  width: 60px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
}
.arrow-right-link span {
  background-image: url(images/arrow-right.svg);
  background-position: 24px center;
  -webkit-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.arrow-right-link span:last-child {
  left: -60px;
}
.arrow-right-link:hover span {
  left: 60px;
}
.arrow-right-link:hover span:last-child {
  left: 0;
}
.arrow-left-link {
  margin-right: 1px;
}
.arrow-left-link span {
  background-image: url(images/arrow-left.svg);
  background-position: 6px center;
  -webkit-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.arrow-left-link span:last-child {
  right: -60px;
}
.arrow-left-link:hover span {
  right: 60px;
}
.arrow-left-link:hover span:last-child {
  right: 0;
}
.bb-slider-2:hover .arrow-right-link,
.bb-slider-2:hover .arrow-left-link {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  background-color: rgba(0, 0, 0, 0.5);
}
.bb-slider-2:hover .arrow-right-link:hover,
.bb-slider-2:hover .arrow-left-link:hover {
  background-color: #e74c3c;
}
/* END slider 2 */
/* BEGIN bluebox heading */
.bluebox-heading {
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #000000;
  border-color: #000000;
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  border-color: rgba(0, 0, 0, 0.06);
  border-left: none;
  border-top: none;
  border-right: none;
    direction:rtl;
}
.bluebox-heading h3 {
  margin: 0;
  padding-bottom: 17px;
  display: inline-block;
  -webkit-box-shadow: 0 1px 0 0 #000000;
  -moz-box-shadow: 0 1px 0 0 #000000;
  -o-box-shadow: 0 1px 0 0 #000000;
  box-shadow: 0 1px 0 0 #000000;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  font-family:wdsaudi;
  direction:rtl;
text-align:right;
}
.bluebox-heading a {
  float: left;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 300;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.bluebox-heading a:hover {
  color: #e74c3c;
}
.bluebox-heading i {
  margin-left: 6px;
}
/* END bluebox heading */
.content-row,
.widget-wrap {
  margin-bottom: 40px;
}
.content-row:last-child,
.widget-wrap:last-child {
  margin-bottom: 0;
}
/* BEGIN featured post */
section.featured-post > a {
  display: block;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
section.featured-post .image-details {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #e74c3c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post .image-details:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
  filter: alpha(opacity=86);
  opacity: 0.86;
  cursor: url(images/plus.svg) 15 15, pointer;
}
section.featured-post img {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
section.featured-post p {
  margin-bottom: 0;
}
section.featured-post h1 {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-transform: none;
}
section.featured-post .bluebox-info-line {
  position: relative;
  -webkit-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post .featured-post-date {
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post .featured-post-author {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  left: -10px;
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post:hover .bluebox-info-line {
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#ff000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#ff000000);
  border-color: #000000;
}
section.featured-post:hover .bluebox-info-line span.featured-post-date {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  margin-left: 10px;
}
section.featured-post:hover .bluebox-info-line span.featured-post-author {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  left: 0px;
}
/* END featured post */
/* BEGIN events */
.events-list .event {
  display: block;
  position: relative;
  min-height: 90px;
  margin-bottom: 1px;
}
.events-list .event:last-child {
  margin: 0;
}
.events-list .event .date {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  text-align: center;
  background-color: #e74c3c;
  color: white;
}
.events-list .event .date strong {
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  line-height: 30px;
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  z-index: 2;
}
.events-list .event .date span.month {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 2;
  right: 0;
}
.events-list .event .date span.details {
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 0px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42ffffff, endColorstr=#42ffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42ffffff, endColorstr=#42ffffff);
  background-color: rgba(255, 255, 255, 0.26);
  -webkit-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.events-list .event .details {
  position: relative;
  z-index: 1;
  min-height: 90px;
  margin-left: 61px;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff);
  background-color: #ffffff;
  padding: 16px 20px 20px 20px;
  -webkit-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.events-list .event .details h1 {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  color: #e74c3c;
  margin: 0;
  display: block;
}
.events-list .event .details h1 a {
  color: #e74c3c;
}
.events-list .event .details h1 a:hover {
  color: #000000;
}
.events-list .event .details span {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  font-weight: normal;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  margin-top: 4px;
  display: inline-block;
}
.events-list .event .details span i {
  color: #000000;
  margin-right: 6px;
}
.events-list .event:hover .date span.details {
  width: 60px;
}
.events-list .event:hover .details {
  padding-left: 15px;
}
.events-list .event .more-link {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 300;
  position: absolute;
  right: 0px;
  bottom: 10px;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.events-list .event .more-link:hover {
  color: #e74c3c;
}
.events-list .event:hover .more-link {
  right: 15px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.events-page .event {
  min-height: 120px;
}
.events-page .event .details {
  min-height: 120px;
}
.events-page .event .details .icon-time,
.events-page .event .details .icon-calendar {
  margin-left: 10px;
}
.events-page .event .details h1 {
  margin-right: 100px;
}
.events-page .event .details .rating {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  width: 100px;
  height: 10px;
  position: absolute;
  top: 20px;
  right: 10px;
}
.events-page .event .details .rating li {
  display: block;
  height: 10px;
  width: 10px;
  float: left;
  margin-right: 10px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
}
.events-page .event .details .rating li.fill {
  background-color: #e74c3c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.events-page .event .details .rating li:last-child {
  margin: 0;
}
.events-page .event .buttons {
  margin-top: 17px;
  height: 30px;
  width: 100%;
}
.events-page .event .buttons a {
  line-height: 27px;
  height: 27px;
  padding: 0 10px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.events-page .event .buttons a.default {
  -webkit-box-shadow: 0px 0px 0px 1px #e74c3c;
  -moz-box-shadow: 0px 0px 0px 1px #e74c3c;
  -o-box-shadow: 0px 0px 0px 1px #e74c3c;
  box-shadow: 0px 0px 0px 1px #e74c3c;
  color: #e74c3c;
}
.events-page .event .buttons a.default:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #e74c3c;
  -moz-box-shadow: 0px 0px 0px 1px #e74c3c;
  -o-box-shadow: 0px 0px 0px 1px #e74c3c;
  box-shadow: 0px 0px 0px 1px #e74c3c;
  color: white;
  background-color: #e74c3c;
}
.events-page .event .buttons span {
  line-height: 27px;
  height: 27px;
  display: inline-block;
  float: left;
  text-transform: none;
  margin-right: 10px;
  font-weight: 400;
}
.events-page .event .buttons span.label-cancelled {
  padding: 0;
  color: #ef0038;
}
.events-page .event .buttons span.label-sold-out {
  padding: 0 10px;
  background-color: #63c2fe;
  color: white;
}
.events-page .cancelled .date {
  background-color: #000000;
}
.events-single-page {
  margin-bottom: 30px;
  margin-left: -39px;
  position: relative;
  overflow: hidden;
}
.events-single-page > img {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.events-single-page section {
  bottom: 1px !important;
  right: 1px !important;
  left: 40px !important;
  position: absolute !important;
}
.events-single-page:hover > img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
/* END events */
/* BEGIN audio */
.audio-tracks-wrap > div {
  height: 60px;
  overflow: hidden;
  position: relative;
  padding-left: 61px;
  margin-bottom: 1px;
  width: 100%;
}
.audio-tracks-wrap > div:last-child {
  margin-bottom: 0;
}
.audio-tracks-wrap > div .button {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  background-color: #e74c3c;
}
.audio-tracks-wrap > div .button:hover {
  background-color: #000000;
}
.audio-tracks-wrap > div .details {
  height: 60px;
  width: 100%;
  padding: 0 10px 10px 10px;
  position: relative;
  background-color: #ffffff;
}
.audio-tracks-wrap > div .details h4 {
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
  display: inline-block;
  margin-top: 13px;
}
.audio-tracks-wrap > div .details .track-progress-bar {
  background-color: black;
  height: 6px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
.audio-tracks-wrap > div .details .track-progress-bar a {
  display: block;
  margin: 1px;
  position: relative;
  height: 4px;
}
.audio-tracks-wrap > div .details .track-progress-bar a span {
  display: block;
  height: 4px;
  background-color: #e74c3c;
}
.audio-tracks-wrap > div .button span {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: white;
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.audio-tracks-wrap > div .button span:last-child {
  top: -60px;
}
.audio-tracks-wrap > div .button:hover span {
  top: 60px;
}
.audio-tracks-wrap > div .button:hover span:last-child {
  top: 0px;
}
.audio-tracks-wrap > div.current .button {
  background-color: black;
}
.audio-page > div {
  padding-right: 271px;
}
.audio-page > div .buttons-wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 271px;
  height: 60px;
  padding: 16px 6px 17px 0;
  text-align: right;
  background-color: #ffffff;
}
.audio-page > div .buttons-wrap a {
  line-height: 27px;
  height: 27px;
  padding: 0 10px;
  display: inline-block;
  margin-right: 10px;
  -webkit-box-shadow: 0px 0px 0px 1px #e74c3c;
  -moz-box-shadow: 0px 0px 0px 1px #e74c3c;
  -o-box-shadow: 0px 0px 0px 1px #e74c3c;
  box-shadow: 0px 0px 0px 1px #e74c3c;
  color: #e74c3c;
}
.audio-page > div .buttons-wrap a:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #e74c3c;
  -moz-box-shadow: 0px 0px 0px 1px #e74c3c;
  -o-box-shadow: 0px 0px 0px 1px #e74c3c;
  box-shadow: 0px 0px 0px 1px #e74c3c;
  color: white;
  background-color: #e74c3c;
}
.audio-page > div.plus-number {
  padding-right: 271px;
}
.audio-page > div.plus-number .buttons-wrap {
  right: 61px;
  width: 210px;
}
.audio-page > div.plus-number .number {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  color: rgba(0, 0, 0, 0.12);
}
/* END audio */
/* BEGIN video */
.video-wrap {
  background-color: black;
  padding: 10px;
}
.video-wrap .video-container {
  width: 100%;
}
.video-wrap .video-container img {
  width: 100%;
  cursor: pointer;
}
/* END video */
/* BEGIN gallery */
.gallery-wrap {
  background-color: #ffffff;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.gallery-wrap .image-wrap {
  width: 100%;
}
.gallery-wrap .image-wrap a.image-link {
  display: block;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.gallery-wrap .image-wrap a.image-link img {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-wrap .image-wrap a.image-link .image-details {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #e74c3c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-wrap .image-wrap a.image-link .image-details:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
  filter: alpha(opacity=86);
  opacity: 0.86;
  cursor: url(images/zoom.svg) 15 15, pointer;
  cursor: url(images/plus.svg) 15 15, pointer;
}
.gallery-wrap .image-wrap .gallery-caption {
  position: absolute;
  left: 0px;
  bottom: -10px;
  right: 0px;
  padding: 16px 20px 16px 30px;
  background-color: #ffffff;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff);
  background-color: rgba(255, 255, 255, 0.86);
  -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-wrap .image-wrap .gallery-caption h4 {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-transform: none;
  margin-bottom: 1px;
}
.gallery-wrap .image-wrap .gallery-caption span {
  font-size: 11px;
  text-transform: uppercase;
  padding: 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-wrap .image-wrap .gallery-caption span a {
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
}
.gallery-wrap .image-wrap .gallery-caption span a.more-link {
  float: right;
}
.gallery-wrap:hover .image-wrap .gallery-caption {
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff);
  background-color: #ffffff;
  display: inline-block;
  bottom: 0px;
}
.gallery-wrap:hover .image-wrap .gallery-caption span {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.gallery-wrap:hover a.image-link img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.band-member .image-wrap a.image-link .image-details:hover {
  cursor: url(images/plus.svg) 15 15, pointer;
}
.band-member .image-wrap .gallery-caption {
  text-align: center;
  padding: 16px 20px 16px 20px;
}
.band-member .image-wrap .gallery-caption span {
  border-top: 1px solid #e74c3c;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.band-member:hover .image-wrap .gallery-caption span {
  padding-top: 6px;
  margin-top: 7px;
}
/* END gallery */
/* BEGIN discography */
.album-wrap {
  overflow: hidden;
  position: relative;
  border:2px solid #cdcdcd;
}
.album-wrap img {
  width: 100%;
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.album-wrap .tracks-list {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 200ms;
  -moz-transition: background-color 200ms;
  -o-transition: background-color 200ms;
  -ms-transition: background-color 200ms;
  box-transition: background-color 200ms;
  background-image: url(images/album-tracks.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.album-wrap .album-caption {
  padding: 18px 20px 16px 20px;
  position: absolute;
  right: 0;
  font-family:AMitra;
  bottom: 0;
  color: white;
  direction:rtl;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 200ms;
  -moz-transition: background-color 200ms;
  -o-transition: background-color 200ms;
  -ms-transition: background-color 200ms;
  box-transition: background-color 200ms;
}
.album-wrap .album-caption h4 {
  color: white;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
    font-family:AMitra;
}
.album-wrap .album-caption h4 a {
  color: white;
}
.album-wrap .album-caption h4 a:hover {
  color: #e74c3c;
}
.album-wrap .album-caption span {

  • 4lirezaM

    آفلاین
    عضو
    تعداد نوشته‌ها: ۱۵
    # نوشته شده: ۹ سال پیش
    ۱۰ آبان ۱۳۹۳ - ۱۶:۱۵

    4lirezaM گفت:

    اون دستور توش زیاد تکرار شده اینم فایلش

    /*
Theme Name: پوسته حرفه ای موزیک
Theme URI:http://ig-net.com
Version: 1.0
Author: hosseinrezaeian
Author URI: http://www.pro-design.ir

کسی نبود ؟
*/

@font-face {
 font-family: 'AMitra';
 src: url('fonts/AMitra.eot');
 src: local('a mitra'), url('fonts/AMitra.woff') format('woff'), url('fonts/AMitra.ttf') format('truetype'), url('AMitra.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
@font-face {
 font-family: 'wdsaudi';
 src: url('fonts/wdsaudi.eot');
 src: local('b wdsaudi'), url('fonts/wdsaudi.woff') format('woff'), url('fonts/wdsaudi.ttf') format('truetype'), url('wdsaudi.svg') format('svg');
 font-weight: normal;
 font-style: normal;
}
.row {
  margin-right: -20px !important;
  margin-left: -20px !important;
}
.col-md-12,
.col-md-8,
.col-md-6,
.col-md-4 {
  padding-right: 20px !important;
  padding-left: 20px !important;
}
.banerads{
width:100%;
margin-bottom:02px;

}
.banerads img{
width:96%;
margin-bottom:10px;
margin-left:17px;
border:6px solid #cbcbcb;
 -webkit-transition: border-color 0.13s ease-in-out;
  -moz-transition: border-color 0.13s ease-in-out;
  -ms-transition: border-color 0.13s ease-in-out;
  -o-transition: border-color 0.13s ease-in-out;
  transition: border-color 0.13s ease-in-out;
}
.banerads img:hover{
width:96%;
margin-bottom:10px;
margin-left:17px;
border:6px solid #ae2019;
 -webkit-transition: border-color 0.13s ease-in-out;
  -moz-transition: border-color 0.13s ease-in-out;
  -ms-transition: border-color 0.13s ease-in-out;
  -o-transition: border-color 0.13s ease-in-out;
  transition: border-color 0.13s ease-in-out;
}
html {
  background-color: #211e1c;
}
html.has-video {
  background-color: inherit;
}
html.has-video body {
  background-color: inherit;
  background-image: inherit;
  background-position: inherit;
  background-repeat: inherit;
  background-attachment: inherit;
}
.visibility {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.border-bottom {
  border-left: none;
  border-top: none;
  border-right: none;
}
.bluebox-border-bottom {
  border: 1px solid #000000;
  border-color: #000000;
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  border-color: rgba(0, 0, 0, 0.06);
  border-left: none;
  border-top: none;
  border-right: none;

}
img {
  max-width: 100%;
}
body {
  background-color: #211e1c;
  background-image: url('images/background-image.jpg');
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: 'Open Sans', sans-serif !important;
  font-size: 13px;
  color: #000000;
  /* .rgba(@bluebox-text-option, 0.5); */

  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  /*-webkit-transform: translateZ(0);
	.visibility;*/

}
body img {
  max-width: 100%;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6,
body .h1,
body .h2,
body .h3,
body .h4,
body .h5,
body .h6 {
  font-family: 'Open Sans', sans-serif;
}
body a {
  color: #000000;
  -webkit-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: color 200ms linear, background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
body footer a {
  color: white;
}
body footer a:hover {
  color: #e74c3c;
}
body a,
body a:hover {
  text-decoration: none;
}
body a:hover {
  color: #e74c3c;
}
.clear {
  clear: both;
  overflow: hidden;
  width: 100%;
  display: block;
  height: 0px;
}
.padding-fix {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.std-heading {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}
.section-heading {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-transform: none;
}
.std-label {
  font-size: 11px;
  font-weight: 300;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.bluebox-info-line {
  font-size: 11px;
  text-transform: uppercase;
  padding: 12px 0 17px 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  border: 1px solid #000000;
  border-color: #000000;
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  border-color: rgba(0, 0, 0, 0.06);
  border-left: none;
  border-top: none;
  border-right: none;
}
.bluebox-info-line a {
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
}
.bluebox-info-line a.more-link {
  float: right;
}
.bluebox-extra-info {
  font-size: 11px;
  text-transform: uppercase;
  padding: 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
}
.bluebox-extra-info a {
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
}
.bluebox-extra-info a.more-link {
  float: right;
}
.normal-text {
  font-weight: normal;
  text-transform: none;
  font-size: 13px;
}
/* BEGIN top bar */
header.top-bar {
  height: 30px;
  position: relative;
  font-size: 13px;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  background-color: #ffffff;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff);
  background-color: rgba(255, 255, 255, 0.86);
  -webkit-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.02);
  -moz-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.02);
  -o-box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.02);
  box-shadow: 0 10px 0 0 rgba(0, 0, 0, 0.02);
}
header.top-bar .center-info {
  margin: 0 auto;
  line-height: 20px;
  min-height: 30px;
  padding: 5px 0;
  position: relative;
  max-width: 960px;
}
header.top-bar .center-info .bg-player {
  float: right;
  position: absolute;
  top: 1px;
  right: 0;
  bottom: 1px;
  height: 28px;
  padding: 0;
}
header.top-bar .center-info .bg-player .player-button {
  display: inline-block;
  position: relative;
  overflow: hidden;
  width: 28px;
  height: 28px;
  text-align: center;
  float: right;
  line-height: 28px;
  margin-left: 1px;
  font-size: 11px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  background-color: rgba(0, 0, 0, 0.06);
}
header.top-bar .center-info .bg-player .player-button span {
  position: absolute;
  display: block;
  width: 28px;
  height: 28px;
  line-height: 28px;
  text-align: center;
  left: 0px;
  top: 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.26);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
header.top-bar .center-info .bg-player .player-button span:last-child {
  top: -28px;
  color: #ffffff;
}
header.top-bar .center-info .bg-player .player-button:hover {
  background-color: #e74c3c;
}
header.top-bar .center-info .bg-player .player-button:hover span:first-child {
  top: 28px;
}
header.top-bar .center-info .bg-player .player-button:hover span:last-child {
  top: 0px;
}
header.top-bar .center-info .bg-player .volume {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
}
header.top-bar .center-info .bg-player .volume span {
  color: #ffffff;
}
header.top-bar .center-info .bg-player .player-button.forward span {
  -webkit-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  top: 0;
  left: 0;
}
header.top-bar .center-info .bg-player .player-button.forward span:last-child {
  top: 0;
  left: -28px;
}
header.top-bar .center-info .bg-player .player-button:hover.forward span {
  top: 0;
  left: 28px;
}
header.top-bar .center-info .bg-player .player-button:hover.forward span:last-child {
  top: 0;
  left: 0px;
}
header.top-bar .center-info .bg-player .player-button.backward span {
  overflow: visible;
}
header.top-bar .center-info .bg-player .player-button.backward span {
  -webkit-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  top: 0;
  left: 0;
}
header.top-bar .center-info .bg-player .player-button.backward span:last-child {
  top: 0;
  left: 28px !important;
}
header.top-bar .center-info .bg-player .player-button:hover.backward span {
  top: 0;
  left: -28px !important;
}
header.top-bar .center-info .bg-player .player-button:hover.backward span:last-child {
  top: 0;
  left: 0px !important;
}
header.top-bar .full-width-info {
  display: inline-block;
  position: absolute;
  top: 0;
  line-height: 20px;
  padding: 5px 10px;
}
header.top-bar .left {
  left: 0;
}
header.top-bar .right {
  right: 0;
}
/* END top bar */
.top-banner-area {
  margin: 30px auto;
  min-height: 60px;
  max-width: 960px;
}
.event-counter {
  float: right;
  position: relative;
  -webkit-perspective: 640px;
  -moz-perspective: 640px;
  -ms-perspective: 640px;
  -o-perspective: 640px;
  perspective: 640px;
}
.event-counter:hover .event-more {
  color: white;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
}
.event-counter .event-more {
  float: right;
  position: relative;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 61px;
  text-align: center;
  overflow: hidden;
  color: white;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000);
  background-color: rgba(0, 0, 0, 0.26);
}
.event-counter .event-more span {
  position: absolute;
  display: block;
  width: 60px;
  height: 60px;
  line-height: 61px;
  text-align: center;
  top: 0;
  left: 0px;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.event-counter .event-more span:last-child {
  top: -60px;
  color: #ffffff;
}
.event-counter .event-more:hover {
  color: white;
  background-color: #e74c3c;
}
.event-counter .event-more:hover span {
  top: 60px;
}
.event-counter .event-more:hover span:last-child {
  top: 0;
}
.event-counter .counter {
  position: absolute;
  right: 60px;
  width: 244px;
  height: 60px;
}
.event-counter .counter .cell {
  height: 60px;
  width: 60px;
  text-align: center;
  position: relative;
  color: white;
  float: left;
  margin-right: 1px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000);
  background-color: rgba(0, 0, 0, 0.26);
}
.event-counter .counter .cell strong {
  position: absolute;
  display: inline-block;
  line-height: 30px;
  width: 100%;
  font-size: 24px;
  font-weight: 700;
  top: 8px;
  left: 0;
  right: 0;
}
.event-counter .counter .cell span {
  position: absolute;
  display: inline-block;
  line-height: 20px;
  width: 100%;
  text-transform: uppercase;
  font-weight: 300;
  top: 36px;
  left: 0;
  right: 0;
  font-size: 11px;
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
}
.event-counter .event-label {
  display: block;
  height: 60px;
  position: absolute;
  top: 0;
  right: 305px;
  line-height: 60px;
  padding: 0 20px;
  text-align: center;
  color: white;
  text-transform: uppercase;
  font-size: 11px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
  min-width: 130px;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: rotateY(-68deg);
  -moz-transform: rotateY(-68deg);
  -ms-transform: rotateY(-68deg);
  -o-transform: rotateY(-68deg);
  transform: rotateY(-68deg);
  -webkit-transition: -webkit-transform 0.15s linear;
  -moz-transition: -moz-transform 0.15s linear;
  -ms-transition: -ms-transform 0.15s linear;
  -o-transition: -o-transform 0.15s linear;
  transition: transform .15s linear;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 200ms linear;
  -moz-transition: all 200ms linear;
  -o-transition: all 200ms linear;
  -ms-transition: all 200ms linear;
  box-transition: all 200ms linear;
}
.event-counter:hover .event-label {
  -webkit-transform: rotateY(0);
  -moz-transform: rotateY(0);
  -ms-transform: rotateY(0);
  -o-transform: rotateY(0);
  transform: rotateY(0);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
/* BEGIN basic layout */
.content-wrap {
  margin: 0 auto;
  position: relative;
  max-width: 960px;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.02), inset 0 1px 0 0px #ffffff;
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.02), inset 0 1px 0 0px #ffffff;
  -o-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.02), inset 0 1px 0 0px #ffffff;
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.02), inset 0 1px 0 0px #ffffff;
}
.content-wrap .main-container {
  clear: both;
  padding: 0 40px 40px 40px;
  background-color: #ffffff;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff);
  background-color: rgba(255, 255, 255, 0.86);
  max-width: 960px;
}
.content-wrap .main-container img {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.content-wrap .main-container content {
  float: left;
  width: 65%;
  width: 100%;
  padding-right: 40px;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.content-wrap .main-container aside {
  float: left;
  width: 35%;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}
.content-wrap .main-container span.clear {
  clear: both;
  overflow: hidden;
  width: 100%;
  display: block;
  height: 0px;
}
.content-wrap .main-container > :nth-child(2) {
  padding-right: 40px;
}
.content-wrap footer {
  max-width: 960px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
}
/* BEGIN basic layout */
/* BEGIN prime nav */
.bb-mobile-nav {
  display: none;
    font-family:AMitra;
	  font-family:AMitra;
}
.content-wrap .main-container header {
  display: block;
  float: right;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  direction:rtl;
  font-family:AMitra;
}
.content-wrap .main-container header nav {
  display: block;
  margin-bottom: 40px;
  float: right;
  width: 100%;
}
.content-wrap .main-container header nav ul {
  margin: 0;
  list-style-type: none;
  padding: 0px;
  display: block;
  float: right;
  width: 100%;
  /*.bluebox-border-bottom();*/

  -webkit-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
  -moz-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
  -o-box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
  box-shadow: inset 0px -1px 0px rgba(0, 0, 0, 0.06);
    direction:rtl;

}
.content-wrap .main-container header nav ul li {
  float: left;
  position: relative;
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
}
.content-wrap .main-container header nav ul li:after {
  content: '/';
  font-weight: normal;
  position: absolute;
  display: block;
  top: 25px;
  right: 0px;
  color: #000000;
  color: rgba(0, 0, 0, 0.12);
}
.content-wrap .main-container header nav ul li:last-child,
.content-wrap .main-container header nav ul li:last-child a {
  margin: 0;
}
.content-wrap .main-container header nav ul li:last-child:after {
  content: '';
  display: none;
}
.content-wrap .main-container header nav ul li a {
  display: inline-block;
  padding: 25px 0;
  margin-right: 25px;
  -webkit-transition: box-shadow 200ms linear, color 200ms linear;
  -moz-transition: box-shadow 200ms linear, color 200ms linear;
  -o-transition: box-shadow 200ms linear, color 200ms linear;
  -ms-transition: box-shadow 200ms linear, color 200ms linear;
  box-transition: box-shadow 200ms linear, color 200ms linear;
}
.content-wrap .main-container header nav ul li a:hover {
  -webkit-box-shadow: inset 0 -1px 0 0 #e74c3c;
  -moz-box-shadow: inset 0 -1px 0 0 #e74c3c;
  -o-box-shadow: inset 0 -1px 0 0 #e74c3c;
  box-shadow: inset 0 -1px 0 0 #e74c3c;
}
.content-wrap .main-container header nav ul li a:hover i {
  color: #e74c3c;
  -webkit-transition: color 200ms linear;
  -moz-transition: color 200ms linear;
  -o-transition: color 200ms linear;
  -ms-transition: color 200ms linear;
  box-transition: color 200ms linear;
}
.content-wrap .main-container header nav ul li a i {
  color: #000000;
  color: rgba(0, 0, 0, 0.26);
  margin-right: 6px;
}
.content-wrap .main-container header nav ul li.sub-nav a:hover {
  /*.box-shadow(none);*/

}
.content-wrap .main-container header nav ul li.current-item > a {
  color: #e74c3c;
  -webkit-box-shadow: inset 0 -1px 0 0 #e74c3c;
  -moz-box-shadow: inset 0 -1px 0 0 #e74c3c;
  -o-box-shadow: inset 0 -1px 0 0 #e74c3c;
  box-shadow: inset 0 -1px 0 0 #e74c3c;
}
.content-wrap .main-container header nav ul li > ul {
  height: 0;
  z-index: -1;
  display: block;
  width: 200px;
  position: absolute;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  background-color: #ffffff;
  left: -10px;
  margin-top: -11px;
  border-bottom: 0;
  -webkit-box-shadow: inset 0 1px 0 0 #e74c3c, 0px 3px 20px -3px rgba(0, 0, 0, 0.26);
  -moz-box-shadow: inset 0 1px 0 0 #e74c3c, 0px 3px 20px -3px rgba(0, 0, 0, 0.26);
  -o-box-shadow: inset 0 1px 0 0 #e74c3c, 0px 3px 20px -3px rgba(0, 0, 0, 0.26);
  box-shadow: inset 0 1px 0 0 #e74c3c, 0px 3px 20px -3px rgba(0, 0, 0, 0.26);
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-top 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.content-wrap .main-container header nav ul li > ul:after {
  content: '';
  position: absolute;
  z-index: 501;
  top: -5px;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #e74c3c;
}
.content-wrap .main-container header nav ul li > ul:before {
  content: '';
  position: absolute;
  z-index: 502;
  top: -4px;
  left: 18px;
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #ffffff;
}
.content-wrap .main-container header nav ul li > ul li {
  margin: 0;
  padding: 0;
  display: block;
  width: 100%;
  border: 1px solid #000000;
  border-color: #000000;
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  border-color: rgba(0, 0, 0, 0.06);
  border-left: none;
  border-top: none;
  border-right: none;
}
.content-wrap .main-container header nav ul li > ul li:last-child {
  border-bottom: none;
}
.content-wrap .main-container header nav ul li > ul li:after {
  content: '';
  display: none;
}
.content-wrap .main-container header nav ul li > ul li i.icon-chevron-right {
  position: absolute;
  top: 15px;
  right: 12px;
  font-size: 11px;
  color: #000000;
  color: rgba(0, 0, 0, 0.12);
  -webkit-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.content-wrap .main-container header nav ul li > ul li:hover i.icon-chevron-right {
  right: 10px;
  color: #e74c3c;
}
.content-wrap .main-container header nav ul li > ul li a {
  padding: 10px 15px;
  line-height: 20px;
  margin: 0;
  display: block;
  font-weight: normal;
  text-transform: none;
  font-size: 13px;
  -webkit-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1), color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.content-wrap .main-container header nav ul li > ul li a:hover {
  /*padding: 10px 12px;*/

  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.content-wrap .main-container header nav ul li > ul li ul {
  left: 100%;
  top: 0px;
  z-index: 503;
  display: block;
}
.content-wrap .main-container header nav ul li > ul li ul:before,
.content-wrap .main-container header nav ul li > ul li ul:after {
  content: '';
  display: none;
}
.content-wrap .main-container header nav ul li > ul li.current-item > a {
  background-color: #e74c3c !important;
  color: white !important;
}
.content-wrap .main-container header nav ul li > ul li.current-item > a i.icon-chevron-right {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.26);
}
.content-wrap .main-container header nav ul li > ul li.current-item > a:hover i.icon-chevron-right {
  color: white;
}
.content-wrap .main-container header nav ul li:hover > ul {
  height: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  margin-top: -1px;
  z-index: 500;
}
.content-wrap .main-container header nav:hover > ul > li > ul {
  /*z-index:500;*/

}
/* END prime nav */
/* BEGIN slider */
.bluebox-slider {
  overflow: hidden;
}
.bluebox-slider .bullets-wrap,
.bluebox-slider .arrow-links-wrap,
.bluebox-slider .slider-caption {
  z-index: 1;
}
.bluebox-slider .swiper-slide,
.bluebox-slider .swiper-wrapper {
  position: relative;
  height: auto !important;
}
.bluebox-slider .slider-caption .caption-item {
  height: 0;
  opacity: 0;
  left: 20px;
  right: 20px;
  position: absolute;
  top: 10px;
  -webkit-transition: opacity 0.52 ease;
  -moz-transition: opacity 0.52 ease;
  -o-transition: opacity 0.52 ease;
  -ms-transition: opacity 0.52 ease;
  box-transition: opacity 0.52 ease;
}
.bluebox-slider .slider-caption .caption-item.current-slide-caption {
  position: relative;
  height: auto;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  top: auto;
  left: auto;
  right: auto;
}
.bluebox-slider .slider-caption .caption-item.fadingaway-slide-caption {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  opacity: 0.5;
}
.bb-slider {
  background-color: black;
  padding: 10px;
  position: relative;
  margin-bottom: 40px;
}
.bb-slider .image-wrap {
  overflow: hidden;
}
.bb-slider .image-wrap img {
  display: block;
  width: 100%;
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .bullets-wrap {
  position: absolute;
  top: 11px;
  right: 11px;
  padding: 10px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .bullets-wrap ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}
.bb-slider .bullets-wrap ul li {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}
.bb-slider .bullets-wrap ul li a {
  display: block;
  position: relative;
  height: 20px;
  width: 20px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .bullets-wrap ul li a:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
}
.bb-slider .bullets-wrap ul li:last-child {
  margin-bottom: 0;
}
.bb-slider .bullets-wrap ul li.current a {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
  -o-box-shadow: inset 0px 0px 0px 1px #ffffff;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
}
.bb-slider .bullets-wrap ul li.current a:after {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  width: 2px;
  top: 9px;
  left: 9px;
  background-color: white;
}
.bb-slider .slider-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px 20px 20px;
  font-size: 18px;
  color: #ffffff;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#db000000, endColorstr=#db000000);
  background-color: rgba(0, 0, 0, 0.86);
  -webkit-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .slider-caption h2 {
  margin: 0 0px 15px 0px;
  font-size: 18px;
  line-height: 24px;
  font-weight: 600;
}
.bb-slider .slider-caption h2 a {
  color: white;
}
.bb-slider .slider-caption h2 a:hover {
  color: #e74c3c;
}
.bb-slider .slider-caption .bluebox-info-line {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
  padding: 17px 0px 0px 0px;
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  border-bottom: none;
}
.bb-slider .slider-caption .bluebox-info-line a {
  color: #ffffff;
  color: rgba(255, 255, 255, 0.5);
}
.bb-slider .slider-caption .bluebox-info-line a:hover {
  color: #e74c3c;
}
.bb-slider .slider-caption .bluebox-info-line a.more-link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  margin-right: -10px;
  -webkit-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: color 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-right 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider .slider-caption .bluebox-info-line a.more-link i {
  margin-right: 6px;
}
.bb-slider:hover .image-wrap img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
.bb-slider:hover .bullets-wrap {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000);
  background-color: rgba(0, 0, 0, 0.26);
}
.bb-slider:hover .bullets-wrap:hover {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  background-color: rgba(0, 0, 0, 0.5);
}
.bb-slider:hover .slider-caption {
  background-color: black;
}
.bb-slider:hover .slider-caption .bluebox-info-line a.more-link {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  margin-right: 0;
}
/* END slider */
/* BEGIN slider 2 */
.bb-slider-2 {
  position: relative;
  margin-bottom: 40px;
}
.bb-slider-2 img {
  display: block;
  width: 100%;
}
.bb-slider-2 .slider-caption {
  position: absolute;
  margin-right: 123px;
  left: 1px;
  padding: 20px;
  bottom: 0px;
  color: #ffffff;
  -webkit-transition: background-color 200ms;
  -moz-transition: background-color 200ms;
  -o-transition: background-color 200ms;
  -ms-transition: background-color 200ms;
  box-transition: background-color 200ms;
}
.bb-slider-2 .slider-caption h2 {
  font-size: 35px;
  font-weight: 600;
  margin: 0;
  font-family:AMitra;
}
.bb-slider-2 .slider-caption h2 span {
  -webkit-transition: background-color 200ms, color 200ms;
  -moz-transition: background-color 200ms, color 200ms;
  -o-transition: background-color 200ms, color 200ms;
  -ms-transition: background-color 200ms, color 200ms;
  box-transition: background-color 200ms, color 200ms;
  /*.bg-rgba(black, 0);*/

  line-height: 48px;
  -webkit-text-shadow: 0px 0px 20px #000000;
  -moz-text-shadow: 0px 0px 20px #000000;
  -o-text-shadow: 0px 0px 20px #000000;
  text-shadow: 0px 0px 20px #000000;
}
.bb-slider-2 .slider-caption h2 a {
  color: white;
}
.bb-slider-2 .slider-caption h2 a:hover {
  color: #e74c3c;
}
.bb-slider-2:hover .slider-caption span {
  /*.bg-rgba(black, 0.5);*/

}
.bb-slider-2 .bullets-wrap {
  position: absolute;
  top: 0px;
  right: 0px;
  padding: 10px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: background-color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider-2 .bullets-wrap ul {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}
.bb-slider-2 .bullets-wrap ul li {
  display: block;
  width: 20px;
  height: 20px;
  margin-bottom: 10px;
}
.bb-slider-2 .bullets-wrap ul li a {
  display: block;
  position: relative;
  height: 20px;
  width: 20px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.26);
  -webkit-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.bb-slider-2 .bullets-wrap ul li a:hover {
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
  box-shadow: inset 0px 0px 0px 1px rgba(255, 255, 255, 0.86);
}
.bb-slider-2 .bullets-wrap ul li:last-child {
  margin-bottom: 0;
}
.bb-slider-2 .bullets-wrap ul li.current a {
  -webkit-box-shadow: inset 0px 0px 0px 1px #ffffff;
  -moz-box-shadow: inset 0px 0px 0px 1px #ffffff;
  -o-box-shadow: inset 0px 0px 0px 1px #ffffff;
  box-shadow: inset 0px 0px 0px 1px #ffffff;
}
.bb-slider-2 .bullets-wrap ul li.current a:after {
  content: '';
  position: absolute;
  display: block;
  height: 2px;
  width: 2px;
  top: 9px;
  left: 9px;
  background-color: white;
}
.bb-slider-2:hover .bullets-wrap {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42000000, endColorstr=#42000000);
  background-color: rgba(0, 0, 0, 0.26);
}
.bb-slider-2:hover .bullets-wrap:hover {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  background-color: rgba(0, 0, 0, 0.5);
}
.arrow-links-wrap {
  position: absolute;
  right: 1px;
  bottom: 1px;
  height: 60px;
  width: 121px;
}
.arrow-right-link,
.arrow-left-link {
  position: relative;
  overflow: hidden;
  display: block;
  height: 60px;
  width: 60px;
  float: left;
}
.arrow-right-link span,
.arrow-left-link span {
  display: block;
  height: 60px;
  width: 60px;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
}
.arrow-right-link span {
  background-image: url(images/arrow-right.svg);
  background-position: 24px center;
  -webkit-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: left 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.arrow-right-link span:last-child {
  left: -60px;
}
.arrow-right-link:hover span {
  left: 60px;
}
.arrow-right-link:hover span:last-child {
  left: 0;
}
.arrow-left-link {
  margin-right: 1px;
}
.arrow-left-link span {
  background-image: url(images/arrow-left.svg);
  background-position: 6px center;
  -webkit-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.arrow-left-link span:last-child {
  right: -60px;
}
.arrow-left-link:hover span {
  right: 60px;
}
.arrow-left-link:hover span:last-child {
  right: 0;
}
.bb-slider-2:hover .arrow-right-link,
.bb-slider-2:hover .arrow-left-link {
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  background-color: rgba(0, 0, 0, 0.5);
}
.bb-slider-2:hover .arrow-right-link:hover,
.bb-slider-2:hover .arrow-left-link:hover {
  background-color: #e74c3c;
}
/* END slider 2 */
/* BEGIN bluebox heading */
.bluebox-heading {
  margin-bottom: 20px;
  position: relative;
  border: 1px solid #000000;
  border-color: #000000;
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0f000000, endColorstr=#0f000000);
  border-color: rgba(0, 0, 0, 0.06);
  border-left: none;
  border-top: none;
  border-right: none;
    direction:rtl;
}
.bluebox-heading h3 {
  margin: 0;
  padding-bottom: 17px;
  display: inline-block;
  -webkit-box-shadow: 0 1px 0 0 #000000;
  -moz-box-shadow: 0 1px 0 0 #000000;
  -o-box-shadow: 0 1px 0 0 #000000;
  box-shadow: 0 1px 0 0 #000000;
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  font-family:wdsaudi;
  direction:rtl;
text-align:right;
}
.bluebox-heading a {
  float: left;
  margin-top: 1px;
  font-size: 11px;
  font-weight: 300;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  text-transform: uppercase;
}
.bluebox-heading a:hover {
  color: #e74c3c;
}
.bluebox-heading i {
  margin-left: 6px;
}
/* END bluebox heading */
.content-row,
.widget-wrap {
  margin-bottom: 40px;
}
.content-row:last-child,
.widget-wrap:last-child {
  margin-bottom: 0;
}
/* BEGIN featured post */
section.featured-post > a {
  display: block;
  margin-bottom: 16px;
  position: relative;
  overflow: hidden;
}
section.featured-post .image-details {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #e74c3c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post .image-details:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
  filter: alpha(opacity=86);
  opacity: 0.86;
  cursor: url(images/plus.svg) 15 15, pointer;
}
section.featured-post img {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post:hover img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
section.featured-post p {
  margin-bottom: 0;
}
section.featured-post h1 {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-transform: none;
}
section.featured-post .bluebox-info-line {
  position: relative;
  -webkit-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: border-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post .featured-post-date {
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), margin-left 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post .featured-post-author {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  position: absolute;
  left: -10px;
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), left 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
section.featured-post:hover .bluebox-info-line {
  zoom: 1;
  border-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#ff000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ff000000, endColorstr=#ff000000);
  border-color: #000000;
}
section.featured-post:hover .bluebox-info-line span.featured-post-date {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  margin-left: 10px;
}
section.featured-post:hover .bluebox-info-line span.featured-post-author {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
  left: 0px;
}
/* END featured post */
/* BEGIN events */
.events-list .event {
  display: block;
  position: relative;
  min-height: 90px;
  margin-bottom: 1px;
}
.events-list .event:last-child {
  margin: 0;
}
.events-list .event .date {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 60px;
  text-align: center;
  background-color: #e74c3c;
  color: white;
}
.events-list .event .date strong {
  font-size: 24px;
  font-weight: 700;
  display: inline-block;
  line-height: 30px;
  position: absolute;
  top: 13px;
  left: 0;
  right: 0;
  z-index: 2;
}
.events-list .event .date span.month {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 18px;
  line-height: 20px;
  position: absolute;
  top: 43px;
  left: 0;
  z-index: 2;
  right: 0;
}
.events-list .event .date span.details {
  position: absolute;
  display: block;
  z-index: 1;
  top: 0;
  bottom: 0;
  left: 0px;
  width: 0px;
  margin: 0;
  padding: 0;
  background-color: #ffffff;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#42ffffff, endColorstr=#42ffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#42ffffff, endColorstr=#42ffffff);
  background-color: rgba(255, 255, 255, 0.26);
  -webkit-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: width 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.events-list .event .details {
  position: relative;
  z-index: 1;
  min-height: 90px;
  margin-left: 61px;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff);
  background-color: #ffffff;
  padding: 16px 20px 20px 20px;
  -webkit-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: padding 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.events-list .event .details h1 {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  color: #e74c3c;
  margin: 0;
  display: block;
}
.events-list .event .details h1 a {
  color: #e74c3c;
}
.events-list .event .details h1 a:hover {
  color: #000000;
}
.events-list .event .details span {
  font-size: 14px;
  font-weight: bold;
  text-transform: uppercase;
  font-weight: normal;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
  margin-top: 4px;
  display: inline-block;
}
.events-list .event .details span i {
  color: #000000;
  margin-right: 6px;
}
.events-list .event:hover .date span.details {
  width: 60px;
}
.events-list .event:hover .details {
  padding-left: 15px;
}
.events-list .event .more-link {
  font-size: 11px;
  text-transform: uppercase;
  font-weight: 300;
  position: absolute;
  right: 0px;
  bottom: 10px;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: right 300ms cubic-bezier(0.23, 1, 0.32, 1), opacity 300ms cubic-bezier(0.23, 1, 0.32, 1), color 200ms cubic-bezier(0.23, 1, 0.32, 1);
}
.events-list .event .more-link:hover {
  color: #e74c3c;
}
.events-list .event:hover .more-link {
  right: 15px;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.events-page .event {
  min-height: 120px;
}
.events-page .event .details {
  min-height: 120px;
}
.events-page .event .details .icon-time,
.events-page .event .details .icon-calendar {
  margin-left: 10px;
}
.events-page .event .details h1 {
  margin-right: 100px;
}
.events-page .event .details .rating {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: block;
  width: 100px;
  height: 10px;
  position: absolute;
  top: 20px;
  right: 10px;
}
.events-page .event .details .rating li {
  display: block;
  height: 10px;
  width: 10px;
  float: left;
  margin-right: 10px;
  -webkit-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
  -moz-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
  -o-box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0px 0px 0px 1px rgba(0, 0, 0, 0.12);
}
.events-page .event .details .rating li.fill {
  background-color: #e74c3c;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
}
.events-page .event .details .rating li:last-child {
  margin: 0;
}
.events-page .event .buttons {
  margin-top: 17px;
  height: 30px;
  width: 100%;
}
.events-page .event .buttons a {
  line-height: 27px;
  height: 27px;
  padding: 0 10px;
  display: inline-block;
  float: left;
  margin-right: 10px;
}
.events-page .event .buttons a.default {
  -webkit-box-shadow: 0px 0px 0px 1px #e74c3c;
  -moz-box-shadow: 0px 0px 0px 1px #e74c3c;
  -o-box-shadow: 0px 0px 0px 1px #e74c3c;
  box-shadow: 0px 0px 0px 1px #e74c3c;
  color: #e74c3c;
}
.events-page .event .buttons a.default:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #e74c3c;
  -moz-box-shadow: 0px 0px 0px 1px #e74c3c;
  -o-box-shadow: 0px 0px 0px 1px #e74c3c;
  box-shadow: 0px 0px 0px 1px #e74c3c;
  color: white;
  background-color: #e74c3c;
}
.events-page .event .buttons span {
  line-height: 27px;
  height: 27px;
  display: inline-block;
  float: left;
  text-transform: none;
  margin-right: 10px;
  font-weight: 400;
}
.events-page .event .buttons span.label-cancelled {
  padding: 0;
  color: #ef0038;
}
.events-page .event .buttons span.label-sold-out {
  padding: 0 10px;
  background-color: #63c2fe;
  color: white;
}
.events-page .cancelled .date {
  background-color: #000000;
}
.events-single-page {
  margin-bottom: 30px;
  margin-left: -39px;
  position: relative;
  overflow: hidden;
}
.events-single-page > img {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.events-single-page section {
  bottom: 1px !important;
  right: 1px !important;
  left: 40px !important;
  position: absolute !important;
}
.events-single-page:hover > img {
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}
/* END events */
/* BEGIN audio */
.audio-tracks-wrap > div {
  height: 60px;
  overflow: hidden;
  position: relative;
  padding-left: 61px;
  margin-bottom: 1px;
  width: 100%;
}
.audio-tracks-wrap > div:last-child {
  margin-bottom: 0;
}
.audio-tracks-wrap > div .button {
  position: absolute;
  width: 60px;
  height: 60px;
  left: 0;
  top: 0;
  text-align: center;
  line-height: 60px;
  font-size: 18px;
  background-color: #e74c3c;
}
.audio-tracks-wrap > div .button:hover {
  background-color: #000000;
}
.audio-tracks-wrap > div .details {
  height: 60px;
  width: 100%;
  padding: 0 10px 10px 10px;
  position: relative;
  background-color: #ffffff;
}
.audio-tracks-wrap > div .details h4 {
  font-size: 11px;
  font-weight: normal;
  line-height: 20px;
  display: inline-block;
  margin-top: 13px;
}
.audio-tracks-wrap > div .details .track-progress-bar {
  background-color: black;
  height: 6px;
  position: absolute;
  bottom: 10px;
  left: 10px;
  right: 10px;
}
.audio-tracks-wrap > div .details .track-progress-bar a {
  display: block;
  margin: 1px;
  position: relative;
  height: 4px;
}
.audio-tracks-wrap > div .details .track-progress-bar a span {
  display: block;
  height: 4px;
  background-color: #e74c3c;
}
.audio-tracks-wrap > div .button span {
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  color: white;
  -webkit-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: top 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.audio-tracks-wrap > div .button span:last-child {
  top: -60px;
}
.audio-tracks-wrap > div .button:hover span {
  top: 60px;
}
.audio-tracks-wrap > div .button:hover span:last-child {
  top: 0px;
}
.audio-tracks-wrap > div.current .button {
  background-color: black;
}
.audio-page > div {
  padding-right: 271px;
}
.audio-page > div .buttons-wrap {
  position: absolute;
  right: 0;
  top: 0;
  width: 271px;
  height: 60px;
  padding: 16px 6px 17px 0;
  text-align: right;
  background-color: #ffffff;
}
.audio-page > div .buttons-wrap a {
  line-height: 27px;
  height: 27px;
  padding: 0 10px;
  display: inline-block;
  margin-right: 10px;
  -webkit-box-shadow: 0px 0px 0px 1px #e74c3c;
  -moz-box-shadow: 0px 0px 0px 1px #e74c3c;
  -o-box-shadow: 0px 0px 0px 1px #e74c3c;
  box-shadow: 0px 0px 0px 1px #e74c3c;
  color: #e74c3c;
}
.audio-page > div .buttons-wrap a:hover {
  -webkit-box-shadow: 0px 0px 0px 1px #e74c3c;
  -moz-box-shadow: 0px 0px 0px 1px #e74c3c;
  -o-box-shadow: 0px 0px 0px 1px #e74c3c;
  box-shadow: 0px 0px 0px 1px #e74c3c;
  color: white;
  background-color: #e74c3c;
}
.audio-page > div.plus-number {
  padding-right: 271px;
}
.audio-page > div.plus-number .buttons-wrap {
  right: 61px;
  width: 210px;
}
.audio-page > div.plus-number .number {
  position: absolute;
  right: 0;
  top: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  text-align: center;
  background-color: #ffffff;
  font-size: 24px;
  font-weight: 700;
  color: #000000;
  color: rgba(0, 0, 0, 0.12);
}
/* END audio */
/* BEGIN video */
.video-wrap {
  background-color: black;
  padding: 10px;
}
.video-wrap .video-container {
  width: 100%;
}
.video-wrap .video-container img {
  width: 100%;
  cursor: pointer;
}
/* END video */
/* BEGIN gallery */
.gallery-wrap {
  background-color: #ffffff;
  padding: 10px;
  position: relative;
  overflow: hidden;
}
.gallery-wrap .image-wrap {
  width: 100%;
}
.gallery-wrap .image-wrap a.image-link {
  display: block;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.gallery-wrap .image-wrap a.image-link img {
  display: block;
  width: 100%;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-wrap .image-wrap a.image-link .image-details {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background-color: #e74c3c;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-wrap .image-wrap a.image-link .image-details:hover {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=86)";
  filter: alpha(opacity=86);
  opacity: 0.86;
  cursor: url(images/zoom.svg) 15 15, pointer;
  cursor: url(images/plus.svg) 15 15, pointer;
}
.gallery-wrap .image-wrap .gallery-caption {
  position: absolute;
  left: 0px;
  bottom: -10px;
  right: 0px;
  padding: 16px 20px 16px 30px;
  background-color: #ffffff;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#dbffffff, endColorstr=#dbffffff);
  background-color: rgba(255, 255, 255, 0.86);
  -webkit-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: bottom 300ms cubic-bezier(0.23, 1, 0.32, 1), background-color 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-wrap .image-wrap .gallery-caption h4 {
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
  margin: 0 0 10px 0;
  text-transform: none;
  margin-bottom: 1px;
}
.gallery-wrap .image-wrap .gallery-caption span {
  font-size: 11px;
  text-transform: uppercase;
  padding: 0;
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
  display: inline-block;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  opacity: 0;
  -webkit-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.gallery-wrap .image-wrap .gallery-caption span a {
  color: #000000;
  color: rgba(0, 0, 0, 0.5);
}
.gallery-wrap .image-wrap .gallery-caption span a.more-link {
  float: right;
}
.gallery-wrap:hover .image-wrap .gallery-caption {
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffffffff);
  background-color: #ffffff;
  display: inline-block;
  bottom: 0px;
}
.gallery-wrap:hover .image-wrap .gallery-caption span {
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  opacity: 1;
}
.gallery-wrap:hover a.image-link img {
  -webkit-transform: translateY(-5px);
  -moz-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
}
.band-member .image-wrap a.image-link .image-details:hover {
  cursor: url(images/plus.svg) 15 15, pointer;
}
.band-member .image-wrap .gallery-caption {
  text-align: center;
  padding: 16px 20px 16px 20px;
}
.band-member .image-wrap .gallery-caption span {
  border-top: 1px solid #e74c3c;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.band-member:hover .image-wrap .gallery-caption span {
  padding-top: 6px;
  margin-top: 7px;
}
/* END gallery */
/* BEGIN discography */
.album-wrap {
  overflow: hidden;
  position: relative;
  border:2px solid #cdcdcd;
}
.album-wrap img {
  width: 100%;
  display: block;
  -webkit-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -ms-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
  box-transition: all 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
.album-wrap .tracks-list {
  position: absolute;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00000000, endColorstr=#00000000);
  background-color: rgba(0, 0, 0, 0);
  -webkit-transition: background-color 200ms;
  -moz-transition: background-color 200ms;
  -o-transition: background-color 200ms;
  -ms-transition: background-color 200ms;
  box-transition: background-color 200ms;
  background-image: url(images/album-tracks.svg);
  background-repeat: no-repeat;
  background-position: center;
}
.album-wrap .album-caption {
  padding: 18px 20px 16px 20px;
  position: absolute;
  right: 0;
  font-family:AMitra;
  bottom: 0;
  color: white;
  direction:rtl;
  background-color: #000000;
  zoom: 1;
  background-color: transparent\9;
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000)";
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#80000000, endColorstr=#80000000);
  background-color: rgba(0, 0, 0, 0.5);
  -webkit-transition: background-color 200ms;
  -moz-transition: background-color 200ms;
  -o-transition: background-color 200ms;
  -ms-transition: background-color 200ms;
  box-transition: background-color 200ms;
}
.album-wrap .album-caption h4 {
  color: white;
  margin: 0;
  font-size: 14px;
  font-weight: bold;
  color: #000000;
  text-transform: uppercase;
    font-family:AMitra;
}
.album-wrap .album-caption h4 a {
  color: white;
}
.album-wrap .album-caption h4 a:hover {
  color: #e74c3c;
}
.album-wrap .album-caption span {

درباره‌ی این موضوع



برچسب‌ها

هیچ برچسبی نیست.