.hoverButton {
  font-weight: 550;
  display: inline-block;
  margin-top: 10px;
  position: relative;
  padding: 10px 20px;
  overflow: hidden;
  text-transform: uppercase;
  text-decoration: none;
}

.hoverButton:after,
.hoverButton:before,
.hoverButton>span:before,
.hoverButton>span:after {
  z-index: -1;
}

.hoverButton,
.hoverButton:after,
.hoverButton:before,
.hoverButton>span:before,
.hoverButton>span:after {
  transition: all 0.5s;
}

.btn-4 {
  color: #ac2a30;
  border: 1px solid #ac2a30;
}

.btn-4:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent #ac2a30 transparent transparent;
  position: absolute;
  top: 0;
  right: 0;
}

.btn-4:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent transparent #ac2a30;
  position: absolute;
  bottom: 0;
  left: 0;
}

.btn-4:before,
.btn-4:after {
  border-color: #ac2a30;
}

.btn-4 span:after {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: #ac2a30 transparent transparent transparent;
  position: absolute;
  top: 0;
  left: 0;
}

.btn-4 span:before {
  content: '';
  width: 0;
  height: 0;
  -webkit-transform: rotate(360deg);
  border-style: solid;
  border-width: 0 0 0 0;
  border-color: transparent transparent #ac2a30 transparent;
  position: absolute;
  right: 0;
  bottom: 0;
}

.btn-4 span:before,
.btn-4 span:after {
  border-color: #ac2a30;
}

.btn-4:hover {
  color: #c4eae1;
}

.btn-4:hover:before {
  border-width: 30px 90px;
}

.btn-4:hover:after {
  border-width: 30px 90px;
}

.btn-4:hover span:before {
  border-width: 30px 90px;
}

.btn-4:hover span:after {
  border-width: 30px 90px;
}

.FontWeight600 {
  color: #fff;
  font-weight: 700;
}

.about-text {
  text-align: justify;
}

/* Our Services */
.El {
  width: 100%;
  max-width: 100%;
  overflow: hidden;
}

.El__wrapper {
  display: flex;
  width: 790vw;
  height: 100vh;
}

.El__slide {
  display: flex;
  width: 100vw;
  padding: 100px 50px 50px 50px;
}



.El__title,
.El__subtitle {
  position: relative;
}

.service-text {
  font-size: 14px;
}
.designandPrint{
background-image: url(../img/designAndPrintbg/mac-bg-01.jpg);
background-image: cover;
background-repeat: no-repeat;
}
.Newsletters{
background-image: url(../img/designAndPrintbg/new-bg-01.jpg);
background-image: cover;
background-repeat: no-repeat;
}
.ProspectusBg{
background-image: url(../img/designAndPrintbg/Pro-bg-01.jpg);
background-image: cover;
background-repeat: no-repeat;
}
.DairyBg{
background-image: url(../img/designAndPrintbg/dry-bg-01.jpg);
background-image: cover;
background-repeat: no-repeat;
}
.folderbg{
background-image: url(../img/designAndPrintbg/folder-bg.jpg);
background-image: cover;
background-repeat: no-repeat;
}
.c-White{
  color: #fff;
}
.yellow {
  background-color: yellow;
}

.red {
  background-color: red;
}

.blue {

  background-color: pink;
}

.green {
  background-color: green;
}


.colorRedh {
  color: #FF4328 !important;
}

/* Our Services */
/* .grid {
  position: relative;
  margin: 0 auto;
  max-width: 1000px;
  list-style: none;
  text-align: center;
} */

/* Common style */
.grid figure {
  position: relative;
  float: left;
  overflow: hidden;
  margin: 10px 1%;
  min-width: 320px;
  max-width: 480px;
  max-height: 360px;
  width: 100%;
  background: #3085a3;
  text-align: center;
  cursor: pointer;
}

.grid figure img {
  position: relative;
  display: block;
  min-height: 100%;
  max-width: 100%;
  opacity: 0.8;
}

.grid figure figcaption {
  padding: 2em;
  color: #fff;
  text-transform: uppercase;
  font-size: 1.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.grid figure figcaption::before,
.grid figure figcaption::after {
  pointer-events: none;
}

.grid figure figcaption,
.grid figure figcaption>a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption>a {
  z-index: 1000;
  text-indent: 200%;
  white-space: nowrap;
  font-size: 0;
  opacity: 0;
}

.grid figure h2 {
  word-spacing: -0.15em;
  font-weight: 300;
}

.grid figure h2 span {
  font-weight: 800;
}

.grid figure h2,
.grid figure p {
  margin: 0;
}

.grid figure p {
  letter-spacing: 1px;
  font-size: 68.5%;
}

/*---------------*/
/***** Bubba *****/
/*---------------*/

figure.effect-bubba {
  background: #9e5406;
}

figure.effect-bubba img {
  opacity: 0.7;
  -webkit-transition: opacity 0.35s;
  transition: opacity 0.35s;
}

figure.effect-bubba:hover img {
  opacity: 0.4;
}

figure.effect-bubba figcaption::before,
figure.effect-bubba figcaption::after {
  position: absolute;
  top: 30px;
  right: 30px;
  bottom: 30px;
  left: 30px;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
}

figure.effect-bubba figcaption::before {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: scale(0, 1);
  transform: scale(0, 1);
}

figure.effect-bubba figcaption::after {
  border-right: 1px solid #fff;
  border-left: 1px solid #fff;
  -webkit-transform: scale(1, 0);
  transform: scale(1, 0);
}

figure.effect-bubba h2 {
  padding-top: 30%;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
  -webkit-transform: translate3d(0, -20px, 0);
  transform: translate3d(0, -20px, 0);
}

figure.effect-bubba p {
  padding: 20px 2.5em;
  opacity: 0;
  -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
  transition: opacity 0.35s, transform 0.35s;
  -webkit-transform: translate3d(0, 20px, 0);
  transform: translate3d(0, 20px, 0);
}

figure.effect-bubba:hover figcaption::before,
figure.effect-bubba:hover figcaption::after {
  opacity: 1;
  -webkit-transform: scale(1);
  transform: scale(1);
}

figure.effect-bubba:hover h2,
figure.effect-bubba:hover p {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

@media screen and (max-width: 25em) {
  .codrops-header {
    font-size: 75%;
  }

  .codrops-icon span {
    display: none;
  }
}

.servicesh2Text {
  font-size: 25px;
  color: #fff;
}

.FontSize20 {
  font-size: 20px !important;
}
.width100per{
  width: 100%;
}
.Font80{
  font-size: 42px;
  margin-left: 40px;
}
.c-red{
  color: #ac2a30;
}
.height325{
  height: 200px;
}

.RecentWorkbackground{
  width: 100%;
  background-size: 100% 100%;
  background-position: center;
  height: 100%;
}

/* Model Start */
/* Full Screen Form CSS */
.overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 999999;
  top: 0;
  left: 0;
  background-color: rgba(49,51,108, 0.9);
  overflow-y: hidden;
  transition: 0.5s;
}
.overlay-content {
  position: relative;
  top: 50%;
  width: 100%;
  margin-top: 0;
  transform: translateY(-50%);
}
.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}
.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}
.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  color: #ffffff;
  z-index: 9999999;
}
.overlay-content-col h2 {
  text-align: center;
  color: #ffffff;
  line-height: 46px;
  margin-bottom: 60px;
}
.overlay-content-col .form-control {
  border: none;
  border-bottom: 3px solid #1CC1DF;
  background: transparent;
  color: #ffffff;
  resize: none;
  padding-left: 0;
}
.overlay-content-col select.form-control option {
  background: #30336B;
}
.overlay-content-col .theme-btn {
  min-width: 180px;
  height: 60px;
  background: #1CC1DF;
}
.font60{
  font-size: 60px;
}
.font40{
  font-size: 50px;
}
.c-gray{
  color: #334444;
}
.c-skydark{
  color: #264658;
}
.c-skydarkp{
  color: #15415a;
}
.text-justify{
  text-align: justify;
}
.fontWeight{
  font-weight: 650 !important;
}
.Font80 {
  font-size: 30px;
  margin-left: 40px;
}
.marginRight20{
  margin-right: 10px;
}
.ServicePadding{
  padding: 30px 0 0 40px;
  color: #ac2a30;
}
.font38{
  font-size: 40px;
}
.Font30{
  font-size: 55px;
}
.BgLightWhite{
  background-color:#F5F6FA;
}
.font18{
  font-size: 18px;
}
.width30{
  width: 20px;
}
.color-black{
  color: #000;
}
.fontSize35{
  font-size: 35px;
}
.paddingTopBottom15{
  padding: 15px 0px 15px 0;
}
.BG-Pink{
  background-color: #cb8b8b;
}
.BG-Skyblue{
  background-color:#8fbdd7 ;
}
.BG-White{
  background-color:#d5d5d5 ;
}
.BG-darkblue{
  background-color:#031a3a ;
}
.color-white{
  color: #fff !important;
}
.BG-white01{
  background: #ff8d8d80;
}
.BG-white0101{
  background-color: #fff;
}
.ColorBlack{
  color: #000;
  font-weight: 700;
}
.width250{
  height: 250px;
}
.Digital-M-Hover:hover{
  background-color: #97989a7a;
  transition: 0.4s;
}

@media (min-width: 992px){
  .margin-Right70 {
    margin-right: 70px;
}
}


@media (min-width:767px) {
.floatRight{
display: flex;
justify-content: flex-end;
flex-direction: column;
justify-content: flex-end;
position: relative;
bottom: -54px;
}  
.margin-l-40{
  margin-left: 40px !important;
}
.height550{
  height: 550px;
}
}

.positionR{
  position: relative;
  bottom: -65px;
}

@media (min-width:1400px) {
  .floatRight {
    bottom: -54px;
}
  }
@media (max-width:767px) {

  .Font80{
    font-size: 30px;
    margin-left: 0px;
  }  
  .about-right {
    padding-left: 0px;
}
.MobileDisplay-None{
  display: none;
}
.hero-single {
  padding-top: 162px;
  margin-top: 100px;
  padding-bottom: 0px;
}
.navbar-brand img {
  width: 100px;
}
.py-120 {
  padding: 30px 0;
}
.about-right {
  margin-top: 20px;
}
.positionR {
  position: relative;
  bottom: -70px;
}
.about-img::before {
  left: 50px;
  right: 49px;
  top: 3px;
  bottom: 3px;
}
.about-img img {
  width: 60%;
  border-radius: 10px;
}
.about-img {
  margin: 0px;
  display: flex;
  justify-content: center;
}
.El__slide {
  padding: 92px 0px 29px 10px;
}
}
@media (max-width:540px) {
  .MobileBottom40{
    bottom: -29px !important;
  }

}
.Our-Services-List li a{
  font-size: 14px;
}
.PaddingTB50RL50{
  padding: 60px 50px 60px 50px;
}
.innerOur-services ul li{
  font-size: 14px;
}
.width15{
  width: 15px;
  height: 9px;
}

.marginRight05{
  margin-right: 10px;
  margin-top: 8px;
}
.margin-top20{
  margin-top: 15px;
}
.servicesImg{
  transition: 0.3s;
}
.servicesImg:hover{
  box-shadow: 2px 7px 5px 1px #a5a3a3;
  transition: 0.5s;
}
/* .Service-image-Box{
  padding-left: 10px;
  padding-right: 10px;
} */

.innerOur-services li{
  display: flex;
  flex-direction: row;
}

.Side-bar-bg{
  /* background: #ad2d3342; */
  background: #d1ae6cbf;
  padding: 12px;
  border-radius: 4px;
}
.padding-Right30px{
padding-right: 30px;
}
.paddingTop-200B-150{
  padding-top: 210px;
  padding-bottom: 160px;
}
.displayFJ-C{
  display: flex;
  justify-content: center;
}
.displayFJ-C .Service-image-Box img{
  height: 300px;
}
.innerOur-services ul li a:hover{
  color:#ac2a30;
}

.HoverColorRed:hover{
  color:#ac2a30;
}
.MainImageBox{
  border: 5px solid #ac2a30;
  border-radius: 4px;
  margin-bottom: 20px;
  box-shadow: 3px 4px 8px 1px #c5c5c5;
}
.Font-Size20{
  font-size: 30px;
}
.ServiveTitleHover{
  color: #ac2a30;
  text-transform: uppercase;
}

.service-text01{
  font-size: 16px;
  line-height: 20px;
}
.Service-image-Box{
  border: 2px solid #ac2a30;
  cursor: pointer;
}
.PaddingBottom60{
  padding-bottom: 40px;
}

@media (min-width:765px){
  .paddingLeftRight80{
    padding: 0 80px;
  }
}
@media (max-width:992px){
  .PaddingTB50RL50{
    padding: 20px 10px 20px 10px;
  }
}
@media (max-width:765px){
  .font40 {
    font-size: 40px;
}
.site-title {
  font-weight: 600;
  text-transform: capitalize;
  font-size: 20px;
}
.ServicePadding {
  padding: 20px 0 0 10px;
  color: #ac2a30;
}
.Font30 {
  font-size: 30px;
}
.Font-Size20 {
  font-size: 18px;
  letter-spacing: 0px;
}
.padding-Right30px {
  padding-right: 15px;
}
.Sidebar-Box{
  margin-top: 20px;
  margin-bottom: 20px;
}.site-breadcrumb .breadcrumb-title {
  font-size: 16px;
  font-weight: 600;
}
.site-breadcrumb .breadcrumb-menu li {
  font-size: 15px;
}
.dropdown-menu{
    border:none !important;
}
.choose-content {
    padding: 50px 15px;
}
.choose-content {
  max-width: 500px;
  margin-left: 0px;
}
.PaddingBottom60{
  padding-bottom: 20px;
}
}
/* Our Client Section */
.item-wrapper {
  background-color: #fff;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: auto;
  padding: 4px;
}

.item-wrapper .line {
  background-color: #ac2a30;
  position: absolute;
}

.item-wrapper .line span {
  background-color: #e3e3e3;
  position: inherit;
  display: block;
  transition: all .4s ease-out;
}

.item-wrapper .line-top {
  top: 0;
  left: 0;
  width: 100%;
  height: 4px;
}

.item-wrapper .line-right {
  top: 0;
  right: 0;
  width: 4px;
  height: 100%;
}

.item-wrapper .line-bottom {
  right: 0;
  bottom: 0;
  width: 100%;
  height: 4px;
}

.item-wrapper .line-left {
  left: 0;
  bottom: 0;
  width: 4px;
  height: 100%;
}

.item-wrapper .line-top span {
  top: inherit;
  left: inherit;
  width: 0;
  height: 100%;
}

.item-wrapper .line-right span {
  top: inherit;
  right: inherit;
  width: 100%;
  height: 0;
}

.item-wrapper .line-bottom span {
  right: inherit;
  bottom: inherit;
  width: 0;
  height: 100%;
}

.item-wrapper .line-left span {
  left: inherit;
  bottom: inherit;
  width: 100%;
  height: 0;
}

.item-wrapper:hover .line-top span,
.item-wrapper:hover .line-bottom span {
  width: 100%;
}

.item-wrapper:hover .line-left span,
.item-wrapper:hover .line-right span {
  height: 100%;
}


/* ---------------------- OPTIONAL STYLES (NOT REQUIRED) ---------------------- */

.item-wrapper>.item {
  text-transform: uppercase;
  text-align: justify;
}

.item-wrapper>.item>h2 {
  font-size: 36px;
  line-height: 40px;
}

.item-wrapper>.item>p {
  padding: 30px 0;
  font-size: 12px;
  line-height: 20px;
}