@font-face {

	font-family: 'Conv_aristotelica.text';

	src: url('../fonts/aristotelica.text.eot');

	src: url('../fonts/aristotelica.text.woff') format('woff'),

	url('../fonts/aristotelica.text.ttf') format('truetype'), 

	url('../fonts/aristotelica.text.svg') format('svg');

	font-weight: normal;

	font-style: normal;

}





body { padding: 0; margin: 0; outline: none; color:#989797;font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px;}

img { max-width: 100%; height: auto;outline: none; }

.full-img { width: 100%; }

ul { padding: 0; margin: 0; list-style-type: none; }

h1,h2,h3,h4,h5,h6 { margin: 0; line-height: 100%; }

h1,h2,h3{font-family: 'Conv_aristotelica.text';}

h1 { font-size: 58px; }

h2 { font-size: 36px; }

h3{ font-size: 32px; }

h4 { font-size: 18px; }

h5 { font-size: 15px; }

[type="submit"] { cursor: pointer;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;  }

button ,button:hover,button:focus { outline: none;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; cursor: pointer; text-decoration: none; outline:  none; }

a {color:#12428f; }

a,a:hover,a:focus {outline: none; text-decoration: none; -webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; outline:  none;  }

.full-img { width: 100%; height: auto; outline: none;}

.form-control:focus { outline: none;box-shadow: none;  }

.full-img { width: 100%; }



/*button*/

.c-btn-1 { border: none;  padding: 15px 30px 12px;background:#12428f; color: #fff; text-transform: uppercase; font-family: 'Conv_aristotelica.text';

display: inline-block; line-height: 100%; border-radius: 5px;-webkit-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);

-moz-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);}

.c-btn-1:hover {background:#84bad6;color: #fff;-webkit-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);

-moz-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);

box-shadow: -1px 1px 31px -7px rgba(132,186,214,1); }



.c-btn-white { display: inline-block; background: #fff; padding: 18px 50px 12px 30px; line-height: 100%; font-size: 20px;color:#12428f;font-family: 'Conv_aristotelica.text';

border-radius:5px;position: relative; }

.c-btn-white:after { content: "\f101"; display: block; position: absolute; right: 25px; top: 14px;color:#12428f; font-family: 'FontAwesome';

font-size: 20px; }

.c-btn-white:hover {background: #12428f; color: #fff;}

.c-btn-white:hover:after { color: #fff; }



/*heading*/

.c-heading-2 h2 { color: #12428f;padding-bottom: 5px;position: relative;margin-bottom: 15px; }

.c-heading-2 h2:after { content:""; display: block; width: 34px; height: 1px; background:#84bad6;position: absolute; bottom: 0; left: 0;  }

.c-heading-2 p { font-size: 17px;line-height: 24px;margin: 0;color:#ababab; }



.c-heading-3 {text-align: center;}

.c-heading-3 h2 { color: #12428f;padding-bottom: 5px;position: relative;margin-bottom: 15px; }

.c-heading-3 h2:after { content:""; display: block; width: 34px; height: 1px; background:#84bad6;position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);  }

.c-heading-3 p { font-size: 17px;line-height: 24px;margin: 0;color:#ababab; }





.c-heading-1 { text-align: center; }

.c-heading-1  h5 { text-transform: uppercase;font-size: 15px;padding-bottom: 10px; position: relative;color:#84bad6; position: relative; margin-bottom: 18px;  }

.c-heading-1  h5:after { content:""; display: block; position: absolute; left: 50%; bottom: 0;width: 34px; height: 1px;

-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);background:#84bad6; }

.c-heading-1  h3 { color: #12428f; line-height: 42px; }

.c-heading-1  h3 span  { color:#84bad6;  }



/*haeder*/



.c-header-bottom .navbar-nav li  { padding: 0 25px; }

.c-header-bottom .navbar-nav li:last-child { padding-right: 0; }

.c-header-bottom .navbar-nav li  a { position: relative;padding-bottom: 10px;color:#000000;display: inline-block;font-family: 'Conv_aristotelica.text'; font-size: 18px; }

.c-header-bottom .navbar-nav li  a:before,.c-header-bottom .navbar-nav li a:after{position:absolute;content:" ";bottom:0;background-color:#84bad6;height:2px;width:0;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-o-transition:.5s;-ms-transition:.5s}

.c-header-bottom { padding: 20px 0; }

.c-header-bottom .navbar-nav li a:after{left: 0;width: 0;}

.c-header-bottom .navbar-nav li a:before{right: 0;width: 0;}

.c-header-bottom .navbar-nav li a:hover:after,.c-header-bottom .navbar-nav li a:hover:before,

.c-header-bottom .navbar-nav li.active a:after,.c-header-bottom .navbar-nav li.active a:before{width: 50%;}

.c-header-bottom .deskmenu .navbar-nav li a:hover { color:#6289c8; }

.c-header-bottom .navbar-nav li a:hover { color:#12428f; }

.c-header-bottom .navbar-nav li.mobile-view{ display: none; }

.c-header-bottom .navbar {padding: 0;}

.c-logo-w { padding: 8px 0; }

.c-header-top { align-items:center; padding-top: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }

.ch-login-w  { margin-left: 40px; }

.ch-login-w a{font-size: 16px; text-align: center;display: inline-block; letter-spacing: 3px;}

.ch-login-w a span { display: block;margin-bottom: 3px; }



/*banner*/

.c-banner-wr {position: relative; min-height: 350px; }

.c-banner-wr img {width:100%;}

.c-banner-con { position: absolute; text-align: center; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 100%; }

.c-banner-con-in h1 { color: #12428f;margin-bottom: 10px;  }

.c-banner-con-in p { font-size: 22px; letter-spacing: 3px;color: #12428f; margin: 0; }

.c-banner-con-in .input-group { margin-top: 35px; }

.c-banner-con-in .input-group .form-control  {/*font-family: 'Conv_aristotelica.text';*/ font-family: Arial, Helvetica, sans-serif; font-size: 18px; color:#84bad6; height: 50px;padding: 0 20px; line-height: 50px; border-radius: 5px; border: none; }

.c-banner-con-in .input-group .c-btn-1 { font-size: 20px; font-weight: bold; line-height: 58px; height: 50px;padding: 0 30px; border-radius: 5px; }

.c-banner-con-in .input-group-append { margin-left: 10px; }

.c-banner-con-in .input-group .c-btn-1:hover ,.c-banner-con-in .input-group .c-btn-1:focus { background:#fff; color:#12428f;  }

.c-banner-con-in .input-group  .form-control::-webkit-input-placeholder { color:#84bad6; font-size: 20px;opacity: 1; }

.c-banner-con-in .input-group  .form-control:-ms-input-placeholder {  color:#84bad6; font-size: 20px;opacity: 1;}

.c-banner-con-in .input-group  .form-control::placeholder { color:#84bad6; font-size: 20px;opacity: 1;}



/*c how does work*/

.c-how-does-wr { padding: 100px 0 20px; }

.c-how-does-wr .c-heading-1 { margin-bottom:100px; }

.c-how-does-box { text-align: center; }

.c-how-does-img { width: 136px; height: 136px; line-height: 130px;

background: rgba(0,152,217,1);

background: -moz-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,152,217,1)), color-stop(100%, rgba(0,29,126,1)));

background: -webkit-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -o-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -ms-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: linear-gradient(to bottom, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d9', endColorstr='#001d7e', GradientType=0 );

-webkit-box-shadow: -1px 0px 32px 0px rgba(178,214,233,1);

-moz-box-shadow: -1px 0px 32px 0px rgba(178,214,233,1);

box-shadow: -1px 0px 32px 0px rgba(178,214,233,1); display: inline-block; border-radius: 50%;padding: 2px; }

.c-how-does-img  span {padding: 0 20px; width: 132px; height: 132px; background: #fff; border-radius: 50%; transition: 0.5s; background: #fff;display: inline-block; }

.c-how-does-box  h4 { color: #12428f; font-size: 17px; text-transform: uppercase;font-weight: bold;margin:40px 0 10px; font-family: 'Conv_aristotelica.text'; }

.c-how-does-box p { padding: 0 60px; margin: 0; }

.c-how-does-in {position: relative;}

.c-how-does-in:after { content:""; display: block; background: url("../images/how-does-arow.png");background-repeat: no-repeat;

height: 160px; width: 800px;position: absolute;top: -20px; left:50%; -webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%); z-index: -1;  }

.c-how-does-box:hover .c-how-does-img  span{background:#add4e9;}



/*service*/

.c-service-wr { background: url("../images/service-bg.jpg") no-repeat;padding: 250px 0 60px;position: relative; background-attachment: fixed;background-size: cover; background-position: center center;  }

.c-service-wr:after { content: ""; display: block; background: url("../images/service-chip.png") no-repeat;width: 100%;

height: 240px; background-size: 100% 100%;position: absolute; top: 0; left: 0; }

.c-service-wr .c-heading-2 h2 { color: #fff; }

.c-service-wr .c-heading-2 { margin-bottom: 20px; }



.c-service-box { position: relative; padding-left: 90px;margin-bottom: 40px; }

.c-service-box span { width: 75px; height: 75px;background:#fff; padding: 0 5px; line-height: 75px;display: block;position: absolute;

left: 0; top: 0;border-radius: 50%; text-align: center;}
.c-service-box span img{width: 70%;}

.c-service-box h3 { font-size: 20px;margin-bottom: 6px; }

.c-service-box h3 a{color: #fff;}

.c-service-box p { font-size: 14px; margin: 0;color:#ababab;}

.c-service-box:hover span img{-webkit-filter:grayscale(100%);filter:grayscale(100%);}





/*extra service*/



.c-extra-service-wr { padding: 100px 0; }

.c-extra-service-wr  .c-heading-2 { margin-bottom: 20px; }

.c-extra-service-box-img {background: rgba(0,152,217,1); width: 78px; height: 78px; transition: 0.5s;

background: -moz-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,152,217,1)), color-stop(100%, rgba(0,29,126,1)));

background: -webkit-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -o-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -ms-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: linear-gradient(to bottom, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d9', endColorstr='#001d7e', GradientType=0 );

 display: inline-block; border-radius: 50%;padding: 1px;

position: absolute;left: 0; top: 0;}

.c-extra-service-box  { position: relative; padding-left: 90px;margin-bottom: 40px; }

.c-extra-service-box-img span { width: 76px; height: 76px;background:#fff; padding: 0 5px; line-height: 75px;display: block;border-radius: 50%; overflow: hidden; }

.c-extra-service-box  h3 { font-size: 20px;color: #12428f;margin-bottom: 6px; }

.c-extra-service-box  p { font-size: 14px; margin: 0;color:#ababab;}

.c-extra-service-box-img span  img { transition: 0.5s; }

.c-extra-service-box:hover span img {-webkit-filter:grayscale(100%);filter:grayscale(100%);}



/*team*/

.c-team-wr {padding: 80px 0 40px;background:#5f82ff url("../images/team-bg.png") no-repeat 100% 100%; background-size:cover;background-attachment: fixed; }

.c-team-wr .c-heading-3 h2 { color: #fff; }

.c-team-wr .c-heading-3 p { color: #fff; }

.c-team-in { margin-top: 50px; }

.c-team-in ul { display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; margin: 0 -15px; margin-bottom: 45px;}

.c-team-in ul li {-webkit-box-flex: 0;-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%; text-align: center; padding: 0 15px; text-align: center;}

 .c-team-in ul li h3 {font-size: 20px; text-transform: uppercase; color:#fff;margin-bottom:3px; /*font-family: Arial, Helvetica, sans-serif;*/ } 

.c-team-in ul li p { margin: 0; font-size: 14px; color:#fff; line-height: 100%;  }

.c-team-img { width: 150px; height: 150px; background: rgba(0,152,217,1);  transition: 0.5s; margin-bottom: 20px; display: inline-block;

background: -moz-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,152,217,1)), color-stop(100%, rgba(0,29,126,1)));

background: -webkit-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -o-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: -ms-linear-gradient(top, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

background: linear-gradient(to bottom, rgba(0,152,217,1) 0%, rgba(0,29,126,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0098d9', endColorstr='#001d7e', GradientType=0 ); border-radius: 50%; padding: 2px;

border-radius: 50%; overflow: hidden;}

.c-team-img span { width: 146px; height: 146px; border-radius: 50%; overflow: hidden;display: inline-block; }

.c-team-img span  img { width: 100%; height: 100%; object-fit: cover; }



/*rivew*/

.c-rivew-in{ display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; }

.c-rivew-img-1{-webkit-box-flex: 0;-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%; text-align: center; padding-right: 50px;}

.c-rivew-img-2{ -webkit-box-flex: 0;-ms-flex: 0 0 35%;flex: 0 0 35%;max-width: 35%; text-align: center; padding-left: 50px;}

.c-rivew-img-1 img ,.c-rivew-img-2 img { width: 100%; height: auto; }

.c-rivew-con {-webkit-box-flex: 0;-ms-flex: 0 0 30%;flex: 0 0 30%;max-width: 30%; text-align: center; }

.c-rivew-wr { padding:90px 0 40px;}

.c-rivew-heading { margin-bottom: 80px; }

.c-rivew-heading p { color:#84bad6;  }

.c-rivew-heading h2 { font-size: 42px; }



.c-rivew-box {background:#12428f;padding: 50px 35px; position: relative; width: 400px; height: 430px; margin: 0 auto; text-align: center; padding-left: 65px;}

.c-rivew-con-img { width: 96px; height: 96px; border-radius: 50%; overflow: hidden; display: inline-block; }

.c-rivew-box:after { content: ""; display: block; position: absolute; left: 0; top: 0;background: url("../images/rivew-con-chip.png") no-repeat;

background-size: 100% 100%; height: 100%; z-index: 1; width: 100%;   } 

.c-rivew-box h3 { font-size: 17px;color: #fff; margin: 12px 0 15px; }

.c-rivew-box h3 span { display: block;font-size: 14px;font-family: Arial, Helvetica, sans-serif; }

.c-rivew-box p { color: #fff; font-size: 13px; position: relative; padding-left:30px; }

.c-rivew-box p:after { position: absolute; left: 0; top:-5px; content: ""; display: block; content:"\f10d"; font-family: 'FontAwesome';

font-size: 26px; }

.c-rivew-box-in { position: relative;z-index: 5; }

.c-rivew-in .contenantPuces  { margin-top: 70px; }

.c-rivew-in .contenantPuces .slick-dots { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;  }

.c-rivew-in .contenantPuces .slick-dots  li { padding: 0 6px; }

.c-rivew-in .contenantPuces .slick-dots  li button { width: 10px; height: 10px; border: 1px solid  #9a9a9a; display: inline-block; background:#fff;

font-size: 0; border-radius: 50%;padding: 0;   }

.c-rivew-in .contenantPuces .slick-dots li.slick-active button{ border-color:#12428f; background:#12428f;width: 14px; height: 14px; position: relative;

top: -2px;   }





/*footer*/

.c-footer-w { background-color:#12428f;  }

.c-footer-top {padding: 200px 0 60px; position: relative; }

.c-footer-top:after { position: absolute; left: 0; top: 0; width: 100%; height: 143px; background: url("../images/footer-chip.png") no-repeat;

content: ""; display: block;background-size: 100% 100%;  }

.c-footer-top h5 { color:#fff; margin-bottom: 20px; font-size: 20px;  padding-top: 10px;font-family: 'Conv_aristotelica.text';  }

.c-footer-top h5:after { content: ""; display: block; width: 21px; height: 1px;

background: #fff;margin-top: 10px;}

.c-footer-top p { color:#84bad6; font-size: 13px; line-height: 22px; margin: 0; }



.cf-list-w ul li { display: block; margin-bottom: 10px; line-height: 100%; }

.cf-list-w ul li a {  display: inline-block; color:#84bad6; padding-left:12px; position: relative; font-size: 13px;  }

.cf-list-w ul li a:hover { color:#fff;  }

.cf-list-w ul li a:after { content:"\f105"; display: block; font-family: 'FontAwesome'; position: absolute;

left: 0; top: 0;  }

.c-quick-list { padding-left: 50px; }



.cf-location-w  { padding-left: 30px; }



.cf-location-list li{ font-size: 13px; padding-left:22px; line-height: 22px;color:#84bad6; position: relative; margin-bottom: 10px; }

.cf-location-list li span { display: block; left: 0; top: 0; position: absolute; font-size: 14px; color: #fff;}

.cf-location-list li a{color:#84bad6;}

.cf-location-list li a:hover { color:#fff; }



.c-footer-bottom {  padding:40px 0; border-top: 1px solid #1e4e96;  }

.c-footer-bottom .c-fb-info-w li { line-height: 100%; color:#84bad6; font-size: 13px; padding: 0 8px; border-right: 1px solid #afaeae; }

.c-footer-bottom .c-fb-info-w li:last-child { border-right:  none;  }

.c-footer-bottom .c-fb-info-w li a {color:#fff;}

.cf-logo-w { margin-bottom: 20px; }

.c-fb-location-w  { margin-top: 25px; }

.c-fb-location-w li { padding: 0  5px; }

.c-fb-location-w li a{  font-size: 17px; color:#84bad6; }

.c-fb-location-w li a:hover { color:#fff; }



/* 20th May Avijit */

.search_wrapper{

	padding: 45px 0 0 0;

}



.search_heading{

	margin: 0 0 25px 0;

	font-size: 17px;

	font-weight: 600;

	color: #333;

  font-family: 'Conv_aristotelica.text';

}

.search_inner{

	display: flex;

	justify-content: center;

	align-items: center;

	position: relative;

	margin: 0 0 25px 0;

}

.search_inner input[type="text"]{

	width: 100%;

	border:none;

	height: 55px;

	box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);

	border-radius: 35px;

	border:1px solid #d1d1d1;

	padding: 10px 65px 10px 25px;

	transition: all 0.4s ease;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

}

.search_inner input:hover,

.search_inner input:focus{

    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);

    outline: none;

    transition: all 0.4s ease;

	-webkit-transition: all 0.4s ease;

	-moz-transition: all 0.4s ease;

}

.search_inner button{

	position: absolute;

	box-shadow: none;

	right: 15px;

	border:none;

	background-color: transparent;

	width: 40px;

	height: 40px;

	display: flex;justify-content: center;align-items: center;

}

.search_inner button i{

	color:#12428f;

	font-size: 18px;

}

.after_search_section{

	background-color: #f1f1f1;

	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);

	padding: 30px 25px;

}

.sticky{

	position: sticky;

	top: 18px;	

	margin: 0 0 35px 0;

}

.after_search_wrapper{

	background-color: #059fea;

	padding: 25px;

	box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);

	margin: 0 0 25px 0;
	border-radius: 6px;

}

.after_search_wrapper label{

	color: #fff;

}

.after_search_wrapper select{

	border-radius: 0;

	height: 45px!important;

	border:none;

	border-radius: 6px;

}

.after_search_wrapper input[type="text"],

.after_search_wrapper input[type="email"],

.after_search_wrapper input[type="tel"]{

	border-radius: 0;

	height: 45px!important;

	border:none;

}

.select_common_srv{

	margin: 15px 0 0 0;

}





/* The container */

.serv_check {

  display: block;

  position: relative;

  padding-left: 35px;

  margin: 0 10px 45px 10px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-color: #fff;

  border-radius: 2px;

}

.serv_check .information{

	position: absolute;

	right: 4px;

	top: 1px;

	z-index: 99;

}

.serv_check .information i{

  font-size: 11px;

}

/* Hide the browser's default checkbox */

.serv_check input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.serv_check .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  background-color: #fff;

  color: #12428f;  

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 8px 15px;

  height: 35px;

  border-radius: 3px;

}



/* On mouse-over, add a grey background color */

.serv_check:hover input ~ .checkmark {

  background-color: #12428f;

  color: #fff;

}

.serv_check:hover .information{

	color: #fff;

}


.slick-slide:focus{
	outline: 0;
}

/* When the checkbox is checked, add a blue background */

.serv_check input:checked ~ .checkmark {

   background-color: #12428f;

  color: #fff;
      border: 3px solid #001332;

}

.serv_check input:checked ~ .information i{

	color: #fff;

}



/* Create the checkmark/indicator (hidden when not checked) */

.serv_check .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.serv_check input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */





.sidebar-overlay.active {

    opacity: 1;

    visibility: visible;

    z-index: 99;

    transform: translateZ(0) scale(1);

    transition: transform 0.4s, opacity 0.4s, filter 0.4s;

}

.sidebar-overlay {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    transform: translateZ(0) scale(0.9);

    transition: transform 0.4s, opacity 0.4s, filter 0.4s, visibility 0s 0.6s;

}

#sidebar-wrapper.active {

    right: 310px;

    width: calc(100% - 72%);

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    z-index: 99;

}

#sidebar-wrapper {

    z-index: 1000;

    position: fixed;

    right: 0;

    width: 285px;

    height: 100%;

    -webkit-transform: translateX(310px);

    transform: translateX(310px);

    background: #fff;   

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.31);

    display: block;

    top: 0px;

}









.sidebar-overlay-cleaner.active {

    opacity: 1;

    visibility: visible;

    z-index: 99;

    transform: translateZ(0) scale(1);

    transition: transform 0.4s, opacity 0.4s, filter 0.4s;

}

.sidebar-overlay-cleaner {

    position: fixed;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background-color: rgba(0, 0, 0, 0.5);

    opacity: 0;

    visibility: hidden;

    transform: translateZ(0) scale(0.9);

    transition: transform 0.4s, opacity 0.4s, filter 0.4s, visibility 0s 0.6s;

}

#sidebar-wrapper-cleaner.active {

    right: 310px;

    width: calc(100% - 72%);

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    z-index: 99;

}

#sidebar-wrapper-cleaner {

    z-index: 1000;

    position: fixed;

    right: 0;

    width: 285px;

    height: 100%;

    -webkit-transform: translateX(310px);

    transform: translateX(310px);

    background: #12428f;   

    -webkit-transition: all 0.4s ease 0s;

    transition: all 0.4s ease 0s;

    box-shadow: 2px 2px 5px 0px rgba(0, 0, 0, 0.31);

    display: block;

    top: 0px;

}

.sidebar_details{

	position: absolute;

	top: 0;

	left: 0;

	right: 0;

	bottom: 0;

	max-height: 100%;

	overflow-y: auto;

	padding: 0px;

	margin: 0px;

}

.sidebar_details .service_details_heading{

	color: #fff;

	font-size: 24px;

	margin: 0 0 20px 0;
	font-weight: 600;
	padding: 25px 35px;
	background-color:#12428f; 

}

.sidebar_details .service_details_heading span{

	    display: block;
    font-size: 16px;
    padding: 10px 0 0 0;
    color: #b8bad0;

}



.custom_switeh_lavel{
  display: flex;
  /*justify-content: space-between;*/
  align-items: center;
  margin: 0 0 20px 0;

}
.custom_switeh_lavel p{
	margin: 0 0 0 10px;
    font-weight: 600;
    cursor: pointer;
}
.custom_switeh_lavel p:hover{
	color:#12428f;
}

.my_slide_close{

  position: absolute;

  width: 30px;

  height: 30px;

  left: -15px;

  top: 10px;

  display: flex;

  justify-content: center;

  align-items: center;

  border-radius: 50%;

  background-color:rgb(102, 187, 217);

  box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);

  z-index: 99;

}

.page_banner{

  margin: 0 0 20px 0;

  box-shadow: 0 0 10px 0 rgba(0,0,0,0.4);

  border:3px solid #f1f1f1;
  border-radius: 6px;

}

.page_banner img{

  width: 100%;

  height: auto;

}

.my_slide_close i{

  color: #fff;

  font-size: 12px;

}

/* The container */

.serv_check_other,
.serv_check_other:focus {
	outline: none;
  display: block;

  position: relative;

  padding-left: 35px;

  margin: 0 10px 45px 10px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-color: #fff;

  border-radius: 2px;

  font-size: 12px;

}

.serv_check_other .information{

	position: absolute;

	right: 10px;

	top: 7px;

	z-index: 99;

}

/* Hide the browser's default checkbox */

.serv_check_other input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.serv_check_other .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  background-color: #12428f;

  color: #fff;  

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 8px 15px;

  height: 35px;

  border-radius: 3px;

}



/* On mouse-over, add a grey background color */

.serv_check_other:hover input ~ .checkmark {

  background-color: #66bbd9;

  color: #fff;

}

.serv_check_other:hover .information{

	color: #fff;

}



/* When the checkbox is checked, add a blue background */

.serv_check_other input:checked ~ .checkmark {

   background-color: #66bbd9;

  color: #fff;

}

.serv_check_other input:checked ~ .information{

	color: #fff;

}



/* Create the checkmark/indicator (hidden when not checked) */

.serv_check_other .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.serv_check_other input:checked ~ .checkmark:after {

  display: block;

}

.esdat{

	position: relative;

}

.right_slik_btn, .right_slik_btn:hover, .right_slik_btn:focus {

   width: 30px;

    height: 30px;

    z-index: 99;

    position: absolute;

    right: -22px;

    background-color: transparent;

    border: none;

    top: 5px;

}

.right_slik_btn i{

	color: #fff;

}

.left_slik_btn, .left_slik_btn:hover, .left_slik_btn:focus {

   width: 30px;

    height: 30px;

    z-index: 99;

    position: absolute;

    left: -22px;

    background-color: transparent;

    border: none;

    top: 5px;

}

.left_slik_btn i{

	color: #fff;

}



.repete_service .custom-checkbox .custom-control-input:checked~.custom-control-label::before {

    background-color: #66bbd9;

}

.repeat_service_header{

	font-size: 22px;

	color: #fff;

	margin: 0 0 20px 0;

}

.cleaners_list{

	background-color: #d1d1d1;

	padding: 20px 25px;

	margin: 0 0 25px 0;

	box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
	border-radius: 6px;

}
.cleaners_list label{
	color: #333;
}
.cleaners_list .clearner_heading{

	font-size: 22px;

	margin: 0 0 25px 0;

	color: #12428f;

  font-family: 'Conv_aristotelica.text';

}
.cleaners_list .clearner_heading p.no-clea {
    color: #989797;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    line-height: 20px;
}





.cleaner_pro_wrap{

	display: block;

  position: relative;

  padding-left: 0px;

  margin: 0 0 25px 0;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  border-radius: 2px;

}



.cleaner_pro_wrap .information{

  position: absolute;

  top: 5px;

  right: 10px;

}

.cleaner_pro_wrap .information i{

  font-size: 11px;

}



/* Hide the browser's default checkbox */

.cleaner_pro_wrap input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.cleaner_pro_wrap .profile_cln {

  background-color: #fff;

  display: flex;

  justify-content: center;

  align-items: center;

  flex-direction: column;

  /* padding: 25px; */

  padding:10px;

  border-radius: 6px;

  height: 240px;

  transition: all 0.4s ease;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

}

.clean_pro{

	width: 130px;

	height: 130px;

	border-radius: 50%;

	overflow: hidden;

	border:2px solid #12428f;

	margin: 0 0 20px 0;
	display: flex;
	justify-content: center;
	align-items: center;

}

.clear_name{

	color: #12428f;

	font-size: 20px;

	margin: 0 0 10px 0;

  font-family: 'Conv_aristotelica.text';

}

.clear_position{

	color: #333;

	font-size: 16px;

}



/* On mouse-over, add a grey background color */

.cleaner_pro_wrap:hover input ~ .profile_cln {

  background-color: #66bbd9;

  color: #fff;

  transition: all 0.4s ease;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

}





/* When the checkbox is checked, add a blue background */

.cleaner_pro_wrap input:checked ~ .profile_cln {

   background-color: #66bbd9;

  color: #fff;

  box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);

  transition: all 0.4s ease;

  -webkit-transition: all 0.4s ease;

  -moz-transition: all 0.4s ease;

}
.cleaner_pro_wrap input:checked ~ .profile_c .product_frame{
	border:1px solid transparent;
}


/* Create the checkmark/indicator (hidden when not checked) */

.serv_check_other .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}

.profie_details{

	background-color: #fff;

	border:1px solid #d1d1d1;

	padding: 20px 25px;

}



/* Show the checkmark when checked */

.serv_check_other input:checked ~ .checkmark:after {

  display: block;

}

.single_pro_img_wra{

	width: 100%;

	height: 150px;

	overflow: hidden;

	border-radius: 4px;

	border:5px solid #66bbd9;

}

.single_pro_img_wra img{

	width: 100%;

	height: 100%;

	object-fit: cover;

}

.single_prof_name{

	font-size: 22px;

	color: #12428f;

	margin: 0 0 10px 0; 

	font-weight: 600;

}

.single_prof_name span{

  display: block;

  font-size: 16px;

  margin: 5px 0 0 0;

}

.single_prof_details p{

	font-size: 15px;

	color: #333;

	margin: 0 0 25px 0;

}



.booking_form_wrapper{

	background-color: #174b9a;

	padding: 35px 25px;

	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);

	margin: 25px 0 25px 0;
	border-radius: 6px;

}

.booking_form_wrapper label{

	color: #fff;

	font-size: 15px;

}

.booking_form_wrapper label span{

	color: red;

}

.booking_form_wrapper input[type="text"],

.booking_form_wrapper input[type="password"]{

	height: 45px;

	border-radius: 6px;

}
.emptycart{
	display: flex;
	min-height: 180px;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.emptycart img{
	opacity: 0.5;
	margin: 0 0 20px 0;
}
.emptycart span{
	display: block;
	color: #333;
	text-align: center;
}

.booking_form_wrapper input[type="submit"],

.booking_form_wrapper input[type="button"],

.booking_form_wrapper button[type="submit"]{

    color: #fff;

    background-color: #00aefe;

    margin: 0 auto;

    border:none;

    border-radius: 3px;

    width: 90px;

    height: 40px;

    text-align: center;

}

.or_bookas_guest{

	width: 150px;

	background-color: #fff;

	border-radius: 3px;

	margin: 25px auto 0 auto;

	color: #174b9a;

	height: 45px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.or_bookas_guest:hover{

	background-color: #00aefe;

	color: #fff;

}

.another_regis{

	padding: 25px 0 0 0;

}

.paymen_heading{

	margin: 0 0 20px 0;

	font-size: 22px;

	color: #fff;

}

.strip_meta{

	border-top: 1px solid #fff;

	padding: 25px 0 0 0;

}

.tcm-text {

    padding: 10px 15px;

    background-color: #fb9502;

    border-radius: 4px;

    color: #fff;

}

div#bookingDetailsLive {

    color: #174b9a;

    padding: 15px;

    text-align: center;

    border-radius: 4px;

    border: 1px solid #fff;

    font-weight: 700;

    font-size: 16px;

    float: left;

    width: 100%;

    background: #fff;

}

.login_sub_registration {

    color: #fff;

    background-color: #00aefe;

    margin: 0 auto;

    border: none;

    border-radius: 3px;

    width: 160px!important;

    height: 40px;

    text-align: center;

}

.sticky_inner_wrapper{

	box-shadow: 0 0 12px 0 rgba(0,0,0,0.3);

    padding: 25px 20px;

    background-color: #fff;

    width: 100%;

    border-radius: 6px;

    max-height: 590px;

    overflow-y: auto;

}

.sticky_inner_wrapper .add_cart_count{

	display: flex;

	justify-content: space-between;

	align-items: center;

	margin:0 0 4px 0;

	color: #333;
	flex-wrap: wrap;

}
.sticky_inner_wrapper .add_cart_count input{
	margin-bottom: .5rem;
}
.sticky_inner_wrapper .add_cart_count label.error{
	color: red;
	width: 100%; text-align: center;
}

.sticky_inner_wrapper .add_cart_count .left{

	width: 78%;

	font-weight: 600;
	font-size: 13px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
.sticky_inner_wrapper .add_cart_count .left a{
	display: inline-block;
	padding: 0 0 0 5px;
	font-weight: 600;
	font-size: 12px;
}
.sticky_inner_wrapper .add_cart_count .left #sub_nocl{
	color: #059fea;
	margin: 0 0 0 10px;
	font-size: 11px;
}

.sticky_inner_wrapper .add_cart_count .right{

	width: 22%;

	font-weight: 600;

	text-align: right;
	font-size: 13px;
	display: flex;
	align-items: center;
	justify-content: flex-end;

}
.sticky_inner_wrapper .add_cart_count .right input[type="checkbox"],
.sticky_inner_wrapper .add_cart_count .right input[type="checkbox"]:hover,
.sticky_inner_wrapper .add_cart_count .right input[type="checkbox"]:focus{
	height: 15px;
	width: 15px;
}

.sticky_header{

	font-size: 24px;

	font-weight: 600;

	margin: 0 0 15px 0;

	color: #12428f;

  font-family: 'Conv_aristotelica.text';

}

.single_cart{

	width: 100%;

}

.single_cart label{

	font-weight: 600;

}

.single_cart select{

	border-radius: 6px;

	height: 35px!important;
	background-color: #f1f1f1;

}
.cart-loader{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,0.7);
	display: flex;
	justify-content: center;
	align-items: center;
}
.cart-loader img{
	width: 170px;
}
.paynow_sticky{

	border: none;

    padding: 15px 30px 12px;

    background: #12428f;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Conv_aristotelica.text';

    display: inline-block;

    line-height: 100%;

    border-radius: 5px;

    width: 100%;

    margin: 15px 0 0 0;

    text-align: center;

    -webkit-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);

    -moz-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);

    box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.3);

}

.paynow_sticky:hover {

    background: #84bad6;

    color: #fff;

    -webkit-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);

    -moz-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);

    box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);

}

.service_cont_details{

	 font-size: 14px;
    line-height: 25px;
    color: #333;
    padding: 0 0px 25px 0px;

}
.service_cont_details p{
	color: #000;
}
.sidebar_details_cleaner .service_cont_details{
	color: #fff;
}
.sidebar_details_cleaner .service_cont_details p{
	color: #fff;
}

.sidebar_details::-webkit-scrollbar {

  width: 6px;

}
.ch-login-w{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.dropdown-content{
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
.dropdown-content a{
	font-size: 15px;
	display: block;
	margin: 0 0 0 15px;
	color: #12428f;
}
.left-menu{
	background-color: #e5e5e5;
	border-radius: 6px;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.left-menu ul li a{
	border-bottom: 1px solid #a8a8a8;
	display: block;padding: 20px 25px;
	color: #333;
	font-size: 16px;
	text-transform: uppercase;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	font-weight: 600;
}
.left-menu ul li:hover a,
.left-menu ul li.active a{
	background-color: #dadada;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	color: #12428f;
	font-weight: 600;
}
.left-menu ul li:last-child a{
	border-bottom: none;
}
.ch-login-w button{
	border: none;
    padding: 15px 30px 12px;
    background: #12428f;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Conv_aristotelica.text';
    display: inline-block;
    line-height: 100%;
    border-radius: 5px;
    margin: 0 5px 0 0;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    -moz-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
}
.ch-login-w button:hover{
	background: #84bad6;
    color: #fff;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
    -moz-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
    box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
}




/* Track */

.sidebar_details::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

.sidebar_details::-webkit-scrollbar-thumb {

  background: #888;

}



/* Handle on hover */

.sidebar_details::-webkit-scrollbar-thumb:hover {

  background: #555;

}

.sticky_inner_wrapper .add_cart_count .right input,

.sticky_inner_wrapper .add_cart_count .right input:focus,

.sticky_inner_wrapper .add_cart_count .right input:hover{

	width: 100%;

	height: 40px;

	border:none;

	background-color: #f1f1f1;

	font-size: 15px;

	padding: 8px 15px;

	outline: none;

}

.pay_custom_options .close{

	position: absolute;

	right: 10px;

	top: 10px;

	z-index: 99;

}

.pay_custom_options .pay_mod_heading{

	

	padding: 10px 0 15px 0;

	color: #333;

	font-size: 20px;

    font-weight: 600;

    color: #12428f;

}

.pay_custom_options .modal-content{

	border-radius: 0;

}

.pay_custom_options .btn_bay{

	display: flex;

	justify-content: center;

	align-items: center;

}

.pay_custom_options .btn_bay .pay_ok{

 width: 48%;

 text-align: center;

}

.pay_ok,

.pay_ok:hover {

    border: none;

    padding: 15px 30px 12px;

    background: #12428f;

    color: #fff;

    text-transform: uppercase;

    font-family: 'Conv_aristotelica.text';

    display: inline-block;

    line-height: 100%;

    border-radius: 5px;

    -webkit-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);

    -moz-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);

    box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);

}

.choose_focus_area{

	display: block;

	padding: 35px 0 0 0;

}

.choose_focus_area_heading {

	color: #12428f;

	font-size: 22px;

	margin: 0 0 20px 0;

	font-weight: 600;

}

.product_frame{

	height: 100px;

	border:1px solid #66bbd9;

	border-radius: 6px;

	overflow: hidden;

	margin: 0 0 15px 0;
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;

}

.product_frame img{

	width: 90%;

	height: 90%;

	object-fit: contain;

}

.focus_name {

    color: #12428f;

    font-size: 16px;

    margin: 0 0 10px 0;

    text-align: center;

}







/* The container */

.spec_serv_check {

  display: block;

  position: relative;

  padding-left: 35px;

  margin: 0 10px 45px 10px;

  cursor: pointer;

  -webkit-user-select: none;

  -moz-user-select: none;

  -ms-user-select: none;

  user-select: none;

  background-color: #fff;

  border-radius: 2px;

  width: 100%;

}

.spec_serv_check .information{

  position: absolute;

  right: 4px;

  top: 1px;

  z-index: 99;

}

.spec_serv_check .information i{

  font-size: 11px;

}

/* Hide the browser's default checkbox */

.spec_serv_check input {

  position: absolute;

  opacity: 0;

  cursor: pointer;

  height: 0;

  width: 0;

}



/* Create a custom checkbox */

.spec_serv_check .checkmark {

  position: absolute;

  top: 0;

  left: 0;

  right: 0;

  width: 100%;

  background-color: #fff;

  color: #12428f;  

  display: flex;

  justify-content: space-between;

  align-items: center;

  padding: 8px 15px;

  height: 35px;

  border-radius: 3px;

}



/* On mouse-over, add a grey background color */

.spec_serv_check:hover input ~ .checkmark {

  background-color: #12428f;

  color: #fff;

}

.spec_serv_check:hover .information{

  color: #fff;

}



/* When the checkbox is checked, add a blue background */

.spec_serv_check input:checked ~ .checkmark {

   background-color: #12428f;

  color: #fff;

}

.spec_serv_check input:checked ~ .information i{

  color: #fff;

}



/* Create the checkmark/indicator (hidden when not checked) */

.spec_serv_check .checkmark:after {

  content: "";

  position: absolute;

  display: none;

}



/* Show the checkmark when checked */

.spec_serv_check input:checked ~ .checkmark:after {

  display: block;

}



/* Style the checkmark/indicator */



.sidebar_details_cleaner {

    position: absolute;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    max-height: 100%;

    overflow-y: auto;

    padding: 20px;

    margin: 10px 15px;

}

.sidebar_details_cleaner .service_details_heading{

  color: #fff;

  font-size: 22px;

  margin:10px 0 10px 0;

  font-family: 'Conv_aristotelica.text';

}

.sidebar_details_cleaner .service_details_heading span{

  display: block;

  font-size: 14px;

  padding: 5px 0 0 0;

}

.sidebar_details_cleaner::-webkit-scrollbar {

  width: 6px;

}



/* Track */

.sidebar_details_cleaner::-webkit-scrollbar-track {

  background: #f1f1f1;

}



/* Handle */

.sidebar_details_cleaner::-webkit-scrollbar-thumb {

  background: #888;

}



/* Handle on hover */

.sidebar_details_cleaner::-webkit-scrollbar-thumb:hover {

  background: #555;

}

.single_pro_img_wra1 {

    width: 100%;

    height: 110px;

    overflow: hidden;

    border-radius: 4px;

    border: 3px solid #66bbd9;

}

.single_pro_img_wra1 img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.profile_rating{

  display: block;margin: 0 0 5px 0;

}

.profile_rating ul{

  display: flex;

  justify-content: flex-start;

  align-items: center;

}

.profile_rating ul li{

  padding: 0 5px 0 0;

}

.profile_rating ul li i{

  font-size: 16px;

}

.coupon_wrapper_main{

  display: flex;

  justify-content: flex-start;

  align-items: center;

  /* position: relative; */

  /* padding-bottom: 30px; */

}

.coupon_wrapper_main label{ position: absolute; bottom: 0; left: 0; font-size: 13px;}
.coupon_wrapper_main label.succ{ color: green }
.coupon_wrapper_main label.error{ color: red }

.coupon_wrapper_main input[type="text"]{

  width: 70%;

  height: 35px;

  border:none;

  background-color: #f1f1f1;

  outline: none;
  border: #ddd solid 1px;
  padding: 8px 15px;
  border-radius: 6px;

}
.sticky_inner{
	position: relative;
}
.coupon_wrapper_main input[type="button"]{

background-color: #12428f;
margin-left: -3px;
width: 30%;

height: 35px;

border:none;

color: #fff;
border-radius: 0 6px 6px 0;

}

/* 26th May */
.c-header-wr{
	box-shadow: 0 0 7px 1px rgba(0,0,0,0.2);
}
.inner-page{
	padding: 45px 0;
}
.common_cms_banner{
	position: relative;
	margin: 0 0 35px 0;
}
.common_cms_banner .pagebanner{
	display: flex;
    justify-content: center;
    align-items: center;
    height: 265px;
    overflow: hidden;
    border-radius: 6px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
}
.common_cms_banner .pagetitle{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.common_cms_banner .pagetitle h2{
	color: #12428f;
    margin-bottom: 10px;
    font-size: 58px;
}
.common_cms_banner .pagetitle h2 span {
  font-family: Arial, Helvetica, sans-serif;
  font-weight:600;
  font-size: 50px;
}
.cms-page-content{
	display: block;
	color: #000;
	margin: 0 0 35px 0;
	
}
.cms-page-content p{
	color: #666;
	font-size: 15px; line-height: 25px;
}
.commin_soon{
	font-size: 22px;
	color: #000;
	font-weight: 600;
	background-color: #e4f0f7;
	padding: 25px 35px;
	border-radius: 6px;
}
.form_common_field input[type="text"],
.form_common_field input[type="password"],
.form_common_field input[type="email"],
.form_common_field input[type="file"],
.form_common_field input[type="tel"]{
	height: 50px;
	background-color: #f1f1f1;
	border-radius: 6px;
}
.custom-file-label{
	    background-color: #f1f1f1!important;
    height: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border: none;
}
.formbutt{ text-align: center; }
.form_common_field input[type="submit"],
.form_common_field button{
    padding: 15px 40px;
    background: #12428f;
    border: #12428f solid 2px;
    font-size: 18px;
    color: #fff;
    font-family: 'Conv_aristotelica.text';
    display: inline-block;
    line-height: 100%;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    -moz-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    margin: 0 0 5px 0;
}
.form_common_field input[type="submit"]:hover,
.form_common_field button:hover {
    background: #fff;
    color: #12428f;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
    -moz-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
    box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
}
#signinformid, #resetfpassformid{
	width: 45%;
	margin: 25px auto 25px auto;
	padding: 50px 35px;
	border-radius: 15px;
	border:2px solid #96cae2;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.form_common_field label span.req{
	color: red;
}
.form_common_field label{
	color: #333;
}
.form_common_field label.error{
	color: red;
	font-size: 14px;
	margin: 3px 0 0 0;
}
.form_common_field .bottom-text{
	padding: 15px 0 0px 0;
}
.form_common_field .bottom-text a{
	font-weight: 600;
	color: #12428f;
}
#signupformid{
	width: 80%;
	margin: 25px auto 25px auto;
	padding: 50px 35px;
	border-radius: 15px;
	border:2px solid #96cae2;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.iti--allow-dropdown{
	width: 100%;
}
.iti__selected-flag {
    z-index: 1;
    position: relative;
    display: flex;
    align-items: center;
    height: 50px!important;
    padding: 0 6px 0 8px;
}
.form_common_field .signUp{
	padding: 15px 0 0px 0;
}
.form_common_field .signUp a{
	font-weight: 600;
	color: #12428f;
}
.custom-file-label::after {
       color: #fff;
    font-weight: 600;
    content: "Browse";
    background-color: #66bbd9;
    border-left: 1px solid #ced4da;
    border-radius: 0 .25rem .25rem 0;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.custom-file {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 50px;
    margin-bottom: 0;
}
.custom-file .custom-file-label{color: #333;}

.filename {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    transform: translateY(-50%);
    width: 100%;
    padding: 0 80px 0 14px;
}

#forgotpassformid{
	width: 45%;
	margin: 25px auto 25px auto;
	padding: 50px 35px;
	border-radius: 15px;
	border:2px solid #96cae2;
	background-color: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.patetitle h2{
    color: #12428f;
    margin-bottom: 35px;
    font-size: 32px;
    position: relative;
} 
.patetitle h2:after{
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 60px;
	height: 2px;
	background-color: #12428f;
}
.patetitle h2:before{
	position: absolute;
	left: 0;
	bottom: -5px;
	content: '';
	width: 40px;
	height: 2px;
	background-color: #66bbd9;
}
#updprofileformid input[type="text"],
#updprofileformid input[type="password"],
#updprofileformid input[type="email"],
#updprofileformid input[type="file"],
#updprofileformid input[type="tel"]{
	height: 50px;
	background-color: #f1f1f1;
	border-radius: 6px;
	border:none;
}
#updprofileformid label{
	width: 100%;
	color: #333;
}
#updprofileformid label span.req{
	color: red;
}
.select2-container {
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
    width: 100%!important;
    min-height: 50px!important;
    background-color: #f1f1f1;
    border:none;
}
.select2-container--default .select2-selection--multiple {
    background-color: #f1f1f1!important;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: text;
   min-height: 50px!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #12428f!important;
    border: 1px solid #aaa;
    border-radius: 6px!important;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 8px 5px!important;
    color: #fff!important;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #fff!important;
    cursor: pointer;
    display: inline-block;
    font-weight: 700;
    margin-right: 2px;
}

#updprofileformid input[type="submit"],
#updprofileformid button{
	border: none;
    padding: 15px 30px 12px;
    background: #12428f;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Conv_aristotelica.text';
    display: inline-block;
    line-height: 100%;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    -moz-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    margin: 0 0 5px 0;
}
#updprofileformid input[type="submit"]:hover,
#updprofileformid button:hover {
    background: #84bad6;
    color: #fff;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
    -moz-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
    box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
}
#updprofileformid textarea{
	background-color: #f1f1f1;
}
#update_cleaner_sch label{
	display: block;
	color: #333;
	margin: 0 0 3px 0;
}
#update_cleaner_sch select{
	height: 35px;
	background-color: #f1f1f1;
	border-radius: 6px;
	width: 150px;
	padding: 10px 15px;
	margin: 0 0 5px 0;
	border:none!important;
}
.slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #66bbd9!important;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px;
}
input:checked + .slider {
    background-color: #12428f!important;
}
#update_cleaner_sch button,
#update_cleaner_sch button:hover{
	border: none;
    padding: 15px 30px 12px;
    background: #12428f;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Conv_aristotelica.text';
    display: inline-block;
    line-height: 100%;
    border-radius: 5px;
    margin: 0 5px 0 0;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    -moz-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
}
#update_cleaner_sch ul.pager{
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	padding: 0;
	margin: 25px 0 0 0;
}
#update_cleaner_sch ul.pager li a{
	width: 85px;
	height: 40px;
	border-radius: 6px;
	background-color: #66bbd9;
	margin: 0 20px 0 0;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #fff;
	font-size: 14px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
#update_cleaner_sch ul.pager li a.active,
#update_cleaner_sch ul.pager li a:hover{
	color:  #12428f;background-color: #fff;
	box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;

}
.account-info{
	width: 100%;
    margin: 5px auto 25px auto;
    padding: 35px 35px;
    border-radius: 15px;
    border: 2px solid #96cae2;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.booking_list_wrapper{
	background-color: #f1f1f1;
	padding: 35px 20px;
	margin: 0 0 0px 0;
	border-radius: 6px;
}
.single_book_box{
	background-color: #fff;
	border-radius: 6px;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.1);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;	
	height: 100%;
	padding: 25px;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.single_book_box .overlay{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,0.0);
	z-index: 9999;
	transform: scale(0);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	z-index: 9;
}
.single_book_box:hover .overlay{
   background-color: rgba(0,0,0,0.7);
	transform: scale(1);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.single_book_box a.view{
	position: absolute;
    left: 35%;
    right: 0;
    top: 40%;
    bottom: 0;
    z-index: 999;
    -webkit-transform: translate3d(0,-150%,0);
    transform: translate3d(0,-150%,0);
    -webkit-transition-delay: 0.12s;
    transition-delay: 0.12s;
    -webkit-transition-duration: 0.35s;
    transition-duration: 0.35s;
    opacity: 0;
    -webkit-transition: opacity 0s, -webkit-transform 0.35s;
    transition: opacity 0s, transform 0.35s;
    width: 120px;
    border-radius: 6px;
    background-color: #fff;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 15px;
    color: #12428f;
    font-weight: 600;
}
.single_book_box:hover a.view{
	-webkit-transform: translate3d(0,0%,0);
	transform: translate3d(0,0%,0);
	-webkit-transition-delay: 0.12s;
	transition-delay: 0.12s;
	-webkit-transition-duration: 0.45s;
	transition-duration: 0.45s;
	opacity: 1;
	-webkit-transition: opacity 0.2s, -webkit-transform 0.35s;
	transition: opacity 0.2s, transform 0.35s;
}
.single_book_box:hover{
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.booking_list_wrapper .row [class^="col-"]{
	margin: 0 0 25px 0;
}
.single_book_box .heading{
	font-size: 18px;
    color: #12428f;
    margin: 0 0 10px 0;
    font-family: 'Conv_aristotelica.text';
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #d1d1d1;
    padding: 0 0 5px 0;
}
.single_book_box .heading a{
	font-size: 18px;
	color: #12428f;
	text-decoration: none;
	font-family: 'Conv_aristotelica.text';
}
.single_book_box .heading .nbooking_id{
	font-size: 14px;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #66bbd9;
	display: flex;
}
.single_book_box .service_name{
	font-size: 15px;
	color: #333;
	font-weight: 600;
	margin: 0 0 5px 0;
}
.single_book_box .address_panel{
	font-size: 14px;
	color: #969595;
}
.single_book_box .time_panel{
	background-color: #66bbd9;
	padding: 15px;
	margin: 20px 0 0 0;
	border-radius: 6px;
	box-shadow: 0 0 5px 0 rgba(0,0,0,0.2);
}
.single_book_box .time_panel ul{
	display: flex;
	padding: 0;
	margin: 0;
}
.single_book_box .time_panel ul li{
	padding: 0 20px 0 0;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.single_book_box .time_panel ul li i{
	font-size: 18px;
	margin: 0 15px 0 0;
}
.display_value{
	min-height: 45px;
	border-radius: 6px;
	background-color: #fff;
	display: flex;
	align-items: center;
	padding: 10px 15px;
}
.focus_box{
	background-color: #66bbd9;
    color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.3);
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 25px;
    border-radius: 6px;
}

.report_prob_wrapper{
	margin: 0 0 45px 0;
}
.report_prob_wrapper a{
	border: none;
    padding: 15px 30px 12px;
    background: #12428f;
    color: #fff !important;
    text-transform: uppercase;
    font-family: 'Conv_aristotelica.text';
    display: inline-block;
    line-height: 100%;
    border-radius: 5px;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    -moz-box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
    box-shadow: -1px 1px 31px -7px rgba(18,66,143,0.40);
}
.report_prob_wrapper a:hover{
	background: #84bad6;
    color: #fff;
    -webkit-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
    -moz-box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);
    box-shadow: -1px 1px 31px -7px rgba(132,186,214,1);

}
.my_account_drop{
	margin: 0 0 0 30px;
}
.my_account_drop button{
background-color: transparent;
color: #fff;
border:0;
display: flex;
justify-content: space-between;
align-items: center;
box-shadow: none;
color: #12428f;
font-size: 17px;
font-weight: 600;
}
.my_account_drop button span{
	width: 45px;
	height: 45px;
	border-radius: 50%;
	border:2px solid #d1d1d1;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #d1d1d1;
	margin: 0 0 0 15px;
}
.my_account_drop button:hover,
.my_account_drop button:focus{
	background-color: transparent;
	color: #12428f;
}
.my_account_drop .show>.btn-secondary.dropdown-toggle,
.my_account_drop .btn-secondary:not(:disabled):not(.disabled).active, 
.my_account_drop .btn-secondary:not(:disabled):not(.disabled):active {
    background-color: transparent!important;
	color: #12428f!important;
    border-color: #4e555b;
}
.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle {
    background-color: transparent!important;
	color: #12428f!important;
    border-color: #4e555b;
}
.my_account_drop button span img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.my_account_drop button:focus{
	box-shadow: none!important;
}
 
.worklist_wrapper.ft-theme-default.ft-tabs > .ft-nav > .ft-tab.active, 
.worklist_wrapper.ft-theme-default.ft-tabs > .ft-nav > .ft-tab:hover {
    color: #fff;
    text-decoration: none;
    background-color: #12428f;
    border-bottom-color: transparent;
    border-radius: 6px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
}
.worklist_wrapper.ft-theme-default.ft-tabs > .ft-nav > .ft-tab{
	border-radius: 6px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
    width: 25%;
    text-align: center;
    font-family: 'Conv_aristotelica.text';
    font-size: 18px;
}
.worklist_wrapper.ft-theme-default.ft-tabs > .ft-nav{
	display: flex;
	justify-content: center;
	margin: 0 0 4px 0;
}
.after_search_wrapper_details {
    background-color: #fff;
    padding: 25px;
    box-shadow: 0 0 8px 0 rgba(0,0,0,0.3);
    margin: 0 0 25px 0;
    border-radius: 6px;
}
.after_search_wrapper_details label {
    color: #12428f;
    font-size: 16px;
    font-weight: 600;
    display: block;
}
.after_search_wrapper_details .display_value {
    min-height: 0px;
    border-radius: 6px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0px 0px;
    color: #222;
    margin: 0 0 20px 0;
}
.col_blue{
	color: #66bbd9;
	font-weight: 600;
}
.col_green{
	color: rgb(145, 204, 4);
	font-weight: 600;
}
.cleaners_list_details {
    background-color: #f1f1f1;
    padding: 20px 25px;
    margin: 0 0 25px 0;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
    border-radius: 6px;
}
.cleaners_list_details .clearner_heading,
.after_search_wrapper_details .clearner_heading{

	font-size: 22px;

	margin: 0 0 25px 0;

	color: #fff;
	border-radius: 4px;
	background-color:  #12428f;
	padding: 10px 15px;


}
.serv_name{
	border-bottom:1px solid #12428f;
	margin: 10px 0 20px 0;
}
.f_sn_wrapper label{
	color:#12428f;
	font-weight: 600;
	font-size: 16px;
}
.f_sn_wrapper .display_value {
    min-height: auto;
    background-color:transparent;
    display: flex;
    align-items: center;
    margin: 0 0 15px 0;
    padding: 0;
    color: #333;
}
.selected_service .display_value_selected{
	padding:0;
	margin: 0;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	list-style: none;
	margin: 0 0 10px 0;
}
.selected_service .display_value_selected li{
	margin: 0 5px 10px 5px;
	background-color: #66bbd9;
	padding: 8px 15px;
	color: #fff;
	border-radius: 20px;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.3);
}

/* -------------------- 2020-06-24 -----------------*/
a.theradetcal{ display: block; width: 100%;  padding: 15px; border-radius: 10px; margin-top: 5px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(221,221,221,1);
-moz-box-shadow: 0px 0px 5px 0px rgba(221,221,221,1);
box-shadow: 0px 0px 5px 0px rgba(221,221,221,1);
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
margin-bottom: 25px;
 }
 a.theradetcal:hover,
  a.theradetcal:focus{
 	-webkit-box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
-moz-box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
box-shadow: 0px 0px 12px 0px rgba(221,221,221,1);
transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
-moz-transition: all 0.4s ease;
outline: none;
 }

a.theradetcal .expert_box{}
a.theradetcal .expert_box .expert_img{ width: 126px; height: 126px; margin:0 auto; border-radius: 100%; 
	 -webkit-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.31);
    -moz-box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.31);
    box-shadow: 0px 2px 8px 1px rgba(0, 0, 0, 0.31);
    text-align: center;
    margin: 0 auto 20px;
    background-color: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
}
a.theradetcal .expert_box .expert_img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 100%; }
a.theradetcal h4.theraname{ color: #12428f; font-size: 15px; text-transform: uppercase; font-weight: bold; margin: 30px 0 10px; font-family: 'Conv_aristotelica.text'; }
a.theradetcal .designation{ color: #989797; font-size: 15px; line-height: 20px; }

.frm-wrap{ background-color: #5f82ff; padding: 30px; border-radius: 10px; margin-bottom: 15px; }
.frm-wrap label{ color: #fff; }
.contact-img img{ max-width: 100%; }
.gmap{ margin-top: 30px; background-color: #f5f5f5; padding: 10px; border: #ddd solid 1px;}
.contact-txt{ font-size: 14px; line-height: 20px; padding-bottom: 15px; }

/*.faq-wrap{ background-color: #d9ecfa; padding: 30px; border-radius: 10px; }*/
.faq-wrap .card-header{ padding: 0px !important; }
.faq-wrap .card-header h5{ position: relative; }
.faq-wrap .card-header h5 button{ display: block; width: 100%; background-color: #12428f; color: #fff; text-align: left; padding: 10px 15px; white-space: inherit; }
.faq-wrap .card-header h5 button:hover{ text-decoration: none; }
.faq-wrap .card-header h5 button:focus{ text-decoration: none; }

.faq-wrap .card-body{ background-color: #f5f5f5; }

.faq-wrap .card-header h5 button.btn-link.collapsed:before{ content: '\f0da'; font-family: 'FontAwesome'; position: absolute; right: 15px; top: 10px; color: #fff;  font-size: 20px; }
.faq-wrap .card-header h5 button.btn-link:before{ content: '\f0d7'; font-family: 'FontAwesome'; position: absolute; right: 15px; top: 10px; color: #fff;  font-size: 20px; }


/* 24th June 2020 */

.blog_bg{
	height: 100%;
	border-radius: 6px;
	background-color: #f1f1f1;
	box-shadow: 0 0 4px 0 rgba(0,0,0,0.1);
	padding: 25px 15px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	cursor: pointer;
}
.blog_bg:hover{
	background-color: #fff;
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.2);
	padding: 25px 15px;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.blog_bg .blog_img{
	display: flex;
	justify-content: center;
	margin: 0 0 20px 0;
}
.blog_bg .blog_img span{
	display: flex;
	height: 150px;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	width: 100%;
}
.blog_bg .blog_img span a{
	display: flex;
	justify-content: center;
	align-items: center;
}
.blog_bg .blog_img span img{
	width:126px;
	height:126px;
	object-fit:contain;
}
.blog_bg .blog_titl{
	font-size: 22px;
	text-align: center;
}
.blog_bg .com_tag{
	font-size: 15px;
	overflow: hidden;
	text-align: center;
	font-size: 14px;
	line-height: 22px;
	color: #666;
  height: 60px;
  margin-bottom: 15px;
}
.blog_bg .blog_titl a{
	display: flex;
	justify-content: center;
	margin:0 0 15px 0;
	font-size: 22px;
	font-weight: 700;
  font-family: 'Conv_aristotelica.text';
}
.blog_bg .read_mre{
	justify-content: center;
	display: flex;
}
.blog_bg .read_mre a{ 
	display: inline-block;
    background: #12428f;
    padding: 10px 20px;
    border: #12428f solid 2px;
    line-height: 18px;
    font-size: 18px;
    color: #fff;
    font-family: 'Conv_aristotelica.text';
    border-radius: 5px;
    position: relative;
 }
 .blog_bg .read_mre a:hover{
 	background-color: #fff;
 	color: #12428f;
 }
.pagination li{
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-right: 1px solid #f1f1f1;
	border-top: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.pagination li:first-child{
	border-radius: 6px 0 0 6px;
	border:1px solid #f1f1f1;
}
.pagination li:last-child{
	border-radius: 0px 6px 6px 0px;
	border:1px solid #f1f1f1;
}
.pagination li.active,
.pagination li.active:hover{
	background-color: #12428f;
	color: #fff;
}
.pagination li:hover{
	background-color: #f1f1f1;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
}
.cookies-msg-sec{
	position: fixed;bottom: 0;
	right: 0;
	left: 0;
	padding:20px;
background-color: #12428f;
color: #fff;
z-index: 99;
display: flex;
align-items: center;
justify-content: space-between;
}

.cookies-msg-sec p{ margin-bottom: 0px; }

.cookies-msg-sec a{
	color: #84bad6;
}
.close-info{
	cursor: pointer;
}
.faq-wrap .card-header h5 button {
    display: block;
    width: 100%;
    background-color: #12428f;
    color: #fff;
    text-align: left;
    padding: 10px 15px;
    font-family: 'Conv_aristotelica.text';
}
.search_inner input.valid{
	background-image: none!important;
}
label:focus,input:focus,button:focus,select:focus,textarea:focus{
	outline: none;
}
.booking_form_wrapper label.error{
	color: red;
	margin:4px 0 0 0;
	display: inline-flex;
}
.booking_form_wrapper #loginbtnid{
    background-color: #66bbd9;
    width: 120px;
    height: 45px;
    border: none;
    color: #fff;
    border-radius: 6px;
}
.paynow_sticky.button_disabled{
	opacity: 0.5;
}
.paynow_sticky.button_disabled:hover{
	background: #12428f;
    color: #fff;
}
.booking-payment{
	display: flex;justify-content: center;
	align-items: center;
}
.inner-page iframe.payment-iframe{
	width: 60%;
    height: 310px;
    background-color: transparent;
    border: none!important;
    overflow: hidden;
    margin: 0 auto;
}
.inner-page iframe.payment-iframe html{
	background-color: #fff!important;
}
.inner-page iframe.payment-iframe html body .container{
	margin:75px 0 0 0!important;
}
.inner-page iframe.payment-iframe html body,
.inner-page iframe.payment-iframe html head{
	background-color: #fff!important;
}
.booking-process-page p.lead{
	color: #12428f;
	font-size: 24px;
	font-weight: 600;
	margin: 0 0 15px 0;
}
.loadder{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: flex;
	justify-content: center;
	align-items: center;
}
.loadder img{
	width: 320px;
	height: auto;
}
.action-loader{
	background-color: rgba(255,255,255,0.7);
    position: fixed!important;
    z-index: 99;
    top: 0!important;
    right: 0;
    bottom: 0;
    left: 0;
    display: none!important;
}
.action-loader img{
	width: 320px;
	margin: 50% auto;
}
.user-schedule {
    width: 100%;
    margin: 5px auto 25px auto;
    padding: 35px 35px;
    border-radius: 15px;
    border: 2px solid #96cae2;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.prop-pip_upload_pan input[type="file"]{
	width: 100%;

}
.profile_pic_review{
	width: 49px;
	height: 49px;
	border-radius: 50%;
	overflow: hidden;
	display: block;
	justify-content: center;
	align-items: center;
	box-shadow: 0 0 6px 0 rgba(0,0,0,0.6);
}
.weekrow .form-group {
    margin-bottom: 5px;
}
.user-schedule .weekrow:last-child{
	border-bottom: 1px solid transparent;
}
.user-schedule .weekrow{
	border-bottom: 1px solid #f1f1f1;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.floatingbtn{
	position: fixed;right: 0;
	top: 45%;
	z-index: 99;
}
.loadmore-btn{
	color: #fff;
    text-decoration: none;
    background-color: #12428f;
    border-bottom-color: transparent;
    border-radius: 6px;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.2);
    width: 150px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}
.user-workingarea{
	width: 100%;
    margin: 5px auto 25px auto;
    padding: 35px 35px;
    border-radius: 15px;
    border: 2px solid #96cae2;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
.user-workingarea h1, .user-workingarea h2, .user-workingarea h3{font-family: Arial, Helvetica, sans-serif; font-size: 18px!important;}
#update_workingarea{
	margin: 35px 0 0 0;
}
#update_workingarea button{
	background-color: #12428f;
	color: #fff;
}
.dropdown-menu{
	width: 180px;
	text-align: left;
}
.dropdown-menu a{
	text-align: left;
	letter-spacing: 0;
}
#update_workingarea input[type="text"]{
	width: 100%;
	height: 50px;
	background-color: #f1f1f1;
	border-radius: 6px;
	border:none;
	color: #333;
	padding: 10px 15px;
	margin: 0 0 15px 0;
}
.cookies-msg-sec .close-info{
	display: flex;
	margin: 0 0 0 auto;
	width: 140px;
	background-color: #84bad6;
	color: #fff;
	justify-content: center;
	align-items: center;
	height: 45px;
	border-radius: 6px;
}
.info-msg-sec{
	position: relative;
}
.info-msg-sec .msg-sec{
	padding: 15px 25px;
	color: #fff;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#84bad6+1,2684bf+100 */
background-color: #464646;

}
.info-msg-sec .msg-sec a{ color: #fff; text-decoration: underline; }
.info-msg-sec .msg-sec p{ margin-bottom: 0px; }
.info-msg-sec .close-info{
	position: absolute;
	right: 15px;
	top: 15px;
}
.info-msg-sec .close-info i{
	color: #fff;
	font-size: 18px;
}
.cookies-msg-sec .close-info i{
	margin: 0 0 0 10px;
}
.after_search_wrapper_details .form-group{
	display: flex;
	margin: 0 0px 5px 0;
}
.after_search_wrapper_details .form-group label{
	margin: 0 10px 0 0;
}
.schedule-head-cal{
	background-color: #66bbd9;
	color: #fff;
	margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	border-radius: 6px;
}
.schedule-head-cal .form-group{
	margin: 0 0 0 0;
	padding: 15px;
}
.schedule-head-cal .form-group label{
	color: #fff;
}
.after_search_wrapper_details .complete{
	background-color: rgba(183,200,0,0.3);
	color: #fff;
	margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	border-radius: 6px;
}
.after_search_wrapper_details .complete .form-group{
	margin: 0;
	padding: 10px 15px;
}

.after_search_wrapper_details .pending{
	background-color: rgba(242,72,0,0.2);
	color: #fff;
	margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
	border-radius: 6px;
}
.after_search_wrapper_details .pending .form-group{
	margin: 0;
	padding: 10px 15px;
}


.blog-content{ background-color: #f5f5f5; padding: 15px; border: #ddd solid 1px; border-radius: 10px;}
.blog-content p{ font-size: 15px; line-height: 25px; color: #666; }

.social-log{ padding-top: 10px; }
.social-log a.fb-log{ display: inline-block; background-color: #3b5998; color: #fff; padding: 10px; text-align: center; height: 50px; line-height: 30px; width: 100%; border-radius: 5px;  }
.social-log a.fb-log i{ font-size: 22px; position: relative; top: 2px; margin-right: 5px; }
.social-log a.google-log{ display: inline-block; background-color: #cf4332; color: #fff; padding: 10px; text-align: center; height: 50px; line-height: 30px;  width: 100%; border-radius: 5px; }
.social-log a.google-log i{ font-size: 22px; position: relative; top: 2px; margin-right: 5px; }


.timeoff-tbl{}
.timeoff-tbl table{ width: 100%; border-collapse: collapse; vertical-align: middle; }
.timeoff-tbl table td{ border: #ddd solid 1px; padding: 10px; }
.timeoff-tbl table td a.rem-timeoff{ display: inline-block; background-color: #e64a59; color: #fff; padding: 5px 15px; border-radius: 3px; }
.timeoff-tbl table td a.rem-timeoff:hover{ background-color: #d02939; color: #fff;}

.add-btn{ margin-bottom: 10px; }
.add-btn a{ display: inline-block; background-color: #12428f; border: #12428f solid 2px; color: #fff; padding: 5px 15px; border-radius: 3px; }
.add-btn a:hover{ background-color: transparent; color: #12428f; }

.add-modal{}
.add-modal .modal-header{ background-color: #12428f; }
.add-modal .modal-header h4{ color: #fff; }
.add-modal .modal-header .close{ opacity: 1; color: #fff; font-weight: normal; }
.add-modal .modal-body{ padding: 30px; }
.add-modal .modal-body form{}
.add-modal .modal-body form label{ display: block; font-weight: 600; color: #333; font-size: 15px }
.add-modal .modal-body form input[type="text"]{ width: 100%; height: 40px; }
.add-modal .modal-body form select{ width: 100%; height: 40px; }
.add-modal .modal-body form textarea{ width: 100%; height: 100px; resize: none; padding: 10px; }
.add-modal .modal-body form .error{ font-weight: normal; font-size: 13px; color: red; }


.fc-event{ border-radius: 0px !important; border: none !important; }
.fc-event .fc-content{ color: #fff; }


.fc-content-skeleton .booking-cal{ background-color: #12428f !important; color: #fff !important; padding: 3px;  font-size: 11px; }
.fc-content-skeleton .working-cal{ background-color: #66bbd9 !important; color: #fff !important; padding: 3px;  font-size: 11px; }
.fc-content-skeleton .timeoff-cal{ background-color: #f1587b !important; color: #000 !important; padding: 3px;  font-size: 11px; }
.fc-content-skeleton .fc-time{ display: none; }
.user-working-area .fc-center h2{ color: #12428f; font-weight: 700;}
.user-working-area .fc-button{ background-color: #12428f; background-image: none; color: #fff; }
.user-working-area .fc-button.fc-state-active{ background-color: #84bad6; }
.user-working-area .fc-button:hover{ background-color: #84bad6; }
.user-working-area .fc-today-button{ background-color: #84bad6; background-image: none; color: #fff; }

/* ------------------- 17/8/2020 --------------------------- */

.pac-container.pac-logo{ z-index: 9999 !important }

.discountcode{ position: fixed; right: 0; top: 30%; background-color: #84bad6; color: #fff; padding: 15px; text-align: center; border-radius: 10px 0px 0px 10px; z-index: 99; width: 250px;
	-webkit-box-shadow: -5px 5px 10px 0px rgba(51,51,51,1);
-moz-box-shadow: -5px 5px 10px 0px rgba(51,51,51,1);
box-shadow: -5px 5px 10px 0px rgba(51,51,51,1);
}
.discountcode button.close{  color: #12428f; opacity: 1; position: absolute; top: 5px; right: 5px; font-weight: normal; background-color: #fff; height: 20px; width: 20px; border-radius: 100%; }
.diccodemod .detadet span b{ display: block; }
.diccodemod p{ margin-bottom: 5px; }

#detailsModal .modal-dialog{ max-width: 75%; }
#detailsModal .modal-dialog .modal-content{ border: #fff solid 2px; color: #fff;
	background: -moz-linear-gradient(271deg, rgba(102,187,217,1) 0%, rgba(18,66,143,1) 100%); /* ff3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(102,187,217,1)), color-stop(100%, rgba(18,66,143,1))); /* safari4+,chrome */
background: -webkit-linear-gradient(271deg, rgba(102,187,217,1) 0%, rgba(18,66,143,1) 100%); /* safari5.1+,chrome10+ */
background: -o-linear-gradient(271deg, rgba(102,187,217,1) 0%, rgba(18,66,143,1) 100%); /* opera 11.10+ */
background: -ms-linear-gradient(271deg, rgba(102,187,217,1) 0%, rgba(18,66,143,1) 100%); /* ie10+ */
background: linear-gradient(179deg, rgba(102,187,217,1) 0%, rgba(18,66,143,1) 100%); /* w3c */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#66bbd9', endColorstr='#12428f',GradientType=0 ); /* ie6-9 */
}
#detailsModal .modal-dialog .modal-content .modal-body{ position: relative; }
#detailsModal .modal-dialog .modal-content .modal-body .close{ position: absolute; top: -25px; right: -10px; }
#detailsModal .cleaner-details .expert_img{ text-align: center;margin-bottom: 10px; }
#detailsModal .cleaner-details .expert_img img{ width: 200px; height: 200px; border-radius: 100%; }
#detailsModal .cleaner-details h3{ font-size: 30px; padding-bottom: 5px; color: #fff; font-family: Arial, Helvetica, sans-serif;}
#detailsModal .cleaner-details p{ font-size: 16px; font-weight: 700; color: #fff; line-height: 18px; }
#detailsModal .cleaner-details span p{ font-size: 13px; color: #fff; font-weight: 400; line-height: 18px; }
#detailsModal .cleaner-details .star-rating{ padding-bottom: 10px; }
#detailsModal .cleaner-details input[type="text"]{ width: 100%; max-width: 280px; height: 45px; }
#detailsModal .cleaner-details .input-group-text{ background-color: #12428f; color: #fff; }
#detailsModal .cleaner-details ul.cleaner-schedules{ display: flex; overflow-y: hidden; max-width: 100%; overflow-x: scroll; }
#detailsModal .cleaner-details ul.cleaner-schedules li{display: inline-block; min-width: 100px; border: #fff solid 1px; padding: 5px 0px; margin-top: 5px;}
#detailsModal .cleaner-details ul.cleaner-schedules li .schedule-header{ padding: 5px 5px; border-bottom: #fff solid 1px; font-weight: 700; }
#detailsModal .cleaner-details ul.cleaner-schedules li .schedule-body{ padding: 5px 5px; }

.star-rating .rateYo{ margin: 0 auto }

/* width */
#detailsModal .cleaner-details ul.cleaner-schedules::-webkit-scrollbar {
   width: 5px;height: 5px;
}

/* Track */
#detailsModal .cleaner-details ul.cleaner-schedules::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px grey; 
   border-radius: 10px;
}

/* Handle */
#detailsModal .cleaner-details ul.cleaner-schedules::-webkit-scrollbar-thumb {
   background: #fff; 
   border-radius: 10px;
}

/* Handle on hover */
#detailsModal .cleaner-details ul.cleaner-schedules::-webkit-scrollbar-thumb:hover {
   background: #fff; 
}

#detailsModal .cleaner-details span.response-message{ display: block; padding-bottom: 10px; }
#detailsModal .cleaner-details span.response-message a{ display: inline-block;  color: #fff; font-weight: 700; text-decoration: underline; }
#detailsModal .cleaner-details span.response-message a:hover{ background-color: #fff; color: #12428f; }

#bookingdata .cleaner-desc{ border: #12428f solid 1px; border-radius: 10px; padding: 15px; text-align: center; margin-bottom: 15px; }
#bookingdata .profile{  }
#bookingdata .profile .pro-img{ padding-bottom: 15px; }
#bookingdata .profile .pro-img img{ width: 200px; height: 200px; border-radius: 100%; }
#bookingdata .profile .pro-info .rateYo.jq-ry-container{ margin: 0 auto; }
#bookingdata .profile .pro-info h3.titlecal{ font-size: 25px; color: #000; padding-top: 10px; }
#bookingdata .description{  max-height: 195px; overflow: auto; padding-right: 10px; }

/* width */
#bookingdata .description::-webkit-scrollbar {
   width: 5px;height: 5px;
}

/* Track */
#bookingdata .description::-webkit-scrollbar-track {
   box-shadow: inset 0 0 5px grey; 
   border-radius: 10px;
}

/* Handle */
#bookingdata .description::-webkit-scrollbar-thumb {
   background: #12428f; 
   border-radius: 10px;
}

/* Handle on hover */
#bookingdata .description::-webkit-scrollbar-thumb:hover {
   background: #12428f; 
}


#bookingdata .description p{ text-align: center; font-size: 14px; line-height: 20px; }

ul.servicecal{ border: #12428f solid 1px; border-radius: 10px; padding: 15px; margin-bottom: 15px; }
ul.servicecal li.ser-li{ display: flex; align-items: center; margin: 10px 0px;}
ul.servicecal li.ser-li .img-sec{}
ul.servicecal li.ser-li .img-sec img{ height: 60px; width: 60px; border-radius: 100%; }
ul.servicecal li.ser-li .title-sec{ padding-left: 15px; font-size: 20px; color: #000; }
ul.servicecal li.ser-li .title-sec h3{ font-size: 20px; color: #000; font-family: Arial, Helvetica, sans-serif; font-weight: 700; }


.final-bal{}
.final-bal p{ color: #fff; font-size: 16px; font-weight: 700; border: #12428f solid 1px; padding: 10px; text-align: center; background-color: #84bad6; }
.final-bal p b{display: block;}

.user-payment-area{}
.user-payment-area table{}
.user-payment-area table{}
.user-payment-area table thead th{ background-color: #12428f; color: #fff; }

.member-attached-forms #signinformid{ width: 100%; }
.member-attached-forms #signupformid{ width: 100%; }

.service-det-sec{}
.service-det-sec .ser-name{  }
.service-det-sec .ser-name h2{ font-size: 35px;  color: #000; padding-bottom: 15px; }
.service-det-sec .ser-img{ width: 200px; height: 200px; border-radius: 100%; border: #12428f solid 1px; margin: 0 auto;}
.service-det-sec .ser-img img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	padding: 30px;
}
.service-det-sec .ser-desc{ padding: 30px 0px; font-size: 14px; line-height: 20px; }
.service-det-sec .ser-btn{}
.service-det-sec .ser-btn a{ background-color: #12428f; font-family: 'Conv_aristotelica.text';} 


.phone-menu{ display: none; }

#embeddableConnect{ text-align: center; }
.inner-page iframe.payment-iframe{width: 405px; height: 305px;}

.pay_mod_cont .form-group textarea{  width: 100%; height: 120px; resize: none; background-color: #f2f2f2; border: #ddd solid 1px; border-radius: 5px; }

.sticky_inner .modal{ background-color: rgba(0, 0, 0, .5);}
.modal-backdrop{ opacity: 0 !important; display: none; }


.booking-schedule{}
.booking-schedule table{ width: 100%; border-collapse: collapse; min-width: 550px;}
.booking-schedule table th{ padding: 10px; background-color: #66bbd9; color: #fff; border: #ddd solid 1px;}
.booking-schedule table td{ padding: 10px; background-color: #fff; color: #333; border: #ddd solid 1px; }


/* 14.09.20 */
#booking_actionid h5.modal-title{font-size: 17px; font-weight: 600; color: #333;}
.timesel ul{display: flex; flex-wrap:wrap;}
.timesel ul li label{padding: 8px 15px; height: 35px; border-radius: 3px; background-color: #12428f; color: #fff; min-width:85px}
.timesel ul li input[type="radio"]{position: absolute; top: 0; left:0; width: 100%; height: 100%; border-radius: 0!important; cursor: pointer; opacity:0;}
.timesel ul li{position: relative; padding: 5px 10px;}

.timesel ul li input[type="radio"]:checked + label{ background-color: #66bbd9; color: #fff;}

.add_cart_count select.form-control.valid{background-position: 3px center; padding-left: 20px;}
button.service_info{box-shadow:none; border:none; background: none;}
button.service_info.dropdown-toggle::after{display: inline-block;
  margin-left: 0;
  vertical-align: middle;
  border-top: .5em solid;
  border-right: 0.4em solid transparent;
  border-bottom: 0;
  border-left: .4em solid transparent;
}
.add_cart_count .dropdown{position: static;}

.removecal label{background-color: #a4a4a4!important;}
.sidebar_details{box-shadow: -10px 0 10px rgba(51, 51, 51, 0.3);}
.sidebar_details .service_cont_details{padding:25px 20px;}


/*04.11.2020*/

.mobbanner{
	display: none;
}

.cf-location-list li:nth-last-child(1){
	padding-left: 0;
}
.social-link-list {
    display: flex;
}
.social-link-list li{
	padding-left: 0;
}
.social-link-list li a{
	background: #325ea5;
    display: block;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin: 1px;
}
.social-link-list li a img{width: 56%;}


#cleaningProductModal:before {
    position: absolute;
    content: "";
    background: #00000096;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}


.career-map-sec{
	border: 1px solid #ccc;
	position: relative;
}
.rate-chart {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 250px;
    background-color: #fff;
    padding: 15px;
    box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.3);
    z-index: 99;
}
.rate-chartcal .chartcalul .chartcalli{position: relative;}
.rate-chartcal .chartcalul .chartcalli .color-sec{
	width:15px; height:15px; position: absolute; top:3px; left: 0;
	border: 1px solid #bdbdbd;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}
.rate-chartcal .chartcalul .chartcalli .msg-sec{
	padding:0 0 0 25px !important;
}
.rate-chartcal .chartcalul .chartcalli .msg-sec p{margin:0;}

.custom_switeh_lavel.extraclass {
    margin-bottom: 0;
}

.fm-tooltip-comment h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
}

/*21.12.2020*/

.select2-container--default .select2-selection--multiple .select2-selection__rendered{
	display: flex !important; flex-wrap: wrap;
	position: relative; padding: 0 20px 0 5px !important;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered .select2-selection__clear{
	position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background: #84bad6;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    color: #12428f;
}
.select2-container--default .select2-selection--multiple .select2-selection__rendered li{
	flex:1;
}



.modal-open .modal{
	background: #00000078;
	color: #000;
	text-align: center;
}

button.close {
    position: absolute;
    right: -12px;
    top: -12px;
    z-index: 99;
    background: #1e4e96;
    opacity: 1;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    font-weight: 600;
}
button.close:hover{
	opacity: 1;
	color: #fff;
}
.modal-body h3{
	margin-bottom: 15px;
    font-size: 45px;
    color: #12428f;
    text-align: center;
    text-decoration: underline;
}
.modal-body p{
	font-size: 14px;
	margin-bottom: 5px;
}

.row.exreviewcal {
  align-items:center !important;
}
.row.exreviewcal .com_tag {
  text-align:left !important;
  margin:0 !important;
}

@media screen and (max-width:575px) {
  .row.exreviewcal .com_tag {
    margin-top:12px !important;
    text-align:center !important;
    height: auto !important;
  }
}

.stripe-card-element {
  background: aliceblue;
  padding: 9px;
  border-radius: 6px;
  border: 1px solid cadetblue;
}
.action-loaderc {
    text-align: center;
}