body{font-family: 'Open Sans', sans-serif;}
h1,h2,h3,h4,h5{font-family: 'Poppins', sans-serif;}
a:hover{text-decoration: none;}
.logo{max-height: 60px}
#top nav{position: absolute; width: 100%; left: 0; top: 0; z-index: 12; background-image: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,0));}
.scrolled {
  background-image: linear-gradient(180deg, rgba(0,0,0,1), rgba(0,0,0,0.8)) !important;
  transition: background-image 200ms linear;
}
#banner .carousel-item img{max-height: 95vh; width: 100%}
#banner .carousel-item {position: relative; color: #fff; background: #000; max-height: 91vh; overflow: hidden;}
.centered { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.centered-banner { position: absolute; top: 40%; left: 50%; transform: translate(-50%, -50%);}
.carousel-inner h1{text-shadow: 0px 0px 0px #000000; margin: 0; padding: 0; margin-top: 30%}
.big-head{font-size: 4rem; line-height: 3.5rem}
.carousel-item .col-sm-6{left: 15%}
.social a{border-radius: 50%; height: 30px; width: 30px; line-height: 30px; background-color: #fff; display: inline-block; color: #9a193a; text-align: center;}
.bg-danger{background-color: #9a193a !important}
.bg-who{background-image:url('../img/bg-who.jpg'); background-repeat: repeat;}
.vision{background-image: url('../img/vision.jpg'); background-size: cover; min-height: 85vh; display: block;}
.mission{background-image: url('../img/mission.jpg'); background-size: cover; min-height: 85vh; display: block;}
.text-danger{color: #9a193a !important}
#banner .carousel-control-prev{right: 0 !important; left: auto; top: auto; bottom: 80px !important;}
#banner .carousel-control-next{right: 0 !important; left: auto; top: auto; bottom: 140px !important;}
.hide-lg{display: none;}
.bg-who{background-image:url('../img/bg-who.jpg'); background-repeat: repeat;}
.round-more {border-radius: 24px}
.carousel-indicators li{width: 15px; height: 15px; border-radius: 50%; background-color: #fff !important}
.carousel-indicators .active{background-color: #9a193a !important}

.carousel-fade .carousel-inner .carousel-item {
	 transition-property: opacity; 
}
.carousel-fade .carousel-inner .carousel-item .col-sm-6{
   opacity: 0; animation: mymove 8s infinite; animation-delay: 0s; animation-iteration-count: 1;
}
.carousel-fade .carousel-inner .carousel-item video{
  opacity: 0; animation: mymove 8s infinite; animation-delay: 0s; animation-iteration-count: 1;
}
@keyframes mymove {
  from {opacity: 0;}
  to {opacity: 1;}
}
 .carousel-fade .carousel-inner .carousel-item, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	 opacity: 0; 
}
 .carousel-fade .carousel-inner .active, .carousel-fade .carousel-inner .next.left, .carousel-fade .carousel-inner .prev.right {
	 opacity: 1; 
}
 .carousel-fade .carousel-inner .next, .carousel-fade .carousel-inner .prev, .carousel-fade .carousel-inner .active.left, .carousel-fade .carousel-inner .active.right {
	 left: 0;
	 transform: translate3d(0, 0, 0);

}

.nav-item .dropdown-item{font-size: 14px !important; line-height: 2rem !important;}

.side-nav{right:15px; top:50%; direction: rtl; line-height:2rem;}
.side-nav li span{display: none; text-transform: uppercase;}
.side-nav li .active span{display: inline-block !important;}

#career img, #media img{border-radius: 50px 0;}
.career-text {
    max-width: 615px;
    bottom: -65px;
    left: 0;
    position: absolute;
    padding: 60px;
    background-color: #8a1538;
    border-radius: 100px 0;
}

.nav-tabs .nav-link{color: #555}
.nav-tabs .nav-item .active{background-color: #8a1538; color: #fff}
.news-border{border-right: 2px solid #ddd}

.carousel-control-prev{right: 30px !important; left: 0; width: 30px} .carousel-control-next{ width: 30px}

#news .carousel-control-prev{right: 30px !important; left: auto; width: 30px}
#news .carousel-item{font-size: 17px}

.modal-body iframe {width: 100%; min-height: 400px;}

.carousel-caption{text-shadow: 0px 4px 4px rgba(0,0,0,0.4),
               0px 4px 7px rgba(0,0,0,0.4),
               0px 9px 12px rgba(0,0,0,0.4); font-size: 18px}

@media (min-width: 1366px) and (max-width: 1500px){

	.side-nav{right:10px; top:50%; direction: rtl; line-height:2rem; padding: 0}
	.side-nav li span{display: none; text-transform: uppercase;}
	.side-nav li .active span{display: inline-block !important; font-size: 14px}

	}

@media (min-width: 320px) and (max-width: 780px){
	.hide-lg{display: inline-block;}
	.hide-sm{display: none;}
	.logo{max-height: 50px}
	.big-head{font-size: 2rem;}
	.carousel-item .col-sm-6{left: 1%}
	.carousel-item .col-sm-6 a{ display: none !important;}
	.carousel-item h1{font-size: 1.8rem; text-shadow: 3px 3px 6px #000000; margin: 0; padding: 0; margin-top: 50%; margin-left: -35%; text-align: center;}
	.carousel-item video{height: 60vh !important; width: auto !important; margin-left: -50%;}
	.carousel-item .col-sm-6{left: 15%}
	.navbar-collapse{background-color: #9a193a; position: fixed; padding: 25px; height: 100vh; top: 0; left: 0; z-index: 99999; width: 100%}
	#banner .carousel-control-prev{right: 0 !important; left: auto; top: auto; bottom: 15px !important;}
	#banner .carousel-control-next{right: 0 !important; left: auto; top: auto; bottom: 50px !important;}
	.carousel-indicators{z-index: 10;}
	.centered { position: absolute; top: 0; left: 0; padding: 70px 30px; transform: translate(0, 0); min-height: 75vh; display: block; clear: both;}
	#career {padding-left: 0; padding-right: 0}
	#career .col-sm-12, #career .container  {padding-left: 0; padding-right: 0}
	#career img{margin-bottom: 152px}
	.career-text {padding: 30px; border-radius: 50px 0; margin-bottom: 15px}
	.navbar-nav a{font-size: 24px; line-height: 36px}

	.centered-banner h1{font-size: 2.5rem}
	.centered-banner p{font-size: 16px}

	#news .carousel-item{font-size: 16px}
	#news .carousel-control-prev, #news .carousel-control-next{display: none;}
	.news-border{border-right: 0px; border-bottom: 1px solid #ddd}

	.carousel-control-prev{right: auto !important; left: 0; width: 30px}
	.brands h5{font-size: 16px}

	.nav-item .dropdown-menu{background-color: transparent !important; border:0;}
	.nav-item .dropdown-item{ color: #fff !important; line-height: 1.5rem}
	.modal-body iframe {width: 100%; min-height: 200px;}
}