.page-title {padding:8% 8% 3%!important; text-shadow: 0px 2px 12px #000;}
.page-title h1{font-size:120px; font-weight:bold!important; opacity:0.9; color:#fff;}
@media(max-width:1200px){.page-title h1{font-size:100px;}
}
@media(max-width:979px){.page-title h1{font-size:80px;}}
@media(max-width:768px){.page-title h1{font-size:50px;}}
@media(max-width:450px){.page-title h1{font-size:40px;}}
#review {
margin-left: 4.2em;
}
@media only screen and (min-width: 1238px) {
#review {
margin-left: 8.8em;
}
}
.x-accordion-toggle{color:#000000;background-color:rgba(0,204,255,0)!important;}
.x-accordion-toggle:hover{background-color:rgba(0,204,255,0.1)!important;}
.x-accordion-group{border:0!important; border-bottom:2px solid #555!important; margin-bottom:0;}
.x-accordion-group:first-child{border-top:2px solid #555!important;}
.x-accordion-inner{border-top:1px solid #555;}
.x-accordion-toggle:not(.collapsed){background-color:rgba(0,204,255,0.1)!important;}
.accordion-body{background:rgba(0,204,255,0.1)!important;}
.x-accordion-heading .x-accordion-toggle::before{color:#0cf!important;}
.x-accordion-group.no-padding .x-accordion-inner{padding:0!important;}
.x-accordion-group.no-padding .x-accordion-inner .x-video.embed{margin-bottom:0;}
.x-accordion-heading{color:#000000;}  .x-topbar{background-color: #2b9bd4; padding:0; min-height:20px;}
.p-info a {border:none!important; display:inline-block; margin-left:15px; transition:color 0.2s ease;}
.p-info a:hover:not(.book-app) {color:#fff!important;}
.x-topbar-inner{width:95%!important;}
.x-topbar .p-info a {color: #ddd;}
.x-topbar .p-info {border:none; padding: 0; background:none; font-size:16px; font-weight:bold; margin: 5px 0 !important; width:100%; text-align:right;}
.p-info a.contact{color:#fff!important; background:#003b5e; padding:3px 8px; transition:background 0.2s ease, color 0.2s ease; border-radius:2px; box-shadow:none;border:2px solid #fff!important;}
.p-info a.contact:hover{color:#003b5e!important; background:#fff;}
.p-info i {font-size:20px; color:#fff; vertical-align:-2px;}
.p-info a.top-phone:after {content:" 604-304-2759";}
.p-info a.top-map:after {content:" #2315 - 3700 No.3 Road";}
.p-info a.contact:after {content:"Contact Us"; display:inline-block;}
@media (max-width:600px){
.p-info a.top-phone:after {content:" Call";}
.p-info a.top-map:after {content:" Map";}
.p-info a.contact:after {content:"Contact Us"; display:inline-block;}
}
@media (max-width:450px){
.p-info a.top-phone:after {content:" Call";}
.p-info a.top-map:after {content:" Map";}
.p-info a.contact:after {content:"Contact"; display:inline-block;}
} .fixed-floater{background:#003745; position:fixed; right:0px; bottom:0px; height:45px; transition:all 0.5s ease 0s;z-index:1000;  opacity:0.8; color:#fff; overflow:hidden; box-shadow: 0 2px 5px rgba(0,0,0,0.8); border: 1px solid #333; border-radius: 5px 0px 0px 0px; line-height:140%;}
.fixed-floater:hover {height:300px; opacity:1; right:0px;}
.fixed-floater-outer{background:#0cf!important; display:block;}
.fixed-floater-outer span{height:45px; padding:10px 15px; display:block; font-weight:bold; font-size:25px; text-shadow:0 1px 3px #000; line-height:0px;}
.fixed-floater-outer span:after{content:" STORE INFO"; margin-left:15px;}
@media(max-width:768px){.fixed-floater-outer span:after{content:"";}.fixed-floater{right:-180px;}}
.fixed-floater-inner {width:230px;float:right; text-align:left; padding:10px;}
.floater-payment {text-align:center; background:#333; padding:15px 0; margin-top:15px;}
.fixed-floater + p {display:none;} .testimonials {border: 1px solid rgba(255,255,255,0.1)}
.testimonials .x-slide cite::before {content: "— ";}
.testimonials .x-slide cite:last-child {
display: block;
font-style: italic;
margin-right: 20px;
opacity: 0.5;
text-align: right;
} .testTitle{margin-left:4em;}
.x-flexslider-shortcode-container.testimonials{width:80%;margin-left:8em;}
.x-flexslider-shortcode-container .x-flexslider-shortcode {overflow:visible!important;}
.x-flexslider-shortcode-container {padding-bottom:1.5em; padding:15px;}
.x-flexslider-shortcode-container.slider-images {margin-bottom:0em; padding:0;}
.x-flexslider {background:none;}
.flex-control-nav {background:none; position:relative; right:auto;}
.flex-control-nav a {background: none; border: 1px solid #aaa; height:12px; width:12px;}
.flex-control-nav a.flex-active, .flex-control-nav a:hover {background:#aaa!important;}
.x-slides img {margin-bottom:0;} .flex-direction-nav a.flex-next {right:0;left:auto;}
.flex-direction-nav a.flex-prev {left:0;right:auto;}
.flex-direction-nav a {border-radius:0;height:100%; top:0; width:50%; background-color:transparent!important; background:none!important; opacity:0;}
.flex-direction-nav a i {top:50%; position:absolute; margin-top:-33px; font-size:50px!important; left:0; right:0;}
.flex-direction-nav a i:before{padding:15px; background:rgba(0,0,0,0.5);}
.flex-next .x-icon-chevron-right::before{content:"\f105";float:right;}
.flex-prev .x-icon-chevron-left::before{content:"\f104";float:left;padding:10px;}
@media(max-width:768px){.flex-direction-nav{display:none;}} .rev-layer{display:block; background:rgba(0,204,255,0.0)!important; padding:20px; text-align:center; position:relative!important; font-weight:bold; text-shadow:0 2px 4px #000;}
.rev-layer span {margin:0 5px;} .rev-layer.rs1 span:nth-child(1){color:#0cf; font-size:50px!important;}
.rev-layer.rs1 span:nth-child(2){color:#ff9900; font-size:60px!important;}
.rev-layer.rs1 span:nth-child(3){color:#ff9900; font-size:53px!important;}
@media(max-width:1200px){
.rev-layer.rs1 span:nth-child(1){font-size:35px!important;}
.rev-layer.rs1 span:nth-child(2){font-size:42px!important;}
.rev-layer.rs1 span:nth-child(3){font-size:37px!important;}
}
@media(max-width:768px){.rev-layer.rs1 span{display:block!important;margin:10% 0;}} .rev-layer.rs2 span:nth-child(1){color:#ff9900; font-size:60px!important;}
.rev-layer.rs2 span:nth-child(2){color:#0cf; font-size:50px!important;}
.rev-layer.rs2 span:nth-child(3){color:#ff9900; font-size:60px!important;}
@media(max-width:1200px){
.rev-layer.rs2 span:nth-child(1){font-size:37px!important;}
.rev-layer.rs2 span:nth-child(2){font-size:35px!important;}
.rev-layer.rs2 span:nth-child(3){font-size:42px!important;}
}
@media(max-width:979px){.rev-layer.rs2 span{display:block!important;margin:8% 0;}} .rev-layer.rs3 span:nth-child(1){color:#0cf; font-size:50px!important;}
.rev-layer.rs3 span:nth-child(2){color:#ff9900; font-size:60px!important;}
.rev-layer.rs3 span:nth-child(3){color:#0cf; font-size:50px!important;}
.rev-layer.rs3 span:nth-child(4){color:#ff9900; font-size:60px!important;}
@media(max-width:1200px){
.rev-layer.rs3 span:nth-child(1){font-size:35px!important;}
.rev-layer.rs3 span:nth-child(2){font-size:42px!important;}
.rev-layer.rs3 span:nth-child(3){font-size:35px!important;}
.rev-layer.rs3 span:nth-child(4){font-size:35px!important;}
}
@media(max-width:979px){.rev-layer.rs3 span{display:block!important;margin:10% 0;}} .rev-layer.rs4 span:nth-child(1){color:#ff9900; font-size:65px!important;}
.rev-layer.rs4 span:nth-child(2){color:#0cf; font-size:50px!important;}
.rev-layer.rs4 span:nth-child(3){color:#ff9900; font-size:60px!important;}
@media(max-width:1200px){
.rev-layer.rs4 span:nth-child(1){font-size:57px!important;}
.rev-layer.rs4 span:nth-child(2){font-size:35px!important;}
.rev-layer.rs4 span:nth-child(3){font-size:37px!important;}
}
@media(max-width:979px){.rev-layer.rs4 span{display:block!important;margin:10% 0;}} .rev-layer.rs5 span:nth-child(1){color:#0cf; font-size:65px!important;}
.rev-layer.rs5 span:nth-child(2){color:#ff9900; font-size:40px!important;}
.rev-layer.rs5 span:nth-child(3){color:#ff9900; font-size:40px!important;}
.rev-layer.rs5 span:nth-child(4){color:#ff9900; font-size:40px!important;}
@media(max-width:1200px){
.rev-layer.rs5 span:nth-child(1){font-size:40px!important;}
.rev-layer.rs5 span:nth-child(2){font-size:30px!important;}
.rev-layer.rs5 span:nth-child(3){font-size:30px!important;}
.rev-layer.rs5 span:nth-child(4){font-size:30px!important;}
}
@media(max-width:979px){.rev-layer.rs5 span{display:block!important;margin:10% 0;}} .site{background-color:#333;}
.x-navbar {background-color:#000!important;
background:url(//blynxoptical.com/wp-content/uploads/blynx-navbar-bg.jpg);
background-repeat: no-repeat;
background-position: 50% 0%;
}
@media(max-width:979px){.x-navbar{background-size:contain;}}
.x-colophon.top {color:#fff; background:#222!important;}
.x-colophon.bottom {background-color: #000!important;}
.x-colophon.bottom a {color:#fff!important;}
body{color:#ddd;}
.footer-widgets {text-align:center; position:relative; text-transform:none;}
.footer-widgets div{display:inline-block; width:24%; text-align:left; margin:10px 0;}
.footer-widgets img{vertical-align:super; padding-right:10px; max-width:250px; width:100%;}
@media (max-width:1100px){.footer-widgets div{width:100%; max-width:320px; text-align:center;}} .desktop .x-nav {float:right!important;}
.desktop .x-nav > li > a {padding:5px 17px!important; height:50px!important;} @media(max-width:979px){
.x-btn-navbar {background:none!important; margin-top:30px!important; padding-right:5px;}
.x-btn-navbar:after {content:"MENU"}
.x-brand.img {width:72%; max-width:600px;}
}
@media(max-width:680px){
.x-btn-navbar {margin-top:12px!important; font-size:35px!important;}
.x-btn-navbar:after {content:""}
} .x-brand.img {margin-top:8px!important;}
@media(max-width:979px){
.x-brand.img {margin:8px 0px!important;}
} .gallery br {display:none;}
.gallery-item img {width:100%;}
.gallery-item{float:left!important; width:14.6%!important;} @media (max-width:768px){.gallery-item{float:left!important; width:23%!important;}} @media (max-width:600px){.gallery-item{float:left!important; width:48%!important;}}  .gallery .gallery-item{margin: 2% 2% 0 0!important;} .img-btns .x-column, .gallery-icon {overflow: hidden;transition: border 0.3s ease;}
.img-btns img, img.attachment-thumbnail, img.attachment-medium{transition: all 0.3s ease;}
.img-btns img:hover,img.attachment-thumbnail:hover, img.attachment-medium:hover {transform: scale(1.04);opacity:0.8;} #prevLink:hover, #prevLink:visited:hover, #nextLink:hover, #nextLink:visited:hover{opacity:0.5;}
#outerImageContainer, #imageDataContainer{background-color:#000; color:#aaa;}
#bottomNavClose img{display:none;}
#bottomNavClose:after{content:"CLOSE X"; line-height:25px; font-size:16px; font-weight:bold; font-family:lato; color:#aaa;}
@media(max-width:450px){
.frames-brands a {width:49.2%;}
}  .x-nav-wrap.desktop > ul > li:hover > .sub-menu {display:block;}
.desktop .menu-item.x-active > .sub-menu {display:none;} .screen-reader-response{display: none!important;}
.wpcf7-not-valid-tip{color: red; font-size: 14px; position: relative; top: -8px;}
.swap {float:right; margin-right:0;}
.entry-content .accent {background:#03a315!important; color:#eee;}
.entry-content .accent h1, .accent h2, .accent h3, .accent h4, .accent h5, .accent h6 {color:#fff!important;}   h1, .h1{font-size:340%;}
h2, .h2 {font-size:276%;}
h3, .h3{font-size:212%;}
h4, .h4, .h-widget{font-size:156%;}
h5, .h5{font-size:124%;}
blockquote, .sh {font-size:120%;}
h6, .h6{font-size:100%;}
@media (max-width:767px){
h1, .h1{font-size:280%;}
h2, .h2, .h-landmark, .entry-title.h-landmark{font-size:232%;}
h3, .h3{font-size:184%;}
h4, .h4, .h-widget{font-size:142%;}
h5, .h5{font-size:118%;}
blockquote .sh {font-size:115%;}
h6, .h6{font-size:100%;}
}
@media (max-width:480px){
h1, .h1{font-size:220%;}
h2, .h2, .h-landmark, .entry-title.h-landmark{font-size:188%;}
h3, .h3{font-size:156%;}
h4, .h4, .h-widget{font-size:128%;}
h5, .h5{font-size:112%;}
blockquote .sh {font-size:110%;}
h6, .h6{font-size:100%;}
} .x-column h1:first-child, .x-column h2:first-child, .x-column h3:first-child, .x-column h4:first-child, .x-column h5:first-child, .x-column h6:first-child {margin-top:0;} .x-column > blockquote:first-child{margin-top:0;} .page .site > .x-container {margin-top:0;}
.entry-content > .x-section {padding-top:70px; padding-bottom:50px;margin-bottom:0;}
@media(max-width:768px){.entry-content > .x-section {padding-top:35px; padding-bottom:25px;margin-bottom:0;}} * a, select, input{outline:none!important} .x-main{
background-color: #ffffff;
-webkit-animation:fadein 0.5s;-moz-animation:fadein 0.5s;-ms-animation:fadein 0.5s;-o-animation:fadein 0.5s;animation:fadein 0.5s}@keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}@-moz-keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}@-ms-keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}@-o-keyframes fadein{0%,50%{opacity:0}100%{opacity:1}}