html, body{
font-family: 'Roboto', sans-serif;
font-size:16px;
margin:0px;
padding:0px;
}
.h1, .h2, .h3, h1, h2, h3 {
margin-top: 50px;
margin-bottom: 50px;
font-size: 32px;
font-family: 'Playball', cursive;
} .header-content a:hover{
color: white;
}
.top-media .fa {
padding-right: 10px;
float: left;
padding-top: 4px;
color: #fff;
}
.header-content a{color: white;font-size: 14px;}
.btn.focus, .btn:focus, .btn:hover {
color: #ffffff;
text-decoration: none;
outline: 0;
}
.nemus-direction-nav a:before
{
font-size: 30px!important;
}
header.clearfix {
display: block;
}
strong {
font-weight: 700;
font-size: 22px;
}
.navbar-brand {
font-size: 16px;
float: none;
height: auto;
margin: 0px;
padding: 0px;
font-size: 30px;
color: black
}
a.navbar-brand:hover{
color:black;
}
.nav>li>a:hover {
text-decoration: none;
background-color: transparent;
color: #9c0120;
}
.top{
background-color:#9c0120;
color:white;
height: 30px;
}
.social-media .fa:hover {
background-color: #f8f8f8;
color: #050505;
border: 1px solid #9c0120;
transition: all ease-in 0.5s;
}
.header-content .fa {
position: relative;
top: 0px;
display: inline-block;
font-style: normal;
font-weight: 400;
line-height: 1;
color: white;
padding-right: 10px;
}
.header-content {
padding: 4px;
}
.navbar-brand>img{
padding-right:10px;
display:inline-block;
}
.navbar-nav>li>a {
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
color: black;
font-weight: bold;
}
.nav>li>a:focus, .nav>li>a:hover {
text-decoration: none;
background-color: transparent;
}
.btn-sm {
padding: 13px 20px;
background-color:	#9c0120;
border: 2px solid #9c0120;
font-size: 14px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase; margin-top: 5px;
color: white;
border-radius: 0;
}
.btn.btn-sm:hover {
color: #9c0120;
border: 2px solid #9c0120;
text-decoration: none;
background-color: transparent;
transition: all 0.3s ease-in-out;
}
.form-inline .form-control {
display: inline-block;
margin-bottom: 7px;
width: auto;
vertical-align: middle;
}
.form-control {
display: block;
width: 100%;
height: 34px;
padding: 6px 12px;
font-size: 14px;
line-height: 1.42857143;
color: #555;
background-color: #fff;
background-image: none;
border: 1px solid #ccc;
border-radius: 0px;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
display: block;
}
form {
display: block;
margin-top: 0em;
}
.form-control:focus {
border-color: #9c0120;
outline: 0;
}
#reservation-form .form-group label{
display:block;
}
#reservation-form .form-group{
margin-right:25px;
position:relative;
}
#reservation-form .form-group 
#reservation-form .hasDatepicker {
cursor: pointer;
}
#reservation-form .form-inline .fa.infield {
position: absolute;
float: right;
right: 9px;
font-size: 14px;
top: -2px;
width: 15px;
margin-top: 35px;
color:#9c0120;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
#reservation-form .form-inline select.form-control {
width: 100% !important;
}
#reservation-form .reservation-horizontal, #reservation-form .reservation-vertical, #contact-form .contact-vertical {
width: 244px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 0;
border: 1px solid #ebebeb;
-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
padding: 30px 30px;
z-index: 9999;
position: relative;
background-color: rgba(255,255,255,0.5);
display: table-caption;
margin: -460px auto!important;
}
.nemus-slider .caption.tc
{
left:41%!important;
top:70px!important;
}
#reservation-form {
margin-top: -60px;
}
label {
display: inline-block;
max-width: 100%;
margin-bottom: 0;
font-weight: 700;
}
#reservation-form button {
margin-top: 12px;
}
button, select, textarea {
font-family: inherit;
font-size: inherit;
line-height: inherit;
padding: 5px;
border-radius: 5px;
}
.navbar {
position: relative;
min-height: 62px;
padding: 20px;
margin-bottom: 0;
border: 1px solid transparent;
}
.navbar-default {
background-color: white;
border-color: #e7e7e7;
}
.header-content span{
padding:0px 10px ;
}
.navbar-brand>img{
padding-right:10px;
display:inline-block;
}
.navbar-brand{
float: none;
height: auto;
margin:0px;
padding: 0px;
} .room-price{
background:	#9c0120;
color: #fff;
text-align: center;
position: absolute;
right: 0;
height: 100%;
top: 0px;
padding: 10px 20px;
}
.container .section{
padding-bottom:50px;
}
.rooms figcaption{
position:relative;
overflow:hidden;
display: block;
padding: 20px;
width: 100%;
height: 68px;
background-color: #fff;
}
.rooms figcaption strong {
color: #6c6c6c;
font-weight: 400;
font-size: 22px;
}
div#grid_layout{
height: 420px;
}
.accom {
position: relative;
margin: 0 auto;
z-index: 1;
}
.accom-wrapper-outer, .accom-wrapper, .accom-wrapper-helper {
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.accom-wrapper, .accom-wrapper-helper {
position: absolute;
top: 0;
left: 0;
margin: 0;
}
.accom .accom-item {
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.accom-item-wrapper {
width: 100%;
height: 100%;
position: relative;
top: 0;
left: 0;
}
.accom a, .accom a:hover, .accom a:active {
text-decoration: none;
outline: 0;
}
.accom-lightbox img {
display: block;
border: 0;
width: 100%;
height: auto;
}
.overlay, .overlay .overlay_inner, .overlay .overlay_center {
position: absolute;
}
.overlay {
height: 100%;
width: 100%;
top: 0;
bottom: 0;
background: rgba(167, 28, 32, 0.74);
-moz-transform: scaleX(0);
-ms-transform: scaleX(0);
-o-transform: scaleX(0);
-webkit-transform: scaleX(0);
transform: scaleX(0);
transition-duration: .7s;
}
.overlay .overlay_inner {
padding: 15px;
display: inline-block;
bottom: 0;
}
.overlay, .overlay .overlay_inner, .overlay .overlay_center {
position: absolute;
}
div {
display: block;
}
.accom .accom-item {
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
}
.accom-item1{
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 262px; 
left: 0px; 
top: 0px;
}
.accom-item2{
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 554px; left: 292px; top: 0px;
}
.accom-item3{
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 262px; left: 876px; top: 0px;
}
aside#text-2 {
width: 56%;
}
.accom-item4{
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 262px; left: 0px; top: 205px;
}
.accom-item5{
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 262px; left: 876px; top: 205px;
}
.accom-wrapper-outer, .accom-wrapper, .accom-wrapper-helper {
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.accom-wrapper-outer, .accom-wrapper, .accom-wrapper-helper {
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
}
.accom-ready>* {
visibility: visible;
}
.accom-item1:hover .overlay, .service_wrap:hover .overlay {
transform: scaleX(1);
}
.accom-item2:hover .overlay, .service_wrap:hover .overlay {
transform: scaleX(1);
}
.accom-item3:hover .overlay, .service_wrap:hover .overlay {
transform: scaleX(1);
}
.accom-item4:hover .overlay, .service_wrap:hover .overlay {
transform: scaleX(1);
}
.accom-item5:hover .overlay, .service_wrap:hover .overlay {
transform: scaleX(1);
}
div#grid_layout{
height: 420px;
}
.overlay .overlay_inner h4, .overlay .overlay_inner p {
color: #fff;
}
.overlay .overlay_inner h4 {
font-size: 18px;
}
.overlay .overlay_inner p {
font-size: 14px;
}
.overlay .overlay_inner h4, .overlay .overlay_inner p {
color: #fff;
}
.owl-carousel-item-text h5 {
text-transform: capitalize;
margin: 20px 0;
}
.owl-carousel-item-text h3 {
margin: 0 0 30px;
} section#testimonial {
padding-bottom: 20px;
}
.testi-img {
display: inline-block;
margin-top: -35px;
}
.quote{
display: inline-block;
margin-left: 25px;
width: 73%;
}
.author{
margin-bottom:0px;
margin-top:5px;
color:#1c3653;;
font-style:italic;
}
.booking-box label {
display: block;
max-width: 100%;
margin-bottom: 5px;
font-weight: 700;
padding-right: 10px;
}
.booking-box {
position: absolute;
bottom: -58px;
left: 0;
width: 85%;
background: rgb(255, 255, 255);
padding: 15px;
right:0px;
margin: 0 auto;
box-shadow: 0px 1px 20px rgba(0,0,0,0.5);
}
input#bb_resBtn:hover{
box-shadow:0px 1px 3px rgba(0,0,0,0.5);
}
input#bb_resBtn:focus{
outline:none;
}
.header-content{	
float:right;
}
select:focus, input:focus{outline:0px !important; box-shadow:none !important;}
.fa-chevron-right:before {
content: "\f054";
} .facilities h3 {
margin: 0px;
text-align: left;
font-size: 15px;
margin-left: 35px;
}
img.size-full, img.size-large, img.wp-post-image {
height: auto;
max-width: 100%;
}
.f-icon {
color: #9c0120;
line-height: 30px;
font-size: 30px;
}
.bg-theme{
background-color: #eaeaea;
}
h4.subtitle {
font-size: 15px;
font-weight: 400;
}
.fac .col-md-4 {
text-align: center;
}
button.btn.btn-secondary {
color: #9c0120;
background: transparent;
border: 2px solid;
border-radius: 0;
}
button.btn.btn-secondary:hover {
color: #fff;
background: #9c0120;
border: 2px solid #9c0120;
border-radius: 0;
transition: all ease-in 0.5s; 
}
.center-btn{
text-align: center;
margin-top: 50px;
margin-bottom: 40px;
} figure{
display: inline-block;
}
.img_wrapper {
width: 100%;
text-align: center;
}
.img_wrapper a {
display: inline-block;
}
.img_wrapper a img {
margin: 1px;
}
.pop-img img {
float: left;
margin: 0;
} .imgbox h4.fcap {
margin: 0;
}
.gallery-box{
position:relative;
}
.gallery-box  .padd-none{
position: relative;
min-height: 1px;
padding-right: 0px;
padding-left: 0px;
margin: 0;
}
.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}
.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
transition:all .4s ease-in-out
}
.hovereffect img {
display:block;
position:relative;
transition:all .4s linear;
}
.hovereffect .info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
background-color:transparent;
opacity:0;
transition:all .2s ease-in-out;
margin: 70px 0 0;
font-size: 30px;
}
.hovereffect:hover img {
transform:scale(1.2);
}
.hovereffect:hover .overlay {
opacity:1;
}
.hovereffect:hover .info {
opacity:1;
transform:translatey(0);
}
.hovereffect:hover .info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}
.loc-content
{
line-height: 26px!important;
} .carousel-indicators li {
display: inline-block;
width: 12px;
height: 12px;
margin: 1px;
text-indent: -999px;
cursor: pointer;
background-color: #000\9;
background-color: rgba(0,0,0,0);
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 1px;
background-color: #fff;
}
.carousel,
.item,
.active {
height: 100%;
}
.carousel-inner {
height: 100%;
}
.fill {
width: 100%;
height: 100%;
background-position: center;
-webkit-background-size: cover;
-moz-background-size: cover;
background-size: cover;
-o-background-size: cover;
}
.carousel-control {
position: absolute;
top: 50%;
border-radius: 50%;
background-color: #9c0120;
color: #fff;
display: inline-block;
margin-top: -25px;
height: 50px;
line-height: 40px;
width: 50px;
line-height: 50px;
text-align: center;
z-index: 5;
opacity: 0.75;
}
.carousel-control.left {
background-image: none;
background-repeat: repeat-x;
}
.carousel-control.right {
background-image: none;
background-repeat: repeat-x;
}
a.left.carousel-control {
margin-left: 10px;
}
a.right.carousel-control {
margin-right: 10px;
}
.look{
text-align:right;
margin-left:20px;
}
.page-title{
position:relative;
padding:0px 20px;
text-align:center;
border:none;
}
.page-title:before{
position:absolute;
content:'';
left:0;
width:25%;
top:15px;
height:1px;
background:#dedddd;
}
.page-title:after{
position:absolute;
content:'';
top:15px;
right:0;
width:25%;
height:1px;
background:#dedddd;
}
.testimonial .testicont h3{
font-family: 'Montserrat', sans-serif;
font-size: 16px;
margin: 20px;
font-weight: 600;
}
.look1 {
text-align: right;
padding-top: 18px;
} .book-now{
padding-top: 30px;
padding-bottom: 30px;
background-color: #9c0120;
}
.book-now h5 {
color: #ffffff;
font-size: 20px;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 0;
}
.bkbtn{
text-align:right; float:right;
}
.btn-white {
border-color: #ffffff;
color: #ffffff;
font-size: 16px;
font-weight: 400;
text-transform: capitalize;
text-align: center;
border-radius: 1px;
padding: 0;
line-height: 42px;
width: 170px;
height: 45px;
text-align: center;
}
.book-now .btn-white:hover{
color: #9c0120;
transition: all ease-in 0.5s;
background-color: white;
}
a {
color: #848684;
text-decoration: none;
}
a:hover {
color: #848684;
text-decoration: none;
}
.mail input {
font-family: inherit;
font-size: inherit;
line-height: inherit;
width: 328px;
background-color: #393c39;
border-color: #737573;
padding: 5px;
border-radius: 7px;
padding: 10px;
} .last-icon .glyphicon {
position: relative;
top: 1px;
display: inline-block;
font-family: 'Glyphicons Halflings';
font-style: normal;
font-weight: 400;
line-height: 1;
color: #848684;
padding-right: 10px;
}
.footer{
background-color:#050505;
}
.site-footer p {
margin: 0 0 10px;
color: #b2b2b2;
font-size: 14px;
}
.row.p-40{
padding: 40px 0px;
}
.site-footer .form-control {
border: 1px solid #5b5b5b;
background-color: transparent;
font-size: 12px;
-webkit-box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.3);
box-shadow: inset 0 1px 3px 0 rgba(0,0,0,0.3);
}
.site-footer li {
margin: 0 0 10px;
color: #b2b2b2;
font-size: 14px;
}
.site-footer li a{ color: #b2b2b2;}
.white
{
color:#ffffff;
}
.end-bg{
background: #000;
padding-bottom: 10px;
padding-top: 10px;
}
.end-bg p.copyright, p.maker{
padding-top: 13px;
}
.maker{
float:right;
display: inline-block;
}
.copyright{
display: inline-block;
float: left;
}
.textwidget .social-media i {
padding: 8px 13px;
border: 1px solid #848168;
}
.subfield input[type="text"]{
background: transparent;
border-radius: 0;
margin: 10px 0px;
outline: none;
border: 1px solid #c5c5c5;
}
a.btn.btn-sm.btn-sub {
width: 75%;
border-radius: 0;
}
.textwidget {
font-weight: normal;
color: #fff;
line-height: 28px;
}
.widget ul, .widget ol {
list-style: none;
margin: 0;
padding: 0;
}
.ftr-address li i {
margin-right: 5px;
color:#9c0120;
}
h2.ads {
text-align: center;
color: #8e45ad;
padding: 0;
margin: 20px;
}
.site-footer .social-media { }
.social-media i {
margin-right: 15px;
margin-bottom: 15px;
border-radius: 50%;
border: 1px solid #b2b2b2;
width: 40px;
height: 40px;
text-align: center;
line-height: 40px;
color: #b2b2b2;
}
.site-footer ul{
list-style: none;
padding: 0;
margin:0;
} .img-box a.nemus-prev {
color: transparent;
}
.img-box a.nemus-next {
color: transparent; 
}
.about-info-box ul.amenity{
list-style: square;
padding: 0 40px;
}
.common-pad {
padding-top: 70px;
padding-bottom: 70px;
}
.sec-header3 {
position: relative;
}
.sec-header3 h2 {
color: #0e1322;
font-size: 38px;
margin: 0;
padding: 0;
}
.sec-header3 h3 {
color: #aaaaaa;
font: 400 18px "Open Sans", sans-serif;
margin: 0 0 2.1em;
padding: 0;
font-style: italic;
position: relative;
}
.sec-header3 h3:after {
content: '';
position: absolute;
bottom: 7px;
width: 60px;
height: 2px;
display: inline-block;
background: #9c0120;
margin: 0 0 0 12px;
}
.about-info-box p {
color: #2f2f2f;
padding: 0;
font-weight: 400;
line-height: 29px;
}
.img-box img
{
border-left:9px solid #9c0120;
}
.about-info-box h6 {
color: #898989;
margin: 0;
font-weight: 400;
padding: 23px 0px;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
font-style: italic;
font-size: 16px;
line-height: 32px;
}
.about-info-box .img-cap-effect {
text-align: right;
} .room-t-wrapper .img-holder {
position: relative;
}
.room-t-wrapper .content {
box-shadow: -1px 1px 5px 0px;
position: relative;
top: 54px;
right: 28px;
background: rgb(250, 250, 250);
padding: 28px 21px 30px;
}
.room-t-wrapper .content h2 {
color: rgb(14, 19, 34);
position: relative;
margin: 0;
padding: 0px 0 10px;
line-height: normal;
}
.content h2
{
font-size: 26px;
}
.room-t-wrapper .content h2::after {
content: "";
position: absolute;
bottom: 0px;
left: 0;
width: 60px;
height: 2px;
display: inline-block;
margin: 0;
}
.overflow-contac p
{
margin: 0px; }
.overflow-contac-1 p
{
margin: 0px; }
.overflow-contac-2 p
{
margin: 0px; }
.room-t-wrapper .content p {
color: rgb(137, 137, 137);
margin: 33px 0px 0px;
padding: 0px;
font-size: 14px;
line-height: 28px;
}
.room-t-wrapper .content .bottom-content {
width: 100%;
display: inline-block;
}
.room-t-wrapper .content .bottom-content p {
color: rgb(36, 36, 36);
font: 38px Playball, sans-serif;
padding: 0px;
margin: 0px 0px 8px;
}
.room-t-wrapper .content .bottom-content p span {
display: block;
color: rgb(136, 136, 136);
font: italic 400 0.4em/1em "Open Sans", sans-serif;
margin: 0px 0px 2em;
}
.room-t-wrapper .content .bottom-content .pull-left {
margin-top: 25px;
}  .gallery-box  .padd-20{
position: relative;
min-height: 1px;
padding-right: 20px;
padding-bottom: 20px;
} .heading{
text-align: center;
}
.contactus-wrap form {
float: left;
width: 100%;
}
.kf-contact-des {
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.contactus-wrap form input[type="text"] {
float: left;
width: 100%;
font-size: 16px;
line-height: 16px;
margin-bottom: 30px;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
border-image: initial;
padding: 19px 20px 21px;
}
.contactus-wrap form textarea {
resize: none;
height: 181px;
}
.contactus-wrap form textarea, .contactus-wrap form input[type="text"] {
float: left;
width: 100%;
font-size: 16px;
line-height: 16px;
margin-bottom: 30px;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
border-image: initial;
padding: 19px 20px 21px;
}
.kf-cnt {
margin: 0;
float: left;
width: 100%;
}
.kf-cnt li {
float: left;
width: 100%;
margin-bottom: 30px;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
border-image: initial;
}
.kf-cnt li i {
float: left;
width: 113px;
height: 97px;
line-height: 97px;
text-align: center;
font-size: 30px;
background: rgb(236, 236, 236);
}
.overflow-contac {
float: none;
overflow: hidden;
padding: 38px 0 0 10px;
}
.overflow-contac-1 {
float: none;
overflow: hidden;
padding:38px 0 0 10px;
margin-top: 0;
}
.overflow-contac-2 {
float: none;
overflow: hidden;
padding:38px 0 0 10px;
margin-top: 0;
}
.overflow-contac a, .overflow-contac em {
padding: 3px 0px;
font-size: 14px;
}
.kf-contact-des input[type="text"] {
margin-bottom: 0px;
margin-right: 8px;
padding: 19px 20px 21px;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
}
input.input-right {
margin-bottom: 0px;
padding: 19px 20px 21px;
width: 100%;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
}
.subject input[type="text"] {
width: 99%;
padding: 19px 20px 21px;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
}
input[type="submit"]
{
background-color: #9c0120!important;
}
textarea {
margin-top: 10px;
float: left;
border-radius: 0;
height: 115px;
width: 99%;
font-size: 16px;
line-height: 16px;
margin-bottom: 30px;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
padding: 19px 20px 21px;
}
textarea:focus, keygen:focus, select:focus {
outline: 0;
border-color: #9c0120;
}
button.sendbtn {
padding: 13px 20px;
background-color: #9c0120;
border: 2px solid #9c0120;
font-size: 14px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase; margin-top: 5px;
color: white;
border-radius: 0;
}
button.sendbtn:hover {
color: #9c0120;
border: 2px solid #9c0120;
text-decoration: none;
background-color: transparent;
transition: all 0.3s ease-in;
}
button.sendbtn:focus {
outline:none;
}
.subject input:focus, .kf-contact-des input:focus {
outline: 0;
border-color: #9c0120;
}
.mt-30{
margin-top: 10px;
margin-bottom: 40px;
}
.bg-img
{
background-image: url(//ameristayclearfield.com/wp-content/themes/ameristayclearfield/image/inner-banner.jpg);
position: relative;
padding: 50px;
color: white;
}
.navbar .navbar-toggle .icon-bar {
background-color: #9c0120;
}
a:focus {
color: inherit;
text-decoration: none;
} @media (max-width: 490px) and (min-width: 200px){
.top-media {display: none;}
.header-content{float: none; text-align: center;}
.header-content a{font-size:12px;}
.carousel-caption h2{font-size: 14px;}
.carousel-control{background-color: transparent;}
.carousel-indicators li{height: 5px;width: 5px;}
.carousel-indicators .active{height: 5px;width: 5px;}
.form-inline .form-control {width: 100%}
.about-text{text-align: center;}
.book-now h5{text-align: center;font-size: 16px;}
.bkbtn{text-align: center; margin-top: 10px;}
.book-now{padding-top: 10px;padding-bottom: 10px;}
.btn-white{line-height: 37px;width: 112px;height: 39px;}
.footer h4{padding:10px 0px 0px 0px;}
.end{text-align: center;}
.room-t-wrapper .content {
box-shadow: 0px 2px 5px 0px;
position: relative;
top: -5px;
right: -16px;
width: 93%;
background: rgb(250, 250, 250);
padding: 20px 55px 10px;
} .kf-contact-des {
float: left;
width: 100%;
position: relative;
margin-bottom: 30px;
}
.kf-contact-des input[type="email"] {
margin-top: 30px;
padding: 19px 20px 21px;
width: 99%;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
}
.kf-contact-des input[type="text"] {
margin-bottom: 0px;
padding: 19px 20px 21px;
width: 99%;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
}
}
@media (min-width: 768px)
.navbar .navbar-light .navbar-top .container {
width: 100%;
}
@media (max-width: 1199px) and (min-width: 767px){   
.room-t-wrapper .content {
box-shadow: 0px 2px 5px 0px;
position: relative;
top: -160px;
right: -247px;
width: 70%;
background: rgb(250, 250, 250);
padding: 20px 55px 10px;
}
}
@media(max-width:986px){
.collapse.in {
display: inline-block;
}
.carousel-caption h3{
font-size: 24px;
} 
.carousel-caption h2{
font-size: 20px;
}
.kf-cnt {
margin-top: 30px;
float: left;
width: 100%;
}
}
@media(max-width:767px){
.collapse.in {
display: inline-block;
width: 100%;
}
.navbar-nav>li>a {
border-bottom: 1px solid #d9d5d5;
font-size: 16px;
padding-top: 15px;
padding-bottom: 15px;
color: black;
font-weight: bold;
}
}
@media (min-width: 1201px){
.accom-item5,
.accom-item4{
top: 215px;
}
}
@media(max-width:1200px){
.page-title{margin-top:0px;	}
.page-title:before, .page-title:after{width: 40%;}
}
@media(max-width:1300px){
.container.header {
width: 100%;
}
#reservation-form .reservation-horizontal, #reservation-form .reservation-vertical, #contact-form .contact-vertical {
width: 244px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 0;
border: 1px solid #ebebeb;
-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
padding: 30px 30px;
z-index: 9999;
position: relative;
background-color: rgba(255,255,255,0.5);
display: inline-block;
margin: 60px auto;
width: 100%;
}
.mt-50 {
margin-top: 0;
}
.room-price{display: none;}
h2.about-section{margin: 0;}
.page-title:before, .page-title:after{width: 35%;}
}
@media (max-width: 989px){
.abtimg {display: none;}
}
@media (max-width: 1198px) and (min-width: 492px){
.bkbtn {text-align: center;}
.book-now h5 {
color: #ffffff;
font-size: 20px;
text-align: center;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 15px;
}
.footer h4 {
color: #813716;
padding: 10px 0px 5px 0px;
}
.about-text {
text-align: center;
}
.room-t-wrapper .content .bottom-content {
width: 100%;
top: -20px;
position: relative;
}
.room-t-wrapper .content {
display: inline-block;
box-shadow: 0px 2px 5px 0px;
position: relative;
top: -49px;
right: 0px;
background: rgb(250, 250, 250);
padding: 20px 55px 0px;
width: 72%;
left: 79px;
}
}
@media(max-width: 600px){
.carousel-caption{
display: none;
}
}
@media (max-width: 767px) and (min-width: 492px){
.kf-contact-des input[type="text"] {
margin-bottom: 0px;
padding: 19px 20px 21px;
width: 99%;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
}
input[type="email"] {
margin-top: 30px;
padding: 19px 20px 21px;
width: 99%;
border-width: 1px;
border-style: solid;
border-color: rgb(218, 218, 218);
}
#reservation-form .reservation-horizontal, #reservation-form .reservation-vertical, #contact-form .contact-vertical {
width: 244px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 0;
border: 1px solid #ebebeb;
-webkit-box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
box-shadow: 0 3px 0 0 rgba(0,0,0,0.12);
padding: 30px 30px;
z-index: 9999;
position: relative;
background-color: rgba(255,255,255,0.5);
display: inline-block;
margin: 60px auto;
margin-bottom: 0;
width: 100%;
}
.form-inline .form-control {
display: inline-block;
margin-bottom: 7px;
width: 100%;
vertical-align: middle;
}
.top-media {display: none;}
.header-content{float: none; text-align: center;}
.header-content a{font-size:12px;}
.carousel-caption h2{font-size: 20px;}
.hovereffect img {
display: block;
position: relative;
transition: all .4s linear;
width: 100%;
}
.col-xs-12.col-sm-12.col-md-3.bn-res {
text-align: center;
padding-top: 15px;
}
.maker {float:none;display: inline-block;}
.end{text-align: center;}
p.maker {padding-top: 0;}
}
@media (max-width: 867px) and (min-width: 772px){
.nav>li>a {
position: relative;
display: block;
padding: 10px 8px;
}}
@media (max-width: 1184px) and (min-width: 972px){
div#grid_layout{height: 440px;}
.overlay, .overlay .overlay_inner, .overlay .overlay_center {
position: absolute;
text-align: left;
}
}
@media (max-width: 991px){
div#grid_layout{height: 660px;}
}
@media (max-width: 972px) and (min-width: 615px){
div#grid_layout{height: 660px;}
.center-btn {
text-align: center;
margin-bottom: 40px;
}
.overlay, .overlay .overlay_inner, .overlay .overlay_center {
position: absolute;
text-align: left;
}
}
@media (max-width: 600px){
div#grid_layout{height: 1100px;}
}
@media (max-width: 614px) and (min-width: 492px){ .center-btn {
text-align: center;
margin-top: 246px;
margin-bottom: 40px;
}
.overlay, .overlay .overlay_inner, .overlay .overlay_center {
position: absolute;
text-align: left;
}
}
@media (max-width: 489px) and (min-width: 220px){
div#grid_layout {height: 1100px;}
.carousel-caption h2{display: none;}
}
@media (max-width: 1200px) and (min-width: 220px){
.overlay, .overlay .overlay_inner, .overlay .overlay_center {
position: absolute;
text-align: left;
}
.accom-item2 {
position: absolute;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 262px;
left: 0;
top: 395px;
}
.accom-item3 {
position: absolute;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 262px;
top: 594px;
}
.accom-item5 {
position: absolute;
top: 0;
left: 0;
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
width: 262px;
top: 797px;
}
.accom-item1, .accom-item2, .accom-item3, .accom-item4, .accom-item5 {
position: relative;
display: inline-block;
top: 0;
margin: 10px;
}
.accom-wrapper-outer, .accom-wrapper, .accom-wrapper-helper {
text-align: center;
list-style-type: none;
padding: 0;
width: 100%;
height: 100%;
z-index: 1;
}
}
@media (max-width: 1122px) and (min-width: 989px){
h4.subtitle {
font-size: 12px;
font-weight: 400;
}
}
.book-block {
color: #fff;
background: rgba(0, 0, 0, 0.76);
margin-right: 0;
position: relative;
z-index: 555;
bottom: 0;
margin-top: -110px;
}
.con {
display: inline-block;
padding: 20px;
}
.box-big {
display: inline-block;
width: 200px;
margin-right: 15px;
vertical-align: middle;
}
.btn-book {
display: inline-block;
padding: 11px 30px;
background-color: #ec6122;
font-size: 14px;
line-height: 14px;
font-weight: bold;
text-transform: uppercase;
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.5);
margin-top: 0px;
color: white;
border-radius: 0;
}
.btn-book a{color: white;}
.input-group-addon {
padding: 6px 12px;
font-size: 14px;
font-weight: 400;
line-height: 1;
color: #ec6122;
text-align: center;
background-color: #fff;
border: none;
border-radius: 0px; 
}
p{margin: 0 0 24px;}