@charset "utf-8";
/* COMMON */
@-ms-viewport{
	-ms-overflow-style:scrollbar;
	width:auto;
}
html{
	font-size:1em;
}
body{
	color:#000000;
	font-family:"SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	font-style:normal;
	font-weight:400;
	line-height:1.3;
}
.nopadding{
	padding:0 !important
}
#wrap{
	padding-top:40px;
}
#wrap .container{
	padding-left:30px;
	padding-right:30px;
}
img.alpha{
	height:0.650em;
}
img.arrow{
	height:1.500em;
}
/* COMMON */

/* NAV */
.navbar{
	border:none;
	padding:0;
}
.navbar-header{
	height:40px;
	text-align:center;
	width:100%;
}
.navbar-brand{
	height:40px;
	margin:0;
	padding:13px 0;
}
.navbar-brand img{
	display:block;
	height:14px;
}
.navbar-toggler{
	border:0;
	left:15px;
	padding:0;
	position:absolute;
	top:7px;
}
.navbar-toggler .navbar-toggler-icon{
	height:25px;
	width:30px;
}
.navbar-nav{
	margin:0;
	padding:0;
	width:100%;
}
.navbar-nav>li{
	margin:0;
}
.navbar-nav>li>a{
	color:#a7b0a9;
	display:block;
	font-size:0.750em;
	line-height:1;
	padding:14px 15px;
	text-decoration:none;
	text-transform:uppercase;
}
.navbar-nav>.active>a,
.navbar-nav>li>a:focus,
.navbar-nav>li>a:hover{
	color:#e85301
}
/* NAV */

/* NOTICE BAR */
#notice-container{
	background-color:#e85301;
	color:#ffffff;
	padding:10px;
	position:fixed;
	text-align:center;
	top:40px;
	width:100%;
	z-index:1030;
}
/* NOTICE BAR */

/* FONTS */
.white{
	color:#ffffff;
}
.grey{
	color:#5e5858;
}
h1{
	color:#ffffff;
	font-family:"SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:2.125em;
	margin-top:0;
}
.header-title h1{
	color:#000000;
	font-size:1.875em;
	line-height:1;
	margin-bottom:0;
}
h2{
	font-family:"SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.875em;
	margin:0;
}
.tnc-content h2{
	font-size:1.500em;
}
p{
	margin-bottom:20px;
}
p.font-normal{
	font-family:"SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p.font-md-light{
	font-family:"SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
p.last,
p:last-child{
	margin-bottom:0
}
.font-13{
	font-size:0.813em !important;
}
.font-14{
	font-size:0.875em !important;
}
.font-20{
	font-size:1.250em !important;
}
p.tnc,
a.tnc{
	font-size:0.813em;
	margin:0px;
}
sup{
	line-height:normal;
	vertical-align:super;
}
strong{
	font-family:"SST W01 Bold", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
.text-shadow{
	text-shadow:0px 5px 20px rgba(0, 0, 0, 1), 5px 0px 20px rgba(0, 0, 0, 1), 0px -5px 20px rgba(0, 0, 0, 1), -5px 0px 20px rgba(0, 0, 0, 1);
}
ul{
	margin:0 0 10px;
	padding:0 0 0 20px;
}
ul li{
	margin:2px 0;
}
a{
	color:#000000;
	text-decoration:underline;
}
a.white{
	color:#ffffff;
	text-decoration:underline;
}
a.link-button{
	background:-ms-linear-gradient(top, rgba(237,119,41,1) 0%, rgba(237,94,37,1) 100%);
	background:-moz-linear-gradient(top, rgba(237,119,41,1) 0%, rgba(237,94,37,1) 100%);
	background:-o-linear-gradient(top, rgba(237,119,41,1) 0%, rgba(237,94,37,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(237,119,41,1)), color-stop(100, rgba(237,94,37,1)));
	background:-webkit-linear-gradient(top, rgba(237,119,41,1) 0%, rgba(237,94,37,1) 100%);
	background:linear-gradient(to bottom, rgba(237,119,41,1) 0%, rgba(237,94,37,1) 100%);
	border:0;
	border-radius:25px;
	color:#ffffff;
	display:inline-block;
	font-family:"SST W01 Roman", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	line-height:40px;
	padding:0 40px;
	text-decoration:none;
}
a.link-button.grey{
	background:-ms-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(91,91,92,1) 100%);
	background:-moz-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(91,91,92,1) 100%);
	background:-o-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(91,91,92,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(204,204,204,1)), color-stop(100, rgba(91,91,92,1)));
	background:-webkit-linear-gradient(top, rgba(204,204,204,1) 0%, rgba(91,91,92,1) 100%);
	background:linear-gradient(to bottom, rgba(204,204,204,1) 0%, rgba(91,91,92,1) 100%);
}
label{
	display:block;
	font-size:1.250em;
	text-align:center;
}
select{
	font-size:1.125em;
	height:30px;
	-ms-text-align-last:center;
	-moz-text-align-last:center;
	text-align:center;
	text-align-last:center;
	width:100%;
}
select.radius{
	border-radius:25px;
	-webkit-border-radius:25px; 
	-moz-border-radius:25px; 
}
hr{
	border-top:2px solid #808284;
	margin:20px 0 40px;
}
/* FONTS */

/* HEADER & FOOTER */
#header,
#footer{
	background:#000000;
}
/* HEADER & FOOTER */

#wrap-black {
	/* background-image:url(../images/img-landing-20230504.jpg); */
	background-color: #00022b;
	background-repeat:no-repeat;
	padding-top: 40px;
}
.landing-container {
  background-image:url(../images/loan-a-lens-kv.jpg);
	background-repeat: no-repeat;
	background-position-y: center;
	background-position-x: -20%;
	max-width: 1140px;
	height:calc(100vh - 40px);
	margin: auto;
}
.landing-container .container{
	padding-top:40px;
}
.d-inline-block span{
	border:1px solid #ffffff;
	border-radius:50%;
	display:inline-block;
	margin-right:5px;
	padding:2px;
	text-align:center;
	width:24px;
}
.explore-lenses{
	background:-ms-linear-gradient(top, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	background:-moz-linear-gradient(top, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	background:-o-linear-gradient(top, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(220,220,223,1)), color-stop(100, rgba(146,153,163,1)));
	background:-webkit-linear-gradient(top, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	background:linear-gradient(to bottom, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	min-height:100vh;
	padding-bottom:40px;
}
.text_title {
	font-size: 1.2rem;
}
.text_title.first_text {
	color:  rgba(237,119,41,1); font-weight: bold; margin-bottom: 0px;
}
.option-container .col-12{
	padding-top:40px;
}
.or-content span{
    display:table;
    margin:auto;
    white-space:nowrap;
}
.or-content span:before{
    border-top:2px solid #808284;
    content:'';
    display:table-cell;
    position:relative;
    right:10%;
    top:.5em;
    width:45%;
}
.or-content span:after{
    border-top:2px solid #808284;
    content:'';
    display:table-cell;
    left:10%;
    position:relative;
    top:.5em;
    width:45%;
}
.products-list div.list-content{
	margin-top:20px;
	padding-left:10px;
	padding-right:10px;
}
.products-list div.list-content div.list-block{
	-webkit-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
	-moz-box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
	box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);
	cursor:pointer;
	padding:10px;
}
.products-list img{
	display:block;
	margin:0 auto;
	padding-bottom:10px;
	width:100%;
}
.products-list p{
	font-size:0.875em;
	margin:0;
}
.products-list p.products-id{
	
	text-align: center;
}
.products-list p.products-name{
	color:#5e5858;
	text-align: center;
}
.lenses-button{
	padding-top:40px;
	text-align:center;
}
.explore-lenses-detail{
	background:-ms-linear-gradient(top, rgba(146,153,163,1) 0%, rgba(220,220,223,1) 100%);
	background:-moz-linear-gradient(top, rgba(146,153,163,1) 0%, rgba(220,220,223,1) 100%);
	background:-o-linear-gradient(top, rgba(146,153,163,1) 0%, rgba(220,220,223,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(146,153,163,1)), color-stop(100, rgba(220,220,223,1)));
	background:-webkit-linear-gradient(top, rgba(146,153,163,1) 0%, rgba(220,220,223,1) 100%);
	background:linear-gradient(to bottom, rgba(146,153,163,1) 0%, rgba(220,220,223,1) 100%);
	min-height:100vh;
	padding-bottom:20px;
}
.detail-content div.order-md-last{
	padding-bottom:20px;
	padding-top:20px;
}
.detail-brand{
	height:50px;
	margin-bottom:40px;
}
img.img-lense{
	height:110px;
}
p.lense-rental{
	display:inline-block;
	margin-bottom:0;
	margin-top:20px;
}
p.lense-price{
	display:inline-block;
	margin-bottom:0;
}
p.lense-price span{
	position:relative;
}
p.lense-price span:after{
	border-bottom:2px solid #000000;
	content:"";
	left:0;
	margin-top:calc(1px / 2 * -1);
	position:absolute;
	right:0;
	top:40%;
}
p.lense-price font{
	color:#bf4013;
}
p.lense-price-detail{
	display:inline-block;
}
div.detail-button{
	margin-top:20px;
}
.location-container{
	display:none;
	padding-top:20px;
}
.map{
	display:block;
	margin:20px auto 0;
	max-width:400px;
	width:100%;
}
.gradient-bg{
	background:-ms-linear-gradient(top, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	background:-moz-linear-gradient(top, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	background:-o-linear-gradient(top, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(220,220,223,1)), color-stop(100, rgba(146,153,163,1)));
	background:-webkit-linear-gradient(top, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	background:linear-gradient(to bottom, rgba(220,220,223,1) 0%, rgba(146,153,163,1) 100%);
	min-height:100vh;
}
.header-title{
	padding-bottom:30px;
	padding-top:60px;
}
.faq-content,
.tnc-content{
	padding-bottom:40px;
}
.faq-content button[aria-expanded]{
	background-color:inherit;
	background-image:url(../images/img-arrow-down.png);
	background-position:center right;
	background-repeat:no-repeat;
	border:0;
	cursor:pointer;
	font-family:"SST W01 Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em;
	font-style:normal;
	font-weight:400;
	line-height:1.3;
	margin:0;
	padding:0 20px 0 0;
	text-align:left;
	width:100%;
}
.faq-content button[aria-expanded="true"]{
	background-image:url(../images/img-arrow-up.png);
}
.faq-content div{
	display:none;
	padding:20px 0;
}
.tnc-content table{
	border:1px solid #2f353d;
	font-size:0.688em;
}
.tnc-content table tr th{
	border-bottom:1px solid #2f353d;
	border-right:1px solid #2f353d;
	font-weight:bold;
	padding:5px 10px;
}
.tnc-content table tr th:last-child{
	border-right:0;
}
.tnc-content table tr th span{
	font-weight:normal;
}
.tnc-content table tr td{
	border-bottom:1px solid #2f353d;
	border-right:1px solid #2f353d;
	padding:5px 10px;
}
.tnc-content table tr td:last-child{
	border-right:0;
}
.tnc-content table tr:last-child td{
	border-bottom:0;
}
.products-discount{
	display:none;
}
.products-discount50{
	display: block;
    position: absolute;
    right: 15px;
    bottom: 10px;
    background-color:#f15922;
    border-radius: 50%;
    padding: 7px;
    width:40px;
    height:40px;
    text-align:center;
    color:#ffffff;
    font-size:0.75em;
}
/*.products-discount70{
	display: block;
    position: absolute;
    right: 30px;
    bottom: 40px;
    background-color:#dc3a1a;
    border-radius: 50%;
    padding: 10px;
    width:60px;
    height:60px;
    text-align:center;
    color:#ffffff;
    display:none;
}*/

/*.products-discount80{
	display: block;
    position: absolute;
    right: 30px;
    bottom: 20px;
    border: 1px solid #000000;
    border-radius: 50%;
    padding: 7px;
    width:40px;
    height:40px;
    text-align:center;
    font-size:0.70em;
}*/


.o_price {
	color: black !important;
	text-decoration: line-through;
}


/*v15*/
.text_container {
	align-self: center;
	text-align: left;
	top: 5%;
	left: -6%;
}
.img_container {
	text-align: right; align-self: center;
}
.img_container img {
	display: none;
}