ТОО "PRINT KZ"

.uc-btns{ padding: 8px 30px; background: #2a4875; font-size: 16px; background: #2a4875; color: #fff!important; transition: all 300ms ease-in-out; position: relative; display: inline-block; box-sizing: border-box; border: none; cursor: pointer; text-decoration:none!important; border-radius: 25px;} .uc-btns:hover { background: #f00; } .uc-title { display: block; margin-bottom: 30px; padding: 5px; margin-top:30px; background: #f00!important; text-align: center; position: relative; color: #fff!important; font: 18px/18px 'Ubuntu',sans-serif!important; text-transform: uppercase;} .uc-ban1-panel { background: #777 url(https://i.ibb.co/ZJ6QQ4N/Screenshot-2020-06-02-7b69353fbace154550236d386c-jpg-JPEG-1000-640.png)center; background-size: cover; } .uc-ban1-panel strong { color: #fff; font-size: 20px; } .uc-ban1-texts { background-color: rgba(29, 49, 79,0.92); padding: 40px; text-align: center; width:57%; } .uc-ban1-header { font-size: 28px; line-height: 32px; color: #fff; margin: 0px 0px 5px; } .uc-ban1-sub-header { font-size: 18px; line-height: 24px; color: #f000; margin: 0px 0px 10px; } .uc-ban1-text { font-size: 14px; line-height: 22px; color: #fff; margin: 0px 0px 10px; } .uc-ban1-link { display: inline-block; text-align: center; text-decoration: none !important; color: #fff!important; border: 2px solid #fff!important; padding: 8px 25px; font-size: 16px; border-radius: 25px; } .uc-ban1-link:hover { color: #f00!important; border: 2px solid #f00!important; } @media screen and (max-width: 900px) { .uc-ban1-texts { width:auto; } } .uc-ban2-link { display: inline-block; text-align: center; text-decoration: none !important; color: #007c32!important; border: 2px solid #007c32!important; padding: 8px 25px; font-size: 15px; border-radius: 25px; } .uc-ban2-link:hover { color: #333!important; border: 2px solid #333!important; } .uc-arr-panel { padding:20px 0; } .uc-arr-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-arr-header { text-align:center; margin:20px 0!important;} .uc-arr-table { border-width: 0px !important; width: 48% !important; table-layout: fixed; float: left; } .uc-arr-table td { padding: 7px; } .uc-arr-table+.uc-arr-table { margin-left: 0%; } .uc-arr-table-col1 { width: 60px; } .uc-arr-table-marker { width: 50px; height: 50px; margin: 0px auto; line-height: 61px; text-align: center; font-size: 30px; transition: all 0.3s; } .uc-arr-table tr:hover .uc-arr-table-marker { } .uc-arr-table-marker img { transition: all 1s; transform: translateX(0px) scale(0.9) rotate(0); } .uc-arr-table tr:hover .uc-arr-table-marker img { transform: translate(10px, 0) scale(1.0) rotateX(370deg); } @media screen and (max-width: 1000px) { .uc-arr-table { float: none; width: 100% !important; } .uc-arr-table+.uc-arr-table { margin: 0; } } @media screen and (max-width: 500px) { .uc-arr-table td { vertical-align: top!important; } } .uc-container { padding: 20px; } .uc-advantages { display: flex; flex-wrap: wrap; justify-content: space-around; } .uc-advantages__element { width: 46%; background: #fff; margin: 20px 0; transition: .5s; } .uc-advantages__element:hover { background: #f1f1f1; transition: .5s; } .uc-advantages__icon_area { float: left; shape-outside: circle(70% at 0 0); clip-path: circle(70% at 0 0); shape-margin: 15px; width: 200px; min-height: 160px; line-height: 50%; background: #f00; position: relative; transition: .5s; } .uc-advantages__element:hover .uc-advantages__icon_area { background: #006400; transition: .5s; } .uc-advantages__content_header { font-size: 16px; color: #f00; font-weight:bold; } /* Если захотите сменить бэкграунд для каждой иконки .uc-icon_area__one { } .uc-icon_area__two { } .uc-icon_area__three { } .uc-icon_area__four { } */ .uc-advantages__pic { max-width: 100px; position: absolute; left: 20px; top: 20px; } .uc-advantages_content { padding: 20px 5px; box-sizing: border-box; } @media screen and (max-width: 1200px) { .uc-advantages__element { width: 100%; } } @media screen and (max-width: 600px){ .uc-advantages__pic { left: 5px; top: 5px; } .uc-advantages__icon_area { float: left; shape-outside: circle(49% at 0 0); clip-path: circle(49% at 0 0); } } .uc-order11 { padding: 20px 0; text-align: center; } .uc-order11_wrap { display: flex; flex-wrap: wrap; justify-content: left;} .uc-order11 h2 { margin-bottom: 30px; } .uc-order11 strong {color:#f00; font-size:16px;} .uc-order11-scheme { width: 47%; margin: 10px; padding: 20px 15px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } .uc-order11-scheme:hover { transition: all .3s ease; } .uc-order11-scheme:hover img { animation: 1500ms ease 0s normal none 1 running flip; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } @media screen and (max-width: 900px) { .uc-order11-scheme { width: 98%; margin: 10px auto; } } .uc-e1-panel { padding: 20px; } .uc-e1-header { text-align: center; margin-bottom: 20px; } .ucv-b1-panel { padding: 20px; text-align: center; } .ucv-b1-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .ucv-b1-header { margin-bottom: 40px; text-align: center; } .ucv-b1-wrapper { display: inline-block; vertical-align: top; margin: 10px 1.5%; text-decoration: none; } .ucv-b1-img-holder { display: block; text-align: center; position: relative; overflow: hidden; max-width: 300px; margin: 0 auto; border: 1px solid #e6e6e6; box-shadow: 0 0 5px 1px rgba(29, 49, 79,0.1); } .ucv-b1-img-holder img { display: block; } .ucv-b1-img-holder:hover .ucv-b1-hint { left: 0; } .ucv-b1-hint { position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background-color: rgba(29, 49, 79, 0.9); text-align: left; color: #fff; transition: all 0.6s ease 0s; overflow: hidden; } .ucv-b1-hint-body { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); -webkit-transform: translateY(-50%); padding: 15px; box-sizing: border-box; } .ucv-b1-name { color: #333; display: inline-block; margin-top: 10px; font-size: 16px; } .ucv-b1-name:hover { color: #007c32; } .ucv-b1-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .ucv-b1-panel .ucv-b1-wrapper { width: 30%; } @media screen and (max-width: 768px) { .ucv-b1-desc { position: static; visibility: visible; } .ucv-b1-panel .ucv-b1-wrapper { width: 51%; } .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: 51%; } } @media screen and (max-width: 630px) { .ucv-b1-hint-body {} } @media screen and (max-width: 500px) { .ucv-b1-panel .ucv-b1-wrapper, .ucv-b1-panel .ucv-b1-wrapper+.ucv-b1-wrapper+.ucv-b1-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-slides_wrap { text-align: center; padding: 20px 0; } .uc-slides_wrap h2 { margin-bottom: 20px; } .uc-slides { padding: 0; width: 100%; height: 365px; display: block; margin: 0 auto; position: relative; } .uc-slides * { user-select: none; -ms-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; -webkit-touch-callout: none; box-sizing: border-box; } .uc-slides input { display: none !important; } .uc-slide-container { display: block; } .uc-slide { top: 0; opacity: 0; width: 100%; height: 365px; display: block; position: absolute; transform: scale(0); transition: all .7s ease-in-out; } .uc-slide-wrapper{ position: absolute; z-index: 77; top: 0; margin: -0.7% 0 0 50%; padding-top: 40px; min-height: 100%; max-width: 1600px; box-sizing: border-box; display: block; } .uc-slide-text { width: 75%; left: 0; padding: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; display: block; text-align: right; color: #333; } .uc-slide-line { content: ''; position: absolute; left: 0px; background: #595959; width: 28px; height: 2px; margin: 9px 0 22px -32px; } .uc-slide img { text-align: center; height: 100%; } .uc-nav label { width: 120px; height: 100%; display: none; position: absolute; opacity: .35; z-index: 9; top: -11px; cursor: pointer; transition: opacity .2s; color: #007c32; font-size: 98pt; text-align: center; line-height: 365px; } .uc-slide:hover+.uc-nav label { opacity: 0.5; } .uc-nav label:hover { opacity: 1; } .uc-nav .uc-next { right: 0; } input:checked+.uc-slide-container .uc-slide { opacity: 1; transform: scale(1); transition: opacity 1s ease-in-out; } input:checked+.uc-slide-container .uc-nav label { display: block; } .uc-nav-dots { width: 100%; bottom: 9px; height: 11px; display: block; position: absolute; text-align: center; } .uc-nav-dots .uc-nav-dot { top: -5px; width: 11px; height: 11px; margin: 0 4px; position: relative; border-radius: 100%; display: inline-block; } .uc-nav-dots .uc-nav-dot:hover { cursor: pointer; } input#uc-img-1:checked~.uc-nav-dots label#uc-img-dot-1, input#uc-img-2:checked~.uc-nav-dots label#uc-img-dot-2, input#uc-img-3:checked~.uc-nav-dots label#uc-img-dot-3, input#uc-img-4:checked~.uc-nav-dots label#uc-img-dot-4, input#uc-img-5:checked~.uc-nav-dots label#uc-img-dot-5, input#uc-img-6:checked~.uc-nav-dots label#uc-img-dot-6 { background: rgba(29, 49, 79, 0.8); } @media screen and (max-width: 500px) { .uc-slides_wrap { overflow: hidden; height: 100% !important; } .uc-slides, .uc-slide { width: 320px; height: auto; } .uc-slide img { width: 100%; height: auto; } .uc-nav label { width: 150px; height: 100%; position: absolute; opacity: .35; z-index: 9; cursor: pointer; transition: opacity .2s; color: #595959; font-size: 100px; text-align: center; box-sizing: border-box; line-height: 210px; text-shadow: 0px 0px 15px rgb(119, 119, 119); } } .uc-slide-number { position: relative; bottom: -325px; left: 0; right: 0; margin: 0 auto; padding: 0; text-align: center; } .uc-slide-number-position { cursor: pointer; display: inline-block; padding: 0 5px; } .uc-slide-number label { background-color: #007c32; 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; transition: all 0.5s linear 0s; cursor: pointer; } .uc-slide-number label:hover { background-color: #fff; } .uc-order { padding: 20px 15px; text-align: left; } .uc-order h2 { text-align: center; margin-bottom: 30px; } .uc-order-scheme { display: inline-block; width: 47%; margin: 10px .5%; padding: 5px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } .uc-order-scheme_table { display: table; } .uc-order-scheme_numb, .uc-order-scheme_text { display: table-cell; vertical-align: middle; } .uc-order-scheme_numb { width: 68px; } .uc-order-scheme strong { transition: all .3s ease; display: inline-block; font-size: 60px; color: #f00; } .uc-order-scheme:hover strong { transition: all .3s ease; color: #006400; transform: translateY(-4px); } .uc-order-scheme em { font-size: 15px; color: #5e7986; transition: all .3s ease; display: inline-block; font-weight: bold; font-style: inherit; } .uc-order-scheme:hover em { color: #7cce9c; transition: all .3s ease; } @media screen and (max-width: 1200px) { .uc-order-scheme { width: 48%; } } @media screen and (max-width: 700px) { .uc-order-scheme { width: 98%; margin: 10px auto; min-height: initial; } } .ucv-a2-panel strong { font-size: 18px; color: #fff; width: 60%; } .ucv-a2-panel { background: #777 url('https://i.ibb.co/9Y47sL5/Solong-Tattoo-Eyebrow-Kit-Permanent-Makeup-Cosmetic-Tattooing-Supply-Machine-Power-Needles-Tip-with-Pigment-Ink.jpg') center; background-size: 100%; display: flex; align-items: flex-start; margin-bottom: 15px; } .ucv-a2-texts { background-color: rgba(29,49,79, 0.94); margin: 0; padding: 15px 15px 15px 15px; width: 60%; text-align: center; border-radius: 0; } .ucv-a2-header { font-size: 20px; line-height: 28px; color: #fff; margin: 0px 0px 5px; padding: 7px 20px 7px 15px; } .ucv-a2-sub-header { font-size: 16px; line-height: 25px; padding: 7px 15px; color: #fff; margin: 0px 0px 10px; } .ucv-a2-text { position: relative; font-size: 14px; line-height: 23px; color: #fff; margin: 0px 0px 10px; border-left: 2px solid #fff; padding-left: 10px; } .ucv-a2-link { display: inline-block; height: 37px; line-height: 37px; text-decoration: none!important; text-align: center; color: #fff!important; padding: 0 20px; border: 2px solid #fff; border-radius: 3px; font-size: 16px; } .ucv-a2-link:hover { color: rgba(255,255,255,0.76)!important; border-color: rgba(255,255,255,0.76)!important; } @media screen and (max-width: 1300px) { .ucv-a2-texts { width: auto; text-align: left!important; border-radius: 0; } .ucv-a2-panel { padding: 0; } } .ucv-a2-text::after { content: ""; position: absolute; top: -10px; left: -6px; background: #fff; height: 10px; width: 10px; border-radius: 100%; } .ucv-a2-text::before { content: ""; position: absolute; bottom: -10px; left: -6px; background: #fff; height: 10px; width: 10px; border-radius: 100%; } .uc-btns { display: inline-block; background: #1d314f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff!important; padding: .6em 1.3em; font-size: 16px; text-decoration: none!important; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding; -moz-background-clip: padding; background-clip: padding-box; transition: all .35s ease; } .uc-btns:hover { background: #f00; color: #fff!important; box-shadow: inset 0 -20px 0 #f00, inset 0 20px 0 #f00; transition: all .35s ease; } .uc-panel { padding: 20px 0; text-align: center; } .uc-header { margin-bottom: 40px; text-align: center; } .uc-wrapper { display: inline-block; vertical-align: top; margin: 10px .5%; text-decoration: none; } .uc-img-holder { display: block; text-align: center; position: relative; overflow: hidden; box-sizing: border-box; max-width: 300px; max-height: 300px; margin: 0 auto; border: 1px solid #ebebeb; transition: all 0.5s linear; } .uc-overlay { position: absolute; width: 50px; height: 50px; top: 10px; left: 10px; border-radius: 500px; } .uc-icon { width: 35px; height: 23px; position: absolute; top: 39px; left: 33px; } .uc-caption { position: absolute; top: 100%; left: 0px; width: 100%; height: 100%; display: flex; padding: 0 20px; align-items: center; box-sizing: border-box; color: #fff!important; background-color: rgba(29, 49, 79, 0.9); -moz-transition: all 0.4s linear 0s; -ms-transition: all 0.4s linear 0s; -webkit-transition: all 0.4s linear 0s; -o-transition: all 0.4s linear 0s; transition: all 0.4s linear 0s; } .uc-name { font-size: 15px; color: #313131; display: inline-block; margin-top: 10px; } .uc-name:hover { color: #F00; } .uc-desc { display: block; margin: 10px 0; position: absolute; visibility: hidden; color: #333; } .uc-panel .uc-wrapper { width: 35.8%; } @-webkit-keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } @-ms-keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } @-o-keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } @-moz-keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } @keyframes bounce { from {top: 100px;} 25% {top: 200px;} 50% {top: 100px;} 75% {top: 0px;} to {top: -200px;} } .uc-bubbles .uc-bubble { width: 40px; height: 40px; position: absolute; top: 100%; } .uc-effect .uc-bubbles .uc-bubble-2 { left: 20px; } .uc-effect .uc-bubbles .uc-bubble-3 { left: 60px; } .uc-effect .uc-bubbles .uc-bubble-4 { left: 90px; } .uc-effect .uc-bubbles .uc-bubble-5 { left: 120px; } .uc-effect .uc-bubbles .uc-bubble-6 { left: 150px; } .uc-effect .uc-bubbles .uc-bubble-7 { left: 250px; } .uc-effect .uc-bubbles .uc-bubble-8 { left: 300px; } .uc-effect .uc-bubbles .uc-bubble-9 { left: 190px; } .uc-effect .uc-bubbles .uc-bubble-10 { left: 220px; } .uc-effect .uc-bubbles .uc-bubble-11 { left: 270px; } .uc-effect .uc-bubbles .uc-bubble-12 { left: 45px; } .uc-effect .uc-bubbles .uc-bubble-13 { left: 15px; } @-webkit-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-ms-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-o-keyframes bubble { from { top: 100%; } to { top: -100%; } } @-moz-keyframes bubble { from { top: 100%; } to { top: -100%; } } @keyframes bubble { from { top: 100%; } to { top: -100%; } } .uc-effect:hover .uc-bubbles .uc-bubble { -moz-animation: bubble 9s infinite; -ms-animation: bubble 9s infinite; -o-animation: bubble 9s infinite; -webkit-animation: bubble 9s infinite; animation: bubble 9s infinite; } .uc-effect:hover .uc-bubbles .uc-bubble-2 { -moz-animation-delay: 2s; -o-animation-delay: 2s; -ms-animation-delay: 2s; -webkit-animation-delay: 2s; animation-delay: 2s; } .uc-effect:hover .uc-bubbles .uc-bubble-3 { -moz-animation-delay: 6s; -o-animation-delay: 6s; -ms-animation-delay: 6s; -webkit-animation-delay: 6s; animation-delay: 6s; } .uc-effect:hover .uc-bubbles .uc-bubble-4 { -moz-animation-delay: 3.5s; -o-animation-delay: 3.5s; -ms-animation-delay: 3.5s; -webkit-animation-delay: 3.5s; animation-delay: 3.5s; } .uc-effect:hover .uc-bubbles .uc-bubble-5 { -moz-animation-delay: 4s; -o-animation-delay: 4s; -ms-animation-delay: 4s; -webkit-animation-delay: 4s; animation-delay: 4s; } .uc-effect:hover .uc-bubbles .uc-bubble-6 { -moz-animation-delay: 7.2s; -o-animation-delay: 7.2s; -ms-animation-delay: 7.2s; -webkit-animation-delay: 7.2s; animation-delay: 7.2s; } .uc-effect:hover .uc-bubbles .uc-bubble-7 { -moz-animation-delay: 1s; -o-animation-delay: 1s; -ms-animation-delay: 1s; -webkit-animation-delay: 1s; animation-delay: 1s; } .uc-effect:hover .uc-bubbles .uc-bubble-8 { -moz-animation-delay: 2.6s; -o-animation-delay: 2.6s; -ms-animation-delay: 2.6s; -webkit-animation-delay: 2.6s; animation-delay: 2.6s; } .uc-effect:hover .uc-bubbles .uc-bubble-9 { -moz-animation-delay: 5s; -o-animation-delay: 5s; -ms-animation-delay: 5s; -webkit-animation-delay: 5s; animation-delay: 5s; } .uc-effect:hover .uc-bubbles .uc-bubble-10 { -moz-animation-delay: 6.4s; -o-animation-delay: 6.4s; -ms-animation-delay: 6.4s; -webkit-animation-delay: 6.4s; animation-delay: 6.4s; } .uc-effect:hover .uc-bubbles .uc-bubble-11 { -moz-animation-delay: 8s; -o-animation-delay: 8s; -ms-animation-delay: 8s; -webkit-animation-delay: 8s; animation-delay: 8s; } .uc-effect:hover .uc-bubbles .uc-bubble-12 { -moz-animation-delay: 5.3s; -o-animation-delay: 5.3s; -ms-animation-delay: 5.3s; -webkit-animation-delay: 5.3s; animation-delay: 5.3s; } .uc-effect:hover .uc-bubbles .uc-bubble-13 { -moz-animation-delay: 8.5s; -o-animation-delay: 8.5s; -ms-animation-delay: 8.5s; -webkit-animation-delay: 8.5s; animation-delay: 8.5s; } .uc-effect:hover img { filter: blur(1px); } .uc-effect:hover .uc-caption { top: 0px; -moz-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; } .uc-effect:hover .uc-overlay { -moz-animation: bounce 0.3s linear forwards; -o-animation: bounce 0.3s linear forwards; -ms-animation: bounce 0.3s linear forwards; -webkit-animation: bounce 0.3s linear forwards; animation: bounce 0.3s linear forwards; } @media screen and (max-width: 768px) { .uc-desc { position: static; visibility: visible; } .uc-panel .uc-wrapper { width: 51%; } .uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper { width: 51%; } } @media screen and (max-width: 500px) { .uc-panel .uc-wrapper, .uc-panel .uc-wrapper+.uc-wrapper+.uc-wrapper { width: auto; margin-right: 15px; margin-left: 15px; } } .uc-container { padding: 10px; } .uc-advantages { display: flex; flex-wrap: wrap; justify-content: space-around; } .uc-advantages__element { width: 85%; box-shadow: 0 0 5px #1d314f; margin: 8px 0; transition: .5s; } .uc-advantages__element:hover { box-shadow: 0 0 20px #000; transition: .5s; } .uc-advantages__icon_area { float: left; shape-outside: circle(70% at 0 0); clip-path: circle(70% at 0 0); shape-margin: 15px; width: 200px; min-height: 160px; line-height: 50%; background:#1d314f; position: relative; transition: .5s; } .uc-advantages__element:hover .uc-advantages__icon_area { background: #2a4875; transition: .5s; } .uc-advantages__content_header { font-size: 18px; color: #1d314f; } /* Если захотите сменить бэкграунд для каждой иконки .uc-icon_area__one { } .uc-icon_area__two { } .uc-icon_area__three { } .uc-icon_area__four { } */ .uc-advantages__pic { max-width: 100px; position: absolute; left: 20px; top: 20px; } .uc-advantages_content { padding: 20px 5px; box-sizing: border-box; } @media screen and (max-width: 1200px) { .uc-advantages__element { width: 100%; } } @media screen and (max-width: 600px){ .uc-advantages__pic { left: 5px; top: 5px; } .uc-advantages__icon_area { float: left; shape-outside: circle(49% at 0 0); clip-path: circle(49% at 0 0); } } .uc-order { padding: 20px 0; text-align: center; } .uc-order_wrap { display: flex; flex-wrap: wrap; justify-content: center; } .uc-order h2 { margin-bottom: 30px; } .uc-order-scheme { width: 85%; margin: 10px .5%; padding: 20px 15px; box-sizing: border-box; vertical-align: top; box-shadow: 0 0 2px #000; transition: all .3s ease; } .uc-order-scheme:hover { box-shadow: 0 0 7px #000; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order-scheme { width: 98%; margin: 10px auto; } } .uc-b5-panel { padding: 20px 0; text-align: center; } .uc-b5-panel:after { content: " "; display: block; clear: both; font-size: 0px; } .uc-b5-panel h2 { text-align: center; margin-bottom: 30px; } .uc-b5-header { margin-bottom: 40px; } .uc-b5-wrapper { display: inline-block; vertical-align: top; width: 19%; margin: 10px 0.5%; } .uc-b5-arr { width: 25px; font-size: 30px; color: #312c32; vertical-align: middle; padding-top: 10px; } .uc-b5-arr2 {} .uc-b5-arr3 {} .uc-b5-text { margin: 10px 0 0; } @media screen and (max-width: 1050px) { .uc-b5-wrapper { width: 31%; } .uc-b5-arr { width: 12%; } .uc-b5-arr2 { display: none; } .uc-b5-arr3 { display: inline-block; } } @media screen and (max-width: 800px) { .uc-b5-wrapper { width: 60%; } .uc-b5-arr { display: none; } } .uc-b5-wrapper:hover img { animation: 1500ms ease 0s normal none 1 running flip; } @keyframes flip { from { transform: perspective(400px) rotate3d(0, 1, 0, -360deg); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg); animation-timing-function: ease-in; } 80% { transform: perspective(400px) scale3d(.95, .95, .95); animation-timing-function: ease-in; } to { transform: perspective(400px); animation-timing-function: ease-in; } } .animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; animation-name: flip; } .uc-discount { padding: 10px 0; text-align: center; } .uc-discount h2 { padding-bottom: 20px; } .uc-discount_content { padding: 10px; display: inline-block; vertical-align: top; width: 22.7%; margin: 10px .5%; box-sizing: border-box; -webkit-transition: all .3s ease; -o-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; } .uc-order1 { padding: 20px 0; text-align: center; } .uc-order1_wrap { display: flex; flex-wrap: wrap; justify-content: center; } .uc-order1 h2 { margin-bottom: 30px; } .uc-order1-scheme { width: 32%; margin: 10px .5%; padding: 20px 15px; box-sizing: border-box; vertical-align: top; transition: all .3s ease; } @media screen and (max-width: 900px) { .uc-order1-scheme { width: 98%; margin: 10px auto; } } .uc-footer { padding: 20px 0 0; text-align: center; } .uc-footer p { margin: 20px 0; } Канцелярские товары и компьютерная техника в Алматы ! ТОО «PRINT KZ» активно развивается на компьютерном рынке и на рынке офисной канцелярии с 2003 года. Компания ведет сотрудничество с мировыми производителями офисной техники. За счет прямых поставок предоставляем продукцию по ценам ниже рыночных. Организация является АВТОРИЗОВАННЫМ ПАРТНЕРОМ таких компаний как: HP, XEROX, APC, Panasonic, D-Link, Microsoft, Samsung, Canon, RICOH, FLUKE Industrial. В нашем каталоге: · Офисные принадлежности (ручки, карандаши, скрепки, скобы...) · Бумага и бумажная продукция (бумага А4, А3, рулонная всех форматов, фотобумага, бланочная продукция…) · Папки, архивы (регистраторы, разделители, скоросшиватели, короба…) · Визуальная презентация (доски, флипчарты, проекторы, экраны, демонстрационные системы, бейджики, указатели, настольные лампы…) · Кожгалантереи (портфели, настольные наборы, визитницы…) · Деловые подарки (сувениры, часы…) Перейти к ассортименту хит продаж Качественные расходные материалы для оргтехники Расходные материалы, картриджи Качественные расходные материалы для оргтехники Продукция для хранения и транспортировки документов Архивные короба Продукция для хранения и транспортировки документов Доски для офиса и школы Доски магнитно-маркерные, пробковые, информационные Доски для офиса и школы Большой ассортимент бумаги для принтеров и плоттеров Специализированныя бумага, рулонная бумага всех форматов Большой ассортимент бумаги для принтеров и плоттеров Преимущества нашей компании Качественный сервис Гарантируем грамотную консультацию по каталогу продукции и всем интересующим вопросам. Широкий ассортимент В каталоге: печатное оборудование, расходные материалы, ПК, ноутбуки, компьютеры, серверы, комплектующие, периферия, компьютерные аксессуары и многое другое. Востребованность Нашей продукцией пользуются госучреждения, нефтегазодобывающая промышленность, ВУЗы, общеобразовательные и медицинские организации. Доставка Доставка товара производится по всей территории Казахстана любым удобным для Вас способом. Контакты Схема заказа Оформление заявки на сайте или по телефону. → Обсуждение всех деталей заказа с менеджером → Оплата по наличному либо безналичному расчету → Доставка товара любым удобным для Вас способом Обращайтесь к нам за покупками ! Наш богатый ассортимент и доступные цены вас порадуют ! Каталог