@import url('https://fonts.googleapis.com/css?family=Dosis:400,700&display=swap');
 body{
     background: #f9f9f9;
     font-family: 'Dosis', sans-serif;
}
 .clear:before, .clear:after {
     content:" ";
     display: table 
}
 .clear:after {
     clear: both 
}
 .navbar-container{
     padding: 0px;
}
 .navbar-custom{
     background: #bf2928;
     color: #fff;
}
 .navbar-custom .navbar-brand span{
     display: inline-block;
     margin-right: 10px;
     cursor: pointer;
}
 .navbar-custom .navbar-brand a{
     text-decoration: none;
     color: #fff 
}
 .navbar-custom .navbar-nav .nav-item{
}
 .navbar-custom .navbar-nav .nav-item .nav-link{
     color: #fff;
}
 .navbar-custom .navbar-nav .nav-item:hover .nav-link{
     color: #f1c40f 
}
 .navbar-custom .dropdown-item{
     text-align: center;
}
 header .container{
     position: relative;
     padding: 0px;
}
 header .carousel{
     width: 70%;
     background: #000;
     position: relative;
}
 header .carousel .carousel-item::before{
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background: rgba(0,0,0,0.4);
    /* Old browsers */
     background: -moz-linear-gradient(top, rgba(0,0,0,0.4) 0%, transparent 20%);
    /* FF3.6-15 */
     background: -webkit-linear-gradient(top, rgba(0,0,0,0.4) 0%,transparent 20%);
    /* Chrome10-25,Safari5.1-6 */
     background: linear-gradient(to bottom, rgba(0,0,0,0.4) 0%,transparent 20%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(0,0,0,0.6)', endColorstr='transparent',GradientType=0 );
    /* IE6-9 */
}
 header .carousel .carusel-control{
     position: absolute;
     bottom: 7px;
     right: 2%;
}
 header .carousel .carusel-control a{
     color: #989898;
     background: #f9f9f9;
     padding: 10px;
     padding-left: 12px;
     padding-right: 12px;
}
 header .carousel .carusel-control a:hover{
     color: #515151;
     text-decoration: none;
}
 header .results{
     width: 30%;
     background: #181818 url("../images/trophy.png");
     background-repeat: no-repeat;
     height: calc(110% + 215px;
    );
     position: absolute;
     right: 0;
     top: 0;
     letter-spacing: 2px;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
     z-index: 11;
}
 header .results h2{
     color: #b6b6b6;
     text-transform: uppercase;
     margin-top: 30px;
     margin-left: 20px;
     font-size: 130%;
     text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1);
}
 header .results ul{
     padding: 0px;
     margin: 0px;
     border-left: 2px solid #1b1b1b;
     margin-left: 30px;
     position: relative;
}
 header .results ul li::before{
     content: "";
     position: absolute;
     padding: 4px;
     border-radius: 50%;
     background: #2d2d2d;
     left: -5px;
     top: 5;
     height: 5px;
     width: 5px;
     margin-top: 10px;
}
 header .results ul li{
     margin: 0px;
     list-style: none;
     margin-top: 20px;
     margin-bottom: 40px;
     color: #939393;
}
 header .results ul li:last-child{
     margin-bottom: 10px;
}
 header .results .more{
     margin-bottom: 20px;
     display: inline-block;
     color: #939393;
     text-decoration: none;
}
 header .results .more:hover{
     color: #c2c2c2;
}
 header .results ul li .name{
     font-weight: bold;
     font-size: 120%;
     margin-left: 20px;
}
 header .results ul li .infos{
     margin-left: 20px;
     margin-bottom: 20px;
}
 header .results ul li .infos span{
     margin-right: 5%;
}
 header .results ul li img{
     width: 70%;
     margin-top: 15px;
}
 header .results ul li.top .name{
     color: #ffffff;
}
 header .results ul li.top .infos{
     color: #bf2928;
}
 header .results img.car{
     width: 100%;
}
 header.page{
     min-height: 0px;
     height: auto;
}
 header.page .carousel{
     display: none;
}
 header.page .page_header{
     width: 70%;
}
 header.page .page_header img{
     width: 100%;
}
 section.main{
     margin-top: 10px;
     margin-bottom: 20px;
}
 section.main .container{
     padding: 0px;
}
 section.main .container .content{
     width: 70%;
     padding-right: 20px;
     min-height: 765px;
}
 section.main .container .content h2{
     color: #bf2928;
     margin-bottom: 20px;
     margin-top: 20px;
}
 section.main .container .content .articles{
     padding-left: 30px;
     border-left: 2px solid #bf2928;
     margin-left: 20px;
     padding-right: 20px;
}
 section.main .container .content article{
     position: relative;
     margin-bottom: 40px;
     margin-top: 10px;
}
 section.main .container .content article .article-image{
     width: 30%;
     float: left;
}
 section.main .container .content article .article-image time{
     display: inline-block;
     margin-top: 5px;
     position: absolute;
     left: -100px;
     top: 30%;
     transform: rotate(270deg);
     background: #f9f9f9;
     padding: 10px;
     z-index: 11;
}
 section.main .container .content article .article-image img{
     width: 30%;
     border: 1px solid #ddd;
     -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
     -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
     box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
     position: absolute;
     top: 0 
}
 section.main .container .content article .article-content{
     width: 65%;
     float: right;
}
 section.main .container .content article .article-content h1{
     font-size: 160%;
}
 section.main .container .content article .article-content p{
     color: #979797;
     text-align: justify;
}
 section.main .container .content article a{
     color: #000;
}
 section.main .container .content article:hover .article-content h1{
     color: #bf2928 
}
 section.main .container .content article a:hover{
     text-decoration: none;
}
 section.main .container .content article a.more{
     color: #979797;
     text-align: right;
     display: inline-block;
}
 section.main .container .content article a.more:hover{
     color: #000;
}
 .btn{
     padding: 10px;
     padding-left: 20px;
     padding-right: 20px;
}
 .btn.btn-more{
     background: #bf2928;
     color: #fff;
     text-decoration: none;
     display: inline-block;
     cursor: pointer;
     border: 0px;
     margin: auto;
}

 .btn.btn-more:hover{
 	background: #7f1b1a;
 }

 .btn.btn-default{
     background: #7f1b1a;
     color: #fff;
     padding: 5px;
}
 .btn.btn-default .fas{
     display: inline-block;
     margin-right: 5px;
}
 .our-team{
     text-align: center;
     position: relative;
     color: #fff;
     margin-bottom: 20px;
     -webkit-box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.24);
     -moz-box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.24);
     box-shadow: 0px 10px 5px -4px rgba(0,0,0,0.24);
}
 .our-team:before{
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0,0,0,0.5);
     transition:all 0.3s ease 0s;
     opacity: 0;
}
 .our-team:hover:before{
     opacity: 1;
}
 .our-team img{
     width: 100%;
     height: auto;
}
 .our-team .team-content{
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     padding: 30px 0;
     background-color: rgba(191,41,40,0.9);
     transition:all 0.3s ease 0s;
}
 .our-team:hover .team-content{
     bottom: 20%;
}
 .our-team .team-content .name{
     font-size: 22px;
     font-weight: 800;
     letter-spacing: 1px;
     display: block;
     margin-bottom: 7px;
     text-transform: uppercase;
     transition:all 0.3s ease 0s;
}
 .our-team:hover .team-content .name{
     transform:translateY(5px);
     transition-delay:0.3s;
}
 .our-team .team-content .post{
     font-size: 17px;
     display: block;
     transition:all 0.3s ease 0s;
     text-transform: capitalize;
}
 .our-team:hover .team-content .post{
     transform:translateY(-5px);
     transition-delay:0.3s;
}
 @media screen and (max-width:990px){
     .our-team{
         margin-bottom: 30px !important;
    }
}
 section.partners{
     margin-top: 20px;
     margin-bottom: 20px;
     width: 100%;
     margin: auto;
}
 section.partners .slide{
     width: 20%;
     padding: 50px;
     padding-bottom: 0px;
}
 section.partners .slide img{
     width: 100%;
}
 footer{
     padding-top: 20px;
     padding-bottom: 20px;
     background: #222;
     margin-top: 30px;
     color: #fff;
     text-align: justify;
}
 footer .copyright{
     padding: 10px;
     display: inline-block;
     margin-top: 20px;
     background: rgba(0,0,0,0.2);
     border-radius: 2px;
     padding-left: 20px;
     padding-right: 20px;
}
 footer .copyright a{
     color: #fff;
     text-decoration: none;
}
 footer .col{
     float: left;
}
 footer .links{
     padding-left: 0px;
}
 footer .links a{
     color: #fff;
     text-decoration: none;
}
 footer .links a li{
     list-style: none;
     padding: 5px;
     background: rgba(0,0,0,0.3);
     border-radius: 2px;
     margin-bottom: 2px;
     padding-left: 10px;
}
 
@media only screen and (max-width: 1180px) {
	header{
		min-height: 0px;
		height: 401px;
	}
}

@media only screen and (max-width: 975px) {
	header{
		height: auto;
	}
	
	header .carousel{
		width: 100%;
	}

	.results{
		display: none;
	}

	section.main .container .content{
		width: 100%;
		padding: 0px;
	}

	 .our-team .team-content{
	 	padding: 5px;
	 }

	  .our-team .team-content .name{
	  	font-size: 15px;
	  	margin-bottom: 2px;
	  }
}

@media only screen and (max-width: 970px) {
	section.main .container .content{
		padding-left: 10px;
		padding-right: 10px;
	}

	 section.main .container .content article .article-image,  section.main .container .content article .article-content{
	 	width: 100%;
	 	float: none;
	 }

	 section.main .container .content article .article-image img{
	 	position: relative;
	 	width: 100%;
	 	margin-bottom: 20px;
	 }
}