body,html{width:100%;height:100%}body{font-family:'Opem Sans', 'Helvetica Neue', Arial, sans-serif}hr{max-width:50px;border-width:3px;border-color:#a8bec4}hr.light{border-color:#fff}a{color:#a8bec4;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s}a:hover{color:#a8bec4}h1,h2,h3,h4,h5,h6{font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif}h3.mb-3{font-size:20px}.bg-primary{background-color:#a8bec4 !important}.bg-dark{background-color:#8a8b8a !important}.text-faded{color:rgba(255,255,255,0.7)}section{padding:8rem 0}.section-heading{margin-top:0}::-moz-selection{color:#fff;background:#8a8b8a;text-shadow:none}::selection{color:#fff;background:#8a8b8a;text-shadow:none}img::selection{color:#fff;background:transparent}img::-moz-selection{color:#fff;background:transparent}.footer{height:100px;text-align:center;font-size:12px;color:#666;border-top:1px solid #eee}.footer p{margin:0;padding:44px;line-height:20px}.separator{height:1px;margin:90px 0 100px 0;background:#333}.just-on-desktop{display:inline-block}.just-on-mobile{display:none;font-size:16px}.col-centered{float:none;margin:0 auto}.navbar-toggle{border:none;outline:none}.navbar-light .navbar-toggler{padding:5px;border:none;outline:none}.gobalaton_big{width:300px;height:86px;background:url("../img/gobalaton.jpg") no-repeat 0 0;background-size:300px 86px;margin:auto;margin-top:100px;display:block;text-indent:-9999px}.trendhotel_big{width:300px;height:86px;background:url("../img/trendhotel.jpg") no-repeat center center;background-size:208px 86px;margin:auto;margin-top:100px;display:block;text-indent:-9999px}.balatonhotel_big{width:300px;height:86px;background:url("../img/balatonhotel_footer.jpg") no-repeat center center;background-size:208px 86px;margin:auto;margin-top:100px;display:block;text-indent:-9999px}.navbar-brand{width:200px;height:49px;background:url("../img/logo.svg") no-repeat 0 0;background-size:200px 49px;text-indent:-9999px}a.banner{display:block;width:900px;margin:auto}a.banner img{display:block;width:900px}p.pictures img{width:550px}.separator{margin:5px auto;width:500px;background:#eee}section{padding:70px 0}.portfolio-modal{margin:10px;width:100%}.portfolio-modal .productOffer{width:100%}.portfolio-modal .modal-dialog{height:100%;width:80%;max-width:80%}.portfolio-modal .modal-content{border-radius:0;background-clip:border-box;-webkit-box-shadow:none;box-shadow:none;border:none;min-height:100%;padding:50px 15px 20px 15px;text-transform:none}.portfolio-modal .modal-content p.pictures img{max-width:900px;width:100%;margin-bottom:0}.portfolio-modal .modal-content h2,.portfolio-modal .modal-content h4{margin-bottom:30px;color:#30778a}.portfolio-modal .modal-content p{margin-bottom:30px;font-size:16px;text-align:justify}.portfolio-modal .modal-content p.lead{font-size:20px}.portfolio-modal .modal-content .img-left{float:left;margin-right:20px;margin-bottom:15px}.portfolio-modal .modal-content ul.list{margin-bottom:30px;margin-top:0;list-style:square}.portfolio-modal .modal-content img{margin-bottom:30px}.portfolio-modal .modal-content .separator{height:3px;background:#a8bec4;margin:20px 0;filter:alpha(opacity=20);opacity:0.2;width:100%}.portfolio-modal .brand{width:270px;height:89px;background:url("../img/balatonhotel.jpg") no-repeat 0 0;background-size:270px 89px;display:block;text-indent:-9999px;margin:auto}.portfolio-modal .close-modal{position:absolute;width:50px;height:50px;background-color:transparent;top:15px;right:15px;cursor:pointer;filter:alpha(opacity=40);opacity:0.4}.portfolio-modal .close-modal:hover{filter:alpha(opacity=90);opacity:0.9}.portfolio-modal .close-modal .lr{height:50px;width:1px;margin-left:25px;background-color:#999;transform:rotate(45deg);-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);z-index:1051}.portfolio-modal .close-modal .lr .rl{height:50px;width:1px;background-color:#999;transform:rotate(90deg);-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);z-index:1052}.portfolio-modal .modal-backdrop{opacity:0.8;display:none}.btn-modal-trigger,.btn-modal-trigger:hover,.btn-modal-trigger:focus{outline:none !important;border:none}@media only screen and (min-width: 320px) and (max-width: 500px){.just-on-desktop{display:none}.just-on-mobile{display:inline-block}p.pictures img{width:100%}.gobalaton_big{width:200px;height:57px;background-size:200px 57px}.separator{width:90%}}@media only screen and (min-width: 320px) and (max-width: 991px){.navbar-nav{margin-top:20px}#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:15px 0;border-top:1px solid #eee;text-align:center}#mainNav .navbar-nav>li.nav-item>a.nav-link:last-child{padding-bottom:8px}a.banner{width:100%}a.banner img{width:100%}.portfolio-modal .modal-dialog{height:100%;width:90%;max-width:90%}}#mainNav{border-bottom:1px solid rgba(138,139,138,0.1);background-color:#fff;font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s}#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#a8bec4;font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#a8bec4}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#8a8b8a}#mainNav .navbar-nav>li.nav-item>a.nav-link:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover{color:#a8bec4}#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#a8bec4 !important;background-color:transparent}#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}@media (min-width: 992px){#mainNav{border-color:transparent;background-color:transparent}#mainNav .navbar-brand{color:#fff}#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#fff}#mainNav .navbar-nav>li.nav-item>a.nav-link{padding:0.5rem 1rem}#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:rgba(255,255,255,0.7)}#mainNav .navbar-nav>li.nav-item>a.nav-link:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover{color:#fff}#mainNav.navbar-shrink{border-bottom:1px solid rgba(138,139,138,0.1);background-color:#fff}#mainNav.navbar-shrink .navbar-brand{color:#a8bec4}#mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#a8bec4}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#8a8b8a}#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover{color:#a8bec4}}header.masthead{padding-top:10rem;padding-bottom:calc(10rem - 56px);background-image:url("../img/header.jpg");background-position:center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}header.masthead hr{margin-top:30px;margin-bottom:30px}header.masthead h1{font-size:2rem}header.masthead p{font-weight:300}@media (min-width: 768px){header.masthead p{font-size:1.15rem}}@media (min-width: 992px){header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}header.masthead h1{font-size:3rem}}@media (min-width: 1200px){header.masthead h1{font-size:4rem}}.service-box{max-width:400px}.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(168,190,196,0.9);-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}.portfolio-box:hover .portfolio-box-caption{opacity:1}.portfolio-box:focus{outline:none}@media (min-width: 768px){.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}}.text-primary{color:#a8bec4 !important}.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:'Open Sans', 'Helvetica Neue', Arial, sans-serif}.btn-xl{padding:1rem 2rem}.btn-primary{background-color:#a8bec4;border-color:#a8bec4}.btn-primary:hover,.btn-primary:focus,.btn-primary:active{color:#fff;background-color:#99b3ba !important}.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 0.2rem rgba(240,95,64,0.5) !important}