@font-face { font-family: Montserrat-Bold;  src: url('../fonts/montserrat-new/Montserrat-Bold.otf'); } 

@font-face { font-family: Montserrat-Regular;  src: url('../fonts/montserrat-new/Montserrat-Regular.otf'); } 

@font-face { font-family: Montserrat-SemiBold;  src: url('../fonts/montserrat-new/Montserrat-SemiBold.otf'); } 



body, html {
     /* font-family: OpenSansRegular;*/
     font-family: "Montserrat-Regular";
     color: #313131;
   }
   /* Remove the navbar's default margin-bottom and rounded borders */ 
   .navbar {
     margin-bottom: 0;
     border-radius: 0;
     border:0 !important;
   }
   
   /* Add a gray background color and some padding to the footer */
   footer {
     background-color: #f2f2f2;
     padding: 25px;
   }
   
 .carousel-inner img {
     width: 100%; /* Set width to 100% */
     margin: auto;
     min-height:200px;
 }

 .logo {
   width: 160px;
   margin: 10px 0 0 0;
 }

 .homelink{
    cursor:pointer;
 }
 .spanhidelang{
    display: none;
 }
.divheader {
   /*padding-top: 10px;*/
}
.navbar-brand {
   padding:0 !important;
}
.navbar-toggle {
   display:none !important;
}
.headercontact {
   background-color: #f2f2f2;
   text-align: center;
   min-width: 290px;
}
.phonetext {
   font-weight: bold;
   margin-top:10px;
   font-family: Montserrat-SemiBold;
}
.phoneno {
   color: #d20b1d;
}

.ptext{
   color:#737273;
}
.pheading{

}
.nopadding{
   padding:0 !important;
}
.nopaddingleft{
   padding-left:0 !important;
}
.nopaddingright{
   padding-right:0 !important;
}
.nopaddingtop{
   padding-top:0 !important;
}
.nopaddingbottom{
   padding-bottom:0 !important;
}
.nomargin{
   margin:0 !important;
}
.nomarginleft{
   margin-left:0 !important;
}
.nomarginright{
   margin-right:0 !important;
}
.nomargintop{
   margin-top:0 !important;
}
.nomarginbottom{
   margin-bottom:0 !important;
}
.nofloat{
   float:none !important;
}

.topimage {
   background-image: url(../images/OTTPay_MainImage_2200x600.jpg);
   min-height: 520px;
   background-repeat: no-repeat;
   background-size: cover;
}
.topimage h1{
   display:none;
}

.hr_underline{
   width: 135px;
   border-width: 4px;
   border-color: #969696;
}

.h4custom{
   font-weight: bold;
   font-size: 20px;
   font-family: Montserrat-SemiBold;
}

.divred {
   background-color: #d20b1d;
   color: #fff;
   padding: 40px 0 40px 0;
}

.p_tagline{
   font-size: 16px;
   text-align: left;
}
.p_subtag{
   font-family: Montserrat-SemiBold;
   font-size: 21px;
   text-align: left;
   font-weight: bold;
}
.fontblack{
   color:#000;
}
.fontgray{
   color:gray;
}
.p_title{
   font-size: 24px;
    font-weight: bold;
    font-family: Montserrat-SemiBold;
}
.p_subtitle{
   font-size: 21px;
   font-weight: bold;
   font-family: Montserrat-Regular;
}
.p_content{
   font-size: 16px;
   font-family: Montserrat-Regular;
}
.divretailpmts img{
   width:100%;   
}

.p_partnertext{
   font-size: 12px;
}
.divsmartretailsolutions img{
   height:400px;
}
.divbutton{
   background-color: #d20b1d;
   color: #fff;
   padding: 10px;
}

footer{
   background-color: #fff;
   padding:5px;
}
footer p{
   font-size:14px;
}
.a_itlink{
   font-size: 10px;
    color: #000;
}

.divfutureproofing{
   text-align: left;
}
.divfutureproofing a {
   color:#fff;

}
.fontred{
   color: #d20b1d;
}
.pcontactno{
   font-size: 25px;
}
.pcontact{
   font-size: 18px;
}

.divonlinepmtmethods img{
   width:100%;
}


.slider {
   width: 75%;
   margin: 100px auto;
}

.slick-slide {
 margin: 0px 20px;
}

.slick-slide img {
 width: auto;
}

.slick-prev, .slick-next {
   height: 34px !important;
   width: 34px !important;
}
.slick-prev{
background-image: url(../images/prev.png) !important;
left: -40px !important;

}
.slick-next{
   background-image: url(../images/next.png) !important;
   right: -40px !important;
   }
.slick-prev:before,
.slick-next:before {
 /*color: #000 !important;*/
 color: lightgray!important;
 display:none !important;
}

.slick-prev:before, .slick-next:before {
     font-size: 50px !important;
}
.slick-slide {
 transition: all ease-in-out .3s;
/* opacity: .2;*/
}
/*
.slick-active {
 opacity: .5;
}

.slick-current {
 opacity: 1;
}*/

.hr_underline_short{
   margin-left: 0;
   width: 45px;
   margin-top: 5px;
   border-width: 4px;
   border-color: #969696;

}
.p_retailertext{
   font-size:18px;
}
.slider_retailer {
   margin-top:50px !important;
   margin-bottom:50 !important;
}
.slider_retailer_bottom {
   margin-top: 5px !important;
}
.slider_testimonials {
   margin-top:50px !important;
   margin-bottom:0 !important;
}

.slider_testimonials img{
   width: 250px;
   display: inline !important; 
}

.imgquotes{
   width: 59px !important;
}
.testimonial_trademarkline{
   font-size:12px;
}
.slider_testimonials button.slick-arrow {
   margin-top: -75px;
}
.divred .p_subtag {
   font-size: 26px;
}
.btn_submit_fr{
   font-size: 18px !important;
   letter-spacing: 1px;
}

form .btn_submit{
   font-size: 22px !important;
   letter-spacing: 1px;
}



.divgrid .p_andmore{
   font-size: 24px;
   margin: 144px 0 82px 0;
   color: #fff;
   font-weight: bold;
   text-shadow: 4px 3px 20px #000;
   letter-spacing: 1px;
}
.divgrid .p_divlast
{
   margin-top: 40px;
}
.divgridslider{
   display:none;
}
.divgridslider .slider{
   margin-top:20px;
   margin-bottom:10px;
}

.p_nextstep{
   font-size: 28px;
}
.contactform, .divform{
   background-color: #fff;
}

.divheader .p_content
{
   font-size:14px;
}

.divform .p_content {
   font-size: 13px;
   color: #000;
}
.divform .p_contentline2 {
   margin-left: 16px;
}
.divform .p_title{
font-size: 18px;
margin-top: 12px;
    margin-bottom: 5px;
}
.P-head1
{
   font-size: 18px !important;
    padding-bottom: 0;
    color: #fff !important;
}
.P-head2
{
   font-size: 14px !important;
    padding-top: 0;
    color: #fff !important;
}
.p_formfooter{
   font-size:9px;
   color: #000;
}
.divform input{
   padding: 5px;
   height: 25px;
   width: 100%;
   font-size: 12px;
   color:#000;
}
.divform textarea{
   padding: 5px;
   height: 35px;
   width: 100%;
   font-size: 12px;
   color:#000;
   border: 1px solid lightgray;
}
.divform button{
   color: #fff !important;
   width: 100%;
   border: 0;
}
.divformmain
{
   box-shadow: 0px 0px 1px 1px grey;
}

.formbottom{ 
   margin-top: -136px;
   margin-bottom: 40px;
   max-height: 456px;
}

.thankyoupage{
   display:none;
   height:456px;
}
.thankyoupage .divform{
   height:456px;
}

.thankyoupage .p_title{
margin-top: 70px;
}
.a_close{
   float:right;
   cursor: pointer;
}
.p_numbers{
   font-size: 27px;
}

.divformmain input, .divformmain textarea{
   margin-bottom:10px;
   min-height: 32px !important;
   border-radius: 0;
   border: 1px solid lightgray;
}
.popcontainer{
   padding-right: 15px !important;
    padding-left: 8px !important;
}

.popup {
   border: black;
   position: fixed;
   bottom: -10px;
   height:75px;
   max-width: 298px;
   min-width: 298px;
   margin-left: 8px !important;
   margin-right: 8px !important;
   background-color: #fff;
}

.btngettools{
   font-size: 14px;
}



.divclientsline3 {
   display: flex;
}
.divclientsline3 img{
   width: 130px;
   height: 100%;
}

#myBtn {
    display: none;
    position: fixed;
    bottom: 80px;
    right: 10px;
    z-index: 99;
    font-size: 11px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
 }
 
 #myBtn:hover {
   background-color: #555;
 }

 i {
    border: solid #fff;
    border-width: 0 4px 4px 0;
    display: inline-block;
    padding: 6px;
    margin-top: 0px;
    margin-bottom: -9px;
 }

 
 .up {
   transform: rotate(-135deg);
   -webkit-transform: rotate(-135deg);
 }
 

 .divclients .mobileonly .slick-dots li
 {
   margin: 0 1px;
 }
 .divclients .mobileonly .slider_retailer {
   margin-top: -30px !important;
 }
.slider_testimonials .slick-arrow {
   display: block !important;
}

.p_pmt_title{
   font-family: Montserrat-SemiBold;
}
.p_subtitle2{
   font-size: 16px;
    font-family: Montserrat-SemiBold;
}
 

@media (min-width: 1024px) {
  
   
}
@media (min-width: 1025px) {

   .divtop_mobile{
      display:none;
   }
   .popcontainer
   {
      display:none;
   }

   
.divgrid .divgridcontent
{
   min-height: 315px;
   background-repeat: no-repeat;
   background-size: cover;
   margin: 12px;
   width: 350px;
   height: 350px;
}

.mobileonly{
   display:none;
}
.slick-slide img {
   width: 100%;
  }

  .slider_testimonials .slick-slide img {
   width: auto;
  }

  .slider_retailer_bottom .slick-dots
  {   
   display:none !important;
  }

  .divlang {
      margin-top: 30px;
   }

}

@media (max-width: 1025px) {

   .divgrid .divgridcontent
   {
      width: 300px;
      background-repeat: no-repeat;
      min-height: 268px;
      background-size: cover;
      height: 268px;
      margin: 5px;
   }
   .divtop_desktop{
      display:none;
   }

   .divgrid .p_andmore {
      margin: 100px 0 100px 0;
   }

   .desktoponly{
      display:none;
   }

   .slick-arrow {
      display: none !important;
   }

   form .btn_submit{
      font-size: 16px !important;
   }
   .btn_submit_fr {
      font-size: 16px !important;
   }
}

@media (min-width: 850px) {
   .divreverse{
      display:flex;
      flex-direction: row-reverse;
   }
   .divreverse_top{
      display:flex;
      flex-direction: row-reverse;
      margin-top: 22px;
   }
  
   

}
@media (max-width: 815px) {
   .marginbottom{
      margin-bottom: 35px;
   }
   .divgridnormal{
      display:none;
   }
   .divgridslider{
      display:block;
   }

   .divnextstep{
      margin-bottom:100px;
   }
   .divlogo, .divlang{
      display:inline;
   }
   .divlang{
      float:right;
      margin-top: -30px;
   }
 }

 @media (max-width: 767px) {
  
   .divpartners img, .divclients img{
      display: inline;
   }
  
 }


 /* Hide the carousel text when the screen is less than 600 pixels wide */
 @media (max-width: 600px) {
   .carousel-caption {
     display: none; 
   }
 }

 
 @media (max-width: 520px) {
   .slick-slide img {
      width: 100%;
     }
     .slider {
      width: 100%;
   }
   .slider_testimonials  {
      width: 77%;
   }

}

@media (max-width: 415px) {
.popup {
   /*max-width: 100%;*/
   max-width:95%;
  
}

.topimage {
   background-position: 20%;
}

.divtop_mobile {
   background-color: rgba(255, 255, 255, 0.85);
}
.divgridslider .slick-slide {
   margin: 0 5px;
}

}

@media only screen and (min-width: 481px) and (max-width: 1025px){
   .popcontainer{
      display: flex !important;
      justify-content: flex-end !important;
      
   }
   .slick-slide img {
      width: 100%;
     }

     .slider_testimonials .slick-slide img {
      width: auto;
     }
     .slick-arrow {
      display: block !important;
   }
}


@media only screen and (min-width: 481px) and (max-width: 850px) and (orientation:landscape) {
   /* For landscape layouts only */
   .slick-arrow {
      display: block !important;
   }

   .slick-slide img {
      width: 100%;
     }

     .divclients .mobileonly .slider_retailer {
      margin-top: -20px !important;
  }
  
 }