@charset "utf-8";
/* CSS Document */

*{
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
	
	body{margin:0;padding:0;font-family: 'Roboto', sans-serif;
	font-size:16px;color:#000;}
	
	:hover{
		transition: all .5s ease;-webkit-transition: all .5s ease;-moz-transition: all .5s ease;}
	
img{max-width:100%;
height:auto;}

ul,li{
	list-style:none;}
	
	section.boxes-custom {
    padding: 40px 0;
}
	
	.box-inner{
		position: relative;
    padding:5px 15px;
    margin-bottom:25px;
    min-height: 170px;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    background: #fff;
		
		}
		
	.boxes-custom .box-calls:first-child .box-inner {
    background: #404040;
}

.boxes-custom .box-calls:first-child .box-inner .box-title {
    border-bottom: 1px dotted #fff;
    color: #fff;   font-weight: 400;
}

.box-title i.fa.fa-question-circle {
    position: absolute;
    right: 7px;
    top: 9px;
    font-size: 20px;
}
span.name {
    text-transform: uppercase;
}

.box-title{
	
	 border-bottom: 1px dotted #000;
    padding: 10px 15px;
    text-align: center;
    color: #000;
    font-size: 14px;
    position: relative;    font-weight: 400;
	text-transform:uppercase;}
		
		
	.box-descriptio {
    display: table;
    width: 100%;
    position: relative;
}

.box-left {
    display: table-cell;
    text-align: center;
    width: 33.33%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.boxes-custom .box-calls:first-child .box-right{color:#fff;} 

.box-right {
    display: table-cell;
    width: 66.33%;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 400;
}
	
.box-inner:hover {
    background: #f2f2f2;
    transform: translateY(-10px);
    transition: all .5s;-moz-transition: all .5s;-webkit-transition: all .5s;
}



.share-sheet {
    position: relative;
  
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 1.4;
    cursor: pointer;
    border: 1px solid #ddd;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
    box-shadow: 0 1px 2px rgba(0,0,0,.1);
    background: #fff;display: inline-block;
    width: 100%;
    vertical-align: top;
}

.share-sheet-top {
    padding: 25px 10px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
}

.cols-custom ul {
    padding-left: 0;
    margin-bottom: 0;
}

.cols-custom {
    float: left;
    width: 20%;
    padding: 15px;
}
a.descirption-tips {
    position: absolute;
    top: 4px;
    right: 11px;
    font-size: 18px;
}

.cols-custom li {
    text-align: center;
    padding: 17% 0;
}
.cols-custom li label {
    font-size: 14px;
    font-weight: normal;
    width: 100%;
    margin-bottom: 0;
}
.cols-custom li label span {
    display: block;
}

.cols-custom li select{
	width: 100%;
    z-index: 1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #cdcdcd;
    display: inline-block;
    padding: .5rem 2rem .5rem 1rem;
    border-radius: 0;
    position: relative;
	max-width:300px;
	font-size:15px;
	background-image:url('../images/select-option.png');
	background-repeat:no-repeat;
	background-position: 95%;
    background-size: 13px;}
	
.cols-custom:first-child ul {
    border-right: 1px solid #f1f1f1;
}

.cols-custom:last-child {
    border-left: 1px solid #f1f1f1;
}

.cols-custom.disabled {
    cursor: default;
    opacity: 0.4;
}

.cols-custom li.checkbox {
    text-align: left;
}
.share-sheet-bottom .cols-custom li.checkbox label label {
    padding-left: 0;
}

.share-sheet-bottom .cols-custom ul{border:none !important;}

.share-sheet-bottom .cols-custom:last-child {
  border:none !important;
}

.share-sheet-bottom {
    display: inline-block;
    width: 100%;
    border-top: 1px solid #ddd;position: relative;
}
.share-sheet-bottom .cols-custom {
    float: left;
    width: 20%;
    padding: 0 15px;
}
button#step-one-next {
    background: #333;
    color: #fff;
    font-size: 16px;
    min-width: 170px;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    font-weight: 600;
    padding: 10px;
    border-radius: 0;
    line-height: normal;border:1px solid #333;
}
button#step-one-next:hover {
    background: #fff;color:#333;
	transform: translateY(-10px);
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
}

.confirm-button {
    padding-top: 10px;
}

section.prescription {
    padding-bottom: 50px;
}


.main-box{
background:#f1f1f1;
padding:10px;
clear:both;
}

.height-box h1{
    font-size: 17px;
    padding: 10px;
    background: #23aae2;
    color: #fff;
}

.custom-box{
    border: 1px solid;
    height: 120px;
    margin: 1.66%;
    cursor: pointer;
    position: relative !important;
    box-sizing: border-box;
    text-align: center;
    padding: 0 !important;

}

.radio-button{
width:100%;
float:left;
position: absolute;
visibility: hidden;

}
.heading{
width: 100%;
float: left;
text-align: center;
font-size: 14px;
padding-top: 15px;
text-transform: uppercase;
}
.sub-heading{
    Width: 100%;
    text-align: center;
    float: left;
}
.sub-text{
    width: 100%;
    float: left;
    padding: 7px;
    margin-top: 29px;
    background:#8d8d8d;
    color:#fff;
    position: absolute;
	bottom: 0;
	right: 0;
}

.custom-box-first{
    width: 92% !important;
    margin: 4px 4%;
    padding: 0px 0 !important;
    background:#fff;
}
.custom-box-second{
    background: #daeaf1;
    padding: 10px;
    
}

.hidden-content{
display:none;
}
.container{margin-bottom:10px !important;}

.second {
    width: 98%;
    margin: 0 !important;
    padding-bottom: 22px !important;
    
}
    
 .second-boxes {
    border: 1px solid;
    padding: 2%;
    text-align: center;
    margin-left: 34px;
    width: 29.4% !important;
    cursor:pointer;
    background: #fff;
}	


.prescription-section{
    text-align: Left;
    margin-left: 34px;
    width: 29.4% !important;   
   
}

.configration .list-group-item{
background-color:#f1f1f1 !important;
border:none !important

}

.liheading{
font-weight:700;
}
.configration{
width:20% !important;
}

.configration select {
    background: #fff;
    width: 69%;
    line-height: 10px;
    padding: 3px;
}

li.list-group-item {
    padding: 18px 0;
}

li.list-group-item.extra {
    padding: 20px;
}

.bottom-border{
border-bottom:1px solid;

}
.inner-heading{
font-size:20px;

}
.inner-box span{
font-size:10px;
font-style:italic;
}
.inner-box{
background:#e6ffff;
color:#000;
padding: 20px;
}
.inner-box-full{
height: 320px;
background: #fff;
}
.inner-box-full p{
padding:10px;

}
.inner-bottom-content{
background:#8d8d8d;
color:#fff;
padding: 20px;
font-size:14px;
}

.main-price span{
font-size:20px;
}


.custom-box-forth{
    border: 1px solid;
    height: 120px;
    margin: 1.66%;
    cursor: pointer;
    position: relative !important;
    box-sizing: border-box;
    text-align: center;
    padding: 0 !important;
    width:21.1% !important;
    height: 140px;

}

.custom-box-forth .sub-heading{
height: 40px;
}

.option-insurance{
font-size:24px;
padding:10px 0;
}

insurance-description{
font-size:24px;
padding:5px 0;
}




@media only screen and (max-width:767px)
{
	.box-right {
    font-size: 15px;
    font-weight: 400;
}
.cols-custom {
    width: 100%;
    padding: 15px 10px;
}

.share-sheet-top {
    padding: 25px 0px 0 0;
}
.cols-custom li {
    text-align: center;
    padding: 4% 5px;
    width: 33.33%;
    float: none;
    display: inline-block;
    vertical-align: middle;
    margin: 0 -2px;
}

.cols-custom:first-child ul {
    border-right: none;
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 5px;
}

.share-sheet-bottom .cols-custom {
    float: none;
    width: 33.33%;
    padding: 0 5px;
    display: inline-block;
    margin: 0 -2px;    padding-top: 3%;
    padding-bottom: 3%;
}

.share-sheet-bottom .cols-custom li{width:100%;margin:0;}


	.share-sheet-bottom .cols-custom:last-child {
    border: none !important;
    width: 100%;
    padding-left: 15px;
    padding-right: 15px;
    margin: 0;
}

.share-sheet-bottom {
    padding-top: 20px;
}
.box-right {
    padding-left: 15px;
}
	
	}
	
@media only screen and (max-width:479px){
	
	.cols-custom li label {
    font-size: 13px;
}

.cols-custom li select{font-size: 13px;    background-size: 10px;
padding:.5rem 1.5rem .5rem 1rem;}
}
.lenskart-section label {
    display: block;
}

/*
			06Aug code
*/
.btn.btn-warning.customadd {
    width: 55%;
    margin-right: 44%;
    margin-left: 30% !important;
}



/*AUGUST 7*/
.ov-item-value > .header {
    position: relative;
    vertical-align: top;
    width: 280px;
    height: 43px;
    background: #daeaf1;
    display: flex;
    align-items: center;
    font: 700 16px/43px Arial;
    color: #4d4d4d;
    letter-spacing: -.01em;
    white-space: nowrap;
    overflow: hidden;
    padding-left: 20px;
    float: left;
}
body .ov-item-value > .main {
    position: relative;
    vertical-align: top;
    height: 100%;
    display: flex;
    width: 100%;
    align-items: center;
    float: left;
    margin-bottom: 10px;
}
.ov-item-value.main-forth{
	float: left;
}
@media(max-width:767px){
	body #lensoptions .col-md-12 label{
		width:100% !important
	}
	.ov-item-value.main-forth {
		width: 87.6%;
		margin: 0 auto !important;
		margin-top: 30px !important;
		float: none !important;
		overflow: hidden;
	}
	.ov-item-value.main-forth .l-second,
	.col-md-6.l-third{
		width:100% !important
	}
	.l-third ul {
		display: block !important;
		padding: 0;
		margin: 10px 0 !important;
	} 
	/* body #prescription .configration, body .ov-item-value > .main * {
    width: auto !important;
	} */
	.l-third ul li .circle{
		width: 15px !important;
	}	
	body .col-md-6.l-third ul li {
		width: auto !important;
	}
	.col-md-1.l-forth{
		margin-bottom:10px;
	}
	.btn.btn-warning.customadd{
		margin-right:0 !important
	}
}
.lenskart-section .main-box .custom-box, #lensoptions .main-box .custom-box-forth{
	align-items: center !important;
}
.lenskart-section .main-box .custom-box input{
	position:absolute
}

@media(min-width:1024px){
	.ov-item-value > .main {
		position: relative;
		vertical-align: top;
		height: 40%;
		display: flex;
		width: 68%;
		align-items: center;
		float: left;
		margin-top: 9px;
	}
}
#lenspakage .l_p_radios_selected [class*="col"] .box-plans{
	overflow:hidden
}


.checkout-cart-index table#shopping-cart-table .cart.item .item-info table td:last-child{display: none;}