a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, button, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, input, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {    border: 0 none;    font-family: inherit;    font-feature-settings: inherit;    font-kerning: inherit;    font-language-override: inherit;    font-size: 100%;    font-size-adjust: inherit;    font-stretch: inherit;    font-style: inherit;    font-synthesis: inherit;    font-variant: inherit;    font-weight: inherit;    line-height: inherit;    margin: 0;    padding: 0;    vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {display: block;}
ol, ul {list-style: outside none none;}
blockquote, q {quotes: none;}
blockquote::after, blockquote::before, q::after, q::before {content: none;}
table {border-collapse: collapse;border-spacing: 0;}
.none, [debug] {display: none;}
.table {display: table;}
.cell {display: table-cell;}
.middle {vertical-align: middle;}
.inlbl {display: inline-block;}
.abs {position: absolute;}
.rel {position: relative;}
.cf {}
.cf::after, .cf::before {content: "";display: table;}
.cf::after {clear: both;}
.left {float: left;}
.right {float: right;}
.tac {text-align: center;}
.tal {text-align: left;}
.tar {text-align: right;}
.taj {text-align: justify;}
.list {list-style: outside none none;margin: 0;padding-left: 0;}
.antialiased {
}
*::-moz-selection {
    background: #dd282e none repeat scroll 0 0;
    color: #ffffff;
    text-shadow: none;
}
*, *::after, *::before {
    box-sizing: border-box;
    outline: medium none;
    position: relative;
}
html {
    font-size: 14px;
    font-weight: 500;
    height: 100vh;
    letter-spacing: 0.05em;
}
html.noscroll {
    overflow: hidden;
}
html.mac {
}
@media (max-width: 54.8571em) {
html {
    font-size: 13px;
}
}

html, body{overflow: hidden;height:100%;width:100%;}

body {color: #000000;font-family: 'Montserrat', sans-serif;font-size: 1em;height: 100%; overflow: hidden;background:#000;}
body.noscroll {overflow: hidden;}
a {text-decoration: none;}
blockquote, ol, p, ul {line-height: 1.25em;margin-bottom: 1.3em;}
h1, h2, h3, h4 {font-weight: 900;line-height: 1.2;margin: 1.1em 0 0.5em;}
h1 {font-size: 3.157em;margin-top: 0;}
h2 {font-size: 2.369em;}
h3 {font-size: 1.777em;}
h4 {font-size: 1.333em;}
small {font-size: 0.75em;}
button, input {font-family: 'Montserrat', sans-serif;font-size: 12px;font-weight: 500;}
strong {font-weight: 600;}
p {line-height: 1.45em;}

.modal-open .main-header,
.modal-open .contSect,
.modal-open .livingTxt{
	opacity: 0;
	transition: 0.3s opacity ease-in-out;
}

.main-header {left: 0; padding: 25px 0;top: 0;width: 100%;}
.main-header.header-fixed {background: rgba(0, 0, 0, 0) none repeat scroll 0 0;position: absolute;}
.main-logo{background-size: contain;overflow: hidden;position: absolute;top: 35px;transition: all 0.3s ease 0s;}
.btn:hover {color: #dd282e;text-decoration:none;}
.btn{background: rgba(0, 0, 0, 0) none repeat scroll 0 0;color: #ffffff;cursor: pointer;display: inline-block;font-size: 11px;line-height: 1.5em; padding: 12px 30px; text-transform: uppercase; transition: all 0.3s cubic-bezier(1, 0, 0, 1) 0s;}
.btn::after, .btn::before {content: "";height: 100%;left: 0;position: absolute;top: 0;transition: all 0.3s cubic-bezier(1, 0, 0, 1) 0s;width: 100%;}
.btn::before{border: 1px solid #dd282e;opacity: 0;transform: scale(1.2);}
.btn:hover::before{opacity: 1;transform: scale(1);}
.btn:hover::after {opacity: 0;transform: scale(0.8);}
.btn:hover{color: #dd282e;}


.video-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%; 
  overflow: hidden;
  /*-webkit-opacity:0.4;
  opacity:0.4;*/
  transition: opacity 0.3s ease-in-out;
}
.video-container video {
   min-width: 100%; 
  min-height: 100%; 
  width: auto;
  height: auto;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.corporate-link{clear: both;margin: 0;padding: 25px 0 0 11px;}
.corporate-link a{text-transform: uppercase;text-decoration: underline;color:#fff;}
.corporate-link a:hover{text-decoration: none;}
.fullWidth{width:100%;float:left;}
.cover-top {height: 100%;margin: 0;}
.cover-top .lazy {display:none;background-image: url(https://com-cdn.bata.eu/images/2018-09.jpg);background-position: center center;background-repeat: no-repeat;background-size: cover;height: 100%;width: 100%;background-attachment: fixed;}
.contSect{left: 100px;margin: auto;position: absolute;right: 0;top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
/*
@media screen and (min-width:768px){
	.contSect{
		top: 70%;
	}
}
*/
.select-cntry button{width:100%; background:#fff; height:30px; line-height:30px; padding:0 20px 0 10px; color:#000; font-size:10.5pt; text-transform:uppercase; border-radius:inherit;text-align:left;text-overflow: ellipsis;overflow: hidden;z-index:9;position:relative; font-weight:600; }
.contrySec .slimScrollDiv{top:-175px;}
.dropdown-menu > li > a{font-family: 'Montserrat', sans-serif;color:#000; font-size:14px; text-transform:uppercase;font-weight: 600;}
.select-cntry .btn .caret {margin-left: 0;position: absolute;right: 10px;top: 10px;border:0;border-left:0;border-right:0;background: url(https://com-cdn.bata.eu/images/arrow-bottom.svg) 0 0 no-repeat;width: 16px;height: 8px;background-size: 100%;}
.select-cntry{display:inline-block;position:relative; width:270px;}
.dropdown-menu{border:none; width:100%;position: relative; top:0; margin:0; background:rgb(255, 255, 255);padding:5px 10px; border-radius:inherit;}
.dropdown-menu li.continent strong{color: #f30017;float: left;font-size: 14px;margin: 0 0 6px;width: 100%;font-family: 'Montserrat', sans-serif;}
.dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {background-color: inherit;color: inherit;text-decoration: none;}
.dropdown-menu > li > a:hover{color:#dd282e; }
.dropdwn-cntry.active{display:block;}
.sub-btn{display:inline-block;height:30px;background:#fff;color:#000;font-size:10.5pt;vertical-align: middle;padding:0 15px;margin-left:6px;font-family: 'Montserrat', sans-serif; font-weight:600;border-radius:0px;}
/* when red background of page 
.sub-btn:hover{background:#E00117;border:1px solid #E00117;color:#fff;}
*/
.sub-btn:hover{color:#f30017;}
.store-sec{width:auto;padding:15px 10px;background: rgba(28,28,28,1);background: -moz-linear-gradient(left, rgba(28,28,28,1) 0%, rgba(153,153,153,0.43) 55%, rgba(255,255,255,0) 100%);background: -webkit-gradient(left top, right top, color-stop(0%, rgba(28,28,28,1)), color-stop(55%, rgba(153,153,153,0.43)), color-stop(100%, rgba(255,255,255,0.43)));background: -webkit-linear-gradient(left, rgba(28,28,28,1) 0%, rgba(153,153,153,0.43) 55%, rgba(255,255,255,0) 100%);background: -o-linear-gradient(left, rgba(28,28,28,1) 0%, rgba(153,153,153,0.43) 55%, rgba(255,255,255,0) 100%);background: -ms-linear-gradient(left, rgba(28,28,28,1) 0%, rgba(153,153,153,0.43) 55%, rgba(255,255,255,0) 100%);background: linear-gradient(to right, rgba(28,28,28,1) 0%, rgba(153,153,153,0.43) 55%, rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1c1c1c', endColorstr='#ffffff', GradientType=1 );float:left;}
.store-sec h4{font-size:18px;color:#fff;text-transform:uppercase;margin:0 0 10px;font-family: 'Montserrat', sans-serif;font-weight:500;}
.str-btn{font-family: 'Montserrat', sans-serif;display:inline-block;height:30px;line-height:28px;border:1px solid #e5e5e5;background-color:#fff;color:#000;font-size:10.5pt;vertical-align: middle;padding:0 25px 0 10px;margin-right:6px;text-transform:uppercase;font-weight:700;background-image:url(https://com-cdn.bata.eu/images/arrow-right.svg);background-repeat:no-repeat;background-position: 95% 7px;background-size: 8px auto;border-radius:0;}
a.str-btn:hover, a.str-btn:focus{text-decoration:none;color:inherit;}
.select-cntry.open ul.dropdown-menu{display:block;}
.dropdown-menu > li > a{padding: 6px 0;}
.select-cntry .slimScrollBar, .select-cntry .slimScrollRail{z-index:9999 !important;}
.slimScrollRail{width:3px !important;top: 10px !important;bottom: 10px !important;right:10px !important;height:auto !important;}
.slimScrollBar{width:3px !important;background: #000 !important;border:10px solid #fff;box-sizing: content-box;}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .slimScrollBar{
        border-radius:0 !important;
    }
}
@supports (-ms-ime-align:auto) {
    .slimScrollBar{
        border-radius:0 !important;
    }
}
#stores .slimScrollBar{background: #fff !important;right:10px !important;border:0;box-sizing: border-box;}
#stores .slimScrollRail{background: none !important;}
#stores{z-index: 9999;background: rgba(236, 14, 14, 0.8);}
#stores .modal-title{font-family: 'Montserrat', sans-serif;text-transform:uppercase; color: #fff;font-weight: 400; font-size:16px; height:auto; line-height:normal;}
#stores .modal-header{padding: 0;position:relative; border:none; text-align: center;}
@media screen and (min-width:768px){
	#stores .modal-header{padding-bottom: 35px;}
}
#stores .modal-header .logo {display: block;margin:36px 0 10px 0;cursor: pointer;}
#stores .modal-header .logo a {outline: none;}
#stores .modal-header .logo img{width:155px;}
#stores .modal-content{border-radius:0;background: none;border:0;height: calc(100vh - 0px);box-shadow: none !important;}
slimScrollDiv{height: 90%;}
.slimScrollDiv .modal-body{padding-top:0; padding-bottom: 60px;}
.city-sec h3{font-family: 'Montserrat', sans-serif;font-size:14px !important;margin-bottom:5px;color:#fff;font-weight:600; }
.city-sec h3 strong:before{content:"";display:inline-block;height: 20px;width: 14px;background: url(https://com-cdn.bata.eu/images/locator-small-white.svg) no-repeat 0 0;background-size: 14px auto;vertical-align: middle;margin: -1px 10px 0 0;}
.city-sec ul li{margin-bottom:12px;}
.city-sec ul li div{color:#333333;font-size:12px;}
.city-sec ul li div.storeName{margin-bottom:4px;}
.modal-header .close {background: url('https://com-cdn.bata.eu/images/cross-white.svg') no-repeat 0 0;background-size:30px auto;border-radius: 0 5px 0 0;color: #ffffff;height: 30px;opacity: 1;position: absolute; text-shadow: none; top: 40px;right:40px; width: 30px;z-index:9; font-size:30px; border-radius:0; font-weight:500; margin-top:0;text-indent: 9999px;}
.contrySec{position:relative;}
.contrySec  #countryErrorMsg{font-family: 'Montserrat', sans-serif;background: #ffffff;border: 2px solid #999999;border-radius: 10px;color: #de232e;font-size: 10px;font-weight: 600;left: 0;padding: 2px 5px;position: absolute;top: -28px;}

.select-cntry button.btn::before{border:none;display: none;}
.select-cntry button.btn::after{background:none;display: none;}

#stores  .modal-lg{width:100% !important; margin:0; }  
.city-sec:nth-child(4n+1) {clear: both;}
@media screen and (min-width:768px){
	.city-sec:nth-child(-n+4){margin-top: 0;}
}
.city-sec{margin:40px 0 0; text-align:center; font-weight:600;padding-left: 5%;padding-right: 5%;}
.city-sec:last-child { margin-bottom: 30px; }
.allStoreList h3 {color: #fff;font-size: 16px;text-transform: uppercase; }

.logoSec{display: block;margin: auto;width: 155px;left:0;right:0;z-index:1055;}
.dropdown-menu li {float: left;width: 100%;}
.continent {color: #ff0000;font-size: 11px !important;pointer-events: none;}
.backbtn{cursor: pointer;left: -7px;position: absolute;}
.contrySec .slimScrollDiv{position:absolute !important;}
.city-sec .storeAddress{font-size: 14px;line-height: 18px;width: 100%;float: left;font-weight:400;color:#fff;}
.city-sec .storeName{float: left;font-size: 14px;line-height: 18px;width: 100%;font-weight:400;color:#fff;}
/*.livingTxt{position: absolute;right: 10%;top: 90px;color: #df242f;font-size: 65px;line-height: 75px;text-shadow: 2px 2px 5px #000000;font-weight:600;width:220px;text-transform:uppercase;text-shadow: 1px 1px 3px #000000;} */
.livingTxt {position: absolute; right: 115px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 27%;}
.livingTxt img{width:100%;}
.livingTxt span{font-weight:400;}
.lovelife { color: #e50b23; font-size: 55px; font-weight: 500; line-height: 60px; position: absolute; right: 10%; top: 150px; }
.lovelife em{font-weight:400;}
.modal-content{height: calc(100vh - 115px);overflow: hidden;}
.main-header.header-fixed.strhead{z-index:9999;height:90px;}
/*.modal-backdrop.in{top:90px;}*/


@media screen
and (max-device-width : 1024px)
and (min-device-width : 768px)
{
/*.main-logo{top:50%;}*/
.livingTxt{width:25%;}   
/*.contSect{top:60%;}
.modal-content{height: calc(90vh - 50px); height: -webkit-calc(90vh - 50px); height: -moz-calc(90vh - 50px); }*/
.main-header.header-fixed.strhead{z-index:9}
.logoSec{z-index:9}
#stores .modal-lg{/*margin:20px auto 20px;*/z-index:9999999;}


}

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

.livingTxt{width:25%;right: 45px;}
.contSect{left:30px;}


}


@media screen
and (min-width : 320px)
and (max-width : 767px)
{
.video-container video{
	height: 100%;
}
/*.main-logo{top:50%;}*/
.contSect{left:0;}
.city-sec:nth-child(4n+1) {clear: none;}
.city-sec:nth-child(2n+1) {clear: both;}
/* .contrySec .slimScrollDiv {  top: -125px;} */

.livingTxt{width:25%;right: 15px;}

/*.contrySec { display: block; float: none;  margin: auto;  position: relative;  width: 250px;}*/
.select-cntry button, .sub-btn{background:#fff;height:35px;line-height:33px;}
.contrySec .dropdown-menu {max-height: 250px;overflow-x: hidden;top: -125px;position: absolute;}
.allStoreList{height:80%;overflow-x:hidden;padding-top: 0;padding-bottom: 0;}
.lovelife {  font-size: 28px; font-weight: 500; line-height: 33px; right: 10%;  top: 81px;}
.str-btn{width:100%;text-align:left;margin-bottom:8px;margin-right:0px;height:35px;line-height:33px;background-position: 94% 11px;}	
/*.store-sec{float: none;margin: auto;width: 270px;}*/
.store-sec {margin: auto;width: 256px;}
.city-sec{width:100%;padding:0 55px;}
.contrySec{width:250px;}
.backbtn {left: 15px;top: -22px;}
.sub-btn{width:100%;margin-left:0;}  
.select-cntry{width:100%;margin-bottom: 10px;}
.select-cntry .btn .caret{top:13px;}
.modal-content{height: calc(90vh - 0px) !important; height: -webkit-calc(90vh - 0px) !important; height: -moz-calc(90vh - 0px) !important; }
.main-header.header-fixed.strhead{z-index:9}
.logoSec{z-index:9;width:128px;}
#stores .modal-lg{margin:0;z-index:9999999;}
.modal-header .close{right:30px;top:30px;}
#stores .modal-header{margin-bottom: 20px;}
#stores .modal-header .logo img{width:128px;}

}

@media screen and (max-width : 480px){
.video-container video{
	height: 100%;
}
.corporate-link {
	padding: 0 0 35px 0px;
	text-align: center;
}
.cover-top{position:absolute;bottom:0;}
.livingTxt {font-size: 28px;line-height: 38px;width: auto;left: 40px;right: 40px;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);}
.livingTxt.first{bottom:215px;}
.contrySec{width:100%;padding:0 25px;margin-bottom: 25px;}
.store-sec {margin: auto;width: 100%;position: absolute;left: 0;bottom: 0px;padding: 15px 35px;}
.contSect {top:auto;bottom:0px;-webkit-transform: translateY(0); transform: translateY(0);}
.contrySec .dropdown-menu {max-height: 350px;overflow-x: hidden;top: -300px;position: absolute;}
#storeSectionOuter{left: 0; position: absolute; width: 100%;}
}