.lets-connect-sec1{ width:100%; height: auto; display: block; position:relative; padding: 50px 0;}
.lets-connect-sec1:after{content:''; display:block; clear:both;}
.lets-connect-sec1-box1{width:100%; height: auto; display: block; position:relative;  padding-bottom: 0px; margin-bottom: 0px;}
.lets-connect-sec1-box1:after{content:''; display:block; clear:both;}
.lets-connect-sec1-box1 h2{width:100%; height: auto; float: left; display: block; font-size: 40px; font-weight: 700; color: #000; line-height: 50px; padding-bottom: 20px;}
.lets-connect-sec1-box1 aside{width:50%; padding-right: 5%;  height: auto; float: left; display: block; position:relative; box-sizing: border-box;}

.lets-connect-sec1-box1 aside h3{width:100%; height: auto; float: left; display: block; font-size: 22px; font-weight: 600; color: #000; line-height: 30px;  padding-left: 20px;  position: relative; margin-bottom: 20px; margin-top: 20px;}
.lets-connect-sec1-box1 aside h3:after { content: '';  position: absolute;  left: 0px; top: 0;  bottom: 0;  width: 1px ; height: 100%; background: #307FE2; }
.lets-connect-sec1-box1 aside p{width:100%; height: auto; float: left; display: block; font-size: 16px; font-weight: 400; color: #000; line-height: 20px;  padding-bottom: 40px;}
.lets-connect-sec1-box1 aside span{width:100%; height: auto; float: left; display: block; font-size: 18px; font-weight: 700; color: #3c3c3c; line-height: 22px;  padding-bottom: 10px;}
/* .lets-connect-sec1-box1 aside span strong{ font-weight: 600; padding-right: 4px;} */
.lets-connect-sec1-box1 aside span a{font-size: 18px; font-weight: 500; color: #3c3c3c; line-height: 22px; padding-left: 35px; position: relative;}
.lets-connect-sec1-box1 aside span.phone a:after{ content: ''; position: absolute; left: 0;top: 0; width: 35px; height: 35px; background: url(../images/phone-icon2.svg) no-repeat top left; text-align: center; line-height: 35px;}
.lets-connect-sec1-box1 aside span.email a:after{ content: ''; position: absolute; left: 0;top: 0; width: 35px; height: 35px; background: url(../images/email-icon3.svg) no-repeat top left; text-align: center; line-height: 45px;}



.lets-connect-sec1-box1 article{width:50%; height: auto; float: left;  display: block; position:relative; box-sizing: border-box;  padding-left: 5%;   }
.lets-connect-sec1-box1 article:after{content: ''; position: absolute; left: 0; top: 0; bottom: 0; height: 100%; width: 1px; border-left:1px dashed rgba(0, 0, 0, 0.42);}
.lets-connect-sec1-box1 article figure{ width:100% ; max-width:300px; display: block; float: left; position: relative;}
.lets-connect-sec1-box1 article figure img{ width:100% ;}
.lets-connect-sec1-box1 article figure span{position: absolute; font-size: 14px; font-weight: 600; color: #000; line-height: 18px;  }
.lets-connect-sec1-box1 article figure span.sanand{  left: 12%; top: 33%; }
.lets-connect-sec1-box1 article figure span.patnagar{  right:35%; top: 17%; }
.lets-connect-sec1-box1 article figure span.lucknow{  right:33%; top: 23%; }
.lets-connect-sec1-box1 article figure span.jamshedpur{  right:15%; bottom:64%; }
.lets-connect-sec1-box1 article figure span.pune{  left:21%; top:48%; }
.lets-connect-sec1-box1 article figure span.dharwad{   left:25%; bottom:33%; }
.lets-connect-sec1-box1 article figure span.chennai{   left:47%; bottom:18%; }
.lets-connect-sec1-box1 article .delivery-locations-mapl{ position: absolute; right: 0; bottom: 0px;}
.lets-connect-sec1-box1 article .delivery-locations-mapl ul{width: 100%; height: auto; display: block;}
.lets-connect-sec1-box1 article .delivery-locations-mapl ul li{width: 100%; height: auto; display: block; position: relative;padding-left: 25px; font-size:14px; font-weight:400; color: #000; line-height:22px; padding-bottom: 5px;}

.lets-connect-sec1-box1 article .delivery-locations-mapl ul li:nth-child(1):after{content: ''; position: absolute; left: 0; top: 0;  height: 25px; width: 24px; background: url(../images/green-map-icon.png) no-repeat left top;}
.lets-connect-sec1-box1 article .delivery-locations-mapl ul li:nth-child(2):after{content: ''; position: absolute; left: 0; top: 0;  height: 25px; width: 24px; background: url(../images/red-map-icon.png) no-repeat left top;}
.lets-connect-sec1-box1 article .delivery-locations-mapl ul li:nth-child(3):after{content: ''; position: absolute; left: 0; top: 0;  height: 25px; width: 24px; background: url(../images/yellow-map-icon.png) no-repeat left top;}
.lets-connect-sec2{ width:100%; height: auto; display: block; position:relative; padding: 0px 0;}
.lets-connect-sec2:after{content:''; display:block; clear:both;}
.lets-connect-sec2-box1{width:100%; height: auto; display: block; position:relative;  padding-bottom: 0px; margin-bottom: 0px;}
.lets-connect-sec2-box1:after{content:''; display:block; clear:both;}
.lets-connect-sec2-box1 h2{width: 100%; height: auto;  display: block; padding-bottom: 15px; font-size: 40px; font-weight: 700; color: #000; line-height: 50px; } 
/* .lets-connect-sec2-box1 ul{margin-left: -10px; margin-right: -10px; height: auto; display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;flex-wrap: wrap;-webkit-flex-wrap: wrap; position:relative;}
.lets-connect-sec2-box1 ul li{width:33.333%; height: auto; display: block; float: left; padding:10px 10px; overflow: hidden;} */












.lets-connect-sec2-box1 .from-main{ width: 100%; height: auto; display: block;  } 
.lets-connect-sec2-box1 .from-main ul{margin-left: -10px; margin-right: -10px;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: flex; flex-wrap: wrap; -webkit-flex-wrap: wrap; padding: 0; }
.lets-connect-sec2-box1 .from-main ul li{ height: auto; float: left; display: block; padding: 5px 10px;}
.row2{width: 50%;}
.row3{width: 33.3333%;}
.row4{width: 33.3333%;}
.row5{width: 33.3333%;}
.row1{width: 100%;}
/****  floating-Lable style start ****/
.floating-label {  position:relative;  margin-bottom:15px; }
.floating-input , .floating-select { font-size:14px;padding:4px 4px; display:block; width:100%;height:46px !important; background-color: transparent; border:none; color: #000; border: 1px solid #ACACC0 !important; background: transparent; -webkit-appearance: none; padding-left: 20px;}

.floating-select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #000, #000);
    background-position: calc(100% - 20px) calc(1em + 2px), calc(100% - 15px) calc(1em + 2px), calc(100% - 2.5em) 0.5em; background-size: 5px 5px, 5px 5px, 1px 1.5em; background-repeat: no-repeat; padding-left: 20px; }
.floating-select.minimal { background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc); background-position: calc(100% - 20px) calc(1em + 7px), calc(100% - 15px) calc(1em + 7px), calc(100% - 2.5em) 0.9em; background-size:5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}

/*.floating-select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}*/

.floating-select.minimal .none{ display: none;}





.floating-input:focus , .floating-select:focus {
     outline:none;
     border:1px solid #307fe2!important; 
}

.floating-label label {
  color:#999; 
  font-size:14px;
  font-weight:normal;
  position:absolute;
  pointer-events:none;
  left:5px;
  top:12px;
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all; padding: 0 10px;
}

.floating-input:focus ~ label, .floating-input:not(:placeholder-shown) ~ label {
  top:-13px;
  font-size:13px;
  color:#999;
	background: #ffff; padding: 0 10px; 
}

.floating-select:focus ~ label , .floating-select:not([value=""]):valid ~ label {
  top:-10px;
  font-size:13px;
  color:#999;background: #ffff; padding: 0 10px; 
}

/* active state */
.floating-input:focus ~ .bar:before, .floating-input:focus ~ .bar:after, .floating-select:focus ~ .bar:before, .floating-select:focus ~ .bar:after {
  width:50%;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.floating-textarea {
   min-height: 60px;
   max-height: 260px; padding: 8px 15px; 
  /* overflow:hidden;
  overflow-x: hidden;*/ resize: none; 
}

/* highlighter */
.highlight {
  position:absolute;
  height:50%; 
  width:100%; 
  bottom:-20px; 
  left:20px;
  pointer-events:none; font-size: 12px; font-style: italic; color: #FF0004;
  opacity:0.5;
}

/* active state */
.floating-input:focus ~ .highlight , .floating-select:focus ~ .highlight {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}

/* animation */
@-webkit-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@-moz-keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}
@keyframes inputHighlighter {
	from { background:transparent; }
  to 	{ width:0; background:transparent; }
}





.image-input {
	width: 100%; float: left;
  box-sizing: border-box;
  display: inline-block;
  border-radius: 4px;
  position: relative!important;
  cursor: pointer!important; border: 1px dashed #ACACC0;
 
  margin: 0 0px 0px 0!important; padding: 0!important;
	pointer-events: auto!important;
left:0px;
  top:0px;

}
	
   

	
	

.image-input:before {
  content: "";
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 419.2 419.2"><circle cx="158" cy="144.4" r="28.8"/><path d="M394.4 250.4c-13.6-12.8-30.8-21.2-49.6-23.6V80.4c0-15.6-6.4-29.6-16.4-40C318 30 304 24 288.4 24h-232c-15.6 0-29.6 6.4-40 16.4C6 50.8 0 64.8 0 80.4v238.8c0 15.6 6.4 29.6 16.4 40 10.4 10.4 24.4 16.4 40 16.4h224.4c14.8 12 33.2 19.6 53.6 19.6 23.6 0 44.8-9.6 60-24.8 15.2-15.2 24.8-36.4 24.8-60s-9.6-44.8-24.8-60zM21.2 80.4c0-9.6 4-18.4 10.4-24.4 6.4-6.4 15.2-10.4 24.8-10.4h232c9.6 0 18.4 4 24.8 10.4 6.4 6.4 10.4 15.2 10.4 24.8v124.8l-59.2-59.2c-4-4-10.8-4.4-15.2 0L160 236l-60.4-60.8c-4-4-10.8-4.4-15.2 0l-63.2 64V80.4zM56 355.2v-.8c-9.6 0-18.4-4-24.8-10.4-6-6.4-10-15.2-10-24.8v-49.6L92 198.4l60.4 60.4c4 4 10.8 4 15.2 0l89.2-89.6 58.4 58.8-3.6 1.2c-1.6.4-3.2.8-5.2 1.6-1.6.4-3.2 1.2-4.8 1.6-1.2.4-2 .8-3.2 1.6-1.6.8-2.8 1.2-4 2l-6 3.6c-1.2.8-2 1.2-3.2 2-.8.4-1.2.8-2 1.2-3.6 2.4-6.8 5.2-9.6 8.4-15.2 15.2-24.8 36.4-24.8 60 0 6 .8 11.6 2 17.6.4 1.6.8 2.8 1.2 4.4 1.2 4 2.4 8 4 12v.4c1.6 3.2 3.2 6.8 5.2 9.6H56zm322.8 0c-11.6 11.6-27.2 18.4-44.8 18.4-16.8 0-32.4-6.8-43.6-17.6-1.6-1.6-3.2-3.6-4.8-5.2-1.2-1.2-2.4-2.8-3.6-4-1.6-2-2.8-4.4-4-6.8-.8-1.6-1.6-2.8-2.4-4.4-.8-2-1.6-4.4-2-6.8-.4-1.6-1.2-3.6-1.6-5.2-.8-4-1.2-8.4-1.2-12.8 0-17.6 7.2-33.2 18.4-44.8 11.2-11.6 27.2-18.4 44.8-18.4s33.2 7.2 44.8 18.4c11.6 11.6 18.4 27.2 18.4 44.8 0 17.2-7.2 32.8-18.4 44.4z"/><path d="M341.6 267.6c-.8-.8-2-1.6-3.6-2.4-1.2-.4-2.4-.8-3.6-.8h-.8c-1.2 0-2.4.4-3.6.8-1.2.4-2.4 1.2-3.6 2.4l-24.8 24.8c-4 4-4 10.8 0 15.2 4 4 10.8 4 15.2 0l6.4-6.4v44c0 6 4.8 10.8 10.8 10.8s10.8-4.8 10.8-10.8v-44l6.4 6.4c4 4 10.8 4 15.2 0 4-4 4-10.8 0-15.2l-24.8-24.8z"/></svg>');
  display: inline-block;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 52%;
  top: 45%;
  opacity: 0.3;
  transition: opacity 200ms;
  transform: translate(-50%, -50%);
}
.image-input:after {
  content: "Upload Her Photo"; position: absolute; left: 0; right: 0; bottom: 15px; font-size: 12px; color: #b2b2b2; line-height: 14px; text-align: center;}



.image-input.isUploading::after {
  content: "";
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 32px;
  top: 32px;
  opacity: 0.3;
  border-radius: 50%;
  border: 2px solid;
  border-color: transparent currentColor currentColor currentColor;
  -webkit-animation: spin 600ms linear infinite;
          animation: spin 600ms linear infinite;
}
.image-input.isUploading::before {
  display: none;
}
.image-input input[type=file] {
  opacity: 0;
  display: block;
  height: 100px;
  pointer-events: none;
}
.image-input img {
  position: absolute;
  display: block;
  border-radius: 4px;
  left: 0; right: 0;
  top: 0;
  width: 100%; max-width: 80px; height: 80px; overflow: hidden; margin: 10px auto; display: block;  border-radius: 50%; 
 
  transition: opacity 200ms;
  opacity: 1;
 /* -o-object-fit: cover;
     object-fit: cover;*/
  -o-object-position: center;
     object-position: center;
  background: white;
  z-index: 1;
}

.image-input.myphoto:after {
    content: "";
   background:#fff url("../images/event-icon4.png") no-repeat center center;
    
    position: absolute; bottom: -14px;
    
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;  z-index: 999; display: inline-block;
    width: 34px;
    height: 34px;
   
    border-radius: 100%;
   
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}



.image-input img[src=""] {
  opacity: 0;
 /* pointer-events: none;*/
}
.image-input .image-remove {
  position: absolute;
  top: -8px;
  right: -8px;
  z-index: 1;
  border: none;
  background: white;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  cursor: pointer;
}
.image-input .image-remove::before, .image-input .image-remove::after {
  content: "";
  display: block;
  height: 2px;
  width: 12px;
  background: #333;
  border-radius: 2px;
  position: absolute;
  top: 10px;
  left: 4px;
}
.image-input .image-remove::before {
  transform: rotate(45deg);
}
.image-input .image-remove::after {
  transform: rotate(-45deg);
}

@-webkit-keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.captcha-box{  position: relative;}
.captcha{ width: 100%; max-width: 155px; position: relative;   height: auto;  display: block; padding-left: 0px;}
.captcha small{width: calc(100% - 37px); height: auto; float: left; display: block; font-size: 27px; font-weight: 400; color: #000; margin-top: 5px;}
.captcha big{ width: 30px; height: 30px;  position: absolute; right:0px; top: 3px;  display: block; cursor: pointer; }
.submit-box {
    width: 100%;
    height: auto;
    float: left;
    display: block;
}

.submit-box input[type='submit'] {
    width: 100%;
    height: 44px; 
    background: #307fe2;
    border: 0px solid #c2c2c2;
    border-radius: 4px;
    color: #FFF;
    font-size: 12px;
    font-weight: 400;
    text-transform: uppercase;
    cursor: pointer;
    background-image: linear-gradient(0, #f2c019, #f2c019);
    background-size: 0;
    transition: .8s;
    background-repeat: no-repeat;
}

.submit-box input[type='submit']:hover {
    background-size: 100%;
    color: #fff;
}

/****  floating-Lable style end ****/





.padding50Tb{ padding: 50px 0 50px 0;}
.padding-bottom50{ padding-bottom: 50px;}
.padding-top50{ padding-top: 50px;}












@media all and (max-width:800px){
.about-xcelion-sec1-box1 aside { width: 100%; max-width: inherit; text-align: center; padding-bottom: 10px;}
.about-xcelion-sec1-box1 aside:after{ content:''; display:block; clear:both;}
.about-xcelion-sec1-box1 article {  width: 100%; padding-left: 0%; text-align: center;}

.about-xcelion-sec2-box1-vision{ width: 100%;  padding-right: 0px; position: relative;}
.about-xcelion-sec2-box1-vision figure {padding-right:0px; float: none;}
.about-xcelion-sec2-box1-vision aside{ position: relative; right:inherit; top:inherit; z-index: 22;  background: #fff; width:90%; display: block; margin: -60px auto 50px; padding: 25px 25px; border-radius: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; }
.about-xcelion-sec2-box1-mission{ width: 100%;  padding-right: 0px; position: relative;}
.about-xcelion-sec2-box1-mission figure {padding-right:0px; float: none;}
.about-xcelion-sec2-box1-mission aside{ position: relative; right:inherit; top:inherit; z-index: 22;  background: #fff; width:90%; display: block; margin: -60px auto 50px; padding: 25px 25px; border-radius: 10px; border-bottom-left-radius: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; text-align: center; }
.about-xcelion-sec2-box1-mission {  padding-left: 0px;}


.lets-connect-sec1-box1 aside { width: 100%; padding-right:0%;}
.lets-connect-sec1-box1 article { width: 100%; padding-left: 0%;}
.lets-connect-sec1-box1 article:after{ display: none;}
.captcha-box { margin-right: 0px !important;}
.captcha { width: 100%; max-width: 250px; position: relative; right: inherit; top: inherit; height: auto; display: block; padding-left: 20px;}
.lets-connect-sec1-box1 article .delivery-locations-mapl {
    position: relative;
    right: inherit;
    bottom: inherit;
    width: 100%;
    float: left;
}
}







@media all and (max-width:600px){
.about-xcelion-sec4-box1 ul li { width: 50%;}
.about-xcelion-sec1-box1 aside h2 { font-size: 30px;line-height: 36px;}
.about-xcelion-sec1 { padding: 30px 0;}
.about-xcelion-sec2-box1-vision aside { margin: -60px auto 20px;}
.about-xcelion-sec2-box1-mission aside { margin: -60px auto 20px;}
.padding50Tb{ padding: 30px 0 30px 0;}
.padding-bottom50{ padding-bottom: 30px;}
.padding-top50{ padding-top: 30px;}
.row2 { width: 100%;}
.lets-connect-sec2-box1 .from-main ul {margin-left: 0px;  margin-right: 0px;}
.submit-box input[type='submit'] { width:100%; float: left;}
        .captcha { padding-left: 0px; }
        .captcha { max-width: 160px;}

        .row3 { width: 100%;}
}

@media all and (max-width:550px){
.about-xcelion-sec4-box1 ul li { width: 100%;}    
}