﻿body {
    padding-top: 130px;
    color: #666f77;
    font-size:14px;
}

h2{
    margin:0;
    padding:0;
    margin-bottom:15px;
}

.clearfix{
    clear:both;
}

/* Nav bar */
.navbar-default {
    background-color: transparent;
    border-bottom: solid 1px #a3a8ac;
}

.navbar{
    min-height:130px;
    padding-right:20px;
    margin-bottom:0;
    background-color: #fff;
}

.navbar-right{
    margin-right:0;
}

.navbar ul.navbar-right li > a {
  height: 130px;
  padding-top: 55px;
  color: #2e3639;
  font-size: 16px;
  transition: color 0.5s ease;
}

.navbar ul.navbar-right li > a.active,.navbar ul.navbar-right li > a:hover{
  color:#bc1d2b;
}

.navbar ul.navbar-right li ul li a {
    height: auto;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left:0;
}

.navbar ul.navbar-right li ul li {
    padding-left: 15px;
    padding-right: 15px;
}

.navbar ul.navbar-right li ul.dropdown-menu {
    background-color: #eceef0;
    border: none;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #bc1d2b;
    background-color: #eceef0;
    box-shadow: 0 0px 12px rgba(0,0,0,.175);
}

.navbar ul.navbar-right li ul.dropdown-menu li:not(:last-child) a {
    border-bottom: solid 1px #2e3639;
} 

.navbar ul.navbar-right li ul.dropdown-menu li a:hover {
    color: #bc1d2b;
    background-color:transparent;
}

.navbar-nav .open span.caret {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: -webkit-transform;
    -moz-transition-property: -moz-transform;
    -o-transition-property: -o-transform;
    transition-property: transform;
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
}

.navbar-nav span.caret {
    border: none;
    width: 20px;
    height: 10px;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    background: url('../images/manu-arrow.png') no-repeat left top;
}

@media (min-width: 768px) {
    .navbar-right .dropdown-menu {
        left:0;
        right:auto;
    }
}

@media (max-width: 1200px) {
  #core-elements .col-lg-4{
    margin-bottom:20px;
  }

  #book-consultation{
    font-size:12px;
    white-space:nowrap;
    padding-left:20px;
    padding-right:20px;
    width:100%!important;
    display:block;
  }
  .txt-container{
    padding-left:0;
    padding-right:0;
    padding-top:15px;
  }

  .list-break{
    padding-top:0!important;
  }
}

@media (max-width: 481px) {
  .navbar-brand img{
    width:75px;
  }

  .navbar{
    min-height:105px;
    padding-right:0;
  }

  body{
    padding-top:105px;
  }

  .navbar-toggle{
    margin-top:35px;
  }

  #navbar{
    margin-top:30px;
  }

  #navbar li#cart{
    display:none;
  }

    #navbar li a {
      height: 40px;
      padding-top: 25px;
      padding-bottom: 25px;
    }

      #navbar li a:last-child {
        padding-bottom: 40px;
      }

  #mc_embed_signup .mc-field-group {
    width: 100% !important;
  }

  .white-button{
    width:100%!important;
  }

  .img-container{
    padding-right:0;
  }

  .txt-container{
    padding-left:0;
    padding-right:0;
    padding-top:15px;
  }
}


/* Carousel */

button.slick-prev{
    display: none;
}

button.slick-next, button.slick-next:hover, button.slick-next:active {
    z-index: 1000;
    right: 25px !important;
    background: url(../images/next-arrow.png) no-repeat left top;
    width: 20px;
    height: 39px;
    margin-top:-20px;
    display: block !important;
}

.slick-next::before{
    content:none;
}

/* Content */

.content h2{
    font-size:18px;
    margin-bottom:20px;
}

.content h1 {
  font-size: 20px;
  margin-bottom: 20px;
  margin-top:0;
  color:#393e41;
}

.content p{
    margin-top:15px;
    line-height: 25px;
}

.content a {
    cursor: pointer;
    color: #bc1d2b;
}

.content hr {
    border-bottom: solid 1px #a3a9ad;
}

#courses p{
    line-height:25px;
    margin-top:10px;
}

.main-content ul{
  margin:0;
  padding-left:15px;
}

.main-content ul li{
  padding-bottom:5px;
}

.main-content .container-fluid .img-container{
  padding-left:0;
}

.main-content .container-fluid .no-top-padding{
  padding-top:0!important;
}

.main-content .container-fluid .txt-container{
  padding-left:0;
}

.main-content .container-fluid .txt-container p:first-child, .main-content .container-fluid p.clearfix{
  margin-top:0;
}

.main-content .container-fluid p.clearfix{
  padding-top:15px;
}

.white-button {
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    color: #666f77 !important;
    border-radius: 4px;
    border: solid 1px #a3a8ac;
    text-align: center;
    padding: 15px 30px;
    background-color: #fff;
}

    .white-button:hover {
        text-decoration: none;
        background-color: #f7f7f7;
    }

.dark {
    background-color: #2e3639;
    padding:40px 0;
}

#core-elements div > div{
    border: solid 1px #fff;
    border-radius: 4px;
    text-align:center;
    padding:40px 20px;
}

#core-elements div > div p{
    color:#fff;
    font-size:16px;
    line-height:30px;
    padding-top:10px;
}

.dark-button {
    display:inline-block;
    transition: background-color 0.3s ease;
    text-transform: uppercase;
    color: #fff !important;
    border-radius: 4px;
    border: solid 1px #fff;
    text-align: center;
    padding: 10px 20px;
    min-width:200px;
    background-color: #2e3639;
}

    .dark-button:hover {
        text-decoration: none;
        background-color: #393e41;
    }

/* Footer */
#footer {
    background-color: #eceef0;
    padding-top: 30px;
    padding-bottom: 15px;
    font-size: 16px;
}

    #footer .footer-header {
        color: #666f77;
        line-height: 30px;
    }

    #footer a {
        color: #a3a8ac;
        line-height:30px;
    }

        #footer a:hover {
            text-decoration:none;
            color: #666f77;
        }

#footer p{
    margin-top:0px;
    padding-bottom: 20px;
}

    #footer div.center {
        text-align: center;
        padding-top: 15px;
        font-size: 12px;
        color: #a3a8ac;
    }

    #footer div.center a{
        text-decoration:underline;
    }

        #footer div.center a:hover {
            color: #a3a8ac;
            text-decoration: none;
        }

/* Products */

.products {
    color: #2e3639;
}

    .products .col-lg-8, .products .col-lg-4{
        font-size:20px;
    }
    
    .products .price {
        text-align: right;
        color: #bc1d2b;
    }
    
    .products h1 {
        color: #2e3639;
        margin-top: 35px;
        margin-bottom: 35px;
    }

.products img {
    width: 100%;
}

.product-line{
    padding-bottom:60px;
    clear:both;
}

.product-line .buttons a{
    display:inline-block;
    width:100%;
}

.product-line p{
    padding:10px 0;
}

.product-details h1 {
    color: #2e3639;
    margin-top: 35px;
    margin-bottom: 35px;
    padding-left:0;
}

.product-details img{
    float:left;
    padding-right: 20px;
    width:50%;
}

.product-details p.top{
    margin-top:0;
}

.product-details img.right {
    float: right;
    margin-top: 15px;
    padding-right: 0px;
    padding-left: 20px;
}

.price.text-right {
    color: #2e3639;
    margin-top: 35px;
    margin-bottom: 35px;
    padding-left: 0;
    font-size: 36px;
    color: #bc1d2b;
    text-align:right;
    padding-right:0;
}

/* Pager */
#pager {
    float: right;
    padding-bottom: 60px;
}

#pager img {
    width: 10px;
}

    #pager a {
        font-size: 17px;
        margin-left: 10px;
        margin-right: 10px;
        color: #2e3639;
    }

        #pager a.active {
            color: #bc1d2b;
        }

#pager #next{
    margin-right:0;
}

/* Testimonials */

.testimonial{
  padding:15px;
  border:solid 1px #a3a8ac;
  border-radius:5px;
  margin-bottom:15px;
}

.testimonial:last-child{
  margin-bottom:0px;
}

.testimonial .question{
  color:#bc1d2b;
}

.testimonial .answer{
  font-style:italic;
  padding-bottom:10px;
}

 .testimonial div.row{
   padding-top:20px;
 }

  .testimonial img{
    max-width:90%;
  }
  
  .testimonial h2 {
    margin-bottom: 0;
    color: #bc1d2b;
    margin-top: 15px;
    font-size:25px;
    margin-bottom:10px;
  }

.testimonial small{
  color:#000000;
}

/* Pager */

#pager {
  list-style-type: none;
  padding-bottom:0;
  padding-top:20px;
}

#pager li{
  float:left;
}

  #pager li a {
    color: #666f77;
    transition: color 0.5s ease;
  }

  #pager li.active a {
    color: #bc1d2b;
  }

  #pager li a:hover {
    text-decoration:none;
    color: #bc1d2b;
  }

#pager li#next a{
  margin-right:0;
}

#pager i {
  font-family: 'Glyphicons Halflings';
  font-style: normal;
}

.terms-conditions h2 {
  margin-bottom: 0;
  margin-top: 20px;
  color: #393e41;
  font-size:17px;
}

.terms-conditions .first-paragraph{
  margin-top:0;
}

.website-links a {
  color: #bc1d2b;
  text-decoration: none;
  transition: color 0.5s ease;
}

  .website-links a:hover {
    color: #ea2637;
  }