@charset "utf-8";
/* CSS Tirolnet responsive.css*/

@media only screen and (max-width: 1200px) {
	body {
		font-size:16.5px;
		line-height: 1.5;
	}
	
	h1 {
		font-size: 2.1em;
		padding-bottom:10px;
	}

	h2 {
		font-size: 1.7em;
		padding-bottom:10px;
	}

	h3 {
		font-size: 1.4em;
		padding-bottom:10px;
	}

	.content-slider-box {
		background:rgba(255,255,255, 0.8);
		padding-left:20px;
		padding-right:100px;
		padding-top:20px;
		padding-bottom:15px;
		margin-top:100px;
		max-width:100%;
		float:right;
	}

	#slider h1 {
		font-size:60px;
		line-height:40px;
	}

	.content-slider-box h1 span{
		font-size:22px;
		line-height:20px;
	}

	.content-slider-box h1 span.big{
		font-size:26px;
		line-height:20px;
		padding-left:6px;
	}

	.content-body {
		padding-top:40px;
		padding-bottom:40px;
	}

	.content-toggle {
		padding-top:50px;
		padding-bottom:50px;
	}

	.content-ico {
		padding-top:50px;
		padding-bottom:50px;

	}

	.sliderbox-height-big {
		max-width:100%;
		width:100%;
		height:530px !important;
		display:block;

		background: no-repeat left center;  
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

}



@media only screen and (max-width: 991px) {
	.col-sm-12, col-sm-6 {
		margin-bottom: 20px !important;
	}

	.content-header {
		margin-bottom:20px !important;
	}

	#topMain>li>a {
		height:auto;
		line-height:30px;
	}
	#topMain.nav-pills>li>a {
		color:#cc1719;
		font-weight:400;
		font-family: 'Oswald', Arial, Helvetica, sans-serif;
		font-size:22px;
		text-transform:uppercase;
		letter-spacing:0.05em;
		background-color:transparent;
	}

	.content-footer .list-inline li {
		list-style:none;
		font-size:17px;
		padding-right:7px;
		padding-left:7px;
	}

	.content-footer h6 {
		margin-top:-2px;
		padding-top:0;
	}


	.separator {
	  width: 100%;
	  margin: 10px auto 10px;
	  position: relative;
	  height: 1px;
	  -webkit-backface-visibility: hidden;
	  -webkit-transform: translateZ(0) scale(1, 1);
	}

	.fullheight {
		background: no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  height:450px !important;
	  width:100%;
	}

	.sliderbox-height-big {
		max-width:100%;
		width:100%;
		height:440px !important;
		display:block;

		background: no-repeat left center;  
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

	.sliderbox-height-big-auto {
		padding-top:60px;
	}


}

@media only screen and (max-width: 767px) {
	body {
		font-size:15.5px;
		line-height: 1.5;
	}

	h1 {
		font-size: 1.65em;
		padding-bottom:10px;
	}

	h2 {
		font-size: 1.4em;
		padding-bottom:10px;
	}

	h3 {
		font-size: 1.3em;
		padding-bottom:10px;
	}

	
	.content-slider-box {
		background:rgba(255,255,255, 0.8);
		padding-left:10px;
		padding-right:20px;
		padding-top:15px;
		padding-bottom:5px;
		margin-top:30px;
		max-width:100%;
		float:right;
	}

	#slider h1 {
		font-size:39px;
		line-height:30px;
	}

	.content-slider-box h1 span{
		font-size:15px;
		line-height:20px;
	}

	.content-slider-box h1 span.big{
		font-size:17px;
		line-height:20px;
		padding-left:6px;
	}

	.content-body {
		padding-top:30px;
		padding-bottom:30px;
	}

	.content-toggle {
		padding-top:30px;
		padding-bottom:30px;
	}

	.content-ico {
		padding-top:40px;
		padding-bottom:40px;

	}

	.fullheight {
		background: no-repeat center center; 
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  height:250px !important;
	  width:100%;
	}

	.sliderbox-height-big {
		max-width:100%;
		width:100%;
		height:250px !important;
		display:block;

		background: no-repeat left center;  
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

	.sliderbox-height-big-auto {
		width:100%;
		height:330px;
		position:relative;
		display:block;
		overflow:hidden;
	}

	.sliderbox-height-big-auto-cut {
		width:780px;
		height:330px;
				
		position:absolute;
		left:-70px;
		top:50px;
	}

	.sliderbox-height-big-auto-cut-internet {
		width:780px;
		height:330px;
				
		position:absolute;
		left:-130px;
		top:50px;
	}




	.content-footer .pull-right {
		float:left !important;
		text-align:left !important;
		padding-top:10px;
		clear:both;
	}
	
	#canvas-particle {
		display:none !important;
	}

	

}

@media only screen and (min-width: 479px) and (max-width: 767px) {

	.ico .col-xs-12 {
		width:50% !important;
		float:left;
	}

}

@media only screen and (max-width: 478px) {
	.content-slider-box {
		background:rgba(255,255,255, 0.8);
		padding-left:5px;
		padding-right:10px;
		padding-top:5px;
		padding-bottom:2px;
		margin-top:20px;
		max-width:260px;
		float:right;
		text-align:right !important;
	}

	#slider h1 {
		font-size:24px;
		line-height:26px;
		text-align:right !important;
	}

	.content-slider-box h1 span{
		font-size:19px;
		line-height:22px;
	}

	.content-slider-box h1 span.big{
		font-size:20px;
		line-height:23px;
		padding-left:0;
	}


	.content-footer .list-inline li {
		list-style:none;
		font-size:20px;
		padding-right:10px;
		padding-left:10px;
		padding-top:2px;
		padding-bottom:2px;
		margin-bottom:10px !important;
		margin-top:10px !important;
		display:block !important;;
	}

	.fullheight {
	  background-position: -150px center !important;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	  height:250px !important;
	  width:100%;
	}


	.sliderbox-height-big {
		max-width:100%;
		width:100%;
		height:250px !important;
		display:block;

		 background-position: -150px center !important;  
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
	  background-size: cover;
	}

	.sliderbox-height-big-auto {
		width:100%;
		height:280px;
		position:relative;
		display:block;
		overflow:hidden;
	}

	.sliderbox-height-big-auto-cut {
		width:520px;
		height:330px;
				
		position:absolute;
		left:-70px;
		top:50px;
	}

	.sliderbox-height-big-auto-cut-internet {
		width:520px;
		height:330px;
				
		position:absolute;
		left:-110px;
		top:60px;
	}






}


@media only screen and (min-width: 325px) and (max-width: 478px) {

	.ico .col-xs-12 {
		width:50% !important;
		float:left;
	}




}



.btn-aqua { background-color: #cc1719; color: #FFF !important; }