انجمن


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

  • 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 {
      

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



برچسب‌ها

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