@font-face {
    font-family: 'bebas_neue_regularregular';
    src: url('../fonts/bebasneue_regular-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'bebas_neuebook';
    src: url('../fonts/bebasneue_book-webfont.woff2') format('woff2'),
         url('../fonts/bebasneue_book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* --------------------------------------------------
    [4. About]
---------------------------------------------------- */
  .about-us {
    min-height: 506px;
  }
@media (max-width: 768px) {
	.about-us {
		min-height: 506px;
	}
}

@media (max-width: 400px) {
	.about-us {
		min-height: 600px;
	}
}
img.equal-height-column {
  width: auto;
}

.carousel-v5 .carousel-arrow a.carousel-control {
	opacity: 1;
	background: none;
	text-shadow: none;
	position: inherit;
}

.carousel-v5 .carousel-arrow a span {
	top: 50%;
	opacity: 1;
	font-size:13px;
	background: #fff;
	color: #e6125d;
	margin-top: -18px;
	padding: 24px 0;
	position: absolute;
	height:60px;
	width: 60px;
}
.carousel-v5 .carousel-arrow a span:hover {
	opacity: 0.8;
}

.carousel-v5 .carousel-arrow a.left span {
	left: 15px;
}
.carousel-v5 .carousel-arrow a.right span {
	left: 61px
}

.carousel-v5 {
	position: relative;
}
.carousel-v5 .shadow {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0,0,0,0.3);
}

.studio-owner{
	object-fit: contain;
	background: #1b1c1d;
}

/* --------------------------------------------------
    [8. Services]
---------------------------------------------------- */
#services{
	color: #000;
}
#services h2{
	color: #000;
}
.service, .service:hover {
	box-shadow: none;
	background: #fff;
}

.service__icon {
	font-size: 75px;
	color: #000;
}

.service__title {
	font-size: 14px;
	color: #00;
	text-transform: uppercase;
	font-weight: bold;
}

.service__title:hover {
	color: #000;
}

.service__text {
	font-size: 14px;
	color: #000;
}

/* --------------------------------------------------
    [6. Special]
---------------------------------------------------- */
.special-dishes {
}
.special-dishes .slick-dots {
  position: absolute;
  /*top: 50%;*/
  left: 43%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .special-dishes .slick-dots {
    /*left: 15px;*/
  }
}
.special-dishes .slick-dots li {
  /*display: block;*/
  margin: 5px;
  padding: 5px;
}
.special__price {
	font-weight: bold;
	font-size: 26px;
	color: #fff;
}

@media (max-width: 991px) {
  .special__img {
    width: 50%;
    margin: 50px auto 0;
  }
}
@media (max-width: 767px) {
  .special__img {
    width: 80%;
  }
}

/* Slick slider */
.slick-slide {
  outline: none;
}
.slick-dots {
  padding: 0;
  margin: 0;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 7px;
  height: 7px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
  background: rgba(255,255,255,.5);
  border-radius: 50%;
}
.slick-dots li.slick-active {
  background: rgba(255,255,255,1);
}
.slick-dots li button {
  display: none;
}
.slick-arrow {
  display: inline-block;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 45px;
  background: #111;
  color: #fff;
  transition: all 0.3s ease-in-out 0s;
  cursor: pointer;
  z-index: 2;
}
.slick-arrow:hover {
  color: #111;
  background: #f5f219;
}

/*--------------------------------------------------
    [9. Gallery]
---------------------------------------------------- */
/*Portfolio*/
.gallery .cbp-caption-fadeIn .cbp-caption-activeWrap {
  background: transparent;
}

.gallery .cbp-caption-fadeIn .cbp-l-caption-body {
	background: rgba(230, 19, 93, 0.9);
  transition: opacity 1s cubic-bezier(0.19, 1, 0.22, 1) 0s;
  text-align: center;
}

.gallery .cbp-l-caption-pretitle {
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 15px;
	color: #fda1c0;
	display: block;
}

.gallery .cbp-l-caption-title {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: bold;
  margin-bottom: 15px;
}

.gallery .cbp-caption-fadeIn .cbp-l-caption-body p {
	color: #fda1c0;
	font-size: 14px;
	max-width: 78%;
	margin: 0 auto;
	line-height: 1.4;
}

/*Fix a minor issue in the width*/
.gallery .cbp .cbp-item {
  min-width: 20.2%;
}

.gallery{
	color: #000;
}
.gallery h2{
	color: #000;
}

/* --------------------------------------------------
    [10. Contact Section]
---------------------------------------------------- */
.contacts-section {
	position: relative;
	/*background: url(../img/01_studio_website_picture_city.png) no-repeat 25% 0 / cover;*/
	color: #000;
	background-color: #fff;
}
.contacts-section h2{
	color: #000;
}

.contacts-section ::-webkit-input-placeholder {color: rgba(0,0,0,.3); opacity: 1;}
.contacts-section ::-moz-placeholder {color: rgba(0,0,0,.3); opacity: 1;} /* Firefox 19+ */
.contacts-section :-moz-placeholder {color: rgba(0,0,0,.3); opacity: 1;} /* Firefox 18- */
.contacts-section :-ms-input-placeholder {color: rgba(0,0,0,.3); opacity: 1;}

.contacts-section .sky-form input,
.contacts-section .sky-form select,
.contacts-section .sky-form textarea,
.contacts-section .sky-form input:hover,
.contacts-section .sky-form select:hover,
.contacts-section .sky-form textarea:hover {
	color: rgba(0,0,0,.3);
	border-color: rgba(0,0,0,.3);
	border-radius: 4px;
	background: transparent;
}
.contacts-section .sky-form input:focus,
.contacts-section .sky-form textarea:focus {
	color: #000;
	border-color: #000;
}
.contacts-section .btn-u {
	width: 100%;
}

/* Footer */
.footer {
	background: #1B1C1D;
}
.footer h3 {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
}
.footer__logo {
	opacity: .3;
}
.footer__logo:hover {
	opacity: 1;
}
.footer .list-inline {
	margin: 0 0 20px;
}
.footer .list-unstyled li {
	margin-bottom: 8px;
}
.footer a {
	color: rgba(255,255,255,.3);
	transition: all .1s ease-in-out;
}
.footer a:hover {
	color: #fff;
}
.footer hr {
	border-color: rgba(255,255,255,.3);
	margin: 0 0 30px;
}
.footer__social i {
	color: rgba(255,255,255,.3);
	border-color: rgba(255,255,255,.3);
}
.footer__social:hover i {
	color: #fff;
	border-color: #fff;
	background: #505255;
}

/* g-heading-v12 */
.g-heading-v12 {
	position: relative;
	padding-top: 16px;
}
.g-heading-v12:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 33px;
  margin-left: 0;
  border-top: 4px solid #e74c3c;
}
.g-heading-v12.text-center:before {
  left: 50%;
  margin-left: -15px;
}
.g-heading-v12.text-right:before {
  left: auto;
  right: 0;
  margin-left: 0;
}
.g-heading-v12 h2,
.g-heading-v12 .h2 {
	text-transform: uppercase;
	font-size: 26px;
	font-weight: 700;
	color: #fff;
	margin: 0;
	line-height: 1.3;
}
.g-heading-v12 p {
	margin: 0 auto;
	max-width: 760px;
}




/* --------------------------------------------------
    [0. Custom]
---------------------------------------------------- */
body{
	color: #fff;
}
h2{
	color: #fff;
}

/*Menu*/
.one-page-header.navbar-default .navbar-toggle .icon-bar, .one-page-header.top-nav-collapse .navbar-toggle .icon-bar{
	background-color: #666;
}
.one-page-header.navbar-default .navbar-toggle:hover .icon-bar, .one-page-header.top-nav-collapse .navbar-toggle:hover .icon-bar{
	background-color: #000;
}
.one-page-header .navbar-nav > li > a span[data-hover]{
	color: #000;
	transition: all 0.5s ease;
}
.one-page-header .navbar-nav > .active > a span[data-hover], .one-page-header .navbar-nav > .active > a:hover span[data-hover], .one-page-header .navbar-nav > .active > a:focus span[data-hover], .one-page-header .dropdown-menu > .active > a span[data-hover], .one-page-header .dropdown-menu > .active > a:hover span[data-hover], .one-page-header .dropdown-menu > .active > a:focus span[data-hover], .one-page-header.top-nav-collapse .dropdown-menu > .active > a span[data-hover], .one-page-header.top-nav-collapse .dropdown-menu > .active > a:hover span[data-hover], .one-page-header.top-nav-collapse .dropdown-menu > .active > a:focus span[data-hover]{
	color: #000;
	font-weight: bold;
}
.one-page-header .navbar-nav > li > a:hover span[data-hover]{
	color: #000;
}
.u-promo-block--cover:after{
	content: initial;
}
.one-page-header{
	background: #fff;
	border-bottom: 2px solid #000;
}
.one-page-header.top-nav-collapse{
	background: #fff;
	border-bottom: 2px solid #000;
}

/*About us*/
.heading-v20__pre-title{
	text-transform: uppercase;
}
.heading-v20__title{
	text-transform: uppercase;
}

.bg-color-main{
	background-color: #1b1c1d;
}

.carousel-v5 .carousel-arrow a span{
	color: #000;
}
#particleContainer{
	overflow: hidden;
}

/*Links*/
a, a:hover{
	color: #000;
}

/* style 6 */

.inputfile-6 ~ label {
    color: #000;
}

.inputfile-6 ~ label {
    border: 1px solid #000;
	color: rgba(0,0,0,.3);
    border-color: rgba(0,0,0,.3);
    border-radius: 4px;
    background: transparent;
    padding: 0;
	border-radius: 4px;
}

.inputfile-6:focus ~ label,
.inputfile-6.has-focus ~ label {
    border-color: #000;
	color: #000;
	outline:0;
}

.inputfile-6 ~ label span,
.inputfile-6 ~ label strong {
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile-6 ~ label span {
    width: 71%;
    min-height: 2em;
    display: inline-block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: top;
	padding-left: 0;
}

.inputfile-6 ~ label strong {
    height: 100%;
    color: #fff;
    background-color: #1B1C1D;
    display: inline-block;
}

.inputfile-6:focus ~ label strong,
.inputfile-6.has-focus ~ label strong{
    background-color: #505255;
	outline:0;
}

.inputfile-6:hover ~ label strong{
	background-color: #505255;
	transition: all 0.3s ease-in-out;
}

@media screen and (max-width: 50em) {
	.inputfile-6 ~ label strong {
		display: block;
	}
}

.inputfile {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.inputfile ~ label {
    max-width: 100%;
    width: 100%;
    font-size: 14px;
    /* 20px */
    font-weight: normal;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    display: inline-block;
    overflow: hidden;
    padding: 0.625rem 1.25rem;
    /* 10px 20px */
}

.inputfile:focus ~ label,
.inputfile.has-focus ~ label {
    outline: 1px dotted #000;
    outline: -webkit-focus-ring-color auto 5px;
	outline:0;
}

.inputfile ~ label * {
    /* pointer-events: none; */
    /* in case of FastClick lib use */
}

.inputfile ~ label svg {
    width: 1em;
    height: 1em;
    vertical-align: middle;
    fill: currentColor;
    margin-top: -0.25em;
    /* 4px */
    margin-right: 0.25em;
    /* 4px */
}


.gallery .cbp-caption-fadeIn .cbp-l-caption-body{
	background: rgba(27, 28, 29, 0.9);
}
.gallery .cbp-caption-fadeIn .cbp-l-caption-body p{
	color: #fff;
}

.btn-u, .btn-u:focus, .btn-u:visited{
	background-color: #fff;
	color: #000;
}
.btn-u:hover{
	background-color: #ccc;
	color: #000;
}
.btn-u-black:hover{
	background-color: #505255;
	color: #fff;
}
.btn-u-black, .btn-u-black:focus, .btn-u-black:visited{
	background-color: #1B1C1D;
	color: #fff;
}
.btn-u-black:disabled{
	background-color: #EEEEEE;
	cursor: not-allowed;
	color: #fff;
}

@media (max-width: 600px) {
	.g-block-middle {
		top: 13vw !important;
	}
}
.g-block-middle{
	top: 55%;
}

@media (min-width: 768px) {
	.about-us-content {
		max-width: 750px;
	}
}
.about-us-content {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.state-error .invalid{
	color: red !important;
}
.state-success .valid{
	border-color: green !important;
}

.greyscale {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	filter: grayscale(100%);
	transition: all 0.5s ease;
}

.greyscale:hover {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	filter: grayscale(0%);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/**/
/* failed state */
/**/
.sky-form .failed{
	display: none;
    color: #b66f6f;
}
.sky-form .failed i {
	display: block;
	margin: 0 auto 20px;
	width: 81px;
	height: 81px;
	border: 1px solid #b66f6f;
	border-radius: 50%;
	font-size: 30px;
	line-height: 81px;
}
.sky-form.failure fieldset,
.sky-form.failure footer {
	display: none;
}
.sky-form.failure .failed {
	display: block;
	padding: 25px 30px;
	background: rgba(255,255,255,.9);
	font: 300 18px/27px 'Open Sans', Helvetica, Arial, sans-serif;
	text-align: center;
}