/*
Theme Name: hotweb-makler-04.5 moessner
Theme URI: 
Author: Jan Hößler HOTWeb.de
Author URI: HOTWeb.de
Description: theme for policy brokers
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: hier nachsehen: https://wordpress.org/themes/tag-filter/
Text Domain: hotweb-makler-04.5

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,300,700);



/*
COLORS:

grey:	#575757
color:	#2c93bf (blau)
color-dark: #227294 (blau dark)
orange: #EB6300;
*/

/* Reset */

* {
	margin:0px;
	padding:0px;
	
	}
div {
	box-sizing:border-box;
	}
/* Begin Typography & Colors */
html {
	background:url(images/bg-body.png) top right fixed #BED4E1;
	
}
body {
	background-image:url(images/bg-body2.png), url(images/bg_kreise.png);
	background-repeat:repeat-x, no-repeat;
	background-position:top left, top center;
	background-attachment:fixed, fixed;
	
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px; 
	color:#575757;
	padding:25px 0px;
	}

h1 {
	color:#2c93bf;
	text-transform:uppercase;
	font-size:24px;
	margin-bottom:10px;
	}

h2 {
	font-size:20px;
	color:#EB6300;
	margin-bottom:15px;
	}
h3 {
	font-size:17px;
	color:#227294;
	margin-bottom:15px;
	}
p {
	font-size:16px;
	margin-bottom:15px;
	line-height:150%;
}

a, h2 a:hover, h3 a:hover {
	
	color:#2c93bf;
	}

a:hover {
	color:#EB6300;
	}
#content a {
	text-decoration: underline;
}
.align-center {
	text-align:center;
	}
.align-right {
	text-align:right;
	}
.align-left {
	text-align:left;
	}

img {
	max-width:100%;
	height:auto;
}	
	
/* End Typography & Colors */



/* Begin Structure */


body {

	}

#wrapper {
	width:1280px;
	margin:0px auto;
	}
#content,
#header,
#footer{
	background:#fff;
	margin:1%;
	padding:2%;
	border-radius:3px;
	box-shadow:0px 0px 10px rgba(34,114,148,.25);
}
#header {
	/*background:url(images/bg-header.jpg) top right no-repeat;*/
	/* Verlauf auf Wunsch von Hr. Moesner entfernt */
}
#content {
	float:left;
	width:71%;
}

#sidebar {
	float:right;
	width:25%;
}

#sidebar > div {
	background:#fff;
	margin:5% 4% 10% 0%;
	padding:5%;
	border-radius:3px;
	box-shadow:0px 0px 10px rgba(34,114,148,.25);
}


.ohnesidebar {
	float:none;
	width:98%!important;
}

.copyright {
	display:block;
	text-align:center;
	font-size:0.8em;
	border-top:1px solid rgba(0,0,0,.1);
	border-bottom:1px solid rgba(0,0,0,.1);
	padding:20px 0px;
	margin-top:20px;
	background:rgba(255,255,255,.8)
	}
/* End Structure */

/*	Begin Boxes and Layout */

.float-left {
	float:left;
}
.float-right {
	float:right;
}
.clear {
	clear: both;
}
.logo {
	
	opacity:0;
	/* Chrome, Safari, Opera */
	-webkit-animation-name: logofade; /* Chrome, Safari, Opera */
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay: .5s;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-iteration-count:1;
	-webkit-animation-timing-function:ease;
	/* Standard syntax */
	animation-name: logofade;
	animation-duration: 2.5s;
	animation-timing-function: linear;
	animation-delay: .5s;
	animation-fill-mode:forwards;
	animation-iteration-count:1;
	animation-timing-function:ease;

	}
/* Chrome, Safari, Opera */
@-webkit-keyframes logofade {
    from {opacity: 0;}
    to {opacity: 1;}
}
/* Standard syntax */
@keyframes logofade {
    from {opacity: 0;}
    to {opacity: 1;}
} 
.box-header-slogan,
.box-header-contact,
#box-logo {
	display:inline-block;
	vertical-align:middle;
	width:33%;
}
#box-logo {
	max-height:180px;
}
.box-header-slogan {
	padding-top:10px;
	text-align:center;
	color:#EB6300;
	font-weight:bold;
}
.box-header-slogan p {
	line-height:100%;
	/* transform:rotate(-5deg); */
	font-size:25px;
	text-shadow:5px 5px 1px rgba(0,0,0,.05);
	text-transform:uppercase;
}
.box-header-contact {
	text-align:center;
}
.box-header-contact .fa-phone {
	font-size:35px;
}
.box-header-contact a {
	font-size:13px;
}



.box169 {
	position: relative;
}
.box169:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}
.box169 iframe {
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	width: 100% !important;
	height: 100% !important;
}

/* End Boxes and Layout */



/*	Begin Footers */
.footerbox {
	width:20%;
		width:33%;
	display:inline-block;
	vertical-align:top;
	}
.footerbox p {
	font-size:13px;	font-size:16px;
	line-height:150%;
}
.footerbox h3 {
	font-size:16px;
	line-height:150%;
}	
.footerbox ul {
	list-style:none;
}
	.footerbox ul li a{
	}
	.footerbox ul li a:hover,
	.footerbox ul li a:focus{
		
	}
.footerbox iframe {
	width:auto;
	float:none;
	margin:0px;
	height:auto;
	min-height: auto;
}

.footerbox .fb_iframe_widget {
	display:block;
	margin-bottom:6px;
}
.socialicon {
	height:24px;
	width:auto;
}


/* End Footers */

/* Begin Sidebar */

#sidebar h2 {
	padding:10px 5px;
	background:linear-gradient(#e1e1e1, #f4f4f4 20%,#fff 100%);
	text-align:center;
}	
	
/* End Sidebar */

/* Begin Images */
p img {

	}

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	margin-left: 10px;
	float:right;
	}

img.alignleft {
	margin-right: 10px;
	float:left;
	} 
	
.rund {
	border-radius:4px;
}	
	
/* End Images */



/* Begin Lists */

#content ul,
#content ol {
margin-left:25px;
	}

#content ul li,
#content ol li {
line-height:170%;
font-size:.9em;
	}
ol {

	}
ol li {

	}

/* End Entry Lists */



/* Begin Form Elements */
#searchform {

	}

#sidebar #searchform #s {
	width: 108px;
	padding: 2px;
	}

#sidebar #searchsubmit {
	padding: 1px;
	}

form { 
	
	}

select,
textarea,
input {
	background: none repeat scroll 0 0 #f1f1f1;
    border: none;
    border-radius: 3px;
    color: #575757;
    font-size: .9em;
	font-family:'PT Sans', sans-serif;
    padding: 1%;
	}
input[type=submit] {
	background:#2c93bf;
	color:#fff;
	font-size:1.3em;
	width:100% !important;
	cursor:pointer;
}


/* End Form Elements */

/* Begin navigation*/






#box-navi {
	background:linear-gradient(#2c93bf,#227294); /* alt orange zu blau */
	padding:2%;
}



#navitoggle {
	display:none;
}

#mainnavi ul {
	display:block;
	list-style:none;
	background:#f7f7f7;
	background:linear-gradient(#fff, #e1e1e1 5%, #f7f7f7 90%,#cfcfcf 100%);
	border-radius:5px;
	box-shadow:0px 0px 10px rgba(0,0,0,.25);
}
	#mainnavi ul li {
		display:inline-block;
		background:url(images/bg-nav-trenner.png) top right repeat-y;
		position:relative;
	}
	#mainnavi ul li:last-child {
		background:none;
		position:relative;
	}
			#mainnavi ul li a {
				font-size:16px;
				padding:15px 20px 15px 15px;
				display:block;
				color:#2c93bf;
				text-decoration:none;
				font-weight:bold;
				text-transform:uppercase;
			}
			/* #mainnavi ul li:first-child a {
				background:url(images/btn-home.png) center no-repeat;
				color:transparent;
				color:rgba(255,255,255,0);
			} */
			#mainnavi ul li a:hover,
			#mainnavi ul li a:focus,
			#mainnavi ul li.current_page_item a	{
				color:#EB6300;
			}
			
			#mainnavi > ul > li > a:before {
				font: normal normal normal 20px/1 FontAwesome;
				margin-right:10px;
			}
			#mainnavi > ul > li:nth-child(1) > a:before {
				content:"\f1b9";
			}
			#mainnavi > ul > li:nth-child(2) > a:before {
				content:"\f24e";
			}
			#mainnavi > ul > li:nth-child(3) > a:before {
				content:"\f015";
			}
			#mainnavi > ul > li:nth-child(4) > a:before {
				content:"\f0f9";
			}
			#mainnavi > ul > li:nth-child(5) > a:before {
				content:"\f1ae";
			}
			#mainnavi > ul > li:nth-child(6) > a:before {
				content:"\f27e";
			}
			
			
			
			
		#mainnavi ul li ul.sub-menu {
			display:none;
		}
		#mainnavi ul li:hover ul.sub-menu {
			display:block;
			position:absolute;
			left:12px;
			top:100%;
			background:#f8f8f8; /* rgba(248,248,248,.95); */
			box-shadow:none;
			padding:15px;
			border-width:0px 1px 1px 1px;
			border-style: solid;
			border-color:#2c93bf;
			border-radius:0px 0px 3px 3px;
		}
		#mainnavi ul li ul.sub-menu li {
			background:none;
		}
		#mainnavi ul li ul.sub-menu li a{
			padding:5px;
			font-weight:normal;
			font-size:15px;
			color:#2c93bf;
			text-decoration:none;
			white-space:nowrap;
		}
		#mainnavi ul li ul.sub-menu li a:before{
			font: normal normal normal 12px/1 FontAwesome !important;
			margin-right:10px;
			content:"\f054";
		}
		#mainnavi ul li ul.sub-menu li a:hover,
		#mainnavi ul li ul.sub-menu li.current-menu-item{
			color:#EB6300;
		}
			#mainnavi ul li ul.sub-menu li ul.sub-menu{
				position:relative;
				float:none;
				background:none;
				left:10px;
				width:200px;
				padding:0px;
				border:0px;
			}
			#mainnavi ul li ul.sub-menu li ul.sub-menu li{
				display:block;
				float:none;
				background:none;
				/* height:auto; */
				width:auto;
			}
			#mainnavi ul li ul.sub-menu li ul.sub-menu li a{
				font-weight:normal;
				font-size:13px;
			}

#extranavi {
	text-align:right;
	margin-bottom:10px;
}		
		
#extranavi ul {
	list-style:none;
}
	#extranavi ul li {
		display:inline-block;
	}
		#extranavi ul li a{
				color:#fff;
				padding:3px 8px;
				display:block;
				border-right:1px solid #fff;
				font-size:13px;
			}
		#extranavi ul li:last-child a{
				border:none;
			}





form[name=terminvereinbaren] label {
	font-size:.8em;
	width:35%;
	display:inline-block;
	text-align:right;
	margin-right:2%;
}
form[name=terminvereinbaren] input {
	width:45%;
	text-align:center;
}
form[name=terminvereinbaren] div {
	margin-bottom:10px;
}
form[name=terminvereinbaren] input[type=button],
input[type=button]  {
    background: #2c93bf;
    border:none;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    color: #fff;
    cursor: pointer;
    padding: 10px 15px;
    text-transform: uppercase;
	width:50%;
	font-size:90%;
}
fieldset {
	border-radius:5px;
	border:1px solid rgba(0,0,0,.3);
}



/* End interactbar */


/* Begin Calendar */
/* End Calendar */



/* Begin Various Tags & Classes */



acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}


hr {
	border:0px;
	border-bottom:1px solid rgba(0,0,0,.3);
	margin:45px 0px
}



	
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */
	.g_maps{
		width: 100%;
		background:rgba(0,0,0,.09)
	}

.ansprechpartner {
	text-align:center;
}
.ansprechpartner img {
	border-radius:100%;
	width:60%;
	height:auto;
	margin:20px 0px;
}
.call,
.recall {
	display:inline-block;
	background:rgba(0,0,0,.05);
	padding:0px 10px 0px 0px;
	line-height:35px;
	position:absolute;
	top:40px;
}
.call img,
.recall img{
	float:left;
	margin-right:10px;
}
.telgreen {
	color:#2c93bf;
	font-size:18px;
	font-weight:bold;
}
.small {
	font-size:11px;
}
.call {
	right:370px;
}
.recall {
	right:0px;
}

/* Page Builder */

.panel-grid {
	margin-bottom:15px;
}
.panel-grid-cell {
	
}


.scrollbox {
	max-height:400px;
}






/* contact_form_content */
#contact_form_content .form_row {
	margin-bottom:5px;
}
#contact_form_content label {
	vertical-align:top;
}
#contact_form_content label,
#contact_form_content input[type=checkbox] {
	width:33.3333333333%;
	display:inline-block;
}
#contact_form_content input {
	width:62.6666666666%; /* 1 % pedding des globalen input*/
}
#contact_form_content select {
	width:64.6666666666%; /* 1 % pedding des globalen input*/
	display:inline-block;
}
#contact_form_content textarea {
	width:62.6666666666%;
	/* min-height:300px; */
	min-height:165px;
}
#contact_form_content label.checkbox_label {
	font-size:.8em;
	width:62.6666666666%;
}

/* hot_opening_hours */

.hot_opening_hours_state_open{
	background:#92d217;
	color: #fff;
	text-align:center;
	padding:10px;
	border-radius:3px;
}
.hot_opening_hours_state_will_open{
	background:#2c93bf;
	color: #fff;
	text-align:center;
	padding:10px;
	border-radius:3px;
}
.hot_opening_hours_state_closed_today{
	background:#cc3232;
	color: #fff;
	text-align:center;
	padding:10px;
	border-radius:3px;
}
#hot_opening_hours_content table{
	margin-top: 20px;
}


#hot_opening_hours_content td,
#hot_opening_hours_content th {
	padding: 3px 6px 5px 6px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}


/* home forms */

#calc03,
#calc02{
	box-sizing:border-box;
	width: 100%;
	text-align:center;
	background:url(images/bg_calc.png),linear-gradient(#2c93bf,#227294);
	background-position: top right,top left;
	background-repeat:no-repeat, inherit;
	/* padding:10px; */
	margin:0px;
	border-radius:15px;
	border:2px solid #fff;
	box-shadow:0px 0px 20px rgba(0,0,0,.15);
	overflow:hidden;
	position:relative;
	color:#fff
}

	#calc03 h2,
	#calc02 h2{
		color: #fff;
		font-size: 20px;
		padding:10px 5px;
		text-transform: uppercase;
		border-bottom:1px dotted #fff;
	}
	
	#calc02 img{
		float:right;
		margin-top:-60px;
		
		border-radius:5px;
		max-width:50%;
		height:auto;
	}
	#calc03 img{
		margin-bottom:-20px;
		border-radius:5px;
	}
		#calc03 p strong,
		#calc02 p strong{
			font-size:20px;
			color: #fff;
		}

		#calc03 p,
		#calc02 p{
			margin-top: 15px;
		}
			#calc03 label,
			#calc02 label{
				color: #fff;
				font-weight: bold;
				display: inline-block;
				margin-right: 30px;
			}
			#calc03 input.home_form_alter,
			#calc02 input.home_form_alter{
				width: 40px;
			}
			#calc03 input.home_form_alter{
				margin-right: 56px;
			}
			#calc03 select.home_form_anag{
				width: 120px;
			}
			#calc03 input,
			#calc03 select,
			#calc02 input,
			#calc02 select{
				color: #2c93bf;
				padding: 5px 10px;
				margin:5px 0;
			}
			#calc03 p.home_form_button,
			#calc02 p.home_form_button{
				text-align: center;
			}
				#calc03 p.home_form_button input.button,
				#calc02 p.home_form_button input.button,
				#calc02 p.home_form_button a.button{
					background: #2D2D2D;
					background:linear-gradient(#9f9f9f,#8b8b8b);
					border: none;
					border-bottom:2px solid #6d6d6d;
					color: #fff;
					text-transform: uppercase;
					font-weight: bold;
					width: auto !important;
					padding: 6px 30px;
					box-shadow:0px 5px 10px rgba(0,0,0,.1);
					transition:background ease .25s, box-shadow ease .25s;
					text-decoration:none!important;
					font-size: 1.3em;
				}
				#calc03 p.home_form_button input.button:hover,
				#calc03 p.home_form_button input.button:focus,
				#calc02 p.home_form_button input.button:hover,
				#calc02 p.home_form_button input.button:focus,
				#calc02 p.home_form_button a.button:hover,
				#calc02 p.home_form_button a.button:focus{
					background: #828282;
					background:linear-gradient(#828282,#666666);
					box-shadow:0px 5px 10px rgba(0,0,0,.4);
					transition:background ease .25s, box-shadow ease .25s;
				}
		
#letzteabschluesse{
	padding-top: 10px;
}
	#letzteabschluesse p.waiting_text{
		padding: 60px;
		width: auto !important;
	}	
	#letzteabschluesse h4{
		margin-top: 10px;
		margin-bottom: 5px;
	}
	#letzteabschluesse p{
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	#letzteabschluesse p img{
		float: right;
		margin-top: 10px;
	}
	#letzteabschluesse #lastContracts{
		margin-top: 10px;
	}
	
.news_item{
	width: 100%;
}
	.sidebar_item{
		border-bottom: 1px solid rgba(0, 0, 0, 0.1);
		margin:10px 0px;
	}
	
	.news_item .news_dateblock,
	.sidebar_item .news_dateblock{
		display: inline-block;
		background: #2c93bf;
		width: 75px;
		height: 75px;
		padding: 3px;
		margin-right: 15px;
		float: left;
		margin-bottom: 20px;
	}
	.sidebar_item .news_dateblock{
		width: 65px;
		height: 65px;
		padding: 1px 3px 3px 3px;
	}

		.news_item .news_dateblock .news_day,
		.sidebar_item .news_dateblock .news_day{
			display: inline-block;
			width: 100%;
			text-align: center;
			color: white;
			font-weight: bold;
			font-size: 30px;
			margin-bottom: 2px;
		}	
		.sidebar_item .news_dateblock .news_day{
			font-size: 26px;
			margin-bottom: -4px;
		}
		.news_item .news_dateblock .news_month,
		.sidebar_item .news_dateblock .news_month{
			display: block;
			width: 100%;
			text-align: center;
			color: white;
			font-size: 11px;
			font-weight: bold;
		}
		
		.news_item .news_dateblock .news_year,
		.sidebar_item .news_dateblock .news_year{
			display: block;
			width: 100%;
			text-align: center;
			color: white;
			font-weight: bold;
			font-size: 11px;
			

		}
	
	.news_item .news_content,
	.sidebar_item .news_content{
		display: inline;
		width: 80%;
		float: left;
		margin-bottom: 20px;
	}
	.sidebar_item .news_content{
		float: none;
		font-size:13px;
		line-height:125%!important;
	}

.news_detail{
	width: 100%;
	
}
	.news_detail .news_dateblock{
		display: inline-block;
		background: #2c93bf;
		width: 75px;
		height: 75px;
		padding: 3px;
		margin-right: 15px;
		float: left;
		margin-bottom: 20px;
		/*
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
			box-sizing: border-box;*/
	}
		.news_detail .news_headline{
			color: #2c93bf;
			font-size: 1.3em;
			margin-bottom: 5px;
			text-transform: uppercase;
			font-weight: bold;
		}
		.news_detail .news_dateblock .news_day{
			display: inline-block;
			width: 100%;
			text-align: center;
			color: white;
			font-weight: bold;
			font-size: 30px;
			margin-bottom: 2px;
		}	
		
		.news_detail .news_dateblock .news_month{
			display: block;
			width: 100%;
			text-align: center;
			color: white;
			font-size: 11px;
			font-weight: bold;
		}
		
		.news_detail .news_dateblock .news_year{
			display: block;
			width: 100%;
			text-align: center;
			color: white;
			font-weight: bold;
			font-size: 11px;
			

		}
	
	.news_detail .news_content{
		display: inline;
		width: 80%;
		float: left;
		margin-bottom: 20px;
	}

	
	
.contact_icon{
	display: inline-block; 
	margin-bottom: -4px; 
	margin-right: 5px;
}
.contact_icon_large{
	display: inline-block; 
	margin-bottom: -4px;
	margin-left: -2px;	
	margin-right: 2px;
}






i.fa {
	margin-right:10px;
}






/* RESPONSIVE */

@media only screen and (min-width:300px) and (max-width: 767px) {
	#wrapper {
	width:95%;
	margin:0px auto;
	}
	
	
	.float-left {
		float:none;
	}
	.float-right {
		float:none;
	}
	#header,
	#content,
	#sidebar,
	.ohnesidebar {
		float:none;
		width:100%;
		padding:4%;
		margin:1%;
	}
	#header {
		background:#fff;
	}
	.logo {
		max-width:70%;
		}
	body {
		font-size:14px; 
	}

	h1 {
		font-size:20px;
		}

	h2 {
		font-size:18px;
		}
	h3 {
		font-size:16px;
		}
	#extranavi {
		text-align:left;
		margin-bottom:0px;
	}		
			
	#extranavi ul li {
		display:inline-block;
		width:49%;
		text-align:center;
		background:#f7f7f7;
		background:linear-gradient(#fff, #e1e1e1 5%, #f7f7f7 90%,#cfcfcf 100%);
		border-radius:5px;
		margin-bottom:2px;
	}
		#extranavi ul li a{
			color:#2c93bf;
			display:block;
			border:none;
			font-size:15px;
			padding:8px 0px;
			text-decoration:none;
		}

	/* Page Builder */

	.panel-grid {
		margin-bottom:15px;
	}
	.panel-grid-cell {
		
	}	
	
		
	/* Begin navigation*/
 	#navitoggle {
		display:block;
		width:auto;
		z-index:1000;
		cursor:pointer;
		position:fixed;
		top:2%;
		right:2%;
	}
	#navitoggle img {
		width:50px;
		height:auto;
	}
	#mainnavi {
		padding:0px;
		position:fixed;
		top:0px;
		right:0px;
		width:100%;
		display:none;
	}

	#mainnavi ul {
		display:block;
		background:#fff;
	}
		#mainnavi ul li {
			display:block;
			background:none;
			text-align:center;
		}
		#mainnavi ul li:last-child {
			background:none;
		}
				#mainnavi ul li a {
					padding:10px 5px;
					border-bottom:1px solid #2c93bf;					
				}
				#mainnavi ul li:hover ul.sub-menu {
					position:relative;
					border:none;
					left:0px;
					padding:20px 0px;
					background:none;
					width:80%;
					margin:0px auto;
				}
				#mainnavi ul li ul.sub-menu li{
					
				}
				#mainnavi ul li ul.sub-menu li a{
					padding:10px 0px;
					border-bottom:1px solid #575757;
				}


	
	.call,
	.recall {
		display:none;
	}
	
	/*	Begin Footers */
	.footerbox {
		width:100%;
		display:block;
		vertical-align:top;
		margin-bottom:20px;
		}
	.footerbox p {
		font-size:13px;
		line-height:16px;
	}	

	.footerbox h3 {
		/* font-size:22px; */
		line-height:180%;
	}

	/* End Footers */

 	iframe#iFrameName {
		width:100%;
		float:none;
		margin-left:0px;
		height:auto;
		z-index:0;
		font-size:30px !important;
		}

	select,
	textarea,
	input {
		border:1px solid rgba(0,0,0,.1) !important;

		}
		
	#calc03 .calculatorbody,
	#calc02 .calculatorbody {
		height:auto;
	}	
		
	iframe.googlemap {
		display:none;
	}
		
	
}
@media only screen and (min-width: 768px) and (max-width: 1280px) {
	#wrapper {
		width:95%;
		}
	#content {
		float:left;
		width:65%;
	}

	#sidebar {
		float:right;
		width:31%;
	}
	
	body {
		font-size:14px; 
		}

	h1 {
		font-size:20px;
		}

	h2 {
		font-size:18px;
		}
	h3 {
		font-size:16px;
		}
	iframe#iFrameName {
		width:100%;
		float:none;
		margin-left:0px;
		height:auto;
		z-index:-100;
		}

	#mainnavi ul li a {
		font-size:14px;
		padding:10px;
	}


	/* Page Builder */

	.panel-grid {
		margin: 0 !important;
	}
	.footerbox {
		width:29.3333333333%;
		margin-bottom:15px;
		margin:0% 1% 15px 1%;
		}
	#calc03 h2,
	#calc02 h2{
		font-size: 16px;
	}
	#calc03 p.home_form_button input.button,
	#calc02 p.home_form_button input.button{
		font-size:15px;
	}
	

}

@media only screen and (min-width: 961px) and (max-width:1133px) {

}


@media only screen
and (min-width: 1281px) {

	
	iframe {
		width:100%;
		/* float:right;
		margin-left:0px; */
		border:0px;
	}
	
		

}