* {
	margin: 0;
	padding: 0;
}

html {
	font-size: 14px;
	scroll-behavior: smooth;
}

@font-face {
	font-family: "Noto Sans";
	font-family: "Roboto";
	font-family: 'sans-serif';
	font-display: swap;
}

body {
	width: 100%;
	display: flex;
	box-sizing: content-box;
    flex-direction: column;
	min-height: 100vh;
	font-family: "Roboto", sans-serif;
    color: #0f1419;
	font-size: 1rem;
	font-weight: normal;
	line-height: 1.5;
}
.container {
    width: 100%;
    max-width: 1080px;
    display: block;
	box-sizing: border-box;
    margin: 0 auto;
	background: hsla(0, 0%, 96%, 1);
    background: linear-gradient(290deg, hsla(0, 0%, 96%, 1) 0%, hsla(0, 0%, 96%, 1) 40%, hsla(215, 83%, 54%, 0.76) 100%);
	background: -moz-linear-gradient(290deg, hsla(0, 0%, 96%, 1) 0%, hsla(0, 0%, 96%, 1) 40%, hsla(215, 83%, 54%, 0.76) 100%);
	background: -webkit-linear-gradient(290deg, hsla(0, 0%, 96%, 1) 0%, hsla(0, 0%, 96%, 1) 40%, hsla(215, 83%, 54%, 0.76) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F5F5F5", endColorstr="#F5F5F5", GradientType=1 );
	overflow-x: hidden;
    }

.bg-body {
	background: hsla(0, 0%, 96%, 1);
    background: linear-gradient(290deg, hsla(0, 0%, 96%, 1) 0%, hsla(0, 0%, 96%, 1) 40%, hsla(215, 83%, 54%, 0.76) 100%);
	background: -moz-linear-gradient(290deg, hsla(0, 0%, 96%, 1) 0%, hsla(0, 0%, 96%, 1) 40%, hsla(215, 83%, 54%, 0.76) 100%);
	background: -webkit-linear-gradient(290deg, hsla(0, 0%, 96%, 1) 0%, hsla(0, 0%, 96%, 1) 40%, hsla(215, 83%, 54%, 0.76) 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr="#F5F5F5", endColorstr="#F5F5F5", GradientType=1 );
}
@media(max-width: 680px){
	header > nav > .bg-body {
	background: transparent;
	}
	.navbar__hamb-bar {
		background-color: #0f1419 !important;
	}
	}
/*-----Noto Sans------*/
/* <uniquifier>: Use a unique and descriptive class name*/
/* <weight>: Use a value from 100 to 900*/

.noto-sans-aero {
  font-family: "Noto Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings: "wdth" 100;
}
/*-----Roboto------*/
.roboto-thin {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.roboto-light {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.roboto-regular {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.roboto-medium {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.roboto-bold {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.roboto-black {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.roboto-thin-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.roboto-light-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.roboto-regular-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.roboto-medium-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  font-style: italic;
}

.roboto-bold-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.roboto-black-italic {
  font-family: "Roboto", sans-serif;
  font-weight: 900;
  font-style: italic;
}
/*-----eind roboto------*/

 h1, h2, h3, h4, h5, h6 {
    font-family: 'Noto Sans';
    letter-spacing: 1px;
	color: #31335b;
 }
h1.title-h1-news {
    font-family: 'Noto Sans';
	font-size: 1.1rem;
	text-transform: uppercase;
	text-align: center;
}
 .title-h1, .title-h2, .title-h3 {
    font-family: 'Noto Sans';
	text-transform: uppercase;
	font-weight: 600;
    letter-spacing: 0;
	text-align: center;
	padding-bottom: 10px;
 }

 .title-h3 {
	padding-bottom: 0;
 }
 .title-h1 {
	font-size: 2rem;
	font-weight: 900;
	
 }
 .title-h2 {
	font-size: 1.2rem;
	font-weight: 800;
 }
 .title-h3 {
	font-size: 1rem;
	font-weight: 800;
	text-align: left;
 }
 ul>li>ul, ol, ul, a, p {
    margin-bottom: 10px;
	font-family: "Roboto";
	font-weight: normal;
 }
 a {
	cursor:pointer;
 }
 a:hover {
	transition: 400ms;
 }
 a:active, a:hover {
    outline: 0;
}
 a.link-sql {
	color: #31335b !Important;
	font-weight: 500;
    letter-spacing: 0.01rem;
    text-decoration: none;
    cursor: pointer;
}
a.link-sql:hover {
	color: #000000 !Important;
}
 a.link-text {
	text-decoration: underline;
	color: #1D1AB2;
	font-weight: 600;
 }
 a.link-text:hover {
	text-decoration: none;
	transition: 400ms;
	color:#ffe800;
 }
 .ul-art>li>ul>li,
 .ol-art>li,
 .ul-art>li {
	margin-bottom: 6px;
 }
 .pb10 {
     padding-bottom: 10px;
 }
 .pb20 {
	padding-bottom: 20px !Important;
 }
 .mb20 {
     margin-bottom: 20px;
 }
pre {
	overflow-x: scroll;
	padding: 10px 0;
	scrollbar-width: thin;
}
 @media(max-width: 580px){
.alone-mb20 {
     margin-bottom: 20px !important;
 }
 }
.mt30 {
	margin-top: 30px;
 }
  .mt15 {
     margin-top: 15px;
 }
 .mb0 {
	margin-bottom: 0 !important;
 }
 .mbt0 {
     margin-bottom: 0 !important;
     margin-top: 0 !important;
 }
 .pbt0 {
     padding-bottom: 0 !important;
     padding-top: 0 !important;
 }
 .pd14 {
	padding-top: 14px !important;
	padding-bottom: 14px !important;
 }
 .strong {
     font-weight: 600;
 }
.mr10 {
	margin-right: 10px;
}
hr.mijn-hr {
	width:80%;
	text-align:left;
	margin-left:10px;
	margin-bottom: 30px;
	margin-top: 6px;
}
 .mailto {
	font-weight: 500;
 }
 a.mailto:hover {
	color: #ffe800 !important;
 }
 section.t-left  p {
  text-align: left;   
 }
 /*--------button---------*/
 
  .btn {
    background-color: transparent;
 }
 
.btn-index {
	width: 130px;
    margin: 25px auto;
    padding: 8px 10px;
    background-color: transparent;
    border: 3px solid #284f76;
    border-radius: 6px;
	text-align: center;
    vertical-align: middle;
 }
 .btn-index a,
 .btn a {
	display: block !Important;
    font-family: "Noto Sans";
    font-weight: 600;
    font-size: 1rem;
	text-transform: uppercase;
    color: #31335b;
	padding-bottom: 0.25em !Important;
	text-decoration: none;

 }
  .btn-index:hover,
  .btn:hover {
    background-color: #ffe800;
	border-color: #ffe800;
	transition: .3s linear;
    cursor: pointer;
 }
 
 .btn-white {
	border-color: #e1e6ea;
	border-radius: 6px;
 }
 .btn-white a {
	color: #e1e6ea;
 }
 /*--------eind button---------*/
/*----------header--------*/
.logo {
    
    height: 80px; 
	background-color: #f5f5f5;
}
/*----img------*/
.logo-twit{
	width: 30%;
	height: auto;
}
.img-recl {
	width: 100%;
	height: auto;
}
/*----eind img------------*/
/*----menu------*/
.img-flex {
    display: flex;
    align-items: center;
}
.mainmenubtn {
    border: none;
    cursor: pointer;
}

.dropdown-child {
	display: none;
	position: absolute;
	margin-top: 90px;
    background-color: #f5f5f5;
    min-width: 130px;
}
.dropdown:hover .dropdown-child {
	display: block;
    transition: 400ms;
}

.dropdown-child a {
    padding: 0 15px;
    text-decoration: none;
    display: flex;
	align-items: center;
	color: #0f1419;
	font-weight: 600;
	text-decoration: none;
}
.dropdown-child a:hover {
	color: #1D1AB2;
	transition: 400ms;
  }

.navbar__menu a.is-active {
  color: #1d1ab2;  
}
/* burger-menu */

.navbar {
    width: 100%;
	left: 0;
	height: 115px;
	z-index: 100;
  }
  
  .navbar__container {
	display: flex;
	justify-content: space-between;
	height: 100%;
  }
  
  .navbar__hamb {
	display: none;
  }
  
  .popup {
	display: none;
  }
  
  .navbar__logo {
	text-decoration: none;
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	display: flex;
	align-items: center;
	letter-spacing: 2px;
  }
  .navbar.animated.flipInX ul {
	list-style-type: none;
  }
  i.fa.fa-angle-down {
	margin-left: 10px;
  }
  i.fa.fa-angle-up {
	margin-left: 10px;
  }
  
  .navbar__menu {
	display: flex;
	
  }
  
  .navbar__menu > li {
	display: flex;
	align-items: stretch;
	
  }
  
  .navbar__menu > li > a {
	display: flex;
	align-items: center;
	padding: 0 20px;
	color: #0f1419;
	font-weight: 600;
	text-decoration: none;
  }
  
  .navbar__menu > li > a:hover {
	color: #1D1AB2;
	transition: 400ms;
  }
  
  .navbar__hamb-field {
	cursor: pointer;
	padding: 5px;
	margin-right: 20px;
  }
  .navbar__hamb-bar {
	display: block;
	width: 30px;
	height: 2px;
	margin: 6px auto;
	background-color: #fff;
	transition: 0.2s;
	line-height: 1;
  }
  .popup {
	padding-top: 30px;
	padding-bottom: 30px;
	position: fixed;
	left: -100%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: 10;
	display: block;
	transition: 0.3s;
	overflow-y: auto;
  }
  .popup.open {
	left: 0;
  }
  .popup__menu {
	width: 100%;
	display: flex;
	padding-left: 15%;
	flex-direction: column;
	align-items: flex-start;
	justify-content: start;
  }
  .popup__menu > li {
	width: 100%;
	list-style-type: none;
  }
  
  .popup__menu > li > a {
	padding: 0;
	margin-bottom: 10px;
	font-size: 20px;
	font-weight: bold;
	color: #222;
	text-decoration: none;
	
  }

  .popup__menu i.fa.fa-angle-down {
    margin-left: 10px;
    padding-top: 6px;
}
.popup__menu .dropdown-child {
	background-color: #fff;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-direction: column;
	margin-top: 20px;
	padding-left: 6%;
	/*display: none;*/
}
.popup__menu .dropdown-child > li {
	list-style-type: none;
}
.popup__menu .dropdown-child > li > a {
	display: contents;
	font-size: 20px;
	font-weight: bold;
	color: #222;
	text-decoration: none;
	
}
  .navbar__hamb-field.active .navbar__hamb-bar:nth-child(2) {
	opacity: 0;
  }
  .navbar__hamb-field.active .navbar__hamb-bar:nth-child(1) {
	transform: translateY(8px) rotate(45deg);
  }
  .navbar__hamb-field.active .navbar__hamb-bar:nth-child(3) {
	transform: translateY(-8px) rotate(-45deg);
  }
  
 .noscroll {
	overflow: hidden;
  }
  
  @media (max-width: 1200px) {
	.navbar__logo {
	  padding: 0 10px;
	}
	.navbar__menu {
	  display: none;
	}
	.navbar__hamb {
	  display: flex;
	  align-items: center;
	}
  }

 /*--------main-------*/

 main {
    width: 100%;
	margin: auto;
	display: flex;
	box-sizing: border-box;
    justify-content: space-between;
    align-items: flex-start;
	padding: 20px;
 }
 article {
	width: 100%;
	padding: 10px;
    margin: 10px auto;
    box-sizing: border-box;
 }


/*---------latest news-----*/

ol.home-latest-news {
	list-style-type: none;
	counter-reset: num;
	position: relative;
	margin: 0 0 0 60px;
	padding: 15px 0 5px 0;
	font-size: 16px;
	}
ol.home-latest-news > li {
	position: relative;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	line-height: 1.4;
	}
 ol.home-latest-news > li:after {
	content: counter(num);
	counter-increment: num;
	display: inline-block;
	position: absolute;
	top: 0;
	left: -45px;
	width: 28px;
	height: 28px;
	line-height: 28px;
	background: #fff;
	color: #000;
	text-align: center;
	font-size: 18px;
	border-radius: 50%;
	border: 1px solid #ef6780;
	}
	
	/* Вертикальная линия */
 ol.home-latest-news:before {
	content: '';
	position: absolute;
	top: 15px;
	bottom: 15px;
	left: -30px;
	width: 1px;
	border-left: 1px solid #ef6780;
	}
	/* Скрытие линии у последнего li */
ol.home-latest-news li:last-child:before {
	content: '';
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: -38px;
	background: #fff;
	}
 
/*---------eind latest news-----*/

 /*--------aside--------*/
 section, aside {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    box-sizing: border-box;
 }
 
 section {
	width: 72%;
	padding: 20px 40px;
 }

 aside {
    width: 28%;
 }
 .widget-reclama {
	width: 100%;
	margin-bottom: 20px;
	box-sizing: border-box;
 }
 .widget-twit {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	margin-bottom: 20px;
 }
 span.twit-text {
	color: #31335b;
	font-weight: 600;
	font-size: 1.2rem;
 }

 @media (max-width: 960px) {
    main {
        justify-content: center;
        align-items: center;
		flex-direction: column;
     }
    section, aside {
        width: 100%;
		margin: auto;
        }
		section {
			padding: 20px 40px 40px;  
		  }
    }

@media (max-width: 767px){
	section, aside {
		width: 100%;
		margin: auto;
	 }
	 section {
        padding: 20px 20px 40px;
    }
}
@media (max-width: 680px) {
 main {
    padding-top: 10px;
 }
 section {
        padding-top: 10px;
    }
}
@media (max-width: 420px){
section {
        padding: 10px 10px 40px;
    }
}
 /*-------tabs--------*/
 .container-tab{
	margin:auto;
	max-width:800px;
	padding:0;
}
/*---table----*/
.tabl-glossary {
    border:0;
    width: 100%;
}
.tabl-glossary tr td span, 
.tabl-glossary th {
  padding: 10px !important;
}
.td160{
 width:160px;
}
.td460{
 width:460px;
}
.top-valign {
vertical-align: top;
}
.right-align {
text-align: right;
}
.left-align {
text-align: left;
}
.center-align {
    text-align: center;
}
.italic {
  font-family: "Sriracha", cursive;
  font-size: 1.2rem;
  font-weight: 400;
  font-style: normal;
}
.cust-line-h {
line-height: 1em;
margin-bottom: 0;
}

.table-our-fr > a {
margin-left: 6px;
font-family: "Arial";
font-size: 13px;
color: #000099;
}
.table-our-fr > p {
margin-left: 6px;
} 

/*-------tabs--------*/
 .container-tab{
	margin:auto;
	max-width:800px;
	padding:0;
}
/* TABS INDEX*/

	.section-tab {
	padding: 1.5em 1.618em;
	background: #f7f7f7;
	}
	.section-tab ul > li{
	list-style:none;
	outline: none;
    }
	.section-tab li a:focus {
		outline: none;
	}
	.section-tab ul > li{
		list-style-type: none !important;
	}

/*------flexTmijn flex-boxes-------*/

 .flexTmijn {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	border: 0;
	margin-bottom: 20px;
   }
   .flexTmijn:last-child {
	margin-right: 0;
   }
	.text-center {
		text-align: center;
	}
	.item-flexTmijn-30 { 
		width: 30%;
		margin-right: 6px;
	}
	.item-flexTmijn-10 { 
		width: 10%;
		margin-right: 6px;
	}
	.item-flexTmijn-25 { 
		width: 25%;
		margin-right: 6px;
	}
	.item-flexTmijn-20 { 
		width: 20%;
		margin-right: 6px;
	}
  .item-flexTmijn-40 { 
		width: 40%;
		margin-right: 6px;
	}
	.item-flexTmijn-45 { 
		width: 45%;
		margin-right: 6px;
	}
.item-flexTmijn-70 { 
		width: 70%;
		margin-right: 6px;
	}
	.item-flexTmijn-80 { 
		width: 80%;
		margin-right: 6px;
	}
.flexTmijn-column {
	width: 100%;
	display: flex;
	justify-content: start;
	align-items: start;
	flex-direction: column;
	border: 0;
   }
@media (max-width:767px) {
	.flexTmijn {
		width: 100%;
		flex-direction: column;
	 }
	.item-flexTmijn-30,
	.item-flexTmijn-10,
	.item-flexTmijn-25,
	.item-flexTmijn-20,
	.item-flexTmijn-40,
	.item-flexTmijn-45,
	.item-flexTmijn-70,
    .item-flexTmijn-80	{ 
		width: 80%;
		margin-right: 0;
	}

}
/* RESPONSIVE */
@media screen and (min-width: 40em) {
	.accordion-tabs {
		border: none;
		position: relative; 
	}
		.accordion-tabs li.tab-head-cont {
			display: inline; 
		}
			.accordion-tabs li.tab-head-cont:last-child a {
				border-bottom-left-radius: 0;
				border-bottom-right-radius: 0;
			} 
			.accordion-tabs li.tab-head-cont a {
				display: inline-block;
				vertical-align: baseline;
				zoom: 1;
				display: inline;
				vertical-align: auto;
				border-top: 0;
				border-top-right-radius: 0.1875em;
				border-top-left-radius: 0.1875em; 
			} 
			.accordion-tabs li.tab-head-cont a.is-active {
				background-color: #f7f7f7;
				border-top: 1px solid #dddddd;
				border: 1px solid #f7f7f7;
				margin-bottom: -1px;
			}
			.accordion-tabs li.tab-head-cont .section-tab {
				border-bottom-left-radius: 0.1875em;
				border-bottom-right-radius: 0.1875em;
				border: 1px solid #dddddd;
				float: left;
				left: 0;
				padding: 0.75em 0.809em;
			}
				.accordion-tabs li.tab-head-cont .section-tab p {
					-webkit-columns: 1;
					-moz-columns: 1;
					columns: 1;
				}
}
/*-------Gallerey-------*/
.tables {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.table {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 30%;
}
.tables .table .img-table {
    width: 100%;
    margin: 20px 0;
}
.img-table {
    overflow: hidden;
}
.thumbs a.mijn {
    position: relative;
    text-decoration: none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -moz-background-size: cover;
    -webkit-background-size: cover;
}
.table img {
    width: 100%;
	height: auto;
}
.zoom {
    -webkit-transition: -webkit-transform 1s;
    transition: -webkit-transform 1s;
    -o-transition: transform 1s;
    transition: transform 1s;
    transition: transform 1s, -webkit-transform 1s;
}
@media (max-width: 800px) {
    .table {
        width: 45%;
    }
}
@media (max-width: 480px) {
    .table {
        width: 100%;
        margin: auto;
    }
}
/*------eind gallerey------*/
 
 /*------@media-------*/
 
 @media (max-width: 960px) {
	.widget-reclama, .widget-twit {
		width: 50%;
	}
    }
    @media (max-width: 767px) {
		 .widget-reclama, .widget-twit {
			width: 65%;
		}
        }
		@media (max-width: 412px) {
			 .widget-reclama, .widget-twit {
				width: 80%;
			}
			}
	

/*------Footer-------*/
.footer-1 {
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 0 10px;
}
a.footer-1-text,
.footer-1-text {
	font-family: "Noto Sans";
    font-weight: 600;
    font-size: 1rem;
	text-transform: uppercase;
    color: #31335b;
    text-align: center;
    vertical-align: middle;
}
@media(max-width:580px) {
a.footer-1-text, .footer-1-text {
       font-size: 0.8rem;
}
}
a.footer-1-text {
	text-decoration: none !important;
	margin-bottom: inherit;
}
a.footer-1-text:hover {
  color: #1D1AB2; 
}
 .inner-footer {
    padding: 30px 0;
    background:#ffe800;
    color: #3C3D41;
 }
 
 .footer-widget-reclama {
  display: flex; 
  justify-content: center; 
  align-items: center; 
  height: 100px; 
  background-color:#284f76;
  font-family: "Noto Sans";
  font-weight: 600;
  font-size: 1rem;
  color: #ced8e3;
  text-transform: uppercase;
 }
 
/*-------filtren-------*/
.form-search {
	width: 100%;
	padding: 10px;
	margin: 40px auto;
}
.row {
	width: 100%;
	display: flex;
	justify-content:space-around;
	align-items: center;
}
.row-wraper-1,
.row-wraper-2{
	display: flex;
	justify-content:space-between;
	align-items: center;
}
.form-controls, .form-control, .button-search, .button-clear {
	display: block;
	padding: 10px;
	background-color: transparent;
	border: 3px solid rgb(139, 131, 131);
	border-radius: 6px;
	text-align: center;
    vertical-align: middle;
    margin-right: 10px;
}

.row-wraper-1:last-child {
 margin-right: 20px;   
}
.button-search, .button-clear {
  width: 70px;  
}

.form-controls:hover, .form-control:hover, .button-search:hover, .button-clear:hover {
	cursor:pointer;	
}
.button-search {
	background-color: #ffe800;
}
.button-clear {
	background-color: #f5f5f5;
}
.alone-column {
flex-direction: column;
}
 
@media(max-width:1080px) {
	.row {
		flex-direction: column;
	}
	.row-wraper-1,
	.row-wraper-2{
		width: 100%;
		justify-content: flex-start;
		align-items: flex-start;
		margin-bottom: 20px;
	}
	}
	@media(max-width:580px) {
		.row-wraper-1{
			flex-direction:column;
		}
		.row-wraper-2{
			margin-bottom: 20px;
		}
		.row-wraper-1:last-child {
         margin-right: 0;   
        }
		.form-controls {
		margin-bottom: 20px;
		}
	}



/*------page /news-------*/
.listing {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items:flex-start;
	flex-direction: column;
	box-sizing: border-box;
}
.article-title {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
	box-sizing: border-box;
}

.listing a {
	width: 75%;
}
.date {
		margin-right: 10px;
	}
@media(max-width: 560px) {
	.article-title {
		flex-wrap: nowrap;
		flex-direction: column;
	}
	.listing a {
	width: 100%;
}
	.date {
		width: 100%;
	}
}
/*--------glossary---------*/

.container-fluid {
margin-top: 20px;
}
.flex-pagination {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
}
ul.flex-pagination {
	list-style: none;
	text-decoration: none;
}
ul.flex-pagination > li > a {
	text-decoration: none;
	display: block;	
	padding: 2px 7px;
	background-color: transparent;
	border: 1px solid silver;
	border-right-color: transparent !important;
}
ul.flex-pagination > li > a:last-child {
	border-right: 1px solid silver !important;
  }
ul.flex-pagination > li.active > a,
ul.flex-pagination > li > a:hover,
ul.flex-pagination > li > a:focus{
	z-index: 3;
    color: #fff;
    background-color: #4f7fc2;
    border-color: #4f7fc2 !important;
  }
  .title-img-table {
      font-size: 0.9rem;
      font-weight: 500;
      text-align: center;
      line-height: 1.1;
  }
/*--------Basic tab container-------*/
  .materials {
    width: 100%;
    display: flex;
    justify-content: space-between;
	flex-wrap: wrap;
}
.material {
	width: 28%;
    padding: 60px 0;
}

/* Content Section Styles */
.tabs>.check {
	display: none;
}
.tabs > .check > .container.materials > .material {
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Describe the animation of the opacity property */
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Hiding checkboxes */
.tabs>input {
	display: none;
	position: absolute;
}
/* Tab Switcher Styles */
.tabs>label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 29.3px;
	font-size: .9rem;
	font-weight: 400;
	text-align: center;
	color: #ffffff;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	background: #284f76;
	border-radius: 3px 3px 0 0;
	outline: none;
}
@media (max-width: 1076px){
    .tabs>label {
    padding: 15px 29px;
    }
}
@media (max-width: 1024px){
    .tabs>label {
    padding: 15px 25.5px;
    }
}
@media (max-width: 768px){
    .tabs>label {
    padding: 15px 31px;
    }
}
@media (max-width: 600px){
    .tabs>label {
    padding: 15px 20px;
    }
}
@media (max-width: 500px){
    .tabs>label {
    padding: 10px;
    }
}
@media (max-width: 400px) {
	.tabs>label {
		padding: 10px 5px;
	}
}
/* Changes to tab switcher hover style */
 
.tabs>label:hover {
	cursor: pointer;
}
/* Styles for the active tab*/
.tabs>input:checked+label {
	border-top: 1px solid #284f76;
	border-bottom: 1px solid #fff;
	background: #fff;
	outline: none;
	color: #0f1419;
}

/* Activating sections using the :checked pseudo-class*/
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5 {
	display: block;
}
/* Changing the internal padding of
* switches for small screens
*/


 /*------flex-section------*/
.flex-section {
width: 100%;
padding: 20px;
display: flex;
justify-content: space-between;
}
.flex-section-text,
.flex-section-img {
	width: 45%;
}
.flex-section-text {
	flex-grow: 1;
}
.flex-section-img {
padding-right: 20px;
}
.flex-section-img img{
	width: 100%;
	height: auto;
	}
@media(max-width:767px) {
	.flex-section-text,
	.flex-section-img {
	width: 80%;
	margin: auto;
	}
	.flex-section-img{
	padding-right: 0;	
	}
	.flex-section {
	flex-direction: column;
	}
}
@media(max-width:420px) {
	.flex-section-text,
	.flex-section-img {
	width: 100%;
	}
}
 /*--------- flex-manufacturer---------*/
.flex-manufacturer {
width: 100%;
display: flex;
flex-direction: column;
align-items: center;
padding: 20px;
 }
.flex-manufacturer-text {
	width: 100%;
	display: flex;
	padding: 5px 10px;
}

@media(max-width:767px) {
	.flex-manufacturer,
	.flex-manufacturer-text {
	width: 100%;
	}
}
@media(max-width:420px) {
	.flex-manufacturer,
	.flex-manufacturer-text {
	/*flex-wrap: wrap;*/
	width: 100%;
	}
}  
.sp-title {
	font-weight: 500;
	padding-right: 10px;
    width: 25%;
} 
.history-of-company {
width: 75%;
}
.font-company-sec {
font-size: 0.8rem;
}
@media(max-width: 480px){
.sp-title{
width: 30%;
}
.history-of-company {
width: 65%;
}	
}	

/*----------pagination---------*/
.container .pagination {
  position: relative;
  margin-top: 30px;
  padding-bottom: 0;
  height: 60px;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  backdrop-filter: blur(3px);
  border-radius: 2px;
}
.container .pagination li {
  list-style-type: none;
  display: inline-block;
}
.container .pagination li a {
  position: relative;
  padding: 20px 25px;
  border-right: 0.5px solid silver;
  text-decoration: none;
  color: #0f1419;
  font-weight: 500;
  margin-bottom: 0 !Important;
}
.container .pagination li a:hover,
.container .pagination li.active a {
  background: #284f76;
  color: #fff;
  border-bottom: 2px solid #284f76;
}


/*-------listing-------*/
.listing a {
	color: #31335b !Important;
	font-size: 1rem;
	text-decoration: none;
	cursor: pointer;
}
.listing .article-title {
	margin-bottom: 5px;
}
.listing a:hover {
	color:#000000 !Important;
}
.listing a:visited {
	color: #0f19e7 !Important;
}
.date {
	margin-right: 8px;
}
/*-----listing-home-----*/

ol.home-latest-news > li > a{ 
    text-decoration: none;
    color: #31335b;
    font-family: "Roboto";
    font-size: 1.1rem;
    letter-spacing: 0.01rem;
}
ol.home-latest-news > li > a:hover {
    color: #000000 ! Important;
} 
ol.home-latest-news > li > a:visited {
	color: #0f19e7 !Important;
}

/*------float-news------*/
.dateN {
	width: 100%; 
	margin-right: 20px; 
	display: flex; 
	justify-content: flex-end; 
	align-items: center;"
}
.float-section {
width: 100%;
padding: 20px;	
}
.float-section-img {
float: right;
width: 45%;
margin: 8px 10px 0;
}

.float-section-img > img {
width: 100%;
height: auto;
}
.float-section-img2 {
width: 100%;
margin: auto;
}
.float-section-img2 > img {
width: 100%;
height: auto;
}

/*------Anton CSS------*/
/*------Anton CSS------*/
/*------Anton CSS------*/

.aircraftdata {
	font-family: "Courier New";
	font-optical-sizing: auto;
  	font-weight: 100;
  	font-style: normal;
 	font-variation-settings: "wdth" 100;
}