*{margin:0 auto; padding:0; outline:none; list-style:none;}
body,p{font-family: 'Lato', sans-serif; color:#7e7673;font-size:15px;}
h1,h2,h3,h4,h5,h6,.system-message h1,.system-error-message h1,strong,b{font-family: 'Lato', sans-serif; font-weight:600;color:#333;margin:0 0 10px;}
span.error:empty,small.error:empty{display:none;}
.system-message,.system-error-message{background:none;border:none;color:#6e6460;margin:0;padding:0;}

p{margin-bottom:20px;color:#000}
p.lead{font-size:18px;}
.system-message h1,.system-error-message h1{font-size:36px;}
h1,h2,h3,h4,h5,h6{font-family: 'Lato', sans-serif;}
h1{color:#2c2c2c;font-size: 30px;font-weight:300;line-height:1;}
h2{font-size: 25px;font-weight:400;color:#6CA6CF ;} /* ============================= #6ec6cd =================================== */
h3{color:#585858;font-size: 20px;font-weight:300;}
h4{font-family: 'Tangerine', cursive;font-size: 30px;font-weight:300;}
h5{color:#ababab;font-size: 15px;font-weight:bold;}
h6{font-size: 14px;}
a,a:visited,.breadcrumbs a{color:#6CA6CF; -webkit-transition:all 300ms ease-out;-moz-transition:all 300ms ease-out;transition:all 300ms ease-out; outline: none;}  /* ============================= #6ec6cd =================================== */
h1 a,h2 a,h3 a,h4 a,h5 a,h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited{color:#333;}
a:hover,a:focus,.breadcrumbs a:hover,h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus{color:#000;}
a img{-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
a img:hover{opacity:.7;}
em,input[type="text"],textarea,select{font-family: 'Lato', sans-serif;}
input[type="text"],input[type="email"],input[type="password"],texarea,select{height:35px;padding:4px;background:#fff;border: 1px solid #CCCCCC;}
input[type="submit"]{background: #6CA6CF; color: #fff;font-family: 'Yanone Kaffeesatz', sans-serif;font-size:18px;line-height: 20px; padding: 5px 20px 7px;border:none;cursor:pointer;} /* ============================= #6ec6cd =================================== */

blockquote{background:transparent url(images/icon-blockquote-lrg.png) no-repeat scroll 2px top;color:#6c6868;font-family: 'Lato', sans-serif;font-style:italic;font-size:17px;font-weight:300;margin:0;padding-left:30px;}

input[type="text"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color:#7a7a7a;}
input[type="text"]:-moz-placeholder, input[type="password"]:-moz-placeholder { /* Firefox 18- */ color: #7a7a7a }
input[type="text"]::-moz-placeholder, input[type="password"]::-moz-placeholder { /* Firefox 19+ */ color: #7a7a7a }
input[type="text"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder { /* IE 10+ */ color:#7a7a7a }
input[type="text"]::-ms-input-placeholder, input[type="password"]::-ms-input-placeholder { /* Edge */ color:#7a7a7a} 
textarea::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder { /* Safari, Chrome and Opera */  color:#7a7a7a;}

ul{margin:0}
ul.circle {list-style-type: circle;margin: 0 0 20px 30px;}
ul.circle li {padding: 0; line-height: 18px; list-style-type: disc; margin-bottom: 0px; font-weight: 400;}

a#catshopbuy {font-family:Merriweather, sans-serif;font-weight:500;letter-spacing:2px;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;}
a#catshopbuy:hover {opacity: 0.8; zoom: 1;}

a#catshopclear {font-family:Merriweather, sans-serif;font-weight:500;letter-spacing:2px;background:#6CA6CF;color:#fff;border-radius:3px;text-transform:uppercase;margin-bottom:20px;  font-size: 12px; text-align: center; text-shadow: none; padding: 1em;} /* ============================= #6ec6cd =================================== */
a#catshopclear:hover {opacity: 0.8; zoom: 1;}

.product-remove a:link, .product-remove a:visited { font-size: 20px; color: #606060; line-height: 20px;transition-duration:.5s;}
.product-remove a:hover { color: #900; }
.product-image img, .product-title{ margin-bottom: 20px;}

label,input[type="email"],input[type="password"]{font-family: 'Lato', sans-serif; font-size:13px;margin-bottom:6px;color: #000;font-weight:500; box-shadow:none}
textarea{height:120px;border: 1px solid #CCCCCC;box-shadow: none;}
ul li{font-size:14px;margin-bottom:0;}
hr{background:url(/index_files/icon-hr.png) repeat-x scroll center top transparent; border: none; height: 11px; margin:1.25rem auto; width: 100%;}

/*buttons*/
.btn-border{background: #fff; border: 1px solid #ccc; display: inline-block; padding: 1px;margin-bottom:0}
.button {background: #6CA6CF; color: #fff !important;font-family: 'Yanone Kaffeesatz', sans-serif;font-size:18px;line-height: 20px; padding: 5px 20px 7px;border:none;cursor:pointer;    margin-bottom: 0;}
.button,/*button*/,input[type="submit"],a#catshopbuy:link,a#catshopbuy:visited{font-family: 'Lato', sans-serif; font-weight:500;letter-spacing:2px;background:#1abc9c;color:#fff;border-radius:3px;text-transform:uppercase;}
.button.secondary,button.secondary {background:#6CA6CF;color:#fff;} /* ============================= #6ec6cd =================================== */
.button.secondary:focus, .button.secondary:hover{background:#6CA6CF;color:#fff;} /* ============================= #6ec6cd =================================== */
.button.hollow {  border: 1px solid #6bb6c2; background: #6bb6c2;}
.button:hover,.button.secondary:hover,button.secondary:hover,button:focus,.button:focus,input[type="submit"]:hover,input[type="submit"]:focus {opacity: 0.8; zoom: 1;}
.button:focus, .button:hover{background: #6CA6CF; color: #fff;} /* ============================= #6ec6cd =================================== */
figure{margin:0}

.row{width:100%;/*max-width:990px;*/}
.row .row{width: auto;margin-top: 0;margin-bottom: 0;}
.none {display: none;}

/*header*/
header{width:100%;float:left;background:url(/index_files/bg-header.png) repeat-x scroll left bottom; position: relative;}
.top-bar.expanded .title-area{background-color:#f5f5f5;border: 1px solid #dfdfdf;border-radius:3px;}
.top-bar{width:auto; background-color: #f5f5f5; border: 1px solid #f9f9f9; border-radius:5px;padding: 4px; -webkit-box-shadow: 0 10px 6px -6px #bdbdbd;  -moz-box-shadow: 0 10px 6px -6px #bdbdbd; box-shadow: 0 10px 6px -6px #bdbdbd;}
.top-bar-left{width:100%;}
.top-bar-left ul{background: rgb(255,255,255); /* Old browsers */ background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* Chrome10-25,Safari5.1-6 */ 
background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fafafa',GradientType=0 ); /* IE6-9 */    border: 1px solid #eeeeee;}

.top-bar-left ul li ul li{text-align:left;}
.top-bar-left ul li ul li a{font-size:15px !important;padding:8px 20px !important;}
.top-bar-left ul li.selected a{color:#5A5A5A;}

.header-utility{width:100%;float:left; padding:10px 0}
.header-utility h1{margin-bottom:0;padding-top: 8px;width:auto;float:left}
#catCartSummary {width: auto; float: right;}
.cartSummary {width:auto;float:left;}
.cartSummaryItem a, .cartSummaryLink{font-size:17px;color: #fff;font-weight: 700;font-family: 'Yanone Kaffeesatz', sans-serif;padding:4px 23px 7px;}
.cartSummaryItem a:hover, .cartSummaryLink:hover{color:#fff;}
.cartSummaryLink{float:right;padding-left:5px;}
.cartSummaryItem{width: auto;float: left;background: #6CA6CF;color: #fff;line-height:30px;} /* ============================= #6ec6cd =================================== */
.cartSummary:hover{opacity:0.8;}
.primary-nav{width: 100%; float: left; z-index: 999; position: relative;}

.head-search{width:auto;float:left}
.head-search form{width:178px;margin-right:25px;position:relative}
.head-search form input[type="text"]{height:33px;margin-bottom: 0; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede;border-right: none;border-top: 1px solid #dedede;border-radius: 0;color: #7a7a7a;}
.head-search form input[type="submit"]{text-indent: -9999px; position: absolute;top:2px; right:9px; width: 32px; height: 29px;background:#6CA6CF url(/index_files/icon-search-btn.png) no-repeat center;border-bottom: 1px solid #dedede; border-left: none; border-right: 1px solid #dedede;border-top: 1px solid #dedede; float: left; padding: 1px;margin-bottom:0;border-radius:3px} /* ============================= #6ec6cd =================================== */

.utility-nav{width:auto;float:right;}
.utility-nav li{float:right;padding:0 15px;border-right:1px dotted #afafaf;}
.utility-nav li a{color: #373737;font-size: 14px; font-weight: 300;font-family: 'Lato', sans-serif;}
.utility-nav li a:hover{color:#000;}
ul.header-nav{width:auto;margin-top:65px}
ul.header-nav li:first-child{padding-right:0;border-right:0}

aside .is-drilldown li.selected{background:#ECECEC;}
aside li.selected > a.selected { color: #080808; }
aside li.is-selected > a{color:#080808;}
.top-bar .menu a{color:#6CA6CF;font-family: 'Lato', sans-serif;font-size:17px;padding: 12px 32px;   font-weight: 400; text-transform:capitalize;}
.top-bar .menu a:hover{color:#5A5A5A;} /* ============================= #6ec6cd =================================== */

.menu.expanded > li { text-align: center; }

.top-bar .menu .selected>a {background:inherit;}
.dropdown.menu>li.is-dropdown-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #6CA6CF; } /* ============================= #6ec6cd =================================== */
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left>a:after{border-color:transparent #fff transparent transparent;}
.is-accordion-submenu-parent>a:after { border-color: #74D4C2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #74D4C2; }
.js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #74D4C2 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }

/*.show-for-small-only .is-accordion-submenu-parent>a:after { border-color: #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }
.show-for-small-only .is-drilldown-submenu-parent>a:after { border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #fff; }
.show-for-small-only .js-drilldown-back>a:before { border-color: rgba(0, 0, 0, 0) #fff rgba(0, 0, 0, 0) rgba(0, 0, 0, 0); }*/

/*This section prevents the mobile menu bar from flashing when the page loads*/
/*This is directly from the Foundation documentation*/
.no-js .top-bar { display: none; }

@media screen and (min-width: 40em) {
	.no-js .top-bar { display: block; }
	.no-js .title-bar { display: none; }
}
/* End of section to prevent mobile menu bar flashing*/

#preloader{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: #fff; height: 100%; z-index: 9999; overflow: hidden; }
#status{width:325px;height:250px; position: absolute; left: 50%; top: 50%; background-image:url(/index_files/preloader.png); background-repeat: no-repeat; background-position: center;  margin: -115px 0 0 -110px; z-index: 9999; max-width: 50%; background-size: contain;}

button.menu-icon{background:none;}
.shopping-cart{color:#FFFFFF;font-size:13px;font-family:Merriweather, sans-serif;}
#catCartSummary table tbody,#catCartSummary table tfoot,#catCartSummary table thead{border:none;background:none;}
.utility-nav .uty0,.utility-nav .uty1{display:none;}
table.cartSummaryTable{background:none repeat scroll 0 0 rgba(0,0,0,0);border:medium none;margin:0 0 0 20px;}
td.cartSummaryItem{color:#FFFFFF;font-size:12px;padding:0;}

/*alert boxes*/
.alert-box{display:block;font-weight:normal;margin-bottom:1.25rem;position:relative;font-size:.8125rem;transition:opacity 300ms ease-out;background-color:#008cba;color:#fff;border-color:#0078a0;border-style:solid;border-width:1px;padding:.875rem 1.5rem .875rem .875rem;}
.alert-box .close{font-size:1.375rem;line-height:0;position:absolute;top:50%;margin-top:-.6875rem;right:.25rem;color:#333;opacity:0.3;padding:9px 6px 4px;}
.alert-box .close:hover,.alert-box .close:focus{opacity:0.5;}
.alert-box.radius{border-radius:3px;}
.alert-box.round{border-radius:1000px;}
.alert-box.success{background-color:#6CA6CF;color:#fff;border-color:#6CA6CF;} /* ============================= #6ec6cd =================================== */
.alert-box.alert{background-color:#f04124;color:#fff;border-color:#de2d0f;}
.alert-box.secondary{background-color:#e7e7e7;color:#4f4f4f;border-color:#c7c7c7;}
.alert-box.warning{background-color:#f08a24;color:#fff;border-color:#de770f;}
.alert-box.info{background-color:#a0d3e8;color:#4f4f4f;border-color:#74bfdd;}
.alert-box.alert-close{opacity:0;}

/*search*/
.search-container{display:none;background:url(images/ultility-nav.png) repeat scroll 0 0 rgba(0,0,0,0);padding:30px 0 0;}
.search-icon span{color:#FFFFFF;margin-left:10px;cursor:pointer; position: relative; top: -3px; padding: 5px;}
.search-container input[type="text"]{height:auto;padding:14px 15px;}

/*slider*/
.slick-slider{overflow:hidden;margin:0;}
.slick-slide img{width:100%;}
.slide-description{position:absolute;width:100%;margin-top:330px;z-index:1;}
.slick-dots{bottom:0;}
.slick-dots li button:before{color:#98918d;opacity:1;font-size:13px;}
.slick-dots li.slick-active button:before{color:#1abc9c;}
.hero-slider .slick-dots{bottom:145px;z-index:1;text-align:left;margin:0 0 0 25%;}
.hero-slider .slick-dots li button:before{content:none;}
.hero-slider .slick-dots li{width:auto;margin:0 5px 0 0;}
.hero-slider .slick-dots li button{width:50px;height:5px;border-radius:0;background:#fff;padding:0;}
.hero-slider .slick-dots li.slick-active button{background:none repeat scroll 0 0 #52cab3;height:15px;top:-10px;}
.slide-description span{color:#18987f;font-size:46px;float:left;margin:0 15px 30px 0;}
.slide-description h1{color:#fff;font-weight:100;}
.slide-description h2{color:#fff;font-weight:100;}
.slide-description-contents {background: rgba(0, 0, 0, 0.35); color:#fff; border-radius: 3px; padding: 20px;}
.slide-description h1.brown,.slide-description h2.brown{color:#6e6460;}
.slide-description h1{font-size:100px;line-height:134px;margin-bottom:30px;}
.slide-description h2{font-family:Merriweather, sans-serif;float:left;font-size:18px;text-align:left;text-transform:uppercase;}
.slide-description h2 em{font-style:normal;text-transform:none;white-space:nowrap;} 

.home-slider { position: relative;}
i.fa.prev-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;left:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.next-btn{color:#Fff;font-size:50px;line-height:50px;z-index:50;position:absolute;top:45%;right:20px;cursor:pointer;opacity:.7;-webkit-transition:opacity 300ms ease-out;-moz-transition:opacity 300ms ease-out;transition:opacity 300ms ease-out;}
i.fa.prev-btn:hover,i.fa.next-btn:hover{opacity:1;}

/*section main*/
section.main{padding:20px 0 50px;}
.feature-image{border-radius:90em;overflow:hidden;width:100%;height:100%;max-width:189px;margin-bottom:30px;}

/*announcements*/
.news-item{margin-bottom:30px;}
.news-item h3{margin-bottom:5px;}
.news-details{line-height:18px;color:#99918e;font-size:13px;font-family:Merriweather, sans-serif;margin-bottom:10px;}

/*faq*/
.faq-question a{color:#6e6460;font-family:Merriweather, sans-serif;font-size:18px;font-weight:600;text-transform:uppercase;}
.faq-details{padding-top:30px;background:url(/index_files/dashed-bg.jpg) repeat-x bottom;margin-bottom:50px;padding-bottom:20px;}
.faq-details a{font-family:Merriweather, serif;font-size:14px;text-transform:none;font-weight:normal;color:#1abc9c;}
.faq-icon{background:none repeat scroll 0 0 #74b9c8;border-radius:90em;color:#fff;display:block;float:left;font-family: 'Lato', sans-serif; font-size:15px;font-weight:600;height:30px;width:30px;padding-top:3px;position:relative;text-align:center;text-transform:uppercase;margin:0 15px 17px 0;}
.faq-icon.answer{background:#1abc9c;}
.faq-question { width: 100%;float: left;}
.accordion-title { padding: 1.25rem 1rem; line-height: 1;  font-size: 1.5rem; color: #1abc9c; }

/*page-title*/
section.page-title{overflow:hidden;position:relative;}
section.page-title img{width:100%;}
.row.page-headline{position:absolute;z-index:1;top:0;left:0;right:0;}
.row.page-headline h1{color:#fff;margin-top:190px;}

/*breadcrumps-container*/
.breadcrumps-container { padding: 30px 0 20px; }

/*about*/
section.main span.fa-heart{display:block;color:#c87492;font-size:46px;width:46px;margin:0 auto 30px;}
p.literature-container span.icon,p.literature-container span.name{font-family: 'Lato', sans-serif; margin:0 3px 0 0;}
p.literature-container img{vertical-align:middle;}
.double-dash{height:3px;background:url(/index_files/dashed-bg.jpg) repeat-x top;margin:30px 0;}

/*section map*/
section.map, section.map .flex-video, section.map .flex-video iframe { height: 350px; overflow: hidden;}

/*store / products*/
.product-thumbs { padding:10px;}
.product-thumb { margin-bottom:20px;}

/*misc*/
img.post-image {width: 100%; margin-bottom: 20px;}
.blogpost-result-item.item.panel-body { padding-top: 30px; font-size: .8rem; }
.cb-Tags { margin-bottom: 5px; }
.cb-Image img { width: 100%; }
.mb10 {margin-bottom: 10px;}
.select2-container .select2-search--inline { border-bottom: none; }
.page-nav span#pagination { display: inline-block; }
p.page-nav{text-align:center;}
.page-nav a { margin: 0 9px; display: inline-block; color: #6CA6CF;}
.pagination li a { color: #6CA6CF; }
.pagination-previous a::before,.pagination-previous.disabled::before{content:'\00ab';display:inline-block;margin-right:.5rem;}
.pagination-next a::after,.pagination-next.disabled::after{content:'\00bb';display:inline-block;margin-left:.5rem;}
.pagination .current { background: #6CA6CF; color: #fefefe; }
#googleMap { height: 515px; width: 100%; border: 10px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17); }
.photo-item { position: relative; }
p.photo-caption { position: absolute; bottom: 5px; left: 4px; background: rgba(0, 0, 0, 0.5); width: calc(100% - 8px); color: #fff; padding-left: 10px; padding-right: 10px; overflow: hidden; }


/* Magnific Popup CSS */
.mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:0.8;filter:alpha(opacity=80);}
.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden;}
.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0 8px;}
.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle;}
.mfp-content{position:relative;display:inline-block;vertical-align:middle;text-align:left;z-index:1045;margin:0 auto;}
.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto;}
.mfp-ajax-cur{cursor:progress;}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out;}
.mfp-zoom{cursor:zoom-in;}
.mfp-auto-cursor .mfp-content{cursor:auto;}
.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none;}
.mfp-hide{display:none!important;}
.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:1044;}
.mfp-preloader a{color:#CCC;}
.mfp-preloader a:hover{color:#FFF;}
button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:none;z-index:1046;-webkit-box-shadow:none;box-shadow:none;padding:0;}
button::-moz-focus-inner{border:0;padding:0;}
.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:0.65;filter:alpha(opacity=65);color:#FFF;font-style:normal;font-size:28px;font-family:Arial, Baskerville, monospace;padding:0 0 18px 10px;}
.mfp-close:active{top:1px;}
.mfp-close-btn-in .mfp-close{color:#333;}
.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%;}
.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap;}
.mfp-arrow{position:absolute;opacity:0.65;filter:alpha(opacity=65);top:50%;width:90px;height:110px;-webkit-tap-highlight-color:transparent;margin:-55px 0 0;padding:0;}
.mfp-arrow:active{margin-top:-54px;}
.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent;}
.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px;}
.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:0.7;}
.mfp-arrow-left{left:0;}
.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px;}
.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3F3F3F;}
.mfp-arrow-right{right:0;}
.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px;}
.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3F3F3F;}
.mfp-iframe-holder{padding-top:40px;padding-bottom:40px;}
.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px;}
.mfp-iframe-holder .mfp-close{top:-40px;}
.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%;}
.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000;}
.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-ready .mfp-preloader,.mfp-s-error .mfp-content{display:none;}
.mfp-close:hover,.mfp-close:focus,.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100);}

/* Main image in popup */
img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 auto;padding:40px 0;}

/* The shadow behind the image */
.mfp-figure{line-height:0;}
.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444;}
.mfp-figure small{color:#BDBDBD;display:block;font-size:12px;line-height:14px;}
.mfp-figure figure{margin:0;}
.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto;}
.mfp-title{text-align:left;line-height:18px;color:#F3F3F3;word-wrap:break-word;padding-right:36px;}
.mfp-image-holder .mfp-content{max-width:100%;}
.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer;}

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    /* Remove all paddings around the image on small screen  */
    .mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0;}
    .mfp-img-mobile .mfp-figure:after{top:0;bottom:0;}
    .mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px;}
    .mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;top:auto;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:3px 5px;}
    .mfp-img-mobile .mfp-counter{right:5px;top:3px;}
    .mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0;}
    .mfp-img-mobile img.mfp-img,.mfp-img-mobile .mfp-bottom-bar:empty{padding:0;}
}

@media all and (max-width: 900px) {
    .mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75);}
    .mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0;}
    .mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%;}
    .mfp-container{padding-left:6px;padding-right:6px;}
}

.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px;}
.mfp-ie7 .mfp-content{padding-top:44px;}
.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0;}
.mfp-ie7 .mfp-img,.mfp-ie7 .mfp-container{padding:0;}


/* Slick Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('images/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Slick Slider  Icons */
@font-face { font-family: "slick"; src: url('/index_files/fonts/slick.eot'); src: url('/index_files/fonts/slick.eot?#iefix') format("embedded-opentype"), url('/index_files/fonts/slick.woff') format("woff"), url('/index_files/fonts/slick.ttf') format("truetype"), url('/index_files/fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }

/* Slick Slider  Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; }
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -25px; }
.slick-prev:before { content: "\2190"; }

.slick-next { right: -25px; }
.slick-next:before { content: "\2192"; }

/* Slick Slider Dots */
.slick-slider { margin-bottom:15px;}

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

/*THE FOLLOWING CSS IS USED FOR THE KITCHEN SINK PAGE AND CAN BE DELETED IF YOU ARE NOT USING THAT PAGE*/

.docs-code.kitchen-sink{border:1px solid #cacaca;max-height:300px;overflow-y:scroll;margin-bottom:1rem;}
.docs-code-copy{position:absolute;top:0;right:0;background:#2199e8;color:#FFF;font-size:.8rem;z-index:1;padding:.75rem 1rem;}
.docs-code,pre{position:relative;}
.docs-code.kitchen-sink code{border:0;}
.docs-code code,pre code{display:block;overflow-x:auto;background:#f9f9f9;margin-bottom:1.5rem;padding:1rem;}
.row.display{background:#eee;font-size:11px;margin-bottom:10px;line-height:2rem;border:solid 1px #c6c6c6;margin-left:0!important;margin-right:0!important;}
.row.display .columns:nth-child(2),.row.display .columns.small-centered,.row.display .columns.large-centered{background:#e1e1e1;}
.docs-component .thumbnail{margin-left:auto;margin-right:auto;display:block;}
.docs-toc .active{background:#6CA6CF;color:#FFF;} /* ============================= #6ec6cd =================================== */
/*END KITCHEN SINK DOCS*/


/* =================== Home-Slider =================== */

.hero{background: url(/index_files/bg-hero.jpg) repeat-x scroll center top;height: 539px; margin:-10px auto 0; position: relative; width: 100%; z-index: 99; float: left;}
.productItem img{width:100%;}
.productfeaturelist li{width:auto; height:100%}
.in-focus{background:#fff url(/index_files/bg.png) repeat scroll left top;border-top:1px solid #e6e6e6;opacity:1;padding:6px 0 10px;position:absolute;text-align:center;top:305px;width:100%;}
li.roundabout-in-focus .in-focus{opacity:1;}
.in-focus h4{font-family: 'Lato', sans-serif;font-size:15px;font-weight:400;margin:0;}
.in-focus .price{font-family: 'Lato', sans-serif;font-size:15px;font-weight:700;padding:0 0 5px;color:#6CA6CF;} /* ============================= #6ec6cd =================================== */
.in-focus-cover{display:none;}
li.roundabout-in-focus .in-focus-cover{display:block;left: 31.5%;position: absolute;top: 87px;z-index: 4;}
.not-in-focus{background:url(/index_files/bg-nofocus.png) repeat scroll left top;height:100%;left:0;position:absolute;top:0;width:100%;z-index:3;}
li.roundabout-in-focus .not-in-focus{display:none;}
.roundabout-box{display:none;margin:0 auto;position:relative;width:100%;}
.roundabout-box h3{font-family: 'Lato', sans-serif;	font-size:25px;font-weight:400;margin:0;padding:30px 0 9px;text-align:center;text-shadow:1px 0 1px #fff;}
.roundabout-box ul { margin: 0 auto; padding-left: 0; width: 63%;z-index:3;}
.roundabout-box ul li{position:relative;}
.roundabout-holder {height: 430px;padding: 0;}
.roundabout-moveable-item{background-color: #FFFFFF; border: 7px solid #FFFFFF; cursor: pointer;height:100%; opacity: 1 !important;overflow: hidden;padding: 2px 0 0;width:100%;}
.roundabout-in-focus {cursor: auto;}
a.previous_round {background:url(/index_files/btn-prev.png) no-repeat scroll left top transparent;display: block;height: 57px;left:0px;position: absolute;text-indent: -9999px;top: 250px;width: 49px;}
a.next_round { background:url(/index_files/btn-next.png) no-repeat scroll right top transparent;display: block; height: 57px;position: absolute; right:0px;text-indent: -9999px;top: 250px;width: 49px;}
a.previous_round:hover , a.next_round:hover {opacity:0.7;}

/* =================== feature-wrap =================== */
.feature-wrap{width:100%;float:left;background: #999 url(/index_files/bg-feature.png) repeat scroll left top;border-bottom: 1px solid #888; border-top: 1px solid #888;position: relative; z-index: 5;}
.wrap-before:before , .featured-product:before{content: ""; background:url(/index_files/icon-curly.png) no-repeat scroll center bottom transparent; bottom: -6px;height: 26px; left: 0; position: absolute; right: 0;}
.featured{width:100%;float:left;padding:40px 0;}
.featured-box{background: #fff;border: 1px solid #c9c9c9; float: left; padding: 5px; position: relative; width:100%;}
.featured-img img {width: 100%;}
.featured-copy{ position: absolute; right: 5px; text-align: center; top: 20px; width: 228px; z-index: 3;}
.featured-copy h2{color: #6CA6CF; font-size: 38px; font-weight: 300; line-height: 41px; margin-bottom: 3px;} /* ============================= #6ec6cd =================================== */
.featured-copy p{color: #4f4f4f; font-family: 'Tangerine', cursive; font-size: 30px; margin-bottom: 5px;}

/* =================== feature-Product =================== */
.featured-product{width:100%;float:left;position: relative;z-index: 10;}
.featured-product-block{width:100%;float:left;padding:25px 0;}
h1.title{text-align: center;}
.featured-product-block h1{margin-bottom:15px}
.product-list{width:100%;float:left;text-align:center;position:relative;padding-top: 8px;margin-bottom: 30px;}
.product-list figure.product-img-sml{position:relative;width:100%;border:2px solid #d9d9d9;-webkit-box-shadow: 0 8px 6px -6px #bdbdbd;  -moz-box-shadow: 0 8px 6px -6px #bdbdbd; box-shadow: 0 8px 6px -6px #bdbdbd;}
.product-list figure img{width:100%;}
.product-list .info{background:url(/index_files/bg-info.png) repeat scroll left top transparent;border: 1px solid #e6e6e6;display:none;padding:280px 18px 15px;left: -6px;right:-6px;position: absolute;top: 3px;width:auto;z-index:999;}
.product-list h3{ margin-bottom: 0;}
.product-list .info .price{color: #333; font-family: 'Lato', sans-serif; font-size: 15px; font-weight: 700; padding: 0 0 5px;position:relative}
.product-list:hover .info { box-shadow: 0 0 8px #666666; display: block; z-index: 1400;}
.product-list .info p{font-size:13px;color:#00001e;margin-bottom:0}
.hr-border{background:url(/index_files/icon-hr.png) no-repeat scroll center top transparent; border: none; height: 11px; margin: 20px 0; width: 100%;}

/* =================== Welcome to Sparky’s =================== */
.welcome-sparky{width:100%;float:left;background: #999 url(/index_files/bg-feature.png) repeat scroll left top;border-bottom: 1px solid #888; border-top: 1px solid #888;position: relative; z-index: 5;}
.sparky-block{width:100%;float:left;padding:40px 0;text-align:center}
.sparky-desc{ border-right: .16em dotted #a9a8a8; float: left; max-width: 560px; padding: 0 20px 0 0;}
.sparky-desc p{color:#000}


/* =================== FOOTER =================== */
footer{width: 100%;float:left;background:url(/index_files/bg-footer.png) repeat-x scroll left top;color: #9c9c9c; font-size: 12px;overflow: hidden;padding:30px 0px;background-size:contain}
.main_footer{width:100%;float:left;}
h3.footer-title{color: #fff;font-size: 18px; font-weight: 400; margin: 0 0 10px;}
.testimonials p{ background:url(/index_files/icon-blockquote.png) no-repeat scroll left top; padding: 0 0 0 17px;font-size:12px; color: #fff;}
ul.footer_social{width:100%;float:left;border-top:1px dotted #5a5a5a;padding-top: 15px;}
ul.footer_social li{width:auto; float: left;margin:0 7px;padding-top:14px;}
ul.footer_social li a{ width:23px; height:23px; display: inline-block; color: #fff; background:#313131; font-size: 12px;line-height:23px; text-align: center;border-radius:50%;}
ul.footer_social li.social-title{color: #fff; font-family: 'Tangerine', cursive; font-size: 30px; padding-right: 15px;padding-top:0;margin:0}

.icon_facebook:hover{ background: #3b5998;color: #fff;}
.icon_linkedin:hover{background: #007bb6; color: #fff;}
.icon_twitter:hover{background: #00aced;color: #fff;}
.icon_yelp:hover{background: #c61f1f;color: #fff;}
.icon_flickr:hover{background: #e7e6e6 ;color: #FF1981;}

.navigation ul{width:100%;float:left;}
.navigation ul li , .information ul li{width:auto;border-bottom:1px dotted #5a5a5a;padding:4px 0px;}
.navigation ul li a , .information ul li a{color: #fff;font-size: 13px;text-transform: uppercase;}
.navigation ul li a:hover , .information ul li a:hover , .keep-touch ul li a:hover{color:#6CA6CF;} /* ============================= #6ec6cd =================================== */

.keep-touch ul li{width:100%;float:left; font-size:12px;color:#FFF;margin-bottom: 11px;}
.keep-touch ul li em{border:3px solid #666666;background: #6CA6CF;color:#fff;width:35px;height:35px;text-align:center;line-height:30px;font-size:18px;margin-right: 7px;float: left;} /* ========================== #58a8ae ================================= */
.keep-touch ul li a{font-size:13px;color:#fff;line-height:33px;}

.footer_bottom{width:100%;float:left;padding:10px 0;}
.footer_nav{width:100%;float:left;}
.footer_nav li{float:left; padding: 0 7px;border-left:1px solid #b6b6b6;}
.footer_nav li:first-child{border-left:none; padding-left:0}
.footer_nav li a{color:#9c9c9c;font-size:13px}
.footer_nav li a:hover{color:#bebebe}

/* =================== Inner-Page =================== */

.middle-section{width:100%;float:left;padding:30px 0px;min-height: 500px;}
h1.page-title{margin-bottom:20px}
.event-list-items{width:100%; float:left;margin-bottom:30px;}
.event-list-items p.date , .event-detail p.date , .event-detail p.lead{font-family: 'Tangerine', cursive; font-size: 30px; font-weight: 300;color:#333;margin-bottom:0}
.event-detail{width:100%;float:left;}
.booking-container form input[type="text"]{max-width:400px;margin-bottom:12px !important;}

.blogpage-content{width: 100%;float: left;}
.blog-block{width: 100%;float: left;}
.blog-list{ width: 100%;float: left;border-bottom: 1px solid #eee; margin-bottom:35px;}
.blog-list figure{margin-bottom: 15px;}
.blog-list figure img{width: 100%; box-shadow: 0px 2px 2px #ddd; -webkit-box-shadow: 0px 2px 2px #ddd; -moz-box-shadow: 0px 2px 2px #ddd; border: 5px solid #ffffff;}
.blog-list h3{font-weight:400;}
.blog-list .post-details {color:#888;font-size: 11px;margin: 0 0 18px;}
.blog-list p a{text-transform:capitalize}
.sidebar-subnav {width: 100%; float: left;}
.sidebar-subnav ul{width: 100%;float: left;margin-bottom: 20px;}
.sidebar-subnav ul li {width: 100%;float: left;padding: 5px 0px;}
.sidebar-subnav ul li a{font-size: 13px; display: block;text-decoration:underline}
.sidebar-subnav ul li a:hover{text-decoration:none;color:#6CA6CF;} /* ============================= #6ec6cd =================================== */

.comment_listview {width: 100%; float: left; padding: 0px 0 15px 0;border-bottom: 1px dotted #eee; margin-bottom: 30px;}
.comment_listview ul{width:100%; height:auto; float:left;padding-bottom:0px;}
.comment_listview ul li { width: 100%;height: auto; float: left; margin-bottom: 25px; padding: 15px 15px; border: 1px solid #eee; border-radius: 10px;}
.comment_listview ul li:nth-child(2n+2) { width: 85%;float:right}
.comment-item{width:100%; height:auto; float:left;}
.comment-image{width:70px; height:70px;border-radius:50%; float:left;border:2px solid #6CA6CF;} /* ============================= #6ec6cd =================================== */
.comment-image figure{padding:3px; width:auto; display:inline-block;border-radius:50%;}
.comment-image figure img{ width:100%; display:inline-block;border-radius:50%;}
.comment-content {width: auto;height: auto; padding: 0 0 0 90px;}
.comment-content h5{font-size:20px; display:inline-block; width:auto; margin:0px 22px 0px 0px; line-height:20px; float:left; font-weight:normal;text-transform:capitalize;}
.comment-content h5 a{font-size:20px; display:inline-block; width:auto;line-height:20px; float:left; font-weight:normal;}
.comment-content h5 a:hover{color:#60564D;}
.comment-content span {font-size: 12px;}
.comment-content a{float:right; color:#00CEF3; font-size:12px; font-weight:bold;}
.comment-content p{font-size:12px; margin-top:8px;margin-bottom:10px;}
.comment_listview .block-title{margin-bottom:20px;}

.comment-block{width:100%; float:left;margin-bottom: 30px;}
.comment-block h4{margin-bottom:25px;}
.comment-block textarea{background:#fff;width:100%;}

.contact-block{width:100%;float:left;margin-bottom:20px;}
.contact-detail{width:100%;float:left}
.contact-detail p{font-weight: 600;margin-bottom:5px}
.contact-detail p a{font-weight: 400;}
.address-info{width:100%;float:left; margin-top:10px}
.map_content{width:100%;float:left; margin-top:15px}
#map{height:470px;width: 100%; border: 10px solid #fff; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.17);}
.contact-form{width:100%;float:left;}
.contact-form form textarea{width:100%;}

.product-search-wrap{width:100%;float:left;border-top: 1px solid #d0cfcd;border-bottom: 1px solid #888;background:#999 url(/index_files/bg-feature.png) repeat scroll left top;position:relative}
.product-search-wrap:after{ content: ""; background: url(/index_files/icon-curly.png) no-repeat scroll center bottom transparent; bottom: -6px; height: 26px;left: 0; position: absolute;right: 0;}
.product-form{width:100%;float:left;padding: 15px 0 20px;}
.product-form h3{color: #bebebe;font-size: 15px;font-weight: 400; margin: 0 0 5px; padding: 0; text-align: center; text-shadow: 0px 1px 0px #fff; text-transform: uppercase;}
.product-form form .item select{margin-bottom:0;height:31px;font-size:12px;color:#919191;background:#fff url(/index_files/select_right.gif) no-repeat right}
.product-form form .item label{margin-bottom:0; color:#3b3b3b; font-size: 12px;}
.product-form form input[type="text"]{height:31px;margin-bottom:0;font-size:12px; color: #919191;}
.product-form form .btn-border{margin-top:16px;}

.store-wrap{width:100%;float:left;}
.product-item{width:100%;float:left;margin-bottom: 20px;}
.product-item figure.product-img-sml{ position: relative; width: 100%; border: 2px solid #d9d9d9; -webkit-box-shadow: 0 8px 6px -6px #bdbdbd; -moz-box-shadow: 0 8px 6px -6px #bdbdbd; box-shadow: 0 8px 6px -6px #bdbdbd;
margin-bottom:15px;padding: 4px;}
.product-item figure img{width:100%;}
.product-item h4{font-size: 17px;text-align: center; font-family: 'Lato', sans-serif; font-weight: 300;line-height: 27px; margin: 0;}

.customer-services{width:100%;float:left;}
.customer-sidebar{width:100%;float:left;margin-bottom:20px}
.customer-sidebar li{width:100%;border-bottom:1px dotted #676767;}
.customer-sidebar li a{color: #585858; display: block; font-size: 13px; padding: 10px 0;text-transform: uppercase;}
.customer-sidebar li a:hover{color:#6CA6CF;} /* ============================= #6ec6cd =================================== */
.customer-sidebar li.selected a{color:#6CA6CF;} /* ============================= #6ec6cd =================================== */
.newsletter-btn{width:100%;float:left;}
.newsletter-btn .btn-border , .newsletter-btn .btn-border a{width:100%;}
.customer-content{width:100%;float:left;}

/* =================== FAQS =================== */
.accordion-title{font-size:13px;background:#6CA6CF;color:#FFF !important} /* ============================= #6ec6cd =================================== */
.accordion-title:focus, .accordion-title:hover {background-color:#5A5A5A;color:#FFF}

.send-mail{width:100%;float:left}
.send-mail p a:hover{color:#6CA6CF;text-decoration:underline} /* ============================= #6ec6cd =================================== */
.send-mail form input[type="radio"]{color:#555555;vertical-align: -2px;}
.send-mail form input[type="text"] , .send-mail form .item select , textarea{width:400px;}
.send-mail form .item select{font-size:13px;color:#919191;background:#fff url(/index_files/select_right.gif) no-repeat right}

.newsletter-form{width:100%;float:left;}
.newsletter-form input[type="text"]{width:400px;}
.alert-box.success{ height: 30px; font-size: 12px; line-height: 18px; background-color:#6CA6CF; border: 1px solid #6CA6CF; padding: 5px; color: #fff; margin-bottom: 15px; text-align: center;} /* ============================= #6ec6cd =================================== */
.form-login .item a{padding-left: 10px;}

.store-detail{width:100%;float:left;}
.product-slider{width:100%;float:left;}   
.product-slider img{padding:5px; border:1px solid #d2d2d2;}

.slick-prev:before, .slick-next:before{font-size:0px;}
.poplets {width:auto;padding: 13px 0;margin:0 auto;display:block;}
.poplets ul{width:100%; float: left;border-top:1px solid #DDDDDD;padding:0px;margin:0px;}
.poplets ul li{width:100%;}
.poplets_block{width:100%; float:left;}
.poplets_block ul.slider-nav{width:100%; height:auto; float:left;}
.poplets_block ul li{width:100%; padding: 0px 5px; max-width: 120px;}
.poplets_block ul li img{padding:0;border:none}

.product-description{width:100%;float:left;}
.product-description .price{font-size: 25px;font-weight: 700; margin: 10px 0; color: #6CA6CF;} /* ============================= #6ec6cd =================================== */
.product-description .qty{width:100%; float: left; color:#2a2a2a;font-size:15px;margin-bottom:30px;}
.product-description .qty input{width: 100px; color: #999999; font-size: 12px; margin-bottom: 0px;  margin-left: 5px; display: inline;}
.product-description a.favoritelink{padding-left:15px}

.related-products{width:100%;float:left;}
.comment-form{width:100%;float:left;}
.comment-form form input[type="text"] , .comment-form textarea{width:400px;}
.comment-form form .btn-border , .comment-block form .btn-border , .contact-form form .btn-border{margin-top:15px;}

/* =================== Feature_NEW =================== */
.features_content_area{width:100%;float:left;padding:20px 0px;}
.off-canvas-wrapper{overflow:hidden}
legend{text-align: left; width: 100%;}
[type=checkbox]+label, [type=radio]+label {margin:0 5px;}
.docs-code-live a.button{color:#FFF;margin-bottom: 16px;}
.button.success, .button.alert{margin-bottom: 16px;}
.docs-code-live form textarea{width:100%}

/*==========	MEDIA  QUERIES 	==========*/

@media (max-width: 1024px) {
	.top-bar .menu a{padding: 12px 22px;}
	
}
@media (max-width: 991px) {
	.top-bar-left{text-align:center}
	.top-bar .menu a{padding:12px 7px;font-size:16px}
	.top-bar-left ul li{display:inline-block;}
	.top-bar-left ul li ul{text-align:left}
	.sparky-desc {max-width:100%;padding: 0 15px;}
	.newsletter p{max-width:100%;}
	
}

@media (max-width:800px) {
	.roundabout-box ul{width:100%;max-width:50%;}
	.product-list .info{padding: 175px 10px 15px;}
	.hr-border{margin:10px 0px;}
	.keep-touch ul li em{width:30px;height:30px;line-height:24px;font-size:14px;margin-right: 3px;}
	.keep-touch ul li a {font-size: 12px;line-height: 30px;}
	a.next_round , a.previous_round{top:50%;}
	.navigation ul li a, .information ul li a{text-transform: capitalize;}
	ul.footer_social li{margin:0 4px;}
	.blogpage-content aside h4{margin-bottom:0}
	#map iframe{height:350px;}
	#map{height:auto;}
	hr{margin:10px 0}
	h1{font-size:24px}
	h3{font-size:18px}

}

@media (max-width: 767px) {
	.top-bar .menu a {padding: 12px 5px;font-size: 14px;}
	ul.footer_social li.social-title{padding-right:7px}
	
	.head-search form{margin-right:15px;}
	.cartSummaryItem a, .cartSummaryLink{padding: 4px 10px 7px;}
	.head-search form {width: 160px;}
	ul.footer_social{padding-top:5px;}


}
@media (max-width: 667px) {
	.roundabout-holder {height:380px;}
	.in-focus{top:250px;}
	.hero{height:auto;}
	.roundabout-box h3{padding: 30px 0 0px;}
	.featured-copy h2{font-size: 24px;line-height: 24px;}
	.featured-copy p{margin-bottom:0;}
	.product-list .info {padding: 150px 10px 10px;}
	.keep-touch ul li{font-size:11px}
	.keep-touch ul li a {font-size: 10px;}
	ul.footer_social {padding-top:0px;}
	.keep-touch ul li em {width: 28px; height: 28px;line-height: 23px; font-size: 14px; margin-right:3px;border:2px solid #666666;}
	.top-bar .menu a{padding: 12px 4px;}
	ul.footer_social li {margin: 0 2px;}
}

@media (max-width: 639px) {
	h1.logo img{width:290px;}
	header{background:inherit}
	.title-bar{padding:8px; background:#6CA6CF;color:#fff;border-radius:3px;} /* ============================= #6ec6cd =================================== */
	.top-bar-left ul li{width:100%;text-align:left}
	.hero{margin-top:0}
	.roundabout-box h3 {padding: 10px 0 0px;}
	.featured-box{margin-bottom:15px;}
	.featured-copy {right: 5px;top: 30%;width: 260px;}
	.product-list .info{padding:310px 18px 15px;right:0}
	.navigation{margin-bottom:40px;}
	.contact-detail{margin-bottom:15px;}
	.customer-content{margin-top:20px;}
	.customer-services aside{max-width:300px;}
	.middle-section{min-height:inherit}
	.send-mail form input[type="text"], .send-mail form .item select, textarea{width: 100%;}
	.features_content_area{padding:0}
	.newsletter-form input[type="text"],.comment-form form input[type="text"]{width:100%;}
	.poplets_block ul li{max-width:155px}
	.is-drilldown{min-height:inherit !important;}

}

@media (max-width:568px) {
	h1.logo img{width: 235px;}
	.utility-nav li{padding: 0 7px;}
	.head-search form {width: 135px;margin-right:10px}
	.cartSummaryItem a, .cartSummaryLink{font-size:15px;}
	.roundabout-holder {height:330px;}
	.in-focus{top:200px;}
	.navigation {margin-bottom: 50px;}
	.media-object-section:first-child{padding:0}
	.media-object-section{width:100%;display:block}
	.thumbnail,.media-object img{width:100%;}
	.event-list-items p.date, .event-detail p.date, .event-detail p.lead{font-size:25px;}

}
@media (max-width: 480px) {
	#catCartSummary{display:none}
	.utility-nav{width:100%;}
	.header-utility h1 {margin-bottom:10px;padding-top:0px;width: 100%;text-align: center;}
	.head-search{width:100%;margin-bottom:12px;}
	.head-search form{margin:0 auto}
	ul.header-nav{width:100%;float:left;margin:0 auto}
	.roundabout-holder {height:300px;}
	.in-focus{top:170px;}
	.roundabout-box h3{font-size:18px}
	.product-list .info {padding:220px 18px 15px;}
	.product-list .info p{font-size:12px}
	.product-list .info .price{padding:0}
	.hr-border {margin: 5px 0px;}
	.main_footer .small-6{width:100%;}
	.navigation,.information{margin-bottom: 10px;}
	footer{padding:10px 0;background-size: cover;}
	h3.footer-title{margin-bottom:5px}
	h2{font-size: 20px;}
	h3{font-size: 16px;}

}
@media (max-width:379px) {
	.featured-copy{top:15%;}
	.roundabout-holder {height:250px;}
	.in-focus{top:120px;}
	.productItem .small-6 , .productItemLast .small-6 , .catalogueItem .small-6 , .catalogueItemLast .small-6{width:100%;}
	.featured-copy h2 {font-size: 20px;line-height: 20px;}
	.featured-copy p{font-size:25px}
	.featured-product-block .small-6 , .product-form .small-6{width:100%;}
	.product-list .info {padding:360px 18px 15px;}
	.footer_nav li{padding:0 3px;}
	.footer_nav li a{font-size:12px}
	#googleMap{height:300px;}
    .in-focus h4{font-size:14px}
	h1 {font-size: 21px;}
	.product-item h4{font-size:14px}
}

























