@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');
:root{
--mcolor:#005d33;
--scolor:#81ba24;
--black:#1a1a1a;
--cgreen:#deecd6;
--bmargin:100px;
--mw:1300px;
--lw: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;
height: 100%;
}
body{
height:100%;
overflow-x: hidden;
line-height:1.5;
margin:0;
box-sizing:border-box;
font-family: "Inter", "Noto Sans Armenian", system-ui, sans-serif;
color:var(--black);
font-size:16px;
font-weight:normal;
background-color:#fff;
}
a {
color:var(--mcolor);
text-decoration:none;
background-color:transparent;
-webkit-text-decoration-skip:objects;
}
/* Slider */
.hero-slider .swiper {
width: 100%;
height: calc(100vh - 71px);
}
.hero-slider .swiper-slide{
position: relative;
background-size: cover;
background-position: center;
display: flex;
align-items: center;
overflow: hidden;
}
.hero-slider .swiper-slide::before{
content:"";
position:absolute;
inset:0;
background: inherit;
background-size: cover;
transform: scale(1.1);
transition: transform 6s ease;
z-index: 0;
}
.hero-slider .swiper-slide-active::before{
transform: scale(1);
}
.hero-slider .overlay{
position:absolute;
inset:0;
background: linear-gradient(100deg, rgba(0,0,0,.88), rgba(0,0,0,.1));
z-index:1;
}
.hero-slider .scontainer{
position: relative;
z-index: 2;
width: 90%;
max-width: var(--mw);
margin: auto;
}
.hero-slider .caption{
max-width: 750px;
color: #fff;
}
.hero-slider .caption h2{
font-size: 65px;
line-height: 1.05;
font-weight: 700;
margin: 0 0 20px 0;
opacity: 0;
transform: translateY(40px);
filter: blur(8px);
transition: all .9s cubic-bezier(.2,.8,.2,1);
}
.hero-slider .caption p{
font-size: 18px;
line-height: 1.7;
opacity: 0;
transform: translateY(30px);
filter: blur(8px);
transition: all .9s cubic-bezier(.2,.8,.2,1);
}
.hero-slider .btn{
display: inline-flex;
margin-top: 28px;
padding: 14px 26px;
border-radius: 999px;
background: linear-gradient(135deg, var(--scolor), var(--mcolor));
color: #fff;
font-weight: 600;
text-decoration: none;
font-size: 15px;
letter-spacing: .3px;
opacity: 0;
transform: translateY(20px);
filter: blur(6px);
transition: all .9s cubic-bezier(.2,.8,.2,1);
}
.hero-slider .btn:hover{
transform: translateY(-2px) scale(1.03);
background: linear-gradient(135deg, var(--mcolor), var(--scolor));
}
.hero-slider .btn:after{
content:url('/img/icons/warrow.svg');
width:15px;
height:12px;
margin-left:8px;
}
.hero-slider .swiper-slide-active .caption h2{
opacity: 1;
transform: translateY(0);
filter: blur(0);
transition-delay: .15s;
}
.hero-slider .swiper-slide-active .caption p{
opacity: 1;
transform: translateY(0);
filter: blur(0);
transition-delay: .30s;
}
.hero-slider .swiper-slide-active .caption .btn{
opacity: 1;
transform: translateY(0);
filter: blur(0);
transition-delay: .45s;
}
.hero-slider .nav-btn{
position:absolute;
top:50%;
transform: translateY(-50%);
width:72px;
height:72px;
border-radius:50%;
border:none;
cursor:pointer;
z-index:10;
display:flex;
align-items:center;
justify-content:center;
background: rgba(255,255,255,0.06);
backdrop-filter: blur(12px);
transition:.25s ease;
}
.hero-slider .nav-btn svg{
width:26px;
height:26px;
stroke:#fff;
stroke-width:0.8;
fill:none;
opacity:.8;
}
.hero-slider .nav-btn:hover{
background: rgba(255,255,255,0.12);
transform: translateY(-50%) scale(1.06);
}
.hero-slider .nav-left{
left:24px;
}
.hero-slider .nav-right{
right:24px;
}
.hero-slider .progress{
position:absolute;
bottom:40px;
left:50%;
transform:translateX(-50%);
display:flex;
gap:10px;
z-index:10;
}
.hero-slider .progress div{
width:60px;
height:3px;
background: rgba(255,255,255,0.25);
overflow:hidden;
position:relative;
}
.hero-slider .progress span{
position:absolute;
left:0;
top:0;
height:100%;
width:0%;
background:var(--scolor);
}
/* Buttons */
.btn{
width: fit-content;
display: inline-flex;
margin-top: 28px;
padding: 14px 26px;
border:none;
border-radius: 999px;
background: linear-gradient(135deg, var(--scolor), var(--mcolor));
color: #fff;
font-weight: 600;
text-decoration: none;
font-size: 15px;
letter-spacing: .3px;
transition: all .9s cubic-bezier(.2,.8,.2,1);
}
.btn:hover{
background: linear-gradient(135deg, var(--mcolor), var(--scolor));
}
.btn:after{
content:url('/img/icons/warrow.svg');
width:15px;
height:12px;
margin-left:8px;
}
/* Partners */
.partners_wrapper{
max-width: var(--mw);
display:grid;
grid-template-columns: repeat(4, 1fr);
grid-gap:30px;
margin:150px auto var(--bmargin) auto;
}
.partners_wrapper div{
position:relative;
background-color: #f4f4f4;
border-radius: 10px;
padding:25px;
color: var(--mcolor);
text-align:center;
border:1px solid #eee;
}
.partners_wrapper div h2{
font-size:23px;
font-weight:normal;
margin-bottom:15px;
}
.partners_wrapper div p{
font-size:16px;
}
.partners_wrapper div img{
width:150px;
height:150px;
border-radius:50%;
border:7px solid #fff;
background-color: var(--cgreen);
padding:15px;
display:block;
position:absolute;
top: -75px;
left: calc(50% - 75px);
-webkit-box-shadow: 0px 8px 17px -13px rgba(34, 60, 80, 0.11);
-moz-box-shadow: 0px 8px 17px -13px rgba(34, 60, 80, 0.11);
box-shadow: 0px 8px 17px -13px rgba(34, 60, 80, 0.11);
transition:.8s!important;
}
.partners_wrapper div:hover img{
scale:1.2;
}
.partners_wrapper section{
padding-top:80px;
}
/* Numbers */
.numbers_wrap {
max-width:var(--mw);
margin:var(--bmargin) auto;
display: grid; 
grid-template-columns: 1fr 1fr 1fr 1fr; 
grid-template-rows: 1fr 1fr; 
gap: 15px 15px; 
grid-template-areas: 
"g1 g2 g3 g4"
"g5 g6 g7 g7"; 
}
.g1 {
grid-area: g1; 
font-weight: 600;
text-transform: uppercase;
font-size: 40px;
line-height: 120%;
color:var(--mcolor);
}
.g2 {
grid-area: g2; 
border-radius:10px;
background-color:var(--cgreen);
color: var(--mcolor);
padding:15px;
}
.g3 {
grid-area: g3; 
border-radius:10px;
background-color:var(--cgreen);
color: var(--mcolor);
overflow:hidden;
}
.g3 img {
width:100%;
height:100%;
object-fit:cover;
}
.g4 {
grid-area: g4; 
border-radius:10px;
background-color:var(--cgreen);
color: var(--mcolor);
padding:15px;
}
.g5 {
grid-area: g5; 
border-radius:10px;
background-color:var(--cgreen);
color: var(--mcolor);
padding:15px;
}
.g6 {
grid-area: g6; 
border-radius:10px;
overflow:hidden;
}
.g6 img {
width:100%;
height:100%;
object-fit:cover;
}
.g7 {
grid-area: g7;
border-radius:10px;
background-color:#deecd6;
color: var(--mcolor);
padding:15px;
}
.g2 h2, .g4 h2, .g5 h2, .g7 h2{
font-weight: 600;
color: var(--mcolor);
font-size: 48px;
line-height: 120%;
margin-bottom:30px;
}
.g2 p, .g4 p, .g5 p, .g7 p{
font-weight: 400;
font-style: Regular;
font-size: 16px;
line-height: 150%;
}
/* Titles */
h2.h2-title{
position:relative;
text-align:center;
max-width:var(--mw);
margin:0 auto;
margin-bottom:30px;
font-size:28px;
letter-spacing:1px;
color:var(--mcolor);
position:relative;
font-weight:bold;
text-decoration: none;
text-underline-offset: 10px;
text-decoration-thickness: 1.5px;
clear:both;
}
h2.mt{
margin-top:var(--bmargin);
}
.main{
font-size:16px;
font-weight:normal;
line-height:1.5;
margin:auto;
margin-bottom:30px;
min-height:400px;
}
.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:30px auto;
}
.publications_wrapper li{
position:relative;
background-color:#f5f5f5;
border-radius:10px;
padding:15px 15px 25px 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:5px;
}
.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:15px  0;
}
.publications_header{
max-width:var(--mw);
margin:auto;
}
.publications_header img{
width:100%;
height:300px;
object-fit:cover;
border-radius:20px;
}
p.nbl{
max-width:1300px;
margin:20px auto;
text-align:left;
}
p.nbl a img{
vertical-align:middle;
margin-right:15px;
}
.publications_view{
position:relative;
max-width:1000px;
margin:-40px 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;
}
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;
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(--blue);
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:15px;
margin-bottom:18px;
outline:none;
border:1px solid #D2DAE5;
border-radius:8px;
color:var(--black);
}
textarea{
width:100%;
padding:15px;
font-size:15px;
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(--black);
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;
}
/* Video */
.videoconts{
position:relative;
width:100%;
height:100vh;
margin-bottom:var(--bmargin);
}
.videoconts video{
position:absolute;
display:block;
object-fit:cover;
width:100%;
height:100vh;
}
.checka{
position:absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align:center;
z-index:1;
}
.checka h3{
font-size:45px;
font-weight:normal;
margin-bottom:30px;
text-shadow:1px 1px 1px #000;
color:#fff;
}
/* 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(--blue);
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(--blue); 
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(--blue);
color:var(--blue);
}
.accord-content a{
color:var(--blue);
text-decoration:underline;
}
/* Blocks */
ul.blocks_wrapper{
list-style-type: none;
max-width: var(--mw);
margin:30px auto;
display:grid;
grid-template-columns: repeat(2, 1fr);
column-gap:100px;
row-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:auto;
display:block;
border-radius: 10px;
}
ul.blocks_wrapper li section{
margin:auto;
margin-top:-50px;
width:80%;
padding:25px;
background-color:#edf5ff;
border-radius:10px;
position:relative;
z-index:1;
}
ul.blocks_wrapper h2{
font-size:20px;
font-weight:600;
color:var(--black);
text-align:center;
margin-bottom:25px;
}
ul.blocks_wrapper p{
font-size:16px;
font-weight:400;
color:var(--black);
}
ul.blocks_wrapper a{
margin-top:20px;
}
/* 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;
}
/* 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(--blue);
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(--blue);
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:var(--mcolor);
margin:0 auto;
}
.footeri{
max-width:var(--mw);
margin:auto;
color:#fff;
display:grid;
grid-template-columns:30% auto 30%;
grid-gap:40px;
padding: 40px 25px;
}
.footeri>div:nth-child(2) img{
display:block;
margin-bottom:25px;
max-width:320px;
}
.footeri a{
color:#fff;
}
.footeri img.flogo{
display:block;
margin-bottom:25px;
width:150px;
}
ul.fvertical{
margin:25px 0;
}
ul.fvertical li{
list-style:none;
margin-bottom:15px;
font-size:16px;
font-weight:600;
color:#fff;
}
ul.fvertical li:last-child{
margin-bottom:0;
}
ul.fvertical li img{
width:20px;
height:20px;
object-fit:contain;
display:inline;
margin-right:15px;
vertical-align:text-bottom;
}
ul.fvertical li a{
color:#fff;
}
.footeri p{
font-size:14px;
}
.footeri ul.social{
list-style-type: none;
margin:25px 0;
width: fit-content;
}
.footeri ul.social li{
display: inline-block;
margin-right:8px;
}
.footeri ul.social li a img{
width:40px;
display:block;
}
/* Chart */
#chart_div{
max-width:var(--mw);
margin: 30px auto;
border-radius:10px;
overflow:hidden;
height:500px;
}
/* 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(--blue);
}
#search button{
color:#fff;
background-color:var(--blue);
}
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(--blue);
margin-left:5px;
}
ol.search_results li a:hover{
color:var(--blue);
}
/* Live search */
.lsearch_wrap{
max-width:1300px;
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;
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;
}
.kwr ul li a{
display:grid;
grid-template-columns: 100px auto;
grid-gap:15px;
background-color:#fff;
padding:8px;
border-bottom: 1px solid #ddd;
font-size:13px;
}
.kwr ul li a:hover{
background-color:#f5f5f5;
}
.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;
}
.nothing{
background-color:#fff;
border:1px solid #ddd;
width:300px;
margin:30px 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:60px;
height:60px;
border-radius:50%;
background-color:var(--blue);
padding:16px;
display:block;
z-index:8;
position:fixed;
right:20px;
bottom:20px;
}
.w{
width: var(--mw);
margin:auto;
}
.tr{
text-align:right;
align-self: flex-end;
}
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(--mw);
margin:var(--bmargin) auto;
display:grid;
grid-template-columns: repeat(2, 1fr);
grid-gap:40px;
border-radius:20px;
background-color:#f5f5f5;
}
.it_wrap .text_part{
padding:15px 40px 15px 15px;
display:flex;
justify-content:center;
flex-direction: column;
text-align:left;
}
.ti_wrap .text_part{
padding:15px 15px 15px 40px;
display:flex;
justify-content:center;
flex-direction: column;
text-align:right;
}
.it_wrap .text_part h2, .ti_wrap .text_part h2{
font-size:30px;
text-transform:uppercase;
line-height:1.5;
font-weight:400;
margin-bottom:30px;
}
.it_wrap .text_part p, .ti_wrap .text_part p{
font-size:16px;
line-height:1.5;
font-weight:400;
}
.it_wrap .text_part p strong, .ti_wrap .text_part p strong{
font-size:20px;
line-height:1.5;
font-weight:600;
}
.it_wrap .text_part a, .ti_wrap .text_part a{
margin-top:30px;
}
.it_wrap .image_part img{
width:100%;
height:auto;
display:block;
border-radius:10px 0 0 10px;
}
.ti_wrap .image_part img{
width:100%;
height:auto;
display:block;
border-radius:0 10px 10px 0;
}
.it_wrap .text_part ol, .ti_wrap .text_part ol{
list-style: none;
padding: 0;
margin: 0;
counter-reset: item;
}
.it_wrap .text_part ol li, .ti_wrap .text_part ol li{
counter-increment: item;
display: flex;
align-items: flex-start;
margin-bottom: 8px;
font-size:16px;
font-weight:400;
color: var(--mcolor);
}
.it_wrap .text_part ol li::before, .ti_wrap .text_part ol li::before{
content: counter(item);
min-width: 25px;
height: 25px;
margin-right: 15px;
border-radius: 50%;
background-color: var(--scolor);
color: #fff;
font-size: 14px;
line-height: 25px;
text-align: center;
flex-shrink: 0;
}
/* Window gallery*/
ul.window_wrap {
list-style-type: none;
max-width: var(--lw);
margin:30px auto;
display: grid; 
grid-template-columns: 1fr 1fr; 
grid-template-rows: 1fr 1fr; 
grid-gap: 30px; 
grid-template-areas: 
"w1 w2"
"w1 w3"; 
}
.w1 { 
grid-area: w1;
position:relative;
}
.w1 img{ 
height:100%;
width:100%;
object-fit:cover;
display:block;
}
.w2 { 
grid-area: w2;
position:relative;
}
.w2 img{ 
height:100%;
width:100%;
object-fit:cover;
display:block;
}
.w3 { 
grid-area: w3;
position:relative;
}
.w3 img{ 
height:100%;
width:100%;
object-fit:cover;
display:block;
}
/* 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(--blue);
}
td strong{
color:var(--blue);
}
tr:hover td{
background-color: #edf5ff;
}
.wm{
max-width:var(--mw);
margin:auto;
}
/* MEDIA QUERIES */
@media (min-width: 1600px) {
	:root{
	--mw:90%;
	}
}

@media screen and (max-width:1300px) {
	.pinner, #chart_div, ul.window_wrap, .numbers_wrap, .it_wrap, .ti_wrap, .partners_wrapper, .header > div, .nbl, table, .wm, .publications_view, header section, .grid_wrap, .blocks_wrapper, h2.h2-title{
	width:95%;
	}
}
@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;
	}
}
@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{
	grid-template-columns: 100%;
	grid-gap:15px;
	}
	.partners_wrapper{
	grid-template-columns: repeat(2, 1fr);
	row-gap: 100px;
	}
	.it_wrap .image_part img {
	border-radius: 10px 10px 0 0;
	}
	.ti_wrap .image_part img {
	border-radius: 0 0 10px 10px;
	}
	.it_wrap .text_part h2, .ti_wrap .text_part h2 {
  	font-size: 20px;
	text-align:center;
	margin-top:25px;
	}
	.it_wrap .text_part p, .ti_wrap .text_part p {
  	font-size: 14px;
	text-align: left;
	}
}
@media screen and (max-width:800px) {
	.gc6, .gc5, .gc4, .gc3{
	grid-template-columns:repeat(2, 1fr);
	}
	ul.breadcrumbs li, ul.breadcrumbsd li{
	float:none;
	}
	.hero-slider .caption h2{ 
	font-size:36px; 
	}
	.hero-slider .caption p{ 
	font-size:15px; 
	}
	.hero-slider .nav-btn{ 
	display:none; 
	}
	.hero-slider .progress div{ 
	width:35px; 
	}
}
@media screen and (max-width:700px) {
	.info_wrap{
	grid-template-columns:100%;
	grid-gap:30px;
	}
	.numbers_wrap {
  	grid-template-columns: 1fr 1fr;
	grid-template-areas:
	"g1 g2"
	"g3 g4"
	"g5 g6"
	"g7 g7";
	}
	.g1{
	font-size:28px;
	}
	.g2 h2, .g4 h2, .g5 h2, .g7 h2{
	font-size: 25px;
	}
	.g2 p, .g4 p, .g5 p, .g7 p{
	font-size: 14px;
	}
	.form_wrap{
	grid-template-columns: 100%;
	}
	.lsearch_wrap{
	grid-template-columns: 1fr;
	}
	.columns {
  	column-count: 1;
	}
	ul.blocks_wrapper{
	grid-template-columns: 100%;
	column-gap: 0;
	row-gap: 20px;
	}
}
@media screen and (max-width:600px) {
	.gc6, .gc5, .gc4, .gc3, .gc2{
	grid-template-columns:100%;
	}
	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%;
	}
	.it_wrap .text_part ol li, .it_wrap .text_partt ol li {
	font-size: 16px;
	}
	ul.breadcrumbsd li a {
	font-size: 14px;
	}
	img.fr, img.fl{
	float:none!important;
	margin:0 0 25px 0!important;
	width:100%!important;
	}
	img.back-to-top {
	width: 40px;
	height: 40px;
	padding: 11px;
	}
	ul.breadcrumbs {
  	align-self: center;
	}
	.publications_view h2{
	font-size:22px;
	}
	:root{
	--bmargin:40px;
	}
	.footeri > div:nth-child(2) img {
	max-width: 100%;
	}
	.partners_wrapper div h2 {
	font-size: 19px;
	}
}
@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;
    }
	.form_wrap > div:first-child {
  	padding: 20px;
	}
	ul.window_wrap {
	grid-template-columns: 1fr; 
	grid-template-rows: 1fr; 
	grid-gap: 20px; 
	grid-template-areas: 
	"w1"
	"w2"
	"w3"; 
	}
	.partners_wrapper{
	grid-template-columns: 100%;
	row-gap: 100px;
	}
}
@media screen and (max-width:450px) {
	header .menuholder {
	grid-gap: 12px;
	grid-template-columns: 160px 35px 35px auto;
	}
	header .menuholder #logo {
	display:flex;
	align-items: center;
	}
	header .menuholder #logo img {
	height: 60px;
	}
}
@media screen and (max-width:320px) {
	header .menuholder {
	grid-gap: 10px;
	grid-template-columns: 100px 35px auto;
	}
	.h2-title a.alink {
  	top: 40px;
	}
	.numbers_wrap {
	grid-template-columns: 1fr;
	grid-template-rows: 1fr;
	grid-gap: 10px;
	grid-template-areas:
	"g1" 
	"g2" 
	"g3" 
	"g4" 
	"g5"
	"g6"
	"g7";
	}
}