:root {
	--black:		#373a3e;
	--blue:			#1b6bbc;
	--iconsblue:	#276cff;
	--lightblue:	#cbf1ff;
	--footerblue:	#baedff;
	--sand:			#faefde;
	--but:			#f4cb99;
	--red:			#de0049;
	
}
@font-face {font-family: 'Inter'; font-weight: 900; font-style: italic; src: url('../files/Inter_18pt-BlackItalic.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 400; font-style: normal; src: url('../files/Inter_18pt-Regular.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 300; font-style: normal; src: url('../files/Inter_18pt-Light.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 700; font-style: normal; src: url('../files/Inter_18pt-Bold.ttf') format('truetype');}
@font-face {font-family: 'Inter'; font-weight: 600; font-style: normal; src: url('../files/Inter_18pt-Medium.ttf') format('truetype');}

html,body {
	margin:0 auto; padding:0; background:#fff; min-width:370px;
	font-family: "Inter", Segoe UI, Arial, serif; font-optical-sizing: auto; font-weight:300; font-style:normal;
	color:var(--black); font-size:18px; line-height:28px; 
}
h2 {font-size:47px; line-height:60px; color:var(--blue); margin:80px 0 50px 0; font-weight:300; letter-spacing:-1px; text-align:center;
	display:flex; align-items:center; justify-content:center;
}
h2.lines div {width:80px; height:1px; margin-top:7px;}
h2.lines div:first-child {margin-right:40px; background:linear-gradient(90deg, rgba(255,255,255,1) 0%, rgba(27,107,188,1) 100%);}
h2.lines div:last-child {margin-left:40px; background:linear-gradient(-90deg, rgba(255,255,255,1) 0%, rgba(27,107,188,1) 100%);}
h3 {font-size:27px; line-height:38px; color:var(--black); margin:0; font-weight:600; letter-spacing:-1px; padding:0;}
@media screen and (max-width: 1150px) {
	h2 {margin:50px 0 35px 0;}
}
@media screen and (max-width: 930px) {
	h2 {font-size:37px; line-height:45px;}
	h2.lines div {width:60px;}
	h2.lines div:first-child {margin-right:20px;}
	h2.lines div:last-child {margin-left:20px;}
}
@media screen and (max-width: 700px) {
	h2 {font-size:35px; line-height:40px; margin:35px 0;}
	h2.lines div {display:none; width:0; margin:0 !important;}
}



ul {margin:15px 0 15px 0; padding:0 0 0 20px;}
a {color:var(--blue); transition:color 0.4s;}
a:hover {color:var(--iconsblue);}

.w {width:90%; max-width:1550px; margin:0 auto;}
.flex {display:flex; align-items:center;}
.flex.center {justify-content:center;}
.flex.top {align-items:start;}
button, .but {font-family: "Inter", Segoe UI, Arial, serif; font-size:20px; font-weight:600; outline:none; border:0; border-bottom:1px solid rgba(94,65,29,0.6); text-shadow:0 1px 0 #fcf0e1; border-radius:10px; background:var(--but); color:var(--black); padding:15px 35px; cursor:pointer;}
button.small, .but.small,#sihtkohad button {font-size:19px; padding:11px 26px; margin-top:15px;}
.center {text-align:center;}
.left {text-align:left;}
.reverceX {flex-direction: row-reverse;}
.bold {font-weight:700;}
.txtf,textarea,input[type="text"] {border:0; border-bottom:1px solid #6c7d8c; padding:10px 12px; font-family:"Inter", Segoe UI, Arial, serif; font-size:19px; margin:16px 0; outline:0; background:transparent; width:100%; background-color:transparent;}
input:-webkit-autofill {transition: background-color 5000s ease-in-out 0s;}
textarea {height:140px; max-height:150px; min-height:60px; max-width:100%; min-width:100%;}
.confirmation,.error {margin:10px 0 25px 0; font-weight:600; font-size:20px; display:none;}
.confirmation {color:#37834a;}
.error {color:var(--red);}
span.small, div.small {font-size:17px; font-weight:300;}
@media screen and (max-width: 1500px) {
	.w {width:95%;}
}
@media screen and (max-width: 900px) {
	.w {width:92%;}
}
@media screen and (max-width: 550px) {
	.but,button {width:100%; padding:12px 20px;}
}


.mt0 {margin-top:0;}
.mr2 {margin-right:12px;}
.mb2 {margin-bottom:8px;}
.ml2 {margin-left:12px;}
.mt5 {margin-top:23px;}
.mr5 {margin-right:20px;}
.mr7 {margin-right:27px;}
.mr10 {margin-right:35px;}
.mt10 {margin-top:40px;}
.my10 {margin:35px auto;}
.mb10 {margin-bottom:35px;}
.mb20 {margin-bottom:65px;}
.px15 {padding:0 50px;}
.pt8 {padding-top:25px !important;}
.pt15 {padding-top:50px !important;}
.px20 {padding:0 70px;}
.my5 {margin:25px 0;}

.w500 {width:100%; max-width:500px; border-radius:8px; border-bottom:1px solid rgba(0,0,0,0.25);}



#top {height:150px; font-weight:400; font-size:19px; background:#fff; position:relative;}
#top .logo {position:absolute; top:23px; left:80px;}
#top ul {list-style:none; margin:0; padding:0; width:70%; position:absolute; right:0; top:50px;}
#top li {margin:10px 10px; padding:5px 14px; border-radius:20px; display:inline-block; color:var(--black); transition:color 0.5s; cursor:pointer;}
#top li:hover {color:var(--blue);}
#top .menu {text-align:right;}
#top .menu a {text-decoration:none; color:var(--black); transition:color 0.5s;}
#top .menu a:hover {color:var(--blue);}
#top .menu .lang {background:#f4ddb9;}
#top .menu li.lang:hover {background:var(--but);}
@media screen and (max-width: 1600px) {
	#top {font-size:18px;}
	#top ul {right:-15px; width:calc(100% - 220px);}
	#top .logo {left:10px;}
	#top li {margin:10px 15px; padding:0; }
	#top .menu li.lang {padding:4px 10px;}
}
@media screen and (max-width: 1100px) {
	#top {height:130px;}
	#top .logo {width:140px;}
	#top {font-size:17px;}
	#top ul {top:37px;  width:calc(100% - 155px);}
	#top li {margin:10px 10px; padding:0;}
}
@media screen and (max-width: 990px) {
	#top {text-align:center; height:auto; margin-bottom:55px;}
	#top .logo {width:183px; position:static; margin:10px auto;}
	#top ul {position:static; width:100%;}
	#top .menu {text-align:center;}
	#top li {margin:7px 10px;}
	.no_smooth #top {height:180px;}
}
@media screen and (max-width: 580px) {
	#top .logo {width:140px;}
	#top {margin-bottom:30px;}
}


#header {height:445px; text-align:center; position:relative;}
#header .pic_c {height:445px; overflow:hidden;}
#header .pic_c img {margin-top:-125px; height:616px; width:100%; min-width:2500px;}
#header .wpic {position:absolute; top:-80px; margin-left:-585px;}
#header .txt {position:absolute; top:0; left:50%; margin-left:-70px; font-weight:400; font-size:21px;}
#header .txt i {color:var(--iconsblue); font-size:24px;}
#header h1 {font-size:70px; line-height:71px; letter-spacing:-1px; font-weight:900; font-style:italic; text-shadow:10px 4px 22px rgba(0,0,0,0.3); color:#fff; margin:80px 0 80px 0; padding:0;}
#header .contacs {display:flex; margin-top:95px;}
#header .contacs div {margin:0 25px;}
#header .contacs a {text-decoration:none; color:var(--black); transition:color 0.4s;}
#header .contacs a:hover {color:var(--blue);}

.no_smooth #header .wpic {top:-40px;}
@media screen and (max-width: 1520px) {
	#header .wpic {margin-left:-630px;}
	#header .txt {margin-left:-100px; font-weight:400; font-size:19px;}
	#header h1 {font-size:60px; line-height:63px;}
}
@media screen and (max-width: 1300px) {
	#header .wpic {margin-left:-570px;}
	#header .txt {margin-left:-70px; font-size:18px;}
	#header h1 {font-size:55px; line-height:58px;}
	#header .contacs div {margin:0 15px;}
	#header .contacs div i {margin-right:12px !important;}
}
@media screen and (max-width: 1150px) {
	#header .wpic {margin-left:-510px; top:unset; bottom:-15px;}
	#header h1 {margin:60px 50px 80px 50px;}
	#header .contacs {display:none;}
}
@media screen and (max-width: 970px) {
	#header .wpic {margin-left:-450px;}
	#header h1 {margin:60px 50px 80px 50px;}
}
@media screen and (max-width: 830px) {
	#header .txt {margin-left:-50px;}
	#header .wpic {bottom:0;}
	#header h1 {font-size:65px; line-height:70px; margin:50px 30px 90px 30px;}
	.no_smooth #header h1 {margin-bottom:66px;}
}
@media screen and (max-width: 580px) {
	#header,#header .pic_c {height:260px;}
	#header .pic_c img {margin-top:-170px;}
	#header .wpic {display:none;}
	#header .txt {margin-left:0; width:80%; left:10%;}
	#header h1 {font-size:44px; line-height:55px; margin:40px 0 25px 0;}
	.no_smooth #header h1 {margin-bottom:44px;}
}



#pakkumised .adl {margin:-25px 0 35px 0; font-size:20px; text-align:center; color:var(--red);}
#pakkumised h2 {padding-top:20px;}
#pakkumised .container {background:var(--lightblue); display:flex; align-items:center; border-radius:12px; overflow:hidden; font-size:20px; margin-bottom:65px; min-height:480px;}
#pakkumised .offers {margin:auto 0; padding:25px 30px 20px 30px; font-weight:400; width:calc(40% - 60px);}
#pakkumised ul {list-style:none; margin:10px 0 0 0; padding:0;}
#pakkumised li {margin:5px -9px 0 -9px; padding:5px 9px; border-radius:7px; cursor:pointer; background:var(--lightblue); transition:background 0.4s; display:flex; align-items:top;}
#pakkumised li:hover {background:#fff;}
.price {color:var(--red); font-size:22px; font-weight:700; margin-right:15px; min-width:110px;}
#pakkumised .pic {position:relative; width:60%; overflow:hidden;}
#pakkumised .pic img {position:absolute; bottom:-85px; left:0;}
#pakkumised .pic .p2 {opacity:0;}
#pakkumised .date {font-weight:600; font-size:22px; margin-top:25px;}
#pakkumised .date:first-child {margin-top:0;}
#pakkumised .date i {font-size:20px;}
#pakkumised .container h2 {position:absolute; margin:0; font-size:78px; line-height:78px; letter-spacing:-1px; font-weight:900; font-style:italic; text-shadow:10px 10px 22px rgba(0,0,0,0.8); color:#fff;}
#pakkumised h3 {font-size:29px; letter-spacing:-0.5px;}
#pakkumised .container h2.right {right:40px;}
#pakkumised .container h2.left {left:30px;}
#pakkumised .container h2.top {top:20px;}
#pakkumised .container h2.bottom {bottom:40px;}

#pakkumised .underpic {display:block;}
#pakkumised .underpic .pic {width:100%; height:400px !important;}
#pakkumised .underpic .pic img {width:100%; bottom:-50%;}
#pakkumised .underpic .offers {width:calc(100% - 60px);}
#pakkumised .underpic .offers ul {columns:2; column-gap:8%;}
@media screen and (max-width: 950px) {
	#pakkumised .underpic .pic img {width:100%; bottom:-22%;}
	#pakkumised .container {margin-bottom:40px;}
}
@media screen and (max-width: 850px) {
	#pakkumised .underpic .pic img {bottom:-10%;}
	#pakkumised .underpic .offers ul {columns:1;}
}
@media screen and (max-width: 725px) {
	#pakkumised .underpic .pic img {bottom:-5%;}
	#pakkumised .underpic .pic {height:310px !important;}
	#pakkumised .underpic .offers .price {font-size:20px; min-width:100px;}
	#pakkumised .underpic .offers ul {font-size:18px;}
	#pakkumised .container h2 {font-size:60px; line-height:60px;}
	#pakkumised .container h2.right {right:20px;}
	#pakkumised .container h2.left {left:20px;}
	#pakkumised .container h2.top {top:0;}
	#pakkumised .container h2.bottom {bottom:10px;}
}
@media screen and (max-width: 570px) {
	#pakkumised .underpic .pic img {width:200%; bottom:-25%;}
	#pakkumised .underpic .pic {height:260px !important;}
	#pakkumised .container h2 {font-size:45px; line-height:45px;}
}








#sihtkohad .wrapper {display:grid; grid-template-columns: calc(33% - 40px) calc(33% - 40px) calc(33% - 40px); gap:60px;}
#sihtkohad .block {vertical-align:top; position:relative;}
#sihtkohad .pic {height:330px; position:relative; background:var(--lightblue); border-radius:10px; margin:15px 0 30px 0; overflow:hidden;}
#sihtkohad .pic .p {margin-top:-30px;}
#sihtkohad h3 {margin-left:15px;}
#sihtkohad .flag {position:absolute; right:25px; top:350px; z-index:2; border:2px solid #fff;}
#sihtkohad button {margin-top:25px !important;}
@media screen and (max-width: 1260px) {
	#sihtkohad .wrapper {grid-template-columns: calc(50% - 30px) calc(50% - 30px);}
	#sihtkohad .pic img {width:100%;}
}
@media screen and (max-width: 1080px) {
	#sihtkohad .pic {height:310px;}
	#sihtkohad .pic img {width:480px;}
	#sihtkohad .flag {top:330px; right:20px;}
}
@media screen and (max-width: 800px) {
	#sihtkohad .wrapper {display:block;}
	#sihtkohad h3 {text-align:center;}
	#sihtkohad .block {margin-bottom:50px;}
	#sihtkohad .pic {width:100%; max-width:480px; margin:20px auto 35px auto;}
	#sihtkohad .flag {right:50%; margin-right:-250px; top:75px;}
}
@media screen and (max-width:550px) {
	#sihtkohad .flag {right:4%; margin-right:0;}
}



#teenused {margin-top:100px;}
#teenus_content {background:var(--sand); padding:65px 0 55px 0; font-weight:400; border-top:1px solid #d6cdc1;}
#teenused .tabs {display:flex; justify-content:center; position:relative; z-index:2;}
#teenused .tabs div {cursor:pointer; border:1px solid #d6cdc1; border-bottom:0; padding:20px 50px; background: linear-gradient(180deg, rgba(255,255,255,1) 62%, rgba(245,244,243,1) 100%); margin:0 10px; font-size:28px; line-height:35px; font-weight:600; border-top-left-radius: 15px; border-top-right-radius: 15px; color:var(--blue); transition:color 0.3s;}
#teenused .tabs div:hover {color:var(--iconsblue); padding-top:18px; padding-bottom:22px;}
#teenused .tabs div.active {cursor:default; border:1px solid #d6cdc1; border-bottom:0; padding:18px 53px; background:var(--sand); margin-bottom:-1px; color:var(--black);}
#visa {display:flex;}
#visa .block {width:40%;}
#visa .block:first-child {margin-right:10%;}
#insurance img {margin:25px 0 40px 0; height:120px;}
.flag {height:55px;}
#visa.hided,#insurance.hided,#majutus.hided {display:none;}
@media screen and (max-width: 1100px) {
	#teenused .tabs div {padding:16px 35px 12px 35px; margin:0 6px; font-size:23px; line-height:29px; border-top-left-radius: 10px; border-top-right-radius: 10px;}
	#teenused .tabs div.active {padding:14px 35px 14px 35px;}
	#teenused .tabs div:hover {padding-top:14px; padding-bottom:14px;}
}
@media screen and (max-width: 910px) {
	#visa {display:block; margin-bottom:50px;}
	#visa .block {width:100%; margin-bottom:50px;}
	#insurance .flex {display:block;}
	#insurance .flex div:first-child {margin-bottom:50px;}
}
@media screen and (max-width: 770px) {
	#teenused .tabs div {padding:16px 25px 12px 25px; font-size:19px; line-height:25px;}
	#teenused .tabs div.active {padding:14px 25px 14px 25px;}
}
@media screen and (max-width: 510px) {
	#teenused .tabs div {padding:16px 15px 12px 15px; font-size:17px; line-height:22px; margin:0 3px;}
	#teenused .tabs div.active {padding:14px 15px 14px 15px;}
}





#contact {position:relative; padding:40px 0; overflow:hidden;}
#contact img {position:absolute; bottom:0; right:0; z-index:0; width:100%; min-height:820px;}
#contact .w {position:relative; z-index:1;}
#contact .block {background:rgba(255,255,255,0.9); padding:35px 60px 15px 45px; border-radius:12px; max-width:620px;}
#contact .prefill {font-size:20px; font-weight:400; line-height:35px; margin-bottom:10px;}
#contact .prefill span {font-size:21px; font-weight:600;}
#contact .prefill span.price {font-weight:700; color:var(--red);}
#contact h2 {margin:0 0 20px 0; text-align:left; display:block;}
#contact h3 {font-size:33px; line-height:42px; color:var(--blue); margin:0; font-weight:300; letter-spacing:-1px; padding:0;}

@media screen and (max-width: 1220px) {
	#contact img {right:-200px; width:calc(100% + 200px);}
}
@media screen and (max-width: 600px) {
	#contact .block {padding:30px 35px 8px 35px;}
	#contact input[type="text"] {margin:12px 0;}
}


#NL {margin:80px auto -30px auto; max-width:600px;}
#NL h3 {font-size:33px; line-height:42px; color:var(--blue); margin:0; font-weight:300; letter-spacing:-1px; padding:0;}
#NL .newsletter {background:#e6f8ff; padding:20px 60px 25px 45px; border-radius:12px;}
@media screen and (max-width: 650px) {
	#NL {max-width:90%;}
	#NL .newsletter .flex {display:block;}
	#NL .newsletter .flex div {margin-top:18px;}
}




#partners  {padding-top:35px;}
#partners .logos {display:flex; align-items:center; justify-content:center;}
#partners .logos div {margin:30px;}
@media screen and (max-width: 1460px) {
	#partners  {padding-top:0;}
	#partners .logos {display:block;}
	#partners .logos div {text-align:center;}
}
@media screen and (max-width: 1100px) {
	#partners .logos {margin-top:60px;}
}


#footer {margin-top:100px; background:var(--footerblue); padding:35px 0 50px 0;}
#footer .top {margin:15px 0 25px 0;}
#footer .top a {color:#4774ac; font-size:17px; text-decoration:none; margin-left:40px;}
#footer .top a:hover {text-decoration:underline;}
#footer .top a:hover span {text-decoration:none !important;}
#footer .logo {margin-top:-18px;}
#footer .datablock {font-weight:400; line-height:30px; background:url(../img/footer_white.jpg) no-repeat; background-size:100% 100%; padding:20px 20px 30px 22px; height:370px; width:320px;}
#footer .datablock td {font-size:19px; padding:0 0 13px 0;}
#footer .datablock td i {font-size:21px; color:var(--iconsblue); margin-right:20px;}
#footer .datablock td a {color:var(--black); text-decoration:none; transition:color 0.4s;}
#footer .datablock td a:hover {color:var(--blue);}
#footer .icons {width:40%; display:flex; align-items:center; margin-left:30px;}
#footer .links {text-align:right; width:60%;  margin-right:30px;}
#footer .pic {width:430px;}
#footer .pic img {width:487px; margin-top:-90px;}
#footer .map {background:url(../img/map_turismo.jpg) no-repeat center center; width:calc(100% - 460px - 320px - 40px); border:1px solid #bfc7c1; border-left:0; z-index:2; position:relative;}
#footer .row {height:412px; display:flex; overflow:hidden;}
#footer iframe {border:0;}
#footer .datablock .aa {font-size:17px;}

@media screen and (max-width: 1550px) {
	#footer .pic {display:none;}
	#footer .map {width:calc(100% - 280px - 70px);}
	#footer {padding-bottom:110px;}
}
@media screen and (max-width: 1200px) {
	#footer .top.flex {display:block;}
	#footer .links {text-align:left; width:100%;  margin:25px 0 0 -10px;}
}
@media screen and (max-width: 980px) {
	#footer .row {display:block; height:auto; overflow:unset;}
	#footer .datablock {background:none; padding:10px 20px; width:100%; height:auto;}
	#footer .datablock .aa {display:block; margin-left:-45px;}
	#footer .datablock td.pt15 {padding-top:10px !important;}
	#footer .map {width:100%; border:1px solid #bfc7c1;}
}
@media screen and (max-width: 750px) {
	#footer .pic {width:100%; aspect-ratio:1.4; overflow:hidden; display:block; margin-top:25px;}
	#footer .pic img {width:100%; margin-top:-70px;}
}
@media screen and (max-width: 500px) {
	#footer .top a {margin-left:20px; display:block;}
	#footer .links a {margin-top:20px;}
	#footer .logo {margin-left:-25px;}
}


#bottomarrow {display:none; position:fixed; bottom:20px; right:20px; background:#89b4d5; color:#fff; transition:all 0.5s; border-radius:30px; width:60px; height:46px; padding-top:14px; font-size:33px; cursor:pointer; text-align:center; opacity:0.5; animation:0.3s ease-in 0s 1 scaling;}
#bottomarrow:hover {padding-top:10px; padding-bottom:4px; background:#5a87aa; opacity:0.8;}
@keyframes scaling {
  0% {transform:scale(0);}
  100% {transform:scale(1);}
}



#inner .block {margin:50px auto; text-align:center;}
#inner .block img {margin:20px auto;}

.lblue {background:var(--lightblue);}
#inner .links {font-size:23px; font-weight:600; padding:40px 0 60px 0; display:inline-block; margin:0 auto;}
#inner .links div {margin:30px auto;}
#inner .links a {color:var(--black); transition:color 0.5s; text-decoration:none;}
#inner .links a:hover {color:var(--blue); text-decoration:underline;}