.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800);


body{
	font-family: 'Open Sans', sans-serif;
	margin: 0;
	padding: 0;
}



.carousel-control 			 { width:  4%; }
.carousel-control.left,.carousel-control.right {margin-left:15px;background-image:none;}
@media (max-width: 767px) {
	.carousel-inner .active.left { left: -100%; }
	.carousel-inner .next        { left:  100%; }
	.carousel-inner .prev		 { left: -100%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }

}
@media (min-width: 767px) and (max-width: 992px ) {
	.carousel-inner .active.left { left: -50%; }
	.carousel-inner .next        { left:  50%; }
	.carousel-inner .prev		 { left: -50%; }
	.active > div { display:none; }
	.active > div:first-child { display:block; }
	.active > div:first-child + div { display:block; }
}
@media (min-width: 992px ) {
	.carousel-inner .active.left { left: -25%; }
	.carousel-inner .next        { left:  25%; }
	.carousel-inner .prev		 { left: -25%; }	
}

.img-responsive{
  margin:auto;
}

.carousel-control{
	display: none;
}


header{
	background-color: #56AEE3;	
}
.master-container{
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	padding-top:40px;
	padding-bottom: 40px;
}
form{
	background-color: #A1C627;
}
.form-container{
	padding: 10px;
	padding-top:30px;
	margin: 0 30px;
}
.form-paragraph{
	margin: 0;
	padding: 0;
	color: #FFFFFF;
	font-size: 20px;
}
.form-input input{
	width:100%;
	height:50px;
	margin-top:7px;
	padding:0px 15%;
    border:none;
    border-radius:2px;
    outline-color: red;
}
.form-input textarea{
	width: 100%;
	margin-top: 7px;
	padding:0px 15%;
	border:none;
	outline-color: red;
}
#form-button{
	width:100%;
	height:50px;
	background-color: #E2574C;
	color:#FFFFFF;
	border: none;
	border-radius: 5px;
	margin-top: 5px;
	font-size: 20px;
	
}
.form-top-span{
	display:block;
	color:#FFFFFF;
	margin:10px 0;
	opacity: 0.5;
}
.form-span{
	display:block;
	margin-top: 20px;
	color:#FFFFFF;
	text-align:center;
	
}
.section-top-span{
	display:block;
	text-align:center;
	color:#56AEE3;
	font-size: 25px;
	
}
.section-icon-descripition-container{
	margin-top: 60px;
	width:100%;
}


.icon-container{
	width:150px;
	height:150px;
	border:1px solid red;
	border-radius:50%;

}
.icon-container i{
	display: block;
	text-align: center;
	font-size: 55px;
	color: #E2574C;
	line-height: 150px;
}
.section-heading{
	
	color: #1B5083;
	font-size: 17px;
	font-weight: 600;
}
.section-paragraph{
	
	font-weight: 600;
}

footer{
	background-color: #56AEE3;
}

.image-responsive{
	width: 10%;
	height: 60px;
	margin-left:2%;
	float: left;    
}


/* First media query are start here */

@media(min-width:1045px){
	
header{
   position: relative;
   height: 580px;
}
.logo{
	width: 25%;
}
	
.description{
	border-left:5px solid #E2574C;
	margin-top:70px;
}

.header-heading{
	margin-left: 15px;
	color:#FFFFFF;
}
.header-paragraph{
	margin-left: 15px;
	color:#FFFFFF;
    font-size: 16px;
    letter-spacing: 0.5px;
}
.header-paragraph i{
	font-size: 20px;
	opacity: 0.5;
}
.header-button{
	width:250px;
	height: 60px;
	background-color: #E2574C;
	color:#FFFFFF;
	border: none;
	margin-top: 25px;
	font-weight: 400;
	font-size: 20px;
	border-radius:5px;
}
	
form{
	position:absolute;
	width:35%;
	height: 580px;
	top: 0;
	right: 0;
}	
	
}

.first-icon-description-container{
	float: left;
	width:20%;
	margin: 0 2.5%;
}
.second-icon-description-container{
	float: left;
	width:20%;
	margin: 0 2.5%;
}
.third-icon-description-container{
	float:left;
	width:20%;
	margin: 0 2.5%;
}
.fourth-icon-description-container{
	float: left;
	width:20%;
	margin: 0 2.5%;
}
.footer-all-images{
	display: none;
}


.carousel{
  
   margin: auto;
  }


  .carousel-inner > .item > a > img {
      margin: auto;
  }


/* First media query are end here */

/* second media query are start here */
@media(max-width:1044px) and (min-width:411px){
	/* header media-query start */
	.logo{
	width: 50%;
}
	.description{
		display: none;
	}
	.header-button{
		display: none;
	}
	/* header media-query end */
	
	/* section media-query start */
.first-icon-description-container{
	width:100%

}
.second-icon-description-container{
	
	width:100%
}
.third-icon-description-container{
	
	width:100%
}
.fourth-icon-description-container{
	
	width:100%
	
}
.icon-container{
	margin: 0 auto;
}
.section-heading{
	text-align: center;
}
.section-paragraph{
	text-align: center;
}

	
	/* section media-query end */
	
	/* footer media-query start */
	
	/* footer media-query end */
	
}
/* second media query are end here */


/* Third media query are start here */
@media(max-width:410px){
/* header media-query start */
	.description{
		display: none;
	}
	.header-button{
		display: none;
	}
	.logo{
		width: 100%;
	}
	.form-input input{
		padding-left:30%;
	}
	.form-input textarea{
		padding-left:30%;
	}
	/* header media-query end */
	
	/* section media-query start */
.first-icon-description-container{
	width:100%
}
.second-icon-description-container{
	margin-top:20px;
	width:100%
}
.third-icon-description-container{
	margin-top:20px;
	width:100%
}
.fourth-icon-description-container{
	margin-top:20px;
	width:100%
}
.icon-container{
	margin: 0 auto;
}
.section-heading{
	text-align: center;
}
.section-paragraph{
	text-align: center;
}

	/* section media-query end */	
	
/* footer media-query start */
.footer-all-images{
	display:none;
}
.footer-image-slider{
	display: block;
}


 .carousel-inner > .item > img,
  .carousel-inner > .item > a > img {
   
      margin: auto;
  }

.carousel{
   	
   margin: auto;
  }


/* footer media-query end */
		
}	

/* Third media query are end here */

.hide-text {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
}