/*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */

/*!
 * Generated using the Bootstrap Customizer (http://getbootstrap.com/customize/?id=46af92512333e124da3813609d7f6b83)
 * Config saved to config.json and https://gist.github.com/46af92512333e124da3813609d7f6b83
 *//*!
 * Bootstrap v3.3.7 (http://getbootstrap.com)
 * Copyright 2011-2016 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *//*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}h1{font-size:2em;margin:0.67em 0}mark{background:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;height:0}pre{overflow:auto}code,kbd,pre,samp{font-family:monospace, monospace;font-size:1em}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input{line-height:normal}input[type="checkbox"],input[type="radio"]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}textarea{overflow:auto}optgroup{font-weight:bold}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}html{font-size:10px;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:10px;line-height:1.42857143;color:#333;background-color:#fff}input,button,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}a{color:#337ab7;text-decoration:none}a:hover,a:focus{color:#23527c;text-decoration:underline}a:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}figure{margin:0}img{vertical-align:middle}.img-responsive{display:block;max-width:100%;height:auto}.img-rounded{border-radius:6px}.img-thumbnail{padding:4px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;display:inline-block;max-width:100%;height:auto}.img-circle{border-radius:50%}hr{margin-top:14px;margin-bottom:14px;border:0;border-top:1px solid #eee}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}[role="button"]{cursor:pointer}.container{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}@media (min-width:768px){.container{width:750px}}@media (min-width:992px){.container{width:970px}}@media (min-width:1200px){.container{width:1170px}}.container-fluid{margin-right:auto;margin-left:auto;padding-left:15px;padding-right:15px}.row{margin-left:-15px;margin-right:-15px}.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;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}table{background-color:#fff}caption{padding-top:13px;padding-bottom:13px;color:#777;text-align:left}th{text-align:left}.table{width:100%;max-width:100%;margin-bottom:14px}.table>thead>tr>th,.table>tbody>tr>th,.table>tfoot>tr>th,.table>thead>tr>td,.table>tbody>tr>td,.table>tfoot>tr>td{padding:13px;line-height:1.42857143;vertical-align:top;border-top:1px solid #d7d7d7}.table>thead>tr>th{vertical-align:bottom;border-bottom:2px solid #d7d7d7}.table>caption+thead>tr:first-child>th,.table>colgroup+thead>tr:first-child>th,.table>thead:first-child>tr:first-child>th,.table>caption+thead>tr:first-child>td,.table>colgroup+thead>tr:first-child>td,.table>thead:first-child>tr:first-child>td{border-top:0}.table>tbody+tbody{border-top:2px solid #d7d7d7}.table .table{background-color:#fff}.table-condensed>thead>tr>th,.table-condensed>tbody>tr>th,.table-condensed>tfoot>tr>th,.table-condensed>thead>tr>td,.table-condensed>tbody>tr>td,.table-condensed>tfoot>tr>td{padding:5px}.table-bordered{border:1px solid #d7d7d7}.table-bordered>thead>tr>th,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>tbody>tr>td,.table-bordered>tfoot>tr>td{border:1px solid #d7d7d7}.table-bordered>thead>tr>th,.table-bordered>thead>tr>td{border-bottom-width:2px}.table-striped>tbody>tr:nth-of-type(odd){background-color:#f9f9f9}.table-hover>tbody>tr:hover{background-color:#f5f5f5}table col[class*="col-"]{position:static;float:none;display:table-column}table td[class*="col-"],table th[class*="col-"]{position:static;float:none;display:table-cell}.table>thead>tr>td.active,.table>tbody>tr>td.active,.table>tfoot>tr>td.active,.table>thead>tr>th.active,.table>tbody>tr>th.active,.table>tfoot>tr>th.active,.table>thead>tr.active>td,.table>tbody>tr.active>td,.table>tfoot>tr.active>td,.table>thead>tr.active>th,.table>tbody>tr.active>th,.table>tfoot>tr.active>th{background-color:#f5f5f5}.table-hover>tbody>tr>td.active:hover,.table-hover>tbody>tr>th.active:hover,.table-hover>tbody>tr.active:hover>td,.table-hover>tbody>tr:hover>.active,.table-hover>tbody>tr.active:hover>th{background-color:#e8e8e8}.table>thead>tr>td.success,.table>tbody>tr>td.success,.table>tfoot>tr>td.success,.table>thead>tr>th.success,.table>tbody>tr>th.success,.table>tfoot>tr>th.success,.table>thead>tr.success>td,.table>tbody>tr.success>td,.table>tfoot>tr.success>td,.table>thead>tr.success>th,.table>tbody>tr.success>th,.table>tfoot>tr.success>th{background-color:#dff0d8}.table-hover>tbody>tr>td.success:hover,.table-hover>tbody>tr>th.success:hover,.table-hover>tbody>tr.success:hover>td,.table-hover>tbody>tr:hover>.success,.table-hover>tbody>tr.success:hover>th{background-color:#d0e9c6}.table>thead>tr>td.info,.table>tbody>tr>td.info,.table>tfoot>tr>td.info,.table>thead>tr>th.info,.table>tbody>tr>th.info,.table>tfoot>tr>th.info,.table>thead>tr.info>td,.table>tbody>tr.info>td,.table>tfoot>tr.info>td,.table>thead>tr.info>th,.table>tbody>tr.info>th,.table>tfoot>tr.info>th{background-color:#d9edf7}.table-hover>tbody>tr>td.info:hover,.table-hover>tbody>tr>th.info:hover,.table-hover>tbody>tr.info:hover>td,.table-hover>tbody>tr:hover>.info,.table-hover>tbody>tr.info:hover>th{background-color:#c4e3f3}.table>thead>tr>td.warning,.table>tbody>tr>td.warning,.table>tfoot>tr>td.warning,.table>thead>tr>th.warning,.table>tbody>tr>th.warning,.table>tfoot>tr>th.warning,.table>thead>tr.warning>td,.table>tbody>tr.warning>td,.table>tfoot>tr.warning>td,.table>thead>tr.warning>th,.table>tbody>tr.warning>th,.table>tfoot>tr.warning>th{background-color:#fcf8e3}.table-hover>tbody>tr>td.warning:hover,.table-hover>tbody>tr>th.warning:hover,.table-hover>tbody>tr.warning:hover>td,.table-hover>tbody>tr:hover>.warning,.table-hover>tbody>tr.warning:hover>th{background-color:#faf2cc}.table>thead>tr>td.danger,.table>tbody>tr>td.danger,.table>tfoot>tr>td.danger,.table>thead>tr>th.danger,.table>tbody>tr>th.danger,.table>tfoot>tr>th.danger,.table>thead>tr.danger>td,.table>tbody>tr.danger>td,.table>tfoot>tr.danger>td,.table>thead>tr.danger>th,.table>tbody>tr.danger>th,.table>tfoot>tr.danger>th{background-color:#f2dede}.table-hover>tbody>tr>td.danger:hover,.table-hover>tbody>tr>th.danger:hover,.table-hover>tbody>tr.danger:hover>td,.table-hover>tbody>tr:hover>.danger,.table-hover>tbody>tr.danger:hover>th{background-color:#ebcccc}.table-responsive{overflow-x:auto;min-height:0.01%}@media screen and (max-width:767px){.table-responsive{width:100%;margin-bottom:10.5px;overflow-y:hidden;-ms-overflow-style:-ms-autohiding-scrollbar;border:1px solid #d7d7d7}.table-responsive>.table{margin-bottom:0}.table-responsive>.table>thead>tr>th,.table-responsive>.table>tbody>tr>th,.table-responsive>.table>tfoot>tr>th,.table-responsive>.table>thead>tr>td,.table-responsive>.table>tbody>tr>td,.table-responsive>.table>tfoot>tr>td{white-space:nowrap}.table-responsive>.table-bordered{border:0}.table-responsive>.table-bordered>thead>tr>th:first-child,.table-responsive>.table-bordered>tbody>tr>th:first-child,.table-responsive>.table-bordered>tfoot>tr>th:first-child,.table-responsive>.table-bordered>thead>tr>td:first-child,.table-responsive>.table-bordered>tbody>tr>td:first-child,.table-responsive>.table-bordered>tfoot>tr>td:first-child{border-left:0}.table-responsive>.table-bordered>thead>tr>th:last-child,.table-responsive>.table-bordered>tbody>tr>th:last-child,.table-responsive>.table-bordered>tfoot>tr>th:last-child,.table-responsive>.table-bordered>thead>tr>td:last-child,.table-responsive>.table-bordered>tbody>tr>td:last-child,.table-responsive>.table-bordered>tfoot>tr>td:last-child{border-right:0}.table-responsive>.table-bordered>tbody>tr:last-child>th,.table-responsive>.table-bordered>tfoot>tr:last-child>th,.table-responsive>.table-bordered>tbody>tr:last-child>td,.table-responsive>.table-bordered>tfoot>tr:last-child>td{border-bottom:0}}.embed-responsive{position:relative;display:block;height:0;padding:0;overflow:hidden}.embed-responsive .embed-responsive-item,.embed-responsive iframe,.embed-responsive embed,.embed-responsive object,.embed-responsive video{position:absolute;top:0;left:0;bottom:0;height:100%;width:100%;border:0}.embed-responsive-16by9{padding-bottom:56.25%}.embed-responsive-4by3{padding-bottom:75%}.clearfix:before,.clearfix:after,.container:before,.container:after,.container-fluid:before,.container-fluid:after,.row:before,.row:after{content:" ";display:table}.clearfix:after,.container:after,.container-fluid:after,.row:after{clear:both}.center-block{display:block;margin-left:auto;margin-right:auto}.pull-right{float:right !important}.pull-left{float:left !important}.hide{display:none !important}.show{display:block !important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none !important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}
.select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb}

/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  /* background: #0b0b0b; background overlay color*/
  background: #232323;
  opacity: 0.8; }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  box-sizing: border-box; }

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #CCC;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #CCC; }
    .mfp-preloader a:hover {
      color: #FFF; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close,
button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  box-shadow: none;
  touch-action: manipulation; }

button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: #FFF;
  font-style: normal;
  font-size: 24px;
  font-weight: 300;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover,
  .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #232323; }

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
  color: #FFF;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #CCC;
  font-size: 12px;
  line-height: 18px;
  white-space: nowrap; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: transparent; }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover,
  .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before,
  .mfp-arrow:after {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after {
    border-right: 17px solid #FFF;
    margin-left: 31px; }
  .mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3F3F3F; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after {
    border-left: 17px solid #FFF;
    margin-left: 39px; }
  .mfp-arrow-right:before {
    border-left: 27px solid #3F3F3F; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #000; }

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  box-sizing: border-box;
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444; }
  .mfp-figure small {
    color: #BDBDBD;
    display: block;
    font-size: 12px;
    line-height: 14px; }
  .mfp-figure figure {
    margin: 0; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #F3F3F3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure:after {
    top: 0;
    bottom: 0; }
  .mfp-img-mobile .mfp-figure small {
    display: inline;
    margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.toast-title{font-weight:bold}.toast-message{-ms-word-wrap:break-word;word-wrap:break-word}.toast-message a,.toast-message label{color:#fff}.toast-message a:hover{color:#ccc;text-decoration:none}.toast-close-button{position:relative;right:-0.3em;top:-0.3em;float:right;font-size:20px;font-weight:bold;color:#fff;-webkit-text-shadow:0 1px 0 #fff;text-shadow:0 1px 0 #fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}.toast-close-button:hover,.toast-close-button:focus{color:#000;text-decoration:none;cursor:pointer;opacity:.4;-ms-filter:alpha(opacity=40);filter:alpha(opacity=40)}button.toast-close-button{padding:0;cursor:pointer;background:transparent;border:0;-webkit-appearance:none}.toast-top-full-width{top:0;right:0;width:100%}.toast-bottom-full-width{bottom:0;right:0;width:100%}.toast-top-left{top:12px;left:12px}.toast-top-right{top:12px;right:12px}.toast-bottom-right{right:12px;bottom:12px}.toast-bottom-left{bottom:12px;left:12px}#toast-container{position:fixed;z-index:999999}#toast-container *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}#toast-container>div{margin:0 0 6px;padding:15px 15px 15px 50px;width:300px;-moz-border-radius:3px 3px 3px 3px;-webkit-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px;background-position:15px center;background-repeat:no-repeat;-moz-box-shadow:0 0 12px #999;-webkit-box-shadow:0 0 12px #999;box-shadow:0 0 12px #999;color:#fff;opacity:.8;-ms-filter:alpha(opacity=80);filter:alpha(opacity=80)}#toast-container>:hover{-moz-box-shadow:0 0 12px #000;-webkit-box-shadow:0 0 12px #000;box-shadow:0 0 12px #000;opacity:1;-ms-filter:alpha(opacity=100);filter:alpha(opacity=100);cursor:pointer}#toast-container>.toast-info{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=")!important}#toast-container>.toast-error{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=")!important}#toast-container>.toast-success{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==")!important}#toast-container>.toast-warning{background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=")!important}#toast-container.toast-top-full-width>div,#toast-container.toast-bottom-full-width>div{width:96%;margin:auto}.toast{background-color:#030303}.toast-success{background-color:#51a351}.toast-error{background-color:#bd362f}.toast-info{background-color:#2f96b4}.toast-warning{background-color:#f89406}@media all and (max-width:240px){#toast-container>div{padding:8px 8px 8px 50px;width:11em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:241px) and (max-width:480px){#toast-container>div{padding:8px 8px 8px 50px;width:18em}#toast-container .toast-close-button{right:-0.2em;top:-0.2em}}@media all and (min-width:481px) and (max-width:768px){#toast-container>div{padding:15px 15px 15px 50px;width:25em}}
/* open-sans-regular - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 400;
  src: local('☺'),
       url('/static/font/OpenSans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/font/OpenSans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-700 - vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic */
@font-face {
  font-family: 'Open Sans';
  font-display: fallback;
  font-style: normal;
  font-weight: 700;
  src: local('☺'),
       url('/static/font/OpenSans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
       url('/static/font/OpenSans/open-sans-v34-vietnamese_latin-ext_latin_hebrew_greek-ext_greek_cyrillic-ext_cyrillic-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* 22-4-21 MOD */

* {
	/* update 2017-11-21 begin */
	-webkit-font-smoothing: antialiased;
	/* update 2017-11-21 end */
}

html {
	letter-spacing: 0.035em; /* equals a Photoshp letter spacing of 20 (base is 0,0016) */
	min-height: 100%;   /* required for the sticky footer */
	position: relative; /* required for the sticky footer */
	margin-right: 0 !important;
	overflow: visible !important;
}

body {
	background-color: #ffffff;
	font-family: 'Open Sans', sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	color: #38484e;
	overflow-x: hidden;

}
a {
	font-weight: 600;
	color: #38484e;



}

hr {
	border-top-color: #38484e;
}

h1{
	font-size: 2.6rem;
	letter-spacing: 0.8rem;
	margin: 2.5rem 0 3rem;
	text-align: center;
	text-transform: uppercase;
    color:#38484e;
}

h2 {
	font-size: 2.4rem;
	letter-spacing: 0.1rem;
	margin-bottom: 1.5rem;
}
h3 {
	font-size: 1.5rem;
	line-height: 2.1rem;
	margin: 1.5rem 0;
}

p {
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 2.5rem;
}

input, textarea {
	/* removes border radius and shadow in webkit from form fields */
	border-radius: 0;
	-webkit-appearance: none;
}

select {
	border-radius: 0;
	-webkit-appearance: none;
}

input.field-ok {
	background-image: url("/static/img/web/input-check.svg");
	background-repeat: no-repeat;
	background-position: right 1rem center;
}

input.spinner {
	background-image: url("/static/img/web/ajax-loader-input.gif");
	background-repeat: no-repeat;
	background-position: right 1rem center;
}

input.checkbox {
	-webkit-appearance: checkbox;
}

input::-webkit-input-placeholder {
	/* moving down placeholder in mobile safari */
	padding-top: 0.1rem;
}


.backtotop {
	position: fixed;
	bottom: -60px;
	width: 60px;
	left: 85%;
	/* margin-left: -30px; */
	z-index: 999;
	-webkit-transition: bottom 0.3s ease-out;  /* Android 2.1+, Chrome 1-25, iOS 3.2-6.1, Safari 3.2-6  */
	transition: bottom 0.3s ease-out;  /* Chrome 26, Firefox 16+, iOS 7+, IE 10+, Opera, Safari 6.1+  */
}
.backtotop.visible {
	bottom: 0;
}

.backtotop button {
	margin-left: auto;
	margin-right: auto;
	width: 5rem;
	height: 5rem;
	background: rgba(255, 255, 255, 0.8);
	border: 1px solid #38484e;
	text-align: center;
	padding: 0;
	display:block;
}

.mobilesub  {
	left: 0;
	position: absolute;
	right: 0;
	top: 5rem;
	width: 100%;
	background: rgba(255, 255, 255, 0.8);
	border-bottom: 1px solid #38484e;
	z-index: 500;
	height: 5rem;
	font-weight: 700;
	padding-top: 1.2rem;
	padding-left: 15px;
	padding-right: 15px;
	color: #afafaf;
	font-weight: 700;
	text-transform: uppercase;
}

.mobilesub .button {
	display: block;
	float: right;
	font-size: 1.3rem;
	height: 3.2rem;
	margin-top: -4px;
	padding-top: 0;
	width: 6rem;
}

.mobilesub + div {
	margin-top: 5rem;
}

.mobilesub .backbutton {
	display: inline-block;
	padding: 0 11px;
	margin: 0 7px 0 -7px;
}

.mobilesub .backbutton:hover {
	opacity: 0.34;
}

.mobilesub img {

	width: auto !important;
	height: auto !important;

}

a:hover {
	text-decoration: underline;
	color: #38484e;
}

.menubar {
	background-color: #38484e;
	margin: auto;
	width: 100%;
}

.heading {
	position: relative;
}

.mobilelogo,
.mobilelogo_xs,
.carticon {
	position: absolute;
	top: 0;
	right: 0;
	border-left: 1px solid #7d7d7d;
}

.carticon {
	display: block;
	width: 50px;
	height: 50px;
	background-image: url("/static/img/web/cart-menubar-icon.svg");
	color:#fff;
	text-align: center;
	font-size: 13px;
	padding: 17px 0 0 0;
	letter-spacing: normal;
}

a.carticon,
a.carticon:hover,
a.carticon:focus,
a.carticon:visited,
a.carticon:active {
	text-decoration: none;
	color: #fff;
}

header.container {
	background-color: #38484e;
	/* background-image: url(/static/img/web/menubg.png); */
	background-repeat: repeat-x;
	background-position: top;
	z-index: 999;
	border-bottom: 1px solid #d7d7d7;
	top: 0;
	padding-right: 0;
}

.menu {
	left: -100%;
}

.menubutton {
	float: left;
	margin-top: 0;
	padding: 0;
	border: 0;
	z-index: 999;
	outline: none;
	width: 5.1rem;
	height: 5rem;
	border-right: 1px solid #696969;
}

.menubutton_xs {
	margin-top: 0;
	padding: 0;
	border: 0;
	position: absolute;
	z-index: 999;
	outline: none;
	display: none;
	right: -51px;
	width: 5.1rem;
	height: 5rem;
	border-right: 1px solid #38484e;
	-webkit-transition: right 0.3s ease-in-out;
	-moz-transition: right 0.3s ease-in-out;
	-ms-transition: right 0.3s ease-in-out;
	-o-transition: right 0.3s ease-in-out;
	transition: right 0.3s ease-in-out;
}

.menubutton span,
.menubutton_xs span {
	background-color: #38484e;
	background-image: url("/static/img/web/menubutton.svg");
	background-repeat: no-repeat;
	display: block;
	width: 5rem;
	height: 5rem;
}

.mainmenu,
.level0,
.level1 {
	list-style: none;
	padding-left: 0;
}

.level1 {
	display: block;
}

.menulinktxt,
.menulinktxt:hover {
	text-decoration: none;
	font-weight: 700;
	font-size: 16px;
	font-size: 1.6rem;
	display: block;

}

span.menulinktxt { cursor: pointer; }

.mainmenu .menulinktxt,
.submenu .menulinktxt {
	padding: 1.5rem;
	height: 5rem;
}

.mainmenu .menulinktxt,
.mainmenu .menulinktxt:visited {
	color: #d7d7d7;
}

.mainmenu .menulinktxt:hover,
.mainmenu .menulinktxt:active,
.mainmenu .current .menulinktxt {
	color: #fff;
}

.metamenu .menulinktxt,
.metamenu .menulinktxt:visited {
	color: #D7D7D7;
}

.metamenu .menulinktxt:active,
.metamenu .menulinktxt:hover,
.metamenu .menulinktxt:hover .cartamount,
.metamenu .current .menulinktxt {
	color: #FFF;
}

.metamenu .cartamount {
	color: #afafaf;
}

.metamenu {
	position: relative;
}

.mmsubtriangle {
	width: auto !important;
}

.iconbutton {
	width: 1.6rem;
	height: 1.6rem;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	padding:0;
	vertical-align: bottom;
}

.iconbutton.remove {
	background-image: url("/static/img/web/cart-icon-remove.svg");
	width: 2.4rem;
	height: 1.6rem;
}
.iconbutton.remove:hover {
	background-image: url("/static/img/web/cart-icon-remove-hover.svg");
}

.iconbutton.add {
	background-image: url("/static/img/web/cart-icon-add.svg");
}
.iconbutton.add:hover {
	background-image: url("/static/img/web/cart-icon-add-hover.svg");
}

.iconbutton.edit {
	background-image: url("/static/img/web/cart-icon-edit.svg");
}
.iconbutton.edit:hover {
	background-image: url("/static/img/web/cart-icon-edit-hover.svg");
}

.iconbutton.edit-black {
	background-image: url("/static/img/web/cart-icon-edit-hover.svg");
}
.iconbutton.edit-black:hover {
	opacity: 0.3;
}

.itemcount,
.metamenu .cart .subtotal {
	text-align: center;
	border-bottom: 1px solid #d7d7d7;
	height: 3.9rem;
	padding-top: 0.9rem;
}

.clearer { clear: both;}

/* Forms      */
/* ---------- */

input, textarea, select {
	width: 100%;
	border: 1px solid #d7d7d7;
	color:#38484e;
	font-size: 1.5rem;
	margin: 0 0 -1px 0;
	display: block;
	padding: 1.1rem 1.5rem 1.2rem;
	background-color: #fff;
}

select {
	padding: 0.8rem 1.2rem 0.9rem;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	select {
		padding: 0.9rem 1.5rem 1rem;
		background-image: url("/static/img/web/select-triangle.svg");
		background-position: right 1rem center;
		background-repeat: no-repeat;
		background-color: #fff;
		background-size: 1.2rem;
	}
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color:#afafaf;
	font-size: 1.3rem;
}
input:-moz-placeholder,
textarea:-moz-placeholder { /* Firefox 18- */
	color:#afafaf;
	font-size: 1.3rem;
}
input::-moz-placeholder,
textarea::-moz-placeholder {  /* Firefox 19+ */
	color:#afafaf;
	font-size: 1.3rem;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color:#afafaf;
	font-size: 1.3rem;
}

.required {
	border-left: 2px solid #ff0032;
}

.checkbox.required {
	outline: 1px solid #ff0032;
}

label { display: none;}

p.formerror {
	background-color: #ffe0e6;
	color: #ff0032;
	font-size: 1.3rem !important;
	line-height: 1.7rem;
	padding: 1.2rem 1.5rem;
	margin-top: 2.5rem;
}

.formbutton {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	color: #d7d7d7;
	display: block;
	font-size: 1.8rem;
	font-weight: 600;
	margin: 0 0 -1px -1px;
	padding: 1.2rem 0 1.1rem;
	text-align: center;
	width: 3.8rem;
	height: 4.3rem;
	float: left;
}

.formbutton:hover,
.formbutton.active {
	color: #38484e;
}

.formrow {
	position: relative;
}

.formrow .formwrapper {
	right: 0;
	top: 0;
	position: absolute;
}

.checkbox {
	display: inline-block;
	margin-right: 0.5rem;
	width: auto;
	vertical-align: middle;
}

label.checkboxlabel {
	display: inline;
	font-size: 1.3rem;
	vertical-align: middle;
	line-height: 2.4rem;
}

.form-field-error {
	color:red;
	padding-top:3px;
	padding-bottom: 5px;
	font-size: 14px;
}
.form-field-error:empty {
	display: none;
}


/* Login      */
/* ---------- */


.actionlink a {
	font-size: 1.3rem;
	font-weight: 400;
	color: #696969;
}

.account-login p,
.account-overview p,
.download-overview p,
.support-resellers p {
	font-size: 1.5rem;
	line-height: 2rem;
	margin-bottom: 2.5rem;
}

p.actionlink {
	margin-top: 0.5rem;
	margin-bottom: 2.7rem;
}

.account-login p.actionlink {
	margin-bottom: 5.5rem;
}


/* Account Overview */
/* ---------------- */


.account-overview p,
.download-overview p,
.support-resellers p {
	font-size: 1.5rem;
}

.account-overview .table {
	font-size: 1.3rem;
	margin-top: 2.5rem;
}

.account-overview .table th {
	background-color: #38484e;
	color: #FFF;
	border: none;
}

.account-overview .table td p {
	margin: 0 0 4px 0;
	padding-bottom: 4px;
}

.account-overview .table tr:first-child td {
	border: none;
}

.downloads {
	background-color: #fff;
	margin-bottom: 9rem;
	margin-top: 2.5rem;
	border-bottom: 1px solid #38484e;
}

.downloads h4 {
	font-size: 2.4rem;
	line-height: 3.4rem;
	margin:0;
	padding: 1.1rem 3.8rem 1.2rem 0.8rem;
}

.downloads h5 {
	font-size: 1.5rem;
	margin: 0;
	line-height: 2rem;
	padding: 0;
}

.downloads p {
	margin: 0;
	line-height: 2rem;
	padding: 0;
}

.dlitem a {
	color: #afafaf;
	font-size: 1.3rem;
	font-weight: 400;
}
.dlitem a:hover {
	color: #38484e;
}

.dlheading {
	background-color: #ffffff;
	background-image: url("/static/img/web/select-triangle-down-hd.png");
	background-repeat: no-repeat;
	background-position: right 9px top 26px;
	background-size: 14px 9px;
	cursor: pointer;
}
.downloads .active .dlheading {
	border-bottom: 1px solid #d2d2d2;
}
.downloads .active .dlheading {
	background-color: #fff;
	background-image: url("/static/img/web/select-triangle-up-hd.png");
}

.downloads .active .dlitem {
	border-bottom: 1px solid #d2d2d2;
	display: block;
	min-height: 9rem;
	padding: 1.6rem 3.8rem 1.2rem 0.8rem;
}

.downloads .dlitem {
	display: none;
	position: relative;
	overflow: hidden;
}

.downloads .dlgroup {
	border-top: 1px solid #38484e;
}

.downloads .dlitem:last-child {
	border-bottom: none !important;
}

.downloads .dlitem .textwrapper {
	float: left;
	width: 70%;
}

.downloads .dlitem .dl-icons {
	width: auto;
	float: right;
	text-align: right;
	margin: -16px -38px -13px 0;
}

.downloads .dlitem .dl-icons a {
	display: inline-block;
	width: 4.5rem;
	height: 4.5rem;

}

.downloads .dlitem .dl-icons a img {
	width: 100%;
	height: auto;
	border-left: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	border-top: 1px solid #d2d2d2;
	margin-top: -1px;
}

.downloads .dlitem .dl-icons a:hover img {
	-webkit-filter: invert(100%); /* Safari 6.0 - 9.0 */
	filter: invert(100%);
}


/* Startseite */
/* ---------- */


/* image carousel */
.carousel {
	position: relative;
	margin: 0 -15px 1px;
}

.carousel_slides {
	position: relative;
	height: 100%;
	width:100%;
}

.vimeo_container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	float:left;
	width:100%;
	background-size: cover;
	pointer-events: none;
}

.vimeo_container iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
    border:0;
}

.carouselitem {
	float: left;
	width: 100%;
	overflow: hidden;
}

.carouselitem img {
	-webkit-transform-origin: center center;
	transform-origin: center center;
	position: relative;
}

.carouselitem,
.c-backgroundimg
{
	width: 100%;
	height: auto;
}

.bulletnav {
	position: absolute;
	bottom: 28px;
	bottom: 3.5vw;
	text-align: center;
	width: 100%;
}
.bullet {
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #38484e;
	box-shadow: 0px 0px 0px 1px #f5f5f5e6;
	background-color: transparent;
	width: 1.5rem;
	height: 1.5rem;
	margin-left: 0.2rem;
	margin-right: 0.2rem;
}

.bullet.selected {
	background-color: #38484e;
}

.yellowbar {
	background-color:#D7F500;
	height: 6.5vw;
	text-align: center;
	font-size: 2.4vw;
	padding-top: 1.4vw;
}

.yellowbar a {
	font-weight: 300;
}

/* professionsellect */
.professionselect {
	margin: 0 -15px 30px;
	background-color: #38484e;
	padding: 2.1rem 15px 3.2rem 15px;
	color: #fff;
	text-align: center;
	font-size: 1.8rem;
	font-weight: 600;
	line-height: 4rem;
}

.professionselect h2 {
	font-size: 2.6rem;
	text-transform: uppercase;
	letter-spacing: 0.4rem;
	margin: 0 0 2.0rem;
	line-height: 3.5rem;
}

.specialselect {
	position: relative;
	display: inline-block;
	cursor: pointer;
	font-size: 1.5rem;
	text-transform: uppercase;
	line-height: 4rem;
	font-weight: 600;
	min-width: 20rem;
}

.professionselect .specialselect {
	width: auto;
}

.specialselect_value {
	padding: 0.2rem 9rem 0.2rem 1.4rem;
	color: #38484e;
	background-color: #D7F500;
	border: 1px solid #38484e;
	text-align: left;
	display: inline-table;
	width: 29rem;
}

.download-overview .specialselect_value,
.download-overview .specialselect {
	width: 100%;
}

.black .specialselect_value {
	color: #fff;
	background-color: #38484e;
	border: 1px solid #38484e;
}

.specialselect_value img {
	position: absolute;
	right: 1rem;
	top:1.9rem;
	width: 14px;
	height: auto;
}

.inlineselect {
	max-height:360px;
	overflow:scroll;
	overflow-x:hidden;
	position: absolute;
	display:none;
	list-style: none;
	margin: 0;
	top: 4.6rem;
	left:0;
	background-color: #fff;
	color: #38484e;
	width: 100%;
	text-align: left;
	padding: 0;
	z-index: 50;
	font-size: 1.5rem;
    box-shadow: 1px 3px 5px 1px #38484e91;
}

.black .inlineselect {
	color: #fff;
	background-color: #38484e;

}

.inlineselect li a {
	color: #38484e;
	display: block;
	border: 1px solid #38484e;
	border-top: none;
	padding: 0.2rem 1.4rem;
}

.black .inlineselect li a {
	color: #fff;
	border: 1px solid #3c3c3c;
	border-top: none;
}

.inlineselect li a:hover,
.inlineselect li a:active {
	color: #afafaf;
	text-decoration: none;
}

.specialselect.dropdown .inlineselect {
	display: block;
}

.nopadding {
	padding-left: 0;
	padding-right: 0;
}

.teaserwrapper {
	margin-bottom: 0;
	position: relative;
}

.teaserwrapper h2 {
	font-size: 3.6vw;
	line-height: 4.4vw;
	margin: 4vw 0 5vw;
}

.teaserwrapper p {
	font-size: 2.38vw;
	line-height: 3.1vw;
	margin: 0 0 8.3vw;
}

.teaserheading {
	font-size: 2.8rem;
	line-height: 3.2rem;
	letter-spacing: 0.07rem;
	margin-bottom: 1rem;
	font-size: 3.59vw;
	letter-spacing: 0.13vw;
	line-height: 4.1vw;
	margin-bottom: 1.4vw;

}

.mainpage .teasertxt {
	position: absolute;
	top: 0;
	left: 45px;
	font-size: 1.5rem;
	left: 4vw;
	font-size: 2vw;
	margin-right: 15px;
}

.teasertxt .extended {
	letter-spacing: 0.35rem;
}

.teaser-bg-image {
	width: 100%;
	height: auto;
}

.button {
	display: inline-block;
	width: 20rem;
	height: 4.4rem;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5rem;
	line-height: 2rem;
	background-color: #38484e;
	color: #FFF;
	border: none;
	border-radius: 0;
	font-weight: 600;
	border:1px solid #38484e;
}
a.button,
a.button:active {
	padding-top: 1.2rem;
	text-decoration: none;
}
a.button:hover,
a.button:focus,
.button:hover {
	text-decoration: none;
	color: #38484e;
	background-color: #fff;
}

.button-white{
	color: #38484e;
	background-color: #fff;
}

.teaserwrapper .button {
	position: absolute;
	bottom: 2.5rem;
	left: 50%;
	margin-left: -10rem;
}

.yellowbutton {
	background-color: #D7F500;
	border: 1px solid #fff;
	border-color: #D7F500;
	color: #38484e !important;
	display: inline-block;
	font-size: 2vw;
	font-weight: 700;
	letter-spacing: 0.1vw;
	margin: 0 0 4vw;
	padding: 1vw 5vw;
	text-transform: uppercase;
}

.yellowbutton:hover {
	text-decoration: none;
	opacity: 0.9;
}

div.center {
	width: 100%;
	text-align: center;
	bottom: 30px;
	position: absolute;

}
div.center .yellowbutton {

	display: inline-block;
	margin: 0;
}

.darkbg {
	background-color: #38484e;

}

.bottomspace {
	margin-bottom: 4vw;
}


/* Footer ------ */
/* ------------- */


footer.container {
	width: 100%;
}

.footer {
	color: #f2f2f2;
	font-size: 1.3rem;
	padding-top: 1.3rem;
	padding-bottom: 1.2rem;
    text-align:center;
}

.footer.socialmedia {
	padding-top: 0;
	padding-bottom: 0;
}

.footer .facebook {
	background-color: #3b5998;
	background-image: url("/static/img/web/socialmedia-facebook.svg");
}

.footer .facebook:hover {
	background-image: url("/static/img/web/socialmedia-facebook-hover.svg");
}

.footer .twitter {
	background-color: #55acee;
	background-image: url("/static/img/web/socialmedia-twitter.svg");
}
.footer .twitter:hover {
	background-color: #55acee;
	background-image: url("/static/img/web/socialmedia-twitter-hover.svg");
}

.footer .youtube {
	background-color: #cc181e;
	background-image: url("/static/img/web/socialmedia-youtube.svg");
}
.footer .youtube:hover {
	background-image: url("/static/img/web/socialmedia-youtube-hover.svg");
}

.footer .googleplus {
	background-color: #db4437;
	background-image: url("/static/img/web/socialmedia-googleplus.svg");
}
.footer .googleplus:hover {
	background-image: url("/static/img/web/socialmedia-googleplus-hover.svg");
}

.footer.socialmedia img {
	width: 100%;
}

.footer.socialmedia img.hover,
.footer.socialmedia a:hover img.normal {
	display: none;

}

.footer.socialmedia a:hover img.hover {
	display: inline;
}

.footer.socialmedia div {
	text-align: center;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 80%;
	height: 4.4rem;
}

.footer.infotext {
	background-color: #38484e;
}

.footer a, .footer span.like-link {
	color: #f2f2f2;
	font-weight: 300;
	padding:1rem;
}
.footer a:hover{
	text-decoration:underline;
    }
.footer a:active,
.footer a:focus {
	color: #fff;
	text-decoration: none;
}

.footer .instagram {
	background-color: #db4437;
	background-image: url("/static/img/web/socialmedia-instagram.svg");
}
.footer .instagram:hover {
	background-image: url("/static/img/web/socialmedia-instagram-hover.svg");
}


/* Product Page --- */
/* ---------------- */


.product-cat h1 {
	margin: 2.6rem 0 0.8rem;
}

.product-cat h2 {
	font-size: 1.8rem;
	letter-spacing: 0.56rem;
	line-height: 2.2rem;
	text-transform: uppercase;
	margin-bottom: 1.8rem;
	text-align: center;
}

.product-cat .teaser-big,
.product-cat .teaser-reg {
	text-align: center;
}

.product-cat .teaser-reg {
	padding-top: 5rem;
	border-top: 1px solid #38484e;
}

.product-cat .teaser-reg .button,
.product-cat .teaser-big .button {
	width: 17rem;
	margin-bottom: 3rem;
}

.product-cat .teaser-row {
	margin-bottom: 7.5rem;
}

.product-cat .no-line .teaser-reg:first-child {
	border: none;
}


/* Download Overview --- */
/* --------------------- */


.download-overview h2,
.support-resellers h2 {
	font-size: 2.2rem;
	letter-spacing: 0.6rem;
	line-height: 2.4rem;
	margin-bottom: 3.7rem;
	margin-top: 6.2rem;
	text-align: center;
	text-transform: uppercase;;
}

.selectsearch {
	margin-top: 2.5rem;
	height: 4.3rem;
}


/* Download all Versions --- */
/* ------------------------- */


.downloads .dl-single-icon {
	margin-top: -4px;
	position: absolute;
	right: 0;
	top: 50%;
	width: 3.1rem;
}

.downloads .dl-single-icon a {
	display: block;
	width: 3rem;
	height: 3rem;
	background-size: 15px 12px;
	background-repeat: no-repeat;
}

.downloads .dl-single-icon a.dlicon {
	background-image: url("/static/img/web/dl-icon.png");
}
.downloads .dl-single-icon a.dlicon:hover {
	background-image: url("/static/img/web/dl-icon-hover.png");
}

.modalPopup {
	position: relative;
	border: 1px solid #d7d7d7;
	width: 90%;
	padding: 30px 15px;
	background-color: #fff;
	margin: 20px auto;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.11);
}

*::before, *::after {
	box-sizing: border-box;
}
*::before, *::after {
	box-sizing: border-box;
}
.loadPopup {
	background-color: #fff;
	border: 1px solid #d7d7d7;
	-webkit-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.11);
	-moz-box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.11);
	box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.11);
	left: 50%;
	margin: -23px auto 0 -325px;
	padding: 1rem 2rem;
	position: fixed;
	top: 50%;
	width: 750px;
	z-index: 999;
	font-size: 1.5rem;
}

.modalPopup h2 {
	font-size: 1.5rem;
	margin: 0;
}

.modalPopup p {
	margin-top: 2rem;
}

.modalPopup p.subheadline {
	margin: 0;
}

.modalPopup .button {
	display: block;
	margin: 6rem auto 0;
}

.modalPopup label { display: none; }

.modalPopup.newaddressform { max-width: 570px; }

.modalPopup.newaddressform h2 {
	margin-top: -1.8rem;
	margin-bottom: 1.4rem;
}

.newaddressform .zip { width: 10rem; }


/* Blog Overview ----------- */
/* ------------------------- */

.blognewsheading {
	margin-top: -10px;
    margin-bottom: 6px;
}

.largeblogteaser {
	position: relative;
	margin: 0 -15px;
}

.blog-largeteaser-bg {
	object-fit: cover;
	height: 465px;
	width: 100%
}

.blog-overview .textoverlay {
	position: absolute;
	text-align: center;
	color: #fff;
	top: 0;
	width: 100%;
	padding: 15px;
}

.blog-overview .textoverlay .catdate a {
	color: #fff;
}

.blog-overview .textoverlay h1 {
	font-size: 4.2rem;
	letter-spacing: 1.15rem;
	text-align: center;
	text-transform: uppercase;
	margin: 1.5rem 0 3rem;
}

.blog-overview .textoverlay h2 {
	text-align: center;
	font-size: 3.8rem;
	letter-spacing: 0.06rem;
	margin: 6.5rem 0 1rem;
	line-height: 4rem;
}

.blog-overview .textoverlay p {
	letter-spacing: 0.05rem;
	text-align: center;
	font-size: 1.8rem;
	margin: -0.6rem 0 0;
	line-height: 2.6rem;
}

.blog-overview .textoverlay p.catdate {
	font-size: 1.5rem;
	letter-spacing: 0.03rem;
	text-align: center;
	margin: 0.7rem 0 5.2rem;
}

.blog-overview .categories { margin: 3rem 0 1.5rem; }

.blog-overview .categories .button { width: 100%; margin-bottom: 1.5rem; }

.blog-overview .teaseritem {
	margin-bottom: 3rem;
}

.blog-overview .gridcontainer .teaseritem {
	margin-bottom: 5rem;
}

.blog-overview .teaseritem img { width: 100%; }

.blog-overview .teaseritem h2 {
	font-size: 2.4rem;
	line-height: 3rem;
	margin: 0 0 1.7rem;
}

.blog-overview .teaseritem.testimonial h2 {
	text-transform: uppercase;
	font-size: 2.8rem;
	line-height: 3.2rem;
	margin-bottom: 3rem;
	letter-spacing: 0.055rem;
}

.blog-overview .teaseritem .autor {
	font-size: 1.5rem;
	font-weight: 600;
	text-transform: uppercase;
}

.blog-overview .catdate {
	font-size: 1.5rem;
	margin: 0 0 1.2rem;
}

.blog-overview p {
	font-size: 1.8rem;
	line-height: 2.6rem;
	margin: 0;
	font-weight: 400;
	margin-bottom: 1.7rem;
}

.blog-overview .teasertxt {
	padding: 1.4rem 2rem 5.4rem;
	background-color: #fff;
}

.blog-overview .gridcontainer .teasertxt {
	padding: 1.4rem 0 2.9rem;
	background-color: transparent;
}

.blog-overview .teasertxt a:hover {
	text-decoration: none;
    color:#38484e;
}

.blog-overview .testimonial .teasertxt {
	background-color: #38484e;
	color:#fff;
}

.blog-overview .teaseritem.testimonial:hover .teasertxt {
	background-color: #fff;
	color: #38484e;
}

.pagination {
	text-align: center;
	margin-bottom: 8rem;
}

.pagination ul {
	list-style: none;
	display: inline-block;
}

.pagination li {
	float: left;
	width: 4.4rem;
	height: 4.4rem;
	font-size: 1.5rem;
	margin-right: 2rem;
	margin-bottom: 2rem;
}

.pagination li a {
	display: block;
	width: 4.4rem;
	height: 4.4rem;
	text-decoration: none;
	border: 1px solid #38484e;
	background-color: #FFF;
	text-align: center;
	padding-top: 1rem;
}

.pagination li a:hover,
.pagination li a.current {
	background-color: #38484e;
	color: #fff;
}


/* Creed ------------------- */
/* ------------------------- */


.creed .teasertxt p {
	font-size: 1.5rem;
	font-weight: 700;
	line-height: 1.9rem;
	text-transform: uppercase;
}
.creed .teasertxt {
	height: auto;
	background-color: #38484e;
	color: #fff;
	padding-bottom: 1.6rem;
}


/* Blog News Item ---------- */
/* ------------------------- */

.blog-news-item img {
	width: 100%;
	height: auto;
}

.blog-news-item img.inlineimg {
	margin: 4rem 0 1rem;
}

.blog-news-item p + img {
	margin-top: 3rem;
}

.blog-news-item h1 {
	font-size: 5.4rem;
	line-height: 5.6rem;
	margin: 1.2rem 0 0;
	letter-spacing: 0.1rem;
	text-transform: none;
	text-align: left;
}

.blog-news-item h2 {
	font-size: 2.8rem;
	font-weight: 400;
	letter-spacing: 0.06rem;
	line-height: 4rem;
	margin: 0.3rem 0 0.2rem;
}

.blog-news-item h3 {
	font-size: 1.8rem;
	margin: 2.9rem 0 0;
}

.blog-news-item .catdate {
	font-size: 1.5rem;
	margin: 0.3rem 0 3.1rem;
}

.blog-news-item h3 + p {
	margin-top: 0.2rem;
}

.blog-news-item p {
	font-size: 1.8rem;
	line-height: 2.6rem;
}

.blog-news-item .gallery {
	margin-top: 5.4rem;
	margin-bottom: 5.5rem;
}


/* Image Gallery ----------- */
/* ------------------------- */


.gallery .thumb { display: none; }

.gallery .canvas {
	position: relative;
}

.gallery .canvas span {
	float: left;
}

.gallery .canvas .prev {
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background-image: url("/static/img/web/gallery-arrow-left.png");
	background-position: 16px 15px;
	/*background-color: #fff;*/
	background-repeat: no-repeat;
	-webkit-background-size: 12px 21px;
	background-size: 12px 21px;
	cursor: pointer;
}

.gallery .canvas .prev:focus,
.gallery .canvas .prev:active {
	background-image: url("/static/img/web/gallery-arrow-left-hover.png");
	background-color: #38484e;
}

.gallery .canvas .next {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -25px;
	width: 50px;
	height: 50px;
	background-image: url("/static/img/web/gallery-arrow-right.png");
	background-position: 21px 15px;
	/*background-color: #fff;*/
	background-repeat: no-repeat;
	-webkit-background-size: 12px 21px;
	background-size: 12px 21px;
	cursor: pointer;
}

.gallery .canvas .next:focus,
.gallery .canvas .next:active {
	background-image: url("/static/img/web/gallery-arrow-right-hover.png");
	background-color: #38484e;
}


/* Blog Testimonial Item ---- */
/* -------------------------- */


.blog-testimonial-item .inlineimg {
	margin: 4rem 0 2.2rem;
	width: 100%;
}

.blog-testimonial-item h1 {
	text-transform: uppercase;
	font-size: 2.8rem;
	line-height: 3.2rem;
	letter-spacing: 0.055rem;
	margin: 0.1rem 0 3.1rem;;
	text-align: left;
}

.blog-testimonial-item h2 {
	text-transform: none;
	font-size: 1.8rem;
	line-height: 2.6rem;
	letter-spacing: 0.03rem;
	margin: 2rem 0 0.1rem;
}

.blog-testimonial-item p {
	font-size: 1.8rem;
	line-height: 2.6rem;
}

.blog-testimonial-item h2+p {
	margin-top: 0;
}

.blog-testimonial-item .author {
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: 0.42rem;
	text-transform: uppercase;
	font-weight: 600;
	margin: 1rem 0 0.1rem;
}

.blog-testimonial-item .profession {
	font-size: 1.5rem;
	line-height: 2rem;
	letter-spacing: 0.03rem;
	margin: 0 0 4.1rem;
}

.blog-testimonial-item .highlight {
	font-size: 1.8rem;
	letter-spacing: 0.505rem;
	text-transform: uppercase;
	font-weight: 600;
}


/* Support Resellers ---- */
/* ---------------------- */


.support-resellers .downloads .logo {
	float: left;
	min-width: 44%;
	position: static;
	padding: 0.4rem 3rem 1.5rem 0;
}

.support-resellers .downloads .resellerinfo {
	float: left;
	width: 56%;
}

.support-resellers h1 {
	font-size: 4.2rem;
	letter-spacing: 1.15rem;
	line-height: 4.5rem;
	margin-top: 3.3rem;
	margin-bottom: 5rem;
}

.support-resellers .selectsearch {
	margin-top: 1rem;
}

.support-resellers .selectsearch {
	margin-top: 1.8rem;
}

.support-resellers .downloads {
	margin-top: 6.2rem;
}

.support-resellers .dlheading h4 {
	font-weight: 400;
}

.support-resellers .resellerinfo a {
	font-size: 1.5rem;
	font-weight: 600;
	color: #38484e;
}


/* Product Page ---- */
/* ----------------- */


.product-page h1 {
	font-size: 3.9rem;
	letter-spacing: 1.22rem;
	line-height: 4.5rem;
	margin: 3.3rem 0;
}

.product-page h2.subheading{
	text-align: center;
	margin-top: -2rem;
	margin-bottom: 4.5rem;
}


.product-page img {
	width: 100%;
}

.product-page .configurator,
.product-page .price {
	text-align: center;
	margin-top: 2rem;
	margin-bottom: 1.5rem;
	line-height: 5.9rem;
}

.product-page .configurator {
	margin-top: 0.3rem;
}

.product-page .price {
	margin-top: 1.2rem;
	margin-bottom: 5.2rem;
}

.product-page .capacity .button {
	width: 9rem;
	font-size: 1.8rem;
}

.product-page .capacity.capacity-wide .button {
	width: 16.2rem;
	font-size: 1.6rem;
}

.product-page .buttonwrapper {
	position: relative;
}

.product-page .buttonwrapper.na span,
.product-page .buttonwrapper.na span:hover {
	border-color: #afafaf;
	color: #afafaf;
	position: relative;
	background-color: transparent;
}
.product-page .buttonwrapper.na .capacity:hover {
	background-color: #fff;
}

.product-page .na:hover .namessage {
	display: block;
}

.product-page .buttonwrapper.active span {
	background-color: #38484e;
	color: #fff;
}

.product-page .na span.namessage {
	background-color: #afafaf;
	color: #fff;
	font-size: 1.3rem;
	font-weight: 400;
	letter-spacing: normal;
	line-height: 1.5rem;
	padding: 1rem;
	position: absolute;
	text-transform: none;
	width: 20rem;
	display: none;
	z-index: 800;
}

.product-page .buttonwrapper.na span.namessage {
	bottom: -86px;
	left: -56px;
}

.product-page .product-color.na span.namessage {
	bottom: -70px;
	left: -81px;
}

.product-page .na .namessage::before {
	content:url('/static/img/web/grey-triangle.png');
	position:absolute;
	top: -14px;
	left: 85px;
}

.product-page .configurator .button {
	height: 4rem;
	vertical-align: bottom;
	text-decoration: none;
	padding-top: 0.9rem;
	margin-top:10px;
}

.product-page .button.engraving {
	width: 18rem;
	text-transform: uppercase;
	font-size: 1.3rem;
}

.engraving-wrapper {
	width: 100%;
	text-align: center;
}

.product-page .product-color {
	display: inline-block;
	vertical-align: bottom;
	width: 4rem;
	height: 4rem;
	border: 1px solid transparent;
	padding: 0.2rem;
	margin: 0;
	margin-right: 0.4rem;
	cursor: pointer;
	position: relative;
}

.product-page .product-color:hover {
	border-color: #c3c3c3;
}

.product-page .product-color.active {
	border-color: #000;
}
.product-page .product-color.na,
.product-page .product-color.na:hover
.product-page .product-color.na.active {

	border-color: transparent;
	cursor: initial;
}
.product-color.na .innerspan {
	opacity: 0.3;
	filter: alpha(opacity=30); /* For IE8 and earlier */
}
.product-color .innerspan {
	display: block;
	width: 3.4rem;
	height: 3.4rem;
}
.product-color a {
	display: block;
	height: 3.4rem;
	width: 3.4rem;
	margin-right: 0 !important;
	padding: 0;
}

.product-page .price .currency {
	font-size: 2.4rem;
}

.product-page .price .value {
	font-size: 4.6rem;
	font-weight: 600;
}
.product-page .price .additinfo {
	display: block;
	font-size: 1.3rem;
	line-height: 1.5rem;
}

.product-page .misctxt { text-align: center;}
.product-page .misctxt h2 {
	font-size: 2.8rem;
	letter-spacing: 0.055rem;
	line-height: 3.3rem;
	margin: 0 0 2.1rem;
}

.product-page .misctxt p {
	font-size: 1.8rem;
	line-height: 2.4rem;
	margin: 0;
	margin-bottom: 5.5rem;
}

.product-page .keyfeatures {
	background-color: #38484e;
	color: #fff;
	margin: 6rem -15px;
}

.product-page .keyfeatures p {
	font-size: 1.8rem;
	line-height: 2.2rem;
}
.product-page .keyfeatures img {
	width: 90px;
	height: auto;
}

.product-page .keyfeatures .fitem {
	float: left;
	text-align: center;
    width:25%;
    padding-top:7rem;
    padding-right: 2rem;

}
.product-page .keyfeatures .fitem p {
	margin-top: 1.5rem ;
	letter-spacing: 0;
	margin-bottom: 6.6rem;
}

.product-page .misccontent { margin-bottom: 3rem; }

.product-page .misccontent { text-align: center; }
.product-page .misccontent h2 {
	font-size: 4.2rem;
	line-height: 4.6rem;
	margin: 0.7rem 0 4.4rem;
	text-transform: uppercase;
}

.product-page .misccontent p {
	font-size: 1.8rem;
	line-height: 2.4rem;
}

.product-page .rebel {
	text-align: center;
	margin-bottom: 3rem;
}

.product-page .testimonial {
	position: relative;
}

.product-page .teasertxt {
	left: 3.3rem;
	position: absolute;
	top: 0.5rem;
	font-size: 1.9vw;
}

.product-page .fullwidth {
	padding: 0;
}

.product-page .gallery {
	margin-bottom: 5rem;
}

.product-page .specifications h2 {
	font-size: 1.5rem;
	letter-spacing: 0.42rem;
	margin: 0 0 5.6rem;
	text-align: center;
	text-transform: uppercase;
}

.product-page .specifications h3 {
	font-size: 1.8rem;
	letter-spacing: 0.055rem;
	margin: 0 0 1.4rem;
}

.product-page .itemwrapper {
	margin-bottom: 4.3rem;
}

.product-page .specifications .specitem {
	border-bottom: 1px solid #38484e;
	padding:0.9rem 0 0.8rem;
}

.product-page .specifications .specitem strong {
	text-transform: uppercase;
	padding-right: 1.2rem;
}

.product-page .features img {
	width: auto;
}
.product-page .features .fitem {
	margin-bottom: 3rem;
}


/* Shopping Cart Existing Account --- */
/* ---------------------------------- */


/* capcha */
.shopping-cart .capcha { margin-bottom: 0; }

.shopping-cart .capcha img {
	border: 1px solid #d7d7d7;
	padding: 0.2rem 1rem;
	margin-bottom: 1rem;
	background-color: #fff;
	height: 36px;
}

.shopping-cart .payment-external-url .formerror {
	margin-top: 0;
}

.shopping-cart .payment-external-url {
	margin-bottom: 8rem;
}

.form-control.input-sm {
	height: 4.3rem;
}

/* x-editable styles */
.editable-input {
	line-height: 1.8rem;
}

.editable-submit {
	background-image: url("/static/img/web/symbol-check.png");
	width: 3.8rem;
	height: 4.3rem;
	border: 1px solid #d7d7d7;
	background-color: #fff;
}

.editable-submit:hover {
	background-image: url("/static/img/web/symbol-check-hover.png");
}

.editable-cancel {
	background-image: url("/static/img/web/symbol-x.png");
	width: 3.8rem;
	height: 4.3rem;
	border: 1px solid #d7d7d7;
	background-color: #fff;
}

.editable-cancel:hover {
	background-image: url("/static/img/web/symbol-x-hover.png");
}

.editable-buttons,
.editable-buttons button,
.editable-buttons .editable-cancel {
	margin-left: -1px;
}

.editable-error-block.help-block {
	background-color: #ffe0e6;
	color: #ff0032;
	font-weight: 600;
	margin: 1rem 0;
}

span.addaddressfield {
	border: 1px solid #d7d7d7;
	color:#898989;
	display: block;
	font-size: 1.5rem;
	margin: 0 0 -1px;
	padding: 1.1rem 1.5rem 1.2rem;
	width: 100%;
	background-color: #fff;
}

.shopping-cart {
	font-size: 1.5rem;
	line-height: 1.8rem;
}
.shopping-cart h1 {
	margin: 5.5rem 0 8rem;
}

.shopping-cart .productimg,
.shopping-cart .productinfo  {
	float: left;
	width: 50%;
	padding: 0 1rem 1rem 0;
}

.shopping-cart .productimg img {
	width: 158px;
	height: auto;
}

.shopping-cart hr.m0 {
	margin-bottom: 2rem;
	margin-top: 1rem;
}

.shopping-cart h2,
.shopping-cart .productinfo p {
	font-size: 1.5rem;
	line-height: 1.8rem;
	margin: 0;
}

.shopping-cart h2 {
	margin-bottom: 1.3rem;
	letter-spacing: 0.03rem;
}

.shopping-cart .flr a {
	font-weight: 400;
	color: #afafaf;
	font-size: 1.3rem;
	line-height: 1.7rem;
}

.shopping-cart .productinfo p {
	margin-bottom: 2.1rem;
}
.shopping-cart .productinfo a h2 {
	letter-spacing: 0.1rem;
	margin: 0;
	color: #38484e;
}

.shopping-cart .productinfo a:hover {
	text-decoration: none;
}

.shopping-cart .productinfo h3 {
	margin-bottom: 0;
}

.pull-right.editbutton {
	margin:0.2rem 0.7rem 0 0;
}

.shopping-cart p {
	margin-bottom: 1.8rem;
}

.shopping-cart .productinfo a {
	font-weight: 400;
	color: #afafaf;
	font-size: 1.3rem;
}

.shopping-cart table {
	width: 100%;
	background-color: transparent;
	margin-top: 2.5rem;
	margin-bottom: 2.2rem;
}

.shopping-cart td {
	padding-top: 0.1rem;
}

.shopping-cart table .right { text-align: right; }

.shopping-cart table .total {
	font-weight: 600;
	border-top: 1px solid #38484e;
	padding-top: 0.9rem;
	padding-bottom: 0.9rem;
}

.shopping-cart table tr:nth-last-child(3) td {
	padding-bottom: 0.9rem;
}

.shopping-cart .hello {
	margin-top: 3.5rem;
	margin-bottom: 4.7rem;
}
.shopping-cart .hello h2 {
	margin-bottom: 1.8rem;
}

.shopping-cart .address {
	background-color: #fff;
	letter-spacing: 0.025rem;
	padding: 1.1rem 1.4rem 1.4rem;
	border: 1px solid #d7d7d7;
	font-size: 1.3rem;
	line-height: 1.7rem;
	margin-top: -0.1rem;
	position: relative;
	cursor: pointer;
}

.shopping-cart .address:hover,
.shopping-cart .address.active {
	border: 1px solid #38484e;
	margin-top: -0.2rem !important;
	padding-top: 1.2rem !important;
}

.shopping-cart .address:hover::after,
.shopping-cart .address.active::after {
	border-top: 1px solid #38484e;
	content: "";
	position: absolute;
	width: 100%;
	left: 0;
	bottom: 0;
}

.shopping-cart .addaddress {
	margin-top: -0.1rem;
}

.shopping-cart .addaddressfield {
	padding-right: 80px;
	line-height: normal;
	height: 4.3rem;
}

.shopping-cart .billinginfo {
	margin-bottom: 2.8rem;
}

.shopping-cart .billinginfo h2 {
	margin-bottom: 1.2rem;
}

.shopping-cart .phonenumber {
	margin-top: 1.5rem;
}
.shopping-cart .additinfo h2 {
	margin-top: 3rem;
	margin-bottom: 1.7rem;
}

.shopping-cart .additinfo textarea {
	height: 8.2rem;
}

.shopping-cart .payment {
	margin-top: 2.8rem;
}

.shopping-cart .payment .formwrapper input,
.shopping-cart .payment .formwrapper select {
	float: left;
	margin-left: -1px;
	width: 9.2rem;
}

/* quick fix */
.shopping-cart .payment .field_cardno + .formwrapper {
	min-width: 158px;
}

.shopping-cart .payment h2 { margin-bottom: 1.6rem; }
.shopping-cart .pprovider { margin-bottom: 3rem; }
.shopping-cart .pprovider a {
	display: block;
	float: left;
	border: 1px solid #d7d7d7;
	width: 33.33%;
	border-right-color: transparent;
}

.shopping-cart .pprovider a:last-of-type {
	border-right: 1px solid #d7d7d7;
}

.shopping-cart .pprovider a:hover,
.shopping-cart .pprovider a.active {
	border: 1px solid #38484e;
}

.shopping-cart .pprovider img {
	width: 100%;
	height: auto;
}

.shopping-cart .total {
	margin-top: 6rem;
	text-align: left;
	font-size: 1.6rem;
}

.shopping-cart .visible-xs.total {
	text-align: center;
}

.shopping-cart .tax-info {
	font-size: 1.3rem;
	font-style: italic;
}

.shopping-cart .total h2 {
	margin-bottom: 1.9rem;
}
.shopping-cart .total p {
	font-size: 1.3rem;
}

.shopping-cart .total .currency {
	font-size: 2.4rem;
	font-weight: 600;
}

.shopping-cart .total button { margin-top: 0.6rem; }

.shopping-cart .total .price {
	font-size: 4.2rem;
	font-weight: 600;
}

.shopping-cart .billinginfoform {
	margin-bottom: 3rem;
}

.shopping-cart .billinginfoform .zip {
	width: 7rem;
}

.shopping-cart .billinginfoform h2 {
	margin-top: 3rem;
}

.shopping-cart .formerror {
	text-align: left;
	margin-top: 3.5rem;
	background-color: #ffe0e6;
	color: #ff0032;
	padding: 1.2rem 1.5rem;
}

/* side wide message */
.sidewidemessage {
	color: #FFF;
	background-color: #ff0032;
	padding: 15px;
	text-align: center;
	margin: 0 -15px;
	position: relative;
}

.sidewidemessage h1 {
	font-size: 1.8rem;
	line-height: 2rem;
	text-transform: uppercase;
	letter-spacing: 0.24rem;
	margin:1.2rem 0 !important;
}

.sidewidemessage p {
	font-size: 1.5rem;
	line-height: 1.9rem;
	font-weight: 700;
	margin-bottom: 1.5rem;
}

.sidewidemessage .swm-close {
	border:none;
	background-color: transparent;
	font-size: 3rem;
	position: absolute;
	right: 1.4rem;
	top: 0.4rem;
	color: #fff;
}

.sidewidemessage .swm-close:hover {
	color:#38484e;
	text-decoration: none;
}

.sidewidemessage .button.bwhite .button.byellow {
	margin-bottom: 1.2rem;
	margin-top: 1.2rem;
}

.engravingpopup .row {
	padding: 2rem	6rem;

}

.engravingpopup h3 {
	font-size: 1.8rem;
	letter-spacing: 0.8rem;
	text-transform: uppercase;
	margin-bottom: 2.3rem;
}

.engravingpopup p {
	font-size: 1.8rem;
	line-height: 2.5rem;
}

.engravingpopup label {display: none;}

.engravingpopup input {
	padding: 0.9rem 1.5rem;
	margin-bottom: 1.4rem;
}

.engravingpopup p.subtext  {
	font-size: 1.5rem;
	line-height: 1.9rem;
	margin-top: 2.3rem;
}

.engravingpopup .img {
	position: relative;
	text-align: center;

	/* update 2017-11-21 begin */
	width: 61vw;
	margin: 0 auto;
	/* update 2017-11-21 end */

}

/* update 2017-11-21 begin */

.engravingpopup img {
	width: 100%;
}
/* update 2017-11-21 end */

.mobilesub span { 		/* Schriftfarbe von aktivem Submenüpunkt im xs und sm Breakpoint*/
	color: #afafaf;
    font-size:1.1rem;
}

.menu a.logo img {
	margin-bottom: 1px;
}

.blog-overview .categories .catwrapper {
	text-align: center;
}

.blog-overview .categories a.button {
	width: 22rem;
	margin: auto 15px 15px;
}


/* update 2021-04-14 begin */

.ab-txt-mobile {
	height: 50px;
    vertical-align: middle;
}

.mobile-icons {
	position: absolute;
    top: 0;
    right: 0;
    height: 50px;
    margin-right: 10px;
}

.icon {
	opacity: 0.5;
	height: 20px;
	width: auto;
}

.icon:hover {
	opacity: 1;
}

.mobile-icons .icon {
	opacity: 1;
}
.mobile-icons a {
	opacity: 0.7;
}

.mobile-icons a:hover {
	text-decoration: none;
	opacity: 1;
}

.mobile-login-icon,
.mobile-cart-icon {
	margin-top: 12px;
    display: inline-block;
}
.mobile-login-icon {
	border-right: 1px solid #696969;
	padding-right: 6px;
    margin-right: 9px;
}

.mobile-cart-icon .cartamount {
	font-size: 1.4rem;
	color: #ffffff;
	letter-spacing: 1px;
	font-weight: 400;
}

.logowing {
	margin-left: -27px;
}


.footerflexwrapper {
	display: inline-block;
	justify-content: space-between;
	width: 100%;
  	flex-wrap: wrap;
  	margin-bottom: 5px;
}
.footerchild {

}

.footeritem1 {
	width: 100%;
	margin-top: 2em;
	font-weight: 300;
}
.footeritem2 {
	text-align: center;
	order: -1;
    width: 100%;
    margin-bottom: 2em;
    margin-top:2em;
}
.footeritem3 {
	text-align: center;
	width: 100%;
	order: -1;
    margin-bottom: 2em;
    margin-top:2em;
}

.socialmedia-icon {
	/*height: 24px;*/
	height: 28px;
	width: auto;

}

.socialmedia-icon:hover {
	opacity: 1;
}

.youtubeicon {
	margin-left: 5px;
}

.gridcontainer {
	display: grid;
	grid-template-columns: auto;
}

.griditem {
	border-bottom: 1px solid #38484e;
	margin-bottom: 30px;
}

.blog-overview .gridcontainer .teaseritem {
	margin-bottom: 0;
}

/* update 2021-04-14 END */





/* CAMERA COMPATIBILITY Template */
/* ----------------------------- */

.contentwrapper  {   /* wieder löschen */
	margin-top: 50px !important;
}

.camcomp {
	padding-bottom: 6rem;
}

.camcomp .specialselect {
	font-size: 1.3rem;
	font-weight: 700;
}


.camcomp h2 {
	font-size: 2.8rem;
}

.whitedropdown .specialselect_value {
	background-color: #fff;
}
.fullwidthdropdown,
.fullwidthdropdown .specialselect_value {
	width: 100%;
}

.fz13 {
	font-size: 1.3rem;
	line-height: 2rem;
}

.ccrow {
	margin-top: 35px;
}

.ccrow p {
	margin-bottom: 0;
}
.cclegendwrapper {
	white-space: nowrap;
    vertical-align: top;
    font-size: 1.5rem;
}
.cclegendicon {
	width: 11px;
	height: auto;
	margin-right: 8px;
	white-space: nowrap;
}
.cclegendblock {
	display: inline-block;
	white-space: initial;
    vertical-align: top;
}
.ccgrid {
	display: grid;
	grid-template-columns: repeat(2, 50%);
  	grid-gap: 0;
}


.ccgriditem {
	border-bottom: 1px solid #38484e;
	border-right: 1px solid #38484e;
	text-align: center;
	padding: 0 15px 15px;
	margin-top: 15px;
	font-size: 1.65rem;
}

/* every 2th column hide the right border */
.ccgriditem:nth-child(2n+0) { border-right: none; }

/* hide the right border for the last item */
.ccgriditem:last-child { border-right: none; }

.ccgriditem a {
	font-weight: 700;
}

.ccgriditem p {
	margin: 0 0 11px;
}

.ccgriditem img {
	width: 30px;
	height: auto;
	margin: 18px;

}

.cch3 {
	font-size: 1.8rem;
	font-weight: 700;
	padding-bottom: 0;
	margin-bottom: 9px;
}

.ccproductheading {
	border-bottom: 1px solid #38484e;
}

.ccadditionalinfo {
	padding-bottom: 1.5rem;
}

.ccadditionalinfo p {
	padding: 0;
	margin: 0;
}



.payment-icon {
	width: 42px;
    height: auto;
    margin-left: 15px;
    margin-bottom: 5px;
}



/* =============================================================================================== */
/* Small devices (tablets, 768px and up) ========================================================= */
/* =============================================================================================== */
@media (min-width: 768px) {

	.mobilesub div {
		width: 750px;
		margin-left: auto;
		margin-right: auto;
		padding-right: 0;
		padding-left: 0;
	}

	header.container {
		width: 100%;
		padding-right: 15px;
	}

	.menubar {
		background-color: #38484e;
		border-left: 1px solid #696969;
		margin: auto;
		width: 750px;
	}

	.mobilelogo,
	.carticon {
		right: -50px;
	}

/*	.menubar .heading {
		margin-right: 50px;
	}*/

	/* Shopping Cart Existing Account --- */
	/* ---------------------------------- */

	.shopping-cart,
	.shopping-cart p {
		font-size: 1.3rem;
	}
	.shopping-cart h1 {
		margin-top: 4.7rem;
		margin-bottom: 6.1rem;
	}

	.shopping-cart .flr {
		margin-top: 3.5rem;
	}

	.shopping-cart .hello {
		margin-top: 0;
	}

	.shopping-cart table {
		font-size: 1.5rem;
	}

	.shopping-cart .payment { margin-bottom: 4rem; }


	.shopping-cart .payment .formwrapper input,
	.shopping-cart .payment .formwrapper select {
		width: 8rem;
		padding-left: 9px;
		padding-right: 9px;
		height: 4.3rem;
	}

	.shopping-cart .productinfo p:last-child {
		margin-bottom: 0;
	}

	.shopping-cart .productinfo,
	.shopping-cart .productimg {
		padding-bottom: 0.5rem;
	}

	.shopping-cart .productimg img {
		width: 158px;
	}

	.vatid {
		margin-top: -0.8rem;
		height: 7rem;
		margin-bottom: 0;
	}

	.shopping-cart .flr .vatid a {
		color:#000;
	}

	.shopping-cart .oderbutton { text-align: center; }


	/* Blog Overview ----------- */
	/* ------------------------- */

	.blognewsheading {
		font-size: 4.2rem;
    	letter-spacing: 1.16rem;
		margin-top: 7px;
    	margin-bottom: 25px;
	}


	.blog-largeteaser-bg {
		object-fit: unset;
		height: auto;
		width: 100%;
	}

	.blog-overview .textoverlay h1 {
		margin: 5.8rem 0 3rem;
	}

	.blog-overview .textoverlay h2 {
		font-size: 5.4rem;
		letter-spacing: 0.1rem;
		margin: 10.3rem 0 0;
		line-height: normal;
	}

	.blog-overview .textoverlay p {
		font-size: 2.8rem;
		line-height: 4rem;
		margin: -0.8rem 0 0;
	}

	.blog-overview .textoverlay p.catdate {
		margin: -0.3rem 0 4.6rem;
	}

	.blog-overview .teasertxt {
		height: 34.3rem;
		overflow: hidden;
	}

	.pagination {
		display: block;
	}

	.creed .teasertxt {
		height: 21.8rem;
	}


	/* Download all Versions --- */
	/* ------------------------- */


	.download-overview h2,
	.support-resellers h2 {
		font-size: 2.8rem;
		line-height: 2.6rem;
		letter-spacing: 0.8rem;
		margin-bottom: 5.7rem;
	}

	h1{
		font-size: 4.2rem;
		letter-spacing: 1.16rem;
		margin: 2.5rem 0 5rem;
	}

	.menubutton_xs {
		display: none;
	}

	.menubutton {
		position: relative;
	}

	.mobileMenuVisible .menubutton_xs {
		left: 0px;
		position: absolute;
		display: block;
	}

	.bulletnav {
		bottom: 28px;
	}

	.yellowbar {
		height: 5rem;
		font-size: 1.5rem;
		line-height: 2rem;
		padding-top: 1.5rem;
	}

	.teaserwrapper h2 {
		font-size: 2.8rem;
		line-height: 3.2rem;
		margin: 2.2rem 0 3.3rem;
		letter-spacing: 0.05rem;
		padding-left: 2rem;
	}

	.teaserwrapper p {
		font-size: 1.8rem;
		line-height: 2.6rem;
		margin: 0 0 9.4rem;
		padding-left: 2rem;
	}

	.yellowbutton {
		font-size: 1.5rem;
		letter-spacing: 0.2rem;
		line-height: 2rem;
		padding: 1.1rem 5.5rem;
		margin-left: 2rem;
		margin-bottom: 3.1rem;
	}

	.teaserheading {
		font-size: 2.8rem;
		letter-spacing: 0.07rem;
		line-height: 3.2rem;
		margin-bottom: 1rem;

	}

	h2.teaserheading {
		padding-left: 0;
		font-size: 2.8rem;
		line-height: 3.2rem;
		letter-spacing: 0.1rem;
	}

	.mainpage .teasertxt {
		left: 45px;
		font-size: 1.5rem;
		margin-right: 30px;
	}
	.product-page .features .fitem {
		float: left;
		width: 50%;
	}

	.mobilesub .backbutton {
		margin: 0 7px 0 7px;
	}

	.product-cat .no-line .teaser-reg:nth-child(-n+2) {
		border: none;
	}

	.professionselect h2 {
		font-size: 3.2rem;
		letter-spacing: 0.7rem;
		margin: 0 0 3.0rem;
		line-height: 2.5rem;
	}

	/* update 2017-11-21 begin */

	.engravingpopup .img {
		width: 37.4rem;
	}

	.engravingpopup img {
		width: 100%;
	}

	/* update 2017-11-21 end */


	.bottomspace {
		margin-bottom: 3rem;
	}

	/* update 2021-04-14 begin */

	.logowing {
		margin-left: -66px;
	}


	.gridcontainer {
		grid-template-columns: auto auto;
		grid-gap: 30px 30px;
	}

	.griditem {
	}

	.blog-overview .griditem .teasertxt,
	.blog-overview .griditem .teaseritem {
		height: auto;
	}
	/* update 2021-04-14 END */

	/* update 2021-04-28 BEGIN */

	/* CAMERA COMPATIBILITY Template */
	.ccgrid {
		display: grid;
		grid-template-columns: repeat(4, 25%);
	  	grid-gap: 0;
	}

	/* override the hidden right border from other breakpoints */
	.ccgriditem:nth-child(2n+0) { border-right: 1px solid #38484e; }

	/* every 4th column hide the right border */
	.ccgriditem:nth-child(4n+0) { border-right: none; }

}


/* =============================================================================================== */
/* Medium devices (desktops, 992px and up) /* ==================================================== */
/* =============================================================================================== */
@media (min-width: 992px) {

	.engraving-wrapper {
		text-align: left;
	}
	header.container {
		position: fixed;
	}

	.mainmenu.level0 {
		position: relative;
	}

	.footer.socialmedia img {
		height: 50px;
		width: auto;
	}
	.productnav {
		color: #696969;
		float: right;
		margin-left: 560px;
		margin-right: 0;

		position: fixed;
		text-align: right;
		top: 51px;
		width: 380px;
		z-index: 999;
	}

	.productnav a {
		font-size: 1.3rem;
		display: inline-block;
	}

	.productnav span a:hover,
	.productnav span a:active,
	.productnav span a:focus,
	.productnav span a.current {
		color: #38484e;
		text-decoration: none;
	}

	.productnav .freg {
		font-weight: 400;
		font-size: 1.4rem;
		letter-spacing: 0.1rem;
	}

	.productnav span a {
		color: #696969;
	}

	.productnav .button {
		width: 6rem;
		height: 3.2rem;
		padding-top: 0.6rem;
		margin-left: 2.8rem;
		display: block;
		float: right;
		margin-top: -1px;
		font-size: 1.3rem;
		padding-top: 0;
	}

	.menubar {
		/* sticky header */
		/* position: fixed; z-index: 100; */
		width: 970px;
		border: none;
	}

	.contentwrapper {
		margin-top: 50px; /* wegen sticky header */
	}

	.contentwrapper.submenuvisible {
		margin-top: 100px; /* wegen sticky header */
	}

	.menubar .heading {
		margin-right: 0;
	}

	/* Shopping Cart Existing Account --- */
	/* ---------------------------------- */

	.shopping-cart h1 {
		margin-top: 8.7rem;
	}

	/* Product Page ---- */
	/* ----------------- */

	.product-page h1 {
		margin: 2.3rem 0 4.5rem;
	}

	.product-page h2.subheading {
		margin-top: -4rem;
	}


	.product-page .productinfo {
		margin-top: 1.9rem;
	}

	.product-page .productinfo .misctxt {
		text-align: left;
		margin-top: 1.6rem;
	}

	.product-page .productinfo .price {
		text-align: left;
		margin-top: 3rem;
		margin-bottom: 2.5rem;
	}

	.product-page .configurator span.capacity {
		display: block;
		text-align: left;
	}
	.product-page .configurator a {
		text-decoration: none;

	}

	.product-page .configurator .attribute {
		margin-right: 1rem;
	}

	.product-page .configurator span.color {
		display: block;
		text-align: left;
	}
	.product-page .keyfeatures {
		padding-left: 8rem;
		padding-right: 9rem;
	}


	.anchor {
		top: -8rem;
		position: relative;
	}

	.product-page .features {
		margin-bottom: 4rem;
	}

	.product-page .features h2{
		text-align: center;
		text-transform: uppercase;
		font-size: 1.5rem;
		letter-spacing: 0.4rem;
		margin-bottom: 4.4rem;
		margin-top: 6rem;
	}

	.product-page .features img {
		width: 59px;
		height: auto;
	}

	.product-page .features .fitem {
		float: left;
		width: 28.3rem;
		margin: 1rem 1.5rem 2rem;
		font-size: 1.5rem;
	}

	.product-page .features .fitem span {
		display: inline-block;
		margin-left: 1rem;
		vertical-align: middle;
		width: 20.9rem;
	}

	.product-page .specifications {
		font-size: 1.5rem;
		line-height: 1.8rem;
		margin-top: 5.8rem;
		margin-bottom: 1.8rem;
	}

	.product-page .misccontent {
		margin-top: 2.8rem;
	}

	.product-page .testimonial .teasertxt {
		font-size: 1.5rem;
		left: 1.4rem;
		top: 0.2rem;
	}

	.product-page .testimonial .teasertxt h2 {
		font-size: 4.2rem;
		line-height: 4.2rem;
		margin-bottom: 4rem;
	}

	.product-page .testimonial .teasertxt .extended {
		letter-spacing: 0.415rem;
	}

	.blog-overview .teaseritem {
		height: 587px;
	}


	/* Blog Testimonial Item ---- */
	/* -------------------------- */


	.support-resellers h1 {
		margin-top: 7.2rem;
		margin-bottom: 6.6rem;
	}


	/* Blog Testimonial Item ---- */
	/* -------------------------- */


	.blog-testimonial-item .inlineimg {
		margin-top: 8rem;
	}

	.blog-testimonial-item h1 {
		font-size: 4.2rem;
		line-height: 4.6rem;
		letter-spacing: 0.08rem;
		margin: 0.1rem 0 3.9rem;
	}

	.blog-testimonial-item h2 {
		text-transform: none;
		font-size: 1.8rem;
		line-height: 2.6rem;
		letter-spacing: 0.03rem;
		margin: 2rem 0 0.1rem;
	}

	.blog-testimonial-item p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	.blog-testimonial-item .profession {
		margin: 0 0 8.1rem;
	}

	.blog-testimonial-item h2+p {
		margin-top: 2.6rem;
	}


	/* Blog News Item ---------- */
	/* ------------------------- */


	.blog-news-item .canvas .prev,
	.blog-news-item .canvas .next {
		display: none;
	}

	.blog-news-item img.inlineimg {
		margin-top: 8rem;
	}

	.blog-news-item .gallery {
		margin-bottom: 5.5rem;
		margin-top: 6.9rem;
	}

	/* Image Gallery ----------- */
	/* ------------------------- */
	.gallery .thumbnails {
		position: relative;
		padding: 0 0 0 62px;
		background-color: #ffffff;
		background-image: url("/static/img/web/boderline.png");
		background-repeat: repeat-x;
		background-position: bottom;
	}
	.gallery .thumbnailscontainer { width: 654px;  }
	.gallery .thumbnails .prev,
	.gallery .thumbnails .next {
		height: 74px;
		background-color: #fff;

		position:absolute;
		border: 1px solid #d7d7d7;
		display: block !important;
	}

	.gallery .thumbnails .prev {
		left: 0;
		top: 0;
	}

	.gallery .thumbnails .next {
		right: 0;
		top: 0;
	}

	.gallery .thumbnails .prev a,
	.gallery .thumbnails .next a {
		display: block;
		height: 73px;
		width: 63px;
	}

	.gallery .thumbnails .prev {
		border: 1px solid #d7d7d7;
		border-top: none;
		background-image: url("/static/img/web/gallery-arrow-left.png");
		background-repeat: no-repeat;
		background-position: 2.4rem 2.6rem;
		-webkit-background-size: 1.2rem 2.1rem;
		background-size: 1.2rem 2.1rem;
		width: 62px;
	}
	.gallery .thumbnails .prev:hover {
		background-image: url("/static/img/web/gallery-arrow-left-hover.png");
		background-color: #38484e;
		border-color: #38484e;
	}

	.gallery .thumbnails .next {
		border: 1px solid #d7d7d7;
		border-top: none;
		background-image: url("/static/img/web/gallery-arrow-right.png");
		background-repeat: no-repeat;
		background-position: 2.4rem 2.6rem;
		-webkit-background-size: 1.2rem 2.1rem;
		background-size: 1.2rem 2.1rem;
		width: 63px;
	}
	.gallery .thumbnails .next:hover {
		background-image: url("/static/img/web/gallery-arrow-right-hover.png");
		background-color: #38484e;
		border-color: #38484e;
	}

	.gallery .thumbnails .next.disabled,
	.gallery .thumbnails .next.disabled:hover,
	.gallery .thumbnails .prev.disabled,
	.gallery .thumbnails .prev.disabled:hover  {
		opacity: 0.5;
		background-color: #ffffff;
		border-color: #d7d7d7;
		cursor: default;
	}

	.gallery .thumbnails .prev.disabled a,
	.gallery .thumbnails .next.disabled a {
		cursor: default;
	}

	.gallery .thumbnails .prev.disabled:hover {
		background-image: url("/static/img/web/gallery-arrow-left.png");

	}

	.gallery .thumbnails .next.disabled:hover {
		background-image: url("/static/img/web/gallery-arrow-right.png");
	}

	.gallery .thumb {
		float: left;
		border: 1px solid #d7d7d7;
		border-top: none;
		border-left: none;
		display: block;
	}

	.gallery .thumb img {
		height: 73px;
		width: 108px;
		border: 3px solid #fff;
		display: block;
	}

	.gallery .thumb:hover img,
	.gallery .thumb a.active img {
		border-color: #38484e;
	}


	/* Blog Overview ----------- */
	/* ------------------------- */


	.blog-overview .categories { margin: 6rem 0 4.5rem; }

	.blog-overview .teasertxt {
		height: 29.5rem;
	}

	.container {
		position: relative;
	}

	.menubar {
		margin: auto;
	}

	.brandtext {
		/* Safari */
		-webkit-transform: rotate(-90deg);

		/* Firefox */
		-moz-transform: rotate(-90deg);

		/* IE */
		-ms-transform: rotate(-90deg);

		/* Opera */
		-o-transform: rotate(-90deg);

		/* Internet Explorer */
		filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

		font-size: 2rem;
		font-weight: 600;
		letter-spacing: 0.4rem;
		position: absolute;
		right: -1.5rem;
		text-transform: uppercase;
		top: 34.4rem;
		z-index: 50;

	}

	.menulinktxt {
		letter-spacing: 0.07rem; /* equals a Photoshp letter spacing of 40 */
	}

	.menu li.level0,
	.menu li.level1,
	.menu .logo {
		float: left;
	}

	.mainmenu,
	.submenu,
	.metamenu {
		margin: 0;
	}

	.mainmenu ul.level1,
	.submenu {
		background-color: #fff;
		/* border-bottom: 1px solid #d7d7d7; */
		left: 0;
		position: absolute;
		top: 5rem;
		width: 100%;
		padding-left: 50px;
		display: none;
		height: auto !important; /* überschreibt die mit JavaScript gesetzte Höhe beim mobilen Menü */
	} /* jedes Submenü muss programmiertechnisch bei den jeweiligen Seiten eingeblendet werden */

	.submenu {
		display: block;
		position: static;
		height: 5rem !important;
	}

	.submenu::after {
		content: "";
		position: absolute;
		width: 100%;
		height: 5rem;
		background-color: #fff;
		left: 0;
		z-index: -1;
	}

	.mainmenu .level1 .menulinktxt,
	.mainmenu .level1 .menulinktxt:visited,
	.submenu .menulinktxt,
	.submenu .menulinktxt:visited {
		color: #9BA3A6;
	}

	.displaysubmenu ul.level1,
	.displaysubmenu div.level1 {
		display: block !important;
	}

	ul.level1 li.backbutton {
		margin-left: -4.5rem;
		margin-top: -0.2rem;
	}
	ul.level1 li.backbutton:hover {
		opacity: 0.34;
	}

	.displaysubmenu {
		margin-bottom: 5rem;
	}

	.mainmenu .level1 .menulinktxt
	.submenu .menulinktxt {
		color: #38484e;
	}

	.mainmenu .level1 .menulinktxt:hover,
	.mainmenu .level1 .menulinktxt:focus,
	.mainmenu .level1 .menulinktxt:active,
	.mainmenu .level1.current .menulinktxt,
	.submenu .menulinktxt:hover,
	.submenu .menulinktxt:focus,
	.submenu .menulinktxt:active,
	.submenu .current .menulinktxt {
		color: #38484e;
	}

	.mainmenu .menulinktxt {
		padding: 1.5rem 1.1rem;
	}

	.metamenu {
		float: right;
		margin-top: 1.9rem;
	}

	.metamenu .menulinktxt {
		font-size: 1.3rem;
		border-right: 1px solid #696969;
		margin-right: 0.8rem;
		padding-right: 0.8rem;
		position: relative;
	}

	.metamenu .last .menulinktxt {
		border:none;
	}

	.metamenu .mmsubtriangle {
		position: absolute;
		bottom: -3.4rem;
		z-index:901;
		left: 1rem;

	}

	.metamenu ul.level1,
	.metamenu div.level1 {
		position: absolute;
		background-color: #FFF;
		border:1px solid #d7d7d7;
		width: 300px;
		z-index:900;
		right: 15px;
		top: 5.2rem;
		padding: 0.2rem 1rem;
	}

	.metamenu li.level1 {
		float: none;
	}

	.metamenu .login input,
	.metamenu .login button,
	.metamenu .login a,
	.metamenu .cart .checkout {
		width: 100%;
		border: none;
		border-bottom: 1px solid #d7d7d7;
		margin: 0;
		text-align: center;
		font-size: 1.3rem;
		color: #afafaf;
		height: 3.9rem;
	}

	.metamenu .login button,
	.metamenu .login a,
	.metamenu .cart .checkout {
		color: #38484e;
		background-color: #fff;
		font-weight: bold;
		display: inline-block;
		padding-left: 0.6rem;
		padding-right: 0.6rem;
		text-transform: uppercase;
	}

	.metamenu .login button:hover,
	.metamenu .login a:hover,
	.metamenu .cart .checkout:hover {
		color: #afafaf;
		text-decoration: none;
	}

	.metamenu .checkout {
		display: inline-block;
		vertical-align: bottom;
		padding-top: 1rem;
	}

	.metamenu .login a {
		display: block;
		padding-top: 1rem;
	}

	.metamenu .login a:last-child {
		border:none;
	}

	/* .metamenu .cart {display: none;} */

	.metamenu .cartitem,
	.metamenu .cartitem p,
	.metamenu .cartitem h2,
	.metamenu .cart .itemcount,
	.metamenu .cart .subtotal,
	.metamenu .cart .checkout {
		font-size: 1.3rem;
		line-height: 1.7rem;
		color: #38484e;
		margin: 0;
	}

	.metamenu .cart .checkout {
		border-bottom: none;
	}

	.metamenu .cartitem {
		border-bottom: 1px solid #d7d7d7;
		margin-top: 1.4rem;
		padding-bottom: 0.4rem;
	}
	.metamenu .cartitem .produktinfo,
	.metamenu .cartitem .produktimage {
		float: left;
		width: 14rem;
	}

	.metamenu .cartitem .produktimage {
		width: 10rem;
		height: auto;
		margin: 0 2.9rem 0 0.9rem;
	}

	.metamenu .cartitem .removebutton {
		border: none;
		background: transparent;
		padding:0;
		color: #afafaf;
		margin: 1.7rem 0 0.3rem;
	}

	.metamenu .cartitem .removebutton:hover {
		color: #38484e;
	}

	.metamenu .cartitem h2 {
		font-size: 1.3rem;
		line-height: 1.7rem;
		color: #38484e;
	}

	.pagecontrols {
		position: absolute;
		width:  30rem;
		height: 5rem;
		background-color: red;
		right: 0;
		top: 5rem;
		font-size: 1.3rem;
	}

	body.submenuvisible .productnav {
		display: none;
	}

	.carousel {
		margin: 0 -15px;
	}

	.bullet:hover {
		background-color: #38484e;
	}

	/* professionsellect */
	.professionselect {
		margin: 0 -15px 30px;
		font-size: 2.8rem;
		padding-top: 3.5rem;
		padding-bottom: 4.2rem;
	}

	.professionselect h2 {
			font-size: 2.8rem;
			letter-spacing: 1.0rem;
			line-height: 2.4rem;
		}

	.specialselect_value {
		vertical-align: 0.3rem;
	}


	/* Product Detail */
	/* -------------- */


	.pagecontrols ul.anchorlinks {
		list-style: none;
	}
	.pagecontrols li {
		float: left;
	}
	.teaserwrapper {
		height: 37rem;
		overflow: hidden;
	}

	.teaserwrapper h2 {
		font-size: 2.4rem;
		line-height: 2.7rem;
	}

	.teaserwrapper p {
		font-size: 1.5rem;
		line-height: 2.2rem;
		margin-bottom: 5.7rem;
	}

	.teaserheading.large {
		font-size: 3.6rem;
		line-height: 3.95rem;
		margin-top: 2.7rem;
		margin-bottom: 3.7rem;
	}

	.footer {
		font-size: 1.5rem;
		padding-top: 1.3rem;
		padding-bottom: 1.2rem;
	}

	/* Login      */
	/* ---------- */

	p.actionlink {
		margin-top: 1.5rem;
		margin-bottom: 2.5rem;
	}

	.modalPopup {
		width: 930px;
	}

	.creed .teasertxt {
		height: 16.1rem;
	}

	.footer.socialmedia div {
		height: 7rem;
		background-size: auto 100%;
	}

	.menu .mainmenu .level0 a.menulinktxt {
		height: 3.5rem;
		padding: 1.3rem 1.1rem 0 ;
	}
	.metamenu {
		height: 3.1rem;
	}

	.menu .submenu .level1 li a.linktext {
		white-space: nowrap;
	}

	.menu a.logo {
		color: #fff;
		letter-spacing: 0.49rem;
		font-size: 1.6rem;
	}

	.menu a.logo img {
		display: block;
		float: left;
	}

	.menu a.logo span {
		display: block;
		float: left;
		padding-top: 1.5rem;
		margin-left: -0.4rem;
		margin-right: 6.4rem;
	}

	.submenuwrapper {
		position: absolute;
		background-color: #fff;
		color: #000;
		width: 97rem;
		margin: 0;
		margin-top: 0px;
		padding: 0;
		left: 0px;
		border: 1px solid #38484e;
		border-top: none;
		padding-bottom: 2.5rem;
		display: none;
	}

	.submenuwrapper-small {
		width: auto;
		left: auto;
	}

	.submenuwrapper-small ul.product-category-list {
		width: auto;
		padding-right: 25px;
	}

	.menu ul.group {
		margin: 0;
		padding: 0;
		float: left;
	}

	.menu .mainmenu .level0 a.menulinktxt {
		height: 5.1rem;
		padding-top:1.5rem;
		position: relative;
	}
	.menu .mainmenu .level0:hover .submenuwrapper {
		display: block;
	}

	.submenuwrapper ul.product-category-list {
		width: 31.1rem;
		padding-left: 15px;
		padding-top: 2.5rem;
		float: left;
	}

	.submenuwrapper li {
		list-style: none;
	}

	.submenuwrapper, .submenuwrapper a {
		font-size: 1.6rem;
		line-height: 2.2rem;
		letter-spacing: 0.06rem;
		font-weight: 400;
		text-transform: uppercase;
	}

	.submenuwrapper .product-category-name a:hover {
		color: #afafaf;
	}

	.submenuwrapper .product-category-item a::after  {
		display:block;
		content:attr(name);
		font-weight:600;
		visibility: hidden;
		overflow: hidden;
		height: 0px;
	}

	.submenuwrapper a:hover {
		font-weight: 600;
		text-decoration: none;
	}

	.submenuwrapper li.product-category-name a {
		font-weight: 600;
	}

	.menu ul.group ul.product-category-list {
		float: none;
	}

	li:hover a.product-menu-text::after {
		position: absolute;
		width: 100%;
		height: 10px;
		bottom: 0;
		content: '';
		background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='10' viewBox='0 0 21 10'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: %23fff; fill-rule: evenodd; %7D %3C/style%3E%3C/defs%3E%3Cpath id='Polygon_1' data-name='Polygon 1' class='cls-1' d='M10.5,0L21,10H0Z'/%3E%3C/svg%3E%0A");
		left: 0;
		margin-right: 50%;
		background-repeat: no-repeat;
		background-position: bottom center;
	}

	.yellowbutton {
		font-size: 1.3rem;
		letter-spacing: 0.12rem;
		line-height: 2rem;
		padding: 0.7rem 3.9rem;
		margin-left: 2rem;
		margin-bottom: 3.1rem;
		position: absolute;
		bottom: 0;
	}

	div.center .yellowbutton {
		position: relative;
	}

	.alternate .row:nth-child(even) .nopadding:nth-child(1) {
		float:right;
	}

	.specialpadding {
		padding-left: 15px;
		padding-right: 15px;
	}

	.imagetextteaser h2 {
		font-size: 4.2rem;
		line-height: 4.6rem;
	}

	.imagetextteaser span {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.imagetextteaser .teaserwrapper {
		height: 29.8rem;
	}

	/* update 2021-04-14 begin */

	.footeritem1 {
		width: 100%;
		margin-top: 0;
        padding:1rem;
	}
	.footeritem2 {
		width: 100%;
		order:	0;
		text-align: center;
        padding:1rem;
	}
	.footeritem3 {
		width: 100%;
		order:	0;
        padding:1rem;
	}

	.socialmedia-icon {
		height: 24px;
	}
	/* update 2021-04-14 END */

	.payment-icon {
	    margin-bottom: 0;
	}

}


/* =============================================================================================== */
/* Large devices (large desktops, 1200px and up) /* ============================================== */
/* =============================================================================================== */
@media (min-width: 1200px) {

	.footer.socialmedia img {
		height: 70px;
		width: auto;
	}
	.productnav {
		margin-left: 760px;
	}

	.productnav .button {
		margin-left: 4.6rem;
	}

	.menubar {
		/* sticky header width */
		width: 1220px;
		margin-left:auto;
		margin-right: auto;

	}

	.menubar .heading {
		top:39.9rem;
	}


	/* Blog Testimonial Item ---- */
	/* -------------------------- */


	.blog-testimonial-item h1 {
		font-size: 2.8rem;
		line-height: 3.24rem;
		margin-top: 0.3rem;
		margin-bottom: 2.9rem;
		letter-spacing: 0.055rem;
	}

	.blog-testimonial-item .profession {
		margin-bottom: 4.1rem;
	}
	.blog-testimonial-item h2 + p {
		margin-top: 0;
	}

	.gallery .thumbnails {
		padding: 0 0 0 48px;
	}

	.gallery .thumbnails .prev {
		background-position: 1.8rem 2.6rem;
		width: 48px;
	}
	.gallery .thumbnails .next {
		background-position: 1.8rem 2.6rem;
		width: 49px;
	}

	.menubar {
		margin: auto;
	}
	.teaserwrapper {
		height: 44.8rem;
		overflow: hidden;
	}

	.teaserwrapper h2 {
		font-size: 2.8rem;
		line-height: 3.2rem;
	}

	.teaserwrapper p {
		font-size: 1.8rem;
		line-height: 2.6rem;
	}

	.imagetextteaser .teaserwrapper {
		height: 36.2rem;
	}

	.imagetextteaser h2 {
		font-size: 4.2rem;
		line-height: 4.6rem;
	}

	.imagetextteaser span {
		font-size: 1.5rem;
		line-height: 2rem;
	}

	.teaserheading.large {
		font-size: 4.2rem;
		line-height: 4.6rem;;
		margin-top: 2.5rem;
		margin-bottom: 3.8rem;
	}
	.footer {
		font-size: 1.5rem;
		padding-top: 2.4rem;
		padding-bottom: 2.3rem;
	}

	/* Blog Overview ----------- */
	/* ------------------------- */

	.blog-overview .teasertxt {
		height: 29.7rem;
	}
	.thumbnails {
		position: relative;
		padding: 0 0 0 48px;
	}
	.gallery .thumbnailscontainer { width: 654px; }

	.creed .teasertxt {
		height: 19.8rem;;
	}

	.modalPopup {
		width: 970px;
	}

	.engravingpopup h3 {
		font-size: 1.5rem;
		letter-spacing: 0.4rem;
		margin-bottom: 1.8rem;
	}

	.engravingpopup .row {
		padding: 1rem 6rem 0 8.2rem;
	}

	.engravingpopup p {
		font-size: 1.5rem;
		line-height: 1.9rem;
	}

	.engravingpopup p.subtext {
		font-size: 1.3rem;
		line-height: 1.7rem;
		margin-top: 2.3rem;
	}
	.engravingpopup .right {
		margin-top: 2rem;
	}

	.productnav {
		margin-top: 0;
	}

	.metamenu {
		height: 3.1rem;
	}

	.submenuwrapper {
		width: 125rem;
	}

	.submenuwrapper-small {
		width: auto;
		left: auto;
	}

	.display-on-medium {
		display: none;
	}

	.payment-icon {
	    margin-bottom: 0;
	}
}


/* =============================================================================================== */
/* ================ mobile only /* =============================================================== */
/* =============================================================================================== */
@media (max-width: 991px) {

	.engravingpopup .row {
		padding: 2rem	3rem;

	}

	.menubar .menuheading {
		color: #fff;
		font-size: 1.6rem;
		font-weight: bold;
		height: 5rem;
		letter-spacing: 0.448rem;
		text-align: center;
		text-transform: uppercase;
		position: absolute;
		width: 100%;
	}
	.menubar .menuheading:hover {
		text-decoration: none;
	}

	.mobileMenuVisible .menubutton_xs {
		display: block!important;
		right: inherit;
	}
	.mobileMenuVisible .menubutton_xs span {
		transform: rotate(90deg);
		-ms-transform: rotate(90deg); /* IE 9 */
		-webkit-transform: rotate(90deg); /* Safari and Chrome */
		-o-transform: rotate(90deg); /* Opera */
		-moz-transform: rotate(90deg); /* Firefox */
		-webkit-backface-visibility: hidden;
	}

	.mobilesub {
		transform: translate3d(0px,0px,0px);
	}

	.mobilesub.fixed  {
		top: 0;
		position: fixed;
	}

	.img-responsive {
		display: inline-block;
	}

	.product-page .specifications {
		margin-top: 5.8rem;
		margin-bottom: 6rem;
	}

	.product-page .specifications h3 { margin-top: 8rem;}

	.product-page .features h2 {
		font-size: 1.5rem;
		letter-spacing: 0.4rem;
		margin-bottom: 4.4rem;
		margin-top: 6rem;
		text-align: center;
		text-transform: uppercase;
	}

	.product-page .features .fitem {
		display: table;

	}

	.product-page .features .fitem span {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		width: 100%;
		padding-left: 1rem;
	}

	.product-page .features img {
		display: table-cell;
		vertical-align: middle;
	}

    .product-page .keyfeatures .fitem {
		width:50%;
	}

	.mainmenu span.menulinktxt {
		background-image:url("/static/img/web/submenuarrow.svg");
		background-repeat: no-repeat;
		background-position: right top;
	}

	.menulinktxt {
		letter-spacing: 0.245rem; /* equals a Photoshp letter spacing of 140 */
	}

	.menu {
		position: absolute;
		left: -100%; /* -80% to hide the menu */

		background-color: #38484e;
		width: 100%;
		z-index: 999;
		min-height: 100%;
		-webkit-transition: left 0.3s ease-in-out;
		-moz-transition: left 0.3s ease-in-out;
		-ms-transition: left 0.3s ease-in-out;
		-o-transition: left 0.3s ease-in-out;
		transition: left 0.3s ease-in-out;
	}

	.mobileMenuVisible .menu {
		left: 0%;
	}

	.mobileMenuVisible .menubutton {
		right: -0px;
	}

	.mobileMenuVisible .contentwrapper {
		position: fixed;

	}

	header.container {
		position: fixed;
		width: 100%;
	}


	.container .contentwrapper {
		margin-top: 50px;
	}

	@supports (-webkit-overflow-scrolling:touch) { /* webkit only */
		/* on iOS, when oversrolling, the background appears underneath the
		 * mobile menu. behind the following overlay, the background will be
		 * hidden even if the user overscrolls the mobile menu */
	.contentwrapper::after {
		content: "";
		display: block;
		position: fixed;
		left:0;
		width: 0;
		top: 0;
		bottom: 0;
		background-color: #38484e;
	}

	/* the appearance of the overlay is delayed until the mobile menu
	 * is visible. */
	.mobileMenuVisible .contentwrapper::after {
		-webkit-transition: width 0s;
		-moz-transition: width 0s;
		-ms-transition: width 0s;
		-o-transition: width 0s;
		transition: width 0s;
		-webkit-transition-delay: 0.3s;
		-moz-transition-delay: 0.3s;
		-ms-transition-delay: 0.3s;
		-o-transition-delay: 0.3s;
		transition-delay: 0.3s;
		width: 100%;
	}
	}

	.mobileMenuVisible footer.stickbottom {
		display: none;
	}

	.logo {
		position: absolute;
		left: 0;
		top: 0;
	}

	ul.level0.mainmenu {
		margin-top:5rem;
		border-top: 1px solid #38484e;
	}

	.mainmenu li.level0 {
		border-bottom: 1px solid #38484e;
	}

	.mainmenu li.level1 {
		border-bottom: 1px solid #38484e;
	}

	.mainmenu ul.level1 {
		-webkit-transition: height 0.3s ease-in-out;
		-moz-transition: height 0.3s ease-in-out;
		-ms-transition: height 0.3s ease-in-out;
		-o-transition: height 0.3s ease-in-out;
		transition: height 0.3s ease-in-out;
		height: 0;
		overflow: hidden;
		background-color: #fff;
	}

	.mainmenu .level1 .menulinktxt,
	.mainmenu .level1 .menulinktxt:visited {
		color: #38484e;
	}

	.mainmenu .level1 .menulinktxt:hover,
	.mainmenu .level1 .menulinktxt:active,
	.mainmenu .level1.current a.menulinktxt {
		color: #afafaf !important;
	}

	.mainmenu .level1.last { border: none;}

	/* .mainmenu .haschild ul.level1 { display: none;} */

	.metamenu {
		margin-top: 2.1rem;
		margin-bottom: 3rem;
	}
	.metamenu .menulinktxt {
		height: 2.2rem;
		padding-left: 1.5rem;
		padding-right: 1.5rem;
	}

	.menubar .heading {
		color: #FFF;
		text-align: center;
		font-weight: bold;
		letter-spacing: 0.448rem;
		text-transform: uppercase;
		height: 5rem;

		font-size: 1.6rem;
	}

	.payment .formwrapper {
		position: static;
		right: auto;
	}

	.payment .formwrapper input.month,
	.payment .formwrapper input.year,
	.payment .formwrapper #id_ecom_cardinfo_expdate_year,
	.payment .formwrapper #id_ecom_cardinfo_expdate_month {
		width: 50%;
		margin-left: 0;
	}
	.payment .formwrapper input.year {
		border-left: none;
	}

	.payment .formwrapper input#id_cvc {
		width: 100%;
		margin-left: 0;
	}

	.heading a {
		color: #fff;
	}

	.display-on-medium {
		display: none;
	}

	.mobilescrollwrapper {
		overflow-y: auto;
	    height: 100vh;
	}

	.menubar .menuheading {
		background-color: #38484e;
    	outline: 1px solid #38484e;
    }
}


/* =============================================================================================== */
/* Ultra Small devices (phones portrait, 400px and down ) ========================================================= */
/* =============================================================================================== */
@media (max-width: 450px) {

	.hidden-xxs {
		display: none !important;
	}

	.shopping-cart .productimg img {
		width: 100%;
		height: auto;
	}

	.product-page .configurator .color {
		display: block;
	}
	.product-page .keyfeatures img {
		width: 60px;
	}

	.product-page .keyfeatures .fitem p {
		font-size: 1.5rem;
		line-height: 1.8rem;
		margin-bottom: 0;
	}
	.product-page .keyfeatures .fitem {
		width: 100%;
		padding-top: 0rem;
		margin:3rem 0;
	}

	.blog-news-item h1 {
		font-size: 3.5rem;
		line-height: 3.8rem;
	}

	.blog-news-item h2 {
		font-size: 2.6rem;
		line-height: 3.5rem;
		margin: 1rem 0;
	}

	.engravingpopup .row {
		padding: 2rem	1rem;

	}
	.footer.socialmedia div {
		background-size: 70% auto;
		height: 3rem;
	}

	.ab-txt-mobile {
		font-size: 1.2rem;
		font-weight: 600;
		letter-spacing: 4px;
		display: inline-block;
    	padding-top: 17px;
	}
	.logowing {
	    width: 3.7rem;
	    padding-top: 1px;
	}

}


/* =============================================================================================== */
/* XS Only 767px ================================================================================= */
/* =============================================================================================== */
@media (max-width: 767px) {

	.featureswrapper {
		text-align: center;
		margin: 0 auto;
	}
	.fitemwrapper {
		display: inline-block;
		padding: 0 auto;
	}
	.fitem {
		display: table;
		margin-bottom: 1rem;

	}
	.fitem  span {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
		padding-left: 1rem;
		width: auto !important;
	}



}


/* =============================================================================================== */
/* Everything except large devices =============================================================== */
/* =============================================================================================== */
@media (max-width: 1199px) {
	.display-on-large {
		display: none;
	}
}


/* =============================================================================================== */
/* =========      Helper      /* ================================================================= */
/* =============================================================================================== */
.dev-hide-temporarily,
.dev-metasubmenu-hide-temporarily img,
.dev-metasubmenu-hide-temporarily .level1 { display: none;}

.uppercase { text-transform: uppercase; }
.whitetxt,
.whitetxt a { color: #fff; }
.blacktxt { color: #38484e; }
.righttxt {text-align: right;}
.centertxt {text-align: center;}

.p-form-mb {	margin-bottom: 2rem; }
.form-h2-mb { margin-bottom: 5.4rem; }
.input-button-mt { margin-top: 3rem; }
.last-element-mb {margin-bottom: 10rem;}
.m0 {margin: 0;}
.mb0 {	margin-bottom: 0px; }
.mb5 {	margin-bottom: 5px; }
.mb10 {	margin-bottom: 10px; }
.mb15 {	margin-bottom: 15px; }
.mb20 {	margin-bottom: 20px; }
.mb25 {	margin-bottom: 25px; }
.mb30 {	margin-bottom: 30px; }
.mb35 {	margin-bottom: 35px; }
.mb40 {	margin-bottom: 40px; }
.mb45 {	margin-bottom: 45px; }
.mb50 {	margin-bottom: 50px; }

.pb5 {	padding-bottom: 5px; }
.pb10 {	padding-bottom: 10px; }
.pb15 {	padding-bottom: 15px; }
.pb20 {	padding-bottom: 20px; }
.pb25 {	padding-bottom: 25px; }
.pb30 {	padding-bottom: 30px; }
.pb35 {	padding-bottom: 35px; }
.pb40 {	padding-bottom: 40px; }
.pb45 {	padding-bottom: 45px; }
.pb50 {	padding-bottom: 50px; }


.flr {float: right;}

.stickbottom {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}

.na_message { display: none;}

/* white button*/
.button.bwhite,
a.bwhite,
span.bwhite {
	background-color: #fff;
	color: #38484e;
}

.button.bwhite:hover,
a.bwhite:hover,
span.bwhite:hover {
	background-color: #38484e;
	color: #fff;
	border:1px solid #fff;
}

/* white button outline*/
.button.bwhite.boutline,
a.bwhite.boutline,
span.bwhite.boutline {
	background-color: #fff;
	color: #38484e;
	border:1px solid #38484e;
}
.button.bwhite.boutline:hover,
a.bwhite.boutline:hover,
span.bwhite.boutline:hover,
.button.bwhite.boutline.active,
a.bwhite.boutline.active,
span.bwhite.boutline.active
{
	background-color: #38484e;
	color: #fff;
}

/* yellow button*/
.button.byellow,
a.byellow,
span.byellow {
	background-color: #D7F500;
	color: #38484e;
}

.button.byellow:hover,
a.byellow:hover,
span.byellow:hover {
	background-color: #38484e;
	color: #D7F500;
	border:1px solid #D7F500;
}

/* white button outline*/
.button.byellow.boutline,
a.byellow.boutline,
span.byellow.boutline {
	background-color: #D7F500;
	color: #38484e;
	border:1px solid #38484e;
}

.button.byellow.boutline:hover,
a.byellow.boutline:hover,
span.byellow.boutline:hover,
.button.byellow.boutline.active,
a.byellow.boutline.active,
span.byellow.boutline.active {
	background-color: #38484e;
	color: #ffffff;
}

/* highlight col-*
.row [class*='col-'] {
background-color: rgba(0,0,0,0.3);
background-clip: content-box;
min-height: 20px;
border:1px solid: #000;
}
 */

.select2-container--default .select2-selection--single {
	height: 41px;
	border-radius: 0;
	border: 1px solid #d7d7d7;
	margin: 0 0 -1px 0;
}
.has_errors .select2-container--default {
	border-left: 2px solid #ff0032;
}

.select2-container .select2-selection--single .select2-selection__rendered {
	padding-left: 14px;
	line-height: 39px;
	font-size: 15px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 30px;
	position: absolute;
	top: 7px;
	right: 7px;
	width: 20px;
}

.select2-results {
	font-size: 15px;
	text-align: left;
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
	color:#afafaf;
	font-size: 1.3rem;
}

@media (min-width: 451px) {
	.yellowbutton-md {display: inline-block;}
	.yellowbutton-xs {display: none;}
}
@media (max-width: 450px) {
	.yellowbutton-md {display: none;}
	.yellowbutton-xs {display: inline-block; line-height: 2rem;}
}


.color-red {
	color: #ff0032 !important;
}

.text-center{
	text-align: center;
}

#dz-preview-container {
  position: fixed;
  top: 100px;
  background: white;
  z-index: 50000;
  width: 500px;
  left: 50%;
  transform: translateX(-50%);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); }
  #dz-preview-container .dz-preview {
    padding: 20px; }
    #dz-preview-container .dz-preview.dz-success {
      display: none; }
    #dz-preview-container .dz-preview .dz-progress, #dz-preview-container .dz-preview .dz-success-mark, #dz-preview-container .dz-preview .dz-error-mark, #dz-preview-container .dz-preview img {
      display: none; }



.video_iframe_embed {
	background-size: cover;
	background-position: center center;
	display: flex;
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
}

.video_iframe_privacy {
	border-bottom-right-radius: 2px;
	border-top-right-radius: 2px;
	height: 47px;
	position: absolute;
	bottom: 10px;
	padding-right: 16px;
}

.video_iframe_privacy_text {
	color: white;
	float: left;
	font-size: 12px;
	margin-left: 12px;
}


.vimeo_play_box {
margin: auto;
background-color: rgba(0,0,0,.8);
border-radius: .5em;
width: 140px;
height: 80px;
z-index: 2;
}

.ytp_play_button {
	margin: auto;
	width: 68px;
	height: 48px;
}

.careers_left {
    border-bottom: 1px solid #d7d7d7;
}

.careers_btn-top {
	margin-top: 3rem;
	margin-bottom: 4rem;
}


.careers_right {
}

.careers_spacer {
    width: 90%;
    box-sizing: border-box;
    text-align: center;
    border-bottom: 1px solid #000;
    line-height: 0.1em;
    margin: 10px 5% 20px;
}

.careers_spacer span {
    background: #fff;
    padding: 0 10px;
}

@media (min-width: 1199px) {
	.careers_btn-top{
		display: none;
	}

    .careers_left {
        border-right: 1px solid #d7d7d7;
        border-top: none;
        padding-right: 10%;
    }

    .careers_right {
    }
}

/* compatibility_list_2023 */

.cc-2023 .ccgrid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-gap: 0;
}

.cc-2023 .cclegendicon {
	width: 11px;
	width: 21px;
	height: auto;
	margin-right: 8px;
	white-space: nowrap;
}

.cc-2023 .ccgriditem {
	border-top: 2px solid #38484e;
	border-bottom: 2px solid #38484e;
	border-right: 1px solid #38484e;
	text-align: center;
	padding: 0 15px 15px;
	margin-top: 15px;
	font-size: 1.65rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	align-content: space-between;
	justify-content: space-between;
}

.cc-2023 .cc-host {
	width: 100%;
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	border-bottom: 1px solid #7e8588;
}

/* every 2th column hide the right border */
.cc-2023  .ccgrid .ccgriditem:nth-child(2n+0) {
	border-right-width: 0;
}

/* upper 2th column hide the top border */
.cc-2023 .ccgrid .ccgriditem:nth-child(n+3) {
	border-top-width: 0;
}

/* hide the right border for the last item */
.cc-2023 .ccgrid .ccgriditem:last-child {
	border-right-width: 0 !important;
}

.cc-2023 .cc-capacity-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: start;
}
.cc-2023 .ccgriditem-header {
	font-weight: 700;
}

.cc-2023 .cc-capacity-list:last-child{
	margin-right: 0;
}

.cc-2023 .cc-capacity-link{
	display: inline;
	padding: 2px 4px;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.2rem;
	background-color: #38484e;
	color: #FFF;
	border-radius: 0;
	font-weight: normal !important;
	border: 1px solid #38484e;
	border-radius: 5px;
	margin: 2px 0 2px 2px;
	text-decoration: none;
	white-space: nowrap;
	width: 50px;
}

.cc-2023 a.cc-capacity-link:hover {
  text-decoration: none;
  color: #38484e;
  background-color: #fff;
}

.cc-2023 .cc-capacity-link-recommended{
	background-color: #38484e;
	border-color: #38484e;
}

.cc-2023 .cc-capacity-link-no_compatibility{
	cursor: default;
	pointer-events: none;
	background-color: #afb6b8;
	border-color: #afb6b8;
}

.cc-2023 .cc-img-con{
	height: 90px;
	display: flex;
	width: 100%;
	justify-content: center;
	align-items: center;
}

.cc-2023 .rectangle-not-compatible{
	display: inline-block;
	width: 21px;
	height: 14px;
	margin-right: 8px;
	background-color: #afb6b8;
	border-radius: 5px;
	margin-top: 5px;
}

@media (min-width: 768px){
	.cc-2023 .ccgrid {
		display: grid;
		grid-template-columns: repeat(3, 1fr);
		grid-gap: 0;
	}

	/* every 2th column hide the right border */
	.cc-2023 .ccgrid .ccgriditem:nth-child(2n+0) {
		border-right-width: 1px;
	}

	/* upper 2th column hide the top border */
	.cc-2023 .ccgrid .ccgriditem:nth-child(n+3) {
		border-top-width: 2px;
	}

	/* every 3th column hide the right border */
	.cc-2023 .ccgrid .ccgriditem:nth-child(3n+0) {
		border-right-width: 0;
	}

	/* upper 3th column hide the top border */
	.cc-2023 .ccgrid .ccgriditem:nth-child(n+4) {
		border-top-width: 0;
	}
}

@media (min-width: 1200px){
	.cc-2023 .ccgrid {
		display: grid;
		grid-template-columns: repeat(4, 1fr);
		grid-gap: 0;
	}

	/* every 3th column hide the right border */
	.cc-2023 .ccgrid .ccgriditem:nth-child(3n+0) {
		border-right-width: 1px;
	}

	/* upper 3th column hide the top border */
	.cc-2023 .ccgrid .ccgriditem:nth-child(n+4) {
		border-top-width: 2px;
	}

	/* every 4th column hide the right border */
	.cc-2023 .ccgrid .ccgriditem:nth-child(4n+0) {
		border-right-width: 0;
	}

	/* upper 4th column hide the top border */
	.cc-2023 .ccgrid .ccgriditem:nth-child(n+5) {
		border-top-width: 0;
	}
}