/*

Theme Name: Twenty Seventeen

Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.

Version: 1.7

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Text Domain: twentyseventeen

Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready



This theme, like WordPress, is licensed under the GPL.

Use it to make something cool, have fun, and share what you've learned with others.

*/

/*--------------------------------------------------------------

>>> TABLE OF CONTENTS:

----------------------------------------------------------------

1.0 Normalize

2.0 Accessibility

3.0 Alignments

4.0 Clearings

5.0 Typography

6.0 Forms

7.0 Formatting

8.0 Lists

9.0 Tables

10.0 Links

11.0 Featured Image Hover

12.0 Navigation

13.0 Layout

   13.1 Header

   13.2 Front Page

   13.3 Regular Content

   13.4 Posts

   13.5 Pages

   13.6 Footer

14.0 Comments

15.0 Widgets

16.0 Media

   16.1 Galleries

17.0 Customizer

18.0 SVGs Fallbacks

19.0 Media Queries

20.0 Print

--------------------------------------------------------------*/

/*--------------------------------------------------------------

1.0 Normalize

Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css

--------------------------------------------------------------*/

@font-face {
    font-family: 'Vinyl OT';
    src: url('fonts/VinylOT-Regular.eot');
    src: url('fonts/VinylOT-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/VinylOT-Regular.woff2') format('woff2'), url('fonts/VinylOT-Regular.woff') format('woff'), url('fonts/VinylOT-Regular.ttf') format('truetype'), url('fonts/VinylOT-Regular.svg#VinylOT-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}
html {
    font-family: sans-serif;
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    margin: 0;
}
article, aside, footer, header, nav, section {
    display: block;
}
h1 {
    font-size: 2em;
    margin: 0.67em 0;
}
figcaption, figure, main {
    display: block;
}
figure {
    margin: 1em 0;
}
hr {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 0;
    overflow: visible;
}
pre {
    font-family: monospace, monospace;
    font-size: 1em;
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}
a:active, a:hover {
    outline-width: 0;
}
abbr[title] {
    border-bottom: 1px #767676 dotted;
    text-decoration: none;
}
b, strong {
    font-weight: inherit;
}
b, strong {
    font-weight: 700;
}
code, kbd, samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
dfn {
    font-style: italic;
}
mark {
    background-color: #eee;
    color: #222;
}
small {
    font-size: 80%;
}
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    bottom: -0.25em;
}
sup {
    top: -0.5em;
}
audio, video {
    display: inline-block;
}
audio:not([controls]) {
    display: none;
    height: 0;
}
img {
    border-style: none;
}
svg:not(:root) {
    overflow: hidden;
}
button, input, optgroup, select, textarea {
    font-family: sans-serif;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
}
button, input {
    overflow: visible;
}
button, select {
    text-transform: none;
}
button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
}
button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0;
}
button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: 1px dotted ButtonText;
}
fieldset {
    border: 1px solid #bbb;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}
legend {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal;
}
progress {
    display: inline-block;
    vertical-align: baseline;
}
textarea {
    overflow: auto;
}
[type="checkbox"], [type="radio"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}
[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit;
}
details, menu {
    display: block;
}
summary {
    display: list-item;
}
canvas {
    display: inline-block;
}
template {
    display: none;
}
[hidden] {
    display: none;
}
.entry-content {
    float: left;
    width: 100%;
    margin-top: 24px;
}
.buy-ticket-sec {
    float: left;
    margin: 0px!important;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.buy-ticket-sec h3 {
    width: 415px;
    margin: 0px auto;
}
.buy-ticket-sec h3 a {
    background: #f9e1bf;
    font-family: 'Vinyl OT'!important;
    width: 100%;
    padding: 13px 57px 10px;
    float: left;
    margin: auto;
    color: #1e443f;
    font-weight;
    normal;
    font-size: 22px;
    text-transform: uppercase;
}
.buy-ticket-sec h3 a:hover, .buy-ticket-sec h3 a:focus, .condition-block .entry-condition:hover, .condition-block .entry-condition:focus {
    background: #1e443f;
    color: #f9e1bf;
}
.youtube-contentsec {
    margin: 0px!important;
    padding: 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin: auto;
}
.youtube-contentsec h3 {
    font-family: 'Vinyl OT'!important;
    padding: 13px 0px 9px;
    font-size: 22px;
    margin: auto;
    color: #f9e1bf;
    width: 450px;
    margin: 40px auto;
    font-weight;
    normal;
    background: #0e3340;
    padding: 100px 0;
    text-transform: uppercase;
}
.presented-content p {
    float: left;
}
.poster-sec {
    margin: 0px;
    padding: 0px;
    width: 100%;
    float: left;
    text-align: center;
    margin: auto;
}
.poster-sec h3 {
    font-family: 'Vinyl OT'!important;
    padding: 13px 0px 9px;
    font-size: 22px;
    margin: auto;
    color: #0e3340;
    width: 450px;
    margin: 40px auto;
    font-weight;
    normal;
    background: #f9e1bf;
    padding: 300px 0;
    text-transform: uppercase;
}
body {
    background-attachment: fixed;
    background-size: cover!important;
    overflow-x: hidden;
}
.container {
    max-width: 1170px;
    margin: auto!important;
}
.entry-title {
    display: none;
}
.soical-links {
    float: left;
    margin: 0px 0 20px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.soical-links ul {
    float: none;
    margin: 0px auto;
    padding: 0px;
    max-width: 340px;
}
.soical-links ul li {
    float: left;
    margin: 0px 27px;
    padding: 0px;
    list-style-type: none;
    display: inline-block;
}
.soical-links ul li a {
    color: #fff;
    font-size: 34px;
}
@media(min-width:768px) and (max-width:1199px) {
    .vc_row {
        margin-left: auto!important;
        margin-right: auto!important;
    }
    .video-sec .wpb_wrapper {
        width: 80%!important;
    }
}
@media(max-width:767px) {
    .video-sec .wpb_wrapper {
        width: 95%!important;
    }
    .vc_row {
        margin-left: auto!important;
        margin-right: auto!important;
    }
}
@media(max-width:560px) {
    .vc_row {
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
    .entry-title {
        display: none;
    }
    body {
        overflow-x: hidden!important;
    }
    .buy-ticket-sec h3 a {
        padding: 13px 10px 9px!important;
        font-size: 18px;
    }
    .logo-sec img {
        width: 100%;
    }
    .video-sec .wpb_wrapper {
        width: 95%!important;
    }
    .poster-img img {
        max-width: 95%!important;
    }
    .buy-ticket-sec h3 {
        width: 100%!important;
    }
    .youtube-contentsec h3 {
        width: 100%!important;
    }
    .poster-sec h3 {
        width: 100%!important;
        margin-left: 5px!important;
    }
}
.video-sec {
    margin-bottom: 0px!important;
}
.top_header {
    float: left;
    margin: 0px;
    padding: 0px;
    width: 100%;
    text-align: center;
}
.presented-content {
    margin: 0px auto;
    padding: 0px;
    width: fit-content;
}
.presented-content h3 {
    float: left;
    margin: 10px;
    padding: 0px;
    width: auto;
    font-size: 18px;
    color: #fff;
    font-family: 'Vinyl OT'!important;
}
.menu-top-menu-container ul {
    padding: 0;
    margin: 0;
    font-family: 'Vinyl OT' !important;
    display: flex;
    justify-content: center;
}
.menu-top-menu-container ul li {
    display: inline-block;
    padding: 0 15px;
}
.menu-top-menu-container ul li:nth-child(2n) a {
    color: #f9e1bf;
}
.menu-top-menu-container ul li a {
    color: #fff;
    font-size: 22.67px;
	text-transform: uppercase;
}
header {
    margin-top: 50px;
    width: 100%;
    float: left;
    position: relative;
}
.top_header .textwidget {
    display: flex;
    justify-content: center;
    flex-flow: column;
    margin-top: 23px;
}
.entry-header {
    display: none;
}
.condition-block {
    display: flex;
    justify-content: center;
    font-family: 'Vinyl OT' !important;
    margin-bottom: 10px !important;
}
/* =============== Mobile menu css Start ===================== */

.resp-menu a#resp_menu:hover, .resp-menu a#resp_menu:focus {
	text-decoration: none;
	color: #fff;
	border-color: #272d2d;
}
.reponsive-menu .menu-top-menu-container {
    background: #206778;
    margin-top: 10px;
    width: 100%;
}
.reponsive-menu .menu-top-menu-container ul {
    padding: 0;
    margin: 0;
    font-family: 'Vinyl OT' !important;
    display: flex;
    justify-content: center;
    flex-flow: column;
}
.reponsive-menu .menu-top-menu-container ul li a:hover, .reponsive-menu .menu-top-menu-container ul li a:active, .reponsive-menu .menu-top-menu-container ul li a:focus {
    text-decoration: none;
}
.reponsive-menu .menu-top-menu-container ul li:hover, .reponsive-menu .menu-top-menu-container ul li.current-menu-item, .reponsive-menu .menu-top-menu-container ul li:active, .reponsive-menu .menu-top-menu-container ul li:focus {
    background-color: #f9e1bf;
}
.reponsive-menu .menu-top-menu-container ul li:hover>a, .reponsive-menu .menu-top-menu-container ul li.current-menu-item>a, .reponsive-menu .menu-top-menu-container ul li:active>a, .reponsive-menu .menu-top-menu-container ul li:focus>a {
    color: #121212;
}
.reponsive-menu .menu-top-menu-container ul li {
    border-bottom: 1px solid #ccc;
    transition: .2s all ease-in-out;
}
.reponsive-menu .menu-top-menu-container ul li a {
    width: 100%;
    display: flex;
}
.reponsive-menu .menu-top-menu-container ul li:first-child {
    border-top: 1px solid #ccc;
}
.reponsive-menu .menu-top-menu-container {
    overflow: hidden;
    transition: .5s height ease-in-out;
    position: absolute;
    z-index: 99;
    left: 0;
    right: 0;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .4);
    transition: .5s height ease-in-out;
}
.reponsive-menu .menu-top-menu-container ul#menu-top-menu {
	height: 0;
    transition: .5s height ease-in-out;
}

.reponsive-menu.menu-open .menu-top-menu-container ul#menu-top-menu {
    height: auto;
    transition: .5s height ease-in-out;
}
.reponsive-menu .resp-menu {
    width: 100%;
    display: flex !important;
    justify-content: center;
}
.reponsive-menu .menu-top-menu-container {
	background: #206778;
	margin-top: 0;
	width: 100%;
}
.navigation-top.reponsive-menu {
	background-color: rgba(31, 103, 121, .7);
}
.resp-menu a#resp_menu {
	color: #fae1bd;
	font-size: 18px;
	/* border: 2px solid #fae1bd; */
	height: 50px;
	width: 50px;
	/* display: inline-block; */
	border-radius: 10px;
	padding: 5px 0;
	/* background: #206778; */
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-weight: 600;
	letter-spacing: 1px;
	position: relative;
}
.resp-menu a#resp_menu::before {
	content: "=";
	position: absolute;
	left: 0px;
	top: 10px;
	visibility: hidden;
	transition: .2s left ease-in-out;
}
.resp-menu a#resp_menu::after {
	content: "=";
	position: absolute;
	right: 0px;
	top: 10px;
	visibility: hidden;
	transition: .2s right ease-in-out;
}
.reponsive-menu.menu-open .resp-menu a#resp_menu::before {
	left: -20px;
	visibility: visible;
}
.reponsive-menu.menu-open .resp-menu a#resp_menu::after {
	right: -20px;
	visibility: visible;
}
/* =============== Mobile menu css End ===================== */

a.previouspostslink, a.nextpostslink {
    background-color: #f9e1bf!important;
    border-radius: 0 !important;
    font-size: 16px !important;
    font-family: helvetica !IMPORTANT;
    width: 130px;
    height: 38px;
    text-transform: uppercase;
    font-weight: 600 !important;
    letter-spacing: .5px !important;
    margin: 0 40px !IMPORTANT;
    display: inline-block;
    text-align: center;
    color: #000;
    padding: 6px 0;
}
a.previouspostslink:hover, a.nextpostslink:hover, a.previouspostslink:focus, a.nextpostslink:focus {
    text-decoration: none;
}
a.page {
    display: none;
}
.wp-pagenavi {
    display: flex;
    justify-content: center;
    width: 100%;
    float: left;
}
span.current {
    border: none;
}
.wpb_text_column.wpb_content_element.faq-block {
    max-width: 520px;
    margin: auto;
}
.soical-links ul li a:hover, .soical-links ul li a:focus {
    color: #206778;
    text-decoration: none;
}
span.pages {
    display: none;
}
body {
	background-color: #09080d !important;
}

.owl-dots {
    position: absolute;
    top: 0;
}
.owl-prev {
    float: left;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}
.owl-next {
    float: right;
    font-size: 20px;
    text-transform: uppercase;
    padding: 20px;
}
.owl-dots {
    counter-reset: slides-num;
    position: relative;
    margin-top: -50px !important;
    left: 45%;
}
.owl-carousel .owl-item {
    width: 100% !important;
    max-width: 500px;
    margin: auto !important;
}
button.owl-dot span {
    visibility: hidden;
}
.Question, .answer, .faq-post p {
    font-size: 18px;
    line-height: 27px;
    letter-spacing: .5px;
    font-weight: bold;
}
.faq-post p a {
    color: #23282d !important;
}
.faq-post p strong {
    font-weight: inherit;
}
.faq-post img {
    width: 100%;
    height: auto;
}
.vc_row.wpb_row.vc_inner.vc_row-fluid.vc_custom_1539071475056 {
    width: 100%;
    float: left;
}
.faq-post {
    width: 100%;
    padding: 20px 0px;
    font-family: helvetica;
}
.owl-nav {
    display: flex;
    justify-content: center;
}
.owl-dot {
    display: inline-block;
    counter-increment: slides-num;
    /* Increment counter */
    margin-right: 5px;
}
.owl-dot span {
    display: none;
}
.owl-dot.active:before {
    content: counter(slides-num);
    /* Use the same counter to get current item. */
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    position: absolute;
    left: 25px;
    top: 17px;
}
button[role="presentation"]:hover, button[role="presentation"]:focus {
    color: #121212 !important;
}
h2.page-title {
    background: #f9e1bf;
    display: inline-block;
    padding: 15px 40px;
    font-family: helvetica;
    font-size: 26px;
    font-weight: 600;
    letter-spacing: .5px;
    color: #1e443f;
    text-transform: uppercase;
}
.pagination-wrap {
    width: 100%;
    float: left;
    position: relative;
    z-index: 9999;
}
button.owl-dot {
    width: 0px;
    height: 0px;
    margin: 0;
    background: transparent !important;
}
a {
    transition: .2s all ease-in-out;
}
.entry-condition {
    color: #ff6b6b;
    font-size: 19.36px;
    background-color: #272d2d;
    padding: 13.4px 21px;
}
@media(min-width:768px){
	header .current-menu-item a {
		text-decoration: underline;
	}
}
@media(min-width:768px) and (max-width: 995px) {
    header {
        margin-top: 30px;
    }
}
@media(min-width:768px) and (max-width: 1024px) {
    .menu-top-menu-container ul li a {
        font-size: 14.5px;
    }
}
@media(max-width:767px) {
	header {
		margin-top: 0;
	}
	.wpb_text_column.wpb_content_element.faq-block {
		padding: 0 20px;
	}
	h2.page-title {
    	padding: 15px 20px;
        font-size: 17px;
    }
    .condition-block .entry-condition {
        font-size: 16.36px;
    }
}
.vc_row {
    width: 100%;
    max-width: 100%;
}
/**/

.artists_wrapper {
    /* display: flex; */
    /* flex-flow: wrap; */
    /* flex-direction: row; */
    /* justify-content: center; */
    max-width: 760px;
    margin: auto;
    text-align: center;
}
.artists_wrapper .artist-area {
	width: 24.5%;
	padding: 5px;
	display: inline-block;
}
.artist-img {
    overflow: hidden;
}
.artist-area .artist-img img {
    width: auto;
    min-height: 180px;
    object-fit: cover;
    overflow: hidden;
    max-height: 180px;
}
.artist-text h5 {
    color: #ff6b6b;
    font-size: 16px;
    font-family: helvetica;
    font-weight: 600;
}
.art-container {
    padding-top: 20px;
}
.artist-text h4 span {
    margin-top: 2px;
    display: inline-block;
}
.top-gh .wpb_text_column.wpb_content_element {
    margin-bottom: 15px !important;
}
.ribbon-title--b {
    /* Calc */
    /* Props */
    background-color: #272d2d;
    color: #fff;
    display: block;
    /* filter: drop-shadow(0 1px 2px rgba(0, 0, 0, .5));*/
    font-size: 25px;
    line-height: 1;
    margin: 0px auto;
    max-width: 90%;
    padding: 10px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition: all 300ms;
}
.ribbon-title--b::before, .ribbon-title--b::after {
    content: '';
    position: absolute;
    top: 0;
    border: 18px solid #272d2d;
    z-index: -1;
}
.ribbon-title--b::before {
    left: -10px;
    border-left: 6px solid transparent;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.ribbon-title--b::after {
    right: -10px;
    border-right: 6px solid transparent;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.text {
    color: white;
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center;
}
.artist-area:hover .overlay {
    height: 100%;
}
.artist-area {
    position: relative;
}
.overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.60);
    overflow: hidden;
    width: 100%;
    height: 0;
    transition: .5s ease;
}
.text a {
    color: #1e443f;
    background: #f9e1bf;
    border-radius: 50%;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    width: 50px;
}


@media(max-width: 578px){


#page .page-wrapper{clear: both;}
.artists_wrapper .artist-area {width: 100%;padding: 5px;}
.ribbon-title--b {
	max-width: Calc(100% - 20px);
}
.condition-block .entry-condition {
    font-size: 15px;
    display: inline-block;
    text-align: center;
    max-width: 275px;
}

}


@media(min-width: 579px) and (max-width: 767px){

.artists_wrapper .artist-area {
    width: 50%;
    padding: 5px;
}

.top-gh {margin-bottom: 15px;}
.ribbon-title--b{    max-width: 92%;}

}
@media(max-width:767px){
	.artist-area .artist-img img {
		width: 100%;
		min-height: 180px;
		object-fit: cover;
		overflow: hidden;
		 max-height: unset; 
	}
}
@media(min-width: 768px) and (max-width: 991px){


.artists_wrapper .artist-area {
    width: 30%;
    padding: 5px;
}

.condition-block .entry-condition {
    font-size: 15px;
    display: inline-block;
    text-align: center;
    max-width: 275px;
}

}




@media(min-width: 992px) and (max-width: 1100px){


/*.artists_wrapper .artist-area {
    width: 30%;
    padding: 5px;
}*/

}
.centered-text p {
    font-family: helvetica;
    font-weight: bold;
    font-size: 17px;
    line-height: 21px;
    letter-spacing: .5px;
    padding-left: 30px;
    padding-right: 30px;
    color: #000;
}
.centered-text p strong {
    color: #f9e1bf;
    font-weight: inherit;
}



.centered-text {
    padding-top: 25px !important;
}