/*
Theme Name: MCAS
Theme Variation: Racer
Version: 2.0
Copyright: All rights resevered.
COLOURS
-------
Primary Yellow : #fcf500;
Orange : #ff610b;
Black : #2c2c2c;
*/
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*! Mustard UI v0.0.5
* MIT License
* https://mustard-ui.com
*/
*{margin:0;padding:0}html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}body{display:flex;flex-direction:column;min-height:100vh;background-color:#fff}main{flex:1}.float-left{float:left}.float-right{float:right}.clear-fix::before,.clear-fix::after{content:"";display:table}.clear-fix::after{clear:both}.align-left{text-align:left}.align-center{text-align:center}.align-right{text-align:right}.container{max-width:1200px;margin-left:auto;margin-right:auto;padding:30px 0}.container-small{max-width:768px}.container-large{max-width:1440px}.display-flex{display:flex;justify-content:space-around}.display-none{display:none}.display-sm-up{display:none}@media (min-width: 425px){.display-sm-up{display:initial}}.display-md-up{display:none}@media (min-width: 768px){.display-md-up{display:initial}}.display-lg-up{display:none}@media (min-width: 1024px){.display-lg-up{display:initial}}.display-xlg-up{display:none}@media (min-width: 1440px){.display-xlg-up{display:initial}}.display-sm-down{display:none}@media (max-width: 424px){.display-sm-down{display:initial}}.display-md-down{display:none}@media (max-width: 767px){.display-md-down{display:initial}}.display-lg-down{display:none}@media (max-width: 1023px){.display-lg-down{display:initial}}.display-xlg-down{display:none}@media (max-width: 1439px){.display-xlg-down{display:initial}}.display-sm-to-md{display:none}@media (min-width: 425px) and (max-width: 767px){.display-sm-to-md{display:initial}}.display-sm-to-lg{display:none}@media (min-width: 425px) and (max-width: 1023px){.display-sm-to-lg{display:initial}}.display-sm-to-xlg{display:none}@media (min-width: 425px) and (max-width: 1439px){.display-sm-to-xlg{display:initial}}.display-md-to-lg{display:none}@media (min-width: 768px) and (max-width: 1023px){.display-md-to-lg{display:initial}}.display-md-to-xlg{display:none}@media (min-width: 768px) and (max-width: 1439px){.display-md-to-xlg{display:initial}}.display-lg-to-xlg{display:none}@media (min-width: 1024px) and (max-width: 1439px){.display-lg-to-xlg{display:initial}}.row{display:flex;flex-direction:row;flex-wrap:wrap;margin-top:15px;margin-bottom:15px}.row.row-reverse{flex-direction:row-reverse}.row .col{flex-grow:1;flex-basis:100%;max-width:100%;padding:5px 5px}.row .col.col-reverse{flex-direction:column-reverse}.row .col-xs-1{flex-basis:8.33333%;max-width:8.33333%}.row .col-xs-2{flex-basis:16.66667%;max-width:16.66667%}.row .col-xs-3{flex-basis:25%;max-width:25%}.row .col-xs-4{flex-basis:33.33333%;max-width:33.33333%}.row .col-xs-5{flex-basis:41.66667%;max-width:41.66667%}.row .col-xs-6{flex-basis:50%;max-width:50%}.row .col-xs-7{flex-basis:58.33333%;max-width:58.33333%}.row .col-xs-8{flex-basis:66.66667%;max-width:66.66667%}.row .col-xs-9{flex-basis:75%;max-width:75%}.row .col-xs-10{flex-basis:83.33333%;max-width:83.33333%}.row .col-xs-11{flex-basis:91.66667%;max-width:91.66667%}.row .col-xs-12{flex-basis:100%;max-width:100%}.row .col-xs-offset-1{margin-left:8.33333%}.row .col-xs-offset-2{margin-left:16.66667%}.row .col-xs-offset-3{margin-left:25%}.row .col-xs-offset-4{margin-left:33.33333%}.row .col-xs-offset-5{margin-left:41.66667%}.row .col-xs-offset-6{margin-left:50%}.row .col-xs-offset-7{margin-left:58.33333%}.row .col-xs-offset-8{margin-left:66.66667%}.row .col-xs-offset-9{margin-left:75%}.row .col-xs-offset-10{margin-left:83.33333%}.row .col-xs-offset-11{margin-left:91.66667%}.row .col-xs-offset-12{margin-left:100%}@media (min-width: 425px){.row .col-sm-1{flex-basis:8.33333%;max-width:8.33333%}.row .col-sm-2{flex-basis:16.66667%;max-width:16.66667%}.row .col-sm-3{flex-basis:25%;max-width:25%}.row .col-sm-4{flex-basis:33.33333%;max-width:33.33333%}.row .col-sm-5{flex-basis:41.66667%;max-width:41.66667%}.row .col-sm-6{flex-basis:50%;max-width:50%}.row .col-sm-7{flex-basis:58.33333%;max-width:58.33333%}.row .col-sm-8{flex-basis:66.66667%;max-width:66.66667%}.row .col-sm-9{flex-basis:75%;max-width:75%}.row .col-sm-10{flex-basis:83.33333%;max-width:83.33333%}.row .col-sm-11{flex-basis:91.66667%;max-width:91.66667%}.row .col-sm-12{flex-basis:100%;max-width:100%}.row .col-sm-offset-1{margin-left:8.33333%}.row .col-sm-offset-2{margin-left:16.66667%}.row .col-sm-offset-3{margin-left:25%}.row .col-sm-offset-4{margin-left:33.33333%}.row .col-sm-offset-5{margin-left:41.66667%}.row .col-sm-offset-6{margin-left:50%}.row .col-sm-offset-7{margin-left:58.33333%}.row .col-sm-offset-8{margin-left:66.66667%}.row .col-sm-offset-9{margin-left:75%}.row .col-sm-offset-10{margin-left:83.33333%}.row .col-sm-offset-11{margin-left:91.66667%}.row .col-sm-offset-12{margin-left:100%}}@media (min-width: 768px){.row .col-md-1{flex-basis:8.33333%;max-width:8.33333%}.row .col-md-2{flex-basis:16.66667%;max-width:16.66667%}.row .col-md-3{flex-basis:25%;max-width:25%}.row .col-md-4{flex-basis:33.33333%;max-width:33.33333%}.row .col-md-5{flex-basis:41.66667%;max-width:41.66667%}.row .col-md-6{flex-basis:50%;max-width:50%}.row .col-md-7{flex-basis:58.33333%;max-width:58.33333%}.row .col-md-8{flex-basis:66.66667%;max-width:66.66667%}.row .col-md-9{flex-basis:75%;max-width:75%}.row .col-md-10{flex-basis:83.33333%;max-width:83.33333%}.row .col-md-11{flex-basis:91.66667%;max-width:91.66667%}.row .col-md-12{flex-basis:100%;max-width:100%}.row .col-md-offset-1{margin-left:8.33333%}.row .col-md-offset-2{margin-left:16.66667%}.row .col-md-offset-3{margin-left:25%}.row .col-md-offset-4{margin-left:33.33333%}.row .col-md-offset-5{margin-left:41.66667%}.row .col-md-offset-6{margin-left:50%}.row .col-md-offset-7{margin-left:58.33333%}.row .col-md-offset-8{margin-left:66.66667%}.row .col-md-offset-9{margin-left:75%}.row .col-md-offset-10{margin-left:83.33333%}.row .col-md-offset-11{margin-left:91.66667%}.row .col-md-offset-12{margin-left:100%}}@media (min-width: 1024px){.row .col-lg-1{flex-basis:8.33333%;max-width:8.33333%}.row .col-lg-2{flex-basis:16.66667%;max-width:16.66667%}.row .col-lg-3{flex-basis:25%;max-width:25%}.row .col-lg-4{flex-basis:33.33333%;max-width:33.33333%}.row .col-lg-5{flex-basis:41.66667%;max-width:41.66667%}.row .col-lg-6{flex-basis:50%;max-width:50%}.row .col-lg-7{flex-basis:58.33333%;max-width:58.33333%}.row .col-lg-8{flex-basis:66.66667%;max-width:66.66667%}.row .col-lg-9{flex-basis:75%;max-width:75%}.row .col-lg-10{flex-basis:83.33333%;max-width:83.33333%}.row .col-lg-11{flex-basis:91.66667%;max-width:91.66667%}.row .col-lg-12{flex-basis:100%;max-width:100%}.row .col-lg-offset-1{margin-left:8.33333%}.row .col-lg-offset-2{margin-left:16.66667%}.row .col-lg-offset-3{margin-left:25%}.row .col-lg-offset-4{margin-left:33.33333%}.row .col-lg-offset-5{margin-left:41.66667%}.row .col-lg-offset-6{margin-left:50%}.row .col-lg-offset-7{margin-left:58.33333%}.row .col-lg-offset-8{margin-left:66.66667%}.row .col-lg-offset-9{margin-left:75%}.row .col-lg-offset-10{margin-left:83.33333%}.row .col-lg-offset-11{margin-left:91.66667%}.row .col-lg-offset-12{margin-left:100%}}@media (min-width: 1440px){.row .col-xlg-1{flex-basis:8.33333%;max-width:8.33333%}.row .col-xlg-2{flex-basis:16.66667%;max-width:16.66667%}.row .col-xlg-3{flex-basis:25%;max-width:25%}.row .col-xlg-4{flex-basis:33.33333%;max-width:33.33333%}.row .col-xlg-5{flex-basis:41.66667%;max-width:41.66667%}.row .col-xlg-6{flex-basis:50%;max-width:50%}.row .col-xlg-7{flex-basis:58.33333%;max-width:58.33333%}.row .col-xlg-8{flex-basis:66.66667%;max-width:66.66667%}.row .col-xlg-9{flex-basis:75%;max-width:75%}.row .col-xlg-10{flex-basis:83.33333%;max-width:83.33333%}.row .col-xlg-11{flex-basis:91.66667%;max-width:91.66667%}.row .col-xlg-12{flex-basis:100%;max-width:100%}.row .col-xlg-offset-1{margin-left:8.33333%}.row .col-xlg-offset-2{margin-left:16.66667%}.row .col-xlg-offset-3{margin-left:25%}.row .col-xlg-offset-4{margin-left:33.33333%}.row .col-xlg-offset-5{margin-left:41.66667%}.row .col-xlg-offset-6{margin-left:50%}.row .col-xlg-offset-7{margin-left:58.33333%}.row .col-xlg-offset-8{margin-left:66.66667%}.row .col-xlg-offset-9{margin-left:75%}.row .col-xlg-offset-10{margin-left:83.33333%}.row .col-xlg-offset-11{margin-left:91.66667%}.row .col-xlg-offset-12{margin-left:100%}}.section :last-child,section :last-child{/*margin-bottom:0*/}.section-primary{background:#ffca28}.section-secondary{background:#f5f5f5}.section-tertiary{background:#fff}blockquote{display:block;margin:15px 15px 30px;padding:15px;font-size:18px;font-weight:400;border-left:4px solid #4caf50;background:#fff}blockquote :last-child{margin-bottom:0}.button,button,input[type='button'],input[type='reset'],input[type='submit']{display:inline-block;/*height:40px;*/margin:0 2px 15px;padding:0 20px;width:auto;background:none;overflow:visible;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:all .1s ease-out;font-size:14px;font-weight:600;color:inherit;line-height:40px;letter-spacing:1px;text-decoration:none;text-align:center;text-transform:uppercase;white-space:nowrap;border-radius:4px;border-style:solid;border-width:1px}.button:focus,button:focus,input[type='button']:focus,input[type='reset']:focus,input[type='submit']:focus{outline:none}.button:hover,button:hover,input[type='button']:hover,input[type='reset']:hover,input[type='submit']:hover{opacity:0.85;cursor:pointer;transform:scale(1.025)}.button:active,button:active,input[type='button']:active,input[type='reset']:active,input[type='submit']:active{opacity:1;transform:scale(1)}.button:disabled,button:disabled,input[type='button']:disabled,input[type='reset']:disabled,input[type='submit']:disabled{opacity:0.5}.button:disabled:hover,button:disabled:hover,input[type='button']:disabled:hover,input[type='reset']:disabled:hover,input[type='submit']:disabled:hover{cursor:not-allowed}.button-primary{background-color:#fcf500!important;color:#2c2c2c;border-color:#fcf500}.button-primary-outlined{background-color:#fff;color:#2c2c2c;border-color:#fcf500}.button-primary-text{color:#fcf500;border-color:transparent}.button-success{background-color:#4caf50;color:#fff;border-color:#4caf50}.button-success-outlined{background-color:#fff;color:#4caf50;border-color:#4caf50}.button-success-text{color:#4caf50;border-color:transparent}.button-info{background-color:#111;color:#fff;border-color:#111}.button-info-outlined{background-color:#fff;color:#111;border-color:#111}.button-info-text{color:#000;border-color:transparent}.button-warning{background-color:#ffb300;color:#fff;border-color:#ffb300}.button-warning-outlined{background-color:#fff;color:#ffb300;border-color:#ffb300}.button-warning-text{color:#ffb300;border-color:transparent}.button-danger{background-color:#f44336;color:#fff;border-color:#f44336}.button-danger-outlined{background-color:#fff;color:#f44336;border-color:#f44336}.button-danger-text{color:#f44336;border-color:transparent}.button-round{border-radius:24px}.button-large{height:48px;line-height:48px;padding:0 30px;font-size:16px}.button-small{height:30px;line-height:30px;padding:0 15px;font-size:12px}.button-mini{height:22px;line-height:20px;padding:0 10px;font-size:11px;}pre{display:block;margin:15px 0;padding:10px 15px;border-left:4px solid #4caf50;background:#f5f5f5;font-family:Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;font-size:15px;color:#212121;white-space:normal;overflow-x:auto}code{background:#f5f5f5;color:#212121;font-family:Monaco, 'Courier New', Courier, monospace;white-space:pre}.form-control{position:relative;margin-bottom:10px}.form-control-group{display:flex;justify-content:flex-start}.form-control-group .form-control{flex:1;padding-right:15px}.form-control-group .form-control:last-of-type{padding-right:0}.form-control-group .form-control.grow-1x{flex-grow:1}.form-control-group .form-control.grow-2x{flex-grow:2}.form-control-group .form-control.grow-3x{flex-grow:3}.validation-error{margin-top:2px;font-size:12px;color:#f54251}label{font-size:14px;font-weight:400}.form-control label{display:inline-block;padding-bottom:4px;}input[type="text"],input[type="email"],input[type="password"],select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:10px;line-height:20px;font-size:16px;font-weight:inherit;background:#fff;border-radius:5px;border:1px solid #bdbdbd}input[type="text"]::-webkit-input-placeholder,input[type="email"]::-webkit-input-placeholder,input[type="password"]::-webkit-input-placeholder,select::-webkit-input-placeholder{color:#9e9e9e}input[type="text"]:-ms-input-placeholder,input[type="email"]:-ms-input-placeholder,input[type="password"]:-ms-input-placeholder,select:-ms-input-placeholder{color:#9e9e9e}input[type="text"]::-ms-input-placeholder,input[type="email"]::-ms-input-placeholder,input[type="password"]::-ms-input-placeholder,select::-ms-input-placeholder{color:#9e9e9e}input[type="text"]::placeholder,input[type="text"]::placeholder,input[type="password"]::placeholder,select::placeholder{color:#9e9e9e}input[type="text"]:focus,input[type="email"]:focus,input[type="password"]:focus,textarea:focus,select:focus{outline:none;border-color:#4caf50}input[type="text"].invalid,input[type="email"].invalid,input[type="password"].invalid,select.invalid{border-color:#f54251;border-width:2px;margin-bottom:0;}fieldset{margin:15px 0;padding:15px;font-size:14px;border:1px solid #efefef;border-radius:5px}fieldset legend{padding:0 5px}input[type="checkbox"],input[type="radio"]{margin-right:10px}select{background:#fff url('data:image/svg+xml;utf8,') center right no-repeat;padding-right:30px}select:hover{cursor:pointer}select:disabled{opacity:0.5}select:focus{background:#fff url('data:image/svg+xml;utf8,') center right no-repeat}textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;width:100%;padding:10px 15px;min-height:100px;font-size:16px;font-weight:300;line-height:1.4;color:#000;background-color:#fff;border:1px solid #bdbdbd;border-radius:5px}textarea::-webkit-input-placeholder{color:#9e9e9e}textarea:-ms-input-placeholder{color:#9e9e9e}textarea::-ms-input-placeholder{color:#9e9e9e}textarea::placeholder{color:#9e9e9e}textarea:focus{border-color:#4caf50;outline:none}textarea.invalid{border-color:#ef9a9a}a{text-decoration:none;color:#4caf50;font-weight:400;transition:opacity .1s ease-out}ul,ol,dl{list-style:none;margin-bottom:15px}ul{list-style:circle inside}ol{list-style:decimal inside}table{margin:15px 0;width:100%;border-spacing:0;border-collapse:collapse}table tr{border-bottom:1px solid #eee;text-align:left}table thead th{padding:15px;font-weight:300;color:#9e9e9e}table tbody td{padding:15px;font-weight:300}body{font-family:"Open Sans",sans-serif;font-size:16px;line-height:1.6;font-weight:300;color:#424242}h1,h2,h3,h4,h5,h6{font-family:"Open Sans",sans-serif;font-weight:300;color:#424242;margin:0 0 10px;font-weight:600}.h1,h1{font-size:48px;line-height:60px}.h2,h2{font-size:40px;line-height:52px}.h3,h3{font-size:32px;line-height:44px}.h4,h4{font-size:28px;line-height:40px}.h5,h5{font-size:24px;line-height:36px}.h6,h6{font-size:20px;line-height:32px}p{margin-bottom:15px}p.magnify{font-size:17.6px;line-height:1.8}strong,b{font-weight:600}.alert{margin-bottom:15px;padding:15px;border-radius:5px}.alert-danger{background:#ffebee}.alert-info{background:#e3f2fd}.alert-warning{background:#fff8e1}.alert-success{background:#e8f5e9}.breadcrumbs{display:flex;list-style:none;font-size:14px}.breadcrumbs li{display:block}.breadcrumbs li::after{display:inline-block;content:"/";padding:0 5px;color:#9e9e9e}.breadcrumbs li:last-of-type::after{display:none}.card{margin:15px;padding:30px;background:#fff;overflow:hidden;border-radius:5px;box-shadow:0 4px 12px rgba(224,224,224,0.5)}.card-title{font-size:24px;margin-bottom:5px}.card-actions{display:flex;align-items:center;margin-top:30px;list-style:none;justify-content:space-around}.card-actions>*{margin-bottom:0}.footer{padding:30px;width:100%;background-color:#111}.footer .copyright,footer .copyright{margin:0;padding-top:30px;font-size:14px;color:#fff;border-top:1px solid #9e9e9e}.footer .copyright a,footer .copyright a{color:#bdbdbd}.footer-text p{color:#fff}.footer-links-category{color:#fff;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px}.footer-links{list-style:none}.footer-links li{margin-top:5px}.footer-links a{color:#bdbdbd}.header{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 15px;height:100vh;background:#ffc107}header .title,.header .title{font-size:50px;line-height:50px;font-weight:400;color:#424242;text-align:center}@media (min-width: 768px){header .title,.header .title{font-size:60px;line-height:60px}}header .subtitle,.header .subtitle{font-size:18px;line-height:26px;font-weight:300;color:#424242;text-align:center}@media (min-width: 768px){header .subtitle,.header .subtitle{font-size:25.2px;line-height:25.2px}}header .disclaimer,.header .disclaimer{font-size:12px;color:#424242;text-align:center}header .scroll-down,.header .scroll-down{opacity:1;transition:all .5s ease-in 3s}header .scroll-down,.header .scroll-down{display:flex;align-items:center;justify-content:center;position:absolute;bottom:45px;left:50%;margin-left:-16px;width:32px;height:32px;border:2px solid #424242;border-radius:50%;animation:bounce 2s infinite 2s;transition:all .2s ease-in}header .scroll-down::before,.header .scroll-down::before{display:block;position:relative;bottom:2px;content:'';transform:rotate(-45deg);width:12px;height:12px;border:2px solid #424242;border-width:0px 0 2px 2px}@keyframes bounce{0%,100%,20%,50%,80%{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.menu{display:inline-block;list-style:none;background:#fff;border-radius:5px;box-shadow:0 4px 12px rgba(158,158,158,0.5)}.menu li a{display:block;padding:10px 30px;border-bottom:1px solid #eee}.menu li a:hover{background:#fafafa}
.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:rgba(97,97,97,0.5);z-index:1071;}
.modal{
bottom:0;
left:0;
overflow:hidden;
padding-top:50px;
padding-bottom:50px;
position:fixed;
right:0;
top:0;
z-index:1072;
}
body.modal-open{overflow:hidden;}
.modal-dialog{background:#fff;border-radius:5px;box-shadow:0 4px 12px rgba(117,117,117,0.5);margin:30px auto;position:relative;transition:300ms ease-out;width:980px;}
@media screen and (min-width:768px){.modal-dialog{width:600px;}}
@media screen and (max-width:992px){.modal-dialog{width:90%;}}
.modal-close{font-size:16px;line-height:18px;}
.modal-head{padding:5px 15px}
.modal-head .modal-title{font-size:24px}
.modal-body{flex:1;padding:15px 15px;background:#eee}
.modal-footer{padding:15px}
.modal-footer>*{margin-bottom:0}
nav,.nav{padding:0 15px;width:100%;background:#ffc107}nav a,.nav a{display:block;color:#424242}.nav-container{display:flex;align-items:center;justify-content:space-between;height:100%;max-width:1200px;margin:0 auto;padding:0 30px}.nav-logo{display:flex;align-items:center;font-size:32px;line-height:32px}.nav-links{display:none;list-style:none;margin:0;height:100%}@media (min-width: 768px){.nav-links{display:flex}}.nav-links li,.nav-links a{height:100%}.nav-links a{display:flex;align-items:center;padding:0 30px}.nav-links a:active{color:#4caf50}.nav-links a.active{border-bottom:4px solid #4caf50}.mobile-menu-toggle{display:block;position:relative;height:20px;width:26px}@media (min-width: 768px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle:hover{cursor:pointer}.mobile-menu-toggle::before{position:absolute;top:0;left:0;width:26px;height:4px;content:'';background:#424242;border-radius:4px;box-shadow:0 8px 0 0 #424242,0 16px 0 0 #424242}.pagination{display:flex;list-style:none;margin:15px 0}.pagination li{margin:0 5px}.pagination li a{display:block;padding:5px 10px;border-radius:5px;background:#fff;border:1px solid #e0e0e0}.pagination li a.active,.pagination li a:hover{opacity:1;border-color:#4caf50}.pagination li a.active{background:#4caf50;color:#fff}.pagination li a:active{transform:scale(0.95)}.panel{background:#fff;border-radius:5px;overflow:hidden;margin:30px 0;box-shadow:0 4px 12px rgba(224,224,224,0.5)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px;padding:10px 15px;background:#fafafa}.panel-head .panel-title{font-size:28px}.panel-body{padding:30px 15px}.panel-footer{padding:15px;background:#fafafa}.panel-footer>*{margin-bottom:0}.pricing-table .package{display:flex;flex-direction:column;justify-content:space-between;flex-wrap:wrap;margin:15px;padding:30px;border:1px solid #e0e0e0;border-radius:5px;text-align:center;background:#fff}.pricing-table .package.featured{border-color:#4caf50;border-width:2px}.pricing-table .package.featured .package-name{color:#4caf50}.pricing-table .package hr{border:0;border-bottom:1px solid #e0e0e0;height:1px}.pricing-table .package .package-name{font-weight:700;text-transform:uppercase}.pricing-table .package .price{margin:15px 0 0 0;font-size:36px;line-height:1.2}.pricing-table .package .price-disclaimer{font-size:12px}.pricing-table .package .features{flex:1;padding:15px;list-style:none}.pricing-table .package .features li{margin-bottom:5px}.progress-bar{position:relative;margin:15px 0;height:20px;background:#eee;border-radius:5px;overflow:hidden}.progress-bar>span{display:block;position:absolute;height:100%;border-radius:4px;overflow:hidden}.progress-bar>span.progress-bar-green{background:#66bb6a}.progress-bar>span.progress-bar-blue{background:#42a5f5}.progress-bar>span.progress-bar-red{background:#ef5350}.progress-bar.striped>span:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background-image:linear-gradient(-45deg, rgba(255,255,255,0.2) 25%, transparent 25%, transparent 50%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.2) 75%, transparent 75%, transparent);background-size:50px 50px;overflow:hidden}.progress-bar.animated>span:after{animation:move 2s linear infinite}@keyframes move{0%{background-position:0 0}100%{background-position:50px 50px}}.sidebar{padding:15px}.sidebar-left{border-right:1px solid #e0e0e0}.sidebar-right{border-left:1px solid #e0e0e0}.sidebar-category{padding:10px;font-size:18px;color:#757575;border-bottom:1px solid #e0e0e0;background:url('data:image/svg+xml;utf8,') center right no-repeat}.sidebar-category:hover{cursor:pointer;opacity:0.75}.sidebar-links{list-style:none;padding-left:10px}.sidebar-links a{display:block;padding:5px 10px}.sidebar-links a.active{font-weight:700}.stepper{margin:30px 15px}.stepper .step{position:relative;padding:0 30px;margin-bottom:30px;border-left:1px solid #bdbdbd}.stepper .step:last-of-type{border:none}.stepper .step .step-number{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;left:-18px;height:36px;width:36px;z-index:1;font-weight:600;color:#fff;background:#8bc34a;border-radius:50%;box-shadow:0 2px 4px #e0e0e0}.stepper .step .step-title{margin:0;font-weight:600;font-size:20px;line-height:36px}.tabs{list-style:none;display:flex;margin:15px 0 30px}.tabs .tab{padding:8px 45px;border-bottom:1px solid #e0e0e0;color:#bdbdbd}.tabs .tab.active{border-top:2px solid #4caf50;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;border-bottom:none;color:#757575}.tabs .tab:hover{opacity:1;color:#424242}.tags{display:flex;flex-wrap:wrap;list-style:none}.tag{margin-right:5px;padding:5px 15px;font-size:14px;font-weight:400;border-radius:4px;color:#fff;background:#9e9e9e;box-shadow:0 2px 4px #eee}.tag a{display:block;color:#fff}.tag-rounded{border-radius:16px}.tag-blue{background:#2196f3}.tag-red{background:#f44336}.tag-green{background:#4caf50}.tag-orange{background:#ff9800}.tooltip{display:inline-block;position:relative;border-bottom:1px dashed #bdbdbd}.tooltip:hover{cursor:pointer}.tooltip:hover .tooltip-text{display:block}.tooltip-text{display:none;position:absolute;bottom:125%;left:50%;transform:translateX(-50%);min-width:300px;padding:10px 15px;color:#fff;text-align:center;background:#424242;border-radius:5px;box-shadow:0 2px 4px #9e9e9e}.tooltip-text::after{position:absolute;content:'';top:100%;left:50%;transform:translateX(-50%);border-width:8px;border-style:solid;border-color:#424242 transparent transparent}
/* Mustard UI - Overrides */
.alert > p, .alert > ul {margin-bottom:0;}
.alert-danger {background-color:#f2dede;border:1px solid #ebccd1;color:#a94442;}
.alert-success {background-color:#eff5ea;border:1px solid #cfe5bc;color:#3d6611;}
input[type="text"].input-large {padding:14px;}
input[type="checkbox"],input[type="radio"] {margin-right:0;}
input[type="text"].error,
input[type="email"].error,
input[type="password"].error,
select.error{border-color:#f44336}
button {border:1px solid #2d2d2d;}
.button-large {line-height:22px;padding:10px 30px;font-size:16px;white-space:wrap;}
.button-primary-text {color:#ff610b;}
.modal-open .modal {
overflow-x: hidden;
overflow-y: auto;
}
/* Mustard UI - Additions */
.pad25 {padding:25px;}
.pad45 {padding:45px;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.help-block {color:#999;font-size:11px;font-size:1.2rem;font-style:italic;}
.close {float:right;font-size:21px;font-weight:bold;line-height:1;margin:0;padding:0;color:#000;text-shadow:0 1px 0 #fff;opacity:.2;filter:alpha(opacity=20);}
.label {align-items:center;display:inline-flex;padding:.2em .6em .3em;font-size:75%;font-weight:700;line-height:1;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25em;}
.label-danger {background-color:#f44336}
.label-success {background-color:#4caf50}
.label-info {background-color:#2c2c2c}
.panel{margin-bottom:20px;background-color:#fff;border:1px solid transparent;border-radius:4px;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.05);box-shadow:0 1px 1px rgba(0,0,0,0.05)}.panel-body{padding:15px}.panel-heading{padding:10px 15px;border-bottom:1px solid transparent;border-top-right-radius:3px;border-top-left-radius:3px}.panel-title{margin-top:0;margin-bottom:0;font-size:16px;color:inherit}.panel-title>a,.panel-title>small,.panel-title>.small,.panel-title>small>a,.panel-title>.small>a{color:inherit}.panel-footer{padding:10px 15px;background-color:#f5f5f5;border-top:1px solid #ddd;border-bottom-right-radius:3px;border-bottom-left-radius:3px}
.panel-title {text-transform:uppercase;}
.panel-default > .panel-heading {
background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
background-image: linear-gradient(to bottom, #f5f5f5 0%, #e8e8e8 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
}
.img-thumbnail {padding: 4px;
line-height: 1.42857143;
background-color: #fff;
border: 1px solid #ddd;
border-radius: 4px;
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
display: inline-block;
max-width: 100%;
height: auto;
}
.img-responsive,.responsive,.img-fluid {
display: block;
max-width: 100%;
height: auto;
}
/* Loader */
.loader {
margin: 0;
height: 30px;
text-align: center;
display: inline-block;
vertical-align: middle;
}
/************************************************************************************
GLOBAL DEFAULT STYLES
*************************************************************************************/
/* FONTS USED
font-family: 'Patua One', serif;
font-family: 'Maven Pro', sans-serif; 400, 500, 700
font-family: 'Open Sans', sans-serif; 400
font-family: 'Passion One', serif; 400, 700
*/
/* Fontawesome - customised font icomoon */
@font-face{font-family:mcas;src:url(/persistent/fonts/mcas.eot?gkhp1y);src:url(/persistent/fonts/mcas.eot?gkhp1y#iefix) format('embedded-opentype'),url(/persistent/fonts/mcas.ttf?gkhp1y) format('truetype'),url(/persistent/fonts/mcas.woff?gkhp1y) format('woff'),url(/persistent/fonts/mcas.svg?gkhp1y#mcas) format('svg');font-weight:400;font-style:normal}.fa{font-family:mcas!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.fa{font-family:intoblinds!important;display:inline-block!important;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-fw{width:1.28571429em;text-align:center}.fa-stack{position:relative;display:inline-block;width:2.2em;height:2.2em;line-height:2.2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2.2em}.fa-inverse{color:#fff}
.fa-check-square-o:before{content:"\f046";}.fa-square-o:before{content:"\f096";}.fa-chevron-left:before{content:"\f053";}.fa-chevron-right:before{content:"\f054";}.fa-chevron-up:before{content:"\f077";}.fa-chevron-down:before{content:"\f078";}.fa-search-plus:before{content:"\f00e"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-shopping-cart:before{content:"\f07a"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-calendar:before{content:"\f073"}.fa-heart:before{content:"\f004"}.fa-heart-o:before{content:"\f08a"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-check:before{content:"\f00c"}.fa-trash-o:before{content:"\f014"}.fa-trash:before{content:"\f1f8"}.fa-clock-o:before{content:"\f017"}.fa-lock:before{content:"\f023"}.fa-camera:before{content:"\f030"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-phone:before{content:"\f095"}.fa-twitter:before{content:"\f099"}.fa-credit-card:before{content:"\f09d"}.fa-truck:before{content:"\f0d1"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-youtube-square:before{content:"\f166"}.fa-instagram:before{content:"\f16d"}.fa-facebook:before{content:"\f230"}.fa-pinterest:before{content:"\f0d2"}.fa-caret-right:before{content:"\f0db"}.fa-caret-left:before{content:"\f0dc"}.fa-caret-up:before{content:"\f0dd"}.fa-caret-down:before{content:"\f0de"}.fa-external-link:before{content:"\f08e"}.fa-close:before{content:"\e5cd"}.fa-snapchat-ghost:before{content:"\f2ac";}
html {-webkit-text-size-adjust:none;font-size:100%;}
body {
font: normal 16px/1.6 'Maven Pro',Arial,Helvetica,sans-serif;
color: #2d2d2d;
padding: 0;
margin: 0;
}
abbr[title] {text-decoration:none;border:0;}
legend {display:block;width:100%;}
h1 {margin-bottom:.5em;margin-top:1em;font:normal 34px/1.3em 'Patua One',serif;color:#2c2c2c;}
h1.linebar {margin-bottom:.5em; font: normal 24px/1em 'Patua One',serif;color:#fff;background:#2c2c2c;padding:5px;}
h2 {margin-bottom:.8em;font:700 18px/1em 'Maven Pro',Arial,Helvetica,sans-serif;color:#2c2c2c;}
h3 {margin-bottom:.8em;margin-top:2rem;font:700 16px/1em 'Maven Pro',Arial,Helvetica,sans-serif;color:#2c2c2c;}
h4,h5,h6 {margin-bottom:.8em;font:700 15px/1.2em 'Maven Pro',Arial,Helvetica,sans-serif;color:#2c2c2c;}
.page-header {border-bottom:4px solid #e0e0e0;margin-bottom:4rem;}
p {margin-bottom:0.9em;}
a:not(.button) {color:#ff610b;text-decoration:none;}
a:not(.button):hover {color:#787878;}
hr {height:1px;color:#eaeaea;background:#eaeaea;border:none;margin-bottom:.8em;}
dt {font-weight:bold;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus, select:focus {border-color:#fcf500;}
.form-control[disabled],.form-control[readonly],
.form-control[disabled]:focus,.form-control[readonly]:focus,
.form-control[disabled]:active,.form-control[readonly]:active,
fieldset[disabled] .form-control {
background-color: #eee;
opacity: 1;
}
.loggedIn,
.notLoggedIn,
.lazy {display:none;}
.center {text-align:center;}
.center-block {display:block;margin-left:auto;margin-right:auto;}
.pull-right {float:right!important;}
.text-muted {color:#787878;}
.help-block {color:#787878;font-size:small;}
.asterisk {color:#e85c41;font-weight:bold;}
.hidden {visibility:hidden;}
.visible {visibility:visible;}
/* ZIP Money */
.finance-wrap {max-width:1200px;margin-left:auto;margin-right:auto;padding-top:10px;}
.zipmoney-marketing {margin:15px auto;max-width:1200px;}
.finance-wrap a {display:block;}
[zm-asset], [data-zm-asset]{cursor:pointer;}
[zm-asset]:not([zm-asset="landingpage"]) iframe,
[data-zm-asset]:not([data-zm-asset="landingpage"]) iframe{min-height:50px;pointer-events:none!important;}
.alert-breach {display:flex;margin:0 auto;max-width:1200px;}
.alert-breach div:first-of-type {margin-right:8px;}
.alert-breach a,
.alert-breach img {display:block;width:100%;}
@media screen and (max-width:780px) {
.alert-breach {flex-direction:column;}
.alert-breach div:first-of-type {margin-right:0;}
}
/* THEMES STYLES */
#navBlock {background:#2c2c2c;position:sticky;text-align:center;top:0;left:0;width:100%;z-index:10;/*overflow-x:auto;-webkit-overflow-scrolling:touch;*/}
#navBlock .navWrap {margin:0 auto;max-width:1200px;}
.mini-callouts {background-color:#e0e0e0;color:#2c2c2c;font-size:.9rem;font-weight:600;padding:1rem;text-align:center;text-transform:uppercase;}
.mini-callouts a {color:#2c2c2c;font-size:18px;padding:10px;}
.mini-callouts img {margin-right:10px;vertical-align:middle;}
/* Main Menu
* Position relative commented out as dropdowns will be cropped by overflow hidden.
*/
@media screen and (min-width: 781px) and (max-width: 1154px) {
.mainMenu {
overflow-x: auto;
}
}
.mainMenu, .mainMenu ul {list-style:none;padding:0;}
.mainMenu {-js-display:flex;display:flex;width:100%;margin:0 auto;position:relative;font:normal 18px/40px 'Patua One',serif;color:#ffffff;}
.mainMenu a {color:#ffffff;}
.mainMenu > li {flex:1;text-align:left;}
.mainMenu > li.first {display:none !important;}
.mainMenu > li > a {display:block;white-space:nowrap;padding:0 15px;position:relative;text-decoration:none;text-transform:uppercase;text-align:center;transition:all 0.4s ease;}
.mainMenu > li > a:hover, .mainMenu > li:hover > a {background-color:#fcf500;color:#2c2c2c;opacity:1;}
.mainMenu > li > a:before {height:0;content:' ';border-style:solid;border-width:10px 10px 0 0;border-color:#2c2c2c transparent transparent transparent;position:absolute;left:0;top:0;z-index:100;}
.mainMenu > li > ul {display:none;position:absolute;top:100%;left:0;right:0;background:#2c2c2c;border:5px solid #fcf500;text-transform:uppercase;}
.mainMenu > li:hover > ul,.mainMenu > li:hover > .mega-menu {display:block;visibility:visible !important;}
.mainMenu ul,.mainMenu .mega-menu {box-shadow:0 0 10px rgba(0,0,0);font-size:16px;font-weight:700;line-height:1.2em;margin:0;padding:20px;position:relative;}
.mainMenu .has-image {padding-right:206px;}
/*.mainMenu ul li {width:20%;display:block;float:left;}*/
.mainMenu .has-image > li {width:25%;}
.mainMenu .has-image > li.description {width:186px;position:absolute;top:20px;right:20px;}
.mainMenu ul ul {box-shadow:none;display:block !important;visibility:visible !important;opacity:1!important;margin-bottom:15px;padding:0;}
.mainMenu ul a {display:inline-block;padding:5px 10px;}
.mainMenu ul ul li {display:block;width:auto;float:none;}
.mainMenu ul ul a {display:block;padding:4px 10px;font-weight:500;font-family:'Maven Pro',Arial,Helvetica,sans-serif;font-size:12px;line-height:15px;}
.mainMenu li h3 {font-size:16px;font-weight:700;line-height:1.2em;margin:0;color:#ffffff;padding:5px 10px;}
.mainMenu li p {font-weight:500;font-size:12px;margin:2px 10px;}
.mainMenu li p a {padding:0;}
.mainMenu li a:hover {color:#2c2c2c;}
.mainMenu li li a:hover {color:#fcf500;}
.mainMenu li img {display:inline-block;max-width:100%;height:auto;/*border:2px solid #fcf500;*/}
@media(min-width:781px) {
/* Level - Masonic Menu Layout */
.level2 {
column-count: 5;
-webkit-column-count: 5;
column-gap: 0;
-webkit-column-gap: 0;
}
.level2 > li {
break-inside: avoid;
-webkit-column-break-inside: avoid;
float: none!important;
width: auto!important;
}
.level2 > li a {color:#fcf500;}
.level3 li a {color:#fff;}
}
/* Mega-menu - Defaults */
.mega-menu {
background: #2c2c2c;
display: none;
padding: 5px 20px;
text-transform: uppercase;
}
.mega-menu .row {margin:0;padding:0;}
.mega-menu ul {box-shadow:none!important;}
.mega-menu .col-md-12 a {display:block;padding:0;transition:all ease-in-out 200ms;width:100%;transform:scale(1);}
.mega-menu .col-md-12 a:hover {box-shadow:0 0 0 rgba(0,0,0,0);}
.mega-menu .col-md-12 .col-sm-2,
.mega-menu .col-md-12 .col-sm-3 {padding:10px;}
.mega-menu a[title^='Benelli'] {content:url('nav-logo-benelli.png');}
.mega-menu a[title^='Indian Motorcycles'] {content:url('nav-logo-indian.png');}
.mega-menu a[title^='Peugeot'] {content:url('nav-logo-peugot.png');}
.mega-menu a[title^='Royal Enfield'] {content:url('nav-logo-royal-enfield.png');}
.mega-menu a[title^='SuperSoco'] {content:url('nav-logo-super-soco.png');}
.mega-menu a[title^='Polaris'] {content:url('nav-logo-polaris.png');}
.mega-menu a[title^='Gasgas'] {content:url('nav-logo-gasgas.png');}
.mega-menu a:hover,
.mega-menu a:active,
.mega-menu a:focus {box-shadow:0 0 8px rgba(0,0,0,1);display:block;transform:scale(1.05);}
.mega-menu a img {display:block;width:100%;}
/* Mega-menu - Mobile Only */
.mainMenu .mega-menu {
border: 5px solid #fcf500;
left: 0;
position: absolute;
right: 0;
top: 100%;
}
.mega-menu .col-half-offset {margin:0 1.566666667%;}
span.submenuTrigger,
button.homeBtn { display: none; }
#navBlock #mobileNav { display: none; }
#headerBlock {width:100%;background:#fcf500;position:relative;z-index:80;}
#headerBar {max-width:1200px;margin:0 auto;padding:20px 0 0 0;}
#headerBar a.logoBar {float:left;max-width:422px;width:auto;display:block;}
#headerBar ul.headerLinks {margin:0 0 0.5em 0;list-style:none;float:right;overflow:hidden; }
#headerBar ul.headerLinks li {background-color:#2c2c2c;color:#fff;display:block;float:left;margin-left:10px;position:relative;}
#headerBar ul.headerLinks > li:before {height:0;content:' ';border-style:solid;border-width:10px 10px 0 0;border-color:#fcf500 transparent transparent transparent;position:absolute;left:0;top:0;z-index:100;}
#headerBar ul.headerLinks li a {color:#fff;display:block;padding:8px;font-size:12px;font-weight:500;line-height:1em;text-align:center;min-width:56px;}
#headerBar ul.headerLinks li a span {color:#ff610b;display:block;}
#headerBar ul.headerLinks li .cartTotalItems {color:#fff;}
#headerBar ul.miniCart {clear:right;padding:0;margin:0;list-style:none;color:#fff;float:right;}
#headerBar ul.miniCart a {
color: #fff;
display: block;
padding: 0 5px 0 30px;
width: auto;
font-size: 13px;
font-weight: 700;
line-height: 28px;
text-align: center;
background: url(bg_minicart_sm.png) 4px center no-repeat; }
#headerBar a.headerPhone { float: right; display: block; font: 400 24px/28px 'Patua One',serif; color: #5e5e5e; padding-right: 10px; margin-right: 10px; border-right: 1px solid #5e5e5e; }
#headerBar a.headerPhone i { color: #5e5e5e; display: none; }
/* Account Tools */
.meta-tools {display:none;}
.meta-tools a {border-left:1px solid #333;padding:15px;position:relative;width:60px;}
/* SEARCH - Autocomplete */
#headerBar #search-box {float:right;display:block;clear:right;width:275px;}
#headerBar #search-box .form-control {margin:auto 10px auto 0;padding:5px;line-height:30px;height:42px;}
#headerBar #search-box .btn {margin:auto 0;}
#headerBar #search-box .btn:hover {transform:none;}
#search-box .typeahead {
background-color: #fff;
box-shadow: 1px 1px 3px rgba(0,0,0,.2);
list-style: none;
margin: 0;
padding: 0;
position: absolute;
width: 300px;
z-index: 2000;
}
#search-box .typeahead li {
border-bottom: 1px solid #ccc;
padding-right: 10px;
position: relative;
font-size: 10px;
}
#search-box .typeahead li:hover {
cursor: pointer;
background: rgba(250, 250, 250, 1);
}
#search-box .typeahead li > a {display:flex;font-size:14px;padding-right:48px;}
#search-box .typeahead li > a img {padding-right:10px;}
#search-box .typeahead .price {color:#000;font-size:11px;position:absolute;right:10px;top:10px;}
/* Pagination */
.ss-pagination {
margin-bottom: 24px;
margin-top: 24px;
text-align: center;
}
.ss-pagination div {display:inline-block;}
.ss-pagination .pages {margin-bottom:18px;}
.ss-pagination a.current,
.ss-pagination a.current:hover {
background: #fff;
border-color: #fff;
}
.ss-pagination a:hover {
text-decoration: none;
}
.ss-pagination .next {float:right;}
.ss-pagination .prev {float:left;}
.ss-pagination p {
clear: both;
display: block;
margin: 0;
}
a.next,a.prev,a.next:visited,a.prev:visited {
background: #1d407c;
border-radius: 1em;
color: #FFFFFF;
display: inline-block;
font-family: helvetica,arial,sans-serif;
font-size: 10px;
font-weight: bold;
line-height: 14px;
margin-top: 5px;
padding: 3px 8px 4px 10px;
}
.ss-pagination a[type="rel"],
.ss-pagination a[type="pre"] {border-radius:2px;}
.ss-pagination a.next {color:#999;float:right;}
.ss-pagination a.prev {color:#999;float:left;}
.ss-pagination a.next:hover,
.ss-pagination a.prev:hover {background-color:#888;color:#fff;text-decoration:none;}
/* SIDENAV - User menu */
.sidenav {list-style:none;padding:0;}
.sidenav li a:before {height:0;content:' ';border-style:solid;border-width:10px 10px 0 0;border-color:#fff transparent transparent transparent;position:absolute;left:0;top:0;}
.sidenav li a{
background-color: #fcf500;
color: #2c2c2c;
display: block;
font: 500 18px/26px 'Patua One',serif;
margin-bottom: 4px;
padding: 4px 10px;
position: relative;
text-transform: uppercase;
transition: all 0.4s ease;
}
.page-checkout #mainBlock {background-color:#f1f1f1;}
#mainBlock {width:100%;margin:0;min-height:400px;padding:0;background:#fff;position:relative;}
#mainBlock .greyBar {background:#f5f5f5;width:100%;min-height:600px;position:relative;}
#mainBlock #bannerBgLeft { position: absolute; left: 0; top: 0; width: 40%; height: 100%; background: url(/images/bg_left.jpg) left top no-repeat; background-size: cover; display: hidden; }
#mainBlock #bannerBgRight { position: absolute; right: 0; top: 0; width: 40%; height: 100%; background: url(/images/bg_right.jpg) left top no-repeat; background-size: cover; display: hidden; }
#mainBlock .lightGreyBar { background: url(bg_banner.png) center top repeat-y; padding: 20px 0; position: relative; }
#mainBlock .homePromoBoxes { max-width: 1200px; height: auto; margin: 0 auto; position: relative; }
ul.homeShopLinksTop { list-style: none; padding: 0; margin: 0 0 20px 0; font-size: 0; line-height: 0; text-align: center; overflow: hidden; }
ul.homeShopLinksTop li { display: block; text-align: center; width: 48%; float: left; }
ul.homeShopLinksTop li:first-child { text-align: left; margin-right: 2%; }
ul.homeShopLinksTop li:last-child { text-align: right; margin-left: 2%; }
ul.homeShopLinksTop li img { display: block; width: 100%; height: auto; }
ul.homeShopLinks { list-style: none; padding: 0; margin: 0; font-size: 0; line-height: 0; text-align: center; overflow: hidden; }
ul.homeShopLinks li { width: 32%; display: block; float: left; text-align: center; margin: 0 1%; }
ul.homeShopLinks li:first-child { text-align: left; width: 31%; margin: 0 2% 0 0; }
ul.homeShopLinks li:last-child { text-align: right; width: 31%; margin: 0 0 0 2%; }
ul.homeShopLinks li img { display: block; width: 100%; height: auto; }
#mainBlock .contentBar {max-width:1200px;padding:0 0 25px 0;margin:0 auto;position:relative;}
/* Breadcrumbs */
#ss-breadcrumbs {font-size:13px;letter-spacing:0.1rem;padding:0 5px;}
#ss-breadcrumbs span {display:none;}
#ss-breadcrumbs a:not(:first-child):before {/*color:#c5c5c5;*/ color:#444343; content:'\f105';font-family:MCAS;padding:0 5px 0 8px;}
#ss-breadcrumbs a {
background-position: left center;
background-repeat: no-repeat;
color: #f47822;
display: inline-block;
font-size: .7rem;
letter-spacing: 1px;
line-height: 1rem;
padding: 0;
text-transform: uppercase;
vertical-align: middle;
}
#ss-breadcrumbs a:hover,
#ss-breadcrumbs a:focus,
#ss-breadcrumbs a:active {color:#6e6e6e;text-decoration:none;}
#ss-breadcrumbs a.active {color:#aeaeae!important;cursor:default;}
#mainBlock #brandsBar {background:#f6f6f6;display:flex;overflow:hidden;margin-top:20px;position:relative;}
#mainBlock #brandsBar h3 {
display: block;
width: 10%;
background: #2c2c2c url(corner_white.png) left top no-repeat;
color: #fcf500;
text-transform: uppercase;
text-align: center;
font: normal 18px/20px 'Patua One',serif;
padding: 25px 1%;
margin: 0;
}
#mainBlock #brandsBar h3 a {color:#fcf500;}
#mainBlock #brandsBar .brandsList {width:90%;padding:25px;text-align:center;}
#mainBlock #brandsBar .brandsList ul {list-style:none;padding:0;margin:0;font-size:0;line-height:0;}
#mainBlock #brandsBar .brandsList ul li {display:inline-block;vertical-align:middle;padding:0 5px;}
#mainBlock #cataloguesBar {overflow:hidden;}
#mainBlock #cataloguesBar ul.cataloguesList {list-style:none;padding:0;margin:0;font-size:0;line-height:0;}
#mainBlock #cataloguesBar ul.cataloguesList li {background:#999;width:24%;margin:0 0 0 1.3%;height:auto;display:block;float:left;position:relative;}
#mainBlock #cataloguesBar ul.cataloguesList li:first-child {margin:0;}
#mainBlock #cataloguesBar ul.cataloguesList li img { width:100%;height:auto;display:block;opacity:0.3;}
#mainBlock #cataloguesBar ul.cataloguesList li a { color:#fff;display:block;position:relative;}
#mainBlock #cataloguesBar ul.cataloguesList li span {
display: block;
position: absolute;
top: 0;
font: 400 18px/20px 'Maven Pro', Arial, Helvetica, sans-serif;
width: 88%;
height: 92%;
padding: 7% 6% 1% 6%;
text-align: center; }
#mainBlock #cataloguesBar ul.cataloguesList li strong { font: 400 26px/26px 'Passion One',serif; text-transform: uppercase; }
#mainBlock #cataloguesBar ul.cataloguesList li a:hover img { opacity: 0.8; transition: all 0.4s ease; }
.ss-category-description.more {margin-bottom:2rem;overflow:hidden;transition: all ease-out .3s}
.category-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
grid-gap: 10px;
align-items: start;
justify-items: center;
margin: auto;
overflow: hidden;
width: 100%;
}
.category-grid a,
.category-grid img {display:block;width:100%;}
.category-grid a {position:relative;/*transition:all 0.4s ease;*/}
.category-grid .title {
background-color: rgba(17,17,17,.7);
bottom: 20px;
color: #fff;
display: block;
font-family: 'Patua One',serif;
font-size: 1.6rem;
font-weight: 600;
line-height: 1.8rem;
padding: .5rem 1rem;
position: absolute;
text-align: center;
text-transform: uppercase;
transform: translate3d(0,-20px,0);
/*transform: translate(0,-100px);*/
width: 100%;
}
.category-grid .title:after {
color: #fff;
content: '\f105';
font-family: mcas;
padding-left: 10px;
}
.category-grid a:hover .title {background-color:#fcf500;color:#2c2c2c;}
/* #mainBlock .leftBar {width:24%;padding:0 1% 0 0;float:left;}
#mainBlock .mainBar {width:74%;padding:0 0 0 1%;float:right;} */
#product-list.container {padding-top:0;padding-bottom:0;}
#mainBlock .mainBar {padding-left:20px;padding-right:20px;}
#mainBlock .leftBar .productAttributes { border: 1px solid #ededed; padding: 10px 20px; margin-bottom: 20px; }
#mainBlock .leftBar .productAttributes h2 {font-family:'Patua One', serif;position:relative;line-height:20px;padding:5px 0;margin:0;display:none;}
#mainBlock .leftBar .attributes-outer {margin-top:0;}
@media(max-width:767px) {
#mainBlock .leftBar .productAttributes h2 {display:block;}
#mainBlock .leftBar .attributes-outer {display:none;margin-top:10px;}
}
@media(min-width:768px) {
#mainBlock .leftBar .attributes-outer {display:block !important;}
}
#mainBlock .leftBar .productAttributes h2 .toggle {color:#f47822;transition:transform .3s ease-in;cursor:pointer;transform:rotate(0);position:absolute;right:0;top:0;width:24px;height:30px;line-height:30px;text-align:center;font-size:24px;}
#mainBlock .leftBar .productAttributes.expanded h2 .toggle {transform:rotate(90deg);}
#mainBlock .leftBar .productAttributes h2 .toggle:before {font-family:MCAS;content:'\f105';}
#mainBlock .leftBar .productAttributes h3 { font: 500 14px/14px 'Patua One', serif; color: #5e5e5e; text-transform: uppercase; margin: 5px 0;min-height:14px;position: relative; }
#mainBlock .leftBar .productAttributes .attribute-container {border-bottom: 1px dotted #ccc;padding:0 0 10px;margin:0 0 15px;}
#mainBlock .leftBar .productAttributes h3 .toggle {width:24px;height:24px;text-align:center;line-height:24px;position:absolute;right:0;top:-5px;transition:transform .3s ease-in;cursor:pointer;transform:rotate(90deg);}
#mainBlock .leftBar .productAttributes h3 .toggle:before {font-family:MCAS;content:'\f105';}
#mainBlock .leftBar .productAttributes .attribute-container.collapsed h3 .toggle {transform:rotate(0);}
#mainBlock .leftBar .productAttributes ul {list-style:none;padding:10px 0 0;margin:10px 0 0;max-height:3000px border-top: 1px dotted #ccc;overflow:scroll;overflow-x:hidden;}
#mainBlock .leftBar .productAttributes li { list-style: none; padding: 0; margin: 0;font-size:13px;font-weight:normal;line-height:14px;padding: 4px 5px; color: #ccc; }
#mainBlock .leftBar .productAttributes li.disabled {display:none;}
#mainBlock .leftBar .productAttributes li a { color: #454545; text-decoration: none; }
#mainBlock .leftBar .productAttributes li a:hover { color: #000; }
#mainBlock .leftBar .productAttributes li span {font-size:10px;line-height:12px;}
#mainBlock .leftBar .productAttributes li span:before { content: '('; }
#mainBlock .leftBar .productAttributes li span:after { content: ')'; }
#mainBlock .leftBar .productAttributes a.clearBtn {font-size:11px;font-weight:normal;line-height:11px;text-transform:uppercase;}
#mainBlock .leftBar .featuredProducts { border: 1px solid #2c2c2c; overflow: hidden; }
#mainBlock .leftBar .featuredProducts h3, .featuredProducts h3 { font: 500 18px/18px 'Patua One', serif; color: #fcf500; text-transform: uppercase; margin: 0 0 10px 0; background: #2c2c2c; padding: 5px 8px; }
#mainBlock .leftBar .featuredProducts h3 i, .featuredProducts h3 i { color: #fff; }
/* #mainBlock .leftBar .catListing, .catListing { display: block; float: none; width: 80%; margin: 0 auto 14px auto; text-align: center; box-shadow: none; } */
#mainBlock .leftBar .catListing, .featuredProducts .catListing { display: block; float: none; margin: 0 auto 14px auto; text-align: center; box-shadow: none; }
#mainBlock .leftBar .catListing .listImg img, .featuredProducts .catListing .listImg img { padding: 1%; box-shadow: 0 0 1px rgba(0,0,0,0.5); }
#mainBlock #categoryList { width: auto; height: auto; position: relative; }
#mainBlock #subCatList { width: auto; height: auto; position: relative; }
/* #mainBlock .catListing { display: block; float: left; width: 31%; margin: 0 1% 14px 1%; box-shadow: 0 0 1px rgba(0,0,0,0.5); text-align: center; min-height: 180px; position: relative; } */
#mainBlock .catListing { display: block; box-shadow: 0 0 1px rgba(0,0,0,0.5); text-align: center; margin-bottom: 40px min-height: 180px; position: relative; }
#mainBlock .catListing .listImg { display: block; position: relative; width: auto; height: auto; padding: 5px; position: relative; }
#mainBlock .catListing .listImg img { width: 100%; height: auto; }
#mainBlock .catListing .listTitle { display: block; color: #2c2c2c; font-size: 14px; margin-bottom: 5px; margin-top: auto; }
#mainBlock .catListing .listPrice { display: block; /*color: #797979;*/ color:#4e4d4d; margin-bottom: 5px; }
#mainBlock .catListing .listPrice.sale { color: #c00; }
#mainBlock .catListing .listPrice .rrp { font-size: 10px; text-decoration: line-through; color: #aaa; }
#mainBlock .catListing .listBtn:before {height:0;content:' ';border-style:solid;border-width:10px 10px 0 0;border-color:#fff transparent transparent transparent;position:absolute;left:0;top:0;z-index:1;}
#mainBlock .catListing .listBtn {
background-color: #fcf500;
display: block;
color: #5e5e5e;
font: 500 18px/26px 'Patua One',serif;
margin: 0 auto 10px auto;
position: relative;
text-transform: uppercase;
transition: all 0.4s ease;
width: 100px;
}
#mainBlock .catListing .listBtn:hover {background-color:#efefef;}
.product-list-item, .category-list-item {display:flex;flex-direction:column;}
.product-list-item {margin-bottom:2rem;}
#mainBlock .catListing {flex:1 1 auto;display:flex;flex-direction:column;padding:0 5px;}
#mainBlock .catListing .listPrice {margin-top:auto;}
/* Flags */
.ss-product .flag-sale,
.ss-product .flag-new,
.ss-product .flag-featured,
.ss-product-detail-image .flag {
background-color: #333;
bottom: auto;
box-shadow: -1px 1px 1px rgba(0,0,0,.2);
color: #fff;
font-size: 12px;
letter-spacing: 1px;
line-height: 14px;
padding: 10px;
position: absolute;
right: 0;
text-transform: uppercase;
top: 10px;
z-index: 999;
}
.ss-product .flag-new,
.ss-product-detail-image .flag-new {background-color:#f0b10a!important;color:#fff;}
.ss-product .flag-sale,
.ss-product-detail-image .flag-sale {background-color:#b41014!important;color:#fff;}
.ss-product .flag-featured,
.ss-product-detail-image .flag-featured {padding:15px;}
.ss-product .flag-featured i.fa-star,
.ss-product-detail-image .flag-featured i.fa-star {font-size:18px;}
/* Pricing */
.ss-product-price {
display: block;
float: none;
font-size: 26px;
line-height: 28px;
margin: 25px 0;
}
.rrp:before {content:'rrp:';}
.rrp {text-decoration:line-through;}
.rrp {
color: #767676;
color: rgba(0,0,0,.5);
font-size: 1rem;
margin-bottom: 0;
text-decoration: line-through;
}
.ss-product-status {margin-bottom:25px;}
/* View Product */
#product-view {padding-top:0;padding-bottom:0;}
#product-view .row {margin-top:0;margin-bottom:0;}
#product-view .ss-product-name {margin:0}
#product-view .ss-product-price {margin:10px 0;}
#product-view .ss-add-to-cart {border-bottom:1px solid #e6e6e6;padding:15px 0;}
#product-view .ss-marketing {border-bottom:1px solid #e6e6e6;border-top:1px solid #e6e6e6;margin-bottom:15px;}
#product-view .zipmoney-marketing,
#product-view .afterpay-marketing {margin:10px 0;}
#product-view .ss-qty {align-items:end;}
#product-view .ss-qty > .form-control {margin-top:auto;}
#product-view .ss-qty .button {margin-bottom:0;}
#product-view .ss-qty #qty_1 {max-width:120px;min-width:60px;}
#product-view .enquiryBtn a:visited {color:#000;}
#product-view .ss-shipping {padding:15px 0;}
#productDetails {overflow:hidden;margin:0 0 10px 0;}
#productImages {overflow:hidden;position:relative;}
#productInfo {padding:0 10px;}
@media(max-width:1024px) {
#productInfo {padding-right:0;}
}
@media(max-width:767px) {
#productInfo {padding-left:0;}
}
/* Product Variations */
.ss-variations .panel-title {padding:5px 0;}
.swatch {border:2px solid #ddd;display:block;margin:0 auto 2px auto;outline:none;transition:border-color .2s linear;width:100%;}
.swatch:hover {border:2px solid #333;}
.attr-description {margin-bottom:15px;}
.ss-variations ul {list-style:none;padding:0;margin:0 2px 20px 2px;}
.ss-variations ul li {display:inline-block;list-style:none;margin:0;padding:0;text-align: center; padding: 2px; font-size: 10px; line-height: 10px; }
.ss-variations ul li.out-of-stock {color:red;}
.ss-variations ul li span {display:block;line-height:1rem;padding:4px 2px;}
.ss-variations div.error {color:red;font-weight:bold;}
.ss-attr-colour li {margin:10px;position:relative;width:80px;vertical-align:top;}
.ss-attr-colour li label {}
.ss-attr-colour li img {margin:0;}
.ss-attr-colour li input[type="radio"] {position:absolute;top:10;visibility:hidden;}
.ss-attr-colour li.active .tooltip-arrow {border-top-color:#ffea01;}
.ss-attr-colour li.active .tooltip-inner {background-color:#ffea01;color:#030303;}
.ss-attr-size li label {background-color:#f4f4f4;border:1px solid #ccc;cursor:pointer;display:inline-block;min-width:30px;padding:10px;}
.ss-attr-size li.active label {background-color:#303030;border-color:#303030;color:#fff;}
.ss-attr-size li input[type="radio"] {cursor:pointer;}
.ss-attr-size li label span {font-size:16px;line-height:18px;}
.ss-options-radio ul {list-style:none;padding:0;}
.ss-options-radio li {border:1px solid #ccc;cursor:pointer;display:inline-block;}
.ss-options-radio li.active {border-color:#111;}
.ss-options-radio label {cursor:pointer;margin-bottom:0;}
.ss-attr-colour li {margin-bottom:20px!important;}
.ss-attr-colour li.active .swatch {border-color:#ffea01;}
.ss-attr-colour li .thumbnail {border:0;}
.ss-attr-size label {min-width:50px}
.ss-attr-size input[type="radio"] {
position: absolute;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
visibility:hidden;
}
#productDetails .productImgLrg {width:auto;height:auto;position:relative;padding:10px;color:#525252;position:relative;}
#productDetails .productImgLrg a { color: #525252; }
#productDetails .productImgLrg a.showImg i { position: absolute; bottom: 5px; right: 5px; font-size: 20px; line-height: 20px; }
#productDetails .productImgLrg a.showVideoLink { position: absolute; bottom: 5px; right: 35px; font-size: 14px; font-weight: 500;}
#productDetails .productImgLrg img { display: block; width: 100%; height: auto; }
#productDetails .productImgThumb { display: block; float: left; width: 31%; margin: 5px 1%; }
#productDetails .productImgThumb img { display: block; width: 98%; height: auto; border: 1px solid #e6e6e6; }
#productDetails #productInfoTabs { border-top: 1px solid #e6e6e6; }
#productDetails .productInfoContent h3 {font-size:14px;font-weight:normal;line-height:20px;color: #222222; text-transform: uppercase; padding: 5px 0; margin: 0; cursor: pointer; }
#productDetails .productInfoContent h3 span { float: right; font-size: 18px; line-height: 20px; text-align: center; background: #e6e6e6; border-radius: 10em; width: 20px; height: 20px; }
#productDetails .productInfoContent { border-bottom: 1px solid #e6e6e6; }
#productDetails .productInfoContent .showHide { display: none; }
#productDetails .productInfoContent .showHide.first { display: block; }
#productDetails .nav-categories {margin-top:20px;}
#productDetails .productFormActions { border-bottom: 1px solid #e6e6e6; padding: 0; margin: 0; font-size:14px;font-weight:normal;line-height:20px; color: #222222; }
#productDetails .productOptions {}
/* #productRelated { float: right; width: 23%; border: 1px solid #2c2c2c; margin: 0 0 10px 0; } */
#productRelated { border: 1px solid #2c2c2c; margin: 0 0 10px 0; }
/* #productRelated .catListing { display: block; float: none; width: 80%; margin: 0 auto 14px auto; text-align: center; box-shadow: none; } */
#productRelated .catListing { display: block; float: none; margin: 0 auto 14px auto; text-align: center; box-shadow: none; }
#productRelated .catListing .listImg img { padding: 1%; box-shadow: 0 0 1px rgba(0,0,0,0.5); }
#productRelated .catListing .listTitle { font-size: 13px; line-height: 15px; margin-bottom: 0; }
#productRelated .catListing .listPrice { font-size: 12px; line-height: 15px; margin-bottom: 0; }
#productRelated .catListing .listPrice .rrp { display: block; }
#productRelated h3,
#productNew h3 { font: 500 18px/18px 'Patua One', serif; color: #fcf500; text-transform: uppercase; margin: 0 0 10px 0; background: #2c2c2c; padding: 5px 8px; }
#productNew { clear: both; overflow: hidden; }
#productNew .catListing { display: block; float: left; width: 23%; margin: 0 1% 14px 1%; box-shadow: 0 0 1px rgba(0,0,0,0.5); text-align: center; }
#productNew .catListing .listPrice .rrp { display: block; }
.text-center .pagination {justify-content: center;}
.pagination li a.disabled, .pagination li a.disabled:hover {color:#e0e0e0;background-color:transparent;border-color:#e0e0e0;cursor:text;}
.pagination li a.active {color:#ffffff;background-color:#ff610b;border-color:#ff610b;}
.pagination li a:hover {border-color:#ff610b;}
#mainBlock .flag-sale-wrapper {
width: 88px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
right: -3px;
display: block;
z-index: 5; }
#mainBlock .flag-sale {
display: block;
font: bold 15px Sans-Serif;
color: #fff;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,0.5);
transform: rotate(45deg);
position: relative;
padding: 7px 0;
left: -5px;
top: 15px;
width: 120px;
background: #dc0000;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
#mainBlock .flag-new-wrapper {
width: 88px;
height: 88px;
overflow: hidden;
position: absolute;
top: -3px;
left: -3px;
display: block;
z-index: 5; }
#mainBlock .catListing .flag-new-wrapper {left:0;top:0;}
#mainBlock .flag-new {
display: block;
font: bold 15px Sans-Serif;
color: #fff;
text-align: center;
transform: rotate(315deg);
position: relative;
padding: 7px 0;
left: -30px;
bottom: -15px;
width: 120px;
background-color: #ffc600;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
#mainBlock .flag-featured-wrapper {
width: 68px;
height: 68px;
overflow: hidden;
position: absolute;
bottom: -3px;
left: -3px;
display: block;
z-index: 99;
}
#mainBlock .flag-featured {
display: block;
font: normal 10px Sans-Serif;
color: #fff;
text-align: center;
text-shadow: rgba(255,255,255,0.5) 0 1px 0;
transform: rotate(45deg);
position: relative;
padding: 5px 0;
left: -30px;
top: 35px;
width: 110px;
background-color: #55b500;
box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
#newsletterBlockWrap {background-color:#f1f1f1;color:#111111;margin-top:3rem;padding:30px;text-align:center;width:100%;}
#newsletterBlock {display:flex;max-width:1200px;margin:0 auto;text-align:left;}
#newsletterBlock .newsletter-desc {display:flex;width:80%;}
#newsletterBlock .newsletter-desc span {margin-bottom:18px;padding-right:15px;width:60%;}
#newsletterBlock h3 {font-size:2rem;margin:0 0 18px;text-transform:uppercase;width:25%;}
#newsletterBlock h3:after {border:1px solid #999;height:80px;width:1px;}
#newsletterBlock .social-links {text-align:center;width:20%;}
.social-links a {
background-color: #2c2c2c;
border-radius: 50%;
color: #fff;
display: inline-block;
font-size: 1.5rem;
height: 45px;
list-style: none;
margin: 0 .3rem;
padding: 8px;
width: 45px;
}
.social-links a.facebook:hover {background-color:#3b5998;}
.social-links a.instagram:hover {background-color:#833ab4;}
.social-links a.pinterest:hover {background-color:#bd081c;}
.social-links a.youtube:hover {background-color:#ff0000;}
.social-links a.twitter:hover {background-color:#1da1f2;}
.social-links a.snapchat:hover {background-color:#fffc00;}
#footerBlock {background:#111 url(bg_body_dirt.jpg) center bottom no-repeat;width:100%;margin:0;padding:0;height:auto;position:relative;z-index:30px;}
#footerBar {max-width:1200px;margin:0 auto;padding:25px;position:relative;overflow:hidden;font:normal 12px/1.2em 'Maven Pro',Arial,Helvetica,sans-serif;color:#fff;}
#footerBar h3 {color:#fcf500;text-transform:uppercase;font:normal 18px/1.5em 'Patua One',serif;margin:1rem 0 .5rem 0;}
#footerBar h6:before {height:0;content:' ';border-style:solid;border-width:10px 10px 0 0;border-color:#111 transparent transparent transparent;position:absolute;left:-1px;top:-1px;z-index:1;}
#footerBar h6 {background-color:#fcf500;color:#2c2c2c;font-size:.7rem;margin:1rem 0 .2rem;padding:.2rem .5rem;position:relative;}
#footerBar a {color:#fff;}
#footerBar a:hover {color:#fcf500;}
#footerBar ul {list-style:none;padding:0;margin:0;font-size:0;line-height:0;}
#footerBar .footerLinks {width:50%;float:left;}
#footerBar .footerLinks > div {float:left;width:50%;}
#footerBar .footerLinks > div ul {width:100%;}
#footerBar ul {display:inline-block;width:40%;margin:0 5% 0 0;}
#footerBar ul li {font:normal 14px/30px 'Open Sans',Arial,Helvetica,sans-serif;text-transform:uppercase;}
#footerBar li.facebook i,
#footerBar li.facebook a:hover {color:#3b5998;}
#footerBar li.instagram i,
#footerBar li.instagram a:hover {color:#833ab4;}
#footerBar li.pinterest i,
#footerBar li.pinterest a:hover {color:#bd081c;}
#footerBar li.youtube i,
#footerBar li.youtube a:hover {color:#ff0000;}
#footerBar li.twitter i,
#footerBar li.twitter a:hover {color:#1da1f2;}
#footerBar li.snapchat i,
#footerBar li.snapchat a:hover {color:#fffc00;}
#footerBar .footerSocial li i {color:#fcf500;font-size:20px;margin-right:.4rem;width:20px;}
#footerBar .footerStoreLocations {display:flex;flex-wrap:wrap;width:50%;}
#footerBar .footerStoreLocations > div {width:33.33%;padding-right:15px;}
#footerBar .footerStoreLocations > div:first-of-type {padding-right:15px;}
#footerBar .footerStoreLocations h3 {width:100%;}
#footerBar .footerStoreLocations h3 i {color:#fcf500;}
#footerBar .footerStoreLocations ul {width:100%;}
#footerBar .socialIcons .fa {margin-right:5px;}
.footerText {max-width:1200px;color:#919191;clear:both;margin:0 auto;padding:2rem 0;font-size:12px;}
.footerText a {color:#ccc;}
.footerText a:hover {color:#fcf500;}
#footerBar .fa-rss {color:#fcf500;}
.fancybox-inner {overflow:auto !important;}
/* CONTENT */
#mainBlock .mainBar h1 {margin-bottom:15px;}
/* CONTENT - HOME */
.h-callouts {border-top:1px solid #eaeaea;display:flex;flex-wrap:wrap;}
.h-sitemap {font-size:.8rem;}
.h-sitemap a {color:#000;}
/* // BLOG / SHOPPING CART / CHECKOUT / MEMBER-REGISTRATION / SCROLL-TOP // */
h3.sidebar-category {margin:0;}
.sidebar.collapsed .sidebar-category {background:url('data:image/svg+xml;utf8,') center right no-repeat}
.blog-search form {display:flex;flex-direction:row;flex-wrap:nowrap;}
.blog-search .form-control {flex:1 1 auto;margin:0 5px 0 0;}
.blog-search .form-control input {margin:0;}
.blog-search .button-primary {flex:1 1 0%;margin:0;}
.blog-panel.panel {border: 0;box-shadow:0 1px 1px rgba(0,0,0,.25);margin:0 0 30px;}
.blog-panel.panel img {display:block;max-width:100%;height:auto;margin:0 auto 0 0;}
.ss-social-icons {display:flex;flex-direction:row;margin:0 0 30px;}
.ss-social-icons-btn {display:flex;flex-direction:column;justify-content:center;margin:0 10px 10px 0;}
.fb_iframe_widget > span {vertical-align:sub !important;}
.blog-image img {}
.article-view #comments input.c_input {width:100%;}
.blog-content img {display:inline-block;max-width:100%;height:auto;}
#ss-subcategory-list ul {text-align:center;}
#ss-subcategory-list ul li a:hover {text-decoration:none;}
#ss-mode-grid ul.ss-category {text-align:center;}
.shopping-cart {position:relative;padding:10px;}
ul.shopping-cart-list thead {position:sticky;top:0;z-index:100;}
ul.shopping-cart-list,
ul.shopping-cart-list ul {list-style:none;padding:0;margin:0;}
ul.shopping-cart-list li {display:block;margin:0;padding:10px 10px;border-bottom:1px solid #e4e1dd;position:relative;overflow:hidden;}
ul.shopping-cart-list li li {border:none;font:normal 11px/1.1em sans-serif;}
ul.shopping-cart-list li.thead {background:#e0e0e0;display:flex;justify-content:space-between;font:normal 10px/10px sans-serif;color:#787878;margin-bottom:15px;}
ul.shopping-cart-list li.tbody {display:flex;justify-content:space-between;margin-bottom:15px;}
ul.shopping-cart-list li.sc-subtotal,
ul.shopping-cart-list li.sc-total {border:none;text-align:right;padding:0 10px;}
ul.shopping-cart-list li.sc-subtotal:first-child .sc-subtotal-total {border-top:0;}
ul.shopping-cart-list > li:last-child {border-bottom:0;}
.sc-buttons {border:none;padding:25px 25px 25px 0;}
ul.shopping-cart-list .sc-large-button { border: none; text-align: right; }
ul.ss-cart-product-options { float: left; }
ul.ss-cart-product-options li {padding:2px;}
span.sc-list-items {display:inline-block;vertical-align:top;width:45%;}
span.sc-list-image {display:inline-block;margin-right:10px;vertical-align:top;width:10%;}
span.sc-list-image a {padding:2px;width:100%;}
span.sc-list-image img {display:block;width:100%;}
span.sc-list-items .ss-cart-code {font:normal 10px/1.1em sans-serif;color:#787878; }
span.sc-list-price {display:inline-block;vertical-align:top;width:15%;}
span.sc-list-qty {display:inline-block;min-width:40px;text-align:center;vertical-align:top;width:10%;}
span.sc-list-qty input {max-width:100px;}
span.sc-list-total {display:inline-block;vertical-align:top;width:15%;text-align:right;}
span.sc-list-total a.removeBtn {font-size:18px;color:#787878;}
span.sc-list-total a.removeBtn:hover { text-decoration: none; color: #c8160f; }
span.sc-subtotal-total {display:inline-block;vertical-align:top;width:55%;border-top:1px solid #e4e1dd;padding:10px 0;text-align:right!important;}
span.sc-total-total {display:inline-block;vertical-align:top;width:55%;border-top:1px solid #e4e1dd;padding:10px 0;text-align:right;color:#000000;}
span.sc-subtotal-total-value {display:inline-block;vertical-align:top;width:40%;text-align:right!important;}
span.sc-total-total-value {display:inline-block;vertical-align:top;width:40%;text-align:right!important;}
span.sc-list-remove {text-align:right;width:10%;}
.shopping-cart .button.medium,
.shopping-cart-list .button.medium,
.shopping-cart .button.large,
.shopping-cart-list .button.large {
border: none;
border-radius: 4px;
color: #ffffff !important;
text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
box-shadow: none;
cursor: pointer;
background: #2c2c2c;
font: bold 12px/12px sans-serif; }
.shopping-cart .button.medium:hover,
.shopping-cart-list .button.medium:hover {
background: #2c2c2c;
color: #ffffff !important;
text-shadow: none;
box-shadow: none; }
.shopping-cart .button.large,
.shopping-cart-list .button.large { background: #2c2c2c; font: bold 16px/20px sans-serif; }
.shopping-cart .button.large:hover,
.shopping-cart-list .button.large:hover {
background: #2c2c2c;
color: #ffffff !important;
text-shadow: none;
box-shadow: none; }
.shopping-cart .group { padding: 10px 0; }
.shopping-cart .group h3 { border-bottom: 1px solid #e4e1dd; padding: 5px 5px; }
.shopping-cart .group label { float: left; min-width: 150px; clear: both; }
.shopping-cart .group input,
.shopping-cart .group select,
.shopping-cart .group textarea { float: left; }
.shopping-cart .group input,
.shopping-cart .group select { width: 50%; }
.shopping-cart .group input[type='checkbox'],
.shopping-cart .group input[type='radio'] { width: auto; }
.shopping-cart .group.checkout-methods select { width: auto; }
.shopping-cart .group .ss-subscriber-list { float: left; }
.shopping-cart .group.checkout-discount input { width: 140px; font-weight: bold; border-width: 2px; }
.shopping-cart .group.checkout-customfield1 input { width: 140px; }
.shopping-cart .group.checkout-billing { float: left; width: 45%; border: none; }
.shopping-cart .group.checkout-shipping { float: right; width: 45%; border: none; }
.shopping-cart .group.checkout-billing ul,
.shopping-cart .group.checkout-shipping ul { list-style: none; padding: 0; margin: 0 0 0 10px; }
.cartRelatedItems h3 { border-bottom: 1px solid #e4e1dd; padding: 0 5px 5px 5px; }
.cartRelatedItems .relatedItem { padding: 10px; float: left; width: 160px; min-height: 190px; text-align: center; }
.cartRelatedItems .relatedItem hr { clear: both; }
.cartRelatedItems .relatedImg { float: none; display: block; width: 65px; margin: 0 auto; }
.cartRelatedItems .relatedName { display: block; font: normal 14px/1.1em sans-serif; margin-bottom: 5px; }
.cartRelatedItems .relatedPrice { display: block; color: #999999; }
.cartRelatedItems .relatedPrice strong { font: normal 18px/1.1em sans-serif; color: #000000; }
/* Share Button - View article */
.share-container:after{clear:both}
.clearfix:after,.clearfix:before,.share-container:after,.share-container:before{content:' ';display:table}.main-container{padding:1% 6%}.main-container h1{-webkit-transition:all .2s ease;transition:all .2s ease;color:#444;letter-spacing:-.03em;margin:20px 0 10px}@media screen and (min-width:1024px){.main-container h1{font-size:40px}}.main-container h2{color:#444}.main-container p{font-size:16px;line-height:1.4em}@media screen and (min-width:1024px){.main-container p{font-size:20px}}.main-container .rrssb-preview{-webkit-transition:all .2s ease;transition:all .2s ease;float:right;height:auto;margin:0 0 1% 1%;width:40%}@media screen and (max-width:400px){.main-container .rrssb-preview{width:60%}}.main-container small{color:#999;display:block;font-size:12px;margin:40px 0}.share-container{padding:0 0 25px;position:relative}@media screen and (max-width:320px){.share-container{padding:0 0 12px}}.share-container .label{color:#777;display:block;float:left;font-size:14px;padding:10px 0 0;width:115px}@media screen and (max-width:400px){.share-container .label{display:none}}
.share-button {margin:0 auto;}
.share-button.sharer-0 label {
background: #363636!important;
border-radius: 5px;
color: #fff!important;
cursor: pointer;
font-size: 16px;
line-height: 1.8rem;
margin: 0 0 -20px;
padding: 5px 10px;
transition: all 0.3s ease 0s;
}
.share-button.center-block.sharer-0 {height:auto;position:relative;}
.share-button.center-block.sharer-0 .social.networks-5.center {margin-left:auto;transform:translateX(-50%);position:absolute;top:100%;left:50%;margin-top:30px;}
.share-button.center-block.sharer-0 .social ul li {height:auto;}
#blogBlockMain {
float: left;
width: 68%;
position: relative;
background: #ffffff;
padding: 20px 0 10px 0; }
#blogBlockMain .blogList {
width: auto;
margin: 0 0 2em 0;
}
#blogBlockMain .blogList img { width: 98%; height: auto; }
#blogBlockMain h1.blogTitle {
padding: 0 0;
background: none;
margin-bottom: .8em;
text-transform: none;
color: #000000; }
#blogBlockMain .blogAuthor { font: normal 11px/1.4em Helvetica, Arial, sans-serif; text-transform: uppercase; margin: 0; color: #777777; padding: 0; }
#blogBlockMain .blogImage { padding: 1.5em 0; }
#blogBlockMain .blogArticle .blogImage img { width: 100% !important; }
#blogBlockMain .blogContent { padding: 0 0 1em 0; }
#blogBlockMain .blogContent ul { list-style: disc; margin: 0 0 .8em 1.5em; }
#blogBlockMain .socialBar { padding: 0 0 2em 0; }
#blogBlockMain .blogArticle .socialBar { padding: 2em 0 1em 0; }
#blogBlockMain .blogAboutAuthor {
padding: 2em;
background: #f2f2f2;
border: 1px solid #dddddd;
position: relative;
border-radius: 8px;
}
#blogBlockMain .blogAboutAuthorArrow {
width: 12px;
height: 10px;
font-size: 0;
line-height: 0;
position: absolute;
top: -10px;
left: 100px; }
#blogBlockMain .blogAboutAuthor img { float: left; margin: 0 10px 0 0; }
#blogBlockSide {
float: right;
width: 28%;
position: relative;
background: #ffffff;
padding: 20px 0 10px 0; }
#blogBlockSide form#blogSearch {
width: 230px;
padding: 6px 9px;
margin: 0 auto;
border: 1px solid #cccccc;
border-radius: 8px;
}
#blogBlockSide form#blogSearch input.inputBox {
border: none;
margin: 0;
padding: 0;
background: none;
height: 24px;
width: 200px;
line-height: 24px;
display: block;
float: left;
color: #898989;
box-shadow: none; }
#blogBlockSide form#blogSearch input.buTTon {
background: #ffffff;
color: #000000;
font-size: 12px;
font-weight: bold;
line-height: 24px;
height: 24px;
width: 30px;
border: none;
padding: 0;
margin: 0;
display: block;
float: left;
cursor: pointer; }
#blogBlockSide .blogCategories {
width: 250px;
margin: 20px auto 0 auto;
border: 1px solid #f0f0f0;
background: #fafafa; }
#blogBlockSide .blogCategories ul {
list-style: none;
padding: 0;
margin: 0; }
#blogBlockSide .blogCategories li {
color: #808080;
display: block;
padding: 7px 0 7px 10px; }
#blogBlockSide .blogCategories li a {
text-decoration: none;
font: normal 14px Helvetica, Arial, sans-serif;
color: #000000; }
#blogBlockSide .blogCategories li a:hover { }
#blogBlockSide .blogNewsletter {
background: #f1efee;
width: 210px;
padding: 20px;
margin: 20px auto 0 auto;
border-radius: 10px;
font: normal 12px/1.6em Helvetica, Arial, sans-serif;
color: #000000;
text-align: center; }
#blogBlockSide .blogNewsletter form { padding: 0; margin: 0; }
#blogBlockSide .blogNewsletter input.inputBox {
display: block;
float: left;
width: 155px;
height: 28px;
font: italic normal 12px/28px Helvetica, Arial, sans-serif;
color: #555555;
border: 1px solid #b9b1a9;
margin: 0;
padding: 0 5px;
background: #ffffff;
position: relative; }
#blogBlockSide .blogNewsletter input.buTTon {
display: block;
float: left;
width: 40px;
height: 30px;
border: none;
margin: 0;
padding: 0;
background: #b9b1a9;
text-indent: -99em;
cursor: pointer;
position: relative; }
#blogBlockSide .blogNewsletter input.buTTon:hover { background: #000000; }
#blogBlockSide .blogRecent {
width: 250px;
margin: 30px auto 0 auto; }
#blogBlockSide .blogRecent p { padding: 5px 10px; margin: 0; }
#blogBlockSide .blogRecent p:nth-child(odd) { background: #fafafa; }
#blogBlockSide .blogRecent h3 { font: normal 18px/1.6em Helvetica, Arial, sans-serif; margin-bottom: 0.3em; }
#blogBlockMain #comments {margin: 30px 0 0 0; }
#blogBlockMain #post_comment_enabled { border-top: 1px solid #cccccc; padding-top: 10px; }
#blogBlockMain #comments input.c_input { height: 26px; line-height: 26px; border: 1px solid #cccccc; }
#blogBlockMain #comments textarea.textarea { border: 1px solid #cccccc; }
#blogBlockMain #comments input.button {
width: 160px;
height: 33px;
padding: 0 0 0 0;
margin: 10px 0 0 0;
display: block;
font: bold 12px/33px Helvetica, Arial, sans-serif;
text-decoration: none;
text-align: center;
color: #ffffff;
text-shadow: -1px -1px rgba(150, 150, 150, 0.6);
position: relative;
z-index: 100;
border: none; }
#blogBlockMain #comments input.button:hover { color: #dfdfdf; }
#blogBlockMain .paging_controls {
text-align: center;
font: normal 12px/20px Helvetica, Arial, sans-serif; }
#blogBlockMain .paging_controls span.pagelink-current { padding: 0 5px; font-weight: bold; }
#blogBlockMain .paging_controls span.pagelink a { padding: 0 5px; }
#blogBlockMain .socialBar { height: 21px; overflow: hidden; }
#blogBlockMain .ss-social-icons-btn { float: left; width: auto; }
#blogBlockMain .ss-social-icons-btn.pinit { padding: 0 2px; }
#blogBlockMain iframe.twitter-share-button { width: 85px !important; display: inline-block; }
#blogBlockMain #fb_iframe_widget { width: 95px !important; }
#blogBlockMain .fb_iframe_widget span { vertical-align: top !important; }
/************************************************************************************
FORMS
*************************************************************************************/
/* Product - Make enquiry */
#productEnquiry form {display:block;padding:0;margin:0;}
#productEnquiry input.inputBox,
#productEnquiry textarea.textArea {display:block;padding:5px 5px;margin:1px 0;box-sizing:border-box;width:90%;font-family:'Maven Pro',Arial,Helvetica,sans-serif; }
#productEnquiry textarea.textArea {height:100px;}
#productEnquiries {display:none;}
/* Search - Main Results */
.ss-search-description {border-bottom:1px solid #ededed;min-height:100px;}
/************************************************************************************
LOGIN
*************************************************************************************/
#ss-login legend {
background-color: #f1f1f1;
display: block;
font-size: 22px;
padding: .5em 1em;
text-align: center;
}
#ss-login form,
#ss-login fieldset {min-height:350px;}
#ss-login fieldset {border-color:#EFEFEF;}
/* Checkout - Login */
.checkout-guest .panel,
.checkout-login .panel {border:1px solid #ccc;border:1px solid rgb(234,232,230);min-height:300px;padding:25px;}
.checkout-guest .panel,
.checkout-login .panel {height:100%;}
@media only screen and (max-width:768px) {
.checkout-guest .panel {height:auto;min-height:auto;}
}
.checkout-guest h3,
.checkout-login h3 {font-size:1.5rem;line-height:1.8rem;}
/************************************************************************************
E-COMMERCE - Sorting Tools & Attributes
*************************************************************************************/
/* Tools - (Sort By / Items / View Mode) */
#ss-tools {
border: 1px solid rgba(0,0,0,.08);
color: #191919;
font: normal .8rem/1rem sans-serif;
margin: 0 5px;
padding: 8px 10px;
}
#ss-tools .row {margin:0;}
#ss-tools .col {display:flex;flex-direction:row;align-content:center;}
#ss-tools ul {
display: block;
margin: auto 0;
padding: 0;
}
#ss-tools li {
color: #999;
color: rgba(0,0,0,.5);
display: inline-block;
list-style: none;
line-height: 18px;
margin-bottom: 0;
padding: 0;
}
#ss-tools a {padding:2px 5px;}
#ss-tools a:hover {color:#999;color:rgba(0,0,0,0.5);}
#ss-tools li.current a {
background: rgba(0,0,0,.05);
color: #000;
cursor: default;
font-weight: bold;
padding: 2px 4px;
text-decoration: none;
text-shadow: none;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
#ss-tools ul#ss-view-mode {margin-right:0;}
#ss-tools #sortBy {font-size:.8rem;margin-bottom:0;padding-bottom:4px;padding-right:4px;padding-top:4px;}
#ss-sort-by {display:flex;flex-direction:row;flex-wrap:nowrap;margin:0;flex:0 0 100%;}
#ss-sort-by label {flex:0 0 auto;margin:auto 10px auto 0;}
#ss-sort-by select {flex:1 1 auto;margin:auto 0;}
#ss-sort-by i {flex:0 0 auto;margin:auto 0;}
/************************************************************************************
CART & CHECKOUT
*************************************************************************************/
/* Mini-Cart */
/*#minicart {
display: flex;
height: 100%;
margin-left: auto;
margin-top: 25px;
max-width: 280px;
min-height: 80px;
min-width: 188px;
padding: 28px 15px 18px 15px;
position: absolute;
right: 0;
top: 0;
width: 60%;
}
#minicart a.mc-cart {color:#fff;display:flex;outline:none;text-decoration:none;width:100%;}
#minicart .mc-icon {margin-right:12%;max-width:60px;min-width:40px;position:relative;width:30%;}
#minicart .mc-icon img {margin-top:3px;}
#minicart .mc-icon .cartTotalItems {position:absolute;right:-8px;top:-10px;}
#minicart .mc-icon.empty .cartTotalItems {display:none;}
#minicart .mc-cost {color:#fff;flex-grow:1;font-size:18px;width:auto;}
#minicart .cartTotalItems {background-color:#fff;border-radius:50%;color:#f47822;height:30px;line-height:30px;width:30px;}
#minicart .cartTotalItemsText {color:#b9bcc2;display:block;font-size:13px;}*/
/* Minicart - MOBILE */
.cartTotalItems {background-color:#ff610b;border-radius:50%;color:#fff;display:inline;font-size:11px;font-weight:700;height:20px;line-height:20px;position:absolute;right:3px;top:3px;width:20px}
.cartTotalItems.empty {display:none;}
.meta-tools .cartTotalItems {right:6px;top:6px;}
/* Defaults */
.ss-cart-code {color:#999;}
.char-limit {color:#999;font-size:.8rem;position:absolute;right:0;top:0;}
#frm-checkout legend {display:inline;padding:0 15px;}
#frm-checkout legend h3 {margin-top:1rem;}
#frm-checkout legend
/* Checkout - Steps Wizard */
.ss-checkout-progress {margin:40px 0;text-align:center;}
.ss-checkout-progress ul:before {content:" ";border-top:3px solid #e0e0e0;display:block;line-height:1px;margin-top:24px;margin-bottom:21px;margin-left:-4%;margin-right:auto;position:absolute;top:-5px;width:100%;}
.ss-checkout-progress ul {display:block;font-size:0;padding:0;margin:44px 0 22px 0;padding:0 4%;position:relative;}
.ss-checkout-progress * {-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.ss-checkout-progress li {*display:inline;display:inline-block;font-size:14px;list-style:none;margin-left:4%;position:relative;text-align:center;vertical-align:top;width:20%;}
.ss-checkout-progress li:first-child {margin-left:0;}
.ss-checkout-progress li span.cp-disc {
background: #fff;
border: 2px solid #fff;
border-radius: 50%;
color: #787878;
display: block;
font-family: 'Patua One',serif;
font-size: 20px;
height: 42px;
line-height: 18px;
margin: 0 auto 5px auto;
padding: 10px;
text-align: center;
width: 42px;
}
.ss-checkout-progress li.active span.cp-disc {background:#fcf500;border-color:#fcf500;color:#2c2c2c;font-weight:bold;}
.ss-checkout-progress li span [class^="fa-"] {width:auto;}
.ss-checkout-progress li span.cp-title {color:#2c2c2c;display:block;font-family:'arvo',verdana,serif;}
.ss-checkout-progress li.active span.cp-title {color:#2c2c2c;}
.ss-checkout-progress li.completed span.cp-disc {background:#fcf500;border-color:#fcf500;color:#2c2c2c;}
.ss-checkout-progress li.completed span.cp-disc [class^="fa-"] {color:#fff;}
.checkout-proceed .button {margin-top:20px;}
/* Checkout */
#ss-shopping-cart > .row {margin:0;}
/* Checkout - Cart Table */
#ss-table-shopping-cart {margin-bottom:40px;}
#ss-table-shopping-cart th {font-weight:normal;text-transform:uppercase;}
#ss-table-shopping-cart .ss-product-name {display:inline;font-size:16px;line-height:18px;}
#ss-table-shopping-cart-totals .cart-grand-total-label,
#ss-table-shopping-cart-totals .cart-grand-total {color:#303030;font-size:20px;line-height:24px;}
#ss-table-shopping-cart .ss-cart-product-options {list-style:none;padding:0;}
/* Checkout - Right Sidebar */
.ss-checkout-cart {font-size:14px;position:sticky;top:60px;}
.ss-checkout-cart .panel {margin-top:10px;max-height:400px;overflow:auto;}
.ss-checkout-cart h3 {margin:0!important;}
.ss-checkout-cart .button {margin-bottom:0;}
.ss-checkout-cart .shopping-cart-list li.thead,
.ss-checkout-cart .shopping-cart-list li.tbody {display:flex;justify-content:space-between;}
.ss-checkout-cart .shopping-cart-list li.thead span {width:50%;}
.ss-checkout-cart .shopping-cart-list li.tbody span {width:33%;}
.ss-checkout-cart .shopping-cart-list li.tbody span.sc-list-image {margin-right:5%;width:10%;}
.ss-checkout-cart .shopping-cart-list li.tbody span.sc-list-items {flex-grow:1;}
.info-secure {font-size:13px;padding:15px 0px 15px 15px;}
.info-secure img {display:inline-block;margin:4px 7px;}
/* Checkout - Payment Method */
#ss-checkout-payments fieldset {margin:0;}
#ss-checkout-payments label {align-items:center;border-bottom:1px solid #f3f3f4;cursor:pointer;display:flex;font-size:1.1rem;line-height:1.2px;padding:20px 10px;}
#ss-checkout-payments label:last-of-type {border:0;}
#ss-checkout-payments label.disabled {opacity:.5}
#ss-checkout-payments input[type="radio"] {margin-right:15px;}
#ss-checkout-payments img {margin-right:10px;}
/* Checkout - Shipping Method */
#ss-checkout-shipping-methods .col-xs-12 {position:relative;}
/* Checkout - Discount Codes */
#ss-checkout-subscribe .ss-subscriber-list {list-style:none;padding:0;}
/* Checkout - Pickup in-store */
#ss-checkout-pickup {margin-bottom:20px;}
/* Payment Complete - Results */
#ss-table-payment-results {margin-bottom:40px;}
/************************************************************************************
MODULE - MY ACCOUNT
*************************************************************************************/
.avatar {display:block;margin:1rem;text-align:center;}
.avatar-thumbnail {border:8px solid #fff;border-radius:50%;box-shadow:0 2px 3px rgba(0,0,0,.2);margin:1rem;}
/* Dashboard Overview */
#user-orders {padding-bottom:20px;}
.ss-data-table {width:100%;font-weight:400;margin-top:30px;}
.ss-data-table thead {border-bottom:3px solid #111111;font-size:11px;line-height:16px;}
.ss-data-table thead th, .ss-data-table thead td {padding:10px;font-weight:700;text-transform:uppercase;color:#111111;}
.ss-data-table tbody {font-size:14px;line-height:26px;}
.ss-data-table tbody tr {border-bottom:1px solid #f0f0f0;}
.ss-data-table tbody th, .ss-data-table tbody td {padding:15px 10px;}
.ss-data-table tbody td[data-title="id"] {color:#1a1a1a;}
.ss-data-table tbody td[data-title="date"] {color:#899397;}
.ss-data-table tbody td[data-title="product"] {color:#363636;}
.ss-data-table tbody td[data-title="status"] {text-align:center;}
.ss-data-table tbody td[data-title="status"] span {display:inline-block;padding:3px 10px;font-size:11px;line-height:15px;min-width:74px;border-radius:4px;text-align:center;text-transform:uppercase;}
.ss-data-table tbody td[data-title="status"][data-status="Received"] span {background-color:#111;}
.ss-data-table tbody td[data-title="status"][data-status="Shipped"] span {background-color:#4caf50;}
.ss-data-table tbody td[data-title="total"] {font-size:18px;line-height:26px;font-weight:700;color:#1a1a1a;}
.ss-data-table tbody td[data-title="invoice"] {padding-top:10px;padding-bottom:10px;}
.ss-data-table tbody td[data-title="invoice"] a.small {background-color:#29b2b0;text-transform:uppercase;letter-spacing:1px;border-radius:4px;color:#ffffff;display:inline-block;font-weight:600;font-size:13px;line-height:17px;padding:10px 25px;text-decoration:none;}
.ss-data-table tbody td[data-title="invoice"] a.small:before {font-family:'FontAwesome';content:'\f298';display:inline-block;margin-right:7px;font-weight:400;}
@media(max-width:991px) {
#table-recent-orders, .ss-data-table tbody, .ss-data-table tr, .ss-data-table th, .ss-data-table td {display:block;width:100%;text-align:left;}
.ss-data-table thead {display:none;}
.ss-data-table tbody td[data-title] {padding-left:100px;position:relative;min-height:56px;}
.ss-data-table tbody td[data-title]:before {padding:5px 10px;font-weight:700;text-transform:uppercase;color:#111111;width:80px;position:absolute;left:0;font-size:11px;line-height:16px;}
.ss-data-table tbody tr {margin-bottom:15px;padding-bottom:15px;}
.ss-data-table tbody td[data-title="id"] {}
.ss-data-table tbody td[data-title="id"]:before {content:'Invoice:';}
.ss-data-table tbody td[data-title="date"] {}
.ss-data-table tbody td[data-title="date"]:before {content:attr(data-title) ':';}
.ss-data-table tbody td[data-title="product"] {}
.ss-data-table tbody td[data-title="product"]:before {content:attr(data-title) ':';}
.ss-data-table tbody td[data-title="status"] {text-align:left;}
.ss-data-table tbody td[data-title="status"]:before {content:attr(data-title) ':';}
.ss-data-table tbody td[data-title="total"] {}
.ss-data-table tbody td[data-title="total"]:before {content:attr(data-title) ':';}
.ss-data-table tbody td[data-title="invoice"] {}
.ss-data-table tbody td[data-title="invoice"]:before {}
}
/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
@media handheld, only screen and (max-width:1024px) {
#newsletterBlock {flex-wrap:wrap;}
/* #navBlock .navWrap::before {
background: linear-gradient(to right,rgba(35,35,35,0) 0,#232323 100%);
bottom: 0;
content: '';
pointer-events: none;
position: absolute;
right: 0;
top: 0;
width: 64px;
z-index: 10;
}
}*/
@media handheld, only screen and (max-width:840px) {
.mainBar img {max-width:100%;height:auto;}
.shopping-cart .group.checkout-billing {float:none;width:auto;}
.shopping-cart .group.checkout-shipping {float:none;width:auto;}
#blogBlockMain {
width: 60%;
padding: 10px 0 0 0; }
#blogBlockSide {
width: 38%; }
}
@media handheld, only screen and (max-width:700px) {
span.sc-subtotal-total {width:100%;padding:5px 0;}
span.sc-total-total {width:100%;padding:5px 0;}
span.sc-subtotal-total-value {width:120px;text-align:center;padding:0 5px;}
span.sc-total-total-value {width:120px;text-align:center;padding:0 5px;}
#blogBlockMain {
width: auto;
float: none;
margin: 0 auto; }
#blogBlockMain img { width: 98%; height: auto; }
#blogBlockSide {
width: auto;
float: none;
margin: 10px 10px 0 10px;
}
#newsletterBlock .newsletter-desc {width:100%;}
#newsletterBlock .social-links {display:none;}
}
@media handheld, only screen and (max-width:600px) {
.mainBar img {width:100%;max-width:100%;height:auto;}
#mainBlock #brandsBar img {width:auto;max-width:100%;height:auto;}
#ss-shopping-cart .panel {background:none;box-shadow:0;}
#ss-shopping-cart .tbody {flex-direction:column;}
#ss-shopping-cart .tbody {background-color:#fff;border-radius:5px;box-shadow:0 1px 1px rgba(0,0,0,0.05);}
#ss-shopping-cart span.sc-list-image {margin-right:0;}
.shopping-cart {position:relative;padding:0;}
ul.shopping-cart-list li {display:block;margin:0;padding:10px 10px;}
ul.ss-cart-product-options {float:none;}
ul.ss-cart-product-options li {padding:2px;}
ul.shopping-cart-list li.thead {display:none;}
span.sc-list-image {width:100%;}
span.sc-list-image .img-thumbnail {border:0;}
span.sc-list-items {display:block;width:auto;}
span.sc-list-items a img {display:none;}
span.sc-list-price {display:none;}
span.sc-list-qty {width:auto;}
span.sc-list-total {width:auto;text-align:right;}
span.sc-list-remove {/*position:absolute;right:45px;bottom:45px;*/}
.sc-buttons {padding:0;text-align:center;}
ul.shopping-cart-list .sc-large-button {padding:15px 0 0 0;text-align:center;}
ul.shopping-cart-list .sc-large-button .button {margin-bottom:0;width:100%;}
.shopping-cart .group label {float:left;min-width:110px;clear:both;}
.cartRelatedItems h3 {font-size:14px;}
.cartRelatedItems .relatedItem {padding:10px;float:left;width:200px;min-height:80px;text-align:center;}
.cartRelatedItems .relatedImg {display:none;}
}
}
table.tableOptions td {display:block;text-align:left;width:auto !important;}
p.savePrefs {padding:0;}
}
@media handheld, only screen and (max-width:500px) {
span.sc-list-image a {width:100%;}
.shopping-cart .group input,
.shopping-cart .group select,
.shopping-cart .group textarea { width: 90%; }
.shopping-cart .group input[type='checkbox'],
.shopping-cart .group input[type='radio'] { width: auto; }
.cartRelatedItems .relatedItem { float: none; width: 200px; min-height: 0; margin: 0 auto; }
}
@media handheld, only screen and (max-width: 520px) {
#ss-product-images { float: none !important; margin: 0 auto 40px auto !important; }
#ss-product-images img { max-width: 100% !important; width: auto !important; height: auto !important; }
#ss-product-description { padding: 0 !important; }
}
@media handheld, only screen and (max-width: 360px) {
#ss-product-images { width: 100% !important; }
}
@media screen and (max-width:1024px) {
#mainBlock #bannerBgLeft,#mainBlock #bannerBgRight{display:none}
#mainBlock .lightGreyBar{background:#f5f5f5}
}
@media screen and (max-width:980px) {
.mainMenu{width:auto}
#headerBar{padding:20px 10px 0}
#mainBlock .homePromoBoxes{width:auto;padding:0 10px}
#mainBlock .contentBar{width:auto;padding:20px 10px}
#footerBar{width:auto;padding:25px}
#footerBar .footerLinks {width:100%;}
#footerBar .footerStoreLocations{padding:15px 0 0;width:100%;}
.footerText {padding-left:25px;padding-right:25px;}
}
@media screen and (max-width:840px) {
.mainMenu li a{font:400 16px/40px 'Patua One',serif;padding:0 6px}
.mainMenu li li a{font:400 16px/20px 'Patua One',serif;padding:0 6px}
#mainBlock #brandsBar h3{font:400 14px/20px 'Patua One',serif}
#mainBlock #cataloguesBar ul.cataloguesList li span{bottom:0;height:auto;top:auto;font:400 14px/16px 'Maven Pro',Arial,Helvetica,sans-serif}
#mainBlock #cataloguesBar ul.cataloguesList li strong{font:400 20px/20px 'Passion One',serif}
.headerPhone {display:none;}
}
@media screen and (max-width:780px) {
#navBlock{position:absolute;top:0;width:100%;margin:0;z-index:100;padding:0}
#navBlock ul.mainNav{display:none}
#navBlock #mobileNav{display:block}
#navBlock #navWrap {display:flex;}
#navBlock .homeBtn{background:0 0;border:none;margin:0;left:0;font:600 20px/60px 'Open Sans',Arial,Helvetica,sans-serif;letter-spacing:0;color:#fff;overflow:hidden;padding:0 25px;position:relative;cursor:pointer;outline:0;display:block;border-radius:0 5px 0 0}
#navBlock ul.mobMenu li a,#navBlock ul.mobMenu li li a,#navBlock ul.mobMenu li li li a{font:400 20px/26px 'Open Sans',Arial,Helvetica,sans-serif}
#navBlock .homeBtn:hover{color:#fcf500}#navBlock ul:not(.mega-menu-meta){display:none;padding:0;margin:0;list-style:none}
#navBlock ul.mobMenu{background:#2c2c2c;min-width:300px;width:100%;padding-top:10px}
#navBlock ul.mobMenu ul{background:#3c3c3c}#navBlock ul.mobMenu ul ul{background:#4c4c4c}
#navBlock ul.mobMenu li{padding:0;margin:0;display:block;position:relative;border-bottom:1px solid rgba(0,0,0,.1)}
#navBlock ul.mobMenu li li{border:none}#navBlock ul.mobMenu li.first{display:none}
#navBlock ul.mobMenu li li.first{display:block}ul.mobMenu li a{display:block;color:#fff;padding:15px}
#navBlock ul.mobMenu > li > a {font-weight:700;text-transform:uppercase;}
#navBlock ul.mobMenu > li > a:hover,#navBlock ul.mobMenu > li > a:active{text-decoration:none;background:rgba(0,0,0,.1);color:#fcf500;}
#navBlock ul.mobMenu li li a{padding:10px 15px 10px 20px}
#navBlock ul.mobMenu li li li a{padding:10px 15px 10px 25px}
span.submenuTrigger{display:block;position:absolute;top:7px;right:20px;border:1px solid #3c3c3c;cursor:pointer;font-size:24px;line-height:24px;min-width:40px;padding:6px 12px;background:#3c3c3c;color:#fff}
span.submenuTrigger:hover{color:#fcf500;background:#000}
#navBlock ul.mobMenu li li span.submenuTrigger{line-height:20px;top:0;padding:9px 11px}
#headerBlock{border-top:60px solid #5e5e5e;border-bottom:none;}
#navBlock .meta-tools {display:flex;max-height:60px;position:absolute;right:0;top:0;z-index:80;}
#headerBar a.logoBar{float:none;margin:0 auto;text-align:center;padding-bottom:10px}
#headerBar ul.headerLinks{display:none;}
#headerBar a.headerPhone,#headerBar ul.miniCart{color:#fff;position:absolute;top:-33px;float:none}
#headerBar ul.miniCart{clear:both;background:0 0;right:5px}
.cartTotalItems.empty {display:block;}
#headerBar a.headerPhone{font:400 16px/28px 'Patua One',serif;padding:0;margin:0;border:none;right:80px}
#headerBar a.headerPhone:hover{color:#fcf500}
#mainBlock #brandsBar h3{width:auto;float:none;font:400 13px/26px 'Patua One',serif;padding:0;margin:0}
#mainBlock #brandsBar h3 br{display:none}
#mainBlock #brandsBar .brandsList{padding:15px;width:auto;float:none}
#mainBlock #cataloguesBar ul.cataloguesList li{width:46%;margin:1% 2%}
#mainBlock #cataloguesBar ul.cataloguesList li:first-child{margin:1% 2%}
/* #mainBlock .leftBar,#mainBlock .mainBar{width:auto;padding:0;float:none} */
#mainBlock .leftBar .productAttributes li{display:inline-block}
/* #mainBlock .leftBar .featuredProducts{border:1px solid #2c2c2c;overflow:hidden;margin:0 auto 10px;width:70%} */
#mainBlock .leftBar .featuredProducts{border:1px solid #2c2c2c;overflow:hidden;}
#mainBlock .leftBar .catListing{display:block;float:left;width:46%;min-height:200px;margin:0 1% 14px;box-shadow:none}
/* #productImages{float:left;width:38%}
#productInfo{float:right;width:58%} */
#productNew h3,#productRelated h3{font:500 14px/14px 'Patua One',serif}
#headerBar #search-box {position:absolute;top:0;background-color:rgba(0,0,0,.80);left:0;right:0;width:auto;z-index:-1;visibility:hidden;opacity:0;transition:opacity .3s ease-in-out;}
body[data-show-search="true"] #headerBar #search-box {z-index:2;opacity:1;visibility:visible;}
#headerBar #search-box .form-control {margin-right:0;transition:none;}
#headerBar #search-box .btn {color:#ffffff;transition:none;}
#search-box .typeahead {width:100%;}
}
@media screen and (max-width:520px) {
#headerBar a.logoBar img{width:100%!important;}
#productDetails,#productRelated{float:none;width:auto;margin:0 0 10px;overflow:hidden}
#productRelated{border:1px solid #2c2c2c}
/* #productRelated .catListing{float:left;width:31%;margin:0 1% 14px} */
#productNew .catListing{float:left;width:46%;margin:0 2% 14px}
#newsletterBlock .newsletter-desc {flex-wrap:wrap;}
#newsletterBlock .newsletter-desc span {width:100%;}
}
@media screen and (max-width:360px) {
#headerBar a.logoBar img{width:100%;}
#headerBar a.headerPhone{font:400 11px/28px 'Patua One',serif;right:60px}
ul.homeShopLinksTop{margin:0}
ul.homeShopLinks li,ul.homeShopLinksTop li{width:auto!important;float:none;margin:0 0 10px!important}
#mainBlock #cataloguesBar ul.cataloguesList li span{font:400 12px/14px 'Maven Pro',Arial,Helvetica,sans-serif}
#mainBlock #cataloguesBar ul.cataloguesList li strong{font:400 16px/16px 'Passion One',serif}
/* #mainBlock #categoryList .catListing,#mainBlock #subCatList .catListing{float:none;width:80%;margin:0 auto 14px;padding:1%} */
}
/* ANIMATIONS (animate.css)
------------------------*/
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}
.bounceIn{-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-animation-name:bounceIn;animation-name:bounceIn}
@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}
.bounceInUp{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:bounceInUp;animation-name:bounceInUp;}
/* PLUGINS
------------------------*/
/**
* Owl Carousel v2.3.4
* Copyright 2013-2018 David Deutsch
* Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
#brandsBar .owl-carousel .owl-item {max-width:150px;}
.owl-carousel .owl-nav {bottom:10px;left:25px;position:absolute;}
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-next {background-color:#fcf500;border-radius:50%;color:#2c2c2c;font-size:1.2rem;height:30px;text-indent:.2rem;padding:6px;width:30px}
.owl-carousel .owl-nav button.owl-prev{text-indent:0;}
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-next:hover {background-color:#2c2c2c;color:#fcf500;}
/* MailChimp Form Embed Code */
body #mc_embed_signup .button,
body #mc_embed_signup .button:hover {background:#2c2c2c;color:#fcf500 !important;font-weight:700;text-shadow:none;box-shadow:none;}
/* MailChimp Form Embed Code - newsletter.html */
#mc_embed_signup form {display:block; position:relative; text-align:left; padding:10px 0 10px 3%}
#mc_embed_signup h2 {font-weight:bold; padding:0; margin:15px 0; font-size:1.4em;}
#mc_embed_signup input {border: 1px solid #ABB0B2;border-radius:3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {clear:both; background-color: #aaa; border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {background-color:#777;}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}
#mc_embed_signup .mc-field-group {clear:left; position:relative; width:96%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:40px;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}
#mc_embed_signup .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}
#mc_embed_signup .clear {clear:both;}
#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%; margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.1em;}
#mc_embed_signup #num-subscribers span {padding:.5em; border:1px solid #ccc; margin-right:.5em; font-weight:bold;}
#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}
/* Fancybox 2.1.5 */
.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}
.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}
.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:.8;cursor:pointer;z-index:8060}
#fancybox-loading div{width:44px;height:44px;background:url('fancybox/fancybox_loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}
.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev span{left:10px;background-position:0 -36px}.fancybox-next span{right:10px;background-position:0 -72px}
.fancybox-nav:hover span{visibility:visible}.fancybox-tmp{position:absolute;top:-99999px;left:-99999px;visibility:hidden;max-width:99999px;max-height:99999px;overflow:visible!important}.fancybox-lock{overflow:hidden!important;width:auto}.fancybox-lock body{overflow:hidden!important}
.fancybox-lock-test{overflow-y:hidden!important}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('fancybox/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}
.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}
.fancybox-title-float-wrap .child{display:inline-block;margin-right:-100%;padding:2px 20px;background:transparent;background:rgba(0,0,0,0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}
.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5){#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span{background-image:url('fancybox/fancybox_sprite@2x.png');background-size:44px 152px}
#fancybox-loading div{background-image:url('fancybox/fancybox_loading@2x.gif');background-size:24px 24px}}
/* automatic self-clear floats */
.cLear {clear:both;}
#headerBar:before,
#headerBar:after,
#footerBar:after,
.more-posts:before,
#ss-tools:before,
#ss-tools:after,
#ss-subcategory-list ul:after,
.ss-pagination:after,
.ss-category:after,
#ss-mode-list .ss-product:after,
.ss-product-detail:after,
.ss-product-detail-image-thumbs ul:after,
.ss-related-products:after,
#footerBar .footerSocial form:after,
.more-posts:after,
.group:before,
.group:after {
content: " ";
clear: both;
display: table;
}
.group,
.clearfix {zoom:1;}
/* FONTS
------------------------*/
/* Fontawesome - customised font icomoon */
.fa{font-family:mcas!important;speak:none;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-search-plus:before{content:"\f00e"}.fa-repeat:before,.fa-rotate-right:before{content:"\f01e"}.fa-shopping-cart:before{content:"\f07a"}.fa-bars:before,.fa-navicon:before,.fa-reorder:before{content:"\f0c9"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-calendar:before{content:"\f073"}.fa-heart:before{content:"\f004"}.fa-heart-o:before{content:"\f08a"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-check:before{content:"\f00c"}.fa-trash-o:before{content:"\f014"}.fa-trash:before{content:"\f1f8"}.fa-clock-o:before{content:"\f017"}.fa-lock:before{content:"\f023"}.fa-camera:before{content:"\f030"}.fa-image:before,.fa-photo:before,.fa-picture-o:before{content:"\f03e"}.fa-phone:before{content:"\f095"}.fa-twitter:before{content:"\f099"}.fa-credit-card:before{content:"\f09d"}.fa-truck:before{content:"\f0d1"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-youtube-square:before{content:"\f166"}.fa-instagram:before{content:"\f16d"}.fa-facebook:before{content:"\f230"}.fa-pinterest:before{content:"\f0d2"}.fa-caret-right:before{content:"\f0db"}.fa-caret-left:before{content:"\f0dc"}.fa-caret-up:before{content:"\f0dd"}.fa-caret-down:before{content:"\f0de"}.fa-external-link:before{content:"\f08e"}.fa-close:before{content:"\e5cd"}
@font-face {
font-family: 'mcas';
src: url('/persistent/fonts/mcas.eot?gkhp1y');
src: url('/persistent/fonts/mcas.eot?gkhp1y#iefix') format('embedded-opentype'),
url('/persistent/fonts/mcas.ttf?gkhp1y') format('truetype'),
url('/persistent/fonts/mcas.woff?gkhp1y') format('woff'),
url('/persistent/fonts/mcas.svg?gkhp1y#mcas') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Maven Pro';
font-weight: 400;
font-style: normal;
src: url('/persistent/fonts/Maven-Pro-regular/Maven-Pro-regular.eot');
src: url('/persistent/fonts/Maven-Pro-regular/Maven-Pro-regular.eot?#iefix') format('embedded-opentype'),
local('Maven Pro Regular'),
local('Maven-Pro-regular'),
url('/persistent/fonts/Maven-Pro-regular/Maven-Pro-regular.woff2') format('woff2'),
url('/persistent/fonts/Maven-Pro-regular/Maven-Pro-regular.woff') format('woff'),
url('/persistent/fonts/Maven-Pro-regular/Maven-Pro-regular.ttf') format('truetype'),
url('/persistent/fonts/Maven-Pro-regular/Maven-Pro-regular.svg#MavenPro') format('svg');
}
@font-face {
font-family: 'Maven Pro';
font-weight: 500;
font-style: normal;
src: url('/persistent/fonts/Maven-Pro-500/Maven-Pro-500.eot');
src: url('/persistent/fonts/Maven-Pro-500/Maven-Pro-500.eot?#iefix') format('embedded-opentype'),
local('Maven Pro Medium'),
local('Maven-Pro-500'),
url('/persistent/fonts/Maven-Pro-500/Maven-Pro-500.woff2') format('woff2'),
url('/persistent/fonts/Maven-Pro-500/Maven-Pro-500.woff') format('woff'),
url('/persistent/fonts/Maven-Pro-500/Maven-Pro-500.ttf') format('truetype'),
url('/persistent/fonts/Maven-Pro-500/Maven-Pro-500.svg#MavenPro') format('svg');
}
@font-face {
font-family: 'Maven Pro';
font-weight: 700;
font-style: normal;
src: url('/persistent/fonts/Maven-Pro-700/Maven-Pro-700.eot');
src: url('/persistent/fonts/Maven-Pro-700/Maven-Pro-700.eot?#iefix') format('embedded-opentype'),
local('Maven Pro Bold'),
local('Maven-Pro-700'),
url('/persistent/fonts/Maven-Pro-700/Maven-Pro-700.woff2') format('woff2'),
url('/persistent/fonts/Maven-Pro-700/Maven-Pro-700.woff') format('woff'),
url('/persistent/fonts/Maven-Pro-700/Maven-Pro-700.ttf') format('truetype'),
url('/persistent/fonts/Maven-Pro-700/Maven-Pro-700.svg#MavenPro') format('svg');
}
@font-face {
font-family: 'Open Sans';
font-weight: 400;
font-style: normal;
src: url('/persistent/fonts/Open-Sans-regular/Open-Sans-regular.eot');
src: url('/persistent/fonts/Open-Sans-regular/Open-Sans-regular.eot?#iefix') format('embedded-opentype'),
local('Open Sans'),
local('Open-Sans-regular'),
url('/persistent/fonts/Open-Sans-regular/Open-Sans-regular.woff2') format('woff2'),
url('/persistent/fonts/Open-Sans-regular/Open-Sans-regular.woff') format('woff'),
url('/persistent/fonts/Open-Sans-regular/Open-Sans-regular.ttf') format('truetype'),
url('/persistent/fonts/Open-Sans-regular/Open-Sans-regular.svg#OpenSans') format('svg');
}
@font-face {
font-family: 'Passion One';
font-weight: 400;
font-style: normal;
src: url('/persistent/fonts/Passion-One-regular/Passion-One-regular.eot');
src: url('/persistent/fonts/Passion-One-regular/Passion-One-regular.eot?#iefix') format('embedded-opentype'),
local('Passion One'),
local('Passion-One-regular'),
url('/persistent/fonts/Passion-One-regular/Passion-One-regular.woff2') format('woff2'),
url('/persistent/fonts/Passion-One-regular/Passion-One-regular.woff') format('woff'),
url('/persistent/fonts/Passion-One-regular/Passion-One-regular.ttf') format('truetype'),
url('/persistent/fonts/Passion-One-regular/Passion-One-regular.svg#PassionOne') format('svg');
}
@font-face {
font-family: 'Passion One';
font-weight: 700;
font-style: normal;
src: url('/persistent/fonts/Passion-One-700/Passion-One-700.eot');
src: url('/persistent/fonts/Passion-One-700/Passion-One-700.eot?#iefix') format('embedded-opentype'),
local('Passion One Bold'),
local('Passion-One-700'),
url('/persistent/fonts/Passion-One-700/Passion-One-700.woff2') format('woff2'),
url('/persistent/fonts/Passion-One-700/Passion-One-700.woff') format('woff'),
url('/persistent/fonts/Passion-One-700/Passion-One-700.ttf') format('truetype'),
url('/persistent/fonts/Passion-One-700/Passion-One-700.svg#PassionOne') format('svg');
}
@font-face {
font-family: 'Patua One';
font-weight: 400;
font-style: normal;
src: url('/persistent/fonts/Patua-One-regular/Patua-One-regular.eot');
src: url('/persistent/fonts/Patua-One-regular/Patua-One-regular.eot?#iefix') format('embedded-opentype'),
local('Patua One'),
local('Patua-One-regular'),
url('/persistent/fonts/Patua-One-regular/Patua-One-regular.woff2') format('woff2'),
url('/persistent/fonts/Patua-One-regular/Patua-One-regular.woff') format('woff'),
url('/persistent/fonts/Patua-One-regular/Patua-One-regular.ttf') format('truetype'),
url('/persistent/fonts/Patua-One-regular/Patua-One-regular.svg#PatuaOne') format('svg');
}