html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block;
}
a:focus {
border:none;
outline:none;
}
a {
-moz-transition: all .25s ease-in;
/* WebKit */
-webkit-transition: all .25s ease-in;
/* Opera */
-o-transition: all .25s ease-in;
/* Standard */
transition: all .25s ease-in;
}
ul {
list-style:none;
padding:0;
margin:0;
}
body {
font-weight:400;
font-size:18px;
margin:0;
padding:0;
color:#000;
}
#wrapper {
width:100%;
max-width:100%;
}
header {
width:100%;
min-height:50px;
left:0;
top:0;
z-index:9;
background:rgba(230, 230, 230, 0.5);
}
.logo {
width:315px;
height:108px;
background:url(../images/stanton-logo.png) no-repeat 0 0;
display:block;
text-indent:-999px;
margin-top:25px;
margin-left:5px;
}
.logo {
background-repeat: no-repeat !important;
background-size: 100% auto !important;
display: block;
height: 92px;
width: 200px;
}
.call-block {
font-weight:500;
font-size:22px;
color:#fff;
background:#fd8204;
min-height:52px;
padding:0 20px;
line-height:52px;
margin-top:33px;
}
.call-block i {
margin-right:15px;}
.banner-column {
max-width:100%;
height:auto;
position:relative;
margin-bottom:50px;
max-height:645px;
overflow:hidden;
}
.banner-column img {
width:100%;
height:auto;
display:block;
}
.banner-overlay {
float: left;
width: 100%;
position: absolute;
top: 0;
height: 100%;
}
.banner-column .banner-overlay .right-block {
width:250px;
float:right;
margin-right:40px;
top: 50%;
position: relative;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}
/* .banner-column.offer-banner .banner-overlay .right-block {
margin-top:67px;
} */
.banner-column .banner-overlay .right-block .schedule-block {
font-style: normal;
font-weight: 400;
width:250px;
height:250px;
background:#fff;
border-radius:50%;
-webkit-box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
box-shadow: 0px 0px 28px -9px rgba(0,0,0,0.75);
text-align:center;
position:relative;
padding-top:80px;
}
.banner-column .banner-overlay .right-block .schedule-block span {
font-style: normal;
font-weight: 700;
font-size:18px;
color:#fd8204;
text-align:center;
display:block;
text-transform:uppercase;
}
.banner-column .banner-overlay .right-block .schedule-block p {
font-style: normal;
font-weight: 400;
font-size:50px;
color:#fd8204;
text-transform:uppercase;
line-height:50px;
margin-bottom:0;
}
.banner-column .banner-overlay .right-block .schedule-block::before {
content: "";
border: solid 1px #fd8204;
border-radius: 50%;
width: 220px;
height: 220px;
position: absolute;
display: block;
top: 15px;
pointer-events: none;
left: 15px;
}
.banner-column .banner-overlay .right-block a {
font-weight:500;
display:block;
margin:10px 0;
font-size:16px;
background:#08295e;
color:#fff;
text-align:center;
padding:8px;
text-transform:uppercase;
max-width:250px;
}
.banner-column .banner-overlay .left-block {
background: #fd8204 none repeat scroll 0 0;
bottom: 0;
height: 116px;
left: 0;
padding-left: 50px;
position: absolute;
width:100%;
max-width: 470px;
}
.banner-column .banner-overlay .left-block .col-l p {
font-style: normal;
font-weight: 800;
font-size:30px;
color:#fff;
text-transform:uppercase;
padding:30px 0 0 0;
margin-bottom:0;
}
a:hover {
text-decoration:none;}
.banner-column .banner-overlay .left-block .col-l span {
font-style: normal;
font-weight: 400;
font-size:26px;
text-transform:uppercase;
color:#fff;
}
.banner-column .banner-overlay .left-block i {
background: #08295e none repeat scroll 0 0;
color: #fff;
font-size: 60px;
font-weight:bold;
height: 116px;
line-height: 116px;
position: absolute;
right: 0;
text-align: center;
top: 0;
width: 150px;
}
#featured-frames {
padding:75px 0;
}
#featured-frames h1 {
font-style: normal;
font-weight: 500;
font-size:50px;
color:#08295e;
text-align:center;
text-transform:uppercase;
margin-bottom:45px;
}
ul.frame-block {}
ul.frame-block li, ul.product-list li {
display:inline-block;
width:23.5%;
margin-right:1.5%;
vertical-align:top;
}
ul.frame-block li {
text-align:center;
}
ul.product-list {
margin-top:30px;
text-align:center;
}
ul.product-list li {
width:30%;
margin-right:2.5%;
margin-bottom:60px;
vertical-align:top;
}
ul.frame-block li:last-child,
ul.product-list li:last-child {
margin-right:0;}
ul.frame-block li .frame-thumb,
ul.product-list li .frame-thumb {
width:100%;
min-height:285px;
border:solid 1px #cccccc;
margin-bottom:35px;
}
ul.product-list li .frame-thumb {
margin-bottom:20px;
}
ul.frame-block li .frame-thumb img,
ul.product-list li .frame-thumb img {
display:block;
max-width:100%;
margin:50px auto 0;}
ul.frame-block li h2,
ul.product-list li h2 {
font-style: normal;
font-weight: 500;
font-size:21px;
color:#08295e;
text-transform:uppercase;
margin-bottom:15px;
}
ul.product-list li h2 {
font-size:21px;
margin-bottom:0;
}
.try-btn {
font-style: normal;
font-weight: 800;
background:#fd8204;
width:200px;
height:40px;
display:block;
font-size:14px;
text-transform:uppercase;
color:#fff;
padding-right:75px;
text-align:center;
line-height:40px;
position:relative;
}
.try-btn::before {
position:absolute;
content:"";
background:#08295e url(../images/eyeglass-icon.png) no-repeat 0 0;
width:75px;
height:40px;
right:0;
top:0;
background-position:center center;
}
.padding-large {
padding:100px 0;
}
.static-color {
background:#e4e4e4;
}
.img-col {
max-width:800px;
float:left;
margin-right:50px;
}
.static-color .right-content-col h3 {
margin-top: 0;
}
.img-col img {
display:block;
width:100%;
height:auto;
}
.right-content-col {
padding:35px 50px 0 0 ;
color:#fff;
font-style: normal;
}
.right-content-col h3 {
font-size:34px;
font-style: normal;
font-weight: 500;
}
.right-content-col p {
font-size:23px;
line-height:32px;
}
.free-block {
display:block;
margin:0 auto;
max-width:480px;
}
.free-block p {
font-style: normal;
font-weight: 400;
font-size:35px;
text-transform:uppercase;
color:#111111;
letter-spacing:1px;
text-align:center;
}
.img-b img {
width:100%;
height:auto;
}
.free-block .btn {
background:#fd8204;
color:#fff;
text-transform:uppercase;
text-align:center;
font-style: normal;
font-weight:800;
font-size:19px;
border-radius:0;
display:block;
line-height:40px;
margin-top:30px;
white-space:normal;
}
.glass-img img {
display: block;
margin: 20px auto;
}
footer {
width:100%;
background:#e4e4e4;
padding:30px 0 0;
}
footer .container {
max-width: 1266px;
color:#606060;
}
.disclamer-t {
font-style: normal;
font-weight:500;
font-size:15px;
position:relative;
}
.disclamer-t span {
font-style: normal;
font-weight:600;
font-size:12px;
letter-spacing:3px;
}
.disclamer-t .fa-angle-right::before {
content: "";
font-weight: bold;
margin-left: 5px;
margin-right: 5px;
position: relative;
top: 1px;
}
ul.footer-nav {
list-style:none;
padding:0;
margin:30px 0 40px;
}
ul.footer-nav li {
display:inline-block;
width:22%;
font-style: normal;
font-weight:800;
}
ul.footer-nav li a {
text-transform:uppercase;
font-size:11px;
color:#606060;
white-space:nowrap;
}
ul.footer-nav li ul li {
display:block;
white-space:nowrap;
font-weight:600;
margin-bottom: 7px;
margin-top: 7px;
}
ul.footer-nav > li {
vertical-align:top;
}
ul.footer-nav > li > a {
min-height:40px;
display:block;}
ul.footer-nav li ul li a {
color:#606060;
font-size:14px;
text-transform:capitalize;
border:none;
}
ul.social-footer {
margin-top:25px;
float:right;
margin-bottom:20px;}
ul.social-footer li{
display:inline;
margin-right:10px;
}
ul.social-footer li:last-child {
margin-right:0;
}
ul.social-footer li a {
width:30px;
height:30px;
display:inline-block;
background:#f48020;
border-radius:50%;
color:#fff;
}
ul.social-footer li a i {
display: inline-block;
line-height: 30px;
text-align: center;
width: 30px;
}
ul.social-footer li:first-child {
font-style: normal;
font-weight:500;
letter-spacing:5px;
font-size:13px;}
footer hr {
border:none;
border-bottom:solid 3px #999999;
clear:both;}
.form-inline {
margin-bottom:30px;}
.form-inline .form-control {
border-radius:0;
box-shadow:none;
border:none;
color:#000;
width:100%;
}
form button.btn {
font-style: normal;
font-weight:500;
background:#f48020;
border-radius:0;
width:auto;
border:none;
color:#fff;
text-transform:uppercase;
height:34px;
}
form button.btn:hover,
form button.btn:focus {
background:#f48020;
opacity:0.7;
}
footer .form-inline .form-group {
width:65%;
}
footer .form-inline .btn {
font-style: normal;
font-weight:500;
background:#f48020;
border-radius:0;
width:33%;
float:right;
border:none;
color:#fff;
text-transform:uppercase;
height:34px;
}
.form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: #000;
}
.form-control::-moz-placeholder { /* Firefox 19+ */
color: #000;
}
.form-control:-ms-input-placeholder { /* IE 10+ */
color: #000;
}
.form-control:-moz-placeholder { /* Firefox 18- */
color: #000;
}
.footer-bottom {
font-style: normal;
font-weight:500;
background:#fff;
padding:30px;
text-align:center;
font-size:13px;
color:#000;
}
.footer-bottom p {
font-size:13px;
font-weight:600;
letter-spacing:2px;
}
.footer-bottom a {color:#000;}
footer .container {
max-width:1143px;}
.container.d-block {
position:relaive;
}
.container.d-block a {
font-style: normal;
font-weight:400;
font-size:13px;
text-transform:uppercase;
position:absolute;
right:0;
padding-left:39px;
color:#606060;
}
.container.d-block a::before {
content: "+";
width: 30px;
height: 30px;
border-radius: 50%;
border: solid 1px #606060;
position: absolute;
left: 0;
color: #606060;
text-align: center;
line-height: 20px;
font-weight: 300;
font-size: 32px;
top: -5px;
}
form h5 {
font-style: normal;
font-weight: 600;
font-size:14px;
color:#606060;
text-transform:uppercase;
letter-spacing:5px;
margin-bottom:10px;
}
ul.category-list {
list-style:none;
padding:0;
margin:0;
}
ul.category-list li {
font-size:20px;
margin-bottom:10px;
}
ul.category-list li a {
color:#000;
}
h4.widget-title {
font-style: normal;
font-weight:800;
font-size:20px;
text-transform:uppercase;
margin-bottom:20px;
}
.widget {
margin-bottom:30px;
}
.entry-content p {
font-size:20px;
font-style: normal;
font-weight:400;
color:#000;
}
p.rate {
font-size:21px;
color: #08295e;
font-family: 'Titillium Web', sans-serif;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
}
p.color-block a {
display:inline-block;
width:25px;
height:25px;
margin-top:20px;
}
p.color-block a.black-frame {
background:#000;
}
p.color-block a.blue-frame { background:#1684c1;}
p.color-block a.g-frame { background:#603813;}
.plain-bg {
border-bottom:solid 1px #999999;}
a:hover {
opacity:0.8;
}
.or-block {
/*background:#fd8204;*/
color:#fff;
font-size:0px;
font-style: normal;
font-weight: 800;
padding:10px 80px 10px 50px;
text-transform:uppercase;
position:absolute;
bottom:30px;
}
p {
font-size:18px;
font-style: normal;
font-weight: 400;
margin-bottom:20px;
}
.getintouch-form .column {
width:48%;
float:left;
}
.getintouch-form .column.column-2 {
float:right;
}
.getintouch-form .form-group input.form-control {
padding:0 20px;
background:#e6e6e6;
box-shadow:none;
border:none;
border-radius:0;
height:55px;
line-height:55px;
}
.getintouch-form .form-group textarea.form-control {
padding:30px 20px;
background:#e6e6e6;
box-shadow:none;
border:none;
border-radius:0;
}
.getintouch-form ::-webkit-input-placeholder { font-size:18px; opacity:1; }
.getintouch-form ::-moz-placeholder { font-size:18px; opacity:1; } /* firefox 19+ */
.getintouch-form :-ms-input-placeholder { font-size:18px; opacity:1; } /* ie */
.getintouch-form input:-moz-placeholder{ font-size:18px; opacity:1; }
.cl-btn {
font-size:20px;
font-style: normal;
font-weight:800;
background:#fd8204;
color:#fff;
text-transform:uppercase;
padding:15px 75px 15px 20px;
border:none;
margin:30px auto;
display:block;
position:relative;
}
.btn-career {
position:relative;
max-width:230px;
margin:0 auto;
}
.cl-btn::before {
content:"\f105 ";
font-family:fontawesome;
font-size:30px;
line-height:56px;
width:55px;
height:56px;
position:absolute;
right:0;
top:0;
background:#08295e;
}
.info-p {
font-family: 'Titillium Web', sans-serif;
font-style: normal;
font-weight:800;
font-size:16px;
color:#808080;
text-transform:uppercase;
}
.info-p span {
color:#fd8204;
}
.title-01 {
font-family: 'Titillium Web', sans-serif;
font-style: normal;
font-weight:800;
font-size:25px;
text-transform:uppercase;color:#fd8204;}
.l-head {
font-size:50px;
color:#08295e;
font-family: 'Titillium Web', sans-serif;
font-style: normal;
font-weight:500;
text-transform:uppercase;
}
ul.alphabetic-pagination {
list-style:none;
margin:20px 0 60px;
padding:0;
text-align:center;
}
ul.alphabetic-pagination li {
display:inline;
margin-right:5px;
word-wrap:break-word;
}
ul.alphabetic-pagination li:last-child {
margin-right:0;
}
ul.alphabetic-pagination li a {
text-transform:uppercase;
color:#000;
padding:5px 10px;
}
ul.location-list {
list-style:none;
padding:0;
max-width:940px;
margin:0 auto;
}
ul.location-list li {
display:inline-block;
margin-right:80px;
margin-bottom:70px;
max-width:250px;
width:100%;
}
ul.location-list li:nth-child(3n) {
margin-right:0;}
ul.location-list li p {
font-size:18px;
}
ul.location-list li h2 {
font-family: 'Titillium Web', sans-serif;
font-style: normal;
font-weight:500;
font-size:35px;
text-transform:uppercase;
}
ul.location-list li .cl-btn {
font-family: 'Titillium Web', sans-serif;
font-style: normal;
font-weight:800;
font-size:12px;
padding:15px 60px 15px 15px;
}
ul.location-list li .cl-btn::before {
height:100%;
width:40px;
text-align:center;
line-height:40px;}
.form-search .cl-btn {
margin:0;
font-size:25px;
width:100%;
}
.form-search .cl-btn::before {
line-height:65px;
height:100%;}
.form-search .form-group .form-control {
height:64px;
background:#e6e6e6;
border:none;
border-radius:0;
box-shadow:none;
border:solid 1px #cccccc;
}
.fullwidth-map {
margin-bottom:30px;
position:relative;
}
.fullwidth-map img {
width:100%;
display:block;
height:auto;
}
.form-search {
position:relative;
top:-16px;
}
.left-col01 {
position: absolute;
top: 20px;
font-style: normal;
font-weight: 500;
font-size: 35px;
max-width: 500px !important;
left: 10%;
padding-top: 0px;
float: left;
color: #fd8204;
}
.left-col01 form.form-inline.banner-signup .btn,
.left-col01 form.form-inline.banner-unsubscribe .btn {
float: none;
margin-top: 10px;
color: white;
background-color: #fd8204;
padding: 15px;
border-radius: 30px;
border: 1px solid #fd8204;
height: unset !important;
}
.left-col01 #banner-signup-response {
font-size: 18px;
}
.top-align {
margin-top:-50px;
}
.fullwidth-map .store-block {
max-width:450px;
width:100%;
background:rgba(255, 255, 255, 0.8);
position:absolute;
right:50px;
top:0;
bottom:0;
height:100%;
padding:35px 20px 20px 35px;
}
.fullwidth-map .store-block .title {
font-size:27px;
font-family: futura-pt-bold, sans-serif;
font-style: normal;
font-weight: 700;
text-transform:uppercase;
margin-bottom:0;
}
.add-block , .fullwidth-map .store-block p{
font-style: normal;
font-weight: 500;
font-size:21px;
margin-bottom:30px;
}
.fullwidth-map .store-block h4 {
font-size:21px;
font-family: futura-pt-bold, sans-serif;
font-style: normal;
font-weight: 700;}
.fullwidth-map .store-block .cl-btn {
max-width:355px;
font-size:16px;
margin:0;
}
.fullwidth-map .store-block .cl-btn::before {
height:100%;
text-align:center;
line-height:50px;
}
.subhead {
color: #08295e;
font-family: 'Titillium Web', sans-serif;
font-size: 38px;
font-style: normal;
font-weight: 500;
text-transform: uppercase;
}
ul.insurance-list {
max-width:740px;
margin:20px auto 30px;
}
ul.insurance-list li {
font-family: 'Titillium Web', sans-serif;
font-size: 19px;
font-style: normal;
font-weight: 500;
display:inline-block;
width:55%;
margin-bottom:5px;
}
ul.insurance-list li:nth-child(2n) {
width:44%;
}
ul.insurance-list li::before {
content:"";
color:#777;
margin-right: 10px;
width: 10px;
height: 10px;
background: #ccc;
border-radius: 50%;
}
.info-block {
max-width:740px;
margin:0 auto 30px;
}
.info-block p {
font-size:14px;
}
.store-bg {
width:100%;
margin:115px 0 60px;
}
.store-bg .img-container {
width:50%;
height:auto;
float:left;
}
.store-bg .img-container img {
width:100%;
height:auto;
}
.quote-slider {
display:block;
margin-top:70px;
margin-bottom:80px;
padding:0 65px;
position:relative;
border-bottom:solid 1px #d1d1d1;
}
ul.quotes {
text-align:center;
}
ul.quotes li {
display:inline-block;
max-width:330px;
width:100%;
margin-right:55px;
text-align:left;
vertical-align:top;
}
ul.quotes li:last-child {
margin-right:0;
}
ul.quotes li .q-block {
background:#fafafa;
width:100%;
height:260px;
border:solid 1px #ededed;
border-radius:5px;
padding:30px 20px 0 50px;
position:relative;
font-size:20px;
font-weight:500;
font-family:"Times New Roman", Times, serif;
color:#777777;
line-height:30px;
}
ul.quotes li .q-block a {
text-decoration:underline;
}
ul.quotes li .q-block::before {
content:"\f10d ";
font-family:fontawesome;
position:absolute;
top:30px;
left:20px;
font-size:25px;
color:#bbbbbb;
}
ul.quotes li .q-block .gplus {
width:40px;
height:40px;
background:#fff;
border-radius:50%;
position:absolute;
bottom:10px;
right:10px;
display:block;
}
ul.quotes li .q-block .gplus img {
width:31px;
height:auto;
display:block;
margin:5px auto 0;
}
ul.star-rating {
text-align:left;
}
ul.star-rating li {
color: #ef5a23;
display: inline;
font-size: 20px;
color:#f66a00;
margin:0;
}
.reviewer-block {
padding-left:20px;
padding-top:25px;
}
.reviewer-block .thumb {
width:68px;
height:68px;
display:block;
border-radius:50%;
background:#99c3ff;
overflow:hidden;
display:inline-block;
}
.reviewer-block .thumb::before {
content:"\f007 ";
display: block;
font-family: fontawesome;
font-size: 60px;
position: relative;
text-align: center;
top: 14px;
color:#3972e8;
}
.reviewer-block .name-col {
display:inline-block;
vertical-align:top;
padding-left:10px;
}
.reviewer-block .name-col p {
font-size:25px;
font-family:"Times New Roman", Times, serif;
margin-bottom:5px;
color:#3972e8;
font-weight:bold;
}
.reviewer-block .name-col p.time {
color:#99999c;
font-weight:normal;
}
ul.quotes li .q-block::after {
content:"";
position:absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 13px 0 13px;
border-color: #fafafa transparent transparent transparent;
left:40px;
bottom:-15px;
}
a.prev, a.next {
position:absolute;
top:50%;
width:40px;
height:40px;
background:#eeeeee;
border-radius:50%;
display:block;
}
a.prev {
left:5px;
}
a.next {
right:5px;
}
a.prev::before, a.next::before {
content:"";
text-align:center;
line-height:40px;
font:25px;
font-family:fontawesome;
color:#777777;
font-size:25px;
display:block;
}
/*a.prev::before {
content:"\f104 ";
}
a.next::before {
content:"\f105 ";
}*/
ul.pagination-point {
text-align:center;
margin:40px 0 25px;
}
ul.pagination-point li {
display:inline-block;
margin-right:10px;
}
ul.pagination-point li a {
width:11px;
height:11px;
display:block;
background:#cccccc;
border-radius:50%;
}
ul.pagination-point li.active a {
background:#0077ff;
}
ul.pagination-point li a:hover {background:#0077ff;}
ul.location-list-2 {
text-align:center;
margin-top:20px;
}
ul.location-list-2 li {
font-family: 'Titillium Web', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 500;
display:inline;
margin-right:90px;
text-transform:uppercase;
}
ul.location-list-2 li:last-child {
margin-right:0;
}
ul.location-list-2 li::before {
content:"\f105";
color:#fd8204;
font-family:fontawesome;
margin-right:8px;
}
.related-pr {
margin-top:40px;}
.padding-ver {
margin-top:70px;}
.banner-column .banner-overlay .right-block .schedule-block p.c-title {
font-size:36px;
margin-bottom:0;
font-weight:700;
}
.banner-column .banner-overlay .right-block .schedule-block span.sub-01 {
font-size:14px;
}
ul.sidebar-nav li {
display:block;
font-family: 'Titillium Web', sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 500;
text-transform:uppercase;
margin-bottom:25px;
}
ul.sidebar-nav li a {
color:#000;
}
.entry-content h1 {
font-style: normal;
font-weight:normal;
font-weight: 500;
font-size:50px;
color:#08295e;
text-transform:uppercase;
margin-bottom:45px;
}
.map-container {
margin-bottom:80px;
margin-top:60px;
}
.map-container img {
width:100%;
height:auto;
}
form.information-form {
margin:30px 0 80px;
}
form.information-form .form-group.column {
display: inline-block;
margin-right: 0.5%;
width: 49%;
vertical-align:top;
}
form.information-form .form-group.column.column-2 {
margin-left: 0.5%;
margin-right: 0;
vertical-align:top;
}
form.information-form input.form-control,
form.information-form textarea.form-control,
form.information-form select.form-control,
form.getintouch-form .form-group input.form-control,
form.getintouch-form .form-group textarea.form-control {
background:#f5f5f5;
border-radius:25px;
height:55px;
padding:20px;
box-shadow:none;
border: solid 2px #dbdbdb;
}
form.information-form .other-state {
color: black;
}
form.information-form #franchise-state {
padding-top: 0px;
padding-bottom: 0px;
}
form.information-form textarea.form-control {
min-height:230px;
}
form.information-form .cl-btn {
padding:15px 100px 15px 40px;
float:right;
margin:10px 0;
}
ul.content-list {}
ul.content-list li {
font-size:20px;
}
ul.content-list li::before {
content:"\f054";
font-family:fontawesome;
margin-right:10px;
}
.entry-content h4 {
font-size:26px;
font-style: normal;
font-weight:normal;
font-weight: 400;
color:#534757;
margin-bottom:40px;
}
ul.insurance-block {
max-width:100%;
}
ul.insurance-block li:nth-child(3n) {
margin-right:80px;
}
ul.insurance-block li:nth-child(4n) {
margin-right:0px;
}
.search-block {
max-width:850px;
}
ul.q-list {
margin:30px 0 10px;}
ul.q-list li {
display:inline;
position:relative;
padding-left:55px;
margin-right:25px;
}
ul.q-list li:last-child {
margin-right:0;
}
ul.q-list li::before {
width:45px;
height:45px;
background:#08295e;
border-radius:50%;
text-align:center;
line-height:45px;
color:#fff;
content:"\f0f1 ";
font-family:fontawesome;
position:absolute;
top:-12px;
left:0;
}
ul.social-share {
margin-top:30px;
}
ul.social-share li {
display: inline;
font-size: 18px;
margin-right: 10px;
}
ul.social-share li:nth-child(5) {
margin-right:35px;
}
ul.social-share li a {
color:#000;
}
ul.store-list {
max-width:1128px;
margin-top:40px;
margin:40px auto;
}
ul.store-list li {
display:inline-block;
max-width:346px;
width:100%;
margin-bottom:24px;
}
ul.store-list > li {
margin-right:40px;
position:relative;
}
ul.store-list > li:nth-child(3n) {
margin-right:0;}
ul.store-list > li > a {
font-style: normal;
font-weight:normal;
font-weight: 800;
font-size:16px;
text-transform:uppercase;
display:block;
background:#e6e6e6;
line-height:56px;
padding-left:20px;
color:#08295e;
position:relative;
}
ul.store-list > li > a::before {
background: #08295e none repeat scroll 0 0;
content: "";
font-family: fontawesome;
font-size: 30px;
height: 56px;
line-height: 56px;
position: absolute;
right: 0;
top: 0;
width: 55px;
color:#fff;
text-align:center;
font-size:40px;
}
ul.store-list > li ul {
display:none;
position:absolute;
background:#fff;
width:100%;
z-index:99;
}
ul.store-list > li:hover ul {
display:block;
}
ul.store-list > li ul li .store-block {
border:solid 1px #e6e6e6;
padding:20px ;
width:100%;
}
ul.store-list > li ul li .store-block .cl-btn {
font-size:12px;
margin-bottom:10px;
}
ul.store-list > li ul li .store-block .cl-btn::before {
height:46px;
line-height:46px;
text-align:center;
width:48px;
}
ul.store-list > li ul li .store-block .title {
font-family: futura-pt-bold,sans-serif;
font-size: 27px;
font-style: normal;
font-weight: 700;
margin-bottom: 0;
text-transform: uppercase;
}
ul.store-list > li ul li .store-block h4 {
font-family: futura-pt-bold,sans-serif;
font-size: 21px;
font-style: normal;
font-weight: 700;
}
ul.offer-list li {
width:48%;
max-width:605px;
display:inline-block;
border:solid 1px #bfbfbf;
min-height:260px;
margin-bottom:35px;
vertical-align:top;
padding-top:40px;
padding-left:15px;
position:relative;
}
ul.offer-list li:nth-child(1n) {
margin-right:3.5%;
}
ul.offer-list li:nth-child(2n) {
margin-right:0;
}
ul.offer-list li img {
max-width:100%;
height:auto;
}
ul.offer-list li .offer-block-one {
width:52.5%;
height:100%;
background:#fd8204;
color:#fff;
position:absolute;
right:0;
top:0;
}
.entry {
margin-right:20px;
border-right:solid 6px #fff;
padding:40px 20px 0px 40px;
text-transform:uppercase;
}
.entry p {
margin:0;
font-size:28px;
}
.entry p.t-one, .offer-block-two p span.t-one {
font-style: normal;
font-weight:normal;
font-weight: 800;
font-size:33px;
letter-spacing:3px;
}
.entry p.t-two, .offer-block-two p span.t-two {
font-style: normal;
font-weight:normal;
font-weight: 500;
font-size:33px;
letter-spacing:1px;
}
ul.offer-list li .cl-btn {
margin:0;
max-width:195px;
font-size:13px;
height:36px;
padding:0;
line-height:36px;
padding-left:20px;
position:absolute;
right:0;
bottom:0;
padding-right:55px;
}
ul.offer-list li .cl-btn::before {
width:36px;
height:36px;
font-size:26px;
text-align:center;
line-height:36px;
}
.offer-block-two {
background:#fd8204;
color:#fff;
position:absolute;
left:0;
top:0;
padding:10px 20px;
}
.offer-block-two p {
font-size:18px;
margin:0;
text-transform:uppercase;
font-weight:500;
}
.single-offer {
padding-bottom:30px;
border-bottom:solid 1px #999999;
}
.single-offer h1 {
font-size:50px;
text-transform:uppercase;
font-style: normal;
font-weight:normal;
font-weight: 500;
margin-bottom:10px;
}
.single-offer h1 span {
font-weight:800;
color:#fd8204;
}
.single-offer h2 {
font-size:48px;
text-transform:uppercase;
font-style: normal;
font-weight:normal;
font-weight: 500;
color:#231f20;
margin-bottom:20px;
}
.single-offer h3 {
font-size:29px;
text-transform:uppercase;
font-style: normal;
font-weight:normal;
font-weight: 800;
margin-bottom:20px;
}
.single-offer p {
font-size:26px;
}
.blog-main {
margin-bottom:20px;
}
.blog-main img {
width:100%;
height:auto;
}
h2.title-head,
.entry-post h2.entry-title {
font-size:20px;
font-style: normal;
font-weight: 800;
color:#08295e;
text-transform:uppercase;
}
.tagline {
font-size:20px;
font-style: normal;
font-weight: 500;
font-style:italic;
margin-bottom:25px;
display:block;
}
.blog-entry-content p {
font-size:18px;
}
.blog-entry-content .cl-btn {
display:inline-block;
padding:10px 75px 10px 20px;
font-size:14px;
margin-top:0;
}
.blog-entry-content .cl-btn::before {
width:42px;
height:100%;
text-align:center;
line-height:39px;
}
.archive-block {
margin-top:50px;
}
.entry-image-section {
width:285px;
display:inline-block;
float:left;
}
.entry-image-section img {
width:100%;
height:auto;
}
.entry-post {
width:calc(100% - 335px);
display:inline-block;
}
.archive-block article.post {
display:table;
margin-bottom:60px;
}
.archive-block article.post .entry-image-section,
.archive-block article.post .entry-post {
display:table-cell;
vertical-align:top;
}
.archive-block article.post .entry-post {
padding-left:50px;
}
#searchform div {
background:#ccc;
padding:11px 20px;
margin-top:20px;
position:relative;
margin-bottom:20px;
}
button#searchsubmit {
background:none;
border:none;
font-size:28px;
max-width:45px;
position:absolute;
right:20px;
}
.archive-block article.post .share-list a i, .product-details ul.share-list li a i, .share-block ul.share-list li a i
{
font-size: 25px;
}
.archive-block article.post .share-list a, .product-details ul.share-list li a, .share-block ul.share-list li a
{
margin-right: 16px;
}
#search-adderss::placeholder, .form-inline input::placeholder, #search-adderss, .form-inline input, .getintouch-form .form-group input.form-control, .getintouch-form .form-group input.form-control::placeholder, #seacrh-address, #seacrh-address::placeholder, .woof_show_text_search::placeholder, .woof_text_search_container input[type='search'], .information-form input.form-control::placeholder, .information-form input.form-control, .form-group .form-control, .form-group .form-control::placeholder, #searchform div input::placeholder, #searchform div input
{
font-size: 18px;
color: #585757;
text-transform: none;
}
#search-adderss, .form-inline input, .getintouch-form .form-group input.form-control, #seacrh-address, .woof_text_search_container input[type='search'], .information-form input.form-control, .form-group .form-control, #searchform div input
{
color:#000;
}
#searchform div input {
width:calc(100% - 50px);
width: -webkit-calc(100% - 50px);
width: -moz-calc(100% - 50px);
height:40px;
color:#000;
background:#ccc;
border:none;
vertical-align:top;
}
.widget-categories h4.widget-title {
font-size:22px;
color:#08295e;
font-style: normal;
font-weight: 500;
text-transform:uppercase;
}
.widget-categories ul li a {
font-size:20px;
color:#08295e;
font-style: normal;
font-weight: 500;
margin-bottom:15px;
display:block;
}
.widget.widget-categories {
margin-bottom:60px;}
.share-block {
background:#e6e6e6;
padding:20px ;
margin-bottom:50px;
}
.share-block ul.share-list {
float:right;
}
.share-block ul.share-list li {
display:inline-block;
margin-left:5px;
font-size:20px;
}
.share-block ul.share-list li:first-child{
margin-right:10px;}
.share-block ul.share-list li a {
color:#000;
}
.share-block ul.tags li {
display:inline-block;
font-size:20px;
}
.share-block ul.tags li a {
color: #000;
}
.appointment-block {
background:#fd8204;
padding:30px 100px 20px;
text-align:center;
margin-bottom:40px;
}
.appointment-block .cl-btn {
background:#fff;
color:#08295e;}
.appointment-block .cl-btn::before {
color:#fff;
}
.appointment-block p {
font-style: normal;
font-weight: 800;
font-size:22px;
text-transform:uppercase;
color:#fff;
}
ul.related-posts {
margin-top:35px;
}
ul.related-posts li {
display:inline-block;
width:23%;
margin-right:2%;
vertical-align:top;
}
ul.related-posts li:last-child {
margin-right:0;
}
ul.related-posts li p {
font-style: normal;
font-weight: 800;
font-size:15px;
text-transform:uppercase;
color:#08295e;
}
ul.related-posts li .img-column {
width:100%;
height:auto;
}
ul.related-posts li .img-column img {
width:100%;
height:auto;
}
.bold {
font-weight:800;
}
.blog-entry-content h3 {
font-style: normal;
font-size:32px;
color:#534757;
font-weight:400;
text-transform:uppercase;
}
.single-product {
margin-bottom:50px;}
.img-slider .img-block {
width:100%;
height:595px;
border:solid 1px #999;
}
.img-slider .img-block img {
width:100%;
height:auto;
}
ul.img-slider-list {margin-top:40px;}
ul.img-slider-list li {
width:145px;
height:145px;
display:inline-block;
border:solid 1px #999;
margin-right:15px;
}
ul.img-slider-list li img {
width:100%;
height:auto;
}
ul.img-slider-list li img {
display: block;
height: auto;
margin: 0 auto;
max-width: 80%;
position:relative;
top:25%;
}
.product-title {
font-size:40px;
text-transform:uppercase;
font-style: normal;
font-weight:500;
color:#08295e;
}
.product-details p {
font-size:20px;
}
.product-details .cl-btn {
font-size:15px;
max-width:225px;
width:100%;
max-height:49px;
margin:0;
display:inline-block;
margin-right:25px;
}
.product-details .cl-btn::before {
height:49px;
line-height:49px;
text-align:center;}
.product-details .try-btn {
height:49px;
line-height:49px;
max-width:228px;
width:100%;
display:inline-block;
vertical-align:top;
}
.product-details .try-btn::before {
height:49px;
line-height:49px;
text-align:center;
}
.product-details .center-block {
margin-bottom:30px;
margin-top:20px;
}
.product-details .title {
font-weight:500;
font-size:20px;
text-transform:uppercase;
margin-bottom:10px;
}
.product-details ul.details-list li {
font-size:18px;
font-weight:500;
padding-left: 85px;
margin-top: 5px;
}
.product-details ul.share-list{
margin-top:6px;
}
.product-details ul.share-list li {
display:inline;
font-size:20px;
margin-right:10px;
}
.product-details ul.share-list li a {
color:#000;
}
ul.list-one {
margin:25px 0 40px;
}
ul.list-one li {
display:inline-block;
margin-right:20px;
font-size:21px;
}
ul.list-one li span {
background:#08295e;
color:#fff;
font-size:13px;
display:inline-block;
padding:5px 10px;
border-radius:15px;
}
ul.list-one li.offer-block span {
background:#fd8204;
color:#fff;
font-size:13px;
display:inline-block;
padding:5px 10px;
border-radius:15px;
}
.sidebar-block > ul > li {
margin-bottom:20px;}
.sidebar-block .widget-categories h4.widget-title{
color:#08295e;
background:#e6e6e6;
display:block;
font-size:19px;
text-transform:uppercase;
font-weight:800;
padding:25px 20px;
position:relative;
}
.sidebar-block ul > li > ul > li > a {
color:#000;
text-transform:capitalize;
font-weight:400;
background:none;
padding:2px 20px;
}
.sidebar-block ul > li > ul > li > a::before {
display:none;}
.sidebar-block ul > li > a {
position:relative;}
.sidebar-block .widget-categories h4.widget-title::before {
content:"\f105 ";
font-family:fontawesome;
width:70px;
height:100%;
position:absolute;
right:0;
top:0;
background:#08295e;
color:#fff;
font-size:30px;
line-height:65px;
text-align:center;
}
.sidebar-block > ul > li > ul {
display:none;
}
.sidebar-block > ul > li:hover ul{
display:block;
}
.sidebar-block {
display:none;
}
.popup-window {
}
.popup-window .modal-dialog {
max-width:430px;
border-radius:0;
}
.popup-window .modal-content {
border-radius:3px;
border:solid 1px #000;
text-align:center;
}
.popup-window h2 {
font-size:29px;
font-weight:800;
text-align:center;
text-transform:uppercase;
}
.popup-window p {
font-size:27px;
font-weight:400;
}
.popup-window .btn {
background:#fd8204;
color:#fff;
width:95%;
margin:0 auto 10px;
display:block;
padding:15px 20px;
font-size:24px;
font-weight:600;
text-transform:uppercase;
text-align:left;
border-radius:0;
}
.popup-window .btn i {
margin-right:20px;}
.popup-window .close {
opacity:1;
font-size:35px;
padding:5px;
background:#e6e6e6;
color:#111111;
text-shadow:none
}
.popup-window .close i {
font-size:40px;
display:block;
}
.popup-window .modal-header {
border:none;
}
.banner-inner {
max-height:450px;
}
.footer-nav .caret {
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px dashed;
margin-left: 5px;
position: relative;
top: 4px;
vertical-align: top;
}
.grw-slider {
overflow:hidden;
padding:0 50px;
}
.content.container {
padding:0 30px;
}
.form-search .cl-btn:hover,
ul.location-list li .cl-btn:hover,
.try-btn:hover,
ul.offer-list li .cl-btn:hover,
#start_test .cl-btn:hover {
color:#08295e ;
opacity:0.7;
}
.form-search .cl-btn:hover:before,
ul.location-list li .cl-btn:hover:before,
ul.offer-list li .cl-btn:hover:before,
#start_test .cl-btn:hover:before {
color:#fff;
opacity:0.7;}
.widget.widget-categories ul {
display:block;
}
.widget.widget-categories h4:hover > ul {
display:block;
}
.content-area .archive-block {
margin-top:0;
}
body .sm_menu_outer {
background:#fff;
}
body .sm_menu_outer .mobile_menu a {
color:#000;
}
.single-product .img-slider .single-product-main-image {
border:none;
}
.single-product .img-slider .single-product-main-image a img {
display:block;
margin:0 auto;
}
.content-area .woocommerce-result-count {
background: #e6e6e6 none repeat scroll 0 0;
padding: 8px 10px 6px;
}
.content-area #pager-limit {
padding:5px 10px;
}
#wrapper.survey-page .banner-column .banner-overlay .right-block,
#wrapper.book-eye-exam-page .banner-column .banner-overlay .right-block,
#wrapper.book-eye-exam-2-page .store-eye-exam-page .banner-column .banner-overlay .right-block,
#wrapper.store-eye-exam-page .banner-column .banner-overlay .right-block,
#wrapper.store-eye-exam-2-page .store-eye-exam-page .banner-column .banner-overlay .right-block,
[class^="franchise-business"] .banner-column .banner-overlay .right-block {
margin-top:19px;
}
ul.frame-block .owl-item .attribute-swatch .swatchinput,
ul.product-list .attribute-swatch .swatchinput,
.main-product-swatch .attribute-swatch .swatchinput {
margin-right:5px;
}
ul.frame-block .owl-item .attribute-swatch .swatchinput {
margin-bottom:10px;}
.container ul.frame-block .owl-item .attribute-swatch .swatchinput label,
.container ul.product-list .attribute-swatch .swatchinput label,
.main-product-swatch .attribute-swatch .swatchinput label,
.frame-block .swatchinput label{
width:25px !important;
height:25px !important;
background-size:100%;
}
.side-bar .widget.widget-woof > h3 {
cursor:pointer;
}
.side-bar .widget.widget-woof > h3 {
position:relative;
}
.side-bar .widget.widget-woof > h3::after {
position:absolute;
content:"\f107 ";
font-family:fontawesome;
right:10px;
}
.side-bar .widget.widget-woof > h3.m-expand::after {
content:"\f106 ";
}
.woof_text_search_container input[type="search"] {
border:none;
background:#ccc;
min-height:40px;
}
.content-area.col-md-9 {
padding-left:30px;
}
body #tryonBox {
left:50%;
right:50%;
margin-left:-11%;
max-width:311px;
width:100%;
}
.navbar-brand {
height: 115px;
line-height: 115px;
margin-left: -4px;
width: 90%;
}
.navbar-brand {
padding: 0;
}
.navbar-brand {
float: left;
font-size: 18px;
}
.navbar-storeblock .find-store {
background-color: #fd8204
}
.navbar-storeblock .find-store {
height: 115px;
padding-left: 3%;
padding-right: 65px;
padding-top: 27px;
width: 61.1%;
}
.navbar-storeblock .schedule-exam {
height: 160px;
line-height: 155px;
text-align: center;
width: 38.9%;
}
.navbar-storeblock .schedule-exam {
padding: 0;
}
.navbar-storeblock .find-store_form .form-label {
color: #fff;
float: left;
font-size: 18px;
font-weight: 700;
line-height: 19px;
margin-top: 10px;
padding: 0 5px;
text-align: center;
text-transform: uppercase;
width: 17%;
}
.navbar-storeblock .find-store_form .form-group {
margin-bottom: 0;
overflow: hidden;
position: relative;
}
.navbar-storeblock .find-store_form .form-group label {
color: #333;
font-size: 11px;
font-weight: 400;
}
.form-group label {
display: block;
}
.navbar-storeblock .find-store_form .form-control {
background: #fff ;
border: 2px solid #08295e;
border-radius: 0;
box-shadow: none;
color: #666;
font-size: 14px;
height: 60px;
padding: 0 16% 0 15px;
}
.navbar-storeblock .find-store_form .btn-1 {
background: #08295e none repeat scroll 0 0;
bottom: 0;
color: #fff;
height: 60px;
position: absolute;
right: 0;
width: 15%;
}
.main-header {
background: rgba(0, 0, 0, 0) linear-gradient(to right, #fff 0px, #fff 50%, #08295e 50%, #08295e 100%) repeat scroll 0 0;
padding-bottom: 0;
min-height:50px;
}
/* .global-navigation {
border-bottom: 1px solid #d8e6ee;
border-top: 1px solid #d8e6ee;
} */
.main-header .navbar-storeblock .schedule-exam {
height: 115px;
line-height: 115px;
text-align: center;
width: 38.9%;
}
.main-header .navbar-storeblock .schedule-exam .btn-2 {
border: 2px solid #fff;
height: 60px;
margin: 0 auto;
max-width: 220px;
padding: 15px 10px;
text-decoration: none;
width: 100%;
border-radius:0;
font-weight:600;
}
.btn {
border-radius: 0;
color: #fff;
font-size: 14px;
font-weight: 900;
line-height: 1.5;
text-transform: uppercase;
}
.main-header .navbar-storeblock .schedule-exam {
background-color: #08295e;
}
.main-header .navbar-storeblock .schedule-exam {
line-height: 115px;
text-align: center;
}
.navbar-brand a {
background:url(../151028C_Stanton_Logo_Redesign_Stack.png) no-repeat 0 0;
display:block;
background-size:100%;
margin:5px auto 0;
top: 11px;
position: relative;
}
.call-block.pull-right.header-phone {
float:none !important;
max-width:352px;
margin:0 auto;
background:none;
border:solid 2px #fff;
font-size:20px;
margin-top:27px;
}
.l-head,
ul.location-list li h2,
#featured-frames h1 {
text-transform:capitalize;
}
ul.footer-nav li ul li,
.disclamer-t {
font-weight:400;
}
.disclamer-t {
font-weight:300;
font-size:13px;
}
.main-header .container .row {
margin:auto;
}
.col-md-6 .banner-signup .form-group {
width:100%;
max-width:85%;
}
.col-md-6 #banner-signup input#email {
width:68%;
height:50px;
max-height:50px;
vertical-align:top;
}
.col-md-6 #banner-signup input#zip {
width:32%;
margin-left:-2%;
border-left:solid 1px #ccc;
height:50px;
max-height:50px;
vertical-align:top;
}
.col-md-6 form.form-inline.banner-signup .btn {
margin-left: -5px;
width: 16%;
border:none;
line-height:38px;
height:50px;
text-indent:-999px;
position:relative;
}
.col-md-6 form.form-inline.banner-signup {
position:relative;
}
.col-md-6 form.form-inline.banner-signup::before {
color: #fff;
content:"\f178";
font-family: fontawesome;
font-size: 27px;
pointer-events: none;
position: absolute;
right: 5%;
text-align: center;
top: 11px;
z-index: 99;
}
footer #signup h5 {
text-transform:none;
}
#signup input#email {
width:68%;
display:inline-block;
background:#ededed;
border-radius:5px 0 0 5px;
font-family: 'Titillium Web', sans-serif;
}
#signup input#zip {
width:30%;
display:inline-block;
background:#ededed;
border-radius:0 5px 5px 0px;
position:relative;
left:-5px;
border-left:solid 1px #cbcbcb;
font-family: 'Titillium Web', sans-serif;
}
#signup ::-webkit-input-placeholder { /* Chrome */
color: #8F8F8F;
font-size:13px;
font-weight:500;
}
#signup :-ms-input-placeholder { /* IE 10+ */
color: #8F8F8F;
font-size:13px;
font-weight:500;
}
#signup ::-moz-placeholder { /* Firefox 19+ */
color: #8F8F8F;
font-size:13px;
font-weight:500;
}
#signup :-moz-placeholder { /* Firefox 4 - 18 */
color: #8F8F8F;
font-size:13px;
font-weight:500;
}
#signup .btn {
background-color: #f48020 !important;
background:url(../images/arrow-icon.png) no-repeat 0 0;
width:40px;
border-radius: 8px;
background-position: center;
position: relative;
right: 10px;
}
footer #signup.form-inline .form-group {
width:calc(100% - 43px);
}
button.btn:focus {
border:none;
outline:none;
box-shadow:none;
background:inherit;
}
.col-md-6 form.form-inline.banner-signup .btn:focus {
border:none;
box-shadow:none;
outline:none;
background:#fd8204 none repeat scroll 0 0;
}
.fa-map-marker {
display:none !important;
}
.page-numbers li a.prev, .page-numbers li a.next {
top:0;
background:none;
width:auto;
height:auto;
position:static;
}
.l-head.text-center.padding-ver {
margin-top:30px;
}
input:focus {
outline:none;
border:none;
}
#wrapper .padding-btm-100 {
padding-bottom:60px ;
}
article i.fa.fa-facebook, .product-details ul.share-list li a i.fa.fa-facebook, .share-block ul.share-list li a i.fa.fa-facebook {
color:#3b5998;
}
article i.fa.fa-twitter, .product-details ul.share-list li a i.fa.fa-twitter, .share-block ul.share-list li a i.fa.fa-twitter {
color:#0084b4;
}
article i.fa.fa-pinterest, .product-details ul.share-list li a i.fa.fa-pinterest, .share-block ul.share-list li a i.fa.fa-pinterest {
color:#BD081C;
}
article i.fa.fa-linkedin, .product-details ul.share-list li a i.fa.fa-linkedin, .share-block ul.share-list li a i.fa.fa-linkedin {
color:#0075B8;
}
article i.fa.fa-tumblr, .product-details ul.share-list li a i.fa.fa-tumblr, .share-block ul.share-list li a i.fa.fa-tumblr {
color:#36465D;
}
article i.fa.fa-whatsapp, .product-details ul.share-list li a i.fa.fa-whatsapp, .share-block ul.share-list li a i.fa.fa-whatsapp {
color:#0DC142;
}
.share-block ul.share-list li a
{
position: relative;
top: 5px;
}
.banner-column .banner-overlay .right-block .schedule-block span.es {
font-size: 15px;
}
.banner-column .banner-overlay .right-block .schedule-block p.es {
font-size: 46px;
}
/*new custom style style*/
ul {
list-style:none;
margin:0;
padding:0;
}
a:hover {
text-decoration:none;
}
body {
font-family: 'Titillium Web', sans-serif;}
.main-header {
background:none;
}
header {
padding:10px 0;
background:none;
}
header.main-header .container-fluid{padding:0 55px;}
.st-logo {
width:167px;
height:74px;
margin:0 auto;
background:url(../images/stanton-logo-new.jpg) no-repeat 0 0;
display:block;
text-indent:-9999px;
}
header .find-store_form legend {
font-family: 'Nunito Sans', sans-serif;
color:#fd8204;
font-size:14px;
text-transform:uppercase;
font-weight:700;
border:none;
margin:0;
}
header .find-store_form .form-group input {
height:47px;
border-radius:10px;
border-color:#b3b3b3;
}
header .find-store_form .form-group {
position:relative;
}
header .find-store_form .form-group input.btn-1 {
background:#f48120 url(../images/search-icon.png) no-repeat center center;
color:#fff;
position:absolute;
right:0;
border-radius:0 10px 10px 0;
top:0;
text-indent:-9999px;
padding:0 27px;
border:none;
}
p.call {
padding-left: 15px;
font-size:18px;
color:#002e6d;
margin-top:10px;
}
p.call::before {
content:"\f095";
font-size:22px;
font-family:"font awesome 5 free";
font-weight:bold;
margin-right:10px;
transform: rotate(90deg);
display: inline-block;
}
.top-menu-bar {
background:#f9f9f9;
min-height:40px;
}
.top-menu-bar .navbar-collapse {
padding:0;
}
.navbar-default {
border:none;
background:none;
margin:0;
}
.navbar-nav {
width:100%;
}
.navbar-nav > li {
width:14.28%;
text-align:center;
text-transform:capitalize;
}
.navbar-default .navbar-nav > li > a {
font-size:17px;
transition: 0.3s;
border-top:solid 1px #e7e7e7;
}
.navbar-default .navbar-nav > li > a:hover {
background:#fff;
color:#f48120;
border-top:solid 1px #fbfbfb;
}
.navbar-nav > li > ul {
display:none;
white-space:nowrap;
margin-left:0;
padding-left:0;
width:415px;
position:absolute;
text-align:left;
background:rgba(255, 255, 255, 0.91);
border-radius:0 0 50px 0;
transition: 0.3s;
font-size:14px;
z-index:99;
}
.navbar-nav > li:hover ul {
display:block;
}
.navbar-nav > li > ul > li {
width:50%;
float:left;
}
.navbar-nav > li > ul > li:first-child > a {
border-right:solid 1px #fff;
}
.navbar-nav > li > ul > li > a {
background:#a3a3a3;
color:#fff;
display:block;
padding:0 15px;
line-height:28px;
}
.navbar-nav > li > ul > li li a {
padding:0 15px;
line-height:28px;
color:#3a3a3a;
display:block;
border-right:solid 1px #3a3a3a;
transition: 0.3s;
white-space:normal;
}
.navbar-nav > li > ul > li:last-child a {
border:none;
}
.navbar-nav > li > ul > li > ul {
padding:10px 0;
}
.navbar-nav > li > ul > li li a:hover {
color:#fd8204;
}
.navbar-nav > li:hover > a {
background:#fff;
border-top:solid 1px #e7e7e7;}
.d-logo {
width:167px;
height:74px;
margin:0 auto;
background:url(../images/stanton-logo-new.jpg) no-repeat 0 0;
display:block;
text-indent:-9999px;
position:absolute;
margin-left: 54px;
top: 10px;
}
.book-exam {
font-size:28px;
font-weight:700;
text-transform:uppercase;
color:#474747;
position:relative;
display:none;
}
.book-exam::before {
content:"\f073 ";
font-size:29px;
color:#474747;
font-family:"font awesome 5 free";
font-weight:bold;
margin-right:10px;
}
footer hr {
border: none;
border-bottom-color: currentcolor;
border-bottom-style: none;
border-bottom-width: medium;
border-bottom: solid 3px #fff;
clear: both;
}
ul.social-footer li a {
background:none;
width:32px;
height:32px;
}
ul.social-footer li.facebook a {
background:url(../images/icon-socials.png) no-repeat -2px -4px;
}
ul.social-footer li.twitter a {
background:url(../images/icon-socials.png) no-repeat -51px -4px;
}
ul.social-footer li.linkedin a {
background:url(../images/icon-socials.png) no-repeat -100px -4px;
}
ul.social-footer li.youtube a {
background:url(../images/icon-socials.png) no-repeat -196px -4px;
}
ul.social-footer li.instagram a {
background:url(../images/icon-socials.png) no-repeat -148px -4px;
}
ul.social-footer li:first-child {
position:relative;
top:-9px;
font-size:13px;
font-weight:600;
letter-spacing:3px;
text-transform:uppercase;
}
.schedule-block-d {
width:250px;
height:250px;
background:rgba(255, 255, 255, 0.3);
border-radius:50%;
position:absolute;
right:30px;
top: 27%;
bottom: 50%;
margin-top: -75px;
text-transform:uppercase;
}
.schedule-block-d::before {
content:"";
width:210px;
height:210px;
border-radius:50%;
border:solid 1px #fff;
position:absolute;
left:20px;
top:20px;
}
.schedule-block-d i {
font-style:normal;
color:#fff;
font-size:18px;
text-align:center;
display:block;
margin-top:90px;
}
.schedule-block-d {
font-size:34px;
font-weight:700;
display:block;
text-align:center;
color:#fff;
}
.banner-info-two {
position:absolute;
right:30px;
bottom:50px;
}
.banner-info-two p {
font-size:16px;
color:#fff;
font-weight:700;
text-align:right;
position:relative;
padding-right:25px;
margin:0;
text-transform:uppercase;
}
.banner-info-two p a {
color:#fff;}
.banner-info-two p::after {
content:"";
width:15px;
height:15px;
border:solid 1px #fff;
border-radius:50%;
text-align:center;
display:block;
position:absolute;
right:0;
top:5px;
}
.banner-info-two p::before {
content:"";
width:9px;
height:9px;
background:#fff;
border-radius:50%;
text-align:center;
display:block;
position:absolute;
right:3px;
top:8px;
}
.navbar-nav > li:nth-child(6) > ul {
left:auto;
right:0;
width:500px;
}
.navbar-nav > li:nth-child(6) > ul > li:first-child {
width:65%;
}
.navbar-nav > li:nth-child(6) > ul > li:last-child {
width:35%;
}
.navbar-nav > li:nth-child(6) > ul > li:first-child > ul > li {
width:50%;
float:left;
}
.navbar-nav > li:nth-child(6) > ul > li:first-child > ul > li:nth-child(odd) > a {
border:none;
}
.navbar-nav > li:nth-child(2) > ul {
max-width:325px;}
#featured-frames h1.wpb_slider_title {
text-align:left;
margin-bottom:0;
}
.wpb_slider_area .owl-theme .owl-nav > div {
width: 36px;
height: 36px;
border-radius: 50%;
padding: 0;
line-height: 35px;
text-align: center;
}
ul.frame-block li .frame-thumb, ul.product-list li .frame-thumb {
border:none;
min-height:100px;
}
ul.frame-block li h2 {
text-align:center;
}
.attribute-swatch {
text-align:center;
}
ul.feature-info-list {
text-align:center;
margin:10px auto;
}
.tryon-btn {
background:#a3a3a3;
display:block;
max-width:120px;
background-image:url(../images/try-it-on-icon.png);
background-position:1px center;
background-repeat:no-repeat;
margin:0 auto;
padding:1px 1px 1px 55px;
border-radius:20px;
}
.tryon-btn:hover {
background-color: #f48120;
}
.tryon-btn span {
display:block;
color:gray;
background:#fff;
border-radius:0 20px 20px 0;
font-weight:700;
text-transform:uppercase;
font-size:12px;
padding-left:5px;
}
.wpb-wps-product-title h2 {
color:#002e6d;
font-size:18px;
font-weight:600;
}
#banner-signup.form-inline .form-group {
width: calc(100% - 43px);
}
#banner-signup input#email {
width: 68%;
display: inline-block;
background: #ededed;
border-radius: 5px 0 0 5px;
font-family: 'Titillium Web', sans-serif;
}
#banner-signup input#zip {
width: 30%;
display: inline-block;
background: #ededed;
border-radius: 0 5px 5px 0px;
position: relative;
left: -5px;
border-left: solid 1px #cbcbcb;
font-family: 'Titillium Web', sans-serif;
}
#banner-signup .btn {
background-color: #f48020 !important;
background: url(../images/arrow-icon.png) no-repeat 0 0;
width: 40px;
border-radius: 8px;
background-position: center;
position: relative;
right: 10px;
}
.col-md-6 #banner-signup {
text-align:center;
}
.col-md-6 #banner-signup input#email,
.col-md-6 #banner-signup input#zip {
height:36px;}
.col-md-6 form.form-inline.banner-signup .btn {
height:34px;
margin:0;}
.col-md-6 form.form-inline.banner-signup::before {
display:none;
}
#banner-signup ::-webkit-input-placeholder { /* Chrome */
color: #8F8F8F;
font-size:13px;
font-weight:500;
}
#banner-signup :-ms-input-placeholder { /* IE 10+ */
color: #8F8F8F;
font-size:13px;
font-weight:500;
}
#banner-signup ::-moz-placeholder { /* Firefox 19+ */
color: #8F8F8F;
font-size:13px;
font-weight:500;
}
#banner-signup :-moz-placeholder { /* Firefox 4 - 18 */
color: #8F8F8F;
font-size:13px;
font-weight:500;
}
.free-block.two a.btn {
background:none;
text-align:right;
color:#7c7c7c;
font-weight:700;
margin-top:0;
font-size:24px;
line-height:34px;
position:relative;
padding-right:60px;
}
.free-block.two a.btn:active {
box-shadow: none;
}
.free-block.two a.btn::before {
content:"";
width:30px;
height:30px;
border-radius:50%;
color:#fff;
background:#f48120;
right:0;
display:block;
position:absolute;
top:7px;
}
.free-block.two a.btn i {
position: absolute;
width: 39px;
height: 40px;
display: block;
right: 0;
top: 7px;
}
.free-block.two a.btn i::before {
content: "";
width: 12px;
height: 1.5px;
background: #fff;
position: absolute;
left: 20px;
top: 10px;
transform: rotate(48deg);
}
.free-block.two a.btn i::after {
content: "";
width: 12px;
height: 1.5px;
background: #fff;
position: absolute;
left: 20px;
top: 18px;
transform: rotate(-48deg);
}
.swatchinput {
width: 39px;
height: 39px;
border: solid 1px #ccc;
border-radius: 50%;
padding: 2px;
display: inline-block;
text-align: center;
margin-right:5px;
}
.swatchinput label {
width: 33px;
height: 33px;
margin: 0 auto;
position: relative;
right: 0px;
}
.swatchinput label.color_blue {
background: url(../images/blue%2032x32.png) no-repeat 0 0;
}
.swatchinput label.color_purple {
background: url(../images/purple32x32.png) no-repeat 0 0;
}
.swatchinput label.color_black {
background: url(../images/black32x32.png) no-repeat 0 0;
}
.banner-inner-column {
margin-top:0;
margin-bottom:30px;
}
.banner-inner-column .cols {
width:33.333%;
float:left;
}
.banner-inner-column .cols img {
width:100%;
height:auto;
}
.filter-nav-block ul {
text-align:center;
padding:0;
margin:0;
list-style:none;
}
.filter-nav-block ul li {
display:inline-block;
font-size: 14px;
font-weight: 700;
text-transform:uppercase;
}
.filter-nav-block > .container > ul > li > a {
color:#1f1e1e;
padding:10px 25px;
text-decoration:none;
display:block;
/*border-left:solid 1px #fff;
border-right:solid 1px #fff;*/
position:relative;
}
.filter-nav-block > .container > ul > li > a::before {
content:"";
width: 0;
height: 0;
border-style: solid;
border-width: 8px 6.5px 0 6.5px;
border-color: #f47f20 transparent transparent transparent;
position:absolute;
right:0px;
top:48%;
}
.filter-nav-block > .container > ul > li:nth-child(4) a {
margin:10px;
}
.filter-nav-block > .container > ul > li > a {
font-size:25px;
color:#f48120;
}
.filter-nav-block ul li a:hover {
/* border-left:solid 1px #fff;
border-right:solid 1px #fff;*/
}
.filter-nav-block ul li ul {
position:absolute;
max-width:300px;
/*border:solid 1px #ccc;*/
padding:20px;
display:none;
width:100%;
background:#fff;
z-index:999;
}
.filter-nav-block ul li:hover ul {
display:block;
}
.filter-nav-block ul li ul li {
display:block;
text-align:left;
position:relative;
z-index:99;
}
.filter-nav-block ul > li:hover > a
{
/*border-left:solid 1px #ccc;
border-right:solid 1px #ccc;*/
position:relative;
}
.filter-nav-block ul > li > li > a {
border:none;
}
.filter-nav-block ul > li li:hover > a {
border:none;
}
.filter-nav-block ul li:nth-child(2) li a {
display:inline-block;
padding:5px 20px;
}
/* Base for label styling */
.filter-nav-block ul li [type="checkbox"]:not(:checked),
.filter-nav-block ul li [type="checkbox"]:checked {
position: absolute;
left: -9999px;
}
.filter-nav-block ul li [type="checkbox"]:not(:checked) + label,
.filter-nav-block ul li [type="checkbox"]:checked + label {
position: relative;
padding-left: 1.95em;
cursor: pointer;
}
/* checkbox aspect */
.filter-nav-block ul li [type="checkbox"]:not(:checked) + label:before,
.filter-nav-block ul li [type="checkbox"]:checked + label:before {
content: '';
position: absolute;
left: 0; top: 0;
width: 1.25em; height: 1.25em;
border: 2px solid #ccc;
background: #fff;
border-radius: 4px;
box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
.filter-nav-block ul li [type="checkbox"]:not(:checked) + label:after,
.filter-nav-block ul li [type="checkbox"]:checked + label:after {
content: '\2713\0020';
position: absolute;
top: .15em; left: .22em;
font-size: 1.3em;
line-height: 0.8;
color: #09ad7e;
transition: all .2s;
font-family: 'Lucida Sans Unicode', 'Arial Unicode MS', Arial;
}
.franchise-page .entry-content h4 {
margin-bottom:0;
font-family: 'Titillium Web', sans-serif;
font-weight:700;
color:#534757;
}
.franchise-page .entry-content p {
font-family: 'Titillium Web', sans-serif;
color:#0f2a5b;
}
ul.content-list li {
color:#0f2a5b;}
ul.content-list li::before {
content: "";
margin-right: 10px;
width: 10px;
height: 10px;
border-radius: 50%;
background: #0f2a5b;
left: 0;
display: inline-block;
}
h2.l-head {
font-family: 'Titillium Web', sans-serif;
font-weight:700;
text-transform:uppercase;
font-size:36px;
}
form.information-form input.form-control {
background: #f5f5f5;
border-radius: 25px;
height: 55px;
padding: 20px;
box-shadow: none;
border: solid 2px #dbdbdb;
}
form.information-form ::-webkit-input-placeholder { color:#b9b9b9; }
form.information-form ::-moz-placeholder { color:#b9b9b9; } /* firefox 19+ */
form.information-form :-ms-input-placeholder { color:#b9b9b9; } /* ie */
form.information-form input:-moz-placeholder { color:#b9b9b9; }
.cl-btn::before {
content: " ";
width: 40px;
height: 31px;
position: absolute;
right: 0;
top: 0;
background-color: #f48020!important;
background: url(../images/arrow-icon.png) no-repeat 0 0;
background-position: center;
border-radius: 8px;
}
.right-content-col p {
font-size: 20px;
line-height: 29px;
padding-top: 96px;
color:#0f2a5b;
}
.right-content-col .cl-btn {
color:#fff;
background:none;
padding:0 50px 0 0;
margin:30px 0;
float:right;
}
.right-content-col .cl-btn::before {
width:30px;
height:30px;
border-radius:50%;
content:"";
position:absolute;
right:0;
background:#fff;
padding-top:0;
}
.right-content-col .cl-btn.home-abt:hover {
color:#fd8204;
}
.right-content-col .cl-btn:hover:before {
background:#fd8204;
}
.right-content-col .cl-btn i {
position:relative;}
.right-content-col .cl-btn i::before {
content: "";
width: 13px;
height: 1.5px;
background: #fff;
position: absolute;
left: 30px;
top: 10px;
transform: rotate(45deg);
}
.right-content-col .cl-btn i::after {
content: "";
width: 13px;
height: 1.5px;
background: #fff;
position: absolute;
left: 30px;
top: 18px;
transform: rotate(-45deg);
}
.selected-s {
position:relative;
}
.selected-s::before {
width: 45px;
height: 45px;
border: solid 1px #ccc;
content: "";
display: block;
position: absolute;
left: -4px;
top: -4px;
border-radius: 50%;
}
.home-page .banner-ajax {
position: relative;
}
.schedule-top {
max-width: 254px;
width: 250px;
float: right;
position: absolute;
right: 40px;
top:50px;
}
.schedule-top .right-block {
top:0;
position: relative;
-webkit-transform: inherit;
-moz-transform: inherit;
-ms-transform: inherit;
-o-transform: inherit;
transform: inherit;
}
.banner-ajax.offer-top {
position:relative;
}
/*.schedule-top .right-block .schedule-block::before {
content: "";
border: solid 9px #fd8204;
border-radius: 50%;
width: 200px;
height: 200px;
position: absolute;
display: block;
top: 24px;
pointer-events: none;
left: 24px;
}*/
.schedule-top .right-block {
font-style: normal;
font-weight: 700;
width: 250px;
height: 250px;
background: #fff;
border-radius: 50%;
border:none;
text-align: center;
position: relative;
padding-top: 80px;
margin-bottom: 30px;
-webkit-box-shadow: 0 0 28px -9px rgba(0,0,0,.75);
-moz-box-shadow: 0 0 28px -9px rgba(0,0,0,.75);
box-shadow: 0 0 28px -9px rgba(0,0,0,.75);
}
.schedule-top .right-block .schedule-block p {
font-weight: 700;
font-size: 34px;
color: #fd8204;
text-transform: uppercase;
margin-bottom: 0px;
}
.schedule-top .right-block .schedule-block span {
font-style: normal;
font-weight: 500;
font-size: 18px;
color: #fd8204;
text-align: center;
display: block;
text-transform: uppercase;
}
.schedule-top .right-block .schedule-block::before {
content: "";
border: solid 1px #fd8204;
border-radius: 50%;
width: 210px;
height: 210px;
position: absolute;
display: block;
top: 20px;
pointer-events: none;
left: 20px;
}
.schedule-top .right-block a {
display:block;
text-align:right;
color:#fff;
text-transform:uppercase;
padding-right:20px;
position:relative;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}
.schedule-top .right-block .top-schedule-box {
margin-bottom:120px;}
.schedule-top .right-block a::before {
content: "";
width: 9px;
height: 9px;
background: #fff;
border-radius: 50%;
text-align: center;
display: block;
position: absolute;
right: 3px;
top: 8px;
}
.schedule-top .right-block a::after {
content: "";
width: 15px;
height: 15px;
border: solid 1px #fff;
border-radius: 50%;
text-align: center;
display: block;
position: absolute;
right: 0;
top: 5px;
}
form.form-search .form-group:nth-child(1) {
width:432px;
float:left;
}
form.form-search .form-group:nth-child(2) {
width:60px;
float:left;
}
form.form-search {
width:500px;
margin:20px auto;
}
form.form-search button {
background: #f48120 url(../images/search-icon.png) no-repeat center center;
border:none;
display:block;
height:56px;
border-radius:0 15px 15px 0;
text-indent:-9999px;
width:100%;
}
.form-search .form-group .form-control {
height:56px;
background:#fff;
border-radius:15px 0 0 15px;
border-color:#c1c1c1;
border-right:none;
color: #ababab !important;
}
.form-search .form-group ::-webkit-input-placeholder { /* Chrome */
color: #ababab !important;
}
.form-search .form-group :-ms-input-placeholder { /* IE 10+ */
color: #ababab !important;
}
.form-search .form-group ::-moz-placeholder { /* Firefox 19+ */
color: #ababab !important;
}
.form-search .form-group :-moz-placeholder { /* Firefox 4 - 18 */
color: #ababab !important;
}
.l-head.l-width {
max-width:940px;
margin:0 auto;
text-align:left;
font-weight:700;
font-size:38px;
}
.l-head.l-width::after {
content: "";
width: 37px;
height: 37px;
background: url(../images/m-glass.jpg) no-repeat 0 0;
display: inline-block;
position: relative;
top: 10px;
left: 5px;
}
ul.alphabetic-pagination li a {
color:#787878;
font-weight:600;
}
ul.alphabetic-pagination li {
margin-right:0;
}
ul.alphabetic-pagination {
margin:20px auto 60px;
max-width:940px;
text-align:left;
}
ul.location-list li h4 {
font-size:22px;
font-weight:600;
color:#888888;
margin-bottom:0;
}
ul.location-list li p {color:#888888;}
ul.location-list li .cl-btn {
font-size:13px;
text-transform:uppercase;
background: #f3813a;
color:#fff;
border-radius:10px 20px 20px 10px;
font-weight:600;
padding-bottom:10px;
padding-top:10px;
position:relative;
}
ul.location-list li .cl-btn::before {
width:40px;
height:40px;
background: #BDBDBD!important;
border-radius:50%;
right: -2px;
}
ul.location-list li .cl-btn i {
position:relative;
width:30px;
height:30px;
position:absolute;
right: 1px;
top: 4px;
}
ul.location-list li .cl-btn i::before {
content: "";
width: 15px;
height: 2px;
background: #fff;
position: absolute;
left: 7px;
top: 10px;
transform: rotate(45deg);
}
ul.location-list li .cl-btn i::after {
content: "";
width: 15px;
height: 2px;
background: #fff;
position: absolute;
left: 7px;
top: 20px;
transform: rotate(-45deg);
}
ul.location-list li .cl-btn:hover, .single-offer .schedule-btn:hover {
background:#e9e9e9;
color:#5d5d5d;
opacity:1;
}
ul.location-list li .cl-btn:hover::before, .single-offer .schedule-btn:hover::before {
opacity:1;
}
ul.location-list li .cl-btn:hover
.info-block h4 {
color:#0F2A5B;
}
#franchise-short.information-form .cl-btn,
.getintouch-form .cl-btn {
padding: 0 50px 0 0;
background: none;
color: #565656;
text-transform: none;
}
.cl-pain {
background:none;
padding:0;
line-height:36px;
color:#565656;
}
product-details .cl-pain {
margin-bottom:20px;}
.main-navigation .navbar-collapse.in {
overflow-y:visible;
}
.col-md-6.product-details .attribute-swatch,
.col-md-6.product-details .center-block {
text-align:left;
}
.col-md-6.product-details .cl-btn {
max-width:150px;
}
.col-md-6.product-details .tryon-btn {
margin:10px 0;
}
.center-block .tryon-btn {
max-width:145px;
}
.single-offer .schedule-btn,
.r-btn {
font-size: 13px;
text-transform: uppercase;
background: #fd8204;
color: #fff;
border-radius: 10px 20px 20px 10px;
font-weight: 600;
padding-bottom: 10px;
padding-top: 10px;
position: relative;
padding: 10px 60px 10px 10px;
}
.ind-location-page .store-block .r-btn {
font-weight: 600;
}
.single-offer .schedule-btn::before,
.r-btn::before {
width: 40px;
height: 40px;
background: #c2c2c2!important;
border-radius: 50%;
}
.single-offer .schedule-btn i,
.r-btn i {
background: #bdbdbd;
position: relative;
width: 40px;
height: 40px;
position: absolute;
right: -5px;
top: 0px;
border-radius: 50%;
}
.r-btn:hover {
background: #E9E9E9;
color:#5d5d5d;
opacity: 1;
}
.single-offer .schedule-btn i::before,
.r-btn i::before {
content: "";
width: 15px;
height: 1.5px;
background: #fff;
position: absolute;
left: 14px;
top: 13px;
transform: rotate(45deg);
}
.product-details .center-block .r-btn i::before {
width: 19px;
top: 16px;
left: 18px;
}
.product-details .center-block .r-btn i::after {
width: 19px;
top: 29px;
right: 12px;
}
.single-offer .schedule-btn::after,
.r-btn i::after {
content: "";
width: 15px;
height: 1.5px;
background: #fff;
position: absolute;
right:6px;
top: 23px;
transform: rotate(-45deg);
}
.single-offer .schedule-btn::after,
.r-btn i::after {
right:11px !important;
}
.single-offer .schedule-btn i {
width: 45px !important;
height: unset !important;
}
.appointment-block .cl-btn::before {
background:none;
}
.appointment-block .cl-btn {
padding-right:15px;
}
.career-content .career-form .form-group input.form-control {
background: #f5f5f5;
border-radius: 25px;
height: 55px;
padding: 20px;
box-shadow: none;
border: solid 2px #dbdbdb;
color: #000;
}
.career-content .career-form .form-group input.form-control::placeholder {
color: #b9b9b9;
}
.career-content .career-form .form-group select.form-control {
background: #f5f5f5;
border-radius: 25px;
height: 55px;
padding: 10px 20px;
box-shadow: none;
border: solid 2px #dbdbdb;
color: #000;
}
.career-form .cl-btn {
background: none;
color: #08295e;
padding: 0 50px 0 0;
margin-bottom: 30px;
}
.product-details .center-block .r-btn {
margin-bottom: 25px;
display: block;
padding: 14px 60px 14px 10px;
max-width: 175px;
font-weight: bolder;
background-color: #fd8204;
color: white;
}
.product-details .center-block .r-btn:hover {
margin-bottom: 25px;
display: block;
padding: 14px 60px 14px 10px;
max-width: 175px;
font-weight: bolder;
background-color: #e9e9e9;
color: black;
}
.career-content .career-form button.input-lg {
border-radius: 20px;
margin-left: 10px;
height: 40px;
}
.ind-location-page .top-align,
.ppc-page .top-align {
margin-top: -30px;
}
.home-page .banner-column.clearfix {
/*border-bottom: solid 1px #f48120;*/
}
schedule-top .right-block .schedule-block:hover::before, .banner-column .banner-overlay .right-block .schedule-block:hover::before {
border: solid 5px #fd8204;
top: 15px;
left: 15px;
}
.schedule-top .right-block:hover .schedule-block::before {
border:solid 5px #fd8204;
}
.schedule-top .right-block a:hover {
color:#f5a95b;
text-shadow: 0px 0px 0px;
}
.schedule-top .right-block:hover .schedule-block span,
.schedule-top .right-block:hover .schedule-block p {
/*color:#fd8204;*/
}
@media (max-width: 991px) {
html, body {
overflow-x: hidden;
}
body {
position: relative
}
.banner-column .banner-overlay .right-block .schedule-block p.es {
line-height: 34px;
}
.schedule-top .right-block {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
p.call {
margin-top:0;
font-size:28px;
font-weight:700;
text-transform:uppercase;
color:#474747;
position:relative;
text-align:right;
}
p.call span {
display:none;
}
.book-exam {
display:block;
}
header {
padding-top:115px;
}
header.main-header .container-fluid {
padding: 0 30px;
}
.nav > li > a {
padding: 10px 5px;
}
.right-content-col p {
padding-top:0;
}
.main-header .call a, .main-header .book-exam a {
color: #474747;
}
#wrapper .schedule-top .right-block a {
text-shadow: none;
}
.locations-page form.form-search {
width:100%;
}
.locations-page form.form-search .form-group:nth-child(1) {
width: calc(100% - 60px);
}
.frames-sidebar .woof_container {
width:50%!important;
}
.getintouch-form {
margin-top: 40px;
}
.banner-inner .right-block .top-schedule-box .schedule-block {
background: #e9e9e9;
border-radius: 10px 20px 20px 10px;
font-weight: 600;
box-shadow: none;
padding: 6px 60px 6px 16px;
}
.banner-inner .right-block .top-schedule-box .schedule-block:hover {
background-color: #0082ca;
color: #fff!important;
}
.banner-inner .right-block .top-schedule-box .schedule-block:hover::before {
background-color: #bdbdbd!important;
}
.banner-inner .right-block .top-schedule-box .schedule-block p, .banner-inner .right-block .top-schedule-box .schedule-block span {
color: #5d5d5d!important;
line-height: inherit;
font-weight: 600!important;
}
.banner-inner .right-block .top-schedule-box .schedule-block::before {
border: none!important;
width: 40px;
height: 40px;
right: -1px;
left: auto;
top: 0;
border-radius: 50%;
background-color: #0082ca;
display: block;
}
.banner-inner .right-block .top-schedule-box .schedule-block p::before {
content: "";
width: 15px;
height: 2px;
background: #fff;
position: absolute;
right: 11px;
top: 14px;
transform: rotate(45deg);
}
.banner-inner .right-block .top-schedule-box .schedule-block p::after {
content: "";
width: 15px;
height: 2px;
background: #fff;
position: absolute;
right: 11px;
top: 24px;
transform: rotate(-45deg);
}
}
@media(min-width:1367px){
.banner-column {
max-height:1000px;
}
}
@media(min-width:1366px){
.container{width:1336px}
section .container {
max-width:1266px;}
}
@media only screen and (max-width: 1365px) {
ul.insurance-block li:nth-child(4n) {
margin-right: 80px;
}
ul.insurance-block li:nth-child(3n) {
margin-right: 0;
}
}
@media only screen and (max-width: 1360px) {
}
@media(min-width:1100px) and (max-width:1365px){
.container{width:auto}
section .container {
max-width:1266px;}
}
@media (max-width: 1320px) {
header {
position:relative;
}
.offer-banner .desktop-main-banner {
margin-top:0px!important;
}
}
@media (max-width: 1200px) {
ul.insurance-block li:nth-child(3n) {
margin-right: 80px;
}
ul.insurance-block li:nth-child(2n) {
margin-right: 0px;
}
.navbar-nav > li {
width: 14%;
}
}
@media only screen and (min-width: 1400px) {
.schedule-top {
top: 75px;
}
}
@media only screen and (min-width: 1500px) {
.schedule-top {
top: 90px;
}
}
@media only screen and (min-width: 1700px) {
.schedule-top {
top: 21%;
}
}
@media only screen and (max-width: 1220px) {
.quote-slider {
padding:0;
}
.quote-slider li:nth-child(3) {
display:none;
}
ul.frame-block li .frame-thumb img, ul.product-list li .frame-thumb img {
width:100%;
}
}
@media only screen and (max-width: 1200px) {
#wrapper a.logo {
display: block;
background-size:100% !important;
background-repeat:no-repeat !important;
}
.schedule-top .right-block .schedule-block::before {
width: 170px;
height: 170px;
top: 15px;
left: 15px;
}
.schedule-top .right-block {
width:200px;
height:200px;
padding-top:60px;
}
.schedule-top .right-block .top-schedule-box {
margin-bottom: 70px;
}
}
@media(min-width:1025px) and (max-width:1200px) {
.call-block.pull-right.header-phone {
font-size: 15px;
max-width: 255px;
}
}
@media (min-width:1025px) {
.banner-column .banner-overlay .right-block .schedule-block span {
font-weight: 600;
}
.banner-column .banner-overlay .right-block .schedule-block p {
font-weight: 700;
}
}
@media only screen and (max-width: 1050px) {
ul.insurance-list li {
font-size:16px!important;
}
.woof_container .woof_container_inner h4 {
font-size: 18px;
}
}
@media only screen and (max-width: 1024px) {
.entry p.t-one, .offer-block-two p span.t-one,
.entry p.t-two, .offer-block-two p span.t-two {
font-size:23px;
letter-spacing:2px;
}
.entry {
padding: 30px 20px 0 30px;
}
.entry p {
font-size:23px;
}
.left-col01 {
max-width:100%;
padding-top:0;
}
ul.location-list {
text-align:center;
}
ul.location-list li {
text-align:left;
}
ul.location-list li:nth-child(3n) {
margin-right: 80px;
}
ul.location-list li:nth-child(2n) {
margin-right:0;
}
ul.frame-block li .frame-thumb img, ul.product-list li .frame-thumb img {
width:90%;
height:auto;
}
ul.frame-block li .frame-thumb img {
display: block;
margin: 50px auto 0;
max-width: auto;
width:100%;
height:auto;
}
.img-col {
float: left;
margin-right: 0;
max-width: 1024px;
width:100%;
}
.right-content-col {
clear:both;
padding:15px;
}
ul.social-footer li { margin-right:9px;}
.free-block p { font-size:30px;}
.img-b img {
height: auto;
margin-left: 0;
width: 100%;
}
.glass-img img {
display: block;
margin: 23px auto;
}
.col-md-pull-9.header-logo {
float: none;
margin: 0 auto;
right: auto;
}
.sm_menu_outer .call-block {
display: block;
float: none !important;
margin: 60px auto 10px;
width: calc(100% - 40px);
}
.navbar-nav {
.sm_menu_outer .mobile_menu li {
border:none !important;
}
#sm_menu_ham.open {
background:#e6e6e6;
width:45px;
height:45px;
right:auto;
left:20px;
position:absolute;
top:25px;
}
#sm_menu_ham.open span:nth-child(2), #sm_menu_ham.open span:nth-child(3) {
left:7px;
top:22px;
}
#sm_menu_ham.open span {
background:#111111;
}
body .sm_menu_outer .mobile_menu a {
padding:10px 20px;
}
body .sm_menu_outer .header-phone {
position:relative;}
.logo {
width:190px;
height:105px;
background-repeat:no-repeat;
background-size:100% !important;
margin:20px auto;
}
.sm_menu_outer .header-phone {
position:relative;
}
.main-header .col-md-9.col-md-push-3,
.main-header .col-md-3.col-md-pull-9.header-logo {
float:none;
width:auto;
left:auto;
}
.main-header .col-md-9.col-md-push-3 .call-block.pull-right.header-phone {
float:none !important;
margin-top:0;
}
.main-header .container {
padding: 0;
width: 100%;
}
.col-md-9.navbar-storeblock {
width:100%;
}
.navbar-storeblock .find-store,
.main-header .navbar-storeblock .schedule-exam {
width:50%;
}
form *::-moz-placeholder {
font-size: 14px;
opacity: 1;
}
.col-md-9.navbar-storeblock {
padding:0;
}
.banner-ajax .schedule-top
{
margin: 5px auto 2px;
}
#wrapper .schedule-top .right-block .schedule-block p, #wrapper .banner-column .banner-overlay .right-block .schedule-block p
{
font-size: 17px!important;
}
body #featured-frames
{
padding-bottom: 0px;
}
body section#free-eye-exam
{
padding-bottom:30px!important;
}
}
@media only screen and (max-width: 1023px) {
ul.frame-block li {
display: inline-block;
margin: 0 5% 55px 0;
width: 47%;
}
ul.frame-block li:nth-child(2n) {
margin-right: 0;
}
.container.d-block a {
padding-left:50px;
}
.disclamer-t {
padding-right:150px;
}
.container.d-block a {
top:0;
}
}
@media(max-width:1025px){
}
@media(max-width:1024px){
section#free-eye-exam
{
margin-top: 20px;
}
}
@media(max-width:991px){
.fa-map-marker {
display:inline-block;
}
ul.offer-list li:nth-child(n) {
margin-right:auto;
}
.call-block.pull-right.header-phone {
border:none;
}
.content-area.col-md-9 {
padding-left:15px;}
#free-eye-exam .container .col-md-6 .free-block {
margin-bottom:20px;
}
.right-block {
margin-top:30px;
}
#wrapper .schedule-top .right-block .schedule-block,
#wrapper .schedule-top .right-block .schedule-block::before {
border-radius:0;
}
#wrapper .schedule-top .right-block .schedule-block:hover {
border:1px solid #fd8204;
background:#fd8204;
}
#wrapper .schedule-top .right-block .schedule-block:hover p,
#wrapper .schedule-top .right-block .schedule-block:hover span {
color:#fff;
}
.fullwidth-map .store-block {
padding:20px;
clear:both;
}
ul.offer-list li {
width:100%;
margin-right:auto;
margin-left:auto;
}
ul.offer-list li .offer-block-one {
min-width:230px;}
.entry p.t-one, .offer-block-two p span.t-one, .entry p.t-two, .offer-block-two p span.t-two {
letter-spacing:0;
}
.entry p {
font-size: 18px;
}
.left-col01 {
max-width: 50%;
padding-top: 0;
top: 20px;
}
.fullwidth-map img {
width:100%;
height:auto;
}
.fullwidth-map .store-block {
position:relative;
right:auto;
}
ul.product-list li {
margin-bottom: 60px;
margin-right: 1.5%;
vertical-align: top;
width: 47%;
}
.form-search .cl-btn {
max-width:225px;
margin:0 auto;
}
.banner-overlay {
height: auto;
position: relative;
top: 0;
float:none;
}
.banner-column .banner-overlay .right-block {
float: left;
left: 50%;
margin: 40px auto 40px -115px;
position: relative;
right: 50%;
}
.banner-column {
max-height:100%;
overflow:visible;
margin-bottom:0;
}
#wrapper .schedule-top .right-block .schedule-block::before {
content:"";
border:none;
}
#wrapper .schedule-top .right-block .schedule-block p {
font-size:33px;
line-height:33px;}
#wrapper .schedule-top .right-block .schedule-block {
border-width:5px;
height:105px;
padding-top:10px;
background:#fd8204;
color:#fff;
-moz-transition: all .55s ease-in;
/* WebKit */
-webkit-transition: all .55s ease-in;
/* Opera */
-o-transition: all .55s ease-in;
/* Standard */
transition: all .55s ease-in;
box-shadow:1px 1px 6px -1px #ccc;
-moz-box-shadow:1px 1px 6px -1px #ccc;
-webkit-box-shadow:1px 1px 6px -1px #ccc;
margin-bottom:10px;
}
#wrapper .schedule-top .right-block .schedule-block:hover {
opacity:0.7;
}
#wrapper .schedule-top .right-block .schedule-block span,
#wrapper .schedule-top .right-block .schedule-block p,
#wrapper .banner-column .banner-overlay .right-block .schedule-block span,
#wrapper .banner-column .banner-overlay .right-block .schedule-block p {
color:#fff;
}
#wrapper .schedule-top .right-block .schedule-block:hover {
border-width:5px;}
#wrapper .schedule-top .right-block .schedule-block:hover:before {
border-width:5px;
}
.navbar-storeblock .find-store {
padding-right:3%;
height:90px;
}
.navbar-storeblock .find-store .btn {
font-size:18px;
display:block;
}
.main-header .navbar-storeblock .schedule-exam {
height:90px;
}
.call-block.pull-right.header-phone {
margin-top:17px;
font-size:18px;
}
#wrapper .schedule-top .right-block .schedule-block,
.banner-column .banner-overlay .right-block .schedule-block {
width:290px;
max-width:290px;
height:auto;
padding-bottom:10px;}
#wrapper .schedule-top {
width:290px;
max-width:290px;
}
#wrapper .schedule-top .right-block .schedule-block span:nth-of-type(1),
#wrapper .banner-column .banner-overlay .right-block .schedule-block span:nth-of-type(1) {
width:125px;
display:inline-block;
font-size:17px;
}
#wrapper .schedule-top .right-block .schedule-block p,
#wrapper .banner-column .banner-overlay .right-block .schedule-block p {
display: inline-block;
font-size: 19px;
font-weight: 500;
width: 42px;
}
#wrapper .schedule-top .right-block .schedule-block span:nth-of-type(2),
#wrapper .banner-column .banner-overlay .right-block .schedule-block span:nth-of-type(2) {
width:75px;
display:inline-block;
font-size:17px;
}
#wrapper .schedule-top .right-block a {
max-width:290px;}
.banner-column .banner-overlay .right-block .schedule-block::before {
display:none;
}
.banner-column .banner-overlay .right-block .schedule-block {
border-radius:0;
padding:0;
background:#fd8204;
}
#wrapper .banner-column .banner-overlay .right-block .schedule-block:hover {
border: solid 1px #fd8204;
}
.banner-column .banner-overlay .right-block {
width: 290px;
margin:40px auto 40px -135px;
}
.no-navigation .banner-overlay {
top: inherit !important;
}
.banner-column .banner-overlay .right-block {
margin: 40px auto 10px -120px !important
}
.home-page .schedule-top .right-block {
top:0px;
-webkit-transform: translateY(-0%);
-moz-transform: translateY(-0%);
-ms-transform: translateY(-0%);
-o-transform: translateY(-0%);
transform: translateY(-0%);
}
}
@media (min-width: 768px) {
.store-eye-exam-page .main-header .container {
width:auto !important;
}
.store-eye-exam-page .main-header .navbar-default .navbar-toggle {
display:none !important;
}}
@media(max-width:768px){
.left-col01 {
font-size:30px;
}
body #tryonBox {
left:50% !important;
margin-left: auto;
margin-right: -154px;
}
}
@media(max-width:767px){
.col-md-6 #banner-signup input#email,
.col-md-6 #banner-signup input#zip {
display:inline-block;
}
.col-md-6 .banner-signup .form-group {
display:inline-block;
}
.widget.widget-categories ul {
display:none;
}
.widget.widget-categories {
margin-bottom:10px;
}
.widget-categories #searchform {
display:none;
}
div#sl_mapview_data {
height:auto !important;
}
.store-eye-exam-page .main-header .container {
width:auto !important;
}
.store-eye-exam-page .main-header .navbar-default .navbar-toggle {
display:none !important;
}
iframe#scheduler .wrapper {
width:100% !important;
}
.single-offer h1 {
font-size:42px;
}
.content.container {
padding:0 15px;
}
.sidebar-block {
display:block;
}
ul.related-posts li {
width:48%;
margin-right:4%;
display:block;
float:left;
}
ul.related-posts li:nth-child(2n) {
margin-right:0;
}
.left-col01 {
text-align:center;
width:100%;
float:none;
max-width:100%;
padding:0 20px;
}
.navbar-default .navbar-toggle {
background:none;
}
.disclamer-t {
padding-right:0;
}
.call-block {
margin-top:0;
width:100%;
}
header {
position:relative;
background:#fff;
}
ul.footer-nav > li > a {
min-height:20px;
}
ul.footer-nav li {
display:block;
text-align:center;
width:100%;
}
ul.footer-nav li ul {
display:none;
}
.disclamer-t {
text-align:center;
}
.disclamer-t span {
display:block;
text-align:center;
margin-bottom:20px;
}
.container.d-block a {
display: block;
margin: 20px auto;
max-width: 150px;
position:relative;
}
.form-inline {
text-align:center;
}
ul.social-footer {
float:none;
text-align:center;}
footer .form-inline .form-group {
float:left;
}
ul.footer-nav {
margin-top:0;
margin-bottom:20px;
}
ul.footer-nav li a {
border-bottom: 3px solid #fff;
padding: 20px 0;
}
ul.footer-nav li:first-child a {
padding-top:0;}
.img-b img {
margin-left: 0;
width:100%;
height:auto;
}
.free-block p {
font-size:30px;}
.glass-img img {
width:100%;
height:auto;
}
#free-eye-exam .col-md-6:nth-of-type(1) .free-block {
margin-bottom:30px;}
.img-col {
margin-right:0;
}
.right-content-col {
padding:0px 25px;
}
.static-color .img-col {
margin-bottom:25px;
}
ul.frame-block li {
display: inline-block;
margin: 0 5% 55px 0;
width: 47%;
}
ul.frame-block li:nth-child(2n) {
margin-right:0;
}
ul.frame-block li .frame-thumb {
margin-bottom:20px;
}
.banner-overlay {
height:auto;
position:relative;
top:0;
}
.banner-column .banner-overlay .right-block {
float: left;
left: 50%;
margin: 40px auto 40px -120px;
position: relative;
right: 50%;
}
#featured-frames {
padding-top:0;}
.banner-column .banner-overlay .left-block {
width:100%;
max-width:100%;
height:117px;
padding-left:25px;
position:relative;
}
.banner-column .banner-overlay .left-block .col-l p {
font-size:37px;
padding-top:15px;
}
.banner-column .banner-overlay .left-block .col-l span {
font-size:31px;}
.banner-column .banner-overlay .left-block i {
height:117px;
width:120px;
font-size:70px;
line-height: 117px;
position:absolute;
right:0 !important;
z-index:99;
}
.navbar-default .navbar-toggle {
border:none;}
.call-block.pull-right.header-phone {
font-size: 18px;
max-width: 300px;
}
.footer-nav .caret {
float: right;
position: relative;
right: 10px;
top: -10px;
}
ul.footer-nav li ul li {
margin-bottom: 7px;
margin-top: 7px;
}
.schedule-top .right-block
{
margin-top:25px;
}
.banner-column .mobile-main-banner {
display: block!important;
}
.banner-column img.desktop-main-banner {
display: none !important;
}
.navbar-nav > li:nth-child(6) > ul > li:first-child > ul > li,
.navbar-nav > li:nth-child(2) > ul > li:first-child > ul > li {
width: 100%;
float: none;
}.navbar-nav > li:nth-child(2) > ul {
max-width: 100%;
}
.navbar-nav > li:nth-child(6) > ul,
.navbar-nav > li:nth-child(2) > ul {
width:100%;
float:none;
}
.navbar-nav > li:nth-child(6) > ul > li:last-child,
.navbar-nav > li:nth-child(6) > ul > li:first-child,
.navbar-nav > li:nth-child(2) > ul > li:last-child,
.navbar-nav > li:nth-child(2) > ul > li:first-child {
width: 100%;
}
.schedule-block-d {
display:none;
}
.banner-info-two {
position:static;
display:block;
margin:20px auto;
max-width:390px;
}
.banner-info-two p {
padding:0;
margin-bottom:50px;
}
.banner-info-two p a,
.schedule-top .right-block a {
display:block;
font-size:34px;
text-align:center;
border:solid 1px #002e6d;
color:#002e6d;
margin: 20px auto;
max-width: 390px;
}
.banner-info-two p::before,
.banner-info-two p::after,
.schedule-top .right-block a::before,
.schedule-top .right-block a::after {
display:none;
}
header .container-fluid {
background: rgba(255,255,255,1);
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 47%, rgba(190,189,189,0.94) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(255,255,255,0.97)), color-stop(100%, rgba(190,189,189,0.94)));
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 47%, rgba(190,189,189,0.94) 100%);
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 47%, rgba(190,189,189,0.94) 100%);
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 47%, rgba(190,189,189,0.94) 100%);
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0.97) 47%, rgba(190,189,189,0.94) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bebdbd', GradientType=0 );
}
header .container-fluid.top-menu-bar {
background:none;
}
.col-md-4.col-sm-6.col-xs-6 {
border-right:solid 2px #7d7d7d;
text-align:center;
}
p.call {
text-align:center;}
.schedule-top .right-block a {
text-shadow:none;
}
.top-menu-bar .navbar-collapse.collapsing {
top:0;
padding:0;
}
header.main-header .container-fluid {
padding: 0;
}
.top-menu-bar .navbar-collapse {}
.nav > li > a {
padding: 10px 15px;
}
.top-menu-bar .navbar-collapse.collapsing > li > a {padding: 10px 15px;}
}
@media(max-width:660px){
ul.store-list {
margin-left:0 !important;}
ul.location-list li, ul.location-list li:nth-child(2n),
ul.location-list li:nth-child(3n)
{
display:block;
margin:0 auto 20px;
}
.call_number {
display:none;
}
}
@media(max-width:640px){
ul.alphabetic-pagination li {
display: inline-block;
margin-bottom: 10px;
}
.banner-column .banner-overlay .right-block {
margin:40px auto 40px -145px;
}
ul.frame-block li .frame-thumb img, ul.product-list li .frame-thumb img {
width:100%;
margin-top:0;
}
ul.frame-block li {
width:100%;
display:block;
}
.img-block-one {
width:100%;
display:block;
clear:both;
float:left;
}
.img-block-one img {
display: block;
float: none;
height: auto;
margin: 0 auto 20px;
max-width: 300px;
width: 100%;
}
.appointment-block .cl-btn {
padding: 15px 60px 15px 15px;
}
.appointment-block {
padding-left:50px;
padding-right:50px;}
.fullwidth-map .store-block {
margin:0 auto;
}
.entry-image-section img {
width:100%; height:auto;
}
.entry-image-section {
width:150px !important;
}
.archive-block article.post .entry-post {
padding-left: 20px;
}
article.post .entry-post .entry-content,
article.post .entry-post a.button,
article.post .share-list {
display: none;
}
.archive-block article.post .entry-image-section,
.archive-block article.post .entry-post {
display: table-cell;
vertical-align: middle;
}
.archive-block article.post {
margin-bottom: 20px;
}
#featured-frames .owl-item {
margin-right:0 !important;
}
#featured-frames ul.frame-block .owl-item li {
width:100% !important;
}
#featured-frames .wpb_slider_area .owl-theme .owl-nav {
top:-45px;
}
#featured-frames h1 {
margin-bottom: 40px;
}
ul.location-list-2 li {
display:block;
margin-bottom:40px;
margin-right:0;
}
.padding-large {
padding: 80px 0;
}
ul.quotes li {
display:none;
}
ul.quotes li:first-child {
display:block;
margin-right:0;
width:100%;
max-width:100%;
}
a.prev, a.next, ul.pagination-point {
display:none;
}
.page-numbers a.prev,
.page-numbers a.next {
display: block;
}
.quote-slider {
border:none;
padding:0;
}
ul.insurance-list li:nth-child(2n),
ul.insurance-list li
{
width: 100%;
}
.store-bg .img-container {
width:100%;
height:auto;
float:left;
}
.store-bg .img-container img {
display:block;
}
ul.product-list li {
margin-bottom: 60px;
margin-right: 0;
vertical-align: top;
width: 100%;
}
.getintouch-form .column {
float: none;
width: 100%;
}
.getintouch-form .form-group textarea.form-control {
min-height:250px;
}
.or-block {
font-size:0px;
padding:10px 50px;
width:100%;
bottom:0;
}
.l-head {
font-size:40px;
}
form.form-search ::-webkit-input-placeholder { font-size: 14px; }
form.form-search ::-moz-placeholder { font-size: 14px; } /* firefox 19+ */
form.form-search :-ms-input-placeholder { font-size: 14px; } /* ie */
form.form-search input:-moz-placeholder { font-size: 14px; }
.col-md-6 form.form-inline.banner-signup .btn {
width:60px;
}
#wrapper ul.wpb-woo-products-slider .owl-nav {
top:75px !important;
}
p.call,
.book-exam {
font-size:22px;
white-space:nowrap;
}
}
@media (max-width:620px) {
header.main-header .container-fluid {
padding: 0 0px;
}
header.main-header .container-fluid.top-menu-bar {
padding:0px;
}
header.main-header .container-fluid.top-menu-bar .navbar-toggle {
right:0px;
}
}
@media(max-width:520px){
.content p {
clear:both;
}
img.alignnone {
display:block;
float:none;
margin:0 auto;
max-width:100%;
height:auto;
}
.content h2 {
word-wrap:break-word;
overflow-wrap:break-word;
}
.appointment-block {
padding:20px;
}
.try-btn {
width:auto;
}
form.information-form .form-group.column {
width:100%;
margin-right:0;
}
.images .woocommerce-main-image img {
width:100% !important;
height:auto !important;
}
.img-slider {
padding-top:20px;}
form#searchForm ::-webkit-input-placeholder { font-size: 14px; }
form#searchForm ::-moz-placeholder { font-size: 14px; } /* firefox 19+ */
form#searchForm :-ms-input-placeholder { font-size: 14px; } /* ie */
form#searchForm input:-moz-placeholder { font-size: 14px; }
#address_search #addy_in_address {
float: none;
width: 100%;
}
#address_search #addy_in_radius {
float: none;
width: 77%;
display:inline-block;
padding-left: 5px;
}
div#sl_div #address_search {
height:auto !important;
}
.product-details .try-btn,
.product-details .cl-btn {
max-width:240px;
margin-bottom:10px;
}
.col-md-6 form.form-inline.banner-signup::before {
right:3%;}
.navbar-storeblock .find-store .btn {
font-weight:400;
font-size:16px;
}
header .navbar-brand {
height:100px;
}
.global-navigation {
border:none;
}
p.info-p img.alignnone
{
float: left;
}
.info-p
{
font-size: 14px;
}
p.call,
.book-exam {
font-size:18px;
white-space:nowrap;
}
}
@media(max-width:480px){
body #tryonBox {
left:50% !important;
margin-left: auto;
margin-right: -154px;
}
img.desktop-main-banner {
display:none !important;
}
img.mobile-main-banner {
display:block !important;
}
.call-block i {
margin-right: 5px;
}
article.post .entry-post h2.entry-title {
top: 0px;
font-weight: 500;
}
}
@media(max-width:460px){
.appointment-block .cl-btn {
font-size:14px;
}
.appointment-block .cl-btn::before {
height: 50px;
line-height: 50px;
width: 50px;
}
.banner-column .banner-overlay .right-block {
margin-bottom:0;
}
.fullwidth-map .store-block ul.q-list,
.fullwidth-map .store-block ul.social-share {
margin-left:0;
}
.banner-column .banner-overlay .left-block .col-l p {
font-size: 18px;
padding-right: 80px;
margin-bottom:5px;
}
.subhead {
font-size:36px;
}
ul.frame-block li .frame-thumb, ul.product-list li .frame-thumb {
min-height: 205px;
width: 100%;
}
.banner-column .banner-overlay .left-block .col-l span {
font-size:24px;}
.logo {
display: block;
text-indent: -999px;
margin-top:10px;
background-size:100% !important;
}
}
@media(min-width:415px) and (max-width:420px){
.banner-column img.mobile-main-banner {
height:250px;
width:auto;
max-width:100% ;
}
}
@media(max-width:414px){
#wrapper ul.wpb-woo-products-slider .owl-nav {
top:32px !important;
}
ul.social-footer li:first-child {
display:block;
text-align:center;
margin-right:0;
margin-bottom:20px;
}
.banner-column img.mobile-main-banner {
width:auto;
max-width:100%;
}
}
@media(min-width:361px) and (max-width:414px){
.banner-column img.mobile-main-banner {
width:100%;
max-width:100% ;
}
}
@media(max-width:400px){
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background:none;
}
.call-block {
padding:0;
}
.fullwidth-map .store-block {
padding-left:20px;
}
.navbar-default .navbar-toggle:hover {
background:none;
opacity:0.8;}
.popup-window .btn {
font-size:18px;
}
ul.frame-block li {
display: inline-block;
margin: 0 0 55px 0;
width:100%;
}
.left-col01 {
font-size:22px;
}
.or-block {
font-size:0px;
padding:10px 30px;
width:100%;
bottom:0;
}
.call-block {
font-size:17px;
}
.banner-column .banner-overlay .left-block .col-l span {
font-size:18px;
}
.banner-column .banner-overlay .left-block {
height:75px;
}
.banner-column .banner-overlay .left-block i {
font-size: 45px;
height: 75px;
line-height: 75px;
width: 75px;
}
#featured-frames h1 {
font-size:36px;
margin-bottom:40px;}
.logo {
max-width:280px;
background-size:100%;
}
.l-head {
font-size:32px;}
.product-details .center-block {
margin-top:20px;
}
.product-details .center-block .cl-btn {
margin-bottom:10px;
margin-right:0;
}
.col-md-6 .banner-signup .form-group {
max-width:84%;
}
}
@media(max-width:360px){
.entry-image-section {
width: 110px !important;
}
.content.container .schedule-btn {
width:auto;
font-size:13px;
}
form.form-search ::-webkit-input-placeholder { font-size: 12px; }
form.form-search ::-moz-placeholder { font-size: 12px; } /* firefox 19+ */
form.form-search :-ms-input-placeholder { font-size: 12px; } /* ie */
form.form-search input:-moz-placeholder { font-size: 12px; }
.appointment-block .cl-btn {
font-size:12px;
padding-right:40px;
padding-left:10px;
}
.appointment-block .cl-btn::before {
height: 46px;
line-height: 46px;
width: 37px;
}
.page-numbers {
margin-bottom: 20px;
}
.page-numbers > li {
border: 1px solid #ccc;
display: inline-block;
float: none;
height: 30px;
line-height: 30px;
text-align: center;
width: 30px;
}
a.prev,
a.next {
position: inherit;
height: 40px;
display: block;
width: inherit;
height: inherit;
background: none;
border-radius: 0px;
}
.banner-info-two p a, .schedule-top .right-block a {
font-size:24px;
}
}
@media(max-width:360px){
.logo {
width:160px;
height:74px;
background-repeat:no-repeat !important;
}
.page-numbers > li {
height: 25px;
line-height: 25px;
width: 25px;
}
.store-block .cl-btn {
padding:15px 60px 15px 15px;
}
.entry-content h1 {
font-size:36px;
}
.col-md-6 .banner-signup .form-group {
max-width:81%;
}
}
@media(max-width:359px) {
ul.store-list > li ul li .store-block {
padding: 20px 10px;
}
.info-p {
word-wrap:break-word;
}
}
@media(max-width:320px){
.fullwidth-map .store-block .cl-btn {
font-size:15px;
}
ul.q-list li {
display:block;
margin-top:35px;
}
.left-col01 {
font-size: 20px;
}
.appointment-block .cl-btn {
padding-right:30px;
}
.appointment-block .cl-btn::before {
width:30px;
}
}
.navbar-storeblock .find-store_form .form-label, .navbar-storeblock .find-store .btn
{
font-size: 18px;
}
.survey-page .desktop-main-banner,
.book-eye-exam-page .desktop-main-banner,
.book-eye-exam-2-page .desktop-main-banner,
.store-eye-exam-page .desktop-main-banner,
.store-eye-exam-2-page .desktop-main-banner,
.ppc-page .desktop-main-banner,
[class^="franchise-business"] .desktop-main-banner,
#home-main-carousel .desktop-main-banner {
margin-top:0px;
}
@media screen and (min-width: 992px) and (max-width: 1320px)
{
#wrapper.survey-page .banner-column .banner-overlay .right-block,
#wrapper.book-eye-exam-page .banner-column .banner-overlay .right-block,
#wrapper.book-eye-exam-2-page .store-eye-exam-page .banner-column .banner-overlay .right-block,
#wrapper.store-eye-exam-page .banner-column .banner-overlay .right-block,
#wrapper.store-eye-exam-2-page .store-eye-exam-page .banner-column .banner-overlay .right-block,
[class^="franchise-business"] .banner-column .banner-overlay .right-block,
#wrapper.ppc-page .banner-column .banner-overlay .right-block {
margin-top: 0px;
}
.banner-column .banner-overlay .right-block .schedule-block {
width: 230px;
height: 230px;
padding-top: 74px;
}
.banner-column .banner-overlay .right-block .schedule-block::before {
top: 15px;
left: 15px;
border: solid 1px #fd8204;
width: 200px;
height: 200px;
}
.banner-column .banner-overlay .right-block .schedule-block:hover:before {border: solid 5px #fd8204; }
.home-page .schedule-top .right-block .schedule-block {
margin-bottom: 7px;
margin:0 auto;
}
.home-page .schedule-top .right-block .schedule-block::before {
top: 15px;
left: 15px;
}
schedule-top .right-block .schedule-block:hover::before, .banner-column .banner-overlay .right-block .schedule-block:hover::before {
border: solid 5px #fd8204;
top: 15px;
left: 15px;
}
}
.m-footer-expand a span.caret
{
transform: rotate(180deg);
-webkit-transform:rotate(180deg);
}
#footer-nav li a span.caret
{
transition-duration:0.50s;
-webkit-transition-duration:0.50s;
animation-timing-function: ease-out;
-webkit-animation-timing-function: ease-out;
}
header.main-header ul.top-nav li.menu-item-has-children.m-expand > a::before {
transform: rotate(180deg);
-webkit-transform:rotate(180deg);
}
@media (max-width:361px)
{
.cl-btn.btn_back.button::before, .cl-btn::before
{
font-size: 23px;
line-height: 46px;
width: 46px;
height: 45.5px;
}
.cl-btn.btn_back.button
{
font-size: 16px;
padding: 12px 15px 13px 64px;
}
.cl-btn
{
font-size:16px;
padding:12px 64px 12px 15px;
}
.cl-btn::before
{
height: 44.5px;
}
.navbar-storeblock .find-store_form .form-label, .navbar-storeblock .find-store .btn
{
font-size: 16px;
}
}
.form-search.search-block
{
margin:0 auto;
}
.field-label {
font-size: 35px;
line-height: 56px;
font-weight: bold;
}
.no-navigation .banner-column .banner-overlay .right-block {
margin-top:0px;
}
body .content-area .entry-post h2.entry-title {
position: relative;
top: -4px;
margin-top:0px;
}
body .content-area .entry-post .entry-content p {
margin-bottom:17px;
min-height:164px;
}
/*zooming content book-eye-exam-page mobile */
body.zoom-125 .main-header,
body.zoom-125 .banner-column,
body.zoom-125 footer
{
zoom:125%;
-webkit-zoom:125%;
-ms-zoom: 125%;
}
body.zoom-150 .main-header,
body.zoom-150 .banner-column,
body.zoom-150 footer
{
zoom:150%;
-webkit-zoom:150%;
-ms-zoom: 150%;
}
body.zoom-170 .main-header,
body.zoom-170 .banner-column,
body.zoom-170 footer
{
zoom:170%;
-webkit-zoom:170%;
-ms-zoom: 170%;
}
/*zooming content book-eye-exam-page mobile */
.home-page .banner-ajax {
position: relative;
}
.privacy-policy-page ul {
list-style: disc;
margin-left: 18px;
}
@media (min-width:1861px) {
.navbar-storeblock .find-store_form .form-label {
line-height: 59px;
margin-top:0px;
}
.es-content .navbar-storeblock .find-store_form .form-label {
line-height: 19px;
margin-top:10px;
}
}
.left-col01 {
position: absolute;
top: 0px;
font-style: normal;
font-weight: 500;
font-size: 35px;
max-width: 500px !important;
left: 10%;
padding-top: 0px;
float: left;
color: #fd8204;
margin-top: 17px;
padding-left: 8px;
padding-right: 8px;
font-size: 42px;
background: #ffffffbf;
}
.left-col01 form.form-inline.banner-signup .btn,
.left-col01 form.form-inline.banner-unsubscribe .btn {
float: none;
margin-top: 10px;
color: white;
background-color: #fd8204;
padding: 15px;
border-radius: 30px;
border: 1px solid #fd8204;
}
.left-col01 #banner-signup-response {
font-size: 18px;
margin-top: 5px;
}
.banner-column.banr-overlay {
margin-bottom: 0px;
}
.offer-banner .single-offer .schedule-btn:hover::before, .offer-banner .single-offer .schedule-btn:hover i {
background-color: #bdbdbd;
}
.offer-banner .schedule-btn::before {
display:none;
}
@media only screen and (max-width: 1200px) {
.left-col01 {
max-width: 650px !important;
}
}
@media only screen and (max-width: 1100px) {
.left-col01 {
max-width: 650px !important;
top: 0px;
}
}
@media only screen and (max-width: 1024px) {
.left-col01 {
max-width:100%;
padding-top:0;
}
#wrapper .schedule-top .right-block .schedule-block p.schedule-one-line {
font-size:30px !important;
}
}
@media(max-width:991px){
.left-col01 {
max-width: 100% !important;
padding-top: 0;
top: 0px;
padding: 0px 10px;
left: 0px;
}
.left-col01 form.form-inline.banner-signup,
.left-col01 form.form-inline.banner-unsubscribe {
margin-top: 0px !important;
}
.schedule-top .right-block .top-schedule-box {
display:none;}
.schedule-top .right-block {
padding-top:0;
max-width:590px;
width:100%;
height:auto;
background:none;}
#wrapper .schedule-top {
width: 100% ;
max-width: 590px;
}
#wrapper .schedule-top .right-block a {
max-width:100%;
}
.banner-info-two p a,
.schedule-top .right-block a {
display:block;
font-size:34px;
text-align:center;
border:solid 1px #002e6d;
color:#002e6d;
margin: 20px auto;
max-width: 390px;
font-weight:400;
}
.d-logo {
margin-left: 0px;
left: 50%;
transform: translatex(-50%);
}
header.main-header .container-fluid .row {
margin-left: 0;
margin-right: 0;
}
}
@media(min-width:767px) and (max-width:991px){
.left-col01 {
top: 0px;
padding: 5px;
font-size: 36px;
margin-top: 0px;
max-width: 700px !important;
}
}
@media(max-width:767px){
.left-col01 #banner-signup input#email,
.left-col01 #banner-signup input#zip {
width: 100%;
margin-bottom: 5px;
}
.left-col01 {
font-size:36px;
text-align:center;
float:none;
max-width:100% !important;
padding:0 20px;
position: absolute;
}
.navbar-nav > li {
width: 100%;
text-align: left;
padding:5px 10px;
}
.navbar-nav > li > ul {
position:relative;
width:100%;
}
.navbar-nav > li > ul > li {
display:block;
}
.navbar-nav > li > ul > li {
width: 100%;
float: none;
}
.navbar-nav > li > ul {
border-radius:0;}
.navbar-nav > li > ul > li li a {
border:none;
}
.navbar-nav {
margin: 0;
}
.navbar-toggle {
position: absolute;
padding:0;
border:none;
color:#6e6e6e;
text-transform:uppercase;
font-weight:700;
right: -10px;
top: -135px;}
.navbar-toggle .icon-bar {
width:auto;}
.navbar-toggle:hover {
background:none !important;
opacity:0.7;}
.navbar-default .navbar-toggle {
border-top:solid 1px #6e6e6e;
border-bottom:solid 1px #6e6e6e;
border-radius:0;}
.navbar,
.top-menu-bar {
min-height:0;
position:relative;
}
.schedule-top .right-block .top-schedule-box {
display:none;}
.schedule-top .right-block {
padding-top:0;
max-width:590px;
width:100%;
height:auto;}
#wrapper .schedule-top {
width: 100% ;
max-width: 590px;
}
#wrapper .schedule-top .right-block a {
max-width:100%;
margin:15px;
}
.top-menu-bar {
background:none;
}
#wrapper header ul.top-nav li {
display:block;
padding:0;
background:#fff;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
background:none;
}
.main-header .top-menu-bar .global-navigation #navbar2 {
background-color: #fff;
}
header.main-header ul.top-nav li a {
background: #e6e6e6;
margin-bottom: 2px;
}
header.main-header ul.top-nav li li a, .navbar-nav>li>ul>li>a {
background: #efeded;
padding: 5px 30px;
}
header.main-header ul.top-nav li li li a {
padding: 7px 45px;
background: #f6f2f2;
}
@media(max-width:600px){
.left-col01 {
padding: 5px;
top: 0px;
margin-top: 0px;
font-size: 30px;
}
.frames-sidebar .woof_container {
width: 100%!important;
}
}
@media(max-width:550px){
.banner-column.banr-overlay {
background: none;
}
.left-col01 {
position: inherit;
background: none;
}
}
@media (max-width:534px) {
.book-exam,
p.call {
font-size:20px;
}
.book-exam::before,
p.call::before {
font-size:18px;
}
}
@media (max-width:400px) {
.book-exam,
p.call {
font-size:15px;
}
.book-exam::before,
p.call::before {
font-size:16px;
}
.navbar-default .navbar-toggle {
font-size:13px;}
}
@media (max-width:320px) {
.book-exam,
p.call {
font-size:12px;
}
.book-exam::before,
p.call::before {
font-size:16px;
}
}
@media (min-width:1800px) {
.schedule-top {
top: 100%;
transform: translateY(-90%);
}
}