﻿body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

.inline {
    display: inline !important;
}

 .page {
  padding: 15px 0 0;
}

.bmd-modalButton {
  display: block;
  margin: 15px auto;
  padding: 5px 15px;
}

.close-button {
  overflow: hidden;
}

.bmd-modalContent {
  box-shadow: none;
  background-color: transparent;
  border: 0;
}
  
.bmd-modalContent .close {
  font-size: 30px;
  line-height: 30px;
  padding: 7px 4px 7px 13px;
  text-shadow: none;
  opacity: .7;
  color:#fff;
}

.bmd-modalContent .close span {
  display: block;
}

.bmd-modalContent .close:hover,
.bmd-modalContent .close:focus {
  opacity: 1;
  outline: none;
}

.bmd-modalContent iframe {
  display: block;
  margin: 0 auto;
}


#floatingBarsG {
    position: relative;
    width: 248px;
    height: 308px;
    margin: auto;
}

.blockG {
    position: absolute;
    background-color: rgb(0,0,0);
    width: 40px;
    height: 96px;
    border-radius: 32px 32px 0 0;
    -o-border-radius: 32px 32px 0 0;
    -ms-border-radius: 32px 32px 0 0;
    -webkit-border-radius: 32px 32px 0 0;
    -moz-border-radius: 32px 32px 0 0;
    transform: scale(0.4);
    -o-transform: scale(0.4);
    -ms-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -moz-transform: scale(0.4);
    animation-name: fadeG;
    -o-animation-name: fadeG;
    -ms-animation-name: fadeG;
    -webkit-animation-name: fadeG;
    -moz-animation-name: fadeG;
    animation-duration: 0.992s;
    -o-animation-duration: 0.992s;
    -ms-animation-duration: 0.992s;
    -webkit-animation-duration: 0.992s;
    -moz-animation-duration: 0.992s;
    animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    animation-direction: normal;
    -o-animation-direction: normal;
    -ms-animation-direction: normal;
    -webkit-animation-direction: normal;
    -moz-animation-direction: normal;
}

#rotateG_01 {
    left: 0;
    top: 112px;
    animation-delay: 0.3695s;
    -o-animation-delay: 0.3695s;
    -ms-animation-delay: 0.3695s;
    -webkit-animation-delay: 0.3695s;
    -moz-animation-delay: 0.3695s;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#rotateG_02 {
    left: 32px;
    top: 40px;
    animation-delay: 0.496s;
    -o-animation-delay: 0.496s;
    -ms-animation-delay: 0.496s;
    -webkit-animation-delay: 0.496s;
    -moz-animation-delay: 0.496s;
    transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
}

#rotateG_03 {
    left: 104px;
    top: 12px;
    animation-delay: 0.6125s;
    -o-animation-delay: 0.6125s;
    -ms-animation-delay: 0.6125s;
    -webkit-animation-delay: 0.6125s;
    -moz-animation-delay: 0.6125s;
    transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

#rotateG_04 {
    right: 32px;
    top: 40px;
    animation-delay: 0.739s;
    -o-animation-delay: 0.739s;
    -ms-animation-delay: 0.739s;
    -webkit-animation-delay: 0.739s;
    -moz-animation-delay: 0.739s;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
}

#rotateG_05 {
    right: 0;
    top: 112px;
    animation-delay: 0.8655s;
    -o-animation-delay: 0.8655s;
    -ms-animation-delay: 0.8655s;
    -webkit-animation-delay: 0.8655s;
    -moz-animation-delay: 0.8655s;
    transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
}

#rotateG_06 {
    right: 32px;
    bottom: 28px;
    animation-delay: 0.992s;
    -o-animation-delay: 0.992s;
    -ms-animation-delay: 0.992s;
    -webkit-animation-delay: 0.992s;
    -moz-animation-delay: 0.992s;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
}

#rotateG_07 {
    bottom: 0;
    left: 104px;
    animation-delay: 1.1085s;
    -o-animation-delay: 1.1085s;
    -ms-animation-delay: 1.1085s;
    -webkit-animation-delay: 1.1085s;
    -moz-animation-delay: 1.1085s;
    transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}

#rotateG_08 {
    left: 32px;
    bottom: 28px;
    animation-delay: 1.235s;
    -o-animation-delay: 1.235s;
    -ms-animation-delay: 1.235s;
    -webkit-animation-delay: 1.235s;
    -moz-animation-delay: 1.235s;
    transform: rotate(-135deg);
    -o-transform: rotate(-135deg);
    -ms-transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
}



@keyframes fadeG {
    0% {
        background-color: rgb(255,242,0);
    }

    100% {
        background-color: rgb(0,0,0);
    }
}

@-o-keyframes fadeG {
    0% {
        background-color: rgb(255,242,0);
    }

    100% {
        background-color: rgb(0,0,0);
    }
}

@-ms-keyframes fadeG {
    0% {
        background-color: rgb(255,242,0);
    }

    100% {
        background-color: rgb(0,0,0);
    }
}

@-webkit-keyframes fadeG {
    0% {
        background-color: rgb(255,242,0);
    }

    100% {
        background-color: rgb(0,0,0);
    }
}

@-moz-keyframes fadeG {
    0% {
        background-color: rgb(255,242,0);
    }

    100% {
        background-color: rgb(0,0,0);
    }
}

.nav > li > a {
    padding: 15px 9px;
}