html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } i { font-style: italic; } * { outline: 0 !important; } .userflow-banner{ display: none!important; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } @font-face { font-family: 'KGHAPPY'; src: url('fonts/KGHAPPY.eot?#iefix') format('embedded-opentype'), url('fonts/KGHAPPY.woff') format('woff'), url('fonts/KGHAPPY.ttf') format('truetype'), url('fonts/KGHAPPY.svg#KGHAPPY') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'HelveticaRoundedLTStd-BdCn'; src: url('fonts/HelveticaRoundedLTStd-BdCn_gdi.eot'); src: url('fonts/HelveticaRoundedLTStd-BdCn_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/HelveticaRoundedLTStd-BdCn_gdi.woff') format('woff'), url('fonts/HelveticaRoundedLTStd-BdCn_gdi.ttf') format('truetype'), url('fonts/HelveticaRoundedLTStd-BdCn_gdi.otf') format('opentype'), url('fonts/HelveticaRoundedLTStd-BdCn_gdi.svg#HelveticaRoundedLTStd-BdCn') format('svg'); font-weight: 700; font-style: normal; font-stretch: condensed; unicode-range: U+0020-25CA; } @font-face { font-family: 'tuffyregular'; src: url('fonts/tuffy-webfont.eot'); src: url('fonts/tuffy-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/tuffy-webfont.woff2') format('woff2'), url('fonts/tuffy-webfont.woff') format('woff'), url('fonts/tuffy-webfont.ttf') format('truetype'), url('fonts/tuffy-webfont.svg#tuffyregular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirLTStd-Roman'; src: url('fonts/AvenirLTStd-Roman_gdi.eot'); src: url('fonts/AvenirLTStd-Roman_gdi.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLTStd-Roman_gdi.woff') format('woff'), url('fonts/AvenirLTStd-Roman_gdi.ttf') format('truetype'), url('fonts/AvenirLTStd-Roman_gdi.otf') format('opentype'), url('fonts/AvenirLTStd-Roman_gdi.svg#AvenirLTStd-Roman') format('svg'); font-weight: 400; font-style: normal; font-stretch: normal; unicode-range: U+0020-25CA; } @font-face { font-family: 'AvenirLT-BlackOblique'; src: url('fonts/AvenirLT-BlackOblique.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirLT-BlackOblique.woff') format('woff'), url('fonts/AvenirLT-BlackOblique.ttf') format('truetype'), url('fonts/AvenirLT-BlackOblique.svg#AvenirLT-BlackOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'KGHAPPYSolid'; src: url('fonts/KGHAPPYSolid.eot?#iefix') format('embedded-opentype'), url('fonts/KGHAPPYSolid.woff') format('woff'), url('fonts/KGHAPPYSolid.ttf') format('truetype'), url('fonts/KGHAPPYSolid.svg#KGHAPPYSolid') format('svg'); font-weight: normal; font-style: normal; } @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-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-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-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-face { font-family: 'fonts/lobster_twobold_italic'; src: url('fonts/lobstertwo-bolditalic-webfont.woff2') format('woff2'), url('fonts/lobstertwo-bolditalic-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } a, img, button, input { -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; } #mid-month-banner { background-color: #f9ef20; background-image: url(../images/mid-month/banner-bg-2.png); background-size: cover; text-align: center; background-repeat: no-repeat; background-position: 50% 100%; } #mid-month-banner img { max-width: 100%; height: auto; } #mid-month-banner .container { } #mid-month-banner .left { display: inline-block; vertical-align: middle; margin-right: 22px; padding-bottom: 27px; padding-top: 9px; } #mid-month-banner .right { display: inline-block; vertical-align: bottom; } #mid-month-banner .right img { vertical-align: bottom; margin-left: -60px; position: relative; } #mid-month-banner h3 { padding: 0; font-size: 57px; color: #0e0003; font-weight: 600; margin: 0 0 15px 0; font-family: 'Nunito', sans-serif; } .product-info > .right .product-price { font-size: 50px !important; } .product-info > .right .product-price span { font-size: 26px !important; top: 5px !important; } .product-info > .right .product-price { height: auto !important; padding-left: 100px !important; } .product-info > .right .after-that { font-size: 13.44px; color: #f02123; font-family: 'Gotham-Bold'; width: 35px; position: absolute; margin-top: -63px; margin-left: 255px; } .product-info > .right .product-price span:last-child:after { font-size: 10px !important; bottom: -5px !important; left: 10px !important; } header nav:not(#nav-new) li { position: relative; } .fa-angle-down:before { content: "\f107"; font-size: 30px; } .product-price-header { background-color: #f01f21; color: white; text-align: center; padding: 20px 15px; } .product-price-header p { margin: 0; font-size: 21px; color: white; font-weight: 300; } .product-price-header img { width: 350px; max-width: 100%; } .product-details { overflow: hidden; } .userflow-banner .ask-form.active { opacity: 1; visibility: visible; top: 0; } .userflow-banner { background-size: cover; position: relative; background-image: url(../images/bg-banner.jpg); background-repeat: no-repeat; background-position: center; -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5); } .userflow-banner > .container { height: 185px; display: block; font-size: 0; padding: 0; } .userflow-banner > .container > div { width: 50%; display: inline-block; vertical-align: middle; margin-left: 10%; margin-top: 30px; } .userflow-banner > .container > div.right { display: none !important; } .userflow-banner > .container > div img { max-width: 100%; } .userflow-banner > .container .first-month { text-align: center; padding-top: 10px; margin-left: 0; margin-right: auto; width: 420px; max-width: 100%; } .userflow-banner > .container .first-payment { text-align: center; width: 230px; max-width: 100%; margin: 0 auto; padding-top: 5px; margin-right: 60px; margin-left: auto; } .userflow-banner > .container .first-payment img { display: block; margin: 0 auto; } .userflow-banner > .container .first-payment a:hover:before { -webkit-transform: scaleY(1); transform: scaleY(1); } .userflow-banner > .container .first-payment a:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e21320; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .userflow-banner > .container .first-payment a { margin-top: 10px; margin-right: 0; margin-left: auto; display: block; font-size: 20px; margin-bottom: 5px; margin-left: 5px; width: 230px; max-width: 100%; height: 38px; line-height: 38px; color: white; text-align: center; font-size: 18px; background-color: #eb212e; display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .userflow-banner > .container .first-payment p { font-size: 21px; color: white; margin: 0; font-weight: 300; text-align: center; } .userflow-banner > .container .first-month p { font-size: 21px; color: white; margin: 0; font-weight: 300; text-align: center; } header nav:not(#nav-new) .drop > a .fa-angle-down.opened { -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .dropdown-menu.open { display: block !important; } .dropdown-menu { display: none; } a { outline: 0 !important; } body { font-family: 'Lato', sans-serif; line-height: 1; background-repeat: no-repeat; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .container { max-width: 1020px; width: 100%; } header { border-bottom: 1px solid #e2e2e2; position: relative; z-index: 13; } header > .top_bar { position: relative; background-color: #ffffff; /*background: #c00f01; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2MwMGYwMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTBiMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #c00f01 0%, #9a0b00 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c00f01), color-stop(100%,#9a0b00)); background: -webkit-linear-gradient(top, #c00f01 0%,#9a0b00 100%); background: -o-linear-gradient(top, #c00f01 0%,#9a0b00 100%); background: -ms-linear-gradient(top, #c00f01 0%,#9a0b00 100%); background: linear-gradient(to bottom, #c00f01 0%,#9a0b00 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c00f01', endColorstr='#9a0b00',GradientType=0 );*/ /*padding: 22px 0 15px 0;*/ padding: 0; border-top: 0; border-bottom: 3px solid #e3e3e3; color: white; text-align: right; line-height: 55px; height: 55px; } header > .top_bar a { color: white; } header > .top_bar .container { line-height: 1; } header .give_a_call { font-size: 15px; font-weight: bold; margin-left: 270px; float: left; margin-right: 15px; padding: 19px 0 15px 0; } header a.header-specials-link { float: right; display: block; width: 179px; margin: 0; padding: 17px 0px 18px 45px; font-size: 15px; font-weight: bold; text-align: left; background: url('/assets/images/bt-approved.png') no-repeat 0 top; } header a.header-specials-link:hover { background: url('/assets/images/bt-approved-on.png') no-repeat -0 top; } header > .top_bar ul li { padding: 0 0 0 0; margin-left: 9px; } header > .top_bar ul li:first-child { margin-left: 20px; } header > .top_bar ul.list-inline li:not(:last-child) { margin-right: 0; } #ctl00_ContentPlaceHolder1_SliderId_idLocationDiv { display: none; } header > .top_bar ul:not(.gray-colored) li { margin-left: 0; } header > .top_bar ul li:last-child { margin-right: 0; border-right: 0; } header > .top_bar ul li a { font-size: 12px; font-weight: bold; color: #fe1827; } header .top_nav { margin-top: 0; } #ctl00_headerID_locationcontrol_idliPipe { margin-right: 0 !important; } header .top_nav .before_nav { display: block !important; } header #logo { position: static; top: 0; margin-bottom: 30px; margin-right: 0; max-width: 320px; width: 100%; padding-right: 0; padding: 0; margin: 0; float: left; } header #logo figcaption { color: black; font-size: 13px; font-weight: 300; text-align: left; padding-top: 10px; padding-left: 2px; } header .location { width: 100%; float: none; margin-top: 12px; margin-bottom: 12px; } header .location img { float: none; margin-right: 10px; vertical-align: middle; display: inline-block; } header .location li { margin-right: 8px; } header .location li, header .location a { padding: 0; color: #c10d00; font-size: 11px; } header .location ul { margin-top: 0; display: inline; line-height: 1; } header .location p { color: #fe1827; font-size: 12px; font-weight: 400; padding-top: 0; display: inline-block; vertical-align: middle; } header .location p span { font-size: 12px; padding-right: 5px; } header input[type=text]:placeholder { color: black; opacity: 1 !important; } header input[type=text]::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: black; opacity: 1 !important; } header input[type=text]::-moz-placeholder { /* Firefox 19+ */ color: black; opacity: 1 !important; } header input[type=text]:-ms-input-placeholder { /* IE 10+ */ color: black; opacity: 1 !important; } header input[type=text]:-moz-placeholder { /* Firefox 18- */ color: black; opacity: 1 !important; } header input[type=text] { max-width: 285px; height: 40px; border-radius: 0; -webkit-border-radius: 0; border: 1px solid #ebebeb; /*margin-top: 10px;*/ padding: 0 15px; line-height: 40px; width: 100%; color: #595959; position: relative; font-size: 12px; background: #fff; /*margin-right: -40px;*/ } header input[type=submit] { width: 40px; position: relative; height: 40px; border-radius: 0px 3px 3px 3px; -webkit-border-radius: 0px 3px 3px 0px; border: 1px solid #dbdbdb; margin-top: 10px; border-left: 0; left: -5px; top: 13px; z-index: 1; background: #e6e6e6; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: url(/assets/images/search.png), -moz-linear-gradient(top, #e6e6e6 0%, #c9c9c9 100%); background: url(/assets/images/search.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #c9c9c9)); background: url(/assets/images/search.png), -webkit-linear-gradient(top, #e6e6e6 0%, #c9c9c9 100%); background: url(/assets/images/search.png), -o-linear-gradient(top, #e6e6e6 0%, #c9c9c9 100%); background: url(/assets/images/search.png), -ms-linear-gradient(top, #e6e6e6 0%, #c9c9c9 100%); background: url(/assets/images/search.png), linear-gradient(to bottom, #e6e6e6 0%, #c9c9c9 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e6e6e6', endColorstr='#c9c9c9', GradientType=0); background-repeat: no-repeat; background-position: center center; color: transparent; } .btSearchImg { width: 40px; /*position: relative;*/ position: absolute; height: 40px; /*margin-top: 10px;*/ border-left: 0; /*left: -4px; top: 14px;*/ z-index: 1; background: #e6e6e6; right: 0; } header .search { position: relative; float: left; width: 30%; margin-left: 34%; } header nav:not(#nav-new) { padding: 17px 0 19px 0; background: #eaeaea; background: -moz-linear-gradient(top, #eaeaea 1%, #ffffff 100%); background: -webkit-linear-gradient(top, #eaeaea 1%, #ffffff 100%); background: linear-gradient(to bottom, #eaeaea 1%, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#ffffff', GradientType=0); } header nav:not(#nav-new) > div > ul { margin-top: 30px; } header nav:not(#nav-new) > div > ul >li > a { font-size: 15px; color: #313131 !important; padding-bottom: 20px; font-weight: bold; text-transform: uppercase; } header nav:not(#nav-new) li.active > a { color: #c10d00; } header nav:not(#nav-new) li { padding: 0; margin-right: 38px; box-sizing: border-box; } header nav:not(#nav-new) .container > ul > li.drop { float: left; } header nav:not(#nav-new) li.last { margin-right: 0; padding: 0; } header nav:not(#nav-new) li:last-child { margin-right: 0; } header nav:not(#nav-new) li:first-child { margin-left: 0; } b { font-weight: bold; } main { min-height: 475px; } footer { padding-bottom: 50px; } footer .footer_left { padding-left: 20px; margin-bottom: 45px; float: left; padding-right: 50px; } footer .footer_left figure { font-size: 13px; line-height: 1.3; } footer .footer_left figure b { font-weight: bold; } footer .footer_left figure img { margin-bottom: 15px; margin-left: 5px; } footer .footer_right { padding-right: 20px; margin-bottom: 45px; max-width: 780px; float: left; padding-top: 15px; } footer .footer_right p { font-size: 13px; line-height: 1.3; } footer .footer_right p + p { margin-top: 15px; } footer .nav_block { max-width: 165px; float: left; font-size: 13px; width: 100%; } footer .nav_block .nav_block_title { color: #d94336; font-weight: 500; font-size: 14px; margin-bottom: 10px; } footer .nav_block li { margin-bottom: 5px; } footer .nav_block li a { color: #343434; font-size: 13px; font-weight: 500; } footer nav { padding: 0 20px; } footer aside { float: right; } footer .awesome { line-height: 34px; height: 34px; margin-bottom: 20px; } footer .awesome img { margin-right: 10px; } footer .awesome a { height: 34px; line-height: 34px; color: #eb212e; font-size: 14px; font-weight: 500; display: inline-block; float: left; } footer .find-store { height: 34px; margin-bottom: 25px; line-height: 34px; } footer .find-store span { display: inline-block; width: 130px; color: #d94336; font-size: 14px; font-weight: 500; text-transform: uppercase; } footer .find-store select { width: 190px; color: #343434; } footer .social { float: left; width: 135px; } footer .social li { padding: 0; margin-left: 15px; } footer aside .aside_menu { float: left; display: table; height: 40px; } footer aside .aside_menu ul { margin-bottom: 5px; margin-left: 0; } footer aside .aside_menu li, footer aside .aside_menu a, footer aside .aside_menu { font-size: 12px; color: #343434; padding: 0; } footer aside .aside_menu .aside_menu_inner { display: table-cell; vertical-align: middle; } a:hover, a:focus, a:active, a:visited { text-decoration: none !important; } .ham_menu { font-size: 12px; color: black !important; font-weight: bold; position: absolute; top: 10px; line-height: 0.6; } .ham_menu i { display: block; width: 30px; height: 4px; background: black; margin-bottom: 2px; } .pin { position: absolute; right: 14px; top: 5px; } .mobile_nav { display: none; } .open span { color: #c41a0e; font-size: 14px; font-weight: bold; display: block; margin-bottom: 5px; } .open { font-size: 12px; color: #a2a2a2; margin-top: 10px; } .open_shop { margin-bottom: 10px; float: right; height: 23px; width: 95px; color: #c5c5c5; border: 1px solid; display: inline-block; line-height: 21px; border-radius: 3px; -webkit-border-radius: 3px; position: absolute; text-align: center; margin-top: -18px; right: 15px; margin-bottom: 18px; } .modal-dialog { max-width: 490px; } .modal-header { min-height: 0; padding: 15px; border-bottom: 0; height: 73px; background: url(../../assets/images/popup_header.png); font-size: 23px; color: white; font-weight: 800; } .modal-header h4 { font-size: 23px; color: white; font-weight: 800; text-align: center; padding-left: 45px; width: 100%; margin-top: 10px; } .modal-content { -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .8); padding: 0px; border-width: 0px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.8); border-radius: 3px; -webkit-border-radius: 3px; } .popup_circle { position: absolute; top: -10px; left: -30px; } .modal-header .close { margin-top: 0; position: absolute; top: 0; right: 0; width: 32px; height: 33px; background: #363636 url(../../assets/images/new/bt_modal_close.png) 0 0 no-repeat; opacity: 1; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; line-height: 30px; color: white; font-size: 15px; text-indent: -9999px; top: -15px; right: -15px; } a[data-toggle="modal"] { cursor: pointer; } .modal-body { padding: 15px; text-align: center; } .modal-body h5 { color: #282828; font-size: 20px; font-weight: bold; margin: 25px auto; } .modal-body p { margin-top: 45px; font-size: 13px; color: #3c3534; font-weight: 400; margin-bottom: 5px; font-style: italic; } .find_my, .find_my:hover { background-image: url('../../assets/images/blue_btn.png'); width: 167px; height: 41px; background-size: cover; display: inline-block; text-align: center; color: white; line-height: 41px; margin: 0 5px; } .modal-dialog { margin: 10% auto 0 auto; } .under_slider { padding: 20px 0 30px 0; } .under_slider.new { padding: 20px 15px 30px 15px; } .under_slider h1 { font-size: 34px; color: #c62115; font-weight: bold; line-height: 38px; } .under_slider.new h2 { font-family: 'Gotham-Black'; font-size: 45px; color: #f41727; text-align: left; } .under_slider.new h2 span { color: #241f20; } .under_slider p { font-size: 25px; color: #000000; line-height: 33px; margin-bottom: 35px; } .under_slider.new .tires-details { padding-left: 35px; } .under_slider ul { max-width: 100%; width: 100%; background: #f5f5f5; margin: 0 auto; border: 1px solid #dbdbdb; border-bottom: 4px solid black; line-height: 55px; } .under_slider.new ul { width: auto; background: #fff; border: none; border-bottom: none; line-height: 1; } .under_slider ul li { font-weight: bold; font-style: italic; color: black; font-size: 15px; padding: 0; margin-right: 50px; } .under_slider.new ul li { font-family: 'Gotham-Medium'; font-weight: normal; font-style: normal; color: #241f20; margin-right: 20px; } .under_slider ul li:before { content: ""; display: inline-block; width: 27px; height: 22px; background-image: url('../images/accept.png'); background-position: center center; position: relative; top: 4px; margin-right: 5px; } .under_slider.new ul li:before { background-image: url('../images/accept-new.png'); width: 25px; height: 18px; } .under_slider ul li:last-child { margin-right: 0; } .under_slider.new a.blue_btn { height: 55px; line-height: 55px; padding: 0 40px; font-size: 15px; position: relative; font-family: 'Gotham-Bold';/*-webkit-box-shadow:none; box-shadow:none; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;*/ } /*.under_slider.new a.blue_btn:before{ content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #e21320; -webkit-transform: scaleY(0); transform: scaleY(0); -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .under_slider.new a.blue_btn:hover{ } .under_slider.new a.blue_btn:hover:before{ -webkit-transform: scaleY(1); transform: scaleY(1); }*/ .products { max-width: 1060px; width: 100%; padding-left: 15px; padding-right: 15px; margin-left: auto; margin-right: auto; } .products figcaption { margin-top: 5px; padding: 0 15px; } .products figcaption span.product_name { color: #000000; font-size: 15px; font-weight: 300; display: block; margin-bottom: 4px; } .products figcaption span.product_description { color: #000000; font-size: 15px; font-weight: 400; display: block; margin-bottom: 10px; } .products figcaption a { font-size: 15px; font-weight: bold; color: #eb212e; } .products figure { margin-bottom: 50px; } .products figure img { margin: 0 auto; } .products figure:hover > a { opacity: 1; z-index: 2; } .products figure:hover img { opacity: 0.5; } .products figure > a { display: block; position: absolute; top: 110px; opacity: 0; z-index: -1; left: 50%; width: 175px; text-align: center; margin-left: -87.5px; } .brands h2 { font-size: 25px; color: #000000; font-weight: 300; margin: 50px auto 40px auto; } .brands ul { max-width: 950px; margin: 0 auto; margin-bottom: 10px; } .brands li { display: inline-block; height: auto; margin-right: 18px; margin-left: 18px; vertical-align: middle; padding: 0; margin-bottom: 15px; } .brands li img { max-width: 100%; height: auto; display: block; } .brands li a { display: table-cell; vertical-align: middle; text-align: center; } .brands li:nth-child(7), .brands li:nth-child(14) { margin-right: 0; } .brands li:nth-child(8) { clear: left; } .main_text { margin-top: 115px; } .main_text h2 { font-weight: 400; font-size: 26px; color: black; line-height: 18px; margin-bottom: 10px; } .main_text p { font-weight: 300; font-size: 16px; color: black; line-height: 22px; } .main_text p.medium { margin-top: 30px; font-weight: 400; margin-bottom: 20px; } .before_newsletter { margin-top: 85px; border-top: 4px solid black; border-right: 1px solid #dddddd; background-color: #f5f5f5; padding: 20px 0 0 0; margin-bottom: 80px; max-width: 850px; margin-left: auto; margin-right: auto; } .before_newsletter .shop_all { padding: 0 40px; text-align: center; } .before_newsletter .shop_all img { max-width: 100%; } .before_newsletter .shop_all p { font-size: 15px; color: black; margin-top: 23px; line-height: 18px; } .before_newsletter .shop_all .blue_btn { margin: 15px 0 30px 0; } .best_deals h3 { font-size: 26px; font-weight: 400; line-height: 30px; } .best_deals h3 .bigger { font-size: 32px; line-height: 32px; display: block; } .best_deals h3 .smaller { font-size: 22px; line-height: 38px; font-weight: 300; margin-top: 5px; display: block; } .best_deals p { max-width: 230px; margin: 0 auto; font-size: 14px; line-height: 22px; font-weight: 400; } .best_deals .blue_btn { margin: 20px auto 80px auto; } .shop_current_specials { display: inline-block !important; margin-bottom: 50px; } .before_newsletter .club img { margin-bottom: 20px; } .before_newsletter .club .blue_btn { margin-bottom: 25px; } .floating_logo { width: auto !important; position: absolute; bottom: 100px; right: 40px; } .floating_text { position: absolute; font-size: 95.79px; font-family: 'AvenirLTStd-Roman'; color: white; text-shadow: 0 1px 1px #000000; top: 242px; left: 400px; } .floating_text span.float { font-size: 42.3px; position: relative; top: -38px; } .floating_text span.index { font-size: 44.07px; top: -32px; position: relative; } .floating_text span.big_float { font-size: 12.33px; position: absolute; bottom: 25px; right: 10px; } .chrome { width: auto !important; left: 230px; top: 50px; position: absolute; z-index: 9; } .big_bubble { position: absolute; width: 288px; height: 285px; top: 30px; left: -30px; background: url('/assets/images/big_bubble.png'); background-size: cover; background-position: center center; padding-top: 65px; text-align: center; } .big_bubble .heading { color: white; font-weight: 400; text-transform: uppercase; font-size: 42px; line-height: 41px; font-family: 'tuffyregular'; text-transform: none; text-shadow: 0 1px 4px #a44b15; } .big_bubble .heading mark { background: none; border: 0; font-size: 21.23px; color: white; position: relative; top: -17px; } .big_bubble .heading span { font-size: 100px; line-height: 0.8; font-weight: bold; font-family: 'HelveticaRoundedLTStd-BdCn'; } .slider_bg { min-height: 425px; } .small_bubble { font-family: 'AvenirLTStd-Roman'; z-index: 10; position: absolute; background: url('/assets/images/small_bubble.png'); background-size: cover; background-position: center center; width: 126px; height: 125px; top: 210px; left: 270px; font-size: 16.5px; color: white; display: table; line-height: 1; padding-top: 5px; } .small_bubble .price { position: relative; font-size: 40px; text-align: center; width: 100%; top: 5px; display: block; } .small_bubble .price span { font-size: 23px; top: -12px; position: relative; } .small_bubble div { display: table-cell; vertical-align: middle; text-align: center; width: 100%; } .speech_bubble { font-family: 'AvenirLTStd-Roman'; position: absolute; background: url('/assets/images/speech_bubble.png'); background-size: cover; background-position: center center; width: 150px; height: 120px; top: 12px; display: table; right: 45px; } .big_bubble p { font-size: 15.86px; color: white; line-height: 16.8px; } .speech_bubble > div { display: table-cell; padding-right: 10px; vertical-align: middle; width: 100%; text-align: center; color: white; font-size: 17px; font-weight: bold; } .speech_bubble > div span { font-size: 15px; font-weight: normal; } .before_newsletter .club p { font-size: 15px; line-height: 18px; } .before_newsletter .club a.red_link { display: block; color: #c62925; font-size: 13px; font-weight: bold; text-align: center; margin-top: 15px; text-transform: uppercase; } .before_newsletter .club, .before_newsletter .best_deals { border-bottom: 1px solid #e2e2e2; min-height: 300px; } .newsletter { margin-bottom: 15px; padding: 30px 0 20px 0; border: 1px solid #cfcfcf; border-left: 0; border-right: 0; } .newsletter p { font-size: 12px; color: #d94336; line-height: 24px; font-weight: 700; line-height: 40px; } .newsletter p .bigger { font-size: 18px; line-height: 24px; } .newsletter input { width: 100%; } .newsletter input[type="submit"] { background: #eb212e; color: white; text-transform: uppercase; font-weight: bold; font-size: 13px; display: block; border: 0; line-height: 40px; -webkit-box-shadow: 0 1px 1px 0 #93494e; box-shadow: 0 1px 1px 0 #93494e; height: 40px; } .newsletter input[type="text"] { background: #f0f0f0; font-size: 13px; font-style: italic; color: #595959; display: block; border-radius: 2px; -webkit-border-radius: 2px; border: 1px solid #cdcdcd; line-height: 40px; padding: 0 15px; height: 40px; } .no_right { padding-right: 0; } .gray-line { width: 100%; border-top: 1px solid #cfcfcf; height: 2px; clear: both; padding-bottom: 10px; } .clear, .clearboth { clear: both; } .blue_btn:hover, .blue_btn:focus, .blue_btn:active, .blue_btn:visited { color: white; box-shadow: none; -webkit-box-shadow: none; } .blue_btn { background: #eb212e; color: white; font-size: 14px; font-weight: bold; height: 40px; line-height: 40px; padding: 0 15px; display: inline-block; -webkit-box-shadow: 0 1px 1px 0 #93494e; box-shadow: 0 1px 1px 0 #93494e; } .blue_link { font-size: 15px; color: #eb212e; font-weight: bold; } .slider_bottom { background: #f5f5f5; height: 42px; line-height: 42px; font-size: 14px; font-weight: 500; border: 1px solid #dbdbdb; border-top: 0; padding-left: 130px; } .slider_bottom p { float: left; } .slider_bottom a img { position: relative; top: 2px; left: 5px; } .slider_bottom a.blue_link:hover { color: #eb212e; } .slider_bottom a.blue_link { margin-left: 30px; } .slider_pagination { float: right; } .flex-control-nav { position: static !important; } .flex-control-paging li a.flex-active { background: #c10d00 !important; border-color: transparent !important; } .flex-control-paging li a { background: white !important; border-color: #dedede !important; } .flex-control-nav { padding-right: 30px !important; } .flex-control-nav li { margin: 15px 6px !important; } .flexslider { margin: 0 !important; border: 0 !important; } .flex-direction-nav { display: none; } .slider_bar { position: absolute; bottom: 0; z-index: 99999; background-color: black; width: 100%; height: 84px; color: white; padding: 22px 0 20px 0; } .slider_bar_author { float: left; width: 127px; text-align: center; position: relative; top: -17px; padding-left: 20px; } .slider_bar_suggest { font-size: 16px; float: left; } .slider_bar_suggest .bigger { font-size: 20px; font-weight: bold; text-transform: uppercase; line-height: 28px; display: block; } .slider_buttons { float: right; padding-right: 10px; } .slider_buttons a { margin-right: 25px; width: 175px; text-align: center; } .slider_bar_author img { width: auto !important; } .slider_bottom { position: relative; } .slider_bottom:after { content: ""; display: block; width: 21px; height: 11px; background: url('/assets/images/after_arrow.png'); background-size: cover; position: absolute; bottom: -11px; left: 50px; } .mobile_slider img { width: 100%; height: auto; margin: 20px auto -10px auto; } .find_out { margin-bottom: 30px; } .petertest { display: none; } /* new */ #accordionOrder { margin-top: 15px; margin-bottom: 15px; } #accordionOrder .panel { margin-top: 5px !important; border: 0 !important; box-shadow: none !important; } #accordionOrder .panel-group .panel-heading+.panel-collapse>.list-group, #accordionOrder .panel-group .panel-heading+.panel-collapse>.panel-body { border-top: 0 !important; } #accordionOrder .panel-heading { padding: 0; } #accordionOrder .panel-heading a { display: block; height: 50px; line-height: 50px; padding: 0 15px; } #accordionOrder .panel-heading a:not(.visited) { pointer-events: none; } #accordionOrder .panel-heading a.activated { background-color: #286090; color: white; } #accordionOrder label.error { display: none !important; } #accordionOrder input[readonly] { background-color: transparent; } #accordionOrder input.error, #accordionOrder textarea.error, #accordionOrder select.error { border-color: #a94442; } #accordionOrder input.error +label, #accordionOrder input.error +label + label { color: #a94442; } #accordionOrder input.error:focus { -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 6px #ce8483; } #accordionOrder .panel-title { padding-top: 0; } .next-button, .prev-button { margin-top: 15px; padding: 12px 12px; color: #ffffff !important; text-transform: uppercase; border: 1px solid #eb212e; background-color: #eb212e; } .formConfirm { line-height: 1.5 } #MainCol { float: right !important; } .main_win_content { width: 66%; float: left; margin-top: 80px; padding-right: 30px; } .sidebar_win_content { width: 34%; float: right; margin-top: 80px; } .winner-sidebar { background-color: #f0f0f0; padding: 30px; -webkit-border-radius: 5px 5px 5px 5px; border-radius: 5px 5px 5px 5px; } .winner-sidebar .form-title { font-size: 25px; line-height: 30px; color: #c10d00; font-weight: bold; text-transform: uppercase; text-align: center; } .winner-sidebar input:not([type="submit"]):not([type="checkbox"]) { width: 100%; height: 30px; line-height: 30px; margin-top: 25px; background-color: white; color: #999999; border: 1px solid #d1d1d1; font-size: 16px; padding: 0 10px; } .winner-sidebar select { -moz-appearance: window; -webkit-appearance: none; appearance: none; width: 100%; height: 30px; line-height: 26px; margin-top: 25px; background-color: white; color: #999999; border: 1px solid #d1d1d1; font-size: 16px; padding: 0 10px; } .winner-sidebar label { font-size: 12px; color: #000000; margin-top: 25px; font-weight: bold; font-family: 'AvenirLTStd-Roman'; line-height: 1.3; } .winner-sidebar input[type="checkbox"] { margin: 0 3px 15px 0; float: left; } .winner-sidebar input[type="submit"] { width: 100%; height: 55px; line-height: 55px; background-color: #eb212e; color: white; text-align: center; text-transform: uppercase; font-size: 26px; font-weight: bold; margin-top: 25px; border: 0; } @font-face { font-family: 'AvenirNextCondensed-DemiBold'; src: url('fonts/AvenirNextCondensed-DemiBold.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCondensed-DemiBold.woff') format('woff'), url('fonts/AvenirNextCondensed-DemiBold.ttf') format('truetype'), url('fonts/AvenirNextCondensed-DemiBold.svg#AvenirNextCondensed-DemiBold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNextCondensed-Bold'; src: url('fonts/AvenirNextCondensed-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextCondensed-Bold.woff') format('woff'), url('fonts/AvenirNextCondensed-Bold.ttf') format('truetype'), url('fonts/AvenirNextCondensed-Bold.svg#AvenirNextCondensed-Bold') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'AvenirNext-Regular'; src: url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNext-Regular.woff') format('woff'), url('fonts/AvenirNext-Regular.ttf') format('truetype'), url('fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg'); font-weight: normal; font-style: normal; } .facebook-sidebar { margin-top: 55px; padding-bottom: 100px; } .facebook-sidebar .form-title { font-size: 32px; color: #3c558b; font-weight: bold; text-align: center; text-transform: uppercase; font-family: Arial, sans-serif; } .facebook-sidebar .form-sub-title { font-size: 14px; color: #525252; line-height: 1.3; text-align: center; font-family: Arial, sans-serif; margin: 15px 0; } .bordered_content:after { content: ""; background-color: #283c91; position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; } .bordered_content { background-color: #283c91; padding: 150px 15px; border: 5px solid white; border-radius: 5px; font-size: 80px; line-height: 1.05; font-family: 'AvenirNext-Regular'; color: white; text-align: center; position: relative; width: 97%; background: url('../images/stars.png') 4% 6% no-repeat, url('../images/stars2.png') 96% 94% no-repeat; -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.2); } .bordered_content span:first-child { font-size: 190px; display: block; font-weight: bold; font-family: 'AvenirNextCondensed-Bold'; } .bordered_content span:last-child { font-size: 65px; } .under_bordered_content { font-size: 15px; line-height: 20px; color: #525252; text-align: center; margin-top: 30px; margin-bottom: 30px; } .under_bordered_content + img { margin: 0 auto; display: block; } .under_bordered_content + img + p { text-align: center; font-size: 27px; color: #ea0518; margin-top: 5px; } /* nascar */ .nascar-container { max-width: 600px; margin: 0 0 0 -50px; float: left; } .nascar-img { max-width: 100%; margin: 10px 0 20px 0; } .quaker { width: 290px; background-image: url(../../images/quaker-bg.png); background-repeat: no-repeat; background-position: 100% 0; float: left; color: #7cbf9d; height: 180px; font-size: 17px; padding-left: 40px; height: 175px; } .quaker img { margin: 0 0 15px 20px; } .nascar { width: 300px; padding-left: 15px; display: inline-block; } .nascar-title { font-size: 23px; color: #ee3a43; line-height: 1.3; margin-bottom: 20px; margin-top: 15px; } .nascar-content { color: #231f20; line-height: 1.3; font-size: 15px; font-weight: 600; } /* career re */ .career-nav { width: 180px; float: left; /*margin-right: 65px;*/ margin-top: 25px; transition: all 0.2s; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; top: 0; } .career-nav .nav-title { height: 80px; line-height: 80px; background-color: #c80707; color: white; border-bottom: 4px solid #ff494d; text-align: center; font-size: 20px; font-weight: bold; } .career-nav ul { border: 1px solid #c3c3c3; border-top: 0; background-color: #fff; } .career-nav ul li a { line-height: 35px; font-size: 13px; padding: 0 10px; display: block; color: #333333; } .career-nav ul li.last a { text-transform: uppercase; color: white; background-color: #eb212e; } .career-nav ul li:not(.last) a:hover,.career-nav ul li a.active { background-color: #f5f5f5; } .career-nav ul li a { color: inherit; font-weight: bold; } .career-content { max-width: 725px; float: right; margin-top: 25px; } .career-content h1 { font-size: 32px; line-height: 36px; margin: 30px 0 15px 0; padding: 0; font-weight: bold; font-family: 'Lato', sans-serif; } .career-content h1 b { font-weight: 800; } .career-content p { font-size: 13px; line-height: 1.3; margin: 0 0 16px 0; font-weight: 300; } .career-content p.bold-italic { font-size: 15px; line-height: 18px; font-weight: bold; font-style: italic; margin-top: -10px; margin-bottom: 30px; } .career-content p.bold { font-size: 16px; line-height: 18px; font-weight: bold; margin: 30px 0; } .career-content .ul-title { font-size: 13px; line-height: 17px; margin: 0 0 0 0; font-weight: bold; } .career-content ul { padding: 0 0 0 35px; margin-bottom: 25px; } .career-content ul li { font-size: 13px; line-height: 22px; margin: 0 0 0 0; } .career-content ul li:before { content: ""; background-image: url('../../images/checkmark.png'); width: 15px; height: 15px; display: block; background-size: 15px 15px; background-repeat: no-repeat; background-position: center; position: absolute; margin-left: -25px; margin-top: 3px; } .career-content ul.stars-ul li:before { background-image: url('../../images/star.png'); } .career-content ul.stars-ul { margin-bottom: 10px; } .career-content .button-title { font-size: 13px; line-height: 17px; margin: 0 0 20px 0; font-weight: bold; } #contact_sidebar h4, .storehours h4 a, .clublogo h4 { color: #eb212e !important } .singleproduct a:hover, .singleproduct a:hover, .singleproduct a:hover h2, .singleproduct a:hover h3, .singleproduct a:hover h5, .singleproduct a:hover p { color: #eb212e !important; } .career-content .blue-btn { width: 175px; height: 40px; line-height: 40px; background-color: #eb212e; color: white; text-transform: uppercase; font-size: 14px; text-align: center; border-bottom: 1px solid #d94336; border-right: 1px solid #d94336; display: inline-block; font-weight: bold; } .career-content .blue-btn { margin-right: 35px; margin-top: 20px; } .career-content .blue-btn + .blue-btn { margin-right: 0; } .career-content .career-about { margin-top: 65px; } .career-content .career-about .about-image { margin-right: 35px; float: left; } .career-content .career-about .about-content { display: inline; } .career-content .career-about .about-content h2 { font-size: 20px; line-height: 36px; color: #000000; font-weight: bold; padding: 0; margin-bottom: 5px; top: -10px; position: relative; font-family: 'Lato', sans-serif; } .career-content .arrow.off { display: none !important; } .career-content .arrow { cursor: pointer; } .ClickDiv span { cursor: pointer; } .ClickDiv { line-height: 35px; height: 35px; font-weight: 800; font-size: 15px; color: #c90707; margin-bottom: 20px; text-align: left; } .CAClickHeader { display: inline-block; height: 35px; line-height: 35px; padding-left: 17px; vertical-align: top; text-transform: uppercase; } .ClickDiv .arrow:not(.off) { display: inline; } .CollapseDiv { padding: 10px 240px 10px 50px; color: #c90707; margin-top: -20px; } .CollapseDiv .collapse-title p { font-weight: 500; font-style: italic; } .collapse-text ul li:before { content: none; display: none; } /* new */ header .search.mod { width: 100%; max-width: 325px; margin-left: 0; margin-top: 15px; padding: 0; } header .search.mod img { float: left; } header .search.mod h5 { font-weight: 900; font-size: 16px; color: #eb212e; line-height: 16px; } header .search.mod p { font-size: 12px; line-height: 14px; color: #000000; } header .search.mod a { font-weight: bold; text-decoration: underline; font-size: 12px; color: #e21320; line-height: 20px; } header .search.mod img { margin-right: 15px; } header .search.mod .tires-featured { padding-top: 0; margin-top: 0; } header .before_nav { float: left; width: 45%; text-align: left; } header .before_nav + ul { float: right; width: 55%; margin: 18px 0; } header .header-specials { font-size: 15px; color: #eb212e !important; font-weight: 600; line-height: 18px; text-decoration: underline !important; } header .header-specials:hover { text-decoration: none !important; } header .gray-colored a, header .gray-colored li { color: #000000 !important; font-weight: 400 !important; } header .header-specials:last-child { margin-left: 30px; } header .header-specials img { margin-left: 10px; vertical-align: sub; } header .get-approved { text-align: right; margin-top: 25px; } .hero { background-position: center; background-repeat: no-repeat; background-size: cover; background-image: url(/assets/images/hero.jpg); padding: 75px 0; } .hero .hero-text { max-width: 500px; float: right; margin-right: 80px; } .hero .hero-text h1 { font-size: 70px; color: #fe1827; margin: 0; line-height: 1; display: inline-block; font-weight: 800; } .hero .hero-text h2 { font-size: 28px; line-height: 30px; color: #fe1827; margin: 0; display: inline-block; font-weight: 800; } .hero .hero-text h2 span { font-size: 31px; } .hero .hero-text h3 { font-size: 25px; line-height: 35px; color: #000000; margin: 0; text-transform: uppercase; font-weight: 600; } .hero .hero-text p { font-weight: 400; margin: 5px 0 30px 0; color: #000000; font-size: 15px; line-height: 20px; width: 500px; } .hero .hero-text p br { display: none; } .hero .hero-text .blue_btn { height: 55px; line-height: 55px; color: white; padding: 0 45px; font-size: 15px; margin-top: 20px; } .remodal { max-width: 520px !important; background-image: url(/assets/images/popup_bg.png); background-repeat: no-repeat; background-position: 108% -10px; background-color: white; padding: 130px 45px 55px 45px; text-align: left; } .remodal h1 { font-size: 30px; color: #fe1827; font-weight: 700; line-height: 35px; margin-bottom: 20px; } .remodal h1 span { color: #eb212e; } .remodal p { font-size: 15px; line-height: 22px; } .remodal .blue_btn { margin: 30px auto 0 auto; display: block; max-width: 180px; text-align: center; height: 55px; font-size: 15px; line-height: 55px; color: white !important; padding: 0; } .remodal-close { background-image: url(/assets/images/close_x.png); background-repeat: no-repeat; background-size: 13px 14px; padding: 0; width: 13px; height: 14px; border: 0; background-color: transparent; position: absolute; right: 0; top: -33px; } .remodal-overlay { z-index: 99999999 !important; } .hero { background-image: url(../images/takeaspin.jpg); padding: 85px 0 60px 0; } .hero .hero-text h3 { text-transform: none; } header .before_nav + ul li:not(:first-child) { margin-left: 20px; } nav #form2 { max-width: 290px; float: right; box-sizing: border-box; width: 100%; position: relative; margin-top: 20px; } nav #form2 input { /*margin-top: 5px;*/ } #spin-header { text-align: center; padding-top: 15px; margin-bottom: 60px; } #spin-header h1 { font-weight: 700; font-size: 70px; color: #fe1827; } #spin-header h2 { font-weight: 700; font-size: 25px; color: black; margin: 0; padding: 0; } #spin-header h2 b { font-weight: 700; font-size: 30px; } #games .lawn-slider { padding-top: 45px; position: relative; } #games .lawn-slider .lawn-slider-title { font-size: 45px; line-height: 36px; color: #ff0000; text-align: center; padding-bottom: 80px; font-weight: bold; } #games .product-item { width: 270px; margin: 0 auto; text-align: center; border: 2px solid #e2e2e2; } #games .item-image { height: 280px; margin-bottom: 20px; line-height: 280px; } #games .item-image > img { vertical-align: bottom; } #games .item-title { font-size: 18px; line-height: 20px; color: #000000; font-weight: bold; } #games .item-category { font-size: 12px; line-height: 20px; color: #bb0d00; } #games .item-number { font-size: 12px; line-height: 20px; color: #000000; } #games .item-price { font-size: 45px; line-height: 60px; color: #bb0d00; padding-bottom: 30px; text-indent: -30px; } #games .item-price span:last-child:after { display: inline; content: "per week"; font-size: 14px; line-height: 20px; position: absolute; bottom: 40px; font-weight: 300; margin-left: -20px; text-indent: 0; } #games .item-price span { font-size: 20px; vertical-align: super; font-weight: bold; } #games .swiper-button-next { background-image: url('../images/next.png') !important; background-size: 24px 46px !important; background-position: center !important; background-repeat: no-repeat !important; height: 85px !important; width: 85px !important; border-radius: 50% !important; right: -20px !important; } #games .swiper-button-prev { background-image: url('../images/prev.png') !important; background-size: 24px 46px !important; background-position: center !important; background-repeat: no-repeat !important; height: 85px !important; width: 85px !important; border-radius: 50% !important; left: -20px !important; } #games .swiper-button-next:hover, #games .swiper-button-prev:hover { background-color: #f3f3f3; } #games .swiper-button-disabled { display: none; } #games header { border-bottom: 0; } #games main { background-image: url(../images/coins.png); background-position: right 15px; background-repeat: no-repeat; background-size: contain; } #games #ContentContainer { width: 100%; margin: 0 auto; z-index: 1; } #games #c2canvasdiv { margin: 0 auto !important; max-width: 100%; } #games canvas#c2canvas { max-width: 100%; width: 100%; height: auto; } #games .canvas-wrap { background-image: url(../images/coins2.png); background-position: center 70%; background-repeat: no-repeat; position: relative; } #games .canvas-wrap:after { content: ""; display: block; background-image: url(../images/bigcoins.png); width: 1519px; height: 735px; max-width: 100%; background-size: contain; background-repeat: no-repeat; background-position: center top; position: absolute; bottom: -585px; left: 0; } #games .product-item { background-color: white; position: relative; -webkit-box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, 0.15); border: 0; } #games .swiper-container { padding: 10px 0; } #games .product-item:hover a { display: block; z-index: 22; } #games .shop-these { margin: 50px auto 45px auto; display: block; width: 245px; height: 55px; text-align: center; padding: 0; line-height: 55px; font-size: 14px; } #games .product-item:hover:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.5); } #games .product-item a { display: none; color: white !important; max-width: 240px; width: 95%; line-height: 55px; height: 55px; position: absolute; padding: 0; top: 50%; margin-top: -27.5px; left: 50%; margin-left: -120px; } #games .lawn-wrap { background-image: url(../images/coins3.png); background-position: 5% 77%; background-repeat: no-repeat; position: relative; } #games footer > .container { border-top: 1px solid #cfcfcf; padding-top: 10px; } #games .swiper-pagination { position: relative; } #games .swiper-pagination-bullet { width: 15px !important; height: 15px !important; margin: 15px 5px; } .ppcbrandcontainer.lawn-form-container { margin-bottom: 60px; width: 100%; background-color: #f6f6f6; padding: 40px 30px; margin-top: 60px; background: -moz-radial-gradient(center, ellipse cover, rgba(253, 253, 253, 1) 28%, rgba(242, 242, 242, 1) 100%); background: -webkit-radial-gradient(center, ellipse cover, rgba(253, 253, 253, 1) 28%, rgba(242, 242, 242, 1) 100%); background: radial-gradient(ellipse at center, rgba(253, 253, 253, 1) 28%, rgba(242, 242, 242, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#f2f2f2', GradientType=1); max-width: 990px; margin-left: auto; margin-right: auto; background-image: url('../images/newcontainer.png'); background-size: cover; background-repeat: no-repeat; background-position: center; } .ppcbrandcontainer .lawn-form-description { float: left; width: 50%; } .ppcbrandcontainer .employee-images { padding-left: 10px; } .ppcbrandcontainer .lawn-employees { float: right; width: 50%; margin-top: 20px; max-width: 435px; } .ppcbrandcontainer .lawn-form { float: right; width: 400px; -webkit-box-shadow: 0 0 25px 0 rgba(53, 53, 53, 0.15); box-shadow: 0 0 25px 0 rgba(53, 53, 53, 0.15); margin-top: 80px; /* Revision */ } .ppcbrandcontainer .lawn-form-description .lawn-form-title { font-size: 32px; line-height: 40px; color: #c10d00; font-weight: 900; /* margin-top: 50px; */ } .ppcbrandcontainer .wrap { width: 970px; margin: 0 auto; padding: 25px 0 25px 0; overflow: hidden; } .ppcbrandcontainer .lawn-form-description .lawn-form-list ul { padding-left: 20px; } .ppcbrandcontainer .lawn-form-description .lawn-form-list li { font-size: 18px; line-height: 25px; color: #000000; font-weight: 300; margin-top: 20px; } .ppcbrandcontainer .lawn-form-description .lawn-form-list li:before { content: "•"; display: inline; font-size: 18px; color: #000000; left: -20px; position: relative; margin-right: -13px; } .ppcbrandcontainer a:link, a:visited { color: #be161d; text-decoration: none; outline: 0; } .ppcbrandcontainer .lawn-employees .employees-copy { padding-left: 70px; margin-top: 35px; } .ppcbrandcontainer .lawn-employees p { font-size: 16px; line-height: 27px; color: #000; font-weight: 300; } .ppcbrandcontainer .lawn-employees h5 { font-size: 23px; font-weight: 900; color: #c10d00; font-style: italic; position: relative; margin-bottom: 15px; } .ppcbrandcontainer .lawn-employees h5:before { content: url(../../ppc/images/icon-family.png); display: block; position: absolute; left: -70px; top: -10px; } .ppc-under-hero .form-row input:hover, .lawn-form .form-row input:focus, .lawn-form .form-row input:active { border-color: #3c3c3c !important; } .ppc-under-hero .lawn-form .form-row input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]), .ppc-under-hero .lawn-form .form-row select { width: 100%; height: 45px; line-height: 45px; color: #333333; border: 1px solid #b1b1b2; padding: 0 10px; font-size: 18px; font-weight: 300; } .ppc-under-hero .lawn-form .form-row input[type="radio"] { display: none; } .ppc-under-hero .lawn-form .form-row input[type="radio"] + label:before { content: ""; width: 15px; height: 15px; border: 1px solid #aaaaab; margin-right: 10px; border-radius: 50%; display: inline-block; position: relative; top: 3px; background: rgb(255, 255, 255); background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(218, 218, 218, 1) 100%); background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(218, 218, 218, 1) 100%); background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(218, 218, 218, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dadada', GradientType=0); } .ppc-under-hero .lawn-form .form-row input[type="radio"]:checked + label:before { border: 4px solid #aaaaab; background: black; } .ppc-under-hero .lawn-form .form-row input[type="radio"] + label { font-size: 15px; line-height: 20px; color: #333333; text-align: left; } .form-row.check-row { margin: 0 0 7px -25px; font-size: 15px; margin-bottom: 5px !important; } .ppc-under-hero .lawn-form .form-row { margin-bottom: 20px; } .ppc-under-hero .lawn-form { float: left; width: 370px; -webkit-box-shadow: 0 0 25px 0 rgba(53, 53, 53, 0.15); box-shadow: 0 0 25px 0 rgba(53, 53, 53, 0.15); margin-top: -230px; } .ppc-under-hero .lawn-form-body { background-color: #ffffff; border: 2px solid #ff4b4b; padding: 45px 30px 0 50px; } .ppc-under-hero .lawn-form .form-row input[type="submit"] { width: 245px; height: 55px; max-width: 100%; line-height: 55px; color: white !important; background-color: #eb212e; text-transform: uppercase; font-size: 18px; font-weight: bold; display: block; text-align: center; font-family: 'Lato', sans-serif; margin-top: 30px; border-bottom: 1px solid #33858d; border-right: 1px solid #33858d; border-top: 0; border-left: 0; } .ppc-under-hero .lawn-form-header { background-image: url(../images/form-header.png); color: white; text-align: center; padding: 15px 45px; height: 180px; background-position: center; position: relative; background-repeat: no-repeat; background-size: cover; } .ppc-under-hero .lawn-header-title { font-family: Georgia, serif; } .ppc-under-hero .lawn-form-header:after { content: ""; position: absolute; bottom: 0; left: 0; width: 137px; height: 109px; background-image: url(../images/badge.png); } .ppc-under-hero .lawn-form-header span:nth-child(1) { font-size: 56px; vertical-align: top; position: relative; top: 15px; } .ppc-under-hero .lawn-form-header span:nth-child(2) { font-size: 92px; } .ppc-under-hero .lawn-form-header span:nth-child(3) { font-size: 60px; margin-left: 5px; } .ppc-under-hero .lawn-header-subtitle { font-size: 25.5px; text-align: right; } .ppc-under-hero { background-image: url(../images/under-hero-ppc.png); background-repeat: repeat-x; background-position: top center; margin-bottom: 70px; } .ppc-under-hero .pcc-icons { float: right; width: calc(100% - 370px); text-align: center; font-size: 0; padding-left: 30px; } .ppc-under-hero .pcc-icons h2 { font-size: 23px; font-weight: bold; color: #c10d00; margin: 35px 0 50px 0; } .ppc-under-hero .ppc-icon { text-align: center; max-width: 196px; display: inline-block; vertical-align: top; font-size: 14px; padding-left: 15px; padding-right: 15px; } .ppc-under-hero .ppc-icon p { margin-top: 15px; font-size: 14px; } .ppc-under-hero .ppc-icon b { font-size: 17px; margin-bottom: 10px; display: block; } .ppc-under-hero > div { max-width: 990px; margin: 0 auto; width: 100%; } .ppc-hero { max-width: 990px; width: 100%; margin: 0 auto; padding-top: 55px; margin-bottom: -50px; } .ppc-hero .ppc-hero-text { padding-left: 10px; float: left; max-width: 440px; width: 50%; } .ppc-hero h1 { color: #131313; font-size: 49px; font-weight: 500; margin-top: 20px; margin-bottom: 40px; } .ppc-hero h1 span { font-size: 52px; font-weight: 800; font-style: italic; display: block; } .ppc-hero p { font-size: 21px; line-height: 1.3; color: #c10d00; font-weight: 500; } .ppc-hero .ppc-hero-image img { } .ppc-hero .ppc-hero-image { float: left; max-width: 550px; width: 50%; margin-left: -30px; } .success-message-ppc { margin: 75px 0 60px 0; } .success-message-ppc h1 { color: #00bc1f; font-size: 49px; font-weight: 500; line-height: 1.3; } .success-message-ppc p { font-size: 14px; line-height: 35px; color: #000000; margin-bottom: 50px; } .success-message-ppc h2 { font-size: 30px; line-height: 1.3; color: #000000; font-weight: bold; } .under_slider.after-form { margin: 35px 0 80px 0; } .hero-new .big-element:before { content: ""; background-image: url(../images/tv-hero.png); width: 627px; height: 235px; top: 140px; left: 135px; position: absolute; } .hero-new { /*background-image: url(../images/r2o-heroback-new.jpg);*/ background-image: url(../images/hero-new.jpg); background-repeat: repeat-x; background-position: top center; height: 388px; overflow: hidden; border-bottom: 1px solid #EEEEEE; } .hero-new.red-bubbles { background-image: url(../images/banner-nov-10.jpg); } .hero-new .align-right { text-align: left; padding-top: 35px; display: inline-block; padding-right: 0; } .hero-new .main-block { font-weight: 900; display: block; color: #fff; font-size: 35px; text-shadow: 2px 1px 2px rgba(0, 0, 0, 0.45); margin-bottom: 15px; max-width: 440px; margin-right: 0; margin-left: auto; } .hero-new .floating-text { font-size: 12px; color: #ffffff; position: absolute; bottom: -110px; right: 195px; font-style: italic; } .hero-new .main-block sup { top: -40px; } .hero-new .main-block .block { display: block; } .hero-new .main-block .inline-block { display: inline-block; } .hero-new .align-right > img + .main-block .inline-block { margin-left: 10px; vertical-align: super; } .hero-new .main-block .value { font-size: 105px; } .feat-prod { display: block; line-height: 26px; font-size: 17px; color: #61e05a; font-weight: 800; margin-top: -30px; margin-bottom: -30px; margin-left: -27px; } .feat-prod img { vertical-align: bottom; margin-right: 5px; } .hero-new a.blue_btn { height: 55px; line-height: 55px; color: white; padding: 0 40px; font-size: 15px; margin-top: 20px; /*margin-left: 132px;*/ text-transform: uppercase; font-weight: bold; position: relative; z-index: 1; font-family: 'Gotham-Bold'; } .hero-new p { font-size: 19px; width: 340px; max-width: 100%; font-weight: 500; margin-bottom: 0; line-height: 25px; } .hero-new p strong { font-weight: 900; } .hero-new p i { font-style: italic; } .hero-new .half-box { background-color: #fff; position: relative; right: -55px; } .hero-new .half-box:first-child:before { /* content:''; width:1px; background-color:#EEEEEE; top:0; left:-1px; height:1000px; position:absolute; */ } .half-box.coins { background-image: url(//www.r2o.com/assets/images/coins.jpg); height: 175px; width: 375px; margin: 10px 0 15px 0; background-repeat: no-repeat; background-position: 20% 70%; } .half-box.razor.red { background-color: #e02619; background-image: url(../images/razorbg.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; } .half-box.bundle.red { background-color: #e02619; background-image: url(../images/razorbg.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; position: relative; background-image: url(../images/bundle-bg.png); background-repeat: no-repeat; } .half-box.bundle.red .half-box-copy { padding-left: 25px; } .half-box.bundle.red:after { content: ""; background-image: url(../images/bundle-after.png); width: 106px; height: 106px; background-repeat: no-repeat; background-position: center; position: absolute; right: -35px; top: -15px; } .half-box.bundle.red h3 { font-size: 18px; line-height: 23px; color: white; margin: 15px 0 0 0; } .half-box.bundle.red h3 +p { font-size: 10px; line-height: 12px; color: white; font-weight: 400; margin: 0 0 5px 0; } .half-box.bundle.red h3 + p + p { font-size: 9px; line-height: 12px; color: #2a2a2a; margin: 0 0 5px 0; font-style: italic; font-weight: 600; } .half-box.bundle.red a { display: inline-block; font-size: 15px; line-height: 25px; margin: 0 15px 0 0; } .half-box.razor:before { content: ""; background-image: url('//www.r2o.com/assets/images/new.png'); background-position: center; background-repeat: no-repeat; width: 73px; height: 56px; position: absolute; left: -30px; top: -12px; } .half-box.razor h2 { margin-bottom: 10px; color: white; font-size: 18px; line-height: 23px; margin-top: 30px; font-weight: 500; } .half-box.razor:after { content: ""; background-image: url('//www.r2o.com/assets/images/razor.png'); background-position: center; background-repeat: no-repeat; width: 78px; height: 18px; position: absolute; right: 10px; top: 8px; } .half-box.mkors { position: relative; height: 175px; width: 375px; margin: 10px 0 15px 0; background-repeat: no-repeat; background-image: url(//www.r2o.com/assets/images/tool.png); background-position: 105% 200%; } .half-box.red { background-color: #d22914; } .half-box.xbox { background-image: url(//www.r2o.com/assets/images/gifts.png); height: 175px; width: 375px; margin: 10px 0 15px 0; background-position: 100% 115%; background-repeat: no-repeat; } .half-box.red a { color: white !important; } .hero-new .xbox .half-box-copy .main-block { margin-bottom: 5px; } .hero-new .xbox .block.smaller { font-size: 13px; font-weight: 300; margin: 5px 0 0 5px; } .hero-new .xbox .inline-block { vertical-align: top; } /* .hero-new .half-box:last-child:before{ content: ''; position: absolute; top: 0; left:0; width: 100000px; height: 1px; background-color: #EEEEEE; } */ .hero-new .half-box-copy { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; padding-left: 40px; } .hero-new .half-box img { margin-left: 0; vertical-align: baseline; } .hero-new .half-box:first-child img { display: block; } .hero-new .half-box-copy h3 { font-size: 30px; font-weight: 900; color: #fe1827; margin-bottom: 7px; margin-top: 25px; } .hero-new .mkors .half-box-copy h3 { color: #fff; font-size: 18px; position: relative; width: 185px; font-weight: 800; line-height: 1.2; margin-bottom: 0; } .hero-new .mkors .half-box-copy h3 strong { font-size: 22px; font-weight: 800; } .hero-new .mkors .half-box-copy h3 em { font-style: italic; } /* .hero-new .mkors .half-box-copy h3:after{ background-image: url(//www.r2o.com/assets/images/mk-logo.png); display:block; position:absolute; width:42px; height:41px; content:''; right:-47px; top:-12px; } */ .hero-new .mkors .half-box-copy li, .hero-new .mkors-new .half-box-copy li { color: #fff; font-size: 11px; line-height: 18px; list-style: disc; } .hero-new .mkors .half-box-copy ul, .hero-new .mkors-new .half-box-copy ul { padding-left: 0; margin-bottom: 14px; } .hero-new .mkors .half-box-copy ul li, .hero-new .mkors-new .half-box-copy ul li { list-style-type: none; } .hero-new .half-box-copy .main-block { font-weight: 900; display: block; color: #e02619; font-size: 30px; text-shadow: none; margin-bottom: 10px; padding-top: 20px; font-family: 'Avenir-Black'; line-height: 28px; letter-spacing: 2.5px; } @font-face { font-family: 'Avenir-Black'; 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: normal; font-style: normal; } .hero-new .half-box-copy .main-block span { font-size: 40px; font-family: 'Avenir-Black'; font-weight: 800; } .hero-new .half-box-copy .main-block sup { top: -17px; } .hero-new .half-box-copy .main-block .value { font-size: 45px; } .hero-new .half-box-copy p { font-size: 10px; width: 185px; max-width: 100%; font-weight: 500; margin-bottom: 12px; line-height: 15px; color: black; } .hero-new .red .half-box-copy p { color: white; } .hero-new .half-box-copy a { font-size: 15px; color: #eb212e; text-decoration: underline; font-weight: 700; font-family: 'Gotham-Bold'; } .hero-new .big-element h2 { font-size: 35px; line-height: 55px; color: #fff; font-weight: 500; width: 370px; max-width: 100%; margin-top: 25px; margin-bottom: 0; } .hero-new .big-element h2 strong { font-weight: 800; } .hero-new .big-element h2 em { font-style: italic; } .hero-new .big-element h2 span { font-size: 40px; } .hero-new .big-element h2.black { color: #241f20; line-height: 1; } /* .hero-new .big-element span{ display:block; font-weight:900; color:#fff; font-style:italic; } */ .hero-new .big-element span.large { font-size: 65px; margin-bottom: 0; display: block; line-height: 1; font-weight: 800; } .hero-new .big-element span.small { font-size: 63px; } .hero-new .big-element span.white { color: #fff; } .hero-new .big-element span.italic { font-style: italic; } .hero-new .big-element p { font-size: 18px; line-height: 29px; color: #241f20; max-width: 210px; font-weight: bold; } .hero-new .big-element p em { font-style: italic; } .hero-new .big-element .netflix { font-size: 30px; line-height: 39px; color: white; font-weight: bold; } .hero-new .big-element .netflix img { vertical-align: middle; } .hero-new .big-element .light { font-size: 12px; line-height: 25px; color: #d6d6d6; font-style: italic; } @media screen and (max-width:767px) { #mid-month-banner { line-height: 1; } #mid-month-banner .right { line-height: 1; display: none; } #mid-month-banner .left { margin-right: 0; } #hero form input:not([type="submit"]) { width: 100% !important; margin-right: 0 !important; } .hero-new.july-deals.second .big-element:before { width: 50% !important; background-position: 100% 100%; } .hero-new.july-deals.first .big-element:before { width: 200px; height: 140px; bottom: 0 !important; top: auto; right: -15px !important; left: auto; } .hero-new.spring .big-element p { max-width: 100% !important; } .hero-new.spring .big-element a { margin-left: 0 !important; } .hero-new.spring .big-element:before { right: 0 !important; left: auto !important; top: 225px !important; } .hero-new.spring .big-element h1 { font-size: 40px !important; } #what-happens .right img { margin-top: 30px !important; max-width: 50% !important; height: auto; } #giveaway .give-form.is_stuck + div { display: none !important } #giveaway .give-form.is_stuck { margin-left: auto !important; position: static !important; float: none !important; } #giveaway .stick .left hr { opacity: 0; } #giveaway .stick .left .happy { font-family: 'KGHAPPYSolid' !important; } .get-it-now-div { width: 50% !important; float: left; } .vip-left, .vip-right { width: 100% !important; float: none !important; } .vip-right .categoryproductprice h3:after { width: 100% !important; } .vip-right .categoryproductprice h3 { max-width: 195px; } .vip-right .categoryproductprice, .vip-right .categoryproductprice h3 { text-align: left !important; background-image: none !important; } .vip-banner { font-size: 50px !important; } .xmas-hero .container { padding-left: 15px !important; } .xmas-gifts .gift .before-open { padding-top: 0 !important; } .xmas-gifts .gift.open .after-open { padding-top: 0 !important; } .xmas-hero a { left: 0 !important; } .xmas-hero h2 { padding-left: 0 !important; } .hero-new .big-element.ps4-set:after { bottom: -2px !important; right: 0 !important; background-repeat: no-repeat; max-width: 50%; background-position: 100% 100% !important; background-size: contain !important; } .hero-new .sams-smart.big-element p { max-width: 50% !important; } .hero-new .sams-smart.big-element h3 { font-size: 20px !important; line-height: 22px !important; margin-top: 30px !important; } .hero-new .sams-smart.big-element h2 span { font-size: 40px !important; line-height: 1; } .hero-new .sams-smart.big-element h2 .smaller { font-size: 38px !important; line-height: 1 !important; } } @media screen and (max-width:767px) { .hero-new .big-element.stream h3, .hero-new .big-element.stream h2, .hero-new .big-element.stream h1 { line-height: 1.2 !important; margin-bottom: -10px !important; } .hero-new .big-element.stream h3 { font-size: 30px !important; } .hero-new .big-element.stream h2 { font-size: 40px !important; } .hero-new .big-element.stream h1 { font-size: 60px !important; } .half-box.wishbook .hero-new .half-box-copy { padding-left: 15px !important; } .half-box.bunk { background-size: auto !important; } .hero-new .sams-smart.big-element .floating img { max-width: 100px; } .hero-new .sams-smart.big-element .floating { margin-left: -40px; margin-bottom: -90px !important; max-width: 280px !important; } .hero-new .sams-smart.big-element .floating:after { right: -30px !important; bottom: -37px !important; } .hero-new .sams-smart.big-element:before { width: 50% !important; background-repeat: no-repeat; } .cin-hero-details { padding: 15px !important; } .cin-hero { padding-top: 75px !important; padding-bottom: 50px; } .hero-new .big-element:before { right: -15% !important; bottom: 0 !important; top: inherit; z-index: 0 !important; max-width: 100% !important; background-size: contain !important; background-repeat: no-repeat; } .half-box.coins { background-position: 100% 70%; } .hero-new .half-box { margin: 15px 0 !important; float: none !important; width: 100% !important; } .ppc-under-hero.new .pcc-icons { padding-bottom: 30px; } .hero-new .floating-text { bottom: 5px; right: 0; } .hero-new .main-block { margin-bottom: 0; } .hero-new .floating-text { bottom: 5px; right: 0; width: 100%; text-align: center; } .hero-new .align-right .main-block { text-align: center; } .hero-new a.blue_btn { margin-left: auto; } .hero-new .align-right { text-align: center !important; padding-right: 0 !important; } .hero-new .align-right img { max-width: 100%; } .hero-new .align-right > img + .main-block .inline-block { margin-left: 0; vertical-align: super; } .hero-new .main-block { max-width: 100% } .hero-new { overflow: hidden; } .feat-prod { margin-top: 0 !important; } } @media screen and (max-width:1200px) and (min-width:992px) { .hero-new.july-deals.rogo.aug21 .rogom-image:after { right: 0; } .promo-hero .container img:last-child { width: 60%; height: auto; position: absolute; right: 0; top: 3px; } .hero-new.snow .half-box, .hero-new.stream .half-box { margin: 10px 0 15px 0 !important; } .hero-new .half-box.jewelry:after { right: 5px; top: 5px; } .hero-new .full-box { margin-right: -30px !important; } } @media screen and (max-width:991px) and (min-width:768px) { .promo-hero { overflow: hidden; } .promo-hero .container img:last-child { width: 60%; height: auto; position: absolute; right: 0; top: 3px; } .vip-right .categoryproductprice, .vip-right .categoryproductprice h3 { text-align: left !important; } .vip-left, .vip-right { width: 50% !important; } .vip-left { padding-right: 15px; } .xmas-banner p { font-size: 26px !important; line-height: 30px !important; } .xmas-banner img { max-width: 100%; } .xmas-banner { font-size: 0; } .xmas-banner > div { width: 30.333333333% !important; } .hero-new .big-element.stream:after { right: 0 !important; } .xmas-gifts .gift { width: 33.3333333% !important; } .hero-new.xbox .big-element:after { right: 0 !important; bottom: 5px !important; } .full-box { margin: -5px auto !important; width: 100%; z-index: 2222; position: relative; } .big-element.cyber:after, .hero-new .big-element:after { left: auto; right: 0; max-width: 50%; background-size: contain; } .hero-new.cyber-monday { height: auto !important; background-color: black; } .hero-new .big-element.ps4-set:after, .hero-new .big-element.stream:after { right: 0 !important; bottom: 0 !important; } .half-box.bunk, .half-box.wishbook, .half-box.jewelry, .half-box.samsung-tab, .half-box.razor, .hero-new .half-box { width: 50% !important; margin-left: 0 !important; margin-right: 0 !important; } } @media screen and (max-width:991px) { #under-hero { margin-bottom: 60px; } .userflow-banner { background-position: 55% 0; } .flow-content.last .steps-info { right: 15px !important; } .flow-sidebar .flow-help-container { margin-top: 25px; padding: 0px 15px 0 15px !important; } .flow-main .flow-sidebar .inner .help-content { margin-top: 0; padding-right: 0 !important; } .product-info > .right .after-that { margin-left: 190px; } .userflow-banner > .container .first-payment { margin-right: 0; } .userflow-banner > .container { padding: 0 15px; } .hero-new.july-deals.second .big-element:before { bottom: 0px !important; right: 0px !important; } .half-box.xbox-halo .categoryproductprice { text-align: left !important; margin-top: 35px !important; } .hero-new .sams-smart.big-element:before { right: 0 !important; } .hero-new .sams-smart.big-element .floating { top: -125px !important; left: 210px !important; margin-bottom: -97px; } .cin-hero { padding-top: 175px !important; padding-bottom: 50px; } /* .hero-new .big-element:before { right: -15px; bottom: -250px; z-index: 0; height: 240px; background-size: contain; background-repeat: no-repeat; left:auto; top:100px; } */ .hero-new .big-element .row { position: relative; } .hero-new .half-box { right: 0; top: -15px; } .hero-new .floating-text { bottom: 5px; right: 0; } .hero-new .main-block { } .feat-prod { margin-top: -15px; } .feat-prod img { margin-left: 5px !important; margin-right: auto !important; display: inline-block !important; } .feat-prod { display: block; margin-top: -30px; margin-bottom: 0; margin-left: 15px; text-align: left; } .hero-new { background-position: 42% 0; height: auto; /*background-image: url(../images/hero-mob.jpg); background-size: auto 353px;*/ } .hero-new .big-element h2 { font-size: 35px; line-height: 1; margin-bottom: 0; } .hero-new.july-deals .big-element h2 { line-height: 2; } .hero-new .big-element span.large { font-size: 50px; margin-bottom: 0; } .hero-new .big-element span.small { margin-bottom: 0; font-size: 25px; } .hero-new a.blue_btn { margin-bottom: 40px; } .hero-new .align-right { padding-top: 45px; padding-right: 15px; padding-bottom: 25px; } .hero-new .half-box { margin: 0 15px; text-align: right; float: left; width: calc(50% - 30px); } .hero-new .half-box:first-child { border-bottom: 1px solid #f1f1f1; } .hero-new .half-box-copy { text-align: left; } .hero-new .half-box img { margin-right: 0; margin-left: 0; display: block; } .hero-new .half-box-copy h3 { margin-top: 15px; } } @media screen and (max-width:600px) { #userflow .sorry h1 { font-size: 50px !important; } #userflow .sorry br { display: none; } #userflow .sorry a { display: block; } #userflow .sorry { text-align: center; padding: 30px 15px !important; } .userflow-banner { background-image: none; } .userflow-banner > .container >div.clearfix { display: none; } .userflow-banner > .container div, .userflow-banner > .container .first-payment, .userflow-banner > .container .first-month { width: 100%; } .userflow-banner > .container { height: auto; padding: 0 } .userflow-banner > .container >div:first-child { background-color: #00a2ff; padding: 15px; margin: 0; } .userflow-banner > .container >div:nth-child(2) { background-color: #ef1f21; padding: 15px; } .userflow-banner > .container >div { width: 100%; display: block; padding: 15px 0; text-align: center; } .hero-new .big-element.cyber h2 { font-size: 60px !important; } .big-element.cyber h3 { font-size: 22px !important; margin-top: 15px !important; } .full-box { margin: 35px auto 0 auto !important; width: 100%; z-index: 2222; position: relative; top: 40px; padding-bottom: 80px !important; padding-top: 80px !important; } } @media screen and (max-width:480px) { #mid-month-banner { margin-bottom: 30px; } #mid-month-banner h3 { font-size: 37px; } #mid-month-banner img { max-width: 100%; } .half-box.samsung-tablet { background-size: 30% !important; } .hero-new.july-deals.second .big-element:before { width: 50% !important; background-position: 100% 100%; right: 0 !important; left: auto !important; } .half-box.em, .half-box.x-box { background-size: 25% !important } .hero-new.july-deals.second .big-element h3 { font-size: 20px !important; } .hero-new.july-deals.second .big-element h2 { margin: 0 !important; } .hero-new.july-deals.second .big-element h1 { font-size: 50px !important; } .hero-new.july-deals.first .big-element:before { height: 125px; right: -20px !important; } .hero-new.july-deals.first .swiper-element { padding: 0 5px; } #gold-login .border-bottom { margin-bottom: 30px; } #gold-login .under-login-title + ul li div:last-child { top: 0 !important; } #gold-login .under-login-title + ul li { font-size: 15px !important; line-height: 20px !important; margin-bottom: 30px; width: 50% !important; } #gold-login .under-login-title + ul li div:first-child { width: 20px !important; background-size: contain !important; margin-right: 5px !important; } .hero-new.spring .big-element:before { background-image: url('/assets/images/Mower_Mobile.png') !important; width: 335px !important; height: 190px !important; background-size: contain !important; max-width: 100% !important; left: inherit !important; top: inherit !important; right: 0; background-position: right; } .hero-new.spring .swiper-element:not(.swiper-slide-active) { opacity: 0; visibility: hidden; } .half-box.cherokee h4 { font-size: 18px !important; line-height: 20px !important; } .hero-new.spring .big-element .price .small-top { font-size: 30px !important; margin-bottom: -10px !important; } .hero-new.spring .big-element .price .small-bottom { font-size: 13.5px !important; padding-left: 10px !important; line-height: 1 !important; } .hero-new.spring .big-element .price .dollar { font-size: 30px !important; } .hero-new.spring .big-element .price .main { font-size: 50px !important; line-height: 50px !important; } .hero-new.spring .big-element .price { padding: 1px 10px 0 10px !important; display: inline-block; width: auto !important; } .hero-new.spring .big-element h1 { margin-top: 0 !important; } .hero-new.spring .big-element p { font-size: 18px !important; line-height: 1.3 !important; } .hero-new.spring .big-element h1 { } .promo-left ul + p { font-size: 15px; margin: 20px 0 0 0; line-height: 25px; padding-left: 15px !important; text-align: center; } .promo-left ul + p { padding-right: 0 !important; } .promo-left li { text-align: center; } .promo-left li span { display: block; float: none !important; margin: 0 auto 30px auto !important; } .promo-left br { display: none; } .vip-right .categoryproductprice h3:after { font-size: 12px !important; left: 100px !important; bottom: 2px !important; } .vip-right h2 { font-size: 24px !important; } .vip-right .categoryproductprice h3 { font-size: 70px !important; } .vip-right .categoryproductprice h3 span { font-size: 30px !important; } .xmas-gifts .after-open { text-align: center !important; } .xmas-gifts .after-open img { margin: 0 auto 10px auto !important; margin-left: auto !important; margin-right: auto !important; } .xmas-hero h2:after { background-size: contain !important; width: 40px !important; background-repeat: no-repeat !important; margin: 20px 0 0 -10px !important; } .xmas-gifts .after-open a { margin: 10px auto 0 auto !important; } .xmas-hero h2 { font-size: 60px !important; margin-left: -15px !important; } .xmas-hero h1 { font-size: 20px !important; } .hero-new .half-box.samsung-tab .half-box-copy { padding-left: 15px !important; } .hero-new .half-box.samsung-tab { padding-left: 0 !important; background-size: 30% !important; } .hero-new .big-element.ps4-set:after { height: 70vw !important; } .hero-new .big-element.ps4-set h4 { font-size: 20px !important; line-height: 1.3 !important; } .hero-new .big-element.ps4-set h3 { font-size: 24px !important; line-height: 1.3 !important; } .hero-new .big-element.ps4-set h2, .hero-new .big-element.ps4-set h2 span { line-height: 1 !important; } .hero-new .big-element.ps4-set br { display: none; } .hero-new .big-element.bedroom-set h2 span { font-size: 26px !important; } .hero-new .big-element.bedroom-set h2 { margin-top: -15px !important; line-height: 0 !important; font-size: 20px !important; height: auto !important; margin-bottom: -15px !important; } .hero-new .big-element.bedroom-set h2 { line-height: 1 !important; } .hero-new .big-element.bedroom-set:after { position: static !important; display: block; top: 0 !important; bottom: 0 !important; left: 0 !important; right: 0 !important; width: 70vw !important; height: 57vw !important; margin: 0 auto; } .hero-new .half-box-copy h3 { margin-top: 35px; } .hero-new .half-box img { margin: inherit; } .half-box.mkors { background-position: bottom right; background-size: contain !important; } .hero-new .big-element:before { /*display: none;*/ } .half-box.mkors:after { right: 5px; top: 0px; } .half-box { background-size: 60% !important } .half-box.jclub { background-size: inherit !important } .hero-new .big-element span.large { font-size: 35px !important; } .hero-new .big-element h2 span { font-size: 30px !important; } .hero-new .big-element h2 { font-size: 30px !important; } /*.hero-new:not(.spring) .big-element:not(.bedroom-set):before { right: -40% !important; bottom: 60px !important; height: 150px; }*/ .hero-new { background-position: 45% 0; } .hero-new .align-right { text-align: center; } .hero-new .main-block { font-size: 32px; display: inline-block; text-align: left; } .hero-new .main-block .value { font-size: 90px; } .hero-new img { max-width: 100%; } .hero-new p { font-size: 15px; width: inherit; } .hero-new .half-box-copy p { font-size: 13px; } .hero-new .half-box-copy h3 { margin-top: 13px; margin-bottom: 4px; } } @media screen and (max-width:400px) { .hero-new.spring .big-element:before { display: none; } .hero-new.spring .big-element h1 { font-size: 32px !important; max-width: 75%; } .hero-new .big-element:before { right: -52% !important; bottom: 0 !important; } /*.half-box.jclub { background-size: 90% !important }*/ } @media screen and (max-width:320px) { .hero-new { background-position: 50% 0; } .hero-new .big-element:before { right: -70% !important; bottom: 0 !important; height: 130px; } .half-box.xbox { background-size: 40%; background-position: center right; } .half-box.mkors { background-size: 100%; } } @font-face { font-family: 'Avenir-HeavyOblique'; src: url('fonts/Avenir-HeavyOblique.eot?#iefix') format('embedded-opentype'), url('fonts/Avenir-HeavyOblique.woff') format('woff'), url('fonts/Avenir-HeavyOblique.ttf') format('truetype'), url('fonts/Avenir-HeavyOblique.svg#Avenir-HeavyOblique') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'koblenz-serial-heavyheavy'; src: url('fonts/koblenz-serial-heavy-webfont.woff2') format('woff2'), url('fonts/koblenz-serial-heavy-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .new-lawn-header { padding: 80px 0 45px 0; background-image: url(../images/new-lawn-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; border-top: 1px solid #cfcfcf; } .new-lawn-header .inner { max-width: 515px; width: 100%; font-family: 'Lato', sans-serif; margin-left: 30px; } .new-lawn-header h1 { color: #000000; font-size: 72px; line-height: 77.77px; margin: 0; padding: 0; font-family: 'Lato', sans-serif; -webkit-text-shadow: 1px 1px 2px 0 rgba(112, 112, 112, 0.75); text-shadow: 1px 1px 2px 0 rgba(112, 112, 112, 0.75); } .new-lawn-header h1 b { font-weight: 900; font-style: italic; } .ppc-under-hero.new .lawn-header-title { font-family: 'koblenz-serial-heavyheavy'; } .new-lawn-header h2 { color: #c10d00; font-size: 90px; line-height: 110px; font-family: 'koblenz-serial-heavyheavy'; margin: 0; padding: 0; } .new-lawn-header h2 span { font-size: 55px; vertical-align: super; } .new-lawn-header p { font-size: 15px; line-height: 22px; margin-bottom: 45px; } .new-lawn-header a { font-size: 18px; font-weight: bold; color: #eb212e !important; } .ppc-under-hero.new { background: none; } .ppc-under-hero.new .pcc-icons { float: left; padding-left: 5px; max-width: 565px; margin-left: -15px; } .ppc-under-hero.new .pcc-icons h2 { font-family: 'Lato', sans-serif; margin-top: 20px; } .ppc-under-hero.new .lawn-form { position: relative; float: right; margin-top: -180px; } .ppc-under-hero.new .inner-container { margin: 0 -15px; } .ppc-under-hero.new .ppc-icon:nth-child(3) img { margin-top: -5px; } .ppc-under-hero.new .lawn-form-header { padding-left: 15px; padding-right: 15px; } .ppc-under-hero.new .lawn-form-header span:nth-child(3), .ppc-under-hero.new .lawn-form-header span:nth-child(2) { font-size: 75px; } .ppc-under-hero.new .lawn-form-header span:nth-child(1) { font-size: 45px; vertical-align: super; position: relative; top: -5px; } .ppc-under-hero.new .lawn-header-subtitle { font-size: 20px; font-weight: bold; padding-right: 35px; } .ppc-under-hero.new .lawn-header-title { font-size: 55px; margin-bottom: 5px; line-height: 36px; margin-top: 35px; } .ppc-under-hero.new .lawn-form-header:after { bottom: -2px; left: -1px; background-image: url(../images/new-ribbon.png); } .ppc-under-hero.new .lawn-form-header { border: 0; } .ppc-under-hero.new .lawn-form:before { content: ""; width: 384px; left: 0; top: -258px; height: 258px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/form-people.png); position: absolute; } .ppc-under-hero.new .lawn-form .lawn-form-header:before { content: ""; width: 112px; bottom: 30px; left: -140px; height: 93px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/form-arrow.png); position: absolute; } .lawn-slider-new { background-image: url(../images/affordable-bg.png); background-position: center top; background-repeat: no-repeat; } .lawn-slider-new .lawn-slider-title { font-family: 'Lato', sans-serif; font-size: 55px !important; } .lawn-slider-new .lawn-slider-title b { font-weight: 900; font-style: italic; } .lawn-employees.new { background-color: transparent; } .ppcbrandcontainer.new .employee-images { } .ppcbrandcontainer.lawn-form-container.new { margin-bottom: 30px; margin-top: 40px; } .ppcbrandcontainer.new .lawn-employees { max-width: 100%; padding-right: 0; margin-top: -10px; } .under-lawn-form-container { color: #939393; font-size: 12px; font-weight: 300; line-height: 20px; } .lawn-footer-new { margin-top: -20px; } .products figcaption { padding: 5px 0 0 0; } .lawn-slider-new .products figure > a { width: 180px; line-height: 20px; margin-left: -90px; } .lawn-slider-new .item-price { z-index: 222; font-family: 'koblenz-serial-heavyheavy'; left: -90px; top: -90px; text-indent: 0; position: absolute; width: 163px; height: 164px; margin: 0; padding: 0; color: white; background-image: url(../images/price-bubble.png); background-repeat: no-repeat; background-position: center; background-size: cover; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .lawn-slider-new .wrap { overflow: initial; } .lawn-slider-new .lawn-slider-title { padding-bottom: 145px !important; } .lawn-slider-new .products figcaption { padding: 20px 0 0 0; } .lawn-slider-new .products figcaption span.product_description { font-size: 18px; margin: 0 0 10px 0; } .lawn-slider-new .products figcaption span.product_name { font-size: 12px; margin-bottom: 11px; } .lawn-slider-new .item-price span { font-family: 'AvenirLTStd-Roman'; } .lawn-slider-new .products > div:nth-child(3) figure, .lawn-slider-new .products > div:nth-child(4) figure { margin-top: 120px; } .lawn-slider-new .products figure:hover img { opacity: 1; } .lawn-slider-new.tv .products img { margin-top: -30px; margin-bottom: -15px; } .lawn-slider-new.electronics .products > div:nth-child(2) img { margin-top: -30px; margin-bottom: -45px; } .lawn-slider-new .products figure { margin-bottom: 0; max-width: 240px; margin: 0 auto; position: relative; } .lawn-slider-new .products { padding: 0 50px; } .lawn-slider-new .item-price span:last-child:after { display: inline; content: "per week"; font-size: 7px; line-height: 7px; position: absolute; bottom: 60px; font-weight: 300; margin-left: -20px; font-family: 'AvenirLTStd-Roman'; width: 20px; text-indent: 0; } .lawn-form-thank.after-submit .title { font-size: 75px; color: #c10d00; font-weight: 900; margin-bottom: 5px; -webkit-text-shadow: 1px 1px 2px rgba(112, 112, 112, 0.75); text-shadow: 1px 1px 2px rgba(112, 112, 112, 0.75); } .lawn-form-thank.after-submit .subtitle { -webkit-text-shadow: 1px 1px 2px rgba(112, 112, 112, 0.75); text-shadow: 1px 1px 2px rgba(112, 112, 112, 0.75); font-size: 18px; font-weight: 300; line-height: 40px; color: white; } .lawn-form-thank.after-submit a { color: white !important; line-height: 55px; width: 245px; height: 55px; font-size: 14px; padding: 0; text-align: center; margin-top: 40px; } .cin-hero .scroll-down { position: absolute; bottom: 40px; left: 50%; margin-left: -14.5px; display: none; } .cin-hero { position: relative; border-bottom: 0px solid #c3c3c3; padding-top: 345px; padding-bottom: 50px; margin-bottom: 20px; background-image: url(../images/cin.jpg); background-repeat: no-repeat; background-size: cover; background-position: top center; } .cin-hero-details { background-color: white; padding: 20px 35px 50px 35px; text-align: center; max-width: 830px; margin: 0 auto; } .cin-hero-image { max-width: 370px; float: left; margin-right: -55px; margin-bottom: -2px; } .cin-hero-description { float: left; max-width: 595px; } .cin-hero-details .title { font-size: 45px; color: #ed1c24; font-weight: 800; margin: 30px 0 20px 0; } .cin-hero-details .sub-title { font-size: 20px; color: #000000; font-weight: 500; line-height: 24px; margin-bottom: 10px; } .cin-hero-details .description { font-size: 15px; color: #000000; font-weight: 300; line-height: 24px; } .find-your-store { text-align: center; } .find-your-store .container > img { margin-bottom: 12px; } .find-your-store .store-title { font-size: 25px; color: #eb212e; font-weight: 700; margin-bottom: 30px; } .find-your-store .store-description { font-size: 15px; color: #000000; line-height: 24px; font-weight: 300; margin-bottom: 30px; } .find-your-store .store-description a { text-decoration: underline; font-weight: 400; color: black; } .cin-map { width: 50%; } .cin-stores { width: 50%; background-color: #b41200; padding: 50px 25px 25px 25px; } .cin-stores > .inner { max-width: 460px; } .cin-stores .store-row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; text-align: left; width: 50%; height: 160px; float: left; position: relative; padding: 0 15px 0 55px; } .cin-stores .store-row:before { content: ""; background-image: url(../images/pointer.png); width: 23px; height: 29px; background-repeat: no-repeat; position: absolute; top: 15px; left: 20px; } .cin-stores .store-row:not(:last-child) { border-bottom: 1px solid #a01809; } .cin-stores .store-row:nth-child(2n+1) { border-right: 1px solid #a01809; } .cin-stores .store-row .store-title { color: white; font-size: 18px; line-height: 24px; font-weight: 600; margin-bottom: 0; } .cin-map svg { fill: url(#map1) !important; } .cin-stores .store-row .store-location { color: white; font-size: 13px; line-height: 24px; font-weight: 300; } .cin-stores .store-row .store-phone a { color: white; font-size: 13px; line-height: 20px; font-weight: 300; } .cin-stores .store-row .store-page a { color: #48b7ff; font-size: 13px; line-height: 24px; font-weight: 800; } .cin-history { margin-bottom: -2px; } .cin-history .history-image { max-width: 450px; float: right; padding-right: 10px; margin-top: 0; margin-right: 20px; } .cin-history .history-content { max-width: 480px; padding-left: 20px; float: left; margin-top: 50px; } .cin-history .history-content .history-title { font-size: 30px; color: #b41200; font-weight: 800; text-transform: uppercase; } .cin-history .history-content .history-title:after { content: ""; width: 70px; height: 1.5px; display: block; margin: 35px 0; background-color: #aeaeae; } .cin-history .history-content .history-sub-title { font-size: 20px; color: #000000; font-weight: 600; line-height: 24px; margin-bottom: 15px; } .cin-history .history-content .history-description { font-size: 15px; color: #000000; font-weight: 300; line-height: 24px; } .cin-newsletter { top: -2px; position: relative; border-bottom: 1px solid #e3e3e3; padding: 0 22.5px; margin-bottom: 35px; } .cin-newsletter .newsletter { border: 0; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); padding: 30px 0 30px 0; margin-bottom: 50px; } .cin-newsletter .newsletter p { font-size: 16px; color: #d94336; line-height: 24px; font-weight: 700; line-height: 28px; text-align: center; padding: 0 0 0 70px; text-transform: uppercase; max-width: 375px; } .cin-newsletter .newsletter p .bigger { font-size: 20px; line-height: 24px; font-weight: bold; } .cin-newsletter .newsletter input[type="text"] { width: 290px; border: 0; text-align: center; text-transform: uppercase; font-style: normal; font-size: 13px; color: #a3a3a3; font-weight: 400; margin-left: 60px; padding: 0; margin-top: 5px; } .cin-newsletter .newsletter input[type="submit"] { margin-top: 4px; margin-left: 40px; } #map { width: 100%; height: 100%; } .cin-container { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-flex-wrap: wrap; flex-wrap: wrap; } #mapp { height: 100%; width: 100%; } .hero-new .black { font-weight: 800; } .hero-new .sams-smart.big-element h3 { font-size: 25.31px; line-height: 29.52px; color: #241f20; margin-top: 50px; } .hero-new .sams-smart.big-element h3 .black { font-weight: 600; } .hero-new .sams-smart.big-element h2 { margin-top: 0; font-size: 54.83px; line-height: 1; } .hero-new .sams-smart.big-element h2 span { font-size: 54.83px; line-height: 1; } .hero-new .sams-smart.big-element h2 .smaller { font-size: 50.83px; line-height: 46px; display: block; } .hero-new .sams-smart.big-element p { font-size: 15px; line-height: 1.3; color: #241f20; margin: 20px 0 15px 0; max-width: 100%; } .hero-new .sams-smart.big-element .floating { max-width: 410px; position: relative; top: -87px; left: 210px; color: white; } .hero-new .sams-smart.big-element .floating:after { content: ""; width: 86px; height: 77px; background-image: url(../images/price-nov-10.png); display: block; position: absolute; right: 40px; bottom: -8px; } .hero-new .sams-smart.big-element .floating img, .hero-new .sams-smart.big-element .floating .float-content { float: none; display: inline-block !important; vertical-align: middle; } .hero-new .sams-smart.big-element .floating .float-content { max-width: 160px; } .hero-new .sams-smart.big-element .floating .float-title { font-size: 18px; line-height: 23px; font-weight: 800; margin-bottom: 6px; } .hero-new .sams-smart.big-element .floating ul { padding-left: 15px; } .hero-new .sams-smart.big-element .floating li { color: #000000; font-size: 11px; line-height: 13px; font-weight: bold; list-style-type: disc; } .hero-new .sams-smart.big-element:before { background-image: url(../images/offer-nov-10.png); width: 346px; height: 275px; top: 0; right: -60px; left: auto; margin: 0; } .half-box.wishbook { background-image: url(//www.r2o.com/assets/images/gifts.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: 100% 115%; background-repeat: no-repeat; } .half-box.bunk { background-image: url(//www.r2o.com/assets/images/bunk.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: 104% -5%; background-repeat: no-repeat; } .half-box.mkors-new { background-image: url(//www.r2o.com/assets/images/mkors.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; color: white; background-repeat: no-repeat; } .half-box.mkors-new p { font-weight: 800; font-size: 18px; line-height: 1.2; margin-top: 35px; margin-bottom: 0; } .half-box.mkors-new li { font-size: 11px; } .half-box.xbox-halo { background-image: url(//www.r2o.com/assets/images/xbox-white.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; } .half-box.xbox-halo p { font-weight: 800; line-height: 18px; font-size: 13px; margin: 0; margin-bottom: 5px; } .hero-new .half-box { background-position: 100% 100%; } .half-box.xbox-halo .categoryproductprice { font-size: 45px; font-weight: 800; color: #e02619; margin-bottom: 5px; margin-top: 30px; background-image: none !important; margin-left: -10px; } .half-box.xbox-halo .categoryproductprice span.cents { top: 3px; left: 3px; } .half-box.xbox-halo .categoryproductprice span { position: relative; top: 2px; margin: 0; padding: 0; font-size: 20px; vertical-align: top; } .half-box.xbox-halo .categoryproductprice:after { content: "per week"; display: inline-block; color: #e02619; font-size: 13px; margin-left: -27px; font-weight: 400; } .half-box.bunk h3 { font-size: 22px; color: white; } .half-box.bunk p { font-size: 10px; line-height: 12px; color: white; } .half-box.bunk a { font-size: 15px; color: #fff; text-decoration: underline; font-weight: 700; } .half-box.bunk a { margin: 5px 0 10px 0; display: inline-block; } .half-box.green { background-color: #009d55; } .half-box .italic { font-style: italic; } /* cyber monday */ @font-face { font-family: 'FabfeltScript-Bold'; src: url('fonts/FabfeltScript-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/FabfeltScript-Bold.woff') format('woff'), url('fonts/FabfeltScript-Bold.ttf') format('truetype'), url('fonts/FabfeltScript-Bold.svg#FabfeltScript-Bold') format('svg'); font-weight: normal; font-style: normal; } .fabfelt { font-family: 'FabfeltScript-Bold'; } .hero-new.cyber-monday { background-image: url(../images/cyber-bg.jpg); height: 520px; } .big-element.cyber .light { font-weight: 300; } .big-element.cyber .black { font-weight: 900; } .big-element.cyber .bold { font-weight: 600; } .big-element.cyber h1 { font-size: 127px; line-height: 127px; margin: 15px 0 -20px; color: white; letter-spacing: 10px; } .big-element.cyber h2 { font-size: 104px !important; line-height: 1 !important; margin: 0 0 -5px 0; padding: 0; font-style: normal !important; color: white !important; } .big-element.cyber h3 { font-size: 30px; line-height: 1.3; margin: 0 0 25px 0; padding: 0; color: white; } .big-element.cyber h4 { font-size: 43px; line-height: 1; margin: 20px 0 5px 0; color: #fff; font-weight: bold; } .big-element.cyber h5 { font-size: 30px; line-height: 1; margin: 0 0 0 0; color: #000000; font-weight: bold; } .big-element.cyber h6 { font-size: 25px; line-height: 1; margin: 0 0 0; color: #000000; font-weight: bold; } .big-element.cyber:before { display: none; } .big-element.cyber:after { content: ""; width: 608px; height: 520px; background-image: url(../images/cyber-tv.png); background-repeat: no-repeat; background-position: bottom center; display: block; position: absolute; top: 0; left: 260px; } .hero-new .full-box { background: black; max-width: 100%; width: 375px; color: white; margin: 0 -100px 0 auto; padding: 150px 30px 0 30px; text-align: center; height: 100%; position: relative; padding-bottom: 30px; background-image: url(../images/cyber-clock.png); background-position: 50% 40px; background-repeat: no-repeat; } .hero-new .full-box h2 { font-size: 65px; font-weight: 800; margin: 0; position: relative; } .hero-new .full-box h2 { font-size: 65px; font-weight: 800; margin: 0 0 5px 0; } .hero-new .full-box h3 { font-size: 25px; font-weight: 300; margin: 0 0 15px 0; } .hero-new .full-box p { font-size: 20px; line-height: 25px; font-style: italic; font-weight: 400; margin: 0; } .hero-new .full-box h1 { font-size: 75px; font-weight: 300; margin: 35px 0 0 0; } @media screen and (max-width:515px) { .half-box.wishbook > div, .half-box.bunk >div, .half-box.razor >div, .half-box > div, .hero-new .half-box-copy { padding-left: 15px !important; } .hero-new .sams-smart.big-element:before { display: none; } .hero-new .sams-smart.big-element p { margin: 5px auto 0 auto; } .hero-new .sams-smart.big-element h3 { margin-top: 15px !important; } .hero-new .sams-smart.big-element a.blue_btn { margin-bottom: 0px !important; } .hero-new .sams-smart.big-element .floating { position: relative !important; top: 0 !important; left: 0 !important; } .hero-new .sams-smart.big-element { margin-bottom: 85px; text-align: center; } .hero-new .sams-smart.big-element .floating { max-width: 340px !important; margin-left: auto !important; margin-right: auto !important; } .hero-new .sams-smart.big-element .floating:after { right: 0px !important; bottom: -35px !important; display: none; } .hero-new .sams-smart.big-element h2 { width: 100%; max-width: 100%; } .hero-new .sams-smart.big-element .floating .float-content { text-align: left; } .half-box.bunk { background-size: 50% !important; } } /* nov 14 */ .xmas { background-image: url(../images/xmas-bg.jpg); } .hero-new .half-box.jewelry { background-image: url(../images/jewelry-bg.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 90% 90%; } .hero-new .half-box.jewelry:after { content: ""; background-image: url(../images/jewelry-bubble.png); width: 106px; height: 106px; position: absolute; right: -10px; top: -10px; background-repeat: no-repeat; background-position: center; } .hero-new .half-box.jewelry h4 { color: white; margin: 30px 0 0 0; font-size: 18px; line-height: 23px; } .hero-new .half-box.jewelry h3 { margin: 0; color: white; font-size: 25px; line-height: 25px; } .hero-new .half-box.jewelry p { color: white; margin: 5px 0 20px 0; font-size: 10px; line-height: 15px; } .hero-new .big-element.bedroom-set h3 { font-size: 30px; line-height: 32px; margin: 45px 0 0 0; } .hero-new .big-element.bedroom-set h2 { margin-top: 10px; } .hero-new .big-element.bedroom-set h2 span:not(.smaller) { font-size: 93.64px; line-height: 84.5px; color: #e02619; margin: 0; } .hero-new .big-element.bedroom-set h2 span.smaller { font-size: 52px; color: #e02619; line-height: 49px; } .hero-new .big-element.bedroom-set p { font-size: 15px; line-height: 20px; max-width: 100%; } .hero-new .big-element.bedroom-set p.smaller { font-size: 12px; line-height: 25px; color: #575757; font-style: italic; } .hero-new .half-box-copy.red { background-color: #e02619; } .hero-new .big-element.bedroom-set a.blue_btn { margin-top: 10px; } .hero-new .big-element.bedroom-set:before { display: none; } .hero-new .big-element.bedroom-set:after { content: ""; background-image: url(../images/bed-signature.png); width: 469px; height: 377px; bottom: -25px; left: 305px; position: absolute; top: auto; background-repeat: no-repeat; background-size: cover; background-position: center; } /** nov 17 **/ .hero-new.snow { background-image: url(../images/hero-snow.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-new .big-element.ps4-set h4 { font-size: 25px; margin: 0; line-height: 28px; color: #e02619; } .hero-new .big-element.ps4-set h3 { font-size: 30px; margin: 0; line-height: 32px; margin: 20px 0 0 0; } .hero-new .big-element.ps4-set h2 { font-size: 80px; line-height: 84.6px; color: #e02619; margin: 0 0 10px 0; } .hero-new .big-element.ps4-set h2 span { font-size: 80px; line-height: 84.6px; } .hero-new .big-element.ps4-set p { font-size: 15px; line-height: 20px; max-width: 100%; } .hero-new .big-element.ps4-set a { margin-top: 10px; } .hero-new .big-element.ps4-set p.smaller { font-size: 12px; line-height: 25px; color: #575757; font-style: italic; } .hero-new .big-element.ps4-set:before { display: none; } .hero-new .big-element.ps4-set:after { content: ""; background-image: url(../images/hero-deer.png); width: 386px; height: 344px; bottom: -28px; right: -75px; position: absolute; top: auto; left: auto; background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-new .half-box.samsung-tab { background-image: url(../images/galaxy-tab-bg.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; } .hero-new .half-box.samsung-tab img { margin-top: 15px; margin-bottom: 5px; } .hero-new .half-box.samsung-tab h3 { font-size: 22px; font-weight: 900; color: white; margin-bottom: 7px; margin-top: 0; line-height: 23px; } .hero-new .half-box.samsung-tab li { font-size: 10px; line-height: 14px; color: white; } .hero-new .half-box.samsung-tab ul { margin-bottom: 15px; } /** nov-29 **/ .hero-new.xbox { background-image: url(../images/hero-xbox.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-new.xbox .big-element.xbox h3 { font-size: 30px; margin-top: 25px; margin-bottom: 10px; } .hero-new .big-element.xbox h2 { width: 100%; margin-bottom: 15px; } .hero-new .big-element.xbox p { max-width: 235px; font-size: 15px; line-height: 18px; } .hero-new .big-element.xbox p.smaller { font-size: 12px; line-height: 25px; font-style: italic; } .hero-new.xbox .big-element.xbox h3 .smaller { font-size: 40px; } .hero-new.xbox .big-element.xbox h4 { font-size: 25px; line-height: 28px; margin: 0; font-weight: 800; color: #e02619; } .hero-new.xbox .big-element.xbox h2, .hero-new.xbox .big-element.xbox h2 span { font-size: 80px; color: #e02619; line-height: 1; margin-top: 0; } .hero-new.xbox .big-element:before { display: none; } .hero-new.xbox .big-element:after { content: ""; background-image: url(../images/xbox-hero-santa.png); width: 462px; height: 323px; top: auto; right: -95px; position: absolute; background-repeat: no-repeat; bottom: -35px; } .hero-new .half-box.samsung-tab.bigdaddy { background-image: url(../images/bigdaddy.png); } .hero-new .half-box.samsung-tab.bigdaddy h3 { margin-top: 35px; } /** dec 5 **/ .hero-new .big-element.stream h1 { font-size: 95px; margin: 0 0 5px 0; color: #e02619; font-weight: 800; font-style: italic; } .hero-new .big-element.stream h2 { font-size: 63px; margin: 0; color: #e02619; font-style: italic; font-weight: 800; } .hero-new .big-element.stream h3 { font-size: 45px; line-height: 57px; margin: 50px 0 0 0; color: #241f20; font-weight: 600; } .hero-new .big-element.stream:before { display: none !important; } .hero-new .big-element.stream:after { content: ""; background-image: url(../images/streamsmart.png); width: 346px; height: 314px; background-repeat: no-repeat; background-position: center bottom; position: absolute; right: -75px; bottom: -40px; } .hero-new .half-box { -webkit-box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.15); } .living-room { background-image: url(../images/background-dec-5.jpg); } .living-room .white { color: #fff !important; } .hero-new.living-room .big-element.bedroom-set:after { background-image: url(../images/living-room.png); bottom: -45px; } .hero-new.living-room .big-element.bedroom-set:before { content: ''; display: block; background-image: url(../images/snowman.png); position: absolute; background-repeat: no-repeat; z-index: 2; bottom: 0; width: 313px; height: 247px; left: 180px; } .hero-new .big-element.washer h3 { font-size: 25px; line-height: 32px; margin: 25px 0 5px 0; color: #000000; } .hero-new .big-element.washer h4 { font-size: 25px; line-height: 45px; color: white; margin: 0 0 -10px 0; } .hero-new .big-element.washer h1 { font-size: 70px; line-height: 1; color: white; margin: 0 0 15px 0; color: white; } .hero-new .big-element.washer:before { display: none; } .hero-new .big-element.washer > div { position: relative; z-index: 3; } .hero-new .big-element.washer:after { content: ""; display: block; position: absolute; width: 432px; z-index: 2; height: 445px; max-width: 100%; right: -70px; bottom: -30px; background-repeat: no-repeat; background-position: center; background-image: url(//www.r2o.com/assets/images/hero-washer.png); } .half-box.samsung-phones { background-image: url(../images/phone.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; } .half-box.recliner { background-image: url(../images/recliner.png); height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; } .hero-new .half-box.samsung-phones h3, .hero-new .half-box.recliner h3 { font-size: 22px; font-weight: 900; color: white; margin-bottom: 7px; margin-top: 0; line-height: 23px; } .hero-new .half-box.recliner h3 { padding-top: 30px; } .hero-new .half-box.recliner a { color: white !important; } .hero-new .half-box.samsung-phones ul, .hero-new .half-box.recliner ul { margin-bottom: 15px; } .hero-new .half-box.samsung-phones li, .hero-new .half-box.recliner li { font-size: 10px; line-height: 14px; color: white; } .half-box.recliner:after { content: ""; background-image: url('//www.r2o.com/assets/images/right-new.png'); background-position: center; background-repeat: no-repeat; width: 82px; height: 77px; position: absolute; right: -40px; top: -14px; } .hero-new .half-box.samsung-phones img { margin-top: 15px; margin-bottom: 5px; } @media screen and (max-width:992px) { .hero-new.living-room .big-element.bedroom-set:before { top: inherit; } } @media screen and (max-width:767px) and(min-width:481px) { .promo-left li span { margin-right: 15px !important; } } @media screen and (max-width:767px) { .hero-new.july-deals.rogo.aug21 .rogom-image:after { right: 0 !important; } .product-info > .right .after-that { margin-top: -75px; } .hero-new.july-deals .big-element h2 { line-height: 1; } .promo-left ul + p { padding-left: 0 !important; } .promo-left li p { font-size: 18px !important; line-height: 1.5 !important; position: relative !important; top: 0 !important; } .promo-content { margin-top: 50px !important; } .promo-left h1 { font-size: 30px !important; line-height: 1.3 !important; margin: 0 0 0 0 !important; } .promo-hero { overflow: hidden; } .promo-hero .container img:last-child { top: -7px !important; } .hero-new.xbox .big-element.xbox h3 { font-size: 26px; } .hero-new.living-room .big-element.bedroom-set:before { display: none; } .hero-new.xbox .big-element.xbox h2, .hero-new.xbox .big-element.xbox h2 span { font-size: 65px; } } /** Black Friday **/ @font-face { font-family: 'AvenirNext-Regular'; src: url('fonts/AvenirNext-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNext-Regular.woff') format('woff'), url('fonts/AvenirNext-Regular.ttf') format('truetype'), url('fonts/AvenirNext-Regular.svg#AvenirNext-Regular') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Avenir-Black'; 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: normal; font-style: normal; } .black-friday { background-color: #000000; } .black-friday .black-header { background-image: url(../images/black-friday/main.png); background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; padding: 20px 0 60px 0; margin-bottom: -40px; } .black-friday .black-header .header-guy { padding-right: 45px; float: left; width: 40%; } .black-friday .black-header .header-guy img { max-width: 100%; height: auto; } .black-friday .black-header .header-content { padding-top: 15px; width: 60%; float: left; } .black-friday .black-header .header-content h1 { color: #959595; font-size: 57px; line-height: 67px; margin: 0; font-family: 'Avenir-Black'; } .black-friday .black-header .header-content h2 { margin: -30px 0 -50px -15px; color: #fff; font-size: 285px; font-family: 'Avenir-Black'; } .black-friday .black-header .header-content h3 { color: #fff; font-size: 25px; line-height: 32px; margin: 0; font-family: 'Lato', sans-serif; margin-bottom: 25px; margin-top: 25px; font-weight: bold; } .black-friday .black-header .header-content p { font-size: 15px; line-height: 20px; color: #959595; margin: 0; font-style: italic; font-family: 'Lato', sans-serif; } .black-friday .black-header .header-content a { display: inline-block; width: 270px; height: 60px; text-align: center; line-height: 60px; color: white; font-size: 20px; font-family: 'Lato', sans-serif; font-weight: bold; margin: 40px 0 0 0; background-color: #cd0d16; } .black-friday .black-header .header-content a:hover { background-color: #959595; } .black-friday .black-header .header-content span { color: #cd0d16 } .black-friday .black-footer { font-size: 15px; line-height: 20px; color: #959595; padding: 10px 0 55px 0; font-style: italic; font-family: 'Lato', sans-serif; } .black-friday .black-footer .container { max-width: 1060px; } .black-friday .black-content { font-size: 0; background: url(../images/black-friday/left.png) no-repeat 0% 90px, url(../images/black-friday/right.png) no-repeat 100% 90px; } .black-friday .black-content .container { max-width: 1290px; } .black-friday .black-item { width: 33.33333333%; display: inline-block; vertical-align: top; margin-bottom: 60px; } .black-friday .black-item img { max-width: 100%; margin-bottom: -20px; } .black-friday .black-item .black-text { color: white; font-size: 10px; line-height: 14px; font-family: 'AvenirLTStd-Roman'; } .black-friday .black-item .black-text strong { font-weight: bold; margin-bottom: 6px; display: inline-block; } .black-friday .black-item .black-bold-text { font-size: 20px; color: white; font-family: 'Avenir-Black'; } .black-friday .black-item a { display: block; width: 175px; height: 40px; line-height: 40px; color: white; font-family: 'Lato', sans-serif; font-weight: bold; font-size: 14px; text-align: center; margin: 30px auto 0 auto; background-color: #cd0d16; } .black-friday .black-item a:hover { background-color: #959595; } .black-friday .black-item:nth-child(1) { padding-left: 35px; } .black-friday .black-item:nth-child(1) .black-text { padding-left: 40px; margin-bottom: 35px; } .black-friday .black-item:nth-child(2) .black-bold-text { padding-left: 90px; margin-bottom: -5px; } .black-friday .black-item:nth-child(3) { padding-left: 30px; } .black-friday .black-item:nth-child(3) .black-text { padding-left: 35px; margin-bottom: 35px; } .black-friday .black-item:nth-child(4) .black-text { padding-left: 60px; margin-top: -15px; } .black-friday .black-item:nth-child(5) a { margin-top: 90px; } .black-friday .black-item:nth-child(6) .black-text { padding-left: 50px; margin-bottom: 77px; } .black-friday .black-item:nth-child(7) .black-text { padding-left: 65px; margin-bottom: 55px; } .black-friday .black-item:nth-child(8) .black-text { padding-left: 20px; margin-top: -25px; } .black-friday .black-item:nth-child(9) .black-text { margin-top: 65px; padding-left: 85px; margin-bottom: 55px; } @media only screen and (min-width:992px) and (max-width:1100px) { .hero-new.spring .big-element h1 { font-size: 40px !important; } .hero-new:not(.spring) .half-box { right: -30px !important; } .hero-new.spring .half-box { right: 0 !important; } .hero-new.tbyb .box-style .half-box-copy > div { width: calc(100% - 135px); max-width: 100%; } } @media only screen and (min-width:992px) and (max-width:1200px) { .hero-new.july-deals.first .big-element { padding-top: 35px; padding: 30px; } .promo-right { right: 0 !important; } .promo-content .container { padding-right: 15px !important; padding-left: 15px !important; } .promo-hero { overflow: hidden; } .xmas-under-hero .container { padding-left: 15px !important; } .black-friday .black-header .header-content { -moz-transform: scale(0.8); -webkit-transform: scale(0.8); -o-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); } } @media only screen and (min-width:768px) and (max-width:991px) { .hero-new.july-deals.first .big-element { padding-top: 35px; padding: 30px; } .promo-form-title { font-size: 32px !important; line-height: 1.3 !important; padding: 0 15px !important; } .promo-left ul + p br { display: none !important; } .promo-left ul + p { padding-right: 15px !important; } .promo-left h1 { font-size: 30px !important; line-height: 1.3 !important; } .promo-left li p { font-size: 18px !important; line-height: 1.5 !important; position: relative !important; top: 0 !important; } .promo-right form .form-row { padding: 30px 15px 0 15px !important; } .promo-right { right: 0 !important; } .promo-content .container { padding-right: 15px !important; padding-left: 15px !important; } .promo-hero { overflow: hidden; } .hero-new .big-element.washer:after { right: 0 !important; bottom: 10px !important; } .xmas-image span { margin-left: 35px !important; } .xmas-image img { margin-left: 0 !important; } .xmas-description h3 { font-size: 27px !important; } .xmas-under-hero .container { padding-left: 15px !important; } .black-friday .black-header .header-content { width: 70%; } .black-friday .black-header .header-content h3 { font-size: 20px; line-height: 25px; margin-bottom: 10px; margin-top: 10px; } .black-friday .black-header .header-content a { margin: 20px 0 0 0; } .black-friday .black-item { width: 50%; padding-left: 0 !important; } .black-friday .black-header .header-guy { width: 30%; padding-right: 15px; } .black-friday .black-header .header-content h1 { font-size: 45px; line-height: 45px; } .black-friday .black-header .header-content h2 { margin: -10px 0 -15px -10px; font-size: 150px; } } @media only screen and (max-width:767px) { .hero-new.july-deals.first .big-element { padding-top: 35px; padding: 30px; } .promo-left, .promo-right { width: 100% !important; float: none !important; padding: 0 15px !important; right: 0 !important; } .promo-right { margin-top: 30px; } .vip-bottom p a[data-toggle]:before { content: "+"; position: absolute; left: -10px; font-weight: 800; } .vip-block li:not(:last-child) { margin-right: 15px !important; } .vip-bottom p a[data-toggle]:before { left: -10px !important; } .hero-new .big-element.washer h3 { font-size: 22px !important; } .hero-new .big-element.washer h1 { font-size: 60px !important; } .hero-new .big-element.washer:after { right: 0 !important; bottom: 10px !important; max-width: 60% !important; background-position: center bottom !important; background-size: contain !important; } .xmas-banner > div { width: 100% !important; text-align: center !important; margin: 15px 0 !important; } .xmas-banner img { max-width: 100%; } .xmas-image img { margin-left: 0 !important; width: 220px !important; height: auto !important; max-width: 100% !important; } .xmas-image span { font-size: 22px !important; margin-left: 11px !important; top: 210px !important; } .xmas-image { position: relative !important; float: none !important; width: 100% !important; text-align: center !important; padding: 0 15px; } .xmas-description br { display: none; } .xmas-description { max-width: 100% !important; float: none !important; width: 100% !important; } .xmas-under-hero .container { padding-left: 15px !important; } .xmas-gifts .gift { padding-top: 0 !important; } .xmas-gifts .gift { width: 50% !important; } .hero-new.xbox .big-element:after { bottom: 5px; max-width: 50%; right: 0; background-size: contain; background-repeat: no-repeat; background-position: center bottom; } .full-box { margin: 0 auto !important; width: 100%; z-index: 2222; position: relative; } .big-element.cyber:after { left: auto !important; right: 0 !important; max-width: 50%; background-size: contain; } .hero-new.cyber-monday { height: auto !important; background-color: black; } .black-friday .black-item { width: 100%; display: block; max-width: 350px; margin-left: auto; margin-right: auto; padding-left: 0 !important; } .black-friday .black-footer { text-align: justify; } .black-friday .black-header .header-guy { padding-right: 0; float: none; width: 150px; text-align: center; margin: 0 auto; } .black-friday .black-header .header-content { padding-top: 0; width: 100%; text-align: center; float: none; } .black-friday .black-header .header-content h1 { font-size: 36px; line-height: 1; margin: 0; } .black-friday .black-header .header-content h2 { margin: 0 0 -10px 0; font-size: 100px; } .black-friday .black-header .header-content h3 { font-size: 20px; line-height: 1.3; margin-bottom: 10px; margin-top: 10px; } .black-friday .black-header .header-content { margin-bottom: 30px; } } @media only screen and (max-width:480px) { .hero-new.july-deals.rogo.aug21 .rogom-image:after { right: 0 !important; bottom: 0 !important; display: none; } .product-price-header { margin-bottom: 15px; } .product-info > .right .after-that br { display: none; } .product-info > .right .after-that { margin-top: 15px; position: static; margin-left: auto; width: 100%; margin-right: auto; text-align: center; } .hero-new.july-deals.first .big-element { padding: 15px !important } .promo-form-title { font-size: 24px !important; line-height: 1.3 !important; padding: 0 15px !important; } .promo-left ul + p br { display: none !important; } .promo-left ul + p { padding-right: 15px !important; } .promo-left h1 { font-size: 30px !important; line-height: 1.3 !important; } .promo-left li p { font-size: 18px !important; line-height: 1.5 !important; position: relative !important; top: 0 !important; } .promo-right form .form-row { padding: 30px 15px 0 15px !important; } .vip-block li { width: 100% !important; margin: 0 0 15px 0 !important; } .hero-new .big-element.washer:after { max-width: 100% !important; margin-top: 8px !important; } .xmas-description p { font-size: 14px !important; line-height: 1.5 !important; } .xmas-description h3 { font-size: 20px !important; line-height: 1.5 !important; } .xmas-gifts .gift { width: 100% !important; } .hero-new.xbox .big-element.xbox h3 { font-size: 30px !important; } .hero-new.xbox .big-element.xbox h3 .smaller { font-size: 25px !important; } .full-box { top: 62px !important; } .big-element.cyber h3 { font-size: 18px !important; } .hero-new .big-element.cyber h2 { font-size: 40px !important; } .hero-new .full-box h1 { font-size: 45px; } .hero-new .full-box h2 { font-size: 40px; } .hero-new .full-box h3 { font-size: 20px; } .black-friday .black-header .header-content h2 { font-size: 70px; } .black-friday .black-header .header-content h1 { font-size: 22px; } .black-friday .black-header .header-content h3 { font-size: 16px; } } /** xmas **/ .xmas-hero .container { padding-left: 200px; } .xmas-hero { height: 300px; background-repeat: no-repeat; background-position: center; background-image: url(../images/xmas.jpg); background-image: url(../images/xmas-2017.jpg); text-align: center; background-size: cover; } .xmas-hero h1 { font-size: 33.43px; color: #ff0b23; line-height: 49.23px; margin: 20px 0 -5px 0; font-weight: 900; font-family: 'Lato', sans-serif; } .xmas-hero h2 { font-size: 85px; color: #ff0b23; line-height: 76px; margin: 0 0; font-weight: 900; font-style: italic; padding-left: 55px; font-family: 'Lato', sans-serif; text-transform: uppercase; } .xmas-hero h2:after { content: ""; width: 69px; height: 105px; background-image: url(../images/xmas/point.png); display: inline-block; position: absolute; margin-top: 10px; margin-left: -20px; } .xmas-hero a { margin: 35px 0 0 0; height: 55px; line-height: 55px; left: -50px; position: relative; } .xmas-under-hero { margin-bottom: 45px; } .xmas-under-hero .container { max-width: 1040px; padding-left: 75px; } .xmas-description { max-width: 515px; float: left; width: 53%; } .xmas-description h3 { font-size: 35px; line-height: 40px; color: #007370; margin: 60px 0 35px 0; font-weight: 400; } .xmas-description h3 span.red { color: #ff0b23; } .xmas-description h3 span { font-style: italic; font-weight: 800; } .xmas-description p { font-size: 20px; font-weight: 500; line-height: 27px; color: #000; } .xmas-description p span { font-weight: 600; } .xmas-image { padding-top: 20px; position: relative; float: left; width: 47%; } .xmas-image img { margin-left: -25px; } .xmas-image span { position: absolute; font-size: 38px; color: #ff1034; font-weight: 800;/*margin-left: 10px;*/ width: 70px; text-align: center; top: 265px; } .xmas-cta { margin-bottom: 40px; } .xmas-cta .container { width: 1030px; max-width: 100%; margin: 0 auto; } .xmas-cta img { margin-bottom: -14px; max-width: 100%; margin-top: 40px; } .xmas-cta h3 { font-size: 30px; font-weight: 700; color: #ed1c24; margin-bottom: 12px; margin-top: 0; position: relative; } .xmas-cta h3 span { background-color: #fff; display: inline-block; position: relative; z-index: 1; padding: 0 15px; } .xmas-cta h3:before { content: ''; width: 100%; position: absolute; display: block; left: 0; top: 16px; height: 1px; background-color: #d7d7d7; } .xmas-cta p { font-size: 20px; line-height: 24px; line-height: normal; width: 500px; max-width: 100%; margin: 0 auto; } .xmas-gifts .container { width: 980px; max-width: 100%; margin: 0 auto; } .xmas-gifts .container { font-size: 0; } .xmas-gifts .gift a { margin: 20px auto 0 auto; height: 55px; line-height: 55px; font-size: 15px; width: 175px; display: block; } .xmas-gifts .gift { width: 25%; display: inline-block; vertical-align: bottom; text-align: center; margin: 0 0 40px 0; } .xmas-gifts .gift:nth-child(2n-1) { padding-bottom: 100px; } /* .xmas-gifts .gift:nth-child(2) .before-open, .xmas-gifts .gift:nth-child(4) .before-open { padding-top: 140px; } .xmas-gifts .gift:nth-child(6) .before-open, .xmas-gifts .gift:nth-child(8) .before-open { padding-top: 55px; } .xmas-gifts .gift:nth-child(10) .before-open, .xmas-gifts .gift:nth-child(12) .before-open { padding-top: 145px; } .xmas-gifts .gift:nth-child(2) .after-open { padding-top: 10px; } .xmas-gifts .gift:nth-child(4) .after-open { padding-top: 45px; } .xmas-gifts .gift:nth-child(6) .after-open { padding-top: 90px; } .xmas-gifts .gift:nth-child(7) .after-open { padding-top: 30px; } .xmas-gifts .gift:nth-child(8) .after-open { padding-top: 115px; } .xmas-gifts .gift:nth-child(10) .after-open { padding-top: 90px; } .xmas-gifts .gift:nth-child(11) .after-open { padding-top: 30px; } .xmas-gifts .gift:nth-child(12) .after-open { padding-top: 130px; } */ .xmas-gifts .gift > div { display: none; } .xmas-gifts .gift.openable .open { display: block; position: relative; margin-top: 0; } .xmas-gifts .gift.open .after-open { display: block; } .xmas-gifts .gift.open .after-open img { cursor: pointer; } .xmas-gifts .gift.open.selected .after-open img { opacity: 0.6; } .xmas-gifts .gift.open.selected .after-open { position: relative; float: left; } .xmas-gifts .gift.open.selected .after-open:after { content: ''; position: absolute; display: block; width: 67px; height: 67px; background-position: center; background-repeat: no-repeat; pointer-events: none; top: 50%; margin-top: -33.5px; left: 50%; margin-left: -33.5px; } .xmas-gifts .gift.open.selected.selected-1 .after-open:after { background-image: url(../images/selected-1.png); } .xmas-gifts .gift.open.selected.selected-2 .after-open:after { background-image: url(../images/selected-2.png); } .xmas-gifts .gift.open.selected.selected-3 .after-open:after { background-image: url(../images/selected-3.png); } .xmas-gifts .gift:not(.open):not(.openable) .before-open { display: block; } .xmas-body { background: url(../images/xmas/snow-left.png) no-repeat 0 180px fixed, url(../images/xmas/snow-right.png) no-repeat 100% 250px fixed; } .xmas-gifts .after-open { text-align: left; font-size: 13px; line-height: 15px; color: #000000; font-weight: 600; } .xmas-gifts .after-open span { color: #ff0b23; font-weight: 700; display: inline !important; } .xmas-gifts .after-open span.small { font-size: 11px; color: #989898; font-style: italic; font-weight: 400; } .xmas-gifts .after-open img { margin-bottom: 10px; display: block; max-width: 100%; height: auto; } .xmas-gifts .after-open a { display: block; width: 115px; font-size: 13px; height: auto !important; color: #02abbf; font-weight: 600; margin: 10px 0 0 0; line-height: 1; border-bottom: 1px solid; } /* .xmas-gifts .gift:nth-child(2) .after-open, .xmas-gifts .gift:nth-child(4) .after-open { padding-left: 10px; } .xmas-gifts .gift:nth-child(2) .after-open img, .xmas-gifts .gift:nth-child(4) .after-open img { margin-left: -10px; } .xmas-gifts .gift:nth-child(5) .after-open, .xmas-gifts .gift:nth-child(8) .after-open { padding-left: 20px; } .xmas-gifts .gift:nth-child(6) .after-open { padding-left: 40px; } .xmas-gifts .gift:nth-child(5) .after-open img, .xmas-gifts .gift:nth-child(8) .after-open img { margin-left: -20px; } .xmas-gifts .gift:nth-child(6) .after-open img { margin-left: -40px; } .xmas-gifts .gift:nth-child(9) .after-open { padding-left: 10px; } .xmas-gifts .gift:nth-child(9) .after-open img { margin-left: -10px; } .xmas-gifts .gift:nth-child(10) .after-open { padding-left: 20px; } .xmas-gifts .gift:nth-child(10) .after-open img { margin-left: -20px; } .xmas-gifts .gift:nth-child(12) .after-open { padding-left: 30px; } .xmas-gifts .gift:nth-child(12) .after-open img { margin-left: -30px; } */ .xmas-banner { background-image: url(../images/xmas-banner.png); background-repeat: no-repeat; background-position: center; height: auto; padding: 10px 15px; text-align: center; } .xmas-banner a { font-weight: 700; color: #be161d; text-decoration: none; outline: 0; border-bottom: 1px solid; } .xmas-banner a:hover { color: #007370; } .xmas-banner .xmas-left-col { text-align: right; width: 190px; max-width: 100%; vertical-align: middle; display: inline-block; } .xmas-center-col { margin-right: 15px; margin-left: 20px; display: inline-block; vertical-align: middle; } .xmas-right-col { vertical-align: middle; width: 280px; max-width: 100%; text-align: left; display: inline-block; } .xmas-banner p { font-size: 35px; line-height: 45px; color: #000000; font-weight: 700; margin-bottom: 15px; font-style: italic; } .xmas-banner a { font-size: 16px; line-height: 1; } .xmas-bottom-bar { position: fixed; z-index: 2; background-color: #02abbf; padding-top: 22px; padding-bottom: 22px; bottom: 0; left: 0; width: 100%; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -ms-transition: all 0.5s linear; -o-transition: all 0.5s linear; transition: all 0.5s linear; } .xmas-bottom-bar.hidden-bar { bottom: -200px; } .xmas-bottom-bar .gift-holder { margin-top: -70px; } .xmas-bottom-bar .gift-data { font-weight: 700; font-size: 25px; color: #fff; margin-bottom: 7px; } .xmas-bottom-bar .clear-gifts, .xmas-bottom-bar .clear-gifts:hover { font-size: 17px; color: #ffef41; text-decoration: underline; font-weight: 400; letter-spacing: 0.01em; } .xmas-bottom-bar .xmas-copy { padding-top: 15px; padding-bottom: 15px; border-left: 1px solid #6bd5e1; } .xmas-bottom-bar .xmas-copy p { font-size: 18px; line-height: 22px; color: #fff; width: 345px; max-width: calc(100% - 230px); float: left; margin-left: 25px; } .xmas-bottom-bar .xmas-copy a { color: #000; display: block; float: right; text-transform: uppercase; font-size: 17px; font-weight: bold; background-color: #ffef41; width: 200px; max-width: 100%; height: 56px; line-height: 56px; text-align: center; margin-top: 7px; -webkit-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.15); -moz-box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.15); } @media screen and (max-width:992px) { .xmas-gifts .gift.open .after-open { text-align: center; } .xmas-gifts .gift.open .after-open * { margin-left: auto; margin-right: auto; } .xmas-gifts .gift.open.selected .after-open { float: none; } .xmas-bottom-bar.hidden-bar { bottom: -270px; } } @media screen and (max-width:480px) { .xmas-hero { height: calc(100vh - 122px); background-image: url(../images/xmas-2017-mobile.jpg); } .xmas-hero h1 { font-size: 30px !important; text-align: left; } .xmas-hero h2 { font-size: 77px !important; } .xmas-cta h3 { font-size: 20px; } .xmas-cta p { font-size: 14px !important; line-height: 1.5 !important; } .xmas-bottom-bar .gift-holder { margin-top: -50px; } .xmas-bottom-bar .gift-holder img { width: 70px; } .xmas-bottom-bar .gift-data { font-size: 20px; margin-bottom: 0; } .xmas-bottom-bar .clear-gifts, .xmas-bottom-bar .clear-gifts:hover, .xmas-bottom-bar .xmas-copy p { font-size: 13px; } .xmas-bottom-bar .xmas-copy { padding-top: 5px; } .xmas-bottom-bar .xmas-copy p { margin-left: auto; margin-right: auto; margin-bottom: 10px; text-align: center; float: none; max-width: 100%; } .xmas-bottom-bar .xmas-copy a { float: none; margin: 0 auto; height: 40px; line-height: 40px; } .xmas-bottom-bar.hidden-bar { bottom: -270px; } .xmas-gifts .gift:nth-child(2n-1) { padding-bottom: 0; } } @media screen and (max-width:320px) { .xmas-hero h1 { font-size: 20px !important; line-height: 2 !important; } .xmas-hero h2 { font-size: 60px !important; line-height: 1 !important; } .xmas-hero a { margin-top: 15px; } } .vip-banner { background-image: url(//www.r2o.com/assets/images/vip-hero.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 65px; color: #ec192a; line-height: 1; text-align: center; padding: 10px 0; font-weight: 300; margin: 0 0 45px 0; border-bottom: 1px solid #ededed; } .vip-body .container { border-bottom: 1px solid #ededed; } .vip-body > .container { margin-bottom: 35px; } .vip-banner span { font-weight: 800; } .vip-banner img { margin: 0 0 5px 0; } .vip-left { width: 60%; float: left; } .vip-right { width: 40%; float: right; padding: 0 0 45px 0; } .vip-left img { max-width: 100%; height: auto; margin: 0 0 45px 0; } .vip-content .container { width: 1000px; max-width: 100%; } .vip-right h2 { font-size: 35px; line-height: 40px; color: #000000; font-weight: 900; margin: 0; } .vip-right h3 { font-size: 15px; line-height: 30px; color: #000000; font-weight: 300; margin: 5px 0 0 0; } .vip-right .categoryproductprice h3 { font-size: 105px; color: #ec192a; line-height: 118px; font-weight: 900; position: relative; } .vip-right .categoryproductprice h3 span:not(.cents) { font-size: 55px; } .vip-right .categoryproductprice h3 span.cents { font-size: 55px; } .vip-right .categoryproductprice h3 span { position: relative; top: -30px; } .vip-right .categoryproductprice h3:after { content: "per week"; font-weight: 400; display: inline-block; font-size: 20px; position: absolute; left: 155px; bottom: -17px; } .vip-right .categoryproductprice i { font-size: 13px; } .vip-right a { display: block; margin: 10px 0 0 0; } .vip-bottom { padding: 0 15px 35px 15px; } .vip-bottom p { font-size: 15px; line-height: 25px; margin: 0 0 25px 0; max-width: 773px; } .vip-bottom p a[data-toggle] { position: relative; } .vip-bottom p a[data-toggle]:before { content: "+"; position: absolute; left: -15px; font-weight: 800; } .vip-bottom a.toggled:before { content: "-" !important; } .vip-bottom ul { margin-top: -25px; padding: 0 0 0 15px; } .vip-bottom ul li { font-size: 14px; line-height: 20px; margin: 0 0 5px 0; list-style-type: disc; } .vip-bottom p:last-child { margin-bottom: 0; } .vip-bottom.container { margin-bottom: 0; border-bottom: 0; } .vip-bottom p b { display: block; font-weight: 800; } .vip-bottom a { color: #000000; } .vip-block .container { border-bottom: 0; padding-bottom: 35px; } .vip-block ul { display: block; margin: 0; padding: 0; } .vip-block li { background-color: #212121; width: 130px; height: 65px; padding: 0; display: -ms-inline-flexbox; display: -webkit-inline-flex; display: inline-flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: white; font-size: 15px; font-weight: 800; } .vip-block li span { font-size: 50px; display: inline-block; margin-right: 10px; } .vip-block li:not(:last-child) { margin: 0 30px 0 0; } .vip-under-blocks { padding: 10px 0 0 0; font-size: 15px; color: #ec192a; font-weight: 800; } .vip-under-blocks .container { margin-bottom: 15px; padding-bottom: 40px; } .vip-bottom { margin-bottom: 0; border-bottom: 0; } header .search.mod .swiper-slide-active { display: block; } header .search.mod .swiper-slide:not(.swiper-slide-active) { display: none; } header .search.mod .flex-control-nav { top: 15px; bottom: auto; right: 5px; left: auto; text-align: right; z-index: 999999; } header .search.mod .flex-control-paging li a { width: 5px; height: 5px; display: inline-block; border-radius: 100%; background: transparent !important; opacity: 1; border: 1px solid #929292; } header .search.mod a.flex-active { background: #929292; } header .search.mod .flex-control-paging li a.flex-active { background: #929292 !important; } header .search.mod .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 2.5px; } header .flex-control-paging li a { width: 5px; height: 5px; display: block; background: transparent !important; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; color: transparent !important; font-size: 0 !important; width: 5px; height: 5px; display: block; border-radius: 50%; background-color: transparent !important; opacity: 1; border: 1px solid #929292 !important; box-shadow: none; opacity: 1 !important; } header .flex-control-paging li a.active { background: #929292 !important; } header .slider_paginationn { right: -5px; top: 0px; position: absolute; z-index: 9999999; } header .flex-control-nav li { margin: 0 2.5px !important; } /* promo */ .promo-hero { background-image: url(../images/promo-hero.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding: 15px 0; } .promo-hero .container { position: relative; } .promo-hero .container img:first-child { width: 37%; height: auto; float: left; } .promo-hero .container img:last-child { width: 63%; height: auto; position: absolute; right: -30px; top: -13px; } .promo-content { margin-top: 110px; } .promo-content .container { padding-bottom: 35px; border-bottom: 1px solid #cfcfcf; padding-right: 0; padding-left: 0; margin-bottom: 30px; } .promo-left { width: 64%; float: left; } .promo-right { width: 36%; float: right; position: relative; right: -15px; } .promo-left h1 { font-size: 45px; line-height: 55px; color: #ec192a; font-weight: 800; margin: 20px 0 0 0; font-style: italic; } .promo-left ul { padding: 0; margin: 0; } .promo-left ul + p { font-size: 15px; margin: 20px 0 0 0; line-height: 25px; padding-left: 90px; } .promo-left li { margin-top: 30px; } .promo-left li b { font-style: italic; font-weight: 800; } .promo-left li span { display: block; font-size: 30px; width: 60px; height: 60px; line-height: 60px; color: white; font-weight: 800; background-color: #ec192a; border-radius: 50%; -webkit-border-radius: 50%; text-align: center; margin-right: 30px; float: left; } .promo-left li p { font-size: 25px; line-height: 40px; position: relative; top: -10px; } .promo-right form { background-color: #ec192a; color: black; padding-top: 35px; padding-bottom: 35px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.25); height: 550px; } .promo-right form .after-submit { 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; height: 100%; width: 100%; padding: 0 45px; } .promo-right form .after-submit .inner { margin-top: 15px; background-color: white; padding: 25px; font-size: 15px; line-height: 25px; text-align: center; } .promo-form-title { font-size: 50px; line-height: 55px; text-align: center; font-weight: 300; margin-bottom: 10px; } .promo-form-title b { font-weight: 800; } .promo-right form .form-row { padding: 30px 45px 0 45px; text-align: center; } .promo-right form .form-row input { width: 100%; height: 55px; line-height: 55px; font-size: 15px; color: #000000; padding: 0 20px; border: 0; } .promo-right form .form-row input[type="submit"] { width: 180px; color: white; margin: 15px auto 0 auto; display: inline-block; } @font-face { font-family: "BrannbollFet"; src: url("fonts/brannboll.eot"); src: url("fonts/brannboll.eot?#iefix") format("embedded-opentype"), url("fonts/brannboll.woff2") format("woff2"), url("fonts/brannboll.woff") format("woff"), url("fonts/brannboll.ttf") format("truetype"), url("fonts/brannboll.svg#Brannboll Fet") format("svg"); } .brannboll { font-family: "BrannbollFet"; } .hero-new.afterchristmas .big-element h3 { font-size: 30px; margin: 0; line-height: 35px; margin: 20px 0 0 0; } .hero-new.afterchristmas { background-image: url(../images/afterchristmas_back.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .hero-new.afterchristmas .big-element:before { content: ""; background-image: url(../images/afterchristmas_product.png); width: 395px; height: 334px; top: inherit; bottom: -35px; left: 229px; position: absolute; background-size: contain; } .hero-new.afterchristmas .big-element p.smaller { font-size: 13px; font-weight: normal; max-width: 270px; line-height: 16px; } .hero-new.afterchristmas .big-element h2 { font-size: 80px; vertical-align: baseline; line-height: 1; font-weight: 900; margin-top: 10px; margin-bottom: 10px; } .hero-new.afterchristmas .big-element h2 span.small { font-size: 40px; color: #fff; font-weight: normal; } .half-box.products { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/bricks.jpg); background-position: top left; } .half-box.products:before { content: ''; width: 100%; height: 10px; position: absolute; bottom: 0; left: 0; background-image: url(../images/red-line.jpg); } .half-box.products:after { content: ''; width: 156px; height: 160px; position: absolute; bottom: 10px; right: 0; background-image: url(../images/gio.png); } .hero-new .half-box.products .half-box-copy { padding-left: 25px; } .hero-new .half-box.products .half-box-copy h3 { color: #000; font-size: 20px; line-height: 25px; } .hero-new .half-box.products .half-box-copy h3 .normal { font-weight: normal; } .hero-new .half-box.products .half-box-copy h3 .brannboll { font-size: 22px; } @media screen and (max-width:480px) { .hero-new.afterchristmas .big-element:not(.bedroom-set):before { right: 0 !important; bottom: 0 !important; height: 150px; width: 50%; left: inherit; } } @media screen and (max-width:400px) { .hero-new.afterchristmas .big-element:before { display: none !important; } } .hero-new.entertowin { background-image: url(../images/entertowin_back.jpg); background-repeat: no-repeat; background-size: cover; background-position: center; } .half-box.ssbundle { background-color: #fff; height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; position: relative; background-image: url(../images/ss_bundle.jpg); background-repeat: no-repeat; } .hero-new .ssbundle .half-box-copy h3 { font-size: 18px; line-height: 24px; margin: 0; } .hero-new .ssbundle .half-box-copy h3 + h3 { font-weight: normal; } .half-box.ssbundle p { font-size: 9px; line-height: 12px; color: #2a2a2a; margin: 10px 0; font-style: italic; font-weight: 600; } .hero-new .ssbundle .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new.entertowin .big-element:before { content: ""; background-image: url(../images/entertowin_gio.png); width: 420px; height: 385px; top: 35px; left: 210px; position: absolute; z-index: 0; background-size: contain; background-repeat: no-repeat; } .hero-new.entertowin .big-element img { position: relative; margin-top: 5px; } .half-box.jclub { background-color: #fff; height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; position: relative; background-image: url(../images/jclub.jpg); background-repeat: no-repeat; } .hero-new .half-box.jclub .half-box-copy { padding-left: 30px; } .hero-new .half-box.jclub .half-box-copy h3 { font-size: 20px; margin-top: 40px; } .hero-new .half-box.jclub .half-box-copy p { font-size: 14px; color: #fe1827; line-height: 23px; font-weight: 900; } .hero-new .half-box.entertowin-small { background-color: #fff; height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/entertowin-small-back-2.png), url(../images/entertowin-small-back-1.png); background-repeat: no-repeat, no-repeat; background-size: contain, cover !important; background-position: bottom right, bottom left; } .hero-new .entertowin-small .half-box-copy { padding-left: 15px; padding-top: 7px; } .hero-new .entertowin-small .half-box-copy a, .hero-new .entertowin-small .half-box-copy a:hover { color: #fff; margin-top: 10px; display: inline-block; } .hero-new.hiretires { background-image: url(../images/hiretires-back.jpg); background-repeat: no-repeat; background-size: cover; } .hero-new.hiretires .big-element:before { background-image: url(../images/hiretires-promo.png); width: 485px; height: 383px; top: 4px; left: inherit; right: -120px; } .hero-new.hiretires .big-element h1 { color: #fff; font-size: 73px; font-weight: 900; position: relative; margin-top: 130px; } .hero-new.hiretires .big-element h2 { width: inherit; font-size: 56px; margin-top: 0; position: relative; } @media screen and (max-width:991px) { .hero-new.spring .big-element h1 { margin-right: 0 !important; } .hero-new.hiretires .big-element:before { right: 0; } } @media screen and (max-width:767px) { .hero-new.july-deals.first .big-element h2 { margin: -5px 0 !important; } .hero-new.hiretires .big-element:before { right: 0 !important; top: 12px; } .hero-new.hiretires .big-element h1, .hero-new.hiretires .big-element h2 { text-shadow: 0px 0px 3px rgba(150, 150, 150, 1); } } @media screen and (max-width:530px) { .hero-new.hiretires .big-element:before { width: 330px; top: 5px; } .hero-new.hiretires .big-element h1 { font-size: 43px; margin-top: 60px; } .hero-new.hiretires .big-element h2 { font-size: 33px; } } @media screen and (max-width:480px) { .hero-new.july-deals.first .big-element h2 { font-size: 20px !important; } .hero-new.july-deals.first .big-element h1 { font-size: 44px !important; } .hero-new.entertowin .big-element:before { width: 200px; top: 200px; left: 175px; } .hero-new .half-box.entertowin-small { background-size: 45%, cover !important; } .hero-new .entertowin-small .half-box-copy a, .hero-new .entertowin-small .half-box-copy a:hover { margin-top: 0; } } @media screen and (max-width:400px) { .hero-new.entertowin .big-element:before { display: none !important; } } /** club */ .club-top { height: 560px; padding-top: 245px; color: white; background-image: url(../images/club/club-hero.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; margin-bottom: -220px; } .club-top h1 { position: relative; margin: 0; font-size: 85px; font-weight: 800; z-index: 9; text-align: center; padding-right: 190px; } .club-top h1:after { content: ""; background-repeat: no-repeat; background-position: center; background-image: url(../images/club/r2o-club.png); width: 189px; height: 143px; position: absolute; right: 40px; top: -20px; } .club-hero { margin-bottom: 90px; } .club-hero .container { background: white; position: relative; } .club-hero .club-hero-left { padding: 0 15px 0 35px; } .club-hero-left img { max-width: 100%; height: auto; } .club-hero .club-hero-left p { font-size: 9.5px; margin: 15px 0 0 0; font-style: italic; } .club-hero .club-hero-left, .club-hero .club-hero-right { width: 50%; float: left; } .club-hero .club-hero-right { padding: 0 0 0 50px; } .club-hero .club-hero-right h2 { font-weight: 800; color: #e2202d; font-style: italic; margin: 55px 0 25px 0; font-size: 30px; line-height: 40px; } .club-hero .club-hero-right p { margin: 0 0 25px 0; font-size: 18px; line-height: 30px; } .club-hero .club-hero-right a, #club-grid .club-grid-left a, #club-join a { width: 175px; height: 55px; line-height: 55px; text-align: center; font-size: 15px; } #club-grid { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } #club-grid .club-grid-left, #club-grid .club-grid-right { width: 50%; } #club-grid .club-grid-right { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } #club-grid .club-grid-right .grid-item { height: 25vw; width: 50%; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -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; color: white; padding: 15px; background: rgb(235, 33, 46); /* Old browsers */ background: -moz-linear-gradient(-45deg, rgba(235, 33, 46, 1) 0%, rgba(170, 13, 23, 1) 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(-45deg, rgba(235, 33, 46, 1) 0%, rgba(170, 13, 23, 1) 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(129deg, rgba(235, 33, 46, 1) 0%, rgba(170, 13, 23, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eb212e', endColorstr='#aa0d17', GradientType=1); /* IE6-9 fallback on horizontal gradient */ } #club-grid .club-grid-right .grid-item .default { color: white; text-align: center; font-weight: 800; font-size: 45px; } #club-grid .club-grid-right .grid-item .hover h4 { color: #e2202d; font-size: 45px; line-height: 45px; font-weight: 800; margin: 0 0 10px 0; text-align: center; } #club-grid .club-grid-right .grid-item .hover p { color: #e2202d; margin: 0; font-size: 15px; line-height: 25px; text-align: center; } #club-grid .club-grid-right .grid-item:hover .default, #club-grid .club-grid-right .grid-item:not(:hover) .hover { display: none; } #club-grid .club-grid-right .grid-item:hover { background: white; } .club-grid-left { 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; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; background-image: url(../images/club/club-gallery.jpg); } .club-grid-left h3 { font-size: 45px; line-height: 50px; color: white; font-weight: 500; margin-bottom: 30px; } .club-grid-left h3 span { font-weight: 800; font-style: italic; color: #e2202d; } .club-grid-left p { margin: 0 0 50px 0; font-size: 15px; color: white; } .club-grid-left a { } #club-join .join-title { font-size: 55px; color: #e2202d; margin: 0 0 40px 0; font-style: italic; font-weight: 800; text-align: center; } #club-join ul { padding: 0; margin: 0; font-size: 0; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } #club-join ul li { text-align: center; margin-bottom: 45px; } #club-join ul li div { height: 80px; margin-bottom: 40px; } #club-join ul li span { font-size: 20px; line-height: 25px; font-weight: 800; display: block; } #club-join ul li h5 { font-size: 35px; line-height: 40px; font-weight: 800; font-style: italic; color: #eb212e; margin-bottom: 10px; text-transform: uppercase; } #club-join ul li p { font-size: 15px; line-height: 25px; } #club-join ul li img { vertical-align: middle; } #club-join .container { width: 1100px; max-width: 100%; } #club-join a { margin: 0 auto; display: block; } #club-join .container { padding-bottom: 75px; } #club-join { padding-top: 90px; background-repeat: no-repeat; background-position: 50% -90px; background-size: contain; background-image: url(../images/club/club-bg.png); } /** gold **/ #gold-login * { font-family: 'Lato', sans-serif; } #gold-login .gotham { font-family: 'Gotham-Book'; } #gold-login .gotham strong { font-family: 'Gotham-Bold'; } #gold { width: 1030px; padding: 0 15px; margin: 0 auto; max-width: 100%; } #gold .gold-left { width: 50%; float: left; } .gold-left img { max-width: 100%; height: auto; } #gold .gold-left h1 { font-weight: bold; margin: 30px 0 20px 0; font-size: 25px; color: black; padding: 0; } #gold .gold-left h2 { margin: 30px 0 15px 0; font-size: 23px; color: black; padding: 0; font-family: 'Gotham-Bold'; } #gold .gold-left > p { text-align: right; font-size: 18px; font-weight: 600; margin: 5px 0 45px 0; padding-right: 15px; } #gold .gold-left .gold-code { color: white; font-size: 41.5px; font-family: 'Gotham-Bold'; height: 70px; line-height: 70px; display: inline-block; padding: 0 10px; background-color: #ec192a; -webkit-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: inset 0 0 10px 0 rgba(138, 16, 26, 0.35); box-shadow: inset 0 0 10px 0 rgba(138, 16, 26, 0.35); margin: 0 0 25px 0; } #gold .gold-left .gold-code + p { font-size: 15px; line-height: 20px; font-weight: bold; margin: 0 0 30px 0; } #gold .gold-left > ul { margin: 0; padding: 0; font-size: 0; } #gold .gold-left > ul li { font-weight: 700; color: #eb212e; display: inline-block; font-size: 12px; line-height: 16px; width: 25%; margin-bottom: 10px; vertical-align: top; } #gold .gold-left > ul li:nth-child(2n+2) { padding-left: 10px; } #gold .gold-left > ul li:nth-child(1) { } #gold .gold-left > ul li span { font-size: 7px; vertical-align: super; } #gold .gold-left > ul li div:first-child { display: inline-block; width: 28px; height: 20px; background-image: url(../images/gold/lp/red-apply.png); background-position: center; background-repeat: no-repeat; vertical-align: top; margin-right: 7px; float: left; } #gold .gold-left > ul li div:last-child { display: inline; font-weight: 800; vertical-align: top; } #gold .gold-left hr { border: 0; height: 2px; background-color: #e7e7e7; width: 100%; display: block; margin-bottom: 45px; } #gold .gold-product-title { color: black; font-size: 35px; line-height: 40px; font-weight: 700; border: 0; max-width: 345px; padding-left: 10px; } #gold .gold-product-category { font-size: 15px; line-height: 30px; color: #000000; font-weight: 300; padding-left: 10px; margin-bottom: 35px; } #gold .gold-right { width: 50%; float: right; padding-left: 30px; } #gold .gold-right.no-image { margin-top: 40px; } #gold .gold-right > img { margin-top: 30px; margin-bottom: 0; display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } #gold-box { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; background-image: url(../images/gold/lp/form-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 30px 50px 30px 50px; margin-bottom: 50px; } @font-face { font-family: 'brannboll'; src: url('fonts/brannbollfet-webfont.woff2') format('woff2'), url('fonts/brannbollfet-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } #gold-box .box-title img { display: inline-block; float: left; margin-right: 15px; margin-top: 0; } #gold-box .box-title span { font-size: 50px; line-height: 65px; display: inline-block; margin-top: 20px; color: #000000; font-family: 'brannboll'; } #gold-box .box-title + p { font-size: 20px; line-height: 25px; color: black; width: 295px; max-width: 100%; margin: 0 auto 20px auto; display: block; text-align: center; } #gold-box .gold-remain { -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; background-color: white; padding: 5px 15px 45px 15px; color: #ec192a; text-align: center; font-size: 35px; text-transform: uppercase; } #gold-box .gold-remain.dev { font-family: 'Gotham-Bold'; } #gold-box .gold-remain span { display: block; line-height: 1; font-size: 200px; font-weight: 600; } #gold.dev .new-blue.get-it { width: 100%; max-width: 415px; font-size: 25px; font-family: 'Gotham-Bold'; line-height: 70px; } #gold.dev .get-it-title { font-size: 22px; font-family: 'Gotham-Bold'; text-transform: uppercase; margin: -10px 0 10px 0; } #gold.dev .gold-small-desc p { max-width: 415px; width: 100%; padding-right: 0; padding-left: 0; margin: 20px auto 0 auto; } #gold.dev.v3 .gold-small-desc p { margin-top: 35px; } #gold-more.v3 { position: relative; } #gold-more.v3:before { content: ""; position: absolute; left: -150px; top: 60px; background-image: url(../images/gold/party-icon.png); width: 222px; height: 225px; background-repeat: no-repeat; } .new-blue { -webkit-transition: all 0s linear; -moz-transition: all 0s linear; -ms-transition: all 0s linear; -o-transition: all 0s linear; transition: all 0s linear; height: 68px; line-height: 68px; padding: 0 28px; background-color: #eb212e; display: inline-block; color: white !important; text-transform: uppercase; font-size: 15px; font-weight: 800; box-shadow: 0 2px #cb1d29; position: relative; } .new-blue:hover { top: 2px; box-shadow: 0 0px #cb1d29; } .text-center { text-align: center; } .gold-list-desc { padding: 0 10px 0 25px; } .dev .gold-list-desc { padding-left: 0; } .gold-small-desc p { font-size: 13px; line-height: 18px; color: #000000; font-weight: 300; font-style: italic; margin: 40px 0; padding-left: 20px; padding-right: 20px; } .gold-list-desc ul { margin: 0 0 20px 0; padding: 0; } .gold-list-desc ul li { font-size: 15px; line-height: 25px; } .gold-list-desc ul li:before { content: "•"; margin-right: 4px; display: inline; } .gold-list-desc p { font-size: 15px; line-height: 25px; font-weight: bold; } #gold .red { color: #ec192a; } #gold-more { border-top: 1px solid #e7e7e7; padding-top: 60px; margin-top: 40px; padding-bottom: 0; margin-bottom: 0; border-bottom: 0px solid #e7e7e7; } #gold-more .more-title { font-size: 45px; color: black; text-align: center; font-weight: 800; margin-bottom: 60px; position: relative; } #gold-more .more-title span { font-family: 'brannboll'; margin-right: 15px; } #gold-more .more-title + div { text-align: center; font-size: 0; max-width: 890px; margin: 0 auto; } #gold-more .more-item { text-align: center; width: 50%; padding: 0 65px; vertical-align: top; display: inline-block; } #gold-more .more-item .gold-bundle { -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1); background-image: url(../images/gold/lp/bundle-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 30px; margin-bottom: 40px; } #gold-more .more-item .bundle-inner { -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; background-color: white; } #gold-more .more-item .bundle-title { font-size: 31px; color: #ec192a; font-weight: 500; padding-top: 20px; margin-bottom: 35px; } #gold-more .more-item .bundle-image { padding-bottom: 30px; height: 190px; } #gold-more .more-item .bundle-image img { vertical-align: top; max-width: 100%; height: auto; } #gold-more .under-bundle { font-size: 20px; line-height: 30px; color: #000000; font-weight: 800; } #gold-more .under-title { margin-right: -15px; margin-left: -15px; } #gold.dev.v3:before { content: ""; position: absolute; left: -160px; top: 25px; background-image: url(../images/gold/balloons.png); width: 135px; height: 275px; background-repeat: no-repeat; } #gold.dev.v3 { position: relative; } #gold.dev >.inner { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } .dev .gold-right { order: 1; } .dev .gold-left { order: 0; } #gold-more .under-bundle a { margin-top: 40px; } #gold-more .under-bundle a.new-blue { height: 53px; line-height: 53px; } .dev #gold-more .under-bundle a.new-blue { font-family: 'Gotham-Bold'; } .gold-product-price .product-price { height: 140px; border: 1px solid #e7e7e7; max-width: 420px; margin-top: 40px; color: #ec192a; font-weight: 800; font-size: 105px; padding: 20px 15px 0 45px; } .dev .gold-product-price .product-price { font-family: 'Gotham-Bold'; } .gold-product-price .product-price span { font-size: 55px; vertical-align: super; } .gold-product-price .product-price span.cents:after { content: "per week"; font-size: 20px; font-weight: 400; left: -59px; position: relative; top: 32px; } .gold-product-price .product-price, .gold-product-icons { max-width: 420px; } .dev .gold-product-icons { margin-bottom: 40px; } .dev .panel { border: 0; box-shadow: none; padding-bottom: 10px; } .dev .panel a { font-weight: 700; color: black; font-size: 15px; } .dev .panel a[aria-expanded="false"]:before { content: "+"; } .dev .panel a[aria-expanded="true"]:before { content: "-"; } .gold-product-icons > div { border: 1px solid #e7e7e7; border-top: 0; height: 45px; line-height: 45px; font-size: 15px; padding-left: 45px; } .gold-product-icons > div img { margin-right: 15px; vertical-align: middle; } .gold-product-icons > div strong { font-weight: bold; } .gold-product-description { text-align: left; padding-right: 15px; margin-top: 45px; } .gold-product-description p { font-size: 15px; line-height: 25px; color: black; margin-bottom: 25px; font-weight: 400; padding-left: 5px; position: relative; } .gold-product-description p strong { display: block; font-weight: bold; } .gold-load { font-weight: bold; color: black !important; } .gold-load:before { content: "+"; display: inline-block; font-size: 15px; line-height: 25px; color: black; font-weight: 800; position: absolute; left: -15px; } .gold-load.active:before { content: "-"; } .gold-more { margin-top: -25px; } #gold-login .container { width: 1030px; padding: 0 15px; margin: 0 auto; max-width: 100%; } #gold-login .gold-login-header { margin-top: 320px; position: relative; padding: 25px 0 45px 0; background-color: #eb212e; color: white; margin-bottom: 65px; } #gold-login .gold-login-header.dev { padding: 25px 0 20px 0; } #gold-login .gold-login-header .gold-login-left { width: 33%; float: left; position: relative; } #gold-login .gold-login-header .gold-login-left.dev { width: 38%; } #gold-login .gold-login-left:not(.dev):before { content: ""; display: block; position: absolute; background-image: url(../images/gold/login/gio.png); background-position: center; background-repeat: no-repeat; width: 304px; height: 321px; top: -346px; left: 30px; } #gold-login:not(.v3) .gold-login-left.dev:before { content: ""; display: block; position: absolute; background-image: url(../images/girl.png); background-position: center; background-repeat: no-repeat; width: 320px; height: 328px; top: -353px; left: 30px; } #gold-login.v3 .gold-login-header .gold-login-left h1 { font-family: 'Gotham-Medium'; line-height: 45px !important; margin-bottom: 5px !important; } #gold-login.v3 .gold-login-header .gold-login-left h1 b { font-family: 'Gotham-Black'; } #gold-login.v3 .gold-login-header .gold-login-left.dev { width: 37%; } #gold-login.v3:before { /* content: ""; display: block; position: absolute; background-image: url(../images/gold/doorman.png); background-position: center; background-repeat: no-repeat; width: 1073px; height: 566px; max-width: 100%; */ } .doorman { height: 50px; max-width: 100%; width: 1090px !important; } .doorman img { max-width: 100%; height: auto; } #gold-login .gold-login-header > .container { position: relative; } #gold-login .gold-login-header .gold-login-right { width: 67%; float: left; position: relative; } #gold-login .gold-login-header .gold-login-right .inner { position: absolute; -webkit-box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.1); -webkit-border-radius: 25px 25px 25px 25px; border-radius: 25px 25px 25px 25px; background-image: url(../images/gold/login/gold-bg.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 35px 15px 40px 15px; text-align: center; color: black; width: 100%; right: 0; top: -240px; max-width: 630px; } #gold-login .gold-login-header .gold-login-left h1 { font-family: 'brannboll'; font-size: 40px; line-height: 50px; color: white; padding: 0; margin: 15px 0 0 0; } #gold-login .gold-login-header .gold-login-left h1 span { font-family: 'Gotham-Bold'; font-size: 45px; line-height: 1; } #gold-login .gold-login-header .gold-login-left.dev h1 { line-height: 0.5; margin-bottom: 20px; } #gold-login .gold-login-header .gold-login-left h2 { font-size: 20px; line-height: 25px; font-weight: bold; margin: 0 0 10px 0; padding: 0; color: white; } #gold-login .gold-login-header .gold-login-left p { font-size: 15px; line-height: 20px; margin: 0; padding-right: 20px; } #gold-login .gold-login-right { } #gold-login .gold-login-right h3 { font-size: 20px; line-height: 1; margin: 0 0 5px 0; text-transform: uppercase; font-weight: 500; } #gold-login .gold-login-right .gold-login-title { font-size: 70px; line-height: 120px; } #gold-login .gold-login-right .gold-login-title span { font-family: 'brannboll'; font-size: 82px; } #gold-login .gold-login-right p { font-size: 10.5px; margin: -10px 0 0 0; } #gold-login .gold-login-right form { width: 390px; max-width: 100%; margin: 30px auto 0 auto; } #gold-login .gold-login-right.dev form input { font-size: 20px !important; font-family: 'Gotham-Book'; font-weight: 300; } #gold-login.v3 .under-login-title + ul + p { color: #8d8d8d; } #gold-login.v3 .under-login-title strong { font-family: 'Gotham-Bold'; font-weight: 400; } #gold-login.v3 .gold-login-right.dev form input[type="submit"] { font-size: 15px !important; border-bottom: 0 !important; box-shadow: 0 2px #cb1d29; } #gold-login.v3 .gold-login-right.dev form input[type="submit"]:hover { box-shadow: 0 0 #cb1d29; } #gold-login .gold-login-header .gold-login-right.dev { width: 62%; } #gold-login .gold-login-right form input:not([type="submit"]):hover::-webkit-input-placeholder, #gold-login .gold-login-right form input:not([type="submit"]):focus::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #000000; } #gold-login .gold-login-right form input:not([type="submit"]):hover::-moz-placeholder, #gold-login .gold-login-right form input:not([type="submit"]):focus::-moz-placeholder { /* Firefox 19+ */ color: #000000; } #gold-login .gold-login-right form input:not([type="submit"]):hover:-ms-input-placeholder, #gold-login .gold-login-right form input:not([type="submit"]):focus:-ms-input-placeholder { /* IE 10+ */ color: #000000; } #gold-login .gold-login-right form input:not([type="submit"]):hover:-moz-placeholder, #gold-login .gold-login-right form input:not([type="submit"]):focus:-moz-placeholder { /* Firefox 18- */ color: #000000; } #gold-login .gold-login-right form input:not([type="submit"]) { height: 45px; line-height: 45px; background-color: white; width: 100%; margin-bottom: 22px; border: 0; font-size: 12px; color: #000000; text-align: center; } #gold-login.v3 .gold-login-right form input:not([type="submit"]) { height: 50px; line-height: 50px; } #gold-login .gold-login-right form input:not([type="submit"])::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #cacaca; } #gold-login .gold-login-right form input:not([type="submit"])::-moz-placeholder { /* Firefox 19+ */ color: #cacaca; } #gold-login .gold-login-right form input:not([type="submit"]):-ms-input-placeholder { /* IE 10+ */ color: #cacaca; } #gold-login .gold-login-right form input:not([type="submit"]):-moz-placeholder { /* Firefox 18- */ color: #cacaca; } #gold-login .gold-login-right form input[type="submit"] { height: 45px; line-height: 45px; padding: 0 45px; border-top: 0; border-right: 0; border-left: 0; font-size: 12px; } #gold-login .under-login-title { font-size: 30px; text-align: center; margin-bottom: 65px; } #gold-login .under-login-title strong { font-weight: 800; } #gold-login .under-login-title + ul { font-size: 0; margin: 0; padding: 0; } #gold-login .under-login-title + ul li { font-weight: 700; color: #eb212e; display: inline-block; font-size: 25px; line-height: 31px; width: 25%; margin-bottom: 40px; vertical-align: top; } #gold-login .under-login-title + ul li div:first-child { display: inline-block; width: 55px; height: 40px; background-image: url(../images/gold/login/gold-apply.png); background-position: center; background-repeat: no-repeat; vertical-align: top; margin-right: 15px; float: left; } #gold-login .under-login-title + ul.dev li div:first-child { background-image: url(../images/redmark.png) !important; } #gold-login .under-login-title + ul li div:last-child { display: inline; font-weight: 800; vertical-align: top; position: relative; top: -12px; } #gold-login .under-login-title + ul li span { font-size: 14px; vertical-align: super; } #gold-login .under-login-title + ul li:nth-child(2n+2) { padding-left: 20px; } #gold-login .under-login-title + ul + p { font-size: 13px; font-weight: 300; font-style: italic; text-align: center; margin: 0 auto 50px auto; color: #000; max-width: 660px; } #gold-login .under-login-title + ul + p span { font-size: 9px; vertical-align: super; } #gold-login hr { border: 0; height: 1px; background-color: #e7e7e7; width: 100%; display: block; margin-bottom: 35px; } #gold-login hr + p { font-size: 20px; line-height: 25px; text-align: center; margin: 0 0 35px 0; } #gold-login hr + p strong { font-weight: 800; } #gold-login .under-login-left { width: 50%; max-width: 375px; display: inline-block; margin: 0 43px; } #gold-login .under-login-right { width: 50%; max-width: 375px; display: inline-block; vertical-align: top; margin: 0 40px; } #gold-login .under-login-left p, #gold-login .under-login-right p { font-size: 15px; text-align: left; line-height: 25px; margin-bottom: 35px; } #gold-login .gold-sign { height: 45px; line-height: 45px; padding: 0 30px; font-size: 12px; margin: -10px auto 0 auto; } #gold-login .gold-sign.dev { font-family: 'Gotham-Bold'; font-size: 15px; line-height: 47px; } #gold-login .border-bottom { } .hero-new.mattress { background-image: url(../images/mattress-back.jpg); background-size: cover; background-repeat: no-repeat; } .hero-new.mattress .big-element:before { content: ""; background-image: url(../images/mattress-circles.png); width: 339px; height: 93px; top: inherit; left: inherit; position: absolute; right: 0; bottom: -20px; max-width: 60%; } .hero-new.mattress .big-element h1 { font-size: 55px; font-weight: 900; color: #fff; text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.45); margin: 25px 0; display: inline-block; position: relative; } .hero-new.mattress .big-element h1:after { content: ""; background-image: url(../images/sealy-logo.png); width: 95px; height: 80px; position: absolute; right: -120px; top: 0; background-repeat: no-repeat; background-size: contain; background-repeat: top right; } .hero-new.mattress .big-element h1 i { font-weight: 600; } .hero-new.mattress .big-element .price { color: #fe1827; font-size: 56px; float: left; font-weight: 900; margin-left: -45px; } .hero-new.mattress .big-element .price .dollar, .hero-new.mattress .big-element .price .amount-container, .hero-new.mattress .big-element .price .main, .hero-new.mattress .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new.mattress .big-element .price .cent, .hero-new.mattress .big-element .price .amount-copy { display: block; } .hero-new.mattress .big-element .price .main { font-size: 121px; line-height: 95px; } .hero-new.mattress .big-element .price .amount-copy { font-size: 20px; font-weight: normal; } .hero-new.mattress .big-element .includes { color: #fff; float: left; margin-bottom: 25px; padding-left: 55px; } .hero-new.mattress .big-element .includes p { color: #fff; font-size: 15px; font-size: 15px; font-weight: 900; } .hero-new.mattress .big-element .includes ul { padding-left: 20px; } .hero-new.mattress .big-element .includes li { font-size: 15px; line-height: 20px; font-weight: normal; list-style-type: disc; } .hero-new.mattress .big-element .clearfix:before, .hero-new.mattress .big-element .clearfix:after { display: table; content: " "; } .half-box.amana { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: bottom right; position: relative; background-image: url(../images/LaundrySet.png); background-repeat: no-repeat; background-size: contain !important; } .half-box.red.amana a { color: #000 !important; } .half-box.amana h4 { font-weight: 900; font-size: 20px; color: #fff; margin-bottom: 10px; } .hero-new .amana .half-box-copy { padding-top: 25px; padding-left: 35px; } .hero-new .amana .half-box-copy p { font-size: 14px; line-height: 20px; } .half-box.gclub { background-color: #fff; height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; position: relative; background-image: url(../images/gclub.jpg); background-size: cover !important; } .half-box.gclub:after { position: absolute; content: ''; right: 12px; bottom: 0; width: 167px; height: 177px; background-image: url(../images/gclub-gio.png); background-repeat: no-repeat; background-size: contain; background-position: bottom right; max-width: 40%; } .half-box.gclub .half-box-copy { padding-top: 25px; padding-left: 50px !important; } .half-box.gclub .half-box-copy img { margin-left: -20px; margin-bottom: 10px; } .hero-new .half-box.gclub .half-box-copy p { font-size: 14px; line-height: 20px; } .hero-new.samsung-deal { background-image: url(../images/samsung-deal-back.jpg); background-size: cover; background-repeat: no-repeat; } .hero-new.samsung-deal .big-element { padding-top: 25px; } .hero-new.samsung-deal .big-element:before { content: ""; background-image: url(../images/samsung-tv-deal.png); background-size: contain; width: 420px; height: 350px; top: inherit; left: inherit; position: absolute; right: -75px; bottom: -32px; background-repeat: no-repeat; background-position: bottom right; } .hero-new.samsung-deal .big-element h1 { font-size: 35px; font-weight: 900; color: #000000; margin-bottom: 10px; margin-top: 20px; } .hero-new.samsung-deal .big-element p { font-weight: 900; font-size: 25px; color: #fff; padding-left: 10px; margin-bottom: 5px; } .hero-new .big-element .price { color: #fff; font-size: 50px; float: left; font-weight: 900; margin-left: -40px; } .hero-new .big-element .price .dollar, .hero-new .big-element .price .amount-container, .hero-new .big-element .price .main, .hero-new .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new .big-element .price .dollar { margin-right: -10px; } .hero-new .big-element .price .cent, .hero-new .big-element .price .amount-copy { display: block; } .hero-new .big-element .price .main { font-size: 100px; line-height: 80px; } .hero-new .big-element .price .amount-copy { font-size: 25px; font-weight: normal; vertical-align: bottom !important; } .hero-new .big-element .price .amount-copy strong { display: block; font-weight: 900; } .half-box.tires { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: center; position: relative; background-image: url(../images/tires-back.jpg); background-repeat: no-repeat; background-size: cover !important; } .hero-new .half-box.tires .half-box-copy { padding-left: 50px; padding-top: 25px; } .hero-new .half-box.tires .half-box-copy p { font-size: 15px; line-height: 23px; font-weight: normal; margin-top: 10px; width: inherit; color: #fff; } .hero-new .half-box.tires .half-box-copy p strong { font-weight: 900; } body.active-menu { overflow: hidden; } main { clear: both; } .department-popular-items .flex-control-nav { padding-right: 0 !important; } .department-popular-items .slides li { max-width: 100% !important; } .department-popular-items .slides li img { margin-left: 0 !important; margin-right: 0 !important; } @font-face { font-family: "AdamGorry-Lights"; src: url("fonts/adamgorry.eot"); src: url("fonts/adamgorry.eot?#iefix") format("embedded-opentype"), url("fonts/adamgorry.woff2") format("woff2"), url("fonts/adamgorry.woff") format("woff"), url("fonts/adamgorry.ttf") format("truetype"), url("fonts/adamgorry.svg#AdamGorry-Lights") format("svg"); } .adamgorry { font-family: "AdamGorry-Lights"; } .half-box.qbundle { background-color: #262b35; height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: bottom right; position: relative; background-image: url(../images/qbundle-back.jpg); background-size: contain !important; } .hero-new .half-box.qbundle .half-box-copy { padding-left: 20px; } .half-box.qbundle .copy { max-width: calc(100% - 115px); } .half-box.qbundle .half-box-price { position: absolute; bottom: -5px; right: 10px; } .half-box.qbundle .half-box-price .price { font-size: 18px; float: left; color: #fff; font-weight: 900; } .half-box.qbundle .half-box-price .price .dollar, .half-box.qbundle .half-box-price .price .amount-container, .half-box.qbundle .half-box-price .price .main, .half-box.qbundle .half-box-price .price .small { display: inline-block; vertical-align: text-top; } .half-box.qbundle .half-box-price .price .cent, .half-box.qbundle .half-box-price .price .amount-copy { display: block; } .half-box.qbundle .half-box-price .price .main { font-size: 37px; line-height: 28px; } .half-box.qbundle .half-box-price .price .amount-copy { font-size: 12px; font-weight: normal; } .hero-new .half-box.qbundle .half-box-copy h3 { color: #fff; font-size: 20px; line-height: 23px; margin: 20px 0; } .hero-new .half-box.qbundle .half-box-copy h3 img { float: left; margin-right: 10px; } .hero-new .half-box.qbundle .half-box-copy p { color: #fff; font-size: 15px; line-height: 20px; clear: both; width: inherit; padding-left: 5px; } .hero-new .half-box.qbundle .half-box-copy a { margin-left: 5px } .half-box.winner { background-color: #fff; height: 175px; width: 375px; margin: 10px 0 15px 25px; background-repeat: no-repeat; background-position: 100% 100%; position: relative; background-image: none; background-size: cover !important; border-bottom: none !important; } .hero-new .half-box.winner:before, .hero-new .half-box.winner:after { position: absolute; content: ''; left: 0; width: 100%; background-repeat: repeat-x; background-position: left top; z-index: 0; } .hero-new .half-box.winner:before { background-image: url(../images/dots-top.jpg); height: 65px; top: 0; } .hero-new .half-box.winner:after { background-image: url(../images/dots-bottom.jpg); height: 43px; bottom: 0; } .hero-new .half-box.winner .half-box-copy { padding-left: 20px; } .hero-new .half-box.winner .half-box-copy { height: 100%; } .hero-new .half-box.winner .half-box-copy h3 { font-size: 35px; font-weight: normal; text-transform: uppercase; letter-spacing: -4px; margin-top: 30px; line-height: 43px; } .hero-new .half-box.winner .half-box-copy h3 .big { font-size: 62px; letter-spacing: -8px; } .hero-new .half-box.winner .half-box-copy h3 .color { } .hero-new .half-box.winner .half-box-copy h3 .red { color: #e01f2a } .hero-new .half-box.winner .half-box-copy h3 .green { color: #02ac54 } .hero-new .half-box.winner .half-box-copy h3 .orange { color: #ff5830 } .hero-new .half-box.winner .half-box-copy a, .hero-new .half-box.winner .half-box-copy a:hover { text-transform: uppercase; position: absolute; right: 0; top: 0; background-color: #000; color: #fff; height: 100%; width: 95px; display: -ms-flexbox; display: -webkit-flex; display: flex; -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-decoration: none; font-size: 20px; z-index: 2; } /* Icon Up */ @-webkit-keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } @keyframes hvr-icon-up { 0%, 50%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 25%, 75% { -webkit-transform: translateY(-6px); transform: translateY(-6px); } } .hero-new .half-box.winner .half-box-copy a span { -webkit-transform: translateZ(0); transform: translateZ(0); } .hero-new .half-box.winner .half-box-copy a:hover span { -webkit-animation-name: hvr-icon-up; animation-name: hvr-icon-up; -webkit-animation-duration: 0.75s; animation-duration: 0.75s; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; } .matchup-img { min-width: 100%; height: auto; } .match-up-bottom br { display: none; } .hero-new.hp-deal { background-image: url(../images/hp-deal-back.jpg); background-size: cover; background-repeat: no-repeat; } .hero-new.hp-deal .big-element:before { content: ""; background-image: url(../images/hp-deal.png); width: 399px; height: 270px; top: inherit !important; left: inherit !important; bottom: 0; right: -70px; position: absolute; } .hero-new.hp-deal .big-element h1 { font-size: 35px; font-weight: 900; color: #2b2b2b; margin-bottom: 10px; margin-top: 20px; line-height: 60px; } .hero-new.hp-deal .big-element h1 span { vertical-align: text-bottom; display: inline-block; margin-left: 10px; } .hero-new.hp-deal .big-element p { font-weight: 900; font-size: 25px; color: #fff; padding-left: 10px; margin-bottom: 5px; margin-top: 25px; max-width: inherit; } .hero-new.hp-deal .big-element .clearfix p { margin-bottom: 10px; margin-top: 15px; } .hero-new.hp-deal .big-element .price { color: #fff; font-size: 50px; float: left; font-weight: 900; margin-left: 5px; } .hero-new.hp-deal .big-element .price .amount-container { margin-left: -10px; } .hero-new.hp-deal .big-element .price .dollar, .hero-new.hp-deal .big-element .price .amount-container, .hero-new.hp-deal .big-element .price .main, .hero-new.hp-deal .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new.hp-deal .big-element .price .cent, .hero-new.hp-deal .big-element .price .amount-copy { display: block; } .hero-new.hp-deal .big-element .price .main { font-size: 100px; line-height: 80px; } .hero-new.hp-deal .big-element .price .amount-copy { font-size: 25px; font-weight: normal; vertical-align: bottom !important; } .hero-new.hp-deal .big-element .price .amount-copy strong { display: block; font-weight: 900; } .half-box.light-blue { background-color: #eb212e; } .half-box.light-blue p { color: #fff; } .hero-new .half-box.light-blue .half-box-copy a { color: #000; } .half-box.samsung-small-deal { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: 95% 30%; position: relative; background-image: url(../images/samsung-small-deal.png); background-repeat: no-repeat; background-size: auto 90% !important; } .half-box.samsung-small-deal img { margin-left: -9px; margin-bottom: 5px; } .half-box.samsung-small-deal h4, .half-box.samsung-s-6 h4 { font-weight: 900; font-size: 20px; color: #fff; margin-bottom: 10px; } .hero-new .samsung-small-deal .half-box-copy { padding-top: 15px; padding-left: 30px; } .hero-new .samsung-small-deal .half-box-copy p, .hero-new .samsung-s-6 .half-box-copy p { font-size: 14px; line-height: 20px; } @import url('//fonts.googleapis.com/css?family=Source+Sans+Pro:400,700'); .hero-new.cash-price { background-image: url(../images/cash-price-back.jpg); background-size: cover; background-repeat: no-repeat; } .hero-new.cash-price .big-element:before { content: ""; background-image: url(../images/cash-price.png); width: 371px; height: 226px; top: inherit !important; left: inherit !important; bottom: 0; right: -70px; position: absolute; } .hero-new.cash-price .big-element h1 { font-family: 'Source Sans Pro', sans-serif; font-weight: bold; font-size: 82px; color: #2b2b2b; text-transform: uppercase; line-height: 75px; margin-bottom: 5px; margin-top: 20px; } .hero-new.cash-price .big-element h1 span { font-weight: normal; font-size: 90px; } .hero-new.cash-price .big-element h1 span.green { color: #a7ce47; } .hero-new.cash-price .big-element h1 span.pink { color: #ff2383; } .hero-new.cash-price .big-element p { font-size: 22px; color: #2b2b2b; max-width: 260px; font-weight: normal; } .hero-new.cash-price .big-element p.small { font-size: 13px; color: #6e6e6e; font-weight: 300; font-style: italic; } .stroke { -webkit-text-stroke-color: black; text-shadow: -2px -2px 0 #000, 2px -2px 0 #000, -2px 2px 0 #000, 2px 2px 0 #000; } @font-face { font-family: 'sports_worldregular'; src: url('fonts/sports_world-regular-webfont.woff2') format('woff2'), url('fonts/sports_world-regular-webfont.woff') format('woff'), url('fonts/sports_world-regular-webfont.ttf') format('truetype'), url('fonts/sports_world-regular-webfont.svg#sports_worldregular') format('svg'); font-weight: normal; font-style: normal; } .hero-new.fan { font-family: 'sports_worldregular'; color: white; background-image: url(../images/turf.jpg); background-size: cover; background-position: center; height: auto; } .hero-new.fan .yellow { color: #f3fc03; } .hero-new.fan .left { font-size: 0; padding: 0; width: 45%; position: relative; } .hero-new.fan .container:before { content: ""; background-image: url(../images/hero-guy.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 401px; height: 374px; position: absolute; left: 210px; z-index: 0; bottom: 0; } .hero-new.fan .left .inner { display: inline-block; width: 223px; position: relative; } .hero-new.fan .right { width: 55%; text-align: center; position: relative; z-index: 1; } .hero-new.fan .right img { max-width: 100%; } .hero-new.fan .left p { line-height: 1; margin: 0; padding: 0; word-spacing: -23px; } .hero-new.fan .left hr { display: block; border: 0; background-color: #d2e9c0; width: 220px; height: 10px; max-width: 100%; margin: 5px 0; } .hero-new.fan .left .first p:nth-child(1) { font-size: 99px; margin-top: -25px; } .hero-new.fan .left .first p:nth-child(2) { font-size: 25.7px; margin-bottom: -10px; } .hero-new.fan .left .first p:nth-child(3) { font-size: 77.8px; } .hero-new.fan .left .second p:nth-child(1) { font-size: 32.5px; margin-bottom: -10px; } .hero-new.fan .left .second p:nth-child(2) { font-size: 74.8px; } .hero-new.fan .left .second p:nth-child(2) span { display: inline-block; vertical-align: baseline; background-color: #d2e9c0; width: 8px; height: 54px; } .hero-new.fan .container { max-width: 100%; position: relative; width: 1480px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 20px 15px; } .hero-new.fan a.red-button { display: inline-block; height: 56px; color: white; line-height: 56px; text-align: center; margin-top: 20px; width: 240px; background-color: #ed1c24; -webkit-text-stroke-width: 0px; -webkit-text-stroke-color: transparent; font-size: 18px; font-family: 'Gotham-Black'; } @media screen and (max-width:991px) { .dev .gold-product-icons + div { margin-bottom: 30px; } #gold.dev .gold-left > p { text-align: left; } .hero-new.cash-price .big-element:before { width: 50%; height: 100%; background-size: contain; background-position: bottom right; background-repeat: no-repeat; right: 0 !important; } } @media screen and (max-width:480px) { .hero-new.cash-price .big-element h1 { font-size: 60px; line-height: 55px; } .hero-new.cash-price .big-element h1 span { font-size: 63px; } .hero-new.cash-price .big-element p { font-size: 14px; line-height: 18px; } .hero-new.cash-price .big-element p.small { margin-top: 7px; } .hero-new.cash-price .big-element:before { bottom: 25px !important; } } @media screen and (max-width:440px) { .hero-new.cash-price .big-element { text-align: center; padding-bottom: 30%; } .hero-new.cash-price .big-element p { max-width: 100%; } .hero-new.cash-price .big-element:before { background-position: bottom center; right: 25% !important; } .hero-new.cash-price .big-element h1 { font-size: 55px; line-height: 50px; } .hero-new.cash-price .big-element h1 span { font-size: 57px; } } @font-face { font-family: "fester-book"; src: url("fonts/adamgorry.eot"); src: url("fonts/fester_book-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fester_book-webfont.woff2") format("woff2"), url("fonts/fester_book-webfont.woff") format("woff"), url("fonts/fester_book-webfont.ttf") format("truetype"), url("fonts/fester_book-webfont.svg#AdamGorry-Lights") format("svg"); } @font-face { font-family: "fester-medium"; src: url("fonts/fester_medium-webfont.eot"); src: url("fonts/fester_medium-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fester_medium-webfont.woff2") format("woff2"), url("fonts/fester_medium-webfont.woff") format("woff"), url("fonts/fester_medium-webfont.ttf") format("truetype"), url("fonts/fester_medium-webfont.svg#AdamGorry-Lights") format("svg"); } @font-face { font-family: "fester-bold"; src: url("fonts/fester_bold-webfont.eot"); src: url("fonts/fester_bold-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fester_bold-webfont.woff2") format("woff2"), url("fonts/fester_bold-webfont.woff") format("woff"), url("fonts/fester_bold-webfont.ttf") format("truetype"), url("fonts/fester_bold-webfont.svg#AdamGorry-Lights") format("svg"); } @font-face { font-family: "fester-heavy"; src: url("fonts/fester_heavy-webfont.eot"); src: url("fonts/fester_heavy-webfont.eot?#iefix") format("embedded-opentype"), url("fonts/fester_heavy-webfont.woff2") format("woff2"), url("fonts/fester_heavy-webfont.woff") format("woff"), url("fonts/fester_heavy-webfont.ttf") format("truetype"), url("fonts/fester_heavy-webfont.svg#AdamGorry-Lights") format("svg"); } .fester { font-family: "fester-book"; } .fester strong { font-family: "fester-bold"; } .hero-new.capp { background-image: url(../images/capp-back.jpg); background-size: cover; background-repeat: no-repeat; } .hero-new.capp .capp-cta { position: relative; display: inline-block; margin-top: 12px; margin-bottom: 5px; } .hero-new.capp .capp-cta img { display: block; margin-left: -95px; position: relative; z-index: 1; } .hero-new.capp .capp-cta:after { position: absolute; display: block; content: ''; width: 216px; height: 158px; background-image: url(../images/capp-hand.png); top: 0; right: -35%; z-index: 0; } .hero-new.capp .big-element h1 { color: #fe1827; font-size: 50px; line-height: 48px; margin: 5px 0; } .hero-new.capp .big-element h1 sup { font-size: 18px; vertical-align: text-top; } .hero-new.capp .big-element h1:before { position: absolute; width: 83px; height: 250px; display: block; content: ''; background-repeat: no-repeat; background-position: center; background-image: url(../images/capp-redburst.png); left: -95px; top: -40px; } .hero-new.capp .big-element p { font-weight: 500; max-width: inherit; width: inherit; font-size: 22px; } .hero-new.capp .big-element p.small, .hero-new.capp .capp-details-half span { font-weight: normal; font-size: 13px; color: #787878; font-style: italic; } .hero-new.capp .big-element p.fester { font-size: 18px; color: #021839; } .hero-new.capp .capp-details { margin: 13px 0; } .hero-new.capp .capp-details-half { position: relative; } .hero-new.capp .capp-details-half:first-child { padding: 14px 0 0 10px; } .hero-new.capp .capp-details-half:last-child { padding: 14px 10px 0 0; } .hero-new.capp .capp-details-half:before, .hero-new.capp .capp-details-half:after { display: block; content: ''; position: absolute; height: 100%; width: 9px; background-repeat: no-repeat; top: 0; background-size: contain; } .hero-new.capp .capp-details-half:first-child:before { background-image: url(../images/capp-bracket-o.png); background-position: left bottom; left: 0; } .hero-new.capp .capp-details-half:last-child:after { background-image: url(../images/capp-bracket-c.png); background-position: right bottom; right: 0; } .hero-new.capp .capp-details-half { float: left; } .hero-new.capp .big-element .capp-details-half p.fester { font-size: 22px; color: #fe1827; } .hero-new.capp .big-element .capp-details-half:first-child p:after { content: '\0000a0 / \0000a0'; font-size: 22px; color: #fe1827; } .hero-new.capp .capp-details-half span { display: block; text-align: center; } .hero-new.capp .big-element:before { background-image: url(../images/capp.png); width: 212px; height: 185px; top: inherit; left: inherit; bottom: 25px; right: 15px; z-index: 0; } .hero-new.capp .big-element:after { background-image: url(../images/capp-badge.png); width: 275px; height: 137px; top: inherit; left: inherit; bottom: 180px; right: -50px; content: ''; position: absolute; display: block; z-index: 2; } .hero-new.capp .big-element .row * { z-index: 2; position: relative; } .hero-new.capp .half-box { right: 25px; z-index: 2; } .half-box.cash-price-small { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: center; position: relative; background-image: url(../images/cash-price-small-back.jpg); background-repeat: no-repeat; background-size: cover !important; } .hero-new .half-box.cash-price-small .half-box-copy { padding-left: 50px; padding-top: 17px; } .half-box.cash-price-small h2 { font-size: 48px; font-family: 'Source Sans Pro', sans-serif; font-weight: bold; color: #2b2b2b; text-transform: uppercase; line-height: 43px; } .half-box.cash-price-small h2 span { font-weight: normal; font-size: 50px; } .half-box.cash-price-small h2 span.green { color: #a7ce47; } .half-box.cash-price-small h2 span.pink { color: #ff2383; } .half-box.cash-price-small p { font-size: 15px; color: #2b2b2b; font-weight: normal; width: inherit; margin-top: 10px; } @media only screen and (max-width:1200px) { .hero-new.capp .capp-cta img { margin-left: -40px; } } @media only screen and (max-width:1100px) and (min-width:992px) { .hero-new.capp .half-box { right: 35px !important; } } @media only screen and (max-width:991px) { .hero-new.capp .half-box { right: 0; } } @media only screen and (max-width:767px) { #gold .gold-left .gold-code { font-size: 20px; } .hero-new.capp .big-element:before { bottom: 25px !important; right: 15px !important; } } @media only screen and (max-width:767px) { .gold-right img { max-width: 100%; height: auto; } #gold.dev .new-blue.get-it { font-size: 20px; line-height: 1; } .hero-new.capp .big-element:before, .hero-new.capp .big-element:after, .hero-new.capp .capp-cta:after { display: none; } .hero-new.capp .capp-cta img { margin: 0 auto; } .hero-new.capp .big-element { text-align: center; } .hero-new.capp .capp-details-half { float: none; display: inline-block; } } @media only screen and (max-width:480px) { .hero-new.capp .big-element h1 { font-size: 38px; line-height: 41px; } .hero-new.capp .big-element p { font-size: 15px; } .hero-new.capp .big-element .capp-details-half p.fester { font-size: 16px; } .hero-new.capp .capp-details-half span { font-size: 11px; } .hero-new.capp .big-element p.small { font-size: 11px; line-height: 1.2; margin-bottom: 10px; } .hero-new.capp .capp-details { margin: 5px 0; } .hero-new.capp .capp-details-half:first-child, .hero-new.capp .capp-details-half:last-child { padding-top: 3px; } .hero-new.capp .capp-details-half:first-child { padding-left: 8px; } .hero-new.capp .capp-details-half:last-child { padding-right: 8px; } } .public-text { color: black; font-size: 13px; text-align: right; padding-right: 50px; margin: 0; } .half-box.samsung-small-deal.white img, .hero-new .half-box.hp.white img, .hero-new .half-box.samsung-s-6.white img { filter: brightness(9) invert(1); } .half-box.samsung-small-deal.white h4, .half-box.samsung-s-6.white h4, .half-box.hp.white h4 { color: #000; } .hero-new .half-box.hp.white .half-box-copy { padding-top: 10px; } .hero-new.laundry-apr .big-element .price { color: #fff; font-size: 50px; float: left; font-weight: 900; margin-left: 5px; margin-bottom: 20px; } .hero-new.laundry-apr .big-element .price .amount-container { margin-left: -10px; } .hero-new.laundry-apr .big-element .price .dollar, .hero-new.laundry-apr .big-element .price .amount-container, .hero-new.laundry-apr .big-element .price .main, .hero-new.laundry-apr .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new.laundry-apr .big-element .price .cent, .hero-new.laundry-apr .big-element .price .amount-copy { display: block; } .hero-new.laundry-apr .big-element .price .main { font-size: 100px; line-height: 80px; } .hero-new.laundry-apr .big-element .price .amount-copy { font-size: 25px; font-weight: normal; vertical-align: bottom !important; } .hero-new.laundry-apr .big-element .price .amount-copy strong { display: block; font-weight: 900; } .hero-new.laundry-apr { background-image: url(../images/amana-back-big.jpg); background-size: cover; background-repeat: no-repeat; } .hero-new.laundry-apr .big-element:before { content: ""; background-image: url(../images/laundry-big.png); width: 427px; height: 356px; top: inherit; left: inherit; right: -70px; bottom: -40px; position: absolute; } .hero-new.laundry-apr .big-element h1 { font-weight: 900; font-size: 35px; margin-bottom: 20px; margin-top: 20px; color: #000; line-height: 1; } .hero-new.laundry-apr .big-element p { color: #fff; font-size: 25px; max-width: inherit; } .hero-new.laundry-apr .blue_btn { background: #fe1827; -webkit-box-shadow: 0 1px 1px 0 #fe1827; box-shadow: 0 1px 1px 0 #fe1827; } @media screen and (max-width:991px) { .hero-new.laundry-apr .big-element:before { right: 0 !important; bottom: -10px !important; max-width: 50% !important; background-position: bottom right; } } @media screen and (max-width:480px) { .hero-new.laundry-apr .big-element:before { display: none; } .hero-new.laundry-apr .big-element h1:after { content: ""; background-image: url(../images/laundry-big.png); width: 100%; height: 180px; display: block; background-position: left center; background-size: contain; background-repeat: no-repeat; } } #gold-login.v3 .gold-login-header .gold-login-right.dev { width: 62%; } #gold-login .gold-login-header .gold-login-right .inner { padding: 15px 15px 25px 15px; max-width: 565px; top: -330px; right: auto; left: 0; } #gold-login.v3 .gold-login-right p { font-size: 13.5px; line-height: 16px; margin-top: -23px; } #gold-login.v3 .public-text { position: relative; top: -95px; padding-right: 0; padding-left: 35%; text-align: center; padding-right: 15px; } #gold-login.v3 .public-text.with-fb { top: -125px; } #gold-login.v3 .gold-login-right form { width: 350px; } .hero-new .big-element .price { margin-left: -40px; } .hero-new .big-element .price .small-top { font-size: 41px; vertical-align: inherit; display: block; } .hero-new .big-element .price .small-bottom { font-size: 18px; font-weight: normal; line-height: 20px; vertical-align: inherit; display: block; } .hero-new .big-element p { max-width: inherit; margin-top: 10px; } .half-box.switch { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: center; background-size: cover !important; position: relative; background-image: url(../images/striped-tile.jpg); background-repeat: no-repeat; border: none !important; background-position: bottom right; } .half-box.switch:after { content: ''; display: block; position: absolute; bottom: 25px; right: 2px; width: 156px; height: 90px; background-repeat: no-repeat; background-size: contain; z-index: 2; background-image: url(../images/pig.png); } .hero-new .half-box.switch .half-box-copy { margin: 11px; background-color: #ffee48; height: calc(100% - 22px); width: calc(100% - 22px); padding-top: 20px; padding-left: 20px; } .hero-new .half-box.switch .half-box-copy p { font-size: 14px; font-weight: normal; width: inherit; margin-top: 10px; } .hero-new .half-box.switch img { margin: 0 !important; } @media screen and (max-width:1090px) { .hero-new .big-element .price { margin-left: 0; } } @media screen and (max-width:768px) { .hero-new .big-element .price .small-bottom br { display: none; } } @media screen and (max-width:768px) { .hero-new .big-element .price .small-top { font-size: 30px; } } @media screen and (max-width:480px) { .half-box.switch:after { max-height: 65px; bottom: 8px; } } .hero-new .big-element .red, .hero-new .big-element .red * { color: #fe1827; } .hero-new.samsung-deal.new { background-image: url(../images/april-new-back.jpg); } .hero-new.samsung-deal.new .big-element:before { background-image: url(../images/samsung-tv-deal-v2.png); } .hero-new.samsung-deal.apr.new .big-element p { font-size: 20px; padding-left: 0; } .hero-new .big-element .price { margin-left: -34px; } .half-box.xbo { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: bottom right; position: relative; background-image: url(../images/ps4.png); background-repeat: no-repeat; background-size: 45% auto !important; } /* .hero-new .half-box.ps .half-box-copy{ padding-top:30px; padding-left:30px; } .hero-new .half-box.ps .half-box-copy h4{ color:#fff; font-size:20px; font-weight:700; margin:10px 0; color: black; } .hero-new .half-box.ps .half-box-copy p{ font-size:14px; color:#000000; } .hero-new .half-box.ps .half-box-copy p strong{ font-weight:900; } .hero-new .half-box.ps .half-box-copy a{ color:#fff; } */ @media screen and (max-width:1090px) { .hero-new.samsung-deal.apr.new .big-element p { margin-left: 0; } } @media screen and (max-width:40px) { .half-box.ps { background-size: 40% auto !important; } } .half-box.xbo { background-image: url(../images/xbo.jpg); background-position: 92% bottom; background-repeat: no-repeat; background-size: contain !important; } .hero-new .half-box.xbo .half-box-copy { padding-top: 30px; padding-left: 30px; } .hero-new .half-box.xbo .half-box-copy h4 { color: #000; font-size: 20px; font-weight: 700; margin: 10px 0; margin-top: 7px; } .hero-new .half-box.xbo .half-box-copy p { font-size: 14px; color: #000000; } .hero-new .half-box.xbo .half-box-copy p .red { color: #fe1827; } .hero-new.laundry-apr.new { background-image: url(../images/lb-back.jpg); } .hero-new.laundry-apr.new .big-element .price { margin-left: -34px; } .hero-new.laundry-apr.new .big-element .price .dollar { margin-right: 0; } .hero-new.laundry-apr.new .blue_btn { background: #eb212e; -webkit-box-shadow: 0 1px 1px 0 #93494e; box-shadow: 0 1px 1px 0 #93494e; } .hero-new.laundry-apr.new .big-element:before { content: ""; background-image: url(../images/laundry-breeze.png); width: 455px; height: 423px; top: inherit; left: inherit; right: -120px; bottom: -40px; position: absolute; background-size: contain; background-repeat: no-repeat; } @media screen and (max-width:1090px) { .hero-new.laundry-apr.new .big-element .price { margin-left: 0; } } @media screen and (max-width:480px) { .hero-new.laundry-apr.new .big-element h1:after { display: none; } .hero-new.laundry-apr.new .big-element h1:before { content: ""; background-image: url(../images/laundry-breeze.png); width: 100%; height: 270px; display: block; background-position: left center; background-size: contain; background-repeat: no-repeat; } .half-box.xbo { background-size: 45% auto !important; } } @font-face { font-family: "kghappy_solid"; src: url("//db.onlinewebfonts.com/t/f85072630ace90862c4690f1d61ece93.eot"); src: url("//db.onlinewebfonts.com/t/f85072630ace90862c4690f1d61ece93.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/f85072630ace90862c4690f1d61ece93.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/f85072630ace90862c4690f1d61ece93.woff") format("woff"), url("//db.onlinewebfonts.com/t/f85072630ace90862c4690f1d61ece93.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/f85072630ace90862c4690f1d61ece93.svg#KG HAPPY Solid") format("svg"); } @font-face { font-family: "kghappy"; src: url("//db.onlinewebfonts.com/t/901c9ee78e00f7f737b6488d92ed8e42.eot"); src: url("//db.onlinewebfonts.com/t/901c9ee78e00f7f737b6488d92ed8e42.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/901c9ee78e00f7f737b6488d92ed8e42.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/901c9ee78e00f7f737b6488d92ed8e42.woff") format("woff"), url("//db.onlinewebfonts.com/t/901c9ee78e00f7f737b6488d92ed8e42.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/901c9ee78e00f7f737b6488d92ed8e42.svg#KG HAPPY") format("svg"); } .kghappy-solid { font-family: "kghappy_solid"; } .kghappy { font-family: "kghappy"; } .hero-new.car { background-image: url(../images/car-back.jpg); background-position: bottom center; background-size: cover; } .hero-new.car .big-element:before { content: ""; background-image: url(../images/car.png); width: 617px; height: 329px; top: inherit; left: inherit; bottom: -90px; right: -230px; position: absolute; } .hero-new.car .big-element p { max-width: inherit; width: inherit; margin-top: 12px; position: relative; font-size: 16px; font-weight: normal; line-height: 20px; } .hero-new.car .big-element p.small { font-size: 12px; color: #fff; } .hero-new.car .big-element p.gray { color: #676767; font-size: 13px; font-weight: bold; } .hero-new.car .big-element p strong { font-weight: bold; } .hero-new.car .big-element h1 { font-size: 48px; line-height: 58px; color: #000; margin-top: 25px; } .hero-new.car .big-element h1 span { color: #ec3e2e; } .hero-new.car a.blue_btn { margin-top: 10px; } .half-box.ashley { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: bottom right; position: relative; background-image: url(../images/ashley-back.jpg); background-repeat: no-repeat; } .hero-new .half-box.ashley .half-box-copy { padding-top: 25px; padding-left: 25px; } .hero-new .half-box.ashley .half-box-copy p { font-size: 15px; line-height: 17px; color: #000000; } .hero-new .half-box.ashley .half-box-copy p .red { color: #fe1827; } .hero-new .half-box.ashley .half-box-copy h4 { color: #000; font-size: 20px; font-weight: 700; margin: 3px 0 10px 0; } .hero-new.car .half-box.tires .half-box-copy { padding-left: 25px; } @media screen and (min-width:481px) { .hero-new.car .big-element { z-index: inherit !important; } } @media screen and (max-width:991px) { .hero-new .half-box { right: 0; top: 0; } .hero-new a.blue_btn { margin-bottom: 0; } .hero-new.car .big-element:before { bottom: 0 !important; right: -10% !important; max-width: 70% !important; background-position: bottom right; background-size: contain; background-repeat: no-repeat; } } @media screen and (max-width:332px) { .hero-new.fan { margin-top: 30px; } } @media screen and (max-width:600px) { .hero-new.fan .right { width: 100%; text-align: center; } .hero-new.fan .left { width: 100%; text-align: center; } .hero-new.car .big-element h1 { font-size: 35px; line-height: 45px; } .hero-new.car .big-element h1 span.kghappy { font-family: "kghappy_solid"; } } @media screen and (max-width:480px) { .hero-new.car .big-element p br { display: none; } .hero-new.car .big-element:before { bottom: 0px !important; right: -20% !important; width: 100% !important; max-width: inherit !important; height: 230px; } .hero-new.car .big-element h1 { font-size: 30px; line-height: 38px; margin-top: 0; } .hero-new.car .big-element p.small { margin-bottom: 50px; max-width: 55%; } .hero-new.car .big-element p { font-size: 15px; } .half-box.ashley { background-position: 115% bottom; } } @media screen and (max-width:400px) { .hero-new.car .big-element h1 { font-size: 22px; line-height: 34px; } .hero-new .half-box.ashley .half-box-copy p { font-size: 13px; } } /** car giveaway */ .happy { font-family: 'KGHAPPY' !important; } #giveaway { background: url('/assets/images/give/bg.jpg') no-repeat 0 top; background-size: cover; } .give-hero { background: url('/assets/images/give/car-bg.jpg') no-repeat 0 top; background-size: cover; height: 405px; } .give-hero img { max-width: 100%; height: auto; } #giveaway .container { width: 1020px; max-width: 100%; margin: 0 auto; } #giveaway .stick p { font-family: 'Gotham-Book'; } #giveaway .left { width: 61%; float: left; } #giveaway .right { width: 39%; float: right; } #giveaway .stick .left { padding-top: 90px; } #giveaway em { font-style: italic; } #giveaway .stick .left p { font-size: 45px; line-height: 55px; margin: 0; } #giveaway .stick .left .happy { font-size: 75px; line-height: 85px; color: #ec3e2e; } #giveaway .stick .left .happy span { color: black; } #giveaway .stick .left .happy + p { margin-top: 7px; } #giveaway .stick .left p.small { font-size: 11px; font-weight: 300; font-style: italic; color: #9f9f9f; line-height: 15px; margin: 10px 0 0 0; } #giveaway .stick .left hr { border: 1px solid black; width: 145px; margin: 45px 0 20px 0; } #giveaway .give-form.is_stuck { float: right; z-index: 1; margin-left: 21px; } #giveaway .give-form { -webkit-box-shadow: 0 0 10px 0 rgba(85, 85, 85, 0.10); box-shadow: 0 0 10px 0 rgba(85, 85, 85, 0.10); width: 365px; max-width: 100%; margin: 0 0 0 auto; background-color: #4ea2fb; padding: 35px 15px; position: relative; top: -115px; } #giveaway .give-form .form-head p { color: #f2f2f2; font-size: 15px; font-family: 'Gotham-Book'; text-align: center; } #giveaway .give-form .form-head p.happy { font-size: 35px; margin-bottom: 15px; font-family: 'KGHAPPYSolid' !important } #giveaway .give-form form { padding: 0 35px; margin-top: 20px; } #giveaway .give-form form input:not([type="submit"]) { width: 100%; height: 55px; line-height: 55px; background-color: white; padding: 0 25px; border: 0; font-size: 15px; color: #000000; font-family: 'Gotham-Bold'; } #giveaway .give-form form p { position: relative; margin-bottom: 20px; } #giveaway .give-form form label.error { position: absolute; bottom: -15px; left: 0; color: red; font-size: 10px; font-family: 'Gotham-Bold'; } #giveaway .after-submit { padding: 0 15px 95px 15px; } #giveaway .after-submit p { font-size: 18px; line-height: 25px; margin: 0; color: white; text-align: center; } #giveaway .after-submit p strong { font-family: 'Gotham-Bold'; } #giveaway .after-submit p.happy { font-size: 75px; line-height: 85px; margin: 95px 0 20px 0; } #giveaway .give-form form label#emailAddress-error { bottom: 10px; } #giveaway .give-form form p:last-child { margin-bottom: 0 } #giveaway .give-form form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-size: 15px; color: #000000; font-family: 'Gotham-Bold'; } #giveaway .give-form form input::-moz-placeholder { /* Firefox 19+ */ font-size: 15px; color: #000000; font-family: 'Gotham-Bold'; } #giveaway .give-form form input:-ms-input-placeholder { /* IE 10+ */ font-size: 15px; color: #000000; font-family: 'Gotham-Bold'; } #giveaway .give-form form input:-moz-placeholder { /* Firefox 18- */ font-size: 15px; color: #000000; font-family: 'Gotham-Bold'; } #giveaway .give-form form p span { display: block; font-family: 'Gotham-Book'; font-style: italic; font-size: 11px; margin-top: 10px; color: #ffffff; padding-right: 20px; text-align: right; } #giveaway .give-form form input[type="submit"] { width: 180px; max-width: 100%; height: 56px; line-height: 56px; color: white; font-size: 15px; font-family: 'Gotham-Bold'; text-align: center; background-color: #ec3e2e; margin: -10px auto 0 auto; display: block; border: 0; } #giveaway .left .what-title { font-family: 'KGHAPPYSolid'; color: #ec3e2e; font-size: 35px; margin: 25px 0 0 0; } #giveaway .left .give-what ol { padding: 0; margin: 0; } #giveaway .left .give-what ol li { font-family: 'Gotham-Book'; font-size: 20px; line-height: 25px; color: #010101; padding: 10px 30px 10px 120px; margin: 25px 0 0 0; position: relative; } #giveaway .left .give-what ol li:before { content: attr(data-number); display: block; background-image: url('/assets/images/give/point.png'); vertical-align: middle; width: 71px; height: 70px; background-position: center; background-repeat: no-repeat; text-align: center; line-height: 70px; color: white; font-family: 'Gotham-Black'; font-size: 24px; position: absolute; top: 0; left: 0; } #giveaway .left .give-what ol li strong { font-family: 'Gotham-Bold'; } #what-happens .right { text-align: right; } #what-happens { padding-bottom: 120px; margin-bottom: 10px; } #what-happens .right img { margin-top: 85px; max-width: 100%; height: auto; } #giveaway + div > .container { display: none; } #giveaway + div > footer { padding-top: 10px; border-top: 1px solid #f5f5f5; } @media screen and (max-width:991px) { #giveaway .stick .left p { font-size: 30px; line-height: 1.3; } #giveaway .stick .left .happy { font-size: 60px; line-height: 1.3; } #giveaway .give-form form { padding: 0 15px; } #giveaway .left .what-title { font-size: 30px; } #giveaway .left .give-what ol li { padding-left: 90px; } } @media screen and (max-width:767px) { .give-hero { height: auto; } #giveaway .left, #giveaway .right { width: 100%; float: none; } #giveaway .give-form { position: static; float: none; margin: 0 auto; } #giveaway .stick .left { width: 410px; max-width: 100%; margin: 0 auto; text-align: center; } #giveaway .stick .left hr { margin-left: auto; margin-right: auto } #what-happens .right { text-align: center; } #what-happens { padding-bottom: 30px; } } @media screen and (max-width:479px) { #giveaway .after-submit p.happy { font-size: 50PX; line-height: 1.3; } #giveaway .stick .left { padding-top: 30px; } #giveaway .left .give-what ol li { font-size: 14px; line-height: 1.3; padding: 0 30px 0 60px; margin: 25px 0 0 0; } #giveaway .left .what-title { font-size: 22px; } #giveaway .stick .left p.small br { display: none; } #giveaway .stick .left .happy { font-size: 40px; } #giveaway .stick .left p { font-size: 20px; line-height: 1.3; } #giveaway .left .give-what ol li:before { width: 45px; height: 45px; line-height: 45px; font-size: 20px; background-size: cover; } #giveaway .stick .left hr { margin: 15px 0 20px 0; } #giveaway .left .what-title { margin-top: 40px; } .break-mobile { display: block; } } @media screen and (max-width:320px) { #giveaway .give-form .form-head p.happy { font-size: 25px; margin-bottom: 5px; } } .hero-new.spring { overflow: initial; background-image: url('/assets/images/mowerbg.jpg'); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.spring .big-element h1 { color: white; font-size: 50px; font-family: 'Gotham-Black'; margin-top: 20px; margin-right: -20px; } .hero-new.spring .big-element p { font-family: 'Gotham-Book'; font-size: 23px; line-height: 27px; font-weight: 400; width: 460px; margin-top: 15px; } .hero-new.spring .big-element p strong { font-family: 'Gotham-Bold'; } .hero-new.spring .big-element .price { margin-left: 0; background: white; padding: 15px 18px 12px 18px; margin-top: 18px; font-family: 'Gotham-Black'; float: none; width: 320px; max-width: 100%; } .hero-new.spring .big-element .price .main { font-size: 85px; line-height: 85px; margin-right: -10px; } .hero-new.spring .big-element .price .small-top { font-size: 52px; } .hero-new.spring .big-element .price .small-bottom { font-size: 19.5px; font-family: 'Gotham-Book'; padding-left: 15px; } .hero-new.spring .big-element .price .dollar { margin-right: -15px; } .hero-new.spring .big-element:before { content: ""; background-image: url(../images/mower.png); width: 327px; height: 235px; top: 170px; left: 270px; position: absolute; } .hero-new.spring .big-element a { min-width: 180px; display: block; text-align: center; font-family: 'Gotham-Bold'; font-size: 14.5px; display: inline-block; } .half-box.cherokee { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: bottom right; position: relative; background-image: url(../images/point-bg.jpg); background-repeat: no-repeat; background-size: cover !important; } .half-box.cherokee:after { content: ""; position: absolute; bottom: 0; right: 0; width: 100%; height: 100%; background-image: url(../images/car-right-bottom.png); background-repeat: no-repeat; background-position: 100% 100%; } .hero-new .half-box.cherokee .half-box-copy { padding-top: 30px; padding-left: 25px; } .half-box.cherokee h4 { font-family: "kghappy_solid"; font-size: 20px; line-height: 23px; } .half-box.cherokee h4 span { color: #ec3e2e; } .half-box.cherokee p { font-size: 14px; line-height: 18px; width: inherit; margin-top: 5px; } /* footer > .container { padding: 0; } */ .hero-new.fired-up { background-image: url(/assets/images/fired-up-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.fired-up .big-element:before { content: ""; background-image: url(../images/fired-up.png); width: 271px; height: 236px; top: inherit; left: inherit; position: absolute; right: -65px; bottom: -60px; } .hero-new.fired-up .big-element h1.gotham { font-family: 'Gotham-Black'; color: #212121; font-size: 50px; margin-top: 25px; margin-bottom: 15px; } .hero-new.fired-up .big-element p.gotham { font-family: 'Gotham-Book'; color: #212121; font-size: 23px; line-height: 27px; width: 435px; max-width: 100%; } .hero-new.fired-up .big-element p.gotham strong { font-family: 'Gotham-Bold'; } .hero-new a.red_btn { font-family: 'Gotham-Bold'; color: #fff; width: 300px; height: 75px; line-height: 75px; display: block; text-align: center; font-size: 15px; text-transform: uppercase; background-color: #fe1827; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -moz-border-radius-topright: 3px; -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; clear: both; position: relative; } .hero-new a.red_btn:hover { background-color: #e61523; } .hero-new.fired-up a.red_btn:before { position: absolute; content: ''; display: block; width: 507px; height: 205px; left: 50%; margin-left: -254px; pointer-events: none; top: -60px; z-index: 0; background-size: contain; background-repeat: no-repeat; background-image: url(/assets/images/fired-up-table.png); } .hero-new.fired-up a.red_btn span { position: relative; z-index: 1; } .hero-new.fired-up .big-element .price { font-family: 'Gotham-Black'; position: absolute; right: -50px; top: 25px; } .hero-new.fired-up a.red_btn { margin-top: 60px; margin-left: -25px; } .hero-new.fired-up .samsung-small-deal .half-box-copy p strong.red, .hero-new .samsung-s-6 .half-box-copy p span.red { color: #fe1827; } @media screen and (max-width:991px) { .hero-new.fired-up a.red_btn { margin-bottom: 50px; margin-left: 0; } .hero-new.fired-up .big-element:before { bottom: 0; right: 0 !important; max-width: 35% !important; background-position: bottom right; } .hero-new.fired-up .big-element .price { right: 15px; } } @media screen and (max-width:650px) { .hero-new.fired-up .big-element h1.gotham { font-size: 40px; } .hero-new.fired-up .big-element p.gotham { font-size: 18px; line-height: 24px; width: 340px; } .hero-new.fired-up .big-element .price { font-size: 40px; } .hero-new.fired-up .big-element .price .main { font-size: 80px; line-height: 70px; } } @media screen and (max-width:480px) { .hero-new.fired-up .big-element .price { position: relative; right: inherit; top: inherit; margin-left: 0; z-index: 2; :none; } .hero-new.fired-up a.red_btn { width: 178px; height: 56px; line-height: 56px; margin-top: 105px; } .hero-new.fired-up a.red_btn:before { display: none; } .hero-new.fired-up .big-element:before { bottom: 30px !important; } } .half-box.samsung-s-6 { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: calc(100% - 42px) 10px; position: relative; background-image: url(/assets/images/galaxy.png); background-repeat: no-repeat; background-size: auto 90% !important; } .hero-new .half-box.samsung-s-6 .half-box-copy { padding-left: 30px; padding-top: 20px; } .hero-new .samsung-s-6 .half-box-copy p { width: inherit; } .same-day-deliver { margin-top: 20px; color: black; } .same-day-deliver .image { float: left; } .same-day-deliver .image img { width: 42px; height: auto; } .same-day-deliver .text { float: left; padding-left: 15px; width: calc(100% - 40px); margin-top: 0; font-size: 12px; } .same-day-deliver .text strong { font-weight: 600; display: block; font-size: 17px; margin-bottom: 2px; margin-top: 3px; } .half-box.mower { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: calc(100% - 10px) 15px; position: relative; background-image: url(/assets/images/mower.png); background-repeat: no-repeat; background-size: auto 90% !important; } .half-box.mower h4 { font-weight: 900; font-size: 20px; color: #000; margin-bottom: 10px; } .hero-new .mower .half-box-copy p { font-size: 14px; width: inherit; max-width: 100%; font-weight: 400; margin-bottom: 12px; line-height: 18px; color: black; } .hero-new .mower .half-box-copy p span.red { color: #fe1827; } .hero-new .mower .half-box-copy { padding-left: 25px; padding-top: 30px; } @media screen and (max-width:480px) { .half-box.mower { background-position: calc(100% - 10px) 30px; background-size: auto 80% !important; } } .hero-new.samsung-summer { background-image: url(/assets/images/samsung-summer.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.samsung-summer .big-element:before { content: ""; background-image: url(../images/samsung-summer.png); width: 244px; height: 294px; top: inherit !important; left: inherit !important; right: 0; bottom: 0; position: absolute; background-repeat: no-repeat; } .hero-new.samsung-summer .big-element h1 { font-family: 'Gotham-Black'; font-size: 48px; line-height: 48px; width: 460px; max-width: 100%; margin-top: 14px; } .hero-new.samsung-summer .big-element p { font-family: 'Gotham-Bold'; font-size: 19px; line-height: 23px; width: 380px; max-width: 100%; margin-top: 3px; } .hero-new.samsung-summer .big-element .white-bg { background: white; padding: 10px 0 5px 25px; margin-top: 14px; width: 280px; } .hero-new.samsung-summer .big-element .white-bg h2 { font-family: 'Gotham-Bold'; font-size: 20px; margin: 0; width: inherit; line-height: 32px; } .hero-new.samsung-summer .big-element .price span { font-family: 'Gotham-Black'; } .hero-new.samsung-summer .big-element .price { float: none; margin-left: 0; } .hero-new.samsung-summer .big-element .price .dollar { margin-right: -4px; } .hero-new.samsung-summer .big-element .price .main { font-size: 84px; line-height: 75px; } .half-box.mower.new { background-position: center top; background-image: url(/assets/images/mower-back-new.jpg); background-repeat: no-repeat; background-size: cover !important; } .half-box.mower.new:after { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-position: calc(100% - 10px) 15px; background-image: url(/assets/images/mower.png); background-repeat: no-repeat; background-size: auto 90% !important; } .half-box.mower.new h4 { font-family: 'Gotham-Bold'; } .hero-new .half-box.mower.new .half-box-copy a { color: #fff; font-family: 'Gotham-Bold'; } .hero-new.samsung-summer a.blue_btn, .hero-new.samsung-summer .tires .half-box-copy a { font-family: 'Gotham-Bold'; } .hero-new.samsung-summer .half-box.tires .half-box-copy { padding-left: 25px; } @media screen and (max-width:767px) { .hero-new.samsung-summer .big-element:before { right: 0 !important; } } @media screen and (max-width:600px) { .hero-new.samsung-summer .big-element h1 { font-size: 40px; line-height: 40px; width: 360px; } .hero-new.samsung-summer .big-element p { font-size: 16px; line-height: 20px; width: 300px; } } @media screen and (max-width:480px) { .hero-new.samsung-summer { background-position: 35% 0; } .hero-new.samsung-summer .big-element:before { background-position: bottom right; height: 200px; } .hero-new.samsung-summer .big-element h1 { font-size: 35px; line-height: 35px; margin-top: 0; } .hero-new.samsung-summer .big-element p { font-size: 15px; } .hero-new.samsung-summer .big-element .white-bg { width: 200px; padding: 5px 10px 5px 10px; } .hero-new.samsung-summer .big-element .white-bg h2 { font-size: 15px !important; } .hero-new.samsung-summer .big-element .price { font-size: 30px; } .hero-new.samsung-summer .big-element .price .main { font-size: 50px; line-height: 45px; } .hero-new.samsung-summer .big-element .price .small-top { font-size: 25px; line-height: 25px; } .hero-new.samsung-summer .big-element .price .small-bottom { font-size: 15px; line-height: 15px; } } @media screen and (max-width:320px) { .hero-new.samsung-summer .big-element:before { height: 160px; } .hero-new.samsung-summer .big-element h1 { font-size: 32px; line-height: 32px; } } /** stream smart */ .stream-header { height: 430px; background-image: url(/stream-smart/images/stream-header.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; color: white; text-align: center; padding: 45px 0 115px 0; } .stream-header h1 { color: white; font-size: 70px; font-family: 'Gotham-Bold'; margin: 0 0 15px 0; padding: 0; } .stream-header h2 { color: white; font-size: 20px; font-family: 'Gotham-Bold'; margin: 0; padding: 0; } .stream-header a, .stream-offer a { z-index: 9; display: block; margin: 40px auto 0 auto; width: 230px; height: 60px; line-height: 60px; text-align: center; color: white !important; font-family: 'Gotham-Bold'; position: relative; font-size: 20px; background-color: #eb222e !important; } .stream-header a:hover, .stream-offer a:hover { background-color: #eb212e !important; } .stream-offer a { width: 330px; margin-left: 0 !important; } .stream-smart-image { position: relative; top: -285px; text-align: center; margin-bottom: -250px; padding: 0 15px; } .stream-smart-image img { max-width: 100%; height: auto; } .stream-icons { text-align: center; font-size: 0; width: 1200px; max-width: 100% } .stream-icons .stream-icon-item { width: 33.333%; display: inline-block;/*vertical-align: top;*/ text-align: center; margin-bottom: 70px; } .stream-icons .stream-icon-item .inner { margin: 0 auto; max-width: 100%; } .stream-icons .stream-icon-item:nth-child(1) .inner { width: 290px; } .stream-icons .stream-icon-item:nth-child(2) .inner { width: 260px; } .stream-icons .stream-icon-item:nth-child(3) .inner { width: 240px; } .stream-icons .stream-icon-item .inner > img { margin-bottom: 10px; } .stream-icons .stream-icon-item .inner > img + p { font-family: 'Gotham-Bold'; font-size: 30px; margin-bottom: 35px; color: #eb212e; } .stream-icons .stream-icon-item .inner img + p + p { font-family: 'Gotham-Book'; font-size: 15px; color: #000000; line-height: 20px; } .under-stream-icons p { font-size: 30px; line-height: 35px; color: #373737; font-family: 'Gotham-Book'; margin-bottom: 65px; } .under-stream-icons p strong { font-family: 'Gotham-Bold'; } .stream-how { background-image: url(/stream-smart/images/stream-bg.png); background-repeat: no-repeat; background-position: 0% 0%; background-color: #f1f4f7; } .stream-how > div > div { width: 400px; max-width: 100%; margin: 0 70px 0 auto; padding: 70px 0; } .stream-how h2 { font-size: 30px; font-family: 'Gotham-Bold'; color: #eb212e; margin: 0 0 30px 0; padding: 0; } .stream-how p { font-size: 15px; line-height: 20px; font-family: 'Gotham-Book'; color: #000000; } .stream-how a { font-size: 15px; line-height: 20px; font-family: 'Gotham-Bold'; color: #000000 !important; display: block; width: 270px; margin-top: 20px !important; max-width: 100%; } .stream-how a:before { content: ""; display: inline-block; vertical-align: middle; background-image: url(/stream-smart/images/play-btn.png); width: 36px; height: 37px; background-repeat: no-repeat; display: inline-block; vertical-align: middle; background-position: center; position: relative; left: -5px; } .stream-how a span { text-decoration: underline !important; display: inline-block; vertical-align: middle; } .stream-offer { padding: 75px 0 80px 0; } .stream-offer .title { font-size: 45px; color: #eb212e; font-family: 'fonts/lobster_twobold_italic'; margin-bottom: 45px; } .stream-offer .retail { font-size: 15px; color: #b2b2b2; margin-bottom: 5px; font-family: 'Gotham-Medium'; text-decoration: line-through; } .stream-offer .left { width: 45%; float: left; } .stream-offer .right { float: left; width: 55%; } .stream-offer .right img { max-width: 100%; height: auto; } .stream-offer .price .main { font-size: 104px; font-family: 'Gotham-Bold'; color: #ec192a; } .stream-offer .price span.dollar, .stream-offer .price span.small-top { position: relative; top: -30px; font-size: 55px; font-family: 'Gotham-Bold'; color: #ec192a; vertical-align: super; } .stream-offer .price span.small-bottom { font-size: 22px; color: #ec192a; font-family: 'Gotham-Bold'; position: relative; left: -95px; top: 0; } .stream-offer .price-info { font-size: 16px; color: #000000; margin-top: 10px; margin-bottom: 15px; } .stream-offer .price-info strong { font-family: 'Gotham-Bold'; } .stream-offer .price-info-small { font-size: 11px; color: #b2b2b2; line-height: 15px; font-family: 'Gotham-Book'; } @media screen and (max-width:991px) { .stream-offer .left { width: 55%; } .stream-offer .right { width: 45%; } .under-stream-icons { padding-left: 15px !important; padding-right: 15px !important; } .stream-how { background-size: cover; position: relative; } .stream-how .container { position: relative; } .stream-how:before { content: ""; position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); top: 0; left: 0; } .stream-header h1 { font-size: 55px; } .stream-header h2 { font-size: 16px; } .stream-icons .stream-icon-item .inner > img + p { font-size: 24px; margin-bottom: 25px; } .under-stream-icons p { font-size: 24px; } } @media screen and (max-width:767px) { .stream-offer .title { font-size: 35px; } .stream-offer { padding: 30px 0; } .stream-header a, .stream-offer a { max-width: 100%; } .stream-offer .left { width: 65%; } .stream-offer .right { width: 35%; } .stream-offer .right { margin-top: 30px; } .stream-smart-image { } .stream-icons .stream-icon-item { width: 100%; display: block; margin-bottom: 70px; } .stream-header h1 { font-size: 36px; } .stream-header h2 { font-size: 14px; } .stream-offer .price span.small-bottom { font-size: 11px; left: -45px; top: 0; } .stream-offer .price span.dollar, .stream-offer .price span.small-top { top: -15px; font-size: 38px; } .stream-offer .price .main { font-size: 75px; } } @media screen and (max-width:480px) { .stream-header { height: 330px; } .stream-smart-image { top: -200px; margin-bottom: -130px; } .stream-offer .left { width: 100%; float: none; } .stream-offer .right { width: 100%; float: none; } .stream-offer .title { font-size: 30px; margin-bottom: 30px; } .under-stream-icons p { font-size: 16px; line-height: 1.3; margin-bottom: 30px; } .stream-header h1 { font-size: 30px; } .stream-offer { text-align: center; } .stream-offer a, .stream-offer img { margin-left: auto !important; margin-right: auto !important; } } .hero-new.june-deals { background-image: url(/assets/images/june-deals-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.june-deals .big-element:before { content: ""; background-image: url(../images/june-deals-small.png); width: 435px; height: 251px; top: inherit !important; left: inherit !important; right: -70px; bottom: -10px; position: absolute; background-repeat: no-repeat; } .hero-new.june-deals .big-element:after { content: ""; background-image: url(../images/june-flower.png); width: 177px; height: 185px; left: -185px; bottom: -30px; position: absolute; background-repeat: no-repeat; } .hero-new.june-deals .big-element img { margin-top: 15px; margin-bottom: 10px; } .hero-new.june-deals .big-element p { font-family: 'Gotham-Bold'; font-size: 20px; line-height: 20px; margin-bottom: 10px; } .hero-new.june-deals .big-element li { font-family: 'Gotham-Bold'; font-size: 15px; line-height: 20px; } .half-box.bbq { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: bottom right; position: relative; background-image: url(/assets/images/bbq-back.jpg); background-repeat: repeat-x; background-size: 100% auto !important; border-bottom: none !important; } .half-box.bbq:before { height: 139px; width: 159px; content: ''; display: block; background-image: url(/assets/images/bbq.png); position: absolute; bottom: 20px; right: 10px; background-repeat: no-repeat; background-position: bottom right; } .hero-new .half-box.bbq .half-box-copy { padding-left: 20px; padding-top: 24px; } .half-box.bbq h4 { font-family: 'Gotham-Bold'; font-size: 20px; width: 200px; max-width: 100%; line-height: 23px; } .hero-new .bbq .half-box-copy p { font-size: 14px; width: 180px; max-width: 100%; font-weight: 400; margin-bottom: 12px; line-height: 18px; color: black; } .hero-new .bbq .half-box-copy p span.red { color: #fe1827; } .hero-new .bbq .half-box-copy a { color: #fff; margin-top: 7px; display: inline-block; font-family: 'Gotham-Bold'; } .half-box.outdoor { height: 175px; width: 375px; margin: 10px 0 15px 25px; background-position: bottom right; position: relative; background-image: url(/assets/images/outdoor.png); background-repeat: no-repeat; } .hero-new .half-box.outdoor .half-box-copy { padding-left: 20px; padding-top: 33px; } .half-box.outdoor h4 { font-family: 'Gotham-Bold'; font-size: 20px; width: 120px; max-width: 100%; line-height: 23px; } .hero-new .outdoor .half-box-copy p { font-size: 14px; width: 140px; max-width: 100%; font-weight: 400; margin-bottom: 12px; line-height: 18px; color: black; } .hero-new .outdoor .half-box-copy p span.red { color: #fe1827; } @media screen and (max-width:991px) { .hero-new.june-deals .big-element:after { display: none !important; } .hero-new.june-deals .big-element:before { right: 0 !important; bottom: 30px; } } @media screen and (max-width:650px) { .hero-new.june-deals .big-element:before { max-width: 50% !important; background-position: bottom right; background-size: contain; } .hero-new.june-deals .big-element img { max-width: 60%; } } @media screen and (max-width:480px) { .hero-new.june-deals .big-element img { max-width: 100%; } .hero-new.june-deals .big-element:before { max-width: 55% !important; bottom: 40px !important; } } .hero-new.june-deals.second .big-element:before { content: ""; background-image: url(../images/june-deals-second.png); width: 370px; height: 300px; top: inherit !important; left: inherit !important; right: -50px; bottom: -40px; position: absolute; background-repeat: no-repeat; } @media screen and (max-width:991px) { .hero-new.june-deals.second .big-element:before { right: 0 !important; bottom: 0; } } @media screen and (max-width:480px) { .hero-new.june-deals.second .big-element:before { max-width: 45% !important; bottom: 15% !important; } } @media screen and (max-width:320px) { .hero-new.june-deals.second .big-element:before { display: none; } } .hero-new.june-deals.third .big-element:before { background-image: url(../images/june-third.png); width: 373px; height: 304px; } .hero-new.june-deals .half-box.tires.new .half-box-copy { padding-left: 25px; padding-top: 13px; } .half-box.tires.new { background-image: url(../images/tires-back-new.jpg); } .half-box.streamsmart { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/june-streamsmart.jpg); background-repeat: no-repeat; } .hero-new .streamsmart .half-box-copy { padding-left: 25px; padding-top: 30px; } .half-box.streamsmart h4 { font-family: 'Gotham-Bold'; font-weight: 900; font-size: 20px; color: #000; margin-bottom: 10px; } .hero-new .streamsmart .half-box-copy p { font-size: 14px; width: inherit; max-width: 100%; font-weight: 400; margin-bottom: 12px; line-height: 18px; color: black; } .hero-new .streamsmart .half-box-copy p span.red { color: #fe1827; } @media screen and (max-width:991px) { .hero-new.june-deals.third .big-element:before { bottom: 0 !important; } } @media screen and (max-width:480px) { .hero-new.june-deals.third .big-element:before { max-width: 45% !important; } .half-box.streamsmart { background-size: auto !important; } } @media screen and (max-width:400px) { .hero-new.june-deals.third .big-element:before { bottom: 45px !important; } } @media screen and (max-width:320px) { .hero-new.june-deals.third .big-element:before { display: none; } } .half-box.sectional { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/sectional.jpg); background-repeat: no-repeat; background-position: calc(100% + 20px) 0; background-size: auto 100% !important; border-bottom: none !important; } .hero-new .sectional .half-box-copy { padding-left: 25px; padding-top: 30px; } .half-box.sectional h4 { font-family: 'Gotham-Bold'; font-weight: 900; font-size: 20px; color: #000; margin-bottom: 10px; } .hero-new .sectional .half-box-copy p { font-size: 14px; width: inherit; max-width: 50%; font-weight: 400; margin-bottom: 12px; line-height: 18px; color: black; } .hero-new .sectional .half-box-copy p span.red { color: #fe1827; } @font-face { font-family: 'AvenirNextLTPro-Heavy'; src: url('fonts/AvenirNextLTPro-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-Heavy.otf') format('opentype'), url('fonts/AvenirNextLTPro-Heavy.woff') format('woff'), url('fonts/AvenirNextLTPro-Heavy.ttf') format('truetype'), url('fonts/AvenirNextLTPro-Heavy.svg#AvenirNextLTPro-Heavy') format('svg'); font-weight: normal; font-style: normal; } .hero-new.july-deals.first { background-image: url(../images/july-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .hero-new.july-deals.first:before { border: 3px solid #000000; content: ""; display: block; position: absolute; top: 15px; left: 15px; width: calc(100% - 30px); height: calc(100% - 30px); background-image: url(../images/july-pseudo.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.july-deals.first .big-element { padding-top: 35px; } .hero-new.july-deals.first .big-element h1 { font-family: 'AvenirNextLTPro-Heavy'; font-size: 66px; color: #fe1c28; margin: 0; padding: 0; } .hero-new.july-deals.first .big-element h2 { font-family: 'AvenirNextLTPro-Heavy'; font-size: 30px; color: #fe1c28; padding: 0; margin: -17px 0 -20px 0; } .hero-new.july-deals.first .big-element h3 { font-family: 'Gotham-Bold'; font-size: 20px; color: #282828; margin: 0 0 12px 0; padding: 0; } .hero-new.july-deals.first .big-element ul { padding: 0; margin: 0; } .hero-new.july-deals.first .big-element li { font-family: 'Gotham-Bold'; font-size: 15px; line-height: 19px; color: #282828; } .hero-new.july-deals.first a.blue_btn { margin-top: 10px; padding: 0 27.5px; } .hero-new .big-element:before { content: ""; background-image: url(../images/julyhero.png); width: 396px; height: 278px; top: 100px; left: 260px; position: absolute; } .half-box.streamsmart.new { background-image: url(../images/stream-bg.png); background-position: 50% 50%; } .half-box.streamsmart.washer { background-position: 50% 50%; background-image: url(../images/washer-bg.png); } .half-box.streamsmart.new, .half-box.washer.streamsmart { border: 3px solid #ededed; background-color: #eb212e; color: white; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } .half-box.streamsmart.new p, .half-box.washer.streamsmart p, .half-box.streamsmart.new h4, .half-box.washer.streamsmart h4 { color: white; } .half-box.streamsmart.new a, .half-box.washer.streamsmart a { color: black; } /** july 10 */ .hero-new.july-deals.second { background-image: url(../images/july-10-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .hero-new.july-deals.second .big-element { padding-top: 15px; } .hero-new.july-deals.second .big-element h1 { font-family: 'AvenirNextLTPro-Heavy'; font-size: 66px; color: #fff; margin: 0; padding: 0; text-shadow: -5px 5px 0 #000000; line-height: 66px; } .hero-new.july-deals.second .big-element h2 { font-family: 'AvenirNextLTPro-Heavy'; font-size: 32px; color: #fff; text-shadow: -5px 5px 0 #000000; padding: 0; line-height: 20px; margin: 0; } .hero-new.july-deals.second .big-element h3 { font-family: 'Gotham-Bold'; font-size: 25px; color: #000000; margin: 10px 0 12px 0; padding: 0; } .hero-new.july-deals.second .big-element p { margin: 0; font-size: 13.42px; } .hero-new.july-deals.second .big-element ul { padding: 0; margin: 0; } .hero-new.july-deals.second .big-element li { font-family: 'Gotham-Bold'; font-size: 15px; line-height: 19px; color: #282828; } .hero-new.july-deals.second a.blue_btn { margin-top: 10px; padding: 0 27.5px; } .hero-new.july-deals.second .big-element:before { content: ""; background-image: url(../images/julyhero.png); width: 396px; height: 278px; top: 100px; left: 260px; position: absolute; } .half-box.em { background-image: url(../images/july-speaker.png); background-position: calc(100% - 15px) calc(100% - 15px); } .half-box.x-box { background-position: calc(100% - 15px) calc(100% - 15px); background-image: url(../images/july-xbox.png); } .half-box.x-box, .half-box.em { color: white; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } .half-box.x-box { background-color: #fe1827; } .half-box.em { background-color: white; } .half-box.em .half-box-copy { padding-top: 20px; } .half-box.em .half-box-copy img { margin-bottom: 5px; } .half-box.x-box p, .half-box.x-box h4 { color: white; } .half-box.x-box a, .half-box.em a { color: black !important; } .half-box.em h4, .half-box.x-box h4 { font-family: 'Gotham-Bold'; font-weight: 900; font-size: 22px; color: #000; margin-bottom: 5px; } .half-box.x-box h4 { color: white } .hero-new.july-deals.second .big-element:before { content: ""; background-image: url(../images/july-bike.png); width: 400px; height: 295px; bottom: -25px !important; position: absolute; right: -70px !important; top: auto !important; left: auto !important; } .july-deals.second .half-box { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-repeat: no-repeat; } .hero-new.july-deals.second .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new.july-deals.second .half-box-copy p { font-size: 15px; line-height: 20px; } @media screen and (max-width:991px) { .hero-new.july-deals.second .big-element:before { bottom: 0px !important; right: 0px !important; } } @media screen and (max-width:767px) { } @media screen and (max-width:480px) { .hero-new.july-deals.second .big-element { padding: 0 !important } .hero-new.july-deals.second .big-element:before { bottom: -15px !important; right: 0px !important; } } /** userflow */ @font-face { font-family: 'AvenirNextLTPro-Heavy'; src: url('fonts/AvenirNextLTPro-Heavy.eot?#iefix') format('embedded-opentype'), url('fonts/AvenirNextLTPro-Heavy.otf') format('opentype'), url('fonts/AvenirNextLTPro-Heavy.woff') format('woff'), url('fonts/AvenirNextLTPro-Heavy.ttf') format('truetype'), url('fonts/AvenirNextLTPro-Heavy.svg#AvenirNextLTPro-Heavy') format('svg'); font-weight: normal; font-style: normal; } .hero-new.july-deals.third { background-image: url(../images/july-new.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.july-deals.third .big-element h1, .hero-new.july-deals.third .big-element h2 { font-family: 'AvenirNextLTPro-Heavy'; text-shadow: -5px 5px 0 #000000; color: #fff; } .hero-new.july-deals.third .big-element h1 { font-size: 66px; line-height: 60px; } .hero-new.july-deals.third .big-element h1.top { margin-top: 30px; } .hero-new.july-deals.third .big-element h2 { font-size: 32px; line-height: 30px; margin-top: 0; margin-bottom: 5px; } .hero-new.july-deals.third .big-element h3 { font-size: 25px; line-height: 25px; letter-spacing: -0.025em; font-family: 'Gotham-Bold'; margin: 3px 0; } .hero-new.july-deals.third a.blue_btn { margin-top: 10px; } .hero-new.july-deals.third .big-element p { margin-top: 0; } .hero-new.july-deals.third .big-element p img { vertical-align: middle; } .hero-new.july-deals.third .big-element:before { content: ""; background-image: url(../images/bubble.png); width: 125px; height: 125px; top: 100px; left: 260px; position: absolute; } .half-box.ps-july { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/ps-bg.png); background-repeat: no-repeat; background-position: calc(100% + 2px) 0; background-size: auto 100% !important; border-bottom: none !important; background-color: #ffffff; } .hero-new .ps-july .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.hp-july { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/hp-bg.png); background-repeat: no-repeat; background-position: calc(100% + 3px) 0; background-size: auto 100% !important; border-bottom: none !important; background-color: #fe1827; } .hero-new .hp-july .half-box-copy { padding-left: 30px; padding-top: 35px; } .hero-new .ps-july .half-box-copy h4, .hero-new .hp-july .half-box-copy h4 { color: #fff; font-size: 22px; font-weight: 900; margin-bottom: 3px; } .hero-new .ps-july .half-box-copy p, .hero-new .hp-july .half-box-copy p { font-size: 15px; line-height: 20px; width: 200px; letter-spacing: -0.01em; margin-bottom: 10px; } .hero-new .ps-july .half-box-copy h4, .hero-new .ps-july .half-box-copy p, .hero-new .half-box.red.ps-july .half-box-copy a, .hero-new .half-box.red.hp-july .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.july-deals.third { background-size: auto 100%; background-position: 38% 0; } } @media screen and (max-width:480px) { .hero-new.july-deals.third .big-element h1, .hero-new.july-deals.third .big-element h2 { text-shadow: -3px 3px 0 #000000; } .hero-new.july-deals.third .big-element.col-xs-12 { padding-left: 0; padding-right: 0; } .hero-new.july-deals.third .big-element:before { top: 0; left: inherit; right: 15% !important; } .hero-new.july-deals.third .big-element h1 { font-size: 60px !important; line-height: 55px !important; } .hero-new.july-deals.third .big-element h2 { font-size: 28px !important; line-height: 24px !important; margin-bottom: 2px; } .hero-new.july-deals.third .big-element h3 { font-size: 20px !important; line-height: 20px !important; margin: 2px 0; } .hero-new.july-deals.third a.blue_btn { margin-top: 5px; margin-bottom: 30px; } } @media screen and (max-width:320px) { .hero-new.july-deals.third .col-xs-12 { padding-left: 0; padding-right: 0; } .hero-new.july-deals.third .big-element:before { width: 85px; height: 85px; background-size: cover; } .hero-new.july-deals.third .big-element h1, .hero-new.july-deals.third .big-element h2 { text-shadow: -2px 2px 0 #000000; } .hero-new.july-deals.third .big-element h1 { font-size: 40px !important; line-height: 35px !important; } .hero-new.july-deals.third .big-element h2 { font-size: 20px !important; line-height: 16px !important; margin-bottom: 2px; } .hero-new.july-deals.third .big-element h3 { font-size: 16px !important; line-height: 16px !important; margin: 2px 0; } .hero-new.july-deals.third .big-element p { font-size: 13px; } .hero-new.july-deals.third .big-element img { max-width: 60%; } .hero-new .ps-july .half-box-copy h4, .hero-new .hp-july .half-box-copy h4 { font-size: 18px; } .hero-new .ps-july .half-box-copy p, .hero-new .hp-july .half-box-copy p { font-size: 13px; line-height: 18px; width: 185px; } .half-box.hp-july { background-position: calc(100% + 10px) 40px; background-size: auto 70% !important; height: 155px; } .half-box.ps-july { background-position: calc(100% + 10px) 40px; background-size: auto 70% !important; height: 155px; } .hero-new .ps-july .half-box-copy, .hero-new .hp-july .half-box-copy { padding-top: 25px; } } /** july last */ .hero-new.july-deals.last { background-image: url(../images/july-last.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.july-deals.last .big-element { padding-top: 20px; } .hero-new.july-deals.last .big-element h1, .hero-new.july-deals.last .big-element h2 { font-family: 'AvenirNextLTPro-Heavy'; text-shadow: -5px 5px 0 #000000; color: #fff; } .hero-new.july-deals.last .big-element h1 { font-size: 66px; line-height: 55px; } .hero-new.july-deals.last .big-element h2 { font-size: 32px; line-height: 30px; margin-top: 0; margin-bottom: 5px; } .hero-new.july-deals.last .big-element h3 { font-size: 25px; line-height: 25px; letter-spacing: -0.025em; font-family: 'Gotham-Bold'; margin: 10px 0 5px 0; } .hero-new.july-deals.last a.blue_btn { margin-top: 40px; width: 180px; padding: 0 15px; text-align: center; } .hero-new.july-deals.last .big-element p { margin-top: 0; } .hero-new.july-deals.last .big-element li { font-size: 16px; line-height: 20px; font-weight: 600; } .hero-new.july-deals.last .big-element p img { vertical-align: middle; } .half-box.streamsmart.red { background-color: #fe1c28; border: 0; } .half-box.streamsmart.new.red { background-image: url(../images/streamsmart-last.png); } .half-box.lg { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/lg-last.png); background-repeat: no-repeat; background-color: #ffffff; } .hero-new .lg .half-box-copy h4 { color: #000; font-size: 22px; font-weight: 900; margin-bottom: 3px; } .hero-new .lg .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .lg .half-box-copy p { font-size: 15px; line-height: 20px; width: 200px; letter-spacing: -0.01em; margin-bottom: 10px; } .hero-new.july-deals.last .swiper-element-wrapper { height: auto !important; } .hero-new.july-deals.last .swiper-element-wrapper img { height: 200px; width: auto; margin: 15px 0; } .hero-new.july-deals.last .big-element:before { content: ""; background-image: url(../images/july-last.png); width: 381px; height: 319px; top: inherit !important; left: inherit !important; right: -55px; bottom: -30px; position: absolute; background-repeat: no-repeat; } @media screen and (max-width:768px) { .hero-new.july-deals.last .big-element:before { top: 90px !important; right: 0 !important; width: calc(100% - 270px); background-position: 100% 100%; } .half-box.streamsmart.new.red { background-position: 100% 100%; } } @media screen and (max-width:480px) { .hero-new.july-deals.last .big-element h1 { font-size: 60px !important; line-height: 55px !important; } .hero-new.july-deals.last .big-element h3 { font-size: 20px !important; line-height: 20px !important; margin: 2px 0; } .hero-new.july-deals.last .big-element:before { top: auto !important; right: 0 !important; width: 42%; background-position: 100% 100%; bottom: -15px !important; } .hero-new.july-deals.last .big-element li { font-size: 14px; line-height: 16px; } .hero-new.july-deals.last .big-element.col-xs-12 { padding-left: 0; padding-right: 0; } .hero-new.july-deals.last .big-element h1.top { margin-top: 30px; } .half-box.lg { background-size: 30% !important; } .half-box.streamsmart.new.red { background-size: 80% !important; } .half-box.streamsmart.new.red .half-box-copy { padding-top: 20px; } .hero-new.july-deals.last .big-element:before { display: none; } .hero-new.july-deals.last .big-element h1.top { margin-top: 0 !important; } .hero-new.july-deals.last a.blue_btn { margin-top: 20px !important; } } @media screen and (max-width:320px) { .hero-new.july-deals.last .col-xs-12 { padding-left: 0; padding-right: 0; } .hero-new.july-deals.last .big-element:before { top: auto !important; right: -15px !important; width: 100%; background-position: 100% 100%; bottom: -15px !important; } .hero-new.july-deals.last .big-element h1, .hero-new.july-deals.last .big-element h2 { text-shadow: -2px 2px 0 #000000; } .hero-new.july-deals.last .big-element h1 { font-size: 40px !important; line-height: 35px !important; } .hero-new.july-deals.last .big-element h2 { font-size: 20px !important; line-height: 16px !important; margin-bottom: 2px; } .hero-new.july-deals.last .big-element h3 { font-size: 16px !important; line-height: 16px !important; margin: 2px 0; } .hero-new.july-deals.last .big-element p { font-size: 13px; } .hero-new.july-deals.last .big-element img { } .hero-new .streamsmart.red.new .half-box-copy h4, .hero-new .lg .half-box-copy h4 { font-size: 18px; } .hero-new .lg .half-box-copy p, .hero-new .streamsmart.red.new .half-box-copy p { font-size: 13px; line-height: 18px; width: 185px; } .half-box.lg { background-position: calc(100% + 10px) 40px; background-size: auto 70% !important; height: 155px; } .half-box.streamsmart.red.new { background-position: calc(100% + 10px) 40px; background-size: auto 70% !important; height: 155px; } .hero-new .steamsmart.new.red .half-box-copy, .hero-new .lg .half-box-copy { padding-top: 25px; } } /** communication center */ #communication-center > .commucation-form { max-height: 100vh; overflow: auto; } #communication-center { position: relative; overflow: hidden; } #communication-center .header { position: relative; min-height: 485px; background-color: #eb212e; color: white; } #communication-center .header .container, #communication-center .main.container { width: 1050px; max-width: 100%; } #communication-center .header .container .row { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row;/*-webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap;*/ -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -webkit-align-items: stretch; -ms-flex-align: stretch; align-items: stretch; } #communication-center .header .left { padding-top: 60px; padding-bottom: 60px; } #communication-center .header h1 { font-size: 36px; color: #ffffff; font-family: 'Gotham-Medium'; margin: 0 0 10px 0; padding: 0; } #communication-center .header h1 strong { font-family: 'Gotham-Black'; } #communication-center .header p { font-family: 'Gotham-Medium'; margin: 0; font-size: 15px; line-height: 24px; padding: 0; } #communication-center .header ul { padding: 0; margin: 50px 0 50px 0; font-size: 0; } #communication-center .header ul li { width: 33.3333%; text-align: center; padding: 0; margin: 0; vertical-align: top; } #communication-center .header ul li a { height: 150px; width: 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: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; text-align: center; } #communication-center .header ul:hover li a { opacity: 0.5; } #communication-center .header ul li a:hover, #communication-center .header ul li a.active { background-color: #d11d28; opacity: 1; } #communication-center .header ul li a img { max-width: 100%; height: auto; margin-bottom: 25px; } #communication-center .header ul li a p { color: white; font-size: 16.5px; font-family: 'Gotham-Medium'; } #communication-center .header a.trigger-form { font-family: 'Gotham-Medium'; display: inline-block; color: #ffffff; border-bottom: 1px solid white; font-size: 16px; padding-bottom: 2px; } #communication-center .header .right { position: relative; } #communication-center .header .right img { position: absolute; right: 30px; bottom: -1px; } #communication-center .commucation-form.triggered { top: 0; } #communication-center .commucation-form { -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; position: absolute; top: -100%; height: 100%; left: 0; min-height: 485px; background-color: #ef1d24; color: white; width: 100%; z-index: 9; 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: center; -ms-flex-align: center; align-items: center; } #communication-center .commucation-form .container { width: 880px; max-width: 100%; position: relative; } #communication-center .commucation-form form { display: block; width: 100%; } #communication-center .commucation-form input:not([type="submit"]),#communication-center .commucation-form select,#communication-center .commucation-form textarea { width: 100%; height: 45px; line-height: 1; border: 1px solid #c8c8c8; font-family: 'Gotham-Medium'; font-size: 18px; color: #666666; padding: 0 15px; margin: 0 0 15px 0; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; text-overflow: ''; background-color: white; } #communication-center .commucation-form select::-ms-expand { display: none; } #communication-center .commucation-form select { background-image: url(../../communication-center/images/icon-drop.png); background-repeat: no-repeat; background-position: calc(100% - 15px) 18px; } #communication-center .commucation-form textarea { padding: 15px; height: 105px; } #communication-center .commucation-form label { color: white; display: block; font-family: 'Gotham-Bold'; font-size: 18px; color: #ffffff; margin: 0 0 5px 0; } #communication-center .commucation-form input[type="submit"] { margin: 25px auto 15px auto; display: block; width: 230px; max-width: 100%; height: 55px; line-height: 55px; background-color: white; text-align: center; font-size: 21px; color: #ef1d24; font-family: 'Gotham-Bold'; border: 0; } #communication-center .commucation-form input[type="submit"] + a { font-size: 16px; color: #ffffff; font-family: 'Gotham-Bold'; } #communication-center .commucation-form a.close-communication-form { background-image: url(../../communication-center/images/icon-close.png); background-repeat: no-repeat; width: 32px; height: 32px; position: absolute; right: -55px; top: -15px; display: block; } #communication-center a.close-success { background-image: url(../../communication-center/images/icon-close.png); background-repeat: no-repeat; width: 32px; height: 32px; position: absolute; right: 0; top: 20px; display: block; } #communication-center .main > .row > .left { padding-top: 70px; padding-bottom: 70px; } #communication-center .main > .row > .left .title { font-size: 28px; font-family: 'Gotham-Bold'; color: #ee1d24; margin: 0 0 30px 0; } #communication-faq .faq-row { margin-bottom: 25px; } #communication-faq .faq-row .question { margin-bottom: 0; } #communication-faq .faq-row .question a { font-family: 'Gotham-Medium'; color: #000000; font-size: 18px; line-height: 24px; position: relative; padding-left: 51px; } #communication-faq .faq-row .question a:before { content: ""; display: inline-block; width: 24px; height: 2px; background-color: #eb212e; position: absolute; left: 0; top: 0; margin-top: 10px; -webkit-transition: all 0.25s; transition: all 0.25s; } #communication-faq .faq-row .question a:after { content: ""; display: inline-block; width: 24px; height: 2px; background-color: #eb212e; position: absolute; left: 0; top: 0; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.25s; transition: all 0.25s; -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); margin-top: 10px; } #communication-faq .faq-row .question.triggered a:before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; } #communication-faq .faq-row .question.triggered a:after { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } #communication-faq .faq-row .answer { display: none; } #communication-faq .faq-row .answer { padding: 15px 15px 15px 55px; font-size: 15px; line-height: 23px; font-family: 'Gotham-Medium'; color: #666666; margin: 0; } .communcation-review { position: relative; padding-top: 115px; } .communcation-review > .left img { position: absolute; left: -40px; top: 30px; } .communcation-review > .right { text-align: right; } .communcation-review > .right p { font-size: 12px; color: #666666; line-height: 18px; margin: 0; font-family: 'Gotham-Medium'; } .communcation-review > .right p strong { font-size: 14px; font-family: 'Gotham-Bold'; } .communcation-review .gray { padding: 60px 30px 25px 30px; background-color: #eaeaea; text-align: center; margin-top: 10px; margin-bottom: 15px; } .communcation-review .gray p { font-size: 24px; font-family: 'Gotham-Bold'; color: #ef1d24; margin: 0; } #communication-center .blue-btn { height: 45px; line-height: 45px; width: 100%; display: block; margin-top: 15px; background-color: #eb212e; color: white; text-align: center; font-size: 18px; font-family: 'Gotham-Bold'; } .communication-location { background-color: #ef1d24; text-align: center; padding: 30px 20px; color: white; margin-bottom: 30px; } .communication-location p { font-size: 17px; line-height: 24px; font-family: 'Gotham-Bold' } .communication-location p strong { font-size: 30px; line-height: 30px; } .communication-location select { width: 100%; height: 45px; line-height: 1; border: 1px solid #c8c8c8; font-family: 'Gotham-Medium'; font-size: 18px; color: #666666; padding: 0 15px; margin: 30px 0 0 0; -webkit-appearance: none; -moz-appearance: none; text-indent: 1px; background-color: white; text-overflow: ''; } .communication-location select::-ms-expand { display: none; } .communication-location select { background-image: url(../../communication-center/images/icon-drop.png); background-repeat: no-repeat; background-position: calc(100% - 15px) 18px; } .communcation-chat { font-size: 0; margin-bottom: 60px; } .communcation-chat .image { display: inline-block; vertical-align: middle; } .communcation-chat .image img { max-width: 100%; height: auto; position: relative; top: -5px; } .communcation-chat .text { display: inline-block; vertical-align: middle; padding-left: 10px; text-align: left; } .communcation-chat .text p { font-size: 24px; line-height: 42px; font-family: 'Gotham-Bold'; color: #eb212e; line-height: 1; } .communcation-chat a { } .communcation-chat .text strong { font-size: 18px; line-height: 21px; color: #000000; font-family: 'Gotham-Medium' } .communcation-chat .clearfix { margin-top: 5px; } #communication-center .main.inner > .row > .left { padding-top: 55px; } .more-answer { padding: 5px; background-color: #eb212e; color: white; width: calc(100% - 100px); margin-right: 0; margin-left: auto; position: relative; padding-left: 95px; font-size: 0; } .more-answer img { position: absolute; left: -65px; bottom: -2px; } .more-answer .text { display: inline-block; vertical-align: middle; width: calc(100% - 290px); padding-top: 0; margin-top: -10px; padding-left: 30px; } .more-answer .cta { display: inline-block; width: 290px; vertical-align: middle; background-color: white; padding: 25px 35px; text-align: center; } .more-answer .text p { color: white; font-family: 'Gotham-Medium'; font-size: 26px; margin: 0; } .more-answer .text p+ hr { height: 2px; width: 80px; background-color: #7dc8f6; border: 0; display: block; margin: 15px 0; } .more-answer .text p + hr + p { font-size: 18px; line-height: 24px; } .more-answer .cta a:first-child { font-size: 28px; font-family: 'Gotham-Black'; color: #eb212e; } .more-answer .cta span { font-size: 16px; color: #333333; font-family: 'Gotham-Black'; display: block; text-transform: uppercase; margin-top: 10px; margin-bottom: -5px; } .more-answer + a.back { display: block; margin: 50px auto -35px auto; width: 42px; color: #eb212e; padding-bottom: 3px; border-bottom: 1px solid #eb212e; text-align: center; font-size: 16px; } .more-answer { max-width: calc(100% - 15px); margin-right: 15px; } @media only screen and (max-width:991px) { #communication-faq .faq-row .question a:after, #communication-faq .faq-row .question a:before { margin-top: 8px; } #communication-faq .faq-row .question a { padding-left: 40px; } .more-answer .text { padding-right: 10px; padding-left: 20px; } .more-answer .text p + hr + p { font-size: 14px; line-height: 18px; } .more-answer .text p { font-size: 18px; margin: 0; } #communication-faq .faq-row .answer { padding: 15px 15px 15px 40px; font-size: 14px; line-height: 1.5; } #communication-faq .faq-row .question a { font-size: 16px; } #communication-faq .faq-row .question a:before { margin-right: 15px !important; } #communication-center .commucation-form a.close-communication-form { right: 15px; top: -15px; } #communication-center .header ul li a img { margin-bottom: 15px; height: 40px; } #communication-center .header ul li img { } #communication-center .header ul li p { font-size: 14px; } #communication-center .header p br { display: none; } #communication-center .header .right img { right: 0; bottom: 0; max-width: 100%; } } @media only screen and (min-width:768px) and (max-width:991px) { .communication-location select { font-size: 16px; } .communcation-review .gray { padding-left: 15px; padding-right: 15px; } .communication-location { padding: 30px 10px; } .communcation-chat .text p { font-size: 20px; } .communcation-review > .left img { position: absolute; top: 85px; width: 150px; } } @media only screen and (max-width:767px) { #communication-faq .faq-row .question a:after, #communication-faq .faq-row .question a:before { top: 50%; margin-top: -2px; } .more-answer .cta { width: 100%; display: block; } .more-answer .text p+ hr { margin-right: auto; margin-left: auto } .more-answer .text { display: block; margin-top: 15px; margin-bottom: 15px; padding-left: 15px; padding-right: 15px; width: 100%; } .more-answer { max-width: calc(100% - 30px); margin-right: 15px; width: 100%; } .more-answer img { position: static; } .more-answer { text-align: center; padding-left: 5px; } .communcation-chat { margin-bottom: 30px; } #communication-center .header .commucation-form input:not([type="submit"]),#communication-center .header .commucation-form select,#communication-center .header .commucation-form textarea { width: 100%; height: 40px; line-height: 1; font-size: 16px; margin: 0 0 10px 0; } #communication-center .header .commucation-form textarea { height: 80px; } } @media only screen and (max-width:480px) { .more-answer .cta a:first-child { font-size: 20px; } #communication-faq .faq-row .answer { padding: 15px 0 15px 30px; font-size: 14px; line-height: 1.5; } #communication-faq .faq-row .question a:before { position: absolute; left: 0; } #communication-faq .faq-row .question a { font-size: 16px; position: relative; padding-left: 30px; display: block; } #communication-faq .faq-row .question a:before { margin-right: 5px !important; } #communication-center .header h1 { font-size: 24px; } #communication-center .header .left { padding-top: 30px; padding-bottom: 30px; } #communication-center .header ul { margin: 30px 0; } #communication-center .header ul li { width: 100%; } #communication-center .main > .row > .left .title { font-size: 18px; margin: 0 0 30px 0; } #communication-center .main > .row > .left { padding-top: 30px; padding-bottom: 30px; } } /** communication center - end */ /* Banner - july - rogo */ .hero-new.july-deals.rogo { background-image: url(../images/rogo/rogo-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.july-deals.rogo .big-element:before { display: none; } .hero-new.july-deals.rogo a.rogo-btn { margin-top: 10px; display: block; position: absolute; width: 154px; height: 154px; right: 2%; bottom: 40px; background-image: url(../images/rogo/rogo-btn.png); background-repeat: no-repeat; background-position: center; background-size: contain; text-indent: -99999px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .hero-new.july-deals.rogo .rogom-image { position: relative; height: 387px; margin-left: 10%; width: 520px; max-width: 100%; margin-right: auto; } .hero-new.july-deals.rogo .rogom-image img { position: absolute; display: block; margin-top: -220px; top: 50%; } .hero-new.july-deals.rogo.aug21 .rogom-image { position: relative; } .hero-new.july-deals.rogo.aug21 .rogom-image:after { content: "*LIMITED TIME OFFER! exclusions may apply."; position: absolute; font-size: 13px; font-family: 'Gotham-Book'; bottom: 20px; right: -50px; color: white } .hero-new.july-deals.rogo .rogom-image:before { content: ''; display: block; position: absolute; background-image: url(../images/rogo/rogo-women.png); background-repeat: no-repeat; background-size: contain; background-position: bottom right; width: 307px; height: 349px; max-height: 100%; left: -50%; bottom: 0; z-index: 1; } .half-box.amana-l { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/rogo/amana.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -15px) 20px; } .hero-new .amana-l .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.purewash-pro { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/rogo/purewash.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #cb1c2e; } .hero-new .purewash-pro .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .amana-l .half-box-copy h4, .hero-new .purewash-pro .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; } .hero-new .purewash-pro .half-box-copy h4 { color: #fff; } .hero-new .amana-l .half-box-copy p, .hero-new .purewash-pro .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .amana-l .half-box-copy p { letter-spacing: 0.025em; } .hero-new .purewash-pro .half-box-copy p { letter-spacing: 0.01em; } .hero-new .half-box.amana-l .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.july-deals.rogo .rogom-image { margin: 0 auto; } } @media screen and (max-width:767px) { .hero-new.july-deals.rogo.aug21 .rogom-image img { margin-top: inherit; } .hero-new.july-deals.rogo .rogom-image img { max-height: 100%; top: inherit; margin-top: inherit; } .hero-new.july-deals.rogo .rogom-image { margin-left: 30%; max-width: 70%; } .half-box.amana-l { margin-top: 0 !important; } } @media screen and (max-width:670px) { .hero-new.july-deals.rogo .rogom-image { margin-left: 25%; max-width: 75%; } } @media screen and (max-width:670px) { .hero-new.july-deals.rogo .rogom-image { margin-left: auto; max-width: 100%; } .hero-new.july-deals.rogo .rogom-image:before { display: none; } } @media screen and (max-width:480px) { .hero-new.july-deals.rogo .big-element { padding-left: 0; padding-right: 0; } .hero-new.july-deals.rogo a.rogo-btn { width: 100px; height: 100px; right: 0; bottom: 0; } .hero-new .amana-l .half-box-copy h4, .hero-new .purewash-pro .half-box-copy h4 { font-size: 18px; } .hero-new .amana-l .half-box-copy p, .hero-new .purewash-pro .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.amana-l { background-size: 35% auto !important; margin-top: 15px !important; } .half-box.purewash-pro { background-size: 45% auto !important; } } @media screen and (max-width:320px) { .hero-new.july-deals.rogo .swiper-element { padding-left: 0; padding-right: 0; } .hero-new.july-deals.rogo .rogom-image { height: 330px; } .hero-new .amana-l .half-box-copy h4, .hero-new .purewash-pro .half-box-copy h4 { font-size: 18px; } } /* Banner - july - rogo - end */ .modal-backdrop { z-index: 9; } .modal-backdrop.fade.in { display: none; } .modal-open .modal { background-color: rgba(0, 0, 0, 0.5); } /** communcation success */ #communication-success, #communication-success h1, #communication-success p { -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -ms-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } #communication-success .cloud-one, #communication-success .cloud-two { -webkit-transition: all 1s linear 1s; -moz-transition: all 1s linear 1s; -ms-transition: all 1s linear 1s; -o-transition: all 1s linear 1s; transition: all 1s linear 1s; } #communication-success .plane { -webkit-transition: all 1s linear 1s; -moz-transition: all 1s linear 1s; -ms-transition: all 1s linear 1s; -o-transition: all 1s linear 1s; transition: all 1s linear 1s; } #communication-success .line { -webkit-transition: all 4s linear 1s; -moz-transition: all 4s linear 1s; -ms-transition: all 4s linear 1s; -o-transition: all 4s linear 1s; transition: all 4s linear 1s; } #communication-success:not(.success) { opacity: 0; visibility: hidden; } #communication-success:not(.success) .cloud-one { left: 120px; top: -90px; } #communication-success:not(.success) .cloud-two { right: 190px; top: -35px; } #communication-success:not(.success) h1, #communication-success:not(.success) p { opacity: 0; visibility: hidden; } #communication-success:not(.success) .plane { top: 100%; left: -205px; } #communication-success.success { background: #8adafe; } #communication-success { opacity: 1; visibility: visible; position: absolute; left: 0; width: 100%; height: 100%; top: 0; background-color: transparent; z-index: 9; text-align: center; } #communication-success .container { position: relative; 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: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } #communication-success .cloud-one { position: absolute; left: 60px; top: -45px; -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */ animation-delay: 2s; } #communication-success .cloud-two { position: absolute; right: 160px; top: 5px; -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */ animation-delay: 2s; } #communication-success .line { position: absolute; left: -55px; bottom: -10px; -webkit-animation-delay: 2s; /* Safari 4.0 - 8.0 */ animation-delay: 2s; max-width: 0; overflow: hidden; } #communication-success.success .line { max-width: 100%; } #communication-success .plane { position: absolute; top: 73px; left: 220px; } @import url('//fonts.googleapis.com/css?family=Lobster+Two:400,400i,700,700i'); #communication-success h1 { font-size: 58px !important; font-weight: bold; color: #ffffff; margin: 0; font-family: 'Lobster Two', cursive !important; text-shadow: 0 2px 1px rgba(58, 102, 121, 0.92); opacity: 1; visibility: visible; } #communication-success p { font-size: 18px; color: #333333; font-family: 'Gotham-Medium'; margin: 0; opacity: 1; visibility: visible; } .hero-new.july-deals.rogo.new { background-image: url(../images/rogo/rogo-back-new.jpg); } .hero-new.july-deals.rogo.new.aug21 { background-image: url(../images/rogo/rogo-back-new2.jpg); } .half-box.hp-aug.lg-aug { background-image: url(../images/rogo/lg-aug.png) !important; } .half-box.sam-aug.stream-aug { background-image: url(../images/rogo/stream-aug.png) !important; } .half-box.f-chester { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/f-chester.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -12px) 12px; background-size: auto 87% !important; } .hero-new .f-chester .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.jasmine { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/jasmine.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #cb1c2e; background-position: calc(100% + -15px) 15px; } .hero-new .jasmine .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .f-chester .half-box-copy h4, .hero-new .jasmine .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; } .hero-new .jasmine .half-box-copy h4 { color: #fff; } .hero-new .f-chester .half-box-copy p, .hero-new .jasmine .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .f-chester .half-box-copy p { letter-spacing: 0.025em; } .hero-new .jasmine .half-box-copy p { letter-spacing: 0.01em; } .hero-new .half-box.f-chester .half-box-copy a { color: #000 !important; } @media screen and (max-width:767px) { .half-box.f-chester { margin-top: 0 !important; } } @media screen and (max-width:480px) { .hero-new .f-chester .half-box-copy h4, .hero-new .jasmine .half-box-copy h4 { font-size: 18px; } .hero-new .f-chester .half-box-copy p, .hero-new .jasmine .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.f-chester { margin-top: 15px !important; } .half-box.jasmine { background-size: 45% auto !important; } } @media screen and (max-width:320px) { .hero-new .f-chester .half-box-copy h4, .hero-new .jasmine .half-box-copy h4 { font-size: 18px; } } .half-box.hp-aug { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/hp-aug.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -12px) 12px; background-size: auto 87% !important; } .hero-new .hp-aug .half-box-copy { padding-left: 25px; padding-top: 25px; } .half-box.sam-aug { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/sam-aug.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #f39322; background-position: calc(100% + -15px) 15px; } .hero-new .sam-aug .half-box-copy { padding-left: 25px; padding-top: 25px; } .hero-new .hp-aug .half-box-copy h4, .hero-new .sam-aug .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; } .hero-new .sam-aug .half-box-copy h4 { color: #fff; } .hero-new .hp-aug .half-box-copy p, .hero-new .sam-aug .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .hp-aug .half-box-copy p { letter-spacing: 0.025em; } .hero-new .sam-aug .half-box-copy p { letter-spacing: 0.01em; color: #fff; } .hero-new .half-box.hp-aug .half-box-copy a { color: #000 !important; } .hero-new .half-box.sam-aug .half-box-copy a { color: #fff !important; } @media screen and (max-width:767px) { .half-box.hp-aug { margin-top: 0 !important; } } @media screen and (max-width:480px) { .hero-new .hp-aug .half-box-copy h4, .hero-new .sam-aug .half-box-copy h4 { font-size: 18px; } .hero-new .hp-aug .half-box-copy p, .hero-new .sam-aug .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.hp-aug { margin-top: 15px !important; } .half-box.sam-aug { background-size: 45% auto !important; } } @media screen and (max-width:320px) { .hero-new .hp-aug .half-box-copy h4, .hero-new .sam-aug .half-box-copy h4 { font-size: 18px; } } .cat-blue-btn { display: block; width: 184px; max-width: 100%; height: 50px; line-height: 50px; color: #fff !important; text-transform: uppercase; text-align: center; font-family: 'Gotham-Bold'; background-color: #eb212e; } .userflow-banner > .container .first-payment, .product-brand-icons { display: none !important; } .hero-new.july-deals.rogo.aug-last .rogom-image:before { background-image: url(../images/rogo-last.png); width: 355px; height: 356px; } /* Banner - sept */ .hero-new.sept-deals { background-image: url(../images/sept-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.sept-deals .big-element:before { content: ''; display: block; background-image: url(../images/badge-sept.png); width: 380px; height: 270px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -50px; } .hero-new.sept-deals .swiper-element-container { position: relative; } .hero-new.sept-deals .swiper-element-container:before { content: ''; display: block; background-image: url(../images/men.png); width: 235px; height: 366px; top: inherit; left: -235px; position: absolute; bottom: 0; background-repeat: no-repeat; } .hero-new.sept-deals .swiper-element-container:after { content: ''; display: block; background-image: url(../images/women-sept.png); width: 208px; height: 352px; top: inherit; right: -278px; position: absolute; bottom: 0; background-repeat: no-repeat; } .hero-new.sept-deals .big-element h2 { font-size: 70px; line-height: 75px; color: #000; font-weight: 900; width: inherit; max-width: 100%; margin-top: 30px; margin-bottom: 0; } .hero-new.sept-deals .big-element h2 .lobster { font-family: 'fonts/lobster_twobold_italic'; font-size: 84px; } .hero-new.sept-deals .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; margin-top: 30px; margin-bottom: 100px; } .half-box.sharp { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/sharp-sept.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -15px) 20px; } .hero-new .sharp .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.hp-sept { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/hp-sept.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -15px) 20px; } .hero-new .hp-sept .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .sharp .half-box-copy h4, .hero-new .hp-sept .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; } .hero-new .hp-sept .half-box-copy h4 { color: #000; } .hero-new .sharp .half-box-copy p, .hero-new .hp-sept .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .sharp .half-box-copy p { } .hero-new .hp-sept .half-box-copy p { } .hero-new .half-box.sharp .half-box-copy a, .hero-new .half-box.hp-sept .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.sept-deals .big-element:before { right: 0 !important; max-width: 50% !important; } } @media screen and (max-width:480px) { .hero-new.sept-deals { background-position: left center; } .hero-new.sept-deals .big-element:before { display: none; } .hero-new.sept-deals .big-element h2 { font-size: 50px !important; margin-top: 0; line-height: 55px !important; } .hero-new.sept-deals .big-element h2 .lobster { font-size: 58px !important; } .hero-new.sept-deals .big-element h2:after { content: ''; display: block; max-width: 100%; background-image: url(../images/badge-sept.png); background-repeat: no-repeat; background-size: contain; width: 100%; padding-bottom: 60%; } .hero-new.sept-deals .big-element a { margin-bottom: 0; } .hero-new .sharp .half-box-copy h4, .hero-new .hp-sept .half-box-copy h4 { font-size: 18px; } .hero-new .sharp .half-box-copy p, .hero-new .hp-sept .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.sharp { background-size: 45% auto !important; margin-top: 15px !important; } .half-box.hp-sept { background-size: 45% auto !important; } } @media screen and (max-width:320px) { .hero-new.sept-deals .swiper-element { padding-left: 0; padding-right: 0; } } /* Banner - sept - end */ /* Banner - sept - second */ .hero-new.sept-deals.sept-second .big-element:before { content: ''; display: block; background-image: url(../images/tablet-sept.png); width: 417px; height: 314px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -50px; background-position: bottom right; } .hero-new.sept-deals.sept-second .swiper-element-container:after { content: ''; display: block; background-image: url(../images/women-sept-2.png); width: 246px; height: 353px; top: inherit; right: -310px; position: absolute; bottom: 0; background-repeat: no-repeat; } .hero-new.sept-deals.sept-second .big-element h2 { font-size: 75px; line-height: 75px; color: #000; font-weight: 900; width: inherit; max-width: 100%; margin-top: 20px; margin-bottom: 0; font-family: 'fonts/lobster_twobold_italic'; } .hero-new.sept-deals.sept-second .big-element h2 span { font-size: 84px; display: block; } .hero-new.sept-deals.sept-second .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; margin-top: 10px; margin-bottom: 20px; margin-left: 10px; } .hero-new.sept-deals.sept-second .big-element p.green { font-size: 27px; line-height: 28px; color: #008e86; letter-spacing: -0.01em; font-family: 'Avenir-Black'; margin-left: 10px; } .hero-new.sept-deals.sept-second .big-element p.green sup { font-size: 17px; top: -7px; } .hero-new.sept-deals.sept-second .big-element p.bottom { margin-top: 0; width: inherit; font-size: 13px; font-family: 'Gotham-Book'; line-height: 13px; letter-spacing: -0.01em; margin-left: 10px; } .half-box.whirlpool { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/whirlpool-sept.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -15px) 20px; } .hero-new .whirlpool .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.tires-sept { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/tires-sept.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: top right; } .hero-new .tires-sept .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .whirlpool .half-box-copy h4, .hero-new .tires-sept .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; } .hero-new .tires-sept .half-box-copy h4 { color: #000; } .hero-new .tires-sept .half-box-copy h4 .red { color: #ed1c24; } .hero-new .whirlpool .half-box-copy p, .hero-new .tires-sept .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .half-box.whirlpool .half-box-copy a, .hero-new .half-box.tires-sept .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.sept-deals.sept-second .big-element:before { right: 0 !important; max-width: 50% !important; } } @media screen and (max-width:480px) { .hero-new.sept-deals.sept-second .big-element:before { display: none; } .hero-new.sept-deals.sept-second .big-element h2 { font-size: 50px !important; margin-top: 0; line-height: 55px !important; } .hero-new.sept-deals.sept-second .big-element h2 span { font-size: 50px !important; display: inline; } .hero-new.sept-deals.sept-second .big-element p.green, .hero-new.sept-deals.sept-second .big-element a, .hero-new.sept-deals.sept-second .big-element p.bottom { margin-left: 0; } .hero-new.sept-deals.sept-second .big-element p.green br { display: none; } .hero-new.sept-deals.sept-second .big-element h2:after { content: ''; display: block; max-width: 100%; background-image: url(../images/tablet-sept.png); background-repeat: no-repeat; background-size: contain; width: 100%; padding-bottom: 60%; margin-top: 10px; } .hero-new .whirlpool .half-box-copy h4, .hero-new .tires-sept .half-box-copy h4 { font-size: 18px; } .hero-new .whirlpool .half-box-copy p, .hero-new .tires-sept .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.whirlpool { background-size: 35% auto !important; margin-top: 15px !important; } .half-box.tires-sept { background-size: 60% auto !important; } } @media screen and (max-width:320px) { .hero-new.sept-deals.sept-second .swiper-element { padding-left: 0; padding-right: 0; } } /* Banner - sept - second - end */ /* Banner - sept - third */ .hero-new.sept-deals.sept-third .big-element:before { background-image: url(../images/badge-sept-2.png); } .hero-new.sept-deals.sept-third .swiper-element-container:before { background-image: url(../images/women-sept-third.png); width: 358px; height: 379px; top: inherit; left: -350px; } .hero-new.sept-deals.sept-third .swiper-element-container:after { display: none; } .half-box.costwold-sept { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/costwold-sept.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -15px) 20px; } .hero-new .costwold-sept .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.tablet-sept { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/tablet-sept-2.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: 100% 15px; } .hero-new .tablet-sept .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .costwold-sept .half-box-copy h4, .hero-new .tablet-sept .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; } .hero-new .tablet-sept .half-box-copy h4 { color: #000; } .hero-new .costwold-sept .half-box-copy p, .hero-new .tablet-sept .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .costwold-sept .half-box-copy p { } .hero-new .tablet-sept .half-box-copy p { } .hero-new .half-box.costwold-sept .half-box-copy a, .hero-new .half-box.tablet-sept .half-box-copy a { color: #000 !important; } @media screen and (max-width:1400px) { .hero-new.sept-deals.sept-third .swiper-element-container:before { display: none; } } @media screen and (max-width:480px) { .hero-new.sept-deals.sept-third .big-element h2:after { background-image: url(../images/badge-sept-2.png); } .hero-new .costwold-sept .half-box-copy h4, .hero-new .tablet-sept .half-box-copy h4 { font-size: 18px; } .hero-new .costwold-sept .half-box-copy p, .hero-new .tablet-sept .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.costwold-sept { background-size: 45% auto !important; margin-top: 15px !important; } .half-box.tablet-sept { background-size: 45% auto !important; } } /* Banner - sept - third - end */ /* Banner - oct - first */ .hero-new.oct-deals { background-image: url(../images/oct-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.oct-deals .big-element:before { content: ''; display: block; background-image: url(../images/oct-sony.png); width: 426px; height: 233px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -65px; background-position: bottom right; } .hero-new.oct-deals .big-element img { margin-top: 20px; margin-bottom: 15px; } .hero-new.oct-deals .big-element h3 { font-family: 'Avenir-Black'; font-size: 24px; color: #000; } .hero-new.oct-deals .big-element .price { margin-left: 0; font-family: 'Avenir-Black'; color: #000; font-size: 22px; font-weight: normal; margin-bottom: 25px; margin-top: 5px; } .hero-new.oct-deals .big-element .price .dollar, .hero-new.oct-deals .big-element .price .amount-container, .hero-new.oct-deals .big-element .price .main, .hero-new.oct-deals .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new.oct-deals .big-element .price .dollar { margin-right: -6px; } .hero-new.oct-deals .big-element .price .main { font-size: 42px; line-height: 40px; } .hero-new.oct-deals .big-element span.small { font-size: 22px; } .hero-new.oct-deals .big-element .price .amount-copy { font-size: 14px; font-family: 'AvenirLTStd-Roman'; } .hero-new.oct-deals .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; margin-bottom: 85px; } .half-box.ps-oct { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/oct-ps.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .ps-oct .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.oct-soundbar { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/oct-soundbar.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .oct-soundbar .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .ps-oct .half-box-copy h4, .hero-new .oct-soundbar .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; } .hero-new .oct-soundbar .half-box-copy h4 { color: #000; } .hero-new .ps-oct .half-box-copy p, .hero-new .oct-soundbar .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .ps-oct .half-box-copy p { } .hero-new .oct-soundbar .half-box-copy p { } .hero-new .half-box.ps-oct .half-box-copy a, .hero-new .half-box.oct-soundbar .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.oct-deals .big-element:before { max-width: 50% !important; right: 0 !important; } } @media screen and (max-width:480px) { .hero-new.sept-deals.sept-third .big-element h2:after { background-image: url(../images/badge-sept-2.png); } .hero-new .ps-oct .half-box-copy h4, .hero-new .oct-soundbar .half-box-copy h4 { font-size: 18px; } .hero-new .ps-oct .half-box-copy p, .hero-new .oct-soundbar .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.ps-oct { background-size: 35% auto !important; margin-top: 15px !important; } .half-box.oct-soundbar { background-size: 50% auto !important; } } /* Banner - oct - first - end */ /* Banner - oct - second */ .hero-new.oct-deals.oct-second { background-image: url(../images/back-oct.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.oct-deals.oct-second .big-element:before { content: ''; display: block; background-image: url(../images/bags-oct.png); width: 448px; height: 236px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -65px; background-position: bottom right; } .hero-new.oct-deals.oct-second .big-element h2 { font-family: 'Gotham-Black'; color: #fff; font-size: 73px; text-shadow: 3px 3px 1px rgba(0, 0, 0, 1); margin-top: 45px; margin-bottom: 5px; } .hero-new.oct-deals.oct-second .big-element h3 { font-family: 'AvenirLTStd-Roman'; font-size: 43px; color: #ff4c0e; letter-spacing: -0.01em; } .hero-new.oct-deals.oct-second .big-element p { font-family: 'AvenirLTStd-Roman'; font-weight: bold; font-size: 20px; line-height: 23px; margin-bottom: 20px; margin-top: 5px; } .hero-new.oct-deals.oct-second .big-element p.small { font-size: 16px; margin-bottom: 65px; margin-top: 0; } .hero-new.oct-deals.oct-second .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; margin-bottom: 20px; } .half-box.hp-oct { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/hp-oct.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .hp-oct .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.oct-amana { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/aman-oct.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .oct-amana .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .hp-oct .half-box-copy h4, .hero-new .oct-amana .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; } .hero-new .oct-amana .half-box-copy h4 { color: #000; } .hero-new .hp-oct .half-box-copy p, .hero-new .oct-amana .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .hp-oct .half-box-copy p { } .hero-new .oct-amana .half-box-copy p { } .hero-new .half-box.hp-oct .half-box-copy a, .hero-new .half-box.oct-amana .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.oct-deals { background-position: 10% center; } .hero-new.oct-deals .big-element:before { max-width: 50% !important; right: 0 !important; } } @media screen and (max-width:480px) { .hero-new.oct-deals.oct-second { background-position: 37% center; } .hero-new.oct-deals.oct-second .big-element h2 { font-size: 55px !important; } .hero-new.oct-deals.oct-second .big-element h3 { font-size: 30px; } .hero-new.oct-deals.oct-second .big-element:before { max-width: 80% !important; right: 0 !important; bottom: -15px !important; } .hero-new .hp-oct .half-box-copy h4, .hero-new .oct-amana .half-box-copy h4 { font-size: 18px; } .hero-new .hp-oct .half-box-copy p, .hero-new .oct-amana .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.hp-oct { background-size: 35% auto !important; margin-top: 15px !important; } .half-box.oct-amana { background-size: 50% auto !important; } } /* Banner - oct - second - end */ /* Banner - oct - third */ .hero-new.oct-deals.oct-third { background-image: url(../images/oct-third-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.oct-deals.oct-third .big-element:before { content: ''; display: block; background-image: url(../images/oct-laptop.png); width: 313px; height: 244px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -40px; background-position: bottom right; } .hero-new.oct-deals.oct-third .big-element h2 { font-family: 'fonts/lobster_twobold_italic'; color: #fff; font-size: 60px; letter-spacing: 0.025em; text-shadow: 3px 3px 1px rgba(0, 0, 0, 1); margin-top: 50px; margin-bottom: 10px; width: inherit; } .hero-new.oct-deals.oct-third .big-element p { font-family: 'Avenir-Black'; font-size: 24px; line-height: 23px; margin-bottom: 10px; letter-spacing: -0.01em; } .hero-new.oct-deals.oct-third .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; margin-bottom: 115px; } .hero-new.oct-deals.oct-third .big-element .price { margin-left: 0; font-family: 'AvenirLTStd-Roman'; font-weight: bold; color: #000; font-size: 24px; font-weight: normal; margin-bottom: 20px; margin-top: 0; } .hero-new.oct-deals.oct-third .big-element .price .dollar, .hero-new.oct-deals.oct-third .big-element .price .amount-container, .hero-new.oct-deals.oct-third .big-element .price .main, .hero-new.oct-deals.oct-third .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new.oct-deals.oct-third .big-element .price .dollar { margin-right: -6px; } .hero-new.oct-deals.oct-third .big-element .price .main { font-size: 48px; line-height: 40px; } .hero-new.oct-deals.oct-third .big-element span.small { font-size: 24px; } .hero-new.oct-deals.oct-third .big-element .price .amount-copy { font-size: 16px; font-family: 'AvenirLTStd-Roman'; } .half-box.oct-xbox { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/oct-xbox.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .oct-xbox .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.oct-tv { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/oct-tv.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .oct-tv .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .oct-xbox .half-box-copy h4, .hero-new .oct-tv .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; } .hero-new .oct-tv .half-box-copy h4 { color: #000; } .hero-new .oct-xbox .half-box-copy p, .hero-new .oct-tv .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .oct-xbox .half-box-copy p { } .hero-new .oct-tv .half-box-copy p em { color: #ff000a; font-style: italic; } .hero-new .half-box.oct-xbox .half-box-copy a, .hero-new .half-box.oct-tv .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.oct-deals { background-position: 10% center; } .hero-new.oct-deals .big-element:before { max-width: 50% !important; right: 0 !important; } } @media screen and (max-width:480px) { .hero-new.oct-deals.oct-third { background-position: 65% center; } .hero-new.oct-deals.oct-third .big-element h2 { font-size: 45px !important; margin-top: 0; } .hero-new.oct-deals.oct-third .big-element p:after { content: ''; display: block; background-image: url(../images/oct-laptop.png); width: 70%; height: 200px; background-size: contain; background-repeat: no-repeat; margin-top: 30px; } .hero-new.oct-deals.oct-third .big-element a { margin-bottom: 0; } .hero-new.oct-deals.oct-third .big-element:before { display: none; } .hero-new .oct-xbox .half-box-copy h4, .hero-new .oct-tv .half-box-copy h4 { font-size: 18px; } .hero-new .oct-xbox .half-box-copy p, .hero-new .oct-tv .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.oct-xbox { background-size: 35% auto !important; margin-top: 15px !important; } .half-box.oct-tv { background-size: 50% auto !important; } } /* Banner - oct - third - end */ /* Banner - oct - fourth */ .hero-new.oct-deals.oct-fourth { background-image: url(../images/oct-fourth-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.oct-deals.oct-fourth .big-element:before { content: ''; display: block; background-image: url(../images/oct-speaker.png); width: 475px; height: 181px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -40px; background-position: bottom right; } .hero-new.oct-deals.oct-fourth .big-element h2 { font-family: 'AvenirLTStd-Roman'; font-weight: bold; color: #fff; font-size: 26px; line-height: 24px; letter-spacing: 0.025em; margin-top: 35px; margin-bottom: 15px; width: inherit; } .hero-new.oct-deals.oct-fourth .big-element h2 span { font-size: inherit; display: inline-block; } .hero-new.oct-deals.oct-fourth .big-element h2 span.lobster { font-family: 'fonts/lobster_twobold_italic'; font-size: 84px; text-shadow: 3px 3px 1px rgba(0, 0, 0, 1); } .hero-new.oct-deals.oct-fourth .big-element p { font-family: 'Avenir-Black'; font-size: 25px; line-height: 23px; margin-bottom: 10px; letter-spacing: -0.01em; color: #f39322; max-width: inherit; width: inherit; } .hero-new.oct-deals.oct-fourth .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #f39322; padding: 20px 35px; margin-bottom: 115px; position: relative; } .hero-new.oct-deals.oct-fourth .big-element .price { margin-left: 0; font-family: 'AvenirLTStd-Roman'; font-weight: bold; color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 20px; margin-top: 0; } .hero-new.oct-deals.oct-fourth .big-element .price .dollar, .hero-new.oct-deals.oct-fourth .big-element .price .amount-container, .hero-new.oct-deals.oct-fourth .big-element .price .main, .hero-new.oct-deals.oct-fourth .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new.oct-deals.oct-fourth .big-element .price .dollar { margin-right: -6px; } .hero-new.oct-deals.oct-fourth .big-element .price .main { font-size: 48px; line-height: 40px; } .hero-new.oct-deals.oct-fourth .big-element span.small { font-size: 24px; line-height: 20px; } .hero-new.oct-deals.oct-fourth .big-element .price .amount-copy { font-size: 16px; font-family: 'AvenirLTStd-Roman'; } .hero-new.oct-deals.oct-fourth .big-element img { margin-top: 3px; margin-bottom: 15px; margin-left: 15px; } .half-box.oct-samsung { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/oct-samsung.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .oct-samsung .half-box-copy { padding-left: 30px; padding-top: 30px; } .half-box.oct-chant { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/oct-chant.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .oct-chant .half-box-copy { padding-left: 30px; padding-top: 30px; } .hero-new .oct-samsung .half-box-copy h4, .hero-new .oct-chant .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; } .hero-new .oct-chant .half-box-copy h4 { color: #000; } .hero-new .oct-samsung .half-box-copy p, .hero-new .oct-chant .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .oct-samsung .half-box-copy p { } .hero-new .oct-chant .half-box-copy p em { color: #ff000a; font-style: italic; } .hero-new .half-box.oct-samsung .half-box-copy a, .hero-new .half-box.oct-chant .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.oct-deals.oct-fourth { background-position: 10% center; } .hero-new.oct-deals.oct-fourth .big-element:before { max-width: 50% !important; right: 0 !important; } } @media screen and (max-width:480px) { .hero-new.oct-deals.oct-fourth { background-position: 45% center; } .hero-new.oct-deals.oct-fourth .big-element h2 { font-size: 45px !important; margin-top: 0; } .hero-new.oct-deals.oct-fourth .big-element p:after { content: ''; display: block; background-image: url(../images/oct-speaker.png); width: 70%; height: 120px; background-size: contain; background-repeat: no-repeat; margin-top: 30px; } .hero-new.oct-deals.oct-fourth .big-element a { margin-bottom: 0; } .hero-new.oct-deals.oct-fourth .big-element:before { display: none; } .hero-new .oct-samsung .half-box-copy h4, .hero-new .oct-tv .half-box-copy h4 { font-size: 18px; } .hero-new .oct-samsung .half-box-copy p, .hero-new .oct-chant .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.oct-samsung { background-size: 35% auto !important; margin-top: 15px !important; } .half-box.oct-chant { background-size: 50% auto !important; } .hero-new.oct-deals.oct-fourth .big-element h2 span { display: block; font-size: 38px !important; line-height: 1; } .hero-new.oct-deals.oct-fourth .big-element h2 span.lobster { font-size: 55px !important; } .hero-new.oct-deals.oct-fourth .big-element h2 span br { display: none; } } /* Banner - oct - fourth - end */ /* Banner - oct - last */ @font-face { font-family: 'Marker-Felt'; src: url('fonts/Marker-Felt.ttf.woff') format('woff'), url('fonts/Marker-Felt.ttf.svg#Marker-Felt') format('svg'), url('fonts/Marker-Felt.ttf.eot'), url('fonts/Marker-Felt.ttf.eot?#iefix') format('embedded-opentype'); font-weight: normal; font-style: normal; } @font-face { font-family: "Gotham-light"; src: url("//db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.eot"); src: url("//db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.woff") format("woff"), url("//db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/fc74760c72164d5321ac886797ce62eb.svg#Gotham") format("svg"); } .marker-felt { font-family: 'Marker-Felt'; } .metal-mania { font-family: 'Metal Mania', cursive; } .hero-new img.only-mobile { display: none !important; } .hero-new.oct-deals.oct-last { background-image: url(../images/halloween.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.oct-deals.oct-last .big-element:before { content: ''; display: block; background-image: url(../images/oct-tvh.png); width: 400px; height: 258px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -70px; background-position: bottom right; } .hero-new.oct-deals.oct-last .big-element h2 { color: #000; font-size: 64px; line-height: 64px; margin-top: 30px; margin-bottom: 20px; width: inherit; margin-left: -25px; } .hero-new.oct-deals.oct-last .big-element h3 { color: #fff; } .hero-new.oct-deals.oct-last .big-element p { font-family: 'Avenir-Black'; font-size: 36px; line-height: 36px; margin-top: 5px; margin-bottom: 10px; letter-spacing: 0; color: #fff; max-width: inherit; width: inherit; } .hero-new.oct-deals.oct-last .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 20px; letter-spacing: -0.025em; background-color: transparent; padding: 20px 35px; margin-bottom: 50px; position: relative; background-image: url(../images/halloween-btn.png); width: 216px; height: 59px; text-align: center; } .hero-new.oct-deals.oct-last .big-element .price { margin-left: 0; font-family: 'AvenirLTStd-Roman'; font-weight: bold; color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 20px; margin-top: 0; position: relative; } .hero-new.oct-deals.oct-last .big-element .price:before { content: 'only'; font-family: 'AvenirLTStd-Roman'; font-weight: bold; font-size: 21px; line-height: 21px; vertical-align: super; } .hero-new.oct-deals.oct-last .big-element .price .dollar, .hero-new.oct-deals.oct-last .big-element .price .amount-container, .hero-new.oct-deals.oct-last .big-element .price .main, .hero-new.oct-deals.oct-last .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new.oct-deals.oct-last .big-element .price .dollar { margin-right: -6px; } .hero-new.oct-deals.oct-last .big-element .price .main { font-size: 50px; line-height: 45px; } .hero-new.oct-deals.oct-last .big-element span.small { font-size: 24px; line-height: 20px; } .hero-new.oct-deals.oct-last .big-element .price .amount-copy { font-size: 16px; font-family: 'AvenirLTStd-Roman'; } .half-box.christmas-2017 { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/christmas-2017.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: bottom right; } .hero-new .christmas-2017 .half-box-copy { padding-left: 25px; padding-top: 20px; } .half-box.oct-nctv { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/oct-nctv.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 15px; } .hero-new .oct-nctv .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new .christmas-2017 .half-box-copy h4, .hero-new .oct-nctv .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; } .hero-new .christmas-2017 .half-box-copy h4 { color: #ed1c24; letter-spacing: 0.05em; font-size: 30px; position: relative; display: inline-block; } .hero-new .christmas-2017 .half-box-copy h4:after { content: '2017'; font-family: "Gotham-light"; font-size: 44px; line-height: 36px; display: block; position: absolute; right: -110px; top: 0; } .hero-new .oct-nctv .half-box-copy h4 { color: #000; } .hero-new .christmas-2017 .half-box-copy p, .hero-new .oct-nctv .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .christmas-2017 .half-box-copy p { font-size: 20px; color: #119849; letter-spacing: 0.01em; margin-bottom: 20px; } .hero-new .oct-nctv .half-box-copy p em { color: #ff000a; font-style: italic; } .hero-new .half-box.christmas-2017 .half-box-copy a { color: #ed1c24 !important; } .hero-new .half-box.oct-nctv .half-box-copy a { color: #000 !important; } @media screen and (max-width:991px) { .hero-new.oct-deals.oct-last { background-position: 30% center; } .hero-new.oct-deals.oct-last .big-element:before { max-width: 50% !important; right: 0 !important; } .hero-new.oct-deals.oct-last .big-element h2 { margin-left: inherit; } } @media screen and (max-width:480px) { .hero-new img.only-mobile { display: inherit !important; clear: both; } .hero-new.oct-deals.oct-last { background-image: url(../images/halloween-mobile.jpg); } .hero-new.oct-deals.oct-last .big-element h2 { font-size: 55px !important; margin-top: 0; margin-left: inherit; } .hero-new.oct-deals.oct-last .big-element a { margin-bottom: 0; margin-left: auto; margin-right: auto; display: block; } .hero-new.oct-deals.oct-last .big-element:before { display: none; } .hero-new .christmas-2017 .half-box-copy h4, .hero-new .oct-tv .half-box-copy h4 { font-size: 18px; } .hero-new .christmas-2017 .half-box-copy p, .hero-new .oct-nctv .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.christmas-2017 { } .half-box.oct-nctv { background-size: 50% auto !important; } .hero-new.oct-deals.oct-fourth .big-element h2 span { display: block; font-size: 38px !important; line-height: 1; } .hero-new.oct-deals.oct-last .big-element h2 span.lobster { font-size: 55px !important; } .hero-new.oct-deals.oct-last .big-element h2 span br { display: none; } .hero-new .swiper-slide-active { z-index: 1; } } @media screen and (max-width:400px) { .hero-new.oct-deals.oct-last .big-element h2 { font-size: 50px !important; } } @media screen and (max-width:320px) { .hero-new.oct-deals.oct-last .big-element h2 { font-size: 40px !important; } } /* Banner - oct - last - end */ /* Banner - nov - first */ .hero-new.nov-deals.nov-first { background-image: url(../images/nov-first-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.nov-first .big-element:before { content: ''; display: block; background-image: url(../images/nov-first.png); width: 456px; height: 289px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -90px; background-position: bottom right; } .hero-new.nov-deals.nov-first .big-element img.gamer-bundle { margin-top: 30px; } .hero-new.nov-deals.nov-first .big-element h2 { color: #000; font-size: 64px; line-height: 64px; margin-top: 30px; margin-bottom: 20px; width: inherit; margin-left: -25px; } .hero-new.nov-deals.nov-first .big-element h3 { color: #fff; } .hero-new.nov-deals.nov-first .big-element p { font-family: 'Avenir-Black'; font-size: 26px; line-height: 26px; margin-top: 40px; margin-bottom: 10px; letter-spacing: -0.01em; text-transform: uppercase; color: #fff; max-width: inherit; width: inherit; } .hero-new.nov-deals.nov-first .big-element a { display: inline-block; color: #000; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #fff; padding: 20px 35px; margin-bottom: 70px; position: relative; } .hero-new.nov-deals.nov-first .big-element .price { margin-left: 0; font-family: 'AvenirLTStd-Roman'; font-weight: bold; color: #fff; font-size: 24px; font-weight: normal; margin-bottom: 30px; margin-top: 0; position: relative; padding-left: 45px; } .hero-new.nov-deals.nov-first .big-element .price:before { content: 'for \A only'; white-space: pre-wrap; font-family: 'AvenirLTStd-Roman'; font-weight: bold; font-size: 21px; line-height: 21px; position: absolute; top: 0; left: 0; color: #000; } .hero-new.nov-deals.nov-first .big-element .price .dollar, .hero-new.nov-deals.nov-first .big-element .price .amount-container, .hero-new.nov-deals.nov-first .big-element .price .main, .hero-new.nov-deals.nov-first .big-element .price .small { display: inline-block; vertical-align: text-top; } .hero-new.nov-deals.nov-first .big-element .price .dollar { margin-right: -6px; } .hero-new.nov-deals.nov-first .big-element .price .main { font-size: 56px; line-height: 40px; } .hero-new.nov-deals.nov-first .big-element span.small { font-size: 30px; line-height: 22px; } .hero-new.nov-deals.nov-first .big-element .price .amount-copy { font-size: 16px; font-family: 'AvenirLTStd-Roman'; } @media screen and (max-width:991px) { .hero-new.nov-deals.nov-first { background-position: 30% center; } .hero-new.nov-deals.nov-first .big-element:before { max-width: 50% !important; right: 0 !important; } .hero-new.nov-deals.nov-first .big-element h2 { margin-left: inherit; } } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-first { background-image: url(../images/nov-first-mback.jpg); background-position: top center; } .hero-new.nov-deals.nov-first .big-element { text-align: center; } .hero-new.nov-deals.nov-first .big-element p { display: inline-block; text-align: left; float: left; margin-top: 70px; } .hero-new.nov-deals.nov-first .big-element p + div.clearfix { display: inline-block; text-align: left; margin-top: 70px; float: left; margin-left: 5px; } .hero-new.nov-deals.nov-first .big-element h2 { font-size: 55px !important; margin-top: 0; margin-left: inherit; } .hero-new.nov-deals.nov-first .big-element:before { display: none; } .hero-new.nov-deals.nov-first .big-element h2 span br { display: none; } .hero-new.nov-deals.nov-first .big-element a { margin-top: 20px; } } @media screen and (max-width:400px) { .hero-new.nov-deals.nov-first .big-element p { font-size: 22px; line-height: 22px; } .hero-new.nov-deals.nov-first .big-element .price { padding-left: 40px; } .hero-new.nov-deals.nov-first .big-element .price:before { font-size: 18px; line-height: 18px; } .hero-new.nov-deals.nov-first .big-element .price .main { font-size: 48px; } } @media screen and (max-width:320px) { .hero-new.nov-deals.nov-first .big-element p { font-size: 18px; line-height: 16px; } .hero-new.nov-deals.nov-first .big-element p + div.clearfix { margin-left: 10px; } .hero-new.nov-deals.nov-first .big-element .price { padding-left: 32px; font-size: 20px; } .hero-new.nov-deals.nov-first .big-element .price:before { font-size: 16px; line-height: 16px; } .hero-new.nov-deals.nov-first .big-element .price .dollar { font-size: 14px; } .hero-new.nov-deals.nov-first .big-element .price .main { font-size: 40px; line-height: 28px; } .hero-new.nov-deals.nov-first .big-element span.small { font-size: 22px; line-height: 16px; } .hero-new.nov-deals.nov-first .big-element .price .amount-copy { font-size: 14px; } } /* Banner - nov - first - end */ /* Banner - nov - second */ .hero-new.nov-deals.nov-second { background-image: url(../images/nov-second-dback.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.nov-second .big-element:before { content: ''; display: block; background-image: url(../images/nov-second.png); width: 404px; height: 369px; top: inherit !important; left: inherit !important; position: absolute; bottom: 0; right: -75px; background-position: bottom right; } .hero-new.nov-deals.nov-second .big-element img.gamer-bundle { margin-top: 30px; } .hero-new.nov-deals.nov-second .big-element h2 { color: #ed1c24; font-size: 60px; line-height: 45px; margin-top: 30px; margin-bottom: 10px; width: inherit; letter-spacing: -0.025em; font-family: 'Gotham-Black'; text-shadow: 4px 4px 2px rgba(255, 255, 255, 1); } .hero-new.nov-deals.nov-second .big-element h3 { color: #000; font-family: 'Gotham-Black'; font-size: 27px; text-transform: uppercase; } .hero-new.nov-deals.nov-second .big-element h3 em { font-style: italic; } .hero-new.nov-deals.nov-second .big-element p { font-family: 'Gotham-Book'; font-size: 18px; line-height: 22px; margin-bottom: 10px; margin-top: 3px; color: #000; max-width: inherit; width: inherit; } .hero-new.nov-deals.nov-second .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; position: relative; } .hero-new.nov-deals.nov-second .big-element img.nov-second-desktop-logos { display: block; margin-top: 10px; margin-bottom: 15px; } .half-box.nov-dewalt { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/nov-dewalt.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -17px) 7px; } .hero-new .nov-dewalt .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new .nov-dewalt .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; color: #000; } .hero-new .nov-dewalt .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; } .hero-new .half-box.nov-dewalt .half-box-copy a { color: #ed1c24 !important; } @media screen and (max-width:991px) { .hero-new.nov-deals.nov-second { background-position: 30% center; } .hero-new.nov-deals.nov-second .big-element:before { max-width: 50% !important; right: 0 !important; } .hero-new.nov-deals.nov-second .big-element h2 { margin-left: inherit; } } @media screen and (max-width:480px) { .hero-new img.out-mobile { display: none !important; } .hero-new.nov-deals.nov-second .swiper-element-container, .hero-new.nov-deals.nov-second .big-element.swiper-element { padding-bottom: 0; } .hero-new.nov-deals.nov-second { background-image: url(../images/nov-second-mback.jpg); background-position: top center; } .hero-new.nov-deals.nov-second .big-element p { display: inline-block; text-align: left; float: left; } .hero-new.nov-deals.nov-second .big-element h2 { font-size: 60px !important; margin-top: 0; margin-left: inherit; } .hero-new.nov-deals.nov-second .big-element h2 span { font-size: 40px !important; } .hero-new.nov-deals.nov-second .big-element:before { display: none; } .hero-new.nov-deals.nov-second .big-element h2 span br { display: none; } .hero-new.nov-deals.nov-second .big-element a { position: relative; margin-bottom: 30px; } .hero-new.nov-deals.nov-second .big-element a:after { content: url(../images/nov-second-mobile-logos.png); position: absolute; bottom: 0; right: -90%; } .hero-new .nov-dewalt .half-box-copy h4 { font-size: 18px; } .hero-new .nov-dewalt .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.nov-dewalt { background-size: 50% auto !important; } } @media screen and (max-width:400px) { .hero-new.nov-deals.nov-second .big-element a { width: 50%; padding-left: 0; padding-right: 0; text-align: center; } .hero-new.nov-deals.nov-second .big-element a:after { right: -110%; } } @media screen and (max-width:320px) { .hero-new.nov-deals.nov-second .big-element p { font-size: 18px; line-height: 16px; } } /* Banner - nov - second - end */ /* Banner - nov - third - start */ .hero-new.nov-deals.nov-third { background-image: url(../images/novthirdbg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.nov-third .big-element:before { content: ''; display: block; background-image: url(../images/4k-70led.png); width: 402px; height: 360px; top: inherit !important; left: inherit !important; position: absolute; bottom: -5px; right: -85px; background-position: bottom right; } .hero-new.nov-deals.nov-third .big-element img.gamer-bundle { margin-top: 30px; } .hero-new.nov-deals.nov-third .big-element h2 { color: #ed1c24; font-size: 66.23px; line-height: 59.76px; margin-top: 30px; margin-bottom: 10px; width: inherit; letter-spacing: -0.025em; font-family: 'Gotham-Black'; text-shadow: 4px 4px 2px rgba(255, 255, 255, 1); text-transform: uppercase; } .hero-new.nov-deals.nov-third .big-element h2 span { font-size: 52.37px; } .hero-new.nov-deals.nov-third .big-element h3 { color: #000; font-family: 'Gotham-Bold'; font-size: 20px; text-transform: uppercase; margin: 5px 0; } .hero-new.nov-deals.nov-third .big-element li { font-size: 15.5px; line-height: 21px; color: black; font-family: 'Gotham-Book'; } .hero-new.nov-deals.nov-third .big-element ul { padding: 0; margin: 0 0 0 0; } .hero-new.nov-deals.nov-third .big-element h3 em { font-style: italic; } .hero-new.nov-deals.nov-third .big-element p { font-family: 'Gotham-Book'; font-size: 18px; line-height: 22px; margin-bottom: 10px; margin-top: 3px; color: #000; max-width: inherit; width: inherit; } .hero-new.nov-deals.nov-third .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; position: relative; margin-top: 15px; } .half-box.nov-nintendo { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/nintendo.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: 100% 100%; } .hero-new .nov-nintendo .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new .nov-nintendo .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.025em; margin-bottom: 3px; text-transform: uppercase; color: #000; } .hero-new .nov-nintendo .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; font-family: 'Lato', sans-serif; } .hero-new .nov-nintendo .half-box-copy p em { font-family: 'Lato', sans-serif; font-style: italic; font-weight: bold; } .hero-new .half-box.nov-nintendo .half-box-copy a { color: #ed1c24 !important; } @media screen and (max-width:1199px) { .hero-new.nov-deals.nov-third .big-element:before { width: 321.6px; height: 288px; background-size: cover; bottom: 60px; right: -50px; } } @media screen and (max-width:991px) { .hero-new.nov-deals.nov-third { background-position: 70% center; } .hero-new.nov-deals.nov-third .big-element:before { max-width: 50% !important; right: -15px !important; } .hero-new.nov-deals.nov-third .big-element h2 { margin-left: inherit; } } @media screen and (max-width:767px) { .hero-new.nov-deals.nov-third .big-element:before { bottom: auto; top: -5px !important; width: 180px; height: 165px; } .hero-new.nov-deals.nov-third { background-position: 25% center; } } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-third .big-element:after { content: ""; display: block; width: 117px; height: 206px; background-image: url(../images/tag-nov-third.png); position: absolute; top: 66px; right: 0; } .hero-new.nov-deals.nov-third .big-element li { font-size: 13.57px; line-height: 18.39px; } .hero-new.nov-deals.nov-third .swiper-element-container, .hero-new.nov-deals.nov-third .big-element.swiper-element { padding-bottom: 0; padding-left: 0; padding-right: 0; } .hero-new.nov-deals.nov-third { background-image: url(../images/mobile-nov-third-wo.jpg); background-position: top center; background-size: 100% auto; background-color: #fafafa; } .hero-new.nov-deals.nov-third .swiper-slide { background-position: top center; background-size: 100% auto; } .hero-new.nov-deals.nov-third .swiper-element-container .swiper-element-wrapper .swiper-element { padding-top: 0; height: 650px !important; } .hero-new.nov-deals.nov-third .big-element p { display: inline-block; text-align: left; float: left; } .hero-new.nov-deals.nov-third .big-element h2+ img { width: 80px; } .hero-new.nov-deals.nov-third .big-element h2 { font-size: 58px !important; margin-top: 90px; margin-left: inherit; line-height: 46px; margin-bottom: 15px; } .hero-new.nov-deals.nov-third .big-element h2 span { font-size: 46px !important; } .hero-new.nov-deals.nov-third .big-element:before { display: none; } .hero-new.nov-deals.nov-third .big-element h2 span br { display: none; } .hero-new.nov-deals.nov-third .big-element h3 { font-size: 17.52px; margin: 0; } .hero-new.nov-deals.nov-third .big-element a { position: relative; margin-bottom: 25px; } .hero-new .nov-nintendo .half-box-copy h4 { font-size: 18px; } .hero-new .nov-nintendo .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.nov-nintendo { background-size: 50% auto !important; } } @media screen and (max-width:400px) { .hero-new.nov-deals.nov-third .big-element h3 { font-size: 15.52px; margin: 0; } .hero-new.nov-deals.nov-third .big-element li { font-size: 12px; line-height: 16px; } .hero-new.nov-deals.nov-third .big-element h2 { font-size: 44px !important; margin-top: 30px; margin-left: inherit; line-height: 34px; margin-bottom: 10px; } .hero-new.nov-deals.nov-third .big-element h2 span { font-size: 34px !important; } .hero-new.nov-deals.nov-third .big-element a { width: 50%; padding-left: 0; padding-right: 0; text-align: center; } .hero-new.nov-deals.nov-third .big-element a:after { right: -110%; } .hero-new.nov-deals.nov-third .big-element:after { content: ""; display: block; width: 93.6px; height: 164.8px; background-size: cover; background-image: url(../images/tag-nov-third.png); position: absolute; top: 40px; right: 0px; } } @media screen and (max-width:320px) { .hero-new.nov-deals.nov-third .big-element p { font-size: 18px; line-height: 16px; } } /* Banner - nov - third - end */ /* Banner - nov - fourth - start */ .hero-new.nov-deals.nov-fourth { background-image: url(/assets/images/nov-13/nov-13.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.nov-fourth .big-element:before { content: ''; display: block; background-image: url(/assets/images/nov-13/nov-13-after.png); width: 451px; height: 388px; top: inherit !important; left: inherit !important; position: absolute; bottom: -40px; right: -120px; background-position: bottom right; } .hero-new.nov-deals.nov-fourth .big-element img.gamer-bundle { margin-top: 30px; } .hero-new.nov-deals.nov-fourth .big-element h2 { color: #5ab855; font-size: 51.24px; position: relative; line-height: 44px; margin-top: 32px; margin-bottom: 0; width: inherit; font-family: 'Gotham-Black'; text-transform: uppercase; letter-spacing: -2px; } .hero-new.nov-deals.nov-fourth .big-element h2 span { font-size: 24.09px; margin-bottom: -10px; display: block; } .hero-new.nov-deals.nov-fourth .big-element .dots { font-size: 10px; font-family: 'Gotham-Medium'; color: #ed1c24; } .hero-new.nov-deals.nov-fourth .big-element h3 { color: #ed1c24; font-family: 'AvenirNextCondensed-DemiBold'; font-size: 16px; text-transform: uppercase; line-height: 1.3; margin: 5px 0; } .hero-new.nov-deals.nov-fourth .big-element li { font-size: 16.5px; line-height: 25px; color: black; font-family: 'Gotham-Book'; } .hero-new.nov-deals.nov-fourth .big-element li span { display: inline-block; vertical-align: middle; height: 24px; text-align: center; width: 24px; line-height: 22px; position: relative; top: -3px; font-size: 16.5px; color: white; font-family: 'Gotham-Medium'; background-color: #5ab855; border: 1px solid white; border-radius: 50%; -webkit-border-radius: 50%; margin-right: 2px; -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.49); box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.49); } .hero-new.nov-deals.nov-fourth .big-element ul { padding: 0; margin: 0 0 0 0; } .hero-new.nov-deals.nov-fourth .big-element h3 em { font-style: italic; } .hero-new.nov-deals.nov-fourth .big-element p { font-family: 'Gotham-Book'; font-size: 18px; line-height: 22px; margin-bottom: 10px; margin-top: 3px; color: #000; max-width: inherit; width: inherit; } .hero-new.nov-deals.nov-fourth .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 30px; position: relative; margin-top: 25px; } .half-box.nov-belle { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/nov-13/nov-13-right-bottom.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: 100% 50%; } .hero-new .nov-belle .half-box-copy img { margin-left: -5px; } .hero-new .nov-belle .half-box-copy { padding-left: 25px; padding-top: 35px; } .hero-new .nov-belle .half-box-copy h4 { font-size: 15px; font-family: 'Gotham-Bold'; letter-spacing: 0; margin-bottom: 15px; margin-top: 5px; color: #000; } .hero-new .nov-belle .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; font-family: 'Lato', sans-serif; } .hero-new .nov-belle .half-box-copy p em { font-family: 'Lato', sans-serif; font-style: italic; font-weight: bold; } .hero-new .half-box.nov-belle .half-box-copy a { color: #ed1c24 !important; } @media screen and (max-width:1199px) { .hero-new.nov-deals.nov-fourth .big-element h2 { font-size: 46.24px; line-height: 40px; margin-top: 44px; } } @media screen and (max-width:991px) { .hero-new.nov-deals.nov-fourth .big-element:before { max-width: 50% !important; right: -15px !important; background-position: 0% 0% !important; } .hero-new.nov-deals.nov-fourth { background-position: 50% 50%; } .hero-new.nov-deals.nov-fourth .big-element:before { bottom: auto; right: -15px; background-position: bottom right; top: 0px !important; } } @media screen and (max-width:767px) { } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-fourth { background-image: none; } .hero-new.nov-deals.nov-fourth .big-element li { font-size: 13.81px !important; line-height: 21.25px !important; } .hero-new.nov-deals.nov-fourth .big-element li span { height: 20px !important; width: 20px !important; line-height: 18px !important; font-size: 13.81px !important; top: -1.5px !important; } .hero-new.nov-deals.nov-fourth .big-element:before { display: none; } .hero-new.nov-deals.nov-fourth { font-size: 0; } .hero-new.nov-deals.nov-fourth .container { padding: 0; } .hero-new.nov-deals.nov-fourth .big-element h2 span { font-size: 23.55px !important; } .hero-new.nov-deals.nov-fourth .big-element h2 { font-size: 50px !important; margin-top: 0 !important; } .hero-new.nov-deals.nov-fourth .big-element .dots { font-size: 8.7px !important; } .hero-new.nov-deals.nov-fourth .big-element h3 { font-size: 14px !important; width: 50%; display: inline-block; vertical-align: top; } .hero-new.nov-deals.nov-fourth .big-element ul { padding: 0; margin: 5px 0 0 0; width: 50%; display: inline-block; vertical-align: top; } .hero-new.nov-deals.nov-fourth .big-element a { margin-top: 15px !important; } .hero-new.nov-deals.nov-fourth .swiper-element-container { background-color: #fafafa; padding: 0; } .swiper-element-container .swiper-element-wrapper .swiper-element { padding-top: 0; height: 700px !important; } .hero-new.nov-deals.nov-fourth .swiper-element:nth-child(1) { background-image: url(/assets/images/nov-13/nov-13-main-mobile.jpg); background-repeat: no-repeat; background-position: 50% 100%; padding-bottom: 470px; padding-top: 30px !important;/* background-size: auto 500px;*/ background-size: contain; background-color: #fafafa; } .hero-new.nov-deals.nov-fourth .swiper-element:nth-child(2) { background-image: url(/assets/images/nov-13/nov-13-right-mobile.jpg); background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; background-color: #fafafa; } .half-box.nov-belle { background-size: auto 100% !important; } } @media screen and (max-width:420px) { .half-box.nov-belle { background-size: 50% !important; } .hero-new.nov-deals.nov-fourth .swiper-element:nth-child(1) { padding-bottom: 420px !important; } .hero-new.nov-deals.nov-fourth .big-element h3, .hero-new.nov-deals.nov-fourth .big-element h3 + ul { display: block !important; width: 100% !important; } } @media screen and (max-width:320px) { .hero-new.nov-deals.nov-third .big-element p { font-size: 18px; line-height: 16px; } } /* Banner - nov - fourth - end */ /* Banner - nov - fifth - start */ .hero-new.nov-deals.nov-fifth { background-image: url(/assets/images/nov-5/nov-5.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.nov-fifth .big-element:before { display: none; } .hero-new.nov-deals.nov-fifth .big-element { text-align: center; } .hero-new.nov-deals.nov-fifth .big-element h2:before { content: ""; display: block; position: absolute; top: -40px; left: -23px; width: 167px; height: 82px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/assets/images/nov-5/ultimate.png); } .hero-new.nov-deals.nov-fifth .big-element h2 { position: relative; color: #ffffff; font-size: 64px; position: relative; margin-top: 41px; margin-bottom: 21px; width: inherit; font-family: 'Avenir-Black'; text-transform: uppercase; text-shadow: 4px 4px 0 #000000; } .hero-new.nov-deals.nov-fifth .big-element .bottom { margin-top: 5px; font-size: 0; } .hero-new.nov-deals.nov-fifth .big-element .bottom > div { display: inline-block; vertical-align: middle; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image { text-align: center; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(1) { font-size: 21.83px; color: #000000; line-height: 22.92px; font-family: 'AvenirNext-Regular'; font-weight: bold; display: inline-block; vertical-align: middle; text-align: left; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(2) { font-size: 57.86px; color: white; display: inline-block; vertical-align: middle; font-family: 'AvenirNext-Regular'; text-align: left; letter-spacing: -1px; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(2) > span { display: inline-block; font-size: 31.93px; vertical-align: super; position: relative; } .hero-new.nov-deals.nov-fifth .big-element img { max-width: 100%; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(2) > span > span { display: block; position: absolute; left: -3px; bottom: -14px; font-size: 15px; color: #ffffff; width: 65px; } .hero-new.nov-deals.nov-fifth .big-element p { font-family: 'Gotham-Book'; font-size: 18px; line-height: 22px; margin-bottom: 10px; margin-top: 3px; color: #000; max-width: inherit; width: inherit; } .hero-new.nov-deals.nov-fifth .big-element a { display: inline-block; color: #000000; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 17.46px; letter-spacing: -0.025em; background-color: #ffef41; padding: 16.5px 33px; position: relative; margin-top: 0; margin-left: 45px; vertical-align: middle; } .half-box.nov-dell { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/nov-5/nov-dell.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: 100% 100%; } .hero-new .nov-dell .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new .nov-dell .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.5px; margin-bottom: 5px; margin-top: 0; color: #000; text-transform: uppercase; } .hero-new .nov-dell .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; font-family: 'Lato', sans-serif; } .hero-new .nov-dell .half-box-copy p em { font-family: 'Lato', sans-serif; font-style: italic; font-weight: bold; } .hero-new .half-box.nov-dell .half-box-copy a { color: #ed1c24 !important; } @media screen and (max-width:1199px) { } @media screen and (max-width:991px) { .hero-new.nov-deals.nov-fifth .big-element h2 { display: inline-block; width: auto; } .hero-new.nov-deals.nov-fifth .big-element h2:before { top: -36px; left: -49px; } .hero-new.nov-deals.nov-fifth { background-position: 45% 0; } } @media screen and (max-width:767px) { .hero-new.nov-deals.nov-fifth .big-element h2 { font-size: 78px; line-height: 72px; margin-top: 80px; width: 325px; max-width: 100%; } .hero-new.nov-deals.nov-fifth .big-element h2:before { top: -50px; left: -38px; width: 225px; height: 109px; background-image: url(/assets/images/nov-5/ultimate-mobile.png); } } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-fifth .big-element a { font-size: 18.5px; padding: 21px 49px; } .hero-new.nov-deals.nov-fifth .big-element img { margin: 10px 0 25px 0; } .hero-new.nov-deals.nov-fifth .big-element .bottom { margin-top: 0; font-size: 0; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image { text-align: center; margin-left: -95px; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(2) > span > span { width: 100px; font-size: 18px; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(2) { font-size: 63px; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(1) { font-size: 23.77px; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(1), .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(2) { vertical-align: top; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image > div:nth-child(2) { position: relative; top: -8px; padding-left: 5px; } .hero-new.nov-deals.nov-fifth .big-element { padding: 0 0 140px 0; } .hero-new.nov-deals.nov-fifth .big-element a { margin-left: 0; } .hero-new.nov-deals.nov-fifth { background-image: url(/assets/images/nov-5/mobile-bg.png); background-position: 50% 100%; } .swiper-element-container .swiper-element-wrapper .swiper-element { padding-top: 0; height: 747px !important; } .hero-new.nov-deals.nov-fifth .big-element h2 { font-size: 78px !important; line-height: 72px; margin-top: 0; width: 325px; margin-bottom: 0; max-width: 100%; } .hero-new.nov-deals.nov-fifth .big-element h2:before { top: -50px; left: -38px; width: 225px; height: 109px; background-image: url(/assets/images/nov-5/ultimate-mobile.png); } } @media screen and (max-width:420px) { .hero-new.nov-deals.nov-fifth .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { padding: 0; } .hero-new.nov-deals.nov-fifth .big-element h2:before { top: -36px; left: -14px; width: 163px; height: 80px; } .hero-new.nov-deals.nov-fifth .big-element .bottom .price-not-image { text-align: center; margin-left: -10px; margin-top: 5px; } .hero-new.nov-deals.nov-fifth .big-element h2 { font-size: 58px !important; line-height: 52px; margin-top: 0; width: 250px; margin-bottom: 0; max-width: 100%; } } @media screen and (max-width:320px) { } /* Banner - nov - third - end */ /* Banner - nov - six - start */ .hero-new.nov-deals.nov-sixth.bf { background-image: url(/assets/images/r2o-nov-20-live.jpg); } .hero-new.nov-deals.nov-sixth.bf .big-element h2 strong { font-size: 53px; letter-spacing: -2.5px; color: #4e4e4e; } .hero-new.nov-deals.nov-sixth.bf .big-element h2 { margin-top: 45px; letter-spacing: 2px; } .hero-new.nov-deals.nov-sixth { background-image: url(/assets/images/r2o-nov-20.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.nov-sixth .big-element:before { display: none; } .hero-new.nov-deals.nov-sixth .big-element { text-align: center; padding-left: 200px; } .hero-new.nov-deals.nov-sixth .big-element a { display: block; color: white; text-transform: uppercase; margin: 10px auto 0 auto; width: 240px; height: 62px; background-color: #ed1c24; color: white; text-align: center; line-height: 62px; font-size: 18px; font-family: 'Gotham-Medium'; } .hero-new.nov-deals.nov-sixth .big-element img { max-width: 100%; } .hero-new.nov-deals.nov-sixth .big-element p { font-family: 'Gotham-Book'; font-size: 17px; line-height: 20.54px; margin-bottom: 0; margin-top: 3px; color: #ed1c24; max-width: inherit; width: inherit; margin-top: 5px; } .hero-new.nov-deals.nov-sixth .big-element h2 { font-size: 37px; color: #404040; line-height: 39px; width: 100%; letter-spacing: -0.8px; font-family: 'Gotham-Black'; text-transform: uppercase; margin-top: 65px; margin-bottom: 10px; } .hero-new.nov-deals.nov-sixth .big-element h2 strong { font-size: 53px; letter-spacing: -1.5px; color: #4e4e4e; } .half-box.nov-smileys { height: 175px; width: 375px; margin: 10px 0 0 25px; position: relative; background-repeat: no-repeat; border-bottom: none !important; background-color: #ffef41; background-position: 100% 100%; } .half-box.bf-2017 { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/bfd.png), url(/assets/images/bf-pattern.png); background-size: auto, cover; background-repeat: no-repeat, no-repeat; background-position: 25px 50%, center; border-bottom: none !important; background-color: #000000; } .bf .half-box.bf-2017 { background-image: url(/assets/images/black-friday-live.png), url(/assets/images/bfdlive.png); background-color: #ee2a32; } .half-box.bf-2017 .half-box-copy { padding-left: 185px; padding-top: 12px; } .half-box.bf-2017 .half-box-copy p strong { color: #f4e64e; display: block; font-size: 12.9px; } .half-box.bf-2017 .half-box-copy p { font-size: 11.18px; line-height: 13.51px; color: white; margin-bottom: 6px; letter-spacing: 1px; } .half-box.nov-smileys p { font-family: 'Gotham-Black'; color: #080808; margin: 0; text-align: center; width: 100%; line-height: 1.3; } .half-box.nov-smileys p strong { color: #ed2224; } .half-box.nov-smileys p:nth-child(1) { font-size: 30px; text-transform: uppercase; letter-spacing: 2.1px; margin-bottom: -6px; } .half-box.nov-smileys p:nth-child(2) { font-size: 21px; text-transform: uppercase; } .half-box.nov-smileys p:nth-child(3) { font-size: 15px; } .half-box.nov-smileys .half-box-copy { padding-left: 0; } .half-box.nov-smileys .half-box-copy:before { content: ""; display: block; margin: 0 auto; position: relative; width: 226px; height: 93px; max-width: 100%; background-image: url(../images/smileys.png); background-repeat: no-repeat; background-position: center; margin-top: -12px; } @media screen and (max-width:1199px) { .hero-new.nov-deals.nov-sixth .big-element h2 strong { font-size: 48px; } .hero-new.nov-deals.nov-sixth .big-element h2 { font-size: 32px; line-height: 35px; } } @media screen and (max-width:991px) { .hero-new.nov-deals.nov-sixth .big-element h2 { margin-top: 35px; } .hero-new.nov-deals.nov-sixth { background-position: 39% 50%; } .hero-new.nov-deals.nov-sixth .big-element { text-align: center; padding-left: 0; } } @media screen and (max-width:767px) { .hero-new.nov-deals.nov-sixth { background-position: 41% 50%; } .half-box.bf-2017 .half-box-copy { padding-left: 185px !important; padding-top: 12px; } } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-sixth .big-element a { width: 215px; height: 54px; line-height: 54px; font-size: 16px; } .hero-new.nov-deals.nov-sixth.bf .big-element h2 { margin-top: 10px; margin-bottom: 0; } .hero-new.nov-deals.nov-sixth .big-element h2 { margin-top: 0; font-size: 34px !important; } .hero-new.nov-deals.nov-sixth .big-element h2 strong { font-size: 49.24px; } .hero-new.nov-deals.nov-sixth .big-element p { font-size: 14px; } .hero-new.nov-deals.nov-sixth .container { padding: 0; } .hero-new.nov-deals.nov-sixth .big-element { padding: 0 15px 140px 15px; background-position: 50% 0%; background-image: url(../images/nov-20-mob1.png); background-size: cover; } .hero-new.nov-deals.nov-sixth.bf .big-element { background-image: url(../images/nov-20-mob1live.png); } .swiper-element-container .swiper-element-wrapper .swiper-element { padding-top: 0; height: 703px !important; } .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { padding: 0 15px 0px 15px; background-position: 50% 0%; background-image: url(../images/nov-20-mob2.png); background-size: cover; } .hero-new.nov-deals.nov-sixth.bf .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { background-image: url(../images/nov-20-mob2live.png); } .swiper-element-container { padding: 0; } .half-box.bf-2017 { background-image: url(/assets/images/bfd.png), url(/assets/images/bf-pattern.png) !important; background-size: auto, cover !important; background-repeat: no-repeat, no-repeat !important; background-position: 25px 50%, center !important; } .bf .half-box.bf-2017 { background-image: url(/assets/images/bfdlive.png), url(/assets/images/bf-pattern.png); } } @media screen and (max-width:420px) { .hero-new.nov-deals.nov-sixth .big-element h2 strong { font-size: 30.24px; } .hero-new.nov-deals.nov-sixth .big-element h2 { margin-top: 0; font-size: 22px !important; line-height: 1.3; } .hero-new.nov-deals.nov-sixth .big-element p br { display: none; } .half-box.bf-2017 { background-position: 20px 50%, center !important; background-size: 80px !important; } .half-box.bf-2017 .half-box-copy { padding-left: 120px !important; } .half-box.nov-smileys p:nth-child(1) { font-size: 20px; margin-bottom: 0; } .half-box.nov-smileys p:nth-child(2) { font-size: 14.5px; } .half-box.nov-smileys p:nth-child(3) { font-size: 13px; } } @media screen and (max-width:320px) { } /* Banner - nov - third - end */ /* Banner - nov - cyber start */ .hero-new.cyber-monday2017 { background-image: url(/assets/images/cyber2017/cyberbg.jpg); } .hero-new.cyber-monday2017 .big-element h2 strong { font-size: 53px; letter-spacing: -2.5px; color: #4e4e4e; } .hero-new.cyber-monday2017 .big-element.cyber p { font-size: 16.88px; color: #000000; font-family: 'Lato', sans-serif; font-weight: bold; margin: 0; } .hero-new.cyber-monday2017 .big-element.cyber h1 { font-size: 32px; color: #000000; font-family: 'Gotham-Black'; margin: 15px 0 0 0; letter-spacing: 0; line-height: 1; } .hero-new.cyber-monday2017 { background-repeat: no-repeat; background-position: center; background-size: cover; } .cyber-monday2017 .big-element:after { content: ""; width: 325px; height: 208px; background-image: url(../images/cyber2017/cybertv.png); background-repeat: no-repeat; background-position: bottom center; display: block; position: absolute; top: auto; left: auto; bottom: -10px; right: -100px; } .hero-new.cyber-monday2017 .big-element:before { display: none; } .hero-new.cyber-monday2017 .big-element img { margin-bottom: 10px; } .hero-new.cyber-monday2017 .big-element { padding-top: 20px; padding-left: 110px; } .hero-new.cyber-monday2017 .big-element a { display: block; text-transform: uppercase; margin: 15px 0 0 0; width: 215px; height: 58px; background-color: #ed1c24; color: white; text-align: center; line-height: 58px; font-size: 17.24px; box-shadow: none; font-family: 'Gotham-Medium'; padding: 0 15px; } .hero-new.cyber-monday2017 .big-element .cyber-price { font-size: 75.91px; color: #fe1827; font-family: 'Gotham-Bold'; } .hero-new.cyber-monday2017 .big-element .cyber-price > span:first-child { display: inline-block; vertical-align: super; font-size: 43px; } .hero-new.cyber-monday2017 .big-element .cyber-price > span:last-child { display: inline-block; vertical-align: super; font-size: 43px; position: relative; font-family: 'Gotham-Bold'; } .hero-new.cyber-monday2017 .big-element .cyber-price > span:last-child >span { bottom: -20px; left: 13px; font-size: 22.1px; font-family: 'Gotham-Bold'; color: #000000; position: absolute; } .hero-new.cyber-monday2017 .big-element img { max-width: 100%; } .hero-new.cyber-monday2017 .big-element p { font-family: 'Gotham-Book'; font-size: 17px; line-height: 20.54px; margin-bottom: 0; margin-top: 3px; color: #ed1c24; max-width: inherit; width: inherit; margin-top: 5px; } .hero-new.cyber-monday2017 .full-box { width: 275px; margin: 0 0 0 115px; padding: 120px 15px 36px 15px; background-size: 100px; } .hero-new.cyber-monday2017 .full-box:after { content: ""; display: block; position: absolute; right: -162px; bottom: 0; width: 201px; height: 359px; background-image: url(../images/cyber2017/quin.png); } .hero-new.cyber-monday2017 .full-box h2 { font-size: 48px; font-weight: 800; margin: 0 0 0 0; } .hero-new.cyber-monday2017 .full-box h3 { font-size: 18.45px; font-weight: 300; margin: 0 0 15px 0; } .hero-new.cyber-monday2017 .full-box h1 { font-size: 55.35px; font-weight: 300; margin: 30px 0 0 0; } .hero-new.cyber-monday2017 .full-box h1 b { font-size: 80px; } @media screen and (max-width:1199px) { } @media screen and (max-width:991px) { .cyber-monday2017 .big-element:after { width: 162.5px; height: 104px; } .hero-new.cyber-monday2017 .big-element { padding-top: 20px; padding-left: 15px; } } @media screen and (max-width:767px) { .hero-new.cyber-monday2017 .full-box h1 b { font-size: 50px; line-height: 1; } .hero-new.cyber-monday2017 .full-box h1 { font-size: 35.35px !important; font-weight: 300; margin: 0px 0 0 0; } .hero-new.cyber-monday2017 .full-box { width: 100%; margin: 0 0 0 115px; padding: 30px 15px 15px 15px; background-size: 60px; margin-top: 30px !important; background-position: 50% 15px; } .cyber-monday2017 .big-element:after { width: 325px; height: 208px; } } @media screen and (max-width:600px) { .hero-new.cyber-monday2017 .full-box h1 b { font-size: 50px; line-height: 1; } .hero-new.cyber-monday2017 .full-box h1 { font-size: 35.35px !important; font-weight: 300; margin: 0px 0 0 0; } } @media screen and (max-width:480px) { .hero-new.cyber-monday2017 .full-box { margin-top: -45px !important; } .hero-new.cyber-monday2017 .big-element p + img { width: 200px; margin: 15px 0 0 0; } .hero-new.cyber-monday2017 .big-element:after { display: none !important; } .hero-new.cyber-monday2017 .full-box h1 b { font-size: 50px; line-height: 1; } .hero-new.cyber-monday2017 .full-box h1 { font-size: 35.35px !important; font-weight: 300; margin: 0px 0 0 0; } } @media screen and (max-width:420px) { } @media screen and (max-width:320px) { } /* Banner - nov - seventh - start */ .hero-new.nov-deals.nov-seventh { background-image: url(/assets/images/nov-tv/tv-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.nov-seventh .big-element:before { width: 400px; height: 277px; background-image: url(../images/nov-tv/tv-product.png); right: -95px !important; bottom: 10px !important; top: auto; left: auto; } .hero-new.nov-deals.nov-seventh .big-element { padding-left: 25px; } .hero-new.nov-deals.nov-seventh .big-element img { max-width: 100%; display: block; } .hero-new.nov-deals.nov-seventh .big-element img:first-child { margin-bottom: 15px; margin-top: 50px; } .hero-new.nov-deals.nov-seventh .big-element img:nth-child(2) { margin-bottom: 5px; } .hero-new.nov-deals.nov-seventh .big-element p { font-family: 'Gotham-Bold'; font-size: 23px; margin-bottom: 0; margin-top: 3px; color: #000; max-width: inherit; width: inherit; } .hero-new.nov-deals.nov-seventh .big-element ul { padding: 0; margin: 0; } .hero-new.nov-deals.nov-seventh .big-element ul li { font-size: 15.5px; line-height: 21px; font-family: 'Gotham-Book'; color: #000000; margin: 0; } .hero-new.nov-deals.nov-seventh .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 17.46px; background-color: #ed1c24; padding: 20px 31px; position: relative; margin-top: 10px; vertical-align: middle; } .half-box.nov-gamer-bundle { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/nov-tv/tv-bundle.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% - 13px), calc(100% - 13px); } .hero-new .nov-gamer-bundle .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new .nov-gamer-bundle .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.5px; margin-bottom: 5px; margin-top: 0; color: #000; text-transform: uppercase; } .hero-new .nov-gamer-bundle .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; font-family: 'Lato', sans-serif; } .hero-new .nov-gamer-bundle .half-box-copy p span { font-style: italic; color: #009cae; display: block; } .hero-new .nov-gamer-bundle .half-box-copy p em { font-family: 'Lato', sans-serif; font-style: italic; font-weight: bold; } .hero-new .half-box.nov-gamer-bundle .half-box-copy a { color: #ed1c24 !important; } @media screen and (max-width:1199px) { .hero-new.nov-deals.nov-seventh .big-element:before { width: 266px; height: 264.3px; background-image: url(../images/nov-tv/tv-product.png); right: -39px !important; bottom: 0px !important; background-size: contain; background-repeat: no-repeat; background-position: 100% 100%; } } @media screen and (max-width:991px) { .hero-new.nov-deals.nov-seventh .big-element:before { width: 50%; height: 300px; background-image: url(../images/nov-tv/tv-product.png); right: 0 !important; bottom: 0px !important; background-size: contain; background-repeat: no-repeat; background-position: 100% 100%; } } @media screen and (max-width:767px) { .hero-new.nov-deals.nov-seventh .big-element:before { width: 45%; height: 300px; background-image: url(../images/nov-tv/tv-product.png); right: -15px !important; bottom: 0px !important; background-size: contain; background-repeat: no-repeat; background-position: 100% 100%; } } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-seventh .big-element a { text-align: center; margin-left: auto; margin-right: auto; display: block; width: 210px; height: 60px; line-height: 60px; font-size: 18.32px; padding: 0; } .hero-new.nov-deals.nov-seventh .big-element ul { margin-bottom: -30px; } .hero-new.nov-deals.nov-seventh .big-element img:nth-child(2) { margin-top: 20px; } .hero-new.nov-deals.nov-seventh .big-element ul + img { margin-left: auto; margin-right: auto; } .hero-new.nov-deals.nov-seventh .big-element p { font-size: 21px; display: inline-block; vertical-align: middle; width: auto; margin-right: 20px; } .hero-new.nov-deals.nov-seventh .big-element p + img { display: inline-block; vertical-align: middle; } .nov-seventh .swiper-element-container { padding: 0 !important; } .hero-new.nov-deals.nov-seventh .big-element:before { display: none; } .hero-new.nov-deals.nov-seventh .container { padding: 0; } .hero-new.nov-deals.nov-seventh .big-element { padding: 0 15px 0 15px; background-position: 50% 0%; background-image: url(../images/nov-tv/novtv-mob-1.jpg); background-size: cover; } .swiper-element-container .swiper-element-wrapper .swiper-element { padding-top: 0; height: 703px !important; } .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { padding: 0 15px 0px 15px; background-position: 50% 0%; background-size: cover; } .hero-new.nov-deals.nov-seventh .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { background-image: url(../images/nov-tv/novtv-mob-2.jpg); } .swiper-element-container { padding: 0; } .swiper-element-container .nov-gamer-bundle { background-size: 35% !important; background-position: 100% 100%; } } @media screen and (max-width:420px) { .hero-new.nov-deals.nov-seventh .big-element ul { margin-bottom: -15px; } .hero-new.nov-deals.nov-seventh .big-element p + img { display: block; margin-bottom: 15px; } } @media screen and (max-width:320px) { } /* Banner - nov - third - end */ .hero-new.type-handbags .christmas-2017 .half-box-copy h4 { margin-bottom: 7px; } .hero-new.type-handbags .christmas-2017 .half-box-copy p { margin-bottom: 28px; } .hero-new.type-handbags .christmas-2017 .half-box-copy h4:after { right: -120px; } .hero-new.type-handbags .half-box.christmas-2017 { background-position: 105% 100%; background-image: url(/assets/images/handbags/christmas-2017new.png); } /* Banner - nov - eight - start */ .hero-new.nov-deals.nov-eight { background-image: url(/assets/images/handbags/bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.nov-eight .big-element:before { width: 412px; height: 306px; background-image: url(../images/handbags/product.png); right: -95px !important; bottom: -25px !important; top: auto; left: auto; } .hero-new.nov-deals.nov-eight .big-element:after { content: "Don’t see what you want—ask if we can get it!"; font-family: 'Gotham-Medium'; display: block; position: absolute; letter-spacing: -0.5px; bottom: -50px; right: 15px; text-align: center; font-size: 21px; color: #16ad55; } .hero-new.nov-deals.nov-eight .big-element { padding-left: 25px; } .hero-new.nov-deals.nov-eight .big-element .dots { font-size: 16px; font-family: 'Gotham-Bold'; color: #ed1c24; margin-bottom: 10px; } .hero-new.nov-deals.nov-eight .big-element img:first-of-type { margin-top: 50px; } .hero-new.nov-deals.nov-eight .big-element ul { padding: 0; margin: 0; } .hero-new.nov-deals.nov-eight .big-element ul li { font-size: 15.5px; line-height: 21px; font-family: 'Gotham-Book'; color: #000000; margin: 0; } .hero-new.nov-deals.nov-eight .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 17.46px; background-color: #ed1c24; padding: 20px 46px; position: relative; margin-top: 10px; vertical-align: middle; } .half-box.nov-jewlery-bundle { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/handbags/jewlery.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% - 43px) calc(100% - 48px); } .half-box.nov-jewlery-bundle .after { bottom: -53px; left: 0; width: 100%; line-height: 1; color: white; font-size: 14px; background-color: #5ab855; text-align: center; position: absolute; padding: 10px 10px 10px 10px; } .half-box.nov-jewlery-bundle .after span { font-weight: bold; font-size: 16.5px; } .hero-new .nov-jewlery-bundle .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new .nov-jewlery-bundle .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -0.5px; margin-bottom: 5px; margin-top: 0; color: #000; text-transform: uppercase; } .hero-new .nov-jewlery-bundle .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; font-family: 'Lato', sans-serif; } .hero-new .nov-jewlery-bundle .half-box-copy p span { font-style: italic; color: #009cae; display: block; } .hero-new .nov-jewlery-bundle .half-box-copy p em { font-family: 'Lato', sans-serif; font-style: italic; font-weight: bold; } .hero-new .half-box.nov-jewlery-bundle .half-box-copy a { color: #ed1c24 !important; } @media screen and (max-width:1199px) { } @media screen and (max-width:991px) { .hero-new.nov-deals.nov-eight { background-position: 40%; } .hero-new.nov-deals.nov-eight .big-element:after { font-size: 15px; right: 150px !important; bottom: -7px !important; } .hero-new.nov-deals.nov-eight .big-element:before { right: 0px !important; bottom: 10px !important; } .hero-new.nov-deals.nov-eight .big-element { padding-left: 15px; padding-bottom: 15px; } } @media screen and (max-width:767px) { .hero-new.nov-deals.nov-eight .big-element { padding-left: 15px; padding-bottom: 15px; } .hero-new.nov-deals.nov-eight .big-element:after { font-size: 12px; right: 0px !important; bottom: -10px !important; } .hero-new.nov-deals.nov-eight .big-element:before { width: 50%; background-position: 100% 100%; } } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-eight p.on-mobile { font-size: 16px; color: #16ad55; font-family: 'Gotham-Medium'; text-align: center; letter-spacing: -0.5px; margin: 10px 0 0 0; line-height: 1; } .hero-new.nov-deals.nov-eight img.mobprod { display: block; margin-left: auto; margin-right: auto; } .hero-new.nov-deals.nov-eight .big-element .dots { margin-bottom: 5px; } .hero-new.nov-deals.nov-eight img.mk { width: 180px; display: inline-block; vertical-align: top; margin-right: 15px; } .hero-new.nov-deals.nov-eight img.mk + ul { display: inline-block; vertical-align: top; } .hero-new.nov-deals.nov-eight img.mk + ul li { font-size: 14.28px; line-height: 20.68px; } .hero-new.nov-deals.nov-eight .big-element a { text-align: center; margin-left: auto; margin-right: auto; display: block; width: 210px; height: 60px; line-height: 60px; font-size: 18.32px; padding: 0; } .nov-eight .swiper-element-container { padding: 0 !important; } .hero-new.nov-deals.nov-eight .big-element:before, .hero-new.nov-deals.nov-eight .big-element:after { display: none; } .hero-new.nov-deals.nov-eight .container { padding: 0; } .hero-new.nov-deals.nov-eight .big-element { padding: 0 15px 0 15px; background-position: 50% 0%; background-image: url(../images/handbags/Mobile-1.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } .swiper-element-container .swiper-element-wrapper .swiper-element { padding-top: 0; height: 703px !important; } .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { padding: 0 15px 0px 15px; background-position: 50% 0%; background-size: cover; } .hero-new.nov-deals.nov-eight .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { background-image: url(../images/handbags/Mobile-2.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 0; } .swiper-element-container { padding: 0; } .half-box.nov-jewlery-bundle { background-position: calc(100% - 45px) 10px; background-size: 100px auto !important; } .hero-new.nov-deals.nov-eight .big-element img:first-of-type + img { margin-top: 10px; } } @media screen and (max-width:420px) { .half-box.nov-jewlery-bundle .after span { font-weight: bold; font-size: 14.5px; display: block; } .hero-new .nov-jewlery-bundle .half-box-copy { padding-top: 15px; padding-bottom: 15px; } .hero-new.nov-deals.nov-eight img.mk { margin-bottom: 10px; } .half-box.nov-jewlery-bundle { background-position: calc(100% - 10px) 50%; background-size: 70px auto !important; } } @media screen and (max-width:320px) { } /* Banner - dec - one - start */ .hero-new.dec-deals.dev-one { background-image: url(/assets/images/slingshot/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.dec-deals.dev-one .big-element:before { width: 529px; height: 286px; background-image: url(../images/slingshot/Slingshot-toy-car.png); right: -130px !important; bottom: -50px !important; top: auto; left: auto; } .hero-new.dec-deals.dev-one .big-element:after { width: 137px; position: absolute; content: ""; height: 190px; background-image: url(../images/slingshot/tag.png); right: 145px !important; top: -45px !important; top: auto; left: auto; } .hero-new.dec-deals.dev-one .big-element img, .hero-new.dec-deals.dev-one .big-element p, .hero-new.dec-deals.dev-one .big-element ul { position: relative; } .hero-new.dec-deals.dev-one .big-element { padding-left: 0; } .hero-new.dec-deals.dev-one .big-element .dots { font-size: 16px; font-family: 'Gotham-Bold'; color: #ed1c24; margin-bottom: 10px; margin-top: 5px; letter-spacing: 0.5px; } .hero-new.dec-deals.dev-one .big-element img:first-of-type { margin-top: 50px; } .hero-new.dec-deals.dev-one .big-element ul { padding: 0; margin: 0; } .hero-new.dec-deals.dev-one .big-element ul li { font-size: 15.5px; line-height: 21px; font-family: 'Gotham-Book'; color: #000000; margin: 0; } .hero-new.dec-deals.dev-one .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 17.46px; background-color: #ed1c24; padding: 20px 41px; position: relative; margin-top: 15px; vertical-align: middle; } .half-box.samsung-tablet { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(/assets/images/slingshot/right-bottom.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: 100% -5px; } .half-box.samsung-tablet .after span { font-weight: bold; font-size: 16.5px; } .half-box.samsung-tablet .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new .half-box.samsung-tablet img { margin-left: -10px; margin-top: -10px; margin-bottom: -10px; } .half-box.samsung-tablet .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; letter-spacing: -1px; margin-bottom: 5px; margin-top: 0; color: #000; text-transform: uppercase; } .half-box.samsung-tablet .half-box-copy li { font-size: 14px; line-height: 18px; } .half-box.samsung-tablet .half-box-copy p { font-size: 15px; line-height: 20px; width: inherit; margin-bottom: 10px; font-family: 'Lato', sans-serif; } .half-box.samsung-tablet .half-box-copy ul { margin-bottom: 10px; } .half-box.samsung-tablet .half-box-copy p span { font-style: italic; color: #009cae; display: block; } .half-box.samsung-tablet .half-box-copy p em { font-family: 'Lato', sans-serif; font-style: italic; font-weight: bold; } .half-box.samsung-tablet .half-box-copy a { color: #ed1c24 !important; } @media screen and (max-width:1199px) { } @media screen and (max-width:991px) { .hero-new.dec-deals.dev-one .big-element:after { right: auto !important; left: 290px !important; } .hero-new.dec-deals.dev-one .big-element:before { right: 0px !important; bottom: 0px !important; } .hero-new.dec-deals.dev-one .big-element { padding-left: 15px; } } @media screen and (max-width:767px) { .hero-new.dec-deals.dev-one .big-element:before { width: 50%; background-position: 100% 100%; } .hero-new.dec-deals.dev-one .big-element { padding-left: 15px; } } @media screen and (max-width:480px) { .hero-new.dec-deals.dev-one .mobprod { z-index: 0; position: relative; } .hero-new.dec-deals.dev-one .big-element ul { z-index: 1; margin-bottom: -25px; } .hero-new.dec-deals.dev-one .big-element .dots { margin-bottom: 5px; } .hero-new.dec-deals.dev-one .big-element a { text-align: center; margin-left: auto; margin-right: auto; display: block; width: 210px; height: 60px; line-height: 60px; font-size: 18.32px; padding: 0; } .hero-new.dec-deals.dev-one .swiper-element-container { padding: 0 !important; } .hero-new.dec-deals.dev-one .big-element:before, .hero-new.dec-deals.dev-one .big-element:after { display: none; } .hero-new.dec-deals.dev-one .container { padding: 0; } .hero-new.dec-deals.dev-one .big-element { padding: 0 15px 0 15px; background-position: 50% 0%; background-image: url(../images/slingshot/Mobile-1.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } .swiper-element-container .swiper-element-wrapper .swiper-element { padding-top: 0; height: 703px !important; } .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { padding: 0 15px 0px 15px; background-position: 50% 0%; background-size: cover; } .hero-new.dec-deals.dev-one .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { background-image: url(../images/slingshot/Mobile-2.jpg); background-size: cover; background-repeat: no-repeat; background-position: 50% 0; } .swiper-element-container { padding: 0; } .hero-new.dec-deals.dev-one .big-element { padding-top: 45px; } .half-box.samsung-tablet { background-size: 50% !important; } } @media screen and (max-width:420px) { .half-box.samsung-tablet { background-size: 50% !important; } .hero-new.dec-deals.dev-one .big-element { background-position: 80% 0; } .hero-new img+img { width: 50%; } .hero-new.dec-deals.dev-one .big-element { padding-top: 0; } } @media screen and (max-width:320px) { } /* Banner - dec - second */ .hero-new.dec-deals.dec-second { background-image: url(../images/wpl-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .hero-new.dec-deals.dec-second:after { content: ''; display: block; position: absolute; background-image: url(../images/bear.png); width: 213px; height: 390px; bottom: -30px !important; left: calc(50% - 750px); background-position: bottom center; } .hero-new.dec-deals.dec-second .big-element:before { content: ''; display: block; background-image: url(../images/wpl.png); width: 341px; height: 294px; top: inherit !important; left: inherit !important; position: absolute; bottom: -25px; right: -55px; background-position: bottom right; } .hero-new.dec-deals.dec-second .big-element:after { content: ''; display: block; background-image: url(../images/wpl-price.png); width: 127px; height: 176px; top: inherit !important; left: inherit !important; position: absolute; top: -27px !important; right: calc(50% - 130px); background-position: top center; } .hero-new.dec-deals.dec-second .big-element ul { display: block; margin-bottom: 20px; } .hero-new.dec-deals.dec-second .big-element img { display: block; } .hero-new.dec-deals.dec-second .big-element img.wpl-heading { margin-top: 50px; } .hero-new.dec-deals.dec-second .big-element img.wpl-dots { margin-top: 10px; margin-bottom: 15px; } .hero-new.dec-deals.dec-second .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; position: relative; } .half-box.dec-bb { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/bb-back.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% + -2px) 2px; background-size: auto calc(100% - 4px); } .half-box.dec-bb:after { content: ''; position: absolute; display: block; top: -5; right: 7px; width: 90px; height: 97px; background-image: url(../images/bb-price.png); background-repeat: no-repeat; background-position: top center; } .hero-new .dec-bb .half-box-copy { padding-left: 25px; padding-top: 25px; } .hero-new .dec-bb .half-box-copy h4 { font-size: 17px; font-family: 'Gotham-Bold'; letter-spacing: -0.035em; margin-bottom: 0; text-transform: uppercase; color: #000; } .hero-new .dec-bb .half-box-copy img { display: block; margin-top: 12px; margin-bottom: 20px; } .hero-new .half-box.dec-bb .half-box-copy a { color: #ed1c24 !important; } @media screen and (max-width:991px) { .hero-new.dec-deals.dec-second { background-position: 30% center; } .hero-new.dec-deals.dec-second .big-element:before { max-width: 50% !important; right: 0 !important; } .hero-new.dec-deals.dec-second .big-element h2 { margin-left: inherit; } } @media screen and (max-width:480px) { .hero-new.dec-deals.dec-second .swiper-element-container, .hero-new.dec-deals.dec-second .big-element.swiper-element { padding-bottom: 0; } .hero-new.dec-deals.dec-second .big-element { text-align: center; padding-left: 0; padding-right: 0; } .hero-new.dec-deals.dec-second .big-element ul { text-align: left; float: left; } .hero-new.dec-deals.dec-second { background-image: url(../images/wpl-back-mobile.jpg); background-position: top center; } .hero-new.dec-deals.dec-second .big-element img.wpl-by.only-mobile { width: 110px; float: left; display: block !important; clear: none; margin-left: 30px; } .hero-new.dec-deals.dec-second .big-element img.wpl-heading { width: calc(100% - 140px); } .hero-new.dec-deals.dec-second .big-element img.wpl-dots { width: auto; } .hero-new.dec-deals.dec-second .big-element:after { right: 0; } .hero-new.dec-deals.dec-second .big-element img.wpl.only-mobile { width: calc(100% - 30px); } .hero-new.dec-deals.dec-second .big-element:before { display: none; } .hero-new.dec-deals.dec-second .big-element a { position: relative; margin-bottom: 30px; margin-top: 23px; } .hero-new .dec-bb .half-box-copy h4 { font-size: 18px; } .hero-new .dec-bb .half-box-copy p { font-size: 13px; line-height: 18px; } .half-box.dec-bb { background-size: 50% auto !important; } } @media screen and (max-width:400px) { .hero-new.dec-deals.dec-second .big-element a { width: 50%; padding-left: 0; padding-right: 0; text-align: center; } } @media screen and (max-width:320px) { .hero-new.dec-deals.dec-second .big-element p { font-size: 18px; line-height: 16px; } } /* Banner - dec - second - end */ /* Banner - dec - third */ .hero-new.dec-deals.dec-third { background-image: url(../images/x-mas/xmas-2017-back.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .hero-new.dec-deals.dec-third .big-element .dec-deals-image { text-align: center; position: relative; right: -98px; padding-top: 45px; } .hero-new.dec-deals.dec-third .big-element:before { content: ''; display: block; background-image: url(../images/x-mas/santa-2017.png); width: 528px; height: 310px; top: inherit !important; left: -280px !important; position: absolute; bottom: -15px; right: auto !important; background-position: bottom left; } .hero-new.dec-deals.dec-third .big-element img { margin-left: auto; margin-right: auto; display: block; } .hero-new.dec-deals.dec-third .big-element a { display: inline-block; color: #fff; text-transform: uppercase; font-family: 'Gotham-Medium'; font-size: 16px; letter-spacing: -0.025em; background-color: #ed1c24; padding: 20px 35px; position: relative; top: -40px; } .half-box.dec-rogo { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/x-mas/dec-rogo.png); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% - 8px) calc(50% + 10px); background-size: auto; } .half-box.dec-rogo:after { content: ''; position: absolute; display: block; top: 0; right: 0; width: 91px; height: 99px; background-image: url(../images/x-mas/dec-rogo-price.png); background-repeat: no-repeat; background-position: top center; } .hero-new .dec-rogo .half-box-copy { padding-left: 25px; padding-top: 25px; } .hero-new .dec-rogo .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; line-height: 23px; letter-spacing: -0.035em; margin-bottom: 0; text-transform: uppercase; color: #000; } .hero-new .dec-rogo .half-box-copy p { font-size: 15px; line-height: 23px; } .hero-new .dec-rogo .half-box-copy img { display: block; margin-top: 12px; margin-bottom: 20px; } .hero-new .half-box.dec-rogo .half-box-copy a { color: #ed1c24 !important; margin-top: 5px; display: inline-block; } .half-box.dec-nctv { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/x-mas/dec-nctv.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-position: calc(100% - 7px) 17px; background-size: auto; } .half-box.dec-nctv:after { content: ''; position: absolute; display: block; top: -5px; right: 2px; width: 91px; height: 103px; background-image: url(../images/x-mas/dec-nctv-price.png); background-repeat: no-repeat; background-position: top center; } .hero-new .dec-nctv .half-box-copy { padding-left: 25px; padding-top: 25px; } .hero-new .dec-nctv .half-box-copy h4 { font-size: 20px; font-family: 'Gotham-Bold'; line-height: 23px; letter-spacing: -0.035em; margin-bottom: 0; text-transform: uppercase; color: #000; } .hero-new .dec-nctv .half-box-copy p { font-size: 15px; line-height: 19px; } .hero-new .dec-nctv .half-box-copy img { display: block; margin-top: 12px; margin-bottom: 20px; } .hero-new .half-box.dec-nctv .half-box-copy a { color: #ed1c24 !important; } .on-big-mobile { display: none !important; } @media screen and (max-width:991px) { .hero-new.dec-deals.dec-third .big-element:before { left: -150px !important; bottom: 0px; } .half-box.dec-nctv { background-position: 100% 17px; } .half-box.dec-rogo { background-position: 100% calc(50% + 10px); } } @media screen and (max-width:767px) { .hero-new.dec-deals.dec-third .big-element a { font-size: 17px; padding: 18px 20px; top: -30px; } .hero-new.dec-deals.dec-third .big-element:before { display: none !important; } .on-big-mobile { display: block !important; } .hero-new.dec-deals.dec-third .big-element .dec-deals-image { right: 0; padding-top: 50px; } .hero-new.dec-deals.dec-third .big-element .dec-deals-image img { max-width: 100%; width: 410px; } } @media screen and (max-width:480px) { .hero-new.dec-deals.dec-third .big-element .dec-deals-image { right: 0; padding-top: 0; } .hero-new.dec-deals.dec-third .swiper-element-container { padding-top: 0 !important; padding-bottom: 0 !important; } .half-box.dec-nctv { background-position: 95% 50%; background-size: 38% !important; } .half-box.dec-rogo { background-position: 100% calc(50% + 10px); background-size: 45% !important; } .hero-new.dec-deals.dec-third .swiper-element-container .swiper-element-wrapper .swiper-element { padding-left: 0; padding-right: 0; } .hero-new.dec-deals.dec-third { background-image: url(../images/x-mas/mob-bg.jpg); } } @media screen and (max-width:400px) { .hero-new.dec-deals.dec-third .big-element a { top: 0; margin-bottom: 15px; } } @media screen and (max-width:320px) { } /* Banner - dec - second - end */ /** banner - dec - fourth starts */ .hero-new.nov-deals.nov-fifth.dec-fourth { background-image: url(../images/dec-14/dev-fourth-bg.jpg); } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom .price-not-image > div:nth-child(2), .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom .price-not-image > div:nth-child(2) > span > span { color: black; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element a { background-color: #ed1c24; color: white; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom { margin-top: 15px; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom .price-not-image > div:nth-child(1) { font-family: 'Avenir-Black'; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom .price-not-image > div:nth-child(2) { font-weight: bold; font-family: 'AvenirNext-Regular'; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element h2:before { content: ""; display: block; position: absolute; top: -40px; left: -60px; width: 215px; height: 101px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(/assets/images/dec-14/the-ultimate.png); } .half-box.christmas-deals { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/dec-14/dec-deals-bg.jpg); background-repeat: no-repeat; border-bottom: none !important; background-color: #ffffff; background-size: cover; } .half-box.christmas-deals:after { content: ''; position: absolute; display: block; bottom: 0; right: 15px; width: 147px; height: 160px; background-image: url(../images/dec-14/dec-deals-after.png); background-repeat: no-repeat; background-position: top center; } .hero-new .christmas-deals .half-box-copy { padding-left: 25px; padding-top: 20px; } .hero-new .christmas-deals .half-box-copy h4 { font-size: 32px; font-weight: 800; font-style: italic; line-height: 31.86px; letter-spacing: 0; margin-bottom: 0; color: #ed1c24; font-family: 'Lato', sans-serif; } .hero-new .christmas-deals .half-box-copy p { font-size: 15px; line-height: 19px; font-weight: bold; font-style: italic; margin: 0; color: #004943; } .hero-new .half-box.christmas-deals .half-box-copy a { color: #ed1c24 !important; display: inline-block; margin-top: 10px; } .half-box.dev-acer { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/dec-14/acer-bg.png); background-repeat: no-repeat; border-bottom: none !important; background-position: calc(100% - 10px) 50%; background-color: #ffffff; background-repeat: no-repeat; } .half-box.dev-acer:after { content: ''; position: absolute; display: block; top: 0; right: 5px; width: 82px; height: 90px; background-image: url(../images/dec-14/price-tag.png); background-repeat: no-repeat; background-position: top center; } .hero-new .dev-acer .half-box-copy { padding-left: 25px; padding-top: 30px; } .hero-new .dev-acer .half-box-copy h4 { font-size: 20px; line-height: 23px; font-family: 'Gotham-Bold'; color: #000000; margin: 0; text-transform: uppercase; } .hero-new .dev-acer .half-box-copy p { font-size: 15px; line-height: 20px; color: #000000; } .hero-new .half-box.dev-acer .half-box-copy a { } @media screen and (min-width:1700px) { .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom { margin-top: 24px; } } @media screen and (max-width:991px) { .half-box.christmas-deals:after { right: 0 !important; } .half-box.dev-acer { background-position: 99% 50% !important; } } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-fifth.dec-fourth .big-element { padding: 0 15px 0 15px; background-position: 50% 0%; background-image: url(../images/dec-14/mob-1.jpg); background-size: cover; } .hero-new.nov-deals.nov-fifth.dec-fourth .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { background-image: url(../images/dec-14/mob-2.jpg); } .hero-new.nov-deals.nov-fifth.dec-fourth .container { padding: 0; } .hero-new.nov-deals.nov-fifth.dec-fourth .swiper-element-container { padding: 0; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element a { display: block; width: 230px; font-size: 18.5px; padding: 18px 15px; margin-left: auto; margin-right: auto; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element h2 { margin-top: -40px; margin-bottom: 15px; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom .price-not-image > div:nth-child(2) { position: relative; top: -13px; padding-left: 0; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom .price-not-image { text-align: center; margin-left: -30px; margin-top: 10px; margin-bottom: -15px; } .hero-new.nov-deals.nov-fifth.dec-fourth .big-element h2:before { background-image: url(../images/dec-14/the-ultimate-mob.png); width: 249px; height: 117px; top: -55px; left: -45px; } .half-box.christmas-deals { background-size: cover !important; } .hero-new.nov-deals.nov-fifth .big-element img { width: auto; } .hero-new.nov-deals.nov-fifth .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { padding: 0 15px !important } .half-box.dev-acer { background-position: 98% 95% !important; background-size: 48% !important; } } @media screen and (max-width:400px) { .hero-new.nov-deals.nov-fifth.dec-fourth .big-element .bottom { margin-top: 60px; } .half-box.christmas-deals:after { right: 0 !important; width: 30%; background-size: contain; background-position: 100% 100%; } } .xmas-ribbon { background-color: #eb212e; color: white; font-size: 27px; text-transform: uppercase; font-weight: 800; color: #ffffff; width: 700px; max-width: 100%; position: relative; text-align: center; margin: 40px auto 11px auto; padding: 22px 15px 28px 15px; } .xmas-ribbon:before { content: ""; width: 197px; height: 77px; position: absolute; left: -150px; top: 29px; background-image: url(../images/ribbon-left.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .xmas-ribbon:after { content: ""; width: 197px; height: 77px; position: absolute; right: -150px; top: 29px; background-image: url(../images/ribbon-right.png); background-repeat: no-repeat; background-position: center; background-size: cover; z-index: -1; } .hero-new.dec-deals.dec-fifth { background-image: url(../images/dec-18/banner-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.dec-deals.dec-fifth .big-element h2 { font-size: 43px; color: #ffffff; text-transform: uppercase; line-height: 1; font-family: 'Gotham-Black'; margin: 50px 0 0 0; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.29); } .hero-new.dec-deals.dec-fifth .big-element h2 strong { display: block; font-size: 57.5px; line-height: 1; } .hero-new.dec-deals.dec-fifth .big-element hr { width: 70px; border-top: 2px solid white; margin: 15px 0 20px 0; max-width: 100%; -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.29); box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.29); } .hero-new.dec-deals.dec-fifth .big-element p { font-size: 17px; line-height: 1.3; margin: 0; color: #ffffff; width: 250px; max-width: 100%; font-family: 'Gotham-Book'; text-shadow: 1px 1px 10px rgba(0, 0, 0, 0.19); } .hero-new.dec-deals.dec-fifth .big-element a { width: 200px; height: 60px; line-height: 60px; text-align: center; text-transform: uppercase; font-size: 17.46px; font-family: 'Gotham-Bold'; color: #000000; display: block; background-color: #fff04a; margin-top: 15px; -webkit-box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.29); box-shadow: 1px 1px 10px 0 rgba(0, 0, 0, 0.29); } .hero-new.dec-deals.dec-fifth .big-element:before { content: ""; background-image: url(../images/dec-18/product.png); width: 526px; height: 298px; top: inherit; left: inherit; right: -110px; bottom: -60px; position: absolute; } .hero-new.dec-deals.dec-fifth .big-element:after { content: ""; background-image: url(../images/dec-18/big-price-tag.png); width: 131px; height: 184px; top: -35px; right: -45px; position: absolute; } .hero-new .dev-acer.tablet .half-box-copy { padding-left: 25px; padding-top: 20px; } .hero-new .dev-acer.tablet .half-box-copy h4 { margin: 0 0 5px 0; letter-spacing: -1px; } .hero-new .dev-acer.tablet { background-image: url(../images/dec-18/acer.png); background-position: calc(100% - 10px) calc(50% + 10px); } .half-box.dev-acer.tablet:after { content: ''; position: absolute; display: block; top: 0; right: 5px; width: 82px; height: 89px; background-image: url(../images/dec-18/price-tag.png); background-repeat: no-repeat; background-position: top center; } @media screen and (max-width:991px) { .hero-new.dec-deals.dec-fifth .big-element:before { right: -5px; } .hero-new.dec-deals.dec-fifth .big-element:after { right: 0; } } @media screen and (max-width:767px) { .hero-new.dec-deals.dec-fifth .big-element:before { right: -5px; width: 320px; bottom: -135px !important; } } @media screen and (max-width:480px) { .hero-new.dec-deals.dec-fifth .big-element { padding: 0 15px 0 15px; background-position: 50% 0%; background-image: url(../images/dec-18/mob-2.jpg); background-size: cover; } .hero-new.dec-deals.dec-fifth .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { background-image: url(../images/dec-18/mob-2.jpg); } .hero-new.dec-deals.dec-fifth .container { padding: 0; } .hero-new.dec-deals.dec-fifth .swiper-element-container { padding: 0; } .hero-new.dec-deals.dec-fifth .big-element { text-align: center; display: block; padding-top: 85px; } .hero-new.dec-deals.dec-fifth .big-element h2 { font-size: 57.79px !important; line-height: 1 !important; margin: 0; width: 100%; } .hero-new.dec-deals.dec-fifth .big-element h2 strong { font-size: 77.28px !important; line-height: 1 !important; } .hero-new.dec-deals.dec-fifth .big-element hr, .hero-new.dec-deals.dec-fifth .big-element a, .hero-new.dec-deals.dec-fifth .big-element p { margin-left: auto; margin-right: auto; } .hero-new.dec-deals.dec-fifth .big-element p { width: 330px; } .hero-new.dec-deals.dec-fifth .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { padding: 0 15px !important } .half-box.dev-acer { background-position: 98% 95% !important; background-size: 48% !important; } .hero-new.dec-deals.dec-fifth .big-element:after { display: none !important } .hero-new.dec-deals.dec-fifth .big-element:before { background-image: url(../images/dec-18/mob-product.png); width: 420px; height: 353px; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; bottom: 0 !important; left: 0 !important; right: auto !important; background-size: 100% auto !important; background-position: 50% 0%; } } @media screen and (max-width:430px) { .hero-new.dec-deals.dec-fifth .big-element:before { background-position: 50% 100%; } } @media screen and (max-width:400px) { .hero-new.dec-deals.dec-fifth .big-element h2 { font-size: 47.79px !important; } .hero-new.dec-deals.dec-fifth .big-element h2 strong { font-size: 62.28px !important; line-height: 1 !important; } } .hero-new.nov-deals.nov-third.dec-21 { background-image: url(../images/dec-21/bg.jpg); } .hero-new.nov-deals.nov-third.dec-21 .big-element:before { content: ''; display: block; background-image: url(../images/dec-21/product.png); width: 400px; height: 277px; top: inherit !important; left: inherit !important; position: absolute; bottom: 5px; right: -85px; background-position: bottom right; } .half-box.nov-nintendo.samsung- { background-image: url(/assets/images/dec-21/bottom.png); background-position: 100% 100%; } .sept-deals-image img:first-child { margin-bottom: 10px; margin-top: 45px; } .hero-new.nov-deals.nov-third .big-element h3 { font-size: 23.08px; letter-spacing: -0.5px; } @media screen and (max-width:480px) { .hero-new.nov-deals.nov-third.type-tv.dec-21 .swiper-element-container .swiper-element-wrapper .swiper-element { height: 704px !important } .hero-new.nov-deals.nov-third.dec-21 .big-element { padding: 0 15px 0 15px; background-position: 50% 0%; background-image: url(../images/dec-21/mob-1.jpg); background-size: cover; display: block; padding-top: 100px !important; } .hero-new.nov-deals.nov-third.type-tv.dec-21 .sept-deals-image { width: 350px; max-width: 100%; margin: 0 auto; } .hero-new.nov-deals.nov-third.type-tv.dec-21 .sept-deals-image img:first-child + img { margin: 0 auto -10px auto; display: block; width: auto !important; max-width: 100%; } .hero-new.nov-deals.nov-third .big-element h3 { font-size: 21px; letter-spacing: -0.5px; display: inline-block; margin-right: 25px; } .hero-new.nov-deals.nov-third.dec-21 .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { background-image: url(../images/dec-21/mob-2.jpg); } .hero-new.nov-deals.nov-third.dec-21 .container { padding: 0; } .hero-new.nov-deals.nov-third.dec-21 .swiper-element-container, .hero-new.nov-deals.nov-third.dec-21 .swiper-element-wrapper { padding: 0; } .hero-new.nov-deals.nov-third.dec-21 .big-element { } .hero-new.nov-deals.nov-third.dec-21 .swiper-element-container .swiper-element-wrapper .swiper-element:not(.big-element) { padding: 0 15px !important } .hero-new.nov-deals.nov-third.dec-21 .big-element:after, .hero-new.nov-deals.nov-third.dec-21 .big-element:before { display: none !important } .half-box.nov-nintendo.samsung- { background-size: 34% !important; } .hero-new.nov-deals.nov-third .big-element a { position: relative; display: block; width: 200px; font-size: 18px; margin: 10px auto 0 auto; height: 54px; line-height: 54px; padding: 0; text-align: center; } } .hero-new.nov-deals.dec-26 { background-image: url(../images/dec-26/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.dec-26 .sept-deals-image { padding-left: 25px; } .hero-new.nov-deals.dec-26 .big-element:before { content: ''; display: block; background-image: url(../images/dec-26/product.png); width: 359px; height: 276px; top: inherit !important; left: inherit !important; position: absolute; bottom: -30px; right: -30px; background-position: bottom right; } .hero-new.nov-deals.dec-26 .big-element h1 { font-size: 110px; color: #ed1c24; font-family: 'Gotham-Black'; margin: 15px -60px 20px 0; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.89); text-transform: uppercase; word-spacing: 3px; } .hero-new.nov-deals.dec-26 .big-element h1 span { display: inline-block; vertical-align: super; font-size: 60px; } .hero-new.nov-deals.dec-26 .big-element h2 { font-size: 26px; color: #000000; margin: 0; text-transform: none; font-family: 'Gotham-Bold'; } .hero-new.nov-deals.dec-26 .big-element .dots { font-family: 'Gotham-Medium'; font-size: 16px; color: #ed1c24; margin: -15px 0 5px 0; } .hero-new.nov-deals.dec-26 .big-element p { font-size: 16px; color: #000000; line-height: 1.3; margin: 0; font-family: 'Gotham-Book'; } .hero-new.nov-deals.dec-26 .big-element a { width: 200px; height: 56px; line-height: 56px; text-align: center; padding: 0; display: inline-block; background-color: #ed1c24; font-size: 17.46px; color: #ffffff; text-transform: uppercase; margin-top: 25px; } .half-box.belle { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/dec-26/top.jpg); background-repeat: no-repeat; border-bottom: none !important; background-position: 100% 100; background-repeat: no-repeat; background-color: #ed1c24; } .half-box.belle:after { content: ''; position: absolute; display: block; top: 0; right: 5px; width: 68px; height: 78px; background-image: url(../images/dec-26/tag.png); background-repeat: no-repeat; background-position: top center; } .hero-new .belle .half-box-copy { padding-left: 25px; padding-top: 35px; } .hero-new .belle .half-box-copy > img { margin-left: -5px; } .hero-new .belle .half-box-copy h4 { font-size: 20px; line-height: 23px; font-family: 'Gotham-Bold'; color: #000000; margin: 0; text-transform: uppercase; } .hero-new .belle .half-box-copy p { font-size: 15px; line-height: 20px; color: #fff; } .hero-new .belle .half-box-copy a { display: inline-block; margin-top: 20px; font-size: 15px; color: #ffef41 !important; border-color: #f2512b; } .hero-new .half-box .by { font-size: 14px; color: #000000 !important; } .hero-new .half-box .by img { display: inline-block; vertical-align: middle; } .hero-new .belle p { font-size: 15px; color: #ffffff; font-family: 'Gotham-Medium'; margin: 0; } .half-box.bspsa { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/dec-26/bottom.png); background-repeat: no-repeat; border-bottom: none !important; background-position: calc(100% - 30px) 50%; background-repeat: no-repeat; background-color: #fff; } .half-box.bspsa:after { content: ''; position: absolute; display: block; top: 0; right: 5px; width: 68px; height: 78px; background-image: url(../images/dec-26/tag.png); background-repeat: no-repeat; background-position: top center; } .hero-new .bspsa .half-box-copy { padding-left: 25px; padding-top: 22px; } .hero-new .bspsa .half-box-copy .by img { margin-left: 5px; } .hero-new .bspsa .half-box-copy h4 { font-size: 20px; line-height: 23px; font-family: 'Gotham-Bold'; color: #000000; margin: 0; text-transform: uppercase; } .hero-new .bspsa .half-box-copy p { } .hero-new .bspsa .half-box-copy ul { padding-left: 0; margin-bottom: 10px; margin-top: -5px; } .hero-new .bspsa .half-box-copy li { color: #000; font-size: 15px; font-family: 'Lato', sans-serif; line-height: 18px; } .hero-new .bspsa .half-box-copy a { } .hero-new .half-box .by { } .hero-new .half-box .by img { } .hero-new .bspsa p { } @media screen and (max-width:991px) { .hero-new.nov-deals.dec-26 .sept-deals-image { padding-left: 0; } .hero-new.nov-deals.dec-26 .big-element h1 { margin: 15px -60px 0 0; word-spacing: 0; } .hero-new.nov-deals.dec-26 .big-element:before { bottom: 0; } .hero-new .bspsa .half-box-copy, .hero-new .belle .half-box-copy { padding-left: 15px; padding-top: 20px; } } @media screen and (max-width:767px) { .hero-new.nov-deals.dec-26 .big-element h1 { font-size: 69.5px; } .hero-new.nov-deals.dec-26 .big-element h1 span { font-size: 35px; } .hero-new.nov-deals.dec-26 .big-element h2 { font-size: 26px !important; } } @media screen and (max-width:480px) { .hero-new.nov-deals.dec-26 .big-element a { display: block; } .half-box.belle { background-position: 100% 100% !important; background-size: 50% !important; } .half-box.bspsa { background-position: calc(100% - 15px) 90%; background-size: 30% !important; } .hero-new.nov-deals.nov-third .swiper-element-container .swiper-element-wrapper .swiper-element.big-element { padding-top: 55px; } .hero-new.nov-deals.dec-26 .big-element a { margin-top: 20px; margin-bottom: -15px; } .hero-new.nov-deals.dec-26 .sept-deals-image { text-align: center; } .hero-new.nov-deals.dec-26 .big-element h1 { margin-right: 0; margin-bottom: -10px; } .hero-new.nov-deals.dec-26 .big-element:after, .hero-new.nov-deals.dec-26 .big-element:before { display: none; } .hero-new.nov-deals.dec-26 .big-element { padding: 0 15px 0 15px; background-position: 50% 0%; background-image: url(../images/dec-26/mob-2.png); background-size: cover; } .hero-new.nov-deals.dec-26 .swiper-element-container .swiper-element-wrapper .swiper-element { background-image: url(../images/dec-26/mob-2.png); } .hero-new.nov-deals.dec-26 .container { padding: 0; } .hero-new.nov-deals.dec-26 .swiper-element-container { padding: 0; } .hero-new.nov-deals.dec-26 .big-element { text-align: center; display: block; padding-top: 85px; } .hero-new.nov-deals.dec-26 .big-element p { float: none; text-align: center; } } @media screen and (max-width:400px) { .hero-new.nov-deals.dec-26 .big-element h1 { font-size: 50px; } .hero-new.nov-deals.dec-26 .big-element h1 span { font-size: 25px; } .hero-new.nov-deals.dec-26 .big-element h2 { margin-bottom: 10px; } .hero-new.nov-deals.dec-26 .big-element img { max-width: 100%; width: 280px; } } /** jan - 1 */ /* .hero-new.nov-deals.dec-26 { background-image: url(../images/dec-26/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.nov-deals.dec-26 .sept-deals-image{ padding-left: 25px; } .hero-new.nov-deals.dec-26 .big-element:before { content: ''; display: block; background-image: url(../images/dec-26/product.png); width: 359px; height: 276px; top: inherit !important; left: inherit !important; position: absolute; bottom: -30px; right: -30px; background-position: bottom right; } .hero-new.nov-deals.dec-26 .big-element h1{ font-size: 110px; color:#ed1c24; font-family: 'Gotham-Black'; margin: 15px -60px 20px 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.89); text-transform: uppercase; word-spacing: 3px; } .hero-new.nov-deals.dec-26 .big-element h1 span{ display: inline-block; vertical-align: super; font-size: 60px; } .hero-new.nov-deals.dec-26 .big-element h2{ font-size: 26px; color: #000000; margin: 0; text-transform:none; font-family: 'Gotham-Bold'; } .hero-new.nov-deals.dec-26 .big-element .dots{ font-family: 'Gotham-Medium'; font-size: 16px; color: #ed1c24; margin:-15px 0 5px 0; } .hero-new.nov-deals.dec-26 .big-element p{ font-size: 16px; color: #000000; line-height: 1.3; margin:0; font-family: 'Gotham-Book'; } .hero-new.nov-deals.dec-26 .big-element a{ width: 200px; height: 56px; line-height: 56px; text-align: center; padding: 0; display: inline-block; background-color: #ed1c24; font-size: 17.46px; color: #ffffff; text-transform: uppercase; margin-top: 25px; } */ .half-box.notebook .black { background-color: black; padding-left: 25px; padding-top: 5px; padding-bottom: 10px; } .half-box.notebook .black p { width: auto; margin: 0; line-height: 1; text-align: left; } .half-box.notebook .black p:first-child { font-size: 55.76px; font-family: 'Gotham-Black'; color: #ffffff; } .half-box.notebook .black p:first-child span { font-size: 29.5px; display: inline-block; vertical-align: super; } .half-box.notebook .black p small { font-size: 31.5px; vertical-align: bottom; position: relative; top: -5px; } .half-box.notebook .black p:last-child { color: #ffffff; font-size: 21px; font-family: 'Gotham-light'; padding-left: 29px; } .half-box.notebook .normal a { top: -5px; display: inline-block; position: relative; } .half-box.notebook .normal { padding-left: 25px; margin: 10px 0; text-align: left; } .half-box.notebook a { color: black; } .half-box.notebook { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: none; background-repeat: no-repeat; border-bottom: none !important; background-position: calc(100% - 15px) calc(50% + 5px); background-repeat: no-repeat; background-color: #fff; border: 5px solid white !important; background-color: #fbf400; } .half-box.notebook:after { content: ""; position: absolute; top: 50%; right: 0; width: 179px; height: 191px; margin-top: -95.5px; pointer-events: none; background-image: url(../images/jan-1/laptop.png); background-repeat: no-repeat; background-position: 98% 50%; z-index: 2; } .hero-new .notebook .half-box-copy { padding: 0; } .half-box.laptops a { color: black; } .half-box.laptops { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/jan-1/top-2.png); background-repeat: no-repeat; border-bottom: none !important; background-position: calc(100% - 15px) calc(50% + 5px); background-repeat: no-repeat; background-color: #fff; } .hero-new .laptops .half-box-copy h4 { font-size: 20px; line-height: 23px; font-family: 'Gotham-Bold'; color: #000000; text-transform: none; margin: 0 0 0 0; text-align: left; } .hero-new .laptops .half-box-copy h4 span { display: inline-block; vertical-align: super; font-size: 10px; } .hero-new .laptops .half-box-copy p { font-size: 15px; color: #000000; line-height: 18px; text-align: left; width: 200px; } .hero-new .laptops .half-box-copy h4+p { font-size: 14px; text-transform: uppercase; margin: 0 0 4px 0; font-family: 'Gotham-Medium'; } .hero-new .laptops .half-box-copy h4+p span { font-size: 7px; display: inline-block; vertical-align: super; } .half-box.tires-jan { height: 175px; width: 375px; margin: 10px 0 15px 25px; position: relative; background-image: url(../images/jan-1/tires.png); background-repeat: no-repeat; border-bottom: none !important; background-position: calc(100% - 20px) 50%; background-size: auto; background-color: #fff; } .half-box.tires-jan a { color: black; } .hero-new .tires-jan .half-box-copy, .hero-new .laptops .half-box-copy { padding-left: 30px; padding-top: 25px; text-align: left; } .hero-new .tires-jan .half-box-copy h4 { font-size: 20px; line-height: 23px; font-family: 'Gotham-Bold'; text-align: left; color: #000000; text-transform: none; margin: 0 0 5px 0; } .hero-new .tires-jan .half-box-copy h4 span { display: inline-block; vertical-align: super; font-size: 10px; } .hero-new .tires-jan .half-box-copy p { font-size: 15px; color: #000000; line-height: 18px; width: 200px; text-align: left; } .hero-new.jan-deals.jan-1 { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/jan-1/bg-3.jpg); text-align: center; } .hero-new.jan-deals.jan-1 .jan-deals { padding: 15px 0 0 45px; } .hero-new.jan-deals.jan-1 .big-element img { max-width: 100%; } .hero-new.jan-deals.jan-1 .big-element h1 { } .hero-new.jan-deals.jan-1 .big-element h2 { font-size: 20px; font-family: 'Gotham-Medium'; color: #ffffff; margin: 0; width: 100%; } @font-face { font-family: 'CenturyGothic'; src: url('fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'), url('fonts/CenturyGothic.woff') format('woff'), url('fonts/CenturyGothic.ttf') format('truetype'), url('fonts/CenturyGothic.svg#CenturyGothic') format('svg'); font-weight: normal; font-style: normal; } .hero-new.jan-deals.jan-1 { position: relative; } .hero-new.jan-deals.jan-1 .big-element img + img { margin: 12px 0 -12px 0; } .hero-new.jan-deals.jan-1 .big-element p { font-family: 'CenturyGothic'; font-size: 14px; margin: 5px 0 0 0; text-transform: uppercase; font-weight: 300; color: white; width: 100%; } .hero-new.jan-deals.jan-1 .big-element p span { font-size: 7px; text-transform: lowercase; display: inline-block; vertical-align: super; position: relative; top: -3px; } .hero-new.jan-deals.jan-1 .big-element a { width: 240px; display: inline-block; color: white; height: 55px; line-height: 55px; padding: 0; color: #fff; font-family: 'Gotham-Black'; font-size: 19px; background-color: #fe1827; } .hero-new.jan-deals.jan-1 .big-element:before { content: ""; background-image: url(../images/jan-1/120.png); width: 151px; height: 151px; top: auto; left: auto; right: -80px; bottom: -25px; position: absolute; } .hero-new.jan-deals.jan-1 .big-element:after { content: ""; background-image: url(../images/jan-1/product-1.png); width: 428px; height: 376px; top: 8px !important; left: -290px; right: auto; bottom: auto; position: absolute; } @media only screen and (max-width:1100px) and (min-width:992px) { .hero-new.jan-deals.jan-1 .half-box { right: 0px !important; } } @media screen and (min-width:992px) and (max-width:1199px) { .hero-new.jan-deals.jan-1 .big-element:after { width: 196.4px; height: 172px; top: auto !important; left: -7px; bottom: -70px !important; background-size: cover; } .hero-new.jan-deals.jan-1 .big-element:before { right: -30px; bottom: -80px; } .hero-new.jan-deals.jan-1 .big-element img { max-width: 100%; width: 370px; } .hero-new.jan-deals.jan-1 .big-element img + img { margin: 12px 0 -12px 0; width: 350px; } .hero-new.jan-deals.jan-1 .big-element h2 { font-size: 16.31px; } .hero-new.jan-deals.jan-1 .big-element a { width: 195px; height: 48px; line-height: 48px; font-size: 15.5px; } .hero-new.jan-deals.jan-1 .big-element p { font-size: 11.42px; } } @media screen and (max-width:991px) { .hero-new.jan-deals.jan-1 .big-element img { display: block; margin-left: auto !important; margin-right: auto !important; max-width: 100%; } .hero-new.jan-deals.jan-1 .big-element img { max-width: 100%; width: 370px; } .hero-new.jan-deals.jan-1 .big-element img + img { margin: 10px 0 5px 0; width: 350px; } .hero-new.jan-deals.jan-1 .big-element h2 { font-size: 16.31px; margin-bottom: 15px; } .hero-new.jan-deals.jan-1 .big-element a { width: 195px; height: 48px; line-height: 48px; font-size: 15.5px; } .hero-new.jan-deals.jan-1 .big-element p { font-size: 11.42px; line-height: 1; margin-top: 10px; } .hero-new.jan-deals.jan-1 .big-element:before { right: 0; bottom: -45px; } .hero-new.jan-deals.jan-1 .big-element:after { width: 275.1px; height: 240.8px; top: 45px; left: -75px; background-size: cover; } .hero-new.jan-deals.jan-1 { background-position: 32.5% 50%; } } @media screen and (max-width:767px) { .half-box.notebook .black { padding-bottom: 7px; } .hero-new.jan-deals.jan-1 .big-element img + img { margin-bottom: 10px; } .hero-new.jan-deals.jan-1 { background-color: transparent; } .hero-new.jan-deals.jan-1 .container { padding: 0; } .hero-new.jan-deals.jan-1 .big-element { padding: 210px 15px 0 15px; background-image: url(../images/jan-1/mobile-bg.jpg); background-size: cover; background-repeat: no-repeat; background-position: center; height: 704px; } .hero-new.jan-deals.jan-1 .jan-deals { padding: 0; } .hero-new.jan-deals.jan-1 .big-element:after { top: 35px; left: 75px; background-image: url(../images/jan-1/mobile-gf.png); width: 161px; height: 161px; } .hero-new.jan-deals.jan-1 .big-element:before { right: 80px !important; bottom: 100px !important; width: 115px; height: 115px; } .hero-new.jan-deals.jan-1 .swiper-element:not(.big-element) { background-color: #f9f9f9; padding: 0 30px; } } @media screen and (max-width:480px) { .half-box.notebook .black p small, .half-box.notebook .black p:first-child span { font-size: 21.5px; } .half-box.notebook .black p:first-child { font-size: 45.76px; } .half-box.notebook:after { right: -10px; width: 89.5px; height: 95.5px; margin-top: -47.75px; background-size: cover; } .half-box.notebook .black { padding-left: 5px; } .half-box.notebook .normal { padding-left: 0; } .hero-new.jan-deals.jan-1 .swiper-element { display: block; } .hero-new.jan-deals.jan-1 .swiper-element-container { padding: 0 0; } .hero-new.jan-deals.jan-1 .big-element p { font-size: 11.42px !important; line-height: 1 !important; margin-top: 10px !important; } .hero-new.jan-deals.jan-1 .big-element h2 { font-size: 16.31px !important; margin-bottom: 15px; } .hero-new.jan-deals.jan-1 .big-element:before { right: 5px !important; } .hero-new.jan-deals.jan-1 .big-element:after { left: -16px } .hero-new.jan-deals.jan-1 .big-element h2 { font-size: 13.31px !important; } .hero-new.jan-deals.jan-1 .swiper-element-wrapper { display: block; } .hero-new.jan-deals.jan-1 .swiper-element:not(.big-element) { background-color: #f9f9f9; padding: 0px 15px; height: auto !important; } .hero-new.jan-deals.jan-1 .half-box { background-size: 30% !important; } .hero-new .half-box.tires-jan { background-position: calc(100% - 5px) 50% !important; } .hero-new .half-box.laptops { background-position: calc(100% - 5px) 95% !important; } .under_slider.new { display: none; } } @media screen and (max-width:400px) { } /** 2018 banner */ #banner-2018 { background-image: url(/get-started-new/images/banner.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; font-size: 0; padding: 27px 0 32px 0; } #banner-2018 .container > div { display: inline-block; vertical-align: middle; } #banner-2018 .left img { max-width: 100%; height: auto; } #banner-2018 .right { line-height: 1; font-size: 33.41px; color: #ffffff; text-transform: uppercase; margin-left: 40px; font-family: 'CenturyGothic'; font-weight: bold; } #banner-2018 .right strong { display: block; font-size: 67.55px; line-height: 1; margin-top: -5px; } @media screen and (max-width:767px) { #banner-2018 .container > div { width: 50%; margin: 0; } #banner-2018 .right { font-size: 20.41px; } #banner-2018 .right strong { font-size: 41.55px; margin-top: 0; } } @media screen and (max-width:480px) { #banner-2018 .container > div { width: 100%; margin: 0; display: block; } #banner-2018 .container > div.right { margin-top: 30px; } } /** tires banner */ #tires-banner { background-image: url(../images/tires-banner.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 0; } #tires-banner .container { width: 1360px; max-width: 100%; height: 188px; overflow: hidden; } #tires-banner .left { display: inline-block; vertical-align: middle; margin-right: 50px; margin-top: -73.5px; } #tires-banner .right { display: inline-block; vertical-align: middle; margin-top: -73.5px; } #tires-banner .right p { font-size: 26.3px; font-family: 'Gotham-Medium'; color: #000000; margin: 10px 0 0 4px; } @media screen and (max-width:991px) { #tires-banner img { max-width: 100%; } #tires-banner .left { margin-right: 15px; width: 250px; } #tires-banner .left, #tires-banner .right { margin-top: -32.5px; } } @media screen and (max-width:767px) { #tires-banner .container { height: auto; text-align: center; padding: 30px 15px; } #tires-banner .left, #tires-banner .right { margin-right: 0; width: 100%; } #tires-banner .left, #tires-banner .right { margin-top: 0; } #tires-banner .right img { margin-top: 15px; } } @media screen and (max-width:480px) { #tires-banner .right p { font-size: 24px; margin: 0; } } #main-hero { width: 56%; display: inline-block; vertical-align: top; background-image: url(../images/tires-new/left.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: cover; height: 390px; } #main-hero .inner { width: 605px; max-width: 100%; font-size: 0; margin: 25px 0 0 auto; } #main-hero .inner img { display: block; max-width: 100%; margin: 0 auto 10px auto; position: relative; left: -40px; } #main-hero .inner h2 { font-size: 16px; text-transform: uppercase; font-family: 'Gotham-Medium'; color: #ffffff; line-height: 1.3; margin: 0 0 10px 0; padding: 0; letter-spacing: -0.5px; } #main-hero .inner p { font-family: 'Gotham-light'; font-size: 12px; margin: 0; color: #ffffff; } #main-hero .inner .left, #main-hero .inner .right { display: inline-block; vertical-align: top; max-width: 100%; } #main-hero .inner .left { width: 315px; } #main-hero .selectric { background: transparent; -webkit-box-shadow: 0 0 7px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.125); } #main-hero .selectric .label { font-family: 'Gotham-Black'; background-color: #fbf400; margin: 0 50px 0 0; font-size: 18px; line-height: 50px; color: #000000; text-align: center; text-transform: uppercase; height: 50px; border-radius: 0; display: inline-block; padding: 0; width: 195px; } #main-hero .selectric .button { background-image: url(../images/tires-new/icon-dropp.png); background-repeat: no-repeat; background-position: center; color: transparent; background-color: #e1db00; display: inline-block; border-radius: 0; width: 50px; height: 50px; } #main-hero .selectric .button:after, #main-hero .selectric .button:before { display: none; } #main-hero .selectric-items li[data-index="0"] { display: none; } #main-hero .selectric-items li { padding: 0; height: 40px; line-height: 40px; background-color: white; font-size: 16px; color: #333333; padding: 0 25px; border: 0; } #main-hero .selectric-items li:hover { background-color: #e8e8e8; } #hero-container { font-size: 0; } #tires-hero { width: 44%; background-image: url(../images/tires-new/right.jpg); background-repeat: no-repeat; background-position: 0 0; background-size: cover; display: inline-block; vertical-align: top; height: 390px; } #tires-hero .inner { margin-left: 33px; } #tires-hero .inner img:first-child { margin-left: -25px; } #tires-hero .inner img { display: block; max-width: 100%; } #tires-hero .inner img + img { margin-top: -55px; } #tires-hero .inner p { font-size: 21.78px; color: #000000; font-family: 'Gotham-Medium'; margin: 8px 0 20px 0; } #tires-hero .inner a { display: block; width: 215px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; color: white; font-family: 'Gotham-Black'; font-size: 18px; background-color: #ee1d24; } #hero { height: 390px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/tires/herobg.jpg); font-size: 0; } .container { width: 1050px; max-width: 100%; } #hero p { font-size: 21.8px; line-height: 1; color: #000000; font-family: 'Gotham-Medium'; margin: 5px 0 15px 0; } #hero a { width: 160px; height: 50px; line-height: 50px; color: white !important; text-decoration: none; text-align: center; max-width: 100%; display: inline-block; font-family: 'Gotham-Black'; background-color: #ee1d24; font-size: 15.65px; } #hero form { width: 350px; max-width: 100%; } #hero form input:not([type="submit"]):not([type="email"]) { width: calc(50% - 2.5px); height: 46px; background-color: #ffffff; border: 1px solid #bbbbbb; line-height: 46px; padding: 0 15px; font-size: 14.86px; font-family: 'Gotham-Medium'; margin-bottom: 10px; font-weight: 400; color: #bbbbbb; } #hero form input[type="email"] { width: 100%; height: 46px; background-color: #ffffff; border: 1px solid #bbbbbb; line-height: 46px; padding: 0 15px; font-size: 14.86px; font-family: 'Gotham-Medium'; margin-bottom: 23px; font-weight: 400; color: #bbbbbb; } #hero form input:not([type="submit"]):first-child { margin-right: 5px; } #hero form input[type="submit"] { width: 245px; height: 58px; line-height: 58px; background-color: #ee1d24; color: white; font-size: 16px; border: 0; font-family: 'Gotham-Black'; text-transform: uppercase; text-align: center; } #hero form input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-weight: 400; color: #bbbbbb; } #hero form input::-moz-placeholder { /* Firefox 19+ */ font-weight: 400; color: #bbbbbb; } #hero form input:-ms-input-placeholder { /* IE 10+ */ font-weight: 400; color: #bbbbbb; } #hero form input:-moz-placeholder { /* Firefox 18- */ font-weight: 400; color: #bbbbbb; } #hero .container { width: 1240px; } #hero .left, #hero .right { display: inline-block; vertical-align: middle; } #hero .left { width: 360px; max-width: 100%; margin-left: 15px; margin-top: 5px; } #hero .right { margin-top: 10px; } #hero .right img { max-width: 100%; height: auto; } #under-hero { font-size: 0; background-color: #fe1827; padding: 17px 0; margin-bottom: 80px; } #under-hero .container { width: 1030px; max-width: 100%; } #under-hero .container .left, #under-hero .container .right { display: inline-block; vertical-align: top; width: calc(50% - 9px); background-color: white; padding: 2px; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); } #under-hero .container .left { margin-right: 18px; } #under-hero .container .left .inner { background-image: url(../images/tires-new/left-left.jpg); background-repeat: no-repeat; background-position: calc(100%) 50%; } #under-hero .container .right .inner { background-image: url(../images/tires-new/right-.jpg); background-repeat: no-repeat; background-position: calc(100%) 50%; } #under-hero .container .inner { padding: 30px 0 0 30px; height: 172px; } #under-hero .container .inner > div { width: 250px; max-width: 100%; } #under-hero .container .inner h3 { font-size: 20px; font-family: 'Gotham-Bold'; color: #000000; margin: 0 0 5px 0; } #under-hero .container .inner h3 span { display: inline; vertical-align: super; font-size: 10px; } #under-hero .container .inner p { font-size: 15px; line-height: 20px; margin: 0 0 15px 0; color: #000000; } #under-hero .container .inner a { font-family: 'Gotham-Bold'; color: #fe1827; border-bottom: 1px solid #fe1827; text-decoration: none; font-size: 15px; text-transform: uppercase; } @media only screen and (max-width:1199px) { #main-hero .inner img { margin: 0 auto 0 auto; } #main-hero .inner { padding: 0 15px; } #main-hero .inner .left { width: 250px; } #main-hero .inner img { left: 0; } #under-hero .container .left .inner, #under-hero .container .right .inner { background-position: calc(100% - 0) 50%; } #under-hero .container .inner { padding: 30px 0 0 12px; } } @media only screen and (max-width:991px) { #tires-hero .inner { margin-left: 0; padding: 0 15px; } #main-hero .inner .right { margin-top: 15px; } #main-hero .inner img { width: 320px; } #main-hero .inner .left { width: 100%; } #under-hero .container .inner { padding: 30px 0 0 30px; } #hero .right { max-width: 45%; } #under-hero .container .left, #under-hero .container .right { width: 100%; } #under-hero .container .left { margin-right: 0; margin-bottom: 10px; } } @media only screen and (max-width:767px) { #tires-hero .inner a { width: 175px; height: 40px; line-height: 40px; font-size: 14.82px; } #tires-hero .inner p { font-size: 17.95px; margin: 5px 0 15px 0; } #tires-hero .inner img + img { margin-top: -45px; width: 245px; } #tires-hero .inner img:first-child { margin-left: -15px; width: 250px; } #tires-hero .inner { padding: 0 25px; } #tires-hero { width: 100%; height: 320px; } #main-hero { background-image: url(../images/tires-new/mob.jpg); } #main-hero .inner .right { margin-top: 30px; } #main-hero .inner { margin-top: 5px; } #main-hero .inner img { width: 380px; } #main-hero .inner h2 { font-size: 19.28px; width: 380px; letter-spacing: 0 !important; max-width: 100%; margin-left: auto; margin-right: auto; margin-top: 15px; } #main-hero .inner p { font-size: 14.46px; } #main-hero { width: 100%; height: auto; text-align: center; padding: 30px 15px 40px 15px; } #under-hero { margin-bottom: 30px; } #under-hero .container .inner { padding: 20px 0 0 20px; } #hero form input:not([type="submit"]):first-child { margin-right: 0 !important; } #hero form input:not([type="submit"]) { width: 100% !important; } #hero { height: auto; padding: 30px 0; } #hero .left img { max-width: 100%; } #hero .left, #hero .right { width: 50% !important; margin: 0 !important; } #hero .right { margin-right: 5% !important; } /*#under-hero .container .right .inner { background-image: url(../images/tires/bottom-mob.jpg); } #under-hero .container .left .inner { background-image: url(../images/tires/top-mob.jpg); } */ #under-hero { padding: 20px 0; } } @media only screen and (max-width:600px) { #hero { text-align: center; } #hero .right img { margin-bottom: 15px; } #hero .right { max-width: 100%; width: 320px; text-align: left; } #hero .left, #hero .right { width: 320px !important; margin: 0 !important; max-width: 100%; margin: 0 auto; } #hero .right { margin-right: 0% !important; } } @media only screen and (max-width:480px) { #main-hero .inner { padding: 0; } #under-hero .container .left .inner, #under-hero .container .right .inner { background-size: 50%; } #under-hero .container .inner > div { width: 175px; max-width: 100%; } #under-hero .container .right .inner > div { width: 250px; max-width: 100%; } #hero { height: 700px; background-image: url(../images/tires/mob-1.jpg); } #hero .right { max-width: 100%; padding-top: 15px !important; } #hero p { margin: 5px 0 15px 0; } #hero .left, #hero .right { width: 100% !important; display: block; text-align: center; } #hero { margin-top: 0; padding-top: 0; } #hero form { margin: 0 auto; } #hero .right img { width: 300px; max-width: 100%; } #hero form input:not([type="submit"]) { width: calc(50% - 5px); } #hero form input:not([type="submit"]):first-child { margin-right: 10px; } } @media only screen and (max-width:420px) { #under-hero .container .left .inner, #under-hero .container .right .inner { padding: 10px 0 0 10px; } #under-hero .container .left .inner > div { width: calc(100% - 180px); padding-right: 10px; } #under-hero .container .right .inner > div { width: calc(100% - 180px); padding-right: 10px; } } @media only screen and (max-width:400px) { #under-hero .container .inner { height: auto; } #under-hero .container .left .inner > div { width: 100%; padding-right: 10px; } #under-hero .container .right .inner > div { width: 100%; padding-right: 10px; } #hero form input:not([type="submit"]) { width: 100% } #hero form input:not([type="submit"]):first-child { margin-right: 0; } #under-hero .container .left .inner, #under-hero .container .right .inner { padding: 10px; background-size: auto 100%; } #under-hero .container .inner h3 { font-size: 15px; margin: 0 0 5px 0; } #under-hero .container .inner p { font-size: 14px; margin: 0 0 5px 0; } } @font-face { font-family: 'Gotham-Ultra'; src: url('fonts/Gotham-Ultra.eot?#iefix') format('embedded-opentype'), url('fonts/Gotham-Ultra.otf') format('opentype'), url('fonts/Gotham-Ultra.woff') format('woff'), url('fonts/Gotham-Ultra.ttf') format('truetype'), url('fonts/Gotham-Ultra.svg#Gotham-Ultra') format('svg'); font-weight: normal; font-style: normal; } .fancybox-skin { padding: 0 !important; overflow: visible !important; border-radius: 0 !important; -webkit-border-radius: 0 !important; background-color: #db3832 !important; } .fancybox-wrap { width: 640px !important; max-width: 100%; left: 0; } .fancybox-wrap .fancybox-close { display: none !important; } .fancybox-inner { width: 100% !important; overflow: visible !important; } #CouponPopupContainerNew { width: calc(100% - 220px); max-width: 100%; text-align: center; margin: 0 0 0 auto; } #UpdatePanel1 { background-image: url(../images/new-popup/pattern.jpg); background-repeat: no-repeat; background-position: 0 0; line-height: 1; border-top: 3px solid #faf451; border-bottom: 3px solid #faf451; border-right: 3px solid #faf451; position: relative; } #UpdatePanel1 .closer { font-size: 12.33px; font-family: 'Gotham-Book'; color: #ffffff; right: 14px; top: 14px; position: absolute; } #UpdatePanel1:before { content: ""; display: block; position: absolute; bottom: -8px; left: 2px; width: 294px; height: 312px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/new-popup/left.png); } #UpdatePanel1 h1 { font-family: 'Gotham-Ultra'; font-size: 33px; color: #faf451; text-transform: uppercase; margin: 50px 0 0 0 !important; padding: 0 !important; } #UpdatePanel1 h2 { font-family: 'Gotham-Ultra'; font-size: 18.18px; color: #fff; padding: 0 !important; text-transform: uppercase; margin: 0px 0 0 0 !important; } #UpdatePanel1 h2 span { font-size: 9px; display: inline-block; vertical-align: super; } #UpdatePanel1 h3 { font-family: 'Gotham-Book'; color: #ffffff; font-size: 13.87px; font-weight: 400; margin: 18px 0 18px 0 !important; padding: 0 !important; } #UpdatePanel1 input:not([type="image"]) { width: 175px !important; max-width: 100%; height: 35px !important; line-height: 35px !important; background-color: white; border: 1px solid #000000; font-size: 12px; font-family: 'Gotham-Book'; color: #221f20 !important; padding: 0 14px; margin: 0 0 -9px 0; } #UpdatePanel1 input[type="image"] { margin-top: 5px; margin-bottom: 20px; cursor: pointer; width: 150px; max-width: 100%; } #CouponPopupBottomButtons { position: static !important; margin-bottom: 15px; } #CouponPopupBottomButtons a { font-size: 12px; font-family: 'Gotham-Book'; font-style: italic; color: #ffffff; display: inline-block; margin: 0 8px; text-decoration: none; border-bottom: 1px solid white; } .fancybox-outer, .fancybox-inner { position: relative; height: 100% !important; } /* .fancybox-wrap { max-width: 100%; width: calc(100% - 40px) !important; } */ @media screen and (max-width:1500px) { /* #UpdatePanel1 h1 { font-size: 50px; margin: 85px 0 0 0 !important; } #UpdatePanel1 h2 { font-size: 26px; padding: 0 !important; margin: 0 0 0 0 !important; } #UpdatePanel1 h2 span { font-size: 13px; } #UpdatePanel1 h3 { font-size: 22px; margin: 20px 0 25px 0 !important; } #UpdatePanel1 input:not([type="image"]) { width: 175px !important; height: 35px !important; line-height: 35px !important; font-size: 8px; padding: 0 14px; } #UpdatePanel1 { background-size: auto 100%; } #UpdatePanel1:before { width: 45%; height: 100%; background-repeat: no-repeat; background-position: 0 100%; background-size: contain; } #CouponPopupContainerNew { width: 63%; } #UpdatePanel1 input[type="image"] { margin-top: 0; margin-bottom: 30px; cursor: pointer; height: 60px; } #CouponPopupBottomButtons a { font-size: 21px; margin: 0 15px; } #UpdatePanel1 .closer { font-size: 21px; right: 15px; top: 15px; } */ } @media screen and (max-width:991px) { /*#UpdatePanel1 h1 { font-size: 30px; padding-top: 15px !important; } #CouponPopupContainerNew { width: 100%; } #UpdatePanel1 { background-image: none; } #UpdatePanel1:before { z-index: 0; } #CouponPopupContainerNew { position: relative; } #UpdatePanel1 .closer { font-size: 21px; right: 5px; top: -25px; } #UpdatePanel1 h1 { margin: 30px 0 0 0 !important; } #UpdatePanel1 { border-left: 7px solid #faf451; } */ } @media screen and (max-width:767px) { #UpdatePanel1 { background-image: none; border-left: 3px solid #faf451 } #CouponPopupContainerNew { width: 100%; max-width: 100%; } .fancybox-wrap { max-width: 100%; width: calc(100% - 40px) !important; } #divcontents { padding: 0 15px; } /* #UpdatePanel1 h2 { font-size: 20px; padding: 5px 0 0 0 !important; } #UpdatePanel1 h3 { font-size: 16px; margin: 10px 0 25px 0 !important; } #UpdatePanel1 input:not([type="image"]) { width: 175px !important; height: 35px !important; line-height: 35px !important; font-size: 8px; padding: 0 14px; } #CouponPopupBottomButtons a { font-size: 18px; margin: 0 15px; } #CouponPopupBottomButtons { margin-bottom: 30px; margin-top: 0 !important; } */ #UpdatePanel1:before { display: none; } #UpdatePanel1 input[type="image"] { margin-bottom: 10px; } } @media screen and (max-width:480px) { #UpdatePanel1 h1 { font-size: 22px; } #UpdatePanel1 h2 { font-size: 16px; } #UpdatePanel1 h2 span { font-size: 8px; } #UpdatePanel1 input:not([type="image"]) { font-size: 16px !important; padding: 0 15px; } #CouponPopupBottomButtons { position: static !important; margin-top: 0 !important; } #CouponPopupBottomButtons a { } #CouponPopupBottomButtons { margin-top: 0 !important; } #UpdatePanel1 input[type="image"] { margin-bottom: 7.5px; } #CouponPopupBottomButtons { margin-bottom: 15px !important; } #UpdatePanel1 input[type="image"] { height: auto; max-width: 100%; height: 45px !important; } } .department-hero { background-position: center center !important; } .hero-new.feb-deals.feb-5 { background-image: url(../images/feb-19/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: visible; } .hero-new.feb-deals.feb-5 { } .hero-new.feb-deals.feb-5 .febr-deals { padding-left: 0; } .hero-new .big-element { width: calc(100% - 376px); height: 399px; } .hero-new .big-element { width: calc(100% - 376px); height: 399px; } .hero-new .big-element + div { width: 376px; } .hero-new.feb-deals.feb-5 .big-element:after { display: none; } .hero-new.feb-deals.feb-5 .big-element { padding-top: 120px } .hero-new.feb-deals.feb-5 .big-element img { display: block; max-width: 100%; margin: 0 auto 10px auto; position: relative; left: -10px; } .hero-new.feb-deals.feb-5 .big-element h2 { font-size: 25px; line-height: 27px; font-family: 'Gotham-Bold'; color: #ffffff; margin: 0 0 5px 0; padding: 0; letter-spacing: 0px; } .hero-new.feb-deals.feb-5 .big-element p { font-family: 'Gotham-light'; font-size: 12px; margin: 0 0 10px 0; line-height: 15px; color: #ffffff; width: 100%; } .hero-new.feb-deals.feb-5 .big-element .left, .hero-new.feb-deals.feb-5 .big-element .right { display: inline-block; vertical-align: top; max-width: 100%; } .hero-new.feb-deals.feb-5 .big-element .left { } .hero-new.feb-deals.feb-5 .big-element .right { margin-top: 10px; width: 250px; margin-left: 15px; } .hero-new.feb-deals.feb-5 .big-element .selectric-items { position: absolute; } .hero-new.feb-deals.feb-5 .big-element .selectric { background: transparent; -webkit-box-shadow: 0 0 7px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.125); width: 235px; } .hero-new.feb-deals.feb-5 .big-element .selectric .label { font-family: 'Gotham-Black'; background-color: #fbf400; margin: 0 55px 0 0; font-size: 18px; line-height: 55px; color: #000000; text-align: center; text-transform: uppercase; height: 55px; border-radius: 0; display: inline-block; padding: 0; width: 185px; } .hero-new.feb-deals.feb-5 .big-element .selectric .button { background-image: url(../images/tires-new/icon-dropp.png); background-repeat: no-repeat; background-position: center; color: transparent; background-color: #e1db00; display: inline-block; border-radius: 0; width: 55px; height: 55px; } .hero-new.feb-deals.feb-5 .big-element .selectric .button:after, .hero-new.feb-deals.feb-5 .big-element .selectric .button:before { display: none; } .hero-new.feb-deals.feb-5 .big-element:before { width: 229px; height: 360px; background-image: url(../images/feb-19/chrissy.png); background-repeat: no-repeat; background-position: center; background-size: cover; left: -190px; bottom: 0; top: auto; right: auto; } .hero-new.feb-deals.feb-5 .big-element .selectric-items li[data-index="0"] { display: none; } .hero-new.feb-deals.feb-5 .big-element .selectric-items li { padding: 0; height: 40px; line-height: 40px; background-color: white; font-size: 16px; color: #333333; padding: 0 25px; border: 0; } .hero-new.feb-deals.feb-5 .big-element .selectric-items li:hover { background-color: #e8e8e8; } .hero-new .box-style { display: block; vertical-align: top; width: 100%; background-color: white; border: 2px solid white; -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15); height: 176px; right: 0; position: relative; z-index: 2; } .hero-new .box-style > div { background-image: url(../images/feb-19/top-new.jpg); background-repeat: no-repeat; background-position: calc(100%) 50%; } .hero-new .box-style:nth-child(1) { margin: 16px 0 16px 0; } .hero-new .box-style:nth-child(2) > div { background-image: url(../images/feb-19/bottom-new.jpg); background-repeat: no-repeat; background-position: calc(100% - 5px) 50%; } .hero-new .box-style .half-box-copy { padding: 30px 0 0 20px; height: 172px; } .hero-new .box-style.mod .half-box-copy > div { width: calc(100% - 150px); max-width: 100%; } .hero-new .box-style .half-box-copy h3 { font-size: 20px; font-family: 'Gotham-Bold'; color: #000000; margin: 0 0 5px 0; } .hero-new .box-style .half-box-copy h3 span { display: inline; vertical-align: super; font-size: 10px; } .hero-new .box-style .half-box-copy p { font-size: 15px; line-height: 23px; margin: 0 0 15px 0; color: #000000; } .hero-new .box-style .half-box-copy p span { color: #d93832; font-weight: bold; } .hero-new .box-style .half-box-copy a { font-family: 'Gotham-Bold'; color: #fe1827; border-bottom: 1px solid #fe1827; text-decoration: none; font-size: 15px; text-transform: uppercase; } @media only screen and (max-width:1100px) and (min-width:992px) { .hero-new.feb-deals.feb-5 .febr-deals { font-size: 0; } .hero-new.feb-deals.feb-5 .big-element .right { margin-left: 0; padding-left: 15px; padding-right: 15px; } .hero-new.feb-deals.feb-5 .big-element .left, .hero-new.feb-deals.feb-5 .big-element .right { width: 50%; } .hero-new.feb-deals.feb-5 .half-box { right: 0 !important; } } @media only screen and (max-width:991px) { .hero-new.feb-deals.feb-5 .big-element, .hero-new.feb-deals.feb-5 .big-element + div { width: 100%; } .hero-new.feb-deals.feb-5 { height: auto; } .hero-new .box-style { width: calc(50% - 7.5px) !important; display: inline-block !important; vertical-align: top; } .hero-new .box-style:nth-child(1) { margin: 15px 15px 15px 0 !important; } .hero-new .box-style:nth-child(2) { margin: 15px 0 15px 0 !important; } .hero-new.feb-deals.feb-5 .febr-deals { padding-left: 0; text-align: center; } .hero-new.feb-deals.feb-5 .febr-deals > div { text-align: left; } .hero-new .box-style .half-box-copy { padding: 30px 0 0 5px; } } @media only screen and (max-width:767px) { .hero-new.feb-deals.feb-5 .big-element h2 { } .hero-new.feb-deals.feb-5 .big-element .left { width: 270px; } .hero-new .box-style .half-box-copy { padding: 20px 0 0 20px; } .hero-new .box-style:nth-child(1) { margin: 15px 0 15px 0 !important; } .hero-new .box-style:nth-child(2) { margin: 0 0 15px 0 !important; } .hero-new .box-style { width: 100% !important; } } @media only screen and (max-width:600px) { .hero-new.feb-deals.feb-5 .big-element .selectric { margin: 0 auto; } .hero-new.feb-deals.feb-5 .big-element img { width: 300px; left: 0; } .hero-new.feb-deals.feb-5 .big-element .right { margin-top: 0; text-align: center; width: 250px; margin-left: 0; } .hero-new.feb-deals.feb-5 .big-element { padding-top: 15px; } .hero-new.feb-deals.feb-5 .big-element p { line-height: 1.3; margin: 5px 0; } .hero-new.feb-deals.feb-5 .big-element .left { width: 100%; text-align: center; } .hero-new.feb-deals.feb-5 .big-element .left h2 { width: 100%; font-size: 20px; } .hero-new.feb-deals.feb-5 .big-element .left h2 br { display: none; } } @media only screen and (max-width:480px) { .hero-new.feb-deals.feb-5 .big-element .selectric { width: 270px; max-width: 100%; } .hero-new.feb-deals.feb-5 .container { padding-left: 0 !important; padding-right: 0 !important; } .hero-new.feb-deals.feb-5 .big-element p { margin-bottom: 20px; font-size: 13.53px; width: 320px; max-width: 100%; margin-left: auto; margin-right: auto; } .hero-new.feb-deals.feb-5 .big-element h2 { width: 100%; font-size: 28px !important; line-height: 30px; margin-bottom: 15px; } .hero-new.feb-deals.feb-5 .big-element h2 br { display: none; } .hero-new.feb-deals.feb-5 .big-element img { max-width: 380px; width: 100%; margin-bottom: 15px; left: 0; } .hero-new.feb-deals.feb-5 .big-element { padding-top: 140px; height: 703px !important; background-image: url(../images/feb-19/mob.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; padding-left: 35px !important; padding-right: 35px !important; } .hero-new.feb-deals.feb-5 { background-image: none; } .hero-new.feb-deals.feb-5 .big-element + div { } .hero-new.feb-deals.feb-5 .big-element .right { width: 100%; } .hero-new.feb-deals.feb-5 .big-element .selectric .label { width: 215px; } } @media screen and (max-width:420px) { .hero-new .box-style .half-box-copy a { font-size: 12px; } .half-box.wishbook > div, .half-box.bunk >div, .half-box.razor >div, .half-box > div, .hero-new .half-box-copy { padding-left: 10px !important; } .hero-new .box-style .half-box-copy > div { width: calc(100% - 100px); } .hero-new .box-style .half-box-copy { height: 115px; } .hero-new .box-style > div { background-size: auto 100%; } .hero-new .box-style { height: 119px; } .hero-new .box-style .half-box-copy { padding: 10px 0 0 10px; } .hero-new .box-style .half-box-copy h3 { font-size: 14px; line-height: 1.1; } .hero-new .box-style .half-box-copy p { font-size: 14px; margin-bottom: 5px; line-height: 18px; } } @font-face { font-family: 'FuturaPT-Medium'; src: url('fonts/FuturaPT-Medium.eot?#iefix') format('embedded-opentype'), url('fonts/FuturaPT-Medium.otf') format('opentype'), url('fonts/FuturaPT-Medium.woff') format('woff'), url('fonts/FuturaPT-Medium.ttf') format('truetype'), url('fonts/FuturaPT-Medium.svg#FuturaPT-Medium') format('svg'); font-weight: normal; font-style: normal; } .hero-new.feb-deals.feb-5.scratch { background-image: url(../images/scratch/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; overflow: hidden; position: relative; } .hero-new.feb-deals.feb-5.scratch:before { content: ""; width: 100%; position: absolute; top: 0; left: 0; height: 112px; background-image: url(../images/march-19/r2o-arrows.png); background-repeat: no-repeat; background-position: center top; } .hero-new.feb-deals.feb-5.scratch .scratch-inner { font-size: 0; text-align: left; position: relative; z-index: 2; } .hero-new.feb-deals.feb-5.scratch .scratch-inner img { display: block; margin: 0 !important; left: 0 !important; } .hero-new.feb-deals.feb-5.scratch .scratch-inner img:nth-child(1) { margin-bottom: 5px !important; } .hero-new.feb-deals.feb-5.scratch .scratch-inner img:nth-child(2) { } .hero-new.feb-deals.feb-5.scratch .scratch-inner img:nth-child(3) { } .hero-new.feb-deals.feb-5.scratch .big-element { padding-top: 55px; } .hero-new, .hero-new .big-element { height: 490px; } .hero-new.feb-deals.feb-5.scratch .scratch-inner > a { width: 192px; height: 50px; line-height: 50px; text-align: center; text-transform: uppercase; display: block; background-color: #fff100; font-size: 18px; font-family: 'Gotham-Black'; color: #000000; margin-top: 30px; margin-left: 0; } .hero-new.feb-deals.feb-5.scratch .big-element h3 { font-size: 38.65px; color: #f7ee55; line-height: 0.9; margin: 0; padding-top: 2px; padding-left: 0; letter-spacing: 0px; font-family: 'AvenirLT-BlackOblique'; } .hero-new.feb-deals.feb-5.scratch .big-element h3 span { font-family: 'Avenir-Black'; color: white; font-size: 38.65px; } .hero-new.feb-deals.feb-5.scratch .big-element:before { width: 334px; height: 368px; background-image: url(../images/march-26/left.png); background-repeat: no-repeat; background-position: center; background-size: cover; left: -300px; bottom: 0; top: auto; right: auto; } .hero-new.feb-deals.feb-5.scratch .big-element p { font-size: 18px; line-height: 1.3; font-weight: 300; font-family: 'AvenirLTStd-Roman'; margin-top: 5px; } .hero-new.feb-deals.feb-5.scratch .big-element + div:after { content: ""; display: block !important; position: absolute; right: -250px; bottom: 0; background-image: url(../images/march-26/right.png); background-repeat: no-repeat; background-position: center; width: 286px; height: 353px; background-size: cover; z-index: 0; } .hero-new.feb-deals.feb-5.scratch .big-element:after { content: ""; display: block; width: 691px; height: 393px; background-image: url(../images/march-26/cooper.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; right: -200px; bottom: -15px; z-index: 0; } .hero-new .box-style:nth-child(1) { margin: 60px 0 20px 0; } .hero-new .box-style:nth-child(1) .half-box-copy { padding: 25px 0 0 20px; } .hero-new.feb-deals.feb-5.scratch .box-style .half-box-copy { } .hero-new.feb-deals.feb-5.scratch .box-style .half-box-copy > div { width: calc(100% - 120px); max-width: 100%; } .hero-new.feb-deals.feb-5.scratch .box-style .half-box-copy p { width: 100%; margin: 0 0 10px 0; line-height: 1.1; } .hero-new.feb-deals.feb-5.scratch .box-style .half-box-copy h3 { margin-bottom: 5px; } @import url('//fonts.googleapis.com/css?family=Nunito:200,200i,300,300i,400,400i,600,600i,700,700i,800,800i,900,900i'); .hero-new.feb-deals.feb-5.scratch .box-style.mid-month .half-box-copy h3 { font-weight: 600; font-family: 'Nunito', sans-serif; font-size: 24px; color: #0c0003; } .hero-new.feb-deals.feb-5.scratch .box-style.mid-month img { margin-bottom: 5px; } .hero-new .box-style.no-border.mid-month { /*background-image: url(../images/scratch/bottom-bg.png);*/ background-repeat: no-repeat; background-position: 100% 100%; background-color: #fff100; background-size: auto 100%; } .hero-new .box-style .half-box-copy h3 span { font-size: 13px; margin-top: 5px; display: inline-block; } .hero-new .box-style .half-box-copy h3 span img { display: inline-block; vertical-align: middle; } .hero-new .big-element + div { height: 490px; position: relative; } .hero-new .big-element + div { position: relative; } .hero-new .box-style.no-border { border: 0; } .hero-new .box-style.no-border > div { height: 100%; } @media screen and (max-width:1199px) { .hero-new.feb-deals.feb-5.scratch .big-element:after { width: 100%; background-size: contain; background-position: 100% 100%; } } @media screen and (max-width:991px) { .hero-new.feb-deals.feb-5.scratch .big-element + div:after, .hero-new.feb-deals.feb-5.scratch:after { display: none !important; } .hero-new.feb-deals.feb-5.scratch { height: auto; } .hero-new.feb-deals.feb-5.scratch .big-element:after { right: 0; width: 100%; background-size: contain; background-position: 100% 100%; max-width: 70%; } .hero-new.feb-deals.feb-5.scratch .big-element + div { height: auto; position: relative; } } @media screen and (max-width:767px) { .hero-new.feb-deals.feb-5.scratch .big-element:after { right: 0; width: 100%; background-size: contain; background-position: 100% 100%; max-width: 65%; bottom: 0; } .hero-new.feb-deals.feb-5.scratch .big-element + div:after { display: none !important; } .hero-new.feb-deals.feb-5.scratch .big-element + div { height: auto; position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover; } } @media screen and (max-width:991px) and (min-width:768px) { .hero-new.feb-deals.feb-5.scratch .big-element + div:after, .hero-new.feb-deals.feb-5.scratch .big-element:before, .hero-new.feb-deals.feb-5.scratch:after { display: none !important; } } @media screen and (max-width:767px) and (min-width:481px) { .hero-new.feb-deals.feb-5.scratch .big-element + div:after, .hero-new.feb-deals.feb-5.scratch .big-element:before { display: none !important; } } @media screen and (max-width:480px) { .hero-new.feb-deals.feb-5.scratch.live .big-element:before { content: ""; display: block !important; position: absolute; right: 0 !important; bottom: 0 !important; background-image: url(../images/march-26/right-mobile.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 227px; height: 285px; left: auto; z-index: 2222 !important; } .hero-new.feb-deals.feb-5.scratch .scratch-inner > a { margin-top: 20px; } .hero-new.feb-deals.feb-5.scratch .big-element { padding-top: 45px; } .hero-new.feb-deals.feb-5.scratch .big-element + div { background-image: none; } .hero-new.feb-deals.feb-5.scratch .big-element h3 span { font-size: 32.45px; } .hero-new.feb-deals.feb-5.scratch .big-element h3 { letter-spacing: 0; font-size: 32.45px; display: block; margin: 0 auto; padding: 15px 0 0 0; width: 320px; max-width: 100%; text-align: center; } .hero-new.feb-deals.feb-5.scratch .big-element p { font-size: 16.37px; text-align: center; } .hero-new .box-style.no-border.mid-month { background-size: 100% auto !important; } .hero-new.feb-deals.feb-5.scratch .scratch-inner img:nth-child(1) { width: 310px !important; max-width: 100% !important; } .hero-new.feb-deals.feb-5.scratch .scratch-inner img:nth-child(2) { width: 325px !important; max-width: 100% !important; } .hero-new.feb-deals.feb-5.scratch .scratch-inner img:nth-child(3) { width: 165px !important; max-width: 100% !important; } .hero-new.feb-deals.feb-5.scratch .scratch-inner > a { margin-left: auto; margin-right: auto; } .hero-new.feb-deals.feb-5.scratch .scratch-inner img { display: block !important; margin: 0 auto !important; left: 0 !important; height: auto !important; width: auto !important; max-width: 100% !important; } .hero-new.feb-deals.feb-5.scratch { background-image: none; } .hero-new.feb-deals.feb-5.scratch .big-element { height: 705px; background-image: url(../images/scratch/cooper-mob.png); background-repeat: no-repeat; background-position: center top; } .hero-new.feb-deals.feb-5.scratch .big-element:after { background-image: url(../images/scratch/mob-cooper.png); width: 759px; height: 333px; position: absolute; max-width: none; left: -200px; bottom: 5px; } } @media screen and (max-width:420px) { .hero-new .box-style.no-border.mid-month > div { background-size: auto 65%; background-position: 99% 50%; width: 100% !important; } .hero-new.feb-deals.feb-5.scratch .box-style .half-box-copy > div { width: calc(100% - 100px); max-width: 100%; } .hero-new .box-style > div { background-size: auto 60%; } .hero-new .box-style { height: 160px; } .hero-new .box-style .half-box-copy { height: 146px; } } /** apr-2 */ @font-face { font-family: 'alfa_slab_oneregular'; src: url('../css/fonts/alfaslabone-regular-webfont.woff2') format('woff2'), url('../css/fonts/alfaslabone-regular-webfont.woff') format('woff'); font-weight: normal; font-style: normal; } .hero-new.mower { background-size: cover; background-repeat: no-repeat; background-position: center; background-image: url(../images/apr-2/bg.jpg); } .hero-new.mower .big-element { padding-top: 40px; } .hero-new.mower .big-element h1 { font-family: 'alfa_slab_oneregular'; font-size: 26.2px; color: #000; margin: 0; padding: 0; line-height: 31.81px; text-transform: uppercase; font-style: italic; } .hero-new.mower .big-element h1 span { font-size: 61px; display: inline-block; line-height: 56.2px; margin-left: -10px; letter-spacing: 2px; } .hero-new.mower .big-element a { width: 220px; height: 55px; line-height: 55px; display: inline-block; text-align: center; text-transform: uppercase; color: white; font-size: 17px; font-family: 'Gotham-Black'; text-decoration: none; background-color: #f5171f; margin-top: 10px; position: relative; z-index: 2; margin-left: -10px; } .hero-new.mower .big-element:before { width: 630px; top: auto; height: 366px; background-image: url(../images/apr-2/products.png); left: -10px; bottom: -25px; } .hero-new.mower { overflow: visible; } .hero-new .box-style.no-border.donkey { padding: 10px 30px; background-image: url(../images/apr-2/stripe-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new .box-style.no-border.donkey > div { background-position: 23px 50%; padding: 20px 0; } .hero-new .box-style.no-border.donkey .inn { width: 50%; margin: 0 0 0 auto; } .hero-new .box-style.no-border.donkey .inn p { font-size: 16px; line-height: 20px; font-weight: 400; } .hero-new .box-style.no-border.donkey .inn p strong { font-weight: 800; } .hero-new .box-style.no-border.donkey .inn em { font-style: italic; } .hero-new .box-style.no-border.donkey .inn img { margin-bottom: 10px; } .hero-new.mower .box-style:nth-child(1) .half-box-copy, .hero-new.mower .box-style:nth-child(2) .half-box-copy { padding: 20px 0 0 20px; } .hero-new.mower .box-style .half-box-copy > div { width: calc(100% - 155px); } .hero-new.mower .box-style .half-box-copy p { font-size: 15px; line-height: 19px; } .hero-new.mower { position: relative; } .hero-new.mower .clouds { position: absolute; left: 0; top: -35px; width: 100%; height: 100%; overflow: hidden; background-repeat: no-repeat; background-position: center top; } .hero-new.mower .clouds img { -webkit-animation: clouds 40s infinite; } @keyframes clouds { 0% { margin-left: 0; } 25% { margin-left: 100px; } 50% { margin-left: 0; } 75% { margin-left: 30px; } 100% { margin-left: 0; } } @media screen and (max-width:1199px) { .hero-new .big-element { padding-left: 25px; } .hero-new:not(.spring) .half-box { right: -0 !important; } } @media screen and (max-width:991px) { .hero-new.mower .big-element:before { left: auto; bottom: 0; right: 0; } .hero-new .big-element + div { height: auto; } .hero-new { height: auto; } .hero-new .big-element, .hero-new .big-element + div { width: 100%; } } @media screen and (max-width:767px) { .hero-new.mower .big-element:before { left: auto !important; bottom: 0; right: 0 !important; width: 100%; background-position: 50% 100%; } .hero-new.mower .box-style:nth-child(1) .half-box-copy { padding: 10px 0 0 20px; } .hero-new .box-style.no-border.donkey .inn p { width: 142px; } .hero-new .box-style.no-border.donkey .inn img { margin-bottom: 10px; margin-right: 15px; margin-left: auto; } .hero-new .box-style.no-border.donkey .inn p { margin-right: 15px; margin-left: auto; } } @media screen and (max-width:480px) { .hero-new.mower .clouds { display: none; } .hero-new.mower .box-style:nth-child(1) .half-box-copy, .hero-new.mower .box-style:nth-child(2) .half-box-copy { padding: 15px 0 0 25px; } .hero-new.mower .box-style .half-box-copy p { margin: 0 0 10px 0; } .hero-new .box-style.no-border.donkey { background-size: cover !important; } .hero-new.mower .big-element:before { width: 100%; height: 515px; background-image: url(../images/apr-2/prod-mob.png); left: 0; bottom: 15px !important; background-position: 50% 50%; } .hero-new.mower .container { padding: 0; } .hero-new.mower { background-image: none; } .hero-new.mower .big-element, .hero-new.mower .big-element + div { padding: 40px 15px 0 15px; height: 704px; background-repeat: no-repeat; background-position: 50% 100%; background-size: cover; text-align: center; background-image: url(../images/apr-2/mob-bg.jpg); } .hero-new.mower .big-element + div { padding: 0 15px 0 15px; } .hero-new.mower .big-element h1 { text-align: center; font-size: 25.95px; } .hero-new.mower .big-element h1 span { margin-left: -5px; font-size: 60.49px; } .hero-new.mower .big-element a { margin-left: 0; margin-top: 12px; } } @media screen and (max-width:430px) { .hero-new .box-style.no-border.donkey > div { background-position: 10px 50%; padding: 12px 0; } .hero-new .box-style.no-border.donkey .inn { width: 142px; margin: 0 15px 0 auto; } .hero-new.mower .box-style .half-box-copy > div { width: calc(100% - 60px); } .hero-new.mower .big-element h1 span { margin-left: -5px; font-size: 42px; } .hero-new.mower .big-element h1 { font-size: 25px; } } .hero-new.spree { background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/spree/bg.png); } .hero-new.spree.second { background-image: url(../images/spree/new/bg.png); } .hero-new.spree, .hero-new.spree .big-element, .hero-new .big-element + div { height: 460px; } .hero-new.spree .big-element { padding-top: 35px; } .hero-new.spree .big-element a { display: block; width: 265px; height: 62px; position: relative; background-color: white; color: #e7335a; font-size: 22.32px; text-decoration: none; text-align: center; line-height: 62px; border: 0; text-transform: uppercase; font-family: 'Gotham-Bold'; top: -35px; z-index: 3; left: 45px; } .hero-new.spree .big-element img { max-width: 100%; height: auto; position: relative; z-index: 2; } .hero-new.spree .big-element:before { right: 15px; bottom: 0; top: auto; left: auto; width: 345px; height: 416px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/spree/right.png); } .hero-new.spree.second .big-element { padding-left: 165px; padding-top: 40px; } .hero-new.spree.second .big-element:before { right: -50px; bottom: 0; top: auto; left: auto; width: 265px; height: 381px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/spree/new/right.png); } .hero-new.spree.second .big-element:after { left: -65px; bottom: 0; top: auto; right: auto; width: 274px; height: 409px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/spree/new/left.png); content: ""; display: block; position: absolute; } .hero-new.spree.second .big-element a { width: 250px; height: 60px; font-size: 20px; line-height: 60px; top: -65px; } .hero-new.spree.second .box-style:nth-child(1) > div { background-position: calc(100% - 15px) 50%; } .hero-new.spree.second .box-style:nth-child(2) > div { background-position: calc(100% - 10px) 50%; } .hero-new.spree.second .box-style .half-box-copy { padding: 20px 0 0 15px; } .hero-new.spree.second .half-box-copy p { width: 200px; } .hero-new.spree.second .box-style .half-box-copy h3 { margin-right: -5px; } .hero-new.spree .box-style:nth-child(1) { margin: 45px 0 20px 0; } .hero-new.spree .box-style .half-box-copy { padding-top: 20px; } .hero-new.spree .container { width: 1080px; max-width: 100%; } .hero-new.spree .box-style .half-box-copy p { font-size: 15px; line-height: 18px; margin: 0 0 15px 0; } .hero-new.spree .box-style .half-box-copy > div { width: calc(100% - 150px); max-width: 100%; } .hero-new.spree .box-style:nth-child(2) > div { background-position: 100% calc(50% + 20px); } @media screen and (min-width:768px) and (max-width:991px) { .hero-new.spree.second .box-style .half-box-copy h3 { margin-right: -30px; } .hero-new.spree .box-style .half-box-copy > div { width: calc(100% - 130px); max-width: 100%; } .hero-new.spree.second .box-style .half-box-copy { background-size: 120px auto; } } @media screen and (max-width:991px) { .hero-new.spree.second .big-element:before, .hero-new.spree.second .big-element:after { bottom: -15px; } .hero-new.spree.second { text-align: center; } .hero-new.spree.second .big-element { display: inline-block; width: auto; float: none; padding-right: 165px; max-width: 100%; } .hero-new.spree .big-element+div, .hero-new.spree { height: auto; } .hero-new.spree .big-element:before { bottom: -15px; } .hero-new.spree .box-style .half-box-copy { padding: 20px 0 0 15px; } } @media screen and (max-width:767px) { .hero-new.spree.second .big-element { display: block; width: auto; float: none; padding-right: 0; max-width: 100%; padding: 30px 15px 0 15px; } .hero-new.spree .big-element:before { bottom: -15px !important; right: 0 !important; } .hero-new.spree .box-style .half-box-copy { padding: 10px 0 0 15px; } .hero-new.spree.second .big-element a { left: 0; margin-left: auto; margin-right: auto; } } @media screen and (max-width:600px) { .hero-new.spree.second .box-style:nth-child(2) > div { background-size: auto calc(100% - 20px); } .hero-new.spree.second .big-element:after { display: none; } .hero-new .box-style .half-box-copy h3 { font-size: 16px; line-height: 1.1; } .hero-new.spree .box-style .half-box-copy > div { width: calc(100% - 100px); max-width: 100%; } .hero-new.spree .box-style:nth-child(2) > div { background-size: 45%; } .hero-new.spree, .hero-new.spree .big-element, .hero-new .big-element + div { height: auto; } .hero-new.spree .big-element a { left: -5px; margin: 0 auto; } .hero-new.spree .big-element { text-align: center; } .hero-new.spree .big-element:before { display: none; } } @media screen and (max-width:480px) { .hero-new.spree.second .big-element .spree-inner { padding-right: 15px; padding-left: 15px; } .hero-new.spree.second .big-element + div { padding-right: 15px; padding-left: 15px; } .hero-new.spree.second .big-element:after { display: block !important; width: 223px; height: 323px; right: 0 !important; left: auto !important; bottom: 0 !important; background-image: url(../images/spree/new/mob-right.png); } .hero-new.spree.second .big-element:before { display: block !important; width: 218px; height: 354px; left: 0 !important; right: auto !important; bottom: 0 !important; background-image: url(../images/spree/new/mob-left.png); } .hero-new.spree.second .big-element a { top: -70px; margin-bottom: -70px; } .hero-new.spree.second .big-element { padding-top: 25px; } .hero-new.spree.second .big-element img { width: 344px; max-width: 100%; height: auto; } .hero-new.spree.second .container { padding-right: 0; padding-left: 0; } .hero-new.spree.second .big-element, .hero-new.spree.second .big-element + div { height: 100vh; background-image: url(../images/spree/new/mob-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.spree.second .big-element + div { height: 100vh; background-image: url(../images/spree/new/mob-bg-2.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.spree.second .box-style .half-box-copy h3 { font-size: 20px; line-height: 23px; } .hero-new.spree .box-style .half-box-copy p { font-size: 15px; line-height: 19px; margin: 0 0 10px 0; } } @media screen and (max-width:420px) { .hero-new.spree.second .box-style:nth-child(2) > div { background-size: 100px auto; } .hero-new.spree.second .box-style .half-box-copy p br { display: none; } .hero-new.spree.second .box-style .half-box-copy h3 { font-size: 16px; line-height: 1.1; } .hero-new .box-style .half-box-copy h3 { font-size: 16px; line-height: 1.1; } } .hero-new.double { background-image: url(../images/double/hero-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.double .big-element:before { display: none; } .hero-new.double .box-style:nth-child(1) .half-box-copy p { font-size: 15px; line-height: 18px; } .hero-new.double .box-style:nth-child(1) .half-box-copy { padding: 15px 0 0 20px; background-position: calc(100% - 10px) 15px; } /* .hero-new.double .box-style:nth-child(1){ border: 0; } .hero-new.double .box-style:nth-child(1) .half-box-copy { height: 176px; padding: 25px 0 0 30px; } .hero-new.double .box-style:nth-child(1) .half-box-copy p{ width: 100%; font-size: 15px; line-height: 23px; color: white; } .hero-new.double .box-style:nth-child(1) .half-box-copy > div{ width: 100%; } .hero-new.double .box-style:nth-child(1) .half-box-copy h3{ font-size: 31.31px; color: #ffffff; font-family: 'Gotham-Book'; margin:0; text-transform: uppercase; } .hero-new.double .box-style:nth-child(1) .half-box-copy h3 strong{ font-family: 'Gotham-Ultra'; } .hero-new.double .box-style:nth-child(1) .half-box-copy a{ width: 140px; height: 37px; display: block; font-size: 11.26px; font-family: 'Gotham-Medium'; color: #030000; line-height: 37px; text-align: center; background-color: #faf470; border: 0 } */ .hero-new.double .box-style:nth-child(2) .half-box-copy > div { width: calc(100% - 120px); max-width: 100%; } .hero-new.double .box-style:nth-child(2) .half-box-copy > div p { width: 200px; font-size: 15px; line-height: 18px; max-width: 100%; } .hero-new.double .box-style:nth-child(2) .half-box-copy { padding-top: 20px; } .hero-new.double .box-style:nth-child(2) > div { background-position: calc(100% - 5px) 50%; } .hero-new.double .big-element { font-size: 0; padding-top: 42px; } .hero-new.double, .hero-new.double .big-element { height: 460px; } .hero-new.double .container { width: 1090px; } .hero-new.double .box-style:nth-child(1) { margin: 45px 0 20px 0; } .hero-new.double .big-element .inner-right { margin-left: -20px; } .hero-new.double .big-element .inner-left, .hero-new.double .big-element .inner-right, .hero-new.double .big-element .inner-righter { display: inline-block; vertical-align: bottom; } .hero-new.double .big-element .inner-righter { margin-left: -30px; } .hero-new.double .big-element .inner-left { margin-left: -120px; } @media screen and (max-width:1199px) { .hero-new.double .big-element { padding-left: 15px; } .hero-new.double .big-element .inner-right { margin-left: -95px; } .hero-new.double .big-element { text-align: center; } } @media screen and (max-width:991px) { .hero-new.double .big-element .inner-left { margin-left: 0; } .hero-new.double .box-style:nth-child(1) .half-box-copy { } .hero-new.double .box-style .half-box-copy, .hero-new.double .box-style:nth-child(1) .half-box-copy { padding: 20px 0 0 15px; } .hero-new.double, .hero-new.double .big-element, .hero-new.double .big-element + div { height: auto; } .hero-new.double, .hero-new.double .big-element { height: auto; } .hero-new.double .big-element { text-align: center; margin-bottom: -15px; } } @media screen and (max-width:767px) { .hero-new.double .big-element .inner-righter { display: none; } .hero-new.double .box-style .half-box-copy, .hero-new.double .box-style:nth-child(1) .half-box-copy { padding: 15px 0 0 15px !important; } } @media screen and (max-width:600px) { .hero-new .box-style { height: 178px; } .hero-new.double .big-element .mob-inner > img { margin-left: -110px; pointer-events: none; } .hero-new.double .big-element .mob-inner >a { } .hero-new.double .big-element .mob-inner >a, .hero-new.double .big-element .mob-inner >img { display: inline-block; vertical-align: bottom; } .hero-new.double .big-element { padding-top: 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: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-align-content: flex-end; -ms-flex-line-pack: end; align-content: flex-end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } .swiper-element-container { padding: 0 !important; } .hero-new.double .mob-inner { display: block !important; } .hero-new.double .double-inner { display: none; } .hero-new.double { background-image: none !important; } .hero-new.double .container { padding: 0; } .hero-new.double .big-element, .hero-new.double .big-element + div { height: 100vh; background-image: url(../images/double/new/mob-hero-bg.jpg) !important; background-repeat: no-repeat; background-position: center; background-size: cover; padding: 0 !important; } .hero-new.double .big-element + div { padding: 0 15px !important; } .hero-new.double .big-element + div > div { width: 100%; } .hero-new.double .big-element + div { display: -ms-flexbox; padding: 0 15px; 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; } .hero-new.double .box-style .half-box-copy h3 { font-size: 20px; } .hero-new.double .big-element .inner-right { margin-left: 0; width: 100%; text-align: center; } .hero-new.double .big-element .inner-left { display: none; } } @media screen and (max-width:440px) { .hero-new.double .big-element .mob-inner >a { width: 80% } .hero-new.double .big-element .mob-inner >img { width: calc(20% + 110px); max-width: 180px; } } @media screen and (max-width:420px) { .hero-new.double .box-style:nth-child(2) .half-box-copy > div { width: calc(100% - 90px); } .hero-new.double .box-style:nth-child(1) .half-box-copy h3 { font-size: 24px; } .hero-new.double .box-style { margin-top: 15px !important; } } /** apr-2 ends */ #tires-anim { text-align: center; padding-top: 35px; margin-bottom: 80px; } #tires-anim .title { font-size: 32px; color: #000000; font-family: 'Gotham-Black'; margin: 5px 0; } #tires-anim .anim { width: 100%; max-width: 100%; } #tires-anim .title span { color: #f41727; } #tires-anim .tire-logos { padding: 20px 0; } html > /**/ body #tires-anim .tire-logos img { margin: 0 5px; } head ~ /**/ body #tires-anim .tire-logosimg { margin: 0 5px; } #tires-anim .tire-logos .container { display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; -webkit-align-content: stretch; -ms-flex-line-pack: stretch; align-content: stretch; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 960px; } #tires-anim .tire-logos img { } #tires-anim .red-bar { color: white; text-align: center; padding: 30px 15px; background-color: #f41727; font-size: 24px; font-family: 'Gotham-Black'; } #tires-anim a.button { display: block; color: white; background-color: #f41727; font-size: 18px; font-family: 'Gotham-Bold'; width: 210px; height: 55px; line-height: 55px; text-transform: uppercase; text-decoration: none; text-align: center; margin: 20px auto 0 auto; } @media screen and (max-width:380px) { .hero-new.feb-deals.feb-5.scratch .big-element h3 span { font-size: 26px; } .hero-new.feb-deals.feb-5.scratch .big-element h3 { font-size: 26px; } } @media screen and (max-width:767px) { #tires-anim .title { font-size: 18px; } #tires-anim .red-bar { padding: 15px; font-size: 16px; } } @media screen and (max-width:480px) { #tires-anim .title { font-size: 30px; line-height: 34px; } #tires-anim .title span { display: block } #tires-anim { padding-bottom: 0; margin-bottom: 30px; } } @media screen and (max-width:400px) { #tires-anim .title { font-size: 20px; line-height: 1; } } @media screen and (max-width:420px) { .hero-new .box-style:nth-child(2) > div { background-size: auto 60%; background-position: 100% 50%; } } @media screen and (max-width:360px) { .hero-new .box-style:nth-child(2) > div { background-size: auto 60%; } } #free-banner { background-image: url(../images/feb-19/banner-bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; font-size: 0; padding: 30px 15px 25px 25px; } #free-banner .left span { display: inline-block; position: relative; } #free-banner .left span:after { width: 72px; content: ""; height: 196px; position: absolute; background-image: url(../images/feb-19/red-balloon.png); right: -35px; top: -25px; background-repeat: no-repeat; background-position: center; background-size: cover; } #free-banner .left, #free-banner .right { display: inline-block; vertical-align: middle; } #free-banner .right { margin-left: 30px; margin-top: -15px; } #free-banner .right h2 { color: white; margin: 0; font-weight: 400; font-size: 23.23px; line-height: 25px; letter-spacing: -0.5px; font-family: 'Gotham-Bold'; } #free-banner .right p { font-size: 11.15px; color: white; font-family: 'Gotham-light'; margin: 5px 0 20px 0; line-height: 13.9px; } #free-banner .right .selectric-items { position: absolute; } #free-banner .right .selectric { width: 214px; background: transparent; -webkit-box-shadow: 0 0 7px 6px rgba(0, 0, 0, 0.25); box-shadow: 0 0 7px 3px rgba(0, 0, 0, 0.125); } #free-banner .right .selectric .label { font-family: 'Gotham-Black'; background-color: #fbf400; margin: 0 44px 0 0; font-size: 15.8px; line-height: 44px; color: #000000; text-align: center; text-transform: uppercase; height: 44px; border-radius: 0; display: inline-block; padding: 0; width: 170px; } #free-banner .right .selectric .button { background-image: url(../images/tires-new/icon-dropp.png); background-repeat: no-repeat; background-position: center; color: transparent; background-color: #e1db00; display: inline-block; border-radius: 0; width: 44px; height: 44px; } #free-banner .right .selectric .button:after, #free-banner .right .selectric .button:before { display: none; } #free-banner .right .selectric-items li[data-index="0"] { display: none; } #free-banner .right .selectric-items li { padding: 0; height: 40px; line-height: 40px; background-color: white; font-size: 16px; color: #333333; padding: 0 25px; border: 0; } #free-banner .right .selectric-items li:hover { background-color: #e8e8e8; } @media screen and (max-width:767px) { #free-banner { padding: 15px; } #free-banner img { max-width: 100%; } #free-banner .right .selectric { width: 214px !important; } } p.fix { display: none; } .hero-new.ass .big-element:after { content: ""; display: block; position: absolute; left: -280px; bottom: 0; background-image: url(../images/ass/left.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 273px; height: 450px; } .hero-new.ass .big-element + div:after { content: ""; display: block; position: absolute; right: -340px; bottom: 0; background-image: url(../images/ass/right.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 330px; height: 453px; } .hero-new.ass { position: relative; background-image: url(../images/ass/bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.ass .ass-inner { padding-top: 110px; } .hero-new.ass .ass-inner a { display: block; width: 308px; height: 56px; line-height: 56px; text-align: center; max-width: 100%; background-color: #000000; color: white; text-transform: uppercase; font-size: 18px; font-family: 'Gotham-Bold'; margin: 23px 0 0 3px; } .hero-new.ass .big-element:before { width: 262px; height: 349px; background-image: url(../images/ass/product.png); background-repeat: no-repeat; background-position: center; background-size: cover; top: 65px; left: 350px; } .hero-new .box-style.byob { background-color: #fff; box-shadow: none; border: 1px solid #e4e4e4; } .hero-new .box-style.byob .half-box-copy { padding: 12px 0 0 15px; background-position: calc(100% - 20px) 50%; } .hero-new .box-style.byob h1 { font-size: 60px; text-transform: uppercase; font-family: 'Gotham-Black'; margin: 0 0 5px 0; color: #000000; padding: 0; } .hero-new .box-style.byob p { font-size: 15px; line-height: 18px; color: #000000; font-family: 'Gotham-Medium'; margin: 0 0 10px 0; padding: 0; width: 100%; } .hero-new .box-style.byob p strong { font-family: 'Gotham-Black'; text-transform: uppercase; font-size: 15px; } .hero-new .box-style.byob p strong span { font-size: 17px; color: black; } .hero-new .box-style.byob a { } .hero-new .box-style.byob .half-box-copy > div, .hero-new .box-style.celeb .half-box-copy > div { width: calc(100% - 85px); max-width: 100%; } .hero-new .box-style.celeb { background-color: #e41e25; box-shadow: none; border: 0px solid #e4e4e4; } .hero-new .box-style.celeb .half-box-copy { padding: 20px 0 0 20px; background-position: 100% calc(100% - 5px); } .hero-new .box-style.celeb .half-box-copy h2 { font-size: 18px; text-transform: uppercase; font-family: 'Gotham-light'; color: #ffffff; padding: 0; margin: 0 0 -5px 0; } .hero-new .box-style.celeb .half-box-copy h2 span { font-size: 27.39px; font-family: 'Gotham-Black'; text-transform: uppercase; } .hero-new .box-style.celeb .half-box-copy h3 { font-size: 18px; font-family: 'Gotham-Black'; text-transform: uppercase; margin: 0 0 5px 0; color: white; padding: 0; } .hero-new .box-style.celeb .half-box-copy h3 span { font-size: 9px; display: inline-block; vertical-align: super; text-transform: none; } .hero-new .box-style.celeb .half-box-copy p { font-size: 15px; line-height: 18px; font-family: 'Gotham-light'; margin: 0 0 15px 0; color: white; width: 100%; } .hero-new .box-style.celeb .half-box-copy a { color: #fff400; border-bottom: 1px solid #eb541c; } @media screen and (max-width:1400px) { .hero-new.ass:before { left: -100px; } .hero-new.ass:after { right: -100px; } } @media screen and (max-width:1200px) { .hero-new.ass:before { display: none; } .hero-new.ass:after { display: none; } } @media screen and (max-width:767px) { .hero-new.ass .ass-inner a { margin-left: auto; margin-right: auto; line-height: 64px; height: 64px; width: 343px; font-size: 20px; margin-top: 30px; } .hero-new.ass { height: auto; } .hero-new.ass .big-element { height: 704px; } .hero-new.ass .ass-inner a { margin-left: auto; margin-right: auto; } .hero-new.ass .ass-inner { padding-top: 30px; } .hero-new.ass .big-element { text-align: center; } .hero-new.ass .big-element img.on-mobile { display: block !important; margin: 0 auto 30px auto; } .hero-new.ass .big-element img.on-mobile.last { margin: 0 auto !important; } .hero-new.ass .big-element img.out-mobile { display: none !important; } .hero-new.ass .big-element:before { display: none; } .hero-new .box-style.celeb .half-box-copy { padding: 10px 0 0 20px; } .hero-new .box-style.byob h1 { line-height: 1; } } @media screen and (max-width:480px) { .hero-new .box-style.byob h1 { font-size: 60px; } .hero-new.ass img+img { width: auto !important; } .hero-new.ass .container { padding: 0; } .hero-new.ass { background-image: none !important; } .hero-new.ass .box-style { height: 175px; } .hero-new.ass .ass-inner { padding-top: 0; } .hero-new.ass .big-element { background-image: url(../images/ass/bg.png); background-repeat: no-repeat; background-position: center; padding-left: 30px; padding-right: 30px; background-size: cover; height: 100vh; padding-top: 0; padding-bottom: 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; } .hero-new.ass .big-element + div { background-image: url(../images/ass/bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; height: 100vh; } .hero-new.ass .big-element + div { padding-left: 15px; padding-right: 15px; } .hero-new.ass .box-style:nth-child(1) { margin: 15px 0 20px 0 !important; } .hero-new .box-style .half-box-copy a { font-size: 15px; } .hero-new .box-style.celeb .half-box-copy p { font-size: 15px; line-height: 18px; margin: 0 0 15px 0; } .hero-new .box-style.byob .half-box-copy > div, .hero-new .box-style.celeb .half-box-copy > div { width: calc(100% - 40px); max-width: 100%; } .hero-new .box-style.celeb .half-box-copy h2 { font-size: 18px; } .hero-new .box-style.celeb .half-box-copy h2 span { font-size: 27.39px; margin-top: -5px; display: inline-block; margin-bottom: -3px; } .hero-new .box-style.celeb .half-box-copy { padding: 15px 0 0 20px !important; } .hero-new .box-style.byob .half-box-copy { background-image: url(../images/ass/mob-byob.png) !important; padding: 10px 0 0 15px !important; background-size: 57px 136px; height: 100%; background-position: calc(100% - 20px) 50% !important; } .hero-new .box-style.byob .half-box-copy a { font-size: 15px; } .hero-new .box-style.byob p { font-size: 15px; line-height: 18px; margin: 5px 0 5px 0; } .hero-new .box-style.byob p strong { font-size: 13px; } .hero-new .big-element + div { padding: 0; } } @media screen and (max-width:420px) { .hero-new .box-style.celeb .half-box-copy p { font-size: 14px; } .hero-new .box-style.byob h1 { font-size: 40px; } } @media screen and (max-width:380px) { .hero-new .box-style.celeb .half-box-copy p { font-size: 13px !important; } .hero-new .box-style.byob .half-box-copy { background-position: calc(100% - 10px) 50% !important; } .hero-new .box-style.byob .half-box-copy { background-position: calc(100% - 5px) 50%; } .hero-new.ass .big-element a { font-size: 16px; max-width: 100%; } } #featured-bundles { text-align: center; padding-top: 65px; } #featured-bundles .title { font-family: 'Gotham-Medium'; color: #000000; font-size: 30px; margin-bottom: 10px; } #featured-bundles .title span { font-family: 'Gotham-Black'; color: #e41e25; font-size: 60px; } #featured-bundles .title + p { font-family: 'Gotham-light'; font-size: 18px; line-height: 24px; margin: 0; color: #000000; } #featured-bundles #ass-nav { margin-top: 65px; border-bottom: 1px solid #c8c8c8; position: relative; padding-bottom: 40px; width: 900px; max-width: 100%; margin-left: auto; margin-right: auto; } #featured-bundles #ass-nav a.active:after { content: ""; display: block; width: 45px; height: 26px; background-repeat: no-repeat; background-position: center; background-size: cover; bottom: -43px; border-bottom: 1px solid white; left: 50%; background-color: white; position: absolute; margin-left: -22.5px; background-image: url(../images/ass/arrow.png); } #featured-bundles #ass-nav a { margin: 0 22.5px; position: relative; display: inline-block; vertical-align: middle; -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; } #featured-bundles #ass-nav a 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; } #featured-bundles #ass-nav a:not(.active) { opacity: 0.39; } #featured-bundles #ass-nav a:not(.active):hover { opacity: 1; } #featured-bundles #ass-nav a:not(.active) img { width: 150px; } #featured-bundles #ass-nav a:not(.active):hover img { width: 182px; } #featured-bundles .ass-products { font-size: 0; padding: 0 15px; margin-top: 15px; margin-bottom: 60px; } #featured-bundles .ass-products .product-item { width: 33.3333%; display: inline-block; vertical-align: top; } #featured-bundles .ass-products .product-item:hover > div { background-image: url(../images/ass/hover-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; } #featured-bundles .ass-products .product-item .image { padding-top: 15px; } #featured-bundles .ass-products .product-item .name { font-size: 13.44px; color: #000000; line-height: 17.64px; font-family: 'Gotham-Bold'; text-transform: uppercase; } #featured-bundles .ass-products .product-item a { font-size: 15px; font-family: 'Gotham-Bold'; color: #e41e25; display: inline-block; margin-top: 10px; } #featured-bundles .ass-products .product-item > div { padding-bottom: 20px; width: 246px; max-width: 100%; height: 286px; margin: 0 auto; } @media screen and (max-width:767px) { #featured-bundles .title + p br { display: none; } #featured-bundles .title { font-size: 20px; margin-bottom: 0; } #featured-bundles .title span { font-size: 40px; } #featured-bundles .ass-products .product-item { width: 50%; } #featured-bundles #ass-nav a { margin: 0 10px; } #featured-bundles #ass-nav img { width: 100px; } #featured-bundles #ass-nav a:not(.active):hover img { width: 100px; } #featured-bundles #ass-nav a:not(.active) img { width: 75px; } #featured-bundles #ass-nav { margin-top: 30px; } } @media screen and (max-width:480px) { #featured-bundles .title span { font-size: 30px; } #featured-bundles .title + p { font-size: 14px; } #featured-bundles .ass-products .product-item { width: 100%; } } #ass-banner { background-image: url(../images/ass/banner/banner-bg.jpg); text-align: center; background-repeat: no-repeat; background-position: center; background-size: cover; } #ass-banner .container { font-size: 0; height: 137px; width: 1100px; } #ass-banner .container > img { margin-top: 10px; } #ass-banner .container > .banner-icons, #ass-banner .container > .red-circle, #ass-banner .container > img { display: inline-block; vertical-align: top; } #ass-banner .container > .banner-icons >div { display: inline-block; vertical-align: middle; text-align: center; margin: 0 10px; } #ass-banner .container > .red-circle { width: 263px; height: 137px; 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; margin-left: 50px; margin-right: 30px; background-image: url(../images/ass/banner/red-circle.png); background-repeat: no-repeat; background-position: center; background-size: cover; } #ass-banner .container > .banner-icons { vertical-align: middle; padding-top: 10px; } #ass-banner .container > .banner-icons >div img { display: block; margin: 0 auto; } #ass-banner .container > .banner-icons >div span { font-size: 13.27px; color: #000000; text-transform: uppercase; font-family: 'Gotham-Black'; display: block; margin: 5px auto 0 auto; } #ass-banner .container > .red-circle > div:nth-child(1) { font-size: 60px; text-transform: uppercase; font-family: 'Gotham-Black'; line-height: 1; color: white; margin-bottom: -2px; } #ass-banner .container > .red-circle > div:nth-child(2) { font-size: 40px; text-transform: uppercase; font-family: 'Gotham-Black'; line-height: 1; color: white; } #ass-banner .container > .red-circle > div:nth-child(2) span { font-size: 20px; vertical-align: super; text-transform: none; display: inline-block; } #ass-banner .container > .red-circle > div:nth-child(3) { font-size: 18px; font-family: 'Gotham-Medium'; color: #000000; line-height: 1; } @media screen and (max-width:1199px) { #ass-banner .container > .red-circle { margin-left: 15px; margin-right: 15px; } #ass-banner .container > img { width: 250px; } } @media screen and (max-width:991px) { #ass-banner .container > .banner-icons, #ass-banner .container > .red-circle, #ass-banner .container > img { vertical-align: middle; } #ass-banner .container > img { width: auto; } #ass-banner .container { height: auto; padding: 15px; } #ass-banner .container > .banner-icons { width: 100%; } #ass-banner .container > .red-circle { margin-left: 15px; margin-right: 15px; background-image: none; background: #e9142b; border-radius: 50%; -webkit-border-radius: 50%; height: 263px; } } @media screen and (max-width:767px) { #ass-banner .container > .banner-icons, #ass-banner .container > img, #ass-banner .container > .red-circle { max-width: 100%; } #ass-banner .container > .banner-icons, #ass-banner .container > img, #ass-banner .container > .red-circle { margin: 0 auto; vertical-align: middle; display: block; } #ass-banner .container > .red-circle { display: -ms-flexbox; display: -webkit-flex; display: flex; } } @media screen and (max-width:480px) { #ass-banner .container > .banner-icons >div { display: block; vertical-align: middle; text-align: center; margin: 15px auto; } } #five-banner { background-image: url(../images/5/brick.png); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; } #five-banner .center { display: inline-block; position: relative; padding: 15px 0 15px 0; } #five-banner .center img { margin-bottom: -10px; max-width: 100%; height: auto; display: inline-block; } #five-banner .center p { font-size: 17px; color: #000000; line-height: 1.3; } #five-banner .center p strong { font-size: 25px; font-weight: 800; } #five-banner .center:before { left: -230px; bottom: 0; content: ""; display: block; position: absolute; background-image: url(../images/5/left.png); width: 198px; height: 201px; } #five-banner .center:after { right: -235px; bottom: 0; content: ""; display: block; position: absolute; background-image: url(../images/5/right.png); width: 255px; height: 211px; } @media screen and (max-width:767px) { #five-banner .center img { margin-bottom: 0; } } .hero-new.tbyb { background-image: url(../images/tbyb/new/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; height: 460px; } .hero-new.tbyb:after { display: none; } .hero-new.tbyb .tbyb-inner { font-size: 0; text-align: right; padding-top: 35px; } .hero-new.tbyb { position: relative; } .hero-new.tbyb .left { background-image: none; position: static; } .hero-new.tbyb .left:before { display: none; } .hero-new.tbyb .left .inner-right:after { display: none; } .hero-new.tbyb:before { content: ""; display: block; width: 140px; height: 142px; background-image: url(../images/tbyb/july-only.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: 0; top: 17px; display: none; } .hero-new.tbyb .tbyb-inner .inner-left { display: inline-block; vertical-align: bottom; margin-left: -135px; left: 60px; position: relative; bottom: 0; text-align: right; top: 60px; position: relative; } .hero-new.tbyb .tbyb-inner .inner-right { display: inline-block; vertical-align: bottom; position: relative; } .hero-new.tbyb .tbyb-inner .inner-right:after{ content: ""; display: block; pointer-events: none; position: absolute; right: -100px; top: -40px; width: 303px; height: 303px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/tbyb/new/notes.png); } .hero-new.tbyb .tbyb-inner .inner-right { max-width: 100%; margin-right: 95px; text-align: left; } .hero-new.tbyb .tbyb-inner .inner-right img { margin: 0 auto -5px auto; } .hero-new.tbyb .tbyb-inner .inner-right p { margin: 0; line-height: 1; font-style: italic; font-size: 22px; color: white; font-weight: 400; } .hero-new.tbyb .tbyb-inner .inner-right strong { font-weight: 800; font-size: 28px; font-style: italic; } .hero-new.tbyb .tbyb-inner .inner-right strong span { color: #f41727; } .hero-new.tbyb .tbyb-inner .inner-right a { display: block; width: 282px; height: 62px; background-color: #f8ef1f; color: black; font-size: 20px; font-family: 'Gotham-Black'; text-align: center; line-height: 60px; margin-top: 30px; margin-left: auto; 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); margin-right: auto; left: 25px; position: relative; } .hero-new.tbyb .right p { width: 200px; } .hero-new.tbyb .box-style .half-box-copy > div { /*width: calc(100% - 135px);*/ max-width: 100%; } .hero-new.tbyb .box-style.mattress .half-box-copy{ background-size: cover!important; background-position: center; } .hero-new.tbyb .box-style.mattress .half-box-copy > div{ width: 100%; } .hero-new.tbyb .box-style.mattress .half-box-copy h3{ font-size: 31.21px; color: white; font-weight: 400; text-transform: uppercase; font-family: 'Gotham-Book'; } .hero-new.tbyb .box-style.mattress .half-box-copy h3 strong{ font-family: 'Gotham-Ultra'; } .hero-new.tbyb .box-style.mattress .half-box-copy p{ color: #fefefe; width: 100%; } .hero-new.tbyb .box-style.mattress .half-box-copy a{ display: block; width: 140px; height: 37px; line-height: 37px; text-align: center; text-transform: uppercase; text-decoration: none; color: #040000; border: 0; background-color: #fbf554; font-size: 12px; font-family: 'Gotham-Medium'; } .hero-new.tbyb .box-style:nth-child(1) { margin: 45px 0 20px 0; } .hero-new.tbyb .box-style .half-box-copy { padding: 0 0 0 25px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } .hero-new.tbyb .box-style .half-box-copy p { line-height: 19px; } .hero-new.tbyb .box-style:nth-child(1) > div { background-position: calc(100% + 5px) 50%; } .hero-new.tbyb .box-style:nth-child(2) > div { background-position: calc(100% - 15px) 50%; background-position: 92% 20px; } .hero-new.tbyb .box-style:nth-child(1) > div { background-position: calc(100% + 0) 20px; } #banner-tbyb { background-image: url(../images/tbyb/banner/bg.jpg); background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; font-size: 0; } #banner-tbyb .left { display: inline-block; vertical-align: middle; position: relative; } #banner-tbyb .left:before { content: ""; display: block; position: absolute; left: -130px; top: -27px; background-image: url(../images/tbyb/banner/july-only.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 99px; height: 86px; } #banner-tbyb .right { display: inline-block; vertical-align: middle; margin-left: 30px; } #banner-tbyb p { margin: 4px 0 0 0; line-height: 1; font-style: italic; font-size: 21.87px; color: black; font-weight: 400; font-weight: 800; } #banner-tbyb strong { font-weight: 800; font-size: 21.87px; } #banner-tbyb strong span { color: #f41727; } @media screen and (max-width:1199px) { .hero-new.tbyb .tbyb-inner .inner-left { width: 300px; margin-left: -185px; top: 60px; left: 0; } .hero-new.tbyb .tbyb-inner .inner-left img { max-width: 100%; height: auto; } } @media screen and (max-width:991px) { #banner-tbyb .left:before { left: -50px; top: -24px; width: 44.5px; height: 43px; } #banner-tbyb .right { margin-left: 0; } .hero-new.tbyb .tbyb-inner { padding-top: 100px; } .hero-new.tbyb { height: auto; background-image: url(../images/tbyb/mob-bg.jpg); } .hero-new.tbyb .tbyb-inner .inner-left { width: auto; left: -70px; top: 0; } .hero-new.tbyb .tbyb-inner .inner-right { top: -85px; margin-right: 0; } .hero-new.tbyb .tbyb-inner .inner-right img { max-width: 100%; width: 305px; height: auto; margin-left: -80px; } .hero-new.tbyb .left { padding: 0; height: auto; } .hero-new.tbyb .box-style { margin-top: 0 !important } .hero-new.tbyb .right { height: auto; } .hero-new.tbyb .box-style .half-box-copy { padding: 0 0 0 15px; } .hero-new.tbyb .tbyb-inner .inner-right p{ color: black; } } @media screen and (max-width:767px) { .hero-new.tbyb .tbyb-inner .inner-right:after{ right: 0; top: 0; } .hero-new.tbyb .tbyb-inner { padding-top: 30px; height: auto; padding-bottom: 30px; } #banner-tbyb .left:before { top: -30px; } #banner-tbyb { padding: 30px 0; } #banner-tbyb .right { display: none; } .hero-new.tbyb .big-element .row { height: 100%; } .hero-new.tbyb .tbyb-inner .inner-right p { font-size: 22px; } .hero-new.tbyb .tbyb-inner .inner-right strong { font-size: 27px; } .hero-new.tbyb .tbyb-inner .inner-right p { width: auto; } .hero-new.tbyb .tbyb-inner .inner-right a { margin-left: auto; margin-right: auto; margin-top: 20px; } .hero-new.tbyb .tbyb-inner .inner-right img { width: 340px; margin-left: 0; margin-bottom: 10px; max-width: calc(100% - 30px); z-index: 2; position: relative; } .hero-new.tbyb .tbyb-inner .inner-right { top: 0; margin-right: 0; display: block; width: 100%; text-align: center; } .hero-new.tbyb .left { height: 640px; position: relative; } .hero-new.tbyb:before { display: none; } .hero-new.tbyb .left:before{ display: none; } .hero-new.tbyb .left:after { content: ""; display: block; width: 193px; height: 249px; background-image: url(../images/tbyb/new/mob-bottom.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left:50px; bottom: 0; margin-left: 0; } .hero-new.tbyb .left:before { content: ""; display: block; width: 101px; height: 100px; background-image: url(../images/tbyb/mob-july.png); background-repeat: no-repeat; background-position: center; background-size: cover; position: absolute; left: -15px; bottom: 160px !important; right: auto; top: auto; display: none; } .hero-new.tbyb .tbyb-inner { padding-top: 47px; height: auto; } .hero-new.tbyb .tbyb-inner .inner-left { width: 100%; left: 0; bottom: 0; text-align: center; display: none; } .hero-new.tbyb .tbyb-inner .inner-left img { width: 380px } .hero-new.tbyb .tbyb-inner { padding-top: 16px; height: auto; } } .hero-new.tbyb .tbyb-inner .inner-right p{ font-size: 18px; color: #000000!important; font-style: normal; text-align: center; margin-top: 10px; width: 100%; position: relative; left: 25px; } @media screen and (max-width: 480px) { .hero-new.tbyb .tbyb-inner .inner-right p{ font-size: 18px; color: #000000!important; font-style: normal; margin-top: 10px; } .hero-new.tbyb .tbyb-inner .inner-right a{ margin-top: 5px; } .hero-new.tbyb .tbyb-inner .inner-right img{ width: auto; } .hero-new.tbyb .tbyb-inner .inner-right:after{ display: none; } .hero-new.tbyb .tbyb-inner .inner-right p { color: white; line-height: 1.2; } #banner-tbyb { position: relative; } #banner-tbyb .left { position: static; } #banner-tbyb .left:before { left: 0; top: 0; } #banner-tbyb p, #banner-tbyb strong { font-size: 18px; } #banner-tbyb .left img { max-width: 100%; height: auto; } .hero-new.tbyb .right { padding-left: 30px; padding-right: 30px; padding-top: 20px; background-color:#e31b22; padding-bottom: 5px; background-image:none; background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } .hero-new.tbyb .box-style.mattress .half-box-copy { background-size: cover!important; background-position: center; height: 100%; } .hero-new.tbyb .tbyb-inner { padding-left: 15px; padding-right: 15px; padding-top: 25px; } .hero-new.tbyb .tbyb-inner .inner-right img{ width: auto; } .hero-new.tbyb .tbyb-inner .inner-right a{ left: 0; } .hero-new.tbyb .left:before { left: 0; } .hero-new.tbyb, .hero-new.tbyb >div { padding: 0; } .hero-new.tbyb .left { background-image: url(../images/tbyb/new/mob-bg.jpg); background-repeat: no-repeat; background-position: 50% 0; background-size: cover; } .hero-new.tbyb, .hero-new.tbyb >div { background-image: none; } .hero-new.tbyb .box-style .half-box-copy h3 { font-size: 20px; } .hero-new.tbyb .box-style .half-box-copy p { font-size: 13px; line-height: 17px; max-width: 60%; } } @media screen and (max-width:420px) { .hero-new.tbyb .box-style.mattress .half-box-copy h3 { font-size: 26px; } .hero-new.tbyb .box-style .half-box-copy p br { display: none; } .hero-new.tbyb .box-style.mod .half-box-copy p{ width:165px; } .hero-new.tbyb .box-style .half-box-copy { height: 100%; background-size: auto !important; } .hero-new.tbyb .box-style .half-box-copy > div { max-width: 100%; padding-left: 0; width: calc(100% - 135px); } .hero-new.tbyb .box-style:nth-child(1) { margin: 0 0 20px 0 !important; } } @media screen and (max-width:380px) { .hero-new.tbyb .left:before{ bottom: 230px!important; } .hero-new.tbyb .box-style .half-box-copy { background-size: 45% !important; } .hero-new.tbyb .box-style .half-box-copy > div { width: calc(100% - 100px); } .hero-new.tbyb .box-style.mod .half-box-copy > div { width: calc(100% - 165px); } .hero-new.tbyb .box-style .half-box-copy { padding: 0 0 0 15px !important; } .hero-new.tbyb .tbyb-inner { padding-top: 15px; height: auto; } } /** golden ticket */ #golden-ticket .golden-hero { background-color: #fbe867; background-repeat: no-repeat; background-position: center; background-size: cover; text-align: center; padding: 40px 15px 0 15px; overflow: hidden; position: relative; } #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 .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; } #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 .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); } } #golden-ticket .golden-hero .inner { display: inline-block; position: relative; padding-bottom: 100px; z-index: 4 } #golden-ticket .golden-hero .title { color: #ed1c24; text-transform: uppercase; font-size: 120px; font-family: 'Gotham-Black'; line-height: 1; margin-bottom: 45px; position: relative; z-index: 4; 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: ""; z-index: 4; display: block; background-image: url(../images/golden/left.png); background-repeat: no-repeat; background-position: center; background-size: cover; left: -240px; bottom: 0; width: 252px; height: 371px; position: absolute; } #golden-ticket .golden-hero .inner:after { z-index: 4; content: ""; display: block; background-image: url(../images/golden/right.png); background-repeat: no-repeat; background-position: center; background-size: cover; right: -280px; bottom: 0; width: 255px; height: 363px; position: absolute; } .golden-products{ text-align: center; padding-top: 100px; font-size: 0; text-align: left; overflow: hidden; } .golden-products .container { width: 1190px; max-width: 100%; position: relative; padding-bottom: 10px; } .golden-products .container:after{ content: ""; display: block; position: absolute; right: 60px; bottom: 0; background-image: url(../images/golden/bottom.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 323px; height: 482px; } .golden-products .item{ width: 33.3333%; margin-bottom: 95px; display: inline-block; vertical-align: bottom; text-align: center; } .golden-products .item .image{ height: 255px; margin-bottom: 40px; 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; } .golden-products .item:nth-last-child(1) .image, .golden-products .item:nth-last-child(2) .image{ height: 300px; } .golden-products .item .image img{ } .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; } div.golden-form{ background-color: #ed1c24; text-align: center; padding: 55px 0 75px 0; } .golden-form .form-title{ font-size: 40px; font-weight: 800; color: #f8ef1f; margin-bottom: 10px; } .golden-form .form-subtitle{ font-size: 20px; color: #ffffff; margin-bottom: 35px; } .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"]), .golden-form select{ width: calc(20% - 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; border-radius: 0; -webkit-border-radius:0; } .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: 35px; } .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: 50px; line-height: 27px; } .golden-form .after-form .form-subtitle span{ font-family: 'Gotham-Black'; font-style: italic; } .golden-form .after-form .form-buttons > div:first-child{ font-size: 28px; font-weight: 800; color: #f8ef1f; margin-bottom: 25px; } .golden-form .after-form .form-buttons > div:nth-child(2){ font-size: 0; } .golden-form .after-form .form-buttons > div:nth-child(2) a{ text-decoration: none; background-color: #fff100; font-family: 'Gotham-Bold'; color: #000000; height: 55px; display: inline-block; line-height: 55px; width: 180px; font-size: 17px; margin-bottom: 30px; max-width: 100%; text-transform: uppercase; } .golden-form .after-form .form-buttons > div:nth-child(2) a + a{ margin-left: 20px; width: 305px; } @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+2)) { margin-right: 9px; } .golden-form input:not([type="submit"]):not(:nth-child(2n+1)) { margin-right: 0; } .golden-form input:not([type="submit"]), .golden-form select{ 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"]), .golden-form select{ 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: 161.5px; height: 241px; right: 0; } .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-form .after-form .form-buttons > div:nth-child(2) a{ width: calc(50% - 7.5px)!important; font-size: 14px; } .golden-form .after-form .form-buttons > div:nth-child(2) a+a{ margin-left: 15px; } #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-form .after-form .form-buttons > div:nth-child(2) a{ width: 100%!important; font-size: 14px; } .golden-form .after-form .form-buttons > div:nth-child(2) a+a{ margin-left: 0; margin-top: 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; } } /** golden ticket */ .hero-new.tbyb.golden .box-style > div{ padding-left: 25px; background-position: calc(100% - 15px) 50%; } .hero-new.tbyb.golden .box-style:nth-child(2) > div{ padding-left: 25px; background-position:100% 50%; } .hero-new.tbyb.golden .box-style:nth-child(2) > div{ /** padding-left: 15px; background-position: 50% 50%; background-size: cover; */ } .hero-new.tbyb.golden .box-style:nth-child(2) > div >div{ /** width: 175px; display: block; margin:0 0 0 auto; */ } .hero-new.tbyb.golden .box-style > div h3{ font-size: 20px; line-height: 23px; } .hero-new.tbyb.golden .box-style:nth-child(2) > div h3{ /*font-size: 22px; color: #000000; font-weight: 400; line-height: 1; font-family: 'Gotham-Bold'; text-transform: uppercase; */ } .hero-new.tbyb.golden .box-style:nth-child(2) > div h3 strong{ /* display: block; font-weight: 400; font-family: 'Gotham-Black'; font-size: 34.88px; color: #ed1c24; */ } .hero-new.tbyb.golden .box-style:nth-child(2) > div p{ /*margin-bottom: 10px;*/ } .hero-new.tbyb .box-style .half-box-copy { padding: 0 0 0 15px; } .hero-new.tbyb .box-style:nth-child(1) { margin: 65px 0 20px 0; } .hero-new.tbyb.golden{ background-image: url(../images/golden/new/hero-bg.jpg); } .hero-new.tbyb.golden, .hero-new.tbyb.golden .big-element, .hero-new.tbyb.golden .big-element + div{ height: 510px; } .golden-inner:before{ content: ""; display: block; position: absolute; left: -40px; bottom: 0; width: 297px; height: 291px; background-image: url(../images/golden/new/left.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .golden-inner:after{ /* content: ""; display: block; position: absolute; right: -135px; bottom: 0; width: 275px; height: 335px; background-image: url(../images/golden/hero-right.png); background-repeat: no-repeat; background-position: center; background-size: cover; */ } .hero-new.tbyb.golden .container{ width: 1230px; } .hero-new.tbyb.golden .left{ text-align: center; } .golden-inner{ padding: 0 25px 0 15px; position: relative; text-align: center; display: inline-block; height: 510px; 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; margin-left: -130px; } .golden-inner .title{ font-size: 83.86px; text-transform: uppercase; color: #ec2027; font-family: 'Gotham-Black'; letter-spacing: -2px; margin-bottom: 5px; } .golden-inner .title img{ margin:0 -10px; position: relative; top: 5px; display: inline-block; } .golden-inner .title + img{ max-width: 100%; height: auto; } .golden-inner .subtitle { font-size: 20px; color: #000000; font-family: 'Gotham-Book'; margin-top: 30px; margin-bottom: 20px; position: relative; left: 90px; } .golden-inner .subtitle strong{ font-size: 25px; color: #ec2027; display: block; font-weight: 400; margin-top: 6px; font-family: 'Gotham-Black'; } .golden-inner a{ position: relative; left: 90px; height: 56px; width: 282px; max-width: 100%; display: block; margin:0 auto; font-size:18px; text-transform: uppercase; line-height: 56px; color: white; background-color: #ec2027; font-weight: 400; text-decoration: none; font-family: 'Gotham-Black'; } @media screen and (max-width: 1199px){ .golden-inner .subtitle, .golden-inner a{ left: 0; } .golden-inner .title { font-size: 49px; } .golden-inner .title img { margin: 0 -5px; top: -5px; vertical-align: middle; } .golden-inner:before { width: 151px; height: 181.5px; left: -30px; } .golden-inner:after { width: 137.5px; height: 167.5px; right: -45px; } .golden-inner{ margin-left: 0; } } @media screen and (max-width: 991px){ .golden-inner:after { right: 0; } .golden-inner:before { left: 0; } .hero-new.tbyb.golden, .hero-new.tbyb.golden .big-element, .hero-new.tbyb.golden .big-element + div { height: auto; } .golden-inner { margin-left: 0; width: 100%; } } @media screen and (max-width: 767px){ .golden-inner{ padding-right: 15px; } .hero-new.tbyb .left:after{ display: none; } } @media screen and (min-width:600px){ .golden-inner .subtitle br{ display: none; } } @media screen and (max-width:600px){ .golden-inner img.on-mobile { margin: 0 -15px; max-width: calc(100% + 30px); width: auto!important; } .golden-inner .title + img{ margin-bottom: 18px; } .golden-inner .title{ margin-bottom: 30px; } .golden-inner .title img{ width: 48px; } .golden-inner { display: block; margin-left: 0; width: 100%; height: 100%; padding-top: 30px; } .hero-new.tbyb.golden > div{ padding: 0; } .hero-new.tbyb.golden{ background-image: none; } .hero-new.tbyb.golden .big-element + div{ padding: 15px 30px 0 30px; background-color: #ec141e; } .hero-new.tbyb.golden, .hero-new.tbyb.golden .big-element, .hero-new.tbyb.golden .big-element + div{ height: auto; } .hero-new.tbyb.golden .big-element{ padding: 0 15px; height: 640px; background-image: url(../images/golden/mob-bg.png); background-repeat: no-repeat; background-position: center; background-size: cover; } .golden-inner a { width: 285px; margin-top: 40px; position: relative; z-index: 2; } .golden-inner .subtitle { font-size: 17.14px; line-height: 23.79px; width: 230px; margin: 10px auto 0 auto; } .golden-inner .title + img { max-width: 100%; height: auto; width: 382px; } .golden-inner .title { font-size: 60.5px; line-height: 1; } .golden-inner .title img { margin: 0 auto; top: 0; vertical-align: middle; display: block; } .golden-inner:before { width: 236px; height: 288px; background-image: url(../images/golden/new/mob-right.png); right: 0; left: auto; } .golden-inner:after { width: 144px; height: 235px; background-image: url(../images/golden/mob-right.png); } .golden-inner a{ margin-top: 30px; } } @media screen and (max-width:480px){ .hero-new.tbyb.golden .box-style:nth-child(2) > div { /*background-position: 100% 0; background-size: auto 100%;*/ } } @media screen and (max-width: 420px){ .golden-inner:before { right: -55px; } .hero-new.tbyb.golden .box-style.mod .half-box-copy > div { width: calc(100% - 100px); } .hero-new.tbyb.golden .box-style .half-box-copy { } .hero-new.tbyb.golden .box-style:nth-child(2) > div{ /* background-size: 35% !important; background-position: 100% 50%; background-size: cover!important; background-position: 100% 0; height: 100%!important; background-image: url(../images/golden/new/bottom-mob.png); */ } .hero-new.tbyb.golden .box-style:nth-child(2) > div { /* padding: 0 0 0 10px !important;*/ } .hero-new.tbyb .box-style .half-box-copy > div { width: calc(100% - 130px); } .hero-new.tbyb.golden .box-style:nth-child(1) > div { /*background-position: calc(100% - 0px) 50%; background-size: 40%!important;*/ } } /** golden ticket */ .hero-new.tbyb.golden.spin .box-style:nth-child(1) > div{ } .hero-new .spin-inner{ padding-top: 150px; position: relative; z-index: 10; padding-right: 5%; } .hero-new .spin-inner:before{ content: ""; display: block; position: absolute; left: -5px; bottom: -113px; background-image: url(../images/spin/employee.png); background-repeat: no-repeat; background-position: center; width: 229px; height: 350px; background-size: cover; } .hero-new .spin-inner .title{ font-size: 20px; color: #000000; font-family: 'Gotham-Book'; line-height: 1; margin-top: 30px; } .hero-new .spin-inner .title strong{ display: block; font-size: 27.51px; color: #ed1c24; font-family: 'Gotham-Black'; font-style: italic; text-transform: uppercase; margin-top: 6px; } .hero-new .spin-inner p { font-size: 14px; font-family: 'Gotham-Book'; color: #000000; margin:5px auto 0 auto; text-align: center; font-weight: 400; } .hero-new .spin-inner img{ } .hero-new .spin-inner a{ display: block; width: 295px; height: 60px; text-align: center; line-height: 60px; font-family: 'Gotham-Black'; color: #000000; background-color: #fff100; margin:30px auto 0 auto; text-decoration: none; -webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); box-shadow: 0 2px 10px 0 rgba(0,0,0,0.3); text-transform: uppercase; } .hero-new.spin{ background-image: url(../images/spin/bg.png)!important; background-repeat: no-repeat; background-position: 100% 50%; background-size: cover; } .hero-new.spin .lights{ background-image: url(../images/spin/lights.png); position: absolute; left: 10px; top: -10px; width: 264px; height: 227px; background-repeat: no-repeat; background-position: center; background-size: cover; z-index: 12; } .hero-new.spin .curtain-left{ background-image: url(../images/spin/curtain-left.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 0 50%; background-size: auto 100%; pointer-events: none; z-index: 3; } .hero-new.spin .curtain-top{ background-image: url(../images/spin/curtain-top.png); position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-repeat: no-repeat; background-position: 50% 0%; background-size: 100% auto; pointer-events: none; z-index: 10; } .hero-new.spin .confettis{ background-image: url(../images/spin/confetti.png); position: absolute; left: 0; top: 0; width: 100%; height: 232px; background-repeat: no-repeat; background-position: 0% 0%; background-size: auto 100%; pointer-events: none; z-index: 10; } .hero-new.spin .right{ z-index: 9; position: relative; } .hero-new.spin .right:after{ content: ""; display: block; position: absolute; right: -55px; top: 0; z-index: 0; width: 651px; height: 507px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/spin/wheel.png); } .hero-new.spin:after{ content: ""; display: block; position: absolute; right: 0; background-color: #232323; top: 0; width: 20%; height: 508px; } @media screen and (max-width: 1199px){ .hero-new.spin .right:after { right: -160px; } .hero-new.spin:after{ display: none; } .hero-new .spin-inner:before { left: -70px; } .hero-new.spin .right { z-index: 10; } } @media screen and (max-width: 991px){ .hero-new.spin .right:after{ display: none; } .hero-new .spin-inner { padding-top: 90px; padding-right: 0; padding-bottom: 30px; } .hero-new .spin-inner:before { left: 0; bottom: 0; } } @media screen and (max-width: 767px){ .hero-new.spin .curtain-left, .hero-new .spin-inner:before { display: none; } } @media screen and (max-width: 600px){ .hero-new.tbyb .box-style .half-box-copy { padding: 0 0 0 25px; } .hero-new.spin .left{ background-image: url(../images/spin/mob-bg.png)!important; background-repeat: no-repeat; background-position: 100% 50%; background-size: cover; } .hero-new.spin .curtain-top{ background-image: url(../images/spin/mob-curtain.png); } .hero-new.spin img{ width: 375px; max-width: 100%; height: auto; } .hero-new.spin .lights{ display: none; } .hero-new .spin-inner { padding-top: 65px; padding-right: 0; padding-bottom:0; } .hero-new .spin-inner a{ margin:15px auto 0 auto; } .hero-new .spin-inner .title { font-size: 18px; margin-top: 5px; } .hero-new .spin-inner .title strong{ font-size: 25px; } .hero-new .spin-inner p{ font-size: 14px; } .hero-new .spin-inner a{ font-size: 20px; } .hero-new.spin .left:after{ content: ""; display: block; position: absolute; right: 0; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; width: 277px; height: 374px; background-image: url(../images/spin/mob-wheel.png); left: auto; } .hero-new.spin .left:before{ content: ""; display: block; position: absolute; right: auto; bottom: 0; background-repeat: no-repeat; background-position: center; background-size: cover; width: 185px; height: 312px; top:auto; background-image: url(../images/spin/mob-employee.png); left: 0; bottom: 0!important; } .hero-new .spin-inner{ padding-left: 15px; padding-right: 15px; } } @media screen and (max-width: 480px){ .hero-new .spin-inner p { font-size: 12px; line-height: 1.3; margin-top: 15px; } } @media screen and (max-width: 420px){ .hero-new.tbyb.golden .box-style > div h3 { font-size: 16px!important; line-height: 20px!important; } .hero-new.tbyb.golden .box-style > div { background-position: calc(100% - 0px) 50%; } .hero-new.tbyb.golden .box-style > div h3 { font-size: 17px; line-height: 23px; } } .hero-new.tbyb.golden.sept-1 .box-style > div { background-position: 100% 50%; } .hero-new.tbyb.golden.sept-1 .left{ text-align: left; } .hero-new.sept-1 .box-style .half-box-copy p{ margin-bottom: 5px; } .hero-new.sept-1 .big-element { text-align: left; position: relative; left: 75px; } .hero-new .big-element .sept-inner { text-align: center; display: inline-block; padding-top: 35px; } .hero-new .big-element .sept-inner:after{ content: ""; display: block; position: absolute; right: 90px; bottom: 90px; background-image: url(../images/sept/product.png); background-position: center; background-size: cover; width: 413px; height: 321px; } .hero-new.sept-10 .big-element .sept-inner:after{ /*background-image: url(../images/sept/10/product.png); width: 410px; height: 326px;*/ } .hero-new.tbyb.golden.sept-1.sept-10 .box-style:nth-child(1), .hero-new.tbyb.golden.sept-1.sept-24 .box-style:nth-child(2){ border: 0; } .hero-new.tbyb.golden.sept-1.sept-10 .box-style:nth-child(1) > div { background-position: 98% 101%; height: 100%; } .hero-new.tbyb.golden.sept-1.sept-10 .box-style:nth-child(2) > div { background-position: calc(100% - 13px) 50%; } .hero-new.tbyb.golden.sept-1.sept-24 .box-style:nth-child(2) > div { background-position: 100% 100%; height: 100%; } .hero-new.tbyb.golden.sept-1.sept-10 .box-style > div, .hero-new.tbyb.golden.sept-1.sept-24 .box-style > div{ padding-left: 20px; } .hero-new .big-element .sept-inner img{ display: block; margin:0 auto; } .hero-new .big-element .sept-inner p{ font-size: 20px; line-height: 24.3px; font-weight: 400; color: #ffffff; text-align: center; width: auto; margin: 5px auto 17px auto; } .hero-new.sept-1.sept-10 .big-element .sept-inner p, .hero-new.sept-1.sept-24 .big-element .sept-inner p{ color: black; } .hero-new.sept-1.sept-10 .big-element .sept-inner p span.red, .hero-new.sept-1.sept-24 .big-element .sept-inner p span.red{ color: #ed1c24; } .hero-new .big-element .sept-inner p span{ color: #fff100; font-family: 'Gotham-Bold'; font-weight: bold; } .hero-new .big-element .sept-inner a{ width: 240px; height: 57px; line-height: 57px; text-transform: uppercase; text-align: center; background-color: #fff100; font-size: 18px; color: #000000; font-family: 'Gotham-Black'; display: block; margin:0 auto; } .hero-new.sept-10 .big-element .sept-inner a, .hero-new.sept-24 .big-element .sept-inner a{ color: white; background-color: #ed1c24; } .hero-new.tbyb.golden.sept-1.sept-17 .container{ left: -40px; position: relative; } .hero-new.tbyb.golden.sept-1.sept-17 .big-element .sept-inner:after{ background-image: url(../images/sept/17/product.png); width: 330px; height: 337px; bottom: 70px; right: 140px; } .hero-new.tbyb.golden.sept-1.sept-24 .big-element .sept-inner:after{ background-image: url(../images/sept/24/product.png); width: 337px; height: 341px; } .hero-new.tbyb.golden.sept-1.sept-17 .box-style:nth-child(1){ border: 0; } .hero-new.tbyb.golden.sept-1.sept-24 .box-style:nth-child(2) img{ margin-bottom: 5px; } .hero-new.tbyb.golden.sept-1.sept-17 .box-style > div{ height: 100%; } @media screen and (max-width: 1199px){ .hero-new.tbyb.golden.sept-1.sept-17 .big-element .sept-inner:after { width: 260px; height: 337px; bottom: 0; right: 0px; } .hero-new.tbyb.golden.sept-1.sept-17 .container { left: 0; } .hero-new.sept-1 .big-element{ left: 0; } .hero-new.sept-1 .big-element .sept-inner:after, .hero-new.sept-10 .big-element .sept-inner:after { right: 0; bottom: 0; background-size: contain; width: 285px; height: 321px; background-position: 100% 100%; background-repeat: no-repeat; } .hero-new.sept-1 { background-position: 0% 50%; height: 460px; } } @media screen and (max-width: 991px){ .hero-new.tbyb.golden.sept-1.sept-17 .big-element .sept-inner:after { width: 330px; height: 337px; bottom: 0; right: 15px; } .hero-new.sept-1 .big-element .sept-inner:after, .hero-new.sept-10 .big-element .sept-inner:after { width: 413px; } .hero-new.sept-1{ padding-bottom: 0; } .hero-new .big-element .sept-inner { padding-top: 15px; padding-bottom: 15px; } } @media screen and (max-width: 767px){ .hero-new.tbyb.golden.sept-1.sept-17 .big-element .sept-inner:after { width: 260px; } .hero-new.sept-1 .big-element .sept-inner:after, .hero-new.sept-10 .big-element .sept-inner:after { width: 300px; } } @media screen and (max-width: 600px){ .hero-new.sept-1.sept-17 .box-style > div{ background-size: auto!important; } .hero-new.sept-1.sept-17 .big-element .sept-inner p span{ color: white; font-weight: 400; font-family: 'Lato', sans-serif; } .hero-new.sept-1.sept-17 .big-element .sept-inner:after { background-image: url(../images/sept/17/mob-prod.png)!important; width: 267px!important; height: 225px!important; background-size: 267px 225px!important; bottom: 80px!important; left: 50%; margin-left: -133.5px!important; } .hero-new.tbyb.golden.sept-1.sept-10 .box-style > div{ background-size: auto; } .hero-new.sept-1.sept-10 .big-element .sept-inner p , .hero-new.sept-1.sept-24 .big-element .sept-inner p { color: white; } .hero-new.sept-1.sept-10 .big-element .sept-inner p span.red, .hero-new.sept-1.sept-24 .big-element .sept-inner p span.red{ color: #f8ef1f; } .hero-new.sept-1.sept-10 .big-element .sept-inner a, .hero-new.sept-1.sept-24 .big-element .sept-inner a{ color: #000000; background-color: #f8ef1f; } .hero-new.tbyb.golden.sept-1 .big-element+ div .row{ width:100%; } .hero-new.tbyb.golden.sept-1 .big-element+ div{ background-image: url(../images/sept/mob-bg-2.png); 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; } .hero-new.sept-1 .big-element .sept-inner:after{ background-image: url(../images/sept/mob-prod.png)!important; width: 349px; height: 245px; background-size: 349px 245px; bottom:50px; left: 50%; margin-left: -174.5px; } .hero-new.sept-10 .big-element .sept-inner:after{ background-image: url(../images/sept/10/mob-prod.png)!important; width: 349px; height: 245px; background-size: 349px 245px; bottom:50px; left: 50%; margin-left: -174.5px; } .hero-new.tbyb.golden.sept-1 .big-element{ height: 705px; } .hero-new.tbyb.golden.sept-1 .big-element+ div{ height: 405px; padding-bottom: 50px; } .hero-new.tbyb.golden.sept-1 .big-element { background-image: url(../images/sept/mob-bg.png)!important;} .hero-new.tbyb.golden.sept-1 .big-element{ text-align: center; } .hero-new.tbyb.golden.sept-1 .big-element img{ width: 215px; max-width: 100%; } .hero-new.tbyb.golden.sept-1 .big-element p{ font-size: 22px; line-height: 26.9px; } .hero-new.tbyb.golden.sept-1 .big-element p{ margin-top: 15px; } .hero-new.tbyb.golden.sept-1 .big-element a{ width: 270px; height: 64px; line-height: 64px; font-size: 20px; } .hero-new.tbyb.golden.sept-1 .box-style > div { background-position: 100% 50%; background-size: 45%; } } @media screen and (max-width: 480px){ .hero-new.tbyb.golden.sept-1.sept-10 .box-style:nth-child(1) > div { background-position: 96% 101%; } .hero-new.tbyb.sept-1.sept-10 .box-style .half-box-copy p, .hero-new.tbyb.sept-1.sept-17 .box-style .half-box-copy p{ font-size: 15px; line-height: 19px; } .hero-new.tbyb.sept-1.sept-17 .box-style .half-box-copy p{ margin-bottom: 10px; } } @media screen and (max-width:420px){ .hero-new.tbyb.golden.sept-1 .box-style > div { background-position: 100% 50%; background-size: 40%!important; } .hero-new.tbyb.golden.sept-1 .big-element + div{ padding-left: 15px; padding-right: 15px; } .hero-new.tbyb.golden.sept-1 .box-style > div { background-position: 100% 50%; background-size: 45%; } .hero-new.tbyb.golden.sept-1 .box-style .half-box-copy p { max-width: 100%; } } .product-gallery-image .swiper-pagination { position: relative; margin-top: 20px; } .product-gallery-image .swiper-pagination-bullet { width: 50px !important; height: 50px !important; background-size: cover !important; border-radius: 0 !important; opacity: .5 !important; } .product-gallery-image .swiper-pagination-bullet-active { opacity: 1 !important; } header #form2 input[type='submit'] { position: relative; top: 15px; margin-left: -50px; font-size: 16px; cursor: pointer; background-color: transparent; background-image: url("//addsearch.com/logo/AAAAAA-20.png"); background-repeat: no-repeat; background-position: 95% 50%; border: none; } header #form3 input[type='submit'] { position: absolute; right: 35px; margin-top: 62px; font-size: 16px; cursor: pointer; background-color: transparent; background-image: url("//addsearch.com/logo/AAAAAA-20.png"); background-repeat: no-repeat; background-position: 95% 50%; border: none; } @media screen and (max-width:480px){ header #form3 input[type='submit'] { margin-top: 66px; } } .hero-new.tbyb.golden.cow{ overflow: visible; background-repeat: no-repeat; background-position: center; background-size: cover; } .hero-new.tbyb.golden.cow .cow-inner{ font-size: 0; } .hero-new.tbyb.golden.cow .cow-inner .cow-left{ padding-top: 5px; margin-left: -100px; } .hero-new.tbyb.golden.cow .cow-inner .cow-left, .hero-new.tbyb.golden.cow .cow-inner .cow-right{ display: inline-block; vertical-align: middle; } .hero-new.tbyb.golden.cow .cow-inner .cow-right{ margin-top: -55px; padding-left: 10px; } .hero-new.tbyb.golden.cow .cow-inner a{ width: 300px; height: 70px; line-height: 62px; text-align: center; max-width: 100%; color:black; font-family: 'Gotham-Bold'; font-size: 25px; background-color: white; border: 4px solid #000000; display: block; text-transform: uppercase; margin:30px auto 0 auto; } .hero-new.tbyb.golden.cow .container{ width: 1155px; max-width: 100%; } .hero-new.tbyb.golden.cow .big-element + div{ width: 40%; } .hero-new.tbyb.golden.cow .big-element { width:60%; } .hero-new.tbyb.golden.cow .right{ padding-right:15px; padding-left: 0; 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; text-align: right; } .hero-new.tbyb.golden.cow .right img{ border: 4px solid #000000; max-width: 100%; height: auto; } @media screen and (max-width: 1199px){ .hero-new.tbyb.golden.cow .right { padding-left: 15px; } .hero-new.tbyb.golden.cow .cow-inner .cow-left { margin-left: -150px; margin-right: -45px; } } @media screen and (max-width: 991px){ .hero-new.tbyb.golden.cow .cow-inner img{ max-width: 100%; height: auto; } .hero-new.tbyb.golden.cow .cow-inner .cow-right { margin-top: 0; padding-left: 0; } .hero-new.tbyb.golden.cow .cow-inner .cow-left, .hero-new.tbyb.golden.cow .cow-inner .cow-right { margin-left: 0; text-align: center; margin-right: 0; width: 50%; } .hero-new.tbyb.golden.cow .cow-inner .cow-right { padding-right: 15px; } .hero-new.tbyb.golden.cow .big-element, .hero-new.tbyb.golden.cow .big-element+div{ width: 100%; display: block; text-align: center; } .hero-new.tbyb.golden.cow .big-element+div{ padding:15px; } } @media screen and (min-width:601px){ .on-mcow{ display: none!important; } } @media screen and (max-width:600px){ .hero-new.tbyb.golden.cow .left{ overflow: hidden; } .hero-new.tbyb.golden.cow .right { padding-right: 15px; padding-left: 0; display: -ms-flexbox!important; display: -webkit-flex!important; display: flex!important; -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; text-align: right; } .hero-new.tbyb.golden.cow .cow-inner a{ position: relative; z-index: 2; width: 285px; height: 66px; line-height: 58px; font-size: 23.69px; } .hero-new.tbyb.golden.cow .cow-inner img{ margin-top: -5px; min-width: 450px; } .hero-new.tbyb.golden.cow .big-element{ position: relative; overflow: visible; } .hero-new.tbyb.golden.cow .big-element:after{ content: ""; display: block; position: absolute; left: -60px; bottom: -55px; background-image: url(../images/cow/cow-mob.png); background-repeat: no-repeat; background-position: center; background-size: 305px 200!important; width: 364px!important; height: 247px!important; pointer-events: none; z-index: 1; } .hero-new.tbyb.golden.cow .cow-inner{ 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: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .hero-new.tbyb.golden.cow .cow-inner .cow-left{ margin-right: -5px; } .out-mcow{ display: none!important; } .hero-new.tbyb.golden.cow .right img{ max-width: calc(100% - 30px); } .hero-new.tbyb.golden.cow .big-element, .hero-new.tbyb.golden.cow .big-element+div{ background-image: url(../images/cow/mob-bg.jpg); background-repeat: no-repeat; background-position: center; height: 100vh; min-height: 700px; background-size: cover; } } @media screen and (max-width: 374px){ .hero-new.tbyb.golden.cow .big-element, .hero-new.tbyb.golden.cow .big-element+div{ height: 100vh; min-height: 0; } .hero-new.tbyb.golden.cow .left img{ max-width: 100%; height: auto; min-width: 0; } } @media screen and (max-width: 320px){ .hero-new.tbyb.golden.cow .big-element, .hero-new.tbyb.golden.cow .big-element+div{ height: 100vh; min-height: 575px; } } #new-slider{ background-repeat: no-repeat; background-position: center; text-align: right!important; background-size: cover; position: relative; width: 100%; height: 300px; } #new-slider > div{ text-align: right!important; } #new-slider:before{ content: ""; position: absolute; left: 0; bottom: 0; width: 339px; height: 293px; background-repeat: no-repeat; background-position: center; background-size: cover; background-image: url(../images/dec/17/city-left.png); } #new-slider .w-center{ margin:0 35px 0 auto; } #new-slider .w-center { display: inline-block; vertical-align: top; padding-top: 25px; width: 320px!important; left: 0; z-index: 0; text-align: center!important; position: relative; } #new-slider .w-center img{ position: relative; z-index: 9; } #new-slider .w-center .p { font-size: 0; text-align: center!important; } #new-slider .w-center .p .l, #new-slider .w-center .p .r{ display: inline-block; vertical-align: top; position: relative; width: 50%!important; } #new-slider .w-center .p .l:before{ content: ""; display: block; position: absolute; right: 0; top: -100px; width: 1px; height: 165px; z-index: 0; background-color: #666666; } #new-slider .w-center .p p { font-size: 11.24px; text-align: center!important; margin: 4px 0 8px 0; font-family: 'Gotham-Medium'; color: #000000; } #new-slider .w-center .p a{ width: 125px; font-family: 'Gotham-Bold'; height: 40px; text-transform: uppercase; background-color: #fff100; border: 1px solid black; text-align: center!important; text-decoration: none; position: static; margin:0 auto; display: block; line-height: 38px; color: black; font-size: 10.39px; } a.product-get-it-now-button.red{ background-color: #ed1c24!important; font-size: 24px; font-family: 'Gotham-Bold'; height: 65px; width: 395px; max-width: 100%; line-height: 65px; } a.product-get-it-now-button.red:hover{ background-color: #e0181f!important; } a.add-bundle{ width: 395px; text-align: center; height: 64px; line-height: 64px; display: block; margin-top: 15px; max-width: 100%; font-size: 20px; color:#000000; font-family: 'Gotham-Bold'; border:1px dashed #000000; background-color: #f5f2f0; } a.add-bundle.tvs-bundle{ color: #fff; background-color: #15A850; } a.add-bundle:hover{ background-color: #efebe8; } a.add-bundle.tvs-bundle:hover{ background-color: #128a42; } .product-info > .right .product-datas2 .product-data:first-child{ margin-left: 0!important; } #bundle-sidebar .outer{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.9); cursor: pointer; z-index: -1; opacity: 0; visibility: hidden; -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; } .bundle-pop #bundle-sidebar .outer{ opacity: 1; visibility: visible; } .bundle-pop, .bundle-pop > body{ overflow: hidden; } .bundle-pop #bundle-sidebar { right: 0; pointer-events: all; } #bundle-sidebar { -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; pointer-events: none; z-index: 999; min-height: 100%; background-color: #f5f5f5; position: fixed; top: 0%; right: -100%; width: 550px; max-width: 100%; overflow: auto; height: 100vh; } #bundle-sidebar .top{ background-color: #404040; color: white; text-align: center; position: relative; font-size: 24px; font-family: 'Gotham-Bold'; color: #ffffff; padding: 30px 15px; } #bundle-sidebar .top .x{ width: 32px; height: 32px; position: absolute; top: 50%; margin-top: -16px; left: 25px; cursor: pointer; background-image: url(../images/bundle/x.png); } #bundle-sidebar .middle{ padding: 0 25px; background-color: white; } #bundle-sidebar .middle .item{ min-height: 203px; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; } #bundle-sidebar .middle .item.type-fixed:before{ content: ''; display: block; width: 100px; height: 100px; position: absolute; top: 10px; left: 0; background-repeat: no-repeat; background-size: contain; background-position: center; background-image: url(../images/bundle/badge.png); visibility: hidden; } #bundle-sidebar .middle .item .image{ width: 50%; padding: 15px; text-align: center; } #bundle-sidebar .middle .item .image img{ max-width: 100%; height: auto; } #bundle-sidebar .middle .item .text{ width: 50%; padding-left: 20px; margin-top: 10px; } #bundle-sidebar .middle .item .text p{ font-size: 24px; color: #000000; font-family: 'Gotham-Bold'; margin:0 0 3px 0; } #bundle-sidebar .middle .item .text button{ display: inline-block; padding: 0; background-color: transparent; border: 0; margin:0; height: auto; line-height: 1; font-size: 20px; text-decoration: none; font-family: 'Gotham-Bold'; color: #ed1c24; } #bundle-sidebar .middle .item:not(:last-child){ border-bottom: 1px solid #cccccc; } #bundle-sidebar .middle .item .text button:before{ content: "+"; position: relative; top: -2px; margin-right: 12px; font-family: 'Gotham-light'; display: inline-block; vertical-align: middle; font-size: 48px; } #bundle-sidebar .middle .item.added .text button{ color: #76cf3e; } #bundle-sidebar .middle .item.added .text button:before{ content: ""; width: 26px; height: 48px; background-repeat: no-repeat; background-position: center; background-size: 26px 20px; background-image: url(../images/bundle/icon-check.png); } #bundle-sidebar .bottom{ padding: 35px 0; font-size: 0; background-color: #f5f5f5; } #bundle-sidebar .bottom .image{ width: 50%; padding: 0 10px; vertical-align: top; display: inline-block; text-align: right; } #bundle-sidebar .bottom .image img{ max-width: 100%; height: auto; } #bundle-sidebar .bottom .text{ display: inline-block; width: 50%; vertical-align: top; } #bundle-sidebar .bottom .text .title{ font-size: 18px; line-height: 20px; font-family: 'Gotham-Bold'; color: black; } #bundle-sidebar .bottom .text .items{ margin-top: 10px; text-align: left; } #bundle-sidebar .bottom .text .no-item{ font-size: 15px; margin-top: 10px; color: #aaaaaa; font-family: 'Gotham-Medium'; text-align: left; padding: 12.5px 0; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } #bundle-sidebar .bottom .text .items{ color: black; font-size: 18px; border-top: 1px solid #cccccc; } #bundle-sidebar .bottom .text .items > div{ position: relative; cursor: pointer; font-family: 'Gotham-Bold'; padding: 11px 0; border-bottom: 1px solid #cccccc; } #bundle-sidebar .bottom .text .items > div:after{ content: ""; display: block; position: absolute; right: 0; top: 50%; background-image: url(../images/bundle/circle-x.png); background-repeat: no-repeat; background-position: center; background-size: cover; width: 20px; height: 20px; margin-top: -10px; } #bundle-sidebar .bottom .inner{ width: 210px; max-width: 100%; } #bundle-sidebar .prices{ line-height: 1; padding-top: 18px; } #bundle-sidebar .prices .t{ font-size: 15px; font-family: 'Gotham-Medium'; color: #000000; margin-bottom: 3px; } #bundle-sidebar .prices .l{ display: inline-block; font-size: 36px; vertical-align: top; font-family: 'Gotham-Bold'; margin-right: 25px; color: #ed1c24; } #bundle-sidebar .prices .r{ display: inline-block; font-size: 36px; vertical-align: top; font-family: 'Gotham-Bold'; margin-right: 0; color: #76cf3e; } #bundle-sidebar .prices span.style{ font-size: 20px; vertical-align: top; display: inline-block; } #bundle-sidebar .prices span.style small{ display: block; text-align: right; font-family: 'Gotham-Book'; font-size: 10px; } #bundle-sidebar .prices .r{ display: inline-block; vertical-align: top; } #bundle-sidebar .proceed a, #bundle-sidebar .link a{ display: block; margin:35px auto 30px auto; width: 300px; height: 65px; line-height: 65px; text-align: center; font-size: 22px; font-family: 'Gotham-Bold'; text-decoration: none; background-color: #ed1c24; color: white; text-transform: uppercase; } #bundle-sidebar .proceed a{ font-size: 20px; text-transform: none; } #bundle-sidebar .change , #bundle-sidebar .not-finished { text-align: center; } #bundle-sidebar .change a, #bundle-sidebar .not-finished a{ display: inline-block; font-size: 20px; text-decoration: none; color: #909090; font-family: 'Gotham-Bold'; border-bottom: 1px solid #909090; } #bundle-sidebar .no-additional p{ font-size: 20px; font-family: 'Gotham-Bold'; color: black; width: 460px; max-width: 100%; line-height: 1.3; text-align: center; margin: 30px auto -10px auto; } @media screen and (max-width: 767px){ a.add-bundle, a.product-get-it-now-button.red{ display: inline-block; margin-right: 0; width: 100%; height: 40px; line-height: 40px; font-size: 16px; } } @media screen and (max-width: 480px){ #bundle-sidebar .middle .item .image img{ max-height: 80px; } #bundle-sidebar .middle .item .image { padding: 7px; } #bundle-sidebar .middle .item.added .text button:before { content: ""; width: 21px; margin-right: 8px; height: 32px; background-size: 18px 14px; top: 0; background-position: 50% 30%; } #bundle-sidebar .middle .item .text button:before { content: "+"; margin-right: 8px; font-size: 32.7px; } #bundle-sidebar .middle .item .text button { font-size: 13.63px; } #bundle-sidebar .middle .item .text p { font-size: 17px; margin-bottom: -2px; } #bundle-sidebar .middle .item { min-height: 103px; } #bundle-sidebar .middle { padding: 0 15px; } #bundle-sidebar .bottom .inner { width: 155px; max-width: 100%; } #bundle-sidebar .top .x { width: 20px; background-size: cover; height: 20px; margin-top: -10px; left: 20px; } #bundle-sidebar .top { font-size: 17px; padding: 16.5px 15px; } #bundle-sidebar .bottom .text .title { font-size: 12px; line-height: 12.7px; } #bundle-sidebar .bottom .text .items{ font-size: 12px; } #bundle-sidebar .bottom .text .items > div { padding: 7px 0; } #bundle-sidebar .bottom .text .no-item{ font-size: 11px; padding: 7px 0; } #bundle-sidebar .prices .t{ font-size: 10.44px; } #bundle-sidebar .prices .l, #bundle-sidebar .prices .r{ font-size: 25px; } #bundle-sidebar .prices .l span:not(.dollar), #bundle-sidebar .prices .r span:not(.dollar){ font-size: 15px; } #bundle-sidebar .prices .l span small, #bundle-sidebar .prices .r span small{ font-size: 7px; } #bundle-sidebar .prices .l{ margin-right: 20px; } #bundle-sidebar .bottom .text .items > div:after{ right: -20px; } #bundle-sidebar .change, #bundle-sidebar .not-finished{ margin-top: 20px; } #bundle-sidebar .bottom .image { padding: 0 15px; } #bundle-sidebar .proceed, #bundle-sidebar .link { padding: 0 15px; } #bundle-sidebar .proceed a, #bundle-sidebar .link a{ width: 100%; margin-top: 15px; height: 45px; line-height: 45px;font-size: 16px; margin-bottom: 10px; } #bundle-sidebar .change a, #bundle-sidebar .not-finished a{ font-size: 14px; } #bundle-sidebar .no-additional p { font-size: 15px; padding: 0 15px; width: 390px; max-width: 100%; margin: 15px auto 0px auto; } #bundle-sidebar .outer{ display: none; } #bundle-sidebar{ height: 100vh; } } .product-channelplus {margin-top:33px;} .product-channelplus .image {float: left;} .product-channelplus .image img {margin-top:-5px;width: 38px; height: auto;} .product-channelplus .text {float: left; padding-left: 13px; width: calc(100% - 40px); margin-top: 0; font-size: 17px;} .product-channelplus .text a {text-decoration:underline;margin-top:4px;padding-top:6px;padding-bottom:6px;display:inline-block;padding-left:28px;background:url('../images/whatsthis.gif') no-repeat left;font-family:'Lato';font-weight:900;color:#ed1c24;font-size:17px;}