/*
Template:  Webster - Responsive Multi-purpose HTML5 Template
Author: potenzaglobalsolutions.com
Design and Developed by: potenzaglobalsolutions.com

NOTE: This file contains the styling for the architecture Template. You can edit/add anything in this file!
*/
 
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto', sans-serif; color: #363636; margin-top: 0px; text-transform: capitalize; }
 
.modal-header .close { position: absolute; z-index: 99; right: 13px; top: 10px; }

/*architecture-about*/
.architecture-about h2 { font-size: 50px; line-height: 60px; }
.about-image { width: 100%; position: relative; height: 430px; }
.about-image-01 { background-size: cover; display: table-cell; width: 30%;  height: 440px; margin-top: 20px; position: absolute; right: 0; transition: all 1s cubic-bezier(.165,.84,.44,1);background-size: cover;background-position: center; }
.about-image-02 {background-size: cover; display: table-cell; width: 70%; height: 480px; position: absolute; left: 0; transition: all 1s cubic-bezier(.165,.84,.44,1);background-size: cover;background-position: center; }
.about-image .about-image-01:hover { width: 70%; height: 480px; margin-top: 0; }
.about-image .about-image-01:hover + .about-image-02 { width: 30%; height: 440px; margin-top: 20px; }

/*architecture-portfolio*/
.architecture-portfolio .isotope-filters { margin: 0; text-align: right; display: inline-block; margin-bottom: 00px; margin-top: 10px;}
.architecture-portfolio .isotope-filters button { border:0; padding: 6.5px 5px; }
.architecture-portfolio .isotope-filters  button.active, .architecture-portfolio .isotope-filters  button:hover { background: transparent; color: #84ba3f; }

/*contact-us*/
#contact-us .addresss-info li, #contact-us .addresss-info p, #contact-us .addresss-info i { color: #ffffff; }

/*hotel-feature-step*/
.hotel-feature-step .feature-step-2-box { padding: 70px 100px; }
.hotel-feature-step span { font-size: 40px; }
.feature-step-2.bg-01 { background: url(../../../demo-one-page/hotel/images/about/03.jpg); background-repeat: no-repeat; background-size: cover; } 
.feature-step-2.bg-02 { background: url(../../../demo-one-page/hotel/images/about/04.jpg); background-repeat: no-repeat; background-size: cover; } 
.feature-step-2.bg-03 { background: url(../../../demo-one-page/hotel/images/about/05.jpg); background-repeat: no-repeat; background-size: cover; } 
.feature-step-2:before { position: absolute; content: ""; width: 100%; height: 100%; background: #f6f7f8; opacity: 0;  transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out;  }
.feature-step-2.bg-02.active:hover:before {  opacity: 0; }
.feature-step-2.bg-01:before {  opacity: 1;  }
.feature-step-2.bg-03:before {  opacity: 1;  }
.feature-step-2.bg-01:hover:before { opacity: 0; }
.feature-step-2.bg-03:hover:before { opacity: 0; }
.feature-step-2.bg-03:hover h2, .feature-step-2.bg-03:hover p, .feature-step-2.bg-01:hover h2, .feature-step-2.bg-01:hover p { color: #ffffff; }

.book-now .book-now-box { background: #050801; padding: 30px; width: 50%; }
.book-now .book-now-box span { font-size: 26px; line-height: 26px; }

.book-now-slider { width: 100%; margin: 0 auto; }
.book-now-slider .owl-carousel .owl-stage-outer { overflow: visible; }
.book-now-slider .owl-carousel .owl-item { opacity: 0.2; }
.book-now-slider .owl-carousel .owl-item.active { opacity: 1; height: 100%; }