body{
	font-family:'Open Sans','Helvetica Neue',Arial,sans-serif;

}

.navbar-brand	{
		padding: 0px;
}

.navbar {
  border-top: 6px solid #FFB128;
  background-color: #F6F6F6;
  padding: 0;
  margin: 0;
}

.navbar .navbar-brand {
  display: block;
  background-color: #F6F6F6;
  padding: 15px 40px;
  font-style: italic;
  color: #f5f3f5;
}

.navbar .nav-link {
  color: #FFB128;
  font-size: 20px;
  padding: 10px 15px;
  margin: 0 10px;
}

.navbar .nav-link:hover {
  background-color: #E0E0E0;
}

.logo{
max-height:60px;
max-width:auto;
}

.btn  {
	background-color:#FFB128;

}

.responsive	{
	font-size:3vw;
}

.container	{
	max-width:100%;
	padding:0px;
}

.container1	{
	max-width:100%;
	padding:0px;
	position: relative;
}

.container2	{
	position:absolute;
	bottom: 65%;
    right: 50%;
    max-height:10%;
    width:40%;
}
.container3	{

	position:absolute;
	bottom: 60%;
    right: 50%;
    max-height:10%;
        width:40%;
}

.text-center	{
	width:74%;
  margin:auto;
}

.text-center1  {
  text-align:center;
  padding-bottom:2%;
}

.text-center li {
  text-align: left;
}

.font-bold {
  font-weight: bold;
}

.fixedimg{
  background-image: url("dag4.jpg");
  background-attachment: fixed;
  background-size: cover;
  min-height:970px;
}
@media screen and (max-width:800px){
	.fixedimg{
		min-height:640px;
	}
}


.fixedimg1{
  background-image: url("dag4.jpg");
  background-attachment: fixed;
  background-size: cover;
  min-height:970px;
}
@media screen and (max-width:800px){
  .fixedimg1{
    min-height:640px;
  }
}
/*#####viewport######*/

.viewport-89	{
	min-height:89vh;
}

.row	{
	margin-left:0px;
	margin-right: 0px;
}

/*#####banner######*/

.text-img-2	{
	color:darkblue;
}

#banner {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.5)),url(images/991488-background.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


#banner1 {
  background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5)),url(images/1491317568Parador-Bilbao-263499824.jpg);
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}


/*###################inclusief####################*/

.kaartje  {
  background-color:#FFB128;
  border-color:darkblue;
  color:darkblue;
  padding:1%;
  text-align:center;
  border-radius:1em 10px;
}
.col-sm {
  padding:2%;

}


hr.style1 {
  background-color:darkblue;
  max-width:50%;
  border:5px solid black;
  border-radius: 7px 7px 7px 7px;
}

.container4 {
width:100%;
text-align:center;
}

.lefttxt {
padding-left:15%;
padding-right:15%;
padding-bottom:4%;
text-align:left;
padding-top:3%;
}

.kaartje1  {
  background-color:#FFB128;
  border-color:darkblue;

  color:darkblue;
  padding:1%;
  text-align:center;

}

.flydrivetxt  {
  color:#F8F8FF;
}

.dagkaarttxt  {
  background-color:#FFB128;
  border-color:darkblue;
  color:darkblue;
  padding:1%;
  text-align:center;
  border-radius: 1em 10px;
}

.dagkaartfoto  {
  background-color:#FFB128;
  border-color:darkblue;
  color:darkblue;
  padding:1%;
  text-align:left;
  border-radius: 1em 10px;
  /*box-shadow: */
}


.dagimg {
  padding:1%;
  width:100%;
  max-width:1483px;
  max-height:420px;
  border-radius:1em 10px;
}

.container5 {
  position: relative;
  text-decoration:none;
  width:100%;
  text-align:left;
  padding-left:2%;
}
@media screen and (max-width:1241px){
  .container5 {
    width:100%;
  }
}

.dagnmr {
  padding-bottom:10px;
}

.langtxt  {
  padding-top:10px;
}

.dagkaartlanger  {
  background-color:#FFB128;
  border-color:darkblue;
  color:darkblue;
  padding:1%;
  max-height:600px;
  height:600px;
  min-height:450px;
  text-align:center;
  border-radius: 1em 10px;
}

.dagkaartlang  {
  background-color:#FFB128;
  border-color:darkblue;
  color:darkblue;
  padding:1%;
  max-height:550px;
  height:550px;
  min-height:450px;
  text-align:center;
  border-radius: 1em 10px;
}

.maps {
  width:100%;
  height:660px;
}

.kaartfoto  {
  padding-top:5%;
  padding-bottom:7%;
  color:darkblue;
  background-color:#FFB128;
  margin:auto;
  width:60%;

}

.kaartfoto1  {
  padding-top:1%;
  padding-bottom:1%;
  color:darkblue;
  background-color:#FFB128;
  margin:auto;
  width:100%;

}


.border-rond {
  border-radius:2em 10px 10px;
}

ul  {
  list-style:none;
  padding-top:1%;
}

h3.kort {
  font-size:3vw;
}

h6.inline {
  display: inline-block;
}


.colom  {
  width:60%;
  margin:auto;
  padding-top:1%;
  padding-bottom:1%;
}

@media screen and (max-width:800px){
  .colom{
    width:80%;
  }
}

@media screen and (max-width:1270px){
  .text-center{
    width:80%;
  }
}

@media screen and (max-width:636px){
  .text-center{
    width:90%;
  }
}

@media screen and (max-width:570px){
  .text-center{
    width:100%;
  }
}

.text-center2   {
  width:50%;
  margin:auto;
  text-align:center;
}

@media screen and (max-width:570px){
  .text-center1{
    padding-top:5%;
    padding-bottom:5%;
  }
}

.text-center3   {
  padding-bottom:2%;
  padding-top:2%;
  text-align:center;
}

.left   {
  text-align:left;
}

.dot{
  list-style:circle;
  text-align:left;
}

.icontxt   {
  padding-bottom:1%;
}

.kaartje2  {
  background-color:#FFB128;
  color:darkblue;
  padding:1%;
  text-align:center;
  border:solid 0px #F8F8FF;
  border-radius:1em 10px;
  }

  @media screen and (max-width:520px){
  .responsive{
    font-size:6vw;
  }
}

  @media screen and (max-width:700px){
  .lefttxt{
    padding-left:3%;
    padding-right:3%;
  }
}

section {
  padding-top:1%;
  padding-bottom:1%;
}

#map  {
  padding-top:1%;
}

.headertxt  {
  background-color:#FFB128;
  text-align:center;
  padding-top:3%;
  padding-bottom:3%;
  border-radius:1em;
  color:darkblue;
}

p {
  font-size:16px;
  text-align:center;
}






####################################################################Joey###################################################################################################################
#sja{display: none;}

.paddingkje {
	padding: 0 0 0 0;
}
/*kleur voor landingtext*/
.backgroundje{
	color:white;
}
/*padding voor header*/
.headertje {
  padding: 154px 0 100px;
}

/*padding voor sections*/
.secpadd > section {
  padding: 90px 0;
}
.navbarcoloring{
	background-color:#F7F7F7;
}


	/*background images voor begin pagina, en de twee andere sections*/
    .headertje{
      min-height: 80vh;
      width:100%;
      background:linear-gradient(rgba(0,4,0,0.7), rgba(0,0,0,0.0)),url('https://www.vakantiestunt.nl/items_images/background2.jpg')center center no-repeat;
      background-size: cover;
      background-attachment: fixed;
    }
    .bgscroll-one{
      height:auto;
      width:100%;
      background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.vakantiestunt.nl/items_images/background1.jpg') center center no-repeat;
      background-size:cover;
      background-attachment: fixed;
    }
    .bgscroll-two{
        height:auto;
      width:100%;
      background:linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url('https://www.vakantiestunt.nl/items_images/capri.jpg') center center no-repeat;
      background-size:cover;
      background-attachment: fixed;
    }
    .bgcolor{
      height:auto;
      width:100%;
      background-color:white;
    }
   
    /*kleuren voor header en paragraphs waar achtergrond een iamge is*/
    .textcolor > p {
      color:white;
      font-size:18px;
    }
     .textcolor > ul {
      color:white;
    }
     .textcolor > h2 {
      color:#DCD1CB;
    }
     .textcolor > h4 {
      color:#DCD1CB;
    }
     .textcolor > h3 {
     	color:#CEF6F5;
     }
     .fontsizeforp > p{
	font-size:18px;
     }
      .fontsizeforp > ul{
	font-size:18px;
     }


     /*PADDING voor images*/
     .imgpadd{
     	padding: 0 0 70px 0;
     }
     .imgpadd2{
     	padding: 0 0 40px 0;
     }
     

     /*readmore button*/
     .readitmore {
     	background-color: #4CAF50;
     	border: none;
     	color:white;
     	padding: 0 0 0 0 ;
     	text-align: center;
     	text-decoration: none;
     	display: inline-block;
     	font-size: 16px;
     	height:5vh;
     	width:100%;
     }

     .lipadding {
     	padding: 10px;
     }

     ul.circleboy {
     	list-style-type: circle;
     }
/*responive voor mobiel*/
@media (max-width:768px){
.yeet{
	max-height:300px;
  }
  .paddingkje {
	padding: 0 0 0 0;
}
}

@media (min-width: 992px) {
  .headertje {
    padding: 156px 0 120px;
  }
}





########################################################################JOEY######################################################################################################

















/*
################
               start Eliran CCS
################
*/


.card-body
{
  background-image: url("Rome.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.eabusiness-header
{
  height: 25vh;
  min-height: 600px;
  background-image: url("Rome.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin-top: -20px;
}

.eaachtergrond
{
  background-image: url("Rome.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.eacard
{
  height: 100%;
  background-image: url("Rome.jpg");
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.eaDagtotdag
{
  background-color: white;
  border-style: ridge;
  border-radius: 25px;
  border: 2px solid;
  padding: 20px;
}

.eaAuto
{
  background-color: white;
  border-style: ridge;
  border-radius: 25px;
  border: 2px solid;
  padding: 20px;
  margin-bottom: 20px;
  margin-top: 10px;
}

.maps
{
  border-style: ridge;
  border-radius: 25px;
  border: 2px solid;
  padding: 20px;
}

.eaMapsblock
{
  padding-bottom: 20px;
}

.eaAutoinfo
{
  border-style: ridge;
  border-radius: 25px;
  border: 2px solid;
  padding: 40px;
  background: #fff;
  margin-top: 25px;
}

.eahotelinfo
{
  border-style: ridge;
  border-radius: 25px;
  border: 2px solid;
  padding: 40px;
  background: #fff;
  margin-top: 1px;
}

.eainfo
{
  text-align: center;
  text-float: Center;
}



.row:after
{
  content: "";
  display: table;
  clear: both;
}

.eaextraautoinfo
{
  padding-left: 25px;
}

.eaauto-title
{
  text-align: center;
  text-float: center;
}

.earesponsive
{
  width: 100%;
}

.earesponsivev1
{
  max-height: 100%;
  max-width: 100%;
}

.earesponsive2
{
  height: 100%;
  width: 100%;
}

.earesponsive3
{
  width: 100%;
}

.eaSplit
{
  margin-top: 15px;
  margin-bottom: 10px;
  border-style: solid;
  border-color: dark-grey;
}

.eacolumnx
{

  background-color: #FFBF00;
  height: auto;
  width: auto;
  min-height: 17%;
}

.earow
{
  margin-top: 15px;
}

#eaaccordion
{
padding-bottom: 12.5%;
}

#content4
{
  margin-top: 25px;
}

#content3
{
  margin-top: 0px;
}



/*
################
               eind Eliran CCS
################
*/