@charset "utf-8";

/* CSS Document */



html {

  scroll-behavior: smooth;

}



body{margin:0; padding:0; font-family: fourth !important; font-size:14px !important; overflow-x:hidden;}



/*@font-face{font-family:first; src: url(../fonts/PlayfairDisplay-Regular_1.ttf);}

@font-face{font-family:sec; src: url(../fonts/PlayfairDisplay-Bold_2.ttf);}

@font-face{font-family:third; src: url(../fonts/calibri.ttf);}*/

@font-face{font-family:fourth; src: url(../fonts/Montserrat-Regular.ttf);}

@font-face{font-family:five; src: url(../fonts/Montserrat-Bold.ttf);}







h1{margin:0 !important; padding:0 !important; border:none; outline:none;}

h2{margin:0 !important; padding:0 !important; border:none; outline:none;}

h3{margin:0 !important; padding:0 !important; border:none; outline:none;}

h4{margin:0 !important; padding:0 !important; border:none; outline:none;}

h5{margin:0 !important; padding:0 !important; border:none; outline:none;}

h6{margin:0 !important; padding:0 !important; border:none; outline:none;}



ul{margin:0 !important; padding:0; list-style-type:none;}

input, select, option, textarea{outline:none; resize:none;}

button{outline:none;}

img{border:none; margin:0; padding:0;}

a{text-decoration:none;}

a:hover{text-decoration:none !important;}

a:focus{text-decoration:none;}



.top-space{margin-top:70px;}

.top-bg{background-color: #fff; width:100%; padding: 5px 0 5px 0px; color: #000; margin: 0 0 4px 0;}



.menu-bg{width: 100%; background: linear-gradient(to right, #fce9b4, #d3ae4e, #fce9b4, #d3ae4e, #fce9b4, #d3ae4e, #fce9b4, #d3ae4e);}

ul.menu-list li{margin: 0 0 0 35px; font-family: five; font-size: 15px; text-align: center;}

ul.menu-list li a{color: #000 !important;}

.cus-nav-icon{color: #000;}



#navbar{background-color: #000; padding: 10px 0 0 0;}

.sticky{position: fixed; top: 0; width: 100%; z-index:999;}





.e3-line{width: 100%; background: #000; padding: 5px 0 5px 0;}

ul.e3-list{text-align: center;}

ul.e3-list li{display: inline-block; margin: 0 0 0 10px; color: #FFF; font-family: five; font-size: 16px; text-transform: uppercase;}

ul.e3-list li:nth-child(1){background: linear-gradient(to right, #adadad, #adadad); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

ul.e3-list li:nth-child(2){background: linear-gradient(to right, #442b89, #d1143e); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}

ul.e3-list li:nth-child(3){background: linear-gradient(to right, #fce9b4, #d3ae4e); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}





.pop-box{position: relative; z-index: 999;}

.pop-btn{position: absolute; display: none;}

.pop-btn.pop-btn1{left: 49%; top: 33px;}

.pop-btn.pop-btn2{left: 24%; top: 140px;}

.pop-btn.pop-btn3{left: 24%; top: 330px}

.pop-btn.pop-btn4{left: 34%; top: 473px;}

.pop-btn.pop-btn5{left: 59%; top: 470px;}

.pop-btn.pop-btn6{left: 74%; top: 330px;}

.pop-btn.pop-btn7{left: 74%; top: 140px;}









/*canvas{display: block; vertical-align: bottom;}

.particle-bg{position: relative; background-size: cover;}*/







canvas{display: block; vertical-align: top; position: absolute; top: 0; z-index: -1;}

#particles-js{width: 100%; height: 100%; background: #000;}

.slide{text-align: center; margin: 0 auto; padding: 0px 0 0 0;}

.slider-item{font-size: 25px; font-style: italic; line-height: 30px;}

/*.slider-item p:nth-child(2){color: #fbc926; font-size: 12px; letter-spacing: 2px}*/



.cus-dialog{margin-top:14rem !important;}

.cus-cntnt{border-radius: 0 !important; overflow: hidden; padding: 10px 30px 30px 30px;}

.cus-hdr{border-bottom: none !important;}

.cus-close{padding: 0 !important; opacity: 1 !important; text-shadow: none !important; font-weight: 100 !important; font-size: 16px !important; transform: rotate(-45deg); border-top: solid transparent 30px !important; border-right: solid transparent 30px !important; border-bottom: solid transparent 30px !important; border-left: solid #a53594 30px !important; width: 0; height: 0; line-height: 0 !important; position: absolute; right: -6px; top: -6px; z-index: 1; transition: .3s;}

.cus-close:hover{border-left: solid #656565 30px !important;}

.cus-close span{position: absolute; right: 13px; color: #fff; transform: rotate(45deg);}

.modl-title{font-size: 16px; color: #a53594; letter-spacing: 2.5px; font-weight: 900;}

.modl-sb-title{font-size: 20px; color: #484848;}

.modl-sb-small{font-size: 13.5px;}

.modl-body-cntnt{font-size: 14px; color: #757575; line-height: 1.8;}

.cus-jumbo{background: none !important;}

.cus-slide{/*position: absolute; left: 32%; z-index: -1;*/ color: #a7a9ac;}



/*.slider-item p:nth-child(2):before{content:""; display: block; width: 8%; background: #a69382; height: 1px; position: absolute; top: 70%;}

.slider-item p:nth-child(2):after{content:""; display: block; width: 8%; background: #a69382; height: 1px; position: absolute; right: 42%; top: 70%;}*/





.institut-wrapper{color: #FFF;}

.institut-hdng{letter-spacing: 1px; color: #fff; font-family: five; font-size: 16px; margin: 20px 0 0 0;}

.institut-span{background-color: #a89283; height: 2px; width: 35px; float: left; margin: 10px 20px 0 0; display: none;}



.ethree-box{color: #FFF; border-left: dotted #ffffff5c 1px; padding: 0px 40px 0 40px; margin-top: 50px;}

.ethree-box p{color: #a7a9ac; font-size: 16px; margin: 0 0 25px 0; line-height: 1.8;}

.ethree-box p:nth-child(odd){font-family: five; background: linear-gradient(to right, #fce9b4, #c59823 19%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; font-size: 18px; margin: 0 0 4px 0;}



ul.i-menu-list{margin-bottom: 30px !important;}

ul.i-menu-list li{display: inline-block; margin: 0 8px 6px 0; letter-spacing: 1px;}

ul.i-menu-list li:before{content:"/"; display: block; float: left; margin: 0 8px 0 0; color: #a89283; display: none;}

ul.i-menu-list li:nth-child(1):before{content:""; display:block;}

ul.i-menu-list li a.active{color: #FFF;}

ul.i-menu-list li a{color: #a7a9ac; font-size: 12px;}



.big-hdng{font-size: 35px; line-height: 1.2; font-weight: 700; position: relative; /*color: #a53594;*/ margin:0; background: linear-gradient(to right, #fce9b4, #d3ae4e 11%); -webkit-background-clip: text; -webkit-text-fill-color: transparent}

/*.big-hdng:before{content: "/"; display: block; color: #a89283; float: left; position: absolute; left: -40px;}*/

.box1{margin-top: 25px;}

.sml-des{letter-spacing: .5px; color: #a7a9ac; font-size: 20px; line-height: 1.6; margin: 6px 0 40px 0;}

.right-des{color: #a7a9ac; font-size: 14px; line-height: 1.7;}

.right-des span{color: #fbfbfb;}

.right-des a{color: #FFF !important; text-decoration: underline;}







.one-box{margin: 0 0 10px 0; border: solid #ffffff2e 0px; padding: 20px 0 0 0; border-radius: 30px;}







footer{color: #fff;}

.ftr-bg{padding: 1px; margin-bottom: 30px;}

.ftr-link{}

ul.ftr-list{margin: 0 0 15px 0 !important;}

ul.ftr-list li{display: inline-block; font-size: 12px; font-family: five; margin: 0 11px 0 0; letter-spacing: 1px; text-transform: uppercase;}

ul.ftr-list li a{color: #CCC; background: linear-gradient(to right, #fce9b4, #d3ae4e); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}



ul.ftr-email li{text-transform: lowercase; letter-spacing: 1px; font-size: 13px;}



ul.ftr-social{margin-top: 25px !important;}

ul.ftr-social li{display: inline-block; font-family:five; font-size: 12px; letter-spacing: 1px;}

ul.ftr-social li a{font-size: 11px; color: #FFF; width: 28px; height: 28px; display: block; text-align: center; line-height: 2.8; border-radius: 50%; margin: 0 5px 0 0;}

ul.ftr-social li:nth-child(1) a{background: #3a559f;}

ul.ftr-social li:nth-child(2) a{background: #3a559f;}

ul.ftr-social li:nth-child(3) a{background: #55acee;}

ul.ftr-social li:nth-child(4) a{background: linear-gradient(45deg, #f58236, #7823bd);}

ul.ftr-social li:nth-child(5) a{background: #f61c0d;}



ul.solloh{text-align: right;}

ul.solloh li{color: #a7a9ac; text-transform: none;}



.copyright-box{width: 100%; border-top: solid #ffffff36 1px; padding: 20px 0 0 0; margin-top: 20px;}

.copyright-txt{text-align: center; padding: 5px 0 0 0; font-size: 13px; font-family: five; letter-spacing: 2px; background: linear-gradient(to right, #fce9b4, #d3ae4e); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}





.lang-box{position: relative;}

.lang-close{color: #fff; position: absolute; right: -10px; top: -6px; background: #ffbb00; width: 20px; height: 20px; font-size: 8px; text-align: center; border-radius: 50%; line-height: 2.5; cursor: pointer;}

ul.lang-tool{background: #fff; display: inline-block; width: 40%; position: absolute; top: -140px; left: 62%; display: none;}

ul.lang-tool li{border-bottom: solid #e2e2e2 1px; padding: 6px 20px 5px 15px; font-size: 14px; letter-spacing: .5px; font-family: calibri;}

ul.lang-tool li a{display: block; color: #4e4e4e;}

ul.lang-tool li span{float: right;}





.osiag-box{text-align: center; margin-top: 20px; height: 160px;}

ul.osiag-list{}

ul.osiag-list li:nth-child(2){font-size: 30px; color: #a7a9ac; letter-spacing: 3px; font-weight: 900; line-height: 1; margin: 0 0 4px 0;}

ul.osiag-list li:nth-child(3){color: #a7a9ac; letter-spacing: 1px; font-size: 12px; margin-top: 7px;}

ul.osiag-list li:nth-child(3):after{content:"";  display: block; width: 60px; border-bottom: solid #fff 1px; margin: 0 auto; padding: 8px 0 4px 0px;}





.klienci-box{height: 160px; background: none; border-top:solid #a693825c 1px; border-bottom:solid #a69382 1px; overflow: hidden; cursor: pointer; text-align: center; padding-top: 50px; margin-bottom: 40px; transition: all ease 1s;}



.klienci-box .back{display: none;}

.klienci-box:hover .front{display: none;}

.klienci-box .back{text-align: center; margin:0 auto; transition: all ease 1s;}

.klienci-box:hover .back{display: block; transition: all ease 1s;}



.klienci-box:hover{background: #fff;}

.klienci-box img{transition: all ease .5s;}

.klienci-box:hover img{transform: translateY(-30%);}

.klienci-box a{display: block; transform: translateY(108%); transition: all ease .5s;}

.klienci-box:hover a{transform: translateY(20%);}

.klienci-box2{color: #0F6;}

.klienci-box2 p{color: #a7a9ac; transition: all ease .5s; letter-spacing: 2px; font-size: 12px;}

.klienci-box2:hover p{transform: translateY(-30%); color: #fbc926;}

.klienci-box2:hover{background: none;}

.klienci-box3:hover img{transform: translateY(0%); filter: invert(0%);}



.oferta-dialoge{max-width: 800px !important;}



.list-hdng{font-size: 14px; color: #757575;}

ul.oferta-list li{font-size: 14px; color: #757575; display: flex;}

ul.oferta-list li:before{content:""; display:block; background-image: url(../images/dotIco.png); background-repeat: no-repeat; width: 14px; height: 10px; float: left; margin: 4px 6px 0 0; flex: none;}





ul.publikaj-list{}

ul.publikaj-list li{cursor: pointer; margin: 0 0 30px 0;}

ul.publikaj-list li:hover a{background-color: #FFF;}

ul.publikaj-list li p{margin: 0; transition: all ease .2s;}

.two-words{display: inline-block;}

.two-words .short-txt{font-size: 12px; letter-spacing: 2px; color: #a7a9ac;}

.two-words .lng-txt{font-size: 16px; font-family: sec; letter-spacing: 1px;}

.lng-spc-txt{width:75%;}

ul.publikaj-list li:hover .two-words .short-txt{transform: translateY(27px); color: #FFF;}

ul.publikaj-list li:hover .two-words .lng-txt{transform: translateY(-16px);}

ul.publikaj-list li:hover .lng-spc-txt .short-txt{transform: translateY(40px);}

ul.publikaj-list li:hover .lng-spc-txt .lng-txt{transform: translateY(-24px);}





ul.publikaj-list li:before{content:""; display:block; background-image: url(../images/linkIco.png); background-repeat: no-repeat; width: 31px; height: 20px; float: left; margin: 9px 15px 0 0; flex: none;}

ul.publikaj-list li a{float: right; color: #a7a9ac; text-transform: uppercase; font-size: 11px; letter-spacing: 2px; border: solid #a7a9ac 1px; padding: 12px 29px 10px 29px;}

ul.publikaj-list li a:hover{background-color: #FFF;}





.cntct-hdng{font-size: 45px; font-weight: 600; color: #a53594;}

/*.cntct-hdng:before{content: "/"; display: block; color: #a89283; float: left; position: absolute; left: -15px;}*/

ul.cntct-btn li{display: inline-block; margin: 0 40px 0 0;}

ul.cntct-btn li input{width: auto;}

ul.cntct-btn li input{float: left; margin: 4px 6px 0 0;}

ul.cntct-btn li label{color: #a7a9ac;}



.cntct-box input, select, textarea{background: no-repeat; border: none; border-bottom: 1px solid #a7a9ac85; width: 100%; margin: 0 0 40px 0; padding: 0 0 8px 15px; color: #FFF;}

.cntct-box select{color: #a69382;}

.cntct-box select option{background-color: #000; color: #fff; border: none !important;}

.imporntnt{color: #a7a9ac; font-size: 14px; margin: 20px 0 0 0;}

.cntct-box button{float: right; background: no-repeat; border: 1px solid rgb(168, 146, 131); color: #fff; padding: 10px 20px 10px 20px; margin-top: 30px; font-size: 12px;}

.cntct-box button:hover{background-color: #FFF; color: #666;}



/*.cntct-addres:before{content: "/"; display: block; color: #a89283; float: left; position: absolute; left: 30px;}*/



.cntct-info{padding: 0 0 0 50px;}

ul.cntct-list{letter-spacing: 1.5px;}

ul.cntct-list li{margin: 0 0 18px 0; font-size: 12px;}

ul.cntct-list li:nth-child(4):before{content: ""; background-color: #a69382; width: 25px; height: 2px; display: inline-block; position: relative; top: -4px; margin: 0 10px 0 0;}

ul.cntct-list li span{color: #a7a9ac;}

ul.cntct-list li a{color: #fff !important;}



.carousel-inner img{width: 100%; height: 100%;}

.cus-ctrl{opacity: 1 !important; width: auto !important; background: #f7b200e6; color: #000 !important; padding: 0 10px 0 10px; height: 50px; top: 50% !important; border-radius: 0 8px 8px 0;}

.cus-ctrl-r{border-radius: 8px 0 0 8px;}







@media screen and (max-width: 300px){

	ul.ftr-list li{width: 100%;}

	ul.lang-tool{width: 60%; top: -59px; left: 29%;}

	

}



@media screen and (max-width: 768px){

	.ethree-box{padding: 0px 10px 0 10px;}

	ul.oferta-list{margin-bottom: 20px !important;}

	.institut-wrapper{padding: 0;}

	.institut-hdng{margin: 30px 0 0 0;}

	.ftr-logo{text-align: center; margin-bottom: 10px;}

	ul.ftr-list li{margin: 0 11px 15px 0;}

	ul.ftr-social{margin-top: 8px !important;}

	.ethree-box{border-left: 0; margin-top: 0;}

	.ethree-box p:nth-child(odd){font-size: 14px;}

	.ethree-box p{font-size:12px;}

	ul.solloh{text-align: left;}

	.cus-jumbo{padding: 0 !important; margin: 0 !important;}

	ul.ftr-list-border li a{border: solid #ffffff45 1px; padding: 4px 4px 4px 4px;}

	ul.lang-tool{top: -80px; left: 10%; width: 50%;}

	

	ul.i-menu-list{margin-bottom: 5px !important;}

	ul.i-menu-list li{margin: 0 1px 6px 0;}

	.cntct-hdng{font-size: 25px; font-weight: 100;}

	ul.e3-list li{font-size: 12px;}

	.cus-ctrl{padding: 0 6px 0 5px; height: 30px; top: 37% !important; font-size: 10px; display: none !important;}

	

}



@media screen and (max-width: 990px){
	.payment_form {width: 100% !important}
	#second-secti input { margin-bottom: 10px !important;}
}


/*Payment page css*/
.payment_form{ border: 2px solid #000;
    float: right;
    width: 50%;
    background: #fff;
    color: #000;
    margin-top: 5%;
    padding: 10px;
  }
  .payment_form-text{
    color: #818181;
    border: 1px solid #a097f4;
    border-radius: 6px;
    font-family: fourth;
    font-size: 16px;
    height: 45px;
    padding: 0 15px;
    width: 100%;
    -webkit-appearance: none;
}
.payment_form-btn{background: #222;
    border-radius: 28px;
    color: white;
    height: 56px;
    line-height: 48px;
    text-transform: uppercase;
    width: 100%;
    margin-top: 5%;
}

.tab {
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #f1f1f1;
  margin-top: 5%;
}

/* Style the buttons inside the tab */
.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
   padding-left: 5%;
  padding-right: 5%;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #ddd;
  padding-left: 5%;
  padding-right: 5%;

}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #ccc;
}

/* Style the tab content */
.tabcontent {
  display: none;
  padding: 6px 12px;
  border: 1px solid #ccc;
  border-top: none;
}
.price{
    font-size: 2.5em;
    line-height: 1.2;
    font-weight: 700;
    position: relative;
    /* color: #a53594; */
}
.currency_symbol {

  top: -2.2em;
}
.tablinks{
  text-align: center;
}
section#second-secti {
    background: linear-gradient(to right, #fce9b4, #d3ae4e, #fce9b4, #d3ae4e, #fce9b4, #d3ae4e, #fce9b4, #d3ae4e);
    text-align: center;padding: 50px 0;
}
#second-secti p.big-hdng {
    text-align: center;
}
.first-price {
  padding: 8px;
}

.price-box {
  list-style-type: none;
  border: 1px solid #eee;
  margin: 0;
  padding: 0;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.price-box .price-header {
  background-color: #111;
  color: white;
  font-size: 25px;
}

.price-box li {
  border-bottom: 1px solid #eee;
  padding: 20px;
  text-align: center;
  background-color: #fff;
}

.price-box .grey {
  background-color: #eee;
  font-size: 34px;
}

.pricebutton {
  background-color: #d3ae4e;
  border: none;
  color: white;
  padding: 10px 25px;
  text-align: center;
  text-decoration: none;
  font-size: 18px;
}
.third-secti {
    padding: 60px 0;
}
p.big-hdng.pricing-heading {
    text-align: center;
    padding-bottom: 30px;
}
.price-box li span {
    font-size: 16px;
}
#drive_calculate_hours select#drive_city {
    background-color: #fff;
    padding: 10px;
}
#drive_calculate_hours input#hours {
    padding: 8px;
}
#resultDiv #resultContent p {
    color: #222;
    font-size: 20px;
    margin-top: 15px;
}
#drive_calculate_hours input#calculate {
    background-color: #222;
    border: none;
    color: #fff;
    padding: 9px 20px;
}
#second-secti h2.cal-heading, #second-secti p.descri {
    color: #000;
    font-weight: bold;
}
form#drive_calculate_hours {
    margin-top: 31px;
}