/*

My Custom CSS
=============

Author:  Ashen
Updated: March 2016
Notes:	

*/


/* --------------------------------------
   import
   -------------------------------------- */

/* --------------------------------------
   Typography
   -------------------------------------- */

   body {
      font-family: 'Roboto Condensed', sans-serif;
      width:100%;

   }

   body h2 {
    color:#322b25;
   }

 /* --------------------------------------
   main body Styles
   -------------------------------------- */

  #main2 {
    background-image:url('../template_images/halftone.png');
  }
  
  .spacing1 {
    height:40px;
  }

  .spacing2 {
    height:20px;
  }
  
  #main2 h2 {
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400;
    margin:0px 0px;
  }

  #title_left h2 {
    text-align: left;
  }
  
  .main2_p {
    margin: 0 auto;
    font-weight:300;
  }

  .text-center1 {
    text-align: center;
  }

  .no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
  }

  .parallax-section {   
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment:fixed;
    width: 100%;
    min-height: 265px;
    color: #000;
    position:relative;
  }

  .home-centered{
    float: none;
    margin: 0 auto;
  }

  .tall_box {
    color:#FFF;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
  }

  .tall_box_content {
    float:left;
  }
   .wide_box {
    color:#FFF;
    float:right;
  }

  .yrs {    
    background:url('../images/home/25yrs.png');   
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    margin-left: auto;
    margin-right: auto;
  }

  .wide_box_img {
    background:url('../images/home/areas.png');
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .heading_center h2 {
    text-align: center;
    width:100%;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:400; 
    font-size:32px;
  }

     
/* --------------------------------------
   Navbar
   -------------------------------------- */
   .navbar {
      background-color: #343433;
/*      background-image:url('../template_images/bg-categorynav.jpg');
*/      font-weight: 300;
      font-size: 20px;
   }

   .navbar-nav > li > a {
      background-color: none;
      padding-top:10px;
      padding-bottom:10px;
      color:#bcb7b3;

   }

   .navbar-nav > li > a:hover {
      color: #fff;

   }


   .navbar-nav > .active > a,
   .navbar-nav > .active > a:hover,
   .navbar-nav > .active > a:focus {
      color: #fff;
      background-color:transparent;
   }

   .navbar-nav > .open > a,
   .navbar-nav > .open > a:hover,
   .navbar-nav > .open > a:focus {
      color: #FFF;
      background-color: transparent;
   }

   .navbar-toggle {
     position: absolute;
     top: 50px;
     right: 10px;
     width: 48px;
     height: 32px;
     padding: 8px 12px;
     background-color: #FFF;
     border: 1px solid #b89b71;
     border-radius: 4px;
   }

     .navbar-toggle .icon-bar {
      display: block;
      width: 22px;
      height: 2px;
      background-color: #6a5c4f;
      border-radius: 1px;
    }

    .dropdown-menu > li > a:hover{
      background-color: #6e6e6e;
      background-image: none;
      color:#FFF;
    }

   .navbar-toggle:hover,
   .navbar-toggle:focus {
     background-color: #dbdcdc;
     border: 1px solid #dbdcdc;
   }

   .dropdown-menu > li > a {
     display: block;
     padding: 3px 20px;
     clear: both;
     font-weight: normal;
     font-size: 16px;
     line-height: 1.428571429;
     color: #4b3827;
     white-space: nowrap;
   }

   .navbar-nav > .dropdown > a:hover .caret,
   .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
    } 

   .navbar ul {
      margin-top:40px;
      color:#f4e6d5;
   }

   .navbar .row {
      height:15px;
      margin-left: -15px;
      margin-right: -15px;
      padding:0px;
      background-color: #343433;
      background-image:url('../template_images/bg-categorynav.jpg');
      border-bottom: 1px solid #000000;
      box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
   }


   .dropdown-submenu {
    position: relative;
    }

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: 100%;
        margin-top: -6px;
    }

    .dropdown-submenu .open  > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        display: block;
        content: " ";
        float: right;
        width: 0;
        height: 0;
        margin-left: 2px;
        vertical-align: middle;
        border-left: 4px solid;
        border-bottom: 4px solid transparent;
        border-top: 4px solid transparent;
        margin-top: 6px;
        margin-right: -10px;
    }

    .dropdown-submenu .open  > a:after {
        border-left-color: #fff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
    }

    .dropdown-submenu.pull-left > .dropdown-menu2 {
        left: -100%;
        margin-left: 10px;
    }


   .caret-right {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 2px;
    vertical-align: middle;
    border-left: 4px solid;
    border-bottom: 4px solid transparent;
    border-top: 4px solid transparent;
  }

  .nav a:hover .caret {
    border-top-color: #FFF;
    border-bottom-color: #FFF;
  }

  .nav-subheading {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    font-size: 16px;
    padding-left:20px;
    color: #FFF;
    background-color: #3b84c3;
    height:28px;
    padding-top:4px;
  }

  .menu-page {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight: bold;
    font-size: 16px;
    padding-left:20px;
    color: #4b3827;
    height:28px;
    padding-top:4px;
  }
   
   .tiny {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 0.5s, opacity 0.5s linear;
  }

/*Main Carousel CSS*/

#home-carousel  .item {
  background-position: center top;
  background-repeat: no-repeat;
  background-size:cover;
  width:100%;
  height: 690px;
  margin-top:120px;
}

.carousel-caption {
  left: 15px;
  right: 15px;
  top: 50%;
  font-size: 15px;
  text-align: left;
  color: #fff;
  text-shadow: none;
  margin-top: -130px; 
}

.carousel-caption h1 {
  font-size:46px;
  margin-bottom:0;
  line-height:29px;
  letter-spacing:2px;
  font-weight:100;
}

.carousel-caption h2 {
  font-size:81px;
  font-weight:600;
  margin-top:0px;
  text-transform:lowercase;
  letter-spacing:2px;
  margin-bottom:20px;
}

.carousel-caption .btn.btn-primary {
  margin-top:25px;
}

.home-carousel-left, 
.home-carousel-right {  
  background-color:rgba(0, 0, 0, 0.25);
  color:#fff;
  font-size: 32px;
  height: 110px;
  line-height: 110px;
  margin-top: -55px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 32px;
  z-index: 999;
  webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -ms-transition: 300ms;
  transition: 300ms;
}

.home-carousel-left {
  left:-32px;
}

.home-carousel-right {
  right:-32px;
}

#home-carousel:hover .home-carousel-left {
  left:0;
  color:#FFF;
}

#home-carousel:hover .home-carousel-right {
  right:0;
  color:#FFF;
}

.carousel-white {
  color:#FFF;  
}

/*Main Carousel CSS*/

#home-carousel  .item {
  background-position: center top;
  background-repeat: no-repeat;
  background-size:cover;
  width:100%;
  height: 690px;
}

.carousel-caption {
  left: 15px;
  right: 15px;
  top: 50%;
  font-size: 15px;
  text-align: left;
  color: #fff;
  text-shadow: none;
  margin-top: -130px; 
}

.carousel-caption h1 {
  font-size:46px;
  margin-bottom:0;
  line-height:40px;
  letter-spacing:2px;
  font-weight:100;
}

.carousel-caption h2 {
  font-size:81px;
  font-weight:600;
  margin-top:0px;
  text-transform:lowercase;
  letter-spacing:2px;
  margin-bottom:20px;
}

.carousel-caption .btn.btn-primary {
  margin-top:25px;
}

.home-carousel-left, 
.home-carousel-right {  
  background-color:rgba(0, 0, 0, 0.25);
  color:#fff;
  font-size: 32px;
  height: 110px;
  line-height: 110px;
  margin-top: -55px;
  position: absolute;
  text-align: center;
  top: 50%;
  width: 32px;
  z-index: 999;
  webkit-transition: 300ms;
  -moz-transition: 300ms;
  -o-transition: 300ms;
  -ms-transition: 300ms;
  transition: 300ms;
}

.home-carousel-left {
  left:-32px;
}

.home-carousel-right {
  right:-32px;
}

#home-carousel:hover .home-carousel-left {
  left:0;
}

#home-carousel:hover .home-carousel-right {
  right:0;
}
/*=========Carousel animation==========*/
#home-carousel .item h1, 
#home-carousel .item h2, 
#home-carousel .item p, 
#home-carousel .item .purchased-button, 
#home-carousel.shop-carousel .item .price-tag, 
#landing-carousel #home-carousel .item h3, 
#landing-carousel #home-carousel .item h4, 
#landing-carousel #home-carousel .item ul li, 
#landing-carousel #home-carousel .item .button-section .cloud-download, 
#landing-carousel #home-carousel .item .button-section .view-gallery{
  opacity:0;
  -moz-transform: scale(0.5);
  -webkit-transform: scale(0.5);
  -o-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
}

#home-carousel .item h1, 
#home-carousel.blog-carousel .item  .entry-meta, 
#landing-carousel #home-carousel .item h3{
  -webkit-transition: all 0.5s ease-in-out 0.15s;
  -moz-transition: all 0.5s ease-in-out 0.15s;
  -ms-transition: all 0.5s ease-in-out 0.15s;
  -o-transition: all 0.5s ease-in-out 0.15s;
  transition: all 0.5s ease-in-out 0.15s;
}

#home-carousel .item.active h1, 
#home-carousel .item.active h2, 
#home-carousel .item.active p, 
#home-carousel .item.active .purchased-button, 
#home-carousel .item.active img, 
#home-carousel.blog-carousel .item.active  .entry-meta, 
#home-carousel.blog-carousel .item.active h2, 
#home-carousel.blog-carousel .item.active p, 
#home-carousel.shop-carousel .item.active .price-tag, 
#landing-carousel #home-carousel .item.active h3, 
#landing-carousel #home-carousel .item.active h4, 
#landing-carousel #home-carousel .item.active ul li, 
#landing-carousel #home-carousel .item.active .button-section .cloud-download, 
#landing-carousel #home-carousel .item.active .button-section .view-gallery {
  opacity:1;
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}

#home-carousel .item h2, 
#landing-carousel #home-carousel .item h4{
  -webkit-transition: all 0.5s ease-in-out 0.30s;
  -moz-transition: all 0.5s ease-in-out 0.30s;
  -ms-transition: all 0.5s ease-in-out 0.30s;
  -o-transition: all 0.5s ease-in-out 0.30s;
  transition: all 0.5s ease-in-out 0.30s;
}

#home-carousel .item p, 
#landing-carousel #home-carousel .item ul li, 
#landing-carousel #home-carousel .item .button-section .cloud-download{
  -webkit-transition: all 0.5s ease-in-out 0.45s;
  -moz-transition: all 0.5s ease-in-out 0.45s;
  -ms-transition: all 0.5s ease-in-out 0.45s;
  -o-transition: all 0.5s ease-in-out 0.45s;
  transition: all 0.5s ease-in-out 0.45s;
}


#home-carousel .item .purchased-button, 
#landing-carousel #home-carousel .item .button-section .view-gallery{
  -webkit-transition: all 0.5s ease-in-out 0.65s;
  -moz-transition: all 0.5s ease-in-out 0.65s;
  -ms-transition: all 0.5s ease-in-out 0.65s;
  -o-transition: all 0.5s ease-in-out 0.65s;
  transition: all 0.5s ease-in-out 0.65s;
  display:inline-block;
}

#home-carousel .item img {
  opacity:0;
  -webkit-transition: all 0.7s ease-in-out 0.65s;
  -moz-transition: all 0.7s ease-in-out 0.65s;
  -ms-transition: all 0.7s ease-in-out 0.65s;
  -o-transition: all 0.7s ease-in-out 0.65s;
  transition: all 0.7s ease-in-out 0.65s;
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -o-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  margin-top:25px;
}

#home-carousel.shop-carousel .item .price-tag {
  -webkit-transition: all 0.5s ease-in-out 0.85s;
  -moz-transition: all 0.5s ease-in-out 0.85s;
  -ms-transition: all 0.5s ease-in-out 0.85s;
  -o-transition: all 0.5s ease-in-out 0.85s;
  transition: all 0.5s ease-in-out 0.85s;
}

#home-carousel .item.active img {
  margin-top:-125px;  
}


#home-carousel.blog-carousel .item  .entry-meta, 
#home-carousel.blog-carousel .item h2, 
#home-carousel.blog-carousel .item p {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  opacity:0;
}


/*=========Carousel Fade==========*/

.carousel-fade .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
  background-repeat: no-repeat;
  background-size: cover;
}

.carousel-fade .carousel-inner .active {
  opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}

.carousel-fade .carousel-control {
  z-index: 2;
}


/* --------------------------------------
   Carousel 1
   -------------------------------------- */
  /* #slider {
      margin-top:135px;
      width:100%;
   }

   #myCarousel .item {height:400px;}

   #slide1 {
      background:url('../../slides/home/slide1_large.jpg') top center no-repeat;
   }
   #slide2 {
      background:url('../../slides/home/carousel_medium_02.jpg') top center no-repeat;
   }
   #slide3 {
      background:url('../../slides/home/carousel_medium_03.jpg') top center no-repeat;
   }*/

 /* --------------------------------------
   Carousel 2 testimonials
   -------------------------------------- */
   #quote-carousel 
    {
      padding: 0 10px 30px 10px;
      margin-top: 30px;
    }

    /* Control buttons  */
    #quote-carousel .carousel-control
    {
      background: none;
      color: #322b25;
      font-size: 2.3em;
      text-shadow: none;
      margin-top: 30px;
    }
    /* Previous button  */
    #quote-carousel .carousel-control.left 
    {
      left: -50px;
    }
    /* Next button  */
    #quote-carousel .carousel-control.right 
    {
      right: -50px !important;
    }
    /* Changes the position of the indicators */
    #quote-carousel .carousel-indicators 
    {
      right: 50%;
      top: auto;
      bottom: 0px;
      margin-right: -19px;
    }
    /* Changes the color of the indicators */
    #quote-carousel .carousel-indicators li 
    {
      background: #c0c0c0;
    }
    #quote-carousel .carousel-indicators .active 
    {
      background: #322b25;
    }
    #quote-carousel img
    {
      width: 250px;
      height: 100px
    }
    /* End carousel */

    .item blockquote {
        border-left: none; 
        margin: 0;
    }

    .item blockquote img {
        margin-bottom: 10px;
    }

    .item blockquote p:before {
        content: "\f10d";
        font-family: 'Fontawesome';
        float: left;
        margin-right: 10px;
        color:#322b25;
    }

/* --------------------------------------
   tiles Styles
   -------------------------------------- */
   #tiles_main {
   }

	#container_tile {
		background-color:white;
    margin:10px 10px;
	}

  .tile_img {
    width: 100%;
    position:relative;
  }
  .tile_title {
    width:100%;
    bottom: .0em;
    position: absolute;
    color: white;    
    background-color: rgba(110,110,110,0.9);
  }
	
	.tiles_padding {
		margin:10px 5px 10px 5px;
	}

  .home_usp_container{
    background-image:url('../template_images/halftone.png');
    background-position: center;
    min-width::1920px;
  }

  .home_usp_content {
    margin-top:30px;
    margin-bottom:30px;
    padding-bottom:15px;
    background-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.4);
  }

  .home_usp_container h2 {
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    color:#322b25;
    font-weight:200;
    margin:20px 0px;
  }

  .home_usp {
    background-color: none;
    margin: 10px -5px;
  }

  .home_usp_wide {
    height:200px;
  }

  .home_usp_long {
    height:612px;
  }


/* --------------------------------------
   About Us page Styles
   -------------------------------------- */

   .about-us {
    background-image:url('../template_images/halftone.png');
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    padding:60px 0;

   }

   .about-us h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:32px;
    margin-top:0;
   }

   #why-us {
    background-image: url("../images/about/about-bg.jpg");
    min-height:425px;    
    color: #FFF;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight:300;
    }

    #why-us .overlay-bg {
      background-color:rgba(0,0,0,0.32);
    }

    #why-us a{
      margin-top: 190px;
      text-transform: capitalize;
      font-size: 30px;
      font-weight: 300;
      display:inline-flex;
      position:relative;
      z-index:100;
      line-height:50px;
    }

    .parallax-section .overlay-bg {
      position:absolute;
      left:0;
      width:100%;
      height:100%;
    }

    #why-us h2 {
      font-family: 'Roboto Condensed', sans-serif;
      font-size:42px;
      margin-top:0;
      color: #FFF;
      font-weight:300;
      margin:30px 0;
    }

    #why-us .row {
      margin-top:30px;
    }

    #team {
    background-image: url("../images/home/home-bg.jpg");
    min-height:425px;    
    color: #FFF;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight:300;
    }

    #team .overlay-bg {
      background-color:rgba(0,0,0,0.32);
    }

    #team a{
      margin-top: 190px;
      text-transform: capitalize;
      font-size: 30px;
      font-weight: 300;
      display:inline-flex;
      position:relative;
      z-index:100;
      line-height:50px;
    }

    #team h2 {
      font-family: 'Roboto Condensed', sans-serif;
      font-size:42px;
      margin-top:0;
      color: #FFF;
      font-weight:300;
      margin:30px 0;
    }

    #team .row {
      margin-top:30px;
    }

    #affiliation {
    background:#FFF;
    min-height:425px;    
    color: #322b25;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight:300;
    }

    #affiliation .overlay-bg {
      background-color:rgba(0,0,0,0.32);
    }

    #affiliation a{
      margin-top: 190px;
      text-transform: capitalize;
      font-size: 30px;
      font-weight: 300;
      display:inline-flex;
      position:relative;
      z-index:100;
      line-height:50px;
    }

    #affiliation h2 {
      font-family: 'Roboto Condensed', sans-serif;
      font-size:32px;
      margin-top:0;
      color: #322b25;
      font-weight:400;
      margin:30px 0;
    }

    #affiliation .row {
      margin-top:30px;
    }


/* --------------------------------------
   Filming Page
   -------------------------------------- */

   #videobg { 
      position: fixed;
      top: 50%;
      left: 50%;
      min-width: 100%;
      min-height: 100%;
      width: auto;
      height: auto;
      z-index: -100;
      -webkit-transform: translate(-50%, -50%);
      transform: translateX(-50%) translateY(-50%);
      background: url('../video/filming1.jpg') no-repeat;
      background-size: cover;
      transition: 1s opacity;
    }

    #filming-tour {
    background-image: none;
    min-height:250px;    
    color: #FFF;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight:300;
    margin-bottom:-30px;
    margin-top:80px;
    }

    #filming-tour .overlay-bg {
      background-color:rgba(0,0,0,0.32);
    }

    #filming-tour a{
      margin-top: 190px;
      text-transform: capitalize;
      font-size: 30px;
      font-weight: 300;
      display:inline-flex;
      position:relative;
      z-index:100;
      line-height:50px;
    }

    .container_filming {    
    font-family: 'Roboto Condensed', sans-serif;
    text-align:center;
    color:#FFF;
    padding:60px 15px 0px 15px;
   }

   .container_filming h1{    
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 52px;
    text-transform: uppercase;
   }

/* --------------------------------------
   Education Page
   -------------------------------------- */
   .edu_logo {
    padding:0px 0px 10px 0px;
   }

/* --------------------------------------
   Contact Styles
   -------------------------------------- */

   .page-breadcrumb {
    background-image: url("../slides/contact/bg_contact.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
    margin-top:135px;    
    width:100%;
    height:331px;
   }

   .offset_row {
    margin:0px 15px;
   }

   .container_contact {    
    font-family: 'Roboto Condensed', sans-serif;
    text-align:center;
    color:#FFF;
    padding:120px 15px 0px 15px;
   }

   .container_contact h1{    
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 52px;
    text-transform: uppercase;
   }

   .thin {
    font-weight:200;
   }

   .contact_top {
    width:100%;
   }

   #map {
    height:400px;
    margin-top:30px;
    }

  .contact-info {
    padding-bottom :65px;
    font-size: 16px;
    text-align: center;
  }

  .contact-info h2 {
    font-size:24px;
    text-transform:capitalize;
    margin-bottom:15px;
  }

  .col-centered{
    float: none;
    margin: 0 auto;
  }

  .halftone_bg {
    background-image:url('../template_images/halftone.png');
  }

  #margin_auto {
    margin:0 auto;
  }

  .contact-wrap .btn.btn-primary {  
    margin-bottom:85px;
  }

  .contact-wrap .btn.btn-primary, 
  #comment-form  .btn.btn-primary{
    display:block;
    width:100%;
    color:#000;
    /*margin-top:15px;*/
    border-color:#ddd;
    outline:none;
  }

  .btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
    background-color: #504f4f;
    border-color: #504f4f;
    color:#fff;
  }

  .contact-wrap .btn.btn-primary:before, 
  #comment-form  .btn.btn-primary:before,  
  .contact-wrap .btn.btn-primary:after, 
  #comment-form  .btn.btn-primary:after  {
    background-color:#504f4f;
  }

  .btn.btn-primary {
  background-color:transparent;
  border-color:#fff;
  text-transform:uppercase;
  border-radius:0;  
  font-size:15px;
  font-weight:700;
  font-family: 'PT Sans', sans-serif;
  padding:10px 27px;
  position:relative;
  overflow:hidden;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  z-index:1;
  }

  .btn.btn-primary:before , 
  .btn.btn-primary:after {
    position: absolute;
    content: "";
    background-color:#fff;
    height: 0;
    width: 0;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    z-index:-1;
  }

  .btn.btn-primary:before { 
    left:0;
    top:50%;  
  }

  .btn.btn-primary:after {
    right:0;
    bottom:50%;
  }

  .btn.btn-primary:hover:before, 
  .btn.btn-primary:hover:after {
    width: 100%;
    height:100%;
  }

  .btn.btn-primary:hover:before { 
    left:50%;
    top:0;  
  }

  .btn.btn-primary:hover:after {
    right:50%;
    bottom:0;
  }

  .btn.btn-primary:hover{
    color:#FFF;
  }

  .page-title {
    padding: 35px 0 50px;
  }

  .page-title p {
    max-width:475px;
    display:inline-block;
    color:#000;
    font-size:18px;
    font-weight:200;
  }

  .page-title h2 {  
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 32px;
    text-transform: uppercase;
    font-weight: 400;
    color: #000;
  }

  .successmessage {
    margin-top:-20px;
  }


  
/* --------------------------------------
   itinerary css
   -------------------------------------- */

   .col-centered{
    float: none;
    margin: 0 auto;
  }

  .trek_why_container{
    background-image:url('../itinerary/mountain1.jpg');
    background-position: center;
    background-repeat:no-repeat;
    min-width::1920px;
  }

  .trek_why {
    margin-top:30px;
    margin-bottom:30px;
    background-color: rgba(0, 0, 0, 0.5);
    background: rgba(0, 0, 0, 0.5);
    color: rgba(0, 0, 0, 0.5);
  }

  .trek_why_container h2 {
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    color:white;
    font-weight:200;
    margin:0px 0px;
  }

  .text1 p {
    text-align:center;
    color:#e6e6f1;
    font-weight:200;
  }

  .trek_highlights h2 {
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:200;
    margin:0px 0px;
    padding:30px 0px;
  }

  .what_we_love {
    font-size: 18px;
  }

  .what_we_love ul{
    margin:10px 0 0 -20px;
    color: #333;
  }

  .detailed_Itinerary {
/*  background-image:url(../../template_images/halftone.png);*/
    margin-top:30px;
    background-color: #e0e0e0;
  }

  .detailed_Itinerary .row {
    margin:0 0;
  }

  .detailed_Itinerary h2 {
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:200;
    margin:0px 0px;
    padding:30px 0px;
  }

  .detailed_info_title {
    width:100%;
    height:30px;
  }

  .weekday {
    float:left;
    background-color:#707070;
    color: white;
  }

  .day {
    float:left;
    background-color:#9e9e9e;
    color: #eeeeee;
  }

  .optional_itinerary {
  }

  #optional_ext {
    border:solid 2px #6e6e6e;
    margin-left:-10px;
    position: relative;
  }

  .optional_ext_heading {
    float:left;
    width:100%;
    background-color: #6e6e6e;
    font-size:20px;
    font-weight:200;
    color:white;
    padding:3px 3px 4px 10px;
    top:0;

  }

  .optional_trip_length {
    float:left;
  
    /*background-color:red;*/
  }

  .optional_trip_length h4 {
    font-size:15px;
    font-weight:500;
    padding:5px 10px 0px 10px;
  }

  .optional_trip_length p {
    font-size:17px;
    font-weight:bold;
    text-align: center;
    color:#666666;
  }

  .optional_ext_div {
    float:left;
    padding:10px 0px;
  }

  .optional_trip_activities {
    float:left;
    height:30px;
    /*background-color:red;*/
  }

  .optional_trip_activities h4 {
    font-size:15px;
    font-weight:500;
    padding:5px 10px 0px 10px;
  }

  .optional_trip_icon_section {
    margin:38px 0 0 -50px;
    padding:38px 0 0px 160px;
  }

  .optional_trip_icon {
    float:left;
    padding-right:8px;
    padding-bottom:8px;
  }  

  .optional_itinerary h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-weight:200;
  }

  .optional_itinerary ul li {
    margin:0 0px 0 -20px;
    font-size:16px;
    line-height:120%;
  }

  .opt_space {
    height:20px;
  }

  .similar_treks_container{
    background-position: center;
    background-repeat:no-repeat;
    min-width::1920px;
  }

  .similar_trek_content {
    margin-top:30px;
    margin-bottom:30px;
    padding-bottom:15px;
    background-color: rgba(255, 255, 255, 0.4);
    background: rgba(255, 255, 255, 0.4);
    color: rgba(255, 255, 255, 0.4);
  }

  .similar_treks_container h2 {
    text-align:center;
    font-family: 'Roboto Condensed', sans-serif;
    color:#322b25;
    font-weight:200;
    margin:20px 0px;
  }

  .similar_treks {
    background-color: none;
    margin: 10px -5px;
  }

  #overview_ext {
    border:solid 2px #6e6e6e;
    margin-top:10px;
    position: relative;
  }

  .overview_ext_heading {
    float:left;
    width:100%;
    background-color: #836c5a;
    font-size:20px;
    font-weight:200;
    color:white;
    padding:3px 3px 4px 10px;
    top:0;

  }

  .overview_trip_length {
    float:left;

    /*background-color:red;*/
  }

  .overview_trip_length h4 {
    font-size:14px;
    font-weight:600;
    padding:5px 10px 0px 10px;
  }

  .overview_trip_length p {
    font-size:17px;
    font-weight:bold;
    text-align: center;
    color:#666666;

  }

  .overview_ext_div {
    float:left;
    padding:10px 0px;
  }

  .overview_trip_activities {
    float:left;
    height:30px;

    /*background-color:red;*/
  }

  .overview_trip_activities h4 {
    font-size:14px;
    font-weight:600;
    padding:5px 10px 0px 10px;
  }

  .overview_group_size {
    float:left;
    height:30px;

    /*background-color:red;*/
  }

  .overview_group_size h4 {
    font-size:14px;
    font-weight:600;
    padding:5px 10px 0px 10px;
  }

  .overview_group_size p {
    font-size:17px;
    font-weight:bold;
    text-align: center;
    color:#666666;
  }

  .padding_collapse {
    padding-bottom:20px;
  }

  .activities_icon_section {
    margin:38px 0 0 0px;
    padding:0 0 0px 215px;
  }

  .activities_icon {
    float:left;
    padding-right:8px;
    padding-bottom:8px;
  }  

  .tooltip.top .tooltip-inner {
    background-color: #666666;
  }
  .tooltip.top .tooltip-arrow {
    border-top-color: #666666;
  }

  .note {
    padding-top:5px;
    font-size: 17px;
    font-style: italic;
    list-style: none;
  }

  /* --------------------------------------
   Birding tour page Styles
   -------------------------------------- */

   .page-birding {
    background-image: url("../images/birding_tour/birding-bg1.jpg");
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    background-repeat:no-repeat;
    margin-top:135px;    
    width:100%;
    height:331px;
   }

   .about-us {
    background-image:url('../template_images/halftone.png');
    font-family: 'Roboto Condensed', sans-serif;
    font-size:18px;
    padding:60px 0;

   }

   .about-us h2 {
    font-family: 'Roboto Condensed', sans-serif;
    font-size:32px;
    margin-top:0;
   }

   #birding-tour {
    background-image: url("../images/birding_tour/birding-bg.jpg");
    min-height:425px;    
    color: #FFF;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
    font-weight:300;
    margin-bottom:-30px;
    }

    #birding-tour .overlay-bg {
      background-color:rgba(0,0,0,0.32);
    }

    #birding-tour a{
      margin-top: 190px;
      text-transform: capitalize;
      font-size: 30px;
      font-weight: 300;
      display:inline-flex;
      position:relative;
      z-index:100;
      line-height:50px;
    }

    .parallax-section .overlay-bg {
      position:absolute;
      left:0;
      width:100%;
      height:100%;
    }

    #birding-tour h2 {
      font-family: 'Roboto Condensed', sans-serif;
      font-size:42px;
      margin-top:0;
      color: #FFF;
      font-weight:300;
      margin:30px 0;
    }

    #birding-tour .row {
      margin-top:30px;
    }

    .areas {
    float:left;
    background-color:#707070;
    color: white;
    width:100%;
    text-align: center;
    }

    /* --------------------------------------
   Snowleopard tour page Styles
   -------------------------------------- */

    .snowleopard_container{
    background-image:url('../itinerary/mountain1.jpg');
    background-position: center;
    background-repeat:no-repeat;
    min-width::1920px;
    }

    .snowleopard {
      margin-top:30px;
      margin-bottom:30px;
      background-color: rgba(0, 0, 0, 0.5);
      background: rgba(0, 0, 0, 0.5);
      color: rgba(0, 0, 0, 0.5);
    }

    .snowleopard_container h2 {
      text-align:center;
      font-family: 'Roboto Condensed', sans-serif;
      color:white;
      font-weight:200;
      margin:0px 0px;
    }


    .snowleopard_itinerary li{
      margin-left:-10px;
    }

    
  /* --------------------------------------
   Footer Styles
   -------------------------------------- */

   .footer {
    width:100%;
    background-color: #343433;
      background-image:url('../template_images/bg-categorynav.jpg');
      border-bottom: 1px solid #000000;
      box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
      -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.2);
    color:white;
   }

   .footer_left {
    text-align:left;
    background-color: none;
   }

   .footer_logo {
    background:url('../template_images/logo_footer.png');
    background-size:contain;
    float:left;
   }

   .footer_social {
    font-size:24px;
    float:left;
    margin-top:0px;
    padding-right:10px;
   }

   .footer_social ul {
    list-style: none;
    padding:0;
    margin:0;
   }

   .footer_facebook {
    background-image:url('../template_images/facebook.png');
    height:25px;
    width:25x;
    margin:8px 8px;
    background-size:contain;
    background-repeat:no-repeat;
    display:block;
    font-size:0px;

   }

   .footer_twitter {
    background-image:url('../template_images/twitter.png');
    height:25px;
    width:25x;
    margin:8px 8px;
    background-size:contain;
    background-repeat:no-repeat;

   }

   .footer_youtube {
    background-image:url('../template_images/youtube.png');
    height:25px;
    width:25x;
    margin:8px 8px;
    background-size:contain;
    background-repeat:no-repeat;

   }

   .footer_googleplus {
    background-image:url('../template_images/googleplus.png');
    height:25px;
    width:25x;
    margin:8px 8px;
    background-size:contain;
    background-repeat:no-repeat;

   }

   .footer_instagram {
    background-image:url('../template_images/instagram.png');
    height:25px;
    width:25x;
    margin:8px 8px;
    background-size:contain;
    background-repeat:no-repeat;
    display:block;
    font-size:0px;

   }

   .footer_email2 {
    background-image:url('../template_images/email2.png');
    height:25px;
    width:25x;
    margin:8px 8px;
    background-size:contain;
    background-repeat:no-repeat;
    display:block;
    font-size:0px;

   }

   .footer_info {
    float:left;
    padding-top:8px;
    top:0;
   }

   .footer_title{
    width:150px;
   }

   .footer_links {
    float:left;
    padding-right:30px;
   }

   .footer_links ul li a {
    text-decoration: none;
    color:#FFF;
   }

   .footer_links_menu li a  {
    color:#FFF;
    text-decoration: none;
   }

   .footer_links ul {
    margin:0;
    padding:0;
    list-style: none;
   }

   .footer_right {
    float:right;
    background-color: none;
    padding-right:15px;
   }

   .footer_details {
    float:right;
   }

   .footer_contact {
    float:right;
    padding-top:8px;
   }

   .footer_contact ul {
    list-style: none;
    text-align: right;
   }

   .footer_phone {
    background-image:url('../template_images/phone.png');
    margin-right:10px;
    background-size:contain;
    background-repeat:no-repeat;
    float:right;
   }

   .footer_fax {
    background-image:url('../template_images/fax.png');
    margin-right:10px;
    background-size:contain;
    background-repeat:no-repeat;
    float:right;
   }

   .footer_email {
    background-image:url('../template_images/email.png');
    margin-right:10px;
    background-size:contain;
    background-repeat:no-repeat;
    float:right;
   }

   .contact_details {
    float:right;
   }

   .footer_row {
      background-color: #343433;
      /*background-image:url('../template_images/halftone6.png');*/
      padding:0px;
      bottom:0em;
   }