:root { --red-color: #d9534f; --font-color: #005188; } body{ background: #fff; font-family: 'Jost', sans-serif; font-size:13px; } body.lock{ overflow-y: hidden; } /* @media(min-width:992px){ body.lock{ overflow-y: auto; } } */ .h1, h1{font-size:27px } .h2, h2{font-size:22px } .h3, h3{font-size:17px } .nopaddingleft{padding-left:0px;} .nopaddingright{padding-right:0px;} .cart-mobile .cart-header{ border-radius:0px; 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; padding-top: 24px; padding-bottom: 24px; padding-right: 24px; font-style: normal; font-weight: 400; font-size: 11px; line-height: 16px; z-index: 5; } .cart-mobile { padding-right: 0!important; padding-left: 0!important; } .cart-mobile .cart-header i{ margin-right: 7px; font-size: 22px; } .red{color:#505050;} .left-top .rasp-head {float:right;} .left-top li{float:left;list-style:outside none none;padding-right:15px;} .left-top a{color:#fff;text-decoration:underline;} .left-top a:hover{color:#fff;text-decoration:underline;} .left-top ul{padding:0;} .left-top i{color:#fff;margin-right:5px;} .phone{font-size:20px;font-weight:600;line-height:15px;margin-top:22px;text-align:right;width:190px;} .phone a{color:#333;text-decoration:none;} .phone-text{color:#005188;font-size:12px;font-weight:normal;} .info{color:#d9534f;font-size:13px;font-weight:bold;line-height:16px;margin-top:16px;text-transform:uppercase;} .catalog .col-md-3{padding-left:5px;padding-right:5px;} .info img{padding-right:10px;} .clock{margin-top:6px;color:#929498;border-left:1px solid #eaeaea;font-size:12px;width:245px;} .goods_price{ margin-bottom: 5px; font-weight: 600; font-size: 15px; } .clock .btn { margin-top: 5px; } #feedback-box .h2 { text-transform:uppercase; text-align:center; } .recommends { font-size: 22px !important; margin-top: 20px; margin-bottom: 10px; } .links { margin:20px 0; display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -webkit-box-pack:justify; -ms-flex-pack:justify; justify-content:space-between; } .phone2 { text-align: left; font-weight: normal; border-right: 1px solid #eaeaea; margin-top: 6px; width: 245px; color: #929498; border-left: 1px solid #eaeaea; font-size: 12px; } .logo a:hover, .cart a:hover, .question a:hover, .download-tseni2 a:hover{text-decoration:none;} .download-tseni2:hover{background:#299F53 none repeat scroll 0 0;border:1px solid #299F53;} .cart-header:hover{background:#c9302c none repeat scroll 0 0;} .logo img{width:207px;} .text-logo{color:#005188;display:block;font-size:17px;font-weight:bold;line-height:1;padding-top:20px;text-transform:uppercase;} .str_wrap{color:#fff;} .bottom-panel{float:left;line-height:25px;width:100%;} .filter button{background:#f7f7f7 none repeat scroll 0 0;border:medium none;border-radius:3px;color:#005188;cursor:pointer;font-size:13px;height:32px;outline:medium none;text-decoration:none;width:100%; border: 1px solid #eaeaea;} .filter button:hover{background:#c9302c none repeat scroll 0 0; color: #fff;} .ul_prev{cursor:pointer;padding:0;padding-top:5px;} .ul_style1{color:#005188;list-style-type:none;} .ul_style2{color:#005188;list-style-type:none;} .ul_style3{color:#005188;list-style-type:none;} .ul_style3{border-bottom:1px solid #eaeaea;} .ul_style4{border-bottom:1px solid #eaeaea;} .ul_style4{color:#005188;list-style-type:none;} .ul_style5{color:#005188;list-style-type:none;} .ul_prev .ul_style{font-size:13px;padding:8px;} .ul_prev{border:1px solid #eaeaea;} .ul_style1{border-bottom:1px solid #eaeaea;} .ul_style2{border-bottom:1px solid #eaeaea;} .ul_hide_style{color:#005188;display:none;left:-12px;overflow-x:hidden;position:relative;top:5px;} .back{background:#f7f7f7 none repeat scroll 0 0;} .ul_hide_style > li{text-align:left;list-style-type:none;} .ul_hide_style > li > a{color:#005188;} .ul_hide5 {margin-bottom:5px;} .grey{color:#959595;} .ul_style{ list-style-type: none; } /* Новогодние штучки .garland { height: 30px; background: url("/img/new_year/girlianda.gif") left center/contain repeat-x; } #postcard-popup { position: fixed; transition: .5s; top: 100vh; left: 0; width: 100%; height: 100vh; background: rgba(0,0,0,.5); display: flex; justify-content: center; align-items: center; z-index: 999; } #postcard-popup.visible { top: 0; } #postcard *{ box-sizing: border-box; } #postcard{ width: 330px; height: 480px; display: grid; grid-template-rows: 480px; grid-template-columns: 330px; margin: 0 auto; perspective: 1500px; transition-property: transform; transition-duration: 1s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); transition-delay: initial; cursor: pointer; } #postcard>*{ grid-area: 1/1; width: 100%; height: 100%; } #postcard img{ width: 100%; height: 100%; } #postcard .left-outer{ object-fit: cover; } #postcard :is(.left-inner, .right-inner){ object-fit: contain; } #postcard .card-page{ display: grid; transform-style: preserve-3d; transition: 1s; } #postcard .cart-page-left{ transform-origin: left; } #postcard :is(.left-inner, .right-inner){ padding: 20px; border: 2px solid red; } #postcard .left-inner{ z-index: 2; transform: scaleX(-1); background: white; } #postcard .left-outer{ z-index: 3; backface-visibility: hidden; } #postcard .right-inner{ background: white; } #postcard .cart-page-right{ transform-origin: right; z-index: -1; } #postcard.open{ transform: translateX(50%); } #postcard.open .cart-page-left{ transform: rotateY(-180deg); } #postcard .card-page>*{ grid-area: 1/1; } #call-postcard { position: fixed; display: grid; justify-items: center; left: 3vw; bottom: 5vw; grid-gap: 5px; z-index: 998; color: #e33834; padding: 1em 2em; font-size: 12px; border-radius: 10px; text-align: center; line-height: 150%; cursor: pointer; transition: .5s; } #call-postcard .gift-box { width: 50px; height: 50px; background: url("../img/new_year/gift-box.png") center/contain no-repeat; } #call-postcard:hover { transform: scale(1.2); } #call-postcard>*:nth-child(1){ font-size: 15px; } @media(max-width: 768px) { #call-postcard{ display: none; } } конец новогодних штучек */ .white{background:#fff none repeat scroll 0 0;padding-top:10px;padding-bottom:10px;} .download-tseni2{background:#3cb868 none repeat scroll 0 0;border:1px solid #3cb868;border-radius:4px;color:#ffffff;cursor:pointer;float:right;margin-bottom:7px;padding:3px 9px 7px;text-decoration:none;} .question{background:#d9534f none repeat scroll 0 0;border:1px solid #d9534f;border-radius:4px;color:#ffffff;cursor:pointer;float:right;margin-bottom:7px;margin-right:10px;padding:3px 9px 7px;text-decoration:none;} .question:hover{background:#2e7ec9 none repeat scroll 0 0;border:1px solid #2e7ec9;} .question > a{color:#fff;} .download-tseni2 > a{color:#fff;} .gsc-input{background:rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;} .cse .gsc-control-cse, .gsc-control-cse{padding:0 !important;} .banners{float:left;margin-bottom:15px;} .banner{/*background-image:url("/images/background.png");background-position:0 0;background-repeat:no-repeat;*/color:#fff;font-size:13px;height:177px;padding:20px;} .banner:nth-child(1){background-color:#005188;/*background-position:0 20%;*/} .banner:nth-child(2){background-color:#005188;/*background-position:33% 20%;*/} .banner:nth-child(3){background-color:#005188;/*background-position:66% 20%;margin-right:0;*/} .banners .banner .title{font-size:22px;font-weight:300;line-height:27px;margin-bottom:5px;text-transform:uppercase;} .banners .banner a:hover{color:#fff;opacity:1;} .banners .banner a{border-bottom:1px solid #fff;color:white;display:inline-block;opacity:0.9;text-decoration:none;} @media (min-width:100px) and (max-width:992px){.navbar-blue .navbar-nav > li > a{font-size:14px;} .phone2 { text-align: center; width: 100%; } } .navbar{min-height:30px !important;margin-bottom:0px !important;} .navbar-blue{background:#005188 none repeat scroll 0 0;border:medium none;border-radius:0;} .navbar-nav > li > a{color:#fff;} .navbar-collapse{padding:0;} .navbar-blue .nav .open > a, .navbar-blue .nav .open > a:focus, .navbar-blue .nav .open > a:hover{font-size:14px;background:#1266B1;} .navbar-blue .nav > li > a:hover, .navbar-blue .nav > li > a:focus{text-decoration:none;background-color:#1266B1;} .navbar-blue .navbar-nav > li > a{} .dropdown-submenu{position:relative;} .dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;border-radius:0 6px 6px 6px;} .dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;} .dropdown-submenu:hover>a:after{border-left-color:#555;} .dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;border-radius:6px 0 6px 6px;} .has-children:hover>.dropdown-menu{ display: block; } .navbar-toggle .icon-bar{background:#fff none repeat scroll 0 0;} .navbar-brand{color:#fff;} .sidebar-module-top{background:#fff none repeat scroll 0 0;margin-bottom:5px;margin-top:10px;} .sidebar-module{background:#fff none repeat scroll 0 0;border:1px solid #eaeaea;margin-bottom:10px;margin-top:10px;} .sidebar-module-2{margin-bottom:10px;margin-top:10px;} .sidebar{background:#fff none repeat scroll 0 0;} .subtitle1 div{border-bottom:1px solid #eaeaea;color:#fff;font-size:13px;font-weight:bold;} a.a2, a.a2:visited, a.a2:active{color:#005188;font-size:13px;font-weight:normal;text-decoration:none;line-height:15px;} .a2{display:block;padding:8px;} .subtitle2 div{border-bottom:1px solid #eaeaea;font-size:15px;font-weight:bold;} .elektrod{border-bottom:none!important;} #smesy_grunty, #proizvodim_na_zakaz, #krepezh-po-tipu-materiala, #krepezh-po-tipu-izdeliya, #krepezh-po-tipu-konstrukcii, #rasprodazha{display:none !important;} /* .subtitle2:nth-child(42){display:none;} .subtitle2:nth-child(40){display:none;} .subtitle2:nth-child(38){display:none;} .subtitle2:nth-child(36){display:none;} .subtitle2:nth-child(34){display:none;} .subtitle2:nth-child(32){display:none;} .subtitle2:nth-child(30){display:none;} .subtitle2:nth-child(28){display:none;} .subtitle2:nth-child(26){display:none;} .subtitle2:nth-child(24){display:none;} */ #bolti{display:none !important;} #zaklepki-podbor{display:none !important;} #krepezh-po-razmeru{display:none !important;} .breadcrumbs{ color:#999; font-size:11px; display: inline-block; list-style-type: none; padding-left: 0; margin: 5px 0 0px 0; padding-top: 16px; padding-bottom: 16px; } .breadcrumbs li{ display: inline-block; } @media (min-width:992px) { .breadcrumbs{ padding-top: 24px; padding-bottom: 0; } } .posting{margin-bottom:15px;} .activesubmenu{background:#f7f7f7 none repeat scroll 0 0;padding-top:10px;padding-bottom:10px;} .cats_item{padding-left:15px;line-height:20px;} div.goods_item{background:#fff none repeat scroll 0 0;color:#216fc7;font-weight:normal;padding:5px 5px;text-align:center;margin-bottom:15px;border:1px solid #eaeaea;height: 200px;} @media (max-width: 992px) { div.goods_item{ height: auto; } } div.ccats_item{background:#fff none repeat scroll 0 0;border:1px solid #eaeaea;color:black;min-height:230px;padding-left:5px;padding-right:5px;padding-top:5px;padding-bottom:5px;margin-bottom:27px;} div.ccats_item:hover{border:1px solid #1266b1;} /* div.goods_item:hover{border:1px solid #1266b1;z-index:2;} */ div.ccats_item span{display:block;} div.ccats_item{color:#216fc7;text-align:center;} .goods_item .goods_pic{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .goods_item img{ max-height: 100%; max-width: 100%; -o-object-fit: contain; object-fit: contain; } @media (min-width:992px) { .goods_item.product, .goods_wrapper{ display: -webkit-box; height: 85%; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; cursor:pointer; } .goods_item.product .goods_pic{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; max-height: 150px; } } .ccats_pic{margin-top:px;} .ccats_pic_{ max-height: 138px!important; } /* .ccats_pic_{height:100px;width:100px;} */ .border{border:1px solid #eaeaea;} .add-area { background: #eaeaea; border-radius: 10px; float: left; padding: 15px; text-align:center; } .good-instock{color:#005188;float:left;font-weight:bold;padding-bottom:7px;text-decoration:underline;} .info-dost{color:#929498;float:right;width:128px;} .instock { text-align: center; display: block; } .instock .fa { color: #4cae4c; } .opp3qwe{background:#1266b1 none repeat scroll 0 0;border:1px solid #044f83;border-radius:5px;color:#ffffff;cursor:pointer;float:left;font-size:13px;padding:7px;text-decoration:none;} .ceni{background:#1266b1 none repeat scroll 0 0;border:1px solid #044f83;border-radius:5px;color:#ffffff;cursor:pointer;float:left;font-family:Arial;font-size:13px;height:19px;padding:7px 10px;text-decoration:none;width:140px;} .ceni:hover{background:#1266b1 none repeat scroll 0 0;} .download-tseni:hover{background:#299f53 none repeat scroll 0 0;border:1px solid #299f53;} .download-tseni{background:#3cb868 none repeat scroll 0 0;border:1px solid #3cb868;border-radius:5px;color:#ffffff;cursor:pointer;float:left;font-family:Arial;font-size:13px;margin-right:17px;padding:7px 9px;text-decoration:none;width:142px;} .formulation1{color:#929498;float:left;width:43%;} .formulation2{color:#929498;float:left;margin-left:17px;width:43%;} .formulation3{color:#929498;float:left;margin-left:17px;width:43%;} @media (min-width:220px) and (max-width:767px){ .phone:nth-child(2){border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;margin-bottom:0;padding-bottom:10px;padding-top:10px;text-align:center;width:100%;} .left-top li {float:none;padding-right:0;} .left-top li .rasp-head-2 {float:none;padding:0;} .rasp-head-2 {text-align:center!important;float:none!important;} .rasp-head {float:none!important;} .phone:nth-child(3){border-bottom:1px solid #eaeaea;margin-top:10px;padding-bottom:10px;text-align:center;width:100%;} .logo img{width:82px;} .logo{margin:0 auto;padding-bottom:6px;padding-top:6px;text-align:left;width:200px;} .info{margin:10px auto;width:220px;} .clock{display:none;} .home-map{display:none;} .left-top li:nth-child(1){display:none;} .left-top li:nth-child(3){display:none;} .footer{background:#333 !important;background-image:none;} .navbar-blue .navbar-nav > li{margin-left:15px;} .dropdown-menu > li > a{color:#fff;} .home-content h1{font-size:16px;font-weight:bold;} .row.mobile{padding:0;margin:0;} body{background:#fff;} .category{border:1px solid #eaeaea;margin-bottom:15px;} .border-good{margin-top:15px;float:left;width:100%;} } @media (min-width:767px) and (max-width:980px){.border-good{margin-bottom:15px;float:left;width:100%;} } @media (min-width:980px) and (max-width:1200px){.phone{font-size:18px;} .logo img{height:70px;width:auto;} .text-logo{font-size:14px;} } .main{background:#fff none repeat scroll 0 0;} .home-content{background:#fff none repeat scroll 0 0;} .category{min-height:170px;border:1px solid #eaeaea;width:48.095%;margin-bottom:15px;margin-left:15px;padding:15px;float:left;} .img-category{float:left;padding:10px;width:148px;} .category-title{font-size:15px;font-weight:bold;} .category-desc{font-size:13px;line-height:18px;} .category .sublinks-category{padding-left: 148px;} .category a{text-decoration:none;} .img-category img{height:110px;} .manager > a > img{border-radius:80px;text-align:center;display:inline;} .manager > h3{color:#1266b1;font-size:16px;} .manager{text-align:center;} .manager{border:1px solid #eaeaea;min-height:320px;padding:16px 24px;text-align:center;} .brands{margin-bottom:20px;text-align:center;} #brands{margin-top:10px;} .brand img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);-webkit-filter:gray;filter:gray;-webkit-transition:all 1s;-o-transition:all 1s;transition:all 1s;opacity:0.70;} .brand img:hover{-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;opacity:1;} .footer{background:#333 url("/images/background.png") repeat-y;clear:both;min-height:230px;padding-top:20px;padding-bottom:20px;} .f-footer{color:#ffffff;font-size:19px;font-weight:normal;} .footer ul{padding:0;margin-top:10px;} .footer ul li{list-style:none;} .footer a{color:#ffffff;font-size:13px;font-weight:normal;text-decoration:none;} .footer a:hover{color:#337ab7;} .footer-bottom{background:#3c3c3c none repeat scroll 0 0;color:#fff;padding-bottom:20px;padding-top:20px;} .footer-bottom a{color:#fff;} .cart-header{background:#005188 none repeat scroll 0 0;border-radius:3px;text-align:center;line-height:33px;} .cart-header i, .cart-header a{color:#fff;} .slider-homne{margin-bottom:15px;float:left;width:100%;padding-right:15px;} .slide{width:200px;} @media (max-width:768px){.slide{width:100px;}.category .sublinks-category{padding-left: 0;} } .lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none} .lightSlider:before, .lightSlider:after{content:" ";display:table;} .lightSlider{overflow:hidden;margin:0;} .lSSlideWrapper{max-width:100%;overflow:hidden;position:relative;} .lSSlideWrapper > .lightSlider:after{clear:both;} .lSSlideWrapper .lSSlide{-webkit-transform:translate(0px, 0px);-ms-transform:translate(0px, 0px);transform:translate(0px, 0px);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform;-webkit-transition-duration:inherit !important;-o-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-timing-function:inherit !important;-o-transition-timing-function:inherit !important;transition-timing-function:inherit !important;} .lSSlideWrapper .lSFade{position:relative;} .lSSlideWrapper .lSFade > *{position:absolute !important;top:0;left:0;z-index:9;margin-right:0;width:100%;} .lSSlideWrapper.usingCss .lSFade > *{opacity:0;-webkit-transition-delay:0s;-o-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit !important;-o-transition-duration:inherit !important;transition-duration:inherit !important;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit !important;-o-transition-timing-function:inherit !important;transition-timing-function:inherit !important;} .lSSlideWrapper .lSFade > *.active{z-index:10;} .lSSlideWrapper.usingCss .lSFade > *.active{opacity:1;} .lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center;} .lSSlideOuter .lSPager.lSpg > li{cursor:pointer;display:inline-block;padding:0 5px;} .lSSlideOuter .lSPager.lSpg > li a{background-color:#222222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all 0.5s linear 0s;-o-transition:all 0.5s linear 0s;transition:all 0.5s linear 0s;} .lSSlideOuter .lSPager.lSpg > li:hover a, .lSSlideOuter .lSPager.lSpg > li.active a{background-color:#428bca;} .lSSlideOuter .media{opacity:0.8;} .lSSlideOuter .media.active{opacity:1;} .lSSlideOuter .lSPager.lSGallery{list-style:none outside none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0px, 0px, 0px);-moz-transform:translate3d(0px, 0px, 0px);-ms-transform:translate3d(0px, 0px, 0px);-webkit-transform:translate3d(0px, 0px, 0px);-o-transform:translate3d(0px, 0px, 0px);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius 0.12s linear 0s 0.35s linear 0s;-o-transition:border-radius 0.12s linear 0s 0.35s linear 0s;transition:border-radius 0.12s linear 0s 0.35s linear 0s;} .lSSlideOuter .lSPager.lSGallery li.active, .lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px;} .lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%;} .lSSlideOuter .lSPager.lSGallery:before, .lSSlideOuter .lSPager.lSGallery:after{content:" ";display:table;} .lSSlideOuter .lSPager.lSGallery:after{clear:both;} .lSAction > a{background-image:url("../img/arrow-slide.png");cursor:pointer;display:block;height:40px;margin-top:-19px;opacity:0.5;position:absolute;top:50%;-webkit-transition:opacity 0.35s linear 0s;-o-transition:opacity 0.35s linear 0s;transition:opacity 0.35s linear 0s;width:24px;z-index:99;} .lSAction > a:hover{opacity:1;} .lSAction > .lSPrev{background-position:0px 120px;left:10px;} .lSAction > .lSNext{right:10px;} .lSAction > a.disabled{pointer-events:none;} .cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden;} .lSSlideOuter.vertical{position:relative;} .lSSlideOuter.vertical.noPager{padding-right:0px !important;} .lSSlideOuter.vertical .lSGallery{position:absolute !important;right:0;top:0;} .lSSlideOuter.vertical .lightSlider > *{width:100% !important;max-width:none !important;} .lSSlideOuter.vertical .lSAction > a{left:50%;margin-left:-14px;margin-top:0;} .lSSlideOuter.vertical .lSAction > .lSNext{background-position:31px -31px;bottom:10px;top:auto;} .lSSlideOuter.vertical .lSAction > .lSPrev{background-position:0 -31px;bottom:auto;top:10px;} .lSSlideOuter.lSrtl{direction:rtl;} .lSSlideOuter .lightSlider, .lSSlideOuter .lSPager{padding-left:0;list-style:none outside none;} .lSSlideOuter.lSrtl .lightSlider, .lSSlideOuter.lSrtl .lSPager{padding-right:0;} .lSSlideOuter .lightSlider > *, .lSSlideOuter .lSGallery li{float:left;} .lSSlideOuter.lSrtl .lightSlider > *, .lSSlideOuter.lSrtl .lSGallery li{float:right !important;} @-webkit-keyframes rightEnd{0%{left:0;} 50%{left:-15px;} 100%{left:0;} } @keyframes rightEnd{0%{left:0;} 50%{left:-15px;} 100%{left:0;} } @-webkit-keyframes topEnd{0%{top:0;} 50%{top:-15px;} 100%{top:0;} } @keyframes topEnd{0%{top:0;} 50%{top:-15px;} 100%{top:0;} } @-webkit-keyframes leftEnd{0%{left:0;} 50%{left:15px;} 100%{left:0;} } @keyframes leftEnd{0%{left:0;} 50%{left:15px;} 100%{left:0;} } @-webkit-keyframes bottomEnd{0%{bottom:0;} 50%{bottom:-15px;} 100%{bottom:0;} } @keyframes bottomEnd{0%{bottom:0;} 50%{bottom:-15px;} 100%{bottom:0;} } .lSSlideOuter .rightEnd{-webkit-animation:rightEnd 0.3s;animation:rightEnd 0.3s;position:relative;} .lSSlideOuter .leftEnd{-webkit-animation:leftEnd 0.3s;animation:leftEnd 0.3s;position:relative;} .lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd 0.3s;animation:topEnd 0.3s;position:relative;} .lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd 0.3s;animation:bottomEnd 0.3s;position:relative;} .lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd 0.3s;animation:leftEnd 0.3s;position:relative;} .lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd 0.3s;animation:rightEnd 0.3s;position:relative;} .lightSlider.lsGrab > *{cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;} .lightSlider.lsGrabbing > *{cursor:move;cursor:-webkit-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing;} #colorbox, #cboxOverlay, #cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden;-webkit-transform:translate3d(0,0,0);} #cboxWrapper{max-width:none;} #cboxOverlay{position:fixed;width:100%;height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto;-webkit-overflow-scrolling:touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%;height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .image-modal #cboxClose{background:rgba(0, 0, 0, 0) url("/images/controls.png") no-repeat scroll -25px 0;height:22px;position:absolute;right:0;text-indent:-9999px;top:90px;width:25px;} .cboxPhoto{float:left;margin:auto;border:0;display:block;max-width:none;-ms-interpolation-mode:bicubic;} .cboxIframe{width:100%;height:100%;display:block;border:0;padding:0;margin:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;} #cboxOverlay{opacity:0.3;filter:alpha(opacity = 90);background:#eaeaea none repeat scroll 0 0;} #colorbox{outline:0;} #cboxTopLeft{width:21px;height:21px;} #cboxTopRight{width:21px;height:21px;} #cboxBottomLeft{width:21px;height:21px;} #cboxBottomRight{width:21px;height:21px;} #cboxMiddleLeft{width:21px;} #cboxMiddleRight{width:21px;} #cboxContent{overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px;border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:28px;} #cboxTitle{position:absolute;bottom:4px;left:0;text-align:center;width:100%;color:#949494;} #cboxCurrent{position:absolute;bottom:4px;left:58px;color:#949494;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0;padding:0;margin:0;overflow:visible;width:auto;background:none;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;} #cboxSlideshow{position:absolute;bottom:4px;right:30px;color:#0092ef;} #cboxPrevious{position:absolute;bottom:0;left:0;background:url(/images/controls.png) no-repeat -75px 0;width:25px;height:25px;text-indent:-9999px;} #cboxPrevious:hover{background-position:-75px -25px;} #cboxNext{position:absolute;bottom:0;left:27px;background:url(/images/controls.png) no-repeat -50px 0;width:25px;height:25px;text-indent:-9999px;} #cboxNext:hover{background-position:-50px -25px;} #cboxClose{background:rgba(0, 0, 0, 0) url("/images/controls.png") no-repeat scroll -25px 0;height:22px;position:absolute;right:0;text-indent:-9999px;top:30px;width:25px;} #cboxClose:hover{background-position:-25px -25px;} .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);} .form_hint, .required_notification{font-size:13px;} .contact_form{background:#fff none repeat scroll 0 0;overflow:hidden;padding:20px;border-radius:3px;padding-bottom:40px;} .contact_form p{margin:7px 10px 7px 10px;padding:0px;} .contact_form label{width:80px;margin-top:3px;display:inline-block;float:left;padding:3px;} .contact_form input{height:20px;width:235px;padding:5px 8px;} .contact_form textarea{padding:8px;width:100px;} .contact_form button{} .contact_form input, .contact_form textarea{border:1px solid #aaa;-webkit-box-shadow:0px 0px 3px #ccc, 0 10px 15px #eee inset;box-shadow:0px 0px 3px #ccc, 0 10px 15px #eee inset;border-radius:2px;padding-right:30px;-webkit-transition:padding .25s;-o-transition:padding .25s;transition:padding .25s;} .contact_form input:focus, .contact_form textarea:focus{background:#fff;border:1px solid #555;-webkit-box-shadow:0 0 3px #aaa;box-shadow:0 0 3px #aaa;} .contact_form input:required, .contact_form textarea:required{background:#fff no-repeat 98% center;} .contact_form input:required:valid, .contact_form textarea:required:valid{background:#fff no-repeat 98% center;-webkit-box-shadow:0 0 5px #5cd053;box-shadow:0 0 5px #5cd053;border-color:#004F94;} .contact_form input:focus:invalid, .contact_form textarea:focus:invalid{background:#fff no-repeat 98% center;-webkit-box-shadow:0 0 5px #004F94;box-shadow:0 0 5px #004F94;border-color:#004F94} .btn-zvonok{background:#0088cc none repeat scroll 0 0;border:1px solid #0088cc;border-radius:3px;-webkit-box-shadow:0 2px 0 0 #006699;box-shadow:0 2px 0 0 #006699;color:#ffffff;cursor:pointer;font-size:13px;text-align:center;text-decoration:none;text-transform:uppercase;} .form_hint{background:#d45252;border-radius:3px 3px 3px 3px;color:white;margin-left:8px;padding:1px 6px;z-index:999;position:absolute;display:none;} .form_hint::before{content:"\25C0";color:#d45252;position:absolute;top:1px;left:-6px;} .contact_form input:focus + .form_hint{display:block;float:left;margin-top:50px;} .contact_form input:required:valid + .form_hint{background:#28921f;} .contact_form input:required:valid + .form_hint::before{color:#28921f;} .gsc-input-box{height:auto !important;} .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{height:auto !important;margin-top:0 !important;width:auto !important;padding:6px 27px;} td.gsc-input::before{color:#999;content:"Введите название товара";font-size:14px;position:absolute;top:14px;margin-left:15px;} form.gsc-search-box:hover td.gsc-input::before{content:"";} td.gsc-search-button{width:auto !important;} .cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2{height:auto !important;margin-top:0;min-width:auto !important;padding:0 !important;width:auto !important;} .gsc-search-box-tools .gsc-search-box .gsc-input{padding-right:0 !important;} td.gsc-search-button{width:auto !important;background:#005188;text-align:center;cursor:pointer;} .gsc-search-button{height:26px;} .products-tabs{margin-top:20px;} .products table td{border:1px solid #eaeaea;padding:3px;} .spec-good > ul{padding-left:13px;} .border-good{border:1px solid #eaeaea;padding-top:10px;padding-bottom:1px;padding-left:13px;padding-right:10px;} .spec-good li{font-size:12px;} .spec-good h4 {margin:0;} a.a1_cur{color:#d9534f;} .products-image{text-align:center;} .products-image img{ max-width: 100%; } #search .input-group{ width: 100%; } .icon-truck{color:#505050;font-size:25px;float:left;padding-right:10px;} .border-good:nth-child(2){margin-top:15px;} .home{background:#fff;} .greybg{background:#eaeaea;line-height:30px;} .paadingbottom{margin-bottom:15px;} @media (min-width:992px) and (max-width:1200px){.phone{font-size:16px;width:170px;} .border-good{margin-top:15px;min-height:130px;} .info{width:221px;} #\38 8 {padding-right:0px;} } @media (min-width:1200px){.border-good:nth-child(1){margin-bottom:15px;} } @media (min-width:320px) and (max-width:760px){.top-panel{margin-top:0px;} h1{font-size:18px;} .dilevery{text-align:center!important;} li .adress{text-align:center!important;} .btn {margin-top:10px;margin-bottom:10px;} .headboard {text-align:center!important;line-height: 22px!important;margin-top:40px!important;margin-bottom:5px!important;} } .home .col-md-3.cart{padding-right:0;} input.gsc-search-button.gsc-search-button-v2{position:relative !important;top:4px !important;} .banners .col-md-4:nth-child(1){padding-left:0px;padding-right:5px;} .banners .col-md-4:nth-child(2){padding-left:5px;padding-right:5px;} .news .col-md-4:nth-child(3){padding-left:0;padding-right:30px;} /*.banners .col-md-4:nth-child(3){padding-left:5px;}*/ .newtitle{color:#005188;} .category{min-height:170px;border:1px solid #eaeaea;} #tab-4 .col-md-3{margin-bottom:15px;} @media (max-width:991px){.banners .col-md-4:nth-child(1){padding-left:0px;padding-right:0px;margin-bottom:15px;} .banners .col-md-4:nth-child(2){padding-left:0px;padding-right:0px;margin-bottom:15px;} .banners .col-md-4:nth-child(3){padding-left:0px;padding-right:0px;} .news .col-md-4:nth-child(3){padding-left:10px !important;} .newline{border:none !important;} } @media (min-width:600px) and (max-width:1187px){.nav > li > a{padding:5px 5px !important;} a.showinfo{font-size:12px;} .text-filter{font-size:12px;} } .otstupvniz{margin-bottom:10px;} .newline{border:1px solid #eaeaea;padding:10px;} .news .col-md-4:nth-child(1){padding-right:0px;padding-left:15px;} .news .col-md-4:nth-child(2){padding-left:10px;padding-right:10px;} .news .col-md-4:nth-child(3){padding-left:0;} #tab-1 .row .img-responsive{margin-bottom:15px;} #tab-1 .row .col-md-4:nth-child(1){padding-right:5px;} #tab-1 .row .col-md-4:nth-child(2){padding-right:10px;padding-left:10px;} #tab-1 .row .col-md-4:nth-child(3){padding-right:15px;padding-left:5px;} .marginright{margin-right:10px;} .article-title{padding-top:10px;padding-bottom:20px;} @media (max-width:990px){.navbar-header{float:none;} .navbar-left,.navbar-right{float:none !important;} .navbar-toggle{display:block;} .navbar-collapse{border-top:1px solid transparent;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);box-shadow:inset 0 1px 0 rgba(255,255,255,0.1);} .navbar-fixed-top{top:0;border-width:0 0 1px;} .navbar-collapse.collapse{display:none!important;} .navbar-nav{float:none!important;margin-top:7.5px;} .navbar-nav>li{float:none;} .navbar-nav>li>a{padding-top:10px;padding-bottom:10px;} .collapse.in{display:block !important;} } .dilevery{text-align:right;} .logo.col-md-2.col-sm-4{padding-right:0 !important;padding-left:14px;} @media (min-width:100px) and (max-width:767px){.category{width:91%;} .img-category{float:none;padding:10px;width:100%;text-align:center;} } @media (min-width:100px) and (max-width:767px){#tab-1 .row .col-md-4:nth-child(1){padding-right:15px;} #tab-1 .row .col-md-4:nth-child(2){padding-right:15px;padding-left:15px;} #tab-1 .row .col-md-4:nth-child(3){padding-right:15px;padding-left:15px;} } @media (min-width:768px) and (max-width:992px){.nopaddingright{padding-right:30px !important;padding-left:30px !important;} .nopaddingleft{padding-left:15px !important;} td.gsc-input::before{top:5px !important;} .ban{margin-left:0px;margin-right:0px;} .news{margin-left:0px;margin-right:0px;} .category{width:96.095%;min-height:150px;} .slider-homne{padding-right:15px;padding-left:15px;} .catproduct .cart{padding-left:45px;padding-right:45px;} .catproduct .search{padding-left:30px;padding-right:30px;} .pageproduct .cart{padding-left:45px;padding-right:45px;} .pageproduct .search{padding-left:30px;padding-right:30px;} .border{border:none;} } @media (min-width:1200px){.content{min-height:604px;} } @media (min-width:992px) and (max-width:1200px){.content{min-height:578px;} } @media (min-width:992px) and (max-width:1200px){.category{min-height:197px;width:47.7%;} .img-category{float:left;padding:10px;width:148px;height:160px;} } @media (min-width:100px) and (max-width:768px){.add-area{float:none;} #refresh{margin-top:20px;} } .open > a.dropdown-toggle{color:#fff !important;} .img-manager{padding-top:25px;} #armatura .cats_item .a1{display:none!important;} .catalog-left #armatura{display:none!important;} #armatura_stoimost, #armatura_optom, #Preimutchestva-i-dostoinstva-kompozitnoi-armatury, #Gde_ispolzuyut, #tablitsa_zamenyayemosti_metallicheskoy_armatury_na_stekloplastikovuyu , #kolichestvo-pogonnykh-metrov-v-odnoy-tonne-armatury, #fotografii_armatury{display:none;} .otdel{text-align:center;} .otdel:hover{cursor:pointer;} .otdel .img-responsive{text-align:center;display:inline-block;} .posting .modal.visible{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: rgba(0,0,0,.5); opacity: 1; } .posting .employee-cards { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; justify-items: center; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .h111{ margin-bottom: 24px; } @media(min-width:992px){ .h111{ margin-top: 32px; margin-bottom: 24px; } } .catalog-left .a2{ } .row-flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;} .error .category{min-height:200px;} .row.images img{margin-bottom:15px;} .row.images .col-md-6:nth-child(2n){padding-right:15px;padding-left:5px;} .row.images .col-md-6:nth-child(2n+1){padding-right:5px;padding-left:15px;} .p-main{height:18px;margin:45px auto 5px;color:#4cae4c;} .price-main{height:18px;margin:45px auto 5px;} .hit4{background:rgba(0, 0, 0, 0) url("/img/flag.png") repeat scroll 0 0;display:inline-block;float:left;height:24px;left:-21px;margin-bottom:-107px;position:relative;top:40px;width:60px;font-size:13px;color:#333;} .hit3{background:rgba(0, 0, 0, 0) url("/img/flag-2.png") repeat scroll 0 0;display:inline-block;float:left;height:24px;left:-21px;margin-bottom:-107px;position:relative;top:40px;width:68px;font-size:13px;color:#fff;} .goods_name1{width:109px;margin:auto;} .goods_name{ margin:auto; margin-bottom: 5px; font-weight: 600; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: 40px; } img.icon-social{margin-right:5px;float:left;} .img-logo{float:left;} .center{text-align:center;} .sale{padding-top:19px;} .sale i{color:#c9302c;} .img-category-2{float:left;padding:10px;width:148px;min-height:205px;} .img-category-2 img{height:110px;} .for-the-regions{margin-bottom:20px;width:100%;} .for-the-regions-2{width:100%;} .goods_pic, .goods_name:hover{cursor:pointer;text-decoration:underline;} .recommend{padding-left:15px;padding-right:15px;padding-bottom: 15px;} .recommend .goods_item .goods_pic a{ width: 100%; } .recommend .goods_item img{ height: auto; } .recommend .col-md-4{padding-left:0;padding-right:0;} .diplomi .col-md-4{padding-bottom:30px;} .slider a{text-decoration:none;color:#fff;} .slider a:hover{color:#E1D6D6;} .copyright-foot{clear:both;padding-top:5px;} .btn-group-sm > .btn, .btn-sm{font-size:13px;} .agreement{font-size:8pt;} #fa-fa-fa{float:right;} #cart-agreement{padding-left:10px;padding-right:10px;} .colmd1{min-height:182px;} .colmd2{min-height:182px;} .colmd3{min-height:182px;} .colmd4{min-height:182px;} .colmd5{min-height:251px;} .colmd6{min-height:251px;} .colmd7{min-height:182px;} .colmd8{min-height:182px;} .colmd8-2{min-height:220px;} .colmd8-3{min-height:182px;} .colmd9{min-height:182px;} .colmd10{min-height:182px;} @media (max-width:1025px) and (min-width:1020px){.colmd8-2{min-height:270px;} .colmd8-3{min-height:215px;} } @media (max-width:1200px) and (min-width:992px){.colmd1{min-height:198px;} .colmd2{min-height:198px;} .colmd3{min-height:238px;} .colmd4{min-height:238px;} .colmd5{min-height:286px;} .colmd6{min-height:286px;} .colmd7{min-height:198px;} .colmd8{min-height:198px;} .colmd9{min-height:198px;} .colmd10{min-height:198px;} .newline{min-height:130px;} .nav>li>a{position:relative;display:block;padding:15px 8px;} .navbar-blue .navbar-nav > li > a{font-size:14px;} .navbar-blue .nav .open > a, .navbar-blue .nav .open > a:focus, .navbar-blue .nav .open > a:hover{font-size:13px;} } .home-map iframe{width:100%;} .r-tabs .r-tabs-nav{margin:0;padding:0;} .r-tabs .r-tabs-tab{display:inline-block;margin:0;list-style:none;} .r-tabs .r-tabs-panel{padding:15px;display:none;} .r-tabs .r-tabs-accordion-title{display:none;} .r-tabs .r-tabs-panel.r-tabs-state-active{display:block;} @media only screen and (max-width:768px){.r-tabs .r-tabs-nav{display:none;} .r-tabs .r-tabs-accordion-title{display:block;} .border-good{padding-bottom:21px;} .btn {margin-top:5px;margin-bottom:5px;} } .r-tabs{position:relative;background-color:#eaeaea;border-top:1px solid #eaeaea;border-right:1px solid #eaeaea;border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea;} .r-tabs .r-tabs-nav .r-tabs-tab{position:relative;background-color:#eaeaea;} .r-tabs .r-tabs-nav .r-tabs-anchor{display:inline-block;padding:10px 12px;text-decoration:none;font-size:14px;color:#333;} .r-tabs .r-tabs-nav .r-tabs-state-disabled{opacity:0.5;} .r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor{color:#333;background-color:white;} .r-tabs .r-tabs-panel{background-color:white;} .r-tabs .r-tabs-accordion-title .r-tabs-anchor{display:block;padding:10px;background-color:#eaeaea;color:#333;text-decoration:none;font-size:14px;} .r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor{background-color:#eaeaea;color:#333;text-shadow:none;font-weight:normal;} .r-tabs .r-tabs-accordion-title.r-tabs-state-disabled{opacity:0.5;} .str_wrap{-moz-user-select:none;overflow:hidden;position:relative;top:0px;white-space:nowrap;} .str_wrap.str_active{} .str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move;} .str_move_clone{display:inline-block;//display:inline;//zoom:1;vertical-align:top;position:absolute;left:100%;top:0;} .str_vertical .str_move_clone{left:0;top:100%;} .str_down .str_move_clone{left:0;bottom:100%;} .str_vertical .str_move, .str_down .str_move{white-space:normal;width:100%;} .str_static .str_move, .no_drag .str_move, .noStop .str_move{cursor:inherit;} .str_wrap img{max-width:none !important;} @charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;} .animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;} @-webkit-keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} 40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} 70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);} } @keyframes bounce{0%, 20%, 53%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} 40%, 43%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-o-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0);} 70%{-webkit-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-o-transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);transition-timing-function:cubic-bezier(0.755, 0.050, 0.855, 0.060);-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0);} 90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0);} } .bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;-ms-transform-origin:center bottom;transform-origin:center bottom;} @-webkit-keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} } @keyframes flash{0%, 50%, 100%{opacity:1;} 25%, 75%{opacity:0;} } .flash{-webkit-animation-name:flash;animation-name:flash;} @-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes pulse{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .pulse{-webkit-animation-name:pulse;animation-name:pulse;} @-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);} 40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);} 50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);} 65%{-webkit-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1);} 75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes rubberBand{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1);} 40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1);} 50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1);} 65%{-webkit-transform:scale3d(.95, 1.05, 1);transform:scale3d(.95, 1.05, 1);} 75%{-webkit-transform:scale3d(1.05, .95, 1);transform:scale3d(1.05, .95, 1);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand;} @-webkit-keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} } @keyframes shake{0%, 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} 10%, 30%, 50%, 70%, 90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 20%, 40%, 60%, 80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} } .shake{-webkit-animation-name:shake;animation-name:shake;} @-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);} 100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);} } @keyframes swing{20%{-webkit-transform:rotate3d(0, 0, 1, 15deg);transform:rotate3d(0, 0, 1, 15deg);} 40%{-webkit-transform:rotate3d(0, 0, 1, -10deg);transform:rotate3d(0, 0, 1, -10deg);} 60%{-webkit-transform:rotate3d(0, 0, 1, 5deg);transform:rotate3d(0, 0, 1, 5deg);} 80%{-webkit-transform:rotate3d(0, 0, 1, -5deg);transform:rotate3d(0, 0, 1, -5deg);} 100%{-webkit-transform:rotate3d(0, 0, 1, 0deg);transform:rotate3d(0, 0, 1, 0deg);} } .swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing;} @-webkit-keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes tada{0%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} 10%, 20%{-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);} 30%, 50%, 70%, 90%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);} 40%, 60%, 80%{-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);} 100%{-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .tada{-webkit-animation-name:tada;animation-name:tada;} @-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none;} 15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} 100%{-webkit-transform:none;transform:none;} } @keyframes wobble{0%{-webkit-transform:none;transform:none;} 15%{-webkit-transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);transform:translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);} 30%{-webkit-transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);transform:translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);} 45%{-webkit-transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);transform:translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);} 60%{-webkit-transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);transform:translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);} 75%{-webkit-transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);transform:translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);} 100%{-webkit-transform:none;transform:none;} } .wobble{-webkit-animation-name:wobble;animation-name:wobble;} @-webkit-keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);} 100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } @keyframes bounceIn{0%, 20%, 40%, 60%, 80%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 20%{-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 40%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 60%{opacity:1;-webkit-transform:scale3d(1.03, 1.03, 1.03);transform:scale3d(1.03, 1.03, 1.03);} 80%{-webkit-transform:scale3d(.97, .97, .97);transform:scale3d(.97, .97, .97);} 100%{opacity:1;-webkit-transform:scale3d(1, 1, 1);transform:scale3d(1, 1, 1);} } .bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn;-webkit-animation-duration:.75s;animation-duration:.75s;} @-webkit-keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);} 75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInDown{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(0, -3000px, 0);transform:translate3d(0, -3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, 25px, 0);transform:translate3d(0, 25px, 0);} 75%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 90%{-webkit-transform:translate3d(0, 5px, 0);transform:translate3d(0, 5px, 0);} 100%{-webkit-transform:none;transform:none;} } .bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown;} @-webkit-keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);} 75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInLeft{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(-3000px, 0, 0);transform:translate3d(-3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(25px, 0, 0);transform:translate3d(25px, 0, 0);} 75%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0);} 90%{-webkit-transform:translate3d(5px, 0, 0);transform:translate3d(5px, 0, 0);} 100%{-webkit-transform:none;transform:none;} } .bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;} @-webkit-keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);} 75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} 90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);} 100%{-webkit-transform:none;transform:none;} } @keyframes bounceInRight{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(3000px, 0, 0);transform:translate3d(3000px, 0, 0);} 60%{opacity:1;-webkit-transform:translate3d(-25px, 0, 0);transform:translate3d(-25px, 0, 0);} 75%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0);} 90%{-webkit-transform:translate3d(-5px, 0, 0);transform:translate3d(-5px, 0, 0);} 100%{-webkit-transform:none;transform:none;} } .bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight;} @-webkit-keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } @keyframes bounceInUp{0%, 60%, 75%, 90%, 100%{-webkit-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);-o-transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);transition-timing-function:cubic-bezier(0.215, 0.610, 0.355, 1.000);} 0%{opacity:0;-webkit-transform:translate3d(0, 3000px, 0);transform:translate3d(0, 3000px, 0);} 60%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 75%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 90%{-webkit-transform:translate3d(0, -5px, 0);transform:translate3d(0, -5px, 0);} 100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);} } .bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp;} @-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} } @keyframes bounceOut{20%{-webkit-transform:scale3d(.9, .9, .9);transform:scale3d(.9, .9, .9);} 50%, 55%{opacity:1;-webkit-transform:scale3d(1.1, 1.1, 1.1);transform:scale3d(1.1, 1.1, 1.1);} 100%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} } .bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut;-webkit-animation-duration:.75s;animation-duration:.75s;} @-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } @keyframes bounceOutDown{20%{-webkit-transform:translate3d(0, 10px, 0);transform:translate3d(0, 10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, -20px, 0);transform:translate3d(0, -20px, 0);} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } .bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown;} @-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } @keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px, 0, 0);transform:translate3d(20px, 0, 0);} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } .bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft;} @-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } @keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px, 0, 0);transform:translate3d(-20px, 0, 0);} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } .bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight;} @-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } @keyframes bounceOutUp{20%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);} 40%, 45%{opacity:1;-webkit-transform:translate3d(0, 20px, 0);transform:translate3d(0, 20px, 0);} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } .bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp;} @-webkit-keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } @keyframes fadeIn{0%{opacity:0;} 100%{opacity:1;} } .fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;} @-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;} @-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig;} @-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;} @-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig;} @-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;} @-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig;} @-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;} @-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOutDown{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } @keyframes fadeOutDown{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 100%, 0);transform:translate3d(0, 100%, 0);} } .fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown;} @-webkit-keyframes fadeOutDownBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } @keyframes fadeOutDownBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, 2000px, 0);transform:translate3d(0, 2000px, 0);} } .fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig;} @-webkit-keyframes fadeOutLeft{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } @keyframes fadeOutLeft{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0);transform:translate3d(-100%, 0, 0);} } .fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft;} @-webkit-keyframes fadeOutLeftBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } @keyframes fadeOutLeftBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(-2000px, 0, 0);transform:translate3d(-2000px, 0, 0);} } .fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig;} @-webkit-keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } @keyframes fadeOutRight{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0);transform:translate3d(100%, 0, 0);} } .fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight;} @-webkit-keyframes fadeOutRightBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } @keyframes fadeOutRightBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(2000px, 0, 0);transform:translate3d(2000px, 0, 0);} } .fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig;} @-webkit-keyframes fadeOutUp{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } @keyframes fadeOutUp{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -100%, 0);transform:translate3d(0, -100%, 0);} } .fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp;} @-webkit-keyframes fadeOutUpBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } @keyframes fadeOutUpBig{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(0, -2000px, 0);transform:translate3d(0, -2000px, 0);} } .fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig;} @-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } @keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -360deg);transform:perspective(400px) rotate3d(0, 1, 0, -360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 40%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} 50%{-webkit-transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);transform:perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 80%{-webkit-transform:perspective(400px) scale3d(.95, .95, .95);transform:perspective(400px) scale3d(.95, .95, .95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} } .animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;} @-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 10deg);transform:perspective(400px) rotate3d(1, 0, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -5deg);transform:perspective(400px) rotate3d(1, 0, 0, -5deg);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } .flipInX{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX;} @-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } @keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;opacity:0;} 40%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -20deg);transform:perspective(400px) rotate3d(0, 1, 0, -20deg);-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in;} 60%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 10deg);transform:perspective(400px) rotate3d(0, 1, 0, 10deg);opacity:1;} 80%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -5deg);transform:perspective(400px) rotate3d(0, 1, 0, -5deg);} 100%{-webkit-transform:perspective(400px);transform:perspective(400px);} } .flipInY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;} @-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;} } @keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, -20deg);transform:perspective(400px) rotate3d(1, 0, 0, -20deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotate3d(1, 0, 0, 90deg);transform:perspective(400px) rotate3d(1, 0, 0, 90deg);opacity:0;} } .flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-animation-duration:.75s;animation-duration:.75s;-webkit-backface-visibility:visible !important;backface-visibility:visible !important;} @-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;} } @keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px);} 30%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, -15deg);transform:perspective(400px) rotate3d(0, 1, 0, -15deg);opacity:1;} 100%{-webkit-transform:perspective(400px) rotate3d(0, 1, 0, 90deg);transform:perspective(400px) rotate3d(0, 1, 0, 90deg);opacity:0;} } .flipOutY{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipOutY;animation-name:flipOutY;-webkit-animation-duration:.75s;animation-duration:.75s;} @-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;} 100%{-webkit-transform:none;transform:none;opacity:1;} } @keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%, 0, 0) skewX(-30deg);transform:translate3d(100%, 0, 0) skewX(-30deg);opacity:0;} 60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1;} 80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1;} 100%{-webkit-transform:none;transform:none;opacity:1;} } .lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;} @-webkit-keyframes lightSpeedOut{0%{opacity:1;} 100%{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;} } @keyframes lightSpeedOut{0%{opacity:1;} 100%{-webkit-transform:translate3d(100%, 0, 0) skewX(30deg);transform:translate3d(100%, 0, 0) skewX(30deg);opacity:0;} } .lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;} @-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1;} } .rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn;} @-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft;} @-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight;} @-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft;} @-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } @keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -90deg);transform:rotate3d(0, 0, 1, -90deg);opacity:0;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1;} } .rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight;} @-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;} } @keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1;} 100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, 200deg);transform:rotate3d(0, 0, 1, 200deg);opacity:0;} } .rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut;} @-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} } @keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, 45deg);transform:rotate3d(0, 0, 1, 45deg);opacity:0;} } .rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft;} @-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } @keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } .rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight;} @-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } @keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1;} 100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0, 0, 1, -45deg);transform:rotate3d(0, 0, 1, -45deg);opacity:0;} } .rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft;} @-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;} } @keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1;} 100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0, 0, 1, 90deg);transform:rotate3d(0, 0, 1, 90deg);opacity:0;} } .rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight;} @-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;} 100%{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;} } @keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 20%, 60%{-webkit-transform:rotate3d(0, 0, 1, 80deg);transform:rotate3d(0, 0, 1, 80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;} 40%, 80%{-webkit-transform:rotate3d(0, 0, 1, 60deg);transform:rotate3d(0, 0, 1, 60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1;} 100%{-webkit-transform:translate3d(0, 700px, 0);transform:translate3d(0, 700px, 0);opacity:0;} } .hinge{-webkit-animation-name:hinge;animation-name:hinge;} @-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} 100%{opacity:1;-webkit-transform:none;transform:none;} } @keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);transform:translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);} 100%{opacity:1;-webkit-transform:none;transform:none;} } .rollIn{-webkit-animation-name:rollIn;animation-name:rollIn;} @-webkit-keyframes rollOut{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } @keyframes rollOut{0%{opacity:1;} 100%{opacity:0;-webkit-transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);transform:translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);} } .rollOut{-webkit-animation-name:rollOut;animation-name:rollOut;} @-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50%{opacity:1;} } @keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 50%{opacity:1;} } .zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;} @-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown;} @-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft;} @-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);transform:scale3d(.1, .1, .1) translate3d(1000px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-10px, 0, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight;} @-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 1000px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 60%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp;} @-webkit-keyframes zoomOut{0%{opacity:1;} 50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 100%{opacity:0;} } @keyframes zoomOut{0%{opacity:1;} 50%{opacity:0;-webkit-transform:scale3d(.3, .3, .3);transform:scale3d(.3, .3, .3);} 100%{opacity:0;} } .zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut;} @-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, -60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, 2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown;} @-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;} } @keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px, 0, 0);transform:scale(.1) translate3d(-2000px, 0, 0);-webkit-transform-origin:left center;transform-origin:left center;} } .zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft;} @-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;} } @keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);transform:scale3d(.475, .475, .475) translate3d(-42px, 0, 0);} 100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px, 0, 0);transform:scale(.1) translate3d(2000px, 0, 0);-webkit-transform-origin:right center;transform-origin:right center;} } .zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight;} @-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } @keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);transform:scale3d(.475, .475, .475) translate3d(0, 60px, 0);-webkit-animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);animation-timing-function:cubic-bezier(0.550, 0.055, 0.675, 0.190);} 100%{opacity:0;-webkit-transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);transform:scale3d(.1, .1, .1) translate3d(0, -2000px, 0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);animation-timing-function:cubic-bezier(0.175, 0.885, 0.320, 1);} } .zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp;} @-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes slideInDown{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%);visibility:visible;} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } .slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown;} @-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes slideInLeft{0%{-webkit-transform:translateX(-100%);transform:translateX(-100%);visibility:visible;} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } .slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft;} @-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } @keyframes slideInRight{0%{-webkit-transform:translateX(100%);transform:translateX(100%);visibility:visible;} 100%{-webkit-transform:translateX(0);transform:translateX(0);} } .slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight;} @-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } @keyframes slideInUp{0%{-webkit-transform:translateY(100%);transform:translateY(100%);visibility:visible;} 100%{-webkit-transform:translateY(0);transform:translateY(0);} } .slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp;} @-webkit-keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);} } @keyframes slideOutDown{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{visibility:hidden;-webkit-transform:translateY(100%);transform:translateY(100%);} } .slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown;} @-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);} } @keyframes slideOutLeft{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{visibility:hidden;-webkit-transform:translateX(-100%);transform:translateX(-100%);} } .slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft;} @-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);} } @keyframes slideOutRight{0%{-webkit-transform:translateX(0);transform:translateX(0);} 100%{visibility:hidden;-webkit-transform:translateX(100%);transform:translateX(100%);} } .slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight;} @-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);} } @keyframes slideOutUp{0%{-webkit-transform:translateY(0);transform:translateY(0);} 100%{visibility:hidden;-webkit-transform:translateY(-100%);transform:translateY(-100%);} } .slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp;} #lbOverlay { position: fixed; top: 0; left: 0; z-index: 99997; width: 100%; height: 100%; } #lbOverlay.black { background-color: #000000; } #lbOverlay.grey { background-color: #000000; } #lbOverlay.red { background-color: #330000; } #lbOverlay.green { background-color: #003300; } #lbOverlay.blue { background-color: #011D50; } #lbOverlay.gold { background-color: #666600; } #lbOverlay.orange { background-color: #FFBB48; } #lbMain { position: absolute; left: 0; width: 100%; z-index: 99998; text-align: center; line-height: 0; display:-moz-inline-stack; } #lbMain a img { border: 1px solid #ffffff; } #lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; } #lbOuterContainer.black { border: 2px solid #CCCCCC; background-color: #000000; } #lbOuterContainer.grey { border: 2px solid #888888; } #lbOuterContainer.red { border: 2px solid #DD0000; } #lbOuterContainer.green { border: 2px solid #00B000; } #lbOuterContainer.blue { border: 2px solid #5F89D8; } #lbOuterContainer.gold { border: 2px solid #B0B000; } #lbOuterContainer.orange { border: 2px solid #D15211; } #lbTopContainer, #lbBottomContainer { font: 0.85em Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em; font-size: 0.9em; overflow: hidden; margin: 0 auto; padding: 0; position: relative; z-index: 14; display: none; } #lbTopContainer { overflow: hidden; margin-top: 5px; } #lbTopContainer.black, #lbBottomContainer.black { background-color: #000000; } #lbTopContainer.grey, #lbTopContainer.red, #lbTopContainer.green, #lbTopContainer.blue, #lbTopContainer.gold, #lbTopContainer.orange, #lbBottomContainer.grey, #lbBottomContainer.red, #lbBottomContainer.green, #lbBottomContainer.blue, #lbBottomContainer.gold, #lbBottomContainer.orange { background-color: #ffffff; } #lbImage, #lbIframe { border: none; } #lbImage.black, #lbIframe.black { border: 1px solid #CCCCCC; } #lbImage.grey, #lbIframe.grey { border: 1px solid #888888; } #lbImage.red, #lbIframe.red { border: 1px solid #DD0000; } #lbImage.green, #lbIframe.green { border: 1px solid #00B000; } #lbImage.blue, #lbIframe.blue { border: 1px solid #5F89D8; } #lbImage.gold, #lbIframe.gold { border: 1px solid #B0B000; } #lbImage.orange, #lbIframe.orange { border: 1px solid #D15211; } #lbImageContainer, #lbIframeContainer { padding: 10px; z-index: 12; } #lbLoading { height: 100%; width: 100%; margin-top: -10px; background: url('images/loading_white.gif') center no-repeat; } #lbLoading.black { background: url('images/loading_black.gif') center no-repeat; } #lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lbImageContainer>#lbHoverNav { left: 0; } #lbHoverNav a { outline: none; } #lbPrevHov { width: 48%; height: 100%; background: transparent url('images/blank.gif') no-repeat; display: block; left: 0; float: left; margin-left: 3px; border: none !important; } #lbPrevHov.black:hover, #lbPrevHov.black:visited { background: url('images/prev_black_t.png') left 30% no-repeat; } #lbPrevHov.grey:hover, #lbPrevHov.grey:visited { background: url('images/prev_grey_t.png') left 30% no-repeat; } #lbPrevHov.red:hover, #lbPrevHov.red:visited { background: url('images/prev_red_t.png') left 30% no-repeat; } #lbPrevHov.green:hover, #lbPrevHov.green:visited { background: url('images/prev_green_t.png') left 30% no-repeat; } #lbPrevHov.blue:hover, #lbPrevHov.blue:visited { background: url('images/prev_blue_t.png') left 30% no-repeat; } #lbPrevHov.gold:hover, #lbPrevHov.gold:visited { background: url('images/prev_gold_t.png') left 30% no-repeat; } #lbPrevHov.orange:hover, #lbPrevHov.orange:visited { background: url('images/prev_orange_t.png') left 30% no-repeat; } #lbNextHov { width: 48%; height: 100%; background: transparent url('images/blank.gif') no-repeat; display: block; right: 0; float: right; margin-right: 3px; border: none !important; } #lbNextHov.black:hover, #lbNextHov.black:visited { background: url('images/next_black_t.png') right 30% no-repeat; } #lbNextHov.grey:hover, #lbNextHov.grey:visited { background: url('images/next_grey_t.png') right 30% no-repeat; } #lbNextHov.red:hover, #lbNextHov.red:visited { background: url('images/next_red_t.png') right 30% no-repeat; } #lbNextHov.green:hover, #lbNextHov.green:visited { background: url('images/next_green_t.png') right 30% no-repeat; } #lbNextHov.blue:hover, #lbNextHov.blue:visited { background: url('images/next_blue_t.png') right 30% no-repeat; } #lbNextHov.gold:hover, #lbNextHov.gold:visited { background: url('images/next_gold_t.png') right 30% no-repeat; } #lbNextHov.orange:hover, #lbNextHov.orange:visited { background: url('images/next_orange_t.png') right 30% no-repeat; } #lbPrev, #lbPrevTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPrev.black, #lbPrevTop.black { background: url('images/prev_black.png') no-repeat; } #lbPrev.blackOff, #lbPrevTop.blackOff { background: url('images/prev_black_off.png') no-repeat; cursor: default; } #lbPrev.grey, #lbPrevTop.grey { background: url('images/prev_grey.png') no-repeat; } #lbPrev.greyOff, #lbPrevTop.greyOff { background: url('images/prev_grey_off.png') no-repeat; cursor: default; } #lbPrev.red, #lbPrevTop.red { background: url('images/prev_red.png') no-repeat; } #lbPrev.redOff, #lbPrevTop.redOff { background: url('images/prev_red_off.png') no-repeat; cursor: default; } #lbPrev.green, #lbPrevTop.green { background: url('images/prev_green.png') no-repeat; } #lbPrev.greenOff, #lbPrevTop.greenOff { background: url('images/prev_green_off.png') no-repeat; cursor: default; } #lbPrev.blue, #lbPrevTop.blue { background: url('images/prev_blue.png') no-repeat; } #lbPrev.blueOff, #lbPrevTop.blueOff { background: url('images/prev_blue_off.png') no-repeat; cursor: default; } #lbPrev.gold, #lbPrevTop.gold { background: url('images/prev_gold.png') no-repeat; } #lbPrev.goldOff, #lbPrevTop.goldOff { background: url('images/prev_gold_off.png') no-repeat; cursor: default; } #lbPrev.orange, #lbPrevTop.orange { background: url('images/prev_orange.png') no-repeat; } #lbPrev.orangeOff, #lbPrevTop.orangeOff { background: url('images/prev_orange_off.png') no-repeat; cursor: default; } #lbNext, #lbNextTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbNext.black, #lbNextTop.black { background: url('images/next_black.png') no-repeat; } #lbNext.blackOff, #lbNextTop.blackOff { background: url('images/next_black_off.png') no-repeat; cursor: default; } #lbNext.grey, #lbNextTop.grey { background: url('images/next_grey.png') no-repeat; } #lbNext.greyOff, #lbNextTop.greyOff { background: url('images/next_grey_off.png') no-repeat; cursor: default; } #lbNext.red, #lbNextTop.red { background: url('images/next_red.png') no-repeat; } #lbNext.redOff, #lbNextTop.redOff { background: url('images/next_red_off.png') no-repeat; cursor: default; } #lbNext.green, #lbNextTop.green { background: url('images/next_green.png') no-repeat; } #lbNext.greenOff, #lbNextTop.greenOff { background: url('images/next_green_off.png') no-repeat; cursor: default; } #lbNext.blue, #lbNextTop.blue { background: url('images/next_blue.png') no-repeat; } #lbNext.blueOff, #lbNextTop.blueOff { background: url('images/next_blue_off.png') no-repeat; cursor: default; } #lbNext.gold, #lbNextTop.gold { background: url('images/next_gold.png') no-repeat; } #lbNext.goldOff, #lbNextTop.goldOff { background: url('images/next_gold_off.png') no-repeat; cursor: default; } #lbNext.orange, #lbNextTop.orange { background: url('images/next_orange.png') no-repeat; } #lbNext.orangeOff, #lbNextTop.orangeOff { background: url('images/next_orange_off.png') no-repeat; cursor: default; } #lbTopData, #lbBottomData { float: left; text-align: left; padding-left: 10px; } #lbBottomData { padding-bottom: 0.5em; } #lbBottomData.black, #lbTopData.black { color: #ffffff; } #lbBottomData.grey, #lbTopData.grey { color: #333333; } #lbBottomData.red, #lbTopData.red { color: #620000; } #lbBottomData.green, #lbTopData.green { color: #003300; } #lbBottomData.blue, #lbTopData.blue { color: #01379E; } #lbBottomData.gold, #lbTopData.gold { color: #666600; } #lbBottomData.orange, #lbTopData.orange { color: #D15211; } #lbTopNav, #lbBottomNav { float: right; text-align: right; padding-right: 10px; } #lbNumTop, #lbNumBottom { font-style: italic; } #lbDescBottom { display: block; } #lbTitleTop, #lbTopNav { margin-top: 0.3em; } #lbTitleTop, #lbTitleBottom { display: block; font-weight: bold; } #lbClose, #lbCloseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbClose.black, #lbCloseTop.black { background: url('images/close_black.png') no-repeat; } #lbClose.grey, #lbCloseTop.grey { background: url('images/close_grey.png') no-repeat; } #lbClose.red, #lbCloseTop.red { background: url('images/close_red.png') no-repeat; } #lbClose.green, #lbCloseTop.green { background: url('images/close_green.png') no-repeat; } #lbClose.blue, #lbCloseTop.blue { background: url('images/close_blue.png') no-repeat; } #lbClose.gold, #lbCloseTop.gold { background: url('images/close_gold.png') no-repeat; } #lbClose.orange, #lbCloseTop.orange { background: url('images/close_orange.png') no-repeat; } #lbPrint, #lbPrintTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPrint.black, #lbPrintTop.black { background: url('images/print_black.png') no-repeat; } #lbPrint.grey, #lbPrintTop.grey { background: url('images/print_grey.png') no-repeat; } #lbPrint.red, #lbPrintTop.red { background: url('images/print_red.png') no-repeat; } #lbPrint.green, #lbPrintTop.green { background: url('images/print_green.png') no-repeat; } #lbPrint.blue, #lbPrintTop.blue { background: url('images/print_blue.png') no-repeat; } #lbPrint.gold, #lbPrintTop.gold { background: url('images/print_gold.png') no-repeat; } #lbPrint.orange, #lbPrintTop.orange { background: url('images/print_orange.png') no-repeat; } #lbPlay, #lbPlayTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPlay.black, #lbPlayTop.black { background: url('images/play_black.png') no-repeat; } #lbPlay.grey, #lbPlayTop.grey { background: url('images/play_grey.png') no-repeat; } #lbPlay.red, #lbPlayTop.red { background: url('images/play_red.png') no-repeat; } #lbPlay.green, #lbPlayTop.green { background: url('images/play_green.png') no-repeat; } #lbPlay.blue, #lbPlayTop.blue { background: url('images/play_blue.png') no-repeat; } #lbPlay.gold, #lbPlayTop.gold { background: url('images/play_gold.png') no-repeat; } #lbPlay.orange, #lbPlayTop.orange { background: url('images/play_orange.png') no-repeat; } #lbPause, #lbPauseTop { width: 26px; height: 28px; float: right; margin: 0 0 1px 8px; border: none !important; } #lbPause.black, #lbPauseTop.black { background: url('images/pause_black.png') no-repeat; } #lbPause.grey, #lbPauseTop.grey { background: url('images/pause_grey.png') no-repeat; } #lbPause.red, #lbPauseTop.red { background: url('images/pause_red.png') no-repeat; } #lbPause.green, #lbPauseTop.green { background: url('images/pause_green.png') no-repeat; } #lbPause.blue, #lbPauseTop.blue { background: url('images/pause_blue.png') no-repeat; } #lbPause.gold, #lbPauseTop.gold { background: url('images/pause_gold.png') no-repeat; } #lbPause.orange, #lbPauseTop.orange { background: url('images/pause_orange.png') no-repeat; } /* Some extra padding on the bottom buttons so it's not too close to the border. */ #lbClose, #lbPrint, #lbPlay, #lbPause { margin: 0 0 6px 8px; } /* Lytetip */ * html a:hover { background: transparent; } .lytetip { outline: none; border-bottom: 1px dotted; z-index:24; text-decoration:none; } .lytetip span { color: #000000; position: absolute; top: 2em; left:0; padding: 0.5em 0.8em; font: 10pt "Trebuchet MS", Arial, Helvetica, sans-serif !important; background: #F4F5FB; border: 1px solid #888888; border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -webkit-box-shadow: 1px 2px 3px 0px #949494; box-shadow: 1px 2px 3px 0px #949494; width: 240px; filter: alpha(opacity:95); KHTMLOpacity: 0.95; MozOpacity: 0.95; opacity: 0.95; text-align: left; display: none; } .lytetip:hover { z-index:25; color: #aaaaff; background:; text-decoration: none; } .lytetip:hover span { display: block; } .lytetip:hover em { font-size: 1.2em; font-weight: bold; display: block; padding: 0 0 0.6em 0; } .lytetip:hover .lbTipImg { border: 0; margin: -20px 0 0 -36px; float: left; position: absolute; height: 32px; width: 32px; } .lbErrorImg { background: url('images/error.png'); } .lbInfoImg { background: url('images/info.png'); } .lbHelpImg { background: url('images/help.png'); } .lbWarningImg { background: url('images/warning.png'); } span.lbCustom { padding: 0.5em 0.8em 0.5em 1.5em !important; } span.lbIEFix { padding: 0.5em 0.8em !important; } .lytetip .lbError { background: #FFE7D7; border: 1px solid #FF3334; } .lytetip .lbInfo, .lytetip .lbHelp { background: #D2EEF7; border: 1px solid #2BB0D7; } .lytetip .lbWarning { background: #FFFFAA; border: 1px solid #FFAD33; } .slider{float:left;width:274px;height:240px;position:relative;padding-bottom:26px;} .prev{background-position:0 0;left:15px;} .prev:hover{background-position:0 -44px;} .next{right:15px;background-position:-44px 0;} .next:hover{background-position:-44px -44px;} .sliderContent .item{position:absolute;height:240px;background:#fff;} .sliderBullets{position:absolute;bottom:0;left:50%;z-index:50;margin-left:-45px;} .sliderBullets a{display:block;float:left;text-indent:-9999px;outline:none;margin-left:5px;width:10px;height:11px;background:url(/img/bullets.png) no-repeat;} .sliderBullets .active{background-position:0 -11px;} .sliderContent a{outline:none;} .btn-primary{ background-color: #005188!important; } .btn-secondary{ background:#EFEFEF; color: #333; outline: none; } .btn:focus, .btn:active:focus{ outline: none; } a img{border:none;} #main { min-height:100%; margin: 0 auto; width: 100%; font-size:20px; padding-bottom:10px; } #main ul { list-style-type:square; list-style-position:outside; margin:0 0 1.5em 1.5em; } #main #slide { width:100%; position:relative; overflow:hidden; z-index:2; padding-right:15px;} @media (min-width: 767px) and (max-width: 980px) { #main #slide {padding-left:15px;} } #main .slider { width:100%; margin:0 auto; position:relative; z-index:2; padding-bottom: 0; } #main .items { display:none; } #main .pic{ background-size: cover!important; width: 100%!important; height: 100%!important; padding-bottom: 0; } #main .play { display:block; width:45px; height:22px; background:url(/css/images/pagination-bg.gif) left top repeat-x; position:absolute; z-index:15; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; top:552px; left:823px; padding:2px 0 0 0; text-align:center; color:#fff; text-decoration:none; } #main .play span { display:none; } #main .play em { font-style:normal; display:block; } #main .paused span { display:block; } #main .paused em { display:none; } #main .banner{ overflow:hidden; position:absolute; color:#fff; padding-right:15px!important; z-index:15; /*background:url(/css/images/png.png) left top repeat;*/ padding:20px; font-size:20px; height:auto; } #main .banner.may_9{ background: rgba(1,223,1,0.8); } #main .banner span { display:block; padding:20px; } #main .progbar { background:#000; width:100%; height:2px; position:absolute; top:0px; left:0px; z-index:999; } #main .numStatus { display:block; width:45px; height:22px; background:url(/css/images/pagination-bg.gif) left top repeat-x; position:absolute; z-index:15; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; top:551px; left:583px; padding:2px 0 0 0; text-align:center; color:#fff; text-decoration:none; } /*-------- end slider -----------*/ #main .col-1 { float:left; width:400px; padding-right:50px } * + html .min { min-height:45px; } #main .col-2 { float:left; width:400px; } .moscow{display:inline-block;} .btn-button-cat, .btn-button-cat:focus { color: #fff; background-color: #005188; margin-top: 3px; min-width: 100%; outline: none; } .btn-button-cat:hover { color: #003457; background: #003457; border-color: #003457; } .fa-caret-right {float:right!important;color:#eaeaea;} .fa-caret-down {color:#1266B1;} td.gsc-search-button { width: 1% !important; } span.input { margin-bottom: 5px; display: block; } .price-block { font-size: 23px; margin-bottom: 10px; font-weight:bold; text-align:center; } .total_price { font-size: 17px; text-align: right; } .total_weight { margin-bottom: 20px; text-align: right; } .border-top { padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .border-bottom { border-bottom: 1px solid #eaeaea; border-top: 1px solid #eaeaea; padding-top: 10px; padding-bottom: 10px; border-left: 1px solid #eaeaea; border-right: 1px solid #eaeaea; } .test .border:nth-child(2n) { border-top: none; } .test_final .border:nth-child(2n) { border-bottom: none; } .delivery { padding: 20px; border: 1px solid #eaeaea; background: #f9f9f9; } .delivery label { font-weight: bold; margin-bottom: 10px; } .delivery-price { font-size: 18px; font-weight: bold; } .fee { color: green; margin-bottom: 10px; } .price .red { margin-bottom: 20px; font-weight: bold; } button.btn.btn-danger.pull-right { margin-bottom: 20px; } .feesklad { margin-bottom: 10px; } @media (min-width: 992px) and (max-width: 1199px) { .cart { width: 192px; margin-right: 0px; } } @media (min-width: 1200px) { } .advantages .adv-item { width: 100%; display: table; margin: 10px 0px 0px 0px; } .advantages .adv-icon { width: 50px; height: 50px; padding: 0px; } .advantages .adv-text { padding: 0px 0px 0px 12px; } .advantages .adv-icon i, .advantages .adv-text { color: #505050; } .advantages .adv-icon i { font-size: 22px; color: #505050; } .advantages .adv-icon { text-align: center; border: 1px solid #dee0ee; border-radius: 25px; } .advantages .adv-icon, .advantages .adv-text { display: table-cell!important; vertical-align: middle; } .avl, .not_avl { height: 23px; display: table; margin: 0px auto; } .avl i, .not_avl i { padding: 0px 6px 0px 0px; } .avl i, .not_avl i, .avl span, .not_avl span { display: table-cell; vertical-align: middle; margin: 0px; } .avl span, .not_avl span { font-size: 12px; color: #635f5f; } .avl i { color: #9cc218; } .avl i.fa-times { color: red; } .avl i, .not_avl i { font-size: 21px; } .qnt_cont { display: table; margin: 0px auto 10px; padding: 0px; } input[name="quantity"] { width: 32px; float: left; margin: 0px; padding: 0px; } input[class="quantity"] { font-size: 13px; font-weight: 400; color: #8184a1; text-align: center; border-top: 2px solid #dee0ee; border-bottom: 2px solid #dee0ee; border-left: 1px solid #dee0ee; border-right: 2px solid #dee0ee; background: #fff; } a.minus, a.plus { width: 22px; height: 23px; float: left; display: table; margin: 0px; padding: 0px; } a.minus span, a.plus span { display: table-cell; vertical-align: middle; margin: 0px; padding: 0px; } a.minus, a.minus, a.plus, a.plus { text-decoration: none; border-radius: 3px 0px 0px 3px; background: #dee0ee; } a.plus, a.plus { border-radius: 0px 3px 3px 0px; } a.minus span, a.minus span, a.plus span, a.plus span { color: #575b71; text-align: center; -webkit-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; } select#size { margin: 0 auto; } .ed { font-size: 16px; font-weight: normal; color: #635f5f; } .addtocartarea input, .addtocartarea a { width: 100%; margin-top: 7px; } .addcartbtn { line-height: 32px; text-transform: uppercase; font-weight: bold; } .addcartbtn i { font-size: 17px; padding-right: 2px; } .payment_methods ul li { width: 52px; height: 30px; float: left; display: table; margin: 5px 5px 0px 0px; padding: 0px; } .payment_methods ul li:nth-child(4) { margin-right: 0; padding-right: 0; } .payment_methods ul li a { display: table-cell; vertical-align: middle; overflow: hidden; } .payment_methods ul li a { text-align: center; text-decoration: none; border-radius: 2px; } .payment_methods { width: 100%; display: table; margin: 0px 0px 10px 0px; padding: 0px; } .payment_methods ul { width: 100%; float: left; margin: 0px; padding: 0px; list-style: none; } .btn_buy.apuo { color: #635f5f; text-decoration: none; line-height: 27px; border: 1px solid #ccc; background: none; } .btn_buy.apuo:hover { border: 1px solid #f7f7f7; background: #f7f7f7; } .catalog-detail-buttons .pcd { height: 27px; display: block; margin: 5px 0px 0px 0px; } .catalog-detail-buttons .pcd:first-child { margin: 0px; } .catalog-detail .catalog-detail-buttons { width: 100%; display: table; margin: 10px 0px 0px 0px; padding: 0px; } .catalog-detail-buttons .pcd i { margin: 0px; padding: 0px 7px 0px 0px; } .btn_buy.pcd i { color: #635f5f; } .btn_buy { font-size: 11px; font-weight: 400; color: #402a1d; text-align: center; text-transform: uppercase; border: none; border-radius: 4px; background: #fde037; -webkit-transition: all 0.15s ease 0s; -o-transition: all 0.15s ease 0s; transition: all 0.15s ease 0s; } #search .input-group-btn { font-size: 14px; width: 50px; } #search .btn { background: #005188; color: #fff; border: 1px solid #005188; width: 50px; min-width: 50px; height: 34px; } #search .btn:hover{ background: #c9302c } @media only screen and (max-width: 768px) { #search .btn { margin-top: 0px; } } @media (min-width : 768px) and (max-width : 1200px) { .payment_methods ul li { display: block; width: 44px; } .payment_methods img { width: 45px; height: 24px; } .headboard {text-align:center!important;line-height: 22px!important;margin-bottom:5px!important;} } .headboard { background: #fd3c44; color: #fff; line-height: 32px; font-size: 13px; margin-bottom:5px; margin-top:5px; font-weight:bold; } .top-panel-2 { background: #fd3c44; line-height: 32px; } .info-table { border: 1px solid #eaeaea; padding:15px; } .border-8 { border: 1px solid #eaeaea; border-radius: 3px; padding:10px; margin-bottom:3px; float:left; width:100%; } .border-8:hover { border: 1px solid #005188; -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5); box-shadow: 0 0 10px rgba(0,0,0,0.5); /* Параметры тени */ } .div-8 { float:left; } .div-9 { float:right; } .div-9 img { padding-top:5px; padding-right: 18px; } .div-9 i { padding-top:5px; padding-right: 18px; } .border-8 .fa { color:#eaeaea; } .border-8:hover .fa { color:#005188 } .pricelist { display: none; position: absolute; width: 230px; right: 15px; top: 0px; background: #fff; z-index: 999999; padding: 9px; border: 1px solid #eaeaea; } .pricelist .btn { padding: 5px; min-width: unset; } a.pricelistdownload.cancel-download { position: relative; left: 10px; top: 5px; } .message { color: #4CAF50; } .pricelist .help-block.with-errors { font-size: 11px; bottom: -10px; padding: 0 !important; margin: 0 !important; } .wrap_3s._show_3w, ._show_1e.wrap_mW, #jcont, #jvlabelWrap{ z-index: 2147480000 !important; } .we-use-cookies{ position: fixed; display: none; bottom: 0; left: 0; right: 0; padding: 10px 40px; background: rgba(0,0,0,0.8); color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 2147480010; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .we-use-cookies.active{ display: -webkit-box; display: -ms-flexbox; display: flex; } .we-use-cookies__ok{ border: 1px solid #fff; color: #fff; padding: 10px 20px; text-align: center; cursor: pointer; margin-left: 30px; } .we-use-cookies__ok:hover{ background: #fff; color: #005188; } @media (max-width: 1130px) { .we-use-cookies__text{ font-size: 12px; } } @media (max-width: 680px) { .we-use-cookies{ padding: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .we-use-cookies__ok{ margin-left: 0; margin-top: 20px; } .we-use-cookies__text{ font-size: 10px; text-align: center; } } .min-zakaz{ margin-top: 10px; } .popup{ display: none; } .popup_def .popup__title{ font-weight: bold; font-size: 14px; margin-bottom: 15px; } /*.popup_def .popup__title-small{ font-size: 12px; color: #666; }*/ .popup_def .popup__text{ margin-bottom: 15px; } #create_order{ cursor: pointer !important; } p.small-text { font-size: 13px; } .adv-main { padding-top: 3px; } .text-center img { display: inline-block; } .map iframe { width: 100%; } .slider-highlight--text { font-size: 30px; text-transform: uppercase; font-weight: bold; display: inline-block !important; } .slider-meta--text { font-size: 14px; text-align: center; } a.link-header-logo {display: block;} a.link-header-logo img.img-logo { display: inline-block; vertical-align: middle;} span.allspan-logo { display: inline-block;vertical-align: middle;} a.link-header-logo span.allspan-logo span.text-logo {font-size:16px;} a.link-header-logo span.allspan-logo span.text-logo.text-logo-small {display: block; padding-top: 6px; font-size: 13px;} .vcard { display: none; } div.scrollup { position: fixed; color: #fff; background-color: transparent; right: calc(3% + 24px); bottom: calc(10% + 165px); font-size: 20px; border-top-left-radius: 4px; border-top-right-radius: 4px; cursor: pointer; display: none; text-align: center; width: 56px; height: 56px; } @media(max-width: 420px){ div.scrollup { right: 3%; bottom: calc(10% + 70px); } } .scrollup .scrollup-inner:hover { background-color: #337ab7; } .scrollup .scrollup-inner { background-color: #d9534f; width: 56px; height: 56px; position: absolute; border-radius: 16px; } .scrollup i { padding: 12px; font-size: 28px; } #call-kazino-btn{ width: 80px; height: 80px; position: fixed; left: 2rem; bottom: 5vw; background: url('/uploads/kazino/call-kazino.png') center/contain; cursor: pointer; z-index: 99; -webkit-animation: kazino; animation: kazino; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-direction: alternate; animation-direction: alternate; } #kazino-popup{ display: none; background: rgba(0,0,0,.5); position: fixed; top: 0; left: 0; width: 100%; height: 100vh; /*grid-template-areas: 'close' 'content'; align-items: center; grid-template-rows: 50px 1fr;*/ z-index: 999; } #kazino-popup.active{ display: block; } #kazino-popup .close{ width: 50px; height: 50px; color: white; font-size: 50px; font-family: 'FontAwesome'; opacity: 1; } #kazino-popup .roulette-form .close{ position: absolute; top: 0; right: 0; -webkit-transform: translate(100%, -100%); -ms-transform: translate(100%, -100%); transform: translate(100%, -100%); /*grid-area: close; justify-self: flex-end;*/ } #kazino-popup .popup-content>.close{ display: none; grid-area: close; align-self: flex-start; } #kazino-popup .popup-content{ grid-area: content; display: -ms-grid; display: grid; justify-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: 100%; grid-template-columns: 100%; height: 100%; padding: 2rem; overflow-y: auto; } #kazino-popup .roulette-form{ display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fit, minmax(290px, 1fr)); max-width: 1200px; width: 100%; position: relative; border-radius: 30px; } #kazino-popup .roulette{ display: -ms-grid; display: grid; background: url("/uploads/kazino/Fon.jpg") center/cover; padding: 2rem 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; --deg: 1; --translate: -50%; --circle-diameter: 440px; -ms-grid-columns: 100%; grid-template-columns: 100%; overflow: hidden; border-radius: 20px 0 0 20px; } #kazino-popup .roulette>*{ -ms-grid-row: 1; -ms-grid-column: 1; grid-area: 1/1; } #kazino-popup .roulette_circle{ width: var(--circle-diameter); height: var(--circle-diameter); max-width: 100%; max-height: 100%; aspect-ratio: 1/1; -o-object-fit: contain; object-fit: contain; z-index: 1; -webkit-transition: 5s; -o-transition: 5s; transition: 5s; } #kazino-popup .roulette_circle{ -webkit-transform: translateX(var(--translate)); -ms-transform: translateX(var(--translate)); transform: translateX(var(--translate)); -webkit-transition: 3s; -o-transition: 3s; transition: 3s; } #kazino-popup .roulette_pointer{ height: 70px; -o-object-fit: contain; object-fit: contain; z-index: 2; margin-left: calc(var(--circle-diameter) / 2); -webkit-transform: translate(-35%, 3px); -ms-transform: translate(-35%, 3px); transform: translate(-35%, 3px); } #kazino-popup .form{ background: -webkit-gradient(linear, left top, left bottom, from(#1297e2), to(#0263b0)); background: -o-linear-gradient(#1297e2, #0263b0); background: linear-gradient(#1297e2, #0263b0); padding: 2rem 4vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 2rem; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 0 20px 20px 0; } #kazino-popup .tyan{ max-width: 400px; height: 100%; -o-object-fit: contain; object-fit: contain; -o-object-position: bottom; object-position: bottom; position: absolute; bottom: 0; left: 20%; } #kazino-popup .form>*{ width: 100%; font-family: 'Roboto Slab', serif; font-size: 20px; } #kazino-popup :is(.form_title, .form_txt){ margin: 0; font-weight: bold; } #kazino-popup .form_title{ text-transform: uppercase; font-size: 3rem; color: #fff7b2; } #kazino-popup .form_subtitle{ color: #fff7b2; margin: 0; } #kazino-popup .form_txt{ font-size: 2rem; color: white; } #kazino-popup .form input{ padding: 1rem; border: 1px solid #d0d4d5; border-radius: 10px; } #kazino-popup .send-form{ background: #a2d9f7; padding: .5em 2em; border: none; color: crimson; font-weight: bold; font-size: 3rem; border-radius: 10px; } #kazino-popup .msg{ display: none; } #kazino-popup .msg.active{ padding: 2rem; font-size: 2rem; } #kazino-popup .msg.error{ background: crimson; color: white; } #kazino-popup .msg.success{ background: forestgreen; color: white; } #kazino-popup .form_privacy-policy{ display: -ms-grid; display: grid; -ms-grid-columns: 50px 1rem 1fr; grid-template-columns: 50px 1fr; gap: 1rem; font-weight: normal; font-size: 15px; color: white; } #kazino-popup .form_privacy-policy [type="checkbox"]{ display: none; } #kazino-popup .form_privacy-policy_checkbox-emulator{ border-radius: 5px; width: 30px; height: 30px; background: #FBC800; font-family: FontAwesome; font-size: 30px; 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; color: black; } #kazino-popup .infinite-rotate{ -webkit-animation: rotate; animation: rotate; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-timing-function: linear; animation-timing-function: linear; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } @-webkit-keyframes kazino { 0%{ -webkit-transform: scale(1); transform: scale(1); } 100%{ -webkit-transform: scale(1.5); transform: scale(1.5); } } @keyframes kazino { 0%{ -webkit-transform: scale(1); transform: scale(1); } 100%{ -webkit-transform: scale(1.5); transform: scale(1.5); } } @media(max-width: 1400px){ #kazino-popup .roulette-form .close{ display: none; } #kazino-popup .popup-content>.close{ display: block; } #kazino-popup .popup-content { grid-area: content; -ms-grid-columns: 1fr 50px; grid-template-columns: 1fr 50px; grid-template-areas: 'content close'; } #kazino-popup .popup-content>.close { -ms-grid-row: 1; -ms-grid-column: 2; } #kazino-popup .popup-content { -ms-grid-row: 1; -ms-grid-column: 1; } } @media (max-width: 1400px) { #kazino-popup .popup-content { -ms-grid-row: 1; -ms-grid-column: 1; } } @media (max-width: 1200px) { #kazino-popup.active{ display: block; } #kazino-popup .tyan{ display: none; } #kazino-popup .roulette{ --translate: 0%; } #kazino-popup .roulette_pointer{ margin-left: var(--circle-diameter); } #kazino-popup .popup-content{ -ms-grid-rows: 100vh; grid-template-rows: 100vh; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 1000px) { #kazino-popup .roulette-form{ -ms-grid-columns: 100%; grid-template-columns: 100%; } #kazino-popup .roulette{ --circle-diameter: 300px; padding: 2rem; } #kazino-popup .form, #kazino-popup .roulette{ border-radius: 0; } } @media(max-width: 600px){ #kazino-popup .roulette{ --circle-diameter: 200px; } #kazino-popup .form>*{ font-size: 15px; } #kazino-popup .form_txt{ display: none; } } /*@keyframes rotate { 0%{ transform: translateX(var(--translate)) rotate(0deg); } 100%{ transform: translateX(var(--translate)) rotate(calc(3600deg / var(--deg))); } }*/ [data-page-slug="managers"] h2{ margin-bottom: 40px; } [data-page-slug="managers"] .text-content{ color: rgb(100,100,100); font-weight: 500; font-size: 15px; } [data-page-slug="managers"] .text-content p{ margin: 0 0 20px; } [data-page-slug="managers"] .text-content .postfix{ margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #005188; font-weight: bold; gap: 15px; } [data-page-slug="managers"] .text-content .timer{ width: 50px; } [data-page-slug="managers"] .employee-cards{ margin-top: 25px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 20px 1fr 20px 1fr; grid-template-columns: 1fr 1fr 1fr; -ms-grid-rows: 1fr 35px 1fr; grid-template-rows: 1fr 1fr; gap: 35px 20px; } [data-page-slug="managers"] .employee-cards > *:nth-child(1){ -ms-grid-row: 1; -ms-grid-column: 1; } [data-page-slug="managers"] .employee-cards > *:nth-child(2){ -ms-grid-row: 1; -ms-grid-column: 3; } [data-page-slug="managers"] .employee-cards > *:nth-child(3){ -ms-grid-row: 1; -ms-grid-column: 5; } [data-page-slug="managers"] .employee-cards > *:nth-child(4){ -ms-grid-row: 3; -ms-grid-column: 1; } [data-page-slug="managers"] .employee-cards > *:nth-child(5){ -ms-grid-row: 3; -ms-grid-column: 3; } [data-page-slug="managers"] .employee-cards > *:nth-child(6){ -ms-grid-row: 3; -ms-grid-column: 5; } [data-page-slug="managers"] .employee-cards img{ max-width: 100%; } [data-page-slug="managers"] .employee-cards img.center-photo{ -ms-grid-column: 2; grid-column-start: 2; -ms-grid-column-span: 1; grid-column-end: 3; -ms-grid-row: 1; grid-row-start: 1; -ms-grid-row-span: 2; grid-row-end: 3; } [data-page-slug="managers"] form{ width: 100%; padding-bottom: 25px; } .roistat-style-form{ margin-top: 50px; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); } .roistat-style-form{ padding: 25px; } .roistat-style-form .title{ font-size: 24px; color: black; line-height: 1.2; } .roistat-style-form .title-postfix{ margin: 20px auto; font-size: 16px; color: black; } .roistat-style-form .inputs-block{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .roistat-style-form input[type=text], .roistat-style-form input[type=tel]{ color: rgba(0, 0, 0, 0.5); background: none 0 0 repeat scroll rgb(255, 255, 255); width: 100%; border-radius: 6px; border: 1px solid rgba(27,42,48,.2); -webkit-box-shadow: inset 0 2px 1px 0 rgba(27, 42, 48, 0.2); box-shadow: inset 0 2px 1px 0 rgba(27, 42, 48, 0.2); padding: 7px 10px 7px 30px; font-size: 15px; } .roistat-style-form .inputs-block{ white-space: nowrap; } .roistat-style-form label{ display: inline; margin-bottom: unset; font-weight: unset; } .roistat-style-form .input-wrapper{ position: relative; } .roistat-style-form .input-wrapper .input-icon{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 9px; height: 14px; } .roistat-style-form button{ color: rgb(255, 255, 255); background: none 0 0 repeat scroll rgb(0, 153, 255); -webkit-box-shadow: inset 0 -1px 0 0 rgba(27, 42, 48, 0.35); box-shadow: inset 0 -1px 0 0 rgba(27, 42, 48, 0.35); border-radius: 6px; font-size: 15px; border-width: 0; } .roistat-style-form .politic-block{ margin-top: 25px; } .roistat-style-form .form-response.success{ font-size: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4cae4c; text-align: center; } [data-page-slug="managers"] .posting{ margin-bottom: 50px; } .navbar-fixed-bottom, .navbar-fixed-top{ z-index: 5!important; } .header__col_hamburger{ position: fixed; top: 10px; left: 0; width: 35px!important; height: 35px!important; z-index: 6!important; } @media (max-width: 991px){ body .ui-styles .burger span { background-color: white; } .bg-fade { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; background-color: rgba(146,148,152,.5); } } .section-inner{ margin: 0 auto; } @media (min-width: 768px){ .section-inner { width: 750px; } } @media (min-width: 992px){ .section-inner { width: 970px; } } @media (min-width: 1200px){ .section-inner { width: 1170px; } } .remastering-2022-04-14 .second-panel .section-inner .block.logo{ grid-area: logo; } .remastering-2022-04-14 .second-panel .section-inner .block.search{ padding-left: 50px; padding-right: 12.5px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .block.search form{ margin-bottom: 0; } .header-icons{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 12.5px; } .header-icons a{ 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: center; -ms-flex-align: center; align-items: center; text-decoration: none; } .header-icons a:not(:last-child){ margin-right: 32px; } .header-icons a .icon{ width: 30px; height: 27px; background-repeat: no-repeat!important; background-position: center!important; margin-bottom: 1px; } .header-icons a>span{ font-weight: 400; font-size: 13px; text-align: center; line-height: 18px; color: #333333; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-icons a .icon.zakaz{ } .header-icons a .icon.propusk{ } .header-icons a .icon.cart{ position: relative; } .header-icons a .icon svg path{ fill: #333333; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .header-icons a:hover,.header-icons a:active{ text-decoration: none; } .header-icons a:hover .icon svg path{ fill: #005188; } .header-icons a:hover>span{ color: #005188; } .header-icons a .icon.cart>span{ position: absolute; top: 0; right: -5px; background: #D9534F; border-radius: 27px; height: 14px; min-width: 14px; max-width: 15px; 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; padding-right: 1px; padding-left: 1px; font-size: 8px; line-height: 17px; color: #FFFFFF; } .remastering-2022-04-14 .second-panel .section-inner .block.note .image{ height: 58px; width: 58px; } body a.link-header-logo { display: -webkit-box; display: -ms-flexbox; display: flex; } body a.link-header-logo span.allspan-logo span.text-logo.text-logo-small { white-space: nowrap; } .remastering-2022-04-14 .second-panel .section-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; padding: 24px 32px 24px 32px; } @media (max-width: 991px){ .remastering-2022-04-14 .second-panel .section-inner{ -ms-grid-columns: unset; grid-template-columns: unset; grid-template-areas: "logo search search search search" ". note . cart cart"; } .remastering-2022-04-14 .second-panel .section-inner .block.logo{ -ms-grid-row: 1; -ms-grid-column: 1; } } @media (max-width: 992px){ .remastering-2022-04-14 .second-panel { display: none; } .remastering-2022-04-14 .second-panel .section-inner .block.header_cart, .remastering-2022-04-14 .second-panel .section-inner .block.note{ display: none; } } @media (max-width: 600px){ .remastering-2022-04-14 .second-panel .section-inner{ grid-template-areas: "logo search search search search"; } .remastering-2022-04-14 .second-panel .section-inner .block.logo{ -ms-grid-row: 1; -ms-grid-column: 1; } } @media (max-width: 420px){ .remastering-2022-04-14 .second-panel .section-inner{ grid-template-areas: "logo" "search"; } .remastering-2022-04-14 .second-panel .section-inner .block.logo{ -ms-grid-row: 1; -ms-grid-column: 1; } } .remastering-2022-04-14 .second-panel .section-inner .note{ text-align: center; /* font-family: "Open Sans"; */ letter-spacing: 1px; color: var(--red-color); font-weight: 700; } .remastering-2022-04-14 .top-menu .navbar-blue .nav > li > a:hover, .navbar-blue .nav > li > a:focus{ background-color: #489FEC; } .remastering-2022-04-14 .top-menu .fa-caret-down{ color: white; } .remastering-2022-04-14 .top-menu li a{ /* font-family: "Open Sans"; */ font-weight: 600; } @media (min-width: 991px){ .remastering-2022-04-14 #navbar-collapse-1 > .navbar-nav{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; display: -webkit-box; display: -ms-flexbox; display: flex; float: none; } } [data-page-type="main-page"] .banner-section .section-inner{ display: -ms-grid; display: grid; -ms-grid-columns: 1fr 15px 880px; grid-template-columns: 1fr 880px; -ms-grid-rows: auto 20px auto; grid-template-areas: "banner-2 banner-1" "banner-2 utps"; gap: 20px 15px; background-color: white; padding: 25px 0; } @media(min-width:1200px){ [data-page-type="main-page"] .banner-section .section-inner{ padding-left: 15px; } } [data-page-type="main-page"] .last-section .section-inner{ padding-bottom: 35px; } @media (max-width: 1200px){ [data-page-type="main-page"] .banner-section .section-inner{ -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-template-areas: "banner-1 banner-1" "banner-2 banner-2" "utps utps"; } } [data-page-type="main-page"] .banner-section .section-inner .banners{ float: unset; margin-bottom: unset; } [data-page-type="main-page"] .banner-section .section-inner .send-request-part{ -ms-grid-row: 3; -ms-grid-column: 1; grid-area: send-request-part; } [data-page-type="main-page"] .banner-section .section-inner .banner-1#main{ -ms-grid-row: 1; -ms-grid-column: 3; grid-area: banner-1; width: 880px; } [data-page-type="main-page"] .banner-section .section-inner .banner-2{ -ms-grid-row: 1; -ms-grid-column: 1; color: var(--font-color); font-weight: 700; text-align: center; grid-area: banner-2; 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: center; -ms-flex-align: center; align-items: center; } [data-page-type="main-page"] .banner-section .section-inner .banner-2 .track{ width: 70%; } [data-page-type="main-page"] .banner-section .section-inner .banner-2 .delivery-text-part{ font-size: 14px; margin-top: 10px; text-transform: uppercase; } [data-page-type="main-page"] .banner-section .section-inner .utps{ -ms-grid-row: 3; -ms-grid-column: 3; grid-area: utps; } @media (max-width: 1200px) { [data-page-type="main-page"] .banner-section .section-inner .send-request-part{ -ms-grid-row: 2; -ms-grid-column: 1; } [data-page-type="main-page"] .banner-section .section-inner .banner-1#main{ -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; } [data-page-type="main-page"] .banner-section .section-inner .banner-2{ -ms-grid-row: 2; -ms-grid-column: 2; } [data-page-type="main-page"] .banner-section .section-inner .utps{ -ms-grid-row: 3; -ms-grid-column: 1; -ms-grid-column-span: 2; } } [data-page-type="main-page"] .banner-section #main{ padding-bottom: 0; } [data-page-type="main-page"] .banner-section #main #slide { padding-right: 0; } [data-page-type="main-page"] .banner-section .utps { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 10px 1fr 10px 1fr; grid-template-columns: 1fr 1fr 1fr; gap: 10px; } [data-page-type="main-page"] h1{ margin-top: unset; margin-bottom: unset; } @media (max-width: 1000px){ [data-page-type="main-page"] .banner-section .banner-1{ display: none; } [data-page-type="main-page"] .banner-section .utps{ -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-flex-wrap: wrap; flex-wrap: wrap; } [data-page-type="main-page"] .banner-section .utps .banner{ width: 100%; } } [data-page-type="main-page"] .banner-section .utps .banner{ font-size: 13px; height: unset; } [data-page-type="main-page"] .banner-section .utps .banner .title{ font-weight: 500; line-height: 1.5; font-size: 22px; text-transform: uppercase; } [data-page-type="main-page"] .banner-section .send-request-part { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0 20px 0 30px; gap: 5px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } [data-page-type="main-page"] .banner-section .min-sum-request-part{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; gap: 10px; color: var(--red-color); } .banner-section .min-sum-request-part img{ width: 52px; height: auto; } [data-page-type="main-page"] .banner-section .send-request-part .top-part .image{ width: 58px; } [data-page-type="main-page"] .banner-section .send-request-part .text-part { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / 3; color: var(--red-color); font-weight: 700; font-size: 13px; text-transform: uppercase; } [data-page-type="main-page"] .banner-section .send-request-part .advertising-part { padding-top: 40px; -ms-grid-column-span: 2; grid-column: span 2; font-weight: 600; font-size: 15px; text-align: center; } @media (max-width: 500px){ [data-page-type="main-page"] .banner-section .send-request-part .advertising-part { padding-top: 0; } } [data-page-type="main-page"] .banner-section .send-request-part .advertising-part b { text-transform: uppercase; color: var(--red-color); } [data-page-type="main-page"] .banner-section .send-request-part .button-part { -ms-grid-column-span: 2; grid-column: span 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 10px 0 10px 0; } [data-page-type="main-page"] .banner-section .send-request-part .button-part button { -ms-grid-column-span: 2; grid-column: span 2; font-weight: 600; background-color: #d9534f; border-radius: 3px; border: none; /* font-family: "Open Sans"; */ letter-spacing: 1px; padding: 12px 20px; color: white; } [data-page-type="main-page"] .catalog-section .section-inner{ padding-top: 0; background-color: white; } .product-categories { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill,minmax(250px, 1fr)); gap: 15px; } .product-categories .product-category{ border: 1px solid #eaeaea; padding: 10px; -webkit-transition : border 500ms ease-out, -webkit-box-shadow 500ms ease-out; transition : border 500ms ease-out, -webkit-box-shadow 500ms ease-out; -o-transition : border 500ms ease-out, box-shadow 500ms ease-out; transition : border 500ms ease-out, box-shadow 500ms ease-out; transition : border 500ms ease-out, box-shadow 500ms ease-out, -webkit-box-shadow 500ms ease-out; } .product-categories .product-category:hover{ border-color: var(--font-color); -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; } [data-excess="1"] .product-categories .product-category:nth-child(n+9){ display: none; } .more-button-block{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-top: calc(1vw + 15px); } .more-button-block .button{ width: unset; } .catalog-section[data-excess="0"] .more-button-block{ display: none; } .product-categories .product-category .inner{ display: -ms-grid; display: grid; gap: 10px; -ms-grid-rows: 1fr 10px 200px; grid-template-rows: 1fr 200px; height: 100%; } .product-categories .product-category .category__name{ color: var(--font-color); font-weight: 600; font-size: 16px; text-align: left; text-decoration: none; padding: 0 0 15px 0; } .product-categories .product-category .thumb-image{ width: 100%; height: 100%; -o-object-fit: scale-down; object-fit: scale-down; } .section-title{ text-align: center; font-size: 26px!important; font-weight: 600; padding: 25px 0; } .utps-section .section-inner{ background-color: white; } .utps-section .utps{ padding: 35px 15px; gap: 25px 15px; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill,minmax(250px, 1fr)); } .utps-section .utps .image{ width: 63px; -o-object-fit: scale-down; object-fit: scale-down; } .utps-section .utps .utp{ -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: -ms-grid; display: grid; -ms-grid-columns: 63px 10px 150px; grid-template-columns: 63px 150px; gap: 10px; } .utps-section .utps .utp .text{ font-size: 15px; font-weight: 700; color: #4A4A4A; } .related-pages-section .section-inner { background-color: white; padding: 0 15px 15px 15px; } .related-pages-section .section-inner .section-title{ color: #006BAE; font-weight: 700; } .section-title.decorated{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; } .section-title.decorated .title{ width: 95%; background-color: white; z-index: 1; } .section-title.decorated .background{ position: absolute; height: 4px; width: 100%; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-color: #006BAE; } .related-pages-section .related-pages{ gap: 15px; display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill,minmax(250px, 1fr)); } .related-pages-section .related-page{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; } .related-pages-section .related-page .title{ background-color: var(--font-color); color: white; text-transform: uppercase; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0 10px; font-size: 15px; height: 60px; text-decoration: none; } .related-pages-section .related-page .text{ font-weight: 600; } .related-pages-section .related-page .image{ height: 270px; } .related-pages-section .related-page .image img{ -o-object-fit: cover; object-fit: cover; height: 270px; width: 100%; } @media (max-width: 500px){ [data-page-type="main-page"] .banner-section .section-inner { padding-top: 0; -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-template-areas: "banner-1" "send-request-part" "banner-2" "utps"; } [data-page-type="main-page"] .catalog-section .section-inner{ padding-top: 0; } [data-page-type="main-page"] .catalog-section .section-inner .section-title{ padding-top: 0; } .section-title.decorated{ font-size: 20px; } .section-title.decorated .title{ width: 100%; } [data-page-type="main-page"] .banner-section .section-inner .send-request-part { -ms-grid-row: 2; -ms-grid-column: 1; } [data-page-type="main-page"] .banner-section .section-inner .banner-1#main { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 1; } [data-page-type="main-page"] .banner-section .section-inner .banner-2 { -ms-grid-row: 3; -ms-grid-column: 1; } [data-page-type="main-page"] .banner-section .section-inner .utps { -ms-grid-row: 4; -ms-grid-column: 1; -ms-grid-column-span: 1; } } .feedback-form-section .section-inner{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 25px 3vw; background-color: white; } .feedback-form { background-color: #f7f7f7; padding: 1vw 0; 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: center; -ms-flex-align: center; align-items: center; gap: 1.5vw; } .feedback-form .form__title{ font-weight: 700; font-size: 24px; text-align: center; color: #4A4A4A; } .feedback-form .form__post-title{ font-weight: 600; } .feedback-form .inputs{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 1vw; } .feedback-form .inputs input{ background-color: transparent; border: 1px solid #b4b4b4; border-radius: 2px; padding: 5px 8px; } .feedback-form .inputs .inputs__row{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 1.5vw; } @media (max-width: 991px){ .feedback-form .inputs .first.inputs__row{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } } .feedback-form .inputs .inputs__row.personal-data { padding: 0 10px; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; text-align: center; gap: 10px; } .feedback-form .inputs .inputs__row.personal-data .checkbox{ display: inline; margin: 0; border: 1px solid #b4b4b4; font-size: 14px; background-color: #f7f7f7; width: 18px; height: 18px; } .button{ font-weight: 600; background-color: #d9534f; border-radius: 3px; border: none; /* font-family: "Open Sans"; */ letter-spacing: 1px; padding: 8px 30px; color: white; width: 100%; } .section .section-inner{ background-color: white; padding: 15px; font-size: 15px; overflow: hidden; } .swiper-slide img{ width: 100%; } .main-page__partners-slider .swiper-button-prev, .main-page__partners-slider .swiper-button-next{ padding: 40px; background-color: rgba(0,0,0,0.1); margin-top: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #949599; } .main-page__partners-slider .swiper-button-prev:not(.swiper-button-disabled), .main-page__partners-slider .swiper-button-next:not(.swiper-button-disabled){ cursor: pointer; } .main-page__partners-slider .swiper-button-prev{ left: 0; } .main-page__partners-slider .swiper-button-next{ right: 0; } .main-page__partners-slider{ position: relative; padding: 0 100px; } .swiper-slide.partner{ -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .form-response.success{ color: #4cae4c; font-size: 22px; } .like_label{ cursor: pointer; } .get-question.ds-form form { padding: unset; margin-bottom: unset; font-family: unset; } .get-question.ds-form form input[type="text"], .get-question.ds-form form textarea{ margin: 0 0 0 0; } .ui-styles .get-question .ubtn_red { background-color: #CA5C54; border-color: #CA5C54; color: #fff } .ui-styles .get-question .ubtn { width: 100%; height: 32px; padding: 0 10px; font-size: 13px; font-weight: 600; text-decoration: none; border-radius: 2px; -webkit-transition: background-color 0.3s ease; -o-transition: background-color 0.3s ease; transition: background-color 0.3s ease; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .ui-styles .ds-form form button[type="submit"]{ opacity: 1; } .ui-styles .ds-form form button[type="submit"][disabled]{ opacity: 0.6; } .ui-styles .get-question.ds-form .uform-accept label { font-size: 13px!important; font-weight: 600!important; color: black; } body [id*="formmessagereport"]{ color: #333; } .delivery-calc-widget_border iframe{ border: 1px solid #CCC; } @media (max-width: 420px) { .delivery-calc-widget{ padding-right: 0; padding-left: 0 } } .deliveryPage__infoBlock-img{ width: 60px; } .menu__list-link, .catalog-sub__link{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .pageproduct .add-area .avl{ margin-bottom: 8px; } .img-fluid{ max-width: 100%; height: auto; } .prom-sector__item { margin-bottom: 20px; } .prom-sector__item-head{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 15px; } .prom-sector__item-text { padding-left: 100px; } .prom-sector-wrapper p.prom-sector__item-sub-text { padding: 0 0 5px 100px; } .prom-sector__item-img-wrap { width: 70px; min-width: 70px; height: 70px; margin-right: 30px; } .prom-sector__item-head img{ width: 70px; height: 70px; } .prom-sector__item-title { padding: 0; text-transform: uppercase; color: #006CAE; font-size: 18px; } .prom-sector__item-sub-title { padding: 0 0 5px 100px; color: #006CAE; text-transform: uppercase; font-size: 18px; } .prom-sector__item-sub-text--blue { color: #006CAE; font-weight: bold; } .prom-sector-wrapper p { padding-bottom: 20px; } @media (max-width: 768px){ .prom-sector__item-text { padding-left: 0; } .prom-sector__item-sub-title, .prom-sector-wrapper p.prom-sector__item-sub-text { padding: 0 0 5px 0; } } .sidebar-module-2 .ul_hide_style{ display:block; max-height:0px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; overflow-y: hidden; } .sidebar-module-2 .ul_hide_style.shown{ max-height:1000px; } .sidebar-module{ display: none; } @media(min-width:992px){ .sidebar-module{ display: block; } } .sidebar .calc{ display: none; } .row-flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .delievery-list .delivery{ height: 100%; } .mb-15{ margin-bottom: 15px; } #product_gallery { max-width:100%; position: relative; margin: 0 auto 1rem auto; --carousel-button-color: #170724; --carousel-button-bg: #fff; --carousel-button-shadow: 0 2px 1px -1px rgb(0 0 0 / 20%), 0 1px 1px 0 rgb(0 0 0 / 14%), 0 1px 3px 0 rgb(0 0 0 / 12%); --carousel-button-svg-width: 20px; --carousel-button-svg-height: 20px; --carousel-button-svg-stroke-width: 2.5; } #product_gallery .carousel__slide { width: 100%; padding: 0; } #product_gallery .carousel__button.is-prev { left: -15px; } #product_gallery .carousel__button.is-next { right: -15px; } #product_gallery .carousel__button:focus { outline: none; } #thumbCarousel .carousel__slide { opacity: 0.5; padding: 0; margin: 0.25rem; width: 96px; height: 64px; } #thumbCarousel .carousel__slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; border-radius: 4px; } #thumbCarousel .carousel__slide.is-nav-selected { opacity: 1; } .carousel__button{ width: 30px!important; height: 30px!important; z-index: 5; } .seopages{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 15px; } .seopages a{ position: relative; border: 1px solid grey; padding: 5px 13px; color:grey; border-radius: 11px; text-decoration: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); margin-bottom: 5px; } .seopages a:not(:last-child){ margin-right: 7px; } .seopages a:hover{ -webkit-transform: translateY(-5px); -ms-transform: translateY(-5px); transform: translateY(-5px); } .catalog-filter{ position: fixed; top: 0; left: 0; max-width: 0px; width: 100%; overflow-x: hidden; -webkit-transition: max-width 0.4s; -o-transition: max-width 0.4s; transition: max-width 0.4s; z-index: 50; background: #fff; height: 100%; padding-top: 10px; padding-bottom: 0; width: 330px; } @media(min-width:992px){ .catalog-filter{ z-index: 5; } } .catalog-filter.shown{ max-width: 100%; padding-right: 20px; padding-left: 10px; overflow-y: auto; } .catalog-filter .filter-title{ margin-top: 22px; margin-bottom: 18px; font-weight: 400; } .filter-wrapper{ width: 100%; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } /* .catalog-filter.shown{ max-height: 2000px; } */ .catalog-filter .filter__item { /* border: 1px solid #E3E9EE; */ margin-bottom: 24px; /* margin-bottom: 10px; */ } .catalog-filter .filter__values::-webkit-scrollbar { width: 6px; /* Ширина всего элемента навигации */ } .catalog-filter .filter__values::-webkit-scrollbar-track { background: #F4F7FA; /* Цвет дорожки */ } .catalog-filter .filter__values::-webkit-scrollbar-thumb { background-color: #005188; /* Цвет бегунка */ border-radius: 20px; /* Округление бегунка */ border: 3px solid #005188; /* Оформление границ бегунка */ } .catalog-filter .filter__head { background:#fff; padding: 10px 12px; padding-top: 0; font-weight: 600; /* border-bottom: 1px solid #E3E9EE; */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 0; cursor: pointer; font-size: 13px; line-height: 18px; margin-bottom: 8px; } .catalog-filter .filter__head span{ -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .catalog-filter .filter__head.active span{ -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .catalog-filter .filter__body { max-height: 0px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; position: relative; overflow: hidden; } .catalog-filter .filter__body::-webkit-scrollbar { width: 4px; /* ширина нового скроллбара */ } .catalog-filter .filter__body::-webkit-scrollbar-track { background: #E5E6EA; /* цвет фона у дорожки */ } .catalog-filter .filter__body::-webkit-scrollbar-thumb { background: #757575; /* цвет фона у дорожки */ border-radius: 13px; /* скругление углов */ width: 4px; } .catalog-filter .filter__body .show-more-filters{ position: sticky; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; bottom: 0; } .catalog-filter .filter__body .show-more-filters.shown{ padding-top: 10px; } .catalog-filter .filter__body.active{ padding-left: 12px; padding-right: 10px; max-height: 1000px; } .catalog-filter .filter__body.active.scroll{ max-height: 338px; overflow-y: auto; } .catalog-filter .filter__search { position: relative; background: #fff; padding-top: 8px; padding-bottom: 8px; position: sticky; top: 0; } .catalog-filter .filter__search .input-group{ width: 100%; } .filter__search .input-group .input-group-addon{ background: #fff; border-radius: 4px 0 0 4px; } .filter__search .input-group .filter-search{ height: 34px; border: 1px solid #ccc; border-left: none ; width: 100%; border-radius: 0px; border-radius: 0 4px 4px 0; } .filter__search .input-group .filter-search:focus-visible{ border: 1px solid #ccc; outline: none; border-left: 0px ; } .catalog-filter .filter__body .catalog-filter .filter__values { max-height: 100%; overflow-y: hidden; overflow-x: hidden; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; padding-right: 10px; } .catalog-filter .filter__body.active .catalog-filter .filter__values { overflow-y: hidden; } .catalog-filter .filter__value { -webkit-box-align: center; -ms-flex-align: center; align-items:center; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 8px; cursor: pointer; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .catalog-filter .filter__value.hidden{ display: none; } @media (min-width:992px) { .catalog-filter .filter__value { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } } .catalog-filter .filter__value input{ margin-top: 5px; margin-right: 5px; } .catalog-filter .filter__value input[type=checkbox]{ margin-top: 0; } .catalog-filter .filter__value label{ cursor: pointer; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 18px; word-break: break-word; color: #333333; } .filter-body{ height: 100%; position: relative; } .catalog-filter__buttons{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; background: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; padding-bottom: 5px; } .catalog-filter__buttons .btn{ margin-right: 5px; width: 100%; } .catalog-filter__buttons .btn{ min-width: auto; } .filter__value:hover{ color:#337ab7; } #show-more-filters{ margin-top: 10px; margin-bottom: 10px; } .category-tag{ padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; border: 1px solid #333333; color: #333333; border-radius: 11px; outline: none; margin-right: 5px; margin-bottom: 8px; width: auto!important; } .category-tag:hover{ text-decoration: none; color:grey; } .category-tag:focus{ text-decoration: none; outline: none; } .tag-wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .tag-name{ white-space: nowrap; margin-right: 15px; font-weight: 600; } .tags-list{ max-width: 100%; } .tags-list .slick-slide{ margin-right: 8px; } .sidebar-module .sale{ padding-top: 0; } .sticky-header{ position: fixed; top: 0; width: 100%; background: #fff; z-index: 999; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); } .sticky-header .section-inner{ display: flex; align-items: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: white; padding-top: 16px; padding-bottom: 16px; padding-right: 32px; padding-left: 32px; justify-content: space-between; } .sticky-header .logo{ margin-right: 16px; } .sticky-header .menu__list-link{ background: #005188; border-radius: 4px; width: 178px; height: 34px; } .sticky-header .search{ flex-grow: 1; margin-right: 32px; } .sticky-header .menu__list-item._active, .sticky-header .menu__list-item:hover{ background-color: #fff!important; padding-top: 0; padding-bottom: 0; margin-right: 32px; } .sticky-header .menu{ position: relative; } .sticky-header .ui-styles .menu .catalog-block{ bottom: 0; } .sticky-header .ui-styles .menu .catalog-list{ background: #fff; position: initial; max-height: 90vh; overflow-y: auto; } .sticky-header .ui-styles .menu .catalog-list__item:hover>.catalog-sub{ max-height: 90vh; height: 90vh; overflow-y: auto; } /* хром, сафари */ .sticky-header .ui-styles .menu .catalog-list::-webkit-scrollbar { width: 0; } /* ie 10+ */ .sticky-header .ui-styles .menu .catalog-list { -ms-overflow-style: none; } /* фф (свойство больше не работает, других способов тоже нет)*/ .sticky-header .ui-styles .menu .catalog-list { overflow: -moz-scrollbars-none; } .sticky-header .phone-sticky a{ background: #005188; color: #fff; border-radius: 100%; width: 33px; height: 33px; 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; } .sticky-header .phone-sticky a:hover{ text-decoration: none; background: #c9302c; } .sticky-header .phone-sticky a i{ color: #fff; } .d-flex{ display: -webkit-box; display: -ms-flexbox; display: flex; } .justify-content-between{ -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .align-items-center{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sticky-header .callback-button button{ font-weight: 600; background-color: #d9534f; border-radius: 3px; border: none; /* font-family: "Open Sans"; */ letter-spacing: 1px; padding: 8px 10px; color:#fff; } .sticky-header .callback-button button:hover{ background: #c9302c; } .sticky-header .menu__list-item.catalog_item{ padding: 8px 0!important; } .sticky-header .menu__list-link{ padding: 0!important; } @media (max-width:992px) { .sticky-header{ display: none; } } .ui-styles .menu__list-item:hover { background:#1266B1 } #noty_box{ display: none; position: fixed; right: 20px; top: 60px; z-index: 1051; } .success-resp-con { padding: 12px; width: 303px; position: absolute; z-index: 10000000; top: 30px; right: 0; background: #fff; -webkit-box-shadow: 0px 0px 10px #dedede; box-shadow: 0px 0px 10px #dedede; border-radius: 4px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .success-resp-con .icon-suc { width: 24px; height: 24px; display: inline-block; margin-right: 10px; } .success-resp-con .text-success-m { font-size: 11px; color: #333; } .success-resp-con .close-suc { width: 16px; height: 16px; display: inline-block; margin-left: 10px; cursor: pointer; } #noty_box a{ color:#005188; font-weight: 600; } #noty_box p{ margin-bottom: 0; } .roistat-lh-pulsator-phone{ bottom: calc(10% + 65px)!important; } .b24-widget-button-position-bottom-right{ right: 75px!important; bottom: 10%!important; } @media(max-width: 992px){ .b24-widget-button-position-bottom-right{ right: 5px!important; bottom: 5px!important; } div.scrollup{ right: 10px; bottom: calc(10% + 105px); } .roistat-lh-pulsator-phone{ right: 10px!important; bottom: 82px!important; } } .goods_item{ overflow: hidden; position: relative; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .goods_item:hover{ -webkit-box-shadow: 0 5px 9.7px 0.3px rgba(0,0,0,.15); box-shadow: 0 5px 9.7px 0.3px rgba(0,0,0,.15); } .col-12{ padding-right: 15px; padding-left: 15px; } .product-item{ margin-bottom: 8px; 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: start; -ms-flex-align: start; align-items: flex-start; padding: 12px; background: #FFFFFF; border: 1px solid #E5E6EA; border-radius: 12px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; } @media(min-width:768px){ .product-item{ padding: 8px; padding-right: 24px; margin-bottom: 16px; /* padding-left: 24px; */ } } .product-item:hover{ -webkit-box-shadow: 0 5px 9.7px 0.3px rgba(0,0,0,.15); box-shadow: 0 5px 9.7px 0.3px rgba(0,0,0,.15); } .product-slider{ padding: 0 15px; } .product-item .product__header{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; border-bottom: 1px solid #E5E6EA; padding-bottom: 8px; cursor: pointer; } .product-slider .goods_item{ height: 300px!important; } .product-slider .goods_item .goods_pic{ max-height: 170px; } .product-item .product__footer{ width: 100%; 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; padding-top: 8px; } .product-item .footer__price{ 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; } .product-item .footer__price .price{ font-weight: 600; font-size: 13px; line-height: 18px; color: #333333; white-space:nowrap; position: relative; } .product-item .footer__price .price.sale{ color: #D9534F; font-size: 14px; font-style: normal; font-weight: 600; padding-top: 0; line-height: 16px; } .product-item .footer__price .price.sale>span{ color: #757575; font-size: 12px; font-style: normal; font-weight: 400; line-height: 14px; /* 116.667% */ position: absolute; bottom: 0; right: -100%; } .product-item .footer__price .price.sale>span span{ position: relative; display: block; height: 14px; } .product-item .footer__price .price.sale>span span::before{ position: absolute; content: ' '; width: 100%; height: 1px; background-color: #D9534F; transform: rotate(-12deg); top: 7px; } @media (min-width:768px) { .product-item .footer__price .price { font-size: 16px; line-height: 20px; } .product-item .footer__price .price.sale{ font-size: 16px; bottom: 2px; } .product-item .footer__price .price.sale>span{ right: auto; left: -100%; } } .product-item .footer__price .price.thin{ font-weight: 400; } .product-item .footer__price .price__comment{ font-style: normal; font-weight: 500; font-size: 11px; line-height: 14px; color: #757575; } @media (min-width:768px) { .product-item .footer__price .price__comment{ font-size: 14px; line-height: 16px; } } .product-item .footer__btns .btn-button-cat, .product-item .footer__btns .btn-button-cat:active{ position: relative; outline: none; border-radius: 4px; padding-right: 37px; margin-top: 0; border:none; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; margin-bottom: 0; height: 36px; max-width: 36px; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; color: #FFFFFF; } .product-item .footer__btns .btn-secondary{ padding: 5px 10px; 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: 36px; width: 106px; min-width: auto; background: #E5E6EA; color: #005188; } .product-item .footer__btns{ padding-left: 8px; } @media (max-width:768px) { .product-item .footer__btns .btn-button-cat, .product-item .footer__btns .btn-button-cat:active{ padding: 10px; } } @media (min-width:768px) { .product-item .footer__btns .btn-button-cat, .product-item .footer__btns .btn-button-cat:active, .product-item .footer__btns .btn-secondary{ width: 106px; max-width: 106px; } .product-item .footer__btns{ padding-left: 16px; } } .product-item .count{ width: 99px; height: 36px; position: relative; margin-left: 16px; } @media (min-width:768px) { .product-item .count{ width: 114px; height: 35px; } } .product-item .count span{ position: absolute; top: 50%; right: 10px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .product-item .count input{ display: block; width: 99px; height: 36px; background: #FFFFFF; border-radius: 4px; border: 1px solid #E5E6EA; padding-left: 9px; padding-right: 9px; padding-bottom: 9px; padding-top: 9px; } @media (min-width:768px) { .product-item .count{ width: 114px; height: 35px; } .product-item .count input{ width: 114px; height: 35px; } } .product-item .count input.active, .product-item .count input:focus-visible{ border: 1px solid #757575; outline: none; } .product-item .product__img{ width: 46px; height: 46px; min-width: 46px; margin-right: 16px; border-radius: 4px; background-repeat: no-repeat!important; background-position: center!important; background-size: contain!important; position:relative; } @media (min-width:768px) { .product-item .product__img{ width: 72px; height: 72px; border-radius: 5px; } } .product-item .product__name a{ font-style: normal; font-weight: 600; font-size: 16px; line-height: 20px; color: #232427; } .product-item .product__name a:hover{ text-decoration: none; } .footer__order{ 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; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } @media (min-width:768px){ .product-item .count{ display: block; } .product-item{ -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-item .product__img{ width: 70px; height: 70px; min-width: 70px; margin-right: 16px; } .product-item .product__header{ -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: none; padding-bottom: 0; } .product-item .product__name { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product-item .product__name a{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #333333; padding-right: 15px; } .product-item .product__footer{ padding-top: 0; } .product-item .footer__price{ /* width: 100px; */ } .footer__order{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .count input::-webkit-outer-spin-button, .count input::-webkit-inner-spin-button { /* display: none; <- Crashes Chrome on hover */ -webkit-appearance: none; margin: 0; /* <-- Apparently some margin are still there even though it's hidden */ } .count input[type='number'] { -moz-appearance: textfield; } } .category__item{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; padding: 8px; border: 1px solid #E5E6EA; border-radius: 12px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } .category__item:hover{ -webkit-box-shadow: 0 5px 9.7px 0.3px rgba(0,0,0,.15); box-shadow: 0 5px 9.7px 0.3px rgba(0,0,0,.15); } .category__img{ width: 72px; height: 72px; min-width: 72px; border-radius: 8px; overflow: hidden; 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; margin-right: 10px; } .category__img img{ -o-object-fit: cover; object-fit: cover; max-height: 100%; max-width: 100%; } .category__item .category__name a{ font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; color: #232427; } .category__item .category__name a:hover{ text-decoration: none; } @media(min-width:1200px){ .category__item .category__name a{ display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } } .filter-btn__wrapper{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .filter-btn{ position: fixed; right: 0px; top: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333333; margin-bottom: 50px; margin-top: 16px; background: #E5E6EA; border-radius: 6px 0px 0px 6px ; padding-left: 18px; padding-right: 18px; padding-top: 11px; padding-bottom: 11px; z-index: 10; } .filter-btn span{ background: #005188; border-radius: 100%; color:#fff; width: 16px; height: 16px; 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; margin-right: 4px; } .close-filter{ font-weight: 400; font-size: 17px; z-index: 55; } .filer-header { position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding-right: 15px; padding-left: 15px; } .sidebar-module-2{ padding-right: 0; padding-left: 0; } .filter-frame{ position: fixed; width: 100%; max-width: 0px; left: 0; top: 0; height: 100%; background: #000; opacity: 0.5; z-index: 10; } .filter-frame.active{ max-width: 100%; } @media (min-width:992px){ .filter-btn{ display: none; } .close-filter{ display: none; } .catalog-filter{ position: relative; max-width: none; width: auto; padding-right: 15px; padding-left: 15px; height: auto; padding-top: 0; } .filter-frame, .filter-frame.active{ display: none; } .catalog-filter__buttons{ position: relative; } } .img-wrapper{ margin-bottom: 24px; } p{ margin-bottom: 16px; } .page-category-list{ margin-top: 32px; } .page-category{ padding: 8px; background: #FFFFFF; border: 1px solid #EAEAEA; border-radius: 6px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 145px; margin-bottom: 10px; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: -webkit-box-shadow 0.3s; transition: -webkit-box-shadow 0.3s; -o-transition: box-shadow 0.3s; transition: box-shadow 0.3s; transition: box-shadow 0.3s, -webkit-box-shadow 0.3s; } .page-category:hover{ -webkit-box-shadow: 0 5px 9.7px 0.3px rgba(0,0,0,.15); box-shadow: 0 5px 9.7px 0.3px rgba(0,0,0,.15); } .page-category .category-title{ /* font-family: 'Open Sans'; */ font-style: normal; font-weight: 600; font-size: 13px; line-height: 19px; color: #337AB7; margin-bottom: 4px; text-transform: uppercase; } .page-category .category-image{ width: 100%; height: 106px; } .page-category .category-image img{ -o-object-fit: contain; object-fit: contain; width: 100%; max-height: 100%; } @media (min-width:992px) { .page-category{ overflow: hidden; height: 203px; margin-bottom: 15px; } .page-category .category-image{ height: 180px; } .page-category .category-title{ margin-bottom: 14px; } .page-category-list{ margin-top: 64px; } } .cart-product .count{ display: block; } .cart-product .footer__order{ display: -webkit-box; display: -ms-flexbox; display: flex; } .map{ height: 350px; } .filter-selected{ position: absolute; top: 0; right: 15px; -webkit-transform: translateY(-25%) translateX(100%); -ms-transform: translateY(-25%) translateX(100%); transform: translateY(-25%) translateX(100%); padding: 5px 5px; border-radius: 3px; opacity: 0; visibility: hidden; z-index: 51; background-color: #005188; color: #fff; display: none; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 8px 8px 8px 12px; } @media(min-width:992px){ .filter-selected{ display: -webkit-box; display: -ms-flexbox; display: flex; } } .filter-selected.active{ opacity: 1; visibility: visible; } .filter-selected span{ margin-right: 8px; margin-left: 4px; } .filter-selected button{ background: #FFFFFF; border-radius: 4px; font-weight: 600; border-radius: 3px; height: 22px; color: #005188; border: none; } .product-item .footer__btns .btn-button-in-cat, .product-item .footer__btns .btn-button-in-cat:active{ color: #005188!important; background: transparent; height: 36px!important; border: 1px solid rgba(0, 81, 136, 0.1)!important; outline: none; -webkit-transition: border 0.3s; -o-transition: border 0.3s; transition: border 0.3s; } @media (max-width:768px) { .product-item .footer__btns .btn-button-in-cat, .product-item .footer__btns .btn-button-in-cat:active{ background: rgba(0, 81, 136, 0.1);; } .product-item .footer__btns .btn-button-in-cat, .product-item .footer__btns .btn-button-in-cat{ width: 36px; height: 36px; } } .product-item .footer__btns .btn-button-cat span{ position: absolute; top: 0; right: 0; width: 32px; height: 100%; 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; border-radius: 0 4px 4px 0; background: rgba(0, 81, 136, 1); height: 100%; color:#fff; -webkit-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; font-size: 12px; } .product-item .footer__btns .btn-button-cat:hover span{ background: #337AB7; } .product-item .footer__btns .btn-button-in-cat:hover{ background: transparent; /* border: 1px solid rgba(0, 81, 136, 1)!important; */ } .product-item .footer__btns .btn-button-in-cat span{ background: rgba(0, 81, 136, 0.1); color: #005188; font-size: 12px; -webkit-transition: background 0.3s color 0.3s; -o-transition: background 0.3s color 0.3s; transition: background 0.3s color 0.3s; } .product-item .footer__btns .btn-button-in-cat:hover span{ background: #337AB7; color: #fff; font-size: 12px; } .selected-filters{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 12px; margin-top: 17px; } @media (min-width:768px) { .selected-filters{ margin-bottom: 24px; } } .selected-filters .selected_item{ display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 8px; margin-bottom: 8px; background: #fff; border-radius: 4px; border: 1px solid #005188; color: #005188; padding: 4px 6px; max-height: 22px; cursor: pointer; font-size: 11px; line-height: 14px; } .selected-filters .selected_item span{ margin-left: 4px; } @media (min-width:992px) { } .pagination{ margin-top: 12px; margin-bottom: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (min-width:768px) { .pagination{ margin-top: 41px; margin-bottom: 50px; } } .pagination a, .pagination span{ font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 14px; padding-bottom: 14px; padding-right: 14px; padding-left: 14px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; height: 40px; } .pagination a:hover{ text-decoration: none; } .pagination span.current{ border: 1px solid #005188; border-radius: 4px; } .show-more-products{ width: 100%; height: 41px; font-weight: 400; font-size: 13px; line-height: 18px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; margin-top: 16px; /* Blue/dark */ color: #005188; } @media (min-width:768px) { .pagination{ -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .pagination a, .pagination span{ font-size: 16px; line-height: 22px; } .show-more-products{ width: 179px; margin-top: 40px; margin-right: auto; } } #submit-filter{ 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: 34px; } #submit-filter span{ width: 16px; 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; min-width: 16px; height: 16px; max-width: auto; color: #005188; background: #fff; border-radius: 100%; margin-right: 4px; } .tag-title{ /* font-family: 'Open Sans'; */ font-style: normal; font-weight: 400; font-size: 19px; line-height: 24px; /* identical to box height, or 126% */ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; /* Grey/text */ color: #333333; margin-bottom: 16px; } .show-more-filters{ position: absolute; bottom: 0; background: #fff; width: 100%; } .show-more-filters span{ margin-left: 5px; } .tippy-tooltip{ background: #E5E6EA; color: #333333; text-align: center; } .tippy-tooltip[data-placement^=bottom]>.tippy-arrow { border-bottom-color: #E5E6EA; } .tippy-tooltip[data-placement^=top]>.tippy-arrow{ border-top-color: #E5E6EA; } .tippy-content{ white-space: nowrap; } input, textarea, select { font-size: 12px; } #product-list .col-12{ padding-right: 5px; padding-left: 5px; } @media (min-width:992px) { #product-list .col-12{ padding-right: 15px; padding-left: 15px; } } @media screen and (-webkit-min-device-pixel-ratio:0){ select, textarea, input{ font-size:16px!important; } } .uncheck-all{ color: #757575; font-weight: 400; font-size: 13px; line-height: 14px; background: #FFFFFF; border: 1px solid #757575; border-radius: 4px; padding: 4px 6px; max-width: 100px; margin-bottom: 24px; cursor: pointer; height: 22px; } @media (min-width:992px) { .uncheck-all{ margin-bottom: 0; height: 22px; } } .thumbnail .image{ width: 100%; max-width: 100%; height: 200px; } .thumbnail .image img{ width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .thumbnail .caption a{ height: 37px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -moz-box; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-clamp: 2; box-orient: vertical; } .category-description{ max-height: 280px; position: relative; overflow: hidden; -webkit-transition: max-height 0.4s; -o-transition: max-height 0.4s; transition: max-height 0.4s; } .category-description:not(.show):after{ content:''; position: absolute; bottom: 0; width: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), color-stop(38.83%, #FFFFFF)); background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, #FFFFFF 38.83%); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 38.83%); -webkit-filter: blur(6.5px); filter: blur(6.5px); height: 94px; -webkit-transform: translateY(10px) translateX(-20px); -ms-transform: translateY(10px) translateX(-20px); transform: translateY(10px) translateX(-20px); } .category-description.show{ max-height: 100000px; } .show-more-description{ position: absolute; bottom: 17px; font-weight: 400; font-size: 13px; line-height: 18px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #005188; z-index: 2; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; } .show-more-description span{ margin-left: 11px; } .product-sticker{ position: absolute; display: block; padding: 2px 4px; width: 39px; height: 24px; border-radius: 3px; background: #BBD701; box-shadow: 0px 0.30914px 0.61828px 0px rgba(51, 51, 51, 0.04), 0px 0.78184px 1.56368px 0px rgba(51, 51, 51, 0.06), 0px 1.59488px 3.18976px 0px rgba(51, 51, 51, 0.08), 0px 3.28515px 6.5703px 0px rgba(51, 51, 51, 0.10), 0px 9px 18px 0px rgba(51, 51, 51, 0.14); color: var(--grey-text, #333); top: -19px; left: 13px; } .product-sticker .sticker-inner{ position: relative; width: 100%; height: 100%; font-size: 9px; font-style: normal; font-weight: 400; line-height: 10px; } .product-sticker img{ position: absolute; right: 4px; width: 10px; height: 10px; } @media (min-width:768px) { .product-sticker{ width: 46px; height: 30px; left: 32px; top: -16px; } .product-sticker .sticker-inner{ font-size: 11px; font-weight: 400; line-height: 13px; } .product-sticker img{ width: 12px; height: 12px; } } .sliders-photo-prod-row .product-sticker{ width: 46px; height: 28px; left: auto; right: 16px; top: -8px; } .sliders-photo-prod-row .product-sticker .sticker-inner{ font-size: 11px; font-style: normal; font-weight: 400; line-height: 12px; } @media (min-width:768px) { .sliders-photo-prod-row .product-sticker{ width: 49px; height: 32px; right: 16px; top: -12px; } .sliders-photo-prod-row .product-sticker .sticker-inner{ font-size: 12px; font-weight: 400; line-height: 14px; } } .switch { position: relative; display: inline-block; width: 26px; height: 14px; } /* Hide default HTML checkbox */ .switch input { opacity: 0; visibility: hidden; } /* The slider */ .switcher { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #757575;; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } .switcher:hover { background-color: #337AB7; } .switcher:before { position: absolute; content: ""; height: 12px; width: 12px; left: 1px; bottom: 1px; background-color: white; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; } input:checked + .switcher { background-color: #337AB7; } input:checked + .switcher:hover { background-color: #005188; } input:checked + .switcher:before { -webkit-transform: translateX(12px); -ms-transform: translateX(12px); transform: translateX(12px); } /* Rounded switchers */ .switcher.round { border-radius: 34px; } .switcher.round:before { border-radius: 50%; } .filter__item.switcher-item{ margin-bottom: 24px; } .formCallback{ margin-top: 40px; margin-bottom: 64px; } @media screen and (max-width:767px){ .mobile>.border{ border:none; padding-right: 0; padding-left: 0; } } .category-description h1{ font-style: normal; font-weight: 400; font-size: 19px; line-height: 24px; color: #333333; } @media screen and (min-width:768px){ .category-description h1{ font-size: 27px; line-height: 32px; } } .catalog img{ max-width:100%; } .sticky-total{ position:fixed; width: 100%; bottom: 0; left: 0; background: #fff; height: 70px; z-index: 5; overflow: hidden; -webkit-box-shadow: 0px 27px 420px rgba(51, 51, 51, 0.14), 0px 3.38082px 52.5905px rgba(51, 51, 51, 0.07); box-shadow: 0px 27px 420px rgba(51, 51, 51, 0.14), 0px 3.38082px 52.5905px rgba(51, 51, 51, 0.07); } .sticky-total__inner{ position: relative; width: 100%; height: 100%; padding-top: 16px; padding-bottom: 16px; padding-right: 16px; padding-left: 16px; 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; } .sticky-total__price{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sticky-total__price .value{ font-weight: 600; font-size: 13px; line-height: 18px; color: #333333; } .sticky-total__price .count{ font-weight: 400; font-size: 11px; line-height: 14px; color: #757575; } .sticky-total-btns .btn{ height: 34px; width: 125px; } .sticky-total{ max-height: 0px; } .sticky-total.show{ max-height: 70px; overflow: visible; } @media (min-width:768px) { .sticky-total{ display: none; } .sticky-total.show{ display: none; max-height: 0px; } } .sticky-total-btns{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sticky-total-btns .amount-prod-inp{ width: 125px; height: 36px; background: #FFFFFF; border: 1px solid #E5E6EA; border-radius: 4px; margin-right: 8px; padding-left: 9px; } .sticky-total-btns .add-to-cart-btn{ display: -webkit-box; display: -ms-flexbox; display: flex; width: 36px; height: 36px; background: url(/img/product/cart-icon.svg); background-position: center; background-repeat: no-repeat; background-color: #005188; border-radius: 4px; } .sticky-total-btns .remove-from-cart-btn{ width: 36px; height: 36px; background-color: rgba(0, 81, 136, 0.1); background-position: center; background-repeat: no-repeat; background-image: url('/css/images/delete.svg'); border-radius: 4px; } .sticky-total-btns .input-amount-con{ position: relative; } .sticky-total-btns .input-amount-con .ed{ position: absolute; top: 50%; right: 14px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .sticky-total-btns .find-analog-btn{ 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: 128px; height: 34px; font-weight: 400; font-size: 13px; line-height: 18px; color: #005188; background: #E5E6EA; border-radius: 4px; } .sticky-total-btns .find-analog-btn:hover, .sticky-total-btns .find-analog-btn:focus{ text-decoration: none; } .swiper-button-disabled{ display: none!important; } .custom-plhdr.form-group{ position: relative; } .custom-plhdr.form-group .form-control{ border: 1px solid #EAEAEA; font-weight: 400; font-size: 13px; line-height: 18px; color: #333333; padding-bottom: 5; padding-top: 19px; -webkit-box-shadow: none; box-shadow: none; height: 42px; max-width: 100%; } .form-control.not-empty{ border-color: #005188!important; } .form-group.custom-plhdr label{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; font-size: 14px; line-height: 18px; color: #757575; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding-left: 12px; margin-bottom: 0; } .form-group.custom-plhdr .fix-label ~ label{ top: 0px!important; padding-left: 20px; -webkit-transform: translateY(0) scale(0.7); -ms-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .form-group .prompt{ font-weight: 400; font-size: 13px; line-height: 18px; color: #E5E6EA; position: absolute; left: 2px; top: 26px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); padding-left: 11px; display: none; } @media (min-width:768px) { .delivery-city__form .form-group{ width: 66.6%; padding-right: 32px; } } .custom-plhdr.form-group .form-control:hover{ border-color: #757575; } .custom-plhdr.form-group .form-control:focus, .custom-plhdr.form-group .form-control:active{ border-color: #005188; } .custom-plhdr.form-group .form-control.error{ border-color: #D9534F; } .custom-plhdr.form-group .invalid-feedback{ position: absolute; top: 100%; -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px); font-weight: 400; font-size: 10px; line-height: 14px; color: #D9534F; visibility: hidden; opacity: 0; } .custom-plhdr.form-group .invalid-feedback.show{ visibility: visible; opacity: 1; } .custom-plhdr.form-group label{ position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-weight: 400; font-size: 14px; line-height: 18px; color: #757575; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding-left: 12px; margin-bottom: 0; } .form-group.custom-plhdr textarea.form-control{ height: 133px; width: 529px; max-width: 100%; } .form-group.custom-plhdr textarea.form-control ~ label{ top: 12px; } .form-control.custom-plhdr.fix-label ~ label{ top: 0px; padding-left: 20px; -webkit-transform: translateY(0) scale(0.7); -ms-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .form-control.custom-plhdr.fix-label ~ label{ top: 0px; padding-left: 20px; -webkit-transform: translateY(0) scale(0.7); -ms-transform: translateY(0) scale(0.7); transform: translateY(0) scale(0.7); -webkit-transform-origin: left; -ms-transform-origin: left; transform-origin: left; } .custom-plhdr.form-group::-webkit-input-placeholder{ color: transparent; } .custom-plhdr.form-group::-moz-placeholder{ color: transparent; } .custom-plhdr.form-group:-ms-input-placeholder{ color: transparent; } .custom-plhdr.form-group::-ms-input-placeholder{ color: transparent; } .custom-plhdr.form-group::placeholder{ color: transparent; } .custom-plhdr.form-group label.req::after{ color: #f1222e; content: "*"; } .mobile-header{ position: relative; width: 100%; background: #005188; padding-top: 32px; padding-bottom: 20px; padding-right: 16px; padding-left: 16px; 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; } .mobile-header__side{ display:flex; align-items: center; } .mobile-logo img{ height: 24px; } .mobile-header__side .cart-link:not(:last-child){ margin-right: 16px; } .mobile-header .burger{ display: block; width: 25px; height: 21px; background-repeat: no-repeat; background-position: center; background-image: url(/css/images/icons/Menu.svg); margin-right: 16px; } .mobile-header .cart{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; color: #fff; } .mobile-header .cart img{ width: 30px; height: 30px; } .mobile-header .cart-link{ color: #fff; position: relative; } .mobile-header .icon.cart>span { position: absolute; top: 0; right: -5px; background: #D9534F; border-radius: 27px; height: 12px; min-width: 12px; max-width: 15px; 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; padding-right: 1px; padding-left: 1px; font-size: 7.15385px; line-height: 13px; color: #FFFFFF; } @media (min-width:992px) { .mobile-header{ display: none; } } .mobile-search{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 24px; padding-bottom: 24px; padding-right: 16px; padding-left: 16px; background: #fff; } .mobile-search .input-group{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; } .mobile-search .input-group input{ -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; height: 33px; } .mobile-search .input-group .input-group-btn{ width: 50px; max-width: 50px; height: 33px; display: block; } .mobile-search .input-group .input-group-btn .btn{ display: block; width: 100%; height: 100%; background: #005188; max-width: 50px; background-image: url(/css/images/icons/search.svg); background-repeat: no-repeat; background-position: center; margin-top: 0; margin-bottom: 0; min-width: auto; } @media (min-width:992px) { .mobile-search{ display: none; } } .menu__list-item.mobile-item{ display: block; } @media (min-width:992px) { .menu__list-item.mobile-item{ display: none; } } .top-banner { background: #D0323D; font-size: 14px; padding-top: 14px; padding-bottom: 14px; text-align: center; font-weight: 400; color: #fff; } .top-banner span{ font-size: 16px; font-weight: 700; } @media (min-width:992px) { .top-banner { font-size: 16px; } .top-banner span{ font-size: 19px; } } .banner-propusk{ padding-bottom: 40px; padding-top: 24px; background-image: url(/css/images/propusk.png ); background-repeat: no-repeat; background-position: bottom right; background-size: cover!important; height: 100%; min-height: 420px; display: flex; flex-direction: column; padding-right: 24px; padding-left: 24px; width: 320px; max-width: 100%; } @media (min-width:1200px) { .banner-propusk{ background-size: contain; width: auto; padding-left: 15px; padding-right: 16px; } } .banner-propusk__title{ font-style: normal; font-weight: 600; font-size: 26px; line-height: 26px; color: #005188; text-align: center; margin-bottom: 19px; } @media (min-width:1000px) { .banner-propusk__title{ text-align: left; } } .banner-propusk__text{ text-align: center; font-style: normal; font-weight: 400; font-size: 18px; line-height: 20px; color: #757575; margin-bottom: 16px; } .banner-propusk__show_scheme{ font-weight: 600; font-size: 19px; line-height: 24px; color: #333333; text-align: center; } .banner-propusk__show_scheme:hover, .banner-propusk__show_scheme:active{ text-decoration: none; color: #333333; } @media (min-width:1200px) { .banner-propusk__title{ text-align: left; } .banner-propusk__text{ text-align: left; } .banner-propusk__show_scheme{ text-align: left; } } .banner-propusk__btns{ display: flex; align-items: center; justify-content: center; margin-top: auto; } .banner-propusk__btns .btn{ min-width: auto; max-width: auto; font-style: normal; font-weight: 500; font-size: 16px; line-height: 20px; display: flex; justify-content: center; align-items: center; color: #FFFFFF; background: #E97A67; width: 173px; height: 40px; border: none; } .delievery .work-time { margin-top: 16px; margin-bottom: 16px; } .work-time__title { font-weight: 600; margin-bottom: 8px; } .work-time__table span { font-weight: 400; font-size: 14px; line-height: 18px; color: #757575; } .work-time__table tr td:last-child{ padding-left: 24px; } .work-time__table tr:not(:last-child){ border-bottom: 8px solid transparent; } header .top-panel{ background: var(--blue-blue, #005188); color:#fff; padding-top: 11px; padding-bottom: 12px; } header .top-panel .top-panel__address{ display: flex; align-items: center; height: 100%; line-height: 18px; } header .top-panel .top-panel__address a{ font-style: normal; font-weight: 400; font-size: 14px; color: #fff; } header .top-panel .top-panel__address a:hover{ text-decoration: none; } .top-panel__info{ display: flex; align-items: center; justify-content: flex-end; width: 100%; } .top-panel__info .info__phone > a{ font-style: normal; font-weight: 400; font-size: 19px; line-height: 24px; color: #FFFFFF; margin-right: 16px; position: relative; } .top-panel__info .info__phone > a::after{ content: ''; position: absolute; bottom: -4px; width: 100%; height: 1px; opacity: 0; left: 0; visibility: hidden; background-color: #fff; transition: 0.4s; } .top-panel__info .info__phone > a:hover{ text-decoration: none; } .top-panel__info .info{ position: relative; } .top-panel__info .info__phone .dropdown{ position: absolute; background-color: #fff; border-radius: 10px; top: calc(100% + 8px); z-index: 3; padding: 16px; width: 224px; opacity: 0; visibility: hidden; transition: 0.4s; right: 50%; transform: translateX(-15%); filter: drop-shadow(0px 6px 30px rgba(51, 51, 51, 0.1)) drop-shadow(0px -1px 40px rgba(51, 51, 51, 0.07)); } .top-panel__info .info__phone:hover .dropdown{ opacity: 1; visibility: visible; } .top-panel__info .info__phone:hover > a::after{ opacity: 1; visibility: visible; } .top-panel__info .info__phone .dropdown .work-time__table{ max-width: 100%; } .work-time__table tr td:first-child{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #757575; } .work-time__table tr td:last-child{ font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; padding-left: 23px; color: #333333; } .top-panel__info .info__phone .dropdown .dropdown__title{ font-style: normal; font-weight: 600; font-size: 19px; line-height: 24px; color: #333333; padding-bottom: 12px; border-bottom: 1px solid #EAEAEA; margin-bottom: 12px; } .top-panel__info .info__phone .dropdown .dropdown__footer{ padding-top: 16px; } .top-panel__info .info__phone .dropdown .dropdown__footer .btn{ background: #005188; border-radius: 4px; width: 192px; height: 38px; font-style: normal; font-weight: 400; font-size: 14px; line-height: 18px; color: #FFFFFF; display: flex; align-items: center; justify-content: center; } .callback-button button{ font-weight: 400; font-size: 14px; line-height: 18px; color: #FFFFFF; display: flex; align-items: center; background-color: transparent; border: none; margin-right: 32px; } .callback-button button span{ display: block; width: 28px; height: 28px; background-image: url(/css/images/icons/call.svg); margin-right: 8px; background-repeat: no-repeat; background-size: contain; } .top-panel__info .sendform-button{ width: 149px; height: 34px; left: 996px; top: 11px; background: #005188; border-radius: 4px; font-weight: 400; font-size: 14px; line-height: 18px; display: flex; align-items: center; text-align: center; justify-content: center; color: #FFFFFF; box-shadow: none; border: none; } @media(max-width:1000px){ header .top-panel{ display: none; } } .select { position: relative; display: block; height: 42px; width: 100%; max-width: 100%; margin-bottom: 20px; } @media (min-width:768px) { .select { width: 393px; } } .select__head { width: 100%; max-width: 100%; height: 42px; border-radius: 6px; padding: 10px 15px; font-size: 14px; line-height: 18px; color: rgba(66, 67, 72, 0.8); cursor: pointer; border: 1px solid #EAEAEA; transition: 0.3s; } .modal .select__head.active{ border-color: #005188; color:#333333; } .modal .select__head:hover{ border-color: #757575; } .select__head.open{ border-color: #005188; font-size: 14px; line-height: 18; } .select__head::after, .show__select_inpput { width: 10px; height: 6px; background: #FFF url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.50495 5.78413L0.205241 1.25827C-0.0684138 0.970375 -0.0684138 0.503596 0.205241 0.215836C0.478652 -0.0719461 0.922098 -0.071946 1.19549 0.215837L5.00007 4.22052L8.80452 0.215953C9.07805 -0.0718292 9.52145 -0.0718292 9.79486 0.215953C10.0684 0.503736 10.0684 0.970492 9.79486 1.25839L5.49508 5.78425C5.35831 5.92814 5.17925 6 5.00009 6C4.82085 6 4.64165 5.928 4.50495 5.78413Z' fill='%23757575'/%3E%3C/svg%3E%0A") no-repeat center / cover; position: absolute; right: 20px; bottom: 50%; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); content: ''; display: block; -webkit-transition: .2s ease-in; -o-transition: .2s ease-in; transition: .2s ease-in; } .select__head.open::after { -webkit-transform: translateY(50%) rotate(180deg); -ms-transform: translateY(50%) rotate(180deg); transform: translateY(50%) rotate(180deg); } .select__list { display: none; position: absolute; top: 100%; left: 0; right: 0; border: 1px solid #EAEAEA; background: #fff; border-radius: 6px; margin-top: 5px; max-height: 205px; overflow-x: hidden; overflow-y: auto; z-index: 100; margin: 0; padding: 0; font-size: 14px; color: #424348; scrollbar-color: dark; scrollbar-width: thin; -ms-scroll-chaining: none; overscroll-behavior: contain; margin-top: 8px; } .select__list::-webkit-scrollbar { width: 7px; background-color: #F8F9FA; padding: 5px; } .select__list::-webkit-scrollbar-thumb { border-radius: 10px; background-color: #D9D9D9; } .select__list .select__item { position: relative; padding: 8px; cursor: pointer; list-style-type: none; } .select__list .select__item:hover { background-color: #E5E6EA;; } .popup__input-icon_file { display: none; } .popup__wrap-input-file { position: relative; display: flex; align-items: flex-start; border: 1px dashed #eaeaea; border-radius: 6px; cursor: pointer; margin-bottom: 18px; width: 100%; min-height: 50px; overflow: hidden; padding: 8px; transition: background 0.2s; } @media (min-width:575px) { .popup__wrap-input-file { padding: 16px; } } .popup__wrap-input-file.dragover { background-color: #fafafa; } .popup__wrap-input-file input[type='file'] { position: absolute; z-index: -1; opacity: 0; display: block; width: 0; height: 0; } .popup__wrap-input-file.added { border: 1px solid #eaeaea; padding-right: 35px; } .popup__wrap-input-file.added .popup__label-file-text { font-size: 13px; line-height: 138%; color: #333333; } .popup__wrap-input-file.added .popup__input-icon { display: none; margin-right: 13px; } .popup__wrap-input-file.added .popup__input-icon_file { display: block; } .popup__wrap-input-file.added .popup__file-size { display: block; } .popup__wrap-input-file.added .popup__input-file-clear { display: flex; } .popup__label-file { overflow: hidden; /* margin-top: 6px; */ } .popup__label-file-text { line-height: 129%; color: #757575; white-space: inherit; margin-bottom: 0; font-style: normal; font-weight: 400; font-size: 13px; line-height: 18px; } .popup__label-file-text span { color: #005188; margin-right: 5px; } .popup__file-size { font-size: 11px; line-height: 127%; color: #757575; display: none; margin-bottom: 0; } .popup__input-file-clear { position: absolute; top: 4px; bottom: 0; right: 15px; margin: auto 0; display: flex; align-items: center; justify-content: center; width: 20px; height: 20px; background: #e5e6ea; border-radius: 50%; transition: all 0.3s; display: none; } .popup__input-file-clear:hover { transform: scale(1.4); cursor: pointer; } .popup__input-file-clear::before, .popup__input-file-clear::after { position: absolute; content: ' '; z-index: 101; left: 0; right: 0; margin: 0 auto; width: 50%; height: 1px; transition: all 0.3s ease 0s; background: #005188; border-radius: 50px; } .popup__input-file-clear::before { top: 50%; transform: rotate(-45deg) translate(0px, -25%); } .popup__input-file-clear::after { bottom: 0; top: 50%; transform: rotate(45deg) translate(0px, -25%); } .popup__input-icon { margin-right: 8px; } .popup__input-icon_file { display: none; } .whatsapp-button { position: fixed; right: 13px; bottom: 90px; transform: translate(-50%, -50%); background: #25D366; /*цвет кнопки*/ border-radius: 50%; width: 55px; /*ширина кнопки*/ height: 55px; /*высота кнопки*/ color: #fff; text-align: center; line-height: 53px; /*центровка иконки в кнопке*/ font-size: 35px; /*размер иконки*/ z-index: 8000; display: flex; align-items: center; justify-content: center; } .whatsapp-button a { color: #fff; } .whatsapp-button:before, .whatsapp-button:after { content: " "; display: block; position: absolute; border: 50%; border: 1px solid #25D366; /*цвет анимированных волн от кнопки*/ left: -20px; right: -20px; top: -20px; bottom: -20px; border-radius: 50%; animation: animate 1.5s linear infinite; opacity: 0; backface-visibility: hidden; } .whatsapp-button:after{ animation-delay: .5s; } @keyframes animate { 0% { transform: scale(0.5); opacity: 0; } 50% { opacity: 1; } 100% { transform: scale(1.2); opacity: 0; } } .btn-to-buy{ width: 163px; height: 34px; border-radius: 4px; background: var(--white-white, #FFF); display: flex; align-items: center; justify-content: center; color: var(--blue-blue, #005188); font-size: 14px; font-weight: 400; line-height: 18px; } .btn-to-buy:active, .btn-to-buy:hover, .btn-to-buy:focus{ text-decoration: none; } #to-buy-popup .custom-modal-form .form-group:nth-child(1){ } .ui-styles .navigation{ background: var(--blue-blue, #005188); } .menu__list-item.to-buy{ background-color:#E5EDF3!important; } .loader__wrapper{ position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; display: flex; align-items: center; justify-content: center; background: #2b2b2b8a; display: none; z-index: 50; } .loader__wrapper.active{ display: flex; } .loader, .loader:before, .loader:after { background: #65abf8; -webkit-animation: load1 1s infinite ease-in-out; animation: load1 1s infinite ease-in-out; width: 1em; height: 4em; } .loader { color: #65abf8; text-indent: -9999em; margin: 88px auto; position: relative; font-size: 11px; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); -webkit-animation-delay: -0.16s; animation-delay: -0.16s; } .loader:before, .loader:after { position: absolute; top: 0; content: ''; } .loader:before { left: -1.5em; -webkit-animation-delay: -0.32s; animation-delay: -0.32s; } .loader:after { left: 1.5em; } @-webkit-keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } @keyframes load1 { 0%, 80%, 100% { box-shadow: 0 0; height: 4em; } 40% { box-shadow: 0 -2em; height: 5em; } } .price-link { display: flex; align-items: center; color: var(--blue-blue, #005188); font-size: 14px; font-style: normal; font-weight: 400; line-height: 18px; /* 128.571% */ margin-bottom: 16px; } .price-link:hover { text-decoration: none; } .price-link .icon { width: 32px; height: 32px; margin-right: 16px; } .price-link .icon img { width: 100%; height: 100%; object-fit: contain; } .show__select_inpput{ cursor: pointer; } .jq-toast-wrap{ width: 362px; max-width: 100%; } .jq-toast-single{ padding: 16px; height: 88px; border-radius: 8px; } .jq-toast-single h2{ font-family: Jost; font-size: 16px; font-style: normal; font-weight: 400; line-height: 22px; display: flex; margin-bottom: 13px; } .jq-toast-heading img{ margin-right: 8px; width: 24px; height: 24px; display: inline-block; } .jq-toast-single a{ color: var(--link-30, #C2D7E9); font-family: Jost; font-size: 16px; font-style: normal; font-weight: 600; line-height: 20px; text-decoration: none; border:none; padding-bottom: 0; } .jq-toast-single a:hover{ text-decoration: none; } .close-jq-toast-single{ top: 16px; right: 16px; color: transparent; width: 24px; height: 24px; background-image: url(/css/images/icons/toast-close.svg); background-position: center; background-repeat: no-repeat; border-radius: 8px; } .jq-toast-wrap{ z-index: 9999!important; } @media (max-width:400px) { .jq-toast-wrap.bottom-right{ right: 10px; bottom: 20px; width: 359; } } @media (max-width:350px) { .jq-toast-wrap.bottom-right{ right: 10px; width: 80%; } } .row-head .manufacturer-image{ margin-bottom: 8px; height: 28px; } @media (min-width:768px) { .row-head .manufacturer-image{ margin-left: 8px; height: 40px; margin-bottom: 0; } }