body {
  margin:0 0 0 0;
  padding:0 0 0 0;
  font:14px 'Montserrat', arial, verdana, sans serif;
  text-align:center;
  color:#000;
  line-height:1em;
  xbackground:url(../img/vanoce_bg2.png) white; /* vanoce */
  background:black;
  background-size:cover;
  background-repeat:no-repeat;
  background-attachment:fixed;
  background-position:center top;
  -webkit-text-size-adjust:none;
}
a.to-home {
  margin:30px 0 15px 0;
	width:230px;
	display:inline-block;
}
a.to-home span {
  display:none;
}
a.to-home img {
  width:100%;
}


.mobile-only {
	display:none!important;
}

/**** layout **********************************************************/

div.screen {
	text-align:left;
	background:white;
}


div.page-in {
	padding:80px 0 80px 0;
	text-align:center;
}
div.page-in2 {
	padding:40px 0 60px 0;
}


.lr {
	display:flex;
	justify-content:space-between;
	align-items:flex-start;
}
.l {
	width:300px;
}
.r {
	width:calc(100% - 330px);
}

.content-width {
	display:block;
	width:1380px;
	height:auto;
	margin:0 auto 0 auto;
	z-index:5;
}





/**** shipbar **********************************************************/
div.shipbar {
	background:#2F92FF;
	color:white;
}
div.shipbar-in {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding:5px 0 5px;
}

div.shipbar .desc {
	font-weight:bold;
	font-size:120%;
	display:flex;
	align-items:center;
}
div.shipbar .desc img {
	height:20px;
	margin:0 20px 0 0;
}

div.shipbar .ships {
	display:flex;
}
div.shipbar .ships .item {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	line-height:1.3em;
	margin:0 0 0 30px;
	text-align:center;
}



/**** topbar **********************************************************/
div.topbar {
	background:black;
}
div.topbar-in {
	display:flex;
	justify-content:space-between;
	align-items:center;
	font-family:'BebasNeue';
	font-weight:300;
	font-size:140%;
}

div.topinfo {
	display:flex;
	color:#b3b3b3;
	align-items:center;
}




div.langs {
	display:flex;
	color:#b3b3b3;
	align-items:center;
	margin:0 0 0 50px;
}
div.langs > * {
	margin:0 0 0 5px;
}
div.langs a {
	color:#b3b3b3;
	font-weight:300;
}
div.langs a.act {
	color:#ddd;
	text-decoration:underline;
}




ul.topmenu {
	padding:0 0 0 0;
	margin:0 0 0 auto;
	display:flex;
	font-family:'Montserrat';
}
ul.topmenu li a, ul.topmenu li > span {
	display:flex;
	align-items:center;
	color:white;
	margin:0 0 0 30px;
	font-weight:normal;
	font-size:13px;
}
ul.topmenu li a img, ul.topmenu li > span img {
	height:16px;
	margin:0 5px 0 0;
}
ul.topmenu li.act a {
	text-decoration:underline;
}










/*** head ***/
.mobile-down {
  display:block;
}
div.menu-out {
	background:rgba(255,255,255,1);
	padding:15px 5% 25px 5%;
}
ul.menu {
	font-family:'BebasNeue';
	font-weight:300;
	font-size:26px;
	text-align: center;
}
ul.menu li {
	display:inline-block;
	margin:0 30px 0 0;
}
ul.menu li a {
	font-weight:300;
}




.showmenu-out {
	display:none;
}
a.showmenu {
	display:none;
	cursor:pointer;
}
a.showmenu em {
	position:relative;
	width:30px;
}
a.showmenu em span {
	display: block;
  width:30px;
	height:2px;
	background:#000;
	position:absolute;
	left:0;
	
	-webkit-transition: -webkit-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  -moz-transition: -moz-transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
  transition: transform 0.2s ease-in-out, top 0.2s ease-in-out 0.2s, opacity 0.20s ease-in-out 0.2s;
	-webkit-transform-origin: center;
  -moz-transform-origin: center;
  transform-origin: center;
}
a.showmenu span.showmenu-top {
	top:6px;
}
a.showmenu span.showmenu-middle {
	top:16px;
}
a.showmenu span.showmenu-bottom {
	top:26px;
}



a.showmenu.act:after {
  border-right: 7px solid #000;
}
a.showmenu.act em span {
	-webkit-transition: -webkit-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  -moz-transition: -moz-transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
  transition: transform 0.2s ease-in-out 0.2s, top 0.20s ease-in-out, opacity 0.20s ease-in-out;
}
a.showmenu.act span.showmenu-top, a.showmenu.act span.showmenu-middle {
	top: 19px;
	-webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  transform: rotate(135deg);
}
a.showmenu.act span.showmenu-middle {
	opacity: 0;
}
a.showmenu.act span.showmenu-bottom {
	top: 19px;
	-webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  transform: rotate(225deg);
}




/*** path ***/
div.path {
	padding:20px 0 20px 0;
	text-align:center;
}

/*** slider ***/
/*.flexslider {
	background:white;
}
.loading {
	min-height:370px;
	background:url(../img/load.gif) no-repeat center center white;
}*/
.homeslider .slides li:after {
	content:"";
	height:15px;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:url(../img/top_wave.png) no-repeat 0 0;
	background-size:100% 15px;
}




.head-right {
	display:flex;
	position:absolute;
	right:30px;
	top:35px;
}
.head-right > div {
	position:relative;
}
.head-right > div > * {
	margin:0 0 0 40px;
	font-family:'BebasNeue';
	font-weight:300;
	font-size:22px;
	text-align:center;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	flex-direction:column;
	justify-content:space-between;
}
.head-right > div > * > *:first-child {
	margin:0 0 10px 0;
}

/*** search ***/
form.search {
	position: absolute;
	left: 50%;
	top: 50px;
	transform: translate(-50%);
}
form.search input {
	width:320px;
	background:#fff;
	height:36px;
	font-size:12px;
	padding:0 40px 0 10px;
	border:1px solid #818181;
	color:#000;
}
form.search input.submit {
  margin:9px 11px 0 0;
  padding:0;
  width:18px!important;
  background:url(../img/icons/lupa.png) no-repeat top left;
  background-size:contain;
  border:0!important;
  height:18px;
  position:absolute;
  right:0;
  top:0;
  cursor:hand;
  cursor:pointer;
}


.cart .ico {
	position:relative;
}
.cart em {
	font-style:normal;
	position:absolute;
	right:-5px;
	top:0;
	width:20px;
	height:20px;
	background:#2F92FF;
	font-size:14px;
	font-family:'Montserrat';
	color:white;
	font-weight:bold;
	line-height:20px;
	text-align:center;
	border-radius:50%;
}

.popup-cart {
	width:400px;
	right:0;
	top:100px;
	height:auto;
	position:absolute;
	margin:15px 0 0 0;
	background:white;
	z-index:9999;
	text-align:left;
	border-radius:10px;
}
.popup-cart-in {
	padding:25px;
}
.popup-cart .report {
	border-radius:10px 10px 0 0;
}
.popup-cart .popup-close {
	position:absolute;
	right:15px;
	top:12px;
	margin:0;
	width:26px;
	height:26px;
	border-radius:50%;
	background:white;
	display:flex;
	align-items:center;
	justify-content:center;
}
.popup-cart .popup-close img {
	width:16px;
	height:16px;
}
.popup-cart .item {
	display:flex;
	align-items:center;
	padding:0 0 8px 0;
	margin:0 0 8px 0;
	border-bottom:1px solid #ccc;
}
.popup-cart .item .img {
	margin:0 20px 0 0;
	height:50px;
	width:50px;
	display:flex;
	align-items:center;
	justify-content:center;
}
.popup-cart .item .img img {
	max-height:50px;
}


.homeinfo {
	margin:30px 0 0 0;
}

/*** img bannery ***/
.img-bannery {
	margin:30px 0 60px 0;
}
.img-bannery .item {
	margin:0 0 0 0;
	position:relative;
	text-decoration:none;
	font-weight:normal;
}
.img-bannery .item span {
	position:absolute;
	text-align:center;
	padding:10px 20px 10px 20px;
	margin:0 0 0 0;
	background:rgba(0, 0, 0, 0.3);
}
.img-bannery .item strong {
	line-height:1em;
	font-size:28px;
	color:white;
	font-weight:normal;
	font-family:'BebasNeueBook';
	display:block;
	margin:0 0 0 0;
}
.img-bannery .item em {
	font-style:normal;
	line-height:1.3em;
	font-size:18px;
	color:white;
	font-weight:normal;
	display:block;
	display:none;
}
.img-bannery .item:hover {
	box-shadow:inset #333 0 0 100px;
}

.img-bannery .item:hover span {
	background:rgba(0, 0, 0, 0.8);
}

.img-bannery .c1 {
	width:320px;
}
.img-bannery .r1 {
	height:320px;
}
.img-bannery .c2 {
	width:674px;
}
.img-bannery .c3 {
	width:1027px;
}
.img-bannery .r2 {
	height:670px;
}
.img-bannery-in > div {
	margin:0 0 30px 0;
}






/*** foot ***/
div.wave {
	background:url(../img/top_wave.png) no-repeat 0 0;
	height:30px;
	background-size:100% auto;
}
div.black-wave {
	margin:-14px 0 0 0;
	background:url(../img/top_wave_black.png) repeat-x 0 0;
	height:14px;
}
div.foot {
	background:black;
	color:#6E6E6E;
	padding:40px 0 40px 0;
}
div.foot a {
	font-weight:normal;
	color:#6E6E6E;
}
div.foot-in {
	display:flex;
	font-size:90%;
}

div.foot-in .footlogo img {
	height:60px;
}
.footlogo-social {
	display:flex;
	flex-direction:column;
	margin:0 50px 0 0;
}
.footlogo-social .social {
	display:flex;
	margin:20px 0 0 0;	
}
.footlogo-social .social > * {
	margin:0 15px 0 0;
}
.footmenu {
	margin:0 50px 0 0;

}
.footmenu li {
	margin:0 0 10px 0;
	font-family:'BebasNeue';
	font-size:150%;
}
.footmenu li a {
	color:white;	
}
.footmenu li.act a {
	text-decoration:underline;	
}


.foot-contact {
	margin:0 0 0 auto;
	color:white;
}
.foot-contact > strong {
	display:block;
	margin:0 0 30px 0;
	font-family:'BebasNeue';
	font-size:200%;
}
.foot-contact > span {
	display:block;
	margin:0 0 10px 0;
	font-family:'BebasNeue';
	font-size:150%;
	display:none;
}
.foot-contact a {
	display:flex;
	color:white;
	align-items:center;
	margin:0 0 30px 0;
	font-family:'BebasNeue';
	font-size:180%;
}
.foot-contact a img {
	margin:0 20px 0 0;
	max-width:70px;
	max-height:70px;
}

div.foot .copy {
	line-height:1.4em;
	font-size:90%;
	margin-top:30px;
	display:flex;
	justify-content:space-between;
}