div,span.body,input,li,ul,textarea {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}

html { height: 100%; min-height:100%;
    font-family: 'Fira Sans', sans-serif;
}
body {min-height:100%;
    margin: 0;
    background-size: cover;
    background-attachment: fixed;
}

#page{width: 100%;}


h2{ font-weight : bold;font-size : 18px;color : #000000;}
p{  font-weight : bold;font-size : 14px;color : #58595B;}

.content{margin: 0 auto; background: white; max-width: 1200px; }
.clear{clear:both;}

.content.head{border-style: solid; border-color: #F37920; border-width: 0 0 5px 0;}
.content.head .logo{float:left; height: 77px;  border-color: #F2F2F2;
    border-width: 0 1px 0 0;
    border-style: solid;
    padding: 20px 40px 30px 0;
    margin: 20px 10px;}
.content.head .logo img{width: 135px;}
.content.head .menu{float:right;}
.content.head .menu a{    display: block;
    float: left;
    border-color: #F2F2F2;
    border-width: 0 0 0 1px;
    border-style: solid;
    padding: 30px 40px;
    margin: 20px 0;
    font-weight: bold;
    cursor: pointer;
    font-size: 14px;
    color: #58595B;
    text-decoration: none;}

.opening{background-image: url(/img/homecover.jpg); background-size: cover; background-position: center; margin: 0 100px; padding: 180px 0;}
.opening .content{background: none;}
.opening h2{font-family: 'Merriweather', serif;font-size : 55px; color:white; text-shadow : 0px 0px 20px rgba(0, 0, 0, 0.75);}

.content.homeblok{ box-shadow : 0px 0px 10px rgba(0, 0, 0, 0.1);border-style: solid; border-color: #F37920; border-width: 0 0 5px 0; margin-top: -100px; margin-bottom: 100px;}
.content.homeblok .item{width: 33.333333%; float:left;
    padding: 20px 40px;
    margin: 30px 0;}
.content.homeblok .item h3{min-height: 44px;}
.content.homeblok .item.cnt{   border-color: #F2F2F2;
    border-width: 0 1px 0 1px;
    border-style: solid;}
.content.homeblok .item i{font-size: 40px; opacity: .75;}

.content.infoslider{position: relative; height: 500px; margin-bottom: 100px; }
.content.infoslider .photo{overflow: hidden; width: 65%; position: absolute; top: 0;}
.content.infoslider .photo img{ height: 500px;}
.content.infoslider .whitebox{margin: 100px 0 0 0; width: 50%; float:right;  background : #FFFFFF;box-shadow : 0px 0px 10px rgba(0, 0, 0, 0.1);  padding: 60px 60px;position: relative; z-index: 9;}
.content.infoslider .whitebox .arrowbox{position: absolute; top: 50%; font-size: 40px; color:#E6E6E6; display:none;}
.content.infoslider .whitebox .arrowbox.ar1{left: 20px;}
.content.infoslider .whitebox .arrowbox.ar2{right: 20px;}
.content.infoslider .whitebox .textbox{float:left;width: 70%; padding: 0px 30px 10px 0;}
.content.infoslider .whitebox .iconbox{float:left; width: 30%;border-color: #F2F2F2; padding: 40px 20px; text-align: center;border-width: 0 0 0 1px;border-style: solid;}
.content.infoslider .whitebox .iconbox i{color: #F37920; font-size: 80px;}

.content.onas{margin-bottom:100px; }
.content.onas p{text-align: center;}

.kontakt{background-color: #F37920; margin: 0 100px 200px 100px; color:white;}
.kontakt .content{background: none; padding: 50px 0 0 0; }
.kontakt .btns{float:right; padding: 20px 0;}
.kontakt h1{color:white; font-family: 'Merriweather', serif; font-size : 40px;}
.kontakt .btns .btn{    border-style: solid;border-color: #FFFFFF;border-color: rgba(255, 255, 255, .75);border-width: 1px;padding: 10px 20px;margin: 0 0 0 10px;color: white;font-size: 12px;text-decoration: none;}
.kontakt .col-4{position: relative;}
.kontakt .col-4 p{color:white;}
.kontakt .col-4 p a{color:white; }
.kontakt .col-8{position: relative; padding: 0 0 0 40px;}
.kontakt .col-8 iframe{width: 100%; box-shadow : 0px 0px 10px rgba(0, 0, 0, 0.1); height: 500px; margin: 0 0 -100px 0;}
.kontakt .kontakticon{color:white;  opacity : 0.75; position: absolute; right: 0; font-size: 30px;}
.kontakt p.small{font-size : 10px; opacity: .75; padding: 0 75px 0 0;}



.content.downslider{position: relative; height: 500px; margin-bottom: 100px; }
.content.downslider h1{color:white; font-family: 'Merriweather', serif; font-size : 40px;  color : #58595B; float:left;}
.content.downslider .photo{overflow: hidden; width: 65%; position: absolute; top: 120px;}
.content.downslider .photo img{height: 400px;}
.content.downslider .whitebox{margin: 0 0 0 0;     width: 66.66666666666666%; float:right; position: relative; z-index: 9;  padding: 0 0 0 40px}
.content.downslider .whitebox-in{ background : #FFFFFF;box-shadow : 0px 0px 10px rgba(0, 0, 0, 0.1);  padding: 10px 30px;position: relative;}
.content.downslider .whitebox-in table{width: 100%;border-collapse: collapse;}
.content.downslider .whitebox-in table tr{border-color:#F2F2F2; border-width: 0 0 1px 0; border-style: solid; padding: 30px 0;}
.content.downslider .whitebox-in table tr:last-of-type{border-color: transparent;}
.content.downslider .whitebox-in .btn{  border-style: solid;border-color: #F37920;border-width: 1px;padding: 10px 20px;margin: 0 0 0 10px;color: #F37920;font-size: 12px;text-decoration: none;    margin: 20px 0;
    display: block;
    float: right;}
.content.downslider .whitebox-in .btn:hover{background: #F37920; color:white;}
.content.downslider .whitebox-in .icon{color: #58595B; font-size: 20pt;}
.content.downslider .whitebox-in .title{font-size : 18px;}
.content.downslider .whitebox-in .note{font-size : 12px; color : #58595B; }
.content.downslider .whitebox-in .btns{text-align: right;    width: 105px;}

.footer{margin: 100px auto 100px auto; padding: 20px;}
.footer .footerline{font-size: 10pt; color: #848484; text-align: right; }
.footer .footerline a{ color: #848484;  }



textarea {height: 100px; background: #e8e8e8; word-break: break-all; border:none; width: 100%;border-radius:3px;   padding: 10px; font-size: 10pt;  display: block; margin: 10px 0 0 0;}
select {-webkit-appearance: none; font-family:AvenirD;  border:none;  border-radius:3px; display:inline-block; width: 50%; font-size: 11pt; padding: 10px;   margin: 10px 0 0 0;}
input { font-family:AvenirD;  background: #e8e8e8;   border:none;  border-radius:3px; display:inline-block; width: 50%; font-size: 11pt; padding: 10px;   margin: 10px 0 0 0;}

.clear {
    clear: both; }




.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11 {min-height:1px; float: left;  position: relative;}
.col-1:after,.col-2:after,.col-3:after,.col-4:after,.col-5:after,.col-6:after,.col-7:after,.col-8:after,.col-9:after,.col-10:after,.col-11:after{ content: " "; clear: both; display: block; }

.col-1 { width: 8.333333333333332%; }
.col-2 { width: 16.666666666666664%; }
.col-3 { width: 25%; }
.col-4 { width: 33.33333333333333%; }
.col-5 { width: 41.66666666666667%; }
.col-6 { width: 50%; }
.col-7 { width: 58.333333333333336%; }
.col-8 { width: 66.66666666666666%; }
.col-9 { width: 75%; }
.col-10 { width: 83.33333333333334%; }
.col-11 { width: 91.66666666666666%; }
.col-12 { width: 100%; }


@media screen and (max-width: 1400px) {
    .opening{    margin: 0 0;}
    .kontakt{    margin: 0 0 200px 0;}
}
@media screen and (max-width: 1200px) {
   .opening .content{padding: 0 10px;}
   .kontakt .content{padding: 50px 20px 0 20px;}
}
@media screen and (max-width: 600px) {
    .menu{display:none;}
    .content.head .logo{    float: none;margin: 0 auto;text-align: center;}
    .opening h2 {        font-size: 30px;        padding: 0 0 0 20px;    }

    .content.homeblok .item {width: 100%;float: left;margin: 0;}
    .content.infoslider .whitebox {           width: 85%; }
    .content.infoslider .photo { width: 85%; }

    .kontakt .btns{display:none;}
    .kontakt h1{margin-top: 0; padding: 0 20px;}
    .kontakt .col-4{width: 100%; padding: 0 20px;}
    .kontakt .col-8{width: 100%;padding: 20px; }
    .kontakt .col-8 iframe {height: 300px;}

    .downslider h1{margin-top: 0; padding: 0 20px;}
    .content.downslider .whitebox {           width: 90%; padding: 0;}
    .content.downslider .photo { width: 80%; }
    .content.downslider table .icon{display:none;}
    .content.downslider table .note{display:none;}
    .content.downslider .whitebox-in .btn{padding: 10px;}
    .content.downslider .whitebox-in .btn{padding: 10px;}
    .content.downslider table .btn span{display:none;}
    .content.downslider .whitebox-in .btns{width: 52px;}
    .content.downslider .photo{top: 200px;}
    .content.downslider{margin-bottom: 200px;}
}


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

    .itemslist{  grid-template-columns: repeat(1, 1fr); }
}

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


    .col-4 {  width: 100%;  }
    .col-6, .col-5, .col-7 {  width: 100%;  float: none;  }
    .col-6 .list-box{ margin: 0 0 15px 0; }
    .col-2, .col-3 {  width: 50%;    }
}


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


}

@media screen and (max-width: 340px) {
    .col-2, .col-3 {  width: 100%;   }
    .col-1{  width: 50%;    }

}