body,html {
width: 100%;
margin: 0;
float: left;
font-family: 'Roboto', sans-serif;
}
* {
box-sizing: border-box;
}
body {
background: #f3f3f3;
}
input {
outline: none;
}
a {
text-decoration: none;
color: #000;
}
a:hover {
color: #000;
text-decoration: none;
}
.clearfix::after {
content: "";
display: table;
clear: both;
}
.main-wrapper {
width: 1092px;
margin: 0 auto;
background: #fff;
box-shadow: 2px 0px 18px rgba(0, 0, 0, 0.21);
}
.inner-wrapeer {
width: 1032px;
margin: 0 auto;
}
.top-bar {
width: 100%;
float: left;
background: #fa92c2;
}
.top-bar div {
width: 25%;
float: left;
text-align: center;
padding: 5px 0px;
}
.middle-bar {
width: 100%;
float: left;
background: #e3e2d0;
padding-bottom: 30px;
}
.top-sec {
width: 100%;
float: left;
padding: 30px 0;
}
.help {
display: inline-block;
float: right;
}
.help a {
text-decoration: none;
color: #000;
}
.bottom-sec {
width: 100%;
float: left;
}
.logo-sec {
}
.search-sec {
margin-top: 10px;
}
.search-sec input {
width: 80%;
float: left;
height: 30px;
}
.search-icon {
width: 10%;
float: left;
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
height: 30px;
position: relative;
border: 1px solid #dab558;
border-radius: 0 5px 5px 0;
}
.search-icon i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
font-size: 18px;
}
.login-sec {
text-align: center;
}
.login-boxes {
width: calc(33.33% - 10px);
margin: 0 5px;
float: left;
padding-top: 7px;
position: relative;
}
.icon-box {
position: relative;
width: 100%;
float: left;
height: 30px;
}
.login-sec i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #d21a72;
}
.login-sec i span {
width: 15px;
height: 15px;
background: #f3d079;
font-size: 10px;
display: inline-block;
text-align: center;
padding: 1px 0;
border-radius: 25px;
top: -10px;
right: -10px;
position: absolute;
border: 1px solid #fff;
}
.text {
width: 100%;
float: left;
font-weight: 700;
color: #000;
}
.login {
position: relative;
}
.login-box {
display: none;
z-index: 1;
box-shadow: 0 2px 3px 0 #aaa;
position: absolute;
top: 100%;
right: 0;
width: 300px;
background: #fff;
padding: 10px;
text-align: left;
min-width: 280px;
z-index: 1111;
}
.login-box .sell-box {
width:80%;
margin: 0;
margin-top: 40px;
box-shadow: 0 2px 3px 0 #aaa;
overflow: visible;
}
.login-box .sell-box .ima-sec-list .fav {
right: -140px;
top: 20px;
}
.login-box .sell-box .ima-sec-list i {
color: #288b20 !important;
}
.login:hover {
box-shadow: 0 2px 5px 0 #aaa;
background: #fff;
}
.login:hover .login-box {
display: block;
}
.green {
color: #288b20;
}
.cart:hover {
box-shadow: 0 2px 5px 0 #aaa;
background: #fff;
}
.cart-box {
display: none;
z-index: 1;
box-shadow: 0 2px 3px 0 #aaa;
position: absolute;
top: 100%;
right: 0;
width: 300px;
background: #fff;
padding: 10px;
text-align: left;
min-width: 280px;
z-index: 1111;
}
.cart-box a {
text-decoration: none;
}
.cart:hover .cart-box {
display: block;
}
.tool-box {
box-shadow: 0 1px 3px 0 #aaa;
position: absolute;
padding: 5px 10px;
border-radius: 5px;
right: 0;
top: -40px;
}
.down-arrow {
position: absolute;
content: "";
border: 7px solid #fff;
border-right: 7px solid transparent;
top: -19px;
border-bottom: 7px solid transparent;
transform: rotate(-135deg);
right: 20px;
box-shadow: -2px -2px 3px 0px #aaa;
}
.favourites {
}
.cart {
}
.nav-sec {
width: 100%;
float: left;
background: #d52475;
color: #fff;
}
.nav-sec ul {
list-style-type: none;
padding: 0;
width: 100%;
float: left;
margin: 0;
}
.nav-sec ul li {
display: inline-block;
float: left;
padding: 10px 22px;
background: #d52475;
transition: 0.3s ease;
cursor: pointer;
}
.nav-sec ul li:hover {
background: #f4d484;
}
.nav-sec ul li a {
color: #fff;
font-size: 16px;
text-decoration: none;
}
.nav-sec ul li:hover .hover {
color: #000;
font-weight: bold;
}
.part-1 {
width: 100%;
float: left;
}
.head {
padding: 15px 0;
width: 100%;
float: left;
}
.head-sec-1 {width: 100%;
float: left;
padding-left: 30px;}
.head-1 {
display: inline-block;
float: left;
width: 40%;
}
.head-1 h4 {}
.head-1 h2 {}
.head-2 { display: inline-block;
width: 60%;
float: left;}
.sub-head {
color: #d52475;
margin-bottom: 0;
}
.main-head {
margin-top: 7px;
font-weight: 700;
position: relative;
display: inline-block;
}
.image-sec {
width: 100%;
float: left;
}
.img-box {
height: 235px;
overflow: hidden;
position: relative;
}
.img-box img {
width: 100%;
}
.img-box::after {
position: absolute;
content: "";
width: 90%;
height: 90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid #fff;
}
.button-sec {
position: absolute;
width: 100%;
padding: 0 50px;
bottom: 30px;
left: 0;
}
.button-sec a {
text-decoration: none;
color: #000;
font-weight: 500;
}
.button {
display: inline-block;
background: #fff;
padding: 8px;
border-radius: 5px;
box-shadow: 0 3px 3px 0 rgba(0,0,0,.24), 0 2px 1px 0 rgba(0,0,0,.16);
border: 1px solid black;
/*
border-top: 2px solid #8f8f8f;
border-left: 2px solid #8f8f8f;
*/
}
.f-left {
float: left;
}
.f-right {
float: right;
}
.part-2 {
width: 100%;
float: left;
}
.part-2-sec {
width: 100%;
float: left;
padding-top: 40px;
}
.part-2-box {
text-align: center;
margin-bottom: 40px;
}
.img-sec {
overflow: hidden;
height: 115px;
position: relative;
}
.img-sec img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.text-sec {
}
.text-sec p {
font-weight: 700;
margin-top: 10px;
margin-bottom: 2px;
}
.text-sec span {
color: #d52475;
}
.box200 {
width: 200px;
margin: 0 auto;
border: 2px solid #d52475;
border-radius: 10px;
padding: 5px 20px;
}
.box200 a {
text-decoration: none;
color: #000;
}
.video-sec {
overflow: hidden;
position: relative;
}
.video-sec img {
width: 100%;
}
.video-text {
}
.video-icon {
display: inline-block;
width: 50px;
height: 50px;
border-radius: 25px;
background: #646363;
color: #fff;
text-align: center;
position: absolute;
top: 35px;
left: 30px;
}
.video-icon a {
text-decoration: none;
color: #fff;
}
.video-icon i {
line-height: 50px;
font-size: 25px;
}
.right-text {
padding-left: 30px;
margin-top: 100px;
}
.right-text p {
color: #d52475;
font-size: 20px;
}
.right-text h2 {
font-weight: 700;
margin-top: 10px;
font-size: 40px;
margin-bottom: 20px;
}
.button1 {
display: inline-block;
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
padding: 7px 25px;
font-weight: 700;
border-radius: 5px;
}
.part-4 {
width: 100%;
float: left;
}
.part-4 .img-sec-2 {
overflow: hidden;
position: relative;
}
.part-4 .img-sec-2::after {
position: absolute;
content: "";
width: 90%;
height: 90%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 2px solid #fff;
}
.part-4 .img-sec-2 img {
width: 100%;
}
.goggles-sec {
padding-left: 30px;
}
.goggles-box {
text-align: center;
border: 1px solid #d3d3d3;
}
.img-sec-3 {
overflow: hidden;
}
.img-sec-3 img {
width: 100%;
}
.goggles-box p {
margin-top: 10px;
margin-bottom: 0;
}
.discover-button {
width: 100%;
float: left;
text-align: center;
padding-top: 20px;
}
.part-5 {
width: 100%;
float: left;
padding-bottom: 70px;
}
.part-5-sec {
width: 100%;
float: left;
}
.img-sec-4 {
overflow: hidden;
}
.img-sec-4 img {
width: 100%;
}
.part-6 {
background: #19b7c2;
width: 100%;
float: left;
color: #fff;
text-align: center;
padding: 10px 50px 35px 50px;
}
.part-6 a {
color: #fff;
}
.part-6 h2 {
font-weight: 700;
}
.part-6 p {
font-size: 16px;
line-height: 30px;
}
.button2 {
display: inline-block;
padding: 5px 20px;
border: 1px solid #fff;
margin-top: 20px;
transition: 0.3s ease;
}
.part-7 {
width: 100%;
float: left;
background: #8b0f48;
color: #fff;
padding-bottom: 15px;
}
.register-sec {
margin-top: 30px;
}
.button3 {
display: inline-block;
background: #f3cf76;
padding: 7px 25px;
font-weight: 700;
border-radius: 5px;
color: #000;
transition: 0.3s ease;
cursor: pointer;
}
.button3:hover {
color: #000;
background: #fff;
}
.button2:hover {
color: #000;
background: #fff;
}
.part-8 {
width: 100%;
float: left;
padding-bottom: 40px;
}
.flag-sec {
width: 10%;
float: left;
text-align: center;
margin-top: 20px;
}
.flag-sec img {
}
.part-9 {
width: 100%;
float: left;
}
.box {
height: 200px;
padding: 15px 30px;
}
.box h3 {
font-size: 16px;
font-weight: 700;
}
.box p {}
.box-1 {
background: linear-gradient(to bottom, rgba(79,55,212) 0%, rgba(120, 172, 248) 100%);
}
.box-2 {
background: linear-gradient(to bottom, rgba(0, 165, 150) 0%, rgba(110, 255, 248) 100%);
}
.box-3 {
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
}
.box-4 {
background: linear-gradient(to bottom, rgba(243, 53, 53) 0%, rgba(208, 83, 83) 100%);
}
.img-box-4 {
}
.img-box-4 img {
}
.texts-sec {
height: 100px;
}
.icon-sec {
display: inline-block;
width: 50px;
height: 50px;
background: #fff;
border-radius: 25px;
position: relative;
box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
margin-right: 10px;
}
.icon-sec i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 30px;
color: #F0A13E;
}
.button-5 {
background: #fff;
border: none;
padding: 7px 30px;
font-weight: 700;
border-radius: 5px;
}
.part-10 {
width: 100%;
float: left;
margin-bottom: 30px;
}
.part-10 a {
color: #000;
text-decoration: none;
}
.part-10 h3 {
font-weight: 700;
}
.part-10 ul {
padding: 0;
margin: 0;
list-style-type: none;
margin-top: 20px;
}
.part-10 ul li {
}
.part-11 {
width: 100%;
float: left;
background: #cecfd0;
font-size: 12px;
padding: 20px 0;
}
.part-12{
width: 100%;
float: left;
background: #131a22;
color: #fff;
padding-bottom: 30px;
padding-top: 20px;
padding: 3px 0;
}
.part-12 a {
color: #fff;
text-decoration: none;
}
.part-12 h3 {
font-weight: 700;
}
.part-12 ul {
padding: 0;
margin: 0;
list-style-type: none;
margin-top: 20px;
height: 180px;
}
.last-footer {
text-align: center;
width: 100%;
float: left;
padding: 10px;
}
.last-footer a {
color: #d52475;
text-decoration: underline;
}
.last-footer i {
color: #8b0f48;
}
.one {
padding-left: 0;
}
.two {
padding-right: 0;
}
.part-3 {
width: 100%;
float: left;
}
.navbar-toggler {
display: none;
}
.navbar {
margin-bottom: 0;
min-height: auto;
border: none;
}
.red-line {
height: 2px;
width: 100%;
background: #D52475;
opacity: 0.3;
display: block;
float: left;
margin-top: 25px;
}
.part-12 .col-md-3 {
border: 0px solid #9c9c9c;
}
/*========page-2==========*/
.boxo-1 {
text-align: center;
padding: 20px 15px;
}
.dotted-sec {
float: none;
margin: 0 auto;
padding: 10px 15px;
border: 2px dashed #1bbc9b;
border-radius: 10px;
}
.dotted-sec p {
margin: 0;
font-size: 20px;
font-weight: 700;
word-spacing: 5px;
}
.red {
color: #d52475 !important;
}
.greenbox {
display: inline-block;
background: #1bbc9b;
color: #fff;
padding: 0 5px;
font-weight: 300;
}
.bread-cramb {
text-align: left;
margin-top: 10px;
}
.bread-cramb a {
text-decoration: none;
color: #000;
}
.banner {
background-image: url("../images/51.png");
position: relative;
background-size: cover;
background-repeat: no-repeat;
}
.banner-sec {
padding: 65px 15px;
}
.banner-sec h1 {
font-size: 45px;
}
.f700 {
font-weight: 700 !important;
}
.boxo-2 {
width: 100%;
float: left;
}
.cat-box {
background: #f1c65c;
text-align: center;
margin: 20px 10px;
width: calc(33.3333333% - 20px);
border-radius: 5px;
padding: 10px;
}
.plus {
background: no-repeat;
border: none;
outline: none;
}
.cat-sec {
border-bottom: 1px solid #ddd;
}
.cat-ul {
margin-top: 20px;
list-style-type: none;
width: 100%;
float: left;
}
.cat-ul li a {
color: #000;
text-decoration: none;
}
.cat-ul li span {
display: inline-block;
margin-right: 10px;
width: 20px;
text-align: center;
}
.cat-ul li img {
}
.glasses-sec {
margin-top: 20px;
}
.head-sec {
margin-top: 20px;
border-bottom: 1px solid #ddd;
}
.head-button {
background: #f0a23f;
width: 100%;
float: left;
padding: 10px 40px;
margin-top: 20px;
border-radius: 5px;
margin-bottom: 10px;
}
.head-button p {
margin: 0;
color: #fff;
text-align: center;
}
.shape-sec {
margin-top: 20px;
}
.shape-sec .cat-ul li span {
width: 40px;
}
.type-sec {
margin-top: 20px;
}
.type-sec .cat-ul li span {
width: 50px;
}
.face-sec {
margin-top: 20px;
}
.face-sec p {
text-align: center;
}
.future-sec {
margin-top: 20px;
}
.brand-sec {
margin-top: 20px;
padding: 0 15px;
}
.search-box{
border: 1px solid #b0b0b0;
}
.search-box a{
text-decoration: none;
color: #000;
}
.brand-sec .col-md-2 {
margin-top: 3px;
}
.brand-sec input {
border: none;
}
.brand-sec .cat-ul {
padding: 0 15px;
}
.scroll {
border: 1px solid #b0b0b0;
width: 100%;
float: left;
margin-top: 20px;
height: 165px;
overflow-y: scroll;
margin-bottom: 20px;
}
.feauture-color {
margin-top: 20px;
width: 100%;
float: left;
}
.feauture-color .cat-ul {
padding: 0;
}
.feauture-color .cat-ul li {
width: 20%;
float: left;
text-align: center;
margin-bottom: 15px;
}
.feauture-color .cat-ul li span {
width: 40px;
height: 40px;
background: #363636;
margin: 0;
border-radius: 25px;
border: 2px solid #b0b0b0;
}
.material-sec {
margin-top: 20px;
width: 100%;
float: left;
}
.price-sec {
margin-top: 20px;
width: 100%;
float: left;
}
.price-line {
height: 3px;
background: #d52475;
position: relative;
margin-top: 20px;
}
.price-circle {
position: absolute;
width: 15px;
height: 15px;
border-radius: 25px;
background: #fff;
border: 2px solid #d52475;
top: 50%;
left: 0;
transform: translateY(-50%);
}
.price-circle-2 {
position: absolute;
width: 15px;
height: 15px;
border-radius: 25px;
background: #fff;
border: 2px solid #d52475;
top: 50%;
right: 0;
transform: translateY(-50%);
}
.price-ank-sec {
margin-top: 20px;
margin-bottom: 20px;
}
.price-ank {
display: inline-block;
border: 1px solid #b0b0b0;
padding: 3px 30px;
border-radius: 3px;
}
.price-ank-2 {
display: inline-block;
border: 1px solid #b0b0b0;
padding: 3px 30px;
border-radius: 3px;
}
.price-button {
display: inline-block;
border: 1px solid #b0b0b0;
padding: 3px 30px;
border-radius: 3px;
background: #a5adb9;
color: #fff;
margin-top: 22px;
}
.sort-sec {
margin-top: 10px;
margin-bottom: 20px;
}
.glass {
font-size: 18px;
}
.glass span {
margin-left: 10px;
font-weight: 300;
}
.line {
height: 1px;
width: 100%;
background: #d52475;
margin-top: 9px;
}
.sort-by {
border: 1px solid #d52475;
border-radius: 3px;
margin-top: -6px;
overflow: hidden;
cursor: pointer;
}
.sort-by select {
width: 100%;
padding: 5px;
border: none;
}
.sort-by a {
color: #000;
text-decoration: none;
}
.pr0 {
padding-right: 0;
}
.sell-box {
width: calc(33.333333% - 20px);
float: left;
/*border: 1px solid #b0b0b0;*/
margin: 0 10px;
margin-bottom: 20px;
text-align: center;
position: relative;
overflow: hidden;
border: 1px solid #d4aec08f;
}
.ima-sec-list {
position: relative;
}
.fav {
position: absolute;
top: 10px;
left: 10px;
}
.fav i {
font-size: 20px;
}
.img-block {
height: 160px;
padding-top: 70px;
}
.titanium {
position: absolute;
top: 10px;
left: 50px;
background: #f5f5f5;
padding: 0px 10px;
border-radius: 3px;
}
.f10 {
font-size: 10px;
}
.sell-text {
margin-bottom: 20px;
}
.sell-circle {
display: inline-block;
background: #33a49a;
color: #fff;
width: 80px;
height: 80px;
border-radius: 50px;
padding-top: 43px;
padding-right: 35px;
position: absolute;
top: -40px;
right: -40px;
}
.sell-left {
}
.sell-left p {
margin-bottom: 0px;
}
.sell-right p {
margin-bottom: 0px;
}
.sell-right {
padding: 0;
position: relative;
}
.discount {
background: #eb0a2a;
color: #fff;
position: absolute;
font-size: 10px;
right: 0;
top: 55px;
padding: 2px 6px;
}
.out-of-stock {
background: #eb5041;
color: #fff;
position: absolute;
width: 100%;
font-size: 12px;
bottom: 0;
padding-top: 2px;
}
.pages-sec {
}
.page-box {
width: 30px;
height: 30px;
background: #f6f6f6;
border: 1px solid #ddd;
text-align: center;
line-height: 30px;
margin-right: 7px;
float: left;
transition: 0.3s ease;
}
.page-box:hover {
background: #5f5f5f;
color: #fff;
border: 1px solid #5f5f5f;
}
.pages-sec p {
margin-top: 5px;
}
.pages-sec a {
color: #000;
}
.boxo-3 {
padding-bottom: 40px;
width: 100%;
float: left;
}
.main-line-sec {
margin: 35px auto;
float: none;
margin-top: 0;
}
.main-line {
height: 1px;
background: #b0b0b0;
}
.texo {
margin-bottom: 15px;
}
.more {
display: inline-block;
background: #ed0b3b;
color: #fff;
padding: 2px 15px;
margin-left: 10px;
}
.boxo-5 {
padding-bottom: 20px;
width: 100%;
float: left;
}
.none {
background: no-repeat;
border: none;
}
.navbar-nav {
position: relative;
}
.nav-item:hover .maga-menu {
display: block;
}
.maga-menu{
display: none;
position: absolute;
width: 100%;
left: 0;
top: 100%;
z-index: 11;
height: auto;
background: green;
background: #fff;
color: #000;
box-shadow: 0 4px 12px 0 rgba(0,0,0,.22), 0 2px 5px 0 rgba(0,0,0,.28);
}
.maga-box{
width: calc(25% - 20px);
float: left;
margin: 10px;
}
.maga-box .head {
font-size: 20px;
}
.maga-box ul {
padding-left: 20px;
height: 275px;
border-bottom: 1px solid #b0b0b0;
}
.maga-box ul li {
background: none;
padding: 5px;
display: block;
float: left;
width: 100%;
}
/*.maga-box ul li:hover {
background: #d52475;
color: #fff;
}
.maga-box ul li:hover .nav-item .maga-box ul li a {
color: #fff;
}*/
.maga-box ul li a {
color: #000;
}
.maga-line {
width: 100%;
float: left;
padding: 10px 20px;
}
.maga-box .maga-line a{
color: #000;
}
.fix-sec {
position: fixed;
top: 30%;
right: 0;
color: #fff;
width: 85px;
}
.fix-sec a {
text-decoration: none;
color: #fff;
}
.fix-box {
background: #9c0e4f;
padding: 15px 0;
text-align: center;
position: relative;
border: 2px solid #fff;
transition: 0.3s ease;
width: 85px;
display: block;
float: right;
}
.fix-box:hover {
width: 100px;
background: #1BBC9B;
}
.fix-label {
background: #f75050;
position: absolute;
top: 13px;
left: -30px;
padding: 0px 10px;
transform: rotate(-25deg);
z-index: -1;
}
.fix-span {
transform: rotate(21deg);
display: inline-block;
font-size: 12px;
}
.sell-box a {
text-decoration: none;
color: rgba(0,0,0,.87) !important;
letter-spacing:0.1em;
}
.box a {
text-decoration: none;
}
.under { text-decoration: line-through;
color: #aaa;
font-size: 11px;
margin-right: 10px;
}
.login-part {
width: 100%;
float: left;
background-image: url(../images/lad-fac.png);
background-repeat: no-repeat;
background-size: contain;
}
.login-part-sec {
width: 70%;
float: right;
max-width: 600px;
/*padding: 50px 25px 0 0;
padding-bottom: 180px;*/
margin: 50px 25px 0 0;
margin-bottom: 180px;
}
.login-part-sec h2 {
font-weight: 700;
font-size: 40px;
color: #444242;
margin-bottom: 20px;
}
.login-part-sec p {
margin-top: 10px;
color: #626262;
font-size: 16px;
}
.color000 {
font-weight: 700;
color: #242424;
}
.coyellow {
color: #f0c250;
margin-left: 20px;
font-size: 28px;
font-weight: 700;
}
.form-sec {
width: 100%;
float: left;
padding: 50px 0;
}
form {
width: 100%;
float: left;
}
.form-line {
color: #444242;
font-weight: 700;
margin-bottom: 20px;
}
.form-line input {
width: 100%;
float: left;
border: none;
border-bottom: 1px solid #d52475;
height: 40px;
background: none;
}
.login-button{
border: 1px solid #cdcccc;
width: 100%;
font-size: 24px;
text-align: center;
color: #444242;
outline: none;
}
.login-part-sec .label {
margin-top: 30px;
display: block;
padding: 0;
text-align: left;
}
.login-part-sec .forget {
color: #d52475;
font-size: 12px;
font-weight: 700;
}
.form-line-2 {
margin-top: 20px;
}
.register-part {
background-image: url("../images/gen-bc.png");
}
.label-2 {
}
.check-sec {
width: 100px;
float: left;
vertical-align: middle;
margin-top: 10px;
}
.check-sec p {
display: inline;
}
.check-box {
width: 20px;
height: 20px;
background: #cf2573;
display: inline-block;
float: left;
border: 5px solid #cdcdcd;
margin-right: 20px;
}
.here {
color: #d52475;
font-weight: 700;
}
.control {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 8px;
cursor: pointer;
line-height: 24px;
}
.control input {
position: absolute;
z-index: -1;
opacity: 0;
}
.control__indicator {
position: absolute;
top: 2px;
left: 0;
height: 20px;
width: 20px;
background: #cdcdcd;
}
.control--checkbox .control__indicator {
background: #cdcdcd;
}
.control input:checked ~ .control__indicator {
background: #FBAD3D;
}
.control--checkbox.control input:checked ~ .control__indicator {
background: #cdcdcd;
border: none;
}
.control__indicator:after {
content: '';
position: absolute;
display: none;
}
.control--checkbox .control__indicator::after {
left: 50%;
top: 50%;
width: 9px;
height: 9px;
/* border: solid #FBAD3D; */
/* border-width: 0 2px 2px 0; */
/* transform: rotate(45deg); */
background: #cf2573;
transform: translate(-50%, -50%);
}
.control input:checked ~ .control__indicator:after {
display: block;
}
.inspiration-part, .brand-part, .service-part {
width: 100%;
float: left;
padding: 50px 0;
}
.inspiration-part h2 {
width: 100%;
float: left;
font-weight: 700;
font-size: 40px;
}
.inspiration-sec {
width: 100%;
float: left;
padding: 50px 15px;
padding-bottom: 0;
}
.ins-box-sec {
width: 100%;
float: left;
background: #dedbd6;
margin-bottom: 25px;
height: 235px;
}
.ins-1 {
background: #dedbd6;
text-align: center;
padding: 63px 25px;
padding-bottom: 80px;
border: 1px solid #b0b0b0;
height: 235px;
}
.ins-1 h3 {
font-weight: 700;
}
.ins-1 p {
font-size: 16px;
}
.ins-2 {
height: 325px;
}
.ins-box {
position: relative;
overflow: hidden;
border: 1px solid #fff;
height: 235px;
}
.ins-box img {
}
.ins-label {
position: absolute;
width: 100%;
background: rgba(213,36,117,0.6);
bottom: 20px;
color: #fff;
text-align: center;
padding: 10px;
}
.ins-label h3 {
margin: 0;
}
.ins-label p {
margin: 0;
}
.bc-1 {
background-image: url("../images/ins-1.png");
}
.bc-2 {
background-image: url("../images/ins-2.png");
}
.bc-3 {
background-image: url("../images/ins-3.png");
}
.bc-4 {
background-image: url("../images/ins-4.png");
}
.bc-1,.bc-2,.bc-3,.bc-4 {
background-size: cover;
}
.brand-part p {
color: #d52475;
font-weight: 700;
}
.brand-sec-2 {
border: 1px solid #d1d1d1;
text-align: center;
padding: 10px 20px;
margin-bottom: 50px;
height: 60px;
position: relative;
}
.brand-sec-2 img {
width: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-width: 140px;
}
.left-1{
}
.right-1 {
}
.brands-button {
width: 100%;
float: left;
background: #8b0f48;
padding: 30px;
}
.button-part {
width: 400px;
margin: 0 auto;
display: table;
clear: both;
}
.brand-this-button {
margin-right: 20px;
border: 1px solid #cacaca;
}
.service-sec {
margin-top: 20px;
padding: 0 15px;
border-bottom: 1px solid #ddd;
}
.service-sec-2 {
border: 1px solid #c0c0c0;
padding: 20px;
margin-bottom: 40px;
width: 100%;
float: left;
padding-bottom: 5px;
}
.service-head {
width: 100%;
float: left;
}
.s-logo {
}
.title {
text-align: left;
font-weight: 700;
}
.ser-ul {
width: 100%;
float: left;
padding-top: 30px;
padding-left: 0;
list-style-type: none;
}
.ser-ul li {
margin-bottom: 10px;
font-size: 14px;
color: #767676;
}
.ser-ul li a {
color: #767676;
transition: 0.3s ease;
}
.ser-ul li a:hover {
color: #d52475;
}
.view-all-sec {
width: 100%;
float: left;
}
.view-button {
display: inline-block;
float: right;
}
.plus {
font-size: 30px;
font-weight: 700;
color: #444242;
display: inline-block;
line-height: 30px;
float: left;
margin-right: 10px;
}
.view-title {
line-height: 30px;
display: inline-block;
float: left;
color: #d52475;
}
.accordation-part {
width: 100%;
float: left;
padding-bottom: 40px;
border-bottom: 1px solid #ddd;
margin-bottom: 30px;
}
.accordion {
background-color: #f8f7f7;
color: #444;
cursor: pointer;
padding: 10px 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 15px;
transition: 0.4s;
border-bottom: 1px solid #ddd;
margin-bottom: 3px;
}
/*.active, .accordion:hover {
border-bottom: 1px solid #ddd;
}*/
.active.accordion {
border-bottom: 1px solid #ddd;
}
.panel {
padding: 20px 20px 30px 40px;
display: none;
background-color: #fbfafa;
overflow: hidden;
margin-bottom: 5px;
}
.toggle-plus {
display: inline-block;
width: 21px;
height: auto;
margin-top: 15px;
float: left;
}
.thick-1,.thick-2,.thick-3 {
width: 100%;
height: 5px;
background: #6f6d6d;
margin-bottom: 2px;
}
.thick-1 {
}
.thick-2 {
opacity: 0;
}
.thick-3 {
transform: rotate(90deg);
margin-top: -14px;
}
.accordion p {
display: inline-block;
margin: 0;
margin-left: 25px;
font-weight: 700;
margin-top: 7px;
}
.active-1.thick-2 {
opacity: 0;
}
.active-1.thick-3 {
opacity: 0;
}
.panel p {
font-size: 16px;
margin-bottom: 15px;
}
.accordation-part h2 {
margin-bottom: 20px;
font-weight: 700;
}
.qqq {
width: 100%;
float: left;
background: #8b0f48;
color: #fff;
text-align: center;
padding: 10px 15px 30px 15px;
margin-bottom: 25px;
}
.yellow {
color: #f2ca67;
}
.banner-1 {
background-image: url("../images/yellow-bc.png");
}
.banner-1 p {
font-size: 18px;
}
.texo-1 {
margin-top: 40px;
}
.texo-1 p {
line-height: 30px;
}
.img-1 {
background-image: url("../images/v-bc-1.png");
background-size: cover;
height: 200px;
margin-bottom: 40px;
}
.img-2-sec {
margin-top: 30px;
}
.img-2-sec img {
}
.texo1-img-box, .texo2-img-box {
margin-top: 20px;
padding-bottom: 20px;
text-align: center;
}
.texo1-img-box {
}
.texo2-img-box {
height: 170px;
}
.texo1-img-box img {
width: 100%;
}
.texo2-img-box img {
}
.last-box {
padding-bottom: 20px;
width: 100%;
float: left;
}
.bottom-border {
width: 100%;
float: left;
height: 1px;
background: #b0b0b0;
}
.tip {
color: #106fbf;
padding: 20px 0;
}
.help-sec {
position: relative;
display: inline-block;
padding: 2px 5px;
}
.help-sec:hover {
box-shadow: 0 2px 5px 0 #aaa;
background: #fff;
}
.help-box {
display: none;
z-index: 1;
box-shadow: 0 2px 3px 0 #aaa;
position: absolute;
top: 100%;
right: 0;
width: 300px;
background: #fff;
padding: 10px;
text-align: left;
min-width: 280px;
z-index: 1111;
}
.help-sec:hover .help-box {
display: block;
}
.help-box ul {
padding: 0;
list-style-type: none;
}
.help-box ul li {
margin-bottom: 5px;
padding-left: 10px;
transition: 0.3s ease;
padding: 5px 5px 5px 10px;
}
.help-a {
}
.fa-chevron-right {
margin-right: 10px;
}
.help-box ul li:hover {
background: #f4d484;
}
.lan {
display: inline-block;
}
.lang-sec-2 {
padding: 20px;
width: 100%;
float: left;
}
.l-l {
width: 33.33%;
float: left;
}
.l-1 {
width: 100%;
float: left;
margin-bottom: 20px;
}
.l-1 p {
display: inline-block;
margin-top: 10px;
margin-left: 10px;
}
.lan-img {
display: inline-block;
float: left;
position: relative;
}
.modal-dialog {
display: table;
}
.modal-content {
width: 100%;
float: left;
}
.modal-header {
width: 100%;
float: left;
position: relative;
z-index: 1;
}
.close {
font-size: 25px;
opacity: 0.7;
}
.close:hover {
opacity: 1;
}
.correct {
position: absolute;
width: 100%;
height: 100%;
text-align: center;
top: 0;
background: rgba(255, 255, 255, 0.60);
line-height: 46px;
}
.correct i {
font-size: 22px;
}
.register-box {
width: 1000px;
color: #000;
}
.modal-content-1 {
/*height: 530px;*/
overflow: auto;
}
.close-1 {
position: absolute;
right: 10px;
top: 10px;
z-index: 1;
outline: none;
}
.sex-sec {
background-image: url(../images/regi-bac.jpg);
padding: 50px;
text-align: center;
padding-bottom: 100px;
background-size: cover;
}
.sex-sec h2 {
}
.sex-sec h4 {
}
.sex-sec input {
width: 100%;
max-width: 300px;
margin-top: 20px;
height: 40px;
border: 1px solid #3eab40;
border-radius: 3px;
padding-left: 20px;
}
.sex-button {
width: 100%;
float: left;
text-align: center;
margin-top: 20px;
}
.women {
display: inline-block;
background: #d52475;
color: #fff;
padding: 15px 25px;
border-radius: 3px;
margin-right: 10px;
}
.women a {
color: #fff;
}
.sex-box {
text-align: center;
margin-top: 20px;
border-right: 2px solid #ddd;
padding: 20px 15px;
}
.sex-box div p {
display: inline-block;
margin: 0;
font-weight: 700;
}
.sex-box i {
color: #3EAB40;
display: inline-block;
margin-right: 10px;
}
.policy {
width: 100%;
float: left;
background: #eee;
padding: 20px 30px;
color: #666;
}
.policy p {
}
.modal-1 {
top: 50px;
}
.cart-main {
}
.cart-main h2 {
}
.cart-box-1 {
margin-top: 20px;
}
.frame-try {
padding: 10px 15px;
border-top: 2px solid #ddd;
border-bottom: 2px solid #ddd;
margin-bottom: 30px;
}
.frame-try-text {
font-size: 20px;
font-weight: 700;
float: left;
display: inline-block;
}
.learn-more {
display: inline-block;
float: right;
color: #f1c65b;
font-size: 20px;
}
.learn-more a {
color: #f1c65b;
}
.cart-main-add {
}
.sell-box-1 {
width: calc(25% - 20px);
}
.sell-box-1 .titanium {
left: 10px;
}
.sell-box-1 .fav {
right: 20px;
left: auto;
}
.sell-box-1 .fav i {
font-size: 20px;
}
.sell-box-1 .sell-right {
padding-left: 35px;
text-align: left;
}
.choose {
background: #f8f9f9;
border: 1px solid #f1f1f1;
position: relative;
}
.choose .sell-left,.choose .sell-right {
opacity: 0;
}
.choose .ima-sec-list {
display: none;
}
.choose-another {
position: absolute;
text-align: center;
width: 100%;
color: #ef9e38;
top: 50%;
}
.c-circle {
display: inline-block;
width: 30px;
height: 30px;
background: #ef9e38;
border-radius: 25px;
color: #fff;
line-height: 30px;
text-align: center;
}
.choose-another p {
}
.cart-one {
padding-bottom: 20px;
border-bottom: 1px solid #ddd;
margin-top: 30px;
}
.cart-one-left {
font-size: 12px;
text-align: center;
}
.list-img-sec {
height: 200px;
padding-top: 30px;
}
.list-img-sec img {
width: 100%;
}
.cart-one-right {
}
.ray-id {
}
.desc {
}
.desc h4 {
border-bottom: 1px solid #ddd;
padding-bottom: 7px;
display: inline-block;
}
.desc h4 span {
margin-right: 10px;
}
.desc p {
}
.quntity {
}
.quntity h4 {
}
.q-button {
border-radius: 5px;
background: linear-gradient(to bottom, rgb(251,251,251),rgb(202,202,202));
/*padding: 2px 0;*/
text-align: center;
border: 1px solid #ddd;
width: 70px;
font-weight: 700;
position: relative;
margin-bottom: 10px;
}
.q-button select {
background: no-repeat;
border: none;
width: 100%;
/* text-align: center;*/
-webkit-appearance: none;
/* padding: 5px 0;*/
padding-left: 25px;
outline: none;
cursor: pointer;
}
.q-button i {
position: absolute;
top: 6px;
right: 10px;
}
.total-rupees {
}
.total-top {
border-bottom: 1px solid #ddd;
width: 100%;
float: left;
}
.total-top div {
margin-bottom: 15px;
width: 100%;
float: left;
}
.total-left {
font-weight: 700;
float: left;
font-size:12px;
color:#690d37;
}
.total-right {
float: right;
}
.total-bottom {
width: 100%;
float: left;
text-align: right;
font-weight: 700;
padding-top: 10px;
}
.total-bottom p {
}
.Prescription {
padding-left: 30px;
}
.Prescription h4 {
cursor: pointer;
margin-bottom: 0;
}
.Prescription h4 i {
margin-left: 10px;
font-size: 10px;
margin-right: 0;
}
.Prescription h4 .sec-i {
margin-left: -3px;
}
.table-one {
width: 100%;
float: left;
background: #f8f9f9;
padding: 50px 15px;
border: 1px solid #ddd;
border-radius: 5px;
display: none;
margin-top: 10px;
}
table {
width: 100%;
float: left;
}
table th {
padding: 7px;
padding-left: 10px;
}
table tr {
}
table td {
background: #fff;
padding: 7px;
}
.Selection-Details {
padding-left: 30px;
}
.Selection-Details h4 {
margin-bottom: 20px;
cursor: pointer;
}
.Selection-Details h4 i {
margin-left: 10px;
font-size: 10px;
margin-right: 0;
}
.Selection-Details h4 .sec-i {
margin-left: -3px;
}
.select-part {
padding: 30px 35px;
width: 100%;
float: left;
background: #f8f9f9;
border: 1px solid #ddd;
border-radius: 5px;
display: none;
}
.Selection-text {
position: relative;
}
.Selection-text p {
}
.check {
position: absolute;
top: 2px;
left: -20px;
font-size: 12px;
}
.Selection-Details ul {
list-style-type: none;
}
.Selection-Details ul li {
position: relative;
}
.select-circle {
width: 5px;
height: 5px;
background: #d52475;
position: absolute;
border-radius: 50%;
left: -13px;
top: 7px;
}
.vat-part {
margin: 50px 0;
padding: 20px 15px;
background: #eaeaea;
text-align: right;
font-size: 18px;
color: #000;
}
.vat-line {
margin-bottom: 15px;
}
.vat-part input[type="text"] {
width: 80%;
float: left;
font-size: 14px;
height: 35px;
padding-left: 10px;
border: 1px solid #ddd;
border-radius: 5px;
}
.ok-button {
width: 19%;
float: right;
text-align: center;
background: linear-gradient(to bottom, rgb(251,251,251),rgb(202,202,202));
border-radius: 3px;
border: 1px solid #ddd;
height: 35px;
line-height: 35px;
font-size: 16px;
}
.Available-sec {
background: #fff;
padding: 10px;
border: 1px solid #ddd;
border-radius: 5px;
font-size: 12px;
text-align: left;
}
.down {
position: absolute;
bottom: -31px;
}
.select-i {
position: absolute;
right: 40px;
top: 15px;
}
.vat-line-2 {
margin-bottom: 25px;
}
.check-out-part {
width: 100%;
float: left;
font-size: 18px;
padding-bottom: 20px;
border-bottom: 2px solid #ddd;
}
.check-out-left {
display: inline-block;
float: left;
}
.check-out-left i {
margin-right: 10px;
}
.check-out-right {
display: inline-block;
float: right;
text-align: center;
width: 300px;
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
color: #fff;
font-size: 22px;
padding: 10px;
border-radius: 5px;
}
.slex-absolute {
padding-left: 95px;
font-weight: 700;
}
.slex-absolute p {
}
.slex-absolute button {
background: #D52475;
color: #fff;
border: none;
padding: 7px 10px;
border-radius: 5px;
}
.show-all-pro {
text-align: center;
font-size: 22px;
color: #ee982c;
font-weight: 700;
width: 100%;
float: left;
padding: 25px 0px;
border-bottom: 2px solid #ddd;
margin-bottom: 30px;
}
.show-all-pro a {
color: #ee982c;
}
.check-out-right i {
margin-left: 20px;
}
.secound-slider {
padding: 0 15px;
width: 100%;
float: left;
}
.veri-hed {
background: #E3E2D0;
width: 100%;
}
body .varification-middle {
padding: 60px 15px;
}
.sec-order {
text-align: right;
padding-right: 50px;
font-weight: 700;
}
.sec-order p {
}
.sec-order span {
display: inline-block;
margin-left: 15px;
font-size: 18px;
vertical-align: middle;
}
.white-part {
background: #fff;
height: 50px;
margin-bottom: 15px;
box-shadow: 0px 3px 7px rgba(0,0,0,0.20);
position: relative;
width: 100%;
float: left;
}
.veri-sec {
position: absolute;
width: 100%;
float: left;
bottom: -77px;
}
.veri-circle-part {
width: calc(33.33% - 20px);
margin: 0 10px;
float: left;
text-align: center;
color: #1bbc9b;
}
.veri-circle-part i {
margin-left: 10px;
}
.veri-circle-part p {
margin-top: 15px;
font-weight: 700;
letter-spacing: 1px;
}
.veri-circle {
width: 50px;
height: 50px;
background: #1bbc9b;
border-radius: 50%;
display: inline-block;
color: #fff;
line-height: 50px;
font-size: 24px;
font-weight: 700;
}
.please-review {
padding-top: 100px;
}
.please-first {
}
.please-first span {
margin-right: 10px;
}
.span2 {
margin-left: 20px;
}
.please-first h2 {
}
.please-second {
padding-bottom: 30px;
}
.please-second-box {
}
.sub-box {
border: 1px solid #ddd;
padding: 20px;
height: 165px;
}
.please-second-box h3 {
}
.please-second-box span {
color: #1bbc9b;
float: right;
display: inline-block;
font-weight: 550;
}
.important-sec {
margin-bottom: 30px;
}
.important-note {
border: 1px solid #ddd;
padding: 20px 30px;
}
.left-one {
border: 1px solid #ddd;
padding: 15px;
width: 100%;
float: left;
}
.left-one h2 {
margin: 0;
font-weight: 700;
font-size: 24px;
margin-bottom: 10px;
}
.left-one h3 {
margin: 0;
font-weight: 700;
font-size: 20px;
margin-bottom: 10px;
}
.left-two {
width: 100%;
float: left;
margin-top: 15px;
border: 1px solid #ddd;
}
.left-two-one {
width: 100%;
float: left;
padding: 15px;
border-bottom: 1px solid #ddd;
}
.img-part {
padding-bottom: 20px;
text-align: center;
padding-top: 20px;
}
.left-two-one h4 {
font-weight: 700;
margin: 0;
margin-bottom: 5px;
font-size: 16px;
}
.left-two-one p {
margin: 0;
}
.left-two-two {
width: 100%;
float: left;
padding: 15px;
border-bottom: 1px solid #ddd;
}
.left-two-two p {
width: 100%;
float: left;
margin-bottom: 5px;
}
.left-two-two span {
display: inline-block;
}
.left-two-two span i {
margin-left: 5px;
}
.left-two-three {
width: 100%;
float: left;
padding: 15px;
border-bottom: 1px solid #ddd;
background: #f6f6f6;
color: #a3a3a3;
}
.left-two-three p {
margin-bottom: 5px;
}
.left-two-four {
width: 100%;
float: left;
padding: 15px;
}
.left-two-four h4 {
font-weight: 700;
margin-bottom: 5px;
}
.left-two-four div {
text-align: right;
}
.left-two-four div h2 {
font-weight: 700;
margin-bottom: 5px;
}
.left-two-four button {
width: 100%;
border-radius: 5px;
background: linear-gradient(to bottom, rgba(246,196,134,1) 0%, rgba(238,151,42,1) 100%);
border: 1px solid #ff9107;
color: #fff;
text-align: center;
/* font-weight: 700; */
font-size: 20px;
padding: 10px 0;
}
.left-two-four button img {
margin-right: 10px;
}
.left-two-five {
width: 100%;
float: left;
background: #f2f2f2;
padding: 15px;
font-size: 11px;
}
.left-two-five h4 {
font-size: 14px;
color: #a6a6a6;
}
.left-two-five h4 span {
color: #202020;
}
.chose-your-lense .bread-cramb {
margin: 30px 0px;
}
.accordion-1 {
background: none;
padding: 10px 0;
border-bottom: 3px solid #F5F5F5;
float: left;
}
.accordion-1 p {
margin-left: 0;
font-size: 20px;
}
.accordion-1 .toggle-plus {
float: right;
margin-top: 22px;
}
.accordion-1 span {
float: right;
display: inline-block;
margin-right: 10px;
margin-top: 14px;
}
.lence-type-box .control--checkbox.control input:checked ~ .control__indicator {
border-radius: 50%;
border: 2px solid #444242;
background: none;
width: 24px;
height: 24px;
}
.lence-type-box .control--checkbox .control__indicator::after {
background: #cf2573;
transform: translate(-50%, -50%);
border-radius: 50%;
width: 14px;
height: 14px;
}
.lence-type-box .control--checkbox .control__indicator {
background: none;
border: 2px solid #444242;
border-radius: 50%;
width: 24px;
height: 24px;
}
.lence-type .panel {
background: #fff;
padding: 20px 0;
padding-top: 0;
}
.lence-type-box {
background: #f5f5f5;
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
margin-bottom: 2px;
padding: 10px 10px;
}
.input-text-box {
float: left;
width: calc(100% - 50px);
}
.lence-type-box h4 {
font-weight: 700;
font-size: 16px;
margin: 0;
margin-bottom: 5px;
}
.lence-type-box h4 span {
float: right;
}
.lence-type-box p {
margin: 0;
font-size: 14px;
}
.lence-type-box p span {
float: right;
}
.input-box {
width: 50px;
float: left;
text-align: center;
padding-left: 0px;
padding-top: 3px;
}
.Prescription-Details {
}
.Prescription-two-part {
width: 100%;
float: left;
}
.Prescription-two-part-left {
width: 50px;
float: left;
font-weight: 700;
font-size: 20px;
}
.Prescription-two-part-right {
width: calc(100% - 50px);
float: left;
}
.Prescription-two-box {
width: calc(25% - 10px);
float: left;
margin: 0 5px;
}
.Prescription-header {
width: 100%;
float: left;
}
.Prescription-two-dpt {
/*border: 1px solid #a7a6a6;
text-align: center;
padding: 10px 5px;
margin-bottom: 15px;
border-radius: 5px;*/
width: 100%;
float: left;
margin-bottom: 10px;
}
.Prescription-two-dpt .form-control {
border: 1px solid #a7a6a6;
}
.Prescription-two-dpt p {
margin: 0;
}
.Prescription-two-dpt i {
margin-left: 5px;
}
.Prescription-header h4 {
font-size: 16px;
font-weight: 700;
margin: 0;
margin-bottom: 5px;
}
.Prescription-two-circle {
width: 15px;
height: 15px;
border-radius: 50%;
background: #ef9e38;
display: inline-block;
color: #fff;
/*float: right;*/
margin-right: 25px;
text-align: center;
font-size: 10px;
line-height: 15px;
margin-left: 10px;
}
.Prescription-header p {
font-size: 12px;
color: #787676;
}
.Prescription-two-part-left .Prescription-header {
height: 60px;
}
.Prescription-one {
margin-bottom: 30px;
}
.Prescription-one-left {
text-align: left;
padding-top: 80px;
}
.Prescription-one-left button {
color: #ef9e38;
background: none;
border: 1px solid #ef9e38;
border-radius: 3px;
padding: 10px 30px;
font-weight: 700;
}
.Prescription-one-right {
text-align: right;
}
.Prescription-one-right h5 {
color: #747272;
padding-right: 55px;
}
.Prescription-three {
border: 3px solid #1bbc9b;
margin: 20px 0;
padding: 10px;
}
.Prescription-three-circle {
width: 30px;
height: 30px;
border-radius: 50%;
background: #ef9e38;
display: inline-block;
color: #fff;
font-size: 22px;
text-align: center;
line-height: 30px;
float: left;
}
.Prescription-three p {
display: inline-block;
float: left;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 5px;
}
.Prescription-four-circle {
width: 15px;
height: 15px;
border-radius: 50%;
background: #ef9e38;
display: inline-block;
color: #fff;
/* float: right; */
/* margin-right: 25px; */
text-align: center;
font-size: 10px;
line-height: 16px;
margin-left: 10px;
/* margin-bottom: 8px; */
vertical-align: top;
margin-top: 7px;
}
.select-sec {
width: 100%;
float: left;
margin-top: 20px;
}
.select-sec select {
width: calc(100px - 10px);
float: left;
margin: 0 5px;
border: 1px solid #a7a6a6;
}
.Prescription-four h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 15px;
}
.input-text-box-1 .select-one-part {
margin-left: 0;
}
.input-text-box-1 p {
display: inline-block;
float: left;
margin-top: 7px;
}
.r {
display: inline-block;
float: left;
font-weight: 700;
margin-left: 10px;
margin-top: 7px;
}
.one-select {
width: 100px;
margin-left: 10px;
float: left;
}
.l {
display: inline-block;
float: left;
margin-left: 10px;
margin-top: 7px;
}
.two-select {
width: 100px;
float: left;
margin-left: 10px;
}
.input-text-box-1 div {
display: inline-block;
float: left;
margin-left: 10px;
}
.pd-value span {
width: 15px;
height: 15px;
border-radius: 50%;
background: #1bbc9b;
display: inline-block;
float: left;
text-align: center;
line-height: 15px;
color: #fff;
margin-right: 5px;
}
.pd-value p {
color: #1bbc9b;
margin: 0;
}
.input-text-box-1 .pd-value {
margin-top: 7px;
}
.input-text-box-2 p {
display: inline-block;
float: left;
margin-top: 8px;
}
.all-right {
display: inline-block;
width: 250px;
padding-right: 20px;
}
.lence-type-box .all-right span {
float: left;
width: 20px;
height: 20px;
border-radius: 50%;
background: #EF9E38;
color: #fff;
text-align: center;
font-size: 10px;
line-height: 20px;
margin-right: 10px;
}
.Prescription-five h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.Prescription-five-main {
width: 100%;
float: left;
}
.Prescription-five-box {
width: 100%;
float: left;
}
.lence-type-box p span {
float: left;
width: 20px;
height: 20px;
background: #EF9E38;
border-radius: 50%;
color: #fff;
text-align: center;
line-height: 20px;
font-size: 12px;
margin-right: 10px;
}
.Prescription-five-box-1 .lence-type-box {
background: #fafafa;
}
.only-lences .panel {
padding: 20px 0;
background: none;
}
.long-input-box {
width: 100%;
float: left;
text-align: center;
}
.long-input-box .lence-type-box {
/* width: auto; */
/* float: none; */
background: none;
border: none;
}
.long-input-box .input-box {
margin: 0 auto;
float: none;
padding-left: 13px;
}
.long-box-sec {
width: 100%;
float: left;
border: 1px solid #ddd;
border-radius: 10px;
}
.long-box-img {
width: 100%;
float: left;
}
.long-box-img img {
width: 100%;
float: left;
}
.long-input-box {
width: 100%;
float: left;
text-align: center;
height: auto;
}
.long-box-img-2 {
width: 100%;
float: left;
text-align: center;
padding: 15px 0;
}
.long-box {
padding: 0 5px;
}
.lence-type-text {
width: 100%;
float: left;
margin-top: 17px;
}
.lence-type-text h4 {
margin: 0;
margin-bottom: 0px;
font-size: 14px;
font-weight: 700;
}
.lence-type-text p {
color: #848383;
font-size: 12px;
}
.quality {
width: 100%;
float: left;
}
.quality h4 {
font-size: 14px;
font-weight: 700;
text-align: center;
margin-bottom: 5px;
}
.long-box-sec ul {
width: 100%;
float: left;
margin: 0;
list-style-type: none;
padding-left: 30px;
margin-top: 20px;
}
.long-box-sec ul li {
font-size: 12px;
margin-bottom: 10px;
position: relative;
}
.long-box-sec ul li i {
position: absolute;
top: 2px;
left: -15px;
font-size: 10px;
}
.long-box-img h3 {
position: absolute;
color: #fff;
font-size: 16px;
top: 10px;
margin: 0;
left: 20px;
}
.long-box-part-secound {
width: 100%;
float: left;
margin-top: 20px;
background: linear-gradient(to bottom, rgba(250,250,250,1) 60%, rgba(241,241,241,1) 100%);
padding: 20px 50px;
border: 1px solid #ddd;
}
.long-box-part-secound-left {
width: 50%;
float: left;
padding: 0px 10px;
}
.long-box-part-secound-left h3 {
font-size: 16px;
font-weight: 700;
}
.long-box-part-secound-left ul {
width: 100%;
float: left;
margin: 0;
padding: 0;
list-style-type: none;
}
.long-box-part-secound-left ul li {
margin-bottom: 7px;
}
.long-box-part-secound-left ul i {
margin-right: 10px;
}
.lence-type-box .price-per {
float: right;
color: #999;
width: auto;
background: none;
margin-right: 0;
}
.Field-Of-View .panel {
padding: 20px 0px;
background: none;
padding-top: 2px;
}
.Field-Of-View .input-box {
margin-top: 24px;
}
.input-text-box-one {
display: inline-block;
float: left;
margin-top: 10px;
max-width: 330px;
}
.input-text-box-one h5 {
font-weight: 700;
margin: 0;
margin-bottom: 5px;
}
.input-text-box-one p {
font-size: 12px;
color: #848484;
}
.input-text-box-two {
display: inline-block;
float: left;
margin-left: 20px;
width: 125px;
text-align: center;
margin-top: 12px;
}
.input-text-box-three {
display: inline-block;
float: right;
margin-top: 20px;
font-weight: 700;
margin-top: 34px;
}
.input-text-box-three h5 {
margin: 0;
font-weight: 700;
}
.Field-Of-View .lence-type-box {
height: 100px;
}
.Coating .panel {
padding: 20px 0;
padding-top: 2px;
background: none;
}
.Coating .input-box {
margin-top: 24px;
}
.input-text-box-three p {
font-weight: normal;
font-size: 12px;
color: #848484;
}
.coating-box {
background: #f5f5f5;
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
margin-bottom: 2px;
padding: 10px 10px;
padding-bottom: 0;
}
.coating-box .control__indicator {
border: 2px solid #979494;
background: no-repeat;
}
.coating-box .control--checkbox.control input:checked ~ .control__indicator {
background: no-repeat;
border: 2px solid #202020;
}
.tint .panel {
padding: 20px 0;
background: none;
padding-top: 5px;
}
.tint .input-box {
margin-top: 18px;
}
.tint .input-text-box-one {
width: 330px;
margin-top: 0;
}
.tint .input-text-box-two {
width: 150px;
}
.tint .lence-type-box {
height: 100px;
}
.color-of-goggles {
width: 100%;
float: left;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
}
.color-of-goggles-left {
width: 100px;
float: left;
}
.color-circle {
width: 40px;
height: 40px;
border-radius: 50%;
background: radial-gradient( rgba(202,202,202,1) 0%, rgba(132,132,132,1) 100%);
display: inline-block;
float: left;
border: 2px solid #ddd;
}
.color-of-goggles-right {
width: calc(100% - 100px);
float: left;
text-align: center;
}
.color-box {
width: 100%;
float: left;
margin-bottom: 20px;
}
.color-code {
display: inline-block;
float: left;
margin-top: 12px;
margin-left: 12px;
}
.home-to-sun {
width: 100%;
float: left;
padding-top: 20px;
padding-bottom: 20px;
}
.color-line {
width: 200px;
height: 3px;
margin: 0 auto;
background: #d52475;
position: relative;
}
.color-line {
width: 200px;
height: 3px;
margin: 0 auto;
background: #d52475;
position: relative;
}
.home {
position: absolute;
top: -14px;
left: -19px;
}
.sun {
position: absolute;
top: -12px;
right: -21px;
}
.indicator {
width: 15px;
height: 15px;
background: #f2f2f3;
border-radius: 50%;
border: 2px solid #4c4b4c;
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%);
}
.color-circle-1 {
background: radial-gradient( rgba(139,124,69,1) 0%, rgba(107,36,14,1) 100%);
}
.color-circle-2 {
background: radial-gradient( rgba(123,164,130,1) 0%, rgba(61,105,69,1) 100%);
border: 2px solid #202020;
}
.Prescription-five .lence-type-box .control--checkbox .control__indicator,.only-lences .lence-type-box .control--checkbox .control__indicator, .Field-Of-View .lence-type-box .control--checkbox .control__indicator, .tint .lence-type-box .control--checkbox .control__indicator {
border: 2px solid #979494;
}
.about-head {
font-weight: 700;
text-align: left;
margin-top: 65px;
margin-bottom: 40px;
}
.about-sec {
text-align: left;
}
.about-sec h2 {
font-weight: 700;
font-size: 25px;
}
.about-sec p {
line-height: 22px;
}
.my-account {
margin-top: 30px;
width: 100%;
float: left;
}
.my-account h1 {
text-align: left;
font-weight: 700;
}
.my-account h1 span {
font-weight: normal;
font-size: 16px;
float: right;
display: inline-block;
margin-top: 20px;
padding-right: 30px;
}
.my-account-part {
margin-top: 40px;
}
.Account-box {
border: 1px solid #ddd;
padding: 30px 15px;
margin-bottom: 20px;
border-radius: 10px;
width: 100%;
float: left;
height: 125px;
}
.Account-box-left {
width: 65px;
float: left;
}
.Account-box-left img {
/* width: 100%;*/
}
.Account-box-right {
width: calc(100% - 65px);
float: left;
text-align: left;
padding-left: 15px;
}
.Account-box-right h3 {
font-size: 18px;
font-weight: 700;
margin: 0;
margin-bottom: 5px;
}
.Account-box-right p {
margin: 0;
}
.thank-you {
margin-top: 80px;
}
.thank-you-one {
border-top: 1px solid #8f8e8e;
padding: 40px 15px;
margin-top: 50px;
}
.thank-you-one-left {
width: 50%;
float: left;
}
.thank-img {
width: 70px;
text-align: center;
float: left;
}
.thank-you-one-left-text {
width: calc(100% - 70px);
float: left;
padding-left: 20px;
padding-top: 10px;
}
.thank-you-one-left-text h3 {
margin: 0;
color: #599414;
font-weight: 700;
}
.thank-you-one-left-text p {
margin: 0;
margin-top: 5px;
}
.thank-you-one-right {
width: 50%;
float: right;
text-align: right;
padding-right: 80px;
}
.thank-you-one-right h3 {
font-weight: 700;
margin: 0;
margin-top: 10px;
margin-bottom: 5px;
}
.thank-you-two {
border-bottom: 2px solid #ddd;
font-size: 16px;
}
.thank-bread {
margin-top: 80px;
margin-bottom: 50px;
}
.full-red {
color: #d30b0b;
width: 100px;
display: inline-block;
font-weight: 700;
}
.canle {
padding: 50px 15px;
margin-top: 40px;
border-top: 1px solid #848484;
border-bottom: 2px solid #ddd;
}
.canle-img {
width: 70px;
float: left;
margin-top: 20px;
}
.canle-text {
width: calc(100% - 70px);
float: left;
padding-left: 25px;
}
.canle-text h2 {
margin: 0;
font-weight: 700;
margin-bottom: 10px;
}
.canle-text p {
font-weight: 700;
}
.pay-circle {
color: #444242;
background: #e2e0e0;
box-shadow: 0px 2px 3px rgba(0,0,0,0.30);
}
.choose-methode {
padding: 80px 15px 50px 15px;
}
.choose-methode h2 {
font-weight: 700;
font-size: 26px;
margin-bottom: 50px;
}
.credit-butt {
color: #fff;
display: inline-block;
float: left;
background: #1bbc9b;
padding: 10px 20px;
text-align: center;
border-radius: 25px;
box-shadow: 3px 0px 30px rgba(0,0,0,.20);
margin-right: 20px;
}
.cre-circle {
display: inline-block;
float: left;
}
.pay-intro {
width: 100%;
float: left;
margin-top: 30px;
font-weight: 700;
}
.pay-main {
padding: 50px 15px 20px 15px;
}
.credit-card {
border: 1px solid #ddd;
width: 100%;
float: left;
border-radius: 3px;
height: 65px;
margin-bottom: 10px;
padding: 10px;
position: relative;
}
.credit-card label {
width: 100%;
float: left;
color: #8d8c8c;
font-weight: normal;
margin: 0;
}
.valid input {
width: 100%;
float: left;
border: none;
}
.name-part {
width: 100%;
float: left;
margin-bottom: 10px;
}
.name-on-card {
width: 65%;
float: left;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
height: 65px;
}
.name-on-card input {
width: 100%;
float: left;
border: none;
}
.valid {
width: calc(35% - 10px);
float: left;
margin-left: 10px;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
height: 65px;
}
.cvv-part {
width: 100%;
float: left;
margin-bottom: 10px;
}
.cvv {
width: 35%;
float: left;
border: 1px solid #ddd;
height: 65px;
padding: 10px;
border-radius: 3px;
}
.cvv input {
width: 100%;
float: left;
border: none;
}
.cvv-text {
margin-left: 10px;
width: calc(65% - 10px);
float: left;
height: 65px;
padding: 15px 0px;
border-radius: 3px;
}
.cvv-img {
display: inline-block;
float: left;
width: 40px;
}
.cvv-condition {
display: inline-block;
float: left;
margin-left: 10px;
font-size: 12px;
width: calc(100% - 50px);
}
.save-card {
width: 100%;
float: left;
}
.save-card input {
display: inline-block;
float: left;
margin-right: 10px;
margin-top: 2px;
}
.save-card p {
display: inline-block;
float: left;
color: #8d8c8c;
}
.verify-order-part {
width: 100%;
float: left;
margin-top: 50px;
}
.verify-text-block {
line-height: 22px;
color: #6c6c6c;
}
.verify-button {
width: 100%;
float: left;
padding: 15px;
text-align: center;
font-size: 22px;
font-weight: 700;
background: linear-gradient(to bottom, rgba(246,196,134,1) 0%, rgba(238,151,42,1) 100%);
border-radius: 5px;
color: #fff;
}
.verify-button i {
margin-left: 15px;
}
.credit-butt-2 {
background: #fff;
color: #000;
box-shadow: none;
border: 1px solid #ddd;
}
/*.credit-butt-2 .cre-circle {
background: #f8f8f8;
border: 1px solid #ddd;
}*/
.credit-card .form-control {
border: none;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #000;
padding-left: 0;
padding: 0;
height: 30px;
}
.pay-arrow {
display: inline-block;
position: absolute;
top: 50%;
right: 20px;
transform: translateY(-50%);
color: #939191;
}
.credit-card input[type="text"] {
width: 100%;
float: left;
border: none;
color: #000;
}
.name-on-card label {
color: #8d8c8c;
font-weight: normal;
margin: 0;
}
.valid label {
color: #8d8c8c;
font-weight: normal;
margin: 0;
}
.valid input {
width: 100%;
float: left;
border: none;
}
.cvv label {
color: #8d8c8c;
font-weight: normal;
margin: 0;
}
.pay-bread {
margin-top: 0;
}
.cre-circle .control--checkbox .control__indicator {
border-radius: 50%;
border: 1px solid #ababab;
}
.cre-circle .control--checkbox.control input:checked ~ .control__indicator {
border-radius: 50%;
background: #cf2573;
text-align: center;
}
.cre-circle .control--checkbox .control__indicator::after {
border-top: 2px solid #fff;
border-left: 2px solid #fff;
width: 5px;
height: 10px;
transform: rotate(-130deg);
top: 4px;
left: 8px;
}
.cre-text {
margin-top: 3px;
display: inline-block;
}
.save-cart-input .control--checkbox .control__indicator {
border-radius: 3px;
border: 1px solid #ababab;
}
.save-cart-input .control--checkbox.control input:checked ~ .control__indicator {
border-radius: 3px;
background: #cf2573;
text-align: center;
}
.save-cart-input .control--checkbox .control__indicator::after {
border-top: 2px solid #fff;
border-left: 2px solid #fff;
width: 5px;
height: 10px;
transform: rotate(-130deg);
top: 4px;
left: 8px;
}
.pay-main ::placeholder {
color: #000;
}
.backddd.veri-circle-part i {
opacity: 0;
}
.backddd.veri-circle-part p {
color: #202020;
}
.backddd .veri-circle {
color: #444242;
box-shadow: 0px 2px 3px rgba(0,0,0,0.30);
background: #e2e0e0;
}
.check-out-main {
margin-top: 90px;
}
.check-out-left-part h3 {
font-weight: 700;
}
.label-two {
margin-top: 30px;
display: block;
padding: 0;
text-align: left;
color: #626262;
font-size: 16px;
}
.check-out-main .login-button {
color: #fff;
}
.welcome-box {
border: 1px solid #ddd;
padding: 15px;
padding-left: 40px;
}
.secure-img {
width: 100%;
float: left;
text-align: left;
margin-top: 15px;
padding-left: 16px;
}
.secure-box ul {
margin: 0;
margin-top: 20px;
list-style-type: none;
padding-left: 20px;
}
.secure-box h5 {
font-weight: 700;
}
.secure-box {
margin-top: 15px;
border: 1px solid #ddd;
margin-bottom: 20px;
padding: 15px;
padding-left: 40px;
}
.secure-box ul li {
position: relative;
color: #666666;
}
.secure-box ul li i {
color: #666666;
position: absolute;
top: 2px;
left: -20px;
}
.forget {
font-size: 12px;
}
.check-out-left-part-sec .form-sec {
padding-top: 20px;
}
.check-out-right-part .login-part-sec {
}
.check-out-right-part .login-part-sec {
margin: 0;
max-width: 100%;
width: 91.66666667%;
}
.check-out-right-part h2 {
font-size: 24px;
}
.check-out-right-part .form-line {
margin-bottom: 0px;
text-align: center;
}
.star {
display: inline-block;
margin-left: 5px;
}
.date-of-birth-part {
width: calc(100% - 60px);
float: left;
margin-right: 10px;
}
.birth-box {
width: calc(33.33% - 4px);
float: left;
text-align: center;
margin: 0 2px;
position: relative;
}
.birth-box:before {
content: "";
width: 1px;
background: #d52475;
position: absolute;
height: 5px;
left: 0;
bottom: 0;
}
.birth-box:after {
content: "";
width: 1px;
background: #d52475;
position: absolute;
height: 5px;
right: 0;
bottom: 0;
}
.birth-box input[type="text"] {
text-align: center;
font-weight: normal;
}
.why {
width: 50px;
float: right;
padding-top: 20px;
text-align: right;
}
.check-out-right-part .form-line .form-control {
width: 100%;
float: left;
border: none;
border-bottom: 1px solid #d52475;
height: 40px;
background: none;
box-shadow: none;
border-radius: 0;
font-weight: normal;
padding-left: 0px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.country-part {
position: relative;
}
.country-part i {
position: absolute;
top: 15px;
right: 10px;
}
.address-part {
margin-top: 20px;
}
.address-part .check-sec {
width: 50%;
float: left;
}
.address-part .check-sec .control {
font-weight: normal;
}
.input-aa .control--checkbox .control__indicator {
background: #fff;
border: 2px solid #ddd;
}
.input-aa .control--checkbox .control__indicator::after {
width: 7px;
height: 12px;
border-top: 3px solid #cf2573;
border-left: 3px solid #cf2573;
background: none;
transform: rotate(-130deg);
top: 1px;
left: 5px;
}
.input-aa .control--checkbox.control input:checked ~ .control__indicator {
background: #fff;
border: 2px solid #ddd;
}
.term-and-condition-part {
margin-top: 20px;
}
.term-and-condition-part-one {
width: 100%;
float: left;
margin-bottom: 15px;
}
.input-aa {
width: 40px;
float: left;
}
.term-and-condition-part-text {
width: calc(100% - 40px);
float: left;
text-align: left;
font-size: 14px;
}
.term-and-condition-part-text p {
font-size: 14px;
margin: 0;
font-weight: 700;
word-spacing: 3px;
}
.check-out-button .button1 {
background: linear-gradient(to bottom, rgba(246,196,134,1) 0%, rgba(238,151,42,1) 100%);
}
.check-out-button .button1 i {
margin-left: 15px;
}
.check-out-bread {
margin-top: -50px;
display: inline-block;
}
.check-out-button {
width: 100%;
float: left;
}
.your-address-main {
padding-top: 20px;
padding-bottom: 80px;
}
.your-address-part {
margin-top: 10px;
}
.your-address-sec {
padding-top: 15px;
}
.input-five {
width: 40px;
float: left;
}
.your-input-text {
width: calc(100% - 40px);
float: left;
margin-top: 2px;
}
.input-five .control--checkbox .control__indicator {
background: none;
border: 1px solid #000;
}
.input-five .control--checkbox.control input:checked ~ .control__indicator {
background: none;
border: 1px solid #000;
}
.input-five .control--checkbox .control__indicator::after {
width: 6px;
height: 12px;
border-top: 3px solid #cf2573;
border-left: 3px solid #cf2573;
background: none;
transform: rotate(-130deg);
top: 2px;
left: 6px;
}
.your-address-left-part .login-part-sec {
width: 91.66666667%;
max-width: 100%;
margin: 0;
float: left;
}
.your-address-left-part .login-part-sec h2 {
font-size: 24px;
}
.address-person {
margin-top: 40px;
}
.person-box {
width: 50%;
border: 1px solid #ddd;
min-width: 290px;
padding: 10px;
padding-left: 20px;
}
.person-box p {
margin-bottom: 5px;
}
.your-address-main .login-part-sec {
padding-top: 30px;
}
.your-address-main .address-person-1 {
margin: 0;
max-width: 100%;
width: 91.66666667%;
float: right;
margin-top: 40px;
}
.your-address-main .form-sec {
padding-top: 20px;
padding-bottom: 20px;
}
.your-add-button {
width: 250px;
color: #fff;
padding: 10px;
font-size: 18px;
letter-spacing: 1px;
}
.opacity {
opacity: 0.2;
}
.slider-right-part-one {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.slider-right-part-one-left {
width: 120px;
float: left;
}
.slider-right-part-one-right {
width: calc(100% - 120px);
float: left;
}
.slider-right-part-one-right p {
margin-bottom: 0px;
}
.slider-right-part-one-right h4 {
margin-bottom: 5px;
}
.image-s-part {
padding-top: 33px;
}
.slider-right-part-two {
width: 100%;
float: left;
padding: 15px 0 15px 0;
border-bottom: 1px solid #ddd;
}
.slider-right-part-two-left {
width: 100px;
float: left;
font-weight: 700;
}
.slider-right-part-two-right {
width: calc(100% - 100px);
float: left;
text-align: left;
line-height: 22px;
position: relative;
}
.down-arrow-2 {
width: 10px;
height: 10px;
border-right: 2px solid #d52475;
border-bottom: 2px solid #d52475;
display: inline-block;
transform: rotate(45deg);
position: absolute;
top: 0;
right: 0;
cursor: pointer;
}
.slider-right-part-three {
width: 100%;
float: left;
padding: 15px 0;
}
.slider-right-part-three-left {
width: 100px;
float: left;
padding-top: 6px;
}
.slider-right-part-three-left h3 {
font-size: 16px;
font-weight: 700;
margin: 0;
}
.slider-right-part-three-left p {
color: #8d8c8c;
margin-top: 3px;
margin-bottom: 0;
font-size: 12px;
}
.slider-right-part-three-right {
width: calc(100% - 100px);
float: left;
text-align: left;
padding-right: 20px;
}
.slider-right-part-three-right p {
margin: 0;
}
.choose-lense-button {
width: 100%;
float: left;
background: linear-gradient(to bottom, rgba(246,220,157,1) 0%, rgba(240,194,79,1) 100%);
border: 1px solid #ddd;
text-align: center;
font-weight: 700;
font-size: 18px;
padding: 7px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
}
.slider-right-part-three-right div {
width: 100%;
float: left;
}
.buy-frame-only {
text-align: center;
font-weight: 700;
font-size: 18px;
padding: 7px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
border: 1px solid #ee972a;
}
.slider-right-part-four {
width: 100%;
float: left;
padding: 30px 0;
position: relative;
border-top: 1px solid #ddd;
padding-bottom: 15px;
border-bottom: 1px solid #ddd;
}
.or-part {
width: 30px;
height: 30px;
border-radius: 50%;
background: #ddd;
text-align: center;
line-height: 30px;
position: absolute;
top: -15px;
left: 50%;
transform: translateX(-50%);
}
.slider-right-part-four-left {
width: 100px;
float: left;
padding-top: 20px;
}
.slider-right-part-four-left h3 {
font-size: 16px;
font-weight: 700;
margin: 0;
}
.slider-right-part-four-left p {
margin: 0;
font-size: 10px;
color: #8d8c8c;
margin-top: 5px;
}
.slider-right-part-four-right {
width: calc(100% - 100px);
float: left;
}
.slider-right-part-four-right p {
margin: 0;
}
.try-on-home-button {
background: linear-gradient(to bottom, rgba(246,196,134,1) 0%, rgba(238,151,42,1) 100%);
border: 1px solid #ddd;
text-align: center;
font-weight: 700;
font-size: 18px;
padding: 7px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
}
.slider-right-part-five {
width: 100%;
float: left;
padding: 15px 0;
}
.slider-right-part-five-left {
width: 50%;
float: left;
text-align: center;
padding: 0 10px;
}
.Try-On-Virtually img {
display: inline-block;
float: left;
}
.Try-On-Virtually p {
display: inline-block;
float: left;
padding-left: 15px;
margin: 0;
}
.slider-right-part-five-right {
width: 50%;
float: left;
text-align: center;
padding: 0 10px;
}
.Buy-from-Our {
background: #ddd;
border: 1px solid #ef9e38;
text-align: center;
font-weight: 700;
font-size: 14px;
padding: 10px 20px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
float: left;
height: 65px;
}
.Buy-from-Our img {
display: inline-block;
float: left;
}
.Buy-from-Our p {
display: inline-block;
float: left;
padding-left: 15px;
margin: 0;
}
.Try-On-Virtually {
background: #ddd;
border: 1px solid #ef9e38;
text-align: center;
font-weight: 700;
font-size: 14px;
padding: 10px 20px;
border-radius: 3px;
margin-top: 10px;
margin-bottom: 10px;
width: 100%;
float: left;
height: 65px;
padding-top: 20px;
}
.single-slider-part {
border-bottom: 2px solid #ddd;
}
.avilabel-color {
margin-top: 3px;
background: linear-gradient(to bottom, rgba(251,251,251,1) 50%, rgba(202,202,202,1) 100%);
padding: 20px 15px;
margin-bottom: 5px;
}
.avilabel-color h3 {
font-size: 20px;
font-weight: 700;
}
.goggles-box-two {
width: calc(12.5% - 10px);
float: left;
border: 1px solid #ddd;
margin: 0 5px;
text-align: center;
min-width: 70px;
position: relative;
box-shadow: 0px 0px 5px rgba(0,0,0,0.10);
background: #fff;
transition: 0.2s ease;
}
.goggles-box-two img {
width: 100%;
}
.goggles-hover-box {
display: none;
position: absolute;
z-index: 1;
left: 100%;
top: 60px;
width: 170px;
background: #fff;
text-align: left;
padding: 10px;
border: 1px solid #737272;
box-shadow: 3px 0px 13px rgba(0,0,0,.30);
transition: 0.2s ease;
}
.goggles-box-two:hover {
border: 1px solid #737272;
}
.goggles-box-two:hover .goggles-hover-box {
display: block;
}
.goggles-hover-box p {
margin-bottom: 3px;
}
.property-dimension h2 {
margin: 0;
padding: 12px;
padding-left: 20px;
color: #fff;
background: #1bbc9b;
font-size: 26px;
margin-bottom: 30px;
}
.dimension-box-part {
padding-bottom: 20px;
}
.dimension-box-part-right p {
font-size: 16px;
}
.dimension-box-part-right p span {
width: 150px;
display: inline-block;
color: #202020;
font-weight: 700;
}
.produt-description {
line-height: 22px;
padding-top: 20px;
padding-bottom: 25px;
}
.produt-description h3 {
font-weight: 700;
}
.product-review-part {
border-top: 2px solid #ddd;
padding-bottom: 15px;
border-bottom: 2px solid #ddd;
}
.product-review-part h3 {
font-weight: 700;
margin-bottom: 30px;
}
.recent-this {
display: inline-block;
float: right;
font-weight: normal;
font-size: 14px;
border: 1px solid #d52475;
padding: 10px 20px 10px 10px;
border-radius: 3px;
position: relative;
}
.recent-this i {
position: absolute;
top: 7px;
right: 7px;
}
.review-box {
background: #edecec;
padding: 15px 30px;
margin-bottom: 5px;
}
.write-review-part {
text-align: right;
padding: 10px 15px;
}
.write-review-part p {
display: inline-block;
margin-right: 10px;
}
.write-review-part img {
display: inline-block;
margin-right: 10px;
}
.write-review-part span {
display: inline-block;
margin-right: 10px;
}
.write-review-part .write-button {
display: inline-block;
background: linear-gradient(to bottom, rgba(238,246,249,1) 0%, rgba(189,198,205,1) 100%);
padding: 7px 35px;
border: 1px solid;
border-radius: 3px;
font-weight: 700;
color: #202020;
}
.product-slider-one .flexslidersimple .slides > li div {
text-align: center;
}
.product-slider-one .flexslidersimple .slides > li div h4 {
font-weight: 700;
margin-bottom: 0;
}
.product-slider-one .flexslidersimple .slides > li div p {
text-decoration: line-through;
color: #8d8c8c;
}
.product-slider-one {
border-bottom: 2px solid #ddd;
}
.answer-part .serch-part {
border: 1px solid #a2a2a2;
height: 40px;
border-radius: 5px;
overflow: hidden;
margin-top: 15px;
}
.answer-part i {
font-size: 20px;
width: 50px;
text-align: center;
height: 40px;
line-height: 40px;
float: left;
}
.answer-part input[type="text"] {
height: 36px;
margin: 0;
width: calc(100% - 50px);
float: left;
border: none;
}
.q-a-part {
margin-top: 30px;
}
.qeustion-box {
width: 100%;
float: left;
margin-bottom: 20px;
}
.q-a-part-left-one {
width: 70px;
float: left;
text-align: center;
}
.q-text {
width: 100%;
float: left;
position: relative;
padding-top: 20px;
}
.q-a-part-left-two span {
width: 80px;
display: inline-block;
float: left;
color: #202020;
font-weight: 700;
}
.q-a-part-left-two {
width: calc(100% - 70px);
float: left;
border-left: 1px solid #adabab;
padding-left: 10px;
}
.up-one-arrow {
position: absolute;
top: -5px;
left: 50%;
transform: translateX(-50%);
}
.down-one-arrow {
position: absolute;
bottom: -25px;
left: 50%;
transform: translateX(-50%);
}
.blue {
color: #0066c0;
}
.q-a-part-left-two div {
width: 100%;
float: left;
}
.q-a-part-left-two div span {
width: 80px;
float: left;
}
.q-a-part-left-two div p {
width: calc(100% - 80px);
float: left;
}
.answer-part {
padding-bottom: 10px;
border-bottom: 2px solid #ddd;
margin-bottom: 20px;
}
.product-slider-two {
margin-bottom: 20px;
}
.productslider .flex-control-nav {
display: block;
}
.productslider .flex-control-nav {
display: block;
overflow: visible;
width: 100%;
float: left;
text-align: center;
margin-top: 100px;
}
.productslider .flex-control-thumbs li {
width: calc(80px - 10px);
box-shadow: 0px 2px 3px rgba(0,0,0,0.10);
margin: 0 5px;
border-radius: 3px;
border: 1px solid #ddd;
height: 50px;
}
.productslider a.flex-prev {
border-radius: 50%;
background: none;
text-align: center;
line-height: 14px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
}
.productslider a.flex-prev:after {
content: "";
width: 12px;
height: 12px;
border-top: 2px solid #202020;
display: inline-block;
border-right: 2px solid #202020;
transform: rotate(-130deg);
margin-bottom: 0px;
margin-left: 4px;
}
.productslider a.flex-next {
border-radius: 50%;
background: none;
text-align: center;
line-height: 14px;
box-shadow: 0px 0px 5px rgba(0,0,0,0.20);
right: 20px;
}
.productslider a.flex-next:after {
content: "";
width: 12px;
height: 12px;
border-top: 2px solid #202020;
display: inline-block;
border-right: 2px solid #202020;
transform: rotate(45deg);
margin-bottom: 0px;
margin-right: 4px;
}
.productslider:hover .flex-direction-nav .flex-next {
right: 20px !important;
}
.slider-one {
position: relative;
}
.heart {
color: #d52475;
position: absolute;
top: 10px;
left: 20px;
font-size: 24px;
cursor: pointer;
}
.account-this {
display: inline-block;
position: relative;
margin-right: 5px;
font-weight: 550;
}
.email {
position: absolute;
top: 100%;
right: 0;
font-weight: normal;
font-size: 10px;
}
.title-review {
margin-top: 30px;
}
.title-review p {
width: 30%;
float: left;
}
.title-review input {
width: 70%;
float: left;
border: 1px solid #d0d0d0;
height: 35px;
border-radius: 3px;
padding-left: 10px;
}
.textarea-review {
margin-top: 20px;
}
.textarea-text textarea {
width: 100%;
max-width: 100%;
height: 200px;
border: 1px solid #d0d0d0;
border-radius: 3px;
padding: 15px;
}
.please-rate-box {
width: 300px;
float: right;
text-align: left;
padding-top: 30px;
}
.please-rate-box p {
font-size: 18px;
}
.star-img-part {
display: inline-block;
float: left;
}
.please-rate-box span {
display: inline-block;
float: left;
margin-top: 13px;
font-size: 12px;
margin-left: 10px;
}
.detail-rating {
margin-top: 30px;
}
.detail-rating-left h4 {
margin-bottom: 30px;
}
.detail-rating-sec {
margin-bottom: 20px;
}
.detail-rating-sec p {
margin-top: 10px;
margin-bottom: 0;
}
.star-part {
text-align: right;
}
.detail-rating-right-box {
width: 100%;
float: left;
padding-top: 80px;
color: #4c4c4c;
}
.submit-three {
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
border: 1px solid #ddd;
width: 200px;
padding: 10px;
float: right;
margin-right: 50px;
font-weight: 700;
font-size: 18px;
border-radius: 3px;
}
.f-width {
width: 125px;
display: inline-block;
}
.person-box-2 {
width: 40%;
}
.edit-part {
margin-top: 30px;
border: 1px solid #ddd;
border-radius: 5px;
padding: 0 15px;
}
.edit-sec {
border-bottom: 1px solid #ddd;
padding: 5px 15px;
}
.edit-left h4 {
font-weight: 700;
}
.edit-right {
text-align: right;
padding-top: 22px;
}
.edit-button {
width: 125px;
background: linear-gradient(to bottom, rgba(251,251,251,1) 57%, rgba(202,202,202,1) 100%);
border: 1px solid #ddd;
border-radius: 3px;
padding: 7px;
font-weight: 700;
}
.done-part {
margin-top: 30px;
}
.done {
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
border: 1px solid #ddd;
border-radius: 3px;
font-size: 18px;
font-weight: 700;
width: 125px;
padding: 7px;
}
.map-part {
margin-top: 20px;
}
.map-part img {
width: 100%;
}
.map-part p {
text-align: right;
padding-right: 20px;
padding-top: 10px;
}
.map-part p span {
color: #f75448;
}
.four-shop {
text-align: center;
}
.four-shop h2 {
margin-bottom: 50px;
}
.four-shop-sec {
margin-bottom: 20px;
}
.four-shop-box {
border: 1px solid rgba(219, 10, 141,0.4);
margin: 0 10px;
width: calc(25% - 20px);
padding: 0;
box-shadow: 0px 0px 5px rgba(219, 10, 141,0.2);
padding-bottom: 15px;
}
.four-img-box {
height: 165px;
position: relative;
}
.four-img-box img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.four-text-part {
border-top: 1px solid #ddd;
text-align: left;
padding-left: 15px;
}
.order-store {
background: #1bbc9b;
width: auto;
display: inline-block;
color: #fff;
padding: 7px 10px;
border-radius: 3px;
}
.order-store i {
margin-right: 10px;
}
.bur-breadcrumb {
margin-bottom: 30px;
}
.buy-shop {
padding-bottom: 30px;
}
.available-balance {
border: 1px solid #ddd;
margin-top: 30px;
padding: 20px 30px;
padding-top: 35px;
}
.available-balance h4 {
font-weight: 700;
}
.available-balance h2 {
color: #4cb71a;
font-size: 35px;
}
.avilable-right {
text-align: right;
}
.avilable-right p {
color: #1bbc9b;
}
.add-funds {
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
display: inline-block;
padding: 10px 40px;
font-size: 18px;
font-weight: 700;
border-radius: 3px;
border: 1px solid #ddd;
}
.ewallet-table {
margin-top: 50px;
border-radius: 5px;
border: 1px solid #ddd;
}
.ewallet-table .table {
margin-bottom: 0;
}
.ewallet-table .table thead {
background: #f8f9f9;
}
.ewallet-table .table>thead>tr>th {
padding: 20px 10px;
border-bottom: 1px solid #ddd;
}
.ewallet-table .table>tbody>tr>td {
padding: 20px 10px;
background: none;
}
.l-green {
color: #4cb71a;
}
.open-arrow {
position: relative;
}
.open-arrow i {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.ewallet-main {
padding-bottom: 30px;
}
.card-detail h4 {
margin-top: 30px;
}
.card-name-part {
margin-top: 30px;
}
.card-name-first {
margin-bottom: 20px;
}
.card-name-second {
border: 1px solid #ddd;
border-radius: 5px 5px 0px 0px;
background: #f8f9f9;
padding: 5px 15px;
}
.card-name-second-left img {
display: inline-block;
float: left;
margin-right: 10px;
margin-top: 6px;
}
.card-name-second h4 {
font-size: 14px;
position: relative;
}
.card-name-third {
border: 1px solid #ddd;
border-radius: 0px 0px 5px 5px;
border-top: none;
padding: 30px 15px;
padding-bottom: 10px;
}
.card-name-third-right {
text-align: right;
float: right;
}
.checkline {
width: auto;
float: right;
text-align: right;
margin-top: 15px;
}
.checkline .save-card {
width: 100%;
float: left;
text-align: right;
}
.checkline .save-cart-input {
float: left;
}
.checkline .save-card p {
display: inline-block;
float: left;
color: #8d8c8c;
margin-bottom: 0;
margin-top: 3px;
}
.card-name-second h4 i {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
}
.pay-h4 {
margin-bottom: 30px;
}
.pay-credit {
text-align: right;
padding-right: 50px;
}
.my-account .order-detail-bread {
padding: 0;
}
.my-account .order-detail-bread span {
margin: 0;
margin-left: 10px;
}
.shipping-part {
margin-top: 30px;
border: 1px solid #ddd;
border-radius: 3px;
padding: 15px 30px;
margin-bottom: 30px;
}
.name-h4 {
margin-bottom: 20px;
}
.shipping-add p {
margin-bottom: 3px;
}
.payment-methods img {
display: inline-block;
float: left;
margin-right: 10px;
}
.fix-span-this {
width: 270px;
display: inline-block;
}
.view-order .cart-one {
border: 1px solid #ddd;
border-radius: 3px;
padding: 30px 15px;
margin-top: 15px;
}
.view-order .Prescription h4 {
font-size: 14px;
}
.view-order .Selection-Details h4 {
font-size: 14px;
}
.order-status {
width: 100%;
float: left;
padding-left: 15px;
}
.order-status p {
margin-bottom: 5px;
}
.awailibilty {
background: #f69537;
color: #fff;
border: 1px solid #ddd;
padding: 5px 30px;
border-radius: 3px;
}
.sold {
width: 100%;
float: left;
margin-top: 20px;
padding-left: 15px;
}
.view-order .quntity {
text-align: center;
}
.free-ship {
background: #e8e5e5;
padding: 7px;
border: 1px solid #ddd;
margin-right: 15px;
}
.free-ship p {
margin-bottom: 3px;
font-size: 12px;
}
.information-part {
margin-top: 30px;
}
.information-part-one-main {
border: 1px solid #ddd;
border-radius: 3px;
margin-top: 20px;
padding: 15px;
height: 170px;
}
.information-part-one-main-left img {
float: left;
margin-right: 10px;
}
.information-part-one-main-right p {
margin-bottom: 3px;
}
.information-part-two-main {
margin-top: 20px;
border: 1px solid #ddd;
padding: 15px 30px;
height: 170px;
border-radius: 3px;
}
.information-part-two-main p {
margin-bottom: 3px;
}
.information-part-two-main span {
display: inline-block;margin-right: 10px;
}
.information-part-one {
width: calc(50% - 40px);
margin-right: 20px;
}
.information-part-two {
margin-left: 20px;
}
.order-summery {
border: 1px solid #d52475;
margin-top: 30px;
padding: 20px;
}
.order-summery-left h4 {
padding-top: 50px;
}
.view-bread {
padding: 50px 0;
width: 100%;
float: left;
}
.line-dyagram {
padding: 50px 15px;
text-align: center;
}
.line-circle-this {
width: 70px;
height: 70px;
display: inline-block;
background: #4cb71a;
border-radius: 50%;
color: #fff;
font-size: 35px;
position: relative;
}
.line-circle-this i {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.line-circle-text p {
display: inline-block;
width: 100px;
margin-top: 15px;
text-align: center;
}
.line-circle-this span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.line-circle-this-2 {
background: #fff;
color: #000;
font-weight: 700;
border: 2px solid #ddd;
}
.l-one:after {
content: "";
width: 145px;
height: 4px;
background: #4CB71A;
position: absolute;
right: -150px;
top: 50%;
transform: translateY(-50%);
}
.l-two:before {
content: "";
width: 100px;
height: 4px;
background: #4CB71A;
position: absolute;
left: -105px;
top: 50%;
transform: translateY(-50%);
}
.l-two:after {
content: "";
width: 70px;
height: 4px;
background: #4CB71A;
position: absolute;
right: -75px;
top: 50%;
transform: translateY(-50%);
z-index: 11;
}
.l-three:before {
content: "";
width: 110px;
height: 4px;
background: #ddd;
position: absolute;
left: -117px;
top: 50%;
transform: translateY(-50%);
}
.l-three:after {
content: "";
width: 100px;
height: 4px;
background: #ddd;
position: absolute;
right: -107px;
top: 50%;
transform: translateY(-50%);
}
.l-four:before {
content: "";
width: 150px;
height: 4px;
background: #ddd;
position: absolute;
left: -157px;
top: 50%;
transform: translateY(-50%);
}
.line-circle-box {
width: 100%;
float: left;
}
.line-circle-text {
width: 100%;
float: left;
}
.line-circle-box-one {
text-align: left;
}
.l-one {
margin-left: 15px;
}
.l-four {
margin-right: 15px;
}
.line-circle-box-four {
text-align: right;
}
.line-circle-box-three p {
width: 130px;
}
.tour-pack-part {
border: 1px solid #ddd;
border-radius: 5px;
padding-top: 0;
overflow: hidden;
height: 355px;
}
.tour-pack-part h3 {
text-align: center;
background: #1f2c33;
color: #fff;
font-weight: 100;
font-size: 18px;
padding: 5px;
margin-top: 0;
margin-bottom: 0;
}
.tour-pack-part-sec {
width: 100%;
float: left;
padding: 50px 15px;
padding-bottom: 20px;
}
.toue-one {
margin-bottom: 25px;
}
.tour-pack-part-right {
padding-left: 30px;
}
.tour-circle {
width: 10px;
height: 10px;
border-radius: 50%;
display: inline-block;
background: #4cb71a;
margin-right: 30px;
position: relative;
}
.tour-pack-part-right p img {
margin-left: -5px;
width: 20px;
margin-right: 25px;
z-index: 11;
position: relative;
}
.tour-pack-part-right .only-p {
margin-bottom: 50px;
}
.tour-circle-one:before {
content: "";
position: absolute;
width: 2px;
height: 50px;
border-left: 1px dashed #4CB71A;
left: 50%;
transform: translateX(-50%);
top: -52px;
}
.tour-circle-one:after {
content: "";
position: absolute;
width: 2px;
height: 30px;
border-left: 1px dashed #4CB71A;
left: 50%;
transform: translateX(-50%);
top: 12px;
}
.tour-circle-two:before {
content: "";
position: absolute;
width: 2px;
height: 30px;
border-left: 1px dashed #4CB71A;
left: 50%;
transform: translateX(-50%);
top: 12px;
}
.tour-circle-two:after {
content: "";
}
.tour-circle-three:before {
content: "";
position: absolute;
width: 2px;
height: 30px;
border-left: 1px dashed #4CB71A;
left: 50%;
transform: translateX(-50%);
top: 12px;
}
.tour-circle-three:after {
content: "";
}
.tour-circle-foue:before {
content: "";
}
.track-information-part {
margin-top: 20px;
}
.tour-order-details {
border: 1px solid #ddd;
border-radius: 3px;
width: calc(41.6666667% - 30px);
margin-left: 15px;
border-left: 4px solid #D52475;
padding: 15px;
padding-bottom: 0;
border-bottom: none;
height: 355px;
}
.tour-order-details h2 {
margin-top: 0;
margin-bottom: 20px;
padding-left: 15px;
}
.detail-line {
border-bottom: 1px solid #ddd;
padding: 10px 15px;
}
.detail-line p {
margin-bottom: 0;
}
.fic-span-detail {
width: 145px;
display: inline-block;
vertical-align: top;
font-weight: 700;
}
.add-span {
display: inline-block;
width: calc(100% - 145px);
}
.tour-pack-part-right p {
margin-bottom: 25px;
}
.track-information {
margin-bottom: 50px;
}
.order-tab {
border-bottom: 1px solid #ddd;
margin-top: 30px;
font-size: 20px;
margin-bottom: 30px;
padding-left: 20px;
}
.order-tab-s1 {
width: 125px;
display: inline-block;
text-align: center;
font-weight: 700;
border-bottom: 5px solid #f0c455;
padding-bottom: 10px;
margin-right: 20px;
}
.order-tab-s2 {
display: inline-block;
color: #909090;
}
.order-box {
border: 1px solid #ddd;
border-radius: 3px;
width: 100%;
float: left;
}
.order-head {
border-bottom: 1px solid #ddd;
background: #f8f9f9;
padding: 15px 15px;
}
.order-head-name h4 {
font-size: 16px;
font-weight: 700;
margin: 0;
margin-bottom: 5px;
}
.order-head-name p {
margin: 0;
}
.oreder-detail {
padding: 35px 15px;
}
.order-detail-box {
margin-bottom: 50px;
}
.order-img-box {
width: 200px;
float: left;
}
.order-img-box img {
width: 100%;
}
.order-detail-sec {
width: calc(100% - 220px);
margin-left: 20px;
float: left;
}
.green-button {
background: #6eb038;
border: 1px solid #ddd;
padding: 7px 35px;
border-radius: 3px;
color: #fff;
width: 200px;
}
.orange-button {
background: #f69537;
border: 1px solid #ddd;
padding: 7px 35px;
border-radius: 3px;
color: #fff;
width: 200px;
}
.order-detail-sec p {
margin-bottom: 5px;
}
.button-box {
width: 100%;
float: right;
padding-right: 50px;
}
.order-button {
width: 200px;
font-size: 14px;
padding: 10px;
text-align: center;
color: #000;
float: right;
margin-bottom: 10px;
border: 1px solid #ddd;
}
.order-detail-box-two {
margin-bottom: 0;
}
.order-part {
width: 100%;
float: left;
}
.order-button-two {
background: linear-gradient(to bottom, rgba(246,196,134,1) 0%, rgba(238,151,42,1) 100%);
}
.pres-table .buton-group {
float: right;
}
.pres-table {
margin-top: 0;
}
.this-h3 {
margin-top: 40px;
}
.pre-sec {
width: 100%;
float: left;
margin-top: 30px;
border: 1px solid #ddd;
border-radius: 3px;
padding: 30px 15px;
}
.pre-second {
width: calc(20% - 10px);
}
.pre-sec .Prescription-two-circle {
margin-right: 85px;
}
.pre-sec .Prescription-two-part-left {
width: 100px;
font-weight: normal;
}
.pre-sec .Prescription-two-part-right {
width: calc(100% - 100px);
}
.pre-sec .Prescription-two-dpt {
padding: 10px 0;
font-size: 16px;
}
.pre-sec .Prescription-header {
height: 50px;
}
.date {
display: inline-block;
float: right;
}
.new-part {
margin-top: 20px;
}
.notes {
display: inline-block;
float: left;
margin-left: 50px;
}
.pre-three {
width: calc(14.285714% - 10px);
}
.pre-sec-two .Prescription-two-circle {
margin-right: 20px;
}
.cat-box h3 {
margin: 0;
font-size: 20px;
}
.cat-box p {
margin: 0;
}
.range-box .ui-corner-all {
height: 3px;
background: #F0A23F;
border: none;
}
.range-box .ui-slider-range {
background: #d52475;
}
.range-box a.ui-slider-handle {
height: 15px;
border-radius: 50%;
width: 15px;
border: 2px solid #d52475;
background: #fff;
}
.range-box {
margin-top: 30px;
}
.range-box p {
margin-top: 30px;
}
.range-i-l {
text-align: center;
border: 1px solid #a0a0a0;
padding: 5px 9px;
width: 70px;
border-radius: 3px;
font-weight: 700;
float: left;
}
.range-i-r {
text-align: center;
border: 1px solid #a0a0a0;
padding: 5px 9px;
width: 70px;
border-radius: 3px;
font-weight: 700;
float: right;
}
.d-n {
opacity: 0;
width: 100%;
position: absolute;
top: 35px;
transition: 0.3s ease;
}
.sell-box:hover .d-b {
opacity: 0;
}
.sell-box:hover .d-n {
opacity: 1;
display: block;
}
textarea.grey-text {
max-width: 100%;
width: 100%;
height: 150px;
max-height: 100px;
background: #f5f5f5;
border: 1px solid #ddd;
margin-top: 20px;
}
.form-submit .button1 {
margin-top: 20px;
width: 100%;
}
.person-box-c {
width: 100%;
border: none;
}
.bottom-sec-2 {
padding-top: 30px;
}
.bottom-sec-2 .login-sec {
text-align: right;
}
.Account-circle-part {
display: inline-block;
text-align: center;
margin-right: 20px;
}
.Account-circle {
width: 55px;
height: 55px;
background: #fff;
border-radius: 50%;
overflow: hidden;
display: inline-block;
}
.log0ut-button {
display: inline-block;
vertical-align: top;
background: #ed0641;
color: #fff;
border: 1px solid #fff;
padding: 5px 15px;
margin-top: 20px;
}
.bottom-sec-2 .logo-sec {
padding-top: 20px;
}
.manage-shop-main {
padding-top: 0;
padding-bottom: 20px;
}
.manage-shop-main .my-account {
margin: 0;
}
.manage-shop-main .my-account h1 {
margin: 0;
}
.manage-shop-main .my-account h1 span {
padding: 0;
}
.manage-shop-main-part {
margin-top: 20px;
}
.manage-shop-main-part-left {
border: 2px solid #ddd;
border-radius: 5px;
height: 950px;
}
.m-1, .m-2, .m-3, .m-4, .m-5 {
padding: 10px 0;
}
.manage-shop-main-part-left h4 {
margin: 0;
margin-top: 10px;
margin-bottom: 7px;
color: #666;
padding: 0 15px;
font-weight: 700;
}
.manage-shop-main-part-left p {
margin: 0;
color: #666;
padding: 5px 15px;
border-bottom: 1px solid #eaeaea;
}
.m-5 {
padding: 0;
padding-bottom: 30px;
}
.m-5 .m-main {
padding-top: 20px;
}
.manage-shop-main-part-right {
width: calc(75% - 15px);
margin-left: 15px;
border: 2px solid #ddd;
border-radius: 5px;
padding: 15px 30px;
height: 950px;
}
.m-r-1 h3 {
margin-top: 0;
margin-bottom: 25px;
}
.m-r-tab {
display: inline-block;
float: left;
padding: 0 20px 10px;
color: #666;
}
.m-r-tabs {
border-bottom: 1px solid #ddd;
}
.manage-shop-main-part .login-part-sec {
padding-top: 0;
}
.login-part-sec .shop-seo p {
margin-bottom: 0;
}
.login-part-sec .shop-seo .friend {
font-weight: normal;
font-size: 12px;
margin: 0;
margin-top: 5px;
}
.shop-seo .i-url input[type="text"] {
margin-bottom: 10px;
}
.shop-seo .i-url p {
text-align: left;
font-size: 12px;
font-weight: normal;
margin: 0;
font-style: italic;
}
.form-submit .Upload {
width: 200px;
float: left;
background: #156ce1;
border: none;
}
.form-submit .Upload img {
margin-right: 10px;
}
.form-submit-2 .button1 {
width: 250px;
float: left;
color: #444;
}
.empty-sec {
height: 700px;
}
.empty-part {
position: absolute;
bottom: 0;
right: 0;
text-align: center;
}
.empty-box {
padding: 30px 5px;
border: 1px solid #ddd;
border-bottom: 3px solid #ddd;
}
.empty-part p {
margin-top: 10px;
margin-bottom: 0;
}
.part-13 {
width: 100%;
float: left;
background: #00464f;
color: #fc86bc;
border-bottom: 1px solid #fc86bc;
padding: 50px 0;
}
.part-13-box {
width: 20%;
float: left;
text-align: center;
}
.part-13-box p {
margin: 0;
}
.last-footer-2 {
background: #00464f;
color: #fff;
}
.last-footer-2 i {
color: #fc86bc;
}
.last-footer-2 a {
color: #fc86bc;
}
.seller .Account-circle-part {
width: auto;
float: none;
}
.login-button-s {
border: 2px solid #D52475;
border-radius: 3px;
padding: 10px 30px;
font-weight: 700;
}
.seller .Account-circle-part .button1 {
width: 200px;
font-weight: normal;
letter-spacing: 0;
}
.seller-banner {
background-image: url(../images/seller-banner.jpg);
width: 100%;
float: left;
height: 450px;
background-repeat: no-repeat;
background-size: cover;
position: relative;
color: #fff;
}
.seller-banner:before {
content: "";
background: rgba(99,59,103,0.4);
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.seller-home {
background-image: url("../images/seller-home_banner.jpg");
}
.seller-home:before {
background: rgba(99,59,103,0.2);
}
.seller-banner-text {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
font-weight: 700;
width: 85%;
text-shadow: 1px 3px 0px rgba(0,0,0,0.2);
}
.seller-banner-text h2 {
font-size: 40px;
font-weight: 700;
margin-bottom: 20px;
}
.seller-banner-text p {
font-size: 32px;
font-weight: 500;
}
.seller-proof {
width: calc(100% - 50px);
margin: 0 25px;
margin-top: 30px;
padding: 40px 60px;
height: auto;
}
.seller-proof .m-r-tabs {
padding-top: 20px;
}
.seller-proof .m-r-tab {
width: 25%;
text-align: center;
font-size: 20px;
padding-bottom: 25px;
}
.sell-tab-two {
border-bottom: 3px solid #d52475;
}
.seller-proof-profile-part {
padding-top: 20px;
}
.p-one {
font-size: 18px;
}
.orange {
color: #a80303;
}
.p-one .orange {
font-size: 14px;
}
.p-two {
font-size: 16px;
color: #888;
}
.seller-login .form-sec-2 {
max-width: 500px;
}
.ser-tax input[type="text"]::placeholder {
color: #cccbcb;
font-weight: 100;
}
.seller-login .i-url {
position: relative;
}
.i-url-link {
position: absolute;
left: 105%;
width: 100%;
top: 20px;
}
.com-certificate-left .friend {
font-size: 14px;
font-weight: 100;
white-space: pre-wrap;
line-height: 16px;
}
.upload-file {
width: calc(130px - 20px);
float: left;
text-align: center;
margin: 0 10px;
background: #f5f5f5;
padding: 15px;
border: 1px dashed #D52475;
}
.upload-file p {
font-size: 12px;
margin-bottom: 0;
}
.com-right p {
margin-top: 25px;
font-size: 20px;
}
.com-right span {
margin-left: 10px;
padding-bottom: 0px;
border-bottom: 2px solid #888;
}
.proof-notes-sec {
width: 100%;
float: left;
margin-top: 30px;
}
.proof-notes {
font-size: 12px;
font-style: italic;
}
.proof-notes .red {
display: inline-block;
margin-right: 10px;
font-weight: 700;
}
.proof-notes span {
display: inline-block;
color: #888;
}
.com-left .button1 {
margin-top: 30px;
float: left;
color: #525252;
}
.seller-proof .your-address-main {
padding-bottom: 0;
}
.your-address-main .seller-login {
width: 100%;
}
.add-more {
display: inline-block;
margin: 15px 0 0 10px;
width: 90px;
}
.add-more span {
margin-left: 5px;
}
.grow-part {
background: #002f36;
color: #fff;
text-align: center;
padding: 30px 15px;
}
.grow-part h2 {
margin: 0;
font-size: 24px;
}
.thanks-main-part {
height: 500px;
}
.thanks-part {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 95%;
}
.thanks-text-part h2 {
font-size: 35px;
color: #599414;
margin-bottom: 15px;
}
.thanks-text-part p.f700 {
font-size: 22px;
}
.thanks-text-part p {
font-size: 20px;
}
.grey-text-part {
color: #949494;
margin-top: 30px;
}
.redest {
color: #b3070b;
}
.cancle-part .redest {
color: #b3070b;
}
.cancle-part .grey-text-part {
color: #262626;
font-size: 16px;
}
/*.set-up-img-part {
background-image: url(../images/set-up-img.jpg);
height: 375px;
width: 100%;
float: left;
background-repeat: no-repeat;
background-size: 100%;
}*/
.set-up-img-part {
width: 100%;
float: left;
}
.set-up-img-part img {
width: 100%;
}
.set-up {
text-align: center;
padding: 50px 15px;
background: #F6F7FC;
}
.set-up p {
font-size: 18px;
color: #888;
}
.set-up h2 {
margin-top: 15px;
margin-bottom: 0;
}
.seller-home .login-button {
background: linear-gradient(to bottom, rgba(246,196,134,1) 0%, rgba(238,151,42,1) 100%);
font-size: 24px;
padding: 15px;
}
.seller-home .seller-banner-text {
width: 63%;
}
.login-button-s-2 {
display: inline-block;
margin-top: 15px;
}
.choose-main-part {
padding: 50px 15px;
}
.choose-head-part {
text-align: center;
}
.choose-head-part h2 {
margin-top: 0;
margin-bottom: 25px;
}
.month-year {
display: inline-block;
}
.month-year span {
display: inline-block;
font-size: 16px;
vertical-align: middle;
}
.month-tab {
display: inline-block;
margin: 0 20px;
}
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
.switch input {
opacity: 0;
width: 0;
height: 0;
}
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked + .slider {
background-color: #d52475;
}
input:focus + .slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked + .slider:before {
-webkit-transform: translateX(60px);
-ms-transform: translateX(60px);
transform: translateX(60px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
.month-tab .slider {
background: #f3f3f3;
border: 1px solid #ddd;
height: 25px;
width: 80px;
}
.month-tab .slider.round:before {
border-radius: 50%;
left: -5px;
bottom: -4px;
background: linear-gradient(to right, rgba(104,96,165,1) 0%, rgba(16,239,147,1) 100%);
width: 30px;
height: 30px;
border: 2px solid #b38098;
}
.month-tab .switch {
width: 80px;
}
.choose-sec {
margin-top: 50px;
}
.choose-box {
background: #f3f3f3;
border: 1px solid #ddd;
padding: 15px;
text-align: center;
border-radius: 5px;
position: relative;
float: left;
}
.choose-box h3 {
margin-top: 10px;
font-weight: 700;
font-size: 20px;
position: relative;
display: inline-block;
}
.choose-box h3 span {
display: inline-block;
margin-left: 5px;
font-size: 16px;
font-weight: 700;
}
.choose-box h3 p {
position: absolute;
top: -12px;
left: -30px;
font-size: 14px;
font-weight: normal;
display: inline-block;
color: #242424;
}
.choose-box p {
color: #666;
font-size: 12px;
}
.choose-sub-box {
background: linear-gradient(to bottom, rgba(239,73,111,1) 0%, rgba(81,99,174,1) 100%);
padding: 15px;
border-radius: 5px;
width: 100%;
float: left;
}
.head-choose {
height: 90px;
width: 100%;
float: left;
}
.choose-sub-box ul {
width: 100%;
float: left;
margin-top: 20px;
padding: 0;
list-style-type: none;
text-align: left;
color: #fff;
font-size: 12px;
}
.choose-sub-box ul li {
padding-left: 25px;
margin-bottom: 7px;
position: relative;
}
.choose-sub-box ul li span {
position: absolute;
top: 0;
left: 0;
}
.choose-button {
background: #fff;
border: none;
padding: 7px 15px;
border-radius: 25px;
font-weight: 700;
width: 140px;
}
.choose-active {
background: #10ef93;
color: #fff;
}
.choose-fav {
position: absolute;
top: 0;
left: 10px;
}
.recomm {
position: absolute;
top: -20px;
left: 10px;
}
.seller_mark .credit-butt {
width: 200px;
}
.seller_mark .choose-methode {
padding-top: 30px;
}
.seller_mark .verify-button {
width: 200px;
border: 1px solid #ddd;
font-size: 14px;
text-align: center;
color: #242424;
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
}
.sub-plan-details {
width: 300px;
float: right;
background: linear-gradient(to bottom, rgba(250,250,250,1) 60%, rgba(214,214,214,1) 100%);
padding: 15px;
border: 1px solid #ddd;
text-align: left;
}
.sub-plan-details h4 {
margin-top: 0;
padding-bottom: 15px;
border-bottom: 1px solid #d52475;
margin-bottom: 20px;
}
.sub-plan-details div {
margin-bottom: 10px;
float: left;
}
.s-7 {
width: 7px;
height: 7px;
display: inline-block;
float: left;
background: #d52475;
margin-top: 6px;
margin-right: 10px;
}
.s-8 {
display: inline-block;
float: left;
width: 125px;
margin-right: 20px;
}
.s-9 {
display: inline-block;
float: left;
}
.s-bus .login-part-sec {
width: 50%;
min-width: 450px;
}
.s-bus .label-2 {
text-align: left;
}
.email-sec input[type="text"]::placeholder {
color: #cccbcb;
font-weight: 100;
}
.email-sec-input {
position: relative;
}
.green-part {
position: absolute;
color: #15ad39;
font-weight: 100;
font-size: 12px;
left: 105%;
width: 100%;
top: 15px;
}
.green-part i {
display: inline-block;
float: left;
font-weight: 700;
font-size: 16px;
margin-right: 10px;
}
.green-part p {
font-size: 12px;
color: #15ad39;
display: inline-block;
margin: 0;
float: left;
}
.password-i {
position: relative;
}
.pass-note {
position: absolute;
background: #f8d7da;
border-radius: 10px;
border: 1px solid #f7b5bb;
width: 100%;
top: 15px;
left: 105%;
font-size: 14px;
padding: 5px 10px;
}
.pass-note p {
font-size: 12px;
margin: 0;
}
.s-buss-right .button1 {
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
color: #242424;
}
.store-head-one {
width: 100%;
float: left;
font-size: 16px;
}
.store-head-one .s-h-p {
float: left;
font-size: 20px;
}
.store-head-one p {
float: right;
display: inline-block;
}
.store-head-two {
width: 100%;
float: left;
}
.store-head-two div {
display: inline-block;
float: left;
}
.store-head-two p {
display: inline-block;
float: left;
color: #4cb71a;
}
.store-head-two p img {
margin-right: 10px;
}
.star-3 {
display: inline-block;
float: left;
margin: 0 10px;
}
.store-head-two .button-p {
float: right;
}
.back_to {
background: #1bbc9b;
border: none;
padding: 5px 15px;
color: #fff;
}
.back_to i {
margin-right: 10px;
}
.store-main {
background: #f3f3f3;
padding-bottom: 0;
}
.shop-owner {
padding: 50px 15px;
}
.shop-owner h4 {
font-size: 20px;
margin-bottom: 30px;
margin-top: 0;
padding: 0 15px;
}
.shop-owner-box {
background: #f7f7f7;
border: 1px solid #D52475;
border-radius: 3px;
padding: 15px;
height: 350px;
width: 100%;
float: left;
}
.shop-owner-line {
width: 100%;
float: left;
margin-bottom: 25px;
}
.shop-owner-line label {
width: 100px;
float: left;
}
.shop-detail {
width: calc(100% - 125px);
float: left;
margin-left: 25px;
}
.shop-detail h3 {
margin-top: 0;
font-size: 16px;
font-weight: 700;
}
.shop-detail h3 span {
font-weight: 100;
}
.shop-detail p {
font-size: 11px;
font-style: italic;
margin: 0;
}
.send {
background: linear-gradient(to bottom, rgba(246,219,157,1) 0%, rgba(240,194,79,1) 100%);
border: 1px solid #ddd;
border-radius: 3px;
padding: 7px 15px;
width: 100px;
font-weight: 700;
}
.shop-owner-line label span {
margin-left: 4px;
}
.shop-detail input[type="text"] {
width: 100%;
height: 32px;
border-radius: 3px;
border: 1px solid #bfbfbf;
background: #f7f7f7;
padding-left: 10px;
}
.shop-owner-box-2 {
background: #f1e1e0;
border: 1px solid #b7b5b5;
}
.shop-owner-line-2 {
width: 100%;
float: left;
margin-bottom: 20px;
}
.shop-owner-line-2 p {
width: 125px;
float: left;
font-size: 16px;
}
.shop-owner-line-2 span {
width: calc(100% - 150px);
margin-left: 25px;
float: left;
color: #656464;
font-size: 16px;
}
.seller-deshbord {
width: calc(75% - 15px);
margin-left: 15px;
border: 2px solid #ddd;
border-radius: 5px;
padding: 15px 30px;
height: 950px;
}
.s-d-box {
background: linear-gradient(to bottom, rgba(239,73,111,1) 0%, rgba(81,99,174,1) 100%);
color: #fff;
padding: 15px;
width: calc(50% - 30px);
margin-right: 30px;
border: 1px solid #fff;
outline: 1px solid #cecece;
float: left;
height: 120px;
margin-bottom: 20px;
}
.s-d-head {
width: 100%;
float: left;
}
.s-d-head p {
display: inline-block;
float: left;
width: 105px;
font-size: 20px;
}
.s-d-head span {
width: calc(100% - 105px);
float: left;
height: 1px;
background: #fff;
margin-top: 15px;
}
.s-d-text-part {
width: 100%;
float: left;
margin-top: 20px;
}
.s-d-text-part p {
display: inline-block;
float: left;
margin: 0;
margin-top: 5px;
}
.s-d-text-part span {
display: inline-block;
float: right;
font-size: 20px;
font-weight: 700;
}
.s-d-r-box {
width: calc(50% - 30px);
margin-left: 30px;
float: left;
background: linear-gradient(to bottom, rgba(107,192,115,1) 0%, rgba(16,157,143,1) 100%);
border: 1px solid #fff;
outline: 1px solid #cecece;
padding: 15px;
color: #fff;
height: 120px;
margin-bottom: 20px;
}
.s-d-r-box .s-d-head p {
width: 165px;
}
.s-d-r-box .s-d-head span {
width: calc(100% - 165px);
}
.s-d-text-part h4 {
margin: 0;
margin-top: -10px;
font-weight: 100;
}
.sdr-3 {
background: linear-gradient(to bottom, rgba(216,225,92,1) 0%, rgba(78,183,73,1) 100%);
}
.sdr-4 {
background: linear-gradient(to bottom, rgba(242,105,34,1) 0%, rgba(237,17,116,1) 100%);
}
.message-part {
background: #f8f8f8;
border-radius: 2px;
border: 1px solid #ddd;
padding: 45px;
padding-bottom: 15px;
}
.message-part h4 {
margin-top: 0;
margin-bottom: 15px;
}
.message-box {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
padding: 25px 0;
}
.message-left {
width: 100px;
float: left;
}
.message-right {
width: calc(100% - 100px);
float: left;
}
.message-right span {
font-size: 12px;
}
.message-right h4 {
margin-bottom: 10px;
font-size: 16px;
margin-top: 5px;
}
.message-right p {
color: #888;
}
.view-all-part {
width: 100%;
float: left;
}
.view-all-part h4 {
display: inline-block;
float: right;
margin: 0;
padding: 10px 0;
font-size: 14px;
font-weight: 700;
color: #4c4c4c;
}
.view-all-part i {
margin-left: 10px;
}
.p-d-2 h3 {
background: #1bbc9b;
color: #fff;
padding: 15px;
}
.p-d-2 p {
padding: 15px;
padding-bottom: 0;
}
.slider-right-part h3 {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-top: 0;
}
.slider-text-box {
padding: 20px 15px;
}
.slider-text-box .blue {
font-size: 12px;
}
.slider-text-box h4 {
margin-bottom: 4px;
}
.slider-text-box p {
color: #888;
padding-bottom: 30px;
margin-bottom: 0;
}
.slider-price {
width: 100%;
float: left;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.slider-p-box {
width: 100%;
float: left;
margin: 3px 0;
background: #e3e2d0;
padding: 15px 10px;
}
.slider-input .lence-type-box {
display: inline-block;
float: left;
width: auto;
background: no-repeat;
padding: 0;
border-bottom: 0;
}
.slider-name {
display: inline-block;
float: left;
}
.slider-text-box .slider-name h4 {
margin: 0;
font-size: 16px;
}
.slider-text-box .slider-name p {
padding: 0;
}
.slider-price-part {
display: inline-block;
float: right;
margin-top: 7px;
}
.slider-price-part .full-red {
font-size: 12px;
text-decoration: line-through;
width: 40px;
}
.slider-price-part span {
width: 50px;
}
.slider-price-2 {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
}
.slider-price-2 .slider-p-box {
background: #fff;
}
.slider-two .flex-control-nav {
display: none;
}
.s-pro {
padding-bottom: 50px;
border-bottom: 0;
}
.correction-value {
background: linear-gradient(to bottom, rgba(251,251,251,1) 70%, rgba(202,202,202,1) 100%);
padding-bottom: 30px;
}
.correction-value h3 {
background: #fff;
margin: 0;
border-bottom: 1px solid #ddd;
padding: 20px 50px;
width: 100%;
float: left;
}
.get-box {
width: 100%;
float: left;
margin-top: 5px;
padding: 15px 50px;
text-align: center;
font-size: 16px;
border-bottom: 1px solid #d52475;
}
.get-box div {
display: inline-block;
color: #888;
}
.get-box .get-b {
border: 1px solid #d52475;
border-radius: 3px;
padding: 5px 10px;
color: #d52475;
margin: 0 10px;
}
.co-part {
padding: 15px 65px;
}
.right-sec {
padding-right: 50px;
}
.co-line {
width: 100%;
float: left;
margin-bottom: 15px;
}
.co-label {
width: 150px;
float: left;
}
.co-select {
width: calc(100% - 165px);
float: left;
margin-left: 15px;
position: relative;
}
.co-select i {
position: absolute;
top: 12px;
right: 20px;
color: #888;
}
.co-box {
padding: 20px 0;
}
.co-box .save-cart-input {
display: inline-block;
float: left;
}
.correction-value .co-box h3 {
background: none;
border: none;
padding: 0;
display: inline-block;
float: left;
width: auto;
font-size: 20px;
}
.co-select select {
width: 100%;
border: 1px solid #b9b9b9;
border-radius: 3px;
height: 40px;
padding: 7px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
color: #666;
padding-left: 15px;
outline: none;
}
.co-line-2 select {
border: 1px solid #d52475;
}
.co-part-2 {
padding: 20px 65px;
}
.co-part-2 h4 {
font-size: 20px;
margin-bottom: 20px;
color: #444;
}
.co-div {
width: 100%;
float: left;
margin-bottom: 10px;
font-size: 16px;
color: #666;
}
.co-div-1 p {
display: inline-block;
float: left;
}
.co-div-1 span {
display: inline-block;
float: right;
}
.co-div p {
margin: 0;
}
.co-part-3 {
padding: 0 65px;
}
.co-part-left {
width: 200px;
float: left;
}
.co-part-right {
width: 200px;
float: right;
text-align: right;
}
.co-part-3 h2 {
font-weight: 700;
}
.co-part-3 p {
color: #666;
font-size: 16px;
}
.co-part-3 p span {
width: auto;
margin-left: 10px;
color: #f30101;
}
.co-part-button {
text-align: center;
}
.co-button {
display: inline-block;
background: linear-gradient(to bottom, rgba(246,220,157,1) 0%, rgba(240,194,79,1) 100%);
border: 1px solid #888;
font-size: 16px;
font-weight: 700;
padding: 10px;
width: 250px;
border-radius: 5px;
}
.recent-this-2 {
padding: 0;
overflow: hidden;
position: relative;
}
.recent-this-2 select {
border: none;
padding: 7px 25px;
-webkit-appearance: none;
padding-left: 10px;
outline: none;
}
.recent-this-2 i {
position: absolute;
top: 5px;
}
.slider-two .flexslider .slides li img {
width: 60%;
margin: 0 auto;
margin-top: 55px;
min-width: 150px;
}
body.s-l {
background: #fff;
}
.seller_login_main {
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.seller-one {
width: 100%;
float: left;
padding: 20px 70px;
}
.seller-logo {
width: 250px;
float: left;
}
.seller-logo-right {
width: calc(100% - 300px);
margin-left: 25px;
float: left;
font-size: 20px;
}
.seller-logo img {
width: 100%;
}
.seller-two-box {
width: 1100px;
margin: 0 auto;
}
.seller-two-box:before {
content: "";
width: 1px;
height: 100%;
position: absolute;
background: #666;
left: 50%;
transform: translateX(-50%);
top: 0;
}
.seller-two h1 {
text-align: center;
font-weight: 700;
margin-bottom: 15px;
}
.seller-login-part {
width: 100%;
float: left;
position: relative;
}
.seller-login-part:after {
content: "";
width: 1px;
height: 100%;
position: absolute;
background: #444;
top: 0;
left: 50%;
transform: translateX(-50%);
}
.seller-login-part-left {
width: 50%;
float: left;
padding: 30px 15px;
padding-bottom: 0;
}
.seller-login-box {
width: 350px;
float: left;
}
.seller-line {
width: 100%;
float: left;
margin-bottom: 20px;
}
.seller-line label {
width: 100%;
float: left;
}
.seller-line input[type="text"] {
width: 100%;
float: left;
border: none;
border-bottom: 1px solid #d52475;
height: 40px;
}
.seller-login-part-right {
width: 50%;
float: right;
padding: 30px 15px;
}
.s-login-b {
border-radius: 3px;
width: 100%;
background: linear-gradient(to bottom, rgba(246,220,157,1) 0%, rgba(240,194,79,1) 100%);
border: 1px solid #888;
font-size: 18px;
padding: 7px;
margin-top: 20px;
}
.se-right-box {
width: 350px;
float: left;
margin-left: 70px;
}
.se-right-box ul {
width: 100%;
float: left;
padding: 0;
margin: 0;
margin-top: 30px;
list-style-type: none;
}
.se-right-box ul li {
width: 100%;
float: left;
margin-bottom: 10px;
font-size: 16px;
}
.se-right-box ul li span {
width: 11px;
height: 20px;
border-top: 5px solid #d52475;
border-left: 5px solid #d52475;
display: inline-block;
float: left;
margin-right: 20px;
transform: rotate(-135deg);
}
.stay-part {
padding: 20px 15px;
text-align: center;
}
.stay-input {
display: inline-block;
margin-bottom: 10px;
}
.stay-input .save-cart-input {
display: inline-block;
float: left;
}
.stay-input p {
display: inline-block;
float: left;
margin: 0;
}
.seller-footer {
border-top: 1px solid #888;
}
.s-f-part {
width: 1100px;
margin: 0 auto;
}
.seller-footer {
border-top: 1px solid #888;
}
.s-f-part {
width: 1100px;
margin: 0 auto;
}
.seller-box {
width: 20%;
float: left;
padding: 25px 15px;
text-align: center;
}
.seller-box span {
color: #0066c0;
}
.seller-footer .last-footer {
padding-bottom: 15px;
}
.seller-footer .last-footer span {
color: #666;
}
.seller-footer .last-footer a {
color: #444;
font-weight: 700;
}
.store-head-2 {
background: #f3f3f3;
padding: 15px 50px;
border-bottom: 2px solid #cecece;
}
.store-default-main {
margin-top: 20px;
}
.store-left-box {
width: calc(100% - 20px);
float: left;
margin: 0 10px;
}
.store-l-box {
width: 100%;
float: left;
}
.store-box {
width: 100%;
float: left;
border: 2px solid #ddd;
border-radius: 3px;
margin-bottom: 30px;
}
.store-box ul {
width: 100%;
float: left;
padding: 0;
margin: 0;
list-style-type: none;
}
.store-box ul li {
width: 100%;
float: left;
border-bottom: 1px solid #ddd;
}
.store-box ul li.img-li {
padding-left: 35px;
padding-bottom: 20px;
}
.store-box ul li.f700 a {
color: #000;
}
.store-box ul li:last-child {
border-bottom: none;
}
.store-l-box h3 {
font-size: 20px;
margin-top: 0;
}
.s-d-img-part {
height: 344px;
overflow: hidden;
margin-bottom: 7px;
}
.s-d-img-part img {
width: 100%;
}
.store-box ul li a {
color: #666;
padding: 10px;
padding-left: 15px;
width: 100%;
float: left;
text-decoration: none;
}
.store-box ul li a:hover {
color: #fff;
background: #666;
}
.seller-b {
background: #f9f9f9;
border: 1px solid #ddd;
color: #777;
}
.orange-this {
position: absolute;
top: -15px;
font-size: 10px;
text-decoration: line-through;
color: #eb5041;
width: 100%;
}
.store-sell .sell-left {
text-align: left;
}
.s-3 .sell-left p.red {
font-size: 11px;
}
.store-sell {
width: 100%;
float: left;
}
.s-h-2 {
border-bottom: 2px solid #cacaca;
}
.rate-part {
width: 100%;
float: left;
border: 1px solid #ddd;
padding: 20px 15px;
}
.rate-part-left {
width: 50%;
float: left;
text-align: center;
}
.rate-circle {
display: inline-block;
width: 200px;
height: 200px;
border-radius: 50%;
border: 25px solid #eae9e9;
text-align: center;
position: relative;
}
.rate-circle p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 45px;
}
.rate-circle:before {
content: "";
position: absolute;
width: 200px;
height: 200px;
border-radius: 50%;
border: 25px solid #ffb601;
text-align: center;
top: -25px;
left: -25px;
border-right: 25px solid #eae9e9;
}
.rate-circle:after {
content: "";
position: absolute;
width: 200px;
height: 200px;
border-radius: 50%;
border: 25px solid transparent;
text-align: center;
top: -25px;
left: -25px;
border-right: 25px solid #eae9e9;
transform: rotate(-45deg);
}
.rate-part-left p {
margin-top: 20px;
margin-bottom: 0;
}
.rate-part-left .rate-circle p {
margin: 0;
color: #444;
}
.rate-part-right {
width: 50%;
float: left;
padding: 50px 15px;
}
.rate-line {
margin-bottom: 15px;
}
.rate-line label {
width: 65px;
float: left;
margin: 0;
color: #666;
}
.rate-input {
width: calc(100% - 65px);
float: left;
padding: 2px;
border: 1px solid #ddd;
margin-top: 3px;
background: #f3f3f3;
}
.rate-input-line {
width: 100%;
float: left;
background: #ddd;
height: 10px;
}
.rate-input-line-ac {
background: #FFB601;
}
.feed {
padding: 30px 15px;
}
.rate-main {
margin-bottom: 10px;
}
.feed-review {
border: none;
}
.feed .pages-sec {
margin-top: 20px;
text-align: right;
}
.feed .recent-this {
padding: 0;
overflow: hidden;
position: relative;
}
.feed .recent-this select {
border: none;
padding: 5px 25px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
padding-left: 10px;
outline: none;
width: 100%;
}
.feed .recent-this i {
top: 3px;
}
/*// prescription css*/
.right-box {
position: relative;
text-align: center;
overflow: hidden;
height: 165px;
}
.s-2-img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
transition: 0.2s ease-in-out;
}
.s-2-img.mnb {
transform: scale(1.3);
top: 60px;
left: 35px;
}
.s-2-img.mnb-1 {
transform: scale(1.3);
top: 60px;
left: 90px;
}
.s-2-img.mnb-2 {
transform: scale(1.3);
top: 60px;
left: -7px;
}
.s-2-img.mnb-3 {
transform: scale(1.3);
top: 35px;
left: 35px;
}
.s-2-img.mnb-4 {
transform: scale(1.3);
top: 35px;
left: 90px;
}
.s-2-img.mnb-5 {
transform: scale(1.3);
top: 35px;
left: -7px;
}
.blue-circle {
position: absolute;
display: inline-block;
width: 80px;
height: 45px;
border: 3px solid cornflowerblue;
border-radius: 50%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0px 6px 10px rgba(0,0,0,0.60);transition: o.2s ease-in-out;
display: none;
}
/*// slider choose your lens opacity*/
.toggle-description {
cursor: pointer;
}
.main-range-box {
width: 70%;
margin: 0 auto;
position: relative;
}
.main-range-box .range-box {
width: 100%;
}
.main-range-box .home {
top: 20px;
left: -55px;
}
.main-range-box .sun {
top: 20px;
right: -55px;
}
.main-range-box .range-box .second-slider {
display: none;
}
.color-img {
width: 100%;
float: left;
}
.color-img-part {
width: 400px;
margin: 0 auto;
position: relative;
}
.main-img {
position: relative;
z-index: 10;
}
.green-grediant {
position: absolute;
top: 0;
left: 0;
display: none;
}
.wood-grediant {
position: absolute;
top: 0;
left: 0;
display: none;
}
.white-grediant {
position: absolute;
top: 0;
left: 0;
display: none;
}
.black-border {
border:2px solid #202020;
}
@media (max-width: 1150px) {
.main-wrapper {
width: 100%;
}
.fix-sec {
opacity: 0.5;
transition: 0.3s ease;
top: 60%;
}
.fix-sec:hover {
opacity: 1;
}
.fix-box {
width: 50px;
height: auto;
padding: 5px;
}
.fix-text {
display: none;
}
.seller-home .seller-banner-text {
width: 85%;
}
}
@media (max-width: 1110px) {
.main-wrapper {
width: 100%;
}
.accordation-part {
padding: 0 15px;
padding-bottom: 25px;
}
.last-box {
}
.bur-breadcrumb {
padding: 0 30px;
}
.seller-two-box,.s-f-part {
width: 100%;
}
}
@media (max-width: 1053px) {
.single-main {
padding: 0 30px;
}
.pre-sec-two .Prescription-two-part {
min-width: 1053px;
}
.pre-sec-two {
overflow: scroll;
}
}
@media (max-width: 1050px) {
.inner-wrapeer {
width: 100%;
}
.top-bar,.middle-bar,.part-1,.part-2,.part-3,.part-4,.part-5,.part-6,.part-8 {
padding: 0 15px;
}
.part-1,.part-2,.part-3,.part-4,.part-5,.part-6,.part-8 {
padding-bottom: 25px;
}
.boxo-1 {
padding: 20px 30px;
}
.img-box {
height: auto;
}
.part-6 {
padding-bottom: 30px;
}
.part-5 {
padding-bottom: 50px;
}
.part-8 {
padding-bottom: 40px;
}
.nav-sec ul li {
padding: 10px 18px;
}
.maga-box ul li {
padding: 5px;
}
.boxo-3 {
padding: 0 30px;
padding-bottom: 30px;
}
.boxo-5 {
padding: 0 30px;
}
.head-button {
padding: 10px;
}
.head-1 {width: 60%;}
.head-2 {width: 40%;}
.list-of-item .cart-box-1 {
padding: 0 30px;
}
.cart-main {
padding: 0 30px;
}
.table-one {
margin-right: 20px;
width: calc(100% - 20px);
}
.select-part {
margin-right: 20px;
width: calc(100% - 20px);
}
.check-out-part {
padding: 0 15px 20px 15px;
text-align: center;
}
.important-sec {
padding: 0 30px;
}
.chose-your-lense .bread-cramb {
padding: 0 30px;
}
.thank-you,.thank-bread {
padding: 0 30px;
}
.choose-methode {
padding-left: 30px;
padding-right: 30px;
}
.check-out-main {
padding:0 30px;
}
.your-address-main {
padding: 20px 30px 80px 30px;
}
.product-slider-one {
padding: 0 30px;
}
.answer-part {
padding: 0 30px 10px 30px;
}
.Try-On-Virtually img {
display: none;
}
.Buy-from-Our img {
display: none;
}
.Try-On-Virtually p {
float: none;padding-left: 0;
}
.Buy-from-Our p {
float: none;padding-left: 0;
}
.buy-shop {
padding-bottom: 30px;
}
.ewallet-main {
padding-bottom: 30px;
}
.tour-pack-part {
width: 100%;
height: auto;
}
.tour-order-details {
width: 100%;
margin-left: 0;
margin-top: 20px;
height: auto;
}
.fic-span-detail {
width: 200px;
}
.add-span {
width: calc(100% - 200px);
}
.tour-pack-part-right {
padding-left: 0;
}
.pre-sec .Prescription-two-circle {
margin-right: 20px;
}
.pre-sec .Prescription-two-part {
min-width: 730px;
}
.pre-sec {
overflow: scroll;
}
.pre-sec-two .Prescription-two-part {
min-width: 1053px;
}
.com-certificate-right {
margin-top: 20px;
}
.seller-main-part {
margin-top: 0;
}
.store-main {
padding-bottom: 0;
}
.store-sell .sell-box {
height: 220px;
}
.feed {
padding: 30px;
}
}
@media (max-width: 991px) {
.search-sec {
float: right;
}
.search-sec input {
width: 90%;
}
.login-sec {
margin-top: 20px;
padding-bottom: 15px;
}
.nav-sec ul li {
padding: 10px 10px;
}
.nav-sec ul li a {
font-size: 14px;
}
.login-box {
left: 0;
width: 100%;
}
.cart-box {
width: 100%;
}
.maga-box ul li {
padding: 5px;
}
.boxo-3 {
padding: 0 30px;
padding-bottom: 30px;
}
.boxo-4 {
width: 100%;
float: left;
}
.head-button {
padding: 10px 10px;
}
.di-none {
display: none;
}
.register-part {
background-size: cover;
}
.inspiration-part {
padding: 20px 15px;
}
.ins-box-sec {
height: auto;
}
.ins-1 {
height: auto;
padding: 20px 30px;
}
.ins-2 {
height: auto;
}
.img-2-sec img {
width: 100%;
}
.register-box {
width: 95%;
}
.modal-1 {
padding-right: 0px !important;
}
.sell-box-1 {
width: calc(50% - 20px);
}
.sell-box-1 .sell-right {
text-align: center;
}
.input-text-box-1 .select-one-part {
margin-top: 10px;
}
.input-text-box-one {
width: 70%;
max-width: 70%;
}
.input-text-box-two {
width: 30%;
float: left;
margin-left: 0;
}
.input-text-box-three {
width: 100%;
float: left;
margin-top: 10px;
}
.Field-Of-View .lence-type-box {
height: auto;
}
.tint .lence-type-box {
height: auto;
}
.tint .input-text-box-one {
width: 70%;
max-width: 70%;
}
.tint .input-text-box-two {
width: 30%;
}
.tint .input-text-box-two img {
width: 100%;
}
.check-out-right-part .login-part-sec {
width: 100%;
float: left;
}
.your-address-main .address-person-1 {
float: left;
}
.l-four:before {
width: 110px;
left: -116px;
}
.l-one:after {
width: 110px;
right: -115px;
}
.button-box {
padding-right: 10px;
}
.form-submit .button1 {
width: 250px;
margin: 0 auto;
}
.manage-shop-main-part-right {
height: auto;
}
.empty-sec {
height: 150px;
float: left;
width: 100%;
position: relative;
text-align: center;
}
.empty-part {
width: 125px;
left: 0;
}
.manage-shop-main-part-right .your-address-main {
padding-bottom: 0;
}
.form-submit .Upload {
margin-top: 20px;
}
.form-submit-2 .button1 {
margin-top: -40px;
}
.manage-shop-main .my-account h1 span {
margin: 0;
}
.manage-shop-main {
padding-bottom: 20px;
}
.i-url-link {
top: 45px;
left: 0;
}
.com-certificate {
margin-top: 40px;
}
.seller-proof {
margin: 0;
width: 100%;
padding: 15px 30px;
}
.seller-proof .m-r-tab {
font-size: 16px;
}
.choose-box {
margin-bottom: 50px;
}
.choose-main-part {
padding-bottom: 0;
}
.green-part {
top: 45px;
left: 0;
}
.check-out-right-part .email-sec {
margin-bottom: 20px;
}
.check-out-right-part .password-part {
margin-bottom: 20px;
}
.pass-note {
top: 45px;
left: 0;
width: auto;
}
.store-sell .sell-right {
text-align: left;
padding: 10px 15px;
}
.store-sell .sell-box {
height: 260px;
}
.store-sell .sell-left {
margin-bottom: 10px;
}
.orange-this {
top: -5px;
}
.s-3 .sell-left p.red {
font-size: 14px;
}
}
@media (max-width: 931px) {
.maga-box .head {
font-size: 16px;
font-weight: 700;
}
.page-box {
width: 20px;
height: 20px;
line-height: 20px;
font-size: 12px;
}
.page-sec {
}
.pages-sec a {
}
.service-sec-2 {
margin-bottom: 30px;
}
.title {
padding-right: 0;
}
.all-right {
width: 100%;
float: left;
}
.four-shop-box {
width: calc(50% - 20px);
margin-bottom: 20px;
}
.l-three:before {
width: 80px;
left: -87px;
}
.m-r-tab {
padding: 0 15px 10px;
}
.seller-deshbord {
height: auto;
}
.seller-login-box,.se-right-box {
width: 100%;
margin: 0;
}
}
@media (max-width: 767px) {
.one {
padding: 0px;
}
.two {
padding: 0;
margin-top: 15px;
}
.box200 {
width: 100%;
}
.right-text {
margin-top: 20px;
text-align: center;
}
.part-2-box {
padding: 0;
margin-bottom: 15px;
}
.goggles-sec {
padding: 15px;
}
.img-sec-4 {
margin-bottom: 15px;
}
.part-7 {
text-align: center;
}
.button3 {
float: none !important;
}
.part-11 .col-md-6 {
margin-bottom: 15px;
}
.top-bar div {
width: 50%;
display: none;
}
.logo-sec {
text-align: center;
padding-top: 20px;
}
.search-sec {
display: none;
}
.navbar-toggler {
display: inline-block !important;
background: no-repeat;
border: none;
width: 40px;
height: 40px;
padding: 5px 5px;
outline: none;
}
.nav-sec ul li {
display: block;
width: 100%;
text-align: center;
position: relative;
}
.nav-sec ul li:hover .maga-menu {
display: none;
}
.top-sec {
padding: 10px;
padding-bottom: 0;
}
.b-line {
height: 2px;
background: #fff;
display: block;
width: 100%;
margin: 6px 0;
}
header {
width: 100%;
float: left;
}
.maga-box {
width: 100%;
margin: 0;
}
.maga-box ul {
padding: 0;
height: auto;
padding-bottom: 10px;
}
.maga-box ul li {
padding: 5px;
}
.boxo-2 h2 {
font-size: 20px;
}
.add-to-cart-box {
padding-left: 0;
margin-top: 35px;
}
.di-block {
display: block;
}
.head-button {
width: 260px;
margin: 20px auto 10px auto;
float: none;
display: table;
clear: both;
}
.serch-icon {
width: 45px;
}
.serch-input {
}
.price-button {
margin-left: -15px;
margin-top: 0px;
}
.line-none {
display: none;
}
.glass {
padding-left: 0;
}
.dotted-sec p {
font-size: 16px;
}
.navbar-collapse {
margin-bottom: 5px;
}
.head-1 {width: 100%;}
.head-2 {display: none;}
.head-sec-1 {padding: 0;}
.part-12 ul {height: auto;padding-bottom: 15px;}
.login-part-sec {
background: #fff;
padding: 20px 20px 0px 20px;
opacity: 0.7;
margin: 50px auto 180px auto;
float: none;
display: table;
min-width: 535px;
}
.qqq h2 {
font-size: 20px;
}
.texo1-img-box img {
width: auto;
}
.texo-1-text {
text-align: center;
}
.help-sec {
display: none;
}
.l-l {
text-align: center;
}
.lan-img {
float: none;
}
.l-1 p {
width: 100%;
}
.sell-box-1 {
height: 235px;
}
.list-img-sec img {
width: auto;
}
.cart-one-left p {
margin-top: -40px;
}
.cart-one-right {
margin-top: 25px;
}
.total-rupees {
margin-top: 30px;
}
.quntity {
margin-top: 20px;
}
.vat-part {
text-align: left;
font-size: 14px;
}
.frrr {
float: right;
text-align: right;
}
.select-i {
right: 30px;
}
.slex-absolute {
padding-left: 0;
text-align: center;
}
.veri-circle {
width: 40px;
height: 40px;
font-size: 14px;
line-height: 40px;
font-weight: normal;
}
.veri-circle-part p {
font-size: 14px;
letter-spacing: 0;
}
.veri-circle-part {
width: 33.33%;
margin: 0;
text-align: center;
}
.veri-sec {
bottom: -90px;
}
.white-part {
margin-bottom: 10px;
}
.veri-circle-part i {
width: 100%;
margin: 0;
margin-top: 5px;
}
.long-box {
margin-bottom: 15px;
}
.accordion-1 p {
font-size: 18px;
}
.chose-lense-left {
width: 100%;
float: left;
}
.chose-lense-right {
width: 100%;
float: left;
margin: 20px 0px;
}
.about-head {
font-size: 30px;
margin-bottom: 20px;
margin-top: 55px;
}
.about-sec h2 {
font-size: 20px;
}
.my-account h1 {
font-size: 24px;
}
.Account-box {
width: 100%;
float: left;
height: 180px;
}
.Account-box-left {
width: 100%;
text-align: center;
}
.Account-box-right {
width: 100%;
padding: 0;
text-align: center;
margin-top: 20px;
}
.thank-bread {
margin: 20px 0;
}
.card-img-part {
margin-top: 30px;
text-align: center;
}
.verify-order-part {
margin-top: 20px;
}
.verify-button {
width: 250px;
margin: 0 auto;
float: none;
margin-bottom: 20px;
}
.check-out-right-part .login-part-sec {
opacity: 1;
}
.check-out-right-part .login-part-sec p {
margin: 0;
}
.check-out-right-part .form-line input {
height: 30px;
}
.check-out-right-part .login-part-sec .label {
margin-top: 20px;
margin-bottom: 7px;
}
.your-address-main .opacity {
opacity: 0.2;
}
.person-box {
min-width: 270px;
}
.avilabel-color h3 {
margin-bottom: 20px;
}
.all-gogales-part {
width: 100%;
float: left;
}
.goggles-box-two {
margin-bottom: 10px;
}
.dimension-box-part-left {
text-align: left;
}
.dimension-box-part-right {
margin-top: 40px;
}
.product-review-part h3,.product-slider-one h3,.answer-part h3 {
font-size: 20px;
}
.q-a-part-left-one {
width: 55px;
}
.q-a-part-left-two {
width: calc(100% - 55px);
}
.please-rate-box {
width: 100%;
}
.submit-three {
margin: 0 auto;
float: none;
}
.detail-rating-right-box {
text-align: center;
}
.f-width {
width: 100px;
}
.four-shop h2 {
font-size: 22px;
}
.pay-credit {
text-align: center;
margin-bottom: 30px;
}
.shipping-part-right {
margin-top: 20px;
padding: 0;
}
.information-part-one {
width: 100%;
margin: 0;
}
.information-part-two {
margin-top: 20px;
margin-left: 0;
}
.free-ship {
margin: 20px 15px 0 15px;
}
.line-circle-this {
width: 50px;
height: 50px;
font-size: 20px;
}
.l-two:after {
width: 50px;
right: -55px;
}
.l-four:before {
width: 80px;
left: -87px;
}
.l-three:after {
width: 80px;
right: -87px;
}
.order-box {
min-width: 767px;
}
.order-part {
overflow: scroll;
}
.manage-shop-main-part-right {
width: 100%;
margin: 0;
margin-top: 20px;
}
.form-submit-2 .button1 {
margin-top: -20px;
}
.m-r-tab {
padding: 0 10px 10px;
}
.manage-shop-main-part-right .your-address-main {
padding: 20px 15px 0;
}
.part-13 {
padding: 25px 0;
}
.part-13-box {
width: 100%;
margin-bottom: 10px;
}
.manage-shop-main-part-left {
height: auto;
}
.bottom-sec-2 {
padding-top: 0;
}
.seller-proof .m-r-tab {
font-size: 14px;
}
.seller-proof .m-r-1 h3 {
font-size: 18px;
}
.check-out-right-part .com-certificate-left .friend {
margin-top: 10px;
}
.seller-banner {
height: 250px;
}
.seller-banner-text h2 {
font-size: 24px;
}
.seller-banner-text p {
font-size: 18px;
}
.set-up p {
font-size: 14px;
}
.set-up h2 {
font-size: 20px;
}
.seller-home .login-button {
font-size: 18px;
padding: 10px;
}
.choose-head-part h2 {
font-size: 20px;
}
.sub-plan-details {
float: left;
}
.sub-plan-details {
font-size: 12px;
width: 245px;
}
.seller_mark .choose-methode {
padding-left: 15px;
padding-right: 15px;
padding-bottom: 0;
}
.green-part,.pass-note {
top: 35px;
}
.check-out-right-part .password-part {
margin-bottom: 40px;
}
.shop-owner-box-2 {
margin-top: 20px;
}
.shop-owner-box {
height: auto;
}
.shop-owner {
padding: 20px 15px;
}
.seller-deshbord {
width: 100%;
margin: 0;
margin-top: 20px;
}
.seller-deshbord-part {
margin-top: 10px;
}
.s-pro {
padding-bottom: 0;
}
.correction-value h3 {
padding: 20px 0;
}
.get-box {
padding: 15px 0;
}
.co-part {
padding: 15px 30px;
}
.right-sec {
padding-right: 15px;
}
.co-part-2 {
padding: 20px 30px;
}
.co-part-3 {
padding: 0 30px;
}
.co-part-button {
margin-top: 20px;
}
.seller-login-part-left,.seller-login-part-right {
width: 100%;
}
.seller-login-part:after {
display: none;
}
.seller_login_main {
position: relative;
transform: none;
}
.seller-one {
padding: 20px 15px;
}
.store-default-main .add-to-cart-box {
margin-top: 0;
}
.store-left-box {
width: 100%;margin: 0;
}
.store-head-2 {
padding: 15px 30px;
}
.feed {
padding: 30px;
}
.rate-part-left,.rate-part-right {
width: 100%;
}
.rate-part-right {
padding-bottom: 0;
}
}
@media (max-width: 660px) {
.sell-box {
width: calc(50% - 20px);
}
.login-part-sec {
width: 100%;
min-width: 100%;
}
.thank-you-one-left {
width: 100%;
float: left;
}
.thank-you-one-right {
width: 100%;
float: left;
padding: 0;
margin-top: 20px;
}
.canle-img{
width: 100%;
text-align: center;
}
.canle-text {
width: 100%;
padding-left: 0;
margin-top: 20px;
}
.canle-text h2 {
font-size: 22px;
}
.ewallet-table {
overflow: scroll;
}
.ewallet-table .table {
min-width: 660px;
}
.card-name-part {
overflow: scroll;
}
.card-name-part-2 {
min-width: 620px;
}
.pre-button {
margin-top: 25px;
}
.this-h3 {
font-size: 18px;
}
}
@media (max-width: 600px) {
.l-three:before {
width: 50px;
left: -56px;
}
.l-two:before {
width: 50px;
left: -55px;
}
.l-one:after {
width: 50px;
right: -55px;
}
.line-circle-this {
}
.l-four:before {
width: 50px;
left: -57px;
}
.l-three:after {
width: 50px;
right: -57px;
}
.tour-pack-part-sec {
padding-top: 20px;
}
.tour-pack-part-right {
padding-left: 15px;
margin-top: 35px;
}
.tour-pack-part-right p {
margin-bottom: 15px;
font-size: 12px;
}
.tour-pack-part-right .only-p {
margin-bottom: 30px;
}
.tour-circle {
margin-right: 15px;
}
.tour-pack-part-right p img {
margin-right: 10px;
}
.track-1 {
font-size: 22px;
}
.add-more {
width: 100%;
margin-top: 10px !important;
float: left;
}
.grow-part h2 {
font-size: 14px;
line-height: 22px;
}
.thanks-main-part {
height: 400px;
}
.thanks-part {
width: 100%;
}
.thanks-text-part h2 {
font-size: 20px;
}
.thanks-text-part p.f700 {
font-size: 20px;
}
.thanks-text-part p {
font-size: 16px;
}
.cancle-part .grey-text-part {
font-size: 14px;
}
.get-box {
font-size: 12px;
}
.co-label {
width: 100%;
}
.co-label h4 {
margin-top: 0;
}
.co-line {
margin-bottom: 20px;
}
.co-select {
margin-left: 0;
width: 100%;
}
.right-sec-2 .co-label {
display: none;
}
.right-sec-2 {
margin-top: 20px;
}
.get-box {
text-align: left;
}
.get-box div {
width: 100%;
}
.get-box .get-b {
width: auto;
margin: 10px 0;
}
.co-part-2 h4 {
font-size: 18px;
}
.co-div {
font-size: 14px;
}
.co-part-left {
width: 50%;
}
.co-part-right {
width: 50%;
}
.co-part-3 h2 {
font-size: 22px;
}
.co-part-3 p {
font-size: 14px;
}
.p-d-2 h3 {
font-size: 16px;
margin-top: 0;
}
.p-d-2 p {
padding: 0;
}
.feed .view {
width: 100%;
text-align: left;
padding: 0;
}
}
@media (max-width: 550px) {
.red-line {
display: none;
}
.main-head {
font-size: 25px;
}
.right-text h2 {
font-size: 25px;
}
.part-1, .part-2, .part-3, .part-4, .part-5, .part-6, .part-8, .part-9 {
padding-bottom: 20px;
}
.login-part-sec {
margin: 0;
}
.login-part-sec h2 {
margin-top: 0;
}
.form-sec {
padding: 0;
padding-bottom: 20px;
padding-top: 20px;
}
.login-part-sec .label {
margin: 0;
}
.coyellow {
display: block;
margin: 0;
}
.accordion p {
width: 100%;
float: left;
margin-top: 20px;
margin-left: 0;
}
.frame-try-text {
width: 100%;
}
.learn-more {
float: left;
}
.check-out-left {
float: none;width: 100%;
}
.check-out-right {
float: none;margin-top: 20px;
width: auto;
padding: 10px 20px;
}
.sec-order {
padding-top: 25px;
width: 100%;
text-align: center;
padding-right: 0;
}
.veri-logo img {width: 100%;min-width: 250px;
max-width: 250px;}
.veri-hed .bottom-sec {
text-align: center;
}
.veri-logo {
width: 100%;
}
.input-text-box-one {
width: 100%;
float: left;
max-width: 100%;
}
.input-text-box-two {
width: 100%;
float: left;
text-align: left;
}
.input-text-box-three {
margin-top: 20px;
}
.tint .input-text-box-one {
width: 100%;
float: left;
max-width: 100%;
}
.tint .input-text-box-two {
width: 100%;
float: left;
text-align: left;
}
.tint .input-text-box-two img {
width: auto;
}
.input-text-box-three {
margin-top: 20px;
}
.accordion-1 p {
width: auto;
font-size: 16px;
}
.accordion-1 .toggle-plus {
margin-top: 30px;
}
.accordion-1 span {
margin-top: 22px;
}
.Prescription-two {
overflow: auto;
}
.Prescription-one-left {
width: 100%;
text-align: center;
padding-top: 10px;
}
.Prescription-one-right {
width: 100%;
text-align: center;
float: left;
}
.Prescription-two-part {
width: 550px;
}
.color-img img {
width: 100%;
}
.my-account-box {
width: 100%;
float: left;
padding: 0;
}
.my-account h1 span {
width: 100%;
}
.star-part {
width: 100%;
text-align: left;
}
.title-review p {
width: 100%;
}
.detail-q-text {
width: 100%;
}
.detail-rating-right-box {
padding-top: 30px;
}
.avilable-left {
width: 100%;
}
.avilable-right {
width: 100%;
text-align: left;
margin-top: 20px;
}
.available-balance {
padding-top: 15px;
}
.my-account .order-detail-bread span {
display: inline-block;
width: auto;
float: left;
}
.my-account .order-detail-bread i {
float: left;
}
.my-account .order-detail-bread {
margin-bottom: 20px;
}
.l-two:after {
width: 30px;
right: -34px;
}
.m-r-tab {
width: calc(50% - 20px);
float: left;
height: 30px;
text-align: center;
margin: 0 10px;
margin-bottom: 20px;
border-bottom: none !important;
background: #ddd;
padding: 5px;
border-radius: 3px;
}
.m-r-tab.f700 {
background: #d52475;
color: #fff;
letter-spacing: 1px;
}
.seller-proof .m-r-tab {
width: calc(50% - 20px);
}
.sell-tab-two {
color: #fff !important;
}
.s-bus .login-part-sec {
width: 100%;
min-width: 100%;
}
.store-head-one .s-h-p {
width: 100%;
}
.store-head-one p {
width: 100%;
float: left;
}
.store-head-two {
margin-top: 20px;
}
.store-head-two div {
width: 100%;
}
.store-head-two .button-p {
float: left;
margin-top: 10px;
}
.s-d-box {
width: 100%;
margin-right: 0;
}
.s-d-r-box {
width: 100%;
margin-left: 0;
}
.message-left {
width: 100%;
text-align: center;
margin-bottom: 25px;
}
.message-right {
width: 100%;
text-align: center;
}
.s-d-img-part {
height: auto;
}
}
@media (max-width: 500px) {
.button-sec {
padding: 0 27px;
}
.button {
}
.flag-sec {
width: 20%;
}
.cat-box {
width: calc(100% - 20px);
margin: 10px;
}
.page-sec {
width: 100%;
}
.view {
width: 100%;
padding-left: 0;
}
.button-part {
width: 90%;
margin: 0 auto;
text-align: center;
}
.brand-this-button {
margin-bottom: 10px;
}
.lence-type-box h4 {
font-size: 14px;
}
.lence-type-box h4 span {
position: absolute;
bottom: -25px;
right: 0;
}
.input-text-box {
position: relative;
}
.lence-type-box .price-per {
position: absolute;
bottom: -27px;
right: 70px;
}
.lence-type .lence-type-box {
height: 100px;
}
.Prescription-one-left button {
margin-bottom: 20px;
}
.select-sec select {
margin-bottom: 10px;
}
.lence-type .lence-type-box {
height: 120px;
}
.long-box {
width: 100%;
float: left;
margin-bottom: 15px;
padding: 0;
}
.long-box-part-secound {
padding: 10px 20px;
}
.long-box-part-secound-left {
width: 100%;
}
.color-line {
width: 75%;
}
.thank-img {
width: 100%;
text-align: center;
}
.thank-you-one-left-text {
width: 100%;
padding-left: 0;
text-align: center;
}
.thank-you-one-right {
text-align: center;
}
.four-shop-box {
width: calc(100% - 20px);
margin-bottom: 20px;
}
.line-circle-this {
width: 30px;
height: 30px;
font-size: 14px;
}
.line-dyagram {
padding: 30px 0;
}
.l-one:after,.l-two:before,.l-two:after,.l-three:before,.l-three:after,.l-four:before {
height: 2px;
}
.line-circle-text p {
width: 50px;
font-size: 12px;
}
.upload-file {
width: calc(75px - 10px);
margin: 0 5px;
padding: 10px;
}
.com-left .button1 {
width: 200px;
}
.seller-banner-text p {
font-size: 14px;
}
.seller .Account-circle-part .button1 {
width: 150px;
}
.chosse-sec-box {
width: 100%;
}
.s-bus .login-part-sec {
width: 100%;
min-width: 100%;
}
.s-buss-left p {
font-size: 12px;
margin-left: 25px;
}
.shop-owner-line label {
width: 100%;
margin-bottom: 5px;
}
.shop-detail {
width: 100%;
margin: 0;
}
.shop-owner-line {
margin-bottom: 20px;
}
.shop-owner-line-2 p {
width: 100%;
margin-bottom: 5px;
}
.shop-owner-line-2 span {
width: 100%;
float: left;
margin: 0;
font-size: 14px;
}
.seller-box {
width: 100%;
}
.seller-box {
width: 100%;
padding: 5px 15px;
}
.s-f-part {
padding-top: 10px;
}
.seller-logo-right {
width: 100%;
margin:0;
margin-top: 20px;
}
}
@media (max-width: 450px) {
.goggles-box {
width: 100%;
margin-bottom: 15px;
}
.img-sec-4 {
width: 100%;
padding: 0;
}
.part-10 .col-md-3 {
width: 100%;
}
.sell-box {
width: 100%;
margin: 0;
margin-bottom: 15px;
}
.login-part-sec {
float: left;
display: block;
}
.robot {
width: 100%;
}
.lan-img {
width: 40px;
}
.lan-img img {
width: 100%;
}
.l-1 p {
display: none;
}
.table-one {
overflow: scroll;
}
.name-on-card {
width: 100%;
float: left;
}
.valid {
width: 100%;
float: left;margin-top: 10px;
margin-left: 0;
}
.credit-card-img {
text-align: center;
}
.credit-card-img img {
width: 100%;
}
.credit-butt-2 {
margin-top: 10px;
}
.check-out-button .button1 {
font-size: 16px;
padding: 10px;
}
.recent-this {
margin-top: 10px;
width: 100%;
margin-bottom: 15px;
}
.dimension-box-part-left img {
width: 100%;
}
.productslider .flex-control-thumbs li {
margin-bottom: 10px;
}
.edit-left {
width: 100%;
}
.edit-right {
text-align: left;
padding-top: 10px;
}
.edit-sec {
padding-bottom: 20px;
}
.person-box-2 {
width: 100%;
}
.shipping-add {
width: 100%;
margin-bottom: 20px;
}
.order-summery-right .fix-span-this {
width: 235px;
}
.information-part-one-main-left {
width: 100%;
}
.information-part-one-main {
height: auto;
}
.information-part-one-main-right {
width: 100%;
padding: 0 30px;
margin-top: 20px;
}
.your-address-part p span.f700 {
display: block;
}
.set-up h2 {
font-size: 14PX;
}
.recent-this-2 select {
width: 100%;
}
}
@media (max-width: 400px) {
.slider-right-part-five-left,.slider-right-part-five-right {
width: 100%;
}
.l-two:before,.l-two:after,.l-three:before,.l-three:after {
}
.l-one:after,.l-four:before {
}
.l-three:before {
width: 30px;
left: -31px;
}
.l-four:before {
width: 30px;
left: -31px;
}
.l-three:after {
width: 30px;
right: -31px;
}
.tour-circle {
width: 7px;
height: 7px;
margin-right: 5px;
}
.tour-circle-one:before {
height: 40px;
top: -40px;
}
.tour-circle-one:after,.tour-circle-two:before,.tour-circle-three:before {
top: 3px;
}
.tour-pack-part-right p {
font-size: 10px;
}
.fic-span-detail {
width: 100%;
margin-bottom: 15px;
}
.add-span {
width: 100%;
}
.m-r-tab {
width: 100%;
margin: 0;
margin-bottom: 10px;
}
.seller-proof .m-r-tab {
width: 100%;
margin: 0;
margin-bottom: 10px;
}
.thanks-text-part h2 {
font-size: 18px;
}
.thanks-text-part p {
font-size: 12px;
}
.seller-banner .seller-banner-text h2 {
font-size: 16px;
}
.green-part p,.pass-note p {
font-size: 10px;
}
.check-out-right-part .password-part {
margin-bottom: 50px;
}
.green-part i {
font-size: 14px;
}
.s-buss-left p {
margin-top: -10px;
}
.email-sec-input input[type="text"] {
font-size: 11px;
}
}
@media (max-width: 350px) {
.button {
width: 60%;
padding: 5px 0;
text-align: center;
float: none;
margin-bottom: 5px;
}
.button-sec {
bottom: 10px;
text-align: center;
}
.women {
width: 100%;
margin-bottom: 10px;
}
.sex-sec {
padding: 50px 15px 20px;
}
.l-two:before {
width: 30px;
left: -40px;
}
.order-tab-s1 {
width: 100px;
}
.order-tab {
font-size: 16px;
}
.form-submit .Upload,.form-submit-2 .button1 {
width: 170px;
}
.store-default-main .page-sec .page-box {
margin-bottom: 10px;
}
.feed .page-sec .page-box {
margin-bottom: 10px;
}
}
@media (max-width: 335px) {
.veri-sec {
bottom: -111px;
}
.choose-head-part h2 {
font-size: 18px;
}
}
.toggle-description {
cursor: pointer;
}
.custom_flexslider{
width: 60%;
margin: 0 auto;
margin-top: 55px;
min-width: 150px;
}