@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600&display=swap');

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 12, 2017 */
@font-face {
    font-family: 'montserratblack';
    src: url('../fonts/montserrat-black-webfont.eot');
    src: url('../fonts/montserrat-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-black-webfont.woff2') format('woff2'), url('../fonts/montserrat-black-webfont.woff') format('woff'), url('../fonts/montserrat-black-webfont.ttf') format('truetype'), url('../fonts/montserrat-black-webfont.svg#montserratblack') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.montserrat-black {
    font-family: 'montserratblack';
}

@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-bold-webfont.woff2') format('woff2'), url('../fonts/montserrat-bold-webfont.woff') format('woff'), url('../fonts/montserrat-bold-webfont.ttf') format('truetype'), url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.montserrat-bold {
    font-family: 'montserratbold';
}
@font-face {
    font-family: 'montserratextrabold';
    src: url('../fonts/montserrat-extrabold-webfont.eot');
    src: url('../fonts/montserrat-extrabold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-extrabold-webfont.woff2') format('woff2'), url('../fonts/montserrat-extrabold-webfont.woff') format('woff'), url('../fonts/montserrat-extrabold-webfont.ttf') format('truetype'), url('../fonts/montserrat-extrabold-webfont.svg#montserratextrabold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.montserrat-extra-bold {
    font-family: 'montserratextrabold';
}
@font-face {
    font-family: 'montserratextralight';
    src: url('../fonts/montserrat-extralight-webfont.eot');
    src: url('../fonts/montserrat-extralight-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-extralight-webfont.woff2') format('woff2'), url('../fonts/montserrat-extralight-webfont.woff') format('woff'), url('../fonts/montserrat-extralight-webfont.ttf') format('truetype'), url('../fonts/montserrat-extralight-webfont.svg#montserratextralight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.montserrat-extra-light {
    font-family: 'montserratextralight';
}

@font-face {
    font-family: 'montserratlight';
    src: url('../fonts/montserrat-light-webfont.eot');
    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-light-webfont.woff2') format('woff2'), url('../fonts/montserrat-light-webfont.woff') format('woff'), url('../fonts/montserrat-light-webfont.ttf') format('truetype'), url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.montserrat-light {
    font-family: 'montserratlight';
}

@font-face {
    font-family: 'montserratmedium';
    src: url('../fonts/montserrat-medium-webfont.eot');
    src: url('../fonts/montserrat-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-medium-webfont.woff2') format('woff2'), url('../fonts/montserrat-medium-webfont.woff') format('woff'), url('../fonts/montserrat-medium-webfont.ttf') format('truetype'), url('../fonts/montserrat-medium-webfont.svg#montserratmedium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.montserrat-medium {
    font-family: 'montserratmedium';
}

@font-face {
    font-family: 'montserratregular';
    src: url('../fonts/montserrat-regular-webfont.eot');
    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-regular-webfont.woff2') format('woff2'), url('../fonts/montserrat-regular-webfont.woff') format('woff'), url('../fonts/montserrat-regular-webfont.ttf') format('truetype'), url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.montserrat-regular {
    font-family: 'montserratregular';
}

@font-face {
    font-family: 'montserratsemibold';
    src: url('../fonts/montserrat-semibold-webfont.eot');
    src: url('../fonts/montserrat-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-semibold-webfont.woff2') format('woff2'), url('../fonts/montserrat-semibold-webfont.woff') format('woff'), url('../fonts/montserrat-semibold-webfont.ttf') format('truetype'), url('../fonts/montserrat-semibold-webfont.svg#montserratsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.montserrat-semi-bold {
    font-family: 'montserratsemibold';
}

@font-face {
    font-family: 'montserratthin';
    src: url('../fonts/montserrat-thin-webfont.eot');
    src: url('../fonts/montserrat-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/montserrat-thin-webfont.woff2') format('woff2'), url('../fonts/montserrat-thin-webfont.woff') format('woff'), url('../fonts/montserrat-thin-webfont.ttf') format('truetype'), url('../fonts/montserrat-thin-webfont.svg#montserratthin') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.montserrat-thin {
    font-family: 'montserratthin';
}

/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on December 12, 2017 */
@font-face {
    font-family: 'merriweatherblack';
    src: url('../fonts/merriweather-black-webfont.eot');
    src: url('../fonts/merriweather-black-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather-black-webfont.woff2') format('woff2'), url('../fonts/merriweather-black-webfont.woff') format('woff'), url('../fonts/merriweather-black-webfont.ttf') format('truetype'), url('../fonts/merriweather-black-webfont.svg#merriweatherblack') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'merriweatherbold';
    src: url('../fonts/merriweather-bold-webfont.eot');
    src: url('../fonts/merriweather-bold-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather-bold-webfont.woff2') format('woff2'), url('../fonts/merriweather-bold-webfont.woff') format('woff'), url('../fonts/merriweather-bold-webfont.ttf') format('truetype'), url('../fonts/merriweather-bold-webfont.svg#merriweatherbold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'merriweatherlight';
    src: url('../fonts/merriweather-light-webfont.eot');
    src: url('../fonts/merriweather-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather-light-webfont.woff2') format('woff2'), url('../fonts/merriweather-light-webfont.woff') format('woff'), url('../fonts/merriweather-light-webfont.ttf') format('truetype'), url('../fonts/merriweather-light-webfont.svg#merriweatherlight') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url('fonts/Gotham-Book.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Book.otf') format('opentype'), url('fonts/Gotham-Book.woff') format('woff'), url('fonts/Gotham-Book.ttf') format('truetype'), url('fonts/Gotham-Book.svg#Gotham-Book') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url('fonts/Gotham-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Medium.otf') format('opentype'), url('fonts/Gotham-Medium.woff') format('woff'), url('fonts/Gotham-Medium.ttf') format('truetype'), url('fonts/Gotham-Medium.svg#Gotham-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'merriweatherregular';
    src: url('../fonts/merriweather-regular-webfont.eot');
    src: url('../fonts/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/merriweather-regular-webfont.woff2') format('woff2'), url('../fonts/merriweather-regular-webfont.woff') format('woff'), url('../fonts/merriweather-regular-webfont.ttf') format('truetype'), url('../fonts/merriweather-regular-webfont.svg#merriweatherregular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Avenir Next Bold';
    src: url('fonts/AvenirNextLTW01BoldRegular.eot');
    src: url('fonts/AvenirNextLTW01BoldRegular.eot?#iefix') format('embedded-opentype'),
    url('fonts/AvenirNextLTW01BoldRegular.woff2') format('woff2'),
    url('fonts/AvenirNextLTW01BoldRegular.woff') format('woff'),
    url('fonts/AvenirNextLTW01BoldRegular.ttf') format('truetype'),
    url('fonts/AvenirNextLTW01BoldRegular.svg#AvenirNextLTW01BoldRegular') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

.avenir-bold {
    font-family: 'Avenir Next Bold';
}

@font-face {
    font-family: 'Avenir Next Medium';
    src: url('fonts/AvenirNext-Medium.eot');
    src: url('fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
    url('fonts/AvenirNext-Medium.woff2') format('woff2'),
    url('fonts/AvenirNext-Medium.woff') format('woff'),
    url('fonts/AvenirNext-Medium.ttf') format('truetype'),
    url('fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
.avenir-medium {
    font-family: 'Avenir Next Medium';
}
@font-face {
    font-family: 'Avenir-Black';
    src: url('fonts/Avenir-Black.eot');
    src: url('fonts/Avenir-Black.eot?#iefix') format('embedded-opentype'),
    url('fonts/Avenir-Black.woff') format('woff'),
    url('fonts/Avenir-Black.ttf') format('truetype'),
    url('fonts/Avenir-Black.svg#Avenir-Black') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

.avenir-black {
    font-family: 'Avenir-Black' !important;
}

@font-face {
    font-family: 'Avenir-Roman';
    src: url('fonts/Avenir-Roman.eot');
    src: url('fonts/Avenir-Roman.eot?#iefix') format('embedded-opentype'),
    url('fonts/Avenir-Roman.woff') format('woff'),
    url('fonts/Avenir-Roman.ttf') format('truetype'),
    url('fonts/Avenir-Roman.svg#Avenir-Black') format('svg');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

.avenir {
    font-family: 'Avenir-Roman' !important;
}

@font-face {
    font-family: 'AvenirBook';
    src: url('fonts/AvenirBook.eot');
    src: url('fonts/AvenirBook.eot?#iefix') format('embedded-opentype'),
    url('fonts/AvenirBook.woff') format('woff'),
    url('fonts/AvenirBook.ttf') format('truetype'),
    url('fonts/AvenirBook.svg#AvenirBook') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
	font-family: 'Quicksand-Bold';
	src: url('../fonts/Quicksand-Bold.woff2') format('woff2'), url('../fonts/Quicksand-Bold.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.quicksand {
    font-family: 'Quicksand-Bold' !important;
}

.avenir-book {
    font-family: 'AvenirBook' !important;
}

* {
    outline: 0 !important;
}

body {
    font-family: 'merriweatherregular';
    overflow-x: hidden;
    background-color: #f2f2f2;
}

p {
}

p strong {
}

.container {
    width: 1230px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

ul {
    padding: 0;
    margin: 0;
}

a,
input[type="submit"] {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

a,
a:hover,
a:active,
a:focus {
    text-decoration: none;
}

/** top bar starts */

/* top bar ends */

/** footer starts */
.footer-outer {
    background-color: #222222;
}

footer {
    background-color: #222222;
    width: 1240px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 0 0 0;
}

footer .container {
    width: 1050px;
    max-width: 100%;
}

footer .footer-title {
    font-size: 16px;
    font-family: 'montserratbold';
    color: #ffffff;
    margin-bottom: 5px;
    text-transform: uppercase;
}

footer ul {
    padding: 0;
    margin: 0;
    font-size: 0;
}

footer  ul li {
    margin: 0;
    padding: 0;
}

footer ul li a {
    font-size: 14px;
    font-family: 'montserratbold';
    color: #ee632c;
    line-height: 24px;
}

footer  ul li a:hover,
footer  ul li a:focus,
footer  ul li a:active {
    color: white;
    text-decoration: none;
}

footer  ul.list-inline {
    margin-top: 35px;
}

footer ul.list-inline li a {
    display: block;
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    background-color: white;
    color: #222222;
    font-size: 30px;
    height: 46px;
    width: 46px;
    line-height: 48px;
    text-align: center;
}

footer  .left {
    padding-top: 20px;
    padding-bottom: 60px;
    border-right: 1px solid #3f3f3f;
}

footer  .right {
    padding-left: 50px;
    padding-top: 25px;
}

footer .right p {
    font-size: 15px;
    line-height: 21px;
    color: #ffffff;
    padding-right: 15px;
    font-family: 'merriweatherregular';
    margin: 0;
}

footer  .right img {
    margin-bottom: 20px;
}

footer .right img.bbb-logo {
    height: 75px;
    margin-left: 80px;
}

footer #copyright {
    padding: 20px 15px;
    letter-spacing: 0.5px;
}

footer #copyright,
footer #copyright a {
    text-align: center;
    font-size: 15px;
    line-height: 1.3;
    color: #ffffff;
    margin: 0;
    font-family: 'merriweatherregular';
}

.pre-footer .container {
    width: 1240px;
    padding: 0 25px;
    background-color: white;
}

.pre-footer .inner {
    padding: 30px 0 20px 0;
    width: calc(100% - 385px);
    max-width: 100%;
}

.pre-footer .inner:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    right: 50px;
    background-image: url(../images/new/pre-footer.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 336px;
    height: 328px;
}

.pre-footer .inner p {
    font-size: 13px;
    line-height: 20px;
    color: #000000;
    font-family: 'merriweatherregular';
    margin-bottom: 20px;
}

/** footer ends */

#beat {
    background-color: #ee632c;
    background-color: #333333;
    text-align: center;
    color: white;
    font-size: 0;
    border-top: 1px solid white;
    height: 165px;
    margin-bottom: 42px;
}

#beat .container {
    position: relative;
    height: 100%;
}

#beat .container > div {
    display: inline-block;
    vertical-align: middle;
}

#beat .container > div.center {
    vertical-align: middle;
    margin: 0 25px 0 10px;
    width: 220px;
    width: 310px;
    height: 100%;
    position: relative;
}

#beat .container > div.center img {
    max-width: 100%;
    position: absolute;
    pointer-events: none;
    bottom: 0;
    left: 0;
    z-index: 3;
    bottom: -42px;
}

#beat .container > div.left {
    text-align: right;
    margin-top: 10px;
}

#beat .container > div.right {
    width: 600px;
    text-align: left;
    margin-top: 15px;
}

#beat .container > div.left p:nth-child(1) {
    font-family: 'montserratlight';
    font-size: 25.82px;
    text-transform: uppercase;
    line-height: 1;
    margin: 0 0 15px 0;
    letter-spacing: -0.5px;
}

#beat .container > div.left p:nth-child(1) strong {
    font-family: 'montserratblack';
    font-size: 36.54px;
    letter-spacing: -1px;
}

#beat .container > div.left p:nth-child(2) {
    font-size: 11px;
    line-height: 15px;
    margin: 0;
    text-align: right;
    font-family: 'montserratregular';
}

#beat .container > div.left p:nth-child(2) strong {
    font-weight: bold;
}

#beat .container > div.right p:nth-child(1) {
    text-transform: uppercase;
    font-family: 'montserratblack';
    color: #ffffff;
    font-size: 24px;
    margin: 0 0 5px 0;
    line-height: 1;
}

#beat .container > div.right p:nth-child(2) {
    font-size: 12px;
    line-height: 16px;
    font-family: 'merriweatherregular';
}

#beat .container > div.right p:nth-child(2) strong {
    font-weight: bold;
    text-decoration: underline;
}

#beat .container > div.right a {
    font-size: 18px;
    font-family: 'montserratblack';
    color: #ffe100;
}

/** main nav starts */
#panel nav {
    position: relative;
}

#panel nav .nav-top {
    background-color: #f26522;
    color: white;
}

#panel nav .nav-top .container > .row {
    height: 56px;
    padding: 0 0;
    line-height: 56px;
}

#panel nav .nav-top .nav-location {
    padding-left: 35px;
    background-image: url(../images/icon-location-white.png);
    background-repeat: no-repeat;
    background-position: 0 45%;
    line-height: 56px;
    position: relative;
    left: 230px;
}

#panel nav .nav-top .nav-location .mobile-payment {
    display: inline-block;
    margin-left: 20px;
    color: #fff;
    margin-top: 7px;
}

#panel nav .nav-top .nav-location {
    font-size: 16px;
    color: #ffffff;
    font-family: 'montserratbold';
}

#panel nav .nav-top .nav-location span {
    font-family: 'montserratregular';
    text-decoration: none;
    border-bottom: 1px solid white;
    cursor: pointer;
}

#panel nav .nav-top .right {
    text-align: right;
}

#panel nav .nav-top .right ul {
    margin: 0;
    padding: 0;
}

#panel nav .nav-top .right ul li:not(:first-child) {
    margin-left: 23px;
}

#panel nav .nav-top .right ul li {
    margin: 0;
    padding: 0;
}

#panel nav .nav-top .right ul li a {
    font-size: 16px;
    color: #ffffff;
    font-family: 'merriweatherregular';
}

#panel nav form {
    width: 325px;
    max-width: 100%;
    font-size: 0;
    margin: 0 0 0 auto;
    line-height: 1;
}

#panel nav form input[type="text"] {
    width: calc(100% - 53px);
    display: inline-block;
    vertical-align: top;
    height: 47px;
    line-height: 1;
    background-color: #fafafa;
    padding: 0 19px;
    font-size: 12px;
    font-family: 'merriweatherregular';
    color: #000;
    font-style: italic;
    border: 1px solid #d9d9d9;
    border-right: 0;
}

#panel nav form input[type="text"]::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */
    color: #777777;
}

#panel nav form input[type="text"]::-moz-placeholder {

    /* Firefox 19+ */
    color: #777777;
}

#panel nav form input[type="text"]:-ms-input-placeholder {

    /* IE 10+ */
    color: #777777;
}

#panel nav form input[type="text"]:-moz-placeholder {

    /* Firefox 18- */
    color: #777777;
}

#panel nav form input[type="submit"] {
    width: 53px;
    display: inline-block;
    vertical-align: top;
    height: 47px;
    line-height: 1;
    padding: 0 0;
    font-size: 0;
    border: 0;
    background-color: #ee632c;
    background-image: url(../images/icon-search-white.png);
    background-repeat: no-repeat;
    background-position: center;
}

.real-logo {
    /*
	height: 0;
	position: relative;
	top: -90px;
	left: 15px;
	*/
    position: relative;
    top: 40px;
    margin-top: -90px;
}

#panel nav .nav-center {
    background-color: white;
    padding: 0 0;
    line-height: 86px;
    font-size: 0;
}

/*
#panel nav .nav-center .logo-text,
#panel nav .nav-center .col-xs-4,
#panel nav .nav-center .col-xs-2 {
	display: inline-block;
	vertical-align: middle;
	float: none;
}
*/
#panel nav .nav-center .logo-text {
    /*
	padding-left: 35px;
	*/
    padding-top: 2px;
}


#panel nav .language-selector {
    padding: 0 19px;
    font-size: 15px;
    line-height: 1;
    font-family: 'montserratbold';
}

#panel nav .language-selector .nav-icon {
    margin-left: 5px;
}

#panel nav .secondary-languages {
    padding-top: 12px;
    transform: translateY(100%);
    display: none;
}

#panel nav .language-selector:hover .secondary-languages {
    display: block;
}

#panel nav .secondary-languages a {
    padding: 12px 0;
}

#panel nav .nav-bottom {
    background-color: #fff;
}

#panel nav .nav-bottom ul {
    padding: 0;
    font-size: 0;
    margin: 0;
    text-align: right;
}

#panel nav .nav-bottom ul li {
    padding: 6px 10.5px 15px 10.5px;
    margin: 0;
    position: relative;
}

#panel nav .nav-bottom ul li:first-child {
    padding-left: 0;
}

#panel nav .nav-bottom ul li:last-child {
    padding-right: 0;
}

#panel nav .nav-bottom ul li a {
    font-size: 14px;
    font-family: 'montserratbold';
    color: #2c2c2c;
    margin: 0 0;
    text-transform: uppercase;
    display: block;
}

#panel nav .nav-bottom ul li {
    position: relative;
}

#panel nav .nav-bottom ul li:hover > .mega {
    display: block;
}

#panel nav .nav-bottom ul li .mega {
    display: none;
    position: absolute;
    background-color: white;
    width: 705px;
    left: -22px;
    top: 41px;
    z-index: 10;
    border: 1px solid rgb(215, 215, 215);
    box-shadow: 0px 2px 3.96px 0.04px rgba(0, 0, 0, 0.2);
}

#panel nav .nav-bottom ul li:nth-last-child(1) > .mega,
#panel nav .nav-bottom ul li:nth-last-child(2) > .mega,
#panel nav .nav-bottom ul li:nth-last-child(3) > .mega {
    right: 0;
    left: auto;
}

#panel nav .nav-bottom ul li .mega .inner-left {
    padding: 30px 0 15px 0;
    border-right: 1px solid #d7d7d7;
    width: 54%;
    font-size: 0;
    float: left;
    text-align: left;
}

#panel nav .nav-bottom ul li .mega .inner-left > ul {
    font-size: 0;
    width: 100%;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    padding: 0 0 0 19px;
}

#panel nav .nav-bottom ul li .mega .inner-left > ul > li {
    width: 50%;
    display: inline-block;
    padding: 0 0 15px 0;
    text-align: left;
    vertical-align: top;
}

#panel nav .nav-bottom ul li .mega .inner-left > ul > li a {
    font-size: 16px;
    line-height: 17px;
    font-family: 'montserratsemibold';
    letter-spacing: 0.5px;
    color: #757575;
}

#panel nav .nav-bottom ul li .mega .inner-left > ul > li ul {
    padding: 10px 0 0 25px;
}

#panel nav .nav-bottom ul li .mega .inner-left > ul > li ul li {
    text-align: left;
    padding: 0;
}

#panel nav .nav-bottom ul li .mega .inner-left > ul > li ul a {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0.5px;
    font-family: 'montserratsemibold';
    color: #757575;
}

#panel nav .nav-bottom ul li .mega .inner-left li.active > a,
#panel nav .nav-bottom ul li .mega .inner-left a:hover {
    color: #fc691b;
}

#panel nav .nav-bottom ul li .mega .inner-right {
    width: 46%;
    float: left;
    padding: 35px 16px 16px 16px;
}

.featured-item .image {
    padding-bottom: 30px;
    margin-bottom: 10px;
    border-bottom: 1px solid #d7d7d7;
}

.featured-item .content {
    font-size: 0;
}

.featured-item .content .featured-left {
    display: inline-block;
    vertical-align: middle;
    width: 45%;
    font-size: 11.43px;
    line-height: 16px;
    color: #000000;
    font-family: 'montserratregular';
    text-align: left;
}

.featured-item .content .featured-right {
    display: inline-block;
    vertical-align: middle;
    width: 55%;
    color: #ff6c00;
    font-family: 'montserratblack';
    line-height: 1;
    font-size: 46px;
    position: relative;
    text-align: right;
}

.featured-item .content .inner-right .content {
    font-size: 0;
}

.featured-item .content .featured-right > span:first-child {
    font-size: 20px;
    top: 0;
}

.featured-item .content .featured-right > span {
    font-size: 30px;
    display: inline-block;
    vertical-align: super;
    position: relative;
    top: 6px;
}

.featured-item .content .featured-right span.smaller {
    font-size: 7.5px;
    font-family: 'montserratmedium';
    position: absolute;
    bottom: -7px;
    right: 0;
    margin-left: -5px;
}

/** main nav ends */

/** location popup starts */
.modal-dialog {
    max-width: 100%;
    width: 565px;
    margin: 30px auto;
}

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/bg.png);
    border: 1px solid #dadada;
}

.modal-body {
    background-color: white;
    border: 1px solid #c7c7c7;
    padding: 40px 15px;
    text-align: center;
}

.modal-body hr {
    width: 330px;
    border-color: #dadada;
    max-width: 100%;
    margin: 15px auto;
}

.modal-body p {
    font-size: 17px;
    line-height: 20px;
    color: #5d5d5d;
    margin-bottom: 10px;
}

.modal-body p a {
    font-size: 20px;
    color: #fc691b;
    font-family: 'montserratbold';
    display: inline-block;
    margin-top: 10px;
}

.modal-body strong {
    font-size: 24px;
    font-family: 'montserratsemibold';
    color: #fc691b;
    display: block;
    margin-bottom: 20px;
    font-weight: 400;
    text-transform: uppercase;
}

select::-ms-expand {
    display: none;
    -moz-appearance: none;
}

select {
    -moz-appearance: none;
}

.modal-body select {
    width: 171px;
    height: 29px;
    border: 1px solid #d7d7d7;
    font-size: 17px;
    font-family: 'montserratsemibold';
    color: #777777;
    padding: 0 10px;
    background-position: calc(100% - 10px) 50%;
}

.modal-body hr + .title {
    margin-top: -5px;
}

.modal-body a.orange-button {
    display: block;
    width: 170px;
    height: 50px;
    line-height: 50px;
    background-color: #fc691b;
    font-size: 16px;
    margin: 20px auto 0 auto;
    color: white;
    font-family: 'montserratbold';
    text-align: center;
}

.modal-body .title {
    font-size: 33px;
    font-family: 'montserratbold';
    color: #fc691b;
    text-align: center;
    margin-bottom: 5px;
}

.modal-body form {
    width: 245px;
    max-width: 100%;
    font-size: 0;
    margin: 0 auto;
}

.modal-body form input[type="text"] {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 1;
    padding: 0 15px;
    font-size: 18px;
    border: 1px solid #cccccc;
    border-right: 0;
    font-family: 'montserratsemibold';
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #000;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.modal-body form input[type="text"]::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */
    color: #777777;
}

.modal-body form input[type="text"]::-moz-placeholder {

    /* Firefox 19+ */
    color: #777777;
}

.modal-body form input[type="text"]:-ms-input-placeholder {

    /* IE 10+ */
    color: #777777;
}

.modal-body form input[type="text"]:-moz-placeholder {

    /* Firefox 18- */
    color: #777777;
}

.modal-body form input[type="submit"] {
    width: 50px;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 1;
    padding: 0 0;
    font-size: 0;
    border: 0;
    background-color: #fc691b;
    background-image: url(../images/icon-location-white.png);
    background-repeat: no-repeat;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-position: center;
}

button.close {
    font-size: 30px;
    font-family: 'montserratbold';
    color: #757575;
    opacity: 1;
    right: 10px;
    top: 0;
    margin: 0;
    padding: 0;
    line-height: 1;
    position: absolute;
    text-shadow: none;
    float: none;
    font-weight: 400;
}

/** location popup ends */

/** base starts */
main {
    width: 1240px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #ffffff;
    position: relative;
    top: 0;
    margin-bottom: 0;
}

main#second {
    top: 0;
    margin-bottom: 0;
}

.default h2 {
    font-size: 35.68px;
    color: #ee632c;
    margin: 0 0 5px 0;
    font-family: 'montserratblack';
}

.default h3 {
    font-size: 22.39px;
    color: #ee632c;
    font-family: 'montserratbold';
    margin: 65px 0 10px 0;
}

.default h4 {
    font-size: 25px;
    font-family: 'montserratregular';
    color: #ee632c;
    text-transform: uppercase;
    font-style: italic;
}

.default h4 img {
    margin-left: 10px;
}

.page-inner.about.why .default p {
    font-size: 13px;
    line-height: 25px;
    margin-bottom: 25px;
}

.page-inner.about.why .default h3:first-of-type {
    margin-top: 0;
}

hr {
    border-color: #929292;
    margin-top: 40px;
    margin-bottom: -10px;
}

.page-inner.about.why {
    background-image: url(../images/slash-thingy.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: 360px;
}

.page-inner.about.why .default h3 {
    text-transform: uppercase;
    font-size: 24px;
    margin: 55px 0 5px 0;
}

.default p {
    font-size: 16.79px;
    line-height: 25.89px;
    font-family: 'merriweatherregular';
    color: #000000;
    margin-bottom: 30px;
}

.default p:last-child {
    margin-bottom: 0;
}

.default.big p {
    font-size: 24px;
    line-height: 37px;
}

/** base ends */

/** careers starts */
.page-inner.careers {
    padding: 80px 0 15px 0;
}

.page-inner.careers .default {
    width: 1040px;
    max-width: 100%;
    padding: 0 80px;
    margin-bottom: 115px;
}

/** careers ends */

/** yellow area starts */
.yellow-area {
    text-align: center;
    background-color: #fee000;
    padding: 50px 0 40px 0;
}

.yellow-area p {
    font-size: 35.68px;
    text-transform: uppercase;
    color: #0a0000;
    margin: 0;
    font-family: 'montserratblack';
    line-height: 1;
}

/** yellow area ends */

/** orange area starts */
.orange-area {
    text-align: center;
    background-color: #ee632c;
    padding: 50px 0 40px 0;
}

.orange-area p {
    font-size: 35.68px;
    text-transform: uppercase;
    color: #ffffff;
    margin: 0;
    font-family: 'montserratblack';
    line-height: 1;
}

/** orange area ends */

/** icons area starts */
.icons-area {
    text-align: center;
    padding: 70px 0 0 0;
}

.icons-area ul {
    font-size: 0;
    margin: 0;
    padding: 0 50px;
}

.icons-area ul li {
    padding: 0 5px;
    margin: 0 0 65px 0;
    width: 20%;
    vertical-align: bottom;
}

.icons-area img {
    margin-bottom: 20px;
}

.icons-area p {
    font-size: 20px;
    line-height: 24px;
    color: #0a0000;
    margin: 0;
    font-family: 'montserratbold';
    letter-spacing: -0.5px;
    text-transform: uppercase;
}

/** icons area ends */

/** careers area starts */
.careers-area {
    padding-top: 70px;
}

.careers-item {
    margin-bottom: 60px;
}

.careers-item .inner {
    width: 500px;
    max-width: 100%;
    margin: 0 auto;
}

.careers-item h3 {
    font-size: 25.38px;
    font-family: 'montserratbold';
    color: #0a0000;
    margin: 0 0 5px 0;
    text-transform: uppercase;
}

.careers-item ul {
    padding: 0 0 0 0;
    margin: 0;
}

.careers-item {
    font-size: 15.23px;
    color: #656161;
    font-family: 'merriweatherregular';
}

.careers-item ul li {
    font-size: 15.23px;
    line-height: 28.77px;
    color: #656161;
    margin: 0;
    list-style-type: none;
    font-family: 'merriweatherregular';
}

.careers-item ul li:before {
    content: "-";
    display: inline-block;
    font-size: 15.23px;
    vertical-align: middle;
    margin-right: 4px;
}

.careers-item a {
    margin-top: 25px;
}

.orange-btn {
    padding: 25px 60px;
    display: inline-block;
    font-size: 20.6px;
    font-family: 'montserratblack';
    color: white !important;
    border: 0;
    background-color: #ee632c;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
}

/** careers area ends */

/** about area starts */
.about-area {
    position: relative;
}

.page-inner.about {
    padding: 60px 0 120px 0;
    margin-bottom: 0;
    position: relative;
}

.about-area .left {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    padding-top: 0;
}

.about-area .left .inner {
    width: 360px;
    height: 100%;
    padding-left: 35px;
    max-width: 100%;
    border-right: 1px solid #ee632c;
}

.about-area .left .inner ul {
    font-size: 0;
    margin: 0;
    padding: 0;
}

.about-area .left .inner ul li {
    line-height: 1;
    margin-bottom: 30px;
}

.about-area .left .inner ul li a {
    font-size: 20.8px;
    font-family: 'montserratregular';
    color: #000000;
}

.about-area .left .inner ul li a:hover,
.about-area .left .inner ul li a.active {
    color: #ee632c;
    font-family: 'montserratbold';
}

.about-area .right {
    float: right;
    padding-right: 75px;
}

/** about area ends */

/** contact area starts */
.contact-area .left form {
    width: 495px;
    max-width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
    margin: 0 auto 0 auto;
}

.contact-area .left {
    width: 55%;
    float: left;
}

.contact-area .right {
    width: 45%;
    float: left;
    background-color: #f59019;
    border: 7px solid #ffe000;
    text-align: center;
    padding: 60px 22px 75px 22px;
}

.contact-area .right h2 {
    font-size: 32px;
    font-family: 'montserratblack';
    color: #231f20;
    margin: 0 0 10px 0;
    text-transform: uppercase;
}

.contact-area .right p {
    font-size: 17px;
    width: 340px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    line-height: 24px;
    color: #231f20;
    font-family: 'merriweatherregular';
    margin-bottom: 25px;
}

.contact-area .right .phone a {
    font-size: 39.16px;
    color: #ffffff;
    font-family: 'montserratbold';
}

.contact-area .right .phone a img {
    vertical-align: middle;
    margin-right: 20px;
}

.contact-area .right .phone {
    margin-bottom: 45px;
}

.contact-area .right .stars-container a {
    display: block;
    background-color: #ffe000;
    text-align: center;
    padding: 25px 15px 30px 15px;
    background-image: url(../images/star-bg.png);
    background-repeat: no-repeat;
    background-position: 50% 100%;
}

.contact-area .right .stars-container a p {
    font-family: 'montserratbold';
    font-size: 25.67px;
    color: #252122;
    text-transform: uppercase;
    line-height: 1.3;
    margin: 0 auto 10px auto;
}

.contact-area .right .stars-container a img {
    max-width: 100%;
}

.contact-area h1 {
    font-size: 48px;
    font-family: 'montserratblack';
    color: #ee632c;
    margin: 0 0 25px 0;
    text-transform: uppercase;
}

.contact-area .col-sm-12,
.contact-area .col-sm-6 {
    padding: 0 7.5px;
}

.contact-area form input:not([type="submit"]), .contact-area form select {
    width: 100%;
    height: 54px;
    line-height: 54px;
    background-color: #ffffff;
    border: 1px solid #a3a3a3;
    padding: 0 25px;
    font-size: 19px;
    font-family: 'montserratregular';
    color: #636363;
    margin-bottom: 15px;
}

.contact-area form select {
    background-image: url(../images/icon-arrow-drop.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
}

select::-ms-expand {
    display: none;
}

select {
    -webkit-appearance: none;
    appearance: none;
}

.contact-area form textarea {
    width: 100%;
    height: 120px;
    line-height: 1.3;
    background-color: #ffffff;
    border: 1px solid #a3a3a3;
    padding: 15px 25px;
    font-size: 19px;
    font-family: 'montserratregular';
    color: #636363;
    margin-bottom: 15px;
}

.contact-area form .orange-btn {
    padding: 14px 85px;
    font-size: 18px;
}

/** contact area ends */

/** hero starts */
#hero {
    background-image: url(../images/new/hero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#hero > div:not(.hero-pagination):not(.clearfix) {
    width: 1230px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#hero .left {
    width: calc(100% - 407px);
    height: 400px;
}

#hero .left .inner {
    padding: 55px 0 0 45px;
}

#hero .left .inner h1 {
    font-size: 66.92px;
    color: #000000;
    font-family: 'montserratblack';
    margin: 0;
    line-height: 1;
    letter-spacing: -1px;
    position: relative;
}

#hero .left .inner h1 span {
    font-size: 27.28px;
    color: #000000;
    display: block;
    font-family: 'merriweatherregular';
    padding-left: 15px;
    margin-bottom: -5px;
}

#hero .left .inner .inners {
    font-size: 0;
    line-height: 1;
    margin-top: -5px;
    position: relative;
}

#hero .left .inner .inner-left {
    display: inline-block;
    vertical-align: top;
    font-size: 130.42px;
    color: #ffffff;
    font-family: 'montserratblack';
    line-height: 1;
    padding-right: 10px;
    margin-top: -10px;
    text-shadow: -3px 3px 0 #b54d23;
}

#hero .left .inner .inner-left span {
    display: inline-block;
    vertical-align: super;
    font-size: 75px;
    font-family: 'montserratmedium';
    position: relative;
    top: 10px;
}

#hero .left .inner .inner-right {
    display: inline-block;
    vertical-align: top;
    font-size: 18.18px;
    color: #000000;
    font-family: 'montserratblack';
}

#hero .left .inner .inner-right span {
    font-size: 42.62px;
    margin-top: -5px;
    display: block;
}

#hero .left .inner {
    position: relative;
}

#hero .left .inner:before {
    content: "";
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 200px;
    height: 200px;
    background-color: #ee632c;
    position: absolute;
    left: 57px;
    top: 79px;
    z-index: 0;
}

#hero .left .inner:after {
    content: "";
    display: block;
    position: absolute;
    width: 305px;
    height: 260px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    right: -28px;
    top: 35px;
    z-index: 2;
    background-image: url(../images/hero-product.png);
}

#hero .left .inner a {
    margin-top: 2px;
}

.yellow-btn {
    display: inline-block;
    font-size: 17.38px;
    color: #000000 !important;
    text-transform: uppercase;
    font-family: 'montserratblack';
    background-color: #ffe100;
    line-height: 1;
    padding: 15px 35px;
}

.add-btn {
    display: inline-block;
    font-size: 17.38px;
    color: #000000 !important;
    text-transform: uppercase;
    font-family: 'montserratblack';
    background-color: #ffe100;
    line-height: 1;
    padding: 15px 35px;
    padding: 25px 60px;
    display: inline-block;
    font-size: 20.6px;
    font-family: 'montserratblack';
    color: white !important;
    border: 0;
    background-color: #ee632c;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 16px;
    color: black;
    padding: 16px 44px;
    margin-top: 0;
    font-family: 'bazookaregular';
}

#hero .right {
    height: 370px;
    width: 407px;
    padding: 30px 15px 0 0;
}

#hero .right .top,
#hero .right .bottom {
    height: calc(50% - 10px);
    background-color: white;
    width: 100%;
    -webkit-box-shadow: 0 0 6px 0 rgba(168, 148, 1, 0.5);
    box-shadow: 0 0 6px 0 rgba(168, 148, 1, 0.5);
}

#hero.sept .right .top,
#hero.sept .right .bottom {
    -webkit-box-shadow: 0 0 6px 0 rgba(90, 90, 89, 0.5);
    box-shadow: 0 0 6px 0 rgba(90, 90, 89, 0.5);
}

#hero .right .inner {
    padding: 20px 0 0 20px;
    height: 100%;
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 15px;
}

#hero .right .top {
    margin-bottom: 20px;
}

#hero .right h3 {
    margin: 0 0 6px 0;
    font-size: 21px;
    font-family: 'montserratblack';
    color: #000000;
}

#hero .right p {
    margin: 0;
    font-size: 13px;
    line-height: 18px;
    color: #000000;
    font-family: 'merriweatherregular';
}

#hero .right p span {
    color: #ee632c;
    text-decoration: underline;
}

#hero .right a {
    font-size: 18px;
    font-family: 'montserratblack';
    color: #ee632c;
    margin-top: 10px;
    display: inline-block;
}

/** hero ends */

/** under hero starts */
#under-hero {
    font-size: 0;
    background-color: #333333;
    color: white;
    text-align: center;
    padding: 6px 0 4px 0;
    margin-bottom: 7px;
}

#under-hero > .container-fluid > div {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

#under-hero > .container-fluid > div.left {
    line-height: 1;
    font-size: 46.7px;
    font-family: 'montserratlight';
    letter-spacing: -0.5px;
    padding-right: 20px;
    border-right: 1px solid white;
}

#under-hero > .container-fluid > div.left strong {
    font-size: 51.16px;
    font-family: 'montserratblack';
    display: block;
    margin-top: -6px;
    letter-spacing: 0px;
}

#under-hero > .container-fluid > div.center {
    padding-left: 20px;
    margin-right: 25px;
}

#under-hero > .container-fluid > div.center p {
    font-size: 12px;
    line-height: 18px;
    font-family: 'merriweatherregular';
    margin: 0 0 4px 0;
    color: white;
    width: 380px;
    max-width: 100%;
}

#under-hero > .container-fluid > div.center p strong {
    display: block;
    font-size: 24px;
    letter-spacing: -1px;
    font-family: 'montserratblack';
    color: white;
    margin-bottom: 4px;
}

#under-hero > .container-fluid > div.center a {
    font-size: 18px;
    font-family: 'montserratblack';
    color: #ffe100;
}

/** under hero ends */

/** our priority starts */
#our-priority {
    padding: 50px 15px 55px 15px;
}

#our-priority h1 {
    position: relative;
    font-size: 24px;
    color: #333333;
    line-height: 1;
    margin: 0;
}

#our-priority strong {
    display: block;
    font-size: 48px;
    font-family: 'montserratblack';
    color: #ee632c;
    text-transform: uppercase;
    word-spacing: -1px;
    margin-top: 5px;
}

#our-priority a {
    font-size: 17.38px;
    margin-top: 10px;
    padding: 15.5px 29px;
}

#our-priority span {
    background-color: white;
    padding: 0 10px;
    display: inline-block;
    position: relative;
}

#our-priority h1:before {
    content: "";
    top: 50%;
    top: 8px;
    left: 50%;
    width: 740px;
    margin-left: -370px;
    height: 1px;
    background-color: #c8c8c8;
    position: absolute;
}

/** our priority ends */

/** home products starts */
#home-products {
    padding: 0 7.5px;
    font-size: 0;
}

#home-products .home-product-item {
    width: 25%;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

#home-products .home-product-item > a:not(.orange-btn) {
    display: block;
    line-height: 1;
}

#home-products .home-product-item > a .image {
    height: 300px;
    line-height: 300px;
    border: 1px solid #d9d9d9;
    position: relative;
}

.price-label {
    line-height: 1;
    background-image: url(../images/price-badge.png);
    width: 179px;
    height: 63px;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 15px;
    right: -1px;
    background-size: cover;
    padding: 13px 0 0 45px;
    font-size: 0;
    text-align: left;
}

.price-label > div:first-child {
    font-size: 24px;
    color: #000000;
    font-family: 'montserratblack';
    line-height: 1;
    text-align: left;
    margin-bottom: 2px;
}

.price-label > div:first-child span {
    display: inline-block;
    vertical-align: super;
    font-size: 12px;
    line-height: 1;
}

.price-label > div:first-child .per {
    font-size: 10px;
    line-height: 1;
    color: #000000;
    font-family: 'merriweatherregular';
    display: inline-block;
    width: 29px;
}

.price-label > div:last-child {
    font-size: 11px;
    color: #000000;
    font-family: 'montserratregular';
}

.price-label > div:last-child span {
    display: inline-block;
    vertical-align: super;
    font-size: 5.5px;
}

.price-label > div:last-child strong {
    font-family: 'montserratblack';
}

#home-products .home-product-item > a.orange-btn {
    font-size: 17.38px;
    padding: 14.5px 15px;
    width: 235px;
    max-width: 100%;
}

#home-products .home-product-item .name {
    text-transform: uppercase;
    font-size: 15px;
    font-family: 'montserratblack';
    color: #000000;
    text-align: center;
    padding: 17px 5px 23px 5px;
    letter-spacing: -0.5px;
    height: 70px;
}

@media screen and (min-width: 992px) {
    #home-products .home-product-item .name {
        height: 70px;
    }
}

/** home products ends */

/** benefits starts */
#benefits {
    text-align: center;
    padding: 70px 0 0 0;
}

#benefits .title {
    font-family: 'montserratblack';
    font-size: 36px;
    text-transform: uppercase;
    color: #333333;
    line-height: 1;
    margin-bottom: 45px;
}

#benefits .benefits {
    font-size: 0;
    padding: 0 60px;
}

#benefits .benefit-item {
    display: inline-block;
    width: 33.3333%;
    vertical-align: bottom;
    margin-bottom: 45px;
}

#benefits .benefit-item .image {
    line-height: 85px;
    height: 85px;
    margin-bottom: 15px;
}

#benefits .benefit-item img {
}

#benefits .benefit-item p {
    font-size: 18px;
    font-family: 'montserratblack';
    color: #000000;
    margin: 0;
    letter-spacing: -0.5px;
    line-height: 1;
}

/** benefits ends */
.divider-hr {
    margin: 0 0 0 0;
    padding: 0 0 15px 0;
}

/** guarantee starts */
#guarantee {
    margin-top: 30px;
    margin-bottom: 70px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcc00+1,f3821f+100 */
    background: rgb(255, 204, 0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 204, 0, 1) 1%, rgba(243, 130, 31, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 204, 0, 1) 1%, rgba(243, 130, 31, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 204, 0, 1) 1%, rgba(243, 130, 31, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#f3821f', GradientType=1); /* IE6-9 */
}

#guarantee .inner {
    width: 835px;
    max-width: 100%;
    margin: 0 auto;
    padding: 60px 0 55px 250px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(../images/icon-guarantee.png);
}

#guarantee .inner p {
    font-size: 18px;
    line-height: 24px;
    margin: 0;
    color: #ffffff;
    word-spacing: -1px;
    font-family: 'merriweatherregular';
}

#guarantee .inner p strong {
    display: block;
    letter-spacing: -0.5px;
    font-size: 36px;
    font-family: 'montserratblack';
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 13px;
}

#how-we {
    text-align: center;
    padding: 80px 0 60px 0;
    font-size: 0;
    line-height: 1;
}

#how-we .title {
    font-size: 36px;
    color: #333333;
    font-family: 'montserratblack';
    margin-bottom: 30px;
}

#how-we .signs {
    padding: 0 60px;
}

#how-we .signs .s-item {
    display: inline-block;
    vertical-align: top;
    width: 20%;
}

#how-we .signs .s-item .image {
    line-height: 70px;
    margin-bottom: 15px;
}

#how-we .signs .s-item p {
    font-family: 'montserratblack';
    font-size: 14.5px;
    color: #000000;
    margin: 0;
}

#how-we .signs .s-item p span {
    font-size: 12px;
    font-family: 'montserratregular';
    margin-bottom: -12px;
}

/** guarantee ends */
#our-brands {
    position: relative;
    margin-top: 120px;
}

#our-brands .inner {
    width: calc(100% - 370px);
    margin: 0 0 0 auto;
    padding-bottom: 40px;
    text-align: left;
}

#our-brands:before {
    content: "";
    display: block;
    position: absolute;
    left: 5px;
    bottom: 0;
    width: 360px;
    height: 315px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url(../images/new/woman.png);
}

#our-brands .title {
    font-family: 'montserratblack';
    color: #333333;
    text-align: left;
    margin-bottom: 35px;
    font-size: 36px;
}

#our-brands .brands {
    font-size: 0;
}

#our-brands .brands .brand-item:nth-child(5), #our-brands .brands .brand-item:last-child {
    margin-right: 0
}

#our-brands .brands .brand-item {
    display: inline-block;
    vertical-align: middle;
    margin-right: 50px;
    margin-bottom: 20px;
}

/** best brands starts */
#best-brands {
    text-align: center;
    padding: 0 30px 65px 30px;
}

#best-brands .title {
    font-family: 'montserratblack';
    font-size: 36px;
    text-transform: uppercase;
    color: #ee632c;
    line-height: 1;
    margin-bottom: 40px;
}

#best-brands .brands {
    font-size: 0;
}

#best-brands .brands .brand-item {
    display: inline-block;
    vertical-align: middle;
    padding: 0 40px;
    margin-bottom: 13px;
}

/** best brands ends */

/** before footer starts */
#before-footer {
    font-size: 0;
    margin-bottom: 10px;
}

#before-footer .left {
    margin-right: 10px;
}

#before-footer .left,
#before-footer .right {
    width: calc(50% - 5px);
    display: inline-block;
    vertical-align: top;
    height: 275px;
    background-color: #ee632c;
    color: white;
    text-align: center;
}

#before-footer .left .inner {
    width: 405px;
    max-width: 100%;
    margin: 60px auto 0 auto;
}

#before-footer .inner h2 {
    margin: 0;
    font-size: 36px;
    text-transform: uppercase;
    font-family: 'montserratblack';
    color: #ffffff;
    line-height: 1;
    margin: 0;
    letter-spacing: -1.5px;
}

#before-footer .left .inner p {
    font-size: 18px;
    line-height: 24px;
    margin: 10px 0 0 0;
}

#before-footer .left .inner form {
    font-size: 0;
    margin-top: 15px;
}

#before-footer .left .inner input[type="email"] {
    height: 46px;
    line-height: 46px;
    padding: 0 15px;
    background-color: white;
    display: inline-block;
    vertical-align: top;
    width: calc(100% - 114px);
    color: black;
    border: 0;
    font-size: 16px;
}

#before-footer .left .inner input[type="submit"] {
    height: 46px;
    line-height: 48px;
    padding: 0 0;
    width: 114px;
    font-size: 18px;
    font-family: 'montserratblack';
    color: #333333;
    background-color: #ffe000;
    border: 0;
    display: inline-block;
    vertical-align: top;
}

#before-footer .right {
    background-image: url(../images/yourplace-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#before-footer .right .inner {
    width: 420px;
    max-width: 100%;
    margin: 90px auto 0 auto;
}

#before-footer .selectric {
    border: 0;
    border-radius: 0px;
    background: #ffffff;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
}

#before-footer .selectric .label {
    text-align: left;
    margin: 0 38px 0 0;
    font-size: 12px;
    line-height: 48px;
    color: #333333;
    height: 48px;
    padding: 0 18px;
    font-size: 14px;
    font-family: 'merriweatherregular';
}

#before-footer .selectric .button {
    right: 0;
    top: 0;
    width: 60px;
    height: 48px;
    line-height: 48px;
    background-color: #ffe000;
    color: #333333;
    font-size: 21px;
}

#before-footer .selectric .button:after {
    display: none;
}

/** before footer ends */

/** locations starts */
#location-map {
    height: 410px;
    position: relative;
    margin-bottom: 30px;
}

.locations.page-inner {
    width: 1130px;
    max-width: 100%;
    margin: 0 auto;
}

.locations.page-inner h1 {
    margin: 0 0 5px 0;
    font-size: 40px;
    font-family: 'montserratblack';
    color: #222222;
}

.locations.page-inner p {
    font-size: 15px;
    color: #030815;
    line-height: 25px;
    margin: 0;
}

#locations-intro {
    padding: 70px 0 35px 0;
}

#locations {
    font-size: 0;
    padding-bottom: 35px;
}

#locations .locations-item {
    display: inline-block;
    vertical-align: top;
    width: 25%;
    margin-bottom: 55px;
}

#locations .locations-item .name {
    font-size: 17px;
    color: #222222;
    font-family: 'montserratbold';
    letter-spacing: -0.5px;
    margin-bottom: 5px;
}

#locations .locations-item .phone {
    font-family: 'montserratregular';
    background-image: url(../images/icon-phone-orange.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 5px 0 5px 30px;
}

#locations .locations-item .phone a {
    font-size: 15px;
    line-height: 1;
    color: #ee632c;
}

#locations .locations-item .address {
    font-size: 15px;
    line-height: 20px;
    color: #222222;
    font-family: 'montserratregular';
    background-image: url(../images/icon-location-orange.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding-left: 30px;
    margin-bottom: 10px;
}

#locations .locations-item .orange-btn {
    font-size: 11px;
    padding: 14.5px 32px;
    margin-top: 15px;
}

#locations .locations-item .inner {
    width: 300px;
    max-width: 100%;
    margin: 0 auto;
}

/** locations  ends */

/** single location starts */
#single-location-map {
    height: 250px;
    position: relative;
}

#single-location {
    padding: 70px 0 70px 0;
}

#single-location .title {
    text-align: center;
    text-transform: uppercase;
    font-size: 40px;
    font-family: 'montserratblack';
    color: #222222;
    margin-bottom: 70px;
}

#single-location .title span {
    color: #ee632c;
}

#single-location .left .manager {
    font-size: 0;
    margin-top: 0;
    position: relative;
    top: -20px;
    margin-bottom: -20px;
}

#single-location .left .manager .image {
    display: inline-block;
    vertical-align: middle;
    width: 140px;
}

#single-location .left .manager .content {
    display: inline-block;
    vertical-align: middle;
    width: calc(100% - 140px);
}

#single-location .left .manager .content p:first-child {
    margin: 0 0 5px 0;
    font-size: 22px;
    color: #ee632c;
    font-family: 'montserratblack';
}

#single-location .left .manager .content p:nth-child(2) {
    margin: 0 0 10px 0;
    font-size: 14.76px;
    color: #191b1b;
    font-family: 'montserratregular';
}

#single-location .left .manager .content a {
    font-size: 12.32px;
    padding: 15px 21px;
}

#single-location .left {
    padding-left: 115px;
    border-right: 1px solid #929292;
    padding-right: 45px;
}

#single-location .left h1 {
    font-size: 30px;
    font-family: 'montserratblack';
    margin: 50px 0 10px 0;
    line-height: 39px;
    text-transform: uppercase;
    color: #ee632c;
}

#single-location .left p {
    font-size: 15px;
    line-height: 25px;
    color: #030815;
    margin: 0 0 30px 0;
}

#single-location .left p:last-child {
    margin-bottom: 0;
}

#single-location .right {
    padding: 0 45px 0 30px;
}

#single-location .right .stars-container a {
    display: block;
    background-color: #ffe000;
    text-align: center;
    padding: 15px 15px 20px 15px;
    background-image: url(../images/star-bg.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    background-size: 320px;
    text-align: center;
}

#single-location .right .stars-container a p {
    font-family: 'montserratbold';
    font-size: 16px;
    color: #252122;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.3;
    margin: 0 auto 10px auto;
}

#single-location .right .stars-container a img {
    max-width: 100%;
    width: 240px;
    margin-left: auto;
    margin-right: auto;
    display: block;
}

#single-location .right .location-row .title {
    font-size: 26.3px;
    color: #ee632c;
    margin-bottom: 10px;
    font-family: 'montserratbold';
    text-align: left;
    text-transform: none;
}

#single-location .right .location-row .row-content,
#single-location .right .location-row .row-content a {
    font-size: 15px;
    line-height: 21px;
    text-align: left;
    color: #191b1b;
    font-family: 'montserratregular';
}

#single-location .right .location-row .row-content .address {
    content: "";
    background-image: url(../images/icon-location-orange-big.png);
    padding-left: 35px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 10px;
}

#single-location .right .location-row .row-content .phone {
    content: "";
    background-image: url(../images/icon-phone-orange-big.png);
    padding-left: 35px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-bottom: 10px;
    padding-top: 10px;
    margin-top: 5px;
}

#single-location .right .location-row .row-content .phone a {
}

#single-location .right .location-row:not(:last-child) .row-content:after {
    content: "";
    display: block;
    width: 215px;
    max-width: 100%;
    background-color: #b7b7b7;
    height: 1px;
    margin-top: 25px;
    margin-bottom: 15px;
    margin-left: 0;
}

#single-location .right .location-row.padding-left:not(:last-child) .row-content:after {
    margin-left: -10px;
}

.padding-left {
    padding-left: 10px;
}

#single-location .right.location-row .table {
    font-size: 0;
}

#single-location .right .location-row .table .tr {
    font-size: 0;
}

#single-location .right .location-row .table .tr > div:nth-child(1) {
    width: 54%;
    display: inline-block;
    vertical-align: top;
    font-size: 13.35px;
    line-height: 21.5px;
    color: #070000;
}

#single-location .right .location-row .table .tr > div:nth-child(2) {
    width: 36%;
    display: inline-block;
    vertical-align: top;
    font-size: 13.35px;
    line-height: 21.5px;
    color: #070000;
    text-align: center;
    text-align: left;
}

#single-location .right .location-row .row-content.links a {
    display: inline-block;
    font-size: 15px;
    line-height: 30px;
    text-decoration: underline;
}

#single-location .right .hours {
    margin-top: 25px;
}

#single-location .right .table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 20px;
    width: 230px;
}

#single-location .right .location-row .table .tr > div:nth-child(1),
#single-location .right .location-row .table .tr > div:nth-child(2) {
    width: 50%;
}

.before-products-title {
    font-size: 36px;
    font-family: 'montserratblack';
    color: #ee632c;
    text-transform: uppercase;
    margin-bottom: 30px;
    padding: 0 15px;
}

.page-inner.single-location #home-products {
    width: 890px;
    padding-bottom: 70px;
    max-width: 100%;
    margin: 0 auto;
}

.page-inner.single-location #home-products img {
    max-width: 100%;
    max-height: 98%;
}

.page-inner.single-location #home-products .home-product-item > a .image {
    height: 210px;
    line-height: 210px;
}

.page-inner.single-location #home-products .home-product-item .name {
    letter-spacing: 0;
    font-size: 10.63px;
    padding: 12px 5px 17px 5px;
}

.page-inner.single-location #home-products .home-product-item > a.orange-btn {
    font-size: 12.32px;
    padding: 11px 15px;
    width: 100%;
    display: block;
}

.page-inner.single-location #home-products .price-label {
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
    -o-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    transform-origin: 100% 0;
    top: 10px;
}

/** single location ends */

/** why starts */
#why-header {
    text-align: center;
    background-image: url(../images/why-bg.png), url(../images/why-after.png);
    background-color: #ffcc00;
    background-repeat: no-repeat, no-repeat;
    background-position: center, 100% 100%;
    margin-bottom: -10px;
    color: #222222;
    padding: 60px 15px;
}

#why-header .inner {
    width: 760px;
    max-width: 100%;
    margin: 0 auto;
}

#why-header .inner h1 {
    font-size: 46.25px;
    text-transform: uppercase;
    color: #222222;
    margin: 0 0 22px 0;
    font-family: 'montserratblack';
}

#why-header .inner h2 {
    font-size: 24.96px;
    margin: 0 0 7px 0;
    text-transform: uppercase;
    color: #222222;
    font-family: 'montserratbold';
}

#why-header .inner p {
    font-size: 13.95px;
    line-height: 26.43px;
    color: #222222;
    margin: 0;
}

.why .about-area .left .inner {
    width: 370px;
    max-width: 100%;
    border-right: 1px solid #929292;
    padding-left: 55px;
    padding-right: 30px;
}

/** why ends */

/** rate starts */
#rate .inner .stars ul {
    font-size: 0;
    margin-top: 10px;
    padding: 0;
}

#rate.submitted .inner .stars ul,
#rate.submitted .inner .stars ul li,
#rate.submitted .inner .stars ul li a {
    pointer-events: none;
}

#rate .inner .stars ul li {
    margin: 0 10px;
    vertical-align: middle;
    padding: 0;
    padding-left: 0;
    padding-right: 0;
}

#rate .inner .stars ul li a {
    display: block;
    position: relative;
    width: 87px;
    height: 82px;
}

#rate .inner .stars ul li a img.to-hover {
    position: absolute;
    left: 0;
    top: 0;
}

#rate .stars ul li:nth-child(1) a {
    -webkit-animation-delay: 0s;
}

#rate .stars ul li:nth-child(2) a {
    -webkit-animation-delay: 0.15s;
}

#rate .stars ul li:nth-child(3) a {
    -webkit-animation-delay: 0.3s;
}

#rate .stars ul li:nth-child(4) a {
    -webkit-animation-delay: 0.45s;
}

#rate .stars ul li:nth-child(5) a {
    -webkit-animation-delay: 0.6s;
}

#rate .stars ul li.shake:nth-child(1) a img {
    -webkit-transition-delay: 0s; /* Safari */
    transition-delay: 0s;
}

#rate .stars ul li.shake:nth-child(2) a img {
    -webkit-transition-delay: 0.15s; /* Safari */
    transition-delay: 0.15s;
}

#rate .stars ul li.shake:nth-child(3) a img {
    -webkit-transition-delay: 0.3s; /* Safari */
    transition-delay: 0.3s;
}

#rate .stars ul li.shake:nth-child(4) a img {
    -webkit-transition-delay: 0.45s; /* Safari */
    transition-delay: 0.45s;
}

#rate .stars ul li.shake:nth-child(5) a img {
    -webkit-transition-delay: 0.6s; /* Safari */
    transition-delay: 0.6s;
}

#rate .stars ul li:not(.clicked) img.to-hover,
#rate.loaded .stars .loaded ul li img.outline,
#rate .stars.loaded ul li img.outline,
#rate:not(.done) .stars ul li img.to-load {
    opacity: 0;
    visibility: hidden;
}

#rate .stars ul li.shake a img.to-hover {
    opacity: 1;
    visibility: visible;
}

#rate .stars ul li.shake a .outline,
#rate .stars ul li.clicked a .outline {
    visibility: hidden;
    opacity: 0;
}

#rate .stars ul li.shake a {
    -webkit-animation-name: spaceboots;
    -webkit-animation-duration: 0.2s;
    -webkit-transform-origin: 50% 50%;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes spaceboots {
    0% {
        -moz-transform: scale(1.1);
        -webkit-transform: scale(1.1);
        -o-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1);
    }

,
100
%
{
    -moz-transform: scale(1.1)
;
    -webkit-transform: scale(1.1)
;
    -o-transform: scale(1.1)
;
    -ms-transform: scale(1.1)
;
    transform: scale(1.1)
;
}

}

#rate .title {
    background-image: url(../images/stars-back.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffcc00;
    padding: 65px 15px 75px 15px;
}

#rate .title h1 {
    font-size: 98.17px;
    color: #222222;
    font-family: 'montserratblack';
    line-height: 1;
    text-transform: uppercase;
    margin: 0 0 15px 0;
}

#rate .title h1 strong {
    display: block;
    font-size: 81.93px;
    font-family: 'montserratblack';
    margin-top: -10px;
}

#rate .title p {
    font-size: 18px;
    line-height: 24px;
    font-family: 'merriweatherregular';
    color: #181818;
    margin: 0;
}

#rate.click .title p {
    display: none;
}

#rate #rate-form {
    font-size: 0;
    width: 1000px;
    max-width: 100%;
    margin: 0 auto;
    padding: 35px 0;
}

#rate #rate-form input:not([type="submit"]) {
    margin: 0 15px 0 0;
}

#rate #rate-form select {
    background-image: url(../images/icon-select.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 20px) 50%;
}

#rate #rate-form input:not([type="submit"]), #rate #rate-form select {
    display: inline-block;
    vertical-align: middle;
    height: 49px;
    line-height: 49px;
    border: 1px solid #d7d7d7;
    background-color: #fafafa;
    font-size: 16px;
    font-family: 'montserratregular';
    color: #181818;
    padding: 0 19px;
    width: calc(25% - 11.25px);
}

#rate #rate-form p {
    font-size: 18px;
    line-height: 24px;
    font-family: 'merriweatherregular';
    color: #181818;
    margin: 0 0 20px 0;
}

#rate #rate-form .orange-btn,
#rate .final-form .orange-btn {
    font-size: 21px;
    margin-top: 40px;
    padding: 18px 70px;
}

#rate .after-form h1 {
    font-size: 48px;
    font-family: 'montserratblack';
    color: #ee632c;
    margin: 0;
    text-transform: uppercase;
}

#rate .after-form p {
    font-size: 18px;
    line-height: 24px;
    font-family: 'merriweatherregular';
    color: #181818;
    margin: 0 0 30px 0;
}

#rate .final-form {
    padding-bottom: 65px;
}

#rate .final-form label {
    font-size: 18px;
    line-height: 24px;
    font-family: 'montserratregular';
    color: #181818;
    display: block;
    margin: 0 0 1px 0;
}

#rate .final-form textarea {
    width: 490px;
    max-width: 100%;
    height: 90px;
    padding: 15px 19px;
    border: 1px solid #d7d7d7;
    background-color: #fafafa;
    font-size: 16px;
    font-family: 'montserratregular';
    display: block;
    margin: 0 auto;
    color: #181818;
}

#rate .final-form .orange-btn {
    margin-top: 25px;
}

#rate .to-slide .step:not([rel="0"]) {
    padding: 65px 0 0 0;
}

#rate .star-social {
    width: 835px;
    max-width: 100%;
    margin: -50px auto 0 auto;
    padding-bottom: 35px;
}

#rate .star-social ul {
    padding: 0;
    margin: 0;
    font-size: 0;
}

#rate .star-social ul li {
    width: 50%;
    padding: 0 15px;
}

#rate .star-social ul li:nth-child(1) a {
    background-color: #3b5998;
}

#rate .star-social ul li a i {
    font-size: 80px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
    color: white;
}

#rate .star-social ul li a p {
    vertical-align: middle;
    display: inline-block;
    font-size: 20px !important;
    line-height: 29px !important;
    color: white !important;
    width: calc(100% - 140px) !important;
    text-transform: uppercase;
    font-family: 'montserratextrabold';
    margin: 0;
}

#rate .star-social ul li a p span {
    font-size: 29px;
    line-height: 31px;
    display: block;
}

#rate .star-social ul li:nth-child(2) a {
    background-color: #dd4b39;
}

#rate .star-social ul li a {
    display: block;
    font-size: 0;
    text-align: left;
    padding: 10px 15px 10px 55px;
    color: white;
}

#rate .star-social ul li:before {
    content: "";
    display: block;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 279px;
    height: 192px;
    background-image: url(../images/star-li.png);
    margin-bottom: -25px;
}

#rate .to-slide .step[rel="5"] {
    background-image: url(../images/confetti.png);
    background-repeat: no-repeat;
    background-position: center 0;
}

/** rate ends */

/** checkout banner */

#checkout-banner {
    background-color: #fee000;
    font-size: 0;
    height: 161px;
}

#checkout-banner > div {
    display: inline-block;
    vertical-align: middle;
}

#checkout-banner > .left {
    width: 57%;
    font-size: 37px;
    position: relative;
    line-height: 41px;
    text-transform: uppercase;
    color: #222222;
    font-family: 'montserratbold';
    padding-top: 0;
    padding-left: 100px;
}

#checkout-banner > .left strong {
    display: block;
    font-size: 61px;
    line-height: 1;
}

#checkout-banner > .right {
    width: 43%;
    font-size: 0;
    background-color: #ffcc00;
    position: relative;
    height: 100%;
    padding-top: 35px;
    padding-left: 20px;
}

#checkout-banner > .right > div {
    display: inline-block;
    vertical-align: middle;
}

#checkout-banner > .right > div.inner-left {
    font-family: 'montserratextrabold';
    font-size: 102px;
    color: #222222;
    line-height: 1;
    margin-right: 10px;
}

#checkout-banner > .right:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 0;
    top: 50%;
    background-image: url(../images/yellow-right.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 95px;
    height: 161px;
    left: -95px;
    margin-top: -80.5px;
}

#checkout-banner > .right > div.inner-left span {
    display: inline-block;
    vertical-align: super;
    font-size: 62px;
    position: relative;
    top: 5px;
}

#checkout-banner > .right > div.inner-right {
    font-size: 44px;
    line-height: 1;
    font-family: 'montserratlight';
    letter-spacing: 1px;
}

#checkout-banner > .right > div.inner-right strong {
    display: block;
    letter-spacing: 0.5px;
    font-size: 28px;
    color: #222222;
    padding-bottom: 5px;
    border-bottom: 1px solid #222222;
    font-family: 'montserratbold';
}

/** categories starts */
.page-inner.categories {
    width: 1045px;
    max-width: 100%;
    margin: 0 auto;
    padding: 70px 15px 25px 15px;
}

#category-title {
    font-size: 0;
    margin-bottom: 40px;
    position: relative;
}

#category-title div {
    display: inline-block;
    vertical-align: middle;
}

#category-title div.image {
    width: 155px;
    padding-right: 35px;
}

#category-title div.image img {
    max-width: 100%;
}

#category-title div.text {
    width: calc(100% - 155px);
}

#category-title div.text h1 {
    font-size: 44px;
    color: #000000;
    font-family: 'montserratblack';
    margin: 0;
    text-transform: uppercase;
}

#category-title div.text p {
    font-size: 16px;
    color: #000000;
    margin: 0;
}

#categories {
    font-size: 0;
}

#categories .category-item {
    display: inline-block;
    vertical-align: top;
    width: calc(33.33333% - 14px);
    margin-bottom: 21px;
}

#categories .category-item:not(:nth-child(3n+3)) {
    margin-right: 21px;
}

#categories .category-item a {
    height: 215px;
    display: block;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
}

#categories .category-item a:after {
    background-image: url(../images/category-hover.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: contain;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

#categories .category-item a:hover:after {
    opacity: 1;
    visibility: visible;
}

#categories .category-item a .bottom {
    position: absolute;
    z-index: 2;
    bottom: 0;
    left: 0;
    width: 100%;
    text-align: right;
    font-size: 13.35px;
    color: #ffffff;
    line-height: 1;
    font-family: 'montserratbold';
    text-transform: uppercase;
    padding: 10px;
    letter-spacing: 1px;
}

#categories .category-item a .bottom span {
    display: block;
    font-size: 26px;
    font-family: 'montserratbold';
    color: #ffffff;
    letter-spacing: 0;
}

#sense {
    padding: 60px 0;
    margin: 39px 0 45px 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}

#sense {
    font-size: 0;
}

#sense .left {
    width: 39.5%;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../images/sense-left.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    padding: 60px 30px;
    background-size: cover;
}

#sense .left h2 {
    font-size: 27.7px;
    color: #ffffff;
    line-height: 1.3;
    margin: 0 0 15px 0;
    font-family: 'montserratbold';
}

#sense .left p {
    font-size: 20.7px;
    line-height: 1.3;
    color: #ffffff;
    margin: 0;
}

#sense .left p strong {
    font-family: 'merriweatherblack';
    font-style: italic;
}

#sense .right {
    width: 60.5%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    padding-right: 50px;
    position: relative;
    padding-left: 10px;
}

#sense .right img {
    max-width: 100%;
}

#sense .right .swiper-button-next,
#sense .right .swiper-button-prev {
    width: 21px;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#sense .right .swiper-button-next {
    background-image: url(../images/swiper-right.png);
}

#sense .right .swiper-button-prev {
    background-image: url(../images/swiper-left.png);
}

#sense .right .swiper-button-disabled {
    display: none;
}

#category-about {
    padding: 0 0 0 30px;
}

#category-about p::first-line {
    font-size: 16px;
}

#category-about p {
    font-size: 14px;
    line-height: 20px;
    color: #000000;
    width: 800px;
    max-width: 100%;
    margin-bottom: 15px;
}

#category-about p strong {
    font-family: 'merriweatherbold';
}

#category-about a {
    color: black;
    text-decoration: none;
    font-family: 'merriweatherbold';
}

#category-about a i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -2px;
}

/** categories ends */

/** products landing starts */
.page-inner.products {
    width: 1150px;
    max-width: 100%;
    margin: 0 auto 0 auto;
    padding: 65px 15px 80px 15px;
}

#products {
    font-size: 0;
    padding-top: 5px;
}

#products .sidebar {
    width: 24.5%;
    display: block;
    float: left;
}

#products .sidebar .sidebar-title {
    background-color: #ee632c;
    color: white;
    padding: 38.5px 15px;
    text-align: center;
    font-size: 20px;
    text-transform: uppercase;
    font-family: 'montserratblack';
    margin-bottom: 25px;
}

#products .sidebar .sidebar-outer {
    background-color: #f8f8f8;
    padding-bottom: 55px;
    margin-bottom: 15px;
}

#products .sidebar .sidebar-part {
    padding: 0 15px;
    margin-bottom: 35px;
}

#products .sidebar .sidebar-part .title {
    color: #0e0b02;
    font-size: 13.67px;
    text-transform: uppercase;
    font-family: 'montserratblack';
    margin-bottom: 5px;
}

#products .sidebar .sidebar-part ul {
    margin: 0;
    padding: 0;
}

#products .sidebar .sidebar-part ul li:not(:last-child) {
    margin-bottom: 10px;
}

#products .sidebar .sidebar-part ul li {
    line-height: 1;
    margin: 0;
    padding: 0;
}

#products .sidebar .sidebar-part ul li a {
    font-size: 13.67px;
    font-family: 'merriweatherregular';
    color: #ee632c;
}

#products.parent-id-3649 .sidebar .sidebar-part .title,
#products.parent-id-3649 .sidebar .sidebar-part ul li a {
    font-size: 20px;
}

#products .sidebar .sidebar-newsletter {
    padding: 85px 20px 60px 20px;
    background-image: url(../images/sidebar-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 0 0;
}

#products .sidebar .sidebar-newsletter h2 {
    font-size: 27px;
    line-height: 32px;
    color: #000000;
    margin: 0 0 10px 0;
    font-family: 'montserratblack';
}

#products .sidebar .sidebar-newsletter p {
    font-size: 14px;
    line-height: 21px;
    color: #ffffff;
    margin: 0 0 10px 0;
}

#products .sidebar .sidebar-newsletter form {
    font-size: 0;
}

#products .sidebar .sidebar-newsletter input[type="email"] {
    width: 100%;
    height: 52px;
    line-height: 52px;
    border: 1px solid #a3a3a3;
    background-color: white;
    padding: 0 25px;
    font-size: 19px;
    color: #636363;
    font-family: 'montserratregular';
    margin-bottom: 18px;
}

#products .sidebar .sidebar-newsletter input[type="submit"] {
    width: 100%;
    height: 62px;
    line-height: 62px;
    border: 0;
    background-color: #0e0b02;
    padding: 0 15px;
    font-size: 17.31px;
    color: #ffffff;
    font-family: 'montserratblack';
}

#products .products-container {
    width: 75.5%;
    display: block;
}

#products .products-container .products {
    margin-right: -20px;
    margin-left: 10px;
}

#products .product-item {
    text-align: center;
    display: inline-block;
    float: none;
    vertical-align: bottom;
    margin-bottom: 55px;
}

#products .product-item .product-inner {
}

#products .product-item .image {
    height: 182px;
    line-height: 182px;
    margin-bottom: 10px;
}

#products .product-item .image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
}

#products .product-item .image a {
}

#products .product-item .content {
    font-size: 0;
}

#products .product-item .product-title {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    font-size: 11.43px;
    line-height: 16px;
    color: #000000;
    font-family: 'montserratregular';
    text-align: left;
    text-transform: uppercase;
    padding-left: 15px;
}

#products .product-item .product-title a {
    color: #000000;
    text-decoration: none;
}

.featured-item .content {
    font-size: 0;
}

#products .product-item .product-price {
    display: inline-block;
    vertical-align: middle;
    width: 52%;
    color: #ff6c00;
    font-family: 'montserratblack';
    line-height: 1;
    font-size: 46px;
    position: relative;
    text-align: right;
    padding-right: 0;
    top: -5px;
    left: -5px;
    margin-right: -2%;
}

#products .product-item .product-price > span:first-child {
    font-size: 20px;
    top: 0;
}

#products .product-item .product-price > span {
    font-size: 30px;
    display: inline-block;
    vertical-align: super;
    position: relative;
    top: 6px;
}

#products .product-item .product-price span.smaller {
    font-size: 7.5px;
    font-family: 'montserratmedium';
    position: absolute;
    bottom: -7px;
    right: 0;
    margin-left: -5px;
}

#products .product-item .product-link {
    margin-top: 10px;
}

#products .product-item .product-link a {
    font-size: 13.34px;
    color: black;
    padding: 16px 37.5px;
    margin-top: 0;
}

.top-sort {
    margin-top: 5px;
    padding-left: 30px;
    margin-bottom: 10px;
}

.top-sort label {
    font-family: 'montserratblack';
    color: #0d0c01;
    text-transform: uppercase;
    font-size: 16px;
    margin-right: 10px;
}

.top-sort select {
    border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #333333;
    font-size: 14px;
    font-family: 'montserratsemibold';
    color: #333333;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    background: url(../images/screenshot-arrow.png), -moz-linear-gradient(left, rgba(204, 204, 204, 1) 0%, rgba(233, 233, 233, 1) 5%, rgba(233, 233, 233, 1) 5%, rgba(233, 233, 233, 1) 50%, rgba(233, 233, 233, 1) 95%, rgba(204, 204, 204, 1) 100%); /* FF3.6-15 */
    background: url(../images/screenshot-arrow.png), -webkit-linear-gradient(left, rgba(204, 204, 204, 1) 0%, rgba(233, 233, 233, 1) 5%, rgba(233, 233, 233, 1) 5%, rgba(233, 233, 233, 1) 50%, rgba(233, 233, 233, 1) 95%, rgba(204, 204, 204, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: url(../images/screenshot-arrow.png), linear-gradient(to right, rgba(204, 204, 204, 1) 0%, rgba(233, 233, 233, 1) 5%, rgba(233, 233, 233, 1) 5%, rgba(233, 233, 233, 1) 50%, rgba(233, 233, 233, 1) 95%, rgba(204, 204, 204, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#cccccc', GradientType=1); /* IE6-9 */
    background-repeat: no-repeat, repeat;
    background-position: calc(100% - 8px) 50%, 100%;
}

.top-sort .sort-by select {
    width: 133px;
}

.top-sort .brand-filter select {
    width: 110px;
}

.top-sort .items-per-page:not(.brand-filter) select {
    width: 55px;
}

.page-inner.products #sense {
    width: 1030px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.page-inner.products #category-about {
    width: 1040px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

/** products landing ends */

/** product detail starts */
.page-inner.detail {
    width: 1140px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 90px 15px 30px 15px;
}

.detail-main {
    font-size: 0;
}

.detail-main .left {
    display: inline-block;
    vertical-align: top;
    width: 55%;
    padding-left: 50px;
    text-align: center;
}

.detail-main .left .product-image {
    position: relative;
    display: inline-block;
    width: auto;
    margin-bottom: 15px;
}

.page-inner.products #category-title:after /*,
.detail-main .left .product-image:after*/
{
    content: '';
    display: block;
    position: absolute;
    top: -40px;
    right: -40px;
    width: 180px;
    height: 180px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    background-image: url(../images/sac_seal.png);
}

.page-inner.products #category-title:after {
    top: -50px;
    right: 0;
    height: 130px;
}

.detail-main .left .product-image img {
    max-width: 100%;
}

.detail-main .left .product-image a {
    background-image: url(../images/icon-magnify.png);
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    bottom: 10px;
    right: 20px;
    width: 34px;
    height: 34px;
    position: absolute;
}

.detail-main .product-thumbs {
    font-size: 0
}

.detail-main .product-thumbs a {
    display: inline-block;
    vertical-align: top;
    margin-right: 15px;
}

.detail-main .right {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding-left: 50px;
}

.detail-main .right .product-name {
    font-size: 35px;
    line-height: 35px;
    font-family: 'montserratbold';
    color: #222222;
    text-transform: uppercase;
    width: 300px;
    margin-top: 0;
    max-width: 100%;
    margin-bottom: 5px;
}

.detail-main .right .product-sku {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 15px 0;
    font-family: 'montserratregular';
    color: #333;
}

.detail-main .right .product-price {
    font-size: 65px;
    font-family: 'montserratbold';
    color: #ee632c;
    line-height: 1;
    margin-bottom: -5px;
}

.detail-main .right .product-price span {
    display: inline-block;
    vertical-align: super;
    font-size: 32.5px;
}

.detail-main .right .product-price-description {
    font-size: 20px;
    font-family: 'montserratregular';
    color: #ee632c;
    margin-bottom: 15px;
}

.detail-main .right .product-select {
    width: 420px;
    max-width: 100%;
}

.detail-main .right .product-select .selectric-wrapper {
    margin-bottom: 30px;
}

.detail-main .right .product-select .selectric {
    border: 1px solid #929292;
    background: #ffffff;
}

.detail-main .right .product-select .selectric .label {
    display: block;
    margin: 0 0 0 0;
    font-size: 15px;
    font-family: 'montserratbold';
    color: #232323;
    line-height: 46px;
    padding: 0 19px;
    text-align: left;
    height: 46px;
}

.detail-main .right .product-select .selectric .button:after {
    display: none;
}

.detail-main .right .product-select .selectric .button {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    height: 46px;
    line-height: 60px;
    background-color: #fff;
    color: #333333;
    text-align: center;
}

.detail-main .right .product-select .selectric-items {
    position: static;
    border: 1px solid #929292;
    background: #fff;
    box-shadow: none;
    border-top: 0;
    border-bottom: 0;
}

.detail-main .right .product-select .selectric i {
    font-size: 21px;
}

.detail-main .right .product-select .selectric-items li {
    display: block;
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    font-size: 12.58px;
    color: #232323;
    border-bottom: 1px solid #929292;
    font-size: 12.56px;
    font-family: 'montserratbold';
    color: #232323;
}

.detail-main .right .product-select .selectric-items li.highlighted {
    background: #fff;
    color: #232323;
}

.detail-main .right .product-select .selectric-items li.selected {
    background: #fff;
    color: #232323;
}

.detail-main .right .product-rent {
}

.detail-main .right .product-rent a {
    padding: 25px 60px 23px;
}

.detail-main .right .product-list {
    margin-top: 25px;
}

.detail-main .right .product-list ul {
    font-size: 0;
}

.detail-main .right .product-list ul li {
    font-size: 19.56px;
    line-height: 1;
    font-family: 'montserratbold';
    color: #232323;
    padding: 0 0 0 23px;
    background-image: url(../images/icon-check.png);
    background-repeat: no-repeat;
    background-position: 0 0%;
    list-style-type: none;
    margin-bottom: 20px;
}

.detail-main .right .product-list p {
    font-size: 13px;
    line-height: normal;
    margin-top: 30px;
}

.detail-bottom {
    font-size: 0;
    border-top: 1px solid #e2e2e2;
    padding-top: 55px;
    margin-top: 10px;
}

.detail-bottom .left {
    display: inline-block;
    vertical-align: top;
    width: 55%;
    padding-left: 50px;
    padding-right: 25px;
}

.detail-bottom .right {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    padding-left: 50px;
}

.detail-bottom h2 {
    margin: 0;
    font-size: 25px;
    font-family: 'montserratbold';
    color: #000000;
}

.detail-bottom p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 15px 0;
    font-family: 'montserratregular';
}

.detail-bottom ul {
    padding-left: 15px;
    margin-top: 10px;
}

.detail-bottom li {
    font-size: 15px;
    line-height: 25px;
    color: #000000;
    font-family: 'montserratbold';
}

#icons {
    padding: 55px 0 25px 0;
    width: 1070px;
    margin: 30px auto 0 auto;
    font-size: 0;
    border-top: 1px solid #e2e2e2;
    max-width: 100%;
}

#icons .title {
    font-size: 45px;
    font-family: 'montserratbold';
    color: #000000;
    text-transform: uppercase;
    text-align: center;
    line-height: 1;
}

#icons .icons {
    width: 940px;
    max-width: 100%;
    margin: 0 auto;
}

#icons .icon-item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 18.75px);
    height: 215px;
    line-height: 215px;
    padding: 0 15px;
    text-align: center;
    margin-top: 45px;
}

#icons .icon-item:nth-child(2n+2) {
    background-color: #fee000;
}

#icons .icon-item:nth-child(2n+1) {
    background-color: #f59019;
}

#icons .icon-item:not(:last-child) {
    margin-right: 25px;
}

#icons .icon-item .image {
    line-height: 1;
}

#icons .icon-item .image img {
    max-width: 100%;
    margin-bottom: 15px;
}

#icons .icon-item .content {
    line-height: 1;
}

#icons .icon-item .content p strong {
    font-family: 'montserratblack';
    display: block;
}

#icons .icon-item .content p {
    line-height: 1;
    margin: 0;
    font-size: 21px;
    font-family: 'montserratregular';
    color: #000000;
}

#icons .icon-item .inner {
    display: inline-block;
    vertical-align: middle;
}

.page-inner.detail #sense {
    margin: 39px 0 25px 0;
    border-bottom: 0;
}

/** product detail ends */

/** banner starts */
#banner {
    background-color: #f59019;
    border-top: 7px solid #fee000;
    border-bottom: 7px solid #fee000;
    border-left: 6px solid #fee000;
    border-right: 6px solid #fee000;
    font-size: 0;
    text-align: center;
    position: relative;
    padding: 15px 0 0 0;
}

#banner:after {
    content: "";
    display: block;
    background-image: url(../images/banner-after.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 502px;
    height: 161px;
    position: absolute;
    right: -6px;
    bottom: -7px;
}

#banner > div {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    position: relative;
    z-index: 2;
    margin-bottom: -20px;
}

#banner .left .inner {
    padding: 0 0 0 0;
}

#banner .left .inner h1 {
    font-size: 51.5px;
    color: #000000;
    font-family: 'montserratblack';
    margin: 0;
    line-height: 1;
    letter-spacing: -1px;
    position: relative;
}

#banner .left .inner h1 span {
    font-size: 20.891px;
    color: #000000;
    display: block;
    font-family: 'merriweatherregular';
    padding-left: 15px;
    margin-bottom: -5px;
}

#banner .left .inner .inners {
    font-size: 0;
    line-height: 1;
    margin-top: -5px;
    position: relative;
}

#banner .left .inner .inner-left {
    display: inline-block;
    vertical-align: top;
    font-size: 99.47px;
    color: #ffffff;
    font-family: 'montserratblack';
    line-height: 1;
    padding-right: 10px;
    margin-top: -10px;
    text-shadow: -3px 3px 0 #b54d23;
    padding-left: 5px;
}

#banner .left .inner .inner-left span {
    display: inline-block;
    vertical-align: super;
    font-size: 50px;
    font-family: 'montserratmedium';
    position: relative;
    top: 7px;
}

#banner .left .inner .inner-right {
    display: inline-block;
    vertical-align: top;
    font-size: 13.86px;
    color: #000000;
    font-family: 'montserratblack';
}

#banner .left .inner .inner-right span {
    font-size: 32.51px;
    margin-top: 0;
    display: block;
}

#banner .left .inner {
    position: relative;
}

#banner .left .inner:before {
    content: "";
    display: block;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    width: 150px;
    height: 150px;
    background-color: #ee632c;
    position: absolute;
    left: 13px;
    top: 15px;
    z-index: 0;
}

#banner > div.center {
    margin: -22px 60px 0 40px;
}

#banner .yellow-btn {
    font-size: 23.53px;
    padding: 24px 45px 20px 45px;
    margin-top: -30px;
}

/** banner ends */

/** location popup starts */
.modal-dialog {
    max-width: 100%;
    width: 565px;
    margin: 30px auto;
}

.modal-content {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    border: 0;
    padding: 15px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eb9e06+0,ee632c+100 */
    background: rgb(235, 158, 6); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(235, 158, 6, 1) 0%, rgba(238, 99, 44, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(235, 158, 6, 1) 0%, rgba(238, 99, 44, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(235, 158, 6, 1) 0%, rgba(238, 99, 44, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb9e06', endColorstr='#ee632c', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.modal-body {
    background-color: white;
    border: 1px solid #c7c7c7;
    padding: 30px 15px;
    text-align: center;
}

.modal-body img {
    margin-bottom: 5px;
}

.modal-body hr {
    width: 330px;
    border-color: #dadada;
    max-width: 100%;
    margin: 15px auto;
}

.modal-body p {
    font-size: 16px;
    line-height: 30px;
    color: #5d5d5d;
    margin-bottom: 0;
}

.modal-body p:first-of-type {
    margin-top: 20px;
}

.modal-body p a {
    font-size: 20px;
    color: #fc691b;
    font-family: 'montserratregular';
    display: inline-block;
    margin-top: 0;
}

.modal-body p + p br:first-of-type {
    display: none;
}

.modal-body strong {
    font-size: 24px;
    font-family: 'montserratregular';
    color: #fc691b;
    display: block;
    margin-bottom: 0;
    font-weight: 400;
    text-transform: uppercase;
}

select::-ms-expand {
    display: none;
    -moz-appearance: none;
}

select {
    -moz-appearance: none;
}

.modal-body select {
    width: 171px;
    height: 29px;
    border: 1px solid #d7d7d7;
    font-size: 14px;
    font-family: 'montserratregular';
    color: #222222;
    padding: 0 10px;
    background-position: calc(100% - 10px) 50%;
    background-image: url(../images/modal-arrow.png);
    background-repeat: no-repeat;
}

.modal-body hr + .title {
    margin-top: -5px;
}

.modal-body a.orange-button {
    display: block;
    width: 163px;
    height: 48px;
    line-height: 48px;
    background-color: #fc691b;
    font-size: 17.38px;
    margin: 10px auto 30px auto;
    color: white;
    font-family: 'montserratbold';
    text-align: center;
}

.modal-body .title {
    font-size: 33px;
    font-family: 'montserratbold';
    color: #fc691b;
    text-align: center;
    margin-bottom: 5px;
}

.modal-body .title:last-of-type {
    font-family: 'montserratsemibold';
}

.modal-body form {
    width: 245px;
    max-width: 100%;
    font-size: 0;
    margin: 0 auto;
}

.modal-body form input[type="text"] {
    width: calc(100% - 50px);
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 1;
    padding: 0 15px;
    font-size: 18px;
    border: 1px solid #cccccc;
    border-right: 0;
    font-family: 'merriweatherregular';
    border-radius: 0;
    -webkit-border-radius: 0;
    color: #000000;
    box-shadow: none;
    -webkit-box-shadow: none;
}

.modal-body form input[type="text"]::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */
    color: #909090;
}

.modal-body form input[type="text"]::-moz-placeholder {

    /* Firefox 19+ */
    color: #909090;
}

.modal-body form input[type="text"]:-ms-input-placeholder {

    /* IE 10+ */
    color: #909090;
}

.modal-body form input[type="text"]:-moz-placeholder {

    /* Firefox 18- */
    color: #909090;
}

.modal-body form input[type="submit"] {
    width: 50px;
    display: inline-block;
    vertical-align: top;
    height: 50px;
    line-height: 1;
    padding: 0 0;
    font-size: 0;
    border: 0;
    background-color: #fc691b;
    background-image: url(../images/icon-location-submit.png);
    background-repeat: no-repeat;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-position: center;
}

button.close {
    opacity: 1;
    right: 10px;
    top: 12px;
    margin: 0;
    padding: 0;
    line-height: 1;
    color: transparent;
    font-size: 0;
    position: absolute;
    text-shadow: none;
    float: none;
    background-image: url(../images/icon-close-popup.png);
    width: 30px;
    height: 30px;
}

/** location popup ends */
.pagination {
    font-size: 14px;
}

body .pagination > .active > a,
body .pagination > .active > a:focus,
body .pagination > .active > a:hover,
body .pagination > .active > span,
body .pagination > .active > span:focus,
body .pagination > .active > span:hover {
    background-color: black;
    border-color: black;
}

body .pagination > li > a,
body .pagination > li > span {
    color: black;
}

#free-banner {
    font-size: 0; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcc00+30,ffcc00+30,ee632c+70,ee632c+70 */
    background: rgb(255, 204, 0); /* Old browsers */
    background: -moz-linear-gradient(-45deg, rgba(255, 204, 0, 1) 30%, rgba(255, 204, 0, 1) 30%, rgba(238, 99, 44, 1) 70%, rgba(238, 99, 44, 1) 70%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(255, 204, 0, 1) 30%, rgba(255, 204, 0, 1) 30%, rgba(238, 99, 44, 1) 70%, rgba(238, 99, 44, 1) 70%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(255, 204, 0, 1) 30%, rgba(255, 204, 0, 1) 30%, rgba(238, 99, 44, 1) 70%, rgba(238, 99, 44, 1) 70%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ee632c', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    text-align: center;
    padding: 20px 0 10px 0;
}

#free-banner > div {
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

#free-banner > div.center {
    width: 420px;
    max-width: 100%;
    margin-left: 40px;
}

#free-banner > div h2 {
    font-size: 21.6px;
    font-family: 'montserratblack';
    color: #0a0e11;
    text-transform: uppercase;
    line-height: 1.3;
    margin: -10px 0 5px 0;
    letter-spacing: -0.7px;
}

#free-banner > div p {
    font-size: 14.4px;
    color: #090d10;
    margin: 0;
    font-family: 'merriweatherregular';
}

#free-banner > div img {
    max-width: 100%;
    height: auto;
}

#free-banner > div .selectric-wrapper,
#hero .inner-right .selectric-wrapper,
#tv-banner .selectric-wrapper {
    width: 255px;
    max-width: 100%;
    margin-left: 30px;
    margin-top: -5px;
}

#free-banner .selectric,
#hero .inner-right .selectric,
#tv-banner .selectric {
    border: 0 solid #DDD;
    border-radius: 0px;
    background: #ffe100;
}

#free-banner .selectric .label,
#hero .inner-right .selectric .label,
#tv-banner .selectric .label {
    margin: 0 53px 0 0;
    font-size: 12px;
    color: #444;
    height: 38px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0;
    font-family: 'montserratblack';
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    font-size: 19.53px;
    line-height: 59px;
    height: 55px;
}

#free-banner .selectric .button:after,
#free-banner .selectric .button:before,
#hero .inner-right .selectric .button:before,
#hero .inner-right .selectric .button:after,
#tv-banner .selectric .button:before,
#tv-banner .selectric .button:after {
    display: none;
}

#free-banner .selectric .button,
#hero .inner-right .selectric .button,
#tv-banner .selectric .button {
    height: 55px;
    border-left: 1px solid #f4d700;
    width: 54px;
    background-color: #e5ca00;
    background-image: url(../images/icon-selectric-carot.png);
    background-repeat: no-repeat;
    background-position: center;
}

#hero .new-inner {
    font-size: 0;
}

#hero .new-inner .inner-left {
    display: inline-block;
    vertical-align: middle;
    margin-top: 50px;
}

#hero .new-inner .inner-right {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    width: 290px;
    margin-top: 50px;
}

#hero .new-inner .inner-right h1 {
    font-size: 77.21px;
    color: #f9ffff;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    line-height: 0.9;
    margin: 0 0 10px 0;
    font-family: 'montserratblack';
    text-shadow: 0 0 9px rgba(0, 0, 0, 0.24);
}

#hero .new-inner .inner-right h1 span {
    display: inline-block;
    vertical-align: super;
    font-size: 38px;
}

#hero .new-inner .inner-right h2 {
    text-transform: uppercase;
    font-size: 19.09px;
    color: #0a0e11;
    font-family: 'montserratblack';
    margin: 0 0 5px 0;
    letter-spacing: -0.7px;
}

#hero .new-inner .inner-right p {
    font-size: 14.06px;
    color: #090d10;
    font-family: 'merriweatherregular';
    margin: 0;
}

#hero .inner-right .selectric-wrapper {
    width: 273px;
    max-width: 100%;
    margin-left: 0;
    margin-top: 10px;
}

#hero .inner-right .selectric .label {
    font-size: 20.5px;
}

#hero .right .inner {
    background-position: calc(100% - 10px) 15px;
}

#hero .left {
}

html:not(.mobile) .mobile-payment {
    display: none !important;
}

.coupon-modal {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.61);
    padding: 30px 15px;
    z-index: 99;
    overflow: auto;
}

html.ios .coupon-modal {
    position: absolute;
}

.coupon-modal .inner {
    width: 630px;
    max-width: 100%;
    position: relative;
    margin: 0 auto; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ee652b+0,fab50a+100 */
    background: rgb(238, 101, 43); /* Old browsers */
    background: -moz-linear-gradient(45deg, rgba(238, 101, 43, 1) 0%, rgba(250, 181, 10, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(45deg, rgba(238, 101, 43, 1) 0%, rgba(250, 181, 10, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(45deg, rgba(238, 101, 43, 1) 0%, rgba(250, 181, 10, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ee652b', endColorstr='#fab50a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    padding: 20px 0;
}

.coupon-modal .inner span.h1 {
    font-size: 52px;
    line-height: 54.4px;
    margin: 0 0 15px 0;
    font-family: 'montserratblack';
    color: #000000;
    text-align: center;
    display: block;
}

.coupon-modal .inner span.h2 {
    font-size: 22px;
    font-family: 'montserratmedium';
    color: #ffffff;
    margin: 0 0 25px 0;
    text-align: center;
    display: block;
}

.coupon-modal .inner span.h2 strong {
    display: block;
    font-family: 'montserratbold';
    font-weight: 400;
    margin-top: 5px;
}

.coupon-modal .inner form > div {
    width: 50%;
    padding: 0 5px;
    display: inline-block;
    vertical-align: top;
}

.coupon-modal .inner form > div input,
.coupon-modal .inner form > div select {
    width: 100%;
    background-color: white;
    text-align: left;
    height: 44px;
    border: 0px solid #d7d7d7;
    font-size: 17px;
    color: #9f9b9b;
    padding: 0 15px;
    font-family: 'montserratregular';
    margin-bottom: 10px;
}

.coupon-modal .inner form > div select {
    background-image: url(../images/dropp@2x.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
    background-size: 11px 7px;
    border-radius: 0;
    -webkit-appearance: none;
}

.coupon-modal .inner form {
    font-size: 0;
    width: 440px;
    max-width: 100%;
    margin: 0 auto;
}

.coupon-modal .inner form input[type="submit"] {
    width: 163px;
    text-align: center;
    height: 48px;
    line-height: 48px;
    font-size: 17.38px;
    color: #000000;
    font-family: 'montserratblack';
    text-transform: uppercase;
    background-color: #fae14c;
    border: 0;
    margin: 10px auto 0 auto;
    display: block;
}

.coupon-modal .inner form input[type="submit"] + a {
    font-size: 12.71px;
    color: #ffffff;
    font-style: italic;
    display: block;
    margin: 10px auto 0 auto;
    text-align: center;
}

/** leasing */
#leasing {
}

#leasing .l-hero {
    background-image: url(../images/new/inner-hero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-transform: uppercase;
    color: white;
    padding-top: 60px;
    font-size: 0;
}

#leasing .l-hero > div.inner {
    width: 535px;
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 45px;
    position: relative;
    overflow: hidden;
}

#leasing .l-hero > div.inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -210px;
    bottom: 0;
    background-image: url(../images/new/left-guy.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 176px;
    height: 290px;
}

#leasing .l-hero > div.inner:after {
    content: "";
    display: block;
    position: absolute;
    right: -210px;
    bottom: 0;
    background-image: url(../images/new/right-guy.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 182px;
    height: 296px;
}

#leasing .l-hero > div.inner > div:nth-child(1) {
    font-family: 'montserratbold';
    font-size: 28.55px;
    line-height: 1;
    margin-bottom: 4px;
}

#leasing .l-hero > div.inner > div:nth-child(2) {
    font-family: 'montserratmedium';
    font-size: 31.7px;
    line-height: 1;
}

#leasing .l-hero > div.inner > div:nth-child(2) span:before,
#leasing .l-hero > div.inner > div:nth-child(2) span:after {
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 165px;
    height: 1px;
    background-color: white;
    position: relative;
    top: -4px;
}

#leasing .l-hero > div.inner > div:nth-child(2) span:before {
    margin-right: 12px;
}

#leasing .l-hero > div.inner > div:nth-child(2) span:after {
    margin-left: 12px;
}

#leasing .l-hero > div.inner > div:nth-child(3) {
    font-family: 'montserratblack';
    font-size: 116.7px;
    line-height: 1;
    margin-bottom: -10px;
}

#leasing .l-hero > div.inner > div:nth-child(4) {
    font-family: 'montserratblack';
    font-size: 50.5px;
    line-height: 1;
}

#leasing .l-cta {
    text-align: center;
    padding: 40px 15px;
}

#leasing .l-cta p {
    font-size: 17px;
    color: #000000;
    margin: 0;
    font-family: 'merriweatherregular';
}

#leasing .l-cta p:last-child {
    font-size: 0;
}

#leasing .l-cta a {
    width: 300px;
    height: 68px;
    line-height: 68px;
    color: white;
    text-align: center;
    font-family: 'montserratblack';
    font-size: 18.26px;
    background-color: #ef6a29;
    text-decoration: none;
    margin: 30px 13px 0 13px;
    display: inline-block;
    vertical-align: middle;
}

#leasing .l-title {
    padding: 28px 15px 22px 15px;
    line-height: 1;
    font-family: 'montserratblack';
    color: white;
    font-size: 49px;
    text-transform: uppercase;
    text-align: center; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffcc00+0,ee632c+100 */
    background: rgb(255, 204, 0); /* Old browsers */
    background: -moz-linear-gradient(left, rgba(255, 204, 0, 1) 0%, rgba(238, 99, 44, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255, 204, 0, 1) 0%, rgba(238, 99, 44, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255, 204, 0, 1) 0%, rgba(238, 99, 44, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffcc00', endColorstr='#ee632c', GradientType=1); /* IE6-9 */
}

#leasing .l-icons {
    font-size: 0;
    padding: 80px 70px;
    text-align: center;
}

#leasing .l-icons .l-icon {
    width: 25%;
    display: inline-block;
    vertical-align: top;
    padding: 0 15px;
    margin-bottom: 15px;
}

#leasing .l-icons .l-icon img {
    margin-bottom: 15px;
    max-width: 100%;
}

#leasing .l-icons .l-icon p {
    font-size: 21.66px;
    text-transform: uppercase;
    line-height: 1;
    color: #414141;
    line-height: 26px;
    margin: 0;
    font-family: 'montserratmedium';
}

#leasing .l-icons .l-icon p strong {
    font-family: 'montserratblack';
}

#leasing .l-icons .l-icon p em {
    font-family: 'montserratbold';
    font-style: italic;
    text-transform: none;
    font-size: 20px;
}

#leasing .l-intro {
    text-align: center;
    padding: 45px 15px 40px 15px;
}

#leasing .l-intro h1 {
    font-family: 'montserratbold';
    font-size: 37px;
    color: #000000;
    text-transform: uppercase;
    margin: 0 0 20px 0;
    line-height: 1;
}

#leasing .l-intro h1 span {
    font-size: 18.5px;
    display: inline-block;
    vertical-align: super;
}

#leasing .l-intro p {
    font-family: 'merriweatherregular';
    color: #030000;
    font-size: 19px;
    margin: 0;
}

#leasing .l-items {
    padding: 0 56px;
    font-size: 0;
}

#leasing .l-items .l-item > a > div {
    width: 326px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#leasing .l-items .l-item {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    padding: 0 24px;
    text-align: left;
    margin-bottom: 55px;
}

#leasing .l-items .l-item .category {
    font-family: 'montserratsemibold';
    font-size: 20.64px;
    color: #ef662b;
    letter-spacing: 2px;
    text-align: center;
    line-height: 1;
    text-transform: uppercase;
}

#leasing .l-items .l-item .image {
    margin-top: 25px;
    margin-bottom: 15px;
}

#leasing .l-items .l-item .image img {
    max-width: 100%;
    height: auto;
}

#leasing .l-items .l-item .name {
    font-family: 'montserratsemibold';
    font-size: 13px;
    text-transform: uppercase;
    color: #2a2828;
    line-height: 1.7;
    letter-spacing: 1px;
}

#leasing .l-title.last {
    margin-top: 45px;
}

#leasing .l-additional {
    text-align: center;
    margin-top: 40px;
    margin-bottom: 90px;
}

#leasing .l-additional > p {
    font-size: 17px;
    line-height: 28px;
    color: #030000;
    margin: 0 0 55px 0;
    font-family: 'merriweatherregular';
}

#leasing .l-additional ul {
    font-size: 0;
    margin: 0;
    padding: 0 15px;
}

#leasing .l-additional ul li {
    width: 25%;
    vertical-align: top;
    padding: 0 15px;
}

#leasing .l-additional ul li a {
    text-align: center;
    font-family: 'montserratsemibold';
    color: #252726;
    text-transform: uppercase;
    text-decoration: none;
    letter-spacing: 2px;
    text-align: center;
    display: inline-block;
    font-size: 21px;
}

#leasing .l-additional ul li a:hover {
    color: #ef662b;
}

#leasing .l-additional ul li img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    margin-top: 15px;
}

#leasing .l-orange {
    text-align: center;
    background-color: #ee632c;
    padding: 30px 15px 20px 15px;
}

#leasing .l-orange .inner {
    width: 900px;
    max-width: 100%;
    margin: 0 auto;
}

#leasing .l-orange .title {
    font-size: 36px;
    line-height: 44px;
    color: white;
    font-family: 'montserratblack';
    text-transform: uppercase;
    margin-bottom: 20px;
}

#leasing .l-orange p {
    font-size: 13px;
    line-height: 21px;
    font-family: 'merriweatherregular';
    margin-bottom: 20px;
    color: white;
}

#leasing .l-orange .yellow-btn {
    padding: 22px 44px;
    font-size: 25px;
    margin-top: 10px;
    margin-bottom: 25px;
}

#leasing .l-orange .yellow-btn + p {
    font-style: italic;
}

#leasing .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 13px;
    height: 23px;
    margin-top: -6.5px;
    left: 12px;
    background-image: url(../images/new/left-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#leasing .swiper-button-next {
    position: absolute;
    top: 50%;
    width: 13px;
    height: 23px;
    margin-top: -6.5px;
    right: 12px;
    background-image: url(../images/new/right-arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

/** tires starts */
#tires {
}

#tires #tires-hero {
    background-image: url(../images/tires/hero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-position: left center;
    background-size: cover;
    padding: 40px 15px;
    font-size: 0;
}

#tires #tires-hero .inner {
    width: 690px;
    max-width: 100%;
    margin: 0 auto;
    margin-left: 0;
}

#tires #tires-hero .inner img {
    max-width: 100%;
}

#tires #tires-hero .inner p {
    font-size: 17.7px;
    color: #fff;
    margin: 5px 0 10px 0;
}

#tires #tires-hero .inner input:not([type="submit"]), #tires #tires-hero .inner select {
    margin: 0 0 0 0;
    border: 1px solid #c9c9c9;
    background-color: white;
    font-weight: bold;
    color: #000;
    padding: 0 14px;
    height: 46px;
    font-size: 12.08px;
    width: 100%;
}

#tires #tires-hero .inner input::-webkit-input-placeholder {

    /* Chrome/Opera/Safari */
    color: #bbbbbb !important;
}

#tires #tires-hero .inner input::-moz-placeholder {

    /* Firefox 19+ */
    color: #bbbbbb !important;
}

#tires #tires-hero .inner input:-ms-input-placeholder {

    /* IE 10+ */
    color: #bbbbbb !important;
}

#tires #tires-hero .inner input:-moz-placeholder {

    /* Firefox 18- */
    color: #bbbbbb !important;
}

#tires #tires-hero .inner div:nth-child(1) input {
    width: calc(33.3333% - 6.66666666667px);
}

#tires #tires-hero .inner div:nth-child(1) input:not(:last-child) {
    margin-right: 10px;
}

#tires #tires-hero .inner form > div {
    margin-bottom: 10px;
}

#tires #tires-hero form {
    width: 430px;
    max-width: 100%;
}

#tires #tires-hero form input[type="submit"] {
    width: 100%;
    font-size: 15px;
    font-family: 'montserratblack';
    color: #ffffff;
    background-color: #ef6a29;
    text-transform: uppercase;
    width: 215px;
    height: 50px;
    line-height: 50px;
    border: 0;
    margin-top: 10px;
}

#tires #tires-hero .selectric {
    border: 0px solid #DDD;
    border-radius: 0px;
    background: transparent;
    position: relative;
    overflow: hidden;
}

#tires #tires-hero .changed .selectric .label {
    color: black;
}

#tires #tires-hero .selectric .label {
    margin: 0 0 0 0;
    border: 1px solid #c9c9c9;
    background-color: white;
    font-weight: bold;
    color: #bbbbbb;
    padding: 0 14px;
    height: 46px;
    line-height: 46px;
    font-size: 12.08px;
    width: 100%;
    text-align: left;
    border-radius: 0;
    -webkit-border-radius: 0;
    background-image: url(../images/tires/dropdown.png);
    background-repeat: no-repeat;
    background-position: 97% 50%;
}

#tires #tires-hero .selectric .button {
    display: none;
}

#tires .logobar {
    background-color: #000;
    padding: 15px 0;
}

#tires .logobar .container {
    text-align: center;
    width: 1090px;
}

#tires .logobar .container img {
    margin: 0 9px;
    display: inline-block;
    vertical-align: middle;
}

#tires #how {
    padding: 70px 0 60px 0;
    text-align: center;
}

#tires #how .note {
    font-size: 9.84px;
    color: #241f20;
    font-style: italic;
}

#tires #how h2 {
    font-size: 32.8px;
    font-family: 'montserratblack';
    color: #241f20;
    margin: 0 0 45px 0;
    padding: 0;
}

#tires #how h2 span {
    color: #ef6a29;
}

#tires #how .container {
    width: 910px;
    max-width: 100%;
}

#tires #how .works {
    font-size: 0;
}

#tires #how .works > div {
    display: inline-block;
    vertical-align: top;
    width: 33.33333%;
    margin-bottom: 20px;
}

#tires #how .works > div .image {
    margin-bottom: 15px;
}

#tires #how .works > div h5 {
    font-family: 'montserratbold';
    font-size: 18px;
    color: #241f20;
    line-height: 20.52px;
    margin: 0 0 5px 0;
}

#tires #how .works > div h5 span {
    color: #ef6a29;
}

#tires #how .works > div p {
    font-size: 11.49px;
    line-height: 16.4px;
    color: #000000;
    margin: 0;
}

#tires #how .works > div > * {
    width: 280px;
    max-width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
}

#tires #why {
    border-top: 1px solid #eaeaea;
    border-left: 1px solid #eaeaea;
    background-color: #f4f4f4;
    text-align: center;
    padding: 60px 0 50px 0;
    background-image: url(../images/tires/how-bg.jpg);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
}

#tires #why h1 {
    font-size: 32.56px;
    font-family: 'montserratblack';
    color: #241f20;
    margin: 0 0 15px 0;
    text-transform: uppercase;
}

#tires #why h1 img {
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
}

#tires #why h1 + p {
    font-size: 12.23px;
    line-height: 19.56px;
    color: #000000;
    margin: 0 0 15px 0;
}

#tires #why .inner {
    width: 320px;
    max-width: 100%;
    text-align: left;
}

#tires #why .inner ul {
    padding: 0;
    margin: 0;
}

#tires #why .inner ul + p {
    font-size: 12.33px;
    line-height: 19.56px;
    color: black;
    margin-top: 35px;
}

#tires #why .inner ul li {
    padding: 0;
    margin: 0;
    list-style-type: none;
    font-size: 12.33px;
    font-family: 'montserratbold';
    color: #ef6a29;
    margin-bottom: 9px;
    line-height: 1;
}

#tires #why .inner ul li:before {
    content: "";
    position: relative;
    top: -1px;
    width: 22px;
    height: 16px;
    display: inline-block;
    background-image: url(../images/tires/icon-check.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    vertical-align: middle;
    margin-right: 8px;
}

#tires #why .container {
    width: 800px;
    max-width: 100%;
}

#tires #common {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/tires/table-bg.jpg);
    padding: 45px 0;
}

#tires #common .inner:before {
    content: "";
    position: absolute;
    left: -15px;
    bottom: -45px;
    background-image: url(../images/tires/left.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    width: 196px;
    height: 267px;
}

#tires #common .inner:after {
    content: "";
    position: absolute;
    right: -15px;
    bottom: -45px;
    background-image: url(../images/tires/right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 163px;
    height: 265px;
    z-index: -1;
}

#tires #common .inner {
    position: relative;
    font-size: 0;
    z-index: 2;
}

#tires #common .inner .t-head {
    position: relative;
    background-color: #ef6a29;
    color: white;
    font-size: 14.66px;
    font-family: 'montserratbold';
    text-align: center;
    line-height: 35px;
}

#tires #common .inner > div {
    width: 830px;
    max-width: 100%;
    margin: 0 auto;
}

#tires #common .inner .t-body {
    position: relative;
    background-color: #fafafa;
    border-right: 1px solid #c8c8c8;
    border-left: 1px solid #c8c8c8;
}

#tires #common .inner .t-body .t-row {
    height: 40px;
    border-bottom: 1px solid #c8c8c8;
}

#tires #common .inner .t-body .t-row .t-col:not(:last-child) {
    border-right: 1px solid #c8c8c8;
}

#tires #common .inner .t-body .t-row:nth-child(2n+2) {
    background-color: #eaeaea;
}

#tires #common .inner .t-body .t-row .t-col {
    width: 33.333333%;
    display: inline-block;
    vertical-align: top;
    font-family: 'Gotham-Bold';
    color: #ea222f;
    line-height: 40px;
    padding: 0 15px;
}

#tires #common .inner .t-body .t-row .t-col:nth-child(1) {
    width: 50%;
}

#tires #common .inner .t-body .t-row .t-col:nth-child(2) {
    width: 50%;
}

#tires #common .inner .t-body .t-row .t-col span:nth-child(1) {
    font-size: 9.77px;
    color: #000000;
}

#tires #common .inner .t-body .t-row .t-col span:nth-child(2) {
    font-size: 9.77px;
    color: #ef6a29;
    text-align: right;
}

#common .inner .t-body .t-row .t-col span {
    display: inline-block;
    font-family: 'montserratbold';
    color: #000000;
    width: 50%;
    max-width: 100%;
    vertical-align: top;
}

#tires #tires-testimonial {
    text-align: center;
    padding: 75px 15px 70px 15px;
}

#tires #tires-testimonial div.inner {
    width: 770px;
    max-width: 100%;
    margin: 0 auto;
}

#tires #tires-testimonial h3 {
    font-size: 31.42px;
    color: #020202;
    font-family: 'montserratblack';
    margin: 0 0 40px 0;
    line-height: 1;
}

#tires #tires-testimonial h3 span {
    color: #ef6a29;
}

#tires #tires-testimonial .swiper-slide p {
    width: 550px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14.14px;
    line-height: 20.42px;
    color: #050505;
    margin-bottom: 10px;
}

#tires #tires-testimonial .swiper-slide p:first-child {
    font-size: 15px;
    font-family: 'montserratbold';
}

#tires #tires-testimonial .swiper-button-next,
#tires #tires-testimonial .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 11px;
    height: 17px;
    margin-top: -8.5px;
    z-index: 10;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#tires #tires-testimonial .swiper-button-next {
    right: 0;
    background-image: url(../images/tires/right-arrow.png);
}

#tires #tires-testimonial .swiper-button-prev {
    left: 0;
    background-image: url(../images/tires/left-arrow.png);
}

#tires-stay {
    font-size: 0;
    background-color: #e2e2e2;
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-image: url(../images/tires/yellow-bg.png);
}

#tires-stay img {
    max-width: 100%;
}

#tires-stay > div {
    display: inline-block;
    vertical-align: middle;
}

#tires-stay .center {
    padding-left: 35px;
    width: 475px;
    max-width: 100%;
}

#tires-stay .center h3 {
    font-size: 28.84px;
    color: #000000;
    text-transform: uppercase;
    font-family: 'montserratblack';
    margin: 0 0 3px 0;
}

#tires-stay .center h3 span {
    color: #ef6a29;
}

#tires-stay .center p {
    font-size: 14.84px;
    color: #050505;
    line-height: 24.45px;
    margin: 0;
}

#tires-stay .right {
    padding-left: 80px;
    padding-top: 25px;
}

#tires-stay .right img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}

#tires-stay .right p {
    font-size: 12.16px;
    color: #050505;
    font-weight: bold;
    margin: -5px 0 0 0;
    display: inline-block;
    vertical-align: middle;
}

#tires #tires-brands {
    text-align: center;
    padding: 65px 15px 10px 15px;
    font-style: 0;
}

#tires #tires-brands .title {
    font-size: 23px;
    color: #ef6a29;
    text-transform: uppercase;
    font-family: 'montserratblack';
    line-height: 1;
    margin: 0 0 10px 0;
}

#tires #tires-brands p {
    font-style: italic;
    color: #aaaaaa;
    font-size: 12px;
    margin-bottom: 30px;
}

#tires #tires-brands img {
    max-width: 100%;
}

#tires #tires-brands ul {
    margin: 0 auto;
    padding: 0;
    max-width: 100%;
    width: 880px;
}

#tires #tires-brands ul li {
    vertical-align: middle;
    margin: 0 22.5px 40px 22.5px;
    padding: 0;
}

/** tires ends */
#tv-banner {
    background-image: url(../images/new-banner/banner-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 10px 15px;
}

#tv-banner .new-inner {
    width: 1030px;
    max-width: 100%;
    margin: 0 auto;
    font-size: 0;
}

#tv-banner .new-inner .inner-left {
    display: inline-block;
    vertical-align: middle;
}

#tv-banner .new-inner .inner-right {
    display: inline-block;
    vertical-align: middle;
    margin-left: 40px;
    width: 470px;
    margin-top: 0;
}

#tv-banner .new-inner .inner-right h1 {
    font-size: 69px;
    color: #f9ffff;
    letter-spacing: -0.5px;
    text-transform: uppercase;
    line-height: 0.9;
    margin: 0 0 5px 0;
    font-family: 'montserratblack';
    text-shadow: 0 0 9px rgba(0, 0, 0, 0.24);
}

#tv-banner .new-inner .inner-right h1 span {
    display: inline-block;
    vertical-align: super;
    font-size: 34px;
}

#tv-banner .new-inner .inner-right h2 {
    text-transform: uppercase;
    font-size: 19.09px;
    color: #0a0e11;
    font-family: 'montserratblack';
    margin: 0 0 5px 0;
    letter-spacing: -0.7px;
}

#tv-banner .new-inner .inner-right p {
    font-size: 14.06px;
    color: #090d10;
    font-family: 'merriweatherregular';
    margin: 0;
}

#tv-banner .inner-righter .selectric-wrapper {
    width: 273px;
    max-width: 100%;
    margin-left: 0;
    margin-top: 0;
}

#tv-banner .inner-righter .selectric .label {
    font-size: 20.5px;
}

#tv-banner .inner-righter {
    display: inline-block;
    vertical-align: middle;
}

/** banner scratch */

#banner-scratch {
    background-color: #040707;
    background-image: url(../images/scratch/ace-arrows.png);
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding: 12px 0 9px 0;
    text-align: center;
}

#banner-scratch > .container > div {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

#banner-scratch > .container > div.left .inner-left {
    display: inline-block;
    vertical-align: middle;
}

#banner-scratch > .container > div.left .inner-left > div:nth-child(1) {
    font-size: 33.38px;
    color: #ffffff;
    font-family: 'montserratbold';
    text-transform: uppercase;
    line-height: 1;
    letter-spacing: 1.1px;
}

#banner-scratch > .container > div.left .inner-left > div:nth-child(2) {
    font-family: 'montserratsemibold';
    font-weight: 600;
    line-height: 1;
    font-size: 33.75px;
    color: #ffde15;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#banner-scratch > .container > div.left .inner-right {
    display: inline-block;
    vertical-align: middle;
    font-size: 76.79px;
    font-style: italic;
    color: #f36523;
    font-family: 'montserratextrabold';
    line-height: 1;
    margin-left: 15px;
    word-spacing: -10px;
}

#banner-scratch > .container > div.center {
    margin-left: 45px;
}

#banner-scratch > .container > div.right {
    margin-left: 40px;
}

#banner-scratch > .container > div.right a {
    display: block;
    width: 214px;
    height: 57px;
    line-height: 60px;
    text-align: center;
    background-color: #ffe100;
    color: #000000;
    font-size: 20px;
    font-family: 'montserratbold';
    text-transform: uppercase;
}

#hero.scratch {
    background-image: url(../images/scratch/ace-hero.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#hero.scratch .scratch-inner {
    font-size: 0;
    padding-top: 55px;
    position: relative;
    padding-left: 140px;
}

#hero.scratch .scratch-inner > div:nth-child(1) {
    font-size: 52px;
    color: #ffffff;
    font-family: 'montserratbold';
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: -2px;
    letter-spacing: 1px;
}

#hero.scratch .scratch-inner > div:nth-child(2) {
    font-size: 40.74px;
    margin-bottom: -4px;
    color: #ffe100;
    font-family: 'montserratsemibold';
    line-height: 1;
    text-transform: uppercase;
    letter-spacing: 1px;
}

#hero.scratch .scratch-inner > div:nth-child(3) {
    font-size: 52.97px;
    color: #ee632c;
    font-family: 'montserratbold';
    font-style: italic;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 10px;
    letter-spacing: 1px;
}

#hero.scratch .scratch-inner a {
    width: 173px;
    height: 46px;
    background-color: #ffe100;
    color: #000000;
    font-size: 16.19px;
    font-family: 'montserratbold';
    display: block;
    margin: 0 0 0 0;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
}

#hero.scratch .left:after {
    content: "";
    width: 679px;
    height: 317px;
    position: absolute;
    right: -10px;
    bottom: 0;
    background-image: url(../images/scratch/ace-cooper.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#hero.scratch .left:before {
    content: "";
    display: block;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(../images/scratch/ace-left.png);
    position: absolute;
    left: -125px;
    bottom: 0;
    width: 306px;
    height: 300px;
}

#hero.scratch:after {
    content: "";
    display: block;
    width: 100%;
    height: 85px;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/scratch/ace-hero-arrows.png);
}

#hero.scratch .left {
    height: 404px;
}

#hero.scratch .right a {
    margin-top: 0;
}

#hero.scratch .right h3 {
    margin-bottom: 0px;
}

#hero.scratch .right .bottom .inner {
    padding-top: 40px;
}

#hero.scratch .right .inner {
    background-position: calc(100% - 24px) 10px;
}

#hero.scratch .right {
    height: 404px;
    padding-top: 40px;
}

#hero.scratch .right .top {
    margin-bottom: 20px;
}

#hero.scratch .right .top,
#hero.scratch .right .bottom {
    height: calc(50% - 25px);
    position: relative;
    z-index: 2;
}

#hero.scratch.second .right .top .inner {
    padding-top: 30px;
}

#hero.scratch.second .right .bottom .inner {
    padding-top: 20px;
}

#hero > div:not(.hero-pagination):not(.clearfix):after {
    content: "";
    background-image: url(../images/scratch/ace-right.png);
    position: absolute;
    right: -195px;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 196px;
    display: block;
    height: 274px;
}

#hero.scratch {
    position: relative;
}

#hero.scratch a {
    position: relative;
    z-index: 3;
}

@media screen and (max-width: 1300px) {
    #hero.scratch .scratch-inner {
        padding-left: 115px;
    }

    #banner-scratch > .container > div.center {
        margin-left: 15px;
    }

}

@media screen and (max-width: 1199px) and (min-width: 992px) {
    #hero.scratch .left:after {
        width: 90%;
        background-position: 100% 100%;
        background-size: contain;
    }

    #hero.scratch .scratch-inner {
        padding-left: 0;
    }

    #banner-scratch > .container > div.left .inner-left,
    #banner-scratch > .container > div.left .inner-right {
        display: block;
        margin-left: 0;
    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
    #hero.scratch .right .inner {
        background-position: calc(100% - 10px) 10px;
    }

    #hero.scratch .right .top,
    #hero.scratch .right .bottom {
        height: 100%;
        vertical-align: top;
    }

    #hero.scratch .right {
        height: 202px;
        padding-top: 0;
    }

    #hero.scratch .scratch-inner {
        padding-left: 0;
    }

    #hero.scratch .left:before,
    #hero > div:not(.hero-pagination):not(.clearfix):after {
        display: none !important;
    }

    #banner-scratch > .container > div.right a {
        width: 174px;
        font-size: 16px;
    }

    #banner-scratch > .container > div.left .inner-left,
    #banner-scratch > .container > div.left .inner-right {
        display: block;
        margin-left: 0;
    }

    #banner-scratch > .container > div.right,
    #banner-scratch > .container > div.center {
        margin-left: 0;
    }

    #banner-scratch > .container > div.left .inner-left > div:nth-child(1) {
        font-size: 30px;
    }

    #banner-scratch > .container > div.left .inner-left > div:nth-child(2) {
        font-size: 31px;
    }

}

@media screen and (max-width: 767px) {
    #hero.scratch .left:before,
    #hero > div:not(.hero-pagination):not(.clearfix):after {
        display: none !important;
    }

    #hero.scratch .right .top,
    #hero.scratch .right .bottom {
        height: calc(50% - 10px);
    }

    #hero.scratch .left:after {
        right: -10px;
        bottom: -40px;
        background-position: 100% 100%;
        background-size: contain;
        width: 100%;
    }

    #hero.scratch .scratch-inner {
        padding-left: 0;
        padding-top: 30px;
    }

    #hero.scratch .left:before {
        display: none;
    }

    #banner-scratch > .container > div.left .inner-right {
        margin-left: -10px;
        display: block;
    }

    #banner-scratch > .container > div.right a {
        margin: 0 auto;
    }

    #banner-scratch > .container {
        font-size: 0;
    }

    #banner-scratch > .container > div.left {
        display: block;
        width: 100%;
        text-align: center;
    }

    #banner-scratch > .container > div.center,
    #banner-scratch > .container > div.right {
        width: 50%;
        text-align: center;
        margin-left: 0;
    }

}

@media screen and (max-width: 600px) {
    #hero.scratch .right .inner {
        background-position: 98% 95%;
        background-size: 25%;
    }

    #hero.scratch .scratch-inner > div:nth-child(2) {
        font-size: 28px;
        margin-bottom: 0;
        letter-spacing: 0;
    }

    #hero.scratch .scratch-inner > div:nth-child(1) {
        font-size: 28px;
        margin-bottom: 0;
        letter-spacing: 0;
    }

    #hero.scratch .scratch-inner a {
        margin: 0 auto;
    }

    #hero.scratch .left:after {
        display: none;
    }

    #hero.scratch .left img {
        margin-bottom: 15px;
        width: 350px;
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }

    #hero.scratch .left:after {
        width: 339.5px;
        height: 158.5px;
        background-size: cover;
        bottom: 0;
    }

}

@media screen and (max-width: 480px) {


    #banner-scratch > .container > div.left .inner-right {
        margin-left: -10px;
    }

    #banner-scratch > .container > div.center,
    #banner-scratch > .container > div.right {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }

    #banner-scratch {
        padding: 30px 0;
        text-align: center;
    }

    #banner-scratch > .container > div.left .inner-left > div:nth-child(1) {
        letter-spacing: 0;
        font-size: 28px;
    }

    #banner-scratch > .container > div.left .inner-left > div:nth-child(2) {
        letter-spacing: 0;
        font-size: 29px;
    }

}

.mobile #panel nav .nav-top .nav-location .mobile-payment {
    margin-left: 0;
    display: block;
}

.mobile #panel nav .nav-top .nav-location {
    line-height: 1.6;
    height: 56px;
}

.mobile #panel nav .nav-top .nav-location .location-title {
    padding-top: 10px;
}

#google_translate_element {
    text-align: right;
    margin-bottom: 5px;
    height: 24px;
}

.goog-te-gadget {
    line-height: 1;
}

/** byob */
#byob-hero {
    background-image: url(../images/byob/yellow-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 25px 0 20px 0;
    position: relative;
}

#byob-hero .inner {
    display: inline-block;
    position: relative;
    max-width: 100%;
}

#byob-hero .inner:after {
    content: "";
    display: block;
    position: absolute;
    right: -185px;
    bottom: -20px;
    background-image: url(../images/byob/employee-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 166px;
    height: 352px;
}

#byob-hero .inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -230px;
    bottom: -20px;
    background-image: url(../images/byob/employee-left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 257px;
    height: 345px;
}

#byob-hero:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 429px;
    height: 327px;
    background-image: url(../images/byob/right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#byob-hero .inner img {
    max-width: 100%;
    height: auto;
}

#byob-hero .inner p {
    font-size: 18.55px;
    color: #ffffff;
    line-height: 1.3;
    width: 450px;
    letter-spacing: 0.5px;
    max-width: 100%;
    margin: 10px auto 0 auto;
    font-family: 'merriweatherregular';
    font-weight: 400;
}

#byob-hero .inner p strong {
    font-size: 24px; /* font-family: 'assistantextrabold'; */
    font-family: 'merriweatherblack';
}

#byob-rec:before {
    content: "";
    display: block;
    width: 50%;
    position: absolute;
    left: 0;
    top: 0%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 0 50%;
    background-image: url(../images/byob/arrow-to-right.png);
}

#byob-rec:after {
    content: "";
    display: block;
    width: 50%;
    position: absolute;
    right: 0;
    top: 0%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 100% 50%;
    background-image: url(../images/byob/arrow-to-left.png);
}

#byob-rec {
    text-align: center;
    font-family: 'Francois One', sans-serif;
    letter-spacing: 1px;
    padding: 70px 0;
    position: relative;
}

#byob-rec .container > div:nth-child(1) {
    font-size: 91.1px;
    color: #f16521;
    text-transform: uppercase;
    line-height: 1;
    font-family: 'montserratblack';
    margin-bottom: -5px;
}

#byob-rec .container > div:nth-child(2) {
    font-size: 38.6px;
    color: #000000;
    text-transform: uppercase;
    line-height: 1;
    font-family: 'montserratbold';
}

#byob-products {
    text-align: center;
    font-size: 0;
    margin-top: 0;
}

#byob-products .container {
    width: 1030px;
    max-width: 100%;
}

#byob-products .container .product-item {
    width: 33.33333%;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    margin-bottom: 111px;
}

#byob-products .container .product-item .image {
    height: auto;
    margin-bottom: 10px;
    line-height: 1;
}

#byob-products .container .product-item .image img {
    max-width: 100%;
    height: auto;
    display: inline-block;
    vertical-align: bottom;
}

#byob-products .container .product-item .name {
    font-family: a;
    font-size: 18px;
    color: #2a2a2a;
    font-family: 'montserratmedium';
}

#byob-products .container .product-item .sub-name {
    font-size: 11.21px;
    color: #2a2a2a;
    font-family: 'HelveticaNeue';
    font-style: italic;
    font-weight: 400;
    margin-top: 5px;
    letter-spacing: 0;
}

#byob-products .container .product-item a {
    display: block;
    text-decoration: none;
    margin: 5px auto 0 auto;
    width: 157px;
    height: 42px;
    line-height: 42px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    background-color: #fe7b00;
    font-size: 12.73px;
    letter-spacing: 1px;
    font-family: 'Open Sans', sans-serif;
    font-weight: bold;
}

#byob-different {
    background-color: #ffe100;
    height: 155px;
    text-align: center;
    margin-top: -50px;
}

#byob-different .inner {
    font-size: 37.5px;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    display: inline-block;
    width: auto;
    padding-top: 28px;
    margin-top: 40px;
    word-spacing: 4px;
    padding-left: 100px;
    font-family: 'montserratblack';
}

#byob-different .inner:before {
    content: "";
    position: absolute;
    z-index: 0;
    pointer-events: none;
    left: 85px;
    top: 0;
    width: 846px;
    height: 144px;
    background-image: url(../images/byob/different-b.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#byob-different .inner span {
    position: relative;
    z-index: 3;
    letter-spacing: 0; /* font-family: 'titan_oneregular'; */
    font-family: 'montserratblack';
}

#byob-bundle {
    background-color: #e6e6e6;
    font-size: 0;
    margin-bottom: 0;
}

#byob-bundle .left {
    width: 26.647144948%;
    display: inline-block;
    vertical-align: middle;
    padding-left: 70px;
}

#byob-bundle .left img {
    margin-top: -105px;
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
}

#byob-bundle .center {
    width: 40.995607613%;
    display: inline-block;
    vertical-align: middle;
    padding-right: 15px;
    padding-left: 30px;
}

#byob-bundle .right img {
    max-width: 100%;
    height: auto;
}

#byob-bundle .right {
    width: 32.357247439%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
    top: 10px;
    position: relative;
    padding-left: 10px;
}

#byob-bundle .center p:nth-child(1) {
    font-size: 21px;
    color: #363636;
    line-height: 1.3;
    letter-spacing: 0.4px;
    margin-bottom: 20px;
}

#byob-bundle .center p:nth-child(1) strong {
    text-transform: uppercase;
    font-family: 'merriweatherblack';
}

#byob-bundle .center p:nth-child(2) {
    margin-bottom: 0;
}

#byob-bundle .center p:nth-child(2) a {
    display: block;
    text-decoration: none;
    margin: 0 0 20px 0;
    width: 315px;
    max-width: 100%;
    height: 66px;
    line-height: 66px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    background-color: #f16521;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 23.65px;
    letter-spacing: 0;
    font-family: 'montserratblack';
}

#byob-bundle .center p:nth-child(3) {
    font-size: 16px;
    font-style: italic;
    margin-bottom: 0;
    color: #3e3e3e;
}

/** byob hero */
#hero.byob > div:not(.hero-pagination):not(.clearfix) {
    width: 1280px;
}

#hero.byob {
    background-image: url(../images/byob/hero-bg.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#hero.byob .left:before {
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 184px;
    height: 241px;
    position: absolute;
    left: 10px;
    bottom: 15px;
}

#hero.byob.scratch .left:after {
    display: none;
}

#hero.byob .left:before {
    display: none;
}

#hero.byob .left {
    padding-top: 10px;
    font-size: 0;
    text-align: center;
    position: relative;
}

#hero.byob .left .inner-top > div {
    display: inline-block;
    vertical-align: middle;
}

#hero.byob .left .inner-top > div.inner-right {
    text-align: left;
    width: 42.391304347%;
    padding-top: 0;
    margin-left: 0;
    margin-top: 0;
    padding-left: 60px;
}

#hero.byob .left .inner-top > div.inner-left {
    width: 57.608695653%;
    text-align: right;
    padding-right: 15px;
    padding-left: 0;
    margin-top: 0;
    padding-top: 0;
}

#hero.byob .inner-bottom > div {
    display: inline-block;
    vertical-align: middle;
}

#hero.byob .inner-bottom > div.inner-left {
    display: inline-block;
    vertical-align: middle;
    width: 65.760869565%;
    text-align: left;
    padding-right: 0;
    margin-top: 20px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-left: 60px;
}

#hero.byob .inner-bottom > div.inner-left p {
    font-size: 20px;
    color: white;
    font-weight: 600;
    font-family: 'assistantsemibold';
    letter-spacing: 0.3px;
}

#hero.byob .inner-bottom > div.inner-left p strong {
    font-size: 20px;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    margin-top: -5px;
    display: inline-block;
    font-family: 'montserratextrabold';
}

#hero.byob .inner-bottom > div.inner-left p strong span {
    font-size: 23.6px;
}

#hero.byob .inner-bottom > div.inner-left p {
    font-size: 17.33px;
    text-align: left;
    padding-left: 0;
    color: white;
    font-family: 'merriweatherregular';
    font-weight: 400;
}

#hero.byob .left:before {
    content: "";
    display: block;
    position: absolute;
    left: -135px;
    bottom: 0;
    background-image: url(../images/byob/employee-1.png);
    background-repeat: no-repeat;
    background-position: center;
    width: 221px;
    height: 261px;
}

#hero.byob > div:not(.hero-pagination):not(.clearfix):after {
    content: "";
    background-image: url(../images/byob/employee-3.png);
    position: absolute;
    right: -155px;
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 153px;
    display: block;
    height: 261px;
}

#hero.scratch.byob:after {
    display: none;
}

#hero.byob.scratch .right h3 {
    margin-bottom: 10px;
    font-size: 16px;
}

#hero.byob.scratch .right .top .inner {
    background-position: calc(100% - 4px) 10px;
}

#hero.byob.scratch .right .bottom .inner {
    background-position: calc(100% - 14px) 10px;
    padding-top: 30px;
}

#hero.byob .inner-bottom > div.inner-right {
    display: inline-block;
    vertical-align: top;
    width: 34.239130435%;
    margin-top: 0;
    margin-left: 0;
    padding-left: 20px;
}

#hero.byob.scratch.second .right .top .inner {
    background-position: calc(100% - 15px) 10px;
}

#hero.scratch.second .right .top .inner {
    padding-top: 25px;
}

#hero.byob .inner-bottom > div.inner-right a {
    display: block;
    text-decoration: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0 0 0 0;
    width: 170px;
    max-width: 100%;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    background-color: #fe7b00;
    font-weight: 400;
    font-size: 15.77px;
    letter-spacing: 0px;
    font-family: 'montserratblack';
}

#hero.byob .left img {
    max-width: 100%;
    height: auto;
}

/** byob banner */
#banner-byob {
    text-align: center;
    background-image: url(../images/byob/banner/banner-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 14px;
}

#banner-byob img:nth-child(1) {
    display: inline-block;
    vertical-align: middle;
    margin-right: 40px;
}

#banner-byob img:nth-child(2) {
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
    position: relative;
    top: 0;
}

#banner-byob img:nth-child(3) {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 0;
}

#banner-byob img:nth-child(4) {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: 10px;
    margin-left: 5px;
}

#banner-byob a {
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    margin: 5px 0 0 65px;
    width: 190px;
    max-width: 100%;
    height: 50px;
    line-height: 50px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    background-color: #fe7b00;
    font-weight: 400;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 17.4px;
    letter-spacing: 0;
    font-family: 'montserratblack';
}

.flow-main .flow-sidebar .flow-cart.flow-cart.new.general {
    border: 0;
    background-image: none !important;
    padding: 0;
    margin: 0 -15px;
}

.flow-cart.new.general .general-header {
    background-image: url(../images/byob/general-byob-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 15px;
}

.flow-cart.new.general .general-content {
    padding: 25px;
    background-color: white;
}

.flow-cart.new.general .general-content ul {
    padding: 0;
    margin: 0;
}

.flow-cart.new.general .general-content ul li {
    padding: 0;
    margin: 0 0 30px 0;
    font-family: 'Open Sans', sans-serif;
    list-style-type: none;
    font-size: 18.51px;
    color: #393939;
    line-height: 1.3;
}

.flow-cart.new.general .general-content ul li span {
    font-weight: 800;
    color: #ee8232;
    text-transform: uppercase;
}

/** shopping spree */
.s-hero {
    background-color: #5ebdcc;
    height: 520px;
    text-align: center;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-hero:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -23px;
    height: calc(100% + 40px);
    width: 100%;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background-size: 100% auto;
    pointer-events: none;
    z-index: 0;
    background-image: url(../images/spring/flowers.png);
}

.s-hero .inner {
    font-size: 0;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    width: 440px;
    height: 440px;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    background-color: #0099b0;
    position: relative;
    z-index: 2;
    border: 8px solid #000000;
    -webkit-box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 10px 32px 0 rgba(0, 0, 0, 0.3);
    margin: 0 auto;
    vertical-align: middle;
}

.s-hero .inner p {
    font-size: 20.75px;
    text-transform: uppercase;
    color: #fff600;
    font-family: 'montserratregular';
    margin-bottom: -3px;
}

.s-hero .inner .price {
    font-size: 120px;
    color: #ffffff;
    font-family: 'montserratblack';
    padding-left: 12px;
    line-height: 1;
}

.s-hero .inner .price span {
    display: inline-block;
    vertical-align: super;
    font-size: 60px;
}

.s-hero .inner img {
    position: relative;
    top: 55px;
    margin-top: -65px;
    left: -20px;
}

.under-hero {
    background-color: #ffe516;
    text-align: center;
    padding: 30px 15px 28px 15px;
}

.under-hero > .container > div:nth-child(1) {
    font-size: 47.69px;
    text-transform: uppercase;
    color: #f36523;
    line-height: 1;
    font-family: 'montserratblack';
    margin-bottom: 5px;
}

.under-hero > .container > div:nth-child(2) {
    font-size: 23px;
    color: #000000;
    line-height: 1;
    margin-bottom: 20px;
    font-family: 'merriweatherregular';
}

.under-hero > .container > a {
    width: 215px;
    height: 50px;
    line-height: 50px;
    max-width: 100%;
    text-transform: uppercase;
    color: white;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 18px;
    text-decoration: none;
    font-family: 'montserratextrabold';
    background-color: #f36523;
}

.s-products {
    text-align: center;
    padding: 70px 0;
    background-color: #fdfdfd;
    background-image: url(../images/spring/cash.png);
    background-position: 50% -0;
    background-repeat: no-repeat;
    background-size: 100% auto;
}

.s-products .sub-title {
    width: 380px;
    display: block;
    margin: 0 auto;
    position: relative;
}

.s-products .sub-title span {
    display: inline-block;
    padding: 0 10px;
    position: relative;
    background: #fafafa;
    font-size: 15.16px;
    text-transform: uppercase;
    color: #000000;
    font-family: 'montserratmedium';
}

.s-products .sub-title:before {
    content: "";
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    height: 1px;
    width: 100%;
    background-color: #757575;
    display: block;
}

.s-products .title {
    font-size: 98.56px;
    color: #ff611b;
    font-family: 'montserratblack';
    line-height: 1;
}

.s-products .title span {
    font-size: 50px;
    display: inline-block;
    vertical-align: super;
}

.s-products p {
    font-size: 15.92px;
    color: #000000;
    margin: 0;
    font-family: 'merriweatherregular';
    margin-top: 10px;
}

.s-products .inner {
    font-size: 0;
    margin-top: 50px;
    width: 780px;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.s-products .product-item:last-child {
    margin-right: 0;
}

.s-products .product-item {
    display: inline-block;
    vertical-align: top;
    width: calc(25% - 11.25px);
    margin-right: 15px;
}

.s-products .product-item a {
    display: block;
    text-decoration: none;
    color: #a2a2a2;
}

.s-products .product-item .image {
    height: 180px;
    margin-bottom: 15px;
    background: white;
    border: 1px solid #eaeaea;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.s-products .product-item .image img {
    max-width: 100%;
    height: auto;
}

.s-products .product-item .text {
    font-size: 13.65px;
    color: #000000;
    text-decoration: underline;
    text-decoration-color: #656565;
    text-align: left;
    line-height: 17.44px;
    font-family: 'montserratbold';
    padding: 0 5px;
    text-align: center;
}

.s-form {
    text-align: center;
    padding: 60px 0 140px 0;
    background-color: #ffffff;
    background-image: url(../images/spring/icons.png);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover; /* border-bottom: 1px solid #eaeaea; */
}

.s-form .container {
    width: 520px;
}

.s-form .title {
    font-size: 36.48px;
    color: #ff611b;
    line-height: 1;
    font-family: 'montserratblack';
}

.s-form .title > span {
    font-size: 18.63px;
    color: #050200;
    display: block;
    font-family: 'merriweatherregular';
    margin-bottom: 5px;
}

.s-form .title em {
    font-size: 18px;
    display: inline-block;
    vertical-align: super;
}

.s-form form {
    margin-top: 20px;
    font-size: 0;
}

.s-form form input:not([type="submit"]):nth-child(2n+1) {
    margin-right: 15px;
}

.s-form form input:not([type="submit"]) {
    border: 1px solid #c8c8c8;
    height: 35px;
    line-height: 1;
    padding: 0 15px;
    width: calc(50% - 7.5px);
    margin-bottom: 15px;
    display: inline-block;
    vertical-align: top;
    font-size: 11.64px;
    font-family: 'merriweatherregular';
}

.s-form form input[type="submit"] {
    height: 45px;
    width: 155px;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background-color: #fc691b;
    font-size: 14px;
    font-family: 'Gotham-Bold';
    margin: 25px auto 0 auto;
    display: block;
    max-width: 100%;
    border: 0;
    font-family: 'montserratbold';
}

.s-form .after-submit {
    margin: -50px 0;
}

.s-form .after-submit img {
    max-width: 100%;
    height: auto;
}

.s-form .after-submit p {
    color: #000000;
    font-size: 14.82px;
    margin: -5px;
}

.s-form .after-submit p span {
    font-family: 'Gotham-Book';
}

/** banner */
#banner-spree {
    text-align: center;
    background-image: url(../images/spring/banner-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    padding: 49px 0;
}

#banner-spree:before,
#banner-spree:after {
    content: "";
    display: block;
    position: absolute;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

#banner-spree:before {
    background-image: url(../images/spring/banner-bg-left.png);
    left: 0;
    top: 0;
    width: 165px;
    height: 162px;
}

#banner-spree:after {
    background-image: url(../images/spring/banner-bg-right.png);
    right: 0;
    top: 0;
    width: 189px;
    height: 162px;
}

#banner-spree .left {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
}

#banner-spree .left div:first-child {
    font-size: 22.61px;
    color: #fff600;
    margin-bottom: 5px;
    font-family: 'montserratsemibold';
}

#banner-spree .left div:last-child {
    font-size: 37.42px;
    color: #fefefe;
    font-family: 'montserratblack';
}

#banner-spree .left div:last-child span {
    display: inline-block;
    vertical-align: super;
    font-size: 18.5px;
}

#banner-spree .right {
    display: inline-block;
    vertical-align: middle;
}

#banner-spree a {
    vertical-align: middle;
    display: inline-block;
    text-decoration: none;
    margin: 0 0 0 60px;
    width: 215px;
    max-width: 100%;
    height: 50px;
    line-height: 52px;
    text-transform: uppercase;
    color: white;
    text-align: center;
    background-color: #f36523;
    font-weight: 400;
    border-radius: 0;
    -webkit-border-radius: 0;
    font-size: 18px;
    letter-spacing: 0;
    font-family: 'montserratextrabold';
}

#hero.spree {
    background-image: url(../images/spring/hero-bg.png);
}

#hero.spree .left:before {
    background-image: url(../images/spring/left.png);
    width: 210px;
    height: 359px;
    pointer-events: none;
    z-index: 1;
    left: -155px;
}

#hero.spree .left:after {
    background-image: url(../images/spring/right.png);
    width: 389px;
    height: 349px;
    z-index: 1;
    pointer-events: none;
    right: 15px;
}

#hero.spree .left .spree-inner {
    position: relative;
    z-index: 2;
    padding-top: 25px;
    padding-left: 75px;
}

#hero.spree .left .spree-inner a {
    display: block;
    width: 180px;
    height: 40px;
    line-height: 42px;
    text-align: center;
    background-color: white;
    font-family: 'montserratextrabold';
    color: #f36523;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.32);
    box-shadow: 0 6px 9px 0 rgba(0, 0, 0, 0.32);
    margin: 0;
    position: relative;
    top: -58px;
    left: 73px;
}

#hero.spree:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    position: absolute;
    top: 0;
    z-index: 0;
    left: 0;
    background-image: url(../images/spring/hero-flowers.png);
    pointer-events: none;
}

#hero.spree > div:not(.hero-pagination):not(.clearfix):after {
    display: none;
}

#hero.spree .right .inner {
    background-position: calc(100% - 10px) 10px;
    padding: 0 0 0 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
}

#hero.spree .right .inner h3 {
    font-size: 16.06px;
    color: #000000;
    margin-bottom: 10px;
}

#hero.spree .right .inner p {
    font-size: 13.04px;
    line-height: 19.52px;
    margin-bottom: 5px;
}

#hero.spree .right .bottom .inner {
    padding-top: 0;
}

@media screen and (max-width: 1610px) {
    .s-hero:before {
        background-size: auto;
    }

}

@media screen and (max-width: 1199px) {
    #banner-spree:before {
        left: -45px;
    }

    #banner-spree:after {
        right: -45px;
    }

    #banner-spree a {
        margin: 0 0 0 15px;
    }

}

@media screen and (max-width: 991px) {
    #banner-spree:before,
    #banner-spree:after {
        height: 100%;
    }

    #banner-spree:before {
        background-position: 100% 50%;
    }

    #banner-spree:after {
        background-position: 0% 50%;
    }

    #banner-spree .left div:last-child span {
        font-size: 13px;
    }

    #banner-spree .left div:last-child {
        font-size: 26px;
    }

    #banner-spree {
        padding: 30px 0px;
    }

    #banner-spree .left,
    #banner-spree .right {
        display: block;
    }

    #banner-spree .right a {
        margin: 15px auto 0 auto;
    }

    .s-form .after-submit {
        margin: -30px 0;
    }

    .s-products {
        padding: 60px 0 20px 0;
    }

    .s-products .product-item {
        width: calc(50% - 10px);
        margin-right: 10px;
        margin-bottom: 40px;
    }

    .s-products .product-item:nth-child(2n+2) {
        margin-right: 0;
    }

    .s-products {
        padding: 60px 0;
    }

    .under-hero > .container > div:nth-child(1) {
        font-size: 45px;
        margin-bottom: 0;
    }

    .under-hero > .container > div:nth-child(2) {
        font-size: 18.5px;
    }

    .s-products .title {
        font-size: 100px;
    }

    .s-products .title span {
        font-size: 50px;
    }

    .s-form {
        padding: 60px 0;
    }

    .s-form .title {
        font-size: 30px;
    }

    .s-form .title em {
        font-size: 15px;
    }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
}

@media screen and (max-width: 767px) {
    #hero.spree .left .spree-inner a {
        left: -10px;
        margin: 0 auto;
    }

    #hero.spree .left .spree-inner {
        padding-left: 0;
        text-align: center;
    }

    #hero.scratch .left:after,
    #hero.scratch .left:before {
        display: none;
    }

    .s-form .after-submit p {
        font-size: 16px;
    }

    .s-form .after-submit {
        margin: 0;
    }

    .s-form {
        padding: 30px 0;
    }

    .s-products .product-item .text {
        font-size: 16px;
        line-height: 19px;
    }

    .s-products .title {
        font-size: 60px;
    }

    .s-products .title span {
        font-size: 30px;
    }

    .s-products {
        padding: 30px 0;
    }

    .under-hero > .container > div:nth-child(1) {
        font-size: 30px;
        margin-bottom: 0;
    }

    .under-hero > .container > div:nth-child(2) {
        font-size: 17px;
    }

    .s-hero .inner {
        -moz-transform: scale(0.6);
        -webkit-transform: scale(0.6);
        -o-transform: scale(0.6);
        -ms-transform: scale(0.6);
        transform: scale(0.6);
        transform-origin: center;
    }

    .s-products p {
        font-size: 18px;
    }

    .s-products .sub-title {
        max-width: 100%;
    }

    #hero.spree .right .inner {
        background-size: auto;
    }

}

@media screen and (max-width: 480px) {
    #hero.spree .left .spree-inner {
        padding-left: 15px;
    }

    #hero.spree .right .inner {
        background-size: auto 50%;
        background-position: calc(100% - 10px) calc(100% - 10px);
    }

    #banner-spree:before,
    #banner-spree:after {
        display: none;
    }

    .s-form .after-submit p br {
        display: none;
    }

    .s-form form input:not([type="submit"]):nth-child(2n+1) {
        margin-right: 0;
    }

    .s-form form input:not([type="submit"]) {
        margin-right: 0;
        width: 100%;
    }

    .s-form .title {
        font-size: 20px;
    }

    .s-form .title em {
        font-size: 10px;
    }

    .s-products {
        padding: 30px 0 0 0;
    }

    .s-products .product-item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }

    .s-products .sub-title {
        font-size: 16px;
    }

    .s-products p {
        font-size: 14px;
    }

    .s-products .title {
        font-size: 45px;
    }

    .s-products .title span {
        font-size: 27.5px;
    }

    .under-hero > .container > a {
        height: 46px;
        line-height: 46px;
        font-size: 18px;
    }

    .under-hero > .container > div:nth-child(2) {
        font-size: 14px;
        margin-top: 15px;
    }

    .under-hero > .container > div:nth-child(1) {
        font-size: 28px;
        margin-bottom: 0;
    }

    .s-hero .inner p {
        font-size: 16px;
    }

    .s-hero .inner .price span {
        font-size: 37px;
    }

    .s-hero .inner .price {
        font-size: 60px;
        padding-left: 6px;
    }

    .s-hero .inner img {
        width: 212px;
        height: auto;
    }

    .s-hero .inner {
        border: 4px solid #000000;
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
        transform-origin: center;
        width: 280px;
        height: 280px;
    }

    .s-hero {
        height: 320px;
    }

}

#hero.byob.double {
    background-image: url(../images/double/hero-bg.png) !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#hero.byob.double .left:before {
    display: none;
}

#hero.byob.double .left {
    font-size: 0;
}

#hero.byob.double .left .inner-left,
#hero.byob.double .left .inner-right {
    display: inline-block;
    vertical-align: bottom;
}

#hero.byob.double .left .inner-left {
    margin-left: -120px;
    margin-right: 70px;
}

#hero.byob.double .left {
    padding-top: 7px;
}

#hero.byob.double .right .top .inner {
    background-position: calc(100% - 9px) 10px;
    padding-top: 35px;
}

#hero.byob.double > div:not(.hero-pagination):not(.clearfix):after {
    display: none;
}

#hero.byob.double .right .top .inner a {
    margin-top: 10px;
}

#hero.byob.double .right .bottom .inner {
    padding-top: 20px;
}

#hero.byob.double.second .right .bottom .inner a {
    margin-top: 5px;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url('fonts/Gotham-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Bold.otf') format('opentype'), url('fonts/Gotham-Bold.woff') format('woff'), url('fonts/Gotham-Bold.ttf') format('truetype'), url('fonts/Gotham-Bold.svg#Gotham-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#banner-double {
    background-image: url(../images/double/banner-bg.png);
    text-align: center;
    font-size: 0;
    padding: 25px 0 10px 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#banner-double > img {
    display: inline-block;
    vertical-align: middle;
}

#banner-double > img:first-child {
    margin-right: 25px;
}

#banner-double a {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    height: 120px;
    background-color: #ed1b24;
    color: white;
    border-radius: 100% !important;
    -webkit-border-radius: 100% !important;
    font-size: 20.59px;
    line-height: 21.06px;
    text-transform: uppercase;
    text-align: center;
    font-family: 'Gotham-Bold';
    margin-left: 55px;
    padding-top: 40px;
}

#banner-double a span {
    display: block;
    font-size: 18.87px;
    line-height: 19.17px;
}

@media screen and (max-width: 1199px) {
    #hero.byob.double .left .inner-left {
        margin-right: 15px;
    }

    #banner-double a {
        margin-left: 15px;
    }

    #banner-double > img:first-child {
        margin-right: 0px;
    }

    #hero.byob.double .left .inner-left {
        margin-left: -100px;
    }

}

@media screen and (max-width: 991px) {
    #hero.byob.scratch.byob.double .right .top .inner {
        background-position: calc(100% - 15px) calc(100% - 15px);
    }

    #banner-double > img:first-child {
        display: block;
        margin-right: auto;
        margin-left: auto;
        margin-bottom: 15px;
    }

    #banner-double {
        padding: 30px 0;
        background-position: 100% 0;
    }

}

@media screen and (max-width: 767px) {
    #hero.byob.double .left .inner-left {
        margin-right: 0;
    }

    #hero.scratch.double .right {
        padding-top: 0;
    }

    #hero.byob.double .left .inner-left {
        margin-left: 0;
    }

    #hero.byob.double .left {
        padding-bottom: 0;
    }

    #hero.byob.double .left .inner-left {
        width: 50%;
    }

    #hero.byob.double .left .inner-left,
    #hero.byob.double .left .inner-right {
        width: 50%;
    }

}

@media screen and (max-width: 600px) {
    #hero.scratch.double .left img {
        margin-bottom: 0;
    }

    #hero.byob.double .swiper-pagination {
        text-align: center !important;
        display: block !important;
        position: absolute !important;
        height: auto !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
    }

    #hero.byob.double .left > div {
        position: absolute;
        left: 0;
        width: 100%;
        bottom: 0;
    }

    #hero.byob.scratch.byob.double .right .inner {
        background-size: auto !important;
    }

    #hero.scratch.double .right {
        padding-top: 15px;
        padding-bottom: 15px;
    }

}

@media screen and (max-width: 480px) {
    #hero.byob.scratch.byob.double .right .inner {
        background-size: auto 100px !important;
    }

    #hero.byob.double .left img {
        width: auto !important;
    }

    #hero.byob.double .left .inner-left {
        display: none !important;
    }

    #hero.byob.double .left .inner-right {
        width: 100% !important;
    }

    #banner-double {
        padding: 30px 15px;
        background-size: cover;
        background-position: center;
    }

    #banner-double > img {
        display: block;
        margin: 0 auto 15px auto;
        max-width: 100%;
        height: auto;
    }

    #hero.byob.double .left .inner-left,
    #hero.byob.double .left .inner-right {
        width: 50%;
    }

}

@font-face {
    font-family: 'latobold';
    src: url('fonts/lato-bold-webfont.woff2') format('woff2'), url('fonts/lato-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latobold_italic';
    src: url('fonts/lato-bolditalic-webfont.woff2') format('woff2'), url('fonts/lato-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latohairline';
    src: url('fonts/lato-hairline-webfont.woff2') format('woff2'), url('fonts/lato-hairline-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latohairline_italic';
    src: url('fonts/lato-hairlineitalic-webfont.woff2') format('woff2'), url('fonts/lato-hairlineitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latoitalic';
    src: url('fonts/lato-italic-webfont.woff2') format('woff2'), url('fonts/lato-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latolight';
    src: url('fonts/lato-light-webfont.woff2') format('woff2'), url('fonts/lato-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latolight_italic';
    src: url('fonts/lato-lightitalic-webfont.woff2') format('woff2'), url('fonts/lato-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'), url('fonts/lato-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latoblack';
    src: url('fonts/lato-black-webfont.woff2') format('woff2'), url('fonts/lato-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'latoblack_italic';
    src: url('fonts/lato-blackitalic-webfont.woff2') format('woff2'), url('fonts/lato-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gotham-Black';
    src: url('fonts/Gotham-Black.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Black.otf') format('opentype'), url('fonts/Gotham-Black.woff') format('woff'), url('fonts/Gotham-Black.ttf') format('truetype'), url('fonts/Gotham-Black.svg#Gotham-Black') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#hero.spree.tbyb {
    background-image: url(../images/tbyb/bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#hero.spree.tbyb:after {
    display: none;
}

#hero.spree.tbyb .tbyb-inner {
    font-size: 0;
    text-align: right;
    padding-top: 72px;
}

#hero.spree.tbyb {
    position: relative;
}

#hero.spree.tbyb:before {
    content: "";
    display: block;
    width: 139px;
    height: 138px;
    background-image: url(../images/tbyb/july-only.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    left: 0;
    top: 17px;
}

#hero.spree.tbyb .tbyb-inner .inner-left {
    display: inline-block;
    vertical-align: bottom;
    margin-left: -100px;
    left: -40px;
    position: relative;
}

#hero.spree.tbyb .tbyb-inner .inner-right {
    display: inline-block;
    vertical-align: bottom;
    top: -35px;
    position: relative;
}

#hero.spree.tbyb .tbyb-inner .inner-right {
    width: 380px;
    max-width: 100%;
    margin-right: 80px;
    text-align: left;
}

#hero.spree.tbyb .tbyb-inner .inner-right img {
    margin-left: -110px;
    margin-bottom: 10px;
}

#hero.spree.tbyb .tbyb-inner .inner-right p {
    font-family: 'latoregular';
    margin: 0;
    line-height: 1;
    font-style: italic;
    font-size: 21px;
    color: black;
    font-weight: 400;
}

#hero.spree.tbyb .tbyb-inner .inner-right strong {
    font-family: 'latoblack_italic';
    font-weight: 400;
    font-style: normal;
    font-size: 30px;
}

#hero.spree.tbyb .tbyb-inner .inner-right strong span {
    color: #f41727;
}

#hero.spree.tbyb .tbyb-inner .inner-right a {
    display: block;
    width: 235px;
    height: 60px;
    background-color: #f41727;
    color: white;
    font-size: 20px;
    font-family: 'Gotham-Black';
    text-align: center;
    line-height: 60px;
    margin-top: 15px;
    margin-left: 140px;
    text-transform: uppercase;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
}

#banner-tbyb {
    background-image: url(../images/tbyb/banner-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: left;
    font-size: 0;
    padding: 20px 0 10px 0;
}

#banner-tbyb .left {
    width: 37.5%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

#banner-tbyb .right {
    width: 62.5%;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    padding-right: 60px;
}

#banner-tbyb .right p {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#banner-tbyb .right a {
    display: inline-block;
    -webkit-box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.11);
    width: 235px;
    height: 60px;
    background-color: #fff;
    color: #ed1c24;
    font-size: 20px;
    font-family: 'Gotham-Black';
    text-align: center;
    line-height: 60px;
    margin-top: 0;
    margin-left: 50px;
    text-transform: uppercase;
    vertical-align: top;
}

#banner-tbyb .right p {
    font-family: 'latoregular';
    margin: 0;
    line-height: 1;
    font-style: italic;
    font-size: 26.97px;
    color: white;
    font-weight: 400;
}

#banner-tbyb .right strong {
    font-family: 'latoblack_italic';
    font-weight: 400;
    font-style: normal;
    font-size: 38.67px;
}

#banner-tbyb-try {
    background-image: url(../images/tbyb/big-bg.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: left;
    font-size: 0;
    padding: 30px 0 25px 0;
}

#banner-tbyb-try .left {
    width: 55%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

#banner-tbyb-try .left img {
    max-width: 100%;
    height: auto;
}

#banner-tbyb-try .right {
    width: 45%;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}

#banner-tbyb-try p {
    display: inline-block;
    vertical-align: top;
    text-align: left;
}

#banner-tbyb-try .right p {
    font-family: 'latoregular';
    margin: 0;
    line-height: 1;
    font-style: italic;
    font-size: 38.33px;
    color: white;
    font-weight: 400;
    text-align: center;
    position: relative;
}

#banner-tbyb-try .right p:before {
    content: "";
    display: block;
    position: absolute;
    left: -110px;
    bottom: -110px;
    width: 161px;
    height: 123px;
    background-image: url(../images/tbyb/arrow.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#banner-tbyb-try .right strong {
    font-family: 'latoblack_italic';
    font-weight: 400;
    font-style: normal;
    font-size: 54.95px;
}

/** golden ticket */
#golden-ticket .golden-hero {
    background-image: url(../images/golden/bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    padding: 40px 15px 0 15px;
    overflow: hidden;
}

#golden-ticket .golden-hero .inner {
    display: inline-block;
    position: relative;
    padding-bottom: 65px;
}

#golden-ticket .golden-hero .title {
    color: #ed1c24;
    text-transform: uppercase;
    font-size: 120px;
    font-family: 'Gotham-Black';
    line-height: 1;
    margin-bottom: 45px;
    letter-spacing: -3px;
}

#golden-ticket .golden-hero .title img {
    margin: -5px -15px 0 -15px;
    display: inline-block;
    vertical-align: middle;
}

#golden-ticket .golden-hero p {
    font-size: 20px;
    line-height: 27px;
    color: #000000;
    width: 560px;
    max-width: 100%;
    margin: 10px auto 0 auto;
    font-family: 'Gotham-Book';
}

#golden-ticket .golden-hero p strong {
    font-family: 'Gotham-Bold';
    font-weight: 400;
}

#golden-ticket .golden-hero p em {
    font-family: 'Gotham-Black';
    font-weight: 400;
    font-style: italic;
    color: #ed1c24;
}

#golden-ticket .golden-hero a {
    display: block;
    width: 330px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: white;
    text-decoration: none;
    margin: 30px auto 0 auto;
    background-color: #ed1c24;
    font-size: 18px;
    font-family: 'Gotham-Black';
    text-transform: uppercase;
}

#golden-ticket .golden-hero .inner:before {
    content: "";
    display: block;
    background-image: url(../images/golden/left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    left: -300px;
    bottom: 0;
    width: 294px;
    height: 362px;
    position: absolute;
}

#golden-ticket .golden-hero .inner:after {
    content: "";
    display: block;
    background-image: url(../images/golden/rght.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    right: -240px;
    bottom: 0;
    width: 168px;
    height: 366px;
    position: absolute;
}

.golden-products {
    text-align: center;
    padding-top: 115px;
    font-size: 0;
    text-align: left;
    overflow: hidden;
}

.golden-products .container {
    width: 970px;
    max-width: 100%;
    position: relative;
    padding-bottom: 30px;
}

.golden-products .container:after {
    content: "";
    display: block;
    position: absolute;
    right: 5px;
    bottom: 0;
    background-image: url(../images/golden/bottom.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 309px;
    height: 414px;
}

.golden-products .item {
    width: 33.3333%;
    margin-bottom: 85px;
    display: inline-block;
    vertical-align: bottom;
    text-align: center;
    padding: 0 10px;
}

.golden-products .item .image {
    height: 205px;
    margin-bottom: 30px;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border: 1px solid #ebebeb;
    overflow: hidden;
}

.golden-products .item:nth-last-child(1) .image,
.golden-products .item:nth-last-child(2) .image {
    height: 215px;
}

.golden-products .item .image img {
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.golden-products .item .image a {
    display: block;
    width: 210px;
    height: 50px;
    line-height: 51px;
    text-align: center;
    text-transform: uppercase;
    font-size: 16px;
    font-family: 'Gotham-Bold';
    color: #ffffff;
    background-color: #ed1c24;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 5px;
    margin-left: -105px;
    text-decoration: none;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.golden-products .item .image:hover a {
    opacity: 1;
    visibility: visible;
    pointer-events: all;
}

.golden-products .item .image:hover img {
    opacity: 0.5;
}

.golden-products .item .image + a {
    font-size: 18px;
    font-weight: bold;
    color: #ed1c24;
    display: inline-block;
    text-transform: uppercase;
    font-family: 'latobold';
}

div.golden-form {
    background-color: #ed1c24;
    text-align: center;
    padding: 50px 0 75px 0;
}

.golden-form .form-title {
    font-size: 40px;
    color: #f8ef1f;
    margin-bottom: 0px; /* font-weight: 800; */
    font-family: 'latoblack';
}

.golden-form .form-subtitle {
    font-size: 20px;
    color: #ffffff;
    margin-bottom: 30px;
    font-family: 'latoregular';
}

.golden-form p {
    font-size: 22.67px;
    font-family: 'Gotham-Book';
    color: #ffffff;
}

.golden-form form {
    font-size: 0;
}

.golden-form input:not([type="submit"]) {
    width: calc(25% - 9px);
    display: inline-block;
    vertical-align: middle;
    height: 57px;
    background-color: white;
    border: 1px solid #e3e3e3;
    text-align: left;
    font-size: 20px;
    font-weight: 400;
    color: #aaaaaa;
    padding: 0 20px;
    margin-bottom: 32px;
    font-family: 'latoregular';
}

.golden-form input:not([type="submit"]):not(:last-child) {
    margin-right: 9px;
}

.golden-form input[type="submit"] {
    width: 305px;
    height: 55px;
    line-height: 1;
    background-color: #fff100;
    color: #000000;
    font-size: 17px;
    font-family: 'Gotham-Bold';
    display: block;
    margin: 0 auto;
    text-transform: uppercase;
    text-align: center;
    border: 0;
    margin-bottom: 55px;
    max-width: 100%;
}

.golden-form hr {
    border-color: #fde1e2;
    width: 960px;
    max-width: 100%;
    margin: 36px auto 30px auto;
}

.golden-form .form-desc p {
    font-size: 14px;
    line-height: 20px;
    margin: 0 auto;
    font-family: 'Gotham-Book';
    width: 930px;
    max-width: 100%;
}

.golden-form .container {
    width: 1160px;
}

.golden-form .after-form img {
    margin-bottom: 15px;
    margin-top: 20px;
}

.golden-form .after-form .form-title {
    margin-bottom: 10px;
}

.golden-form .after-form .form-subtitle {
    font-size: 18px;
    margin-bottom: 65px;
    line-height: 27px;
}

.golden-form .after-form .form-subtitle span {
    font-family: 'Gotham-Black';
    font-style: italic;
}

@media screen and (max-width: 1199px) {
    .hero-new.tbyb .tbyb-inner .inner-right {
        margin-right: 15px;
    }

    .hero-new.tbyb .tbyb-inner .inner-left {
        left: 60px;
        margin-left: -300px;
    }

    .golden-products .item {
        padding: 0 15px;
    }

    .golden-products .item .image img {
        max-width: 100%;
        height: auto;
        max-height: 100%;
    }

    .golden-products .container:after {
        right: 0;
    }

    #golden-ticket .golden-hero .title {
        font-size: 100px;
    }

}

@media screen and (max-width: 991px) {
    .hero-new.tbyb .tbyb-inner {
        text-align: center;
    }

    .hero-new.tbyb .tbyb-inner .inner-left {
        left: 0;
        margin-left: 0;
    }

    .golden-form input:not([type="submit"]):not(:nth-child(2n+1)) {
        margin-right: 9px;
    }

    .golden-form input:not([type="submit"]):not(:nth-child(2n+2)) {
        margin-right: 0;
    }

    .golden-form input:not([type="submit"]) {
        width: calc(50% - 4.5px);
        height: 47px;
        margin-bottom: 10px;
    }

    .golden-products .container:after {
        right: -30px;
    }

    .golden-products .item .image {
        height: 200px;
        margin-bottom: 30px;
    }

    .golden-products {
        padding-top: 30px;
    }

    #golden-ticket .golden-hero .title {
        font-size: 65px;
    }

    #golden-ticket .golden-hero .title img {
        margin: 0 -5px;
        display: inline-block;
        vertical-align: middle;
        width: 70px;
    }

}

@media screen and (max-width: 767px) {
    .golden-form input:not([type="submit"]):not(:nth-child(2n+2)) {
        margin-right: 0;
    }

    .golden-form input:not([type="submit"]):not(:nth-child(2n+1)) {
        margin-right: 0;
    }

    .golden-form input:not([type="submit"]) {
        width: 100%;
        height: 47px;
        margin-bottom: 10px;
    }

    .golden-form .form-title {
        font-size: 22px;
    }

    .golden-form .after-form .form-subtitle br {
        display: none;
    }

    .golden-products .container:after {
        width: 154.5px;
        height: 207px;
        right: 15px;
    }

    .golden-products .item:nth-last-child(1) .image,
    .golden-products .item:nth-last-child(2) .image {
        height: 200px;
    }

    .golden-products .item .image + a {
        font-size: 16px;
    }

    .golden-products .item {
        width: 50%;
        margin-bottom: 15px;
        vertical-align: top;
    }

    #golden-ticket .golden-hero .title {
        font-size: 60px;
        margin-bottom: 20px;
    }

    #golden-ticket .golden-hero .inner {
        padding-bottom: 60px;
        display: block;
        text-align: center;
    }

    #golden-ticket .golden-hero .inner img {
        max-width: 100%;
        height: auto;
    }

    .golden-products .item img {
        max-height: 180px;
    }

}

@media screen and (max-width: 600px) {
    #golden-ticket .golden-hero {
        padding-bottom: 15px;
    }

    #golden-ticket .golden-hero .title {
        font-size: 40px;
        margin-bottom: 20px;
    }

    #golden-ticket .golden-hero .title img {
        width: 40px;
    }

    #golden-ticket .golden-hero p {
        font-size: 16px;
        line-height: 1.3;
    }

    #golden-ticket .golden-hero a {
        max-width: 100%;
        font-size: 15px;
    }

    #golden-ticket .golden-hero .inner:before {
        display: none;
    }

    #golden-ticket .golden-hero .inner:after {
        display: none;
    }

}

@media screen and (max-width: 480px) {
    .golden-products .container {
        padding-bottom: 0;
    }

    .hero-new.tbyb .tbyb-inner .inner-right p {
        left: 0;
    }

    .golden-products .container:after {
        display: none;
    }

    .golden-products .item .image {
        height: auto !important;
    }

    .golden-products .item img {
        max-height: 200px;
    }

    .golden-products .item {
        margin-bottom: 30px;
    }

    .golden-products .item {
        width: 100%;
        vertical-align: top;
    }

    #golden-ticket .golden-hero .title {
        font-size: 30px;
        margin-bottom: 10px;
    }

    #golden-ticket .golden-hero .title img {
        margin: 0;
    }

}

#banner-golden {
    padding: 20px 0 25px 0;
    background-image: url(../images/golden/banner-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 0 50%;
    background-size: cover;
    font-size: 0;
    max-width: 100%;
}

#banner-golden .container {
    width: 1100px;
    max-width: 100%;
}

#banner-golden .left {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
}

#banner-golden .left .title {
    font-size: 66.91px;
    color: #ec2027;
    font-family: 'Gotham-Black';
    line-height: 1;
    margin-bottom: 0;
    text-transform: uppercase;
    letter-spacing: -2px;
}

#banner-golden .left .title img {
    margin: 0 -10px;
    vertical-align: bottom;
    position: relative;
    top: -3px;
}

#banner-golden .left .subtitle {
    font-size: 14.14px;
    color: #000000;
    font-family: 'Gotham-Book';
}

#banner-golden .left .subtitle strong {
    font-family: 'Gotham-Black';
    color: #ec2027;
    font-weight: 400;
    font-size: 19.64px;
}

#banner-golden .right {
    width: 30%;
    display: inline-block;
    text-align: right;
    vertical-align: middle;
}

#banner-golden .right a {
    display: inline-block;
    width: 235px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    text-transform: uppercase;
    color: white;
    background-color: #ec2027;
    max-width: 100%;
    font-size: 14.07px;
    font-family: 'Gotham-Black';
    text-decoration: none;
}

@media screen and (max-width: 991px) {
    #banner-golden .left .title {
        font-size: 46px;
    }

}

@media screen and (max-width: 767px) {
    #banner-golden .left .title img {
        margin: 0 -5px;
    }

    #banner-golden .left,
    #banner-golden .right {
        width: 100%;
        display: block;
        text-align: left;
    }

    #banner-golden .right {
        margin-top: 15px;
    }

}

@media screen and (max-width: 480px) {
    #banner-golden .left .title {
        font-size: 30px;
    }

    #banner-golden .left .title img {
        margin: 0;
        width: 32px;
        top: 0;
    }

    #banner-golden .left .subtitle strong {
        display: block;
        font-size: 18px;
    }

    #banner-golden .left .subtitle {
        font-size: 14px;
    }

}

#hero.spree.tbyb.golden:before,
#hero.spree.tbyb.golden-hero:before {
    display: none !important;
}

#hero.spree.golden .right .bottom:not(.second) .inner {
    background-position: 100% 50%;
}

#hero.spree.golden .right .inner {
    background-position: calc(100% - 10px) 50%;
}

#new-hero.golden-hero,
.golden-hero {

    /*background-image: url(../images/golden/hero-bg.png) !important;*/
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
}

.golden-inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -60px;
    bottom: 0;
    width: 150px;
    height: 310px;
    background-image: url(../images/golden/hero-left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.golden-inner:after {
    content: "";
    display: block;
    position: absolute;
    right: -95px;
    bottom: 0;
    width: 169px;
    height: 305px;
    background-image: url(../images/golden/hero-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.golden-inner {
    padding: 0 15px;
    position: relative;
    display: inline-block;
    height: 401px;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    text-align: center;
}

.golden-inner .title {
    font-size: 65.53px;
    text-transform: uppercase;
    color: #ec2027;
    font-family: 'Gotham-Black';
    letter-spacing: -2px;
    margin-bottom: 20px;
    line-height: 1;
    margin-top: -10px;
}

.golden-inner .title img {
    margin: 0 -10px;
    position: relative;
    top: 0;
    display: inline-block;
}

.golden-inner .title + img {
    max-width: 100%;
    height: auto;
}

.golden-inner .subtitle {
    font-size: 13.39px;
    color: #000000;
    font-family: 'Gotham-Book';
    margin-top: 10px;
    margin-bottom: 20px;
}

.golden-inner .subtitle strong {
    font-size: 18.6px;
    color: #ec2027;
    display: block;
    font-weight: 400;
    margin-top: -3px;
    font-family: 'Gotham-Black';
}

.golden-inner a {
    height: 46px;
    width: 235px;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    font-size: 14.07px;
    text-transform: uppercase;
    line-height: 46px;
    color: white;
    background-color: #ec2027;
    font-weight: 400;
    text-decoration: none;
    font-family: 'Gotham-Black';
}

@media screen and (max-width: 1199px) {
    #hero.spree.golden .right .top:not(.bottom) .inner {
        background-position: 100% 50%;
    }

    #hero.golden .left {
        text-align: center;
    }

    .golden-inner .title {
        font-size: 49px;
    }

    .golden-inner .title img {
        margin: 0 -5px;
        top: -5px;
        vertical-align: middle;
    }

    .golden-inner:before {
        width: 75px;
        left: -30px;
        height: 155px;
    }

    .golden-inner:after {
        width: 84.5px;
        height: 152.5px;
        right: -30px;
    }

    .golden-inner .title {
        font-size: 39px;
    }

    #hero.golden .left {
        padding-bottom: 0;
    }

}

@media screen and (max-width: 600px) {
    #hero.spree.golden .right .inner {
        background-position: calc(100% - 10px) calc(100% - 10px);
    }

    .golden-inner:before,
    .golden-inner:after {
        display: none;
    }

    .golden-inner .title {
        font-size: 29px;
    }

    .golden-inner .title img {
        top: 0;
        width: 36px;
    }

    #hero.spree.golden .right .top:not(.bottom) .inner {
        background-position: 100% 95%;
    }

    #hero.spree.golden .right .bottom:not(.second) .inner {
        background-position: 100% 100%;
    }

}

/** golden ticket */

/** golden ticket */
#shop-all #breadcrumb {
    margin-bottom: 50px;
    margin-top: 15px;
    font-family: 'latoregular';
}

#shop-all #breadcrumb,
#shop-all #breadcrumb a {
    font-size: 15.43px;
    color: #909090;
}

#shop-all #why {
    margin-bottom: 45px;
}

#shop-all .categories-title {
    font-size: 38.91px;
    text-align: center;
    color: #232323;
    text-transform: uppercase;
    margin-bottom: 45px;
    font-family: 'montserratbold';
}

#shop-all .categories-title span {
    color: #ff6f0c;
}

/** product categories starts */
#product-categories {
    text-align: center;
    padding: 45px 5px;
    background-color: #f5f2f0;
    font-size: 0;
}

#product-categories.low-padding .swiper-container {
}

#product-categories > div {
    width: 1260px;
    max-width: 100%;
    margin: 0 auto;
}

#product-categories.low-padding .swiper-button-next {
    right: -15px;
    outline: none;
}

#product-categories.low-padding .swiper-button-prev {
    left: -15px;
    outline: none;
}

#product-categories a {
    display: inline-block;
    vertical-align: top;
    height: 215px;
    background-color: #ffffff;
    text-align: center;
    text-decoration: none;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0);
}

#product-categories .swiper-wrapper {
    padding: 10px 0;
}

#product-categories .swiper-slide {
    padding: 0 10px;
}

#product-categories.two-row .swiper-container-two {
    width: 880px;
    max-width: 100%;
    margin: 0 auto 75px auto;
}

#product-categories.two-row .swiper-slide-two {
    width: 25%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    padding: 0 10px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 20px;
}

#product-categories.two-row a {
    width: 100%;
    height: 275px;
}

#product-categories.two-row {
    padding: 20px 0 0 0;
}

#product-categories.two-row .image {
    height: 210px;
    line-height: 210px;
}

#product-categories.two-row p {
    font-size: 19.15px;
    padding: 0 15px;
    line-height: 1;
}

#product-categories a:hover {
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.19);
}

#product-categories a .image {
    height: 160px;
    line-height: 160px;
    padding: 0 15px;
}

#product-categories a img {
    max-width: 100%;
    max-height: calc(100% - 30px);
    height: auto;
}

#product-categories a p {
    font-size: 19.15px;
    color: #313131;
    margin: 0;
    font-family: 'montserratsemibold';
    text-transform: uppercase;
}

#product-categories .swiper-pagination {
    display: none;
}

#shop-all .container {
    width: 1230px;
}

/** product categories ends */
#shop-all #how-we {
    margin-bottom: 60px;
}

#find {
    background-repeat: no-repeat;
    background-position: 100% 100%;
    font-size: 0;
    margin-bottom: 0;
    margin-top: 75px;
    background-color: #ee632c;
}

#find h3 {
    font-size: 38.29px;
    color: #ffffff;
    margin: 0 0 3px 0;
    font-family: 'latoblack';
}

#find p {
    font-size: 23.73px;
    color: #ffffff;
    font-family: 'merriweatherregular';
    margin-bottom: 15px;
}

#find a {
    font-size: 23.73px;
    font-family: 'latobold';
    color: #ffe100;
}

#find .left {
    width: 64%;
    display: inline-block;
    padding-left: 75px;
    vertical-align: middle;
}

#find .right {
    width: 36%;
    display: inline-block;
}

#find img {
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
}

#find .inner {
    padding-top: 6px;
}

@media screen and (min-width: 1200px) {
    #product-categories.two-row .swiper-slide-two {
        width: 25% !important;
    }

    #tires #tires-hero {
        padding-left: 230px;
    }
}

@media screen and (max-width: 1200px) {
    #product-categories.two-row .swiper-container-two {
        margin: 0 auto 0 auto;
    }

    #shop-all #top-picks {
        padding: 0 15px;
    }

    #product-categories .swiper-pagination {
        display: block;
        position: static;
    }

    #product-categories.two-row .swiper-pagination-bullet {
        margin: 0 4px;
    }

    #product-categories.two-row {
        padding: 20px 0;
    }

    .swiper-container-two {
        margin: 0 auto;
        position: relative;
        overflow: hidden;
        list-style: none;
        padding: 0;
        z-index: 1;
    }

    .swiper-wrapper-two {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
        -webkit-box-sizing: content-box;
        box-sizing: content-box;
    }

    .swiper-slide-two {
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }

    .swiper-slide-two {
        -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        -webkit-transition-property: -webkit-transform;
        transition-property: -webkit-transform;
        -o-transition-property: transform;
        transition-property: transform;
        transition-property: transform, -webkit-transform;
    }

    #shop-all .categories-title {
        font-size: 30px;
        padding: 50px 15px;
    }

    #find {
        margin-bottom: 0;
    }

    #shop-all .container {
        width: 1230px;
        padding-left: 0;
        padding-right: 0;
    }

    #find .left {
        padding-left: 15px;
    }

    #shop-all #breadcrumb {
        padding: 0 15px;
    }

    #product-categories.two-row {
        margin-bottom: 45px;
    }

}

@media screen and (max-width: 991px) {
    #shop-all .container > .categories-title {
        padding: 0 15px 0 15px;
    }

    #shop-all #breadcrumb {
        padding: 0 15px;
    }

    #shop-all .categories-title {
        padding: 0 15px;
    }

    #shop-all #breadcrumb {
        padding: 0 15px;
    }

    #shop-all .categories-title {
        font-size: 28px;
    }

    #find p {
        font-size: 18px;
        margin-bottom: 0;
    }

    #find h3 {
        font-size: 24px;
    }

}

@media screen and (max-width: 767px) {
    #shop-all #how-we {
        margin-bottom: 0;
    }

    #top-picks .pick-item:nth-child(2n+3) {
        clear: left;
    }

    #shop-all .categories-title {
        font-size: 18px;
        padding: 0 15px 0 15px;
    }

    #find {
        margin-top: 0;
    }

    #find a {
        font-size: 16px
    }

    #find h3 {
        font-size: 20px;
    }

    #find .inner {
        padding-top: 45px;
        padding-bottom: 0;
    }

}

@media screen and (max-width: 600px) {
    #find .inner {
        padding-top: 0;
    }

    #find .right {
        display: none;
    }

    #find .left {
        width: 100%;
        padding: 30px 15px 30px 15px;
    }

}

@media screen and (max-width: 480px) {
    #find a {
        font-size: 14px;
    }

    #find p {
        font-size: 14px;
        margin-bottom: 0;
        margin: 5px 0;
    }

    #find h3 {
        font-size: 16px;
    }

    #find {
        background-position: 100%;
    }

    #find .left {
        text-align: center;
    }

}

.for-button {
    text-align: center;
}

.for-button a {
    display: inline-block;
    margin-top: 60px;
}

@media screen and (max-width: 767px) {
    .for-button a {
        margin-top: 30px;
    }

}

#golden-ticket .golden-hero .stars {
    background-image: url(../images/golden/stars.png);
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
}

#golden-ticket .golden-hero .eclipse {
    background-image: url(../images/golden/ellipse.png);
    position: absolute;
    pointer-events: none;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 100%;
    height: 100%;
    left: 0%;
    top: 0%;
    z-index: 4;
    -webkit-animation: pulse_animation 10s linear infinite;
    -moz-animation: pulse_animation 10s linear infinite;
    animation: pulse_animation 10s linear infinite;
    transform-origin: center;
}

@keyframes pulse_animation {
    0% {
        transform: scale(1);
    }

    40% {
        transform: scale(1.4);
    }

    50% {
        transform: scale(1);
    }

    70% {
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }

}

#golden-ticket .golden-hero .title,
#golden-ticket .golden-hero .inner {
    z-index: 4;
    position: relative;
}

#golden-ticket .golden-hero .stars,
#golden-ticket .golden-hero .inner img {
    -moz-transform: scale(0);
    -webkit-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transform-origin: center;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    z-index: 4;
    position: relative;
}

#golden-ticket .golden-hero .stars {
    position: absolute;
    z-index: 4;
}

#golden-ticket .golden-hero.started .stars,
#golden-ticket .golden-hero.started .inner img {
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

#golden-ticket .golden-hero {
    position: relative;
    background-image: none;
    overflow: hidden;
}

#golden-ticket .rays-main {
    position: absolute;
    top: 50%;
    margin-top: -1116.5px;
    left: 50%;
    margin-left: -1339.8px;
    width: 2679.6px;
    height: 2233px;
    background-image: url(../images/golden/rays-main.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: 0;
    pointer-events: none;
    -webkit-animation: spin 100s linear infinite;
    -moz-animation: spin 100s linear infinite;
    animation: spin 100s linear infinite;
    transform-origin: center;
}

#golden-ticket .rays-secondary {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2505px;
    height: 2098.5px;
    margin-left: -1252.5px;
    margin-top: -1049.25px;
    background-size: cover;
    background-image: url(../images/golden/rays-secondary.png);
    background-repeat: no-repeat;
    background-position: center;
    transform-origin: center;
    z-index: 0;
    pointer-events: none;
    -webkit-animation: spinre 100s linear infinite;
    -moz-animation: spinre 100s linear infinite;
    animation: spinre 100s linear infinite;
    transform-origin: center;
}

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }

}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }

}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }

}

@-moz-keyframes spinre {
    100% {
        -moz-transform: rotate(-360deg);
    }

}

@-webkit-keyframes spinre {
    100% {
        -webkit-transform: rotate(-360deg);
    }

}

@keyframes spinre {
    100% {
        transform: rotate(-360deg);
    }

}

#hero.spree.tbyb.sept:before {
    display: none !important;
}

#hero.spree.tbyb.sept {
    overflow: hidden;
}

#hero.spree.tbyb.sept > div:not(.hero-pagination):not(.clearfix) {
    width: 1270px;
    max-width: 100%
}

#hero .sept-inner {
    font-size: 0;
    position: relative;
    left: 0;
}

#hero.spree.sept .right .inner {
    background-position: 100% 8px;
}

#hero.spree.sept .right .inner h3 {
    font-size: 21px;
    margin-bottom: 5px;
    line-height: 24.45px;
}

#hero.spree.sept .right a {
    margin-bottom: 0;
    margin-top: 0;
}

#hero.spree.sept .right .inner p {
    font-size: 13px;
    line-height: 16px;
}

#hero .sept-inner .s-left {
    display: inline-block;
    vertical-align: middle;
}

#hero .sept-inner .s-right {
    display: inline-block;
    vertical-align: middle;
    top: 25px;
    position: relative;
    margin-left: 25px;
}

#hero .sept-inner .s-right img {
}

#hero .sept-inner .title {
    font-size: 158px;
    font-family: 'montserratblack';
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
}

#hero .sept-inner .title span {
    font-size: 98px;
    line-height: 1;
    vertical-align: super;
    display: inline-block;
    position: relative;
    top: 15px;
}

#hero .sept-inner .title strong {
    font-size: 68px;
    font-family: 'montserratextrabold';
    line-height: 1;
    display: block;
    margin-top: -25px;
    letter-spacing: -2px;
}

#hero .sept-inner .sub-title {
    font-size: 28.24px;
    color: #f26523;
    text-transform: uppercase;
    font-family: 'montserratextrabold';
    line-height: 1;
    margin-top: -3px;
    margin-bottom: 5px;
}

#hero .sept-inner p {
    font-size: 16px;
    font-family: 'merriweatherregular';
    color: #000000;
    line-height: 22.64px;
    margin: 0;
}

#hero .sept-inner p strong {
    font-weight: 400;
    font-family: 'merriweatherblack';
}

#hero .sept-inner p span {
    color: #ee632c;
    font-family: 'merriweatherblack';
}

#hero .sept-inner a {
    display: block;
    width: 225px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserratextrabold';
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
    font-size: 18px;
    margin-top: 15px;
}

#hero.second .sept-inner .s-right {
    top: 50px;
    position: relative;
    margin-left: 0;
    left: 25px;
    margin-right: -25px;
}

#hero.second .sept-inner .s-left {
    margin-top: 20px;
}

#hero.second .sept-inner .sub-title {
    font-size: 27.5px;
}

#banner-sept {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
}

#banner-sept .s-left {
    display: inline-block;
    padding-top: 5px;
    vertical-align: middle;
    padding-left: 20px;
}

#banner-sept .s-right {
    display: inline-block;
    vertical-align: middle;
    top: 0;
    position: relative;
    margin-left: 20px;
}

#banner-sept .s-right img {
}

#banner-sept .title {
    font-size: 154.6px;
    font-family: 'montserratblack';
    line-height: 1;
    text-transform: uppercase;
    color: #000000;
    display: inline-block;
    vertical-align: middle;
}

#banner-sept .title span {
    font-size: 95px;
    line-height: 1;
    margin-right: 5px;
    vertical-align: super;
    display: inline-block;
    position: relative;
    top: 15px;
}

#banner-sept .title + div {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
    margin-top: -11px;
}

#banner-sept .title + div > strong {
    font-size: 56.96px;
    font-family: 'montserratextrabold';
    line-height: 1;
    display: block;
    margin-top: 0;
    color: #000000;
    text-transform: uppercase;
    letter-spacing: -2px;
}

#banner-sept .sub-title {
    font-size: 23.31px;
    color: #f26523;
    text-transform: uppercase;
    font-family: 'montserratextrabold';
    line-height: 1;
    margin-top: -3px;
    margin-bottom: 9px;
}

#banner-sept p {
    font-size: 13px;
    font-family: 'merriweatherregular';
    color: #000000;
    line-height: 18.2px;
    margin: 0;
}

#banner-sept p strong {
    font-weight: 400;
    font-family: 'merriweatherblack';
}

#banner-sept p span {
    color: #ee632c;
    font-family: 'merriweatherblack';
}

#banner-sept img {
    display: inline-block;
    vertical-align: middle;
}

#banner-sept a {
    display: block;
    width: 225px;
    height: 53px;
    line-height: 53px;
    text-align: center;
    text-transform: uppercase;
    font-family: 'montserratextrabold';
    color: #ffffff;
    background-color: #000000;
    text-decoration: none;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
    margin-left: 70px;
}

#banner-sept.second .sub-title {
    font-size: 22.5px;
}

#banner-sept.second a {
    margin-left: 35px;
}

#banner-cow {
    font-size: 0;
    text-align: center;
    width: 100%;
    max-width: 100%;
}

#banner-cow .container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 22px;
    width: 100%;
    max-width: 100%;
    padding-right: 0;
    padding-left: 0;
}

#banner-cow .container > div {
    display: inline-block;
    vertical-align: middle;
}

#banner-cow .container > div.center {
    margin-left: -15px;
    margin-top: -15px;
}

#banner-cow .container > div.right {
    margin-top: -15px;
}

#banner-cow .container a {
    width: 280px;
    height: 66px;
    line-height: 66px;
    background-color: white;
    border: 2px solid #000000;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-size: 23.51px;
    font-family: 'Gotham-Bold';
    color: #000000;
    margin-left: 55px;
}

#banner-cow .container {
    padding-left: 0;
    padding-right: 0;
}

#banner-cow .container > div img {
    max-width: 100%;
    height: auto;
}

#banner-cow-tiles {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    position: relative;
    left: -3px;
    width: 1065px;
    max-width: 100%;
    margin: 0 auto 17px auto;
    text-align: left;
}

#banner-cow-tiles .container {
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    background-size: cover;
    padding: 10px 15px;
    font-size: 0;
}

#banner-cow-tiles .container a .tile:nth-child(1) {
    margin-right: -25px;
}

#banner-cow-tiles .container a .tile:nth-child(2) {
    margin-right: -10px;
}

#banner-cow-tiles .container a {
    text-decoration: none;
}

#banner-cow-tiles .container a .tile {
    display: inline-block;
    vertical-align: middle;
}

#banner-cow {
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    position: relative;
    left: 0;
    width: 100%;
    max-width: 100%;
    margin: 0 auto 0 auto;
    text-align: left;
}

#hero.byob.tbyb.cow .left:before {
    display: none !important;
}

#hero.byob.cow .left {
    padding-top: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#hero.spree.cow .right {
    padding: 30px 15px 30px 15px;
}

#hero.byob.cow .left {
    padding-top: 5px;
}

#hero.spree.tbyb .right > div.top .inner {
    background-position: calc(100% - 15px) calc(50%);
}

#hero.cow .right.flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 0;
    padding-bottom: 0;
}

#hero.spree.sept .right .inner h3
#hero.tbyb.cow .left:before {
    display: none !important;
}

#hero.spree.tbyb.cow:before {
    display: none;
}

#hero.spree.tbyb.cow .right > div.bottom.second .inner,
#hero.spree.tbyb.cow .right > div.third .inner {
    background-position: 100% 50% !important;
    background-size: auto;
}

.cow-inner {
    font-size: 0;
    position: relative;
    left: 0;
    text-align: center;
}

.cow-inner .c-left,
.cow-inner .c-right {
    display: inline-block;
    vertical-align: middle;
}

.cow-inner .c-left {
    padding-top: 4px;
    padding-right: 25px;
    padding-left: 20px;
}

.cow-inner .c-right a {
    width: 240px;
    height: 56px;
    line-height: 50px;
    margin-top: 20px;
    background-color: white;
    border: 4px solid #000000;
    max-width: 100%;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
    font-size: 19.9px;
    font-family: 'Gotham-Bold';
    color: #000000;
}

.cow-inner .c-right {
    padding-right: 0;
}

#hero.spree.sept.cow .right .inner h3 {
    font-size: 16.08px;
    line-height: 18.56px;
}

#hero.spree.tbyb.cow .right > div.top .inner {
    background-position: 100% 0%;
}

#hero.spree.tbyb.cow .right > div.bottom .inner {
    background-position: calc(100% - 15px) 50%;
}

#hero.spree.tbyb.cow .right .inner p {
    font-size: 13.5px;
    line-height: 20.5px;
    margin-bottom: 10px;
}

#hero.spree.cow .right {
    height: 403px;
}

#hero.spree.tbyb.cow .right > div.bottom.second .inner {
    background-size: auto;
    background-position: 100% 50%;
}

@media screen and (min-width: 992px) {
    #hero.byob.cow .right {
        width: 308px;
    }

    #hero.byob.cow .left {
        width: calc(100% - 308px);
    }

}

@media screen and (max-width: 1199px) {
    #banner-cow,
    #banner-cow-tiles {
        left: 0;
    }

    #banner-cow-tiles .container a img {
        max-width: 100%;
        height: auto;
    }

    #banner-cow-tiles .container a .tile:nth-child(1) {
        margin-right: -20px;
    }

    #banner-cow-tiles .container a .tile:nth-child(1) img {
        width: 545.4px;
    }

    #banner-cow-tiles .container a .tile:nth-child(2) img {
        width: 217.8px;
    }

    #banner-cow-tiles .container a .tile:nth-child(3) img {
        width: 179.1px;
    }

    .cow-inner .c-right a {
        font-size: 18px;
        position: relative;
        z-index: 9;
    }

    #hero.type-new.byob.cow .right .top.second a {
        background-repeat: no-repeat;
        background-position: center !important;
        background-size: cover !important;
    }

    #hero.type-new.byob.cow .right .top:not(.second) a {
        background-position: calc(100% - 10px) calc(100% - 10px);
        background-size: 41% !important;
    }

    #banner-cow .container > div.center {
        margin-left: 0;
        width: 500px;
    }

    #banner-cow .container > div.right {
        padding-left: 15px;
    }

    #banner-cow .container > div.right a {
        margin-left: 0;
        width: 200px;
        height: 54px;
        line-height: 54px;
        font-size: 18px;
    }

    .cow-inner .c-left {
        padding-top: 4px;
        padding-right: 0;
        width: 60%;
    }

    .cow-inner .c-right {
        width: 40%;
        padding-right: 0;
    }

    .cow-inner img {
        max-width: 100%;
        height: auto;
    }

    .cow-inner {
        padding-top: 0;
    }

    .cow-inner .c-right a {
        font-size: 18px;
    }

}

@media screen and (max-width: 991px) {
    #banner-cow .container > div.center {
        width: auto;
    }

    #hero.spree.tbyb.cow .right .inner {
        padding: 0 15px;
    }

    #hero.cow .right.flex {
        height: auto;
    }

    .cow-inner .c-left {
        margin-right: -15px;
        padding-right: 0;
        width: auto;
    }

    .cow-inner .c-right {
        width: auto;
    }

    .cow-inner {
        padding-top: 15px;
    }

    #banner-cow-tiles .container a .tile:nth-child(1) img {
        width: 424.2px;
        margin-left: -10px;
    }

    #banner-cow-tiles .container a .tile:nth-child(2) img {
        width: 169.4px;
    }

    #banner-cow-tiles .container a .tile:nth-child(3) img {
        width: 139.3px;
    }

    #banner-cow .container a {
        width: 200px;
        height: 42px;
        line-height: 42px;
        font-size: 16px;
    }

    .cow-inner {
        left: 0;
    }

    #banner-cow .container > div.left {
        width: 200px;
        height: auto;
    }

    #banner-cow .container > div.center img {
        width: 300px;
        height: auto;
    }

    #hero.spree.cow .right {
        height: 220px;
    }

    #hero.spree.tbyb.cow .right .inner p {
        font-size: 12.5px;
        line-height: 18.5px;
    }

}

@media screen and (max-width: 767px) {
    #hero.spree.tbyb.cow .right {
        height: 360px;
        padding: 15px;
    }

    #banner-cow-tiles .container a .tile:nth-child(1) img {
        width: 327.24px;
        margin-left: -10px;
    }

    #banner-cow-tiles .container a .tile:nth-child(2) img {
        width: 130.68px;
    }

    #banner-cow-tiles .container a .tile:nth-child(3) img {
        width: 107.46px;
    }

    .cow-inner .c-left {
        width: 60%;
        padding: 0 15px;
        position: relative;
        top: 1px;
    }

    .cow-inner .c-right {
        width: 40%;
        padding: 0 15px;
    }

    #banner-cow .container > div.left {
        width: 150px;
        height: auto;
    }

    #banner-cow .container > div.center img {
        width: 200px;
        height: auto;
    }

}

@media screen and (max-width: 600px) {
    .cow-inner .c-right {
        padding-left: 0;
        padding-right: 0;
    }

    #banner-cow-tiles .container a .tile:nth-child(1) {
        margin-right: 0;
    }

    #banner-cow-tiles .container a .tile:nth-child(1) img {
        width: auto;
        margin-right: 0;
    }

    #banner-cow-tiles .container a .tile:nth-child(2) {
        margin-right: 0;
    }

    #banner-cow-tiles .container a .tile:nth-child(2) {
        width: auto;
        display: inline-block;
        vertical-align: top;
        max-width: 53.5%;
        margin-top: 15px;
    }

    #banner-cow-tiles .container a .tile:nth-child(3) {
        width: auto;
        display: inline-block;
        vertical-align: top;
        max-width: 46.5%;
        margin-top: 15px;
    }

    #banner-cow-tiles .container a .tile:nth-child(2) img {
        width: auto;
    }

    #banner-cow-tiles .container a .tile:nth-child(3) img {
        width: auto;
    }

    #banner-cow-tiles .container a .tile {
        display: block;
    }

    #banner-cow .container {
        padding-top: 0;
        padding-left: 15px;
        padding-right: 15px;
    }

    #banner-cow .container > div.center,
    #banner-cow .container > div.right {
        margin-top: 0;
    }

    .cow-inner .c-left {
        display: none;
    }

    .cow-inner .c-right {
        width: 100%;
        text-align: center;
    }

    .cow-inner {
        height: 100%;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-justify-content: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-align-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-align-items: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 15px 0;
    }

    #banner-cow .container > div.left {
        display: none;
    }

    #banner-cow .container > div {
        width: 100%;
        text-align: center;
        padding-bottom: 15px;
        padding-top: 15px;
    }

    #banner-cow .container > div.center img {
        width: auto;
    }

    #banner-cow .container > div.right {
        padding-top: 0;
    }

}

@media screen and (max-width: 480px) {
    #hero.spree.tbyb.cow .right .inner {
        background-size: auto;
    }

    #hero.spree.tbyb.cow .right > div.bottom.second .inner,
    #hero.spree.tbyb.cow .right > div.third .inner {
        background-position: 100% 50% !important;
        background-size: 40%;
    }

    #hero.spree.cow .right {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }

    .cow-inner {
        height: 400px;
    }

}

@media screen and (max-width: 420px) {
    #hero.spree.tbyb.cow .right > div.bottom .inner {
        background-position: calc(100% - 5px) 50%;
        background-size: 28%;
    }

    #hero.spree.tbyb.cow .right > div.top .inner {
        background-position: 100% 0%;
        background-size: 30%;
    }

}

/** wishbook starts */


#banner-wish {
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-size: 0;
    text-align: center;
    position: relative;
}

#banner-wish:before {
    content: "";
    display: block;
    position: absolute;
    left: 80px;
    top: 0;
    background-image: url(../images/wishbook/lights.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 737px;
    height: 94px;
    z-index: 3;
}

#banner-wish .container:before {
    content: "";
    display: block;
    z-index: 4;
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/wishbook/present-left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 96px 137px;
    width: 96px;
    height: 137px;
}

#banner-wish .container:after {
    content: "";
    display: block;
    z-index: 4;
    position: absolute;
    right: 0;
    bottom: 0;
    background-image: url(../images/wishbook/present-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 161px 129px;
    width: 161px;
    height: 129px;
}

#banner-wish .left,
#banner-wish .right {
    display: inline-block;
    vertical-align: middle;
}

#banner-wish .left {
    margin-right: 80px;
    margin-left: -15px;
}

#banner-wish .left img {
    margin: -18px 0 -43px 0;
}

#banner-wish a {
    width: 265px;
    height: 64px;
    line-height: 59px;
    border: 2px solid #ffffff;
    background-color: #f36523;
    color: white;
    display: inline-block;
    text-decoration: none;
    font-size: 22px;
    color: #ffffff;
    font-family: 'montserratblack';
    z-index: 5;
    position: relative;
}

@media screen and (max-width: 1200px) {
    #banner-wish .left {
        margin-right: 30px;
        margin-left: 0;
    }

}

@media screen and (max-width: 991px) {
    #banner-wish a {
        width: 200px;
        height: 54px;
        line-height: 54px;
        font-size: 16px;
    }

    #banner-wish .container:before {
        left: -30px;
    }

    #banner-wish .container:after {
        right: -30px;
    }

    #banner-wish:before {
        top: -30px;
        left: 0;
    }

    #banner-wish .left img {
        margin: -18px 0 -30px 0;
        width: 400px;
    }

    #banner-wish .left {
        margin-right: 15px;
        margin-left: 0;
    }

}

@media screen and (max-width: 767px) {
    #banner-wish .left img {
        margin: -10px 0 -20px 0;
        width: 340px;
    }

    #banner-wish a {
        width: 160px;
        height: 44px;
        line-height: 44px;
        font-size: 14px;
    }

    #banner-wish:before {
        top: -50px;
        left: 0;
    }

    #banner-wish .container:before {
        left: -50px;
    }

    #banner-wish .container:after {
        right: -50px;
    }

}

@media screen and (max-width: 600px) {
    #banner-wish:before {
        top: -30px;
        left: -30px;
    }

    #banner-wish {
        padding: 15px 0;
    }

    #banner-wish .container:before,
    #banner-wish .container:after {
        display: none;
    }

    #banner-wish .left img {
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        display: inline-block;
    }

    #banner-wish .left,
    #banner-wish .right {
        margin-right: auto;
        margin-left: auto;
        display: block;
        text-align: center;
    }

}

#hero.spree.sept.wishbook .right > div.top .inner {
    background-position: 100% 50%;
}

#hero.spree.sept.wishbook .right .inner {
    background-position: calc(100% - 10px) 50%;
}

#hero.spree.sept.wishbook .right .inner p {
    line-height: 20.5px;
}

#hero.spree.sept.wishbook .right .inner h3 {
    font-size: 16.08px;
}

@font-face {
    font-family: 'KG When Oceans Rise';
    src: url('fonts/KGWhenOceansRise.eot');
    src: url('fonts/KGWhenOceansRise.eot?#iefix') format('embedded-opentype'), url('fonts/KGWhenOceansRise.woff2') format('woff2'), url('fonts/KGWhenOceansRise.woff') format('woff'), url('fonts/KGWhenOceansRise.ttf') format('truetype'), url('fonts/KGWhenOceansRise.svg#KGWhenOceansRise') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#hero.wishbook {
    text-align: left;
}

#hero.wishbook .right {
    position: relative;
    z-index: 8;
}

#hero.wishbook:after {
    content: "";
    display: block !important;
    width: 1020px;
    height: 135px;
    max-width: 100%;
    background-image: url(../images/wishbook/hero-lights.png);
    background-size: cover;
    position: absolute;
    background-position: 0 0;
    background-repeat: no-repeat;
    left: 35px;
    top: 0;
    pointer-events: none;
}

#hero.wishbook .left {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: left;
}

#hero.wishbook .left:before {
    content: "";
    display: block;
    background-image: url(../images/wishbook/hero-right.png);
    width: 225px;
    height: 300px;
    background-size: cover;
    position: absolute;
    background-position: 100% 0;
    background-repeat: no-repeat;
    right: 49px;
    bottom: 0;
    z-index: 9;
    left: auto;
    pointer-events: none;
}

#hero.wishbook .left .bubble {
    display: block;
    background-image: url(../images/wishbook/hero-right-bubble.png);
    width: 252px;
    height: 167px;
    background-size: cover;
    position: absolute;
    background-position: 100% 0;
    background-repeat: no-repeat;
    right: 70px;
    top: 5px;
    /*font-weight: bold;*/
    z-index: 8;
    padding: 25px;
}

#hero.wishbook .left .bubble p:nth-child(1) {
    font-size: 17.24px;
    color: #ed1c24;
    font-family: 'KG When Oceans Rise';
    line-height: 1;
    margin: 0 0 5px 0;
}

#hero.wishbook .left .bubble p:nth-child(2) {
    font-family: 'KG When Oceans Rise';
    font-size: 18.76px;
    color: #000000;
    line-height: 1;
    margin: 0 0 12px 0;
}

#hero.wishbook .left .bubble a {
    font-size: 15.21px;
    color: #fd0008;
    font-family: 'KG When Oceans Rise';
    display: inline-block;
    line-height: 1;
    border-bottom: 1px solid #fd0008;
    text-decoration: none;
}

.wishbook-inner {
    position: relative;
    display: inline-block;
    text-align: center;
    width: 600px;
    max-width: 100%;
    left: -165px;
    z-index: 1;
}

.wishbook-inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -75px;
    bottom: -90px;
    width: 174px;
    height: 227px;
    background-image: url(../images/wishbook/hero-box-left.png);
    background-repeat: no-repeat;
    background-position: 0 100%;
    background-size: cover;
}

.wishbook-inner:after {
    content: "";
    display: block;
    position: absolute;
    right: -70px;
    bottom: -29px;
    width: 215px;
    height: 101px;
    background-image: url(../images/wishbook/hero-box-right.png);
    background-repeat: no-repeat;
    background-position: 100% 100%;
    background-size: cover;
}

.wishbook-inner img {
    margin: -25px auto -40px 0;
    position: relative;
    left: -35px;
    display: block;
}

.wishbook-inner p {
    display: block;
    margin: 0 auto;
    font-size: 16.76px;
    color: #ffffff;
    line-height: 21.3px;
}

.wishbook-inner a {
    width: 265px;
    height: 64px;
    line-height: 59px;
    border: 2px solid #ffffff;
    background-color: #f36523;
    color: white;
    display: inline-block;
    text-decoration: none;
    font-size: 22px;
    color: #ffffff;
    font-family: 'montserratblack';
    z-index: 5;
    position: relative;
    margin-top: 15px;
}

@media screen and (max-width: 1450px) {
    #hero.wishbook .left:before {
        right: -10px;
    }

    #hero.wishbook:after {
        left: 0;
    }

    .wishbook-inner {
        left: -65px;
    }

    #hero.wishbook .left .bubble {
        right: 0;
    }

}

@media screen and (max-width: 1200px) {
    .wishbook-inner p {
        font-size: 14px;
    }

    #hero.wishbook .left .bubble {
        right: -30px;
        z-index: 2;
    }

    #hero.wishbook .left:before {
        right: -30px;
        z-index: 4;
    }

    .wishbook-inner {
        width: 510px;
    }

    .wishbook-inner img {
        margin: -25px auto 23px 0;
        width: 580px;
    }

}

@media screen and (max-width: 991px) {
    #hero.wishbook .left:before {
        right: 20px;
    }

    #hero.wishbook .left .bubble {
        right: 25px;
    }

    .wishbook-inner img {
        margin: -25px auto -25px auto;
        width: auto;
        max-width: 100%;
        left: -30px;
    }

    .wishbook-inner {
        width: 100%;
    }

    #hero.wishbook .left {
        width: 100%;
    }

    .wishbook-inner:before,
    .wishbook-inner:after {
        bottom: -15px;
    }

    .wishbook-inner:before {
        left: 0;
    }

}

@media screen and (max-width: 767px) {
    .wishbook-inner {
        left: 0;
        padding-bottom: 15px;
    }

    .wishbook-inner:before {
        bottom: 0;
    }

    .wishbook-inner:after {
        bottom: 0;
    }

    .wishbook-inner:before {
        left: -100px;
    }

    .wishbook-inner {
        width: 100%;
        height: 100%;
    }

    .wishbook-inner img {
        width: 550px;
        margin: -25px auto 0 auto;
        max-width: 100%;
        left: 0;
    }

    #hero.wishbook .left .bubble,
    #hero.wishbook .left:before {
        display: none;
    }

}

@media screen and (max-width: 600px) {
    .wishbook-inner a {
        width: 200px;
        height: 44px;
        line-height: 42px;
        font-size: 16px;
        margin-top: 20px;
    }

    .wishbook-inner:before,
    .wishbook-inner:after {
        display: none;
    }

    #hero.spree.sept.wishbook .right > div .inner {
        background-size: auto 90%;
    }

}

@media screen and (max-width: 420px) {
    .wishbook-inner p br {
        display: none;
    }

}

/** wishbook ends */


/** nada */
#hero.spree.tbyb.cow.nada18 .right > div.top .inner,
#hero.spree.tbyb.cow.nada18 .right > div.bottom .inner {
    background-position: calc(100% - 12px) 50% !important;
}

#hero.spree.tbyb.cow.nada18 .right > div.top.less .inner,
#hero.spree.tbyb.cow.nada18 .right > div.bottom.less .inner {
    background-position: calc(100% - 5px) 50% !important;
}

#hero.spree.cow.nada18 .right {
    z-index: 3;
}

#hero.nada18 .left {
    height: 403px;
    padding-left: 35px;
}

.nada18-inner {
    -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.5);
    border-left: 1px solid #5dd0d7;
    border-right: 1px solid #5dd0d7;
    width: 700px;
    max-width: 100%;
    margin: 0 auto;
    background-color: #4fb1b7;
    color: white;
    text-align: center;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
    position: relative;
}

.nada18-inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -138px;
    bottom: 65px;
    background-image: url(../images/nada18/left-goblin.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 138px;
    height: 268px;
    z-index: 2;
}

.nada18-inner:after {
    content: "";
    display: block;
    position: absolute;
    right: -185px;
    bottom: 120px;
    z-index: 2;
    background-image: url(../images/nada18/right-goblin.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 185px;
    height: 207px;
}

.nada18-inner .light-left {
    position: absolute;
    left: -20px;
    bottom: 0;
    height: 100%;
    width: 164px;
    z-index: 1;
    background-image: url(../images/nada18/light-left.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.nada18-inner .light-right {
    position: absolute;
    right: -45px;
    bottom: 0;
    height: 100%;
    width: 164px;
    z-index: 1;
    background-image: url(../images/nada18/light-right.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: contain;
}

.nada18-inner .gift-left {
    position: absolute;
    left: -145px;
    bottom: 0;
    z-index: 3;
    height: 147px;
    width: 220px;
    background-image: url(../images/nada18/left-gift.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.nada18-inner .gift-right {
    position: absolute;
    right: -120px;
    bottom: 0;
    z-index: 3;
    height: 165px;
    width: 202px;
    background-image: url(../images/nada18/right-gift.png);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
}

.nada18-inner .title {
    font-size: 18.25px;
    display: inline-block;
    font-family: 'montserratbold';
    color: #ffffff;
    line-height: 1;
    border-top: 1px solid #a1d5d9;
    border-bottom: 1px solid #a1d5d9;
    margin-bottom: 20px;
    line-height: 29px;
}

.nada18-inner img {
    display: block;
    margin: 0 auto;
}

.nada18-inner a {
    display: block;
    margin: 20px auto 0 auto;
    width: 267px;
    height: 53px;
    line-height: 51px;
    font-size: 18.62px;
    text-transform: uppercase;
    color: #ffffff;
    max-width: 100%;
    left: -105px;
    position: relative;
    z-index: 1;
    font-family: 'montserratblack';
    border: 2px solid white;
    background-color: #da0635;
}

#banner-nada .container {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 20px;
    padding-bottom: 20px;
}

#banner-nada .container:before {
    left: 0;
    bottom: 0;
    position: absolute;
    background-image: url(../images/nada18/banner-left.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 110px;
    height: 77px;
    z-index: 1;
}

#banner-nada .container:after {
    right: 0;
    bottom: 0;
    position: absolute;
    background-image: url(../images/nada18/banner-right.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 196px;
    z-index: 1;
    height: 125px;
}

#banner-nada .container > div {
    display: inline-block;
    vertical-align: middle;
    position: relative;
    z-index: 6;
}

#banner-nada a {
    display: block;
    margin: 0 auto 0 75px;
    width: 250px;
    text-align: center;
    height: 50px;
    line-height: 48px;
    font-size: 17.73px;
    text-transform: uppercase;
    color: #ffffff;
    max-width: 100%;
    position: relative;
    z-index: 6;
    font-family: 'montserratblack';
    border: 2px solid white;
    background-color: #da0635;
}

#banner-nada img {
    display: block;
    margin: 10px auto 0 auto;
}

#banner-nada .title {
    font-size: 13.45px;
    display: inline-block;
    font-family: 'montserratbold';
    color: #ffffff;
    line-height: 1;
    border-top: 1px solid #a1d5d9;
    border-bottom: 1px solid #a1d5d9;
    margin-bottom: 0;
    line-height: 22px;
}


/** jan  */

#hero.jan .right > div.top .inner {
    background-position: calc(100% + 3px) 50% !important;
}

#hero.jan:before,
#hero.jan:after {
    display: none !important;
}

#hero.jan .left {
    text-align: right;
}

#hero.jan.second {
    background-position: 50% 0
}

#hero.jan .jan-inner:before {
    content: "";
    display: block;
    position: absolute;
    left: -220px;
    bottom: 0;
    width: 259px;
    height: 320px;
    background-image: url(../images/jan/left-1.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

#hero.jan.second .jan-inner:before {

    left: -190px;
    width: 259px;
    height: 320px;
    background-image: url(../images/jan/left-2.png);
}

#hero.jan .jan-inner {
    text-align: center;
    position: relative;
    padding-top: 40px;
    height: 100%;
    display: inline-block;
    padding-right: 10px;
}

#hero.jan:not(.second) .jan-inner {
    left: 40px;
    padding-top: 30px;
}

#hero.jan .jan-inner img {
    display: block;
    margin: -10px auto 5px auto;
    max-width: 100%;
    position: relative;
    left: -50px;
}

#hero.jan .jan-inner p {
    font-family: 'Avenir Next Bold';
    font-weight: 400;
    font-size: 27.25px;
    text-shadow: 0 0 51px rgba(0, 0, 0, 0.26);
    color: white;
    line-height: 1.2;
    margin: 0;
}

#hero.jan .jan-inner p span {
    font-size: 15px;
    vertical-align: super;
    position: relative;
    top: 0px;
}

#hero.jan .jan-inner p strong {
    font-weight: 400;
    font-size: 27.25px;
    text-transform: uppercase;
    color: #fff200;
}

#hero.jan .jan-inner p small {
    font-family: 'Avenir Next Medium' !important;
    font-size: 13.25px;
    color: white;
    display: block;
}

#hero.jan .jan-inner a {
    width: 245px;
    height: 54px;
    line-height: 54px;
    display: block;
    margin: 20px auto 0 auto;
    background-color: #ed1d25;
    color: white;
    text-align: center;

    font-size: 17.63px;
    font-family: 'Gotham-Bold';
    text-decoration: none;
}

#hero.jan .jan-inner .l {
    display: inline-block;
    vertical-align: top;
}

#hero.jan .jan-inner .r p {
    font-size: 18.95px;
    line-height: 21.58px;

}

#hero.jan .jan-inner .l p {
    font-size: 27px;
    line-height: 1.2;
    font-family: 'Avenir Next Bold';

}

#hero.jan .jan-inner .l img {
    margin-bottom: 35px;
    left: -55px;
}

#hero.jan .jan-inner .r {
    vertical-align: top;
    display: inline-block;
    margin-left: -70px;
    padding-top: 25px;
}

#hero.jan .jan-inner .r img {
    position: static;
    margin: 0 auto 15px auto;
}

#hero.jan.second .jan-inner {
    padding-right: 0;
    margin-left: -15px;
    padding-top: 70px;
    position: relative;
    left: -40px;
}

#hero.jan .jan-inner .r a {
    width: 200px;
    height: 46px;
    line-height: 46px;
    background-color: #ee632c;
    font-size: 15.37px;
    margin-top: 15px;
}

#banner-jan {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    font-size: 0;
    padding: 10px 0;
}

#banner-jan .left,
#banner-jan .right,
#banner-jan .center {
    display: inline-block;
    vertical-align: middle;
}

#banner-jan p {
    font-size: 27px;
    line-height: 1.2;
    margin: 0;
    color: white;
    font-family: 'Avenir Next Bold';
}

#banner-jan a {
    width: 240px;
    height: 54px;
    line-height: 54px;
    color: white;
    background-color: #ed1d25;
    display: block;
    font-size: 17.27px;
    font-family: 'Gotham-Bold';
    text-decoration: none;
}

#banner-jan .center {
    margin: 0 70px 0 60px;
}

@media screen and (max-width: 1400px) {
    #hero.jan .jan-inner .r {

        padding-top: 0;
    }

    #hero.jan .jan-inner .l img {

    }

    #hero.jan.second .jan-inner:before {
        left: -215px;
    }

    #hero.jan .jan-inner .r {

        margin-left: -115px;
        position: relative;
        left: 40px;
    }
}

@media screen and (max-width: 1300px) {

}

@media screen and (max-width: 1200px) {
    #hero.jan .jan-inner .r {
        left: 0;
    }

    #hero.jan .jan-inner a {

        z-index: 5;
        position: relative;
    }

    #hero.jan:not(.second) .jan-inner {
        left: 0;
        padding-top: 30px;
    }

    #banner-jan p {
        font-size: 24px;
    }

    #banner-jan .center {
        margin: 0 15px;
    }

    #hero.jan .jan-inner .r p {
        font-size: 16px;
    }

    #hero.jan.second .jan-inner {
        left: 0;
    }

    #hero.jan .jan-inner .l img {
        width: 310px;
        margin-bottom: 15px;
        left: -40px;
    }

    #hero.jan .jan-inner .l p {
        font-size: 20px;
    }

    #hero.jan.second {
        background-image: url(../images/jan/bg-1.png) !important;
    }

    #hero.jan .jan-inner .r {

        margin-left: -15px;
    }

    #hero.jan .jan-inner .r img {
        width: 200px;
    }

    #hero.jan .jan-inner img {
        left: 0;
    }
}

@media screen and (max-width: 991px) {
    #banner-jan .center {
        margin: 0 10px;
    }

    #banner-jan p {
        font-size: 20px;
    }

    #banner-jan a {
        width: 200px;
    }

    #banner-jan img {
        width: 250px;
    }

    #hero.jan.second .jan-inner:before {
        left: -85px;
    }

    #hero.jan.second .jan-inner {
        position: static;
    }

    #hero.jan .left {
        text-align: center;
        position: relative;
    }

}

@media screen and (max-width: 767px) {
    #banner-jan {
        padding: 15px 0;
    }

    #banner-jan a {
        margin-left: auto;
        margin-right: auto;
        margin-top: 15px;
    }

    #banner-jan .left, #banner-jan .right, #banner-jan .center {
        display: block;
        margin: 0 auto;
        text-align: center;
    }

    #hero.jan .jan-inner .l img {
        left: 5px;
    }

    #hero.jan.second .jan-inner {
        padding-top: 30px;
    }

    #hero.jan .jan-inner:before {
        display: none;
    }

    #hero.spree.tbyb .left {
        text-align: center;
    }
}

@media screen and (max-width: 600px) {
    #hero.jan .jan-inner .l {
        margin-bottom: 30px !important;
    }

    #hero.jan .jan-inner .l,
    #hero.jan .jan-inner .r {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    #hero.spree.tbyb.jan .left:before {
        display: none !important
    }


}

@media screen and (max-width: 480px) {
    #hero.jan .jan-inner p,
    #hero.jan .jan-inner p strong {
        font-size: 20px;
    }

    #hero.spree.tbyb.jan .left {
        padding-bottom:
    }

}


/** otter  */
@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue.eot');
    src: url('fonts/HelveticaNeue.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaNeue.woff2') format('woff2'), url('fonts/HelveticaNeue.woff') format('woff'), url('fonts/HelveticaNeue.ttf') format('truetype'), url('fonts/HelveticaNeue.svg#HelveticaNeue') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Medium.eot');
    src: url('fonts/HelveticaNeue-Medium.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeue-Medium.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Medium.woff') format('woff'),
        url('fonts/HelveticaNeue-Medium.ttf') format('truetype'),
        url('fonts/HelveticaNeue-Medium.svg#HelveticaNeue') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Helvetica Neue';
    src: url('fonts/HelveticaNeue-Bold.eot');
    src: url('fonts/HelveticaNeue-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/HelveticaNeue-Bold.woff2') format('woff2'),
        url('fonts/HelveticaNeue-Bold.woff') format('woff'),
        url('fonts/HelveticaNeue-Bold.ttf') format('truetype'),
        url('fonts/HelveticaNeue-Bold.svg#HelveticaNeue') format('svg');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'dk_whale_songregular';
    src: url('fonts/dk_whale_song-webfont.woff2') format('woff2'), url('fonts/dk_whale_song-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#hero.spree.tbyb.cow.nada18.otterhero .right > div .inner {
    background-position: calc(100% - 13px) 50% !important
}

#hero.spree.tbyb.cow.nada18.otterhero.second .right > div .inner {
    background-position: 100% 100% !important
}

#new-hero.spree.tbyb.otterhero:before {
    display: none;
}

.otterhero {
    position: relative;
}

.otterhero .left {
    position: relative;
}

.otterhero .guy {
    position: absolute;
    left: -170px;
    bottom: 0;
}

.otterhero.second .guy {
    left: -155px;
}


.otterhero .otter-right {
    position: absolute;
    right: -185px;
    bottom: 0;
}

.otterhero.second .otter-right {
    right: -5px;
}


.otterhero.second .text {
    right: 150px;
}


.otterhero .otter-right img {
    max-width: 100%;
}

.otter-inner {
    display: inline-block;
    text-align: center;
    margin-left: 0;
    padding-top: 30px;
}

.otter-inner p:first-child {
    font-size: 19px;
    line-height: 24px;
    color: white;
    font-family: 'montserratregular';
    margin-bottom: 25px;
}

.otter-inner p:first-child strong {
    font-weight: 400;
    display: block;
    font-size: 24px;
    font-family: 'dk_whale_songregular';
    margin-bottom: 3px;
}

.otter-inner p:first-child + p {
    font-size: 60px;
    line-height: 60px;
    color: #fff200;
    margin-bottom: 0;
    font-family: 'dk_whale_songregular';
}

.otter-inner p:first-child + p span {
    display: block;
    font-size: 100px;
    margin-bottom: 5px;
}

.otter-inner p:first-child + p strong {
    font-family: 'montserratregular';
    vertical-align: super;
    font-size: 20px;
    position: relative;
    top: -8px;
}

.otter-inner a {
    width: 230px;
    height: 50px;
    line-height: 50px;
    background-color: #fff200;
    color: #010000;
    font-size: 16.6px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-family: 'Gotham-Bold';
    margin-top: 10px;
}

.otter-inner .text {
    position: static;
    right: 210px;
    bottom: 106px;
    font-size: 11px;
    line-height: 15.25px;
    color: #ffffff;
    width: 253px;
    max-width: 100%;
    font-family: 'Helvetica Neue';
    margin: 15px auto 0 auto;
}

#banner-otter {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    font-size: 0;
    position: relative;


    max-width: 100%;
    padding-top: 15px;
    margin: 0 auto 0 auto;
}

#banner-otter .container > div {
    display: inline-block;
    vertical-align: middle;
}

#banner-otter .left,
#banner-otter .center {
    top: -10px;
    position: relative;
}

#banner-otter .container {
    width: 100%;
}

#banner-otter .left {
    position: relative;
}

#banner-otter .left p {
    font-size: 19px;
    line-height: 1;
    color: white;
    font-family: 'montserratregular';
    margin-bottom: 0;
}

#banner-otter .left p strong {
    font-weight: 400;
    display: block;
    font-size: 24px;
    font-family: 'dk_whale_songregular';
    margin-bottom: 3px;
}

#banner-otter .center {
    position: relative;

    margin-right: 25px;
    margin-bottom: 0;
    margin-top: 0;
}

#banner-otter .center p {
    font-size: 39.6px;
    line-height: 1;
    color: #fff200;
    margin: 0 0 0 30px;
    font-family: 'dk_whale_songregular';
}

#banner-otter .center p span {
    display: block;
    font-size: 66px;
    margin-bottom: -5px;
}

#banner-otter .center p strong {
    font-family: 'montserratregular';
    vertical-align: super;
    font-size: 20px;
    position: relative;
    top: 0;
}

#banner-otter a {
    width: 230px;
    height: 52px;
    line-height: 52px;
    background-color: #e01e26;
    color: #fff;
    font-size: 16.6px;
    text-transform: uppercase;
    display: inline-block;
    text-align: center;
    font-family: 'Gotham-Bold';
    margin-top: 0;
    position: relative;
    top: 0px;
    margin-left: -60px;
}
/* New Navbar */
#nav nav {
    flex-shrink: 0;
}

#nav nav>ul>li {
    margin-left: 2.1875em;
}

#nav nav>ul>li.less-padding {
    margin-left: calc(2.1875em - 18px);
}

#nav nav>ul>li:first-child {
    margin-left: 0;
}

#nav nav>ul>li a {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    text-decoration: none !important;
}

#nav nav>ul>li.featured {
    position: relative;
}

#nav nav>ul>li.featured a {
    color: #ffde16;
    font-size: 18px;
    font-family: 'Gotham Ultra';
}

#nav nav>ul>li.featured::before {
    content: '';
    background-image: url('../images/icons/icon-arrow-right-yellow.png');
    width: 16px;
    height: 12.5px;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: -25px;
    top: 5px;
    pointer-events: none;
    background-repeat: no-repeat;
}

#nav nav .sub-menu {
    overflow: hidden;
    position: absolute;
    top: 37px;
    left: 0;
    visibility: hidden;
    opacity: 0;
    background: #fff;
    margin: 0;
    padding: 0;
    z-index: 10;
    border-left: 3px solid #ffde16;
    white-space: nowrap;
}

#nav nav .sub-menu>ul {
    display: flex;
    margin: 19px 36px 26px 17px;
    gap: 62px;
}

#nav nav .sub-menu>ul>* {
    flex-shrink: 0;
}

#nav nav .sub-menu>ul li {
    line-height: 27px;
}

#nav nav .menu-item-has-children::before {
    content: '';
    background-image: url('../images/icons/icon-nav-dropdown.png');
    width: 10.5px;
    height: 11px;
    background-position: center;
    background-size: contain;
    position: absolute;
    right: -18px;
    top: 6px;
    pointer-events: none;
    background-repeat: no-repeat;
}

#nav nav .menu-item-has-children::after {
    content: '';
    position: absolute;
    top: 82%;
    left: 0;
    height: 30px;
    width: 100%;
}

#nav nav .menu-item-has-children:hover .sub-menu {
    visibility: visible;
    opacity: 1;
}

#nav nav .menu-item-has-children:hover .sub-menu ul {
    list-style: none;
    padding: 0;
}

#nav nav .sub-menu .menu-item {
    margin-left: 0;
    line-height: 30.5px;
    margin-bottom: 0;
    min-width: 120px;
}

#nav nav .sub-menu .menu-item li {
    width: fit-content;
}

#nav nav .sub-menu .menu-item li.has-sub {
    position: relative;
    font-size: 15px;
}

#nav nav .sub-menu .menu-item li.has-sub a {
    color: #000;
}

/* #nav nav .sub-menu .menu-item li:first-child a::after, */
#nav nav .sub-menu .menu-item li.has-sub::before,
#nav nav .sub-menu .menu-item>a::after {
    content: '';
    position: absolute;
    width: 13px;
    height: 9.5px;
    top: 8px;
    right: -26px;
    background-image: url('../images/icons/nav-arrow.png');
    background-size: contain;
    background-position: center;
}

#nav nav .sub-menu .menu-item a {
    position: relative;
    color: #4c4c4c;
}

#nav nav .sub-menu .menu-item a:hover {
    text-decoration: none;
}

#nav nav .sub-menu .menu-item-sub a {
    font-size: 14px;
    color: #4c4c4c;
}

#nav nav .sub-menu img {
    max-width: 341px;
    object-fit: cover;
    object-position: left bottom;
}

#nav .button {
    height: 50px;
    font-size: 16px;
    padding: 0 16px;
    background-color: #ffde16;
    font-family: 'montserratblack';
    border-radius: 0;
}
#nav .button strong {
    padding-top: 2px;
}	

.cursor-pointer {
    cursor: pointer;
}
.primary-nav ul li {
    margin-right: 5px;
}
@media screen and (max-width: 1450px) {

    .otterhero.second .otter-right {
        right: -80px;
    }

    .otter-inner .text {
        right: 150px;
    }

    .otterhero .otter-right {
        right: -245px;
    }

    #banner-otter .center {
        margin-right: 15px;
    }

    #banner-otter .center p {
        margin: 0 0 0 15px;
    }

    #banner-otter a {
        width: 220px;
    }

    #banner-otter img {
        width: 300px;
    }

    .otterhero.second .text {
        right: 80px;
    }

}

@media screen and (max-width: 1300px) {


}

@media screen and (max-width: 1200px) {
    #banner-otter .left p strong {
        font-size: 20px;
    }

    #banner-otter {
        left: 0;
    }

    .otterhero .otter-right {
        width: 45%;
        pointer-events: none;
        right: -135px !important;
    }

    .otterhero .guy img {
        max-width: 100%;
        height: auto;
    }

    .otterhero.second .guy {
        left: -20px;
    }

    .otterhero .guy {
        width: 0%;
        left: 0;
        pointer-events: none;
    }

    #hero.nada18.otterhero .left {
        padding-left: 15px;
    }

    .otter-inner {
        margin-left: 0%;
        padding-top: 15px;
    }

    .otter-inner .text {
        right: 0;
        position: static;
        margin: 15px auto 0 auto;
        max-width: 100%;
    }

    .otterhero.second .otter-right {
        right: -15px !important;
        width: 44%;
    }

    #banner-otter a {
        width: 175px;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .otterhero.second .guy {
        left: 10px;
    }

    .otterhero.second .otter-right {
        right: 15px !important;
        width: 30%;
    }

    .otterhero .guy {
        width: 15%;
    }

    .otter-inner a {
        position: relative;

    }

    .otter-inner {
        margin-left: 0%;
        padding-top: 15px;
        padding-bottom: 30px;
    }

    #banner-otter .left, #banner-otter .center {
        top: 0;
    }

    #banner-otter {
        background-position: 0 0;
    }

    #banner-otter a {
        background-color: #fff200;
        color: black;
    }

    #banner-otter a {
        width: 220px;
        margin-left: -40px;
    }
}

@media screen and (max-width: 767px) {
    .otterhero .guy {
        width: 15%;
    }

    #banner-otter a {
        background-color: #fff200;
        color: black;
    }

    #banner-otter .left, #banner-otter .center {
        top: 0;
    }

    #new-hero.scratch.otterhero.second .right > div.top .inner {
        background-size: auto 100% !important;
    }

    .otterhero.second .guy {
        left: 10px;
    }

    .otterhero.second .otter-right {
        right: 15px !important;
        width: 35%;
        bottom: 0px;
    }

    .otterhero.second .otter-inner {
        left: -60px;
        position: relative;
    }

    #new-hero.scratch.otterhero .right > div.top .inner {
        background-size: auto !important;
    }

    #new-hero.scratch.otterhero .right > div.bottom .inner {
        background-size: auto 100% !important;
    }

    .otterhero .otter-right {
        width: 45%;
        pointer-events: none;
        right: -90px !important;
    }

    .otterhero:not(.second) .right .bottom .inner {
        background-position: 100% 0% !important;
        background-size: auto !important;
    }

    .otterhero:not(.second) .right .top .inner {
        background-position: 95% 50% !important;
        background-size: auto 90% !important;
    }

    .otterhero.second .right .bottom .inner {
        background-position: 100% 50% !important;
        background-size: auto 100% !important;
    }

    .otter-hero .left {
        text-align: center !important;
    }

    .otter-inner {
        margin-left: 0;
        display: block;
        text-align: center;
    }

    .otter-inner {
        padding-top: 30px;
        padding-bottom: 15px;
    }

}

@media screen and (max-width: 600px) {
    .otterhero.second .otter-inner {
        left: 0;
    }

    .otterhero .guy,
    .otterhero .otter-right {
        display: none;
    }

    .otterhero .right .bottom .inner {
        background-position: 100% 0% !important;
        background-size: auto 100% !important;
    }

    #banner-otter a {
        margin-left: 0;
    }

    #banner-otter img {
        width: 222px;
    }

    #hero.spree.cow.nada18.otterhero .right {
        padding-top: 30px;
        height: 415px;
    }

}


@media screen and (max-width: 480px) {

    #hero.spree.tbyb.cow.nada18 .right > div.top.less .inner, #hero.spree.tbyb.cow.nada18 .right > div.bottom.less .inner {
        background-position: calc(100% - 5px) 0% !important;
        background-size: 35% auto !important;
    }

    #banner-otter {
        padding: 25px 0 15px 0;
    }

    #banner-otter img {
        width: 222px;
        left: -25px;
        position: relative;
    }

    #banner-otter a {
        margin-left: 0;
    }

    #new-hero.scratch.otterhero.second .right > div.top .inner {
        background-size: 40% auto !important;
    }

    #new-hero.spree.tbyb.otterhero .right .inner {
        padding-right: 15px;
        padding-left: 15px;
    }

    #new-hero.spree.otterhero .right {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }


    .otter-inner p:first-child strong {

        font-size: 20px;
    }

    .otter-inner p:first-child + p span {
        display: block;
        font-size: 78px;
        margin-bottom: 5px;
    }

    .otter-inner p:first-child + p {
        font-size: 46px;
        line-height: 46px;
    }

    #new-hero.scratch.otterhero .right > div.top .inner {
        background-size: 40% auto !important;
    }

    #new-hero.scratch.otterhero .right > div.bottom .inner {
        background-size: 40% auto !important;
    }

}


/** march */
#hero.spree.tbyb.mattress-hero .right .top a {
    margin-top: 5px;
}

#hero.spree.tbyb.mattress-hero .right .bottom a {
    margin-top: 20px;
}

#hero.spree.tbyb.mattress-hero > div:not(.hero-pagination):not(.clearfix) {
    position: static;
}

#hero.spree.tbyb.mattress-hero .right > div {
    box-shadow: none;
    -webkit-box-shadow: none;
    border: 1px solid #d1d1d1;
}

#hero.spree.tbyb.mattress-hero .right > div.top .inner {
    background-repeat: no-repeat;
    background-position: 100% 0 !important;
    background-size: auto !important;
    padding-top: 10px;
}

#hero.spree.tbyb.mattress-hero .right > div.bottom .inner {
    padding-top: 10px;
    background-repeat: no-repeat;
    background-position: 100% 10px !important;
    background-size: auto !important;
}

.mattress-hero {
    background-position: 50% 100%;
    position: relative;
}

.mattress-hero img {
    max-width: 100%;
}

.mattress-hero .left {
    text-align: left;
    position: static;
}

.mattress-inner {
    text-align: left;
    display: inline-block;
    padding-top: 30px;
    width: auto;
    padding-left: 0;
    padding-right: 70px;
    position: static;
}

.mattress-inner a {
    width: 275px;
    height: 58px;
    line-height: 58px;
    text-align: center;
    padding: 0 15px;
    color: white;
    text-decoration: none;
    font-size: 18.44px;
    font-family: 'Gotham-Bold';
    background-color: #ed1c24;
    margin-top: 28px;
    display: block;
    margin-left: auto;
    margin-right: 0;
}

.mattress-inner .inner-left {
    position: absolute;
    left: 10px;
    bottom: 0;
    width: 40%;
    pointer-events: none;
}

.mattress-inner img {
    max-width: 100%;
    height: auto;
}

#banner-mattress {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    font-size: 0;
    position: relative;

    max-width: 100%;
    padding-top: 0;
}


#banner-mattress .container {
    width: 1600px;
    padding-left: 25px;
    max-width: 100%;
    font-size: 0;
    text-align: left;
    position: static;
}

#banner-mattress .container > div {
    display: inline-block;
    vertical-align: middle;
}

#banner-mattress .container > div.left {
    margin-right: 20px;
    padding-top: 4px;
}

#banner-mattress .container > div.center {
    margin-right: 35px;
}

#banner-mattress a {
    width: 260px;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    padding: 0 15px;
    color: white;
    text-decoration: none;
    z-index: 2;
    font-size: 19px;
    font-family: 'Gotham-Bold';
    background-color: #ed1c24;
    margin-top: 0;
    display: block;
}

#banner-mattress .inner-right {
    position: absolute;
    right: 0;
    bottom: 0;
    position: none

}

#hero.spree.tbyb.mattress-hero .right > div.bottom.s .inner {
    padding-top: 0;
}

#hero.spree.tbyb.mattress-hero .right .bottom.s a {
    margin-top: -5px;
}

#hero.spree.tbyb.mattress-hero .right > div.s .inner {

    background-position: calc(100% - 10px) 50% !important;

}

#mobilemenu .slideout-menu {
    max-width: 400px !important;
    position: absolute;
    right: 0 !important;
    left: 0;
}
#mobilemenu #side-nav {
    position: relative;
    width: 100%;
}
#mobilemenu .mobile-menu a {
    width: 100%;
    padding: 0.7rem;
}
#mobilemenu li a {
    background: #fff !important;
    color: #000 !important;
    font-weight: 700;
    font-size: 18px !important;
    padding-left: 20px !important;		
    padding-right: 20px !important;	
    line-height: 40px !important;	
    font-family: 'montserratbold';
}	
#mobilemenu li a img {
    height: 22px;
    float: right;
    margin-top: 10px;
}
#mobilemenu .payment-menu a {
    background: #ff6c00 !important;
    color: #fff !important;
    border-bottom: 0;
}
#mobilemenu .payment-menu a img {
    height: 25px;
    margin-top: 7px;
    float: left;
    margin-right: 10px;
}
#mobilemenu .payment-menu.active a, #mobilemenu .payment-menu:hover > a {
    background: #ff6c00 !important;
    color: #fff !important;
    border-bottom: 0;
}
#mobilemenu .menu-item-sub img {
    height: 16px;
    margin: 2px 15px 2px 5px;
}
#mobilemenu #nav nav .sub-menu > ul {
    margin: 19px 0 26px 23px;
}

@media screen and (max-width: 1400px) {
    #banner-mattress .container > div.center {
        width: 470px;
    }

    #banner-mattress .container img {
        max-width: 100%;
        height: auto;
    }

    #banner-mattress a {
        width: 275px;
        height: 58px;
        line-height: 58px;
        font-size: 18.44px;
    }
}

@media screen and (max-width: 1199px) {
    #banner-mattress {
        left: 0;
    }

    .mattress-inner {

        padding-left: 15px;
        padding-right: 20px;
    }

    #banner-mattress .inner-right {
        width: 200px;
    }

    #banner-mattress .container > div.center {
        width: 480px;
    }

    #banner-mattress .container > div.left {
        width: 125px;
    }

    #banner-mattress .container > div.center {
        margin-right: 15px;
    }

    #banner-mattress .container > div.left {
        margin-right: 15px;
    }
}

@media screen and (max-width: 991px) {
    .mattress-inner .inner-left {
        bottom: -10px;
    }

    .mattress-inner {
        padding-left: 15px;
        padding-right: 15px;
        padding-bottom: 30px;
    }

    #banner-mattress .container > div.right {
        display: block;
        margin-top: 15px;
        text-align: left;
    }

    #banner-mattress .container > div.left {
        display: none;
    }

    .mattress-inner {

        padding-left: 0;
        position: relative;
    }

    #banner-mattress {

        padding-top: 15px;
        padding-bottom: 15px;
    }

    #banner-mattress .container > div.center {
        position: relative;
        z-index: 2;
    }
}

@media screen and (max-width: 767px) {


    .mattress-inner .inner-left {
        left: 0;
        bottom: -30px;
    }
}

@media screen and (max-width: 600px) {
    #banner-mattress .inner-right {
        width: 30%;
    }

    #banner-mattress .container > div.center {
        width: 100%;
    }

    .mattress-inner .inner-left {
        left: 0;
        bottom: -45px;
        display: none;
    }

    .mattress-inner {
        padding-left: 15px;
    }

    #headerMobileContainer .containerFluid {
        flex-direction: row;
        align-items: center;
    }
    #headerMobileContainer .logo_and_location {
        gap: 20px;
    }
    #headerMobileContainer .img_logo {
        height: 52px;
    }
    #headerMobileContainer .right_side_bar {
        width: auto;
        gap: 10px !important;
    }
    #headerMobileContainer.fullWidth {
        height: 80px !important;
    }    
    #headerMobileContainer .mobile_icon img{
        width: 33px !important;
        height: 33px !important;
    }    
}

@media screen and (max-width: 480px) {
    #hero.spree.tbyb.mattress-hero .right > div.bottom.s .inner, #hero.spree.tbyb.mattress-hero .right > div.top.s .inner {
        background-size: 22% !important;
    }

    #hero.spree.tbyb.mattress-hero .right {
        height: 375px !important;
    }

    #hero.spree.tbyb.mattress-hero .right > div.top .inner,
    #hero.spree.tbyb.mattress-hero .right > div.bottom .inner {
        background-position: 100% 95% !important;
    }

    #hero.spree.tbyb.mattress-hero .right {
        height: 300px;
    }

    #hero.spree.tbyb.mattress-hero .right > div.bottom .inner,
    #hero.spree.tbyb.mattress-hero .right > div.top .inner {
        padding-left: 10px;
    }

    #hero.spree.tbyb.mattress-hero .right .bottom a,
    #hero.spree.tbyb.mattress-hero .right .top a {
        margin-top: 0;
    }

    #hero.spree .right .inner h3 {
        margin-bottom: 0
    }

    #hero.spree.tbyb.mattress-hero .right > div.top .inner,
    #hero.spree.tbyb.mattress-hero .right > div.bottom .inner {
        padding-top: 5px;
    }

    #hero.spree.tbyb.mattress-hero .right > div.bottom .inner,
    #hero.spree.tbyb.mattress-hero .right > div.top .inner {

        background-size: 35% !important;
    }

    #new-hero.mattress-hero .left .inner-left {
        width: 80% !important;
        bottom: -15px;
    }

    .mattress-inner {
        position: static;
    }

    .mattress-inner a,
    #banner-mattress a {
        width: 200px;
        height: 48px;
        position: relative;
        line-height: 48px;
        font-size: 16px;
    }

    .mattress-inner .inner-left {
        left: 0;
        bottom: 0;
    }


}

.payment-options {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 20px;
    max-width: calc(100% - 15px);
}

.payment-options a {
    width: 230px;
    height: 45px;
    line-height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'latoblack';
    font-size: 24px;
    text-align: center;
    background-color: #666666;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    max-width: calc(50% - 4px);
}

.payment-options a + a {
    margin-left: 8px;
}

.payment-options a.active {
    background-color: #ff5804;
}

.payment-options a span {
    font-size: 15px;
}

.payment-options a sup {
    top: -0.3em;
    font-size: 65%;
}

.html-sitemap {
    padding: 60px 15px;
}

.html-sitemap ul {
    padding-left: 40px;
}

.html-sitemap ul li {
    line-height: 22px;
}

.html-sitemap a {
    color: #000;
    font-size: 14px;
}

.html-sitemap a:hover {
    text-decoration: underline;
}

.product-bread {
    padding-top: 15px;
}

.product-bread a {
    color: #333;
}
.selectric-wrapper {
    width: 100%;
}
.selectric {
    background: transparent;
    font-family: inherit;
}
.selectric .label {
    font-weight: normal;
    text-align: left;
}
.no-app {
    appearance: none;
}
select.form-control {
    color: #000;
}






/* Dropdown Menu */

/*!
* zeynepjs v2.2.0
* A light-weight multi-level jQuery side menu plugin.
* It's fully customizable and is compatible with modern browsers such as Google Chrome, Mozilla Firefox, Safari, Edge and Internet Explorer
* MIT License
* by Huseyin ELMAS
*/
.zeynep {
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    top: 16px;
    width: 370px;
    transform: translateX(-354px) translateZ(0) translateY(34px);
    position: absolute;
    box-shadow: 0px 10px 7px 0px rgba(0, 0, 0, 0.35);
    max-height: calc(100vh - 156px);
    border-top: 1px solid #cbcbcb;

}

.zeynep .submenu:not(.no-transition),
.zeynep:not(.no-transition) {
    transition: all 250ms
}

.zeynep-overlay {
    background-color: rgba(0, 0, 0, .42);
    bottom: 0;
    display: none;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1010
}

.zeynep.submenu-opened {
    overflow: hidden
}

.zeynep .submenu {
    bottom: 0;
    min-height: 100%;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    pointer-events: none;
    position: fixed;
    top: 0;
    width: 100%
}

.zeynep .submenu p {
    margin: 0 0 10px;
}

.zeynep .submenu.opened {
    left: 0;
    pointer-events: auto;
    z-index: 1;
}

.zeynep .submenu.opened:not(.current) {
    overflow: hidden
}

.zeynep label {
    display: none !important;
}


/* zeynepjs menu styles */
.zeynep {
    background-color: #ffffff;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-100px) translateZ(0) translateY(34px);
    transition: all 0.2s ease-in-out;
}

.zeynep.opened {
    opacity: 1;
    visibility: visible;
    transform: translateX(-9px) translateZ(0) translateY(34px);
    z-index: 99;
}

.zeynep ul {
    list-style-type: none;
    padding: 0;
    -webkit-overflow-scrolling: touch;
}

.zeynep ul>li:not(.language-selector) {
    display: block;
    text-align: left;
}

#nav .zeynep ul>li>a,
#nav .accordionjs .acc_section .acc_head {
    color: inherit;
    font-size: 17px;
    padding: 20px 30px 16px 15px;
    text-decoration: none;
    transition: all 150ms;
    color: #333;
    font-weight: 900;
}

#nav .zeynep li.item-all a {
    color: var(--orange);
}

#nav .accordionjs .acc_section .acc_head.no-submenu {
    padding: 0;
}

#nav .accordionjs .acc_section .acc_head.no-submenu a {
    padding: 20px 30px 16px 15px;
    displaY: block;
}


.zeynep ul>li>a:not(.flex),
#nav .accordionjs .acc_section .acc_head {
    display: block;
}

.zeynep li.item-all a:not(.shopall) {
    border: 0;
}

.zeynep ul:not(.m-bottom)>li>a:hover,
#nav .accordionjs .acc_section .acc_head:hover {
    background-color: #efefef;
}

.zeynep ul>li:not(.language-selector)>a {
    border-bottom: 1px solid #c2c2c2;
}


/* zeynepjs submenu styles */
.zeynep .submenu {
    background-color: #ffffff;
    left: 370px;
}

/* #nav .zeynep .level-0>li:not(.has-submenu) {
    display: none;
} */

.zeynep .submenu-header {
    background-image: url("../images/arrow-red.png");
    background-image: -webkit-image-set(url("../images/arrow-red.png") 1x, url("../images/arrow-red@2x.png") 2x);
    background-position: left 28px center;
    background-repeat: no-repeat;
    background-size: 15px 11px;
    border-bottom: solid 1px #c2c2c2;
    cursor: pointer;
    position: relative;
}

#nav .zeynep .submenu-header>a {
    color: inherit;
    display: block;
    font-size: 17px;
    padding: 18px 20px;
    padding-left: 54px;
    text-decoration: none;
    font-weight: 900;
    color: #333;
    background: transparent;
}

.zeynep li.has-submenu>a,
.zeynep li.item-all>a,
.zeynep li.nick-item>a {
    background-image: url("../images/arrow-red-r.png");
    background-image: -webkit-image-set(url("../images/arrow-red-r.png") 1x, url("../images/arrow-red-r@2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 15px 11px;
    background-position: right 20px center;
}

.zeynep li.item-all>a {
    text-transform: uppercase;
    color: #c23939;
}


/* nav accordion */
#nav .accordionjs {
    position: relative;
    margin: 0;
    padding: 0;
    list-style: none;
}

#nav .accordionjs .acc_section {
    border-top: 1px solid #c2c2c2;
    border-bottom: 1px solid #c2c2c2;
    position: relative;
    z-index: 10;
    margin-top: -1px;
    overflow: hidden;
}

#nav .accordionjs .acc_section .acc_head {
    position: relative;
    background: #fff;
    display: block;
    cursor: pointer;
    user-select: none;
    background-image: url("../images/arrow-b.png");
    background-image: -webkit-image-set(url("../images/arrow-b.png") 1x, url("../images/arrow-b@2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 11px 7px;
    background-position: right 22px center;
}

#nav .accordionjs .acc_section .acc_head.no-submenu {
    background-image: none !important;
}

#nav #trigger-categs>a {
    background-image: url("../images/arrow-b-black.png");
    background-image: -webkit-image-set(url("../images/arrow-b-black.png") 1x, url("../images/arrow-b-black@2x.png") 2x);
    background-repeat: no-repeat;
    background-size: 11px 7px;
    background-position: right center;
    padding-right: 15px;

}

.zeynep-opened #nav #trigger-categs>a {
    color: #c23939;
    background-image: url("../images/arrow-b.png");
    background-image: -webkit-image-set(url("../images/arrow-b.png") 1x, url("../images/arrow-b@2x.png") 2x);
}

#nav .accordionjs .acc_section .acc_head a {
    font-size: 16px;
    color: #333;
    font-weight: 900;
    text-decoration: none;
}

#nav .accordionjs .acc_section .acc_content {
    padding-left: 52px;
    padding-top: 10px;
}

#nav .accordionjs .acc_section .acc_content a {
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    text-decoration: none;
    padding-bottom: 10px;
    display: block;
    line-height: 24px;
}

#nav .accordionjs .acc_section .acc_content.level-3 a {
    font-weight: 700;
}

#nav .accordionjs .acc_section.acc_active>.acc_content {
    display: block;
}

#nav .accordionjs .acc_section.acc_active .acc_head {
    background-image: url("../images/arrow-b-white.png");
    background-image: -webkit-image-set(url("../images/arrow-b-white.png") 1x, url("../images/arrow-b-white@2x.png") 2x);
}

#nav .acc_section.acc_active,
#nav .accordionjs .acc_section.acc_active>.acc_head {
    background-color: #f16622;
}

#nav .acc_section.acc_active *,
#nav .acc_section.acc_active a {
    color: #fff !important;
}

#nav .onlymobile {
    display: none;
}


@media screen and (max-width: 991px) {

    .zeynep .submenu {
        left: 100%;
    }

    .zeynep-opened body,
    .zeynep-opened {
        overflow: hidden;
    }

    .zeynep .m-bottom .payment a,
    .zeynep .m-bottom .language-selector a {
        color: #fff !important;
    }

    header #nav #trigger-categs>a {
        display: none;
    }

    header #nav .center {
        position: absolute;
        left: 0;
        width: 100%;
        top: calc(100% - 31px);
    }

    header #nav .center .list-inline>li {
        display: none;
    }

    header #nav .center .list-inline>li#trigger-categs {
        display: block;
        position: absolute;
        left: 0;
        width: 100%;
    }

    header #nav .right {
        display: inline-block;
    }

    header #nav .left {
        display: inline-block;
        padding-left: 10px;
    }

    header {
        position: relative;
    }

    .menu-item-has-children.full-height.relative {
        position: static;
    }

    .zeynep {
        left: 0;
        max-width: 100%;
        width: 400px;
        top: -34px;
    }

    .zeynep.opened {
        transform: translateX(0) translateZ(0) translateY(34px);
    }

    header #nav .container {
        padding: 0 15px;
    }

    header {
        overflow: visible;
    }

    header #nav .search-cont {
        text-align: center;
        position: absolute;
        bottom: 11px;
        left: 0;
        right: 0;
        margin: auto;
        padding: 0 15px;
    }

    #nav .search-cont #search-bar input {
        font-size: 12px;
        height: 32px;
        line-height: 32px;
        padding: 0 15px;
        width: 100%;
        max-width: 400px;
    }

    #nav .search-cont #search-bar button {
        right: 6px;
        top: 3px;
    }

    header #nav .search-cont form {
        margin: 0 auto;
        width: 100%;
        max-width: 400px;
    }

    #nav .left {
        width: 109px;
    }

    #nav .cart-item .badge {
        margin-top: -3px !important;
        margin-left: -17px !important;
    }

    #nav .onlymobile {
        display: block;
    }

    #nav .right .location-link,
    #nav .right .pay-link {
        margin-left: 10px;
        font-size: 20px;
        width: 35px;
        height: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
        border: 2px solid #464646;
        border-radius: 50%;
    }

    #nav .right .pay-link {
        background-color: red;
        color: #fff !important;
    }

    #nav .m-bottom {
        background: var(--dark-blue)
    }

    #nav .m-bottom a,
    #nav .m-bottom strong,
    #nav .m-bottom span {
        color: #fff;
        font-weight: 500;
    }



    #nav .m-bottom li:not(.language-selector) a {
        padding-left: 65px;
    }

    .zeynep .m-bottom>li:not(.language-selector)>a {
        border-bottom: 1px solid #fff;
    }

    #nav .m-bottom .user a {
        background: url("../images/icon-user.png") no-repeat left 26px center;
    }

    #nav .m-bottom .wishlist a {
        background: url("../images/icon-wishlist.png") no-repeat left 26px center;
    }

    #nav .m-bottom .payment a {
        background: url("../images/icon-payment.png") no-repeat left 26px center;
    }

    #nav .m-bottom .contact a {
        background: url("../images/icon-phone.png") no-repeat left 26px center;
    }

    #search-bar {
        position: relative;
    }

    header nav li {
        position: static;
    }

    #top-bar .container.xs-hide {
        flex-direction: column;
    }

    #top-bar .links {
        margin-left: 0;
        margin-top: 10px;
        gap: 30px;
    }

    #top-bar .links a {
        margin-left: 0;
    }

}

@media screen and (min-width: 481px) {
    #nav .only-ab {
        display: none !important;
    }
}

@media screen and (max-width: 480px) {
    #nav .cart-item .badge {
        margin-top: 10px !important;
        margin-left: -17px !important;
    }

    #nav .cart-item {
        top: 2px;
        right: 0;
        margin-right: -15px;
    }

    header #nav .zeynep {
        height: calc(100vh - 118px);
        padding-bottom: 80px;
    }

    body.nav-fixed header #nav .zeynep {
        height: calc((var(--vh, 1vh) * 100) - 100px);
        padding-bottom: 80px;
    }

    .zeynep ul>li>a,
    #nav .accordionjs .acc_section .acc_head,
    .zeynep .submenu-header>a,
    #nav .accordionjs .acc_section .acc_head a,
    #nav .accordionjs .acc_section .acc_content a {
        font-size: 17px;
    }

    .zeynep .submenu-header>a,
    .zeynep ul>li>a,
    #nav .accordionjs .acc_section .acc_head {
        padding: 15px 30px 15px 17px;
    }

    /* Safari Only */
    @supports (background: -webkit-named-image(i)) {

        .zeynep .submenu-header>a,
        .zeynep ul>li>a,
        #nav .accordionjs .acc_section .acc_head {
            padding: 18px 30px 13px 17px;
        }
    }

    .zeynep .submenu-header,
    #nav .m-bottom a {
        background-position: left 17px center !important;
    }

    #nav .m-bottom a {
        background-size: auto 35% !important;
    }

    .zeynep .submenu-header>a,
    #nav .m-bottom a {
        padding-left: 44px !important;
    }

    #nav .ridesafeimg {
        width: 125px;
    }

    header #nav .right ul li {
        border: 0;
    }

    #nav .cart-item {
        width: auto !important;
    }

    #nav a.language,
    #nav .current-language {
        padding: 10px 13px !important
    }

    #nav .language-selector {
        background-size: 20px;
        padding-left: 30px;
    }

    #nav .language-selector * {
        font-size: 17px;
    }

    #nav .language-selector strong:not(.current-language) {
        font-size: 0;
        display: inline-block;
        height: 17px;
        width: 3px;
        background: #fff;
    }

    #nav .m-bottom * {
        font-weight: 700 !important;
    }

    #nav .m-bottom .titan {
        font-weight: 400 !important;
    }

}

.zeynep {
    height: 100vh;
}