@font-face {
    font-family: 'Fraunces';
    src: url('/fonts/Fraunces.eot');
    src: url('/fonts/Fraunces.eot?#iefix') format('embedded-opentype'),
        url('/fonts/Fraunces.woff2') format('woff2'),
        url('/fonts/Fraunces.woff') format('woff'),
        url('/fonts/Fraunces.ttf') format('truetype'),
        url('/fonts/Fraunces.svg#Fraunces') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
:root{
--brown:#c44632;
--cyan:#87a089;
--black:#4E4F49;
--white:#fff;
--mw:1300px;
--lw:1000px;
--vlw:800px;
}
*, *:before, *:after {
box-sizing:border-box;
padding:0;
margin:0;
}
html{
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color:transparent;
scroll-behavior:smooth;
font-optical-sizing: auto;
visibility: hidden;
}
body{
height:100%;
line-height:1.5;
margin:0;
box-sizing:border-box;
font-family: "Fraunces", serif;
color:var(--black);
font-size:16px;
font-weight:normal;
background-color:#fafafa;
}
a {
color:var(--brown);
font-size:20px;
text-decoration: underline;
}
a.cyan{
color:var(--cyan);
}
/* Banner Forest */
.banner1_wrapper{
position:relative;
background-position: center center;
width:100%;
min-height:350px;
padding:50px;
margin:70px 0 40px 0;
}
.banner1_wrapper:after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0, 0);
}
.banner1_wrapper img{
width:100%;
position:relative;
}
.banner1_wrapper section{
position:relative;
color:#fff;
margin-left: calc((100% - var(--mw)) / 2);
z-index:1;
}
.banner1_wrapper h3 p{
font-size:3vw;
margin-bottom:25px;
}
.banner1_wrapper h2{
font-size:4vw;
margin-bottom:25px;
font-family: "Niconne", cursive;
}
.banner1_wrapper h4{
font-size:2vw;
margin-bottom:50px;
}
.banner1_wrapper a{
transition: .8s;
text-decoration:none;
padding:12px 25px;
font-size: 19px;
color: var(--brown);
letter-spacing: 0.1em;
font-weight: 400;
border-radius:30px;
background-color:#fff;
display: inline-block;
}
.banner1_wrapper a:hover{
background-color:var(--cyan);
color:#fff;
}
/* Banner Jeep */
.banner2_wrapper{
position:relative;
background-position: center bottom;
background-repeat: no-repeat;
width:100%;
margin:50px auto;
min-height:500px;
padding:50px;
}
.banner2_wrapper:after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0, 0);
}
.banner2_wrapper img{
width:100%;
position:relative;
}
.banner2_wrapper section{
width:40%;
position:absolute;
background-color:rgba(255,255,255,0.88);
color:#000;
left:0;
bottom:0;
padding:35px;
z-index:1;
border-radius:0 35px 0 0;
}
.banner2_wrapper h3{
font-size:20px;
font-weight:normal;
}
.banner2_wrapper a{
transition: .8s;
text-decoration:none;
padding:12px 25px;
font-size: 19px;
color: var(--brown);
letter-spacing: 0.1em;
font-weight: 400;
border-radius:30px;
background-color:#fff;
display: inline-block;
}
.banner2_wrapper a:hover{
background-color:var(--cyan);
color:#fff;
}
/* Blog */
.blog_wrapper{
max-width:var(--mw);
margin:auto;
display:grid;
grid-template-columns: repeat(3, 1fr);
grid-gap:30px;
}
.blog_wrapper div{
text-align:center;
}
.blog_wrapper div img{
width:230px;
height:230px;
display:block;
border-radius:50%;
margin-bottom:30px;
}
.blog_wrapper a{
display:block;
width: fit-content;
margin:auto;
}
.blog_wrapper h2{
color:var(--brown);
font-size:20px;
font-weight:normal;
}
p.sp {
color:#5f6158;
font-size:18px;
text-align:center;
max-width:50%;
margin:20px auto;
line-height:1.5;
font-weight:normal;
}
/* Banner Duck */
.banner3_wrapper{
position:relative;
background-position: center top;
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
width:var(--mw);
margin:30px auto;
min-height:500px;
padding:50px;
}
.banner3_wrapper:after{
content:"";
position:absolute;
top:0;
left:0;
right:0;
bottom:0;
background-color:rgba(0,0,0,0);
}
.banner3_wrapper img{
width:100%;
position:relative;
}
section.b3{
width:60%;
position:relative;
color:#5f6158;
margin:auto;
}
section.b3 p{
line-height:1.5;
font-size:20px;
text-align:center;
}
.banner3_wrapper a{
transition: .8s;
text-decoration:none;
padding:12px 25px;
font-size: 19px;
color: var(--brown);
letter-spacing: 0.1em;
font-weight: 400;
border-radius:30px;
background-color:#fff;
display: inline-block;
}
.banner3_wrapper a:hover{
background-color:var(--cyan);
color:#fff;
}
/* Button */
.but{
margin:auto;
transition: .8s;
text-decoration:none;
padding:12px 25px;
font-size: 19px;
color: var(--brown);
border:1px solid var(--brown);
letter-spacing: 0.05em;
font-weight: 400;
border-radius:30px;
background-color:#FFFEFC;
display: block;
width: fit-content;
cursor:pointer;
}
.but:hover{
background-color:var(--cyan);
border:1px solid transparent;
color:#fff;
}
/* Video */
.videocont{
position:relative;
width:100%;
height:calc(100vh - 50px);
}
.videocont:after{
content:"";
position:absolute;
width:100%;
height:calc(100vh - 50px);
background-color:rgba(0,0,0, 0);
top:0;
left:0;
}
video{
position:absolute;
display:block;
object-fit:cover;
width:100%;
height:calc(100vh - 50px);
}
.vtext{
max-width:90%;
position:absolute;
top: 40%; 
left: 50%;
transform: translate(-50%,-40%);
text-align: center;
z-index:1;
}
.vtext p:first-child{
position:relative;
color:#fff;
font-size:70px;
margin-bottom:25px;
}
.vtext p:last-child{
position:relative;
color:#fff;
font-size:35px;
font-family: "Niconne", cursive;
}
.videocont .but{
position:absolute;
bottom:10%;
text-align:center;
z-index: 1;
display: block;
width: fit-content;
margin:auto;
left:50%;
transform: translate(-50%);
}
.videoconts{
position:relative;
width:100%;
height:500px;
margin:40px auto;
}
.videoconts video{
position:absolute;
display:block;
object-fit:cover;
width:100%;
height:500px;
}
.checka{
text-align:center;
color:var(--cyan);
}
.checka a.submit_link{
background: var(--brown)!important;
padding: 5px!important;
}
.checka h3{
font-size:25px;
font-weight:normal;
margin-bottom:30px;
color:var(--cyan);
}
.widgetHotelsForm{
scale:1.3;
}
.CloudBedsWidget{
width:fit-content;
margin:35px auto;

}
/* Products */
.products_wrapper{
list-style:none;
display:grid;
grid-gap:20px;
max-width:var(--mw);
margin:auto;
}
.products_wrapper li{
position:relative;
background-color:#fff;
border-radius:17px;
padding:15px;
border:1px solid #EDF1F6;
box-shadow: 3px 4px 20px 0px rgba(5, 30, 74, 0.03);
}
.products_wrapper li img{
width:100%;
height:250px;
object-fit:cover;
border-radius:10px;
margin-bottom:15px;
}
.products_wrapper p{
font-size:17px;
line-height:1.7;
position:relative;
}
.products_wrapper a{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
}
.products_view{
position:relative;
max-width:1000px;
margin:-40px auto 30px;
padding:35px;
border-radius:25px;
background-color:#fff;
z-index:1;
}
.products_view h2{
font-weight: 600;
font-size: 32px;
line-height: 150%;
margin-bottom:25px;
margin-top:25px;
text-align: left;
}
.products_view>img{
width:100%;
height:auto;
border-radius:10px;
}
/* Partners */
.partners_wrap{
max-width:var(--mw);
margin:30px auto;
display:grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
grid-gap:25px;
}
.partners_wrap div{
position:relative;
transition:0.8s;
border-radius: 10px;
overflow:hidden;
border: 1px solid #EDF1F6;
}
.partners_wrap div:hover{
box-shadow: -1px 2px 15px 0px rgba(0,0,0,0.1);
-webkit-box-shadow: -1px 2px 15px 0px rgba(0,0,0,0.1);
-moz-box-shadow: -1px 2px 15px 0px rgba(0,0,0,0.1);
}
.partners_wrap div img{
box-shadow: 0px 0px 20px 0px #011D7908;
width:100%;
height:auto;
display:block;
}
/* Titles */
h2.h2-title{
position:relative;
text-align:center;
max-width:var(--mw);
margin:20px auto;
font-size:64px;
letter-spacing:1px;
color:#C98078;
position:relative;
font-weight:normal;
}
h3.h3-title{
position:relative;
text-align:center;
max-width:var(--mw);
margin:20px auto;
font-size:46px;
letter-spacing:1px;
color:#81A187;
position:relative;
font-weight:normal;
margin-top:80px;
}
h3.h3-title.oc{
color:#C98078;
}
.main{
margin:auto;
font-weight:normal;
margin-bottom:30px;
min-height:500px;
}
.main p{
font-size:17px;
line-height:1.6;
}
.main ul{
list-style-position:inside;
}
.pinner{
max-width:var(--mw);
}
/* Grid styles */
.grid_wrap{
display:grid;
grid-gap:30px;
max-width:var(--mw);
margin:auto;
}
.gc1{
grid-template-columns:100%;
}
.gc2{
grid-template-columns:repeat(2, 1fr);
}
.gc3{
grid-template-columns:repeat(3, 1fr);
}
.gc4{
grid-template-columns:repeat(4, 1fr);
}
.gc5{
grid-template-columns:repeat(5, 1fr);
}
.gc6{
grid-template-columns:repeat(6, 1fr);
}
/* Gallery */
.gallery_wrapper{
display:grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
grid-gap:2rem;
list-style:none;
max-width: var(--mw);
margin:30px auto;
}
.gallery_wrapper img{
width:100%;
aspect-ratio: 4/3;
object-fit:cover;
display:block;
border-radius:10px;
}
img.fl{
display:block;
min-width:250px;
margin-top:0!important;
margin-left:0!important;
}
img.fr{
display:block;
min-width:250px;
margin-top:0!important;
margin-right:0!important;
}

/* Publications grid */
.publications_wrapper{
list-style:none;
display:grid;
grid-gap:20px;
max-width:var(--mw);
margin:auto;
}
.publications_wrapper li{
position:relative;
background-color:#fff;
border-radius:17px;
padding:15px;
border:1px solid #EDF1F6;
box-shadow: 3px 4px 20px 0px rgba(5, 30, 74, 0.03);
}
.publications_wrapper li img{
width:100%;
height:250px;
object-fit:cover;
border-radius:10px;
}
.publications_wrapper p{
font-size:15px;
line-height:1.5;
position:relative;
}
.publications_wrapper a{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
}
.publications_wrapper span{
text-align:left;
font-size:13px;
display:block;
margin:20px 0 15px 0;
}
.publications_wrapper time, .publications_view time{
text-align:left;
font-size:14px;
display:block;
color:#7E8695;
font-weight:400;
margin:10px  0;
}
.publications_header{
max-width:var(--mw);
margin:auto;
}
.publications_header img{
width:100%;
height:300px;
object-fit:cover;
border-radius:20px;
}
.publications_view{
position:relative;
max-width:1000px;
margin:0 auto 30px;
padding:35px;
border-radius:25px;
background-color:#fff;
z-index:1;
}
.publications_view h2{
font-weight: 600;
font-size: 32px;
line-height: 150%;
margin-bottom:25px;
margin-top:25px;
text-align: left;
}
.publications_view>div{
text-align:left;
}
.publications_view>div>img{
width:150px;
height:150px;
object-fit:cover;
border-radius:50%;
margin-right:30px;
}
ul.tab li{
list-style-position: outside;
margin-left:15px;
margin-bottom:10px;
}
.publications_view .share{
display:grid;
grid-template-columns: 100px auto;
}
.publications_view .share div:first-child{
color:#7E8695;
font-size: 16px;
font-weight:600;
}
.publications_view hr{
background-color:#EFF0FA;
height:1px;
border:none;
margin:30px auto;
}
.publications_view .share div:last-child ul{
list-style-type: none;
text-align:right;
}
.publications_view .share div:last-child ul li{
display:inline-block;
margin-right:15px;
}
.publications_view .share div:last-child ul li:last-child{
margin-right:0;
}
/* Info page */
.info_wrap{
max-width:var(--mw);
margin:30px auto;
margin-top:70px;
display:grid;
grid-template-columns:30% auto;
grid-gap:50px;
}
.info_wrap .info_wrap_image>a>img{
width:100%;
height:auto;
display:block;
margin-bottom:25px;
border-radius:10px;
}
.info_wrap .info_wrap_text h1{
color:var(--brown);
font-size:22px;
margin-bottom:25px;
text-align:left;
line-height: 60%;
}
.info_wrap .info_wrap_text p{
font-size:16px;
line-height:1.5;
}
.info_just_text{
max-width:var(--mw);
margin:30px auto;
}
.info_wrap_text ul {
margin: 0;
padding-left: 1.2rem;
}
.info_wrap_text ul li {
position: relative;
list-style-type: none;
padding-left: 30px;
margin-bottom: 10px;
font-size:15px;
}
.info_wrap_text ul li:before {
content: '';
display: block;
position: absolute;
left: 0;
top: -5px;
width: 9px;
height: 17px;
border-width: 0 2px 2px 0;
border-style: solid;
border-color: var(--black);
transform-origin: bottom left;
transform: rotate(45deg);
}
/* Form elements */
.form_wrap{
max-width:var(--mw);
margin:30px auto;
display:grid;
grid-template-columns: 40% auto;
grid-gap:0;
border-radius:10px;
overflow:hidden;
background-color: var(--pr1);
box-shadow: 0 0 12px 3px rgba(0,0,0,0.1);
}
.form_wrap h2{
font-weight: 600;
font-size: 32px;
margin-bottom:30px;
color:#000;
}
.form_wrap>div:first-child{
padding:50px;
display:flex;
justify-content: center;
flex-direction: column;
}
form .form_wrap input[type="text"], .contact_wrapper_form input[type="text"]{
width:100%;
padding:15px;
font-size:16px;
margin-bottom:18px;
outline:none;
border:1px solid #D2DAE5;
border-radius:8px;
color:#000;
}
textarea{
width:100%;
padding:15px;
font-size:16px;
font-family:inherit;
outline:none;
border:1px solid #D2DAE5;
border-radius:8px;
color:var(--black);
margin-bottom:25px;
}
form input[type="text"]::placeholder, textarea::placeholder{
font-size:16px;
color:var(--cyan);
font-weight: 400;
line-height: 150%;
letter-spacing: 1%;
vertical-align: middle;
}
#respc, #respv, #respct, #cfr{
text-align:center;
margin-top:20px;
font-size:13px;
}
#cfr{
text-align:center;
margin-top:15px;
font-size:13px;
}
/* Loader */
#loader {
display:block;
position:absolute;
left:50%;
top:50%;
width:90%;
height:90%;
margin:-45% 0 0 -45%;
border-radius:50%;
border:3px solid transparent;
border-top-color:#16364d;
-webkit-animation:spin 10s linear infinite;
animation:spin 10s linear infinite;
z-index:1001;
}
#loader:before {
content:"";
position:absolute;
top:15px;
left:15px;
right:15px;
bottom:15px;
border-radius:50%;
border:3px solid transparent;
border-top-color:#57ff8d;
-webkit-animation:spin 21s linear infinite;
animation:spin 21s linear infinite;
}
#loader:after {
content:"";
position:absolute;
top:30px;
left:30px;
right:30px;
bottom:30px;
border-radius:50%;
border:3px solid transparent;
border-top-color:#3ea9f5;
-webkit-animation:spin 15s linear infinite;
  animation:spin 15s linear infinite;
}
@-webkit-keyframes spin {
	0%   { 
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
@keyframes spin {
	0%   { 
		-webkit-transform:rotate(0deg);
		-ms-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	100% {
		-webkit-transform:rotate(360deg);
		-ms-transform:rotate(360deg);
		transform:rotate(360deg);
	}
}
/* Accordion */
.accordion { 
padding-bottom:1px; 
width:70%; 
margin:auto;
}
.accord-header { 
position:relative;
background-color:#f8f8f8; 
padding:10px 45px 12px 20px;
text-align:left;
margin-bottom:10px;
font-weight:normal;
font-size:17px;
color:var(--brown);
border:1px solid #fff;
transition:0.5s;
cursor:pointer;
user-select:none;
}
.accord-header:after { 
position:absolute;
content:url(/img/icons/ar-d.svg);
width:25px;
right:20px;
top:12px;
}
.accord-opened:after { 
content:url(/img/icons/ar-uw.svg);
position:absolute;
width:25px;
right:20px;
top:12px;
}
.accord-header.accord-opened, .accord-header:hover {
background-color:var(--brown); 
color:#fff;
}
.accord-header:hover:after { 
content:url(/img/icons/ar-dw.svg);
}
.accord-opened:hover:after { 
content:url(/img/icons/ar-uw.svg);
top:12px;
}
.accord-content { 
display:none; 
padding:25px;
font-size:14px;
background-color:#f8f8f8;
margin-bottom:30px;
border-bottom:3px solid var(--brown);
color:var(--brown);
}
.accord-content a{
color:var(--brown);
text-decoration:underline;
}
/* Directorate */
.directorate_wrap{
max-width:var(--mw);
margin:40px auto;
display:grid;
grid-template-columns: 300px auto;
grid-gap:50px;
}
.directorate_wrap_text p{
font-size:16px;
line-height: 1.5;
font-weight:400;
color:var(--black);
}
.directorate_wrap_text h2{
margin-top:0;
font-size:25px;
}
.directorate_wrap_text a{
margin:30px auto 0 0!important;
}
.directorate_wrap .grid_wrap{
width:100%;
}
/* Blocks */
ul.blocks_wrapper{
list-style-type: none;
max-width: var(--lw);
margin: 50px auto;
display:grid;
grid-template-columns: repeat(3, 1fr);
grid-gap:50px;
}
ul.blocks_wrapper li{
position:relative;
}
ul.blocks_wrapper li:after{
content: "";
position:absolute;
background-color:#edf5ff;
border-radius:10px;
width:80%;
height:100%;
top:0;
left:10%;
z-index:-1;
}
ul.blocks_wrapper li img{
width:100%;
height:250px;
object-fit:cover;
display:block;
border-radius: 10px 10px 0 0;
}
ul.blocks_wrapper li section{
padding:35px;
background-color:#fffbf4;
border:1px solid #f2ede7;
border-radius:0 0 10px 10px;
position:relative;
z-index:1;
}
ul.blocks_wrapper h2{
font-size:25px;
font-weight:600;
color:var(--brown);
text-align:center;
margin-bottom:25px;
}
ul.blocks_wrapper h3{
font-size:18px;
font-weight:600;
color:#2A2D21;
text-align:center;
margin-bottom:25px;
}
ul.blocks_wrapper p{
font-size:16px;
font-weight:400;
color:var(--black);
}
ul.blocks_wrapper a{
display: block;
margin:20px auto;
color:var(--brown);
text-align: center;
font-size:18px;
}
/* Breadcrumbs */
ul.breadcrumbs {
text-align:right;
align-self: flex-start;
list-style: none;
display: inline-table;
padding:0;
height: fit-content;
width: fit-content;
}
ul.breadcrumbs li a{
color: #fff;
display:block;
line-height:1.5;
font-size:16px;
}
ul.breadcrumbsd li a[href="javascript:void(0)"]{
cursor:default;
}
ul.breadcrumbs li a:after{
content:url("/img/icons/ar-bc.svg");
display: inline-block;
margin-left:10px;
}
ul.breadcrumbs li:last-child>a:after{
content:"";
}
ul.breadcrumbs li  {
display: block;
float: left;
text-align: center;
padding: 5px;
position: relative;
margin: 0 4px 4px 0; 
font-size: 15px;
text-decoration: none;
letter-spacing:1px;
}
ul.breadcrumbs li img {
width:20px;
height:20px;
}
/* Dark breadcrumb */
ul.breadcrumbsd:not(:empty) {
max-width:var(--mw);
margin:35px auto;
text-align:left;
list-style: none;
display: block;
padding:0;
width: 100%;
padding:20px 0;
}
ul.breadcrumbsd li a{
color: var(--black);
display:block;
line-height:1.5;
font-size:16px;
}
ul.breadcrumbsd li a:after{
content:url("/img/icons/ar-bcd.svg");
display: inline-block;
margin-left:10px;
}
ul.breadcrumbsd li:last-child>a:after{
content:"";
}
ul.breadcrumbsd li  {
display: block;
float: left;
text-align: center;
padding: 5px;
position: relative;
margin: 0 4px 4px 0; 
font-size: 15px;
text-decoration: none;
letter-spacing:1px;
}
ul.breadcrumbs li img {
width:20px;
height:20px;
}
ul.breadcrumbsd>div{
clear:both;
}
/* Seasons */
.seasons{
position: relative;
max-width:90%;
margin:auto;
}
.seasons .center-slider .slick-slide{
color: #fff;
height: 280px;
display: flex;
align-items: center;
justify-content: center;
transform: scale(0.8);
transition: all 0.4s ease-in-out;
position:relative;
border-radius:10px;
overflow:hidden;
}
.seasons .center-slider .slick-slide:after{
content:"";
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
background-color:rgba(0,0,0,0);
border-radius:10px;
}
.seasons .center-slider .slick-slide,
.seasons .center-slider .slick-slide[aria-hidden="true"]:not(.slick-cloned) ~ .slick-cloned[aria-hidden="true"] {
transform: scale(0.8, 0.8);
transition: all 0.4s ease-in-out;
}
.seasons .center-slider .slick-center,
.seasons .center-slider .slick-slide[aria-hidden="true"]:not([tabindex="-1"]) + .slick-cloned[aria-hidden="true"] {
transform: scale(1.1);
}
.seasons .center-slider .slick-current.slick-active{
transform: scale(1.1);
}
.seasons img {
width: 100%;
height: auto;
object-fit: cover;
}
.seasons .slick-track{
display: flex !important;
}
.seasons .slick-slide{
height: inherit !important;
}
.seasons .slick-slide {
margin: 0 15px;
}
.seasons .slick-list {
margin: 0 -15px;
padding-top:20px!important;
padding-bottom:20px!important;
}
.seasons a{
position:absolute;
top:0;
bottom:0;
left:0;
right:0;
z-index:1;
}
.seasons p{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size:30px;
color:#fff;
z-index:1;
}
/* Carousel */
.carousel_wrap{
max-width:var(--mw);
margin:40px auto;
}
.carousel_wrap p{
max-width:1000px;
margin:auto;
font-size:22px;
color:#5f6158;
font-family: "Fraunces", serif;
font-style: italic;
text-align: center;
}
.carousel .slick-track{
display: flex !important;
}
.carousel .slick-slide{
height: inherit !important;
}
.carousel .slick-slide {
margin: 0 15px;
}
.carousel .slick-list {
margin: 0 -15px;
}
.carousel {
width: 100%;
padding: 0;
overflow: hidden;
}
.carousel img {
width: 100%;
height: auto;
object-fit: cover;
}
@keyframes progress {
	from {
		width: 0%;
	}
	to {
		width: 100%;
	}
}
/* Pagination styles */
ul.pagination {
text-align:center;
margin:30px auto;
background-color:#f4f9ff;
border-radius:26px;
width:fit-content;
border:1px solid #A5C2ED;
}
ul.pagination li {
display:inline-block;
margin:5px ;
font-size:16px;
}
ul.pagination a {
font-size:16px;
color:var(--brown);
width:30px;
height:30px;
text-decoration:none;
line-height: 1.7;
display:inline-block;
}
ul.pagination a:hover,
ul.pagination a.current {
background-color:var(--brown);
color:#fff;
border-radius:50%;
line-height: 1.7;
font-size:16px;
}
/* Pagination styles */
.fade-in {
animation:fadeIn ease 0.8s;
-webkit-animation:fadeIn ease 0.8s;
-moz-animation:fadeIn ease 0.8s;
}
.rsuccess{
color:green;
}
.rerror{
color:red;
}
.wrap{
width:35%;
min-width:350px;
margin:auto;
}
@keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-moz-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
@-webkit-keyframes fadeIn {
0% {opacity:0;}
100% {opacity:1;}
}
.footer{
background-color:#bbc9be;
margin:auto;
}
.footeri{
max-width:var(--mw);
margin:auto;
color:#1A2236;
display:grid;
grid-template-columns:10% 17% 15% 15% auto;
grid-gap:50px;
padding: 30px;
}
.footeri>div:nth-child(1) img{
display:block;
width:120px;
height:auto;
}
.footeri div div{
margin-bottom:20px;
color:var(--brown);
}
.footeri div h3{
font-size:20px;
color:#fff;
font-weight:normal;
margin-bottom:15px;
}
.footeri>div:nth-child(2) ul.flist li{
display:inline-block;
margin-right:15px;
}
.footeri>div:nth-child(2) ul.flist img{
width:40px;
display:block;
}
.footeri>div:nth-child(3) ul{
list-style-type: none;
}
.footeri>div:nth-child(3) ul li{
display:block;
margin-bottom:20px;
}
.footeri a{
color:#fff;
font-size:17px;
}
.footeri>div:nth-child(3) a{
text-decoration: none;
}
.footeri>div:nth-child(4) div p{
color:#292b20;
}
.footeri>div:nth-child(4) a{
color:#292b20;
}
#order{
background-color: #fff;
box-shadow: -3.09px 2.54px 5px #90B196;
border-radius:15px;
position:fixed;
top:30%;
z-index: 2;
transform: rotate(90deg) translateX(50%);
}
#order.am{
right:-53px;
}
#order.ru{
right:-44px;
}
#order.en{
right:-36px;
}
#order a{
text-decoration: none;
text-align:center;
padding:0 25px;
font-size:15px;
color: var(--brown);
display: flex;
align-items: center;
height: 45px;
width:fit-content;
}
#order a span{
margin-right:15px;
display:block;
margin-right:10px;
height: fit-content;
}
#order svg{
width:30px;
height:30px;
fill: var(--brown);
display:inline-block;
margin:0 auto;
transform: rotate(-90deg);
}
#lang, #weather{
display:flex;
align-items:center;
justify-content: center;
width:40px;
height:100%;
cursor:pointer;
}
#lang img, #weather img{
max-width:100%;
height:auto;
width:auto;
}
#lang ul{
position:absolute;
margin: 115px 0 0 -0;
display:none;
background-color:#fff;
width: 50px;
height: fit-content;
border-radius:10px;
padding:8px 0;
z-index:8;
}
#lang ul li{
text-align: center;
padding:5px 10px;
display:block;
}
#lang:hover ul{
display:block;
}
#lang ul>li>a>img{
display:block;
width:100%;
}
#lang ul li a{
display:block;
}
#lang ul li a img{
width:30px;
height:22px;
display:block;
border-radius:3px;
}
.pt{
height:50px;
}
/* Search */
.search{
display:none;
}
.s_wrap{
display:grid;
grid-template-columns: auto 120px;
grid-gap:15px;
margin:auto;
max-width: var(--mw);
align-items: center;
border-bottom:1px solid #EDF1F6;
}
#search input[type="text"]{
margin:30px auto;
padding:10px 15px;
width:100%;
outline:none;
border: 1px solid var(--gr5);
border-radius:0 130px 130px 0;
background-color:#f4f9ff;
font-size:17px;
color:var(--brown);
}
#search button{
color:#fff;
background-color:var(--brown);
}
ol.search_results{
width:50%;
min-width:390px;
margin:30px auto;
list-style-position:inside;
background-color:#f7f9fd;
border:1px solid #cfe1fb;
border-radius:10px;
padding:30px;
}
ol.search_results li{
line-height:2;
text-align:left;
color:#aaa;
}
ol.search_results li a{
text-decoration:underline;
color:var(--brown);
margin-left:5px;
}
ol.search_results li a:hover{
color:var(--brown);
}
/* Live search */
.lsearch_wrap{
max-width:var(--mw);
margin:30px auto;
border:1px solid#EDF1F6;
background-color: #fff;
border-radius:10px;
padding:30px;
display:grid;
grid-template-columns: 	2fr 1fr 40px 1fr 1fr;
grid-gap:30px;
}
.lsearch_wrap input[type="text"]{
width:100%;
padding:12px 20px;
border:1px solid #D2DAE5;
background-color:#fff;
color:#1A2236;
border-radius:10px;
background-image: url("/img/icons/searchl.svg");
background-position: right 20px center;
background-repeat: no-repeat;
outline: none;
}
.lsearch_wrap input[type="text"]::placeholder{
font-size:14px;
color:#7E8695;
}
.df{
display:none;
}
.dn{
display:none!important;
}
.lsearch_wrap input[type="date"]{
width:100%;
padding:12px 20px;
border:1px solid #D2DAE5;
background-color:#fff;
color:#1A2236;
border-radius:10px;
outline: none;
}
.lsearch_wrap select{
width:100%;
padding:12px 20px;
border:1px solid #D2DAE5;
background-color:#fff;
color:#1A2236;
border-radius:10px;
/* background-image: url("/img/icons/searchl.svg");
background-position: right 15px center;
background-repeat: no-repeat; */
outline: none;
}
#oc img{
cursor:pointer;
}
.lsearch_wrap>div:first-child{
position:relative;
}
.kwr:not(:empty){
position:absolute;
left:0;
top:40px;
z-index:2;
border-radius: 10px;
border: 1px solid var(--gr5);
overflow: hidden;
max-height:210px;
overflow-y:scroll;
width:100%;
}
.kwr ul{
list-style-type: none;
background-color:#fff;
}
.kwr ul li a{
display:grid;
grid-template-columns: 100px auto;
grid-gap:15px;
background-color:#fff;
padding:8px;
border-bottom: 1px solid #D2DAE5;
font-size:13px;
}
.kwr ul li a:hover{
background-color:var(--gr2);
}
.kwr ul li a img{
width:100px;
border-radius:5px;
}
.kwr p{
background-color: #fff;
color: red;
padding:8px;
font-size: 13px;
}
/* Columnize */
.columns {
max-width:var(--mw);
margin:40px auto;
column-count: 2;
column-gap: 100px;
column-rule: 1px solid #f5f5f5;
line-height:1.5;
font-size:19px;
font-weight:400;
column-fill: balance;
word-break: normal;
}
/* Contact form */
.contact_wrapper{
max-width:var(--mw);
margin:auto;
display:grid;
grid-template-columns:25% 40% auto;
grid-gap:50px;
}
.contact_wrapper_info{
position:relative;
}
/* Navigation */
.pr{
width:30px;
height:30px;
border-radius:50%;
padding:5px;
background-color:rgba(255,255,255,0.9);
cursor:pointer;	
float:left;
}
.pr.slick-disabled{
background-color:rgba(255,255,255,0.5);
}
.nx{
width:30px;
height:30px;
border-radius:50%;
padding:5px;
background-color:rgba(255,255,255,0.9);
cursor:pointer;	
float:right;		
}
.nx.slick-disabled{
background-color:rgba(255,255,255,0.5);
}
.pr img, .nx img{
width:100%;
}
/* Box Shadows */
.bsh{
-webkit-box-shadow:0px 0px 25px -11px rgba(0,0,0,0.5);
-moz-box-shadow:0px 0px 25px -11px rgba(0,0,0,0.5);
box-shadow:0px 0px 25px -11px rgba(0,0,0,0.5);
}
@-webkit-keyframes closeLetter {
50% {transform:rotateX(-90deg);}
100% {transform:rotateX(-180deg);}
}
@keyframes closeLetter {
50% {transform:rotateX(-90deg);}
100% {transform:rotateX(-180deg);}
}
@-webkit-keyframes fadeOutText {
49% {opacity:1;}
50% {opacity:0;}
100% {opacity:0;}
}
@keyframes fadeOutText {
49% {opacity:1;}
50% {opacity:0;}
100% {opacity:0;}
}
@-webkit-keyframes fadeInEnvelope {
0% {opacity:0; transform:translateY(8rem);}
/*90% {opacity:1; transform:translateY(4rem);}*/
100% {opacity:1; transform:translateY(4.5rem);}
}
@keyframes fadeInEnvelope {
0% {opacity:0; transform:translateY(8rem);}
/*90% {opacity:1; transform:translateY(4rem);}*/
100% {opacity:1; transform:translateY(4.5rem);}
}
@-webkit-keyframes scaleLetter {
66% {transform:translateY(-8rem) scale(0.5, 0.5);}
75% {transform:translateY(-8rem) scale(0.5, 0.5);}
90% {transform:translateY(-8rem) scale(0.3, 0.5);}
97% {transform:translateY(-8rem) scale(0.33, 0.5);}
100%{transform:translateY(-8rem) scale(0.3, 0.5);}
}
@keyframes scaleLetter {
66% {transform:translateY(-8rem) scale(0.5, 0.5);}
75% {transform:translateY(-8rem) scale(0.5, 0.5);}
90% {transform:translateY(-8rem) scale(0.3, 0.5);}
97% {transform:translateY(-8rem) scale(0.33, 0.5);}
100%{transform:translateY(-8rem) scale(0.3, 0.5);}
}
@keyframes pushLetter {
0% {transform:translateY(-8rem) scale(0.3, 0.5);}
50% {transform:translateY(-8rem) scale(0.3, 0.5);}
90% {transform:translateY(-8.5rem) scale(0.3, 0.5);}
100% {transform:translateY(-8rem) scale(0.3, 0.5);}
}
.nothing{
background-color:#fff;
border:1px solid #ddd;
width:300px;
margin:50px auto;
color:#bbb;
padding:15px 25px;
box-sizing:border-box;
text-align:center;
text-shadow:1px 1px 1px #fff;
}
img.i404{
width:150px;
display:block;
margin:auto;
}
/* Back to top */
img.back-to-top{
width:40px;
height:40px;
padding:5px;
display:block;
z-index:2;
position:fixed;
right:20px;
bottom:20px;
}
.w{
width: 100%!important;
max-width:100%!important;
}
ul.pgs{
width:fit-content;
list-style-type: none;
background-color: var(--black);
margin:40px 0 30px 0;
padding:7px;
border-radius:35px;
display:flex;
}
ul.pgs li{
display:inline;
align-items: center;
justify-content: center;
}
ul.pgs li a{
color:#fff;
display:inline-block;
background-color:var(--black);
padding:10px 25px;
margin-right:10px;
border-radius:25px;
transition:0.8s;
}
ul.pgs li a.active, ul.pgs li a:hover{
color:var(--black);
display:inline-block;
background-color:#fff;
padding:10px 25px;
margin-right:10px;
border-radius:25px;
}
ul.pgs li:last-child a{
margin-right:0;
}
/* Image Text */
.it_wrap, .ti_wrap{
max-width: var(--lw);
margin:20px auto;
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap:40px;
}
.it_wrap .image_part, .ti_wrap .image_part {
display: grid; 
grid-template-columns: 1fr 1fr 1fr; 
grid-template-rows: 1fr 1fr; 
grid-gap: 10px; 
grid-template-areas: 
"one two two"
"three three four"; 
}
.it_wrap .image_part img, .ti_wrap .image_part img{
display:block;
width:100%;
height:230px;
object-fit:cover;
}
.one { 
grid-area: one; 
}
.two { 
grid-area: two; 
}
.three { 
grid-area: three; 
}
.four { 
grid-area: four; 
}
.text_part{
display:flex;
flex-direction: column;
justify-content: center;
}
.text_part p{
font-size:15px;
line-height:1.5;
}
.text_part.ar p{
text-align:right;
}
.text_part.al p{
text-align:left;
}
.text_part.ar a{
align-self: flex-start;
}
.text_part.al a{
align-self: flex-end;
}
/* Window 4 */
.wfour_wrap{
max-width: var(--mw);
margin:30px auto;
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap:40px;
}
.wfour_wrap .image_part {
display: grid; 
grid-template-columns: repeat(2, 1fr); 
grid-gap: 25px; 
}
.wfour_wrap .image_part img{
display:block;
width:100%;
height:230px;
object-fit:cover;
}
.wfour_wrap .text_part{
display:flex;
flex-direction: column;
justify-content: center;
}
.wfour_wrap .text_part p{
font-size:19px;
line-height:1.5;
}
.wfour_wrap .text_part a{
align-self: flex-start;
}
/* Window 2 */
.wtwo_wrap{
max-width: var(--vlw);
margin:20px auto;
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap:40px;
}
.wtwo_wrap .image_part {
display: grid; 
grid-template-columns: repeat(2, 1fr); 
grid-gap: 25px; 
}
.wtwo_wrap .image_part img{
display:block;
width:100%;
height:400px;
object-fit:cover;
}
.wtwo_wrap .text_part{
display:flex;
flex-direction: column;
justify-content: center;
}
.wtwo_wrap .text_part p{
font-size:19px;
line-height:1.5;
}
.wtwo_wrap .text_part a{
align-self: flex-start;
}
/* Table */
/* table {
border-collapse: collapse;
max-width: 800px;
min-width:350px;
margin:auto;
border-radius:8px;
overflow:hidden;
border:none;
}
th {
background-color:#1D50A2;
color:#fff;
text-align:center;
font-size:20px;
font-weight:600;
padding:15px;
}
td{
background-color:#fff;
color:#121212;
font-size:16px;
border: 1px solid #f8f8f8;
padding: 15px;
}
td:first-child{
color:var(--brown);
}
td strong{
color:var(--brown);
}
tr:hover td{
background-color: #edf5ff;
} */
.wm{
max-width:var(--mw);
margin:auto;
}
/* Preloader */
#ploader_wrap{
width:100%;
height:100vh;
background-color:#fff;
position:fixed;
z-index:8;
top:0;
bottom:0;
left:0;
right:0;
display:flex;
align-items: center;
justify-content: center;
}
.ploader {
width: 50px;
height: 50px;
border: 5px solid #fff;
border-bottom-color: var(--cyan);
border-radius: 50%;
display: inline-block;
box-sizing: border-box;
animation: rotation 2s linear infinite;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 
/* MEDIA QUERIES */
@media (min-width: 1600px) {
	:root{
	--mw:90%;
	}
}

@media screen and (max-width:1300px) {
	p.sp, section.b3, .banner2_wrapper, .seasons, .wtwo_wrap, .wfour_wrap, .ti_wrap, .it_wrap, .carousel_wrap, .header>div, table, .wm, .publications_view, .grid_wrap, .blocks_wrapper, h2.h2-title, h3.h3-title{
	width:95%;
	}
	.banner1_wrapper section{
	margin-left:0;
	}
}
@media screen and (max-width:1200px) {
	.gc6{
	grid-template-columns:repeat(5, 1fr);
	}
}
@media screen and (max-width:1100px) {
	.gc6, .gc5{
	grid-template-columns:repeat(4, 1fr);
	}
}
@media screen and (max-width:1000px) {
	.gc6, .gc5, .gc4{
	grid-template-columns:repeat(3, 1fr);
	}
    .accordion{
    width:100%;
    }
	.lsearch_wrap{
	grid-template-columns: 2fr 1fr 40px;
	}
	.directorate_wrap {
	grid-template-columns: 100%;
	}
	.vtext p:first-child {
	font-size: 40px;
	}
	.vtext p:last-child {
	font-size: 25px;
	}
	.blog_wrapper{
	grid-template-columns: repeat(2, 1fr);
	}
}
@media screen and (max-width:900px) {
	.footeri{
	grid-template-columns:100%;
	grid-gap:20px;
	}
	.contact_wrapper {
	grid-template-columns:100%;
	grid-gap:20px;
	}
	.it_wrap, .ti_wrap, .wfour_wrap, .wtwo_wrap{
	grid-template-columns: 100%;
	grid-gap:15px;
	}
	.image_part{
	order:1;
	}
	.text_part{
	order:2;
	}
}
@media screen and (max-width:800px) {
	.gc6, .gc5, .gc4, .gc3{
	grid-template-columns:repeat(2, 1fr);
	}
	ul.breadcrumbs li, ul.breadcrumbsd li{
	float:none;
	}
	.banner1_wrapper {
	padding:25px;
	}
	.banner1_wrapper h3{
	font-size:28px;
	margin-bottom:15px;
	}
	.banner1_wrapper h2{
	font-size:35px;
	margin-bottom:15px;
	}
	.banner1_wrapper h4{
	font-size:19px;
	margin-bottom:20px;
	}
	.banner2_wrapper section{
	width:100%;
	padding:15px;
	border-radius:0;
	}
	.banner2_wrapper section h3{
	font-size:15px;
	}
	.logo img {
	bottom: -58px!important;
	}
}
@media screen and (max-width:700px) {
	.info_wrap{
	grid-template-columns:100%;
	grid-gap:30px;
	}
	.form_wrap{
	grid-template-columns: 100%;
	}
	.lsearch_wrap{
	grid-template-columns: 1fr;
	}
	.columns {
  	column-count: 1;
	}
}
@media screen and (max-width:600px) {
	ul.pgs{
	flex-direction: column;
	width:100%;
	align-items:center;
	}
	ul.pgs li a, ul.pgs li{
	width:100%;
	text-align:center;
	margin-right:0;
	margin-bottom:3px;
	}
	ul.blocks_wrapper li section {
	width: 95%;
	}
	ul.breadcrumbsd li a {
	font-size: 14px;
	}
	img.back-to-top {
	width: 40px;
	height: 40px;
	padding: 11px;
	}
	ul.breadcrumbs {
  	align-self: center;
	}
	.publications_view h2{
	font-size:22px;
	}
	.widgetHotelsForm {
	scale: 1;
	}
	.videocont .but {
	width:max-content;
  	bottom: 5%;
	}
	.but {
	padding: 8px 20px;
	font-size: 15px;
	}
	img.back-to-top {
	right: 8px;
	bottom: 8px;
	}
	.gc6, .gc5, .gc4, .gc3{
	grid-template-columns:100%;
	}
}
@media screen and (max-width:500px) {
	h2.h2-title, h2.h2-title-light{
	font-size:19px;
	margin: 25px 0
	}
	.grid_wrap {
	grid-gap:20px;    
	}
    ul.pagination li {
    padding:0;
    }
    ul.pagination li a{
    padding:2px 8px;
    font-size:13px;
    }
	.footeri div.sdf {
	width:100%;
	text-align: center;
	}
	.form_wrap > div:first-child {
  	padding: 20px;
	}
	img.fr, img.fl{
	float:none!important;
	margin:0 0 25px 0!important;
	width:100%!important;
	}
	.wfour_wrap img, .image_part img{
	height:120px!important;
	}
	.text_part p, .wtwo_wrap .text_part p, .wfour_wrap .text_part p, section.b3 p, p.sp{
	font-size:17px;
	}
	h3.h3-title {
	margin: 20px auto;
	font-size: 25px;
	}
	.carousel_wrap p{
	font-size:17px;
	}
	.vtext p:first-child {
	font-size: 28px;
	}
	ul.blocks_wrapper, .blog_wrapper{
	grid-template-columns: 100%;
	}
	p.sp {
	max-width: 100%;
	}
	.vtext{
	top: 40%; 
	left: 30%;
	transform: translate(-21%,-40%);
	}
	.publications_view > div {
	text-align: center;
	}
	.publications_view > div p{
	text-align: left;
	}
}
@media screen and (max-width:450px) {

}
@media screen and (max-width:320px) {
	.h2-title a.alink {
  	top: 40px;
	}
}
@supports (-webkit-touch-callout: none) {

}