/*#ocf  -  rgba(0,204,255,0.5)*/
  .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;}

  /*TopBar*/
  /*.x-topbar{min-height:0;height:0;padding:0;}*/
.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;}

}
  
  
  /*TopBar Fixed Floater*/
  .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 Slider*/
  .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;
  }
  
  /*Slider*/
.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;}
  /*Slider Arrows*/
  .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;}}
  
  /*Revolution Slider*/
  
  .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;}
  
  /*slide1*/
  .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;}}
  
  /*slide2*/
  .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;}}
  
  /*slide3*/
  .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;}}
  
  /*slide4*/
  .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;}}
  
  /*slide5*/
  .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;}}
  
  /*colors*/
  .site{background-color:#333;}
  .x-navbar {background-color:#000!important;
    background:url('/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;}}
  
  
  /*Menu Desktop*/
  .desktop .x-nav {float:right!important;}
  .desktop .x-nav > li > a {padding:5px 17px!important; height:50px!important;}
  
  
  /*Menu Mobile*/
  @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:""}
  }
  
  
  /*Logo*/
  .x-brand.img {margin-top:8px!important;}
  @media(max-width:979px){
    .x-brand.img {margin:8px 0px!important;}
  }
  
  
  /*Wordpress Gallery Style*/
  .gallery br {display:none;}
    .gallery-item img {width:100%;}
    .gallery-item{float:left!important; width:14.6%!important;} /*default to 4 columns*/ 
      @media (max-width:768px){.gallery-item{float:left!important; width:23%!important;}} /*4 columns*/
      @media (max-width:600px){.gallery-item{float:left!important; width:48%!important;}}/*2 columns*/

    /*gallery item style*/
    .gallery .gallery-item{margin: 2% 2% 0 0!important;}

    /*animated thumbnails*/

    .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;}
  
  /*Lightbox Style*/
  #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%;}
  }
  
  /*Defaults*/
 
  
  /*Sub-Menu Hover Fix*/
  .x-nav-wrap.desktop > ul > li:hover > .sub-menu {display:block;}
  .desktop .menu-item.x-active > .sub-menu {display:none;}
  
  
  /*Contact Form 7*/
  .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;}
  
  /* (Alternating BG Container Color)*/
  
/*  .entry-content > .x-section:nth-child(even){background-color:#333!important;}
  .entry-content > .x-section:nth-child(odd) {background-color:#393939!important;}*/
  
  
    /*Responsive Headings*/
  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%;}
  }
  
    /*First Child Header Top Margin*/
.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:first-child h1, .x-column:first-child h2, .x-column:first-child h3, .x-column:first-child h4, .x-column:first-child h5, .x-column:first-child h6 {margin-top:0;}*/
.x-column > blockquote:first-child{margin-top:0;}
  
    /*Container Default Spacing & automatically remove margin*/
.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;}}

/*Remove blue outline*/
 * a, select, input{outline:none!important}
  
    /*Fade In Body*/
.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}}