@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,800&display=swap&subset=latin-ext');
body{font-family: 'Open Sans', sans-serif;color:#444;font-size:16px;font-weight: 300;}
a{transition:all ease-out .3s;color:#000;text-decoration:none;position:relative}
a:hover,a:focus,a:active, :focus, :active{text-decoration:none;outline: none!important;color: inherit;}
h1,h2,h3,h4,h5{font-weight: 600; }
h1{font-size:44px;line-height:110%}
h2{font-size:36px;line-height:110%}
h3{font-size:28px;line-height:125%}
h4{font-size:19px;line-height:125%}
h5{font-size:16px;line-height:125%}
p{font-size:16px;}
b, strong {font-weight: 900;}
img{max-width:100%;height:auto!important}
/*site*/
.camera-overlay {background-image: url(art/camera.png);top: 0;left: 0;background-color: rgba(101,72,74,.44);}
.camera-overlay {display: none;}
.gallery-thumb {max-height: 100px;position: relative;overflow: hidden;}
.navbar-toggler {background-color: rgba(0,0,0,.3);}
.lead-image {background: url(/art/karitasz-hu.png) no-repeat center;background-size: cover;}
/*//site*/
.default-font{font-family: 'Open Sans', sans-serif;}
.theotherfont{font-family: 'Open Sans', sans-serif;}
.grad-1{background:linear-gradient(#f98f01,#de2a0c)!important}
.owl-carousel{overflow:hidden}
.owl-stage { display:flex; }
.owl-item > .item { height: 100%; }
.owl-item > .item > div { height: 100%; }
.owl-stage-outer{}
.owl-carousel .item-image img{max-width:100%;max-height:100%}
.owl-nav .disabled{opacity:.4}
.owl-prev,.owl-next{position:absolute;top:50%;transform:translateY(-50%);color:#fff!important;font-size:8rem!important;font-weight:300!important}
.owl-prev{left:1%}
.owl-next{right:1%}
.owl-theme .owl-nav{margin-top:0}
.owl-theme .owl-nav [class*=owl-],.owl-theme .owl-nav [class*=owl-]:hover{font-size:0;background:none}
.owl-theme .owl-dots .owl-dot span{background:none;opacity:.9;width:16px;height:16px;border-radius:50%;border-color:#d71f22;border-style:solid;border-width:3px;margin-left: .5rem;margin-right: .5rem;}
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{opacity:1;background:#d71f22;border-color:#d71f22;box-shadow: 0 0 0 5px #fff, 0 0 7px #000;}
.owl-theme .owl-dots{position:relative;bottom:0;left:0;width:100%;text-align:center;padding-top:1rem;padding-bottom: 0;}
#totop{z-index:9999;left:50%;transform:translate(-50%,100%);bottom:0;transition:all ease-in-out .3s}
#totop.showme{transform:translate(-50%,0)}
/*override BS default styles*/
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,.7);box-shadow: 0 1px 0 rgba(255,255,255,0),0 -1px 0 rgba(255,255,255,0);}
.navbar-dark .navbar-nav .nav-link:hover {color: #fff; box-shadow: 0 1px 0 rgba(255,255,255,1),0 -1px 0 rgba(255,255,255,1);}
/*-> bg-colors, text-colors*/
.bg-grad-1{background-color: #99b940; background-image: linear-gradient(30deg, #a5c24f, #96b73e)!important; }
.bg-grad-2{background-color: #4d7485;background:linear-gradient(#46b783,#4d7485)!important}
.bg-grad-3{background-color: #f0f0f0;background:radial-gradient(#f9f9f9,#f0f0f0)!important}
.bg-grad-4{background-color: #65484a;background:radial-gradient(#775e60,#65484a)!important}
.bg-grad-5{background-color: #203138;background:linear-gradient(rgba(0,0,0,0),#203138)!important}

.bg-1 {background-color: #d71f22;}
.bg-2 {background-color: #65484a;}
.bg-3 {background-color: #f0f0f0;}
.bg-4 {background-color: #ee2424;}
.bg-5 {background-color: #fff;}
.bg-6 {background-color: #f4f6f3;}
.bg-7 {background-color: #b4918f;}
.bg-8 {background-color: #c1b594;}
.bg-9 {background-color: #567e45;}
.bg-10 {background-color: #999191;}

.bg-1-hover a {color: #212121;transition: all ease-in .3s;}
.bg-1-hover a:hover, .bg-1-hover.active a {color: #fff;background-color: #ffc107;}
.bg-2-hover a {color: #f44336;transition: all ease-in .3s;}
.bg-2-hover a:hover, .bg-2-hover.active a {color: #fff;background-color: #f44336;}
.bg-3-hover a {color: #afb42b;transition: all ease-in .3s;}
.bg-3-hover a:hover, .bg-3-hover.active a {color: #fff;background-color: #afb42b;}
.bg-4-hover a {color: #00bcd4;transition: all ease-in .3s;}
.bg-4-hover a:hover, .bg-4-hover.active a {color: #fff;background-color: #00bcd4;}

.color-1, .color-1 a, a.color-1 {color: #d71f22!important;}
.color-1 a:hover, a.color-1:hover {color: #d71f22!important;}

.color-2, .color-2 a, a.color-2 {color: #645959!important;}
.color-2 a:hover, a.color-2:hover {color: #222!important;}

.color-3, .color-3 a, a.color-3 {color: #252525!important;}
.color-3 a:hover, a.color-3:hover {color: #000!important;}

.color-4, .color-4 a, a.color-4 {color: #285a76!important;}
.color-4 a:hover, a.color-4:hover {color: #2c749c!important;}

.color-5, .color-5 a, a.color-5 {color: #fff!important;}
.color-5 a:hover, a.color-5:hover {color: #fff!important;}

.color-6, .color-6 a, a.color-6 {color: #999999!important;}
.color-6 a:hover, a.color-6:hover {color: #333!important;}

/*-> button styles*/
.btn {border: 0px solid transparent;border-radius: 0; outline: none;box-shadow: none;padding: .7rem 1.5rem ;font-size: 14px;font-weight: bold;}
.btn.cornered:after {border: none;width: 30px;height: 30px;}
.btn.cornered:hover:after {background-color: #fff;width: 35px;height: 35px;}
.btn.focus, .btn:focus {box-shadow: none;}
.btn-rad-2 {border-radius: 6px;}
.btn-1, a.btn-1 {background-color: #ec2427; background-image:linear-gradient(#ec2427,#d92023)!important; color: #fff; }
.btn-1:hover, a.btn-1:hover {background-color: #ec2427; background-image:linear-gradient(#ec2427,#d92023)!important; color: #fff;box-shadow: inset 0 0 0 5rem #fc2023;}
.btn-2, a.btn-2 {border-color:#d7c4b5;background-color: #d7c4b5; color: #641934; }
.btn-2:hover, a.btn-2:hover {color: #641934;background-color: #f3dfd0;border-color: #f3dfd0;}
.btn-3, a.btn-3 {border-color:#285a76;background-color: transparent; color: #285a76; }
.btn-3:hover, a.btn-3:hover {color: #fff;background-color: #285a76;border-color: #285a76;}
.btn-outline-1, a.btn-outline-1 {border-color:#cad3d5;background-color:rgba(0,0,0,.5); color: #cad3d5;}
.btn-outline-1:hover, a.btn-outline-1:hover {color: #fff;background-color: #000;border-color: #fff;}
.btn-outline-2, a.btn-outline-2 {border-color:#4c7484;background-color: transparent; color: #4c7484;box-shadow: 5px 5px 0 rgba(0,0,0,.11); }
.btn-outline-2:hover, a.btn-outline-2:hover {color: #fff;background-color: #6699ae;border-color: #6699ae;}
.btn-outline-3, a.btn-outline-3 {border-color:#ff7043;background-color: transparent; color: #ff7043;box-shadow: 5px 5px 0 rgba(0,0,0,.11); }
.btn-outline-3:hover, a.btn-outline-3:hover {color: #fff;background-color: #ff8a43;border-color: #ff8a43;}
.btn-outline-4, a.btn-outline-4 {border-color:#d1e751;background-color: rgba(0,0,0,.33); color: #d1e751; }
.btn-outline-4:hover, a.btn-outline-4:hover {color: #fff;background-color: #d1e751;border-color: #d1e751;}
.btn-wrap {transition: all ease-out .1s;position: relative;top: 0;}
.btn-wrap:hover {top:-2px;}
.btn-wrap > .row {transition: all ease-in .3s;}
.btn-wrap:hover > .row {background-color: rgba(255,255,255,.1)!important;}
.btn-wrap .move-right {transition: all ease-out .2s;right: 0;position: relative;}
.btn-wrap:hover .move-right {right: -5px;}
/*font-weight + sizes*/
.font-weight-200 {font-weight: 200;}
.font-weight-300 {font-weight: 300;}
.font-weight-400 {font-weight: 400;}
.font-weight-500 {font-weight: 500;}
.font-weight-600 {font-weight: 600;}
.font-weight-700 {font-weight: 700;}
.font-weight-800 {font-weight: 800;}
.xs-font{font-size:13px}
.s-font,.s-font h1,.s-font h2,.s-font h3,.s-font h4,.s-font h5,.s-font p{font-size:15px}
.m-font,.m-font h1,.m-font h2,.m-font h3,.m-font h4,.m-font h5,.m-font p{font-size:18px}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:20px}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:36px}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:48px;line-height:1}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:72px;line-height:1}
/*UX - animations*/
.animated-1 { animation-duration: 2s;}
.appear-from-bottom{position:relative;opacity:0;bottom:-100px;transition:all .8s ease-out}
.appear-from-bottom.active,.swiper-slide-active.appear-from-bottom{opacity:1;bottom:0}
.scale-up,.from-bottom{transition:all .45s .3s ease-in-out;opacity:0}
.scale-up{transform:scale(.98)}
.active .scale-up,.active-hover:hover .scale-up,.swiper-slide-active.scale-up{transform:scale(1);opacity:1}
.from-bottom{transform:translateY(45px)}
.active .from-bottom,.active-hover:hover .from-bottom{transform:translateY(0);opacity:1}
.delay-1{transition-delay:.5s}
.animated{animation-delay:1s}
.button-animated{background:none;border:0;-webkit-box-sizing:border-box;box-sizing:border-box;margin:0 .25rem;padding:1em 2em;-webkit-box-shadow:inset 0 0 0 2px rgba(0,0,0,0);box-shadow:inset 0 0 0 2px rgba(0,0,0,0);font-size:inherit;font-weight:700;position:relative;vertical-align:middle}
.button-animated::before,.button-animated::after{-webkit-box-sizing:inherit;box-sizing:inherit;content:'';position:absolute;width:100%;height:100%}
.draw{-webkit-transition:color .45s;transition:color .45s}
.draw::before,.draw::after{border:2px solid transparent;width:0;height:0}
.draw::before{top:0;left:0}
.draw::after{bottom:0;right:0}
.draw:hover{color:inherit}
.draw:hover::before,.draw:hover::after{width:100%;height:100%}
.draw:hover::before{border-top-color:#121212;border-right-color:#121212;-webkit-transition:width .45s ease-out,height .45s ease-out .25s;transition:width .45s ease-out,height .45s ease-out .45s}
.draw:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s;transition:border-color 0 ease-out .55s,width .25s ease-out .55s,height .25s ease-out .75s}
.meet:hover{color:#121212}
.meet::after{top:0;left:0}
.meet:hover::before{border-top-color:#121212;border-right-color:#121212}
.meet:hover::after{border-bottom-color:#121212;border-left-color:#121212;-webkit-transition:height .55s ease-out,width .25s ease-out .45s;transition:height .2s ease-out,width .65s ease-out .15s}
.border-me-before,.border-me-after,.z-1{position:relative;z-index:1}
.border-me-before:before,.border-me-after:after{content:'';width:100%;height:100%;position:absolute;top:100%;border:1px solid #d5d6da;z-index:-1}
.border-me-before:before{height:33%;right:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-right-color:rgba(0,0,0,0)}
.border-me-after:after{left:33%;margin-top:-120px;border-bottom-color:rgba(0,0,0,0);border-left-color:rgba(0,0,0,0)}
/*UI*/
.opacity-1 {opacity: .1;}
.opacity-2 {opacity: .2;}
.opacity-5 {opacity: .5;}
.opacity-8 {opacity: .8;}
.opacity-hover:hover {opacity: 1;}
.menu ul,.menu-list ul{margin:0;padding:0}
.menu li{display:inline-block;padding-left:5px;padding-right:5px}
.menu-list li{list-style:none;margin:.25rem 0}
.menu-list.square li{list-style:inside square}
.img-fluid img{width:100%}
.socicons li{width:32px;height:32px;position:relative;transition:all ease-out .2s;transition-delay:.2s}
.socicons a{position:absolute;left:0;top:0;width:100%;height:100%;line-height:32px;font-size:20px}
.arrow{width:80px;height:80px;text-align:center;line-height:80px}
.bg-image{background-position:center;background-repeat:no-repeat}
.bg-cover{background-size:cover}
.bg-100{background-size:100%}
.bg-top{background-position:top center}
.bg-fixed{background-attachment:fixed}
.bg-contain{background-size:contain}
.sep-t{border-top:10px solid #d71f22}
.sep-b{border-bottom:10px solid #d71f22}
.sep-t-2{border-top:1px solid #ecebea}
.sep-b-2{border-bottom:1px solid #ecebea}
.sep-t-3{border-top:1px solid #fff}
.sep-b-3{border-bottom:1px solid #fff}
.spacer{display:inline-block;padding-left:10px;padding-right:10px}
.absolute-center,.fixed-center,.vertical-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.fixed-center{position:fixed}
.vertical-center{transform:translate(0,-50%)}
/*site specific:*/
progress {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: .25em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    background-color: transparent;
    color: rgb(244, 241, 100);
    z-index: 9999;
}
progress::-webkit-progress-bar {
    background-color: transparent;
}
.flat {background-color: rgba(0,0,0,.03);}
.flat::-webkit-progress-value { background-color: rgba(0,0,0,.33);}
.flat::-moz-progress-bar {background-color: rgba(0,0,0,.33);}
.progress-container {
    width: 100%;
    background-color: transparent;
    position: fixed;
    top: 0;
    left: 0;
    height: .25em;
    display: block;
}

.progress-bar {
    background-color: red;
    width: 50%;
    display: block;
    height: inherit;
}
.sz_t_r { display: none; position: fixed; right: 0; top: 0; z-index: 2000; }
.sz_b_r { display: none; position: fixed; right: 0; bottom: 0; z-index: 2000; }
.n898191 .sz_t_r, .nyitolap .sz_t_r { display: block; }
.n905390 .sz_b_r, .nyitolap .sz_b_r { display: block; }
.n898191 #kotelezo, .n905390 #kotelezo { display: none; }
#kotelezo { position: fixed; right: 0; top: 0; z-index: 2000}
#navbarSupportedContent.s-font {font-size:14px}

/*shadows*/
.shadow-ext{box-shadow:0 0 0 1px rgba(255,255,255,.1)}
.shadow-ext-2{box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.shadow-ext-3{box-shadow:0 2px 10px rgba(0,0,0,.18)}
.text-shadow{text-shadow: 0 0 10px rgba(0,0,0,.5);}

/*cookie message*/
.cookieMessage{position:fixed;bottom:0;left:0;width:100%;padding:10px!important;z-index:9999!important;background-color:#0c0c0c!important;color:#fff!important}
.cookieMessage a{color:#fff;font-weight:700}
.cookieButton{background-color:#e11!important;border-color:#e11!important}
::-webkit-input-placeholder{color:#333;font-size:12px}
::-moz-placeholder{color:#333;font-size:12px}
:-ms-input-placeholder{color:#333;font-size:12px}
:-moz-placeholder{color:#333;font-size:12px}

@media (max-width: 1600px) {
.sz_t_r { top: 135px; }
}
@media (min-width: 992px) {
    .navbar-brand img {margin-bottom: -44px;}
}
@media (max-width: 992px) {
.sz_t_r { top: 0; }
}
@media (max-width: 767px) {
h1{font-size:28px;}
h2{font-size:22px;}
h3{font-size:18px;}
.l-font,.l-font h1,.l-font h2,.l-font h3,.l-font h4,.l-font h5,.l-font p{font-size:18px}
.xl-font,.xl-font h1,.xl-font h2,.xl-font h3,.xl-font h4,.xl-font h5,.xl-font p{font-size:24px}
.xxl-font,.xxl-font h1,.xxl-font h2,.xxl-font h3,.xxl-font h4,.xxl-font h5,.xxl-font p{font-size:28px;line-height:1}
.xxxl-font,.xxxl-font h1,.xxxl-font h2,.xxxl-font h3,.xxxl-font h4,.xxxl-font h5,.xxxl-font p{font-size:32px;line-height:1}
.sz_t_r { top: 142px; }
}