/*M.H. Shaon 01911599631 CSS Document */
.title{
	background-image:url(../img/product_title_bg.png);
	background-size:auto 100%;
	padding:1.5% 0% 1.5% 2.5%;
	color:#FFFFFF;
	/*font-size:28px;*/
	font-size:2vw;
	font-family:'Play';
}
.subtitle{
	background-image:url(../img/product_col1_title_bg.png);
	background-size:auto 100%;
	padding:0.7% 0% 0.7% 2.5%;
	color:#FFFFFF;
	/*font-size:28px;*/
	font-size:1.5vw;
	font-family:'Play';
}
body{
	font-size:1vw;
}
.product_body{
	background-color:#d3d7d8;
	
}
.product_body .col1{
	float:left;
	width:25%;
	font-family:'Play';
	margin-right:0.1%;
	font-size:1.2vw;
	
}
.product_body .col2{
	float:left;
	width:74.9%;
	font-family:'Play';
	position:relative;
	
}

.col1_title{
	background-image:url(../img/product_col1_title_bg.png);
	background-repeat:repeat-x;
	background-size: auto 100%;
	padding:3% 0% 3% 10%;
	color:#FFFFFF;
	font-size:1.2vw;
}
.col1_body{
	background-color:#f4f8f8;
	padding:1.5% 0% 1.5% 10%;
	color:#424242;
	line-height:2.2vw;
	
}

.compare{
	padding:1% 3% 1% 5%;
	overflow:auto;
	background-color:#f4f8f8;
	vertical-align:middle;
	margin-bottom:4%;
	
}
.compare_list{
	width:84%;
	
	float:left;
}
.compare_btn{
	border:1px solid #959595;
	background-color:#d2d0d0;
	padding:1% 4% 1% 4%;
	border-radius: 5px;
	text-decoration:none;
	display:inline-block;
	color:#f6f6f6;
	margin-top:5%;
}
.compare_close{
	right:-5px;
	top:-5px;
	position:absolute;
}
.compare_product_title{
	color:#636466;
	text-align:left;
	margin-bottom:5%;
	font-family:'roboto';
	
}
.compare_product{
	background-color:#FFFFFF;
	width:13.1%;
	
	text-align:center;
	display:inline-block;
	position:relative;
	border:1px solid #adadad;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(225,229,229,1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(225,229,229,1);
	box-shadow: 4px 4px 5px 0px rgba(225,229,229,1);
	padding:2%;
	margin-right:6%;
	
}
.compare_product_img img{
	width:37.5%;
}
.all_product{
	background-color:#f4f8f8;
	padding:4% 3% 4% 5%;
	font-family:'roboto';
}

.mobile{
	background-color:#FFFFFF;
	display:inline-block;
	width: 27%;
	padding:2% 0% 0% 0%;
	margin-right:5%;
	margin-bottom:5%;
	text-align:center;
	border:1px solid #adadad;
	-webkit-box-shadow: 4px 4px 5px 0px rgba(225,229,229,1);
	-moz-box-shadow: 4px 4px 5px 0px rgba(225,229,229,1);
	box-shadow: 4px 4px 5px 0px rgba(225,229,229,1);
	position:relative;
}
.mobile_img{
	margin-bottom:5%;
	min-height:284px;
}
.mobile_img img{
	width:60%;
}
.mobile_name{
	background-color:#00abbd;
	color:#FFFFFF;
}

.mobile_price{
	color:#636466;
	/*padding-bottom:5%;*/
	margin-top:0%;
	margin-bottom:5%;
}
.mobile .shadow{
	width:90%;
}
.mobile_hover{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	background-color:#10bfd2;
	/*display:none;*/
	overflow:hidden;
	opacity:0;
    -webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;
}
.mobile_img{ overflow:hidden;}
.mobile_img img{
-webkit-transition: 0.5s; /* For Safari 3.1 to 6.0 */
    transition: 0.5s;
}
.mobile:hover > .mobile_img img{
	transform: scale(1.5);
	opacity:0;
}
.mobile:hover> .mobile_hover {
	/*display:block;*/
	opacity:1;
}
.mobile_hover .mobile_name{
	padding-top:4%;
	padding-bottom:4%;
	padding-left:10%;
	border-bottom:1px solid #0fd5e9;
	text-align:left;
}
.mobile_hover_text{
	color:#FFFFFF;
	text-align:left;
	padding-left:10%;
	padding-top:5%;
	padding-right:1%;
	font-size:1vw;
	
	font-family:'Play';
}
.mobile_hover_text ul{
	/*padding:0px;
	font-size: 1.5vw; */
}	
.mobile_hover_text ul li:before{
	/*content: "•";
	font-size: 1.5vw; /* or whatever */
	line-height:0vw;
   padding-right: 5px;
   vertical-align:middle;*/
}
.mobile_hover_text ul li{
	padding-left: 0vw;
    text-indent:-0vw;
	margin-bottom:3%;
}
.mobile_hover_bottom{
	bottom:00%;
	width:100%;
	position:absolute;
	background-color:#0aadbe;
	border-top:1px solid #0fd5e9;
	padding-top:4%;
	padding-bottom:4%;
	
}

.mobile_hover_bottom .explore,.mobile_hover_bottom .mobile_hover_compare{
	padding:1% 3% 1% 3%;
	border-radius:5px;
	border:1px solid #FFFFFF;
	text-decoration:none;
	color:#FFFFFF;
	margin-right:5%;
	margin-left:5%;
	font-size:0.9vw;
}
.mobile_hover_bottom .explore:hover,.mobile_hover_bottom .mobile_hover_compare:hover{
	border-color:#d7cb28;
	color:#d7cb28;
}