@font-face{font-family:'baskerville'; src: url('/fonts/baskerville_normal.ttf');}
@font-face{font-family:'SnellRnd'; src: url('../fonts/SnellRoundhand.ttf');}
@font-face{font-family:'Futur'; src: url('../fonts/a_FuturicaLt_Thin.ttf');}


/*preloader*/

.loaderArea {
  background: #1d1d4a;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
  right:0;
  bottom:0;
  z-index: 100000;
}

      .img-load{
        display:block;
        width: 800px;
        margin: auto;
        animation: pulse 2s alternate infinite ease-in-out;
        opacity: 0;      }
      @keyframes cssload-spin {
        from {
          transform: rotate(0deg);
        }
        to {
          transform: rotate(360deg);
        }
      }
      @keyframes pulse {
        to {
          transform: scale(0.8);
          opacity: 0.5;
        }
      }

/*/preloader*/

body{background: #1d1d4a;}

.tp160{margin-top:160px;}
.tp40{margin-top: 40px;}

.w1{width: 25%;}
.w2{width: 38%;}
.w3{width: 24%;}
.w4{width: 16%;}
.w5{width: 23%;}
.w6{width: 29%;}
.w7{width: 13%;}
.w8{width: 23%;}
.w10{width: 70%;}



#progress_line{
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 5%;
	height: 10px;
	background: #e7ba49;
}


.bgpink{background: pink;}

.navbar-inverse .navbar-nav > li > a, .navbar-inverse .navbar-nav > li > a:after{
	  -webkit-transition: width .3s ease-in-out;
    -moz--transition: width .3s ease-in-out;
    transition: width .3s ease-in-out;
}

#logob, #nvbrstl, #anav, .btn_send{
  transition: all 0.4s ease-in-out 0.1s;}


.navbar-brand{
	background: url(/img/logo.png) left top no-repeat;
	background-size: 100% 100%
}

.navbar-inverse .navbar-nav > li > a{
	display: inline-block;
	font-size: 1.1em;
	font-family: 'baskerville';
	color: #e7ba49;
}

.navbar-inverse .navbar-nav > li > a:hover{color: #e7ba49; }

.navbar-inverse .navbar-nav > li > a:after{
	background-color: #e7ba49;
    display: block;
    content: "";
    height: 1px;
    width: 0%;
}

.navbar-inverse .navbar-nav > li > a:focus{
    color: #e7ba49;
}
.navbar-inverse .navbar-nav > li > a:hover:after, .navbar-inverse .navbar-nav > li > a:focus:after {width: 100%;}

.navbar-toggle{
  width: 13%;
  background:#e7ba49;
  font-size: 5rem;
  border-radius: 10%;
  color: #1d1d4a;
}

.navbar-toggle:hover, .navbar-toggle:focus {
  background: #1d1d4a;
  color: #e7ba49;
}

 .collapsing, .in{
  background: #1d1d4a;
  width: 100%; 
  height: 700px;
  text-align: center;
  font-size: 2rem; 
  overflow: visible;
}

/*scroll*/

#logob{
  width: 200px; 
  height: 122px; 
}
#logobsml{width: 100px; height: 61px;}

#nvbrstl{
  background-color: rgba(29,29,74,0); 
  border: none;
}

#anav{padding-top: 45px;}
/*scroll*/








/* Vidos*/

#video-bg {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    height: 70%;
    overflow: hidden;
    z-index: 1;
    background:/* #1d1d4a*/;
    background-size: cover;
}
 
#video-bg > video {
    position:relative;
    top:  0;
    left: 0;
    min-width: 100%; 
    min-height: 100%;
    width: auto;
    height: auto;
}
 
 @supports (object-fit: cover) {
     #video-bg > video {
         top: 0;
         left: 0;
         width: 100%;
         height: 100%;
         object-fit: cover;
     }
 }


.slogan{
	position: absolute;
	left: 10%;
	width: 80%;
	top: 160px;
	text-align: center; 
	font-family: 'SnellRnd';
	color: #e7ba49;
	font-size: 5rem;
	z-index: 10;
		/*text-shadow: 4px 4px 4px #000;*/
}

.slogan h2{
	font-family: 'SnellRnd';
	font-size: 7rem;
	text-align: center;
}

.namewn{float: right;}

 .setka{
 	position: absolute;
 	top: 0px;
 	width: 100%;
 	height: 100%;
 	background: url(/img/bl_px_3x3.png); 
 }

.row{ 
	color: #f3eeee; 
	font-family:'Futur';
	font-weight:100;
}

.row p{ 
	font-size: 1.3rem; 
	text-align: left;
	margin-bottom:15px;
	line-height: 1.2; 
}

 .row h2{
 	font-size: 2.8rem;
 	text-align: center;
 	padding: 40px 0;
 	font-family: 'baskerville';
	color: #e7ba49;
 }


.row h2:after{
	background-color: #e7ba49;
    display: block;
    margin: auto;
    content: "";
    height: 1px;
    width: 100%;
  }

.rsABlock h3{
	font-family:'Futur';
	font-size: 1.5rem;
	padding: 10px;
}

.text, .mess, .btn_send{
  width: 100%;
  height: 50px;
  font-size: 1.2rem;
  border: solid #fff;
  border-width: 0 0 1px 0;
  margin: 5px 0;
  padding: 2px;
  background: #1d1d4a;
  outline: none;
}

.mess{height: 250px; text-align: left;}

.btn_send{
  display: block;
  margin: auto;
  width: 30%;
  text-transform: uppercase;
  letter-spacing: 1px;
  border-width: 1px;
}

.btn_send:hover{
  color: #1d1d4a;
  background: #fff;
}

.foot{
  width: 100%;
  height: 1px;
  background: #e6b949; 
  border: 0;
}

.footer, .footer a{
  font-size: 1.2rem;
  text-align: center;
}

.footer a{
  color: #f3eeee;
  padding-bottom: 20px;
}

.copirlg{
  font-family:'arial';
  color: #e7ba49;
  font-weight: 900;
}

.titre{
  margin-top: 20px;
  font-size: 1rem;
}