/*
Preject Name: Otakim
Preject URL: http://www.otakim.com
Version: 1.0
Description: Bootstrap4, HTML5, CSS3 and Fully Responsive Website.
Author: Otakim Team

/*[Table of Content]

=> 1. Genral Css
=> 2. Header Light / Header Blue
=> 3. Picture Bank Section
=> 4. Media Quries

*/
@import url("style.css");

.varietyprinted-prod .slideone{ background-image: url('../images/sliders/banner1.png') ; }
.varietyprinted-prod .slidetwo{ background-image: url('../images/sliders/banner2.png') ;}
.varietyprinted-prod .slidethree{ background-image: url('../images/sliders/banner3.png') ;}
.varietyprinted-prod .slidefourth{ background-image: url('../images/sliders/banner4.png') ;}
.varietyprinted-prod .textbox figure:before,
.varietyprinted-prod .textbox figure:after{content: ""; position: absolute; display: inline-block; background-repeat: no-repeat;
background-size: 100%;}
.varietyprinted-prod .textbox figure:before{background-image: initial; width: auto; height: auto;}
.varietyprinted-prod .textbox figure:after{background-image: initial; width: auto; height: auto;}

.oneslide .scooterblock img{
  width: 80%;
}
.oneslide .scooterblock img {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0.5s;
}
.homeslider.varietyprinted-prod .bannercont{
  padding: 0px;
}
.homeslider.varietyprinted-prod .bannercont{
    -ms-flex-align: baseline!important;
    align-items: baseline!important;
}
.homeslider.varietyprinted-prod .textbox img {
    max-width: 430px;
    margin-bottom: 5px;
    margin-top:20px;
}
.homeslider .textbox {
    margin-right: 120px;
    padding-top: 50px;
    margin-left: 0px;
}
.mobilebanner{
  display: none!important;
}
.before-load {
    background: rgba(255,255,255,0.8);
    height: 120%;
    display: inline-block;
    position: absolute;
    z-index: 99;
    width: 100%;
    text-align: center;
}
.okatim-loader {
    border: 0px solid #fdc33c;
    border-radius: 50%;
    border-top: 5px solid #fdc33c;
    border-bottom: 5px solid #fdc33c;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    top: 45%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media (min-width: 1024px){
  .varietyprinted-prod .textbox img {
    max-width: 539px;
  }
  .varietyprinted-prod .textbox h4{
    margin-top: -75px
  }
  .banner-building{
    position: absolute;
    bottom: 0px;
    right: 0
  }
  .scooterblock{
    position: absolute;
    bottom: -14px;
    right: 30px;
  }
}

@media (max-width: 991px){
   
    #varietyprinted-prod h4.ml7.mobile{
         display :block !important;
         max-width: 175px !important;
    }
  .varietyprinted-prod .textbox h4{
    margin-top: -25px
  }
  .homeslider.varietyprinted-prod .textbox img {

    margin-top: 15px !important;
}
  }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    .homeslider .banner-building img{
        width: 55%;
  }
  .homeslider .bannercont {
    min-height: 250px;
  }
  .banner-building{
    position: absolute;
    bottom: 0px;
    right: 0
  }
  .scooterblock{
    position: absolute;
    bottom: -14px;
    right: 30px;
  }
  .homeslider.varietyprinted-prod .textbox img {
    max-width: 200px;
    margin-bottom: 5px;
  }
  .homeslider .textbox {
      margin-right: 100px;
      padding-top: 15px;
      margin-left: 0px;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
    .homeslider .banner-building img{
        width: 75%!important;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:portrait) {
  .homeslider .banner-building img{
        width: 75%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:landscape) {
  .homeslider .banner-building img{
        width: 85%;
  }
}
@media (max-width: 767px){
  .desktopbanner{
    display: none!important;
  }
  .mobilebanner{
    display: block!important;
  }
  .homeslider .slideone {
      background-image: url(../images/sliders/mobilebanner1.png);
  }
  .homeslider .slidetwo {
      background-image: url(../images/sliders/mobilebanner2.png);
  }
  .homeslider .slidethree {
      background-image: url(../images/sliders/mobilebanner3.png);
  }
  .homeslider .slidefourth {
      background-image: url(../images/sliders/mobilebanner4.png);
  }
  .banner-building{
    position: absolute;
    bottom: 0px;
    right: 0
  }
  .scooterblock{
    position: absolute;
    bottom: -10px;
    right: 0px;
  }
  .oneslide .scooterblock img {
      width: 40%;
  }
  .homeslider .banner-building img {
      width: 30%;
      height: 30px;
  }
  .homeslider .textbox {
      margin-right: 0;
      padding-top: 0px;
      margin-left: 0px;
  }
  .homeslider.varietyprinted-prod .textbox img {
    max-width: 175px;
    margin-bottom: -15px;
}
}
@media (max-width: 767px) and (orientation:landscape){
  .homeslider.varietyprinted-prod .textbox img {
    max-width: 250px;
  }
}
/*-------------------------------------------*\
    1. Genral Css
\*-------------------------------------------*/
span.boxit{background:none !important; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, 
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, 
label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, 
embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, 
time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration, input[type=search]::-webkit-search-results-button, input[type=search]::-webkit-search-results-decoration { -webkit-appearance: none; -moz-appearance: none; }
input[type=search] { -webkit-appearance: none; -moz-appearance: none; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; max-width: 100%; }

audio:not([controls]) { display: none; height: 0; }
html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ }
:focus { outline: 0; }
a:focus { outline:none; }
a:active, a:hover { outline: 0; text-decoration: none;}
.form-control:focus, .form-control:active, .custom-select:focus, .custom-select:active{ outline: 0; box-shadow: none;}

img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ }
figure { margin: 0; }
form { margin: 0; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }

legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ }
button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ }
button, input { line-height: normal; }
button, select { text-transform: none; }
button, html input[type="button"],/* 1 */
input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ *overflow: visible;  /* 4 */ }
button[disabled], html input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ }

table { border-collapse: collapse; border-spacing: 0; }
html, button, input, select, textarea { color: #222; }

::-moz-selection { background: #b3d4fc; text-shadow: none; }


::-webkit-input-placeholder {
  color: inherit !important;
  opacity:1 !important;
}
::-moz-placeholder {
  color: inherit !important;
  opacity:1 !important;
}
:-ms-input-placeholder {
  color: inherit !important;
  opacity:1 !important;
}
:-moz-placeholder {
  color: inherit !important;
}

img { vertical-align: middle; max-width: 100%;}
fieldset { border: 0; margin: 0; padding: 0; }
textarea { resize: vertical; }

body {
    overflow-x: hidden;
    font-size: 16px;
    color: #565656;
    font-family: 'Rubik', sans-serif;
    overflow-x: hidden;
}
.pattern{background: url(../images/banner-pattern.png) no-repeat;
    background-size: 75%;
    background-position: left -6px top 0px;}

body.lang-hebrew{text-align: right;}

.section-title h3 {font-size: 32px; color: #000; font-weight: 400; margin-bottom: 15px;}
.section-title p{font-size: 14px; font-weight: 400; color: #1b1b1b; max-width: 360px; margin: 0 auto; line-height: 1.2;}


/*Language Switching CSS*/
.direction-ltr {direction: ltr; text-align: left;}
.direction-rtl {direction: rtl; text-align: right;}

     ul.loginwith li.google {
            margin: 0 0 0 15px;
            width: 50px;
    } 
/*-------------------------------------------*\
   2. Header
\*-------------------------------------------*/
.site-header{background: #286ba9; color: #fff; padding: 20px 0; /*position: relative;*/ z-index: 99; transition: ease-in-out 0.3s;}
.site-header .row{align-items: center;}
.hamburger-title {padding-right: 50px; font-size: 23px; font-weight: 300; line-height: 1; }
.menu-col{position: relative;}
.menu-col a{color: #fff;}
.menu-col a:hover{color: #fff; text-decoration: none;}

.menu-col .navbar-light .navbar-toggler{height: 40px;}
.menu-col .navbar{justify-content: inherit; padding: 0;}
.menu-col .navbar-light .navbar-brand{color: #fff;}
.menu-col .navbar-light .navbar-toggler,
.menu-col .navbar-light .navbar-toggler:focus{border: none; box-shadow: none; outline: none; padding-left: 0; padding-right: 0;}

button.navbar-toggler.collapsed .hamburger span {margin: 7px 0;}
.hamburger span {background: #fff; height: 2px; width: 32px; display: block;  border-radius: 5px;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    -o-transition: .35s ease-in-out;
    transition: .35s ease-in-out;}
/*.hamburger span.meat {width: 18px; }*/
.hamburger:hover span{background: #fbaf2e;}
button.navbar-toggler.collapsed .hamburger span{transform: none !important;}
button.navbar-toggler.collapsed span.meat{display: block !important;}
button.navbar-toggler .hamburger span.meat{display: none;}
button.navbar-toggler .hamburger span.top-bun {top: 18px;
-webkit-transform: rotate(135deg); -moz-transform: rotate(135deg);
-o-transform: rotate(135deg); transform: rotate(135deg);}
button.navbar-toggler .hamburger span.bottom-bun{    top: 18px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    transform: rotate(-135deg);}

.menu-col #navbarNavDropdown {width: 0; display: block !important; position: absolute;
top: 100%; background: #fbaf2e; transition: ease-in-out 0.3s; -webkit-transition: ease-in-out 0.3s;
margin-top: 21px; min-height: 230px; z-index: 9; visibility: hidden; }
.menu-col #navbarNavDropdown .navbar-nav{padding: 15px;}
.menu-col #navbarNavDropdown.show {
    width: 100%;
    transition: ease-in-out 0.3s;
    -webkit-transition: ease-in-out 0.3s;
    visibility: visible;
    right: 0;
    /* font-size: 18px; */
}

.menu-col .navbar-light .navbar-nav .nav-link{color: #fff;}
.menu-col #navbarNavDropdown .dropdown-menu {background: rgba(86, 56, 6, 0.1); border: none; text-align: right; height: 0; transition: all ease-in-out 0.3s; opacity: 0; display: block; padding: 0; visibility: hidden;}
.menu-col #navbarNavDropdown .dropdown-menu.show{height: 255px; transition: all ease-in-out 0.3s; opacity: 1; visibility: visible;}
.menu-col #navbarNavDropdown .dropdown-menu .dropdown-item{padding-left: 10px; padding-right: 10px; padding-bottom: 0;
    padding-top: 10px; font-size: 18px; color: #fff;}
.menu-col .navbar-light .navbar-nav .nav-link:hover,
.menu-col #navbarNavDropdown .dropdown-menu .dropdown-item:hover{color: #333;}
.menu-col #navbarNavDropdown .dropdown-menu .dropdown-item:hover,
.menu-col #navbarNavDropdown .dropdown-menu .dropdown-item:focus,
.menu-col #navbarNavDropdown .dropdown-menu .dropdown-item:active{background: transparent;}

.logo, .user-service {display: inline-block; }
.logo {width: 100%; max-width: 151px; text-align: initial; }
.logo img {max-width: 150px; position: absolute; top: 5px; }
#header-transparent .logo img{top: 2px;}

.header-right {text-align: left; }
.user-service {text-align: right; margin-left: 20px; }
.user-service > li {display: inline-block; padding:3px 18px 3px 12px; font-size: 14px; font-weight: 300; color: rgba(255,255,255,0.75);
border-right: solid 1px rgba(255, 255, 255, 0.35); vertical-align: middle; transition: all 0.3s;}
.user-service > li > a{font-weight: 300; color: rgba(255,255,255,0.75);}
.user-service > li a:hover{color: #fbaf2e; transition: all 0.3s; }
.user-service > li i.serv-icon {width: 30px !important; height: 30px !important; display: inline-block; vertical-align: middle;
background: url(../images/delivery-icon.png) no-repeat; background-size: 100% !important; margin-left: 5px; }
.user-service li.delivery a:hover i.serv-icon{background: url(../images/delivery-icon-hov.png) no-repeat;}
.user-service > li.user-info .serv-icon{background: url(../images/user.png);}
.user-service li.user-info a:hover i.serv-icon{background: url(../images/user-hov.png) no-repeat;}
.user-service > li.cart .serv-icon{background: url(../images/cart.png);}
.user-service li.cart a:hover i.serv-icon{background: url(../images/cart-hov.png) no-repeat;}
.user-service > li.cart span.cart-count {background: #fff; width: 15px; height: 15px; border-radius: 50%;
    display: inline-block; color: #000; text-align: center; font-size: 10px;
    line-height: 15px; font-weight: 500; position: relative; left: 7px; top: -2px; }
.user-service li.cart a:hover span.cart-count{background: #fbaf2e; color: #fff;}
.user-service li:last-child{padding-left: 0;}
.user-service li:first-child{border-right: none;}
ul.user-action {display: inline-block; vertical-align: middle;}
ul.user-action li{display: inline-block; padding-left: 2px;}
ul.user-action li a{display: inline-block; font-size: 14px; font-weight: 300; color: rgba(255,255,255,0.75); margin-left: 2px;}
ul.user-action li a:hover{color: #fbaf2e; text-decoration: none;}


/* Header Tranparent Css */
#header-transparent{background-color:rgb(255 255 255 / 96%) !important; color: #333; border-bottom: solid 1px rgba(40, 107, 169, 0.35);}
#header-transparent.shrink{background-color:rgba(255, 255, 255, 0.8);}
.site-header.shrink{padding: 12px 0;}
#header-transparent .logo{margin-left:20px; margin-right: 0;}
.group-printing{margin-right: 10px;}
.group-printing a{background: #f8aa15; border-radius: 5px; border:1px solid #7fa1ba; color: #fff !important;
padding: .31rem 1rem;}
.group-printing a img {max-width: 20px; }
.group-printing a:hover{background: #286ba9;}
#header-transparent .user-service > li{border-color: rgb(100, 168, 212, 0.35);}
#header-transparent ul.user-action li a{color: rgb(100, 168, 212);}
#header-transparent .user-service > li.cart .serv-icon {background: url(../images/cart-blue.png); }
#header-transparent .user-service > li.cart:hover .serv-icon {background: url(../images/cart-hov.png); }
#header-transparent .user-service > li.user-info .serv-icon {background: url(../images/user-blue.png); }
#header-transparent .user-service > li.user-info:hover .serv-icon {background: url(../images/user-hov.png); }

#header-transparent .user-service {margin-left: 0; }
#header-transparent .user-service > li.language{border:none;}
.home #header-transparent .user-service > li.language {border-right: 1px solid rgb(100, 168, 212, 0.35); }
.language button {background: transparent; box-shadow: none; border: none; padding: 0; margin-right: 2px;}
.language button img {width: 29px; }
.language button:hover,
.language button:focus,
.language button:active{outline: none; box-shadow: none;}



/* Next / Prev Buttons */
#prevBtn,
#nextBtn { display: block; position: absolute; top: 68px; }
#prevBtn{ left: 18px; transform: rotate(180deg); -webkit-transform: rotate(180deg);}
#nextBtn { right: 18px;}
#prevBtn,
#nextBtn{background: url(../images/slider-arrow.png) no-repeat; width: 18px; height: 46px; background-size: 100%;}
#prevBtn:hover,
#nextBtn:hover{background: url(../images/slider-arrow-hov.png) no-repeat; width: 18px; height: 46px;}

.oneslide .owl-theme .owl-nav.disabled+.owl-dots{    margin-top: 0; position: absolute; left: 0; right: 0; bottom: 10px;}
.owl-theme .owl-dots .owl-dot:focus{outline: none;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #286ba9;
}

.button-box {text-align: left; margin-top: 15px; }
.button-box .delete-btn {border: 1px solid #286ba9; color: #928f8f; font-size: 15px; padding: 9px 16px; border-radius: 6px;}
.button-box .delete-btn:hover{background: #286ba9; color: #fff;}
.button-box .delete-btn i {font-size: 18px; margin-left: 5px; vertical-align: middle; }



/*-----------------------------------------------------------*\
   Tabing css
\*-----------------------------------------------------------*/

.tab-sec { width: 100%; text-align: center; padding: 60px 0 0 0; }
ul.tab {  margin: 0; padding: 0; text-align: center; -ms-flex-wrap: wrap;
flex-wrap: wrap; width: 100%;}

/* Float the list items side by side */
ul.tab li {transform: scale(0.85); display: inline-block;}
ul.tab li .tabarrow{position: absolute; left: 0; right: 0; bottom: -15px; margin: 0 auto; cursor: pointer; display: none;
-moz-animation: ArrowBounce 2s infinite;
-webkit-animation: ArrowBounce 2s infinite;
animation: ArrowBounce 2s infinite;}
ul.tab li .tabarrow img{max-width: 26px;}
ul.tab li.active .tabarrow{display: inline-block;}

@keyframes ArrowBounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-15px);
  }
  60% {
    transform: translateY(-6px);
  }
}


.tab-sec ul li[data-order="3"]{ order: 3;}
.tab-sec ul li[data-order="2"]{ order: 2;}
.tab-sec ul li[data-order="1"]{ order: 1;}
ul.tab li.active {transform: scale(1);}
ul.tab li.active a p{font-size: 25px; margin-top: 0;}
ul.tab li a:focus,
ul.tab li a:active {/*transform: translateY(4px);*/ }
ul.tab li a:focus,
ul.tab li a:active{}
 
/* Style the links inside the list items */
ul.tab li a {display: inline-block; color: black; text-align: center; padding: 14px 16px; text-decoration: none;
transition: 0.3s; font-size: 17px; }
ul.tab li a span {display: inline-block; margin-bottom: 10px; width: 190px;
height: 190px; border-radius: 50%; background: #e5e5e5; line-height: 190px;
box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.12); border: 3px solid #fff; }
ul.tab li a span img {max-width: 120px; opacity: 0.6;}
ul.tab li:hover a span img,
ul.tab li.active a span img{opacity: 1;}
ul.tab li.active a span img{position: relative; top: -5px;}
ul.tab li a p{color: #286ba9; font-size: 22px; margin-top: 16px;}

ul.tab li:hover span, ul.tab li.active span {background-color: #f2a62d; }
ul.tab li:hover[data-type="gift"] span,
ul.tab li.active[data-type="gift"] span{background-color: #286ba9;}
ul.tab li:hover[data-type="booklets"] span,
ul.tab li.active[data-type="booklets"] span{background-color: #239ad2;}
/*ul.tab li.active[data-type="business"] span{background-color: #239ad2;}*/
 
ul.tab li a:focus {background-color: transparent; }

/* Style the tab content */
.tabcontent {display: none; padding: 6px 12px; -webkit-animation: fadeEffect 1s; animation: fadeEffect 1s; }

@-webkit-keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeEffect {
    from {opacity: 0;}
    to {opacity: 1;}
}


.otakim-gallery ul { display: none; }
.otakim-gallery ul.active { display: flex; background-color: inherit; }
.printing-banner,.printing-booklets,
.otakim-gallery{ display: none; }
.printing-banner.active,
.printing-booklets.active,
.otakim-gallery.active{ display: block; transition: 3s; }

.main-slider{position: absolute; left:0; right: 0; top: 0; opacity: 0; visibility: hidden;
 transition: opacity .2s linear, visibility .2s linear;}
.main-slider.active{position: relative; opacity: 1; visibility: visible; 
 transition: opacity .2s linear, visibility .2s linear;}


/*-----------------------------------------------------------*\
   A variety of printed products Sec/ Oneslide Slider
\*-----------------------------------------------------------*/
/*.varietyprinted-prod .slideone{ background-image: url('../images/sliders/varietyprinted-banner.png'); background-color: #faf3ed;}
.varietyprinted-prod .slidetwo{ background-image: url('../images/sliders/varietyprinted-banner2.png');}
.varietyprinted-prod .slidethree{ background-image: url('../images/sliders/varietyprinted-banner3.png');}*/
.varietyprinted-prod .item{background-size: cover; background-position: center;}
.varietyprinted-prod .bannercont{padding:110px 8% 110px;}

.varietyprinted-prod .textbox {margin-left: 22px; }
.varietyprinted-prod .textbox img {max-width: 183px; margin-bottom: 6px; }
.varietyprinted-prod .textbox h4{font-size: 34px; color: #025480; letter-spacing: -1px; font-weight: 700;
line-height: 0.8; margin-right: 37px; }

.varietyprinted-prod .owl-item.active .item{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /*animation-name: shake;*/
  animation-delay: 0.1s;
}
.varietyprinted-prod .owl-item.active .textbox img{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: rubberBand;
  -webkit-animation-name: rubberBand;
  animation-delay: 0.3s;
}
.varietyprinted-prod .owl-item.active .textbox h4{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInRight;
  -webkit-animation-name: fadeInRight;
  animation-delay: 0.3s;
}


.varietyprinted-prod .owl-item.active .price-label{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.varietyprinted-prod .textbox figure { display: inline-block; position: relative;}
.varietyprinted-prod .textbox figure:before,
.varietyprinted-prod .textbox figure:after{content: ""; position: absolute; display: inline-block; background-repeat: no-repeat;
background-size: 100%;}
/*.varietyprinted-prod .textbox figure:before{background-image: url(../images/sliders/triangle-left.gif); width: 50px; height: 50px;
left: -12px; top: -40px;}*/
.varietyprinted-prod .textbox figure:before{background-image:none; width: 50px; height: 50px;
left: -12px; top: -40px;}
/*.varietyprinted-prod .textbox figure:after{background-image: url(../images/sliders/triangle-right.gif); width: 60px; height: 60px;
top: -29px; right: -20px;}*/
.varietyprinted-prod .textbox figure:after{background-image: none; width: 60px; height: 60px;
top: -29px; right: -20px;}



.price-label {position: relative; display: inline-block; min-width: 200px; padding:11px 20px 44px 30px; text-align: center; }
.price-label .price{z-index: 9; position: relative; color: #fff;}
    .price-label .price h3 {
        font-size: 95px;
        font-family: 'Rubik', sans-serif;
        font-weight: 600;
        line-height: 0.8;
        display: inline-block;
        position: relative;
        top: 20px;
    }
.price-label .price span{position: relative;}
.price-label .price span .subtext{position: absolute; right: 0; letter-spacing: -0.5px; font-weight: 600; top: 100%;}
.price-label .price span em{font-size: 40px; font-weight: 600;}

.pricelabelbg{clip-path: polygon(5% 0%, 99% 13%, 99% 92%, 0% 100%);
-webkit-clip-path: polygon(5% 0%, 99% 13%, 99% 92%, 0% 100%);
background: #fcaf2f; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;}

.price-label:after{content: ""; background-image: url(../images/pricelabel-border.png); position: absolute;
left: 8px; right: -6px; top: 18px; bottom: -13px; display: block; z-index: 1; background-size: 100% 100%;
background-repeat: no-repeat; }


.ml7 { position: relative; }
.ml7 .text-wrapper { position: relative; display: inline-block; /*overflow: hidden;*/ }
.ml7 .letter { transform-origin: 0 100%; display: inline-block; line-height: 1em; 
  -webkit-animation: dancing 0.5s ease 1s infinite alternate; }
@-webkit-keyframes dancing {
  0% { -webkit-transform: rotate(5deg); }
  50% { -webkit-transform: rotate(-15deg); }
  100% { -webkit-transform: rotate(-10deg); }
}



/*-----------------------------------------------------------*\
   Oneslide-style2
\*-----------------------------------------------------------*/
.oneslide-style2 .item{background-size: cover; background-position: center;}
.oneslide-style2{}

#businesscopies-slider  .bannercont{padding:130px 8% 130px; display: inline-block; text-align: center; transform: skew(0, 4deg); 
-webkit-transform: skew(0, 4deg); -ms-transform: skew(0, 4deg);}
#businesscopies-slider  .bannercont .shapbox{ position: relative;}
#businesscopies-slider  .bannercont h3 {font-size: 27px; color: #025480; letter-spacing: 1.2px;
font-weight: 700; line-height: 0.8; margin-bottom: 8px;}
#businesscopies-slider  .bannercont h1{background: #fbaf2e; padding:14px 20px 13px 25px; font-weight: 800; font-size: 41px;
display: inline-block; color: #fff; letter-spacing: 1px; position: relative;}
#businesscopies-slider  .bannercont h1:before {content: ""; position: absolute; left: 7px; right: -6px;
top: 5px; bottom: -9px; border: 2px solid #286ba9; transform: skew(0deg, -2deg); -webkit-transform: skew(0deg, -2deg);
-ms-transform: skew(0deg, -2deg); -o-transform: skew(0deg, -2deg);}



#businesscopies-slider .oneslide-style2 .owl-item.active .bannercont h3{ -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: slideInRight;
  animation-delay: 0.3s;}

.oneslide-style2 .owl-item.active .vectorshap{ -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  /*animation-name: rotateIn;*/
  animation-delay: 0.3s;}

.oneslide-style2 .owl-item.active .bannercont h1{ -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  animation-delay: 0.3s;}

.oneslide-style2 .bannercont .vectorshap{max-width: 42px; position: absolute; left: -44px; top: -8px;}

#businesscopies-slider .slideone{ background-image: url('../images/sliders/businesscopies-slider.png'); }
/*#businesscopies-slider .slidethree{ background-image: url('../images/sliders/businesscopies-slider2.png'); background-color: #faf3ed;}*/
#businesscopies-slider .slidetwo{ background-image: url('../images/sliders/businesscopies-slider3.jpg'); }



/*-------------------------------------------*\
   Otakim-gallery CSS
\*-------------------------------------------*/
.booklets-ppb,
#print-image-gallery{background-color: #fff; background-image: url('../images/vector.png');
background-repeat: no-repeat; background-position:right -150px bottom -80px; padding: 0px 0 65px;}
#print-image-gallery .container{max-width: 1200px; width: 90%;}
.gallery-list .prod-block{text-align: center; margin-top: 55px; position: relative;}

.price-label.prodlabel { min-width: 80px; padding: 13px 13px 10px 15px; position: absolute; z-index: 2; left: 50%;
  top: -27px; transform: translateX(-50%); }
.price-label.prodlabel:after { left: 4px; right: -4px; top: 6px; bottom: -4px; }
.price-label.prodlabel .price h3 { font-size: 45px; top: 0; }
.price-label.prodlabel .price span em { font-size: 23px; }
.lightblue .pricelabelbg { background: #69b0da; }
.darkblue .pricelabelbg {background: #286ba9; }
.darkblue.price-label.prodlabel:after{background-image: url(../images/pricelabel-dark-border.png);}

.gallery-list li .imagebox{overflow: hidden; background-color: #e2e2e2; position: relative;}
.gallery-list li .imagebox:before{content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0;
background: rgba(40, 107, 169, 0.2); transform: scale(0);
margin: 0 auto; transition: ease-in-out 0.4s; z-index: 1;}
.gallery-list li .imagebox img{transition: ease-in-out 0.3s; transform: scale(1);}
.outstock{background-color: #c71c24; color: rgba(255, 255, 255, 0.7); font-size: 12px; letter-spacing: -1px; text-align: center;
width: 48px; height: 48px; border-radius: 50%;     display: flex;
align-items: center; justify-content: center; padding: 10px; position: absolute; bottom: 10px; z-index: 2; left: 11px;}

.gallery-list li .imagebox .clickhere{position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1;}
.gallery-list li .imagebox .clickhere span {background: #286ba9; color: #fff; display: block; padding:8px 15px; font-size: 17px;
position: absolute; z-index: 1; left: 0; right: 0; bottom: -100px; transition: ease-in-out 0.3s; }
.gallery-list li .imagebox .clickhere span:hover{background-color: #fbaf2e;}
.gallery-list .prod-block:hover .clickhere span{bottom:0px;}

.gallery-list .prod-block:hover .imagebox img{transition: ease-in-out 0.3s; transform: scale(1.2);}
.gallery-list li .title{font-size: 19px; letter-spacing:0.5px; margin-top: 7px; font-weight: 400; color: #000;}
.gallery-list li .title a{color: #000;}
.gallery-list li .title a:hover{color: #fbaf2e;}
.gallery-list .prod-block:hover .imagebox:before{transform: scale(1);}


/* Gallery Second Css*/
.gallery-list li .imagebox{overflow: inherit; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
 -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
-ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);
background: #fff; padding: 3px;}
.gallery-list li .imagebox figure {overflow: hidden; background: #e8e8e8;}
.gallery-list li .imagebox .clickhere{display: inline-block;}
.gallery-list li .imagebox figure a{overflow: hidden; display: table; width: 100%;}

#print-image-list.gallery-list li .imagebox:before{content: none;}
#graphics-printing.gallery-list .prod-block {margin-top: 80px; }


#print-image-gallery .all-pord-btn{margin-top: 70px; margin-bottom: 70px;}
.all-pord-btn .theme-btn a { font-size: 25px; padding: 22px 35px 34px 39px; }
.all-pord-btn .theme-btn a i { font-size: 20px; line-height: 0; position: relative; top: -1px; }
.shipping-process li { color: #286ba9; font-size: 26px; margin: 10px 25px; position: relative; }
.shipping-process li p {padding-right: 75px; }
.shipping-process li i{margin-left: 5px; position: absolute; right: 0; top: -4px;}


/*-------------------------------------------*\
   Our Hot Deal CSS
\*-------------------------------------------*/
.our-hot-deal {padding-top: 70px; padding-bottom: 0; display: none;}
.our-hot-deal.active{display: block;}

.our-hot-deal .item {display: flex; height: 256px; flex-wrap: wrap;
justify-content: center; align-items: center; background: #e5e5e5; margin-bottom: 50px}


.our-hot-deal .item img{max-height: 251px; object-fit: contain;}
.otakim-gallery.business-sec.active .item img{max-height: 251px; object-fit: contain;}

#our-hot-deal .hotdeal-slider{margin-top: 35px;}
.hot-deal-info {position: absolute; left: 20px; right: 20px; bottom: 0px; }
.price-circle {width: 90px; height: 90px; line-height: 1; text-align: center; background: #fbaf2e;
border-radius: 50%; position: relative; top: 0; transition: all ease-in-out 0.3s;
display: flex; flex-wrap: wrap; justify-content: center; align-items: center; padding: 0 5px; }

.our-hot-deal .item:hover .price-circle {top: -10px; }
.otakim-gallery.business-sec.active .item:hover .price-circle {top: -10px; }

.price-circle span{color: #fff; font-size: 21px;}
.price-circle del {color: rgb(167, 118, 34); font-size: 16px; }
.price-circle span, .price-circle del{display: block;}
.deal-cont {position: absolute; left: 0; right: 0; bottom: 20px; top: 65px; padding: 0; font-size: 20px;
    color: #000; letter-spacing: -0.2px; direction: rtl;}
.deal-cont i{color: #dd912d; margin-right: 5px; font-size: 20px; vertical-align: middle;}
#our-hot-deal .nexprevslider .owl-theme .owl-nav{display: block;}

/*#print-image-gallery .our-hot-deal .container{max-width: 1270px;}*/

/*-------------------------------------------*\
   Printing Banner CSS
\*-------------------------------------------*/
.printing-banner{padding: 60px 0 66px; }
.printing-banner .section-title h3{margin-bottom: 25px;}
.printing-banner > .container > .row{justify-content: center; align-items: center;}
.banner-image figure {max-width: 430px;}
.banner-btn-box li{display: inline-block; margin-left: 15px; position: relative; min-width: 290px;} 
.theme-btn {display: inline-block; position: relative;}
.theme-btn .btnbg, .banner-btn-box li .btnbg{background: #fbaf2e;
 display: inline-block; /*padding: 19px 20px 25px 21px; */
 clip-path: polygon(5% 8%, 100% 8%, 94% 100%, 0% 75%);
-webkit-clip-path: polygon(5% 8%, 100% 8%, 94% 100%, 0% 75%); display: block;
position: absolute; left: 0; right: 0; bottom: 0; top: 0; z-index: 0;}
.theme-btn a, .banner-btn-box li a{ text-align: center; color: #fff; font-size: 19px;  font-weight: 400;}
.theme-btn .form-btn, .theme-btn a, .banner-btn-box li a {position: relative; padding:15px 22px 26px 25px; display: inline-block; z-index: 9;}
.theme-btn .form-btn {background: transparent; box-shadow: none; border: none; }


.theme-btn:hover .btnbg, .banner-btn-box li:hover .btnbg{background: #286ba9; color: #fff;}

.banner-btn-box li:last-child:hover:after,
.banner-btn-box li:last-child:after{right: -8px;}
.banner-btn-box li:first-child:hover:after,
.banner-btn-box li:first-child:after{right: -7px;}

.theme-btn:hover:after, .banner-btn-box li:hover:after{background: url(../images/themebtn-bg-hov.png);
left: 9px; right: -6px; top: 0px; bottom: 3px; display: block; z-index: 1; background-size: 100% 100%;
background-repeat: no-repeat; }



/*-------------------------------------------*\
   Printing booklets CSS
\*-------------------------------------------*/
#printing-booklets {background: #286ba9; padding: 70px 0;}
#printing-booklets .section-title h3{color: #fff;}
#printing-booklets .section-title p {color: rgba(255, 255, 255, 0.75);}
#printing-booklets .section-title p a{color: #fbaf2e;}
#printing-booklets .section-title p a:hover{color: #fff;}
#printing-booklets .owl-carousel {padding: 0 80px; }
#printing-booklets .nexprevslider .owl-theme .owl-nav{display: block;}
.booklets-slider .owl-item .item{text-align: center;}
.booklets-slider .owl-item .item img {border: 4px solid transparent; border-radius: 50%;
transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s;
box-shadow: 4px 5px 9px rgba(0, 0, 0, 0); -webkit-box-shadow: 4px 5px 9px rgba(0, 0, 0, 0); }
.booklets-slider .owl-item .item:hover img {border: 4px solid #fff; border-radius: 50%; 
transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s;
box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.35); -webkit-box-shadow: 4px 5px 9px rgba(0, 0, 0, 0.35);}

.booklets-slider .owl-item .item .booklets-cont {color: rgba(255, 255, 255, 0.75);
font-size: 14px; font-weight: 300; margin-top: 20px; padding: 0 10px; }
#printing-booklets .nexprevslider .owl-theme .owl-nav button{background: url(../images/arrow-white.png) no-repeat;  top: 40%;}
#printing-booklets .nexprevslider .owl-theme .owl-nav button:hover{background: url(../images/slider-arrow-hov.png) no-repeat}



/*-------------------------------------------*\
   Company benefits CSS
\*-------------------------------------------*/
.comp-benefits-sec {background: #286ba9; padding: 70px 0 70px 0; color: #fff; margin-top: 0px; border-top: 1px solid #aac9e6;}
.comp-benefits-sec .section-title h3{color: #fff;}

.benefits-cont {max-width: 890px; margin: 40px auto 0; text-align: center;}
.service-block {padding: 0 10px; }
.service-block .serv-icon{width: 90px; height: 90px; line-height: 90px; border-radius: 50%; 
text-align: center; vertical-align: middle; background: #3480d6; color: #fff; display: inline-block; position: relative;}
.service-block .serv-icon img{max-width: 40px;}
.service-block .serv-count {width: 29px; height: 29px; background: #fff; border-radius: 50%; font-size: 20px;
color: #347fd6; line-height: 29px; text-align: center; position: absolute;
bottom: 10px; box-shadow: 0 0 0 3px #286ba9; -webkit-box-shadow: 0 0 0 3px #286ba9; }
.service-block.block3 .serv-count {color: #ce8a4e; }
.service-block.block4 .serv-count {color: #716206; }

.service-block .serv-details {margin-top: 14px;}
.service-block .serv-details h4 {font-size: 20px; font-weight: 400; }
.service-block .serv-details p {font-size: 14px; line-height: 1.2; margin-top: 2px;
color: rgba(255, 255, 255, 0.96); }

.service-block.block2 .serv-icon{background: #fbaf2e;}
.service-block.block4 .serv-icon{background: #907220;}


/*-------------------------------------------*\
   Partner Logo CSS
\*-------------------------------------------*/
.partner-logo-sec {border-bottom: solid 2px #ebebeb; padding: 70px 0 60px;}
.nexprevslider{margin-top: 50px; direction: ltr;}
.partner-logo-slider .owl-carousel{padding: 0 70px;}
.partner-logo-slider .owl-item{    display: flex; flex-wrap: wrap; justify-content: center; align-items: center}
.partner-logo-slider .item img {max-width: 100%; object-fit: contain; }

.nexprevslider .owl-theme .owl-nav {margin-top: 10px;}
.nexprevslider .owl-theme .owl-nav button{background: url(../images/slider-arrow.png) no-repeat; background-size: 100%;
width: 18px; height: 46px; right: 0; position: absolute; top: calc(50% - 25px); top: -webkit-calc(50% - 25px); top: -ms-calc(50% - 25px);
top: -moz-calc(50% - 25px); transform: translateY(-50%); -webkit-transform: translateY(-50%);}

.nexprevslider .owl-theme .owl-nav button:hover,
.nexprevslider .owl-theme .owl-nav button:focus,
.nexprevslider .owl-theme .owl-nav button:active{background-color: transparent; box-shadow: none; outline: none;
background: url(../images/slider-arrow-hov.png) no-repeat;}
.nexprevslider .owl-theme .owl-nav button.owl-next{left: 0; transform: translateY(-50%) rotate(180deg);}
.nexprevslider .owl-theme .owl-nav button span{visibility: hidden;}




/*-------------------------------------------*\
   Site Footer CSS
\*-------------------------------------------*/
.footer{padding: 50px 0; }
.footer .ft-col{padding-top: 15px; padding-bottom: 15px;}
.footer .ft-links li{width: 45%; display: inline-block; float: right; box-sizing: border-box;}
.footer .ft-links li:nth-child(2n+1) {padding-left: 25px; width: 55%;}
.footer ul li{margin-bottom: 7px;}
.footer ul li a{color: #928f8f; font-size: 14px;}
.footer ul li a:hover, .footer a:hover{color: #fbaf2e;}

.newsleter-col{}
.newsleter-col h3{font-size: 24px; margin-bottom: 15px; color: #000;}
#newsletterform{max-width: 248px;}
#newsletterform input[type="email"] {background: #f3f3f3; border: none; border-radius:0 8px 8px 0;  height: 44px;}
#newsletterform input[type="email"]:hover,
#newsletterform input[type="email"]:focus,
#newsletterform input[type="email"]:active{box-shadow: none; outline: none;}
#newsletterform .send-btn{background: #286ba9; color: #fff; border: none; border-radius:8px 0 0 8px; height: 44px;
padding-left: 25px; padding-right: 25px;}
#newsletterform .send-btn:hover{background: #fbaf2e;}
#newsletterform #email_address-error {position: absolute; bottom: -24px; left: 0;
    right: 0; font-size: 15px; color: red; }


.contact-details li i{margin-left: 13px;}
.ft-links {border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2;}
.ft-links ul{padding-right: 40px;}
.contact-details ul {padding-right: 40px; }
.contact-details li {padding-right: 25px; position: relative;}
.contact-details li i {margin-left: 13px; position: absolute; right: 0; }
.contact-details li i img {max-width: 16px; }
.contact-details li.social-icons {padding-right: 0;}
.contact-details li.social-icons i{position: inherit;}
.social-icons{margin-top: 20px;}
.social-icons a{width: 28px; height: 28px; line-height: 28px; border-radius: 50%; border: 1px solid #c3c3c3; 
text-align: center; display: inline-block; margin-left: 4px;}
.social-icons a:hover{border-color: #fbaf2e;}
.social-icons a i{margin: 0;}


/*-------------------------------------------*\
   3. Login / Resister - Popup / Modal
\*-------------------------------------------*/
.modal-backdrop.show{opacity: 0.85;}
.loginpopup .modal-content{background-color: #286ba9; border-radius: 0; border: none; box-shadow: none; color: #fff;}
.loginpopup .modal-dialog{max-width: 520px; margin-top: 4rem;}
.loginpopup .modal-header {text-align: center; justify-content: center; padding: 0; border: none; }

.loginpopup .modal-header .formlogo {max-width: 150px; position: relative; top: -15px; }
.formtitle {text-align: center; font-size: 24px; letter-spacing: -0.3px; margin-top: 0px;  margin-bottom: 30px; }

.loginpopupform{max-width: 320px; margin:0 auto 50px;}
.loginpopupform .input-group{ align-items: center; border-bottom:solid 1.4px rgba(255, 255, 255, 0.30); padding-bottom: 7px;}
.loginpopupform .input-group.last{border-bottom: none;}
.loginpopupform .form-icon img {max-width: 14px; position: relative; }
.loginpopupform .form-control{background: transparent; border: none; border-radius: 0;
 color: rgba(255, 255, 255, 0.75); font-size: 16px; font-weight: 300; margin: 0 5px 0 5px;}
span.valid-icon{display: none;} 
.loginpopupform .error{font-size: 14px; color: rgba(255, 255, 255, 0.75);}
.form-control.invalid~span.valid-icon,
.form-control.valid~span.valid-icon{font-size: 18px;}
.form-control.valid~span.valid-icon{display: block;}
.form-control.invalid~span.valid-icon{display: block;}
.form-control.invalid~span.valid-icon .fa:before {content: "\f057"; color: #fbb749;}
div.invalid{display: none !important;}

.loginpopupform .theme-btn:hover .btnbg{background:#fbaf2e; color: #fff;}
.loginpopupform .theme-btn:hover button{ color: #fff;}
.theme-btn.wht-bord:after{background: url(../images/btn-bord-white.png);
background-size: 100% 100%; background-repeat: no-repeat;}
.loginpopupform .theme-btn .form-btn{padding:9px 39px 19px 40px; color: #fff; font-size: 20px;}
.theme-btn .form-btn:focus,
.theme-btn .form-btn:hover,
.theme-btn .form-btn:active{outline: none; border: none; box-shadow: none;}

.loginpopupform .theme-btn.wht-bord:after,
.loginpopupform .theme-btn.wht-bord:hover:after,
.loginpopupform .theme-btn.wht-bord:focus:after,
.loginpopupform .theme-btn.wht-bord:active:after, {left: 5px; right: -6px; top: 1px; bottom: 3px;}
.loginpopupform .btn-col{margin-top: 20px; margin-bottom: 40px;}
.form-footer, .form-footer a{color: rgba(255, 255, 255, 0.75); font-size: 16px; font-weight: 300; }
.form-footer a{border-bottom: 1px solid rgba(255,255,255,0.7);}
.form-footer a{ text-decoration: none;}
.form-footer a:hover{color: #fbaf2e; text-decoration: none;}
.forgot-col {text-align: left; }
.form-footer .custom-control-label{cursor: pointer;}
.form-footer .custom-control-label::before{background-image: url(../images/cheq-mark.png);}
.form-footer .custom-checkbox .custom-control-input:checked~.custom-control-label::after{
background-image: url(../images/tick-mark.png); background-color: transparent; border: none;}
.form-footer .custom-control-input:checked~.custom-control-label::before{ background-color: transparent !important; border: none !important;}
.form-footer .custom-control-label::after,
.form-footer .custom-control-label::before{background-repeat: no-repeat; background-size: 100%; 
width: 23px; height: 25px; background-color: transparent !important; border: none !important; left: inherit;
right: -2.2rem; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%);}
.form-footer .custom-control-label:hover,
.form-footer .custom-control-label:focus{border: none; outline: none; box-shadow: none;}
.form-footer .custom-control{padding-left: 0; padding-right: 2.2rem;}

.registerpopup .formtitle{margin-bottom: 30px; margin-top: 0px;}
.form-subtitle {padding: 0 40px; margin-bottom: 30px;}
.form-subtitle li {color: rgba(255, 255, 255, 0.75); font-size: 13px; font-weight: 300; 
position: relative; padding-right: 30px; margin-bottom: 5px;}
.form-subtitle li img {max-width: 19px; position: absolute; right: 0; top: -3px; margin-left: 8px; }
.registerpopup .form-control{padding-left: 0; padding-right: 0;}

.registervia a i{width: 20px; height: 20px; line-height: 20px; border-radius: 50%; border: 1px solid #fff;
text-align: center; font-size: 12px; color: #fff; margin: 0 5px; }
.registervia a:hover i{color: #fbaf2e; border-color: #fbaf2e;}

.facebook-login-container { width: 100%; border: 1px dashed #6293c1; padding: 10px; text-align: center; }
.or-seperator { color: white; margin: 30px 0 30px 3px; }
.loginwith { margin-top: 12px; }
.loginwith li { display: inline-block; margin: 0 3px; }
.loginwith li span { display: block; color: #fff; font-size: 12px; margin-top: 3px; }



/*-------------------------------------------*\
   New Arzia Services Sec
\*-------------------------------------------*/
.arzia-serv-sec{background: #fcfcfc; padding: 100px 0;
background-color: #fff;
    background-image: url(../images/vector.png);
    background-repeat: repeat;
    background-position: center;
}
.cont-block .title50{font-size: 50px; font-weight: 900; margin-bottom: 32px;}
.cont-block h4{font-size: 24px; font-weight: 700; margin-bottom: 9px;}
.cont-block h5{font-size: 18px; font-weight: 700;  margin-bottom: 6px;}
.cont-block .title50 .title-icon {position: relative; top: 10px; right: 4px; }
.cont-block .title50, .cont-block h4, .cont-block h5{color: #025480}
.pcont{color: #656565; font-size: 16px; line-height: 1.5; margin-bottom: 10px;}
.arzia-serv-sec .all-pord-btn {margin-top: 20px; }
.arzia-serv-sec .all-pord-btn .theme-btn:after{background-image: url(../images/btn-bord-mobile.png); left: 3px; right: -5px; top: 1px;}
.arzia-serv-sec .all-pord-btn .theme-btn a {font-size: 20px; padding: 22px 37px 37px 47px; font-weight: 300;}
.arzia-serv-sec .all-pord-btn .theme-btn a i{font-size: 25px;top: -3px;}

.image-col .image-block{max-width: 616px; margin: 0 absolute; position: relative;}
.image-block .full-image{opacity: 0;}
.image-block .box img {position: absolute; }
.image-block .box2.box img {top: -60px;
    left: -60px;
    right: 0;
    margin: 0 auto;}
.image-block .box1.box img {    top: 95px;
    right: -10px;}
.image-block .box3.box img {    top: 162px;
    left: 70px;}
.image-block .box3.box img[src*="box_3"] {    top: 162px;
    left: -25px;}
/* .image-block .box2.box:before{
    content: "";
    position: absolute;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 100%;
    background-image: url(../images/sliders/triangle-left.gif);
    width: 50px;
    height: 50px;
    left: 20%;
    top: 20%;
} */
.image-block .box2.box img.service_icon1 {
  top: 124px;
  left: 120px;
  right: inherit;
}
.image-block .box2.box img.service_icon2 {
  right: 167px;
  left: inherit;
  top: 77px;
}
.image-block .box1.box img.service_icon3 {
  bottom: 22px;
  top: inherit;
  left: 275px;
  right: inherit;
}
/*-------------------------------------------*\
   Media Quries
\*-------------------------------------------*/


@media (min-width: 768px) {
    .banner-image {position: relative; min-height: 265px; }
    .banner-image figure {position: absolute; bottom: -90px; left: 40px; }
    #businesscopies-slider .slidetwo .bannercont .vectorshap.mobile,
    #businesscopies-slider .slideone .bannercont .vectorshap.mobile,
    .shipping-process li i.mobile{display: none;}

    ul.tab li a p br,
    .shipping-process li p br,
    .printing-banner .section-title h3 br,
    .oneslide-style2 .bannercont h1 br{display: none;}

    #businesscopies-slider.oneslide-style2 .bannercont .vectorshap{left: -10px; top: -50px;}

}

@media (min-width: 992px) {

    /* Header Tranparent Css */
    #desktopmenu #navbarNavDropdown {width: inherit; position: inherit; top: inherit; margin-top: 0;
    display: inherit !important; min-height: inherit; visibility: visible; background: transparent; }
    #desktopmenu #navbarNavDropdown .navbar-nav {padding: 0; }
    #desktopmenu .navbar-light .navbar-nav .nav-link {color: rgb(100, 168, 212); font-size: 16px; letter-spacing: -0.2px; }
    #desktopmenu .navbar-light .navbar-nav .nav-link:hover {color:#fbaf2e;}
    #desktopmenu .navbar-light .navbar-nav .nav-link:after{top: 2px; position: relative; right: 3px;}

    #header-transparent ul.user-action li:hover a,
    #header-transparent ul.user-action li a:hover{color: #fbaf2e;}
    /* Header Tranparent Submenu */
    #desktopmenu #navbarNavDropdown .dropdown-menu {background: #457eb2;
    border-radius: 0; text-align: center; margin-top: 22px; padding-top: 6px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}
    .site-header.shrink #desktopmenu #navbarNavDropdown .dropdown-menu{margin-top: 15px;}
    #desktopmenu #navbarNavDropdown .dropdown-menu.show {height: 195px;}
    #desktopmenu #navbarNavDropdown .dropdown-menu .dropdown-item {padding-left: 0; padding-right: 0;
     margin-left: 10px; margin-right: 10px; padding-bottom: 8px; padding-top: 8px; font-size: 13px; font-weight: 300;
    color: rgba(255, 255, 255, 0.85); border-bottom: 1px solid rgba(255, 255, 255, 0.2); width: auto; }
    #desktopmenu #navbarNavDropdown .dropdown-menu .dropdown-item:last-child{border-bottom: none;}
    #desktopmenu #navbarNavDropdown .dropdown-menu .dropdown-item:hover{color: #fbaf2e; }

    #desktopmenu #navbarNavDropdown .dropdown-menu:before {content: ""; position: absolute;
    border-left: 7px solid transparent; border-right: 7px solid transparent; width: 0;
    border-bottom: 12px solid #3c78b0; top: -12px; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%);}

    .varietyprinted-prod .bannercont, 
    .oneslide-style2 .bannercont {min-height: 405px; }

    /*.arzia-serv-sec .cont-block {padding-left: 30px; }*/


}
@media (min-width: 1200px) and (max-width: 1250px) {
  .image-block .box2.box img.service_img1{
    max-width: 50%;
  }
  .image-block .box1.box img.service_img2{
    max-width: 55%;
  }
  .image-block .box3.box img.service_img3{
    max-width: 55%;
  }
  .image-block .box2.box img.service_icon1 {
    top: 42%;
    left: 20%;
  }
  .image-block .box2.box img.service_icon2 {
    right: 27%;
    top: 90px;
  }
  .image-block .box1.box img.service_icon3 {
    bottom: 0;
    left: 46%;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .image-block .box2.box img.service_img1{
    max-width: 50%;
  }
  .image-block .box1.box img.service_img2{
    max-width: 55%;
  }
  .image-block .box3.box img.service_img3{
    max-width: 55%;
  }
  .image-block .box2.box img.service_icon1 {
    top: 50%;
    left: 16%;
  }
  .image-block .box2.box img.service_icon2 {
    right: 25%;
    top: 75px;
  }
  .image-block .box1.box img.service_icon3 {
    bottom: -25px;
    left: 44%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
    #header-transparent .header-left-col {-ms-flex: 0 0 78%; flex: 0 0 78%; max-width: 78%; }
    #header-transparent .header-right-col {-ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; }
    
    #header-transparent .user-service > li{padding: 3px 13px 3px 3px;}
    #header-transparent .user-service li:last-child {padding-left: 0;/* padding-right: 0;*/ }

}


@media (min-width: 1200px) {
	   .container {max-width: 1270px; }
    .ft-logo{max-width: 22%; flex: 0 0 22%; text-align: center;}
    .ft-links{max-width: 28%; flex: 0 0 28%;}
    .contact-details{max-width: 23%; flex: 0 0 23%;}
    .newsleter-col {max-width: 27%; flex: 0 0 27%; }

    .oneslide-style2 .bannercont .vectorshap {max-width: 46px;}

    #our-hot-deal .nexprevslider .owl-theme .owl-nav button{right: -40px;  top: 44%;}
    #our-hot-deal .nexprevslider .owl-theme .owl-nav button.owl-next{left: -40px;}

    .our-hot-deal .item a{min-height: 100%;}
    .our-hot-deal .item img{height: 256px; object-fit: cover; max-height: inherit; object-position: center;}

   


    /*.arzia-serv-sec .cont-block {padding-left: 80px; }*/


}

@media (min-width: 1921px) and (max-width: 11999px) {
  .varietyprinted-prod .bannercont, 
  .oneslide-style2 .bannercont {min-height: 610px; }
}

@media (min-width: 1367px) and (max-width: 11999px) {
  .container {max-width: 1500px; }

  /*#print-image-gallery .our-hot-deal .container{max-width: 1430px;}*/

  ul.user-action li a,
  #desktopmenu .navbar-light .navbar-nav .nav-link{font-size: 18px;}
  .user-service > li i.serv-icon{width: 35px !important; height: 35px !important;}
  .language button img {width: 35px; }

  #desktopmenu #navbarNavDropdown .dropdown-menu{min-width: 11.5rem;}
  #desktopmenu #navbarNavDropdown .dropdown-menu.show {height: 350px; }
  #desktopmenu #navbarNavDropdown #students-menu.show{height: 315px; }
  #desktopmenu #navbarNavDropdown .dropdown-menu .dropdown-item {padding-bottom: 10px; padding-top: 10px; font-size: 17px;}

  .section-title h3 {font-size: 40px;}
  .section-title p{font-size: 17px; max-width: 700px;}
  .theme-btn a, .banner-btn-box li a{font-size: 22px;}
  .banner-btn-box li{min-width: 330px;}

  .printing-banner .section-title h3 {margin-bottom: 30px; }
  .banner-image {min-height: 365px; }
  .banner-image figure {max-width: 580px; bottom: -120px;}


  #printing-booklets .nexprevslider .owl-theme .owl-nav button{background: url(../images/slider-arrow-lg-white.png) no-repeat;
    width: 25px; height: 66px;}
  .nexprevslider .owl-theme .owl-nav button{background: url(../images/slider-arrow-lg.png) no-repeat;
    width: 25px; height: 65px;}

  
  #printing-booklets .nexprevslider .owl-theme .owl-nav button:active,
  #printing-booklets .nexprevslider .owl-theme .owl-nav button:focus,
  #printing-booklets .nexprevslider .owl-theme .owl-nav button:hover,
  .nexprevslider .owl-theme .owl-nav button:active,
  .nexprevslider .owl-theme .owl-nav button:focus,
  .nexprevslider .owl-theme .owl-nav button:hover{background: url(../images/slider-arrow-lg-hov.png) no-repeat;}
  
  .benefits-cont {max-width: 980px;}
  .service-block .serv-icon {width: 95px; height: 95px; line-height: 95px;}
  .service-block .serv-count {width: 30px; height: 30px; line-height: 30px; font-size: 20px; }
  .service-block .serv-icon img {max-width: 45px; }
  .service-block .serv-details h4 {font-size: 20px;}
  .service-block .serv-details p {font-size: 15px;}

  .newsleter-col h3 {font-size: 31px;}
  #newsletterform {max-width: 320px; }
  #newsletterform input[type="email"],
  #newsletterform .send-btn{font-size: 1.3rem; height: 50px;}
  #newsletterform .send-btn{padding-left: 15px; padding-right: 15px; min-width: 100px;}
  .footer ul li {margin-bottom: 11px; }
  .footer ul li a{font-size: 17px;}
  .contact-details li {padding-right: 31px}
  .contact-details li i img {max-width: 19px; }
  .social-icons a {width: 32px; height: 32px; line-height: 32px;}

  .varietyprinted-prod .bannercont, 
  .oneslide-style2 .bannercont {min-height: 524px; }
  .oneslide-style2 .bannercont{padding: 190px 8% 130px 2%; text-align: right;}


  #businesscopies-slider.oneslide-style2 .bannercont h3{font-size: 35px;}
  #businesscopies-slider.oneslide-style2 .bannercont h1{font-size: 62px; margin-right: 10px; margin-top: 4px;}
  #businesscopies-slider.oneslide-style2 .bannercont .vectorshap {left: -27px; top: -70px; max-width: 65px;}
  /*#businesscopies-slider.oneslide-style2 .bannercont .vectorshap{max-width: 65px;}*/

  .varietyprinted-prod .bannercont {padding: 130px 4% 180px; }
  .varietyprinted-prod .textbox {margin-left: 32px; }
  .varietyprinted-prod .textbox img {max-width: 267px;}
  .varietyprinted-prod .textbox h4 {font-size: 45px;}
  .gallery-list li .title {font-size: 21px;}
  ul.tab li.active::after{width: 29px; height: 20px;}
  ul.tab li .tabarrow img{max-width: 29px;}

  .price-circle {width: 100px; height: 100px; }
  .price-circle span {font-size: 23px; }
  .our-hot-deal .item a{min-height: 100%;}
  .our-hot-deal .item img{height: 256px; object-fit: cover; max-height: inherit; object-position: center;}

}


@media (min-width: 1000px) and (max-width: 1500px) {
    .site-header {
        padding: 10px 0;
    }

    .saletext {
        margin-bottom: 10px !important;
    }

    #header-transparent .col-lg-9.col-md-9.col-sm-7.header-left-col {
        width: 84% !important;
        flex: 0 0 83% !important;
        max-width: 83% !important;
    }

    #header-transparent .col-lg-3.col-md-3.col-sm-5.header-right-col {
        width: 15% !important;
        flex: 0 0 17% !important;
        max-width: 17% !important;
    }

    ul.user-action {
        display: none !important;
    }

    #header-transparent .logo {
        margin-left: 0px;
        margin-right: 0;
    }
}
@media (min-width: 1000px) and (max-width: 1300px) {
    .logo img {
        max-width: 120px;
        position: absolute;
        top: 5px;
    }

    .logo {
        width: 100%;
        max-width: 120px;
        text-align: initial;
    }
     #header-transparent .col-lg-9.col-md-9.col-sm-7.header-left-col {
        width: 84% !important;
        flex: 0 0 90% !important;
        max-width: 90% !important;
    }

    #header-transparent .col-lg-3.col-md-3.col-sm-5.header-right-col {
        width: 15% !important;
        flex: 0 0 10% !important;
        max-width: 10% !important;
    }
    #header-transparent .user-service > li {
        padding: 0px 0px 3px 3px;
    }

    #header-transparent .user-service > li {
        border-color: snow;
    }
}






 #students-menu.show {
            height: 315px ;
        }
     #Gift-menu.show {
       height: 390px !important;
    }
@media (max-width: 1199px){
    .title-icon{
            margin-left: 0 !important;
    }
  .container {max-width: inherit; padding-left: 20px; padding-right: 20px;}
  #print-image-gallery .our-hot-deal .container{width: auto;}
  /*.our-hot-deal .item a {min-height: 100%; }*/
  .our-hot-deal .item,
  .our-hot-deal .item img{height: 240px;}
  .our-hot-deal .item img{object-fit: cover; object-position: center;}
  .gallery-list .two-image-vertical .imagebox img,
  .gallery-list .four-image-merge .imagebox img {height: 489px; }
  #graphics-printing.gallery-list .two-image-vertical .imagebox img,
  #graphics-printing.gallery-list .four-image-merge .imagebox img {height: 515px; object-fit: cover; max-height: inherit; object-position: center;}

    #Gift-menu.show {    height: 270px !important;
    }
}

@media (max-width: 1024px){
  #header-transparent .logo {margin-left: 10px;}
  #desktopmenu .navbar-light .navbar-nav .nav-link{padding-right: .23rem; padding-left: .23rem;}
  .group-printing {margin-right: 5px; }

  .banner-btn-box li{margin-bottom: 15px;}

  .partner-logo-sec {padding: 40px 0 30px; }

  .footer {padding: 10px 0; }
  .ft-links {border-right: none;}
  .ft-links ul {padding-right: 0; }
  .newsleter-col {-ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important;
  text-align: center; border-bottom: solid 1px #f1f1f1; margin-bottom: 20px;
  padding-bottom: 25px !important; }
  .newsleter-col h3 {font-size: 21px;}
  #newsletterform {max-width: 350px; margin: 0 auto; }
  .footer .ft-col {padding-top: 15px; padding-bottom: 15px; -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%; max-width: 33.3333%; }
  .footer .ft-links li:nth-child(2n+1) {padding-left: 10px;}

  #desktopmenu .navbar-light .navbar-nav .nav-link {font-size: 17px;}
  .varietyprinted-prod .textbox h4 {font-size: 30px;}
  .varietyprinted-prod .item .price-label{padding: 11px 20px 34px 30px; min-width: 180px;}
  .varietyprinted-prod .item .price-label .price h3 {font-size: 75px; top: 16px;}
  .varietyprinted-prod .item .price-label .price span em{font-size:28px;}
  .varietyprinted-prod .item .price-label .price span .subtext {font-size: 13px;}
  .varietyprinted-prod .item .price-label::after{left: 7px; right: -6px; top: 10px; bottom: -7px;}
  .gallery-list li .title {font-size: 17px; letter-spacing: 0.1px;}
  .gallery-list .prod-block{margin-top: 30px;}
  .price-label.prodlabel .price h3 {font-size: 35px;}
  #graphics-printing.gallery-list .prod-block {margin-top: 65px; }
  .shipping-process li {font-size: 23px; margin: 10px 2%; }
  .all-pord-btn .theme-btn a {font-size: 24px;}
  .oneslide-style2 .bannercont {padding: 100px 10px 100px; text-align: right;}
  .oneslide-style2 .bannercont h1{font-size: 35px;}

  #businesscopies-slider.oneslide-style2 .bannercont h3{font-size: 22px;}
  #businesscopies-slider.oneslide-style2 .bannercont .vectorshap {left: 7px;}

  .tab-sec{padding: 30px 0 0 0;}
  ul.tab{margin-bottom: 18px;}
  ul.tab li.active::after{width: 21px; bottom: -15px;}
  ul.tab li a{padding: 14px 16px 0 16px;}
  ul.tab li a span{width: 165px; height: 165px; line-height: 165px;}
  ul.tab li a span img {max-width: 80px; }
  ul.tab li a p{margin-top: 15px;}

  #print-image-gallery.business-sec {padding-bottom: 35px; }
  #our-hot-deal .deal-cont {position: absolute; left: -7px !important; right: -14px !important; bottom: -12px;
  padding: 0 !important; color: #000; letter-spacing: -0.2px; direction: rtl; top: 50px !important; font-size: 18px !important; }

  .printing-banner {padding: 40px 0 35px; }
  .our-hot-deal .item,
  .our-hot-deal .item img{height: 210px;}

  .gallery-list .two-image-vertical .imagebox img,
  .gallery-list .four-image-merge .imagebox img {height: 394px; }
  #graphics-printing.gallery-list .two-image-vertical .imagebox img,
  #graphics-printing.gallery-list .four-image-merge .imagebox img {height: 429px; }
  


}


@media (max-width: 991px){
    .site-header{padding: 15px 0;}
    #header-transparent .user-service > li{padding: 3px 13px 3px 3px;}
    #header-transparent .user-service li:last-child {padding-left: 0; padding-right: 14px !important;}
    #header-transparent .logo{margin-right: 20px;}
    .group-printing {margin-right: 0; }
    .group-printing a {background: #286ba9; border: 1px solid #286ba9; padding: 0.41rem 0.55rem !important;}

    body.home{background-size: 64%;}
    .service-block{margin-bottom: 35px;}
    .service-block.block3,
    .service-block.block4{margin-bottom: 0;}
    #header-transparent .hamburger span {background: #3e3e3e;}
    #header-transparent .hamburger:hover span {background: #fbaf2e; }

    .banner-image figure {bottom: -60px; max-width: 380px;}
    .printing-banner .section-title h3 {font-size: 28px;}
    .banner-btn-box li{margin-left: 6px; margin-bottom: 10px;}
    .theme-btn, .banner-btn-box li a{font-size: 16px;}
    #desktopmenu .navbar-light .navbar-nav .nav-link {    
        color: rgb(39 107 169);
    font-size: 17px;
    letter-spacing: -0.2px;
    min-width: 75px;}

    #print-image-gallery .container{width: 95%;}
    #print-image-gallery .all-pord-btn {margin-top: 50px; margin-bottom: 40px; }
    .all-pord-btn .theme-btn a {font-size: 21px; padding: 19px 27px 31px 36px; }

    .varietyprinted-prod .bannercont, 
    .oneslide-style2 .bannercont {min-height: 326px; }

    .our-hot-deal .item a{width: 100%; height: 100%;}
    .our-hot-deal .item, .our-hot-deal .item img {height: 250px; }

    .gallery-list .two-image-vertical .imagebox img,
    .gallery-list .four-image-merge .imagebox img {height: 402px; }
    #graphics-printing.gallery-list .two-image-vertical .imagebox img,
    #graphics-printing.gallery-list .four-image-merge .imagebox img {height: 437px; }
    


}

@media (max-width: 860px){
  .wow{animation-name: none !important; visibility: visible !important; }

	.menu-col #navbarNavDropdown{min-height: 200px;  margin-top: 20px}
	.user-service > li{padding: 0px 15px 0px 3px;}
	.user-service li.user-info{position: relative;}
	.user-service .delivery .srv-text, .user-service ul.user-action {opacity: 0;
	position: absolute; width: 140px; height: 0; background: #fbaf2e; top: 56px; right: 0; padding: 15px; transition: all 0.3s;}
	.user-service ul.user-action.active{display: block; height: 110px; transition: all 0.3s; opacity: 1;}
	.user-service ul.user-action li{display: block; padding: 5px 0;}
	.user-service ul.user-action li .seprator{display: none;}
	.user-service ul.user-action li a:hover{color: #333;}
  #header-transparent ul.user-action{padding: 10px 15px;}
  #header-transparent ul.user-action{display: none !important;}
  #header-transparent ul.user-action.active{height: 64px;}
  #header-transparent ul.user-action li a {color: rgb(250, 253, 255); }

  /*#header-transparent .header-right-col{display: none;}
  #header-transparent .header-left-col {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
  #header-transparent .logo img{left: 0;}*/

  .gallery-list .two-image-vertical .imagebox img,
  .gallery-list .four-image-merge .imagebox img {height: 310px; }
  #graphics-printing.gallery-list .two-image-vertical .imagebox img,
  #graphics-printing.gallery-list .four-image-merge .imagebox img {height: 345px; }

}
 #varietyprinted-prod .slidefourth .d-flex.align-items-center {
        text-align: center;
        display: initial !important;
    }

@media (max-width: 767px){
    #header-transparent .logo img {
        width:125px;
    }

 
    .menu-col .navbar-light .navbar-brand {
        display: none;
    }
  #header-transparent .navbar-brand{display: inline-block;}
  .section-title h3 {font-size: 48px;}
  .printing-banner {padding: 70px 0 70px; }
  .printing-banner .section-title h3 {font-size: 45px; margin-bottom: 40px;}
  ul.banner-btn-box {max-width: 500px; margin-left: auto; margin-right: auto; }
  .banner-btn-box li {margin-left: 0; margin-bottom: 15px; display: block; min-width: inherit;}
  .banner-btn-box li a{font-size: 33px; font-weight: 300; padding: 24px 22px 42px 25px;}
  .banner-btn-box li:after{background-image: url(../images/printing-banner-btn-bord.png); right: -17px !important; left: 15px !important;}
  .banner-btn-box li:hover:after{background-image: url(../images/printing-banner-btn-bord-hov.png);}
  .banner-image figure {bottom: 0; max-width: 600px; margin: 0 auto; }
  .banner-image figure img {position: relative; left: 5%; }
  .banner-image {margin-top: 40px; margin-bottom: -82px;}

  .booklets-slider.nexprevslider{margin-top: 80px;}
  #printing-booklets{padding: 130px 0 100px;}
  #printing-booklets .section-title p{max-width: inherit; color: #fff; font-weight: 300; font-size: 28px;
    letter-spacing: 0.9px; line-height: 1.3;}
  .booklets-slider .owl-item .item .booklets-cont{color: #fff; font-size: 16px;}
  #printing-booklets .section-title p a{display: block;}
  .partner-logo-slider.nexprevslider .owl-theme .owl-nav button,
  #printing-booklets .nexprevslider .owl-theme .owl-nav button{background-image: url(../images/slider-arrow-mobile.png);
    width: 40px; height: 110px; background-size: 100%;}
  .partner-logo-slider.nexprevslider .owl-theme .owl-nav button{background-image: url(../images/slider-arrow-gray-mobile.png);
    width: 52px; height: 138px;}
  .partner-logo-slider.nexprevslider .owl-theme .owl-nav button:hover,
  #printing-booklets .nexprevslider .owl-theme .owl-nav button:hover{background-image: url(../images/slider-arrow-mobile-hov.png); background-size: 100%;}

  .partner-logo-sec {padding: 80px 0 50px; }
  .newsleter-col h3 {font-size: 40px; margin-bottom: 35px; }
  .newsleter-col {padding-top: 60px !important; padding-bottom: 55px !important;}
  #newsletterform {max-width: 440px;}
  #newsletterform input[type="email"],
  #newsletterform .send-btn{height: 64px;}
  #newsletterform input[type="email"]{border-radius: 0 13px 13px 0; padding: .375rem 1.55rem; font-size: 1.5rem;}
  #newsletterform .send-btn{border-radius: 13px 0 0 13px; font-size: 1.5rem;}

  body.home{background: transparent;}


  .nexprevslider {margin-top: 20px;}

  /*.varietyprinted-prod .bannercont, 
  .oneslide-style2 .bannercont {min-height:456px; }*/

  .oneslide .owl-item .item{min-height: 570px;}
  .varietyprinted-prod .bannercont, 
  .oneslide-style2 .bannercont {min-height:inherit; }

  /*.varietyprinted-prod .slideone {background-image: url('../images/sliders/varietyprinted-banner-mobil.png'); }
  .varietyprinted-prod .slidetwo {background-image: url('../images/sliders/varietyprinted-banner2-mobile.png'); }
  .varietyprinted-prod .slidethree {background-image: url('../images/sliders/varietyprinted-banner3-mobile.png'); }*/
  .varietyprinted-prod .bannercont{display: inline-block !important; text-align: center; padding:70px 5% 50px;}
  .varietyprinted-prod .textbox img {max-width: 228px;}
  .varietyprinted-prod .textbox {margin-left: 0; }
  .varietyprinted-prod .textbox h4{margin-right: 0; font-size: 40px;}
  .varietyprinted-prod .item .price-label {padding:16px 20px 30px 30px; min-width: inherit; margin-top: 15px; }
  .varietyprinted-prod .item .price-label .price h3 {font-size: 90px; top: 10px; font-weight: 700;}
  .varietyprinted-prod .item .price-label .price span em {font-size: 45px; line-height: 0; }
  .varietyprinted-prod .item .price-label .price span .subtext {font-size: 16px; line-height: 0.3; }
  .varietyprinted-prod .item{background-position: center;}
  /*.varietyprinted-prod .item.slidethree{background-position: 44% 0;}*/
  


  .oneslide-style2 .bannercont h1 {font-size: 42px; }
  /*#businesscopies-slider .slideone{background-position: 23%;}*/
  /*#businesscopies-slider .item {background-position: 27%; }*/
  #businesscopies-slider .slideone {background-image: url('../images/sliders/businesscopies-slider-mobile.jpg'); text-align: left;}
  #businesscopies-slider .slideone .bannercont{text-align: left;}
    #businesscopies-slider .slidetwo .bannercont .vectorshap.desktop,
  #businesscopies-slider .slideone .bannercont .vectorshap.desktop{display: none;}
  #businesscopies-slider .slidetwo .bannercont .vectorshap.mobile,
  #businesscopies-slider .slideone .bannercont .vectorshap.mobile {left: inherit; right: -10px; max-width: 69px;
  bottom: -42px; top: inherit; }
  #businesscopies-slider .slideone .bannercont h1{font-size: 51px;}
  #businesscopies-slider.oneslide-style2 .slideone .bannercont h3{max-width:384px; font-size: 40px;-webkit-text-stroke: 0.2px #276ba9;}
    #businesscopies-slider.oneslide-style2 .slideone .bannercont h3{max-width:384px; font-size: 40px;-webkit-text-stroke: 0.2px #276ba9; text-align:left !important}

  #businesscopies-slider.oneslide-style2 .bannercont h3{color: #fff; max-width:334px; font-size: 33px; margin-bottom: 14px;}
  #businesscopies-slider.oneslide-style2 .slidetwo .bannercont h3{color: #025480;}
  .oneslide-style2 .bannercont .vectorshap{left: -20px;}

  ul.tab li {width: 33.333%; }
  ul.tab li a {padding: 14px 8px 0 8px; }
  ul.tab li a span {width: 195px; height: 195px; line-height: 185px; box-shadow: 3px 3px 8px 0 rgba(0, 0, 0, 0.35)}
  ul.tab li a span img {max-width: 120px; }
  ul.tab li a p{font-size: 38px; line-height: 0.9;}
  ul.tab li.active a p{font-size: 36px; margin-top: 5px;}
  ul.tab li .tabarrow{bottom: -18px;}
  ul.tab li .tabarrow img {max-width: 30px; }

  .price-label.prodlabel{top: -47px; min-width: 130px; padding: 25px 13px 20px 15px;}
  .price-label.prodlabel .price h3 {font-size: 53px; font-weight: 700; }
  .darkblue.price-label.prodlabel:after,
  .price-label.prodlabel:after{background-image: url(../images/pricelabel-border-mobile.png);     left: 5px;
  right: -7px; top: 6px; bottom: -8px}
  .darkblue.price-label.prodlabel:after{background-image: url(../images/pricelabel-dark-border-mobile.png);}


  #print-image-gallery{padding:10px 0 120px; background-image: none;}
  #print-image-gallery .container{width: 97%;}
  .gallery-list li .title {font-size: 32px; margin-top: 23px; }
  .gallery-list .prod-block  {margin-top: 50px; }
  #graphics-printing.gallery-list .prod-block {margin-top: 95px; }

  #graphics-printing.gallery-list .four-image-merge .imagebox img, 
  .gallery-list .four-image-merge .imagebox img, 
  .gallery-list .two-image-merge img {height: auto; width: 100%;}

  .gallery-list .two-image-vertical .imagebox img{height: 686px; }
  #graphics-printing.gallery-list .two-image-vertical .imagebox img {height: 731px; }

  .gallery-list li .imagebox .clickhere span{font-size: 21px; padding: 10px 15px;}

  #print-image-gallery .all-pord-btn {margin-top: 100px; margin-bottom: 100px; }
  .outstock{width: 90px; height: 90px; font-size: 22px; font-weight: 300; color: rgba(255, 255, 255, 0.95); letter-spacing: 0.5px;}
  .all-pord-btn .theme-btn:after{background-image: url(../images/btn-bord-mobile.png); left: 3px; right: -5px;}
  .all-pord-btn .theme-btn a {font-size: 42px; padding: 27px 57px 40px 57px; }
  .all-pord-btn .theme-btn a i{font-size: 25px;top: -3px;}


  .shipping-process {align-items: inherit !important; -ms-flex-align: inherit !important;}
  .shipping-process li{width: 33.3333%; border-right: 2px solid #9b9b9b; margin: 10px 0; padding:0 15px; color: #4d4d4d;}
  .shipping-process li:first-child{border: none;}
  .shipping-process li i.desktop{display: none;}
  .shipping-process li i{margin-left: 0; position: relative; right: inherit; top: inherit; display: block;
  left: inherit; margin-bottom: 17px;}
  .shipping-process li p {padding-right: 0px; font-size: 31px; color: #484848;}


  .comp-benefits-sec{padding: 90px 0 90px 0;}
  .comp-benefits-sec .section-title h3{margin-bottom: 55px;}
  .service-block.block3,
  .service-block {margin-bottom: 75px; }
  .service-block .serv-details h4 {font-size: 40px; margin-bottom: 10px; margin-top: 22px; }
  .service-block .serv-details p{font-size: 33px; color: rgba(255, 255, 255, 0.96); font-weight: 300; letter-spacing: 0.5px;}
  /*.service-block.block3{margin-bottom: 35px;}*/
  .service-block .serv-icon {width: 205px; height: 205px; line-height: 205px;}
  .service-block .serv-icon img {max-width: 110px; }
  .service-block .serv-count {width: 70px; height: 70px; line-height: 70px; box-shadow: 0 0 0 9px #286ba9;
  -webkit-box-shadow: 0 0 0 9px #286ba9; font-size: 40px;}
  /*.booklets-ppb{background-image: url(../images/vector-mobile.png); background-position: center bottom -270px;}*/


  #print-image-gallery.business-sec {padding-bottom: 35px; }
  .hotdeal-slider .owl-carousel.owl-theme.off {display: block; max-width: 430px; margin-left: auto; margin-right: auto;}
  .our-hot-deal .item {height: auto; position: relative; margin-bottom: 60px; }
  .our-hot-deal .item, .our-hot-deal .item img {height: auto; }
  .hot-deal-info {left: -8px; bottom: -46px; }
  /*.hot-deal-info{left: 5px;}*/
  .price-circle {transform: scale(0.85); -webkit-transform: scale(0.85);}

  .arzia-serv-sec{text-align: center;}
    
  .image-block .box2.box img.service_img1{
    max-width: 50%;
  }
  .image-block .box1.box img.service_img2{
    max-width: 55%;
  }
  .image-block .box3.box img.service_img3{
    max-width: 55%;
  }
  .image-block .box2.box img.service_icon1 {
    top: 48%;
    left: 16%;
  }
  .image-block .box2.box img.service_icon2 {
    right: 25%;
    top: 75px;
  }
  .image-block .box1.box img.service_icon3 {
    bottom: -25px;
    left: 44%;
  }

}


@media (max-width: 640px){
  .oneslide .owl-item .item{min-height: 470px;}

  #businesscopies-slider.oneslide-style2 .slideone .bannercont h3{font-size: 31px; }
  #businesscopies-slider .slideone .bannercont h1 {font-size: 40px; }
  .oneslide-style2 .bannercont h1 {font-size: 36px; }
  #businesscopies-slider .slidetwo .bannercont .vectorshap.mobile,
  #businesscopies-slider .slideone .bannercont .vectorshap.mobile{right: 50px;}


  ul.tab li a p {font-size: 34px;}
  ul.tab li.active a p{font-size: 33px;}
  #print-image-gallery .all-pord-btn {margin-top: 80px; margin-bottom: 80px; }
  .gallery-list li .title {font-size: 27px;}
  .outstock {width: 70px; height: 70px; font-size: 18px;}
  .all-pord-btn .theme-btn a {font-size: 35px; padding: 25px 51px 38px 51px; }

  .section-title h3 {font-size: 42px; }
  .newsleter-col h3{font-size: 37px; }

  #print-image-gallery {padding: 10px 0 100px;}
  .shipping-process li p{font-size: 25px;}
  .service-block .serv-details p{font-size: 28px;}
  .service-block .serv-details h4{font-size: 37px; margin-bottom: 0;}

  .service-block.block3, .service-block {margin-bottom: 65px; }
  .service-block .serv-icon {width: 185px; height: 185px; line-height: 185px; }
  .service-block .serv-icon img {max-width: 90px; }
  .service-block .serv-count {width: 60px; height: 60px; line-height: 60px; box-shadow: 0 0 0 7px #286ba9;
 -webkit-box-shadow: 0 0 0 7px #286ba9; box-shadow: rgb(40, 107, 169) 0px 0px 0px 7px; font-size: 32px;}

 .printing-banner .section-title h3{font-size: 38px; margin-bottom: 35px;}
 ul.banner-btn-box {max-width: 460px;}
 .banner-btn-box li a{font-size: 30px;}
 #printing-booklets .section-title p{font-size: 24px;}
 .booklets-slider.nexprevslider {margin-top: 55px; }
 .booklets-slider .owl-item .item img {max-width: 330px; margin: 0 auto; }
 .nexprevslider .owl-theme .owl-nav button.owl-next{left: 20px;}
 .nexprevslider .owl-theme .owl-nav button.owl-prev{right: 20px;}
 .partner-logo-slider.nexprevslider .owl-theme .owl-nav button,
 #printing-booklets .nexprevslider .owl-theme .owl-nav button{width: 32px; height:87px;}

.printing-banner {padding: 55px 0 55px; }

.gallery-list .two-image-vertical .imagebox img{height: 574px; }
#graphics-printing.gallery-list .two-image-vertical .imagebox img {height: 619px; }


}

@media (max-width: 575px){

  #header-transparent {    padding: 20px 0 10px 0;}
  #header-transparent .header-left-col, #desktopmenu, #desktopmenu .navbar {position: static; }
    #header-transparent .logo {
        position: absolute;
        left: 0;
        right: 75px;
        text-align: center;
        top: 10px;
        max-width: 150px;
        margin-right: 0px;
    }
      #header-transparent .logo img {
    top: -7px;
    max-width: 125px;
    right: -3px;
    position: relative;

  }
  #header-transparent .header-right-col {-ms-flex: 0 0 85%; flex: 0 0 85%; max-width: 85%; }
  #header-transparent .header-left-col {-ms-flex: 0 0 15%; flex: 0 0 15%; max-width: 15%; }


  .menu-col #navbarNavDropdown{min-height: 200px;  margin-top: 10px}
  #header-transparent .menu-col #navbarNavDropdown{margin-top: 0px}
  .header-right-col{position: static;}
  .user-service {margin-left: 0; }
  .user-service .delivery .srv-text, .user-service ul.user-action{top: 46px; width: 137px;}


  .footer .ft-col {-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; text-align: center;}
  .ft-links {border-left: none; }
  .contact-details ul {padding-right: 0; }
  .contact-details li a {position: relative; padding-right: 25px; }
  .contact-details li.social-icons a{ padding-right: 0px; }

  .oneslide .owl-item .item{min-height: 370px;}
  .varietyprinted-prod .bannercont{padding: 40px 0 30px;}
  .varietyprinted-prod .textbox img {max-width: 185px; }
  .varietyprinted-prod .item .price-label .price h3 {font-size: 56px;}
  .varietyprinted-prod .textbox h4{font-size: 32px;}
  .varietyprinted-prod .textbox figure:before{width: 42px; height: 42px; top: -30px; left: -10px;}
  .varietyprinted-prod .textbox figure:after{width: 50px; height: 50px; top: -19px; right: -10px;}

  .varietyprinted-prod .item .price-label .price h3{font-size: 64px;}
  .varietyprinted-prod .item .price-label .price span em{font-size: 27px;}
  .varietyprinted-prod .item .price-label .price span .subtext{font-size: 12px;}

  #print-image-gallery .container {width: 100%; }
  .gallery-list li .imagebox img{width: 100%;}
  .gallery-list li .prod-block.w50,
  .gallery-list li{/*max-width: 330px; margin-left: auto; margin-right: auto;*/ -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
  

  .gallery-list .prod-block{margin-top: 32px;}
  .gallery-list li.w100{-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
  .price-label.prodlabel{min-width: 90px; padding: 18px 13px 16px 15px;}
  .price-label.prodlabel .price h3 {font-size: 44px; }
  .price-label.prodlabel .price span em {font-size: 22px; }
  .gallery-list li .title {font-size: 22px; margin-top: 18px;}
  .gallery-list li .imagebox .clickhere span{font-size: 17px; }
  #print-image-gallery .all-pord-btn {margin-top: 52px; margin-bottom: 52px; }
  .all-pord-btn .theme-btn a i {font-size: 20px; top: -2px; }
  .all-pord-btn .theme-btn a {font-size: 28px; padding:20px 32px 34px 42px; }
  #graphics-printing.gallery-list .prod-block{margin-top: 82px;}
  .outstock {width: 62px; height: 62px; font-size: 16px;}



  .oneslide-style2 .bannercont {padding: 60px 0 60px;}
  #businesscopies-slider.oneslide-style2 .slideone .bannercont h3{font-size: 25px;}
  #businesscopies-slider.oneslide-style2 .slideone .bannercont h3,
  #businesscopies-slider.oneslide-style2 .bannercont h3{font-size: 30px !important;
    text-align: initial;
    line-height: 32px !important}
  #businesscopies-slider.oneslide-style2 .bannercont h1{font-size: 35px;}
  #businesscopies-slider .slidetwo .bannercont .vectorshap.mobile,
  #businesscopies-slider .slideone .bannercont .vectorshap.mobile{right: -2px; max-width: 55px; bottom: -36px;}

  .tab-sec {padding: 20px 0 0 0; }
  ul.tab{margin-bottom: 20px;}
  ul.tab li{width: 33.333%;}
  ul.tab li a {padding: 14px 2% 0 2%; }
  ul.tab li a span {width: 155px; height: 155px; line-height: 150px; }
  ul.tab li a span img {max-width: 70px; }
  ul.tab li.active a span img {max-width: 70px; position: relative; top: -3px;}
  ul.tab li a p {font-size: 29px; }
  ul.tab li.active a p {font-size: 26px;}

  .section-title h3 {font-size: 33px; }
  #printing-booklets{padding:50px 0 60px;}
  .arzia-serv-sec {
    padding: 50px 0;
}
  .comp-benefits-sec{padding: 80px 0 80px;}
  .comp-benefits-sec .section-title h3 {    font-size: 32px;
    font-weight: 900;
    letter-spacing: 2px; }
  .service-block.block3, .service-block {margin-bottom: 65px; }
  .service-block .serv-icon {width: 145px; height: 145px; line-height: 145px; }
  .service-block .serv-icon img {max-width: 65px;     vertical-align: baseline;}
  .service-block .serv-count {width: 46px; height: 46px; line-height: 46px; box-shadow: 0 0 0 5px #286ba9;
  -webkit-box-shadow: 0 0 0 5px #286ba9; box-shadow: rgb(40, 107, 169) 0px 0px 0px 7px; font-size: 28px;}
  .service-block .serv-details h4 {font-size: 30px; margin-bottom: 6px;}
  .service-block .serv-details p{font-size: 22px;}
  .service-block.block3, .service-block {margin-bottom: 55px; }
  .newsleter-col h3 {font-size: 33px; }
  #newsletterform .send-btn,
  #newsletterform input[type="email"]{font-size: 1.21rem; }
  .partner-logo-slider.nexprevslider .owl-theme .owl-nav button, 
  #printing-booklets .nexprevslider .owl-theme .owl-nav button {width: 26px; height: 70px;}
  .booklets-ppb {background-position: center bottom -390px; }

  .shipping-process li i{margin-bottom: 14px;}
  .shipping-process li img {max-width: 85px; }
  .shipping-process li p {font-size: 21px; }

  #print-image-gallery {padding: 10px 0 80px; }
  .printing-banner .section-title h3 {font-size: 32px; margin-bottom: 33px; }
  ul.banner-btn-box {max-width: 380px; }
  .banner-btn-box li a {font-size: 23px; padding: 21px 22px 37px 35px;}
  .banner-btn-box li::after{right: -12px !important; left: 11px !important;}
  .banner-image figure {max-width: 480px;}
  #printing-booklets .section-title p {font-size: 20px; }
  .booklets-slider .owl-item .item img {max-width: 290px; margin: 0 auto; }

  #newsletterform input[type="email"], #newsletterform .send-btn {height: 60px; }

  #print-image-gallery.business-sec {padding-bottom: 10px; }
  .our-hot-deal {padding-top: 40px;}
  #our-hot-deal .hotdeal-slider {margin-top: 15px; }

  .printing-banner {padding: 40px 0 40px; }
  /*.gallery-list .two-image-vertical .imagebox img,
  #graphics-printing.gallery-list .two-image-vertical .imagebox img {height: auto;}*/

  .gallery-list .two-image-vertical .imagebox img{height:375px; object-fit: cover; object-position: center;}
  .gallery-list .sm-image-vertical .imagebox img{object-fit: cover; object-position: center; height: 149px;}
  #graphics-printing.gallery-list .two-image-vertical .imagebox img {height: 375px; object-fit: cover; object-position: center;}
  #graphics-printing.gallery-list .sm-image-vertical .imagebox img {object-fit: cover; object-position: center; height: 124px; }


}

@media (max-width: 480px) {

    #businesscopies-slider .bannercont {
    padding: 40px 8% 65px !important;
   
}

    #varietyprinted-prod .slidefourth {
    background-size: 159% !important;
}

    .oneslide .owl-item .item {
        min-height: 340px;
    }

    #businesscopies-slider .slideone {
        background-position: 27%;
    }

    .footer .ft-links li,
    .footer .ft-links li:nth-child(2n+1) {
        padding-left: 0;
        
        width: 50%;
    }

    .varietyprinted-prod .textbox img {
        max-width: 145px;
    }

    .varietyprinted-prod .textbox h4 {
        font-size: 28px;
    }

    .varietyprinted-prod .item .price-label {
        padding: 9px 10px 22px 20px;
    }

        .varietyprinted-prod .item .price-label .price h3 {
            font-size: 52px;
        }

        .varietyprinted-prod .item .price-label .price span em {
            font-size: 22px;
            line-height: 0;
        }

        .varietyprinted-prod .item .price-label .price span .subtext {
            font-size: 11px;
        }

   

          

    .oneslide-style2 .bannercont h3 {
        font-size: 23px;
    }

    .oneslide-style2 .bannercont h1 {
        font-size: 25px;
    }

    .oneslide-style2 .bannercont .vectorshap {
        left: -20px;
    }

    .otakim-gallery ul {
        margin-right: -8px;
        margin-left: -8px;
    }

    .gallery-list li {
        padding-right: 8px;
        padding-left: 8px;
    }

        .gallery-list li .title {
            font-size: 20px;
        }

    .price-label.prodlabel {
        min-width: 70px;
        padding: 16px 13px 12px 15px;
    }

        .price-label.prodlabel .price h3 {
            font-size: 38px;
        }

        .price-label.prodlabel .price span em {
            font-size: 22px;
        }

    .outstock {
        width: 37px;
        height: 37px;
        font-size: 10px;
    }

    .tab-sec {
        padding: 12px 0 0 0;
    }

    ul.tab {
        margin-bottom: 10px;
    }

        ul.tab li a span {
            width: 125px;
            height: 125px;
            line-height: 125px;
        }

        ul.tab li.active a span img {
            max-width: 70px;
        }

        ul.tab li a span img {
            max-width: 75px;
        }

        ul.tab li a p {
            font-size: 24px;
            margin-top: 8px;
        }

        ul.tab li.active a p {
            font-size: 22px;
        }

    .shipping-process li {
        font-size: 18px;
        border-width: 1px;
        padding: 0 11px;
    }

    ul.tab li .tabarrow img {
        max-width: 22px;
    }

    .shipping-process li img {
        max-width: 71px;
    }

    .shipping-process li p {
        font-size: 19px;
    }

    .service-block.block3, .service-block {
        margin-bottom: 65px;
    }

        .service-block .serv-icon {
            width: 125px;
            height: 125px;
            line-height: 125px;
        }

            .service-block .serv-icon img {
                max-width: 65px;
            }

        .service-block .serv-count {
            width: 40px;
            height: 40px;
            line-height: 40px;
            box-shadow: 0 0 0 5px #286ba9;
            -webkit-box-shadow: 0 0 0 5px #286ba9;
            box-shadow: rgb(40, 107, 169) 0px 0px 0px 7px;
            font-size: 28px;
        }

        .service-block .serv-details h4 {
            font-size: 28px;
            margin-bottom: 6px;
        }

        .service-block .serv-details p {
            font-size: 20px;
        }

        .service-block.block3, .service-block {
            margin-bottom: 55px;
        }

    .booklets-ppb {
        background-position: center bottom -420px;
    }

    .printing-banner .section-title h3 {
        font-size: 30px;
    }

    ul.banner-btn-box {
        max-width: 340px;
    }

    .banner-btn-box li a {
        font-size: 21px;
        padding: 21px 15px 35px 15px;
    }

    .section-title h3 {
        font-size: 30px;
    }

    #printing-booklets .section-title p {
        font-size: 18px;
    }

    .booklets-slider .owl-item .item .booklets-cont {
        font-size: 16px;
    }

    .booklets-slider .owl-item .item img {
        max-width: 230px;
    }

    .partner-logo-slider.nexprevslider .owl-theme .owl-nav button.owl-next {
        left: 0;
    }

    .partner-logo-slider.nexprevslider .owl-theme .owl-nav button.owl-prev {
        right: 0;
    }

    .partner-logo-sec {
        padding: 70px 0 20px;
    }

    #newsletterform {
        max-width: 390px;
    }

    .newsleter-col {
        padding-bottom: 70px !important;
    }

        .newsleter-col h3 {
            font-size: 30px;
        }

    .image-block .box2.box img.service_img1 {
        max-width: 50%;
    }

    .image-block .box1.box img.service_img2 {
        max-width: 55%;
        top: 100px;
    }

    .image-block .box3.box img.service_img3 {
        max-width: 55%;
        top: 122px;
        left: -18px;
    }

    .image-block .box2.box img.service_icon1 {
        top: 48%;
        left: 16%;
        max-width: 18px;
    }

    .image-block .box2.box img.service_icon2 {
        right: 25%;
        top: 61px;
        max-width: 18px;
    }

    .image-block .box1.box img.service_icon3 {
        bottom: -10px;
        left: 44%;
        max-width: 28px;
    }
}

@media (max-width: 380px){
        .modal-loading-panel{
        background-size:250px !important;
    }
            iframe[src*="youtube"]{
        width:100%;
    }
    ul.tab li a span {width: 100px; height: 100px; line-height: 100px; }
    ul.tab li.active a span img {max-width: 55px;}
    ul.tab li a span img {max-width: 57px; }
    .shipping-process li {font-size: 16px;}
    .shipping-process li p{letter-spacing: -0.9px; font-size: 22px;}
    ul.tab li.active a p {font-size: 20px; }

    .pricelist-col .pricelist-inn h3, h3{
        font-size:35px;

    }
        .cont-block .title50 {
        font-size:35px;
    }
    #varietyprinted-prod .slidefourth {
    background-size: 180.8% !important;
    
}

    .oneslide .owl-theme .owl-nav.disabled+.owl-dots{bottom: 5px;}
    .oneslide .owl-item .item{min-height: 320px;}
    .varietyprinted-prod .textbox h4 {font-size: 25px; }
    .varietyprinted-prod .item .price-label{padding:9px 10px 22px 20px;}
    .varietyprinted-prod .item .price-label .price h3 {font-size: 50px; }
    .varietyprinted-prod .item .price-label .price span em {font-size: 20px; }
    .varietyprinted-prod .item .price-label .price span .subtext {font-size: 12px; }
    #businesscopies-slider.oneslide-style2 .bannercont h1{font-size: 35px;}
    #businesscopies-slider.oneslide-style2 .slideone .bannercont h3, 
    #businesscopies-slider.oneslide-style2 .bannercont h3 {
    font-size: 25px; max-width: 194px; }
    #businesscopies-slider .slidetwo .bannercont .vectorshap.mobile,
    #businesscopies-slider .slideone .bannercont .vectorshap.mobile{max-width: 48px;}

    
    .price-label.prodlabel {min-width: 84px;}
    .price-label.prodlabel .price h3 {font-size: 32px; }
    .price-label.prodlabel::after{left: 3px; right: -4px; top: 6px; bottom: -5px}
    .gallery-list li .imagebox .clickhere span {font-size: 15px; }
    .gallery-list li .title {font-size: 18px; }
    .all-pord-btn .theme-btn a {font-size: 24px; padding: 19px 28px 29px 32px; }

    .comp-benefits-sec {padding: 60px 0 65px; }
    .comp-benefits-sec .section-title h3 {margin-bottom: 10px; }
    .service-block .serv-details h4 {font-size: 24px;}
    .service-block .serv-details p {font-size: 18px; }

    .service-block .serv-icon {width: 85px; height: 85px; line-height: 105px; }
    .service-block .serv-icon img {max-width: 52px; }
    .service-block .serv-count {width: 35px; height: 35px; line-height: 35px; box-shadow: 0 0 0 5px #286ba9; 
      -webkit-box-shadow: 0 0 0 5px #286ba9; box-shadow: rgb(40, 107, 169) 0px 0px 0px 5px; font-size: 22px; }

    .booklets-ppb {background-position: center bottom -590px; }

    #print-image-gallery {padding: 10px 0 50px; }
    .shipping-process li img {max-width: 66px; }
    .shipping-process li i {margin-bottom: 10px; }
    .shipping-process li p {font-size: 14px; }

    .partner-logo-sec {padding: 60px 0 40px; }
    .newsleter-col {padding-top: 45px !important; padding-bottom: 60px !important;}
    .newsleter-col h3 {font-size: 26px; }
    #newsletterform input[type="email"], #newsletterform .send-btn {height: 54px; }

    .printing-banner {padding: 40px 0 40px; }
    .printing-banner .section-title h3 {font-size: 25px; }

    ul.banner-btn-box {max-width: 270px; }
    .banner-btn-box li a {font-size: 17px; padding: 18px 15px 30px 15px; font-weight: 400; }
    .banner-btn-box li::after {right: -9px !important; left: 9px !important; }
    .section-title h3 {font-size: 23px; }
    #printing-booklets .section-title p {font-size: 16px; letter-spacing: 0;}
    #printing-booklets .owl-carousel {padding: 0 30px; }
    .booklets-slider .owl-item .item img {max-width: 160px; }
    .nexprevslider .owl-theme .owl-nav button.owl-next {left: 0; }
    .nexprevslider .owl-theme .owl-nav button.owl-prev {right: 0; }
    .partner-logo-slider.nexprevslider .owl-theme .owl-nav button, 
    #printing-booklets .nexprevslider .owl-theme .owl-nav button {
     width: 20px; height: 52px; }
    .booklets-slider .owl-item .item .booklets-cont {font-size: 20px; }

    .gallery-list .two-image-vertical .imagebox img{height:337px;}
    .gallery-list .sm-image-vertical .imagebox img{height: 131.7px;}

    #graphics-printing.gallery-list .two-image-vertical .imagebox img {height: 337px;}
    #graphics-printing.gallery-list .sm-image-vertical .imagebox img {height: 106px; }

    .image-block .box2.box img.service_img1{
      max-width: 55%;
    }
    .image-block .box1.box img.service_img2{
      max-width: 55%;
      top: 84px;
  
    }
    .image-block .box3.box img.service_img3{
      max-width: 58%;
      top: 100px;
    }
    .image-block .box2.box img.service_icon1 {
      top: 85px;
      left: 12%;
      max-width: 18px;
    }
    .image-block .box2.box img.service_icon2 {
      right: 23%;
      top: 55px;
      max-width: 18px;
    }
    .image-block .box1.box img.service_icon3 {
      bottom: -30px;
      left: 44%;
      max-width: 28px;
    }

}
/*Omry's Additions*/

 .otakim-gallery.business-sec.active .item a{min-height: 100%;}
    .otakim-gallery.business-sec.active .item img{height: 256px; object-fit: cover; max-height: inherit; object-position: center;    background: #fff; padding: 4px;}
    .otakim-gallery.business-sec.active .price-circle del {text-decoration:none;}
    .otakim-gallery.business-sec.active .item {display: flex; height: 256px; flex-wrap: wrap;justify-content: center; align-items: center; background: #e5e5e5; margin-bottom: 50px;overflow: inherit;  box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);  -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15);  -ms-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.15); background: #fff;padding: 0px;}
     .otakim-gallery.business-sec.active .price-circle {width: 100px; height: 100px;     float: left !important;    margin: 0px 10px 0px 10px;}
     .otakim-gallery.business-sec.active  #print-image-list li { margin-bottom: 30px; margin-top: 40px;}


     @import url("style.css");

.varietyprinted-prod .slideone{ background-image: url('../images/sliders/banner1.png');}
.varietyprinted-prod .slidetwo{ background-image: url('../images/sliders/banner2.png');}
.varietyprinted-prod .slidethree{ background-image: url('../images/sliders/banner3.png');}
.varietyprinted-prod .slidefourth{ background-image: url('../images/sliders/banner4.png');background-size: 93.8%}
#varietyprinted-prod .slidefourth{ background-image: url('../images/sliders/banner4.png');background-size: 93.8% ;background-repeat: no-repeat;}
.varietyprinted-prod .textbox figure:before,
.varietyprinted-prod .textbox figure:after{content: ""; position: absolute; display: inline-block; background-repeat: no-repeat;
background-size: 100%;}
.varietyprinted-prod .textbox figure:before{background-image: initial; width: auto; height: auto;}
.varietyprinted-prod .textbox figure:after{background-image: initial; width: auto; height: auto;}

.oneslide .scooterblock img{
  width: 80%;
}
.oneslide .scooterblock img {
    -webkit-animation-duration: 8s;
    animation-duration: 8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    animation-name: fadeInRight;
    -webkit-animation-name: fadeInRight;
    animation-delay: 0.5s;
}
.homeslider.varietyprinted-prod .bannercont{
  padding: 0px;
}
.homeslider.varietyprinted-prod .bannercont{
    -ms-flex-align: baseline!important;
    align-items: baseline!important;
}
.homeslider.varietyprinted-prod .textbox img {
    max-width: 430px;
    margin-bottom: 5px;
}
.homeslider .textbox {
    padding-top: 50px;
    margin-left: 0px;
}
.mobilebanner{
  display: none!important;
}
.before-load {
    background: rgba(255,255,255,0.8);
    height: 120%;
    display: inline-block;
    position: absolute;
    z-index: 99;
    width: 100%;
    text-align: center;
}
.okatim-loader {
    border: 0px solid #fdc33c;
    border-radius: 50%;
    border-top: 5px solid #fdc33c;
    border-bottom: 5px solid #fdc33c;
    width: 100px;
    height: 100px;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
    position: absolute;
    right: 0;
    left: 0;
    text-align: center;
    margin: 0 auto;
    top: 45%;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
/* new css 2020 April */
/* slide 1 */
.varietyprinted-prod .slideone{
	background-size: 100% 100%;
}
 .homeslider.varietyprinted-prod .textbox img {
	max-width: 475px;
 }

 .varietyprinted-prod .textbox h4 {
	margin-top: -55px;
}
.homeslider .img-left {
    margin-left: 60px;
    padding-top: 50px;
    margin-right: 0px;
    position: absolute;
    left: 0;
    top: 0;
	width: 50%;
	height: 100%;
}
.homeslider .img-left .img-left-imgs{
	width:100%;
	position:relative;
}
.homeslider.varietyprinted-prod .slideone .img-left img {
    height: 100%;
	width: auto;
	position: absolute;
	bottom: -100px;
	left: 300px;
}

.homeslider .slidethree .img-left img {
	   height: 100%;
	width: auto;
	position: absolute;
	bottom: -130px;
	left: 300px;
	}
.varietyprinted-prod .owl-item.active  .slideone .img-left img,
.varietyprinted-prod .owl-item.active  .slidethree .img-left img{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  animation-delay: 0.3s;
}

/* slide 2 */
 
/* .homeslider.varietyprinted-prod .slidetwo .img-left img {
   max-height: 540px;
} */
.varietyprinted-prod .owl-item.active  .slidetwo .img-left .img-left1{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInLeft;
  -webkit-animation-name: fadeInLeft;
  animation-delay: 0.3s;
}
.varietyprinted-prod .owl-item.active  .slidetwo .img-left .img-left2{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  -webkit-animation-name: fadeInDown;
  animation-delay: 0.3s;
}
.varietyprinted-prod .owl-item.active  .slidetwo .img-left .img-left3{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: zoomIn;
  -webkit-animation-name: zoomIn;
  animation-delay: 0.3s;
}
.varietyprinted-prod .owl-item.active  .slidetwo .img-left .img-left4{
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInUp;
  -webkit-animation-name: fadeInUp;
  animation-delay: 0.3s;
}
.varietyprinted-prod .slidetwo .img-left .img-left1 {
	float: left;
    width: 210px;
}
.varietyprinted-prod .slidetwo .img-left .img-left2 {
	float: left;
    margin-top: 120px;
    margin-left: -86px;
    width: 350px;
}
.varietyprinted-prod .slidetwo .img-left .img-left3 {
    margin-top: 155px;
    margin-left: -86px;
    width: 385px;
    position: absolute;
    left: 170px;
	z-index:1;
}
.varietyprinted-prod .slidetwo .img-left .img-left4 {
    position: absolute;
    margin-top: 140px;
    margin-left: 14px;
    width: 381px;
    right: -55px;
}

/* slide 4 */
.homeslider .slidefourth .textbox{
	margin-right: auto;
	margin-left: auto;
}
.varietyprinted-prod  .slidefourth .textbox img{
	max-width: 350px;
    margin-top: 135px;
}

.varietyprinted-prod .slidetwo .img-left .img-left1{
	width: 28%;
}
.varietyprinted-prod .slidetwo .img-left .img-left2{
	width: 47%;
	margin-left: -10%;
}
.varietyprinted-prod .slidetwo .img-left .img-left3{
    width:52%;
    margin-left: -1%;
    margin-top: 174px;
}
.varietyprinted-prod .slidetwo .img-left .img-left4{
	width: 52%;
	right: -8%;
}
.varietyprinted-prod .slidefourth .textbox img {
    max-width: 350px;
    margin-top: 260px;
}
#varietyprinted-prod .slidefourth .textbox {
    padding-top: 20px;
    margin-left: 0px;
}
.banner-building {
    position: absolute;
    bottom: 0px;
    right: 0;
}
.scooterblock {
    position: absolute;
    bottom: -14px;
    right: 30px;
}



@media (min-width: 1024px){
  .varietyprinted-prod .textbox img {
    max-width: 539px;
  }
  .varietyprinted-prod .textbox h4{
    margin-top: -55px
  }
  .banner-building{
    position: absolute;
    bottom: 0px;
    right: 0
  }
  .scooterblock{
    position: absolute;
    bottom: -14px;
    right: 30px;
  }
  .homeslider.varietyprinted-prod .textbox .ml7 img {
	max-width: 430px;
 }
}
 
 @media (max-width: 1199px){
	.homeslider .textbox{margin-right: 0;}
}
@media (min-width: 991px) and (max-width: 1024px){
	.homeslider.varietyprinted-prod .textbox img {
		max-width: 370px;
	}
}
@media (max-width: 991px){
    #varietyprinted-prod .slidefourth .textbox {
    margin-right: 0px;
    padding-top: 20px;
    margin-left: 0px;
}
  .varietyprinted-prod .textbox h4{
    margin-top: -25px
  }
  .homeslider.varietyprinted-prod .slideone .img-left img{
	  left: 0;
  }
  .homeslider.varietyprinted-prod .textbox img{
	  max-width: 300px;
  }
  .homeslider .textbox{
	  margin-right: 70px;
  }
  .varietyprinted-prod .bannercont, .oneslide-style2 .bannercont{
	  min-height: 342px;
  }
  .varietyprinted-prod .slidetwo .img-left .img-left1{
	  margin-top: 10%;
  }
  .varietyprinted-prod .slidetwo .img-left .img-left3{
	  margin-left: -28%;
	  margin-top: 35%
  }
  }
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:portrait) {
    .homeslider .banner-building img{
        width: 55%;
  }
  .homeslider .bannercont {
    min-height: 330px;
  }
  .banner-building{
    position: absolute;
    bottom: 15px;
    right: 0
  }
  .scooterblock{
    position: absolute;
    bottom: -14px;
    right: 30px;
  }
  .homeslider.varietyprinted-prod .textbox img {
    max-width: 255px;
    margin-bottom: 5px;
  }
  .homeslider .textbox {
      margin-right: 50px;
      padding-top: 15px;
      margin-left: 0px;
  }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {
    .homeslider .banner-building img{
        width: 75%!important;
  }
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:portrait) {
  .homeslider .banner-building img{
        width: 75%;
  }
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (orientation:landscape) {
  .homeslider .banner-building img{
        width: 85%;
  }
}
@media (max-width: 767px){

    .otakim-gallery ul {
    margin-top: 24px;
}
    .benefits-cont .col-lg-3.col-md-6.col-sm-12{
        width: 50%;
}
     .benefits-cont .col-lg-3.col-md-6.col-sm-12 figcaption h4 {
        font-size: 19px;
}
          .benefits-cont .col-lg-3.col-md-6.col-sm-12 figcaption p {
        font-size: 16px;
}
          .service-block .serv-icon img {
    max-width: 40px !important;
}
        .image-block .box3.box img[src*="calc3"] {
        max-width: 100px;
        top: 138px;
        left: 36px;
    }
    .image-block .box2.box img {
    top: -30px !important;
    left: -60px;
    right: 0;
    margin: 0 auto;
}
  .desktopbanner{
    display: none!important;
  }
  .mobilebanner{
    display: block !important;
  }
  .homeslider .slideone {
      background-image: url(../images/sliders/mobilebanner1.png);
  }
  .homeslider .slidetwo {
      background-image: url(../images/sliders/mobilebanner2.png);
  }
  .homeslider .slidethree {
      background-image: url(../images/sliders/mobilebanner3.png);
  }
  .homeslider .slidefourth {
      background-image: url(../images/sliders/mobilebanner4.png);
      background-size: cover;
  }
  .banner-building{
    position: absolute;
    bottom: 0px;
    right: 0
  }
  .scooterblock{
    position: absolute;
    bottom: -10px;
    right: 0px;
  }
  .oneslide .scooterblock img {
      width: 40%;
  }
  .homeslider .banner-building img {
      width: 30%;
      height: 30px;
  }
  .homeslider .textbox {
      margin-right: 0;
      padding-top: 50px;
      margin-left: 0px;
  }
  .homeslider.varietyprinted-prod .textbox img {
    max-width: 220px;
    margin-bottom: 5px;
}

  .arzia-serv-sec .all-pord-btn {
    margin-top: 6px;
    margin-bottom: 65px;
}

	.homeslider.varietyprinted-prod .slideone .img-left img{
		left: 0
	}
	.homeslider .img-left{
		margin-left: 0;
		width:100%;
	}
	.homeslider .slidefourth .textbox{
		position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    bottom: 50px;
    text-align: center;
 
	}
	.varietyprinted-prod .bannercont, .oneslide-style2 .bannercont{
		min-height:inherit;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left2{
		margin-top: 29%;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left3 {
		margin-left: -17%;
		margin-top: 32%;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left4{
		margin-top: 32%;
	}
}
@media (max-width: 767px) and (orientation:landscape) {
    .homeslider.varietyprinted-prod .textbox img {
        max-width: 220px;
    }

  
}
 
@media (max-width: 575px){
	.homeslider.varietyprinted-prod .textbox img {
    top: 136px;
    left: 21px;
	}
    
    
	.varietyprinted-prod .textbox h4{
		margin-top: -23px;
	}
	.homeslider .textbox{
		padding-top: 0;
	}
	.homeslider.varietyprinted-prod .slideone .img-left img{
		max-width:250px;
		height: auto;
		bottom: -100px;
	}
	/* .oneslide .owl-item .item {
		min-height: 370px;
	} */
	.homeslider .slidethree .img-left img {
		max-width: 290px;
		height: auto;
		position: absolute;
		bottom: -130px;
		left: 0;
	}
	.varietyprinted-prod .slidefourth .textbox img{
		margin: 0 auto;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left3 {
		margin-left: -37%;
		margin-top: 43%;
	}
	.homeslider .img-left .img-left-imgs{
		padding-top: 15%;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left1 {
		margin-top: 0;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left2 {
		margin-top: 24%;
		max-width: 175px;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left3 {
		margin-left: -123px;
		margin-top: 25%;
		max-width: 190px;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left4 {
		margin-top: 24%;
		max-width: 190px;
		right: inherit;
		left: 150px;
	}

}
@media (max-width: 575px) and (min-width: 481px){ 
	.varietyprinted-prod .slidetwo .img-left .img-left2{
		max-width: 190px;
		margin-left: -115px;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left3{
		max-width: 225px;
	}
	.varietyprinted-prod .slidetwo .img-left .img-left4{
		left: 38%;
		max-width: 200px;
	}
}
@media (max-width: 399px){
	.homeslider.varietyprinted-prod .slideone .img-left img{
		left: -60px;
	}
	.homeslider .slidethree .img-left img{
	left: -36px;
	}
	 
}









#bookdoc-slider .oneslide-style2 .item{background-size: cover; background-position: center;}

/* slide 9 */
#bookdoc-slider .slidenine {background-image: url(/ContentOuterMainSite/images/sliders/slider9/background.jpg); }
#bookdoc-slider .slidenine .textbox {margin-right: 80px; padding-top: 25px; margin-left: 0px; }
#bookdoc-slider .slidenine .img-left {
    margin-left: 60px;
    padding-top: 30px;
    margin-right: 0px;
    position: absolute;
    left: 5%;
    top: auto;
    width: 35%;
    height: 75%;
    bottom: 0;
}

#bookdoc-slider .slidenine .img-left img {height: 100%; width: auto; position: absolute; bottom: -15px; left: 0; }
#bookdoc-slider .slidenine .bannercont .textbox h3 {font-size: 68px; color: #000; letter-spacing: 1.2px; font-weight: 600; line-height: 0.8; margin-bottom: 12px;}
#bookdoc-slider .slidenine .bannercont .textbox h3 span {position: relative;}
#bookdoc-slider .slidenine .bannercont .textbox h3 span:after {content: ""; background: url(/ContentOuterMainSite/images/sliders/slider9/element.gif); background-repeat: no-repeat; position: absolute; background-size: 80px; height: 80px; width: 80px; top: -10px; }
#bookdoc-slider .slidenine .bannercont .textbox h2 {font-size: 68px; color: #286ba9; letter-spacing: 0px; font-weight: 900; line-height: 0.8; margin-bottom: 40px; }
#bookdoc-slider .slidenine .bannercont .textbox .bottom-text {text-align: center; }
#bookdoc-slider .slidenine .bannercont .textbox .bottom-text h3 {font-size: 28px; color: #000; margin-bottom: 9px; margin-top: 15px; font-weight: 400; }
#bookdoc-slider .slidenine .bannercont .textbox .bottom-text p {font-size: 13px; color: #000; font-weight: 400; line-height: 0.8; margin-top: 8px; }
#bookdoc-slider .slidenine .bannercont .textbox .bottom-text img {max-width: 290px; }
#bookdoc-slider .slidenine .bannercont .textbox .bottom-img img {max-width: 240px; padding-right: 10px; }
#bookdoc-slider .owl-item.active .slidenine .img-left img {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInLeft; -webkit-animation-name: fadeInLeft; animation-delay: 0.3s; }
#bookdoc-slider .owl-item.active .slidenine .bannercont .textbox h3, #bookdoc-slider .owl-item.active .slidenine .bannercont .textbox h2 {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: rubberBand; -webkit-animation-name: rubberBand; animation-delay: 0.3s; }
#bookdoc-slider .owl-item.active .slidenine .bannercont .textbox .bottom-text {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-delay: 0.3s; }
#bookdoc-slider .owl-item.active .slidenine .bannercont .textbox .bottom-img img {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-delay: 2s; }
#bookdoc-slider .owl-item.active .slidenine .bannercont .textbox .bottom-text h3, 
#bookdoc-slider .owl-item.active .slidenine .bannercont .textbox .bottom-text img {animation-name: none; -webkit-animation-name: none; }

/* slide 10 */
#bookdoc-slider .slideten {background-image: url(/ContentOuterMainSite/images/sliders/slider10/background.jpg); }
#bookdoc-slider .slideten .bannercont { justify-content: flex-end; }

#bookdoc-slider .slideten .img-left {
    margin-left: 60px;
    padding-top: 30px;
    margin-right: 0px;
    position: absolute;
    right: 10%;
    top: auto;
    width: 30%;
    height: 70%;
    bottom: 0;

}
#bookdoc-slider .slideten .img-left img { height: 100%; width: auto; position: absolute; bottom: -15px; left: 0; }
#bookdoc-slider .slideten .bannercont .textbox h3 {font-size: 65px; color: #000; letter-spacing: -3px; font-weight: 500; line-height: 0.8; margin-bottom: 12px;  }
#bookdoc-slider .slideten .bannercont .textbox h3 span {position: relative;}
#bookdoc-slider .slideten .bannercont .textbox h3 span:after {content: ""; background: url(/ContentOuterMainSite/images/sliders/slider10/element.gif); background-repeat: no-repeat; position: absolute; background-size: 80px; height: 80px; width: 80px; top: -30px; }
#bookdoc-slider .slideten .bannercont .textbox h2 {font-size: 85px; color: #286ba9; letter-spacing: 0px; font-weight: 900; line-height: 0.8; margin-bottom: 25px;  }
#bookdoc-slider .slideten .bannercont .textbox .bottom-text {text-align: center; }
#bookdoc-slider .slideten .bannercont .textbox .bottom-text h3 {font-size: 44px; color: #000; margin-bottom: 9px; margin-top: 15px; font-weight: 400; letter-spacing: 1.2px;}
#bookdoc-slider .slideten .bannercont .textbox .bottom-text p {font-size: 23px; color: #000; font-weight: 400; line-height: 0.8; margin-top: 8px; }
#bookdoc-slider .slideten .bannercont .textbox .bottom-text img {max-width: 350px; }
#bookdoc-slider .slideten .bannercont .textbox .bottom-img img {max-width: 165px; padding-right: 10px; }
#bookdoc-slider .owl-item.active .slideten .img-left img {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-delay: 0.3s; }
#bookdoc-slider .owl-item.active .slideten .bannercont .textbox h3, #bookdoc-slider .owl-item.active .slideten .bannercont .textbox h2 {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: rubberBand; -webkit-animation-name: rubberBand; animation-delay: 0.3s; }
#bookdoc-slider .owl-item.active .slideten .bannercont .textbox .bottom-text {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-delay: 0.3s; }
#bookdoc-slider .owl-item.active .slideten .bannercont .textbox .bottom-img img {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: fadeInRight; -webkit-animation-name: fadeInRight; animation-delay: 2s; }
#bookdoc-slider .owl-item.active .slideten .bannercont .textbox .bottom-text h3, 
#bookdoc-slider .owl-item.active .slideten .bannercont .textbox .bottom-text img {animation-name: none; -webkit-animation-name: none; }

/* slide 11 */
#bookdoc-slider .slideeleven {background-image: url(/ContentOuterMainSite/images/sliders/slider11/background.png); }
#bookdoc-slider .slideeleven .bannercont {justify-content: center; text-align: center; align-items: flex-end !important;} #bookdoc-slider .slideeleven .bannercont .textbox { text-align: center;margin:0; }
#bookdoc-slider .slideeleven .bannercont .textbox h2 {font-size: 75px; color: #286ba9; letter-spacing: 0px; font-weight: 900; line-height: 0.8; margin-bottom: 5px; }
#bookdoc-slider .slideeleven .bannercont .textbox h3 {font-size: 58px; color: #000; letter-spacing: 1.2px; font-weight: 800; line-height: 0.8; margin-bottom: 56px; }
#bookdoc-slider .slideeleven .bannercont .textbox h3 span {position: relative; }
#bookdoc-slider .slideeleven .bannercont .textbox h3 span:after {content: ""; background: url(/ContentOuterMainSite/images/sliders/slider11/element.gif); background-repeat: no-repeat; position: absolute; background-size: 65px; height: 65px; width: 65px; top: 25px; left: -100px; }
#bookdoc-slider .owl-item.active .slideeleven .bannercont .textbox h3, #bookdoc-slider .owl-item.active .slideeleven .bannercont .textbox h2 {-webkit-animation-duration: 2s; animation-duration: 2s; -webkit-animation-fill-mode: both; animation-fill-mode: both; animation-name: rubberBand; -webkit-animation-name: rubberBand; animation-delay: 0.3s; }

/* book doc slider fifth start */


@media (min-width: 1190px) {
#bookdoc-slider .slidenine,#bookdoc-slider .slideten
{
    background-size:80%;
    background-repeat:repeat;
} 
}
@media (min-width: 1920px) {
  /*slide 9 Start*/
  #bookdoc-slider .slidenine .bannercont .textbox h3 {font-size: 65px;}
  #bookdoc-slider .slidenine .bannercont .textbox h2 { font-size: 85px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text h3 { font-size: 44px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text img {max-width: 100%; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text p {font-size: 23px;}
  /*slide 9 End*/
}

@media (max-width: 1199px) {
  /*slide 9 Start*/
  #bookdoc-slider .slidenine .textbox {margin-right: 5%;} 
  #bookdoc-slider .slidenine .img-left img {width: 100%; height: auto; bottom: 0; }
  #bookdoc-slider .slidenine .bannercont .textbox h2 {font-size: 60px; }
  /*slide 9 End*/

  /*slide 10 Start*/
  #bookdoc-slider .slideten .img-left {    margin-left: 0;
    top: unset;
    bottom: -90px;
    width: 43%;
    height: 78%;
    right: 0;}
  #bookdoc-slider .slideten .bannercont .textbox h2 {font-size: 57px; }
  /*slide 10 End*/
}

@media (max-width: 991px) {

    /*slide 9 Start*/
    #bookdoc-slider .slidenine .bannercont .textbox h3 {font-size: 48px;}
    #bookdoc-slider .slidenine .bannercont .textbox h2 {font-size: 44px;}
    #bookdoc-slider .slidenine .bannercont .textbox .bottom-text img {max-width: 240px; }
    /*slide 9 End*/

    /*slide 10 Start*/
    #bookdoc-slider .slideten .img-left {margin-left: 0; top: 50px; bottom: 0; max-width: 37%; }
    #bookdoc-slider .slideten .img-left img { height: auto; }
    #bookdoc-slider .slideten .bannercont .textbox h3 {font-size: 38px;}
    #bookdoc-slider .slideten .bannercont .textbox h2 {font-size: 46px; }
    #bookdoc-slider .slideten .bannercont .textbox .bottom-text img {max-width: 240px; }
    #bookdoc-slider .slideten .bannercont .textbox .bottom-img img {max-width: 117px;} 
    /*slide 10 End*/

    /*slide 11 Start*/
    #bookdoc-slider .slideeleven .bannercont .textbox h2 {font-size: 55px; }
    #bookdoc-slider .slideeleven .bannercont .textbox h3 { font-size: 40px; }
    #bookdoc-slider .slideeleven .bannercont .textbox h3 span:after {background-size: 50px; height: 50px; width: 50px; top: 19px; left: -75px; }
    /*slide 11 End*/

    #navbarNavDropdown{
        overflow:auto !important;
    }
}


@media (max-width: 767px) {
  /*slide 9 Start*/
  #bookdoc-slider .slidenine .textbox {margin-right: 0; padding-top: 30px; margin-left: 0px; text-align: right; }
  #bookdoc-slider .slidenine .bannercont .textbox h3 {font-size: 40px; }
  #bookdoc-slider .slidenine .bannercont .textbox h3 span:after {background-size: 50px; height: 50px; width: 50px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-img img {max-width: 180px; }
  /*slide 9 End*/

  /*slide 10 Start*/
  #bookdoc-slider .slideten .textbox {padding-top:0; text-align: right; margin-left: 0;
    padding-top: 0px;
    margin-right: 0px;
    margin-top: 0px; } 
  #bookdoc-slider .slideten {min-height: 400px !important; }
  #bookdoc-slider .slideten .bannercont .textbox h3 {font-size: 32px; }
  #bookdoc-slider .slideten .bannercont .textbox h2 {font-size: 34px; }
  #bookdoc-slider .slideten .bannercont .textbox .bottom-text h3 {font-size: 17px; }
  #bookdoc-slider .slideten .bannercont .textbox .bottom-text img {max-width: 180px; }
  #bookdoc-slider .slideten .bannercont .textbox .bottom-text {text-align: right; }
  #bookdoc-slider .slideten .bannercont .textbox .bottom-text p {font-size: 11px; }
  #bookdoc-slider .slideten .bannercont {position: unset; padding-top: 20px; }
  #bookdoc-slider .slideten .img-left img {height: auto; top: 0; }
  #bookdoc-slider .slideten .bannercont .textbox .bottom-img img {max-width: 120px; }
  #bookdoc-slider .slideten .bannercont .textbox h3 span:after { background-size: 65px; }
  #bookdoc-slider .slideten .bannercont {margin-right: 220px; }
  #bookdoc-slider .slideten .img-left {margin-left: 0px; margin-right: -25px; top: unset; max-width: 37%; bottom: -130px; }
  /*slide 10 End*/
  
  /*slide 11 Start*/
  #bookdoc-slider .slideeleven .bannercont .textbox {position: absolute; bottom: 40px;} 
  /*slide 11 End*/
}

@media (max-width: 575px) {

  /*slide 9 Start*/
  #bookdoc-slider .slidenine .bannercont .textbox h3 {font-size: 25px; }
  #bookdoc-slider .slidenine .bannercont .textbox h2 {font-size: 30px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text h3 {font-size: 18px; color: #000; margin-bottom: 5px; margin-top: 10px; font-weight: 400; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text img {max-width: 180px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text {text-align: right; }
  #bookdoc-slider .slidenine .img-left img {left: -45px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-img img {max-width: 140px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text p {max-width: 200px; }
  /*slide 9 End*/

  /*slide 10 Start*/
  #bookdoc-slider .slideten .bannercont .textbox h3 {font-size: 28px; }
  #bookdoc-slider .slideten .bannercont .textbox h3 span:after {background-size: 50px; height: 50px; width: 50px; top: -10px; }
  #bookdoc-slider .slideten .bannercont .textbox h2 {font-size: 40px; }
  #bookdoc-slider .slideten .textbox {position: absolute; top: 115px; }
  #bookdoc-slider .slideten .img-left {bottom: -160px; }
  /*slide 10 End*/

  #bookdoc-slider .slideeleven {
    min-height: 400px;
    background-size: 247%;
    background-position: center 63%;
    background-repeat: no-repeat;
}

  /*slide 11 Start*/
  #bookdoc-slider .slideeleven .bannercont .textbox {position: absolute; bottom: 0; }
  #bookdoc-slider .slideeleven .bannercont .textbox h2 {font-size: 40px; }
  #bookdoc-slider .slideeleven .bannercont .textbox h3 {font-size: 28px; }
  /*slide 11 End*/

  
}

@media (max-width: 480px) {
  
  /*slide 9 Start*/
  #bookdoc-slider .slidenine .textbox {padding-top: 0; }
  #bookdoc-slider .slidenine .bannercont {position: unset; padding-top: 0; }
  #bookdoc-slider .slidenine .textbox {position: absolute; top: 40px; }
  /*slide 9 End*/

  /*slide 10 Start*/
  #bookdoc-slider .slideten .bannercont {margin-right: 0; }
  #bookdoc-slider .slideten .img-left {    bottom: -190px;
    max-width: 55%;
    left: 0;
    right: auto;
    width: 45%;
    height: 82%;
  }
  /*slide 10 End*/
  
  /*slide 11 Start*/
  #bookdoc-slider .slideeleven .bannercont .textbox h3 span:after {background-size: 35px; height: 50px; width: 40px; top: 3px; left: -40px; }
  #bookdoc-slider .slideeleven .bannercont .textbox h3 {font-size: 20px; }
  #bookdoc-slider .slideeleven .bannercont .textbox {position: absolute; bottom: 35px; }
  /*slide 11 End*/
}


@media (max-width: 399px) {

    #header-transparent .row.top-bar-row{    margin-bottom: 0px !important}

    
    #bookdoc-slider .slidenine .img-left {
    margin-left: 60px;
    padding-top: 30px;
    margin-right: 0px;
    position: absolute;
    left: 10%;
    top: auto;
    width: 60%;
    height: 100%;
    bottom: -90px;
}


  /*slide 9 Start*/
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text h3 {font-size: 15px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text img {max-width: 200px; }
  #bookdoc-slider .slidenine .bannercont .textbox .bottom-text p {    max-width: 170px; font-size: 11px; }

  #bookdoc-slider .slidenine .bannercont .textbox .bottom-img img {max-width: 120px; }
  #bookdoc-slider .slidenine .textbox {position: absolute; top: 115px; }
  #bookdoc-slider .slidenine .img-left img {left: -95px;bottom: 80px; }
  #bookdoc-slider .slidenine .bannercont .textbox h2 {font-size: 45px;
    margin-bottom: 5px;}
    #bookdoc-slider .slidenine .bannercont .textbox h3 {display:none}
        #bookdoc-slider .slideten .bannercont .textbox h3 {display:none}

  #bookdoc-slider .slidenine .bannercont .textbox .bottom-box.d-flex {align-items: flex-end; }

    #bookdoc-slider p.desktop {
        display:none !important;
    }
    #bookdoc-slider p.mobile,#bookdoc-slider br.mobilebr, li.mobile {
        display:block !important;
    }
 #bookdoc-slider .slideten .bannercont .textbox .bottom-img img{
         max-width: 85px !important;
 }
 #bookdoc-slider .slideten .bannercont .textbox h2{
         color: #286ba9;
    letter-spacing: 0px;
    font-weight: 900;
    line-height: 0.8;
    margin-bottom: 0px;
 }

  /*slide 9 End*/
}