/* ==========================================================================
   Reset Style
   ========================================================================== */
body, html { margin: 0; padding: 0; min-height: 100% !important; background-color: #1d0630; }
body { overflow-x:hidden;}
img { margin: 0; padding: 0; }
p { padding: 0; margin: 0 0 24px; }
p:first-child { margin-top: 0; } 
p:last-child { margin-bottom: 0; } 
a img,
a:hover, a:focus { outline: none; }
header, section, footer { margin: 0; padding: 0; }

img[align="left"]{
	float: left;
	margin-right: 30px;
	margin-bottom: 15px;
}
.main { min-width:320px; overflow:hidden;}
/* ==========================================================================
   Logo
   ========================================================================== */
.logo{
	display: block;	
		
}
.logo img{
	max-width: 199px;
	width: 100%;
}
.affix-top .logo > .logo-fixed{
	display: none;
}
.affix-top.open .logo > .logo-static,
.affix .logo > .logo-static{
	display: none;
}
.affix-top.open .logo > .logo-fixed{
	display: block;
}

/* ==========================================================================
   Header Style
   ========================================================================== */
.affix{
	background-color: #fff;
}
.affix-top.open .navbar-nav>li>a,
.affix .navbar-nav>li>a{
	color: #707070;
}
.affix-top.open .navbar-nav>li>a:hover,
.affix-top.open .navbar-nav>li>a:focus,
.affix-top.open .navbar-nav>.active>a, 
.affix-top.open .navbar-nav>.active>a:hover, 
.affix-top.open .navbar-nav>.active>a:focus,
.affix-top.open a,
.affix-top.open a:hover,
.affix-top.open a:focus
.affix .navbar-nav>li>a:hover,
.affix .navbar-nav>li>a:focus,
.affix .navbar-nav>.active>a, 
.affix .navbar-nav>.active>a:hover, 
.affix .navbar-nav>.active>a:focus,
.affix a,
.affix a:hover,
.affix a:focus,
.affix .navbar-nav>.active>a, 
.affix .navbar-nav>li>a:hover, 
.affix .navbar-nav>li>a:focus{
	color: #be0025;
}
.affix-top.open .navbar-toggle,
.affix .navbar-toggle{
	border-color: #be0025;
}
.affix-top.open .navbar-toggle .icon-bar,
.affix .navbar-toggle .icon-bar{
	background-color: #be0025;
}
.affix .navbar-toggle:hover, 
.affix .navbar-toggle:focus{
	background-color: #fff;
}
.affix-top.open{
	background-color: #fff;
}
.affix-top.open .navbar-toggle:hover, 
.affix-top.open .navbar-toggle:focus{
	background-color: #fff;
}
/* ==========================================================================
   Header Style
   ========================================================================== */
.navbar{
	text-transform: uppercase;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.header .navbar-default{	
	border: none;
}
.header .navbar-collapse{
	border: none;
}
.header-adding{
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 25px;
	font: 25px/35px 'playregular', sans-serif;
	text-align: right;
}
.header-adding a{
	display: block;    
}
.affix .header-adding a,
.affix .header-adding a:hover,
.affix .header-adding a:focus{
	color: #be0025;
	text-decoration: none;
}

@media (min-width: 768px){
	.header .navbar-default{
		padding-top: 10px;
	    padding-bottom: 10px;
	}	
	.logo{
		padding-top: 22px;
		padding-bottom: 22px;
	}
}

/* ==========================================================================
   Navbar Nav Style
   ========================================================================== */
.navbar-nav>li>a{
	padding-bottom: 12px;
	font-size: 15px;
	line-height: 35px;
}
/* ==========================================================================
   Section Style
   ========================================================================== */
.section{
	z-index: 2;
	padding-top: 102px;
    padding-bottom: 92px;
   
}
/* ==========================================================================
   Section Brand Background Style
   ========================================================================== */
   .bg-holder { position:absolute; top:0; left:0; width:100%; height:100vh;}
   
   .brands-1,
   .brands-2 { position:absolute; width:100%; height:100%; background-size: 100% auto !important; z-index:0; opacity:0.3; }
   .brands-1 { background:url(../img/bg-brands-01.png) 0 0 repeat-y; left:-100%;}
   .brands-2 { background:url(../img/bg-brands-02.png) 0 0 repeat-y; left:100%;} 
   
  .section-main .brands-1 {  left:0%; display:none;}
  .section-main .brands-2 {  left:0%; display:none;} 
   
   
   .bgload { position:absolute; width:100%; height:100%; background-size: 100% auto !important; opacity:0.3; }
   .bgload-1 { background:url(../img/bg-brands-01.png) 0 0 repeat-y; transform:translateX(-100%)}
   .bgload-2 { background:url(../img/bg-brands-02.png) 0 0 repeat-y; transform:translateX(100%)}
   
   @media (max-width: 768px){
        .bgload-1 { transform:translateX(0) !important}
        .bgload-2 { transform:translateX(0) !important}
   }
   
   #wrapper { position:relative; overflow:hidden;}
   #wrapper:before { display:block; height: 100%; width:100%; display:block; position:absolute; top:0; left:0; background: #1d0630 url(../img/bg-main.jpg) 0 0 repeat-x;background-size:  auto 100%;  content:''; z-index:2; opacity:0.7;}
    @media (max-width: 768px){
        .bgload,
        .brands {display:none !important;}
        #wrapper {background:url(../img/bg-brands.png) 0 0 repeat;}
    }
/* ==========================================================================
   Section First Background Style
   ========================================================================== */
.section:first-child{
	padding: 88px 0;
	position: relative;
	height: calc(100vh + 88px);	
	overflow: hidden; 
    min-height: 700px;
    background-attachment: fixed !important;
}
.section:first-child:before{
	content: '';
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background: #be0025;
    background: -webkit-linear-gradient(rgba(202,0,57,0.9) 0%, rgba(190,0,37,0) 100%);
    background: linear-gradient(rgba(202,0,57,0.9) 0%, rgba(190,0,37,0) 100%); 
   
}
.section:first-child:after{
	content: '';
	display: block;
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;	
	height: 164px;
	background: -webkit-linear-gradient(rgba(190,0,37,0) 0%, rgba(190,0,37,1) 100%);
	background: linear-gradient(rgba(190,0,37,0) 0%, rgba(190,0,37,1) 100%);

}
/* ==========================================================================
   Section Secondary Background Style
   ========================================================================== */
.section:nth-child(2){	
	position: relative;
	overflow: visible;
    z-index:2;
	
}
.section:nth-child(2):before{	
    position:absolute;
    top:0;
    left:0;
    display:block; 
    height:100%; 
    width:100%; 
    content:'';
    background: rgb(190,0,37);
	background: -webkit-linear-gradient(top, rgb(190,0,37) 0%,rgb(107,18,62) 100%);
	background: linear-gradient(to bottom, rgb(190,0,37) 0%,rgb(107,18,62) 100%);

}
.section:nth-child(2) .bg-section{
	position: absolute;	
	height: 459px;
	width: 459px;
	background-repeat: no-repeat;	
}
.section:nth-child(2) .bg-section-01{
	bottom: 15px;
	left: 15px;
	background-image: url(../img/bg-section-shops-01.png);
	background-position: 0 100%;
}
.section:nth-child(2) .bg-section-02{
	top: 15px;
	right: 15px;
	background-image: url(../img/bg-section-shops-02.png);
	background-position: 100% 0;
}
.section:first-child .container{	
	position: relative;
	z-index: 2;
	height: 100%;
}
/* ==========================================================================
   Section Third Background Style
   ========================================================================== */
.section:nth-child(3){
	position: relative;
	padding-top: 111px;
	padding-bottom: 102px;
	overflow: hidden;
    background-attachment: fixed !important;
}
.section:nth-child(3) .container{
	position: relative;
	z-index: 2;
}
.section:nth-child(3):before{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	z-index: 2;
	content: '';
	background: rgb(107,18,62);
	background: -webkit-linear-gradient(top, rgb(107,18,62) 0%,rgb(51,6,49) 100%);
	background: linear-gradient(to bottom, rgb(107,18,62) 0%,rgb(51,6,49) 100%);

}
.section:nth-child(3) .section-shadow:before,
.section:nth-child(3) .section-shadow:after{
	display: block;
	position: absolute;
	height: 50%;
	width: 100%;
	content: '';
	z-index: 1;
}
.section:nth-child(3) .section-shadow:before{
	top: 0;
    background: -webkit-linear-gradient(top, rgba(107,18,62,1) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom, rgba(107,18,62,1) 0%,rgba(255,255,255,0) 100%);
}
.section:nth-child(3) .section-shadow:after{
	bottom: 0;	
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(51,6,49,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(51,6,49,1) 100%);
} 
.section:nth-child(3) .text-holder{
	padding-left: 15px;
	padding-right : 15px;
}
.section-shops .container{
	position: relative;
	z-index: 2;
}
.section-shops .text-holder{
	margin-bottom: 0;
}
/* ==========================================================================
   Section Four Background Style
   ========================================================================== */

.section:nth-child(4),
.section:last-child{
	position: relative;
	overflow: visible;
    z-index:2;
    padding-bottom: 400px;
	padding-bottom: 43px;
    margin-bottom: -300px;
	
}
.section:nth-child(4):before{	
    position:absolute;
    top:0;
    left:0;
    display:block; 
    height:100%; 
    width:100%; 
    content:'';
    background: rgb(51,6,49);
	background: -webkit-linear-gradient(top, rgb(51,6,49) 0%,rgb(29,6,48) 100%);
	background: linear-gradient(to bottom, rgb(51,6,49) 0%,rgb(29,6,48) 100%);
 
}

.section:nth-child(4) .bg-section,
.section:last-child .bg-section{
	position: absolute;
    height: 100%;
    width: 459px;
    background-repeat: no-repeat;

}
.section:nth-child(4) .bg-section-01,
.section:last-child .bg-section-01{
	top: 15px;
	right: 15px;
	background-image: url(../img/bg-section-contact-02.png);
	background-position: 100% 0;
}

.section:nth-child(4) .bg-section-02,
.section:last-child .bg-section-02{
	top: 112%;
	left: 15px;
    height:156px;
	background-image: url(../img/bg-section-contact-01.png);
	background-position: 100% 0;
}
.section:last-child { height:auto;}
.section:last-child:after {display:none;}

/* ==========================================================================
   Logo Wrap Style
   ========================================================================== */
.logo-wrap{
	height: 100%;
	width: 100%;	
	display: flex;
	align-items: center;
}
.logo-wrap .text-holder{
	max-width: 570px;
	width: 100%;
	line-height: 35px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	text-transform: uppercase;
}
.heading-animation{
	margin: 0;
	font: 26px/35px 'playregular', sans-serif;
}
.heading-animation span{
	margin: 5px 0;
	display: block;
	position:relative;
}

.logo-wrap .text-holder{
	position: relative;
	line-height: 25px;
}

.logo-site{
	display: block;
	margin: 40px auto 31px;
	padding: 36px 30px;
	border: 8px solid #fff;	
	max-width: 429px;
	width: 100%;
}
.logo-site img{
	max-width: 341px;
	width: 100%;
}

/* ==========================================================================
   Heading Style
   ========================================================================== */
.heading{
	margin: 0 0 27px;
	text-align: center;
	text-transform: uppercase;
	font-family: "Play",sans-serif;
}

/* ==========================================================================
   Card List Style
   ========================================================================== */
h3.decoration {}
h3.decoration span { display:inline-block; padding:0 10px; position:relative;}
h3.decoration span:before,
h3.decoration span:after { display:inline-block; content:''; width:40px; border-top:1px solid #fff;  position:absolute; top:50%;}

h3.decoration span:before { right:100%;}
h3.decoration span:after { left:100%;}

.item-wrap { display:block;}
.card-item{
	padding-top: 15px;
	padding-bottom: 15px;
}
.card-list{
	margin-top: 15px;
}
.card-list a{
	position: relative;
	display: block;
	color: #fff;
}
.card-list a:hover,
.card-list a:focus{
	color: #fff;
	text-decoration: none;
}
.card-main{	
	overflow: hidden;
   -webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
           box-shadow: 0 0 30px rgba(0,0,0,.3);
}

.card-overlay .card{
	margin: 0;	
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.75);
	-webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.card-wrap,
.card-wrap-img{
	position: relative;
	display: block;
}
.card-wrap-img{
 background-color: #be0025;
 overflow:hidden;
}

.card-wrap-img video{
	position:absolute; 
	top:50%; 
	left:50%;
	height:180%;
	width:180%;
	transform: translateX(-50%) translateY(-50%);
}
@media (max-width: 768px){
	.card-wrap-img.video{
		position:relative;
		padding-top:56%;
	}
	.card-wrap-img video{
		top:0;
		left:0;
		width:100%;
		height:100%;
		transform: translateX(0) translateY(0);
	}
}


.card-img{
	width: 100%;
}
.card{	
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.card img{
	float: left;
	background-color: #be0025;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
	box-shadow: 0 0 30px rgba(0,0,0,.3);
	-webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.card .card-title{
	margin: 0;
	font-size: 21px;
	color: #fff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
}
.card .card-addr{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap; 
}
.card .card-block{
	min-height: 70px;
	padding: 11px 15px 6px;
	line-height: 30px;
	display: block;
	overflow: hidden;
}
.card:hover img,
.card:focus img{
	box-shadow: none;
}
.card .item-wrap {
  -webkit-transition: all 0.5s linear;
	transition: all 0.5s linear;
}
.card .item-wrap:hover,
.card .item-wrap:focus{
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
	box-shadow: 0 0 30px rgba(0,0,0,.3);
	background-color: #be0026;
}
.card-overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
}
.card-wrap-img.video + .card-overlay {
	height:auto;
	top:auto;
	bottom:0;
}
.card-overlay .card-overlay-block{	
	padding: 23px 15px;	
	font-size: 15px;
	line-height: 35px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
}
.card-overlay-img{
	display: block;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	opacity: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(190, 0, 37, 0.9);
	    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
}
.card-overlay-img img{
	display: block;
	max-width: 135px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}
.card-main.active .card-overlay,
.card-main:hover .card-overlay,
.card-main:focus .card-overlay{
	text-align: center;
}
.card-main.active .card,
.card-main:hover .card,
.card-main:focus .card{
	-weblit-box-shadow: none;
		    box-shadow: none;
		    background-color: transparent;		       
}
.card-main.active .card .card-block,
.card-main:hover .card .card-block,
.card-main:focus .card .card-block{
	padding: 11px 15px 26px;	       
}
.card-main.active .card-overlay .card img,
.card-main:hover .card-overlay .card img,
.card-main:focus .card-overlay .card img{
	display: none;
}
.card-main.active .card-overlay-img,
.card-main:hover .card-overlay-img,
.card-main:focus .card-overlay-img{
	opacity: 1;
}
.card-main .card-block{
	color: #ada8aa;
	font: 15px/30px 'playregular', sans-serif;	
}
.card-main.active .card-block,
.card-main:hover .card-block,
.card-main:focus .card-block{
	color: #fff;
}

@media (max-width: 480px){
    .image-wrap { background:#be0025;}
    .card-wrap-img{ max-width:50%; margin: 0 auto;}
}
/* ==========================================================================
   Section Products Style
   ========================================================================== */
.section-products{
	padding-top: 25px;
}
.products-list{
	margin: 32px 0;
	text-align: center;
}
.products-list .item{	
	position: relative;
	margin: 1px;		
	width: 80px;
	height: 80px;	
	display: inline-block;
	vertical-align: top;	
	margin-bottom:6px;
}
.products-list .item-wrap{
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	transition: all .2s ease-in-out;
    background-color: #fff; 
    overflow: hidden;
}
.products-list .item-wrap img{
	display: block;
	max-width:80%;
	position: absolute;
	top: 50%;
	left: 50%;
	opacity: 0.6;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);	 
}
.products-list .item.active,
.products-list .item:hover,
.products-list .item:focus{
	z-index: 10;
}
.products-list .item.active .item-wrap,
.products-list .item:hover .item-wrap,
.products-list .item:focus .item-wrap{
	opacity: 1;
    top: -10px;
	bottom: -10px;
	left: -10px;
	right: -10px;
	-webkit-box-shadow: 0 0 20px rgba(0,0,0,.2);	
			box-shadow: 0 0 20px rgba(0,0,0,.2);  
}
.products-list .item.active .item-wrap img,
.products-list .item:hover .item-wrap img,
.products-list .item:focus .item-wrap img{
	opacity: 1;
}
/* ==========================================================================
   Modal Brands Style
   ========================================================================== */
.products .heading{
	margin-top: 10px;
	margin-bottom: 35px;
}
.products .products-list{
	 margin: 32px 0 37px;
}
.products .content img{
	float: left;
	margin: 0 30px 30px 0;
	max-width: 370px;
	
}
.products .active .content img{
	-moz-box-shadow: 0 0 30px rgba(0,0,0,.15);
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.15);
	box-shadow: 0 0 30px rgba(0,0,0,.15);
}
.products .content h2{
	margin: 14px 0 15px;
	text-transform: uppercase;
}

.products .owl-nav .owl-prev,
.products .owl-nav .owl-next{
	position: fixed;
	top: 50%;
	z-index: 10;
	width: 23px;
	height: 70px;
	background-image: url(../img/arrow-popup.png);
	background-repeat: no-repeat;
	cursor: pointer;
}
.products .owl-nav .owl-prev{
	left: 30px;
	background-position: 0 0;
}
.products .owl-nav .owl-next{
	right: 30px;
	background-position: 0 100%;
}

/* ==========================================================================
   List Contact Style
   ========================================================================== */
.list-contact{
	padding-top: 25px;
}
.list-contact .item {
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;
}
.list-contact .item a[href^="tel:"]{
	font-size: 25px;
}
.list-contact .item-img{
	margin: 0 0 28px;
	position: relative;
	height: 54px;
	overflow: hidden;
}
.list-contact .item-img img{
	max-height: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
			transform: translate(-50%, -50%);
}
/* ==========================================================================
   Footer Style
   ========================================================================== */
.footer{
	padding-top: 15px;
	padding-bottom: 130px;
	text-align: center;
  position:relative;
  z-index:3;
	clear:both;
	/* background: url(../img/bg-section-contact-01.png) 15px 0 no-repeat; */
}
.copyright{
	font-size: 12px;
	opacity: 0.3;
}

.loader { position:fixed; 
    top:0; 
    left:0; 
    height:100%; 
    width:100%;
    background:#be0025;
    z-index:9999;
    font-size:0;
}
.loader  .holder {  display:block; position:absolute; top: 50%; left:50%;
    -moz-transform: translateX(-50%) translateY(-50%);
 -webkit-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
     -ms-transform: translateX(-50%) translateY(-50%);
         transform: translateX(-50%) translateY(-50%);
 }
 .loader  .holder img  {display:block; max-width:200px;}
 @media (max-width: 768px){
    .loader  .holder img  { max-width: 50px;}
		
		
 }
 .section-shops {z-index:2;}
 .section-main .text-holder span {visibility:hidden;}
 .animate-fadeIn {visibility:hidden;}
 
  @media (max-width: 460px){
		.main { padding-bottom:100px;}
    .footer { padding-top:0; padding-bottom:0;}
    .section:nth-child(4), 
    .section:last-child {  margin-bottom: 0;} 
    #contact { padding-top:0;}
}
    
 }
/* ==========================================================================
  DL Horizontal Style
   ========================================================================== */
.dl-horizontal dt{
	float: left;
	overflow: hidden;
    clear: left;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* ==========================================================================
  Popup Action Style
   ========================================================================== */
.action-heading{
	font-family: 'robotobold', sans-serif;
}
.discounts-heading{
	font-family: 'roboto_condensedbold', sans-serif;
}
.popup-wrap .popup-action{
	background: none;
	overflow: visible;
}
.popup-action{
	display: none;
}
.action-img{
	position: relative;
	margin: 0 auto;
	max-width: 630px;
	padding: 64px;
	width: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(57, 11, 69, 0.75);
}
.action-img img{
	width: 100%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
	box-shadow: 0 0 30px rgba(0,0,0,.3);
}
.action-img video{
	width: 100%;
	box-shadow: 0 0 30px rgba(0,0,0,.3);
}
.popup-action.video {width:100%; max-width: 640px;}
.popup-action.gallery {width:100%; max-width: 430px; padding-bottom:0;}
.popup-action.gallery .owl-default .owl-nav .owl-prev, 
.popup-action.gallery .owl-default .owl-nav .owl-next {
  position:absolute;
}
.popup-action.gallery .owl-default .owl-nav .owl-prev { left:auto; right:100%; margin-right:30px;}
.popup-action.gallery .owl-default .owl-nav .owl-next { right:auto; left:100%; margin-left:30px;}
.popup-action.gallery .owl-default .owl-stage-outer {box-shadow: 0 0 10px 0 rgba(0,0,0,1);}
.popup-action.gallery .owl-default .owl-item .item{ }
.popup-wrap.gallery .fancybox-bg{ opacity:0; visibility:hidden;}

.popup-action.video .action-img { padding-top:89%;}
.popup-action.video .action-img,
.popup-action.video .action-img img,
.popup-action.gallery .action-img,
.popup-action.gallery .action-img img{
  border-radius: 0;
  padding:0;
}
.popup-action.video .action-img video{ position:absolute; top:0; left:0; width:100%; height:100%;}
.action{	
	width: 100%;
	position: absolute;
	bottom: 64px;
	left: 50%;
	 -webkit-transform: translateX(-50%);
			transform: translateX(-50%);
}
.action-content{
	padding-top: 58px;
	position: relative;
	text-align: center;		
}
.action-content:before,
.action-content:after{
	width: 104px;
	height: 100%;
	position: absolute;
	bottom: -4px;
	display: block;
	content: '';
	background-repeat: no-repeat;
	background-position: 0 100%;
}
.action-content:before{		
	left: 1px;
	background-image: url(../img/bg-action-01.png);
}
.action-content:after{
	right: 1px;
	background-image: url(../img/bg-action-02.png);
}
.action-content .action-inner{	
	padding: 20px 2px;
    margin: 0 104px;
    height: 153px;
	overflow: hidden;
	background: #ad1046;
	background: -moz-linear-gradient(left, #ad1046 0%, #d20030 50%, #ad1045 100%);
	background: -webkit-linear-gradient(left, #ad1046 0%,#d20030 50%,#ad1045 100%);
	background: linear-gradient(to right, #ad1046 0%,#d20030 50%,#ad1045 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad1046', endColorstr='#ad1045',GradientType=1 );
}
.action-content .action-heading{
	font-size: 60px;
	line-height: 1;
	text-transform: uppercase;
}
.action-content .text-secondary{
	font-size: 19px;
}
.action-discounts{
	max-width: 300px;
	z-index: 1;
	width: 100%;
	position: absolute;
	top: 74px;
	left: -46px;
}
.action-discounts .discounts-heading{
	font-size: 100px;
	line-height: 1;
	color: #d20030;	
}
.discounts-days{
	font-family: 'robotobold', sans-serif;
}
.discounts-days var{
	font-style: normal;
	font-size: 30px;
}
.popup-close{
	height: 60px;
	width: 60px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
	box-shadow: 0 0 30px rgba(0,0,0,.3);
	background: #bb0026 url(../img/popup-close.png) 50% 50% no-repeat;
	background-size: contain;
  z-index:9999999;
}
.popup-close:after{
	content: none;
}
.popup-opened{
	display: none;
}
.owl-default { white-space: nowrap; list-style-type:none; padding:0;}
.owl-default > .item { max-width: 20%; display: inline-block;    margin-left: -4px;    padding: 5px 5px; list-style-type:none;}
.owl-default .item img { max-width:100%;}

.owl-default .owl-dots { text-align:center; margin-top:25px;}
.owl-default .owl-dots > div {display:inline-block; border:2px solid #fff; margin: 2px; width:15px; height:15px; border-radius: 15px}
.owl-default .owl-dots > div.active { background:#fff;}

.owl-default .owl-nav .owl-prev,
.owl-default .owl-nav .owl-next{
	position: fixed;
	top: 50%;
	z-index: 10;
	width: 23px;
	height: 70px;
	background-image: url(../img/arrow-popup.png);
	background-repeat: no-repeat;
	cursor: pointer;
  font-size:0;
  margin-top: -35px;
}
.owl-default .owl-nav .owl-prev{
	left: 30px;
	background-position: 0 0;
}
.owl-default .owl-nav .owl-next{
	right: 30px;
	background-position: 0 100%;
}


/* ==========================================================================
  Fancybox Style
   ========================================================================== */
.modal-wrap .fancybox-inner{
	
	top: 30px;
	right: 30px;
	bottom: 30px;
	left: 30px;
	-webkit-box-shadow: 0 0 30px rgba(0,0,0,.3);
            box-shadow: 0 0 30px rgba(0,0,0,.3);
}
.modal-wrap .fancybox-stage{
	background-color: #fff;
}
.modal-wrap .fancybox-inner:before,
.modal-wrap .fancybox-inner:after{
	display: block;
	position: absolute;
	width: 459px;
	content: '';
	z-index: 1;
}
.fancybox-inner:before{
	left: 15px;
	top: 15px;
	background: url(../img/dots-bg-popup-01.png) 0 0 no-repeat;
}
.fancybox-inner:after{
	right: 15px;
	bottom: 15px;
	background: url(../img/dots-bg-popup-02.png) 0 100% no-repeat;
}
.modal-wrap .fancybox-button{
	height: 87px;
	width: 87px;
	padding: 30px;
	background: transparent;
	color: #be0025;
}
.modal-wrap .fancybox-navigation .fancybox-button{
	font-size: 100px;
}
.modal-wrap .fancybox-navigation button:before{
	background: transparent;
}
.modal-wrap .fancybox-navigation .fancybox-button span{
	display: block;
	background-image: url(../img/arrow-popup.png);
	background-repeat: no-repeat;
	width: 23px;
	height: 70px;
}
.modal-wrap .fancybox-navigation .fancybox-button--arrow_left span{
	background-position: 0 0;
}
.modal-wrap .fancybox-navigation .fancybox-button--arrow_right span{
	background-position: 0 100%;
}

/* ==========================================================================
  Owl Carousel Style
   ========================================================================== */
.owl-carousel-shop{
	max-width: 370px;
	width: 100%;
	overflow: hidden;
}
.owl-carousel-main {
    white-space: nowrap;
}
.owl-carousel-main .owl-item,
.owl-carousel-main .item{
	display:inline-block;
    white-space:  normal;
	margin-bottom: 15px;
    float:none !important;
}
.owl-carousel-shop .owl-carousel-main {
    white-space: nowrap;
}
.owl-carousel-shop .owl-carousel-main .item {
    display:inline-block;
    white-space: normal;
    float:none;
}

.owl-thumbs {
	margin: 0 0 0 -8px;
    overflow:hidden;
}
.owl-thumbs .item{		
	position: relative;
	overflow: hidden;	
    float:left;
    margin-bottom:8px;
}
.owl-thumbs > .item,
.owl-thumbs .owl-item {
	
}
.owl-thumbs .item {		
	max-width: 86.5px;
	width: 100%;
    margin-left:8px;
}
.owl-thumbs .item:before{
	position: absolute;
	display: block;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 2px solid transparent;
	content: '';
}
.owl-thumbs .item.current:before{
	border-color: #be0025;
}
.owl-thumbs .item img{
	display: block;
	width: 100%;
}
.owl-thumbs .item img,
.owl-thumbs .owl-item img{
	opacity: 0.5;	
}
.owl-thumbs .item.current img,
.owl-thumbs .owl-item.current img{
	opacity: 1;
}
.owl-carousel-shop .owl-nav{
	display: none;
}
@media (max-width: 1053px){
    .owl-thumbs{display:none;}
}
/* ==========================================================================
  G Modal Style
   ========================================================================== */
.g-modal{
	width: 100%;
	display: none;
	color: #202020;
    margin:0;
	background-color: transparent;
}
.g-modal .products,
.g-modal .modal-shop{
    max-width: 1200px;
    width:100%;
    margin: 0 auto;
}

.modal-ajax .g-modal{
	display: inline-block;
}
.fancybox-slide > .g-modal{
	padding: 60px 100px 45px 100px;
    padding-top: 60px;
	position: static;
}

.g-modal a{
	color: inherit;
}
.g-modal h1,
.g-modal h2,
.g-modal h3,
.g-modal h4,
.g-modal h5{
	color: #202020;
}
.g-modal-heading{
 	color: #707070;
 	font-size: 19px;
 	margin-bottom: 40px;
 }
.g-modal-heading h3{
	margin: 0 0 6px;
	font-size: 40px;
	text-transform: uppercase;  	
}
.g-modal-heading-adding{
	margin-bottom: 40px;
	font-family: 'playregular', sans-serif;
}
.g-modal-heading-adding{
	text-align: right;
    margin-bottom:40px;
}
.g-modal-heading-adding > *:first-child{
	margin-bottom: 7px;
}
.g-modal-heading-adding a[href^="tel:"]{
	font-size: 25px;
	line-height: 30px;
	color: #202020;
}
.g-modal-heading-adding .dl-horizontal{
	margin-bottom: 0;
	float: right;
	text-align: left;
}
.g-modal-heading-adding .dl-horizontal dt,
.g-modal-heading-adding .dl-horizontal dd{
	line-height: 21px;	
}
.g-modal-heading-adding .dl-horizontal dt{
	width: 145px;
	font-weight: normal;
}
.g-modal .dl-horizontal dd{
	margin-left: 180px;
    text-align:right;
}
.g-modal-map{
	position: relative;
	height: 370px;
}

.g-modal-map #map{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/map.jpg) 0 0 no-repeat;
}
.g-modal-map + .g-modal-content{
	margin-top: 25px;
}


/* ==========================================================================
   Media Queries for Responsive Design.
   ========================================================================== */
@media (min-width: 768px){
	body a[href^="tel:"]{
		pointer-events: none;
		cursor: text;
	}	
}
@media (max-width: 1599px){
	.modal-wrap .fancybox-inner:before, 
	.modal-wrap .fancybox-inner:after,
	.bg-section-2{
		width: 29.015%;
		background-size: contain;
	}
}

@media (max-width: 1169px){
	.fancybox-slide > .g-modal{
		padding: 15px 53px;
	}
	.products .owl-nav .owl-prev{
		left: 20px;
	}
	.products .owl-nav .owl-next{
		right: 20px;
	}
}
@media (max-width: 1199px){
/* ==========================================================================
  Modal Style
   ========================================================================== */
   .modal-wrap .fancybox-inner{
   	top: 0;
   	left: 0;
   	bottom: 0;
   	right: 0;
   }
   .g-modal-heading,
   .g-modal-heading-adding,
   .g-modal-heading-adding > *:first-child{
   	margin-bottom: 0;
   	text-align: left;
   }
   .g-modal-heading,
   .g-modal-heading-adding{
        margin-bottom: 20px;
   }
	.g-modal-heading-adding .dl-horizontal{
		float: none;
	}
	.g-modal-heading-adding .dl-horizontal dt{
		width: 67px;
		text-align: left;
	}
	.g-modal-heading-adding .dl-horizontal dd{
		margin-left: 100px;
	}


}
@media (max-width: 959px){
	.nav>li>a{
		padding: 10px;
	}
	.header-adding {
	    padding-top: 10px;
	    padding-bottom: 10px;
	    font-size: 20px;
	}
}
@media (max-width: 920px){
	.section-main .logo-site{
		max-width: 250px;
	}
	.section{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section-companies{
		padding-top: 60px;
		padding-bottom: 60px;
	}
}
@media (max-width: 768px){
	.section-main{
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.section{
		padding-top: 40px;
		padding-bottom: 40px;
	}
	.container{
		padding-left: 20px;
		padding-right: 20px;
	}
	.navbar-toggle{
		margin-right: 0;
	}
	.nav>li>a{
		line-height: 1;
	}

/* ==========================================================================
   Shops Card Main Style
   ========================================================================== */
   .card{
   	text-align: center;
   }
	.card img{
		float: none;
		display: block;
		margin: 0 auto;
	}
	.card-overlay,
	.card-overlay .card{
		position: relative;
	}
	.card-overlay .card{
		background-color: transparent;
	}
	.card-overlay .card img{
		display: none;
	}
	.card-main{
        padding: 10px;
		-webkit-box-shadow: none;
		        box-shadow: none;
	}
	.card-main .card-block{
		color: #fff;
		font-size: 17px;
	}
	.card-wrap-img{
		   -moz-box-shadow: 0 0 30px rgba(0,0,0,.3);
    			box-shadow: 0 0 30px rgba(0,0,0,.3);
	}
	.card-main.active .card .card-block, 
	.card-main:hover .card .card-block, 
	.card-main:focus .card .card-block{
		padding: 11px 15px 6px;
	}

/* ==========================================================================
   Popup Action Style
   ========================================================================== */
	.action-discounts{
		left: 20px;
	}
	.popup-close{
		height: 30px;
		width: 30px;
	}
	.products .content img{
		margin: 0 20px 20px 0;
		max-width: 250px;
	}
}
@media (min-width: 768px) and (max-width: 860px){
    .navbar-default .navbar-nav { padding-right:0;}
    .navbar-default .navbar-nav>li>a { padding:10px 5px;}
}
@media (max-width: 767px){
	.logo{
		margin-left: -15px;
		padding: 18px 15px;
	}
	.header-adding{
		padding: 0 0 15px;
		text-align: left;		
	}
	.nav>li>a{
		padding: 15px;
	}
    .header-adding { text-align:center;}
    .navbar-default .navbar-nav { text-align:center;}
/* ==========================================================================
   Shops Card Main Style
   ========================================================================== */
   .card-item{
   		margin-top: 15px;
		margin-bottom: 15px;
   }
   .card-item{
	/* 	max-width: 370px;
		width: 100%;
		float: none; */
		margin-left: auto;
		margin-right: auto;
    min-height:160px;
	}
  
	.card-item > .card{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.action-img{
		padding: 40px;
	}
	.action-discounts{
		top: 40px;
	}
	.action{
		bottom: 40px;
	}
    
    .card-list + .card-list  { margin-top:0; clear:none;}
    .card-list:before ,
    .card-list:after  {display:none;}
    .image-wrap {  box-shadow:  none; }
    .card-list a { padding:0;}
    .card-item:not(.col-xs-12) .card { padding:0; background:none; box-shadow:none;}
    .card-item:not(.col-xs-12) .card  img { box-shadow:none; padding:0; margin-bottom:5px; max-width:100%;}
    .card-wrap-img{ max-width:100%; margin: 0 auto; }
    /*Modal*/
    .owl-carousel-shop { max-width:100%;}
    .owl-carousel-shop .owl-carousel-main .item {display:block; width:100%;}
    .modal-wrap .fancybox-button { padding:10px 35px; width:100px; height:50px;}
}
@media (max-width: 636px){

	.action-content .action-heading{
	   	font-size: 40px;
	}
	.action-discounts .discounts-heading{
		font-size: 80px;
	}
}


@media (max-width: 479px){

    .hidden-xxs { display:none !important;}
	.fancybox-slide > .g-modal{ padding:15px;}
	.action-discounts{
		position: static;
		margin: 0 auto 20px;
		text-align: center;
	}
	.action-img{
		padding: 20px;
	}
	.action{
		margin: 20px auto 0;
		position: static;
		-webkit-transform: none;
    	transform: none;
	}	
	.action-content{
		padding-top: 0;
	}
	.action-content:before, 
	.action-content:after{
		content: none;
	}
	.action-content .action-heading{
	   	font-size: 30px;
	}
	.action-content .action-inner{
		height: auto;
		padding: 20px 10px;
		margin: 0;
	}
	.modal-wrap .fancybox-inner:before, .modal-wrap .fancybox-inner:after{
		content: '';
	}
    .section { padding-top:40px !important; padding-bottom:40px !important; margin-top:-1px;}
    .g-modal .products .products-list { display:none;}
    .g-modal .products .active .content img { float:none; width:100%; max-width:100%; margin-right:0;}
    .g-modal .heading { font-size:22px;}
    
    .card-item {  margin:0; padding:5px; padding-bottom:0;}
    .card-item:not(.col-xs-12) .card  img { padding:0;}
    .card-main:hover .card .card-block { padding:10px 0;}
  
   
    
    .card .card-title { font-size:15px;}
    .card .card-block { min-height: 30px; padding:10px 0;}
    .fancybox-show-nav .fancybox-navigation {display:none;}

}
@media (max-width: 480px){

    #customNav {display:none;}
}
.acf-map {
	width: 100%;
	height: 370px;
	border: #ccc solid 1px;
}
.acf-map img {
   max-width: inherit !important;
}

#vdz_cb_widget {width: 40px !important; height: 40px !important; right: 60px !important; background-color: #dd240080 !important; border: 2px solid #dd24004c !important; line-height: 39px;}
#vdz_cb_widget:before {border: 2px solid #dd240080 !important;}
#vdz_cb_widget:after {background-color: #dd24004c !important;}
#vdz_cb_widget { z-index: 98 !important;}
.vdz_cb_widget span svg { width: 22px !important; height: 22px !important;}
#vdz_cb h3 {color: #000; }
#vdz_cb_form .button.btn.btn-default { border: none; padding: 7px 15px; background: #b30000;}

@media (max-width: 991px) {
  #vdz_cb_widget {right: 20px !important; bottom: 60px !important;}
}

.vdz_cb_widget:hover svg{ fill: #dd2400 !important; }
.vdz_cb_widget:hover{ border: 2px solid #dd240080 !important; }
#vdz_cb_form input[type=text], 
#vdz_cb_form input[type=email] {width: 75%;}
#vdz_cb #vdz_cb_form {width: 100% !important;}

.mfp-bg ~ #vdz_cb_widget {display: none;}
#vdz_cb input[type="text"] {
  padding: 5px 10px;
}

#shops .container h3 {clear: both;}