@charset "utf-8";
@import url(cssreset.css); 
@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,600,400);
body {
	font-family: 'Open Sans', sans-serif;
	color:#000;
	font-size:16px;
	font-weight:400;
	line-height:1.2em;
}
.center {
	margin:0 auto;
}
.clear {
	clear:both;
}
.bold {font-weight:bold;}
.hidden, .hide {
	visibility:hidden;
	display:none;
}
.visible, .show {
	visibility:visible;
	display:block;
}
.warning-color {color:#de1d1d;font-weight:bold;}
.blockLt {float:left;}
.blockRt {float:right;}

.toyotomi-container:after, 
.row:after {
	display: table;
    content: " ";
	clear:both;
}
#warp {
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:left;
	padding-bottom:20em;
	background-color: #fff;
	border:16px solid #000;
	box-sizing: border-box
}
#top-logo {
	width:90%;
	max-width:1170px;
	height:auto;
	margin:3em auto 0;
}
#whitepage {
	width:90%;
	max-width:1170px;
	height:auto;
	background:#fff;
	display:block;
}
#content {
	width:100%;
	max-width:1170px;
	height:auto;
	margin:0 auto;
	display:block;
}
#content img {
	width:100%;
	max-width:1170px;
	height:auto;
}
#content .header, .header-full {
	background-color:#000;
	width:100%;
	max-width:1170px;
	height:auto;
	text-align:center;
	margin-top:30px;
	padding:0.5em 0 1em 0;
	border:0;
	display:block;
}
#fullblock {
	width:auto;
	height:auto;
	margin:0 auto;
	padding:0 15px;
	display:block;
}
.header-full {width:100%;max-width:1170px;}
#content .header h1, .header-full h1 {
	color:#fff;
	font-family:"Open Sans", sans-serif;
	font-size:66px;
	font-weight:600;
	line-height:1em;
}
#content .header h6 {
	color:#fff;
	font-family:"Open Sans", sans-serif;
	font-size:1.1em;
	font-weight:300;
	border:0;
	margin-top:10px;
}
footer {width:95%;margin:5em auto 0 auto;border-top:1px solid #ccc;}
#copyright {
	color:#000;
	font-size:12px;
	text-align:center;
}

/* Collapse */
.collapse-list {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none;
	font-size:1.1em;
	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: #fff;
    background: #000;
	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: #3b4452 !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 */

/* Bottom Note
-------------------------------------------------- */
#bottomNote {
	width:100%;
	padding:1em;
	color:#ff0606;
	font-weight:bold;
}


/************ Gallery
************************/
#main-gallery {
	width:100%;
	max-width:1170px;
	height:auto;
	padding-bottom:2em;
}
#main-gallery img,
#mirror-feature img {
	width:100%;
	max-width:1170px;
	margin:6px 0;
	border:7px solid #000;
	box-sizing: border-box
}



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

#videotxt {
    position: relative;
	width:100%;
    padding-bottom: 30%;
}

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


/* Printable
-------------------------------------------------- */
#toyotomi-printable .toyotomi-container{
    position: relative;
	margin-top:1em;
	margin-bottom:1em;
}
#toyotomi-printable .blockLt{width:30%;position: absolute;top:0;left:0;height:100%;border-right:1px dashed #5c5c5f;}
#toyotomi-printable .blockRt{width:70%;padding:2em 0;}

#toyotomi-download {
	width:100%;
	height:90%;
	position: absolute;
	top:5%;
}

#toyotomi-download a {
	line-height:1.2em;
	font-size:1.4em;
	color:#4678ff;
	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%);
}
#toyotomi-download a img {
	max-width:50%;
	margin:0 auto;
}
#toyotomi-download a span {
	margin-left: 8%;
}
#toyotomi-download a:hover {
	color:#002dae;
	text-decoration:none;
}

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


/************* SPEC
**************************/
#main-spec {
	width:100%;
	height:auto;
	padding-bottom:20px;
	color:#353535;
	background-color:#fff;
	position:relative;
}
#main-spec .indent {
	margin-left:0px;
}
#kiwav-tags, #toyotomi-tags {
	text-indent:-9999px;
	visibility:hidden;
	display:none;
}
#btn-spec {
  width: 100%;
  position: relative;
  right: 3px;
  top: -6px;
}
#spec-willitfit, #spec-guide {
	height:50px;
	color:#1d1d1d;
	line-height:50px;
	margin-right:40px;
	padding-left:55px;
	position:relative;
	float:right;
	overflow:hidden;
}
#spec-willitfit:hover, #spec-guide:hover {
	color:#fff;
	background-position:left bottom;
}
#spec-willitfit {
	width:115px;
	background: url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/toyotomi/spec-willfit.png') left top no-repeat;
}
#spec-guide {
	width:155px;
	background: url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/toyotomi/spec-guide.png') left top no-repeat;
}
#main-spec ul.main-spec-half {
	width:450px;
	height:auto;
	padding-left:20px;
	float:left;
}
#main-spec ul.main-spec-full  {
	margin-top:30px;
	padding:0 40px 0 20px;
}
#main-spec ul li {
	list-style: none;
	margin-top:30px;
	padding-left:25px;
}
#main-spec ul li ol li {
	margin-top:5px;
	margin-left:0px;
	padding:5px 70px 0 27px;
	color:#416f7b;
	font-weight:600;
	line-height: 1.3em;
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-check.png') no-repeat left top;
}
#main-spec ul li ol li strong {
	color: #15516d;
    font-weight: 800;
}
#main-spec ul li span.title {
	font-weight:600;
	color:#000;
	line-height:2.5em;
}
#main-spec ul li span.point {
	color:#eb0e00;
}
#main-spec ul li.material {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-material.png') no-repeat left 10px;
}
#main-spec ul li.shape {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-shape.png') no-repeat left 10px;
}
#main-spec ul li.glass {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-glass.png') no-repeat left 10px;
}
#main-spec ul li.weight {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-weight.png') no-repeat left 8px;
}
#main-spec ul li.color {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-color.png') no-repeat left 10px;
}
#main-spec ul li.adjustment {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-adjustment.png') no-repeat left 10px;
}
#main-spec ul li.package {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-package.png') no-repeat left 10px;
}
#main-spec ul li.fitment {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-fitment.png') no-repeat left 10px;
}
#main-spec ul li.thread {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-thread.png') no-repeat left 10px;
}
#main-spec ul li.feature {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-feature.png') no-repeat left 10px;
}
#main-spec ul li.size {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-size.png') no-repeat left 10px;
}
#main-spec ul li.led {
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/li-light.png') no-repeat left 10px;
}

#fitbrand {
	min-height:70px;
	margin-top:20px;
}
#fitbrand a div {
	color: #c9c9c9;
	height:1.5em;
	margin-right:2em;
	cursor:default;
	float:left;
}
#fitbrand a:hover div {
	color: #000;
}



#spec-point {
	width:100%;
	min-height:105px;
	margin:25px auto 0 auto;
	padding:13px 0 0 115px;
	line-height:2em;
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/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:95%;
	min-height:65px;
	margin:10px auto 0 auto;
	padding:19px 0 0 115px;
	line-height:1.2em;
	background:url('https://cdn.kiwav.com/kiwavebay/template_v2/pic/layout/spec-note.png') no-repeat;
}
#spec-note2 {
	color:#ff6000;
}


/* Compatibility List
----------------------------------------------- */

#kiwav-compatibility {
	width:100%;
	height:auto;
	padding-bottom:20px;
	color:#353535;
	background-color:#fff;
	position:relative;
	text-align:left;
}
#kiwav-compatibility h2,
#kiwav-guide h2 {
    color: #000;
    line-height: 2.5em;
	font-weight: 600;
    font-size: 1.5em;
}
#kiwav-compatibility .collapse-list .collapse-btn {
    background-color: #453d36;
}
#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-bottom:20px;
	color:#353535;
	background-color:#fff;
	position:relative;
	text-align:left;
}
#kiwav-guide img {max-width:100%;width: auto;}
#kiwav-guide > div > img {filter: invert(1);}
#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;
}

/* Payment
----------------------------------------------- */
#main-payship {
	width:100%;
	height:auto;
	text-align:left;
}
#main-payship img {width:auto;}
#payment {
	padding-top:142px;
	background:url('../pic/layout/payship-payment.png') no-repeat center top;
}
#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-shipment.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: none;
	margin-bottom:20px;
	padding-left:25px;
}
#shipment ul li span.note {
	position:absolute;
	right:0;
	color:#6cb0ad;
	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 ul li.hours {
	background:url('../pic/layout/li-hours.png') no-repeat 2px top;
}
#shipment ul li.address {
	background:url('../pic/layout/li-address.png') no-repeat left top;
}
#shipment ul li.dutytax {
	background:url('../pic/layout/li-dutytax.png') no-repeat left top;
}
#shipment ul li.wrap {
	background:url('../pic/layout/li-wrap.png') no-repeat left top;
}
#shipment ul li.warehouse {
	background:url('../pic/layout/li-warehouse.png') no-repeat left top;
}
#shipment ul li.upgrade {
	background:url('../pic/layout/li-upgrade.png') no-repeat left top;
}
#shipment ul li.return {
	background:url('../pic/layout/li-return.png') no-repeat left top;
}

#shipment #return-note ol {
	margin-top:10px;
	color:#6cb0ad;
}
#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;
	color:#fff;
	text-align:center;
	background-color:#555;
}
#ship-center .shipmentheader h4 {
	line-height:1em;
	padding-top:0.5em;
}
#ship-center .shipmentheader div.note {
	line-height:1em;
	color:#ccc;	
	padding:0.5em 0;
	margin:0 1em;
	border-top:1px dotted #fff;
}

.shipmenttable {
	width:100%;
	margin:0 auto;
}
.shipmenttable ul.shiptable-note{
	color:#d07a96;
	margin-top:1em;
	margin-left:1em;
	list-style:square;
}
.shipmenttable ul.shiptable-note li{
	margin-top:8px;
}
.shipmenttable ul.shiptable-note a{
	color:#aee3ff;
}
.shipmenttable ul.shiptable-note a:hover{
	color:#ffffff;
}

.shipmenttable table {
	width:100%;
	border-collapse: collapse;
	text-align:center;
    color: #000;
	margin:1em auto;
}
.shipmenttable table tr:nth-of-type(odd) { 
	background: #f9f9f9; 
}
.shipmenttable table th {
	border-bottom:1px solid #454748;	
	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 #454748;
}
.shipmenttable table td+td {
	color:#7cc8c5;
}
.shipmenttable table td.title {
	text-align:left;
}

.shipmenttable .color {
	color:#ff0000;
}

/* Responsive
-------------------------------------------------- */
@media screen and (max-width: 640px) {	
  #toyotomi-download a {font-size:1.1em;top:25%;}
}

@media screen and (min-width: 641px) and (max-width: 768px) {	
  #toyotomi-download a {font-size:1.2em;top:25%;}
}
@media (min-width:769px) {
  #toyotomi-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:47%;padding:0 1em;}
}