/* SOCIAL */

#social a.social-linkedin:hover { color: #0077b5; }
#social a.social-skype:hover { color: #12a5f4; }
#social a.social-google-plus:hover { color: #dd4b39; }
#social a.social-facebook:hover { color: #3b5998; }
#social a.social-twitter:hover { color: #0084b4; }
#social a.social-phone:hover { color: #00ff00; }
#social a.social-instagram:hover { color: #3f729b; }
#social a.social-youtube:hover { color: #e52d27; }

/* NAV */
#nav-home a { border: 2px solid #00b050; }
#nav-brands a  { border: 2px solid #ff0000; }
#nav-stockists a { border: 2px solid #7030a0; }
#nav-contact a { border: 2px solid #00b0f0; }

div#rainbow {
   width: 100%;
   height: 10px;
   background-image: url('../img/rainbow.png');
   background-size: contain;
   background-position-y: center;
}

@media (min-width: 768px) {
   .navbar-toggle {
       margin: 0 !important;
   }
}

.navbar-header img {
   padding: 8px;
}

.navbar-nav li a {
   margin: 49px 0 49px 0;
   border-radius: 6px;
   min-width: 100px;
}

.collapsing li a, .in li a {
   margin: 0;
}

#nav-website-nav li {
   margin: 0 10px;
}
/* ANIMATIONS */

.slideanim {visibility:hidden;}
.slide {
    animation-name: slide;
    -webkit-animation-name: slide; 
    animation-duration: 1s; 
    -webkit-animation-duration: 1s;
    visibility: visible; 
}

@keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    } 
}
@-webkit-keyframes slide {
    0% {
        opacity: 0;
        -webkit-transform: translateY(70%);
    } 
    100% {
        opacity: 1;
        -webkit-transform: translateY(0%);
    }
}


/* GENERAL  */
body, html {
   font-family: Helvetica, Arial, sans-serif;
   height: 100%;
   width: 100%;
}

.jumbotron {
   padding: 75px 25px;
}

.jumbotron  h3 {
   padding: 10px;
}

.shadow {
   box-shadow: 0px 0px 20px #CCC;
}

/* BANNER */

.text-vcenter {
   display: table-cell;
   text-align: center;
   vertical-align: middle;
}

.text-vcenter h1 {
   font-size: 4.5em;
   font-weight: 700;
   margin: 0;
   padding: 0;
}

@media (max-width: 768px) {
   #banner {
      background-size: cover !important;
   }
}

#banner {
   background: url(../img/big-wheel.jpg) no-repeat center center fixed;
   display: table;
   height: 700px;
   position: relative;
   width: 100%;
   color: white;
   -webkit-background-size: contain;
   -moz-background-size: contain;
   -o-background-size: contain;
   background-size: contain;
   margin-top: 80px;
}

/* HOME */

#home {
   border: 8px solid #00b050;
   border-radius: 6px;
   background: white;
}

/* PRODUCTS */

#products {
   border: 8px solid #00b050;
   border-radius: 6px;
   margin-bottom: 30px;
}

#products h2 {
   padding: 25px 25px;
}

#products .row {
   padding: 50px 25px;
}

/* BRANDS */

#brands {
   border: 8px solid #ff0000;
   border-radius: 6px;
   margin-bottom: 30px;
}

#brands h2 {
   padding: 25px 25px;
}

/* STOCKISTS */

#stockists {
   border: 8px solid #7030a0;
   border-radius: 6px;
   margin-bottom: 30px;
}

#stockists h2 {
   padding: 25px 25px;
}

#stockists .row {
   padding: 25px 25px;
}

#stockists ul li {
   padding: 10px 4px;
}

/* CONTACT*/

#contact {
   padding: 0 50px;
   border: 8px solid #00b0f0;
   border-radius: 6px;
   background: white;
}

#contact h2 {
   padding: 25px 25px;
}

#contact p {
   padding: 5px 25px;
}

footer p {
   padding: 25px;
}


/* CONTACT */

#success {
   display: none;
}

#success:active {
   display: block;
}