body, html {
  width:100%;
  height:100%;
  padding:0;
  margin:0;
}

body {
  background: #e8eeff;
}

h2 {
  font-family: 'Pacifico', cursive;
  font-size:3.5em;
  color:rgba(207,74,153,0.8);
}

h1, p, a{
  font-family: 'Ubuntu', sans-serif;
}

img {
  object-fit: cover;
}

/* STYLING OF ICONS */

.fa-plus-circle {
  color:rgba(160,196,9,1);
}

/* Navigation bar */

.navbar-default{
  margin-top:     1em;
  margin-left:    2em;
  margin-right:   2em;
  background-image: none!important;
  background-color:#fff!important;
  border:none;
  box-shadow: none;
}

/* logo image in Navigation Bar */

.navbar-left img {
  padding-top:0.3em;
  height:5.2em;
}

/* TEXT NEXT TO LOGO (DE KLEINE WERELD) */

.navbar-brand {
  padding-top:0.9em;
  padding-left:0.6em;
  font-size:2em;
  font-family: 'Emilys Candy', cursive;
  color:#58595B;
}

@media screen and (max-width:  800px) {
  .navbar-header a {
    display:inline;
  }
  .navbar-left {
    float: left;
  }
}

@media screen and (max-width:  600px) {
  .navbar-brand {
    padding-top:1.3em;
    font-size:1.5em;
  }
}

@media screen and (max-width:  490px) {
  .navbar-brand {
    display:none !important;
  }
}

.navbar-brand a:hover:focus {
  color: #58595B!important;
}
/* text and links in Navigation Bar */
.affix {
    margin-top:0;
    margin-left:0;
    margin-bottom:1em;
    border-bottom:1px solid #ddd;
    top: 0;
    width: 100%;
    background-color:#fff;
    z-index:150;
    text-decoration: none!important;
}


.nav-wrapper {
  position: relative;
  min-height:5em;
}

.navbar-nav {
  height:5em;
  float:right;
}

.navbar-nav li {
  height: 5em;
  margin:0;
  margin-right:0.7em;
}

.navbar-nav li a {
  transition: all 0.6s ease;
  font-size:1.3em;
  height: 2.3em;
  margin-top:0.7em;
  padding-top:0.4em;
  border-radius: 0.3em;
  border:3px solid rgba(66,199,245,0.8);
  background-color:rgba(66,199,245,0.6);

  color:#fff!important;
  letter-spacing: 3px!important;
}

.navbar-nav li a:hover {
  background-color:rgba(253,184,17,0.9)!important;
  border:3px solid rgba(253,184,17,1)!important;
}

.navbar-nav li a:focus {
  background-color:rgba(253,184,17,0.9)!important;
  border:3px solid rgba(253,184,17,1)!important;
}

.mobile-nav {
  display:inline;
  float:right;
  padding-right:4em;
}

.mobile-nav i {
  position: absolute;
  top:0.1em;
  font-size:3.5em;
  color: rgba(100,100,150,0.9);
  z-index:110;
  padding:0.1em;
  border-radius: 4px;
}

.mobile-nav .fa-times {
  display: none;
}

.mobile-menu-overlay {
  background:rgba(255,255,255,0.95);
  position: fixed;
  left:0;
  top:0;
  width:100%;
  height:100%;
  z-index:100;
  opacity: 0;
  display:none;
}

.mobile-menu-overlay ul {
  margin:0 auto;
  width:100%;
  display:block;
  margin-top:10em;
  text-align: center;
}

.mobile-menu-overlay ul li  {
  padding-top:1em;
}

.mobile-menu-overlay ul li a {
  font-size:2.8em;
  font-weight:bold;
}

@media screen and (max-width: 1260px) {
  .navbar-default .navbar-nav {
    display:none;
  }
  .navbar-header {
    width: 100%;
  }
  .navbar-default {
    width:100% !important;
    margin-left:0 !important;
  }
}
@media screen and (min-width: 1261px) {
  .mobile-nav {
    display:none;
  }
}

@media screen and (max-width: 770px) {
  .navbar-default {
    height:5em !important;
  }
}

@media screen and (max-width:  490px) {
  .mobile-menu-overlay ul {
    text-align: left;
  }
}

.box_rotate {
  -webkit-transform: rotate(180deg);  /* Chrome, Safari 3.1+ */
    -moz-transform: rotate(180deg);  /* Firefox 3.5-15 */
      -ms-transform: rotate(180deg);  /* IE 9 */
        -o-transform: rotate(180deg);  /* Opera 10.50-12.00 */
         transform: rotate(180deg);  /* Firefox 16+, IE 10+, Opera 12.50+ */
}
.box_transition {
  -webkit-transition: all 0.3s ease-out;  /* Chrome 1-25, Safari 3.2+ */
     -moz-transition: all 0.3s ease-out;  /* Firefox 4-15 */
       -o-transition: all 0.3s ease-out;  /* Opera 10.50–12.00 */
          transition: all 0.3s ease-out;  /* Chrome 26, Firefox 16+, IE 10+, Opera 12.50+ */
}

/* DIV WRAPPER OF HET MAIN CAROUSEL */
.slider-wrapper {
  margin-left:    2em;
  margin-right:   2em;
  padding-left:0!important;
  border-radius: 4px;
  height: 45em;
  background-color:#fff;
}

.col-sm-12 {
  padding-right:0;
}


/* ITEMS INSIDE MAIN CAROUSEL */
.carousel {
  margin-left:0!important;
  padding-left:0!important;
}

.top-carousel {
  height:100%;
  width:100%;
  background: #e8eeff; /* Old browsers */
  background: -moz-linear-gradient(left, #e8eeff 0%, #ffffff 50%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #e8eeff 0%,#ffffff 50%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #e8eeff 0%,#ffffff 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8eeff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  border:8px solid #fff;
}

.firstSliderPic {
  filter: brightness(100%);
  border-radius:4px;
  opacity: 0;
  display: block;
  float:right;
  margin-top:3em;
  margin-right:6em;
  object-fit:fill;
  width:2em;
}

@media screen and (max-width:  1700px) {
  .firstSliderPic {
    margin-top:8em;
  }
}
@media screen and (max-width: 1550px) {
  .firstSliderPic {
    margin-top:10em !important;
  }
  .firstSliderText {
    font-size:3.8em !important;
  }
  .firstSliderText1 {
    font-size:3.9em !important;
  }
  .firstSliderText2 {
    margin-left:5.2em !important;
    font-size:3.2em !important;
  }
  .firstSliderText3 {
    font-size:2.0em !important;
  }
  .firstSliderButton {
    margin-top:18em !important;
    margin-left:13em !important;
  }
}

@media screen and (max-width: 1220px) {
  .firstSliderPic {
    margin-right:2em !important;
  }
}

@media screen and (max-width: 1150px) {
  .firstSliderPic, .secondSliderPic, .secondSlidertext {
    display: none !important;
  }
  .firstSliderText, .firstSliderText1, .firstSliderText2, .firstSliderText3 {
    margin-left:0 !important;
    margin-right:0 !important;
  }
  .firstSliderText2 {
    position: absolute!important;
    left:35vw;
  }
  .firstSliderText3 {
    position: absolute!important;
    left:16vw;
  }
  .firstSliderButton {
    position: absolute!important;
    margin-top:18em !important;
    left:10vw;
  }
  .firstSliderText1 .de {
    display: inline !important;
    margin-left:18vw !important;
    position: absolute;
    left:0;
  }
  .firstSliderText1 .kleine {
    display: inline !important;
    margin-left:19vw !important;
    position: absolute;
    left:0;
  }
  .firstSliderText1 .droomwereld {
    display: inline !important;
    margin-left:20vw !important;
    position: absolute;
    left:0;
  }

}

@media screen and (max-width: 850px) {
  .firstSliderText2 {
    position: absolute!important;
    left:5vw;
  }
  .firstSliderText3 {
    position: absolute!important;
    left:5vw;
  }
  .firstSliderButton {
    position: absolute!important;
    margin-top:18em !important;
    left:5vw !important;
    margin-left:0 !important;
  }
  .firstSliderText1 .de {
    display: inline !important;
    margin-left:5vw !important;
    position: absolute;
    left:0;
  }
  .firstSliderText1 .kleine {
    display: inline !important;
    margin-left:6vw !important;
    position: absolute;
    left:0;
  }
  .firstSliderText1 .droomwereld {
    display: inline !important;
    margin-left:7vw !important;
    position: absolute;
    left:0;
  }
}

@media screen and (max-width: 800px) {
  .firstSliderText {
    font-size:3.5em !important;
  }
  .firstSliderText1 {
    font-size:3.6em !important;
  }
  .firstSliderText2 {
    font-size:2.9em !important;
  }
  .firstSliderText3 {
    margin-top:7em !important;
    font-size:2.4em !important;
    text-align: left !important;
  }
  .firstSliderButton {
    margin-top:15em !important;
    padding:1.1em !important;
    font-size:1.8em !important;
  }
}

@media screen and (max-width: 670px) {
  .firstSliderText {
    font-size:3.3em !important;
  }
  .firstSliderText1 {
    font-size:3.2em !important;
  }
  .firstSliderText2 {
    font-size:2.7em !important;
  }
  .firstSliderText3 {
    margin-top:8em !important;
    font-size:2em !important;
    text-align: left !important;
  }
  .firstSliderButton {
    margin-top:15em !important;
    padding:1em !important;
    font-size:1.7em !important;
  }
}

@media screen and (max-width: 600px) {
  .top-carousel {
    background:#e8eeff; !important;
  }
  .firstSliderText1 {
    font-size:2.8em !important;
  }
  .firstSliderText2 {
    font-size:2.3em !important;
  }
  .firstSliderText3 {
    margin-top:9em !important;
    font-size:1.6em !important;
    text-align: left !important;
  }
  .firstSliderButton {
    margin-top:18em !important;
    padding:1em !important;
    font-size:1.2em !important;
  }
  .slider-wrapper {
    height:30em;
  }
}

@media screen and (max-width: 550px) {
  .firstSliderText1 {
    font-size:2.6em !important;
  }
  .firstSliderText2 {
    font-size:2em !important;
  }
  .firstSliderText3 {
    margin-top:9em !important;
    font-size:1.4em !important;
  }
  .firstSliderButton {
    margin-top:18em !important;
    padding:1em !important;
    font-size:1.2em !important;
  }

  .firstSliderText1 .kleine {
    margin-left:5.5vw !important;
  }
  .firstSliderText1 .droomwereld {
    margin-left:6vw !important;
  }
}

@media screen and (max-width: 550px) {
  .firstSliderText1 {
    margin-top:5em !important;
    font-size:2.3em !important;
  }
  .firstSliderText2 {
    font-size:2em !important;
  }
  .firstSliderText3 {
    margin-top:10em !important;
    font-size:1.4em !important;
  }
  .firstSliderButton {
    margin-top:18em !important;
    padding:1em !important;
    font-size:1.2em !important;
  }

  .firstSliderText1 .kleine {
    margin-left:5.2vw !important;
  }
  .firstSliderText1 .droomwereld {
    margin-left:5.4vw !important;
  }
}

@media screen and (max-width: 550px) {
  .firstSliderText1 {
    margin-top:5em !important;
    font-size:1.9em !important;
  }
  .firstSliderText2 {
    font-size:2em !important;
  }
  .firstSliderText3 {
    margin-top:9em !important;
    font-size:1.3em !important;
  }
  .firstSliderButton {
    margin-top:18em !important;
    padding:1em !important;
    font-size:1em !important;
  }
}

@media screen and (max-width: 390px) {
  .firstSliderText1 {
    margin-top:7em !important;
    font-size:1.3em !important;
  }
  .firstSliderText2 {
    font-size:1.5em !important;
  }
  .firstSliderText3 {
    margin-top:8em !important;
    font-size:1.3em !important;
  }
  .slider-wrapper {
    height:25em;
  }

}

.firstSliderText {
  font-size:4.8em;
  position: absolute;
  font-family:'Open Sans';
  color: rgba(66,199,245,0.8);
}

.firstSliderText1 {
  margin-top:4em;
  margin-left:1.5em;
  color:rgba(100,100,150,0.9);
  font-weight:bold;
  font-family:'Ubuntu';
  font-size:4.9em;
}

.firstSliderText1 .de {
  position: absolute;
  opacity:0;
}

.firstSliderText1 .kleine {
  position: absolute;
  padding-left:1.5em;
  opacity:0;
}

.firstSliderText1 .droomwereld {
  position: absolute;
  padding-left:4.6em;
  opacity:0;
}

.firstSliderText2 {
  margin-left:6.2em;
  font-size:3.8em;
  letter-spacing: 1px;
  font-weight:200;
  color:rgba(233,164,17,1);
  opacity: 0;
}

.firstSliderText3 {
  margin-top:9.8em;
  margin-left:2em;
  font-size:2.5em;
  font-weight:200;
  color:rgba(207,74,153,1);
  opacity:0;
  text-align: center;
}

.firstSliderButton {
  font-size:1.5em;
  border:0;
  background:rgba(233,164,17,0.6);
  color:#fff;
  font-family: 'Ubuntu';
  margin-top:22em;
  margin-left:17em;
  outline:0;
  opacity:0;
  border-radius:4px;
  border:3px solid rgba(233,164,17,1);
}

.firstSliderButton:hover {
  background:rgba(233,164,17,0.4);
}


/* SECOND SLIDER */
.secondSlide ul {
  float:right;
  margin-right:16em;
  margin-top:7em;
}

.secondSlide li {
  margin-top:0.4em;
}

.secondSlide ul i {
  font-size:2.2em;
  vertical-align: top;
  padding-top:0.3em;
}

.secondSlide ul p {
  display:inline-block;
  vertical-align: middle;
  font-family:'Ubuntu';
  font-size:2.2em;
  color:#000;
}

.secondSlide .secondSliderPic {
  display: inline-block;
  position: absolute;
  float:left;
  margin-left:8em;
  margin-top:4em;
  object-fit:fill;
  width:8em;
}

.secondSlide .secondSlidertext {
  position: absolute;
  margin-top: 32em;
  margin-left:6em;
  text-align: center;
}

.secondSlide .secondSlidertext h3 {
  font-size:3.2em;
  font-weight:bold;
  color:rgba(207,74,153,1);
  font-family:'Ubuntu';
}

.secondSlide .secondSlidertext p {
  color:rgba(0,0,0,0.9);
  font-weight:200;
  font-family:'Ubuntu';
  font-size:2em;
}

@media screen and (max-width: 1600px) {
  .secondSlide ul {
    margin-right:5em !important;
  }
}

@media screen and (max-width: 1450px) {
  .secondSlide .secondSlidertext {
    margin-top:27em !important;
  }
}

@media screen and (max-width: 1310px) {
  .secondSlide .secondSlidertext {
    margin-left:5em !important;
  }
  .secondSlide .secondSlidertext h3 {
    font-size:2.8em !important;
  }
  .secondSlide .secondSlidertext p {
    font-size:1.6em !important;
  }
  .secondSlide .secondSliderPic {
    margin-left:9em !important;
    margin-top:8em !important;
  }
}

@media screen and (max-width: 1200px) {
  .secondSlide .secondSlidertext {
    text-align:left !important;
    margin-left:2em !important;
  }
  .secondSlide .secondSliderPic {
    margin-left:2em !important;
  }
}

@media screen and (max-width: 1150px) {
  .secondSlide ul {
    margin-right:0 !important;
    float:none;
    display: block;
    width:70%;
    margin:9em auto !important;
    padding:0;
  }
}

@media screen and (max-width: 950px) {
  .secondSlide ul i, .secondSlide ul p {
    font-size:1.9em;
  }
}


@media screen and (max-width: 880px) {
  .secondSlide ul {
    margin-right:0 !important;
    float:none;
    display: block;
    margin:9em auto !important;
    width:100%;
  }
}

@media screen and (max-width: 720px) {
  .secondSlide ul i, .secondSlide ul p {
    font-size:1.8em;
  }
  .secondSlide ul {
    padding:0;
  }
}

@media screen and (max-width: 600px) {
  .secondSlide ul {
    margin-top:2em !important;
  }
}

@media screen and (max-width: 580px) {
  .secondSlide ul i, .secondSlide ul p {
    font-size:1.5em;
  }
}

@media screen and (max-width: 510px) {
  .secondSlide ul i, .secondSlide ul p {
    font-size:1.2em;
  }
  .secondSlide ul {
    margin-top:4em !important;
  }
}

@media screen and (max-width: 390px) {
  .secondSlide ul i, .secondSlide ul p {
    font-size:1em;
  }
}

@media screen and (max-width: 350px) {
  .secondSlide ul i, .secondSlide ul p {
    font-size:0.8em;
  }
}

/* TEXT BOXES IN HET MAIN SLIDER (ANIMATED WITH JS) */


/* DIVBOX INTRO */
.intro {
  margin-top:10em;
  margin-left:    2em;
  margin-right:   2em;
  padding-left:0!important;
  padding-bottom:2em;
  border-radius: 4px;
  height: auto;
  background-color:#fff;
}

@media screen and (max-width: 1150px) {
  .intro {
    width:100%;
    margin-left:0;
  }
}

.rowInner {
  padding-right:1em;
}

.introHead {
  text-align: center;
  margin-left:1em;
  margin-right:5em;
  padding-top:1em;
  padding-bottom:1em;
  border-bottom:0.8em solid rgba(207,74,153,0.8);
  width:100% !important;
}

.introHead h2 {
  font-size:4em !important;
}

@media screen and (max-width: 650px) {
  .introHead h2 {
    font-size:3em !important;
  }
  .introHead{
    border-bottom:1em solid rgba(207,74,153,0.8);
  }
}

@media screen and (max-width: 450px) {
  .introHead h2 {
    font-size:2em !important;
  }
  .introHead{
    border-bottom:0.6em solid rgba(207,74,153,0.8);
  }
}

.introText{
  margin:3em auto;
  width:80%;
}

.introText p {
  font-size:1.5em;
  letter-spacing: 2px!important;
  color:#4e5967;
}

ul li {
  list-style-type:none;
}

.introText table {
  width:40%;
  background:rgba(66,199,245,0.8);
  table-layout: fixed;
  color:#fff;
}

.introText table td {
  padding:0.5em;
  border-bottom:1px solid rgba(255,255,255,0.2);
}

.introText table .time {
  text-align: right;
}

@media screen and (max-width: 850px){
  .introText table {
    width:80%;
  }
}

@media screen and (max-width: 430px){
  .introText table {
    width:100%;
  }
}


/* DIVBOX FOR BETWEENBANNER */

.betweenBanner {
  margin-top:10em;
  width:100%;
  min-height:8em;
  background-color:rgba(66,199,245,1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.24);
  display:table;
  table-layout: fixed;
}

.betweenBanner .bannerItem {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  color:#fff;
  font-size:2.5em;
  letter-spacing: 2px!important;
  font-family:'Ubuntu';
}

.bannerItem {
    border-bottom:4px solid #fff;
}

.bannerFirst {
  border-bottom-left-radius:2em;
}

.bannerThird {
  border-bottom-right-radius:2em;
}

@media screen and (max-width: 610px){
  .bannerItem {
      border-bottom:none;
  }
}

@media screen and (max-width: 850px){
  .betweenBanner .bannerItem {
    font-size:2em !important;
    letter-spacing: 1.6px!important;
  }
}

@media screen and (max-width: 600px){
  .betweenBanner .bannerItem {
    text-align: left;
  }
}

@media screen and (max-width: 470px){
  .betweenBanner .bannerItem {
    display: block;
    width: 100%;
    text-align: center;
  }
  .betweenBanner {
    display: block;
  }
}


/* DIVBOX ABOUTME */
.aboutMe {
  margin-top:10em;
  margin-left:    2em;
  margin-right:   2em;
  padding-left:0!important;
  border-radius: 4px;
  height: auto;;
  background-color:#fff;
}

@media screen and (max-width: 1150px) {
  .aboutMe {
    width:100%;
    margin-left:0;
  }
}

.aboutMeHead{
  text-align: center;
  margin-left:1em;
  margin-right:5em;
  padding-top:1em;
  padding-bottom:1em;
  border-bottom:0.8em solid rgba(207,74,153,0.8);
  width:100%;
}

.aboutMeText{
  margin-top:3em;
  padding-top:2em;
  display: block;
}

.aboutMeText p {
  font-size:1.5em;
  letter-spacing: 2px!important;
  color:#4e5967;
}

@media screen and (max-width: 650px) {
  .aboutMeHead h2 {
    font-size:3em !important;
  }
  .aboutMeHead{
    border-bottom:1em solid rgba(207,74,153,0.8);
  }
}

@media screen and (max-width: 450px) {
  .aboutMeHead h2 {
    font-size:2em !important;
  }
  .aboutMeHead{
    border-bottom:0.6em solid rgba(207,74,153,0.8);
  }
}

.aboutMeImg {
  margin-top:5em;
  margin-right:0!important;
  padding-left:12em;
  padding-right:5em;
  float:right;
}

@media screen and (max-width: 1650px) {
  .aboutMeImg {
    padding-left:8em !important;
  }
}

@media screen and (max-width: 1500px) {
  .aboutMeImg {
    padding-left:4em !important;
  }
}

@media screen and (max-width: 1350px) {
  .aboutMeImg {
    padding-left:1em !important;
  }
}

.aboutMeImg img{
  width:23em;
  position: absolute;
  border-radius:0 0 4px;
  padding-bottom:3em;
  object-fit:fill;
  display: block;
}

.SmallCaption h1 {
  padding-left:1.3em!important;
  margin-top:9em;
}

@media screen and (max-width: 1250px) {
  .aboutMeImg {
    padding-left:5em !important;
  }
  .aboutMeImg img{
    width:25em;
  }
  .SmallCaption h1 {
    margin-top:10.5em;
    padding-left:1.9em!important;
  }
}

@media screen and (max-width: 1080px) {
  .aboutMeImg {
    float:none;
    width:100%;
  }
  .aboutMeImg img{
    width:60%;
    display:block;
    margin:0 auto;
    position: relative;
  }
  .SmallCaption {
    text-align: center;
  }
  .SmallCaption h1 {
    margin-top:0em;
    padding-left:0em!important;
  }
  .aboutMeText{
    width:85%;
  }
}

/* DIVBOX IMAGES */
.images {
  margin-top:10em;
  padding-left:0!important;
  border-radius: 4px;
  height: 58em;
  background-color:#fff;
}

@media screen and (min-width: 1150px){
  .images {
    margin-left:    2em;
    margin-right:   2em;
  }
}

@media screen and (max-width: 768px){
  .col-sm-offset-1 {
      margin-left: 8.33333333%;
  }
}

.imageHead{
  text-align: center;
  margin-left:1em;
  margin-right:5em;
  padding-top:1em;
  padding-bottom:1em;
  border-bottom:0.8em solid rgba(207,74,153,0.8);
  width:100%;
}
.imageDiv{
  width:98%;
  border:4px solid rgba(66,199,245,0.8);
  border-radius:2em;
  background:rgba(66,199,245,0.6);
  display: block;
  margin:2em auto;
  padding-top:2em;
  padding-bottom:2em;
  min-height:45em;
}

.imageDiv img{
  object-fit:fill;
  height:40em;
  max-width:100%;
  display:block;
  margin: 0 auto;
}


 .Image{
  border:1px solid black;
}

/* DIVBOX SMALLTEXT */
.reviewSlider {
  margin-top:10em;
  padding-top:2em;
  padding-left:0!important;
  min-height: 20em;
  display: block;
  background-color:rgba(66,199,245,1);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.24);
  text-align: center;
  font-size: 1.6em;
}

.reviewSlider h3 {
  color:#fff;
  font-weight: bold;
}

.reviewSlider p {
  max-width:60%;
  margin: 0 auto;
}

.reviewSlider .review-previous, .reviewSlider .review-next {
  position: absolute;
  margin-top:4em;
  font-size: 1.8em;
}

.reviewSlider .review-previous:hover, .reviewSlider .review-next:hover {
  color:rgba(0,0,0,0.6);
  cursor: pointer;
}

.reviewSlider .review-next {
  right:1.5em;
}

.reviewSlider .review-previous {
  left:1.5em;
}

@media screen and (max-width: 500px){
  .reviewSlider .review-next {
    right:.5em;
  }

  .reviewSlider .review-previous {
    left:.5em;
  }
}




/* carousel */
.media-carousel
{
  margin-bottom: 0;
  padding: 0 40px 30px 40px;
  margin-top: 3em;
}
/* Previous button  */
.media-carousel .carousel-control.left
{
  left: 0.1em;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 2em;
}
/* Next button  */
.media-carousel .carousel-control.right
{
  right: 0.1em!important;
  background-image: none;
  background: none repeat scroll 0 0 #222222;
  border: 4px solid #FFFFFF;
  border-radius: 23px 23px 23px 23px;
  height: 40px;
  width : 40px;
  margin-top: 2em;
}
/* Changes the position of the indicators */
.media-carousel .carousel-indicators
{
  right: 50%;
  top: auto;
  bottom: 0px;
  margin-right: -19px;
}
/* Changes the colour of the indicators */
.media-carousel .carousel-indicators li
{
  background: #c0c0c0;
}
.media-carousel .carousel-indicators .active
{
  background: #333333;
}


/* End carousel */

/* DIVBOX UPPERFOOTER */
.footer-bs {
  margin-top:10em;
  padding-top:3em;
  padding-bottom:3em;
  padding-left:0!important;
  height: auto;
  background-color:rgba(253,184,17,1);
}
.footerImg {
  height:8em;
  padding-top:0!important;
}

.footRow {
  margin-right:0!important;
}

.footer-bs .footer-brand, .footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
  padding:10px 25px;
}

.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
  border-color:rgba(255,255,255,0.7)!important;
}

.footer-bs .footer-brand h2 {
  margin:0px 0px 10px;
}
.footer-bs .footer-brand p {
  font-size:12px; color:rgba(255,255,255,0.70);
}

.footer-bs .footer-nav ul.pages {
  list-style:none; padding:0px;
}

.footer-bs .footer-nav ul.pages li {
  padding:5px 0px;
}

.footer-bs .footer-nav ul.pages a {
  color:rgba(255,255,255,1.00);
  font-weight:bold;
  text-transform:uppercase;
}

.footer-bs .footer-nav ul.pages a:hover {
  color:rgba(255,255,255,0.80);
  text-decoration:none;
}

.footer-bs .footer-nav h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}

.footer-bs .footer-nav ul.list {
  list-style:none;
  padding:0px;
}

.footer-bs .footer-nav ul.list li {
  padding:5px 0px;
}

.footer-bs .footer-nav ul.list a {
  color:rgba(255,255,255,0.80);
}

.footer-bs .footer-nav ul.list a:hover {
  color:rgba(255,255,255,0.60);
  text-decoration:none;
}

.footer-bs .footer-social ul {
  list-style:none; padding:0px;
}

.footer-bs .footer-social h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
}
.footer-bs .footer-social li {
  padding:5px 4px;
}

.footer-bs .footer-social a {
  color:rgba(255,255,255,1.00);
}

.footer-bs .footer-social a:hover {
  color:rgba(255,255,255,0.80);
  text-decoration:none;
}

.footer-bs .footer-ns h4 {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 3px;
	margin-bottom:10px;
}
.footer-bs .footer-ns p {
  font-size:12px;
  color:rgba(255,255,255,0.70);
}

@media screen and (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
    border-left:solid 2px rgba(255,255,255,0.10);
  }
}

.footer-contact {
  width:50%;
  height:5em;
  background:#337ab7;
  border:0;
  color:#fff;
}

.footer-bs i {
  color:#fff;
  font-weight: bold;
  text-transform: uppercase;
  font-style:normal;
  cursor: pointer;
}

.footer-bs i:hover {
  color:rgba(255,255,255,0.80);;
}

.glyphicon-envelope {
  font-size:2em;
}

/* CONTACT */
.contact-overlay {
  position: fixed;
  display: none;
  background:rgba(0,0,0,0.8);
  height:100%;
  width:100%;
  z-index: 500;
}

.contact-modal {
  position: fixed;
  background:#fff;
  width:80%;
  z-index: 510;
  top: 20%;
  left: 20%;
  margin-top: -5%;
  margin-left: -10%;
}

@media screen and (max-width: 1260px) {
  .contact-modal {
    top:0;
    left:0;
    width: 100%;
    height:100%;
    margin-top:0;
    margin-left:0;
  }
}

.contact-modal form {
  padding-top:3em;
}

.contact-modal form h3 {
  text-align: center;
  font-family: 'Ubuntu';
}

.contact-modal .contactError {
  text-align: center;
  width: 100%;
  color:RED;
}

.contact-modal form input, .contact-modal form textarea {
  display: block;
  width:60%;
  max-width: 60%;
  margin: 0 auto;
  border:0;
  outline:0;
  -webkit-appearance: none;
  box-shadow:inset 0px 0px 10px #337ab7;
  padding-left:1em;
}

.contact-modal form input {
  height:2.5em;
}

.contact-modal form textarea {
  height:5em;
  padding-top:1em;
}

.contact-modal form input[type="submit"] {
  box-shadow:0px 0px 10px #333;
  width:40%;
  font-family: 'Ubuntu';
  margin-top:5em;
}

.contact-modal form a {
  text-align: center;
  width: 100%;
  display: block;
  padding-top:0.3em;
}

.contact-modal form input[type="submit"]:hover {
  box-shadow:0px 0px 4px #333;
}

.closeContactForm {
  font-size: 3em;
  padding-right:0.5em;
  padding-top:0.2em;
  color:rgba(100,100,100,0.7);
  float:right;
  cursor:pointer;
}

.closeContactForm:hover {
  color:rgba(100,100,100,1);
}

.contactformLogo img {
  float:left;
  width:20em;
  position: absolute;
}

@media screen and (max-width: 1200px) {
  .contactformLogo img {
    width:15em;
  }
}

@media screen and (max-width: 650px) {
  .contactformLogo img {
    width:10em;
  }
}



/* DIVBOX FOOTER */

/* MEDIA QUERY FOR FOOTER */
@media screen and (max-width: 991px) {
	.footer-bs div {
    width:100% !important;
    text-align: center !important;
    display:block !important;
    margin:0 auto !important;
  }
}

@media screen and (min-width: 768px) {
	.footer-bs .footer-nav, .footer-bs .footer-social, .footer-bs .footer-ns {
    border-left:solid 2px rgba(255,255,255,0.10);
  }
}