@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700&subset=latin,latin-ext);
/*
01. Theme Typo
02. Header
02.1 Top Strip
02.1.1 Top Info
02.1.2 Search
02.1 Logo
02.2 Navigation
02.2.1 SubMenu
03. Content
03.1 Blog
03.1.2 Blog Grid
03.1.4 Blog Detail
03.4 Team
03.4.1 Team list
03.5 Shortcode
03.5.1 Accordian
03.5.2 Testimonial
03.5.3 Services
03.5.4 Team
03.5.5 Form
03.5.6 Tabs
03.5.7 Partner
03.5.8 Button
03.5.9 Accordian
03.5.10 List
03.5.11 Table
03.5.12 Typography
03.6 Default Pages Style
03.6.1 404
03.6.2 UnderCuntruction
03.6.3 About Us
03.6.4 Services
03.6.5 Contact Us
03.7 Listing
03.7.1 Listing Grid
03.7.2 Listing List
03.7.3 Listing Detail
04. Sidebar Widget
04.1 Widget CATEGORY WIDGET
04.2 Widget Search
04.3 Widget Our Photos
04.4 Widget Text
04.5 Widget Recent Posts
04.7 Widget Newsletter
05. Footer
05.1 backTo Top
05.2 CopyRight
05.3 Social Network
*/
* {
margin: 0;
padding: 0;
}
body {
background-color: #19191b;
color: #9a9a9a;
font-family: 'Oswald', sans-serif;
font-size: 15px;
font-weight: normal;
}
body h1, body h2, body h3, body h4, body h5, body h6 {
color: #ffffff;
font-family: 'Oswald', sans-serif;
font-style: normal;
font-weight: 300;
line-height: 1.5;
margin: 0 0 8px;
}
h1 {
font-size: 50px;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 22px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
color: #ffffff;
}
p a {
color: #ffffff;
}
p {
letter-spacing: 0.5px;
line-height: 30px;
margin-bottom: 10px;
}
a {
color: #ffffff;
text-decoration: none;
}
a:hover, a:focus, a:active {
outline: none;
text-decoration: none;
}
ul {
margin-bottom: 0;
}
figure {
margin-bottom: 6px;
position: relative;
}
img {
height: auto;
max-width: 100%;
}
strong {
color: #333333;
}
iframe {
border: none;
float: left;
width: 100%;
}
.wp-caption, .wp-caption-text, .gallery-caption, .bypostauthor {
}
.wp-caption.alignleft, .wp-caption.alignnone {
width: 100%;
}
select {
background-color: #f0eef0;
border: 1px solid #dfdfdf;
color: #666666;
cursor: pointer;
display: inline-block;
font-size: 14px;
font-weight: 300;
height: 40px;
padding: 8px 12px;
width: 100%;
}
label {
color: #333333;
display: block;
font-weight: 400;
margin-bottom: 10px;
}
button {
border: none;
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
background-color: #f2f2f2;
border: none;
box-sizing: border-box;
color: #aaa9a9;
display: inline-block;
font-size: 13px;
height: 30px;
line-height: 20px;
outline: none;
padding: 4px 6px;
vertical-align: middle;
}
input[type="submit"] {
outline: none;
}
form p {
float: left;
position: relative;
width: 100%;
}
form p span i {
color: #474747;
left: 16px;
position: absolute;
top: 13px;
}
option {
padding: 5px 15px;
}
li {
line-height: 28px;
list-style: inside none disc;
}
ul ul {
margin-left: 20px;
}
ol {
float: none;
list-style: outside none decimal;
padding-left: 15px;
}
ol ol {
margin-left: 20px;
}
ol li {
list-style: outside none decimal;
width: 100%;
}
table {
background-color: transparent;
max-width: 100%;
}
th {
text-align: left;
}
table {
margin-bottom: 15px;
width: 100%;
}
table > thead > tr > th, table > tbody > tr > th, table > tfoot > tr > th, table > thead > tr > td, table > tbody > tr > td, table > tfoot > tr > td {
border: 1px solid #dddddd;
line-height: 2.5;
padding-left: 3px;
text-align: center;
vertical-align: top;
}
table thead tr th {
border-top: 1px solid #dddddd;
text-align: center;
text-transform: capitalize;
}
.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
border-top: 1px solid #dddddd;
}
table > thead > tr > th {
border-bottom: 2px solid #dddddd;
vertical-align: bottom;
}
table > caption + thead > tr:first-child > th, table > colgroup + thead > tr:first-child > th, table > thead:first-child > tr:first-child > th, table > caption + thead > tr:first-child > td, table > colgroup + thead > tr:first-child > td, table > thead:first-child > tr:first-child > td {
border-bottom: 0 none;
}
table > tbody + tbody {
border-top: 2px solid #dddddd;
}
.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td {
padding: 6px 10px;
}
p ins {
color: #999;
}
dl dd { margin-left: 20px; }
address { font-style: italic; }
.sticky {}
.wm-main-section,.wm-main-content {
float: left;
width: 100%;
position: relative;
}
.wm-main-content { padding: 30px 0px 0px 0px; }
.wm-right-section { float: right; }
.wm-left-section { float: left; }
/* Header Default */
.wm-logo {
float: left;
margin: 49px 0px;
}
#wm-header,.wm-plugin-section {
float: left;
width: 100%;
}
/* Header One */
.wm-header-one { background-color: #162028; }
.wm-plugin-section {
padding: 23px 0px 12px 0px;
border-bottom: 1px solid #1d2831;
}
.wm-header-one .wm-right-section { position: relative; }
.wm-header-one .wm-cart-box {
left: auto;
right: 0px;
}
/* Search */
.wm-search {
float: left;
position: relative;
}
.wm-search input[type="text"] {
float: left;
width: 190px;
background: none;
border: none;
padding: 0px;
color: #576c7d;
font-size: 15px;
}
.wm-search i {
float: left;
color: #5e7587;
padding: 5px 12px 0px 0px;
font-size: 13px;
}
.wm-search input[type="submit"] {
position: absolute;
left: 0px;
top: 3px;
width: 22px;
background: none;
border: none;
}
/* Language */
.wm-language {
float: left;
}
.wm-language ul li {
float: left;
list-style: none;
}
.wm-language ul li a {
color: #576c7d;
}
.wm-language ul li a i {
font-size: 12px;
margin-left: 8px;
float: right;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
/* Cart */
.wm-cart {
float: right;
color: #4f6372;
position: relative;
margin: 0px 0px 0px 40px;
font-size: 20px;
}
.wm-cart span {
width: 17px;
height: 17px;
position: absolute;
right: -13px;
top: -3px;
font-size: 8px;
color: #ffffff;
background-color: #536878;
text-align: center;
border-radius: 100%;
padding-top: 2px;
}
/* Navigation */
.navbar {
background: none;
border: none;
float: left;
margin-bottom: 0px;
}
.navbar-nav > li > a {
font-size: 16px;
color: #5e7587;
padding: 19px 38px 22px 38px;
}
.navbar-nav > li:first-child > a { padding-left: 0px; }
.navbar-nav > li:last-child > a { padding-right: 0px; }
.navbar-nav li:hover > .wm-dropdown-menu {
opacity: 1;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
visibility: visible;
}
.wm-dropdown-menu {
background-color: #ffffff;
left: 0;
margin: 0;
opacity: 0;
position: absolute;
top: 100%;
box-shadow: 0 5px 5px 0 rgba(4, 5, 5, 0.2);
-webkit-transform: translateY(40px);
-moz-transform: translateY(40px);
-ms-transform: translateY(40px);
-o-transform: translateY(40px);
transform: translateY(40px);
-webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
visibility: hidden;
width: 240px;
z-index: 99;
}
.wm-dropdown-menu .wm-dropdown-menu {
left: 100%;
top: 20%;
}
.wm-dropdown-menu li {
float: left;
list-style: none;
position: relative;
width: 100%;
}
.wm-dropdown-menu li a {
border-bottom: 1px solid #f8f8f8;
color: #19191b;
float: left;
font-size: 16px;
font-weight: 300;
padding: 10px 30px;
width: 100%;
}
.wm-dropdown-menu li a:before {
content: '\f101';
font-family: Flaticon;
font-size: 9px;
color: #3f3f41;
position: absolute;
right: 20px;
top: 11px;
opacity: 0;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-dropdown-menu li:hover a:before {
right: 30px;
opacity: 1;
}
.wm-dropdown-menu li:last-child a { border: none; }
/* Header Two */
.wm-topstrip {
float: left;
width: 100%;
background-color: #1f1f1f;
}
.wm-strip-options {
float: left;
}
.wm-strip-options li {
float: left;
list-style: none;
margin-right: 39px;
padding: 8px 0px;
}
.wm-strip-options li a {
color: #898989;
font-weight: 300;
}
.wm-strip-options li:hover a { color: #ffffff; }
.wm-strip-options li a i { margin-right: 8px; }
.wm-topstrip .wm-search { float: right; margin-left: 50px; }
.wm-topstrip .wm-search i { color: #7a7979; }
.wm-topstrip .wm-right-section { padding: 8px 0px 0px 0px; position: relative; }
.wm-header-two .wm-logo { margin: 39px 0px; }
.wm-header-two .navbar-nav > li { padding: 40px 38px; }
.wm-header-two .navbar-nav > li:first-child { padding-left: 0px; }
.wm-header-two .navbar-nav > li:last-child { padding-right: 0px; }
.wm-header-two .navbar { float: right; }
.wm-topstrip .wm-search input[type="text"] {
color: #949494;
width: 48px;
}
.wm-text-cart {
float: left;
color: #ffffff;
padding-top: 4px;
font-weight: 300;
}
.wm-text-cart i {
margin-right: 9px;
font-size: 16px;
}
.wm-main-header {
float: left;
width: 100%;
background-color: #0c0c0c;
}
.wm-header-two .navbar-nav > li > a {
color: #676767;
font-size: 15px;
text-transform: uppercase;
position: relative;
padding: 0px;
}
.wm-header-two .navbar-nav > li > a:before {
content: '';
position: absolute;
left: 0px;
bottom: -15px;
height: 2px;
width: 100%;
opacity: 0;
}
.wm-header-two .navbar-nav > li:hover > a:before,
.wm-header-two .navbar-nav > li.active > a:before {
opacity: 1;
bottom: -4px;
}
/* Header Three */
.wm-header-three {
background-color: #ffffff;
}
.wm-overflow-section { overflow: hidden; }
.wm-header-three .wm-plugin-section {
border-bottom: none;
padding: 10px 0px 13px 0px;
}
.wm-header-three .wm-language ul li {
float: left;
list-style: none;
margin-right: 14px;
}
.wm-header-three .wm-language ul li a { opacity: 0.20; }
.wm-header-three .wm-language ul li:hover a { opacity: 1; }
.wm-useroptions {
float: right;
}
.wm-useroptions > ul > li {
float: left;
list-style: none;
margin-left: 48px;
line-height: 1;
padding: 8px 0px 0px 0px;
position: relative;
}
.wm-useroptions ul li a {
font-size: 12px;
color: #8d8d8d;
text-transform: uppercase;
}
.wm-useroptions ul li a i {
color: #2f2f2f;
font-size: 13px;
}
/* Login Popup */
.wm-login-popup,.wm-signup-popup,.wm-search-popup {
position: absolute;
right: 0px;
top: 100%;
width: 325px;
background-color: #ffffff;
box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.10);
padding: 21px 30px 30px 30px;
z-index: 8;
margin-top: 18px;
display: none;
}
.wm-search-popup { width: 485px; }
.wm-login-popup ul,.wm-signup-popup ul,
.wm-search-popup ul {
float: left;
width: 100%;
margin: 0px;
}
.wm-login-popup ul li,.wm-signup-popup ul li,
.wm-search-popup ul li {
float: left;
width: 100%;
list-style: none;
position: relative;
margin-bottom: 10px;
}
.wm-login-popup ul li:last-child,.wm-signup-popup ul li:last-child,.wm-search-popup ul li:last-child { margin-bottom: 0px; }
.wm-login-popup ul li label,.wm-signup-popup ul li label,
.wm-search-popup ul li label {
font-weight: 300;
font-size: 16px;
color: #515151;
margin-bottom: 7px;
}
.wm-login-popup ul li input[type="text"],
.wm-login-popup ul li input[type="password"],
.wm-signup-popup ul li input[type="password"],
.wm-signup-popup ul li input[type="text"],
.wm-search-popup ul li input[type="text"] {
float: left;
width: 100%;
background-color: #f4f4f4;
height: 35px;
font-size: 16px;
color: #b5b5b5;
font-weight: 300;
padding: 6px 15px;
}
.wm-login-popup ul li i,
.wm-signup-popup ul li i,
.wm-search-popup ul li i {
position: absolute;
right: 17px;
bottom: 10px;
color: #b4b4b4;
font-size: 14px;
}
.wm-login-popup ul li input[type="submit"],
.wm-signup-popup ul li input[type="submit"],
.wm-search-popup ul li input[type="submit"] {
float: left;
border: none;
padding: 8px 48px 10px 48px;
color: #ffffff;
font-size: 16px;
border-radius: 40px;
line-height: 1;
margin-top: 7px;
}
.wm-header-three .navbar {
width: 100%;
background-color: #f8f8f8;
border-radius: 0px;
padding-right: 50px;
}
.wm-header-three .navbar:before {
content: '';
background-color: #f8f8f8;
width: 999em;
left: 50%;
bottom: 0px;
height: 73px;
position: absolute;
}
.wm-header-three .navbar-nav > li > a {
font-size: 13px;
text-transform: uppercase;
color: #2f2f2f;
padding: 27px 38px 25px 38px;
}
.wm-header-three .navbar-nav > li:first-child > a { padding-left: 46px; }
.wm-header-three .wm-cart-box {
left: auto;
right: 0px;
}
.wm-cart-bag {
position: absolute;
right: 10px;
bottom: 17px;
}
.wm-cart-bag > a {
color: #3a3a3a;
font-size: 30px;
position: relative;
}
.wm-cart-bag > a span {
color: #ffffff;
font-size: 12px;
position: absolute;
left: 12px;
top: 19px;
}
/* Header Four */
.wm-header-four {
float: left;
width: 100%;
background-color: #ffffff;
}
.wm-header-four .wm-logo { margin: 36px 0px; }
.wm-header-four .navbar-nav > li > a {
text-transform: uppercase;
font-size: 14px;
color: #2f2f2f;
padding: 39px 28px;
}
.wm-cart-baskit {
float: left;
padding: 31px 0px 31px 30px;
position: relative;
}
.wm-cart-baskit > a {
color: #3a3a3a;
font-size: 20px;
}
.wm-cart-baskit > span {
position: absolute;
right: -12px;
top: 34px;
width: 16px;
height: 16px;
border-radius: 4px;
color: #ffffff;
font-size: 7px;
text-align: center;
padding-top: 4px;
}
.wm-header-four .wm-search {
padding: 15px 0px 16px 36px;
margin: 17px 0px 0px 46px;
border-left: 2px solid #f2f2f2;
}
.wm-header-four .wm-search input[type="text"] {
width: 100%;
padding-left: 25px;
color: #aeaeae;
font-size: 14px;
}
.wm-header-four .wm-search i,
.wm-header-four .wm-search input[type="submit"] {
position: absolute;
left: 36px;
top: 13px;
font-size: 15px;
color: #aeaeae;
}
/* CartBox */
.wm-cart-box {
position: absolute;
left: 0px;
top: 100%;
background-color: #ffffff;
padding: 32px 38px;
width: 303px;
z-index: 1000;
display: none;
margin-top: 8px;
}
.wm-cart-box h2 {
font-size: 20px;
color: #19191b;
text-transform: uppercase;
margin-bottom: 26px;
font-weight: 400;
}
.wm-cart-box ul li {
float: left;
width: 100%;
list-style: none;
margin-bottom: 22px;
}
.wm-cart-box ul li figure {
float: left;
width: 75px;
}
.wm-cart-box ul li figure a,.wm-cart-box ul li figure img,
.wm-cart-box ul,.wm-cart-box p,.wm-cart-link {
float: left;
width: 100%;
}
.wm-cartbox-text { position: relative; }
.wm-cart-box ul li figure ~ .wm-cartbox-text { width: 150px;
display: inline-block;
padding-left: 10px;}
.wm-cartbox-text h6 a { color: #252525; }
.wm-cartbox-text h6 {
margin-bottom: 0px;
font-weight: 400;
}
.wm-cartbox-text .wm-rating { width: 70px; }
.wm-cartbox-text .wm-rating:before, .wm-cartbox-text .wm-rating-box:before {
color: #c0c0c8;
font-size: 11px;
}
.wm-cartbox-text .wm-rating-box:before { color: #ff5722; }
.wm-cartbox-text small {
color: #19191b;
font-size: 16px;
display: block;
line-height: 1;
}
.wm-close-cart {
position: absolute;
right: -16px;
top: -2px;
font-size: 16px;
color: #dadada;
}
.wm-cart-box p {
font-size: 18px;
color: #252525;
border-bottom: 2px solid #ededed;
padding-bottom: 13px;
margin-bottom: 25px;
}
.wm-cart-box p span {
float: right;
}
.wm-cart-link {
text-align: center;
}
.wm-cartbox-btn {
display: inline-block;
background-color: #303032;
font-size: 16px;
color: #7c7c7c;
text-transform: uppercase;
line-height: 1;
padding: 13px 22px;
margin: 4px 0px;
min-width: 140px;
}
.wm-cartbox-btn i { margin-right: 8px; }
/* Mega Menu */
#wm-header .container { position: relative; }
.nav > li.wm-megamenu-li,#wm-header [class*="col-md-"] { position: static; }
.wm-megamenu {
position: absolute;
left: 0%;
top: 100%;
width: 100%;
background-color: #fff;
padding: 28px 40px;
margin: 0px;
box-shadow: 0px 5px 5px 0px rgba(4, 5, 5, 0.20);
opacity: 0;
visibility: hidden;
z-index: 10;
-webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.navbar-nav > li:hover .wm-megamenu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.wm-megamenu li { list-style: none; }
.wm-megamenu li h5 {
text-transform: uppercase;
font-size: 12px;
font-weight: bold;
color: #353535;
margin-bottom: 18px;
}
.wm-megamenu li h4 {
text-transform: uppercase;
font-size: 18px;
font-weight: 400;
color: #353535;
margin-bottom: 26px;
}
.wm-thumbnail {
display: block;
margin-bottom: 20px;
}
.wm-thumbnail img {
width: 100%;
}
/* Mega Menu List */
.wm-megalist {
float: left;
width: 100%;
margin: 0px;
}
.wm-megalist li {
float: left;
width: 100%;
list-style: none;
border-bottom: 1px solid #f8f8f8;
padding: 8px 0px 8px 0px;
position: relative;
}
.wm-megalist li:before {
content: '\f101';
font-family: Flaticon;
font-size: 9px;
color: #3f3f41;
position: absolute;
right: 20px;
top: 11px;
opacity: 0;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-megalist li:hover:before {
right: 0px;
opacity: 1;
}
.wm-megalist li:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.wm-megalist li a {
font-size: 18px;
color: #19191b;
font-weight: 300;
text-transform: capitalize;
}
.wm-mega-text p {
margin-bottom: 30px;
font-size: 18px;
color: #353535;
font-weight: 300;
}
/* Banner */
.wm-banner,.wm-banner-slide,.wm-main-banner {
float: left;
width: 100%;
position: relative;
}
.wm-banner-layer {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(22,32,40,0.80);
}
.wm-caption.wm-leftcaption { text-align: left; }
.wm-caption.wm-leftcaption h1 { width: 55%; }
.wm-caption.wm-rightcaption { text-align: right; }
.wm-caption.wm-rightcaption h1 { width: 50%; }
.wm-caption {
position: absolute;
left: 0px;
top: 50%;
text-align: center;
width: 100%;
margin-top: -155px;
background: url(images/banner-caption-bg.png);
background-repeat: no-repeat;
background-position: center 26%;
}
.wm-caption h1 {
color: #ffffff;
font-size: 90px;
display: inline-block;
width: 39%;
line-height: 92px;
margin-bottom: 68px;
}
/* Banner Two */
.wm-bannertwo-slide {
float: left;
width: 100%;
position: relative;
}
.wm-banner-caption {
position: absolute;
left: 16%;
top: 150px;
width: 30%;
z-index: 6;
}
.wm-banner-caption span {
font-size: 40px;
color: #bcbcbc;
font-weight: 300;
line-height: 1.2;
width: 44%;
text-transform: uppercase;
float: left;
margin-bottom: 18px;
}
.wm-banner-caption h1 {
font-size: 115px;
color: #ffffff;
line-height: 136px;
text-transform: uppercase;
letter-spacing: 24px;
background-color: #19191b;
display: inline;
}
.wm-banner-btn {
display: inline-block;
color: #ffffff;
font-size: 18px;
text-transform: uppercase;
padding: 14px 29px;
margin-top: 34px;
}
.wm-banner-btn i {
float: left;
margin: -3px 10px 0px 0px;
font-size: 20px;
}
.wm-banner-thumb {
float: right;
padding: 110px 116px 0px 0px;
}
/* Banner Three */
.wm-banner-three,.wm-banner-three-slide {
float: left;
width: 100%;
position: relative;
}
.wm-banner-three-slide .container { position: relative; }
/* Default Button */
.wm-default-btn {
display: inline-block;
color: #ffffff;
padding: 9px 38px;
font-size: 18px;
border: 2px solid #ffffff;
margin-right: 22px;
overflow: hidden;
position: relative;
}
.wm-default-btn:after {
content: '';
position: absolute;
z-index: 1;
width: 100%;
height: 0;
top: 50%;
left: 50%;
background: #fff;
opacity: 0;
-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
transform: translateX(-50%) translateY(-50%) rotate(45deg);
}
.wm-default-btn:hover:after {
height: 370%;
opacity: 1;
}
.wm-default-btn span { position: relative; z-index: 2; }
.wm-default-btn:last-child { margin-right: 0px; }
.wm-default-btn:hover { color: #162028; }
/* Banner Four */
.wm-slider-caption {
position: absolute;
left: 0px;
top: 50%;
width: 100%;
margin-top: -220px;
}
.wm-slider-caption h1 {
font-size: 86px;
color: #ffffff;
text-transform: uppercase;
border: 5px solid #ffffff;
padding: 40px 50px;
width: 30%;
line-height: 1;
margin-bottom: 32px;
display: inline-block;
}
.wm-slider-caption.wm-slider-caption-right { text-align: right; }
.wm-slider-btn {
display: inline-block;
color: #3a3a3a;
font-size: 14px;
padding: 18px 38px;
background-color: #ffffff;
text-transform: uppercase;
margin-right: 7px;
}
.wm-slider-btn:hover {
background-color: #3a3a3a;
color: #c6c6c6;
}
/* Sub Header */
.wm-mini-header {
float: left;
width: 100%;
background: url(extra-images/subheader-bg1.jpg);
background-size: cover;
position: relative;
text-align: center;
padding: 48px 0px 43px 0px;
}
.wm-black-transparent {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.75);
}
.wm-page-heading {
display: inline-block;
margin-bottom: 15px;
}
.wm-page-heading h1 {
font-weight: 400;
margin-bottom: 0px;
}
.wm-page-heading p {
color: #ffffff;
font-size: 20px;
font-weight: 400;
}
.wm-breadcrumb {
display: inline-block;
}
.wm-breadcrumb li {
float: left;
list-style: none;
padding: 0px 15px;
font-size: 13px;
position: relative;
color: #ffffff;
}
.wm-breadcrumb li:before {
content: "\f105";
font-family: FontAwesome;
position: absolute;
left: -1px;
top: 1px;
color: #e3e3e3;
}
.wm-breadcrumb li:first-child:before { display: none; }
.wm-breadcrumb li a { color: #ffffff; }
/* SubHeader Two */
.wm-mini-header-two {
float: left;
width: 100%;
background-color: #0c0c0c;
border-top: 2px solid #121212;
padding: 18px 0px 10px 0px;
}
.wm-mini-header-two .wm-page-heading {
float: left;
}
.wm-mini-header-two .wm-page-heading h1 {
color: #9e9e9e;
font-size: 24px;
}
.wm-mini-header-two .wm-breadcrumb {
float: right;
padding-top: 5px;
}
.wm-mini-header-two .wm-breadcrumb li a { color: #676767; }
.wm-mini-header-two .wm-breadcrumb li { color: #9e9e9e; }
.wm-mini-header-two .wm-breadcrumb li:before { color: #5d5d5d; }
/* Event Countdown */
.wm-event-countdown {
float: left;
width: 100%;
background-color: #18222b;
}
.wm-event-countdown-title {
float: left;
width: 24%;
padding: 111px 40px 80px 80px;
}
.wm-event-countdown-title h2,
.wm-countdown-section h2 {
font-size: 30px;
color: #5e7587;
margin-bottom: 0px;
display: block;
}
.wm-event-countdown-title h3 {
font-size: 50px;
color: #ffffff;
margin-bottom: 0px;
line-height: 1.2;
}
.wm-countdown-section {
float: left;
width: 50%;
background-color: #121b23;
padding: 104px 50px 112px 60px;
text-align: center;
}
.wm-countdown-section h2 { margin-bottom: 1px; }
.wm-countdown-section .is-countdown { display: inline-block; }
.wm-event-countdown .wm-event-viewbtn { margin: 138px 0px 0px 92px; }
.wm-countdown-section .countdown-section:last-child { padding-right: 0px; }
.wm-countdown-section .countdown-section {
font-size: 45px;
color: #ffffff;
font-weight: 300;
padding-right: 29px;
float: left;
}
.wm-event-viewbtn {
display: inline-block;
padding: 9px 36px;
border: 2px solid #5e7587;
color: #5e7587;
font-size: 18px;
}
/* Event's */
.wm-event,.wm-modren-event figure,.wm-modren-event figure > a,
.wm-modren-event figure img {
float: left;
width: 100%;
}
.wm-event ul li,.wm-modren-event ul li { list-style: none; }
.wm-event > ul > li { margin-bottom: 25px; }
/* Modren Event */
.wm-modren-event ul li {
float: left;
width: 20%;
margin-bottom: 0px;
}
.wm-modren-event figure {
overflow: hidden;
margin-bottom: 0px;
}
.wm-modren-event ul li figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(24,34,43,0.70);
text-align: center;
}
.wm-event-title-caption {
position: absolute;
left: 0px;
top: 50%;
width: 100%;
margin-top: -28px;
}
.wm-modren-event ul li:hover .wm-event-title-caption {
opacity: 0;
margin-top: 0px;
}
.wm-event-title-caption h2 {
font-size: 40px;
margin-bottom: 0px;
color: #ffffff;
line-height: 1.3;
}
.wm-event-title-caption span {
font-size: 28px;
font-weight: 300;
color: #ffffff;
}
.wm-check-eventbtn {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.wm-check-eventbtn:before {
content: '';
opacity: 0;
padding: 60px;
position: absolute;
left: 0px;
top: 0px;
width: 200%;
height: 200%;
-webkit-transform: translate(265px, 145px) rotate(45deg);
-moz-transform: translate(265px, 145px) rotate(45deg);
-ms-transform: translate(265px, 145px) rotate(45deg);
-o-transform: translate(265px, 145px) rotate(45deg);
transform: translate(265px, 145px) rotate(45deg);
}
.wm-modren-event ul li:hover .wm-check-eventbtn { opacity: 1; }
.wm-modren-event ul li:hover .wm-check-eventbtn:before {
opacity: 0.70;
-webkit-transform: translate(-80px, -150px) rotate(45deg);
-moz-transform: translate(-80px, -150px) rotate(45deg);
-ms-transform: translate(-80px, -150px) rotate(45deg);
-o-transform: translate(-80px, -150px) rotate(45deg);
transform: translate(-80px, -150px) rotate(45deg);
}
.wm-check-eventbtn a {
position: absolute;
left: 50%;
top: 50%;
padding: 8px 38px;
color: #ffffff;
border: 2px solid #ffffff;
font-size: 18px;
margin: -16px 0px 0px -96px;
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-ms-transform: translateY(80px);
-o-transform: translateY(80px);
transform: translateY(80px);
}
.wm-modren-event ul li:hover .wm-check-eventbtn a {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
/* Event Medium Light */
.wm-event-list.wm-event-list-light .wm-event-text {
background-color: #f5f5f5;
}
.wm-event-list-light .wm-event-info h2 { margin-bottom: 3px; }
.wm-event-list-light .wm-event-info h2 a {
color: #3a3a3a;
font-weight: 400;
}
.wm-event-options {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
}
.wm-event-options li {
float: left;
list-style: none;
font-size: 16px;
color: #3a3a3a;
font-weight: 300;
margin: 0px 20px 9px 0px;
}
.wm-event-options li i {
color: #bbbbbb;
float: left;
font-size: 14px;
margin-right: 9px;
}
.wm-event-options li a {
color: #3a3a3a;
}
.wm-event-list-light .wm-event-info p {
color: #3a3a3a;
}
.wm-event-link-btn {
float: right;
padding-top: 26px;
text-align: right;
width: 28%;
}
.wm-event-link-btn a {
border: 2px solid;
display: inline-block;
line-height: 1;
padding: 10px 25px;
text-transform: uppercase;
margin-bottom: 13px;
}
.wm-event-link-btn a:hover { color: #ffffff; }
.wm-event-link-btn a i {
float: left;
font-size: 14px;
margin-right: 7px;
}
.wm-event-time-label {
position: absolute;
left: 10px;
top: 10px;
width: 81px;
height: 81px;
color: #3a3a3a;
font-size: 13px;
background-color: #ffffff;
line-height: 1;
padding: 5px 0px 0px 10px;
}
.wm-event-time-label > span {
line-height: 0.8;
display: inline-block;
}
.wm-munth {
display: inline-block;
font-weight: 300;
line-height: 1;
font-size: 50px;
}
.wm-event-time-label span small {
font-size: 14px;
display: inline-block;
width: 10px;
word-break: break-all;
line-height: 1.1;
}
.wm-event-list-light ~ .wm-moreshow { margin: 32px 0px 0px 0px; }
/* Promo Songs */
.wm-promo-songs {
float: left;
width: 100%;
background-color: #18222b;
}
.wm-promosongs-thumb {
float: left;
width: 586px;
height: 586px;
background-color: #36434f;
border: 18px solid #36434f;
box-shadow: 0px 0px 0px 1px #4a5865 inset;
text-align: center;
padding: 110px 0px 0px 0px;
margin-bottom: 0px;
}
.wm-promosongs-thumb > a { margin-bottom: 48px; }
.wm-promosongs-thumb > a,.wm-promosongs-thumb figcaption {
float: left;
width: 100%;
}
.wm-promosongs-thumb figcaption a {
display: inline-block;
position: relative;
}
.wm-promosongs-thumb figcaption span {
display: inline-block;
width: 65px;
height: 65px;
background-color: #b94af6;
color: #ffffff;
text-align: center;
font-size: 23px;
padding-top: 15px;
margin-left: 33px;
overflow: hidden;
position: relative;
}
.wm-promosongs-thumb figcaption span:hover {
background-color: transparent;
box-shadow: 0px 0px 0px 2px #fff inset;
}
.wm-promosongs-thumb figcaption a:first-child span { margin-left: 0px; }
.wm-promosongs-thumb figcaption span i { display: inline-block; }
.wm-promosongs-thumb figcaption span:hover i {
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-ms-transform: translateX(200%);
-o-transform: translateX(200%);
transform: translateX(200%);
}
.wm-promosongs-thumb figcaption span:before {
content: "\f12d";
font-family: Flaticon;
position: absolute;
left: 21px;
top: 16px;
-webkit-transform: translateX(-200%);
-moz-transform: translateX(-200%);
-ms-transform: translateX(-200%);
-o-transform: translateX(-200%);
transform: translateX(-200%);
}
.wm-promosongs-thumb figcaption a:nth-child(2) span:before { content: "\f10e"; }
.wm-promosongs-thumb figcaption span:hover:before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.wm-promosongs-thumb figcaption a[title]:after {
content: attr(title);
padding: 6px 24px;
color: #697d8d;
font-size: 12px;
position: absolute;
right: -50%;
top: -40%;
z-index: 20;
white-space: nowrap;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
background-color: #18222b;
opacity: 0;
}
.wm-promosongs-thumb figcaption a[title]:hover:after {
opacity: 1;
top: -70%;
}
.wm-promosong-text {
float: left;
width: 50%;
padding: 100px 0px 0px 0px;
}
.wm-promo-time {
float: left;
background-color: #121b23;
padding: 23px 90px;
margin-bottom: 64px;
}
.wm-promo-time time {
color: #5e7587;
font-size: 22px;
margin-bottom: 1px;
font-weight: 300;
}
.wm-promo-time ul li {
float: left;
list-style: none;
margin-right: 5px;
}
.wm-promo-time ul li a {
color: #ffffff;
}
.wm-promo-time ul li:hover a { color: #5a7182; }
.wm-text-inner {
float: left;
width: 100%;
padding-left: 85px;
}
.wm-text-inner span {
color: #5e7587;
font-size: 30px;
font-weight: 300;
}
.wm-text-inner h2 {
font-size: 50px;
color: #ffffff;
line-height: 1.1;
margin-bottom: 33px;
}
.ec-app-btn {
float: left;
width: 100%;
}
.ec-app-btn a {
float: left;
margin: 0px 16px 16px 0px;
}
/* Members Slider */
.wm-members-slider-wrap {
float: left;
width: 100%;
position: relative;
}
.wm-members-slider > h2 {
font-size: 50px;
font-weight: 300;
margin-bottom: 35px;
color: #ffffff;
position: relative;
z-index: 2;
}
.wm-members-slider {
float: left;
width: 100%;
position: relative;
background: url(extra-images/team-sliderbg.jpg);
background-size: cover;
padding: 84px 66px 84px 66px;
}
.wm-members-slider-wrap .slick-list { margin: 0px -20px; overflow: hidden; }
.wm-members-slide-layer { margin: 0px 20px; }
.wm-transparent-layer {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.50);
}
.wm-members-slider-wrap figure,
.wm-members-slider-wrap figure a,
.wm-members-slider-wrap figure a img {
float: left;
width: 100%;
}
.wm-members-slider-wrap figure {
margin-bottom: 0px;
overflow: hidden;
}
.wm-members-slider-wrap figure figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
}
.wm-members-slider-wrap figure figcaption:before {
content: '';
opacity: 0;
position: absolute;
left: -100%;
bottom: -100%;
width: 240%;
height: 120%;
-webkit-transform: translateX(-30px) rotate(37deg);
-moz-transform: translateX(-30px) rotate(37deg);
-ms-transform: translateX(-30px) rotate(37deg);
-o-transform: translateX(-30px) rotate(37deg);
transform: translateX(-30px) rotate(37deg);
}
.wm-members-slider-wrap figure figcaption:after {
content: '';
opacity: 0;
position: absolute;
left: 42%;
top: -100%;
width: 340%;
height: 100%;
-webkit-transform: translateX(-500px) rotate(37deg);
-moz-transform: translateX(-500px) rotate(37deg);
-ms-transform: translateX(-500px) rotate(37deg);
-o-transform: translateX(-500px) rotate(37deg);
transform: translateX(-500px) rotate(37deg);
}
.wm-members-slider-wrap figure:hover figcaption:after {
opacity: 0.70;
-webkit-transform: translateX(-668px) rotate(37deg);
-moz-transform: translateX(-668px) rotate(37deg);
-ms-transform: translateX(-668px) rotate(37deg);
-o-transform: translateX(-668px) rotate(37deg);
transform: translateX(-668px) rotate(37deg);
}
.wm-members-slider-wrap figure:hover figcaption:before {
opacity: 0.70;
-webkit-transform: translateX(145px) rotate(37deg);
-moz-transform: translateX(145px) rotate(37deg);
-ms-transform: translateX(145px) rotate(37deg);
-o-transform: translateX(145px) rotate(37deg);
transform: translateX(145px) rotate(37deg);
}
.wm-members-caption {
position: absolute;
left: 0px;
top: 50%;
width: 100%;
margin-top: -60px;
z-index: 2;
opacity: 0;
}
.wm-members-slider-wrap figure:hover .wm-members-caption { opacity: 1; }
.wm-members-caption h2 {
font-weight: 400;
margin-bottom: 0px;
}
.wm-members-caption span {
font-size: 20px;
color: #ffffff;
font-weight: 300;
display: inline-block;
margin-bottom: 20px;
}
.wm-members-caption ul {
display: inline-block;
margin: 0px 0px -80px 0px;
}
.wm-members-slider-wrap figure:hover .wm-members-caption ul { margin-bottom: 0px; }
.wm-members-caption ul li {
list-style: none;
float: left;
margin-left: 9px;
}
.wm-members-caption ul li:first-child { margin-left: 0px; }
.wm-members-caption ul li a {
color: #ffffff;
font-size: 23px;
}
.wm-members-slider .slick-arrow {
width: 47px;
height: 82px;
background-color: #18222b;
color: #5a7082;
text-align: center;
font-size: 34px;
padding: 15px 0px 0px 0px;
top: 50%;
margin-top: -44px;
}
.wm-members-slider .slick-arrow:hover { color: #ffffff; }
.wm-members-slider .slick-arrow.slick-arrow-right {
right: -2px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
/* Fancy Title */
.wm-fancy-title-one {
float: left;
padding: 154px 0px 0px 142px;
width: 38%;
}
.wm-fancy-title-one span {
color: #5e7587;
font-size: 30px;
font-weight: 300;
}
.wm-fancy-title-one h2 {
color: #ffffff;
font-size: 50px;
margin-bottom: 0px;
line-height: 1.2;
}
/* Gallery Section */
.wm-gallery-slider {
float: left;
width: 62%;
}
.wm-gallery-section {
float: left;
width: 100%;
background-color: #121b23;
position: relative;
}
.wm-gallery-slide-layer figure {
margin-bottom: 0px;
overflow: hidden;
}
.wm-gallery-slide-layer figure,
.wm-gallery-slide-layer figure img,.wm-gallery-slide-layer figure > a {
float: left;
width: 100%;
}
.wm-gallery-slide-layer figure > a:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
background-color: rgba(24,34,43,0.70);
width: 100%;
height: 100%;
}
.wm-gallery-section figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
}
.wm-gallery-slide-layer:hover figcaption { opacity: 1; }
.wm-gallery-section figcaption ul {
float: right;
margin: 20px -160px 0px 0px;
position: relative;
}
.wm-gallery-slide-layer:hover figcaption ul { margin-right: 14px; }
.wm-gallery-section figcaption ul li {
list-style: none;
float: left;
margin: 0px 6px;
}
.wm-gallery-section figcaption ul li a {
font-size: 18px;
}
.wm-gallery-section figcaption ul li.wm-gallery-tags a {
float: left;
background-color: #ffffff;
color: #18222b;
padding: 0px 18px 1px 18px;
font-weight: 300;
margin-left: 6px;
}
.wm-play-video {
position: absolute;
left: 50%;
top: 30%;
color: #ffffff;
font-size: 80px;
margin: -50px 0px 0px -30px;
}
.wm-gallery-slide-layer:hover .wm-play-video { top: 50%; }
.wm-gallery-section figcaption h2 {
position: absolute;
bottom: -90px;
left: 0px;
width: 100%;
font-size: 28px;
margin-bottom: 0px;
}
.wm-gallery-slide-layer:hover figcaption h2 { bottom: 32px; }
.wm-gallery-section figcaption:before {
content: '';
opacity: 0;
position: absolute;
left: 0%;
top: 100%;
width: 100%;
height: 100%;
}
.wm-gallery-slide-layer:hover figcaption:before {
opacity: 0.70;
top: 0;
}
.wm-gallery-slider .slick-arrow {
bottom: 200px;
left: 150px;
top: auto;
font-size: 35px;
color: #5a7082;
}
.wm-gallery-slider .slick-arrow:hover { color: #ffffff; }
.wm-gallery-slider .slick-arrow.slick-arrow-right {
right: auto;
left: 220px;
bottom: 196px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-gallery-section:before {
content: '';
width: 312px;
height: 112px;
background-color: #18222b;
position: absolute;
left: 0px;
bottom: 170px;
}
/* ThumbFrame */
.wm-thumb-frame {
float: left;
width: 100%;
margin-bottom: 0px;
}
.wm-transparent-thumb {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(24,34,43,0.70);
}
/* Wrapper Spacer */
.wm-wrap-spacer {
float: left;
width: 100%;
padding: 100px 70px 65px 70px;
}
/* Tour Listing Section */
.wm-tour-title-section {
float: left;
width: 100%;
margin-bottom: 70px;
}
.wm-title-area {
float: left;
}
.wm-tour-title-section .wm-event-viewbtn {
float: right;
}
.wm-title-area span {
color: #5e7587;
font-size: 30px;
font-weight: 300;
line-height: 1.2;
}
.wm-title-area h2 {
color: #ffffff;
font-size: 50px;
margin-bottom: 0px;
line-height: 1.2;
}
.wm-tour-title-section .wm-event-viewbtn { margin-top: 18px; }
.wm-tour,.wm-tour-list figure a,.wm-tour-list figure img {
float: left;
width: 100%;
}
.wm-tour ul li { list-style: none; }
.wm-tour > ul > li { margin-bottom: 33px; }
.wm-tour-list > ul > li {
border-bottom: 2px solid #1f2a34;
padding-bottom: 34px;
}
.wm-tour-list > ul > li:last-child {
border-bottom: none;
padding-bottom: 0px;
}
.wm-tour-list time {
float: left;
color: #5e7587;
font-size: 24px;
font-weight: 300;
padding: 8px 40px 0px 0px;
}
.wm-tour-list time span { display: block; }
.wm-tour-list figure {
float: left;
margin: 0px 40px 0px 0px;
width: 81px;
overflow: hidden;
}
.wm-tour-list h2 {
float: left;
width: 36%;
padding-right: 40px;
}
.wm-tour-list h2 a { color: #5e7587; }
.wm-tour-stock {
float: left;
padding: 3px 0px 0px 0px;
}
.wm-tour-stock span {
font-size: 24px;
color: #5e7587;
font-weight: 300;
display: block;
margin-bottom: 11px;
}
.wm-tour-stock small {
font-size: 18px;
color: #ffffff;
font-weight: 300;
background-color: #24c3be;
padding: 2px 13px;
display: inline-block;
}
.wm-tourbtn {
display: inline-block;
font-size: 18px;
color: #24c3be;
border: 2px solid #24c3be;
padding: 7px 27px 7px 24px;
}
.wm-tourbtn i { margin-right: 5px; }
.wm-tour-list .wm-tourbtn { float: right; margin-top: 15px; }
.wm-tourbtn:hover { border-color: #ffffff; }
.wm-tourbtn:hover { color: #ffffff; }
.wm-tour-list ul li:hover .wm-transparent-thumb {
opacity: 0;
-webkit-transform: translateX(-70px);
-moz-transform: translateX(-70px);
-ms-transform: translateX(-70px);
-o-transform: translateX(-70px);
transform: translateX(-70px);
}
.wm-sold-tour .wm-tourbtn,.wm-cancelled-tour .wm-tourbtn {
border-color: #b94af6;
color: #b94af6;
}
.wm-sold-tour .wm-tour-stock small { background-color: #f64a7b; }
.wm-cancelled-tour .wm-tour-stock small { background-color: #b94af6; }
/* Tour Table */
.wm-tour-table {
display: table;
width: 100%;
margin-bottom: 40px;
}
.wm-tour-table ul {
display: table-row;
width: 100%;
}
.wm-tour-table ul:last-child li { border-bottom: none; }
.wm-tour-table ul li {
display: table-cell;
margin-bottom: 0px;
width: 20%;
font-size: 16px;
color: #b73d6d;
border-bottom: 1px solid #e3e3e3;
padding: 22px 0px;
}
.wm-tour-table ul li span { text-transform: uppercase; }
.wm-tour-table ul li:first-child { width: 10%; }
.wm-tour-table ul li:nth-child(2) { width: 15%; }
.wm-tour-table ul li:nth-child(3) { width: 35%; }
.wm-tourbtn-style {
display: inline-block;
padding: 10px 25px;
border: 2px solid;
text-transform: uppercase;
line-height: 1;
margin-right: 13px;
}
.wm-tourbtn-style:hover { color: #ffffff; }
.wm-moreshow {
float: left;
width: 100%;
text-align: center;
}
.wm-moreshow a {
display: inline-block;
color: #3a3a3a;
font-size: 15px;
text-transform: uppercase;
border: 2px solid #3a3a3a;
padding: 17px 50px;
line-height: 1;
margin-bottom: 10px;
}
/* Item Information */
.wm-item-info {
float: left;
width: 100%;
margin-bottom: 60px;
}
.wm-item-info > span {
font-size: 30px;
font-weight: 300;
color: #92a6b6;
line-height: 1.2;
}
.wm-item-info h2 {
font-size: 50px;
color: #ffffff;
line-height: 1.2;
margin-bottom: 46px;
}
.wm-item-info p {
color: #92a6b6;
font-size: 18px;
margin-bottom: 46px;
font-weight: 300;
}
/* Featured Album */
.wm-album {
float: left;
width: 100%;
}
.wm-album ul li { list-style: none; }
.wm-album > ul > li { margin-bottom: 40px; }
.wm-featured-album figure,.wm-featured-album figure > a,
.wm-featured-album figure img,.wm-featured-album-text,
.wm-album-time {
float: left;
width: 100%;
}
.wm-featured-album-hover {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 1;
opacity: 0;
}
ul li:hover .wm-featured-album-hover { opacity: 1; }
.wm-featured-album-hover:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 0%;
height: 100%;
background-color: rgba(24,34,43,0.90);
}
ul li:hover .wm-featured-album-hover:before,ul li:hover .wm-featured-album-hover:after { width: 50%; }
.wm-featured-album-hover:after {
content: '';
position: absolute;
right: 0px;
top: 0px;
width: 0%;
height: 100%;
background-color: rgba(24,34,43,0.90);
}
.wm-featured-album-hover i {
color: #ffffff;
font-size: 32px;
position: absolute;
left: 50%;
top: 50%;
margin: -12px 0px 0px -14px;
z-index: 3;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
ul li:hover .wm-featured-album-hover i {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.wm-featured-album-text { padding-top: 11px; }
.wm-album-category {
position: absolute;
left: -10px;
top: 16px;
font-size: 16px;
color: #ffffff;
padding: 1px 13px 2px 13px;
font-weight: 300;
background-color: #f64a7b;
line-height: 1.5;
z-index: 2;
}
.wm-featuredalbum .wm-album-category { background-color: #b94af6; }
.wm-freealbum .wm-album-category { background-color: #24c3be; }
.wm-featured-album-text p {
font-size: 16px;
color: #92a6b6;
font-weight: 300;
margin-bottom: 0px;
}
.wm-album-time {
border-top: 2px solid #414d5a;
padding-top: 24px;
margin-top: 16px;
}
.wm-album-time time {
float: left;
color: #92a6b6;
font-size: 16px;
font-weight: 300;
}
.wm-album-time .wm-track-btn { float: right; }
.wm-track-btn {
display: inline-block;
font-size: 16px;
color: #7c90a0;
font-weight: 300;
padding: 1px 15px;
border: 2px solid #7c90a0;
border-radius: 40px;
line-height: 1.5;
}
.wm-track-btn:hover {
background-color: #7a8d9d;
color: #ffffff;
}
/* Latest Album */
.wm-latest-album-slide figure,.wm-latest-album-slide figure > a,
.wm-latest-album-slide figure img,.wm-latest-album-text,
.wm-latest-album {
float: left;
width: 100%;
}
.wm-latest-album { position: relative; padding-bottom: 118px; }
.wm-latest-album .slick-list { margin: 0px -12px; }
.wm-latest-album-slide { padding: 0px 12px; }
.wm-latest-album-slide figure { margin-bottom: 0px; }
.wm-latest-album-slide figure figcaption {
position: absolute;
right: 0px;
bottom: 0px;
width: 100%;
padding: 0px 20px 20px 20px;
text-align: right;
}
.wm-latest-album-slide figure figcaption a {
display: inline-block;
padding: 5px 10px 7px 10px;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
line-height: 1;
}
.wm-latest-album-text {
background-color: #ffffff;
text-align: center;
padding: 40px 10px;
}
.wm-latest-album-text h2 {
margin-bottom: 14px;
}
.wm-latest-album-text h2 a,.wm-latest-album-text span { color: #19191b; }
.wm-latest-album-text span {
font-size: 26px;
margin-bottom: 24px;
display: inline-block;
}
.wm-bayalbum-btn {
display: inline-block;
font-size: 18px;
text-transform: uppercase;
padding: 12px 33px 12px 62px;
position: relative;
overflow: hidden;
}
.wm-bayalbum-btn i {
position: absolute;
left: 33px;
top: 10px;
}
.wm-bayalbum-btn:hover i {
font-size: 60px;
top: -20px;
left: -12px;
}
.wm-bayalbum-btn:hover {
box-shadow: 0px 0px 0px 2px #000 inset;
background-color: transparent;
color: #303032;
}
.wm-latest-album .slick-arrow {
bottom: 0px;
top: auto;
left: 50%;
font-size: 30px;
color: #686262;
margin-left: -50px;
}
.wm-latest-album .slick-arrow:hover { color: #ffffff; }
.wm-latest-album .slick-arrow-left.slick-arrow {
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-latest-album .slick-arrow.slick-arrow-right {
right: 50%;
bottom: 2px;
margin: 0px -40px 0px 0px;
}
/* Latest Album Grid */
.wm-latest-album-grid figure,
.wm-latest-album-grid figure a,.wm-latest-album-grid figure img,
.wm-latest-album-grid .wm-latest-album-grid-text {
float: left;
width: 100%;
}
.wm-latest-album-grid-text { padding-top: 11px; }
.wm-latest-album-grid-text a:first-child { margin-left: 0px; }
.wm-latest-album-grid-text a {
display: inline-block;
border: 2px solid #b0b0b0;
color: #b0b0b0;
line-height: 1;
padding: 10px 24px 10px 25px;
margin-left: 7px;
text-transform: uppercase;
margin-bottom: 10px;
position: relative;
}
.wm-latest-album-grid-text a:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 0;
}
.wm-latest-album-grid-text a:hover:before,.wm-latest-album-grid-text a:hover:after {
height: 50%;
}
.wm-latest-album-grid-text a:after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0;
}
.wm-latest-album-grid-text a:hover { color: #ffffff; }
.wm-latest-album-grid-text a i {
margin-right: 3px;
display: inline-block;
}
.wm-latest-album-grid-text a span {
position: relative;
z-index: 2;
}
/* Album Medium */
.wm-album-medium-wrap,.wm-album-medium figure a,
.wm-album-medium figure img {
float: left;
width: 100%;
}
.wm-album-medium-wrap { background-color: #141414; }
.wm-album-medium figure {
float: left;
width: 291px;
margin-bottom: 0px;
}
.wm-album-medium-text {
padding: 45px;
}
.wm-album-medium figure ~ .wm-album-medium-text { padding: 30px 48px 0px 341px; }
.wm-album-medium-text h2 {
float: left;
margin-bottom: 14px;
}
.wm-album-social-icon {
float: right;
}
.wm-album-social-icon a {
float: left;
color: #5c5c5c;
margin-left: 7px;
font-size: 16px;
}
.wm-album-social-icon a.flaticon-shape { font-size: 26px; }
.wm-album-options {
display: inline-block;
width: 100%;
margin: 0px;
}
.wm-album-options li {
float: left;
list-style: none;
font-size: 16px;
color: #c4c4c4;
font-weight: 300;
margin: 0px 25px 14px 0px;
}
.wm-album-options li span { color: #9a9a9a; }
.wm-album-options li span.wm-album-track-count {
float: left;
padding: 7px 11px;
line-height: 1;
color: #ffffff;
font-size: 13px;
text-transform: uppercase;
font-weight: 400;
}
.wm-album-medium-text p {
color: #9a9a9a;
font-size: 18px;
font-weight: 300;
margin-bottom: 25px;
}
.wm-album-medium-text .wm-bayalbum-listbtn { float: right; }
.wm-album-price {
float: left;
font-size: 26px;
color: #ffffff;
padding-top: 8px;
}
.wm-bayalbum-listbtn {
display: inline-block;
padding: 13px 33px;
line-height: 1;
color: #ffffff;
text-transform: uppercase;
font-size: 18px;
}
.wm-bayalbum-listbtn i { margin-right: 5px; }
.wm-hoverlink {
position: absolute;
left: 0%;
top: 50%;
width: 58px;
height: 58px;
background-color: #ffffff;
border-radius: 100%;
font-size: 18px;
text-align: center;
padding-top: 13px;
margin: -25px 0px 0px -25px;
opacity: 0;
}
ul li:hover .wm-hoverlink {
opacity: 1;
left: 50%;
}
/* Album Navigation */
.wm-album-nav {
float: left;
width: 100%;
background-color: #303032;
text-align: center;
padding: 20px 0px 18px 0px;
}
.wm-album-nav ul li {
list-style: none;
margin-bottom: 8px;
}
.wm-album-nav ul,.wm-album-nav ul li,.wm-album-nav ul li a {
float: left;
width: 100%;
}
.wm-album-nav ul li a {
font-size: 18px;
color: #ffffff;
padding: 12px 10px;
position: relative;
}
.wm-album-nav ul li a:after {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 0px;
top: 13px;
font-size: 14px;
opacity: 0;
}
.wm-album-nav ul li:hover a:after,.wm-album-nav ul li.active a:after {
opacity: 1;
right: 29px;
}
.wm-album-nav ul li:hover a,.wm-album-nav ul li.active a { background-color: #39393a; }
/* Album Player */
.wm-albumplayer {
float: left;
width: 100%;
position: relative;
margin-bottom: 50px;
}
.wm-albumteam-wrap {
float: left;
width: 100%;
margin-bottom: 22px;
}
.wm-editore .fluid-width-video-wrapper { margin-bottom: 50px; }
.wm-editore,.wm-albumteam-slider,.wm-editore .fluid-width-video-wrapper {
float: left;
width: 100%;
position: relative;
}
.wm-editore p {
font-size: 18px;
color: #9a9a9a;
margin-bottom: 30px;
font-weight: 300;
}
.wm-albumteam-slider .slick-list { margin: 0px -12px; }
.wm-albumteam-slider .slick-arrow-left.slick-arrow {
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-albumteam-slider .slick-arrow {
left: auto;
right: 40px;
font-size: 15px;
color: #ffffff;
top: -71px;
}
.wm-albumteam-slider .slick-arrow-right.slick-arrow {
right: 0px;
top: -74px;
}
.wm-albumteam-slider .slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 3px;
bottom: 3px;
color: #3b3b3c;
z-index: -1;
}
.wm-albumteam-slider .slick-arrow-right.slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 3px;
top: 5px;
color: #3b3b3c;
z-index: -1;
}
/* Latest Artist Album */
.wm-latestartist-album {
float: left;
width: 100%;
}
.wm-latestartist-album ul li { list-style: none; }
.wm-latestartist-album ul li { margin-bottom: 30px; }
.wm-latestartist-album .wm-latest-album-slide { padding: 0px; }
.wm-blog-heading.wm-morespace { margin-bottom: 42px; }
/* Album Filter able */
.wm-album-filter {
float: left;
width: 100%;
text-align: center;
margin-bottom: 80px;
}
.wm-album-filter li {
display: inline-block;
list-style: none;
line-height: 1;
margin: 0px 9px;
}
.wm-album-filter li a {
color: #727272;
box-shadow: 0px 0px 0px 2px #5f5f60 inset;
font-size: 16px;
padding: 7px 24px;
float: left;
min-width: 63px;
min-height: 30px;
}
.wm-album-filter li:hover a,.wm-album-filter li a.active {
background-color: #ffffff;
color: #19191b;
box-shadow: none;
}
.wm-related-artist-slider {
float: left;
width: 100%;
position: relative;
}
.wm-related-artist-slider .slick-list { margin: 0px -12px; }
.wm-related-artist-slider .slick-arrow.slick-arrow-left i {
display: inline-block;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.wm-related-artist-slider .slick-arrow {
position: absolute;
left: 0;
top: 50%;
margin-top: -110px;
background-color: #ffffff;
color: #686262;
font-size: 13px;
width: 41px;
height: 139px;
padding-top: 60px;
text-align: center;
}
.wm-related-artist-slider .slick-arrow:hover {color: #ffffff;}
.wm-related-artist-slider .slick-arrow.slick-arrow-right {
left: auto;
right: -1px;
}
/* Update Blog List */
.wm-update-bloglist {
float: left;
width: 100%;
background-color: #121b23;
padding: 105px 110px;
position: relative;
}
.wm-update-bloglist:before {
content: '';
border-top: 25px solid transparent;
border-left: 15px solid #121b23;
border-bottom: 25px solid transparent;
position: absolute;
right: -15px;
top: 50%;
}
/* Update Title Style */
.wm-update-title-area {
float: left;
width: 100%;
border-bottom: 2px solid #1f2a34;
padding-bottom: 32px;
margin-bottom: 85px;
}
.wm-update-title-area .wm-left-section span {
font-size: 30px;
color: #5e7587;
font-weight: 300;
line-height: 1.2;
}
.wm-update-title-area h2 {
font-size: 50px;
margin-bottom: 0px;
line-height: 1.2;
}
.wm-update-title-area .wm-event-viewbtn {
float: right;
margin-top: 28px;
}
/* Update Blog */
.wm-update-blog-wrap,.wm-update-blog-options,.wm-update-blog-wrap figure a,
.wm-update-blog-wrap figure img {
float: left;
width: 100%;
}
.wm-update-blog-wrap figure {
float: left;
width: 300px;
margin-bottom: 0px;
}
.wm-update-blog-wrap figure ~ .wm-update-info { padding-left: 334px; }
.wm-update-info h2 {
font-size: 30px;
margin-bottom: 12px;
}
.wm-update-blog-options { margin-bottom: 13px; }
.wm-update-blog-options li {
float: left;
list-style: none;
color: #5e7587;
font-size: 18px;
margin-bottom: 16px;
}
.wm-update-blog-options li:before {
content: '/';
display: inline-block;
margin: 0px 10px;
}
.wm-update-blog-options li:first-child:before { display: none; }
.wm-update-blog-options li a { color: #5e7587; }
.wm-update-info p {
color: #5e7587;
font-size: 18px;
margin-bottom: 0px;
font-weight: 300;
line-height: 35px;
}
/* Our Store */
.wm-store-wrap {
float: left;
width: 100%;
background-color: #18222b;
padding: 105px 152px 90px 0px;
position: relative;
}
.wm-store-wrap:before {
content: '';
position: absolute;
right: 0px;
top: 60px;
width: 299px;
height: 113px;
background-color: #121b23;
}
.wm-check-store {
float: right;
width: 74%;
}
.wm-check-store > h2 {
float: left;
color: #5e7587;
font-size: 70px;
margin-bottom: 50px;
}
.wm-store-slider,.wm-store-slide-layer figure,.wm-store-slide-layer figure > a,
.wm-store-slide-layer figure img,.wm-ourstore-text,.wm-ourstore-text ul,
.wm-ourstore-text h2 {
float: left;
width: 100%;
}
.wm-ourstore-text { padding-top: 19px; }
.wm-store-slide-layer figure {
margin-bottom: 0px;
}
.wm-ourstore-text small {
color: #5e7587;
font-size: 20px;
float: left;
font-weight: 300;
}
.wm-ourstore-text span {
float: right;
color: #b94af6;
font-size: 24px;
font-weight: 300;
}
.wm-ourstore-text ul li {
float: left;
list-style: none;
line-height: 1;
margin: 2px 5px 11px 0px;
}
.wm-ourstore-text ul li a {
color: #ffffff;
}
.wm-store-slider .slick-list { margin: 0px -35px; }
.wm-store-slide-layer { padding: 0px 35px; }
.wm-ourstore-text ul li:hover a { color: #5a7182; }
.wm-store-slide-layer figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.wm-store-slide-layer:hover figcaption { opacity: 1; }
.wm-store-slide-layer figcaption:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
opacity: 0.70;
}
.wm-store-slide-layer:hover figcaption:before,.wm-store-slide-layer:hover figcaption:after { height: 50%; }
.wm-store-slide-layer figcaption:after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0.70;
}
.wm-store-slide-layer figcaption a {
display: inline-block;
position: relative;
}
.wm-store-slide-layer figcaption a:nth-child(1) {
-webkit-transform: translateY(-80px);
-moz-transform: translateY(-80px);
-ms-transform: translateY(-80px);
-o-transform: translateY(-80px);
transform: translateY(-80px);
}
.wm-store-slide-layer figcaption a:nth-child(2) {
-webkit-transform: translateY(80px);
-moz-transform: translateY(80px);
-ms-transform: translateY(80px);
-o-transform: translateY(80px);
transform: translateY(80px);
}
.wm-store-slide-layer:hover figcaption a {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.wm-store-slide-layer figcaption span {
display: inline-block;
width: 65px;
height: 65px;
background-color: #ffffff;
color: #bd53f6;
text-align: center;
font-size: 23px;
padding-top: 15px;
margin-left: 33px;
overflow: hidden;
position: relative;
}
.wm-store-slide-layer figcaption span:hover {
background-color: transparent;
box-shadow: 0px 0px 0px 2px #fff inset;
color: #ffffff;
}
.wm-store-slide-layer figcaption a:first-child span { margin-left: 0px; }
.wm-store-slide-layer figcaption span i { display: inline-block; }
.wm-store-slide-layer figcaption span:hover i {
-webkit-transform: translateX(200%);
-moz-transform: translateX(200%);
-ms-transform: translateX(200%);
-o-transform: translateX(200%);
transform: translateX(200%);
}
.wm-store-slide-layer figcaption span:before {
content: "\f12d";
font-family: Flaticon;
position: absolute;
left: 21px;
top: 16px;
-webkit-transform: translateX(-200%);
-moz-transform: translateX(-200%);
-ms-transform: translateX(-200%);
-o-transform: translateX(-200%);
transform: translateX(-200%);
}
.wm-store-slide-layer figcaption a:nth-child(2) span:before { content: "\f110"; }
.wm-store-slide-layer figcaption span:hover:before {
-webkit-transform: translateX(0%);
-moz-transform: translateX(0%);
-ms-transform: translateX(0%);
-o-transform: translateX(0%);
transform: translateX(0%);
}
.wm-store-slide-layer figcaption a[title]:after {
content: attr(title);
padding: 6px 24px;
color: #697d8d;
font-size: 12px;
position: absolute;
right: -50%;
top: -40%;
z-index: 20;
white-space: nowrap;
-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
background-color: #18222b;
opacity: 0;
}
.wm-store-slide-layer figcaption a[title]:hover:after {
opacity: 1;
top: -70%;
}
.wm-storebtn {
position: absolute;
left: 0px;
top: 50%;
text-align: center;
width: 100%;
margin-top: -30px;
z-index: 2;
}
.wm-store-slider .slick-arrow {
right: 225px;
left: auto;
top: 88px;
font-size: 35px;
color: #5a7082;
}
.wm-store-slider .slick-arrow:hover { color: #ffffff; }
.wm-store-slider .slick-arrow.slick-arrow-right {
right: 156px;
top: 92px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
/* Recent Releases */
.wm-simple-facny-title {
float: left;
width: 100%;
text-align: center;
margin-bottom: 52px;
}
.wm-simple-facny-title h2 {
color: #ffffff;
font-size: 40px;
line-height: 1.2;
margin-bottom: 0px;
}
.wm-in-light h2 { color: #8b8b8b; }
.wm-recent-releases-album figure,.wm-recent-releases-album figure > a,
.wm-recent-releases-album figure img,.wm-recent-releases-text {
float: left;
width: 100%;
}
.wm-recent-releases-album > ul { margin: 0px -30px; }
.wm-recent-releases-album > ul > li { padding: 0px 30px; }
.wm-recent-releases-album figcaption,
.wm-recent-releases-album figcaption:before {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
}
.wm-recent-releases-album ul li:hover figcaption,
.wm-recent-releases-album ul li:hover figcaption:before { opacity: 1; }
.wm-recent-releases-album figcaption:before {
content: '';
opacity: 0.90;
width: 0%;
-webkit-transition: all 0.4s cubic-bezier(0.70,0.70,0.20,0.20);
-moz-transition: all 0.4s cubic-bezier(0.70,0.70,0.20,0.20);
-o-transition: all 0.4s cubic-bezier(0.70,0.70,0.20,0.20);
transition: all 0.4s cubic-bezier(0.70,0.70,0.20,0.20);
}
.wm-recent-releases-album figcaption:after {
content: '';
position: absolute;
right: 0px;
top: 0px;
height: 100%;
opacity: 0.95;
width: 0%;
-webkit-transition: all 0.4s cubic-bezier(0.70,0.70,0.20,0.20);
-moz-transition: all 0.4s cubic-bezier(0.70,0.70,0.20,0.20);
-o-transition: all 0.4s cubic-bezier(0.70,0.70,0.20,0.20);
transition: all 0.4s cubic-bezier(0.70,0.70,0.20,0.20);
}
.wm-recent-releases-album ul li:hover figcaption:before,.wm-recent-releases-album ul li:hover figcaption:after { width: 50%; }
.wm-album-caption {
position: absolute;
left: 0px;
width: 100%;
top: 50%;
margin-top: -65px;
z-index: 3;
}
.wm-album-caption h2 {
margin-bottom: 3px;
display: inline-block;
font-weight: 400;
width: 100%;
-webkit-transform: skewX(40deg) translateX(-70px);
-moz-transform: skewX(40deg) translateX(-70px);
-ms-transform: skewX(40deg) translateX(-70px);
-o-transform: skewX(40deg) translateX(-70px);
transform: skewX(40deg) translateX(-70px);
}
ul li:hover .wm-album-caption h2 {
-webkit-transform: skewX(0deg) translateX(0px);
-moz-transform: skewX(0deg) translateX(0px);
-ms-transform: skewX(0deg) translateX(0px);
-o-transform: skewX(0deg) translateX(0px);
transform: skewX(0deg) translateX(0px);
}
.wm-album-caption ul {
display: inline-block;
margin: 0px 0px 3px 0px;
opacity: 0;
}
ul li:hover .wm-album-caption ul { opacity: 1; }
.wm-album-caption ul li {
float: left;
margin-left: 13px;
}
.wm-album-caption ul li:first-child { margin-left: 0px; }
.wm-album-caption ul li a {
font-size: 19px;
color: #343434;
}
.wm-album-caption ul li a.flaticon-shape { font-size: 28px; }
.wm-album-caption ul li span {
font-size: 17px;
color: #343434;
}
.wm-album-linkbtn {
display: inline-block;
width: 46px;
height: 46px;
background-color: #ffffff;
border-radius: 100%;
text-align: center;
font-size: 20px;
padding: 7px 0px 0px 0px;
margin: 0px 5px;
-webkit-transition: all 0.4s cubic-bezier(1,1,1,1);
-moz-transition: all 0.4s cubic-bezier(1,1,1,1);
-o-transition: all 0.4s cubic-bezier(1,1,1,1);
transition: all 0.4s cubic-bezier(1,1,1,1);
-webkit-transform: translateX(-80px);
-moz-transform: translateX(-80px);
-ms-transform: translateX(-80px);
-o-transform: translateX(-80px);
transform: translateX(-80px);
}
.wm-album-caption .wm-album-linkbtn:last-child {
-webkit-transform: translateX(80px);
-moz-transform: translateX(80px);
-ms-transform: translateX(80px);
-o-transform: translateX(80px);
transform: translateX(80px);
}
ul li:hover .wm-album-linkbtn,ul li:hover .wm-album-linkbtn:last-child {
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.wm-album-linkbtn:hover { background-color: #343434; }
.wm-album-linkbtn .flaticon-link { font-size: 18px; }
.wm-recent-releases-text { padding-top: 12px; }
.wm-recent-releases-text time {
font-size: 16px;
color: #979797;
font-weight: 300;
float: left;
}
.wm-recent-releases-text h2 {
float: right;
font-size: 18px;
margin-bottom: 0px;
}
.wm-seeall-btn {
float: left;
width: 100%;
text-align: center;
}
.wm-seeall-btn a {
display: inline-block;
color: #ffffff;
padding: 14px 36px 12px 36px;
font-size: 18px;
text-transform: uppercase;
margin: 8px 0px;
}
/* Tour Schedule */
.wm-tour-schedule,.wm-tour-schedule-wrap,.wm-schedule-text {
float: left;
width: 100%;
}
.wm-tour-schedule ul li { list-style: none; }
.wm-tour-schedule-wrap {
background-color: #19191b;
border: 7px solid #19191b;
box-shadow: 0px 0px 0px 2px #2a2a2c inset;
text-align: center;
padding: 30px 0px 34px 0px;
}
.wm-schedule-date {
display: inline-block;
color: #8b8b8b;
font-size: 70px;
font-weight: 300;
line-height: 1;
padding-bottom: 26px;
margin-bottom: 21px;
border-bottom: 1px solid;
}
.wm-tour-schedule small {
font-size: 20px;
font-weight: 300;
color: #8b8b8b;
display: inline-block;
margin-bottom: 32px;
}
.wm-schedule-text {
background-color: #1e1e20;
padding: 24px 0px 20px 0px;
position: relative;
margin-bottom: 30px;
}
.wm-schedule-text:before {
content: '';
position: absolute;
left: -7px;
top: 0px;
height: 100%;
width: 9px;
background-color: #1e1e20;
border-right: 2px solid #2a2a2c;
}
.wm-schedule-text:after {
content: '';
position: absolute;
right: -7px;
top: 0px;
height: 100%;
width: 9px;
background-color: #1e1e20;
border-left: 2px solid #2a2a2c;
}
.wm-schedule-text span {
color: #c3c3c3;
font-size: 20px;
font-weight: 300;
display: inline-block;
}
.wm-schedule-text p {
font-size: 26px;
color: #8b8b8b;
font-weight: 300;
}
ul li:hover .wm-tour-schedule-wrap {
background-color: #ffffff;
border-color: #ffffff;
box-shadow: 0px 0px 0px 2px #ff5722 inset;
}
ul li:hover .wm-schedule-text { background-color: #f3f3f3; }
ul li:hover .wm-schedule-text span { color: #8b8b8b; }
ul li:hover .wm-schedule-date ,.wm-tour-schedule ul li:hover small,
ul li:hover .wm-schedule-text p {
color: #19191b;
}
ul li:hover .wm-schedule-text:before,ul li:hover .wm-schedule-text:after {
background-color: #f3f3f3;
border-color: #ff5722;
}
/* Simple Section Heading */
.wm-simple-section-heading {
float: left;
width: 100%;
margin-bottom: 41px;
}
.wm-simple-section-heading h2 {
font-size: 30px;
margin-bottom: 0px;
}
/* Casting List */
.wm-casting-list {
float: left;
width: 100%;
}
.wm-casting-list ul {
float: left;
width: 100%;
padding: 45px 50px;
background-color: #303032;
}
.wm-casting-list ul li {
float: left;
width: 100%;
list-style: none;
color: #8b8b8b;
font-size: 20px;
font-weight: 300;
margin-bottom: 27px;
}
.wm-casting-list ul li:last-child { margin-bottom: 0px; }
.wm-casting-list ul li a { color: #b4b4b4; }
/* Event */
.wm-event {
float: left;
width: 100%;
}
.wm-event ul li { list-style: none; }
.wm-event > ul > li { margin-bottom: 28px; }
/* Event List */
.wm-event figure img {
float: left;
width: 100%;
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
}
.wm-event ul li:hover figure img {
filter: none;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.wm-event figure {
float: left;
width: 394px;
margin-bottom: 0px;
}
.col-md-9 .wm-event figure { width: 291px; }
.col-md-9 .wm-event figure ~ .wm-event-text { padding-left: 330px; }
.col-md-9 .wm-event .wm-event-text { padding: 33px 40px 40px; }
.col-md-9 .wm-event .wm-event-info { width: 70%; }
.wm-event figure > a {
float: left;
border-bottom: 1px solid #303032;
}
.wm-event figure figcaption {
position: absolute;
right: 0px;
top: 0px;
height: 100%;
width: 103px;
text-align: center;
padding-top: 30px;
}
.wm-event figure figcaption span {
display: block;
font-size: 25px;
color: #ffffff;
font-weight: 300;
}
.wm-event figure figcaption span:before {
content: '/';
display: block;
color: #ffffff;
font-size: 15px;
margin: 6px 0px 4px 0px;
}
.wm-event figure figcaption span:first-child:before { display: none; }
.wm-event figure ~ .wm-event-text { padding-left: 454px; }
.wm-event .wm-event-text {
background-color: #141414;
min-height: 223px;
padding: 33px 60px 40px 60px;
}
.wm-event .wm-event-info {
float: left;
width: 72%;
}
.wm-event-info h2 { margin-bottom: 0px; }
.wm-event-info time {
font-size: 24px;
color: #ffffff;
font-weight: 300;
margin-bottom: 25px;
display: inline-block;
}
.wm-event-info p {
font-size: 18px;
font-weight: 300;
color: #9a9a9a;
}
.wm-event .wm-event-link {
float: right;
width: 28%;
text-align: right;
padding-top: 26px;
}
.wm-event-link a {
display: inline-block;
font-size: 16px;
color: #7c7c7c;
padding: 14px 40px;
text-transform: uppercase;
background-color: #303032;
margin-bottom: 20px;
line-height: 1;
}
.wm-event-link a:hover {
color: #ffffff;
-webkit-transform: scale(0.95);
-moz-transform: scale(0.95);
-ms-transform: scale(0.95);
-o-transform: scale(0.95);
transform: scale(0.95);
}
.wm-checkall-btn {
float: left;
width: 100%;
text-align: center;
margin: 30px 0px 15px 0px;
}
.wm-checkall-btn a {
display: inline-block;
padding: 3px 22px 5px 22px;
color: #7c7c7c;
border: 2px solid #7c7c7c;
font-size: 20px;
font-weight: 300;
}
.wm-checkall-btn a:hover {
border-color: #ffffff;
color: #ffffff;
}
/* Event Grid */
.wm-event-grid figure,.wm-event-grid figure a,
.wm-event-grid figure img,.wm-event-grid figure ~ .wm-event-text,
.wm-event-grid .wm-event-link,.wm-event-grid .wm-event-info,
.wm-event-grid-wrap {
width: 100%;
float: left;
}
.wm-event-grid figure ~ .wm-event-text { padding: 34px 37px 43px 37px; }
.wm-event-grid .wm-event-link a { margin: 0px 0px 0px 18px; }
.wm-event-grid .wm-event-link { padding-top: 17px; }
.wm-event-grid .wm-event-link a:first-child { margin-left: 0px; }
.wm-event-label.wm-fewtickets { background-color: #f64a7b; }
.wm-event-label {
position: absolute;
left: 10px;
top: 10px;
line-height: 1;
padding: 6px 15px;
color: #fff;
font-size: 16px;
font-weight: 300;
background-color: #3e9649;
margin-bottom: 10px;
}
.wm-event-grid-wrap { position: relative; }
.wm-cancelled .wm-event-grid-wrap:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.50);
z-index: 9;
}
/* artist list medium view*/
.wm-artist,.wm-artist-medium figure a,.wm-artist-medium figure img {
float: left;
width: 100%;
}
.wm-artist ul li { list-style: none; }
.wm-artist > ul > li { margin-bottom: 50px; }
.wm-artist-medium figure {
float: left;
width: 458px;
margin: 0;
}
.wm-artist-medium figure img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wm-artist-medium ul li:hover figure img {
filter: none;
-webkit-filter: greyscale(0%);
filter: greyscale(0%);
}
.wm-artist-medium figure ~ .wm-artist-text { padding: 33px 0px 0px 515px; }
.wm-artist-title {
border-bottom: 2px solid #212122;
float: left;
margin-bottom: 30px;
padding: 0px 0px 13px 0px;
width: 100%;
}
.wm-artist-text p {
font-size: 18px;
font-weight: 300;
color: #acacac;
}
.wm-artist-title .wm-title {
float: left;
}
.wm-artist-title .wm-title h2 { margin-bottom: 5px; }
.wm-artist-title .wm-title span {
font-size: 17px;
font-weight: 300;
color: #acacac;
}
.wm-artist-title ul {
float: right;
margin: 0;
padding: 0;
}
.wm-artist-title ul li {
display:inline-block;
padding-left: 10px;
margin-top: 7px;
}
.wm-artist-title ul li a {
color: #5c5c5c;
font-size: 16px;
-webkit-transition: all .25s ease-in-out;
-moz-transition: all .25s ease-in-out;
-ms-transition: all .25s ease-in-out;
-o-transition: all .25s ease-in-out;
transition: all .25s ease-in-out;
}
.wm-artist-title ul li a span.flaticon-shape { font-size: 22px; }
.wm-artist-title ul li a:hover { color: #46629e; }
/* artist list grid view*/
.wm-artist-grid ul li {
margin-bottom: 30px;
text-align: center;
}
.wm-artist-slider-layer {
text-align: center;
padding: 0px 12px;
}
.wm-artist-slider .slick-list { margin: 0px -12px; }
.wm-artist-grid .wm-artist-title {
border-bottom: none;
margin-bottom: 0px;
}
.wm-artist-grid figure {
width: 100%;
margin: 0px 0px 15px 0px;
}
.wm-artist-grid figure img { width: 100%; }
.wm-artist-grid ul li,
.wm-artist-slider-layer {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.wm-artist-grid ul li:hover,
.wm-artist-slider-layer:hover {
filter: none;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.wm-artist-grid figcaption,
.wm-artist-slider-layer figcaption {
width: 100%;
float: left;
}
.wm-artist-grid figcaption a,
.wm-artist-slider-layer figcaption a {
position: absolute;
top: 50%;
left: 50%;
padding: 10px 17px;
background-color: #ffffff;
color: #f5bd03;
border-radius: 100%;
margin: -25px 0 0 -28px;
opacity: 0;
-webkit-transition: all 0.25s ease-in-out;
-moz-transition: all 0.25s ease-in-out;
-ms-transition: all 0.25s ease-in-out;
-o-transition: all 0.25s ease-in-out;
transition: all 0.25s ease-in-out;
-webkit-transform: scale(0);
-moz-transform: scale(0);
-ms-transform: scale(0);
-o-transform: scale(0);
transform: scale(0);
}
.wm-artist-grid ul li:hover figcaption a,
.wm-artist-slider-layer:hover figcaption a {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.wm-artist-grid .wm-artist-title h2,
.wm-artist-slider-layer .wm-artist-title h2 {
font-size: 20px;
margin-bottom: 0px;
}
.wm-artist-grid .wm-artist-title span { font-size: 17px; }
/* Artist Slider */
.wm-artist-slider {
float: left;
width: 100%;
position: relative;
}
.wm-artist-slider .slick-arrow {
top: 50%;
left: 20px;
color: #ffffff;
font-size: 27px;
margin-top: -50px;
}
.wm-artist-slider .slick-arrow-left.slick-arrow {
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-artist-slider .slick-arrow-right.slick-arrow { right: 20px; }
/* our gallery view */
.wm-gallery{
width: 100%;
float: left;
}
.wm-gallery > ul > li { list-style: none; }
.wm-modern-gallery ul li { margin-bottom: 30px; }
.wm-modern-gallery figure {
width: 100%;
margin-bottom: 22px;
float: left;
overflow: hidden;
}
.wm-modern-gallery figure img {
width: 100%;
float: left;
}
.wm-modern-gallery figure figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.wm-modern-gallery figure figcaption:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
-webkit-transform-origin: bottom right;
-moz-transform-origin: bottom right;
-ms-transform-origin: bottom right;
-o-transform-origin: bottom right;
transform-origin: bottom right;
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.wm-modern-gallery ul li:hover figcaption:before {
opacity: 0.95;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.wm-modern-gallery figure span {
position: absolute;
top: 11px;
left: 12px;
font-size: 22px;
}
.wm-modern-gallery figcaption a {
position: absolute;
left: 50%;
top: 50%;
background-color: #ffffff;
color: #f5bd03;
border-radius: 100%;
padding: 10px 17px;
margin: -25px 0 0 -28px;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
}
.wm-modern-gallery figcaption a:hover {
background-color: #343434;
}
.wm-modern-gallery ul li .wm-artist-title {
border-bottom: none;
margin-bottom: 0px;
}
.wm-modern-gallery ul li .wm-artist-title h2 {
font-size: 18px;
float: right;
}
.wm-modern-gallery ul li .wm-artist-title time {
font-size: 16px;
float: left;
color: #979797;
}
/* Twitter Slider */
.wm-twitter-wrap {
float: left;
width: 100%;
background-color: #19191b;
padding: 32px 40px 32px 20%;
}
.wm-twitter-title {
border-bottom: 2px solid #252526;
float: right;
width: 80%;
padding-bottom: 7px;
margin-bottom: 18px;
}
.wm-twitter-title h2 i {
float: left;
color: #49494b;
margin: 0px 12px 0px 0px;
}
.wm-twitter-slider {
float: right;
width: 80%;
}
.wm-twitter-slide-layer p {
color: #8b8b8b;
font-size: 24px;
font-weight: 300;
line-height: 38px;
margin-bottom: 0px;
font-style: italic;
}
.wm-twitter-slide-layer p a { color: #cccccc; }
.wm-twitter-slider .slick-arrow-left.slick-arrow {
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-twitter-slider .slick-arrow {
left: auto;
right: 93px;
font-size: 15px;
color: #ffffff;
top: 41px;
}
.wm-twitter-slider .slick-arrow-right.slick-arrow {
right: 54px;
top: 38px;
}
.wm-twitter-slider .slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 3px;
bottom: 3px;
color: #3b3b3c;
z-index: -1;
}
.wm-twitter-slider .slick-arrow-right.slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 3px;
top: 5px;
color: #3b3b3c;
z-index: -1;
}
.wm-albumalbel-list {
float: left;
width: 100%;
background-color: #4a4a4a;
padding: 24px 56px 24px 56px;
}
.wm-albumalbel-list ul li {
list-style: none;
float: left;
width: 100%;
font-size: 18px;
color: #8b8b8b;
font-weight: 300;
margin-bottom: 17px;
}
.wm-albumalbel-list ul li:last-child { margin-bottom: 0px; }
.wm-albumalbel-list ul li a { color: #bcbcbc; }
/* Facny Title */
.wm-fancy-title {
float: left;
width: 100%;
text-align: center;
margin-bottom: 65px;
}
.wm-fancy-title span {
color: #a97c3d;
font-size: 18px;
text-transform: uppercase;
line-height: 1;
}
.wm-fancy-title h2 {
font-size: 60px;
color: #ffffff;
line-height: 1;
}
.wm-fancy-darkcolor h2 { color: #3a3a3a; }
/* MusicBeat Dates */
.wm-musicbeat-dates,.wm-musicbeat-dates-wrap,
.wm-musicbeat-dates-wrap figure a,.wm-musicbeat-dates-wrap figure img {
float: left;
width: 100%;
}
.wm-musicbeat-dates { margin-bottom: 32px; }
.wm-musicbeat-dates ul li { list-style: none; }
.wm-musicbeat-dates-wrap {
background-color: #ffffff;
padding: 26px 35px 26px 26px;
margin-bottom: 2px;
}
.wm-musicbeat-dates ul li:hover .wm-musicbeat-dates-wrap {
-webkit-transform: scale(1.01);
-moz-transform: scale(1.01);
-ms-transform: scale(1.01);
-o-transform: scale(1.01);
transform: scale(1.01);
}
.wm-musicbeat-dates-wrap figure {
float: left;
width: 152px;
margin: 0px;
padding: 0px 63px 0px 0px;
}
.wm-musicbeat-dates-wrap figure img { border-radius: 100%; }
.wm-musicbeat-dates-wrap time {
float: left;
font-size: 70px;
color: #515151;
font-weight: 300;
padding: 8px 115px 0px 0px;
line-height: 1;
}
.wm-musicbeat-dates-wrap time span {
font-size: 22px;
color: #515151;
display: inline-block;
vertical-align: top;
padding-top: 10px;
line-height: 24px;
}
.wm-musicbeat-dates-wrap time span small { display: block; }
.wm-musicbeat-title {
float: left;
padding: 19px 30px 0px 0px;
}
.wm-musicbeat-title h2 {
font-size: 20px;
font-weight: 400;
text-transform: uppercase;
margin-bottom: 0px;
}
.wm-musicbeat-title h2 a { color: #515151; }
.wm-musicbeat-title span {
font-size: 20px;
color: #515151;
font-weight: 300;
line-height: 20px;
float: left;
}
.wm-musicbeat-link {
float: right;
margin-top: 20px;
}
.wm-bayticket-radius-btn {
display: inline-block;
padding: 16px 35px;
color: #ffffff;
font-size: 16px;
line-height: 1;
border-radius: 40px;
position: relative;
overflow: hidden;
}
.wm-bayticket-radius-btn span { position: relative; }
.wm-bayticket-radius-btn:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
background-color: #3a3a3a;
width: 100%;
height: 50%;
border-radius: 40px;
opacity: 0;
-ms-transform-origin: top left;
-webkit-transform-origin: top left;
transform-origin: top left;
-webkit-transform: rotate(15deg);
-moz-transform: rotate(15deg);
-ms-transform: rotate(15deg);
-o-transform: rotate(15deg);
transform: rotate(15deg);
}
.wm-bayticket-radius-btn:hover:before {
opacity: 1;
height: 100%;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
.wm-bayticket-radius-btn i {
float: left;
margin-right: 8px;
}
.wm-info-btn {
float: right;
font-size: 20px;
color: #515151;
font-weight: 300;
padding: 11px 0px 0px 42px;
}
.wm-info-btn i {
font-size: 11px;
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.wm-black-layer {
position: absolute;
left: 0px;
top: 0px;
width: 89px;
height: 100%;
background-color: rgba(0,0,0,0.70);
border-radius: 100%;
opacity: 0;
-webkit-transform: scale(0.5);
-moz-transform: scale(0.5);
-ms-transform: scale(0.5);
-o-transform: scale(0.5);
transform: scale(0.5);
}
.wm-musicbeat-dates ul li:hover .wm-black-layer {
opacity: 1;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.wm-align-center {
float: left;
width: 100%;
text-align: center;
margin-bottom: 15px;
}
.wm-align-center a {
float: none;
display: inline-block;
padding: 0px;
}
/* Latest Releases */
.wm-latest-release-layer figure,.wm-latest-release-layer figure > a,
.wm-latest-release-layer figure img,.wm-latest-releases-slider {
float: left;
width: 100%;
}
.wm-latest-releases-slider {
position: relative;
padding-bottom: 100px;
}
.wm-latest-releases-slider .slick-list { margin: 0px -12px; }
.wm-latest-release-layer {
text-align: center;
padding: 0px 12px;
}
.wm-latest-release-layer figure {
border: 10px solid #f5f5f5;
margin-bottom: 12px;
}
.wm-latest-release-layer figure figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.40);
opacity: 0;
}
.wm-latest-release-layer:hover figure figcaption { opacity: 1; }
.wm-latest-release-layer figure figcaption a {
position: absolute;
left: 50%;
top: 0%;
width: 64px;
height: 64px;
color: #2f2f2f;
background-color: #ffffff;
border-radius: 100%;
text-align: center;
padding-top: 15px;
font-size: 22px;
margin: -28px 0px 0px -30px;
-webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
}
.wm-latest-release-layer:hover figure figcaption a { top: 50%; }
.wm-latest-release-layer time {
color: #a97c3d;
font-size: 16px;
}
.wm-latest-release-layer h4 {
font-weight: 400;
text-transform: uppercase;
}
.wm-latest-release-layer h4 a { color: #3a3a3a; }
.wm-latest-releases-slider .slick-arrow {
left: 50%;
bottom: 0px;
top: auto;
width: 56px;
height: 46px;
background-color: #2f2f2f;
border-radius: 0px 40px 40px 0px;
text-align: center;
padding-top: 14px;
font-size: 12px;
color: #ffffff;
}
.wm-latest-releases-slider .slick-arrow.slick-arrow-left {
border-radius: 40px 0px 0px 40px;
padding-top: 16px;
margin-left: -45px;
}
.wm-latest-releases-slider .slick-arrow.slick-arrow-left i {
display: inline-block;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-latest-releases-slider .slick-arrow.slick-arrow-right {
right: 50%;
margin-right: -67px;
}
/* Event Contdwon */
.wm-light-layer {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(242,242,242,0.80);
}
.wm-event-timer .wm-fancy-title { margin-bottom: 13px; }
.wm-event-timer {
float: left;
width: 100%;
text-align: center;
background-color: rgba(255,255,255,0.90);
padding: 64px 20px 9px 20px;
}
.wm-event-timer .is-countdown {
display: inline-block;
width: 100%;
}
.wm-event-timer .countdown-section {
font-size: 100px;
color: #3a3a3a;
font-weight: 300;
padding: 0px 0px 55px 0px;
display: inline-block;
width: 20%;
}
.wm-event-timer .countdown-period {
display: inline-block;
width: 8px;
color: #3a3a3a;
font-size: 16px;
font-weight: 300;
word-break: break-all;
text-transform: uppercase;
font-weight: 400;
margin-left: 9px;
}
/* Our Video Slider */
.wm-ourvideo-slider,.wm-ourvideo-wrap {
float: left;
width: 100%;
position: relative;
}
.wm-ourvideo-slider { margin-bottom: 50px; }
.wm-ourvideo-wrap { background-color: #f5f5f5; }
.wm-ourvideo-wrap figure {
float: left;
width: 58%;
margin-bottom: 0px;
}
.wm-ourvideo-wrap .wm-ourvideo-text {
float: left;
width: 100%;
text-align: center;
padding: 60px 42px 60px 42px;
}
.wm-ourvideo-text time {
display: inline-block;
font-size: 16px;
color: #a97c3d;
margin-bottom: 3px;
}
.wm-ourvideo-text h4 {
font-weight: 400;
margin-bottom: 35px;
}
.wm-ourvideo-text h4 a { color: #3a3a3a; }
.wm-ourvideo-text p {
color: #515151;
font-size: 18px;
line-height: 30px;
font-weight: 300;
}
.wm-ourvideo-wrap figure ~ .wm-ourvideo-text {
float: right;
width: 42%;
}
.wm-ourvideo-slider .slick-dots { bottom: 53px; }
.wm-ourvideo-slider .slick-dots li button {
background-color: #e3e3e3;
border: none;
width: 36px;
height: 4px;
}
/* Masonry Gallery */
.wm-masonry-gallery,.wm-masonry-gallery ul li > a,
.wm-masonry-gallery ul li img {
float: left;
width: 100%;
}
.wm-masonry-gallery ul li {
list-style: none;
position: relative;
padding: 0px;
overflow: hidden;
}
.wm-masgallery-caption { opacity: 0; }
.wm-masgallery-caption,
.wm-effect-layer {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
}
.wm-masgallery-caption:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 50%;
height: 50%;
opacity: 0.95;
-webkit-transform: translateX(-150px) translateY(-150px);
-moz-transform: translateX(-150px) translateY(-150px);
-ms-transform: translateX(-150px) translateY(-150px);
-o-transform: translateX(-150px) translateY(-150px);
transform: translateX(-150px) translateY(-150px);
}
.wm-masgallery-caption:after {
content: '';
position: absolute;
right: 0px;
top: 0px;
width: 50%;
height: 50%;
opacity: 0.95;
-webkit-transform: translateX(150px) translateY(-150px);
-moz-transform: translateX(150px) translateY(-150px);
-ms-transform: translateX(150px) translateY(-150px);
-o-transform: translateX(150px) translateY(-150px);
transform: translateX(150px) translateY(-150px);
}
.wm-masonry-gallery ul li:hover .wm-masgallery-caption:before,
.wm-masonry-gallery ul li:hover .wm-masgallery-caption:after,
.wm-masonry-gallery ul li:hover .wm-effect-layer:after,
.wm-masonry-gallery ul li:hover .wm-effect-layer:before {
-webkit-transform: translateX(0px) translateY(0px);
-moz-transform: translateX(0px) translateY(0px);
-ms-transform: translateX(0px) translateY(0px);
-o-transform: translateX(0px) translateY(0px);
transform: translateX(0px) translateY(0px);
}
.wm-effect-layer:after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 50%;
height: 50%;
opacity: 0.95;
-webkit-transform: translateX(-150px) translateY(150px);
-moz-transform: translateX(-150px) translateY(150px);
-ms-transform: translateX(-150px) translateY(150px);
-o-transform: translateX(-150px) translateY(150px);
transform: translateX(-150px) translateY(150px);
}
.wm-effect-layer:before {
content: '';
position: absolute;
right: 0px;
bottom: 0px;
width: 50%;
height: 50%;
opacity: 0.95;
-webkit-transform: translateX(150px) translateY(150px);
-moz-transform: translateX(150px) translateY(150px);
-ms-transform: translateX(150px) translateY(150px);
-o-transform: translateX(150px) translateY(150px);
transform: translateX(150px) translateY(150px);
}
.wm-masgallery-caption-inn {
position: absolute;
left: 0px;
width: 100%;
top: 50%;
margin-top: -20px;
z-index: 1;
opacity: 0;
}
.wm-masonry-gallery ul li:hover .wm-masgallery-caption-inn,.wm-masonry-gallery ul li:hover .wm-masgallery-caption { opacity: 1; }
.wm-masgallery-caption-inn h2 {
text-transform: uppercase;
font-weight: 400;
margin-bottom: 4px;
}
.wm-masgallery-caption-inn time {
color: #515151;
font-size: 20px;
font-weight: 300;
text-transform: uppercase;
}
.wm-masgallery-caption-inn time i {
font-size: 11px;
display: inline-block;
vertical-align: top;
margin-left: 5px;
}
/* Latest News */
.wm-news,.wm-news-grid figure,.wm-news-grid figure > a,
.wm-news-grid figure img,.wm-news-grid-text {
float: left;
width: 100%;
}
.wm-news ul li { list-style: none; }
.wm-news > ul > li { margin-bottom: 30px; }
.wm-news-grid figure {
margin-bottom: 0px;
overflow: hidden;
}
.wm-news-grid figure figcaption,
.wm-news-grid figure figcaption:before {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.wm-news-grid figure figcaption:before {
content: '';
border-radius: 30%;
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-ms-transform: scale(0.7);
-o-transform: scale(0.7);
transform: scale(0.7);
}
.wm-news-grid ul li:hover figure figcaption { opacity: 1; }
.wm-news-grid ul li:hover figure figcaption:before { opacity: 0.95; }
.wm-news-grid ul li:hover figure figcaption:before {
border-radius: 0px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.wm-news-grid ul li:hover figure figcaption a {
border-radius: 40px;
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
}
.wm-news-grid figure figcaption a {
position: absolute;
left: 50%;
top: 50%;
color: #ffffff;
font-size: 16px;
padding: 9px 30px;
background-color: #3a3a3a;
margin: -20px 0px 0px -75px;
-webkit-transform: scale(1.4);
-moz-transform: scale(1.4);
-ms-transform: scale(1.4);
-o-transform: scale(1.4);
transform: scale(1.4);
}
.wm-news-grid figure figcaption a i { margin-right: 5px; }
.wm-news-grid-text {
background-color: #f5f5f5;
padding: 31px 40px 22px 40px;
}
.wm-news-grid-text time {
font-size: 16px;
color: #a97c3d;
text-transform: uppercase;
margin-bottom: 0px;
}
.wm-news-grid-text time span:before {
content: '.';
display: inline-block;
margin: 0px 12px 0px 9px;
font-size: 18px;
color: #a97c3d;
vertical-align: super;
}
.wm-news-grid-text h4 { margin-bottom: 16px; }
.wm-news-grid-text h4 a {
color: #3a3a3a;
font-weight: 400;
}
.wm-news-grid-text p {
font-size: 18px;
color: #515151;
margin-bottom: 23px;
font-weight: 300;
}
.wm-news-grid-text .wm-info-btn {
float: left;
width: 100%;
text-align: center;
border-top: 2px solid #ececec;
padding: 20px 0px 0px 0px;
}
/* ShopMedium */
.wm-shop-medium,.wm-shop-links {
float: left;
width: 100%;
}
.wm-shop-medium {
padding-bottom: 100px;
position: relative;
}
.wm-shop-medium .slick-list { margin: 0px -12px; }
.wm-shop-medium-slide {
background-color: #ffffff;
margin: 0px 12px;
}
.wm-shop-medium-slide figure {
float: left;
width: 258px;
margin-bottom: 0px;
}
.wm-shop-medium-slide figure ~ .wm-shop-medium-text { padding: 60px 0px 0px 258px; }
.wm-shop-medium-text {
text-align: center;
padding: 25px;
}
.wm-shop-medium-text span {
font-size: 26px;
color: #3a3a3a;
display: inline-block;
margin-bottom: 8px;
}
.wm-shop-medium-text h2 {
font-size: 28px;
margin-bottom: 2px;
}
.wm-shop-medium-text h2 a {
color: #3a3a3a;
}
.wm-shop-medium-text small {
font-size: 16px;
color: #a97c3d;
text-transform: uppercase;
display: inline-block;
margin-bottom: 23px;
}
.wm-shop-links a {
display: inline-block;
width: 45px;
height: 45px;
border: 2px solid;
border-radius: 100%;
font-size: 17px;
padding-top: 6px;
margin: 0px 2px;
}
.wm-shop-links a:hover { color: #ffffff; }
.wm-shop-medium .slick-arrow {
left: 50%;
bottom: 0px;
top: auto;
width: 56px;
height: 46px;
border-radius: 0px 40px 40px 0px;
text-align: center;
padding-top: 14px;
font-size: 12px;
color: #ffffff;
}
.wm-shop-medium .slick-arrow.slick-arrow-left {
border-radius: 40px 0px 0px 40px;
padding-top: 16px;
margin-left: -45px;
}
.wm-shop-medium .slick-arrow.slick-arrow-left i {
display: inline-block;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-shop-medium .slick-arrow.slick-arrow-right {
right: 50%;
margin-right: -67px;
}
/* Shop Grid Slider */
.wm-shop-grid-slider {
float: left;
width: 100%;
position: relative;
}
.wm-shop-grid-wrap figure,.wm-shop-grid-wrap figure > a,
.wm-shop-grid-wrap figure img,.wm-shopgrid-text {
float: left;
width: 100%;
}
.wm-shop-grid-slider .slick-list { margin: 0px -12px; }
.wm-shop-grid-slider .wm-shop-grid-wrap { padding: 0px 12px; }
.wm-shop-grid-wrap figure {
margin-bottom: 0px;
}
.wm-shop-grid-wrap figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
text-align: center;
opacity: 0;
}
.wm-shop-grid-wrap:hover figcaption { opacity: 1; }
.wm-shop-grid-wrap figcaption:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
opacity: 0.50;
}
.wm-shop-grid-wrap:hover figcaption:after,.wm-shop-grid-wrap:hover figcaption:before { height: 50%; }
.wm-shop-grid-wrap figcaption:after {
content: '';
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
opacity: 0.50;
}
.wm-shopgrid-link {
position: absolute;
left: 0px;
width: 100%;
top: 50%;
margin-top: -20px;
z-index: 2;
}
.wm-shopgrid-link a {
display: inline-block;
width: 45px;
height: 45px;
border: 2px solid #fff;
color: #ffffff;
border-radius: 100%;
font-size: 16px;
margin: 0px 3px;
padding-top: 8px;
-webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
}
.wm-shopgrid-link a:first-child {
-webkit-transform: translateY(-50px);
-moz-transform: translateY(-50px);
-ms-transform: translateY(-50px);
-o-transform: translateY(-50px);
transform: translateY(-50px);
}
.wm-shopgrid-link a:last-child {
-webkit-transform: translateY(50px);
-moz-transform: translateY(50px);
-ms-transform: translateY(50px);
-o-transform: translateY(50px);
transform: translateY(50px);
}
.wm-shop-grid-wrap:hover .wm-shopgrid-link a {
-webkit-transform: translateY(0px);
-moz-transform: translateY(0px);
-ms-transform: translateY(0px);
-o-transform: translateY(0px);
transform: translateY(0px);
}
.wm-shopgrid-link a:hover {
background-color: #ffffff;
}
.wm-shopgrid-text { padding-top: 14px; }
.wm-shopgrid-text small {
font-size: 26px;
color: #3a3a3a;
display: block;
margin-bottom: 5px;
}
.wm-shopgrid-text h2 { margin-bottom: 1px; }
.wm-shopgrid-text h2 a { color: #3a3a3a; }
.wm-rating {
display: inline-block;
height: 16px;
line-height: 16px;
position: relative;
width: 108px;
}
.wm-rating:before, .wm-rating-box:before {
color: #cacaca;
content: "\f005 \f005 \f005 \f005 \f005";
font-family: FontAwesome;
font-size: 14px;
left: 0;
letter-spacing: 4px;
position: absolute;
top: 0;
}
.wm-rating-box:before {
content: "\f005 \f005 \f005 \f005 \f005";
color: #b73d6d;
}
.wm-rating-box {
height: 16px;
left: 0;
overflow: hidden;
position: absolute;
top: 0;
}
.wm-with-border {
border-bottom: 2px solid #f7f7f7;
padding-bottom: 11px;
}
.wm-shop-grid-slider .slick-arrow {
font-size: 28px;
color: #3a3a3a;
top: -116px;
}
.wm-shop-grid-slider .slick-arrow-left.slick-arrow {
left: auto;
right: 44px;
top: -113px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
/* NewsUpdates */
.wm-news-updates-list,
.wm-news-updates-list ul li,.wm-news-updates-list ul {
float: left;
width: 100%;
}
.wm-news-updates-list ul li {
list-style: none;
padding-bottom: 15px;
margin-bottom: 18px;
border-bottom: 1px solid #f2f2f2;
}
.wm-news-updates-list ul li:last-child {
margin-bottom: 0px;
padding-bottom: 0px;
border-bottom: none;
}
.wm-news-updates-list ul li time {
font-size: 18px;
color: #8d8d8d;
font-weight: 300;
display: inline-block;
margin-bottom: 3px;
}
.wm-news-updates-list ul li h2 {
text-transform: uppercase;
font-weight: 400;
margin-bottom: 18px;
}
.wm-news-updates-list ul li h2 a { color: #3a3a3a; }
.wm-updatenews-readmore {
font-size: 18px;
font-weight: 300;
}
.wm-updatenews-readmore i {
font-size: 10px;
display: inline-block;
margin-left: 1px;
vertical-align: bottom;
}
/* Fancy Title Four */
.wm-fancy-title4 {
float: left;
width: 100%;
margin-bottom: 58px;
}
.wm-fancy-title4 h2 {
display: inline-block;
font-size: 35px;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 0px;
}
/* BandMember */
.wm-bandmember-slider,.wm-bandmember-wrap,
.wm-bandmember-wrap figure,.wm-bandmember-wrap figure > a,
.wm-bandmember-wrap figure img,.wm-bandmember-caption ul {
float: left;
width: 100%;
}
.wm-bandmember-wrap ul li { list-style: none; }
.wm-bandmember-wrap > ul > li { margin-bottom: 30px; }
.wm-bandmember-wrap figure {
margin-bottom: 0px;
overflow: hidden;
}
.wm-bandmember-wrap figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.wm-bandmember-wrap figure:hover figcaption { opacity: 1; }
.wm-bandmember-wrap figcaption:before {
content: '';
opacity: 0.95;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 0%;
}
.wm-bandmember-wrap figcaption:after {
content: '';
opacity: 0.95;
position: absolute;
left: 0px;
bottom: 0px;
width: 100%;
height: 0%;
}
.wm-bandmember-wrap figure:hover figcaption:before,
.wm-bandmember-wrap figure:hover figcaption:after {
height: 50%;
}
.wm-bandmember-caption {
position: absolute;
left: 0px;
width: 100%;
top: 50%;
text-align: center;
margin-top: -62px;
z-index: 2;
}
.wm-bandmember-caption h2 {
font-weight: 400;
margin-bottom: 0px;
}
.wm-bandmember-caption span {
font-size: 20px;
color: #ffffff;
font-weight: 300;
display: inline-block;
margin-bottom: 22px;
}
.wm-bandmember-caption ul {
margin: 0px;
}
.wm-bandmember-wrap figure:hover .wm-bandmember-caption ul li { bottom: 0px; }
.wm-bandmember-caption ul li {
display: inline-block;
margin: 0px 3px 0px 3px;
position: relative;
bottom: -90px;
}
.wm-bandmember-caption ul li a {
color: #ffffff;
font-size: 24px;
}
.wm-bandmember-slider .slick-arrow {
font-size: 28px;
color: #3a3a3a;
top: 4px;
}
.wm-bandmember-slider .slick-arrow-left.slick-arrow {
left: auto;
right: 44px;
top: 8px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
/* For Slider */
.wm-thumb-slider {
float: left;
width: 100%;
position: relative;
}
.for-slider-caption {
position: absolute;
left: 50%;
top: 50%;
background-color: rgba(0,0,0,0.40);
padding: 35px 60px;
text-align: center;
margin: -80px 0px 0px -260px;
}
.for-slider-caption h2 {
font-size: 40px;
color: #ffffff;
line-height: 1.5;
text-transform: uppercase;
font-weight: 400;
margin-bottom: 0px;
}
.for-slider-caption time {
font-size: 24px;
color: #ffffff;
text-transform: uppercase;
}
.wm-slider-nav .slick-arrow {
width: 81px;
height: 81px;
color: #ffffff;
font-size: 23px;
text-align: center;
padding-top: 23px;
top: -100%;
margin-top: -200px;
}
.wm-slider-nav .slick-arrow:hover { opacity: 0.85; }
.wm-slider-nav .slick-arrow-left.slick-arrow i {
display: inline-block;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-slider-nav {
position: absolute;
left: 0px;
bottom: 32px;
width: 100%;
padding: 0px 20%;
}
.wm-slider-nav .slick-list { margin: 0px -10px; }
.wm-slider-nav .for-slider-layer {
padding: 0px 10px;
float: left;
}
.wm-thumb-image,.wm-thumb-image img {
float: left;
width: 100%;
position: relative;
}
.wm-thumb-image:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.50);
z-index: 2;
cursor: pointer;
}
.slick-current .wm-thumb-image:before {
background-color: rgba(255,255,255,0.60);
}
/* Blog Grid */
.wm-blog-grid-slider,.wm-blog-grid-wrap figure,
.wm-blog-grid-wrap figure > a,.wm-blog-grid-wrap figure img,
.wm-blog-grid-text {
float: left;
width: 100%;
}
.wm-blog-grid-slider {
position: relative;
padding-top: 50px;
}
.wm-blog-grid-slider .slick-list { margin: 0px -12px; }
.wm-blog-grid-slider .wm-blog-grid-wrap { padding: 0px 12px; }
.wm-blog-grid-wrap figure {
margin-bottom: 0px;
overflow: hidden;
}
.wm-blog-grid-wrap figcaption {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
opacity: 0;
}
.wm-blog-grid-wrap:hover figcaption { opacity: 1; }
.wm-blog-grid-wrap figcaption:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 0%;
height: 100%;
opacity: 0.90;
-webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
}
.wm-blog-grid-wrap:hover figcaption:before { width: 100%; }
.wm-blog-grid-wrap figcaption a {
position: absolute;
left: 0%;
top: 50%;
line-height: 1;
padding: 10px 17px;
color: #ffffff;
border: 2px solid #ffffff;
text-transform: uppercase;
margin: -17px 0px 0px -70px;
-webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
}
.wm-blog-grid-wrap:hover figcaption a { left: 50%; }
.wm-blog-grid-wrap figcaption a i { margin-right: 5px; }
.wm-blog-grid-text {
background-color: #ffffff;
padding: 32px 32px 28px 32px;
}
.wm-blog-grid-text h5 {
margin-bottom: 8px;
font-weight: 400;
}
.wm-blog-grid-text h5 a { color: #3a3a3a; }
.blog-grid-options {
float: left;
width: 100%;
margin: 0px 0px 10px 0px;
}
.blog-grid-options li {
float: left;
list-style: none;
color: #3a3a3a;
font-size: 14px;
margin-bottom: 10px;
}
.blog-grid-options li:before {
content: '/';
display: inline-block;
margin: 0px 8px;
}
.blog-grid-options li:first-child:before { display: none; }
.wm-blog-grid-text p {
color: #3a3a3a;
font-size: 18px;
font-weight: 300;
}
.wm-blog-grid-slider .slick-arrow {
left: 50%;
font-size: 28px;
color: #3a3a3a;
top: -34px;
}
.wm-blog-grid-slider .slick-arrow-left.slick-arrow { margin-left: -35px; }
.wm-blog-grid-slider .slick-arrow-left.slick-arrow i {
display: inline-block;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-blog-grid-slider .slick-arrow-right.slick-arrow {
right: 50%;
margin-right: -37px;
top: -37px;
}
/* blog large page*/
.wm-blog,.wm-blog-text,.wm-blog-testimonial,.wm-blog-large{
float: left;
width: 100%;
}
.wm-blog > ul > li{
list-style-type: none;
margin-bottom: 50px;
}
.wm-blog-large figure,.wm-blog iframe,.wm-blog-large figure img {
float: left;
margin-bottom: 0px;
width: 100%;
}
.wm-blog {position: relative;}
.wm-featured-post{
position: absolute;
left: 10px;
top: 12px;
text-transform: uppercase;
font-size: 15px;
color: #afafaf;
padding: 7px 23px 6px;
border: 3px solid #c1c1c4;
background-color: #19191b;
}
.wm-blog-text{
background-color: #141414;
padding: 35px 54px 43px 54px;
}
.wm-blog-text h2{
float: left;
width: 100%;
font-size: 23px;
margin-bottom: 14px;
color: #ffffff;
}
.blog-post-options {
float: left;
margin: 0 0 22px 0;
}
.blog-post-options li{
float: left;
list-style-type: none;
margin-right: 25px;
font-size: 16px;
color: #c4c4c4;
}
.blog-post-options li:first-child{
border: 1px solid #ff5722;
padding: 0px 14px 0 12px;
line-height: 23px;
margin-right: 28px;
}
.blog-post-options li:first-child a{
color: #ff5722;
text-transform: uppercase;
font-size: 13px;
}
.blog-post-options li:first-child i{
color: #ff5722;
font-size: 12px;
}
.blog-post-options li time,.blog-post-options li a{
color: #9a9a9a;
font-size: 16px;
}
.blog-post-options li i{
margin-right: 8px;
color: #ffffff;
}
.wm-blog-text p{
float: left;
font-size: 18px;
color: #9a9a9a;
font-weight: 300;
margin-bottom: 26px;
}
.wm-blog-text span a{
font-size: 16px;
color: #7c7c7c;
float: left;
text-transform: uppercase;
background-color: #303032;
padding: 5px 20px 8px 20px;
}
.wm-blog-text span:hover a{
background-color: #ffc300;
color: #ffffff;
}
/*slider arrows*/
.wm-listing-slider .slick-arrow.slick-arrow-left i {
display: inline-block;
-webkit-transform: scaleX(-1);
-moz-transform: scaleX(-1);
-ms-transform: scaleX(-1);
-o-transform: scaleX(-1);
transform: scaleX(-1);
}
.wm-listing-slider .slick-arrow {
position: absolute;
left: 0;
top: 50%;
margin-top: -46px;
background-color: #4a4a4a;
color: #ffffff;
font-size: 13px;
width: 41px;
height: 95px;
padding-top: 34px;
text-align: center;
}
.wm-listing-slider .slick-arrow:hover {background-color: #ffc300;}
.wm-listing-slider .slick-arrow.slick-arrow-right {
left: auto;
right: -1px;
}
.wm-blog blockquote {
font-style: italic;
font-size: 24px;
float: left;
font-weight: 300;
margin-bottom: 15px;
border-left: 3px solid #fdc500;
line-height: 35px;
padding: 2px 20px;
}
.wm-listing-slider{
float: left;
width: 100%;
position: relative;
}
.wm-listing-slider ul {margin-left: 0px;}
.wm-blog > h3 > a{
float: left;
font-size: 18px;
width: 100%;
padding-left: 20px;
margin-bottom: 24px;
color: #fdc500;
}
.wm-blog > ul {margin: 0px;}
.wm-pagination-wrap {
float: left;
text-align: center;
width: 100%;
border-top: 2px solid #212122;
padding-top: 50px;
margin: 70px 0px 94px 0px;
}
.wm-pagination {
display: inline-block;
float: none;
}
.wm-pagination li {
float: left;
list-style-type: none;
margin-right: 10px;
}
.wm-pagination li:last-child a{
padding: 1px 12px;
}
.wm-pagination li a {
border: 1px solid #7c7c7c;
color: #7c7c7c;
float: left;
font-size: 11px;
padding: 1px 14px 2px;
}
.wm-pagination li a:hover{
background-color: #ffffff;
color: #19191b;
-webkit-transform: scale(1.3);
-moz-transform: scale(1.3);
-ms-transform: scale(1.3);
-o-transform: scale(1.3);
transform: scale(1.3);
}
/*sidebar*/
.wm-main-content aside .widget {
float: left;
margin-bottom: 42px;
width: 100%;
}
.widget_add a img {
float: left;
width: 100%;
position: relative;
}
.widget_add .wm-get-now{
position: absolute;
left: 50%;
margin-left: -75px;
bottom: 100px;
padding: 5px 10px;
color: #ffffff;
font-size: 18px;
border: 1px solid #ffffff;
}
.wm-widget-heading{
float: left;
width: 100%;
margin-bottom: 33px;
}
.wm-widget-heading h2{
font-size: 24px;
color: #ffffff;
margin-bottom: 0px;
text-transform: uppercase;
font-weight: 400;
}
.widget_upcoming_listing{
float: left;
width: 100%;
}
.widget_upcoming_listing ul li {
float: left;
list-style-type: none;
margin: 0 0 34px 0;
}
.widget_upcoming_listing ul li:last-child {margin-bottom: 0px;}
.widget_upcoming_listing ul li figure img{
float: left;
border-radius: 100%;
}
.widget_upcoming_listing .wm-newsinfo {
padding: 0 60px 0 98px;
}
.widget.widget_upcoming_listing figure {float: left;}
.widget_upcoming_listing .wm-newsinfo h3 a{
font-size: 20px;
color: #b4b4b4;
float: left;
width: 100%;
margin-bottom: 0px;
}
.widget_upcoming_listing .wm-newsinfo h4{
font-size: 16px;
color: #8b8b8b;
float: left;
width: 100%;
border-bottom: 1px solid #202022;
padding-bottom: 10px;
margin-bottom: 3px;
}
.widget_upcoming_listing .wm-newsinfo span{
font-size: 12px;
color: #ff5722;
font-weight: 500;
}
.widget_upcoming_listing .wm-newsinfo > a:hover {color: #ff5722;}
.widget_recent_post ul li {
float: left;
list-style-type: none;
margin: 0 0 34px 0;
}
.widget_recent_post ul li:hover figure a:before { opacity: 0.4; }
.widget_recent_post ul li figure a:before {
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
background-color: rgba(255, 195, 0, 0.9);
width: 100%;
}
.widget_recent_post ul li:last-child {margin-bottom: 0px;}
.widget_recent_post ul li figure {float: left;}
.widget_recent_post .wm-newsinfo {
padding: 0 0 0 98px;
}
.widget_recent_post .wm-newsinfo h3{
font-size: 18px;
color: #8b8b8b;
float: left;
width: 100%;
line-height: 24px;
margin-bottom: 0px;
}
.widget_recent_post .wm-newsinfo h4{
font-size: 18px;
color: #8b8b8b;
float: left;
width: 100%;
margin-bottom: 7px;
}
.widget_recent_post .wm-newsinfo a{
font-size: 14px;
color: #ff5722;
}
.widget_recent_post ul li:hover .wm-newsinfo a h4,.widget_recent_post ul li:hover .wm-newsinfo a h3{
color: #ffffff;
}
.widget_recent_post .wm-newsinfo i{
padding-left: 5px;
font-size: 10px;
}
.widget_archive ul li{
list-style-type: none;
border-bottom: 1px solid #222222;
padding-bottom: 8px;
margin-bottom: 9px;
}
.widget_archive ul li:last-child{
margin-bottom: 0px;
border-bottom: none;
padding-bottom: 0px;
}
.widget_archive ul li a{
font-size: 18px;
color: #8b8b8b;
font-weight: 300;
}
.widget_archive ul li a:before{
content: "\f101";
font-family: flaticon;
margin-right: 12px;
font-size: 10px;
float: left;
padding-top: 1px;
}
.widget_comments{
float: left;
width: 100%;
}
.widget_comments ul{
float: left;
width: 100%;
}
.widget_comments ul li{
list-style-type: none;
border-bottom: 1px solid #222222;
color: #8b8b8b;
font-size: 18px;
font-weight: 300;
padding-bottom: 8px;
margin-bottom: 9px;
}
.widget_comments ul li:last-child{
margin-bottom: 0px;
border-bottom: none;
padding-bottom: 0px;
}
.widget_comments ul li a{
font-size: 18px;
color: #8b8b8b;
}
.widget_comments ul li em{
font-size: 18px;
color: #ffffff;
font-style: normal;
}
.widget_categories{
float: left;
width: 100%;
}
.widget_categories > ul{
float: left;
width: 100%;
}
.widget_categories > ul ul {
padding-left: 55px;
margin: 0px 0px 5px 0px;
}
.widget_categories ul .wm-subcat a {
border: none;
padding-bottom: 0px;
}
.widget_categories ul li a:before{
content: "\f101";
font-family: flaticon;
margin-right: 12px;
font-size: 7px;
float: left;
padding-top: 1px;
color: #d9d9d9;
}
.widget_categories ul li {
list-style: none;
}
.widget_categories ul > li > a {
border-bottom: 1px solid #222222;
padding-bottom: 8px;
margin-bottom: 9px;
font-size: 18px;
color: #8b8b8b;
font-weight: 300;
float: left;
width: 100%;
}
.widget_categories > ul ul li a { border: none; }
.widget_categories ul li i{
margin-right: 12px;
font-size: 10px;
}
.widget_categories ul > li:hover > a { color: #ffffff; }
.widget_categories ul li:last-child a {border-bottom: none;}
/*Sidebar closed*/
/* blog large page closed*/
/* blog mdeiam page*/
.wm-blog-mediam{
float: left;
width: 100%;
}
.wm-blog-mediam figure,.wm-blog iframe,.wm-blog-mediam figure img {
float: left;
margin-bottom: 0px;
}
.wm-blog-mediam .wm-blog-text{
float: none;
padding: 35px 35px 0px 340px;
}
.wm-blog-mediam > ul > li {margin-bottom: 30px;}
/* blog mdeiam page closed*/
/* blog single page*/
.wm-blog-single{
float: left;
width: 100%;
}
.blog-latest-post {
float: left;
position: relative;
background-color: #ffc300;
}
.blog-latest-post h2{
float: left;
font-size: 18px;
color: #ffffff;
font-weight: 400;
padding: 14px 23px;
margin-bottom: 0px;
}
.blog-latest-post:after {
content: '';
position: absolute;
top: 0%;
right: -24px;
border-top: 28px solid transparent;
border-left: 24px solid;
border-bottom: 28px solid transparent;
}
.wm-latest-wrap{
float: left;
width: 100%;
margin-bottom: 30px;
background-color: #ffffff;
}
.blog-latest-post {
position: absolute;
left: 0;
top: 0;
}
.wm-latest-wrap span {float: left;}
.wm-latest-wrap span a{
float: left;
font-size: 18px;
color: #000;
padding: 14px 25px 15px 188px;
}
.wm-blog-single .blog-post-options li:first-child:hover { background-color: #ffc501;}
.wm-blog-single .blog-post-options li:first-child:hover a,
.wm-blog-single .blog-post-options li:first-child:hover i {color: #ffffff;}
.blog-latest-post span a{
float: left;
width: 100%;
font-size: 18px;
background-color: #ffffff;
color: #19191b;
padding: 14px 0px;
font-weight: 400;
}
.blog-latest-post h2 i{
margin-right: 9px;
font-size: 15px;
}
.wm-blog-info {
float: left;
width: 100%;
margin: 0 0 45px 0px;
}
.wm-blog-single > figure {
float: left;
margin-bottom: 0;
width: 100%;
}
.wm-blog-info li{
float: left;
width: 50%;
list-style-type: none;
}
.wm-blog-info li a{
font-size: 18px;
color: #9a9a9a;
font-weight: 300;
}
.wm-blog-info li i{
font-size: 10px;
color: #9a9a9a;
margin-right: 18px;
}
.wm-blog-single .wm-blog-text {margin-bottom: 20px;}
.wm-blog-text p a {
font-size: 18px;
color: #ff5722;
text-decoration: underline;
}
.wm-blog-single .wm-blog-text {padding-bottom: 33px;}
.wm-blog-single .wm-blog-text p {margin-bottom: 31px;}
.wm-prenxt-post{
float: left;
width: 100%;
margin-bottom: 50px;
}
.wm-blog-text > h3 a {
color: #fdc500;
float: left;
width: 100%;
margin-bottom: 30px;
}
.wm-prenxt-post figure,.wm-prenxt-post img{
float: left;
}
.wm-prenxt-post h3 {margin-bottom: 5px;}
.wm-prenxt-post h3 a{
font-size: 24px;
color: #ffffff;
margin-left: 25px;
}
.wm-prenxt-post span a{
font-size: 18px;
color: #9a9a9a;
font-weight: 300;
}
.wm-prenxt-post span > i{
font-size: 15px;
color: #ffffff;
display: inline-block;
}
.wm-previus-post i{
margin: 0 10px 0 25px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
transform: scale(-1);
}
.wm-next-post i {margin-left: 10px;}
.wm-previus-post.col-md-6,.wm-next-post.col-md-6{ padding: 0;}
.wm-next-post figure,.wm-next-post img {float: right;}
.wm-next-post span,.wm-next-post h3{
float: right;
padding-right: 25px;
}
.wm-previus-post.col-md-6 > figure {
float: left;
width: auto;
}
.wm-next-post.col-md-6 > figure {
display: inline-block;
float: right;
width: auto;
}
.wm-nextprev-text {
padding: 0 91px 0 0;
text-align: right;
}
.wm-nextprev-text span,.wm-nextprev-text h3 { float: none; }
.wm-blog-heading {
float: left;
width: 100%;
margin-bottom: 20px;
}
.wm-blog-tags {
float: left;
width: 100%;
margin-bottom: 40px;
}
.wm-blog-heading h2{
font-size: 30px;
color: #ffffff;
padding-bottom: 19px;
border-bottom: 2px solid #212122;
}
.wm-tags li{
list-style-type: none;
float: left;
padding-right: 30px;
}
.wm-tags {
float: left;
margin: 0;
}
.wm-tags li a{
font-size: 14px;
color: #7a7a7a;
text-transform: uppercase;
}
.wm-tags li :hover{
color: #ff5722;
}
.wm-tags-social{
float: right;
margin: 0;
}
.wm-tags-social li{
list-style-type: none;
float: left;
margin-left: 7px;
}
.wm-tags-social:hover {color: #ff5722;}
.wm-tags-social li a i{
color: #5c5c5c;
font-size: 19px;
}
.wm-blog-single figure ~ .wm-blog-mediam .wm-blog-text {padding: 20px 35px 0 340px;}
.wm-blog-single .wm-blog > ul > li:last-child{
border-bottom: none;
padding-bottom: 0;
}
#eccomments ul {margin: 0;}
#eccomments ul li {
float: left;
list-style: outside none none;
position: relative;
width: 100%;
}
ul li .thumblist {
padding-bottom: 13px;
}
#eccomments ul ul {
margin: 0;
}
#eccomments {margin-bottom: 50px;}
#eccomments ul li figure img {
float: left;
border-radius: 100%;
}
#eccomments ul li .text {
padding: 0 0 40px 109px;
position: relative;
}
#eccomments .thumblist figure {
float: left;
}
#eccomments ul li .text a {
display: inline-block;
font-size: 16px;
margin: 0 0 6px;
color: #b4b4b4;
font-weight: 300;
}
#eccomments ul li .text time {
font-size: 16px;
color: #b4b4b4;
font-weight: 300;
}
#eccomments ul li .text p {
margin-bottom: 18px;
font-size: 16px;
color: #8b8b8b;
font-weight: 300;
}
#eccomments ul li .text a.replay-button {
font-size: 12px;
color: #ff5722;
padding-top: 5px;
border-top: 2px solid #202022;
}
#eccomments ul li .text a i {
margin-right: 12px;
font-size: 11px;
}
#eccomments ul ul.children {
margin: 0 0 13px;
padding: 0 0 0 66px;
position: relative;
}
#eccomments, #eccomments h2, .thumblist, #eccomments ul ul.children {
float: left;
width: 100%;
}
.wm-form {
float: left;
background-color: #4a4a4a;
padding: 44px 60px 44px 60px;
margin-bottom: 100px;
width: 100%;
}
.wm-comment-heading{
float: left;
width: 100%;
margin-bottom: 25px;
}
.wm-comment-heading h2{
font-size: 24px;
border-bottom: 2px solid #5d5d5d;
padding-bottom: 25px;
}
.wm-form form p {
margin-bottom: 16px;
}
.wm-form form input[type="text"] {
background-color: #383838;
border: none;
color: #909090;
float: left;
font-size: 16px;
height: 43px;
padding: 5px 15px;
width: 100%;
font-weight: 300;
}
.wm-form form textarea {
background-color: #383838;
border: none;
color: #ddd;
float: left;
font-size: 16px;
height: 156px;
padding: 10px 15px;
margin-bottom: 15px;
width: 100%;
font-weight: 300;
}
.wm-form form input[type="submit"] {
border: none;
background-color: #fec400;
color: #ffffff;
display: inline-block;
font-size: 16px;
font-weight: 400;
padding: 10px 45px;
text-transform: uppercase;
}
/* blog single page closed*/
/* event single*/
.wm-event-single{
float: left;
width: 100%;
margin-bottom: 68px;
position: relative;
}
.wm-event-single figure{
float: left;
margin: 0px;
}
.wm-open-feature{
position: absolute;
left: 10px;
top: 10px;
padding: 6px 13px;
color: #ffffff;
font-size: 14px;
background-color: #3e9648;
}
.wm-event-single .wm-event-text {padding: 34px 40px 34px 340px;}
.wm-event-single .wm-event-text span{
font-size: 18px;
float: left;
font-weight: 300;
color: #9a9a9a;
margin: 0px 10px 17px 0px;
}
.wm-event-single .wm-event-text small{
font-size: 16px;
color: #ffffff;
padding: 0px 7px;
font-weight: 300;
width:100%;
background-color: #f65a4b;
}
.wm-event-single .wm-event-text h2{
float: left;
width: 100%;
font-size: 30px;
color: #ffffff;
margin-bottom: 16px;
}
.wm-event-single .wm-event-text time,.wm-event-single .wm-event-text i,.wm-event-single .wm-event-text ul li{
color: #9a9a9a;
font-weight: 300;
}
.wm-event-single .wm-event-text time{
float: left;
width: 100%;
font-size: 16px;
margin-bottom: 5px;
}
.wm-event-single .wm-event-text i{
font-size: 14px;
margin-right: 10px;
}
.wm-event-single .wm-event-text ul{
float: left;
margin: 0px;
width: 100%;
margin-bottom: 22px;
padding-bottom: 25px;
border-bottom: 2px solid #1f1f1f;
}
.wm-event-single .wm-event-text ul li{
float: left;
list-style-type: none;
margin-right: 42px;
font-size: 16px;
}
.wm-event-single .wm-event-text p{
font-size: 18px;
color: #9a9a9a;
font-weight: 300;
margin-bottom: 20px;
}
.wm-event-single .wm-event-text .wm-ticket {float: left;}
.wm-event-single .wm-event-text .wm-ticket p{
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
font-weight: 400;
padding: 5px 15px;
margin-bottom: 0px;
background-color: #535353;
}
.wm-event-single .wm-event-text .wm-ticket em{
font-size: 24px;
color: #ffffff;
float: left;
width: 100%;
font-style: normal;
font-weight: 400;
padding: 10px 2px 10px 20px;
background-color: #424242;
}
.wm-reserve-location{float: right;}
.wm-reserve-location span{
width: 60%;
float: left;
margin: 0px;
line-height: 32px;
}
.wm-reserve-location i{
font-size: 12px;
float: left;
color: #9a9a9a;
margin-top: 6px;
}
.wm-event-map{
float: left;
width: 100%;
margin-bottom: 70px;
}
.wm-event-map #map {
height:355px;
float: left;
width: 100%;
}
.wm-tabs,.wm-tabs-wrap,.wm-ticket-wrap {
float: left;
width: 100%;
}
.wm-tabs {margin-bottom: 60px;}
.wm-tabs-wrap{
background-color: #ffffff;
padding:10px 30px 10px 30px;
margin-bottom: 12px;
text-align: center;
}
.wm-tabs .wm-tabs-wrap > li.active > a,.wm-tabs-wrap > li.active > a:hover, .wm-tabs-wrap > li.active > a:focus{
border-bottom: 4px solid #ffc70e;
}
.wm-tabs .wm-tabs-wrap > li > a{
font-size: 16px;
color: #19191b;
padding-bottom: 9px;
text-transform: uppercase;
}
.wm-tabs .wm-tabs-wrap > li {
display: inline-block;
margin: 0px 50px 0px 50px;
list-style-type: none;
}
.wm-tabs-wrap > li:hover{
border-bottom: none;
}
.wm-accordian-element{
float: left;
width: 100%;
padding-bottom: 25px;
background-color: #212123;
}
.wm-accordian-element .panel-group .panel{
background-color: #212123;
border: none;
padding: 0px;
}
.wm-accordian-element .panel-group .panel {
float: left;
width: 100%;
padding: 0px 0px 12px 0px;
box-shadow: 0px 0px 0px 0px #212123;
}
.wm-accordian-element .panel-default.collapsed .panel-heading {background-color: transparent;}
.wm-accordian-element .panel-default .panel-heading{
background-color: #2b2b2b;
border: none;
border-radius: 0px;
padding: 21px 35px 0px 35px;
}
.wm-accordian-element .panel-default .panel-heading span{color: #ffffff;}
.wm-accordian-element .panel-default.collapsed .panel-heading span {color: #c6c6c6;}
.wm-ticket-deadline{
width: 100%;
display: inline-block;
}
.wm-ticket-deadline ul { padding: 0px 16px;}
.wm-ticket-deadline ul li{
float: left;
list-style-type: none;
width: 25%;
text-align: right;
}
.wm-ticket-deadline ul li:first-child{
text-align: left;
}
.wm-ticket-headings {
float: left;
width: 100%;
padding: 30px 35px 0px 35px;
}
.wm-ticket-headings ul {
padding: 0px 16px 13px 16px;
float: left;
width: 100%;
margin-bottom: 0px;
border-bottom: 2px solid #2a2a2a;
}
.wm-ticket-headings ul li{
float: left;
list-style-type: none;
width: 25%;
text-align: right;
}
.wm-ticket-headings ul li:first-child{
width: 25%;
text-align: left;
}
.wm-ticket-headings ul li span{
color: #c6c6c6;
font-size: 16px;
font-weight: 400;
}
.wm-accordian-element .panel-default > .panel-heading + .panel-collapse > .panel-body{
background-color: #2b2b2b;
border: none;
padding: 18px 35px 25px 50px;
}
.wm-accordian-element .panel-default .panel-collapse .panel-heading{
background-color: #ffffff;
}
.wm-ticket-deadline ul li span,.wm-accordian-element .panel-body p{
color: #c6c6c6;
font-size: 16px;
font-weight: 300;
margin-bottom: 0px;
}
/* Event Tabs Description */
.wm-description-section {
float: left;
width: 100%;
background-color: #212122;
padding: 37px 40px 48px 40px;
}
.wm-description-section p {
color: #c6c6c6;
font-size: 16px;
font-weight: 300;
line-height: 40px;
margin-bottom: 40px;
}
.wm-description-section ul {
float: left;
width: 70%;
border-top: 2px solid #2a2a2a;
padding-top: 24px;
}
.wm-description-section ul li {
color: #c6c6c6;
font-size: 16px;
list-style: none;
font-weight: 300;
margin-bottom: 3px;
}
.wm-description-section ul li:before {
content: '.';
font-size: 24px;
color: #c6c6c6;
display: inline-block;
vertical-align: super;
margin-right: 16px;
}
/* Event Performer */
.wm-event-performer,.wm-event-performer ul li,
.wm-event-performer figure a,.wm-event-performer figure img {
float: left;
width: 100%;
}
.wm-event-performer {
background-color: #212122;
padding: 37px 60px 40px 40px;
}
.wm-event-performer ul {
height: 490px;
}
.wm-event-performer ul li {
list-style: none;
margin-bottom: 22px;
}
.wm-event-performer ul li:last-child { margin-bottom: 0px; }
.wm-event-performer figure img { border-radius: 100%; }
.wm-event-performer figure {
float: left;
width: 94px;
}
.wm-event-performer figure ~ .wm-performer-text { padding-left: 133px; }
.wm-performer-text h3 { margin-bottom: 0px; }
.wm-performer-text span {
font-size: 16px;
font-weight: 300;
display: inline-block;
margin-bottom: 12px;
}
.wm-performer-text p {
color: #9a9a9a;
font-size: 16px;
font-weight: 300;
}
/* Event Performer */
.wm-timeline,.wm-timeline ul{
float: left;
width: 100%;
}
.wm-timeline .wm-blog-heading{margin-bottom: 33px;}
.wm-timeline {margin-bottom: 70px;}
.wm-timeline ul {
padding: 0;
position: relative;
}
.wm-timeline ul li {
list-style-type: none;
margin-bottom: 50px;
position: relative;
}
.wm-timeline ul li:last-child {margin-bottom: 0px;}
.wm-timeline span {
font-size: 18px;
color: #7f7f80;
font-weight: 300;
}
.wm-timeline ul:before {
content: '';
position: absolute;
top: 15px;
bottom: 0;
width: 2px;
background: #212121;
left: 20%;
margin-left: -36px;
}
.wm-timeline ul > li .wm-tmlabel {
padding: 0px 0px 0px 184px;
font-weight: 300;
}
.wm-tmlabel h2 {
font-size: 22px;
color: #ffffff;
margin-bottom: 11px;
}
.wm-tmlabel p{
font-size: 18px;
color: #9a9a9a;
font-weight: 300;
margin-bottom: 0px;
}
.wm-timeline time{
float: left;
font-size: 18px;
color: #7f7f80;
}
.wm-timeline ul > li .wm-tmicon {
width: 15px;
height: 15px;
position: absolute;
background: #ffc500;
border-radius: 50%;
box-shadow: 0 0 0 2px #ffffff;
left: 20%;
top: 0;
margin: 7px 0 0 -42px;
}
.wm-event-gallery{
float: left;
width: 100%;
position: relative;
margin-bottom: 53px;
}
.wm-event-gallery .wm-blog-heading {margin-bottom: 33px;}
.wm-eventgallery-slider{
margin: 0px -12px;
}
.wm-event-gallery .slick-slide {position: relative;}
.wm-event-gallery figcaption {
position: absolute;
top: 50%;
left: 0;
margin: -19px 0 0 0px;
}
.wm-eventgallery-slider li{
list-style: none;
padding: 0px 12px 24px 12px;
float: left;
}
.wm-slider-first {
float: left;
width: 100%;
}
.wm-event-gallery figcaption h3{
float: left;
font-size: 24px;
color: #ffffff;
opacity: 0;
z-index: 999;
position: relative;
font-weight: 400;
-webkit-transform: translateX(-200px);
-moz-transform: translateX(-200px);
-ms-transform: translateX(-200px);
-o-transform: translateX(-200px);
transform: translateX(-200px);
}
.wm-eventgallery-slider li:hover h3 {
opacity: 1;
-webkit-transform: translateX(38px);
-moz-transform: translateX(38px);
-ms-transform: translateX(38px);
-o-transform: translateX(38px);
transform: translateX(38px);
}
.wm-eventgallery-slider li h3 {
-webkit-transition: all 0.8s ease-in-out;
-moz-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
.wm-eventgallery-slider figure{
float: left;
margin-bottom: 0px;
overflow: hidden;
}
.wm-slides-row {
float: left;
width: 100%;
margin-bottom: 20px;
}
.wm-eventgallery-slider .slick-arrow {
color: #ffffff;
cursor: pointer;
font-size: 14px;
position: absolute;
right: 30px;
top: 14px;
z-index: 9;
}
.wm-eventgallery-slider .slick-arrow-left{
margin-top: 1px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-eventgallery-slider li figure:after {
content: "";
height: 100%;
right: 0;
opacity: 0;
position: absolute;
top: 0;
background-color: rgba(255, 195, 0, 0.9);
width: 50%;
-webkit-transform: translateX(140px);
-moz-transform: translateX(140px);
-ms-transform: translateX(140px);
-o-transform: translateX(140px);
transform: translateX(140px);
}
.wm-eventgallery-slider li figure:before {
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: 0;
background-color: rgba(255, 195, 0, 0.9);
width: 50%;
-webkit-transform: translateX(-140px);
-moz-transform: translateX(-140px);
-ms-transform: translateX(-140px);
-o-transform: translateX(-140px);
transform: translateX(-140px);
}
.wm-eventgallery-slider li:hover figure:after,.wm-eventgallery-slider li:hover figure:before{
opacity: 0.8;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
-ms-transform: translateX(0px);
-o-transform: translateX(0px);
transform: translateX(0px);
}
.wm-eventgallery-slider li figure:after,.wm-eventgallery-slider li figure:before{
-webkit-transition: all 0.6s ease-in-out;
-moz-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out;
}
.wm-slider-first .slick-arrow-left.slick-arrow {
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-slider-first .slick-arrow {
left: auto;
right: 40px;
font-size: 15px;
color: #ffffff;
top: 23px;
}
.wm-slider-first .slick-arrow-right.slick-arrow {
right: 0px;
top: 20px;
}
.wm-slider-first .slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 3px;
bottom: 3px;
color: #3b3b3c;
z-index: -1;
}
.wm-slider-first .slick-arrow-right.slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 3px;
top: 5px;
color: #3b3b3c;
z-index: -1;
}
.widget-gallery {position: relative;}
.widget-gallery-wrap{
float: left;
width: 100%;
}
.widget-gallery .slick-arrow {
color: #ffffff;
cursor: pointer;
font-size: 15px;
position: absolute;
right: 30px;
top: 5px;
z-index: 9;
}
.widget-gallery .slick-arrow-left {
left: auto;
right: 30px;
}
.widget-gallery .slick-arrow-left i {
display: inline-block;
margin-top: 2px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-layer{
position: relative;
text-align: center;
}
.widget-gallery figure,.widget-gallery figure img {
float: left;
width: 100%;
}
.widget-gallery figcaption{
position: absolute;
left: 0;
bottom: 0;
width: 100%;
padding: 19px 33px 13px 33px;
background-color: rgba(17, 17, 17, 0.70);
}
.widget-gallery figcaption time,.widget-gallery figcaption h3{
font-size: 20px;
color: #ffffff;
font-weight: 300;
}
.widget-gallery figcaption time{
line-height: 20px;
}
.widget-gallery figcaption h3{margin-bottom: 15px;}
.widget-gallery .countdown-row {
width: 100%;
position: relative;
}
.widget-gallery .countdown-row .countdown-section .countdown-amount {
color: #ffffff;
display: inline-block;
line-height: 15px;
padding: 0px 0px 7px 0px;
font-size: 30px;
font-weight: 300;
width: 30px;
}
.widget-gallery .countdown-row .countdown-section {
display: inline-block;
position: relative;
text-align: center;
width: 25%;
}
.widget-gallery .countdown-row .countdown-section .countdown-period {
color: #ffffff;
display: inline-block;
font-size: 12px;
width: 100%;
font-weight: 400;
text-transform: uppercase;
}
.wm-events-tags {margin-bottom: 100px;}
/* Event Calendar */
.widget_calendar caption {
background-color: #4a4a4a;
color: #ffffff;
font-size: 20px;
text-transform: uppercase;
font-weight: 300;
padding: 10px 20px;
}
.widget_calendar table > thead > tr > th,
.widget_calendar tbody td {
border: 2px solid #1f1f1f;
}
.widget_calendar tbody td {
font-size: 15px;
color: #bfbfbf;
font-weight: 300;
}
.widget_calendar table > thead > tr > th {
font-size: 14px;
color: #ffffff;
font-weight: 300;
}
.widget_calendar #today { background-color: #4a4a4a; }
/* event single closed*/
/*---coming soon---*/
.wm-comingsoon-bg {
position: relative;
background-image: url("extra-images/bg-comingsoon-1.png");
padding: 88px 0 30px;
margin-top: -100px;
}
.wm-comingsoon-transparent-color {
background-color: rgba(14, 14, 14, 0.94);
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
.wm-comingsoon-classic{
float: left;
text-align: center;
width: 100%;
}
.wm-comingsoon-classic .wm-comingsoon-logo {
float: left;
width: 100%;
padding: 0 0 84px;
}
.wm-comingsoon-classic .wm-comingsoon-text {
background-color: #030303;
display: inline-block;
margin-bottom: 58px;
padding: 38px 96px 68px 66px;
width: 100%;
}
.wm-comingsoon-classic .wm-comingsoon-text h2 {
color: #ffffff;
float: left;
font-size: 60px;
font-weight: 300;
padding: 0px 0 13px;
width: 100%;
}
.wm-comingsoon-classic .wm-comingsoon-text p {
color: #919191;
display: inline-block;
font-size: 22px;
font-weight: 300;
margin-bottom: 36px;
line-height: 35px;
width: 92%;
}
.wm-comingsoon-classic .wm-comingsoon-text form {
display: inline-block;
position: relative;
width: 100%;
}
.wm-comingsoon-classic .wm-comingsoon-text form input[type="text"] {
background-color: #ffffff;
color: #7e7e7e;
font-size: 18px;
font-weight: 300;
height: 55px;
padding: 0 0 1px 27px;
width: 100%;
}
.wm-comingsoon-classic .wm-comingsoon-text form label {
color: #ffffff;
float: right;
padding: 0 0 0 26px;
position: absolute;
right: 0;
top: 0;
}
.wm-comingsoon-classic .wm-comingsoon-text form label:before {
color: #ffffff;
content: "\f1d9";
font-family: fontawesome;
left: 60px;
position: absolute;
top: 17px;
}
.wm-comingsoon-classic .wm-comingsoon-text form label input[type="submit"] {
border: none;
color: #ffffff;
display: inline-block;
font-size: 20px;
font-weight: 500;
height: 55px;
padding: 13px 33px 15px 58px;
}
.wm-comingsoon-classic .wm-comingsoon-countdown {
float: left;
margin-bottom: 63px;
width: 100%;
}
.wm-comingsoon-classic .wm-comingsoon-countdown .countdown-row {
width: 100%;
position: relative;
}
.wm-comingsoon-classic .wm-comingsoon-countdown .countdown-row .countdown-section .countdown-amount {
color: #ffffff;
float: left;
font-size: 80px;
font-weight: 200;
width: 100%;
}
.wm-comingsoon-classic .wm-comingsoon-countdown .countdown-row .countdown-section {
display: inline-block;
line-height: 1.1;
padding: 0 13px 0 60px;
position: relative;
}
.wm-comingsoon-classic .wm-comingsoon-countdown .countdown-row .countdown-section:before {
border-left: 3px solid #7d7d7d;
bottom: 0px;
content: "";
height: 22px;
left: 18px;
width: 22px;
position: absolute;
-webkit-transform: rotate(21deg);
-moz-transform: rotate(21deg);
-ms-transform: rotate(21deg);
-o-transform: rotate(21deg);
transform: rotate(21deg);
}
.wm-comingsoon-classic .wm-comingsoon-countdown .countdown-row .countdown-section .countdown-period {
color: #7d7d7d;
display: inline-block;
font-size: 24px;
font-weight: 300;
padding: 4px 0px;
width: 100%;
}
.wm-comingsoon-classic .wm-comingsoon-countdown .countdown-row .countdown-section:first-child:before {border-left:none;}
.wm-comingsoon-classic .wm-social-icon, .wm-comingsoon-classic .wm-social-icon ul {
display: inline-block;
margin-bottom: 7px;
width: 100%;
}
.wm-comingsoon-classic .wm-social-icon ul li {
display: inline-block;
list-style: none;
margin: 0 0 0px 7px;
}
.wm-comingsoon-classic .wm-social-icon ul li a {
display: inline-block;
font-size: 18px;
color: #5c5c5c;
}
.wm-comingsoon-copyright {
float: left;
width: 100%;
}
.wm-comingsoon-copyright p {
float: left;
width: 100%;
color: #585858;
}
.wm-comingsoon-copyright p a {
width: 100%;
color: #767676;
}
/*---coming soon closed---*/
/*---404-page---*/
.wm-404page-bg {
background-image: url("extra-images/404page-1.png");
background-position: 95% 0%;
background-repeat: no-repeat;
background-color: #ffffff;
padding: 84px 0px 90px 0px;
}
.wm-404-page {float: left;}
.wm-404-page h2 {
float: left;
font-size: 80px;
font-weight: 300;
margin-bottom: 17px;
width: 100%;
}
.wm-404-page p {
color: #1f1f1f;
float: left;
font-size: 22px;
margin-bottom: 31px;
width: 100%;
}
.wm-404-page form {
display: inline-block;
margin-bottom: 34px;
position: relative;
width: 70%;
}
.wm-404-page form input[type="text"] {
background-color: #f6f6f6;
color: #777777;
font-size: 20px;
font-weight: 300;
height: 50px;
padding: 0px 0px 2px 27px;
width: 100%;
}
.wm-404-page form i {
bottom: 15px;
color: #363636;
font-size: 18px;
position: absolute;
right: 24px;
z-index: 1;
}
.wm-404-page form input[type="submit"] {
background-color: transparent;
border: none;
right: 0px;
bottom: 0px;
position: absolute;
z-index: 5;
height: 50px;
width: 50px;
}
.wm-404-page .wm-404page-list {
width: 100%;
float: left;
}
.wm-404-page .wm-404page-list h6 {
color: #1f1f1f;
font-size: 24px;
float: left;
font-weight: 300;
margin-bottom: 22px;
width: 100%;
}
.wm-404-page .wm-404page-list ul {
width: 40%;
float: left;
}
.wm-404-page .wm-404page-list ul li{
float: left;
list-style: outside none none;
padding: 0px 0px 18px 0px;
width: 50%;
}
.wm-404-page .wm-404page-list ul li a {
color: #1f1f1f;
float: left;
font-size: 22px;
font-weight: 300;
padding: 0px 0px 0px 18px;
}
.wm-404-page .wm-404page-list ul li i{
color: #878787;
float: left;
padding: 8px 0px 0px;
}
/*---404-page closed---*/
/*---contact-us---*/
.wm-contactus-bg {
background-color: #19191b;
padding: 0px 0px 100px 0px;
}
.wm-custom {padding: 0px 19px 0px 0px;}
.wm-contactus, .wm-contactus-map iframe, .wm-contactus-map, .wm-contactus-list, .wm-contact-us-form-section form {
float: left;
width: 100%;
}
.wm-contactus-map #map,.wm-contact-us-map-full #map { height: 398px;}
.wm-widget-contactus{
float: left;
width: 100%;
padding: 0px 0px 10px 0px;
}
.wm-contactus-list ul {
float: left;
margin-bottom: 22px;
width: 100%;
}
.wm-contactus-list li {
float: left;
list-style: outside none none;
width: 100%;
margin: 0px 0px 6px 0px;
}
.wm-contactus-list li p {
color: #8b8b8b;
float: right;
font-size: 18px;
font-weight: 300;
margin: 0px;
width: 50%;
}
.wm-contactus-list li:first-child{
padding: 0px 0px 22px;
width: 100%;
}
.wm-contactus-list li span {
color: #c2c2c2;
float: left;
font-size: 18px;
}
.wm-contactus .wm-social-icon{
display: inline-block;
width: 100%;
}
.wm-contactus .wm-social-icon ul {
display: inline-block;
width: 100%;
}
.wm-contactus .wm-social-icon ul li {
display: inline-block;
list-style: outside none none;
padding: 0px 5px 0px 0px;
}
.wm-contactus .wm-social-icon ul li a {
display: inline-block;
font-size: 18px;
color: #5c5c5c;
}
.wm-contactus-form-bg {
background-color: #4a4a4a;
padding: 51px 0px 60px;
}
.wm-contactus-title{
float: left;
padding: 0px 0px 32px;
width: 100%;
}
.wm-contactus-title h2 {
border-bottom: 2px solid #5d5d5d;
float: left;
width: 100%;
color: #ffffff;
font-size:24px;
font-weight:300;
padding: 0px 0px 23px;
}
.wm-contact-us-form-section {
float: left;
text-align: center;
width: 100%;
}
.wm-contact-us-form-section ul {margin: 0px -11px;}
.wm-contact-us-form-section ul li {
float: left;
list-style: outside none none;
padding: 0px 11px 16px;
width: 50%;
}
.wm-contact-us-form-section ul .full {width: 100%;}
.wm-contact-us-form-section ul li input[type="text"],.wm-contact-us-form-section ul li input[type="password"] {
background-color: #383838;
border-top: medium none;
color: #909090;
display: inline-block;
font-size: 16px;
font-weight: 300;
height: 44px;
padding: 0px 0px 1px 20px;
width: 100%;
}
.wm-contact-us-form-section ul li textarea {
background-color: #383838;
color: #909090;
font-size: 16px;
font-weight: 300;
height: 185px;
margin: 0px 0px 15px;
padding: 12px 19px;
width: 100%;
}
.wm-contact-us-form-section ul li input[type="submit"]{
background-color: #4a4a4a;
border: 2px solid #7c7c7c;
display: inline-block;
float: none;
color: #8f8f8f;
font-size: 16px;
font-weight: bold;
padding: 10px 55px 9px;
text-transform: uppercase;
}
.wm-contactus-services{
background-image: url("extra-images/contactus-list.jpg");
padding: 59px 0px 54px;
}
.wm-transparent-color {
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
opacity: 0.86;
}
.wm-contactus-listing {
float: left;
text-align: center;
width: 100%;
}
.wm-contactus-listing li {
float: left;
list-style: none;
}
.wm-contactus-listing li a {
background-color: #ffffff;
border-radius: 100%;
font-size: 30px;
height: 94px;
padding: 30px 0px;
text-align: center;
display: inline-block;
width: 94px;
margin: 0px 0px 34px;
}
.wm-contactus-listing li .word-count {
float: left;
font-size: 50px;
width: 100%;
display: inline-block;
color: #ffffff;
margin: 0px 0px 31px 0px;
}
.wm-contactus-listing li p {
color: #ffffff;
display: inline-block;
font-size: 24px;
font-weight: 300;
width: 100%;
}
/*---contact-us closed---*/
/*---contact-us-Two---*/
.wm-contact-us-services{
background-color: #19191b;
padding: 0px 0px 63px;
}
.wm-contact-us-info{
float: left;
text-align: center;
width: 100%;
}
.wm-contact-us-info li{
float: left;
list-style: none;
margin: 0px 0px 30px 0px;
}
.wm-contact-us-info li a {
background-color: #ffffff;
border-radius: 100%;
font-size: 33px;
height: 94px;
margin: 16px 0px;
padding: 30px 0px;
text-align: center;
width: 94px;
display: inline-block;
}
.wm-contact-us-info li p{
color: #ffffff;
float: left;
font-size: 18px;
font-weight: 300;
width: 100%;
}
/*---contact-us-Two closed---*/
/*---Search Result---*/
.wm-srarch-result-section {padding: 0px 0 70px;}
.wm-search-result {
float: left;
width: 100%;
}
.wm-serach-result-keys{
float: left;
width: 100%;
margin-bottom: 43px;
}
.wm-serach-result-keys .wm-result-heading {
float: left;
margin-bottom: 15px;
width: 100%;
}
.wm-serach-result-keys .wm-result-heading h2 {
border-bottom: 2px solid #212122;
color: #ffffff;
font-size: 30px;
font-weight: 300;
padding-bottom: 12px;
}
.wm-serach-result ul{
float: left;
width: 100%;
}
.wm-serach-result-keys ul li{
float: left;
margin: 0px 0px 9px 0px;
width: 100%;
list-style: none;
}
.wm-serach-result-keys ul li i{
float: left;
padding: 7px 0px 0px 0px;
}
.wm-serach-result-keys ul li a{
color: #9a9a9a;
float: left;
font-size: 18px;
padding: 0px 0px 0px 18px;
}
.wm-serach-result-form{
float: left;
width: 100%;
margin: 0px 0px 80px 0px;
}
.wm-serach-result-form .wm-result-heading {
float: left;
margin-bottom: 20px;
width: 100%;
}
.wm-serach-result-form .wm-result-heading h2 {
border-bottom: 2px solid #212122;
color: #ffffff;
font-size: 30px;
padding-bottom: 13px;
font-weight: 300;
}
.wm-serach-result-form form {
position: relative;
width: 100%;
float: left;
}
.wm-serach-result-form form input[type="text"] {
background-color: #f6f6f6;
color: #777777;
font-size: 20px;
font-weight: 300;
height: 50px;
padding: 0px 0px 2px 27px;
width: 100%;
}
.wm-serach-result-form form i {
bottom: 15px;
color: #363636;
font-size: 18px;
position: absolute;
right: 24px;
z-index: 1;
}
.wm-serach-result-form form input[type="submit"] {
background-color: transparent;
border: none;
right: 0px;
bottom: 0px;
position: absolute;
z-index: 5;
height: 50px;
width: 50px;
}
.wm-search-result .wm-result-heading {
float: left;
margin-bottom: 28px;
width: 100%;
}
.wm-search-result .wm-result-heading h2 {
border-bottom: 2px solid #212122;
color: #ffffff;
font-weight: 300;
font-size: 30px;
padding-bottom: 13px;
}
.wm-search-result li {
float: left;
list-style: none;
margin-bottom: 50px;
padding: 0px;
}
.wm-search-result figure, .wm-search-result a {float: left;}
.wm-search-result-text {padding: 17px 0px 0px 325px;}
.wm-search-result-text h5 {
float: left;
width: 100%;
color: #ffffff;
font-weight: 300;
margin: 0px 0px 4px 0px;
font-size:24px;
}
.wm-search-result-text time {
float: left;
width: 100%;
color: #9a9a9a;
font-size:16px;
margin: 0px 0px 23px;
}
.wm-search-result-text time small {
float: left;
color: #ffffff;
font-size: 16px;
padding: 0px 6px 0px 0px;
}
.wm-search-result-text a {
float: left;
width: 100%;
font-size:18px;
}
/*---Search Result closed---*/
#calendar {
float: left;
width: 100%;
position: relative;
margin-bottom: 100px;
}
/* Twiiter View Two */
.wm-twitter-slider ul li {
float: left;
width: 100%;
list-style: none;
margin-bottom: 50px;
}
.wm-twitter-slider ul { padding-top: 17px; }
.wm-twitter-slider ul li figure a,.wm-twitter-slider ul li figure img,
.wm-twitter-text span,.wm-twitter-slider ul {
float: left;
width: 100%;
}
.wm-twitter-slider ul li figure {
float: left;
width: 70px;
margin-bottom: 0px;
}
.wm-twitter-slider ul li figure ~ .wm-twitter-text { padding-left: 96px; }
.wm-twitter-text h5 a {
color: #d2d2d2;
font-weight: 400;
}
.wm-twitter-text h5 {
color: #8c8c8c;
float: left;
margin-bottom: 13px;
}
.wm-twitter-text small {
font-size: 18px;
color: #8c8c8c;
float: right;
font-weight: 300;
}
.wm-twitter-text span {
color: #8b8b8b;
font-size: 20px;
font-weight: 300;
}
.wm-twitter-text span strong {
color: #d2d2d2;
font-weight: 300;
}
.wm-twitter-stroke {
padding: 44px 42px 5px 34%;
position: relative;
border: 1px solid #252527;
}
.wm-twitter-stroke .wm-twitter-slider,.wm-twitter-stroke .wm-twitter-title { width: 100%; }
.wm-twitter-stroke .slick-arrow-right.slick-arrow {
right: 43px;
top: 57px;
}
.wm-twitter-stroke .slick-arrow {
right: 83px;
top: 60px;
}
/* Contact Form */
.wm-form-background {
float: left;
width: 100%;
background-color: #4a4a4a;
padding: 46px 60px;
}
.wm-contact-form {
float: left;
width: 366px;
}
.wm-contact-form form { text-align: center; }
.wm-contact-form form,.wm-contact-form input[type="text"],
.wm-contact-form textarea {
float: left;
width: 100%;
}
.wm-contact-form input[type="text"] {
background-color: #383838;
height: 44px;
color: #909090;
font-size: 16px;
padding: 6px 19px;
font-weight: 300;
margin-bottom: 16px;
}
.wm-contact-form textarea {
background-color: #383838;
height: 186px;
color: #ddd;
font-size: 16px;
padding: 15px 19px;
font-weight: 300;
margin-bottom: 16px;
}
.wm-contact-form input[type="submit"] {
display: inline-block;
font-size: 16px;
color: #ffffff;
text-transform: uppercase;
padding: 14px 44px;
border: none;
margin-top: 14px;
}
/* Artist Comment */
#wm-artist-comments,#wm-artist-comments ul li figure a,
#wm-artist-comments ul li figure img {
float: left;
width: 100%;
}
#wm-artist-comments ul ul { margin: 0px; }
#wm-artist-comments .children {
margin-left: 100px;
}
#wm-artist-comments .children li {padding-top: 30px;}
#wm-artist-comments ul li {
list-style: none;
float: left;
width: 100%;
}
#wm-artist-comments ul li figure {
width: 83px;
margin-bottom: 0px;
float: left;
}
#wm-artist-comments ul li .thumblist,#wm-artist-comments > ul > li { padding-bottom: 28px; }
.wm-text { position: relative; }
#wm-artist-comments > ul > li > .thumblist { padding-bottom: 0px; }
#wm-artist-comments ul li figure img { border-radius: 100%; }
#wm-artist-comments ul li figure ~ .wm-text { padding-left: 104px; }
.wm-text h4 {
margin-bottom: 0px;
}
.wm-text h4 a { color: #8b8b8b; }
.wm-text time {
display: inline-block;
color: #b4b4b4;
font-size: 16px;
font-weight: 300;
padding-bottom: 8px;
margin-bottom: 21px;
border-bottom: 2px solid #202022;
}
.wm-text p {
color: #8b8b8b;
font-size: 18px;
font-weight: 300;
}
.wm-replay-button {
position: absolute;
right: 0px;
top: 0px;
font-size: 16px;
font-weight: 300;
}
/* Our BAnd */
.wm-ourband-slider {
float: left;
width: 100%;
position: relative;
padding-bottom: 54px;
}
.wm-ourband-slider .slick-arrow {
bottom: 0px;
top: auto;
left: 50%;
font-size: 30px;
color: #686262;
margin-left: -50px;
}
.wm-ourband-slider .slick-arrow:hover { color: #ffffff; }
.wm-ourband-slider .slick-arrow-left.slick-arrow {
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-ourband-slider .slick-arrow.slick-arrow-right {
right: 50%;
bottom: 3px;
margin: 0px -40px 0px 0px;
}
/* About INfo */
.wm-moreabout-info {
float: left;
width: 100%;
margin-bottom: 30px;
}
.wm-moreabout-info p {
font-size: 18px;
font-weight: 300;
color: #9a9a9a;
margin-bottom: 32px;
}
.wm-blockquote {
padding-left: 48px;
margin-bottom: 28px;
float: left;
width: 100%;
}
.wm-blockquote blockquote {
font-style: italic;
font-size: 24px;
float: left;
font-weight: 300;
margin-bottom: 13px;
border-left: 3px solid #fdc500;
line-height: 35px;
padding: 2px 20px;
}
.wm-blockquote span {
font-size: 18px;
font-weight: 300;
font-style: normal;
padding-left: 20px;
}
.wm-moreabout-info ul li {
float: left;
list-style: none;
width: 50%;
}
.wm-moreabout-info ul li a {
font-size: 18px;
color: #9a9a9a;
font-weight: 300;
}
.wm-moreabout-info ul li a i {
font-size: 9px;
float: left;
padding: 0px 19px 0px 0px;
}
/* Shop */
.wm-shop,.wm-shop figure a,.wm-shop figure img,
.wm-shop-wrap,.wm-stock-section {
float: left;
width: 100%;
}
.wm-shop ul li { list-style: none; }
.wm-shop > ul > li { margin-bottom: 30px; }
/* ShopList */
.wm-shop-wrap { background-color: #141414; position: relative; }
.wm-shop-list figure {
float: left;
width: 364px;
margin-bottom: 0px;
overflow: hidden;
}
.wm-shop-text { padding: 30px; }
.wm-shop-list figure ~ .wm-shop-text { padding: 37px 40px 0px 405px; }
.wm-shoplink {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.wm-shoplink:before {
content: '';
opacity: 0;
position: absolute;
left: -100%;
top: 0px;
width: 100%;
height: 100%;
}
ul li:hover .wm-shoplink:before {
opacity: 0.95;
left: 0px;
}
ul li:hover .wm-shoplink i {
left: 50%;
opacity: 1;
}
.wm-shoplink i {
position: absolute;
left: 0%;
top: 50%;
background-color: #343434;
width: 46px;
height: 46px;
font-size: 17px;
text-align: center;
border-radius: 100%;
padding-top: 8px;
margin: -20px 0px 0px -24px;
opacity: 0;
-webkit-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-moz-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-ms-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
-o-transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
transition: all 0.6s cubic-bezier(0.68, -1, 0.265, 2);
}
.wm-shop-text h2 { margin-bottom: 6px; font-size: 15px; }
.song-artist { font-size: 14px;
color: #fffefe;
display: inline-block;
margin-bottom: 24px;
}
.wm-shop-text .wm-rating {
width: 70px;
margin-right: 5px;
line-height: 19px;
}
.wm-shop-text .wm-rating:before,.wm-shop-text .wm-rating-box:before {
font-size: 11px;
letter-spacing: 5px;
color: #ffffff;
}
.wm-shop-text small {
font-size: 16px;
color: #9a9a9a;
font-weight: 300;
}
.wm-shopstock {
border: 1px solid;
padding: 4px 13px 6px 13px;
font-size: 13px;
text-transform: uppercase;
line-height: 1;
margin-left: 9px;
display: inline-block;
}
.wm-stock-section { margin-bottom: 13px; }
.wm-shop-text p {
font-size: 18px;
color: #9a9a9a;
font-weight: 300;
margin-bottom: 20px;
}
.wm-shopprice {
font-size: 28px;
color: #fffefe;
display: inline-block;
margin-bottom: 24px;
}
.wm-shopprice span {
font-size: 20px;
color: #757575;
text-decoration: line-through;
}
.wm-shop-cart {
float: left;
color: #7c7c7c;
font-size: 16px;
padding: 14px 22px;
line-height: 1;
background-color: #303032;
text-transform: uppercase;
}
.wm-shop-cart i {
float: left;
font-size: 18px;
margin: -3px 7px 0px 0px;
}
.wm-shop-outofstock .wm-shop-wrap:before {
content: '';
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.50);
z-index: 9;
}
/* ShopWidget's */
.widget ul li { list-style: none; }
.widget_checkbox ul,.widget_checkbox ul li {
float: left;
width: 100%;
}
.widget_checkbox ul li {
border-bottom: 1px solid #222222;
padding: 7px 5px;
}
.widget_checkbox ul li:last-child {
border: none;
padding-bottom: 0px;
}
.widget_checkbox input[type="checkbox"] { display:none; }
.widget_checkbox input[type="checkbox"] + label {
color:#8b8b8b;
font-size:18px;
font-weight: 300;
margin-bottom: 0px;
}
.widget_checkbox input[type="checkbox"] + label span {
display:inline-block;
width: 15px;
height: 15px;
margin: -3px 10px 0px 0px;
vertical-align:middle;
background-color: #777777;
cursor:pointer;
}
.widget_checkbox input[type="checkbox"]:checked + label span:before {
content: "\f00c";
font-family: FontAwesome;
font-size: 10px;
font-weight: 300;
line-height: 1;
width: 15px;
height: 15px;
float: left;
background-color: #ffffff;
padding: 2px 0px 0px 1px;
text-align: center;
color: #1c1c1e;
}
.wm_withscroll ul { height: 375px; }
/* Range Slider */
.wm-range-slider {
float: left;
width: 100%;
}
.wm-range-slider label {
float: left;
margin-bottom: 0px;
color: #8b8b8b;
font-size: 18px;
font-weight: 300;
}
.wm-range-slider input[type="text"] {
color: #8b8b8b;
font-size: 18px;
font-weight: 300;
background-color: transparent;
border: none;
}
.ui-slider {
position: relative;
text-align: left;
background-color: #333334;
margin-top: 28px;
}
.ui-slider .ui-slider-handle {
position: absolute;
z-index: 2;
width: 21px;
height: 21px;
cursor: default;
-ms-touch-action: none;
touch-action: none;
background-color: #ff5722;
border-radius: 4px;
}
.ui-slider .ui-slider-range {
position: absolute;
z-index: 1;
font-size: .7em;
display: block;
border: 0;
background-color: #6e5500;
}
.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {
filter: inherit;
}
.ui-slider-horizontal {
height: 6px;
}
.ui-slider-horizontal .ui-slider-handle {
top: -.6em;
margin-left: -.6em;
}
.ui-slider-horizontal .ui-slider-range {
top: 0;
height: 100%;
}
.ui-slider-horizontal .ui-slider-range-min {
left: 0;
}
.ui-slider-horizontal .ui-slider-range-max {
right: 0;
}
.ui-slider-vertical {
width: .8em;
height: 100px;
}
.ui-slider-vertical .ui-slider-handle {
left: -.3em;
margin-left: 0;
margin-bottom: -.6em;
}
.ui-slider-vertical .ui-slider-range {
left: 0;
width: 100%;
}
.ui-slider-vertical .ui-slider-range-min {
bottom: 0;
}
.ui-slider-vertical .ui-slider-range-max {
top: 0;
}
/* TopSellers */
.widget_topsellers ul li,
.widget_topsellers ul,.widget_topsellers ul li figure a,
.widget_topsellers ul li figure img {
float: left;
width: 100%;
}
.widget_topsellers ul li { margin-bottom: 25px; }
.widget_topsellers ul li:last-child { margin-bottom: 0px; }
.widget_topsellers ul li figure {
float: left;
width: 83px;
margin-bottom: 0px;
}
.widget_topsellers ul li figure img { border-radius: 100%; }
.widget_topsellers ul li figure ~ .wm-seller-text { padding-left: 104px; }
.widget_topsellers .seller-price {
font-size: 20px;
color: #ffffff;
display: inline-block;
margin-bottom: 7px;
}
.widget_topsellers .seller-price small {
font-size: 15px;
color: #757575;
text-decoration: line-through;
}
.widget_topsellers h6 { margin-bottom: 0px; }
.widget_topsellers .wm-stock-section {
margin: 14px 0px 0px 0px;
padding: 5px 0px 0px 0px;
float: left;
width: 100%;
border-top: 2px solid #202022;
}
.widget_topsellers .wm-rating {
width: 70px;
margin-right: 5px;
line-height: 19px;
}
.widget_topsellers .wm-rating:before,.widget_topsellers .wm-rating-box:before {
font-size: 11px;
letter-spacing: 5px;
color: #ffffff;
}
.widget_topsellers .wm-stock-section small {
font-size: 16px;
color: #9a9a9a;
}
/* Widget Colors */
.widget_colors ul li,.widget_colors ul {
float: left;
width: 100%;
}
.widget_colors ul li a {
color: #8b8b8b;
font-size: 18px;
font-weight: 300;
}
.widget_colors ul li span {
float: left;
width: 13px;
height: 13px;
background-color: #cf1111;
border: 1px solid #ffffff;
margin: 3px 15px 0px 0px;
}
.widget_colors ul li {
border-bottom: 1px solid #222222;
padding: 14px 5px;
line-height: 1;
}
.widget_colors ul li:last-child { border: none; }
/* ShopGrid */
.wm-shop-grid .wm-shop-text,.wm-cartbtn-section {
float: left;
width: 100%;
}
.wm-shop-grid .wm-shop-text {
padding: 10px 20px;
text-align: center;
}
.wm-cartbtn-section { text-align: center; }
.wm-cartbtn-section a {
float: none;
display: inline-block;
}
/* Shop Images */
.wm-shop-images {
float: left;
width: 50%;
margin-bottom: 70px;
}
.wm-shopslider-nav {
float: left;
width: 118px;
position: relative;
padding-right: 9px;
}
.wm-shop-for {
float: left;
width: 79%;
padding: 0px 10px 0px 0px;
}
.wm-shop-thumb {
margin-bottom: 9px;
}
.wm-shopslider-nav .slick-arrow-left.slick-arrow {
bottom: -34px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-shopslider-nav .slick-arrow {
left: auto;
right: 76px;
font-size: 15px;
color: #ffffff;
top: auto;
bottom: -31px;
}
.wm-shopslider-nav .slick-arrow-right.slick-arrow {
right: 36px;
}
.wm-shopslider-nav .slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 3px;
bottom: 3px;
color: #3b3b3c;
z-index: -1;
}
.wm-shopslider-nav .slick-arrow-right.slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 3px;
top: 5px;
color: #3b3b3c;
z-index: -1;
}
.wm-shopslider-nav span { cursor: pointer; }
/* ShopSummery */
.wm-shopsummery {
float: left;
width: 50%;
background-color: #141414;
}
.wm-shopsummery .wm-shop-text {
float: left;
width: 100%;
padding: 33px 30px 42px 30px;
}
.wm-shop-socialicon li {
float: left;
list-style: none;
font-size: 16px;
margin-left: 8px;
}
.wm-shop-socialicon li a { color: #5c5c5c; }
.wm-shop-socialicon li a span.flaticon-shape { font-size: 20px; }
.wm-shop-socialicon li:hover a { color: #46629e; }
.wm-shopsummery .wm-stock-section { width: 50%; }
.wm-shop-socialicon { float: right; }
.wm-select-section {
float: left;
width: 100%;
margin-bottom: 38px;
}
.wm-select-section li {
float: left;
width: 50%;
list-style: none;
padding-left: 13px;
}
.wm-select-section li:first-child { padding-left: 0px; }
.wm-select-section li label {
float: left;
font-size: 18px;
color: #9a9a9a;
font-weight: 300;
padding-right: 12px;
margin: 6px 0px 0px 0px;
}
/* ShopTabs */
.wm-shoptabs .tab-content {
display: inline-block;
width: 100%;
background-color: #212122;
padding: 44px 38px 49px 38px;
}
.wm-info-detail,.wm-info-title,ul.wm-hightlight-list,
.wm-offers,.wm-offers ul li {
float: left;
width: 100%;
}
.wm-info-title {
padding-bottom: 17px;
border-bottom: 2px solid #2a2a2a;
margin-bottom: 15px;
}
.wm-info-title h5 {
text-transform: uppercase;
color: #ffffff;
margin-bottom: 0px;
font-weight: 400;
}
ul.wm-hightlight-list {
padding: 0px 17px 38px 17px;
}
ul.wm-hightlight-list li {
float: left;
list-style: none;
width: 25%;
font-size: 16px;
color: #c6c6c6;
font-weight: 300;
margin-bottom: 2px;
}
ul.wm-hightlight-list li:before {
content: '.';
display: inline-block;
vertical-align: super;
font-size: 24px;
color: #c6c6c6;
margin: 0px 16px 0px 0px;
}
.wm-info-detail p {
padding: 0px 17px 0px 17px;
margin-bottom: 38px;
font-size: 16px;
color: #c6c6c6;
font-weight: 300;
}
.wm-offers {
padding: 0px 17px 0px 17px;
}
.wm-offers span {
margin-bottom: 14px;
display: inline-block;
}
.wm-offers span,.wm-offers ul li {
font-size: 16px;
font-weight: 300;
color: #c6c6c6;
}
.wm-offers ul { margin-left: 19px; }
.wm-offers ul li {
list-style: none;
margin-bottom: 2px;
}
.wm-offers ul li i {
float: left;
font-size: 13px;
font-size: 10px;
padding: 11px 13px 0px 0px;
}
/* ShopReview */
.wm-shop-review,.wm-shop-review ul li,.wm-review-wrap,
.wm-shop-review ul li figure a,.wm-shop-review ul li figure img,
.wm-shopgrid-slider {
float: left;
width: 100%;
}
.wm-shop-review > ul {
height: 370px;
padding-right: 45px;
}
.wm-shop-review ul li {
list-style: none;
}
.wm-shop-review ul ul { margin-left: 60px; }
.wm-shop-review ul li .wm-review-wrap {
border-bottom: 2px solid #2b2b2b;
padding-bottom: 12px;
margin-bottom: 20px;
}
.wm-shop-review > ul > li:last-child .wm-review-wrap {
border-bottom: none;
margin-bottom: 0px;
padding-bottom: 0px;
}
.wm-shop-review ul li figure img { border-radius: 100%; }
.wm-shop-review ul li figure {
float: left;
width: 83px;
}
.wm-shop-review ul li figure ~ .wm-shopreview-text { padding-left: 105px; }
.wm-shopreview-text h6 {
float: left;
margin-bottom: 3px;
color: #b4b4b4;
}
.wm-shopreview-text .wm-rating {
width: 70px;
margin: 2px 0px 0px 19px;
line-height: 19px;
float: left;
}
.wm-shopreview-text .wm-rating:before,.wm-shopreview-text .wm-rating-box:before {
font-size: 11px;
letter-spacing: 5px;
color: #ffffff;
}
.wm-shopreview-text .wm-rating-box:before { color: #ff5722; }
.wm-shopreview-text p {
font-size: 16px;
font-weight: 300;
color: #8b8b8b;
margin-bottom: 0px;
}
.wm-shopgrid-slider .slick-arrow-left.slick-arrow {
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-blog-heading.wm-more-spacer { margin-bottom: 32px; }
.wm-shopgrid-slider { position: relative; }
.wm-shopgrid-slider .slick-arrow {
left: auto;
right: 40px;
font-size: 15px;
color: #ffffff;
top: -80px;
}
.wm-shopgrid-slider .slick-arrow-right.slick-arrow {
right: 0px;
top: -81px;
}
.wm-shopgrid-slider .slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 0px;
bottom: 0px;
color: #3b3b3c;
z-index: -1;
}
.wm-shopgrid-slider .slick-arrow-right.slick-arrow:before {
content: "\f101";
font-family: Flaticon;
position: absolute;
right: 0px;
top: 0px;
color: #3b3b3c;
z-index: -1;
}
/*---- faq v2----*/
.wm-faqv2-pg {padding: 0px 0px 80px 0px;}
.wm-faq{
float: left;
width:100%;
}
.wm-faq .panel-group .panel{
border: none;
margin-bottom:20px;
}
.wm-faq .panel-title a{
color: #ffffff;
font-size: 22px;
font-weight: 300;
}
.wm-faq .panel-default > .panel-heading {background-color: #272727;}
.wm-faq .panel-default .panel-heading a {
position: relative;
width: 100%;
display: inline-block;
}
.wm-faq .panel-default .panel-heading a:before {
content: "";
position: absolute;
top: 5px;
right: -2px;
height: 22px;
width:22px;
background-image: url("images/faq-arrow-left.png");
background-repeat: no-repeat;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
-webkit-transform: rotate(270deg);
-moz-transform: rotate(270deg);
-ms-transform: rotate(270deg);
-o-transform: rotate(270deg);
transform: rotate(270deg);
}
.wm-faq .panel-default .panel-heading a.collapsed:before {
content: "";
position: absolute;
top: 10px;
right: 0px;
background-repeat: no-repeat;
height: 22px;
width:22px;
background-image: url("images/faq-arrow-up.png");
-webkit-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
.wm-faq .panel-body{
background-color: #363636;
color: #bababa;
line-height: 1.6;
font-size: 18px;
font-weight: 300;
padding: 15px 0px 22px 29px;
}
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group {
border: none;
}
.wm-faq .panel-heading {padding: 11px 26px 14px 32px;}
.wm-faq .panel-collapse {
position: relative;
width: 100%;
}
.panel-group .panel + .panel {margin-top: 0px;}
.wm-faq .panel-collapse:before{
position: absolute;
content: "";
top: 0;
right:30px;
color: red;
border-top: 13px solid #272727;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
}
.wm-faqv2-bg{
float: left;
background-image: url("extra-images/faq.jpg");
padding: 83px 0 108px;
position: relative;
}
.wm-transparent-color-faq {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(64,64,64,0.64);
}
.wm-faq-title{
float: left;
width: 100%;
text-align: center;
}
.wm-faq-title h5 {
float: left;
width: 100%;
font-weight: 300;
font-size: 50px;
color: #ffffff;
margin: 0px 0px 43px 0px;
}
.wm-faq-title form {
position: relative;
width: 100%;
float: left;
}
.wm-faq-title form input[type="text"] {
background-color: #f6f6f6;
color: #777777;
font-size: 20px;
font-weight: 300;
height: 60px;
padding: 0px 0px 2px 32px;
width: 100%;
}
.wm-faq-title form i {
bottom: 20px;
color: #363636;
font-size: 18px;
position: absolute;
right: 24px;
z-index: 1;
}
.wm-faq-title form input[type="submit"] {
background-color: transparent;
border: none;
right: 0px;
bottom: 0px;
position: absolute;
z-index: 5;
height: 50px;
width: 50px;
}
/*---- faqv2 closed----*/
/*---- faq closed----*/
.wm-faq-pg {padding: 0px 0px 60px 0px;}
.wm-faq-fancy li{
list-style: none;
padding: 0px 12px 40px 12px;
}
.wm-faq-fancy{
float: left;
width: 100%;
}
.wm-faq-fancy ul{
float: left;
width: 100%;
margin: 0px;
}
.wm-faq-text{
float: left;
width: 100%;
background-color: #272727;
padding: 30px 38px 25px 42px;
position: relative;
}
.wm-faq-text p{
float: left;
width: 100%;
color: #c7c7c7;
font-size: 24px;
font-weight: 300;
line-height:1.7;
}
.wm-faq-text p i {
font-size: 18px;
margin: 0px 0px 0px 1px;
}
.wm-faq-text-color {
float: left;
width: 100%;
position: relative;
background-color: #ff5722;
display: none;
}
.selected .wm-faq-text-color { display: block; }
.selected .wm-faq-text { display: none; }
.wm-faq-text-color:before {
position: absolute;
content: "";
bottom: -13px;
right:43px;
border-top: 13px solid;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
z-index: 2;
}
.wm-faq-text-color p {
float: left;
width: 90%;
color: #19191b;
font-size: 24px;
line-height: 1.8;
font-weight: 300;
margin: 0px 0px 33px 0px;
letter-spacing: 2px;
}
.wm-faq-text-color .wm-alert .closebtn{
position: relative;
}
.wm-faq-text-color .wm-alert .closebtn{
position: relative;
}
.wm-faq-text-color .wm-alert {
padding: 20px;
color: #000000;
padding: 29px 38px 0px 41px;
}
.wm-faq-text-color .closebtn {
margin-left: 15px;
font-weight: bold;
float: right;
font-size: 50px;
line-height: 20px;
cursor: pointer;
margin:-24px -24px 0px 0px;
}
.wm-faq-text-color:before{
position: absolute;
content: "";
bottom: -13px;
right:43px;
border-top: 13px solid #ff5722;
border-left: 9px solid transparent;
border-right: 10px solid transparent;
}
.wm-faq-text-color .closebtn:hover {color: #000000;}
.wm-faq-wrap{
float: left;
width: 100%;
background-color: #363636;
padding: 15px 10px 10px 18px;
position: relative;
}
.wm-faq-wrap figure {float: left;}
.wm-faq-wrap figure img { border-radius: 100%; }
.wm-faq-wrap a{
float: left;
width: 100%;
padding: 0px 0px 0px 6px;
}
.wm-faq-wrap .wm-faq-wrap-text {
width: 100%;
padding: 0px 0px 0px 94px;
margin: 2px 0px 0px 1px;
}
.wm-faq-text:before{
position: absolute;
content: "";
bottom: -13px;
right:43px;
border-top: 13px solid #272727;
border-left: 9px solid transparent;
border-right: 9px solid transparent;
z-index: 2;
}
.wm-faq-wrap .wm-faq-wrap-text h6{
width: 100%;
font-size: 20px;
color: #ffffff;
font-weight: 300;
line-height: 1.3;
}
.wm-faq-wrap .wm-faq-wrap-text span{
width: 100%;
font-size: 17px;
color: #adadad;
font-weight: 300;
padding: 0px 0px 0px 7px;
}
.wm-faq-wrap .wm-faq-wrap-text a.wm-faqshare {
float: right;
padding: 0px 31px 0px 0px;
font-weight: 500;
margin: -7px 0px 0px 0px;
font-size: 24px;
width: auto;
}
/*---- faq closed----*/
/*---- our services ----*/
.wm-ourservices {
padding: 0px 0px 52px 0px;
margin:-7px 0px 0px 0px;
}
.wm-ourservice-full{
float: left;
width: 100%;
}
.wm-ourservice-full-facny-title h2 {
padding: 0 0 26px 0;
}
.wm-our-services-info {
float: left;
width: 100%;
padding: 0 0 30px 0;
}
.wm-our-services-info ul {
float: left;
padding: 10px 0px 0px;
margin: 0px -80px 0px -80px;
position: relative;
}
.wm-our-services-info ul:before{
content: "";
bottom: 19px;
left: 50%;
border-left:2px solid #232324;
position: absolute;
height: 100%;
color: #ffffff;
display: inline-block;
}
.wm-our-services-info li {
float: left;
list-style: none;
padding: 0px 80px 62px 80px;
}
.wm-our-services-info h5 a {color: #727272;}
.wm-our-services-info h5 {
font-weight: 300;
font-size: 32px;
float: left;
width: 100%;
margin: 0px 0px 3px 0px;
}
.wm-our-services-info h5 a i {
font-weight: 700;
font-size: 50px;
width: 100%;
color: #363636;
margin: 0px 8px 0px 0px;
}
.wm-our-services-info p {
float: left;
width: 100%;
font-weight: 300;
font-size: 18px;
color: #acacac;
letter-spacing: 0;
}
.wm-ourservices-bg{
background-image: url("extra-images/our-services.png");
float: left;
padding: 80px 0px 89px 0px;
position: relative;
}
.wm-transparent-color-ourservice{
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(244,198,32,0.85);
}
.wm-ourservices-heading{
float: left;
width: 100%;
text-align: center;
}
.wm-ourservices-heading h5 {
float: left;
width: 100%;
font-weight: 100;
font-size: 50px;
color:#ffffff;
margin: 0px 0px 31px 0px;
}
.wm-ourservices-heading p {
display: inline-block;
width: 88%;
font-weight: 100;
font-size: 20px;
color:#ffffff;
margin: 0px 0px 45px 0px;
}
.wm-ourservices-heading .wm-services-contact {
padding: 14px 30px 14px 30px;
display: inline-block;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #ffffff;
border: none;
background-color: #000000;
}
.wm-services-ourvideo-full{
background-color: #0c0c0c;
padding: 94px 0px 50px 0px;
}
.wm-services-contribution{
float: left;
width: 100%;
padding: 92px 0px 88px 0px;
}
.wm-services-contribution-info{
float: left;
width: 100%;
}
.wm-services-contribution-text{
float: left;
width: 100%;
}
.wm-services-contribution-text ul{
float: left;
width: 100%;
}
.wm-services-contribution-text ul li{
list-style: none;
float: left;
width: 100%;
margin-bottom: 12px;
}
.wm-services-contribution-text .wm-skillst{
float: left;
width: 100%;
background-color: #ffffff;
height: 48px;
position: relative;
}
.wm-services-contribution-text .wm-skillst h6 {
float: left;
width: 100%;
font-size: 16px;
font-weight: 400;
text-transform: uppercase;
color: #000;
padding: 8px 0px 0px 23px;
}
.wm-services-contribution-text .skillbar{
float: left;
width: 100%;
background-color: #ffffff;
color: #ffffff;
}
.wm-services-contribution-text .count-bar{
float: left;
height: 12px;
position: absolute;
bottom: 0px;
left: 0px;
}
.wm-services-contribution-text .count {
position: absolute;
right: 19px;
top: 0px;
color:#000;
padding: 8px 0px 0px 0px;
}
.wm-services-happybayers {
background-image: url("extra-images/our-services1.png");
float: left;
padding: 100px 0px 94px 0px;
position: relative;
}
.wm-transparent-color-happyservice {
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
background-color: rgba(61,61,61,0.85);
}
.wm-happybayers {width: 100%;}
.wm-happybayers.slick-arrow.slick-arrow-right {right: auto;}
.wm-happybayers .slick-arrow-right{
left: auto;
right: 15px;
top: -134px;
}
.wm-happybayers .slick-arrow{
background-color: #5f5f5f;
padding:55px 18px 55px 18px;
margin: 135px 0px 0px 0px;
}
.wm-happybayers .slick-arrow-left{
left: auto;
right: 0px;
top: -1px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
.wm-happybayers-slide {
float: left;
width: 100%;position: relative;
}
.wm-happybayers-slide figure {float: left;}
.wm-happybayers-slide a {
float: left;
width: 100%;
}
.wm-happybayers-slide-text {padding: 20px 0px 0px 320px;}
.wm-happybayers-slide-text h5 {
float: left;
width: 100%;
font-size: 40px;
font-weight: 300;
color: #ffffff;
margin:0px 0px 32px 0px;
}
.wm-happybayers-slide-text blockquote:before{
color: #dbdbdb;
content: "“";
float: left;
font-size: 80px;
font-weight: 300;
left: 3px;
position: absolute;
top: -24px;
}
.wm-happybayers-slide-text blockquote {
float: left;
width: 88%;
font-size: 18px;
font-weight: 300;
color: #ffffff;
padding: 0px 18px 0px 51px;
margin: 0;
border:none;
line-height: 1.6;
position: relative;
}
.wm-happybayers-slide-text span {
float: left;
width: 100%;
font-size: 18px;
font-weight: 300;
margin: 12px 0px 0px 0px;
color: #ffffff;
}
/*---- our services closed----*/
/*---- our prices ----*/
.wm-services-tour-schedule-full{
padding:92px 0px 83px;
background-color: #19191b;
margin:-100px 0px 0px 0px;
}
.wm-tour-schedule .wm-sercvices-tour-schedule-text{
float: left;
width: 100%;
padding:23px 0px 0px 0px;
}
.wm-tour-schedule .wm-sercvices-tour-schedule-text ul {
float: left;
width: 100%;
margin: 0;
}
.wm-tour-schedule .wm-sercvices-tour-schedule-text ul li:last-child {border-bottom: none;}
.wm-tour-schedule .wm-sercvices-tour-schedule-text ul li {
list-style: none;
float: left;
width: 100%;
padding: 13px 0px 13px 0px;
border-bottom: 1px solid #202021;
}
.wm-tour-schedule .wm-sercvices-tour-schedule-text ul li span{
float: left;
width: 100%;
text-align: center;
color: #adadad;
font-weight: 300;
font-size: 20px;
}
.wm-tour-schedule .wm-sercvices-tour-schedule-text ul li span small {
color: #858585;
font-weight: 300;
font-size: 20px;
margin: 0px;
}
.wm-services-album-grid-full{
padding:92px 0px 62px 0px;
background-color: #0c0c0c;
}
.wm-service-latest-album{
padding-bottom:110px;
}
.wm-service-latest-album .wm-latest-album-text{
padding:34px 10px 22px 10px;
font-size: 30px;
font-weight: 300;
}
.wm-service-latest-album .wm-latest-album-text h2 {
font-size: 30px;
font-weight: 100;
}
.wm-services-album-title h2 {color: #727272;}
.wm-partner-title{
float: left;
width: 100%;
padding: 0px 0px 54px 0px;
}
.wm-partner-title h2 {
float: left;
width: 100%;
border-bottom: 2px solid #222224;
padding: 0px 0px 19px 0px;
}
.wm-partner-fancy-slide{
float: left;
width: 100%;
}
.wm-partner-text-thum{
float: left;
width: 100%;
}
.wm-partner-text-thum figure{
float: left;
width: 100%;
text-align: center;
}
.wm-partner-text-thum figure img {display: inline-block; }
.wm-partner-fancy-slide .slick-arrow-right{
right: 16px;
left:auto;
color: #ffffff;
font-weight: 300;
font-size: 12px;
}
.wm-partner-fancy-slide .slick-arrow{
padding: 66px 18px;
top: 120px;
background-color: #373738;
}
.wm-partner-fancy-slide .slick-arrow-left{
right:auto;
left: 14px;
color: #ffffff;
font-weight: 300;
font-size: 12px;
-webkit-transform: scale(-1);
-moz-transform: scale(-1);
-ms-transform: scale(-1);
-o-transform: scale(-1);
transform: scale(-1);
}
/*---- our prices closed----*/
/*---- sitemap ----*/
.wm-sitemap {
padding: 0px 0px 63px 0px;
margin: -10px 0px 0px 0px;
}
.wm-sitemap-title{
float: left;
width: 100%;
padding: 0px 0px 12px 0px;
}
.wm-sitemap-title h5{
float: left;
width: 100%;
font-weight: 300;
font-size: 30px;
border-bottom: 2px solid #272728;
padding: 0px 0px 12px 0px;
}
.wm-sitemap-listing{
float: left;
width: 100%;
}
.wm-sitemap-listing ul{
float: left;
width: 100%;
padding: 0px 0px 24px 0px;
}
.wm-sitemap-listing ul li{
list-style: none;
padding: 0px 0px 3px 0px;
}
.wm-sitemap-listing ul li a:hover {color: #e6e5e5;}
.wm-sitemap-listing ul li a{
display: inline-block;
font-size: 18px;
font-weight: 300;
color:#9a9a9a;
-webkit-transition: .35s ease-out;
-moz-transition: .35s ease-out;
-ms-transition: .35s ease-out;
-o-transition: .35s ease-out;
transition: .35s ease-out;
}
.wm-sitemap-listing ul li i{
padding: 0px 17px 0px 4px;
display: inline-block;
font-size: 9px;
font-weight: 500;
color: #6f6f70;
}
.wm-sitemap-listing ul li span{
display: inline-block;
color: #d3d3d3;
}
.muscibeat-loading-section {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.98);
z-index: 999;
}
/*---- sitemap closed----*/
/* Footer */
.footer-one,.wm-footer-title {
float: left;
width: 100%;
}
.footer-one { padding: 10px 0px 17px 0px; }
.wm-footer-title {
border-bottom: 2px solid rgba(255,255,255,0.10);
padding-bottom: 24px;
margin-bottom: 23px;
}
.wm-footer-title h2 {
font-size: 50px;
color: #ffffff;
margin-bottom: 0px;
}
.wm-footer-newslatter p {
float: left;
font-size: 24px;
color: #8094a3;
font-weight: 300;
width: 60%;
line-height: 35px;
}
.wm-footer-newslatter ul {
float: right;
}
.wm-footer-newslatter ul li {
float: left;
list-style: none;
margin-left: 17px;
}
.wm-footer-newslatter ul li a {
font-size: 30px;
color: rgba(255,255,255,0.50);
}
.wm-footer-newslatter ul li a.fa-flickr { font-size: 34px; }
.wm-footer-newslatter ul li:hover a { color: #ffffff; }
.wm-footer-newslatter form {
float: left;
width: 60%;
margin: 40px 0px 100px 0px;
}
.wm-footer-newslatter form input[type="text"] {
float: left;
height: 48px;
width: 75%;
background-color: rgba(255,255,255,0.10);
font-size: 18px;
color: #ffffff;
padding: 7px 24px;
font-weight: 300;
border: none;
}
.wm-footer-newslatter form input[type="submit"] {
float: left;
padding: 9px 34px;
font-size: 18px;
color: #5e7587;
border: 2px solid #5e7587;
background-color: transparent;
}
.wm-copyrights-section p {
font-size: 14px;
color: #8094a3;
float: left;
width: 100%;
text-align: center;
font-weight: 400;
}
.wm-copyrights-section p a { color: #b3c3d0; }
/* Footer Two */
.footer-two {
float: left;
width: 100%;
background-color: #0c0c0c;
padding-top: 90px;
overflow: hidden;
}
/* Footer Widget */
.wm-footer-widgets .row { margin: 0px -32px; }
.wm-footer-widgets .widget {
margin-bottom: 96px;
padding: 0px 32px;
}
.wm-footer-widget-title {
float: left;
width: 100%;
margin-bottom: 33px;
}
.wm-footer-widget-title h2 {
text-transform: uppercase;
margin-bottom: 0px;
font-weight: 400;
}
/* Widget Slider */
.widget_slider_wrap {
float: left;
width: 100%;
position: relative;
margin-bottom: 15px;
}
.widget_slider_wrap .slick-arrow:hover { color: #ffffff; }
.widget_slider h4 {
display: inline-block;
margin-bottom: 0px;
color: #7c7c7c;
}
.widget_slider h4 span { color: #ffffff; }
/* Widget Artist */
.widget_artists ul li {
float: left;
list-style: none;
margin: 0px 0px 39px 0px;
}
.widget_artists ul li figure {
float: left;
margin-bottom: 0px;
}
.wm-newsinfo h3 {
float: left;
width: 100%;
font-size: 18px;
}
.widget_artists .wm-newsinfo > a {
font-size: 12px;
color: #ffffff;
text-transform: uppercase;
font-weight: 500;
background-color: #4a4a4a;
padding: 4px 10px;
border: 1px solid #4a4a4a;
}
.widget_artists ul li:hover .wm-newsinfo > a { background-color: #19191b; }
.widget_artists .wm-newsinfo h3 a { color: #8b8b8b; }
.widget_artists ul li:last-child { margin-bottom: 0px;}
.widget_artists .wm-newsinfo { padding: 0px 0px 0px 98px; }
.widget_artists ul li figure img {
filter: url("data:image/svg+xml;utf8,#grayscale");
filter: gray;
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.widget_artists ul li:hover figure img {
filter: none;
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
/* Widget Weeks Tracks */
.widget_weekstracks ul,
.widget_weekstracks ul li {
float: left;
width: 100%;
}
.widget_weekstracks ul li {
list-style: none;
margin-bottom: 17px;
}
.widget_weekstracks ul li time {
float: left;
font-size: 60px;
color: #4a4a4a;
font-weight: 300;
line-height: 1;
}
.widget_weekstracks ul li time ~ section { padding-left: 102px; }
.wm-weekstracks-text h5 { margin-bottom: 13px; }
.wm-weekstracks-text h5 a { color: #8b8b8b; }
.wm-weekstracks-text span { font-size: 16px; }
.widget_weekstracks ul li:last-child { margin-bottom: 0px; }
/* Footer Bottom Section */
.wm-footer-bottom-section {
float: left;
width: 100%;
border-top: 2px solid #191919;
padding: 72px 0px 24px 0px;
}
.wm-newslatter-section form {
float: left;
width: 100%;
}
.wm-newslatter-section form input[type="text"] {
float: left;
height: 48px;
width: 75%;
background-color: #191919;
font-size: 16px;
color: #7e7e7e;
padding: 7px 24px;
font-weight: 300;
border: none;
}
.wm-newslatter-section form input[type="submit"] {
float: right;
padding: 10px 34px;
font-size: 16px;
border: 2px solid;
background-color: transparent;
}
/* Footer Icons */
.wm-footer-social-media { float: right; }
.wm-footer-icons {
float: left;
width: 100%;
}
.wm-footer-icons li {
float: right;
list-style: none;
padding: 0px 0px 15px 15px;
width: 48%;
}
.wm-footer-icons li a {
float: right;
width: 100%;
text-align: center;
color: #5c5c5c;
padding: 8px 29px;
border: 2px solid #3c3c3c;
text-transform: uppercase;
}
.wm-footer-icons li a i {
margin-right: 7px;
display: inline-block;
font-size: 16px;
}
.wm-footer-icons li:hover a {
color: #2ebd59;
border-color: #2ebd59;
}
.wm-footer-social-media p {
font-size: 14px;
color: #4e4e4e;
float: left;
text-align: center;
width: 100%;
}
.wm-footer-social-media p a { color: #767676; }
/* Footer Three */
.footer-three {
float: left;
width: 100%;
background-color: #ffffff;
padding: 98px 0px 0px 0px;
}
.footer-three .wm-footer-widget-title h2 {
color: #3a3a3a;
font-size: 20px;
text-transform: capitalize;
}
.footer-three .wm-footer-widgets .row { margin: 0px -20px; }
.footer-three .wm-footer-widgets .widget { padding: 0px 20px; }
/* Widget Itune Chart */
.widget_itune_chart ul {
float: left;
width: 100%;
padding-left: 16px;
}
.widget_itune_chart ul li {
float: left;
width: 100%;
list-style: decimal;
font-size: 24px;
color: #c1c1c1;
font-weight: 300;
position: relative;
line-height: 1;
border-bottom: 1px solid #f4f4f4;
padding: 0px 0px 4px 14px;
margin-bottom: 18px;
}
.widget_itune_chart ul li:last-child {
padding-bottom: 0px;
margin-bottom: 0px;
border-bottom: none;
}
.wm-chart-wrap {
display: inline-block;
vertical-align: middle;
}
.widget_itune_chart ul li span {
font-size: 18px;
font-weight: 400;
margin-bottom: 6px;
display: inline-block;
}
.widget_itune_chart ul li h5 a { color: #3a3a3a; }
.wm-important-itune {
position: absolute;
right: 0px;
top: 0px;
border: 1px solid;
line-height: 1;
font-size: 13px;
text-transform: uppercase;
padding: 4px 5px;
}
/* Widget Trending Artist */
.widget_trending_artist ul li {
float: left;
width: 100%;
list-style: none;
margin-bottom: 17px;
}
.widget_trending_artist ul li:last-child { margin-bottom: 0px; }
.widget_trending_artist ul li figure {
float: left;
width: 93px;
margin-bottom: 0px;
overflow: hidden;
}
.widget_trending_artist ul li figure > a,
.widget_trending_artist ul li figure a img {
float: left;
width: 100%;
}
.widget_trending_artist ul li figcaption,
.widget_trending_artist ul li figcaption:before {
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
}
.widget_trending_artist ul li figcaption:before {
content: '';
opacity: 0.95;
left: -100%;
}
.widget_trending_artist ul li figcaption a {
position: absolute;
left: 0%;
top: 50%;
color: #ffffff;
font-size: 20px;
margin: -14px 0px 0px -8px;
}
.wm-trending-text span {
background-color: #3a3a3a;
font-size: 12px;
color: #cfcfcf;
padding: 7px 11px;
line-height: 1;
display: inline-block;
}
.widget_trending_artist ul li figure ~ .wm-trending-text { padding-left: 108px; }
.widget_trending_artist ul li figcaption { opacity: 0; }
.widget_trending_artist ul li:hover figcaption { opacity: 1; }
.widget_trending_artist ul li:hover figcaption:before { left: 0; }
.widget_trending_artist ul li:hover figcaption a { left: 50%; }
.wm-trending-text h5 { margin-bottom: 1px; }
.wm-trending-text h5 a { color: #252525; }
/* Twitter Feed */
.widget_twitter_feed ul li {
float: left;
width: 100%;
list-style: none;
margin-bottom: 27px;
}
.widget_twitter_feed ul li:last-child { margin-bottom: 0px; }
.widget_twitter_feed ul li i {
float: left;
font-size: 18px;
}
.widget_twitter_feed ul li p {
font-size: 18px;
color: #252525;
font-weight: 300;
margin-bottom: 0px;
padding-left: 30px;
}
.widget_twitter_feed ul li span {
display: block;
font-size: 16px;
font-style: italic;
}
/* Widget Latest News */
.widget_latest_news ul li {
float: left;
width: 100%;
list-style: none;
margin-bottom: 17px;
}
.widget_latest_news ul li:last-child { margin-bottom: 0px; }
.widget_latest_news ul li figure > a {
float: left;
width: 93px;
}
.widget_latest_news ul li figure > a ~ figcaption { padding-left: 111px; }
.widget_latest_news ul li figure figcaption h6 a { color: #252525; }
.widget_latest_news ul li span {
font-size: 15px;
color: #a97c3d;
display: inline-block;
margin-bottom: 5px;
}
.widget_latest_news ul li figure figcaption h6 {
font-weight: 400;
margin-bottom: 0px;
}
.wm-widget-readmore {
font-size: 20px;
color: #515151;
display: block;
font-weight: 300;
}
.wm-widget-readmore i {
font-size: 12px;
display: inline-block;
margin-left: 3px;
}
/* Copyright Section */
.wm-copyright-section {
float: left;
width: 100%;
text-align: center;
border-top: 2px solid #f3f3f3;
position: relative;
padding: 26px 0px 20px 0px;
}
.wm-copyright-section p {
color: #bbbbbb;
font-size: 14px;
}
.backtop-btn {
position: absolute;
right: 0px;
top: -26px;
text-transform: uppercase;
font-size: 14px;
font-weight: 400;
padding: 12px 28px;
border-radius: 40px;
}
.backtop-btn i {
display: inline-block;
margin-left: 3px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
transform: rotate(-90deg);
}
/* Footer Four */
.footer-four {
float: left;
width: 100%;
background-color: #3a3a3a;
padding: 70px 0px 0px 0px;
}
.footer-four .wm-footer-widgets .row { margin: 0px -15px; }
.footer-four .wm-footer-widgets .widget { padding: 0px 15px; }
.footer-four .wm-footer-widgets .widget { margin-bottom: 88px; }
.wm-footer-spot-section {
background-color: #2f2f2f;
float: left;
width: 100%;
}
.wm-footer-spot-section .wm-footer-bottom-section { border: none; }
.footer-four .wm-footer-widget-title h2 {
color: #ffffff;
font-weight: 300;
text-transform: capitalize;
}
/* Latest Event Widget */
.widget_latest_event ul li {
float: left;
list-style: none;
width: 100%;
margin-bottom: 16px;
}
.widget_latest_event ul li:last-child { margin-bottom: 0px; }
.widget_latest_event ul li .wm-widget-time {
float: left;
width: 73px;
height: 73px;
margin-right: 16px;
background-color: #313131;
font-size: 15px;
color: #d6d6d6;
text-transform: uppercase;
text-align: center;
line-height: 1.1;
border: 4px solid #424242;
padding-top: 11px;
}
.widget_latest_event ul li:hover .wm-widget-time {
border-color: #c34c7b;
}
.widget_latest_event ul li .wm-widget-time span {
color: #d6d6d6;
font-size: 25px;
display: block;
font-weight: 300;
}
.widget_latest_event ul li h5 {
margin-bottom: 0px;
font-weight: 400;
padding-top: 6px;
}
.widget_latest_event ul li h5 a {
color: #ffffff;
text-transform: uppercase;
}
.widget_latest_event ul li span {
font-size: 15px;
color: #a9a9a9;
text-transform: uppercase;
}
.footer-four .widget_artists .wm-newsinfo > a {
background-color: #4a4a4a;
}
.footer-four .widget_artists ul li:hover .wm-newsinfo > a,.footer-four .wm-newsinfo h3 span,.footer-four .widget_twitter_feed ul li i,.footer-four .widget_twitter_feed ul li p span { color: #ffffff; }
.footer-four .widget_twitter_feed ul li p { color: #bdbdbd; }
/* Footer Bottom Section */
.footer-four .wm-footer-bottom-section { padding-top: 44px; }
.footer-four .wm-newslatter-section form input[type="text"] {
background-color: #3a3a3a;
color: #a4a4a4;
}
.footer-four .wm-newslatter-section form input[type="submit"] {
float: left;
color: #ffffff;
border: none;
text-transform: uppercase;
padding: 13px 34px 12px 34px;
}
.footer-four .wm-footer-icons li a {
border-color: #3c3c3c;
color: #6a6a6a;
}
.footer-four .wm-footer-icons li.wm-twitter:hover a { border-color: #54abee; color: #54abee; }
.footer-four .wm-footer-icons li.wm-facebook:hover a { border-color: #46629e; color: #46629e; }
.footer-four .wm-footer-icons li.wm-spotify:hover a { border-color: #24cf5f; color: #24cf5f; }
.footer-four .wm-footer-icons li.wm-soundcloud:hover a { border-color: #ffa500; color: #ffa500; }
.footer-four .jp-volume-controls {
float: left;
margin: 21px 0px 0px 0px;
}
.footer-four .jp-controls {
float: none;
display: inline-block;
}
.footer-four .jp-interface { text-align: center; }
.footer-four .wm-footer-player .wm-player-wrap {
padding: 0px;
float: right;
width: 15%;
}
.footer-four .wm-footer-player .jp-mute,.footer-four .wm-footer-player .jp-controls span.jp-shuffle i { color: #f7afcb; }
.footer-four .wm-footer-player .jp-controls span i {
border-color: #e0719d;
color: #e0719d;
}
.footer-four .wm-footer-player .jp-controls span:hover i {
border-color: #f7afcb;
color: #f7afcb;
}
.footer-four .wm-footer-player .song-title { width: 15%; }
.footer-four .wm-footer-player .jp-stop { background-color: #ffffff; }
.footer-four .jp-volume-bar { background-color: #cb5584; }
.footer-four .jp-volume-bar-value { background-color: #e0719d; }
.footer-four .wm-footer-player .wm-playlist-btn { color: #ffffff; }