*{padding: 0;
margin: 0;}
/*@import url('https://fonts.googleapis.com/css?family=Roboto');
*//*@import url('https://fonts.googleapis.com/css?family=Poppins');
*/

body{font-family: 'roboto', sans-serif !important;}
.heade{padding: 10px 0;position: relative;box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08)}	
.heade .navbar .navbar-nav a{font-family: 'Lato', sans-serif;
font-size: 16px;font-weight: 500;    color: #616161;}
.heade .navbar{height: 100%;padding: 0;}
.heade .navbar  li{margin-right: 10px;}
.heade .navbar, .header-butto, .loggin-header{
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 100%;
}
.sticky-top{top: 10em;}
.header-top{background: #F26C61; padding: 5px 10px;}
.header-top ul li{    list-style-type: none;
	display: inline-block;
	font-size: 14px;
	margin-right: 18px;}
.header-top ul{margin-bottom: 0}
.header-top ul li a{color: #fff;}
.header-top ul li a:hover{text-decoration: none;} 
.header-top marquee{    font-size: 14px;
	height: 24px;
	display: table-cell;
	padding-top: 2px;color: #fff;}
.header-tto i{color: #fff; margin-right: 8px;}
/*header end*/
.slider-property-det .pad-less{padding-left: 0px; padding-right: 8px;}
.slider-property-det .carousel-control-next span, .slider-property-det .carousel-control-prev span{width:30px; height
:30px;}
.slider-property-det .carousel-item img{width:100%; height: 100%;}
/*main start*/

.main-back{background: #F7F7F7; padding: 4% 0 5%; }
.sec-head h6{color: #777;
	font-size: 14px;
   
	margin-bottom: 15px;}
.sec-head h2{color: #333;
	font-size: 36px;
	line-height: 43px;
	margin: -5px 0 15px;}
.sec-head p{}
.sec-head .head-addre span{color: #777;
	font-size: 13px;
	line-height: 15px;
	padding: 6px 15px;
	border: 1px dashed #D9D9D9;}
.sec-head p span i{color:#f26c61;}

.ico--sec-hea i{ font-size: 15px;
	margin-right: 10px;
	background: #E6EAEE;
	border-radius: 4px;
	padding: 10px;    color: #777;}

.ico--sec-hea i:hover{color:#000; transition: 0.9s all ease;}

.pric-sh-head{margin:18px 0 0;}
.pric-sh-head p span{font-size: 30px;color: #f26c61;font-weight: 700}
.pric-sh-head p{color: #777777; font-weight: 600;}


.property-detaii-pa{margin:3% 0 0;}

.back-whit{background: #fff;padding: 4%;margin-bottom: 5%;border-radius: 5px;border: 1px solid #eee;}

.property-feactu{margin-bottom: 20px;}

.property-feactu li{    list-style-type: none;
	display: inline-flex;
	margin-right: 15px;
	border: 1px dashed #D9D9D9;
	padding: 10px;
	color: #333;
	font-weight: 500;
	font-size: 14px;
}

.property-feactu li i{
		color: #f26c61;
	padding-right: 10px;
	font-size: 16px;}

.detai-content{margin-bottom: 6%;}

.detai-content p{font-size: 15px; line-height: 30px;text-align: justify;}


.propertt-details{margin:0 0 6%;}

.propertt-details h3, .feactur-property h3, .shedule h3, .sublisting h3, .property-addre h3{font-size: 17px;
	font-weight: 600;margin: 0 0 25px;    color: #5277a3;}


.table th, .table td{font-size: 14px;}

.propertt-details table,.sublisting table{border:2px solid #F2F2F2;}
.feactur-property p{font-size: 14px;}


.feactur-property p .check{    
	color: #fff;
	background: #5277a3;
	border: 2px solid #5277a3;
	font-size: 13px;
	padding: 2px;
	 margin-right: 4px;}


.feactur-property p .cross{

	color: #ccc;
	background: #fff;
	   border: 2px solid #E6EAEE;
	font-size: 13px;
	padding: 2px;
	 margin-right: 4px;
}



.shedule form label, .contact-user form label{font-size: 14px;}

.shedule form .form-control, .contact-user form .form-control{font-size: 14px !important;background: #fafafa;
	border: 1px solid #eeee;}

.shedule form .form-group, .contact-user form .form-group{width: 100%;margin-bottom: 25px;}
.shedule form .form-group textarea, .contact-user .form-group textarea{height: 130px;}

.shedule form button,  .contact-user form button{background: #F26C61;
	border: #F26C61;
		padding: 8px 30px 8px 20px;}

	.shedule form button i{margin-left: 6px;}


.sublisting button{width: 100%;text-align: left; color:#000; text-decoration: none !important;font-size: 15px;}
.sublisting button i{margin-right: 8px;}

.sublisting .card{border: 1px dashed #DDD;}
.sublisting .card .card-header{background: none; padding: 4px 0; border: 1px dashed #DDD;}

.property-video h4, .name-user h3, .contact-user h3{color: #f26c61;font-size: 20px;
	font-weight: 500;border-bottom: 1px solid #ccc;padding-bottom: 12px;}
.property-video hr, .name-user hr, .contact-user hr{margin: -10px 0 15px;
	width: 12%;
	border: 1px solid #f26c61;}	


.proile-imag{overflow: hidden;max-height: 272px;}
.user-profoll{    background: #fff;
   
	margin-bottom: 5%;
	border-radius: 6px;
	border: 1px solid #eee;}

.imagewith-ico{position: relative;margin-bottom: 10px;}

.proile-imag img{border-radius: 6px;}

.ico-user{    padding: 20px 24px 5px;
	background-image: linear-gradient(to bottom,rgba(0,0,0,0) 0, rgba(0,0,0,0.6) 50%, rgba(0,0,0,.8) 100%);
	position: absolute;
	width: 100%;
	bottom: 0;}

	.ico-user i{color: #fff;margin-right: 10px;}

.prpr-video{margin-top:20px;}

  .pad-detail{padding:4%;}

.name-user h6{font-size: 16px;color: #989898;    margin-bottom: 10px;}
.name-user p{font-size: 14px;
	line-height: 28px;}
.my-property{    border-top: 1px solid #ccc;
	padding: 15px 10px 0;}
.my-property h5{font-size: 16px;color: #f26c61;font-weight: 500}
.my-property h5 i{margin-left: 6px;}


/*loan calculator*/
.form-loan{margin-top: 25px;}
.reset-bu{margin-left: 20px;color:#000;}
.reset-bu:hover{ text-decoration: none;}


.loggin-header p{font-size: 17px;
	margin: 0;
	font-weight: 500; cursor: pointer; text-transform: uppercase;}

.loggin-header p i{ margin-right: 3px;}
.user_login_menu_white {color:#fff;}
.user_login_menu_black {color:#fff;}
.user_login_menu_black i{color:#fff;}
.user_login_menu_white i{color:#fff;}
.header-butto button{    background: #6ca4b3;
	border: 1px solid #fff;
	color: #fff;
	width: 84%;
	height: 35px;
	border-radius: 30px;
	font-size: 14px;    }


.header-butto button:hover{background: #fff;
color: #F26C61;
transition: 0.8s all ease;
}



.agrement-back{background: url(../../images/agree-back.jpg); padding: 6% 0;background-size: cover; }
.agrement-back h1{color: #fff;}


.contrf{margin:2% 0;}


/*wizard*/

#regForm {
  background-color: #ffffff;
  
  font-family: Raleway;
  padding: 20px 0;
  width: 100%;
  min-width: 300px;
}

.tab {
  display: none;
}

#prevBtn {
  background-color: #bbbbbb;
}

.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}

.tabsadgree label, .tabsadgree input, .tabsadgree h3, .tabsadgree button{font-family: 'Lato', sans-serif;}

.tabsadgree .nav-tabs .nav-link{font-size: 18px;}


.tabsadgree h3{    font-size: 22px;
	font-weight: 600;
	padding: 12px 0 22px; 
	margin: 0;}


.tabsadgree .nav-tabs .nav-link.active, .tabsadgree .nav-tabs .nav-item.show .nav-link{border-color: #F26C61 #F26C61 #fff !important;}
.tabsadgree .nav-tabs .nav-link{border: 2px solid transparent !important;}

.tabsadgree .nav-tabs{border-bottom: 1px solid #F26C61 !important;}

.merro{margin:1% 0 2%;}

/*wizard end*/

.back-sli-top{    background: url(../../images/home_slider_01.jpg);
	background-repeat: no-repeat;
	background-size: cover; height: 100%; padding: 5% 2%;}



.banne-sli-heading h4, .banne-sli-heading h1{
font-family: 'Rubik', sans-serif; color:#fff;}

.banne-sli-heading h4{font-size: 17px;}
.banne-sli-heading h1{font-size: 55px;}
.main-banne-he{padding: 20px 0;}
.main-banne-he h1 span{color: #F26C61;}
.bac-whi{background: #fff;}
.sle-stat{    background: #F26C61;
	color: #fff;
	width: 100%;
	border: 1px solid #F26C61;
	padding: 18px 40px 18px 30px; -webkit-appearance: none;
  -moz-appearance: none;position: relative;}

.ico-on-sta::after{    content: "\f107";
	font-family: FontAwesome;
	color: #fff;
	position: absolute;
	width: auto;
	top: 50%;
	left: 80%;
	transform: translateY(-50%);
	font-size: 16px;
}

.ico-on-sta{padding-right: 0 !important;}

.sle-stat option{background: #fff; color:#333; font-size: 15px;}
.sle-stat:focus{outline: none;}
.bac-whi input[type="search"]{    height: 100%;
	width: 62%;
	border: none;
	font-size: 15px;}

.bac-whi input[type="search"]:focus{outline: none !important;}

.advancee::before{     content: "";
	position: absolute;
	width: 2px;
	height: calc(100% - 30px);
	top: 14px;
	left: 61%;
	background: #e1e1e1;}

.advancee{    font-size: 14px;
	color: #777;}


.advancee i{margin-right: 5px;}

.bac-whi button{    position: absolute;
	right: 1%;
	top: 13%;
	width: 26%;
	background: #33aa58 !important;
	color: #ffff;
	border: #33aa58;
	border-radius: 4px;
	bottom: 13%;
	text-transform: uppercase;
	font-size: 14px; cursor: pointer;}

.bac-whi button i{    font-size: 12px;
	position: relative;
	left: -6px;}


.bac-whi button:hover i{left: -16px; transition: 1s all ease;}


.form-pro{padding: 4% 0;}

.icon-back img{width: 63px;}
.icon-back p{color: #fff;margin-top: 10px;}


.propert-ty h3{    font-size: 18px;
	color: #fff;
	margin-bottom: 30px;}

.icon-imm{border: 1px #565d61 dashed;line-height: 135px;background: rgba(0, 0, 0, 0.3);}

.icon-imm:hover{background: #F26C61; transition: 1s all ease;}

.property-list-h{padding: 5% 0; background: #f6f6f6;}


.property-list-h h2{
		font-family: roboto;
	font-weight: 800;
	letter-spacing: .05em;
	margin-bottom: 0;
	font-size: 32px;
	padding: 12px 0 4px;
}


.property-list-h h6{font-size: 15px;
	font-weight: 500;color: #909090; margin-bottom: 4%;}


.full-ccol{background: #fff; padding: 15px 15px 0;}


.image-full{position: relative;}

.icons--fectur{    position: absolute;
	width:100%;
	top: 50%;
	transform: translateY(-50%);
	text-align: center;}
.icons--fectur i{    color: #fff;
	margin-right: 20px;}


  .tooltip .tooltiptext{background: #fff;}

.image-full::before{
	content: "";
	width: 100%;
	position: absolute;
	transition: all .3s;
	background-color: rgba(34, 34, 34, 0.38);
	top: 0px;
	height: 100%;

}

.calendo{    position: absolute;
	width: 100%;
	bottom: -3px;
	padding: 0 13px 0;  }

.calendo p{color:#fff;font-size: 15px;}
.calendo p i{color:#F26C61;margin-right: 5px;}


/*image content*/


.sttaus-in{    background-color: #F26C61;
	   height: 40px;
   }

.sttaus-in p{font-size: 13px; text-transform: uppercase;}


.availl-r-s p{ width:100%;margin-bottom: 0; color: #fff;font-family: 'Open Sans', sans-serif;    font-weight: 600;position: absolute;top: 50%; transform: translateY(-50%);
}

.sttaus-in, .rate-stat{position: relative;}

.sttaus-in::after{    content: '';
	display: block;
	width: 0;
	height: 0;
	border-top: 40px solid #F26C61;
	border-right: 20px solid transparent;
	position: absolute;
	top: 0;
	left: 100%;z-index: 999999;}


.pad-righ{padding-right: 0 !important;}
.pad-left{padding-left:0 !important;}
.rate-stat{background: #222;text-align: center;    height: 40px;}
.rate-stat p sup{color: #aeaeae;}

.content-conte{    padding-top: 20px;}
.content-conte h5{    font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: roboto;
color: #F26C61;
}
.content-conte h3{    font-size: 25px;
	font-weight: 600;
	font-family: roboto;}
.content-conte h6{font-size: 14px;}

.feactures-ico{padding: 3% 0;}
.feactures-ico p{    color: #737171;
	font-size: 15px;}


.feactures-ico p i{color: #F26C61;margin-right: 5px;}

.icons--fectur{opacity: 0;}
.full-ccol:hover .image-full::before{content:'';

position: absolute;
top: 0;
background: linear-gradient(transparent,rgba(0,0,0,.7),rgba(0,0,0,.7));
	width: 100%;
	height: 100%;
transition: 1s all ease;
}

.full-ccol:hover .image-full .icons--fectur{opacity: 1; transition: 0.6s all ease;}
.feactu-prop{position: absolute;width: 100%; top: 7%;  }
.feactu-prop span{    margin-bottom: 0;
	background: #F26C61;
	padding: 7px 30px 7px 12px;
	color: #fff;
	border-top-right-radius: 28px;
	font-size: 13px;
	text-transform: uppercase;
	font-weight: 500;
	font-family: roboto;}



.shop-catta .carousel-control-prev, .shop-catta .carousel-control-next, .property-list-h .carousel-control-prev, .property-list-h .carousel-control-next, .feactre-incex .carousel-control-prev, .feactre-incex .carousel-control-next{width:5%;opacity: 1;}

.shop-catta .carousel-control-prev i, .shop-catta .carousel-control-next i, .property-list-h .carousel-control-prev i, .property-list-h .carousel-control-next i, .feactre-incex .carousel-control-prev i, .feactre-incex .carousel-control-next i{font-size: 40px;color: #000;position: relative;}

.shop-catta .carousel-control-prev, .feactre-incex .carousel-control-prev,  .property-list-h .carousel-control-prev{left: -80px;}   

.shop-catta .carousel-control-next, .property-list-h .carousel-control-next, .feactre-incex .carousel-control-next{right: -80px;}

.shop-catta .carousel-control-prev i{    background: #f26c61;
	color: #fff;
	padding: 16px;
	border-bottom-left-radius: 50px;
	}


.shop-catta .carousel-control-next i{    background: #f26c61;
	color: #fff;
	padding: 16px;
	border-bottom-right-radius: 50px;
	}


.feactre-incex .carousel-control-next i:hover{    background: #f26c61;
	color: #fff;
	padding: 16px;
	border-bottom-right-radius: 50px;
	transition: 0.8s all ease;}
 .feactre-incex .carousel-control-prev i:hover{    background: #f26c61;
	color: #fff;
	padding: 16px;
	border-bottom-left-radius: 50px;
	transition: 0.8s all ease;}
.property-list-h .carousel-control-prev i:hover, .property-list-h .carousel-control-next i:hover{    background: #F26C61;
	color: #fff;
	height: 60px;
	width: 50px;
	padding: 9px 0 0;}

.property-list-h .carousel-control-prev i:after, .property-list-h .carousel-control-next i:after{

	content: '';
	border-bottom: solid 60px #f6f6f6;
	border-top: solid 0 transparent;
	position: absolute;
	border-left: solid 10px transparent;
	top: 0px;
	left: 81%;
	}



.banner-top-off{background: url(../../images/background-2.jpg) no-repeat; min-height: 350px;position: relative;}

.banner-top-off::before{content: '';

position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,0.7);

}


.bane-of-com-t{position: relative;width: 100%; height: 100%; top: 50%; }
.banner-top-off h1, .banner-on-sal h1{color: #fff;font-size: 50px;font-weight: 700;}

.banner-top-off .butt-cl, .banner-on-sal .butt-cl{padding-top: 4%;}
.actttivv{background: #F26C61; }
.butt-cl button{    height: 46px;
	width: 25%;
	border-radius: 30px;border: 2px solid #F26C61; color: #fff;cursor: pointer;}
.uncatac{background: transparent; margin-left: 10px; color: #F26C61 !important;}



.actttivv:hover{background: transparent;color: #F26C61; transition: 0.8s all ease;}
.uncatac:hover{background:#F26C61 ;color: #fff !important; transition: 0.8s all ease;}


.inde-servi{padding:5% 0 6%;}


.servicc-column{padding: 3% 0 0;}
.se-1{    background-color: #f6f7f8;
	padding: 40px 30px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	height: 100%;}


.inde-servi h2{
	   font-size: 30px;
	letter-spacing: 1px;
	color: #333;
	font-weight: 700;
	text-transform: uppercase;
   margin: 0 0 14px;

}

.inde-servi h2 span{color: #f26c61;}
.inde-servi h5{    font-size: 16px;
	color: #777;}


.se-1 h3{     font-size: 16px;
	font-weight: 700;
	margin: 0;
	padding: 25px 0 18px;}
.se-1 p{font-size: 14px;
	color: #777;    line-height: 28px;}


.feactre-incex{background-color: #f6f7f8;padding: 6% 0;}
.feactre-incex h2{font-weight: bold;    color: #333;
	}


.feactre-incex h5{    
	font-size: 16px;
	color: #777;}


.tabss-categ .nav-tabs{    border: none;
	height: 100%;
	position: absolute;
	top: 89%;
	transform: translateY(-50%);}

.tabss-categ .nav-item .active{    background: none !important;
	border-bottom: 2px solid #e83c3c !important;
	border-top: none;
	border-left: none;
	border-right: none;}

.shop-catta .nav-tabs .nav-link:hover, .tabss-categ .nav-tabs .nav-link:hover{border:none !important;}


.tabss-categ .nav-tabs .nav-link{    font-size: 18px;
	color: #495057 !important;
	font-weight: 700;
	padding: 0.5rem 7px;
	margin-right: 14px;}

.back-fe-of{background: url(../../images/villa1.jpg) no-repeat; background-size: cover; padding:4% 3%; border-radius: 4px; }
.tabss-categ .tab-content, .shop-catta .tab-content{margin-top: 3%;}

.fewhite-li{position: relative;background: #fff; padding: 20px;box-shadow: -12px 12px 0px 0px #F26C61;}

.fewhite-li button{    background: #f26c61;font-size: 13px;
	color: #fff;padding: 3px 15px;
	border-radius: 30px;border: 1px solid #f26c61;text-transform: uppercase; }
.fewhite-li h3{    font-size: 28px;
	text-transform: capitalize;
	font-weight: 700;
	letter-spacing: -0.01em;
	color: #5277a3;
	padding: 22px 0 12px;}

.fewhite-li h6{font-size: 14px;
	color: #696969;
	text-transform: inherit;
	font-weight: 400;border-bottom: 1px solid #ccc;    padding-bottom: 16px;}
.fewhite-li hr{    margin: -9px 0 18px;
	width: 20%;
	border: 1.2px solid #f26c61;}

.fewhite-li h6 i{color: #f26c61; padding-right: 5px;}    

.fewhite-li p{    font-size: 14px;
	text-align: justify;}
.share-ico-gal{}
.share-ico-gal i{    background: #E6EAEE;
	color: #5277A3;
	padding: 10px;
	border-radius: 50%;}


.share-ico-gal i:hover{background: #f26c61; color: #fff; transition: 0.6s all ease;}

.price-sli-bo{    margin-top: 9%;}
.price-sli-bo h4{    color: #f26c61;
	font-weight: 700;}  
.price-sli-bo h4 sup{color: #7b7b7b;}

.rellativ{position: relative;}



.back-fe-sec{background: url(../../images/villa2.jpg) no-repeat; background-size: cover; padding:4% 3%; border-radius: 4px; }
.back-fe-thir{background: url(../../images/villa3.jpg) no-repeat; background-size: cover; padding:4% 3%; border-radius: 4px; }

.feactre-incex{}

.ou-servi-bo{padding:5% 0;}


.banner-on-sal{    background: url(../../images/thumb-1920-270990.jpg) no-repeat;
	min-height: 310px;
	position: relative;background-size: cover;}



.banner-on-sal::before {
	content: '';
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
}


.banner-on-sal .bane-of-com-t{top: 29%;}
.shop-catta .nav-tabs .nav-link{color: #495057;}
.shop-catta{padding: 3% 0;margin-bottom: 1%;}
.shop-catta h2{    font-size: 35px;
	font-weight: 700;}
	.shop-catta h2 span{color: #f26c61;}


.shop-catta h6{font-size: 15px;}

.shop-catta .nav-tabs{border:none;margin-top: 15px;}

.shop-catta .nav-tabs .nav-item .active{border:none;color: #f26c61; font-weight: 700;}

.cate-im-conn{    padding-bottom: 28px;
	box-shadow: 0px 0px 14px 0px #e4e4e4;    margin-bottom: 3%;}


.cate-im-conn img{}
.cate-im-conn h5{    padding-top: 15px;
	font-size: 21px;
	font-weight: 700;color: #f26c61;}
.cate-im-conn p{    font-size: 15px;
	padding: 6px 10px;}
.cate-im-conn h4{    font-weight: 700;
	color: #504b4b;}

.cate-im-conn h4 sup{font-size: 14px;}

.cate-im-conn button{    margin-top: 15px;
	background: #f26c61;
	border: 1px solid #f26c61;
	color: #fff;
	padding: 5px 17px;
	border-radius: 4px;}


.seco-ban{background: url("../../images/secon-bannaer.jpg")  no-repeat; background-size: cover;position: relative;padding: 3% 0}



.seco-ban{}
.seco-ban h2{color: #fff;}
.seco-ban h5{color: #fff; font-size: 14px; margin-bottom: 15px;}
.seco-ban h6{    color: #fff;
	font-size: 14px;
	margin-bottom: 15px;}



.seco-ban input[type="text"]{    border-top-left-radius: 5px;
	width: 96%;
	height: 50px;
	font-size: 16px;
	color: #555;
	border-bottom-left-radius: 4px;
	border: 1px solid #ccc;
	padding: 0 20px;}



/*accordian*/

.panel-default>.panel-heading {
  color: #333;
  background-color: #fff;
  border-color: #e4e5e7;
  padding: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.panel-default>.panel-heading a {
  display: block;
  padding: 10px 15px;
}

.panel-default>.panel-heading a:after {
  content: "";
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  float: right;
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}

.panel-default>.panel-heading a {
	  font-size: 19px;
	background-color: #F26C61;
	color: #fff;
	text-decoration: none;
}

.panel-default>.panel-heading a[aria-expanded="true"]:after {
  content: "\2212";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.panel-default>.panel-heading a[aria-expanded="false"]:after {
  content: "\002b";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.accordion-option {
  width: 100%;
  float: left;
  clear: both;
  margin: 15px 0;
}

.accordion-option .title {
  font-size: 20px;
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.accordion-option .toggle-accordion {
  float: right;
  font-size: 16px;
  color: #6a6c6f;
}

.accordion-option .toggle-accordion:before {
  content: "Expand All";
}

.accordion-option .toggle-accordion.active:before {
  content: "Collapse All";
}



.agreemenen-dt textarea{width: 100%; min-height: 200px; border:1px solid #ccc;padding:10px 20px;}
.modific{margin-left: 20px;margin-top:1%;}
.modific i{    font-size: 22px;
	margin-right: 20px;}

.modific a{color:#000;}

.agreemenen-dt .panel-body{padding: 1% 0 3%;}
.agreemenen-dt .panel-default{margin-bottom: 2%;}

.creat-pd{    margin-bottom: 1%;
	height: 35px;
	margin-right: 1em;}
.creat-pd a{    background: #545252;
	color: #fff;
	padding: 12px 30px;}

.creat-pd a:hover{color: #fff; text-decoration: none;}


.seco-ban .serrchhh-ci{background: #F26C61;    height: 50px;
	position: absolute;
	padding: 18px;
	color:#fff;    border-top-right-radius: 4px;
	border-bottom-right-radius: 4px; cursor: pointer;
} 

.droopdon-ser .card{border-radius: 0px;border:none;}
.droopdon-ser .card .card-header{border:none; padding: 0}
.droopdon-ser .card .card-header h5 button{    color: #1f2025;
	font-weight: 400;
	width: 100%;
	text-decoration: none !important;
	text-align: left;background: #eee;font-family: 'Roboto Condensed', sans-serif;

}



.droopdon-ser h5 button i{    margin-right: 8px;
	font-size: 14px;
	color: #1f2025;}

.droopdon-ser .card-body button{      background: #F26C61;
	color: #fff;
	border-radius: 30px;
	border: 1px solid #F26C61;
	padding: 4px 20px;
	margin-right: 20px;
	cursor: pointer;}

.droopdon-ser{position: absolute;width: 98%; border:1px solid #c5c5c5 ; display: none;top: 99%; z-index: 999999; }


.seri-cou-tabbb{background: #eee;padding: 2% 0;}
.seri-cou-tabbb h2{    font-family: roboto;
	font-size: 25px;
	font-weight: 500; color: #212121;}



.seri-cou-tabbb .nav-link{    background: none !important;
	border: none !important;
	padding: 0;
	margin-right: 34px;
	padding-bottom: 4px;color: #000 !important;
	font-weight: 700;
	font-family: roboto;
	letter-spacing: -0.1px;
	font-size: 17px;
	text-transform: uppercase;}
.seri-cou-tabbb .nav-tabs{border:none !important;margin-top: 2%;}



.seri-cou-tabbb .nav-item .active{border-bottom: 2px solid #F26C61 !important;}
.seri-cou-tabbb .tab-content{    padding: 2.3% 0;}
.column-pfser{background: #fff; box-shadow: 0 0 20px #d2d2d2;border-radius: 3px; text-align: center;}
.column-pfser .plina-ser{    padding: 12px 10px;}
.column-pfser .plina-ser p{    text-align: left;
	font-weight: 500;
	font-family: roboto;}
.column-pfser .plina-ser button{    background: #F26C61;
	border: 1px solid #F26C61;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
	border-radius: 4px;}

.top-bot-sec-co .column-pfser{text-align: left;}

.seri-cou-tabbb .carousel-control-prev, .seri-cou-tabbb  .carousel-control-next{    width: 3%;
	opacity: 1;
	color: #000;}

.seri-cou-tabbb .carousel-control-prev i, .seri-cou-tabbb .carousel-control-next i{font-size: 50px;}
.seri-cou-tabbb .carousel-control-prev{left:-60px;}
.seri-cou-tabbb .carousel-control-next{right:-60px;}

.top-bot-sec-co{padding: 2% 0 3%;}
.top-bot-sec-co h6{font-size: 14px;line-height: 23px;margin-bottom: 30px;}
.top-bot-sec-co h2 span{color: #F26C61;font-weight: 700;}





.plina-ser h4{    text-align: center;
	font-size: 20px;
	font-family: roboto;
	padding: 6px 0;
	font-weight: 500;}

.plina-ser h4 span{color: #F26C61;}

/*wizard*/
.form-check-input{position: static;margin-left: 0}

#regForm {
	
}

/* Mark input boxes that gets an error on validation: */
.forro-wi input.invalid {
  /*background-color: #ffdddd;*/
}

/* Hide all steps by default: */
.forro-wi .tab {
  display: none;
}



#prevBtn {
  background-color: #bbbbbb;
}

/* Make circles that indicate the steps of the form: */
.step {
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbbbbb;
  border: none;  
  border-radius: 50%;
  display: inline-block;
  opacity: 0.5;
}

.step.active {
  opacity: 1;
}

/* Mark the steps that are finished and valid: */
.step.finish {
  background-color: #4CAF50;
}


.modal .nav-tabs{    border: none;
   /* position: absolute;
	width: auto;
	left: 50%;
	transform: translateX(-50%);
	bottom: -18px;*/}

.modal .nav-tabs .nav-item{     position: relative;
left: 18%;
padding: 5px 7px;
font-size: 17px;
color: #333;
font-weight: 600;
font-family: roboto;
border: none;
margin: 0 11px;}


.modal .nav-tabs .active{       background: #3B5998;
color: #fff;
padding: 5px 17px;
border-top-left-radius: 11px;
border-bottom-right-radius: 11px;}


.modal-body nav{    position: relative;
	width: 100%;
   }

.modal .tab-content{/*margin-top: 30px;*/}

.login-popo .modal-dialog{max-width: 60%}

.column-1-ed-col{      background: #F3F7F8;min-height: 420px;}
.column-1-ed{  
	   padding: 10px 0 0;
   /* position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);*/}

.column-1-ed p{ 
   font-size: 13px;
	color: #fff;
	text-align:left;}

.modal-body{padding: 0 1em 0 0;}
.buoo-clos{      position: absolute;
z-index: 9999999999;
width: fit-content;
right: -2%;
top: -3%;
background:#6CA4B3;
padding: 4px 12px;
border-radius: 50%;}
.buoo-clos button{    font-size: 30px;
color: #fff;
opacity: 1;}

.modal-content{border-radius: 0}
.typewritter h4{    font-size: 16px;
	text-align: center;
	font-weight: 700;
	 line-height: 27px;}
.typewritter h4 span{font-size: 19px;}

.column-2-foor{     padding: 0px 20px 0 20px;
height: 100%;}


/*input animation*/
.input-field {
  position: relative;
 
  height: 44px;
  line-height: 35px;  }
.input-field label {
  position: absolute;
  top: 0;
	  font-size: 14px;
  width: 100%;
  left: 0;
  color: #6CA4B3;
  transition: 0.8s all;
  font-family: roboto;    cursor: text;
}
.input-field input {
  width: 100%;
  border: 0;
  outline: 0;
  font-size: 14px;
  padding: 0;
  border-bottom: 2px solid #6CA4B3;    font-family: roboto;

}
.input-field input:focus,
.input-field input:valid {
  border-color: #6CA4B3;
}
.input-field input:focus~label,
.input-field input:valid~label {
  top: -20px;
  color: #6CA4B3;
  left: 0;
}


.column-2-foor h2 span{color: #3B5998;}
.column-2-foor h2{    
		  text-align: center;
font-size: 22px;
font-family: roboto;
color: #333;
font-weight: 600;
margin-bottom: 3px;
}
.column-2-foor h6{      font-family: roboto;
	text-align: center;
	   color: #3B5998;
	font-size: 15px;
padding-top: 5px; 
	font-weight: 500;
	margin-bottom: 36px;
}


.column-2-content{    margin: 30px 0 0;}

.nxt-but{      margin-top: 14px;
	background: #789B4C;
	color: #fff;
	border: 2px solid #789B4C;
	padding: 2px 21px;
	font-family: roboto;
	border-radius: 0px;
	font-size: 16px;
	cursor: pointer;}

.pre-bu{     margin-top: 14px;
	background: #fff !important;
	color: #789B4C;
	border: 2px solid #789B4C;
	padding: 2px 21px;
	font-family: roboto;
	border-radius: 0px;
	font-size: 16px;
	cursor: pointer;
	margin-right: 10px;}



.column-2-foor h3{}


.check--boc-lo{    margin: 20px 0 7px;}
.check--boc-lo label{font-family: roboto; font-size: 17px;}

.registraasc label{font-size: 14px;}
.registraasc button{    position: relative;
	
	background: #789B4C;
	border: 1px solid #789B4C;
	color: #fff;
	padding: 4px 20px;
	cursor: pointer;}

/*    .registraasc input{    font-size: 14px;
	height: 36px;}*/

.registraasc input:focus{box-shadow: none;}

.registraasc{padding: 10px 0;}

.main-refer{background: #EFF7FA; padding: 0 0 2%;}
.banner-ref-top{    background: url(../../images/refer-n.png) no-repeat;
	background-size: cover;
	min-height: 330px;
	background-position: center;}

.regffer-list{}
.regffer-list .container{    background: #fff;
	box-shadow: 3px 5px 18px 1px #e8e8e8;
	padding: 2%;}


.registraasc .form-group{margin-bottom: 10px;
}


.coluumn-refre{      position: relative;
	min-height: 200px;
	background: linear-gradient(to bottom, #f26c61 0%, #ff0000 100%);
	border-bottom-left-radius: 23%;    border-top-right-radius: 23%;}
.conte-rerer{position: absolute;top: 50%; width: 100%; transform: translateY(-50%);}
.conte-rerer h3{color: #fff;}

.animtt-connten{    position: absolute;
	opacity: 0; top:65%;}


.animtt-connten p{    font-size: 15px;
	color: #ffb3b3;
	text-align: center;
	line-height: 26px;}


.coluumn-refre:hover .animtt-connten{top:35%;opacity: 1; transition: 2s all ease;}
.coluumn-refre:hover .conte-rerer{top: 10%; transform: none; transition: 2s all ease;}

.icon--referr i{    color: #fff;
	font-size: 25px;}
.icon--referr{    position: absolute;
	width: 100%;
	left: 8%;
	top: 10%;}


.seco-row-refe{padding-top: 2%;}

.rferandearn-top{padding: 3% 0}
.regffer-list h2{font-weight: 700; font-family: roboto;
}

.regffer-list span{color: #F26C61;}

.main-top-re{    font-size: 15px;
	font-family: roboto;
	font-weight: 400;
	margin-bottom: 30px;}

.responsibility-refer{margin: 3% 0 0;} 
.responsibility-refer h2{font-weight: 700; font-family: roboto; text-transform: uppercase;font-size: 28px;}
.esposni-p{font-size: 15px;    padding: 5px 0 0px;}

.responsibility-refer h4{    font-size: 29px;
	font-weight: 700;}
.responsibility-refer hr{    width: 11%;
	padding: 0;
	margin: 0;
	background: #F26C61;
	height: 3px;}
.responsibilty-row{margin-top: 3%;}
.responsib-column{background: #fff;padding: 20px;border-radius: 26px;position: relative;}
.inner-resoi{      background: #F26C61;
	border-top-right-radius: 22px;
	border-bottom-right-radius: 22px;
	position: relative;
	left: -20px;
	padding: 8px 0 1px 10px;margin-bottom: 24px;}

.inner-resoi h3{    font-size: 19px;
	color: #fff;
	font-weight: 500;
	font-family: roboto;}


.responsib-column h6{    font-size: 24px;
	font-weight: 600;
	color: #5f5f5f;font-family: roboto;}
.responsib-column p{    margin-bottom: 0;
	font-size: 21px;
	font-family: roboto;
	margin-top: 11px;
	font-weight: 700;}


.typewritter .wrap{padding:0 !important;}

.social-login{    position: absolute;
	width: 100%;
	bottom: 3%;
	right: 0;}
.social-login h4{        font-weight: 500;
	font-size: 16px;
	margin-bottom: 14px;
	color: #DB402C;}
.social-login button{    color: #fff;
	border: none;
	padding: 5px 13px; cursor: pointer;}
.social-login .facebb{    background: none;
	color: #3B5998;
	border: 1px dashed #3B5998;
	font-weight: 700;
	font-family: roboto;margin-right: 10px;}

.social-login .facebb:hover{background:#3B5998; color: #fff; transition: 1s all ease; }

.social-login .googg{ background: none;
	color: #DB402C;
	border: 1px dashed #DB402C;
	font-weight: 700;
	font-family: roboto;}

	.social-login .googg:hover{background:#DB402C; color: #fff; transition: 1s all ease;}

.social-login button i{    padding-right: 6px;}

.our-service-login h3{     color: #333;
font-weight: 700;
padding-bottom: 10px;
font-family: 'Marmelad', sans-serif;}
.our-service-login ul li{list-style-type: disc;  color:#fff;  font-size: 13.7px;list-style-position: outside;    margin-bottom: 16px;}
.ttypewiter-spn-co{    text-align: center;
	background: #fff;
	padding: 8px 0;}
.ttypewiter-spn-co span{color:#DB402C; font-weight: 700; }

.confirm-pass{margin-top: 15px;}
.our-service-login h6{     font-size: 14px;
	margin: 0 0 2px;
	color: #4e4e4e;
	font-weight: 600;}
.hide{display:none}

.column-2-ed-col{height: 420px; }

.next-butt{background:#6CA4B3; color: #fff;    min-width: 105px;}
.next-butt i{    margin-left: 6px;}

.prev-butt{background:#6CA4B3; color: #fff;    width: 105px;}
.prev-butt i{margin-right: 6px;}

.column-2-foor .error{     font-size: 13px;
	color: #DB402C;
	padding: 3px 0;
	line-height: 1;
	z-index: 9999999999999999;
}

.dividerr{    position: absolute;
	width: 100%;
	right: 0;
	top: 70%;}


.dividerr-reg{    position: absolute;
	width: 100%;
	right: 0;
	top: 73%;}


.dividerr-reg span{    background: #fff;
	padding: 0 16px;}
.dividerr-reg hr{    margin: -13px 0 0;}
.dividerr-reg p{margin: 0}



.dividerr span{    background: #fff;
	padding: 0 16px;}
.dividerr hr{    margin: -13px 0 0;}
.dividerr p{margin: 0}
.login_section2{     position: absolute;
width: 81%;
top: 25%;}

.login_section3 p{font-size: 12px;}

.resend_otp a{    font-size: 15px;
	color: red;}
.resend_otp a:hover{text-decoration: none;}

.resend_otp{padding-top: 10px;}

.login_section4{     position: absolute;
width: 81%;
top: 25%;}

.fotgot_password a{ font-size: 15px;
	color: red;}
.fotgot_password{padding-top: 10px;}

.baner-totopp{background: #4C4C4C;padding: 2% 0;}
.baner-totopp h3{    
	text-align: center;
	color: #fff;
	font-size: 33px;
	font-weight: 600;
	padding-bottom: 4px;}
.baner-totopp h6{text-align: center;color: #fff;    font-size: 13px;}

/* --Dashboard CSS-- */
.card-hover {
	-webkit-transition: all .25s ease;
	-o-transition: all .25s ease;
	-moz-transition: all .25s ease;
	transition: all .25s ease;
}
.card {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 0px solid transparent;
	border-radius: 0px;
	margin-bottom: 30px;
	   

	webkit-transform: translateY(-4px) scale(1.01);
	-moz-transform: translateY(-4px) scale(1.01);
	-ms-transform: translateY(-4px) scale(1.01);
	-o-transform: translateY(-4px) scale(1.01);
	-webkit-transform: translateY(-4px) scale(1.01);
	transform: translateY(-4px) scale(1.01);
	-webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);
	box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);

}
.box {
	border-radius: 6px;
	padding: 10px 0;
}
.bg-cyan, .my_bees, .track_bees, .sbs_settings {
	   position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
}

.my_bees{}


.track_bees{}

.sbs_settings{}


.dashboard-right .box h1{    font-size: 40px;
	padding-bottom: 12px;
	color: #3B5998; font-weight: 500;}
.dashboard-right .box h6{    color: #5f5f5f;
	font-weight: 600;
	font-size: 17px;
	font-family: 'Marmelad', sans-serif;}

.text-white {
	color: #fff!important;
}
.card-hover:hover {
	webkit-transform: translateY(-4px) scale(1.01);
	-moz-transform: translateY(-4px) scale(1.01);
	-ms-transform: translateY(-4px) scale(1.01);
	-o-transform: translateY(-4px) scale(1.01);
	-webkit-transform: translateY(-4px) scale(1.01);
	transform: translateY(-4px) scale(1.01);
	-webkit-box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);
	box-shadow: 0 14px 24px rgba(62, 57, 107, 0.1);
}
.user-dashboard {
	 
	background: #f5f5f5;height:100vh;
		

}
a {
	text-decoration: none!important;
}
.default_sec {
	margin-top: 20px;
	margin-bottom: 20px;
}
table {
	margin-top: 20px;border: 1px solid #ccc;
}
table thead tr {
	background: #F26C61;
	color: #fff;
}
.table thead th,.table tbody td {
	text-align: center;
}
#map,#mapCanvas {
	height: 500px;
	width: 100%;
	margin-top: 0px;
}
/*bees*/
.pad-n{padding: 0 !important;}

.chat--box{position: relative; padding-top: 20px;height: 100%;background: #cecece;}
.chat--box hr{    border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	width: 13%;
	margin: 8px auto 5px;
	background: #F26C61;
	height: 2px;
	border-radius: 11px;}


.message-box{position: absolute; width: 100%; bottom: 0%;}
.message-box input[type="text"]{     width: 75%;
	height: 48px;
	padding-left: 14px;
	border: 1.5px solid #F26C60;
	font-size: 13px;}
.message-box button{     background: #F26C61;
	color: #fff;
	border: 1px solid #F26C61;
	width: 14%;
	height: 48px; cursor: pointer;}
.message-box button i{}

.message-list{    margin-top: 20px;
	padding: 0 12px 0;
	max-height: 445px;
	overflow: auto; }
.message-list ul{position: relative;width: 100%;}
.message-list ul li{     background: #fff;
	list-style-type: none;
	padding: 7px 6px 8px;
	margin-bottom: 20px; 
	width:255px;}
.message-list::-webkit-scrollbar {
	width: 10px;
}
.message-list::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
.message-list::-webkit-scrollbar-thumb {
  background-color:#F26C61;
  outline: 1px solid #F26C61;
}
.message-list ul li p{margin-bottom: 0;}
.message-list ul li p{font-size: 13px;}
.message-list ul li p:nth-child(2){padding-top: 5px;}
.message-list ul li p.time{color: #F26C61; }
.message-list ul li p span{    position: relative;
	left: -5px;}
.message-list ul li p span i{font-size: 15px; font-weight: bold}
.name1{color: #F26C61;margin: 0;}
.message-list ul li:nth-child(even){
	float: right;
}
.message-list ul li:nth-child(odd){
	position: relative;
	left: 0;
	clear: both;
}
.clearrr{clear:both;}
.message-box span{    background: #F26C61;
	color: #fff;
	padding: 14px 0 15px 11px;
	cursor: pointer;}
.add-ne-form{padding: 2% 0;}
.add-ne-form h5 {position: relative;}
.add-ne-form h5 button{width: 100%; text-align: left;color: #fff;text-decoration: none !important;padding-left: 20px;}
.add-ne-form h5 button:hover{color: #fff}
.add-ne-form h5 button span{      padding: 17px 18px 8px;
	background: #fff;
	margin-left: -1px;
	transform: skewX(+25deg);
	position: absolute;
	top: -6px;
	right: 1.5%;
	border: 1px solid #F26C61;}
.add-ne-form h5 button i{    font-size: 20px;
	color: #F26C61; transform: rotate(0deg) skewX(-25deg);}

.add-ne-form .card-header{       padding: 6px 0px;
	background-color: #F26C61;
	border-bottom: 1px solid #F26C61;}
.add-ne-form .card{border:none;    margin-bottom: 2%;}

.add-ne-form .card-header:hover h5 button i{transform: rotate(360deg) skewX(-25deg); transition: 1.5s all ease;}
.add-ne-form .card-header:hover h5 button span{right: 5%; transition: 1.5s all ease;   }

.file-sty{    height: 44px !important;}
.add-ne-form .form-control{   
	font-family: roboto;
	width: 96%;
	height: 48px;
	
	font-size: 15px;}

.file-sty2{  height: 38px !important;}

.add-ne-form .form-control:focus{box-shadow:none; border-color: #F26C61;}

.add-ne-form .form-group{margin-bottom: 15px;}

.add-ne-form .card-body{padding: 1.25rem 1.25rem 0;}
.form-chcc{padding-top: 10px;}
.form-chcc .chkkk{margin-left: 15px;}

.add-ne-form .card-body::after{
		content: '';
	position: absolute;
	background: #F26C61;
	height: 70px;
	width: 6px;
	top: 30%;
	border-bottom-right-radius: 13px;
	left: -3%;
	animation-duration: 3s;
	
	animation-name: bounce;
	animation-iteration-count: infinite;
}

.img-sis th{text-transform: uppercase;}
.img-sis img{    width: 37px;
	height: 37px;
	border-radius: 50%;}
.baner-totopp h6 a{color:#fff;}
.img-sis tr td{line-height: 38px;}
.img-sis tr td a{    margin-right: 5px;
	min-width: 40px;
	font-size: 15px;}
.ref-col{background: #3B5998; color: #fff}
.sbs-stein{}
.sbs-stein h2{    text-align: center;
	font-size: 28px;
	font-weight: 600;
	padding: 6px 0 20px;}
.pading{padding-left:0;}

.form-chcc input[type="radio"]{height: 20px;    display: block;}
.trace-mybee{}
.trace-mybee h4{text-align: center;       padding: 0px 0 6px;font-weight: 600;color: #fff; }

.bac-col-tra{    background: #e4e4e4;
}
.bac-col-tra hr{    border: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	width: 13%;
	margin: 8px auto 20px;
	background: #000;
	height: 2px;
	border-radius: 11px;}
.bac-col-tra-r{      background: #F26C61;
	padding: 21px 25px 6px;}

.bac-col-tra form input, .bac-col-tra form select{    margin-bottom: 14px;}
.btn-success{background-color: #F26C61;
	border-color: #F26C61;}

.pad-le{padding-left: 0;}

.img-sis tr td a:hover{color:#fff;}

.img-sis tr:nth-child(even){    background: #f3f3f3;}
.sec-chckl{margin-left: 30px;}
.post-bu{ 
		background: #7d443f;}


.bac-col-tra-r label{    color: #fff;
	font-size: 14px;
	margin: 0;}    


.map_check_list{    text-align: center;
	padding-top: 15px;}


.post-bu:hover{background: #fff; color: #F26C61; border: 1px solid #F26C61;}
.markerLabels img {
	width: 30px;
	height: 30px;
	border-radius: 50%;
}
.error {
	font-size: 12px;margin: 0;padding-left: 8px;color: #f26c61;
}
/* List of services box */
.serviceBox{
	padding: 25px 30px;
	text-align: center;
	background: #0a2d43;
	border-top: 3px solid #eed956;
	border-bottom: 3px solid #eed956;
	position: relative;
}
.serviceBox:before{
	content: "";
	border-top: 0 solid #eed956;
	border-right: 0 solid transparent;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.serviceBox:hover:before{
	border-top-width: 78px;
	border-right-width: 78px;
}
.serviceBox:after{
	content: "";
	border-bottom: 0 solid #eed956;
	border-left: 0 solid transparent;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 1;
	transition: all 0.3s ease 0s;
}
.serviceBox:hover:after{
	border-bottom-width: 78px;
	border-left-width: 78px;
}
.serviceBox .service-icon{
	display: inline-block;
	width: 100px;
	height: 100px;
	line-height: 100px;
	border-radius: 20px;
	border: 2px solid #eed956;
	background: #0a2d43;
	font-size: 40px;
	color: #eed956;
	margin-bottom: 20px;
	position: relative;
}
.serviceBox .title{
	font-size: 20px;
	font-weight: 700;
	color: #eed956;
	letter-spacing: 1px;
	margin: 0 0 12px 0;
	text-transform: uppercase;
	position: relative;
	transition: all 0.3s ease 0s;
}
.serviceBox:hover .title{ letter-spacing: 3px; }
.serviceBox .description{
	font-size: 15px;
	color: #fff;
	letter-spacing: 1px;
	line-height: 27px;
	margin: 0;
}
@media only screen and (max-width:990px){
	.serviceBox{ margin-bottom: 30px; }
}



/*sbs landing page*/


/*sbs banner*/
.sbs-lan-baner{    padding: 3% 0 2%;
	margin-bottom: 3%;}
.sbs-lan-baner h1{    font-family: 'Lato', sans-serif;
	font-size: 37px;
	font-weight: 700;
	color: #fff;
		text-transform: uppercase;
	line-height: 60px;}

.padi-landin-count{padding: 20px 0}
.padi-landin-count h5{color: #fff;}
.padi-landin-count p{    color: #fff;
	font-size: 14px;
	font-family: roboto;
	font-weight: 100;}

.sbs-lan-baner button{     border-radius: 30px;
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
    width: 44%;}

.sbs-lan-baner button:hover{box-shadow: 0 4px 6px rgba(50,50,93,0.11), 0 1px 3px rgba(0,0,0,0.08);
	transform: translateY(1px);}

.crete-btn{     background-color: #346999;
	border-color: #346999;
	border: 1px solid #346999;
	margin-right: 20px;box-shadow: 2.16px 2.17px 3.31px #3a859e;transition: all 300ms ease-in-out;
}

.develop-gui{border: 1px solid #fff; background: transparent;}
.develop-gui:hover{background: #346999; transition: 0.8s all ease-in-out; border-color: #346999; }
.hero__wave {
	bottom: -1px;
}
.hero__wave svg{margin-top: 30px;}
.ab-sol-im img{    position: absolute;
	width: 237px;
	top: 3.9%;
	right: 22%;}
/*sbs banner end*/


.feactures-of-landin{padding-bottom: 4%;}
.feactures-of-landin h2, .how-it-workk h2, .sbs-testimonial h2, .faq-sbs h2{    font-family: 'Fira Sans', sans-serif;
	font-weight: 100;
	letter-spacing: 2px;
	font-size: 36px;
color: #7a7a7a;

}
.feactures-of-landin h6, .how-it-workk h6, .sbs-testimonial h6, .faq-sbs h6{    text-transform: uppercase;
	font-size: 14px;
	font-weight: 600;
	color: #9a9a9a;
	font-family: lato;}
.feactures-of-landin hr, .how-it-workk hr, .sbs-testimonial hr, .faq-sbs hr{    width: 18%;
	margin: -16px auto 25px;
	border-color: #000;}
.feactures-of-landin span, .how-it-workk span, .sbs-testimonial span, .faq-sbs span{    background: #fff;
	padding: 0 16px;}

.feactures-of-landin .row{margin-top: 3%;}
.colum-landing{    text-align: center;
	padding: 50px 30px;
	background: #fff;
	box-shadow: 0 5px 10px rgba(0,9,128,0.035), 0 7px 18px rgba(0,9,128,0.05);}

.colum-landing i{    color: #6CA4B3;font-size: 70px;}
.colum-landing h3{    font-size: 18px;
	padding: 30px 0 6px;
	font-weight: 600;color: #565656; font-family: roboto;}
.colum-landing p{    font-size: 14px;
	line-height: 22px;
	padding: 0 10px;
	margin: 0;
color: #8e8e8e;
}

.colum-landing:hover{     box-shadow: 0 5px 10px #6ca4b37a, 0 7px 18px #6ca4b340;
    transition: 0.8s all ease-in-out;}

.colum-landing:hover h3{color: #6CA4B3; transition: 0.4s all ease-in-out}
.fea1:hover i{      animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-name: flash;}
.fea2:hover i{    animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-name: tada;}
.fea3:hover i{    animation-duration: 3s;
	animation-iteration-count: infinite;
	animation-name: bounce;}

.short-edtil h2{    color: #7a7a7a;
	padding-bottom: 15px;
	font-weight: 600;}
.short-edtil p{    font-size: 15px;
	text-align: justify;
	line-height: 26px;color: #8e8e8e;}
.details-wshor-des{    position: absolute;
	top: 50%;
	transform: translateY(-50%);}


.how-it-workk{padding:3% 0;position: relative;}
.time-lin-block{padding: 43px 50px;box-shadow: 0 5px 10px rgba(0,9,128,0.035), 0 7px 18px rgba(0,9,128,0.05);    margin-top: 6%;}

.time-lin-block p{    margin: 0;
	font-size: 14px;
	line-height: 25px;
	color: #333;}
.time-lin-block h4{    font-size: 18px;
	font-weight: 700;
	color: #333;
	margin-bottom: 20px;}

.timeline-row::after{    content: "";
	position: absolute;
	background: #8FD9C6;
	width: 6px;
	height: 85%;
	top: 11%;
	left: 48%;
}
.timeline-row .col-lg-6{max-width: 47%;}

.timeline-row .time-lin-block:nth-child(even){margin-left:30px;}
.timeline-row .time-lin-block:nth-child(odd){margin-right:30px;}
.timeline-row .row{margin: 30px 0;position: relative;}
.timeline-row .row::after{    content: "";
	position: absolute;
	background: #346999;
	width: 17px;
	height: 17px;
	border-radius: 50%;
	left: 47.1%;
	z-index: 9;
	top: 50%;

}

.timeline-row .row::before{    content: "";
	position: absolute;
	width: 17px;
	height: 17px;
	top: 50%;
	left: 47.1%;
	border-radius: 50%;
	background: #3469997a;
	z-index: 0;
	box-shadow: 0px 0px 19px 4px #346999;
	animation-duration: 1s;
	animation-name: fadeIn;
	animation-iteration-count: infinite;

}


.bar-topp{    background: #8FD9C6;
	width: 5%;
	height: 5px;
	position: absolute;
	top: 11%;
	left: 45.9%;
	border-radius: 30px;}

.bottom-topp{   background: #8FD9C6;
	width: 5%;
	height: 5px;
	position: absolute;
	bottom: 4%;
	left: 45.9%;
	border-radius: 30px;}


.sbs-overvv{background: #F4F9FE;padding: 3% 0;}
.short-edtil{background: #F4F9FE;}
.sbs-overvv h3{    color: #7a7a7a;

	font-weight: 600;}
.sbs-overvv hr{    margin: 12px 0 19px;
	width: 15%;
	background: #3B5998;
	height: 2px;}

.sbs-overvv p{    padding-right: 28px;
	color: #5a5a5a;
    font-size: 15px;
    line-height: 26px;}


.sbs-testimonial{padding:3% 0;}
.sbs-testimonial hr{width: 36%}
.test-margin{margin-top: 4%;}
.sbs-testimonial .col-lg-4{overflow: hidden;}
.testi-col img{border-radius: 15%;    width: 61px;}
.testi-col h5{    color: #4a4a4a;
	font-weight: 600;}
.testi-col{    padding: 12%;
	background: #fff;
	margin: 10px;
	position: relative;
	overflow: hidden;
	border: 1px solid #deeefc;}
.testi-col h6{    text-transform: capitalize;font-size: 15px;}
.testi-col h6 span{    font-weight: 600;color: #000;padding-left: 0;}
.testi-col .row{margin-bottom: 10px;}
.testi-col p{    margin: 0;
	font-size: 14px;
	line-height: 26px;
	color: #8a8a8a;}
.testi-col::before{    opacity: 0.2;
	background: #6f8ba4;
	width: 100px;
	height: 80px;
	content: "";
	position: absolute;
	top: -13px;
	left: -20px;
	float: left;
	border-radius: 90px;
	-webkit-transform: skew(39deg, -38deg);
	-moz-transform: skew(39deg, -38deg);
	-ms-transform: skew(39deg, -38deg);
	transform: skew(39deg, -38deg);}


.faq-sbs .accordion{margin-top: 3%;}
.faq-sbs .accordion .card-header{     padding: 8px 10px;
	position: relative;
	margin-bottom: 0;
	background-color: #efefef;
	border-bottom: 2px solid #346999;
	border-radius: 3px !important;}   

.faq-sbs .accordion .card-header button{color: #000; text-decoration: none;width: 100%;text-align: left;}
.faq-sbs h3{    font-size: 22px;
	padding: 9px 0 18px;
	font-weight: 600;font-family: roboto;}
.faq-sbs h3 a{}

.faq-sbs .accordion .card-header button span{background: transparent;position: absolute;right: 1%;}

.request-for-demo{    background: linear-gradient(to bottom, #3b5998 0%, #8fd9c6 100%);
padding: 3% 0; margin: 3% 0 0;}
.request-for-demo h2{color: #fff;}
.request-for-demo form{margin-top: 3%;}

.request-for-demo .form-group{margin-bottom: 20px;}
.request-for-demo .form-group input{    border-radius: 0;
	background: transparent;
	color: #fff;
	border: 1px solid #fff;font-size: 14px;}

.request-for-demo .form-group input::placeholder {
	color: #fff;
	opacity: 1; /* Firefox */
}

.request-for-demo button{    border-radius: 30px;
	width: 20%;
	font-size: 17px;
	background: #3B5998;
	border: 1px solid #3B5998;
	margin-top: 2%;
	text-transform: uppercase;}

.request-for-demo p{    color: #fff;
	font-size: 14px;
	font-family: roboto;
	letter-spacing: 0.2px;
	padding: 10px 40px;}



/*.main_header{    background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);
}*/
.heade h5{    color: #000;
	margin: 0;
	font-size: 28px;
	font-weight: 700;}


.fixed {
	position: fixed;
	top:0; left:0;
	width: 100%; background: #fff;z-index: 9999999;box-shadow: 0px 5px 11px 0px rgba(50, 50, 50, 0.08);animation-duration: 0.2s;
	animation-name: fadeInUp;
	animation-iteration-count:1}
.fixed h5{color: #000}
.fixed .navbar .navbar-nav a{color: #000 !important;}
.fixed .loggin-header p{color: #000;}
.fixed .loggin-header p i{color: #000;}
.fixed .loggin-header:before{top: 0}
.fixed .admin-de{top: 11%;}

/*contact form slider*/


.requst-fo{       position: fixed;
	bottom: 0;
	width: min-content;
	z-index: 99999999;
	right: 1%;
   }

.requst-fo button{      border-radius: 0;
	position: relative;
	
	background: #6CA4B3;
	border: 1px solid #6CA4B3;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
animation-name: headShake;
animation-duration: 3s;
animation-iteration-count: infinite; 
z-index: 9999999;
}


.requst-fo button:focus{outline: none; box-shadow: none;}

/*contact form slider end*/
/*.form-floa{position: fixed;
top: 50%;
width: 100%;
transform: translateY(-50%);

}

*/

.float-co-re .modal-body{    padding: 0 1em 0;}
.float-co-re .modal-body .form-row{margin-bottom: 1em;}
/*sbs landing page end*/

/*footer of sbs start*/

footer{padding: 2% 0;border-top: 1px solid #ccc;margin-top: 2%;}

footer .company-deta h3{    font-size: 36px;
	font-weight: 700;
	color: #3B5998;}

footer .company-deta ul{    margin-top: 14px;}
footer .company-deta ul li{list-style-type: none;color: #637282;padding-bottom:15px;     display: flex;}
footer .company-deta ul li i{margin-right: 8px;    margin-top: 3px;}

footer ul li{list-style-type: none;}
footer .col-lg-9 ul li{margin-bottom: 10px;}
footer .col-lg-9 ul li a{color: #637282;font-size: 15px;}
footer .col-lg-9 h5{    margin-bottom: 20px;
	color: #33475c;
	font-weight: 700;
}

.footer_links_ig{margin-top: 3%;}

.company-deta img{width: 70%;margin-bottom: 10px;}

.support_fo{    margin-bottom: 10px !important;
    margin-top: 25px;}
.footer-botm{border-top: 1px solid #ccc;margin-top: 10px;padding-top: 15px; }
.footer-botm h6{color: #637282; font-size: 15px;}

.footer-botm .footer-bottom-icoos i{    background: #6CA4B3;
	color: #fff;
	margin-right: 10px;
	padding: 6px 9px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;cursor: pointer; border: 2px solid #6CA4B3}

.footer-botm .footer-bottom-icoos i:hover{background: transparent; color: #6CA4B3; transition: 0.6s all ease-in-out}

/*footer of sbs end*/
.spinner {
  height: 24px;
  text-align: center;
  font-size: 10px;
}

.spinner > div {
  background-color: #fff;
  height: 100%;
  width: 6px;
  display: inline-block;
  
  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
  animation: sk-stretchdelay 1.2s infinite ease-in-out;
}

.spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;margin-right: 3px;
}

.spinner .rect3 {
  -webkit-animation-delay: -1.0s;
  animation-delay: -1.0s;margin-right: 3px;
}

.spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;margin-right: 3px;
}

.spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;margin-right: 3px;
}

@-webkit-keyframes sk-stretchdelay {
  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
  20% { -webkit-transform: scaleY(1.0) }
}

@keyframes sk-stretchdelay {
  0%, 40%, 100% { 
	transform: scaleY(0.4);
	-webkit-transform: scaleY(0.4);
  }  20% { 
	transform: scaleY(1.0);
	-webkit-transform: scaleY(1.0);
  }
}
.admin-de{display: none;}
.admin-detail{padding-right:0; z-index: 1}
.admin-detail .login-imagg{    position: absolute;
	top: 50%;
	transform: translateY(-50%);}
#adnmi img{      width: 35px;
	border-radius: 50%;
	}
.admin-de{    position: fixed;
	width: 22%;
	right: 7.2%;
	top: 13%;
	background: #fff;
	z-index: 99999999;border: 1px solid #3B5998;
   }

.timeline-lo{    background: #3B5998;
	padding: 5% 8%;}
.timeline-lo h5{    color: #fff;
font-size: 17px;
padding-top: 14%;
margin-bottom: 6px;
font-weight: 500;}
.header__-emai{padding: 8px 0 6px;}
.header__-emai h6{    letter-spacing: 0.4px;
    font-size: 14.5px;
    margin: 0;
    font-weight: 500;}
.timeline-lo h6{     font-size: 13.5px;
	color: #e2e2e2;
	font-family: roboto;
	letter-spacing: 0.4px;}
.timeline-lo img{    border-radius: 50%;}

.admin-de ul{margin:0;}
.admin-de ul li{      list-style-type: none;
padding: 10px 0 10px 15px;}

.admin-de ul li:hover{background: #eee;}

.admin-de ul li a{color: #6f727d;    font-size: 14px;display: block;}
.admin-de ul li a i{margin-right: 10px;}
.admin-de button{    background: #3B5998;
	border: 1px solid #3B5998;
	color: #fff;
	padding: 3px 17px;
	margin-left: 15px;
	border-radius: 30px;
	font-size: 14px;
	cursor: pointer;    margin-top: 1%;}

.admin-de button:hover{background: transparent;color: #3B5998; transition: 0.5s all ease-in-out; }

.admin-de:before{    content: '\f0d8';
	font-family: FontAwesome;
	width: fit-content;
	position: absolute;
	font-size: 45px;
	top: -15%;
	right: 17%;
	color: #3B5998;
}

/*track my bees*/


.track-mypag{height: 87vh;}
.padd-zero{padding: 0 !important;}

.map-tra img{    height: 52vh;
	width: 100%;
	object-fit: cover;}
.top-mulpo{background: #466a9e;   padding: 6px 0 6px;}
.top-mulpo .row{width: 100%;}
.top-mulpo h5{margin: 0;font-size: 14px; color: #fff}
.green-stat i{    color: #259411;}
.red-stat i{ color: #ff0000;}
.yellow-stat i{color: #fff036;}

.table-miestone tr td:nth-child(5) i{font-size: 12px;}
.table-miestone  th, .table-miestone  td{   padding: 8px 10px 6px !important;font-family: roboto; font-size: 12px;}
/*.tota-mile{       color: #000;
	font-weight: 600;
	background: #fff;
	padding: 6px 6px 5px;
	border-radius: 50%;
	font-size: 14px;
	margin-left: 5px;}
.achieved-milestone{     color: #000;
	font-weight: 600;
	background: #fff;
	padding: 6px 6px 5px;
	border-radius: 50%;
	font-size: 14px;
	margin-left: 5px;}
.pendin-mileston{      color: #000;
	font-weight: 600;
	background: #fff;
	padding: 6px 6px 5px;
	border-radius: 50%;
	font-size: 14px;
	margin-left: 5px;} */

.table-miestone button{    background: none;
	border: none;
	color: #6CA4B3;
	
	cursor: pointer;}
.table-miestone tr td.with-atach i{color: red;margin-left: 8px;font-size: 14px;}


.table-miestone{margin-bottom: 0 !important;}
.vertical-scro{    max-height: 183px;
	overflow: auto;}
.vertical-scro::-webkit-scrollbar {
	width: 5px;
}
 
.vertical-scro::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.vertical-scro::-webkit-scrollbar-thumb {
  background-color: #466a9e;
  outline: 1px solid #466a9e;
}

.back-gradie-traa{background: linear-gradient(to top left, #3b5998 0%, #8fd9c6 100%);border-bottom: 1px solid #3B5998;}

.headig-of-bulit h3{color: #fff; text-transform: uppercase; font-size: 22px;font-family: 'Marmelad', sans-serif;margin: 0;}
.headig-of-bulit{padding: 12px 0;}
/*.header-fileds-no{margin-top: 4%;}
.header-fileds-no h6{font-size: 13px;text-align: center;margin: 0}
.header-fileds-no .border-he{border: 1px solid #3B5998;background: #fff;    padding-top: 5px;
	padding-bottom: 5px;}
*/


.listing-fileds-no{      margin-top: 3%;
	max-height: 448px;
	overflow: auto;
	position: absolute;
	width: 95.4%;}


.listing-fileds-no::-webkit-scrollbar {
	width: 5px;

}
 
.listing-fileds-no::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
}
 
.listing-fileds-no::-webkit-scrollbar-thumb {
  background-color: #fff;
  outline: 1px solid #466a9e;
}

.listing-fileds-no .message{      white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 13px;
	width: 95%;
	background: #fff;
	padding: 18px 8px;
	border-top-left-radius: 10px;
	border-bottom-right-radius: 10px;
	position: relative;
	font-family: roboto;
	margin-bottom: 20px;}


.bee{position: absolute;}
.bee-name{     left: 10px;
	top: 4px;
	font-size: 11px;
	color: red;}
.bee-time{     right: 10px;
	bottom: 0;
	font-size: 11px;
	color: #2f2f2f;
	font-weight: 600;
	font-family: roboto;}

.priority-mesag{      right: 14%;
	bottom: 0;
	font-size: 13px;
	color: red;
	font-weight: 600;
	font-family: roboto;
	animation-name: tada;
	animation-duration: 4s;
	animation-iteration-count: infinite;}

.message-sne-inp{    position: absolute;
	width: 100%;
	bottom: 0;
left: 0}

.message-sne-inp input[type="text"]{    font-size: 14px;
	height: 36px;
	padding-left: 10px;border: none;    width: 70%;}

.message-sne-inp button{    background: #3B5998;
	color: #fff;
	height: 36px;
	border: none;
	padding: 0 14px; cursor: pointer;}

.priority-icon{margin-right: 5px;}

.milestoon-form input, .milestoon-form select{font-size: 14px;}
.milestoon-form .form-group{margin-bottom: 20px;}

.milestoon-form .form-control:focus{box-shadow: none;border-color: #3B5998;}
.milst-modal button.btn-primary{    background:#6CA4B3;
	border-color:#6CA4B3;}
/*.message-sne-inp  span{    background: #3B5998;
	color: #fff;
	padding: 2.5% 13px 3%;}
.message-sne-inp  span i{}*/



.input-field-mil{    position: relative;
	height: 44px;
	line-height: 35px;}


.input-field-mil {
  position: relative;
 
  height: 44px;
  line-height: 35px;  }
.input-field-mil label {
  position: absolute;
  top: 0px;
  height: 0;
	  font-size: 14px;
  width: 100%;
  color: #6CA4B3;
  transition: 0.8s all;
  font-family: roboto;    cursor: text;
}
.input-field-mil input {
  width: 100%;
  border: 0;
  outline: 0;
  font-size: 14px;
  
  padding: 0;
  border-bottom: 2px solid #6CA4B3;    font-family: roboto;

}
.input-field-mil input:focus,
.input-field-mil input:valid {
  border-color: #6CA4B3;
}

.input-field-mil label:focus{ top: -20px;}

.input-field-mil input:focus~label{
  top: -20px;
  font-size: 12px;
  color: #6CA4B3;
}

.milst-modal .modal-dialog-centered .modal-body{    padding: 10px 1em 10px 1em;}
.modal-dialog-centered .form-control:focus{background: none; box-shadow: none;}
/*track my bees end*/
.baner-totopp-sec{        padding: 16px 0 5px;}
.fixed .heade{padding: 0px 0;}
.title-bar-das h3, .title-bar-das h6{font-family: 'Marmelad', sans-serif;margin: 0;
}
.title-bar-das h3{font-size: 25px;}
.title-bar-das h6{    font-size: 14px;
	margin-top: 8px;}

.user-dashboard hr{    width: 6%;
	position: absolute;
	
	top: 58%;
	background: #3B5998;
	height: 2px;}

/*.fomating-dash{    height: auto;
	padding: 0 35px;
	position: absolute;
	width: 100%;
	top: 10%;
	}*/
.profile-usertitle button{display: none;}

.title-bar-das{    background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);
	padding: 10px 15px;
	color: #ffff;    margin-bottom: 25px;}    


/*
.draw {
  transition: color 0.25s;
}
.draw::before, .draw::after {
	content: '';
  border: 2px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {

	content: '';
  top: 0;
  left: 0;
}
.draw::after {
		content: '';
  bottom: 0;
  right: 0;
}

.draw:hover::before, .draw:hover::after {
		content: '';
  width: 100%;
  height: 100%;
}
.draw:hover::before {
		content: '';
  border-top-color: #6CA4B3;
  border-right-color: #6CA4B3;
  transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
		content: '';
  border-bottom-color: #6CA4B3;
  border-left-color: #6CA4B3;
  transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

*/



/*header icon for hide and show*/

/*.sticky::after{      content: '\f0d7';
	font-family: FontAwesome;
	font-size: 20px;
	position: absolute;
	top: 1%;
	right: 0;}
*/


.icon-open-close-header{    position: absolute;
	width: fit-content;
	top: 0%;
	right: 5%; cursor: pointer;
	z-index: 999999;

}
.icon-open-close-header i{font-size: 33px;}

.fomating-dash{   
	margin-top: 3%;}


   .icon-open-close-header-cl{margin-top: -6.2%; transition: 1s all ease-in-out;}

.das-dropd::after{
content: "\f0d9";
font-family: FontAwesome;
position: absolute;
top: -1%;
left: -10px;
color: #fff;
font-size: 31px;

}
.das-dropd{      width:120px;
position: absolute;
background: #fff;
z-index: 9999999;
right: -35%;
visibility: hidden;
padding: 10px 0px 10px 14px;
top: 0;
border: 1px solid #ccc;}
.profile-usermenu ul li{position:relative;}
.das-dropd li{     list-style-type: none;
font-size: 14px;
margin-bottom: 8px;
padding-bottom: 6px;}
.das-dropd li a{border-right: none !important;}


.profile-usermenu ul li:hover .das-dropd{visibility: visible; animation-name: fadeIn; animation-duration: 0.5s;}


.dashboard-br i{font-size: 27px;cursor: pointer;}

/*.hide-small-msmad{max-width: 5% !important;transition: 1s all ease;}

.hide-lar{max-width: 95% !important; transition: 1s all ease;flex: 0 0 95%;}
.profile-sidebar-section, .dashboard-right{transition: 1s all ease;}*/
.hide-menu-ul{display: none;}


/*header icon for hide and show ned*/

/*dashboard header start*/
.dashbo-fiz{position: relative;height: 46px;}
.dashboar-header{background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);
height: 46px;position: fixed;width: 100%;z-index: 99999999;padding: 8px 0 0;}
.dashboar-header h5{    margin: 0;
font-size: 26px;
font-weight: 600;
color: #fff;}
.dashboar-header ul{margin:0;}
.dashboar-header ul li{list-style-type: none;display: inline-block;color: #fff;    margin-right: 12px;}
.dashboar-header ul li i{font-size: 30px;}
.dashboard-br i{color: #fff;}
.dashboard-br{}
.dashboar-header ul li span{    font-size: 16px;
position: relative;
top: -8px;
left: 4px;}
.clint-company-detr{padding: 20px 0 0;}
.clint-company-detr h5{margin: 0;    padding-top: 12px;}
.clint-company-detr .client-logo{    background: #fff;
height: 48px;
border: 3px solid #d4d7dc;
border-top-left-radius: 11px;
border-bottom-right-radius: 11px;cursor: pointer;}
.clint-company-detr .client-logo i{    font-size: 18px;
padding-top: 12px;}
.clint-company-detr .client-logo:hover{border-color: #3B5998; transition: 0.8s all ease;}
.clint-company-detr .client-logo:hover i{color:#3B5998; transition: 0.8s all ease}

.slide-dash-menu{flex: 0 0 5.666667%;
max-width: 5.666667%;
}
.hide--ul-das{display: none;}

#dashboard-clos, #dashboard-slide{transition: 1s all ease-in-out;}


.width-fixed{width: 5.5% !important;}

.hover-menu-das-ali{left: 108%;
right: 0;}

.dashboard-slide-afetr{flex: 0 0 94.333333%;
max-width: 94.333333%;}

.hide-on-click{}

.profile-usermenu ul li.active{    background: #e4e4e4;
border-right: 3px solid #3B5998;}

.profile-usermenu ul li i{transition: 1s all ease-in;}
.icon-size-on-slide{font-size: 25px !important;}

.li-class-active-al{width: 100% !important;}

.texts li{list-style-type: none;animation-delay: 1s}
.colo-type{    color: #fff;line-height: 30px;font-size: 19px;font-weight: 400;}

.pc-str-sli{    background: url(../../images/pc-structure.png) no-repeat;
background-size: contain;
height: 374px;
overflow: hidden;
padding: 10px 13%;}

.top-slid-str{margin-top:10px;}



.block-faq{    background: none;
border: none;
font-size: 15px;
padding: 8px 10px;}

.accordion .card-header h5 button p{margin: 0;}

.heade .sticky-logo{display: none;}
.fixed .sticky-logo{display: block;}
.fixed .sticky-logo img{width: 82%;}
.fixed .main-logo-header{display: none;}


button:focus{outline: none;}

.hover-dropdo{     position: absolute;
background: #fff;
left: -13%;
 /*display: none; */
 z-index: 9999999;
}
.hover-dropdo li{    list-style-type: none;
border-bottom: 1px solid #ccc;
padding: 6px 20px;}

.hover-dropdo li:last-child{border-bottom:none;}
.hover-dropdo li a{    font-size: 14px;
color: #4e4e4e;}
.loggin-header:hover .hover-dropdo{display: block;} 

.login-suggest{      position: absolute;
top: 35%;
z-index: 9999999;
right: -24%;
background: #fff;
border: 1px solid #3B5998;
display: none;}
.login-suggest ul{margin: 0}

.login-suggest::before{    content: "\f0d8";
font-family: fontAwesome;
position: absolute;
top: -33%;
left: 50%;
transform: translateX(-50%);
color: #ffff;
font-size: 25px;
}

.login-suggest ul li{    list-style-type: none;
border-bottom: 1px solid #ccc;
padding: 5px 30px;}
.login-suggest ul li:last-child{padding: 5px 30px;}
.login-suggest ul li:hover{background: #eee;}

.login-suggest ul li a{color: #000;font-size: 15px;}
/*dashboard header end*/
/*.loggin-header:hover .login-suggest{display: block;}*/
.loggin-header{    height: 100px;
transform: none;
top: 35%;}

.page-error img{width: 60%;}

.page-error button{    background: #85DDF3;
border: 2px solid #85DDF3;
color: #fff;
padding: 8px 20px;
font-size: 18px;
margin-top: 3%;
cursor: pointer;}


.page-error button:hover{background: #fff; color: #85DDF3;transition: 0.6s all ease-in-out; }


input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 30px #fff inset;
}




/*animation label*/
.form-group {
position: relative;
margin-bottom: 1.5rem;
}

.form-control-placeholder {
position: absolute;
top: 0;
padding: 0px 0 0 0px;
transition: all 0.8s;
color: #333;
font-size: 14px;
margin-top: 7px;
font-family: 'Marmelad', sans-serif;
left: 5px;
}

.form-anima-input{width: 100%;height: 42px; border: none;border-bottom: 2px solid #3B5998;font-size: 15px;}
.form-anima-input:focus{outline: none;}
.form-anima-input:focus + .form-control-placeholder,
.form-anima-input:valid + .form-control-placeholder{
font-size: 75%;
transform: translate3d(0, -100%, 0);
opacity: 1;
color: #3B5998;
font-weight: 700;
}

/*animation label end*/

.login-screen-ig_coco{height: 100%;padding: 40px 34px 0px 48px;}
.login-heading-ig_coco{font-size: 16px; color: #333;}
.login-heading-ig_coco span{font-weight: 700;color:#6CA4B3;}
.benefits_ig_coco{margin-top: 50px;}
.benefits_ig_coco ul{}
.benefits_ig_coco ul li{list-style-type: none;position: relative;    margin-bottom: 45px;}
.benefits_ig_coco ul li span{    position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
font-size: 18px;
color: #fff;
background: #6CA4B3;
border-radius: 50%;
width: 39px;
height: 39px;
}

.benefits_ig_coco ul li span i{position: absolute;top: 50%; left: 50%; transform: translate(-50%,-50%);}

.benefits_ig_coco ul li p{margin-left: 25%; font-size: 15px;}

.column-2-content h2 span{color: #3B5998;}
.heade .dropdown-menu a{color: #000 !important;}


.header-create-account{ text-align: center;height: 44px;}
.header-create-account h4{    background: #6CA4B3;
color: #fff;
position: absolute;
width: 100%;
padding: 10px 0;font-size: 20px;
left: 0; font-family: 'Marmelad', sans-serif;}


.crrete-accout form{padding-bottom: 25px;padding-top: 15px;}


.fixed .login-suggest::before{color: #3B5998;top: -33%}
.fixed .login-suggest{top: 40%;}

.login-popup-en-ig_coco h4{left: 1px;    font-size: 18px;padding: 10px 0;    font-family: 'Marmelad', sans-serif;}
.requst-fo button:hover{background: #3B5998; border: 1px solid #3B5998;}


.fixed .nav-item .dropdown-menu{top: 48px;}
.hide--menm-ig{display: none;}


.pages-header-seperate .heade{padding: 3px 0;}
.pages-header-seperate .main-logo-header img{width: 92%;}
.pages-header-seperate .loggin-header p, .pages-header-seperate  .loggin-header p i{    color: #616161;}


.contact-banner{background: url(../../images/contact-back.jpg);background-size: cover;padding: 3% 0; text-align: center; position: relative;}


.contact-with-us{padding: 4% 0;}
.contact-with-us h3{ font-size: 30px; font-weight: 700;font-family: 'Montserrat', sans-serif;    color: #2c3e50;}

.contact-with-us p{    color: #787878;
font-size: 15px;
margin: 20px 0 50px;
line-height: 30px;}

.contact-banner h1{color: #fff}

.address-compny h5{    font-size: 20px;
font-family: 'Montserrat', sans-serif;
color: #2c3e50;
font-weight: 600;
}

.address-compny ul{margin-top: 15px;}
.address-compny ul li{list-style-type: none;margin-bottom: 14px;}
.address-compny ul li a{font-size: 15px;color: #505050;}
.address-compny ul li a i{margin-right: 8px;color: #3B5998;}
.contact-fform{}
.contact-fform h4{font-size: 20px; color: #3B5998;margin-bottom: 15px;}
.contact-fform form textarea{height: 140px;}
.contact-fform .form-control{    border-top: 0;
border-left: 0;
border-right: 0;
border-bottom: 1px solid #f9f9f9;
border-radius: 0;
background: #f9f9f9;font-size: 14px;}

.contact-fform input[type="text"], .contact-fform input[type="email"]{height: 44px;} 
.contact-fform .form-control:focus{outline: none; box-shadow: none; border-bottom: 1px solid #3B5998;}

.contact-fform form button{background: #6CA4B3; border: 1px solid #6CA4B3;}
.contact-fform form button:hover{background: #3B5998;}
.contact-fform form button:focus{box-shadow: none;}

/*pricing page*/

.pricing_table{padding: 3% 0 2%;font-family: open sans; }
.pricing_table h1, .rffernear h1, .faaqqq-pri h1{font-size: 36px;color: #676666;margin-bottom: 14px;}
.title-hrrr{width: 4%;margin: 0 auto 0;border: none;background: #3B5998;height: 4px;border-radius: 30px;}

.discriptn-pricing{padding-top: 2%}
.discriptn-pricing p, .faq-pricing p{font-size: 15px;color: #5f5f5f;margin-bottom: 35px;line-height: 26px;}

.price-colmn{    border: 1px solid #e4e4e4;border-radius: 5px;box-shadow: 2px 2px 2px 0px rgba(0, 0, 0, 0.1);}
.header-pricing-colm{         background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);
    padding: 62px 0 20px;
    position: relative;}
.header-pricing-colm h3{font-size: 24px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 10px;}
.header-pricing-colm h6{    font-size: 14px;
    color: #fff;}
.header-pricing-colm:before{content: "";width: 100%;background: #fff;position: absolute;left: 0;height: 68px;border-radius: 50%;top: -35px;}

.price-amount{padding: 15px 20px;}
.price-amount .p-amonnt{font-size: 16px;font-weight: 700;    color: #525252;}
.price-amount .p-for-cus{font-size: 14px;color: #3B5998;font-weight: 600}
.price-amount ul{padding: 10px 0 0}
.price-amount ul li{    list-style-type: none;line-height: 34px;font-size: 14px;color: #a0a0a0;font-weight: 600;position: relative;}

.price-amount ul li i{    color: #3B5998;margin-right: 3px;position: relative;font-size: 10px;top: -2px;}

.price-amount ul li span{position: absolute;right: 14%;    color: #525252;font-weight: 700}

.price-colmn button.buynow, .refer-nnbu{    width: 100%;background-color: #3B5998;color: #fff;border: 1px solid #3B5998;height: 48px;position: relative;cursor: pointer;}

.price-colmn button.buynow:before, .refer-nnbu:before{    content: "\e5c7";
    font-family: Material Icons;
    color: #3B5998;
    position: absolute;
    font-size: 40px;
    top: -33px;
    left: 50%;
    transform: translateX(-50%);
}
.header-credist-colm{    padding: 25px 0;
    background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);}
.header-credist-colm h3{    color: #fff;
    font-size: 27px;
    margin: 0;}

.credit-list{}
.credit-list ul{}
.credit-list ul li{    border-bottom: 1px solid #efefef;padding-bottom: 12px;margin-bottom: 12px;}
.credit-list ul li:last-child{border-bottom: none;margin-bottom: 0;padding-bottom: 0}
.credit-list ul li:first-child{    font-size: 18px;color: #3B5998;font-weight: 700;}
.price-colmn button.buynow label{    margin: 0 0 0 10px;font-size: 21px;font-weight: 700;}

.rffernear{padding: 3% 0 2%;font-family: open sans; }
.referral-prici{margin: 1% 0}
.referral-prici i{font-size: 70px;color: #1A4E99;}
.referral-prici p{font-size: 15px;color: #5f5f5f;margin-bottom: 35px;margin-top: 3%;}
.faaqqq-pri{padding: 2% 0 2%;font-family: open sans;}
.quasstio-row{margin-top: 5%;}
.question-box{    margin-bottom: 60px;
    padding: 0 60px;}
.question-box h3{ font-size: 18px;font-weight: 700;color: #5d5d5d;}
.question-box p{font-size: 15px;color: #616161;line-height: 28px;}
.question-box span{position: absolute;left: 4%;
    top: -3%;}
.question-box span i{    background: #3B5998;
    color: #fff;
    border-radius: 50%;
    padding: 5px 10px;
    font-size: 20px;}

.hide-owl-navv button{display: none !important;}

/*pricng page end*/


/*mobile app screen*/
.mobile-app-full{    padding: 4% 0 2%;
    font-family: open sans;}
.mobile-app-full h1{    font-size: 36px;
    color: #676666;
    margin-bottom: 14px;}

.mobile-app-feacture{margin:3% 0;}
.basckgr-phone-app{position: relative;
display: block;
overflow: hidden;
z-index: 9;}

.basckgr-phone-app .owl-carousel{     width: 250px !important;
    top: 11px;
    left: 50px;}

.single-feature{display: flex;    padding: 0px 10px;}


.mobile-slider-phone{    border-radius: 26px;
    overflow: hidden;
    position: absolute;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.feature-content h5 {
    font-size: 17px;
    line-height: 22px;
    margin-bottom: 5px;color: #2c3e50;font-weight: 700;
}

.feature-content p{    color: #787878;
    font-weight: 600;
    font-size: 14px;}

.mar-gin-app{margin-top: 50px;}
.feature-icon .icon_app{    background-color: #3B5998;color: #fff;min-width: 40px;min-height: 40px;border-radius: 6px;position: relative;}

.feature-icon{margin-right: 15px;}
.feature-icon .icon_app i{    position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}

.discriptn-pricing-app p{font-weight: 600;}
.gide-notiif-bar{    position: absolute;
    top: 2px;
    z-index: 9999;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;}

.gide-notiif-bar img{}

.single-promo-section .line {
    width: 100%;
    height: 2px;
    background: #6541c1;
    background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .4s ease;
    transition: all .4s ease;
}

.single-promo-section:hover .line {
    -webkit-transform: scale(1);
    transform: scale(1);
}

.single-promo-section{background-color: #F9F9F9;border-radius: 4px;    padding: 30px 0 0;}
.single-promo-section .single-promo-content{padding:0 20px 10px;}
.single-promo-section .single-promo-content i.material-icons{    font-size: 45px;
    background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;}

.single-promo-section .single-promo-content h6{    font-size: 18px;font-weight: 600;color: #2c3e50;    margin-top: 15px;}
.single-promo-section .single-promo-content p{    font-size: 15px;margin: 16px 0;line-height: 25px;font-weight: 400;
    color: #616161;}

.single-promo-section:hover .single-promo-content i.material-icons{animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-name: tada;
}


.down-link-app{background: url(../../images/download_app_background.jpg) no-repeat center center fixed; background-size: cover;margin: 13% 0 5%;position: relative;font-family: open sans;}
.down-link-app:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;
background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);    opacity: 0.8;}
.download-app-img{margin-top: -115px;}

.download-btn, .on_footer-ap {
    border: 1px solid #fff;
    margin-right: 20px;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    float: left;
    padding: 5px 20px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    background-color: #fff
}

.download-btn p, .on_footer-ap p{margin: 0}
.app_down-cconta{position: absolute;top: 50%; transform: translateY(-50%);}
.app_down-cconta h2{color: #fff;font-weight: 600;}
.app_down-cconta p.butto-abo-te{    font-size: 15px;color: #fff;margin: 14px 0 30px;}
.app_down-loa-butto a{}
.app_down-loa-butto a.download-btn i.material-icons{    background: linear-gradient(to bottom right, #3b5998 0%, #8fd9c6 100%);-webkit-text-fill-color: transparent;-webkit-background-clip: text;    font-size: 40px;margin-right: 10px;}

.app_down-loa-butto a p{    font-size: 18px;
    font-weight: 700;
    color: #3B5998;
    line-height: 20px;}
.app_down-loa-butto a p small{    color: #333;
    font-weight: 600;
    font-size: 12px;}

.on_footer-ap{    background-color: #669FB1;
    border-color: #669FB1;}
.on_footer-ap p{color: #fff !important;}
.on_footer-ap p small{color: #fff !important}

.on_footer-ap i.material-icons{    background: linear-gradient(to bottom right, #86B951 0%, #ffffff 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text; font-size: 40px;margin-right: 10px;}

.on_footer-ap:hover i.material-icons{background: linear-gradient(to bottom right, #ffffff 0%, #86B951 100%);
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;;}




/*mobile app screen end*/

.requestfordemo_mod .header-create-account{height: 60px; }
.requestfordemo_mod form{margin-bottom: 25px;}


.slec_contry-creat .select2{     border: none !important;
    border-bottom: 2px solid #3B5998 !important;
    border-radius: 0;
    padding-left: 0;
    font-size: 14px;
    margin-top: 4px;    font-family: 'Marmelad', sans-serif;color: #333;}

   .creta_butto-acc{    background-color: #6CA4B3 !important;
    border-color: #6CA4B3 !important;}

.makk_p{color: #3B5998; margin: 5px 0 0;font-weight: 700;    font-size: 20px;font-family: open sans}    
.btn-maek{background-color: #3B5998; border-color: #3B5998; }
.form-form-pay .form-group{margin-bottom: 15px;}
.form-form-pay label{    font-size: 14px;
    color: #3B5998;
    font-weight: 500;}
.form-form-pay .form-control{font-size: 14px;height: calc(2.25rem + 0px);}    
.form-form-pay textarea.form-control{height: auto;}
.form_-card .card{margin-bottom: 0}
.btn-cane{background-color: red; border-color: red; }
.form_-card{    position: absolute;}

.cancel___butt{    position: absolute;
    right: -7px;
    top: -21px;
    background: #F7F7F7;
    border-radius: 50%;
    height: 40px;
    width: 40px;}
.cancel___butt i{    position: relative;
    left: 12px;
    top: 8px;
    font-size: 19px;}    

.ffeactue-con {
       display: -webkit-inline-box;
    margin-bottom: 20px;
}

.congo_refer{margin: 2% 0 4%;}
.congo_refer .title_congo{}
.congo_refer .title_congo h1{font-weight: 700;position: relative;}
.congo_refer .title_congo h1 span{    color: red;
    animation-name: tada;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    position: absolute;margin-left: 10px;}
.congo_refer .title_congo h6{color: #3B5998;font-size: 18px;}
.persona_congo{margin-top: 5%;}
.ffeactue-con{}
.ffeactue-con .this-feacture{}
.ffeactue-con .this-feacture h3{font-size: 23px;}
.ffeactue-con .this-feacture h3 span{color: #3B5998;font-weight: 600;}
.ffeactue-con .this-feacture p{    font-size: 15px;
    color: #525252;}
.ffeactue-con .icon-imahe{    background-color: #3B5998;
    border-radius: 50%;
    height: 45px;
    width: 45px;
    margin-right: 18px;
    position: relative;
    top: 10px;}
.ffeactue-con .icon-imahe span{position: absolute;top: 50%;left: 50%; transform: translate(-50%,-50%);color: #fff;font-weight: 700;}

.image__refer{    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 10%;}

.persona_congo .ffeactue-con:last-child{margin-bottom: 0}    
.persona_congo .ffeactue-con:last-child p{margin-bottom: 0}
.referal---_column{background-color: #F7F7F7;padding: 30px 0;margin-bottom: 1%;}
.form__text-labe{width: 90%;border: 1px solid #ced4da;height: 100px;padding: .375rem .75rem;border-radius: .25rem;}

.invite_by_emai{}
.invite_by_emai h3{    margin-bottom: 16px;
    font-size: 22px;}
.invite_by_emai h3 i{color: #3B5998;margin-right: 5px;}
.icon_re-ea__i div{    background-color: #3B5998;
    color: #fff;
    border-radius: 50%;
    float: left;
    width: 33px;
    height: 33px;
    margin-right: 14px;position: relative;}
.icon_re-ea__i{margin-top: 10px;}
.icon_re-ea__i div i{position: absolute;top: 50%; left: 50%; transform: translate(-50%, -50%);}

.form_h_ticket{     width: 60%;
    left: 50%;
    transform: translateX(-50%);}

.form_-card .form-control:focus{box-shadow: none !important; outline: none !important;}    

.max-len-_lengt{ font-size: 14px;}

.contact_usss{background: url(../../images/contact_border.jpg) no-repeat; background-size: cover; height: 90px;position: relative;padding-top: 25px;}
.contact_usss h3{color: #fff; font-size: 20px;text-transform: uppercase;}
.contact_usss hr{    margin: 0;
    background: #fff;
    height: 3px;
    width: 9%;}
.breadcum h5{color: #fff; font-size: 15px;font-weight: 400;margin-top: 5px;}
.contact_info{margin: 3% 0;}
.contact_info .ico-conta{}
.contact_info .ico-conta i{    color: #3B5998;
    font-size: 40px;}

.contact_info h4{font-size: 17px; font-weight: 400;margin-top: 13px;}
.contac_form{padding-top: 3%;
    padding-bottom: 3%;
    background-color: #ededed;}
.form-ele_co{background: #fff; padding: 20px;}
.form-ele_co h2{font-family: open sans;font-weight: 600;font-size: 30px;}
.form-ele_co hr{    margin: 11px auto 30px;
    width: 9%;background: #3B5998; height: 4px;border: none;}

.form-ele_co .form-control{border-radius: 0;font-size: 14px;}    
.form-ele_co .form-control:focus{outline: none;box-shadow: none;}
.form-ele_co button[type="submit"]{background: #3B5998;border-color: #3B5998;font-size: 15px;}

a.backToLogin:hover{color: #fff;}
p.lost_pas-text{    font-size: 14px;
    margin: 20px 0 30px;}

p.lost_pas-text span{font-weight: 700;display: block;}    

.pada-pri-2{margin-top: 40px}
.confirm_emai .form-control-placeholder{left:0px;font-size: 100% !important;}
.confirm_emai h3{    font-size: 43px;
    text-transform: uppercase;
    letter-spacing: 3px;
    margin-bottom: 20px;
    font-weight: 100;
    color: #424242;position: relative;}

.confirm_emai h3 span{     color: #3B5998;
    animation-name: flip;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    position: absolute;
    margin-left: 10px;}    

.confirm_emai p.emaik_t{    font-size: 20px;
    line-height: 32px;
    margin-bottom: 50px;
    font-weight: 100;}    

.confirm_emai{margin-top: 3%;}    
.confirm_ermail-bo button[type="submit"]{     -webkit-appearance: none;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    text-decoration: underline !important;
    font-size: 20px;
    border: none;}

.confirm_ermail-bo p{     margin-top: 20px;
    line-height: 28px;
    font-size: 15px;}    
.confirm_ermail-bo p a{color: #000; font-weight: 700; text-decoration: underline !important; }    
.help_center--i{padding: 0 1em 0;}
.modal__conn{margin-top: 20px;}
.modal__conn p{font-size: 15px;}
.modal__conn ul{padding: 0 15px;}
.modal__conn ul li{    list-style-type: decimal;
    font-size: 15px;
    margin-bottom: 10px;}


/*sms gateway*/

.sms_dem button{background-color: #000;}
.crete-btn-sms{background-color: #000;
    border-color: #000;
    border: 1px solid #000;
    margin-right: 30px;
    box-shadow: 2.16px 2.17px 3.31px #000;
    transition: all 300ms ease-in-out;}
.sms_fe i{color: #8fd9c6;}
.sms_how{}
.sms_how .row::before{background: #000;box-shadow: 0px 0px 19px 4px #000;}
.sms_how .row::after{background: #000;}
/*sms gateway*/    


.eye_passa{     position: absolute;
    top: 6%;
    right: 5%;}

.eye_passa input[type="checkbox"]{    position: absolute;
    top: 12px;
    opacity: 0}

.eye_passa i{font-size: 20px;}    

.eye_passa input[type=checkbox]:checked + i:before {
    content: "\f070";
    color: #7d7d7d;
}

.owner_regis{margin: 2% 0 4%;}
.owner_regis .border_wiwi{border: 1px solid #ccc;padding: 15px 0 30px 33px;}
.owner_regis h2{font-family: open sans;letter-spacing: 1px;font-weight: 600;font-size: 25px;}
.owner_regis hr{}
.owner_regis .form-control{width: 92%; border-radius: 0}

.owner_regis .form-control:focus{box-shadow: none;}
.tit_for{padding-right: 33px;}
.owner_detail h3{padding-right: 30px;font-family: open sans;letter-spacing: 1px;font-size: 20px; font-weight: 600;    color: #3b5998;margin-bottom: 22px;}

.mar_zeasdasd{margin-bottom: 0;}
.owner_detail .accordion{    width: 92%;}
.owner_detail .accordion .card{margin-bottom: 0;box-shadow: none;}
.owner_detail .accordion .card .card-header{padding:0;margin-top: 4px;background: #fff;    border: 1px solid #ced4da;}
.owner_detail .accordion .card .card-header h2{text-decoration: none;}
.owner_detail .accordion .card .card-header h2 button{color: #000;text-decoration: none !important;width: 100%;text-align: left;}
.form-echecckb{display: block;margin-bottom: 8px;}
.form-echecckb input{margin-right: 6px;}
.owner_detail .accordion .card .card-body{    border: 1px solid #ced4da;
    padding: 15px 1.25em 8px;}

.owner_regis button[type="submit"]{background: #3b5998; color: #fff;font-family: open sans;font-size: 15px;}
.usr_activation_msg {
    margin-top: 30px;
}