@charset "utf-8";
/* Mobile overrides */
#mobilemenu { position: fixed; z-index: 5; top: 50px; left: 0; display: none;width: 100%; height: auto; background: #900;  }
	#mobilemenu.active {display:block;}
		#mobilemenu.active a {display: block; box-sizing: border-box; margin: 0 0 2px 0;border-bottom: 1px solid rgba(0,0,0,.2);  background: transparent;  }
		#mobilemenu.active a.active {background:#fff;color:#900;}

#mobile-btn {
    text-decoration: none;
    font-family: 'etelka_medium',Arial,Helvetica,sans-serif;
    font-size: 14px;
    line-height: 50px;
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    cursor: pointer;
    transition: all .25s ease-in-out;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    background: #900;	
	display:none;
	z-index:6;
}

	#mobile-btn.active { background-color: #333; }
	#mobile-btn.active::after { content: '\f00d'; }
	#mobile-btn::after { font-family: 'FontAwesome'; font-size: 24px; position: absolute; top: -2px; left: 12px; display: block; content: '\f0c9'; color: #fff; }

#prices-toggle {display:none;}

/*sv: 21.9.15 -> top brokers edit */
#top-brokers {visibility: hidden;}

/* -- Small monitors -- */
@media screen and (max-width: 1366px) {
	body {font-size:14px;}
	#top-readmore {margin-top:3%;}
	.top-pad {padding-top:3%;}
	a.sub-item {padding: 9px 23px 6px;}
}

@media screen and (max-width: 1280px) { 

	.picturesmodule a { box-sizing: border-box; width: 25%; height: 150px;margin: 0; border-right: 1px solid #fff; border-bottom: 1px solid #fff;  }

	/*footer*/
	footer .left50 {width:100%;}
	#contactform {width:100%;padding-left:0;}
	#footer-left, #footer-right {min-height: auto}
	.moduletable_footermenu {padding:5%;}
	.footer-right-pad {padding:5%;}
	#menu3 li {width:auto;padding: 0 4% 0 0;}
}

@media screen and (max-width: 1100px) { 
	#project-infobar {display:none;}
}

/* -- Tablets -- */
@media screen and (max-width: 1024px) {

	.mobileonly,#mobile-btn {display:block;}
	#prices-toggle {display: inline-block;}
	.desktoponly {display:none;}
	#top-brokers {display:none;}
	
	header.left100 {margin-top:50px;}
	#wrapper {min-width: 100%; max-width: 100%;  }
		#dev-navlinks-all i {display:none;}
		#left {display:none;}
		#main  {width:100%;}
			#table-pricelist td,.avdev-generated-table td,#table-pricelist th,.avdev-generated-table th{padding:11px 3px;font-size:80%;}

	.col_2_of_2 .picturesmodule.imgcount-1 a, .col_2_of_2.largetext .picturesmodule.imgcount-2 a {height:225px;}

	#tab-prices {overflow: hidden;overflow-x: scroll;}
	#tab-prices.overflow {overflow: visible;}
}

/* -- Phones -- */
@media screen and (max-width: 700px) {
	body {font-size:13px;}
	header.left100  {height:50px;}
	header a {width:15%;line-height:50px;box-sizing:border-box;border-right: 1px solid #eee;}
	#dev-navlinks-next {border-right: 0;}
		#dev-navlinks-all {width:70%;margin-left:0 !important;}
		span.link {display: none;}
		span.ico {max-width: 100%;width:100%;}
			span.ico i {line-height:50px;}

	.broker-separator {display:none;}
	.top-broker {padding-bottom:3%;}

	/*menu*/
	nav a, nav a:visited {
		display: block;
		box-sizing:border-box;
		margin:0 0 2px 0;
		background:rgba(0,0,0,.3);
	}

	.panel-padding {padding-top:7%;}
	.panel-header {padding-bottom:2%;}

	.col_2_of_2,.col_1_of_2 {width:100%;margin:0;padding:0;border:0;}
	.col_2_of_2 .picturesmodule.imgcount-1 a {height:200px;}
	.col_2_of_2.largetext .picturesmodule.imgcount-2 a {width:50%;height:135px;}

	.special-slogan {
	    position: relative;
	    float: left;
	    display: block;
	    top: inherit;
	    right: inherit;
	    padding-bottom: 2%;
	    font-size: 90%;
	}

	.picturesmodule a {width:50%;}
	.filesmodule {width:100%;}
		.filesmodule ul {padding:2%;box-sizing:border-box;width:100%;}
			.filesmodule li {margin:2%;width:46%;height:135px;box-sizing:border-box;}
	a.btn-watchvideo {box-sizing:border-box;width:100%;}

	.top-pad {padding-top:6%;}
	.col.twocols {
		-moz-column-count: 1;
		-webkit-column-count: 1;
		column-count: 1;
		-moz-column-gap: 0;
		-webkit-column-gap: 0;
		column-gap: 0;
	    -webkit-column-rule: 1px solid transparent; /* Chrome, Safari, Opera */
	    -moz-column-rule: 1px solid transparent; /* Firefox */
	    column-rule: 1px solid transparent;
	}
	#project-map-details {width:100%;position: relative;left:inherit;top:inherit;}
	#project-map {height:275px;margin-bottom: 20px;}
	.panel-header h2  {width:100%;clear:both;margin-right:0;padding-bottom: 3%;}
	h3.red {padding:2% 0;}
		.panel-header a.top {float:left;/*display:none;*/}
		.panel-header .tab-menu {clear:both;height:auto;margin:10px 0;width:100%;}
		a.sub-item {
		    padding: 20px;
		    width: 100%;
		    box-sizing: border-box;
		    border-bottom: 1px solid #d1d1d1;
		    border-left: 0;
		}
	.left50 {width:100%;}
	#menu3 li {width:100%;}
	.footer-item {padding:8px 28px 8px 0;}
}

@media screen and (max-width: 380px) {
	.picturesmodule a {height:125px;}
}