@font-face {
	font-family: 'WebFont';
	src: url('fonts/DB Heavent v3.2.1.eot');
	src: local('☺'), url('fonts/DB Heavent v3.2.1.woff') format('woff'), url('fonts/DB Heavent v3.2.1.ttf') format('truetype'), url('fonts/DB Heavent v3.2.1.svg') format('svg');
	font-weight: normal , bold;
	font-style: normal;
}
@font-face {
	font-family: 'WebFont2';
	src: url('fonts/DB Heavent Bd v3.2.1.eot');
	src: local('☺'), url('fonts/DB Heavent Bd v3.2.1.woff') format('woff'), url('fonts/DB Heavent Bd v3.2.1.ttf') format('truetype'), url('fonts/DB Heavent Bd v3.2.1.svg') format('svg');
	font-weight: bold;
	font-style: normal;
}

html , body {
	width:100%;
	padding:0px;
	margin:0px;
	height:100%;
	font-family:'WebFont',tahoma,verdana,arial,sans-serif,"lucida grande"!important;
	line-height:1.15; 
}
body {
	color:#333333;
	background-color:#f1f1f1;
	/*margin-bottom:37px;*/
	height:auto
}

body , input , textarea , select {
	font-size:16pt;
	font-family:'WebFont',tahoma,verdana,arial,sans-serif,"lucida grande";
	outline:none; 
}

img { border:none;vertical-align:bottom }

h1,h2,h3,h4,h5 {padding:0px;margin:0px;}


a { text-decoration:none; color:#2c4d94; }

.clearfix { clear:both  }

.sp-container { width:800px; margin:0 auto; text-align:center; font-size:26pt;}

.sec1 { background:#fff; padding:7% 0;}
.sec1 img { max-width:100%;}

.sec2 { background:#ddd; padding:7% 0;}
.sec2 img { max-width:100%;}

.sec3 { background:#ebebeb; padding:7% 0;}
.sec3 img { max-width:100%;}

.sec4 { background:#fff; padding:7% 0;}
.sec4 img { max-width:100%;}


.sp-details { background:#fff;}
.sp-details img { max-width:100%;}
.sp-details button { text-align:center; font-size:30pt; padding:10px 150px; background:#295095; color:#fff; border-radius:10px; margin:30px 0; border:none; font-family:'WebFont',tahoma,verdana,arial,sans-serif,"lucida grande"; cursor:pointer;}

.sp-txt {
    text-align: center;
    font-size: 20pt;
    color: #636363;
}

@media screen and (min-width:1500px) {
	
}

@media screen and (min-width:1700px) {
	
}

@media screen and (max-width:1100px) {

}

@media screen and (max-width:800px) {
.sp-container { width:100%;}
}

@media screen and (max-width:600px) {
.sp-details img { max-width:100%;}
.sp-details button { font-size:24pt; padding:10px 95px;}	
}
@media screen and (max-width:400px) {
	
}
@media screen and (max-width:350px) {
	
}
