﻿
*{margin:0;padding:0;}
body{font-family:'Roboto', sans-serif;}
section{width:100%;}
nav{background-color:rgba(0,0,0,0.3);position:fixed;z-index:999;top:0;width:100%;}
.facebook{display:inline-block;font-size:20px;padding: 12px;border: 1px solid;width: 47px;height: 47px;text-align: center;}
.logo{float:left;padding:20px;}
.logo img{width:320px;}
.menu{list-style:none;float:right;margin:0;}
.menu li{display:inline-block;color:#fff;padding:50px 10px;cursor:pointer;text-align:center;transition:ease 0.5s;}
.menu li:last-child, .mobile-menu li:last-child{background-color:#007bff;}
.menu li:hover{background-color:#fff;color:#000;}
.header{width:100%;background-image:url("../img/headbg.jpg");background-size:cover;background-repeat:no-repeat;background-position:center center;-webkit-clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0px 80%);clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0px 80%);height:80vh;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);}
.content{width:100%;padding-top:180px;text-align:center;}
.content span{color:#548dca;font-weight:bold;font-size:50px;}
.contentS{width:70%;margin:0 auto;padding:150px 0;text-align:center;}
.sluzby{width:100%;-webkit-clip-path:polygon(0% 10%, 100% 0%, 100% 100%, 0px 100%);clip-path:polygon(0% 10%, 100% 0%, 100% 100%, 0px 100%);background-color:#548dca;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);position:relative;margin-top:80px;}
.show-mail, .header a{display:block;text-align:center;padding:10px;background-color:#007bff;width:200px;color:#fff;border-radius:20px;margin:20px auto;text-decoration:none;text-transform:uppercase;border:3px solid #007bff;transition:ease 0.5s;opacity:0.5;cursor:pointer;}
.show-mail:hover, .header a:hover{text-decoration:none;background-color:transparent;color:#548dca;opacity:1;}
.car{height:10vh;}
.car img{width:60%;text-align:center;display:block;margin:0 auto;z-index:99;position:relative;top:-336px}
.count{color:#fff;width:100%;margin:100px auto 0;text-align:center;display:table;}
.counter{font-size:500%;color:#fff;font-weight:800;padding:30px 0;opacity:0.5;}
.counter:after{content:" €";}
.counters{width:90%;margin:0 auto;background-color:#fff;padding:30px 20px;border-radius:5px;-webkit-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.4);box-shadow:0 0 10px rgba(0, 0, 0, 0.4);}
.contentcount{z-index:55;position:relative;padding:10px 0;background-color:rgba(0,0,0,0.5);}
.count-title{font-size:40px;font-weight:bold;margin-top:10px;margin-bottom:0;text-align:center;color:#fff;text-transform:uppercase;}
.count-text{font-size:13px;font-weight:normal;margin-top:10px;margin-bottom:0;text-align:center;color:#000;}
.fa-my{opacity:0.6;color:#007bff;padding-top:15px;}
.table{padding:80px 0;}
.onas p{width:50%;text-align:center;margin:100px auto 0 auto;color:#9f9e9f;font-size:20px;line-height:1.6em;}
.spozadim{color:rgba(255,255,255,0.5);}
.tab{padding:0 10px;display:inline-block;cursor:pointer;}
.tab:first-child{margin-top:40px;}
.tab:hover i, .tab:hover p{color:#fff;border-color:#fff;}
.tab i{color:rgba(255,255,255,0.5);font-size:150px;float:left;border-right:5px solid rgba(255,255,255,0.5);padding-right:25px;margin-right:20px;padding-bottom:51px;width:290px;text-align:right;transition:ease 0.5s;}
.tab p{text-align:center;font-size:20px;line-height:1.6em;margin:0 auto;padding-top:30px;transition:ease 0.5s;}
.down{text-align:center;font-size:45px;color:#548dca;cursor:pointer;z-index:999;}
.gallery{-webkit-clip-path:polygon(0% 0%, 100% 11%, 100% 100%, 0px 100%);clip-path:polygon(0% 0%, 100% 11%, 100% 100%, 0px 100%);display:flex;height:88vh;margin-top:-140px;padding:0;width:100%;}
.social {width: 70%;margin: 20px auto;}
#img1{background-image:url("../gallery/img1.jpg");}
#img2{background-image:url("../gallery/img2.jpg");}
#img3{background-image:url("../gallery/img3.jpg");}
#img4{background-image:url("../gallery/img4.jpg");}
#img5{background-image:url("https://box1182.BlueHost.com/~seanale3/codepen/gallery1/city-street-2.jpg");}
#img6{background-image:url("https://box1182.BlueHost.com/~seanale3/codepen/gallery1/city-street-3.jpg");}
.img{align-items:center;background-position:center center;background-repeat:no-repeat;background-size:cover;box-shadow:inset 0 0 0 #232323;display:inline-flex;flex-grow:1;height:100%;filter:saturate(10%) brightness(30%);justify-content:center;margin:0;position:relative;transition:all 750ms ease-in-out;}
.img:after{background:rgba(55,55,55,0.5);border:solid;content:"Detail";color:#0ff;font-family:Raleway, sans-serif;font-size:2em;font-weight:900;opacity:0;padding:10px;transition:all 650ms ease-in-out;}
.img:hover{cursor:pointer;}
.img:not(.focus):hover:after{opacity:1;}
.img:not(.focus):hover{filter:saturate(30%) brightness(60%);}
.focus{box-shadow:inset 0 0 45px 5px #000;filter:saturate(120%) brightness(90%);flex-grow:30;}
.focus:after{opacity:0;}
.title{text-align:center;font-size:30px;line-height:1.6em;margin:30px auto;padding:30px 0;transition:ease 0.5s;color:rgba(255,255,255,0.5);}
.tabtrans{width:90%;height:100%;margin:0 auto;background-size:cover;filter:saturate(130%);z-index:25;position:absolute;top:0;bottom:0;left:0;right:0;border-radius:5px;}
.airmargin{margin:40px auto;}
.ba{background-image:url("../img/airports/bratislava.jpg");}
.vienna{background-image:url("../img/airports/vienna.jpeg");}
.budapest{background-image:url("../img/airports/budapest.jpg");}
.praha{background-image:url("../img/airports/prague.jpg");}
.krakow{background-image:url("../img/airports/krakow.jpg");}
.katowice{background-image:url("../img/airports/katowice.png");}
.brno{background-image:url("../img/airports/brno.jpg");}
.ostrava{background-image:url("../img/airports/ostrava.jpg");}
.poprad{background-image:url("../img/airports/poprad.jpeg");}
.sliac{background-image:url("../img/airports/sliac.jpeg");}
.pricetable{margin:0 auto;}
.pricetable ul{list-style:none;}
.pricetable ul li{background:rgba(0,123,255,0.6);height:80px;margin-bottom:10px;}
.type{float:left;font-size:24px;color:#fff;font-weight:800;padding:21px 10px 0 36px;text-transform:uppercase;}
.tax{height:100%;width:285px;float:right;color:rgba(0,123,255,0.6);font-weight:800;text-transform:uppercase;font-size:24px;text-align:center;border:1px dotted;padding:0 30px;background-color:rgba(255,255,255,1);}
.icon{width:80%;margin:0 auto;text-align:center;}
.icons{background:rgba(0,123,255,0.8);padding:30px;color:rgba(255,255,255,0.5);margin:50px auto 0 auto;}
.icons ul{margin:0 auto;list-style:none;display:inline-flex;}
.icons i{width:100%;font-size:55px;border-bottom:1px dotted;padding:10px 0;margin-bottom:10px;}
.footer{background:rgba(0,123,255,0.6);padding:30px;margin:0 auto;}
.footer p{color:rgba(255,255,255,0.8);}
footer{background:rgba(0,123,255,0.8);padding:7px 0 1px 0;color:rgba(255,255,255,0.5);margin:0 auto;text-align:center;}
.kontakt p{width:70%;font-size:25px;margin:0 auto;}
#overlay{display:none;background:rgba(0,0,0,0.8);position:fixed;top:0px;left:0px;min-width:100%;min-height:100%;z-index:122000;}
#mail-panel{display:none;position:fixed;width:400px;padding:10px 15px 10px 15px;z-index:122001;height:auto;background-color:#fff;margin:auto;border-radius:5px;left:50%;top:30%;margin-left:-200px;margin-top:-200px;}
#mail-panel p{text-align:center;padding:10px;font-size:30px;}
#mail-panel ul{list-style-type:none;width:100%;}
#mail-panel ul li{width:100%;margin:10px auto;}
.kontakt ul{list-style-type:none;width:60%;margin:0 auto;}
.kontakt ul li{width:100%;margin:10px auto;}
input[type="text"],
input[type="number"],
input[type="email"],
select{color:#8a8a8a;display:block;width:90%;height:44px;padding:5px 5%;border:1px solid #ccc;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;font-family:'HelveticaNeue','Arial', sans-serif;font-size:105%;letter-spacing:.8px;outline:none;margin:0 auto;}
.kontakt input[type="text"], .kontakt input[type="number"], .kontakt input[type="date"], .kontakt input[type="email"]{color:#fff;display:block;width:90%;height:44px;padding:5px 5%;border:1px solid #fff;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:transparent;font-family:'HelveticaNeue','Arial', sans-serif;font-size:105%;letter-spacing:.8px;outline:none;margin:0 auto;}
.label{width:30%;padding-left:20px;color:#8a8a8a;}
input[type="time"], input[type="date"]{color:#8a8a8a;display:inline;width:65%;height:44px;padding:5px 5%;border:1px solid #ccc;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;font-family:'HelveticaNeue','Arial', sans-serif;font-size:105%;letter-spacing:.8px;outline:none;margin:0 auto;}
.kontakt input[type="text"]::-webkit-input-placeholder, .kontakt input[type="number"]::-webkit-input-placeholder, .kontakt input[type="email"]::-webkit-input-placeholder, .kontakt input[type="date"]::-webkit-input-placeholder, .kontakt textarea::-webkit-input-placeholder{color:#fff;}
input, textarea, select{transition:all .2s ease;}
input[type="submit"]{color:#fff;background-color:#55b1df;border:1px solid #55b1df;cursor:pointer;display:block;width:90%;height:44px;padding:5px 5%;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:'HelveticaNeue','Arial', sans-serif;font-size:105%;letter-spacing:.8px;outline:none;margin:0 auto;}
.kontakt input[type="submit"]{color:#fff;background-color:transparent;border:1px solid #fff;cursor:pointer;display:block;width:90%;height:44px;padding:5px 5%;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:'HelveticaNeue','Arial', sans-serif;font-size:105%;letter-spacing:.8px;outline:none;margin:0 auto;}
input:focus, select:focus, textarea:focus{color:#55b1df;border:1px solid #55b1df;}
textarea{color:#8a8a8a;display:block;width:90%;height:88px;padding:5px 5%;border:1px solid #ccc;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:#fff;font-family:'HelveticaNeue','Arial', sans-serif;font-size:105%;letter-spacing:.8px;outline:none;margin:0 auto;}
.kontakt textarea{color:#fff;display:block;width:90%;height:88px;padding:5px 5%;border:1px solid #fff;-moz-border-radius:27px;-webkit-border-radius:27px;border-radius:27px;-moz-background-clip:padding;-webkit-background-clip:padding-box;background-clip:padding-box;background-color:transparent;font-family:'HelveticaNeue','Arial', sans-serif;font-size:105%;letter-spacing:.8px;outline:none;margin:0 auto;}
.error{display:none;text-align:center;}
.hidden{display:none;}
#close-mail{position:absolute;top:2px;right:4px;font-size:30px;cursor:pointer;}
.Trigger{cursor:pointer;position:relative;height:24px;width:36px;}
.right{display:none;position:fixed;top:30px;right:0px;transform:translate(-50%, -50%);z-index:999;}
.Trigger-top{height:2px;width:100%;background:#ccc;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);top:0;-webkit-animation-name:topreverse;-moz-animation-name:topreverse;animation-name:topreverse;-webkit-animation-duration:0.65s;-moz-animation-duration:0.65s;animation-duration:0.65s;-webkit-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-moz-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.Trigger-center{height:2px;width:100%;background:#ccc;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);top:11px;-webkit-animation-name:topreverse;-moz-animation-name:topreverse;animation-name:topreverse;-webkit-animation-duration:0.65s;-moz-animation-duration:0.65s;animation-duration:0.65s;-webkit-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-moz-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.Trigger-bottom{height:2px;width:100%;background:#ccc;position:absolute;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);bottom:0;-webkit-animation-name:bottomreverse;-moz-animation-name:bottomreverse;animation-name:bottomreverse;-webkit-animation-duration:0.65s;-moz-animation-duration:0.65s;animation-duration:0.65s;-webkit-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-moz-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.Trigger.is-active .Trigger-top{top:45.83333%;-webkit-animation-name:top;-moz-animation-name:top;animation-name:top;-webkit-animation-duration:0.65s;-moz-animation-duration:0.65s;animation-duration:0.65s;-webkit-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-moz-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.Trigger.is-active .Trigger-center{display:none;-webkit-animation-name:top;-moz-animation-name:top;animation-name:top;-webkit-animation-duration:0.65s;-moz-animation-duration:0.65s;animation-duration:0.65s;-webkit-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-moz-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.Trigger.is-active .Trigger-bottom{bottom:45.83333%;-webkit-animation-name:bottom;-moz-animation-name:bottom;animation-name:bottom;-webkit-animation-duration:0.65s;-moz-animation-duration:0.65s;animation-duration:0.65s;-webkit-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-moz-animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);animation-timing-function:cubic-bezier(0.77, 0, 0.175, 1);-webkit-animation-fill-mode:forwards;-moz-animation-fill-mode:forwards;animation-fill-mode:forwards;}
.mobile-menu{display:none;height:100%;width:100%;position:fixed;background:rgba(0,0,0,0.8);}
.mobile-menu ul{display:block;width:80%;list-style:none;margin:80px auto 0 auto;}
.mobile-menu ul li{color:#fff;padding:20px 0;cursor:pointer;text-align:center;transition:ease 0.5s;width:100%;margin:0 auto;border-bottom:1px dotted #fff;}
.mobile-menu ul li:last-child{border-bottom:none;}
@-webkit-keyframes top{0%{top:0%;}
60%{top:45.83333%;-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);}
}
@-moz-keyframes top{0%{top:0%;}
60%{top:45.83333%;-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(45deg);}
}
@keyframes top{0%{top:0%;}
60%{top:45.83333%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);}
}
@-webkit-keyframes bottom{0%{bottom:0%;}
60%{bottom:45.83333%;-webkit-transform:rotate(0deg);}
100%{-webkit-transform:rotate(-45deg);}
}
@-moz-keyframes bottom{0%{bottom:0%;}
60%{bottom:45.83333%;-moz-transform:rotate(0deg);}
100%{-moz-transform:rotate(-45deg);}
}
@keyframes bottom{0%{bottom:0%;}
60%{bottom:45.83333%;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);}
100%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);}
}
@-webkit-keyframes topreverse{0%{-webkit-transform:rotate(45deg);top:45.83333%;}
60%{-webkit-transform:rotate(0deg);top:45.83333%;}
100%{top:0%;}
}
@-moz-keyframes topreverse{0%{-moz-transform:rotate(45deg);top:45.83333%;}
60%{-moz-transform:rotate(0deg);top:45.83333%;}
100%{top:0%;}
}
@keyframes topreverse{0%{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:45.83333%;}
60%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);top:45.83333%;}
100%{top:0%;}
}
@-webkit-keyframes bottomreverse{0%{-webkit-transform:rotate(-45deg);bottom:45.83333%;}
60%{-webkit-transform:rotate(0deg);bottom:45.83333%;}
100%{bottom:0%;}
}
@-moz-keyframes bottomreverse{0%{-moz-transform:rotate(-45deg);bottom:45.83333%;}
60%{-moz-transform:rotate(0deg);bottom:45.83333%;}
100%{bottom:0%;}
}
@keyframes bottomreverse{0%{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);bottom:45.83333%;}
60%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);bottom:45.83333%;}
100%{bottom:0%;}
}
.no-animation{-webkit-animation:none;-moz-animation:none;animation:none;}
@media only screen and (min-device-width:1801px){.car img{width:50%;top:-370px;}
}
@media only screen and (min-device-width:1400px) and (max-device-width:1800px){.car img{width:50%;top:-280px;}
#mail-panel{top:40%;}
}
@media only screen and (min-device-width:1024px) and (max-device-width:1400px){.car img{width:40%;top:-200px;}
}
@media only screen and (min-device-width:940px) and (max-device-width:1024px){.car img{width:100%;top:-420px;}
}
@media only screen and (min-device-width:690px) and (max-device-width:940px){nav ul{display:none;}
nav{position:absolute;}
.header a{width:90%;}
.logo{margin:0 auto;}
.car img{width:100%;top:-310px;}
.contentS{width:90%;}
.tab{padding:40px 0;}
.tab i{border-bottom:5px solid rgba(255,255,255,0.5);border-right:none;padding-right:0;margin-bottom:20px;padding-bottom:10px;width:100%;text-align:center;}
.airmargin{margin:5px auto;}
.type{font-size:13px;padding:27px 10px 0 36px;}
.tax{width:170px;font-size:15px;}
.icons ul{display:inline-flex;}
#mail-panel{width:90%;left:220px;top:35%;height:90vh;}
.kontakt p{width:100%;}
.kontakt ul{width:100%;}
.right{display:block;}
}
@media only screen and (max-device-width:690px){.gallery{margin-top:-140px;}
nav ul{display:none;}
nav{position:absolute;}
.header a{width:50%;padding:5px;margin:10px auto;}
.content span{font-size:30px;}
.content{padding-top:160px;}
.logo{margin:0 auto;}
.down{font-size:32px;}
.car img{width:100%;top:-265px;}
.contentS{width:90%;}
.tab{padding:40px 0;}
.tab i{border-bottom:5px solid rgba(255,255,255,0.5);border-right:none;padding-right:0;margin-bottom:20px;padding-bottom:10px;width:100%;text-align:center;}
.airmargin{margin:5px auto;}
.type{font-size:13px;padding:27px 8px 0 36px;}
.tax{width:170px;font-size:15px;}
.icons ul{display:block;}
#mail-panel{width:90%;left:220px;top:35%;height:90vh;}
.kontakt p{width:90%;font-size:20px;}
.kontakt ul{width:100%;margin:40px 0;}
.gallery div:last-child{display:none;}
.title{text-align:center;font-size:18px;line-height:1.6em;margin:33px auto;padding:30px 0;transition:ease 0.5s;color:rgba(255,255,255,0.5);}
.onas p{width:80%;}
.right{display:block;}
.logo img{width:80%;}
    .social {width: 100%;}
}
@media only screen and (max-device-width:480px){nav ul{display:none;}
nav{position:absolute;}
.header a{width:90%;}
.logo{margin:0 auto;}
.car img{width:100%;top:-160px;}
.down{font-size:32px;}
.contentS{width:90%;}
.tab{padding:40px 0;}
.tab i{border-bottom:5px solid rgba(255,255,255,0.5);border-right:none;padding-right:0;margin-bottom:20px;padding-bottom:10px;width:100%;text-align:center;}
.airmargin{margin:5px auto;}
.type{font-size:13px;padding:27px 8px 0 36px;}
.tax{width:120px;font-size:15px;}
.icons ul{display:block;margin:40px 0;}
#mail-panel{width:90%;left:220px;top:35%;height:90vh;}
.kontakt p{width:90%;font-size:20px;}
.kontakt ul{width:100%;}
.title{text-align:center;font-size:18px;line-height:1.6em;margin:33px auto;padding:30px 0;transition:ease 0.5s;color:rgba(255,255,255,0.5);}
.onas p{width:80%;}
.right{display:block;}
.logo img{width:80%;}
    .social {width: 100%;}

}
@media only screen and (max-device-width:320px){.car img{width:100%;top:-126px;}
.right{top:58px;}
    .social {width: 100%;}
}
.row{margin:0;}
.mailto a {text-decoration: none;color: #fff;border: 1px solid;padding: 10px;font-size: 20px;}
.mailto a i {padding-right: 10px;}