/* This page
-------------------------------------------------- */
html, body {height:100%;}
body {background-color:#fff;color:#616161;text-align:left;font-family: 'Source Sans Pro',sans-serif;font-weight:300;line-height:1.5em;font-size:20px;}
h1 {
  font-family: Arial,sans-serif;
  font-size:2.1rem;
  font-weight:100;
  line-height:1.3em;
  margin-bottom:0.5em;
  color:#000;
}
h2 {
  font-family: 'Source Sans Pro',sans-serif;
  font-size:2.1em;
  font-weight:400;
  margin-bottom:0.5em;
  color:#000;
}
h5 {font-size:1.1em;color:#fff;font-weight:400;}
.txt-color {color:#fffb8f !important;}

video, 
#full-video img{
  width: 100%;
  height: auto;
}
#info ul h5 {font-size:1.6em;font-weight:400;color:#656b7b;}

.fullH {min-height: 53vw;}

/* Hero Page
-------------------------------------------------- */
#heropage {
	background: url("../images/Minimal/hero-lg.webp") #f5f5f5 top right no-repeat;
	background-size: 100% auto;
}
#heropage,
#heropage .container-fliud,
#heropage .row {margin:0;}
#heropage h1 {
	margin-top:3vw;
	margin-bottom:0;
}
#heropage .txt {margin-left:7vw; text-align:left;}
#heropage .seriesname {font-size:5.5vw;}
#heropage .desc {
	color:#6c6c6c;
	font-size:2.3vw;
}

/* Pivot
-------------------------------------------------- */
#pivot {
	background: url("../images/Minimal/pivot-lg.webp") bottom right #fff no-repeat;
	background-size: auto 70%;
}
#pivot h1 {margin-top:1em;}
#pivot  .fullH {min-height: 40vw;}
#pivot img {max-width:100%;}

/* Casual
-------------------------------------------------- */
#casual {
	background: url("../images/Minimal/casual-lg.webp") top left #fff no-repeat;
	background-size: auto 100%;
}

/* Glass
-------------------------------------------------- */
#glass {
	background: url("../images/Minimal/glass-lg.webp") top center #fff no-repeat;
	background-size: cover;
	padding-bottom:4em;
}


/* Gallery
-------------------------------------------------- */
#gallery img {width:100%;}



/* Shop-Action
-------------------------------------------------- */
#shop-action {
	padding-top:5%;
	padding-bottom:5%;
	min-height:100%;
	text-align:center;
	background-color:#f0f0f0;
}
#shop-action .picitems {
	margin-top:4em;
	text-align:left;
}
#shop-action .picitems img {max-width:100%;}
#shop-action .picitems p {
	text-indent:1em;
}
#shop-action .picitems p a {color:#4d4d4d;}



/* Info
-------------------------------------------------- */
#info {height:auto;color:#858c9d;background-color: #242629;}
#info ul h5 {color:#fff;}
#info ul li a {color:#82aad2;}
#info strong {color:#a6acba;}


/* effect
-------------------------------------------------- */
section {transition:all 500ms ease-out;}

/* Responsive
-------------------------------------------------- */
/* Small devices (landscape phones, 576px and up)*/
@media (max-width: 767.98px) {
	.fullH {min-height: 150vw;}
	#heropage {
		margin-top:1em;
		background-image: url("../images/Minimal/hero-xs.webp");
		background-size: 100% auto;
		background-position:bottom center;
	}
	#heropage .align-items-center {-ms-flex-align:start!important;align-items:flex-start!important}
	#heropage .txt {margin-left:0;margin-top:7em;text-align:center;}
	#heropage .seriesname {font-size:170%;}
	#heropage .desc {font-size:1.4em;}
	#heropage .align-items-center {-ms-flex-align:start!important;align-items:flex-start!important}
	
	#pivot {background:none;padding-bottom:2em;}
	#casual {
		background-image: url("../images/Minimal/casual-xs.webp");
		background-size: 100% auto;
		background-position:top center;
		padding-bottom:2em;
	}
	#casual .fullH {min-height: 164vw;}	
	#casual .align-items-center {-ms-flex-align:end!important;align-items:flex-end!important}
	#glass {background-image: url("../images/Minimal/glass-xs.webp");padding-bottom:2em;}
	
	
	
	#shop-action h1 {margin-top:2em;}
}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
    .container {max-width: 900px;}
	#heropage {background-image: url("../images/Minimal/hero-md.webp");}
	#heropage h1 {margin-bottom:0;}
	#pivot {background-size: auto 60%;}
	#casual {background-image: url("../images/Minimal/casual-md.webp");}
	#glass .fullH {min-height: 55vw;}
	#glass {background-image: url("../images/Minimal/glass-md.webp");padding-bottom:2em;}
	#glass .txt {margin-left:3em;}	
	

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1280px) {
	#pivot h1 {margin-top:2em;}
	#glass .txt {margin-left:3em;}
}
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1281px) {
	h1 {font-size:2.5rem;}
	#heropage {background-image: url("../images/Minimal/hero-xl.webp");}	
	#heropage h1 {margin-bottom:0.2em;}
	#pivot h1 {margin-top:3em;}
	#casual {background-image: url("../images/Minimal/casual-xl.webp");}		
	#casual .fullH {min-height: 47.7vw;}
	#glass .fullH {min-height: 40vw;}
	#glass {background-image: url("../images/Minimal/glass-xl.webp");padding-bottom:4em;}	
}

@media (min-width: 1440px) {
	#heropage h1 {margin-bottom:0.5em;}
	#glass {padding-bottom:6em;}
	
}