/*14-12-2020*/

.goog-logo-link {
	display:none !important;
 }
 
 .goog-te-gadget {
	color: transparent !important;
  
 }
 
 .goog-te-gadget .goog-te-combo {
   background: #ffffff;
	 color: #404040 !important;
	 /* border: none; */
	 border-radius: 5px;
	 padding: 8px 0px;
	 margin: 0px 0;
	 margin-left: 4px !important;
	 text-align: center;
	 font-size: 12px;
	 font-family: 'Poppins', sans-serif;
	 border: 1px solid transparent;
	 text-align: center;
	     width:110px;
 
	}
	.marginRight{
		margin-right: 4px;
	}
	.bx-wrapper{
		    max-width:93% !important;
		    width: 100% !important;
		    box-shadow: none !important;
		    border: none !important;
		    margin: 0 auto
	}
	.bx-wrapper .bx-prev {
    left: -30px !important;
}
.bx-wrapper .bx-next {
    right: -30px !important;

    }
 .goog-te-banner-frame{
   display:none !important;
 
 }
 select:focus {
	 outline-offset: 0px;
 }
 :focus {
	 outline: -webkit-focus-ring-color auto 0px;
 }
 .pageLanguageCls{
          position: absolute;
    top:55px;/*17px;*/
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
    }
    #google_translate_element{
          display: inline-block;
    }
    .login_signup{
    display: inline-block;
    margin: 4px !important;
      /*  width: 50%;*/
    }
    .wrapper{
      position: relative;
      box-sizing: border-box;
    margin: 0 auto;
    max-width: 1640px;
    min-width: 1140px;
    position: relative;
    width: auto;
    }
    .skiptranslate{
          margin-top: 16px;
    }
/*---------------------------*/
body{
	top:0px !important;
}
.fullWidth {
 width: 100%;
}
.nomargin{
	margin: 0px;
}
.nopadding  {
	padding:0px;
}
.navbar-brand{
	margin: 0px;
}
.navbar-expand-xl .navbar-nav .nav-link{
	    padding-right: 12px;
}
.navbar-dark .navbar-nav .nav-link {
    color: rgb(255 255 255 / 1);
    font-size: 14px;
}
.banner{
	background: url('../images/bannerNew-img.jpg');
	height: 600px;
    margin-top: -205px;/*-143px;*/
    background-size: cover;
}
.logoIndex img{
    width: 90%;
}
body{
	font-family: 'Poppins', sans-serif;
	background: #F5F5F5;
}
.bannerText h1{
	font-size: 46px;
	text-align: center;
	font-weight: 500;
	color: #fff;
	    padding: 20px 0px;
}
.bannerText h4{
	font-size: 30px;
	text-align: center;
	font-weight: 500;
	color: #fff;
	padding: 10px 0px;
	margin: 0px;
}
.bannerText h3{
	font-size: 24px;
	text-align: center;
	font-weight: 400;
	color: #fff;
	    padding: 20px 0px;
	    margin: 0px;
}
.login_signup{
	background: #FF005F;
	font-size: 12px;
	color: #fff;
	padding:10px 15px;
	display: inline-block;
	margin: 0 auto;
	
	    text-align: center;
	    border-radius: 6px;
	    margin: 4px !important;


}
.bannerText{

    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 630px;
}
.login_signup:hover{
	color: #fff;
	text-decoration: none;
}
.services_area h4{
	font-size: 18px;
	font-weight: bold;
	margin: 0px;
	padding: 10px 0px 30px;
	color: #575757;
}
.services_area p{
	font-size: 14px;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 30px;
	color: #575757;
}
.serviceImg {
	height: 230px;

}
.serviceImg img{
	max-height: 100%;
	height: 100%;
	width: 100%;
}
.mainTitle{
	font-size: 30px;font-weight: bold;
	padding: 40px 0px;
	text-align: center;
	color: #575757;
	margin: 0px;
	text-transform: uppercase;
}
.mainAboutTitle{
	font-size: 30px;
	font-weight: bold;
	color: #575757;
	padding:40px 0px 20px;
	margin: 0px;
	text-transform: uppercase;
}
.AboutDescription{
	font-size: 15px;
	color: #575757;
	padding: 10px 0px;
	margin: 0px;
}
.Aboutus{
	background: url('../images/about.png');
	background-size: cover;
}
.clientInfo li{
	list-style-type: none;
	width: 14%;
    height: 150px;
    background: #fff;
    border-radius: 8px;
    text-align: left;
    display: flex;
    align-items: normal;
    justify-content: center;
    flex-direction: column;
    padding:0px 0px;
    margin-right: 20px;
        line-height: 1;
   
        text-align: center

}
.clientInfo li p{
	color: #FF005F;
	font-size: 30px;
	font-weight: bold;
	margin: 0px;
}
.clientInfo li span{
	font-size: 18px;
	color: #575757;
}
.companyTitle{
	font-size: 24px;
	font-weight: bold;
	padding:20px 0px 10px;
	margin: 0px;
	color: #575757;
}
.companyDesc{
	font-size: 18px;
	color: #575757;
}
.bg_white{
	background: #fff;
	margin: 0px;
    margin-bottom: 80px;
}
.aboutNew{
	background: url(../images/about-2.png);
    background-size: cover;
    padding: 7% 0px;
}
.AboutNewHolder h3{
	font-size: 18px;
	text-align: center;
	padding: 10px 0px;
	text-transform: capitalize;
	color: #fff;
}
.AboutNewHolder p{
	font-size: 14px;
	text-align: left;
	padding: 0px 0px 10px;
	color: #fff;
}
.AboutNewHolder{
	border: 1px solid #FF005F;
    padding: 15px;
    min-height: 255px;
}
.Testi_bg{
	background: #fff;
	padding: 10px;

}
.Testi_bg h4{
	font-size: 18px;
	color: #575757;
	text-transform: uppercase;
	padding: 10px 0px;
	margin: 0px;
}
.Testi_bg p{
	font-size: 14px;
	color: #575757;
}
.profile{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	border: 1px solid #ccc;
	overflow: hidden;
	display: block;
	margin: 0 auto;
}
.profile img{
	max-height: 100%;
	width: 100%;
	height: 100%;
}
.comment{
	font-size: 16px;
	text-align: center;
	color: #575757;
	    padding: 10px 0px;


}
.username{
font-size: 16px;
text-align: center;
color: #575757;
margin: 0px;
}
.designation{
font-size: 16px;
text-align: center;
color: #575757;
margin: 0px;
}
.carousel-indicators li{
	    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #FF005F;
    border: none;
}
.carousel-indicators{
	    bottom: -60px;
}
.whitetesti{
	background: #fff;
	padding: 30px 15px 54px;
}
.ContactTitle{
	font-size: 30px;
	color: #fff;
	text-transform: uppercase;
	padding: 30px 0px;
	text-align: center;
	    font-weight: bold;
}
.contact{
	background: url(../images/contact.png);
    background-size: cover;
    padding: 4% 0px;
    margin: 20px 0px;
}
.form-control-custom{
background: transparent;
border: 1px solid #fff;
border-radius: 0px;
padding: 26px;
color: #fff;
width: 100%;
}
.form-control-custom::-webkit-input-placeholder { /* Edge */
  color: #fff;
}

.form-control-custom:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color: #fff;
}

.form-control-custom::placeholder {
   color: #fff;
}
.sendbtn{
	background: #FF005F;
	color: #fff;
	border-radius: 6px;
	text-align: center;
	display: block;
	width: 30%;
	    width: 30%;
    padding: 14px;
    border: none;
    margin: 0 auto;
    font-size: 18px;
}
.Subscribe{
background: url(../images/subscribe.png);
    background-size: cover;
    padding: 4% 0px;
        margin: 4% 0px;	
}
.Sign_Up{
	color: #575757;
	font-size: 18px;
	border-radius: 6px;
	padding: 14px;
    border: 1px solid #fff;
    width: 100%;
}
.Subscribe_info{
	text-align: center;
	color: #fff;
	font-size: 18px;
	    padding: 20px 0px;
}
.border-curve{
	border-radius: 6px;
}
.footercls{
	background: #313131;
	padding: 4% 0px 0px;
}
.footer_logo{
	    width: 16%;
}
.footer_desc{
	color: #CCCCCC;
	font-size: 14px;
	text-align: left;
	padding: 10px 0px;
}
.socialicons{
	padding: 0px;

}
.socialicons li{
	background: #5E5C5C;
	width: 50px;
	height: 50px;
	margin-right: 10px;
	display: inline-block;
	list-style-type: none;
    padding: 13px 0px;
    text-align: center;

}
.Quick_link{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
	margin: 0px;
	color: #fff;
}
.FooterLink{
	padding: 0px;
	    padding-left: 20px;
}
.FooterLink li{
	list-style-image: url('../images/left-arrow.png');
	padding: 2px 0px;
}
.FooterLink li a{
	font-size: 14px;
	color: #CCCCCC;

}
.copyright{
	background: #000000;
	color: #fff;
	text-align: center;
	font-size: 14px;
	margin: 0px;
	padding: 20px 0px;
}
.gallery{
	background: url(../images/gallery.png);
    height: 600px;
    margin-top: -205px;/*-143px;*/
    background-size: cover;
}
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
border-radius: 6px;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.upDownPadding{
	    padding: 35px 0px 0px;
}
.spacer{
	padding: 30px;
}
/*25 Nov*/
.custom-franchise{
	    padding: 20px 0px 0px;
    margin: 0;
}
.franchise_input{
	height: 54px;
}
.Franchise_title{
	font-size: 16px;
	    padding: 20px 0px 0px;
    text-align: center;
    margin: 0;
}
.savebutton{
	    background: #FF005F;
    color: #fff;
    border-radius: 6px;
    text-align: center;
    display: block;
    width: 30%;
    width: 30%;
    padding: 14px;
        border: none;
    margin: 0 auto;
}

/*07 Dec*/
.View_moreService{
	    background: #FF005F;
    font-size: 24px;
    color: #fff;
    padding: 10px 15px;
    display: block;
    margin: 20px auto;
    text-align: center;
    border-radius: 6px;
    /* margin: 0px; */
    width: 19%;
    }
   .View_moreService:hover, .View_moreAbout:hover{
		color: #fff;
		text-decoration: none;
    }
    .View_moreAbout{
    background: #FF005F;
    font-size: 24px;
    color: #fff;
    padding: 10px 15px;
    display: block;
    margin: 20px auto;
    text-align: center;
    border-radius: 6px;
    /* margin: 0px; */
    width: 19%;
    }
    .Customer_Servicestag{
    	color: #fff;
    	    font-size: 14px;
    color: #CCCCCC;
    }
    .services_area{
    	position: relative;
    	    margin-bottom: 30px;
    }
    .serviceName{
    	   font-size: 18px;
    /* font-weight: bold; */
    /* margin: 0px; */
    padding: 10px 0px 30px;
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.3);
    text-transform: uppercase;
    }
    .serviceName_p{
    	border: 1px solid #ccc;
    	font-size: 17px;
    font-weight: normal;
    margin: 0px;
    padding: 10px 10px 10px;
    }
   /* .w-half{
    	width: 50%;
    }*/
    .MoreServiceDialog{
    	max-width: 1170px;
    }
    .MoreServiceClose{
    	position: absolute;
    	right: 0px;
    	top: 0px;
    }
    .closeService{
    	    float: right;
		    background: #FF005F;
		    font-size: 17px;
		    color: #fff;
		    border: none;
    }
    .LowPadding{
    	padding: 10px 0px 10px;
    }
    .ViewserviceName {
    font-size: 18px;
    font-weight: bold;
    margin: 0px;
    padding: 10px 0px 30px;
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.3);
    text-transform: uppercase;
    height: 79%;
    cursor: pointer;

}
.serviceName_View{
border: 1px solid #FF005F;
    font-size: 17px;
    font-weight: normal;
    margin: 0px;
    padding: 10px 10px 10px;
    background: #FF005F;
    color: #fff;
    cursor: pointer;
}
.serviceImg:hover .ViewserviceName{
	display: flex;
}
.V_alignsClass{
	align-items: center;
	background: #fff;
}
.GooglePlayCls{
	    width: 40%;
    display: block;
    margin-left: auto;
        margin-bottom: 5px;
}
.GooglePlayQR{
	    max-width: 100%;
}
.text-rightcls{
	text-align: right;
}
.AppStoreCls{
	    margin: inherit;
    width: 41%;
        display: block;
            margin-bottom: 5px;
}
.AppStoreQR{
	max-width:100%;
	    margin-bottom: 10px;
}
.scrollTop{
	position: fixed;
    right: 0;
    bottom: 10%;
    z-index: 9999;
    opacity: 0;
}
.scrollTop img{
	width: 50%;
}
.videoWraps{
	width: 100%;
	height: 100%;
	padding-top: 40px;
}
.videoWraps video{
	object-fit: cover;
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: portrait){
	.QRcontent {
    height: 180px !important;
}
.GooglePlayCls{
	    width: auto !important;
}
.QRcontent img{
    max-height: 100%;
        display: block;
    margin: 0 auto;
  }
.AppStoreCls{
	 width: auto !important;
}
	.logo1 img {
    width: auto;
    margin-top: 20px;
    max-width: 100%;
}
	.marginRight{
		margin-right: 0px;
	}
	.Testi_bg p{
		text-align: left;
	}
.scrollTop{
	    right: 0px;
    bottom: 10%;
}
.scrollTop img{
	width:50%;
}
.wrapper{
	max-width: auto !important;
	min-width: auto !important;
}
.bx-wrapper .bx-next {
    right: -10px !important;
}
.bx-wrapper .bx-prev {
    left: -11px !important;
}
.goog-te-gadget .goog-te-combo{
	    width: 100% !important ;
	    border-radius: 3px;
    padding: 3px 0px;
    font-size: 10px;
}
.pageLanguageCls{
	top: 60px;
    right: 13px;
    position: unset;
    justify-content: left;
        padding: 0px 14px;
}
.follw-contr{
	bottom: 0px !important;
	float: none !important;
}
.follw-contr{
	padding-bottom: 0px !important;
}
.Franchise-LoginBtm{
	display: block !important;
    float: none !important;
    margin: 10px auto !important;
    clear: both !important;
    bottom: 0px !important;
}
.follw-cont .scalbtmbx {
    width: auto !important;
    float: none !important;

}	   

	.View_moreService ,.View_moreAbout{
		    width: 70%;
	}
	 /*.w-half{
    	width: 50%;
    }*/
    .login_signup{
    	margin-bottom: 10px;
    	    padding: 5px 5px;
    	        border-radius: 3px;
    	            font-size: 10px !important;
    	              margin-top: -4px !important;
    }
	.clientInfo li{
		    margin-bottom: 10px;
		    width: 52%;
	}
	.AboutNewHolder{
		    margin-bottom: 10px;
	}
	.Testi_bg div{
		text-align: center;
	}
	.bg-green{
		background: #000;
	}
	.banner,.gallery{
		margin: 0px;
	}
	.navbar-toggler{
		    top:15px;
    	right: 10px;
    	position: absolute;
	}
	.logoIndex img{
		    width: 55%;
	}
	.navbar-dark .navbar-toggler{
		border-color:#fff;
		    padding: 1px;
	}

	.skiptranslate {
    margin-top: 8px;
}

	.AboutNewHolder{
		min-height: auto;
	}
}

.About_Points{
    padding-left: 17px;
    font-size: 16px;
    color: #575757;
  }
  .About_Points li{
    padding: 5px 0px;
    font-size: 16px;
  }
  .about_container{
    padding: 40px 0px 0px;
  }
  .companyDesc span{
    color: blue;
  }
  .Vertical_alignment{
        display: flex;
    align-items: center;
  }
  .serviceName {
    font-size: 18px;
     font-weight: bold; 
     margin: 0px; 
    padding: 10px 0px 30px;
    color: #ffffff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,0.3);
    text-transform: uppercase;
}
.serviceName_p {
    border: 1px solid #ccc;
    font-size: 16px;
    font-weight: normal;
    margin: 0px;
    padding: 10px 10px 10px;
    text-align: center;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 90%;
    font-weight: bold;
    background: rgba(0,0,0,0.4);
}

@media only screen and (width: 1024px){
	.GooglePlayCls{
	    width: auto !important;
}
.AppStoreCls{
	 width: auto !important;
}
.QRcontent {
    height: 180px !important;
    }
    .QRcontent img{
    max-height: 100%;
        display: block;
    margin: 0 auto;
  }
.logo1 img {
    width: auto;
    margin-top: 20px;
    max-width: 100%;
}
	.wrapper{
	max-width: auto !important;
	min-width: auto !important;
}
		.AboutNewHolder{
			min-height: 316px;
		}
		/*.w-half {
    		width: 61%;
		}*/
		.navbar-expand-xl .navbar-nav .nav-link {
		    padding-right: 10px;
		}
		.goog-te-gadget .goog-te-combo{
			    font-size: 10px;
		}
		.login_signup{
			    font-size: 10px;
		}

		.follw-contr{
      bottom: 74px !important;
  }
	}
@media only screen and (width: 768px) and (orientation: landscape){
.follw-contr{
      bottom: 74px !important;
  }
}
@media only screen and (min-width: 320px) and (max-width: 768px) and (orientation: landscape){
	.follw-contr{
      bottom: 74px !important;
  }
.sticky-top{
	    width: 100%;
    max-width: 100%;
    margin: 0;
        margin-left: 0px !important;
}
.bg-green{
	    background: #000;
}	
.banner , .gallery{
	margin-top: 0px;
}
.wrapper{
	    max-width: 100%;
    min-width: 100%;
}
.navbar-toggler {
    top: 15px;
    right: 10px;
    position: absolute;
}
.pageLanguageCls{
	top: 45px;
}
.follw-contr {
    bottom: 0px !important;
    float: none !important;
}
.Franchise-LoginBtm {
    display: block !important;
    float: none !important;
    margin: 10px auto !important;
    clear: both !important;
    bottom: 0px !important;
}
}