@-ms-viewport { width: device-width; }

@charset "utf-8";

html {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}

.cleaner { clear:both; height:0; line-height:0; font-size:0}

/*#region layout */
body {/*font-family:Arial, Helvetica, sans-serif;*/font-family: 'Open Sans', sans-serif; font-size:1.0em; color:#34495e; margin:0; padding:0; position:relative; height:100%; background:#fff}

form {margin:0; padding:0;}

#pageWrap {padding:0; margin:0 auto; overflow:hidden; }

#headerWrap {width:100%; background:#fff; box-shadow:0 5px 5px 0 rgba(0, 0, 0, 0.25); left:0; position:fixed; top:0; width:100%; z-index:100;}
#header {margin:0 auto 0 auto; min-height: 80px }

#headerWrapB {width:100%; background: rgba(0, 0, 0, 0) repeating-linear-gradient(45deg, #a62727, #a62727 10px, #a32323 10px, #a32323 20px) repeat scroll 0 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -5px 5px 0 rgba(0, 0, 0, 0.25) inset; padding:92px 0 0 0}
#headerB {position:relative; margin:0 auto 0 auto; padding:32px 35px; color:#fff; display:table}

#footerBoxWrap {width:100%; background: rgba(0, 0, 0, 0) repeating-linear-gradient(45deg, #a62727, #a62727 10px, #a32323 10px, #a32323 20px) repeat scroll 0 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -5px 5px 0 rgba(0, 0, 0, 0.25) inset; }
#footerBox {position:relative; margin:0 auto 0 auto; padding:35px 35px 45px 35px; color:#fff; text-align:center}

#footerSocialWrap {width:100%; background:#f2f2f2}
#footerSocial {position:relative; margin:0 auto 0 auto; padding:50px 35px 50px 35px; color:#000; text-align:center}

#bcBackground {position:relative; width:100%; }
#bcHeader {position:relative; margin:0 auto 0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#bcFooter {position:relative; width:100%; min-height:480px; padding:60px 40px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#bcBackground2 {position:relative; width:100%; background:#f1f1f1}
#bcHeader2 {position:relative; margin:0 auto 0 auto; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#bcFooter2 {position:relative; width:100%; padding:40px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

#footerLinksWrap {width:100%; background:#fff; padding: 2em 0;}
#footerLinks {position:relative; margin:0 auto 0 auto; padding: 0 1em; color:#000; text-align:center; }

#footerWrap {position:relative; width:100%; background:#f2f2f2}
#footer {position:relative; margin: 0 auto 0 auto; padding: 0.5em 1em;}

#header, #bcHeader, #bcHeader2, #footer, #headerB, #footerSocial, #footerLinks {max-width:75em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

/* #endregion layout */

/* #region header */
#logo img {float: left; margin: 1em 0px 0.45em 0.4em; transition: margin 0.2s ease-in-out 0s; }
#headerBtn {float:left}
/* #endregion header */

/*#region headerB */
#headerBL {width:80%; display:table-cell; vertical-align:middle; padding:0 40px 0 0}
#headerBL h1 {font-size:3.0em; font-weight:600; color:#fff; text-shadow:1px 1px #401b1b; margin:0}
#headerBL p {font-size:1.8em; text-shadow:1px 1px #401b1b; margin:0 0 10px 0}

#headerBM {width:100%; display:table-cell; vertical-align:middle; padding:0; text-align:center}
#headerBM h1 {font-size:3.0em; font-weight:600; color:#fff; text-shadow:1px 1px #401b1b; margin:0}
#headerBM p {font-size:1.8em; text-shadow:1px 1px #401b1b; margin:0 0 10px 0}

#headerBR {width:20%; display:table-cell; vertical-align:middle; }
/*#endregion */

/*#region search */
.search {width:100%; background:#fff; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; display:block}
.search input {height:34px; line-height:34px; float:left; width:80%; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:none; -webkit-border-top-left-radius:4px; -moz-border-top-left-radius:4px; border-top-left-radius:4px; -webkit-border-bottom-left-radius:4px; -moz-border-bottom-left-radius:4px; border-bottom-left-radius:4px;}
.search button {float:left; width:20%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; border:none; background:none; height:30px; line-height:30px; cursor:pointer}
.search button:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0); content: "\f002"; font-size:1.2em; color:#666666}
/*#endregion */

/*#region footerBox */
.footerBoxTitle {font-size:2.6em; margin:0 0 35px 0}
.footerBoxText {font-size:1.8em; margin:0 0 50px 0; line-height:1.2em}
/*#endregion */

/*#region footerSocial */
.socialTitle {font-size:2.0em; margin:0 0 45px 0}
.fSocialBox {display:table; margin:0 auto 10px auto}
.fSocialBox ul {margin:0; padding:0; list-style:none}
.fSocialBox ul li {display:inline-block; padding:0 7px}
.fSocialBox ul li a {display:block}
.fSocialBox ul li a img {filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); transition: all 0.2s ease-in-out 0s;}
.fSocialBox ul li a:hover img {filter: none; transform: scale(1.15);}
/*#endregion */

/*#region footerLinks */
#footerLinks>ul {margin:1em 0; padding:0; list-style:none; width:100%; float:left}
#footerLinks>ul>li {display:block; float:left; vertical-align:top; width:25%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; text-align:center; }
#footerLinks>ul>li>strong {font-size: 1.375em; margin:0 0 20px 0; display:block}
#footerLinks>ul>li>ul {margin:0; padding:0; list-style:none}
#footerLinks>ul>li>ul>li {font-size:1.0em; margin-bottom: 1em;}
#footerLinks>ul>li>ul>li>a {padding:0; display:block; color:#000; text-decoration:none; line-height:1.2em}
#footerLinks>ul>li>ul>li>a:hover {color:#CC0000}

#footerLinks>ul>li>ul>li>a>i {font-size:1.5em; color:#73e495;  line-height:0.3em; margin:0 0 0 10px; }
#footerLinks>ul>li>ul>li>a>i:before {line-height:0.5em}

/*#endregion */

/* #region top menu*/
#menu {display: block; clear: none; padding: 0px 1em 0px 0px; box-shadow: none; float:right}
#menu>ul {list-style:none; margin:0 auto 0 auto; padding:0;}
#menu>ul>li {list-style:none; padding:0; float:left; margin-left: 1em;}
#menu>ul>li.headBtn {padding: 0px; text-align:center}
#menu>ul>li>a {display:block; font-size:1.0em; color:#666666; text-decoration:none; text-align:center; position:relative; text-transform:uppercase; line-height: 5.5em;}
#menu>ul>li>a.btn {margin-top: 1.2em; line-height: 2em; padding: 0.5em 3em; font-weight: 700; margin-top: 1.2em; border-radius: 0.25em;} 

#menu > ul > li > a > i {padding:0 8px 0 0}
#menu>ul>li:hover>a, #menu>ul>li.selected>a {color:#CC0000; }
#menu>ul>li:hover>a>i, #menu>ul>li.selected>a>i {color:#CC0000}

.menuBtn {display:none; padding:0; cursor:pointer; margin:0; z-index:100}

#header .submenu {background:#000000; left:0; padding: 1em 0; position: absolute; text-align: center; top:5.5em; transition: top 0.2s ease-in-out 0s; width: 100%; display:none}
#menu > ul > li.expanded .submenu {display:block}
#header .submenu>ul {padding:0; margin:0 auto}
.submenu li {float:none; display:inline-block; border-right:1px solid #FFF; border-top:0px none; padding-right:1em; margin-left:1em; line-height:1.2em}
.submenu li:last-child {border:none}
.submenu li a {color:#fff; font-size: 1.2em; line-height: 1em; text-transform: none; padding: 0.25em 1em; text-decoration:none; transition: all 0.2s ease-in-out 0s; display:block}
.submenu li a:hover {color: #ff9900; text-decoration:none}

/* #endregion top menu*/

/*#region bottom menu  */
#menuFooter {z-index:7; float:left; padding-top: 3px;}
.menuMainFooter {list-style:none; margin:0; padding:0; float:left}
.menuMainFooter li {display:block; float:left; margin-right:0.75em; line-height:1.2em}
.menuMainFooter li a {font-size: 0.75em; color: #000; text-decoration:none; transition: color 0.2s ease-in-out 0s; text-transform:uppercase; padding-bottom: 0.2em; display: inline-block; line-height:1.2em; float:left}

.menuMainFooter li:hover a, .menuMainFooter li.selected a {color:#01b2ee; text-decoration:none;}
/* #endregion bottom menu  */

/* #region cs copyright */
#containerFooter {font-size:0.75em; color:#000; padding:0 1.3em; float:right; line-height:1.8em}
/* #endregion cs copyright */

/*#region scroll-top-wrap */
.scroll-to-top {background-color: #fff; border: 1px solid #000; border-radius: 5px; bottom: 19px; cursor: pointer; display: block; height: 67px; opacity: 0.7; position: fixed; right: 22px; width: 67px; z-index: 5; text-align:center; box-sizing: border-box; line-height:1.2em;}
.scroll-to-top-bottom-change {position: absolute !important;}
.scroll-to-top i {color: #000; font-size: 1.2em; padding-top: 8px; line-height: 1.0em; display:block;}
.scroll-to-top span { display: inline-block; font-size: 8px; font-weight: bold; padding-left: 20%; padding-right: 20%; padding-top: 2px; text-transform: uppercase; line-height:1.2em; color:#000;}

/*#endregion */

/*#region lang */
.langmenu {float:right; position:relative}
.langmenu div.langmenuin {display:none; position:absolute; top:3.5em; left:0; z-index:1000; background:#f0f0f0; padding:5px; transition: top 0.2s ease-in-out 0s;}
.langmenu ul {margin:0; padding:0; list-style:none;   }
.langmenu li {opacity: 0.7; display:block}
.langmenu li a {display:block; margin:0 0 5px 0; }
.langmenu li a img {display:block}
.langmenu li:hover {opacity: 1;}
.langmenu>a.langmenuA {color:#666; display:block; font-size:1em; padding: 0; text-transform: uppercase; position:relative; padding:0 15px 0 0; line-height: 5.5em; transition: all 0.2s ease-in-out 0s; opacity: 0.7;}
.langmenu>a>i {margin:0 0 0 5px; position:absolute; top:0; right:0}
.langmenu>a>i:before {content: "\f0d7";}
.langmenu.selected>a>i:before {content: "\f0d8";}
.langmenu.selected div.langmenuin {display:block}
/*#endregion */

/* #region txt  */
p {margin:0 0 1.8em 0; padding: 0; line-height:1.5em;}
.b {border:1px solid #666666}


h1 {font-size:1.6em; margin:0 0 1.0em 0; font-weight:600; color:#333333; }
h2 {font-size:1.45em; margin:0 0 0.5em 0; font-weight:600; color:#000000;}
h3 {font-size:1.2em; margin:0 0 0.5em 0; font-weight:600; color:#465a6e;}
h4 {font-size:1.15em; margin:0 0 0.5em 0; font-weight:600; color:#95a5a6;}
h5 {font-size:1.05em; margin:0 0 0.5em 0; font-weight:600; color:#95a5a6;}
h6 {font-size:1.0em; margin:0 0 0.4em 0; font-weight:600; color:#95a5a6;}
h2.h2Bold {font-weight:700;}


a {text-decoration:underline; color:#000; }
a:hover {text-decoration:none; color:#000;}
/* #endregion txt  */

a img {border:none}

/*#region fa */
.fa:before {display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0)}
.fa-chevron-up:before {content: "\f077";}
.fa-check-circle:before { content: "\f058"; }
.fa-caret-down:before { content: "\f0d7"; }
.fa-bold:before { content: "\f032"; }
.fa-italic:before { content: "\f033"; }
.fa-list-ul:before { content: "\f0ca"; }
.fa-list-ol:before { content: "\f0cb"; }
.fa-link:before { content: "\f0c1"; }
.fa-group:before,
.fa-users:before { content: "\f0c0"; }
.fa-bar-chart-o:before,
.fa-bar-chart:before { content: "\f080"; }
.fa-file-text-o:before { content: "\f0f6"; }
.fa-envelope-square:before { content: "\f199"; }
.fa-phone-square:before { content: "\f098"; }
.fa-linkedin:before { content: "\f0e1"; }
.fa-facebook-f:before,
.fa-facebook:before { content: "\f09a"; }
.fa-twitter-square:before { content: "\f081"; }
.fa-linkedin-square:before { content: "\f08c"; }
.fa-facebook-square:before { content: "\f082"; }
.fa-check:before { content: "\f00c"; }
.fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; }
.fa-download:before { content: "\f019"; }
.fa-caret-up:before { content: "\f0d8"; }
/*#endregion */


/*#region btn */
.btn {display:block; text-decoration:none}
.btnL {float:left}
.btnR {float:right}
.btnCenter {display:table; margin:0 auto 40px auto}
.btn:hover {text-decoration:none}
#menu>ul>li>a.btn.trans {border:1px solid #000; background:#fff; text-decoration:none; color:#000; transition: all 0.2s ease-in-out 0s;}
#menu>ul>li>a.btn.red {border:1px solid #c00; background:#c00; text-decoration:none; color:#fff; transition: all 0.2s ease-in-out 0s;}
#menu>ul>li>a.btn.trans:hover {border:1px solid #cc0000; background:#fff; text-decoration:none; color:#cc0000}
#menu>ul>li>a.btn.red:hover {background:#FF0000; border:1px solid #FF0000; text-decoration:none; color:#fff;}
.btnTrans {border:1px solid #fff; text-decoration:none; color:#fff; transition: all 0.2s ease-in-out 0s;}
.btnTrans:hover {text-decoration:none; background:#fff}

.headerBtn {padding:0 30px; height:45px; line-height:45px; text-transform:uppercase; font-size:1.1em; font-weight:600; float:left; display:block; margin:0 10px 0 0; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.FBWbtn {display:table; margin:0 auto; padding:0 85px; text-transform:uppercase; font-size:1.1em; font-weight:600; height:50px; line-height:50px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.btnQuest {float:right; padding:0 16px; height:25px; line-height:25px; font-size:0.8em; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.btnQD {color:#666666; padding:0 0 2px 0; background: rgba(0, 0, 0, 0) url("images/filterLi.png") repeat-x scroll left bottom; float:right; height:25px; line-height:25px;}
.btnQD:hover {color:#CC0000; background-position:left 24px}

.btnWhite {border:1px solid #000; color:#000; }
.btnWhite:hover {border:1px solid #cc0000; color:#cc0000; }
.btn1, .btn2, .btn3 {text-align:center; padding:10px 10px;  font-weight:800; text-transform:uppercase; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; cursor:pointer}
.btn1 {width:220px;}
.btn2 {width:280px;}
.btn3 {width:280px;}
.btn1:hover, .btn2:hover, .btn3:hover {border:1px solid #cc0000; text-decoration:none; color:#cc0000; }
input.btn1, input.btn3 {cursor:pointer; background:#fff;  font-weight:800}
input, select, textarea {font-family: "Open Sans",sans-serif; font-size:1.0em;}

.headerBBtn {text-align:center; text-transform:uppercase; height:45px; line-height:45px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;}
.btnRed {background:#CC0000; color:#fff}
.btnRed:hover {background:#FF0000; color:#fff}

/*#endregion */

/*#region health status */
.wrap table {border-collapse:collapse; width:100%}
.wrap table td {border-bottom: 1px solid #f2f2f2; border-left: 1px solid #f2f2f2; border-right: 1px solid #f2f2f2; padding: 1em;}
.wrap table th {background-color: #f2f2f2; color: #666; font-size: 1.25em; font-weight: bold; padding: 0.5em 1em;}
.wrap table strong {display: block;}
.text-left {text-align: left!important;}
.text-right {text-align: right!important;}
.float-left {float: left!important; text-align:left!important}
.float-right {float: right!important; text-align:left!important;}
.wrap a {color: #000; display: inline-block; padding-bottom: 0.2em; text-decoration: none; transition: color 0.2s ease-in-out 0s;}
.float-left-mobile {float: left!important;}
.float-right-mobile {float: right!important;}
small, .small {font-size: 75%;}
.subheading {font-size: 1.5em; margin: 1em 0;}
.wrap h2 {font-size: 2.5em; font-weight: 400; margin:1.0em 0}
.wrap .btn, .wrap button {background-color: #ff9900; border: 0 none; border-radius: 0.5em; color: #fff; cursor: pointer;    display: inline-block; font-size: 0.85em; padding: 0.75em 3.5em; transition: all 0.2s ease-in-out 0s;}


.line {padding: 2em 0;}
.lineTop {padding:7.5em 0 2em}
.line.orange {background-color: #ff9900; color: #fff;}
.line.stripped {background: rgba(0, 0, 0, 0) repeating-linear-gradient(45deg, #a62727, #a62727 10px, #a32323 10px, #a32323 20px) repeat scroll 0 0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -5px 5px 0 rgba(0, 0, 0, 0.25) inset; color:#fff; }
.line.lgray {background-color: #f0f0f0; }
.line.stripped-gray {background: rgba(0, 0, 0, 0) repeating-linear-gradient(45deg, #f2f2f2, #f2f2f2 10px, #efefef 10px, #efefef 20px) repeat scroll 0 0;}
.line.gray {background-color: #f2f2f2;}

.wrap {margin: 0 auto; max-width: 75em; padding: 0 1em; text-align:center}
.line .wrap, .line .wrap h2, .line .wrap h3 {color:#000}
.line.stripped .wrap, .line.stripped .wrap h2, .line.stripped .wrap h3 {color:#fff}
.line .wrap h3 {font-size: 1.375em; font-weight: 700;}
.lineTop .wrap h1, .line.orange h1, .line.orange h2 {color:#fff; font-size:2.5em; font-weight:700; line-height:1.2em; margin: 0; text-align:center;}
.line .wrap h2.systemhead {display: inline-block; position: relative;}
.systemhead i {border-radius: 100%; color: #fff; line-height: 1.5em; margin-right: 0.25em; text-align: center; width: 1.5em; box-sizing: border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; display:inline-block;}
.systemhead.system-on i {background-color: #74e291;}
.systemhead.system-off i {background-color: #ff9900; }

.tablehead {background-color: #f2f2f2; color: #666; font-size: 1.25em; margin-bottom: 0; padding: 0.5em 1em; text-align: left; }
.line .wrap h3.tablehead {color: #666;}
.border-black {border: 1px solid #000;}
.status-map {padding: 2em; position: relative;}
.status-map .status-locations .status-austin {left: 15%; top: 28%;}
.status-map .status-locations .status-prague {left: 49%; top: 19%;}
.status-map .status-locations > li {position: absolute;}
.border-gray {border: 1px solid #f2f2f2;}
ul.nomargin {margin: 0!important;}

.line .wrap ul {list-style:none; padding:0}
.line .wrap ul.nomargin h3 {margin:1.0em 0}
.tablehead .langmenu.small {font-size: 0.6em; font-weight: 400; top: 0.25em; }
.float-right-mobile {float: right;}
.tablehead .langmenu {position: relative; z-index: 5;}
.tablehead .langmenu.small .active {background-color: #f2f2f2;}
.tablehead .langmenu.small .active {background-color: #fff; border: 1px solid #000; border-radius: 0.25em; line-height: 2em; padding: 0 0.5em; position: relative; z-index: 5; text-decoration:none; cursor:pointer} 

.tablehead {color: #666; font-size: 1.25em; text-align: left; text-decoration:none}
.tablehead .langmenu.small ul {background-color: #f2f2f2;}
.tablehead .langmenu.small ul {background: #fff none repeat scroll 0 0; border: 1px solid #000; border-radius: 0.25em; top: 2.0em; width: 100%;}
.tablehead .langmenu ul {left: 0; margin-left: 0; top: 5.2em; background-color: #f0f0f0; display: none; left: 0; padding: 0.25em 0; position: absolute; top: 3em; transition: top 0.2s ease-in-out 0s;}
.tablehead .langmenu ul li a {padding: 0 0.5em;}
.tablehead .langmenu.selected>ul {display:block}
.tablehead .langmenu .active i {color: #000; margin-left: 0.33em;}
.healthead {font-size: 0.92em; font-weight: 400; text-align: left; background-color: #f2f2f2; border: 1px solid #000; cursor: pointer; font-size: 0.92em; font-weight: 400; margin: 0 0 -1px; padding: 1em; text-align: left; transition: background-color 0.2s ease-in-out 0s;}
.healthead a {text-decoration:none}
.healthead:hover {background-color:#d8d8d8}
.healthwrap .tablewrap {display:none}
.healthtable {font-size: 0.92em; margin:1px 0 0 0}
.healthtable .short {width: 15%;}
table tbody tr:last-child td {border-bottom: 1px solid #f2f2f2;}
table.valign-top td {vertical-align: top;}
.healthtable td {padding: 0.5em 1em!important;}
.healthtable .tags {margin:0.5em 0}
.healthtable .tags li {display: inline-block; margin-bottom: 0.5em;}
.healthtable .tags li span {background-color: #74e291; border-radius: 0.25em; color: #fff; display: block; font-size: 0.92em;
    padding: 0.25em 2em;}
.healthtable td p {margin:0.5em 0; }
.healthtable strong {font-size: 1.25em;}

ul.grid-50 {margin:1em 1%; padding:0; list-style:none; display:table; width:100%}
.grid-50 li {display:table-cell; width:50%; text-align:center}
.margined {margin: 2em 0; text-align: center;}
.no-touch a {transition: color 0.2s ease-in-out 0s;}
.no-touch .btn, .no-touch button {transition: all 0.2s ease-in-out 0s;}

button, .btn {display: inline-block; width: auto;}
.btn, button {background-color: #ff9900; border: 0; border-radius: 0.5em; color: #fff; cursor: pointer; display: inline-block;
    font-size: 0.85em; padding: 0.75em 3.5em; text-decoration: none;}
.btn:hover, button:hover {background-color:#cc0000; color:#fff; text-decoration:none}
.btn.red, button.red {background-color: #cc0000; border: 0; color: #fff;}
.btn.red:hover, button.red:hover {background-color:#FF0000; color:#fff}
.btn.trans, button.trans {background: rgba(0, 0, 0, 0) none repeat scroll 0 0; border: 1px solid #000; color: #000; text-transform: uppercase; width: auto;}
.red .btn.trans, .stripped .btn.trans, .red button.trans, .stripped button.trans {border-color: #fff; color: #fff;}
.red .btn.trans:hover, .stripped .btn.trans:hover, .red button.trans:hover, .stripped button.trans:hover {background-color:#fff; color:#cc0000; border-color:#fff}

.btn.trans:hover, button.trans:hover {border-color:#cc0000; color:#cc0000}
.uppercase {text-transform: uppercase;}
.btn strong, button strong {display: block; font-size: 1.285em; text-transform: uppercase;}
.clearfix::before, .clearfix::after, .cf::before, .cf::after {content: ""; display: table;}

.wrap ul.grid-50 li ul {width:100%; float:left; display:block}
.wrap ul.grid-50 li ul li {-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

.float-left {float: left;}

.grid-50>li {float: left; margin: 0 1%; width: 48%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.float-right {float: right;}
.line.stripped {color: #fff;}
.sec-head .sidenote span {line-height: 1.75em;}
.sec-head .sidenote p {font-size: 2.5em; font-weight: bold; line-height: 1.2em; margin: 0 0 0 0.5em;}
.clearfix::after, .cf::after {clear: both;}

/*#endregion */

@media screen and (min-width: 1200px) {
	/*#region top menu */
        #headerL {display:block!important}
		#menu {display:block!important}
	/*#endregion top menu */

	/*#region layout */
		#header, #bcHeader, #footer, #headerB, #footerSocial, #footerLinks, #bcHeader2 {max-width:75em; width:100%}
	/*#endregion layout */
    
}

@media screen and (min-width: 1000px) and (max-width: 1199px) {
	/*#region top menu */
        #headerL {display:block!important}
		#menu {display:block!important; }
	/*#endregion top menu */

	/*#region layout */
		#header, #bcHeader, #footer, #headerB, #footerSocial, #footerLinks, #bcHeader2 {width:100%; }
        #headerB {padding:32px 10px;}
		#footer {width:100%; padding:10px 10px}
        #bcHeader {padding:0 10px}
        #bcFooter {padding:60px 0}
        #footerBox {padding:35px 10px}
        #footerSocial {padding: 50px 10px;}
        #footerLinks {padding: 50px;}
	/*#endregion layout */
    #logo {margin: 0 1em 0 0;}
    .headerBtn {padding:0 20px}  


}

@media screen and (min-width: 768px) and (max-width: 999px) {

    html {font-size: 87.5%;}
    /*#region layout */
		#header, #bcHeader, #footer, #headerB, #footerSocial, #footerLinks, #bcHeader2 {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
        #headerB {padding:32px 10px;}
		#footer {width:100%; padding:0.5em 1em}
        #bcHeader {padding:0 10px}
        #bcFooter {padding:30px 0 20px 0}
        #footerBox {padding:35px 10px}
        #footerSocial {padding: 50px 10px;}
        #footerLinks {padding: 1.6em 1em 1.9em 1em;}
        #footerLinksWrap {padding:0}
	/*#endregion layout */

    #logo {margin: 0 1em 0 0;}
    .headerBtn {padding:0 15px; height:40px; line-height:40px; font-size:0.9em}  
    #headerBL {width:70%}
    #headerBR {width:30%}
    #headerBL h1 {font-size:2.0em}
    #headerBL p {font-size:1.4em}
    #menu > ul > li {margin-left: 0.7em;}
  
    #menu > ul > li > a.btn {padding: 0.5em 1.25em; line-height:2.0em; font-weight:700; margin-top: 1.2em; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    .langmenu > a.langmenuA {padding:0 13px 0 0}
    #footerLinks > ul > li > ul > li {margin-bottom:1.3em}
    .menuMainFooter li a {font-size:0.85em}
    #containerFooter {font-size:0.85em}
    .menuMainFooter li {margin-right:0.85em}
    #footerLinks > ul > li > strong {margin: 0 0 1.1em;}
    #menuFooter {padding:4px 0 2px 0}

    /*#region top menu */
        #headerL {display:block!important}
		#menu {display:block!important;}
	/*#endregion top menu */


    .questImg, .questName, .questIco, .questBtn {display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left; margin:0 0 10px 0}
    .questImg { width:20%; padding:0 10px 0 0; }
    .questName {width:40%; padding:30px 0 40px 0}
    .questIco {width:40%; padding:40px 0 30px 0}
    .questBtn { float:left}
    #boxForm .bFormSelect .bFSWrap {float:left; display:block; width:31%; margin:0 1% 1% 1%}
    #boxForm .bFormSelect .bFSWrap:nth-child(4n) {margin:0 1% 1% 1%}
    #boxForm .bFormSelect .bFSWrap label, #boxForm .bFormSelect .bFSWrap:last-child label {margin:0}

    #boxForm .bFormSelect .bFSWrap label {width:100%; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

    .commWrapL {width:30%; padding:0 30px 0 0}
    .commWrapL img {width:100%; max-width:100%}
    .commText {font-size:1.8em}
    #commBox {padding:0 50px}

    /*#region health status */
    .wrap img {height: auto; max-width: 100%;}
    /*#endregion health status */

}
@media screen and (min-width: 851px) and (max-width: 999px) {

}
@media screen and (min-width: 768px) and (max-width: 850px) {
    

    #mainNav.mainNav5 ul li, #mainNav.mainNav4 ul li {width:32%; margin:0 2% 10px 0}
    #mainNav.mainNav5 ul li:nth-child(3n), #mainNav.mainNav4 ul li:nth-child(3n) {margin:0 0 10px 0}
    .filterTitle {width:100%; margin:0 0 10px 0; float:left; display:block}
    .filterR {width:100%; float:left; display:block}
    .btnQuest {float:right; margin:0 20px 0 0}
    .filterR ul {float:left}
    .filterR ul li:first-child {padding:0 10px 0 0}
    .boxQuest table tr th {display:block; width:100%; border-bottom:none}
    .boxQuest table tr td {display:block; width:100%; margin:0; border-top:none; text-align:left; }

    .btnQD {float:none; background:none; text-decoration-line: underline; text-decoration-style:dotted; text-decoration-color:#666666;}
    .btnQD:hover {text-decoration-line: underline; text-decoration-style:dotted; text-decoration-color:#CC0000;}

   
}
@media screen and (min-width: 651px) and (max-width: 767px) {
    #boxForm .bFormSelect .bFSWrap {float:left; display:block; width:31%; margin:0 1% 1% 1%}
    #boxForm .bFormSelect .bFSWrap label {width:100%; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #boxForm .bFormSelect .bFSWrap:nth-child(4n) {margin:0 1% 1% 1%}
    #boxForm .bFormSelect .bFSWrap label, #boxForm .bFormSelect .bFSWrap:last-child label {margin:0}
    
}
@media screen and (min-width: 481px) and (max-width: 650px) {
    #boxForm .bFormSelect .bFSWrap {float:left; display:block; width:48%; margin:0 1% 1% 1%}
    #boxForm .bFormSelect .bFSWrap label {width:100%; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #boxForm .bFormSelect .bFSWrap:nth-child(4n) {margin:0 1% 1% 1%}
    #boxForm .bFormSelect .bFSWrap label, #boxForm .bFormSelect .bFSWrap:last-child label {margin:0}

    .boxRoad table tr th {font-size:1.2em}
        
}


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

    html {font-size: 80%;}
	/*#region layout */
		#header, #bcHeader, #footer, #headerB, #footerSocial, #footerLinks, #bcHeader2 {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
        #headerB {padding:20px 10px 32px 10px;}
		#footer {width:100%; padding:10px}
        #bcHeader {padding:0 10px}
        #bcFooter {padding:30px 0 20px 0}
        #footerBox {padding:35px 10px}
        #footerSocial {padding: 50px 10px;}
        #footerLinks {padding:2em 1em;}
        #footerLinksWrap {padding:0}

	/*#endregion layout */

    .langmenu > a.langmenuA { line-height: 3em; padding: 0.1em 0.8em;}
	 #headerWrapB {padding:0}
     #headerL {display:none; position:relative; float:left; width:100%; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -0px 5px 0 rgba(0, 0, 0, 0.25) inset;}
     #headerR {float:left}
     #headerWrap {position:relative}

    .langmenu {float:left; margin: 2.1em 0.5em 1.5em 1.2em;}
    .langmenu div.langmenuin {top:2.5em}
    .langmenu > a.langmenuA {padding:0 14px 0 0}
    .langmenu > a.langmenuA i:before {font-size:1.15em; color:#5b5a5a}
    #footerLinks > ul > li {width:50%; margin: 0 0 2em 0;}
    #footerLinks > ul > li:nth-child(2n) {margin: 0 0 2em 0;}

      /*#region top menu */
		#menu {margin:0; z-index:100; display:none; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0; float:left; background-color: #f0f0f0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -5px 5px 0 rgba(0, 0, 0, 0.25) inset; padding:0}
		
		#menu>ul {width:100%; display:block; margin:0 0 10px 0}
		#menu>ul>li, #menu>ul>li.menuItem0 {display:block; padding:0; float:left; background:none; width:100%; border-top: 1px solid #c1c1c1; margin:0}
        #menu>ul>li.headbtn {padding: 0 1em 1em; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
        #menu>ul>li.headbtn a {text-align:center}
		#menu>ul>li>a {color:#717474; padding: 0.1em 0.8em; margin:0; font-size:1.25em; text-align:left; border:none; line-height: 3em; text-transform: uppercase; transition: color 0.2s ease-in-out 0s;}
        #menu > ul > li > a.btn.trans, #menu > ul > li > a.btn.trans:hover {background:none}
		#menu>ul>li:hover>a, #menu>ul>li.selected>a {color:#cd0000; text-decoration:none}
        #menu>ul>li>a>i {margin:0 5px 0 0 }
        #menu>ul>li:hover>a>i, #menu>ul>li.selected>a>i {color:#e7e7e7}
		#menu>ul>li:hover>ul {display:none}
		#menu>ul>li.first>a {height:auto; width:auto; padding:1.4% 10%!important; font-size:1.2em!important; line-height:1.2em }

        #header .submenu {background:none; left:auto; padding:0; position:relative; text-align: center; top:auto; transition: top 0.2s ease-in-out 0s; width: 100%; display:none; float:none}
        #menu > ul > li.expanded .submenu {display:block}
        .submenu ul {margin:0; padding:0; list-style:none; border-top:1px solid #c1c1c1;}
        .submenu li {border:none; border-bottom:1px solid #c1c1c1; display:block; float: none; margin:0; padding:0}
        .submenu li:last-child {border-bottom:none}
        .submenu li a {color:#000; font-size: 0.9em; line-height: 3em; transition: all 0.2s ease-in-out 0s; text-decoration:none; background:#e0e0e0; display:block; text-align:left; font-size: 1em; padding: 0.25em 1em; text-transform:uppercase;}
        .submenu li a:hover {color: #ff9900; text-decoration:none}
        #headerBtn {display:block; float:left; width:100%}
        .headerBtn {margin:0 10px 10px 10px; float:none; display:block; text-align:center; font-size:1.2em; font-weight:600; height:50px; line-height:50px}
        #logo {padding: 0.1em 0.8em; display:block; line-height: 3em; margin: 0.3em 0 1.0em 0.3em; float:left}
        #logo img { line-height: 3em; margin: 1em 0 0.45em 0.4em;}
        .menuBtn {padding: 0.1em 0.8em; float: right; margin:1.55em 0.2em 0 0; display:block; line-height: 3em;}
	/* #endregion top menu*/

    #mainNav.mainNav5 ul li {width:32%; margin:0 2% 10px 0}
    #mainNav.mainNav5 ul li:nth-child(3n) {margin:0 0 10px 0}

    #mainNav.mainNav4 ul li {width:45%; margin:0 10% 10px 0}
    #mainNav.mainNav4 ul li:nth-child(2n) {margin:0 0 10px 0}

    .filterTitle {width:100%; margin:0 0 10px 0; float:left; display:block}
    .filterR {width:100%; float:left; display:block}
    .btnQuest {float:right; margin:0 20px 0 0}
    .filterR ul {float:left}
    .filterR ul li:first-child {padding:0 10px 0 0}
    .boxQuest table tr th {display:block; width:100%; border-bottom:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    .boxQuest table tr td {display:block; width:100%; margin:0; border-top:none; text-align:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

    .btnQD {float:none; background:none; text-decoration-line: underline; text-decoration-style:dotted; text-decoration-color:#666666;}
    .btnQD:hover {text-decoration-line: underline; text-decoration-style:dotted; text-decoration-color:#CC0000;}

    #headerBL {width:100%; margin:0 0 20px 0; display:block; text-align:center}
    #headerBR {width:100%; display:table; max-width:300px; margin:0 auto}
    #mainNav ul li a {font-size:0.9em}
    .btnQuest {float:left; margin:0 0 10px 0}

    .pager ul li {margin:0 5px}
    .pager ul li a {font-size:1.0em; height:36px; line-height:36px; width:40px}

    .fSocialBox ul li {padding:0 4px}
    #footerLinks > ul > li {width:45%; margin:0 10% 20px 0}
    #footerLinks > ul > li:nth-child(2n) {margin:0 0 20px 0}

    .questImg, .questName, .questIco, .questBtn {display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left; margin:0 0 10px 0}
    .questImg { width:25%; padding:0 10px 0 0; }
    .questName {width:35%; padding:30px 0 40px 0}
    .questIco {width:40%; padding:40px 0 30px 0}
    .questBtn { float:left}

    .commWrapL img {width:100%; max-width:100%}
    .commText {font-size:1.6em}
    #commBox {padding:0 10px}
    .commWrapL {width:35%; padding:0 30px 0 0}

    /*#region health status */
        .lineTop {padding: 2.5em 0 2em;}
        ul.grid-50 {margin:1em 0; display:block}
        .grid-50 > li {width:100%; margin:0;}
        .margined {margin:1em 0}
        .float-left, .float-right {width:100%; float:none!important}
        .flag {margin:3em 50px}
        .features > li {width:100%; min-height:50px}
        .claim-left, .claim-right, .claim .textwrap {text-align:center}
        .claim-left img, .claim-right img {float:none; margin:0 0 10px 0; display:table; margin:0 auto}
        .text-left, .text-left p, .grid-50 li.text-left, .grid-50 p.text-left, .grid-50 li.text-left .margined {text-align:center}
        .wrap img { height: auto; max-width: 100%;}
        .features > li, .installations > li {float:none; width:100%}
        .slicer {display:none}
        .contactinfo .grid-50 > li {padding:0}
        .grid-33 > li {float:none; width:100%; margin:0 0 10px 0}
        .testimonials .pagination {padding:0}
        .grid-25 > li {float:none; margin: 0 0 30px 0; width:100%;}
        .padded {padding: 1em 0;}
        .grid-33 > li {text-align:center;}
        .grid-2of3 > li {float:none; width:100%; padding:0}
        .tablehead .langmenu {margin:0;}
        .grid-33 .cf {display:table; margin:0 auto}
        .grid-33 > li .float-left {text-align:left; display:block}
        table .table-content {font-size:1.0em}
        .table-comparison .systemhead {font-size:1.0em}
        .table-comparison .comparison-value {width: 25%;}
        .wrap .table-comparison .comparison-label {width:50%}
        .wrap table th {text-align:center}
        .text-left, .text-right {text-align:center!important}
    /*#endregion */
       
}

@media screen and (max-width: 480px) {
	 html {font-size: 80%;}
	/*#region layout */
		#header, #bcHeader, #footer, #headerB, #footerSocial, #footerLinks, #bcHeader2 {width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
        #headerB {padding:20px 10px 32px 10px;}
		#footer {width:100%; padding: 0.5em 0;}
        #bcHeader {padding:0 10px}
        #bcFooter {padding:30px 0 20px 0}
        #footerBox {padding:35px 10px}
        #footerSocial {padding: 50px 10px;}
        #footerLinks {padding:2em 1em;}
        #footerLinksWrap {padding:0}

	/*#endregion layout */

    .langmenu > a.langmenuA { line-height: 3em; padding: 0.1em 0.8em;}
    .langmenu div.langmenuin {top:2.5em}
	 #headerWrapB {padding:0}
     #headerL {display:none; position:relative; float:left; width:100%; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -0px 5px 0 rgba(0, 0, 0, 0.25) inset;}
     #headerR {float:left}
     #headerWrap {position:relative}

    .langmenu {float:left; margin: 2.1em 0.5em 1.5em 1.2em;}
    .langmenu > a.langmenuA {padding:0 14px 0 0}
    .langmenu > a.langmenuA i:before {font-size:1.15em; color:#5b5a5a}
    #footerLinks > ul > li {width:50%; margin: 0 0 2em 0;}
    #footerLinks > ul > li:nth-child(2n) {margin: 0 0 2em 0;}

      /*#region top menu */
		#menu {margin:0; z-index:100; display:none; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:0; float:left; background-color: #f0f0f0; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.25) inset, 0 -5px 5px 0 rgba(0, 0, 0, 0.25) inset; padding:0}
		
		#menu>ul {width:100%; display:block; margin:0 0 10px 0}
		#menu>ul>li, #menu>ul>li.menuItem0 {display:block; padding:0; float:left; background:none; width:100%; border-top: 1px solid #c1c1c1; margin:0}
        #menu>ul>li.headbtn {padding: 0 1em 1em; text-align: center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
        #menu>ul>li.headbtn a {text-align:center}
		#menu>ul>li>a {color:#717474; padding: 0.1em 0.8em; margin:0; font-size:1.25em; text-align:left; border:none; line-height: 3em; text-transform: uppercase; transition: color 0.2s ease-in-out 0s;}
        #menu > ul > li > a.btn.trans, #menu > ul > li > a.btn.trans:hover {background:none}
		#menu>ul>li:hover>a, #menu>ul>li.selected>a {color:#cd0000; text-decoration:none}
        #menu>ul>li>a>i {margin:0 5px 0 0 }
        #menu>ul>li:hover>a>i, #menu>ul>li.selected>a>i {color:#e7e7e7}
		#menu>ul>li:hover>ul {display:none}
		#menu>ul>li.first>a {height:auto; width:auto; padding:1.4% 10%!important; font-size:1.2em!important; line-height:1.2em }

        #header .submenu {background:none; left:auto; padding:0; position:relative; text-align: center; top:auto; transition: top 0.2s ease-in-out 0s; width: 100%; display:none; float:none}
        #menu > ul > li.expanded .submenu {display:block}
        .submenu ul {margin:0; padding:0; list-style:none; border-top:1px solid #c1c1c1;}
        .submenu li {border:none; border-bottom:1px solid #c1c1c1; display:block; float: none; margin:0; padding:0}
        .submenu li:last-child {border-bottom:none}
        .submenu li a {color:#000; font-size: 0.9em; line-height: 3em; transition: all 0.2s ease-in-out 0s; text-decoration:none; background:#e0e0e0; display:block; text-align:left; font-size: 1em; padding: 0.25em 1em; text-transform:uppercase;}
        .submenu li a:hover {color: #ff9900; text-decoration:none}
        #headerBtn {display:block; float:left; width:100%}
        .headerBtn {margin:0 10px 10px 10px; float:none; display:block; text-align:center; font-size:1.2em; font-weight:600; height:50px; line-height:50px}
        #logo {padding: 0.1em 0.8em; display:block; line-height: 3em; margin: 0.3em 0 1.0em 0.3em; float:left}
        #logo img { line-height: 3em; margin: 1em 0 0.45em 0.4em;}
        .menuBtn {padding: 0.1em 0.8em; float: right; margin:1.55em 0.2em 0 0; display:block; line-height: 3em;}
	/* #endregion top menu*/
		
    #headerBtn {display:block; float:left; width:100%}
    .headerBtn {margin:0 10px 10px 10px; float:none; display:block; text-align:center; font-size:1.2em; font-weight:600; height:50px; line-height:50px}

    #mainNav.mainNav5 ul li, #mainNav.mainNav4 ul li {width:49%; margin:0 2% 10px 0}
    #mainNav.mainNav5 ul li:nth-child(2n), #mainNav.mainNav4 ul li:nth-child(2n) {margin:0 0 10px 0}
    .filterTitle {width:100%; margin:0 0 10px 0; float:left; display:block}
    .filterR {width:100%; float:left; display:block}
    .btnQuest {float:right; margin:0 20px 0 0}
    .filterR ul {float:left}
    .filterR ul li:first-child {padding:0 10px 0 0}
    .boxQuest table tr {float:left; display:block; width:100%}
    .boxQuest table tr th {display:block; width:100%; border-bottom:none; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left; padding: 18px 20px 10px 20px;}
    .boxQuest table tr td {display:block; width:100%; margin:0; border-top:none; text-align:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left; padding: 10px 20px 18px 20px;}

    .btnQD {float:none; background:none; text-decoration-line: underline; text-decoration-style:dotted; text-decoration-color:#666666;}
    .btnQD:hover {text-decoration-line: underline; text-decoration-style:dotted; text-decoration-color:#CC0000;}

    #headerBL {width:100%; margin:0 0 20px 0; display:block; text-align:center}
    #headerBR {width:100%; display:table; max-width:300px; margin:0 auto}
    #mainNav ul li a {font-size:0.9em}
    .btnQuest {float:left; margin:0 0 10px 0}
    .questDate {margin:0 0 10px 0}

    .pager ul li {margin:0 2px}
    .pager ul li a {font-size:0.9em; height:30px; line-height:30px; width:32px}

    .fSocialBox ul li {padding:0 4px}
    
    #footerLinks > ul > li {width:45%; margin:0 10% 20px 0}
    #footerLinks > ul > li:nth-child(2n) {margin:0 0 20px 0}

     #headerBL h1, #headerBM h1 {font-size:2.0em; line-height:1.1em; margin:0 0 10px 0}
     #headerBL p, #headerBM p {font-size:1.4em; line-height:1.2em;}
     .footerBoxTitle {font-size:2.0em; line-height:1.3em; margin:0 0 10px 0}
     .footerBoxText {font-size:1.4em; line-height:1.3em; margin:0 0 20px 0}
     .socialTitle {font-size:1.6em}
     .fSocialBox ul li a img {width:36px}

     #menuFooter {float:none; display:table; margin:0 auto; position: relative; text-align: left; padding:0}
     .menuMainFooter { float: none; position: relative; }
     .menuMainFooter li {float: left; margin-right: 1em;}
     .menuMainFooter li a {display: inline-block; padding-bottom: 0.2em; text-decoration: none; font-size: 0.85em;}
     .menuMainFooter li:first-child a {padding:0}
     #containerFooter {text-align:center; margin:0 auto 0 auto; display:table; line-height: 1.8em; font-size: 0.85em; float:none}

     .questImg, .questName, .questIco, .questBtn {display:block; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; float:left; margin:0 0 10px 0}
    .questImg { width:40%; padding:0 10px 0 0; }
    .questName {width:60%; padding:30px 0 30px 0}
    .questIco {width:100%; padding:0}
    .questBtn { float:left; width:100%}
    .questBtn a {width:48%; margin:0 0 0 4%}

     #boxForm .bFormSelect .bFSWrap {float:left; display:block; width:48%; margin:0 1% 1% 1%}
    #boxForm .bFormSelect .bFSWrap label {width:100%; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
    #boxForm .bFormSelect .bFSWrap:nth-child(4n) {margin:0 1% 1% 1%}
    #boxForm .bFormSelect .bFSWrap label, #boxForm .bFormSelect .bFSWrap:last-child label {margin:0}

    .boxRoad table tr th {display:none}
    .boxRoad table tr {display:block; width:100%; float:left; border-bottom:1px solid #f2f2f2; border-left:1px solid #f2f2f2; border-right:1px solid #f2f2f2}
    .boxRoad table tr:nth-child(2n+1) {background:#fafafa}
    .boxRoad table tr td {display:block; float:left; width:30%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:5px 15px; border:none}
    .boxRoad table tr td:first-child {width:70%; border:none}
    .boxRoad table tr td:last-child {width:100%; border:none; }
    .leatnBtn {margin:4px 0}

    .boxFormL {float:none; width:100%; margin:0 0 0 0}
    .boxFormR {float:none; width:100%; margin:0 0 0 0}

    .patch1, .patch2 {display:table; margin:0 auto 10px auto; float:none}
    .patchRadio {margin:0 10px}

    .blogWrap {padding:80px 0 0 0}
    .blogWrap::before {top:0; left:0; margin:0 0 0 35%}

    .commWrapL img {width:100%; max-width:100%}
    .commText {font-size:1.4em}
    #commBox {padding:0 10px}
    .commWrapL {width:40%; padding:0 30px 0 0}

     /*#region health status */
        .lineTop {padding: 2.5em 0 2em;}
        ul.grid-50 {margin:1em 0; display:block}
        .grid-50 > li {width:100%; margin:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
        .margined {margin:1em 0}
        .float-left, .float-right {width:100%; float:none!important}
        .flag {margin:3em 50px}
        .features > li {width:100%; min-height:50px}
        .text-left, .text-left p, .grid-50 li.text-left, .grid-50 p.text-left, .grid-50 li.text-left .margined {text-align:center}
        .wrap img { height: auto; max-width: 100%; max-height:100%}
        .features > li, .installations > li {float:none; width:100%}
        .slicer {display:none}
        .contactinfo .grid-50 > li {padding:0}
        .grid-33 > li {float:none; width:100%; margin:0 0 10px 0}
        .grid-25 > li {float:none; margin: 0 0 30px 0; width:100%;}
        .padded {padding: 1em 0;}
        .grid-33 > li {text-align:center;}
        .grid-2of3 > li {float:none; width:100%; padding:0}
        .tablehead .langmenu {margin:0;}
        .grid-33 .cf {display:table; margin:0 auto}
        .grid-33 > li .float-left {text-align:left; display:block}
        table .table-content {font-size:1.0em}
        .table-comparison .systemhead {font-size:1.0em}
        .table-comparison .comparison-value {width: 25%;}
        .wrap .table-comparison .comparison-label {width:50%}
        .wrap table th {text-align:center}
        .text-left, .text-right {text-align:center!important}
        .wrap .table-comparison th {font-size:1.0em}
        .wrap table td {padding:0.5em}
        .currency-label {display: none;}
        .wrap h2 {font-size:1.8em}
    /*#endregion */

}

@media screen and (max-width: 450px) {
    #footerLinks > ul > li {width:100%; margin:0 0 20px 0}
    #footerLinks > ul > li:nth-child(2n) {margin:0 0 20px 0}

    #boxForm .bFormSelect .bFSWrap {float:none; display:block; width:100%; margin:0 0 2% 0}
    #boxForm .bFormSelect .bFSWrap:nth-child(4n) {margin:0 0 2% 0}
    #boxForm .bFormSelect .bFSWrap label {width:100%; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}

    .boxRoad table tr td { width:100%;}
    .boxRoad table tr td:first-child {width:100%; }
    .leatnBtn {margin:0}
    .commWrapL {display:none}
}

@media screen and (max-width: 350px) {
       #mainNav.mainNav5 ul li, #mainNav.mainNav4 ul li {width:100%; margin:0 0 5px 0}
       #mainNav.mainNav5 ul li:nth-child(2n), #mainNav.mainNav4 ul li:nth-child(2n) {margin:0 0 5px 0}
       .bFormSelect {width:100%}
       #boxForm .bFormSelect .bFSWrap {float:none; display:block; width:100%}
       #boxForm .bFormSelect .bFSWrap label {width:100%; text-align:center; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
       .wrap h2 {font-size:1.6em}
}
.nowrap-fix{
	white-space: nowrap;
}

.databases {
    padding: 50px 0 0px 0;
}

.database {
    transition: all 0.2s ease-in-out 0s;
    border: 1px solid #dbdbdb;
    padding: 15px 0 45px 0;
    margin: 0 auto 50px auto;
    max-width: 400px;
    cursor: pointer;
}

.database:hover {
    transition: all 0.2s ease-in-out 0s;
    border-color: #A62727;
    background-color: #F2F2F2;
}

.database:hover h2, .database:hover a {
    color: #A62727;
}