body {font-family: 'Open Sans', sans-serif;font-size:8px; font-weight: 300;text-align: center; font-style: normal;color:#717172;}

h1, .page .h1{font-size: 6em; line-height: 1.4em; color: #FFF}

h2{font-weight: 300;color: #384FB9}
h2, h3 {font-size: 4.5em; }
p{line-height: 1.4em;}
main{padding-top: 0; padding-bottom: 50px}

h1, h2, h3, h4, p{margin-bottom: 3rem;}
h1, h2, h3, h4, p.h1{ font-family: 'Roboto', sans-serif;font-weight: 300;}

p b, p strong{font-weight: 600;}



.contentMaxSize > *, .wMax1150{max-width: 1150px; margin:auto }
.wMax1350{max-width: 1350px; margin:auto }

.bg_choice:not(table){padding-top: 80px; padding-bottom: 80px}

.color-orange{color: #384FB9}
a{color: inherit; transition: color .3s}
a:hover{color: #384FB9;}



/********************************************************
 *           header   
 *******************************************************/
body{padding-top: 105px}
header { transition-duration: 0.3s; transition-property: background-color, height;
  position: fixed; z-index: 5;width: 100%; height:  105px; top: 0;left: 0;
  background: #FFF;font-size: 8px; border-bottom: 3px solid rgba(255,255,255,0.1); color: #FFF;
  padding-top: 15px; border-bottom:#EFEFEF 3px solid;
}
header img{height: 75px}
  header .logo_space {display: inline-block; vertical-align: middle;  margin: auto; width: 260px; margin-bottom: -5px}
    /*header .logo_space img{width: 100%; }*/
    header .logo_space {position: relative;}
  header .nav {width: calc(100% - 260px);display: inline-block;text-align: right; position: relative; padding-right: 10px}
    header nav ul {display: inline-block; width: 100%;text-align: center;}
    header nav #btn_search{display: inline-block; width: 5%; display: none;}
    header nav ul>li{ overflow: hidden; }
      header nav ul li { display: inline-block; text-align: center; margin: 0 2%; vertical-align: middle; line-height: 2em;position: relative;transition: all 0.5s;}
        header nav ul li a { color: #384FB9; text-decoration: none; font-size: 1.8em; }
        
        header nav ul ul{display: block; position: absolute; top:80px; width: 200%; background: rgba(25,25,25,0.7); opacity: 0; transition: opacity 0.5s; margin-left: -50%;}
        header nav ul ul::before{content:""; width: 100%; position: absolute;top: 0; height: 1px; display: block;background: #384FB9; }
        
        header nav  ul li:hover ul{opacity: 1}
        header nav  ul li:hover{overflow: visible; padding-bottom: 50px; padding-top: 50px; margin-top: -50px; margin-bottom: -50px}
        header nav  ul li li:hover{padding: 0; margin: 10px 0;}
        header nav ul ul li{ margin: 10px 0; padding: 0; width: 100%; display: block;text-align: center; font-size: 0.8em;}
        

h3{font-size: 3em; display: inline-block; position: relative; padding-bottom: 5px}
h4{font-size: 2.6em; font-weight: normal;}


/********************************************************
 *             footer 
 *******************************************************/

footer {background: #000;color: #fff;font-size: 15px;text-align: center;display: block; padding: 25px 0;}
footer a {position: relative;color: #fff;text-decoration: none; display: inline-block; margin-left: 50px; margin-right: 50px;}
footer a::after{position: absolute; display: block; content: "";height: 100%; width: 1px;background-color: #fff; right: -50px; top: 0;}
footer a:last-child::after{display: none;}
footer p{margin: 0;}

footer p strong{font-size: 1.35em;}
/*footer::after{content: "";width: 100%; clear:both; display: block;}*/
footer .social{float: right; width: auto; display: inline-block; text-align: right; font-size: 20px;}
footer .social a{display: inline-block; margin-right: 15px; margin-left: 0;}
footer .social a:after{display: none;}
/********************************************************
 *            form 
 *******************************************************/

.form{width: 70%; margin-left: auto; margin-right: auto}
.form form > .bloc { margin-bottom:20px; }
.form .bloc .bloc2{margin-bottom: 0; margin-top: 0;}
.form input[type="text"], .form textarea, .form input[type="email"], .form input[type="tel"]{ background: #A6C7E4; border: 1px solid transparent; height: 58px; width: 100%; padding: 0 0 0 30px; color: #384FB9; font-size: 2.2em; box-sizing: border-box; font-weight: 300;}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(255,255,255,1);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(255,255,255,1);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(255,255,255,1);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(255,255,255,1);
}
.form textarea {height: 260px;padding-top: 10px; width: 100%}

.form button p{background: #384FB9; color:#FFF;
  display: inline-block; margin: 0; font-size: 1.4em; text-transform: uppercase;padding:10px 15px }
.form button p:hover {background: rgba(204, 204, 204, 0.4); }
.form button {text-align: right; background: transparent; border:none; cursor: pointer;display: block;width: 100%;}

.form .check_or_radio .bloc{min-width: 31.66%; width: auto; margin-left: 2.5%; display: inline-block;}
.form .check_or_radio .bloc:nth-child(3), .form .check_or_radio .bloc:nth-child(6), .form .check_or_radio .bloc:nth-child(9), .form .check_or_radio .bloc:nth-child(12){margin-left: 0}
.form .check_or_radio > div  p{font-size: 1.3em; display: inline-block; vertical-align: middle;margin: 0;}
.form .check_or_radio input{vertical-align: middle; margin-left:20px;}
.videoFixBg{
  object-fit:cover;
  top: 0; left: 0;
  position: fixed; z-index: -1; width: 100%; height: 100vh
}
/********************************************************
 *              Cms
 *******************************************************/
.page p{ font-size: 2.4em; }


/********************************************************
 *              ANIMATION
 *******************************************************/
.anim{transform: translateY(100px); transition-property: transform opacity; transition-duration: 2s; opacity: 0}
.anim.animDone{transform: translateY(0px); opacity: 1}




.form .check_or_radio .bloc{margin-left: 0; margin-right: 30px; display: inline-flex;}
.form .check_or_radio .bloc input{order: 1;margin: 0;}
.form .check_or_radio .bloc label{order: 2;margin-left: 15px }