/* Add here all your CSS customizations */
@import url('https://fonts.googleapis.com/css?family=Montserrat|News+Cycle|Roboto+Slab|Dancing+Script');

/*
New Styles
*/

#wf-checkout-pi-country{
    font-size: 14px;
    padding: 8px;
}

#wf-checkout-pi-state{
    font-size: 14px;
    padding: 8px;
}

.wf-card-form-inputs > div > span > select{
    font-size: 14px;
    padding: 8px!important;
}

.btn-primary{
    background: #3baa16;
}

strong.pay-button-text{
    color:#fff;
    font-weight: bold;
    font-size: 1.8rem;
}

.wf-checkout-card-body > div{
    background-color: #fff!important;
}

.wf-checkout-payment-tabs > div{
    background-color: #fff!important;
}

.wf-checkout-offers-radio-layout{
    margin-bottom: 1.8rem;
}

.btn-primary:hover{
    color: #fff;
    background-color: #449d44;
    border-color: #398439;
}

.wf-checkout-offers-radio-layout{
    padding: 10px;
}
.wf-terms-checkbox{
    margin-left: 1.8rem;
}

.wf-card-form-con > div:nth-child(4) button.btn-lg{
    background:#3baa16;
    border-color: #3baa16;
    padding: 11px 28px;
}
/*Close End Style*/



/*General Classes*/
body, p {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 300;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Roboto Slab", "Montserrat", "News Cycle", "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
}



.lead {
    font-size: 18px;
    font-weight: 400;
}

p {
    color: #656565;
    font-weight: 400;
}
section{ padding: 20px auto;  }
.navbar {border: none;}
.navbar-inverse{  border-color:none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+61,000000+100&0.65+61,0+100 */
background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 61%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 61%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 61%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */

}

.signature { font-family: 'Dancing Script'; font-size: 36px; }

.navbar-brand {
    height: 70px;
}

.navbar-nav>li>a {
    padding-top: 25px;
    padding-bottom: 25px;
}

.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a, 
.navbar-inverse .navbar-nav>.active>a:focus, 
.navbar-inverse .navbar-nav>.active>a:hover {
    color: #fff;
    background-color:transparent;
    border-top: 3px solid darkorange;
}



.logo {padding:5px;}



.redbg {background:#a80000; color: #fff;}
.beigebg {background:#c8b06f; color: #000;}
.bluebg {background:#0a1b31; color:#fff;} 
.bbluebg {background:#3498DB; color:#fff;} 
.greybg {background: #e3e3e3;}
.blackbg { background:#000; color: #fff; }
.butcherblock { background: url("/client/tomhegna/images/butcherblock.jpg") repeat; background-size: 400px;}
.brickbg { background: url("/client/tomhegna/images/brick02.jpg") repeat; }
.trianglesbg { background: url("/client/tomhegna/images/bg/triangles.png") repeat; }
.wallbg { background: url("/client/tomhegna/images/bg/dark_wall.png") repeat; }
.gunmetalbg { background: url("/client/tomhegna/images/bg/gun_metal.png") repeat; }
.orangebg { background:#F4911E; color: #fff; }
.greenbg { background:#B2D41D; color: #fff; }

.text-shadow {text-shadow: 2px 2px 7px #181818;}
.white-text {color:#fff;}
.black-text {color:#000;}
.red-text { color:#ad0000; }
.green-text { color:#16932D ; }
.orange-text { color:#F4911E; }
.green-text{ color:#B2D41D;  }
.gold-text  {color: gold;}
.purple-text { color:#6600FF ; }

.pad10 { padding:10px; }
.padd30 { padding:30px; }

.jumbotron { min-height: 600px; margin-bottom: 0px; background:transparent; }
.jumbotron h1 { font-size: 52px; color:#fff; }
.jumbotron-fold { text-align: center; padding-top: 180px; }
.picnicbg  { 
    background: #000 url("/client/tomhegna/images/picnicbg.jpg") no-repeat;
    background-size: cover;
    background-position: center center;
     }

.shopbg {
 background: #000 url("/client/tomhegna/images/bg/slider01.jpg") no-repeat;
    background-size: cover;
    background-position: center center;

}

.info-content {
      padding: 0PX 0PX 70px;
    }

    .quote .img-circle { border: solid 4px white; }

    #carousel-homepage .item { 
      height:500px;
      min-height: 500px;
      max-height: 500px;
      overflow: hidden;

    }

    .carousel-bg { 
    background-size:cover;
    /*min-height: 500px!important;
    max-width:1200px;
    width: 1200px!important;*/
     }

    .carousel-text {
      /*background: rgba(0, 0, 0, 0.7);*/
      margin-top: 180px;
        padding: 30px;
        z-index: 99;
    display: block;
    position: absolute;
    top: 10px;

}

    .carousel-text h3 { color:orange; text-transform: uppercase; }
    .carousel-text p { color:#fff!important; }

    .carousel-description { height:100px; overflow:hidden; text-overflow:ellipsis; }
    

     .icon-block {

     }

     .icon-block a {
        
     }

     .icon-block a:hover{
        background-color:purple ;
        color:white;
        
     }

.glyphicon-play-circle { margin-left: 5px;}

.caption-right { text-align: left; }

.caption-left {  text-align: left;  }

.chefbio{ 
        position: absolute;
        top: 20%!important;
        bottom: initial ;
      }
.carousel-inner { max-height: 600px; }

.carousel-inner>.item>a>img, .carousel-inner>.item>img {
    max-width: 110%;
    width: 110%;
    max-height: auto;
}

.fold {
    background: url("/client/tomhegna/images/beach.jpg") no-repeat;
    background-size: cover;
    background-position: bottom left;
    padding: 40px;
}

.testimonialbg {
    background: #000 url("/client/tomhegna/images/parallax_bg.jpg") no-repeat;
    background-size: cover;
    padding: 40px;
}

.personalbg {
    background: #000 url("/client/tomhegna/images/personbg.jpg") no-repeat;
    background-size: 120% auto;
    background-size: center top;
    padding: 40px;
    transition:all .5s; 
    height: 420px;
}
.advisorbg {
    background: #000 url("/client/tomhegna/images/advisorbg.jpg") no-repeat;
    background-size: 120%;
    background-size: center top;
    padding: 40px;
    transition:all .5s; 
    height: 420px;
}

.personalbg:hover, .advisorbg:hover{
background-size: 110%;
transition:all .5s;    
}




#carousel-student-testimonials>.carousel-inner>.item {
    min-height: 250px;
}
#carousel-student-testimonials>.carousel-caption { text-shadow: none; }


.testimonial-box {  }
.testimonial-name { position: relative;
width: 750px;
text-align: left; 
color: #fff;
padding-left:40px;
}

.glyphicon-star { color: gold; }

.check { list-style: none }

.check li {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 25px;
}


.check li:before { 
    content: "\e067";
    font-family: 'Glyphicons Halflings'; 
    padding-right:7px;
    color: green;
    float: left;
}


blockquote {
    background: #e3e3e3 url("") no-repeat;
    background-size:;
    background-position: top left;
    padding: 20px;

}

.blockquote-reverse {
    background: #e3e3e3 url("") no-repeat;
    background-size:;
    background-position: top right;

}

.module {
  background: #e3e3e3 url("https://storage.googleapis.com/wfhq_tomhegna/images/t-black.png") no-repeat;
    background-size:;
    background-position: top right;
}


.btn {box-shadow:2px 2px 7px #3e3e3e; border-radius: 20px; border:0px; white-space: normal; padding: 10px 15px; font-family: 'Montserrat'; text-transform: uppercase;}

.btn-warning { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f9c667+0,f79621+100;Orange+3D+%234 */
background: #f9c667; /* Old browsers */
background: -moz-linear-gradient(top,  #f9c667 0%, #f79621 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #f9c667 0%,#f79621 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #f9c667 0%,#f79621 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c667', endColorstr='#f79621',GradientType=0 ); /* IE6-9 */
  }

  .btn-warning:hover{ /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fca72f+0,d8841e+100 */
background: #fca72f; /* Old browsers */
background: -moz-linear-gradient(top,  #fca72f 0%, #d8841e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #fca72f 0%,#d8841e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #fca72f 0%,#d8841e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fca72f', endColorstr='#d8841e',GradientType=0 ); /* IE6-9 */
  }

  .btn-danger {

    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff3019+0,cf0404+100;Red+3D */
background: #ff3019; /* Old browsers */
background: -moz-linear-gradient(top,  #ff3019 0%, #cf0404 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #ff3019 0%,#cf0404 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #ff3019 0%,#cf0404 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}

.btn-danger:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c91414+0,af0303+100 */
background: #c91414; /* Old browsers */
background: -moz-linear-gradient(top,  #c91414 0%, #af0303 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #c91414 0%,#af0303 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #c91414 0%,#af0303 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c91414', endColorstr='#af0303',GradientType=0 ); /* IE6-9 */


}

.btn-success {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3baa16+0,299a0b+100 */
background: #3baa16; /* Old browsers */
background: -moz-linear-gradient(top,  #3baa16 0%, #299a0b 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #3baa16 0%,#299a0b 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #3baa16 0%,#299a0b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3baa16', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
}

.btn-success:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#378e12+0,257a09+100 */
background: #378e12; /* Old browsers */
background: -moz-linear-gradient(top,  #378e12 0%, #257a09 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #378e12 0%,#257a09 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #378e12 0%,#257a09 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#378e12', endColorstr='#257a09',GradientType=0 ); /* IE6-9 */

}

.btn-black {
    color: #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202323+1,000000+100 */
background: #202323; /* Old browsers */
background: -moz-linear-gradient(top,  #202323 1%, #000000 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #202323 1%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #202323 1%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202323', endColorstr='#000000',GradientType=0 ); /* IE6-9 */

}

.btn-black:hover {
    color: #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,202323+99 */
background: #000000; /* Old browsers */
background: -moz-linear-gradient(top,  #000000 0%, #202323 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #000000 0%,#202323 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #000000 0%,#202323 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#202323',GradientType=0 ); /* IE6-9 */
}

.site-footer {
    color: #fff;
padding: 40px 10px;

}

.orange-gradient {  
 /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff670f+0,ff670f+100;Orange+Flat+%231 */
background:rgb(255,103,15); 
background: -moz-linear-gradient(top,  rgba(255,103,15,1) 0%, rgba(255,103,15,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,103,15,1) 0%,rgba(255,103,15,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff670f', endColorstr='#ff670f',GradientType=0 ); /* IE6-9 */
 }


@media only screen and (max-width: 421px) {

h1,
.h1 {
  font-size: 22px;
}
h2,
.h2 {
  font-size: 20px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
  font-size: 12px;
}

}

@media only screen and (max-width: 767px) {
    .carousel-text {
      /*background: rgba(0, 0, 0, 0.7);*/
      margin-top: 120px!important;
        padding: 30px;
    top: 10px;


}

@media only screen and (min-width: 768px) and (max-width: 959px) {
}

@media only screen and (min-width: 960px) and (max-width: 1050px) {
}