html{scroll-behavior:smooth;}
@font-face{
    font-family:'NeumaticGothicRound';
    src:url('../font/NeumaticGothicRound.eot');
    src:url('../font/NeumaticGothicRound.eot?#iefix') format('embedded-opentype'),
        url('../font/NeumaticGothicRound.woff2') format('woff2'),
        url('../font/NeumaticGothicRound.woff') format('woff'),
        url('../font/NeumaticGothicRound.ttf')  format('truetype'),
        url('../font/NeumaticGothicRound.svg#svgFontName') format('svg');
}
body{font-family:'Roboto',sans-serif; color:#1D1E44;}
a{color:#DC1A2D; text-decoration:none; cursor:pointer; transition:all .2s;}
a:hover{color:#EB5261; outline:none;}
a:focus,a:active{outline:none;}
img,svg{max-width:100%; height:auto;}
.btn-check:focus+.btn,.btn:focus,.btn-close:focus{box-shadow:none;}
.text-justify{text-align:justify;}
.modal-backdrop.show{opacity:.8;}
#app{width:100%; max-width:1920px; margin:0 auto; overflow-x:hidden; min-height:100vh;}
#app .container-fluid{max-width:1320px;}
#navbar{width:100%!important; transition:all .2s;}
#navbar .container-fluid{align-items:center; justify-content:center; position:relative;}
.logo{width:auto; height:60px; margin-right:10px;}
.navbar-s{position:absolute; left:.75rem; top:0;}
.navbar-e{position:absolute; right:.75rem; top:0;}
.navbar-c{display:flex; align-items:center; flex-wrap:wrap;}
.navbar-list{display:flex; margin:0; padding:0; list-style:none;}
.navbar-list li a{display:flex; justify-content:center; align-items:center; box-sizing:border-box; min-height:100px; padding:0 1.25rem; font-weight:500; font-size:1rem; text-decoration:none; color:#1D1E44; position:relative; text-transform:uppercase;}
.navbar-list li a.logo-link{padding:0 .75rem;}
.navbar-list li a:hover{color:#EB5261;}
@media all and (max-width: 991px){
    #navbar .container-fluid{justify-content:space-between;;}
    .navbar-s{display:flex; position:relative; left:0;}
    .navbar-e{display:flex; position:relative; right:0;}
}
@media all and (max-width: 768px){
    #rolunk .lead{text-align:justify;}
}
.facebook,.instagram{height:24px; width:auto;}
.mobile-menu{height:20px; width:auto;}
.zoom-in{transform:scale(0)!important; opacity:0; -webkit-transition:.4s all 0s; -moz-transition:.4s all 0s; -ms-transition:.4s all 0s; -o-transition:.4s all 0s; transition:.4s all 0s; display:block !important;}
.zoom-in.show{opacity:1; transform:scale(1)!important; transform:none;}
.modal,.modal-dialog,.modal-content{background:none!important;}
.modal-body{display:flex; align-items:center; justify-content:center; flex-direction: column}
.modal-body a{font-size:1.5rem; font-weight:700; padding:0 0.5rem;}
.modal-body .btn-close{background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512' fill='%23FFFFFF'%3E%3Cpath d='M193.94 256L296.5 153.44l21.15-21.15c3.12-3.12 3.12-8.19 0-11.31l-22.63-22.63c-3.12-3.12-8.19-3.12-11.31 0L160 222.06 36.29 98.34c-3.12-3.12-8.19-3.12-11.31 0L2.34 120.97c-3.12 3.12-3.12 8.19 0 11.31L126.06 256 2.34 379.71c-3.12 3.12-3.12 8.19 0 11.31l22.63 22.63c3.12 3.12 8.19 3.12 11.31 0L160 289.94 262.56 392.5l21.15 21.15c3.12 3.12 8.19 3.12 11.31 0l22.63-22.63c3.12-3.12 3.12-8.19 0-11.31L193.94 256z'/%3E%3C/svg%3E") center/1em auto no-repeat;}
#intro{overflow:hidden; position:relative;}
#intro-mobile{display:none;}
.cover{height:300px; background-image:url(assets/img/intro-mobile2.jpg); background-size:cover; background-position:center center; transition:all .3s;}
#scene{ background-color:#261849; overflow:hidden; transition:all .3s;}
#blog-cover{background-size:cover; background-position:center center; background-repeat:no-repeat; height:600px;}
@media all and (max-width: 1200px){
    #scene{height:550px;}
    #blog-cover{height:550px;}
}
@media all and (max-width: 1100px){
    #scene{height:500px;}
    #blog-cover{height:500px;}
}
@media all and (max-width: 1000px){
    #scene{height:450px;}
    #blog-cover{height:450px;}
}
@media all and (max-width: 900px){
    #scene{height:400px;}
    #blog-cover{height:400px;}
}
@media all and (max-width: 800px){
    #scene{height:350px;}
    #blog-cover{height:350px;}
}
@media all and (max-width: 768px){
    #intro{display:none;}
}
@media all and (max-width: 768px){
    #intro{display:none;}
    #intro-mobile{display:block;}
}
@media all and (max-width: 750px){
    #scene{height:300px;}
    #blog-cover{height:300px;}
}
@media all and (max-width: 440px){
    .cover{height:250px;}
    #blog-cover{height:250px;}
}
#rolunk h1{font-family:'NeumaticGothicRound',Fallback,sans-serif; text-transform:uppercase;}
.menu-section h1{font-family:'NeumaticGothicRound',Fallback,sans-serif; text-transform:uppercase;}
.rolunk-btn{background-color:#261849; border-color:#261849;}
.rolunk-btn:hover,.rolunk-btn:active,.rolunk-btn:focus{background-color:#DC1A2D!important; border-color:#DC1A2D!important;}
#blog{ max-width:none!important;}
#blog h2{font-family:'NeumaticGothicRound',Fallback,sans-serif; font-size:3rem; text-transform:uppercase; margin:0!important;}
#blog h3{font-family:'NeumaticGothicRound',Fallback,sans-serif; font-size:2.5rem;}
#blog .icon{margin-right:.5rem; margin-top:-2px;}
#quote{background-color:#57C5C7;}
.contact-section{font-size:1rem; font-weight:300; background-color:#f6f9fc;}
.contact-section .contact-py-4{padding-left:3rem; padding-right:3rem;}
.contact-section h2{font-size:3rem; margin:0; transition:all .3s; font-family:'NeumaticGothicRound',Fallback,sans-serif; text-transform:uppercase;}
.contact-section h3{font-size:1rem; margin:0; font-weight:700; color:#1D1E44; text-transform:uppercase;}
.contact-section .contact-title{color:#DC1A2D; font-weight:500;}
.contact-section .d-inline{margin-right:10px;}
.contact-section span.d-inline{margin-right:0!important;}
.contact-section .d-inline a{color:#29BBC1;}
.contact-section .facebook,.contact-section .instagram{height:36px; width:auto;}
#form_contact{margin:0!important;}
.contact-section .input{height:50px; line-height:50px; padding:0 15px; background:none; border:1px solid #E0E3EA; width:100%; font-size:0.85rem; color:#000; outline:none;}
.contact-section .textarea{height:auto; line-height:1rem; min-height:6rem; padding:0.5rem 15px; background:none; border:1px solid #E0E3EA; width:100%; font-size:0.85rem; color:#000; outline:none;}
.contact-section .submit{background-color:#261849; border-color:#261849;}
.contact-section .submit:hover,.contact-section .submit:active,.contact-section .submit:focus{background-color:#DC1A2D!important; border-color:#DC1A2D!important;}
@media all and (max-width: 992px){
.contact-section .contact-py-4{padding-left:0; padding-right:0;}
.contact-section .col-lg-3{padding-bottom:3rem;}
}
@media all and (max-width: 440px){
#rolunk h1{font-size:2rem}
#blog h2{font-size:2rem;}
.contact-section h2{font-size:2rem;}
}
.palyazat{font-size:0.75rem;}
.card-cover{background-size:cover; background-position:center center; background-repeat:no-repeat;}
.card{border:none!important; transition:all .3s;}
.card:hover{transform:scale(1.02);}
.toast{position:fixed; right:3rem; bottom:3rem; z-index:9999999;}
@media all and (max-width: 576px){
    .toast{width:100%; bottom:0; right:0; left:0;}
}
.gallery-cover{max-width:700px;width:100%; height:auto; max-height:500px;}
.blockquote-footer{color:#FFF;}