#activities,#news,#race,#result,#gallery,#media,#content,#home {
    padding-top:0px;
    min-height:900px;
    /* color: #fff ;*/
}

#content{

}

#home {
    /*padding-top:82px;*/
    /* min-height: 50;*/
}

#news {top: 100px}
.racenews{}
.news-broder{border-style: solid;}
.newsBroder{border-style: solid;}
/*.racenewsBroder{border:double 5px #0c172b;}*/
.racenewsHeader{color: #0c172b}
.footer{

}

.foot{
    background-color: #323231;
    min-height: 100px;
}
.footer-img{
    background-color: white;
}

body {
    position: relative;
    background:none; 
}
.navbar{
    background-color: #0c172b; 
}
.navbar li a:hover{
    text-decoration: none;
}

.navbar li :hover{

}

.nav > li.dropdown.open {
    position:static;
}


.dropdown>li.dropdown-memu.open{
    background-color: black;
    color: black;
}


.btn-drops{

}


.btnHeadDropdown:hover{
    background-color: red;
    /*  animation: fxBtn 2s;
      -webkit-animation: fxBtn 1s;
      animation-timing-function: linear;*/
}

.testBtn{


    background-size: cover;
}
.testBtn:hover{
    animation: fxBtn 0.5s;
    background-image: url('/bric_v1.0.5/frontend/web/images/brictheme/asset/bar_head_right.png');

}

@keyframes fxBtn {
    0%   {background-image: url('/bric_v1.0.5/frontend/web/images/brictheme/asset/bar_head_left.png'); left:-30%; }
    /*25%  {background-color:blue; left:100px; }*/
    60%  {background-image: url('/bric_v1.0.5/frontend/web/images/brictheme/asset/bar_head_right.png'); left:0%; }
    /*75%  {background-color:blue; left:100px; }*/
    100% {background-image: url('/bric_v1.0.5/frontend/web/images/brictheme/asset/bar_head_right.png'); left:0px; }
}

.nav > li.dropdown.open .dropdown-menu {
    width: 100%; 
    text-align: center;
    opacity:0.95;
}



.dropdown-menu{
    width: 1000px;
    background-color: black;
}
.dropdown:hover{

}

.dropdown-menu>a{
    color: black;
}
.dropdown-menu>li {

    /*font-size: 10px;*/

    /*display: table-cell;*/
}

.header{
    background-color: #0c172b;
    color: #fff ;

}

.content{
    color: black;

}
.affix {
    background-color: black;   
}

@media (min-width:768px) {
    .affix-top {
        /* navbar style at top */
        background-color:transparent;
        border-color:transparent;
        padding: 15px; 
    }
}

.parallax-window {
    width: 100%;
    min-height: 160vh;
    background: transparent;
}

.mySlides {
    display:none;
    right: -20px;
}

.filmSlide{
    animation: filmFx 0.5s;
    -webkit-animation: filmFx 0.5s;
}
.keySlide{
    animation: slideleft 2s linear;
    -webkit-animation: slideleft 2s;
}

@keyframes filmFx {
    0%  { top:-200px;}
    45%{top:20px}
    100% {   top:0px;}
}
@-webkit-keyframes filmFx {
    50%  {  top:-200px;}
    100% {   top:0px;}
}

.mySlides{
    animation: fxHome 2s;
    -webkit-animation: fxHome 1s;
}

.topSpeedSlide{
    animation: fxTopSpeed 2s;
    -webkit-animation: fxTopSpeed 1s;
}

.mSlides{
    animation: fxMHOME 2s;
    -webkit-animation: fxMHOME 1s;
}

@keyframes fxHome {
    0%  { right:1100px;}
    45% { right:-40px;}
    100% { right:-20px;}
}

@keyframes fxTopSpeed {
    0%  { right:1100px;}
    100% { right:-20px;}
}

@keyframes fxMHOME{
    0%  { right:600px;}
    45% { right:-5px;}
    100% { right:-0px;}
}


.leftSlide{
    /* animation: slideleft 1s;
     -webkit-animation: slideleft 1s;*/
}

@keyframes fadeup {
    0%  {opacity:0;}
    20% {opacity:0.9;}
    100% {opacity:1;}
}

@keyframes slideleft {
    0%  { left:1500px;}
    100% { left:-30px;}
}

#home{
    /*padding-top: 75px;*/
    /*min-height: 950px;*/
    animation-timing-function: cubic-bezier(0.42,0,1,1);
    animation: mymove 5s infinite;
}