.rmp {
padding-left: 0;
padding-right: 0;
}
.rmpl {
padding-left: 0;
}
.search article {
padding: 15px;
background: white;
margin-bottom: 30px;
box-shadow: 0px 10px 60px 0px rgba(46, 61, 98, 0.1); border-radius: 10px;
}
.search h2 a {
font-size: 20px;
color: #022f58;
text-decoration: none;
}
.search h2 {
text-align:center;
}
.is-form-style input.is-search-submit, .is-search-icon {
background: #f0f01d;
}
.search h1 {
text-align: center;
margin-top: 30px;
margin-bottom: 30px;
}
header {
background-image: url(https://valkommenalbania.se/wp-content/uploads/2024/10/WhatsApp-Image-2024-09-30-at-20.00.46.jpeg);
background-attachment: fixed;
}
header .header-bottom-row > .row {
background: #000000ab;
}
.rmpr {
padding: 0;
}
.navbar-nav {
float: none;
}
.is-form-style {
margin-top: 20%;
}
.fixed {
background-color: #fff!important;
width: 100%;
transition: all 2s;
}
.emri {
text-align: center;
}
.cover {
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.transition {
-webkit-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.rmp {
padding: 0px;
} .fade1 {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1s;
}
.fade1.visible {
opacity: 1;
transform: translate(0, 0);
}
.fadeshow {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1s;
}
.fadeshow.visible {
opacity: 1;
transform: translate(0, 0);
} .data {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1s;
}
.data.visible {
opacity: 1;
transform: translate(0, 0);
}
.ne-jemi {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1s;   
}
.ne-jemi.visible {
opacity: 1;
transform: translate(0, 0);
}
.spec-historia {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1s;
}
.spec-historia.visible {
opacity: 1;
transform: translate(0, 0);
}
.home-blog.visible {
opacity: 1;
transform: translate(0, 0);
}
.home-products {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1.5s;
background: #fff;
}
.home-products.visible {
opacity: 1;
transform: translate(0, 0);
}
.home-enspired {
opacity: 0;
transform: translate(0, 10vh);
transition: all 2s;
background: #0e0d0a;
}
.home-enspired.visible {
opacity: 1;
transform: translate(0, 0);
}  @-webkit-keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUp {
from {
opacity: 0;
-webkit-transform: translate3d(0, 100%, 0);
transform: translate3d(0, 100%, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInUp {
-webkit-animation-name: fadeInUp;
animation-name: fadeInUp;
} .fadeInDown {
-webkit-animation-name: fadeInDown;
animation-name: fadeInDown;
}
@-webkit-keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDown {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} @-webkit-keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeft {
from {
opacity: 0;
-webkit-transform: translate3d(-100%, 0, 0);
transform: translate3d(-100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInLeft {
-webkit-animation-name: fadeInLeft;
animation-name: fadeInLeft;
} @-webkit-keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRight {
from {
opacity: 0;
-webkit-transform: translate3d(100%, 0, 0);
transform: translate3d(100%, 0, 0);
}
to {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
.fadeInRight {
-webkit-animation-name: fadeInRight;
animation-name: fadeInRight;
} @-webkit-keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
@keyframes fadeIn {
from {
opacity: 0;
}
to {
opacity: 1;
}
}
.fadeIn {
-webkit-animation-name: fadeIn;
animation-name: fadeIn;
} .fadeInUpBig {
-webkit-animation-name: fadeInUpBig;
animation-name: fadeInUpBig;
}
@-webkit-keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInUpBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, 2000px, 0);
transform: translate3d(0, 2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} .fadeInDownBig {
-webkit-animation-name: fadeInDownBig;
animation-name: fadeInDownBig;
}
@-webkit-keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInDownBig {
0% {
opacity: 0;
-webkit-transform: translate3d(0, -2000px, 0);
transform: translate3d(0, -2000px, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} .fadeInLeftBig {
-webkit-animation-name: fadeInLeftBig;
animation-name: fadeInLeftBig;
}
@-webkit-keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInLeftBig {
0% {
opacity: 0;
-webkit-transform: translate3d(-2000px, 0, 0);
transform: translate3d(-2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} .fadeInRightBig {
-webkit-animation-name: fadeInRightBig;
animation-name: fadeInRightBig;
}
@-webkit-keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
}
@keyframes fadeInRightBig {
0% {
opacity: 0;
-webkit-transform: translate3d(2000px, 0, 0);
transform: translate3d(2000px, 0, 0);
}
100% {
opacity: 1;
-webkit-transform: none;
transform: none;
}
} .home  .spinner {
position: relative;
top: 35%;
width: 80px;
height: 80px;
margin: 0 auto;
background-color: #0e0d0a;
border-radius: 100%;  
-webkit-animation: sk-scaleout 1.0s infinite ease-in-out;
animation: sk-scaleout 1.0s infinite ease-in-out;
}
@-webkit-keyframes sk-scaleout {
0% { -webkit-transform: scale(0) }
100% {
-webkit-transform: scale(1.0);
opacity: 0;
}
}
@keyframes sk-scaleout {
0% { 
-webkit-transform: scale(0);
transform: scale(0);
} 100% {
-webkit-transform: scale(1.0);
transform: scale(1.0);
opacity: 0;
}
} body {
font-family: "Poppins", sans-serif;
font-optical-sizing: auto;
font-style: normal;
background-color:#f9f9f9;
}
.section-header-top {
width: 100%;
padding: 10px;
border-bottom: solid 1px #6666665e;
color: white;
} header  .bootom_top_footer {
border-bottom: none;
}
.slick-home ul {
margin: auto;
text-align: center;
margin-top: 20px;
}
.slick-top {
margin-bottom: 50px;
}
.slick-home li {
display: inline-block;
margin-right: 10px;
}
.slick-home li button {
font-size: 0px;
padding: 7px;
border-radius: 7%;
background: #dadada;
border: none;
box-sizing: border-box;
}
.slick-home li button:hover {
background-color: black;
}
.slick-home li.slick-active button {
background-color: black;
}
.search-icon{
text-align: center;
}
.search-icon .fa-search::before{
color: black;
background: #f0f01d; padding: 8px;
font-size: 30px;
height: auto;
padding: 15px;
margin: 15px; display: block;
}
.search-icon .fa-search:hover::before {
color: #f0f01d;
background-color: #000;
}
.modal-rezervim .footer-socials li i:hover::before {
color: black;
background-color: #f0f01d;
}
.search-icon .fa{
padding-left: 10px;
cursor: pointer;
}
.search-overlay{
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 99999999999;
background-color:rgb(18 19 20 / 90%);
}
.search-form{
position: absolute;
top: 40%;
left: 0;
right: 0;
width: 87%;
margin: 0 auto;
}
.screen-reader-text{
display: none;
}
.search-form label{
position: relative;
border-bottom: solid #f0f01d 3px;
}
.search-form label,
.search-form input[type=search]{
width: 100%;
}
.search-form input[type=search]{
font-weight: 400;
padding: 11px 64px 11px 15px;
outline: 0;
border: none;
}
.search-submit{
position: absolute;
top: 0;
right: 0;
text-indent: -999999px;
width: 48px;
height: 45px;
border: none;
background-color: #f0f01d;
color: #000;
background-image: url(//valkommenalbania.se/wp-content/themes/walkomna/images/search.png);
background-repeat: no-repeat;
background-size: 26px;
background-position: center center;
}
.search-overlay .close{
float: right;
font-size: 40px;
color: #000;
margin: 20px;
cursor: pointer;
width: 65px;
height: 60px;
background-image: url(//valkommenalbania.se/wp-content/themes/walkomna/images/close.png);
background-repeat: no-repeat;
background-position: center center;
opacity: 1;
}
.modal-rezervim .footer-socials li i:before {
color: white;
background: black; padding: 8px;
font-size: 20px;
height: auto;
padding: 15px;
margin: 15px; display: block;
}
.navbar-nav li a {
font-size: 22px;
line-height: 23px;
font-weight: 500;
color: #fff;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
color: white;
border-radius: 0%;
border-bottom: #fff 2px dashed;
}
.nav-link:focus, .nav-link:hover {
color: white;
border-radius: 0%;
border-bottom: #fff 2px dashed;
}
.modal-rezervim .footer-socials li {
list-style-type: none;
margin: auto;
display: inline-block;
text-align: center;
color: white;
} .slick-slider-home img {
height: 400px;
width: auto;
}
.slick-slider-home .inside-turism {
position: relative;
}
.slick-slider-home .turism {
padding: 50px;
height: 400px;
margin: 14px;
background-size: cover;
background-repeat: no-repeat;
}
.slick-slider-home  a {
position: absolute;
left: 50px;
right: 50px;
bottom: 20%;
text-decoration: none;
}
.slick-slider-home  h3 {
font-size: 25px;
color: white;
background-color: black;
padding: 4px;
padding: 15px;
text-align: center;
border-radius: 5px;
}
.home-places h6.sc_item_title {
color: #000 !important;
margin-top: 40px !important;
margin-bottom: 40px !important;
line-height: 24px !important;
font-size: 18px !important;
}
.inside-places img {
height: 300px;
width: 100%;
margin-bottom: 15px;
border-radius: 5px;
}
.inside-places .item {
margin-bottom: 50px;
box-shadow: rgb(154 154 160 / 70%) 0px 7px 29px 0px;
padding: 20px;
border-radius: 10px;
position: relative;
}
.inside-places .item a > h6 {
background: #000000a6;
margin-top: 8px;
margin-bottom: 0px;
line-height: 24px;
font-size: 18px;
color: #f0f01d;
border-radius: 5px;
position: absolute;
bottom: 34%;
padding: 20px;
}
.inside-places a {
text-decoration: none;
}
.single-blog-content time {
background: #f0f01d;
color: black;
padding: 5px;
font-weight: 400;
text-align: center;
margin: auto;
display: grid;
width: max-content;
}
.single-blog-content {
padding-top: 50px;
padding-bottom: 50px;
}
.single-blog-content img {
height: auto;
width: 100%;
margin-top: 65px;
}
.single-gallery  {
margin-left: 0px;
list-style: none;
padding-left: 0px;
}
.single-gallery li {
display: table-cell;
list-style: none;
}
.single-blog-content h1 {
text-align: center;
font-size: 45px;
color: black;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
font-weight: bold;
margin-top: 30px;
}
.single-blog-content h4 {
font-size: 18px;
text-align: center;
color: black;
font-weight: 400;
line-height: 28px;
text-align: justify;
padding-right: 20px;
}
.inside-places h3{
font-size: 16px;
padding: 20px; color: white;
text-align: center;
height: 97px;
overflow: hidden;
background: black;
border-radius: 10px;
line-height: 1.5;
}
.inside-places time {
color: #f0f01d;
}
.slick-turism  .turism {
padding: 50px;
height: 400px;
margin: 50px;
background-size: cover;
background-repeat: no-repeat;
}
.decorate-title h6 {
font-size: 30px;
color: white;
text-transform: uppercase;
border-bottom: dotted 3px;
width: max-content;
margin: auto;
padding-bottom: 10px;
}
.slick-turism img {
width: 100%;
height: auto;
}
.slick-turism {
position: relative;
}
.inside-turism {
position: relative;
}
.inside-turism a {
position: absolute;
left: 50px;
right: 50px;
bottom: 20%;
text-decoration: none;
}
.slick-turism h3 {
font-size: 25px;
color: white;
background-color: black;
padding: 4px;
padding: 10px;
}
.home-turism {
background-color: black;
padding-top: 30px;
padding-bottom: 30px;
}
.slick-turism li {
display: inline-block;
margin-right: 10px;
} 
.slick-turism li.slick-active button{
background-color: #f0f01d;
}
.slick-turism li button {
font-size: 0px;
padding: 10px;
border-radius: 50%;
background: white;
border: none;
box-sizing: border-box;
}
.dashed-border__left{
display: block;
overflow: hidden;
margin: 0 10px;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-moz-box-flex: 1;
-moz-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
.dashed-border__left:before {
content: '';
border-bottom: 2px solid;
border-top: 0;
border-left: 0;
border-right: 0;
border-style: dashed;
display: block;
top: 7px;
width: 100%;
transform: scale(2, 1) translateX(25%);
color: black;
}
.inside-slider h1 {
text-align: center;
width: 60%;
margin: auto;
background: #21252959;
padding: 21px;
border-radius: 10px;
color: aliceblue;
line-height: 2;
font-size: 50px;
box-shadow: rgb(154 154 160 / 70%) 0px 7px 29px 0px;
} .elementor-icon{
text-align: center;
position: absolute;
left: 0;
right: 0;
top: 7%;
}
.elementor-icon .fas {
color: #f0f01d;
margin-right: 10px;
}
.about {
background-color: white;
}
.about-steps {
background-color: #f7f7f6;
}
.about .slides {
display: contents;
list-style-type: none;
}
.about .slides li {
width: 20%;
}
.about .slides img {
height:200px;
width: auto;
margin: auto;
display: block;
margin-bottom: 25px;
}
.about .slides h5 {
text-align: center;
font-weight: 400;
font-size: 16px;
margin: 10px;
}
.about-steps {
padding-bottom: 70px;
padding-top: 50px;
margin-top: 40px;
}
.about .slides h6 {
text-align: center;
font-weight: 500;
font-size: 20px;
margin-bottom: 25px;
background: #f0f01d;
margin: 10px;
margin-bottom: 25px;
padding: 10px;
border-radius: 5px;
color: #0f0f0f;
}
.about-steps h1 {
text-align: center;
color: black;
font-weight: bold;
padding-top: 10px;
margin-bottom: 50px !important;
line-height: 24px !important;
font-size: 20px !important;
text-transform: uppercase;
border-bottom: dotted 3px;
width: max-content;
margin: auto;
padding-bottom: 10px;
}
.top-about h1 {
color: white;
display: block;
font-size: 40px;
font-style: normal;
font-weight: bold;
letter-spacing: 0;
line-height: 1em;
text-align: center;
font-family: "Poppins", sans-serif;
padding-top: 180px;
margin-top: 0px;
margin: auto;
position: absolute;
z-index: 999;
left: 0;
right: 0;
text-transform: uppercase;
}
.top-about .overlay {
height: 450px;
}
.about .historia h3 {
font-size: 60px;
margin: 0px 0px 30px 0px;
text-align: center;
text-transform: uppercase;
width: 60%;
margin: auto;
font-weight: 400;
font-family: "Poppins", sans-serif;
color: white;
}
.about .historia h6 {
width: 60%;
margin: auto;
display: block;
text-align: center;
color: white;
line-height: 1.7;
margin-top: 40px;
font-size: 18px;
font-weight: 400;
}
.historia {
opacity: 0;
transform: translate(0, 10vh);
transition: all 1s;
margin-top: 50px;
margin-bottom: 50px;
}
.historia.visible {
opacity: 1;
transform: translate(0, 0);
}
.about-permbledhje h2 {
font-size: 15px;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
color: #f0f01d;
text-align: center;
}
.about-permbledhje .row h3 {
text-align: center;
font-size: 56px;
color: black;
font-family: "Poppins", sans-serif;
text-transform: uppercase;
font-weight: bold;
}
.about-permbledhje .row h4 {
font-size: 18px;
text-align: center;
color: black;
font-weight: 400;
line-height: 28px;
text-align: justify;
padding-right: 20px;
}
.about-permbledhje img {
height: auto;
width: 100%;
}
.about-permbledhje {
padding-top: 50px;
}
.bottom-row {
padding-top: 100px;
}
.about-permbledhje   .p-text-one__discover {
margin: auto;
}
.about .bottom-slider-new-bottom .left-bottom-side {
margin-top: 0%;
} .slick-turism-blog  .turism {
padding: 50px;
height: 400px;
margin: 10px;
background-size: cover;
background-repeat: no-repeat;
}
.blog-courses {
margin-top: 50px;
}
.slick-turism-blog .turism {
transition: transform 0.5s ease; width:100%;
}
.slick-turism-blog .turism:hover {
transform: scale(1.2); }
.navbar-toggler-icon {
background-image:url(https://daco.al/walkomna/wp-content/uploads/2024/10/menu_icon.svg)!important;
}
button.navbar-toggler:focus:not(:focus-visible) {
outline: 0;
box-shadow: none;
}
.slick-turism-blog{
position: relative;
margin-bottom:20px;
}
.slick-turism-blog .inside-turism{
overflow: hidden;
position: relative;
height: 400px;
} 
.inside-turism a {
position: absolute;
left: 50px;
right: 50px;
bottom: 20%;
text-decoration: none;
}
.slick-turism-blog h3 {
font-size: 25px;
color: white;
background-color: black;
padding: 4px;
padding: 10px;
}
.home-turism {
background-color: black;
padding-top: 30px;
padding-bottom: 30px;
}
.slick-turism-blog .inside-turism a {
position: absolute;
left: 10px;
right: 10px;
bottom: 20%;
text-decoration: none;
text-align: center;
} .top-rezervime h1 {
color: white;
display: block;
font-size: 80px;
font-style: normal;
font-weight: 100;
letter-spacing: 0;
line-height: 1em;
text-align: center;
font-family: "Poppins", sans-serif;
padding-top: 180px;
margin-top: 0px;
margin: auto;
position: absolute;
z-index: 999;
left: 0;
right: 0;
text-transform: uppercase;
}
.top-rezervime h2 {
text-align: center;
margin-top: 30px;
font-size: 15px;
font-weight: 400;
line-height: 28px;
font-weight: 400;
line-height: 25px;
font-family: 'Jost', sans-serif;
}
.rezervime-permbledhje .inside-rezervime {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #f0f01d;
border-radius: 5px 5px 5px 5px;
position: relative;
height: 550px;
}
.top-rezervime .overlay {
height: 400px;
}
.rezervime-permbledhje h3 {
text-align: center;
margin-top: 7px;
font-size: 30px;
font-weight: 400;
line-height: 28px;
font-weight: 400;
line-height: 28px;
color: #f0f01d;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
}
.rezervime-permbledhje  {
background-color: #0e0d0a;
padding-top: 100px;
padding-bottom: 100px;
}
.rezervime-permbledhje h4 {
text-align: center;
margin-top: 30px;
font-size: 20px;
font-weight: 400;
line-height: 28px;
font-weight: 400;
line-height: 28px;
color: white;
}
.rezervime-permbledhje h2 {
text-align: center;
margin-top: 35px;
font-size: 20px;
font-weight: bold;
color: white;
margin-bottom: 5px;
}
.rezervime-permbledhje h6 {
color: white; font-size: 13px;
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: 42px;
text-align: center;
}
.rezervime-div .wpcf7-form p > label {
width: 80%;
margin-left: 10%;
margin-right: 10%;
}
.rezervime-permbledhje .vendodhja{
color: #f0f01d; font-size: 13px;
font-size: 0.8125rem;
font-weight: 500;
letter-spacing: 0.05em;
text-transform: uppercase;
line-height: 42px; transition: opacity 0.5s ease, transform 0.5s ease;
cursor: pointer;
width: fit-content;
text-decoration: none;
position: absolute;
margin: auto;
left: 0;
right: 0;
margin-top: 21px;
border-bottom: solid;
}
.rezervime-div:hover .image-overlay {
display: block;
width: 100%;
height: 547px;
transition: opacity 0.5s ease, transform 0.5s ease;
border-radius: 5px;
}
.inside-overlay {
position: absolute;
left: 0;
right: 0;
margin: auto;
display: block;
top: 15%;
z-index: 99999;
transition: opacity 0.5s ease, transform 0.5s ease;
}
.rezervime-div .wpcf7-form-control-wrap input {
background: transparent;
color: white;
border-top: none;
text-align: center;
border-left: none;
border-right: none;
border-bottom: solid 1px white;
outline: none;
width: 100%;
}
.rezervime-div .wpcf7-form-control-wrap select {
background: transparent;
color: white;
border-top: none;
text-align: center;
border-left: none;
border-right: none;
border-bottom: solid 1px white;
outline: none;
width: 100%;
}
.rezervime-div .wpcf7-form-control-wrap select option {
background: #0e0d0a;
color: white;
}
.rezervime-div .wpcf7-submit {
margin-top: 20px;
margin-left: 10%;
width: 80%;
margin-right: 10%;
color: white;
background: #f0f01d;
padding: 10px;
border-radius: 5px;
outline: none;
box-shadow: none;
font-size: 20px;
text-transform: uppercase;
}
.rezervime-div .wpcf7-form-control-wrap input::placeholder {
color: white;
}
.rezervime-div .image-overlay {
display: none;
height: 550px;;
}
.rezervime-div:hover .background-overlay {
height: 100%;
width: 100%;
background: #0000008c;
z-index: 111;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
}
.background-image-slider {
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
}
.overlay {
height: 500px;
width: 100%;
background: #0000008c;
z-index: 111;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
transition: opacity 0.5s ease, transform 0.5s ease;
} .dropdown-menu {
background: black;
text-align: center;
left: -60% !important;
}
.dropdown-toggle::after {
border: none;
}
.dropdown-toggle::before {
font-family: 'Font Awesome 5 Free';
font-weight: 900;
content: '\f078' !important;
margin-left: 5px !important;
position: absolute;
top: 10px;
right: -10px;
background-color: transparent !important;
height: 0px !important;
transition: none !important;
font-size: 10px;
}
.navbar-nav{
margin: auto;
}
.navbar-nav li {
margin-right: 15px;
}
.header-bottom-row .row {
margin: 0;
}
.header-top-row .row {
margin: 0;
}
#menu-primary a:after {
content: "";
display: block;
margin: 0 auto;
width: 0;
height: 1px;
background-color: #f0f01d;
-webkit-transition: opacity .3s ease,width .3s ease;
-moz-transition: opacity .3s ease,width .3s ease;
-o-transition: opacity .3s ease,width .3s ease;
transition: opacity .3s ease,width .3s ease;
-ms-transition: opacity .3s ease,width .3s ease;
}
#menu-primary a:hover:after {
width:100%;
}
#menu-primary a:hover {
background:transparent!important;
color: white!important;
}
#menu-primary .current_page_item a:after {
width: 100%;
}
.logo img {
height: 80px;
width: 100%;
margin: auto;
margin-top: 10px;
margin-bottom: 10px;
}
.navbar {
margin-bottom: 0px;
padding-top: 30px;
padding-bottom:30px;
}
.navbar .depth_0 {
background-color: black;
}
.inside-slider {
margin-top: 11%;
}
.inside-slider a {
text-decoration: none;
}
.inside-slider a button {
padding: 15px;
margin: auto;
display: block;
margin-top: 5%;
font-size: 20px;
text-transform: uppercase;
border-radius: 10px;
}
.site-header {
}
.vendodhja-home {
font-size: 13px;
letter-spacing: .35em;
background: transparent;
font-weight: 500;
color: white;
text-decoration: none;
}
#menu-primary a {
position: relative;
display: inline-block;
width: 100%;
vertical-align: middle;
box-sizing: border-box;
color: #fff;
font-size: 13px;
text-transform: uppercase;
letter-spacing: .35em;
background: transparent;
font-weight: 500;
}
.btn-show {
background: transparent;
border: solid 2px white;
padding: 10px;
margin: auto;
display: block;
margin-top: 15px;
text-transform: uppercase;
border-radius: 0px;
transition: all .2s ease-in;
}
.btn-show:active, .btn-show:focus {
background: transparent;
border: solid 2px white;
padding: 10px;
margin: auto;
display: block;
margin-top: 15px;
text-transform: uppercase;
border-radius: 0px;
transition: all .2s ease-in;
}
.btn-show:hover {
background: white;
border: solid 2px white;
padding: 10px;
color: #0e0d0a;
margin: auto;
display: block;
margin-top: 15px;
text-transform: uppercase;
border-radius: 0px;
}
.header-top-row {
border-bottom: solid 0.5px white;
margin-bottom: 20px;
padding-bottom: 10px;
padding-top: 10px;
}
.first-top {
padding-left: 10%;
}
.second-top a {
float: right;
} .bottom-contact-form {
background-color: #fff;
padding-top: 70px;
padding-bottom: 100px;
}
.bottom-contact-form h2 {
font-size: 2.8em;
font-weight: 700;
font-style: normal;
line-height: 1.0952em;
text-decoration: none;
text-transform: none;  margin-bottom: 6%;
text-align: center;
}
.bottom-contact-form  .wpcf7-form-control-wrap input{
margin: auto;
display: block;
border-bottom: solid 2px black;
background: transparent;
border-top: 0;
border-left: 0;
border-right: 0;
margin-bottom: 25px;
outline: none;
color: black;
}
.bottom-contact-form  .wpcf7-form-control-wrap textarea
{
height: 50px;
overflow-x: hidden;
border: solid 2px black;
background: transparent;
border-top: none;
border-left: none;
border-right: none;
outline: none;
}
.page-template-contact .left-bottom-side {
margin-top: 0%;
}
.page-template-blog .blog-courses {
padding-bottom: 50px;
padding-top: 30px;
}
.bottom-contact-form  .wpcf7-submit {
margin: auto;
display: block;
margin-top: 30px;
width: 150px;
font-size: 15px;
text-transform: uppercase;
padding: 10px;
background: black;
color: #f0f01d;
}
.bottom-contact-form  .wpcf7 label{
margin: auto;
display: block;
text-align: center;
color: black;
font-size: 17px;
text-transform: uppercase;
}
.page-template-contact .bottom-slider-top-menu h6 {
padding: 20px;
font-size: 40px;
font-weight: 500;
letter-spacing: 0px;
padding-top: 20px;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
color: white;
text-align: center;
}
.page-template-contact .bottom-slider-top-menu h5{
font-size: 15px;
letter-spacing: 1px;
font-weight: 700;
text-transform: uppercase;
color: #f0f01d;
text-align: center;
}
.page-template-contact  .top-rezervime .overlay {
height: 500px;
} .modal .wpcf7-submit {
margin: auto;
display: block;
margin-top: 30px;
width: 150px;
font-size: 15px;
text-transform: uppercase;
padding: 10px;
background: #f0f01d;
color: white;
}
.modal .wpcf7-form-control-wrap input {
background: transparent;
color: white;
border-top: none;
text-align: center;
border-left: none;
border-right: none;
border-bottom: solid 1px white;
outline: none;
width: 100%;
}
.modal .wpcf7-form-control-wrap input::placeholder {
color: white;
}
.modal .wpcf7-form-control-wrap select {
background: transparent;
color: white;
border-top: none;
text-align: center;
border-left: none;
border-right: none;
border-bottom: solid 1px white;
outline: none;
width: 100%;
}
.modal .wpcf7-form-control-wrap select option {
background: #0e0d0a;
color: white;
}
.modal .wpcf7 label{
margin: auto;
display: block;
text-align: center;
color: white;
font-size: 17px;
text-transform: uppercase;
width: 100%;
}
.transition {
-webkit-transition: all .2s ease-in;
-o-transition: all .2s ease-in;
transition: all .2s ease-in;
}
.thumbnail-container::-webkit-scrollbar-track
{
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.0);
border-radius: 10px;
background-color: #0e0d0a;
}
.thumbnail-container::-webkit-scrollbar
{
width: 12px;
background-color: #fff;
}
.thumbnail-container::-webkit-scrollbar-thumb
{
border-radius: 10px;
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
background-color: #fff;
}
.rmr {
padding-right: 0px;
}
.rml {
padding-left: 0px;
}
.rmp {
padding: 0;
}
.modal-content {
border-radius: 0px;
background: #0e0d0a;
width: 100%;
margin-top: 11%;
}
.modal-title {
margin: 0;
line-height: 1.42857143;
text-align: center;
font-weight: 500;
font-style: normal;
color: #0e0d0a;
letter-spacing: .2em;
text-transform: uppercase;
font-size: 15px;
}
.modal-header {
background-color: white;
} .top_footer li {
list-style-type: none;
margin: auto;
display: inline-block;
text-align: center;
color: white;
margin-bottom: 20px;
}
.bootom_top_footer {
border-bottom: dotted 4px;
}
.top_footer i:before {
color: black;
background: #f0f01d;
border-radius: 20%;
padding: 8px;
font-size: 37px;
height: auto;
padding: 10px;
margin: 15px;
width: 60px;
display: block;
}
.top_footer {
padding-top: 40px;
background-color: #fff;
}
.bottom_footer {
background: #fff;
padding: 30px;
}
.bottom_footer p{
padding: 0;
margin: 0;
font-size: 15px; color: #343a40;
text-transform: uppercase;
}
.bottom_footer a{
color: #fff;
cursor: pointer;
}
.footer-socials ul {
margin: auto;
text-align: center;
display: block;
} .elementor-icon-kategori{
color: #f0f01d;
display: block;
font-size: 16px;
font-style: normal;
font-weight: 100;
letter-spacing: 0;
line-height: 1em;
text-align: center;
padding-top: 20%;
margin: auto;
position: absolute;
z-index: 999;
left: 0;
right: 0;
text-transform: uppercase;
}
.menu-specifike {
padding-top: 70px;
padding-bottom: 70px;
}
.menu-specifike h3{
margin: auto;
display: block;
text-align: center;
padding: 20px;
font-size: 30px;
font-weight: 500;
letter-spacing: 0px;
padding-top: 0px;
text-transform: uppercase;
font-family: "Poppins", sans-serif;
color: #f0f01d;
margin-bottom: 50px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #f0f01d;
padding-bottom: 10px;
padding-top: 10px;
}
.inside-div-category {
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #f0f01d;
border-radius: 5px 5px 5px 5px;
padding: 40px;
}
.inside-div-category li {
list-style-type: none;
font-size: 20px; color: white;
margin-bottom: 25px;
}
.inside-div-category h4 {
font-size: 15px;
font-weight: 500;
letter-spacing: 0px;
}
.inside-div-category h5 {
text-align: center;
font-size: 15px;
font-weight: 500;
letter-spacing: 0px;
color: #f0f01d;
}
@media screen and (max-width: 476px) {
.inside-places h3{
font-size:17px;
}
}
@media screen and (max-width: 1025px) {
.modal-rezervim .footer-socials li i:before{
padding: 11px;
margin: 11px;
} 
.about .slides img {
height: 100px;
}
.about .slides h6 {
font-size:17px;
}
.about .slides h5 {
font-size:14px;
}
.single-blog-content h1 {
font-size:30px;
}
.single-blog-content h4 {
font-size:16px;
}
.slick-turism-blog {
margin-bottom:20px;
}
.menu-specifike h3 {
font-size:20px;
}
}
@media screen and (max-width: 768px) {
.about .slides li {
width: 50%;
margin-bottom: 40px;
}
.modal-rezervim .footer-socials li i:before {
padding: 8px;
margin: 8px;
font-size: 15px;
}
.single-blog-content h1 {
font-size:20px;
}
.about-steps h1 {
width:auto;
}
.about .slides h6 {
font-size: 13px;
}
.about .slides h5 {
font-size:12px;
}
.bottom-contact-form .wpcf7-form-control-wrap input {
width: 70%;
margin: auto;
margin-bottom: 25px;
}
.bottom-contact-form .wpcf7-form-control-wrap textarea {
width: 70%;
margin: auto;
margin-bottom: 25px;
}
.bottom-contact-form h2 {
font-size:25px;
width:auto;
}
}
@media screen and (max-width: 601px) {
.search-icon .fa-search::before{
display: block;
padding: 8px;
margin: 8px;
font-size: 15px;
}
.logo img {
height: 100px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 25px;
}
.search-icon {
text-align: center;
position: absolute;
z-index: 9999999;
right: 30px;
}
.modal-rezervim {
padding-left: 0px;
}
}