/*--- PLACE YOUR CUSTOM STYLES HERE ---*/

/*--- Background Images ---*/
.bg-shortcodes {
    background-image: url(../img/backgrounds/bg-shortcodes.jpg);  
}
.bg-light {
    background-image: url(../img/backgrounds/bg-light.jpg);  
}
.bg-shop {
    background-image: url(../img/backgrounds/bg-shop.jpg);  
}
.bg-about-me {
    background-image: url(../img/backgrounds/bg-about-me.jpg);  
}
.bg-restaurant-1 {
    background-image: url(../img/restaurant/bg-restaurant-1.jpg);  
}
.bg-restaurant-2 {
    background-image: url(../img/restaurant/bg-restaurant-2.jpg);  

}
.bg-pattern-1 {
    background-image: url(../img/backgrounds/bg-pattern-1.jpg);
}
.bg-pattern-2 {
    /*background-image: url(../img/backgrounds/bg-pattern-2.jpg);*/
    background-image: url(../img/backgrounds/header-fp.jpg); 
}
.bg-pattern-3 {
    background-image: url(../img/backgrounds/bg-pattern-3.jpg);
}
.bg-pattern-4 {
    background-image: url(../img/backgrounds/bg-pattern-4.jpg);
}
.bg-music-1 {
    background-image: url(../img/music/bg-music-1.jpg);
}
.bg-photography-1 {
    background-image: url(../img/photography/bg-photography-1.jpg);
}
.bg-photography-2 {
    background-image: url(../img/photography/bg-photography-2.jpg);
}
.bg-photography-3 {
    background-image: url(../img/photography/bg-photography-3.jpg);
}
.bg-fitness-1 {
    background-image: url(../img/fitness/bg-fitness-1.jpg);
}
.bg-fitness-2 {
    background-image: url(../img/fitness/bg-fitness-2.jpg);
}
.bg-fitness-3 {
    background-image: url(../img/fitness/bg-fitness-3.jpg);
}
.bg-fitness-4 {
    background-image: url(../img/fitness/bg-fitness-4.jpg);
}
.bg-event-1 {
	background-image: url(../img/event/bg-event-1.jpg);  
}
.bg-event-2 {
	background-image: url(../img/event/bg-event-2.jpg);  
}
.bg-food-1 {
    background-image: url(../img/food/bg-food-1.jpg);  
} 
.bg-food-2 {
    background-image: url(../img/food/bg-food-2.jpg);  
} 
.bg-food-3 {
    background-image: url(../img/food/bg-food-3.jpg);  
}  
.bg-agency-1 {
	background-image: url(../img/agency/bg-agency-1.jpg);  
} 
.bg-agency-2 {
	background-image: url(../img/agency/bg-agency-2.jpg);  
} 
.bg-launching-1 {
    background-image: url(../img/launching/bg-launching-1.jpg);  
}
.bg-launching-2 {
    background-image: url(../img/launching/bg-launching-2.jpg);  
}
.bg-product-1 {
    background-image: url(../img/product/bg-product-1.jpg);  
}
.bg-product-2 {
    background-image: url(../img/product/bg-product-2.jpg);  
} 
.bg-education-1 {
    background-image: url(../img/education/bg-education-1.jpg);  
}
.bg-education-2 {
    background-image: url(../img/education/bg-education-2.jpg);  
} 
.bg-concepts-1 {
    background-image: url(../img/concepts/bg-concepts-1.jpg);  
}
.bg-video-1 {
    background-image: url(../img/video/bg-video-1.jpg); 
}
.bg-img-1 {
    background-image: url(../img/backgrounds/bg-1.jpg); 
}
.bg-img-2 {
    background-image: url(../img/backgrounds/bg-2.jpg); 
}
.bg-img-3 {
    background-image: url(../img/backgrounds/bg-3.jpg); 
}
.bg-img-4 {
    background-image: url(../img/backgrounds/bg-4.jpg);  
}
.bg-img-5 {
    background-image: url(../img/backgrounds/bg-5.jpg); 
} 
.bg-img-6 {
    background-image: url(../img/backgrounds/bg-6.jpg);  
}
.bg-img-7 {
    background-image: url(../img/backgrounds/bg-7.jpg); 
} 
.bg-img-8 {
    background-image: url(../img/backgrounds/bg-8.jpg);  
}    
.bg-img-9 {
    background-image: url(../img/backgrounds/bg-9.jpg);  
} 
.bg-img-10 {
    background-image: url(../img/backgrounds/bg-10.jpg);  
} 
.bg-img-11 {
    background-image: url(../img/backgrounds/bg-11.jpg);  
} 
.bg-img-12 {
    background-image: url(../img/backgrounds/bg-12.jpg);  
} 
.bg-img-13 {
    background-image: url(../img/backgrounds/bg-13.jpg);  
} 
.bg-img-14 {
    background-image: url(../img/backgrounds/bg-14.jpg);  
} 
.bg-img-15 {
    background-image: url(../img/backgrounds/bg-15.jpg);  
}

#maincontent {
    /*min-height:400px;*/
}


 .nothome h1 {
    font-size: 34px;
 }

 .nothome h2 {
    font-size:28px;
 }

 .nothome h3 {
    font-size:22px;
 }

  /* RESPONSIVE STYLES DIGITEAM */

  .navbar {
    min-height: 100px;
  }
  .navbar-nav {
    margin-top: 20px;
  }
  .navbar-brand img {
    max-height: 86px;
  }
  .navbar-toggle {
    height: 100px;
}

.small .navbar-brand img {
    max-height: 74px;
}

.mt200-2 {
margin-top: 120px;
}

.mh680 {
max-height: 680px;
}

@media screen and (max-width: 1900px) {
    .mt200, .mt-200-2 {
        margin-top: 80px;
    }
    .introfull { display:none;}
    .mtm20 {margin-top: 20px;}
    .mbm40 {margin-bottom:40px;}
}

 @media screen and (max-width: 1271px) {
    .hero-phone {
        display:none;
    }
    .hero-content .col-md-6 {
        width: 100%;
    }
    .mt200 {
        margin-top: 50px;
    }
    .mt200-2 {
        margin-top: 70px;
    }
 }

@media screen and (max-width: 994px) {
.text-right, .text-left {
    text-align: center;
}
}

  @media screen and (max-width: 670px) {
    .pl60 {
        padding-left: 0px;
        padding-top: 40px;
    }
    .hero-content h2 {
        display: none;
    }
    .subscribe-top {
        width: 80%;
    }
    .top-subscribe-input {
        padding: 10px 10px;
    }
    .sign-btn .btn-primary {
        padding: 19px 10px;
    }
    .pt100 {
        padding-top: 0px !important;
    }
    .pt50 {
        padding-top: 30px !important;
    }
    .hero-content p {
        line-height: 1.4;
    }
    .mb40 {
        margin-bottom: 0px !important;
    }
    .section-heading {
        padding-top: 50px;
    }
  }

@media screen and (max-width: 534px) {
    .hero-content p {
        font-size: 12px;
        line-height: 1.1;
    }
}

@media screen and (max-width: 460px) {
    .hero-content p {
        display: none;
    }
    .hero-content p.mobyes {
        display: inline !important;
    }
}

@media screen and (max-width: 400px) {
.aanmelden-top {
// display: none;
}
.hero-fullwidth {
height: 50%;
}
.mh680 .top-subscribe-input {
padding: 4px 4px;
font-size: 11px;
}
.mh680 .sign-btn .btn-primary {
    padding: 9px 5px;
    font-size: 11px;
line-height: 2px;
}
}

@media screen and (max-height:274px) {
    .hero-content p {
        display: none !important;
    }
    .hero-content p.mobyes {
        display: inline !important;
    }
}


.error404 h4 {
    margin-top:20px;
    margin-bottom:20px;
}

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

    .navbar-brand img {
        max-width:260px;
    }

}


@media (min-width: 0px) and (max-width: 769px) {

    #maincontent .row:not(.row-section-search-result):not(.rowshop) {
        margin-left:0px;
        margin-right:0px;
    }

}


@media (min-width: 1023px) and (max-width: 1264px) {

    .header-container-title {
        margin-top:30px;
    }

}


@media (min-width: 1265px) and (max-width: 1900px) {

    .header-container-title {
        margin-top:50px;
    }

}


/* tabs */


.nav-tabs > li > a, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus {
    color: #FFFFFF;
    cursor: pointer;
    background-color: #11B4CE;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;

}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    color: #FFFFFF;
    cursor: default;
    background-color: #F5AE23;
    border: 1px solid #ddd;
    border-bottom-color: rgb(221, 221, 221);
    border-bottom-color: transparent;
    font-size:1.3em;
    margin-top:-9px;
}

.nav-tabs {
    border-bottom: 0px solid #ddd;
    width:85%;
}


/* review css */
#review-form {

}

#ratingform {
    display:block;
    width:80%;
}

#review-form #write-review-title {
    padding-left:38px;
    padding-bottom:25px;
}

#review-form .review-message {
    margin-left:52px;
    margin-bottom:25px;
}

#review-form a {
    color: tomato;
    text-decoration: none;
}

#review-form a:hover {
    color: #2196f3;
}

#review-form .success-box {
    margin:50px 0;
    padding:10px 10px;
    border:1px solid #eee;
    background:#f9f9f9;
}

#review-form .success-box img {
    margin-right:10px;
    display:inline-block;
    vertical-align:top;
}

#review-form .success-box > div {
    vertical-align:top;
    display:inline-block;
    color:#888;
}


/* Rating Star Widgets Style */
#review-form .rating-stars ul,
#tab_review .rating-stars ul {
    list-style-type:none;
    padding:0;
    -moz-user-select:none;
    -webkit-user-select:none;
}
#review-form .rating-stars ul > li.star,
#tab_review .rating-stars ul > li.star {
    display:inline-block;
}

/* Idle State of the stars */
#review-form .rating-stars ul > li.star > i.fa,
#tab_review .rating-stars ul > li.star > i.fa {
    font-size:2.5em; /* Change the size of the stars */
    color:#ccc; /* Color on idle state */
}

/* ster klein */
#tab_review .rating-stars-small ul > li.star > i.fa {
    font-size:1.5em; /* Change the size of the stars */
    margin-left:-4px;
}


/* Hover state of the stars */
#review-form .rating-stars ul > li.star.hover > i.fa,
#tab_review .rating-stars ul > li.star.hover > i.fa {
    color:#F5AE23;
}

/* Selected state of the stars */
#review-form .rating-stars ul > li.star.selected > i.fa,
#tab_review .rating-stars ul > li.star.selected > i.fa {
    color:#F5AE23;
}

#review-form .form-group-name {
    margin-bottom:40px; 
}

#review-form .form-group-name div {
    padding-top:7px;
}

#review-form textarea {

}

#review-form .input-group-btn-send {
    text-align:right;
}

#review-form .btn-review-send {
    padding-bottom: 15px;
    padding-top: 5px;
}



/* overzicht reviews */
#rest-rating-stars {
    margin-top:10px;
}

#rest-reviews-head {
    margin-bottom:30px;
    margin-left: 8px;
}

#rest-no-reviews {
    margin-left:15px;
}

#thereviews {
    display:table;
    padding-bottom:60px;
}

#thereviews .rating-stars ul {
    margin:0px;
    padding:0px;
}


.areview {
    margin-bottom:25px;
}

.areview-date {
    font-size:0.8em;
}

.areview-customername {

}


/* review responsive */

@media (min-width: 0px) and (max-width: 1023px) {

    #shop-orderandreview-tabs {
        margin-left:14px;
        /*margin-bottom:-28px;*/
    }

    #rest-no-reviews {
        /*margin-top:28px;*/
    }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        font-size:1.0em;
        margin-top:0px;
    }


}