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-transition: all .25s ease-in;
-o-transition: all .25s ease-in;
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:#444;
}
#wrapper {
width:100%;
max-width:100%;
}
#notice {
color: #ffffff;
background-color: #002E6D;
text-align: center;
font-size: 15px;
padding: 6px 0;
margin-bottom: 20px;
}
#notice a {
color: #ffffff;
font-weight: bold;
}
.title-notice {
padding-bottom: 28px;
}
header {
width:100%;
min-height:50px;
left:0;
top:0;
z-index:9;
background:rgba(230, 230, 230, 0.5);
}
header.main-header a:focus :not(.d-logo),
.banner-ajax a:focus,
ul:not(.social-footer):not(.frame-block):not(.location-list) a:focus,
.woof_redraw_zone a:focus,
.page-template-templates a:focus :not(.d-logo),
.page-template-template-location a:focus :not(.d-logo),
.blog-entry-content a:focus :not(.d-logo),
.nav-single a:focus,
a.morelink:focus,
.footer-bottom a:focus,
.banner-cvp-container a:focus,
.insurance-block a:focus,
p a:focus,
.survey-socials-item a:focus {
background: transparent !important;
}
.page-template:not(.page-template-template-bookexam):not(.page-template-template-ppc) .content a:focus:not(.button):not(.r-btn):not(.tryon-btn):not(.cta-bex-ppc),
.blog .content a:focus:not(.button):not(.r-btn):not(.tryon-btn):not(.cta-bex-ppc) {
background: transparent;
}
.a2a_button_facebook:focus,
.a2a_button_pinterest:focus,
.a2a_button_email:focus {
background: transparent !important;
}
/* Covid-19 Page With No links */
.page-template-template-no-links #notice,
.page-template-template-no-links .footer-bottom > p > a,
.page-template-template-no-links #sf-chatbot-container {
display: none !important;
}
.page-template-template-no-links footer {
background: #ffffff;
}
.page-template-template-no-links header > .container-fluid {
display: none !important;
}
.covid-19-response-lp-page {
margin-top: 20px;
}
.f-contact-message {
font-size: 17px;
text-align: right;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 0;
letter-spacing: 3px;
margin-top: 30px;
}
.f-contact-message span {
color: #337ab7;
}
.f-contact-message a, .f-contact-message span {
letter-spacing: 0px;
}
ul.social-footer {
margin-top: 20px !important;
}
/*****/
#home-main-carousel .carousel-inner .banner-column.active:hover {
cursor: pointer;
}
.speech-bubble {
display: none !important;
}
.red-message {
color: #D93025 !important;
}
.capitalize {
text-transform: capitalize !important;
}
.up-store-btn {
display: flex !important;
margin-top: -23px;
margin-bottom: 23px;
font-weight: bold !important;
width: 180px;
height: 40px !important;
}
.page-template-templates a.morelink:focus,
.page-template a.morelink:focus {
color: #7d7777 !important;
}
.tryon-btn:focus {
background-color: #a3a3a3 !important;
}
.footer-bottom a:focus {
color: #000;
}
.page-template-template-location:not(.page-template-template-special-offer) a:focus,
.page-template-templates:not(.page-template-template-special-offer) a:focus {
color: #23527c !important;
}
#results_table .spl_result_store_details:hover,
#results_table .spl_result_store_details:focus,
#results_table .spl_result_store_details:active {
background: #fff;
border: 1px solid #08295E !important;
color: #08295E !important;
}
#results_table .hide-map,
#results_table .hide-map:hover,
#results_table .hide-map:active,
#results_table .hide-map:focus,
#results_table .store-hours-link,
#results_table .store-hours-link:hover,
#results_table .store-hours-link:active,
#results_table .store-hours-link:focus
{
background: transparent !important;
color: #337ab7 !important;
}
@media(max-width: 767px) {
#results_table .schedule-examdirections a,
#results_table .schedule-examdirections a:hover,
#results_table .schedule-examdirections a:active,
#results_table .schedule-examdirections a:focus {
font-weight: 800;
}
}
.scheduler-step-data a:focus,
.store-block a:focus {
background: #e9e9e9 !important;
color: #5d5d5d !important;
}
.blog-entry-content a:focus,
.related-posts li p a:focus {
color: #337ab7;
}
.col-md-6.product-details .tryon-btn:focus {
background: #f48120;
background-image: url('../images/try-it-on-icon.png');
background-position: 1px center;
background-repeat: no-repeat;
}
.col-md-6.product-details .tryon-btn:hover {
background: #f48120;
background-image: url('../images/try-it-on-icon.png');
background-position: 1px center;
background-repeat: no-repeat;
}
.col-md-6.product-details .tryon-btn:active {
background: #f48120;
background-image: url('../images/try-it-on-icon.png');
background-position: 1px center;
background-repeat: no-repeat;
}
/*** store hours ***/
.store-block .store-hours {
position: relative;
font-size: 21px;
min-height: 80px;
}
.store-block .store-hours .text-right {
text-align: right;
}
.drop-ttl,
.main-hour {
font-size: 21px;
}
.main-hour-2 {
font-size: 20px;
}
.drop-ttl i {
top: 0px;
font-size: 14px;
color: #f48120;
}
.store-hours-container .dropdown {
position: absolute;
top: -5px;
left: -19px;
display: inline-block;
z-index: 99999;
padding: 0;
border: 0;
min-width: 300px;
font-size: 14px;
font-weight: 400;
background: transparent;
color: #333;
}
.store-hours-container .dropdown>input {
display: none;
position: fixed;
z-index: -2
}
.store-hours-container .dropdown>label {
display: inline-block;
max-width: 100%;
font-weight: 700
}
.store-hours-container .drop-ttl {
font-weight: 400;
padding: 5px 20px
}
.store-hours-container .dropdown ul {
width: 100%;
font-weight: 400;
margin: 0;
padding: 0;
position: absolute;
top: 10px;
text-align: center;
line-height: 20px;
list-style-type: none;
background: transparent;
color: #333;
}
.store-hours-container .dropdown ul::before {
position: absolute;
cursor: pointer;
content: 'x';
right: 0;
color: #f48120;
font-weight: 300;
font-family: Arial, sans-serif;
}
.store-hours-container .dropdown ul>li {
padding: 1px 20px
}
.store-hours-container .dropdown ul>li>a {
color: inherit;
outline: 0;
text-decoration: none;
cursor: pointer
}
.store-hours-container input[type=checkbox]:checked~label>ul {
display: none;
animation: fade-out 2s;
}
/********/
/** autocomplete ***/
ul.typeahead{
list-style-type: none !important;
margin-left: 0px !important;
}
.change-location-form .dropdown-menu > li > a,
.find-store_form .dropdown-menu > li > a {
white-space: normal;
padding: 8px 20px;
font-size: 16px;
}
/*
ul.typeahead.dropdown-menu {
width: 100% !important;
}
*/
ul.typeahead.dropdown-menu > .active > a,
ul.typeahead.dropdown-menu > .active > a:focus,
ul.typeahead.dropdown-menu > .active > a:hover {
background: #fd8204 !important;
}
.dropdown-menu li.active:last-child a {
background: transparent;
}
.dropdown-menu li:not(:last-child) a:focus,
.dropdown-menu li:not(:last-child) a:active {
background: #fd8204 !important;
color: #fff !important;
-webkit-tap-highlight-color: #fff !important;
}
.dropdown-menu .suggest-brand-name {
color: #f48120;
}
.powered-by-suggestion {
position: relative !important;
display: contents !important;
font-size: 10px;
font-weight: normal;
color: #9C9C9C;
}
.nearby {
font-size: 16px;
color: #9c9c9c;
font-style: italic;
}
.dropdown-menu > .active a .suggest-brand-name,
.dropdown-menu > .active:hover .suggest-brand-name,
.dropdown-menu li a:focus .powered-by-suggestion,
.dropdown-menu > .active a .powered-by-suggestion,
.dropdown-menu>.active:hover .powered-by-suggestion {
color: #ffffff;
}
.dropdown-menu > .active a .suggest-brand-name,
.dropdown-menu > .active:hover .suggest-brand-name {
font-weight: bold;
}
/*** ends autocomplete ***/
.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;
}
.product-template-default #wooswipe
{
width: 100%;
}
.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;
box-shadow: 0 0px 20px rgba(0,0,0,0.19), 0 3px 6px rgba(0,0,0,0.23);
border-radius: 8px;
}
.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;
}
/* Check Order Status */
.order-status-page .content {
padding: 30px !important;
}
.order-status-page .store-hours {
margin-bottom: 0px !important;
min-height: auto !important;
}
.page-id-22848 footer .d-block,
.page-id-22848 footer .d-block + hr{
display: none;
}
.order-status-page .title-notice {
text-align: center;
}
.order-status-page .store-block .store-hours-container .dropdown,
.order-status-page .store-block .store-hours-container .dropdown ul {
position: relative;
top: 0;
}
.order-status-page .store-block .drop-ttl, .order-status-page .store-block .main-hour {
font-size: 18px !important;
}
.order-status-page .store-hours-container .drop-ttl {
padding-top: 0;
padding-bottom: 0;
}
.order-status-page .drop-ttl, .order-status-page .main-hour {
font-size: 16px;
}
.mel-required {
color: red;
}
.mel-order-item {
margin-top: 10px;
}
.mel-contact {
font-size: 16px;
margin-top: 40px;
}
.mel-ready::after{
content: "\f058";
}
.mel-shipped::after{
content: "\f0d1";
}
.mel-progress::after {
content: "\f017";
}
.mel-delayed::after{
content: "\f530";
}
.mel-dispensed::after{
content: "\f530";
}
.mel-cancelled::after{
content: "\f057";
}
.check-another-order {
position: absolute;
top: 33px;
left: 6.5em;
}
.check-another-order .mel-link {
text-transform: capitalize!important ;
font-size: 16px !important;
}
.check-another-order .mel-link::before {
font-size: 13px;
content: "\f053 ";
font-family: "FontAwesome";
padding-right: 3px;
}
.mel-form-field {
margin-bottom: 20px;
}
label.mel-dob {
display: block;
}
.order-field-detail {
display: block;
}
.mel-no-width {
width: auto !important;
}
.mel-divider {
width: 100%;
text-align: center;
border-bottom: 1px solid #eee;
line-height: 0.1em;
margin: 25px 0 15px;
}
.mel-divider span{
background: #fff;
padding: 0 10px;
}
.mel-order-button {
-webkit-appearance: none;
border: none;
width: 100%;
background-color: #f48120;
color: white;
border-radius: 5px;
padding: 6px;
}
.mel-order-button:disabled {
background-color: rgba(244, 129, 32, 0.5);
}
.mel-error-msg {
color: red;
}
.mel-os-directions {
text-transform: capitalize;
}
.mel-form-inline {
display: inline-block;
width: 76px;
padding-right: 6px;
}
.mel-form-inline label {
text-align: center;
display: block;
}
#check-order-status label {
font-size: 16px;
margin-bottom: 10px;
}
#check-order-status .form-control {
height: 40px;
font-size: 16px;
}
#check-order-status input::placeholder {
text-align: center;
}
.order-status-page .date-field,
.order-status-page #mel-order-number {
-moz-appearance:textfield;
}
#check-order-status .date-field {
background-color: #fff;
border: 1px solid #ccc;
border-radius: 4px;
width: 100%;
height: 40px;
padding: 6px 12px;
font-size: 16px;
text-align: center;
font-family: 'Titillium Web Regular', sans-serif;
}
.q-icon {
font-size: 20px;
color: gray;
margin-left: 4px;
cursor: default;
}
.mel-bold {
font-weight: bold;
}
.mel-hide {
display: none;
}
#mel-order-details {
padding-top: 60px;
}
#mel-order p,
#mel-multiple-orders .card p {
margin-bottom: 2px;
}
#mel-multiple-orders .card-body {
padding: 30px 0;
}
#mel-order-status {
white-space: nowrap;
position: relative;
}
.mel-order-status {
font-size: 17px;
text-transform: uppercase;
cursor: default;
}
.mel-top-status {
position: absolute;
margin-left: 70px;
text-transform: uppercase;
}
#mel-multiple-orders .card-header{
font-weight: bold;
}
.mel-order-status::after{
font-family:"font awesome 5 free";
margin-left: 8px;
}
.mel-order-green{
color: #00a739;
}
.mel-order-orange{
color: #f48120;
}
.mel-order-red{
color: red;
}
.mel-field-text {
font-size: 14px;
text-align: right;
display: block;
color: #007bff;
text-decoration: underline !important;
float: right;
}
.mel-field-text:active,
.mel-field-text:hover {
color: #007bff;
text-decoration: underline !important;
}
.mel-field-text:focus{
background: none !important;
}
.mel-item-list {
font-size: 14px;
color: #444;
list-style: disc;
margin-left: 40px;
}
#mel-multiple-orders #mel-order-info .header-hours {
white-space: nowrap;
overflow: hidden;
}
#mel-order-info .col-md-6 {
padding: 0 6.5em;
}
#mel-order-message {
display: block;
}
#mel-multiple-orders .fa-caret-up,
#mel-multiple-orders .fa-caret-down,
#mel-order .fa-caret-up,
#mel-order .fa-caret-down {
color: #f48120;
font-size: 18px;
}
.mel-order-msg {
font-size: 15px;
color: #564747;
margin: 5px 0 10px 0px !important;
}
#mel-order-ready-date, .mel-od-header {
white-space: nowrap;
}
#mel-order-date span,
#mel-order-ready-date span,
.mel-product-name,
.mel-store-hours {
font-weight: normal !important;
}
.mel-os-store-hours {
display: none;
}
p#mel-order-number,
p#mel-order-date,
p#mel-order-ready-date,
p#mel-order-status,
p.mel-os-store-hours,
p.mel-store-info {
font-weight: bold;
text-transform: capitalize;
}
.status_container {
width: 100%;
}
.status_container, .list-wrapper {
position: relative;
display: block;
height: auto;
opacity: 1;
visibility: visible;
overflow: initial;
transition: all 300ms, opacity 500ms;
}
.show-status {
opacity: 0;
visibility: hidden;
height: 0;
overflow: hidden;
}
.prev_status_list .list-text {
text-transform: capitalize;
font-size: 13px;
color: gray;
}
.mleft {
margin-left: 27px;
}
.dotted::after {
content: "";
position: absolute;
z-index: -1;
top: 11px;
bottom: -30px;
left: 66px;
height: 100%;
height: inherit;
border-left: 4px dotted #4ba76b;
}
.list-wrapper {
position: relative;
margin-left: 60px;
margin-bottom: 20px;
width: 100%;
}
.list-wrapper div:nth-of-type(2) {
margin-top: 20px;
}
.list-item-wrapper {
margin-top: 10px;
position:relative;
}
.dot-circle:first-child::before {
content: "\f00c";
display: block;
background-color: #f48121;
font-family: 'FontAwesome';
margin-top: -42px;
height: 16px;
width: 16px;
line-height: 17px;
border-radius: 100px;
color: white;
text-align: center;
font-size: 11px;
position: absolute;
}
.dot-green::before{
background-color: #00a739 !important;
}
.mel-order-status, .prev_status {
transition: all 300ms, opacity 500ms;
}
.list-bullet {
float: left;
margin-right: 10px;
background: #4ba76b;
height: 16px;
width: 16px;
line-height: 17px;
border-radius: 100px;
color: white;
text-align: center;
margin-top: 3px;
font-size: 11px;
}
.list-item {
display:table-row;
vertical-align:middle;
}
.list-title {
font-weight:700;
}
.list-text {
font-weight:400;
}
.order-timeline {
background: #4ba76b;
z-index: -1;
width: 2px;
height: 97%;
position: absolute;
left: 7px;
margin-top: 0px;
}
.white-line {
background:#FFF;
z-index:-1;
top:0px;
width:1px;
height:100%;
position:absolute;
left:15px;
}
/*****/
/* Error display */
.container-error {
position: relative;
}
.container-error .c-validation{
position: absolute;
width: 100%;
background: #e82c2c;
padding: 10px !important;
display: inline-block !important;
margin-top: 10px;
font-size: 14px;
line-height: 18px;
color: white;
border-radius: 5px;
}
.container-error .c-validation:before{
content: '';
width: 0;
height: 0;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-bottom: 10px solid #e82c2c;
position: absolute;
top: -10px;
}
@media(max-width: 320px) {
.list-bullet {
margin-right: 5px;
}
.mleft {
margin-left: 22px;
}
.es-content .list-wrapper {
width: 80%;
}
.content.container > .col-md-10 {
padding: 0;
}
.en-content .list-wrapper {
width: 75%;
}
#mel-multiple-orders p,
#mel-multiple-orders span,
#mel-multiple-orders .header-hours,
#mel-multiple-orders #week-hours,
#mel-order p,
#mel-order span,
#mel-order .header-hours,
#mel-order #week-hours,
.mel-order-status, .mel-order-msg,
.card .mel-button {
font-size: 14px !important;
}
#mel-multiple-orders .card-body {
padding: 10px 0;
}
.list-wrapper {
margin-left: 0px;
}
.dotted::after {
left: 6px;
top: 30px;
}
.status-text {
display: block;
}
.order-timeline {
margin-top: 3px;
}
}
@media(max-width: 360px) {
.mel-form-inline {
width: 60px;
}
#check-order-status .date-field {
padding: 6px;
}
#mel-order .allowed-hour-element .col-xs-9,
#mel-multiple-orders .allowed-hour-element .col-xs-9 {
width: 50%;
}
#mel-order .store-hours-container .dropdown ul::before,
#mel-multiple-orders .store-hours-container .dropdown ul::before {
right: 60px;
}
.m-left {
margin-left: 20px;
}
}
@media(max-width: 390px) {
.order-status-page .title-notice {
font-size: 28px;
padding-bottom: 10px;
}
}
@media(max-width: 450px) {
#mel-order-info .col-md-6 {
padding: 0 0em !important;
}
}
@media(max-width: 510px) {
#mel-order-info .col-md-6 {
width: 100%;
}
}
@media(max-width: 521px) {
#mel-order-details {
padding-top: 20px;
}
}
@media(max-width: 600px) {
#mel-multiple-orders #mel-order-info .col-md-6 {
padding: 0 1em;
}
.mel-top-status {
display: none;
}
}
@media(max-width: 768px) {
.order-status-page .title-notice{
padding-bottom: 0;
}
.check-another-order {
position: initial;
top: 0 !important;
left: 0 !important;
padding: 0 2em;
text-align: center;
padding-bottom: 30px;
}
}
@media(min-width: 850px) {
#check-order-status {
width: 50%;
margin: 0 auto;
}
.order-status-page .title-notice {
margin-top: 20px;
}
}
@media(max-width: 991px) {
.store-block .store-hours,
.mel-store-hours .store-hours {
margin-bottom: 30px;
padding-bottom: 0;
min-height: auto;
}
.mel-store-hours .store-hours-container .dropdown,
.mel-store-hours .store-hours-container .dropdown ul,
.store-block .store-hours-container .dropdown,
.store-block .store-hours-container .dropdown ul {
position: relative;
}
.mel-store-hours .store-hours-container .dropdown ul,
.store-block .store-hours-container .dropdown ul {
min-width: 300px;
}
.mel-store-hours .store-hours-container .dropdown,
.store-hours-container .dropdown {
font-size: 16px;
}
}
@media(min-width: 991px) {
#mel-os-address {
white-space: nowrap;
}
#check-order-status {
width: 40%;
margin: 0 auto;
}
}
@media(max-width: 1105px) {
#mel-order-info .col-md-6 {
padding: 0 2em;
}
.check-another-order {
top: 15px;
left: 2em;
}
}
@media(min-width: 1105px) and (max-width: 1160px) {
#mel-order-info .col-md-6 {
padding: 0 4.5em;
}
}
/**********************/
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 Regular', 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 Regular', 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 Regular', 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 Regular', sans-serif;
font-style: normal;
font-weight:500;
text-transform:uppercase;
}
h3.l-head {
font-size: 30px !important;
margin-top: 20px !important;
}
/*
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;
}
/******/
.store-location-head {
padding: 0;
max-width: 940px;
margin: 0 auto;
}
.store-location-head .col-md-6:nth-child(2){
margin-top: 5px;
}
.locations-page .main-header{
margin-bottom: 0 !important;
}
.locations-page .form-search {
position: relative;
width: auto;
margin: 0;
top: 0 !important;
}
.locations-page .form-search .form-control {
border-radius: 10px 0 0 10px !important;
}
.locations-page .form-search .form-control,
.locations-page .form-search .form-control::placeholder {
font-size: 16px !important;
}
.locations-page .form-search .form-group .form-control,
.locations-page .form-search .form-group button {
height: 40px;
}
.locations-page .form-search .form-group:nth-child(2) {
width: 50px;
}
.locations-page .form-search .form-group:nth-child(1) {
width: 400px;
}
ul.alphabetic-pagination {
margin: 20px auto 60px;
text-align: center;
}
@media(max-width: 468px) {
.locations-page ul.alphabetic-pagination {
text-align: left;
}
}
@media(max-width: 768px) {
.locations-page .l-head.l-width {
text-align: center;
}
.locations-page ul.alphabetic-pagination {
margin: 20px auto 30px;
}
}
@media(max-width: 991px) {
.locations-page .form-search .form-group:nth-child(1) {
width: calc(100% - 60px);
}
}
@media(min-width: 991px) {
.locations-page .store-location-head .col-md-6 {
padding: 0;
}
.locations-page .form-search .form-group:nth-child(1) {
padding-left: 100px;
}
}
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 Regular', sans-serif;
font-style: normal;
font-weight:500;
font-size:35px;
text-transform:uppercase;
}
ul.location-list li .cl-btn {
font-family: 'Titillium Web Regular', sans-serif;
font-style: normal;
font-weight:800;
font-size:12px;
padding:15px 60px 15px 15px;
box-shadow: 0 0px 20px rgba(0,0,0,0.19), 0 3px 6px rgba(0,0,0,0.23);
}
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:20px 20px 20px 35px;
text-align: left;
}
.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;
}
.fullwidth-map .store-block a.r-btn {
display: inline-block;
}
.fullwidth-map .store-block div,
.fullwidth-map .store-block h4,
.fullwidth-map .store-block p {
text-align: left;
}
.subhead {
color: #08295e;
font-family: 'Titillium Web Regular', 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 Regular', sans-serif;
font-size: 19px;
font-style: normal;
font-weight: 500;
display:inline-block;
width:100%;
margin-bottom:5px;
position:relative;
}
ul.insurance-list li:nth-child(2n) {
width:44%;
}
ul.insurance-list li::before {
content:"";
width: 20px;
height: 20px;
position: absolute;
top: 6px;
background: url(../images/check-mark-icon01.png) no-repeat;
}
ul.insurance-list li .insurance-name {
margin-left: 20px;
}
.info-block {
max-width:740px;
margin:0 auto 30px;
}
.info-block p,
.info-block h4 {
font-size: 16px;
line-height: 20px;
}
.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 Regular', 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 Regular', 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 a img {
box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
border-radius: 8px;
}
ul.offer-list li a img:hover {
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
}
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:capitalize;
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;
}
.blog-container-space {
margin-top: 50px;
}
.blog-menu {
background: #e6e6e6 !important;
}
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: 96% !important;
display:inline-block;
background:#ededed;
border-radius:5px;
font-family: 'Titillium Web Regular', 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 Regular', 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; */
width: 14%;
border-radius: 8px;
background-position: center;
position: relative;
right: 10px;
}
footer #signup.form-inline .form-group {
/* width:calc(100% - 43px); */
width: 85%;
}
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 Regular', 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;
}
.book-exam {
font-size:28px;
font-weight:700;
text-transform:capitalize;
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;
}
/* Sub menu */
@media(max-width: 370px) {
.nav .sub-menu > li > a{
font-size: 11px;
}
}
.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 input#email{
width: 90% !important;
}
#banner-signup.form-inline .form-group {
/*
width: calc(100% - 43px); */
width: 85% !important;
}
#banner-signup input#email {
width: 68%;
display: inline-block;
background: #ededed;
border-radius: 5px;
font-family: 'Titillium Web Regular', 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 Regular', sans-serif;
}
#banner-signup .btn {
background-color: #f48020 !important;
background: url(../images/arrow-icon.png) no-repeat 0 0;
width: 14%;
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 Regular', sans-serif;
font-weight:700;
color:#534757;
}
.franchise-page .entry-content p {
font-family: 'Titillium Web Regular', 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 Regular', 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;
}
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 69px 18px 16px;
max-width: 175px;
font-weight: bolder;
background-color: #fd8204;
color: white;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 12px;
border-top-right-radius: 25px;
border-top-left-radius: 12px;
}
.product-details .center-block .r-btn:hover {
margin-bottom: 25px;
display: block;
padding: 14px 69px 18px 16px;
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;
}
*/
.ind-location-page .top-align {
margin-top: -30px;
}
.ind-location-page .has-multiple-banners {
margin-top: 0px;
}
/**************** ppc *********/
.ppc-template,
.ppc-template strong,
.ppc-template h3,
.ppc-template h4,
.ppc-template .promo .intro-text p,
.ppc-template .why-stanton-block h2,
.ppc-template .store-card-detail h2,
.ppc-template .info-block,
.ppc-template .hours-title,
.ppc-template .insurance-header,
.why-block p,
.why-block h2,
.why-block h3,
#ppc-template-container h1,
#ppc-template-container h2,
#ppc-template-container #store-info,
#all-insurances p,
#all-insurances h1,
#all-insurances h2,
#all-insurances h3,
#all-insurances h4,
#all-insurances li {
color: #444 !important;
}
.push-up-map {
margin-top: -79px !important;
}
#ppc-template-container{
padding: 20px 0;
}
#ppc-template-container #googleMap {
height: 300px !important;
}
#ppc-template-container .data {
padding-top: 40px;
}
#ppc-template-container .store-hours-container .dropdown {
top: 0;
left: 0;
}
.promo,
.single-promo {
/*
margin: 52px 0 25px 0;
padding: 0 20px;
*/
margin: 0;
padding: 20px;
}
.promo .intro-text {
/*
padding-left: 48px;
*/
padding-bottom: 20px;
}
.promo .intro-text p {
font-size: 18px;
color: #525252;
}
.promo .near {
text-align: center;
}
.nearest-store-dropdown {
position: relative;
background-color: #f18230;
color: #fff;
cursor: pointer;
width: 355px;
margin-top: 6px;
padding: 10px 120px 10px 18px;
border: none;
text-align: left;
outline: none;
font-size: 20px;
border-radius: 8px;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.75);
}
.nearest-store-blue {
background: #072f6d;
}
.nearest-store-dropdown.active::after {
content: '';
position: absolute;
right: 16px;
top: 22px;
margin: 0 auto;
width: 0;
height: 0;
float: right;
border-bottom: 11px solid #fff2e3;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.nearest-store-dropdown:not(.active)::after {
content: '';
position: absolute;
right: 16px;
top: 22px;
margin: 0 auto;
width: 0;
height: 0;
float: right;
border-top: 11px solid #fff;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
}
.content-nearest-store {
position: absolute;
top: 56px;
left: 0;
z-index: 9999999;
display: inline-block;
width: 351px;
padding: 0 10px;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
margin-top: 2px;
background-color: #fff;
-webkit-box-shadow: 0px 10px 6px -1px rgba(204,204,204,1);
-moz-box-shadow: 0px 10px 6px -1px rgba(204,204,204,1);
box-shadow: 0px 10px 6px -1px rgba(204,204,204,1);
}
.content-nearest-store .single-location {
border: 1px solid #7a7b7b;
border-radius: 6px;
padding: 2px 8px;
margin-top: 7px;
margin-bottom: 10px;
text-align: center;
}
.content-nearest-store .bottom-options {
margin: 20px 0px 8px 0px;
}
.content-nearest-store .bottom-options .cta-bex-ppc {
width: 142px;
font-size: 0.80rem;
letter-spacing: 0;
}
.content-nearest-store .single-location a,
.content-nearest-store .single-location a:focus {
background: transparent;
color: #062a67;
}
.content-nearest-store .single-location:hover {
cursor: pointer;
background: #909292;
color: #fff;
}
.content-nearest-store .single-location:hover a {
color: #fff;
}
/* store detail for multilocation page */
.content-nearest-store .store-card-detail {
display: none;
text-align: left;
}
.content-nearest-store .store-card-detail.active {
display: block;
}
.content-nearest-store .store-card-detail h2 {
margin-top: 5px;
margin-bottom: 0px;
font-size: 16px;
font-weight: 600;
}
.content-nearest-store .store-card-detail p {
margin: 0;
font-size: 16px;
}
.content-nearest-store .store-card-detail .store-hours div {
font-size: 16px;
white-space: nowrap;
display: flex;
justify-content: space-between;
}
.content-nearest-store .store-card-detail .store-data {
position: relative;
}
.content-nearest-store .store-card-detail .store-data .cta-bex-ppc {
position: absolute;
font-size: .705rem;
bottom: 0;
left: 15px;
}
.content-nearest-store .store-card-detail:last-child {
padding-bottom: 10px;
}
.content-nearest-store .store-card-detail .store-hours .mobile-day {
display: none;
}
.content-nearest-store .store-card-detail .store-hours .desktop-day {
display: block;
}
/*******************************/
/* Embed video */
.embed-responsive-4by3 {
padding-bottom: 0px !important;
height: 450px;
}
/*****/
#ppc-carousel a:focus,
#ppc-carousel a:active {
background: transparent;
}
.page-template-template-ppc .fullwidth-map {
margin-bottom: 0;
}
.single-description-2 .data .store-name {
font-weight: bold;
font-size: 26px;
margin-bottom: 15px;
margin-top: 0;
}
.single-description-2 .data .schedule .hours-title {
display: block;
font-weight: bold;
font-size: 20px;
margin-top: 0;
}
.single-description-2 .data .schedule div{
white-space: nowrap;
display: flex;
justify-content: space-between;
}
.single-description-2 .data .schedule div,
.single-description-2 .data .store div {
font-size: 16px;
}
.single-description-2 .data .divider {
border-left: 2px solid #333;
min-height: 190px;
margin-top: 5px;
}
#store-info{
padding: 0px 50px;
}
.insurance-block .text{
padding: 30px 20px;
}
.action-btn {
margin-top: 15px;
}
.insurance-header {
margin: 0 0 30px 0;
}
.cta-bex-ppc,
.cta-bex-ppc:active,
.cta-bex-ppc:focus {
background: #fd843c !important;
color: #fff;
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: .875rem;
line-height: 2.25rem;
font-weight: 500;
letter-spacing: .0892857143em;
text-decoration: none;
text-transform: uppercase;
padding: 0 8px 0 8px;
display: inline-flex;
position: relative;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 64px;
border: none;
outline: none;
line-height: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
overflow: visible;
vertical-align: middle;
border-radius: 4px;
backface-visibility: hidden;
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
will-change: transform,opacity;
padding: 0 16px 0 16px;
height: 36px;
}
.cta-back-btn {
width: 142px;
background: #fff;
color: #999;
font-family: Roboto, sans-serif;
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-size: 0.80rem;
line-height: 2.25rem;
font-weight: 500;
letter-spacing: .0892857143em;
text-decoration: none;
text-transform: uppercase;
padding: 0 8px 0 8px;
display: inline-flex;
position: relative;
align-items: center;
justify-content: center;
box-sizing: border-box;
min-width: 64px;
border: 1px solid #999;
outline: none;
line-height: inherit;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-appearance: none;
overflow: visible;
vertical-align: middle;
border-radius: 4px;
backface-visibility: hidden;
--mdc-ripple-fg-size: 0;
--mdc-ripple-left: 0;
--mdc-ripple-top: 0;
--mdc-ripple-fg-scale: 1;
--mdc-ripple-fg-translate-end: 0;
--mdc-ripple-fg-translate-start: 0;
-webkit-tap-highlight-color: rgba(0,0,0,0);
will-change: transform,opacity;
padding: 0 16px 0 16px;
height: 36px;
}
.product-details ul a:focus,
.cta-bex-ppc:hover,
.cta-bex-ppc:focus {
background: #fd843c !important;
opacity: 0.7;
color: #fff !important;
-webkit-transition: opacity .25s ease-out;
-moz-transition: opacity .25s ease-out;
-o-transition: opacity .25s ease-out;
transition: opacity .25s ease-out;
}
.single-offer .cta-bex-ppc {
padding: 30px 40px;
font-size: 20px;
font-weight: 650;
text-transform: capitalize;
}
.product-details ul a {
margin-bottom: 30px;
}
.product-details ul {
margin-bottom: 60px;
}
.ppc-store-description {
padding: 70px 50px;
background-color: #1D7AC0;
}
.store-content-description {
max-width: 1024px;
margin: 0 auto;
}
.store-content-description p {
font-size: 18px;
color: white;
text-align: center !important;
}
.why-block {
background: #f9f9f9;
}
.why-stanton-block {
background: #f9f9f9;
margin-bottom: 35px;
padding: 50px 50px 0px;
}
.why-stanton-block .banner-image {
margin-top: 15%;
display: flex;
align-items: center;
justify-content: center;
}
.why-stanton-block .banner-image a {
background: transparent;
}
.why-stanton-block .banner-image img {
width: 80%;
}
.insurance-block img {
width: 100%;
}
.why-stanton-block h2,
.insurance-header {
margin-top: 0;
font-size: 36px;
font-weight: 500;
}
.why-stanton-block h2{
margin-bottom: 10px;
}
.why-stanton-block .bullets .icon img {
width: 87%;
}
.why-stanton-block .bullets {
padding: 0 60px;
}
.why-stanton-block .bullets .icon {
text-align: center;
}
.why-stanton-block .bullets .paragraph {
padding: 0 10px;
}
.why-stanton-block .paragraph strong{
font-size: 20px;
}
.why-stanton-block .bullets p {
font-size: 16px;
}
#all-insurances{
padding: 50px 20px;
}
#all-insurances .insurance-header {
margin-top:30px;
}
.column-item {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 150px;
-moz-column-width: 150px;
column-width: 150px;
-webkit-column-gap: 60px;
-moz-column-gap: 60px;
column-gap: 60px;
min-height: 150px;
}
.insurance-block p {
color: #525252;
font-size: 17px;
}
.stores-opt-block {
display: inline-grid;
position: absolute;
top: 30px;
z-index: 99999;
left: 50%;
transform: translate(-50%, -50%);
}
.multi-insurance {
clear: both;
padding-top: 0px;
}
.multi-insurance .insurance-list li::before {
content:"";
width: 20px;
height: 20px;
position: absolute;
top: 6px;
background: url(../images/check-mark-icon01.png) no-repeat;
}
.multi-template .behind-scene {
padding-left: 120px;
}
.multi-template .video-yt {
padding-left: 0;
padding-right: 0;
}
.multi-template #all-insurances .text-center {
padding: 0px 64px;
}
.multi-template .behind-scene p,
.multi-template .behind-scene h3 {
font-size: 18px;
color: #525252;
}
.multi-template .insurance-multi-header {
padding-top: 30px;
clear: both;
}
.ppc-page .all-insurances {
margin: 0 auto;
display: table;
}
.ppc-page .multi-template #all-insurances {
display: block;
}
.ppc-page #all-insurances ul.insurance-list,
.ppc-page .all-insurances ul.insurance-list {
margin: 0;
column-count: 3;
-webkit-column-count: 3;
-moz-column-count: 3;
max-width: 100%;
margin-bottom: 40px;
}
.ppc-page .all-insurances ul.insurance-list {
display: table-caption;
}
.ppc-page #all-insurances ul.insurance-list li,
.ppc-page .all-insurances ul.insurance-list li {
color: #444;
width: 100%;
font-size: 18px;
position: relative;
break-inside: avoid-column;
}
.ppc-page #all-insurances ul.insurance-list li:nth-child(2n),
.ppc-page .all-insurances ul.insurance-list li:nth-child(2n) {
width: 100%;
}
.ppc-page #all-insurances ul.insurance-list li .insurance-bullet,
.ppc-page .all-insurances ul.insurance-list li .insurance-bullet {
width: 16px;
height: 16px;
position: absolute;
top: 4px;
background: url('/wp-content/themes/Stanton/images/check-mark-icon01.png') no-repeat;
}
.ppc-page #all-insurances ul.insurance-list li .insurance-name,
.ppc-page .all-insurances ul.insurance-list li .insurance-name {
margin-left: 18px;
}
.multi-template #all-insurances ul.insurance-list li .insurance-name {
margin-left: 22px;
}
.ppc-page #all-insurances ul.insurance-list li::before,
.ppc-page .all-insurances ul.insurance-list li::before {
margin-right: 0;
}
.multi-template #all-insurances ul.insurance-list {
clear: both;
margin: 0 auto 10px;
max-width: 1030px;
padding-top: 40px;
}
.multi-template .info-block {
text-align: center;
}
.multi-template #all-insurances ul.insurance-list,
.multi-template h3.accepted-insurance {
display: none;
}
.stores-opt-block a {
-moz-transition: all 0s ease-in;
-webkit-transition: all 0s ease-in;
-o-transition: all 0s ease-in;
transition: all 0s ease-in;
}
.multi-insurance {
padding-bottom: 20px;
}
.multi-insurance .form-search {
margin: 0;
top: 0;
-webkit-transition: width .25s ease-out;
-moz-transition: width .25s ease-out;
-o-transition: width .25s ease-out;
transition: width .25s ease-out;
}
.multi-template .info-block {
padding-top: 40px;
margin-bottom: 0px;
}
.fstlist div[data-value=""] {
display: none;
}
.single-location .miles {
font-size: 14px;
}
@media(max-width: 2560px) {
.why-stanton-block .banner-image {
margin-top: 10%;
}
}
@media(max-width: 1920px) {
.why-stanton-block .banner-image {
margin-top: 8.5%;
}
}
@media (min-width: 1850px) {
.promo .single-description p,
.single-promo .single-description p {
font-size: 22px !important;
}
.single-description-2 .store {
padding-left: 40px;
}
.why-stanton-block .bullets {
padding: 0 55px;
}
.why-stanton-block .single-description {
padding: 0 55px;
}
.insurance-block {
padding: 0px 62px;
}
#store-info .single-description {
padding-right: 40px;
padding-left: 30px;
}
.all-insurances {
margin: 0 auto;
display: table;
}
}
@media(max-width: 1440px) {
.why-stanton-block .banner-image {
margin-top: 15%;
}
}
@media(max-width: 1200px)
{
.promo .near {
margin-left: 0;
}
}
@media screen and (min-width: 1550px){
.sticky-pro-filter .woof_block_html_items{
margin-left: 80px !important;
}
}
@media(max-width: 1198px)
{
.all-insurances .insurance-list {
margin-left: 64px;
}
.why-stanton-block .bullets .paragraph h3{
font-size: 18px;
margin-top: 0;
}
.why-stanton-block .bullets{
padding: 0 30px;
}
}
@media(max-width: 691px) {
.why-stanton-block .paragraph {
width: 100% !important;
}
.why-stanton-block .bullets .icon {
margin-left: 30%;
width: 40%;
}
.why-stanton-block h3 {
margin-top: 0;
text-align: center;
}
.why-stanton-block .bullets p {
font-size: 15px !important;
}
.why-stanton-block {
padding: 50px 20px 0 20px;
}
.why-stanton-block .bullets {
margin-top: 30px;
padding: 0 30px;
}
.promo, .single-promo{
margin-top: 30px;
padding: 0 20px;
}
#ppc-template-container {
padding-top: 0px;
padding-bottom: 20px;
}
}
@media (min-width:1400px) {
.column-item{
height: 130px !important;
min-height: 0;
}
}
@media (min-width:560px) and (max-width: 991px) {
footer #signup,
#response {
width: 70%;
margin: 0 auto 15px auto;
}
#signup .btn{
right: 0;
}
}
@media(max-width: 991px) {
#ppc-template-container .data {
padding-top: 0px;
}
.single-description-2 {
padding-bottom: 40px;
}
.promo .near {
margin-left: 0;
}
.single-description-2 .data .schedule .hours-title {
margin-bottom: 20px;
}
.cta-bex-ppc {
padding: 0px 8px 0px 8px;
}
.multi-template .behind-scene {
padding-left: 50px;
padding-right: 50px;
}
/* Change order of blocks*/
.single-promo {
display: -webkit-box;
display: -moz-box;
display: box;
-webkit-box-orient: vertical;
-moz-box-orient: vertical;
box-orient: vertical;
}
.promo .single-description,
.single-promo .single-description {
-webkit-box-ordinal-group: 2;
-moz-box-ordinal-group: 2;
box-ordinal-group: 2;
}
.promo .single-description-2,
.single-promo .single-description-2 {
-webkit-box-ordinal-group: 1;
-moz-box-ordinal-group: 1;
box-ordinal-group: 1;
}
.promo .single-description p,
.single-promo .single-description p {
margin: 30px 0 0 0;
}
.why-stanton-block .banner-image {
margin-top: 0;
}
.why-stanton-block .bullets .paragraph h3 {
text-align: center;
font-weight: 600;
}
.why-stanton-block .bullets p {
font-size: 18px;
}
.column-item {
column-count: 1 !important;
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
}
.why-stanton-block .bullets {
padding-top: 30px;
}
/*
.promo .single-description-2,
.single-promo .single-description-2 {
padding-left: 15%;
}
*/
.nearest-store-dropdown {
font-size: 20px;
padding: 10px 45px 10px 18px;
}
.why-stanton-block h2{
margin-top: 20px;
margin-bottom: 20px;
}
.why-stanton-block h2,
.insurance-header {
font-size: 30px;
text-align: center;
}
#store-info {
padding: 0;
}
.content-nearest-store .store-card-detail .store-hours,
.content-nearest-store .store-card-detail .store-data {
text-align: center;
margin-bottom: 20px;
}
.content-nearest-store .store-card-detail .store-hours {
max-width: 200px;
margin: 0 auto;
}
.content-nearest-store .store-card-detail .store-hours .mobile-day {
display: block;
}
.content-nearest-store .store-card-detail .store-hours .desktop-day {
display: none;
}
#response span {
float: left;
display: block;
margin-bottom: 20px;
padding-left: 24px;
}
.page-template-template-no-links .content {
margin-top: 0 !important;
}
}
@media(max-width:768px) {
.why-stanton-block .banner-image {
margin-top: 0;
display: block;
}
.why-stanton-block .banner-image img {
width: 85%;
}
.why-stanton-block .bullets .icon img {
width: 82%;
}
.content-nearest-store {
margin-left: 8px;
}
#response span {
padding-left: 24px;
}
.embed-responsive-4by3 {
height: 200px;
}
}
@media(max-width: 767px) {
.ppc-page #all-insurances .insurance-list,
.ppc-page .all-insurances ul.insurance-list {
column-count: 2 !important;
-webkit-column-count: 2 !important;
-moz-column-count: 2 !important;
}
.content-nearest-store {
margin-left: 3px;
width: 330px;
}
.center-block .row .col-md-12 .cta-bex-ppc {
margin: 0 auto;
}
.col-md-6.product-details .tryon-btn {
margin: 30px auto 0;
}
ul.share-list.a2a_kit {
margin: 0 auto;
margin-top: 30px;
display: table;
}
.stores-opt-block {
position: relative;
top: 0;
z-index: 99999;
left: auto;
transform: none;
}
.content-nearest-store {
left: auto;
}
}
@media(max-width: 720px) {
.why-stanton-block .bullets .icon img {
width: 66%;
}
.why-stanton-block .bullets .paragraph h3 {
font-weight: 600;
}
.why-stanton-block .banner-image {
text-align: center;
}
.why-stanton-block .banner-image img {
width: 80%;
}
}
@media(max-width: 618px) {
.promo .intro-text,
.promo .near {
float: none;
width: 100%;
text-align: left;
max-width: 100%;
}
.content-nearest-store {
margin-left: 25px;
}
.store-content-description p {
text-align: left !important;
}
.ppc-store-description {
padding: 40px 20px;
}
}
@media(max-width: 613px) and (max-width: 618px) {
.content-nearest-store {
display:block;
margin-left: 146px;
}
}
@media(max-width: 587px) {
.content-nearest-store {
margin-left: 0px;
}
}
@media(max-width: 549px) {
.why-stanton-block .bullets {
padding-top: 0;
}
.why-stanton-block .bullets .icon img {
width: 95%;
}
.why-stanton-block .banner-image img {
width: 100%;
}
.banner-cvp-container {
text-align: center;
}
}
@media(max-width: 500px) {
.promo .intro-text,
.promo .near {
float: none;
width: 100%;
}
.promo .near {
text-align: center;
margin-left: 0;
}
.nearest-store-dropdown {
font-size: 20px;
padding: 10px 45px 10px 18px;
}
.nearest-store-dropdown:not(.active)::after {
top: 24px;
}
.nearest-store-dropdown.active::after {
top: 24px;
}
.content-nearest-store {
text-align: left;
margin-left: 3px;
}
#signup input#email {
width: 88% !important;
}
}
@media(max-width: 534px) {
.ppc-page #all-insurances ul.insurance-list {
column-count: 1 !important;
-webkit-column-count: 1 !important;
-moz-column-count: 1 !important;
}
.insurance-block .col-md-12 {
padding: 0;
}
}
@media(max-width: 524px) {
.why-stanton-block h3 {
font-size: 22px;
}
.all-insurances .insurance-list{
margin-left: 30px;
}
}
@media(max-width: 419px) {
.nearest-store-dropdown {
font-weight: 600;
text-align: center;
width: 258px;
font-size: 15px;
}
.content-nearest-store {
width: 252px;
}
.content-nearest-store .bottom-options .cta-bex-ppc,
.cta-back-btn {
width: 92px;
}
.nearest-store-dropdown:not(.active)::after,
.nearest-store-dropdown.active::after {
top: 17px;
}
}
@media(max-width: 400px) {
.why-stanton-block .banner-image img {
width: 100%;
}
}
@media(max-width: 600px) and (min-width: 500px) {
.multi-insurance .form-search {
width: 450px;
}
}
@media (max-width: 499px) {
.multi-insurance .form-search {
width: 570px;
}
#ppc-template-container .store-hours-container .dropdown {
min-width: auto;
}
}
@media (max-width: 400px) and (min-width: 332px) {
.multi-insurance .form-search {
width: 500px;
}
}
@media(max-width: 360px) {
.content-nearest-store .single-location {
margin-top: 0;
margin-left: 3px;
}
}
@media(max-width: 370px) {
span.nw-number{
display: initial !important;
}
}
@media(max-width: 331px) {
.nearest-store-dropdown {
padding: 10px 45px 10px 18px;
}
.content-nearest-store {
width: 232px;
/*margin-left: 5px;*/
}
.why-stanton-block h3 {
font-size: 20px;
}
.multi-insurance .form-search {
width: 450px;
}
#ppc-template-container .store-hours-container .dropdown ul::before {
right: 50px;
}
#ppc-template-container .store-block .text-right {
width: 60% !important;
}
}
/*****************************************/
.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;*/
}
/*
In kids section, hide browse by type
*/
.term-kids .woof_container_browsebytype,
.term-sunglasses-kids .woof_container_browsebytype{
display: none !important;
}
.term-kids .woof_container_browsebystyle,
.term-kids .woof_container_browsebymaterial,
.term-kids .woof_container_browsebycolor,
.term-sunglasses-kids .woof_container_browsebystyle,
.term-sunglasses-kids .woof_container_browsebymaterial,
.term-sunglasses-kids .woof_container_browsebycolor
{
width: 33.33% !important;
}
.term-sunglasses-kids .woof_block_html_items,
.term-kids .woof_block_html_items{
margin-left: 50px;
}
.term-sunglasses-kids .content-area,
.term-kids .content-area{
float: left !important;
}
/*************** care credit page ********/
body.page-id-20900 {
background: #fff;
}
body.page-id-20900 .banner-overlay {
cursor: pointer;
}
.page-id-20900 .container-cc {
width: 100%;
}
.page-id-20900 .half {
float: left;
width: 50%;
}
.page-id-20900 .med {
width: 75%;
float: left;
}
.page-id-20900 .mid {
float: left;
width: 25%;
padding: 0 10px;
}
.page-id-20900 .mid-bottom {
width: 80%;
margin: 0 auto;
}
.page-id-20900 .wraper {
width: 80%;
padding: 10px 20px;
display: flex;
justify-content: center;
}
.page-id-20900 .center-artwork {
width: 100%;
}
.page-id-20900 .center-artwork-mobile {
display: none;
}
.page-id-20900 .center-artwork-mobile .item {
margin-top: 10px;
}
.page-id-20900 .schedule-btn-offer-1 {
background: #ef8031;
border-radius: 9px;
color: #fff;
padding: 10px 60px;
font-size: 24px;
font-weight: 650;
text-decoration: none;
}
.page-id-20900 .schedule-btn-offer-1:hover {
color: #fff !important;
}
.page-id-20900 .schedule-btn-offer-1:focus {
background: #ef8031;
}
.page-id-20900 .margin-finance {
padding: 0 60px;
}
.page-id-20900 ul.finance {
position: relative;
display: block;
height: auto;
}
.page-id-20900 ul.finance li {
margin-bottom: .6em;
list-style-type: none;
text-indent: -1em;
}
.page-id-20900 ul.finance li:last-child {
color: #f08335;
}
.page-id-20900 ul.finance li span.bullet {
border: 2px solid #fff;
display: inline-block;
border-radius: 50%;
height: 20px;
width: 20px;
margin-right: 10px;
background: #ef8031;
}
.page-id-20900 ul.finance li:before {
padding: 5px 0;
position: absolute;
left: -18px;
top: 20px;
content: "";
height: 75%;
width: 0;
z-index: -1;
border-left: 2px solid #000;
}
.page-id-20900 ul li:last-of-type:before {
border: none;
}
.page-id-20900 .watch-image {
margin-left: 20px;
}
.page-id-20900 .text-center {
text-align: center;
}
.page-id-20900 .wraper img {
width: 76%;
display: block;
margin-left: auto;
margin-right: auto;
}
.page-id-20900 .artmap .mid:nth-child(1) {
padding: 0 0 0 46px;
}
.page-id-20900 .artmap .mid:nth-child(3) {
padding: 0 30px 0 0;
}
.page-id-20900 .artmap .mid:nth-child(4) {
padding: 0 64px 0 0;
}
.rplgsw-container-autoheight {
padding: 0 0 10px 0;
}
.rplgsw-container-horizontal>.rplgsw-pagination-bullets,
.rplgsw-pagination-custom,
.rplgsw-pagination-fraction {
bottom: -5px !important;
}
/* new styles */
.orange-line {
border: 2px solid #f48120;
}
.what-to-expect-page h3 {
font-weight: bold;
margin-top: 0;
margin-bottom: 25px;
}
.what-to-expect-page .career img {
float: left;
margin: 0 auto !important;
padding-right: 20px;
padding-bottom: 10px;
}
.wte-check-list {
/* margin-left: 35px; */
list-style: none;
}
.wte-check-list li {
padding-bottom: 15px;
}
.wte-check-list li .wte-icon {
width: 30px;
height: 30px;
background: url('/wp-content/themes/Stanton/images/wt-bullet.png') no-repeat;
display: inline-block;
vertical-align: middle;
}
.wte-check-list li .wte-text {
margin-left: 10px;
display: inline-block;
vertical-align: middle;
}
@media(max-width:360px) {
.wte-check-list li .wte-text {
display: initial;
margin-left: 0;
}
.what-to-expect-page .career img {
width: 100%;
}
}
@media(max-width:520px) {
.what-to-expect-page .career img {
float: initial;
}
}
@media(min-width:991px) {
.what-to-expect-page .career img {
width: 100%;
padding-right: 20px;
}
}
/**************************************/
/**************************************/
/* Organic Location Page */
.page-template-template-organic-location .banner-column {
margin-bottom: 0px;
}
.page-template-template-organic-location .banner-column .banner-overlay .right-block,
.page-template-template-organic-location .banner-column .banner-overlay .right-block {
display: none !important;
}
.page-template-template-organic-location a:not(.store-book-btn):focus {
background: transparent;
color: #337ab7;
}
.page-template-template-organic-location .see-more-link a:hover,
.page-template-template-organic-location .see-more-link a:visited,
.page-template-template-organic-location .see-more-link a:focus {
text-decoration: underline !important;
}
#single-store h1,
#single-store h2,
#single-store h3,
#single-store h4,
#single-store h5,
#single-store h6 {
text-transform: capitalize;
margin-top: 0;
font-weight: 600;
}
.store-accepted-insurance h3 {
text-transform: capitalize;
margin-top: 0 !important;
font-weight: 600;
}
.store-accepted-insurance .info-block {
display: block;
width: 100%;
max-width: 1060px;
margin: 20px auto 0 auto;
}
.store-accepted-insurance .info-block p,
.store-accepted-insurance h4 {
font-size: 16px !important;
text-align: center;
line-height: 18px;
}
.l-row {
padding: 100px 80px;
}
.m-store-contact-offer {
padding: 0 80px;
}
.store-exams {
padding: 40px 80px;
}
.single-store-nearby {
padding: 50px 80px;
}
.fullwidth-image {
width: 100%;
}
.s-directions {
line-height: 24px;
margin: 4px 0;
}
.s-directions a i {
font-family: "Font Awesome 5 Free" !important;
margin-right: 5px;
padding-bottom: 10px;
}
.ss-p {
line-height: 24px;
}
.second-map .fullwidth-map {
margin-bottom: 0;
}
.single-store-info h1 {
color: #444;
font-weight: bold;
}
.single-store-info p {
margin-bottom: 0;
}
.single-store-info .phone {
font-size: 20px;
padding: 10px 0;
}
.single-store-info .phone a {
color: #444;
}
.single-store-info .store-hours-container .dropdown ul::before {
top: 0;
}
.single-store-info .store-block .header-hours {
font-size: 20px;
}
.store-info-map {
padding-right: 80px;
}
.store-info-map #googleMap {
border-radius: 5px;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
margin-bottom: 0px;
height: 370px !important;
}
.store-book-btn {
background: #f48120;
color: #fff;
border-radius: 5px;
font-weight: 600;
width: 200px;
text-transform: capitalize;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
margin-top: 20px;
display: block;
text-align: center;
padding: 10px 0;
}
.page-template-template-organic-location .store-book-btn:focus {
background: #f48120 !important;
opacity: 0.8;
color: #fff !important;
}
.store-book-btn:hover {
color: white;
}
.single-store-img-cont {
margin: 0 auto;
display: inline-block;
position: relative;
width: 330px;
height: 330px;
overflow: hidden;
border-radius: 50%;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}
.single-store-img {
width: auto;
height: 100%;
}
.ss-img-left {
margin-left: -40px;
}
.store-welcome {
background-color: #0082ca;
color: #ffffff;
background-image: url('../images/eyeglasses.jpg');
background-repeat: no-repeat;
background-size: cover;
color: #ffffff;
}
.store-welcome h2 {
text-align: center;
font-weight: 600;
margin-bottom: 40px;
}
.store-welcome p {
text-align: justify;
}
.store-exams {
background-color: #f6f0ed;
background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.2), rgba(255, 255, 255, 0.4)), url('../images/contact-offer.png');
background-repeat: no-repeat;
background-size: cover;
transition: all 300ms, opacity 500ms;
}
.store-exams ul li:before {
content: '•';
color: #f48120;
margin-right: 8px;
}
#single-store, #single-store p {
font-size: 20px;
}
#single-store .wpb_slider_title {
color: #444444;
font-size: 30px;
margin-bottom: 0;
}
.m-store-contact-offer p{
margin-bottom: 0px;
padding: 20px 40px;
}
.flex {
display: flex;
align-items: center;
margin-top: 40px;
}
.see-more-link {
padding: 20px 0;
margin-bottom: 0px;
}
.see-more-link:before {
content: '\f105';
font-family: 'FontAwesome';
color: #fd8204;
font-size: 18px;
font-weight: 100;
margin-right: 8px;
}
.see-more-link a {
text-transform: capitalize;
text-decoration: underline !important;
}
.store-social-img {
margin-left: 15px;
border-radius: 10px;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
display: inline-block;
}
.store-contacts-info {
padding-right: 100px;
}
.store-contacts-img-cont {
max-width: 500px;
}
.store-contacts-img-cont img {
width: 100%;
border-radius: 10px;
box-shadow: 0px 2px 18px 0px rgba(0,0,0,0.3);
}
.single-insurances{
display: table;
margin: 0 auto;
}
.store-accepted-insurance {
background-color: #0082ca;
color: #ffffff;
background-image: url('../images/accepted-insurance.jpg');
background-repeat: no-repeat;
background-size: cover;
}
.store-accepted-insurance .l-head {
color: #ffffff;
font-size: 30px;
}
.store-accepted-insurance h4,
.store-accepted-insurance a {
color: #ffffff !important;
}
.store-accepted-insurance .insurance-list .insurance-bullet {
width: 20px;
height: 20px;
position: absolute;
top: 6px;
background: url(../images/check-mark-icon01.png) no-repeat;
}
.store-accepted-insurance .insurance-list .insurance-name {
margin-left: 20px;
color: white;
}
.store-accepted-insurance .insurance-list {
max-width: 992px;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
}
.store-accepted-insurance .insurance-list li::before {
margin-right: 0;
}
.store-accepted-insurance .insurance-list li {
position: relative;
width: 100% !important;
break-inside: avoid-column;
display: inline-block;
}
.store-products {
padding: 40px 0;
}
.store-products ul.wpb-woo-products-slider .owl-nav .owl-next,
.store-products ul.wpb-woo-products-slider .owl-nav .owl-prev {
background-color: #f48120 !important;
}
/*
#single-store .info-block {
max-width: initial !important;
margin: 0;
text-align: center;
}
*/
#single-store .store-hours-container .dropdown ul {
position: relative;
}
#single-store .store-hours-container .dropdown {
position: relative;
}
.store-contacts-offer,
.social-faq,
.store-accepted-insurance {
padding: 60px 80px;
}
.store-contacts-offer .see-more-link {
padding: 20px 20px 0 0px;
}
.social-faq {
background: #f9f9f9;
display: block;
z-index: 9999;
}
.social-faq h3 {
font-size: 32px;
margin-bottom: 20px;
}
.social-faq .social-reviews .see-more-link {
margin-left: 40px;
}
.faq-question:before {
content: '•';
color: #f48120;
margin-left: -12px;
margin-right: 5px;
}
.faq-question {
font-weight: bold;
margin-bottom: 0;
font-size: 18px !important;
}
#single-store .store-block{
position: relative;
display: block;
}
#single-store .store-block .store-hours {
min-height: 40px !important;
}
#single-store .store-hours-container::after,
#single-store .store-block::after {
display: block;
content: "";
clear: both;
}
.store-features {
margin-bottom: 40px;
margin-top: 2px;
}
.store-features li {
font-size: 18px;
}
.store-features li::before {
width: 30px;
height: 30px;
display: inline-block;
margin-right: 10px;
content: '';
background-repeat: no-repeat;
background-size: 30px 30px;
vertical-align: bottom;
}
.store-features .drive-thru::before {
background-image: url('../images/drive_thru.png');
}
.store-features .telehealth::before {
background-image: url('../images/telehealth.png');
}
.store-features .same-day-frames::before {
background-image: url('../images/same_day_frames.png');
}
.store-features .curbside-pickup::before {
background-image: url('../images/curbside_pickup.png');
}
.store-features .walk-in::before {
background-image: url('../images/walk_in_eye_exam.png');
}
.single-store-nearby ul.location-list-2 {
margin-top: 0;
}
.single-store-nearby ul.location-list-2 li {
display: inline-block;
margin-right: 20px;
text-transform: capitalize;
}
.single-store-nearby ul.location-list-2 li::before {
margin-right: 2px;
}
.single-store-nearby .nearby-tittle {
text-transform: capitalize;
font-weight: bold;
color: #0082ca;
margin-right: 18px;
}
.page-template-template-organic-location #free-eye-exam {
margin-top: 0;
}
/** Collapse ***/
.module {
font-size: 1rem;
line-height: 1.5;
}
.minified {
display: block;
overflow: hidden;
}
.faq-detail {
transition: all 600ms;
}
.faq-detail.collapsing, .faq-detail.collapse {
height: 5.8em !important;
}
.faq-detail.collapse.in {
height: auto !important;
}
.module {
margin-bottom: 20px;
}
.module .show-more {
display: block;
}
.module .show-more.collapsed::after {
content: 'Read More';
}
.module .show-more:not(.collapsed)::after {
content: 'Read Less';
}
/** Google Review Social **/
.page-template-template-organic-location .rplg-slider .rplgsw-slide-prev,
.page-template-template-organic-location .rplg-slider .rplgsw-slide-next {
visibility: hidden !important;
}
.rplg-slider .rplg-slider-prev,
.rplg-slider .rplg-slider-next {
background: #f48020 !important;
padding: 3px 9px;
width: 36px !important;
height: 36px !important;
font-family: "FontAwesome" !important;
color: white !important;
top: 50% !important;
font-size: 30px !important;
}
.rplg-slider .rplg-slider-prev span,
.rplg-slider .rplg-slider-next span {
display: none !important;
}
.rplg-slider .rplg-slider-prev::before {
content: "\f104";
margin-left: 2px;
}
.rplg-slider .rplg-slider-next::before {
content: "\f105";
margin-left: 5px;
}
.rplg-slider .rplg-slider-prev {
left: 0px !important;
}
.rplg-slider .rplg-slider-next {
right: 0px !important;
}
.rplg-slider .rplg-slider-prev span {
left: 5px !important;
}
.rplg-slider .rplg-slider-next span {
left: 7px !important;
}
.rplg-slider .rplg-box .rplg-box-content {
height: 220px !important;
overflow-x: hidden !important;
}
.rplg-slider .rplg-row {
margin: 0 20px 20px 20px !important;
padding: 0 20px 20px 20px !important;
}
.page-template-template-organic-location .rplg-slider .rplg-social-logo>svg,
.page-template-template-organic-location .rplg-slider .rplg-box .rplg-box-content:before {
display: none !important;
}
.page-template-template-organic-location .rplg-stars {
width: 99%;
margin-bottom: 20px;
}
.page-template-template-organic-location .rplg .rplg-review-text {
font-size: 18px !important;
color: #444 !important;
}
.page-template-template-organic-location .rplg-box-content {
margin: 40px 40px 40px 60px!important;
}
.page-template-template-organic-location .rplg-box {
border: none !important;
}
.page-template-template-organic-location .rplg-box:before {
content: none !important;
}
.faq-block {
margin: 40px 0px;
}
button.accordion {
font-family: 'Titillium Web Regular' !important;
}
.faq-block button.accordion,
.faq-block .panel {
border: none !important;
box-shadow: none !important;
}
.faq-block .panel {
padding: 20px 18px;
line-height: 1.8em;
}
.faq-block > h2 {
margin-bottom: 30px;
}
.faq-categories {
width: 100%;
}
.faq-categories li
{
display: inline-block;
}
.faq-categories li:not(:last-child) {
margin-right: 10px;
}
/**************************/
.vision-insurance-page .insurance-form {
width: 55%;
text-align: center;
display: block;
margin: 30px auto 0 auto;
}
#search-location-insurance {
padding: 5px 10px;
border-radius: 8px;
min-height: 40px;
}
.vision-insurance-page .typeahead.dropdown-menu {
overflow-y: hidden !important;
}
.vision-insurance-page .info-block {
margin-top: 20px;
}
.vision-insurance-page .insurance-list {
max-width: 992px;
-webkit-columns: 3;
-moz-columns: 3;
columns: 3;
}
.vision-insurance-page .insurance-list li {
width: 100% !important;
}
.vision-insurance-page .insurance-form .dropdown-item {
white-space: break-spaces !important;
font-size: 18px !important;
}
/*************************/
@media(max-width: 330px) {
.single-store-img-cont {
width: 200px !important;
height: 200px !important;
}
.single-store-info .store-block .text-right {
width: 50%;
}
#single-store .store-hours-container .dropdown {
left: -40px !important;
}
#single-store .store-block .store-hours-container .dropdown ul {
min-width: 0 !important;
}
.single-store-info .store-hours-container .dropdown ul::before {
right: 0px;
}
}
@media(max-width: 368px) {
.single-store-info .store-block .text-right {
width: 60% !important;
}
.single-store-info .store-hours-container .dropdown ul::before {
right: 35px !important;
}
}
@media(max-width: 468px) {
.single-store-img-cont {
width: 250px;
height: 250px;
}
.swiper-pagination {
position: relative !important;
}
#single-store .store-block {
padding: 0;
}
.store-accepted-insurance {
padding: 40px 20px;
}
.store-accepted-insurance .insurance-list .insurance-name {
margin-left: 0;
}
.store-accepted-insurance .insurance-list .insurance-bullet {
margin-left: -20px;
}
.m-store-contact-offer p, .faq-content .see-more-link {
padding: 0;
font-size: 16px !important;
margin-top: 10px;
}
}
@media(max-width: 500px) {
.module .show-more{
margin-bottom: -5px !important;
}
.module {
margin-bottom: 0px !important;
}
.rplg-slider .rplg-slider-next {
right: -10px !important;
}
.rplg .rplg-slider .rplg-slider-prev {
left: -10px !important;
}
}
@media(max-width: 576px) {
#single-store .insurance-list {
-webkit-columns: 1 !important;
-moz-columns: 1 !important;
columns: 1 !important;
}
#single-store .info-block {
text-align: left;
}
.store-accepted-insurance .info-block p,
.store-accepted-insurance h4 {
text-align: left;
}
.flex, .see-more-link {
display: block;
}
.flex {
margin-top: 20px;
}
.flex .see-more-link, .store-social-images {
text-align: center;
}
.page-template-template-organic-location .wp-google-text,
.page-template-template-organic-location .wp-google-stars {
text-align: center !important;
}
.page-template-template-organic-location .grw-slider .grw-slider-prev,
.page-template-template-organic-location .grw-slider .grw-slider-next {
top: 30%!important;
}
}
@media(max-width: 648px) {
.nearby-tittle, .single-store-nearby ul.location-list-2 li {
display: block;
margin-bottom: 10px;
margin-right: 0 !important;
}
#single-store .store-block .store-hours {
min-height: auto !important;
}
.collapse .module .show-more{
margin-bottom: 0px !important;
}
}
@media(max-width: 768px) {
.l-row, .store-exams {
padding: 40px;
}
.social-faq {
padding: 40px 10px;
}
.faq-content {
padding-left: 50px;
padding-right: 50px;
}
.social-reviews h3 {
text-align: center !important;
}
.store-contacts-offer {
padding: 40px 40px 0 40px !important;
}
.m-store-contact-offer {
padding: 30px 40px 40px 40px !important;
}
#single-store h1,
#single-store h2:not(.pro_title),
#single-store h3,
#single-store h4,
#single-store h5,
#single-store h6 {
text-align: left;
}
.store-products #featured-frames ul.frame-block .owl-item li {
margin-bottom: 0;
}
.single-store-img-cont {
margin-top: 40px !important;
}
.store-accepted-insurance .insurance-list {
padding: 0 !important;
}
.single-store-picture {
margin-top: 40px;
}
.single-store-info,
.single-store-info h1 {
text-align: center !important;
}
.store-book-btn {
margin: 0 auto;
}
.single-store-info .store-block .text-right {
width: 75%;
}
.single-store-info .store-hours-container .dropdown ul::before {
right: 0px;
}
.social-faq .social-reviews .see-more-link {
margin-left: 0px;
}
.faq-content .see-more-link {
padding: 15px 0 30px 0;
}
.module .show-more{
margin-bottom: 30px;
}
.module {
margin-bottom: 30px;
}
.vision-insurance-page .insurance-list,
.store-accepted-insurance .insurance-list {
-webkit-columns: 1 !important;
-moz-columns: 1 !important;
columns: 1 !important;
}
}
@media(max-width: 991px) {
.store-info-map {
padding-right: 0px;
}
.store-contacts-offer {
padding: 80px 80px 0 80px;
}
.m-store-contact-offer {
padding: 30px 80px 80px 80px;
}
.m-store-contact-offer .see-more-link {
padding: 0;
}
.store-exams {
background-image: none !important;
}
.single-store-img-cont {
margin: 0 auto;
display: block;
}
.store-contacts-info {
padding-right: 0px;
}
#single-store .insurance-list {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.single-store-info,
.single-store-info h1 {
margin-top: 0px !important;
}
#single-store .store-block .store-hours {
margin: 0;
}
#single-store .store-hours-container .dropdown {
left: 0;
}
#single-store .store-block,
#single-store .store-hours-container .drop-ttl {
padding: 0;
}
.single-store-info .store-hours-container .dropdown ul>li {
padding: 1px 20px 0 0;
}
.rplg-slider .rplg-box .rplg-box-content {
/*height: 250px !important;*/
}
.rplg-slider .rplg-slider-prev {
left: 0 !important;
}
.rplg-slider .rplg-slider-prev {
right: 0 !important;
}
.module .show-more{
margin-bottom: 40px;
}
.vision-insurance-page .insurance-list,
.store-accepted-insurance .insurance-list {
-webkit-columns: 2;
-moz-columns: 2;
columns: 2;
}
.vision-insurance-page .insurance-form {
width: 100%;
}
}
@media(min-width: 992px) and (max-width: 1399px){
.store-exams {
background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.52), rgba(255, 255, 255, 0.73)), url(../images/contact-offer.png);
}
.single-store-info {
padding: 0;
}
.rplg-slider .rplg-slider-prev {
left: 6px !important;
}
.rplg-slider .rplg-slider-next {
right: -6px !important;
}
}
@media(min-width: 1460px){
.store-exams {
background-size: contain;
}
}
@media(min-width: 991px) and (max-width: 1460px){
#single-store .store-block .store-hours {
height: auto;
}
}
@media(max-width: 1200px){
.module .show-more{
margin-bottom: -4px;
}
}
@media(min-width: 1500px){
.module .show-more{
margin-bottom: 30px;
}
}
/** new styles for survey **/
.page-template-template-survey .footer-bottom {
background: transparent !important;
}
.survey-page header,
.survey-page .banner-column,
.survey-page #primary {
background: #ffffff;
}
.survey-page header {
min-height: 90px;
margin-bottom: 0 !important;
}
.survey-page .find-store,
.survey-page .call-action {
display: none;
}
.survey-page .banner-inner-column {
margin-bottom: 0;
padding-top: 10px;
padding-bottom: 30px;
}
.survey-page {
background: #f36f0017;
}
.survey-page .survey-container {
margin-top: 60px;
}
.survey-page h1 {
font-size: 38px;
font-weight: bold;
color: #f48120;
text-transform: capitalize;
}
.survey-page .entry-content {
text-align: center;
}
.survey-page .entry-content p {
color: #444;
}
.survey-socials {
margin-top: 40px;
}
.survey-socials .survey-socials-item {
margin-bottom: 15px;
}
form#frmreview {
margin-top: 40px;
}
form#frmreview .form-control {
background-color: #ffffff;
border: 1px solid #ccc;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
}
form#frmreview .form-control:focus{
border-color: #66afe9;
outline: 0;
-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,.6);
}
form#frmreview textarea{
resize: none;
}
form#frmreview .cl-btn {
font-family: Roboto, sans-serif;
background: #fd843c;
color: #fff;
font-size: 13px;
font-weight: normal;
letter-spacing: 1px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
padding: 13px 30px;
margin: 30px auto;
}
form#frmreview .cl-btn::before {
background: none !important;
width: 0;
content: '';
}
form#frmreview .cl-btn:hover {
opacity: 0.8;
transition: opacity .2s ease-in-out;
-moz-transition: opacity .2s ease-in-out;
-webkit-transition: opacity .2s ease-in-out;
}
@media(max-width: 600px) {
form#frmreview .cl-btn {
float: none !important;
}
}
@media(max-width: 768px) {
.survey-page .main-header {
margin-bottom: 0 !important;
}
}
@media(max-width: 991px) {
.survey-page .survey-container {
margin-top: 40px;
}
}
@media(max-width: 1320px) and (min-width: 991px) {
.survey-socials-item {
width: 100% !important;
}
}
/*************************************/
@media(max-width:1024px) {
.page-id-20900 .wraper img {
width: 90%;
}
.page-id-20900 .mid-bottom {
width: 100%;
font-size: 17px;
}
.page-id-20900 .mid {
padding: 0 12px;
}
.page-id-20900 .artmap .mid:nth-child(1) {
padding: 0 0 0 43px;
}
.page-id-20900 .artmap .mid:nth-child(3) {
padding: 0 33px 0 0;
}
.page-id-20900 .artmap .mid:nth-child(4) {
padding: 0 93px 0 0;
}
}
@media(max-width:767px) {
.page-id-20900 .center-artwork {
display: none;
}
.page-id-20900 .center-artwork-mobile {
display: block;
}
.page-id-20900 .half {
width: 100%;
}
.page-id-20900 .med {
width: 100%;
}
.page-id-20900 .mid {
width: 100%;
}
.page-id-20900 .watch-image {
margin: 0;
text-align: center;
}
.page-id-20900 p {
text-align: center;
font-size: 16px !important;
}
.page-id-20900 .single-offer ul {
font-size: 16px !important;
}
.page-id-20900 ul.finance li:before {
left: -7px;
}
}
/*******************************************************************/
@media(max-width: 768px){
.f-contact-message {
text-align: center;
}
}
@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 !important;
}
.call_number {
display:none;
}
}
@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: capitalize;
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;
}
.term-sunglasses-kids .woof_block_html_items,
.term-kids .woof_block_html_items{
margin-left: 0;
}
.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: 1240px) {
.single-description-2 .data .store,
.single-description-2 .schedule{
padding: 0;
}
}
*/
@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: 80px;
}
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(min-width:1100px){
}
@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;
}
.single-description-2 .data .store{
text-align: center !important;
padding: 0;
}
.single-promo .single-description-2,
.promo .single-description-2{
padding-left: 0;
}
.why-stanton-block{
margin-bottom: 10px;
}
}
@media(max-width:767px) {
.single-description-2 .data .divider {
display: none;
}
.single-description-2 .data .schedule .hours-title{
text-align: center;
}
.single-description-2 .schedule{
margin-top: 40px;
}
.single-description-2 .data .schedule div{
width: 300px;
margin: 0 auto;
}
.single-description-2 .data .schedule div{
display: flex;
justify-content: space-between;
}
.fullwidth-map .store-block {
text-align: center;
max-width: 100%;
}
.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:70px;}
*/
#banner-signup-response {
margin-top: 0 !important;
}
.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: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; }
.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;
}
#all-insurances {
padding: 0;
}
#all-insurances,
#all-insurances .col-md-12 {
-webkit-transition: padding .25s ease-out;
-moz-transition: padding .25s ease-out;
-o-transition: padding .25s ease-out;
transition: padding .25s ease-out;
}
#all-insurances .insurance-list {
padding: 0 20px;
}
#ppc-template-container {
padding-bottom: 20px;
}
.why-stanton-block{
padding-top: 30px;
}
.ppc-page .info-block{
padding: 0 50px;
margin: 0;
}
.multi-template .info-block {
padding: inherit;
}
.multi-insurance {
margin-top: -20px;
padding-top: 20px;
}
}
@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%;
}
.single-description-2 .data .schedule div{
width: 100%;
}
}
@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;
}
#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;
}
.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) {
#all-insurances .insurance-list {
padding: 0px 20px;
}
.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 .content 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-signup-response span{
padding-left: 22px;
}
.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%);
top: 10px;
}
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;
}
.all-insurances {
margin-left: 0;
}
.single-description-2 .data .schedule div{
margin-left: 0;
}
}
@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%);
}
}
@media (min-width:1800px) {
.schedule-top {
top: 100%;
transform: translateY(-90%);
}
}
/* dropdown */
.absolute{position:absolute;z-index:9999999;width:100%;}.store-ppc-selector{margin-bottom:50px}.fstdiv{position:relative;min-height:34px;max-width: 300px;margin: 0 auto;width:100%;width:-moz-available;width:-webkit-fill-available;width:fill-available}.fstdiv.open:focus{outline:0}.fstdiv.open{z-index:2147483647}.fstdropdown{margin:0 auto;max-width: 300px;outline:0;vertical-align:middle;border:1px solid #999;border-radius:4px;cursor:pointer;background:#fff;overflow:hidden;width:inherit}.fstdiv.open>.fstdropdown{position:absolute}.fstdropdown>.fstselected{line-height:1.42857143;padding:6px 24px 6px 12px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);color:#555;font-size:14px;outline:0;position:relative;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;-webkit-user-select:none}.fstdropdown>.fstselected::after{position:absolute;top:50%;display:block;height:0;margin-top:-3px;content:' ';right:11px;border-color:#999 transparent transparent;border-style:solid;border-width:4px 4px 0}.fstdropdown.open>.fstselected{border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-color:transparent}.fstdropdown.open>.fstselected::after{margin-top:-3px;border-color:transparent transparent #999;border-width:0 4px 4px}.fstdropdown>.fstlist{display:none;max-height:200px;overflow-y:auto;overflow-x:hidden}.fstdropdown.open>.fstlist{display:block}.fstlist>div{padding:6px 12px;user-select:none;-webkit-user-select:none;border-bottom:1px solid #f5f5f5}.fstlist>div:hover{background-color:#ffa94f;color:#fff}.fstlist>div.selected{background-color:#cdcdcd;color:#262626}.fstsearchinput{text-align:center;padding:4px;width:100%;box-sizing:border-box;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);background-color:#fff;border:1px solid #ccc;color:#555;font-size:14px;display:none}.fstdropdown.open:focus{outline:0}.fstdropdown.open>.fstsearch{display:block;padding:4px}.fstdropdown.open .fstsearchinput{display:block}.fstdropdown .hideFst,.fstdropdown-select.fstcreated{display:none}.fstAll{width:100%;position:relative;background-color:#0090ff;color:#fff;border:0;font-size:14px;font-weight:400;line-height:1.428571429;text-align:center;white-space:nowrap;vertical-align:middle;height:30px;display:none}.fstAll:hover{background-color:#337ab7}.open .fstAll{display:block}
.fstsearchinput::-webkit-input-placeholder {
color: #cfcfcf !important;
}
.fstsearchinput::-moz-placeholder { /* Firefox 18- */
color: #cfcfcf !important;
}
.fstsearchinput::-moz-placeholder { /* Firefox 19+ */
color: #cfcfcf !important;
}
.fstsearchinput:-ms-input-placeholder {
color: #cfcfcf !important;
}