/*Copyright (c) 2017 Nigth Club 1.0
------------------------------------------------------------------
[Master style Stylesheet]
Project:	 Nigth Club 1.0
-------------------------------------------------------------------
[Table of contents]
1. body css
2. common css
3. header css
4. navigation css
5. welcome section css
6. Home event css
7. Home gallery css
8. music track css
9. video css 
10. testimonial css 
11. Home Blog css 
12. subscribe css 	
13. about us page css 
14. offer section css
15. club crousel css
16. blog page css
17. blog sidebar css
18. blog center css
19. blog full css
20. blog single css
21. event page css
22. contact page css
23. booking page css
24. gallery  css
25. video gallery page css
26. preloader css
27. triangle and button shape css
28. footer css 
29. footer bottom css  
------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
1. body start
----------------------------------------------------------------------------------*/
body {
    margin: 0;
    padding: 0;
    font-family: 'Quicksand', sans-serif;
    background-color: #000000;
    background-size: cover;
    font-size: 15px;
    line-height: 1.42857143;
    color: #e0e0e0;
}
a:hover,
a:focus {}a:focus {
    outline: none;
}
button:focus {
    outline: none !important;
    box-shadow: none;
    -webkit-box-shadow: none;
}
textarea:focus,
textarea:hover,
input:focus,
input:hover, select {
    outline: none !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}
.main_wrapper p {
    font-family: 'Quicksand', sans-serif;
    line-height: 25px;
}
a {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
/*---------------------------------------------------------------------------------- 
1. body end
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
2. common css start
----------------------------------------------------------------------------------*/
.fw-main-row {
    background-repeat: no-repeat;
    background-size: cover;
}
.full_width {
    float: left;
    width: 100%;
}
.pull_right{
	float:right;
}
ul,
ol {
    margin-left: 0;
}
ul li ul,
ol li ol {
    margin-left: 0;
}
.pad_0 {
    padding: 0px !important;
}
.pad_b_0 {
    padding-bottom: 0px !important;
}
.pad_l_0 {
    padding-left: 0px !important
}
.pad_r_0 {
    padding-right: 0px !important
}
.pad_b_50 {
    padding-bottom: 50px;
}
.pad_t_55 {
    padding-top: 55px;
}
.pad_t_60 {
    padding-top: 60px;
}
.pad_b_60 {
    padding-bottom: 60px;
}
.pad_t_70 {
    padding-top: 70px;
}
.pad_b_70 {
    padding-bottom: 70px;
}
.pad_t_b_80 {
    padding-top: 80px;
    padding-bottom: 80px;
}
.pad_t_80 {
    padding-top: 80px;
}
.pad_b_80 {
    padding-bottom: 80px;
}
.center_align {
    text-align: center;
}
.full-width {
    float: left;
    width: 100%;
}
input:focus, select:focus, textarea:focus{
	color: #b0b0b0;
}
/* placeholder css start */
/* subscribe input placehold */
.subscribe_input input::-webkit-input-placeholder {
    color: #ffffff;
}
.subscribe_input input:-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}
.subscribe_input input::-moz-placeholder {/* Firefox 19+ */
    color: #ffffff;
}
.subscribe_input input:-ms-input-placeholder {
    color: #ffffff;
}
/* subscribe input placehold */
/*   comment form placehold */
.nc_form input::-webkit-input-placeholder {
    color: #b0b0b0;
}
.nc_form input:-moz-placeholder {/* Firefox 18- */
    color: #b0b0b0;
}
.nc_form input::-moz-placeholder {/* Firefox 19+ */
    color: #b0b0b0;
}
.nc_form input:-ms-input-placeholder {
    color: #b0b0b0;
}
.nc_form textarea::-webkit-input-placeholder {
    color: #b0b0b0;
}
.nc_form textarea:-moz-placeholder { /* Firefox 18- */
    color: #b0b0b0;
}
.nc_comment_form textarea::-moz-placeholder {/* Firefox 19+ */
    color: #b0b0b0;
}
.nc_form textarea:-ms-input-placeholder {
    color: #b0b0b0;
}
.nc_form input:focus, 
.nc_form select:focus, 
.nc_form textarea:focus{
	color: #b0b0b0;
}
.nc_form input[type="submit"]:focus{
	color: var(--secondary);
}
/* comment form placehold */
/* placeholder css end */
.nc_navigations ul li a,
.blog_desc a,
.nc_navigations ul li a:after {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.right_details a {
    -webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955); /* easeInOutQuad */
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);/* easeInOutQuad */
}
.triangle_shape,
.triangle_btn:before,
.triangle_btn:after,
.triangle_shape:before,
.triangle_shape:after,
.triangle_box:before,
.triangle_box:after,
.tagcloud a:after,
.tagcloud a:before {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.nc_sevice_overlay,
.border,
.nc_form input,
.photo_gallery_popup img {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.gallery_overlay,
.item img,
.blog_thumb img,
.tparrows,
.tparrows:before,
.book_thumb .table_overlay {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.mfp-container button,
.mfp-container button:after,
.mfp-container button:before,
.triangle_btn:after,
.triangle_btn:before .table_overlay {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.overlay_inner h4,
.overlay_inner p {
    -webkit-transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 1000ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    /* easeInOutQuad */
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    /* easeInOutQuad */
}
.align_center {
    text-align: center;
}
.color_overlay {
    background-color: rgba(0, 0, 0, 0.88);
}
table tr td,
table tr th {
    border-collapse: collapse;
}
h1,
h2,
h3,
h4,
h5,
h6{
    font-family: 'Quicksand', sans-serif;
    color: #ffffff;
    margin-top:20px;
    margin-bottom:10px;
}
.header_fixed{
	position:absolute;
	background: rgba(17, 17, 17, 0.24);
	top:0;
	left:0;
	width:100%;
}
.menu_fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	background-color:#111111;
    -webkit-animation: fromtop 0.5s;
    -moz-animation: fromtop 0.5s;
    animation: fromtop 0.5s; 
}
/*---------------------------------------------------------------------------------- 
	2. common css end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
	3. header css start
----------------------------------------------------------------------------------*/
.nc_main_wrapper_cover {
    float: left;
    width: 100%;
    overflow-x: hidden;
} 
.nc_main_wrapper_cover,
.nc_topheader_five {
    -webkit-transition: margin-left .4s ease-in-out;
    -moz-transition: margin-left .4s ease-in-out;
    -ms-transition: margin-left .4s ease-in-out;
    -o-transition: margin-left .4s ease-in-out;
    transition: margin-left .4s ease-in-out;
}
body.show-menu {
    overflow-x: hidden;
}
.show-menu .nc_main_wrapper_cover,
.show-menu .nc_topheader_five {
}
.admin-bar .nc_main_wrapper_cover {
    /* padding-top: 32px; */
}
.main_wrapper {
    float: left;
    width: 100%;
    backface-visibility: hidden;
    z-index: 999;
}
.nc_header_main_home1 {
    position: relative;
}
.nc_header_main {
    background-size: cover;
    position: relative;
}
.nc_header_main .overlay_color {
    position: relative;
    z-index: 99;
}
.wrapper_navigation.nc_home_1 {
    background-color: rgba(0, 0, 0, 0.9) !important;
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
}
.nc_logo_center {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    display: inline-block;
}
.nc_logo_center > p.logo_bottom_text {
    color: #fff;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 1.1em;
    font-weight: 100;
    position: relative;
    font-family: 'Quicksand', sans-serif;
}
p.logo_bottom_text:after { 
    width: 100%;
    height: 108px;
    content: "";
    position: absolute !important;
    bottom: -92px;
    left: 0;
    background-image: url(./../images/bottom_line.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center bottom;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
p.logo_bottom_text:hover:after {
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
}
.nc_slider_home .tparrows {
    display: none !important;
}
/*---------------------------------------------------------------------------------- 
3. header css  end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
4. navigation css start
----------------------------------------------------------------------------------*/
.wrapper_navigation {
    background-color: #030203;
    border-top: 1px solid var(--secondary);
    border-bottom: 1px solid var(--secondary);
    position: relative;
    padding: 14px 0 14px;
}
.wrapper_navigation:before {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-top: 40px solid var(--secondary);
    border-right: 40px solid transparent;
}
.wrapper_navigation:after {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-bottom: 40px solid var(--secondary);
    border-left: 40px solid transparent;
}
.nc_logo {
    float: left;
}
.nc_logo a {
    color: white;
    display: inline-block;
}
.nc_logo img {
    max-width: 100%;
    display: inline-block;
}
.navigation_main {
    float: left;
    width: 100%;
}
.nc_navigations {
    float: left;
    width: 100%;
    margin-top: 12px;
    -webkit-transition: all 500ms cubic-bezier(0.840, 0.045, 0.310, 1);/* older webkit */
    -webkit-transition: all 500ms cubic-bezier(0.840, 0.045, 0.310, 1.295);
    -moz-transition: all 500ms cubic-bezier(0.840, 0.045, 0.310, 1.295);
    -o-transition: all 500ms cubic-bezier(0.840, 0.045, 0.310, 1.295);
    transition: all 500ms cubic-bezier(0.840, 0.045, 0.310, 1.295); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.840, 0.045, 0.310, 1);/* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.840, 0.045, 0.310, 1.295);
    -moz-transition-timing-function: cubic-bezier(0.840, 0.045, 0.310, 1.295);
    -o-transition-timing-function: cubic-bezier(0.840, 0.045, 0.310, 1.295);
    transition-timing-function: cubic-bezier(0.840, 0.045, 0.310, 1.295); /* custom */
}
.nc_navigations ul {
    margin: 0;
    padding: 0;
    float: right;
}
.nc_navigations ul > li {
    list-style: none;
    float: left;
    margin-left: 28px;
    position: relative;
}
.nc_navigations ul > li:first-child {
    margin-left: 0px;
}
.nc_navigations ul > li > a {
    position: relative;
    text-transform: uppercase;
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    padding: 27px 0px;
}
.nc_navigations ul li a:after {
    width: 100%;
    height: 5px;
    content: "";
    position: absolute !important;
    bottom: 20px;
    left: 0;
    z-index: 1;
    background: -webkit-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(255, 255, 255, 0) 75%);
    background: -moz-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(255, 255, 255, 0) 75%);
    background: -ms-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(255, 255, 255, 0) 75%);
    background: -o-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(255, 255, 255, 0) 75%);
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
}
.nc_navigations ul > li > ul> li a:after {
    display: none;
}
/* .nc_navigations > ul > li:hover a , .nc_navigations > ul > li.current-menu-item > a {
    color: var(--secondary);
} */
/*----navbar_toogle css---*/
.navbar_header {
    position: relative;
    z-index: 99;
    float: right;
}
.navbar_toggle {
    float: left;
    width: 40px;
    height: 24px;
    cursor: pointer;
}
.navbar_close {
    display: none;
}
.navbar_toggle i {
    float: left;
    width: 100%;
    height: 2px;
    background-color: #fff;
    margin-bottom: 4px;
    transition: all ease-in-out 0.3s;
    -webkit-transition: all ease-in-out 0.3s;
    -moz-transition: all ease-in-out 0.3s;
    -ms-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
}
.navbar_toggle.toggle_open i{
    width:65%;
}
.toggle_open i {
    top: 12px;
    position: absolute;
    left: 0;
}
.toggle_open i:nth-child(1) {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.toggle_open i:nth-child(2) {
    opacity: 0;
}
.toggle_open i:nth-child(3) {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
/*----navbar_toogle css---*/
/* first level submenu start */
.nc_navigations ul > li > ul {
    min-width: 250px;
    z-index: 99;
    position: absolute;
    text-align: left;
    background-color: #1C1C1C;
    z-index: 99;
    top: 90%;
    border: 1px solid #313131;
    /*visibility: hidden;
    opacity: 0;*/
    display:none;
    left: 0;
    transition:cubic-bezier(0.840, 0.045, 0.310, 1.295);
}
.nc_navigations > ul > li:hover > ul,
.nc_navigations > ul > li:focus > ul {
    /*visibility: visible;
    opacity: 1;*/
    display:block;
    top: 47px;
}
.nc_navigations > ul > li > ul.sub-menu:after {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    margin-top: -10px;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #1C1C1C;
    z-index: 1;
}
.nc_navigations > ul > li > ul > li > a:hover {
    background-color: var(--secondary);
    color: #fff;
}
.nc_navigations ul > li > ul > li {
    display: block;
    float: none;
    margin: 0px;
}
.nc_navigations ul > li > ul> li > a {
    white-space: nowrap;
    display: block;
    padding: 0px;
    backface-visibility: hidden;
    color: #fff !important;
    padding: 10px;
    font-size: 14px;
}
.nc_navigations ul > li > ul > li:last-child {
    border-bottom: 0px;
}
/* first level submenu start */
/*second level submenu css start*/
ul.sub-menu li .caret_down {
    right: 4px;
}
.nc_navigations ul > li > ul > li {
    position: relative;
}
.nc_navigations ul > li > ul > li > ul {
    left: 90%;
    top: 0;
    display:none;
    transition:cubic-bezier(0.840, 0.045, 0.310, 1.295);
}
.nc_navigations ul > li > ul > li > ul:after {
    content: '';
    position: absolute;
    top: 7px;
    left: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #1C1C1C;
    z-index: 1;
    margin-left: -10px;
    display:none;
}
.nc_navigations ul > li > ul > li:hover > ul {
    left: 100%;
    /*visibility: visible;
    opacity: 1;*/
    display:block;
}
.nc_navigations > ul > li > ul > li > ul > li > a:hover {
    background-color: var(--secondary);
    color: #fff;
}
/*second level submenu css end*/
/*-- fixed menu css on scroll start ---*/
.wrapper_navigation.fixed_top_menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    background-color: #030203;
    -webkit-animation: fromtop 0.5s;
    -moz-animation: fromtop 0.5s;
    animation: fromtop 0.5s;
}
.admin-bar .wrapper_navigation.fixed_top_menu {
    top: 32px;
}
/*-- fixed menu css on scroll end ---*/
/*---------------------------------------------------------------------------------- 
4. navigation css end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
5. welcome  css start
----------------------------------------------------------------------------------*/
.nc_welcome_wrapper {
    padding-bottom: 50px;
    padding-top: 80px;
}
.nc_heading_middle {
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    letter-spacing: 0.075em;
    float: left;
    width: 100%;
    margin-bottom:80px;
}
.nc_heading_middle h2 {
    display: inline-block;
    position: relative;
    font-family: 'Quicksand', sans-serif;
    /*letter-spacing: 0.075em;*/
    font-weight: bold;
	margin-top:0;
	padding:0 15px;
}
.nc_heading_middle h2 > span {
    color: var(--secondary);
}
.nc_heading_middle h2:after {
    width: 350px;
    height: 5px;
    content: "";
    position: absolute !important;
    bottom: -22px;
    margin-left: -175px;
    left: 50%;
    z-index: 0;
    background: -webkit-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(255, 42, 112, 0) 60%);
    background: -moz-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(255, 42, 112, 0) 60%);
    background: -ms-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(255, 42, 112, 0) 60%);
    background: -o-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(255, 42, 112, 0) 60%);
}
.nc_club_services {
    float: left;
    width: 100%;
    margin-top:5px;
}
.nc_thumb_wrapper {
    position: relative;
    float: left;
    width: 100%;
    perspective: 400px;
    overflow: hidden;
}
.nc_club_services .nc_thumb_wrapper {
    margin-bottom: 30px;
}
.nc_sevice_overlay {
    background-color: #080808;
    display: block;
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    opacity: 0;
}
.nc_sevice_overlay .overlay_inner {
    text-align: center;
    padding: 100px 35px 0px;
    float: left;
    width: 100%;
}
.border {
    display: inline-block;
    border: 2px solid var(--secondary);
    width: 83px;
    height: 83px;
    line-height: 80px;
    text-align: center;
    border-radius: 5px;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    opacity: 0;
}
.overlay_inner svg {
    fill: var(--secondary);
    width: 36px;
    height: 36px;
}
.border i {
    color: var(--secondary);
    font-size: 36px;
    display: inline-block;
    vertical-align: middle;
}
.overlay_inner h4 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 500;
    padding-top: 20px;
    padding-bottom: 10px;
    color: #fff;
    opacity: 0;
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    -moz-transform: scale(.8);
    -o-transform: scale(.8);
	backface-visibility: hidden;
}
.overlay_inner p {
    color: #e0e0e0;
    line-height: 25px;
    font-size: 15px;
    -webkit-transform: translateX(50px);
    -moz-transform: translateX(50px);
    -ms-transform: translateX(50px);
    -o-transform: translateX(50px);
    opacity: 0;
	backface-visibility: hidden;
}
.nc_thumb_wrapper .triangle_shape:after {
    border-bottom-width: 0px;
    border-left-width: 0px;
}
.nc_thumb_wrapper:hover .triangle_shape:after {
    border-bottom-width: 78px;
    border-left-width: 78px;
}
.nc_thumb_wrapper .triangle_shape:before {
    border-top-width: 0px;
    border-right-width: 0px;
}
.nc_thumb_wrapper:hover .triangle_shape:before {
    border-top-width: 78px;
    border-right-width: 78px;
}
/*---- tumb_wrapper hover -------*/
.nc_thumb_wrapper:hover > .nc_sevice_overlay {
    opacity: 1;
}
.nc_thumb_wrapper:hover .overlay_inner p {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    opacity: 1;
}
.nc_thumb_wrapper:hover .overlay_inner h4,
.nc_thumb_wrapper:hover .border {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
}
/*---- tumb_wrapper hover -------*/
/*---------------------------------------------------------------------------------- 
5. welcome  css end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
6. Home event  css start
----------------------------------------------------------------------------------*/
.nc_event_wrapper {
    background-size: cover;
    background-position: 100% 100%;
    background-attachment: fixed;
} 
.nc_event_wrapper .color_overlay {
    padding-top: 80px;
    padding-bottom: 30px; 
}
.nc_event_main {
}
.nc_event_main,
.nc_event_cover {
    float: left;
    width: 100%;
}
.nc_event_cover .nc_thumb_wrapper img{
    width:100%;
}
.nc_thumb_wrapper img {
    max-width: 100%;
    display: inline-block;
}
.nc_event_cover .nc_thumb_wrapper {
    margin-bottom: 1px;
}
.nc_event_cover .nc_thumb_wrapper:after {
    background-color: transparent;
}
.nc_event_cover .bottom_tab {
    display: inline-block;
    width: 100%;
    padding: 12px 20px;
    background-color: var(--secondary);
}
.bottom_tab span {
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    margin-right: 20px;
    float: left;
}
.nc_event_cover .thumb_overlay {
    background-color: rgba(0, 0, 0, 0.65);
    display: block;
    position: absolute !important;
    z-index: 9;
    opacity: 0;
} 
.book_now_button {
    display: inline-block;
    text-align: center;
    width: 100%;
	left:0;
    position: absolute;
    top: 25%;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
    transition: all ease-in-out 0.2s;
}
.nc_event_cover .book_now_button {
    transform: translateY(-150%);
    -webkit-transform: translateY(-150%);
    -o-transform: translateY(-150%);
    -moz-transform: translateY(-150%);
    -ms-transform: translateY(-150%);
}
.book_now_button .read_m_btn {
    font-size: 15px;
    text-transform: capitalize;
    background-color: var(--secondary);
    color: #ffffff;
    border-left: none;
    border-right: none;
    font-weight: 500;
    line-height: 42px;
    height: 45px;
}
.book_now_button .read_m_btn:hover {
    background-color: transparent;
}
.nc_event_cover .overlay_inner_bottom {
    bottom: 0;
    position: absolute !important;
    width: 100%;
    padding: 10px 22px;
    background-color: rgba(0, 0, 0, 0.75);
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.nc_event_cover:hover .thumb_overlay {
    opacity: 1;
}
.overlay_inner_bottom h4 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 500;
    padding-bottom: 0px;
    color: #ffffff;
    font-family: 'Quicksand', sans-serif;
}
.overlay_inner_bottom p {
    color: #e0e0e0;
    line-height: 25px;
    font-size: 15px;
}
.nc_event_cover:hover .book_now_button,
.nc_event_cover:hover .overlay_inner_bottom {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
}
/*------ crousel dots css start -------*/
.owl-dot.active span {
    background-color: var(--secondary);
}
.owl-dots .owl-dot:last-child span {
    margin-right: 0;
}
/*------ crousel dots css end -------*/
/*----------------------------------------------------------------------------------  
6. Home event  css end
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
7. Home gallery  css start
----------------------------------------------------------------------------------*/
.nc_gallery_wrapper {
	padding-bottom: 80px;
	padding-top: 55px;
	/* background: url(./../images/pattern_bg.jpg) no-repeat; */
	background-repeat: no-repeat;
	background-size: cover;
}
.home_gallery {
    margin-top: 61px;
}
.middle_inner {
    float: left;
    width: 100%;
}
.gallery_main .gallery_item {
    float: left;
    position: relative;
}
.gallery_item .overlay {
    position: absolute !important;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.75);
    top: 0;
    left: 0;
    display: block;
    opacity: 0;
}
/*----------------------------------------------------------------------------------  
7. Home gallery  css end
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
8. music track css start
----------------------------------------------------------------------------------*/
.nc_track_wrapper {
    background-size: cover;
    background-position: 100% 100%;
}

.timepicker select {
    width: 100%;
    background: transparent;
    border: 1px solid var(--secondary);
    height: 45px;
    color: #fff;
}
.timepicker select option {
    background: #000;
}
/*---- media player css start -------*/
.nc_media_player {
    float: left;
    width: 100%;
    margin-bottom: 5px;
}
.nc_media_player .track_thumb {
    float: left;
    padding-right: 0;
}
.nc_media_player .track_thumb img {
    width: 100%;
}
.media_player .mejs-playlist li {
    font-family: 'Quicksand', sans-serif;
    color: #fff;
    font-weight: 100;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 20px;
}
.media_player {
    float: left;
    width: 100%;
    background-color: #080808;
    padding: 45px 30px 0px !important;
    height: 246px;
}
.media_player {
    outline: none;
}
.media_player .mejs-playlist {
    position: relative;
    top: 0 !important;
    width: 100% !important;
    background-color: transparent;
}
.mejs-time-total.mejs-time-slider {
    height: 3px !important;
}
.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: var(--secondary) !important;
    height: 3px !important;
}
.mejs-controls .mejs-time-rail span.mejs-time-current,
.mejs-controls .mejs-time-rail a {
    height: 3px !important;
    background: #fff !important;
}
.media_player .mejs-controls .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;
}
.media_player .mejs-controls .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;
}
.media_player {
    padding-left: 0;
}
.media_player .mejs-container {
    background-color: transparent !important;
}
.media_player .mejs-container .mejs-controls {
    background: none;
    position: relative !important;
    height: auto !important;
    float: left;
    margin-top: 32px;
}
.media_player .mejs-time {
    top: 47px;
    position: absolute !important;
    left: 0;
}
.mejs-time span.mejs-currenttime + span {
    transform: rotate(23deg);
    -webkit-transform: rotate(23deg);
    -moz-transform: rotate(23deg);
    -ms-transform: rotate(23deg);
    -o-transform: rotate(23deg);
    position: absolute !important;
    margin-left: 7px;
    margin-top: -2px;
}
.mejs-time .mejs-duration {
    margin-left: 16px;
}
.media_player .mejs-button {
    position: absolute !important;
    top: 45px;
}
.media_player .mejs-time-rail,
.media_player .mejs-time-rail .mejs-time-total,
.media_player .mejs-time-rail .mejs-time-loaded {
    width: 100% !important;
}
.media_player .mejs-button.mejs-prevtrack-button {
    left: 33%;
}
.media_player .mejs-button.mejs-playpause-button {
    left: 40%;
    width: 40px;
    height: 40px;
}
.mejs-container .mejs-controls > div {
    height: 40px !important;
    min-width: 40px !important;
}
.mejs-controls .mejs-button button {
    height: 40px !important;
    width: 40px !important;
}
.media_player .mejs-button.mejs-playpause-button button {
    margin: 0 !important;
}
.media_player .mejs-button.mejs-nexttrack-button {
    left: 47%;
}
.media_player .mejs-button.mejs-shuffle-button {
    left: 53%;
}
.media_player .mejs-button.mejs-volume-button {
    position: absolute !important;
    right: 129px;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
    width: 100% !important;
    height: 3px !important;
    background: var(--secondary) !important;
}
.mejs-controls .mejs-horizontal-volume-current {
    height: 3px !important;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    background-color: #fff;
    border-radius: 5em;
    border: 2px solid #ffffff;
    width: 5px;
    height: 5px;
    margin-top: 10px;
    z-index: 9;
    position: relative;
    display: block !important;
}
.mejs-horizontal-volume-handle:after {
    border: 1px solid #ffffff;
    content: "";
    display: block;
    position: absolute;
    width: 9px;
    height: 9px;
    border-radius: 5em;
    left: -4px;
    top: -4px;
}
.media_player .mejs-controls a.mejs-horizontal-volume-slider {
    right: 0;
    position: absolute !important;
    top: 49px;
    width: 123px;
}
.media_player .mejs-controls a.mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background-color: transparent !important;
}
/*---media player css end----*/
.track_crousel .owl-controls {
    margin-top: 0px;
}
.nc_track_wrapper .color_overlay {
    padding-top: 80px;
    padding-bottom: 80px;
}
.owl-nav div {
    border: 2px solid #fff;
    width: 37px;
    height: 37px;
    line-height: 37px;
    text-align: center;
}
.owl-nav div i {
    font-size: 19px;
    color: #fff;
}
.track_crousel {
    float: left;
    width: 100%;
}
.track_crousel .item img {
    width: 100%;
}
.track_crousel .owl-controls .owl-nav div {
    position: absolute !important;
    top: 50%;
    margin-top: -18.5px;
    -webkit-transition: all ease-in-out 0.25s;
}
.owl-controls .owl-nav div {
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.25s;
    transition: all 0.2s;
}
.owl-controls .owl-nav div:hover {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top-color: var(--secondary);
    border-bottom-color: var(--secondary);
}
.owl-controls .owl-nav div:hover i {
    color: var(--secondary);
}
.owl-nav div,
.owl-nav div i {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.25s;
    transition: all 0.2s;
}
.owl-controls .owl-nav div:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: -2px;
    top: -2px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.25s;
    transition: all 0.2s;
}
.owl-controls .owl-nav div:after {
    opacity: 0;
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    right: -2px;
    bottom: -2px;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.25s;
    transition: all 0.2s;
}
.owl-controls .owl-nav div:hover:before {
    opacity: 1;
    border-top: 14px solid var(--secondary);
    border-right: 14px solid transparent;
}
.owl-controls .owl-nav div:hover:after {
    opacity: 1;
    border-bottom: 14px solid var(--secondary);
    border-left: 14px solid transparent;
}
.track_crousel .owl-controls .owl-nav .owl-prev {
    left: 0;
}
.track_crousel .owl-controls .owl-nav .owl-next {
    right: 0;
}
.track_crousel .item {
    overflow: hidden;
}
.track_crousel .item .track_overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute !important;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
}
.track_crousel .item.active .track_overlay,
.track_crousel .item:hover .track_overlay {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.track_crousel .item .triangle_shape:before {
    border-top-width: 0px;
    border-right-width: 0px;
}
.track_crousel .item .triangle_shape:after {
    border-bottom-width: 0px;
    border-left-width: 0px;
}
.track_crousel .item.active .triangle_shape:before,
.track_crousel .item:hover .triangle_shape:before {
    border-top-width: 50px;
    border-right-width: 50px;
}
.track_crousel .item.active .triangle_shape:after,
.track_crousel .item:hover .triangle_shape:after {
    border-bottom-width: 50px;
    border-left-width: 50px;
}
.play_button {
    position: absolute !important;
    width: 100%;
    top: 29%;
    text-align: center;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    opacity: 0;
}
.play_button i {
    color: var(--secondary);
    font-size: 24px;
    width: 44px;
    height: 44px;
    border-radius: 5em;
    border: 2px solid;
    line-height: 44px;
    text-align: center;
    padding-left: 5px;
    position: absolute;
    left: 50%;
    margin-left: -22px;
    cursor: pointer;
}
.bottom_song_title {
    color: #fff;
    text-transform: uppercase;
    bottom: 0;
    position: absolute;
    left: 0;
    width: 100%;
    height: 44px;
    line-height: 45px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.75);
    transform: translateY(-100px);
    -webkit-transform: translateY(100%);
    -moz-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -o-transform: translateY(100%);
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    -ms-transition: all 0.3s;
    opacity: 0;
}
.track_crousel .item.active .bottom_song_title,
.track_crousel .item.active .play_button,
.track_crousel .item:hover .bottom_song_title,
.track_crousel .item:hover .play_button {
    opacity: 1;
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}
/*----------------------------------------------------------------------------------  
8. music track css end
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------
9. video css start
----------------------------------------------------------------------------------*/
.video_section {
    padding-top: 80px;
    padding-bottom: 80px;
}
.video_crousel {}
.video_overlay a {
    display: block;
    position: relative;
}
.overlay_button {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.video_overlay a .overlay_button {
    background-color: rgba(0, 0, 0, 0.2);
}
.overlay_button i {
    content: "\f144";
    font: normal normal normal 78px/1 FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    background-color: rgba(209, 200, 211, 0.52);
    border-radius: 5em;
    padding: 3px 8px;
    top: 50%;
    left: 50%;
    position: absolute !important;
    margin-top: -40px;
    margin-left: -38px;
}
.video_crousel .mejs-overlay-button {
    background: none;
}
.video_crousel .owl-nav {
    display: inline-block;
    width: 100%;
}
.video_crousel .owl-nav div {
    display: inline-block; 
    margin-right: 20px;
    position: relative;
}
.video_crousel .owl-nav div:last-child {
    margin-right: 0;
}
.owl-controls {
    margin-top: 30px;
} 
.video_crousel .owl-controls {
    margin-top: 50px;
}
.video_zoom .wp-video {
    width: auto !important;
    height: auto; 
}
/*----------------------------------------------------------------------------------  
9. video css end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
10. testimonial css start
----------------------------------------------------------------------------------*/
.nc_testimonial_wrapper {
    background-size: cover;
    background-position: 100% 100%;
    background-attachment: fixed;
}
.nc_testimonial_wrapper .color_overlay {
    padding-top: 80px;
    padding-bottom: 80px;
}
.testimonial_crousel {
    float: left;
    width: 100%;
}
.nc_testimonial_inner {
    text-align: center;
    float: left;
    width: 100%;
    padding: 0 12%;
}
.nc_testimonial_inner .thumbnail {
    margin-bottom: 0;
}
.nc_testimonial_inner .thumbnail img {
    width: 170px;
    height: 170px;
}
.nc_testimonial_inner .test_title {
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 34px;
    margin: 21px 0 14px;
}
.nc_testimonial_inner p {
    font-size: 15px;
    line-height: 25px;
    color: #e0e0e0;
}
.nc_testimonial_inner .social_icons {
    margin-top: 15px;
    display: inline-block;
    width: 100%;
}
.social_icons a {
    border: 2px solid #fff;
    width: 37px;
    height: 37px;
    line-height: 34px;
    text-align: center;
    color: #ffffff;
    display: inline-block;
    margin: 0 9px;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    backface-visibility: hidden;
}
.social_icons a:last-child {
    margin-right: 0;
}
.social_icons .triangle_box:before {
    left: -2px;
    top: -2px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
}
.social_icons .triangle_box:after {
    right: -2px;
    bottom: -2px;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
}
.social_icons a:hover {
    border-left-color: transparent;
    border-right-color: transparent;
    border-top: 2px solid var(--secondary);
    border-bottom: 2px solid var(--secondary);
}
.social_icons a:hover i {
    color: var(--secondary);
}
.social_icons .triangle_box:after,
.social_icons .triangle_box:before {
    opacity: 0;
}
.social_icons a:hover:before {
    opacity: 1;
    border-top: 14px solid var(--secondary);
    border-right: 14px solid transparent;
}
.social_icons a:hover:after {
    opacity: 1;
    border-bottom: 14px solid var(--secondary);
    border-left: 14px solid transparent;
}
/*---------------------------------------------------------------------------------- 
10. testimonial css end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
11. Home Blog css start
----------------------------------------------------------------------------------*/
.nc_blog_section {
    padding-top: 80px;
	padding-bottom:30px;
    /* background: url(./../images/pattern_bg.jpg) no-repeat; */
	background-repeat: no-repeat;
    background-size: cover;
}
/*body.home .nc_blog_section{
	padding-bottom:80px;
}*/
.blog_post_home {}
.blog_cover {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.blog_thumb {
    display: inline-block;
    position: relative;
    overflow: hidden;
}
.hentry .blog_thumb{
    margin-bottom:15px;
}
.blog_thumb img {
    max-width: 100%;
}
.blog_desc {
    float: left;
    width: 100%;
}
.blog_desc h3{
    margin-top:0;
}
.blog_desc h3 a{
    font-size: 20px;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 12px;
	font-weight: 500;
	line-height: 28px;
}
.blog_desc.home_desc h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 19ch;
}
.blog_desc h3 a {
    color: #ffffff;
}
.blog_desc h3 a:hover {
    color: var(--secondary);
}
.blog_desc .nc_comments {
    font-size: 15px;
    font-weight: 500;
    color: var(--secondary);
    line-height: 23px;
    backface-visibility: hidden;
    text-transform: capitalize;
    margin-bottom: 20px;
}
.blog_desc .nc_comments i{
    font-size:16px;
}
.blog_desc .nc_comments > span {
    position: relative;
    display: inline-block;
    margin-right: 15px;
    font-weight: 500;
    padding-right: 5px;
    backface-visibility: hidden;
}
.blog_desc .nc_comments span a {
    color: var(--secondary);
    text-decoration: none;
}
.blog_desc .nc_comments span a:hover {
    color: #e0e0e0;
}
.blog_desc .nc_comments > span:after {
    content: "";
    position: absolute !important;
    width: 2px;
    height: 13px;
    background-color: var(--secondary);
    transform: rotate(18deg);
    -webkit-transform: rotate(18deg);
    -ms-transform: rotate(18deg);
    -o-transform: rotate(18deg);
    -moz-transform: rotate(18deg);
    top: 6px;
    right: 0;
    margin-right: -7px;
}
.blog_desc .nc_comments span:last-child:after {
    display: none;
}
.blog_desc p {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 25px;
    padding-top: 0px;
}
.thumb_overlay {
    position: absolute !important;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.blog_thumb .thumb_overlay {
    background-color: rgba(0, 0, 0, 0.5);
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.blog_cover .blog_thumb:hover .thumb_overlay {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}
.entry-content{
    margin:0;
}
/*---------------------------------------------------------------------------------  
11. Home Blog css end
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
12. subscribe css start
----------------------------------------------------------------------------------*/
.nc_subscribe_section { 
    padding: 70px 0 70px;
}
.nc_subscribe_cover h3 {
    color: #ffffff;
    font-size: 20px;
    font-weight: 500;
    margin-top:0;
}
.nc_subscribe_cover h3 span {
    color: var(--secondary);
}
.nc_subscribe_cover h4 {
    color: #e0e0e0;
    font-size: 16px;
    line-height: 23px;
    font-family: 'Quicksand', sans-serif;
    text-transform: inherit;
    font-weight: 500;
}
.nc_subscribe_cover h4 span {
    color: var(--secondary);
}
.subscribe_input {
    display: inline-block;
    min-width: 600px;
    margin-top: 35px;
}
.subscribe_input input {
    background-color: transparent;
    border-bottom: 2px solid #ffffff !important;
    border: none;
    padding: 0px 20px;
    font-size: 15px;
    line-height: 23px;
    color: #e0e0e0;
    height: 50px;
    margin-right: 26px;
    width: 393px;
    border-radius: 0;
    display: inline-block;
}
.subscribe_input button {
    background: transparent;
    border-left: transparent;
    border-right: transparent;
    border-color: #ffffff;
    height: 50px;
    line-height: 48px;
    font-size: 15px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 0 30px;
    color: #fefefe;
    letter-spacing: 0.025em;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.subscribe_input input:focus {
    color: #fff;
}
.subscribe_input button:hover, 
.subscribe_input button:focus {
    color: var(--secondary);
    border-color: var(--secondary);
}
.subscribe_input button:hover:after,
.subscribe_input button:hover:before {
    opacity: 1;
}
.subscribe_input .triangle_btn:after,
.subscribe_input .triangle_btn:before {
    opacity: 0;
}
.mailchimp_message {
    text-align: left;
    margin-top: 10px;
    color: #ff3a3a;
}
/*----------------------------------------------------------------------------------  
12. subscribe css end
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
13. about us page css start
----------------------------------------------------------------------------------*/
.nc_breadcum { 
    float: left;
    width: 100%;
    padding: 85px 0;
	background-color:#101010;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 9;
}
.nc_breadcum .nc_heading_middle {
    margin-bottom: 0;
}
.nc_breadcum:after { 
    background-color: rgba(4, 4, 4, 0.65);
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
    left: 0;
    z-index: -9;
}
.nc_breadcum .breadcrumbs {
    margin-top: 30px;
    margin-bottom: 0;
}
.breadcrumbs span {
    color: #fff;
    font-size: 13px;
}
.breadcrumbs span a {
    color: var(--secondary);
}
.breadcrumbs span a:hover {
    color: #ffffff;
}
/* club slider css start */
.nc_club_slider_wrap {
    padding-top: 80px;
}
.nc_club_slider {
    position: relative;
    float: left;
    width: 100%;
}
.wrapper_caption {
    position: absolute;
    top: 0;
    right: 7.8%
}
.nc_club_slider .slider_caption {
    padding: 20px 50px 0px;
    background-color: rgba(0, 0, 0, 0.85);
    width: 58%;
    height: 100%;
    float: right;
    margin-right: 15px;
}
.nc_club_slider .item img {
    width: 100%;
}
.nc_club_slider .item .container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
}
.nc_club_slider .item .container .row {
    height: 100%;
}
.m_right {
    float: right;
    margin-right: 15px;
}
.slider_caption .center_align {
    position: relative;
}
.slider_caption h2 {
    font-size: 30px;
    line-height: inherit;
    text-align: center;
    position: relative;
    display: inline-block;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.075em;
}
.slider_caption .center_align:after {
    width: 100%;
    height: 5px;
    content: "";
    position: absolute;
    bottom: -9px;
    left: 0;
    z-index: 1;
    background: -webkit-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(0, 0, 255, 0) 60%);
    background: -moz-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(0, 0, 255, 0) 100%);
    background: -ms-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(0, 0, 255, 0) 100%);
    background: -o-radial-gradient(50% 50%, ellipse closest-side, var(--secondary), rgba(0, 0, 255, 0) 100%);
}
.slider_caption .para_slider {
    float: left;
    width: 100%;
    padding-top: 38px;
}
.slider_caption p {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 25px;
    margin-bottom: 25px;
}
.nc_club_slider .item .color_overlay {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
}
/* slider navs */
.nc_club_slider .carousel-control span {
    border: 2px solid #fff;
    width: 37px;
    height: 37px;
    line-height: 34px;
    text-align: center;
    top: 50%;
    position: absolute;
    margin-top: -18px;
    color: #fff;
}
.nc_club_slider .carousel-control.left,
.nc_club_slider .carousel-control.right {
    background-color: transparent;
    background-image: none;
}
.nc_club_slider .left.carousel-control span {
    left: 52px;
}
.nc_club_slider .right.carousel-control span {
    right: 52px;
}
.nc_club_slider .carousel-control span i {
    font-size: 19px;
    color: #fff;
}
.carousel-control span,
.carousel-control span:after,
.carousel-control span:before,
.carousel-control span i {
    transition: all ease-in-out 0.2s;
    -webkit-transition: all ease-in-out 0.2s;
    -moz-transition: all ease-in-out 0.2s;
}
.nc_club_slider .carousel-control span:hover {
    border-color: var(--secondary);
    border-left-color: transparent;
    border-right-color: transparent;
}
.nc_club_slider .carousel-control span:hover i {
    color: var(--secondary);
}
.nc_club_slider .carousel-control span:before {
    position: absolute;
    content: "";
    top: -2px;
    left: -2px;
}
.nc_club_slider .carousel-control span:after {
    position: absolute;
    content: "";
    bottom: -2px;
    right: -2px;
}
.nc_club_slider .carousel-control span:hover:after {
    border-bottom: 14px solid var(--secondary);
    border-left: 12px solid transparent;
}
.nc_club_slider .carousel-control span:hover:before {
    border-top: 14px solid var(--secondary);
    border-right: 12px solid transparent;
}
/* slider navs */
/* club slider css end */
.ed_graysection {
    float: left;
    width: 100%;
}
/*----------------------------------------------------------------------------------  
13. about us page css end
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
14. offer section css start
----------------------------------------------------------------------------------*/
.nc_offers_section {
    padding-top: 80px;
    padding-bottom: 50px;
}
.nc_offers_main {}
.offers_box_wrapper {
    float: left;
    width: 100%;
    background-color: #111111;
    margin-bottom: 30px;
    word-wrap: break-word;
}
.offers_box_wrapper .box_thumb {
    float: left;
    overflow: hidden;
}
.offers_box_wrapper img {
    float: left;
    width: 170px;
    height: 207px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.offers_box_wrapper .right_details {
    padding: 30px 30px 0px;
    width: calc(100% - 170px);
    width: -webkit-calc(100% - 170px);
    width: -moz-calc(100% - 170px);
    float: left;
}
.right_details h4 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: -1px;
    margin-bottom: 20px;
    font-weight: 500;
    backface-visibility: hidden;
    line-height: 26px;
}
.right_details h4 a {
    color: #fff;
}
.right_details p {
    color: #e0e0e0;
}
.offers_box_wrapper .right_details h4 a:hover {
    color: var(--secondary);
}
.offers_box_wrapper:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
/*----------------------------------------------------------------------------------  
14. offer section css end
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
15. club crousel css start
----------------------------------------------------------------------------------*/
.club_disc_section {
    padding-bottom: 80px;
}
.nc_club_cover {
    float: left;
    width: 100%;
}
.overlay_bottom {
    position: absolute !important;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
}
.nc_club_cover .overlay_bottom h3 {
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    margin: 0;
    padding: 28.5px 0px;
    font-weight: 500;
}
.nc_club_cover .overlay_bottom {
    background-color: rgba(0, 0, 0, 0.85);
    bottom: -50%;
    transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
}
.nc_club_cover:hover .nc_thumb_wrapper img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.nc_thumb_wrapper img {
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
}
.nc_club_cover:hover .overlay_bottom {
    bottom: 0;
    opacity: 1;
}
.nc_club_cover .thumb_overlay {
    transform: scale(1.3);
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}
.nc_club_cover:hover .thumb_overlay {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.nc_thumb_wrapper .triangle_btn:hover:after {
    opacity: 1;
}
.nc_thumb_wrapper .triangle_btn:hover:before {
    opacity: 1;
}
/*----------------------------------------------------------------------------------  
15. club crousel css end 
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
16. blog page css start 
----------------------------------------------------------------------------------*/
.nc_blog_cover {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.nc_blog_cover article {
    margin-bottom: 0;
}
.nc_blog_cover .thumb_overlay {
    background-color: rgba(0, 0, 0, 0.75);
}
.blog_thumb:hover .thumb_overlay {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    opacity: 1;
}
.blog_readmore {
    float: left;
    width: 100%;
    text-align: right;
}
.blog_desc .blog_readmore {
    margin-top: 10px;
}
.blog_readmore .read_m_btn {
    color: #ffffff;
    padding: 0 25px;
    text-decoration:none;
    background:#ff2671;
    
}
.blog_readmore .read_m_btn:hover:after , .post-edit-link:hover:after{
    border-width:18px;
}
.blog_readmore .read_m_btn:hover:before , .post-edit-link:hover:before{
    border-width:18px;
}
.read_m_btn {
    display: inline-block;
    text-align: center;
    text-decoration:none;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    height: 40px;
    line-height: 36px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    padding: 0 27px;
    letter-spacing: 0.025em;
    font-weight: 500;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}
.read_m_btn:hover, .read_m_btn:focus {
    color: var(--secondary);
    border-color: var(--secondary) !important;
    background:transparent;
}
.read_m_btn.triangle_btn:after,
.read_m_btn.triangle_btn:before {
    opacity: 0;
}
.read_m_btn:hover:after,
.read_m_btn:hover:before {
    opacity: 1;
}
/*-- pagination css start --*/
.blog_pagination {
    float: left;
    width: 100%;
    text-align: center;
    padding-bottom: 50px;
}
.blog_pagination .pagination {
    margin: 0px;
    display: inline-block;
    padding-left: 0;
}
.blog_pagination .pagination i {
    color: #fff;
    font-size: 27px;
    top: 3px;
    position: relative;
}
.blog_pagination ul .nav-previous a,
.blog_pagination ul .nav-next a {
    border-color: transparent !important;
}
.blog_pagination ul .nav-previous a:hover:before,
.blog_pagination ul .nav-next a:hover:before,
.blog_pagination ul .nav-previous a:hover:after,
.blog_pagination ul .nav-next a:hover:after {
    display: none;
}
.blog_pagination ul .nav-previous a {
    margin-right: 15px;
}
.blog_pagination ul .nav-next a {
    margin-right: 0px;
    margin-left: -5px;
}
.blog_pagination ul > a {
    color: #fff;
    font-size: 13px;
    height: 37px;
    display: inline-block;
    vertical-align: top;
    line-height: 35px;
    border: 2px solid #fff;
    padding: 0 10px;
}
.blog_pagination ul > a:hover{
	color: var(--secondary);
	border: 2px solid;
}
.blog_pagination ul li {
    display: inline-block;
}
.blog_pagination ul li a {
    position: relative;
    margin: 0 9px;
    float: left;
    width: 37px;
    height: 37px;
    line-height: 35px;
    border: 2px solid #fff;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    backface-visibility: hidden;
}
ul.pagination li a:hover {
    color: var(--secondary);
}
ul.pagination >li > a:focus,
ul.pagination > li >a:hover,
ul.pagination i:hover {
    z-index: 2;
    color: var(--secondary);
}
.pagination li a,
.pagination li i {
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.blog_pagination ul li a:after,
.blog_pagination ul li a:before {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.blog_pagination ul li a:before {
    left: -2px;
    top: -2px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
}
.blog_pagination ul li a:after {
    right: -2px;
    bottom: -2px;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
}
.pagination li a:hover,
.pagination li.active a {
    border-color: var(--secondary);
    border-left-color: transparent;
    border-right-color: transparent;
}
.pagination li.active a:after {
    border-bottom: 14px solid var(--secondary);
    border-left: 14px solid transparent;
}
.pagination li.active a:before {
    border-top: 14px solid var(--secondary);
    border-right: 14px solid transparent;
}
.pagination li a:hover:after {
    opacity: 1;
    border-bottom: 14px solid var(--secondary);
    border-left: 14px solid transparent;
}
.pagination li a:hover:before {
    opacity: 1;
    border-top: 14px solid var(--secondary);
    border-right: 14px solid transparent;
}
.pagination li.active a {
    color: var(--secondary);
}
.pagination li.active a:after,
.pagination li.active a:before {
    opacity: 1;
}
/*-- pagination css end --*/
.post-edit-link.triangle_btn {
    display: inline-block;
    font-size: 15px;
    height: 40px;
    line-height: 38px;
    color: #ffffff;
    padding: 0 30px;
    text-transform: capitalize;
    background-color: var(--secondary);
    margin-top: 10px;
}
.post-edit-link:hover {
    color: var(--secondary);
    background-color: transparent;
}
/*----------------------------------------------------------------------------------  
16. blog page css end
 ----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
 17. blog sidebar css start 
 ----------------------------------------------------------------------------------*/
.widget a {
    transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
    -ms-transition: all ease-in-out 0.25s;
    -o-transition: all ease-in-out 0.25s;
}
.nc_blog_sidebar {
    float: left;
    width: 100%;
}
.nc_blog_sidebar .widget {
    margin-bottom: 50px;
    float: left;
    width: 100%;
}
.widget .widget-title {
    color: #fff;
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 20px;
    font-weight: 500;
    letter-spacing: 0.01em;
}
.nc_blog_sidebar .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.nc_blog_sidebar .widget ul li {
    float: left;
    width: 100%;
}
.widget.widget_archive ul li , .widget.widget_categories ul li , .widget.widget_pages ul li , .widget.widget_nav_menu ul li{
    padding-left:20px;
}
.widget.widget_archive ul li a:after , .widget.widget_categories ul li a:after , .widget.widget_pages ul li a:after , .widget.widget_nav_menu ul li a:after{
    position: absolute;
    top: 15px;
    left: 0;
    color: #fff;
    content: '';
    width: 5px;
    height: 5px;
    background: #e0e0e0;
    border-radius: 100%;
    display:block;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.widget ul li a:hover:after{
    background:var(--secondary);
}
.widget > ul > li > ul.children > li > a:hover:after{
    background:var(--secondary);
}
.widget.widget_archive > ul > li > a:hover , .widget.widget_categories > ul > li> a:hover , .widget.widget_pages > ul > li > a:hover , .widget.widget_nav_menu ul li a:hover{
    padding-left:6px;
}
.widget.widget_categories > ul li a:hover:after , .widget.widget_archive ul li > a:hover:after , .widget.widget_pages ul li a:hover:after , .widget.widget_nav_menu ul li a:hover:after{
    left:6px;
}
.widget.widget_categories > ul > li > ul.children li a:hover , .widget.widget_archive > ul > li > ul.children li a:hover , .widget.widget_pages > ul > li > ul.children li a:hover , .widget.widget_nav_menu ul li > ul.sub-menu li a:hover{
    padding-left:6px;
}
.widget ul li {
    line-height: 33px;
    color: #e0e0e0;
    position:relative;
}
.widget ul li a {
    color: #e0e0e0;
    text-transform: capitalize;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -o-transition:all .3s;
    -moz-transition:all .3s;
    transition:all .3s;
}
.widget ul li a:hover{
    color: var(--secondary);
}
.nc_blog_sidebar .widget ul li ul {
    padding-left: 15px;
}
.textwidget {
    width: 100%;
    float: left;
}
/*.widget.widget_nav_menu ul li a:after{}*/
/*==== search widget ====*/
.search-form {
    position: relative;
}
.search-form label {
    width: calc(100% - 71px);
    float: left;
}
.search-form input.search-field {
    background: transparent;
    border: 1px solid var(--secondary);
    width: 100%;
    color: #e0e0e0;
    padding: 0 15px;
    font-size: 15px;
    height: 45px;
    font-weight: normal;
    border-radius: 0;
}
.search-form .search-submit {
    background: transparent;
    border: none;
    color: #e0e0e0;
    top: 0;
    right: 0;
    height: 45px;
    border: 1px solid var(--secondary);
    border-left: transparent;
    padding: 0 12px;
    float: left;
    border-radius: 0;
    font-weight:500;
    font-size:14px;
    background-color:var(--secondary);
    -webkit-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    -ms-transition:all .3s;
    transition:all .3s;
}
.search-form .search-submit:hover,
.search-form .search-submit:focus {
    color: var(--secondary);
    border-color: var(--secondary);
    background:transparent;
}
.widget.widget_nav_menu ul li ul.sub-menu{
    padding-left:0px;
}
/*==== search widget ====*/
/*--------category css start-------*/
.widget_archive ul li,
.widget_categories ul li {
    text-align: right;
    color: #e0e0e0;
    position:relative;
}
.widget_archive ul li:hover,
.widget_categories ul li:hover {
    color: #e0e0e0;
}
.widget_archive ul li a,
.widget_categories ul li a {
    color: #e0e0e0;
    font-weight: 500;
    float: left;
}
/*--------category css end-------*/
/*--------select css start-------*/
.widget select {
    background: transparent;
    border: none;
    border: 1px solid var(--secondary);
    width: 100%;
    color: #e0e0e0;
    padding: 0 15px;
    font-size: 15px;
    height: 45px;
}
.widget select option {
    color: #151515;
    padding: 10px 0;
}
/*--------select css end-------*/
/*======= calendar css start =====*/
.calendar_wrap {
    background: #111;
}
.calendar_wrap caption {
    text-align: center;
    padding: 10px;
    background: var(--secondary);
    color: #fff;
    margin-bottom: 12px;
}
.calendar_wrap table tr td,
.calendar_wrap table tr th {
    text-align: center;
    padding: 5px;
    color: #e0e0e0;
    border: none;
}
.calendar_wrap table tr td a {
    color: var(--secondary);
}
.calendar_wrap table tr td#today {
    background: var(--secondary);
	color:#ffffff;
}
.calendar_wrap table tr td#today a {
	color:inherit;
}
.calendar_wrap tr td#prev,
.calendar_wrap tr td#next {
    background: var(--secondary);
}
.calendar_wrap tr td#prev a,
.calendar_wrap tr td#next a {
    color: #ffffff;
}
/*======= calendar css End =====*/
/*======= recent comments css start =====*/
.widget_recent_comments ul li {
    text-transform: capitalize;
    color:var(--secondary);
}
.widget_recent_comments ul li a {
    color: #e0e0e0;
}
.widget_recent_comments ul li a:hover {
    color: var(--secondary);
}
/*======= recent comments css End =====*/
/*======= Rss Widget css Start =====*/
.widget_rss h2 a {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    font-size: 20px;
}
.widget_rss ul li {
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 20px;
    padding-bottom: 20px;
    line-height: 26px;
}
.widget_rss ul li:last-child {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.widget_rss ul li a {
    display: block;
    color: var(--secondary);
    font-size: 16px;
}
.widget_rss ul li a:hover {
    color: #e0e0e0;
}
.widget_rss ul li .rss-date {
    display: block;
    margin-bottom: 13px;
    line-height: 22px;
    color: #adadad;
}
.widget_rss ul li cite {
    float: right;
    color: var(--secondary);
    padding-top: 8px;
}
/*======= Rss Widget css End =====*/
/*--------recent posts css start-------*/
.nc_blog_sidebar .nc_recent_posts ul li {
    float: left;
    width: 100%;
    margin-bottom: 30px;
    background-color: #000000;
    padding-right: 13px;
}
.nc_blog_sidebar .nc_recent_posts ul li:last-child {
    margin-bottom: 0px;
}
.nc_blog_sidebar .nc_recent_posts ul li img {
    float: left;
    width: 120px;
    height: 114px;
    margin-right: 13px;
}
.nc_blog_sidebar .nc_recent_posts ul li div a {
    color: #ffffff;
    font-size: 20px;
    text-transform: uppercase;
    display: block;
    margin-top: 15px;
    margin-bottom: 10px;
    font-weight: 500;
}
.nc_recent_posts ul li div a:hover {
    color: var(--secondary);
}
.nc_blog_sidebar .nc_recent_posts ul li div p {
    color: #e0e0e0;
}
.tagcloud a {
    position: relative;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
    color: #e0e0e0;
    font-size: 14px !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    height: 40px;
    line-height: 38px;
   /* border-top: 2px solid #e0e0e0;
    border-bottom: 2px solid #e0e0e0; */
    padding: 0 16px;
    border:1px solid #fff;
}
.tagcloud a:after,
.tagcloud a:before {
    position: absolute !important;
    content: "";
    width: 0;
    height: 0;
}
.tagcloud a:before {
    top: 0;
    left: 0;
    border-top: 0px solid var(--secondary);
    border-right: 0px solid transparent;
}
.tagcloud a:after {
    bottom: 0;
    right: 0;
    border-bottom: 0px solid var(--secondary);
    border-left: 0px solid transparent;
}
.tagcloud a:hover {
    color: var(--secondary);
    border-color: var(--secondary);
}
.tagcloud a:hover:before {
    top: 0;
    left: 0;
    border-top-width: 15px;
    border-right-width: 15px;
}
.tagcloud a:hover:after {
    bottom: 0;
    right: 0;
    border-bottom-width: 15px;
    border-left-width: 15px;
}
/*--------recent posts css end-------*/
/*--- sidebar gallery css start ----*/
.sidebar_gallery {
    float: left;
    width: 100%;
}
.sidebar_gallery a {
    float: left;
    width: 90px;
    height: 90px;
}
.sidebar_gallery a img {
    width: 100%;
    height: 100%;
    transition: all ease-in-out 0.25s;
    -webkit-transition: all ease-in-out 0.25s;
    -moz-transition: all ease-in-out 0.25s;
}
.sidebar_gallery img:hover {
    -webkit-filter: sepia(100%);
    filter: sepia(100%);
}
/* fancy box navigation css start */
a.fancybox-nav.fancybox-prev span,
a.fancybox-nav.fancybox-next span {
    background-image: none;
}
a.fancybox-nav.fancybox-prev span:after,
a.fancybox-nav.fancybox-next span:after {
    display: inline-block;
    font: normal normal normal 19px/1 FontAwesome;
    text-rendering: auto;
    color: #ffffff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute !important;
    top: 50%;
    border: 2px solid;
    width: 37px;
    position: absolute !important;
    height: 37px;
    line-height: 37px;
    text-align: center;
}
a.fancybox-nav.fancybox-prev span:after {
    content: "\f0d9";
    left: 0;
    padding-right: 4px;
}
a.fancybox-nav.fancybox-next span:after {
    content: "\f0da";
    right: 0;
    padding-left: 4px;
}
/* fancy box navigation css end */
/*========== sidebar gallery css end =============*/
/*--------- track css start -----------*/
.nc_sidebar_track {
    float: left;
    width: 100%;
    background-color: #000000;
    padding: 30px;
}
.nc_sidebar_track .mejs-playlist li {
    font-family: 'Quicksand', sans-serif;
    color: #fff;
    font-weight: 500;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}
.nc_sidebar_track img {
    width: 32.4%;
}
.nc_sidebar_track .mejs-container {
    width: 100% !important;
}
.nc_sidebar_track .mejs-container,
.nc_sidebar_track .mejs-playlist {
    background: none;
}
.nc_sidebar_track .mejs-container .mejs-controls {
    background: none;
    position: relative !important;
    height: auto !important;
    float: left;
    margin-top: 5px;
}
.nc_sidebar_track .mejs-playlist {
    width: 100% !important;
    top: 15px !important;
}
.nc_sidebar_track .mejs-button {
    position: relative;
    top: 66px;
}
.nc_sidebar_track .mejs-button.mejs-prevtrack-button,
.nc_sidebar_track .mejs-button.mejs-nexttrack-button,
.nc_sidebar_track .mejs-shuffle-button {
    top: 71px;
}
.nc_sidebar_track .mejs-playpause-button,
.media_player .mejs-playpause-button {
    border: 2px solid #fff !important;
    border-radius: 5em;
    left: -5px;
    padding: 10px 0 0 12px !important;
}
.media_player .mejs-playpause-button {
    top: 40px;
}
.nc_sidebar_track .mejs-shuffle-button {
    margin-left: 7px !important
}
.nc_sidebar_track .mejs-playpause-button button {
    margin: 0 !important;
}
.nc_sidebar_track .mejs-button button {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
.nc_sidebar_track .mejs-button.mejs-volume-button {
    top: -12px;
    left: 62%;
}
.nc_sidebar_track a.mejs-horizontal-volume-slider {
    left: 62%;
    top: -8px;
    width: 22% !important;
}
.nc_sidebar_track .mejs-horizontal-volume-current {
    background: transparent !important;
}
.nc_sidebar_track .mejs-time,
.nc_sidebar_track .mejs-time {
    display: none !important;
}
.nc_sidebar_track div.mejs-time-rail,
.nc_sidebar_track .mejs-time-rail .mejs-time-total {
    width: 100% !important;
}
/*--------- track css end -----------*/
/*---------------------------------------------------------------------------------- 
17. blog sidebar css end 
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
18. blog center css start 
----------------------------------------------------------------------------------*/
.blog_center{
	text-align:center;
}
.blog_center .blog_thumb img {
    width: 100%;
}
.blog_center .blog_desc {
    text-align: center;
    padding-left: 85px;
    padding-right: 85px;
}
.blog_center .blog_readmore {
    text-align: center;
}
/*----------------------------------------------------------------------------------  
18. blog center css end 
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
19. blog full width css start
----------------------------------------------------------------------------------*/
.blog_full_main_cover .blog_pagination {
    padding-top: 80px;
}
.nc_blog_cover.nc_blog_full {
    background-color: #090909;
}
.nc_blog_full .blog_thumb{
	display: block;
}
.nc_blog_full .blog_desc {
    padding:50px 70px;
}
/*----------------------------------------------------------------------------------  
19. blog full width css end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
20. blog single css start
----------------------------------------------------------------------------------*/
.nc_blog_comments_section {
    float: left;
    width: 100%;
    padding-top: 0px;
}

.comments-title, 
.comment-reply-title {
    color: #ffffff;
    margin-top: 0px;
    font-weight: 500;
    font-size: 24px;
}
.comment_list {
    float: left;
    width: 100%;
}
.comment_list ul.comment-list {
    float: left;
    width: 100%;
    padding-left: 0;
}
.comment_list ul.comment-list li.comment {
    float: left;
    width: 100%;
    list-style: none;
}
.nc_specific_comment {
    float: left;
    width: 100%;
    margin-top: 35px;
}
.nc_specific_comment .blog_avtar {
    float: left;
    margin-right: 30px;
}
.blog_avtar a {
    display: block;
}
.blog_avtar img {
    max-width: 100%;
}
.right_avtar_details {
    width: calc(100% - 110px);
    width: -webkit-calc(100% - 110px);
    width: -moz-calc(100% - 110px);
    float: left;
}
.right_avtar_details h3{
    margin-top:0;
}
.right_avtar_details h3 a{
    display: inline-block;
    margin-top: -2px;
    text-transform: capitalize;
    color: #fff;
    font-size: 20px;
    font-weight: 500;
}
.right_avtar_details h3 a {
    color: inherit;
}
.right_avtar_details h3 a:hover {
    color: var(--secondary);
}
.right_avtar_details span {
    color: var(--secondary);
    font-weight: 500;
    line-height: 23px;
    font-size: 15px;
    font-weight: 500;
}
.right_avtar_details p {
    color: #b0b0b0;
    font-size: 15px;
    line-height: 25px;
}
.right_avtar_details .read_m_btn {
    float: right;
   /* margin-top: 20px;*/
    cursor: pointer;
    width: 140px;
    padding: 0;
    background:var(--secondary);
}
.right_avtar_details .read_m_btn:hover , .right_avtar_details .read_m_btn:focus{
    background:transparent;
}
.comment_list ul li ul.children {
    padding-left: 40px;
    margin-left: 0;
}
.nc_comment_form {
    float: left;
    width: 100%;
    padding-top: 35px;
    margin-bottom:50px;
}
.nc_comment_form .comment_title {
    margin-bottom: 50px;
}
.nc_form {
    float: left;
    width: 100%;
}
.nc_form input, .nc_form textarea {
    width: 100%;
    background-color: #040404;
    border: 1px solid #646464;
    padding: 0 15px;
    height: 50px;
    color: #ffffff;
    margin-bottom: 20px;
    border-radius: 0;
    resize: none;
}
.nc_form textarea {
    background-color: #040404 !important;
}
.nc_form textarea {
    height: 290px;
    padding-top: 20px;
}
.nc_form input:focus,
.nc_form input:hover {
    border-color: var(--secondary);
    background-color: transparent;
}
.nc_form textarea:focus,
.nc_form textarea:hover {
    border-color: var(--secondary);
    background-color: transparent !important;
    outline: none;
}
.nc_form .read_m_btn {
    background-color: var(--secondary);
    float: right;
    width: 140px;
    height: 50px;
    font-size: 15px;
    padding: 0px;
    border: 1px solid transparent;
    cursor: pointer;
    backface-visibility: hidden;
	margin-bottom:0;
}
.nc_form .read_m_btn:hover {
    border-color:var(--secondary);
}
.nc_form p {
    position: relative;
    margin-bottom: 0;
}
.nc_form p a {
	color: var(--secondary);
}
.nc_form p a:hover {
	color: #ffffff;
}
.nc_form p .ajax-loader {
    position: absolute;
	right:10px;
	top:50%;
	margin-top:-10px;
}
.comment-notes{
    padding-bottom:10px;
}
/*----------------------------------------------------------------------------------
20. blog single css end 
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
21. event page css start  
----------------------------------------------------------------------------------*/
.nc_event_section {
    /* background: url(./../images/pattern_bg.jpg) no-repeat; */
	background-repeat: no-repeat;
    background-size: cover;
}
.event_page_main {
    float: left;
    width: 100%;
}
.event_page_main .nc_event_cover {
    float: left;
    width: 100%;
    margin-bottom: 50px;
	position:relative;
}
.button_center {
    float: left;
    width: 100%;
    text-align: center;
    position:relative;
}
.ajxloadevent, .ajxloadgallery {
    background-color: #ff2671;
    border-left: transparent;
    border-right: transparent;
}
.ajxloadevent:hover, .ajxloadgallery:hover {
    background-color: transparent;
}
.ed_event_single_address_info {
    margin-top: 40px;
}
.ed_event_single_address_map {
    margin-top: 40px;
}
.nc_event_form {
    margin-top: 50px;
}
.nc_event_form form label {
    width: 100%;
}
.nc_event_form form input, 
.nc_event_form form label textarea {
    display: inline-block;
    width: 100%;
    margin-top: 10px;
	font-size:15px;
}
.nc_event_form form input{
	height: 50px;
}
.nc_event_form form input:focus{
	color:#ffffff;
}
/*----------------------------------------------------------------------------------  
21. event page css end  
----------------------------------------------------------------------------------*/
/*  music track css start */
.nc_media_player .mejs-container {
    width: 100% !important;
    height: auto !important;
}
/*  music track css end */
/*----------------------------------------------------------------------------------  
22. contact page css start  
----------------------------------------------------------------------------------*/
.contact_section_main,
.nc_contanct_form,
.right_map_part {
    float: left;
    width: 100%;
}
.nc_contanct_form .nc_form input {
    margin-bottom: 32px;
}
.nc_contanct_form .nc_form textarea {
    margin-bottom: 30px;
}
.nc_contanct_form input[type="submit"] {
    margin-bottom: 0;
    font-size: 15px;
    width: auto;
    padding: 0 45px;
    background:var(--secondary);
    border-color:transparent;
}
.nc_contanct_form input[type="submit"]:hover , .nc_contanct_form input[type="submit"]:focus{
    background:transparent;
    color:var(--secondary);
    border-color:var(--secondary);
}
.contact_details_ract,
.location_map {
    float: left;
    width: 100%;
}
.contact_details_ract {
    background-color: var(--secondary);
    padding: 30px;
    position: relative;
    border-bottom: 1px solid #ef2869;
}
.contact_details_ract:after {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    display: block;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 18px solid var(--secondary);
    bottom: -18px;
    left: 50%;
    margin-left: -18px;
    z-index: 9;
}
.contact_details_ract ul {
    margin: 0;
    list-style: none;
    padding: 0;
    float: left;
    width: 100%;
}
.contact_details_ract ul li {
    float: left;
    width: 50%;
    padding-right: 15px;
}
.contact_details_ract ul li div {
    float: left;
    width: 100%;
    margin-bottom: 30px;
	color:#ffffff;
}
.contact_details_ract ul li svg,
.contact_details_ract ul li i {
    float: left;
    font-size: 20px;
    margin-right: 20px;
    fill: #ffffff;
    color: #ffffff;
    margin-top: 4px;
}
.contact_details_ract ul li p {
    float: left;
    width: 80%;
    line-height: 24px;
    font-size: 15px;
    margin-bottom: 0;
}
.contact_details_ract ul li a, .contact_details_ract ul li p {
    color: inherit;
}
#big_googleMap {
    width: 100%;
    height: 453px;
}
/*----------------------------------------------------------------------------------  
22. contact page css end  
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
23. booking page css start  
----------------------------------------------------------------------------------*/
/*-- booking table css start ----*/
.nc_booking_table_wrapper {
    float: left;
    width: 100%;
}
.nc_book_table {
    float: left;
    width: 20%;
    padding: 0 15px;
    margin-bottom: 63px;
    position: relative;
}
.book_thumb {
    float: left;
    width: 100%;
    position: relative;
    padding: 15px 0px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
}
.book_thumb img {
    max-width: 100%;
    height: 128px;
}
.table_overlay {
    content: '';
    position: absolute !important;
    width: 100%;
    top: 0;
    left: 0;
    height: 100%;
    cursor: pointer;
}
.book_thumb .triangle_shape {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
    border-top: transparent;
    border-bottom: transparent;
}
.book_thumb .triangle_shape:before {
    border-top: 0px solid var(--secondary);
    border-right: 0px solid transparent;
}
.book_thumb .triangle_shape:after {
    border-bottom: 0px solid var(--secondary);
    border-left: 0px solid transparent;
}
.nc_book_table:hover .table_overlay {
    background-color: rgba(0, 0, 0, 0.7);
}
.book_thumb:hover .triangle_shape:before {
    border-top: 48px solid var(--secondary);
    border-right: 48px solid transparent;
}
.book_thumb:hover .triangle_shape:after {
    border-bottom: 48px solid var(--secondary);
    border-left: 48px solid transparent;
}
.table_overlay p {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    top: 50%;
    position: absolute !important;
    width: 100%;
    margin-top: -12px;
    margin-bottom: 0;
    text-transform: capitalize;
}
.table_overlay .tbl_n {
    z-index: 1;
}
.table_overlay .reserved_tbl {
    color: #181818;
    z-index: 0;
    display: none;
}
.seat_active .triangle_shape {
    display: none;
}
.seat_active .reserved_tbl {
    display: block;
}
.seat_active .table_overlay {
    background-color: rgba(0, 0, 0, 0.7);
}
.nc_table_close {
    border: 1px solid #ffffff;
    border-radius: 2px;
    width: 15px;
    height: 15px;
    line-height: 10px;
    text-align: center;
    cursor: pointer;
    position: absolute !important;
    z-index: 9;
    right: 0px;
    top: 0px;
    color: #ffffff;
    display: inline-block;
    visibility: hidden;
}
.seat_active .nc_table_close {
    visibility: visible;
}
.book_thumb:hover .triangle_shape {
    border-top: 1px solid var(--secondary);
    border-bottom: 1px solid var(--secondary);
}
/*-- booking table css end----*/
.nc_booking_page {
    /* background: url(./../images/pattern_bg.jpg) no-repeat; */
	background-repeat: no-repeat;
    background-size: cover;
}
.nc_booking_form h1 {
    color: #ffffff;
    font-size: 35px;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 45px;
}
/* calender css start */
.ui-datepicker {
    z-index: 9;
    position: relative;
    background-color: #fff;
}
.ui-datepicker-header {
    background-color: var(--secondary);
    color: #fff;
    font-weight: bold;
}
.ui-datepicker-calendar tr td a:hover {
    color: #ffffff;
    background-color: var(--secondary);
}
.nc_booking_form .ui-datepicker-trigger {
    position: absolute !important;
    right: 40px;
    top: 24px;
    background-color: transparent;
    border: none;
}
.nc_booking_form .ui-datepicker-trigger:after {
    content: "\f107";
    display: inline-block;
    font: normal normal normal 18px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
}
a.ui-datepicker-prev:before,
a.ui-datepicker-next:before {
    display: inline-block;
    font: normal normal normal 18px FontAwesome;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    color: #fff;
    position: absolute !important;
    left: 6px;
    top: 5px;
    z-index: 9;
}
a.ui-datepicker-prev:before {
    content: "\f191";
}
a.ui-datepicker-next:before {
    content: "\f152";
}
/* calender css end */
/*----------------------------------------------------------------------------------  
23. booking page css end 
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
24. gallery css start  
----------------------------------------------------------------------------------*/
.nc_gallery_section {
    /* background: url(./../images/pattern_bg.jpg); */
	background-repeat:no-repeat;
    background-size: cover;
}
.nc_photo_galley {
    float: left;
    width: 100%;
	padding:0px;
}
.gallery_cover {
    float: left;
    width: 100%;
}
.photo_grid {
    float: left;
	width:25%;
}
.photo_grid.width_2{
	width:50%;
}
.photo_grid.width_3{
	width:37.5%;
}
/* .photo_grid.width_1 { */
    /* width: 29.62%; */
/* } */
/* .photo_grid.width_2 { */
    /* width: 21.61%; */
/* } */
/* .photo_grid.width_3 { */
    /* width: 30.56%; */
/* } */
/* .photo_grid.width_4 { */
    /* width: 18.21%; */
/* } */
/* .photo_grid.width_5 { */
    /* width: 35.19%; */
/* } */
.margin-top {
    margin-top: -1.34%;
}
.nc_photo_galley .photo_grid a {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.nc_photo_galley .photo_grid a img {
    width: 100%;
}
.gallery_cover .triangle_shape:after {
    border-bottom-width: 0px;
    border-left-width: 0px;
}
.gallery_cover .triangle_shape:before {
    border-top-width: 0px;
    border-right-width: 0px;
}
.gallery_cover:hover .triangle_shape:after {
    border-bottom-width: 78px;
    border-left-width: 78px;
}
.gallery_cover:hover .triangle_shape:before {
    border-top-width: 78px;
    border-right-width: 78px;
}
.gallery_overlay {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    opacity: 0;
}
.nc_photo_galley a:hover .gallery_overlay {
    opacity: 1;
}
.zoom_anim {
    text-align: left;
    max-width: 970px;
    margin: 0px auto;
    position: relative;
}
.my_zoom_in .zoom_anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.my_zoom_in.mfp-ready .zoom_anim {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.gallery_thumb {
    position: relative;
    float: left;
    width: 100%;
}
.gallery_thumb .overlay {
    position: absolute !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.zoom_anim img {
    width: 100%;
}
.gallery_desc {
    background-color: #000000;
    padding: 30px;
    float: left;
    width: 100%;
    margin-top: 10px;
}
.gallery_desc h3 {
    margin-top: 0;
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 20px;
}
.gallery_desc p {
    color: #e0e0e0;
    font-size: 15px;
    line-height: 25.6px;
    margin-bottom: 30px;
}
.gallery_desc .read_m_btn {
    float: right;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
}
.mfp-wrap{
    top:0 !important;
    width:101%;
    height:100%!important;
    position:fixed!important;
    overflow-x:hidden;
}
/* gallery arrow button css start */
.my_zoom_in .mfp-arrow.active {
    margin-top: 0px;
}
.mfp-arrow-left {
    left: 10% !important;
}
.mfp-arrow-right {
    right: 10% !important;
}
.mfp-arrow:before {
    content: "";
    position: absolute !important;
    left: -2px;
    top: -2px;
    border-top: 0px solid var(--secondary);
    border-right: 0px solid transparent;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.mfp-arrow:after {
    content: "";
    position: absolute !important;
    right: -2px;
    bottom: -2px;
    border-bottom: 0px solid var(--secondary);
    border-left: 0px solid transparent;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.mfp-arrow i {
    color: #fff;
    font-size: 19px;
    z-index: 9999;
    position: relative;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.mfp-arrow:hover {
    border-color: var(--secondary) !important;
    border-left-color: transparent !important;
    border-right-color: transparent !important;
}
.mfp-arrow:hover i {
    color: var(--secondary);
}
.mfp-arrow:hover:after {
    border-bottom-width: 14px;
    border-left-width: 14px;
}
.mfp-arrow:hover:before {
    border-top-width: 14px;
    border-right-width:14px;
}
/* gallery arrow button css end */
/*----------------------------------------------------------------------------------  
24. gallery css end  
----------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------  
25. video gallery page css start  
----------------------------------------------------------------------------------*/
.nc_video_thumb .triangle_shape:after {
    border-bottom-width: 0px;
    border-left-width: 0px;
}
.nc_video_thumb .triangle_shape:before {
    border-top-width: 0px;
    border-right-width: 0px;
}
.nc_video_thumb:hover .triangle_shape:after {
    border-bottom-width: 78px;
    border-left-width: 78px
}
.nc_video_thumb:hover .triangle_shape:before {
    border-top-width: 78px;
    border-right-width: 78px;
}
.nc_video_thumb:hover .overlay_button{
    visibility: visible;
    opacity: 1;
}
.nc_video_thumb .overlay_button svg{
        visibility: visible;
        opacity: 1;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
}
.video_gallery_wrapper {
    /* background: url(./../images/pattern_bg.jpg) no-repeat; */
    background-repeat: no-repeat;
    background-size: cover;
}
.video_popup_gallery img.img-responsive {
    width: 100%;
}
.nc_video_gallery {
    float: left;
    width: 100%;
}
.nc_video_thumb img {
    -webkit-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 300ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    /* easeInOutQuad */
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    /* easeInOutQuad */
}
.nc_video_thumb:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
}
.nc_video_gallery .nc_video_thumb {
    float: left;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.nc_video_thumb a {
    float: left;
    width: 100%;
    position: relative;
}
.nc_video_thumb .overlay {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    visibility: hidden;
    opacity: 0;
    transition: all ease-in-out 0.6s;
    -ms-transition: all ease-in-out 0.6s;
    -o-transition: all ease-in-out 0.6s;
    -moz-transition: all ease-in-out 0.6s;
    -webkit-transition: all ease-in-out 0.6s;
}
.nc_video_thumb .overlay_button img,
.nc_video_thumb .overlay_button i {
    position: absolute !important;
    top: 50%;
    left: 50%;
    margin-top: -44px;
    margin-left: -44px;
    width: 88px;
    height: 88px;
}
.nc_video_thumb:hover .overlay {
    opacity: 1;
    visibility: visible;
}
.video_zoom {
    text-align: left;
    max-width: 1000px;
    margin: 0px auto;
    position: relative;
}
.my_zoom_in .video_zoom {
    opacity: 0;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
}
.my_zoom_in.mfp-ready .video_zoom {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}
.my-mfp-zoom-in.mfp-removing .video_zoom {
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
    transform: scale(0.5);
    opacity: 0;
	-webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}
.video_zoom.triangle_shape:before {
    border-top-width: 98px;
    border-right-width: 98px;
}
.video_zoom.triangle_shape:after {
    border-bottom-width: 98px;
    border-left-width: 98px;
}
/* video controllers css start */
.video_zoom .mejs-container.svg.mejs-video {
    width: 100% !important;
    height: 673px !important;
    overflow: hidden;
}
.video_zoom .mejs-mediaelement {
    overlflow: hidden;
}
.video_zoom .mejs-mediaelement,
.video_zoom .mejs-poster {
    width: 100% !important;
    height: 100% !important;
}
.video_zoom .mejs-poster img {
    display: block !important;
}
.video_zoom .mejs-overlay {
    width: 100% !important;
    height: 100% !important;
}
.video_zoom video {
    width: 100%;
    height: auto;
}
.video_zoom iframe {
    width: 100%;
    min-height: 420px;
	border:none;
} 
.video_zoom .mejs-container .mejs-controls {
    background: rgba(8, 8, 8, 0.97);
    height: 100px;
    padding: 0 100px;
    visibility: visible;
}
.video_zoom .mejs-time-rail {
    width: 100% !important;
    position: relative;
    padding: 0px !important;
    margin-top: 20px !important;
}
.video_zoom .mejs-time-total,
.video_zoom .mejs-time-rail .mejs-time-loaded {
    width: 100% !important;
    height: 8px;
}
.video_zoom .mejs-time-current {
    height: 8px !important;
}
.video_zoom .mejs-button {
    position: absolute !important;
    bottom: 20px;
}
.video_zoom .mejs-time {
    position: absolute;
    top: 46px;
    left: 26%;
}
.video_zoom .mejs-button.mejs-volume-button {
    right: 20.5%;
}
.video_zoom .mejs-controls a.mejs-horizontal-volume-slider {
    width: 124px;
    position: absolute !important;
    right: 8%;
    top: 44px;
    display: block !important;
}
.video_zoom .mejs-horizontal-volume-current {
    background-color: transparent !important;
}
.video_zoom .mejs-playpause-button {
    border: 2px solid #fff !important;
    border-radius: 5em;
    padding: 10px 0 0 12.4px !important;
    width: 35px !important;
    height: 35px !important
}
.video_zoom .mejs-playpause-button button {
    margin: 0px !important;
}
.video_zoom .mejs-button.mejs-loop-button {
    left: 15%;
}
.video_zoom .mejs-overlay-button {
    background: url(./../images/Play_btn.svg) no-repeat;
}
.video_zoom .mejs-overlay:hover .mejs-overlay-button {
    background-position: inherit;
}
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    position: absolute;
    left: 0;
}
/* video controllers css end */
/*----------------------------------------------------------------------------------  
25. video gallery page css end  
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
26. preloader css start 
----------------------------------------------------------------------------------*/
.nc_preloader {
    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 1212121;
    width: 100%;
    height: 100%;
    text-align: center;
    background-color:#111111;
}
.loader_inner {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    vertical-align: middle;
    z-index: 999999;
}
.loader_inner img {
   max-width:100%;
}
.preloader_inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.preloader_inner span {
    background: var(--secondary);
    width: 5px;
    height: 40px;
    margin: 0px;
    display: inline-block;
}
.preloader_inner span:nth-child(1){
	animation: loaderscale 1s ease-in-out 0.15s infinite;
	-webkit-animation: loaderscale 1s ease-in-out 0.15s infinite;
	-moz-animation: loaderscale 1s ease-in-out 0.15s infinite;
	-ms-animation: loaderscale 1s ease-in-out 0.15s infinite;
}
.preloader_inner span:nth-child(2){
	animation: loaderscale 1s ease-in-out 0.30s infinite;
	-webkit-animation: loaderscale 1s ease-in-out 0.30s infinite;
	-moz-animation: loaderscale 1s ease-in-out 0.30s infinite;
	-ms-animation: loaderscale 1s ease-in-out 0.30s infinite;
}
.preloader_inner span:nth-child(3){
	animation: loaderscale 1s ease-in-out 0.45s infinite;
	-webkit-animation: loaderscale 1s ease-in-out 0.45s infinite;
	-moz-animation: loaderscale 1s ease-in-out 0.45s infinite;
	-ms-animation: loaderscale 1s ease-in-out 0.45s infinite;
}
.preloader_inner span:nth-child(4){
	animation: loaderscale 1s ease-in-out 0.90s infinite;
	-webkit-animation: loaderscale 1s ease-in-out 0.90s infinite;
	-moz-animation: loaderscale 1s ease-in-out 0.90s infinite;
	-ms-animation: loaderscale 1s ease-in-out 0.90s infinite;
}
/*---------------------------------------------------------------------------------- 
26. preloader css end 
----------------------------------------------------------------------------------*/
.nc_club_slider .tp-caption {
    padding: 0px !important;
}
/*---------------------------------------------------------------------------------- 
27. triangle and button shape css start
----------------------------------------------------------------------------------*/
.triangle_btn {
    position: relative;
    border-top: 2px solid var(--secondary); 
    border-bottom: 2px solid var(--secondary);
    border-radius: 0;
	backface-visibility: hidden;
}
.triangle_btn:before {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-top: 0px solid var(--secondary);
    border-right: 0px solid transparent;
}
.triangle_btn:after {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-bottom: 0px solid var(--secondary);
    border-left: 0px solid transparent;
}
.triangle_btn:hover:before, .triangle_btn:focus:before {
    border-top: 23px solid var(--secondary);
    border-right: 23px solid transparent;
	opacity:1;
}
.triangle_btn:hover:after, .triangle_btn:focus:after {
    border-bottom: 23px solid var(--secondary);
    border-left: 23px solid transparent;
	opacity:1;
}
.triangle_shape {
    border-top: 1px solid var(--secondary);
    border-bottom: 1px solid var(--secondary);
    position: relative;
}
.triangle_shape:before {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-top: 78px solid var(--secondary);
    border-right: 78px solid transparent;
    z-index: 1;
}
.triangle_shape:after {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-bottom: 78px solid var(--secondary);
    border-left: 78px solid transparent;
    z-index: 1;
}
.triangle_box {
    position: relative;
    border-top: 2px solid var(--secondary);
    border-bottom: 2px solid var(--secondary);
    border-left: 2px solid transparent;
    border-right: 2px solid transparent;
}
.triangle_box:before {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    left: 0;
    top: 0;
    border-top: 15px solid var(--secondary);
    border-right: 15px solid transparent;
}
.triangle_box:after {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    right: 0;
    bottom: 0;
    border-bottom: 15px solid var(--secondary);
    border-left: 15px solid transparent;
}
/*---------------------------------------------------------------------------------- 
27. triangle and button shape css end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
28. footer css start
----------------------------------------------------------------------------------*/
.nc_footer_area {
    font-family: 'Quicksand', sans-serif;
    background-size: cover;
    background-position: 100% 100%;
    background-color: #101010;
}
.nc_footer_area .color_overlay {
    padding: 80px 0px 0;
}
.nc_footer_area .widget {
    float: left;
    width: 100%;
    margin-bottom: 50px;
}
.footer_logo,
.widget_text {
    float: left;
    width: 100%;
}
.footer_logo {
    margin-bottom: 30px;
}
.widget h3 {
    font-size: 20px;
    color: var(--secondary);
    font-family: 'Quicksand', sans-serif;
}
.nc_footer_area .widget .widget-title {
    color: var(--secondary);
}
.widget_text p {
    font-size: 15px;
    color: #e0e0e0;
    line-height: 25px;
}
.nc_footer_area .widget ul {
    list-style: none;
    padding: 0;
    margin: 0;
    float: left;
    width: 100%;
}
.nc_footer_area .widget ul li {
    float: left;
    width: 100%;
}
.nc_footer_area .widget ul li ul {
    padding-left: 15px;
}
.nc_recent_post ul li {
    width: 100%;
    float: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #232323;
    margin-bottom: 30px;
}
.nc_recent_post ul li:last-child{
    border-bottom:none;
    padding-bottom:0;
}
.nc_recent_post ul li img {
    float: left;
    width: 100px;
    height: 91px;
    margin-right: 20px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -moz-transition: all 0.5s;
}
.nc_recent_post ul li:hover img {
    -webkit-filter: brightness(.5);
    filter: brightness(.5);
}
.nc_recent_post ul li div {
    display: inline;
}
.nc_recent_post ul li div p {
    color: #e0e0e0;
    line-height: 25px;
    font-size: 15px;
}
.nc_recent_post ul li div span {
    color: var(--secondary);
    font-size: 15px;
    font-weight: 500;
}
/*recent tweets start*/
.widget.nc_recent_twitt ul li {
    width: 100%;
    float: left;
    padding-bottom: 30px;
    border-bottom: 1px solid #232323;
    margin-bottom: 30px;
}
.widget.nc_recent_twitt ul li i {
    float: left;
    color: var(--secondary);
    margin-right: 20px;
    line-height: 30px;
    font-size: 18px;
    -webkit-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition: all 500ms cubic-bezier(0.455, 0.030, 0.515, 0.955);
    /* easeInOutQuad */
    -webkit-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -moz-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    -o-transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    transition-timing-function: cubic-bezier(0.455, 0.030, 0.515, 0.955);
    /* easeInOutQuad */
}
.nc_recent_twitt ul li:hover i {
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
}
.widget.nc_recent_twitt ul li div {
    float: left;
    width: 80%;
}
.widget.nc_recent_twitt ul li div p {
    color: #e0e0e0;
    line-height: 25px;
    font-size: 15px;
}
.widget.nc_recent_twitt ul li div span {
    color: var(--secondary);
    font-size: 15px;
    font-weight: 500;
}
/*recent tweets end*/
/*---------------------------------------------------------------------------------- 
28. footer css end
----------------------------------------------------------------------------------*/
/*---------------------------------------------------------------------------------- 
29. footer bottom start
----------------------------------------------------------------------------------*/
.nc_footer_strip {
	background-color: #060606;
    padding: 30px 0px;
}
.nc_copright_text {
    text-align: right;
}
.nc_footer_strip .footer_text {
    color: #e0e0e0;
    font-size: 15px;
    margin-bottom: 0;
}
.nc_footer_strip .left_text, .nc_footer_strip .social_icons {
    display: inline-block;
    vertical-align: middle;
}
.nc_footer_strip .left_text{
	padding-right: 10px;
} 
.nc_footer_strip .left_text p{
	margin:0;
}
.social_icons.footer_social svg {
    fill: #fff;
    width: 13px;
    height: 13px;
}
.social_icons a:hover svg {
    fill: var(--secondary);
}
/*---------------------------------------------------------------------------------- 
29. footer bottom end
----------------------------------------------------------------------------------*/
/*======== Blog extraa css start ===========*/
.blog_desc p a {
    color: var(--secondary);
}
.blog_desc p a:hover {
    color: #ffffff;
}
table tr td,
table tr th {
    border:1px solid #202020;
    padding: 10px;
    color: #b0b0b0;
}
table tr th{
    text-align:center;
}
table tr td a,
table tr th a {
    text-decoration: none;
    color: #ff2272;
}
table tr td a:hover,
table tr td a:focus,
table tr th a:hover,
table tr th a:focus {
    color: #ffffff;
}
#cancel-comment-reply-link {
    font-size: 15px;
    text-transform: capitalize;
    color: var(--secondary);
    text-decoration: none;
}
#cancel-comment-reply-link:hover {
    color: #ffffff;
}
.blog_desc ul li a,
.blog_desc ul li a:visited,
.wp-caption-text a,
dl dd a,
.comment_list p a {
    color: var(--secondary);
}
.blog_desc ul li a:hover,
.blog_desc ul li a:focus,
.wp-caption-text a:hover,
dl dd a:hover,
.comment_list p a:hover {
    color: #ffffff;
}
.post-password-form label {
    width: 450px;
    font-weight: normal;
}
.post-password-form input[type="password"] {
    background: transparent;
    border: 1px solid var(--secondary);
    width: 100%;
    color: #e0e0e0;
    padding: 0 15px;
    font-size: 15px;
    height: 45px;
    font-weight: normal;
    border-radius: 0;
    margin-top:10px;
}
.post-password-form input[type="submit"] {
    background: transparent;
    border: none;
    color: #e0e0e0;
    position: relative;
    height: 45px;
    border: 1px solid var(--secondary);
	padding: 0 30px;
	background-color:var(--secondary);
	margin-left: -5px;
	font-size:14px;
	font-weight:500;
    border-radius: 0;
    -webkit-transition:all .3s;
    -ms-transition:all .3s;
    -moz-transition:all .3s;
    -o-transition:all .3s;
    transition:all .3s;
}
.post-password-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:focus {
    color: var(--secondary);
    background-color:transparent;
}
/*=== page link css Start ===*/
.page-links a {
    position: relative;
    margin: 5px 8px;
    display: inline-block;
    width: 37px;
    height: 37px;
    line-height: 35px;
    border: 2px solid #fff;
    color: #ffffff;
    font-size: 15px;
    font-weight: 500;
    backface-visibility: hidden;
    text-align: center;
    position: relative;
}
.page-links a:after,
.page-links a:before {
    content: "";
    position: absolute !important;
    width: 0;
    height: 0;
    opacity: 0;
    transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
}
.page-links a:before {
    left: -2px;
    top: -2px;
    border-top: 0px solid transparent;
    border-right: 0px solid transparent;
}
.page-links a:after {
    right: -2px;
    bottom: -2px;
    border-bottom: 0px solid transparent;
    border-left: 0px solid transparent;
}
.page-links a:hover {
    border-color: var(--secondary);
    color: var(--secondary);
    border-left-color: transparent;
    border-right-color: transparent;
}
.page-links a:hover:before {
    opacity: 1;
    border-top: 14px solid var(--secondary);
    border-right: 14px solid transparent;
}
.page-links a:hover:after {
    opacity: 1;
    border-bottom: 14px solid var(--secondary);
    border-left: 14px solid transparent;
}
/*=== page link css End ===*/
.comment_list .pingback {
    list-style: none;
    float: left;
    width: 100%;
}
.comment_list .pingback .right_avtar_details h3 {
    display: block;
    margin-top: 0;
    line-height: 29px;
    margin-bottom: 7px;
}
.comment_list .pingback .right_avtar_details span {
    margin-bottom: 15px;
    display: block;
}
.comment_list .pingback .right_avtar_details p {
    line-height: 26px;
}
blockquote {
    padding: 10px 20px;
    font-size: 17px;
    border-left: 5px solid #ff2671;
    background-color: #111;
}
.gallery .gallery-item {
    margin-bottom: 30px;
}
.gallery .gallery-item .wp-caption-text {
    padding-top: 6px;
}
/*======== Blog extraa css End ===========*/
/*======== page Template css Start ===========*/
.page-template-default p a {
    color: var(--secondary);
}
.page-template-default p a:hover {
    color: #ffffff;
}
pre {
    /*color: #fff;
    background-color: #ff2671;*/
}
pre h2{
    color:#333;
}
/*======== page Template css End ===========*/
/*======== 1 header css start ===========*/
.top_header {
    padding: 10px 0px;
    background: #dd2361;
}
.top_header ul {
    padding-top: 0;
    margin: 0;
}
.top_header ul li {
    float: left;
    list-style: none;
    margin: 6px;
}
.top_header .header_search {
    position: relative;
    float: right;
}
.top_header .header_search .form-control {
    width: 100%;
    border-color: var(--secondary);
    float: right;
    border-radius: 0;
    padding: 0px 36px 0 10px;
    height: 34px;
}
.top_header .header_search button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 5.5px 10px;
    color: #fff;
    background: #000;
    border: 1px solid #000;
    transition: all .3s;
    border-radius: 0;
}
.top_header .header_search button:hover {
    background: transparent;
    color: var(--secondary);
    border-color: var(--secondary);
}
.top_header ul li a i {
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    font-size: 15px;
    color: #fff;
    transition: all .3s;
}
.top_header ul li a i:hover {
    color: #000;
}
.top_header .nc_phone_address {
    float: right;
    padding: 0;
    margin: 0;
}
.top_header .nc_phone_address li,
.top_header .nc_phone_address li a {
    color: white;
}
.top_header .nc_phone_address li i {
    margin-right: 10px;
}
.top_header .nc_phone_address li a:hover {
    color: #000;
}
.nc_header_top_one .header_search {
    position: relative;
    float: right;
    width: 39%;
}
.nc_header_one {
    text-align: center;
    background-color: #111111;
}
.temp_menu ul {
    display: inline-block;
    float: left;
    width: 100%;
    margin-bottom: 0;
    padding: 0;
}
.temp_menu ul li {
    display: inline-block;
    list-style: none;
    padding: 25px 0px;
    margin: 0 6px;
    position: relative;
}
.temp_menu ul li:last-child {
    margin-right: 0;
}
.temp_menu ul li a {
    display: inline-block;
    padding: 8px 12px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    position: relative;
}
.temp_menu ul li a:after,
.temp_menu ul li a.active:after {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    height: 2px;
    width: 0;
    background: #dd2361;
    transition: all .3s;
}
.temp_menu ul li a:hover:after,
.temp_menu ul li a.active:after {
    width: 80%;
}
.temp_menu ul li a:before,
.temp_menu ul li a.active:before {
    position: absolute;
    content: "";
    bottom: 0;
    right: 0;
    height: 0;
    width: 2px;
    background: #dd2361;
    transition: all .3s;
}
.temp_menu ul li a:hover:before,
.temp_menu ul li a.active:before {
    height: 70%;
}
.temp_menu ul li a:hover {
    color: #dd2361;
}
.navbar-nav {
    float: none;
}
.navbar-collapse {
    padding: 0;
}
.navbar,
.navbar-nav {
    margin: 0;
    margin-bottom: 0;
    border: none;
}
.logo {
    padding-top: 20px;
    display: inline-block;
}
.logo a {
    font-size: 30px;
    font-weight: bold;
    color: white;
	display:inline-block;
}
.navbar-toggle {
    border: 2px solid #fff;
}
.navbar-toggle .icon-bar {
    background: #fff;
}
.temp_menu > ul > li > .sub-menu {
    display: none;
    text-align: left;
    position: absolute;
    min-width: 200px;
    width: auto;
    top: 100%;
    z-index: 1;
    left: 0;
    background: #111111;
    border: 1px solid #313131;
    padding: 0;
}
.temp_menu ul li .sub-menu li {
    margin: 0;
    padding: 7px 14px;
    width: 100%;
    white-space: nowrap;
    float: left;
}
.temp_menu > ul > li > .sub-menu > li > ul.sub-menu {
    display: none;
    text-align: left;
    position: absolute;
    min-width: 200px;
	width: auto;
    top: 0;
    z-index: 1;
    left: 100%;
    background: #111111;
    border: 1px solid #313131;
    padding: 0;
}
.temp_menu ul li .sub-menu li a {
    font-size: 14px;
    padding: 0;
}
.temp_menu ul li .sub-menu li:hover ul.sub-menu {
    display: block;
}
.sub-menu li a:after,
.sub-menu li a:before {
    display: none;
}
.temp_menu ul li:hover .sub-menu {
    display: block;
}
.show-submenu i {
    display: none;
}
.dropdown {
    position: relative;
}
.sub-menu.animated {
    animation-duration: .5s !important;
}
.nc_menuclose_btn {
    float: right;
    color: var(--secondary);
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 29px;
    border: 1px solid;
    cursor: pointer;
    margin-right: 14px;
	margin-top:10px;
    text-align: center;
}
/* menu toggle button */
.menu_toggle_open {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 19px;
    float: right;
    text-align: center;
    background: var(--secondary);
    color: #fff;
    margin: 26px 0;
	cursor:pointer;
	display:none;
}
.menu_toggle_open .fa-times{
	display:none;
}
/* menu toggle button */
.nc_menu_wrapper .menu_toggle_open{
	margin-right:5px;
}
.nc_temp_menu .nc_menuclose_btn {
	color: #111;
}
.admin-bar .menu_fixed{
    margin-top: 32px;
}
/* .admin-bar .nc_topheader_five { */
    /* margin-top: 32px; */
/* } */
/*======== 1 header css end ===========*/
/*======== 2 header css start  ===========*/
.nc_header_two {
    width: 100%;
	float:left;
    text-align: center;
    z-index: 1000;
    background-color: #222;
    border-bottom: 2px solid #dd2361;
}
.home .nc_header_two {
    position: absolute; 
    top: 0;
    left: 0;
}
.nc_header_two .nc_logo {
    padding: 20px 20px 15px;
    float: left;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
}
.nc_header_two .nc_logo:after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: -1000px;
    right: -44px;
    background-color: #000;
    -webkit-transform: skewX(-33deg);
    -khtml-transform: skewX(-33deg);
    -moz-transform: skewX(-33deg);
    -ms-transform: skewX(-33deg);
    -o-transform: skewX(-33deg);
    transform: skewX(-33deg);
    z-index: -1;
}
.nc_temp_menu {
    /*display: inline-block;*/
    float:right;
}
.nc_header_two.menu_fixed {
	position:fixed;
	bottom:auto;
}
.nc_temp_menu > ul {
    padding: 0;
    margin: 0;
    float: left;
}
.nc_temp_menu ul li {
    float: left;
    list-style: none;
    padding: 23px 0px 17px;
    margin: 0 3px;
    position: relative;
    white-space: nowrap;
}
.nc_temp_menu ul li:last-child {
    margin-right: 0;
}
.nc_temp_menu ul li a {
    float: left;
    padding: 8px 12px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    position: relative;
}
.navbar-collapse {
    padding: 0;
}
.navbar,
.navbar-nav {
    margin: 0;
    margin-bottom: 0;
    border: none;
}
.nc_temp_menu ul li .sub-menu {
    position: absolute;
    min-width: 200px;
    top: 100%;
    z-index: 1;
    border: 1px solid #313131;
    border-top: 0;
    left: 0;
    background: #222222;
    padding-left: 0;
}
.nc_temp_menu ul li .sub-menu li {
    padding: 0;
    margin: 0;
    width: 100%;
}
.nc_temp_menu ul li .sub-menu li a {
    font-size: 15px;
}
.nc_temp_menu ul li .sub-menu li ul.sub-menu {
    top: 0;
    z-index: 1;
    left: 100%;
}
.nc_temp_menu ul li a:hover {
    color: #dd2361;
}
.nc_temp_menu > ul > li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
}
.nc_temp_menu > ul > li > .sub-menu > li:hover > .sub-menu {
    visibility: visible;
    opacity: 1;
}
.show-submenu i {
    display: none;
}
.dropdown {
    position: relative;
}
.sub-menu.animated {
    animation-duration: .5s !important;
}
/*======== 2 header css end  ===========*/
/*======== 4 header css start  ===========*/
.nc_header_wrapper {
    background: #000;
    padding: 0 0;
}
.nc_header_wrapper .nc_logo {
    margin: 20px 0 16px;
}
.nc_header_rightdata ul {
    float: right;
    margin: 0;
    padding: 19px 0px 10px;
}
.nc_header_rightdata ul li {
    display: inline-block;
}
.nc_header_rightdata ul li i {
    float: left;
    font-size: 25px;
    color: white;
    height: 50px;
    width: 50px;
    border: 2px solid white;
    text-align:center;
    line-height:50px;
    border-radius: 100%;
    margin-right: 30px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    font-size: 20px;
}
.nc_header_rightdata ul li:hover i {
    background: white;
    color: var(--secondary);
}
.nc_header_rightdata ul li .nc_header_data {
    color: white;
    float: left;
}
.nc_header_rightdata ul li .nc_header_data h4 {
    color: white;
    float: left;
    font-weight: 400;
    width: 100%;
    margin: 0px 0px 2px 0px;
}
.nc_header_rightdata ul li .nc_header_data p {
    width: 100%;
    float: left;
    color: white;
    margin: 0; 
}
/* header section end -*/
/* menu section start */
.nc_header_three {
    background: var(--secondary);
} 
.nc_toggle_button {
    display: none;
}
.nc_menu_btn {
    display: none;
}
.nc_navigation_menu {
    text-align: center;
}
.nc_navigation_menu:after {
    content: "";
    width: 100%;
    display: table;
}
.nc_navigation_menu > ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
    float: left;
    width: 100%;
}
.nc_navigation_menu ul li {
    position: relative;
    display: inline-block;
}
.nc_navigation_menu ul li:last-child {
    margin: 0;
}
.nc_navigation_menu ul li a {
    padding: 20px 15px;
    display: inline-block;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    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;
}
.nc_navigation_menu ul li a:hover {
    color: #111111;
}
.nc_navigation_menu ul li a:before {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 0%;
    height: 5px;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nc_navigation_menu ul li a:hover:before {
    width: 100%;
}
.nc_navigation_menu ul li .nc_active {
    color: #fff;
}
.nc_navigation_menu ul li .nc_active:before {
    content: "";
    position: absolute;
    bottom: -6px;
    left: 0;
    width: 100%;
    height: 5px;
    background: #fff;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nc_navigation_menu > ul > li > ul {
    position: absolute;
    top: 100%;
    text-align: left;
    min-width: 200px;
    left: 0;
    background: var(--secondary);
    border-bottom: 2px solid #111111;
    padding: 0;
}
.nc_navigation_menu > ul > li > ul > li {
    white-space: nowrap;
}
.nc_navigation_menu ul li .sub-menu li a {
    font-size: 14px;
    padding: 10px;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.nc_navigation_menu ul li .sub-menu li {
    width: 100%;
    margin: 0;
    float: left;
}
.nc_navigation_menu ul li .sub-menu li a:before {
    display: none;
}
.nc_navigation_menu > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.nc_navigation_menu > ul > li > ul > li > ul {
    position: absolute;
    top: 0;
    left: 100%;
    text-align: left;
    min-width: 200px;
	background: var(--secondary);
    border-bottom: 2px solid #111111;
    padding: 0;
}
.nc_navigation_menu > ul > li > ul > li > ul > li {
    white-space: nowrap;
}
.nc_navigation_menu > ul > li > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.nc_show-sub-menu {
    display: none;
}
/* menu section end */
/*======== 4 header css end  ===========*/
/*======== Header four css start  ==========*/
.header_four_wrapper {
    float: left;
    width: 100%;
    background-color: #111;
}
.header_four_wrapper .logo {
    padding: 18px 0;
}
.header_four_wrapper.menu_fixed {
    padding: 0;
}
/* header section end -*/
/* menu section start */
.toggle_button {
    display: none;
}
.menu_btn {
    display: none;
}
.navigation_menu {
    text-align: right;
    /* background: var(--secondary); */
    padding: 0 10px;
    width: 100%;
    float: left;
}
.navigation_menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}
.navigation_menu ul li {
    float: left;
    position: relative;
}
.navigation_menu ul li:last-child {
    margin: 0;
}
.navigation_menu ul li a {
    float: left;
    padding: 30px 15px;
    font-weight: 400;
    font-size: 16px;
    color: #fff;
    font-family: 'Quicksand', sans-serif;
    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;
}
.navigation_menu ul li a:hover {
    color: var(--secondary);
}
.navigation_menu > ul > li > a:before {
    content: "";
    position: absolute;
    bottom: 25px;
    left: 0;
    width: 100%;
    height: 3px;
    opacity: 0;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    background: var(--secondary);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.navigation_menu > ul > li > a:hover:before, 
.navigation_menu > ul > li.current-menu-item:before{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    bottom: 0;
}
/*=== first level submenu css start ===*/
.navigation_menu > ul > li > ul{
	top:100%;
	left:0;
}
.navigation_menu ul li .sub-menu li a {
    font-size: 15px;
    padding: 10px;
    width: 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;
}
.navigation_menu ul li .sub-menu li {
    width: 100%;
    margin: 0;
	white-space:nowrap;
}
.navigation_menu > ul > li:hover > ul{
    display: block;
}
/*=== first level submenu css End ===*/
/*=== Second level submenu css start ===*/
.navigation_menu > ul > li > ul > li > ul{
    left:100%;
	top:0;
}
.navigation_menu > ul > li > ul > li:hover > ul{
    display: block;
}
.show-sub-menu {
    display: none;
}
/*=== Second level submenu css End ===*/
.search_icon {
    color: #fff;
    padding: 30px 15px;
    display: inline-block;
    vertical-align: top;
    cursor: pointer;
}
/* menu section end */
/*======== Header four css End ==========*/
/* Search popup css start */
.nc_popup_modal {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1111;
    background-color: rgba(0, 0, 0, .6);
    visibility: hidden;
    opacity: 0;
    transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
}
.nc_popup_modal.open_modal_popup{
	visibility: visible;
    opacity: 1;
}
.modal_dialogue {
    width: 600px;
    margin: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.modal_content_inner {
	padding: 50px 20px;
	opacity:0;
	visibility:hidden;
    transform: translate3d(0px,100px,0px);
    -webkit-transform: translate3d(0px,100px,0px);
    -moz-transform: translate3d(0px,100px,0px);
    -ms-transform: translate3d(0px,100px,0px);
    -o-transform: translate3d(0px,100px,0px);
	transition: all ease-in-out 0.25s 300ms;
	-moz-transition: all ease-in-out 0.25s 300ms;
	-webkit-transition: all ease-in-out 0.25s 300ms;
}
.open_modal_popup .modal_content_inner {
	opacity:1;
	visibility:visible;
    transform: translate3d(0px,0px,0px);
    -webkit-transform: translate3d(0px,0px,0px);
    -moz-transform: translate3d(0px,0px,0px);
    -ms-transform: translate3d(0px,0px,0px);
    -o-transform: translate3d(0px,0px,0px);
}
.nc_modal_form .form_group {
    position: relative;
}
.nc_modal_form input.search {
    width: 100%;
    height: 50px;
    border: 1px solid var(--secondary);
    padding: 0px 70px 0px 20px;
    color: #333;
}
.nc_modal_form .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    width: 50px;
    background: var(--secondary);
    border: none;
    color: #fff;
}
.close_btn {
    background: transparent;
    color: var(--secondary);
    width: 38px;
    height: 38px;
    line-height: 40px;
    opacity: 1;
    font-size: 37px;
    padding: 0;
    border-radius: 0;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
}
.tag-audio .post-edit-link{
    margin-top:50px;
}
/* Search popup css start */
/*======== 5 header css end  ===========*/
/*------------menu elastic css start---------*/
.menu-wrap a {
    color: #b8b7ad;
}
.menu-wrap a:hover {
    color: #c94e50;
}
/* Close Button */
.close-button {
    width: 16px;
    height: 16px;
    position: absolute;
    right: 1em;
    top: 1em;
    overflow: hidden;
    text-indent: 16px;
    border: none;
    z-index: 1001;
    background: transparent;
    color: transparent;
}
.menu-wrap .close-button {
    top: 50px;
	/* display:none; */
    left: 20px;
}
.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #fff;
}
.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close-button:focus {
    outline: none;
}
/* Menu */
.menu-wrap {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1001;
    width: 340px;
    height: 100%;
    font-size: 1.15em;
    -webkit-transform: translate3d(-340px, 0, 0);
    -moz-transform: translate3d(-340px, 0, 0);
    -ms-transform: translate3d(-340px, 0, 0);
    -o-transform: translate3d(-340px, 0, 0);
    transform: translate3d(-340px, 0, 0);
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -webkit-transform 0.4s;
    transition: transform 0.4s;
}
/* Shown menu */
.show-menu .menu-wrap {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
/* Shown menu */
.menu-wrap a {
    color: #b8b7ad;
}
.menu-wrap a:hover {
    color: #c94e50;
}
/* Close Button */
.close-button::before,
.close-button::after {
    content: '';
    position: absolute;
    width: 3px;
    height: 100%;
    top: 0;
    left: 50%;
    background: #fff;
}
.close-button::before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.close-button::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.close-button:focus {
    outline: none;
}
/* Menu */
/*------------menu elastic css end---------*/
/*----------- top Header Start ----------- */
.nc_topheader_five {
    float: left;
    width: 100%;
    /* -webkit-box-shadow: inset -2px 0px 6px rgba(0, 0, 0, 0.3); */
    /* -moz-box-shadow: inset -2px 0px 6px rgba(0, 0, 0, 0.3); */
    /* -ms-box-shadow: inset -2px 0px 6px rgba(0, 0, 0, 0.3); */
    /* -o-box-shadow: inset -2px 0px 6px rgba(0, 0, 0, 0.3); */
    /* box-shadow: inset -2px 0px 6px rgba(0, 0, 0, 0.3); */
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 100;
}
.nc_topheader_left {
    float: right;
    width: auto;
    position: relative;
    padding-right: 43px;
    padding-top: 7px;
}
.nc_menubtn {
    float: left;
    width: 50px;
    height: 50px;
    text-align: center;
    position: relative;
}
.nc_menubtn span {
    position: absolute;
    width: 35px;
    top: 50%;
    left: 50%;
    height: 3px;
    margin-left: -17.5px;
    margin-top: -1.5px;
    font-size: 25px;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
.nc_menubtn span:first-child {
    margin-top:-8px;
}
.nc_menubtn span:last-child {
    margin-top:6px;
}
.nc_menubtn.menu_btn_open span:first-child {
    opacity: 0;
}
.nc_menubtn.menu_btn_open span:nth-child(2) { 
    margin-top: -1.5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.nc_menubtn.menu_btn_open span:last-child {
    margin-top: -1.5px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
.nc_menubtn span.nc_close {
    display: none;
}
.nc_menubtn span:hover {
    color: #dd2361;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nc_search {
    float: left;
    width: 82%;
    padding: 19px 10px;
    border-right: 1px solid #fff;
}
.nc_search form {
    margin: 0;
}
.nc_search input {
    display: inline-block;
    width: 100%;
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 10px 30px 10px 15px;
    height: auto;
    background-image: url(./../images/search_icon.png);
    background-repeat: no-repeat;
    background-position: 100% -129%;
    color: #fff;
    height: 52px;
}
.nc_search_input:focus {
    outline: none;
    border: none;
    box-shadow: none;
    color: #fff !important;
}
.nc_search_input::-moz-placeholder {
    color: #fff;
}
.nc_search_input::-ms-input-placeholder {
    color: #fff;
}
.nc_search_input::-webkit-input-placeholder {
    color: #fff;
}
.nc_sidebar_menu {
    width: 100%;
    float: left;
    background-color: #fff;
    z-index: 1;
    -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
    -ms-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
    -o-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.24);
    height: 100%;
}
.nc_menu_pic {
    float: left;
    width: 100%;
    text-align: center;
    position: relative;
    padding: 60px 0px;
    background: #111111;
}
.nc_menu_pic img {
    display: inline-block;
}
.nc_main_menu {
    float: left;
    width: 100%;
    background-color: #000;
    padding-top: 50px;
}
.nc_menu_inner_section {
    float: left;
    width: 100%;
    position: relative;
    height: 100%;
    background: #000;
    overflow-x: hidden;
}
.nc_main_menu ul {
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}
.nc_main_menu ul li {
    float: left;
    width: 100%;
    list-style: none;
    position: relative;
}
.nc_main_menu ul li a {
    float: left;
    width: 100%;
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    padding: 15px 40px;
    font-weight: 500;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nc_main_menu > ul > li > a:hover {
    background-color: var(--secondary);
    color: #fff;
}
.nc_main_menu ul li a:focus {
    outline: none;
}
.nc_main_menu ul li.active a {
    background-color: #438afe;
    color: #fff;
}
.nc_main_menu ul li a i {
    padding-right: 10px;
}
/*=== menu search bar css Start ===*/
.nc_menu_search {
    display: none;
    float: left;
    position: relative;
    margin: 30px;
    width: 75%;
}
.nc_menu_search .nc_search_menu_input {
    background: transparent;
    border: 1px solid #fff;
    padding: 5px 24px 5px 10px;
    width: 100%;
    color: #fff;
    font-size: 14px;
    height: 40px;
}
.nc_menu_search .nc_search_menu_input:focus {
    color: #fff;
}
.nc_menu_search .nc_search_menu_btn {
    position: absolute;
    top: 2px;
    right: 0;
    padding: 9px;
    background: transparent;
    border-color: transparent;
    color: #fff;
    font-size: 14px;
}
/*=== menu search bar css End ===*/
/*=== menu social icon css Start ===*/
.nc_social {
    float: left;
    width: 100%;
    padding: 30px 0;
}
.nc_social ul {
    margin: 0;
    padding: 0;
    padding-left: 30px;
}
.nc_social ul li {
    list-style: none;
    float: left;
    margin: 10px;
}
.nc_social ul li.active a {
    color: #fe5722;
}
.nc_social ul li a {
    color: #b2b2b2;
    text-decoration: none;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
.nc_social ul li a:hover {
    color: #dd2361;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
/*=== menu social icon css End ===*/
/*===== submenu css start =====*/
.nc_main_menu > ul > li > ul {
    padding-left: 20px;
    display: none;
}
.nc_main_menu > ul > li > ul li {
    white-space: nowrap;
}
.nc_main_menu > ul > li > ul li a {
    padding: 9px 34px;
    font-size: 14px;
    white-space: nowrap;
}
.nc_main_menu > ul > li > ul li a:hover {
    color: #dd2361;
}
.menu_caret {
    position: absolute;
    border: 1px solid #ffffff;
    width: 26px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    top: 0;
    right: 4px;
    margin-top: 11px;
    cursor: pointer;
}
.menu_caret:after {
    position: absolute;
    content: "";
    border-top: 6px solid #ffffff;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    left: 50%;
    top: 50%;
    margin-left: -6px;
    margin-top: -2px;
    height: auto;
    width: auto;
}
/*===== submenu css End =====*/
/*===== submenu second level css start =====*/
.nc_main_menu > ul > li > ul > li > ul {
    padding-left: 20px;
    display: none;
}
.nc_main_menu > ul > li > ul > li > ul + .menu_caret {
    margin-top: 7px;
}
/*===== submenu second level css End =====*/
.nc_topheader_center {
    float: left;
    width: auto;
    padding-top: 20px;
    padding-left: 50px;
}
.nc_topheader_center a{
	display:inline-block;
}
/*=== scrollbar css ===*/
.nc_menu_inner_section::-webkit-scrollbar {
    width: 8px;
    border: 1px solid #dd2361;
}
.nc_menu_inner_section::-webkit-scrollbar-thumb {
    border-radius: 0px;
    background: #dd2361;
    -webkit-box-shadow: inset 0 0 2px #dd2361;
}
.nc_menu_inner_section::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 0px #dd2361;
    border-radius: 10px;
    background-color: #e2e2e2;
}
/*=== scrollbar css ===*/
/*====== top header 3 css start======*/
.nc_topHeader_three {
    background: var(--secondary);
}
.nc_topHeader_three ul {
    margin: 0;
    padding: 0;
}
.nc_topHeader_three ul li {
    list-style: none;
    float: left;
    color: #fff;
    border-right: 1px solid #333;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.nc_topHeader_three ul li a {
    color: inherit;
    text-decoration: none;
}
.nc_topHeader_three ul li:last-child {
    border-right: none;
}
.nc_topHeader_three ul li:last-child {
    margin-right: 0;
}
.nc_topHeader_three ul.top_left {
    float: left;
}
.nc_topHeader_three ul.top_left li {
    padding: 10px 20px;
}
.nc_topHeader_three ul.top_left li i {
    margin-right: 10px;
}
.nc_topHeader_three ul.top_right {
    float: right;
}
.nc_topHeader_three ul.top_right li i {
    padding: 13px 18px;
    color: #fff;
}
.nc_topHeader_three ul li:hover {
    background: #000;
}
/*=======top header 3 css end========*/
/*=======top header 4 css start========*/
.top_header_four {
    background: var(--secondary);
    padding: 10px 0;
}
.header_four_search {
    position: relative;
    border: 2px solid #000;
    border-radius: 5px;
    display: inline-block;
    width: 356px;
}
.header_four_search .form-control {
    height: 40px;
    padding: 0px 51px 0px 10px;
	width:100%; 
}
.header_four_search button {
    position: absolute;
    top: 0;
    right: 0;
    height: 40px;
    width: 50px;
    background: #000;
    border: none;
    border-left: 2px solid #000;
    border-radius: 0 2px 2px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.header_four_search button:hover {
    background: #fff;
}
.header_four_search button i {
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.header_four_search button:hover i, 
.header_four_search button:focus i {
    color: var(--secondary);
}
/*=======top header 4 css end========*/

/*=======Table Booking css Start========*/
.nc_booking_section {
    padding: 80px 0 30px;
}
.table_details_strip {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.table_details_strip li {
    display: inline-block;
    margin: 5px 3px 0 0;
    font-size: 13px;
    padding: 6px 6px;
    border: 1px solid var(--secondary);
	position:relative;
	cursor: pointer;
	text-align:center;
}
.table_details_strip li span { 
    position: absolute; 
    content: "";
    top: -25px;
    left: 0;
    background-color: var(--secondary);
    color: #fff;
    padding: 5px;
    white-space: nowrap;
    min-width: 80px;
    text-align: center;
    opacity: 0;
    visibility: hidden;
    transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
	text-transform: capitalize;
}
.table_details_strip li span:after {
    position: absolute;
    content: "";
    border-right: 7px solid transparent;
    border-left: 7px solid transparent;
    border-top: 7px solid var(--secondary);
    top: 100%;
    left: 50%;
    margin-left: -7px;
}
.table_details_strip li:hover span {
    top: -37px;
	opacity:1;
	visibility:visible;
}
/*=======Table Booking css end========*/
/*=======Table Booking Form css end========*/

.check_availibility_form {
    margin-top: 23px;
    background-color: #111;
    padding: 20px 15px 15px;
    display: inline-block;
    width: 100%;
}
.check_availibility_form .form-group {
    float: left;
    width: 25%;
    padding: 0 5px;
	position:relative;
}
.check_availibility_form .form-group label {
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 11px;
}
.check_availibility_form .form_control {
    background: transparent;
    border: 1px solid var(--secondary);
    width: 100%;
    color: #e0e0e0;
    padding: 0 15px;
    font-size: 15px;
    height: 45px;
    border-radius: 0;
}
.error_msg {
    color: #ff0808;
    font-size: 15px;
    margin-top: 5px;
    display: inline-block;
}
.check_availibility_form .check_btn {
    background: transparent;
    border: 1px solid var(--secondary);
    width: 100%;
    color: #e0e0e0;
    padding: 0 15px;
    font-size: 15px;
    height: 45px;
    border-radius: 0;
	transition:all ease-in 0.25s;
	-webkit-transition:all ease-in 0.25s;
	-moz-transition:all ease-in 0.25s;
}
.check_availibility_form .check_btn:hover, 
.check_availibility_form .check_btn:focus {
    background:var(--secondary);
}
.datepicker_wrap{
	position:relative;
}
.datepicker_wrap .ui-datepicker-trigger {
    position: absolute;
	right:0;
    top:0;
    background: transparent;
    border: none;
    width: 100%;
    color: transparent;
}
.check_availibility_form input:focus, 
.check_availibility_form select:focus {
    color: #ffffff;
}
.timepicker{
	position:relative;
}
.timepicker .add-on {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 18px;
    color: #fff;
    background: var(--secondary);
    height: 45px;
    width: 28px;
    text-align: center;
    line-height: 45px;
    cursor: pointer;
}

.nc_popup_modal_new {
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    z-index: 1111;
    background-color: rgba(0, 0, 0, .6);
    visibility: hidden;
    opacity: 0;
    transition: all ease-in 0.25s;
    -moz-transition: all ease-in 0.25s;
    -webkit-transition: all ease-in 0.25s;
	overflow-y:auto;
}
.nc_popup_modal_new.open_modal_popup{
	visibility: visible;
    opacity: 1;
}
.nc_popup_modal_new .modal-dialog {
    margin: 60px auto 0;
}
.popup_bg {
    background-color: #111;
    padding: 40px 30px;
}
.nc_modal_booking_form{
	text-align:center;
}
.booking_form_cvr{
	text-align:left;
}
.nc_modal_booking_form .booking_error {
    font-size: 16px;
    margin: 20px 0;
    color: var(--secondary);
    font-weight: 600;
    line-height: 24px;
}
.nc_modal_booking_form .form_group {
   margin-bottom:15px;
}
.nc_modal_booking_form label {
    width: 100%;
    font-size: 15px;
    font-weight: normal;
    margin-bottom: 11px;
}
.nc_modal_booking_form .form_control {
    background: transparent;
    border: 1px solid var(--secondary);
    width: 100%;
    color: #e0e0e0;
    padding: 0 15px;
    font-size: 15px;
    height: 45px;
    border-radius: 0;
}
.nc_modal_booking_form .form_control:focus{
    color: #ffffff;
}
.nc_modal_booking_form select option {
    color: #111111;
}
.nc_modal_booking_form .book_btn {
    display: inline-block;
    background-color: transparent;
    border: 1px solid var(--secondary);
	color: #fff;
	height: 45px;
	line-height: 43px;
    padding: 0 35px;
    font-size: 15px;
}
.nc_modal_booking_form .book_btn:hover, 
.nc_modal_booking_form .book_btn:focus {
    border-left-color: transparent;
    border-right-color: transparent;
    color: var(--secondary);
}
.nc_modal_booking_form .button_ok {
    color: #fff !important;
    font-size: 15px;
    background: var(--secondary);
    display: inline-block;
    padding: 8px 37px;
    margin-top: 15px;
    border: 1px solid transparent;
}
.nc_modal_booking_form .button_ok:hover {
    border: 1px solid var(--secondary);
    background-color: transparent;
    color: var(--secondary) !important;
}
/*=======Table Booking Form css end========*/

/*=== Responsive Css start ===*/
@media(max-width:1400px){
	.popup_bg {
		padding: 25px;
	}
}
@media(min-width:992px) and (max-width:1200px){
	.check_availibility_form .form_control{
		font-size:13px;
	}
}
@media (max-width: 767px) {
    .header_rightdata ul li i {
        display: inline-block;
        float: none;
        margin: 0 0 20px 0;
    }
    .header_rightdata ul li .header_data {
        float: none;
        text-align: center;
    }
    .header_rightdata ul li {
        margin-bottom: 20px;
    }
    .header_rightdata ul li:last-child { 
        margin: 0;
    }
    .modal_dialogue{
		width:95%;
	}
	.nc_popup_modal_new .modal-dialog {
		width: 95%;
	}
	.check_availibility_form .form-group{
		width:50%;
		margin-bottom: 35px;
	}
	.check_availibility_form .form-group .error_msg {
		position: absolute;
		top: 100%;
	}
}
@media (max-width: 480px) {
	.check_availibility_form .form-group{
		width:100%;
	}
}
/*=== Responsive Css End ===*/
.fw-container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
    overflow: hidden;
}

/*-------------colorpicker css start ------------------*/
#style-switcher {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);
    left: -159px;
    position: fixed;
    top: 25%;
    width: 160px;
    z-index: 9999;
}
#style-switcher div {
    padding: 5px 9px;
    float: left;
}
ul.colors {
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 0;
	display:inline-block;
}
ul.colors li {
    float: left;
    margin: 0;
}
ul.colors li p {
    cursor: pointer;
    display: block;
    height: 35px;
    width: 35px;
    font-size: 0px;
    margin: 0;
	transition:all ease-in 0.25s;
	-webkit-transition:all ease-in 0.25s;
	-moz-transition:all ease-in 0.25s;
}
ul.colors li p:hover, 
ul.colors li.active p{
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
ul.colors li #color1 {
    background: #ec8d01;
}
ul.colors li #color2 {
    background: #9C27B0;
}
ul.colors li #color3 {
    background: #ff702a;
}
ul.colors li #color4 {
    background: #1fabd3;
}
ul.colors li #color5 {
    background: #01a997;
}
#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 #FFFFFF;
    box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.08);
    display: block;
    height: 41px;
    position: absolute;
    right: -40px;
    bottom: 0;
    width: 40px;
    padding: 3px;
    line-height: 40px;
    font-size: 28px;
    text-align: center;
    color: #000;
}
#style-switcher .bottom a.settings i {
    color: var(--secondary);
}
#style-switcher .bottom a.settings:hover {
    text-decoration: none;
}
#style-switcher > div > h3 {
    font-size: 20px;
    text-transform: capitalize;
    font-weight: 400;
    text-align: center;
    color: var(--secondary);
}
#style-switcher > div > select {
    width: 90%;
}
.nc_404pageimage { 
    text-align: center;
}
.nc_404pageimage img{ display:inline-block; }
/*-----------colorpicker css end ----------------*/
.loader_inner img {
    width: 84px;
    height: 84px;
}
.rev_slider_wrapper{
	float:left;
	width:100%;
}
/*===== Blog changes css =====*/
.padding_color_overlay {
    padding-top: 80px;
    padding-bottom:30px;
    background-color: rgba(0, 0, 0, 0.88);
}
.entry-content ol li a {
    color: var(--secondary);
}
.entry-content ol li a:hover {
    color: #ffffff;
}
.logged-in-as {
    margin-bottom: 10px !important;
}
/*===== Blog changes css =====*/

/*====== video widget ======*/
.widget_media_video .mejs-playpause-button {
    border: 2px solid #fff !important;
    border-radius: 50%;
    padding: 10px 0 0 12px !important;
    margin: 2px 5px 0 2% !important;
}
.widget_media_video .mejs-playpause-button button{
	margin:0;
}
.widget_media_video .mejs-container .mejs-controls {
    background: rgba(0,0,0,.7);
}
.widget_media_video .mejs-controls {
    height: 80px !important;
    background: #000000c2 !important;
}
.widget_media_video .mejs-controls div.mejs-time-rail { 
    width: 96% !important;
    position: absolute;
    bottom: -20px;
    left: 2%;
}
.widget_media_video .mejs-button.mejs-volume-button {
    position: absolute;
    right: 87px;
}
.widget_media_video .mejs-controls a.mejs-horizontal-volume-slider {
    position: absolute;
    right: 2%;
    top: 4px;
}
.widget_media_video .mejs-container .mejs-controls .mejs-time {
    margin: 0;
    position: absolute;
    left: 2%;
    bottom: 17px;
    height: auto !important;
    padding-top: 0;
}
.widget_media_video .mejs-time-total {
    width: 100% !important;
}
/*====== video widget ======*/


code {
    color: var(--secondary);
    background-color: #111;
}
mark, ins {
    color: #fff;
    background-color: #333;
}


/*------ contact form error ------*/
.wpcf7-form-control-wrap{
    width:100%;
    float:left;
}
.wpcf7-form-control-wrap .wpcf7-not-valid-tip{
    position:absolute;
    top:0;
    right:10px;
}
div.wpcf7-validation-errors{
    border:1px solid #f00;
}
.owl-carousel .owl-item{
    text-align:center;
}
.owl-carousel .owl-item img{
    display:inline-block;
}

/*== loader css ==*/ 
 
 .mazo18-pg-textalinge{
    text-align: center;
    display: none;
    position:absolute;
    bottom:-2px;
    left:0;
    right:0;
    margin-left:200px;
 }
.mazo18-textalinge {
    text-align: center;
    display: none;
    position:absolute;
    top:2px;
    left:0;
    right:0;
    margin-left:200px;
    
}
.mazo18-loader {
     border: 3px solid #f3f3f3;
    border-radius: 50%;
    border-top: 3px solid var(--secondary);
    width: 35px;
    height: 35px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 1s linear infinite;
    display: inline-block;
}

.comment-form-cookies-consent input#wp-comment-cookies-consent, body .comment-form-cookies-consent input,
.comment-form-cookies-consent input#wp-comment-cookies-consent {
    width: auto;
    height: auto;
    cursor: pointer;
}

.nc_club_slider .our_story .swiper-slide > .container {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    height: 100%;
}

.nc_club_slider .our_story .swiper-slide > .container .row {
    height: 100%;
}

.nc_club_slider .swiper-button-prev:after,
.nc_club_slider .swiper-button-next:after{
    content: "";
}


/* Modal CSS */

.modal-content {
    background-color: #000;
    box-shadow: 0 0 20px hsl(0deg 0% 26% / 55%);
    border: 1px solid #222222;
}

.event_form .form-control {
    padding: 0;
    border: 0;
    margin: 0 0 0px;
    background: transparent;
}

.event_form .form-control label {
    font-size: 14px;
    font-weight: 500;
     margin: 0 0 4px;
    color: #ffffff;
}

.modal-footer {
    border-top: 1px solid #222222;
}

.book_now_button .read_m_btn {
     /* background-color: #1fabd3; */
    color: #ffffff;
}

.modal-header h5 {
    margin: 0;
    font-weight: 600;
}

.modal-header {
    border-bottom: 1px solid #222222;
    margin: 0 0 20px;
    padding: 0 0 10px;
}

.modal-header .btn-close {
    color: #ffffff;
    opacity: 1;
}

.modal-header .btn-close {
    box-shadow: none;
}

.event_form {
    padding: 10px 20px;
    display: inline-block;
    width: 100%;
}


.subscribe_input input:focus {
    background: transparent;
}

.nc_popup_modal_new .modal-dialog {
    pointer-events: unset;
}

@-webkit-keyframes spin { 
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/*-------------------------------------------------------Custom Mazo18 Style start-----------------------------------------------*/
#crumbs a {
    color: var(--secondary);
    text-decoration: none;
}
#crumbs a:hover {
    color: #fff;
}