@import url('https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;500&display=swap');

html { margin: 0; padding:0; overflow-x:hidden;}
body{ 
font-family: 'Karla', sans-serif; 
font-weight:normal; padding:0!important; color:#080a3c;
font-size:18px;
line-height:1.5;
height:100%; 
min-height:100%;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}


a{color:#424242; text-decoration:none;
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-ms-transition: 1s;
transition: 1s;
}
a:hover{text-decoration:none; color:#a9a283;}

.fix{
position:fixed !important;
z-index:999999; 
padding:20px 0 10px !important;
top: 0;
left: 0;
right: 0;
margin: 0;
width:100%;
background:#FFF;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
 -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
          animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.clear{clear:both; line-height:0; font-size:0;}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */
.header{padding:30px 0; border:none; transition: 0.5s; z-index:999; position:absolute; top:0; left:0; width:100%;}
.relative{position:relative;}
a.logo{ position:relative; top:0; left:0; z-index:999; transition: 1s; float:left;}
a.logo img{height:29px; transition: 1s;}
.fix a.logo img{height:29px; }

.nav-logo{display:none;}

.menubtn{float:right; cursor:pointer; display:none;}
.menubtn .bar1, .menubtn .bar2, .menubtn .bar3 {
  width: 30px;
  height: 3px;
  background-color: #333;
  margin: 5px 0;
  transition: 0.4s;
}
.closemenubtn .bar1 {
  -webkit-transform: rotate(-45deg) translate(-9px, 3px);
  transform: rotate(-45deg) translate(-9px, 3px);
}
.closemenubtn .bar2 {opacity: 0;}
.closemenubtn .bar3 {
  -webkit-transform: rotate(45deg) translate(-8px, -3px);
  transform: rotate(45deg) translate(-8px, -3px);
}

.navigation{float:right; width:75%; margin:-5px 0 0 0;}
.navigation ul{margin:0; padding:0; display:inline-block; vertical-align:top;}
.navigation ul li{display:inline-block; vertical-align:top; margin:0 5px;}
.navigation ul li a{color:#000;display:block; padding:8px 18px; border-radius:25px; transition:1s all; font-weight:500; border:2px solid transparent; letter-spacing:1px;}
.navigation ul li a:hover{background:rgba(255,255,255,0.2);}
.navigation ul.first-child{padding-right:10px;border-right:2px solid rgba(255,255,255,0.5); float:left;}

.navigation ul.last-child{float:right;}

.navigation ul.last-child li:first-child a{background:#00d599; color:#fff;}
.navigation ul.last-child li:first-child a:hover{border:2px solid #FFF; background:none; color:#FFF;}
.fix .navigation ul.last-child li:first-child a:hover{border:2px solid #00d599; color:#00d599; }


.navigation ul.last-child li:nth-child(2) a{border:2px solid rgba(255,255,255,1); color:#fff;}
.navigation ul.last-child li:nth-child(2) a:hover{border:2px solid #4ac728; background:#4ac728; color:#FFF;}
.fix .navigation ul.last-child li:nth-child(2) a{border:2px solid #4ac728; color:#4ac728;}
.fix .navigation ul.last-child li:nth-child(2) a:hover{color:#FFF;}

.navigation ul.last-child li:last-child{display:none;}
.navclose{display:none;}


ul.settmlist li a:after{
	content: '\f105';
    font-family: 'Font Awesome 5 Free' !important;
	font-weight:900;
    font-size: 16px;
    color: #666;
    position: absolute;
    right: 10px;
    transition: 0.3s all;
}

#nextpage{position:relative;box-shadow:0px 3px 5px 0px rgb(0,0,0,0.08); padding:20px 0 10px;}
#nextpage ul.last-child li:nth-child(2) a{border:2px solid #4ac728; color:#4ac728;}
#nextpage ul.last-child li:nth-child(2) a:hover{color:#FFF;}
#nextpage ul.last-child li:first-child a:hover{border:2px solid #00d599; color:#00d599;}

.note-modal .modal-dialog{box-shadow:none !important;}
.modal-backdrop{z-index:99 !important;}
.sn-checkbox-open-in-new-window, .sn-checkbox-use-protocol{display:none !important;}

.meetingfor{font-weight:500;color:#333;}
.appontment-name{font-weight:500; margin:1px 0;}
.appoint-email{}
.appoint-email a{}
.appoint-phone{ margin:1px 0;}
.appodatetime{}

.servicehd{font-weight:500;}
select#tps{height:35px; border:1px solid #c7c7c7; width:150px; margin-left:15px; border-radius:3px;}
select#tps:focus{outline:none;}
.buttnlist a.apptrash{font-size:16px;color:#666;margin-top:2px;}
.appo-aconfrme a i, .appo-aconfrmeDel a i{margin-top:6px;}
a.downloadlink{padding:6px 15px; font-weight:400;}
.appappo-table-col .checkcontainer{margin-top:7px;}
.appappo-table{border-bottom:none;}
.hideinput{vertical-align:top;}
.accountseting-head{position:relative;}
.positionabbtn{position:absolute; right:15px; top:7px;}
.border-top-none{border-top:none;}
.profileimg{display:block; width:150px; display:block; margin:10px auto;}
.profileimg img{border-radius:10px;}
.editprobtn{text-align:center; margin-top:10px;}
.editprobtn a{display:inline-block; background:#2a88c8; color:#FFF; padding:5px 15px; border-radius:3px; margin-top:15px; font-size:15px;}
.profileimagebox{width:230px; border:1px solid #ddd; margin:25px auto; padding:10px 0 15px; border-radius:5px; background:#FFF;}
.input-cotrol-block label{font-weight:500;}
#incrse, #incrse-one{padding:8px 0;}
ul.tagit li{font-size:15px;margin:3px 5px 2px 0; border-radius:3px !important;}
.no-shadow{box-shadow:none !important;}
.no-border{border:none !important;}
/*.fc-button .fc-icon{font-size:1em;}*/

.fc-button{font-size:0.8em !important;}
.fc-toolbar h2{font-size:1.45em !important;}

.newboxs{display:flex; flex-wrap:wrap;}
.innerbxs{flex-grow:1; margin:5px; width:45%;padding:25px;background:#FFF; box-shadow: 0 2px 5px rgb(173 173 173 / 20%);
    border: 1px solid rgba(0,0,0,0.13);}
.innrflexs{display:flex;}
.imgscols img{width:80px;}
.textcols{flex-grow:1;}
.textcols h3{font-weight:500; letter-spacing:0px;}
.imgscols{}
.newmargin{margin:0 5px 10px;}


/*------------------------------------*\
    Media Queries
\*------------------------------------*/



@media (max-width: 1400px){
	.bannertxt{left:0;}
}
@media (min-width: 992px) and (max-width: 1199px){
	.bannertxt{left:0;padding-right:130px;max-width:570px;}
	.banner-caption h1{font-size:48px;}
}
@media (min-width: 768px) and (max-width: 992px){
.header{padding:15px 0;}
.banner-caption h1{font-size:40px;}
.bannertxt{text-align:center;max-width:640px;padding-right:0;margin-right:auto;margin-bottom:25px;}
	}


@media (min-width: 330px) and (max-width: 991px){
	.header{padding:15px 0;}
	.fix{padding:15px 0 10px !important;}
	.menubtn{display:block;position:fixed;right:20px;top:15px;}
	.colormbtn .bar1, .colormbtn .bar2, .colormbtn .bar3{background-color:#000;}
	.navigation{width:250px;background:#666;height:100vh;position:fixed;top:0;z-index:999; transform:translate3d(-400px,0,0);transition:.3s ease-in-out;}
	.navigation ul{display:block;}
	.navigation ul.first-child{padding-right:0; border-right:none;}
	.navigation ul li{display:block;}
	.rightmargin{left:0;transform:translate3d(0,0,0)!important}
	.navclose{display:none;color: #FFF;position: absolute;right:-30px;top:0px;font-size:25px;cursor:pointer;background:#000;width:35px;text-align:center;font-weight:bold;}
	.nav-logo{display:block; padding:20px 15px 15px 25px; }
	
	.navigation ul.first-child, .navigation ul.last-child{float:none;}
	.navigation ul.last-child{margin-top:25px;}
	.navigation ul.first-child li:last-child a{border-bottom:1px solid rgba(255,255,255,0.1);}
	.navigation ul li a{border-radius:0; border-top:1px solid rgba(255,255,255,0.1); color:#FFF; font-weight:400;}
	.navigation ul:last-child li:first-child{display:none;}
	.navigation ul:last-child li:nth-child(2) a{border-radius:25px; border:2px solid #FFF; margin-top:10px; width:135px; margin-left:50px; text-align:center;}
	.navigation ul.last-child li:last-child{display:block;}
	.navigation ul:last-child li:last-child a{border-radius:25px; border:2px solid transparent; margin-top:10px; width:135px; margin-left:50px; background:rgba(254,132,2,1); text-align:center;}
	.navigation ul:last-child li:last-child a:hover{border:2px solid rgba(254,132,2,1); color:rgba(254,132,2,1); background:none;}
	
	

.sticky-chat{right:10px;}
.sticky-chat a{width:50px; height:50px; line-height:50px;}	
.sticky-chat a.mobile-whatsapp{display:block;}
.sticky-chat a.desktop-whatsapp{display:none;}

}

@media (max-width: 480px){
	.create-area h4, .create-area ul{text-align:center;}
	.create-area span{display: block;clear: both;margin: 10px 10px 25px;text-align: center;}
	.innerbxs{width:100%;}
}