/* Gendral*/


/* buttons start*/

.btn-org {
    color: #fff;
    background-color: #fe5728;
    border-color: #fe5728;
    width: 70%;
}

.offer_btn {
    width: 150%;
    height: 60px;
    background-color: #f0492c;
    color: white;
    font-size: 25px;
    border-bottom-color: #f0492c;
}

.commonBtn {
    background: #ED3237;
    color: #000;
    padding: 5px 24px;
    font-weight: bold;
    display: inline-block;
    border: 1px solid #ED3237;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
}

@media (max-width: 767px){

.offer_btn {
    width: 100%;
    height: 40px;
    background-color: #f0492c;
    color: white;
    font-size: 15px;
    border-bottom-color: #f0492c;
}

}

/* buttons end*/

h1, h2, h3, h4, h5, h6, p {
    color: black;
    font-family: 'Comfortaa', cursive;
 }
 
 body {
    font-family: 'Comfortaa', cursive;
    color: black;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    background-color:white !important;
}

.nav-pills li.active a {
    border-bottom: 4px solid #f0492c !important;
	color: #f0492c !important;
}

li.tab_left_bar {
    border-right: 2px solid #565453;
    height: 27px;
    padding-left: 5px;
}


 
 .space_contant {
    padding-top: 50px;
    padding-bottom: 50px;
}
 
 .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}
 
 span.formerror h4 {
    color: red !important;
    font-size: 17px;
}

.wrapper-page {
    margin: 5% auto;
    position: relative;
    width: 420px;
}

span.error {
    color: red;
}

.footer {
    padding-top: 0px;
    background-color:#33b6bc !important;
}

.footer_left p {
    font-weight: 700;
}

.footer_right img {
    width: 15%;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    float: left;
}

.footer_right p {
    font-weight: 700;
}

.footer_right {
    text-align: right;
}

.footer_left {
    text-align: left;
}

.footer_div {
    padding-top: 200px;
}

.footer_logo {
    padding-top: 20px;
    padding-bottom: 50px;
}

.content-page > .content {
    margin-bottom: 100px;
	padding: 0px;
}


.profile_head img {
    width: 40%;
}

li.profile_text {
    padding-top: 22px;
}

.profile_text p {
    padding-left: 15px;
    font-size: 15px;
    color: #cecece;
}

.topbar {
    left: 0px;
    position: fixed;
    right: 0;
    top: 0px;
    background: #ffffff;
    z-index: 999;
}

p.text_blue {
    color: #4fc0c5;
}


span.formerror {
    color: red;
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 2px solid #eee;
}

.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
    background-color: #33b6bc !important;
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.timepicker-picker a {
    color: #33b6bc;
    text-decoration: none;
}

button.rcb {
    margin-left: 85px;
}

@media (max-width: 767px){
.wrapper-page {
    width: 90%;
}



.footer_div {
    padding-top: 200px;
}

.footer_left p {
    font-weight: 700;
    font-size: xx-small;
}

button.rcb {
    margin-left: 50px;
}

.footer_right img {
    width: 20%;
    padding-left: 1px;
    padding-right: 4px;
    position: relative;
    float: left;
}

.footer_right {
    text-align: left;
}

.profile_head img {
    width: 30%;
    padding-left: 5px;
}

.offer_btn {
    width: 100%;
    height: 40px;
    background-color: #f0492c;
    color: white;
    font-size: 15px;
    border-bottom-color: #f0492c;
}

li.tab_left_bar {
    border-right: none !important;
    height: none !important;
    padding-left: none !important;
}

}


.invalid {
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}
.valid {
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}

#pswd_info {
    position: relative;
    bottom: -115px;
    right: 2px;
    width: 350px;
    padding: 10px;
    background: #fefefe;
    font-size: .875em;
    border-radius: 5px;
    box-shadow: 0 1px 3px #ccc;
    border: 1px solid #ddd;
    display: none;
    top: -65px;
}


/*===================================================================================*/
/* Logo design and mobile responcive*/


.logo_design_footer img {
    width: 62px;
    height: 50px;
}

.logo_design_header img {
    width: 29%;
    height: 52px;
    margin-right: 80px;
    margin-top: 4%;
    margin-bottom: 4%;
}


@media only screen and (max-width: 767px){
	.logo_design_footer img {
    width: 50px;
    height: 40px;
}

.logo_design_header img {
      width: 50px;
    height: 40px;
}
}


/*===================================================================================*/
/* landing design and mobile,tab responcive*/
.text_white{
	color:white;
}

.text_orange{
	color: #fe5728;
}

.landing_section {
    height: 600px;
    background-repeat: no-repeat;
	background-size: 100% 100%;
}



.landing_login_btn button.btn.btn-org {
    width: auto;
}

.landing_login_smiley img {
    width: 200px;
    height: 45px;
    margin-top: 11px;
    padding-right: -25px;
}



.landing_text p {
    color: black;
    font-size: 35px;
	text-align: center;
    font-family: Lobster;
	word-wrap: break-word;
}

.landing_text {
    /* width: 56%; */
    /* margin: 0% 20%; */
    padding-top: 5%;
    margin: 0 auto;
    padding-left: 20%;
    text-align: center;
    padding-right: 20%;
}
  


.landing_login_btn {
    /* margin: 0% 40%; */
    padding-top: 5%;
    margin: 0 auto;
    text-align: center;
}

.landing_local_btn img {
    width: 100%;
    height: 320px;
    position: relative;
    float: right;
}

.landing_eats_btn img {
    width: 100%;
    height: 320px;
    position: relative;
    float: left;
}

.landing_section_buttons {
    background-color: white;
    padding-top: 40px;
    padding-bottom: 40px;
 /* padding-left: 100px;
    margin-bottom: 50px;
    margin-top: 50px;
    margin-left: -25px;
    margin-right: -25px; */
  }
  

  
.moblie_landing_logo img {
    float: right;
    width: 7%;
    padding-bottom: 5px;
}




/* moblie devices */
@media only screen and (max-width: 767px){
	

	
.landing_section {
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.landing_login_btn button.btn.btn-org {
     width: fit-content;
    font-size: xx-small;
}

.landing_login_smiley img {
    width: 80px;
    height: 20px;
    margin-top: 5px;
}

.landing_text {
    width: 56%;
    margin: 0% 20%;
    padding-top: 2%;
}

.landing_login_btn {
   
    margin: 0 auto;
    text-align: center;
    padding-top: 0%;
}



.landing_text p {
	color: black;
    font-size: 15px;
	text-align: center;
    font-family: Lobster;
	word-wrap: break-word;
}

.landing_local_btn img {
    width: 100%;
    height: 110px;
    position: relative;
    float: right;
    padding-right: 10px;
}

.landing_eats_btn img {
    width: 100%;
    height: 110px;
    position: relative;
    float: left;
	padding-left: 10px;
}

.landing_section_buttons {
    background-color: white;
    padding-top: 10px;
    padding-bottom: 20px;
  }
  

.moblie_landing_logo img {
    float: right;
    width: 12%;
    padding-bottom: 3px;
}

}

@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px)
and (-webkit-min-device-pixel-ratio: 1) 
 { 
 
 }