@font-face {
    font-family:exo-extra-bold;
    src: url(../fonts/site/Exo2-ExtraBold.otf);
}
@font-face {
    font-family:exo-extra-bold-italic;
    src: url(../fonts/site/Exo2-ExtraBoldItalic.otf);
}


@font-face {
    font-family:exo-bold;
    src: url(../fonts/site/Exo2-Bold.otf);
}

@font-face {
    font-family:exo-italic;
    src: url(../fonts/site/Exo2-Italic.otf);
}



@font-face {
    font-family:exo-bold-italic;
    src: url(../fonts/site/Exo2-BoldItalic.otf);
}


body{
	padding-top:0px!important; 
}
.header-top{
 
	 
}

.top-logo{
	position: absolute;
	top:70px;
	left:17%;
}
.top-logo-img{
	max-height: 150px;
}

.top-text{
	position: absolute;
	top:250px;
	left:17%;
}

.form-container{
	background: rgb(161,208,232);
	padding:90px 0px;
}
.form-left-text{
	font-family:exo-bold-italic !important;
	color:#fff;
	border-left: 15px solid #fff;
	font-size:32px;
	padding-left:10px;
}
.form-div{
	background-color:#fff;
	border-radius:5px;
}

::-webkit-input-placeholder {  
 color:#333!important;
font-weight:400;
}
::-moz-placeholder {  
  color:#333!important;
font-weight:400;

}
:-ms-input-placeholder { 
 color:#333!important;
font-weight:400;

}
:-moz-placeholder {  
 color:#333!important;
font-weight:400;

}
.row{
	margin:0px;
	}


.mail-signup-form input{
	font-family:exo-bold-italic !important;
	border:1px #333 solid;
	border-radius:0px!important;
}

.form-div input{
font-family:exo-bold-italic !important;
border:1px #333 solid;
border-radius:0px!important;


}
.form-left-text-description{
	font-family:exo-italic !important;
	color:#333;
	font-size:18px;
	padding-left:20px;
}

.top-text-common{
	font-family:exo-extra-bold;
	background:rgba(161,208,232,0.6);
	border-radius:2px;
	font-size: 20px;
	color:#333;
	margin-top: 10px;
	padding:5px 30px;  
}


.mail-text{
	font-family:exo-italic;
	color:rgb(161,208,232);
	font-size: 25px;
	text-align:left;
	margin-bottom:0px;
}
.mail-text-description{
	margin-top:0px;
	font-family:exo-bold-italic;
	color:rgb(161,208,232);
	font-size: 20px;
	text-align:left;
}



.chield-img-form-div{
	margin-top:75px;
	min-width: 170%;
}
.form-logo{
	max-width: 200px;
	 
}

.footer-logo{
	max-width: 250px;
	max-width: 200px;
	margin:50px auto; 
	padding-top:30px;
}

.footer-text-div{
	margin-top:40px;
	margin-bottom:40px;
}

.footer-top-tag{
	border-radius:8px;
	font-family:exo-extra-bold-italic;
	color: #fff!important;
	background-color:#5DB8DF;
	font-size:30px;	
	padding:10px 40px;
	position:relative;
	display:inline-block;
	width:auto;


}
.footer-bottom-tag{
	z-index:-99999; 
	margin-top:-10px;
	border-radius:8px;
	font-family:exo-extra-bold-italic;
	color: #fff!important;
	background-color:#59595C;
	font-size:30px;
	padding:10px 100px;
	display:block;
}

.footr-bottom-line{
	background-color:#5DB8DF;
	font-size:3px; 
}

.text1{
	color: #fff!important;
	font-size: 30px;
	margin-top: 0px;
}

.chield-img{
	max-width: 250px;
	margin-top: -160px;
	z-index:9999!importnat;	
	display: inline-block;
}
.sort-des-text{
	font-family:exo-bold-italic !important;
	border-left: 20px solid #fff;
	margin-top:35px;
}
.sort-description{
	background:rgb(161,208,232); 	
}

.content-discription{
	background: url(../images/chield-bg.png);
	min-height: 500px;
}
.mdl-bdy{
	border:none!important;
	background:rgb(230,231,232);
	margin-top: -4px;
	margin-left: 65px;
	margin-right: 55px;
    min-height: 350px;
	padding:0px;
}
.mdl-hdr{
	border:none!important;
	padding:0px;
	position: relative;
    z-index: 999999;
	
}
.modal-content{
	border:none;
	box-shadow:none;
	background:none;
	
}
.mdl-cls-btn{
	position: absolute;
    right: 76px;
    top: 17px;
}

.hdr-img{
	min-width:102%;
}

.cup-img{
	min-width:100%;
}
.content-mdl {
    margin-top: -60px;
}
.mdl-ttl{
	font-family:exo-extra-bold-italic !important;
	font-size:27px;
	margin-left:80px;
}
.content-outer {
    border-left: 1px dashed #c0c0c0;
    margin-left: 52px;
    margin-top: -15px;
    padding-top: 20px;
}
.mdl-ftr-content{
	background:rgb(161,208,232); 
	font-family:exo-extra-bold-italic !important;
	padding:15px 0px;
}
.mdl-ftr-btn{
	background-color:#58595B;
	color:#fff;
}
.mdl-ul{
	list-style: none;
	padding-left:12px;
	padding-right:5px;

}
.mdl-ul li{
	font-family:exo-italic;
	font-size:14px;		
}
.mdl-ul li::before {
  content:"\2022";
  color: #5DB8DF; 
}
.modal-dialog{
	
}
.modal-footer{
	border:none!important;
}
.content-discription-mail
{	background: url(../images/chield-bg.png);
	min-height: 200px;
}
.mail-div{
	background:rgba(0,0,0,0.5);
	min-height:200px;
}
.description{
	background:rgba(255,255,255,0.7);
	padding:150px;
	
}

.description-title{
	font-family:exo-extra-bold !important;
 	font-size: 35px;
	color:#333;
	font-weight:bolder;
}
.description-text{
	font-family:exo-extra-bold !important;
 	font-size: 20px;
	font-weight:200;
	color:#333;
	
}
.mail-txt-div{
	margin-top:50px;	
}




@media screen  and (max-width:1280px) { 
	.top-logo{
	top: 60px;
	}
	.top-logo-img{
	max-height:115px;
	}
.top-text-common{	
	font-size: 17px;
	}
.top-text{
	top: 180px;
}
.text1{
	 font-size:22px;
}	
}


 
@media screen  and (max-width:800px) { 
	.chield-img-div{
		display: none;
		
	}
	.sort-description{
	 margin-top:10px;
	}
	
	.top-text{
		background:rgb(232,234,233);
		position:static;
		left: 5%;
	}
	
	.sort-des-text{
	
	 border: none;
	}
	
	.description{	
	padding: 30px;		
	}


}


@media screen  and (max-width:767px) {
	.top-logo{
		top:7px;
		left:5%;
	}
	.top-logo-img {
	    max-height: 100px;
	}
	.sort-des-text{
		margin-top:0px;	
	}
	.description-title{
		font-size:30px;
	}
	.description-text{
		font-size:17px;
	}
	.content-discription{
		min-height: 400px;
	}
	.form-left-text{
		font-size: 24px;
	}
	.mobile-no-padding{
		padding:0px;
	}
	.footer-top-tag{
		font-size: 20px;
	}
	.footer-bottom-tag{
		font-size: 20px;
		padding: 10px 25px;
		margin-top:10px;
	}
	.footer-logo{
	max-width: 200px;
	margin:10px auto 0px auto; 
	padding-top:10px;
	}
	.mail-txt-div{
		margin-top:10px;	
	}
	.mail-div{
		min-height: 415px;
	}
	.mail-submit{
		text-align:center;
		display:grid;	
	}
	.text-general-div{
		padding:0px;
	}
	.mdl-bdy{
		margin-left: 39px;
		margin-right: 31px;
	    
	}
	.mdl-cls-btn {
    position: absolute;
    right: 40px;
    top: 5px;
	}
	.content-outer {
    
    margin-left: 30px;
    margin-top: -1px;
	padding-top:5px;
    
	}
	.mdl-ttl {
	    font-size: 21px;
	    margin-bottom: 2px;
	    margin-left: 52px;
	    margin-top: 31px;
	}
}