@charset "utf-8";
/* CSS Document */
body
{font-family: 'Roboto', sans-serif;
	padding: 0px; 
	margin: 0px; 
	color: #e7e7e7;
	background: #cccccc;
	font-size: 12px;
	background:url(../images/ekraft_bg.jpg) repeat;
	overflow-x:hidden;
}
p
{
	color:#000;
	
}
h5
{
	color:#000;
}
.container
{
	max-width:1024px;
	margin:0 auto;
	border:0px solid red;
	display:block;
	overflow:hidden;
}
#left_wrapper

{
	margin-left:20px;
}


#header_wrapper {
margin: 0;
padding: 0;
width:100%;
height: 150px;
background: url(../images/header_bg.jpg) no-repeat;
/* border: 1px dotted #CCCCCC; */
}
#header {
display: block;
width:100%;
height: 150px;
/* border: 1px solid #FFF; */
}
ul.sdt_menu{
				margin-top:80px;
			}
			
			span.reference{
				position:fixed;
				left:10px;
				bottom:10px;
				font-size:12px;
			}
			span.reference a{
				color:#aaa;
				text-transform:uppercase;
				text-decoration:none;
				text-shadow:1px 1px 1px #000;
				margin-right:30px;
			}
			span.reference a:hover{
				color:#ddd;
			}
			
	/* mobile devices (tablets, 320px and up) */
	@media (min-width:320px)
		{
		
.d3_wrapper
{

position:absolute;
display:block;
width:auto;
height:auto;
top:135px;

margin-left:50px;
text-align:center;

border:0px solid red;
}		
#header
{
	display:none;
}
.list
{
margin-left:-90px;
}
.list dt, .list dd {
text-indent: 10px;
line-height: 30px;
display:block;

height: 35px;
width:150px;

}

.col-xs-6

{
	display:block;
	margin:2px auto; 
	text-align:center;
}
.responsive_wrapper
{
	display:block;
	position:absolute;
	top:0px;
}

#header_wrapper
{background:none;
height:20px;
}


.header_responsive
{
	display:block;margin:0 27%;width:auto;
	height:auto;}
	}
			
/* mobile devices (tablets, 420px and up) */
@media (min-width:480px) {
.d3_wrapper
{
display:none;
}
#header
{
	display:none;
}
.button {
padding: 8px 3px;
/* height: 38px; */

margin: 5px;
text-align: center;
display: inline-block;
}
.col-xs-6
{
	display:block;
	margin:2px auto;
}
.responsive_wrapper
{
	display:block;
	position:absolute;
	top:0px
	float:left;
	width:12%;
	height:30%;border:0px solid red;
	padding:2px;
	
	/*background:;*/
	margin:0px auto 0px auto;
	color:#24529D;
	
	}
#header_wrapper
{background:none;
height:130px;;
}	
	
	.responsive_wrapper a
	{
		color:#24529D;}
	
.responsive_wrapper a:hover
{
	color:#24529D;
	
}
#header_wrapper
{background:none;}
.header_responsive
{
display:block;
/*background:url(../images/ekraft.png) no-repeat;*/
margin:0 35%;
position:absolute;
top:0px;
}


}			
/* Small devices (tablets, 768px and up) */
@media (min-width:768px) {
.d3_wrapper
{
display:none;
}

.list
{
margin-left:-120px;
}
.list dt, .list dd {
text-indent: 10px;
line-height: 40px;
display:block;

height: 35px;
width:200px;

}


.gallery_box {
float: left;
width: 215px;
margin:2px 20px;
text-align: center;
color:#000;

}

	
#header
{
	display:none;
}
.responsive_wrapper
{
	display:block;
}
#header_wrapper
{background:none;
height:180px;}

.header_responsive
{
	display:block;
	top:0;
	position:absolute;
	margin:0 45%;
}
.button
{
	padding:10px 10px;}
.button {
padding:10px 10px;
/* height: 38px; */
width: auto;
margin: 0px;
text-align:justify;
display:inline-block;
}


}

/* Medium devices (desktops, 992px and up) */
@media (min-width:992px) {
.d3_wrapper
{
display:none;
}

	#header
{
	display:none;
}

.list
{
margin-left:-130px;
}
.list dt, .list dd {
text-indent: 10px;
line-height: 35px;
display:block;

height: 37px;
width:230px;

}


.gallery_box {
float: left;
width: 220px;
margin:  3px;
text-align: center;
color:#000;

}
.button
{
	padding:15px 29px;
}
.responsive_wrapper
{
	display:block;
}


	}

/* Large devices (large desktops, 1200px and up) */
@media (min-width:1200px) {
.d3_wrapper
{
display:none;
}

.list
{
margin-left:-140px;    
}
.list dt, .list dd {
text-indent: 10px;
    line-height: 40px;

    margin: 0;
    height: 37px;
    width: 270px;
 
}



		#header
{
	display:block;
}
	.gallery_box {
float: left;
width: 220px;
margin:  10px;
text-align: center;
color:#000;

}
.header_responsive
{
	display:none;}

#header_wrapper
{background:url(../images/header_bg.jpg) no-repeat;}
.button
{
	padding:15px 32px;
}

.responsive_wrapper
{display:none;}

	}	
.res_wrapper
{

display:block;
text-decoration:none;

color:#24529D;	
}

.res_wrapper ul
{
	display:block;
	/*line-height:20px;*/
}
	.res_wrapper li
{

display:block;
text-decoration:none;
/*background:#24529D;*/
color:#24529D;	
}
.res_wrapper li a
{
	display:block;
	color:#24529D;
	font-size:17px;
	font-family:Arial, Helvetica, sans-serif;
}
.footer_line {
display: block;
width:90%;
height: 1px;
margin-left: auto;
margin-right: auto;
border-bottom: 1px solid #000;
}		
			
.footer_line p {
font-family: 'swis721_cn_btroman';
font-size: 15px;
text-align: center;
padding-top: 0px;
padding-bottom: 5px;
color:#000 !important;
}	
.footer
{
	font-family: 'swis721_cn_btroman';
font-size: 16px;
text-align: center;
padding-top: 7px;
padding-bottom: 5px;
color:#000 !important;

}	

h2
{
	font-family: 'Roboto', sans-serif;}
	
.para
{
		font-family: 'Roboto', sans-serif;
		font-size:20px;
		color:rgba(0,0,0,0.8);
		margin:0 px auto;
		text-align:center;
		display:block;
		line-height:28px;
	}	
	
	.highslide-container div {
font-family: Verdana, Helvetica;
font-size: 14px;
color:#000;
}
.panel
{
    background: transparent;
}

.liquid-slider
{
    background: transparent;
}.webbutton_wrapper{
	display:block;
	width:100%;
	height:90px;
	
	border:0px solid #000;
	float:left;
	

}
.service_wrapper
{
	display:block;
	font-family:calibri;
	color:rgba(0,0,0,0.9);
	font-size:18px;
	text-align: justify;
	}

.gallery_box a{
	color:#000;
}
.submit_btn {
padding: 5px 14px;
font-weight: bold;
background: #fff;
border: 1px solid #ded6c6;
color: #222;
font-size: 12px;
margin-top: 10px;
}
.float_l {
float: left;
}
.nav > li > a {
position: relative;
display: block;
padding: 14px 20px;
font-size:14px;
color:#fff;
}
.navbar-default {
background-color: #28597a;
border-color: #28597a;
}
.nav > li > a:hover, .nav > li > a:focus {
text-decoration: #28597a;
background-color: #28597a;
}


.model_para
{
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}
#acco
{
color: #fff;
background-color: #28597a;
border-color:#28597a;
}
#site_map
{
	display:block;
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size:15px;
}
#site_map ul
{
	display:block;
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size:15px;
}
#site_map  li
{
	display:block;
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size:16px;
	
	
}
#site_map  li a
{
	display:block;
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size:16px;
	
}
#site_map ul li a
{
	display:block;
	font-family: 'Roboto', sans-serif;
	color:#000;
	font-size:14px;
	
}
#sitemapper
{
	color:#000;
	font-family: Verdana, Helvetica;
	font-size:14px;
	
	
}
.demo_wrapper
{
position:absolute;
top:50%;

border:1px solid red;
width:100%;
height:auto;

}