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 {