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

}

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

}

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

}

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




body {margin:0; padding:0; color:#333333; background-color:#f5f5f5; font-family: 'din_lightregular'; font-size: 17px;}
img{border:0;}
ul{list-style:none; margin:0px; padding:0px;}
.fl{float:left}
.fr{float:right}
.clear{clear:both}
.over-flow{overflow:hidden}
p{margin:0px; padding:0px}
.bld{font-weight:bold;}
h1, h2, h3, h4, h5{margin:0px; font-weight:normal; padding:0px;}
.height5{height:5px;}
.height10{height:10px;}
.height20{height:20px;}
.height30{height:30px;}
.height45{height:45px;}
.height70{height:70px;}
.paddingtopbottom50{ padding:50px 0 0px 0;}
.maincontainer{width:100%; position:relative;}
.midcontainer{width:1000px;  margin:0 auto;}
.tr{text-align:right;}
.tl{text-align:left;}
.tc{text-align:center;}
.pos-rel{position:relative}
.pos-abs{position: absolute}

.brdbtm{border-top:1px solid #CCC; margin:30px 0 40px 0}


.blackbgstrip{ background-color:#000000; overflow:hidden;}
.redbgstrip{ width:100%; background-color:#000000; padding: 10px 0 10px 0; color:#cccccc; font-size:12px; overflow:hidden;}
.redbgstrip a{color:#cccccc; text-decoration:underline}
.redbgstrip a:hover{color:#cccccc; text-decoration:none}
.redbgstrip li{ display:inline; color:#cccccc; font-size:12px;}
.redbgstrip li a{margin-right:10px; color:#cccccc; text-decoration:none}
.redbgstrip li a:hover{color:#ffffff;}

.logo{font-size:30px; color:#ffffff; font-family: 'din_blackregular'; margin:6px 80px 0 0;}
.menu{margin:0px; padding:0px; list-style:none}
.menu li{font-size:16px; color:#cccccc; display:inline-block}
.menu li a{ color:#cccccc; padding:20px; display:inline-block; text-decoration:none}
.menu li a.active{ color:#ffffff; background-color:#ff0000}

.menu li a:hover{ color:#ffffff; background-color:#ff0000}

.blackbgstrip img{margin-right:10px;}
.homepage-header{background:url(../images/header.jpg) no-repeat center center; height:500px;}
.homepage-header h1{ font-family: 'din_mediumregular'; padding:170px 0 0 0; color:#ffffff; font-size:40px; text-align:center; text-shadow: 1px 1px 1px #000000;}
.homepage-header h1 span{font-family: 'din_blackregular'; font-size:60px; line-height:50px; display:block}

.content-container{background-color:#fff; width:940px; top:-60px; padding:30px 30px 0 30px; border-radius: 25px 25px 0 0;}
.content-container h2{     font-family: 'din_mediumregular'; margin-bottom:20px; text-transform:uppercase; font-size:30px; text-align:center}
.content-container p{ font-size:18px; line-height:24px; text-align:center}
.content-container1{background-color:#fff;  overflow:hidden;}
.content-container1 p{ font-size:18px; line-height:24px; text-align: justify; padding:0 30px 20px 30px ;}

.service{margin-left:40px; margin-bottom:30px; margin-top:150px;}
.servicebox{width:250px; padding:20px; margin:0 10px 0 10px; text-align:center;}
.servicebox h3{font-family: 'din_blackregular'; margin-bottom:20px; color:#000000; font-size:26px; line-height:26px;}
.servicebox p{font-size:16px; text-align:center !important; padding:0px !important}
.servicebox img{margin-bottom:20px;}
.readmore{background-color:#ff0000; display: inline-block; margin-top:15px; color:#ffffff; font-size:12px; text-decoration:none; padding:6px 10px 6px 10px; text-transform:uppercase}
.readmore:hover{background-color:#171717;}

.innerpage-header1{background:url(../images/aboutus.jpg) no-repeat center center; height:300px;}
.innerpage-header2{background:url(../images/services.jpg) no-repeat center center; height:300px;}
.innerpage-header3{background:url(../images/support.jpg) no-repeat center center; height:300px;}
.innerpage-header4{background:url(../images/contactus.jpg) no-repeat center center; height:300px;}





.innerlft{width:470px; float:left}
.innerlft p{color:#666666; font-size:14px; line-height:21px; text-align:justify; padding-bottom:20px;}
.innerrgt{width:470px; float:right}
.indx-txt p{color:#666666; font-size:14px; line-height:21px; text-align:center}
.indx-txt h2{	font-family: "open_semibold", Helvetica, Arial, sans-serif; font-size:40px; color:#333; text-align:center;}
.btnsubmit { background:#dd2628; border:none; padding:8px 20px;  	font-family: "open_regular", Helvetica, Arial, sans-serif; color:#FFF; font-size:16px; margin-top:15px; cursor:pointer;}
.btnsubmit:hover { background:#cb1c1e;}
.inpt-bx1{background:#f0f0f0; padding:10px 20px; border:none; margin:0 0 15px 0;  width:400px; 	font-family: "open_regular", Helvetica, Arial, sans-serif; color:#333; font-size:17px; border-bottom:2px solid #e5e5e5;}
.inpt-bx2{ background:#f0f0f0; padding:10px 20px; border:none;  width:400px; 	font-family: "open_regular", Helvetica, Arial, sans-serif; color:#333; font-size:17px; border-bottom:2px solid #e5e5e5; height:100px;}
.brdbtm{border-top:1px solid #CCC; margin:30px 30px 40px 30px}
.bullot li:before{width: 5px;
height: 5px;
content: "x";
overflow: hidden;
background: #333;
margin: 9px 7px 0 31px;
float: left;
border-radius: 50%;}
.socialmedialink {
    list-style: outside none none;
    margin: 0;
    padding: 0;
	float:left;
}
.socialmedialink li {
    float: left;
    margin: 0px;
}

.socialmedialink li a { width:32px; height:32px; float:left;  background-position:left top; margin:0 5px 0 0; }
.socialmedialink .fb {
    background: url("../images/social-media.png") repeat 0px 0px; background-position:left top;}
.socialmedialink .fb:hover { background-position:0 -32px;}
.socialmedialink .twitter {
    background: url("../images/social-media.png") repeat -39px top;}
.socialmedialink .twitter:hover { background-position:-39px -32px;}

.socialmedialink .googleplus {
    background: url("../images/social-media.png") repeat left top;}
.socialmedialink .blog { background:url("../images/social-media.png") repeat -116px top;}
.socialmedialink .blog:hover { background:url("../images/social-media.png") repeat -116px -32px;}



















