@charset "utf-8";

/*----------------------------------
mv
----------------------------------*/
body:not(.top) #mv .col-xs-12{
	background-image : url("/en/images/products/lox/hero.jpg");
}

/*----------------------------------
links
----------------------------------*/
#main h3{
	font-family : "Merriweather";
	font-weight : 700;
	color : #387ec4;
}
#main h3 span{
	display : block;
}
#main p{
	font-family : "Montserrat";
	font-weight : 300;
	color : #323232;
}
@media (max-width: 639px){
	#main h3{
		font-size : 14px;
	}
	#main h3 span{
		font-size : 22px;
	}
	#main p{
		font-size : 14px;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	#main h3{
		font-size : 28px;
	}
	#main h3 span{
		font-size : 43px;
	}
	#main p{
		font-size : 28px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	#main h3{
		font-size : 28px;
	}
	#main h3 span{
		font-size : 43px;
	}
	#main p{
		font-size : 28px;
	}
}
@media ( max-width: 991px){
	#main{
		padding-top : calc( 91 / 640 * 100% );
		padding-bottom : calc( 92 / 640 * 100% );
	}
	#main p{
		padding-left : calc( 30 * 100% / 580);
		padding-right : calc( 30 * 100% / 580);
		margin : calc( 57 / 640 * 100% ) auto 0;
	}
}
@media ( min-width: 992px){
	#main{
		padding-top : 105px;
		padding-bottom : 100px;
	}
	#main h3{
		font-size : 26px;
		line-height : 40px;
	}
	#main h3 span{
		font-size : 34px;
	}
	#main p{
		font-size : 21px;
		line-height : 27px;
		max-width : 1080px;
		margin : 46px auto 0;
	}
}
@media (min-width: 992px ) and ( max-width: 1199px){
	#main p{
		padding-left : 15px;
		padding-right : 15px;
	}
}



/*----------------------------------
product
----------------------------------*/
#product .container-fluid > ul > li:nth-child(odd){
	background-color : #f3f3f3;
}
#product figure{
	position : relative;
}
#product figcaption{
	font-family : "Montserrat";
	font-weight : 600;
	color : #387ec4;
	display : inline-block;
	position : relative;
	z-index : 2;
}
#product figcaption:before{
	content : "- ";
}
#product figcaption:after{
	border-bottom : 2px solid #0060b6;
	content : "";
	margin : 0 auto;
	position : absolute;
	left : 100%;
	width : 100px;
	z-index : 1;
}
#product figure li{
	font-family : "Roboto";
	font-weight : 500;
	color : #221815;
	padding-left : 1em;
}
#product figure li:before{
	content : "●";
	color : #387ec4;
	display : inline-block;
	vertical-align : top;
	text-indent : -1em;
}
#product .table-sub{
	font-family : "Roboto";
	font-weight : 300;
	color : #000;
	text-align : right;
}
#product table dt{
	font-weight : 300;
}
#product table dt:after{
	content : " :";
}
@media (max-width: 639px){
	#product figure li{
		font-size : 12px;
	}
	#product figcaption{
		font-size : 15px;
	}
	#product figure li:before{
		line-height : 16px;
	}
	#product .table-sub{
		font-size : 12px;
	}
	#product tbody tr:first-child td:nth-child(2) , #product tbody tr:first-child td:nth-child(3){
		margin-top : 21px;
	}
	#product li:nth-child(3) table tr:nth-child(2) td:nth-child(4) , #product li:nth-child(3) table tr:nth-child(2) td:nth-child(5){
		margin-top : 21px;
	}
	#product .separate td{
		height : 15px;
	}
}
@media (min-width: 640px ) and ( max-width: 767px){
	#product figure li{
		font-size : 24px;
	}
	#product figcaption{
		font-size : 30px;
	}
	#product figure li:before{
		line-height : 36px;
	}
	#product .table-sub{
		font-size : 24px;
	}
	#product tbody.custom tr:first-child td:nth-child(5):before , #product tbody.custom tr:first-child td:nth-child(6):before{
		font-size : 18px;
	}
	#product tbody tr:first-child td:nth-child(2) , #product tbody tr:first-child td:nth-child(3){
		margin-top : 41px;
	}
	#product li:nth-child(3) table tr:nth-child(2) td:nth-child(4) , #product li:nth-child(3) table tr:nth-child(2) td:nth-child(5){
		margin-top : 41px;
	}
	#product .separate td{
		height : 30px;
	}
}
@media (min-width: 768px ) and ( max-width: 991px){
	#product figure li{
		font-size : 24px;
	}
	#product figcaption{
		font-size : 30px;
	}
	#product figure li:before{
		line-height : 36px;
	}
	#product .table-sub{
		font-size : 24px;
	}
	#product tbody tr:first-child td:nth-child(2) , #product tbody tr:first-child td:nth-child(3){
		margin-top : 41px;
	}
	#product li:nth-child(3) table tr:nth-child(2) td:nth-child(4) , #product li:nth-child(3) table tr:nth-child(2) td:nth-child(5){
		margin-top : 41px;
	}
	#product .separate td{
		height : 30px;
	}
}
@media ( max-width: 991px){
	#product .container-fluid{
		padding-left : 0;
		padding-right : 0;
	}
	#product .container-fluid > ul > li{
		padding-left : 0;
		padding-right : 0;
	}
	#product .container-fluid > ul > li{
		padding-top : calc( 100 / 640 * 100% );
		padding-bottom : calc( 100 / 640 * 100% );
	}
	#product .container-fluid > ul > li > .row{
		padding-left : calc( 30 * 100% / 640);
		padding-right : calc( 30 * 100% / 640);
		margin-left : 0;
		margin-right : 0;
	}
	#product .container-fluid > ul > li > .row > div{
		padding-left : 0;
		padding-right : 0;
	}
	#product h3{
		margin-top : calc( 56 / 640 * 100% );
	}
	#product li:nth-child(1) h3 img{
		width : calc( 276 * 100% / 580 );
	}
	#product li:nth-child(2) h3 img{
		width : calc( 308 * 100% / 580 );
	}
	#product li:nth-child(3) h3 img{
		width : calc( 252 * 100% / 580 );
	}
	#product li:nth-child(4) h3 img{
		width : calc( 397 * 100% / 580 );
	}
	#product li:nth-child(5) h3 img{
		width : calc( 364 * 100% / 580 );
	}
	#product li:nth-child(6) h3 img{
		width : calc( 350 * 100% / 580 );
	}
	#product li:nth-child(7) h3 img{
		width : calc( 400 * 100% / 580 );
	}
	#product .description{
		margin-top : calc( 37 / 640 * 100% );
	}
	#product sub{
		margin-top : calc( 33 / 640 * 100% );
	}
	#product figure{
		margin-top : calc( 34 / 640 * 100% );
		padding-left : calc( 30 * 100% / 580);
		padding-right : calc( 30 * 100% / 580);
	}
	#product figcaption:after{
		top : 50%;
		margin-top : -1px;
	}
	#product figure li{
		line-height : 1.2;
	}
	#product figure li:before{
		font-size : 10px;
	}
	#product figure li:not(:first-child){
		margin-top : calc( 25 * 100% / 640 );
	}
	#product .table-sub{
		padding-right : calc( 30 * 100% / 580 );
		margin-top : calc( 39 / 640 * 100% );
	}
	#product table{
		margin-top : calc( 47 / 640 * 100% );
	}
	#product table caption{
		margin-top : 0;
		text-align : center;
		font-family : "Roboto";
		font-weight : 700;
	}
	#product tbody tr td span:not(:last-child):after{
		content : "/";
		color : #221815;
	}
	#product dl{
		display : table;
		margin-bottom : 0;
	}
	#product dl dt , #product dl dd{
		display : table-cell;
	}
	#product caption{
		position : relative;
		margin-bottom : 39px;
	}
	#product caption span{
		position : absolute;
		top : 100%;
		height : 40px;
		line-height : 40px;
		display : block;
		text-align : right;
		color : #000;
		left : 0;
		width : calc( 100% + 2px );
		z-index : 10;
		font-family : "Roboto";
		font-weight : 400;
		color : #000;
	}
	#product caption.collapsed span{
		display : none;
	}
	#product li:nth-child(1) table , #product li:nth-child(2) table , #product li:nth-child(3) table{
		border-top : 0;
		border-left : 0;
		border-right : 0;
		border-bottom : 0;
	}
	#product li:nth-child(1) table tr , #product li:nth-child(2) table tr , #product li:nth-child(3) table tr{
		border-left : 1px solid #387ec4;
		border-right : 1px solid #387ec4;
		border-bottom : 1px solid #387ec4;
	}
	#product .separate{
		border : 0!important;
	}
	#product .separate td{
		background : none;
	}
}
@media ( min-width: 992px){
	#product .container-fluid > ul > li{
		padding-top : 170px;
		padding-bottom : 170px;
	}
	#product .container-fluid > ul > li:nth-child(odd){
		background-color : #f3f3f3;
	}
	#product li > .row{
		max-width : 1080px;
		margin : 0 auto;
	}
	#product li > .row > .col-md-7{
		width : calc( 645 * 100% / 1080 );
		padding-left : 0;
		padding-right : 0;
	}
	#product .description{
		margin-top : 28px;
		color : #221815;
		font-size : 20px;
		line-height : 24px;
		font-family : "Montserrat";
		font-weight : 500;
	}
	#product .sub{
		margin-top : 25px;
		font-family : "Roboto";
		font-weight : 400;
		color : #221815;
		font-size : 18px;
		font-weight : 400;
		line-height : 24px;
	}
	#product figure{
		margin-top : 36px;
		position : relative;
	}
	#product figcaption{
		font-family : "Montserrat";
		font-weight : 600;
		color : #387ec4;
		font-size : 21px;
		display : inline-block;
		position : relative;
		z-index : 2;
		padding-right : 8px;
		margin-left : 5px;
	}
	#product figcaption:after{
		border-bottom : 2px solid #0060b6;
		content : "";
		margin : 0 auto;
		position : absolute;
		top : 16px;
		left : 100%;
		width : 100px;
		z-index : 1;
	}
	#product li:nth-child(odd) figcaption{
		background-color : #f3f3f3;
	}
	#product figcaption:before{
		content : "- ";
	}
	#product figure li{
		font-family : "Roboto";
		font-weight : 500;
		color : #221815;
		font-size : 18px;
		line-height : 24px;
		text-indent : -10px;
		padding-left : 22px;
	}
	#product figure li:before{
		content : "●";
		color : #387ec4;
		padding-right : 8px;
		font-size : 14px;
		line-height : 27px;
		display : inline-block;
		vertical-align : top;
	}
	#product .table-sub{
		margin-top : 54px;
		font-size : 18px;
	}
	#product table{
		width : 100%;
		border : solid 1px #387ec4;
	}
	#product tr th{
		font-family : "Roboto";
		font-weight : 700;
		color : #fff;
		font-size : 18px;
		background-color : #387ec4;
		width : 645px;
		height : 40px;
		text-align : center;
		min-height : 40px;
		padding : 0;
	}
	#product thead tr:first-child td:nth-child(1){
		width : 31%;
	}
	#product thead tr:first-child td:nth-child(2){
		width : 29%;
	}
	#product thead tr:first-child td:nth-child(3){
		width : 35%;
	}
	#product thead tr:nth-child(2) td:nth-child(1){
		width : 16%;
	}
	#product tr th:not(:first-child){
		border-left : solid 1px #fff;
	}
	#product thead tr:first-child th:nth-child(2){
		border-bottom : solid 1px #fff;
	}
	#product tr:nth-child(2) th:first-child{
		border-left : solid 1px #fff;
	}
	#product td{
		font-family : "Roboto";
		font-weight : 300;
		text-align : center;
		color : #221815;
		font-size : 18px;
		line-height : 20px;
		background-color : #fff;
		padding-top : 22px;
		padding-bottom : 20px;
	}
	#product li:nth-child(7) table tbody tr td:first-child{
		padding-top : 16px;
		padding-bottom : 11px;
	}
	#product tbody tr:not(:first-child) td{
		border-top : solid 1px #387ec4;
	}
	#product tr td:not(:first-child){
		border-left : solid 1px #387ec4;
	}
	#product td span:not(:last-child):after{
		content : "/";
		color : #221815;;
	}
	#product td dl{
		text-align : left;
	}
}