/*----GENRALE-------*/
html,
body {
    width: 100%;
    height: 100%;
}
body {
    font-family: 'Raleway', 'Helvetica', 'Arial', 'sans-serif';
}
a{
    color: #00bcd4;
    transition: all .6s ease-in-out !important;
    -webkit-transition: all .6s ease-in-out !important;
    -moz-transition: all .6s ease-in-out !important;
}
a:hover, a:focus {
    color: #ff0060;
}
hr {
    max-width: 100px;
    margin: 1.563em auto 0;
    border-width: 1px;
    border-color: rgba(34, 34, 34, 0.1);
}

hr.light {
    border-color: white;
}

h1{
    font-size: 2.75em; 
}
h3{
    font-size: 2em;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 200;
    letter-spacing: 1px;
}

p {
    font-size: 1.125em;
    line-height: 1.5;
    margin-bottom: 1.250em;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    line-height: 1.4em;
}



div.device{
    width: 80% !important;
    height: 80% !important;
}
.no-gutter > [class*='col-'] {
    padding-right: 0;
    padding-left: 0;
}

.linked-icon,
.linked-icon:focus{
    color: #ffffff;
}
.linked-icon:hover,
.linked-icon:active{
    color: #ff0060;
}
.btn-outline,
.btn-outline:focus,
.btn-outline-secondary,
.btn-outline-secondary:focus{
    color: #ffffff;
    background-color: #ff0060;
    border: 2px solid #ff0060;
}
.btn-outline:hover,
.btn-outline:active,
.btn-outline.active {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid #ffffff;
}
.btn-outline-secondary:hover,
.btn-outline-secondary:active{
    color: #ff0060;
    background-color: transparent;
    border: 2px solid #ff0060;
}

.badges{
    text-align: center;
}

.btn {
    border-radius: 33px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.btn-xl {
    font-size: 0.8em;
    padding: 1em /*2.813em*/1.875em;
}
.pt-large{
   padding-top: 5.000em !important; 
}
.pb-large{
   padding-bottom: 5.000em !important; 
}
.avevaday-question-pos{
    color:#6490D1;
}

.avevaday-context {
    font-weight: bold;
}


/*-------NAVIGATION----*/

#mainNav {
    border-color: rgba(34, 34, 34, 0.05);
    background-color: #203b4c;
    -webkit-transition: all .35s;
    -moz-transition: all .35s;
    transition: all .35s;
    font-weight: 200;
    letter-spacing: 1px;
}

#mainNav .navbar-toggler {
    font-size: 0.750em;
    padding: 0.500em 0.625em;
    color: #ffffff;
}

#mainNav .navbar-nav > li > a {
    font-size: 0.688em;
    letter-spacing: 2px;
    text-transform: uppercase;
}

#mainNav .navbar-nav > li > a.active {
    color: #ff0060 !important;
    background-color: transparent;
}

#mainNav .navbar-nav > li > a.active:hover {
    background-color: transparent;
}

#mainNav .navbar-nav > li > a,
#mainNav .navbar-nav > li > a:focus {
    color: #ffffff;
}

#mainNav .navbar-nav > li > a:hover,
#mainNav .navbar-nav > li > a:focus:hover {
    color: #ff0060;
}
#mainNav .navbar-collapse{
    margin-top: 1.250em;
}

.navbar-light .navbar-toggler{
    border-color: transparent; 
}
.navbar-light .navbar-toggler:focus{
    outline: none;
}


/*-------END NAVIGATION----*/

/*-------HEADER----*/
div.masthead .header-content {
    max-width: 31.250em;
    margin-bottom: 6.250em;
    text-align: center;
}
div.masthead .header-content h1{
    font-size : 1.875em;
}
div.masthead{
    color: white;
    background: url("../images/bg_img_section_1.jpg") no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: scroll;
}
div.masthead,
div.masthead_contest{
    position: relative;
    padding-top: 6.250em;
    padding-bottom: 6.250em;
    width: 100%;
}

div.masthead .device-container {
    max-width: 20.313em;
    margin-right: auto;
    margin-left: auto;
}

div.masthead .device-container .screen img {
    border-radius: 3px;
}

div.masthead_contest{
    background-image: linear-gradient(to right top, #abf3f6, #86d1dd, #64b0c3, #448faa, #256f90);
    color: #333333;
}

.logo_aveva_content{
    margin: 5em 0 2em;
}
/*-------END HEADER----*/

/*-----------MOCKUP DEVICE-------*/

.device-mockup {
    position: relative;
    width: 100%;
    padding-bottom: 61.775701%;
}

.device-mockup > .device {
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
    width: 100%; height: 100%;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.device-mockup > .device > .screen {
    position: absolute;
    top: 11.0438729%;
    bottom: 14.6747352%;
    left: 13.364486%;
    right: 13.364486%;
    overflow: hidden;
}

/* Galaxy S5 */
.device-mockup.galaxy_s5,
.device-mockup.galaxy_s5.portrait {
    padding-bottom: 194.188862%;
}

.device-mockup.galaxy_s5.landscape {
    padding-bottom: 51.496259%;
}

.device-mockup.galaxy_s5 > .device,
.device-mockup.galaxy_s5.black > .device,
.device-mockup.galaxy_s5.portrait.black > .device {
    background-image: url("../images/galaxy_s5_port_black.png");
}

.device-mockup.galaxy_s5 > .device > .screen,
.device-mockup.galaxy_s5.portrait > .device > .screen {
    top: 10.2%; bottom: 10.1%; left: 6.3%; right: 6.4%;
}

.device-mockup.galaxy_s5.landscape > .device > .screen {
    top: 6.6%; bottom: 6.2%; left: 10.15%; right: 10%;
}
/*-----------END MOCKUP DEVICE-------*/

/*SECTIONS*/

section {
    padding: 6.250em 0;
}
section h2 {
    font-size: 1.875em;
}

section.teach_and_connect{
    background-image: linear-gradient(to right top, #0d3c60, #0b5d85, #0081aa, #00a6cc, #09cdeb);
    background-size: cover;
    color: white;
}
section.teach_and_connect h2{
   /* max-width: 28.125em;*/
}
section.teach_and_connect .connect-item{
    padding-top: 1.500em;
    padding-bottom: 1.500em;
    text-align: center; 
    color: #ffffff;
}
section.teach_and_connect .connect-item i{
    font-size: 3.125em;
    display: block;
    margin-bottom: 0.938em;
    color: #ffffff;
}


.circle{
    text-align: center;
    border: 1px solid;
    width: 2.500em;
    height: 2.500em;
    line-height: 2.2em;
    border-radius: 50%;
}

.wrap-btn a{
    color: #333 !important;
    border: 1px solid;
    border-color: #333;
}

section.concours{
    background: url("../images/bg_img_section_2_altern2.jpg") no-repeat;
    width: 100%;
    background-size: cover;
    background-position: 45% 55%;
    background-attachment: fixed;
    color: #ffffff;
    padding: 6.250em 0;
}
section.demo{
    background: url(../images/bg_img_section_filtered_3.jpg) no-repeat;
    width: 100%;
    background-size: cover;
    background-position: 50% 50%;
    color: #ffffff;
}

section.demo .section-heading {
    margin-bottom: 1.875em;
}
section.demo .feature-item {
    max-width: 20.313em;
    margin: 0 auto;
}

section.demo .feature-item {
    padding-top: 1.875em;
    padding-bottom: 1.875em;
    text-align: center;
  }

section.cta{
    position: relative;
    background: url(../images/bg_img_section_filtered_4.jpg) no-repeat;
    width: 100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    padding: 11.5em 0;
}

section.cta .cta-content {
    position: relative;
    z-index: 1;
}
section.cta .cta-content h2{
    font-size: 3.125em;
    max-width: 28.125em;
    margin-top: 0;
    margin-bottom: 1.563em;
    color: white;
}
section.cta .cta-content h3{
    color: #ffffff;
    font-size: 2.500em;
}
section.cta .cta-content h4{
    color: #ffffff;
}

section.cta .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.cta_concours {
    padding: 2em;
    text-align: center;
    color: #fff;
    background-color: rgba(32, 59, 76, 0.5882352941176471);

}

section.demo .feature-item i {
    font-size: 3.750em;
    display: block;
    margin-bottom: 0.938em;
    color: #ffffff;
}

div.bg_to_contest{
    background: url(../images/bg-quiz-overlay.jpg) no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: 50% 50%;
    min-height: 70vh;
    padding: 4.5em 0;
}
/*FIN SECTIONS*/

/*---------Present DEMO Et Concours-----------*/

.block-container-demo{
    margin: 3%;
    background: rgba(255, 255, 255, 0.5);
    padding: 8% 0;
    color: #333;
}

.block-container-demo p{
    padding: 0 2%;
}

.block-container-contest{
    margin: 1.250em 0.625em;
}
.block-container-demo ul li,
div.container-notice ul li{
    margin-bottom: 1.250em;
}

.block-container-demo ul,
div.container-notice ul{
    /*margin: 1.250em auto;*/
    padding-bottom: 2.500em;
}


div.container-notice{
    margin: 1.250em auto;
    width: 80%;
}

/* ---- LeaderBoard------*/

.block-participant-leaderboard{
    padding: 20px 0;
    background: #eeeeee;
    margin-bottom: 40px;
}
.item-result-details div.row{
    transition: all .5s ease-in-out;
}
.item-result-details div.row:hover{
    background: #dee2e6;
}
.img-candidat img{
    box-shadow: 0px 0px 14px rgba(0,0,0,0.2);
}


/*-------ERROR PAGES------*/

div.container_error_404{
    background: url('../images/error404.png') no-repeat;
    background-size: cover;
    background-position: 50% 0%;
    min-height: 100vh;
    color: #fff !important;
}
div.container_error_500{
    background: url('../images/error500.jpg') no-repeat;
    background-size: cover;
    background-position: 50% 0%;
    min-height: 100vh;
    background-color: #0b5d85;
    color: #fff !important;
}
/*-----FOOTER-----*/
footer a{
    color: #eeeeee;
}
footer a:hover{
    color: #ff0060;
    text-decoration: none;
}

footer ul.list-social li a{
    font-size: 2.188em;
}
footer ul.list-social li a:hover{
    color: #ff0060;
}
footer {
    padding: 1.563em 0;
    text-align: center;
    color: rgba(255, 255, 255, 0.3);
    background-color: #203b4c;
}

footer p {
    font-size: 0.750em;
    margin: 0;
}

footer ul {
    margin-bottom: 0;
}

footer ul li a {
    font-size: 0.750em;
    color: rgba(255, 255, 255, 0.3);
}

footer ul li a:hover,
footer ul li a:focus,
footer ul li a:active,
footer ul li a.active {
    text-decoration: none;
}

/*-----END FOOTER-----*/

/*-----Resposnive-------*/


@media (max-width: 990px) {
    .menu-login-resp {
        display: none;
    }
}

@media (min-width: 992px){
    
    /* ------GENERALS------ */
    
    h1{
        font-size: 2.5em; 
    }
  

  /*----NAVIGATION-----*/
  #mainNav {
        border-color: transparent;
        background-color: transparent;
  }
    #mainNav.navbar-shrink{
        background-color: #203b4c;
    }

    #mainNav .navbar-nav > li > a, 
    #mainNav .navbar-nav > li > a:focus{
        color: #ffffff;
    }

    #mainNav .navbar-nav > li > a{
        border-bottom: 1px solid transparent;
    }
    #mainNav .navbar-nav > li > a:hover{
        color: #ff0060 !important;
    }

    #mainNav .navbar-nav > li > a.active{
        color: #ff0060 !important;
        border-bottom: 1px solid #ff0060;
    }

    #mainNav.navbar-shrink .navbar-nav > li > a, 
    #mainNav.navbar-shrink .navbar-nav > li > a:focus{
        color: #ffffff;
    }
  /*-------END NAVIGATION----*/

  /*-------HEADER----*/

    div.masthead,
    div.masthead_contest{
        height: 100vh;
        min-height: 60em;
        padding-top: 6.250em;
        padding-bottom: 0;
        background-attachment: fixed;
    }
    div.masthead .header-content {
        margin-bottom: 0;
        text-align: left;
    }
    div.masthead .header-content h1 {
        font-size: 2.500em;
    }
    div.masthead .device-container {
        max-width: 20.313em;
    }
  /*-------END HEADER----*/
  .badges{
        text-align: left;
    }


  /* -------- SECTIONS --------*/
  
  section.concours{
      height: 100%;
      background-position: 50% 50%;
  }
    
    section.demo,
    section.cta,
    section.teach_and_connect{
        height: 100vh;
        min-height: 60em;
  }
  section h2 {
      font-size: 3.125em;
    }

  /*----------FIN SECTION--------*/
  
   /* -------- Present Demo --------*/

    
   div.container-notice{
    margin: 1.250em auto;
    width: 60%;
    }
  .block-content ul{
        margin: 20px auto;
  }
  
 

  /*----------FIN Present Demo*/


}