html, body{
    padding: 0;
    margin: 0;
  
}

body{
    overflow-x: hidden;
     -moz-osx-font-smoothing: grayscale;
     -webkit-font-smoothing: antialiased;
     font-smoothing: antialiased;
     -webkit-text-size-adjust: none;
     -ms-text-size-adjust: none;
     text-size-adjust: none;
}

a, strong{
    font-family: 'Roboto', sans-serif !important;
    font-weight: 400 !important;
    
}

p{
     font-family: 'robotolight';
}

/*-- NAV BAR --*/

.highlight{
    background-color: #42714a;
    color: white !important;
    font-family: 'robotobold';
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.highlight:hover{
    opacity: 0.5;
}

.dropdown-menu{
   left: auto !important;
    position: absolute;
    top: 100%;
    right: 0px !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 0px !important;
    border-radius: 0px !important;
    margin-top: 7px;
}

nav{
    background-color: white !important;
}

.nav-item .active{
    color: blue !important;
}

.logo{
    max-width: 100% !important;
}

/*-- HEADER --*/

#home-header{
    background-image: url(../images/stable-cottage-field.jpg);
    height: 500px;
    position: relative;
    text-align: center;
    position: relative;
}

#home-header h1{
    color: white;
    font-family: 'robotobold';
}

.logo{
    padding-top: 7%;
    padding-bottom: 15px;
}

.absolute-image{
    position: absolute;
    left: 50%;
    margin-left: -129px;
    bottom: -130px;
         z-index: 999999;
    
}

.absolute-image img{
     border-radius: 50%;
    max-width: 100%;
    border: 5px solid white;
   
    
}

.absolute-image{
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}

.absolute-image:hover{
    
  -webkit-transform: rotate(20deg);
  -ms-transform: rotate(20deg);
  transform: rotate(20deg);
    opacity: 0.5;
}



.svg-inline--fa.fa-w-14{
    margin-top: 15px;
    color: white;
    font-size: 40px;
    border: 1px solid white;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 20px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.svg-inline--fa.fa-w-14:hover{
    opacity: 0.5;
}

.svg-inline--fa.fa-w-16{
    position: absolute;
    margin-top: 15px;
    color: white;
    font-size: 40px;
    border: 1px solid white;
    border-radius: 50%;
    width: 80px;
    height: 80px;
    padding: 20px;
    left: 50%;
    margin-left: -40px;
    top: 70px
}


.mid-bar{
       height: 50px;
  background-color: #42714a;
    position: relative;
}

.about-us{
    padding-top: 100px;
    padding-bottom: 50px;
}

.about-us h2{
    font-size: 16px;
    font-family: 'robotobold';
}

.mid-col{

    border-top: 1px dashed #42714a;
    padding-top: 25px;
   
}

#gallery{
    background-color: #42714a;
    padding-top: 70px;
    padding-bottom: 50px;
}

#gallery h2{
    font-size: 16px;
    background-color: white;
    margin-bottom: 0px;
    padding: 15px;
    font-family: 'robotobold';
    
}

#gallery p{
    background-color: white;
    padding: 15px;
    margin-bottom: 0px;
}

#gallery-header{
    background-image: url(../images/gallery-background.jpg);
    background-repeat: no-repeat;
}

.column{
    background-color: white;
}

.parallax { 
        padding-top: 5%;
    padding-bottom: 5%;
    background-image: url(../images/leeds-castle.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

/* Turn off parallax scrolling for all tablets and phones. Increase/decrease the pixels if needed */
@media only screen and (max-device-width: 1366px) {
    .parallax {
        background-attachment: scroll;
    }
}
#places-to-visit-1{
    text-align:center;
}

#places-to-visit-1 p{
     font-size: 26px;
    color: white;
}

#places-to-visit-1 h2{
   font-family: 'robotobold';
     font-size: 40px;
    color: white;
}

.view-list-button a{
    display: inline-block;
    border: 1px solid white;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #42714a;
    color: white;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.view-list-button a:hover{
    opacity: 0.5;
    margin-left: 5px;
    color: white;
    text-decoration: none;
  
}

#price{
    height: 500px;
}

#location{
    padding-top: 50px;
    padding-bottom: 50px;
    background-image: url(../images/location_background.jpg);
    background-repeat:no-repeat;
    background-position: cover;
   
}

#location h2{
    font-size: 16px;
    padding-top: 15px;
    font-family: 'robotobold';
}

.darkgreen-bg{
    background-color: #42714a;
    color: white;
   padding-bottom: 15px;
}

#special{
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #42714a;
  
}

.middle-container-left{
   width: 100%;
    margin-left: auto;
  max-width: 100%;
}

#special h2{
    color: white;
    text-align: center;
    font-family: 'robotobold';
}

#special p{
    text-align: center;
     font-size: 26px;
    color: white;
    margin-bottom: 0px;
}

.text {
  text-align: center;
  color: #fff;
  font-size: 1.0em;
  text-transform: uppercase;
}

.animated {
  -webkit-animation-duration: 2.5s;
          animation-duration: 2.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);transform: translateY(0);}
  40% {-webkit-transform: translateY(-30px);transform: translateY(-30px);}
  60% {-webkit-transform: translateY(-15px);transform: translateY(-15px);}
}
.bounce {
  -webkit-animation-name: bounce;
          animation-name: bounce;
}

/*-- testimonials --*/

.inner-container{
   background-image: url(../images/testimonial-image.jpg);
   position: relative;
  height: 300px;
    
    padding-bottom: 50px;
    background-size: cover;
    border-left: 5px solid  #42714a;
     border-right: 5px solid  #42714a;
    
    
}

#testimonials h2{
font-size: 16px;
    font-family: 'robotobold';
    color: white;
    text-align: center;
    
}

#testimonials{
 background-color: #ccc   
}

.access-icon a{
   
   padding-left: 10px;
    padding-right: 10px;
    background-color: #42714a;
    padding-top: 5px;
    padding-bottom: 5px;
   position: absolute;
    border: 1px solid white;
    color: white;
    transition: 0.2s;
    bottom: -290px;
    left: 25px
}

.access-icon a:hover{
    text-decoration: none;
    color: white;
    opacity: 0.5;
}

.fa-wheelchair{
    margin-top: -14px !important;
    
}

#contact{
    padding-top: 50px;
    padding-bottom: 50px;
    
    background-image: url(../images/footer-image.png);
    background-repeat: no-repeat;
   background-size: contain;
    background-position: bottom;
    
}

#contact h2{
    font-size: 16px;
    font-family: 'robotobold';
}

.contact-details a:hover{
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.contact-details a:hover{
    opacity: 0.5;
    text-decoration: none;
    color: white;
}

.dates-booking a{
    display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #42714a;
    color: white;
    margin-bottom: 15px;
    border: 1px solid white;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.dates-booking a:hover{
    opacity: 0.5;
    margin-left: 5px;
    color: white;
    text-decoration: none;
}

.dates-container{
    padding: 15px;
    background-color: #ccc;
}

.contact-details{
    background-color: #42714a;
    padding: 15px;
    color: white;
}

.contact-details a{
    color: white;
    display: block;
    padding-bottom: 15px;
}

.float-right{
    text-align: right;
}

footer{
    position: relative;
    background-color: #42714a;
}

footer a{
    color: white;
     display: block;
     padding-top: 15px;
}

footer p{
    color: white;
    padding-top: 15px;
}


.carousel-control-next-icon {
    background-image : url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' viewBox='0 0 8 8'%3E%3Cpath d='M1.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}

.carousel-control-prev-icon{
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23777' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
  
}

.carousel-indicators .active{
    background-color: #ccc !important;
}

.carousel-control-next-icon, .carousel-control-prev-icon{
    position: relative;
    top: 40px !important;
}

.carousel-indicators{
    display: none !important;
}

.book-icon{
    text-align: center;
    padding-bottom: 15px;
}

.testimonial-title{
    padding-top: 15px;
}

/*-- Gallery Header --*/

#gallery-header h2{
   font-size: 20px;
    font-family: 'robotobold';
    color: white;
    text-align: center;
    padding: 15px;
}

#gallery-header img{
    max-width: 100%;
}

.margin-top{
    margin-top: 30px;
    
}

.middle-bar{
    
    background-color: #42714a;
}

.imageGallery1{
    padding-bottom: 50px;
}

#places-to-visit{
    padding-bottom: 50px;
    text-align: center;
}

#places-to-visit h2{
    font-size: 20px;
    font-family: 'robotobold';
    color: white;
    text-align: center;
    padding: 15px;
}

.places-to-visit-text p{
    font-size: 16px !important;
    
    color: #212529 !important;
}


.places-to-visit-text h3{
    padding-top: 50px;
    font-family: 'robotoregular';
    padding-bottom: 25px;
    border-bottom: 1px solid #e9ecef;
    margin-bottom: 20px;
}

.places-to-visit-text h4{
    font-family: 'robotoregular';   
}

#places-to-visit{
    background-image: url(../images/places-to-visit-background.jpg);
    background-image: cover;
    background-position: 100% 50%;
    background-repeat: no-repeat;
}

#terms h2{
    font-size: 20px;
    font-family: 'robotobold';
    color: white;
    text-align: center;
    padding: 15px;
}

.terms-text{
    padding-top: 50px;
    padding-bottom: 50px;
}

.avaliable-text{
    padding-top: 50px;
    padding-bottom: 50px;
}

.avaliable-text h3{
    padding-bottom: 15px;
     font-family: 'robotoregular';
    color: #212529 !important;
}

.green{
   background-color: #42714a;
    color: white;
}

table h4{
    font-size: 16px;
    padding-top: 15px;
    font-family: 'robotobold';
    color: #212529 !important;

}

tr:nth-child(even) {
     background: #42714a;
    color: white;
}



/*-- media queries --*/

@media only screen and (max-width: 992px){
    #home-header h1{
        font-size: 28px;
    }
    
    .highlight{
        padding-left: 15px !important;
        display: inline-block !important;
        padding-right: 15px !important;
    }
   
}

/*-- scroll to top --*/

#back2Top {
    width: 90px;
    line-height: 40px;
    overflow: hidden;
    z-index: 999;
    display: none;
    cursor: pointer;
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    position: fixed;
    bottom: 50px;
    right: 0;
    background-color: #777;
    color: white;
    text-align: center;
    font-size: 30px;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#back2Top:hover {
    opacity: 0.5;
    color: white;
}

.gallery-button{
    text-align:center;
}

.gallery-button a{
    display: inline-block;
     display: inline-block;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #42714a;
    color: white;
    margin-bottom: 15px;
    border: 1px solid white;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin-top: 15px;
}

.gallery-button a:hover{
     opacity: 0.5;
    margin-left: 5px;
    color: white;
    text-decoration: none;
}

.btn-secondary{
    background-color: #42714a !important;
}

/*--- particle ---*/

/* ---- reset ---- */

body {
    margin: 0;
    font: normal 75% Arial, Helvetica, sans-serif;
}

canvas {
    display: block;
    vertical-align: bottom;
}


/* ---- particles.js container ---- */

#particles-js {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: none;
    background-image: url("");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
}

footer .privacy-link{
    display: inline;
}

.float-right a,
footer a {
    color: white;
}

.float-right a:hover,
footer a:hover {
    text-decoration:none;
    color: white;
}

#map{
    height: 190px;
}

#calendar {
    margin-bottom: 40px;
}

/* Calendar */
#calendar h2 {
    color: #000;
}

.fc-bgevent {
    background: red!important;
}

.fc-toolbar .fc-center {
    display: block;
    width: 100%;
    overflow: hidden;
    text-align: left;
    font-size: 19px;
    padding-left: 14px;
}