h1, h2, h3, h4, h5, h6, a, p, span { font-family: "Noto Serif", serif!important; font-style: normal; text-shadow: 3px 3px 2px #000000a3 !important;}


.tbg { text-shadow: none!important;}


.container .row.justify-content-center:not(.detail) { box-shadow: 0px 10px 20px 10px #00000026!important; backdrop-filter: blur(7px)!important; padding: 10px 40px!important; border-radius: 20px!important;}
.container .row.justify-content-center.detail span { font-family: "Noto Serif", serif!important; font-style: normal; text-shadow: none !important;}

small { color: #8ed1fc!important; text-transform: uppercase!important; font-size: 30px!important;}

.avo-team.style-4 .team h3 { font-size: 72px!important;}

.elementor-image-gallery	{ height: 500px; z-index: 1000000; position: relative;}

.w3-modal-content { margin: auto; background-color: #fff; position: relative; padding: 0; outline: 0; width: 90vw; height: 90vh;}

iframe.discord { width: 100%; height: 100%;border-radius: 10px;}
.w3-modal{z-index:3;display:none;padding-top:30px;position:fixed;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgb(0,0,0);background-color:rgba(0,0,0,0.4);border-radius: 10px;}
.w3-modal-content{margin:auto;background-color:#fff;position:relative;padding:0;outline:0;border-radius: 10px;}
.w3-animate-top{position:relative;animation:animatetop 0.4s}
@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
@keyframes animatetotop{from{top:0;opacity:1} to{top:-300px;opacity:0}}
.disrd {position:fixed; bottom: 50px; left:50px; z-index:100000;}
.w3-modal {position:fixed!important;z-index:100000;}


.disrd { position: fixed; bottom: 50px; left: 50px; z-index: 100000; width: 85px; height: 85px; background-image: url(img/disn.png); background-color: transparent; background-size: 100%; border: none; transition:.2s all ease-in-out;}	
.disrd:hover {background-image: url(img/dish.png); transform:scale(1.2);}
#ktosme, #corobime, #ponuka, #navod, #kontakt {position:relative; top:-100px;}
.elementor-column { min-height: auto!important;}

.avo-portfolio-single .slider-mask { height: 100%; background: #0c0f16!important; opacity: 0.8;}

[aria-describedby="slick-slide00"] { height: 510px;}



[aria-describedby="slick-slide00"] .slider-box { padding-bottom: 0!important; padding-top: 9%!important;}
p.top-slider { color: #75b8da; font-size: 20px; letter-spacing: 10px; text-transform: uppercase; margin-bottom: 0; font-weight: 400;}
.avo-portfolio-single p:not([data-animation="swashIn"]):nth-child(3) { column-count: 2; text-align: justify; column-gap: 30px;}


.avo-portfolio-single .sec-head h3 { font-size: 40px!important; font-weight: 500!important;  margin: 10px 0 20px 0!important;}
section.section { background-color: #11141B!important; z-index: 2; position: relative;}

.close { position: absolute; right: 3px; font-size: 50px; text-shadow: 1px 1px 0px black!important; background: red; padding: 5px 17px 10px 17px; border-radius: 6px; box-shadow: 0 0 5px black; top: 4px; transform: scale(.8);transition:.2s all ease-in-out;}
.close:hover { color: white; transform: scale(1);}
.ponuka { width: 100%; height: 100%; display: block; position: absolute; z-index: 100;}

.social a {font-size: 20px!important;}
.tbg2 { font-size: 90px!important; text-transform: uppercase; line-height: 40px!important; margin-top: 0; box-sizing: border-box;}
.avo-portfolio-single p:nth-child(2) { font-size: 20px; line-height: 31px; text-align: justify; padding: 0; margin: 0 0 23px;}


.avo-portfolio-single .col-lg-6 img { width: 40%; float: left; border-radius: 8px;}
.col-lg-6 ul { padding: 0 0 0 40px; display: table;}


.item, .team-container, .team-container * {transition:.3s all ease-in-out!important;}
.item:not(.slick-slider):hover {transform:scale(1.2)!important}



nav, nav *, nav > a, nav a {text-transform: uppercase!important; transition: .3s all ease-in-out!important;}


.menu-wrapper ul li ul { background: #fff; left: 18px; line-height: 1; list-style: outside none none; margin: 0; padding: 0; position: absolute; text-align: left; top: 100%; width: 265px; z-index: 999; -webkit-box-shadow: 0px 2px 14px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 14px 2px rgba(0, 0, 0, 0.1); border-top: 2px solid #75b8da;}
.navigation li.menu-item-has-children li.menu-item-has-children > a:after { display: inline-block; content: "\f107"; font-family: "FontAwesome"; position: relative; margin-top: -4px; left: -11px; font-weight: bolder; transform: rotate(90deg); color: #ffffff; float: left!important; font-size: 16px;}
.navigation li.menu-item-has-children li.menu-item-has-children:hover > a:after { color:#75b8da!important }

.menu-wrapper .navigation .menu-item-has-children li { display: block; border-top: 1px #ffffff17 solid; border-bottom: 1px #00000070 solid; box-sizing: border-box; padding: 0px; height: 51px;}

li.menu-item:hover { background: #11141ba3; color: white;}
.custom-absolute-menu .is-stickey .navigation > li > a:before {  background: #75b8da!important;}


/*.slick-list {overflow: visible;}*/
.progress-container { width: 100%; height: 2px; background: transparent; position: fixed; top: 77px; z-index: 1000;}

.progress-bar { height: 1px; background: #58c7ff; width: 0%;}

.elementor-column.elementor-col-50, .elementor-column[data-col="50"] { width: 50%; height: 100%;}

body.avo-dark-mode { color: #c8c8c8; background-color: #0C0F16; overflow-x: hidden;}


p.header_intro { font-size: 22px; line-height: 44px; font-weight: 250 ;}
.intro { width: 100%; height: 100%; position: fixed;  overflow: hidden; /*background-color: rgb(16, 16, 28); */animation: contrast 5s; z-index: 1000; background: transparent;}

.large { color: white; font-size: 3vw; text-transform: uppercase; line-height: 1; animation: letterspacing 3s; display: block; position: absolute; left: 50%; top: 43%; transform: translate3d(-50%, -50%, 0) ;}

.small { animation: letterspacing2 2s; position: absolute; left: 50%; top: 53.5%; transform: translate3d(-50%, -50%, 0); box-sizing: border-box; color: rgb(44 167 238); cursor: none; display: block; font-size: 1.15vw; font-style: normal; font-weight: 400; text-transform: uppercase ;}

.large,.small {letter-spacing: .5rem; } 

@keyframes letterspacing { 0%  { letter-spacing: -2.75rem; filter: blur(.3rem);  } 22% {  opacity:1} 50% { filter: blur(.5rem); } 100%  { letter-spacing: .5rem; filter: blur(0rem); }} 
@keyframes letterspacing2 { 0%  { letter-spacing: -1.15rem; filter: blur(.3rem);  } 22% {  opacity:1} 50% { filter: blur(.5rem); } 100%  { letter-spacing: .5rem; filter: blur(0rem); }} 
@keyframes contrast { 0%  { filter: contrast(20) } 35% { filter: contrast(5);} 80% { filter: unset; }} 
.capt.mt-100 { height: 100%; padding: 90px 0 ;}

.detail h6.custom-font, .detail h4.custom-font { margin: 0!important; padding: 2px 0 7px!important;}


.swiper-pagination.top.botm.custom-font.swiper-pagination-fraction { transform: scale(.70)!important;}


body.avo-dark-mode .info-box.style-6 h6 { color: #fff; overflow-wrap: normal!important;}

.scl { position: absolute; top: 22px; width: 237px; height: auto; z-index: 10000; left: 160px;}


.scl i { font-size: 24px; color: #fff; margin: 0 10px; opacity: .4;}

.scl { position: absolute; top: 28px; width: 237px; height: auto; z-index: 10000; left: 160px;}

.scl a:hover i { opacity: 1; transform:scale(2)}
.mob { left: 5px!important;}



.logo1.logo-dark {
    height: 50px!important;
    transform: rotate(-8deg)!important;
    position: absolute!important;
    top: 8px!important;
    filter: drop-shadow(2px 2px 3px rgba(0,0,0,0.75))!important;
}

@media screen and (max-width: 767px) {
.elementor-element-37659d66,.elementor-element-24792969,.thumparallax-down,#preloader,#preloader *,#preloader .intro * {
    display: none!important;
}

.elementor-element-453a83bf, .elementor-element-6902241d{    width: 100% !important;}
ul.feat, ul.feat li, ul.feat p {
    padding: 0!important;
    margin: 0;
}
.img.wow.imago.animated, .img.wow.imago.animated img {
    margin: 0 auto;
    width: 90%!important;
}

form textarea, form input, form input::placeholder {font-size:15px!important; text-align:center;}
.slider {
    overflow: scroll!important;
}
}