/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v17-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v17-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v17-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v17-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v17-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v17-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v17-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v17-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v17-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
*{margin:0; padding:0; box-sizing: border-box;}
body{font-family: 'Open Sans', sans-serif;  line-height: 1.5; font-size: 15px; color:#000;} 
.container{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;max-width:1270px;}
a{text-decoration: none;}
li {list-style: none;}  


/* HEADER & FOOTER */
header{padding:18px 0;}
.head_div {display: flex;}
.head_div .col_head {flex: 0 0 50%;max-width: 50%;}
.logo img {max-width: 270px;} 
.flag {text-align: right;}
.flag img {margin-top: 8px;}
.footer-nav li {flex: 1; font-size: 15px;color: #fff;}
.footer-nav {display: flex;flex-wrap: wrap;align-items: end;}
footer {background: #424242;padding: 20px 0;}.footer-nav a {color: #fff;}
.footer-nav li:nth-child(5), .footer-nav li:nth-child(4) {text-align: right;flex: 0 0 180px;max-width:180px;}
.footer-nav li:nth-child(4) {text-align: center;} 

.banner-title {max-width: 45%;color: #fff;padding: 70px 0;}
.banner-bg{position:relative;width: 100%;height: 100%; } 
.figure-bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0; -webkit-animation: slideShow 25s linear infinite 0s; animation: slideShow 25s linear infinite 0s;  background-size: cover !important;}
.banner-bg, .content-inner {height: 100%;overflow: hidden;}
.content {height: 1070px;position: relative;     min-height: calc(100vh - 181px);}
.banner-content {position: absolute;top: 0;z-index: 8;width: 100%; } 
.banner-title h2 {margin: 0 0 18px 0;font-weight: 400;font-size: 28px;}
.company-info {background: rgba(255, 255, 255, 0.90);padding: 25px 25px;display: block;color: inherit;height: 100%;box-shadow: 0px 1px 20px 0px rgb(0 0 0 / 0.50);}
.company-info:hover {background: rgba(255, 255, 255, 1);}
.banner-col {display: flex;margin: 0 -15px;}
.banner-col .col-md {flex: 0 0 33%;max-width: 33%;padding: 0 20px;} 
.box_content {min-height: 225px;}
.company-logo img {max-width: 235px;margin: 10px auto;height: auto;display: block;}
.company-title h3 {color: #3363AC;margin: 25px 0;font-size:18px;}
.company-position label {color: #3363ae;font-weight: 600;} 
.company-position p {margin: 25px 0;}
.company-logo {height: 60px;margin-top: 20px;}  

.bg-1 {opacity: 1;  background: url(../images/banner_01.jpg) no-repeat center center;}
.bg-2 {-webkit-animation-delay: 5s; animation-delay: 5s; background: url(../images/banner_02.jpg) no-repeat center center;}
.bg-3 {-webkit-animation-delay: 10s; animation-delay: 10s; background: url(../images/banner_03.jpg) no-repeat center center;}
.bg-4 {-webkit-animation-delay: 15s; animation-delay: 15s; background: url(../images/banner_04.jpg) no-repeat center center;}
.bg-5 {-webkit-animation-delay: 20s; animation-delay: 20s; background: url(../images/banner_05.jpg) no-repeat center center;}
@keyframes slideShow { 
	0% {opacity: 0;-webkit-transform:scale(1); transform:scale(1);} 
	5% {opacity: 1}
	25% {opacity: 1;}
	30% {opacity: 0;-webkit-transform:scale(1.1);transform:scale(1.1);}
	100% {opacity: 0;-webkit-transform:scale(1);transform:scale(1);} 
} 
 
 .banner-col .col-md{-webkit-animation-name: fadeInBottom;-moz-animation-name: fadeInBottom;animation-name: fadeInBottom;}
.banner-col .col-md:nth-child(1){-webkit-animation-duration: 2s; -moz-animation-duration: 2s; animation-duration: 2s;} 
.banner-col .col-md:nth-child(2){-webkit-animation-duration: 2.5s; -moz-animation-duration: 2.5s; animation-duration: 2.5s; } 
.banner-col .col-md:nth-child(3){-webkit-animation-duration: 3s; -moz-animation-duration: 3s; animation-duration: 3s;  } 
@keyframes fadeInBottom {
from {opacity: 0;-webkit-transform: translateY(20%);-moz-transform: translateY(20%);transform: translateY(20%);}
to { opacity: 1 } 
}

.arrow {text-align: center;}
.arrow img {height: 20px;}

  

/* MEDIA CSS */

@media(max-width:1024px){
	
	.footer-nav li {flex: 0 0 33% !important;max-width: 33% !important;text-align: left !important;}
	.banner-title {max-width: 100%; padding: 70px 0 20px;} 
	
}

@media(max-width:991px){ 
	
	.banner-col {display: block;}
	.banner-col .col-md {max-width: 100%;margin: 15px 0;}
	.company-logo img {margin-left: 0;} 
	.banner-content, .content {height: calc(100vh - 205px);overflow: hidden;}
	.banner-content {overflow: scroll;} 
	header .logo {margin: 0 auto;} 
	
}

@media(max-width:767px){

	.footer-nav {display: block;}
	.footer-nav li {max-width: 100% !important;}
	.footer-nav li br{display:none;}  
	.footer-nav li a {display: block;padding: 5px;margin: 2px;text-align: center; } 
	.footer-nav li:last-child a {border: 0;}
	.company-title h3{ margin: 15px 0;}   
	.banner-content, .content {height: calc(100vh - 90px);}
	.figure-bg {background-position: right center !important;}  
	.banner-title {padding: 20px;background: rgb(0 0 0 / 0.5);margin: 90px 0 0;}
	
}