@font-face {
    font-family: 'ralewayregular';
    src: url('../fonts/raleway-regular-webfont.eot');
    src: url('../fonts/raleway-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular-webfont.woff2') format('woff2'),
         url('../fonts/raleway-regular-webfont.woff') format('woff'),
         url('../fonts/raleway-regular-webfont.ttf') format('truetype'),
         url('../fonts/raleway-regular-webfont.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaylight';
    src: url('../fonts/raleway-light-webfont.eot');
    src: url('../fonts/raleway-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-light-webfont.woff2') format('woff2'),
         url('../fonts/raleway-light-webfont.woff') format('woff'),
         url('../fonts/raleway-light-webfont.ttf') format('truetype'),
         url('../fonts/raleway-light-webfont.svg#ralewaylight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'OpenSans-Semibold_1';  
	 src: url('../fonts/OpenSans-Semibold_1.eot');
    src: url('../fonts/OpenSans-Semibold_1.eot?#iefix') format('embedded-opentype'),
         url('../fonts/OpenSans-Semibold_1.woff2') format('woff2'),
         url('../fonts/OpenSans-Semibold_1.woff') format('woff'),
         url('../fonts/OpenSans-Semibold_1.ttf') format('truetype'),
         url('../fonts/OpenSans-Semibold_1.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'Lato-Regular';  
    src: url('../fonts/Lato-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'OpenSans-Regular_1';  
    src: url('../fonts/OpenSans-Regular_1.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body {
	font-size: 12px;
	line-height: 25px;
	background:#fff;
	margin:0px auto;
	font-family: 'ralewayregular';
}

::-moz-selection {
 background: #b3d4fc;
 text-shadow: none;
}

::selection {
 background: #b3d4fc;
 text-shadow: none;
}
.backgroundheader{background-color:#036;}
.container{ width:1200px; margin:0px auto; padding:5px; }
.logo { width:100%;margin:13px 0; }
.banner { width:100%; background:url(../img/banner.jpg) no-repeat; height:427px; position:absolute; }
.bannercontent { background:#3586df; opacity:0.92; height:427px;}
.banimg { margin:35px 0; position:relative; display:inline-block; margin-left:80px; width:424px; display:inline-block; }
.bancon { margin:110px 0; color:#FFF; display:inline-block; vertical-align:top; position:relative; width:690px; }
.bancon h1 { font-size:34px; font-family: 'ralewaybold'; margin:0; width:100%; }
.bancon .desc { font-size:16px; margin-top:30px; width:100%; }
.bancon .btn { border:2px solid #fff; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; padding:10px; font-size:18px; width:165px; text-align:center; margin-top:35px; }
.prohead { font-size:30px; font-family:Arial,Helvetica,sans-serif; color:#000; text-align:center; padding:30px 0; }
.prohead img { position:relative; top:7px;}
.probox { width:280px; margin-left:14px; border-right:3px solid #CCC; border-bottom:3px solid #CCC; margin-top:30px; text-align:center; margin-bottom:60px; display:inline-block; background:#FBFBFB; border-radius:10px;}
.probox .img { text-align:center; position:relative; display:inline-block;  margin:50px 0 25px;}
.probox .img img{  display:table-cell; vertical-align:middle; }
.probox .title { width:100%; text-align:center; font-size:17px; color:#000; font-family:Arial,Helvetica,sans-serif; bottom:15px; }
.probox .content { width:93%; color:#000; text-align:justify; padding:10px 5px; text-align:center; padding:6px; font-family:Arial, Helvetica, sans-serif; font-size:13px; height:110px; letter-spacing:0.5px}
.probox .demobtn { width:120px; padding:2px; font-size:14px; text-transform:uppercase; border:2px solid #1E2B3E; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin:15px auto; background-color:#1E2B3E; color:#fff; position:relative; top:33px; font-weight:bold; }
.probox a { color:#33383c; text-decoration:none;}
.footer{ margin:0px auto; height:50px; background:#036; width:100%; position:fixed; bottom:0; }
.footertext{ width:50%; position:relative; float:left; color:#EFF4FC; letter-spacing:1px; text-align:right; font-size:11px; top:10px; }
.footimg{float:left; position:relative; left:20px; top:6px; height:38px; width:110px;}