@charset "utf-8";

/*carousel*/
#owl-pn { position: relative;}
#owl-pn .owl-controls .owl-buttons {position: absolute; top: calc(200px - 2.5em); width: 100%;}
#owl-pn .owl-controls .owl-buttons > div {display: block; height: 5em; width: 5em; border-radius: 50%; text-indent: 9999px !important; overflow: hidden; /*position: relative;*/}
#owl-pn .owl-controls .owl-buttons .owl-prev {float: left; left: -5.6em;}
#owl-pn .owl-controls .owl-buttons .owl-prev::before {content: "\f104";}
#owl-pn .owl-controls .owl-buttons .owl-next {float: right; right: -5.6em;}
.list-pj { }
.wrap-project:after { display: block; height: 0; width: 100%; margin-top: 100%; content: ''; }
.wrap-project .img-project-logo a { display: block; position: absolute; top: 12px; left: 12px; right: 12px; bottom: 12px; background-size: cover; background-repeat: no-repeat; background-position: 50%; transition-duration: 0.3s; transform: scale(1); }
.wrap-project .img-project-logo a:hover { filter: brightness(160%); -webkit-filter: brightness(160%); transform: scale(1.1); }
.wrap-project .wrap_pj_pr { position: absolute; bottom: 12px; width: calc(100% - 24px); margin: 0; background: rgba(250, 250, 250, 0.9); text-align: center; padding: 15px; box-shadow: 0 1px 1px rgba(34, 34, 34, 0.2); z-index: 5; transition-duration: 0.3s; }
.wrap-project h2 { padding: 0; margin: 0; font-size: 18px; color: #f00; }
.wrap-project h2 a { color: #f00; }
.wrap-project p { margin: 12px 0 0; }
.wrap-project:hover .wrap_pj_pr { bottom: -90px; background: rgba(15, 83, 136, 0.7); }
.wrap-project:hover .wrap_pj_pr * { color: #fff; }
.dialog-support { margin: auto; margin-top: calc(50vh - 79px); max-width: 420px; padding: 0 10px; }
.dialog-support .modal-content {border: none; border-radius: 12px; box-shadow: none !important }
.dialog-support .modal-body { padding: 0; }
.modal-backdrop.in { opacity: 0.9; }
.modal-title { font-weight: 300; }
/*=======================*/
.navbar{padding: 0 1rem;min-height: 74px;background-color: #dee6ea;}
.navbar-nav{min-height: 74px}
.navbar-nav .nav-link{margin-right: 15px; margin-left: 15px;padding-left:1rem!important;padding-right:1rem!important;color:#589ab4!important; text-transform: uppercase;}
.navbar-nav .nav-link:hover{color:#2e8854!important;}
.navbar-nav .nav-link.active {color:#ccc!important;}
.navbar-nav .nav-link img.img-logo{max-height:74px;height:auto; margin-right: 30px;}
.img-logo-mobile {max-width: calc(100% - 56px); max-height: 74px;}
.img-logo-mobile img {height: 74px;}
.section{/*padding:2.5em 0*/;background-attachment:fixed!important;}
.section-footer {padding: 1em 0;}
.title{padding:1.5em 0;}
.navbar-dark .navbar-toggler-icon {background-color: #b8d5e0;}
.navbar-dark .navbar-toggler { border-color: rgb(89 157 183);}
/*infomation*/
.section-info{}
.section-info .sec-welcome{font-size:1.0em; font-family:"HelviticaNeue";color:#a0a6a8;}
.section-info .sec-about{width:30rem;padding:10em;background-repeat:no-repeat;background-position:center;background-size:contain;transition-duration:0.3s;margin-left:2em;}
.section-info .sec-about:hover{filter:none;-webkit-filter:none;}
.section-info .sec-about > div{ padding:2em;text-align:justify;color:#fff;border:7px solid rgba(255,255,255,0.3);background-color:rgba(0,0,0,.1);text-shadow:0 1px 1px #333;transition-duration:0.3s;}
.section-info .sec-about:hover > div{border-color:rgba(255,55,55,0.7);background-color:rgba(0,0,0,.8);}
/*Preise*/
.section-price{background-image:url(../images/bg-service-9.png);}
.list-price{margin:0 auto;max-width:920px;}
.row-price{position:relative;margin-bottom:2rem;}
/*.img-price{position:absolute;z-index:333;top:0;left:0;right:calc(100% - 360px);bottom:0;background-color:#eee;transition-duration:0.3s;}*/
.img-price:hover{opacity:1;filter:grayscale(0) brightness(100%);}
.cont-price{position:relative;z-index:555;margin-left:200px;padding:1em 0}
.cont-price h4{padding:0;margin:1rem 0 0.2rem 0; font-size: 1.2rem;}
.ul-price{list-style:none;}
.ul-price li{padding:0.1rem 0;}
.ul-price label{display:flex;}
.ul-price label em{white-space:nowrap;margin:0 1em;}
.ul-price label span{order:2;white-space:nowrap;margin:0 1em;color: #a9090e;}
.ul-price label:after{content:'';background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAYAAAD9yd/wAAAAE0lEQVQIW2NsbO3+X19dysiABgBUcgQCodoOmQAAAABJRU5ErkJggg==) 100% 100% repeat-x;height:1px;overflow:hidden;padding:15px 0 0;clear:none;margin:0 auto;width:100%}
.list-price .row-price:nth-child(2n + 0) .img-price{right:0;left:calc(100% - 360px);}
.list-price .row-price:nth-child(2n + 0) .cont-price{margin-left:0;margin-right:200px;}
/*gallery*/
.section-gallery{padding: 0.5em;}
.photo-gallery{}
.photo-gallery > .row{margin:0!important; flex-wrap: inherit;}
.photo-gallery > .row > li{padding:0!important;position:relative;opacity:100%;transition-duration:0.3s;filter:brightness(0.76);}
.photo-gallery > .row > li:hover{opacity:1;filter:brightness(1);}
.photo-gallery > .row > li::after{content:"";height:0;width:100%;display:block;margin-top:82%;}
.photo-gallery > .row > li > a{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:0;background-position:center;background-size:cover;margin: 10px;}
.photo-gallery > .row > li > a::before{display:block;content:"";right:0px;left:0px;opacity:0;position:absolute;top:0px;bottom:0px;background:rgb(209,159,104);transition-duration:0.3s;}
.photo-gallery > .row > li > a img{display:none;}
/*contact*/
.list-contact{font-size:17px;}
.list-contact li{padding:5px 0;text-indent:-29px;padding-left:30px; color:#107398; font-family: HelviticaNeue;}
.list-contact li span{float:right;}
/*social*/
.social{}
.social a i{font-size:50px;}
.social a .fa-facebook{color:#4267B2}
.social a .fa-instagram{color:#e91e63}
.social a .fa-envelope{color:#ff5722}
/*footer*/
footer{font-size:1.0rem; color:#ced4da;}
.section-footer{background-image: url(../images/slider.JPG);}
/*utinity*/
.hr-art{display:block;margin:1em auto;width:290px;max-width:90%;position:relative;transition-duration:0.3s;text-align:center;}
.hr-art:hover{width:350px;}
.hr-art i{color:#ccc;}
.hr-art::after,.hr-art::before{display:block;position:absolute;top:45%;width:42%;height:1px;background-color:#eeeeee77;content:"";}
.hr-art::after{right:0;}
.hr-art::before{left:0;}
/*.grayscale{-ms-filter:grayscale(100%);-moz-filter:grayscale(100%);-webkit-filter:grayscale(100%) brightness(70%);-o-filter:grayscale(100%);}*/
.bg-cover{background-position:center;background-repeat:no-repeat;background-size:cover;}
.video-play{margin:auto;height:91px;width:91px;text-align:center;padding-top:25px;background-color:rgba(0,0,0,0.2);border-radius:50%;border:2px solid rgba(255,255,255,0.6);color:#fff;transition-duration:0.3s;}
.video-play:hover{text-decoration:none;background-color:rgba(0,208,255,0.1);border-color:rgba(0,208,255,1);}
.video-play:focus{outline:none;}
.video-play i{font-size:38px;}
.modal-video{padding:0;border-radius:0;margin-top:6rem;}
.modal-video .modal-body{padding:0;border-radius:0;}
.play_wrapper{display:block;position:relative;height:100%;overflow:hidden;margin:15px 0;background-color:gray;}
.play_wrapper:after{display:block;height:0;width:100%;margin-top:56.2%;content:'';}
.play_wrapper .video_play{display:block;position:absolute;top:0;left:0;right:0;bottom:0;}
.modal-video .modal-body .play_wrapper{margin:0;}
.modal-backdrop.show{opacity:0.82!important}
#topcontrol{display:block;line-height:43px;width:48px;height:48px;background-color:rgba(0,120,120,.1);color:rgba(0,120,120,1);border-radius:50%;border:1px solid rgba(0,120,120,.5);text-align:center;z-index:985689}
.btn {border-radius: 0; padding: 12px 2em;}
.btn-readmore {border:1px solid #bf0000; background-color: #222; color: #ccc;}
.btn-readmore:hover {background-color: #000;}
.body-dark {}
.body-dark .ul-price label {text-shadow: none;}
.masonry {overflow: hidden;}