/*Fonts*/
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on June 15, 2018 */
@font-face {
	font-family: 'robotoitalic';
	src: url('../fonts-site/roboto-italic-webfont.woff2') format('woff2'), url('../fonts-site/roboto-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}/*
@font-face {
	font-family: 'robotobold';
	src: url('../fonts-site/roboto-bold-webfont.woff2') format('woff2'), url('../fonts-site/roboto-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotoblack';
	src: url('../fonts-site/roboto-black-webfont.woff2') format('woff2'), url('../fonts-site/roboto-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}*/
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts-site/roboto-regular-webfont.woff2') format('woff2'), url('../fonts-site/roboto-regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotothin';
	src: url('../fonts-site/roboto-thin-webfont.woff2') format('woff2'), url('../fonts-site/roboto-thin-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'robotolight';
	src: url('../fonts-site/roboto-light-webfont.woff2') format('woff2'), url('../fonts-site/roboto-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'montserratblack';
	src: url('../fonts-site/montserrat-black-webfont.woff2') format('woff2'), url('../fonts-site/montserrat-black-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
/*Reset class ===============================*/
html {
	-ms-overflow-style: -ms-autohiding-scrollbar;
}
a {
	color: #52bf90;
}
a:hover {
	text-decoration: none;
	color: #52bf90;
}
strong, b, .font-weight-bold {
	font-family: 'robotobold';
}
.error {
	color: #dc3545!important;
}
/*Common ====================================*/
body {
	font-family: 'roboto';
	background: #fff;
	color: #111;
	
}

.capaign-left {
	width: 50%;
	height: 400px;
 position:relative;
	margin: 18% auto;
}

.capaign-right {
	width: 80%;
	height: 400px;
 position:relative;
	margin: 29% auto;
}
.logo {width:100%; margin:40px;
}

.capaign-left h2 {
	font-family: 'roboto';
 
	color: #111;
}
.logo {	font-family: 'roboto';
 font-size:40px; font-weight:bold;
	color: #111;}
	.capaign-left .inner-box{    /* background: #f1f1f1;*/
    padding: 30px;
    border-radius: 35px; }
	
.capaign-left .inner-box h2{margin-bottom:25px; text-align:center; font-size: 30px;}

.capaign-left .inner-box .row{margin-bottom:20px;}
.capaign-left .inner-box .form-control{	background: #ebebeb; padding: 16px;}

.form-accept p{position:relative; }
.form-accept .form-group{position:relative; padding-left:30px;}
.form-accept .form-group input{position:absolute; left:0px; top:1px;}
.form-accept .form-group label{font-size:19px;}
.btn.Submit{background:#332459; padding:13px 40px;; color:#fff; float:right; font-weight:bold; font-size: 19px;}
 
 .capaign-right .form-output {position: absolute;
    width: 50%; 
    left: 25%;
    top: 20%;
    text-align: center;
    padding: 0px;
    height: 50%;

}

/*right side css*/

.signupvalue {position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px;  height: 50%;}
 .showmail{ position: absolute; width:65%; left: 20%; top: 20%;text-align: center; padding: 0px; height: 50%;}
 .showcall { position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showcall .form-group{text-align:center; color:#fff;}
 .showsms{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showMenuboard{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showMenuboard .form-group{text-align:center; color:#fff;}
 .showMenuboard .form-group img{width:100%;}
 .showcalender{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .Restaurantname{ position: absolute; width:53%; left: 25%; top: 20%;text-align: center; padding: 0px; height: 50%;}
 .Restaurantname .form-group{text-align:center; color:#fff;}
 
 
 .showMenutype{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showMenutype .form-group{text-align:center;}
 .showMenutype .form-group img{width:150px;}

 .showexistmenu{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showexistmenu .form-group{text-align:center;}
 .showexistmenu .form-group img{width:200px;}
 
 .showallmenu{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showallmenu .form-group{text-align:center; margin-top: 27px;} 
  .showallmenu .form-group img{width:100% !important;}
  .showprofessionalmenu{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showprofessionalmenu .form-group{text-align:center; margin-top: 27px;} 
 .showprofessionalmenu .form-group img{width:122px;}
 
 .showpricelist{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showpricelist .form-group{text-align:center; margin-top: 27px;} 
 
 .showMenuboard{ position: absolute; width: 50%;left: 25%; top: 20%; text-align: center; padding: 0px; height: 50%;}
 .showMenuboard .form-group{text-align:center; margin-top: 20px;} 
 .showMenuboard .form-group img {border: 0px solid #fff;}
  
.signupvalue .form-group{text-align:left;}
.signupvalue .form-group label{font-weight:bold; font-size:20px;}
.signupvalue .row{margin-bottom:10px;}

.showCategory{       position: absolute;
    width: 94%;
    left: 26px;
    top: 3%;
    text-align: center;
    padding: 0px;
    height: AUTO;
}
 .showCategory .form-group{text-align:center;}
 .showCategory .form-group img{width:100%; border:0px solid #fff;}
 
/*right side css*/
 
.form-accept label{}

 .capaign-right .form-output h2{color: #fff;
    font-weight: bold;
    font-size: 69px;}
	.center{text-align:center;}
	
	.slidetwo .wrapper{text-align:center; margin-bottom:40px;} 
	.slidetwo .wrapper input{width:50px; height:50px;     margin: 6px;font-size: 23px;
    font-weight: 600;border: 2px solid #000; text-align:center;
    border-radius: 5px;
}

.slidefour .wrapper{text-align:center; margin-bottom:40px;} 
 .slidefour .wrapper input{width:50px; height:50px;     margin: 6px;font-size: 23px;
    font-weight: 600;border: 2px solid #000; text-align:center;
    border-radius: 5px;
}

.geturllik{ text-align: center;
    border: 2px solid #a9a3a3;
    margin-bottom: 20px;
    padding: 6px;
    border-radius: 12px;}
	
 .choose-file input[type="file"] {
    display: none;
}

 .choose-file label{width: 100%;
    text-align: center;
    background: #ddd;
    padding: 12px;
    border-radius: 8px; cursor: pointer;}
	
	.slidethirteen .cat-btn{border: 0;
    padding: 7px 25px;
    border-radius: 5px;
	color:#000;
    font-size: 19px; margin: 8px; background: #ddd;}
		.slidethirteen .cat-btn:hover{background: #000; color:#fff;}
			.slidethirteen .cat-btn.active{background: #000; color:#fff;}
	
	.slidethirteen .form-cat{text-align:center;}
	.btn.Submit-cat{    border: 0;
    padding:13px 25px;
    border-radius: 10px;
    color: #fff;
    font-size: 19px;
	font-weight:bold;
    margin: 5px 4px;
    background: #332459;}
	.loading {
  height: 0;
    width: 0;
    padding: 15px;
    border: 2px solid #ccc;
    border-right-color: #000000;
    border-radius: 22px;
    -webkit-animation: rotate 1s infinite linear;
    position: absolute;
    left: 47%;
    top: 71%;
}

@-webkit-keyframes rotate {
  /* 100% keyframe for  clockwise. 
     use 0% instead for anticlockwise */
  100% {
    -webkit-transform: rotate(360deg);
  }
}
 
 .mainsliderdiv p{font-size:19px}
 .showmail .form-group{text-align:center;}
 
 @media screen and (min-device-width: 1166px) and (max-device-width: 1512px) { 
  .showCategory {
   
    width: 93.5%;
    left: 20px;
    top: 2.5%;
   
} 
.showcall {
    position: absolute;
    width: 50%;
    left: 25%;
    top: 11%;
    text-align: center;
    padding: 0px;
    height: 50%;
}
.showsms { 
    left: 25%;
    top: 10%; 
}
.showpricelist {  top: 12%; 
}
}
.slide-right {
	animation: .4s slide-right;
}

@keyframes slide-right {
	from {
		margin-right: -100%;
		opacity: 0;
	}

	to {
		margin-left: 0%;
		opacity: 1;
	}
}

.slide-zoom {
	animation: .4s slide-zoom;
}

@keyframes slide-zoom {
	from {
		width: 0%;
		opacity: 0;
	}

	to {
		width: 100%%;
		opacity: 1;
	}
}
.iti--allow-dropdown {width:100%;
}

#uploadedImage {
	width: 60px;
	position: absolute;
	left: -145px;
	border: 0px solid #fff;
	border-radius: 50%;
	top: -13px;
	width: 65px;
	background: #fff;
	padding: 6px;
}

.form-group.cat .btn {
	background: #ddd;
	margin: 5px 5px 10px 5px;
	padding: 7px 20px;
}

#company_msg {
	text-align: right;
	color: red;

}
.form-group.cat .btn.active {
	background: #000000;
	color: #fff
}