/* Copyright (c) 2016 Himanshu Softtech.
------------------------------------------------------------------
[Table of contents]

1. Google Web Foonts
2. Body
3. Preloader / #preloader
4. Theme customizer / #style-switcher
5. Slider / .rock_slider_div
6. Header / #rock_header
7. Menu / .rock_menu
8. Social icon / .rock_social
9. Welcome note / .rock_welcome_note
10. Services / .rock_service_div
11. Event of the month / .rock_event
12. Event timing / .rock_event_time
13. Club photo / .rock_club_photo
14. Club track / .rock_club_track_main
15. Rating bar / .rock_rating
16. VIP booking / .rock_vip_book
17. Page title / .rock_page_title_main
18. Pager / .rock_pager
19. About page style / .rock_about_welcome
20. Blog category page style / .blogcategory_container
21. Blog full width page style / .rock_blog_full_page
22. Sidebar style / .rock_sidebar
23. Pagination / .rock_pagination
24. Book table page style / .rock_book_table_main
25. Event page style / .rock_main_event
26. Gallery / .rock_main_gallery
27. Blog single page style / .rock_blog_single
28. Icon page style / .rock_icon
29. Pricing table style / .rock_price
30. 404 page style / .rock_404
31. Contact / .rock_contact
32. Footer / .rock_footer
33. Media style
-------------------------------------------------------------------*/
/*---------------------start google web fonts---------------------*/
/* Lato google font start */
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 100;
	src: local('Lato Hairline'), local('Lato-Hairline'), 
	url(../fonts/Lato/Lato-Hairline.woff2) format('woff2'),
	url(../fonts/Lato/Lato-Hairline.woff) format('woff'),
	url(../fonts/Lato/Lato-Hairline.ttf) format('truetype');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 300;
	src: local('Lato Light'), local('Lato-Light'), 
	url(../fonts/Lato/Lato-Light.woff2) format('woff2'),
	url(../fonts/Lato/Lato-Light.woff) format('woff'),
	url(../fonts/Lato/Lato-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 400;
	src: local('Lato Regular'), local('Lato-Regular'), 
	url(../fonts/Lato/Lato-Regular.woff2) format('woff2'),
	url(../fonts/Lato/Lato-Regular.woff) format('woff'),
	url(../fonts/Lato/Lato-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 700;
	src: local('Lato Bold'), local('Lato-Bold'), 
	url(../fonts/Lato/Lato-Bold.woff2) format('woff2'),
	url(../fonts/Lato/Lato-Bold.woff) format('woff'),
	url(../fonts/Lato/Lato-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Lato';
	font-style: normal;
	font-weight: 900;
	src: local('Lato Black'), local('Lato-Black'), 
	url(../fonts/Lato/Lato-Black.woff2) format('woff2'),
	url(../fonts/Lato/Lato-Black.woff) format('woff'),
	url(../fonts/Lato/Lato-Black.ttf) format('truetype');
}
/* Lato google font end */

/* Roboto google font start */
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 100;
	src: local('Roboto Thin'), local('Roboto-Thin'), 
	url(../fonts/Roboto/Roboto-Thin.woff2) format('woff2'),
	url(../fonts/Roboto/Roboto-Thin.woff) format('woff'),
	url(../fonts/Roboto/Roboto-Thin.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 300;
	src: local('Roboto Light'), local('Roboto-Light'), 
	url(../fonts/Roboto/Roboto-Light.woff2) format('woff2'),
	url(../fonts/Roboto/Roboto-Light.woff) format('woff'),
	url(../fonts/Roboto/Roboto-Light.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 400;
	src: local('Roboto'), local('Roboto-Regular'), 
	url(../fonts/Roboto/Roboto-Regular.woff2) format('woff2'),
	url(../fonts/Roboto/Roboto-Regular.woff) format('woff'),
	url(../fonts/Roboto/Roboto-Regular.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 500;
	src: local('Roboto Medium'), local('Roboto-Medium'), 
	url(../fonts/Roboto/Roboto-Medium.woff2) format('woff2'),
	url(../fonts/Roboto/Roboto-Medium.woff) format('woff'),
	url(../fonts/Roboto/Roboto-Medium.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 700;
	src: local('Roboto Bold'), local('Roboto-Bold'), 
	url(../fonts/Roboto/Roboto-Bold.woff2) format('woff2'),
	url(../fonts/Roboto/Roboto-Bold.woff) format('woff'),
	url(../fonts/Roboto/Roboto-Bold.ttf) format('truetype');
}
@font-face {
	font-family: 'Roboto';
	font-style: normal;
	font-weight: 900;
	src: local('Roboto Black'), local('Roboto-Black'), 
	url(../fonts/Roboto/Roboto-Black.woff2) format('woff2'),
	url(../fonts/Roboto/Roboto-Black.woff) format('woff'),
	url(../fonts/Roboto/Roboto-Black.ttf) format('truetype');
}
/* Roboto google font end */

/*---------------------end google web fonts---------------------*/

/*---------------------body start---------------------*/
:root {
	--dark-blue:#09090c;
	--light-blue:#0f0f15;
	--white-color:#ffffff;
	--green-color:#63ffd1;
	--para-color:#afafc2;
	--black-color:#101015;
	--background-gradient:linear-gradient(45deg, #b3ffab 0%, #11fff7 100%);
}
body {
	font-family: 'Lato', sans-serif;
	font-size: 16px;
	line-height: 1.42857143;
	color: #c2c2c2;
	background-image: url(../images/bg/main_bg.png);
	overflow-x:hidden;
}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
	font-family: 'Roboto', sans-serif;
	font-weight: lighter;
	line-height: 1.1;
	color: #FFF;
}
a {
	color: #03ac89;
	text-decoration: none;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}
a:hover, a:focus {
	color: #00ffcc;
	text-decoration: none;
}
thead tr th {
	padding: 10px;
	border: 1px solid rgba(255, 255, 255, 0.3);
	font-weight: 100;
	font-size: 18px;
}
tbody tr {
	border: 1px solid rgba(255, 255, 255, 0.3);
	font-size: 15px;
}
tbody tr th {
	padding: 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
tbody tr td {
	padding: 10px;
	border-right: 1px solid rgba(255, 255, 255, 0.3);
}
p{
	backface-visibility:hidden;
}
.form-control {
	display: block;
	width: 100%;
	height: 50px;
	padding: 6px 12px;
	font-size: 20px;
	line-height: 1.42857143;
	color: #fff;
	background-color: #0d0d0d;
	background-image: none;
	border: 1px solid rgba(255, 255, 255, 0.3);
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:hover, .form-control:focus {
	border-color: #00ffcc;
	outline: 0;
}
.form-control::-moz-placeholder {
 color: #fff;
 opacity: 1;
}
.form-control:-ms-input-placeholder {
 color: #fff;
}
.form-control::-webkit-input-placeholder {
 color: #fff;
}
.label-default {
	color: #00ffcc;
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
	color: #00ffcc;
	border-color: #03ac89;
}
.btn-default {
	color: inherit;
	background-color: transparent;
	border-color: #FFF;
}

.bootstrap-select,
.bootstrap-select .btn:focus,
.bootstrap-select *:focus,
.bootstrap-select *{
	outline:none !important;
}
.open .dropdown-toggle.btn-default,
.bootstrap-select > .btn{
	padding:0 30px;
	color:#ffffff;
}
.bootstrap-select > .btn:focus,
.bootstrap-select > .btn:hover{
	color:#ffffff;
}
.bootstrap-select.btn-group .dropdown-menu,
.bootstrap-select > .dropdown-menu{
	padding:0;
	z-index:10;
}
.bootstrap-select > .dropdown-menu > ul > li, 
.rockon_sidebar_wrapper .widget .bootstrap-select > .dropdown-menu > ul > li{
	padding:0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.26);
    width: 100%;
    margin-bottom: 0;
    background-color: transparent;	
}
.bootstrap-select > .dropdown-menu > ul > li > a,  
.rockon_sidebar_wrapper .widget .bootstrap-select > .dropdown-menu > ul > li > a{
	padding:10px;
	display:block;
	margin-right:0;
    width: 100%;
    text-align: left;
	box-shadow:none;	
    font-size: 16px;	
	color: #fff;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus{
	color:inherit;
	background-color:transparent;
}

.modal-content {
	position: relative;
	background-color: #0d0d0d;
	background-clip: padding-box;
	border: 1px solid #00ffcc;
	box-shadow: 0px 0px 7px 0px #00ffcc;
	outline: none;
}
.carousel-caption {
	position: absolute;
	top: 10%;
	left: 0;
	z-index: 10;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fff;
	text-align: center;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
}
.carousel-caption .btn {
	text-shadow: none;
	height:auto;
	line-height:inherit;
	background-color:transparent; 
}
.close {
	float: right;
	font-size: 21px;
	font-weight: bold;
	line-height: 1;
	color: #03ac89;
	text-shadow: 0 1px 0 #03ac89;
	filter: alpha(opacity=20);
}
.close:hover, .close:focus {
	color: #00ffcc;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
}
.owl-carousel .owl-stage, .owl-carousel.owl-drag .owl-item{
    -ms-touch-action: auto;
        touch-action: auto;
}
/*---------------------body end---------------------*/
::selection {
	color: #000;
	background: #00ffcc;
}
::-moz-selection {
color:#000;
background:#00ffcc;
}
/*---------------------loder css start---------------------*/
#preloader {
	background-color: #0c0217;
	bottom: 0;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 2147483647;
	overflow:hidden;
}
#status {
	background-position: center center;
	background-repeat: no-repeat;
	height: auto;
	left: 50%;
	top: 50%;
	position: absolute;
	width: 36px;
	margin: -18px 0 0 -18px;
}
/*---------------------loder css end---------------------*/

/*---------------------colorpicker css start---------------------*/
#style-switcher {
	background: none repeat scroll 0 0 #0c0217;
	box-shadow: 1px 1px 3px 0 rgba(0, 255, 204, 0.3);
	border-right: 1px solid rgba(0, 255, 204, 0.33);
	left: -161px;
	position: fixed;
	top: 20%;
	width: 160px;
	z-index: 99999;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
#style-switcher.open{
	left:0;
}
#style-switcher div {
	padding: 5px 9px;
	float: left;
}
.rock_themeoption {
	color: #000;
	margin-bottom: 15px;
}
ul.colors {
	list-style: none outside none;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0;
}
ul.colors li {
	float: left;
	margin: 2px;
}
ul.colors li #dark_color1 {
	background: #8906FF;
}
ul.colors li #dark_color2 {
	background: #FFC107;
}
ul.colors li #dark_color3 {
	background: #8BC34A;
}
ul.colors li #dark_color4 {
	background: #EE1F1F;
}
ul.colors li #dark_color5 {
	background: #0FCCE8;
}
ul.colors li #style {
	background: #00ffcc;
}
ul.colors li p {
	cursor: pointer;
	display: block;
	height: 39px;
	width: 39px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 0px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
ul.colors li:hover p {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
#style-switcher .bottom {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #252525;
	padding: 0;
}
#style-switcher .bottom a.settings {
	background: none repeat scroll 0 0 #0c0217;
	box-shadow: 1px 1px 3px 0 rgba(0, 255, 204, 0.3);
	border-right: 1px solid rgba(0, 255, 204, 0.33);
	display: block;
	height: 41px;
	position: absolute;
	right: -40px;
	top: 0;
	width: 40px;
	padding: 3px;
	text-align:center;
	font-family: sosa;
	line-height: 38px;
	color: #000;
	cursor:pointer;
}
#style-switcher .bottom a.settings i {
	font-size: 20px;
	color: #fff;
}
#style-switcher .bottom a.settings i:before {
    content: "\f1fc";
}
#style-switcher > div > h3 {
	font-size: 14px;
	text-transform: capitalize;
	font-weight: 400;
	text-align: left;
	color: #008363;
}
#style-switcher > div > select {
	width: 90%;
}
.slider_option > p > a > img {
	color: inherit;
	padding-right: 5px;
}
.slider_option > p > a:hover {
	color: inherit;
}
ul.pattern {
	list-style: none outside none;
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0;
}
ul.pattern li {
	float: left;
	margin: 2px;
}
ul.pattern li p {
	cursor: pointer;
	display: block;
	border: 1px solid #696868;
	height: 22px;
	width: 22px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	font-size: 0px;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
ul.pattern li:hover p {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
ul.pattern li #dark_pattern1 {
	background: url(../images/patern/canvas-orange.jpg);
}
ul.pattern li #dark_pattern2 {
	background: url(../images/patern/chalkboard.jpg);
}
ul.pattern li #dark_pattern3 {
	background: url(../images/patern/ocean.jpg);
}
ul.pattern li #dark_pattern4 {
	background: url(../images/patern/shattered-island.gif);
}
ul.pattern li #dark_pattern5 {
	background: url(../images/patern/laser.gif);
}
ul.pattern li #style {
	background: #008363;
}
/*---------------------colorpicker css end---------------------*/



/*---------------------slider start---------------------*/
.rock_slider_div {
    position: relative;
    padding: 0 !important;
}
.rock_slider_div > .rock_slider {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url(../images/bg/slider_bg_overlay.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.rock_logo_slider {
	position: relative;
	text-align: center;
	display: inline-block;
}
.rock_logo_slider a img {
	width: 100%;
	z-index: 999;
}
.rock_logo_slider:after {
	width: 100%;
	height: 100%;
	content: "";
	position: absolute;
	top: 70%;
	left: 0;
	background-image: url(../images/slider_light.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center bottom;
}
.slider_welcome {
	font-size: 18px;
}
.slider_welcome span {
	font-size: 30px;
}
.rock_slider_content {
	position: absolute;
	top: 130%;
	left: 5%;
}
.rock_slider_btn {
	font-family: 'Roboto', sans-serif;
	font-size: 2.5vw !important;
	text-transform: uppercase;
	font-weight: 100 !important;
	margin-bottom: 20px !important;
}
.rock_slider_content p {
	padding: 0px 100px;
	-webkit-animation-delay: 0.5s;
	-moz-animation-delay: 0.5s;
	-ms-animation-delay: 0.5s;
	-o-animation-delay: 0.5s;
}
/*Fade css for index page slider*/
.carousel-fade .carousel-inner .item {
	opacity: 0;
	-webkit-transition-property: opacity;
	-moz-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}
.carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	left: 0;
	opacity: 0;
	z-index: 1;
}
.carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	opacity: 1;
}
.carousel-fade .carousel-control {
	z-index: 2;
}
html, body, .carousel, .carousel-inner, .carousel-inner .item {
	height: 100%;
}
/*---------------------slider end---------------------*/

.rock_shop_wrapper_sidebar .product_list_wrapper .products .product-info {
    width: 60%;
    padding: 25px 10px 5px !important;
}
/*---------------------header start---------------------*/
#rock_header_otherpage {
	width: 100%;
	float: left;
	position: unset !important ;
	top: 0%;
	background: #000000;
	z-index: 99;
}
body.logged-in #rock_header_otherpage{
	top: 32px;
}
#rock_header_otherpage.rock_header_fixed {
    position: fixed !important;
    top: 0;
    left: 0;
    background: #000;
}
#rock_header_single_page {
	width: 100%;
	float: left;
	position: absolute;
	top: 80%;
	left: 0;
	background: #000000;
	z-index: 99;
}
.rockon_menu_revols_head {
	position: fixed !important;
	top: 0 !important;
}
.admin-bar .rockon_menu_revols_head {
	top:32px !important; 
}
.rock_header_fixed_single {
}
#rock_header {
	width: 100%;
	float: left;
	position: absolute;
	top: 80%;
	left: 0;
	background: rgba(0,0,0,0.8);
    z-index: 9999;	
}
#rock_header.rock_header_fixed {
	position: fixed;
	top: 0;
	left: 0;
	background: #000;
}
.admin-bar #rock_header.rock_header_fixed {
	top:32px;
}
.rock_logo {
	padding: 20px 0px; 
	float:left;

}
.rockon_logo {
    position: relative;
    z-index: 111;
}
.rock_logo a{
	display:block;
}  
.rockon_logo a, .rockon_logo a img {
    display: block;
}

.rock_menu_toggle {
	width: 100%;
	padding: 10px;
	background: #000;
	cursor: pointer;
	border: 1px solid #00ffcc;
	display:none;
}
.rock_menu_toggle i {
	float: right;
	font-size: 25px;
}
.menu_close{
	display:none;
}

.rockon_header_wrapper {
    /*background-image: url(../images/banner.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px 0px;
}
.rockon_header_wrapper.rockon_header_fixed {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background-color: #09090c;
    box-shadow: 1.5px 3.99px 27px 0px rgb(255 255 255 / 10%);
    max-width: 100%;
    z-index: 99999;
    transition: all 0.7s ease-in-out;
    -webkit-animation: slideInDown .7s;
    -moz-animation: slideInDown 0.7s;
    -ms-animation: slideInDown 0.7s;
    -o-animation: slideInDown 0.7s;
    animation: slideInDown 0.7s;
    backface-visibility: hidden;
    padding: 30px 0px;
}
.rockon_header_wrapper.rockon_header_fixed .rockon_header_menu {
    top: 10px;
}
ul.rockon_menu li {
    padding: 0px 0px 22px;
    transition: all 0.5s;
}
ul.rockon_menu li a {
    color: var(--white-color);
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 500;
}
ul.rockon_menu li:hover a{
    color: var(--green-color);
    transform: translateX(-5px);
}
ul.rockon_menu {
   opacity: 0;
   visibility: hidden;
   position: fixed;
   right: 230px;
   z-index: 1;
   top: 53px;
   list-style-type: none;
}

/* menu toggle */
.rockon_header_menu {
    position: relative;
    z-index: 111;
    padding-top: 10px;
}
.rockon_menu_toggle {
    display: flex;
    align-items: center;
    justify-content: end;
}
body.show_menu .rockon_menu_toggle {
    position: fixed;
    top: 55px;
    right: 380px;
    z-index: 9;
}
a.rockon_menu_toggle_click {
    z-index: 22;
}
a.rockon_menu_toggle_click span {
    margin-top: 4px;
    display: block;
    height: 3px;
    width: 30px;
    background-image: -moz-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
a.rockon_menu_toggle_click span:nth-child(2) {
    width: 22px;
    margin-left: 8px;
}
body.show_menu .rockon_menu_toggle_click span:nth-child(2){
    opacity: 0;
    visibility: hidden;
}
body.show_menu .rockon_menu_toggle_click span:nth-child(1){
    -webkit-transform: rotate(-45deg) translate(-5px, 8px);
    -moz-transform: rotate(-45deg) translate(-5px, 8px);
    -ms-transform: rotate(-45deg) translate(-5px, 8px);
    transform: rotate(-45deg) translate(-5px, 8px);
}
body.show_menu .rockon_menu_toggle_click span:nth-child(3) {
    -webkit-transform: rotate(45deg) translate(-1px, -5px);
    -moz-transform: rotate(45deg) translate(-1px, -5px);
    -ms-transform: rotate(45deg) translate(-1px, -5px);
    transform: rotate(45deg) translate(-1px, -5px);
}
body.show_menu ul.rockon_menu {
    opacity: 1;
    visibility: visible;
 
}
.bs-menu-overlay {
    position: fixed;
    width: 530px;
    height: 530px;
    right: 0;
    top: 0;
    background-image: url(../images/menu-shape.png);
    transform: rotate(270deg);
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s;
}
body.show_menu .bs-menu-overlay {
    opacity: 1;
    visibility: visible;
}

/*--------------------- clubon new demo extra css start ---------------------*/
.rockon_all_heading {
    background-image: url(../images/heading-bg.png);
    background-repeat: no-repeat;
    text-align: center;
    width: 100%;
    background-position: center;
    background-size: auto;
    height: 70px;
    min-height: 70px;
    max-height: 70px;
}
.rockon_all_heading h1 {
    font-size: 34px;
    letter-spacing: 2px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;
    padding: 20px 0px 0px;
    margin: 0px auto;
}
.rockon_welcome_club_wrapper {
    background-color: #09090c;
    padding: 76px 0px 75px;
}
.rockon_welcome_content h1 {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #fff;
    padding: 0px 0px 17px;
    margin: 0px auto;
}
.rockon_welcome_content p {
    color: #afafc2;
    font-size: 15px;
    font-weight: 300;
}
.rockon_welcome_content {
    text-align: left;
}
.rockon_welcome_inner {
    padding: 75px 0px 0px 0px;
}
a.rockon_all_btn:hover {
    background-position: 100% 0;
    background-image: linear-gradient(90deg, #11fff7 0%, #b3ffab 100%);
    transform: translateY(-5px);
}
a.rockon_all_btn {
    font-size: 15px;
    color: #101015;
    font-weight: 700;
    width: 170px;
    height: 50px;
    border-radius: 25px;
    background-image: linear-gradient(90deg, #b3ffab 0%, #11fff7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
a.rockon_all_btn span {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
a.rockon_all_btn:hover span {
    opacity: 1;
    visibility: visible;
    padding-left: 5px;
}
.rockon_welcome_content p.rockon_welcome_para1 {
    padding: 30px 0px 26px 0px;
}
.rockon_destination_wrapper {
    background-color: #09090c;
}
.rockon_video_right img {
    height: 100% !important;
    max-width: initial !important;
}
.rockon_destination_wrapper .col-lg-6.col-md-12.col-sm-12.p-0 {
    padding-left: 0;
}
.rockon_video_right {
    position: absolute!important;
    right: 6px;
}
.rockon_video_right h1 {
    font-size: 45px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #fff;
    width: 100%;
    max-width: 640px;
    text-align: center;
    position: absolute;
    top: 40%;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
    text-transform: uppercase;
}
.rockon_video {
    position: relative !important;
    margin-top: 48px !important;
    margin-bottom: 50px !important;
}
.rockon_video img {
    position: relative;
    z-index: 2;
}
.rockon_video_play {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*================= provide sectipon css start ===============*/
.rackon_provide_wrapper {
    background-color: #09090c;
    padding: 80px 0px;
}

.rockon_provide_inner {
    padding: 75px 0px 0px 0px;
}
.rockon_provide_box {
    position: relative;
    transition: all 0.5s;
}
.rockon_provide_box > img {
    width: 100%;
}
.rockon_provide_hover {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    text-align: center;
    padding: 40px 0 0 0px;
    transition: all 0.5s;
}
.rockon_provide_hover h2 {
    padding: 18px 0px 0px;
}
.rockon_provide_hover h2 a {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 600;
    color: #ffffff;
	transition: all 0.5s;
}
.rockon_provide_hover p{
	font-size: 15px;
	color: #afafc2;
	font-weight: 600;
	padding: 0px 30px;
	display: none;
	transition: all 0.5s;
}

/* box hover css */
.rockon_provide_box:hover{
	transform: translateY(-5px);
}
.rockon_provide_box:hover .rockon_provide_hover {
    position: absolute;
    top: -40px;
    padding: 0;
}
.rockon_provide_box:hover .rockon_provide_hover h2 {
    padding: 30px 0px 10px 0px;
}
.rockon_provide_box:hover .rockon_provide_hover p{
	display: block;
}
/*========== portfolio css start ===============*/
.rockon_portfolio_wrapper {
    background-color: var(--dark-blue);
}
.rockon_portfolio_1 {
    display: flex;
}
.rockon_portfolio_gallery {
	text-align: center;
}
.rockon_portfolio_gallery .rockon-grid-item {
	
	clear: both;
	position: relative;
	overflow: hidden;
}
.rockon_portfolio_gallery .rockon-grid_img:before {
    content: "";
    position: absolute;
    background-image: linear-gradient( 45deg, rgb(179 255 171 / 87%) 0%, rgb(18 255 247 / 93%) 100%);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
    z-index: 1;
}
.rockon_portfolio_gallery .rockon-grid-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%) scale3d(0, 0, 0);
	-ms-transform: translate(-50%, -50%) scale3d(0, 0, 0);
	transform: translate(-50%, -50%) scale3d(0, 0, 0);
	text-align: center;
	z-index: 1;
}
.rockon_portfolio_gallery .rockon-grid-item:hover .rockon-grid-icon {
	-webkit-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-ms-transform: translate(-50%, -50%) scale3d(1, 1, 1);
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.rockon_portfolio_gallery .bottom_content {
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 20px;
	color: #fff;
	z-index: 1;
}

.rockon_portfolio_gallery .rockon-grid-item:hover .bottom_content > h3 {
	-webkit-transition-delay: 0.15s;
	-o-transition-delay: 0.15s;
	-ms-transition-delay: 0.15s;
	-moz-transition-delay: 0.15s;
	transition-delay: 0.15s;
}
.rockon_portfolio_gallery .rockon-grid-item:hover .rockon-grid_img:before {
	opacity: 1;
	visibility: visible;
}
.rockon_portfolio_gallery .rockon-grid_img img {
    transform: scale(1.2, 1.2);
	transition: all 700ms ease;
	-webkit-transition: all 700ms ease;
	-moz-transition: all 700ms ease;
	-ms-transition: all 700ms ease;
	-o-transition: all 700ms ease;
}
.rockon_portfolio_gallery .rockon-grid-item:hover .rockon-grid_img img {
	transform: scale(1.2, 1.2);
}
.rockon_portfolio_gallery .rockon_portfolio_gallery_view a {
	z-index: 0;
}
.rockon_portfolio_gallery  .rockon_portfolio_hover_text {
    position: absolute;
    bottom: 20px;
    left: 25px;
    opacity: 0;
    visibility: hidden;
}
.rockon_portfolio_gallery .rockon_portfolio_hover_text p {
    font-size: 15px;
    color: var(--black-color);
    font-weight: 600;
    z-index: 999;
    position: relative;
}
.rockon_portfolio_gallery .rockon-grid-item:hover .rockon_portfolio_hover_text{
    opacity: 1;
    visibility: visible;
}
.col-lg-5.padd-2 {
    padding-right: 5px;
    padding-left: 4px;
}
.col-lg-7.padd-1 {
    padding-right: 7px;
    padding-left: 9px;
}
.col-lg-6.padd-lef_rig {
    padding-right: 0px;
    padding-left: 6px;
}
.padding_top {
    margin-top: 10px;
}
.col-lg-6.p-6-l {
    padding-right: 0;
    padding-left: 15px;
}
.col-lg-6.p-6-r {
    padding-left: 10px;
}
.col-lg-6.space_padd_1 {
    padding-right: 0;
}
.col-lg-6.space_padd_2 {
    padding-left: 10px;
}
.col-lg-4.space_padd_3 {
    padding-right: 0px;
}
.col-lg-8.space_padd_4 {
    padding-left: 10px;
}
/*================ event css start ==============*/

body:not(.home) .rock_page_title_main.other_banner.no_flip_gallery {
    margin-bottom: 80px;
}
body:not(.home) .rockon_event_wrapper {
    padding-top: 0;
}
body:not(.home) .rockon_welcome_club_wrapper {
    padding-top: 0;
}
body:not(.home) .rockon_event_wrapper .rockon_event_inner {
    padding: 0 0 0 0;
}
.rockon_contactinfo, .rockon_contactinfo .rockon_provide_inner {
    padding-top: 0;
}
/* event image */
.rockon_event_inner {
    padding: 75px 0px 25px;
}
.rockon_event_img {
    position: relative;
    padding: 0px 0px 48px;
}
.rockon_event_date {
    background-image: linear-gradient(45deg, #b3ffab 0%, #11fff7 100%);
    width: 110px;
    height: 110px;
    position: absolute;
    top: 130px;
    right: -15px;
    text-align: center;
    padding: 17px 10px 10px 10px;
}
.rockon_event_date p {
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 700;
    color: #000000;
    line-height: 1.2;
}
.rockon_event_date p:nth-child(2) {
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.rockon_event_date p:nth-child(3) {
    font-weight: 600;
    font-size: 21px;
    text-transform: uppercase;
    letter-spacing: 1px;
}
/* event content */
.rockon_event_img_content {
    padding: 0px 0px 48px;
    text-align: left;
}
.rockon_event_img_content h2 {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 600;
    color: var(--white-color);
    margin-top: 0;
}
.rockon_event_img_content h3 {
    font-size: 15px;
    font-weight: 500;
    color: var(--white-color);
    padding: 0;
}
.rockon_event_img_content p {
    font-size: 15px;
    color: var(--para-color);
    font-weight: 400;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 10px;
    margin-bottom: 0;
}
.rockon_event_img_content h4 {
    font-size: 15px;
    font-weight: 600;
    color: var(--green-color);
    padding: 20px 0px 8px;
    margin-top: 0;
}
ul.rockon_offering {
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    margin: 0;
    padding: 0;
}
ul.rockon_offering li {
    display: inline-flex;
    align-items: center;
    position: relative;
    padding: 7px 0;
    width: 125px;
}
ul.rockon_offering li svg {
    fill: #63ffd1;
    margin-right: 8px;
}
ul.rockon_offering li span {
    color: var(--para-color);
    position: absolute;
    left: 24px;
    font-weight: 500;
}
a.rockon_all_btn.rockon_offering_btn {
    margin-top: 25px;
    padding-left: 17px;
}
a.rockon_all_btn.rockon_offering_btn:hover{
    padding-left: 0px;
}

/*============== Blog slider css start ====================*/
.rockon_blog_box {
    position: relative;
}
.rockon_blog_box h2 {
    margin: 0;
    padding: 0px;
}
.rockon_blog_content {
    background: #101015e6;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 27px 25px 13px;
	transition: all 0.5s;
    text-align: left;
}
.rockon_blog_content h2 {
    font-size: 22px;
    letter-spacing: 1px;
    font-weight: 500;
    color: var(--white-color);
    padding-bottom: 15px;
    text-transform:capitalize;
}

ul.rockon_blog_date {
    padding: 12px 0px 0px 0px;
}
ul.rockon_blog_date li {
    font-size: 15px;
    font-weight: 600;
    color: var(--white-color);
    display: inline-flex;
}
.rockon_blog_content p{
	font-size: 15px;
    font-weight: 300;
	color: var(--para-color);
	transition: all 0.5s;
}
a.rockon_blog_arrow {
    width: 100%;
    max-width: 70px;
    height: 34px;
    line-height: 34px;
    background-image: -moz-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    margin: 26px 0 0 0;
    display: none;
    transition: all 0.5s;
    text-align: center;
}
/* blog pagination nono */
.rockon_blog_wrapper .swiper-pagination {
    display: none;
}
/*================ client css start =================*/
.rockon_client_wrapper {
    background-color: var(--dark-blue);
	padding: 80px 0px 0px;
}
.rockon_client_inner {
    width: 100%;
    max-width: 1700px;
    margin: 75px auto 0 auto;
}
.rockon_client_inner .swiper {
    padding: 0px 0px 45px;
}
.rockon_client_inner .swiper-wrapper {
    display: flex;
    align-items: center;
}
.rockon_client_inner .swiper-slide {
    transition: all 200ms linear;
}
.rockon_client_inner .swiper-slide.swiper-slide-active{
	transform: scale(1);
}
.rockon_client_inner .swiper-slide.swiper-slide-active .rockon_client_name img {
    transform: scale(1.4);
}
.rockon_client_inner .swiper-slide.swiper-slide-active .rockon_client_box {
	opacity: 1;
	background-color: #18181f;
}
.rockon_client_inner .swiper-slide.swiper-slide-active .rockon_client_name {
    bottom: -60px;
}
.rockon_client_inner .swiper-slide.swiper-slide-active .rockon_client_box p {
    font-size: 15px;
}
.swiper-slide.swiper-slide-prev .rockon_client_box {
    width: 84%;
    display: flex;
    align-items: center;
    transform: scale(1);
    float: right;
}
.swiper-slide.swiper-slide-next .rockon_client_box {
    width: 84%;
    display: flex;
    align-items: center;
    transform: scale(1);
    float: left;
}
.rockon_client_box {
    background-color: #18181f82;
    padding: 50px 50px 80px 50px;
    position: relative;
    opacity: 0.4;
}
.rockon_client_box p {
    font-size: 11px;
    color: var(--para-color);
}
.rockon_client_name {
    position: absolute;
    bottom: -50px;
}
.rockon_client_name p {
    font-size: 15px;
    font-weight: 400;
    color: var(--white-color);
    margin-top: 15px;
}
.rockon_client_inner .swiper-pagination{
	display: none;
}

/*================================ HISTORY SECTION CSS START ================================*/
.rockon_our_history_section_wrapper {
    background-image: url(../images/history.jpg);
    padding: 75px 0px 75px;
}
.rockon_our_history_slider {
    padding: 75px 0px 0px 0px;
}
.rockon_our_history_slider .swiper-free-mode>.swiper-wrapper { 
    padding-top: 20px;
}
/* border design */
.rockon_history_border > p {
    font-size: 34px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    position: relative;
    padding: 0px 0px 55px;
}
span.rockon_history_circle {
    position: relative;
    width: 16px;
    height: 16px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    border-radius: 50px;
    top: -30px;
    border: 3px solid #ffffff;
}
h2.rockon_top_bottom_border {
    position: relative;
}
h2.rockon_top_bottom_border:after {
    content: '';
    position: absolute;
    height: 23px;
    width: 2px;
    background: #ffffff;;
    top: -10px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
h2.rockon_top_bottom_border:before {
    content: '';
    position: absolute;
    height: 23px;
    width: 2px;
    background: #ffffff;;
    bottom: 50px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
span.rockon_history_circle:after {
    content: '';
    position: absolute;
    width: 112px;
    height: 2px;
    background: #ffffff;
    right: 20px;
}
span.rockon_history_circle:before {
    content: '';
    position: absolute;
    width: 160px;
    height: 2px;
    background: #ffffff;
    left: 20px;
}

/*============ CLUB SECTION CSS START =============*/
.rockon_club_section_wrapper{
    background-image: url(../images/club.jpg);
    padding: 80px 0px
}
.rockon_club_inner_Section {
    padding: 75px 0px 0px;
}
.rockon_club_box {
    position: relative;
    transition: all 0.5s;
}
.rockon_club_decription {
    background-image: linear-gradient(45deg, #b3ffabc9 0%, #11fff7d9 100%);
    text-align: center;
    padding: 10px 10px;
    position: absolute;
    width: 100%;
    left: 0;
    right: 0;
    bottom: -70px;
    width: 100%;
    max-width: 240px;
    margin: 0 auto;
    transition: all 0.5s;
    opacity: 0;
    visibility: hidden;
}
.rockon_club_decription h2 {
    font-size: 18px;
    letter-spacing: 1px;
    color: #101015;
    font-weight: 700;
}
.rockon_club_decription p{
    font-size: 15px;
    color: #101015;
    font-weight: 600;
}
.rockon_club_box:hover .rockon_club_decription{
    opacity: 1;
    visibility: visible;
    bottom: 10px;
}
/*============ Blog Page Css start =============*/
.rockon_blog_section_wrapper{
    background-color: var(--dark-blue);
    padding: 75px 0px 75px;
}
.rockon_blog_box {
    position: relative;
    padding: 0px 0px 50px;
}
.rockon_blog_box img {
    height: 476px!important;
    width: 381px!important;
    object-fit: cover;
}
.rockon_blog_box h2 a {
    font-size: 24px;
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 400;
    padding: 40px 0px 10px;
    display: block;
}
.rockon_blog_box ul li {
    font-size: 15px;
    color: #fff;
    font-weight: 400;
    display: inline-block;
    margin-right: 10px;
}
.rockon_blog_box ul li span {
    width: 2px;
    height: 13px;
    background: var(--para-color);
    display: block;
    position: relative;
    top: 2px;
}
.rockon_blog_box p {
    color: var(--para-color);
    font-size: 15px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 7;
    max-width: 100%;
    -webkit-box-orient: vertical;
    font-weight: 400;
    line-height: 1.7;
    text-align: left;
    display: none;
}
.rockon_blog_inner .rockon_blog_box:hover p {
    display: block;
}
.rockon_blog_box:hover a.rockon_blog_arrow{
    display: block;
}
.rockon_blog_btn {
    padding: 23px 0px 0px;
}
.rockon_blog_box:hover .rockon_blog_content {
    top: 0;
    bottom: 0;
}
.rockon_category_wrapper h2 {
    font-size: 20px;
    letter-spacing: 1px;
    color: var(--green-color);
    text-transform: uppercase;
    padding: 0px 0px 20px 0px;
}
.rockon_category_wrapper p a{
    font-size: 15px;
    font-weight: 500;
    display: block;
    color: var(--para-color);
    padding: 0px 0px 10px 0px;
    transition: all 0.5s
}
.rockon_category_wrapper p span {
    padding-right: 7px;
}
.rockon_category_wrapper p:hover a{
    color: var(--white-color);
}
 /* latest form blog css */
 .rockon_latest_from_blog_wrapper > h2, .widget_custom-twitter-feeds-widget > h3{
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: capitalize;
    color: var(--green-color);
    font-weight: 500;
    padding: 30px 0px 30px;
	padding-top: 0;

}
.widget_custom-twitter-feeds-widget > h3{
	margin-top: 0 !important;
}
 .rockon_latest_img_content a h2 {
    font-size: 15px;
    font-weight: 400;
    color: var(--white-color);
}
.rockon_latest_img_content p {
    font-size: 15px;
    color: var(--para-color);
    font-weight: 300;
    margin-top: 5px;
}
.rockon_latest_from_blog_wrapper ul li {
    position: relative;
    margin-bottom: 20px;
}
.widget.widget_blog_post .rockon_latest_from_blog_wrapper ul li .rockon_footer_blog {
    display: inline-flex;
}
.widget.widget_blog_post .rockon_latest_from_blog_wrapper ul li .rockon_footer_blog .rockon_footer_img img {
    height: 80px;
    width: 80px;
}
.widget.widget_blog_post .rockon_latest_from_blog_wrapper ul li .rockon_footer_blog .rockon_footer_icon_info.rockon_footer_post_info {
    margin-left: 20px;
}
.rockon_latest_from_blog_wrapper ul li .rockon_latest_img {
    position: absolute;
}
.rockon_latest_img_content {
    padding-left: 90px;
}
/* tags css */

.rockon_blog_tags_wrapper h2 {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--green-color);
    padding: 30px 0px 30px;
}
ul.rockon_tag_btn li {
    display: inline-block;
    margin-right: 3px;
    
}
ul.rockon_tag_btn li a {
    height: 40px;
    border-radius: 20px;
    background-color: #18181f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 0px 30px;
    margin: 0px 0px 15px;
}

/* tags css */
.rockon_blog_tags_wrapper h2 {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    color: var(--green-color);
    padding: 30px 0px 30px;
}
ul.rockon_tag_btn li {
    display: inline-block;
    margin-right: 3px;
    
}
ul.rockon_tag_btn li a {
    height: 40px;
    border-radius: 20px;
    background-color: #18181f;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 0px 30px;
    margin: 0px 0px 15px;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper h2 {
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    color: var(--green-color);
    font-weight: 500;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper ul.rockon_social_btn li {
    float: none;
    width: auto;
    display: inline-flex;
    margin-bottom: 10px;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper ul.rockon_social_btn li a {
    width: auto;
    float: none;
    display: inline-flex;
    height: 40px;
    background-color: #3b5998;
    line-height: 40px;
    border-radius: 20px;
    width: 129px;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    color: var(--white-color);
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper ul.rockon_social_btn li a.rockon_social_btn_2{
    background-color: #1da1f2;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper ul.rockon_social_btn li a.rockon_social_btn_3{
        background-color: #0077b5;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper ul.rockon_social_btn li a.rockon_social_btn_4{
        background-color: #dd4b39;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper ul.rockon_social_btn li a.rockon_social_btn_5{
    background-color: #ff301a;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper ul.rockon_social_btn li a.rockon_social_btn_6{
        background-color: #bd081c;
}
aside.widget.widget_follow_us .rockon_follow_us_wrapper ul.rockon_social_btn li a .rockon_social_svg svg {
    fill: #ffffff;
    width: 20px;
    height: 13px;
    position: relative;
    top: 2px;
    right: 4px;
}
/*================ footer css start ================*/
.rockon_footer_wrapper {
    background-image: url(../images/footer.png);
    background-repeat: no-repeat;
    background-color: #09090c;
    background-position: top;
    width: 100%;
    /* height: 100%; */
    /*padding-bottom: 85px;*/
}
/* newsletter css start */
.rockon_newsletter_wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 130px 0px 50px;
    border-bottom: 1px solid #ffffff30;
}
.rockon_newsletter_left h2 {
    color: var(--white-color);
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 500;
}
.rockon_newsletter_left p {
    color: var(--white-color);
    font-size: 15px;
    font-weight: 500;
    padding: 4px 0px 0px 0px;
}
.rockon_newsletter_right {
	position: relative;
}
.rockon_newsletter_right input {
    width: 430px;
    background-color: #3e3a3f;
    border: none;
    height: 50px;
    padding: 0px 150px 0 20px;
    border-radius: 50px;
    color: var(--white-color);
}
.rockon_newsletter_right input:focus {
    border: none;
    outline: none;
}
.rockon_newsletter_right input::placeholder{
	font-size: 15px;
	font-weight: 300;
	color: var(--white-color);
}
.rockon_newsletter_btn a {
    background-image: -moz-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(179,255,171) 0%, rgb(18,255,247) 100%);
    width: 140px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0px 30px 30px 0;
    position: absolute;
    top: 0;
    right: 0;
	color: var(--black-color);
	text-transform: capitalize;
	font-weight: 600;
}
/* footer css */
.rockon_footer_inner {
    padding: 30px 0px 0px 0px;
}
.rockon_footer_inner .textwidget p {
    font-weight: 400;
    line-height: 1.7;
    margin-bottom: 0;
}
.rockon_footer_inner .widget_text h3 {
    font-weight: 600;
    font-size: 24px;
}
.rockon_footer_inner .rockon_latest_from_blog_wrapper > h2 {
    font-weight: 600;
    color: var(--white-color);
    text-transform:capitalize;
    font-size: 24px;
    padding-top:0;
}
.rockon_footer_div h2 {
    font-size: 24px;
    letter-spacing: 1px;
    font-weight: 600;
    color: var(--white-color);
    padding-bottom: 20px;
}

.rockon_footer_div p {
	font-size: 15px;
	font-weight: 300;
    color: var(--para-color);
}
.rockon_footer_main {
    display: flex;
}
.rockon_footer_icon {
    margin-right: 20px;
}
.rockon_footer_div ul li:first-child {
    margin-top: 20px;
}
.rockon_footer_icon_info {
    padding-bottom: 16px;
    font-weight: 400;
}
.rockon_footer_icon_info h2 {
    font-size: 15px;
    font-weight: 500;
    color: var(--white-color);
    padding-bottom: 10px;
    margin: 0;
}
.rockon_footer_opening {
    display: flex;
    justify-content: space-between;
    margin-top: 15px;
}
.rockon_latest_from_blog_wrapper ul {
    padding-left: 0;
    list-style: none;
}
.rockon_footer_opening_para p {
    font-size: 15px;
    font-weight: 500;
    padding-bottom: 5px;
}

.rockon_footer_blog {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.rockon_footer_img {
    width: 80px;
    margin-bottom: 10px;
}
.rockon_footer_icon_info.rockon_footer_post_info {
    padding: 0 0px 7px;
}
.rockon_footer_div ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
/*============================ copywrite css start ==================*/
.rockon_copywrite_wrapper {
    background: #101015;
    padding: 15px 0;
}
.rockon_copywrite_wrapper p {
    font-size: 15px;
    font-weight: 400;
    color: var(--para-color);
    text-align: center;
    margin-bottom: 0;
}



.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea{
    border:1px solid #eee !important;
}
.woocommerce form .form-row input.input-text:hover, .woocommerce form .form-row textarea:hover ,
.woocommerce form .form-row input.input-text:focus, .woocommerce form .form-row textarea:focus{
   border-color:#E91E63 !important;
}


/*--------------------- clubon new demo css end ---------------------*/
/*---------------------menu start---------------------*/
.rock_menu{
	float:right;
}
.rock_menu .menu-rockon-menu-container{
	float:left;
}
.rock_menu .menu-main-menu-container{
	float:left;
}
.rock_menu ul{
	list-style: none;
	padding: 0px;
	float: right;
	margin-bottom: 0px;
}
.rock_menu ul > li{
	display: inline-block;
	position:relative;
}
.rock_menu ul > li > a {
	padding: 32px 15px;
	display: inline-block;
	text-transform: uppercase;
	position: relative;
	cursor: pointer;
}
.rock_menu ul > li:last-child > a{
	padding-right:0;
}
.rock_menu ul > li > a:after {
	width: 200%;
	height: 5px;
	content: "";
	position: absolute;
	top: 98%;
	left: -45%;
	z-index: 99;
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	background: -webkit-radial-gradient(50% 50%, ellipse closest-side, #00ffcc, rgba(0, 0, 255, 0) 100%);
	background: -moz-radial-gradient(50% 8%, ellipse closest-side, #00ffcc, rgba(0, 0, 255, 0) 100%);
	background: -ms-radial-gradient(50% 8%, ellipse closest-side, #00ffcc, rgba(0, 0, 255, 0) 100%);
	background: -o-radial-gradient(50% 8%, ellipse closest-side, #00ffcc, rgba(0, 0, 255, 0) 100%);
}
.rock_menu ul > li > a:hover:after {
	opacity: 1;
}
.rock_menu ul > li.active > a:after {
	opacity: 1;
}
/*------------------Sub menu start-----------------*/
.rock_menu ul > li > ul{
	position: absolute;
	z-index: 100;
	min-width: 250px;
	margin-top: -1px;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateY(-5px);
	-moz-transform:translateY(-5px);
	transform:translateY(-5px);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.rock_menu ul > li:nth-last-child(2) > ul,
.rock_menu ul > li:last-child > ul { 
	right: 0;
}
.rock_menu ul > li:nth-last-child(5) > ul > li > ul,
.rock_menu ul > li:nth-last-child(4) > ul > li > ul,
.rock_menu ul > li:nth-last-child(3) > ul > li > ul,
.rock_menu ul > li:nth-last-child(2) > ul > li > ul,
.rock_menu ul > li:last-child > ul > li > ul {
	right: 100%;
	left: inherit;
}
.rock_menu ul > li > ul > li {
	display: block;
	border-bottom: 1px solid #000000;
	box-shadow: inset 0px 1px 0px #FFF;
	position: relative;
}
.rock_menu ul > li > ul > li:last-child {
	border-bottom: none;
}
.rock_menu ul > li > ul > li > a {
	padding: 10px 30px;
	width: 100%;
	background: rgba(0,0,0,0.9);
}
.rock_menu ul > li > ul > li > a:after {
	display: none !important;
}
.rock_menu ul > li:hover > ul {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateY(0px);
	-moz-transform:translateY(0px);
	transform:translateY(0px);
}
/*------------------Sub of sub menu start-----------------*/
.rock_menu ul > li > ul > li > ul {
	left: 100%;
	top: -1px;
	margin-left: 0px;
	opacity:0;
	visibility:hidden;
	-webkit-transform:translateX(-5px);
	-moz-transform:translateX(-5px);
	transform:translateX(-5px);
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
}
.rock_menu ul > li > ul > li:hover > ul {
	opacity:1;
	visibility:visible;
	-webkit-transform:translateX(0px);
	-moz-transform:translateX(0px);
	transform:translateX(0px);
}
/*---------------------header end---------------------*/
/*---------------------other start---------------------*/
.rock_heading_div {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
}
.rock_heading h1 {
	display: inline-block;
	margin-bottom: 50px;
	position: relative;
}
.rock_heading p:after {
	content: "";
	position: absolute;
	top: 21px;
	left: 50%;
	margin-left: -50px;
	border-bottom: 1px solid #00ffcc;
	width: 100px;
	height: 1px;
	text-align: center;
}
.rock_comment_main .rock_heading p:after {
	top: 17px;
}
.rock_heading p {
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 20px;
	color: #00ffcc;
	margin-left: -10px;
	font-size: 30px;
	text-transform: uppercase;
	font-weight: 100;
	font-family: 'Roboto', sans-serif;
}
.rock_divider {
	background-color: #525252;
	height: 1px;
	width: 100%;
	padding: 0;
	margin: 10px auto;
}
img.rockon_nothumservices {
	width: 50px;
	height: 55px;
}
.rock_margin_10 {
	margin: 10px auto;
}
.rock_margin_20 {
	margin: 20px auto;
}
.rock_margin_30 {
	margin: 30px auto;
}
.rock_padding_10 {
	padding: 10px 0px;
}
.rock_padding_20 {
	padding: 20px 0px;
}
.rock_padding_30 {
	padding: 30px 0px;
}
.btn{
	height:42px;
	line-height:40px;
	padding:0 30px;
}
.btn-arrow {
	border: 1px solid #fff;
	color: #fff;
	overflow: hidden;
	position: relative;
} 
.btn-arrow:active {  
	border-color: #17954c;
	color: #00ffcc;
}
.btn-arrow:hover {
	border-color: #00ffcc;
	color: #00ffcc;
}
.btn-arrow:before {
	position: absolute;
	height: 100%;
	font-size: 125%;
	line-height: 3.5;
	color: #fff;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
/* Button 4a */
.btn-4a:before {
	left: -20px;
	top: 12px;
}
.btn-4a:hover:before {
	left: 5%;
}
.icon-arrow-right:before {
	content: "";
	width: 20px;
	content:"\f178";
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	height: auto;
    top: 13px;  
	color: inherit;
} 
.btn-default-arrow {
	color: inherit;
	background-color: transparent;
	border-color: #FFF;
	background-position: right center;
	background-size: 100% 100%;
}
/*---------------------other end---------------------*/

/*---------------------Social start---------------------*/
.rock_social {
	display: inline-block;
	vertical-align: middle;
}
.rock_social ul {
	line-height: none;
	padding: 0;
	margin: 0px auto;
}
.rock_social ul li {
	display: inline-block;
	margin-right: 5px;
	border-radius: 50%;
	padding: 3px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.rock_social ul li:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rock_social ul li a {
	background: #fff;
	border-radius: 50%;
	width: 30px;
	height: 30px;
	color: #080808;
	line-height: 30px;
	text-align: center;
	display: inline-block;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	display:flex;
	justify-content:center;
	align-items:center;
}
.rock_social ul li a:hover {
	background: #00ffcc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_social ul li a svg{
    width:16px;
    height:16px;
}
.rock_share_social {
	width: 100%;
	float: left;
}
.rock_share_social .rock_social > h3 {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}
.rock_share_social .rock_social > ul {
	float: left;
}
/*---------------------Social end---------------------*/


/*---------------------welcome note start---------------------*/
.rock_welcome_note {
	width: 100%;
	float: left;
	text-align: center;
	background: #000;
	position: relative;
	padding-top: 40px;
}
.rockon_container {
    width: 100%;
    text-align: center;
    background-image: url(../images/service-bg.jpg), url(../images/service-bg.jpg);
    background-position: top left, bottom left;
    background-repeat: repeat-X;
    background-size: cover;
    position: relative;
    top: 0px;
}
.wpb_accordion_section.group {
    margin-bottom: 10px;
}
.rock_welcome {
	text-transform: uppercase;
}
/*---------------------welcome note end---------------------*/


/*---------------------services start---------------------*/
.rock_service_div {
	/*position: absolute !important;
	top: 60% !important;*/
	width: 100%;
}
.rock_service {
	background: #080808;
	color: #fff;
	padding-top: 40px;
	position: relative;
	-webkit-transform: scale3d(1, 1, 1);
	-webkit-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_service:after {
	content: "";
	position: absolute;
	top: 30px;
	right: 0;
	border-right: 1px solid #212121;
	width: 1px;
	height: 65%;
}
.rock_service:last-child:after {
	border-right: none;
}
.rock_service > .rock_service_icon {
	padding: 15px;
	border: 2px solid #fff;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.rock_service > .rock_service_icon > svg {
	fill: #fff;
}
.rock_service > h2 {
	font-weight: 400;
}
.rock_service > p {
	margin-bottom: 20px;
	color: #c2c2c2;
}
.rock_service > .rock_service_read_more {
	background: #050505;
	padding: 20px 0px;
	text-align: center;
	margin-left: -15px;
	margin-right: -15px;
	border-bottom: 2px solid rgba(0,0,0,0);
}
.rock_service > .rock_service_read_more > a {
	color: inherit;
	position: relative;
	font-size: 18px;
}
.rock_service > .rock_service_read_more > a > svg {
	fill: #fff;
	content: "";
	position: absolute;
	top: 0;
	left: 110%;
}
.rock_service:hover {
	background: #0d0d0d;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-transform: translate(0px, -15px);
	-moz-transform: translate(0px, -15px);
	-o-transform: translate(0px, -15px);
	-ms-transform: translate(0px, -15px);
	transform: translate(0px, -15px);
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	z-index: 100;
}
.rock_service:hover > .rock_service_icon > svg {
	fill: #00ffcc;
}
.rock_service:hover > .rock_service_icon {
	border-color: #00ffcc;
}
.rock_service:hover > .rock_service_read_more {
	border-bottom: 2px solid #00ffcc;
	background: #000;
}
.rock_service:hover > .rock_service_read_more > a {
	color: #00ffcc;
}
.rock_service:hover > .rock_service_read_more > a > svg {
	fill: #00ffcc;
}
.rockon_home_container .rockon_service {
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.rockon_home_container .rockon_service:hover {
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
}
/*services single page*/
.rockon_service_main {
	width: 100%;
	float: left;
	margin-bottom: 80px;
	margin-top: 30px;
}
.rockon_service {
	width: 100%;
	float: left;
	text-align: center;
	background: #080808;
	padding: 20px 20px;
	border: 1px solid rgba(0,0,0,0);
	margin-bottom: 24px;
}
.rockon_service:hover {
	-webkit-box-shadow: 0px 0px 5px 0px #000;
	border: 1px solid #000;
}
.rockon_service .rock_service_icon {
	padding: 15px;
	border: 2px solid #fff;
	border-radius: 5px;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
}
.rockon_service .rock_service_icon rect, .rockon_service .rock_service_icon circle, .rockon_service .rock_service_icon ellipse, .rockon_service .rock_service_icon line, .rockon_service .rock_service_icon polyline, .rockon_service .rock_service_icon polygon, .rockon_service .rock_service_icon path, .rockon_service .rock_service_icon svg {
	fill: #fff;
	width: 50px !important;
	height: 50px !important;
}
.rockon_service h3 {
	font-weight: 400;
	text-transform: capitalize;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}
.rockon_service p {
	color: #999;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}
.rockon_service:hover .rock_service_icon {
	border-color: #00ffcc;
	/* -webkit-animation: tada 1.5s;
	-moz-animation: tada 1.5s;
	-ms-animation: tada 1.5s;
	-o-animation: tada 1.5s; */
}
.rockon_service:hover .rock_service_icon rect, .rockon_service:hover .rock_service_icon circle, .rockon_service:hover .rock_service_icon ellipse, .rockon_service:hover .rock_service_icon line, .rockon_service:hover .rock_service_icon polyline, .rockon_service:hover .rock_service_icon polygon, .rockon_service:hover .rock_service_icon path, .rockon_service:hover .rock_service_icon svg {
	fill: #00ffcc;
}
.rockon_service:hover h3 {
	color: #00ffcc;
}
/*---------------------services end---------------------*/

/*---------------------Event of the month start---------------------*/
.rock_event {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
.rock_event .rock_event_tab {
	float: left;
	width: 10%;
	border-right: 2px solid #00ffcc;
}
.rock_event .rock_event_tab ul {
	list-style: none;
	padding-left: 0px;
	margin: 0px auto;
	text-align: center;
}
.rock_event .rock_event_tab ul li {
	background: #080808;
	padding: 8.6px 0px;
	border-bottom: 1px solid #232323;
	border-left: 2px solid rgba(0,0,0,0);
}
.rock_event .rock_event_tab ul li:hover {
	border-left: 2px solid #00ffcc;
}
.rock_event .rock_event_tab ul li:last-child {
	border-bottom: none;
}
.rock_event .rock_event_tab ul li a {
	color: inherit;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_event .rock_event_tab ul li:hover a {
	color: #00ffcc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_event .rock_event_tab ul li a p {
	margin: 0px;
	color: #fff;
}
.rock_event .rock_event_tab ul li:hover a p {
	color: inherit;
}
.rock_event .rock_event_tab ul li a.active p {
	color: #00ffcc;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_event .rock_event_tab ul li a p.rock_event_date {
	font-size: 30px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}
.rock_event .rock_event_tab ul li a p.rock_event_month {
	font-size: 15px;
	font-family: 'Roboto', sans-serif;
	text-transform: uppercase;
	font-weight: 100;
}
.rock_event .rock_event_tab ul li {
	position: relative;
}
.rock_event .rock_event_tab ul li a:hover:before {
	border-left: 10px solid #00ffcc;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	top: 50%;
	margin-top: -10px;
	left: 100%;
	z-index: 100;
	content: '';
	position: absolute;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_event .rock_event_tab ul li a.active:before {
	border-left: 10px solid #00ffcc;
	border-bottom: 10px solid transparent;
	border-top: 10px solid transparent;
	top: 50%;
	margin-top: -10px;
	left: 100%;
	content: '';
	position: absolute;
	z-index: 100;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_event .rock_event_tab_content_main {
	width: 90%;
	float: left;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content {
	background: #080808;
	width: 100%;
	min-height: 405px;
	float: left;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content img {
	width: 100%;
	height: 405px;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail {
	padding: 10px 25px 10px 0px;
	text-align: left;
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail h1 {
	color: #00ffcc;
	font-size: 48px;
	text-transform: uppercase;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail h4 {
	text-transform: uppercase;
	color: #00ffcc;
}
.rock_event .rock_event_tab_content_main .rock_event_tab_content .rock_event_detail .blog_entry_meta {
	margin: 15px 0px;
}
/*---------------------Event of the month end---------------------*/

/*---------------------Event timings start---------------------*/
.rock_event_time {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	float: left;
	min-height: 340px;
}
.rock_event_time ul {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
}
.rock_event_time ul li {
	width: 100%;
	display: inline-flex;
	margin-bottom: 1px;
}
.rock_event_time ul li:last-child a {
	border-bottom: none;
}
.rock_event_time ul li a {
	width: 100%;
	background: #080808;
	font-size: 35px;
	display: inline-block;
	padding: 28.4px 10px;
	text-align: left;
	border-bottom: 1px solid #232323;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	border-left: 2px solid rgba(0,0,0,0);
}
.rock_event_time ul li a:hover {
	border-left: 2px solid #00ffcc;
	background: #151414;
	z-index: 99;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rock_event_time ul li a span {
	font-size: 15px;
	line-height: 35px;
	text-align: center;
	color: #fff;
}
/*---------------------Event timings end---------------------*/


/*---------------------Rockon Club Photos start---------------------*/
.rock_club_photo {
	width: 100%;
	float: left;
}
.rock_club_photo_slider_item .rock_club_photo_item {
	position: relative;
	overflow: hidden;
}
.rock_club_photo_slider_item .rock_club_photo_item img {
	width: 100%;
	backface-visibility:hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_club_photo_slider_item .rock_club_photo_item:hover img {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_club_photo_slider_item .rock_club_photo_item .rock_club_photo_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(13, 13, 13, 0.79);
	-webkit-animation: blogcategory_image_overlay 0.5s;
	-moz-animation: blogcategory_image_overlay 0.5s;
	-ms-animation: blogcategory_image_overlay 0.5s;
	-o-animation: blogcategory_image_overlay 0.5s;
}
.rock_club_photo_slider_item .rock_club_photo_item:hover .rock_club_photo_overlay {
	display: block !important;
}
.rock_club_photo_overlay .photo_link {
	margin-left: -54px;
}
.photo_link {
	position: absolute;
	top: 40%;
	left: 50%;
	margin-left: -25px;
	margin-top: -25px;
}
.photo_link a {
	display: inline-block;
	width: 40px;
	height: 40px;
	color: #fff;
	margin-left: 10px;
	line-height: 35px;
	text-align: center;
	border: 2px solid #fff;
	cursor: pointer;
	border-radius: 50%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.photo_link a:hover {
	color: #00ffcc;
	border-color: #00ffcc;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.photo_link a:hover i {
	color: #00ffcc;
}
.rock_club_photo_detail {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	background: rgba(0, 255, 204, 0.79);
	padding: 20px 0px;
	width: 100%;
}
.rock_club_photo_detail:hover {
	color: #fff;
}
.rock_slider_button {
    margin: 20px  10px 0 10px;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.rock_slider_button:hover {
	border-color: #00ffcc;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
/*---------------------Rockon Club Photos end---------------------*/


/**************************************************Portfolio Start*******************************************/
.rock_portfolio {
	width: 100%;
	float: left;
	/* background-color: rgba(0,0,0,0.8); */
}
.rock_portfolio ul {
	float: left;
	margin: 0px auto;
	padding: 0px;
	width: 100%;
}
.rock_portfolio ul li {
	float: left;
	list-style: none;
	padding-top: 15px;
	position: relative;
	width: 25%;
}
.rock_portfolio ul li a {
	line-height: 40px;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 15px;
	text-transform: uppercase;
	color: inherit;
	text-decoration: none;
}
.rock_portfolio ul li a:hover {
	background-color: rgba(0,0,0,1);
}
.rock_portfolio ul li a.active {
	background-color: var(--green-color);
	color: var(--white-color);
}
.rock_portfolio ul li a img {
	opacity: 0.3;
	display: inline-block;
}
.rock_portfolio ul li a.active img {
	opacity: 1;
}
.portfolio {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
.portfolio li {
	float: left;
	list-style: none;
	max-width: 285px;
	width: 100%;
}
.portfolio-filter {
	list-style: none;
	padding-left: 0;
	margin-left: -30px;
}
.portfolio-filter li {
	display: inline-block;
}
.portfolio-filter li a {
	display: block;
	color: #868581;
	font-weight: 500;
	position: relative;
}
.portfolio-filter li a:hover, .portfolio-filter li a.active {
	color: #fff;
	background-color: var(--green-color);
	text-decoration: none;
}
.portfolio-filter li a:hover:before, .portfolio-filter li a.active:before {
	color: #868581;
}
.portfolio-filter li a:before {
	margin-right: 20px;
	margin-left: 20px;
}
.portfolio .blog_entry_meta ul li {
	max-width: inherit;
	width: inherit;
	float: none;
}
.portfolio-grid {
	margin-left: -15px !important;
	text-align: center;
}
.portfolio-grid .portfolio-item {
	position: relative;
	overflow: hidden;
	text-align: center;
}
.portfolio-grid .portfolio-item img {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
	cursor: pointer;
	background: #fff;
}
.portfolio-grid .portfolio-item:hover img {
	background: #00ac7a;
}
.portfolio-grid .portfolio-item h3 {
	border-bottom: 2px solid #7f9aa0;
	padding-bottom: 30px;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.portfolio-grid .portfolio-item:hover h3 {
	opacity: 0;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.portfolio-grid .portfolio-item .portfolio_doctor_details {
	padding: 20px;
	border-bottom: 2px solid #7f9aa0;
}
.portfolio-grid .portfolio-item:hover .portfolio_doctor_details {
	border-bottom: 2px solid #00ac7a;
}
.portfolio-grid .portfolio-item .portfolio_doctor_details h4 {
	margin: 0px auto;
	margin-bottom: 15px;
}
.portfolio-grid .portfolio-item .portfolio_doctor_details p {
	margin-bottom: 20px;
}
.portfolio-grid .portfolio-item .portfolio_doctor_details a {
	margin: 15px auto;
}
.portfolio-grid .portfolio-item:hover .portfolio_doctor_details {
	background: #f5f5f5;
}
.portfolio-grid .portfolio-item:hover .portfolio_doctor_details h4 {
	color: #00ac7a;
}
.hs_profile_social ul {
	list-style: none;
	padding-left: 0px;
}
.hs_profile_social ul li {
	display: inline-block;
}
.hs_profile_social ul li a {
	padding: 5px 7px;
	color: #7f9aa0;
	border: 1px solid #7f9aa0;
	text-align: center;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.hs_profile_social ul li a i {
	min-width: 15px;
}
.hs_profile_social ul li:hover a {
	border-color: #00ac7a;
	background: #00ac7a;
	color: #fff;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.portfolio-details {
	position: absolute;
	text-align: left;
	padding: 20px 30px;
	width: 92.5%;
	background: #fff;
	opacity: 0.9;
	bottom: 10px !important;
	display: none;
	border-bottom: 2px solid #00ac7a;
}
.portfolio-details > h4 {
	margin-right: auto;
	color: #00ac7a;
	display: inline;
}
.portfolio-details > p {
	margin-top: 0px;
}
.portfolio-details.standard-version a {
	color: #31d385;
}
.portfolio-details2 {
	position: absolute;
	text-align: left;
	padding: 20px 30px;
	width: 94.9%;
	background: #fff;
	opacity: 0.9;
	bottom: 10px !important;
	display: none;
	border-bottom: 2px solid #00ac7a;
}
.portfolio-details2 > h4 {
	margin-right: auto;
	color: #00ac7a;
	display: inline;
}
.portfolio-details2 > p {
	margin-top: 0px;
}
.portfolio-details2.standard-version a {
	color: #31d385;
}
#grid .mix {
	opacity: 0;
	display: none;
	margin-bottom: 15px;
}
#grid .mix img {
	width: 100%;
}
/**************************************************Portfolio End*******************************************/


/*---------------------Rockon  Club Track start---------------------*/
.rock_club_track_main {
	position: relative;
}
.rock_club_track {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
}

/*Player css*/
.rock_audio_player_wrapper {
	width: 100%;
	float: left;
	padding:30px 0;
}
.rock_audio_player {
	background: #1f1f1f;
    width: 100%;
    float: left;	
}
.rock_audio_player .rock_audio_player_title {
	padding: 10px;
	text-align: left;
}
.rock_audio_player .rock_audio_player_title .track_artist {
	color: #00ffcc;
	font-size: 18px;
}
.rock_audio_player .rock_audio_player_track_image {
	position: relative;
}
.rock_audio_player .rock_audio_player_track_image img {
	width: 100%;
    /* height: 385px; */
}
.rock_audio_player .rock_audio_player_track_image .rock_audio_player_track_image_overlay {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	background: rgba(0,0,0,0.5);
	padding: 10px 0px;
	width: 100%;
	text-align: center;
	-webkit-transition:all 0.3s ease-in-out;
	-moz-transition:all 0.3s ease-in-out;
	transition:all 0.3s ease-in-out;
	opacity:0;
	visibility:hidden;
}
.rock_audio_player:hover .rock_audio_player_track_image .rock_audio_player_track_image_overlay {
	opacity:1;
	visibility:visible;
	bottom:0;
}

/* player start */
.rock_audio_player .audio-player{
	width:100%;
	float:left;
	padding-bottom: 30px;
}
.rock_audio_player .audio-player *{
	outline:none !important;
}
.rockon_player .mejs-container,
.rock_audio_player .audio-player .mejs-container{
	width:100%;
	/* float:left; */
	background:transparent;
	/* height: 100px !important; */
}
.rock_audio_player .audio-player .mejs-container .mejs-controls{
    background: none;
    top: 0;
    bottom: 0;
    height: 100px;
    padding: 20px 30px;
    background-color: #1F1F1F;
} 
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail{
	width:100% !important;
	float:left;
	position:relative;
} 
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail span{
	height:3px;	
}
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail span.mejs-time-float{
	height:17px;	
}
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-loaded{
	background:none;
	background-color:#404040;
}
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-current{
	background:none;
	background-color:#00ffcc;
}
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-current{
	background:none;
	background-color:#00ffcc;
}
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-current:before {
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: #ffffff;
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
}
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-current:after {
    content: "";
    width: 19px;
    height: 19px;
    border-radius: 15px;
    border: 2px solid #ffffff;
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
}
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-current:hover:before,
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-current:hover:after{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);
}
.rock_audio_player .audio-player .mejs-controls div.mejs-time-rail .mejs-time-total{
	margin:0;
	background: none;
    background-color: #272727;
	width:100% !important;
}

.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider,
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-time,
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-button{
	position:absolute;
	bottom:15px;
} 
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-time{
	left:30px;
    margin: 0;
    padding: 0;	
    height: 40px;	
} 
.rock_audio_player .audio-player .mejs-container .mejs-controls .mejs-time span{
	font-size: 12px;
    line-height: 40px;
    color: #00FFCC;
    letter-spacing: 1px;
    font-weight: 500;
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-volume-button{
	right:135px;
	width:40px;
	height:40px;
	background-repeat: no-repeat;
    background-position: center;
	background-image:url(../images/icon/Volume.svg);
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-volume-button.mejs-unmute{
	background-image:url(../images/icon/Mute.svg);
}
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider{
    right: 30px;
    width: 100px;
    height: 40px;
	display:block !important;
}
.rockon_player .mejs-offscreen,
.rock_audio_player .audio-player .mejs-offscreen{
    display:none;
}
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-handle,
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current,
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
	height:3px;
	border-radius:0;
	top: calc(50% - 1px);
	background-color:#00ffcc;
	background:none;
}
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current{
	background-color:#00ffcc;
}
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-total{
	width:100px;
	background:none;
	background-color:#404040;
}
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current:before {
    content: "";
    width: 11px;
    height: 11px;
    border-radius: 11px;
    background-color: #ffffff;
    display: block;
    position: absolute;
    top: -4px;
    right: -4px;
}
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current:after {
    content: "";
    width: 19px;
    height: 19px;
    border-radius: 15px;
    border: 2px solid #ffffff;
    display: block;
    position: absolute;
    top: -8px;
    right: -8px;
}

.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current:hover:after, 
.rock_audio_player .audio-player .mejs-container .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current:hover:before{
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	transform:scale(1.1);
}

.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-playpause-button{
	left:calc(50% - 20px);
	width:40px;
	height:40px;
	line-height:40px;
	border-radius:40px;
	border:2px solid #f3f0ef;
	background-repeat: no-repeat;
    background-position: center;
	text-align: center;
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-playpause-button.mejs-play{
	background-image:url(../images/icon/Play.svg);
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-playpause-button.mejs-pause:after{
	background-image:none;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    content: "\f04c";
    color: #fff;	
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-prevtrack-button{
	left:calc(50% - 80px);
	width:40px;
	height:40px;
	background-repeat: no-repeat;
    background-position: center;
	background-image:url(../images/icon/Backward_v1.svg);
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-prevtrack-button:hover{
	background-image:url(../images/icon/Backward_hover.svg);
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-nexttrack-button{
	left:calc(50% + 40px);
	width:40px;
	height:40px;
	background-repeat: no-repeat;
    background-position: center;
	background-image:url(../images/icon/Forward_v1.svg);
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-nexttrack-button:hover{
	background-image:url(../images/icon/Forward_hover.svg);
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-shuffle-button{
	left:calc(50% - 130px);
	width:40px;
	height:40px;
	background-repeat: no-repeat;
    background-position: center;
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-shuffle-button.mejs-shuffle-on{
	background-image:url(../images/icon/shuffle.svg);
}
.rock_audio_player .audio-player .mejs-container .mejs-controls div.mejs-shuffle-button.mejs-shuffle-off{
	background-image:url(../images/icon/shuffle_off_v1.svg);
}

.rock_audio_player .audio-player .mejs-controls .mejs-button button{
    width: 40px;
    height: 40px;
    background: none;
    background-repeat: no-repeat;
    background-position: center;
    margin: -2px;
    border-radius: 40px;
} 

.rockon_audio_slidercol .rock_club_photo_slider_item .rock_club_photo_item .rock_club_photo_overlay .photo_link {
    width: 40px;
    height: 40px;
    top: 32%;
    left: 42%;
    margin-left: 0;
    margin-top: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.rockon_audio_slidercol .rock_club_photo_slider_item .rock_club_photo_item .rock_club_photo_overlay a {
    margin: 0;
}
.rockon_audio_slidercol .rock_club_photo_detail {
    padding: 10px;
}
.rockon_audio_slidercol .rock_club_photo_slider_item .rock_club_photo_item .rock_club_photo_overlay a i {
    margin-left: 3px;
}
/* player end */

/* video player start */
.rock_audio_player.rock_video_player{
	width:100%;
	float:left;
}
.rock_audio_player.rock_video_player .audio-player{
	padding-bottom:0;
}
.rock_audio_player.rock_video_player .audio-player .mejs-container .mejs-controls{
	top:auto;
	height:100px;	
	display: block !important;
    opacity: 1 !important;
}
.rock_audio_player.rock_video_player .audio-player .mejs-container .mejs-controls div.mejs-volume-button{
	right: 25px;
}
.rock_audio_player.rock_video_player .audio-player .mejs-container .mejs-controls div.mejs-time.mejs-duration-container{
	left: 80px;
	overflow: visible;
}
.rock_audio_player.rock_video_player .audio-player .mejs-container .mejs-controls div.mejs-time.mejs-duration-container:before{
	content: "|";
    position: absolute;
    top: 15px;
    left: -10px;
    color: #00ffcc;
}
/* video player end */


.rock_track_playlist {
	width: 100%;
	float: left;
	text-align: left;
	position: relative;
	padding-right: 40px;
}
.rock_track_playlist > h1{
	margin-top: 0;
    margin-bottom: 19px;
}
.rock_track_playlist ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.rock_track_playlist ul li {
	width: 100%;
	display: inline-block;
	padding-bottom: 10px;
	border-bottom: 1px solid #232323;
}
.rock_track_playlist ul li:last-child {
	border-bottom: none;
}
.rock_track_playlist ul li img {
	float: left;
	width: 100px;
	height: 80px;
	margin-right: 15px;
}
.rock_track_playlist ul li .rock_track_detail {
	float: left;
	position: relative;
}
.rock_track_playlist ul li .rock_track_detail a.rock_track_title {
	padding-bottom: 10px;
	display: block;
	color: #fff;
}
.rock_track_playlist ul li .rock_track_detail p {
	padding-bottom: 10px;
	margin: 0px;
}
.rock_track_playlist ul li .rock_track_detail a.rock_track_play {
	margin: 0px;
	margin-right: 10px;
	/* float: left; */
}
.rock_track_playlist ul li .rock_track_detail .rock_social {
	display: none;
}
.rock_track_playlist ul li .rock_track_detail .rock_social ul {
}
.rock_track_playlist ul li .rock_track_detail .rock_social ul li {
	width: auto;
	margin: 0px;
	padding: 0px;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
.rock_track_playlist ul li .rock_track_detail .rock_social ul li:hover {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rock_track_playlist ul li .rock_track_detail .rock_social ul li:nth-child(2) {
	-webkit-animation-delay: 0.1s;
	-moz-animation-delay: 0.1s;
	-ms-animation-delay: 0.1s;
	-o-animation-delay: 0.1s;
}
.rock_track_playlist ul li .rock_track_detail .rock_social ul li:nth-child(3) {
	-webkit-animation-delay: 0.2s;
	-moz-animation-delay: 0.2s;
	-ms-animation-delay: 0.2s;
	-o-animation-delay: 0.2s;
}
.rock_track_playlist ul li .rock_track_detail .rock_social ul li:nth-child(4) {
	-webkit-animation-delay: 0.3s;
	-moz-animation-delay: 0.3s;
	-ms-animation-delay: 0.3s;
	-o-animation-delay: 0.3s;
}
#rock_track_playlist_slider_prev i,#rock_track_audio_slider_prev i {
	position: absolute;
	top: 60%;
	right: -10px;
	margin: 10px auto;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 30px;
	text-align: center;
	border: 2px solid #fff;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-backface-visibility: hidden;
}
#rock_track_playlist_slider_prev:hover i,#rock_track_audio_slider_prev:hover i {
	border-color: #00ffcc;
	color: #00ffcc;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	-webkit-backface-visibility: hidden;
}
#rock_track_playlist_slider_next i,#rock_track_audio_slider_next i {
	position: absolute;
	top: 44%;
	right: -10px;
	margin: 10px auto;
	display: inline-block;
	width: 35px;
	height: 35px;
	line-height: 30px;
	text-align: center;
	border: 2px solid #fff;
	color: #fff;
	font-size: 20px;
	cursor: pointer;
	border-radius: 50%;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
}
#rock_track_playlist_slider_next:hover i,#rock_track_audio_slider_next:hover i {
	border-color: #00ffcc;
	color: #00ffcc;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
}
.rockon_player {
	position: fixed;
	top: 150px;
	right: 0;
	color: #fff;
	z-index: 99999;
	display: none;
}
.rockon_player ul {
	width: 100%;
	float: left;
	background: #000;
}
.rockon_player ul li {
	font-size: 12px;
	cursor: pointer;
}
.rockon_player ul li.current {
	color: #00ffcc;
}
.rockon_player .mejs-container .mejs-controls {
	height: 100px !important;
	bottom: inherit;
	position: fixed;
	top: 150px;
	left: inherit;
	right: 0px;
	width: 45px;
	background: none;
    background-color: #0C0217;
    box-shadow: -1px 1px 3px 0 rgba(0, 255, 204, 0.3);
    border-right: -1px solid rgba(0, 255, 204, 0.33);
}
.rockon_player .mejs-container .mejs-controls div {
	width: 100% !important;
	float: left;
}
.rockon_player .mejs-controls .mejs-playpause-button {
	width: 100%;
	float: left;
	margin: 5px;
}
.rockon_player .mejs-controls .mejs-playpause-button button {
	background: none;
	outline: none;
}
.rockon_player .mejs-controls .mejs-button button:focus {
	outline: none;
}
.rockon_player .mejs-container .mejs-controls div.mejs-pause {
	background: transparent url(../images/icon/high-volume.svg) no-repeat;
	width: 32px;
	height: 44px;
    background-size: 35px 35px;	
	cursor: pointer;
}
.rockon_player .mejs-container .mejs-controls div.mejs-play {
	background: transparent url(../images/icon/mute.svg) no-repeat;
	width: 32px;
	height: 44px;
    background-size: 35px 35px;	
	cursor: pointer;
}
.rockon_player .mejs-container .mejs-nexttrack button {
    background: transparent url(../images/icon/next_track.svg) no-repeat;
    width: 35px;
    height: 35px;
    cursor: pointer;
    background-size: 35px 35px;
}
/*---------------------Rockon  rateing start---------------------*/

/*Rateing bar*/
.rock_rating {
	overflow: hidden;
	display: inline-block;
	position: relative;
}
.rating-input {
	position: absolute;
	left: 0px;
	top: 0px;
	opacity: 0;
}
.rating-star {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	background: url('../images/icon/star.png') 0 -16px;
}
.rating-star:hover, .rating-star:hover ~ .rating-star, .rating-input:checked ~ .rating-star {
	background-position: 0 0;
}
/*---------------------VIP Booking start---------------------*/
.rock_vip_book {
	width: 100%;
	float: left;
}
.rock_vip_book h2 {
	padding-bottom: 10px;
}
.rock_vip_book > p {
	padding: 0px 20px;
}
.rock_vip_book > p > a {
	color: inherit;
	font-size: 25px;
}
.rock_vip_book > p > a > i {
	width: 22px;
	height: 22px;
	line-height: 22px;
	text-align: center;
	background: #fff;
	color: #0d0d0d;
	font-size: 20px;
	border-radius: 50%;
}
/*---------------------VIP Booking end---------------------*/

/*---------------------page title start---------------------*/
.rock_page_title_main {
    width: 100%;
    float: left;
    position: relative;
    min-height: auto;
    margin-bottom: 30px;
    text-align: center;
    margin-top: 0  !important;
	margin-bottom: 0 !important;
}
.rock_page_title_main .rock_page_title_bg {
	opacity: 0.1;
}
.rock_page_title_main .rock_page_title {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    margin-top: -110px;
    height: 131px;
    float: left;
    text-align: center;
    color: #fff;
    display: inline-block;
}
.rock_page_title_main .rock_heading h1:after {
	top: 58px;
}
.rock_page_title_main .rock_heading h1 {
    margin: 0;
    padding: 50px 0;
}
.rock_page_title_main.no_flip_gallery {
	background: #0d0d0d;
}
.no_flip_gallery .rock_page_title {
	position: relative;
	top: 50%;
	width: 100%;
	margin: 50px 0px;
	height: auto;
	float: left;
	text-align: center;
	color: #FFF;
	display: inline-block;
}
/*---------------------page title end---------------------*/



/*---------------------pager start---------------------*/
.rock_pager {
	width: 100%;
	float: left;
}
.rock_pager ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
.rock_pager ul li {
	display: inline-block;
	position: relative;
	padding: 0px 10px 0px 15px;
	font-weight: 300;
	text-transform: uppercase;
}
.rock_pager ul li strong {
	font-weight: 300;
}
.rock_pager ul li a {
	text-transform: uppercase;
	color: inherit;
}
.rock_pager ul li:after {
	position: absolute;
	content: '';
	right: -8px;
	top: 5px;
	width: 9px;
	height: 13px;
	background: url('../images/icon/pager_divider.png') no-repeat;
	background-position: right center;
}
.rock_pager ul li:last-child:after {
	background: none;
}
.rock_pager ul li:last-child {
	color: #00ffcc;
}
.rock_pager ul li:last-child a {
	color: #00ffcc;
}
/*---------------------pager end---------------------*/

/*---------------------about start---------------------*/
.rock_about_welcome {
	width: 100%;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.rock_about_welcome h1 span {
	font-weight: bolder;
}
.rock_about img {
	width: 100%;
	margin-bottom: 40px;
}
.rock_about p {
	margin-bottom: 40px;
}
.rock_what_we_offer {
	text-align: center;
}

.rock_about_offer {
    width: 100%;
    float: left;
    margin: 20px 0px;
    /* border: 1px solid rgba(255, 255, 255, 0.27); */
    padding: 20px;
    background-color: rgb(255 255 255 / 15%);
    border-radius: 10px;
}

.rock_about_offer img {
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 30px;
}
.rock_about_offer .rock_service_icon {
	width: 150px;
	height: 150px;
	float: left;
	margin-right: 30px;
}
.rock_about_offer .rock_service_icon svg {
	fill: #fff;
	width: 150px;
	height: 150px;
}
.rock_about_offer h3 {
	margin-top: 0px;
	font-weight: 400;
	margin-bottom: 20px;
	text-transform: capitalize;
}
.rock_disc_jockcy {
	width: 100%;
	float: left;
	margin-bottom: 60px;
}
.rock_disc_jockcy_slider_item {
	margin: 10px;
}
.rock_disc_jockcy_slider_item img {
	width: 100%;
	margin-bottom: 10px;
	backface-visibility:hidden;
}
.rock_disc_jockcy_slider_item h4 {
	padding: 20px 0px;
	text-align: center;
	width: 100%;
	background: #080808;
	border: 1px solid #fff;
}
.rock_disc_jockcy .customNavigation{
	text-align:center;
}
/*---------------------about end---------------------*/

/*---------------------Blog categories start---------------------*/
.blogcategory_container {
	width: 100%;
	float: left;
	clear: both;
	margin-top: 30px;
	margin-bottom: 50px;
}

.blogcategory_image {
	position: relative;
	overflow: hidden;
}
.blogcategory_image img {
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.blogcategory_image:hover img {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.blogcategory_image .blogcategory_image_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.8);
	opacity: 0;
}
 @-webkit-keyframes blogcategory_image_overlay {
 0% {
opacity:0;
transform:scale(0.8, 0.8);
}
 100% {
opacity:1;
}
}
@-moz-keyframes blogcategory_image_overlay {
 0% {
opacity:0;
transform:scale(0.8, 0.8);
}
 100% {
opacity:1;
}
}
@-ms-keyframes blogcategory_image_overlay {
 0% {
opacity:0;
transform:scale(0.8, 0.8);
}
 100% {
opacity:1;
}
}
@-o-keyframes blogcategory_image_overlay {
 0% {
opacity:0;
transform:scale(0.8, 0.8);
}
 100% {
opacity:1;
}
}
.blogcategory_image:hover .blogcategory_image_overlay {
	opacity: 1;
	-webkit-animation: blogcategory_image_overlay 0.5s;
	-moz-animation: blogcategory_image_overlay 0.5s;
	-ms-animation: blogcategory_image_overlay 0.5s;
	-o-animation: blogcategory_image_overlay 0.5s;
}
.blogcategory_image .blogcategory_image_overlay .photo_link {
	left: 50% !important;
	top: 50%;
}
.blog_entry_meta ul {
	list-style: none;
	padding-left: 0px;
}
.blog_entry_meta ul li {
	display: inline-block;
	margin-right: 20px;
}
.blog_entry_meta ul li a {
	color: inherit;
}
.blog_entry_meta ul li a i {
	padding-right: 5px;
	color: #00ffcc;
}
.rock_blog {
	width: 100%;
	float: left;
	margin-bottom: 20px;
}
/*---------------------Blog categories end---------------------*/

/*---------------------Blog full page start---------------------*/

.rock_blog_full_page {
	width: 100%;
	float: left;
	/* border-bottom: 2px solid #515151; */
}
.rock_blog_full_page .rock_blog {
	margin-bottom: 0px;
}
.rock_blog_detail {
	width: 100%;
	float: left;
	margin: 30px 0px;
}
.rock_blog_detail h3 a {
	color: inherit;
}
.rock_blog_detail hr {
	border-top: 1px solid #515151;
}
.rock_blog_detail .btn {
	margin-top: 20px;
}
.rock_view_more {
	width: 100%;
	float: left;
	text-align: center;
	margin: 20px 0 10px 0;
}
/*---------------------Blog full page end---------------------*/
/*---------------------sidebar start---------------------*/
.rockon_sidebar_wrapper .widget {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.rockon_sidebar_wrapper .widget h3 {
	margin-top: 0px;
}
.rockon_sidebar_wrapper .widget h2 a {
	color: inherit;
}
.rockon_sidebar_wrapper .widget label {
	width: 100%;
	float: left;
}
.rockon_sidebar_wrapper .widget label span {
	display: none;
}
.rockon_sidebar_wrapper .widget label input {
	display: block;
	width: 100%;
	height: 50px;
	padding: 6px 12px;
	font-size: 20px;
	font-weight: 100;
	line-height: 1.42857143;
	color: #fff;
	background-color: #0d0d0d;
	background-image: none;
	border: 1px solid #FFF;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	position: relative;
}
.rockon_sidebar_wrapper .widget label input:hover, .rockon_sidebar_wrapper .widget label input:focus {
	border-color: #0fc;
	outline: 0;
}
.rockon_sidebar_wrapper .widget input[type='submit'] {
	display: none;
}
.rockon_sidebar_wrapper .widget label input::-moz-placeholder {
 color: #fff;
 opacity: 1;
}
.rockon_sidebar_wrapper .widget label input:-ms-input-placeholder {
 color: #fff;
}
.rockon_sidebar_wrapper .widget label input::-webkit-input-placeholder {
 color: #fff;
}
.rockon_sidebar_wrapper .widget ul, .rockon_sidebar_wrapper .widget ol {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.rockon_sidebar_wrapper .widget.widget_categories ul > li.cat-item {
    height: 40px;
    border-radius: 20px;
    background-color: #18181f;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    padding: 0px 14px;
    margin: 0px 7px 17px;
    margin-left: 0px;
}
.rockon_sidebar_wrapper .widget ul li {
	width: 100%;
	float: left;
	margin-right: 10px;
	margin-bottom:0px;
}
.rockon_sidebar_wrapper .widget ul li a {
	width: 100%;
	float: left;
	padding: 10px;
	display: block;
	border: 1px solid rgba(255, 255, 255, 0.3);
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rockon_sidebar_wrapper .widget ul li a:hover {
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.15);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rockon_sidebar_wrapper .widget img {
	max-width: 100%;
	height: auto;
}
.rockon_sidebar_wrapper .widget .selectpicker li, .rockon_sidebar_wrapper .widget ul.selectpicker li {
	margin: 0 auto;
}
.rockon_sidebar_wrapper .widget .selectpicker li a, .rockon_sidebar_wrapper .widget ul.selectpicker li a {
	border: none;
}
.rockon_sidebar_wrapper .widget .rock_recent_post ul li img {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 15px;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rockon_sidebar_wrapper .widget .rock_recent_post ul li:hover img {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rockon_sidebar_wrapper .widget .rock_recent_post ul li p {
	font-size: 13px;
	margin-top: 0px;
}
.rockon_sidebar_wrapper .widget .rock_recent_post ul li p span {
	font-size: 12px;
	width: 100%;
}
.rockon_sidebar_wrapper .widget .rock_recent_post ul li a {
	width: auto;
	border: none;
	float: none;
	padding: 0px !important;
}
.rockon_sidebar_wrapper .widget .rock_recent_post ul li a:hover {
	box-shadow: none;
}
.rockon_sidebar_wrapper .widget .tagcloud a {
	border: 1px solid rgba(255, 255, 255, 0.44);
	padding: 3px 10px;
	color: inherit;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px !important;
}
.rockon_sidebar_wrapper .widget .tagcloud a:hover {
	border-color: #00ffcc;
	color: #00ffcc;
}
.rockon_sidebar_wrapper .widget .rock_footer_logo img {
	width: 100%;
}
.rockon_sidebar_wrapper .widget table {
	width: 100%;
	float: left;
	text-align: center;
}
.rockon_sidebar_wrapper .widget table caption {
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.5);
}
.rockon_sidebar_wrapper .widget table thead th {
	border: 1px solid rgba(255,255,255,0.5);
	text-align: center;
	background-color: rgba(255,255,255,0.3);
	padding: 8px 10px;
}
.rockon_sidebar_wrapper .widget table tbody td {
	padding: 8px 0px;
	border: 1px solid rgba(255,255,255,0.2);
}
.rockon_sidebar_wrapper .widget table tbody td#today {
	background-color: #00ffcc;
	color: #000;
}
.rockon_sidebar_wrapper .widget .rock_twitter_feed .rock_feed {
	padding-right: 0px;
}
.rockon_sidebar_wrapper .widget .rock_twitter_feed li {
	margin-right: 0px;
}
.rockon_sidebar_wrapper .widget .rock_twitter_feed li a {
	width: auto;
	border: none;
	float: none;
	padding: 0px !important;
}
.rockon_sidebar_wrapper .widget .rock_twitter_feed li a:hover {
	box-shadow: none;
	border: none;
}
.rockon_sidebar_wrapper .widget .form-group {
	width: 100%;
}
.rockon_sidebar_wrapper .widget #recentcomments li {
	padding: 10px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.26);
}
.rockon_sidebar_wrapper .widget #recentcomments li:last-child {
	border-bottom: none;
}
.rockon_sidebar_wrapper .widget #recentcomments li > span {
	border: none;
	margin-right: 10px ;
	padding: 0px 5px;
	width: auto;
	color: #00ffcc;
	background: rgba(255, 255, 255, 0.06);
	margin-bottom: 5px;
}
.rockon_sidebar_wrapper .widget #recentcomments li > span > a {
	border: none;
	margin-right: 10px;
	padding: 0px 5px;
	width: auto;
	background: rgba(255, 255, 255, 0.06);
	margin-bottom: 5px;
}
.rockon_sidebar_wrapper .widget #recentcomments li span a:hover {
	box-shadow: none;
}
.rockon_sidebar_wrapper .widget #recentcomments li > a {
	border: none;
	width: 100%;
	font-size: 13px;
	color: inherit;
	padding: 0px;
}
.rockon_sidebar_wrapper .widget #recentcomments li > a:hover {
	box-shadow: none;
}
.rockon_sidebar_wrapper .widget.widget_archive ul li {
	padding: 10px 0px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.26);
	margin-bottom: 0px;
	font-size: 12px;
	text-align: right;
}
.rockon_sidebar_wrapper .widget.widget_archive ul li > a {
	border: none;
	margin-right: 10px;
	padding: 0px 0px;
	width: auto;
	font-size: 16px;
}
.rockon_sidebar_wrapper .widget.widget_archive ul li > a:hover {
	box-shadow: none;
}
.rockon_sidebar_wrapper .widget.widget_categories ul > li {
	width: auto;
	background: rgba(255, 255, 255, 0.06);
	padding: 5px;
	margin-bottom: 10px;
}
.rockon_sidebar_wrapper .widget.widget_categories ul > li > a {
	margin-right: 5px;
	border: none;
	width: auto;
	padding: 0px;
}
.rockon_sidebar_wrapper .widget.widget_categories ul > li > a:hover {
	box-shadow: none;
}
.rockon_sidebar_wrapper .widget.widget_recent_entries ul li {
	position: relative;
	margin:0;
}
.rockon_sidebar_wrapper .widget.widget_recent_entries ul li > a {
	border: none;
	font-size: 18px;
	padding-left: 0;
	line-height: 23px;
	border-bottom: 1px solid rgba(255, 255, 255, 0.24);
}
.rockon_sidebar_wrapper .widget.widget_recent_entries ul li:last-child > a{
	border-bottom:none;
}
.rockon_sidebar_wrapper .widget.widget_recent_entries ul li > a:hover {
	box-shadow: none;
}
.rockon_sidebar_wrapper .widget.widget_recent_entries ul li > span {
	font-size: 12px;
	position: absolute;
	top: 113%;
	left: 0px;
	z-index: 9;
	background: #000;
	width: 115px;
	padding: 5px;
	text-align: center;
	visibility: hidden;
}
.rockon_sidebar_wrapper .widget.widget_recent_entries ul li > span:after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 0px;
	border-left: 0px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid black;
}
@-webkit-keyframes post_date {
 0% {
-webkit-transform:translateY(5px);
}
 100% {
-webkit-transform:translateY(0px);
}
}
@-moz-keyframes post_date {
 0% {
transform:translateY(5px);
}
}
@-ms-keyframes post_date {
 0% {
transform:translateY(5px);
}
}
@-o-keyframes post_date {
 0% {
transform:translateY(5px);
}
}
.rockon_sidebar_wrapper .widget.widget_recent_entries ul li:hover > span {
	visibility: visible;
	-webkit-animation: post_date 0.5s;
	-moz-animation: post_date 0.5s;
	-ms-animation: post_date 0.5s;
	-o-animation: post_date 0.5s;
}
.rockon_sidebar_wrapper .widget.widget_pages ul > li > a {
	border: none;
	background: #000;
	color: inherit;
}
.rockon_sidebar_wrapper .widget.widget_pages ul > li > ul {
	padding-left: 20px;
	margin-top: 10px;
	display: block;
	width: 100%;
	float: left;
}
.rockon_sidebar_wrapper .widget.widget_pages ul > li > ul > li > a {
	padding: 5px !important;
	background: rgba(0, 0, 0, 0.3);
}
.rockon_sidebar_wrapper .widget.widget_nav_menu ul > li {
}
.rockon_sidebar_wrapper .widget.widget_nav_menu ul > li > a {
	border: none;
	background: #000;
	color: inherit;
}
.rockon_sidebar_wrapper .widget.widget_nav_menu ul > li > ul {
	padding-left: 20px;
	margin-top: 10px;
	display: block;
	width: 100%;
	float: left;
}
.rockon_sidebar_wrapper .widget.widget_nav_menu ul > li > ul > li > a {
	padding: 5px !important;
	background: rgba(0, 0, 0, 0.3);
}
.rockon_sidebar_wrapper .widget.widget_rss ul > li > a {
	border: none;
	padding: 0px !important;
	font-size: 18px;
}
.rockon_sidebar_wrapper .widget.widget_rss ul > li > span {
	font-size: 12px;
	background: rgba(255, 255, 255, 0.3);
	padding: 0px 3px;
}
.rockon_sidebar_wrapper .widget.widget_rss ul > li > a:hover {
	box-shadow: none;
}
.rockon_sidebar_wrapper .widget_product_categories > ul > li {
	position: relative;
}
.rockon_sidebar_wrapper .widget_product_categories > ul > li > span {
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
}
.rock_footer .widget {
	width: 100%;
	float: left;
	margin-bottom: 15px;
}
.rock_footer .widget h3 {
	margin-top: 0px;
	backface-visibility:hidden;
}
.rock_footer .widget label {
	width: 100%;
	float: left;
}
.rock_footer .widget label span {
	display: none;
}
.rock_footer .widget label input {
	display: block;
	width: 100%;
	height: 50px;
	padding: 6px 12px;
	font-size: 20px;
	font-weight: 100;
	line-height: 1.42857143;
	color: #fff;
	background-color: #0d0d0d;
	background-image: none;
	border: 1px solid #FFF;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	position: relative;
}
.rock_footer .widget label input:hover, .rock_footer .widget label input:focus {
	border-color: #0fc;
	outline: 0;
}
.rock_footer .widget input[type='submit'] {
	display: none;
}
.rock_footer .widget label input::-moz-placeholder {
 color: #fff;
 opacity: 1;
}
.rock_footer .widget label input:-ms-input-placeholder {
 color: #fff;
}
.rock_footer .widget label input::-webkit-input-placeholder {
 color: #fff;
}
.rock_footer .widget ul, .rock_footer .widget ol {
	list-style: none;
	padding-left: 0px;
	margin-bottom: 0px;
}
.rock_footer .widget ul li {
	width: 100%;
	float: left;
	margin-right: 10px;
	margin-bottom: 15px;
}
.rock_footer .widget ul li a {
	width: 100%;
	float: left;
	padding: 10px !important;
	display: block !important;
	border: 1px solid rgba(255, 255, 255, 0.3);
	position: relative;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rock_footer .widget ul li a:hover {
	border: 1px solid rgba(255, 255, 255, 0.5);
	box-shadow: 0px 0px 3px 1px rgba(255, 255, 255, 0.15);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rock_footer .widget .rock_recent_post ul li img {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 15px;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_footer .widget .rock_recent_post ul li:hover img {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_footer .widget .rock_recent_post ul li p {
	margin-top: 0px;
}
.rock_footer .widget .rock_recent_post ul li a {
	width: auto;
	border: none;
	float: none;
	padding: 0px !important;
}
.rock_footer .widget .rock_recent_post ul li a:hover {
	box-shadow: none;
}
.rock_footer .widget .tagcloud a {
	border: 1px solid #fff;
	padding: 3px 10px;
	color: inherit;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	font-size: 16px !important;
}
.rock_footer .widget .tagcloud a:hover {
	border-color: #00ffcc;
	color: #00ffcc;
}
.rock_footer .widget table {
	width: 100%;
	float: left;
	text-align: center;
}
.rock_footer .widget table caption {
	padding: 10px;
	border: 1px solid rgba(255,255,255,0.5);
}
.rock_footer .widget table thead th {
	border: 1px solid rgba(255,255,255,0.5);
	text-align: center;
	background-color: rgba(255,255,255,0.3);
	padding: 8px 10px;
}
.rock_footer .widget table tbody td {
	padding: 8px 0px;
	border: 1px solid rgba(255,255,255,0.2);
}
.rock_footer .widget table tbody td#today {
	background-color: #00ffcc;
	color: #000;
}
.rock_footer .widget .rock_twitter_feed .rock_feed {
	padding-right: 0px;
}
.rock_footer .widget .rock_twitter_feed li {
	margin-right: 0px;
}
.rock_footer .widget .rock_twitter_feed li a {
	width: auto;
	border: none;
	float: none;
	padding: 0px !important;
}
.rock_footer .widget .rock_twitter_feed li a:hover {
	box-shadow: none;
	border: none;
}
.rock_sidebar {
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 40px;
}
.rock_sidebar .form-inline .form-group {
	width: 100%;
}
.rock_sidebar h2 {
	margin: 0px;
	margin-bottom: 10px;
}
.rock_categories ul {
	list-style: none;
	padding-left: 0px;
}
.rock_categories ul li a {
	color: inherit;
	padding: 10px 0px;
	display: inline-block;
	cursor: pointer;
}
.rock_categories ul li a:hover {
	color: #00ffcc;
}
.rock_categories ul li ul {
	padding-left: 30px;
	display: none;
}
.rock_gallery ul {
	list-style: none;
	padding-left: 0px;
}
.rock_gallery ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.rock_gallery ul li a img {
	width: 75px;
	height: 75px;
}
.rock_tag ul {
	list-style: none;
	padding-left: 0px;
}
.rock_tag ul li {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
}
.rock_tag ul li a {
	border: 1px solid #fff;
	padding: 3px 10px;
	color: inherit;
	display: inline-block;
}
.rock_tag ul li a:hover {
	border-color: #00ffcc;
	color: #00ffcc;
}
/*---------------------sidebar end---------------------*/
/*---------------------pagination start---------------------*/
.rock_pagination {
	width: 100%;
	float: left;
	margin: 30px 0px;
}
.rock_pagination ul {
	list-style: none;
	padding-left: 0px;
}
.rock_pagination ul li {
	display: inline-block;
	margin-right: 15px;
}
.rock_pagination ul li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: inline-block;
	color: inherit;
	border: 1px solid #fff;
	border-radius: 50%;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rock_pagination ul li a:hover {
	color: #00ffcc;
	border-color: #00ffcc;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rock_pagination ul li.active a {
	color: #00ffcc;
	border-color: #00ffcc;
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rock_pagination ul li.rockon_prevpage a {
	font-size: 28px;
	line-height: 33px;
}
.rock_pagination ul li.rockon_nextpage a {
	font-size: 28px;
	line-height: 33px;
}
/*---------------------pagination end---------------------*/

/*---------------------book table start---------------------*/
.rock_book_table_main {
	width: 100%;
	float: left;
	background: #000;
	margin: 30px 0px 50px 0px;
}
.rock_book_table {
	padding: 10px;
}
.rock_table_1 {
	width: 100%;
	float: left;
	text-align: center;
	position: relative;
	padding: 10px;
}
.rock_table_1 img {
	width: 100%;
}
.table_overlay {
	content: '';
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
	height: 100%;
	cursor: pointer;
}
.rock_book_table:hover .table_overlay {
	background: rgba(0, 255, 204, 0.13);
}
.rock_book_table.active .table_overlay {
	background: rgba(28, 28, 28, 0.67);
}
.table_overlay p {
	display: inline-block;
	text-align: center;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -12px;
	margin-left: -10px;
}
.table_form {
	width: 100%;
	float: left;
	padding: 30px;
	margin-bottom: 80px;
}
/*---------------------book table end---------------------*/
/*---------------------event page start---------------------*/
.rock_main_event {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
.rock_main_event_image {
	position: relative;
	overflow: hidden;
}
.rock_main_event_image img {
	width: 100%;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_main_event_image:hover img {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_main_event_image .rock_main_event_image_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	text-align: center;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
}
.rock_main_event_image:hover .rock_main_event_image_overlay {
	opacity: 1;
	-webkit-animation: blogcategory_image_overlay 0.5s;
	-moz-animation: blogcategory_image_overlay 0.5s;
	-ms-animation: blogcategory_image_overlay 0.5s;
	-o-animation: blogcategory_image_overlay 0.5s;
}
.rock_main_event_image_overlay .photo_link {
	top: 50%;
}
.rock_main_event_detail {
	width: 100%;
	float: left;
}
.rock_main_event_detail h2 {
	margin-bottom: 25px;
	text-transform: capitalize;
}
.rock_main_event_detail .blog_entry_meta {
	margin-bottom: 30px;
}
.rock_main_event_detail .rock_event_date {
	float: left;
	margin-right: 20px;
}
.rock_main_event_detail .rock_event_date a {
	margin-bottom: 20px;
}
.rock_event_date .event_date {
	background: #0d0d0d;
	text-align: center;
	padding: 20px 0px;
	width: 131px;
	height: auto;
	margin: 20px 0px;
}
.rock_event_date .event_date h1 {
	color: #00ffcc;
	font-size: 70px;
}
.rock_event_date .event_date p {
	color: #00ffcc;
	text-transform: uppercase;
}
.rock_event_gallery {
	width: 100%;
	float: left;
}
.rock_event_gallery .rock_club_photo_overlay .photo_link {
	margin-left: -20px;
	margin-top: -20px;
	top: 50%;
}
.rock_event_gallery .rock_club_photo_overlay .photo_link a {
	margin-left: 0px;
}
/*---------------------event page end---------------------*/

/*---------------------gallery start---------------------*/
.rock_main_gallery {
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 10px;
}
.main_gallery {
	width: 100%;
	float: left;
}
.main_gallery_tab {
	width: 100%;
	float: left;
}
.main_gallery_tab ul {
	list-style: none;
	padding-left: 0px;
}
.main_gallery_tab ul li {
	display: inline-block;
}
.main_gallery_tab ul li a {
	font-size: 20px;
	padding-right: 5px;
}
.main_gallery_tab ul li a.active {
	color: #fff;
}
.main_gallery_tab ul li:last-child a {
	padding-left: 5px;
}
.main_gallery_tab_content {
	width: 100%;
	float: left;
	padding: 20px;
}
.main_gallery_item {
	padding: 3px 3px !important;
	text-align: center;
}
.main_gallery_item_popup {
	width: 100%;
	float: left;
	background: #0d0d0d;
	padding: 15px 0px;
	margin: 20px 0px 50px 0px;
	position: relative;
	display: none;
}
.main_gallery_item_popup.video_popup{
	padding: 45px;
}
.main_gallery_item_popup img {
	width: 100%;
}
.main_gallery_item_popup h1 {
	margin-top: 50px;
	color: #00ffcc;
	text-transform: uppercase;
	margin-bottom: 10px;
}
.main_gallery_item_popup h5 {
	text-transform: uppercase;
	margin-bottom: 40px;
}
.main_gallery_item_popup h4 {
	margin-top: 40px;
	text-transform: uppercase;
	color: #00ffcc;
}
.main_gallery_item_popup .btn.btn-arrow{
	margin:20px auto;
}
.main_gallery_item_popup_close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 35px;
	height: 35px;
	cursor: pointer;
	font-size: 35px;
	color: transparent;
	background-image:url(../images/icon/close_light.svg);
	background-repeat:no-repeat;
	background-position:center center;
	-webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.main_gallery_item_popup_close:focus,
.main_gallery_item_popup_close:hover{
	color:transparent;
    -webkit-transform: rotate(30deg);
    -moz-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    -o-transform: rotate(30deg);
}
#video_tab .photo_link {
	margin-left: -30px;
}
.video_gallery_detail {
	width: 100%;
	float: left;
	text-align: right;
	padding: 0px 20px;
}
.video_gallery_detail h4 {
	float: right;
	margin: 10px;
}
.video_gallery_detail .rock_social {
	float: right;
}
.gallery_video {
	width: 100%;
	float: left;
	padding: 30px;
}
.gallery_video .mejs-controls .mejs-time-rail .mejs-time-total {
	width: 80% !important;
}
.gallery_video .mejs-controls .mejs-time-rail span.mejs-time-total {
	top: 5px !important;
	left: 8% !important;
}
.gallery_video .mejs-controls .mejs-mute button, .mejs-controls .mejs-unmute button {
	top: 0px !important;
	right: 0px !important;
}
.gallery_view_more {
	width: 100%;
	float: left;
	margin: 30px 0px;
}
/*---------------------gallery end---------------------*/

/*---------------------Blog single start---------------------*/
.rock_blog_single {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
.rock_blog_single img {
	width: 100%;
}
.rock_blog_single h3 {
	text-transform: capitalize;
}
.rock_blog_single hr {
	border-top: 1px solid #515151;
}
.rock_blog_single .rock_audio_player {
	margin-top: 0px;
	margin-bottom:20px;
}
.rock_blog_single .rock_audio_player .rock_audio_player_track_image img {
	height: auto;
}
.rock_comment_main {
	width: 100%;
	float: left;
}
.rock_comment_main ul {
	list-style: none;
	padding-left: 0px;
}
.rock_comment_main ul ul.children {
	padding-left: 35px;
}
.rock_comment {
	width: 100%;
	float: left;
	background: #0d0d0d;
	border: 1px solid rgba(0,0,0,0);
	padding: 20px;
	margin-top: 30px;
}
.rock_comment:hover {
	border-color: #00ffcc;
}
.rock_comment:hover a.btn {
	border-color: #00ffcc;
}
.rock_comment img {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 25px 0px;
}
.rock_comment p {
	color: #8f8f8f;
	margin-bottom: 20px;
}
.rock_comment_auther {
	width: 100%;
	float: left;
}
.rock_comment_auther h4 {
	float: left;
	margin-bottom: 20px;
}
.rock_comment_auther h5 {
	float: right;
	margin-bottom: 20px;
}
.rock_comment_main hr {
	width: 100%;
	float: left;
	margin-top: 50px;
	border-top: 1px solid #515151;
}
.rockon_no_comments {
	width: 100%;
	float: left;
	text-align: center;
	margin: 30px 0px;
}
.rockon_no_comments > i {
	color: #00ffcc;
	font-size: 30px;
}
.rockon_no_comments > h5 {
	color: #00ffcc;
	font-size: 40px;
}
.no-comments {
	width: 100%;
	float: left;
	margin-top: 10px;
	font-size: 16px;
}
.rock_leave_comment {
	width: 100%;
	float: left;
	margin-bottom: 50px;
}
.rock_leave_comment .logged-in-as {
	float: left;
	padding: 0px 15px;
}
.rock_leave_comment .form-submit {
	width: 100%;
	float: left;
}
.rock_leave_comment input[type='submit'] {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-color: transparent;
	background-image: none;
	border: 1px solid #fff;
	margin-left: 15px;
	outline: none;
}
.rock_leave_comment input[type='submit']:hover, .rock_leave_comment input[type='submit']:focus {
	color: #00ffcc;
	border-color: #03ac89;
	outline: none;
}
.comment-form .logged-in-as {
	float: left;
	padding: 0px 15px;
}
.comment-form .form-submit {
	width: 100%;
	float: left;
}
.comment-reply-title{
	float: right;
	width: 100%;
	text-align: center;
}
.comment-reply-title #cancel-comment-reply-link {
	display:inline-block;
}
.comment-form input[type='submit'] {
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-color: transparent;
	background-image: none;
	border: 1px solid  rgba(255, 255, 255, 0.3);
	margin-left: 15px;
	outline: none;
}
.comment-form input[type='submit']:hover, .comment-form input[type='submit']:focus {
	color: #00ffcc;
	border-color: #03ac89;
	outline: none;
}
.rock_related_post_wrapper {
	width: 100%;
	float: left;
	margin-bottom: 15px;
	text-align: center;
}
.rock_related_post_wrapper .rock_club_photo_detail {
	padding: 10px 0px;
}
.rock_related_post_wrapper .rock_club_photo_slider_item {
	margin-bottom: 30px;
}
.entry-footer {
	width: 100%;
	float: left;
	margin-top: 10px;
}
.entry-footer span {
	margin-right: 10px;
}
.entry-footer span a {
	margin-right: 10px;
}
/*---------------------Blog single end---------------------*/

/*---------------------icon page start---------------------*/
.rock_icon {
	margin-bottom: 80px;
}
.rock_icon hr {
	border-top: 1px solid #515151;
}
.rock-icon-list {
	margin-top: 22px;
}
.rock-icon-list .fa-hover a {
	display: block;
	color: #8E8A8A;
	line-height: 32px;
	height: 32px;
	padding-left: 10px;
	border-radius: 4px;
}
.rock-icon-list .fa-hover a .fa {
	width: 32px;
	font-size: 14px;
	display: inline-block;
	text-align: right;
	margin-right: 10px;
}
.rock-icon-list .fa-hover a:hover {
	background-color: #00ffcc;
	color: #0d0d0d;
	text-decoration: none;
}
.rock-icon-list .fa-hover a:hover .fa {
	font-size: 28px;
	vertical-align: -6px;
}
.rock-icon-list .fa-hover a:hover .text-muted {
	color: #bbe2d5;
}
/*---------------------icon page end---------------------*/


/*---------------------Pricing table start---------------------*/
.rock_price {
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-bottom: 80px;
}
/***
Pricing table(Alternative 2)
***/
.pricing {
	position: relative;
	margin-bottom: 60px;
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-font-smoothing: subpixel-antialiased;
	-ms-font-smoothing: subpixel-antialiased;
	-o-font-smoothing: subpixel-antialiased;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s; 
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.pricing:hover, .pricing-active {
	box-shadow: 0px 0px 10px #000;
	-webkit-transform: translate(0px, -5px);
	-moz-transform: translate(0px, -5px);
	-ms-transform: translate(0px, -5px);
	-o-transform: translate(0px, -5px);
	-webkit-font-smoothing: subpixel-antialiased;
	-moz-font-smoothing: subpixel-antialiased;
	-ms-font-smoothing: subpixel-antialiased;
	-o-font-smoothing: subpixel-antialiased;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.pricing:hover h4 {
	color: #00ffcc;
}
.pricing-head {
	text-align: center;
}
.pricing-head h3, .pricing-head h4 {
	margin: 0;
	line-height: normal;
}
.pricing-head h3 span, .pricing-head h4 span {
	display: block;
	margin-top: 5px;
	font-size: 14px;
	font-style: italic;
}
.pricing-head h3 {
	font-weight: 300;
	color: #fafafa;
	padding: 12px 0;
	font-size: 27px;
	background: #050505;
	border-bottom: solid 1px #050505;
}
.pricing-head h4 {
	color: #fff;
	padding: 5px 0;
	font-size: 54px;
	font-weight: 300;
	background: #151414;
	border: 1px solid #545454;
	border-bottom: none;
}
.pricing-head-active h4 {
	color: #00ffcc;
}
.pricing-head h4 i {
	top: -8px;
	font-size: 28px;
	font-style: normal;
	position: relative;
}
.pricing-head h4 span {
	top: -10px;
	font-size: 14px;
	font-style: normal;
	position: relative;
}
/*Pricing Content*/
.pricing-content {
	border: 1px solid #545454;
	margin-bottom: 0px;
}
.pricing-content li {
	color: #888;
	font-size: 15px;
	padding: 7px 15px;
	border-bottom: solid 1px #545454;
}
.pricing-content li:last-child {
	border-bottom: none;
}
.pricing-content li i {
	top: 2px;
	color: #00ffcc;
	font-size: 18px;
	margin-right: 5px;
	position: relative;
}
/*Pricing Footer*/
.pricing-footer {
	color: #777;
	font-size: 15px;
	line-height: 17px;
	text-align: center;
	padding: 20px 20px 19px;
	border: 1px solid #545454;
	border-top: none;
}
/*Priceing Active*/
.price-active, .pricing:hover {
	z-index: 9;
}
.price-active h4 {
	color: #0da3e2;
}
.no-space-pricing .pricing:hover {
	-webkit-transition: box-shadow 0.3s ease-in-out;
	-moz-transition: box-shadow 0.3s ease-in-out;
	-o-transition: box-shadow 0.3s ease-in-out;
	transition: box-shadow 0.2s ease-in-out;
}
.no-space-pricing .price-active .pricing-head h4, .no-space-pricing .pricing:hover .pricing-head h4 {
	color: #0da3e2;
	padding: 15px 0;
	font-size: 80px;
	-webkit-transition: color 0.5s ease-in-out;
	-moz-transition: color 0.5s ease-in-out;
	-o-transition: color 0.5s ease-in-out;
	transition: color 0.5s ease-in-out;
}
/*---------------------Pricing table end---------------------*/

/*---------------------404 page start---------------------*/
.rock_404 {
	width: 100%;
	float: left;
	margin: 50px 0px;
	text-align: center;
}
.rock_404_search {
	width: 100%;
	float: left;
	text-align: center;
	display: inline-block;
	margin-bottom: 80px;
}
.rock_404_search .form-group {
	width: 50%;
	display: inline-block;
}
.rock_404 p {
	font-size: 25px;
	color: #666;
}
.rock_404 div {
	width: 100%;
	float: left;
}
.rock_404 h1 {
	display: inline-block;
	font-size: 10vw;
	font-weight: bolder;
	color: #00ffcc;
}
.rock_404 h5 {
	display: inline-block;
	text-transform: uppercase;
}
.rock_404_image {
	width: 100%;
	display: inline-block;
	margin-bottom: 50px;
}
.rock_accordion img {
	width: 280px;
	height: 170px;
	float: left;
	margin-right: 15px;
}
.rock_column {
	width: 100%;
	float: left;
	margin-top: 30px;
	margin-bottom: 60px;
}
.rock_column hr {
	border-top: 1px solid #515151;
}
/*---------------------404 page end---------------------*/

/*---------------------nnnn start---------------------*/
.widget_product_search .woocommerce-product-search button {
    display: none;
}

/*---------------------nnnn end---------------------*/

/*---------------------contact start---------------------*/
.rock_contact {
	width: 100%;
	float: left;
	margin-bottom: 70px;
	margin-top: 30px;
	text-align: center;
}
.rock_contact_detail {
	padding: 20px;
	text-align: left;
	background: rgba(0, 255, 204, 0.2);
	color: #fff;
	width: 100%;
	float: left;
	position: relative;
	margin-bottom: 40px;
}
.rock_contact_detail:after, .rock_contact_detail:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.rock_contact_detail:after {
	border-color: rgba(24, 33, 38, 0);
	border-top-color: rgba(0, 255, 204, 0.2);
	border-width: 30px;
	left: 50%;
	margin-left: -30px;
}
.rock_contact_detail:before {
	border-color: rgba(0, 0, 0, 0);
	border-width: 31px;
	left: 50%;
	margin-left: -31px;
}
.rock_contact_detail div {
	width: 50%;
	float: left;
	padding-left: 20px;
	border-right: 1px solid rgba(255,255,255,0.64);
}
.rock_contact_detail div:last-child {
	border-right: none;
}
.rock_contact_detail div p {
	width: 100%;
	float: left;
}
.rock_contact_detail div p a {
	color: inherit;
}
.rock_contact_detail div i {
	padding-right: 15px;
	display: inline-block;
	height: 50px;
	float: left;
}
.rock_contact_detail div i.fa-envelope {
	padding-bottom: 30px;
}
.rock_contact_detail div i.fa-mobile {
	font-size: 25px;
}
.rock_map {
	width: 100%;
	float: left;
}
.wpcf7-form label{
	text-align: left;
	width: 100%;
}
span.wpcf7-form-control-wrap input {
    max-width: 530px;
    width: 100%;
    background-color: #3e3a3f;
    border: none;
    height: 50px;
    padding: 0 20px;
    border-radius: 10px;
    color: var(--white-color);
    margin-bottom: 15px;
	    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #0d0d0d;
    background-image: none;
    border: 1px solid #ffffff41;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	margin-top: 5px;
	margin-bottom: 0;
}

span.wpcf7-form-control-wrap:first-child input{
    margin-top:30px;
}
span.wpcf7-form-control-wrap input:focus{
    border:none;
    outline:none;
}
span.wpcf7-form-control-wrap input::placeholder{
    color: var(--white-color);
	font-size: 16px;
}
span.wpcf7-form-control-wrap textarea {
    width: 100%;
    max-width: 530px;
    height: 200px;
    background-color: #3e3a3f;
    border: none;
    padding: 20px 0 0 20px;
    border-radius: 10px;
    color: var(--white-color);
    margin-bottom: 0;
    resize: none;
	    display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #fff;
    background-color: #0d0d0d;
    background-image: none;
    border: 1px solid #ffffff41;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

span.wpcf7-form-control-wrap textarea:focus{
    border:none;
    outline:none;
}
span.wpcf7-form-control-wrap textarea::placeholder{
    color: var(--white-color);
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.rockon_all_btn {
    font-size: 15px;
    color: #101015;
    font-weight: 700;
    width: 170px;
    height: 50px;
    border-radius: 25px;
    background-image: linear-gradient(90deg, #b3ffab 0%, #11fff7 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-transform: uppercase;
    margin-top: 10px;
    border: none;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
input.wpcf7-form-control.wpcf7-submit.has-spinner.btn.btn-default.btn-lg{
	display: flex;
}
input.wpcf7-form-control.has-spinner.wpcf7-submit.rockon_all_btn:hover {
    background-position: 100% 0;
    background-image: linear-gradient(90deg, #11fff7 0%, #b3ffab 100%);
    transform: translateY(-5px);
}
/*---------------------contact end---------------------*/

#rockon_single {
	width: 100%;
	float: left;
	margin-bottom: 30px;
}
div[data-target] {
	position: relative;
	overflow: hidden;
}
div[data-target] > div {
	position: relative;
	width: 100%;
	float: left;
	padding-top: 90px;
	padding-bottom: 30px;
	background: url(../images/bg/main_bg.png) repeat;
}
.rock_dj_profile {
	width: 700px;
	overflow: hidden;
	display: none;
	padding: 15px;
	color: #7C7C7C;
	background: url(../images/bg/main_bg.png) repeat;
}
.rock_dj_profile div {
	overflow: hidden;
}
.rock_dj_profile img {
	width: 100%;
}
/*---------------------bottom to top start---------------------*/
.rockon_version_switcher {
	position: fixed;
	right: 10px;
	bottom: 10px;
	z-index: 999;
	width: 100px;
	height: auto;
	display: block;
	background: #000;
	padding: 5px;
	box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.48);
	border: 1px solid rgba(255, 255, 255, 0.68);
}
.rockon_version_switcher .rockon_version {
	width: 100%;
	float: left;
	margin-bottom: 10px;
	background: rgba(255,255,255,0.2);
	text-align: center;
	color: #fff;
	cursor: pointer;
	display: block;
}
.rockon_version_switcher .rockon_version img {
	width: 100%;
	float: left;
	margin-top: 5px;
	display: block;
	display: none;
}
.rockon_version_switcher .rockon_version p {
	margin-bottom: 0px;
	font-size: 12px;
}
.rockon_version_switcher .rockon_short_contact {
	width: 40px;
	height: 40px;
	line-height: 35px;
	text-align: center;
	font-size: 20px;
	float: left;
	border: 1px solid #fff;
	margin-right: 8px;
	position: relative;
	cursor: pointer;
	z-index: 9;
}
.rockon_version_switcher .rockon_short_contact .contact_form {
	width: 250px;
	height: auto;
	display: block;
	padding: 10px;
	background: #000;
	position: absolute;
	right: 100%;
	bottom: -1px;
	cursor: default;
	visibility: hidden;
	border: 1px solid #fff;
}
.rockon_version_switcher .rockon_short_contact:hover .contact_form {
	visibility: visible;
	-webkit-animation: fadeIn 0.5s;
	-moz-animation: fadeIn 0.5s;
	-ms-animation: fadeIn 0.5s;
	-o-animation: fadeIn 0.5s;
}
.rockon_version_switcher .rockon_short_contact .contact_form .rock_contact {
	margin-top: 0px;
	margin-bottom: 0px;
}
.rockon_version_switcher .rockon_short_contact .contact_form .rock_contact input[type='text'] {
	height: 30px;
	font-size: 12px;
}
.rockon_version_switcher .rockon_short_contact .contact_form .rock_contact textarea {
	font-size: 12px;
}
.rockon_version_switcher .rockon_short_contact .contact_form .rock_contact input[type='button'] {
	float: left;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
}
.rockon_version_switcher .rockon_backtotop {
	width: 40px;
	height: 40px;
	line-height: 38px;
	text-align: center;
	font-size: 30px;
	float: left;
	border: 1px solid #fff;
	cursor: pointer;
}
/*---------------------bottom to top end---------------------*/


/*---------------------Footer start---------------------*/
.rock_footer {
	background: #000;
	width: 100%;
	float: left;
	text-align: left;
	padding: 30px 0px;
    padding-top: 60px;	
}
.rock_footer h3 {
	color: #00ffcc;
}
.rock_recent_post {
	width: 100%;
	float: left;
}
.rock_footer_logo {
	margin-bottom: 10px;
}
.rock_recent_post h3 {
	margin-top: 0px;
	margin-bottom: 20px;
}
.rock_recent_post ul {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
}
.rock_recent_post ul li {
	display: inline-block;
	padding: 15px 0px;
	border-bottom: 1px solid #232323;
}
.rock_recent_post ul li img {
	width: 100px;
	height: 100px;
	float: left;
	margin-right: 15px;
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_recent_post ul li .rock_post_detail a {
	color: inherit;
}
.rock_recent_post ul li .rock_post_detail p {
	margin: 10px 0px;
}
.rock_recent_post ul li:hover img {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
}
.rock_twitter_feed {
	width: 100%;
	float: left;
}
.rock_twitter_feed h3 {
	margin-top: 0px;
	margin-bottom: 20px;
}
.rock_twitter_feed ul {
	list-style: none;
	padding-left: 0px;
	margin: 0px;
}
.rock_twitter_feed ul li {
	display: inline-block;
	padding: 15px 0px;
	width: 100%;
	border-bottom: 1px solid #232323;
}
.rock_twitter_feed ul li:last-child {
	border-bottom: none;
	padding-bottom:0;
	margin-bottom:0;
}
.rock_twitter_feed ul li i {
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #00ffcc;
	color: #000;
	float: left;
	display: inline-block;
	-webkit-transition: all 0.1s;
}
.rock_twitter_feed ul li:hover i {
	margin-top: 10px;
	-webkit-transition: all 0.5s;
}
.rock_twitter_feed ul li .rock_feed {
	margin-left: 30px;
	padding: 0px 20px;
	border-left: 2px solid #00ffcc;
}
.rock_twitter_feed ul li .rock_feed a {
	color: inherit;
}
.rock_twitter_feed ul li .rock_feed p {
	margin: 17px 0px;
}
.rock_copyright {
	width: 100%;
	float: left;
	position: relative;
	text-align: center;
	min-height: 180px;
    /*margin-bottom: 85px;*/
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
.rock_copyright .rock_copyright_bg {
	opacity: 0.1;
}
.rock_footer *,
.rock_copyright *{
	backface-visibility:hidden;
}
.rock_copyright_div {
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	z-index: 1;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.rock_copyright_div p {
    margin: 0;
    line-height: 36px;
}
/*---------------------Footer end---------------------*/




.rockon_event_booking .eventDisplayCnt {
	width: 100% !important;
	float: left;
	background-color: transparent !important;
	border: none !important;
}
.rockon_event_booking .imgHolder {
	height: auto !important;
	overflow: visible;
}
.rockon_event_booking .imgHolder img {
	margin-top: 0 !important;
}
.rockon_event_booking .eventDisplayCnt h3.title {
	color: #03ac89 !important;
	font-size: 30px !important;
	font-family: 'Roboto', sans-serif !important;
	font-weight: lighter !important;
}
.rockon_event_form {
	position: fixed;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.9);
	padding: 20px;
	z-index: 99999999;
	display: none;
	-webkit-animation: fadeIn 0.5s;
	-moz-animation: fadeIn 0.5s;
	-ms-animation: fadeIn 0.5s;
	animation: fadeIn 0.5s;
}
.rockon_event_form_inner {
	padding: 0px;
	margin: 0px;
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 50%;
	overflow: hidden;
	width: 60%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	background-color: #000;
	border: 1px solid #03ac89;
	padding: 30px;
}
.rockon_form_overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	z-index: 9999;
	background: rgba(0,0,0,0.9);
}
.rockon_event_close_tag {
	position: fixed;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	cursor: pointer;
	z-index: 8040;
	background-image: url(../images/icon/cross.png);
	background-size: 100% 100%;
	background-repeat: no-repeat;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rockon_event_close_tag:hover {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
}
.rockon_event_form_inner h2 {
	text-align: center;
}
.rockon_event_form_inner table {
	float: left;
	width: 100%;
	margin: 40px 0px 20px;
}
.rockon_event_form_inner table tr {
	border: none;
}
.rockon_event_form_inner table tr:first-child, .rockon_event_form_inner table tr:last-child {
	border-bottom: 1px solid #03ac89;
}
.rockon_event_form_inner table tr td {
	width: 30%;
	text-align: center;
	border: none;
}
.rockon_event_form_inner {
}
.rockon_event_form_inner table.rockon_event_table .input-group {
	float: left;
	width: 100%;
	text-align: center;
	padding: 0px 0px 0px 65px;
}
.rockon_event_form_inner table.rockon_event_table .form-control {
	padding: 5px;
	height: 34px;
	width: 40%;
	border: 1px solid #03ac89;
}
.rockon_event_form_inner table.rockon_event_table .plus {
	float: left;
}
.rockon_event_form_inner table.rockon_event_table .input-group-btn {
	padding: 0px !important;
	vertical-align: top;
}
.rockon_event_form_inner table.rockon_event_table .input-group-btn button {
	background-color: #232323;
	border: 1px solid #232323;
	color: #fff;
}
.rockon_event_form_inner table.rockon_event_table .input-group-btn button:hover {
	border: 1px solid #03ac89;
	color: #03ac89;
}
.rockon_event_form_inner .rockon_input_tags {
	float: left;
	width: 100%;
}
.rockon_event_form_inner input[type="text"] {
	background-color: transparent;
	border: 1px solid #fff;
	padding: 3px 5px;
}
.rockon_event_form_inner input[type="submit"] {
	background-color: transparent;
	margin: 0px 10px;
}
.rockon_event_form_inner .rockon_bottom_form {
	float: left;
	width: 100%;
	border-top: 1px solid #03ac89;
	padding: 20px 0px;
	margin: 20px 0px 0px;
}
.rockon_event_form_inner .rockon_bottom_form p {
	float: left;
	width: 100%;
	margin: 0px;
}
.rockon_event_form_inner .rockon_bottom_form input[type="text"] {
	float: left;
	width: 100%;
	margin: 0px 20px 10px 0px;
	padding: 5px;
}
.rockon_event_form_inner .rockon_bottom_form input[type="submit"] {
	background-color: transparent;
	margin: 15px 0px 0px 10px;
	border: 1px solid #fff !important;
	color: #fff;
	padding: 10px 30px !important;
	overflow: hidden;
	position: relative;
}
.rockon_event_form_inner .rockon_bottom_form input[type="submit"]:hover {
	border-color: #00ffcc !important;
	color: #00ffcc !important;
}
.rockon_event_sec {
	float: left;
	width: 100%;
	border: 1px solid #03ac89;
	margin: 10px 0px;
	padding: 10px;
}
.rockon_event_sec .left_time {
	color: #fff;
	float: left;
	margin: 6px 10px;
}
.rockon_event_sec .book_btn_div {
	background-color: transparent;
	margin: 0px 10px 0px 10px;
	border: 1px solid #fff !important;
	color: #fff;
	padding: 7px 30px !important;
	overflow: hidden;
	position: relative;
	float: left;
}
.rockon_event_sec .book_btn_div a {
	color: #fff;
}
.rockon_event_sec .book_btn_div:hover {
	border: 1px solid #03ac89;
}
.rockon_event_sec .book_btn_div:hover a {
	color: #03ac89;
}

/*------------------- rockon new css Start -------------------------*/

/*---- rock testimonial css start ----*/
.middle_temp_div{
	float:left;
	width:100%;
	padding-top:100px;
}
.rocks_testimonial_section{
	float:left;
	width:100%;
}
.rocks_testimonial {
    float: left;
    width: 100%;
    text-align: center;
}
.client_thumb{
	float:left;
	width:100%;
	text-align:center;
	margin-bottom: 40px;
}
.client_thumb img{
	display:inline-block !important;
	width:100px;
	height:100px;
	border-radius:100%;
	
}
.rocks_testimonial .quotes {
    display: inline-block;
    color: #ffffff;
    background-color: #03ac89;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 51px;
    position: relative;
	margin-bottom:25px;
}
.rocks_testimonial .quotes:after {
    position: absolute;
    content: "";
    bottom: -11px;
    left: 50%;
    border-left: 12px solid transparent;
    border-right: 4px solid transparent;
    border-top: 13px solid #03ac89;
    margin-left: -8px;
}
.rocks_testimonial p {
    font-size: 17px;
    font-style: italic;
}
.rocks_testimonial .client_title {
    margin-top: 21px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 24px;
    text-transform: capitalize;
	color:#03ac89;
}
.rocks_testimonial .owl-controls{
	float:left;
	width:100%;
	margin-top:50px !important;
}
.rocks_testimonial .owl-dots{
	float:left;
	width:100%;
	text-align:center;
	
}
.rocks_testimonial .owl-dots .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    border: 2px solid #ffffff;
    border-radius: 100%;
    margin: 0 5px;
	cursor:pointer;
	transition:all ease-in 0.3s;
	-webkit-transition:all ease-in 0.3s;
	-moz-transition:all ease-in 0.3s;
}
.rocks_testimonial .owl-dots .owl-dot.active, 
.rocks_testimonial .owl-dots .owl-dot:hover {
	border-color: transparent;
    background: #03ac89;
}
.rocks_testimonial{
	position: relative;
}
.rocks_testimonial .swiper-pagination-bullet{
	background: #FFF !important;
	width: 15px;
	height: 15px;
	
}
.rocks_testimonial .swiper-pagination{
	bottom: -40px !important;
}
.rocks_testimonial .swiper-pagination-bullet-active{
	  background: #03ac89 !important;
}
.rocks_testimonial .swiper-slide {
    background-color: rgb(255 255 255 / 15%);
    padding: 30px 35px;
    border-radius: 10px;
} 
/*---- rock testimonial css end ----*/

/*---- rock team section css start ----*/
.rock_team_section{
	float:left;
	width:100%;
}
.rock_team_wrapper{
	float:left;
	width:100%;
}
.rock_team_box {
    display: table;
    margin-left: auto;
    margin-right: auto;
	position:relative;
	overflow: hidden;
	margin-bottom: 15px;
}

.rock_team_thumb {
    float: left;
    width: 100%;
	overflow:hidden;
}
.rock_team_thumb img{
	width:100%;
	display:inline-block;
	transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
}
.rock_team_thumb:hover img{
    transform: scale(1.2);
    -webkit-transform: scale3d(1.2,1.2,1.2);
    -moz-transform: scale3d(1.2,1.2,1.2);
    -ms-transform: scale3d(1.2,1.2,1.2);
    -o-transform: scale3d(1.2,1.2,1.2);
}
.team_details {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 25px 15px;
    text-align: center;
    transform: translateY(40%); /* Push it halfway down */
    transition: transform 0.4s ease-in-out;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.rock_team_box:hover .team_details {
    transform: translateY(0%);
    transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
    top: 0;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    opacity: 1;
}

.team_details h3 {
    margin-top: 0;
    margin-bottom: 5px;
    color: #00ffcc;
    font-weight: 400;
}
.team_details p {
    margin-bottom: 0;
	color: #fff;
}
.team_details .rock_social{
	margin-top:15px;
}
.rock_testimonial .item{
    background-color: rgb(255 255 255 / 15%);
    padding: 30px 35px;
    border-radius: 10px;
}
.rock_testimonial .owl-item{
    max-width:550px !important;
    width:100% !important;
    margin-right:20px !important;
}
/*---- rock team section css end ----*/

/*---- rock pricing table section css Start ----*/
.rock_pricing_section{
	/*padding-top:50px;*/
	float:left;
	width:100%;
}
.rock_pricing_wrapper {
    float: left;
    width: 100%;
    margin-top: 100px;
}
.pricing_box {
    padding-bottom: 45px;
    text-align: center;
    border: 2px solid #03ac89;
    display: table;
    margin-left: auto;
    margin-right: auto;
	transition: all ease-in 0.3s;
	-webkit-transition: all ease-in 0.3s;
	-moz-transition: all ease-in 0.3s;
}
.pricing_box:hover {
    transform: scale3d(1.1,1.1,1);
    -webkit-transform: scale3d(1.1,1.1,1);
    -moz-transform: scale3d(1.1,1.1,1);
    -ms-transform: scale3d(1.1,1.1,1);
    -o-transform: scale3d(1.1,1.1,1);
}
.pricing_box_top {
    display: block;
}
.pricing_box .price {
    display: inline-block;
    font-size: 40px;
    color: #ffffff;
    width: 150px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    font-weight: 600;
    padding: 0;
    background: #03ac89;
    border-radius: 100%;
    margin-top: -75px;
	position:relative;
}
.pricing_box .price span {
    width: 100%;
    line-height: 39px;
    position: absolute;
    left: 0;
    top: 43px;
}
.pricing_box .price sub {
    font-weight: normal;
    font-size: 16px;
    line-height: 20px;
    margin-top: 0;
    width: 100%;
    position: absolute;
    bottom: 44px;
    left: 0;
}
.price_title {
    float: left;
    width: 100%;
    text-align: center;
    padding: 40px 0 30px;
}
.price_title h4 {
    font-size: 25px;
    text-transform: capitalize;
    margin-top: 0;
    margin-bottom: 0;
    color: #03ac89;
    padding-bottom: 6px;
    font-weight: bold;
    display: inline-block;
    border-bottom: 1px solid;
	padding: 0 15px;
}
.pricing_box .buy_btn {
    border: 1px solid;
    color: #fff;
    overflow: hidden;
    position: relative;
    display: inline-block;
    height: 45px;
    background-color: transparent;
    line-height: 43px;
    padding: 0 25px;
    text-transform: uppercase;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    margin-top: 50px;
}

.pricing_box .buy_btn:before {
    content: "";
    width: 20px;
    content: "\f178";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: auto;
    top: 50%;
	margin-top:-8px;
    color: #00ffcc;
    left: -14%;
    position: absolute;
	transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
}
.pricing_box:hover .buy_btn{
	color:#03ac89;
}
.pricing_box:hover .buy_btn:before{
	left:4px;
}
.pricing_box .buy_btn:hover{
	color:#03ac89;
}
.pricing_box .buy_btn:hover:before{
	left:4px;
}

.pricing_box ul {
    margin-bottom: 0;
    padding: 0px;
    list-style: none;
    float: left;
    width: 100%;
}
.pricing_box ul li {
    line-height: 40px;
    font-size: 17px;
    color: #c2c2c2;
	transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
}
.pricing_box ul li:hover {
    background-color: #03ac89;
    color: #ffffff;
}
.price_footer{
	float: left;
    width: 100%;
	margin-top:30px;
}
/*---- rock pricing table section css End ----*/
/*--- Event Single page start---*/
.event_booking_loader {
    margin-left: 10px;
    display: none;
}
.rock_blog_single .event_booking_loader img {
    width: auto;
}
.rockon_event_ticket_wrapper table.rockon_event_tickets {
    margin: 0 0px 24px 0;
    text-align: left;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}
.rockon_event_ticket_wrapper table.rockon_event_tickets tr th {
    font-family: 'Roboto', sans-serif;
    background: rgb(35, 35, 35);
    font-weight: 500;
    padding: 15px;
    border: none;
    vertical-align: middle;
    font-size: 18px;
}
.rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr td {
    font-weight: 300;
    padding: 15px;
    border: none;
    background-color: #080808;
    border-right: none;
    vertical-align: middle;
    border-bottom: 1px solid rgba(255,255,255,.11);
}
.rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr:last-child td {
    border-bottom: none;
} 
.rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr td h3 {
    text-transform: capitalize;
    margin: 0;
    font-weight: 500;
    color: inherit;
    font-size: 20px;
}
.rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr td p {
	margin:0px;
}
.rockon_event_ticket_wrapper table.rockon_event_tickets tbody tr td a{
	cursor:pointer;
}
.rockon_ticket_popup:after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.41);
}
.rockon_ticket_popup {
    z-index: 1000000;
} 
.rockon_ticket_popup .modal-dialog{
    z-index: 1;
    margin: auto auto;
    top: 50%;
    transform: translateY(-50%)!important;
    -webkit-transform: translateY(-50%)!important;
    -moz-transform: translateY(-50%)!important;
    -ms-transform: translateY(-50%)!important;
    -o-transform: translateY(-50%)!important;
}
.rockon_ticket_popup .modal-content .rockon_eventform_content .form-group p.booking_error {
    margin-bottom: 0;
    text-transform: capitalize;
}
.rockon_ticket_popup .modal-content .rockon_eventform_content .form-group {
    margin-bottom: 20px;
}
.rockon_ticket_popup .modal-content .rockon_eventform_content .form-group .form-control {
    height: 40px;
    font-size: 15px;
    border: 1px solid rgba(255, 255, 255, 0.26);
}
.rockon_ticket_popup .modal-content .modal-body {
    padding: 30px 50px;
}
.rockon_ticket_popup .rock_heading_div {
    float: none;
    margin-bottom: 30px;
}
.rockon_ticket_popup .rock_heading_div .rock_heading h1 {
    text-transform: capitalize;
}
.rockon_ticket_popup  .modal-dialog .modal-content{
    background-color: rgba(13, 13, 13, 0.7);
}
.rockon_ticket_popup .modal-dialog .modal-content .modal-header {
    border-bottom: none;
    text-align: center;
}
.rockon_ticket_popup .modal-dialog .modal-content .close {
    position: absolute;
    right: -1px;
    top: -50px;
    width: 50px;
    height: 50px;
    background: #000;
    line-height: 50px;
    border: 1px solid #00ffcc;
    box-shadow: 0px -2px 5px 0px #00ffcc;
    border-bottom: none !important;
}
.rockon_ticket_popup .modal-dialog .modal-content .modal-header h4.modal-title {
    font-size: 30px;
    padding-top: 30px;
    text-transform: capitalize;
}
.rockon_ticket_popup .modal-dialog .modal-content .close:focus{
	outline:none; 
}
/*--- Event Single page end---*/
/*---New audio player design start---*/
.ms_player_wrapper {
    
    background-size: cover;
    position: fixed;
    bottom: 0px;
    width: 100%;
    z-index: 20;
    box-shadow: 0px 0px 24px 6px rgba(4, 4, 4, 0.2);
    transition: all 0.4s ease-in-out;
    -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;
    background-color: #000;
}
.ms_player_close {
    position: absolute;
    top: -35px;
    right: 5px;
    background-color: #03ac89;
    width: 35px;
    height: 35px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    line-height: 33px;
    z-index: 0;
    cursor: pointer;
    border-radius: 5px 5px 0 0;
}
.ms_player_wrapper.close_player .ms_player_close {
    line-height: 36px;
}
.player_mid {
    position: relative;
    width: 100%;
}
.player_left {
    width: auto;
    position: absolute;
    border-radius: 0;
    float: left;
    z-index: 10;
}
.ms_play_song {
    display: inline-block;
    float: left;
    width: 300px;
    padding: 5px 10px;
}
.play_song_name a {
    color: #dedede;
    font-size: 15px;
}
.jp-now-playing.flex-item {
    -ms-flex-preferred-size: 145px;
    flex-basis: 145px;
}
.jp-track-name {
    color: #fff;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 100%;
}
.play_song_name span.que_img {
    width: 50px;
    float: left;
}
.play_song_name span.que_img img {
    border-radius: 5px;
}
.play_song_name .que_data {
    width: calc(100% - 50px);
    padding-left: 15px;
    float: left;
    line-height: 50px;
    font-size: 17px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    text-transform: capitalize;
}
.jp-artist-name {
    color: #dedede;
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    max-width: 140px;
}
.play_song_options {
    float: left;
    position: relative;
    top: 30px;
    margin-right: 50px;
    display: none;
}
.play_song_options ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transform: translateX(-10%);
    -webkit-transform: translateX(-10%);
    -moz-transform: translateX(-10%);
    -ms-transform: translateX(-10%);
    -o-transform: translateX(-10%);
}
.play_song_options ul li {
    float: left;
}
.play_song_options ul li a {
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    padding: 8px 20px;
    border-right: 2px solid #cdcdcd;
}
.play_song_options ul li:first-child a {
    padding-left: 0px;
}
.song_optn_icon {
    margin-right: 5px;
}
.ms_icon {
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle; 
    background-image: url(../images/svg/icon.svg);
    background-repeat: no-repeat;
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    display: inline-block;
}
i.ms_icon.icon_share, .play_song_options ul li a .icon_download, .play_song_options ul li a .icon_fav, .play_song_options ul li a .icon_playlist {
    background-image: url(../images/svg/share.svg);
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    position: relative;
    top: 5px;
}
.play_song_options ul li a .icon_download {
    background-image: url(../images/svg/w_download.svg);
    top: 2px;
}
.jp_queue_wrapper {
    float: right;
    /* padding-right: 117px; */
    margin-top: 17px;
}
.jp_queue_wrapper span.que_text {
	background-color: #fff;
    height: 30px;
    display: inline-block;
    line-height: 34px;
    padding: 0px 21px;
    color: #03ac89;
    text-transform: capitalize;
    border-radius: 20px;
    cursor: pointer;
    z-index: 1;
    line-height: 28px;
    transition: all 0.3s ease-in-out;
    -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;
}
.jp_queue_wrapper span.que_text i {
    width: 12px;
    height: 12px;
    text-align: center;
    background-color: #03ac89;
    color: #fff;
    border-radius: 50%;
    line-height: 12px;
    font-size: 11px;
    position: relative;
    top: -1px;
}
.jp-playlist {
    position: absolute;
    right: 0;
    bottom: -2%;
    background: #1b2039;
    padding: 40px 0px 25px 0px;
    width: 350px;
    box-shadow: 0px 0px 24px 6px rgba(4, 4, 4, 0.2);
    border-radius: 12px 0px 0px 12px;
    z-index: 10;
    display: none;
}
.jp_queue_cls {
    position: absolute;
    right: 13px;
    top: 10px;
    color: #fff;
    font-size: 13px;
    cursor: pointer;
}
.jp-playlist h2 {
    text-align: center;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase;
    padding-bottom: 20px;
	margin:0px;
}
.jp_queue_btn {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 50px;
}
.jp_queue_btn a {
    height: 30px;
    background-color: #03ac89;
    color: #fff;
    display: inline-block;
    padding: 0px 32px;
    line-height: 32px;
    text-transform: capitalize;
    border-radius: 20px;
    margin: 0px 10px;
}
.jp_queue_btn a {
    height: 30px;
    background-color: #03ac89;
    color: #fff;
    display: inline-block;
    padding: 0px 32px;
    line-height: 29px;
    text-transform: capitalize;
    border-radius: 20px;
    margin: 0px 10px;
}

.jp-type-playlist {
    padding-left: 383px;
    padding-right: 190px;
    padding-top: 0;
    padding-bottom: 0;
}
.flex-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-wrap: wrap!important;
    flex-wrap: wrap!important;
}
.jp-gui.jp-interface.flex-wrap {
    position: relative;
    top: 1px;
    background: rgba(34, 34, 34, 1);
    height: 65px;
}
.jp-controls.flex-item {
    position: relative;
    top: 4px;
}
.jp-audio {
    padding: 10px 200px;
}
.jp-controls.flex-item {
    -ms-flex-preferred-size: 175px;
    flex-basis: 175px;
    padding-left: 30px;
}
.jp-interface .jp-controls button, .jp-interface .jp-toggles button, .jp-interface .jp-volume-controls button {
    background: 0 0;
    border: 0;
    outline: 0;
    color: #7b7c8b;
    line-height: 24px;
    font-weight: 600;
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-property: all;
    transition-property: all;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 20px;
    padding: 0 0px;
}
.jp-interface .ms_play_control {
    background: url(../images/svg/play_icon.svg) !important;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
}
button.jp-previous .ms_play_control {
    background-position: 0px 0px !important;
}
.jp-interface .jp-controls .jp-play i, .jp-interface .jp-controls .jp-previous i, .jp-interface .jp-controls .jp-next i {
    font-size: 23px;
    color: #fff;
}
.jp-interface .jp-controls .jp-play i {
    padding-left: 5px;
    padding-top: 5px;
}
button.jp-play .ms_play_control {
    background-position: 941px 0px !important;
}
button.jp-next .ms_play_control {
    background-position: 869px 0px !important;
}
.jp-progress-container, .jp-volume-bar-container {
    height: 3px;
    padding: 0;
}
.jp-progress-container.flex-item {
    -ms-flex-preferred-size: 350px;
    -ms-flex-positive: 2;
    flex-grow: 2;
    -ms-flex-negative: 2;
    flex-shrink: 2;
    max-width: 630px;
    width: 100%;
    margin-top: 3px;
}
.jp-time-holder {
    position: relative;
    top: 0;
    color: #979797;
    font-size: 12px;
}
.jp-time-holder .jp-current-time {
    position: absolute;
    left: 0;
    top: 10px;
    color: #fff;
}
.jp-time-holder .jp-duration {
    position: absolute;
    right: 0;
    top: 10px;
    color: #fff;
}
.jp-progress, .jp-seek-bar, .jp-play-bar, .jp-volume-bar, .jp-volume-bar-value {
    height: 3px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
}
.jp-progress {
    margin: 0px;
    background-color: #fff;
    border-radius: 15px;
}
.jp-seek-bar, .jp-volume-bar {
    cursor: pointer;
    background-color: #fff;
    border-radius: 10px;
}
.jp-play-bar {
    float: left;
    position: relative;
    background-color: #03ac89;
    border-radius: 5px;
    overflow: visible!important;
}
.jp-progress .bullet, .jp-volume-bar .bullet {
    position: absolute;
    content: "";
    top: -6.5px;
    right: -7px;
    height: 15px;
    width: 15px;
    background: #03ac89;
    border-radius: 50%;
    box-shadow: 0px 0px 15px rgb(255, 255, 255);
}
.jp-volume-controls.flex-item {
    -ms-flex-preferred-size: 155px;
    flex-basis: 80px;
    margin-left: 40px;
}
.knob-container .knob-wrapper-outer .knob-wrapper .knob-mask .round:before {
    background-image: url(../images/svg/volume.svg);
    width: 20px;
    height: 16px;
    position: absolute;
    top: 6px;
    left: 0px;
    content: "";
}
.jp-toggles.flex-item {
    -ms-flex-preferred-size: 130px;
    flex-basis: 106px;
    text-align: center;
}
.jp-interface .jp-controls button, .jp-interface .jp-toggles button, .jp-interface .jp-volume-controls button {
    background: 0 0;
    border: 0;
    outline: 0;
    color: #7b7c8b;
    line-height: 24px;
    font-weight: 600;
    -webkit-transition-delay: 0;
    -o-transition-delay: 0;
    transition-delay: 0;
    -webkit-transition-property: all;
    -webkit-transition-duration: .2s;
    -webkit-transition-timing-function: ease-in-out;
    -o-transition-property: all;
    transition-property: all;
    -o-transition-duration: .2s;
    transition-duration: .2s;
    -o-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -ms-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    font-size: 20px;
    padding: 0 0px;
}
.jp-toggles button {
    margin: 0 3px;
}
.jp-toggles.flex-item button {
    margin: 6px 10px 0px 10px;
}
.jp-interface .ms_play_control {
    background: url(../images/svg/play_icon.svg) !important;
    width: 30px;
    height: 30px;
    background-repeat: no-repeat;
    display: inline-block;
    background-color: transparent;
    cursor: pointer;
}
.jp-audio.jp-state-playing .jp-play i.ms_play_control {
    background-position: 1021px 0px !important;
}
.jp-audio.jp-state-playing .jp-play i {
    padding-left: 0;
}
button.jp-shuffle .ms_play_control {
    background-position: 140px 0px !important;
    border: 1px solid #fff;
    border-radius: 100%;
}
button.jp-repeat .ms_play_control {
    background-position: 60px 0px !important;
    border: 1px solid #fff;
    border-radius: 100%;
}
.ms_player_wrapper.close_player {
	bottom: -85px;
}

.ms_player_wrapper.close_player .ms_player_close i {
	position: relative;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
}
.main_class .rock_footer {
	margin-bottom: 0;
	transition: all 0.3s ease-in-out;
	-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;
}
a.ms_btn.play_btn.btn_pause span.pause_all {
	opacity: 1;
	z-index: 1000;
}

a.ms_btn.play_btn.btn_pause span.play_all {
	display: none;
}
.jp-state-looped .jp-toggles .jp-repeat,
.jp-state-shuffled .jp-toggles .jp-shuffle,
.jp-interface .jp-toggles .playlist-is-visible.jp-show-playlist {
	color: #00c85f
}
.audio-player.is_hidden {
	top: 100%
}

.audio-player.is_hidden .hide_player {
	bottom: 100%
}


.jp_queue_list_inner .que_img img {
    width: 50px;
    height: 50px;
}
.play_song_name .que_img img {
    width: 50px;
    height: 50px;
}
.jp_queue_list_inner ul {
    padding: 0;
    margin: 0;
    max-height: 300px;
    overflow-y: scroll;
}
.jp_queue_list_inner ul::-webkit-scrollbar {
    width: 4px;
} 
.jp_queue_list_inner ul::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
} 
.jp_queue_list_inner ul::-webkit-scrollbar-thumb {
  background-color: #03ac89;
  outline: 1px solid slategrey;
}
.jp_queue_list_inner ul li {
    list-style: none;
    padding: 10px 20px;
    position: relative;
    display: flex !important;
}
.jp_queue_list_inner ul li span.que_img {
    float: left;
    width: 50px;
}
.jp_queue_list_inner ul li .que_data {
	float: left; 
    width: calc(100% - 50px);
    padding-left: 20px;
    line-height: 50px;
    padding-right: 30px;
    font-size: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}
.jp_queue_list_inner ul li .jp-playlist-item-remove {
    position: absolute;
    right: 20px;
    top: 20px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 22px;
    border: #fff 1px solid;
    border-radius: 100%;
}
.ms_empty_queue {
    padding: 20px 0;
    text-align: center;
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
}
.ms_clear_modal .modal-content {
    padding: 50px;
}
.ms_clear_modal .modal-content .modal-body {
    padding: 0;
} 
.ms_clear_modal .modal-content h2 {
    margin: 0;
    padding-bottom: 40px;
    text-align: center;
    font-size: 27px;
}
.ms_clear_modal .modal-content .modal-body .clr_modal_btn {
    text-align: center;
}
.ms_clear_modal .modal-content .modal-body .clr_modal_btn .btn {
    height: 35px;
    line-height: 33px;
    padding: 0 15px;
    font-size: 15px;
    text-transform: capitalize;
    margin: 0px 10px;
}
.jp_queue_btn a.ms_clear:hover {
    color: #fff;
}
.main_class .rock_copyright {
    margin-bottom: 0;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
}
/*---New audio player design end---*/
/*---Audio slider start---*/
.rockon_audio_slider{
	float:left;
	width:100%;
    text-align: center;
    margin-bottom: 50px;
    position: relative;
}

.rockon_audio_slidercol {
    float: left;
    text-align: center;
    width: 100%;
    margin-bottom: 50px;
    position: relative;
}

.rockon_audio_slider .owl-nav .owl-prev, .rockon_audio_slider .owl-nav .owl-next, .rockon_audio_slidercol .owl-nav .owl-prev, .rockon_audio_slidercol .owl-nav .owl-next {
	margin: 10px 3px;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 30px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}

.rockon_audio_slider .owl-nav .owl-prev:hover, .rockon_audio_slider .owl-nav .owl-next:hover, .rockon_audio_slidercol .owl-nav .owl-prev:hover, .rockon_audio_slidercol .owl-nav .owl-next:hover {
    border-color: #00ffcc;
	color:#00ffcc;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.rockon_audio_slider .rock_club_photo_slider_item .rock_club_photo_item .rock_club_photo_overlay .photo_link {
    width: 40px;
    height: 40px;
    top: 35%;
    left: 47%;
    margin-left: 0;
    margin-top: 0;
    transform: translate(-50%, -50%); 
    -webkit-transform: translate(-50%, -50%); 
    -moz-transform: translate(-50%, -50%); 
    -ms-transform: translate(-50%, -50%); 
    -o-transform: translate(-50%, -50%); 
}
.rockon_audio_slider .rock_club_photo_slider_item .rock_club_photo_item .rock_club_photo_overlay a i {
    margin-left: 3px;
}
.rockon_audio_slider .rock_club_photo_slider_item .rock_club_photo_item .rock_club_photo_overlay a {
    margin: 0;
}


.rockon_audi_slider {
    float: left;
    width: 100%;
	position: relative;
}
.rockon_audi_slider ul.audi_slider {
    margin: 0;
    padding: 0;
}
.rockon_audi_slider ul.audi_slider li {
    list-style: none;
    display: inline-block;
}
.rockon_audi_slider .rock_club_photo_slider_item .photo_link {
    width: 40px;
    height: 40px;
    top: 32%;
    left: 42%;
    margin-left: 0;
    margin-top: 0;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}
.rockon_audi_slider  .rock_club_photo_slider_item .rock_club_photo_item .rock_club_photo_detail {
	text-align:center;
}
.rockon_audi_slider #rock_track_audio_slider_prev i {
    top: 100%;
    right: auto;
    left: 48%;
    margin-top: 20px;
}
.rockon_audi_slider #rock_track_audio_slider_next i {
    top: 100%;
    right: auto;
    left: 52%;
    margin-top: 20px;
}
.rockon_service a {
    color: #fff;
    transition: 0.3s;
}

.rockon_service:hover a {
    color: #00ffcc;
}
/*---Audio slider end---*/
/* custom css start */
.mage_grid_box .mep_event_grid_item {
    box-shadow: none;
}
/* custom css end */
.wp-block-search__inside-wrapper input {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
}
.wp-block-search__inside-wrapper input:focus{
    outline:none;
    border: 1px solid #00ffcc;
    border-radius:0;
}
.wp-block-search__button {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.3);
    color: #fff;
    word-break: normal;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    transition:all 0.3s;
}
.wp-block-search__button:hover {
    border: 1px solid #00ffcc;
    color: #00ffcc;
}
#photo_tab {
    padding: 14px 0 10px 0;
}
.rockon_event_wrapper.Event {
    margin: 50px 0 0 0;
}
.rockon_event_wrapper.Event.Grid.Slider {
    margin-bottom: 24px;
}
.rockon_event_wrapper.Event .rock_heading h1 {
    margin-bottom: 60px;
    padding-top: 50px;
}
div.mep_event_list div.mage_grid_box {
    justify-content: center;
    margin: 0 -1px !important;
}
.filter_item.mep-event-list-loop:last-child {
    margin-bottom: 0;
}
div.list_with_filter_section {
    margin-bottom: 0;
}
div.mep_event_list div.mage_grid_box {
     margin-bottom: 0; 
}
.mage_grid_box {
    margin:0px -1px 20px 0px !important;
}
.mep_event_title_list_item a {
    border-bottom: 1px dashed #DDD !important;
    padding: 10px;
    color: #fff !important;
}
.rock_welcome_note {
    padding-top: 5px;
    margin-top: 50px;
}
.mep-events-wrapper .single-event-wrapper {
    margin: 0 auto 0 auto;
    padding-bottom: 80px;
}
.mep-default-theme.mep_flex.default_theme {
    padding-top: 50px;
}
.rock_page_title_main {
    margin-bottom: 0;
}
.rock_contact {
    margin-top: 45px;
    margin-bottom: 30px;
}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #fff;
}
.blog_entry_meta ul li a {
    text-transform: capitalize;
}
/*------------------- rockon new css End -------------------------*/

/*****************Event color css Start**************************/ 
.mep-ev-start-date {
    background: #03ac89!important;
}
.mep-month {
    background: #000000!important;
}
.mep_event_list_item {
    border: 1px solid #ffffff!important;
}
.mep_event_list_item:hover {
    border-color: #03ac89!important;
}
.mep-list-header:before {
    border-left: 5px solid #03ac89!important;
}
h3.mep_list_date {
    color: #03ac89!important;
}
.mep-event-excerpt p {
    color: #ffffffe0!important;
}
.mep-list-footer ul li i {
    color: #03ac89!important;
}
.mep_event_minimal_list h2 {
    color: #fff!important;
}
h3.mep_list_date i {
    color: #03ac89!important; 
}
span.mep_minimal_list_date, span.mep_minimal_list_location, .mep_event_native_list h2, .mep_event_list_secxx .mep_event_title_list_item a {
    color: #ffffff!important; 
}
div.mep_event_list a {
    padding: 10px 10px 10px 15px;
    color: #fff !important;
}
.mep_event_minimal_list:hover h2.mep_list_title, .mep_event_minimal_list:hover span.mep_minimal_list_date, .mep_event_minimal_list:hover span.mep_minimal_list_location {
    color: black!important;
}
.mep-default-sidrbar-address ul li i, .mep-default-sidrbar-meta i, .df-ico i, .mep-default-sidrbar-events-schedule ul li i, .mep-social-share a {
    background: #03ac89!important; 
}
.mep-events-wrapper, .mep_related_product_area {
    background: #000!important;
}
.mep-default-sidebar .df-sidebar-part {
    background: #000000!important;
    border: 1px solid #ffffff78!important;
}
h3.ex-sec-title {
    background: #03ac89!important;
}
.mep-default-sidrbar-meta .fa-list-alt {
    color: #f7f7f7!important;
}
.mep-default-sidrbar-events-schedule h3, .mep-default-feature-content p {
    color: white!important;
}
body .mep-default-feature-cart-sec button.single_add_to_cart_button.button.alt.btn-mep-event-cart, .mep-event-theme-1 .btn-mep-event-cart, .mep-template-2-hamza .btn-mep-event-cart, .mep-tem3-mid-sec .btn-mep-event-cart {
    background: #03ac89 !important;
    border: 1px solid #03ac89 !important;
}
.ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #03ac89!important;
}
body .woocommerce a.remove {
    color: #03ac89!important;
}
body .woocommerce a.remove:hover {
    color: #fff!important;
    background: #03ac89;
}
.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #03ac89!important;
}
.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: transparent!important;
}

.rockon_audi_slider .bx-wrapper .rock_playlist_slider_control {
    width: 80px;
    margin: auto;
    position: relative;
}

.rock_audio_player_wrapper .rock_playlist_slider_control {
    width: auto;
    margin: unset;
    position: unset;
}
 .woocommerce .woocommerce-ordering  .bootstrap-select.btn-group .btn .caret {
        transform: rotate(
    180deg
    );
    }
.rockon_audi_slider #rock_track_audio_slider_prev i {
    left: 0;
}
.rockon_audi_slider #rock_track_audio_slider_next i {
    left: unset;
    right: 0;
}
.rock_playlist_slider_control {
    width: 80px;
    position: relative;
    margin: auto;
}
body .rock_testimonial .client_thumb img {
    width: auto;
}
.rock_testimonial.owl-theme .owl-dots .owl-dot span {
    margin: 3px;
}

.rockon_sidebar_wrapper .widget.widget_search .wp-block-search__inside-wrapper {
    width: 100%;
}

body .mep-events-wrapper, body .mep_related_product_area {
    max-width: 100%;
}
.mep-events-wrapper .single-event-wrapper {
    display: flex;
    width: 100%;
    max-width: 1170px;
    margin: 0 auto 60px;
    flex-wrap: wrap;
    justify-content: center;
}

body .rock_pager ul li {
    padding: 0px 10px 0px 15px;
}

body .rock_pager ul li:after {
    top: 3px;
}

body .mep-default-title h2,
body .section-heading h2 {
    color: #ffffff;
}
div#rock_page_title_bg ul li {
    width: 240px !important;
    height: 237px !important;
}
div#rock_page_title_bg ul li:last-child {
    width: 223px !important;
    height: 236px !important;
}
.rock_blog_detail h3 {
    margin-top: 0;
}
.rock_blog_detail {
    margin: 0 0 30px 0px;
}
.blogcategory_container {
    margin-top: 50px;
    margin-bottom: 0px;
}
.blogcategory_image {
    padding-bottom: 15px;
}

.rock_heading h1 {
    margin-top: 0;
}
.mep_event_native_list .mep_list_thumb .mep_bg_thumb {
    height: 120px!important;
}
.mep_event_native_list .mep_list_thumb {
    width: 20%!important;
}
.rock_related_post_wrapper .rock_club_photo_slider_item {
    margin-top: 30px;
}
p.comment-form-cookies-consent {
    padding-left: 15px;
}
.hentry {
    margin: 0 0 1.5em;
    overflow: hidden;
}

.home .rockon_header_wrapper {
    /* background-image: url(../images/banner.jpg); */
    background-repeat: no-repeat;
    background-size: cover;
    padding: 40px 0px 0px;
    position: absolute;
    left: 0;
    right: 0;
}
.mep-event-faq-part .mep-event-faq-set>a {
    margin-bottom: 10px;
}
.mep-event-faq-part .mep-event-faq-set {
    margin-bottom: 10px;
}
/*.rock_footer {*/
/*    margin-top: -90px;*/
/*}*/

.filter_item.mep-event-list-loop.one_column.event-availabe-seat.mep_event_list_item.mix  {
    align-items:center;
}
.rock_club_photo .customNavigation{
	text-align: center;
}
.photo_link a:hover{
	border-color: var(--green-color) !important;
}
@media(max-width:1820px){
    .rockon_portfolio_wrapper {
    overflow: hidden;
    height: 717px;
}
}
@media(max-width:1700px){
    .rockon_portfolio_wrapper {
        height: 677px;
    }
    .rockon_video_right h1 {
        margin: 0 0 0 auto;
    }
}
@media(max-width:1600px){
    .rockon_portfolio_wrapper {
        height: 590px;
    }
    .rockon_portfolio_gallery .rockon-grid-item .rockon-grid-icon {
    display: none;
}
    .rockon_portfolio_wrapper {
    overflow: hidden;
}
.col-lg-6.p-6-l.rockon-uq .rockon-grid-item a .rockon-grid_img img {
    height: 100%;
}
    .rockon_club_box {
    margin-bottom: 40px;
}
body.show_menu .rockon_menu_toggle {
    right: 290px;
}
}
@media(max-width:1200px){
    .mep-events-wrapper .single-event-wrapper {
    max-width: 840px;
}
    .rockon-grid_img img {
    width: 100%;
    max-width: 600px !important;
    transform: none !important;
}
    .rockon_portfolio_gallery .rockon-grid_img:before {
    max-width: 600px;
    margin: 0 auto;
}
    .rockon_portfolio_gallery .rockon-grid-item:hover .rockon-grid_img img {
    transform: none;
}
    .rockon_blog_content h2 {
    font-size: 20px;
}
.rockon-grid_img img {
    width: 100%;
    max-width: 600px;
    margin: 0 auto 0;
    height: 100%;
    position: relative;
}
}
@media(max-width:1270px){
    .rockon_video_right h1 {
        font-size: 30px;
    }
}
@media(max-width:1199px){
    .rockon_our_history_box {
    text-align: center;
}
    span.rockon_history_circle:before {
     width: 112px;
}
    .rockon_event_date {
        right: 155px;
    }
    .rockon_welcome_content {
        padding-top: 30px;
    }
    .rockon_video {
        margin-top: 0px !important;
        margin-bottom: 0px !important;
    }
    .rockon_provide_inner .col-lg-4:last-child .rockon_provide_box >img {
        margin-top: 30px;
    }
    .rockon_provide_box:hover .rockon_provide_hover {
        top: 40px;
    }
    .rockon_portfolio_wrapper {
        height: auto;
    }
    .rockon_club_box, .rockon_welcome_image {
        text-align: center;
    }
    .rockon_footer_wrapper {
        background-size: cover;
        padding-bottom: 0;
    }
    .rockon_event_img {
        text-align: center;
    }
    .rockon_blog_box a img {
        width: 100% !important;
    }
    .rock_cc_left, .rock_cc_right{
        margin: 0 15px;
    }
}
@media(max-width:1024px){
    .elementor-section.elementor-section-boxed > .elementor-container {
        justify-content: center;
    }
}
@media(max-width:991px){
    .mep-default-sidrbar-meta {
    padding: 10px 10px 0 25px;
}
    .mep-events-wrapper .single-event-wrapper {
    max-width: 660px;
}
    .home .rock_copyright_bg .main {
    padding: 0;
}
    .home .main {
    padding: 0 0 630px 0;
}
    .rockon_provide_box > img {
        width: 100%;
        height: 300px !important;
        object-fit: cover;
        margin-bottom: 15px;
    }
    .rockon_provide_box:hover .rockon_provide_hover {
        top: 10px;
    }
    .rockon_provide_box >img {
        margin-top: 30px;
    }
    .rockon_provide_inner .col-lg-4:last-child .rockon_provide_box >img {
        margin-bottom: 0px;
    }
    .rockon_event_date {
        right: 55px;
    }
    .bs-menu-overlay {
        width: 300px;
        height: 100%;
        transform: none;
        background-image: none;
        background: #17171f;
    }
    ul.rockon_menu {
        right: 180px;
    }
    .rock_heading_div {
        margin-top: 20px;
    }
    .mep-default-sidrbar-meta {
    padding: 10px 10px 0 27px !important;
}
}
@media(max-width:767px){
    .rock_heading_div {
    margin-top: -30px;
}
.mep-event-faq-part .mep-event-faq-set>a i {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
}
.mep-default-sidrbar-meta p, .mep-default-sidrbar-meta p a, .mep-default-sidrbar-events-schedule h3 {
    display: inline-block;
}
.mep-default-sidrbar-events-schedule h3 i, .mep_event_list .mep_list_date, .mep-event-theme-1 .mep-social-share li a, .mep-template-2-hamza .mep-social-share li a {
    display: block;
}
.mep-event-faq-part .mep-event-faq-set>a {
    padding: 10px 15px 10px 35px !important;
}
    .rockon_provide_hover p {
    display: block;
}
    .rockon_newsletter_wrapper {
        padding: 100px 0px 50px;
        display: block;
    }
    .rockon_newsletter_right {
        max-width: 430px;
        width: 100%;
        margin: 0 auto;
    }
    .rockon_newsletter_left {
        text-align: center;
        padding-bottom: 20px;
    }
    .rockon_newsletter_right input {
        width: 100%;
    }
    .rockon_event_date {
        top:0px;
        left: 50%;
        transform: translateX(-50%);
    }
    .rockon_our_history_box {
        margin: 0 15px;
    }
    .mep-events-wrapper .single-event-wrapper {
    max-width: 470px;
}
.rock_heading h1 {
    margin-top: 20px;
}
}
@media(max-width:580px){
    .mep-events-wrapper .single-event-wrapper {
    max-width: 400px;
}
    .rockon_blog_box img {
        width: 100%!important;
    }
    .rock_shop_wrapper_sidebar .product_list_wrapper .products .product-info {
    width: 100%;
    padding: 25px 10px 10px;
}
.mep_event_list .mep_event_list_sec div.mep_event_list_item>div:not(.mep_event_spring_list .mep_list_event_details) {
    width: 100% !important;
}
.mep-event-excerpt {
    padding-left: 0;
}
}
@media(max-width:480px){
.mep-events-wrapper .single-event-wrapper {
    max-width: 270px;
}
 .home .main {
    padding: 0 0 460px 0;
}
    .rockon_welcome_inner {
    padding: 40px 0px 0px 0px;
}
    .rockon_client_wrapper {
    padding: 30px 0px 0px;
}
    .rockon_provide_inner {
    padding: 15px 0px 0px 0px;
}
    .rockon_all_heading h1 {
    font-size: 25px;
    padding: 27px 0px 0px;
}
    .rockon_our_history_slider {
    padding: 25px 0px 0px 0px;
}
    .rockon_our_history_section_wrapper {
    padding: 40px 0px 20px;
}
    .rockon_club_section_wrapper {
    padding: 50px 0px 30px;
}
    .rockon_club_inner_Section {
    padding: 45px 0px 0;
}
    body:not(.home) .rock_page_title_main.other_banner.no_flip_gallery {
    margin-bottom: 50px;
}
    body:not(.home) .rock_page_title_main.other_banner.no_flip_gallery {
    margin-bottom: 30px;
}
    .rackon_provide_wrapper {
    padding: 50px 0px 50px;
}
    .bs-menu-overlay {
        width: 250px;
    }
    ul.rockon_menu {
        right: 120px;
    }
    .rockon_client_box {
        padding: 20px 20px 80px 20px;
    }
}
@media(max-width:425px){
    ul.rockon_offering, ul.rockon_offering li {
        display: block;
    }
    .rockon_header_wrapper {
        padding: 20px 0px 0px;
    }

}
.rockon_our_history_box h2 {
    font-size: 22px;
}
@media (min-width:768px){
	.rock_pricing_section .container{
		width:unset !important;
	}
	.rock_pricing_wrapper .col-sm-6{
		width:100% !important;
	}
}


/* new css start	 */
.mep-list-header{
 padding-left: 20px !important;
}
h2.mep_list_title{
	margin-bottom:  0 !important;
}
.mep_event_grid_item .mep_list_event_date h5{
	margin: 7px 0 !important;
}
.client_thumb {
	margin-bottom: 20px;
}
.client_thumb img{
	max-width: 100px !important;
	border-radius: 50% !important;
}
.rock_track_playlist ul li img {
    width: 100px;
    height: 100px;
}
.rock_track_playlist ul li{
	display: flex;
	align-items: center;
	padding-top: 10px;
}
.rock_club_photo_detail{
	text-align: center;
}
.new-ser-sec .rockon_service_main {
	margin-bottom: 0;
	margin-top: 0
}
div.mep_event_list a{
	padding: 0;
}
 .filter_item {
	background: #080808;
    border-color: #1a1a1a !important;
	min-height: 470px;
}
 .filter_item.mep_event_list_item{
	min-height: unset;
	padding-left: 15px !important;
 }
.rockon_event_wrapper{
	padding: 0;
}
.dark-pricing .pricing_box {
    padding-bottom: 45px;
    text-align: center;
    border: 2px solid #03ac89;
    display: table;
    margin-left: auto;
    margin-right: auto;
    transition: all ease-in 0.3s;
    -webkit-transition: all ease-in 0.3s;
    -moz-transition: all ease-in 0.3s;
    background: #080808;
    border-color: #1a1a1a;
    border-radius: 8px;
    padding-top: 25px;
	margin-bottom: 15px;
}
.dark-pricing .pricing_box .price {
    display: inline-block;
    font-size: 40px;
    color: #ffffff;
    width: unset;
    height: unset;
    line-height: unset;
    text-align: center;
    font-weight: 600;
    padding: 0;
    background: unset;
    border-radius: unset;
    margin-top: unset;
    position: relative;
}
.dark-pricing .pricing_box .price span , .dark-pricing .pricing_box .price sub{
    width: 100%;
    position: unset;
	text-transform: capitalize;
}
.dark-pricing  .rock_pricing_wrapper{
	margin-top: 0;
}
.dark-pricing .price_title h4 {
	padding-bottom: 10px;
}
.dark-pricing .price_title{
	padding-top: 20px;
}
div.list_with_filter_section{
	margin-bottom: 0 !important;
}
.mep-default-theme div.mep-default-feature-date, .mep-default-theme div.mep-default-feature-time, .mep-default-theme div.mep-default-feature-location {
    background: #ffffff3b !important;
	border-radius: 6px;
    padding: 10px 15px;
}
div.df-dtl h3 { 
    color: #ffffff !important;
    font-weight: 600;
	padding: 0;
	margin: 0;
}
div.df-dtl p {
    font-weight: 400 !important;
    color: #ffffffb0 !important;
	margin-top: 5px !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type, .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service {
    background: #ffffff3b !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-name, .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-name {
  color: #fff !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-description, .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-info .ticket-description {
    color: #ffffff82 !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_form_submit_area {
    background-color: #3b3b3b !important;
    margin-top: -10px !important;
	border-top: 1px solid #ffffff5c !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_form_submit_area .total {
	color: var(--white-color) !important;
}
.mep-event-faq-part, .mep-event-faq-part .faq-title-section, .mep-event-faq-part .mep-event-faq-set, .mep-event-faq-part .faq-body .mep-event-faq-set .faq-question {
    background: #ffffff17 !important;
	color: #fff !important;
}
.mep-event-faq-part .faq-body .mep-event-faq-set{
	border-bottom: 1px solid #ffffff5c !important;
}
.mep-event-faq-part .faq-body .mep-event-faq-set .faq-question{
	margin-bottom: 0;
}
.mep-event-faq-part .mep-event-faq-content {
    background-color: #ffffff21 !important;
    border: 1px solid #ffffff3d !important;
}	 
.mep-event-faq-part .faq-body{
	padding: 15px 15px;
}
.mep-event-faq-part .faq-body .mep-event-faq-set .faq-question i {
    color: #ffffff !important;
}
.mep-default-sidrbar-address{
	padding: 15px 15px;
}
.mep-default-sidrbar-meta{
	border-radius: 0 !important;
	color: #fff !important;
}
.mep-default-sidrbar-meta p{
	color: #fff !important;
}
.mep-default-sidrbar-events-schedule ul.mep_event_date_sch li{
	background-color: #ffffff3b !important;
	border: 1px solid #ffffff5c !important;
}
ul.mep-social-share li a i{
	color: #fff !important;
}
ul.mep-social-share li a{
	transition: all 0.3s ease-in-out;
}
ul.mep-social-share li a:hover{
	transform: translateY(-5px);
}
.mep-default-sidrbar-social {
    border-bottom: 1px solid #ffffff5c !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .quantity-control .qtyIncDec .incQty, .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .quantity-control .qtyIncDec .incQty,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .quantity-control .qtyIncDec .decQty, .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .quantity-control .qtyIncDec .decQty,
div.mpStyle .formControl {
    background-color: #ffffff3b !important;
    color: #ffffff !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data .ticket-price, .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data .ticket-price {
    color: #03a785 !important;
}
.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item .ticket-data, .mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item .ticket-data{
border-bottom: 1px solid #ffffff5c !important;
}

.mpwem_registration_area .mpwem_booking_panel .mpwem_ticket_type .card-body .mep_ticket_item:last-child .ticket-data ,
.mpwem_registration_area .mpwem_booking_panel .mpwem_ex_service .card-body .mep_ticket_item:last-child  .ticket-data{
	border-bottom: none !important;
}
.mep-default-sidrbar-meta p a {
    color: #ffffff !important;
}
.mep-user-ticket-list table tr th {
    background: #ffffff4a !important;
}

span.sku_wrapper {
    display: flex;
    gap: 5px;
    align-items: center;
}
.woocommerce .quantity .qty {
    width: 50px;
    text-align: center;
    background-color: transparent;
    margin-left: 0px;
    height: 45px;
    display: flex;
    justify-content: center;
    border: 1px solid;
}
.woocommerce div.product div.summary .product_meta span {
	font-size: 20px;
}
.select2-container .select2-selection--single{
	height: 40px !important;
	background-color: #0d0d0d !important;
	    border: 1px solid #ffffff30 !important;

}
.select2-container--default .select2-selection--single .select2-selection__rendered{
	color: #fff !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
	top: 21px !important;
}
.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    border: 1px solid #ffffff30 !important;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select{
	background-color: #0d0d0d !important;
    border: 1px solid #ffffff30 !important;
	color: #fff !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
	padding: 10px 6px !important;
}
.mep-location-btn{
	background: #ff00b4;
    color: #fff;
    padding: 10px;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: 5px;
    margin-top: 20px;
	display: none;
}
@media only screen and (min-width: 10px) {
    div.woocommerce td.product-name dl.variation {
        color: var(--white-color) !important;
    }
	div.woocommerce td.product-name {
		color: var(--green-color) !important;
	}
}

.rockon_sidebar_wrapper .rockon_latest_from_blog_wrapper > h2{
	font-size: 30px;
	font-weight: 300;
	color: #424242 !important;
	margin-bottom: 0;
}