@font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.banner{height:260px}.banner .titles{line-height:260px}.campaingPage .images{position:relative;max-height:339px;overflow:hidden;margin-bottom:30px}@media only screen and (max-width:1200px){.campaingPage .images{margin-bottom:20px}}.campaingPage .images img{transition:0.1s cubic-bezier(0.41,0.75,0.41,0.74);width:auto!important;height:auto!important}.campaingPage .images span{position:absolute;bottom:34px;left:50%;transform:translateX(-50%)}.campaingPage .images a{display:block;height:100%}.campaingPage .images a:hover img{transition:0.1s cubic-bezier(0.41,0.75,0.41,0.74);transform:scale(1.05)}.campaingPage .images a:hover span{transition:0.2s;background:#0080BB;color:#fff}.campaingPage .images a:hover span:before{height:100%;opacity:1}.campaingPage .images a span{border:none}.campaingPage .images a span:before{z-index:-1}.campaingPage .text{color:white;position:absolute;top:0;padding:50px 0 0 20px;font-size:60%}.campaingPage .text h3{font-size:20px}.campaignDetail *{color:#fff}.campaignDetail .campaingPageBox{padding:40px 5vw}@media only screen and (max-width:1023px){.campaignDetail .campaingPageBox{padding:30px}}.campaignDetail .campaingPageBox h1{font:40px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";letter-spacing:-1px;margin:0 0 35px 0}@media only screen and (max-width:767px){.campaignDetail .campaingPageBox h1{font-size:28px;line-height:30px}}.campaignDetail .campaingPageBox h2{font:30px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";letter-spacing:-1px;border-bottom:1px solid #4a4a4a;padding-bottom:10px}@media only screen and (max-width:767px){.campaignDetail .campaingPageBox h2{font-size:24px;line-height:30px}}.campaignDetail .campaingPageBox h3{font:24px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";letter-spacing:-1px;margin:0 0 35px 0}@media only screen and (max-width:767px){.campaignDetail .campaingPageBox h3{font-size:18px;line-height:24px}}.campaignDetail .content{background:#242729;float:left;width:100%}.campaignDetail .content img{display:block;width:100%;object-fit:cover}.campaignDetail .content p{font-size:16px;line-height:26px}@media only screen and (max-width:767px){.campaignDetail .content p{font-size:15px;line-height:24px}}.campaignDetail .content p a{color:#00A7E0!important}.campaignDetail .content .videoImage{min-height:565px;max-height:565px}@media only screen and (max-width:767px) and (min-width:480px){.campaignDetail .content .videoImage{min-height:310px!important}}@media only screen and (max-width:767px){.campaignDetail .content .videoImage{min-height:initial;max-height:initial;height:135px!important}.campaignDetail .content .videoImage i{transform:translate(-50%,-50%) scale(0.8)!important}}@media only screen and (min-width:767px) and (max-width:1023px){.campaignDetail .content .videoImage{min-height:initial;max-height:initial;height:340px!important}}@media only screen and (min-width:1023px) and (max-width:1200px){.campaignDetail .content .videoImage{min-height:initial;max-height:initial;height:450px}}.campaignDetail .content .videoName{color:#fff!important}#videoCarousel{margin-bottom:25px;float:left;width:100%}.productListing{display:inline-block;margin-top:20px}.productListing .col-xl-2{padding:0 12px;max-width:20%;flex:inherit}@media only screen and (max-width:1380px) and (min-width:1200px){.productListing .col-xl-2{max-width:25%}}@media only screen and (max-width:767px){.productListing .col-xl-2{max-width:100%}}@media only screen and (min-width:768px) and (max-width:1023px){.productListing .col-xl-2{max-width:33.3%}}@media only screen and (min-width:1023px) and (max-width:1200px){.productListing .col-xl-2{max-width:25%}}.tmp_12{padding:0!important}.tmp_12 .backImages{position:relative}.tmp_12 .container-fluid{position:absolute!important;top:50%;transform:translateY(-50%);z-index:1}@media only screen and (max-width:767px){.tmp_12 .container-fluid{position:inherit!important;transform:inherit!important}}.tmp_12.leftOrRight .divText{padding-left:0}.tmp_12.rightOrLeft .divText{padding-right:0}@media only screen and (min-width:768px){.tmp_12{height:auto!important}}@media only screen and (min-width:1023px) and (max-width:1200px){.tmp_12{min-height:inherit!important}}@media only screen and (min-width:768px){.tmp_12 .leftOrRight .divText,.tmp_12 .rightOrRight .divText{height:41vw!important}}@media only screen and (min-width:768px) and (max-width:1400px){.tmp_12 .leftOrRight .divText .all p,.tmp_12 .rightOrRight .divText .all p{display:none}.tmp_12 .leftOrRight .divText .all p:first-child,.tmp_12 .leftOrRight .divText .all p:nth-child(2),.tmp_12 .rightOrRight .divText .all p:first-child,.tmp_12 .rightOrRight .divText .all p:nth-child(2){display:block}}@media only screen and (min-width:1300px){p.textMinimal{font-size:15px!important}}@media only screen and (min-width:768px) and (max-width:1023px){p.textMinimal{font-size:10px!important}p.textMinimal:last-child,p.textMinimal:nth-last-child(-1){display:none}p.textMinimal small{font-size:12px!important}}@media only screen and (min-width:1023px) and (max-width:1150px){p.textMinimal{font-size:12px!important}p.textMinimal small{font-size:12px!important}}@media only screen and (min-width:1150px) and (max-width:1300px){p.textMinimal{font-size:14px!important}p.textMinimal small{font-size:14px!important}}.mockupPage{position:relative}.titleAndTimer{display:flex;align-items:center}@media only screen and (max-width:767px){.titleAndTimer{display:block;float:left;width:100%}}.titleAndTimer h1{width:100%;margin:0}#timerBox{position:relative;float:right;width:50%;margin:12px 0}@media only screen and (max-width:767px){#timerBox{width:100%;margin:0}#timerBox ul{margin:0 0 8px 0!important;text-align:center;float:none!important}}#timerBox ul{padding:0;margin:0;float:right;display:none}#timerBox ul.active{display:block}#timerBox ul li{list-style-type:none;float:left;margin-left:5px;background:#fff;border:1px solid #d1d1d1;border-radius:5px;width:53px;text-align:center;font:18px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";box-shadow:0 10px 15px rgba(0,0,0,0.07);height:45px}#timerBox ul li span{display:block}#timerBox ul li:first-child{margin-left:0}@media only screen and (max-width:767px){#timerBox ul li{float:none;display:inline-block}}#timerBox ul li i{display:block;font:12px overpass-regular,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin:-7px 0}.miniInfo .more{display:none}.fancybox-toolbar{display:block!important}.fancybox-button--close{background:#000!important;color:#fff!important}.campagingTimer{float:left;width:100%}@media only screen and (max-width:767px){.campagingTimer{margin-bottom:-10px}}.campagingTimer .breadcrumb{margin:0!important}@media only screen and (max-width:1024px){.campaign-page .productListing{margin-top:0px}}.campaign-page .productListing .nav-tabs{margin:0 auto;margin-bottom:20px;border:none}.campaign-page .productListing .nav-tabs .nav-item{margin:0 2px}.campaign-page .productListing .nav-tabs .nav-item a{-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;display:block;width:100%;text-align:center;color:#000;border-radius:3px;padding:3px 10px;font-size:20px;background-color:#fff;border:2px solid #000}.campaign-page .productListing .nav-tabs .nav-item a.active{border:2px solid transparent;color:#fff;background-color:#0080BB}@media only screen and (max-width:1024px){.campaign-page .productListing .nav-tabs{justify-content:normal!important;flex-wrap:nowrap;overflow-x:scroll;padding:10px 0;margin-bottom:10px}.campaign-page .productListing .nav-tabs .nav-item{text-wrap:nowrap}}@font-face { font-family: "overpass-semibold"; src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-bold"; src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-light"; src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-regular"; src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-black"; src: url("../fonts/Overpass-Black.eot"); src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Credit Card"; src: url("../fonts/CreditCard.eot"); src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .productPageAllList { float: left; width: 100%; margin: 0 0 -23px 0; } @media only screen and (max-width: 767px) { .productPageAllList { margin: 0 0 -20px 0; } } .titleAndSelect { padding: 8px 0; } @media only screen and (min-width: 1000px) { .titleAndSelect { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .titleAndSelect .float-md-right, .titleAndSelect .float-md-left { width: 100%; } } .titleAndSelect .breadcrumb { margin: 0; padding: 0; } @media only screen and (max-width: 1023px) { .titleAndSelect .select-head { background: none !important; } .titleAndSelect .float-md-left { width: 100%; } .titleAndSelect .float-md-right { width: 100%; padding: 8px 0; } } @media only screen and (max-width: 767px) { .titleAndSelect .selects { width: 100%; } } .titleAndSelect .justStok { font-size: 14px; float: right; display: block; position: relative; margin: 1px 0; padding: 3px 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .titleAndSelect .justStok { float: left; margin-left: 10px; } } @media only screen and (max-width: 340px) { .titleAndSelect .justStok { width: 100% !important; display: block !important; } .titleAndSelect .justStok label { font-size: 13px; line-height: 13px; float: right !important; } } @media only screen and (max-width: 767px) { .titleAndSelect .justStok { margin: 0 0 0 10px; width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .titleAndSelect .justStok label { white-space: nowrap; } } @media only screen and (max-width: 767px) and (max-width: 340px) { .titleAndSelect .justStok label { white-space: normal !important; } } .titleAndSelect .justStok label { font-size: 14px; cursor: pointer; margin-bottom: 0; float: right; position: relative; padding-left: 25px; } .titleAndSelect .justStok input { position: absolute; left: 0; border: 1px solid #707070; width: 17px; height: 17px; -webkit-appearance: none; top: 2px; outline: 0; cursor: pointer; border-radius: 0; } .titleAndSelect .justStok input:before { content: ""; background: #0080BB; width: 9px; height: 9px; display: block; margin: 3px auto; opacity: 0; } .titleAndSelect .justStok input:checked:before { opacity: 1; } @media only screen and (max-width: 767px) { .titleAndSelect .float-md-right { display: -webkit-box; display: -ms-flexbox; display: flex; } } .titleAndSelect .select-head { float: right; width: 220px; margin-left: 20px; min-height: 25px; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 340px) { .titleAndSelect .select-head { width: 46% !important; float: right; } } @media only screen and (max-width: 767px) { .titleAndSelect .select-head { width: 100%; margin-left: 10px; } } .titleAndSelect .select-head a { font-size: 14px; color: #000; padding: 4px 15px; display: block; position: relative; } @media only screen and (max-width: 767px) { .titleAndSelect .select-head a { text-align: center; font: 14px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-transform: uppercase; padding: 5px 10px; background: #fff; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); border-radius: 3px; color: #000 !important; } .titleAndSelect .select-head a:before { display: none !important; } } .titleAndSelect .select-head a strong { font-weight: 100; } @media only screen and (max-width: 767px) { .titleAndSelect .select-head a strong { display: none; } } .titleAndSelect .select-head a:before { content: "\f078"; font-size: 15px; font-family: "Font Awesome 5 Pro"; color: #1B1E1F; font-weight: 100; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .titleAndSelect .select-head ul { padding: 0; margin: 0; position: absolute; top: 0; width: 100%; background: white; z-index: 9; -webkit-box-shadow: 0 9px 15px rgba(0, 0, 0, 0.07); box-shadow: 0 9px 15px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 767px) { .titleAndSelect .select-head ul { -webkit-box-shadow: inherit; box-shadow: inherit; } } @media only screen and (max-width: 767px) { .titleAndSelect .select-head ul { position: initial; } } .titleAndSelect .select-head ul li { cursor: pointer; list-style-type: none; display: block; padding: 2px 15px; background: none; color: #1B1E1F; font-size: 14px; } @media only screen and (max-width: 767px) { .titleAndSelect .select-head ul li { font: 17px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding: 10px 0; border-bottom: 1px solid #d1d1d1; margin: 0 25px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .titleAndSelect .select-head { margin-left: 10px; float: left; border-radius: 4px; width: auto; } .titleAndSelect .select-head a { padding: 4px 30px 4px 10px; font-size: 13px; } } .titleAndSelect .select-head.open .selects { -webkit-transition: 0.5s; transition: 0.5s; display: block; left: 0; opacity: 1; pointer-events: auto; } @media only screen and (max-width: 767px) { .titleAndSelect .select-head { margin-left: 10px; background: none; -webkit-box-shadow: inherit; box-shadow: inherit; } } .titleAndSelect .select-head select, .titleAndSelect .select-head button { background: none !important; border: none !important; font-size: 14px !important; } .titleAndSelect .select-head > i { font-size: 14px; font-style: normal; display: block; float: left; left: 10px; pointer-events: none; cursor: default; line-height: 29px; } @media only screen and (max-width: 767px) { .titleAndSelect .select-head > i { pointer-events: auto !important; position: initial !important; width: 100%; height: 100%; text-align: center; line-height: 40px; font: 15px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-transform: uppercase; padding: 9px; } } .titleAndSelect .selects { float: right; position: relative; width: 100%; } @media only screen and (max-width: 767px) { .titleAndSelect .selects { -webkit-transition: 0.5s; transition: 0.5s; position: fixed; left: -100%; opacity: 0; width: 100%; pointer-events: none; z-index: 10; top: 0; height: 100%; background: #fff; overflow: auto; margin-left: 0; } .titleAndSelect .selects .dropdown-menu { display: block !important; max-height: 100vh !important; padding: 0 !important; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; -webkit-transform: inherit !important; -ms-transform: inherit !important; transform: inherit !important; background: none !important; } } @media only screen and (max-width: 767px) and (max-width: 767px) { .titleAndSelect .selects .dropdown-menu { height: 100%; } .titleAndSelect .selects .dropdown-menu .inner { height: 100%; max-height: inherit !important; } } @media only screen and (max-width: 767px) { .titleAndSelect .selects .dropdown-menu ul li { margin: 0 25px; } .titleAndSelect .selects .dropdown-menu ul li a { font: 17px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; padding: 0 !important; } .titleAndSelect .selects .dropdown-menu ul li a span { font: 17px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !important; border-bottom: 1px solid #d1d1d1 !important; padding: 10px 0 !important; } } @media only screen and (max-width: 767px) { .titleAndSelect .selects .bootstrap-select { width: 100% !important; height: calc(100% - 120px); } .titleAndSelect .selects .bootstrap-select button { display: none !important; } .titleAndSelect .selects .bootstrap-select .filter-option { display: none !important; } } .titleAndSelect .selects .bootstrap-select button { padding: 2px 35px 2px 60px; outline: none !important; background: none !important; border: none; -webkit-box-shadow: none !important; box-shadow: none !important; font-size: 14px; line-height: 25px; } .titleAndSelect .selects .bootstrap-select button:before { content: "\f078"; font-size: 15px; font-family: "Font Awesome 5 Pro"; color: #1B1E1F; font-weight: 100; position: absolute; right: 10px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .titleAndSelect .selects .bootstrap-select button:after { display: none !important; } .titleAndSelect .selects .bootstrap-select .inner { overflow: hidden; } .titleAndSelect .selects .bootstrap-select .dropdown-menu { border-radius: inherit; color: #1B1E1F !important; font-size: 14px; border: none; margin: 1px 1px; padding: 0; border-top: 0; z-index: 1; max-height: 180px; overflow: auto; background: white; -webkit-box-shadow: 0 9px 15px rgba(0, 0, 0, 0.07); box-shadow: 0 9px 15px rgba(0, 0, 0, 0.07); } .titleAndSelect .selects .bootstrap-select .dropdown-menu li { outline: 0 !important; border: none !important; } .titleAndSelect .selects .bootstrap-select .dropdown-menu li a { display: block; padding: 2px 10px; outline: 0 !important; border: none !important; background: none; color: #1B1E1F !important; } .titleAndSelect .selects .bootstrap-select .dropdown-menu li a span { width: 100%; font-size: 14px; outline: 0 !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .closeButtons { -webkit-transition: 0.5s; transition: 0.5s; left: calc(100% - 355px) !important; } } .closeButtons { -webkit-transition: 0.5s; transition: 0.5s; position: absolute; left: calc(100% - 55px); z-index: 10; } @media only screen and (max-width: 1023px) { .closeButtons { top: 0; display: block !important; background: #2B3484; width: 40px; height: 40px; border-radius: 0; text-align: center; font-size: 29px; color: #fff; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } } .fixedButtonGroup { background: #fff; /*position: absolute;*/ position: sticky; bottom: 0; height: 50px; z-index: 9999; width: 100%; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .fixedButtonGroup { width: calc(100% - 355px); } } .fixedButtonGroup ul { padding: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .fixedButtonGroup ul li { list-style-type: none; width: 100%; } .fixedButtonGroup ul li:last-child a { background: #2B3484; } .fixedButtonGroup ul li a { display: block; height: 50px; background: #0080BB; text-align: center; line-height: 50px; font-size: 15px; color: #fff; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (max-width: 767px) { .fixedButtonGroup { display: block !important; } } .mobileFilterButton { width: 100%; } @media only screen and (max-width: 340px) { .mobileFilterButton { width: 46% !important; float: left; } } .mobileFilterButton span { background: #2B3484; padding: 10px 15px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); font: 14px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: block; width: 100%; text-align: center; border-radius: 3px; color: #fff; } @media only screen and (max-width: 767px) { .mobileFilterButton span { padding: 5px 10px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .mobileFilterButton { float: left; width: auto; } .mobileFilterButton span { padding: 4px 10px 3px 10px !important; font-size: 13px; } } @media only screen and (max-width: 1023px) { .mobileFilterButton { display: block !important; } } @media only screen and (max-width: 1023px) { .mobileActive { margin-bottom: 10px; } .mobileActive span { border-bottom: 1px solid #d1d1d1; padding: 15px 25px; font: 17px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: block; } .mobileActive span i { float: right; font-size: 32px; position: relative; top: -2px; color: #000; font-weight: 100; opacity: 0.3; } } @media only screen and (max-width: 767px) { .selects .mobileActive { display: block !important; } } @media only screen and (max-width: 1023px) { .sidebarCol .mobileActive { display: block !important; } } .sidebarCol { width: 260px; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .sidebarCol { width: 220px; } } .sidebarCol.open { -webkit-transition: 0.5s; transition: 0.5s; display: block; overflow: auto; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); left: 0; pointer-events: auto; opacity: 1; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .sidebarCol { width: 100% !important; padding-right: 355px; } } @media only screen and (max-width: 767px) { .sidebarCol { width: 100% !important; } } @media only screen and (max-width: 1023px) { .sidebarCol { -webkit-transition: 0.5s; transition: 0.5s; position: fixed; left: -100%; opacity: 0; top: 0; pointer-events: none; z-index: 99; height: 100%; } .sidebarCol .fixedButtonGroup { display: block !important; } .sidebarCol .item { background: #fff; } .sidebarCol .sideButton { display: none !important; } } .sidebarCol .sideButton { margin: 20px 0; float: left; width: 100%; } .sidebarCol .sideButton a { -webkit-transition: 0.3s; transition: 0.3s; background: #2B3484; display: block; border: 2px solid transparent; padding: 10px 20px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); color: #fff; font: 15px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; border-radius: 5px; } .sidebarCol .sideButton a:hover { -webkit-transition: 0.3s; transition: 0.3s; background: #fff; color: #1B1E1F; border-color: #1B1E1F; } .sidebar { -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); } @media only screen and (max-width: 1023px) { .sidebar { height: calc(100% - 50px); overflow: auto; -webkit-box-shadow: inherit !important; box-shadow: inherit !important; position: relative; z-index: 3; } .sidebar.filter .item { padding: 10px 0 !important; margin: 0 25px; } } .sidebar.filter .item { border-bottom: 1px solid #d1d1d1; padding: 12px 25px; } .sidebar.filter .item.open .filterSpan:before { -webkit-transition: 0.2s; transition: 0.2s; -webkit-transform: translateY(-50%) rotate(180deg) !important; -ms-transform: translateY(-50%) rotate(180deg) !important; transform: translateY(-50%) rotate(180deg) !important; } .sidebar.filter .item.active .filterSpan:before, .sidebar.filter .item.active .filterSpan:after { -webkit-transition: 0.4s; transition: 0.4s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .sidebar.filter .item.active .filterSpan:after { display: none; } .sidebar.filter .item.active ul.filterUl { display: block; } .sidebar.filter .item:last-child { border: none; } .sidebar.filter span { font: 17px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: block; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .sidebar.filter span { font-size: 15px; } } .sidebar.filter span.filterSpan { position: relative; padding-right: 30px; cursor: pointer; } .sidebar.filter span.filterSpan:before { -webkit-transition: 0.2s; transition: 0.2s; content: "\f078"; font-size: 15px; font-family: "Font Awesome 5 Pro"; color: #1B1E1F; font-weight: 100; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .sidebar.filter span.filterSpan i { font-size: 30px; position: absolute; right: 0; } .sidebar.filter ul { padding: 0; margin: 8px 0; } .sidebar.filter ul.filterUl { max-height: 243px; overflow: auto; } .sidebar.filter ul.filterUl::-webkit-scrollbar-track { background-color: #1b1e1f; } .sidebar.filter ul.filterUl::-webkit-scrollbar { width: 5px; background-color: #1b1e1f; } .sidebar.filter ul.filterUl::-webkit-scrollbar-thumb { background-color: #d1d1d1; } .sidebar.filter ul label[for=toggle-0] { display: none; } .sidebar.filter ul li { padding: 3px 0; list-style-type: none; font-size: 13px; color: #1B1E1F; line-height: 18px; } .sidebar.filter ul li:hover a, .sidebar.filter ul li.active a { -webkit-transition: 0.2s; transition: 0.2s; color: #00A7E0; } .sidebar.filter ul li label { margin: 0; position: relative; padding-left: 25px; cursor: pointer; font-size: 13px; line-height: 18px; padding-right: 10px; } .sidebar.filter ul li label input { position: absolute; left: 0; border: 1px solid #707070; width: 17px; height: 17px; -webkit-appearance: none; outline: 0; cursor: pointer; top: 0; border-radius: 3px; } .sidebar.filter ul li label input:before { content: ""; background: #0080BB; width: 9px; height: 9px; display: block; margin: 3px auto; opacity: 0; } .sidebar.filter ul li label input:checked:before { opacity: 1; } .sidebar.filter ul li a { -webkit-transition: 0.2s; transition: 0.2s; font-size: 14px; display: block; color: #1B1E1F; } .productListing { width: calc(100% - 260px); padding-left: 25px; } .productListing .row { margin: 0 -15px !important; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .productListing { width: calc(100% - 220px); padding-left: 20px; } .productListing .row { margin: 0 -8px; } .productListing .col-md-4 { padding: 0 12px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .productListing .row { margin: 0 -8px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .productListing .col-md-4 { padding: 0 8px; } } @media only screen and (max-width: 1023px) { .productListing { width: 100%; padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .selects .closeButtons { display: none !important; } } .bigBanner { margin: 25px 0 12px 0; } @media only screen and (max-width: 767px) { .bigBanner { margin: 0 !important; } }@font-face { font-family: "overpass-semibold"; src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-bold"; src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-light"; src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-regular"; src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-black"; src: url("../fonts/Overpass-Black.eot"); src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Credit Card"; src: url("../fonts/CreditCard.eot"); src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .productFeatured .fpsAll { display: inline-block; width: 100%; padding: 0 20px; position: relative; } .productFeatured .fpsBox { display: inline-block; width: 100%; font-size: 15px; color: #fff; } .productFeatured .fpsBox span { font-size: 15px; position: relative; padding-right: 15px; color: #00E1FF; cursor: pointer; } .productFeatured .fpsBox span:after { content: "\f078"; font-size: 12px; font-family: "Font Awesome 5 Pro"; color: #fff; font-weight: 100; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); pointer-events: none; } .productFeatured .fpsBoxAll { display: block; overflow: hidden; border-radius: 7px; background: #4a4a4a; } .productFeatured .fpsBoxOpen { position: absolute; width: 100%; top: 38px; z-index: 1; left: 0; display: none; } .productFeatured .fpsBoxOpen:before { content: ""; width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #4a4a4a; position: absolute; top: -15px; left: 58px; } .productFeatured .fpsBoxOpen table { width: 100%; margin: 0 auto; border-radius: 10px; color: #fff; } .productFeatured .fpsBoxOpen table th { font: 12px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background: #4a4a4a; padding: 10px 20px; } .productFeatured .fpsBoxOpen table tbody tr:nth-child(odd) td { background: #393939; } .productFeatured .fpsBoxOpen table td { font: 10px overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; background: #4a4a4a; padding: 5px 20px; } @media only screen and (max-width: 767px) and (min-width: 500px) { .productFeatured .col-xl-3 { max-width: 50%; } } @media only screen and (max-width: 1380px) and (min-width: 1280px) { .productFeatured .compare label { line-height: 22px !important; font-size: 11px !important; padding-left: 20px !important; } .productFeatured .money i { margin-top: -3px; } .productFeatured .money span { font-size: 12px !important; } .productFeatured .money small { font-size: 11px !important; } } .productFeatured span.new { background: url(../images/blue-new-2.png) no-repeat; font: 13px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #fff; display: block; float: left; padding: 2px 22px 2px 8px; position: relative; margin-left: -1px; z-index: 4; background-size: cover !important; background-position: right center !important; } .productFeatured span.new.campaign-badge { background: url(../images/blue-new-3.png) no-repeat; } .productFeatured .name, .productFeatured .customName { float: left; width: 100%; color: #1B1E1F; margin: 15px 0 5px 0; min-height: 52px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .productFeatured .name > h3, .productFeatured .customName > h3 { font-size: 17px; margin: 0 0 2px 0; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; /*height: 38px;*/ } @media only screen and (max-width: 767px) { .productFeatured .name > h3, .productFeatured .customName > h3 { font-size: 20px; } } .productFeatured .name > span, .productFeatured .customName > span { font-size: 14px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; line-height: 20px; } @media only screen and (max-width: 767px) { .productFeatured .name > span, .productFeatured .customName > span { font-size: 16px; line-height: 22px; } } .productFeatured .customName { min-height: 63px; } @media only screen and (max-width: 767px) { .productFeatured .customName { min-height: 72px; } } .productFeatured .row { margin: 0 -12px; } .productFeatured .col-3 { padding: 0 12px; } .productFeatured .item, .productFeatured .productItem { -webkit-transition: 0.3s; transition: 0.3s; float: left; width: 100%; margin-bottom: 25px; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); border: 1px solid transparent; padding: 40px 20px 10px 20px; position: relative; height: 100%; border-radius: 5px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .productFeatured .item, .productFeatured .productItem { padding: 40px 14px 10px 14px; } } .productFeatured .item .compare, .productFeatured .productItem .compare { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-right: 20px; } .productFeatured .item .compare label, .productFeatured .productItem .compare label { margin: 0; position: relative; padding-right: 22px; cursor: pointer; line-height: 21px; font-size: 12px; } .productFeatured .item .compare label input[data-value=secili]:before, .productFeatured .productItem .compare label input[data-value=secili]:before { opacity: 1; } .productFeatured .item .compare label input[data-value=not]:before, .productFeatured .productItem .compare label input[data-value=not]:before { opacity: 0 !important; } .productFeatured .item .compare label input, .productFeatured .productItem .compare label input { position: absolute; right: 0; border: 1px solid #707070; width: 17px; height: 17px; -webkit-appearance: none; top: 50%; outline: 0; cursor: pointer; border-radius: 3px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .productFeatured .item .compare label input:before, .productFeatured .productItem .compare label input:before { content: ""; background: #0080BB; width: 9px; height: 9px; display: block; margin: 3px auto; opacity: 0; } .productFeatured .item .compare label input:checked:before, .productFeatured .productItem .compare label input:checked:before { opacity: 1; } .productFeatured .item:hover, .productFeatured .productItem:hover { -webkit-transition: 0.3s; transition: 0.3s; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.3607843137); box-shadow: 0 0 15px rgba(0, 0, 0, 0.3607843137); } .productFeatured .item:hover .proImage img, .productFeatured .productItem:hover .proImage img { /*transition: .1s cubic-bezier(0.41,0.75,0.41,0.74);*/ -webkit-transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74); transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74); -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .productFeatured .item > a, .productFeatured .productItem > a { display: block; float: left; width: 100%; } .productFeatured .item .basketTop, .productFeatured .productItem .basketTop { margin: 10px 0; width: 100%; position: absolute; top: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .productFeatured .item .basketTop a, .productFeatured .productItem .basketTop a { -webkit-transition: 0.4s; transition: 0.4s; display: block; overflow: hidden; position: relative; margin-right: 20px; float: right; min-width: 35px; } .productFeatured .item .basketTop a.active span, .productFeatured .productItem .basketTop a.active span { color: #3CAE49 !important; -webkit-transition: 0.5s; transition: 0.5s; margin-right: 35px; visibility: inherit; opacity: 1; } .productFeatured .item .basketTop a.active:after, .productFeatured .productItem .basketTop a.active:after { -webkit-transition: 0.4s; transition: 0.4s; background-position: -36px 0; } .productFeatured .item .basketTop a:hover, .productFeatured .productItem .basketTop a:hover { -webkit-transition: 0.4s; transition: 0.4s; } .productFeatured .item .basketTop a:hover span, .productFeatured .productItem .basketTop a:hover span { -webkit-transition: 0.5s; transition: 0.5s; margin-right: 35px; visibility: inherit; opacity: 1; } .productFeatured .item .basketTop a span, .productFeatured .productItem .basketTop a span { -webkit-transition: 0.5s; transition: 0.5s; display: block; float: left; font-size: 13px; color: #1B1E1F; visibility: hidden; opacity: 0; white-space: nowrap; margin-right: -44px; line-height: 24px; } .productFeatured .item .basketTop a:after, .productFeatured .productItem .basketTop a:after { -webkit-transition: 0.4s; transition: 0.4s; content: ""; margin-left: 8px; background: url(../images/basketsprite.png) no-repeat; width: 32px; height: 22px; display: block; float: right; position: absolute; right: 0; background-position: 4px 0; } .productFeatured .item .proImage, .productFeatured .productItem .proImage { height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; float: left; width: 100%; } @media only screen and (max-width: 767px) { .productFeatured .item .proImage, .productFeatured .productItem .proImage { height: 175px; } } .productFeatured .item .proImage img, .productFeatured .productItem .proImage img { border: none; margin: 0 auto; max-height: 100%; -webkit-transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74); transition: 0.1s cubic-bezier(0.41, 0.75, 0.41, 0.74); } .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { position: absolute; width: 50px; height: 50px; top: 8%; right: 5%; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { right: 4%; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { right: 4%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { right: 8%; } } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { right: 4%; } } @media only screen and (min-width: 900px) and (max-width: 1023px) { .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { right: 8%; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { right: 1%; } } @media only screen and (min-width: 501px) and (max-width: 767px) { .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { right: 0; } } @media only screen and (min-width: 375px) and (max-width: 500px) { .productFeatured .item .proImage .giftBag, .productFeatured .productItem .proImage .giftBag { right: 10%; } } .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { position: absolute; width: 50px; height: 50px; top: 17%; right: 5%; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { right: 4%; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { right: 4%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { right: 8%; } } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { right: 4%; } } @media only screen and (min-width: 900px) and (max-width: 1023px) { .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { right: 8%; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { right: 1%; } } @media only screen and (min-width: 501px) and (max-width: 767px) { .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { right: 0; } } @media only screen and (min-width: 375px) and (max-width: 500px) { .productFeatured .item .proImage .giftSecond, .productFeatured .productItem .proImage .giftSecond { right: 10%; } } .productFeatured .item .proImage .giftBagHome, .productFeatured .productItem .proImage .giftBagHome { position: absolute; width: 50px; height: 50px; top: 1%; right: 15%; } @media only screen and (min-width: 901px) and (max-width: 1200px) { .productFeatured .item .proImage .giftBagHome, .productFeatured .productItem .proImage .giftBagHome { right: 13%; } } @media only screen and (max-width: 900px) { .productFeatured .item .proImage .giftBagHome, .productFeatured .productItem .proImage .giftBagHome { right: 8%; } } .productFeatured .item .proImage .giftHomeSecond, .productFeatured .productItem .proImage .giftHomeSecond { position: absolute; width: 50px; height: 50px; top: 1%; right: 100px; } @media only screen and (min-width: 901px) and (max-width: 1200px) { .productFeatured .item .proImage .giftHomeSecond, .productFeatured .productItem .proImage .giftHomeSecond { right: 95px; } } @media only screen and (max-width: 900px) { .productFeatured .item .proImage .giftHomeSecond, .productFeatured .productItem .proImage .giftHomeSecond { right: 83px; } } .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { position: absolute; width: 50px; height: 50px; top: 3%; left: 14%; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { left: 4%; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { left: 12%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { left: 10%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { left: 15%; } } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { left: 16%; } } @media only screen and (min-width: 900px) and (max-width: 1023px) { .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { left: 10%; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { left: 8%; } } @media only screen and (min-width: 375px) and (max-width: 767px) { .productFeatured .item .proImage .giftHomeWarrantyPackage, .productFeatured .productItem .proImage .giftHomeWarrantyPackage { left: 16%; } } .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { position: absolute; width: 50px; height: 50px; top: 8%; left: 12%; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { left: 4%; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { left: 4%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { left: 10%; } } @media only screen and (min-width: 1200px) and (max-width: 1399px) { .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { left: 10%; } } @media only screen and (min-width: 1024px) and (max-width: 1200px) { .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { left: 4%; } } @media only screen and (min-width: 900px) and (max-width: 1023px) { .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { left: 10%; } } @media only screen and (min-width: 768px) and (max-width: 900px) { .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { left: 1%; } } @media only screen and (min-width: 375px) and (max-width: 767px) { .productFeatured .item .proImage .giftWarrantyPackage, .productFeatured .productItem .proImage .giftWarrantyPackage { left: 16%; } } .productFeatured .item .text, .productFeatured .productItem .text { float: left; width: 100%; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .productFeatured .item .text .basket, .productFeatured .productItem .text .basket { height: 40px; } .productFeatured .item .text .featureList, .productFeatured .productItem .text .featureList { min-height: 170px; } @media only screen and (max-width: 767px) { .productFeatured .item .text .featureList, .productFeatured .productItem .text .featureList { min-height: 220px; } } @media only screen and (min-width: 768px) and (max-width: 1600px) { .productFeatured .item .text .featureList, .productFeatured .productItem .text .featureList { min-height: 200px; } } .productFeatured .item .text .tabletFeature, .productFeatured .productItem .text .tabletFeature { min-height: 130px; } @media only screen and (min-width: 360px) and (max-width: 395px) { .productFeatured .item .text .tabletFeature, .productFeatured .productItem .text .tabletFeature { min-height: 140px; } } .productFeatured .item .text > ul, .productFeatured .productItem .text > ul { padding: 0; margin: 5px 0 0 0; overflow: hidden; white-space: normal; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .productFeatured .item .text > ul li, .productFeatured .productItem .text > ul li { font-size: 12px; list-style-type: none; /*display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis;*/ } @media only screen and (max-width: 767px) { .productFeatured .item .text > ul li, .productFeatured .productItem .text > ul li { font-size: 13px; } } .productFeatured .item .text > ul li a, .productFeatured .productItem .text > ul li a { display: block; color: #0080BB; text-decoration: underline !important; } .productFeatured .item .text > a, .productFeatured .productItem .text > a { text-decoration: underline !important; font-size: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .productFeatured .item .text .moneyAllBox, .productFeatured .productItem .text .moneyAllBox { min-height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .productFeatured .item .text .differenceMoney, .productFeatured .productItem .text .differenceMoney { font-size: 13px; padding: 3px 0; color: #0080bb; text-align: center; } @media only screen and (max-width: 767px) { .productFeatured .item .text .differenceMoney, .productFeatured .productItem .text .differenceMoney { font-size: 15px; } } .productFeatured .item .text .dateText, .productFeatured .productItem .text .dateText { text-align: center; border: 1px solid #dfdfdf; border-radius: 3px; margin-top: 7px; font-size: 13px; padding: 2px 0; color: #0080bb; } .productFeatured .item .text .cargoBox, .productFeatured .productItem .text .cargoBox { margin: 10px 0 -3px 0; } .productFeatured .item .text .cargoBox ul, .productFeatured .productItem .text .cargoBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } @media only screen and (max-width: 1200px) { .productFeatured .item .text .cargoBox ul, .productFeatured .productItem .text .cargoBox ul { text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; gap: 4px; } } .productFeatured .item .text .cargoBox ul li, .productFeatured .productItem .text .cargoBox ul li { list-style-type: none; color: #1b1e1f; font-size: 13px; } @media only screen and (max-width: 320px) { .productFeatured .item .text .cargoBox ul li, .productFeatured .productItem .text .cargoBox ul li { font-size: 13px !important; } } @media only screen and (min-width: 1380px) and (max-width: 1599px) { .productFeatured .item .text .cargoBox ul li, .productFeatured .productItem .text .cargoBox ul li { font-size: 11px; } } @media only screen and (min-width: 1200px) and (max-width: 1280px) { .productFeatured .item .text .cargoBox ul li, .productFeatured .productItem .text .cargoBox ul li { font-size: 12px; } } @media only screen and (min-width: 425px) and (max-width: 767px) { .productFeatured .item .text .cargoBox ul li, .productFeatured .productItem .text .cargoBox ul li { font-size: 13px !important; } } @media only screen and (max-width: 767px) { .productFeatured .item .text .cargoBox ul li, .productFeatured .productItem .text .cargoBox ul li { font-size: 12px; } } .productFeatured .item .text .cargoBox ul li i, .productFeatured .productItem .text .cargoBox ul li i { font-size: 19px; margin-right: 5px; color: #0080bb; position: relative; top: 2px; } @media only screen and (max-width: 320px) { .productFeatured .item .text .cargoBox ul li i, .productFeatured .productItem .text .cargoBox ul li i { font-size: 19px !important; } } @media only screen and (max-width: 767px) { .productFeatured .item .text .cargoBox ul li i, .productFeatured .productItem .text .cargoBox ul li i { font-size: 17px; margin-right: 3px; } } @media only screen and (min-width: 1380px) and (max-width: 1599px) { .productFeatured .item .text .cargoBox ul li i, .productFeatured .productItem .text .cargoBox ul li i { font-size: 16px; margin-right: 2px; } } @media only screen and (min-width: 425px) and (max-width: 767px) { .productFeatured .item .text .cargoBox ul li i, .productFeatured .productItem .text .cargoBox ul li i { font-size: 21px !important; } } .productFeatured .item .text .cargoBox ul li a, .productFeatured .productItem .text .cargoBox ul li a { color: #1b1e1f; font-size: 13px; } @media only screen and (max-width: 320px) { .productFeatured .item .text .cargoBox ul li a, .productFeatured .productItem .text .cargoBox ul li a { font-size: 11px; } } @media only screen and (min-width: 1380px) and (max-width: 1599px) { .productFeatured .item .text .cargoBox ul li a, .productFeatured .productItem .text .cargoBox ul li a { font-size: 11px; } } @media only screen and (min-width: 1200px) and (max-width: 1280px) { .productFeatured .item .text .cargoBox ul li a, .productFeatured .productItem .text .cargoBox ul li a { font-size: 12px; } } @media only screen and (min-width: 425px) and (max-width: 767px) { .productFeatured .item .text .cargoBox ul li a, .productFeatured .productItem .text .cargoBox ul li a { font-size: 13px !important; } } @media only screen and (max-width: 767px) { .productFeatured .item .text .cargoBox ul li a, .productFeatured .productItem .text .cargoBox ul li a { font-size: 12px; } } .productFeatured .item .text .lastBtn, .productFeatured .productItem .text .lastBtn { width: 100%; } .productFeatured .item .text .lastBtn div, .productFeatured .productItem .text .lastBtn div { width: 100%; } .productFeatured .item .text .money, .productFeatured .productItem .text .money { line-height: 9px; position: relative; width: 100%; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .productFeatured .item .text .money.noDiscount, .productFeatured .productItem .text .money.noDiscount { padding-right: 0 !important; } .productFeatured .item .text .money .moneyChildContainer, .productFeatured .productItem .text .money .moneyChildContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media only screen and (max-width: 1023px) { .productFeatured .item .text .money .moneyChildContainer, .productFeatured .productItem .text .money .moneyChildContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .productFeatured .item .text .money i, .productFeatured .productItem .text .money i { margin-top: -4px; height: 26px; font-size: 12px; color: #fff; font-style: normal; width: 31px; min-width: 31px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .productFeatured .item .text .money i b, .productFeatured .productItem .text .money i b { font-weight: 100; background: #eb452b; width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .productFeatured .item .text .money i:before, .productFeatured .productItem .text .money i:before { content: ""; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 5px solid #eb452b; position: absolute; bottom: -5px; left: 0; width: 100%; } .productFeatured .item .text .money small, .productFeatured .productItem .text .money small { font-size: 12px; color: #8f8f8f; text-decoration: line-through; white-space: nowrap; } @media only screen and (max-width: 767px) { .productFeatured .item .text .money small, .productFeatured .productItem .text .money small { font-size: 14px; } } .productFeatured .item .text .money span, .productFeatured .productItem .text .money span { font: 14px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: block; margin: 0 10px; white-space: nowrap; } @media only screen and (min-width: 1200px) and (max-width: 1220px) { .productFeatured .item .text .money span, .productFeatured .productItem .text .money span { margin: 0 4px; } } @media only screen and (max-width: 767px) { .productFeatured .item .text .money span, .productFeatured .productItem .text .money span { font-size: 16px; } } .productFeatured .item .text .buttons, .productFeatured .productItem .text .buttons { margin-top: 8px; min-height: 89px; } @media only screen and (max-width: 767px) { .productFeatured .item .text .buttons, .productFeatured .productItem .text .buttons { min-height: 97px; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .productFeatured .item .text .buttons, .productFeatured .productItem .text .buttons { min-height: 115px; } } .productFeatured .item .text .buttons .d-flex a, .productFeatured .productItem .text .buttons .d-flex a { -webkit-transition: 0.3s; transition: 0.3s; display: block; width: 100%; text-align: center; color: #fff; border-radius: 3px; padding: 3px 0; margin: 0 2px; font-size: 13px; border: 2px solid transparent; } @media only screen and (max-width: 767px) { .productFeatured .item .text .buttons .d-flex a, .productFeatured .productItem .text .buttons .d-flex a { font-size: 15px; } } @media only screen and (max-width: 500px) { .productFeatured .item .text .buttons .d-flex a, .productFeatured .productItem .text .buttons .d-flex a { font-size: 14px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-transform: uppercase; padding: 6px 0; } } .productFeatured .item .text .buttons .d-flex a:hover, .productFeatured .productItem .text .buttons .d-flex a:hover { -webkit-transition: 0.3s; transition: 0.3s; background: #fff; color: #1B1E1F; border-color: #1B1E1F; } .productFeatured .item .text .buttons .d-flex a:last-child, .productFeatured .productItem .text .buttons .d-flex a:last-child { margin-right: 0; } .productFeatured .item .text .installment, .productFeatured .productItem .text .installment { font-size: 14px; margin: 10px 0 0; } .productFeatured .item .text .installment a, .productFeatured .productItem .text .installment a { color: #0080BB; text-decoration: underline !important; display: inline; font-size: 14px; } .productFeatured .item .featureContainer, .productFeatured .productItem .featureContainer { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .productFeatured .item .featureContainer > ul, .productFeatured .productItem .featureContainer > ul { padding: 0; margin: 5px 0 0 0; overflow: hidden; white-space: normal; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .productFeatured .item .featureContainer > ul li, .productFeatured .productItem .featureContainer > ul li { font-size: 12px; list-style-type: none; } @media only screen and (max-width: 767px) { .productFeatured .item .featureContainer > ul li, .productFeatured .productItem .featureContainer > ul li { font-size: 13px; } } .productFeatured .item .featureContainer > a, .productFeatured .item .featureContainer button, .productFeatured .productItem .featureContainer > a, .productFeatured .productItem .featureContainer button { text-decoration: underline !important; font-size: 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .productFeatured .item .moneyContainer, .productFeatured .productItem .moneyContainer { min-height: 50px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .productFeatured .item .moneyContainer .money, .productFeatured .productItem .moneyContainer .money { line-height: 9px; position: relative; width: 100%; padding-right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .productFeatured .item .moneyContainer .money.noDiscount, .productFeatured .productItem .moneyContainer .money.noDiscount { padding-right: 0 !important; } .productFeatured .item .moneyContainer .money .moneyChildContainer, .productFeatured .productItem .moneyContainer .money .moneyChildContainer { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } @media only screen and (max-width: 1023px) { .productFeatured .item .moneyContainer .money .moneyChildContainer, .productFeatured .productItem .moneyContainer .money .moneyChildContainer { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .productFeatured .item .moneyContainer .money .moneyChildContainer small, .productFeatured .productItem .moneyContainer .money .moneyChildContainer small { font-size: 12px; color: #8f8f8f; text-decoration: line-through; white-space: nowrap; } @media only screen and (max-width: 767px) { .productFeatured .item .moneyContainer .money .moneyChildContainer small, .productFeatured .productItem .moneyContainer .money .moneyChildContainer small { font-size: 14px; } } .productFeatured .item .moneyContainer .money .moneyChildContainer span, .productFeatured .productItem .moneyContainer .money .moneyChildContainer span { font: 14px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; display: block; margin: 0 10px; white-space: nowrap; } @media only screen and (min-width: 1200px) and (max-width: 1220px) { .productFeatured .item .moneyContainer .money .moneyChildContainer span, .productFeatured .productItem .moneyContainer .money .moneyChildContainer span { margin: 0 4px; } } @media only screen and (max-width: 767px) { .productFeatured .item .moneyContainer .money .moneyChildContainer span, .productFeatured .productItem .moneyContainer .money .moneyChildContainer span { font-size: 16px; } } .productFeatured .item .moneyContainer .money i, .productFeatured .productItem .moneyContainer .money i { margin-top: -4px; height: 26px; font-size: 12px; color: #fff; font-style: normal; width: 31px; min-width: 31px; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; } .productFeatured .item .moneyContainer .money i b, .productFeatured .productItem .moneyContainer .money i b { font-weight: 100; background: #eb452b; width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .productFeatured .item .moneyContainer .money i:before, .productFeatured .productItem .moneyContainer .money i:before { content: ""; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 5px solid #eb452b; position: absolute; bottom: -5px; left: 0; width: 100%; } .productFeatured .item .moneyContainer .differenceMoney, .productFeatured .productItem .moneyContainer .differenceMoney { font-size: 13px; padding: 3px 0; color: #0080bb; text-align: center; } @media only screen and (max-width: 767px) { .productFeatured .item .moneyContainer .differenceMoney, .productFeatured .productItem .moneyContainer .differenceMoney { font-size: 15px; } } .productFeatured .item .buttonContainer, .productFeatured .productItem .buttonContainer { width: 100%; } .productFeatured .item .buttonContainer div, .productFeatured .productItem .buttonContainer div { width: 100%; } .productFeatured .item .buttonContainer .buttons, .productFeatured .productItem .buttonContainer .buttons { margin: 8px 0; } .productFeatured .item .buttonContainer .buttons .d-flex a, .productFeatured .item .buttonContainer .buttons .d-flex button, .productFeatured .productItem .buttonContainer .buttons .d-flex a, .productFeatured .productItem .buttonContainer .buttons .d-flex button { -webkit-transition: 0.3s; transition: 0.3s; display: block; width: 100%; text-align: center; color: #fff; border-radius: 3px; padding: 3px 0; margin: 0 2px; font-size: 13px; border: 2px solid transparent; } @media only screen and (max-width: 767px) { .productFeatured .item .buttonContainer .buttons .d-flex a, .productFeatured .item .buttonContainer .buttons .d-flex button, .productFeatured .productItem .buttonContainer .buttons .d-flex a, .productFeatured .productItem .buttonContainer .buttons .d-flex button { font-size: 15px; } } @media only screen and (max-width: 500px) { .productFeatured .item .buttonContainer .buttons .d-flex a, .productFeatured .item .buttonContainer .buttons .d-flex button, .productFeatured .productItem .buttonContainer .buttons .d-flex a, .productFeatured .productItem .buttonContainer .buttons .d-flex button { font-size: 14px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-transform: uppercase; padding: 6px 0; } } .productFeatured .item .buttonContainer .buttons .d-flex a:hover, .productFeatured .item .buttonContainer .buttons .d-flex button:hover, .productFeatured .productItem .buttonContainer .buttons .d-flex a:hover, .productFeatured .productItem .buttonContainer .buttons .d-flex button:hover { -webkit-transition: 0.3s; transition: 0.3s; background: #fff; color: #1B1E1F; border-color: #1B1E1F; } .productFeatured .item .buttonContainer .buttons .d-flex a:last-child, .productFeatured .item .buttonContainer .buttons .d-flex button:last-child, .productFeatured .productItem .buttonContainer .buttons .d-flex a:last-child, .productFeatured .productItem .buttonContainer .buttons .d-flex button:last-child { margin-right: 0; } .productFeatured .item .cargoContainer, .productFeatured .item .customCargoContainer, .productFeatured .productItem .cargoContainer, .productFeatured .productItem .customCargoContainer { min-height: 60px; } .productFeatured .item .cargoContainer .cargoBox ul, .productFeatured .item .customCargoContainer .cargoBox ul, .productFeatured .productItem .cargoContainer .cargoBox ul, .productFeatured .productItem .customCargoContainer .cargoBox ul { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0; margin: 0; text-wrap: nowrap; -ms-flex-pack: distribute; justify-content: space-around; gap: 4px; } @media only screen and (max-width: 1200px) { .productFeatured .item .cargoContainer .cargoBox ul, .productFeatured .item .customCargoContainer .cargoBox ul, .productFeatured .productItem .cargoContainer .cargoBox ul, .productFeatured .productItem .customCargoContainer .cargoBox ul { text-align: left; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: start; min-height: 50px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .productFeatured .item .cargoContainer .cargoBox ul li, .productFeatured .item .customCargoContainer .cargoBox ul li, .productFeatured .productItem .cargoContainer .cargoBox ul li, .productFeatured .productItem .customCargoContainer .cargoBox ul li { list-style-type: none; color: #1b1e1f; font-size: 13px; } @media only screen and (max-width: 320px) { .productFeatured .item .cargoContainer .cargoBox ul li, .productFeatured .item .customCargoContainer .cargoBox ul li, .productFeatured .productItem .cargoContainer .cargoBox ul li, .productFeatured .productItem .customCargoContainer .cargoBox ul li { font-size: 13px !important; } } @media only screen and (min-width: 1380px) and (max-width: 1599px) { .productFeatured .item .cargoContainer .cargoBox ul li, .productFeatured .item .customCargoContainer .cargoBox ul li, .productFeatured .productItem .cargoContainer .cargoBox ul li, .productFeatured .productItem .customCargoContainer .cargoBox ul li { font-size: 11px; } } @media only screen and (min-width: 1200px) and (max-width: 1280px) { .productFeatured .item .cargoContainer .cargoBox ul li, .productFeatured .item .customCargoContainer .cargoBox ul li, .productFeatured .productItem .cargoContainer .cargoBox ul li, .productFeatured .productItem .customCargoContainer .cargoBox ul li { font-size: 12px; } } @media only screen and (min-width: 425px) and (max-width: 767px) { .productFeatured .item .cargoContainer .cargoBox ul li, .productFeatured .item .customCargoContainer .cargoBox ul li, .productFeatured .productItem .cargoContainer .cargoBox ul li, .productFeatured .productItem .customCargoContainer .cargoBox ul li { font-size: 13px !important; } } @media only screen and (max-width: 767px) { .productFeatured .item .cargoContainer .cargoBox ul li, .productFeatured .item .customCargoContainer .cargoBox ul li, .productFeatured .productItem .cargoContainer .cargoBox ul li, .productFeatured .productItem .customCargoContainer .cargoBox ul li { font-size: 12px; } } .productFeatured .item .cargoContainer .cargoBox ul li i, .productFeatured .item .customCargoContainer .cargoBox ul li i, .productFeatured .productItem .cargoContainer .cargoBox ul li i, .productFeatured .productItem .customCargoContainer .cargoBox ul li i { font-size: 19px; margin-right: 5px; color: #0080bb; position: relative; top: 2px; } @media only screen and (max-width: 320px) { .productFeatured .item .cargoContainer .cargoBox ul li i, .productFeatured .item .customCargoContainer .cargoBox ul li i, .productFeatured .productItem .cargoContainer .cargoBox ul li i, .productFeatured .productItem .customCargoContainer .cargoBox ul li i { font-size: 19px !important; } } @media only screen and (max-width: 767px) { .productFeatured .item .cargoContainer .cargoBox ul li i, .productFeatured .item .customCargoContainer .cargoBox ul li i, .productFeatured .productItem .cargoContainer .cargoBox ul li i, .productFeatured .productItem .customCargoContainer .cargoBox ul li i { font-size: 17px; margin-right: 3px; } } @media only screen and (min-width: 1380px) and (max-width: 1599px) { .productFeatured .item .cargoContainer .cargoBox ul li i, .productFeatured .item .customCargoContainer .cargoBox ul li i, .productFeatured .productItem .cargoContainer .cargoBox ul li i, .productFeatured .productItem .customCargoContainer .cargoBox ul li i { font-size: 16px; margin-right: 2px; } } @media only screen and (min-width: 425px) and (max-width: 767px) { .productFeatured .item .cargoContainer .cargoBox ul li i, .productFeatured .item .customCargoContainer .cargoBox ul li i, .productFeatured .productItem .cargoContainer .cargoBox ul li i, .productFeatured .productItem .customCargoContainer .cargoBox ul li i { font-size: 21px !important; } } .productFeatured .item .cargoContainer .cargoBox ul li a, .productFeatured .item .customCargoContainer .cargoBox ul li a, .productFeatured .productItem .cargoContainer .cargoBox ul li a, .productFeatured .productItem .customCargoContainer .cargoBox ul li a { color: #1b1e1f; font-size: 13px; } @media only screen and (max-width: 320px) { .productFeatured .item .cargoContainer .cargoBox ul li a, .productFeatured .item .customCargoContainer .cargoBox ul li a, .productFeatured .productItem .cargoContainer .cargoBox ul li a, .productFeatured .productItem .customCargoContainer .cargoBox ul li a { font-size: 11px; } } @media only screen and (min-width: 1380px) and (max-width: 1599px) { .productFeatured .item .cargoContainer .cargoBox ul li a, .productFeatured .item .customCargoContainer .cargoBox ul li a, .productFeatured .productItem .cargoContainer .cargoBox ul li a, .productFeatured .productItem .customCargoContainer .cargoBox ul li a { font-size: 11px; } } @media only screen and (min-width: 1200px) and (max-width: 1280px) { .productFeatured .item .cargoContainer .cargoBox ul li a, .productFeatured .item .customCargoContainer .cargoBox ul li a, .productFeatured .productItem .cargoContainer .cargoBox ul li a, .productFeatured .productItem .customCargoContainer .cargoBox ul li a { font-size: 12px; } } @media only screen and (min-width: 425px) and (max-width: 767px) { .productFeatured .item .cargoContainer .cargoBox ul li a, .productFeatured .item .customCargoContainer .cargoBox ul li a, .productFeatured .productItem .cargoContainer .cargoBox ul li a, .productFeatured .productItem .customCargoContainer .cargoBox ul li a { font-size: 13px !important; } } @media only screen and (max-width: 767px) { .productFeatured .item .cargoContainer .cargoBox ul li a, .productFeatured .item .customCargoContainer .cargoBox ul li a, .productFeatured .productItem .cargoContainer .cargoBox ul li a, .productFeatured .productItem .customCargoContainer .cargoBox ul li a { font-size: 12px; } } .productFeatured .item .cargoContainer .installment, .productFeatured .item .customCargoContainer .installment, .productFeatured .productItem .cargoContainer .installment, .productFeatured .productItem .customCargoContainer .installment { font-size: 14px; margin: 10px 0 0; } .productFeatured .item .cargoContainer .installment a, .productFeatured .item .cargoContainer .installment button, .productFeatured .item .customCargoContainer .installment a, .productFeatured .item .customCargoContainer .installment button, .productFeatured .productItem .cargoContainer .installment a, .productFeatured .productItem .cargoContainer .installment button, .productFeatured .productItem .customCargoContainer .installment a, .productFeatured .productItem .customCargoContainer .installment button { color: #0080BB; text-decoration: underline !important; display: inline; font-size: 14px; } .productFeatured .item .customCargoContainer, .productFeatured .productItem .customCargoContainer { min-height: 60px; } @media only screen and (max-width: 1201px) { .productFeatured .item .customCargoContainer, .productFeatured .productItem .customCargoContainer { min-height: 81px; } } .productFeatured .productItem { height: calc(100% - 25px); } #inlineModal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9; opacity: 0; pointer-events: none; border-radius: 4px; } #inlineModal.open { opacity: 1; pointer-events: inherit; } #inlineModal .closeButton { -webkit-transition: 0.3s; transition: 0.3s; line-height: 35px; position: absolute; right: 10px; top: 0; opacity: 1 !important; z-index: 9; } #inlineModal .closeButton:hover { -webkit-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } #inlineModal .closeButton button { background: none; border: none; padding: 0; width: 20px; } #inlineModal .minibgModal { content: ""; background: #1B1E1F; opacity: 0.5; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } #inlineModal .miniContent { background: #fff; position: relative; max-width: 300px; padding: 60px 10px; text-align: center; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .image-animate { height: 100% !important; } @media only screen and (max-width: 1023px) { .basketTop .animation-area { display: none !important; } } .productFeatured.w-100 { padding: 0 !important; } .col-xl-3-5.col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 0 12px; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .col-xl-3-5.col-md-4 { -webkit-box-flex: 0; -ms-flex: 0 0 33.3%; flex: 0 0 33.3%; max-width: 33.3%; } } @media only screen and (max-width: 767px) { .col-xl-3-5.col-md-4 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%; } } .allTitleBox { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .allTitleBox h1, .allTitleBox h2, .allTitleBox h3 { line-height: 25px !important; font-size: 23px !important; } } .allTitleBox h3 { line-height: 28px; } .allTitleBox h2 { line-height: 34px; } .allTitleBox h1 { line-height: 28px; } .allTitleBox h1, .allTitleBox h2, .allTitleBox h3 { width: 100%; margin: 0; margin-right: 75px; } .allTitleBox .buttonBar { width: 45px; height: auto; position: absolute; right: 0; top: 50%; z-index: 1; -webkit-transform: translateY(-38%); -ms-transform: translateY(-38%); transform: translateY(-38%); } .allTitleBox .buttonBar .swiper-button-disabled { opacity: 0.5; } .allTitleBox .buttonBar .swiper-button-next { float: right; cursor: pointer; } .allTitleBox .buttonBar .swiper-button-prev { float: left; cursor: pointer; } .loaderPicture { height: 160px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; float: left; width: 100%; position: absolute; top: 45px; } @media only screen and (max-width: 767px) { .loaderPicture { height: 120px; } } .loaderPicture span { display: block; width: 160px; height: 160px; } .otherModel.productFeatured { margin-top: 20px; } .presentBox:hover .boxSubmenu { -webkit-transition: 0.3s; transition: 0.3s; visibility: inherit; opacity: 1 !important; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .presentBox span.badges { color: #fff; font-size: 14px; position: absolute; top: -17px; width: 132px; left: 20px; padding: 0 15px 0 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: url(../images/presentBg.png) no-repeat right center; background-size: cover; height: 37px; cursor: default; border-radius: 4px; white-space: nowrap; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .presentBox span.badges { width: 115px; font-size: 12px; } } @media only screen and (min-width: 1024px) and (max-width: 1100px) { .presentBox span.badges { width: 115px; font-size: 12px; left: 15px; } } @media only screen and (min-width: 768px) and (max-width: 850px) { .presentBox span.badges { width: 105px; font-size: 11px; padding: 0 15px 0 5px; } } .presentBox i { width: 20px; height: 20px; border: 1px solid #fff; border-radius: 50%; display: inline-block; text-align: center; font-style: normal; font-size: 16px; line-height: 19px; margin: 0 0 0 7px; min-width: 20px; pointer-events: none; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .presentBox i { width: 18px; height: 18px; min-width: 18px; font-size: 13px; line-height: 16px; } } @media only screen and (min-width: 1024px) and (max-width: 1100px) { .presentBox i { width: 18px; height: 18px; min-width: 18px; font-size: 13px; line-height: 16px; } } @media only screen and (min-width: 768px) and (max-width: 850px) { .presentBox i { width: 18px; height: 18px; min-width: 18px; font-size: 13px; line-height: 16px; } } .presentBox .boxSubmenu { -webkit-transition: 0.3s; transition: 0.3s; position: absolute; top: 20px; width: 100%; z-index: 6; visibility: hidden; opacity: 0; -webkit-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } @media only screen and (min-width: 321px) and (max-width: 767px) { .presentBox .boxSubmenu { width: 290px; } } .presentBox .boxSubmenu ul { padding: 20px 18px; margin: 10px 20px 0 20px; background: #761cfe; border-radius: 4px; } .presentBox .boxSubmenu ul:before { width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 7px solid #761cfe; content: ""; position: absolute; top: 3px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); margin-left: -20px; } @media only screen and (max-width: 320px) { .presentBox .boxSubmenu ul:before { margin-left: -13px; } } @media only screen and (min-width: 768px) and (max-width: 850px) { .presentBox .boxSubmenu ul:before { margin-left: -8px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .presentBox .boxSubmenu ul:before { margin-left: -5px; } } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .presentBox .boxSubmenu ul { padding: 15px; } } @media only screen and (min-width: 1024px) and (max-width: 1100px) { .presentBox .boxSubmenu ul { padding: 15px; } } @media only screen and (min-width: 768px) and (max-width: 850px) { .presentBox .boxSubmenu ul { padding: 15px; } } .presentBox .boxSubmenu ul li { list-style-type: none; color: #fff; font-size: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; line-height: 18px; } .presentBox .boxSubmenu ul li img { width: 57px; height: 75px; -o-object-fit: cover; object-fit: cover; } .presentBox .boxSubmenu ul li:last-child { margin-bottom: 0; } .presentBox .boxSubmenu ul li span { display: block; margin-left: 12px; } .performanceBox { margin: 20px 0; } .performanceBox .title { font: 20px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .performanceBox .listing { padding: 20px 25px; border: 2px solid #f1f1f1; } .performanceBox .listing .item { padding: 10px 0; } .performanceBox .listing .item .all { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; } @media only screen and (max-width: 320px) { .performanceBox .listing .item .all { display: inline-block; text-align: center; width: 100%; } } .performanceBox .listing .item .images { width: 60px; float: left; margin-right: 20px; } @media only screen and (max-width: 320px) { .performanceBox .listing .item .images { width: 100%; float: none; display: inline-block; margin: 0 auto 10px auto; } } .performanceBox .listing .item .textBox { width: calc(100% - 60px); } @media only screen and (max-width: 320px) { .performanceBox .listing .item .textBox { width: 100%; } } .performanceBox .listing .item .textBox .mtitle { border-bottom: 2px solid #f1f1f1; font-size: 16px; padding-bottom: 5px; }@font-face{font-family:"overpass-semibold";src:url("../fonts/overpass-semibold.woff2") format("woff2"),url("../fonts/overpass-semibold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-bold";src:url("../fonts/overpass-bold.woff2") format("woff2"),url("../fonts/overpass-bold.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-light";src:url("../fonts/overpass-light.woff2") format("woff2"),url("../fonts/overpass-light.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-regular";src:url("../fonts/overpass-regular.woff2") format("woff2"),url("../fonts/overpass-regular.woff") format("woff");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"overpass-black";src:url("../fonts/Overpass-Black.eot");src:url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"),url("../fonts/Overpass-Black.woff2") format("woff2"),url("../fonts/Overpass-Black.woff") format("woff"),url("../fonts/Overpass-Black.ttf") format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Credit Card";src:url("../fonts/CreditCard.eot");src:url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"),url("../fonts/CreditCard.woff2") format("woff2"),url("../fonts/CreditCard.woff") format("woff"),url("../fonts/CreditCard.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}.commentModal{text-align:left}.commentModal .modalTitle{position:initial !important}.commentsList{text-align:center}.commentsList .form-message{text-align:left}.commentsList .topComment{padding-bottom:15px;text-align:left}.commentsList .topComment .d-flex{line-height:35px}.commentsList .topComment h3{font:22px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin:0;color:#1b1e1f !important;line-height:25px}@media only screen and (max-width: 1200px){.commentsList .topComment h3{font-size:18px;line-height:22px}}.commentsList .topComment span{font:22px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin-right:20px}@media only screen and (max-width: 1200px){.commentsList .topComment span{font-size:18px;margin-right:10px;line-height:36px}}.commentsList .topComment ul{padding:0;margin:0 20px 0 0}.commentsList .topComment ul li{list-style-type:none;display:inline-block}.commentsList .topComment ul li.active i{color:#0080bb}.commentsList .topComment ul li i{font-size:20px;color:#8f8f8f}@media only screen and (max-width: 1200px){.commentsList .topComment ul li i{font-size:15px}}.commentsList .topComment small{font-size:14px}.commentsList .comList{float:left;width:100%;position:relative;padding:22px 0 22px 80px;border-top:1px solid #eee;display:flex;align-items:center}@media only screen and (max-width: 767px){.commentsList .comList{display:initial !important}}.commentsList .comList .nameFirst{background-color:#f1f1f1;width:61px;height:61px;border-radius:50%;position:absolute;left:0;text-align:center;display:flex;align-items:center;justify-content:center}.commentsList .comList .nameFirst i{color:#0c3b5d;font:25px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";opacity:.32}.commentsList .comList .people{font:17px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:40px;min-width:170px;display:flex;align-items:center}@media only screen and (min-width: 768px)and (max-width: 1200px){.commentsList .comList .people{min-width:120px}}.commentsList .comList .people small{display:block;font-size:14px;margin:-20px 0 0 0}.commentsList .comList .comText{font-size:15px;color:#1b1e1f;display:flex;align-items:center;text-align:left;padding-left:20px}@media only screen and (max-width: 767px){.commentsList .comList .comText{padding-left:0}}.commentsList .comList .comText ul{padding:0;margin:0 0 5px 0}.commentsList .comList .comText ul li{list-style-type:none;display:inline-block}.commentsList .comList .comText ul li.active i{color:#0080bb}.commentsList .comList .comText ul li i{font-size:14px;color:#8f8f8f}.commentsList .comList .comText p{font-size:15px;color:#1b1e1f}.commentsList .comList .comText p:last-child{margin-bottom:0}.commentsList .newComment{display:inline-block;text-align:center;margin:20px auto 0 auto}.commentsList .newComment a,.commentsList .newComment button{transition:.3s;background:none;outline:0;border:1px solid #dedede;border-radius:25px;font-size:15px;color:#1b1e1f;padding:8px 38px;display:inline-block}.commentsList .newComment a:hover,.commentsList .newComment button:hover{transition:.3s;border-color:#1b1e1f}.commentsList .newComment a i,.commentsList .newComment button i{font-size:20px;transform:translate(-2px, 2px)}.accordion .card{border-radius:0;margin:0 0 5px 0;border:none;background:transparent}.accordion .card .card-header{padding:5px 0;background:none;border-radius:0;border:none}.accordion .card .card-header h5{padding:0;font:15px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;text-decoration:none;text-align:left;position:relative}.accordion .card .card-header button[aria-expanded=true]:before,.accordion .card .card-header button[aria-expanded=true]:after{transition:.2s;transform:rotate(180deg)}.accordion .card .card-header button[aria-expanded=true]:after{display:none}.accordion .card .card-header button{padding:0 0 0 22px;font:15px overpass-bold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;text-decoration:none;text-align:left;display:block;width:100%;padding-right:30px;position:relative}.accordion .card .card-header button:before{transition:.2s;content:"";width:14px;height:2px;display:block;background:#0080bb;position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.accordion .card .card-header button:after{transition:.2s;content:"";width:2px;height:14px;display:block;background:#0080bb;position:absolute;left:6px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.accordion .card .card-body{font:14px overpass-light,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";color:#1b1e1f;padding:5px 22px}.productDetailNew{background:#fff;box-shadow:0 0 15px rgba(0,0,0,.07);padding:35px 50px;float:left;width:100%}@media only screen and (max-width: 767px){.productDetailNew{padding:25px}}@media only screen and (min-width: 768px)and (max-width: 1200px){.productDetailNew{padding:35px}}@media only screen and (min-width: 1023px)and (max-width: 1200px){.productDetailNew .carousel-inner{width:100%}.productDetailNew .carousel-inner .videoImage i{transform:translate(-50%, -50%) scale(0.8) !important}}@media only screen and (min-width: 768px)and (max-width: 1023px){.productDetailNew .carousel-inner{width:100%}.productDetailNew .carousel-inner .videoImage i{transform:translate(-50%, -50%) scale(0.8) !important}}@media only screen and (max-width: 767px){.productDetailNew .carousel-inner{width:100%}.productDetailNew .carousel-inner .videoImage i{transform:translate(-50%, -50%) scale(0.8) !important;font-size:30px !important;width:60px !important;height:60px !important;padding:17px !important}.productDetailNew .carousel-inner .videoName{font-size:14px !important;line-height:18px !important}}.leftContent{width:calc(100% - 400px);float:left}@media only screen and (max-width: 767px){.leftContent{width:100%}}@media only screen and (min-width: 768px)and (max-width: 1200px){.leftContent{width:calc(100% - 220px);padding-right:50px}}.rightContent{width:290px;float:right}@media only screen and (max-width: 767px){.rightContent{width:100%;margin:30px 0 0 0}}@media only screen and (min-width: 768px)and (max-width: 1200px){.rightContent{width:220px}}@media only screen and (max-width: 767px){.ratings ul li i{font-size:15px !important}}.ratings span{font:18px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";margin-right:20px;min-width:102px}.ratings span i{font:18px overpass-semibold,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"}.ratings ul{padding:0;margin:0}.ratings ul li{list-style-type:none;display:inline-block;position:relative;cursor:pointer}.ratings ul li:hover span{transition:.3s;opacity:1;pointer-events:all}.ratings ul li.active i{color:#0080bb}.ratings ul li i{font-size:20px;color:#8f8f8f}.ratings ul li span{transition:.3s;opacity:0;pointer-events:none;margin:0;position:absolute;top:-20px;width:100%;text-align:center;font-size:12px;background:#0080bb;border-radius:4px;color:#fff;left:0;min-width:inherit}@media only screen and (min-width: 768px)and (max-width: 1023px){.tmp_12{height:auto !important;max-height:inherit !important}} @font-face { font-family: "overpass-semibold"; src: url("../fonts/overpass-semibold.woff2") format("woff2"), url("../fonts/overpass-semibold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-bold"; src: url("../fonts/overpass-bold.woff2") format("woff2"), url("../fonts/overpass-bold.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-light"; src: url("../fonts/overpass-light.woff2") format("woff2"), url("../fonts/overpass-light.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-regular"; src: url("../fonts/overpass-regular.woff2") format("woff2"), url("../fonts/overpass-regular.woff") format("woff"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: "overpass-black"; src: url("../fonts/Overpass-Black.eot"); src: url("../fonts/Overpass-Black.eot?#iefix") format("embedded-opentype"), url("../fonts/Overpass-Black.woff2") format("woff2"), url("../fonts/Overpass-Black.woff") format("woff"), url("../fonts/Overpass-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: "Credit Card"; src: url("../fonts/CreditCard.eot"); src: url("../fonts/CreditCard.eot?#iefix") format("embedded-opentype"), url("../fonts/CreditCard.woff2") format("woff2"), url("../fonts/CreditCard.woff") format("woff"), url("../fonts/CreditCard.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } .mockupPage { float: left; width: 100%; } .mockupPage .container-fluid { padding: 0; } .mockupPage .container-fluid .col-12 { padding: 0; } .bgWhite { background: #fff; } .bgWhite .colorList span { color: #1B1E1F; } .bgWhite > a, .bgWhite h2, .bgWhite h3, .bgWhite h4, .bgWhite h5 { color: #1B1E1F; } .bgWhite p { color: #1B1E1F; } .bgWhite ol li, .bgWhite ul li { color: #1B1E1F !important; } .bgWhite ol li i, .bgWhite ul li i { color: #1B1E1F !important; } .bgBlack { background: #1B1E1F; } .bgBlack .colorList span { color: #fff; } .bgBlack a, .bgBlack h1, .bgBlack h2, .bgBlack h3, .bgBlack h4, .bgBlack h5, .bgBlack p { color: #fff; } .bgBlack ul li { color: #fff; } .bgBlack ul li i { color: #fff; } .bgImages { position: relative; } .bgImages.bgBlack a, .bgImages.bgBlack h1, .bgImages.bgBlack h2, .bgImages.bgBlack h3, .bgImages.bgBlack h4, .bgImages.bgBlack h5, .bgImages.bgBlack p { color: #fff; } .bgImages.bgBlack ul li { color: #fff; } .bgImages.bgBlack ul li i { color: #fff; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .bgImages { min-height: 500px; } } .itemGroup { max-height: 660px; position: relative; -webkit-box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07); box-shadow: 0 10px 15px rgba(0, 0, 0, 0.07); height: 45vw; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemGroup { float: left; width: 100%; min-height: 39vw; } } @media only screen and (max-width: 767px) { .itemGroup { height: auto; float: left; width: 100%; max-height: inherit; } } .itemGroup .miniH3 { margin: -40px 0 30px 0; } .itemGroup.verticalTop .divText { position: relative; padding-top: 50px; padding-left: 0; height: auto; } .itemGroup.verticalTop .col-12 { height: 100%; } .itemGroup.verticalCenter.tmp_2 .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .itemGroup.verticalCenter .container-fluid { display: table; height: 100%; } @media only screen and (max-width: 767px) { .itemGroup.verticalCenter .container-fluid { display: block; } } .itemGroup.verticalCenter .col-12 { display: table-cell; vertical-align: middle; } @media only screen and (max-width: 767px) { .itemGroup.verticalCenter .col-12 { display: block !important; } } .itemGroup.text-center .divText { max-width: 1080px; margin: 0 auto; } .itemGroup.boxTwo .container-fluid { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .itemGroup .container-fluid { position: relative; height: 100%; } .contentImages { max-height: 660px; height: 44vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .contentImages { height: auto; width: 100% !important; padding: 0; } } .contentImages picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; height: 100%; margin: 0 auto; width: 100%; } .contentImages picture img { display: block; margin: 0 auto; max-height: 100%; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .bgImages { overflow: hidden; } } .backImages { height: 100%; position: absolute; top: 0; width: 100%; left: 0; z-index: 1; } @media only screen and (max-width: 767px) { .backImages { margin: 0 !important; left: 0; bottom: 0; position: initial; float: left; width: 100%; } } .backImages picture { display: block; height: 100%; } .backImages picture img { max-height: 100%; -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } .divText { position: relative; z-index: 2; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .divText .d-block.float-left.w-100.mt-3 { margin-top: 0 !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .divText .mores { font-size: 14px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .divText .mores { font-size: 14px; } } @media only screen and (max-width: 767px) { .divText .detailButton { margin: 0 0 1rem 0 !important; } } .divText .detailButton a { margin: 5px 0; } .divText .detailButton a .ico { padding: 8px 25px; } .divText .detailButton a img { width: 110px; } .divText .detailButton a span { padding: 8px 25px; } @media only screen and (max-width: 767px) { .divText .detailButton a span { font-size: 13px; line-height: 15px; } } .divText table { width: 100%; border: none; } .divText table tr { border-bottom: 1px solid #cdcdcd; } .divText table tr:last-child { border: none; } .divText table tr td { padding: 8px 0; font-family: overpass-semibold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (max-width: 1200px) { .divText table tr td { font-size: 14px; } } @media only screen and (max-width: 767px) { .divText { width: 100% !important; } .divText .all { display: initial !important; } } .divText p { font-size: 16px; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .divText p { font-size: 14px; } } .divText ul, .divText ol { padding: 0 0 0 15px; margin: 0; } .divText ul li, .divText ol li { margin: 7px 0; font-size: 17px; color: #fff; position: relative; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .divText ul li, .divText ol li { font-size: 13px; margin: 4px 0; } } @media only screen and (max-width: 1200px) and (min-width: 1023px) { .divText ul li, .divText ol li { font-size: 14px; margin: 6px 0; } } @media only screen and (max-width: 767px) { .divText ul li, .divText ol li { font-size: 14px; margin: 5px 0; } } .divText.float-left .all { text-align: right; } .colorList { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 34px; margin: 30px 0 0 0; } .colorList.tp { margin: 0 0 20px 0; } @media only screen and (max-width: 767px) { .colorList { text-align: center; } } .colorList span { display: block; font-size: 17px; } .colorList ul { padding: 0; margin: 0 12px 0 0; } .colorList ul li { list-style-type: none; display: inline-block; width: 35px; height: 35px; margin-right: 10px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .colorList ul li { width: 30px; height: 30px; margin-right: 5px; } .colorList ul li span { width: 18px !important; height: 18px !important; } } @media only screen and (max-width: 767px) { .colorList ul li { width: 30px; height: 30px; margin-right: 5px; } .colorList ul li span { width: 18px !important; height: 18px !important; } } .colorList ul li input { opacity: 0; position: absolute; } .colorList ul li input:checked + label { border-color: #1B1E1F; background: #f3f3f3; } .colorList ul li label { margin: 0; border: 1px solid #ddd; width: 100%; height: 100%; overflow: hidden; border-radius: 50%; cursor: pointer; } .colorList ul li label img { width: 35px; height: 35px; -o-object-fit: contain; object-fit: contain; } .leftOrRight .divText { max-height: 660px; display: table; padding: 30px 5vw; height: 44vw; } @media only screen and (min-width: 2000px) { .leftOrRight .divText { padding: 0 150px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .leftOrRight .divText { padding: 20px 30px; } } @media only screen and (max-width: 767px) { .leftOrRight .divText { height: auto; display: inherit; max-height: inherit; } } .leftOrRight .divText .all { display: table-cell; vertical-align: middle; } .leftOrRight .contentImages { float: left; } .leftOrRight .divText { float: right; } .rightOrLeft .divText { max-height: 660px; display: table; padding: 30px 5vw; height: 44vw; } @media only screen and (min-width: 2000px) { .rightOrLeft .divText { padding: 0 150px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .rightOrLeft .divText { padding: 20px 30px; } } @media only screen and (max-width: 767px) { .rightOrLeft .divText { height: auto; display: inherit; max-height: inherit; } } .rightOrLeft .divText .all { display: table-cell; vertical-align: middle; } .rightOrLeft .contentImages { float: right; } .rightOrLeft .divText { float: left; } .h-370 { height: 370px; } .h-320 { height: 320px; } .h-210 { height: 210px; } .boxesList { padding: 0 5vw; } @media only screen and (min-width: 2000px) { .boxesList { padding: 0 150px; } } .miniFullImages { margin: 20px auto; display: -ms-flexbox; -ms-flex-align: center; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .miniFullImages { margin: 15px auto; } } .miniFullImages .allMini { width: 100%; height: 100%; } .miniFullImages picture { -ms-flex-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; width: 100%; -webkit-box-align: center; align-items: center; } .miniFullImages picture img { max-height: 100%; margin: 0 auto; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .miniFullImages picture img { max-height: 180px; } } .figure { width: 100%; margin: 30px 0; position: relative; z-index: 2; } .figure ul { padding: 0; text-align: center; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; } .figure ul li { display: inline-block; font-size: 23px; list-style-type: none; margin: 0 5px; min-width: 220px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .figure ul li.two i { font-size: 60px; line-height: 70px; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .figure ul li.two i { font-size: 34px; line-height: 45px; } } .figure ul li.three i { font-size: 50px; line-height: 58px; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .figure ul li.three i { font-size: 28px; line-height: 32px; } } @media only screen and (min-width: 1023px) and (max-width: 1320px) { .figure ul li.four i { font-size: 26px; line-height: 31px; } } @media only screen and (min-width: 1200px) and (max-width: 1320px) { .figure ul li { font-size: 20px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .figure ul li { font-size: 18px; min-width: inherit; margin: 0 20px; } } .figure ul li i { display: block; font: 32px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 35px; } @media only screen and (min-width: 1023px) and (max-width: 1320px) { .figure ul li i { font-size: 32px; } } .itemBox { padding: 0 10px; text-align: left; } .itemBox picture img { max-height: 220px; margin: 0 auto; display: block; height: auto; text-align: center; } .itemBox .desc { margin: 20px 0 0 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemBox .desc p { font-size: 12px !important; } } .itemBox .desc h1, .itemBox .desc h2, .itemBox .desc h3, .itemBox .desc h4, .itemBox .desc h5 { font: 28px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 0 0 10px 0; line-height: 32px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemBox .desc h1, .itemBox .desc h2, .itemBox .desc h3, .itemBox .desc h4, .itemBox .desc h5 { font-size: 20px !important; line-height: 22px !important; } } .itemBox .desc p { font-size: 14px; } .boxes { text-align: left; padding: 0 20px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .boxes { display: block; } } .boxes .icon { float: left; max-width: 210px; width: 11vw; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .boxes .icon { height: 140px; width: 150px; } .boxes .icon h1, .boxes .icon h2, .boxes .icon h3, .boxes .icon h4, .boxes .icon h5 { font-size: 25px !important; line-height: 30px !important; } .boxes .icon picture { height: 100%; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .boxes .icon picture img { max-height: 100%; } } .boxes .icon picture { display: block; margin: 0 auto; text-align: center; } .boxes .img { width: 210px; height: 160px; float: left; } .boxes .img picture { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .boxes .img picture img { max-height: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .boxes .boxText { float: left; width: calc(100% - 11vw); padding: 0 0 0 20px; } @media only screen and (max-width: 1024px) and (min-width: 768px) { .boxes .boxText { width: calc(100% - 150px); padding: 0 0 0 25px; } } .boxes .boxText h4 { font: 30px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 34px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .boxes .boxText h4 { font-size: 24px; line-height: 28px; } } .boxes .boxText p { font-size: 15px; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .boxes .boxText p { font-size: 13px !important; } } @media only screen and (max-width: 1200px) and (min-width: 1023px) { .boxes .boxText p { font-size: 14px; } } .seriBigDetail { height: 660px; padding: 0 60px; position: relative; } .seriBigDetail .container-fluid { position: relative; z-index: 3; } @media only screen and (max-width: 340px) { .seriBigDetail .installment a, .seriBigDetail button { display: block; } } @media only screen and (max-width: 1200px) { .seriBigDetail { padding: 0 30px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .seriBigDetail { height: 500px; } } @media only screen and (max-width: 767px) { .seriBigDetail { height: auto; float: left; width: 100%; } .seriBigDetail .container-fluid { padding: 0 !important; } } .seriBigDetail .textBig { position: relative; z-index: 2; float: right; } @media only screen and (max-width: 767px) { .seriBigDetail .textBig { margin: 30px 0 10px 0; height: auto !important; } .seriBigDetail .textBig h1, .seriBigDetail .textBig h2, .seriBigDetail .textBig h3, .seriBigDetail .textBig h4, .seriBigDetail .textBig h5, .seriBigDetail .textBig p { text-align: left; } .seriBigDetail .textBig ul { padding: 0 !important; } .seriBigDetail .textBig ul li { text-align: left; } } .seriBigDetail .textBig h1, .seriBigDetail .textBig h2, .seriBigDetail .textBig h3 { font-size: 17px !important; line-height: 20px !important; margin: 0 0 10px 0 !important; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; letter-spacing: -1px; } .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { color: #0B1F8F; } .seriBigDetail .textBig h3 { color: #1B1E1F; } @media only screen and (min-width: 1600px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 38px !important; line-height: 48px !important; } .seriBigDetail .textBig h3 { font-size: 28px !important; line-height: 38px !important; } } @media only screen and (min-width: 1200px) and (max-width: 1599px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 35px !important; line-height: 48px !important; } .seriBigDetail .textBig h3 { font-size: 28px !important; line-height: 38px !important; } } @media only screen and (min-width: 980px) and (max-width: 1199px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 32px !important; line-height: 48px !important; } .seriBigDetail .textBig h3 { font-size: 28px !important; line-height: 38px !important; } } @media only screen and (min-width: 768px) and (max-width: 979px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 23px !important; } } @media only screen and (min-width: 425px) and (max-width: 767px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2 { font-size: 24px !important; } .seriBigDetail .textBig h3 { font-size: 22px !important; } } @media only screen and (min-width: 375px) and (max-width: 424px) { .seriBigDetail .textBig h1, .seriBigDetail .textBig h2, .seriBigDetail .textBig h3 { font-size: 20px !important; } } .seriBigDetail .textBig .h1-unset { font-size: unset !important; line-height: unset !important; } .seriBigDetail .textBig .h1-unset .h1 { font-size: 38px !important; line-height: 48px !important; } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .h1-unset .h1 { font-size: 32px !important; line-height: 30px !important; } } @media only screen and (max-width: 1024px) { .seriBigDetail .textBig .h1-unset .h1 { font-size: 32px !important; line-height: 40px !important; } } .seriBigDetail .textBig ul li { font-size: 15px; color: #fff; list-style-type: none; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig ul li { font-size: 16px; } } .seriBigDetail .textBig h4 { font-size: 70px; line-height: 65px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: 0 0 40px 0; } .seriBigDetail .textBig p { font-size: 15px; color: #5e5e5e; text-align: left; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig p { font-size: 16px; } } .seriBigDetail .textBig .money { position: relative; padding-right: 80px; margin-bottom: 15px; } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .money { margin: 10px 0 1.5rem; display: inline-block; width: 100%; } } .seriBigDetail .textBig .money.noDiscount { padding-right: 0 !important; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .money { padding-right: 60px; } } .seriBigDetail .textBig .money small { font-size: 20px; color: #8f8f8f; display: block; text-decoration: line-through; } .seriBigDetail .textBig .money span { font-size: 26px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; margin: -7px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; white-space: nowrap; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .money span { margin: -10px 0; } } .seriBigDetail .textBig .money span sub { margin: 0 0 0 5px; color: #0080bb; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-size: 15px; } .seriBigDetail .textBig .money u { text-decoration: none; display: block; color: #0080bb; font-size: 15px; } .seriBigDetail .textBig .money i { position: absolute; right: 0; top: 7px; font-size: 25px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; color: #fff; display: -webkit-box; display: -ms-flexbox; -ms-flex-align: center; font-style: normal; width: 60px; display: block; text-align: center; height: 55px; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .money i { margin-top: 8px; width: 50px; height: 45px; font-size: 20px; top: 0; } } .seriBigDetail .textBig .money i b { font-weight: 100; background: #eb452b; width: 100%; height: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .seriBigDetail .textBig .money i:before { content: ""; height: 0; border-left: 30px solid transparent; border-right: 30px solid transparent; border-top: 12px solid #eb452b; position: absolute; bottom: -12px; left: 0; } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .money i:before { border-left: 25px solid transparent; border-right: 25px solid transparent; border-top: 10px solid #eb452b; bottom: -10px; } } @media only screen and (max-width: 1023px) { .seriBigDetail .textBig .buttons .d-block { position: fixed; left: 0; width: 100%; bottom: 0; margin: 0 !important; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: white; -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); box-shadow: 0 0 15px rgba(0, 0, 0, 0.07); } .seriBigDetail .textBig .buttons .d-block a, .seriBigDetail .textBig .buttons .d-block button { padding: 0 !important; width: 100%; border-radius: 0; font-size: 14px; height: 60px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .seriBigDetail .textBig .buttons .rightProduct { width: 100%; } .seriBigDetail .textBig .buttons .rightProduct .dateText { border: none !important; margin: 0 !important; padding: 2px !important; font-size: 14px; } .seriBigDetail .textBig .buttons .rightProduct .dateText span { display: block; } .seriBigDetail .textBig .buttons .installment { width: 100%; margin: 0 !important; height: 100%; } } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .buttons { text-align: center; } } .seriBigDetail .textBig .buttons .installment { font-size: 14px; display: inline-block; } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .buttons .installment { font-size: 12px; text-align: center !important; margin: 30px 0 10px 0; } } .seriBigDetail .textBig .buttons .installment a, .seriBigDetail .textBig .buttons .installment button { text-decoration: underline !important; color: #0080BB; } .seriBigDetail .p-gallery { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; } .seriBigDetail .p-gallery picture { height: 100%; } .seriBigDetail .p-gallery i.next { cursor: pointer; position: absolute; font-size: 25px; color: #8f8f8f; left: 0; z-index: 2; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); } .seriBigDetail .p-gallery i.prev { cursor: pointer; position: absolute; font-size: 25px; color: #8f8f8f; right: 0; z-index: 2; top: 50%; -webkit-transform: translateY(-70%); -ms-transform: translateY(-70%); transform: translateY(-70%); } .seriBigDetail .p-gallery .all { width: 100%; float: left; } .seriBigDetail .p-gallery .slider { height: 500px; width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .seriBigDetail .p-gallery .slider { height: 300px; } } @media only screen and (max-width: 400px) { .seriBigDetail .p-gallery .slider { height: 145px !important; } } @media only screen and (max-width: 767px) { .seriBigDetail .p-gallery .slider { height: 245px !important; } } @media only screen and (max-width: 340px) { .seriBigDetail .p-gallery .slider { height: 175px !important; } } .seriBigDetail .p-gallery .slider a { cursor: crosshair; } .seriBigDetail .p-gallery .slider .slick-list, .seriBigDetail .p-gallery .slider .slick-track, .seriBigDetail .p-gallery .slider .slick-slide { height: 100%; } .seriBigDetail .p-gallery .slider .slick-slide > div { height: 100%; } .seriBigDetail .p-gallery .slider img { max-height: 100%; } .seriBigDetail .p-gallery .slider-nav { margin: 20px auto 0 auto; max-height: 80px; height: auto; overflow: hidden; max-width: 625px; } .seriBigDetail .p-gallery .slider-nav .slick-list { margin: 0 35px; } @media only screen and (max-width: 767px) { .seriBigDetail .p-gallery .slider-nav .slick-list { margin: 0 18px; } } .seriBigDetail .p-gallery .slider-nav .slick-current picture { border-color: rgba(36, 39, 41, 0.71); } .seriBigDetail .p-gallery .slider-nav .slick-slide { margin: 0 10px; } .seriBigDetail .p-gallery .slider-nav picture { border: 1px solid #ebebeb; width: 20%; height: 73px; border-radius: 4px; padding: 7px; cursor: pointer; overflow: hidden; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .seriBigDetail .p-gallery .slider-nav picture img { max-width: 100%; max-height: 100%; margin: 0 auto; } .seriBigDetail .p-gallery .giftBag { position: absolute; width: 100px; height: 100px; top: 5%; right: 23%; z-index: 1; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .seriBigDetail .p-gallery .giftBag { right: 18%; } } @media only screen and (min-width: 1024px) and (max-width: 1399px) { .seriBigDetail .p-gallery .giftBag { top: 10%; right: 6%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .seriBigDetail .p-gallery .giftBag { width: 75px; height: 75px; top: 3%; right: 5%; } } @media only screen and (min-width: 501px) and (max-width: 767px) { .seriBigDetail .p-gallery .giftBag { width: 70px; height: 70px; top: 2%; right: 20%; } } @media only screen and (min-width: 430px) and (max-width: 500px) { .seriBigDetail .p-gallery .giftBag { width: 70px; height: 70px; top: 2%; right: 14%; } } @media only screen and (min-width: 375px) and (max-width: 429px) { .seriBigDetail .p-gallery .giftBag { width: 60px; height: 60px; top: 3%; right: 15%; } } @media only screen and (max-width: 374px) { .seriBigDetail .p-gallery .giftBag { width: 50px; height: 50px; top: 0%; right: 10%; } } .seriBigDetail .p-gallery .giftWarrantyPackage { position: absolute; width: 100px; height: 100px; top: 5%; left: 23%; z-index: 1; } @media only screen and (min-width: 1400px) and (max-width: 1599px) { .seriBigDetail .p-gallery .giftWarrantyPackage { left: 18%; } } @media only screen and (min-width: 1024px) and (max-width: 1399px) { .seriBigDetail .p-gallery .giftWarrantyPackage { top: 10%; left: 6%; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 75px; height: 75px; top: 3%; left: 5%; } } @media only screen and (min-width: 501px) and (max-width: 767px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 70px; height: 70px; top: 2%; left: 20%; } } @media only screen and (min-width: 430px) and (max-width: 500px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 70px; height: 70px; top: 2%; left: 14%; } } @media only screen and (min-width: 375px) and (max-width: 429px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 60px; height: 60px; top: 3%; left: 15%; } } @media only screen and (max-width: 374px) { .seriBigDetail .p-gallery .giftWarrantyPackage { width: 50px; height: 50px; top: 0%; left: 10%; } } h3.title { letter-spacing: -1px; } .modalActive .fancybox-bg { display: none !important; } .modalActive .fancybox-content { -webkit-transform: scale(1.04); -ms-transform: scale(1.04); transform: scale(1.04); } .videoList { padding: 20px 0; float: left; width: 100%; } .videoList .carousel { width: 800px; margin: 0 auto; } .videoList .carousel .videoImage { height: 450px; background: #eee; } .otherModel { position: relative; } .threeBox .col-12 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .threeBox .divText { margin-bottom: auto !important; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .blogList picture { height: 150px !important; } .blogList .col-md-3 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 33.3%; } .blogList .col-md-3:last-child { display: none; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemGroup.verticalTop .divText { padding-top: 0 !important; } .figure { margin: 30px 0 0 0 !important; } .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .figure ul li { min-width: initial !important; margin: 0 auto !important; font-size: 13px !important; padding: 0 5px; } .figure ul li.four i { font-size: 20px; line-height: 25px !important; } .tmp_4 .contentImages { height: 100% !important; } .blogList picture { height: 120px !important; } .blogList .col-md-3 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 33.3%; } .blogList .col-md-3:last-child { display: none; } .blogList .text span { font-size: 14px !important; line-height: 20px !important; } .textBig { float: left !important; width: 100%; padding-top: 28px; } .textBig .money { margin-bottom: 0 !important; } .textBig br { display: none; } .boxesList .col-md-6 { -webkit-box-flex: inherit; -ms-flex: inherit; flex: inherit; max-width: 100%; padding: 0; } .boxesList .col-md-6:last-child .icon, .boxesList .col-md-6:last-child .boxes { margin-bottom: 0; } .boxesList .boxes { float: left; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0 0 10px 0; } .boxesList .icon { text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .miniFullImages .allMini { max-height: inherit !important; } .miniFullImages .allMini picture { max-height: inherit !important; } .boxesList { float: left; width: 100%; margin: 0 auto !important; } .boxesList .itemBox { padding: 0 !important; margin-bottom: 30px; float: left; width: 100%; } .tmp6 p { font-size: 12px !important; } .tmp6 p:last-child { margin-bottom: 0 !important; } .itemGroup { float: left; width: 100%; padding: 30px; } .itemGroup.tmp6 { padding: 0 !important; } .itemGroup.tmp6 .contentImages { padding: 0 !important; } .itemGroup.tmp_10 { padding-bottom: 0 !important; } .itemGroup .divText .all { padding: 0 !important; } .itemGroup p { font-size: 13px; } .itemGroup p small { font-size: 13px !important; } .itemGroup h2 { font-size: 25px !important; line-height: 32px !important; } .itemGroup h1, .itemGroup h3, .itemGroup h4, .itemGroup h4, .itemGroup h5 { font-size: 25px !important; line-height: 32px !important; margin: 0 !important; padding: 0 0 10px 0; } } @media only screen and (max-width: 1023px) { .divText { max-width: 100% !important; } .itemGroup p br { display: none; } } @media only screen and (max-width: 767px) { .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; } .figure ul li { margin: 0 auto; } .tmp_7-0, .tmp_7-1 { padding: 30px 0; } .tmp_7-0 .divText, .tmp_7-1 .divText { padding-bottom: 0 !important; } .tmp_7-0 .contentImages, .tmp_7-1 .contentImages { padding: 0 30px; } .bgImages { background: #1b1e1f; } .textBig { float: left !important; width: 100%; } .textBig br { display: none; } .boxesList .col-md-6:last-child .boxes { margin-bottom: 0; } .boxesList .boxes { float: left; width: 100%; margin: 0 0 40px 0; padding: 0 10px; display: block; } .boxesList .icon { width: 100% !important; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; float: none; margin: 0 auto; } .boxesList .boxText { width: 100% !important; padding: 0; margin: 20px 0 0 0; } .backImages { height: auto !important; margin: 0 !important; left: 0; bottom: 0; } .figure { margin: 0 0 25px 0 !important; position: initial !important; padding: 0 12px; } .figure ul.fourUl { display: block !important; -ms-flex-wrap: inherit !important; flex-wrap: inherit !important; } .figure ul.fourUl li.two { margin: 0 5px !important; } .figure ul li { min-width: initial !important; margin: 0 auto !important; padding: 0 2px; } .figure ul li.four { font-size: 12px !important; line-height: 14px !important; width: 50%; display: block; -webkit-box-flex: inherit !important; -ms-flex-positive: inherit !important; flex-grow: inherit !important; float: left; margin: 0 0 5px 0 !important; min-height: 50px; } .figure ul li.four:nth-child(3), .figure ul li.four:nth-child(4) { margin-bottom: 0 !important; } .figure ul li.four i { font-size: 15px; line-height: 20px; max-height: inherit; margin-bottom: 2px; } .figure ul li.three { font-size: 12px !important; line-height: 14px; } .figure ul li.three i { font-size: 15px; line-height: 22px; max-height: inherit; } .figure ul li.two { font-size: 13px !important; line-height: 17px; margin: 0 12px !important; } .figure ul li.two i { font-size: 18px; line-height: 23px; max-height: inherit; } .miniFullImages { max-height: inherit !important; min-height: inherit !important; height: auto; margin: 20px auto 0 0 !important; } .miniFullImages .allMini { max-height: inherit !important; } .miniFullImages .allMini picture { max-height: inherit !important; height: auto; } .col-12, .container-fluid { width: 100%; } .boxesList { float: left; width: 100%; margin: 0 !important; } .boxesList .col-md-4:last-child .itemBox { margin-bottom: 0 !important; } .boxesList .itemBox { padding: 0 !important; margin-bottom: 30px; float: left; width: 100%; } .itemGroup { float: left; width: 100%; } .itemGroup .divText { text-align: left !important; float: left; padding-left: 30px !important; padding-right: 30px !important; padding-bottom: 0 !important; padding-top: 0 !important; margin: 30px 0 !important; } .itemGroup p { font-size: 14px; } .itemGroup p:last-child { margin: 0; } .itemGroup p small { font-size: 14px; } .itemGroup h1, .itemGroup h2, .itemGroup h3, .itemGroup h4, .itemGroup h4, .itemGroup h5 { font-size: 25px !important; line-height: 28px !important; margin: 0 !important; padding: 0 0 13px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .itemGroup .videoImage { height: 340px !important; } } @media only screen and (max-width: 767px) { .itemGroup .videoImage { height: 155px !important; } .itemGroup .videoImage i { -webkit-transform: translate(-50%, -50%) scale(0.8) !important; -ms-transform: translate(-50%, -50%) scale(0.8) !important; transform: translate(-50%, -50%) scale(0.8) !important; } .itemGroup .videoName { font-size: 14px !important; } } @media only screen and (max-width: 1200px) { .itemGroup .carousel { width: 100%; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .breadcrumb ul li { font-size: 14px; } .tabFixed ul li a { font-size: 14px !important; padding: 11px 4px !important; } } .textOrFigure .col-12 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; height: 100% !important; } .textOrFigure .col-12 .divText { margin-bottom: auto; } .bgBlue { background: #163c6c; } .bgGrey { background: #f2f2f2; } @media only screen and (min-width: 768px) and (max-width: 1024px) { .tmp_10 .figure { position: absolute; bottom: 20px; left: 0; } } .tmp_10 .figure ul, .tmp_11 .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } .tmp_10 .figure ul li, .tmp_11 .figure ul li { font-size: 22px; -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; /*margin:0 1vh;*/ } .tmp_4 h2 { font-size: 52px; line-height: 57px; margin: 0 0 22px; } @media only screen and (min-width: 1023px) and (max-width: 1300px) { .tmp_4 h2 { font-size: 40px !important; line-height: 45px !important; } } .tmp_4 .contentImages { padding-left: 30px; padding-top: 30px; height: 100%; } @media only screen and (max-width: 767px) { .tmp_4 .contentImages { padding: 0 20px 20px 20px; margin: 0; } } .tmp_4 .divText { padding-right: 40px; margin-bottom: 0 !important; } .tmp_4 .divText .all { padding-left: 5vw; } @media only screen and (max-width: 767px) { .tmp_4 .divText .all { padding: 0; } } @media only screen and (min-width: 2000px) { .tmp_4 .divText .all { padding-left: 150px; } } @media only screen and (min-width: 2000px) { .tmp_4 .divText .all { padding-left: 150px; } } .tmp_4 .figure { margin: 0; position: absolute; bottom: 50px; left: 0; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_4 .figure { bottom: 0; } } .tmp_4 .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tmp_4 .figure ul li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .tmp_4 { height: auto; max-height: inherit; } .tmp_4 .figure { position: inherit; padding: 40px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_7-1 { padding: 0 !important; } .tmp_4 .divText { padding: 20px 30px !important; } .tmp_4 .figure { padding: 0 !important; } } .multipleCentered { float: left; width: 100%; max-height: 500px; height: 40vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .multipleCentered { height: auto; max-height: inherit; } .multipleCentered .contentImages { padding: 0 !important; height: 100% !important; } } @media only screen and (max-width: 767px) { .multipleCentered { display: block; height: auto; max-height: inherit !important; } } .leftOrRight.tmp_11 .divText .all { padding-left: 5vw; } @media only screen and (min-width: 2000px) { .leftOrRight.tmp_11 .divText .all { padding-left: 150px; } } @media only screen and (min-width: 1px) and (max-width: 767px) { .leftOrRight.tmp_11 .divText .all { padding-left: 0; } } @media only screen and (min-width: 2000px) { .leftOrRight.tmp_11 .divText .all { padding-left: 150px; } } .rightOrLeft.tmp_11 .col-12 { display: block; } .rightOrLeft.tmp_11 .col-12 .divText .all { padding-left: 5vw; } @media only screen and (min-width: 2000px) { .rightOrLeft.tmp_11 .col-12 .divText .all { padding-left: 150px; } } @media only screen and (min-width: 1px) and (max-width: 1023px) { .rightOrLeft.tmp_11 .col-12 .divText .all { padding-left: 0; } } @media only screen and (min-width: 2000px) { .rightOrLeft.tmp_11 .col-12 .divText .all { padding-left: 150px; } } .rightOrLeft.tmp_11 .col-12 .figure { position: absolute; bottom: 0; left: 0; } .tmp_3 .boxesList { display: inline-block; width: 100%; margin-top: 50px; } @media only screen and (max-width: 767px) { .tmp_3 .divText { padding-bottom: 0 !important; margin-top: 0 !important; } .tmp_3 .divText h4 { margin-bottom: 0 !important; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_3 .divText { padding-bottom: 0; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .itemGroup.text-center .divText { max-width: 800px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_3 .boxText h1, .tmp_3 .boxText h2, .tmp_3 .boxText h3, .tmp_3 .boxText h4, .tmp_3 .boxText h5 { font-size: 25px !important; line-height: 32px !important; } } @media only screen and (max-width: 767px) { .itemBox .desc { max-height: inherit !important; } .tmp_5 .divText h3 { padding-bottom: 0 !important; } .tmp_7-0 .divText, .tmp_7-1 .divText { margin-bottom: 0 !important; } } .tmp_13 .divText .all { padding-left: 5vw; } @media only screen and (min-width: 2000px) { .tmp_13 .divText .all { padding-left: 150px; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .tmp_13 .divText .all { padding-left: 0 !important; } } @media only screen and (max-width: 767px) { .tmp_13 .divText .all { padding-left: 0 !important; } } .tmp_13 .figure { position: absolute; bottom: 0; right: 0; max-width: calc(50% - 5vw); } @media only screen and (max-width: 767px) { .tmp_13 .figure { max-width: 100% !important; } } @media only screen and (min-width: 768px) and (max-width: 1024px) { .tmp_13 .figure { max-width: 295px !important; } } .tmp_13 .figure ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .tmp_13 .figure ul li { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; -webkit-box-flex: 1; flex-grow: 1; max-width: 100%; } .tmp_13 .figure ul li:first-child { text-align: left; margin-left: 0; } @media only screen and (max-width: 767px) { .tmp_13 .figure ul li:first-child { text-align: center !important; } } @media only screen and (min-width: 1px) and (max-width: 767px) { .spaceLi { display: none !important; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_3 { padding: 60px 0 !important; } } .tmp_3 { height: auto; padding: 100px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media only screen and (max-width: 767px) { .tmp_3 { padding: 30px 0; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_3 { padding: 30px 0; } } .heightAuto { height: auto !important; float: left; width: 100%; margin-top: 25px; max-height: initial !important; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .heightAuto .container-fluid { padding: 0; } .heightAuto .container-fluid .col-12 { padding: 0; } } .heightAuto .paVar { padding: 30px; height: auto !important; min-height: inherit; } @media only screen and (max-width: 767px) { .heightAuto .paVar { padding: 0 30px !important; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .heightAuto .paVar { padding: 0 !important; } } @media only screen and (max-width: 1200px) { .heightAuto p { font-size: 16px; margin: 0 0 20px 0; } } .tmp_8 { height: auto; padding: 50px 30px; } @media only screen and (max-width: 767px) { .tmp_8 { padding: 0; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .bgImages p br { display: none !important; } } .textBoxAll { font-size: 14px; } .textBoxAll h1 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll h2 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-weight: 500; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll h3 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll h4 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll h5 { font-size: 14px; margin: 0 0 0.5rem 0; line-height: inherit; font-family: overpass-regular, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } .textBoxAll a.moreBtn { color: #0080BB; font-size: 14px; position: relative; top: 1px; text-decoration: underline !important; } @media only screen and (max-width: 767px) { .textBoxAll a.moreBtn { display: block; padding-left: 0; } } .textBoxAll p { font-size: 14px; } .textBoxAll p:last-child { margin-bottom: 0; } .textBoxAll p a { color: #0080bb !important; text-decoration: underline !important; } .textBoxAll p.limited { margin-bottom: 0; } /*.windowsLogo{ width: auto; margin: -60px 0 -20px 0; &.mobile{ display: none; @media only screen and (max-width : 767px){ display: flex $i; } } @media only screen and (max-width : 767px){ display: none; margin: -30px 0 -40px 0; text-align: center; position: initial; height: auto; align-items: center; padding: 0; img{ max-width: 100%; max-height: 100%; } } }*/ .col-xl-7 .windowsLogo { position: absolute; left: 20px; top: 20px; } @media only screen and (min-width: 768px) and (max-width: 1023px) { .col-xl-7 .windowsLogo { position: inherit; margin: 0 0 -100px 0; } } .windowsLogo { margin: -60px 0 -20px 0; height: 170px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .windowsLogo.mobile { display: none; } @media only screen and (max-width: 767px) { .windowsLogo.mobile { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-pack: center !important; -ms-flex-pack: center !important; justify-content: center !important; } } @media only screen and (max-width: 767px) { .windowsLogo { display: none; margin: 0 0 -10px 0; text-align: center; position: initial; height: 120px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0; } .windowsLogo img { max-width: 100%; max-height: 100%; } } @media only screen and (min-width: 768px) and (max-width: 1200px) { .tmp_1 { padding-bottom: 48vw; } .tmp_5, .tmp_7-2, .tmp_7-4, .tmp_7-0, .tmp_9 { height: auto !important; } .miniFullImages { margin-bottom: 0 !important; height: auto !important; min-height: auto !important; } .miniFullImages .allMini { /*height: 200px;*/ } .miniFullImages .allMini img { max-height: 250px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { /*.tmp6{ height: auto $i; min-height: 300px; .contentImages,.divText{ height: 100% $i; min-height: 300px; img{ } } }*/ .tmp_4 { height: auto !important; } .tmp_4 .multipleCentered { min-height: inherit !important; height: auto !important; } .tmp_4 .figure { position: initial !important; } .tmp_11 { height: auto; min-height: 310px; } .tmp_11 .container-fluid, .tmp_11 .col-12 { min-height: 310px; } .tmp_11 .divText { padding: 25px !important; } .textBoxAll a.moreBtn { display: block; } } .tmp_5 { height: auto !important; max-height: inherit !important; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .tmp_5 { padding: 30px 0 0 0 !important; } } .tmp_5 .boxesList { padding-bottom: 50px; display: inline-block; width: 100%; padding-top: 50px; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .tmp_5 .boxesList .itemBox { margin: 0 !important; } } @media only screen and (max-width: 1023px) and (min-width: 768px) { .tmp_5 .boxesList { padding: 30px !important; } } @media only screen and (max-width: 767px) { .tmp_5 .boxesList { padding: 0 30px !important; } } .tmp_12 .divText { height: 100%; } .contentImages a { display: block; margin: 0 auto; height: 100%; } .tmp_4 .divText { margin-bottom: 20px !important; } .tmp6 { height: auto; min-height: 304px; max-height: inherit; } .tmp6 .contentImages { height: 100%; max-height: inherit; } .tmp6 .divText { padding: 0 5vw; height: 100%; max-height: inherit; } .tmp6 .divText:last-child { margin-bottom: 0 !important; } .tmp6 .col-12 { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center !important; -ms-flex-align: center !important; align-items: center !important; } .tmp6 .alls { padding: 20px 0 !important; } @media only screen and (max-width: 767px) { .tmp6 .alls { padding: 0 !important; } } .tmp_9 { height: auto; max-height: inherit; } .tmp_9 img { max-height: 25vw; } @media only screen and (max-width: 767px) { .divText.desktop { display: none !important; } } .divText.mobile { display: none; } @media only screen and (max-width: 767px) { .divText.mobile { display: block !important; } } @media only screen and (max-width: 767px) { .textSpace { display: none; } } .tmp_11 .backImages { /* img{ width: auto $i; height: auto $i; object-fit: inherit $i; }*/ } @media only screen and (max-width: 767px) { .seriBigDetail .textBig .money.noDiscount { text-align: center; } } @media all and (-ms-high-contrast: none) { .fancybox-thumbs { top: calc(100% - 110px) !important; height: 110px !important; } .seriBigDetail .p-gallery picture { display: block !important; text-align: center; margin: 0 auto; } .seriBigDetail .p-gallery picture img { margin: 0 auto; } } h2.alternative { font-size: 25px !important; line-height: 25px !important; margin: 0 0 10px 0 !important; } h2.bigAlternative { font: 60px overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 64px; margin: 0 0 25px; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { h2.bigAlternative { font-size: 38px; line-height: 43px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { h2.bigAlternative { font-size: 25px !important; line-height: 32px !important; margin: 0 !important; padding: 0 0 10px; } } @media only screen and (max-width: 767px) { h2.bigAlternative { font-size: 25px !important; line-height: 28px !important; margin: 0 !important; padding: 0 0 13px; } } .boxFourNew { display: inline-block; width: 100%; } .boxFourNew .row { margin: 0 -1px; } @media only screen and (max-width: 767px) { .boxFourNew .row { display: inline-block; overflow: auto; width: calc(100% + 1px); -ms-flex-wrap: inherit; flex-wrap: inherit; } } .boxFourNew .col-md-3 { padding: 0 1px; } @media only screen and (max-width: 767px) { .boxFourNew .col-md-3 { white-space: nowrap; display: table-cell; min-width: 230px; max-width: 230px; } } .boxFourNew .listBoxAll .item { position: relative; overflow: hidden; } .boxFourNew .listBoxAll .item:hover img { -webkit-transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74); transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74); -webkit-transform: scale(1.08); -ms-transform: scale(1.08); transform: scale(1.08); } .boxFourNew .listBoxAll .item a { color: #1B1E1F; } .boxFourNew .listBoxAll .item .names { position: absolute; width: 100%; left: 0; bottom: 0; } .boxFourNew .listBoxAll .item .names h2 { font: 37px/45px overpass-semibold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; text-align: center; padding: 30px 0; position: relative; z-index: 1; } @media only screen and (max-width: 1023px) and (min-width: 768px) { .boxFourNew .listBoxAll .item .names h2 { font-size: 25px; line-height: 30px; padding: 20px 0; } } @media only screen and (max-width: 767px) { .boxFourNew .listBoxAll .item .names h2 { font-size: 30px; line-height: 40px; padding: 15px 0; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .boxFourNew .listBoxAll .item .names h2 { font-size: 30px; line-height: 36px; } } @media only screen and (min-width: 1201px) and (max-width: 1340px) { .boxFourNew .listBoxAll .item .names h2 { font-size: 33px; line-height: 38px; } } .boxFourNew .listBoxAll .item picture { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 425px; } @media only screen and (max-width: 767px) { .boxFourNew .listBoxAll .item picture { height: 253px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .boxFourNew .listBoxAll .item picture { height: 265px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .boxFourNew .listBoxAll .item picture { height: 345px; } } .boxFourNew .listBoxAll .item picture img { -webkit-transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74); transition: 0.3s cubic-bezier(0.41, 0.75, 0.41, 0.74); max-height: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media only screen and (max-width: 767px) { .boxFourNew .listBoxAll .item picture img { max-height: 300px; } } .tmp_1 h1, .tmp_1 h2, .tmp_1 h3, .tmp_1 h4, .tmp_1 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_1 h1, .tmp_1 h2, .tmp_1 h3, .tmp_1 h4, .tmp_1 h5 { font-size: 40px; line-height: 45px; } } .tmp_2 h1, .tmp_2 h2, .tmp_2 h3, .tmp_2 h4, .tmp_2 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_2 h1, .tmp_2 h2, .tmp_2 h3, .tmp_2 h4, .tmp_2 h5 { font-size: 40px; line-height: 45px; } } .tmp_2 p { font-size: 18px; } @media only screen and (max-width: 767px) { .tmp_2 p { font-size: 14px; } } @media only screen and (min-width: 768px) and (max-width: 1023px) { .tmp_2 p { font-size: 16px; } } .tmp_3 h1, .tmp_3 h2, .tmp_3 h3, .tmp_3 h4, .tmp_3 h5 { font-size: 30px; line-height: 34px; margin: 0 0 20px 0; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (min-width: 768px) and (max-width: 1200px) { .tmp_3 h1, .tmp_3 h2, .tmp_3 h3, .tmp_3 h4, .tmp_3 h5 { font-size: 24px !important; line-height: 28px !important; } } .tmp_4 h1, .tmp_4 h2, .tmp_4 h3, .tmp_4 h4, .tmp_4 h5 { font-size: 52px; line-height: 57px; margin: 0 0 22px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } @media only screen and (min-width: 1023px) and (max-width: 1300px) { .tmp_4 h1, .tmp_4 h2, .tmp_4 h3, .tmp_4 h4, .tmp_4 h5 { font-size: 40px !important; line-height: 45px !important; } } .tmp_5 h1, .tmp_5 h2, .tmp_5 h3, .tmp_5 h4, .tmp_5 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_5 h1, .tmp_5 h2, .tmp_5 h3, .tmp_5 h4, .tmp_5 h5 { font-size: 40px; line-height: 45px; } } .tmp6 h1, .tmp6 h2, .tmp6 h3, .tmp6 h4, .tmp6 h5, .tmp7 h1, .tmp7 h2, .tmp7 h3, .tmp7 h4, .tmp7 h5, .tmp_7-10 h1, .tmp_7-10 h2, .tmp_7-10 h3, .tmp_7-10 h4, .tmp_7-10 h5, .tmp_7-8 h1, .tmp_7-8 h2, .tmp_7-8 h3, .tmp_7-8 h4, .tmp_7-8 h5 { font-size: 60px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 64px; margin: 0 0 25px 0; } @media only screen and (min-width: 1200px) and (max-width: 1360px) { .tmp6 h1, .tmp6 h2, .tmp6 h3, .tmp6 h4, .tmp6 h5, .tmp7 h1, .tmp7 h2, .tmp7 h3, .tmp7 h4, .tmp7 h5, .tmp_7-10 h1, .tmp_7-10 h2, .tmp_7-10 h3, .tmp_7-10 h4, .tmp_7-10 h5, .tmp_7-8 h1, .tmp_7-8 h2, .tmp_7-8 h3, .tmp_7-8 h4, .tmp_7-8 h5 { font-size: 52px; line-height: 55px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp6 h1, .tmp6 h2, .tmp6 h3, .tmp6 h4, .tmp6 h5, .tmp7 h1, .tmp7 h2, .tmp7 h3, .tmp7 h4, .tmp7 h5, .tmp_7-10 h1, .tmp_7-10 h2, .tmp_7-10 h3, .tmp_7-10 h4, .tmp_7-10 h5, .tmp_7-8 h1, .tmp_7-8 h2, .tmp_7-8 h3, .tmp_7-8 h4, .tmp_7-8 h5 { font-size: 38px; line-height: 43px; } } .tmp_7-6 h1, .tmp_7-6 h2, .tmp_7-6 h3, .tmp_7-6 h4, .tmp_7-6 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_7-6 h1, .tmp_7-6 h2, .tmp_7-6 h3, .tmp_7-6 h4, .tmp_7-6 h5 { font-size: 40px; line-height: 45px; } } .tmp_8 h1, .tmp_8 h2, .tmp_8 h3, .tmp_8 h4, .tmp_8 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_8 h1, .tmp_8 h2, .tmp_8 h3, .tmp_8 h4, .tmp_8 h5 { font-size: 40px; line-height: 45px; } } .tmp_9 h1, .tmp_9 h2, .tmp_9 h3, .tmp_9 h4, .tmp_9 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_9 h1, .tmp_9 h2, .tmp_9 h3, .tmp_9 h4, .tmp_9 h5 { font-size: 40px; line-height: 45px; } } .tmp_10 h1, .tmp_10 h2, .tmp_10 h3, .tmp_10 h4, .tmp_10 h5 { font-size: 48px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 55px; margin: 0 0 20px 0; } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_10 h1, .tmp_10 h2, .tmp_10 h3, .tmp_10 h4, .tmp_10 h5 { font-size: 40px; line-height: 45px; } } .tmp_11 h1, .tmp_11 h2, .tmp_11 h3, .tmp_11 h4, .tmp_11 h5 { font-size: 60px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 64px; margin: 0 0 25px 0; } @media only screen and (min-width: 1200px) and (max-width: 1360px) { .tmp_11 h1, .tmp_11 h2, .tmp_11 h3, .tmp_11 h4, .tmp_11 h5 { font-size: 52px; line-height: 55px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_11 h1, .tmp_11 h2, .tmp_11 h3, .tmp_11 h4, .tmp_11 h5 { font-size: 38px; line-height: 43px; } } .tmp_12 h1, .tmp_12 h2, .tmp_12 h3, .tmp_12 h4, .tmp_12 h5 { font-size: 60px; font-family: overpass-bold, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; line-height: 64px; margin: 0 0 25px 0; } @media only screen and (min-width: 1200px) and (max-width: 1360px) { .tmp_12 h1, .tmp_12 h2, .tmp_12 h3, .tmp_12 h4, .tmp_12 h5 { font-size: 52px; line-height: 55px; } } @media only screen and (min-width: 1023px) and (max-width: 1200px) { .tmp_12 h1, .tmp_12 h2, .tmp_12 h3, .tmp_12 h4, .tmp_12 h5 { font-size: 38px; line-height: 43px; } }