body { 
	font-family:  Helvetica,Verdana, Arial,  'Open Sans', sans-serif; 	
	font-size: 1.5em;	
	color: rgb(88, 89, 91);
	background: #fff;
	font-weight: 300;
	Height: 100%;
	margin: 0; padding: 0;
}
body, html{height:100%}
.page-break	{}
label {
    display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
	margin-right: 5px;
    font-weight: bold;
}
input[type="radio"], input[type="checkbox"] {
    margin: 4px 0 0;
    margin-top: 5px;
	margin-right: 5px;
    line-height: normal;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	Layout Blocks
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
.wrapper { /* Holds the page items in place box-shadow: 0px 20px 40px -20px rgba(0, 0, 0, 0.4);	*/
	min-height:100%;
}
.wrapper, #topmenubox .m_inner { width: 964px; margin: 0 auto 0 auto;z-index:12000;}
.wrapper, #topmenubox .m_innercall { width: 964px; margin: 0 auto 0 auto;z-index:12000;}
#topmenubox  {width:100%; margin: 0 auto 0 auto;}
.maincontainer {margin: 0 auto 0 auto; width:964px; padding: 0px;}
.topspacer {position:relative; padding-top: 60px; padding-bottom: 60px; width:100%; }/*zmiana*/
.btspacer {padding-top: 60px; padding-bottom: 60px; width:100%; }
.topheader {position:relative;  padding-bottom: 12%; width:100%; background: #fff url(img/header.jpg) no-repeat fixed center top; background-size: 100% auto, auto;}
.topheader p {bottom:10%; width:80%; position:absolute; text-align: center; padding: 0 5%; font-size:1.6em; line-height:110%; color:#fff; text-shadow: 0px 2px 30px #000; }
.closeMobile {display:Block;}
.ActiveMobile {display:None;}
#strwarranty {display:None;}
.outer-div
{
     padding: 50px;
     text-align: center;
}
.inner-div
{
     display: inline-block;
     padding: 50px;
}
.v-center-flex {
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Opera 12.1, Firefox 20+ */
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: 200px;
}
.v-center-flex div {
    margin: 0 auto;
}
.webkitcenter {
	display: flex;
    -webkit-box-pack: center;
    -webkit-box-align: center;
	vertical-align: baseline;
	text-align: center;
	text-align: -webkit-center;
	align-items: center;
	text-align: center;text-align: -webkit-center;
	justify-content: center;
	    display: -o-flex;
    display: -ms-flex;
    display: -moz-flex;
    display: -webkit-flex;
}
.paddingleftright0 {}
.paddingtopbottom {padding-bottom: 0;padding-top: 0;}
.paddingtopbottom10 {padding-bottom: 10px;padding-top: 10px;}
.paddingleft0 {padding-left: 0px;}
.paddingright0 {padding-right: 0px;}
.aa{color:#ED1C24;}
.backbackred{background:rgb(237, 28, 36);}
.backcolorwhite{color:#fff;}
.backbackred h4{padding:0;margin:0}
.margin-1{margin: auto 30% auto 30%}
.width-1{width:100%}
.seriesminh{min-height:310px}
.seriespad{padding-left:5%;padding-right:5%;padding-top:4%;padding-bottom:4%;}
.readmore{position:relative;float:left;width:100%;text-align:right;margin-top:10px;vertical-align: baseline;padding-top:10px}
.nextprevcontener{position:relative;width:100%;margin-top:10px;padding-bottom:20px;padding:6px;height:60px;}
.nextprev{width:160px;position:relative;margin: 0 auto 0 auto;}
.nextprevl{width: 70px;position:relative;float:left;margin:5px;padding-top:10px;border: 1px solid #ccc; color: #000;padding:6px;text-align: center;}
.nextprevr{width: 70px;position:relative;float:right;margin:5px;padding-top:10px;border: 1px solid #ccc; color: #000;padding:6px;text-align: center;}
.readmore3{position:relative;float:left;margin-top:10px;padding-top:10px;background: #fff; color: #fff;padding:6px}
.outputsection {
    display: flex;
    align-items: center;
    justify-content: center;
}
.divservice {
	width:100%;height:100%;
	min-height:550px;
	padding:0px;
	background:#fff url('../../media/pages/images/service-h.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.divservicetext {
	width:100%; 
	background:rgb(237, 28, 36);
	padding:10px;
	margin-top:10px;
}
.divservicetext ul li {
	color:#fff;
	font-weight: normal;
	padding:2px;
}
.service {
  background-image: url(img/369852.jpg);
  /* Full height */
  width: 100% important;
  /* Center and scale the image nicely */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.row1 {
    display: table;
}
.row1 [class*="col-"] {
    float: none;
    display: table-cell;
    vertical-align: top;
}
.row11{
    overflow: hidden; 
}
[class*="col-11"]{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
}
/*frontpage*/
#topparallax {width:100%; position:relative; padding-top:60%; background: #fff url(img/parallaxheader1300.jpg) no-repeat; background-position: center 0; background-size: 100% auto, auto;}
#topparallax .ptext {bottom:20%; width:80%; position:absolute; text-align: center; padding: 3% 5%; background: rgba(0,0,0,0.1); border-top: 1px solid #fff; border-bottom: 1px solid #fff;  }
#topparallax .ptext * {text-shadow: 0px 2px 30px #000;  color: #fff ! important;}
#topparallax a.topdown img {width:100px; margin-top: 20px}
/*.contentbox { background: #fff; padding: 20px 4%}*/
.contentbox { background: #fff; padding: 0px;}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*===========================================================
Contentbereich
*/
/*====================================================
Alles rechts neben left
ab hier: 1/3 grid
*/
.mainbox {width:100%; margin: 10px auto 0 auto;position: relative;padding-left:5px; padding-right:5px;}
.pagetitle {position: relative;padding-left:5px; padding-right:5px; Width:100%;height:auto}
.ipagetitle {position: relative;padding-left:5px; padding-right:5px; Width:100%;height:auto}
#ipagetitle {display:none}
.pagetitle h1 {padding:0 0 5px 0;text-transform: uppercase;text-align:left}
.ipagetitle h1 {padding:0 0 5px 0;text-transform: uppercase;}
.content { /* main content */
	width: 100%;
	float: left;
	display:inline;
	margin-left: 0;
}
.usegrid3 .content.contentnarrow {width: 66%;}
.mainbox .contentwide  {width:100%; margin:0 0 0 0;}
#rightbox { width: 25%; float: right; display:inline; border-left:1px #ddd solid; }
.usegrid3 #rightbox {width: 30%;}
#rightbox .inner { margin: 0 3% 3px 3%; font-size:0.9em; line-height:135%}
#rightbox .inner img { max-width:100%; height:auto ! important;}
.clearcontent {height:40px; clear:both; }
.infooterbox {min-height:80px; font-size:13px; color: #999; width: 96%; background: #fff;margin: 0 auto 0 auto;}
.footerbox {min-height:80px; font-size:13px; color: #999; width: 100%; background: #fff;}
.footerbox .left {width: 25%; margin:0 0 0 0; float:left;}
.footerbox  .center {width: 50%; margin: 10px 0 0 0; float:left; text-align:center;}
.footerboxbox {position: relative; float:left;z-index:5000;width:100%; min-height:30px; max-height:60px;font-size:13px; color: #999;  background: #fff;margin: 20px auto 20px auto;}
#gototopswitch {float:right; margin: 10px 10px 0 0;position:fixed; z-index:5000; bottom:0.5%; right:0.5%; }
/* internal help */
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    xxpadding-right: 15px;
    xxpadding-left: 15px;
}
.center {
    padding: 90px 0;
    text-align: center;
}
.btcolumn-h {
	/* border: 1px solid #aaa; */
	/* box-shadow: 1px 1px 2px #aaa; */
	text-align: center;
	margin: 5px 0px;
	position: relative;
	height: 60px;
	border: 1px solid rgb(88, 89, 91);
	padding: 2px;
	padding-top: 6px;
	padding-bottom: 6px;
	display: flex;
    justify-content: center; /* For horizontal alignment */
    align-items: center; /* For vertical alignment */
}
.btcolumn-title-h {
	text-align: center;
	background: transparent;
	color: rgb(88, 89, 91);
	font-size: 1.1em;
	font-weight: 300;
	padding-bottom: 0px;
	padding-top: 0px;
	display: table;
	height: auto;
	width: auto;
}
.btcolumn-b {
	border: 1px solid rgba(86,61,124,.2);
}
.btcolumn-title-h-l {
	text-align: left;
	float: left;
	background: #fff;
	xcolor: rgb(88, 89, 91);
	font-size: 1.1em;
	font-weight: 300;
	display: box;
	height: auto;
	xwidth: 200px;
	border: 2px solid rgb(88, 89, 91);
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
-o-border-radius: 8px;
	padding: 5px;
    xpadding-top: 5px;
    xpadding-bottom: 5px;
	margin:5px 5px 0 0;
}
.btcolumn-title-h-r {
	text-align: right;
	float: right;
	background: #fff;
	xcolor: rgb(88, 89, 91);
	font-size: 1.1em;
	font-weight: 300;
	xdisplay: box;
	height: auto;
	xwidth: 200px;
	border: 1px solid rgb(88, 89, 91);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding: 5px;
    xpadding-top: 5px;
    xpadding-bottom: 5px;
	margin:5px 5px 0 0;
}
.btcolumn-title-h-r:hover {background-color: rgb(237, 28, 36);transition:0.5s all;border:0px; color: #fff}
.btcolumn-title-h-l:hover {background-color: rgb(237, 28, 36);transition:0.5s all;border:0px; color: #fff}
.btcolumn-title-h-r,.btcolumn-title-h-l h1 {background-color: #fff}
.btcolumn-title-h-r,.btcolumn-title-h-l h1 {background: #fff}
.btcolumn-title-h-r,.btcolumn-title-h-l p {background-color: #fff}
.btcolumn-title-h-r,.btcolumn-title-h-l p {background: #fff}
.btcolumn-h:hover {background-color: rgb(237, 28, 36);transition:0.5s all;border:0px; color: #fff}
.btcolumn-h1 a:hover {background-color: rgb(237, 28, 36);transition:0.5s all;}
.btcolumn-h1 p:hover {background-color: rgb(237, 28, 36);transition:0.5s all;}
.btcolumn-h1 h1:hover {background-color: rgb(237, 28, 36);transition:0.5s all;}
.btcolumn-h h1 {background-color: transparent}
.btcolumn-h h1 {background: transparent}
.btcolumn-h p {background-color: transparent}
.btcolumn-h p {background: transparent}
.btcolumn-title-h:hover {background-color: rgb(237, 28, 36);transition:0.5s all;border:0px; color: #fff}
.btcolumn-title-h h1 {background-color: transparent}
.btcolumn-title-h h1 {background: transparent}
.btcolumn-title-h p {background-color: transparent}
.btcolumn-title-h p {background: transparent}
.btcolumn-h .btcolumn-title-h:hover {background-color: rgb(237, 28, 36);transition:0.5s all;}
.btcolumn-title-h-h-center{
	text-align: center;
	background: #FFF;
	color: #000;
	font-size: 1.2em;
	font-weight: 300;
	padding: 0px;
	top: 50%;
	transform: translateY(-50%); 
	margin: auto 0 auto 0;
	transition:0.5s all;
}
.btcolumn-row-h {
	padding: 10px 0px;
	margin-top: 20px;
}
.row-custom-h {
	margin-top: 50px;
    padding-right: 5px;
    padding-left: 5px;
}
.row-custom-h2 {
	margin-top: 20px;
    padding-right: 5px;
    padding-left: 5px;
}
.row-h {
    margin-right: -15px;
    margin-left: -15px;
}
.social-network {
    text-align:center;
	font-size:14px;
    color:rgb(88, 89, 91);
    background: transparent;
	padding-right: 15px;
}
.social-network p a {	
	color:rgb(88, 89, 91);
	text-align:right;
	font-weight:normal;	
}
.social-network p {	
	color:rgb(88, 89, 91);
}
.social-network a:hover{
  color: #000;
}
.social-network a:active{
  color:rgb(88, 89, 91);
}
.copyright {
    background: #fff;
	background-color: #fff;
	text-align:center;
	font-size:14px;
    margin-left: 15px;
    color:rgb(88, 89, 91);
}
.copyright a:active{
  color:rgb(88, 89, 91);
}
.copyright a:hover {
  color:rgb(88, 89, 91);
}
.copyright p a {
	color:rgb(88, 89, 91);
	font-weight:normal;	
}
.copyright p {
	color:rgb(88, 89, 91);
}
ul.social-network2 {
	z-index:100;
	list-style:none;
	margin:0;
	float: right;
	margin-top: 10px;
	margin-bottom:10px;
}
ul.social-network2 li {
	z-index:101;
	display:inline;
	margin: 0 10px;
	color:#4d7091;
	border: 1px solid rgb(88, 89, 91);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	padding:5px;
}
ul.social-network2 li a {	
	z-index:102;
	color:rgb(88, 89, 91);
	text-align: center;
	padding:5px;
}
/* Top and Menu Box */
#topmenubox {width: 100%; height:60px; margin:0 auto 0 auto; position:fixed; z-index:5005; top:0; left:0%;  transition: 0.5s all;background:#fff;}
#topmenubox .m_inner {position:relative; height:100%; background: #fff; }
#topmenubox .m_innercall {position:relative; background: #fff; height:100%;margin-top: 10px}
#topmenubox a.logo img { max-height:80%; max-width:100%; position: absolute; left: 5px; z-index:5005;}
#topmenubox a.logom img {max-height:80%; max-width:100%; position: absolute; left: 5px; z-index:5005;}
#topmenubox.reduced {height:42px; transition: 0.5s all;}
.logo {display: none;}
/* Search Box in header */
li.search_box_li a {border: none ! important;}
.menuebox {width: 80%; height:100%; float:left; position:relative;} 
.toggleMobileMenu {display:none;}
.closeMobile {display:block;}
#openrightboxswitch, #closerightboxswitch{display:none;}
/* nav: see below */
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
.breadcrumbs {
	height:auto;
	line-height:110%;
	margin: 0 0 0 0;
	margin-bottom: 2px;
	padding: 3px 0 3px 0;
	clear:both;	
}
.innerbc {
	font-size:14px;
	margin:0;
}
.breadcrumbs .innerbc span {
	background: transparent url(../img/bclink.gif) no-repeat; 
	padding: 6px 2px 0px 12px; font-weight: normal; }
.breadcrumbs .innerbc a {
	padding:1px;
	border-bottom: 0px dotted #505567;
	text-decoration: none;
}
.breadcrumbs .innerbc a:hover {border-bottom: 0px solid #505567;}
.breadcrumbs .innerbc .menu-current a{
	color: #000000;
}
.frontpage .breadcrumbs {display:none;}
#aprevnext {display:block; width:90px; height:27px; float:right;}
#aprevnext a {display:block; width:40px; height:27px; float:right; opacity:0.5; border:none;}
#aprevnext a.aprev {background: url(img/prev.png) no-repeat center top;  }
#aprevnext a.anext {background: url(img/next.png) no-repeat center top;  }
#aprevnext a:hover {opacity:0.8}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	####	Header Menu #####
	#######################
	Horizontal Drop-Down Menu based off :
	http://www.tanfa.co.uk/css/examples/menu/tutorial-h.asp
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */
/* Remove List Formattings
~~~~~~~~~~~~~~~~~~~~  */
#
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footer_menu {padding-bottom: 10px;}
#footer_menu a { display: inline-block; padding: 2px 10px; border-right: 1px solid #999;}
#footer_menu a:first-child {border-left: 1px solid #999;}
#footer_menu a.menu-current {font-weight:bold;}
	/*Extra cookie_permission */
#cookie_permission {position:fixed; top:0; right:0; z-index:5005; width: 200px; padding:10px; color:rgb(88, 89, 91);; background: #fff; text-align:center; font-size: 0.9em; line-height:120%; border: 1px solid #ccc;border-radius: 0 0 0 0; box-shadow: 0 10px 50px 0 rgba(0, 0, 0, 0.2); }
#cookie_permission p , #cookie_permission a {color:rgb(88, 89, 91);}
#cookie_permission a.cookieaccepted {color:#fff; background: rgb(237, 28, 36);; display:block; padding:5px; border-radius: 15px; border: 1px solid #fff; font-weight:bold;}
/*Extra Colorpicker */
#colorpickericon {display:block; width:24px; height:24px; background: url(img/colorpicker.png) no-repeat; z-index:5000;
position: absolute; top:230px; right:0; cursor:pointer; }
#colorpicker {display:none; width:90px; background: #ddd; position: absolute; top:100px; right:0; z-index:5000; font-size:12px;line-height:100%; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
.pickerfield {width:100%; height:40px; float:left;}
.pickerfield input[type="color"] {width:100%; height:20px; padding:0; border:0; cursor:pointer;}
.pickerfield input[type="text"] {width:90%; height:20px; padding:1px 3%; border: 1px solid #999;; cursor:text;}
a.colpick-button {display:block; clear:both; width:80%; margin:10px auto; padding:3px; background: rgba(255,255,255,0.2); text-align:center; border: 1px solid #666; border-radius: 15px;  cursor:pointer;}
#colorpicker-info {display:none; position: absolute; width:160px; padding:10px; top:0; left:-180px; background: #eee; box-shadow: 0 20px 50px 0 rgba(0, 0, 0, 0.1);}
#gototopswitch {float:right; margin:10px 0 0 0;}
/* Login Box */
#showlogin {display:block; float:left; position:relative;  width:30px; text-align:right; margin:10px 6px 0 0; }
#login-box {position:absolute; width:250px; left:10px; top:-10px; padding:5px; font-size:11px; z-index:2000; background: #eee; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);}
#login-box td {vertical-align: top; }
#login-box .loginsubmit {border:0;}
#login-box .inputfield {width:100px; border: 1px solid #c9e8f9; padding:1px; line-height: 1em;}
/*COuld bee visible on Desktop*/
#nav2 {width:250px; height: auto; position:absolute; left:-300px; }	
.showonmobiles  {display:none;}
.scrolldiv {position:relative;width:100%;overflow: auto;}
/* ====================================================================================================================
Responsive:
3840 */ 
@media screen and (min-width: 1930px) {
		body { 
	font-size: 1.6em;	
	font-weight: 300;
}
	.wrapper {width:1100px; margin: 0 auto 0 auto;}
	#topmenubox  {width:100%; margin: 0 auto 0 auto;}
	#topmenubox .m_inner {width:1100px;margin: 0 auto 0 auto;}
	#topmenubox .m_innercall {width:1100px;}
	.maincontainer {width:100%; padding: 10px;}	
	.margin-1{margin: auto 40% auto 40%}
	.seriesminh{min-height:355px}
}
@media screen and (min-width: 1200px) {
}
@media screen and (min-width: 1025px) {
}
/*Smaller Screens */
@media screen and (max-width: 1920px) {
		body { 
	font-size: 1.4em;	
	font-weight: 300;
}
	.wrapper {width:964px; margin: 0 auto 0 auto;}
	#topmenubox  {width:100%; margin: 0 auto 0 auto;}
	#topmenubox .m_inner {width:964px;margin: 0 auto 0 auto;}
	#topmenubox .m_innercall {width:964px;}
	.maincontainer {width:100%; padding-top: 10px;}	
	.margin-1{margin: auto 30% auto 30%}
	.seriesminh{min-height:310px}
}
/*Smaller Screens */
@media screen and (max-width: 1024px) {
	.wrapper {width:90%; margin: 0 auto 0 auto;}
	#topmenubox  {width:100%; margin: 0 auto 0 auto;}
	#topmenubox .m_inner {width:90%;margin: 0 auto 0 auto;}
	#topmenubox .m_innercall {width:90%;}
	.maincontainer {width:100%; padding-top: 10px;}	
	/*.mainbox .contentwide  {width:96%; margin:0 0 0 2%;}*/
	#rightbox { width: 33%;}
	#rightbox .inner { margin: 0 5% 0 5%;}
	#topmenubox {height: 60px ! important;}
	.margin-1{margin: auto 20% auto 20%}
}
/* ======================================================================*/
@media screen and (max-width: 802px) {
	body { 
	font-size: 1.5em;	
	font-weight: 250;
}
.logom {display: none;}
.logo {display: inline;}
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {padding-right:6px;}
#topmenubox .m_innercall {height:100%;}
.xbtcolumn-title-h-r {
    text-align: center;
	float: none;
	margin: 5px px 0 0;
}
.xbtcolumn-title-h-l {
    text-align: center;
		float: none;
	margin: 5px px 0 0;
}
.pagetitle h1 {padding:0 0 5px 0;text-transform: uppercase; text-align:center}
	#topmenubox {position: relative}
	.wrapper1 {position:fixed; z-index:11000; top:70px; left:0%;}
	.topspacer {padding-top: 1px;  padding-bottom: 1px;}	
	.wrapper, #topmenubox .m_inner, .contentbox {width:100%; margin: 0 auto 0 auto;}
	.wrapper, #topmenubox .m_innercall, .contentbox {width:100%;}
	.maincontainer {width:100%;padding-top: 10px;}
	.row-custom-h {
		margin-top: 10px;
	}	
	.row-custom-h2 {
		margin-top: 10px;
	}
	.row-h {
		margin-right: 0px;
		margin-left: 0px;
	}
	.row {
		 margin-right: 0px; 
		 margin-left: 0px; 
	}
	.btspacer {
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
	}
	.content {width:96%; margin:0; float: none; }
	#rightbox  {border-top:10px solid #999; padding-top:20px;}
	#rightbox .inner { margin: 0 0 0 0;}
	.topheader  {padding-bottom: 30%;  background-size:  100% auto, auto; background-image: url(img/header-mobile.jpg);}
	#topparallax {width:100%; position:relative; padding-top:50%; background-image: url(img/parallaxheader-mobile.jpg); }
	#topparallax .ptext {bottom:5%; }
	#topparallax a.topdown {display:none; }
	h1 { font-size: 1.7em;}
	h2 {font-size: 1.5em;}
	h3 {font-size: 1.4em; }
	#topparallax p {line-height:120%;}
	.margin-1{margin: 10px}
	.paddingleftright0 {padding-right: 0px;padding-left: 0px;}
	.paddingleft0 {padding-left: 15px;}
	.paddingright0 {padding-right: 6px;}
	.divservicetext {
	width:200px; 
	margin-top:30%;
	float:right; 
	background:#fff; 
	padding:10px;
	border-radius: 0px;	
	filter:Alpha(opacity=80);
	opacity: 0.8;
}
.closeMobile {display:None;}
.ActiveMobile {display:Block;}
#strwarranty {display:Block;}
}
/* ======================================================================
Smaller Screens */
@media screen and (max-width: 480px) {
	#topparallax .ptext {bottom:0; }
	.topheader p { font-size:1.4em; }
	h1 { font-size: 1.6em;}
	h2 {font-size: 1.4em;}
	h3 {font-size: 1.3em;}
}
@media only all and (orientation:portrait) and (max-width:400px) {
}
@media only all and (orientation:portrait) and (min-width:600px) {
}
@media only all and (orientation:landscape) and (min-width:600px) { 
}
@media (min-width: 639px) and (orientation:landscape) {
	.xpagetitle h1 {padding:0 0 5px 0;text-transform: uppercase; text-align:center}
	.btcolumn-h  .btcolumn-title-h{		
	}
	.btcolumn-h{ height: 60PX;font-size: 0.9em;    padding-top: 10px;
    padding-bottom: 10px;}	
    .col-xs-12-50 {
		width: 50%;
    }
	.col-xs-12-33 {
		width: 33.33333333%;
    }	
}
@media (min-width: 359px) and (orientation:portrait) {
.btcolumn-h{ padding: 10px;font-size: 1.0em;}	
.row-custom-h {
    padding-right: 20px;
    padding-left: 20px;
}
}
@media (orientation: portrait){
   .portrait{
       width: 100%;
   }
   /*div[class^='col-xs'], div[class*='col-xs']{
       width: 100%;
   }*/
}
