/*
Theme Name:  cromwell_backpackers

Text Domain:  cromwell_backpackers

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigations
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Header
 * 11.0 - Widgets
 * 12.0 - Content
 *    12.1 - Posts and pages
 *    12.2 - Post Formats
 *    12.3 - Comments
 * 13.0 - Footer
 * 14.0 - Media
 *    14.1 - Captions
 *    14.2 - Galleries
 * 15.0 - Multisite
 * 16.0 - Media Queries
 *    16.1 - Mobile Large
 *    16.2 - Tablet Small
 *    16.3 - Tablet Large
 *    16.4 - Desktop Small
 *    16.5 - Desktop Medium
 *    16.6 - Desktop Large
 *    16.7 - Desktop X-Large
 * 17.0 - Print
 */


/**
 * 1.0 - Reset
 *
 * Resetting and rebuilding styles have been helped along thanks to the fine
 * work of Eric Meyer, Nicolas Gallagher, Jonathan Neal, and Blueprint.
 */

 
 @import url('https://fonts.googleapis.com/css?family=PT+Sans:400,400i,700,700i&subset=cyrillic,cyrillic-ext,latin-ext');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i&subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese');
body{padding: 0; margin: 0; font-family: 'Roboto', sans-serif; }

@font-face {
  font-family: 'Nickelodeon';
  src: url('fonts/Nickelodeon.eot?#iefix') format('embedded-opentype'),  
  url('fonts/Nickelodeon.woff') format('woff'), 
  url('fonts/Nickelodeon.ttf')  format('truetype'), 
  url('fonts/Nickelodeon.svg#Nickelodeon') format('svg');
  font-weight: normal;
  font-style: normal;
}

body ul{padding-left: 0}

body h1, h2, h3 {
    font-family: 'Roboto', sans-serif;
     text-transform: uppercase;
     line-height: 44px;
}
section{
    padding-top: 3%;
    padding-bottom: 3%;
}
body ul li{list-style-type: none;}
body i{vertical-align: middle;}
body p{font-size: 14px; line-height: 24px; color: #4b4c53; }
body ul li{list-style-type: none;}
body a, body a:hover{text-decoration: none;}
section{padding-top: 3%;padding-bottom: 3%;}
#getQuote .form-control::-webkit-input-placeholder, #getQuote .form-control select option { color: #fff; font-size: 18px }  /* WebKit, Blink, Edge */
#getQuote .form-control:-moz-placeholder { color: #fff; font-size: 18px }  /* Mozilla Firefox 4 to 18 */
#getQuote .form-control::-moz-placeholder { color: #fff; font-size: 18px }  /* Mozilla Firefox 19+ */
#getQuote .form-control:-ms-input-placeholder { color: #fff; font-size: 18px}  /* Internet Explorer 10-11 */
#getQuote .form-control::-ms-input-placeholder { color: #fff; font-size: 18px}  /* Microsoft Edge */
.center{text-align: center;}
.p0{padding: 0;}
.white{color: #fff;}
.black{color: #000;}
.grey{color: #926c08}
.inputtext {
    border-radius: 0;
    height: 44px;
    border: 2px solid #545458;
    background: transparent;
}
.p2{
    padding-top: 2%;
}
.btn-subs{
    background: #926c08;
    border: 0;
    color: #fff;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 15px;
    transition: 0.4s all;
}
.btn-subs:hover{
  color: #fff;
  background: #000
}
/*navbar Starts-------------------------------------------------------------------*/

ul.topbar_ li{display: inline-block;margin-right: 1%;}
ul.topbar_{position: relative;background: #90581f;  color: #fff; 
  padding-top: 1%;text-align: center; font-family: 'PT Sans', sans-serif;}
ul.topbar_ p, ul.social_nav p{color: #fff}
ul.topbar_::after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #90581f;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}
ul.topbar_::before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #90581f;
    transform-origin: bottom left;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
}
ul.social_nav li{display: inline-block;}
ul.social_nav{
    background: #000;padding:3%;text-align: center;position: relative;
}
ul.social_nav::after {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    transform-origin: bottom left;
    -ms-transform: skew(-30deg, 0deg);
    -webkit-transform: skew(-30deg, 0deg);
    transform: skew(-30deg, 0deg);
}
ul.social_nav::before {
    content: " ";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background: #000;
    transform-origin: bottom left;
    -ms-transform: skew(30deg, 0deg);
    -webkit-transform: skew(30deg, 0deg);
    transform: skew(30deg, 0deg);
}
.navbar{margin-bottom: 0}
.navbar-bg{ position: relative;}
.navbar-brand {padding: 0;}
.navbar-toggle .icon-bar {background: #e80000;}
.navbar-nav li a {font-weight: 500;
    font-size: 14px;
    transition: 0.4s all;
    text-transform: uppercase;color: #000;}
.nav>li>a:focus, .nav>li>a:hover, .navbar-nav>li.active {
    background-color: transparent;
    color: #90581f;
}
  .navbar-nav>li.active a {
    color: #90581f;
}
.navbar-wrapper {
  position: absolute;
  left: 0;
  right: 0;
  z-index: 9999;
}
.navbar-bg-right{
    background:#ffffff;
    border: 1px solid #fff;
    border-radius: 26px;
    margin-top: 25px;
}




/*Custom styling*/


.navbar-nav>li.current-menu-item a{color: #90581f;}
.es_shortcode_form_email{display:none;}
.es_textbox_class {
    /*width: 200px;*/
	position: relative;
    z-index: 2;
    float: left;
    width: 350px !important;
    margin-bottom: 0;
	border-radius: 0;
    height: 44px;
    border: 2px solid #545458;
    background: transparent;
	
}


.es_textbox_button{
	background: #926c08;
    border: 0;
    color: #fff;
	height: 44px;
	float:left;
    text-transform: uppercase;
    border-radius: 0;
    font-size: 15px;
    transition: 0.4s all;
	width: 100px !important;
}
.es_textbox{
	float:left;
}




#footer .input-group{
	display:inline;
}
.es_button {
    padding-top: 0 !important;
}

/*
.accomodation-box h3 {
    font-weight: 400;
    line-height: 1.1;
    font-size: 1.4em;
    margin: 10.5px;
}
*/



/*Custom styling*/




















/*About Us Starts-------------------------------------------------------------------*/

#about-image{
  width: 100%;
  position: relative;
}
#about-image:after{
  content: '';
  background: url(images/leaf.png)no-repeat;
  position: absolute;
 right: 0;
 top: 0;
  width: 197px;
     height: 100%;

}


















#gallery{
  background: url(images/bg-gallery.jpg)no-repeat;
background-size: cover; 

}
.content {
  position: relative;  
  overflow: hidden;
}

.content .content-overlay {
  background: rgba(0,0,0,0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}

.content:hover .content-overlay{
  opacity: 1;
}

.content-image{
  width: 100%;
}

.content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}

.content:hover .content-details{
  top: 50%;
  left: 50%;
  opacity: 1;
}

.content-details h3{
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}

.content-details p{
  color: #fff;
  font-size: 0.8em;
}
.accomodation-box{
  background: #926c08;
    padding: 1%;
    transition: 0.4s all;
}
.accomodation-box:hover{
  background: #b4860c;
}
.fadeIn-bottom{
  top: 80%;
}

.fadeIn-top{
  top: 20%;
}

.fadeIn-left{
  left: 20%;
}

.fadeIn-right{
  left: 80%;
}
    /*.shadow{position: relative;}
    .shadow:before{
        content: '';
        background:url(images/shadow.png);
        background-repeat: no-repeat;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 50px;
    }*/

ul.fac-list li {
    /* display: inline-block; */
    font-size: 14px;
    /* text-transform: uppercase; */
    padding: 3%;
    margin: 1%;
    border: 1px solid #000;
    transition: 0.4s all;
    font-weight: 600;
}
ul.fac-list li:hover{
  background:#926c08;
  color: #fff;
}
.furnished{
    background: #926a0b;
    text-align: center;
    padding: 2px;
    border-radius: 150px;
}

#beds{
background: url(images/bg-beds.png)no-repeat;
background-size: cover;
}
#facilities{    
background: url(images/bg-facilities.png)no-repeat center;
background-size: cover;
}
.bed-heading h3{
    font-size: 22px;
    font-family: 'Roboto', sans-serif;
    color: #fff

}
.facility-points{
  padding: 3%;
    background: rgba(255,255,255,0.8);    
    border-radius: 16px;
}
ul.points li{
  font-size: 15px;
  line-height: 24px;
  font-weight: 500;
  color: #000;
}
ul.footer-nav li a{
text-transform: uppercase;
color: #fff;
font-size: 14px;
transition: 0.4s all;
}
ul.footer-nav li a:hover,ul.footer-nav li a:focus,ul.footer-nav li a:active{
  color: #926c08;
}
ul.footer-nav li{
  border-bottom: 1px solid #4f5053;
line-height: 30px;
}
#footer h3{
   font-family: 'Roboto', sans-serif; 
   color: #fff
}
ul.footer-social li{
  display: inline-block;
  letter-spacing:12px;
  font-size: 18px;
  transition: 0.4s all;
}

ul.footer-social li a i:hover{
  color: #926c08
}









.view h4 a{
font-family: 'Roboto', sans-serif;
font-size: 18px;
color: #fff
}
.rooms{
    background: rgba(154,121,91,0.9);
}
.rooms1{
    background: rgba(145,125,63,0.9);
}

    #features{ margin-top: -3%;   
    text-align: center;    
    color: #fff;
    position: relative;
    z-index: 999999999;
}
.newsletter{
    background: #307ad5;
    padding: 4%;
    text-align: center;
    
    color: #ffe190;
    text-transform: uppercase;
}
.subjects{background:url(images/bg-sub.png);
background-repeat: no-repeat;
background-position: center;background-size: cover;padding-bottom: 4%;
}
#ach{background:url(images/bg-ach.png);
background-repeat: no-repeat;
background-position: center;background-size: cover;padding-bottom: 4%;
}
.subjects h1, #ach h1, #post h1, #footer h2{letter-spacing: 5px;}
.sujects_{background: #fff;
    padding: 4%;}
   
    .box{padding-top: 4%;
    padding-bottom: 4%;}



    #footer, #bottom-footer{background-color: #000106;}
    ul.link li a{font-size: 14px; color: #fff; text-transform: uppercase;}
     ul.link li{border-bottom: 1px solid #57535c;padding-bottom: 3%;
    padding-top: 2%;}
ul.inner_sub li{font-size: 18px; transition: 0.4s all;
    padding: 4%;
    background: #ffba00;
    margin-top: 2%; position:relative;
    text-transform:uppercase;font-weight: 600;border-bottom: 2px solid #d59b00;}
    ul.inner_sub li a{color: #000;}
    ul.inner_sub li.active_{background: #29b5ec;border-bottom: 2px solid #0a90c4;}
    ul.inner_sub li.active_ a{    color: #fff;}
     ul.inner_sub li:after{
      content: '';
    position: absolute;
    top: 21%;
    left: 100%;
    /* right: 0%; */
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-left: 16px solid #29b5ec;
    /* border-right: 10px solid #000; */
    width: 20px;
    height: 20px;
     }
      ul.inner_sub li:after{display: none;}
      ul.inner_sub li.active_:after{display: block;}
      ul.inner_sub li:hover{background: #c2c2c2;
    border-bottom: 2px solid #645e5e;}

ul.pre li{font-size: 18px;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 2%;
    color: #f60;}

/*New links*/

ul.links li a{color: #000; font-size: 16px; text-align: left;}

ul.links li a:before{}






 /*media queries---------------------------------------------------------------*/
 @media all and (max-width: 736px) 
 {
  ul.topbar_::before,ul.topbar_::after,ul.social_nav::before,ul.social_nav::after,#about-image:after{
    display: none;
  }
  .navbar-wrapper{
    position: relative;
  }
  .facility-points{
    text-align: center;
  }
.navbar-nav li a{text-align: center;}
#features{
        margin-top: 0;    
    position: inherit;
    z-index: 999999999;
}

.p3{height: auto;}
 #about_, #post, #footer, #bottom-footer,.topbar_{text-align: center;}
}
.features{position: inherit;}

@media only screen and (min-device-width : 800px) and (max-device-width : 1280px) and (orientation : portrait) 
{
.nav>li>a {padding: 21px 5px;}
.navbar-nav li a {font-size: 12px;}
}
@media only screen and (min-device-width : 600px) and (max-device-width : 960px) 
{
.nav>li>a {padding: 21px 5px;}
.navbar-nav li a {font-size: 12px;}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (-webkit-min-device-pixel-ratio : 1) {
   .nav>li>a {padding: 21px 3px;}
.navbar-nav li a {font-size: 12px;}

}