@import url('https://fonts.googleapis.com/css?family=Oxygen:300,400');
@import url('https://fonts.googleapis.com/css?family=Oswald');

@media (max-width: 767px) {
	.elmas{position:absolute; width:150px}
	.lg{margin-top:140px;height:230px;}
	.slg{width:50%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:30px; color:#314874; text-align:center}
	.lg2{margin-top:140px;height:230px;}
	.slg2{width:50%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:30px; color:#DADCDF; text-align:center}	
	.foterm1{position:absolute; right:50%; bottom:130px; padding-right:20px}
	.foterm2{position:absolute; bottom:130px; padding-left:20px; color:#FFFFFF;font-family: 'Oswald', sans-serif; width:250px}
	.intsub{
		position:absolute; 
		bottom:0px; 
		font-family:'Oxygen', sans-serif; 
		width:100%; 
		height:108px; 
		color:#2e456e; 
		text-align:center;
		z-index:10;
	}
	.subm{margin-top:35px; font-size:15px}	
	.sc{float:left; margin-right:0px}
	.y{width:50%; float:left}
	.y1{background:url(/images/grd1.png) no-repeat bottom #FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y1:hover{background:url(/images/grd11.png) no-repeat bottom #FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2{background:url(/images/grd2.png) no-repeat bottom #314874;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2:hover{background:url(/images/grd22.png) no-repeat bottom #314874;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}	
}

@media (max-width: 723px) {
	.elmas{position:absolute; width:130px; display:none}
	.lg{margin-top:0px;height:150px}
	.slg{width:90%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:0px; color:#314874; text-align:center}
	.lg2{margin-top:20px;height:150px;}
	.slg2{width:90%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:0px; color:#DADCDF; text-align:center}	
	.gb1{margin-top:0px}
	.gb2{margin-top:0px}	
	.intsub{
		position:relative; 
		bottom:auto; 
		font-family:'Oxygen', sans-serif; 
		width:100%; 
		height:auto; 
		color:#2e456e; 
		text-align:center;
		z-index:10;
		padding-top:10px;
		background:#d9ab88;
	}
	.foterm1{position:relative; right:auto; bottom:auto; padding-right:0px}
	.foterm2{position:relative; bottom:auto; padding-left:0px; color:#000; font-family: 'Oswald', sans-serif; width:250px; margin:0 auto}
	.subm{margin-top:0px; font-size:15px}
	.sc{float:left; margin-right:5px;}
	#soc{width:230px; margin:0 auto}

	.y{width:100%; float:none}
	.y1{margin-top:0px; padding-bottom:20px;  background:#FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y1:hover{background:#FFFFFF;}
	.y2{background:#314874;padding-bottom:20px;  -moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2:hover{background:#314874;}
	
	.wdcmm{text-decoration:none; font-size:12px; font-weight:bold; color:#2e456e;font-family:'Oxygen', sans-serif; }
	.icns{margin-right:5px; margin-bottom:0px; width:30px; height:30px; margin-top:10px}
}

@media(min-width:768px) {
	.elmas{position:absolute; width:180px}
	.lg{margin-top:140px;height:230px;}
	.slg{width:50%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:30px; color:#314874; text-align:center}
	.lg2{margin-top:140px;height:230px;}
	.slg2{width:50%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:30px; color:#DADCDF; text-align:center}	
	.foterm1{position:absolute; right:50%; bottom:130px; padding-right:20px; padding-bottom:10px}
	.foterm2{position:absolute; bottom:130px; padding-left:20px; color:#FFFFFF;font-family: 'Oswald', sans-serif; width:250px}
	.intsub{
		position:absolute; 
		bottom:0px; 
		font-family:'Oxygen', sans-serif; 
		width:100%; 
		height:108px; 
		color:#2e456e; 
		text-align:center;
		z-index:10;
	}
	.subm{margin-top:35px; font-size:15px}	
	.sc{float:left; margin-right:0px}
	.y{width:50%; float:left}
	.y1{background:url(/images/grd1.png) no-repeat bottom #FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y1:hover{background:url(/images/grd11.png) no-repeat bottom #FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2{background:url(/images/grd2.png) no-repeat bottom #314874;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2:hover{background:url(/images/grd22.png) no-repeat bottom #314874;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}	
	.icns{margin-right:5px}
}

@media(min-width:992px) {
	.elmas{position:absolute; width:auto}
	.lg{margin-top:140px;height:230px;}
	.slg{width:50%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:30px; color:#314874; text-align:center}
	.lg2{margin-top:140px;height:230px;}
	.slg2{width:50%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:30px; color:#DADCDF; text-align:center}	
	.foterm1{position:absolute; right:50%; bottom:130px; padding-right:20px; padding-bottom:10px}
	.foterm2{position:absolute; bottom:130px; padding-left:20px; color:#FFFFFF;font-family: 'Oswald', sans-serif; width:250px}
	.intsub{
		position:absolute; 
		bottom:0px; 
		font-family:'Oxygen', sans-serif; 
		width:100%; 
		height:108px; 
		color:#2e456e; 
		text-align:center;
		z-index:10;
	}
	.subm{margin-top:35px; font-size:16px}
	.sc{float:left; margin-right:0px}
	.y{width:50%; float:left}
	.y1{background:url(/images/grd1.png) bottom no-repeat #FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y1:hover{background:url(/images/grd11.png) no-repeat bottom #FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2{background:url(/images/grd2.png) bottom no-repeat #314874;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2:hover{background:url(/images/grd22.png) no-repeat bottom #314874;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}	
	.icns{margin-right:20px}
}

@media(min-width:1200px) {
	.elmas{position:absolute; width:auto}
	.lg{margin-top:140px;height:230px;}
	.slg{width:50%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:30px; color:#314874; text-align:center}
	.lg2{margin-top:140px;height:230px;}
	.slg2{width:50%; margin:0 auto;font-family: 'Oswald', sans-serif; font-size:18px; margin-top:30px; color:#DADCDF; text-align:center}	
	.foterm1{position:absolute; right:50%; bottom:130px; padding-right:20px; padding-bottom:10px}
	.foterm2{position:absolute; bottom:130px; padding-left:20px; width:auto}
	.intsub{
		position:absolute; 
		bottom:0px; 
		font-family:'Oxygen', sans-serif; 
		width:100%; 
		min-height:108px; 
		color:#2e456e; 
		text-align:center;
		z-index:10;
	}
	.subm{margin-top:25px; font-size:17px}
	.sc{float:left; margin-right:2px}
	.y{width:50%; float:left}
	.y1{background:url(/images/grd1.png) no-repeat bottom  #FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y1:hover{background:url(/images/grd11.png) no-repeat bottom #FFFFFF;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2{background:url(/images/grd2.png) bottom no-repeat #314874;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.y2:hover{background:url(/images/grd22.png) no-repeat bottom #314874;-moz-transition:all 0.2s ease-out;-o-transition:all 0.2s ease-out;-webkit-transition:all 0.2s ease-out;-ms-transition:all 0.2s ease-out;-transition:all 0.2s ease-out;}
	.icns{margin-right:25px}
}


@media(min-width:1450px) {
	
}

.wdcm{text-decoration:none; font-size:15px; font-weight:bold; color:#000000;font-family:'Oxygen', sans-serif;}
.wdsm{text-decoration:none; font-size:15px; font-weight:bold; color:#fff;font-family:'Oxygen', sans-serif; }

body{background:#d9ab88}

.gb1{margin:0 auto; width:100px; text-align:center; background:#2e456e; color:#FFFFFF;font-family: 'Oswald', sans-serif; font-weight:normal; cursor:pointer; margin-top:20px; height:40px; line-height:40px; border-radius:5px}
.gb1:hover{background:#3E5886;}
.gb2{margin:0 auto; width:100px; text-align:center; background:#d9ab88; color:#000;font-family: 'Oswald', sans-serif; font-weight:normal; cursor:pointer; margin-top:20px; height:40px; line-height:40px; border-radius:5px}
.gb2:hover{background:#E3B694;}