/* object, iframe,
 p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background:#fff;
	font-family: 'Lato', sans-serif;
	color:#000d1f;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}


table {
	border-collapse: collapse;
	border-spacing: 0;
} */
/*

css starting
*/


.sweet_box_container{max-width: 1200px;box-sizing: border-box;margin: 0 auto;}
.sweet_box_container h2{font-size: 30px;margin-top: 20px;margin-bottom: 10px;color: #6d6d6d;border-bottom: 1px solid #eeeeee;text-align: center;padding-bottom: 12px;}
.sweet_box_container span{font-size: 25px;color: #6d6d6d;display: block;text-align: center;margin-bottom: 20px;}
.sweet_box_container .left_item_grid{width: 50%;float: left;box-sizing: border-box;margin-top: 20px;}
.sweet_box_container .left_item_grid ul{text-align: left;margin-bottom: 30px;}
.sweet_box_container .left_item_grid ul li{display: inline-block;margin: 2px;margin-bottom: 6px;}
.sweet_box_container .left_item_grid .box{width: 180px;height: 180px;background-color: #eaf70c;border: 1px solid #e5e5e5;
    overflow: hidden;}

.sub_total_block{margin-top: 10px;  width: 100%;
    box-sizing: border-box;
    padding: 30px 10px;}

.sub_total_block .quantity{float: left;box-sizing: border-box;width: 60%}
.sub_total_block .quantity h4{font-size: 18px;color: #6d6d6d;padding: 10px 0px}
.sub_total_block .input_quantity{float: right;width: 40%;} 
.sub_total_block .input_quantity input{width: 70px;height: 40px;background-color: #eb8b96;border: 0;outline: 0;    font-weight: 400;font-size: 14px; box-shadow: inset 0 1px 1px rgba(0,0,0,.125);text-align: center}
.sub_total_block .total_price{width: 100%;clear: both;margin-top: 20px;display: inline-block;    border-top: 1px solid #eeeeee;padding-top: 20px;margin-bottom: 20px;padding: 20px 0px}
.sub_total_block .left_price_title{float: left;width: 60%;}
.sub_total_block .left_price_title h4{display: block;font-size: 18px;color: #6d6d6d}
.sub_total_block .right_price{float: right;width: 40%;}
.sub_total_block .right_price span{display: block;text-align: left;font-size: 16px}

.sub_total_block input{padding: 12px 20px;font-size: 16px;color: #fff;background-color: #dd3333;opacity: .5}

.sweet_box_container .right_item_grid{width: 50%;float: right;box-sizing: border-box;margin-top: 20px;}
.sweet_box_container .right_item_grid ul{}
.sweet_box_container .right_item_grid li{display: inline-block;margin: 2px;margin-bottom: 6px;width: 32%;box-sizing: border-box;border: 1px solid #ccc;vertical-align: top;}
.sweet_box_container .right_item_grid li .sweet_item{width: 100%;text-align: center;position: relative;}
.sweet_box_container .right_item_grid li .sweet_item .img_fadding{    width: 100%;}
.sweet_box_container .right_item_grid li .sweet_item .img_fadding img{max-width: 100%;}
.sweet_box_container .right_item_grid li .sweet_item p{font-size: 16px;color: #6d6d6d;padding: 20px 10px;padding-bottom: 25px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.sweet_box_container .right_item_grid li .sweet_item span{font-size: 15px;color: #6d6d6d;padding: 20px 10px;padding-bottom: 5px;}
.sweet_box_container .right_item_grid li .overlay{position: absolute;width: 100%;box-sizing: border-box;top: 0px;display: none;height: 65%;}
.sweet_box_container .right_item_grid li .overlay img{max-width: 100%}
.sweet_box_container .right_item_grid li .overlay a{position: absolute;top: 40%; left: 50%;  transform: translate(-50%,-50%)}
.sweet_box_container .right_item_grid li .overlay form{position: absolute;top: 70%; transform: translate(24%,-45%);}

.sweet_box_container .right_item_grid li:hover .overlay{display: block;background: rgba(247, 247, 247, .6); transition: .9s ease;}



.overlay form {width: auto;margin: 0 auto;text-align: center;padding-top: 10px;}

.overlay .value-button {color: #fff;display: inline-block;border: 2px solid #000;margin: 0px; width: 40px;height: 20px;text-align: center;vertical-align: middle;padding: 11px 0;background: #000;-webkit-touch-callout: none;-webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none;-ms-user-select: none;user-select: none;}

.value-button:hover {cursor: pointer;}

.overlay form #decrease {margin-right: -4px;border-radius: 8px 0 0 8px;}

.overlay form #increase {margin-left: -4px;border-radius: 0 8px 8px 0;}

.overlay form #input-wrap {margin: 0px;padding: 0px;}

.overlay input#number {text-align: center;border: none;border-top: 1px solid #292828;border-bottom: 1px solid #292828;
  margin: 0px;width: 40px;height: 40px;background-color: transparent;}

.overlay input[type=number]::-webkit-inner-spin-button,
.overlay input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;margin: 0;}

.overlay input[type=number] {
    -moz-appearance:textfield;
}





/*

Responsive css
*/

@media(min-width:200px) and (max-width:750px){

.sweet_box_container h2{font-size: 24px;}
.sweet_box_container span{font-size: 22px}
.sweet_box_container .left_item_grid{width: 100%;float: none;}
.sweet_box_container .left_item_grid .box{width: 150px;height: 150px;}
.sub_total_block{padding: 10px}
	.sub_total_block .quantity h4{font-size: 17px;}
	.sub_total_block .input_quantity input{width: 60px;}
	.sub_total_block .left_price_title h4{font-size: 17px}
	.sweet_box_container .left_item_grid ul{text-align: left;}
	.sub_total_block .total_price{margin-bottom: 10px;}
	
	
	.sweet_box_container .right_item_grid{width: 100%;float: none;}
	
	.sweet_box_container .right_item_grid li{width: 48%}
	
	.sweet_box_container .right_item_grid li .overlay img{max-width: 60%;}
	
	.sweet_box_container .right_item_grid li .overlay form{width: 100%; left: 50%;transform: translate(-50%,-70%);}
	
	.overlay .value-button{width: 30px;height: 14px;}
	.overlay input#number{width: 30px;height: 36px;}
}

@media(min-width:451px) and (max-width:750px){
.sweet_box_container .left_item_grid .box{width: 140px;height: 140px;}
	.sweet_box_container .left_item_grid ul{text-align: left;}
	.sweet_box_container .right_item_grid ul{text-align: center}
	.sweet_box_container .right_item_grid li{width: 31%}
	
}
@media(min-width:751px) and (max-width:1000px){
.sweet_box_container .left_item_grid .box{width: 115px;height: 115px;}
	.sweet_box_container .right_item_grid li{width: 31.4%}
	
	.sweet_box_container .right_item_grid li .overlay img{max-width: 60%;}
	.sweet_box_container .right_item_grid li .overlay a{top: 33%;}
	.sweet_box_container .right_item_grid li .overlay form{width: 100%; left: 50%;transform: translate(-50%,-80%);}
	
	.overlay .value-button{width: 30px;height: 14px;}
	.overlay input#number{width: 30px;height: 36px;}
	
}

@media(min-width:1001px) and (max-width:1200px){
.sweet_box_container .left_item_grid .box{width: 155px;height: 155px;}
.sweet_box_container .right_item_grid li{width: 31%}	
	.sweet_box_container .right_item_grid li .overlay img{max-width: 60%;}
	
	.sweet_box_container .right_item_grid li .overlay form{width: 100%; left: 50%;transform: translate(-50%,-70%);}
	
	.overlay .value-button{width: 30px;height: 14px;}
	.overlay input#number{width: 30px;height: 36px;}
}


@media(min-width:200px) and (max-width:450px){

.sweet_box_container .left_item_grid ul li{width:48%;}
.sweet_box_container .left_item_grid .box{width: 100%; }

}


/*
=======================================================================
   List View 
=======================================================================
*/


.clearfix:before,
.clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }

.list_view_container { max-width:1100px; margin:0 auto; padding:10px 0 }

.list_view_container .product_thumbnail { width:38%; float:left }

.list_view_container .product_thumbnail img { max-width:100%; height:auto; }

.list_view_container .product_summary { width:59%; float: right; }

.list_view_container .product_summary .block_title { font-size:24px; font-weight:400; color:#000; }

.list_view_container .product_summary .product_list_container { width:100%; background:#f2f2f2; padding:20px; box-sizing: border-box; border-radius:5px; margin:20px 0; }

.list_view_container .product_summary .product_list_container ul { list-style:none; padding:0px; margin:0px; }

.list_view_container .product_summary .product_list_container ul li { width:100%; clear:both; padding:10px 0 }

.list_view_container .product_summary .product_list_container .product_list_image { width:12%; float:left; padding:0 20px; }

.list_view_container .product_summary .product_list_container .product_list_image img { max-width:100%; height:auto; }

.list_view_container .product_summary .product_list_container .product_list_name { width:30%; float:left; padding:10px 20px; }

.list_view_container .product_summary .product_list_container .product_list_name a { font-size:16px; font-weight:bold; color:#1860b1; line-height:24px; }

.list_view_container .product_summary .product_list_container .product_list_name a:hover { color:#000; }

.list_view_container .product_summary .product_list_container .product_list_name span { font-size:14px; font-weight:400; color:#343434; line-height:24px; }

.list_view_container .product_summary .product_list_container .product_list_number { width:33%; float:right; padding:10px 20px; }

.list_view_container .product_summary .product_list_container .product_list_number .btn {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    background-image: none;
    border: 1px solid transparent;
    white-space: nowrap;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    border-radius: 4px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	outline: 0;
}

.list_view_container .product_summary .product_list_container .product_list_number .input-group .form-control {
    display: table-cell; vertical-align:top;height: 100%;
}

.list_view_container .product_summary .product_list_container .product_list_number .input-group-btn {
    width: 1%;
    white-space: nowrap;
   vertical-align: middle;
}

.list_view_container .product_summary .product_list_container .product_list_number .btn-default {
    background-image: -webkit-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -o-linear-gradient(top, #ffffff 0%, #e0e0e0 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e0e0e0));
    background-image: linear-gradient(to bottom, #ffffff 0%, #e0e0e0 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe0e0e0', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
    background-repeat: repeat-x;
    border-color: #dbdbdb;
    text-shadow: 0 1px 0 #fff;
    border-color: #ccc;
}



.list_view_container .product_summary .product_list_container .product_list_number .form-control {
    display: block;
	width:50%;
    height: 21px;
	text-align: center;
    padding: 6px 6px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}


.list_view_container .product_summary .product_message_block { width:100%; margin:20px 0; margin-top: 30px; }

.list_view_container .product_summary .product_message_block .title { font-size:15px; font-weight:bold; color:#343434; padding-bottom:10px; }

.list_view_container .product_summary .product_message_block .textarea { width:100%; background:#f2f2f2; border:0px; font-size:14px; border-radius:5px; padding:15px; box-sizing: border-box; outline:0; }

.list_view_container .product_summary .product_message_block button { background:#575757; padding:10px 15px; font-size:15px; color:#fff; border-radius:3px; margin-top: 15px; cursor:pointer; outline:0; }


@media(min-width:200px) and (max-width:800px){
.list_view_container { max-width:1100px; margin:0 auto; padding:10px 15px; }
.list_view_container .product_thumbnail { width:100%; float:none }
.list_view_container .product_summary { width:100%; float: none; margin-top: 25px; }
	
	
}

@media(min-width:200px) and (max-width:600px){

	
.list_view_container .product_summary .product_list_container .product_list_image { width:100%; float:none; padding:15px 0px; text-align:center}
.list_view_container .product_summary .product_list_container .product_list_image img { max-width:30%; height:auto; }
.list_view_container .product_summary .product_list_container .product_list_name { width:100%; float:none; padding:10px 0px; text-align: center}
.list_view_container .product_summary .product_list_container .product_list_name .labelll { font-size:16px; font-weight:bold; color:#1860b1; line-height:24px; }
.list_view_container .product_summary .product_list_container .product_list_name a:hover { color:#000; }
.list_view_container .product_summary .product_list_container .product_list_name span { font-size:14px; font-weight:400; color:#343434; line-height:24px; }
.list_view_container .product_summary .product_list_container .product_list_number { width:100%; float:none; padding:15px 0px; text-align: center}
	
	
}