.bx-slide-spec { float: left; list-style: outside none none; min-height: 495px; position: relative; } .item-spec-totator {margin-right:14px;} .main-content {padding: 0 5px !important;} /***/ @media (max-width: 4000px) and (min-width: 1300px) { .item-spec-totator { width:394px; height:420px; } .item-spec-totator .item-spec-img-container:hover a.spec-info { padding:10px 63px; left:23%; top:-22%; } .item-spec-totator .p-spec-1 {font-size:24px;} .item-spec-totator .p-spec-2 {font-size:14px;} .item-spec-totator .p-spec-3 {font-size:14px;} .item-spec-totator .item-spec-img-container .sk5, .item-spec-totator .item-spec-img-container .sk10,.item-spec-totator .item-spec-img-container .sk15, .item-spec-totator .item-spec-img-container .sk20, .item-spec-totator .item-spec-img-container .sk25, .item-spec-totator .item-spec-img-container .sk30,.item-spec-totator .item-spec-img-container .sk35, .item-spec-totator .item-spec-img-container .sk40, .item-spec-totator .item-spec-img-container .sk100, .item-spec-totator .item-spec-img-container .sk45, .item-spec-totator .item-spec-img-container .sk50, .item-spec-totator .item-spec-img-container .skTxt { width:167px; height:167px; } } @media (max-width: 1299px) and (min-width: 1100px){ .item-spec-totator { width:394px; } .item-spec-totator .item-spec-img-container:hover a.spec-info { padding:10px 63px; left:23%; top:-22%; } .item-spec-totator .p-spec-1 {font-size:24px; width: 71%;} .item-spec-totator .p-spec-2 {font-size:14px; width: 71%;} .item-spec-totator .p-spec-3 {font-size:14px; width: 71%;} .item-spec-totator .item-spec-img-container .sk5, .item-spec-totator .item-spec-img-container .sk10,.item-spec-totator .item-spec-img-container .sk15, .item-spec-totator .item-spec-img-container .sk20, .item-spec-totator .item-spec-img-container .sk25, .item-spec-totator .item-spec-img-container .sk30,.item-spec-totator .item-spec-img-container .sk35, .item-spec-totator .item-spec-img-container .sk40, .item-spec-totator .item-spec-img-container .sk100, .item-spec-totator .item-spec-img-container .sk45, .item-spec-totator .item-spec-img-container .sk50, .item-spec-totator .item-spec-img-container .skTxt { width:167px; height:167px; } .special-offers { padding:30px 0 25px 0; } } @media (max-width: 1099px) and (min-width: 1000px) { .item-spec-totator { width:385px; } .item-spec-totator .item-spec-img-container:hover a.spec-info { padding:10px 60px; left:23%; top:-22%; } .item-spec-totator .p-spec-1 {font-size:23px;} .item-spec-totator .p-spec-2 {font-size:13px;} .item-spec-totator .p-spec-3 {font-size:13px;} .item-spec-totator .item-spec-img-container .sk5, .item-spec-totator .item-spec-img-container .sk10,.item-spec-totator .item-spec-img-container .sk15, .item-spec-totator .item-spec-img-container .sk20, .item-spec-totator .item-spec-img-container .sk25, .item-spec-totator .item-spec-img-container .sk30,.item-spec-totator .item-spec-img-container .sk35, .item-spec-totator .item-spec-img-container .sk40, .item-spec-totator .item-spec-img-container .sk100, .item-spec-totator .item-spec-img-container .sk45, .item-spec-totator .item-spec-img-container .sk50, .item-spec-totator .item-spec-img-container .skTxt { width:167px; height:167px; } } @media (max-width: 999px) and (min-width: 600px) { .item-spec-totator { width:255px; } .item-spec-img-container { height: auto; } div#owl1.owl-carousel.owl-theme.bx-wrapper4.owl-responsive-600.owl-loaded div.owl-stage-outer div.owl-stage div.owl-item.active div.bx-slide4 div.item-spec-totator div.item-spec-img-container img { height: 220px; } .item-spec-totator .item-spec-img-container:hover a.spec-info { padding:9px 30px; left:23%; top:-16%; } .item-spec-totator .p-spec-1 {font-size:18px;} .item-spec-totator .p-spec-2 {font-size:13px;} .item-spec-totator .p-spec-3 {font-size:13px;} .item-spec-totator .item-spec-img-container .sk5, .item-spec-totator .item-spec-img-container .sk10,.item-spec-totator .item-spec-img-container .sk15, .item-spec-totator .item-spec-img-container .sk20, .item-spec-totator .item-spec-img-container .sk25, .item-spec-totator .item-spec-img-container .sk30,.item-spec-totator .item-spec-img-container .sk35, .item-spec-totator .item-spec-img-container .sk40, .item-spec-totator .item-spec-img-container .sk100, .item-spec-totator .item-spec-img-container .sk45, .item-spec-totator .item-spec-img-container .sk50, .item-spec-totator .item-spec-img-container .skTxt { width:125px; height:125px; } .special-offers { padding:30px 0 22px 0; } } @media (max-width: 599px) and (min-width: 260px) { .item-spec-totator { width:255px; } .item-spec-img-container { height: auto; } div#owl1.owl-carousel.owl-theme.bx-wrapper4.owl-responsive-600.owl-loaded div.owl-stage-outer div.owl-stage div.owl-item.active div.bx-slide4 div.item-spec-totator div.item-spec-img-container img { height: 220px; } .item-spec-totator .item-spec-img-container:hover a.spec-info { padding:9px 30px; left:23%; top:-16%; } .item-spec-totator .p-spec-1 {font-size:18px;} .item-spec-totator .p-spec-2 {font-size:13px;} .item-spec-totator .p-spec-3 {font-size:13px;} .item-spec-totator .item-spec-img-container .sk5, .item-spec-totator .item-spec-img-container .sk10,.item-spec-totator .item-spec-img-container .sk15, .item-spec-totator .item-spec-img-container .sk20, .item-spec-totator .item-spec-img-container .sk25, .item-spec-totator .item-spec-img-container .sk30,.item-spec-totator .item-spec-img-container .sk35, .item-spec-totator .item-spec-img-container .sk40, .item-spec-totator .item-spec-img-container .sk100, .item-spec-totator .item-spec-img-container .sk45, .item-spec-totator .item-spec-img-container .sk50, .item-spec-totator .item-spec-img-container .skTxt { width:100px; height:100px; } .special-offers { padding:20px 0 0 0; } } .item-spec-totator IMG { width:100%; margin:0px 0px 10px 0px; display: block; position: relative; } .item-spec-totator IMG { -webkit-transition: all 2s linear; -moz-transition: all 2s linear; -o-transition: all 2s linear; -ms-transition: all 2s linear; transition: all 2s linear; } .item-spec-totator:hover IMG { -webkit-transition: all 9s linear; -moz-transition: all 9s linear; -o-transition: all 9s linear; -ms-transition: all 9s linear; transition: all 9s linear; -webkit-transform: scale(1.2,1.2); -moz-transform: scale(1.2,1.2); -o-transform: scale(1.2,1.2); -ms-transform: scale(1.2,1.2); transform: scale(1.2,1.2); } .item-spec-totator .p-spec-1 {text-align:center; padding: 17px 0 10px 0; text-transform:uppercase;} .item-spec-totator .p-spec-2 {text-align:center; font-weight:bold; padding: 0 0 10px 0; line-height:100%; color:#a89561;} .item-spec-totator .p-spec-3 {text-align:center; line-height:125%; padding: 0 7px 0 3px;} .item-spec-totator .item-spec-img-container .sk5, .item-spec-totator .item-spec-img-container .sk10, .item-spec-totator .item-spec-img-container .sk15, .item-spec-totator .item-spec-img-container .sk20, .item-spec-totator .item-spec-img-container .sk25, .item-spec-totator .item-spec-img-container .sk30, .item-spec-totator .item-spec-img-container .sk35, .item-spec-totator .item-spec-img-container .sk40, .item-spec-totator .item-spec-img-container .sk100, .item-spec-totator .item-spec-img-container .sk45, .item-spec-totator .item-spec-img-container .sk50, .item-spec-totator .item-spec-img-container .skTxt { position: relative; padding: 10px 0; background-repeat: no-repeat; margin: 10px auto 10px; background-size: cover; } .item-spec-totator .item-spec-img-container .sk5 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_5.png); } .item-spec-totator .item-spec-img-container .sk10 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_10.png); } .item-spec-totator .item-spec-img-container .sk15 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_15.png); } .item-spec-totator .item-spec-img-container .sk20 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_20.png); } .item-spec-totator .item-spec-img-container .sk25 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_25.png); } .item-spec-totator .item-spec-img-container .sk30 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_30.png); } .item-spec-totator .item-spec-img-container .sk35 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_35.png); } .item-spec-totator .item-spec-img-container .sk40 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_40.png); } .item-spec-totator .item-spec-img-container .sk45 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_45.png); } .item-spec-totator .item-spec-img-container .sk50 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_none.png); } .item-spec-totator .item-spec-img-container .sk100 { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_100.png); } .item-spec-totator .item-spec-img-container .skTxt { background-image: url(http://tryluck.yahonty.ru/img/img/spec/skidka_txt.png); } .item-spec-totator .item-spec-img-container .sk5, .item-spec-totator .item-spec-img-container .sk10, .item-spec-totator .item-spec-img-container .sk15, .item-spec-totator .item-spec-img-container .sk20, .item-spec-totator .item-spec-img-container .sk25, .item-spec-totator .item-spec-img-container .sk30, .item-spec-totator .item-spec-img-container .sk35, .item-spec-totator .item-spec-img-container .sk40, .item-spec-totator .item-spec-img-container .sk100, .item-spec-totator .item-spec-img-container .sk45, .item-spec-totator .item-spec-img-container .sk50 , .item-spec-totator .item-spec-img-container .skTxt { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(45px); -moz-transform: translateY(45px); -o-transform: translateY(45px); -ms-transform: translateY(45px); transform: translateY(45px); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } .item-spec-totator .item-spec-img-container:hover .sk5, .item-spec-totator .item-spec-img-container:hover .sk10, .item-spec-totator .item-spec-img-container:hover .sk15, .item-spec-totator .item-spec-img-container:hover .sk20, .item-spec-totator .item-spec-img-container:hover .sk25, .item-spec-totator .item-spec-img-container:hover .sk30, .item-spec-totator .item-spec-img-container:hover .sk35, .item-spec-totator .item-spec-img-container:hover .sk40, .item-spec-totator .item-spec-img-container:hover .sk100, .item-spec-totator .item-spec-img-container:hover .sk45, .item-spec-totator .item-spec-img-container:hover .sk50, .item-spec-totator .item-spec-img-container:hover .skTxt { -webkit-transform: translateY(-500px); -moz-transform: translateY(-500px); -o-transform: translateY(-500px); -ms-transform: translateY(-500px); transform: translateY(-500px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 1; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .item-spec-img-container {overflow:hidden; max-height:273px;} .item-spec-totator .item-spec-img-container a.spec-info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; /* -webkit-transition: all 0.1s ease-in-out; -moz-transition: all 0.1s ease-in-out; -o-transition: all 0.1s ease-in-out; -ms-transition: all 0.1s ease-in-out; transition: all 0.1s ease-in-out; */ } .item-spec-totator .item-spec-img-container:hover a.spec-info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(-90px); -moz-transform: translateY(-90px); -o-transform: translateY(-90px);-ms-transform: translateY(-90px); transform: translateY(-90px); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .item-spec-totator .item-spec-img-container a.spec-info { opacity: 0; text-align: center; position:relative; text-transform: uppercase; text-decoration:none; } .item-spec-totator .item-spec-img-container:hover a.spec-info { border: 2px solid #fff; width: 330px; font-size: 14px; font-weight: bold; line-height: 220%; color: #fff; text-transform: uppercase; text-decoration:none; } .item-spec-totator .item-spec-img-container a.spec-info:hover { background: rgba(255,255,255, 0.3); } .item-spec-totator .item-spec-img-container .mask-spec { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); background-color: rgba(0,39,71, 0); -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s; } .item-spec-totator .item-spec-img-container:hover .mask-spec { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); /*background-color: rgba(0,0,0, 0.5);*/ -webkit-transition: 1s; -moz-transition: 1s; -o-transition: 1s; -ms-transition: 1s; transition: 1s; } .item-spec-img-container .mask-spec { width: 100%; height: 100%; max-height:273px; position: absolute; overflow: hidden; top: 0; left: 0; } /*********/