/*
Theme Name: Anova
Theme URI: https://wordpress.org/themes/twentyfifteen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our 2015 default theme is clean, blog-focused, and designed for clarity. Twenty Fifteen's simple, straightforward typography is readable on a wide variety of screen sizes, and suitable for multiple languages. We designed it using a mobile-first approach, meaning your content takes center-stage, regardless of whether your visitors arrive by smartphone, tablet, laptop, or desktop computer.
Version: 1.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, blue, gray, pink, purple, white, yellow, dark, light, two-columns, left-sidebar, fixed-layout, responsive-layout, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: twentyfifteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
@import url(https://fonts.googleapis.com/earlyaccess/opensanshebrew.css);
body {
    position: relative;
    -webkit-user-select: auto !important; /* Chrome, Opera, Safari */
    -moz-user-select: auto !important; /* Firefox 2+ */
    -ms-user-select: auto !important; /* IE 10+ */
    user-select: auto !important; /* Standard syntax */
    font-family: 'Assistant', sans-serif;
}
h2.screen-reader-text {
    opacity: 0;
}
.rectangle {
    display: none;
    left: 10px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 16px;
    cursor: pointer;
    text-align: center;
    line-height: 0.8;
    transition: all 0.6s;
}
.rectangle:after {
    content: "›";
    vertical-align: sub;
    font-weight: 600;
    font-size: 40px;
    color: #004b85;
}
.rectangle.open {
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
html {
    direction:rtl;
    margin-top: 0 !important;
}
*:focus {
    outline:none;
}

img {
    max-width: 100%;
    height: auto;
}
*::selection {
    background-color: #025189;
    color: #ffffff;
}
a:hover,
a:active,
a:focus, a {
    border:none;
    outline:none;
    text-decoration:none;
}
img,fieldset {
    border:none;
    outline:none;
}
.slick-slider {
    margin-bottom: 0;
}
textarea::-webkit-input-placeholder,
input::-webkit-input-placeholder {
}
textarea:-moz-placeholder,
input:-moz-placeholder {
}
textarea::-moz-placeholder,
input::-moz-placeholder {
}
textarea:-ms-input-placeholder,
input:-ms-input-placeholder {
}
body,
h1, h2, h3, h4, h5, h6, a ,
p ,b ,li {
    font-family: 'Assistant', sans-serif;
}
label.error {
    font-weight: 500;
    color: #ec0a0a;
    font-size: 14px;
    position: absolute;
    right: 10px;
    top: 50px;
}
select.error,
textarea.error,
input.error {
    border: 1px solid #ec0a0a !important;
}
.image-desktop {
    display: block !important;
}
.image-all-mobile,
.image-768,
.image-360 {
    display: none !important;
}
#contact-email label.error {
    right: 15px;
    top: 90px;
}
#contact label.error {
    top: 44px;
}
#contact-jobs label.error {
    right: auto;
    left: 25px;
    top: 13px;
}
a {
    text-decoration:none;
}
html #wpadminbar {
    overflow: hidden;
    max-width: 100%;
}
.slick-slider {
    margin: 0;
}
.slick-prev {
    left: 0;
}
.slick-next {
    right: 0;
}
.slick-next:before,
.slick-prev:before{
    content: ' ';
}
/*.container {*/
    /*max-width: 1436px;*/
    /*width: 100%;*/
    /*margin: 0 auto;*/
    /*padding: 0;*/
/*}*/
.container {
    max-width: 100%;
}
.btn-primary {
    color: #3ac7f3;
    border: 1px solid #3ac7f3;
    transition: all 0.6s;
}
.btn-primary:hover,
.btn-primary:focus {
    background: #3ac7f3;
    border: 1px solid;
    color: #fff;
}
header.navbar-default {
    background-color: #fff;
    border-bottom: 1px solid #e8e8e8;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
    margin-bottom: 0;
    position: fixed;
    width: 100%;
    transition: all 0.4s;
    top:0;
}
header .top-menu {
    background: #025189;
    height: auto;
    transition: all 0.4s;
}
.www {
    height: 44px;
    overflow: hidden;
    transition: all 0.4s;
}
header.menu-scroll .top-menu {
    height: 0;
}
header .top-menu .tel,
header .top-menu .btn-success {
    float: left;
}
header.menu-scroll .top-menu .tel,
header.menu-scroll .top-menu .btn-success {

}
header .top-menu .tel a {
    color: #fff;
    font-size: 30px;
    margin-right: 12px;
    font-weight: 700;
}
header .top-menu .btn-success {
    margin: 8px 0;
    border: 1px solid #fff;
    border-radius: 50px;
    margin-left: 13px;
    font-size: 16px;
    padding: 0 18px 3px 20px;
    background: transparent;
    /*transition: all 0.8s;*/
}
header .top-menu .btn-success span {
    margin: -1px -19px -4px 8px;
    display: inline-block;
}
header .top-menu .btn-success:hover,
header .top-menu .btn-success:focus {
    color: #fff;
    background: rgba(255,255,255,0.25);
}
header .top-menu .container {
    position: relative;
}
header .top-menu .logo {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 9;
}
header .top-menu .logo img {
    transition: all 0.4s;
}
header .navbar-nav {
    float: right;
    margin: 0 155px 0 0;
    padding: 0;
}
header .navbar-nav>li {
    float: right;
}
header .navbar-nav>li > .sub-menu {
    position: absolute;
    display: none;
    margin: 15px 0 0 0;
    padding: 9px 22px;
    width: 316px;
    list-style: none;
    background: #fff;
    border: 1px solid rgba(0,0,0,0.05);
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:    0px 3px 4px 0px rgba(0, 0, 0, 0.15);
    box-shadow:         0px 3px 4px 0px rgba(0, 0, 0, 0.15);
}
header .navbar-nav>li > .sub-menu:before {
    content: "";
    height: 20px;
    background: transparent;
    display: block;
    top: -15px;
    width: 100%;
    position: absolute;
    left: 0;
}

.bottom-footer {
    background-size: cover !important;
}

@media (min-width: 1270px) {
    header .navbar-nav > li:focus > .sub-menu,
    header .navbar-nav > li:hover > .sub-menu {
        display: block;
    }
}
header .navbar-nav>li > .sub-menu > li {
    padding: 5px 0;
}
header .navbar-nav>li.current-menu-item {
    position: relative;
}
header .navbar-nav>li.current-menu-item:after {
    content: "";
    position: absolute;
    bottom: -1px;
    width: 38%;
    left: 0;
    right: 0;
    margin: 0 auto;
    height:3px;
    background: #025189;
}
header .navbar-nav>li > .sub-menu > li > a {
    color: #004b85;
    font-size: 24.47px;
}
header .navbar-nav>li > .sub-menu > li:focus > a,
header .navbar-nav>li > .sub-menu > li:hover > a {
    font-weight: 700;
}
header > .container {
    position: relative;
}
header.navbar-default .navbar-nav>li>a {
    color: #004b85;
    font-size: 24.87px;
    /*padding: 28px 30px 29px 30px;*/
    padding: 28px 24px 29px 25px;
    border-left: 2px solid #f5f5f5;
}
header.navbar-default .navbar-nav>li>a.wrap-image {
    padding: 25px 30px 24px 30px;
}
.header .top-menu .logo img {
    margin-top: 0;
}
header.menu-scroll.navbar-default .navbar-nav>li>a {
    padding: 14px 26px 14px;
}
header.menu-scroll .top-menu .logo img{
    margin-top: -101px !important;
}
header.navbar-default .navbar-nav>li>a:hover,
header.navbar-default .navbar-nav>li>a:focus {
    color: #fff !important;
    background: #004b85;
}
header.navbar-default .navbar-nav>li>a.wrap-image:hover,
header.navbar-default .navbar-nav>li>a.wrap-image:focus {
    background: #004b85;
}
header .links-no-mobile {
    display: none;
}
header .links-mobile {
    display: inline-block;
}
header ul.links {
    position: absolute;
    left: 0;
    top: -1px;
    list-style: none;
}
header ul.links li {
    float: right;
    margin-right: 10px;
}
header ul.links li:nth-child(2) {
    margin-right: 0;
}
.wrapper-anova {
    padding-top: 129px;
}
.homepage .wrapper-slider {
    position: relative;
}
.homepage .wrapper-slider .wrap-form {
    position: absolute;
    top: 1.5%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.homepage .wrapper-slider .wrap-form form {
    position: absolute;
    margin-right: 17.7%;
    padding: 30px 40px;
    background: #fff;
    border-radius: 12px;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:    0px 3px 4px 0px rgba(0, 0, 0, 0.2);
    box-shadow:         0px 3px 4px 0px rgba(0, 0, 0, 0.2);
}
.homepage .wrapper-slider .wrap-form form input {
    font-weight: 700;
    background: #e3edf5;
    margin-bottom: 12px;
    border-radius: 4px;
    padding: 10px 16px;
    display: block;
    width: 100%;
    border: 0;
}
.homepage .wrapper-slider .wrap-form form input::-webkit-input-placeholder {
    color: #025189;
}
.homepage .wrapper-slider .wrap-form form input:-moz-placeholder {
    color: #025189;
}
.homepage .wrapper-slider .wrap-form form input::-moz-placeholder {
    color: #025189;
}
.homepage .wrapper-slider .wrap-form form input:-ms-input-placeholder {
    color: #025189;
}
.homepage .wrapper-slider .wrap-form form input[type="submit"] {
    background: #e05713;
    margin-top: 25px;
    font-size: 27.41px;
    border-radius: 50px;
    text-shadow: 0 0 2px rgba(0,0,0,0.58), 0 0 2px rgba(0,0,0,0.58);
}
.homepage .wrapper-slider .wrap-form form h3 {
    margin: 0;
    color: #018cb7;
    font-size: 46px;
    font-weight: 700;
    text-align: center;
}
.homepage .wrapper-slider .wrap-form form h4 {
    color: #e05713;
    font-size: 50px;
    font-weight: 700;
    text-align: center;
    margin-top: 0;
    line-height: 0.9;
}
.homepage .wrapper-slider .wrap-form form .input {
    position: relative;
}
.homepage .wrapper-slider .wrap-form form .input label.error {
    top: 30px;
}
.homepage .wrapper-slider .wrapper-links {
    max-width: 1006px;
    width: 52.73%;
    position: absolute;
    bottom: 4%;
}
.homepage .wrapper-slider .wrapper-links .row {
    margin-left: -8px;
    margin-right: -8px;
}
.homepage .wrapper-slider .wrapper-links .row .wrap-link {
    padding: 0 8px;
}
.homepage .wrapper-slider .wrapper-links .row .wrap-link .link h3 {
    color: #fff;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 39px;
    font-weight: 700;
    margin-top: 28px;
    text-shadow: 3px 2px 1px rgba(0,0,0,0.55);
}
.homepage .after-slider {
    background: #27221e;
    padding: 15px 0 5px 0;
    text-align: center;
    position: relative;
}
.homepage .after-slider:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    bottom: -35px;
    border-left: 39px solid transparent;
    border-right: 39px solid transparent;
    border-top: 35px solid #27221e;
}
.homepage .after-slider p {
    font-size: 38.23px;
    color: #fff;
    display: inline-block;
}
.homepage .after-slider p img {
    vertical-align: sub;
    margin-left: 15px;
}
.top-footer {
    /*border-top: 1px solid #e0e0e0;*/
    /*border-bottom: 1px solid #e0e0e0;*/
}
.wrapper-form-footer {
    color: #fff;
    background: #32434f;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    background-position-x: 50% !important;
    background-size: cover !important;
}

.page-template-template-why-yazamko .wrapper-form-footer {
    margin-top: -21px;
    position: relative;
    border-top: 0;
}

.wrapper-form-footer .wrap-form-footer {
    width: 95%;
    max-width: 1280px;
    margin: 0 auto;
}
.wrapper-form-footer .wrap-form-footer > .row {
    padding-right: 35px;
    position: relative;
}
.wrapper-form-footer .wrap-form-footer .wrap-image {
    position: static;
}
.wrapper-form-footer .wrap-form-footer .wrap-image img {
    position: absolute;
    bottom: 0;
}
.wrapper-form-footer .wrap-form-footer .text {
    font-size: 28px;
    margin-top: 18px;
}
.wrapper-form-footer .wrap-form-footer .form-footer.row {
    margin-left: -0px;
    margin-right: -9px;
    padding-bottom: 40px;
}
.wrapper-form-footer .wrap-form-footer .form-footer .input {
    float: right;
    padding-right: 9px;
    padding-left: 9px;
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input {
    width: 100%;
    border: 1px solid #fff;
    color: #025189;
    padding: 10px 12px;
    border-radius: 5px;
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input.error {
    border: 1px solid #ec0a0a !important;
    background: #ffcbcb;
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input:hover,
.wrapper-form-footer .wrap-form-footer .form-footer .input input:focus {
    -webkit-box-shadow: 0px 0px 7px 0px rgba(143, 209, 255, 0.46);
    -moz-box-shadow:    0px 0px 7px 0px rgba(143, 209, 255, 0.46);
    box-shadow:         0px 0px 7px 0px rgba(143, 209, 255, 0.46);
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input::-webkit-input-placeholder {
    color: #025189;
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input:-moz-placeholder {
    color: #025189;
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input::-moz-placeholder {
    color: #025189;
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input:-ms-input-placeholder {
    color: #025189;
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input[type=submit] {
    color: #fff;
    font-size: 23.62px;
    font-weight: 600;
    background: #2ebce9;
    border: 2px solid #fff;
    margin-top: -5px;
    padding: 10px 12px;
    transition: all 0.6s;
    border-radius: 50px;
    /*text-shadow: -2px 0 3px rgba(0,0,0,0.44), -2px 0 3px rgba(0,0,0,0.44);*/
}
.wrapper-form-footer .wrap-form-footer .form-footer .input input[type=submit]:hover,
.wrapper-form-footer .wrap-form-footer .form-footer .input input[type=submit]:focus {
    color: #2ebce9;
    background: #fff;
    /*text-shadow: 0 0 0 rgba(0,0,0,0.0), 0 0 0 rgba(0,0,0,0.0);*/
}
footer .bottom-footer {
     color: #b9bfc3;
     padding: 78px 0 14px 0;
     background: #142735;
 }
footer .left,
footer .right {
    float: right;
}
footer .right .wrapper-btn {
    padding-bottom: 28px;
    position: relative;
    max-width: 300px;
}
footer .right .wrapper-btn:after {
    right: 0;
    bottom: 0;
    content: "";
    width: 55%;
    height: 1px;
    position: absolute;
    border-bottom: 1px solid #fff;
}
footer .left .wrapper-form input[type=submit],
footer .right .wrapper-btn .btn-default {
    transition: all 0.6s;
    border: 2px solid #fff;
}
footer .right .wrapper-btn .btn-default {
    width: 100%;
    margin-bottom: 15px;
}
footer .right .wrapper-btn .btn-red {
    background: #e94b44;
}
footer .right .wrapper-btn .btn-default:focus,
footer .right .wrapper-btn .btn-default:hover {
    background: #025189;
}
footer .right .wrapper-btn .btn-default.btn-red:focus,
footer .right .wrapper-btn .btn-default.btn-red:hover {
    background: #ab3833;
}
footer .right .description-footer {
    padding-top: 28px;
}
footer .right .description-footer p {
    margin: 0 0 0 0;
    color: #b9bfc3;
}
footer .right .description-footer a {
    color: rgba(202,233,255,0.7);
    transition: all 0.6s;
}
footer .right .description-footer a:focus,
footer .right .description-footer a:hover {
    color: rgba(202,233,255,1);
}
footer .right .foooter-menu ul {
    list-style: none;
}
footer .right .foooter-menu ul li {
    padding-bottom: 8px;
}
footer .right .foooter-menu ul li a {
    transition: all 0.6s;
    color: rgba(255,255,255,0.52);
}
footer .right .foooter-menu ul li.current-menu-item a,
footer .right .foooter-menu ul li a:hover,
footer .right .foooter-menu ul li a:focus {
    color: rgba(255,255,255,0.85);
}
footer .right .wrap-links-yazamko {
    list-style: none;
}
footer .left .wrapper-form {
    padding-bottom: 35px;
    border-bottom: 2px solid rgba(255,255,255,0.2);
    margin-bottom: 25px;
}
footer .bottom-footer .left .wrapper-form > p {
    color: #fff;
    font-size: 23px;
    font-weight: 600;
}
footer .left .wrapper-form input[type=email] {
    background: rgba(255,255,255,0.12);
    border: 1px solid rgba(255,255,255,0.36);
    border-radius: 4px;
    padding: 10px 15px;
    margin-bottom: 18px;
    width: 100%;
    color: rgba(255,255,255,0.64);
}
footer .left .wrapper-form input[type=email]::-webkit-input-placeholder {
    color: rgba(255,255,255,0.64);
}
footer .left .wrapper-form input[type=email]:-moz-placeholder {
    color: rgba(255,255,255,0.64);
}
footer .left .wrapper-form input[type=email]::-moz-placeholder {
    color: rgba(255,255,255,0.64);
}
footer .left .wrapper-form input[type=email]:-ms-input-placeholder {
    color: rgba(255,255,255,0.64);
}
footer .left .wrapper-form input[type=submit] {
    float: left;
}
footer .left .wrap-social-networks {
    text-align: left;
    list-style: none;
    padding: 0;
}
footer .left .wrap-social-networks li {
    padding-right: 8px;
    transition: all 0.6s;
    display: inline-block;
}
footer .right .wrap-links-yazamko li:hover,
footer .right .wrap-links-yazamko li:focus,
footer .left .wrap-social-networks li:hover,
footer .left .wrap-social-networks li:focus {
    opacity: 0.75;
}
footer .left .text-bootom-footer {
    color: rgba(255,255,255,0.3);
    font-size: 16px;
    text-align: left;
    margin-top: 40px;
}
.credit a {
    font-size: 15px;
    color: #5b6872;
}
.credit a span {
    color: #0d8ebf;
}
.credit {
    text-align: center;
}
.homepage {}
.homepage h1 {
    text-shadow: none;
}
.homepage .wrapper-categories {
    padding: 35px 0;
    text-align: center;
    /*border-bottom: 1px solid #e0e0e0;*/
}
.homepage .wrapper-categories h2 {
    color: #36b9e3;
    font-size: 45px;
    font-weight: 700;
}
.homepage .wrapper-categories .cat {
    float: right;
    text-align: center;
}
.homepage .wrapper-categories .cat .name-cat {
    position: absolute;
    top: 38px;
    left: 15px;
    right: 15px;
    margin: auto;
    max-width: 100%;
}
.homepage .wrapper-categories .cat .name-cat h3 {
    color: #ffe7d7;
    margin: 0 0 0 0;
    font-size: 45px;
    font-weight: 700;
}
.homepage .wrapper-categories .cat .name-cat h3 span {
    display: block;
}
.homepage .wrapper-categories .cat .name-cat p {
    color: #fff;
    margin: -5px 0 0 0;
    font-size: 26px;
}
.wrapper-banners {
    padding: 40px 0  14px 0;
}
.homepage .wrapper-products h2,
.wrapper-banners h2 {
    color: #36b9e3;
    font-size: 45px;
    text-align: center;
    font-weight: 700;
    margin-bottom: 50px;
}
.homepage .wrapper-products h2 span,
.wrapper-banners h2 span {
    padding: 0 10px;
}
.wrapper-banners .banner {
    padding-bottom: 30px;
}
.wrapper-banners .banner:nth-child(odd) {}
.wrapper-banners .banner:nth-child(even) img {
    margin-right: auto;
    display: block;
}
.homepage .wrapper-products {
    position: relative;
    /*-webkit-box-shadow: 0px 0px 30px 0px rgba(50, 50, 50, 0.5);*/
    /*-moz-box-shadow:    0px 0px 30px 0px rgba(50, 50, 50, 0.5);*/
    /*box-shadow:         0px 0px 30px 0px rgba(50, 50, 50, 0.5);*/
    padding-bottom: 4.194%;
}
.homepage .wrapper-products:before {
    top:0;
    width: 100%;
    content: "";
    height: 32px;
    max-width: 100%;
    position: absolute;
    background: url(assets/images/bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.homepage .wrapper-products h2 {
    padding-top: 80px;
    margin-top: 0;
}
.homepage .wrapper-products .slider-all-products {
    width: 85%;
    max-width: 1170px;
    margin: 0 auto;
}
.homepage .wrapper-products .slider-all-products .slick-prev:before,
.homepage .wrapper-products .slider-all-products .slick-next:before,
.homepage .wrapper-products .slider-all-products .slick-prev,
.homepage .wrapper-products .slider-all-products .slick-next {
    height: 110px;
    width: 60px;
    display: block;
}
.homepage .wrapper-products .slider-all-products .slick-prev:before {
    content: url(assets/images/prev-slide.png);
    background: #f4f4f4;
}
.homepage .wrapper-products .slider-all-products .slick-next:before {
    content: url(assets/images/next-slide.png);
    background: #f4f4f4;
}
.homepage .wrapper-products .slider-all-products .slick-prev {
    right: -62px;
    z-index: 1;
}
.homepage .wrapper-products .slider-all-products .slick-next {
    left: -60px;
}
.homepage .wrapper-products .slider-all-products .slide {
    text-align: center;
    position: relative;
}
.homepage .wrapper-products .slider-all-products .slide .warpp-image {
    height: 410px;
    display: flex;
    display: -webkit-box;  /* OLD - iOS 6-, Safari 3.1-6, BB7 */
    display: -ms-flexbox;  /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
    padding: 0 8%;
    align-items: flex-end;
    -webkit-align-items: flex-end; /* Safari 7.0+ */
}
.homepage .wrapper-products .slider-all-products .slide .warpp-image .wr-image {
    position: relative;
}
.wrapper-product .related-products .wrap-product img,
.homepage .wrapper-products .slider-all-products .slide img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    margin: 0 auto;
}
.wrapper-product .related-products .wrap-product .percent_discount,
.homepage .wrapper-products .slider-all-products .slide .percent_discount {
    position: absolute;
    top: 0;
}
.wrapper-product .related-products .wrap-product .bestseller,
.homepage .wrapper-products .slider-all-products .slide .bestseller {
    position: absolute;
    left: 5px;
    top: 0;
}
.wrapper-product .related-products .wrap-product .bestseller span,
.homepage .wrapper-products .slider-all-products .slide .bestseller span {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 15px;
    color: #fff;
    line-height: 0.8;
    font-size: 15px;
}
.wrapper-product .related-products .wrap-product .bestseller span strong,
.homepage .wrapper-products .slider-all-products .slide .bestseller span strong {
    font-size: 20px;
}
/*.wrapper-product .related-products .wrap-product .icon,*/
.homepage .wrapper-products .slider-all-products .slide .icon {
    position: absolute;
    left: 14.4%;
    top: 28%;
}
.wrapper-product .related-products .wrap-product .text,
.homepage .wrapper-products .slider-all-products .slide .text {
    max-width: 220px;
    margin: 20px auto 0 auto;
}
.wrapper-product .related-products .wrap-product .text h3,
.homepage .wrapper-products .slider-all-products .slide .text h3 {
    color: #3ac7f3;
    margin: 0;
    margin-bottom: 12px;
    font-size: 20.91px;
    font-weight: 600;
    font-family: 'Open Sans', sans-serif;
    position: relative;
    text-align: center;
    padding: 0 0 7px 0;
    /*border-bottom: 2px solid #eaeaea;*/
}
.wrapper-product .related-products .wrap-product .text h3:before,
.homepage .wrapper-products .slider-all-products .slide .text h3:before {
    content: url(assets/images/border-title.png);
    position: absolute;
    right: 0;
    left: 0;
    margin: 0 auto;
    bottom: -8px;
}
.wrapper-product .related-products .wrap-product .text p,
.homepage .wrapper-products .slider-all-products .slide .text p {
    padding-right: 0;
    text-align: center;
    margin: 0 0 0 0;
    font-size: 20px;
    color: #000;
    line-height: 1.05;
}
.wrapper-product .related-products .wrap-product .text p.subtitle-bold,
.homepage .wrapper-products .slider-all-products .slide .text p.subtitle-bold {
    font-weight: 700;
}
.wrapper-product .related-products .wrap-product .btn-primary,
.homepage .wrapper-products .slider-all-products .slide .btn-primary {
    margin-top: 38px;
    padding: 2px 38px 5px 38px;
}
.homepage .wrapper-all-advantages {
    background-color: #efefef !important;
    padding: 50px 0 115px 0;
    position: relative;
}
.homepage .wrapper-all-advantages h2 {
    color: #00406d;
    font-size: 41px;
    text-align: center;
    margin-top: 3px;
}
.homepage .wrapper-all-advantages .all-advantages {
    padding-top: 50px;
}
.homepage .wrapper-all-advantages .all-advantages .item {
    float: right;
}
.homepage .wrapper-all-advantages .all-advantages .item span {
    height:50px;
    width: 2px;
    margin: 0 auto 10px auto;
    display: none;
}
.homepage .wrapper-all-advantages .all-advantages .item .save-text {
    display: none;
}
.homepage .wrapper-all-advantages .all-advantages .item .icon {
    height: 135px;
    width: 135px;
    text-align: center;
    border-radius: 50%;
    position: relative;
    margin: 0 auto;
}
.homepage .wrapper-all-advantages .all-advantages .item .icon img {
    position: absolute;
    top:0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
}
.homepage .wrapper-all-advantages .all-advantages .item h4 {
    text-align: center;
    font-size: 21px;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 8px;
}
.wrapper-text .wrap-text {
    text-align: center;
    padding: 0 20px 20px 20px;
    background: rgba(255,255,255,0.4);
}
.wrapper-text .wrap-text h5 {
    font-size: 26.28px;
    font-weight: 700;
}
.wrapper-text .wrap-text .text {
    font-family: 'Assistant', sans-serif;
    margin-bottom: 5px;
}
.homepage .wrapper-all-advantages .all-advantages .wrapper-text {
    display: none;
    line-height: 1;
}
.homepage .wrapper-all-advantages .wrapper-btn {
    position: absolute;
    bottom: -38px;
    left: 0;
    right: 0;
    text-align: center;
}
.homepage .wrapper-all-advantages .wrapper-btn .btn-default {
    font-size: 28px;
    font-weight: 700;
    border-radius: 6px;
    padding: 15px 45px;
    border: 3px solid #fff;
    -webkit-box-shadow: 0px 5px 2px 0px rgba(0, 0, 0, 0.14);
    -moz-box-shadow:    0px 5px 2px 0px rgba(0, 0, 0, 0.14);
    box-shadow:         0px 5px 2px 0px rgba(0, 0, 0, 0.14);
}

.homepage .wrapper-banner-yazamko {
    padding: 85px 0;
    border-top: 1px solid #e1e1e1;
    /*border-bottom: 1px solid #e1e1e1;*/
}
.homepage .wrapper-banner-yazamko .wrap-banner-yazamko {
    width: 100%;
    max-width: 1400px;
    margin: 0 auto;
}
.homepage .wrapper-banner-yazamko .wrap-banner-yazamko h1 {
    color: #025189;
    font-size: 45px;
    font-weight: 700;
    position: relative;
    margin-top: 0;
    text-align: right;
    margin-bottom: 55px;
}
.homepage .wrapper-banner-yazamko .wrap-banner-yazamko h1:after {
    content: "";
    width: 107px;
    position: absolute;
    border: 2px solid;
    bottom: -19px;
    right: 18px;
}
.homepage .wrapper-banner-yazamko .wrap-banner-yazamko .text-summary {
    color: #025189;
    font-size: 25px;
    line-height: 1.1;
    font-weight: 700;
}
.homepage .wrapper-banner-yazamko .wrap-banner-yazamko .text {
    padding-top: 20px;
}
.homepage .wrapper-banner-yazamko .wrap-banner-yazamko .right {
    padding-top: 10px;
}
.wrapper-among-our-customers {
    text-align: center;
    position: relative;
}
.wrapper-among-our-customers .inner-our-customers.ops {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.wrapper-among-our-customers .inner-our-customers .bk-withe {
    padding-bottom: 4.9%;
    background: rgba(255,255,255,0.63);
}
.wrapper-among-our-customers .text {
    font-size: 25px;
    margin-top: 28px;
}
.wrapper-among-our-customers h2 {
    color: #000;
    font-size: 45px;
    font-weight: 700;
    margin-bottom: 22px;
}
.top-panner {
    position: relative;
}
.single-post .top-panner {
    max-height: 314px;
    overflow: hidden;
}
.top-panner .all-product-attributes {
    position: absolute;
    left: 5%;
    top: 30%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    margin: auto;
    max-width: 200px;
    border-radius: 8px;
    padding: 27px 17px;
    text-align: center;
    background: rgba(17,11,4,0.77);
    border: 1px solid rgba(255,255,255,0.45);
}
.top-panner .all-product-attributes .icon {
    display: inline-block;
}
.top-panner .wrapper-cat_top_banner {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 10%;
}
.top-panner .wrapper-cat_top_banner h3 {
    color: #ffdbc0;
    font-size: 26px;
    font-weight: 700;
}
.top-panner .wrapper-cat_top_banner .cat_top_banner .image {
    padding: 0 12px;
    display: inline-block;
}
h1 {
    color: #fff;
    font-size: 70px;
    font-weight: 700;
    text-align: center;
    text-shadow: 3px 0 0 #0f58a4, -3px 0 0 #0f58a4, 0 3px 0 #0f58a4, 0 -3px 0 #0f58a4, 2px 2px #0f58a4, -2px -2px 0 #0f58a4, 2px -2px 0 #0f58a4, -2px 2px 0 #0f58a4
}
.top-panner h1 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30%;
    margin: auto;
    text-align: center;
}
.top-panner .inner-top-panner {
    /*position: absolute;*/
    /*top: 0;*/
    /*bottom: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*height: 40%;*/
    /*margin: auto;*/
    /*text-align: center;*/
}
.tax-category-office-products .top-panner .inner-top-panner .wrap-image:after {
    content: "" ;
    height: 3px;
    width: 103px;
    background: rgba(255,255,255,0.5);
    margin: 20px auto 0 auto;
    display: block;
}
.tax-category-office-products .top-panner .inner-top-panner h1 {
    /*margin-top: 0;*/
}
.tax-category-office-products h1 {
    /*height: 65%;*/
    height: 82%;
}
.wrapper-boxes-info {
    color: #fff;
    background: #025189;
    padding: 65px 0 75px 0;
}
.wrapper-boxes-info .wrap-boxes-info {
    width: 95%;
    max-width: 1210px;
    margin: 0 auto;
}
.wrapper-boxes-info .wrap-boxes-info > .row {
    margin-left: -25px;
    margin-right: -25px;
}
.wrapper-boxes-info .wrap-boxes-info > .row > .col-lg-4 {
    float: right;
    padding-left: 25px;
    padding-right: 25px;
}
.wrapper-boxes-info .wrap-boxes-info .box-info {
    padding: 25px 10px;
    border-radius: 15px;
    border: 2px solid #3d79a4;
}
.wrapper-boxes-info .wrap-boxes-info .box-info h3 {
    margin: 0 0 0 0;
    font-size: 22px;
    font-weight: 700;
}
.wrapper-boxes-info .wrap-boxes-info .box-info .text {
    line-height: 1.2;
}
.wrapper-boxes-info .wrap-boxes-info .box-info .image {
    padding-left: 0;
}
.wrapper-boxes-info .wrap-boxes-info .box-info .inner {
    padding-right: 0;
}
.wrapper-questions {
    /*padding: 95px 0 65px 0;*/
    padding: 4.98% 0 3.41% 0;
}
@media (min-width: 1200px){
    .wrapper-questions .container {
        width: 995px;
    }
}
.wrapper-jobs .all-jobs .job,
.wrapper-questions .questions .question {
    border: 1px solid #bababa;
    margin: 0 0 28px 0;
    position: relative;
    border-radius: 4px;
}
.wrapper-jobs .all-jobs .job .title-job,
.wrapper-questions .questions .question .title-question {
    cursor: pointer;
    position: relative;
    background: #fff;
    padding: 22px 15px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}
.wrapper-questions .questions .question .title-question {
    padding: 22px 28px;
}
.wrapper-questions .questions .question .text {
    padding: 5px 28px 20px 28px;
}
.wrapper-jobs .all-jobs .job .title-job.active-s,
.wrapper-questions .questions .question .title-question.active-s {
    background: #f5f5f5;
}
.wrapper-jobs .all-jobs .job .title-job:after,
.wrapper-questions .questions .question .title-question:after {
    left: 22px;
    margin-top: 4px;
    position: absolute;
    transition: all 0.6s;
    content: url('assets/images/q.png');
    /*top: 50%;*/
    /*transform: translate(0,-55%);*/
}
.wrapper-jobs .all-jobs .job .title-job.active-s:after,
.wrapper-questions .questions .question .title-question.active-s:after {
    left: 26px;
    -ms-transform: rotate(-90deg); /* IE 9 */
    -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
    transform: rotate(-90deg);
}
.wrapper-jobs .all-jobs .job .title-job:before,
.wrapper-questions .questions .question .title-question:before {
    content: "";
    height: 100%;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 66px;
    position: absolute;
    background: #bababa;
}
.wrapper-jobs .all-jobs .job h3,
.wrapper-questions .questions .question h3 {
    color: #025189;
    margin: 0 0 0 0;
    display: inline;
    font-weight: 700;
    font-size: 27.89px;
}
.wrapper-jobs .all-jobs .job .text,
.wrapper-questions .questions .question .text {
    display: none;
    border-top: 1px solid #bababa;
}
.wrapper-jobs .all-jobs .job p,
.wrapper-questions .questions .question p {
    margin-top:15px ;
}
.wrapper-jobs .all-jobs .job .text.active-text,
.wrapper-questions .questions .question .text.active-text {
    display: block;
}
.wrapper-jobs {
    padding: 100px 0;
}
.wrapper-jobs .no-jobs {
    color: #007aae;
    font-weight: 700;
    font-size: 27.89px;
}
.wrapper-jobs .nav-tabs {
    padding: 0 0 0 0;
    border-bottom: 0;
}
.wrapper-jobs .nav-tabs>li {
    float: none;
    margin-bottom: 0;
}
.wrapper-jobs .nav-tabs>li>a {
    margin-right: 0;
    line-height: 1.42857143;
    border: 0;
    border-radius: 8px;
    background: #00406d;
    color: #fff;
    margin-bottom: 30px;
    position: relative;
}
.wrapper-jobs .nav-tabs>li.active>a:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    left: -13px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    border-top: 8px solid transparent;
    border-right: 13px solid #007aae;
    border-bottom: 8px solid transparent;
}
.wrapper-jobs .nav-tabs>li.active>a,
.wrapper-jobs .nav-tabs>li.active>a:hover,
.wrapper-jobs .nav-tabs>li.active>a:focus,
.wrapper-jobs .nav-tabs>li>a:hover,
.wrapper-jobs .nav-tabs>li>a:focus {
    color: #fff;
    background-color: #007aae;
    border: 0;
    cursor: default;
}
.wrapper-jobs .nav-tabs>li>a > h3 {
    font-size: 27px;
    margin: 20px 0;
    font-weight: 700;
    padding-right: 15px;
}
.wrapper-jobs .nav-tabs>li>a > h3 > span > img {
    vertical-align: bottom;
    margin-left: 20px;
}
.wrapper-jobs .all-jobs .job .title-job span {
    float: left;
    color: #007aae;
    font-size: 18px;
    margin-left: 77px;
}
.wrapper-jobs .all-jobs .job h3 {
    color: #007aae;
}
.wrapper-jobs .all-jobs .job .title-job:after {
    content: url('assets/images/job.png');
}
.wrapper-jobs .all-jobs .job .text {
    padding: 5px 30px 45px 30px;
}
.wrapper-jobs .all-jobs .wrapper-form h4 {
    font-weight: 700;
}
.wrapper-jobs .all-jobs .wrapper-form input {
    width: 100%;
    color: #000;
    padding: 8px 15px;
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
}
.wrapper-jobs .all-jobs .wrapper-form input:hover,
.wrapper-jobs .all-jobs .wrapper-form input:focus {
    -webkit-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow:    3px 0px 6px 0px rgba(0, 0, 0, 0.11);
    box-shadow:         3px 0px 6px 0px rgba(0, 0, 0, 0.11);
}
.wrapper-jobs .all-jobs .wrapper-form input[type=submit] {
    color: #fff;
    padding: 14px 15px;
    font-weight: 700;
}
.wrapper-jobs .all-jobs .wrapper-form input::-webkit-input-placeholder {
    color: #000;
}
.wrapper-jobs .all-jobs .wrapper-form input:-moz-placeholder {
    color: #000;
}
.wrapper-jobs .all-jobs .wrapper-form input::-moz-placeholder {
    color: #000;
}
.wrapper-jobs .all-jobs .wrapper-form input:-ms-input-placeholder {
    color: #000;
}
.wrapper-jobs .all-jobs .wrapper-form .left,
.wrapper-jobs .all-jobs .wrapper-form .right {
    float: right;
}
.wrapper-jobs .all-jobs .wrapper-form .btn-file {
    /*width: 100%;*/
    color: #007aae;
    margin-bottom: 0;
    margin-top: 10px;
    font-weight: 700;
    cursor: pointer;
    position: relative;
    display: inline-block;
    text-decoration: underline;
}
.wrapper-jobs .all-jobs .wrapper-form #contact-jobs .btn-file label.error {
    top: 27px;
    left: auto;
}
.wrapper-jobs .all-jobs .wrapper-form input[type=file] {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0;
    z-index: 999999;
    padding: 0;
    height: 100%;
    cursor: pointer;
    position: absolute;
    margin: 0 0 0 0;
}
.wrapper-jobs .all-jobs .wrapper-form input[type=file]:hover,
.wrapper-jobs .all-jobs .wrapper-form input[type=file]:focus {
    cursor: pointer;
}
.wrapper-all-banners {
    padding: 40px 0 50px 0;
}
.wrapper-all-banners .all-banners .banner {
    margin-bottom: 40px;
}
@media (min-width: 1200px) {
    .wrapper-all-banners .all-banners .banner .left-right.col-lg-5 {
        width: 48%;
    }
    .wrapper-all-banners .all-banners .banner .left-right.col-lg-7 {
        width: 52%;
    }
}
.wrapper-all-banners .all-banners .banner:nth-child(odd) .left-right {}
.wrapper-all-banners .all-banners .banner:nth-child(even) .left-right {
    float: right;
}
.wrapper-all-banners .all-banners .banner .left-right h2 {
    color: #025189;
    font-size: 40.94px;
    font-weight: 700;
}
.wrapper-all-banners .all-banners .banner .left-right h2:after {
    content: "";
    width: 108px;
    margin: 20px 10px;
    border-bottom: 2px solid;
    display: block;
}
.wrapper-all-banners .all-banners .banner .left-right .summary {
    color: #024e86;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 16px;
}
.wrapper-all-banners .all-banners .banner .left-right .text {}
.wrapper-all-banners .all-banners .banner .left-right .text p {
    margin: 0 0 0 0;
}
.wrapper-printing-solutions .all-banners .banner {
    position: relative;
}
.wrapper-why-yazamko .all-banners .banner {
    position: relative;
    border-top: 2px solid #fff;
}
.wrapper-printing-solutions .all-banners .banner:last-child {
    z-index: 1;
}
.homepage .wrapper-slider .slick-slide > img,
.wrapper-printing-solutions .banner-bottom > img,
.wrapper-printing-solutions .all-banners .banner.banner-image > img,
.wrapper-why-yazamko .all-banners .banner.banner-image > img {
    margin: 0 auto;

}
.wrapper-printing-solutions .all-banners .banner .inner-banner,
.wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}
.wrapper-printing-solutions .all-banners .banner .inner-banner .description,
.wrapper-why-yazamko .all-banners .banner .inner-banner .description {
    /*margin-bottom: 13.66%;*/
    margin-bottom: 0;
}
.wrapper-printing-solutions .wrapper-how-it-works h2,
.wrapper-printing-solutions .all-banners .banner .inner-banner h2,
.wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
    color: #025189;
    font-size: 48.4px;
    font-weight: 700;
    margin-top: 0;
}
.wrapper-printing-solutions .all-banners .banner .inner-banner .text p,
.wrapper-why-yazamko .all-banners .banner .inner-banner .text p {
    /*font-size: 26.27px;*/
    font-size: 22.27px;
    margin-bottom: 0;
    color: #1b1b1b;
}
.wrapper-printing-solutions .all-banners .banner .inner-banner .text p {
    font-size: 20px;
}
@media (min-width: 1200px) {
    .wrapper-why-yazamko .all-banners .banner .left-right.col-lg-5 {
        width: 60%;
    }
    .wrapper-why-yazamko .all-banners .banner .left-right.col-lg-7 {
        width: 40%;
    }
}
.wrapper-printing-solutions .all-banners .banner.banner-image .inner-banner,
.wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner {
    /* align-items: center; */
    /* display: -webkit-flex; */
    height: 100%;
}
.wrapper-printing-solutions .all-banners .banner.banner-image .inner-banner .container,
.wrapper-printing-solutions .all-banners .banner.banner-image .inner-banner .container > .row,
.wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner .container,
.wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner .container > .row {
    height: 100%;
}
.wrapper-printing-solutions .all-banners  .banner:nth-child(even) .left-right,
.wrapper-why-yazamko .all-banners .banner:nth-child(even) .left-right {
    float: right;
}
/*.wrapper-why-yazamko .all-banners .banner:nth-child(even) .left-right,*/
/*.wrapper-why-yazamko .all-banners .banner:nth-child(odd) .left-right {*/
/*align-items: center;*/
/*display: -webkit-flex;*/
/*height: 100%;*/
/*}*/
.wrapper-why-yazamko .all-banners .banner .left-right.wrapper-image {}
.wrapper-printing-solutions .all-banners .banner .left-right.wrapper-only-text,
.wrapper-why-yazamko .all-banners .banner .left-right.wrapper-only-text {
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    overflow: hidden;
}
.wrapper-printing-solutions .all-banners .banner .inner-banner .container,
.wrapper-why-yazamko .all-banners .banner .inner-banner .container {
    position: relative;
}
.wrapper-why-yazamko .all-banners .banner .inner-banner .wrapper-image {
    position: absolute;
    bottom: 0;
}
.wrapper-why-yazamko .all-banners .banner:nth-child(odd) .left-right.wrapper-image {
    right: -60px;
    left: auto;
}
.wrapper-why-yazamko .all-banners .banner:nth-child(even) .left-right.wrapper-image {
    text-align: center;
    right: auto;
    left: 0;
}
/* ----- Printing Solutions ----- */
.wrapper-printing-solutions {}
/*.wrapper-printing-solutions .description .left-right {*/
/*float: right;*/
/*}*/
.wrapper-printing-solutions .description {
    position: relative;
    overflow: hidden;
    /*text-align: center;*/
}
.wrapper-printing-solutions .description .inner-description {
    position: absolute;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    margin: 0 auto;
    left: 0;
    right: 0;
}
.wrapper-printing-solutions .description .left-right {
    text-align: right;
}
.wrapper-printing-solutions .description p {
    margin-bottom: 0;
}
.wrapper-printing-solutions .description .text-box {
    margin: 34px 34px;
    text-align: center;
    display: inline-block;
    border: 2px solid #025189;
    padding: 10px 32px 20px 32px;
}
.wrapper-printing-solutions .wrapper-how-it-works {
    color: #fff;
    font-size: 22px;
    background: #152836;
    padding: 4% 0 5%;
    text-align: center;
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works {
    height: 100%;
    padding: 48px 9.4% 35px 9.4%;
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works > .row {
    height: 100%;
    border-radius: 4px;
    border: 1px solid #9ef0ff;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
    -moz-box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
    box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right-num,
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right {
    float: none;
    height: 100%;
    display: inline-block;
    width: 33%;
    vertical-align: middle;
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right {
    padding-bottom: 10px;
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right:after {
    content: "";
    width: 1px;
    /*height: 50%;*/
    border-left: 1px solid #9ef0ff;
    position: absolute;
    bottom: 0;
    top: -25px;
    left: 0;
    margin: auto;
    height: 95px;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
    -moz-box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
    box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right:last-child:after {
    border-left: 0;
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right span.num,
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right-num span {
    margin-top: -11%;
    background: #152836;
    border: 1px solid #9ef0ff;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    display: inline-block;
    vertical-align: middle;
    padding: 0px 0;
    font-size: 36.31px;
    font-weight: 700;
    -webkit-box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
    -moz-box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
    box-shadow: 0px 0px 35px 0px rgba(14,197,230,0.25);
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right span.num {
    display: none;
    margin: auto;
}
.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right span.num:first-child {
    margin-top: 20px;
}
.wrapper-printing-solutions .wrapper-how-it-works > .container > .text {
    width: 600px;
    max-width: 100%;
    margin: 0 auto;
}
/*.wrapper-printing-solutions .all-banners .banner:last-child .inner-banner .description {*/
/*margin-bottom: 34.66%;*/
/*}*/
.wrapper-printing-solutions .all-banners .banner:nth-child(even) .left-right {
    float: right;
}
.wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary {
    margin-top: 22px;
    font-weight: 700;
    border-radius: 25px;
    background: transparent;
}
.wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary:hover,
.wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary:focus {
    background: #025189;
    border-color: #025189;
}
.wrapper-printing-solutions .all-banners .banner:nth-child(2) {
    margin-top: -3.4%;
}
.wrapper-printing-solutions .all-banners .banner:nth-child(2) .inner-banner {
    padding-top: 3.4%;
}
.wrapper-printing-solutions .all-banners .banner:nth-child(3) .inner-banner .btn-primary {
    color: #d2ecff;
    border-color: #d2ecff;
}
.wrapper-printing-solutions .all-banners .banner:nth-child(3) .inner-banner .btn-primary:hover,
.wrapper-printing-solutions .all-banners .banner:nth-child(3) .inner-banner .btn-primary:focus {
    color: #025189;
    background: #d2ecff;
}
.wrapper-printing-solutions .wrapper-how-it-works h2,
.wrapper-printing-solutions .all-banners .banner:nth-child(3) .inner-banner h2 {
    color: #cae3f5;
}
.wrapper-printing-solutions .all-banners .banner:nth-child(3) .inner-banner .text li,
.wrapper-printing-solutions .all-banners .banner:nth-child(3) .inner-banner .text p {
    color: #fff;
}
.wrapper-printing-solutions .all-banners .banner:nth-child(3) .inner-banner .text ul,
.wrapper-printing-solutions .all-banners .banner:nth-child(3) .inner-banner .text ol {
    margin: 0;
}
.wrapper-printing-solutions .banner-bottom {
    margin-top: 0;
    position: relative;
}
.wrapper-printing-solutions .banner-bottom .inner-banner-bottom {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    top: 0;
    color: #fff;
}
.wrapper-printing-solutions .banner-bottom .inner-banner-bottom .container > h2 {
    font-size: 45.58px;
    text-align: center;
    margin: 140px 0;
    font-weight: 400;
}
.wrapper-printing-solutions .banner-bottom .inner-banner-bottom p {
    margin-bottom: 0;
    font-size: 26.27px;
    font-size: 24.27px;
}
.wrapper-printing-solutions .banner-bottom .inner-banner-bottom h2 {
    line-height: 1;
    font-weight: 700;
    margin-bottom: 20px;
}
.wrapper-printing-solutions .banner-bottom .inner-banner-bottom .left-box h2 {
    color: #ffcdd4;
}
.wrapper-printing-solutions .banner-bottom .inner-banner-bottom .right-box h2 {
    color: #dcf0ff;
}
/* ----- single product ----- */
.wrapper-product {
    padding: 60px 0;
}
.wrapper-product h1 {
    color: #2d2d2d;
    font-size: 29.29px;
    font-weight: 700;
    text-align: right;
    margin-bottom: 45px;
    text-shadow: none;
    padding-right: 12px;
    border-right: 5px solid #025189;
    display: inline-block;
}
.wrapper-product h1:after {
    content: "" ;
    clear: both;
}
.wrapper-product h1 span {
    float: left;
    margin-right: 5px;
}
/*.wrapper-product h1:before {*/
    /*content: "" ;*/
    /*width: 5px;*/
    /*height: 30px;*/
    /*margin-left: 12px;*/
    /*background: #025189;*/
    /*vertical-align: sub;*/
    /*display: inline-block;*/
/*}*/
@media (min-width: 1200px) {
    .wrapper-product .top-product > .row > .col-lg-5 {
        width: 44.89%;
    }
    .wrapper-product .top-product > .row > .col-lg-7 {
        width: 55.11%;
    }
    .wrapper-printing-solutions .wrapper-how-it-works .how-it-works {
        padding: 48px 10px 35px 10px;
    }
}
.wrapper-product .top-product .wrapper-all-gallery .slide,
.wrapper-product .top-product .gallery {
    border-radius: 4px;
    border: 1px solid #d7d7d7;
}
.wrapper-product .top-product .gallery {
    height: 100%;
    padding: 8.3% 0;
}
.wrapper-product .top-product .wrapper-all-gallery .slide > img,
.wrapper-product .top-product .gallery .slide > img {
    margin: auto;
    /*spaical-cat*/
    /*max-height: 100px;*/
    /*height: 100px;*/
}
.wrapper-product .top-product .wrapper-all-gallery {
    float: right;
    padding-left: 0;
}
.wrapper-product .top-product .wrapper-all-gallery .slide {
    padding: 10px 4px 4px 4px;
    /*padding: 0;*/
    margin-bottom: 15px;
    /*margin-left: 1px;*/
    /*margin: 1px 1px 14px 1px;*/
}
.wrapper-product .top-product .wrapper-image-gallery > .row {
    position: relative;
}
.wrapper-product .top-product .wrapper-image-gallery .wrapper-gallery {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 15px;
}
.wrapper-product .top-product .wrapper-image-gallery .wrapper-gallery .gallery > .slick-list .slick-track,
.wrapper-product .top-product .wrapper-image-gallery .wrapper-gallery .gallery > .slick-list {
    height: 100% !important;
}
.wrapper-product .top-product .gallery .slide > img {
    height: 100%;
    width: auto;
    /*spaical-cat*/
    /*max-height: 500px;*/
}
.wrapper-product .top-product .description p {
margin: 0 0 0 0;
}
.wrapper-product-cat .wrapper-all-products .product .text .summary ul,
.wrapper-product .top-product .description ul {
list-style: none;
margin: 10px 0;
padding: 0;
}
.wrapper-product-cat .wrapper-all-products .product .text .summary ul li:before,
.wrapper-product .top-product .description ul li:before {
content: " ";
width: 6px;
height: 6px;
margin-left: 9px;
background: #80a8c4;
border-radius: 100%;
display: inline-block;
vertical-align: middle;
}
.wrapper-product .top-product .description .btn-primary {
color: #171717;
margin-top: 20px;
padding: 11px 24px;
background: #f8f8f8;
border: 1px solid #d5d5d5;
-webkit-box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.13);
-moz-box-shadow:    0px 3px 0px 0px rgba(0, 0, 0, 0.13);
box-shadow:         0px 3px 0px 0px rgba(0, 0, 0, 0.13);
}
.wrapper-product .top-product .description .btn-primary:hover,
.wrapper-product .top-product .description .btn-primary:focus {
background-color: #e6e6e6;
}
.wrapper-product .top-product .description .btn-primary span {
margin-left: 5px;
}
.wrapper-product .all-wrapper-form {
margin-top: 50px;
-webkit-box-shadow: 0px 9px 4px 0px rgba(0, 0, 0, 0.09);
-moz-box-shadow:    0px 9px 4px 0px rgba(0, 0, 0, 0.09);
box-shadow:         0px 9px 4px 0px rgba(0, 0, 0, 0.09);
}
.wrapper-product .all-wrapper-form .wrapper-form-footer {
border-top: 0;
background: #025189
}
.wrapper-product .wrapper-gallery .subtitle-product {
position: absolute;
bottom: 15px;
left: 0;
right: 0;
margin: auto;
text-align: center;
}
/*.wrapper-product .only-image {*/
    /*position: relative;*/
/*}*/
.wrapper-product .wrapper-gallery .icon {
    position: absolute;
    top: 20px;
    left: 35px;
}
.wrapper-product .wrapper-gallery .icon p {
    text-align: center;
    margin: -15px 15px 0 0;
    font-weight: 700;
}
.wrapper-product .subtitle-product p {
    margin: 0 0 0 0;
    border-top-left-radius: 5px ;
    border-top-right-radius: 5px ;
    display: inline-block;
    background: #007aae;
    padding: 12px 30px 15px 30px;
    font-size: 23.18px;
    color: #fff;
}
/* ---- product-cat ---- */
.wrapper-product-cat {
    padding: 60px 0 0 0;
}
.wrapper-product-cat .wrapper-all-cat {
    text-align: center;
    padding: 15px 0 6%;
}
.wrapper-product-cat .wrapper-all-cat ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    border: 1px solid #025189;
    border-radius: 8px;
}
.wrapper-product-cat .wrapper-all-cat ul li {
    padding: 0;
    display: inline-block;
    display: table-cell;
    border-left: 1px solid #025189;
}
.wrapper-product-cat .wrapper-all-cat ul li a {
    padding: 15px 20px;
    display: inline-block;
}
.wrapper-product-cat .wrapper-all-cat ul li:last-child {
    border-left: 0;
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px;
}
.wrapper-product-cat .wrapper-all-cat ul li:first-child {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px;
}
.wrapper-product-cat .wrapper-all-cat ul li.active {
    background: #025189;
}
.wrapper-product-cat .wrapper-all-cat ul li.active a {
    color: #fff;
}
.wrapper-product-cat .wrapper-all-products .wrapper-product {
    float: right;
}
.wrapper-product-cat .wrapper-all-products .product {
    padding: 33px 23px 23px 23px;
    margin-bottom: 18%;
    border-radius: 5px;
    position: relative;
    text-align: center;
    border: 1px solid #ccdce7;
}
.wrapper-all-products .product .percent_discount {
    position: absolute;
    top:22px;
}
.homepage .wrapper-products .slider-all-products .slide .percent_discount span,
.wrapper-all-products .product .percent_discount span {
    position: absolute;
    text-align: center;
    left: 0;
    right: 0;
    top: 15px;
    color: #fff;
    line-height: 0.8;
}
.wrapper-product-cat .wrapper-all-products .product .icon {
    position: absolute;
    left: 2%;
    top: 2%;
}
.wrapper-product-cat .wrapper-all-products .product .text {
    text-align: center;
}
.wrapper-product-cat .wrapper-all-products .product .text .top-name {
    color: #2d2d2d;
    font-size: 24px;
}
.wrapper-product-cat .wrapper-all-products .product .text h2 {
    color: #616161;
    font-size: 24px;
    margin: 0 0 0 0;
}
.wrapper-product-cat .wrapper-all-products .product .text h2:after {
    margin: 10px auto 0 auto;
    display: block;
    width: 100%;
    content: "";
    height: 19px;
    max-width: 341px;
    background: url(assets/images/line-name-prod.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.wrapper-product-cat .wrapper-all-products .product .text h3 {
    color: #fff;
    padding: 5px 0;
    margin-top: 6px;
    font-size: 20px;
    font-weight: 700;
    background: #025189;
    height: 54px;
    align-items: center;
    /* text-align: center; */
    display: grid;
}
.wrapper-product-cat .wrapper-all-products .product .text .summary ul {
    text-align: right;
    padding-right: 6px;
}
.wrapper-product-cat .wrapper-all-products .product .wrapper-btn-read-more {
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    position: absolute;

}
.wrapper-product-cat .wrapper-all-products .product .border-btn-read-more {
    display: inline-block;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
}
.wrapper-product-cat .wrapper-all-products .product .btn-primary {
    color: #077fc7;
    font-weight: 700;
    padding: 8px 30px;
    transition: all 0.5s;
    border-color: #077fc7;
}
.wrapper-product-cat .wrapper-all-products .product .btn-primary:hover,
.wrapper-product-cat .wrapper-all-products .product .btn-primary:focus {
    color: #fff;
    background-color: #077fc7;
    border: 1px solid #077fc7;
}
.wrapper-product-cat .wrapper-all-products .product .text {}
.wrapper-product-cat .wrapper-all-products .wrap-product {
    float: right;
}
.wrapper-product-cat .wrapper-all-products .product > a {
    height: 330px;
    display: inline-block;
}
.wrapper-product-cat .wrapper-all-products .product > a > img {
    height: 100%;
    width: auto;
}
.wrapper-product-cat .wrapper-all-products.special_style {
    padding-bottom: 8%;
}
.wrapper-product-cat .wrapper-all-products.special_style .wrap-product:nth-child(odd) .product {
    margin: 0 22% 0 7%;
}
.wrapper-product-cat .wrapper-all-products.special_style .wrap-product:nth-child(even) .product {
    margin: 0 7% 0 22%;
}
.wrapper-product-cat .wrapper-all-products.special_style .product {
    position: relative;
    border: 0;
}
.knockout-top-to-bottom {
    position: relative;
}
.wrapper-product-cat .wrapper-all-products.special_style .product:before,
.wrapper-product-cat .wrapper-all-products.special_style .product:after {
    content: "";
    position: absolute;
    border-radius: 5px;
}
.wrapper-product-cat .wrapper-all-products.special_style .product:before {
    top: -1px;
    left: -1px;
    bottom: 45%;
    right: -1px;
    background: rgba(166,230,250,1);
    background: -moz-linear-gradient(-45deg, rgba(166,230,250,1) 0%, rgba(166,230,250,1) 46%, rgba(166,230,250,0.95) 68%, rgba(255,255,255,0.14) 91%, rgba(255,255,255,0) 95%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(166,230,250,1)), color-stop(46%, rgba(166,230,250,1)), color-stop(68%, rgba(166,230,250,0.95)), color-stop(91%, rgba(255,255,255,0.14)), color-stop(95%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(-45deg, rgba(166,230,250,1) 0%, rgba(166,230,250,1) 46%, rgba(166,230,250,0.95) 68%, rgba(255,255,255,0.14) 91%, rgba(255,255,255,0) 95%);
    background: -o-linear-gradient(-45deg, rgba(166,230,250,1) 0%, rgba(166,230,250,1) 46%, rgba(166,230,250,0.95) 68%, rgba(255,255,255,0.14) 91%, rgba(255,255,255,0) 95%);
    background: -ms-linear-gradient(-45deg, rgba(166,230,250,1) 0%, rgba(166,230,250,1) 46%, rgba(166,230,250,0.95) 68%, rgba(255,255,255,0.14) 91%, rgba(255,255,255,0) 95%);
    background: linear-gradient(135deg, rgba(166,230,250,1) 0%, rgba(166,230,250,1) 46%, rgba(166,230,250,0.95) 68%, rgba(255,255,255,0.14) 91%, rgba(255,255,255,0) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e6fa', endColorstr='#ffffff', GradientType=1 );
    z-index: -2;
}
.wrapper-product-cat .wrapper-all-products.special_style .product:after {
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #fff;
}


.wrapper-product-cat .wrapper-all-products.special_style .product > a {
    height: 513px;
    display: block;
    position: relative;
}
.wrapper-product-cat .wrapper-all-products.special_style .product > a > img {
    max-height: 100%;
    width: auto;
    position: absolute;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    height: auto;
}
.wrapper-product-cat .wrapper-all-products.special_style .product .text {
    text-align: right;
}
.wrapper-product-cat .wrapper-all-products.special_style .product .text h2 {
    font-size: 20px;
    color: #077fc7;
    font-weight: 700;
    margin-bottom: 10px;
    padding-bottom: 14px;
    border-bottom: 1px dashed #7dbce2;
}
.wrapper-product-cat .wrapper-all-products.special_style .product .text h2:after {
    display: none;
}
.top-panner.wrap-special_style .all-product-attributes {
    height: 50%;
}
.top-panner.wrap-special_style .all-product-attributes .icon {
    background: #fff;
    border-radius: 5px;
    padding: 6px;
    margin-bottom: 8px;
}
.top-panner.wrap-special_style .all-product-attributes .icon:last-child {
    margin-bottom: 0;
}
.wrapper-product .wrapper-form-footer .wrap-form-footer .form-footer .input input::-webkit-input-placeholder,
.wrapper-product-cat .wrapper-form-footer .wrap-form-footer .form-footer .input input::-webkit-input-placeholder {
    color: #4e3325;
}
.wrapper-product .wrapper-form-footer .wrap-form-footer .form-footer .input input:-moz-placeholder,
.wrapper-product-cat .wrapper-form-footer .wrap-form-footer .form-footer .input input:-moz-placeholder {
    color: #4e3325;
}
.wrapper-product .wrapper-form-footer .wrap-form-footer .form-footer .input input::-moz-placeholder,
.wrapper-product-cat .wrapper-form-footer .wrap-form-footer .form-footer .input input::-moz-placeholder {
    color: #4e3325;
}
.wrapper-product .wrapper-form-footer .wrap-form-footer .form-footer .input input:-ms-input-placeholder,
.wrapper-product-cat .wrapper-form-footer .wrap-form-footer .form-footer .input input:-ms-input-placeholder {
    color: #4e3325;
}
.wrapper-product .wrapper-form-footer .wrap-form-footer .form-footer .input input[type=submit],
.wrapper-product-cat .wrapper-form-footer .wrap-form-footer .form-footer .input input[type=submit]{
    background: #ff6609;
}
.wrapper-product .wrapper-form-footer .wrap-form-footer .text,
.wrapper-product-cat .wrapper-form-footer .wrap-form-footer .text {
    /*margin-top: 50px;*/
}
/* ---- Special Product ---- */
.single-office-products .wrapper-form-footer {
    border-top: 0;
}
.wrapper-special-product {
    color: #fff;
    text-align: center;
}
.wrapper-special-product .top h2 {
    font-size: 55px;
    font-weight: 700;
}
.wrapper-special-product .top h2 span {
    color: #3ac7f3;
}
.wrapper-special-product .top .description {
    font-size: 22px;
}
.wrapper-special-product .top .description p {
    margin-bottom: 0;
}
.wrapper-special-product .top .description p sub {
    bottom: 0;
    color: #3ac7f3;
    font-size: 22px;
}
.wrapper-special-product .center .wrap-description-images {
    overflow: auto;
    margin-top: 55px;
}
.wrapper-special-product .center .wrap-description-images .left-right {
    float: right;
}
.wrapper-special-product .center .wrap-description-images .left-right h4 {
    color: #3ac7f3;
    font-size: 29px;
    font-weight: 700;
    margin-bottom: 35px;
}
.wrapper-special-product .bottom {
    margin-top: -10.2%;
}
.wrapper-special-product .bottom h2 {
    color: #3ac7f3;
    font-size: 55px;
    font-weight: 700;
    margin-bottom: 5px;
}
.wrapper-special-product .bottom h4 {
    color: #3ac7f3;
    margin-top: 5px;
    font-size: 26.34px;
    font-weight: 700;
}
.wrapper-special-product .bottom .description {
    margin-bottom: 3.3%;
}
.wrapper-special-product .bottom .description p {
    font-size: 26.3px;
    margin-bottom: 6px;
}
.wrapper-special-product .bottom .description p img {
    margin-left: 12px;
    vertical-align: bottom;
}
.wrapper-special-product .bottom .btn-primary {
    color: #fff;
    border-color: #fff;
    margin-bottom: 5.92%;
    padding: 9px 23px 12px 23px;
    background: rgba(255,255,255,0.1);
}
.wrapper-special-product .bottom .btn-primary:hover,
.wrapper-special-product .bottom .btn-primary:focus {
    background: rgba(255,255,255,0.2);
}
.wrapper-special-product .bottom .btn-primary img {
    vertical-align: baseline;
}
.wrapper-special-product .wrap-video-special-product {
    padding-bottom: 10%;
}
.wrapper-special-product .wrap-video-special-product .left-right {
    float: right;
    text-align: left;
}
.wrapper-special-product .wrap-video-special-product .left-right:nth-child(even) {
    text-align: right;
}
.wrapper-special-product .wrap-video-special-product .left-right .wrap-video {
    position: relative;
    transition: all 0.7s;
    display: inline-block;
}
.wrapper-special-product .wrap-video-special-product .left-right .wrap-video:focus ,
.wrapper-special-product .wrap-video-special-product .left-right .wrap-video:hover {
    cursor: pointer;
}
.wrapper-special-product .wrap-video-special-product .left-right .wrap-video:focus .image-video,
.wrapper-special-product .wrap-video-special-product .left-right .wrap-video:hover .image-video {
    opacity: 0.7;
    cursor: pointer;
}
.wrapper-special-product .wrap-video-special-product .left-right .wrap-video .play {
    position: absolute;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
}
.full-screen {
    /*display: none;*/
    /*top:0;*/
    bottom: -100%;
    left: 0;
    right: 0;
    z-index: 9999;
    position: fixed;
    /*opacity:0;*/
}
/* ---- END Special Product ---- */

/* ---- Customers Recommend ---- */
#fancybox-buttons ul {
    background: rgba(10,120,194,1);
    background: -moz-linear-gradient(top, rgba(10,120,194,1) 0%, rgba(2,81,137,1) 69%, rgba(2,81,137,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(10,120,194,1)), color-stop(69%, rgba(2,81,137,1)), color-stop(100%, rgba(2,81,137,1)));
    background: -webkit-linear-gradient(top, rgba(10,120,194,1) 0%, rgba(2,81,137,1) 69%, rgba(2,81,137,1) 100%);
    background: -o-linear-gradient(top, rgba(10,120,194,1) 0%, rgba(2,81,137,1) 69%, rgba(2,81,137,1) 100%);
    background: -ms-linear-gradient(top, rgba(10,120,194,1) 0%, rgba(2,81,137,1) 69%, rgba(2,81,137,1) 100%);
    background: linear-gradient(to bottom, rgba(10,120,194,1) 0%, rgba(2,81,137,1) 69%, rgba(2,81,137,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a78c2', endColorstr='#025189', GradientType=0 );
}
.page-template-template-customer-recommend #fancybox-buttons ul {
    width: 142px;
}
.page-template-template-customer-recommend #fancybox-buttons a.btnPlay {
    display: none;
}
.page-template-template-customer-recommend #fancybox-buttons a {
    width: 35px;
}
.wrapper-customers-recommend {
    padding: 100px 0;
}
.wrapper-customers-recommend .all-customers-recommend .customer-recommend {
    background: #00406d;
    color: #fff!important;
    border-radius: 5px;
    padding: 22px;
    margin-bottom: 30px;
}
.wrapper-customers-recommend .all-customers-recommend .wrap-customer-recommend:nth-child(2) .customer-recommend,
.wrapper-customers-recommend .all-customers-recommend .wrap-customer-recommend:nth-child(7n+0) .customer-recommend {
    background: #924111;
}
.wrapper-customers-recommend .all-customers-recommend .wrap-customer-recommend:nth-child(3) .customer-recommend,
.wrapper-customers-recommend .all-customers-recommend .wrap-customer-recommend:nth-child(5n+0) .customer-recommend {
    background: #00adda;
}
.wrapper-customers-recommend .all-customers-recommend .wrap-customer-recommend:nth-child(4) .customer-recommend,
.wrapper-customers-recommend .all-customers-recommend .wrap-customer-recommend:nth-child(6n+0) .customer-recommend {
    background: #077fc7;
}
.wrapper-customers-recommend .all-customers-recommend .customer-recommend h2 {
    font-size: 27.32px;
    text-align: center;
    font-weight: 700;
    margin-top: 12px;
    margin-bottom: 8px;
}
/*.wrapper-customers-recommend .all-customers-recommend .customer-recommend h2:after {*/
    /*content: url(assets/images/llls.png) ;*/
    /*margin-top: 14px;*/
    /*display: block;*/
/*}*/
.wrapper-customers-recommend .all-customers-recommend .customer-recommend h2:after  {
    width: 100%;
    content: "";
    height: 54px;
    display: block;
    max-width: 285px;
    margin: 14px auto 0 auto;
    background: url(assets/images/llls.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.wrapper-customers-recommend .all-customers-recommend .customer-recommend .summary {
    font-size: 21.53px;
}
.wrapper-customers-recommend .all-customers-recommend .customer-recommend .wrapper-preview {
    padding: 10px;
    max-height: 170px;
    border: 1px solid;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 25px;
}
.wrapper-customers-recommend .all-customers-recommend .customer-recommend .wrapper-preview .preview {
    max-height: 146px;
    overflow: hidden;
    position: relative;
}
.wrapper-customers-recommend .all-customers-recommend .customer-recommend .wrapper-preview .preview .icon-zoom {
    position: absolute;
    bottom: 0;
    left: 0;
}
.wrapper-product-cat .description {
    background: #f5f5f5;
    padding: 25px 48px;
    margin-bottom: 6%;
}
.page-template-template-customer-recommend .fancybox-skin {
    position: relative;
    border-radius: 6px;
    padding: 20px 25px!important;
    background: rgba(255, 255, 255, 0.13);
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.page-template-template-customer-recommend .fancybox-close
 {
    background-image: url(assets/images/close-f.png);
    background-repeat: no-repeat;;
    top: -20px;
    right: -20px;
    width: 20px;
    height: 20px;
}
.page-template-template-customer-recommend #fancybox-buttons {
    z-index: 8015;
    top: 0;
}
.page-template-template-customer-recommend .fancybox-nav {
    width: 100%;
    /*background: transparent url(../images/blank.gif);*/
}
.page-template-template-customer-recommend .fancybox-prev {
    left: -60%;
    background: transparent url(assets/images/prev-f.jpg) no-repeat center left;
}
.page-template-template-customer-recommend .fancybox-next {
    right: -60%;
    background: transparent url(assets/images/next-f.jpg) no-repeat center right;
}
.page-template-template-customer-recommend .fancybox-nav.fancybox-prev:hover span,
.page-template-template-customer-recommend .fancybox-nav.fancybox-next:hover span {
    visibility: hidden;
}
.wrapper-product .wrapper-product-specifications {
    padding-top: 6px;
    position: relative;
}
.wrapper-product .wrapper-product-specifications .left {
    padding-bottom: 74px;
}
.wrapper-product .wrapper-product-specifications .left,
.wrapper-product .wrapper-product-specifications .right {
    float: right;
    position: relative;
}
.wrapper-product .wrapper-product-specifications .right {
    padding-left: 0;
}
.wrapper-product .wrapper-product-specifications .sub-menu {
    position: relative;
    right: 12.2%;
    top: 6%;
    z-index: 9;
    min-width: 225px;
    max-width: 225px;
    display: inline-block;
    padding-top: 74px;
}
.wrapper-product .wrapper-product-specifications .sub-menu ul {
    margin: 0;
    padding: 0;
    list-style: none;
    background: #fff;
}
.wrapper-product .wrapper-product-specifications .sub-menu ul li {
    position: relative;
}
.wrapper-product .wrapper-product-specifications .sub-menu ul li a {
    padding: 15px 20px;
    color: #025189;
    font-size: 24px;
    display: block;
    line-height: 1.1;
}
.wrapper-product .wrapper-product-specifications .sub-menu ul li.active {
    background: #f5f5f5;
}
.wrapper-product .wrapper-product-specifications .sub-menu ul li.active:before {
    content: "";
    display: inline-block;
    width: 6px;
    height: 100%;
    background: #025189;
    position: absolute;
    top: 0;
    right: 0;
}
.wrapper-product .wrapper-product-specifications .sub-menu ul li.active a {
    font-weight: 700;
}
.wrapper-product .wrapper-product-specifications .sub-menu hr {
    margin-top: 10px;
    margin-bottom: 22px;
    border: 0;
    background: #fff;
    border-top: 3px solid #f5f5f5;
}
.wrapper-product .wrapper-product-specifications .sub-menu h3 {
    color: #025189;
    font-size: 24px;
    background: #fff;
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 0;
    text-align: center;
}
.wrapper-product .wrapper-product-specifications .sub-menu .description {
    color: #025189;
    font-size: 18px;
    background: #fff;
    margin-bottom: 20px;
    text-align: center;
}
.wrapper-product .wrapper-product-specifications .sub-menu .btn-success,
.wrapper-product .wrapper-product-specifications .sub-menu .btn-warning {
    border: 0;
    font-size: 18px;
    width: 100%;
    font-weight: 700;
    padding: 15px 12px;
    margin-bottom: 10px;
}
.wrapper-product .wrapper-product-specifications .product_specifications {
    padding-top: 74px;
}
.wrapper-product .wrapper-product-specifications .product_specifications h2 {
    padding: 15px;
    color: #025189;
    font-size: 24px;
    margin: 0 0 0 0;
    font-weight: 700;
    background: #f2f6f9;
    margin-bottom: 34px;
}
.wrapper-product .wrapper-product-specifications .product_specifications .all-content {
    margin-bottom: 0;
    border: 1px solid #d6d6d6
}
.wrapper-product .wrapper-product-specifications .product_specifications .all-content .row-table {
    border-bottom: 1px solid #d6d6d6;
}
.wrapper-product .wrapper-product-specifications .product_specifications .all-content .row-table:nth-child(odd) {
    background: #f2f2f2;
}
.wrapper-product .wrapper-product-specifications .product_specifications .all-content .row-table:last-child {
    border-bottom: 0;
}
.wrapper-product .wrapper-product-specifications .product_specifications .all-content .row-table .cell {
    float: right;
    padding: 10px 18px 12px 18px;
}
.wrapper-product .wrapper-product-specifications .product_specifications .all-content .row-table .cell:first-child {
    border-left: 1px solid #d6d6d6;
}
.wrapper-product .related-products {
    padding: 0 7%;
    text-align: center;
}
.wrapper-product .related-products h2 {
    color: #3ac7f3;
    font-size: 45px;
    font-weight: 700;
}
.wrapper-product .related-products .wrap-product {
    width: 24%;
    display: inline-block;
    float: none;
}
.contact-page h2 {
    color: #025189;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 45px;
}
.contact-page .left  {
    text-align: left;
    padding-top: 25px;
}
.contact-page .content {
    margin-bottom: 40px;
}
.contact-page .content .post-content p {
    font-size: 26px;
    margin-bottom: 0;
    line-height: 1.2;
}
.contact-page .content .logo img {
    margin-top: 50px;
}
.contact-page .content .post-content:before {
    content: "";
    height:90%;
    top: 7%;
    right: -20px;
    width: 1px;
    position: absolute;
    background: #d1d1d1;
}
.contact-page form > .row {
    margin-left: -4.5px;
    margin-right: -4.5px;
}
.contact-page form .input {
    float: right;
    padding: 4.5px;
}
.contact-page form .wrapper-btn {
    padding: 4.5px;
}
.contact-page form textarea,
.contact-page form select,
.contact-page form input {
    width: 100%;
    border-radius: 4px;
    padding: 15px 15px;
    border: 1px solid #e7e7e7;
}
.contact-page form .device-number,
.contact-page form .company-name {
    display: none;
}
.contact-page form textarea {
    height: 340px;
}
.contact-page form input[type=submit]{
    font-weight: 600;
}
.contact-page form textarea:hover,
.contact-page form textarea:focus,
 .contact-page form select:hover,
 .contact-page form select:focus,
 .contact-page form input:hover,
 .contact-page form input:focus {
    -webkit-box-shadow: 3px 0px 6px 0px rgba(0, 0, 0, 0.11);
    -moz-box-shadow:    3px 0px 6px 0px rgba(0, 0, 0, 0.11);
    box-shadow:         3px 0px 6px 0px rgba(0, 0, 0, 0.11);
}
.contact-page form select {
    color: #025189;

    vertical-align: top;
    -webkit-appearance: button;
    background-image: url('assets/images/select.png');
    background-position: left center;
    background-repeat: no-repeat;
}
.contact-page form select option {
    padding: 15px 0;
    display: block;
}
.contact-page form select option:active ,
.contact-page form select option:checked ,
.contact-page form select option:focus,
.contact-page form select option:hover {
    /*background: #ebebeb !important;*/
    background: #ebebeb repeat url("data:image/gif;base64,R0lGO...");
    outline-color: red
}
.g-maps {
    padding-top: 120px;
}
.g-maps iframe {
    /*-webkit-filter: grayscale(100%);*/
    /*-moz-filter: grayscale(100%);*/
    /*-ms-filter: grayscale(100%);*/
    /*-o-filter: grayscale(100%);*/
    /*filter: grayscale(100%);*/
}
#map {
    height: 490px;
    width: 100%;
    margin-top: 3%;
}
.wrapper-map {
    position: relative;
}
.wrapper-map .wrap-btn {
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 9;
}
.wrapper-map .wrap-btn .btn-waze {
    width: 55px;
    display: block;
    margin-bottom: 5px;
}
.wrapper-content-string {
    font-size: 24.48px!important;
    font-family: 'Assistant', sans-serif;
    margin-top: 10px;
}
.wrapper-thank-you {
    padding: 90px 0 110px 0;
}
.wrapper-thank-you .content {
    text-align: center;
}
.wrapper-thank-you .content p {
    margin-bottom: 0;
}
.wrapper-thank-you .content strong {
    color: #025189;
}
.btn-front-page {
    text-align: center;
}
.btn-front-page .btn-primary {
    color: #025189;
     font-weight: 600;
     padding: 10px 25px;
    border: 1px solid #025189;
 }
.btn-front-page .btn-primary:hover,
.btn-front-page .btn-primary:focus {
    color: #fff;
    background: #025189;
}
.wrapper-404 {
    padding-bottom: 110px;
}
.wrapper-404 h1 {
    color: #025189;
    text-shadow: none;
    margin-bottom: 10px;
}
.wrapper-404 h1:after {
    content: "";
}
.wrapper-404 .wrapper-content {
    position: relative;
    text-align: center;
}
@media (min-width: 1200px) {
    .wrapper-404 .wrapper-banners .container {
        width: 855px;
    }
}
.wrapper-404 .wrapper-content .content-text.inner {
    /*position: absolute;*/
    /*top: 43%;*/
    /*right: 0;*/
    /*left: 0;*/
    /*margin: auto;*/
}
.wrapper-404 .wrapper-banners h2,
.wrapper-404 .wrapper-content .content-text p {
    color: #2d2d2d;
    text-align: center;
    font-size: 29.29px;
    font-weight: 700;
}
.wrapper-404 .wrapper-banners h2 {
    margin-bottom: 25px;
}
.wrapper-404 .wrapper-banners .banner {
    position: relative;
    text-align: center;
    transition: all 0.5s;
}
.wrapper-404 .wrapper-banners .banner p {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 24px;
    color: #fff;
    font-size: 26px;
    font-weight: 700;
}
.wrapper-404 .wrapper-banners .banner:hover,
.wrapper-404 .wrapper-banners .banner:focus {
    opacity: 0.85;
}
.wrapper-404 .wrapper-banners .banner:hover img,
.wrapper-404 .wrapper-banners .banner:focus img {
    -webkit-box-shadow: 4px 4px 18px -6px rgba(0,0,0,0.45);
    -moz-box-shadow: 4px 4px 18px -6px rgba(0,0,0,0.45);
    box-shadow: 4px 4px 18px -6px rgba(0,0,0,0.45);
    border-radius: 8px;
}
.wrapper-404 .wrapper-banners .banner:nth-child(even) img {
     margin-right: 0;
     display: inline;
}
/* ----- Troubleshooting ----- */
.wrapper-troubleshooting {
    padding: 40px 0;
}
.wrapper-troubleshooting .all-troubleshooting > .row {
    margin-left: -50px;
    margin-right: -50px;
}
.wrapper-troubleshooting .all-troubleshooting .item .left-right {
    float: right;
}
.wrapper-troubleshooting .all-troubleshooting .item .wrapper-video img {
    margin-bottom: 10px;
}
.wrapper-troubleshooting .all-troubleshooting .item h2 {
    color: #005699;
    font-size: 24px;
    font-weight: 700;
}
.wrapper-troubleshooting .all-troubleshooting .item .summary {
    color: #4c4c4c;
    font-size: 16px;
}
.wrapper-troubleshooting .all-troubleshooting .wrapper-item {
    float: right;
    padding: 0 50px;
}
.wrapper-troubleshooting .all-troubleshooting .wrapper-item .right-left {
    padding: 0 0;
}
.wrapper-troubleshooting .all-troubleshooting .wrapper-item .item h2 {
    margin-top: 0;
    margin-bottom: 4px;
}
.wrapper-troubleshooting .all-troubleshooting .wrapper-item .item hr {
    margin-bottom: 36px;
}
.wrapper-troubleshooting .sieving {
    /*padding-bottom: 55px;*/
    padding-bottom: 3.3%;
}
.wrapper-troubleshooting .sieving .group {
    display: inline-block;
    float: right;
    min-width: 145px;
    margin-left: 80px;
}
.wrapper-troubleshooting .sieving .group:last-child {
    margin-left: 0;
}
.wrapper-troubleshooting .sieving .group .title {
    color: #025189;
    font-size: 20px;
    font-weight: 700;
}
.wrapper-troubleshooting .sieving .group .title span {
    margin-right: 40px;
}
.wrapper-troubleshooting .sieving .group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.wrapper-troubleshooting .sieving .group ul .clear {
    display: inline-block;
    vertical-align: top;
    margin-left: 30px;
}
.wrapper-troubleshooting .sieving .group ul li {
    padding-right: 20px;
    position: relative;
    font-size: 16px;
    color: #777777;
}
.wrapper-troubleshooting .sieving .group ul li:before {
    content: url(assets/images/li-select.png);
    position: absolute;
    right: 0;
    top: 1px;
    bottom: 0;
    margin: auto 0;
}
.wrapper-troubleshooting .sieving .group ul li.active {
    font-weight: 700;
}
.wrapper-troubleshooting .sieving .group ul li.active:before {
    content: url(assets/images/li-select-active.png);
}
.wrapper-troubleshooting .sieving .group ul li p {
    margin-bottom: 8px;
}
.wrapper-troubleshooting .all-troubleshooting .wrapper-item .item .wrapper-video {
    position: relative;
    text-align: center;
    display: inline-block;
}
.wrapper-troubleshooting .all-troubleshooting .wrapper-item .item .wrapper-video #play-slider-video:after {
    margin: auto;
    width: 61px;
    height: 44px;
    background: url('assets/images/play.png');
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: all 0.6s;
}
.wrapper-troubleshooting .all-troubleshooting .wrapper-item .item .wrapper-video:hover #play-slider-video:after,
.wrapper-troubleshooting .all-troubleshooting .wrapper-item .item .wrapper-video:focus #play-slider-video:after {
    opacity: 0.7;
}
/* ----- Page ----- */
.wrapper-page {
    padding: 40px 0;
}
/* ----- Category ----- */
.wrapper-category {
    padding: 1% 0 6%;
}
.wrapper-category .wrapper-all-posts {
    padding: 35px 0 5px 0;
}
.wrapper-category .wrapper-all-posts .wrapper-post {
    background: #f3f3f3;
    padding: 15px;
    margin-bottom: 15px;
}
.wrapper-category .wrapper-all-posts .wrapper-post .wrap-post .left-right {
    float: right;
}
.wrapper-category .wrapper-all-posts .wrapper-post .wrap-post h2 {
    margin: 0 0 10px 0;
    font-size: 35px;
    line-height: 1;
}
.wrapper-category .wrapper-all-posts .wrapper-post .wrap-post .summary {
    margin-bottom: 12px;
}
.wrapper-category .wrapper-all-posts .wrapper-post .wrap-post .btn-success {
    float: left;
    margin-left: 4px;
    border: 1px solid #fff;
}
.wrapper-category .navigation {
    text-align: center;
    margin-bottom: 30px;
}
.wrapper-category .navigation ul {
    padding: 0;
}
.wrapper-category .navigation ul li {
    display: inline-block;
}
/* ----- post ----- */
/* ----- post ----- */
.wrapper-technical-support .wrapper-remote-support {
    color: #fff;
    background: #025189;
    text-align: center;
    padding: 40px 0 105px 0;
}
.wrapper-technical-support .wrapper-remote-support h2 {
    font-size: 48.4px;
    font-weight: 700;
    margin: 5px 0 20px 0;
}
.wrapper-technical-support .wrapper-remote-support .text {
    width: 715px;
    max-width: 100%;
    text-align: right;
    margin: 0 auto;
    font-size: 26px;
    margin-bottom: 42px;
}
.wrapper-technical-support .wrapper-remote-support .text > p {
    margin-bottom: 0;
}
.wrapper-technical-support .wrapper-remote-support .wrapper-form {
    width: 905px;
    max-width: 100%;
    margin: 0 auto;
}
.wrapper-technical-support .wrapper-remote-support .wrapper-form .form-sup {
    margin-left: -6px;
    margin-right: -6px;
}
.wrapper-technical-support .wrapper-remote-support .wrapper-form .input {
    float: right;
    padding: 0 6px;
}
.wrapper-technical-support .wrapper-remote-support .wrapper-form .input input {
    width: 100%;
    font-weight: 600;
    padding: 15px 15px;
    border-radius: 4px;
    margin-top: -22px;
    border: 0;
}
.wrapper-technical-support .wrapper-remote-support .wrapper-form .input input.btn-default {
    padding: 20px 15px;
    border: 2px solid #fff;
}
@-moz-document url-prefix() {
    /* IE10+ CSS styles go here */
    .wrapper-technical-support .wrapper-select-support .row .wrap-select select option {
        font-size: 18px;
    }
    .wrap-operation-system select[multiple]:focus option:checked {
        background: #025189 linear-gradient(0deg, #025189 0%, #025189 100%) !important;
    }
    .wrapper-technical-support .wrapper-select-support .row .wrap-select select:focus option:checked ,
    .wrapper-technical-support .wrapper-select-support .row .wrap-select select option:checked {
        background: #025189 linear-gradient(0deg, #025189 0%, #025189 100%) !important;
    }
    .homepage .wrapper-products .slider-all-products .slide .warpp-image {
        display: block;
    }
    /*.wrapper-product .related-products .wrap-product img,*/
    .homepage .wrapper-products .slider-all-products .slide img {
        max-height: 305px;
    }
    /*.wrapper-product .related-products .wrap-product .text,*/
    .homepage .wrapper-products .slider-all-products .slide .text {
        margin: 0 auto 0 auto;
    }
}
/* Exsplorer 10+ */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .wrapper-technical-support .wrapper-select-support .row .wrap-select select option {
        font-size: 18px;
    }
    .wrap-operation-system select[multiple]:focus option:checked {
        background: #025189 linear-gradient(0deg, #025189 0%, #025189 100%) !important;
    }
    .wrapper-technical-support .wrapper-select-support .row .wrap-select select:focus option:checked ,
    .wrapper-technical-support .wrapper-select-support .row .wrap-select select option:checked {
        background: #025189 linear-gradient(0deg, #025189 0%, #025189 100%) !important;
    }
    .homepage .wrapper-products .slider-all-products .slide .warpp-image {
        height: 320px;
        display: block;
    }
    /*.wrapper-product .related-products .wrap-product img,*/
    .homepage .wrapper-products .slider-all-products .slide img {
        max-height: 305px;
    }
    /*.wrapper-product .related-products .wrap-product .text,*/
    .homepage .wrapper-products .slider-all-products .slide .text {
        margin: 0 auto 0 auto;
    }
}

/* ----- yazamco drinks ----- */
.btn {
    border-radius: 50px !important;
}

.btn-default {
    transition: all 0.6s;
    background-color: #2ebce9;
}
.btn-default.active,
.btn-default:focus,
.btn-default:hover {
    background-color: #148db4;
}
.wrapper-center-home-page-left {
    background-image: url('assets/images/right-hom-page.jpg');
    background-repeat: no-repeat;
    background-position: left 0;
}
.wrapper-center-home-page-right {
    background-image: url('assets/images/right-home-page.png');
    background-repeat: repeat-y;
    background-position: right 0;
}
/* ----- end yazamco drinks ----- */
/* ----- menu collapse ----- */
.btn-menu {
    border: 0;
    cursor: pointer;
    padding: 18px 6px;
    background: transparent;
}
.navbar-default .btn-menu:hover, .navbar-default .btn-menu:focus {
    background-color: transparent;
}
.navbar-default .btn-menu .icon-bar {
    background-color: #025189;
}
.btn-menu .icon-bar {
    display: block;
    width: 35px;
    height: 7px;
    border-radius: 1px;
    border-radius: 6px;
}
.btn-menu .icon-bar+.icon-bar {
    margin-top: 5px;
}
#fancybox-buttons a.btnToggle {
    display: block;
    width: 32px;
    height: 30px;
    text-indent: -9999px;
    background-color: transparent;
    background-image: url(assets/images/zoom.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    outline: none;
    opacity: 0.8;
}
#fancybox-buttons a.btnToggle:hover,
#fancybox-buttons a.btnToggle:focus {
    opacity: 1;
}


.close {
    position: absolute;
    top: 35px;
    right: 35px;
    color: white;
    z-index: 99999;
    text-shadow: none;
    opacity: 1;
    border-radius: 50%;
    border: 2px solid white;
    padding: 5px 11px;
}

@media (min-width: 1271px){
    .navbar-main-menu {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
}
/* ----- end menu collapse ----- */

@media (max-width: 1915px) {
    .wrapper-all-why-yazamko {
        overflow: hidden;
    }
    .homepage .wrapper-all-advantages {
        background-size: 125% !important;
    }
    .wrapper-why-yazamko .all-banners .banner > img {
        max-width: 150%;
        width: 148%;
        margin-right: -23% !important;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2,
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size: 46px;
    }
}
@media (max-width: 1770px) {
    .homepage .wrapper-slider .wrapper-links {
        bottom: 0;
    }
    .homepage .wrapper-slider .wrapper-links {
        max-width: 1006px;
        width: 58%;
        bottom: 0;
        margin-right: 0;
    }
    .wrapper-product .wrapper-product-specifications .sub-menu {
        right: 4.2%;
    }
}
@media (max-width: 1720px) {
    .homepage .wrapper-slider .wrapper-links {
        margin-right: 1%;
    }
    .wrapper-among-our-customers .inner-our-customers.ops {
        position: relative;
        margin-top: -14%;
    }
    .tax-category-office-products h1 {
        height: 96%;
    }
    .top-panner .wrapper-cat_top_banner h3 {
        margin-top: 0;
    }
    .top-panner .wrapper-cat_top_banner .cat_top_banner .image {
        width: 12%;
    }
}
@media (max-width: 1660px) {
    .homepage .wrapper-slider .wrapper-links {
        margin-right: 2%;
    }
}
@media (max-width: 1605px) {
    .homepage .wrapper-slider .wrapper-links {
        margin-right: 6%;
    }
    .wrapper-troubleshooting .all-troubleshooting > .row {
        margin-left: -15px;
        margin-right: -15px;
    }
}
@media (max-width: 1530px) {
    .wrapper-form-footer .wrap-form-footer .wrap-image img {
        left: 0;
    }
    .wrapper-printing-solutions .all-banners .banner,
    .wrapper-why-yazamko .all-banners .banner {
        overflow: hidden;
    }
    .homepage .wrapper-all-advantages {
        background-size: 166% !important;
    }
    header.menu-scroll.navbar-default .navbar-nav>li>a,
    header.navbar-default .navbar-nav>li>a {
        font-size: 22px;
        padding: 22px 18px 23px 18px;
    }
    .wrapper-anova {
        padding-top: 117px;
    }
    .homepage .wrapper-slider .wrapper-links .row .wrap-link .link h3 {
        font-size: 28px;
    }
    .homepage .wrapper-slider .wrap-form {
        top: 0.5%;
    }
    .homepage .wrapper-slider .wrap-form form {
        padding: 15px 25px;
    }
    .homepage .wrapper-slider .wrap-form form input[type="submit"] {
        margin-top: 10px;
    }
    .homepage .wrapper-slider .wrap-form form h4 {
        font-size: 44px;
    }
    .homepage .wrapper-slider .wrap-form form h3 {
        font-size: 40px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .container > h2 {
        font-size: 42px;
        margin: 118px 0;
    }
    /*.wrapper-why-yazamko .all-banners .banner .inner-banner h2,*/
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2 {
        font-size: 42.4px;
    }
    /*.wrapper-why-yazamko .all-banners .banner .inner-banner .text p,*/
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text p {
        font-size: 16px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary {
        margin-top: 10px;
        font-size: 16px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom h2 {
        font-size: 32px;
        margin-top: 10px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom p {
        font-size: 21px;
    }
    .top-panner {
        overflow: hidden;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text p {
        font-size: 20px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2,
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size: 35px;
    }
    .wrapper-printing-solutions .description p {
        font-size: 18px;
    }
    .homepage .wrapper-categories .cat .name-cat p {
        font-size: 22px;
    }
    .page-template-template-customer-recommend .fancybox-prev {
        left: -50%;
    }
    .page-template-template-customer-recommend .fancybox-next {
        right: -50%;
    }
}

@media (max-width: 1440px) {
    .wrapper-special-product {
        margin-top: 50px;
        padding: 0 20px;
    }
    .top-panner .wrapper-cat_top_banner {
        bottom: 6%;
    }
}

@media (max-width: 1330px) {
    .wrapper-printing-solutions .description p {
        font-size: 16px;
    }
    .wrapper-why-yazamko .all-banners .banner:nth-child(odd) .left-right.wrapper-image > img {
        width: 90%;
    }
    /*.wrapper-why-yazamko .all-banners .banner:nth-child(odd) .left-right.wrapper-image > img {*/
    /*margin-bottom: -14%;*/
    /*}*/
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text p {
        font-size: 18px;
    }
    footer .bottom-footer {
        /*background-size: 165% !important;*/
    }
    .wrapper-among-our-customers .inner-our-customers.ops {
        position: relative;
        margin-top: -10%;
    }
    .page-template-template-customer-recommend .fancybox-prev {
        left: -30%;
    }
    .page-template-template-customer-recommend .fancybox-next {
        right: -30%;
    }
    .page-template-template-customer-recommend .fancybox-nav {
        width: 65%;
    }
}
@media (max-width: 1270px) {
    .homepage .wrapper-categories .cat .name-cat h3 {
        font-size: 35px;
    }
    /* ----- menu collapse ----- */
    .wrapper-anova {
        padding-top: 111px;
    }
    header.navbar-default .navbar-nav>li>a:active,
    header.navbar-default .navbar-nav>li>a:hover,
    header.navbar-default .navbar-nav>li>a:focus {
        color: #004b85 !important;
        background: #fbfbfb;
        font-weight: 700;
    }
    .menu-item-has-children > .rectangle{
        display: block;
    }
    .navbar-main-menu {
        display: none !important;
        padding-bottom: 0;
        overflow: scroll !important;
        height: 100% !important;
        width: 0;
        position: fixed;
        z-index: 1;
        top: 0;
        left: 0;
        overflow-x: hidden;
        transition: all 0.6s !important;
        background: #fff;
    }
    .navbar-main-menu.in {
        transition: all 0.6s !important;
        display: block !important;
        width: 250px;
        border-right: 1px solid #e8e8e8;
        -webkit-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.4);
        -moz-box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.4);
        box-shadow: 0px 0px 18px 0px rgba(0,0,0,0.4);
    }
    .btn-menu {
        display: block !important;
        float: left;
        z-index: 9999;
    }
    header .navbar-nav>li {
        float: none;
        border-bottom: 1px solid #eaeaea;
    }
    header.menu-scroll.navbar-default .navbar-nav>li>a,
    header.navbar-default .navbar-nav>li>a,
    header.navbar-default .navbar-nav>li>a {
        color: #004b85;
        font-size: 30.31px;
        padding: 18px 25px 19px 20px;
        border-left: 0;
    }
    header .navbar-nav>li > .sub-menu {
        position: relative;
        margin: 0 0 0 0;
        padding: 9px 40px;
        width: auto;
        border: 0;
        -webkit-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
        -moz-box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
        box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.15);
        border-top: 1px solid rgba(0,0,0,0.05);
    }
    header .navbar-nav {
        float: none;
        margin: 0 0 0 0;
    }
    header ul.links {
        padding: 0;
        margin-left: 88px;
    }
    header ul.links li {
        /*width: 22%;*/
    }
    header ul.links.links-mobile li img {
        max-width: 100px;
    }
    header .top-menu .logo img {
        width: 78%;
    }
    header.menu-scroll .top-menu .logo img{
        margin-top: -80px !important;
    }
    /* ----- end menu collapse ----- */
    .wrapper-anova {
        padding-top: 105px;
    }
    .wrapper-customers-recommend .all-customers-recommend .customer-recommend h2 {
        font-size: 24px;
    }
    .wrapper-customers-recommend .all-customers-recommend .customer-recommend .summary {
        font-size: 18px;
    }
    .homepage .after-slider p {
        font-size: 33.2px;
        vertical-align: text-top;
    }
    .homepage .wrapper-slider .wrap-form form input {
        padding: 6px 12px;
    }
    .homepage .wrapper-slider .wrap-form {
        position: relative;
        border-top: 1px solid #fff;
        border-bottom: 1px solid #fff;
    }
    .homepage .wrapper-slider .wrap-form > .container {
        width: 100%;
        padding: 0 0;
    }
    .homepage .wrapper-slider .wrap-form > .container >.row {
        margin-left: 0;
        margin-right: 0;
    }
    .homepage .wrapper-slider .wrap-form > .container >.row > .wrap {
        width: 100%;
        padding: 0 0;
    }
    .homepage .wrapper-slider .wrap-form form {
        position: relative;
        margin-right: 0;
        background: #32434f;
        border-radius: 0;
        border-top: 1px solid #e4e6e8;
        border-bottom: 1px solid #e4e6e8;
    }
    .homepage .wrapper-slider .wrap-form form h3 {
        font-size: 21.23px;
        display: inline-block;
        color: #fff;
        font-weight: 400;
    }
    .homepage .wrapper-slider .wrap-form form h4 {
        font-size: 21.23px;
        font-weight: 700;
        display: inline-block;
        color: #fff;
    }
    .homepage .wrapper-slider .wrap-form form .input {
        width: 26.5%;
        float: right;
        padding: 0 9px;
    }
    .homepage .wrapper-slider .wrap-form form input {
        font-weight: 600;
        background: #fff;
        /*font-size: 15.53px;*/
        padding: 10px 16px;
    }
    .homepage .wrapper-slider .wrap-form form input:hover,
    .homepage .wrapper-slider .wrap-form form input:focus {
        -webkit-box-shadow: 0px 0px 7px 0px rgba(143, 209, 255, 0.46);
        -moz-box-shadow: 0px 0px 7px 0px rgba(143, 209, 255, 0.46);
        box-shadow: 0px 0px 7px 0px rgba(143, 209, 255, 0.46);
    }
    .homepage .wrapper-slider .wrap-form form input[type="submit"] {
        color: #fff;
        font-size: 23.62px;
        font-weight: 600;
        background: #025189;
        border: 2px solid #fff;
        margin-top: -5px;
        padding: 10px 12px;
        transition: all 0.6s;
        border-radius: 8px;
        text-shadow: -2px 0 3px rgba(0,0,0,0.44), -2px 0 3px rgba(0,0,0,0.44);
    }
    .homepage .wrapper-slider .wrap-form form .input:first-child {
        padding-right: 0;
    }
    .homepage .wrapper-slider .wrap-form form .input-submit {
        width: 20.5%;
        padding-left: 0;
    }
    .homepage .wrapper-all-advantages {
        padding: 40px 0 75px 0;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom p {
        font-size: 18px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .container > h2 {
        margin: 118px 0 80px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ul,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ol {
        margin-bottom: 0;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ul li,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ol li,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text p {
        font-size: 16px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary {
        margin-top: 12px;
        font-size: 18px;
    }
    .top-panner > img {
        max-width: 150%;
        width: 150%;
        margin-right: -25%;
    }
    .contact-page .content .post-content:before {
        right: 0;
    }
    .contact-page .content .logo img {
        margin-top: 40px;
    }
    .wrapper-customers-recommend {
        padding: 15% 0;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text p {
        font-size: 18px;
    }
    footer .bottom-footer {
        /*background-size: 184% !important;*/
        background-position-x: 40% !important;
    }
}
@media (max-width: 1200px) {
    .wrapper-all-banners .all-banners .banner .left-right h2 {
        font-size: 35.94px;
    }
    .wrapper-printing-solutions .wrapper-how-it-works .how-it-works {
        padding: 48px 10px 35px 10px;
    }
    .wrapper-product .top-product .description .btn-primary {
        margin-bottom: 20px;
    }
    /*.wrapper-printing-solutions .all-banners .banner .inner-banner .description .text p,*/
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .text p {
        display: inline;
    }
    .homepage .wrapper-banner-yazamko .container {
        width: 715px;
    }
    .homepage .wrapper-banner-yazamko .wrap-banner-yazamko h2 {
        font-size: 35px;
        text-align: center;
        margin-bottom: 23px;
    }
    .homepage .wrapper-banner-yazamko .wrap-banner-yazamko h2:after {
        border: 0;
        bottom: 0;
    }
    .homepage .wrapper-categories .cat .name-cat h3 {
        font-size: 25.87px;
    }
    .homepage .wrapper-categories .cat .name-cat p {
        font-size: 15.88px;
        margin-top: -2px;
    }
    .homepage .wrapper-categories .cat .name-cat {
        height: 46px;
        padding: 9px 0;
        max-width: 235px;
        border-radius: 12px;
    }
    .homepage .wrapper-categories .cat .name-cat h3 span {
        /*width: 27px;*/
    }
    .homepage .wrapper-banner-yazamko .wrap-banner-yazamko .right {
        padding-top: 60px;
        text-align: center;
    }
    .wrapper-boxes-info .wrap-boxes-info > .row > .col-lg-4 {
        padding-left: 10px;
        padding-right: 10px;
    }
    .wrapper-boxes-info .wrap-boxes-info > .row {
        margin-left: 17px;
        margin-right: 17px;
    }
    .wrapper-boxes-info .wrap-boxes-info > .row > .col-lg-4:last-child {
        padding-top: 20px;
        margin: 0 auto;
        float: none;
        clear: both;
    }
    .homepage .after-slider p {
        font-size: 24.63px;
        vertical-align: middle;
    }
    .homepage .wrapper-categories h2 {
        font-size: 33px;
    }
    .homepage .wrapper-products h2, .wrapper-banners h2 {
        font-size: 35px;
    }
    .homepage .wrapper-slider .slider-home-page .slick-slide {
        overflow: hidden;
        position: relative;
    }
    .homepage .wrapper-slider .slider-home-page .slick-slide > img {
        /*max-width: none;*/
        /*width: 200%;*/
        /*margin-right: -27%;*/
    }
    .homepage .wrapper-slider .wrapper-links {
        width: 60%;
        bottom: 0;
        margin-right: 11%;
    }
    .homepage .wrapper-slider .wrap-form {
        /*margin-top: -9%;*/
    }
    .f-right {
        float: right;
    }
    footer .bottom-footer > .container {
        position: relative;
    }
    .po {
        position: absolute;
        bottom: -85px;
        left: 0;
    }
    footer .v-hr {
        clear: both;
        padding: 5px 0 15px 0;
    }
    .credit {
        margin-top: 60px;
    }
    .wrapper-printing-solutions .description >img {
        max-width: 160%;
        margin-right: -30%;
    }
    footer .right .wrap-links-yazamko {
        margin-bottom: 20px;
    }
    footer .left .wrapper-form input[type=mail] {
        background: rgba(255,255,255,0);
    }
    .top-panner.wrap-special_style .all-product-attributes {
        height: 60%;
    }
    /*.wrapper-all-banners {*/
    .page-template-template-about .wrapper-all-banners {
        padding: 40px 0 0 0;
    }
    .wrapper-product .related-products h2 {
        font-size: 33px;
        margin: 0 0 3%;
    }
    .wrapper-product .related-products {
        padding: 0 0;
    }
    .wrapper-product .related-products .wrap-product {
        width: 30%;
    }
}
@media (max-width: 1100px) {
    h1 {
        font-size: 53.74px;
    }
    .homepage .wrapper-slider .wrapper-links .row .wrap-link .link h3 {
        font-size: 23px;
        margin-top: 12px;
    }
    .homepage .wrapper-all-advantages .all-advantages {
        padding-top: 22px;
    }
    .homepage .wrapper-all-advantages .all-advantages .item h4 {
        font-size: 17px;
    }
    .homepage .wrapper-all-advantages h2 {
        font-size: 35px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom h2 {
        font-size: 28px;
        margin-top: 0;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .container > h2 {
        margin: 118px 0 66px;
        font-size: 35px;
    }
    .wrapper-printing-solutions .description p {
        font-size: 18px;
    }
    .wrapper-printing-solutions .description .text-box {
        margin: 25px 34px;
        padding: 10px 10px;
    }
    /*.wrapper-why-yazamko .all-banners .banner,*/
    .wrapper-printing-solutions .all-banners .banner {
        overflow: hidden;
    }
    /*,*/
    .wrapper-printing-solutions .all-banners .b.wrapper-why-yazamko .all-banners .banner > imganner > img {
        max-width: 125%;
        margin-right: -12% !important;
    }
    .wrapper-printing-solutions .banner-bottom {
        overflow: hidden;
        margin-top: 0;
    }
    .wrapper-printing-solutions .banner-bottom > img {
        max-width: 120%;
        margin-right: -10%;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom p {
        font-size: 16px;
    }
    .wrapper-questions .questions .question .title-question {
        padding: 18px 18px;
    }
    .wrapper-jobs .all-jobs .job h3,
    .wrapper-questions .questions .question h3 {
        font-size: 20px;
    }
    .wrapper-questions .questions .question .text {
        padding: 5px 18px 20px 18px;
    }
    .wrapper-jobs .all-jobs .job p,
    .wrapper-questions .questions .question p {
        font-size: 18px;
    }
    .wrapper-jobs .all-jobs .job .title-job:before,
    .wrapper-questions .questions .question .title-question:before {
        left: 55px;
    }
    .wrapper-jobs .all-jobs .job .title-job:after,
    .wrapper-questions .questions .question .title-question:after {
        left: 16px;
    }
    .wrapper-jobs .all-jobs .job .title-job.active-s:after,
    .wrapper-questions .questions .question .title-question.active-s:after {
        left: 20px;
    }

    /*.wrapper-jobs .all-jobs .job h3,*/
    .wrapper-questions .questions .question h3 {
        padding-left: 40px;
        width: 100%;
        display: inline-block;
    }
    .wrapper-jobs .all-jobs .job .title-job:after,
    .wrapper-questions .questions .question .title-question:after {
        top: 16px;
    }
    .contact-page .content .post-content p {
        font-size: 18px;
    }
    .wrapper-product-cat {
        padding: 4% 0;
    }
    .wrapper-why-yazamko .all-banners .banner > img {
        max-width: 215%;
        width: 215%;
        margin-right: -52% !important;
    }
    .wrapper-why-yazamko .all-banners .banner:first-child .left-right.wrapper-image {
        top: 45%;
        transform: translate(0,-50%);
        -webkit-transform: translate(0,-50%);
    }
    .wrapper-why-yazamko .all-banners .banner:first-child .left-right.wrapper-image > img {
        /*display: none;*/
    }
    .wrapper-why-yazamko .all-banners .banner > img {
        max-width: 222%;
        width: 222%;
        margin-right: -60% !important;
    }
    .wrapper-product .wrapper-product-specifications .sub-menu {
        right: 2.2%;
        min-width: 205px;
        max-width: 205px;
    }
    .wrapper-product .wrapper-product-specifications .sub-menu .btn-success, .wrapper-product .wrapper-product-specifications .sub-menu .btn-warning {
        font-size: 17px;
        padding: 15px 6px;
    }
    .page-template-template-customer-recommend .fancybox-prev {
        left: -15%;
    }
    .page-template-template-customer-recommend .fancybox-next {
        right: -15%;
    }

    .rectangle {
        top: 13px;
        left:-6px;
    }

}
@media (max-width:995px) {
    .homepage .wrapper-all-advantages .all-advantages .item .icon {
        width: 115px;
        height: 115px;
    }
    /*.homepage .wrapper-all-advantages .all-advantages .item .icon img {*/
        /*width: 45%;*/
    /*}*/
    .wrapper-text .wrap-text .text,
    .homepage .wrapper-all-advantages .all-advantages .item h4 {
        font-size: 15.8px;
    }
    .homepage .wrapper-all-advantages h2 {
              font-size: 31px;
    }
    .wrapper-text .wrap-text h5 {
        font-size: 23.28px;
        margin: 10px 0;
    }
    .wrapper-boxes-info .wrap-boxes-info .box-info h3 {
        font-size: 19.82px;
    }
    .wrapper-boxes-info .wrap-boxes-info .box-info .text {
        font-size: 18px;
    }
    .wrapper-boxes-info .wrap-boxes-info > .row {
        margin-left: 6px;
        margin-right: 6px;
    }
    .wrapper-printing-solutions .description p {
        font-size: 16px;
    }
    .wrapper-printing-solutions .banner-bottom > img {
        max-width: 128%;
        margin-right: -14%;
    }
    .wrapper-printing-solutions .all-banners .banner > img {
        max-width: 140%;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2 {
        font-size: 28px;
        margin-bottom: 8px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary {
        margin-top: 6px;
        font-size: 16px;
        padding: 4px 10px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .container > h2 {
        margin: 118px 0 25px;
        font-size: 30px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom h2 {
        font-size: 25px;
        margin-bottom: 10px;
    }
    /*.wrapper-why-yazamko .all-banners .banner .inner-banner .description,*/
    .wrapper-printing-solutions .all-banners .banner .inner-banner .description {
        margin-bottom: 3%;
    }
    #map {
        height: 490px;
        width: 100%;
        margin-top: 8%;
    }
    .wrapper-product-cat .wrapper-all-products .product {
        margin-bottom: 12%;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size: 25px;
        margin-bottom: 5px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text p {
        font-size: 16px;
    }
    .wrapper-product-cat .wrapper-all-products.special_style .wrap-product:nth-child(even) .product,
    .wrapper-product-cat .wrapper-all-products.special_style .wrap-product:nth-child(odd) .product {
        margin: 0 4%;
    }
}
@media (max-width:990px) {
    .homepage .wrapper-categories .cat .name-cat h3 {
        font-size: 19px;
        line-height: 1.4;
    }
    .homepage .wrapper-categories .cat .name-cat {
        top: 10px;
        max-width: 200px;
    }
    .homepage .wrapper-categories .cat .name-cat p {
        font-size: 15px;
        line-height: 1;
    }
    .wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right-num {
        display: none;
    }
    .wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right span.num {
        display: block;
        z-index: 1;
        position: inherit;
    }
    .wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right {
        width: 100%;
    }
    .wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right:after {
        content: "";
        display: none;
    }
    .wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right:before {
        content: "";
        width: 90%;
        height: 1px;
        background: #9ef0ff;
        position: absolute;
        margin: auto;
        left: 0;
        right: 0;
        top: 46px;
        z-index: 0;
    }
    .wrapper-printing-solutions .description >img {
        max-width: 200%;
        margin-right: -50%;
    }
    /*.wrapper-printing-solutions .wrapper-how-it-works .how-it-works .left-right:first-child::before {*/
    /*display: none;*/
    /*}*/
    .wrapper-category .wrapper-all-posts .wrapper-post .wrap-post h2 {
        font-size: 22px;
    }
    .wrapper-customers-recommend {
        padding: 6% 0;
    }
    .wrapper-technical-support .wrapper-select-support .row .wrap-select:nth-child(2),
    .wrapper-technical-support .wrapper-select-support .row .wrap-select:first-child {
        margin-bottom: 35px;
    }
    .wrapper-product .text h2 {
        font-size: 24px;
    }

    .wrapper-special-product .center .wrap-description-images .left-right:first-of-type {
        order: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
        margin-bottom: 60px;
    }

    .wrapper-special-product .center .wrap-description-images .left-right:nth-of-type(2) {
        order: 4;
        -webkit-order: 4;
        -ms-flex-order: 4;
    }

    .wrapper-special-product .center .wrap-description-images .left-right:nth-of-type(3) {
        order: 1;
        -webkit-order: 1;
        -ms-flex-order: 1;
        margin-bottom: 60px;
    }
    .wrapper-special-product .center .wrap-description-images .left-right:nth-of-type(4) {
        order: 4;
        -webkit-order: 4;
        -ms-flex-order: 4;
    }
    .wrapper-special-product .center,
    .wrapper-special-product .center .wrap-description-images {
        display: flex;
        flex-direction: column;
        display: -ms-flexbox;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .wrapper-special-product .bottom {
        margin-top: 10%;
    }
    .wrapper-special-product .bottom.top-bottom {
        margin-top: -34.2%;
        order: 2;
        -webkit-order: 2;
        -ms-flex-order: 2;
    }
    .wrapper-special-product .wrap-video-special-product .left-right .wrap-video {
        display: block;
        text-align: center;
        margin-bottom: 25px;
    }
}
@media (max-width:985px) {
    .homepage .wrapper-products .slider-all-products .slide .warpp-image {
        height: 275px;
    }
}
@media (max-width:900px) {
    .top-panner .wrapper-cat_top_banner .cat_top_banner .image {
        width: 20%;
    }
}

@media (max-width:850px) {
    .wrapper-troubleshooting .all-troubleshooting > .row {
        margin-left: -15px;
        margin-right: -15px;
    }
    .page-template-template-customer-recommend .fancybox-nav {
        width: 65%;
    }
    .page-template-template-customer-recommend .fancybox-prev {
        left: 0;
    }
    .page-template-template-customer-recommend .fancybox-next {
        right: 0;
    }
}
@media (max-width:777px) {
    .homepage .wrapper-slider .wrap-form form input {
        font-size: 15.53px;
    }
    .homepage .wrapper-slider .wrap-form form input[type="submit"] {
        font-size: 18.32px;
        margin-top: -3px;
    }
    .homepage .wrapper-all-advantages .all-advantages .item .icon {
        width: 100px;
        height: 100px;
    }
    .homepage .wrapper-all-advantages .all-advantages .item .icon img {
        width: 45%;
    }
    .wrapper-boxes-info .wrap-boxes-info > .row > .col-lg-4:first-child {
        padding-bottom: 20px;
    }
    .wrapper-boxes-info .wrap-boxes-info .box-info .image {
       text-align: center;
    }
    .homepage .wrapper-all-advantages {
        padding: 25px 0 75px 0;
    }
    .homepage .wrapper-all-advantages .all-advantages {
        padding-top: 10px;
    }
    .top-panner .all-product-attributes {
        display: none;
    }
}
@media (max-width: 767px) {
    .wrapper-product {
        padding: 0 0;
    }
    .wrapper-form-footer .wrap-form-footer .form-footer.row {
        margin-left: 15px;
        margin-right: -15px;
        padding-bottom: 3px;
    }
    .wrapper-form-footer .wrap-form-footer .form-footer .input {
        margin-bottom: 10px;
    }
    .wrapper-form-footer .wrap-form-footer .form-footer .input input[type=submit] {
        margin-top: 0;
        padding: 4px 12px;
    }
    .wrapper-form-footer .wrap-form-footer .form-footer .input input {
        padding: 5px 12px;
    }
    .wrapper-form-footer {
        padding: 35px 0 5px;
        background-size: cover !important;
    }
    .homepage .wrapper-categories .cat .name-cat {
        top: 8%;
        max-width: 88%;
    }
    .homepage .wrapper-slider .wrap-form {
         border-top: 0;
    }
    .homepage .wrapper-categories .cat .name-cat h3 {
        font-size: 36px;
        line-height: 1.1;
    }
    .homepage .wrapper-categories .cat .name-cat p {
        font-size: 24px;
    }
    .wrapper-all-banners .all-banners .banner .left-right h2 {
        font-size: 32.94px;
    }
    .wrapper-all-banners .all-banners .banner .left-right .summary {
        font-size: 20px;
    }
    .wrapper-all-banners .all-banners .banner .left-right .text {
        font-size: 18px;
    }
    .wrapper-troubleshooting .sieving .group {
        margin-left: 45px;
    }
    .top-panner > img {
        margin-right: -27.5%;
        max-width: 155%;
        width: 155%;
    }
    .wrapper-product .all-wrapper-form {
        margin-top: 0
    }
    .wrapper-product .all-wrapper-form .wrapper-form-footer {
        padding: 40px 0 5px;
    }
    .wrapper-product .wrapper-product-specifications .sub-menu {
        position: relative !important;
        right: 0;
        top: 0;
        z-index: 1;
        min-width: 100%;
        max-width: 100%;
        padding-top: 0;
    }
    .page-template-template-printing-solutionsv .top-panner img {
        margin-right: -33%;
    }
    .image-all-mobile,
    .image-768 {
        display: block !important;
    }
    .image-desktop,
    .image-360 {
        display: none !important;
    }
    .wrapper-printing-solutions .description >img {
        max-width: 150%;
        margin-right: -50%;
    }
    .wrapper-printing-solutions .description .inner-description {
        position: relative;
        top: 0;
        transform: none;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
    .wrapper-printing-solutions .all-banners .banner .left-right.wrapper-only-text,
    .wrapper-why-yazamko .all-banners .banner .left-right.wrapper-only-text {
        top: 0;
        transform: translate(0,-0);
        -webkit-transform: translate(0,0);
    }
    .wrapper-printing-solutions .all-banners .banner > img {
        max-width: 100%;
        margin-right: 0;
    }
    .wrapper-printing-solutions .description p {
        font-size: 18px;
    }
    .wrapper-printing-solutions .description .left-right {
        width: 690px;
        max-width: 100%;
        margin: 0 auto;
        float: none;
        text-align: center;
    }
    .wrapper-printing-solutions .description .left-right > p {
        text-align: right;
    }
    .wrapper-printing-solutions .description .wrap-text-box {
        text-align: center;
    }
    .wrapper-printing-solutions .description .text-box {
        margin: 25px 30px;
        padding: 10px 32px 20px 32px;
    }
    .wrapper-printing-solutions .description .wrap-text-box .text-box strong {
        color: #025189;
    }
    .wrapper-printing-solutions .banner-bottom {
        margin-top: 0;
    }
    /*.wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner,*/
    .wrapper-printing-solutions .all-banners .banner .inner-banner {
        bottom: auto;
        top: 6%;
        width: 690px;
        max-width: 100%;
        margin: 0 auto;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2 {
        font-size: 44px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text p {
        font-size: 18px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary {
        margin-top: 3%;
        font-size: 26px;
        padding: 6px 12px;
    }
    .wrapper-why-yazamko .all-banners .banner.banner-image.no-mobile .inner-banner,
    .wrapper-printing-solutions .all-banners .banner.no-mobile .inner-banner {
        position: relative;
    }
    .wrapper-printing-solutions .banner-bottom > img {
        max-width: 100%;
        margin-right: 0;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .container > h2 {
        margin: 8% 0;
        font-size: 67.8px;
        font-weight: 700;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom {
        top: 0;
        bottom: 0;
        height: 100%;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .bootom-box {
        margin-top: 0;
        position: absolute;
        bottom: 3.5%;
    }
    .wrapper-printing-solutions .banner-bottom.no-mobile .inner-banner-bottom .bootom-box {
        margin-top: 30px;
        position: relative;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .left-box,
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .right-box {
        width: 460px;
        max-width: 100%;
        margin: 0 auto;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom p {
        font-size: 26px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom h2 {
        font-size: 48.4px;
        margin-bottom: 16px;
    }
    .wrapper-printing-solutions .banner-bottom.no-mobile .inner-banner-bottom {
        position: relative;
        background: #27333d;
    }
    .wrapper-printing-solutions .banner-bottom.no-mobile .inner-banner-bottom .container > h2 {
        margin: 15px 0 25px;
    }
    .btn-menu {
        margin-left: 10px;
    }
    .homepage .wrapper-all-advantages {
        display: none;
    }

    .homepage .wrapper-products .slider-all-products .slick-next {
        left: -25px;
    }

    .homepage .wrapper-products .slider-all-products .slick-prev {
        right: -25px;
    }

    /*.wrapper-form-footer .wrap-form-footer > .row  {*/
    /*margin-left: 0;*/
    /*margin-right: 0;*/
    /*padding-right: 10px;*/
    /*}*/
    .homepage .wrapper-slider .wrap-form form {
        text-align: center;
        border-top: 0;
    }

    .homepage .wrapper-slider .wrap-form form h3,
    .homepage .wrapper-slider .wrap-form form h4 {
        font-size: 28px;
    }

    .homepage .wrapper-slider .wrap-form form h4 {
        margin-bottom: 28px;
    }

    .homepage .wrapper-slider .wrap-form form .input {
        width: 100%;
        float: none;
        padding: 0;
        max-width: 220px;
        margin: 0 auto;
    }

    .homepage .wrapper-slider .wrap-form form .input:first-child {
        padding-right: 0;
    }

    .homepage .wrapper-slider .wrap-form form .input input {
        font-size: 19px;
        max-width: 220px;
        margin-bottom: 15px;
    }

    .homepage .wrapper-slider .wrap-form form input[type="submit"] {
        margin-top: 0;
        font-size: 28px;
    }

    .homepage .after-slider p img {
        display: none;
    }
    /*.homepage .wrapper-categories .cat .name-cat h3 {*/
        /*font-size: 20px;*/
    /*}*/
    /*.homepage .wrapper-categories .cat .name-cat {*/
        /*height: 70px;*/
        /*padding: 12px 0;*/
        /*max-width: 170px;*/
        /*border-radius: 5px;*/
    /*}*/
    /*.homepage .wrapper-categories .cat .name-cat h3 span {*/
        /*width: 31px;*/
    /*}*/
    /*.homepage .wrapper-categories .cat .name-cat p {*/
        /*font-size: 13.72px;*/
    /*}*/
    .homepage .wrapper-products h2 span, .wrapper-banners h2 span {
        display: none;
    }
    .wrapper-banners {
        padding: 15px 0;
    }
    .homepage .wrapper-products h2, .wrapper-banners h2 {
        margin-bottom: 28px;
    }
    .homepage .wrapper-products h2 {
        padding-top: 16%;
        margin-bottom: 3%;
    }
    .homepage .wrapper-products:before {
        background: url(assets/images/bg.png) 52%;
        background-repeat: no-repeat;
        background-size: 185%;
    }
    .po {
        position: relative;
        bottom: 0;
    }
    footer .right .wrap-links-yazamko {
        padding: 0;
        text-align: center;
        margin-bottom: 28px;
    }
    footer .bottom-footer {
        padding: 30px 0;
    }
    footer .right .wrapper-btn {
        padding-top: 53px;
        text-align: center;
        margin: 0 auto;
    }
    footer .left .wrapper-form:after,
    footer .right .wrapper-btn:after {
        right: 0;
        left: 0;
        top: 0;
        content: "";
        width: 100%;
        height: 1px;
        position: absolute;
        border-bottom: 1px solid #2c3d4a;
        margin: 0 auto;
    }
    footer .left .wrapper-form:after,
    footer .right .wrapper-btn:after {
        width: 95%;
    }
    footer .right .description-footer {
        padding: 28px 28% 25px 0;
    }
    footer .left .wrapper-form {
        padding-top: 25px;
    }
    footer .left .wrapper-form input[type=submit] {
        float: none;
        width: 100%;
        font-weight: 600;
        padding: 14px 12px;
    }
    footer .left .wrap-social-networks {
        text-align: center;
    }
    footer .left .text-bootom-footer {
        text-align: center;
    }
    .credit {
        margin-top: 4px;
    }
    .contact-page .content {
        margin: 20px;
    }
    .contact-page h2 {
        margin-bottom: 1%;
        text-align: center;
    }
    .contact-page h2 {
        font-size: 30px;
    }
    .wrapper-banners .banner {
        text-align: center;
        padding-bottom: 3%;
    }
    .wrapper-banners .banner:nth-child(even) img {
        margin: auto;
    }
    /* ----- why yazamko ----- */
    .wrapper-why-yazamko .all-banners .banner .left-right.wrapper-image {
        display: none;
    }
    .wrapper-why-yazamko .all-banners .banner > img {
        max-width: 100%;
        width: 100%;
        margin-right: 0 !important;
    }
    .wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner {
        bottom: auto;
        top: 6%;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size:38px;
        margin-bottom: 10px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .icon {
        max-width: 55px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text p {
        display: block;
        font-size: 18px;
    }
    .wrapper-among-our-customers h2 {
        font-size: 35px;
    }
    .wrapper-among-our-customers .inner-our-customers.ops {
        margin-top: -20%;
    }
    .wrapper-among-our-customers .inner-our-customers .bk-withe img {
        margin-bottom: 10%;
    }
    footer .bottom-footer > .container {
        width: 320px;
    }
    footer .right .wrapper-facebook .btn-default {
        width: 100%;
    }
    .wrapper-product-cat .wrapper-all-products.special_style .wrap-product:nth-child(even) .product,
    .wrapper-product-cat .wrapper-all-products.special_style .wrap-product.product {
        margin-top: 5px;
    }
    .wrapper-product-cat .wrapper-all-products.special_style .product > a {
        height: 330px;
    }
    .homepage .wrapper-products .slider-all-products .slide .warpp-image {
        height: 415px;
    }
    /* ----- questions ----- */
    .wrapper-jobs .all-jobs .job .title-job,
    .wrapper-questions .questions .question .title-question {
        padding: 14px 14px;
        padding-left: 66px;
    }
    .wrapper-jobs .all-jobs .job h3,
    .wrapper-questions .questions .question h3 {
        font-size: 16.89px;
    }
    /* ----- end questions ----- */
    #contact-email label.error {
        right: auto;
        top: 100px;
        left: 20px;
    }
    .wrapper-form-footer .wrap-form-footer .form-footer .input {
        margin-bottom: 14px;
    }
    label.error {
        top: 46px;
    }
    .wrapper-product .text p {
        font-size: 18px;
    }
    .wrapper-jobs .all-jobs .job .title-job span {
        float: none;
        display: block;
        font-size: 16px;
        margin-left: 0;
    }
    .wrapper-product .wrapper-product-specifications {
        padding-bottom: 4%;
    }
    .wrapper-special-product .top h2,
    .wrapper-special-product .bottom h2 {
        font-size: 40px;
    }
    .tax-category-office-products h1 {
        height: 65%;
    }
}
@media (max-width: 730px) {
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text p {
        font-size: 16px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom .container > h2 {
        margin: 8% 0 6% 0;
        font-size: 28px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom h2 {
        font-size: 28px;
    }
    .wrapper-printing-solutions .banner-bottom .inner-banner-bottom p {
        font-size: 16px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2 {
        font-size: 28px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner {
        top: 2%;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary {
        margin-top: 1%;
        font-size: 15px;
        padding: 4px 12px;
    }
    .top-panner > img {
        margin-right: -150%;
        max-width: 300%;
        width: 300%;
    }
    h1 {
        font-size: 38px;
        line-height: 0.9;
    }
    h1:after {
        margin-top: 11px;
    }
    footer .right .foooter-menu ul {
        padding: 0;
    }
    /* ----- why yazamko ----- */
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size:25px;
        margin-bottom: 5px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .icon {
        max-width: 40px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text p {
        font-size: 18px;
    }
}
@media (max-width: 676px) {
    .homepage .after-slider {
        padding: 0 0 5px 0;
    }
    /* ----- why yazamko ----- */
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size:22px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .icon {
        max-width: 30px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text p {
        font-size: 16px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .text p {
        display: inline;
    }
    .homepage .wrapper-products .slider-all-products .slide .warpp-image {
        height: 360px;
    }
    .wrapper-form-footer .wrap-form-footer {
        width: 90%;
        max-width: 100%;
    }
    .wrapper-form-footer .wrap-form-footer > .row {
        margin-left: 0;
    }
}
@media (max-width: 560px) {
    /*.gm-style img {*/
        /*max-width: 100% !important;*/
    /*}*/
    .wrapper-content-string {
        font-size: 16px!important;
    }
    .wrapper-content-string >div:first-child {
        padding: 0;
    }
    header ul.links.links-mobile li img {
        max-width: 85px;
    }
    header .top-menu .logo img {
        width: 66%;
    }
    header.menu-scroll .top-menu .logo img {
        margin-top: -67px !important;
    }
    header ul.links {
        padding: 0;
        margin-left: 66px;
    }
    .wrapper-product .related-products .wrap-product {
        width: 35%;
        padding: 0 4px;
    }
    .wrapper-product .related-products .wrap-product .btn-primary,
    .homepage .wrapper-products .slider-all-products .slide .btn-primary {
        margin-top: 10px;
    }
    .wrapper-form-footer .wrap-form-footer {
        width: 100%;
    }
    .top-panner .wrapper-cat_top_banner h3 {
        font-size: 22px;
    }
    .top-panner .wrapper-cat_top_banner .cat_top_banner .image {
        width: 30%;
    }
}
@media (max-width: 520px) {
    .wrapper-product .related-products .wrap-product {
        width: 40%;
    }
}
@media (max-width: 480px) {
	.wrapper-category .navigation {
    display:none;
}
    h1 {
        font-size: 30px;
        line-height: 0.9;
    }
    header .top-menu .tel a {
        font-size: 26px;
        margin-right: 10px;
    }
    header .top-menu .btn-success {
        margin-left: 0px;
        font-size: 14px;
        padding: 2px 10px;
    }
    header .top-menu .btn-success span {
        margin: -2px -11px -3px 8px;
    }
    .wrapper-category .navigation ul li {
        font-size: 16px;
    }
    .wrapper-category .navigation ul li a {
        padding: 0 5px;
    }
    .homepage .after-slider p {
        font-size: 19px;
    }
    footer .bottom-footer > .container {
        width: 320px;
    }
    footer .right .wrapper-btn:after {
        width: 100%;
    }
    .wrapper-jobs .all-jobs .job h3,
    .wrapper-questions .questions .question h3 {
        font-size: 16px;
    }
    .wrapper-product-cat .wrapper-all-cat ul li {
        display: block;
        border-left: 0;
        border-bottom: 1px solid #025189;
    }
    .wrapper-product-cat .wrapper-all-cat ul li:first-child {
        border-top-left-radius: 7px;
        border-bottom-right-radius: 0;
    }
    .wrapper-product-cat .wrapper-all-cat ul li:last-child {
        border-bottom: 0;
        border-top-left-radius: 0;
        border-bottom-right-radius: 7px;
    }
    /* ----- why yazamko ----- */
    .wrapper-printing-solutions .all-banners .banner .inner-banner .description,
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description {
        text-align: center;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text ul li,
    .wrapper-why-yazamko .all-banners .banner .inner-banner .text ol li,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ul li,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ol li {
        text-align: right;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .icon {
        max-width: 40px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size: 25px;
    }
    .homepage .wrapper-products .slider-all-products .slide .warpp-image {
        height: 485px;
    }
    .wrapper-product .related-products .wrap-product {
        width: 58%;
        display: block;
        margin: 0 auto;
        margin-bottom: 7%;
    }
}
@media (max-width: 460px) {
    .wrapper-product .top-product .gallery {
        height: 100%;
        padding: 3.3% 0 22.3%;
    }
    .wrapper-anova {
        padding-top: 131px;
    }
    .image-all-mobile,
    .image-360 {
        display: block !important;
    }
    .image-desktop,
    .image-768 {
        display: none !important;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .btn-primary {
        margin-top: 3%;
        font-size: 26px;
        padding: 6px 12px;
    }
    .wrapper-jobs .all-jobs .job .title-job span {
        float: none;
    }
    .wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner {
        top: 2%;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2 {
        font-size: 30px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ul,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ol {
        margin: 0;
        padding-right: 20px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text li,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text p {
        font-size: 16px;
    }
    header .links-no-mobile {
        display: block;
    }
    header .links-mobile {
        display: none;
    }
    header ul.links {
        position: relative;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    header ul.links li {
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .wrapper-among-our-customers .inner-our-customers.ops {
        margin-top: 0;
    }
    header .top-menu {
        height: 64px !important;
        background-size: cover !important;
    }
    .www {
        height: 64px !important;
        overflow: hidden;
        text-align: left;
        padding-right: 100px;
    }
    header .top-menu .btn-success {
        margin-left: 4px;
        font-size: 14px;
        padding: 2px 10px;
        display: inline;
        float: none;
        text-align: center;
    }
    header .top-menu .www .btn-success:first-child {
        margin-left: 4px;
        padding-left: 7px;
    }
    header .top-menu .btn-success span {
        width: 22px;
    }
    header .top-menu .btn-success span > img {
        vertical-align: bottom;
    }

    .wrapper-special-product .top h2 {
        font-size: 44px;
    }

    .wrapper-special-product .bottom h2 {
        font-size: 49px;
    }

    .wrapper-special-product .bottom h4 {
        font-size: 23px;
    }

    .wrapper-special-product .bottom .description p {
        font-size: 22.3px;
    }
    .homepage .wrapper-categories .cat .name-cat {
        top: 4%;
        max-width: 82%;
    }
    .homepage .wrapper-categories .cat .name-cat h3 {
        font-size: 30px;
        line-height: 1.1;
    }
    .homepage .wrapper-categories .cat .name-cat p {
        font-size: 18px;
    }

}
@media (max-width: 445px) {
    .wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner,
    .wrapper-printing-solutions .all-banners .banner .inner-banner {
        top: 6%;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2,
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size: 40px;
        margin-bottom: 10px;
    }
}
@media (max-width: 424px) {
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2,
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size: 35px;
        margin-bottom: 6px;
    }
    /* zzz */
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text li,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text p,
    .wrapper-printing-solutions .all-banners .banner .inner-banner .text ol li,
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .text li,
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .text p{
        font-size: 18px;
    }
    .wrapper-printing-solutions .all-banners .banner .inner-banner {
        top: 6%;
    }
    .wrapper-why-yazamko .all-banners .banner.banner-image .inner-banner {
        top: 8%;
    }
    .wrapper-printing-solutions .wrapper-how-it-works {
        font-size: 19px;
    }
    .wrapper-printing-solutions .wrapper-how-it-works h2,
    .wrapper-printing-solutions .all-banners .banner .inner-banner h2,
    .wrapper-why-yazamko .all-banners .banner .inner-banner h2 {
        font-size: 44.4px;
        margin-bottom: 0;
    }
}

@media (max-width: 390px) {
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .icon {
        max-width: 30px;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .text {
        line-height: 1.1;
    }
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .text p {
        font-size: 15px;
    }
}

@media (max-width: 340px) {
    .wrapper-why-yazamko .all-banners .banner .inner-banner .description .icon {
        max-width: 30px;
    }
    .homepage .wrapper-products .slider-all-products .slide .warpp-image {
        height: 350px;
    }
    header .top-menu .logo img {
        width: 68%;
    }
    header.menu-scroll .top-menu .logo img {
        margin-top: -70px !important;
    }
    .wrapper-product .top-product .gallery {
        padding: 0.3% 0 20%;
    }
    .wrapper-technical-support .wrapper-select-support .row .wrap-select .title-select {
        position: relative;
        margin-bottom: 8px;
        top: 0;
    }
}

@media (max-width: 320px) {
    .wrapper-special-product .top h2 {
        font-size: 37px;
    }

    .wrapper-special-product .top .description {
        font-size: 20px;
    }

    .wrapper-special-product .top .description p sub {
        font-size: 20px;
    }

    .wrapper-special-product .bottom h2 {
        font-size: 39px;
    }

    .wrapper-special-product .bottom h4 {
        font-size: 22px;
    }

    .wrapper-special-product .bottom .description p {
        font-size: 18.3px;
    }
}





/* magazine pages */
body.admin-bar header.navbar-default {
    top: 32px;
}
.top-panner h2 {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 30%;
    margin: auto;
    text-align: center;
    color: #025189;
    font-size: 70px;
    font-weight: 700;
}
body.page-template-template-magazine .top-panner h1:after {
    display: none;
}
body.page-template-template-magazine .top-panner h1 {
    height: 30%;
}
.magazine-cat-section {
    margin-bottom: 30px;
}
.magazine-title:before,
.magazine-cat-section > .title:before {
    display: inline-block;
    vertical-align: middle;
}
.magazine-title,
.magazine-cat-section > .title {
    font-size: 24px;
    font-weight: bold;
    color: #025189;
    margin-bottom: 20px;
}
.magazine-title:before,
.magazine-cat-section > .title:before {
    content: '';
    width: 6px;
    height: 28px;
    background: #025189;
    margin-top: -5px;
    margin-left: 10px;
}
.articles-list .featured .image img {
    width: 100%;
    height: auto;
    max-height: 360px;
    display: block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.articles-list .featured .text {
    background: #025189;
    color: #fff;
    font-weight: bold;
    padding: 10px 25px 20px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
.articles-list .featured .title {
    font-size: 32px;
}
.articles-list .featured .excerpt {
    font-size: 18px;
}
.articles .article-row {
    background: #d9e5ed;
    border-radius: 5px;
    margin-bottom: 20px;
}
.articles .article-row .image {
    padding: 0;
}
.articles .article-row .image img {
    height: 100%;
    width: auto;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.article-row .article-text h4 {
    font-size: 18px;
    font-weight: bold;
    color: #212121;
    margin: 13px 0 7px;
}
.article-text .excerpt p {
    font-size: 18px;
    color: #212121;
    line-height: 21px;
}
.cat-bottom {
    margin-bottom: 30px;
}
.cat-bottom .social-share > a {
    display: inline-block;
    vertical-align: middle;
}
.cat-bottom .social-share > a:not(:last-child) {
    margin-left: 8px;
}
.cat-bottom .social-share img {
    display: block;
}
.cat-readmore {
    font-size: 18px;
    font-weight: bold;
    color: #025189;
}
.magazine-cat-section:nth-child(2n) > .title {
    color: #0b78c6;
}
.magazine-cat-section:nth-child(2n) > .title:before,
.magazine-cat-section:nth-child(2n) .featured .text {
    background: #0b78c6;
}
.magazine-cat-section:nth-child(2n) .article-row {
    background: #dbe6f8;
}
.magazine-cat-section:nth-child(3n) > .title {
    color: #49a9c1;
}
.magazine-cat-section:nth-child(3n) > .title:before,
.magazine-cat-section:nth-child(3n) .featured .text {
    background: #49a9c1;
}
.magazine-cat-section:nth-child(3n) .article-row {
    background: #e4f2f6;
}
.pirsum img {
    width: 100%;
    display: block;
}
.magazine-bottom-text {
    font-size: 18px;
    color: #000;
    border-right: 6px solid #bdbdbd;
    padding-right: 20px;
    margin: 45px 0;
}
.magazine-sidebar .widget {
    margin-bottom: 35px;
}
.magazine-sidebar .widget.video img {
    width: 100%;
}
.magazine-sidebar .more-videos {
    text-align: center;
    margin-top: 20px;
}
.magazine-sidebar .more-videos a {
    color: #025189;
    font-size: 18px;
    display: inline-block;
    border: 1px solid #025189;
    border-radius: 15px;
    padding: 7px 30px;
}
.magazine-sidebar .widget .tips {
    color: #171717;
    font-size: 18px;
    font-weight: bold;
    counter-reset: tips;
}
.magazine-sidebar .widget.tips .magazine-title i {
    content: '';
    display: inline-block;
    vertical-align: middle;
    background: url('assets/images/tip-icon.png') no-repeat;
    width: 39px;
    height: 41px;
    margin: 0 10px 0 12px;
}
.magazine-sidebar .widget .tip_content {
    margin-bottom: 10px;
}
.magazine-sidebar .widget .tip_content:before {
    counter-increment: tips;
    content: counter(tips);
    display: inline-block;
    vertical-align: middle;
    font-size: 33px;
    color: #025189;
    font-weight: normal;
    margin-left: 20px;
}
.magazine-sidebar .tip_content > span {
    display: inline-block;
    vertical-align: middle;
    max-width: calc(100% - 35px);
}
.magazine-sidebar .search_content input[type="text"] {
    border: 1px solid #025189;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 15px;
    float: right;
    width: calc(100% - 60px);
}
.magazine-sidebar .search_content input[type="text"]::-webkit-input-placeholder {
    color: #b4cbdc;
}
.magazine-sidebar .search_content input[type="submit"] {
    background: #fff url('assets/images/search-icon.png') no-repeat center;
    background-size: 29px auto;
    border: 1px solid #025189;
    border-right: 0;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    font-size: 0;
    height: 50px;
    width: 60px;
    float: right;
}
.magazine-sidebar .tags_content > a {
    display: inline-block;
    vertical-align: middle;
    background: #f2f5f8;
    border-radius: 20px;
    padding: 8px 20px;
    line-height: 27px;
    margin: 5px;
}
.magazine-sidebar .widget.all-articles > a {
    display: inline-block;
    vertical-align: middle;
    background: #025189;
    border-radius: 20px;
    padding: 8px 25px;
    line-height: 27px;
    color: #fff;
}
.wrapper-post h1 {
    color: #025189;
    margin: 0 0 20px;
}
.wrapper-post h1:before {
    display: none;
}
.wrapper-post .post_content p {
    font-size: 18px;
    color: #282828;
    line-height: 26px;
}
.wrapper-post .post_content h2 {
    color: #025189;
    font-size: 18px;
    margin-bottom: 5px;
}
.wrapper-post .post_thumbnail {
    margin-bottom: 30px;
}
.post_content .social-share {
    margin: 30px 0;
}
.post_content .social-share > a:not(:last-child) {
    margin-left: 8px;
}
.post_content .related_posts {
    margin-top: 50px;
}
.post_pirsum > div {
    text-align: center;
    margin-bottom: 45px;
}
.related_content h4 a {
    color: #212121;
    font-size: 18px;
    font-weight: bold;
}
.magazine_comments {
    margin-top: 35px;
}
.article_row_pirsum {
    margin-bottom: 20px;
    text-align: center;
}
.article_row_pirsum img {
    max-height: 116px;
    width: auto;
}
@media (min-width: 768px) {
    body.page-template-template-magazine .content div[class*="col-sm"],
    body.single-post .wrapper-post div[class*="col-sm"] {
        float: right;
    }
    .articles-list .featured .text {
        min-height: 165px;
    }
    .articles .article-row .image img {
        max-height: 116px;
    }
    .wrapper-post h1 {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    .articles-list .featured {
        margin-bottom: 20px;
    }
    .articles .article-row .image {
        text-align: center;
        padding-top: 10px;
    }
    .cat-bottom > .pull-right,
    .cat-bottom > .pull-left {
        float: none !important;
        text-align: center;
        margin-bottom: 15px;
    }
    .wrapper-post h1 {
        margin-top: 15px;
    }
    .social-share .visible-xs.wa {
        display: inline-block !important;
    }
}
@media (max-width: 1100px) {
    .top-panner h2 {
        font-size: 53.74px;
    }
}
@media (max-width: 730px) {
    .top-panner h2 {
        font-size: 38px;
        line-height: 0.9;
    }
}
@media (max-width: 480px) {
    .top-panner h2 {
        font-size: 30px;
        line-height: 0.9;
    }
}

/* archive pages */
.articles-archive > article {
    margin-bottom: 35px;
}
.articles-archive > article > a {
    color: #282828;
}
.articles-archive > article > a:hover h2 {
    color: #337ab7;
}
@media (min-width: 768px) {
    .articles-archive > article:nth-child(2n + 1) {
        clear: both;
    }
}
.post-content-wrapper h2 {
    font-size: 20px;
    line-height: normal;
    font-weight: bold;
    margin: 0;
}
.post-content-wrapper .entry-content {
    font-size: 18px;
    line-height: normal;
    margin-top: 5px;
}
.post-thumbnail-wrapper img {
    border: 1px solid #bdbdbd;
    border-radius: 5px;
}
.magazine-sidebar .widget.video > a {
    display: block;
    position: relative;
}
.magazine-sidebar .widget.video > a:after,
.article-row.format-video .image:after,
.format-video .post-thumbnail-wrapper:after {
    content: "";
    margin: auto;
    width: 61px;
    height: 44px;
    background: url(assets/images/play.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    cursor: pointer;
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    transition: all 0.6s;
}
.article-row.format-video .image:after {
    width: 51px;
    height: 37px;
    background-size: contain;
}
.magazine-sidebar .widget.video > a:hover:after,
.article-row.format-video .image:hover:after,
.format-video .post-thumbnail-wrapper:hover:after {
    opacity: 0.7;
}

/* post comments */
.comment-form label {
    display: block;
}
.ol.comment-list {
    padding-right: 15px;
}
.comment-metadata {
    font-size: 12px;
}
.comment-form textarea {
    max-width: 100%;
}

header.navbar-default .navbar-nav li.menu-item.ask_yazamco_img a {
    font-size: 0;
    min-width: 123px;
    min-height: 53px;
    background: url('assets/images/ask_yazamco.png') center no-repeat;
    background-size: 63px auto !important;
}
header.navbar-default .navbar-nav li.menu-item.ask_yazamco_img a:hover {
    background: #004b85 url('assets/images/ask_yazamco_hover.png') center no-repeat;
}
@media (max-width: 767px) {
    header.navbar-default .navbar-nav li.menu-item.ask_yazamco_img a {
        background-position: 92% center;
    }
}

.magazine-sidebar .widget.contact .magazine-title {
    margin-right: 20px;
}
.magazine-sidebar .widget.contact .magazine-title:before {
    margin-right: -17px;
}
.magazine-sidebar .widget.contact label input {
    border: 1px solid #025189;
    border-radius: 5px;
    padding: 10px 15px;
    width: 100%;
    font-size: 16px;
    font-weight: normal;
}
.magazine-sidebar .widget.contact p > label:not(:last-child) {
    margin-bottom: 15px;
}
.magazine-sidebar .widget.contact label input::-webkit-input-placeholder {
    color: #b4cbdc;
}
.magazine-sidebar .widget.contact input[type="submit"] {
    width: 100%;
    background: #025189;
    border: 0;
    color: #fff;
    padding: 10px;
    border-radius: 5px;
    font-weight: bold;
}
.magazine-sidebar .widget.contact div.wpcf7-response-output {
    margin: 0;
    text-align: center;
}

.magazine-sidebar .magazine-subtitle {
    text-align: center;
    font-size: 18px;
    margin: 7px 0;
    color: #025189;
    font-weight: 600;
}


@media (min-width: 1200px) {
    .wrapper-product-cat .wrapper-all-products .wrap-product:nth-child(3n+1) {
        clear: both;
    }
}
@media (min-width: 768px) and (max-width: 1200px) {
    .wrapper-product-cat .wrapper-all-products .wrap-product:nth-child(2n+1) {
        clear: both;
    }
}


/* CF7 forms */
span.wpcf7-not-valid-tip {
    font-size: 16px;
}
.wrap-form span.wpcf7-not-valid-tip {
    margin-top: -14px;
    margin-bottom: 5px;
}
.wrap-form div.wpcf7-response-output {
    margin: -20px 0 0;
}
.wrapper-form-footer div.wpcf7-response-output {
    margin: 10px 0;
}
.wrapper-form-footer .wrap-form-footer .form-footer.row {
    padding-bottom: 0;
}
.wrapper-remote-support span.wpcf7-not-valid-tip {
    text-align: right;
    color: #fff;
}
@media (max-width: 768px) {
    body.admin-bar header.navbar-default {
        top: 0;
    }
    .wrap-form h4 {
        font-weight: normal !important;
    }
    .tel-button {
        display: inline-block;
        background: #00b1cb url('assets/images/tel-icon.png') no-repeat 95% center;
        background-size: 34px auto;
        padding: 18px 55px 18px 25px;
        color: #fff;
        border-radius: 30px;
        margin-top: 15px;
        font-size: 22px;
        border: 1px solid #91e6f3;
        font-weight: bold;
    }
    .wrapper-form-footer .text p,
    .wrapper-form-footer h4 {
        text-align: center;
    }
    .wrapper-form-footer h4.subtitle {
        font-size: 22px;
        margin: 30px 0;
    }
    .wrapper-form-footer .tel-button {
        margin-top: -15px;
    }
}