@import url('https://fonts.googleapis.com/css?family=Montserrat:300,500,700&subset=latin-ext');

/**
 * Base
 */
*{font-family:'Montserrat', Arial, Helvetica, sans-serif;font-weight: 300;}
html,body{font-size: 12px;}
p{font-size: 1rem;} 
div, span, p, textarea, input, select, li, td, strong, em {color:#333;} 
a{color:#0c3e69; outline:none; text-decoration:none;}
a:hover{color:#000; text-decoration:none; transition:0.3s; -webkit-transition:0.3s; -moz-transition:0.3s; -ms-transition:0.3s; -o-transition:0.3s;}
a:active{color:#666;}
h1,h2,h3,h4,h5{color:#d8173d; padding:0; line-height: 1.3;}
h1 {
    color: #282626;
    font-size: 3.3rem;
    margin: 42px 17px;
    text-align: left;
    position: relative;
}
h1 span {color: #282626;}
h2{font-size:2rem; margin:12px 0;}
h3{font-size:1.8rem; margin:10px 0;}
h4{font-size:1.6rem; margin:8px 0;}
h5{font-size:1.4rem; margin:6px 0;}
img{border:0;}
/* img:hover {opacity:0.85; filter:alpha(opacity=85); transition:0.8s; -webkit-transition:0.8s; -moz-transition:0.8s; -ms-transition:0.8s; -o-transition:0.8s;} */
th{text-align:left;}
ul{padding:5px 10px; margin:0;}
ul li{background:url('images/li.png') left 8px no-repeat; list-style:none outside none; padding-left:14px; margin:3px; min-height:20px;     padding-bottom: 5px;}
table caption{font-weight:bold; text-transform:uppercase;}
.alert {font-size: 1.2rem;}

/**
 * Shorters
 */
.b{font-weight:bold;}
.i{font-style:italic;}
.strike{text-decoration:line-through;}
.small{font-size:smaller;}
.big{font-size:bigger;}
.clear{clear:both;}
.block{display:block;}
.inline{display:inline;}
.hide{display:none !important;}
.hide_menu{display:none !important;}
.round{border-radius:5px;}
.no_bg{background:none !important;}
.no_border{border:0 !important;}
.no_wrap{white-space:nowrap;}
.no_margin{margin:0 !important;}
.no_margin_right{margin-right:0 !important;}
.red{color:#ff0000;}
.red_bg{background:red !important;}
.center{text-align:center !important;}
.middle{vertical-align:middle !important;}
.to_left{text-align:left !important;}
.to_right{text-align:right !important;}
.justify{text-align:justify !important;}
.middle{margin:auto;}
.left{float:left !important;}
.right{float:right !important;}
.block_left{float:left; margin:0 10px 10px 0; width:25%;}
.block_right{float:right; margin:0 0 10px 10px; width:25%;}
.short{width:50px !important;}
.half{width:50%;}
.semi{width:49%;}
.tri{width:33%;}
.six{width:66%;}
.long{width:99%;}
.date{width:100px;}
.margin{margin:20px;}
.vmargin{margin:20px 0;}
.hmargin{margin:0 20px;}
.margin_left{margin-left:20px;}
.margin_right{margin-right:20px;}
.margin_top{margin-top:20px;}
.margin_bottom{margin-bottom:20px;}
.pading{padding:10px;}
.padding{padding:20px;}
.paddding{padding:30px;}
.vpadding{padding:20px 0;}
.hpadding{padding:0 20px;}
.padding_left{padding-left:20px;}
.padding_right{padding-right:20px;}
.padding_top{padding-top:20px;}
.padding_bottom{padding-bottom:20px;}
.break{padding:5px 0;}
.strike{text-decoration:line-through;}
.more{color:#350c0f; display:block; text-align:right;}
.back{color:#350c0f; display:block; text-align:right;}
.line{clear:both; width:100%; height:1px; margin:20px 0; background:#ccc;}
.relative{position:relative;}
.absolute{position:absolute;}
.mask{display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;}
.table{display:table; table-layout:fixed;}
.table-row{display:table-row;}
.cell{display:table-cell;}
.clearfix:before,.clearfix:after{content:''; display:table;}
.clearfix:after{clear:both;}
.clearfix{zoom:1; /* For IE 6/7 (trigger hasLayout) */}

/**
 * Forms
 */
input, textarea {
    border: 1px solid #ccc;
    background: #fff;
    padding: 5px 10px;
}
input:focus,textarea:focus{border:1px solid #900;}
input[type='button'], input[type='submit'], .button {
    color: #fff;
    background: #d8173d;
    padding: 0 20px;
    line-height: 42px;
    border: 0;
    cursor: pointer;
    display: inline-block;
}
input[type='button']:hover, input[type='submit']:hover, .button:hover {
    color: #fff !important;
    background: #f00;
    border: none;
}
input[type='button']:active, input[type='submit']:active, .button:active {
    position: relative;
    top: 1px;
    left: 0;
}
input[type='submit']:first-letter, input[type='button']:first-letter, .button:first-letter, .button:hover:first-letter {
    text-transform: uppercase;
}
input[disabled='disabled'], input[disabled='disabled']:hover, textarea[disabled='disabled'], option[disabled='disabled'] {
    color: #333;
    background: #eee;
    cursor: pointer;
}
input[type='checkbox'], input[type='radio'], .checkbox, .radio {
    cursor: pointer;
}
.input, .textarea, .select {
    width: 250px;
}
.form .error, .form .red {
    display: block;
}
#controls, .controls {
    padding: 20px 0;
    text-align: center;
}
.required span {
    cursor: help;
}
form .even {
    background: #f3f3f3;
}
#form_contact2 .input, #form_contact2 .textarea, #form_contact2 .select {
    width: 100%;
    padding: 2%;
    margin: 0 0 5px;
}
#form_contact2 .token_input {
    width: 125px;
    margin: 0 0 0 15px;
}

/**
 * Messages
 */
#messageBox {
    margin: 0 0 10px 0;
    padding: 5px 10px;
    background: #f5f5f5;
    border: 1px solid #26146d;
}
#messageBox * {
    color: #009a63;
    font-weight: 400;
    font-size: 1.1rem;
}
#messageBox .error, .error {
    color: #d81742;
}
#messageBox .notice {
    color: #00f;
}
#messageBox .warning {
    color: #666;
}

/**
 * Layout
 */

body {
    margin: 0;
    padding: 0;
    background: #fff;
}

#sub_container {
    transition: all 0.5s ease 0s;
}
/*#sub_container.stik { margin-top: 102px;}*/ 

#sub_container h1 {
    margin: 34px 0 18px 0;
    color: #26146d;
}
/*#sub_container.style_red h1, #sub_container.style_red h2, #sub_container.style_red h3, #sub_container.style_red h4 {color: #da163b;}
#sub_container.style_blue h1, #sub_container.style_blue h2, #sub_container.style_blue h3, #sub_container.style_blue h4 {color: #176dee;}*/

/*#sub_container .map-choose h2 {
    margin: 34px 0 44px 0px;
    text-align: center;
    font-size: 2.5rem;
    text-transform: none;
}
#sub_container .map-wid h2 {
    font-size: 2.5rem;
    text-transform: none;
}*/
#logo_container {
    height: 76px;
    transition: all 0.5s ease 0s;
}

#main_logo {
    display: block;
    float: left;  
}
.top_menu {transition: all 0.5s ease 0s;}


#main_logo > img {
transform: scale(1);
 transition: all 0.5s ease 0s;
 transform-origin: 0 0;
    margin-left: 35px;
}


.kontrolki {transition: all 0.5s ease 0s;}


.center_container {
    position: relative;
    width: 995px;
    padding: 0;
    margin: 0 auto;
    text-align: left;
    background: #fff;
}

#content {
    padding: 10px;
}
#col_1 {
    float: left;
    width: 200px;
    padding: 10px;
}
#col_2 {
    float: right;
    width: 775px;
    padding: 10px;
}
#text {
    padding: 10px;
}

.breadcrumb {
    border-top: 2px solid #ececec;
    background: none;
    padding-left: 0;
}
.breadspace{    padding: 0 3px; color: #747373;}
.breadcrumb a, .breadcrumb span {
    font-size: 1rem;
    line-height: 1;
    text-transform: uppercase;
    color: #333;
}

.show_map {
    cursor: pointer;
}
.hide_map {
    display: none;
    cursor: pointer;
}

.centainer {
    width: 100%;
    position: relative;
    float: left;
    overflow: hidden;
}
.pagination {
    position: relative;
    left: 50%;
    float: left;
    margin: 20px auto;
}
.pagination .item {
    display: block;
    float: left;
    position: relative;
    right: 50%;
    width: 23px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    font-weight: bold;
    font-size: 1.2rem;
}
.pagination .active {
    color: #fff;
    background: #4c8cf1;
    border-radius: 15px;
}

#ssi {
    float: right;
    padding-right: 170px;
    text-align: right;
}
#ssi span, #ssi strong {
    font-size: 1rem;
    color: #7e7e7e;	
}
#ssi img {
    padding: 0 0 0 5px;
    margin-top: -3px;
}

#footer {
    padding-bottom: 10px;
    border-top: 4px solid #c71019;
    padding-top: 30px;
}

#all-cont #footer.row {margin-left: 0 !important; margin-right: 0 !important; }

#logo_bot img {
    height: auto;
    margin-left: 51px;
    margin-top: 40px;
    max-width: 280px;
    width: 100%;
}

.bottom_menu_wrapper {
    padding-bottom: 30px;
    position: relative;
    z-index: 9;
}

ul#bottom_menu {
    padding: 20px 0 0;
    margin-top: 0;
    margin-bottom: 0;
}
ul#bottom_menu li.bottom_menu_item {
    margin: 0;
    text-align: center;
    background: none;
}
ul#bottom_menu > .bottom_menu_item > a {
    text-transform: uppercase;
    font-weight: bold;
    color: #333;
    font-size: 1.4rem;
}
ul#bottom_menu > .bottom_menu_item > a:hover {
    color: #d8173d;
}
ul#bottom_menu .sub_menu {
    padding: 20px 0 0;
    margin-top: 0;
    margin-bottom: 0;
}
ul#bottom_menu .sub_menu > .bottom_menu_item {
    padding: 0; 
    margin: 0;
}
ul#bottom_menu .sub_menu > .bottom_menu_item > a {
    color: #6b6b6b;
    font-size: 1.4rem;
    line-height: 1.8;
    font-weight: 300;
}

ul#bottom_menu .sub_menu > .bottom_menu_item > a:hover {
    color: #f00;
}

.logo-foo {
    float: left;
    margin-top: 40px;
}

/*#bip {margin: 50px 0 0 90px; }*/

#footer_extra {
    text-align: left;
}
#footer_text {
    text-align: center;
}
#footer_links {
    padding-left: 123px;
    text-align: left;
}
#top_menu_grey {
    height: 61px;
    transition: all 0.5s ease 0s;
}
#lewe_menu {background: #f3f7ff; height: auto;  padding-bottom: 30px; margin-left: -15px;}

#top {
    background: #fff none repeat scroll 0 0;
    height: auto;
    padding-top: 10px;
    position: static;
    top: 0;
    /*width: 100%;*/
    z-index: 999;
    transition: all 0.5s ease 0s;
    box-shadow: 0 0 35px rgba(0, 0, 0, 0);
}

#logo_container > a {
  margin-bottom: 11px;
margin-left: 12px;
margin-top: 4px;
}
.contrast-menu, .fontsize-controllers.group {
    float: right;
    max-width: 200px;
}

#searcher {
    float: right;
}

.kontrolki {
    display: block;
    float: right;
    margin-top: 18px;
    position: relative;
    width: 440px;
    padding-right: 30px;
}

.size {
    margin-left: 20px;
    margin-top: 8px;
}


#cookies {
    position: fixed;
    z-index: 1000;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 3px 0;
    width: 100%;
    text-align: center;
    background: #000;
    border-top: 1px solid #666;
    opacity: 0.75;
    filter: alpha(opacity=75);
    color: #fff;
}
#cookies_ok, #cookies_more{    margin: 5px;}

#frontface {
    clear: both;
}
#subface {
    clear: both;
}

#search_trigger {
    display: block;
    background: rgba(0, 0, 0, 0) url(images/find.png) no-repeat scroll center center;
    float: right;
    margin-top: -5px;
}

#phrase {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: currentcolor currentcolor #ccc;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 1px;
}
.btn-group a {display: inline-block;width: 20px; color: #000;}

.btn-group .rvfs-decrease {
    font-size: 16px !important;
    font-weight: 300;
    width: 18px;
}

.btn-group .rvfs-reset {
    font-size: 18px !important;
    font-weight: 500;
}

.btn-group .rvfs-increase {
    font-size: 20px !important;
    font-weight: 700;
}

#rvfs-controllers {
    margin-left: 29px;
    margin-right: 16px;
    margin-top: 6px;
}

.contrast .black-yellow {display: none;}
.contrast .default.size {display: block;}

.black-yellow {display: block;}
.default.size {display: none;}


h1 span {transition: all 0.5s ease-in 0.2s; border-bottom: 1px solid #fff; }

.news_list h2 a {color: #282626;text-transform: uppercase;font-weight: 700;}

h2.label::after {
    background: #186eed none repeat scroll 0 0;
    content: "";
    display: block;
    height: 4px;
    margin: 7px auto;
    position: relative;
    width: 61px;
    transition: all 0.5s ease 0s;
}


h2.label:hover::after {background: #d8173d none repeat scroll 0 0;}


.news_list {
    padding-top: 10px;
}
#main_container .news_list{    background: #f9f9f9;}

.top_menu {
    display: flex;
    justify-content: space-between;
    padding: 18px;
    position: relative;
}

.top_menu li {
    float: left;
    text-align: center;
    background: none;
    padding: 0;
    margin: 0 10px;
    transition: all 0.5s ease 0s;
}



/*.top_menu li.last {*/
    /*background-image: linear-gradient(to right, #80b3fd 0%, #6a78ea 100%);*/
    /*box-shadow: 0 2px 8px rgba(3, 5, 5, 0.09);*/
    /*border-radius: 18px;*/
    /*padding-left: 20px;*/
    /*padding-right: 20px;*/
    /*transition: all 0.5s ease 0s;*/
/*}*/
.top_menu a, .left_menu a {
    color: #000;
    display: block;
    font-size: 1.4rem;
    font-weight: 300;
    padding: 4px 10px;
}

/*#top #top_menu li.last a {*/
    /*color: white;*/
/*}*/

.left_menu a {
  display: block;
}


.top_menu a:hover, .top_menu .active, .left_menu a:hover, .left_menu .active, #left_menu .sub_menu > li > a:hover {
    color: #176dee;
}
/*
.style_blue .top_menu a:hover, .style_blue .top_menu .active, .style_blue .left_menu a:hover, .style_blue .left_menu .active {    color: #176dee;}
.style_red .top_menu a:hover, .style_red .top_menu .active, .style_red .left_menu a:hover, .style_red .left_menu .active{color:#da163b;}*/
.top_menu a:active, .left_menu a:active {
    color: #176dee;
    text-shadow: 0 0 5px #fff;
    text-decoration: none;
}
.top_menu a:focus, .left_menu a:focus {
    text-decoration: none;
    outline: none;
}
.dropdown_menu .sub > a {
    position: relative;
    padding-right: 20px;
    transition: all 0.5s ease 0s;
}
.dropdown_menu .sub > a::after {
  content: "";
  display: block;
  font-family: FontAwesome;
  font-size: unset;
  font-weight: normal;
  line-height: 1;
  position: absolute;
  right: 6px;
  top: 7px;
  transform: rotate(90deg);
}

.dropdown .sub_el {
    margin: 0;
    padding: 0 5px;
    float: left;
    text-align: left;
    background: none;
}
.dropdown .sub_el a {
    padding: 10px 5px;
}
.dropdown ul *:hover {
    transition: none !important; -webkit-transition: none !important; -moz-transition: none !important; -ms-transition: none !important; -o-transition: none !important;
}

#news_list {
    clear: both;
    margin-bottom: 20px;
}
.news_item_wrapper {
    padding: 15px;
}
.intro_news {
    margin-bottom: 20px;
    text-align: left;
}

.text_frame {
    background: #fff none repeat scroll 0 0;
    box-shadow: 0 0 40px rgba(0, 0, 0, 0.07);
    padding: 20px 0 0;
    position: relative;
}
#main_container .text_frame {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}

.news_item_wrapper .title_frame {
    padding: 0 20px 15px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.date_frame {
    color: #176dee;
    float: left;
    font-size: 1.2rem !important;
    font-weight: 700;
    margin-right: 16px;
}
.date_frame#day{font-size: 1.5rem !important;    margin: 0 15px;}
.date-wrap {width: 60px;}

.news-wra {
    display: block;
    height: auto;
    padding: 0 0 40px;
    position: relative;
}
.title_wrap {
    font-size: 1.3rem;
    font-weight: bold;
    display: inline-block;
    width: 75%;
    margin-left: 15px;
}
.image_frame + span.intro{
    float: left;
    width: 60%;
}
.image_frame{
    float: left;
    margin: 5px 15px;}
.image_frame + span.intro p {padding: 0; margin: 0;}
.image_frame a{
    display: block;
}
#sigle_news .image_frame {display: block;}
#sigle_news .image_frame a {
    padding: 0 30px 0 0;
    float: left;
}

.text_frame p {padding: 0 20px;}
#sub_container .text_frame p {font-size: 1rem;}

.more.button {
    background: #4c8cf1 none repeat scroll 0 0;
    bottom: 0;
    font-weight: 700;
    line-height: 2.5;
    padding: 0 10px;
    position: absolute;
    text-align: right;
    text-transform: uppercase;
    width: 100%;
    transition: all 0.5s ease 0s;
    font-size: 1rem;
}

.more.button:hover {background: #d8173d;}


.gallery_table {
    overflow: hidden;
    border-spacing: 5px;
}
.gallery_table_row {
    clear: both;
}
.gallery_table_cell {
    padding: 5px;
    border: 1px solid #D5CEB4;
    border-radius: 5px;
}
.gallery_image_link {
    display: block;
    border-radius: 5px;
    overflow: hidden;
}
.gallery_image_link img {
    border-radius: 5px;
}

.gallery_grid {
    background: #eee;
}
.gallery_grid_item {
    float: left;
    width: 146px;
}
.gallery_grid_item img {
    width: 100%;
}

.res-gallery{

}
.res-gallery-img{
    width: 25%;
    float: left;
    padding: 15px 15px 0px 0px;
}

.res-gallery-img a{ 
    display: block;
}
.res-gallery-img img{
    display: block;
    width: 100%;
    height: auto;
}

#catalog, .catalog {
    padding: 0;
    margin: 0;
}

.product {
    float: left;
    padding: 15px;
    margin: 0 5px 5px;
    background: none;
    border: 1px solid #f00;
    opacity: 1;
    filter: alpha(opacity=100);
}
.product:hover {
    color: #f00;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transition: 0.3s; -webkit-transition: 0.3s; -moz-transition: 0.3s; -ms-transition: 0.3s; -o-transition: 0.3s;
}
.product:hover .name {
    color: #fff;
}
.product:hover .img {
    background: #fff;
}
.product .img {
    float: left;
    display: block;
    margin: 0 5px 5px 0;
}
.product .name {
    margin: 0;
    padding: 0;
}

#product #images {
    float: left;
    margin: 0 10px 10px 0;
}
#product #images img {
    margin: 0;
    padding: 0;
}
#product #features {
    float: right;
    margin: 0 0 10px 10px;
    border: 1px solid #eee;
}
#product .feature {
    padding: 5px;
}
#product .feature:nth-child(2) {
    background: #eee;
}

#product #extra_features {
    clear: both;
}
#product #related {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#product #file_list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
#product .product {
    clear: both;
}
#products_map {
    width: 100%;
    height: 400px;
}

.jcarousel-control-prev,
.jcarousel-control-next {
    position: absolute;
    top: 50%;
    margin-top: -15px;
    width: 24px;
    height: 24px;
    text-align: center;
    background: #fff;
    color: #8488A7;
    text-decoration: none;
    text-shadow: 0 0 1px #000;
    font: 1.7rem/1.9rem Arial, sans-serif;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 0 0 4px #F0EFE7;
    -moz-box-shadow: 0 0 4px #F0EFE7;
    box-shadow: 0 0 4px #F0EFE7;
}
.jcarousel-control-prev:hover,
.jcarousel-control-next:hover {
    background: #e5283b;
    color: #fff;
}
.jcarousel-pagination {
    display: none;
    position: absolute;
    bottom: -40px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    margin: 0;
}
.jcarousel-pagination a {
    text-decoration: none;
    display: inline-block;
    font-size: 0.9rem;
    height: 10px;
    width: 10px;
    line-height: 1;
    background: #fff;
    color: #4E443C;
    border-radius: 10px;
    text-indent: -9999px;
    margin-right: 7px;
    -webkit-box-shadow: 0 0 2px #4E443C;
    -moz-box-shadow: 0 0 2px #4E443C;
    box-shadow: 0 0 2px #4E443C;
}
.jcarousel-pagination a.active {
    background: #e5283b;
    color: #fff;
    opacity: 1;
    -webkit-box-shadow: 0 0 2px #F0EFE7;
    -moz-box-shadow: 0 0 2px #F0EFE7;
    box-shadow: 0 0 2px #F0EFE7;
}
.jcarousel li img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
    filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
    -webkit-transition: all .6s ease; /* Fade to color for Chrome and Safari */
    -webkit-backface-visibility: hidden; /* Fix for transition flickering */
}
.jcarousel li:hover img {
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);
}



.totop {
    background: rgba(0, 0, 0, 0) url("images/arrow.png") no-repeat scroll center center;
    bottom: 50px;
    display: none;
    height: 50px;
    opacity: 0.5;
    overflow: hidden;
    position: fixed;
    right: 50px;
    width: 50px;
    z-index: 9999;
}
.totop:hover {
    opacity: 1;
}
/* Newsletter */
#footer_newsletter_wrapper {
    background: #eee;
    padding: 20px 0;
    margin-bottom: 20px;
}
#footer_newsletter_form {
    background: transparent;
    text-align: center;
}
#footer_newsletter_form .title {
    font-size: 3.2rem;
    text-align: left;
}
#footer_newsletter_form .value {
    line-height: 2.2rem;
    padding-top: 1px;
}
#footer_newsletter_form .value input {
    padding: 9px 10px;
    width: 300px; 
}
#footer_newsletter_form .button {
    border-radius: 0;
    padding: 0 20px;
    line-height: 42px;
    margin-top: 1px;
    box-shadow: none;
}
/* Nagłówki */
h2.label {
    padding: 0 0px 10px;
    color: #333;
    font-size: 1.8rem;
    margin-bottom: 4px;
    display: block;
    border-radius: 0;
}
/* Formularze */
form .form {
    margin-top: 20px;
    margin-bottom: 20px;
}
form .label {
    color: #333;
    font-size: 1.2rem;
    font-weight: 400;
    vertical-align: middle;
    display: table-cell;
    text-align: left;
}
form .input,
form .textarea,
form .select {
    width: 99%;
    margin: 5px 0;
}
form input[type='checkbox'],
form input[type='radio'],
form .checkbox,
form .radio {
    float: left;
    margin: 5px;
}
form label {
    font-weight: 400;
}
form #controls,
form .controls {
    padding: 11px 0.65%;
    text-align: right;
}
.top_menu_lnk {
    width: 30px;
    height: 30px;
    position: absolute;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
    top: 10px;
    right: 15px;
    display: none;
}
.top_menu_lnk > span {
    display: block;
    position: absolute;
    height: 5px;
    width: 100%;
    background: #d8173d;
    border-radius: 9px;
    opacity: 1;
    top: 0;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
}
.top_menu_lnk > span:nth-child(2),
.top_menu_lnk > span:nth-child(3) {
    top: 9px; 
}
.top_menu_lnk > span:nth-child(4) {
    top: 18px; 
}
.top_menu_lnk.open > span:nth-child(1) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.top_menu_lnk.open > span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.top_menu_lnk.open > span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.top_menu_lnk.open > span:nth-child(4) {
    top: 18px;
    width: 0%;
    left: 50%;
}
.bx-wrapper img.center {
    margin: 0 auto;
    width: 100%;
}
/* Style Bartka */
.hiddenen { opacity: 0;}
.no-marg {margin-left: 0 !important;margin-right: 0 !important;}
.no-pad {padding-left: 0 !important;padding-right: 0 !important;}

/*MW*/
#phrase {
/*    position: relative;
    right: 15px;
    top: -15px;*/
    display: inline-block;
    font-size: 1.15rem;
}
.sub_menu a {    text-align: left;}
.sub_menu li {
    width: auto;
    margin: 0;
    display: block;
    float: none;
}
#top_menu .sub_menu > li {
    width: auto;
    margin: 0 15px;
    text-align: left;
}
.subsub_menu{    overflow: hidden;}
#top_menu li.sub{
    position: relative;
}
.dropdown_menu .sub_menu {
    position: absolute;
    top: 180%;
    left: 0;
    width: auto;
    background: #f3f7ff;
    border: none;
    border-radius: 0;
    box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    padding: 10px 0;
    z-index: 222;
    border-top: solid 1px #d8173d;
    height: auto;
    min-height: 70px;
    display: flex;
    flex-direction: column;
}
.style_blue .dropdown_menu .sub_menu {border-color:#176dee;}
.style_red .dropdown_menu .sub_menu{border-color:#da163b;}


.more.button:active {
    top: unset;
}
h2, h3, h4 {
    text-transform: uppercase;
    text-align: left;
    padding: 0 0 5px;
    color: #3c4656;
    font-size: 1.8rem;
    margin: 15px 0;
    display: block;
    border-radius: 0;
}
h3{    font-size: 1.6rem;}
h4{    font-size: 1.4rem;}
#sub_container p {    font-size: 1.4rem;    line-height: 1.7;}
#sub_container li {    font-size: 1.4rem;    line-height: 1.5;}
.subcontent_container a {    font-size: 1.4rem;}
#sub_container ol{padding-left: 25px;}
ol li {    padding: 3px;}
.container_marg{margin: 0 15px;}
.left_menu {padding: 15px 0;}
.left_menu li {background: none; padding: 5px 0;}
.left_menu ul.sub_menu {
    display: block;
    position: static;
    width: 100%;
    padding-left: 15px;
    border: none;
    background: transparent;
    box-shadow: none;
}
.bottom_menu_wrapper{
    max-width: 1400px;
    margin: 0 auto;
    margin-top: 107px;
}
.style_blue + .bottom_menu_wrapper{border-color:#176dee;}
.style_red + .bottom_menu_wrapper{border-color:#da163b;}

#top_menu_grey{height: auto;}
.style_blue #top_menu_grey{border-bottom: solid 1px #176dee;}
.style_red  #top_menu_grey{border-bottom: solid 1px #da163b;}
#top_menu.dropdown_menu .sub > a:after{display: none;}
#top_menu > li > a{
    color: #f5151e;
    font-weight: 700;
    font-size: 1.33rem;
    text-transform: uppercase;
}
#top_menu .sub_menu > li > a {
    font-size: 1.2rem;
    color: #000;
    font-weight: 400;
    width: auto;
    display: block;
    padding-bottom: 2px;
    white-space: nowrap;
}

.top_menu .columnWrapper .sub_el > a {
        font-size: 1.2rem;
    color: #000;
    font-weight: 400;
    width: auto;
    display: block;
    padding-bottom: 2px;
}


#top_menu .subsub_menu > li > a {
    font-size: 1.1rem;
    color: #000;
}
#top_menu .sub_menu > li > a:hover, #top_menu .subsub_menu > li > a:hover  {color: #d8173d;}

#top_menu ul.subsub_menu{ padding: 5px 2px;}

#left_menu .sub_menu > li > a {
    color: #434343;
    display: block;
    font-size: 1.3rem;
}
#left_menu .sub_menu > li > a.active, #left_menu .sub_menu > li > a.active {color: #d8173d;}
.left_menu .sub_menu li {    padding: 1px 0;}
.left_menu .sub_menu.dropdown_menu_sub .sub > a:after {top:6px;}
#left_menu .subsub_menu > li > a {font-size: 1.2rem; color: #434343;}
.fb-like {padding: 15px;}
.bread_home {    width: 15px;    padding-bottom: 3px;    margin-left: 2px;}
.breadcrumb a:hover {color: #000;}

.news_header .date-wrap {
    overflow: hidden;
    display: inline-block;
    width: 70px;
    position: relative;
    top: 5px;
    padding-right: 15px;
    box-sizing: content-box;
    
}
.news_header .date-wrap .date_frame#day{
    font-size: 2rem !important;
    margin: 0;
    padding-left: 15px;
    font-weight: 400;
}
.news_header .date-wrap .date_frame#year{
    font-size: 1.4rem !important;
    font-weight: 400;
}
.news_header .title_frame {    display: inline-block;    margin: 0;     max-width: 80%;}
.news_header .date-wrap .date_frame {    color: #26146d;}
.news_header {    margin-bottom: 25px; display: flex;    align-items: center;}
.news_header .title_frame h1 {padding-left: 25px; border-left: solid 1px #d2d2d2; margin: 30px 0;}

.map-wid {
  margin-top: 0;
}
.news_content .content span {font-size: 1.4rem !important; line-height: 1.7 !important; font-family: 'Montserrat', Arial, Helvetica, sans-serif !important;}
strong, b {    font-weight: bold;}


.content div {    font-size: 1.4rem;}

/* Style the tab */
div.tab {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
    background-color: #f5f5f5;
}
div.tab button {
    background-color: inherit;
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 14px 16px;
    transition: 0.3s;
}
div.tab button:hover {
    background-color: #eaeaea;
}
div.tab button.active {
    background-color: #eaeaea;
}
.tabcontent {
    display: none;
    padding: 6px 12px;
    /*border: 1px solid #ccc;*/
    border-top: none;
}
#sigle_news .news_content{padding-bottom: 15px;}
/*#state3 {left: 0;    width: 100%;    padding: 0;     margin: 0;}
#state3 .ban-wrap, #state3 .img-ark, #state3 .img-zdun {display: none;}*/

.contact-form-success{
    background: rgba(233, 255, 233, 0.25);
    padding: 5px 20px;
    margin-bottom: 30px;
}

/*EMW*/


/*.menuGrid {
    width: 100%;
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
    -moz-column-gap: 1em;
    -webkit-column-gap: 1em;
    column-gap: 1em;
    height: 80vh;
}

.menuGrid .sub_el:first-child {
    height: 100%;
    
    display: inline-block;
}

.menuGrid .sub_el:nth-child(2) {
    height: 100%;
}*/
/*.stay_fixed{position: fixed;}*/
.stay_fixed{overflow: hidden;}

.heroSection {
    background: url(/css/default/images/top.jpg) no-repeat top left /100% auto;
    height: 24vw;
}

.heroSection h1, .heroSection h1 span{
    text-shadow: 0 5px 70px rgba(3, 5, 5, 0.17);
    color: #ffffff;
    font-size: 3vw;
    font-weight: 900;
    margin-top: 63px;
    margin-left: 39px;
    line-height: 1.2;
}

.heroSection h1 {
    margin-bottom: 50px;
}

.heroSection h1 span {
    margin-left: 0;
    border: none;
}

#main_container h1::after {
    
    background-size: contain;
    position: absolute;
    display: block;
    content: "";
    width: 140px;
    height: 165px;
    transition: all 0.5s ease-in 0.2s;
    bottom: -80px;
    left: 200px;
}

.callBox {
    position: relative;
    margin-left: 47px;
}

.callIcon {
    width: 88px;
    height: 88px;
    box-shadow: 0 2px 8px rgba(3, 5, 5, 0.09);
    background-image: linear-gradient(to right, #91adf1 0%, #9b8bf5 100%);
    position: absolute;
    left: 0;
    top: -8px;
    border-radius: 88px;
    padding: 13px 20px 12px 20px;
}

.callButton {
    width: 361px;
    height: 73px;
    box-shadow: 0 2px 8px rgba(3, 5, 5, 0.09);
    background-image: linear-gradient(to right, #35e1f0 0%, #64b9e5 100%);
    border-radius: 40px;
    padding-top: 19px;
    padding-left: 62px;
}

.callButton a {
    color: #ffffff;
    font-family: Montserrat;
    font-size: 2.3rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 50px;
}

#sek2 {
    margin-top: 30px;
}

.videoBox {
    position: relative;
    text-align: center;
    margin-top: 74px;
    padding-left: 160px;
}

.videoBox .frontImage img {
    box-shadow: 0 0 35px rgba(0, 0, 0, 0.1);
}

.videoBox .backgroundImage {
    position: absolute;
    top: 30px;
    z-index: -1;
    right: 0;
}

.welcomeToBox {
    padding-left: 54px;
    padding-right: 200px;
}

.welcomeToBox h2 {
    color: #3c4656;
    font-size: 3.2rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.welcomeToBox p {
    margin-top: 33px;
    color: #6b6b6b;
    font-size: 1.8rem;
}

hr.shortBlue {
    border: 0;
    border-top: 2px solid #c71019;
    width: 114px;
    margin:0;
}

#sek3 {
    margin-top: 150px;
    background: url(/css/default/images/pasy.png) no-repeat right center;
}

#sek3 .headers {
    text-align: center;
    float: none;
}

#sek3 .headers h3 {
    text-transform: uppercase;
    color: #3c4656;
    font-size: 1.85rem;
    text-align: center;
    font-weight: 300;
    margin-bottom: 0;
    letter-spacing: 0.6px;
}

#sek3 .headers h2 {
    color: #3c4656;
    font-size: 3.21rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 0;
}

#sek3 .headers hr.shortBlue {
    margin: 0 auto;
}

.serviceWrapper {
    display: flex;
    align-content: space-between;
    float: none;
    max-width: 1523px;
    margin: 0 auto;
    margin-top: 114px;
}

.serviceWrapper.serviceWrapperSecond {
    margin-top: 85px;
}

.serviceWrapper .serviceBox {
    width: 253px;
    height: 253px;
    box-shadow: 0 5px 65px rgba(3, 5, 5, 0.04);
    float: none;
    margin: auto;
    transition: all 0.5s ease 0s;
}

.serviceWrapper .serviceBox .serviceBoxImages {
    padding-top: 36px;
    padding-left: 40px;
}

.serviceWrapper .serviceBox .serviceBoxName {
    text-align: center;
    color: #3c4656;
    font-size: 1.2rem;
    font-weight: 700;
    margin-top: 43px;
    text-transform: uppercase;
}

.backgroundPrice {
    background: linear-gradient(90deg, rgba(255,22,31,1) 0%, rgba(194,16,24,1) 100%);
    min-height: 409px;
    height: auto;
    margin-top: 166px;
}

.backgroundPrice .imgBackgroundPrice {
    position: absolute;
    top: -25px;
    left: 84px;
}

.priceTextWrapper {
    margin-left: 46%;
    margin-top: 103px;
}

.priceTextBox {
    width: 474px;
    float: left;
    margin-bottom: 20px;
}

.priceTextBox p {
    color: #fff;
    font-size: 2rem;
    font-weight: 300;
    margin-bottom: 0;
    letter-spacing: 1.7px;
}

.priceTextBox p.bold {
    font-weight: 700;
}

.mapWrapper {
    background: #4cebfe;
    margin-top: 188px;
}

#sek3 .headers {
    text-align: center;
    float: none;
}

#sek5 {
    margin-top: 145px;
}

#sek5 .headers h3 {
    text-transform: uppercase;
    color: #3c4656;
    font-size: 1.85rem;
    letter-spacing: 0.6px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 0;
}

#sek5 .headers h2 {
    color: #3c4656;
    font-size: 3.21rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 0;
}

#sek5 .headers hr.shortBlue {
    margin: 0 auto;
    margin-bottom: 114px;
}

.cardsWrapper {
    max-width: 1402px;
    margin: 0 auto;
    margin-top: 104px;
    float: none;
}

.processCard {
    position: relative;
}

.processCard.first, .processCard.last {
    padding: 30px 44px 0 28px;
    box-shadow: 0 0 109px rgba(3, 5, 5, 0.04);
    height: 439px;
}


.processCard.first p {
    color: #3c4656;
    font-size: 2rem;
    font-weight: 300;
}

.processCard.first p span {
    color: #7fb0fc;
    font-weight: 700;
}

.processCard .widePicture {
    margin-bottom: 29px;
    overflow: hidden;
}

.processCard .widePicture img {
    width: 100%;
    height: auto;
}

.processCard a.showMoreButton {
    display: block;
    background-image: linear-gradient(90deg, rgba(255,22,31,1) 0%, rgba(194,16,24,1) 100%);
    box-shadow: 0 2px 8px rgba(3, 5, 5, 0.09);
    border-radius: 39px;
    width: 290px;
    font-size: 1.7rem;
    color: white;
    text-align: center;
    margin-top: 5px;
    margin-left: 50px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 700;
    transition: all 0.5s ease 0s;
    position: absolute;
}
.mapImage {
    position: relative;
}

.mapImage .DKText, .mapImage .PLText {
    color: #ea4242;
    font-weight: 700;
    position: absolute;
}


.mapImage .DKText {
    font-size: 2.3rem;
    bottom: 238px;
    left: 280px;
}

.mapImage .PLText {
    font-size: 3.1rem;
    bottom: 83px;
    left: 431px;
}

.mapText {
    text-align: center;
}

.mapText h2 {
    color: #ffffff;
    font-size: 5.1rem;
    text-transform: inherit;
    font-weight: 700;
    margin-top: 80px;
    line-height: 68.2px;
}

.mapText .checkPriceButton {
    padding: 22px 45px 22px 45px;
    border: 5px solid white;
    display: inline-block;
    border-radius: 100px;
    font-size: 2.1rem;
    font-weight: 700;
    margin: 0 auto;
    margin-top: 73px;
    margin-left: -157px;
    transition: all 0.5s ease 0s;
}

.videoMiniBoxWrapper hr.shortBlue {
    border: 0;
    border-top: 2px solid #7fb0fc;
    width: 114px;
    margin:0;
    margin-bottom: 70px;
}



.videoMiniBoxWrapper {
    max-width: 550px;
    margin-left: 80px;
}

.videoMiniBoxWrapper h2 {
    color: #3c4656;
    font-size: 3.21rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 10px;
    text-align: left;
    margin-top: 0;
}

.videoMiniBox {
    float: left;
    margin-right: 23px;
    margin-bottom: 20px;
    position: relative;
    transition: all 0.5s ease 0s;
}

img.miniPlayButton {
    position: absolute;
    left: 80px;
    z-index: 99999;
    top: 39px;
    transition: all 0.5s ease 0s;
}

.videoMiniBox:hover{
    box-shadow: 0 0 32px 3px rgba(3, 5, 5, 0.2);
}

.videoMiniBox:hover .miniPlayButton {
    transform: scale(1.2);
}

.videoMaxWrapper {
    text-align: right;
    margin-top: 137px;
    margin-left: 56px;
}

#sek7 {
    margin-top: 229px;
    position: relative;
}

#sek7 a.showMoreButton {
    display: inline-block;
    background-image: linear-gradient(90deg, rgba(255,22,31,1) 0%, rgba(194,16,24,1) 100%);
    box-shadow: 0 2px 8px rgba(3, 5, 5, 0.09);
    border-radius: 39px;
    width: 290px;
    font-size: 1.7rem;
    color: white;
    text-align: center;
    margin-top: 39px;
    padding-top: 20px;
    padding-bottom: 20px;
    font-weight: 700;
    transition: all 0.5s ease 0s;
}

#sek8 {
    margin-top: 237px;
}

.newsletterWrapper {
    position: relative;
    height: 478px;
}

.newsletterWrapper .backgroundImage {
    background: url(/css/default/images/newsletter_background.png) no-repeat top left /100% auto;
    height: 360px;
    width: 1552px;
    margin: 0 auto;
}

.newsletterWrapper .backgroundGradient {
    background-image: linear-gradient(90deg, rgba(255,22,31,1) 0%, rgba(194,16,24,1) 100%);
    height: 161px;
    width: 100%;
}

.newsletterWrapper .newsletterBox {
    position: absolute;
    background: white;
    width: 971px;
    height: auto;
    margin: 0 auto;
    box-shadow: 0 0 32px rgba(3, 5, 5, 0.15);
    margin-top: 240px;
    top: 0;
    left: calc((100vw - 971px) / 2);
}
.newsletterWrapper .newsletterBox .contact {
    padding: 30px;
}
.newsletterWrapper .newsletterBox .contact p{
    font-size: 15px;
}
.newsletterWrapper .newsletterBox .contact p b{
    font-weight: 400;
}
.newsletterBox .headers h3, .newsletterBox .headers h2 {
    text-align: center;
}

.newsletterBox .headers h3 {
    text-transform: uppercase;
    color: #3c4656;
    font-size: 1.85rem;
    letter-spacing: 0.2px;
    text-align: center;
    font-weight: 300;
    margin-bottom: 0;
    margin-top: 27px;
}

.newsletterBox .headers h2 {
    color: #3c4656;
    font-size: 3.21rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 3px;
    margin-top: 0;
}
.newsletterBox .headers hr {
    margin: 0 auto;
    width: 161px;
}

.contactInfo h2 {
    color: #c71019;
    font-weight: 700;
    font-size: 1.7rem;
}

.contactInfo p {
    font-size: 1.33rem;
    color: #6b6b6b;
    font-weight: 300;
}

.contactInfo p span {
    color: #83b2fc;
    font-weight: 700;
}

.bottomLogos {
    text-align: right;
    margin-top: 50px;
    padding-right: 25px;
}


.video {
    width: 100%;
}
.wrapper{
    display:table;
    width:auto;
    position:relative;
}
.playpause {
    background: rgba(197,62,242,1);
    background: -moz-linear-gradient(left, rgba(197,62,242,1) 0%, rgba(29,99,219,1) 50%, rgba(29,99,219,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(197,62,242,1)), color-stop(50%, rgba(29,99,219,1)), color-stop(100%, rgba(29,99,219,1)));
    background: -webkit-linear-gradient(left, rgba(197,62,242,1) 0%, rgba(29,99,219,1) 50%, rgba(29,99,219,1) 100%);
    background: -o-linear-gradient(left, rgba(197,62,242,1) 0%, rgba(29,99,219,1) 50%, rgba(29,99,219,1) 100%);
    background: -ms-linear-gradient(left, rgba(197,62,242,1) 0%, rgba(29,99,219,1) 50%, rgba(29,99,219,1) 100%);
    background: linear-gradient(to right, rgba(197,62,242,1) 0%, rgba(29,99,219,1) 50%, rgba(29,99,219,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c53ef2', endColorstr='#1d63db', GradientType=1 );
    background-repeat:no-repeat;
    position:absolute;
    left:0%;
    right:0%;
    top:0%;
    bottom:0%;
    margin:auto;
    background-size:contain;
    background-position: center;
    opacity: 0.75;
}

.playpause .imageDiv {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    transition: all 0.5s ease 0s;
}

.playpause .imageDiv:hover {
    transform: scale(1.2);
}

video {
    display: block;
}

.subSiteHeader {
     width: 100%;
     height: auto;
    min-height: 138px;
     background: url(/css/default/images/subsiteHero.png) no-repeat left top;
     padding-left: 50px;
     padding-top: 0;
    display: flex;
    align-items: center;
 }

#sub_container .subSiteHeader h1 {
    color: #ffffff;
    font-size: 3rem;
    font-weight: 700;
    margin: 0;
    padding: 15px 0;
}

.subcontent_row {
    margin-top: 83px;
}

.subcontent_container {
    padding-right: 166px;
}

.footerWrapper
{
    max-width: 1400px;
    margin: 0 auto;
}

#footer .companyLogosList {
    display: flex;
    justify-content: space-between;
    padding-bottom: 15px;
}

#footer .ssiFooterLogo {
    text-align: center;
    padding-top: 20px;
}

.serviceWrapper .serviceBox:hover {
    box-shadow: 0 0 65px 20px rgba(3, 5, 5, 0.07);
}

.showMoreButton:hover {
    filter: hue-rotate(120deg);
}

#top_menu li a:hover {
    color: #e7655e;
}

.checkPriceButton:hover {
    color: white;
    border: 5px solid black;
}

.videoBG {
    position: absolute;
}



@media screen and (max-width: 1919px) {
    .top_menu{align-items: center;}
    #state2.banner-top{left: 0;    width: 160%;    margin-left: -50%;}
    /*.img-ark {height: 100%;     z-index: -1;}*/
    .banner-top {    height: 460px;}
    /*.img-zdun {    background: rgba(0, 0, 0, 0) url(images/banner2.jpg) no-repeat scroll left bottom /100%;    max-width: 950px;}*/
    .screen {    right: 0px;}
    .ico-wrap {    margin-left: -25px;    margin-top: 50px;    padding-right: 15px;}
    /*SUBSITE*/
    #lewe_menu, #middle {    margin-top: 35px;    }
    .choose span {    bottom: 5%;    }
}

@media screen and (max-width: 1801px) {
    .priceTextWrapper {
        margin-left: 55vw;
        margin-top: 10px;

    }

}

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

    .mapText h2 {
        font-size: 3.5rem;
    }
    .newsletterWrapper .backgroundImage {
        background: url(/css/default/images/newsletter_background.png) no-repeat bottom center /100% auto;
        height: 360px;
        max-width: 1552px;
        margin: 0 auto;
        width: 100%;
    }
}
@media screen and (max-width: 1499px) {
    .mapText .checkPriceButton {
        margin-left: 40px;
    }

    .heroSection h1, .heroSection h1 span {
        font-size: 6.8rem;
        margin-top: 10px;
    }

    .heroSection h1 span::after {
        width: 286px;
    }

    #main_container h1::after {
        left: 260px;
    }

    .ban-wrap {    padding-left: 16px;    width: 35%;    z-index: 99;    }
    .ban-wrap h1 {font-size: 2.2rem;}
    .ico-wrap { margin-left: 0;    width: 90%;}
    #ico4 {background-position-y: 20px !important;}
    .ico {    font-size: 1rem !important;    background-size: 70% !important;    background-position: center center !important;}
    .top_menu {    padding: 7px 0px;}
    /*#state1 h1::after {margin-left: 140px;}*/
    /*.img-ark {max-width: 1020px;     background: rgba(0, 0, 0, 0) url(images/banner1.jpg) no-repeat scroll center right /100%;}*/
    /*.img-zdun {    max-width: 990px;    background: rgba(0, 0, 0, 0) url(images/banner2.jpg) no-repeat scroll left bottom /100%;}*/
    .ico-wrap {margin-left: 0;    width: 100%;     margin-top: -25px;}
    /*#state1.banner-top {padding-left: 55%;}*/

    .screen {    background: rgba(0, 0, 0, 0) url(images/screen.png) no-repeat scroll center center /100%;    top: 570px;    width: 750px;}

    #logo_bot img {    margin-left: 0;}
/*    #bip {    margin-left: 0;    width: 100%;}
    #bip img {display: block;}*/
    #footer_links {padding-left: 15px;}
    /*SUBSITES*/
    .top_menu a, .left_menu a {    font-size: 1.3rem;}
    #lewe_menu, #middle {    margin-top: 15px;}
    .left_menu a {font-size: 1.2rem;}
    #left_menu .sub_menu > li > a {font-size: 1.1rem;}
    .dropdown_menu .sub > a:after {left: -13px;}

    #left_menu.dropdown_menu .sub > a:after {left: unset;}
    .dropdown_menu > li > a { padding-left: 0;}
    .left_menu ul.sub_menu {    padding-left: 0;}
}

    @media screen and (max-width: 1400px)
    {
        .videoBox .backgroundImage {
            display: none;
        }

        .priceTextWrapper {
            margin-left: 65vw;
        }

        .priceTextBox {
            width: 404px;
        }

        #top #logo_container {
            width: 20%;
        }

        .videoMiniBoxWrapper {
            margin-left: 0px;
        }

        .squarePicture {
            width: 48%;
        }

        .processCard .widePicture {
            margin-bottom: 20px;
        }

    }

    @media screen and (max-width: 1400px)
    {
        .processCard.first p
        {
            font-size: 1.4rem;
        }

        .processCard a.showMoreButton {
            margin-left: 10px;
        }

        #main_logo > img
        {
            margin-left: 0px;
        }

        #top #logo_container {
            width: 15%;
        }

        .mapText .checkPriceButton {
            margin-left: 150px;
        }

        .callButton {
            margin-bottom: 70px;
        }

        .welcomeToBox {
            padding-right: 0;
        }

        #sek3 {
            margin-top: 50px;
        }

        .backgroundPrice {
            margin-top: 100px;
        }

        .serviceWrapper{
            margin-top: 50px;
        }

        .serviceWrapper.serviceWrapperSecond {
            margin-top: 50px;
        }

        .mapText h2 {
            font-size: 2.5rem;
            line-height: 40px;
            margin-left: 40px;
        }

        .mapText .checkPriceButton {
            padding: 10px 30px 10px 30px;
        }

    }

@media screen and (max-width: 1240px)
{
    .heroSection h1, .heroSection h1 span {
        font-size: 5rem;
        line-height: 7.4rem;
    }

    .top_menu li {
        margin: 0;
    }

    .heroSection h1 span::after {
        width: 216px;
    }

    #main_container h1::after {
        left: 180px;
    }

    .videoMaxWrapper {
        margin-left: 0;
    }
}

@media screen and (max-width: 1199px) {
    .processCard.first p {
        font-size: 1.1rem;
    }

    .processCard a.showMoreButton {
        width: 209px;
        font-size: 1.3rem;
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .backgroundPrice {
        min-height: unset;
    }
    .backgroundPrice .imgBackgroundPrice {
        position: absolute;
        top: -95px;
        left: -76px;
        transform: scale(0.7);
    }
    .priceTextWrapper {
        margin-left: 55vw;
    }
    .priceTextBox p {
        font-size: 1.4rem;
    }
    h1 { font-size: 2.4rem;}
    ul#bottom_menu .sub_menu > .bottom_menu_item > a {font-size: 1.1rem;}
    .screen {width: 630px;}
    .banner-top {    height: 300px;}
    .ban-wrap h1 {    font-size: 1.8rem;    margin: 15px;}
    .ico {    font-size: 0.8rem !important;    background-size: 50% !important;    background-position: center 40px !important;     padding-top: 90px;}
    #ico4 {    background-position-y: 40px !important;} 
    #ssi {padding-right: 30px;}
    .screen {    top: -80px;    transform: none !important;}
    /*SUBSITE*/
    .left_menu a{    font-size: 1.1rem;}
    #left_menu .sub_menu > li > a {font-size: 1.1rem;}
    #lewe_menu, #middle {    margin-top: -15px;}
    .subcontent_container a.back {    font-weight: 400;    padding: 15px 0;}
    .news_header .date-wrap .date_frame#day {    font-size: 1.7rem !important;}
    .news_header .date-wrap .date_frame#year {    font-size: 1.1rem !important; }
    .news_header .date-wrap {    width: 50px;}
    .image_frame + span.intro {    width: 50%;}
    .top_menu {
        width: 90%;
        float: right;
    }
    #top_menu > li > a {
        font-size: 1rem;
    }

    .callButton {
        margin-bottom: 70px;
    }
}