@charset "utf-8";
/* CSS Document */
.clearfix:after, before{content: ""; display: block; clear: both; visibility: hidden;}
.clearfix{zoom:1;}
html[xmlns] .clearfix{display: block;}
* html .clearfix{height: 1%;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #cbcbcb !important;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #cbcbcb !important;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #cbcbcb !important;
}
:-moz-placeholder { /* Firefox 18- */
  color: #cbcbcb !important;
}
a, button{
	-o-transition: color .2s ease-out, all .3s ease-in;
 -ms-transition: color .2s ease-out, all .3s ease-in;
 -moz-transition: color .2s ease-out, all .3s ease-in;
 -webkit-transition: color .2s ease-out, all .3s ease-in;
 transition: color .2s ease-out, all .3s ease-in;}
/********************* Clearfix ************************/
*{margin:0; padding:0;}
body{font-family: 'Poppins', sans-serif;background-image: url(../images/desk_bg.png) ; background-repeat:no-repeat; background-color: #f9fbfc !important ;background-size: 100%;}

ul{list-style-type: none; padding: 0; margin: 0;}
a:hover, a:focus{text-decoration: none !important; outline: 0 !important;}

.header_section{text-align: center;}
.header_section h2{color: #fff;font-size: 64px;font-weight: 700;}
.header_section p{font-size: 38px;color: #fff;}
.header_section form input{border-radius: 0; height: 50px;width: 70%; float: left; color: #000; font-weight: 600; border-color: #fff}
.header_section form button{border-radius: 0; height: 50px;width: 28%;background: #f855a4; color: #fff; text-transform: uppercase}
.header_section form{width: 45%;margin: 0 auto;}
footer{position: absolute; width: 100%; bottom:0;width: 90%; margin-left: 5%; margin-bottom: -3%;}
footer .india{background: url(../images/gate-of-india.png)no-repeat 5px 5px}
footer .india .address{padding-left: 30px}
footer .india .address h3{font-size: 22px;    padding-top: 5px;}
footer .india .address p{font-size: 13px;color: #000;font-weight: 600;}

footer .usa{background: url(../images/statue-of-liberty.png)no-repeat 5px 5px; margin-left: 10px}
footer .usa .address{padding-left: 30px}
footer .usa .address h3{font-size: 22px;    padding-top: 5px;}
footer .usa .address p{font-size: 13px;color: #000;font-weight: 600;}
footer .social{text-align: center}
footer .social p{position: absolute; bottom: 60px;left: 0; right:0; margin: 0 auto}
footer .social i{color: #000; font-weight: 700}
footer .phone{text-align: left;  position:; bottom: 0}
footer .phone h3{font-weight: 800;}
footer .phone a{color: #000;font-weight: 400;font-size: 2.9rem;}

/*new style*/ 
.address-india { background:url(../images/gate-of-india.png) no-repeat left 5px;padding-left: 38px;}
.address-usa { background:url(../images/statue-of-liberty.png) no-repeat left 5px;padding-left: 38px;}
.address h3 { font-size:1.3rem}
.address p { font-size:.8rem}
/*new style*/ 

@media screen and (max-width: 1500px) { 

footer{ margin-bottom: 0px;}
}
@media screen and (max-width: 1199px) {
	 footer .social p { bottom:0px;}
	 }
	 @media screen and (max-width: 991px) { 
	 .header_section h2 { font-size: 40px;} 	  
   .header_section form {width: 54%; }
   .header_section p {font-size: 25px;}
	 }
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
	
	footer {width: 100% ;     margin-left: 0%; position: relative;top: 50%;margin-top: 21%;}
	footer .social p { position:relative; bottom:10px;}
	.logo-style { width:200px;}
	
	  }

@media screen and (max-width: 767px){ 

.form-mob { margin-top: 50%;}
.header_section h2{font-size: 32px}
.header_section p{font-size: 21px}
.header_section form {width: 77%; }
.phone-m  {width: 100%;margin-top: 30px;margin-left: 0px !important;}
footer .social p {bottom: -4px;}
footer .phone {text-align: center;}
.logo-style { width: 200px;}
.form-mob {margin-top: 0%;}
}

@media screen and (max-width: 575px){
	footer{position: inherit}
	footer .social p, footer .phone{position: inherit !important}
	footer .social{text-align: left !important}
	footer .phone{text-align: left !important; padding-left: 0}
	body{font-family: 'Poppins', sans-serif;background:url(../images/phone_bg.png)no-repeat; background-size: 100%; background-color: #fff}
	.header_section form{width: 90%}
	.header_section h2{font-size: 32px}
	.header_section p{font-size: 21px}
	
	/*new style*/
	.logo-style { width:200px;}
	.form-mob { margin-top:92%}
	.header_section form input { width:100%; border:1px solid #707070}
	.header_section form button { width:auto; background-color:#3767e3; margin-top:10px;padding: .375rem 2rem;}
	.header_section form input::placeholder { color:#707070 !important; font-weight:normal}
	footer .social p {bottom:0px;}
	.phone h3 { text-align:center; margin-bottom:0px;}
	.phone-m { width:100%;margin-top: 30px;}
	footer .phone a {display: block;text-align: center;}
	/*new style*/
}

