@charset "utf-8";
@import url(cssreset.css); 
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*, *:before, *:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
@import url('https://fonts.googleapis.com/css?family=Martel:300,400,900|PT+Serif');
#akiwavu-wrap {
  font-family: 'Martel', serif;
  width:100%;
  height:auto;
  color: #dadada;
  background-color:#546577;
  font-size:17px;
  font-weight:300;
  line-height: 1.2em;
  text-align:center;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -moz-font-feature-settings: 'liga', 'kern';
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#akiwavu-center {
  width:100%;
  max-width:1170px;
  margin:0 auto;
}
#akiwavu-wrap h2 {font-size:2.8em;}
#akiwavu-wrap h3 {font-size:1.5em;}
#akiwavu-wrap h4 {font-size:1.2em;}
#akiwavu-wrap h5 {font-size:1.1em;}
#akiwavu-wrap h1,
#akiwavu-wrap h2,
#akiwavu-wrap h3,
#akiwavu-wrap h4,
#akiwavu-wrap h5 {font-family:'PT Serif', serif;color:#fffbdb;margin-top:0.2em;margin-bottom:0.6em;font-weight:400;line-height:1em;}
p {line-height:1.2em;}

footer {
  color:#fff;
  background-color:#2c2c2c;
  line-height:2em;
  margin-top:0;
  font-size:0.8em;
}
.blockLt {float:left;}
.blockRt {float:right;}

.akiwavu-container:after, 
.row:after,
.clearafter:after {
	display: table;
    content: " ";
	clear:both;
}
.clear {clear:both;}
.bold {font-weight:400;color:#fff;}
.trans {opacity: 0;}
.warning-color {color:#fff477;}
#kiwav-tags {display:none;}
.hide {display:none;}
.show {display:block;}
.highlight-a1 {color:#0046f9;}
.highlight-a2 {color:#008268;}

/* Collapse */
.collapse-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
	font-size:1.3em;
	color:#000;
}

.collapse-open {
    display: none;
}

.collapse-painel {
    visibility: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height .1s,
    visibility .3s,
    opacity .3s;
}

.collapse-open:checked ~ .collapse-painel {
    max-height: 1600vh;
    opacity: 100;
    visibility: visible
}

.collapse-list li {
    margin-bottom: 0;
}

.collapse-list .collapse-btn {
    cursor: pointer;
    display: block;
	font-weight: bold;
    font-size: 1.4rem;
    text-indent: -1.3rem;
    line-height: 1.2em;
    padding: 1rem;
	padding-left: 2.3rem;
	margin-top:0.5em;
    margin-bottom: 0;
    color: #546577;
    background: #a8e1ff;
	border-radius: 7px;
	border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    transition: all 0.25s ease-out;
}

.collapse-list .collapse-btn:hover {
    background: #eee !important;
}

.collapse-open ~ .collapse-btn:before {
    content: ' ';
    display: inline-block;

    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid currentColor;
    vertical-align: middle;
    margin-right: .7rem;
    transform: translateY(-2px);

    transition: transform .2s ease-out;
}

.collapse-open:checked ~ .collapse-btn:before {
    transform: rotate(90deg) translateX(-3px);
}

.collapse-list .collapse-inner {
    background: rgba(255, 255, 255, 1);
    border-bottom: 1px solid rgba(255, 255, 255, .45);
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    padding: .5rem 1rem;
}
/* End of collapse */


/* Header
-------------------------------------------------- */
#akiwavu-header {
	width:100%;
	height:auto;
	text-align: center;
	padding-top:0.5em;
	padding-bottom:1em;
}

#akiwavu-banner img,
#akiwavu-hero img,
#akiwavu-measurement img,
#akiwavu-promotion img,
#akiwavu-recommend img {
	width:100%;
	height:auto;
	max-width:1170px;
	display:block;
}

#akiwavu-banner img {
	margin-bottom:0.5em;
}

/* Hero
-------------------------------------------------- */
#akiwavu-hero img+img,
#akiwavu-hero a+img {
	margin-top:2px;
}

#kiwav-hero, #gallery-warning {clear:both;}

/* Video
-------------------------------------------------- */
#akiwavu-video {
	width:100%;
	height:auto;
}
#akiwavu-video video {
	width:100%;
}

#videotxt {
    position: relative;
	width:100%;
    padding-bottom: 30%;
}
#videotxt div{
	position: absolute;
	width:90%;
	margin-left:3%;
    top: 50%;
}

#akiwavu-video .blockLt{width:40%;}
#akiwavu-video .blockRt{width:60%;}
#akiwavu-video p {text-align:left;}

.video-container {
    margin:2em auto;
}

/* Measurement
-------------------------------------------------- */
#akiwavu-measurement {
	width:100%;
	height:auto;	
	border-top:5px solid #546577;
	background-repeat:no-repeat;
	background-position: top left;
	position:relative;
}
#measurement-title {	
	position:absolute;
	width:100%;
	top:11px;
	background:rgba(84,101,119,0);
	color:#c2cad8;
	padding-bottom:0.2em;
}
#measurement-title h2 {margin-bottom:0.2em;}

#measurement-pencil,
#measurement-compass {
	position:absolute;
	bottom:0;
	z-index:1;
}
#measurement-pencil {
	width:36%;
	height:27%;
	background: url('../pic/layout/measurement-pencil.png') no-repeat bottom left;
	background-size:contain;
	left:5%;
}
#measurement-compass {
	width:17%;
	height:25%;
	background: url('../pic/layout/measurement-compass.png') no-repeat bottom right;
	background-size:contain;
	right:0;
}
.old #measurement-title {
	position:relative;
	padding-bottom: 1em;
}
.old #measurement-pencil,
.old #measurement-compass {
	display:none;
}

/* Printable
-------------------------------------------------- */
#akiwavu-printable {
	background-color:#546577;
	border:5px solid #546577;
	border-left:0;
	border-right:0;
    position: relative;
}
#akiwavu-printable .blockLt{width:30%;position: absolute;top:0;left:0;height:100%;}
#akiwavu-printable .blockRt{width:70%;}

#akiwavu-download {
	width:100%;
	height:90%;
	border-right:1px dashed #b3c0cd;
	position: absolute;
	top:5%;
}

#akiwavu-download a {
	line-height:1.2em;
	font-size:1.4em;
	color:#75d6ff;
	text-align:center;
	text-decoration:underline;
	position: absolute;
	margin:0 auto;
	width:100%;
    top: 35%;
	left:50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
#akiwavu-download a img {
	max-width:80%;
	margin:0 auto;
}
#akiwavu-download a span {
	margin-left: 8%;
}
#akiwavu-download a:hover {
	color:#fff;
	text-decoration:none;
}

#printable-desc {
	padding-left:8%;
	padding-right:3%;
	text-align:left;
}
#printable-desc .akiwavu-container {margin-top:1em;margin-bottom:1em;}
#printable-desc .akiwavu-container img{
	float:left;
	width:45%;
}
#printable-desc .akiwavu-container img+img {
	margin-left:8px;
}


/* Spec
----------------------------------------------- */
#akiwavu-spec {
	width:100%;
	height:auto;
	padding:2em;
	color:#fff;
	border-top:5px solid #546577;
	background-color:#546577;
	text-align:left;
	position:relative;
}

#akiwavu-spec p {
	pointer-events: none;
}
#akiwavu-spec p > a{
	text-decoration:none;
	color:inherit;
}
#akiwavu-spec a {
	color:#fff;
}
#akiwavu-spec img {
	max-width:100%;
	height:auto;
}
#akiwavu-spec .indent {
	margin-left:0em;
}
#btn-spec {
	width:50%;
	max-width:250px;
	position:absolute;
	right:0;
	top:0;
}
#btn-spec a {text-decoration:none;}
#spec-willitfit, #spec-guide {
	height:50px;
	color:#fff;
	line-height:50px;
	padding-left:55px;
	padding-right:0.5em;
	position:relative;
	float:right;
	top:1em;
	overflow:hidden;
}
#spec-willitfit:hover, #spec-guide:hover {
	color:#fff;
	background-position:left bottom;
}
#spec-willitfit {
	width:auto;
	background: url('../pic/layout/spec-willfit.png') left top no-repeat;
}
#spec-guide {
	width:auto;
	background: url('../pic/layout/spec-guide.png') left top no-repeat;
}
#akiwavu-spec ul.main-spec-half {
	width:100%;
	height:auto;
	float:left;
}
#akiwavu-spec ul.main-spec-full  {
	margin-top:30px;
	padding:0;
}
#akiwavu-spec ul li {
	list-style: circle;
	margin-top:30px;
	margin-left:25px;
}
#akiwavu-spec ul li ol li {
	margin-top:5px;
	margin-left:0px;
	padding:5px 0 0 27px;
	list-style: none;
	color:#80f171;
	font-size:1.1em;
	line-height: 1.3em;
	background:url('../pic/layout/li-check.png') no-repeat left top;
}
#kiwavu-spec ul li ol li strong {
	color: #a4fc98;
    font-weight: 400;
}
#akiwavu-spec ul li span.title {
	font-weight:600;
	color:#e4e4e4;
	line-height:2.5em;
}
#akiwavu-spec ul li span.point {
	color:#eb0e00;
}

#fitbrand a div {
	color: #70757b;
	height:1.5em;
	margin-right:2em;
	cursor:default;
	float:left;
}
#fitbrand a:hover div {
	color: #8dc6d9;
}


#spec-point {
	width:auto;
	min-height:105px;
	margin-top:25px;
	padding:13px 0 0 115px;
	line-height:1.2em;
	background:url('../pic/layout/spec-point.png') no-repeat;
}
#spec-point span.color {
	color:#eb0e00;
}
#spec-point span.note {
	font-size:14px;
	line-height:1.2em;
}
#spec-note, #spec-note2 {
	width:auto;
	min-height:65px;
	margin-top:10px;
	padding:19px 0 0 115px;
	line-height:1.2em;
	background:url('../pic/layout/spec-note.png') no-repeat;
}
#spec-note2 {
	color:#f78c0c;
}

/* Compatibility List
----------------------------------------------- */
#kiwav-compatibility {
	width:100%;
	height:auto;
	padding:2em;
	background-color:#546577;
	text-align:left;
	border-top:5px solid #546577;
}
#kiwav-compatibility .collapse-list .collapse-btn {
    background-color: #cfffa8;
}
#kiwav-compatibility table {max-width:100%;margin: 0 auto;text-align:center; font-size:initial;color:#000;}
#kiwav-compatibility table th,
#kiwav-guide table th {color:#fff;background: #000;font-weight:400;padding:0.5em;}
#kiwav-compatibility td,
#kiwav-guide td {padding:0.2em 0.5em;border-bottom:1px #ccc solid;text-align:center;}
#kiwav-compatibility td+td,
#kiwav-guide td+td {border-left:1px #ccc solid;}
#kiwav-compatibility tr:nth-child(even),
#kiwav-guide tr:nth-child(even) {background: #fff;}
#kiwav-compatibility tr:nth-child(odd),
#kiwav-guidetr:nth-child(odd) {background: #f7f7f7;}

#kiwav-guide table {max-width:100%;text-align:left;color:#000;}

/* Guide
----------------------------------------------- */
#kiwav-guide  {
	width:100%;
	height:auto;
	padding:2em;
	background-color:#546577;
	text-align:left;
	border-top:5px solid #546577;
}
#kiwav-guide img {max-width:100%;}
#kiwav-guide strong {font-weight: 400;}

#kiwav-guide p,
#kiwav-guide ol {
	line-height:1.4em;
	margin-left: 1.5em;
	margin-bottom:1em;
}
#kiwav-guide ol {
	list-style-type:decimal;
	list-style-position:outside;
}
#kiwav-guide ol li {
	margin-left:1em;
	margin-bottom:0.8em;
}


/* Recommend
----------------------------------------------- */
#akiwavu-recommend {
	width:100%;
	height:auto;
	text-align:left;
	border-top: 5px solid #546577;
}
#akiwavu-recommend h2 {
	position:absolute;
	z-index:99;
	padding-left: 1em;
    padding-top: 0.2em;
}

/* About
----------------------------------------------- */
#about-brand {
	width:100%;
	height:auto;
	padding:2em;
	background-color:#546577;
	text-align:left;
	border-top:5px solid #546577;
}
#about-brand h2 img {
	position:relative;
}
#about-brand h5 {
	margin-bottom:10px;
}
#about-content {
	width:100%;
	margin-top:30px;
}
#about-content p {margin-top:1em;}
#about-brand.magazi h2 img {
	bottom: -12px;
}
#about-brand.kiwav h2 img {
	bottom: 0px;
}
#about-brand.kiwav #about-content {
	width:90%;
}


/* Payment
----------------------------------------------- */
#main-payship {
	width:100%;
	height:auto;
	padding:2em;
	background-color:rgba(255,255,255,1);
	text-align:left;
	color:#333;
	border-top:5px solid #546577;
}
#main-payship h2 {text-align:center;margin-top:1em;margin-bottom:0;}
#main-payship h2,
#main-payship h4 {color:#546577;}

#payment {
	padding-top:142px;
	background:url('../pic/layout/payship-payment2.png') no-repeat center top;
	min-height: 142px;
}
#payment ul {
	list-style:none;
}
#payment ul li {
	min-height:24px;
	margin-top:1em;
	padding:5px 0 0 27px;
	background:url('../pic/layout/li-check.png') no-repeat left top;
}
#main-payship a button {
	padding: 0.6em;
    background: #48b1d3;
    border: 0;
    color: #fff;
    cursor: pointer;
    font-size: 1.2em;
    border-radius: 5px;
}
#main-payship a:hover button {
    background: #86daf6;
	color:#000;
}

/* Shipment
----------------------------------------------- */
#shipment {
	padding-top:142px;
	background:url('../pic/layout/payship-shipment2.png') no-repeat center top;
	margin-top:2em;
}
#shipment ul.left,
#shipment ul.right,
#shipment ul.full {
	margin-top:10px;
	float:left;
	position:relative;
}
#shipment ul.full {
	width:100%;
}
#shipment ul.left {
	width:100%;
}
#shipment ul.right {
	width:100%;
}
#shipment ul li {
	list-style: circle;
	margin-bottom:20px;
	margin-left:25px;
}
#shipment ul li span.note {
	color:#468e1b;
	font-size:0.8em;
	text-align:right;
	width:auto;
	max-width:90%;
}
#shipment ul li span.title {
	font-weight:600;
	color:#dcdcdc;
	line-height:2.5em;
}

#shipment #return-note ol {
	margin-top:10px;
	color:#468e1b;
}
#shipment #return-note ol li {
	margin:0;	
	margin-left:1em;
	list-style:decimal outside;
	padding:0;
}
#shipment #return-note li+li {margin-top:0.5em;}
#shipment #return-note ul {margin-top:0.5em;}
#shipment #return-note ul li {
	list-style:lower-alpha outside;
}


#ship-center {
	width:100%;
	margin:0 auto;
}
.halfblock {
	width:100%;
	margin-top:40px;
	padding:0;
	float:left;
}
#ship-center .shipmentheader {
	width:100%;
	height:auto;
	text-align:center;
	background-color:#e1e5e8;
}
#ship-center .shipmentheader h4 {
	line-height:1em;
	padding-top:0.5em;
}
#ship-center .shipmentheader div.note {
	line-height:1em;
	color:#222678;	
	padding:0.5em 0;
	margin:0 1em;
	border-top:1px dotted #525252;
}

.shipmenttable {
	width:100%;
	margin:0 auto;
}
.shipmenttable ul.shiptable-note{
	color:#996f0a;
	margin-top:1em;
	margin-left:1em;
	list-style:square;
}
.shipmenttable ul.shiptable-note li{
	margin-top:8px;
}
.shipmenttable ul.shiptable-note a{
	color:#003cff;
}
.shipmenttable ul.shiptable-note a:hover{
	color:#000;
}

.shipmenttable table {
	width:100%;
	border-collapse: collapse;
	text-align:center;
    color: #333;
	margin:1em auto;
}
.shipmenttable table tr:nth-of-type(odd) { 
	background: #efefef; 
}
.shipmenttable table th {
	border-bottom:1px solid #ccc;	
	padding:0.5em;	
	background-color:#fff
}
.shipmenttable table td {
	padding:0.5em 0.4em;	
}
.shipmenttable table th+th,
.shipmenttable table td+td {
	border-left:1px solid #ccc;
}
.shipmenttable table td+td {
	color:#222678;
}
.shipmenttable table td.title {
	text-align:left;
}

.shipmenttable .color {
	color:#ff0000;
}

/* Bottom Note
-------------------------------------------------- */
#bottomNote {
	width:100%;
	padding:1em;
	color:#a6a6a6;
	background-color:#546577;
}
#bottomNote .color {color:#fff477;}

/* Footer
-------------------------------------------------- */
#copyright {
	width:100%;
	padding:0.5em;
	color:#fff;
	background-color:#546577;
}

/* Sales Events
-------------------------------------------------- */
#salevent {
	width:100%;
	background-color:#fff;
}
#salevent .clear:before,
#salevent .clear:after {
    content: " ";
    display: table;
	clear:both;
}
#salevent .salevent-content {
	width:100%;
	max-width:1460px;
	margin:32px auto;
	font-family: "Helvetica neue",Helvetica,Verdana,Sans-serif;
	color:#333;
	border:1px solid #ccc;
	line-height:1;
}
#salevent .header {
	padding:24px 16px 0 16px;
}
#salevent .header h2 {font-weight:bold;}
#salevent .header .pull-left {
    float: left;
}
#salevent .header a.pull-right {
	color: #333;
    font-size: 11px;
    font-weight: 400;
    margin: 4px 0 0 0;
    float: right;
    text-decoration: none;
}
#salevent .header a:hover.pull-right {text-decoration: underline;}

#salevent .salevent-container {
	margin: 12px 16px;
    padding: 4px 0;
}

#salevent .salevent-container ul {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

#salevent .salevent-container ul li {
	display: inline-block;
	width:16.33%;
	float: left;
}

#salevent .saleimgs img{
	width:100%;
}

#salevent p.saletitle {
	word-break: break-all;
	white-space: normal
}

#salevent p.saleprice {
	font-size: 17px;
    font-weight: bold;
    margin: 8px 0 0 0;
	color:#dd1e30;
}

#salevent a .saleitems {
	border: 1px solid transparent;
    padding: 7px;
	color:#333;
}
#salevent a:hover .saleitems {
	border: 1px solid #999;
}

#salevent a:hover p.saletitle {
	text-decoration:underline;
}
#salevent a,
#salevent a p.saleprice {
	text-decoration:none;
}


/* Responsive
-------------------------------------------------- */
@media screen and (max-width: 640px) {	
  #akiwavu-wrap {font-size:14px;}
  #akiwavu-wrap h2 {font-size:1.5em;}
  #akiwavu-wrap h3 {font-size:1.3em;}
  #akiwavu-download a {font-size:1.1em;top:15%;}
  
  #measurement-title {top:0;}
  #measurement-title h2 {font-size:1.3em;}
  #measurement-title p {font-size:0.7em;}
  
  #videotxt {padding-top: 2em;padding-bottom:0;} 
  #videotxt div {position:inherit;}
  #kiwav-video .blockLt,
  #kiwav-video .blockRt {width:100%;}
  
  #salevent .salevent-container ul li {display: block;width:100%;}
}

@media screen and (min-width: 641px) and (max-width: 768px) {	
  #akiwavu-wrap {font-size:14px;}
  #akiwavu-wrap h2 {font-size:2em;}
  #akiwavu-wrap h3 {font-size:1.5em;}
  #akiwavu-download a {font-size:1.2em;top:15%;}
  
  #measurement-title {top:0;}
  #measurement-title p {font-size:0.8em;}
  
  #videotxt {position:inherit;padding: 2em 0 0 0;margin:0 auto;} 
  #videotxt div {position:inherit;}
  #kiwav-video .blockLt,
  #kiwav-video .blockRt {width:100%;}
}

@media (min-width:769px) {
  #videotxt {padding-bottom: 30%;}
  #akiwavu-spec ul.main-spec-half {width:50%;}
  
  #btn-spec {width:70%;max-width:none;}
  #btn-spec #spec-willitfit {width:170px;}
  #btn-spec #spec-guide {width:210px;margin-left:1em;}
  
  
  
  #payment, #shipment {background-position:left top;padding-top:0;}	
  #payment ul {margin-left:142px;}
  #shipment ul.full {width:80%;margin-left:142px;}
  #shipment ul.left {width:40%;margin-left:142px;float:left;}
  #shipment ul.right {width:34%;margin-left:2em;float:left;}
  #shipment ul li span.note {max-width:100%;}  
  .halfblock {width:50%;padding:0 1em;}
}