/* Buergerwerke CSS Document */
@import 'https://fonts.googleapis.com/css?family=Archivo+Narrow:400,700';
body{
	font-family: 'Archivo Narrow', sans-serif, Arial, Helvetica;
	margin:0;
	padding:0;
}
.main_wraper{
	width:100%;
	float:left;
}
img{
	height:auto;
}
a:hover{
	text-decoration:none;
}
/***************** Header ****************/
.navbar-brand{
	height:auto;
	padding-top:0;
	padding-bottom:0;
	padding-right:0;
}
.navbar-brand > img{
	max-width:100%;
}
.navbar-default{
	margin:0;
	border:0;
	background:#424242;
}
.navbar-collapse.collapse{
	float:right !important;
	width:auto;
	padding:0;
}
.navbar {
	border-radius: 0;
}
/*----*/
.hotline{
	float:right;
	text-align:right;
	padding-left:15px;
}
.hotline span{
	display:block;
}
.hotline_title{
	text-transform:uppercase;
	color:#fff;
	font-size:14px;
}
.hotline_num{
	color:#fab41a;
	font-size:20px;
	font-weight:700;
	line-height:16px;
	letter-spacing:1px;
	text-decoration:none;
}
.hotline_days{
	color:#c6c7c8;
	font-size:12px;
	line-height:20px;
}
/*-----*/
.navbar .container{
	position:relative;
	padding-top:40px;
	padding-bottom:20px;
}
.navbar-top{
	position:absolute;
	right:15px;
	top:0;
}
.navbar-top > li:before{
	float:left;
	padding:6px 0 0 0;
	color:#b1b3b4;
	font-size:12px;
	content:"|"
}
.navbar-top > li:first-child:before, .navbar-top > li:last-child:before{
	display:none;
}
.navbar-top > li > a{
	padding:5px 10px;
	float:left;
	font-size:12px;
	color:#b1b3b4 !important;
}
.navbar-default .navbar-top > li > a:hover,
.navbar-default .navbar-top > li > a:focus {
	color: #fff !important;
}
.navbar-top > li > a.highlight{
	background:#b1b3b4;
	color:#424242 !important;
}
.navbar-default .navbar-top > li > a.highlight:hover,
.navbar-default .navbar-top > li > a.highlight:focus{
	background:#fff;
	color:#424242 !important;
}
/*-------*/
.navbar-main{
	padding:18px 0 0 0;
}
.navbar-main > li > a{
	padding:7px 10px;
	float:left;
	font-size:15px;
	color:#fff !important;
	text-transform:uppercase;
	font-weight:700;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .open > a, .navbar-main > li > a:hover{
	background:none !important;
	color:#fab41a !important;
}
.navbar-main > li:before{
	float:left;
	padding:6px 0 0 0;
	color:#fff;
	font-size:15px;
	content:"|"
}
.navbar-main > li:first-child:before{
	display:none;
}
/*-----*/
.navbar-nav > li > .dropdown-menu, .navbar-nav .open .dropdown-menu{
	min-width:260px;
	float:left;
	background:#424242;
	border:0;
	border-radius: 0;
	box-shadow:none;
	padding:30px 20px 10px 20px;
}
.dropdown-menu > li{
	border-top:1px solid #c5c5c5;
}
.dropdown-menu > li:first-child{
	border:0;
}
.dropdown-menu > li > a{
	padding:12px 0 !important;
	color:#d9dadb !important;
	font-size:15px !important;
}
.dropdown-menu > li > a:hover{
	background:none;
	color:#fab41a !important;
}
/*---------*/
.header_btn{
	float:left;
	padding:18px 0 0 10px;
}
/***************** Home ****************/
.home_banner img{
	width:20%;
	float:left;
	opacity:0.6;
}
.home_banner .banner_logo{
	opacity:1;
}
/*---------*/
.content_block{
	width:100%;
	float:left;
	padding:75px 0 50px 0;
}
.content_block h2{
	display:block;
	margin:0 0 15px 0;
	text-align:center;
	color:#fab41a;
	font-weight:700;
	font-size:26px;
}
.landingpage.content_block h3, .content_block h3, .content_block h4, .content_block h5{
	display:block;
	margin:0 0 40px 0;
	text-align:center;
	color:#9c9e9f;
	font-size:20px;
}
.content_block h5{
	font-size:18px;
}
.content_block p{
	display:block;
	margin:0 0 15px 0;
	font-size:17px;
	color:#58585a;
}
/*-----*/
.content_2 h2{
	text-align:left;
}
.landingpage.content_2 h3, .content_2 h3, .content_2 h4{
	margin:0 0 8px 0;
	color:#7f7f7f;
}
.content_2 p{
	color:#9c9e9f;
	margin-bottom:25px;
}
.txt_c{
	text-align:center;
}
.icon_block img{
	display:inline-block;
	margin:0 0 20px 0;
	max-width:100%;
}
/*-----*/
.content_3{
	padding:0 !important;
}
.content_3 .row{
	margin:0;
}
.img_block{
	padding:0 !important;
	position:relative;
}
.img_block img{
	width:100%;
}
.img_block .img_overlay{
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	left:0;
	top:0;
	opacity:0.7;

	background: #fab41a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fab41a 0%, #fab41a 40%, #f49503 60%, #f49503 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fab41a 0%,#fab41a 40%,#f49503 60%,#f49503 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fab41a 0%,#fab41a 40%,#f49503 60%,#f49503 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab41a', endColorstr='#f49503',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.img_block:hover .img_overlay{
	opacity:0.9;
}
.img_block .txt{
	width:100%;
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	box-sizing:border-box;
	padding:0 15px 15px 15px;
	text-align:center;
	color:#fff;
}
.img_block .title {
	display:block;
	margin-bottom:10px;
	font-size:26px;
	font-weight:700;
}
.img_block .content{
	display:block;
	line-height:20px;
	font-size:17px;
}
.img_block h2{
	margin:0 0 10px 0;
}
/*-------*/
.map_block{
	margin:0 !important;
	padding:0 !important;
	position:relative;
	overflow:hidden;
}
.map_block .map{
	width:100%;
	float:left;
	min-width:1680px;
}
.map_block .map_overlay{
	width:100%;
	height:100%;
	float:left;
	position:absolute;
	left:0;
	top:0;
}
.map_details{
	padding-top:25px;
}
.content_2.map_block p{
	line-height:21px;
	margin-bottom:15px;
}
/*--------*/
.content_4{
	background:#424242;
	padding:55px 0 35px 0;
}
.landingpage.content_4 h3, .content_4 h3, .content_4 h4{
	color:#eceded;
	margin:0 0 35px 0;
}
.content_box{
	text-align:center;
}
.content_box img{
	max-width:100%;
	margin:0 0 18px 0;
}
.landingpage .content_box h3, .content_box h3, .content_box h4{
	margin:0 0 10px 0 !important;
}
.landingpage .content_box h3, .landingpage .content_box h3 a, .content_box h3, .content_box h3 a, .content_box h4, .content_box h4 a{
	color:#58585a;
}
.landingpage.content_4 .content_box h3, .landingpage.content_4 .content_box h3 a, .content_4 .content_box h3, .content_4 .content_box h3 a, .content_4 .content_box h4, .content_4 .content_box h4 a{
	color:#d9dadb;
}
.landingpage.content_4 .content_box h3 a:hover, .content_4 .content_box h3 a:hover, .content_4 .content_box h4 a:hover{
	color:#fff;
	text-decoration:none;
}
.landingpage .content_box h3 a:hover, .content_box h3 a:hover, .content_box h4 a:hover{
	color:#000;
	text-decoration:none;
}
.content_box p{
	font-size:17px;
	line-height:22px;
}
.content_box p{
	color:#87888a;
}
.content_4 .content_box p{
	color:#9c9e9f;
}
/*----------*/
.calculate_block{
	text-align:center;
	padding:65px 0;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#707173+0,707173+40,58585a+60,58585a+100 */
	background: #707173; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #707173 0%, #707173 40%, #58585a 60%, #58585a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #707173 0%,#707173 40%,#58585a 60%,#58585a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #707173 0%,#707173 40%,#58585a 60%,#58585a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707173', endColorstr='#58585a',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.landingpage.calculate_block h3, .calculate_block h3, .calculate_block h4{
	margin-bottom:20px;
}
.radio_btns{
	margin:0 0 30px 0;
	text-align:center;
}
.radio_btns label{
	margin:0 20px;
	font-size:20px;
	color:#d2d3d4;
	line-height:20px;
}
.calculate label{
	display:block;
	margin:0 0 10px 0;
	color:#fab41a;
	font-size:26px;
	font-weight:700;
	text-align:center;
}
.calculate .form-control{
	height:60px;
	width:100%;
	margin:0 0 10px 0;
	background:#bebebe;
	border:1px solid #fff;
	box-sizing:border-box;
	border-radius: 0;
	text-align:center;
	font-size:20px;
	color:#58585a;
}
.calculate .note{
	display:block;
	margin:0 0 35px 0;
	font-size:20px;
	color:#e3e3e3;
}
.calculate_slider{
	padding-left:30px;
	padding-right:30px;
	overflow:hidden;
}
#person_icons{
	width:116%;
	float:left;
	margin:0 0 15px -8%;
}
.person_icon{
	width:20%;
	float:left;
	text-align:center;
}
.person_icon .icon{
	width:22px;
	height:60px;
	display:inline-block;
	background:url(../images/icons.png) -161px 0 no-repeat;
}
.person_icon .icon.one,
.person_2 .icon.two,
.person_3 .icon.two, .person_3 .icon.three,
.person_4 .icon.two, .person_4 .icon.three, .person_4 .icon.four,
.person_5 .icon.two, .person_5 .icon.three, .person_5 .icon.four, .person_5 .icon.five,
.person_6 .icon.two, .person_6 .icon.three, .person_6 .icon.four, .person_6 .icon.five, .person_6 .icon.six{
	background-position:-138px 0;
}

.gas_icon1 .icon,.gas_icon2 .icon,.gas_icon3 .icon,.gas_icon4 .icon,.gas_icon5 .icon{
	width: 39px;
	height: 56px;
	display: inline-block;
	background-size: 100%!important;
}
.gas_icon .icon{margin:0px 5px;filter:grayscale(100%);}
#gascalcform .gas_icon .icon{margin: 0px 5px;}

.gas_icon.active .icon{
	filter: grayscale(0%);
}
#gasesSlider.slider.slider-horizontal,#gasesSliderpopup.slider.slider-horizontal,#gasesSliderlanding.slider.slider-horizontal {
	width: 78%;max-width:220px;
}
.gas_icon1 .icon{
	background:url(../images/gas1.png) no-repeat;
}
.gas_icon2 .icon{
	background:url(../images/gas2.png) no-repeat;
}
.gas_icon3 .icon{
	background:url(../images/gas3.png) no-repeat;
}
.gas_icon4 .icon{
	background:url(../images/gas4.png) no-repeat;
}
.gas_icon5 .icon{
	background:url(../images/gas5.png) no-repeat;
}

#gasesSlider .slider-selection,#gasesSliderpopup .slider-selection,#gasesSliderlanding .slider-selection {background:transparent;}

.person_icon .icon.one,
.person_2 .icon.two,
.person_3 .icon.two, .person_3 .icon.three,
.person_4 .icon.two, .person_4 .icon.three, .person_4 .icon.four,
.person_5 .icon.two, .person_5 .icon.three, .person_5 .icon.four, .person_5 .icon.five,
.person_6 .icon.two, .person_6 .icon.three, .person_6 .icon.four, .person_6 .icon.five, .person_6 .icon.six{
	background-position:-138px 0;
}
/***************** Inner Page ****************/
.inner_banner img{
	width:100%;
	float:left;
}
.content_5 h2{
	margin-bottom:5px;
}
.landingpage.content_5 h3,.content_5 h3,.content_5 h4{
	margin-bottom:15px;
}
.landingpage.content_5 h3, .content_5 h3,.content_5 h2, .content_5 h4{
	text-align:left;
}
.content_5 img{
	max-width:100%;
}
.bg_lightgrey{
	background:#ededee;
}
.chart{
	padding-top:20px;
	text-align:center;
	clear:left;
}
/*-------*/
.benefits_cont{
	background:#858788 url(../images/bg_benefits.jpg) center center no-repeat;
	background-size:cover;
}
.benefits_cont h2, .benefits_cont h5{
	color:#fff;
}
.benefits_cont h5{
	padding:0 20%;
	line-height:25px;
}
.benefits{
	width:100%;
	min-height:465px;
	float:left;
	padding:20px 25px;
	background:rgba(255,255,255,.85);
	font-size:17px;
	color:#58585a;
	text-align:center;
}
.benefits img{
	max-width:100%;
	margin:0 0 20px 0;
}
.benefits ul{
	list-style:none;
	padding:0;
	margin:0;
}
.benefits ul li{
	list-style:none;
	padding:0 0 0 20px;
	margin:0 0 15px 0;
	background:url(../images/icon_li.png) 0 7px no-repeat;
	line-height:22px;
	text-align:left;
}
.benefits h2{
	padding:0 8%;
	color:#fab41a;
}
.benefits .btn_wrap{
	padding-top:15px;
}
/*-------*/
.personal_service{
	padding:40px 0;
	background: #fab41a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fab41a 0%, #fab41a 40%, #f49503 60%, #f49503 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fab41a 0%,#fab41a 40%,#f49503 60%,#f49503 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fab41a 0%,#fab41a 40%,#f49503 60%,#f49503 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab41a', endColorstr='#f49503',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	color:#fff;
}
.landingpage.personal_service h3, .personal_service h3,.personal_service h2, .personal_service h4{
	color:#fff;
}
.service_box{
	border-left:1px solid #fff;
}
.row .service_box:first-child{
	border:0;
}
.service_l, .service_r{
	width:47%;
	float:left;
	text-align:right;
}
.service_r{
	float:right;
	text-align:left;
}
.service_l img{
	max-width:100%;
}
.service_box p{
	font-size:18px;
	margin:0 0 20px 0;
	color:#fff;
	line-height:22px;
}
.service_box .hotline{
	width:100%;
	padding:0;
	text-align:left;
}
.service_box .hotline_title, .service_box .hotline_days{
	font-size:17px;
	color:#fff;
}
.service_box .hotline_num{
	font-size:26px;
	color:#fff;
	line-height:26px;
}
.profile_pic{
	display:inline-block;
	width:100%;
	max-width:168px;
	position:relative;
	margin:0 0 12px 0;
}
.profile_pic img{
	width:100%;
	-webkit-border-radius: 200px;
	border-radius: 200px;
	border:3px solid #fff;
	overflow:hidden;
}
.profile_pic .quote{
	width:37px;
	height:30px;
	float:left;
	background:url(../images/icons.png) 0 -46px no-repeat;
	position:absolute;
	right:3px;
	bottom:3px;
}
.profile_name{
	font-size:20px;
	margin:0;
	line-height:22px;
}
.profile_des{
	display:block;
	font-size:17px;
	color:#58585a;
}
/*------*/
.our_members{
	padding:40px 0 60px 0;
	text-align:center;
}
.our_members .profile_pic img{
	border-color:#f1ae1e;
}
.members_box{
	border-left:1px solid #9c91a2;
	padding-bottom:20px;
}
.our_members .row .members_box:first-child{
	border:0;
}
.testimonial{
	display:block;
	padding:0 0 0 40px;
	position:relative;
	text-align:left;
}
.testimonial .quote{
	width:22px;
	height:18px;
	float:left;
	background:url(../images/icons.png) -38px -46px no-repeat;
	position:absolute;
	left:0px;
	top:5px;
}
.testimonial p{
	font-size:20px;
	line-height:24px;
	color:#424242;
}
.testimonial .profile_name {
	color:#f1ae1d;
}
.testimonial .profile_des{
	color:#9c9e9f;
}
/********************* Footer *********************/
footer{
	width:100%;
	float:left;
	background:#424242;
	border-top:1px solid #fff;
	font-size:15px;
	color:#9c9e9f;
}
.newsletter{
	width:100%;
	float:left;

	background: #fab41a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fab41a 0%, #fab41a 40%, #f49503 60%, #f49503 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fab41a 0%,#fab41a 40%,#f49503 60%,#f49503 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fab41a 0%,#fab41a 40%,#f49503 60%,#f49503 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab41a', endColorstr='#f49503',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

	text-align:center;
}
.newsletter .container{
	padding-top:20px;
	padding-bottom:13px;
}
.newsletter_cont{
	display:inline-block;
	text-align:center;
}
.newsletter h4{
	margin:0 75px 0 0;
	padding:10px 0 0 0;
	font-size:18px;
	font-weight:700;
	color:#fff;
	text-transform:uppercase;
}
.newsletter .input-text{
	margin-right:15px;
}
.newsletter h4, .newsletter .btn, .newsletter .input-text{
	float:left;
}
.newsletter .btn{
	background:none;
	border:1px solid #fff;
	font-size:18px;
	text-transform:none;
	font-weight:400;
}
/*-------*/
.footer_logo{
	width:100%;
	float:left;
	padding-bottom:15px;
}
.footer_logo img{
	width:100%;
	max-width:195px;
}
.footer_links{
	width:100%;
	float:left;
	padding-top:35px;
	padding-bottom:35px;
}
.footer_title{
	display:block;
	color:#fff;
}
.footer_links p{
	display:block;
	margin:0 0 15px 0;
	line-height:18px;
}
.footer_links .highlight{
	color:#fab41a;
}
.footer_links a.highlight:hover{
	color:#fff;
}
.footer_link_ul, .footer_link_ul li{
	width:100%;
	float:left;
	padding:0;
	list-style:none;
}
.footer_link_ul li{
	margin:0 0 5px 0;
}
.footer_link_ul li a{
	color:#9c9e9f;
	text-decoration:none;
}
.footer_link_ul li a:hover{
	color:#fab41a;
}
.footer_link_ul li .btn-default{
	color:#fff;
}
.footer_link_ul li .btn-default:hover{
	color:#333;
}
.footer_link_ul li.footer_title{
	margin-bottom:15px;
}
.footer_link_ul li.btn_li{
	padding-top:15px;
}
/*-----*/
.footer_social{
	padding-top:5px !important;
}
.footer_social a{
	width:46px;
	height:46px;
	float:left;
	border:1px solid #424242;
	background:url(../images/icons.png) no-repeat;
	margin:0 12px 0 0;
}
.footer_social a:last-child{
	margin:0;
}
.footer_social a.fb{
	background-position:0 0;
}
.footer_social a.tw{
	background-position:-46px 0;
}
.footer_social a.gp{
	background-position:-92px 0;
}
.footer_social a:hover{
	border-color:#fff;
}
/*---------*/
.footer_bottom{
	width:100%;
	float:left;
	padding:18px 0 10px 0;
	background:#2e2d30;
	font-size:14px;
	color:#87888a;
	line-height:13px;
}
.footer_bottom a{
	color:#87888a;
}
.footer_bottom a:hover{
	color:#fff;
	text-decoration:none;
}
.footer_bottom .copyright{
	float:left;
}
.footer_bottom ul{
	float:right;
	padding:0;
	list-style:none;
	text-align:center;
}
.footer_bottom ul li{
	list-style:none;
	display:inline-block;
	padding:0 15px;
	border-left:1px solid #87888a;
}
.footer_bottom ul li:first-child{
	border:0;
}
/************* Form ************/
.btn{
	border-radius: 0;
	text-align:center;
}
.btn-default{
	border:0;
	padding-left:25px;
	padding-right:25px;
	font-size:15px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fab41a+0,fab41a+40,f49503+60,f49503+100 */
	background: #fab41a; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #fab41a 0%, #fab41a 40%, #f49503 60%, #f49503 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #fab41a 0%,#fab41a 40%,#f49503 60%,#f49503 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #fab41a 0%,#fab41a 40%,#f49503 60%,#f49503 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fab41a', endColorstr='#f49503',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.btn.border{
	height:45px;
	padding:0 40px;
	border:1px solid #9fa1a3;
	color:#f49503;
	font-size:18px;
	line-height:44px;
}
.btn.border:hover{
	border-color:#f49503;
}
.btn.bg_w{
	background:#fff;
}
.btn-lg{
	font-size:25px;
	border:1px solid #fff;
	padding:15px 35px;
}
.input-text{
	width:320px;
	height:40px;
	border:1px solid #727272;
	background:#fff;
	padding:0 15px;
	line-height:40px /9;
	color:#333;
	font-family: 'Archivo Narrow', sans-serif, Arial, Helvetica;
}

.circle.fluid {
 position: absolute;
 bottom: 21%;/*186px;*/
 height: 200px;
 right: 14%;/*275px;*/
 width: 200px;
 border: 3px solid #fab41a;
 border-radius: 50%;
 padding: 10px;
 padding-top: 15px;
 text-align: center;
 background-color: #F2F0F0;
 -webkit-transform: rotate(12deg);
 -moz-transform: rotate(12deg);
 -ms-transform: rotate(12deg);
 -o-transform: rotate(12deg);
 filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=12);cursor:pointer;
}
.circle.fluid h3, .circle.fluid a {color:#000;}
.circle.fluid h3{font-size:30px;margin:15px 0px;}
.circle.fluid a {text-decoration: underline;font-size:17px;}

/******************************* Responsive Styles *******************************/
@media only screen and (max-width: 1600px) {

}
@media only screen and (max-width: 1400px) {
	.map_block .map{
		margin-left:-250px;
	}
}
@media only screen and (max-width: 1300px) {

}
@media only screen and (max-width: 1199px) {
	.hotline{
		padding-left:0;
		width:50%;
		width:auto;
	}
	.header_btn{
		padding-left:0;
		width:80%;text-align: right;
	}
	.navbar-brand{
		width:240px;
	}
	.navbar-main{
		position:absolute;
		right:15px;
		top:30px;
	}
	.navbar-collapse.collapse{
		width:100%;
	}
	.navbar-nav > li > .dropdown-menu, .navbar-nav .open .dropdown-menu{
		padding:0 20px 10px 20px;
	}
	/*---*/
	.benefits h2{
		padding:0;
	}
	.benefits{
		padding:15px;
		min-height:525px;
	}
	.benefits_cont h5{
		padding:0;
	}
}
@media only screen and (max-width: 1100px) {

}
@media only screen and (max-width: 1023px) {
	.map_block .map_overlay{
		position:static;
	}
	.map_details{
		margin-left:0;
		width:100%;
		padding-bottom:20px;
		padding-top:20px;
	}
}
@media only screen and (max-width: 991px) {
	.navbar-main{
		position:static;
		float:right;
		padding:10px 0;
	}
	.col-md-3{
		padding-bottom:15px;
	}
	/*----*/
	.newsletter h4{
		width:100%;
		text-align:center;
		margin:0;
		padding:0 0 10px 0;
	}
	.newsletter .btn, .newsletter .input-text{
		float:none;
		display:inline-block;
	}
	.newsletter .input-text{
		width:60%;
	}
	/*-----*/
	.benefits{
		min-height:inherit;
		margin-bottom:15px;
	}
	.benefits_cont .row .col-md-4:last-child .benefits{
		margin:0;
	}
	.benefits .btn_wrap{
		padding:0 0 15px 0;
	}
	/*-----*/
	.service_box{
		border:0;
	}
	.row .service_box:first-child{
		border-bottom:1px solid #fff;
		margin-bottom:15px;
		padding-bottom:15px;
	}
	/*------*/
	.members_box{
		border:0;
		border-top:1px solid #9c91a2;
		padding-top:20px;
	}
	.our_members .row .members_box:first-child{
		padding-top:0;
	}
	.our_members .row .members_box:last-child{
		padding-bottom:0;
	}
	/*-----*/
	.footer_social a{
		margin-right:5px;
	}
}
@media only screen and (max-width: 959px) {


}
@media only screen and (max-width: 849px) {

}
@media only screen and (max-width: 799px) {

}
@media only screen and (max-width: 767px) {
	.navbar-brand{
		padding-bottom:15px;
	}
	.navbar .container{
		padding:15px 15px 0 15px;
	}
	.navbar-collapse{
		padding-top:10px !important;
	}
	.navbar-collapse.collapse{
		width:100%;
		float:left;
		box-sizing:border-box;
		margin:0 !important;
	}
	.navbar-top{
		position:static;
	}
	.navbar-main > li:before, .navbar-top > li:before{
		display:none;
	}
	.navbar-main > li, .navbar-top > li{
		width:100%;
		float:left;
		box-sizing:border-box;
		margin:0;
	}
	.navbar-main, .navbar-top{
		width:100%;
		float:left;
		box-sizing:border-box;
		padding:0 !important;
		margin:0 !important;
	}
	.navbar-default .navbar-nav > li > a{
		width:100%;
		box-sizing:border-box;
		padding:10px 15px;
	}
	.navbar-collapse{
		box-shadow:none;
	}
	.navbar-top{
		padding-bottom:15px !important;
	}
	.header_btn{
		padding:0;
		width:100%;
	}
	.header_btn .btn{
		width:100%;
	}
	.hotline{
		width:100%;
		padding:15px 0;
		text-align:center;
	}
	.hotline span{
		display:inline-block;
		padding:0 5px;
	}
	.navbar-top > li > a{
		font-size:14px;
	}
	.navbar-top > li > a:hover{
		background:#666 !important;
	}
	.navbar-default .navbar-top > li > a.highlight:hover,
	.navbar-default .navbar-top > li > a.highlight:focus{
		background:#fff !important;
		color:#424242 !important;
	}
	/*-----*/
	.navbar-nav > li > .dropdown-menu, .navbar-nav .open .dropdown-menu{
		width:100%;
		padding:0 30px 10px 30px;
	}
	/*--------*/
	.content_block{
		padding:25px 0;
	}
	.home_banner .row img{
		width:33.33%;
	}
	.home_banner .row img:first-child, .home_banner .row img:last-child{
		display:none;
	}
	.content_block h2, .calculate label{
		font-size:20px;
	}
	.landingpage.content_block h3,.content_block h3,.content_block h4{
		font-size:17px;
		margin-bottom:20px;
	}
	.content_block h5{
		font-size:16px;
		margin-bottom:20px;
	}
	.benefits_cont h5{
		line-height:20px;
	}
	.content_block p{
		font-size:15px;
	}
	.testimonial p{
		line-height:20px;
	}
	.profile_name{
		font-size:18px;
		line-height:20px;
	}
	.profile_des{
		font-size:15px;
	}
	.content_box img{
		margin-bottom:10px;
	}
	/*--------*/
	.footer_links{
		padding-top:20px;
		padding-bottom:15px;
	}
	.footer_links .row .footer_link_col{
		padding-top:15px;
		padding-bottom:0px;
		border-top:1px solid #666;
	}
	.footer_links .row .footer_link_col:first-child{
		border:0;
	}
	.footer_bottom ul, .footer_bottom .copyright{
		width:100%;
	}
	.footer_bottom .copyright{
		text-align:center;
	}
}
@media only screen and (max-width: 649px) {
	.footer_bottom{
		line-height:normal;
	}
	.footer_bottom ul li{
		width:30%;
		border:0;
		padding:0 0 8px 0;
	}
}
@media only screen and (max-width: 599px) {
	.map_block .map{
		margin-left:-150px;
		min-width:1200px;
	}
	.service_l, .service_r{
		width:100%;
	}
	.service_l{
		text-align:center;
		margin:0 0 15px 0;
	}
}
@media only screen and  (max-width: 479px) {
	.btn{
		width:100%;
	}
	.newsletter .input-text{
		width:100%;
		margin:0 0 10px 0;
	}
	.newsletter .btn{
		width:100%;
	}
	.img_block .title{
		font-size:21px;
	}
	.map_block .map {
		margin-left: -160px;
		min-width: 975px;
	}
}
@media only screen and  (max-width: 319px) {

}
/*Retina graphics!*/
@media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (   min--moz-device-pixel-ratio: 1.5),
only screen and (     -o-min-device-pixel-ratio: 3/2),
only screen and (        min-device-pixel-ratio: 1.5),
only screen and (                min-resolution: 144dpi),
only screen and (                min-resolution: 1.5dppx),
only screen and (                     max-width: 767px) {
	.ex{
		background-image:url(../images/icons2x.png);
		background-size:350px 190px;
	}

}
/********************************************************************************************/
a{color: #ffa600;}
a, a span, a img, a em, button{
	-o-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;
}
/*.ex{
	-o-transition: none !important;
	-ms-transition: none !important;	
	-moz-transition: none !important;
	-webkit-transition: none !important;
	transition: none !important;
}*/
.footer_link_col:after, .service_box:after{
	content: " ";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.text-danger {color: #ee807e;}
.person_icon .icon{cursor: pointer;}
.img_block .title {line-height: 1.1;}
body.modal-open {position: fixed;}
.headerH2{margin-top: 10px;margin-bottom: 10px; font-size:25px;font-family:'Archivo Narrow', sans-serif, Arial, Helvetica;color: #575756;font-weight:bold;line-height:1.1;display:inline-block;}
.calculatornavs.nav-tabs>li{width:50%;background-color: #bebebe;text-align: center;}
.calculatornavs.nav-tabs>li>a {
	border: 0px solid #bebebe;
	background-color:transparent;
	color: #575756;
	display: block;
}
.calculatornavs.nav-tabs>li>a>span {
	display: inline-block;
}
.calculatornavs.nav-tabs{clear:both;}
.calculatornavs.nav-tabs>li.active .headerH2{color: #fab41a;}
.calculatornavs.nav-tabs>li>a:last-child{margin-right:0px;}
.calculatornavs.nav-tabs>li.active{background-color: #707173;}
.calculatornavs.nav-tabs>li.active>a,
.calculatornavs.nav-tabs>li.active>a:focus,
.calculatornavs.nav-tabs>li.active>a:hover {
	color: #fab41a;
	cursor: default;
	background-color:transparent;
	border: 0px solid #58585a;
}
.gasTabIcon>span:before,.stromTabIcon>span:before{
	width: 35px;
	height: 34px;
	display: block;
	content: " ";
	background-size: 100%!important;
	float: left;
	margin-right:10px;
	margin-top: 7px;
}
.gasTabIcon>span:before{
	background:url(../images/Flamme-schwarz.png) no-repeat;
	margin-top: 6px;
}
.stromTabIcon>span:before{
	background:url(../images/Stecker-schwarz.png) center center no-repeat;
}
.calculatornavs.nav-tabs>li.active>.gasTabIcon>span:before{
	background:url(../images/Flamme-orange.png) no-repeat;
}
.calculatornavs.nav-tabs>li.active>.stromTabIcon>span:before{
	background:url(../images/Stecker-orange.png) center center no-repeat;
}
@media only screen and  (min-width: 768px) {
	.modal-dialog {
		min-width: 600px;
		width: 95%;
		max-width:1170px;
		margin: 30px auto;
	}
    .desktop-only{
        display: block;
    }
    .mobile-only{
        display: none;
    }
    .headerH2.desktop-only{
        display: inline-block;
    }
    .headerH2.mobile-only{
        display:none;
    }
}
a.accordion-link.gasTabIcon,a.accordion-link.stromTabIcon {
	border: 0px solid #bebebe;
	background-color: #bebebe;
	color: #000000;text-decoration:none;border-radius:0px;
}
a.accordion-link.active .headerH2{color: #fab41a;}
a.accordion-link.active,
a.accordion-link.active:focus,
a.accordion-link.active:hover {
	color: #fab41a;
	cursor: default;
	background-color: #707173;
	border: 0px solid #58585a;
	text-decoration:none;
}
a.accordion-link.gasTabIcon.active:before{
	background:url(../images/Flamme-orange.png) no-repeat;
}
a.accordion-link.stromTabIcon.active:before{
	background:url(../images/Stecker-orange.png) center center no-repeat;
}
@media only screen and  (max-width: 475px) {
	.calculatornavs.popupnav.nav-tabs>li>a{padding:10px 0px;}
}
@media only screen and  (max-width: 425px) {
	.headerH2 {
		font-size:20px;
	}
    .gasTabIcon>span:before, .stromTabIcon>span:before {
        width: 27px;
        height: 29px;
    }
    .calculatornavs.nav-tabs>li>a{padding:10px 5px;}
	#gascalculator_target_page_popup .calculate_slider{padding-left:0px;padding-right:0px;}
}
@media only screen and  (max-width: 767px) {
    .desktop-only{
        display: none;
    }
    .mobile-only{
        display: block;
    }

    .headerH2.desktop-only{
        display: none;
    }
    .headerH2.mobile-only{
        display:inline-block;
    }
}

@media only screen and  (max-width: 374px) {
	.calculatornavs.popupnav .headerH2 {
		font-size:17px;
	}
	.calculatornavs.popupnav .gasTabIcon>span:before,.calculatornavs.popupnav .stromTabIcon>span:before {
		width: 24px;
		height: 24px;
	}
}