@charset "utf-8";

*{

    margin: 0;

    padding: 0;   

    font-family: Montserrat;



}



@font-face{

    font-family: Montserrat;

    src:url("font/static/Montserrat-Italic.ttf")

}



.font{

    font-family: Montserrat;

    font-size: large;

}



.container{

    

   /* background-image:url("poze/sQtEFD.png");

    background-position: center;

    background-size: cover;*/

   /* background: linear-gradient(to bottom right, #33ccff 0%, #9900cc 100%);*/

    padding: 35px;

    background-clip: content-box,padding-box;

    

}



.logo{

    width: 15%;

    margin-left: auto;

    margin-right: auto;

    display: flex

    

        

}

.header_navigare{

    display: flex;

    align-items: center;

}



.header

{

       background: linear-gradient(to bottom right, #33ccff 0%, #9900cc 100%);

}







@media (min-width: 500px){

.navbar-expand-lg .navbar-nav {

    -ms-flex-direction:  row !important;

    flex-direction: row !important;

    

}

    .navbar-expand-lg {

        justify-content: space-around !important;

    

    }

}

.photo{

    justify-content: center;

    display: flex;

    padding: inherit ;

    padding: 30px;

}



.w-100{

    width: auto !important;

}

.sponsors{

    display: flex;

    justify-content: space-around;

    align-items: center;

}



.coloane_membri{

    display:table-row;

}

#st_award{

    background-color: #B8FFF9;

    color: black;

    height: 150px;

}

#nd_award{

    background-color: #85F4FF;

    color: black;

    height: 150px;

}



#rd_award{

    background-color: #42C2FF;

    color: black;

    height: 150px;

}

#pp_award{

    background-color: #4169E1;

    color: black;

    height: 150px;

}



.year{

    font-weight: bold;

    color: white;

    font-size: 100;

}



.prize{

      font-size: 70px

}







.dropdown_h {

    color: black !important ;

}



.vertical_divider{

        display: flex;

        padding: 4px;

        align-items: center;

    

    

        height: auto;

        width: 5px;

        background:linear-gradient(to bottom right, #33ccff 0%, #9900cc 100%);

        border-radius: 99px;

        margin: 0 15px;

}









.sticky {

  position: fixed;

  top: 0;

  width: 100%;

  background:linear-gradient(to bottom right, #33ccff 0%, #9900cc 100%);

  z-index: 1000;

}



/* Add some top padding to the page content to prevent sudden quick movement (as the header gets a new position at the top of the page (position:fixed and top:0) */

.sticky + .content {

  padding-top: 50px;

}



























/* css members */

@import url(//fonts.googleapis.com/css?family=Montserrat:300,500);

.team4 {

  font-family: "Montserrat", sans-serif;

	color: #8d97ad;

  font-weight: 300;

}



.team4 h1, .team4 h2, .team4 h3, .team4 h4, .team4 h5, .team4 h6 {

  color: #3e4555;

}



.team4 .font-weight-medium {

	font-weight: 500;

}



.team4 h5 {

    line-height: 22px;

    font-size: 18px;

}



.team4 .subtitle {

    color: #8d97ad;

    line-height: 24px;

		font-size: 13px;

}



.team4 ul li a {

  color: #8d97ad;

  padding-right: 15px;

  -webkit-transition: 0.1s ease-in;

  -o-transition: 0.1s ease-in;

  transition: 0.1s ease-in;

}



.team4 ul li a:hover {

  -webkit-transform: translate3d(0px, -5px, 0px);

  transform: translate3d(0px, -5px, 0px);

	color: #316ce8;

}



/* end */



.cls_sponsor

{

    max-height: 98% !important; 

    width: auto !important;

    height: 98% !important;

    padding: 20px;

}











.divider

{

	position: relative;



	height: 1px;

}



.div-transparent:before

{

	content: "";

	position: absolute;

	top: 0;

	left: 5%;

	right: 5%;

	width: 90%;

	height: 1px;

	background-image: linear-gradient(to right, transparent, rgb(48,49,51), transparent);

}



.div-arrow-down:after

{

	content: "";

	position: absolute;

	z-index: 1;

	top: -7px;

	left: calc(50% - 7px);

	width: 14px;

	height: 14px;

	transform: rotate(45deg);

	background-color: white;

	border-bottom: 1px solid rgb(48,49,51);

	border-right: 1px solid rgb(48,49,51);

}



.navbar-nav .dropdown-menu {

    

    float: none !important;

    position: absolute !important;

}



/* responsive */



@media (min-width: 500px){

.navbar-expand-lg .navbar-nav .nav-link {

    padding-right: 0.5rem;

    padding-left: 0.5rem;



}

    .row{

        place-content:center  !important;

    }

    

    .col-md-12{

        width: 85% !important;

    }

    .logo{

        width: 33% !important;

    }

}









@media (max-width:1100px){

    

    .photo{

    justify-content: center !important;

    display: grid;

    padding: inherit !important; 

    padding: 30px !important;

    text-align: center !important;

    }

    

    .vertical_divider{

        display: none!important;

        

            

        

    }

    .photo_row{

        padding: 10px;

    }    



}



@media (min-width:768px) and (max-width:992px) {

    

    .cls_sponsor{

        width: 180px !important;

        

    }

    .col-md-12 {

    -ms-flex: 0 0 75%;

    flex: 0 0 75%;

    max-width: 100%;

}

    .logo{

        width: 28% !important;

    }

    

}





@media (max-width:768px) and (min-width:560px){

    

    .cls_sponsor{

        width: 120px !important;

        padding: 10px !important;

    }

    

    .align-items-md-center {

    -ms-flex-align: center !important;

    align-items: center !important;

}

}



@media (min-width: 320px) and (max-width:560px){

 .align-items-md-center {

    -ms-flex-align: center !important;

    align-items: center !important;

}

    

    .sticky {

        position: unset;

        display: contents;

    }

    

    .cls_sponsor{

        width: 95px !important;

        padding: 10px;

    }    

    

    

}



@media (min-width: 320px) and (max-width:500px){



    .header{

        display: flex !important;

        justify-content: space-between !important;

    }

   

    .logo{

        display: initial !important;

        width: 200px !important;

    }

}



@media (min-width: 320px) and (max-width:420px){

    .cls_sponsor{

        width:85px !important ;

        padding: 5px !important;

    }

    

}





@media (min-width: 992px){

    .logo{

        width: 20% !important ;

    }

}