img {
border: none;
}

h1 {
font-family: "PT Sans", sans-serif;
font-size: 40px;
font-weight: bold;
line-height:32px;
color: white;
}

h2 {
font-family: "PT Sans", sans-serif;
font-size: 38px;
font-weight: bold;
line-height:32px;
color: #131037;
margin-bottom:30px;
margin-top:20px;
}

h3 {
font-family: "PT Sans", sans-serif;
font-size: 30px;
line-height:32px;
font-weight: bold;
color: #131037;
margin-bottom:30px;
margin-top:20px;
}

* {
margin: 0px;
padding: 0px;
}

img {
max-width:100%;
height:auto;	
}

html, body{
font-family: "PT Sans", sans-serif;
font-size: 17px;
line-height:25px;
background-color:#e8e8e8;
text-align:center;
}

.site-header {
background: #ffffff;
border-bottom: 1px solid #f8f8f8;
width:95%;
max-width:1250px;
margin-left:auto;
margin-right:auto;
text-align:center;
position:relative;
padding-top: 40px;
}

.revimg1 {
    width: 65px;
    height: auto;
    position: absolute;
    right: 20px;
    top: 60px;
    image-rendering: -webkit-optimize-contrast;
}

.revimg2 {
    width: 65px;
    height: auto;
    position: absolute;
    right: 88px;
    top: 60px;
    image-rendering: -webkit-optimize-contrast;
}

.revimg3 {
    width: 65px;
    height: auto;
    position: absolute;
    right: 155px;
    top: 60px;
    image-rendering: -webkit-optimize-contrast;
}

.revimg4 {
    width: 65px;
    height: auto;
    position: absolute;
    right: 223px;
    top: 60px;
    image-rendering: -webkit-optimize-contrast;
}

.revimg5 {
    width: 65px;
    height: auto;
    position: absolute;
    right: 290px;
    top: 60px;
    image-rendering: -webkit-optimize-contrast;
}

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

.revimg1,.revimg2,.revimg3,.revimg4,.revimg5  {
display:none !important;	
}
	
}

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

.revimg1 {
    width: 45px;
    height: auto;
    position: absolute;
    right: 20px;
    top: 30px;
    image-rendering: -webkit-optimize-contrast;
}

.revimg2 {
    width: 45px;
    height: auto;
    position: absolute;
    right: 70px;
    top: 30px;
    image-rendering: -webkit-optimize-contrast;
}

.revimg3 {
    width: 45px;
    height: auto;
    position: absolute;
    right: 120px;
    top: 30px;
    image-rendering: -webkit-optimize-contrast;
}

.revimg4 {
    width: 45px;
    height: auto;
    position: absolute;
    right: 170px;
    top: 30px;
    image-rendering: -webkit-optimize-contrast;
}

.revimg5 {
    width: 45px;
    height: auto;
    position: absolute;
    right: 220px;
    top: 30px;
    image-rendering: -webkit-optimize-contrast;
}

	
}

.logo {
display:inline-block;
max-width:100%;
height:auto;
}

.topredbar {
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;	
width:100%;
background-color:#c43d23;
position:fixed;
box-sizing:border-box;
text-align:center;
padding-left:5px;
z-index:1000;
padding-right:5px;
color:white;
padding-top:2px;
padding-bottom:2px
}

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

.topredbar {
margin-top:0 !important;	
}
	
}

.topredbar.visible {
margin-top:0 !important;
}

.redbooknow {
color: white;
display: inline-block;
padding: 6px;
border-radius: 5px;
background-color: #a83721;
margin-left: 2px;
text-decoration:none;
}

.redbooknow a{
color: #ffffff;
}

.redbooknow a:hover {
color: #303030;
}

.topredbooking {

}

.slider {
background-image: url("images/Dutchies-Hostel-home4.jpg");
height: 500px;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-align:left;
position:relative;
}

.sliderbutton {
border-radius: 3px;
background-color: #148613;
display:inline-block;
width:auto;
padding-bottom:20px;
padding-top:20px;
position:absolute;
bottom:20px;
left:80px;
font-size:30px;
color:#ffffff;
padding-left:40px;
padding-right:40px;
text-decoration:none;
margin-bottom: -50px;
}

.sliderbutton:hover {
background-color: #a83721;
}

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

.sliderbutton {
left:30px !important;
margin-right:30px;
}

}

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

.sliderbutton {
font-size:20px !important;
padding-left:10px;
padding-right:10px;
}

}

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

.slider {
background-position: center right;	
}
	
}

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

.slider {
height:350px;
}	
	
}

.max700 {
width:100%;
margin-left:auto;
margin-right:auto;
padding-bottom:20px;
max-width:700px;
background-color:#ffffff;	
}

.max1250 {
width:100%;
margin-left:auto;
margin-right:auto;
padding-bottom:50px;
max-width:1250px;
background-color:#ffffff;	
}

.columnleft {
float: left;
width: 50% !important;
padding:10px;
padding-left: 60px;
box-sizing:border-box;
text-align:left;
}

.columnright {
float: left;
width: 50% !important;
padding:10px;
padding-left: 60px;
box-sizing:border-box;
text-align:left;
}

@media screen and (max-width:768px) {
	
.columnleft,.columnright {
float:none;
width:100% !important;
padding:10px !important;	
}
	
}

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

.content {
background-color:#ffffff;
padding-left:50px;
padding-right:50px;
}

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

.content {
background-color:#ffffff;
padding-left:20px;
padding-right:20px;
}	
	
}

.content p {
margin-bottom:20px;
}

.icoon {
width:calc(16.66666666% - 30px);
font-size: 15px;
font-weight: bold;
background-color: #f5f5f5;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
float:left;
margin-left:15px;
margin-right:15px;
margin-bottom:50px;
}

.icoon img:hover {
opacity: 0.7;
}

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

.icoon { 
width:calc(33.333333333% - 30px);
}	
	
}

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

.icoon { 
width:calc(50% - 10px);
margin-left:5px;
margin-right:5px;
}	
	
}

.icoon img {
max-width: 110px;
margin-left: auto;
margin-right: auto;
}



.iframe-container {
  overflow: hidden;  
  padding-top: 56.25%;
  position: relative;  
}

.iframe-container iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


.iframe-container2 {
  overflow: hidden;  
  padding-top: 40%;
  position: relative;  
}

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

.iframe-container2 {
padding-top:70%;	
}
	
}

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

.iframe-container2 {
padding-top:35%;	
}
	
}
 
.iframe-container2 iframe {
   border: 0;
   height: 100%;
   left: 0;
   position: absolute;
   top: 0;
   width: 100%;
}


.row_reviews {
background-color: #f8f8f8 !important;
margin-top:50px;
padding-top:40px;
padding-bottom:40px;
padding-left:20px;
padding-right:20px;
}

.row {
width:100%;
margin-left:auto;
margin-right:auto;
padding-top:50px;
max-width:1250px;
padding-left:20px;
box-sizing:border-box;
background-color:#ffffff;
}

.col-sm-3 {
background-color:#ffffff;
width:calc(25% - 30px);
float:left;
text-align:left;
margin-left:15px;
margin-right:15px;
margin-bottom:15px;
margin-top:15px;
}

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

.reviewcolumn {
width:calc(50% - 30px);
}

.reviewcolumn:nth-child(3),.reviewcolumn:nth-child(4) {
display:none;	
}
	
}

.col-sm-4 {
width: calc(33.33333333% - 30px);
float:left;
text-align:left;
margin-left:15px;
margin-right:15px;
}

.col-sm-8 {
width: calc(66.66666667% - 30px);
float:left;
margin-left:15px;
margin-right:15px;
}

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

.reviewcolumn {
width:calc(100% - 30px);
}

.col-sm-4,.col-sm-8 {
width:calc(100% - 30px);	
}

.col-sm-4 {
margin-top:30px;	
}
	
}

.grade {
width: 100%;
text-align: center;
font-size: 31px;
margin-top:20px;
}

.grade img {
margin-bottom: 10px !important;
margin-top: 5px;
width: 105px !important;
height: auto;
margin-left: auto;
margin-right: auto;
}

.reviewitem {
display: block;
width: 100%;
background-color: #ffffff;
box-sizing: border-box;
padding: 15px 20px;
text-align: left;
}

.contact {
padding-right:50px;
}

.contact a {
color: #1279be;
text-decoration: none;
}

.contact a:hover {
color: #303030;
}

.contact h3 {
font-family: "PT Sans", sans-serif !important;
font-size: 30px !important;
line-height:32px !important;
font-weight: bold !important;
color: #131037 !important;
margin-bottom:30px !important;
margin-top:0px !important;
}

.locbuttons {
margin-top:38px;
width:85%;
}

.locbuttons a {
display: block;
width: 100%;
box-sizing: border-box;
padding: 8px 20px;
color: #303030;
font-weight: bold;
margin-bottom: 8px;
border-radius: 3px;
background-color: #e3e3e3;
font-size: 17px;
font-weight: normal;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
background-image: url(images/chevrightdark.png);
background-repeat: no-repeat;
background-position: top 10px right 25px;
}

footer {
width:100%;
background-color: #223b81;
z-index: 1;
position: relative;
text-align:center;
font-family: "PT Sans", sans-serif;
font-size: 17px;
padding-top:15px;
padding-bottom:10px;
color:#ffffff;
}

.footerbutton {
border-radius: 3px;
background-color: #c43d23;
display:inline-block;
width:auto;
padding-bottom:10px;
padding-top:10px;
margin-left:20px;
}

.footerbutton:hover {
background-color: #a83721;
}

.footerbutton a{
color:#ffffff;
padding-left:20px;
padding-right:20px;
text-decoration:none;
}