body{font-family: 'Poppins', sans-serif;}
input {-webkit-appearance: none; box-shadow: none !important; outline: none !important; }

.input-box {
	width: 100%;
	float: left;
	margin-bottom: 20px;
	position: relative;
  }
  
  .input-box .fieldTitle {
	width: 100%;
	font-size: 20px;
	line-height: 24px;
	color: #202020;
	text-align: left;
	margin-bottom: 5px;
	float: left;
  }
  
  .input-box input[type="text"],
  .input-box input[type="email"],
  .input-box input[type="number"],
  .input-box input[type="password"],
  .input-box input[type="date"],
  .input-box input[type="name"] {
	width: 100%;
	padding: 13px 10px;
	background: #fff;
	border: 2px solid #ccc;
	font-size: 16px;
	color: #232323;
	letter-spacing: 0;
	line-height: 24px;
	height: 50px;
  border-radius:0;
  }
.wrapper{width:100%; float: left; min-width: 320px; }
.header{width:100%; float: left; background:#fff; padding:10px 15px; min-height:86px;}
.header .navbar{width:100%; justify-content: space-between; padding:0;}
.header .navbar-brand{width:auto; max-width:180px; height:auto; max-height:80px; float: left; padding: 0;}
.header .navbar-brand img{width:100%;}
.header .navbar-collapse{float: right;}
.header .navbar-collapse .navbar-nav{margin:0 auto}
.header .navbar-collapse .navbar-nav .nav-item{margin:0 15px;}
.header .navbar-collapse .navbar-nav .nav-item .nav-link{float: left; border:1px solid #000; padding:10px 20px; text-transform: uppercase; color:#000; font-size:18px; line-height: 18px; font-weight:600;}
.header .navbar-toggler-icon{background:url(../images/lines.png) no-repeat center center;}
.header .control-btn{float: right;}

.mid-container{width:100%; float: left; height:calc(100vh - 86px); background: #000; position:relative;}
.mid-container .left{width:50%; float: left; height:calc(100vh - 86px);background: url(../images/index-left.jpg) no-repeat top center; background-size: cover; padding:0 10px;}
.mid-container .left .blue-box{width:100%; max-width:380px; margin:12% auto 0; color:#fff; background:#AEC4F5; padding:30px 30px; text-align:center;}
.mid-container .left .blue-box h2{width:100%; float: left; font-size:50px; line-height: 56px; font-weight:600; }
.mid-container .left .blue-box p{width:100%; float: left; font-size:16px; line-height: 24px; font-weight:400; }
.mid-container .left .blue-box h3{width:100%; float: left; font-size:24px; margin-bottom:25px; line-height: 30px; font-weight:500; }
.mid-container .left .blue-box a{width:100%; float: left; font-size:24px; line-height: 24px; border:1px solid #fff; padding:20px 15px; color:#fff; font-weight:500; }
.mid-container .left .blue-box a:hover{background:#87a8f1; text-decoration: none;}
.mid-container .right{width:50%; float: left; height:calc(100vh - 86px);  background: url(../images/index-right.jpg) no-repeat top center; background-size: cover;}

.chatgirl{width:160px; height:160px; position:fixed; z-index: 10; bottom:30px; right:30px;}
.chatgirl #popDesktop{position: absolute; left: -492px; top: 42px; width: 498px; cursor:pointer;}
#popMobile{display:none;}
.chatgirl #popMobile{position: absolute; right: -11px; top: -130px; width: 300px; cursor:pointer;}
.chatgirl .instance{width:100%; cursor:pointer;}
.chatgirl #chatpop{width:580px; position:absolute; z-index: 10; top:35px; right:calc(100% + 25px); display: none;}
.chatgirl .arrow_box {position: relative; background: #fff; width:100%; border-radius:20px; padding:20px; font-size:18px; font-weight:500;}
.chatgirl .arrow_box:after {left: 100%;	top: 50%; border: solid transparent; content: ""; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(136, 183, 213, 0);	border-left-color: #fff; border-width: 18px; margin-top: -18px;}

#chatbot{width:100%; max-width:350px; position:fixed; bottom:0; right:20px; z-index: 100; display:none;}
.view-responsive{display:none;}
.header .navbar-toggler{border:2px solid #626262; padding:8px; border-radius:12px; }

.submit-btn{width:auto; display: inline-block; cursor: pointer; border:0; overflow: hidden; line-height: 20px; padding:10px 40px; position: relative; color:#fff; margin-top:20px; background: #4875FF; font-size:16px; border-radius:10px; font-weight:600; }
.submit-btn:hover{background:#436ac2; text-decoration: none;}
.submit-btn .loader{position: absolute; top:0; left:0; right:0; pointer-events: none; bottom:0; z-index:2; background:rgba(0, 0, 0, 0.4); text-align: center;}
.submit-btn .loader svg{width:40px; height:40px;}

.round-btn{width:auto; display:inline-block; padding:10px 20px; color:#fff; background: #364e82; font-size:16px; border-radius:360px; font-weight:600; position:relative;}
.round-btn:hover{color:#fff; background:#436ac2; text-decoration: none;}

.round-btn-blue{width:auto; min-width:110px; text-align: center; margin-right:10px; display:inline-block; padding:10px 20px; color:#fff; background: #4875ff; font-size:16px; border-radius:360px; font-weight:600; position:relative;}
.round-btn-blue:hover{color:#fff; background:#2b5ef9; text-decoration: none;}

.round-btn-bluebor{width:auto; min-width:110px; text-align: center; margin-right:10px; display:inline-block; padding:10px 20px; color:#4875ff; background: #fff; border:2px solid #4875ff;  font-size:16px; border-radius:360px; font-weight:600; position:relative;}
.round-btn-bluebor:hover{color:#4875ff; background:#f6f6f6; text-decoration: none;}

.schedule-popup .modal{padding:0 !important;}
.schedule-popup .modal-dialog{width:calc(100% - 10px); max-width:700px; margin:15px auto;}
.schedule-popup .modal-header{padding:10px;}
.schedule-popup .modal-header h5{width:100%; text-align: center; font-weight:600;}
.schedule-popup .modal-header .close{padding:0; margin:0;}
.schedule-popup .modal-body h2{ width:100%; float: left; text-align: center; font-size:18px; font-weight:500;}
.schedule-popup .modal-body h4{ width:100%; float: left; text-align: center; font-size:15px; font-weight:500;}
.schedule-popup .schedule-content-box{width:100%; max-width:540px; margin:20px auto 0;}
.schedule-popup .schedule-content-box label{width:100%; float: left; font-size:15px; font-weight:600; padding-left:24px; line-height: 40px;  margin-bottom:0;}
.schedule-popup .schedule-content-box label.email{background:url(/images/email-ico.png) no-repeat center left; background-size:16px auto}
.schedule-popup .schedule-content-box label.time{background:url(/images/time-ico.png) no-repeat center left; background-size:16px auto}
.schedule-popup .schedule-content-box label.phone{background:url(/images/phone-ico.png) no-repeat center left; background-size:16px auto}
.schedule-popup .schedule-content-box input[type="text"], .schedule-popup .schedule-content-box input[type="email"]{opacity:0.5; background:#F6F8FB; border:1px solid #8F9BB3; border-radius:4px; height:40px; width:100%; padding:10px; font-size:13px;}
.schedule-popup .schedule-content-box input[type="text"]:focus, .schedule-popup .schedule-content-box input[type="text"]:visited, .schedule-popup .schedule-content-box input[type="email"]:focus, .schedule-popup .schedule-content-box input[type="email"]:visited{opacity:1; }
.schedule-popup .schedule-content-box .call-option{width:100%; float: left; margin-top:10px;}
.schedule-popup .schedule-content-box .call-option .other-field{width:100%; max-width:220px; float: left; margin-top:25px;}
.schedule-popup .schedule-content-box .call-item{width:60px; float: left; margin-right:20px; position: relative;}
.schedule-popup .schedule-content-box .call-item img{width:60px; height:60px; position:absolute; top:0; left:0; border-radius:360px; border:2px solid #DFDFDF;}
.schedule-popup .schedule-content-box .call-item.active img {border:2px solid #4875FF;}
.schedule-popup .checkbox-box{width:100%; float: left; text-align: center; position:relative;}
.schedule-popup .styled-checkbox {position: absolute; opacity: 0; }
.schedule-popup .styled-checkbox + label {position: relative; cursor: pointer; padding: 0; width:60px; height:86px; float: none; margin:0 auto;}
.schedule-popup .styled-checkbox + label:before {content: ""; margin-right: 10px; position: absolute; left: 22px;	bottom: 0px; vertical-align: text-top; width: 16px; height: 16px; background:url(/images/blank-check.png) no-repeat top left; }
.schedule-popup .styled-checkbox:checked + label:after {content: ""; position: absolute; left: 22px; bottom: 0px; height:16px; width:16px; background:url(/images/filled-check.png) no-repeat top left;}
.schedule-popup .text-danger{font-size:13px; color:#ff0000;}
.schedule-popup .schedule-content-box label.error, .schedule-popup .schedule-content-box .text-danger{padding:0; font-size:14px; color:#ff0000 !important; font-weight:400; line-height: 16px;}


.form-status-popup .modal{padding:0 !important;}
.form-status-popup .modal-dialog{width:calc(100% - 10px); max-width:600px; margin:15px auto;}
.form-status-popup .modal-header{padding:10px 10px 0 10px; border-bottom:0;}
.form-status-popup .modal-header h5{width:100%; text-align: center; font-weight:600;}
.form-status-popup .modal-header .close{padding:0; margin:0;}
.form-status-popup .success-container, .form-status-popup .error-container{width:100%; float: left; text-align: center;}
.form-status-popup p{color:#373737 !important; font-size:22px; font-weight:600; line-height: 34px;}
.form-status-popup .success-img, .form-status-popup .error-img{width:200px; margin-bottom:40px; display:none;}
.form-status-popup .success-container .success-img{display:block; margin:0 auto 40px}
.form-status-popup .error-container .error-img{display:block; margin:0 auto 40px;}




 

/* Extra large devices (large desktops, 1200px and up) */
@media (max-width: 1200px) {  
    .header .navbar-collapse .navbar-nav .nav-item{margin:0 8px;}
.header .navbar-collapse .navbar-nav .nav-item .nav-link{ padding:10px 15px; }

    
}
 
/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
 .header .navbar-collapse{position:absolute; width:100%; max-width:300px; right:0; top:66px; z-index:100; background:#fff; border:2px solid #626262; border-radius:12px; overflow: hidden;}
 .header .navbar-collapse .navbar-nav .nav-item{margin:0; }
 .header .navbar-collapse .navbar-nav .nav-item .nav-link{width:100%; border:0; border-bottom:2px solid #424242; color:#424242;}
 .header .navbar-collapse .navbar-nav .nav-item .nav-link.last{border-bottom:0;}
 .chatgirl{width:140px; height:140px; bottom:30px; right:20px;}
 .chatgirl #chatpop{width:570px; top:8px;}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  
.mid-container .left{width:100%; height:auto;}
.mid-container .right{width:100%; height:auto;}
.view-responsive{display:block;}
.mid-container .left .blue-box{width:100%; max-width:380px; margin:50px auto 100px; color:#fff; background:#AEC4F5; padding:30px 30px; text-align:center;}
.chatgirl{width:calc(100% - 30px); height:100px; bottom:10px; right:20px;}
.chatgirl .instance{width:100px; float: right;}
.chatgirl #chatpop{width:calc(100% - 140px); top:-20px; right:130px;}
#popDesktop{display:none !important;}
#popMobile{display:block;}
.header .control-btn{width:100%; text-align: center; margin-top:15px;}
.header .navbar-brand{max-width:144px; float: none; margin: 0 auto;}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {  
.chatgirl #chatpop{top:calc(100% - 68px); right:0;}
.chatgirl .arrow_box:after {left: 85%; top: 100%; border-top-color: #fff; margin-top: -1px; border-left-color:transparent; border-right-color:transparent;} 
.chatgirl #chatpop{width:100%; top:calc(-100% - 40px);}
.mid-container .left .blue-box{padding:15px; }
.mid-container .left .blue-box h2{font-size:44px; line-height: 50px; font-weight:600; }
.mid-container .left .blue-box p{width:100%; float: left; font-size:15px; line-height: 23px; font-weight:400; }
.mid-container .left .blue-box h3{width:100%; float: left; font-size:22px; margin-bottom:25px; line-height: 28px; font-weight:500; }
.schedule-popup .schedule-content-box .call-option .other-field{margin-top:15px;}
}

/* Small devices (landscape phones, 480px and up) */
@media (max-width: 480px) {  
    .chatgirl .arrow_box{font-size:16px;}
    .chatgirl #chatpop{top:calc(-100% - 28px);}
	.header{min-height: 50px;}
	.header .navbar-brand{max-width:144px; float: none; margin: 0 auto;}
	.round-btn, .round-btn-blue, .round-btn-bluebor{font-size:13px; padding:10px 12px;}
	.round-btn-blue, .round-btn-bluebor{min-width:70px; margin:0 3px 10px 0}
	.header .control-btn{width:100%; text-align: center; margin-top:15px;}
	
}

/* Small devices (landscape phones, 400px and up) */
@media (max-width: 400px) {  
    .chatgirl .arrow_box{font-size:14px;}
    .chatgirl .arrow_box:after{left:77%;}
    #chatbot{width:calc(100% - 20px); right:10px;}
	.schedule-popup .schedule-content-box .call-item{margin-right:12px}
	.schedule-popup .schedule-content-box .call-item.last{margin-right:0;}
}

@media (max-width: 350px) {  
    .chatgirl #chatpop{top:calc(-100% - 35px);}
}